@charset "utf-8";
/* com2zoa design JJH 181214 */

/* COMMON */
select {-webkit-appearance: none; -moz-appearance: none; appearance: none}
select::-ms-expand { display: none}
body,input,select,label,textarea,button {font-family: CGR}
.clear_fix {*zoom:1}
.clear_fix:after {content: ""; display: block; clear: both}
.btn_img {text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0}

/* LAYOUT */
#wrap {min-width: 320px}
#mainheader {position: relative; border-bottom: 1px solid #dbdbdb; z-index: 100}
#content {position: relative; z-index: 10}
#main_notice {height: 229px}
.content1 {position: relative; z-index: 50}
.content2 {padding: 44px 0}
.inner {max-width: 1150px; margin: 0 auto; position: relative}

/* HEADER */
.header_top {border-bottom: 1px solid #dbdbdb}
.headerWrap, .lnb {width: 100%; max-width: 1150px; position: relative; margin:0 auto;}
.lnb {padding: 8px 0; text-align: right; font-size: 12px}
.lnb li {display: inline-block; .display: inline; margin: 0 0 0 24px}
.lnb li a {display: inline-block; padding: 6px 0 6px 18px; background-position: 0 50%; background-repeat: no-repeat; color: #565656}
.lnb .login a {background-image: url(../images/main/ico_login.png)}
.lnb .logout a {background-image: url(../images/main/ico_logout.png)}
.lnb .join a {background-image: url(../images/main/ico_join.png)}
.lnb .leave a {background-image: url(../images/main/ico_leave.png)}
.lnb .sitemap a {background-image: url(../images/main/ico_sitemap.png)}
.lnb .sitemap {margin-right: 12px}
.lnb .sns {float: left; margin: 0 0 0 12px}
.lnb .sns a {padding-left: 30px; background-image: url(../images/main/ico_insta.gif)}
.lnb .sns a.sns2 {padding-left: 38px; background-image: url(../images/main/ico_youtube.gif)}
.logo img {display: block; width: 100%}

/* VISUAL */
.v_items .v_item {display: block !important}
.v_items .slick-arrow {position: absolute; top: 50%; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0; background: rgba(0, 0, 0, .6) url(../images/main/arw_visual1.png) 50% 50% no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; transition: background-color .4s; z-index: 60}
.v_items .slick-next {background-image: url(../images/main/arw_visual2.png)}
.v_items .slick-arrow:hover {background-color: rgba(0, 0, 0, 1)}

/* POPUP */
.btn_pop {position: absolute; right: 12px; top: 12px; width: 62px; height: 75px; background: url(../images/main/btn_pop.png) 50% 50% no-repeat; color: #fff; z-index: 70}
.btn_pop:after {content:""; display: block; position: absolute; left: 50%; top: 10px; width: 15px; height: 15px; margin: 0 0 0 -7px; background: url(../images/main/btn_pop2.png) 50% 50% no-repeat; transition: transform .6s}
.btn_pop.open:after {transform: rotate(45deg)}
.pop_layer {position: absolute; left: 0; top: 100px; width: 100%; background: rgba(0, 0, 0, .8); padding: 24px 0; z-index: 70}
.pop_layer .pop_wrap {margin: 0 60px}
.pop_layer .img {max-width: 330px; margin: 0 auto}
.pop_layer .img img {display: block; width: 100%}
.pop_layer .txt {text-align: center; font-family: CGB; font-size: 15px; padding: 16px 0 0 0;}
.pop_layer .txt a {display:block; color: #fff; width: 100%;text-overflow:ellipsis;    white-space:nowrap;    word-wrap:normal;    overflow:hidden}
.pop_layer .slick-arrow {position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; z-index: 80}
.pop_layer .slick-prev {left: 0; background: url(../images/main/arw_pop1.png) 50% 50% no-repeat}
.pop_layer .slick-next {right: 0; background: url(../images/main/arw_pop2.png) 50% 50% no-repeat}

/* 공지사항 영역 */
#main_notice .notice_wrap {position: relative; padding-top: 60px}
#main_notice .notice_wrap h3 {position: absolute; top: 22px; font-size: 1.385em; font-family: CGB; font-weight: 400}
#main_notice .notice_wrap h3 a {color: #222; display: block; padding-left: 20px}
#main_notice .notice_wrap h3:hover a {color: #1c52a8; background: url(../images/main/noti_tit_a.gif) 0 50% no-repeat}
#main_notice .notice_wrap h3.on a {color: #1c52a8; background: url(../images/main/noti_tit_a.gif) 0 50% no-repeat}
#main_notice .notice_wrap .tab01 {left: 5px}
#main_notice .notice_wrap .tab02 {left: 121px; background: url(../images/main/noti_tit_line.gif) 0 50% no-repeat; padding-left: 5px}
#main_notice .notice_wrap .noticeTb {border-top: 1px solid #494949}
#main_notice .tb_wrap li {padding: 14px 0 12px 0; border-bottom: 1px solid #ccc; position: relative; height:15px;background: url(../images/main/noti_blt.gif) 5px 17px no-repeat}
#main_notice .tb_wrap li .tit {padding-right: 80px}
#main_notice .tb_wrap li .tit a {display: block; padding:2px 0 0 20px; color: #222; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden}
#main_notice .tb_wrap li .date {position: absolute; right: 4px; top: 14px; font-size: 0.923em; color: #8d8d8d}
#main_notice .notice_wrap .noticeTb.on {display: block}
#main_notice .notice_wrap .btn_more {position: absolute; right: 5px; top: 18px}

/* QUICK */
.quicks {text-align: center; font-size: 15px}
.quicks li {width: 50%; float: left; margin: 0 0 4px 0}
.quicks li:first-child {margin-left: 0}
.quicks li a {display: block; padding: 67px 0 18px 0; color: #fff}
.quicks .qm1 a, .quicks .qm3 a {margin-right: 2px}
.quicks .qm2 a, .quicks .qm4 a {margin-left: 2px}
.quicks .qm1 a {background: #f58845 url(../images/main/ico_quick1.png) 50% 0 no-repeat}
.quicks .qm2 a {background: #84b751 url(../images/main/ico_quick2.png) 50% 0 no-repeat}
.quicks .qm3 a {background: #2999bb url(../images/main/ico_quick3.png) 50% 0 no-repeat}
.quicks .qm4 a {background: #7f8080 url(../images/main/ico_quick4_n.png) 50% 0 no-repeat}

/* INFO */
.info .info_tit {padding: 0 0 14px 0; border-bottom: 1px solid #212121; text-align: center; font-size: 18px; color: #1c52a8}
.info .info_wrap {padding: 0 12px}
.info .time {padding: 68px 0 20px 0; background: url(../images/main/ico_time.png) 50% 0 no-repeat; text-align: center; font-size: 14px; border-bottom: 1px solid #dbdbdb}
.info .time li {margin: 10px 0 0 0}
.info .time li:first-child {margin-top: 0}
.info .customer {padding: 68px 0 0 0; background: url(../images/main/ico_customer.png) 50% 0 no-repeat; text-align: center; font-size: 18px; font-family: CGB}
.info .customer li {margin: 20px 0 0 0}
.info .customer li:first-child {margin-top: 0}
.info .faq a {display: inline-block; padding: 0 30px 0 0; background: url(../images/main/ico_fap.gif) 100% 50% no-repeat}

/* CONLINE03 */
.content3 {padding: 40px 0; background: url(../images/main/bg_content3.jpg) 50% 0 no-repeat}
.content3 .con_tit {text-align: center; padding: 0 16px; clear: both; font-size: 28px; font-family: CGB; font-weight: 400; margin-bottom: 40px}
.content3 .con_tit a {color: #212121}
.content3 .con_tit span {color: #d03838}

/* ALBUM 영역 */
#album .album_wrap {padding: 0 13px; position: relative; overflow: hidden}
#album .album_wrap .photo_area {padding: 0 25px; *zoom:1; height: 226px; overflow: hidden}
#album .album_wrap .photo_area:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#album .photo_box {height: 226px; width: 100%; float: left}
#album .photo_wrap {width: 226px; height: 226px; position: relative; margin: 0 auto; background: #b2b2b2 url(../images/main/no_img.png) 0 0 no-repeat; overflow: hidden;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%}
#album .photo_wrap .circle {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 15}
#album .photo_wrap .text {position: absolute; left: 0; top: 0; text-align: center; width: 100%; height: 100%; display: none; z-index: 20}
#album .photo_wrap .text dt {width: 80%; margin: 140px auto 0 auto}
#album .photo_wrap .text dt a {display: block; color: #fff; padding-top: 2px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden}
#album .photo_wrap .text dd a {display: inline-block; color: #fff; padding: 7px 0; border-top: 1px solid #fff; margin-top: 7px}
#album .photo_wrap .more_btn {position: absolute; left: 50%; top: 80px; z-index: 20; margin-left: -25px; display: none}
#album .photo_wrap .more_btn a {color: #fff; text-decoration: underline; display: block; width: 50px}
#album .photo_wrap:hover .circle {background: url(../images/main/album_cover_a.png) 0 0 no-repeat}
#album .photo_wrap:hover .text,
#album .photo_wrap:hover .more_btn {display: block}

#album .movie_wrap .movie_link {display: block !important; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/main/movie_cover2.png) 50% 50% no-repeat; z-index: 15}
#album .movie_wrap .movie_link:hover {background: url(../images/main/movie_cover.png) 50% 50% no-repeat}
#album .movie_wrap .movie_link .text {display: block}
#album .movie_wrap .movie_link .text dt {color: #fff}
#album .movie_wrap .movie_link .text dd {color: #fff; color: #fff; padding: 7px 0; border-top: 1px solid #fff; width: 71px; margin: 7px auto 0 auto}
#album .movie {width: 226px; height: 226px; position: relative; z-index: 14}
#album .movie video {position: absolute; left: 50%; top: 0; margin-left: -201px}
#album .movie iframe {width: 402px; height: 226px; position: absolute; left: 50%; top: 0; margin-left: -201px}

#album .btn_wrap li {width: 24px; height: 40px; position: absolute; top: 50%; margin-top: -20px}
#album .btn_wrap li a {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; display: block; width: 24px; height: 40px}
#album .btn_wrap .btn_prev {left: 13px}
#album .btn_wrap .btn_prev a {background: url(../images/main/album_btn_prev.png) 0 0 no-repeat}
#album .btn_wrap .btn_prev:hover a {background: url(../images/main/album_btn_prev_a.png) 0 0 no-repeat}
#album .btn_wrap .btn_next {right: 13px}
#album .btn_wrap .btn_next a {background: url(../images/main/album_btn_next.png) 0 0 no-repeat}
#album .btn_wrap .btn_next:hover a {background: url(../images/main/album_btn_next_a.png) 0 0 no-repeat}

/* CONLINE04 */
.content4 {border-top: 1px solid #ccc}
.content4 .inner {padding: 16px 0; position: relative; width: 100%; max-width: 1150px; margin: 0 auto} 

/* 배너모음 */
#banner .banner_wrap {position: relative; padding: 0 32px 0 88px}
#banner .banner_wrap h3 {font-size: 1.308em; font-family: CGB; font-weight: 400; color: #222; position: absolute; left: 13px; top: 13px}
#banner .banner_wrap .more {position: absolute; left: 13px; top: 22px}
#banner .banner_wrap .more a {color: #e8340c; display: block; padding: 4px 0 2px 0}
#banner .banner_wrap .btn_area {width: 14px; position: absolute; right: 13px; top: 0}
#banner .banner_wrap .btn_area button {border: 0; margin-bottom: 2px; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; width: 14px; height: 14px; .display:block}
#banner .banner_wrap .btn_area .prev {background: url(../images/main/ban_btn_prev.gif) 0 0 no-repeat}
#banner .banner_wrap .btn_area .stop {background: url(../images/main/ban_btn_stop.gif) 0 0 no-repeat}
#banner .banner_wrap .btn_area .next {background: url(../images/main/ban_btn_next.gif) 0 0 no-repeat}

#banner .banner_wrap .banner_list {height: 46px; overflow: hidden; *zoom:1; width:100%}
#banner .banner_wrap .banner_list:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#banner .banner_wrap .banner_list .swiper-wrapper {*zoom:1}
#banner .banner_wrap .banner_list .swiper-wrapper:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#banner .banner_wrap .banner_list .banner_con {width: 100%; float: left}
#banner .banner_wrap .banner_list .banner_con a {display: block; border: 1px solid #ccc; max-width: 183px; margin: 0 auto}
#banner .banner_wrap .banner_list .banner_con a img {display: block}

/* 관련기관 시작 */
#agency .agency_wrap {padding: 10px 13px; position: relative}
#agency .agency_wrap .selectBox {width:auto; margin-right:55px; *zoom:1}
#agency .agency_wrap .selectBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#agency .agency_wrap .selectBox div {float:left; width:100%; border: 1px solid #ccc}
#agency .agency_wrap .selectBox div select {width:100%; padding:6px 0 2px 3px; .padding:6px 0 4px 3px; border:0; background:#fff url(../images/main/select_arrow.gif) right center no-repeat; ()background:#fff; .background:#fff; height:34px}
#agency .agency_wrap .btnBox{ position: absolute; right: 0; top: 10px;
    background:#474747; overflow:hidden; border:1px solid #474747; width:50px; height:34px}
#agency .agency_wrap .btnBox button{border:0; background:none; color:#fff; text-align:center; height:34px; width:100%; display:block; font-family: CGR}

/* FOOTER */
#footer {background: #414857; color: #fff; position:relative}
#footer .foot_menu {border-bottom: 1px solid #676d79; margin-bottom:25px}
#footer .foot_menu ul {*zoom:1; text-align:center; width: 100%; max-width: 1150px; margin: 0 auto}
#footer .foot_menu ul:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#footer .foot_menu li {width: 25%; .width: 24.7%; float: left; background: url(../images/main/fmenu_bg.gif) 0 50% no-repeat}
#footer .foot_menu li a {color: #fff; display: block; padding: 14px 0 12px 0; letter-spacing: -1px; line-height: 28px}
#footer .foot_menu li.fmenu02 a {color: #f2e39e}
#footer .footer_wrap {width: 100%; max-width: 1150px; margin: 0 auto; padding: 0 0 50px 0}
#footer .f_logo {display: none}
#footer .address_wrap {text-align: center; padding: 0 25px; line-height: 150%}
#footer .address_wrap address {color: #fff; margin-bottom: 10px}
#footer .address_wrap .copy {font-size: 0.923em; color: #9399a0}
#footer .count {display: none}


/* MOBILE LAYOUT */
@media only screen and (min-width:0) and (max-width:767px){

    /* VISUAL */
    .v_item {height: 340px}
    .v_item.img1 {background: url(../images/main/main_hero_m1.jpg) 50% 0 no-repeat}
    .v_item.img2 {background: url(../images/main/main_hero_m2.jpg) 50% 0 no-repeat}
    .v_item.img3 {background: url(../images/main/main_hero_m3.jpg) 50% 0 no-repeat}
    .v_item.img4 {background: url(../images/main/main_hero_m4.jpg) 50% 0 no-repeat}

    /* 배너영역 */
    #banner .banner_wrap .banner_list .banner_con {width: 33.3%; .width: 33%}

	/* 관련기관 */
	#agency .agency_wrap .btnBox {right:13px}
    
    /* FOOTER */
    #footer .foot_menu li.fmenu02 {background: none}
    #footer .foot_menu li.fmenu01,
    #footer .foot_menu li.fmenu04 {display: none}
    #footer .foot_menu li.fmenu06 a {background: url(../images/main/top_bg01.gif) 85% 50% no-repeat}

}

/* MOBILE - TABLET LAYOUT */
@media only screen and (max-width:1149px) {

    /* HEADER */
    .headerWrap {padding: 12px 0}
    .logo {width: 150px; margin-left: 12px}
    .btn_open_gnb {width: 38px; height: 36px; position: absolute; right: 12px; top: 12px; background: 0; border: 1px solid transparent; transition: border .4s}
    .btn_open_gnb span {display: block; width: 26px; height: 3px; background: #f2782d; margin: 3px auto 0 auto}
    .btn_open_gnb span:first-child {margin-top: 0}
    .btn_open_gnb:hover {border-color: #dbdbdb}

    /* GNB */
    #gnb {width:250px; height:100%; min-height:100%; position:fixed; top:0; left:0; margin-left: -250px; background:#fff; z-index:1010; overflow-y:auto}
	#gnb .btn_close {width:64px; height:64px; position:absolute; top:32px; right:0; z-index:102}
	#gnb .btn_close a {display:block; width:64px; height:64px; background:url(../images/main/mb_mn_close.gif) no-repeat left top}
	#gnb .multi_box {background: #333}
	#gnb .multi_box li {float: left; width: 33.3%; .width: 33%}
	#gnb .multi_box li a {display:block; padding:0 5px; border-right: 1px solid #d8d8d8; color:#fff; text-align:center; font-size:12px; line-height:32px}
    #gnb .multi_box .sns a {padding: 0 0 0 12px; border: 0; background: url(../images/main/faceb_layer.png) 5px 50% no-repeat}
	#gnb .all_tit {display: block; height:64px; padding-left: 22px; background:#db3400; color:#fff; font-size:18px; line-height:64px}
    .gnb_list {background:#f0edeb}
    .gmn .sub_tit {display: none}
    .gmn > a {display:block; width:auto; padding:0 0 0 25px; margin:0; background:#f6f7f7 url(../images/main/mb_mn_bg_a.gif) no-repeat right center; border-bottom:1px solid #cbcbcb; line-height:40px; font-size:15px; color:#000}
	.gmn:first-child > a {border-top:0}
	.gmn > a[target=_blank] span{display:inline-block; padding-right:15px; background:url(../images/main/newopenwindow_btn.gif) no-repeat right center}
	.gmn.active > a{color:#db3400; background:#ffffff url(../images/main/mb_mn_bg.gif) no-repeat right  center}
    .gmn .nav_sub{display:none; background:#eeeff1; padding:5px 0; border-bottom:#cbcbcb solid 1px}
	.gmn .nav_sub ul > li > a {display:block; height:30px; padding:0 0 0 36px; background:#eeeff1 url(../images/main/mb_mn_bg2.gif) no-repeat 25px 14px; font-size:13px; line-height:30px; color:#7b7e85}
	.gmn .nav_sub ul > li:hover a {color:#000}
    .gmn .nv_sub ul > li > a[target=_blank] span{display:inline-block; padding-right:15px; background:url(../images/main/newopenwindow_btn.gif) no-repeat right center}
    .gnb_bg {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8)}
    

    /* VISUAL */
    .v_items .slick-arrow {width: 32px; height: 32px; left: 12px; margin: -16px 0 0 0; background-size: 32px}
    .v_items .slick-next {right: 12px; left: auto}

    /* QUICK */
    .quicks {margin: 24px 0 0 0}

    .content2 {padding: 44px 12px 12px 12px}

    /* INFO */
    .info {margin: 24px 0 0 0}
    

}

/* TABLET LAYOUT */
@media only screen and (min-width:768px) and (max-width:1149px){

    /* VISUAL */
    .v_item {height: 420px}
    .v_item.img1 {background: url(../images/main/main_hero_t1.jpg) 50% 0 no-repeat}
    .v_item.img2 {background: url(../images/main/main_hero_t2.jpg) 50% 0 no-repeat}
    .v_item.img3 {background: url(../images/main/main_hero_t3.jpg) 50% 0 no-repeat}
    .v_item.img4 {background: url(../images/main/main_hero_t4.jpg) 50% 0 no-repeat}

    /* quicks */
    .quicks {width: 49%; float: left}
    .quicks li a {padding: 64px 0 14px 0}
   
    /* info */
    .info {width: 49%; float: right}
    .info .info_wrap {padding: 12px 0}
    .info .time {width: 50%; position: relative; float: left; border-bottom: 0; .width: 49.5%}
    .info .time:after {content:""; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #dbdbdb}
    .info .customer {width: 50%; float: right; padding: 72px 0 0 0; .width: 49.5%}

    /* 배너영역 */
    #banner {margin-right: 250px;}
    #banner .banner_wrap .banner_list .banner_con {width: 50%; .width: 49.5%}

    /* 관련기관 영역 */
    #agency {position: absolute; right: 13px; top: 10px; width: 250px}
    #agency .agency_wrap {padding: 10px 0 10px 13px}

    /* FOOTER */
    #footer .foot_menu li {width: 16.4%}
    #footer .foot_menu li.fmenu01 {background: none}
    #footer .foot_menu li.fmenu06 a {background: url(../images/main/top_bg01.gif) 85% 50% no-repeat}
}

/* PC LAYOUT */
@media only screen and (min-width:1150px){

    /* HEADER */
    .logo {width: 212px; float: left; padding: 19px 0;}

    /* GNB */
    .btn_close, .multi_box, .btn_open_gnb {display: none}
    #gnb {float: right}
    .gnb_list {padding: 34px 0 20px 0}
    .gnb_list .gmn {float: left; padding: 0 34px}
    .gnb_list .gmn > a {display: block; padding: 0 0 15px 0; position: relative; font-size: 19px; color: #4e4e4e}
    .gnb_list .gmn > a:after {content: ""; display: block; width: 0; height: 3px; background: #f58845; position: absolute; left: 0; bottom: 0; transition: width .4s}
    .gnb_list .gmn:hover > a {font-family: CGB; color: #f58845}
    .gnb_list .gmn:hover > a:after {width: 100%}

    .nav_sub {display: none; width: 20%; height:280px; position: absolute; top: 88px; background: url(../images/main/line_gnb_bg.png) 0 0 repeat-y; z-index: 190}
    .gmn:nth-child(1) .nav_sub {left: 0}
    .gmn:nth-child(2) .nav_sub {left: 20%}
    .gmn:nth-child(3) .nav_sub {left: 40%}
    .gmn:nth-child(4) .nav_sub {left: 60%}
    .gmn:nth-child(5) .nav_sub {left: 80%}
    .nav_sub .sub_tit {padding: 0 0 0 53px; margin: 24px 0 0 0; background: url(../images/main/blt_gnb_tit.gif) 23px 50% no-repeat; font-size: 15px; color: #212121; font-weight: 400; font-family: CGB}
    .nav_sub .sub_list {padding: 20px 8px 0 52px}
	.nav_sub .sub_list li {line-height:130%; word-break:keep-all}
    .nav_sub .sub_list li a {display: block; padding: 6px 0 6px 12px; background: url(../images/main/blt_gnb_sub_list.gif) 0 9px no-repeat}

    .gnb_bg {display: none; width: 100%; height:280px; position: absolute; left: 0; top: 130px; background: #fff; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .12); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, .12); box-shadow: 0 4px 6px rgba(0, 0, 0, .12); z-index: 99}

    /* VISUAL */
    .v_item {height: 520px}
    .v_item.img1 {background: url(../images/main/main_hero_p1.jpg) 50% 0 no-repeat}
    .v_item.img2 {background: url(../images/main/main_hero_p2.jpg) 50% 0 no-repeat}
    .v_item.img3 {background: url(../images/main/main_hero_p3.jpg) 50% 0 no-repeat}
    .v_item.img4 {background: url(../images/main/main_hero_p4.jpg) 50% 0 no-repeat}

    .v_items .slick-arrow {width: 64px; height: 64px; left: 50%; margin: -32px 0 0 0}
    .v_items .slick-prev {margin-left: -570px}
    .v_items .slick-next {margin-left: 494px}

    /* popup */
    .btn_pop {right: auto; left: 50%; margin: 0 0 0 582px}
    .pop_layer {width: 450px; top: 12px; left: 50%; margin: 0 0 0 108px}

    /* notice */
    #main_notice .notice_wrap {width: 438px; margin: 0 auto}

    .quicks {width: 316px; position: absolute; left: 0; top: 18px}
    .quicks li a {padding: 69px 0 20px 0}

    .info {width: 316px; position: absolute; right: 0; top: 18px}
    .info .info_wrap {padding: 0}
    .info .info_tit {padding: 0 0 24px 0}
    .info .time {padding: 12px 0 12px 100px; background: url(../images/main/ico_time2.png) 10px 50% no-repeat; text-align: left}
    .info .customer {padding: 12px 0 12px 100px; background: url(../images/main/ico_customer2.png) 10px 50% no-repeat; border-bottom: 1px solid #dbdbdb; text-align: left}

    /* 배너영역 */
    #banner {margin-right: 250px}
    #banner .banner_wrap .banner_list .banner_con {width: 25%; .width: 24.7%}

    /* 관련기관 영역 */
    #agency {position: absolute; right: 13px; top: 10px; width: 250px}
    #agency .agency_wrap {padding: 10px 0 10px 13px}

    /* FOOTER */
    #footer .foot_menu li {width: auto}
    #footer .foot_menu li a {padding: 14px 30px 12px 30px}
    #footer .foot_menu li.fmenu01 {background: none}
    #footer .foot_menu li.fmenu06 {display: none}
    #footer .footer_wrap {position: relative}
    #footer .f_logo {display: block; position: absolute; left: 0; top: 75px}
    #footer .address_wrap {text-align: left; padding: 0 25px 0 266px}
    #footer .address_wrap address {color: #fff; margin-bottom: 10px}
    #footer .address_wrap .copy {font-size: 0.923em; color: #9399a0}
    #footer .count {display: block; position: absolute; left: 50%; top: 70px; width: 230px; background: #20242f; margin-left:345px}
    #footer .count ul {padding: 8px 22px}
    #footer .count ul li {padding: 7px 0}
    #footer .cdate {width: 68px; background: url(../images/main/count_bg.gif) 100% 50% no-repeat; display: inline-block}
    #footer .cpeople {width: 113px; display: inline-block; text-align: right}

}

/* LOWSET FIX */
@media only screen and (min-width:500px) and (max-width:767px){

    /* quicks */
    .quicks li {width: 25%; .width: 24.7%}
    .quicks .qm1 a {margin: 0 3px 0 0}
    .quicks .qm2 a {margin: 0 2px 0 2px}
    .quicks .qm3 a {margin: 0 1px 0 3px}
    .quicks .qm4 a {margin: 0 0 0 4px}

    /* info */
    .info .info_wrap {padding: 12px 0}
    .info .time {width: 50%; position: relative; float: left; border-bottom: 0; .width: 49.5%}
    .info .time:after {content:""; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #dbdbdb}
    .info .customer {width: 50%; float: right; padding: 72px 0 0 0; .width: 49.5%}
}


@media only screen and (min-width:0) and (max-width:367px){

    .lnb li {margin-left: 10px}

    #footer .foot_menu li.fmenu02 a {line-height: 14px;}

}

@media only screen and (min-width:500px) and (max-width:1149px) {
    .pop_layer {left: auto; right: 12px; width: 450px}
}

/* 2019-03-20 팝업 카운트 추가 */
.count {text-align: center; color: #fff; padding-top: 16px; font-size: 15px;}
.count .num {color: #fffb81;}