@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ, publishing KJH 240523 */

@keyframes effect{
0%,40%,100% {background-position:50% 0}
20%,60% {background-position:50% 6px}
}

/* Common */
.mobile_bg {display: none; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #000; z-index:400}
.clear_fix:after{content:""; clear: both; display: block}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.no_txt {font-size:0; overflow:hidden; text-indent:-9999px; line-height:0}

/* Layout */
#wrap {width: 100%; min-width: 300px; font-family:NSQ}

.headerwrap {position: relative}
/*.header_box:hover {background:#fff; transition: .3s}*/
.header_top {position:relative}
.headerwrap .logo_top {position:absolute; bottom:0; left:0}
.headerwrap .logo_top a {display: block; width:316px; height:74px; cursor:pointer; background:url(../images/main/logo_26.png) no-repeat 0 0}
.headerwrap .logo_top a img {display: none}
.headerwrap:hover .logo_top a {transition:.3s}
.headerwrap .popwrap {display: block}
.headerwrap .popwrap p {display:block; background:#3f5966; color:#fff; text-align: center; height:40px; line-height:38px}

.top_wrap {position:relative; margin:0 auto;  max-width:1660px; /*padding-bottom:113px;*/ z-index:2}
.top_wrap .qmenu {position: absolute; top:0; right:0; z-index:1}
.top_wrap .qmenu .btn_log {display:none}

.header_box .gmn_btn {position:relative}
.header_box .gmn_btn p.btn_all{position: absolute; top:0; right:0; z-index:1}
.header_box .gmn_btn p.btn_all a {display: block; width:38px; height: 38px; box-sizing: border-box; text-indent: -9999px; font-size:0; transition: all .5s; background:url(../images/main/btn_allmn.png) 0 0 no-repeat}

/* popup */
.main_popwrap {position:relative}
.main_popwrap .mpop_top {position:absolute; top:160px; right:0; padding:17px 20px 17px 50px; border-radius:15px 0 0 15px; background:#446f85 url(../images/main/blt_mpop_ico.png) no-repeat 14px 50%; cursor:pointer}
.main_popwrap .mpop_top .sb_tit {color:#fff; font-weight:500}
.main_popwrap .mpop_top .sb_tit span {margin-left:5px; color:#ffc322}
.main_popwrap .mpop_top .mpop_more {width:60px; height:14px; line-height:12px; margin-top:5px; border-radius:50px; background:#2d596f; color:#fff; padding:0 6px; box-sizing: border-box}
.main_popwrap .mpop_top .mpop_more span {padding-right:20px; background:url(../images/main/btn_popup_more.png) no-repeat right 3px top 50%; font-weight:300; font-size:12px}

.mpop_bg {position: fixed; top: 0;left: 0; z-index: 99;width: 100%;height: 100%; background-color: #000; opacity: 0.6}
/*.mpopup_box {display: none}*/
.mpopup_box.on {display:block}
.mpop_lstwrap {position:absolute; top:220px; left:50%; padding:0 65px; margin-left:-400px; z-index:100}
.mpop_lstwrap .mpop_tb {width:638px; height:327px}
.mpop_layer a {display: block; overflow: hidden; width:638px; height:327px; border-radius: 15px}
.mpop_layer img {width:638px; height:327px}
.mpop_lstwrap .slick-arrow {position: absolute; top:50%; width:51px; height:51px; margin-top:-25px; font-size:0}
.mpop_lstwrap .slick-prev {left:-65px; background:url(../images/main/btn_mpop_prev.png) no-repeat 50% 50%}
.mpop_lstwrap .slick-next {right:-65px; background:url(../images/main/btn_mpop_next.png) no-repeat 50% 50%}

.mpop_lstwrap .btns {display: flex; justify-content:center; align-items: center; margin-top:30px}
.mpop_lstwrap .btns li {min-width:185px}
.mpop_lstwrap .btns li a {display:block; height:46px; line-height:44px; border-radius:50px; text-align: center; background:rgba(0,0,0,0.5); color:#fff; margin:0 5px; font-size:1.231em; box-sizing: border-box}
.mpop_lstwrap .btns li a span {display:inline-block; padding:0 30px 0 5px}
.mpop_lstwrap .btns li.btn_popclose a span {background:url(../images/main/btn_mpop_close.png) no-repeat right 0 top 50%; font-size:1.538em; font-weight:600}
.mpop_lstwrap .btns li.btn_poptoday {min-width:210px}
.mpop_lstwrap .btns li.btn_poptoday a span {background:url(../images/main/btn_mpop_close.png) no-repeat right 0 top 50%}

a.new_link {padding-right:15px; background:url(../images/main/ico_link.gif) right center no-repeat}

#gnb {font-family:'Gmarket Sans'}

/* Visual */
.visual {position:relative; overflow:hidden}
.visual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.visual .visual_item {display: block; width:100%; height:622px; /*image-rendering: pixelated*/}
.visual .visual_item > a{ position:relative; display: block; height:621px}
.visual .item1{background:url(../images/main/v_pc01_n.jpg) no-repeat top center}
.visual .item2{background:url(../images/main/v_pc02_n.jpg) no-repeat top center}
.visual .item3{background:url(../images/main/v_pc03_n.jpg) no-repeat top center}
.visual .item4{background:url(../images/main/v_pc04.jpg) no-repeat top center}
.visual .item5{background:url(../images/main/v_pc05.jpg) no-repeat top center}
.visual .item6{background:url(../images/main/v_pc06_n.jpg) no-repeat top center}
.visual_item span.vbg_txt{height:0; width:0; line-height:0; font-size:0;text-indent:-9999999px}

/* 비주얼 이동 버튼 */
.ctrl_wrap {position:absolute; bottom:11px; left:50%; width:90px; height:23px; line-height:23px; margin-left:-750px; background:rgba(255,255,255,0.65); border-radius:50px 50px; box-sizing:border-box}
.ctrl_wrap .count {color:#000; font-weight:400; text-align:center; font-family:'Gmarket Sans'; font-size:1.077em}
.ctrl_wrap .count .custom_paging {position:relative}
.ctrl_wrap .count .custom_paging + .custom_paging{display:none !important;}
.ctrl_wrap .count .custom_paging li{position:absolute; width:100%; left:0; opacity:0;}
.ctrl_wrap .count .custom_paging li.slick-active{opacity:1;}
.ctrl_wrap .count span.num {font-weight:800}

/*재생,일시정지*/
.visual_wrap .btn_visual {position: absolute; bottom:0; left:50%; margin-left:50px}
.visual_wrap .btn_visual li{position: absolute; left:0; bottom:0}
.visual_wrap .btn_visual li.blind{display:none}
.visual_wrap .btn_visual button {width:24px; height:24px; cursor:pointer; border-radius:50% 50%; font-size:0}
.visual_wrap .btn_visual button.vbtn_pause{ background:url(../images/main/btn_pause.png) no-repeat 50% 50%}
.visual_wrap .btn_visual button.vbtn_play{background:url(../images/main/btn_play.png) no-repeat 50% 50%}

/* 검색영역 */
.seobu_srchwrap {position:relative}
.seobu_srchwrap .sb_srch {position:absolute; top:-65px; right:0; width:calc(100% - 20px); margin:0 10px; text-align: center}
.seobu_srchwrap .srch_box {display:flex; justify-content:flex-start; align-items: center; width:100%; border: 2px solid #398bac;
  border-radius:50px; background:#fff; padding:3px 54px 3px 10px; box-sizing: border-box}
.seobu_srchwrap .srch_box .search_box {width:100%; height:33px; background:none; border:0;}
.seobu_srchwrap .srch_box .search_box:focus {outline:none}
.seobu_srchwrap .srch_box .button_box {margin-top:-1px; /* height:21px; line-height:21px; */ border:none}
.seobu_srchwrap .srch_box .search_btn span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999px}
.seobu_srchwrap .button_box .search_btn {position:absolute; top:5px; right:6px; width:45px; height:45px; background:url(../images/main/btn_srch_view.png) no-repeat 50% 50%, linear-gradient(0deg, #3b86b0, #2bad8a) ; border-radius:50px 50px 50px 5px}
.seobu_srchwrap .button_box:after {content: ""; display: block; clear: both}
    
.seobu_srchwrap .srch_base {display:inline-block; width:82px; height:24px; line-height:22px; background:#ededee url(../images/main/btn_srch_arr.png) no-repeat right 10px top 50%; color:#1a1a1a; border:0; border-radius:50px; appearance:none; font-family:NSQ; padding:0 10px; box-sizing: border-box}
.seobu_srchwrap .input_box {width:calc(100% - 82px); margin-left:10px}
.seobu_srchwrap .input_box input {font-family:NSQ}
.seobu_srchwrap .input_box input::placeholder {color:#b4b4b4; font-weight:500}

/* 컨텐츠 */
.content01 {margin-top:20px}

/* 장기팝업 존 */
.main_openpop {max-width:349px; margin:0 auto; padding:0 10px}
.popup_wrap {overflow:hidden; position:relative; padding:10px; background:#f1f1f1; border-radius:60px 10px 10px 10px}
.main_openpop .pop_tit {font-size: 15px; color:#fff; font-weight: 400}
.main_openpop .popup_on.active {display:block}
.main_openpop .popup_layer_wrap {position:relative; width:330px; height:401px; margin:0 auto; border-radius: 60px 10px 10px 10px; background:#fff url(../images/main/loading_pop.gif) no-repeat 50% 100%}
.main_openpop button{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px; cursor: pointer}
.main_openpop .slick-prev,.main_openpop .slick-next{position: absolute; bottom:-30px; width:12px; height:13px; z-index: 1}

.main_openpop .slick-prev {right:115px; background:url(../images/main/btn_pop_arr01.png) 0 0 no-repeat}
.main_openpop .slick-next {right:45px; background:url(../images/main/btn_pop_arr02.png) 0 0 no-repeat}
.main_openpop .popup_layer{position: relative; box-sizing: border-box}
.main_openpop .popup_imgsize {overflow:hidden; width:330px; height:401px; margin: 0 auto; background:url(../images/main/bg_nopopup.gif) no-repeat center center; border-radius:50px 10px 10px 10px}
.main_openpop .popup_imgsize img {width:329px; height:401px; border-radius:50px 10px 10px 10px;  }
.qmu_popup a span{font-size:0}
.popup_wrap .pop_info {display:flex; justify-content: space-between; align-items: center; margin:15px auto 5px; max-width:329px}
.popup_wrap .pop_info .main_tit {font-size:1.154em}
.popup_wrap .pop_info .pop_zone {display:flex; justify-content:flex-end; align-items:center; width:126px}
.popup_wrap .pop_info .pop_zone .pop_count {padding:0 26px; color:#878787; font-weight:500}
.popup_wrap .pop_info .pop_zone .pop_count .num {color:#2c2c2c}
.popup_wrap .pop_info .pop_zone img {vertical-align: middle}

.popup_wrap .pop_ctrl_wrap {position:absolute; bottom:-22px; right:108px}
.popup_wrap .custom_paging {position:relative}
.popup_wrap .custom_paging + .custom_paging{display:none !important;}
.popup_wrap .custom_paging li{position:absolute; width:100%; left:0; opacity:0; color:#878787; font-weight:500; font-size:16px}
.popup_wrap .custom_paging li.slick-active{opacity:1;}
.popup_wrap .custom_paging li span {display:inline}
.popup_wrap .custom_paging li .num {color:#2c2c2c}

/* notice */
#main_notice {position: relative; margin:10px 0 0; padding:0 10px; background: #fff}
#main_notice:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:140px; background:#2688c6}
.notice_box {position: relative; padding:1px 0 0} 
.notice_box h3 {position:absolute; top:11px; width:calc(100%/3 - 6px)}
.notice_box h3 a {display:block; width:100%; height:50px; line-height:50px; margin:0 auto; font-size:17px; font-weight:600; color:#353535; transition: all .3s; text-align: center; box-sizing: border-box}
.notice_box h3 a span{display:inline-block}
.notice_box .on a span, .notice_box h3 a:hover span {display:inline-block; color:#237cb5; transition:.3s}
.notice_box .noticetab01 {left:0}
.notice_box .noticetab02 {left:33.3%}
.notice_box .noticetab03 {left:66.6%}
.notice_box h3 a[target="_blank"] span {display:inline; padding-right:25px; background: url(../images/main/blt_notice_new.gif) right 0 top 50% no-repeat}
.notice_tb {overflow:hidden; margin-top:63px}
.notice_tb ul {display:flex; flex-wrap:wrap ; overflow:hidden; height:258px}
.notice_tb li {overflow:hidden; position:relative; width:248px; height:253px; line-height:150%; padding:22px 8px 12px; border-radius:30px; border:1px solid #dadada; margin:0 0 10px 37px; box-sizing: border-box; background:#fff}
.notice_tb li:first-child {margin-left:0}
.notice_tb li a {display:block; color:#000}
.notice_tb li .tit {padding:18px 10px; height:76px; border-bottom:1px solid #eaeaea; box-sizing: border-box}
.notice_tb li .tit a {overflow:hidden; height:40px; display:block; font-size:1.077em; font-weight:600; color:#000}
.notice_tb li .txt {height:70px; padding:15px 10px; box-sizing: border-box}
.notice_tb li .txt a {overflow: hidden; height:40px; display: block; font-size:1.077em; font-weight:400; color:#838383}
.noti_date {width:calc(100% - 41px); text-align:right; line-height:180%; color:#9a9a9a}
.noti_date span {display: block; font-size:25px}
.noti_state {display:inline-block; width:41px; height:20px; line-height:20px;  background:#ff6955; border-radius:50px 50px; color:#fff; text-align:center; }
.noti_depart {display:block; position:absolute; bottom:0; right:0; min-width:80px; min-height:21px;padding:7px 20px; background:#eee; text-align: center; border-radius:20px 0 0 0}
.noti_depart span {color:#000; text-align: center}
.noti_info {display: flex; justify-content:flex-end; padding:0 18px 0 10px; height:45px}
.notice_tb li .noti_depart span {color:#000; text-align: center}

/* 자주찾는 정보 */
.quick_info {margin:17px 0 28px 10px; padding:13px 14px 10px; border:2px solid #f0f0f0;  border-right:0; border-radius:60px 0 0 10px; text-align: center}
.quick_itit .itit {display:inline-block; padding:5px 0 5px 30px; background: url(../images/main/blt_quickinfo.gif) no-repeat 0 50%; font-size:1.385em; font-weight:600}
.quick_itit .itit span {color:#2688c6}
.quick_itit .itxt {line-height:150%; padding:14px 0 20px; text-align: center; font-size:1.077em }
.quick_itit .itxt span {font-weight:600}
.quick_itit .itxt .italic {font-style: italic}

.quick_info .qinfo_lst li:first-child {border-top:0}
.quick_info .qinfo_lst li a {display: block}
.quick_info .qinfo_lst li br {display:none}
.quick_info .qinfo_lst li.qinfo01 {background:url(../images/main/ico_quick01.gif) no-repeat 50% 0}
.quick_info .qinfo_lst li.qinfo02 {background:url(../images/main/ico_quick02.gif) no-repeat 50% 0}
.quick_info .qinfo_lst li.qinfo03 {background:url(../images/main/ico_quick03.gif) no-repeat 50% 0}
.quick_info .qinfo_lst li.qinfo04 {background:url(../images/main/ico_quick04.gif) no-repeat 50% 0}
.quick_info .qinfo_lst li.qinfo05 {background:url(../images/main/ico_quick05.gif) no-repeat 50% 0}
.quick_info .qinfo_lst li.qinfo06 {background:url(../images/main/ico_quick06.gif) no-repeat 50% 0}
.quick_info .qinfo_lst li.qinfo07 {background:url(../images/main/ico_quick07.gif) no-repeat 50% 0}
.quick_info .qinfo_lst li.qinfo08 {background:url(../images/main/ico_quick08.gif) no-repeat 50% 0}
.quick_info .qinfo_lst li.qinfo09 {background:url(../images/main/ico_quick09.gif) no-repeat 50% 0}
.quick_info .qinfo_lst li.qinfo10 {background:url(../images/main/ico_quick10.gif) no-repeat 50% 0}

/* 지원센터 */
.gj_support {position:relative}
.gj_support .sb_tit {margin:0 10px; padding:5px 0 5px 32px; font-size:1.231em; color:#707070; font-weight:500; background:url(../images/main/blt_gjedu_mico.gif) no-repeat 0 50%}
.gj_support .sb_tit span {color:#272727; font-weight:600; font-size:1.188em}
.support_lstwrap {position:relative; padding-top:22px}
.sbeng {margin:0 10px -2px; color:#f4f4f4; font-size:21px; letter-spacing:1px; font-weight:600}
.support_lst {padding:25px 10px; background:#f4f4f4}
.support_lst:before {content:""; display:block; position: absolute; top:10px; right:0; width:90px; height:70px; background: url(../images/main/bg_gjcenter_mimg.png) no-repeat 100% 0}
.support_lst li {position:relative; margin-top:10px; text-align:right}
.support_lst li:first-child {margin:0}
.support_lst li br {display:none}
.support_lst li a {width:100%; height:55px; line-height:53px; display: block; padding:0 15px; background:#fff; box-sizing: border-box; border-radius:5px; font-size:1.154em; font-weight:600; transition: .3s;}
.support_lst li.slst01 a {background:#fff url(../images/main/ico_gjcenter01.gif) no-repeat 20px 50%; border-radius:20px 20px 5px 5px}
.support_lst li.slst02 a {background:#fff url(../images/main/ico_gjcenter02.gif) no-repeat 20px 50%}
.support_lst li.slst03 a {background:#fff url(../images/main/ico_gjcenter03.gif) no-repeat 20px 50%}
.support_lst li.slst04 a {background:#fff url(../images/main/ico_gjcenter04.gif) no-repeat 20px 50%; border-radius: 5px 5px 20px 20px}

.support_lst li:hover a {color:#2688c6; transition: .3s; box-shadow:2px 2px 5px rgba(0,0,0,0.05)}

/* 앨범 */
#main_album {margin:0 10px 26px}
#main_album .sb_tit {padding:24px 0 24px 32px; font-size:1.231em; color:#707070; font-weight:500; background:url(../images/main/blt_album_mico.gif) no-repeat 0 50%}
#main_album .sb_tit span {color:#272727; font-weight:600; font-size:1.188em}
.album_wrap { position:relative}
.album_wrap:before {content:""; display: block; position: absolute; bottom:0; left:0; width:100%}
.album_wrap .btn_more {position:absolute; top:20px; right:0}
.album_wrap .btn_more a {display:block; width:30px; height:30px; line-height:26px; border:2px solid #f1f1f1; border-radius:50%; box-sizing: border-box; text-align: center}
.album_wrap .btn_more a img {vertical-align: middle; transition:all .3s ease-in-out}
.album_wrap .btn_more:hover img {transform: rotate(180deg); transition:all .3s ease-out}
.album_wrap .btn_slide {position:absolute; top:22px; left:148px}
.album_wrap .btn_slide li {float: left; margin-left:5px}
.album_wrap .photo_area {min-height:260px; margin:0; box-sizing: border-box}
.album_wrap .photo {width:100%}
.album_wrap .photo_item {width:265px; margin:0 auto}
.album_wrap .photo_item img {width:265px; height:164px; margin: 0 auto}
.album_wrap .photo_box {width:265px; margin: 0 auto}
.album_wrap .photo_box .tit {display:block; overflow: hidden; line-height:160%; margin:0 auto; padding:14px 0; font-size:1.077em; font-weight:500; color:#2d2d2d; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #d4d4d4; text-align:center}
.album_wrap .photo_box .tit a {overflow: hidden; text-overflow:ellipsis; white-space:nowrap}
.album_wrap .photo {position:relative; overflow:hidden; text-align:center; width:265px; height:164px; margin:0 auto; background:#9f9f9f url(../images/main/bg_noimg.gif) no-repeat 50% 50%; border-radius:20px 20px; box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.album_wrap .photo img {max-width:100%; transition:all .5s}
.album_wrap .photo a:hover img{transform:scale(1.2)}
.album_wrap .photo .m_blind {position:absolute; left:0; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/main/bg_view_more.png) no-repeat 50% 50% ; transition:all .8s}
.photo_etc {display:flex; justify-content: space-between; align-items: center; padding:16px 0; color:#868686}
.photo_etc .date {padding:1px 0 1px 20px; background:url(../images/main/bg_albumtime_off.png) no-repeat 0 50%}
.album_wrap .photo_item:hover .photo a .m_blind{top:0}
.album_wrap .photo_item:hover .photo_box  .tit {color:#000; text-decoration:underline; font-weight:500}
.album_wrap .photo_item:hover .photo_etc .date {background:url(../images/main/bg_albumtime_on.png) no-repeat 0 50%; color:#252525}
.album_wrap .photo_item:hover .photo_etc .depart {color:#252525}
.album_wrap .btns {display:flex; justify-content: space-between; align-items: center; background:#eee; border-radius:50px; padding:7px 22px}
.album_wrap .btns .photo_stop {display:block; width:63px; height:21px; line-height:19px; border-radius:50px; background:#c4c4c4; text-align: center}
.album_wrap .btns img {vertical-align: middle}

/* 민원서비스 */
.compl_wrap {margin:0 10px}
.compl_wrap .sb_tit {font-size:1.538em; font-weight:700; text-align: center}
.compl_wrap .sb_tit span {color:#f690a3}
.compl_lst {display:flex; justify-content: space-between; align-items: center; padding:18px 0}
.compl_lst li {width:calc(100%/3 - 5px)}
.compl_lst li a {display:block; height:88px; border:1px solid #d0d0d0; border-radius:15px; text-align: center; box-sizing: border-box; transition: .3s; background:#fff}
.compl_lst li a span {display: inline-block; padding:60px 10px 0; font-size:1.154em; font-weight:600}
.compl_lst li.compl01 a {background:#fff url(../images/main/ico_compserv01.gif) no-repeat 50% 15px}
.compl_lst li.compl02 a {background:#fff url(../images/main/ico_compserv02.gif) no-repeat 50% 15px}
.compl_lst li.compl03 a {background:#fff url(../images/main/ico_compserv03.gif) no-repeat 50% 15px}
.compl_lst li:hover a {transition: .3s; border-color:#777ec5}
.compl_lst li:hover a span {color:#535ed1}

/* 서비스 퀵메뉴 */
.main_quick {margin-bottom:30px; padding:0 10px 10px; background:#39596d; border-radius:40px 0 0 40px}
.quick_top {text-align: center}
.quick_top h3.sb_tit {padding:24px 0; font-size:1.538em; color:#fff; font-weight:600}
.quick_top h3.sb_tit span {color:#b5e445}
.btn_quick_tit {position:absolute; top:10px; width:calc(100% / 2 - 20px); text-align: center; box-sizing: border-box}
.quick_tab01 .btn_quick_tit {left:15px}
.quick_tab02 .btn_quick_tit {right:15px}
.btn_quick_tit h4 {position:relative; margin:0 auto}
.btn_quick_tit h4 a {position:relative; display:block; padding:12px 0; font-size:1.154em; z-index: 1; color:#fff; font-weight:400; border-radius:25px 25px 0 0}
.quick_tab01 .btn_quick_tit h4 a {background:#39596d}
.quick_tab02 .btn_quick_tit h4 a {background:#3b97c6}
.quick_box {position:relative; padding:50px 10px 10px; background:#fff; border-radius:30px;}
.quick_tb .quick_list {min-height:158px; height:252px; overflow:hidden;  padding:8px 4px 0; background:#fff; border-radius:0 0 25px 25px; box-sizing:border-box; border:2px solid #2f3943}
.quick_list .qlst {margin:0 4px}
.quick_list .qlst li {padding-bottom:4px}
.quick_list .qlst li a {height:39px; line-height:37px; box-sizing: border-box; padding:0 15px; border:1px solid #d1d1d1; border-radius:50px; background: url(../images/main/btn_useserv01_offarr.gif) no-repeat right 10px top 50%; font-weight:400}
.quick_list .qlst li:last-child {padding:0}
.quick_list .qlst li a {display:block; margin:0 auto 5px}
.quick_list .qlst li:hover a {transition:.3s all; background:url(../images/main/btn_useserv01_onarr.gif) no-repeat right 10px top 50%}
.quick_tab01 .quick_tb .quick_list {border-color:#39596d}
.quick_tab02 .quick_tb .quick_list {border-color:#3b97c6}
.quick_tab01 .quick_list .qlst li:hover a {border-color:#39596d; box-shadow:3px 3px 0 #e3e8ea}
.quick_tab02 .quick_list .qlst li:hover a {border-color:#528dab; box-shadow:3px 3px 0 #e3f0f7}
.quick_tab02 .quick_list .qlst li a {background: url(../images/main/btn_useserv02_offarr.gif) no-repeat right 10px top 50%;}
.quick_tab02 .quick_list .qlst li:hover a  {background:url(../images/main/btn_useserv02_onarr.gif) no-repeat right 10px top 50%}
.quick_tb .btns {display:none}

/*Banner*/
#main_banner {height:90px; background:#425159}
.banner_wrap {position: relative; height:90px; display:flex}
.banner_wrap .ban_head {width:160px; padding:16px 0}
.banner_wrap .ban_head h3.tit {font-size:1.231em; color:#fff; font-weight: 400}
.banner_wrap .ban_area {width:calc(100% - 160px)}
.banner_wrap .ban_item {margin-top:18px}
.banner_wrap .ban_item a {overflow: hidden; display: block; width:230px; height:55px; border-radius:8px; margin: 0 auto; background:#f2f2f2 url(../images/main/no_banner.gif) no-repeat 50% 50%; box-sizing: border-box}
.banner_wrap .ban_item img {margin: 0 auto; width:230px; height:55px}
/*버튼*/
.banner_wrap .btns {position: absolute; left:0; bottom:16px}
.banner_wrap .btns li {float: left}
.banner_wrap .btns li:nth-child(2){margin: 0 3px}
.banner_wrap .btns button{display: block; cursor: pointer;width:38px; height:22px}
.banner_wrap .btns span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.banner_wrap .btns button:focus-visible{outline:2px solid #000}
.banner_wrap .btns .ban_btn_prev {background:url(../images/main/btn_ban_prev.gif) no-repeat 50% 50%}
.banner_wrap .btns .ban_btn_stop {background:url(../images/main/btn_ban_stop.gif) no-repeat 50% 50%}
.banner_wrap .btns .ban_btn_next {background:url(../images/main/btn_ban_next.gif) no-repeat 50% 50%}
.banner_wrap .btns button {background:none; outline:0}
.banner_wrap .more{position: absolute; top:18px; left:102px}

/* Footer */
/* 유관기관 */
#footwrap .fm_site {position:relative}
#footwrap .fm_site > ul{margin: 0 10px}
#footwrap .fm_site > ul > li{position: relative; float: left; width: 50%; margin-bottom: 10px; box-sizing: border-box}
.fm_site .site_tit {position: relative; width:100%; height:40px; line-height:40px; margin: 0 auto; box-sizing: border-box}
.fm_site .site_tit a { display:block; height:40px; padding-left:15px; padding-right:52px; background:#eee; box-sizing:border-box; font-size: 15px; font-weight:500; color:#000}
.fm_site .site_tit.active a {}
.fm_site .site_tit .fm_arr{display: block; content: " "; clear: both; position:absolute; top:10px; right:5px; width:24px; height: 18px; text-align: center; box-sizing: border-box}
.fm_site .site_tit.active .fm_arr img{transform: rotate(180deg); transition:.3s ease-out}
.fm_site .site_lst {overflow:hidden; display:none; position: absolute; height: 0; width:100%;  background:#fff; box-sizing:border-box; border-radius:15px 15px 0 0; border:2px solid #eee; border-bottom:0}
.fm_site .site_lst ul {overflow-y:auto; height:151px; padding:5px 5px 0}
.fm_site .site_lst ul li {padding:4px 0; border-bottom:1px solid #ccc}
.fm_site .site_lst ul li:last-child{padding-bottom: 0; border-bottom: none}
.fm_site .site_lst ul li a {position:relative;  display:block; overflow:hidden; width:100%; padding:7px 40px 7px 10px; text-overflow:ellipsis;  white-space:nowrap; font-weight:400; color:#000;  box-sizing: border-box}
.fm_site .site_lst ul li a:after {content:"GO"; display:block; position:absolute; top:50%; right:0; width:30px; height:20px; line-height:20px; margin-top:-10px; background:#353e4b;border-radius:50px 50px; text-align: center; color:#fff; font-size: 11px}
.fm_site .site_lst {display: block; bottom:calc(100% - 2px); left:0}
.fm_site .site_lst ul li:hover a {color:#000; font-weight:400}
.fm_site .site_lst ul li:hover a:after {background:#3782df; font-weight:500; transition:all .3s}
/*하단스타일,주소*/
.address .add_num {font-weight:400}
.address .add_num li {display: inline-block; word-break: keep-all}
.address .add_num li:last-child {margin-bottom: 0}
/*Admin*/
.add_area {text-align: center}
#footwrap .foot_btn ul {display:flex; justify-content:space-between; align-items: center}
#footwrap .foot_btn ul li {width:calc(100% / 2 - 5px)}
#footwrap .foot_btn ul li a {width:100%; height:38px; line-height:38px; display:block; border-radius:10px; font-size:14px; font-weight:500; color:#fff; text-align:right; padding:0 10px; box-sizing: border-box}
#footwrap .foot_btn ul li a span {padding-left:15px}
#footwrap .foot_btn ul li a:hover {transition: .4s all }
#footwrap .foot_btn ul li.btn_admin a {background:#556473 url(../images/main/blt_admin.png) no-repeat 5px 50%}
#footwrap .foot_btn ul li.dailyWork a {background:#4c889e url(../images/main/blt_dailywork.png) no-repeat 5px 50%}
#footwrap .foot_btn ul li.btn_admin a:hover {background-color:#325375}
#footwrap .foot_btn ul li.dailyWork a:hover {background-color:#247b9b}

/* 상단 sns */
.sns_ftwrap ul {display: flex; justify-content:center; width:140px; margin:0 auto}
.sns_ftwrap ul li {margin-left:4px}
.sns_ftwrap ul li:first-child {margin-left:0}
.sns_ftwrap ul li a {display:block; overflow:hidden; width:29px; height:29px}
.sns_ftwrap ul li:hover a {transition: .3s} 
.sns_ftwrap ul li.li01 a{background:url(../images/main/btn_facebook.png) no-repeat 0 0}
.sns_ftwrap ul li.li02 a{background:url(../images/main/btn_instagram.png) no-repeat 0 0}
.sns_ftwrap ul li.li03 a{background:url(../images/main/btn_blog.png) no-repeat 0 0}
.sns_ftwrap ul li.li04 a{background:url(../images/main/btn_youtube.png) no-repeat 0 0}
.sns_ftwrap ul li.li01:hover a{background:url(../images/main/btn_facebook_a.png) no-repeat 0 0}
.sns_ftwrap ul li.li02:hover a{background:url(../images/main/btn_instagram_a.png) no-repeat 0 0}
.sns_ftwrap ul li.li03:hover a{background:url(../images/main/btn_blog_a.png) no-repeat 0 0}
.sns_ftwrap ul li.li04:hover a{background:url(../images/main/btn_youtube_a.png) no-repeat 0 0}

/* 주소영역 */
#footwrap .add_info {padding:15px 0}
.add_call {margin:10px 0; font-size:1.231em; font-weight:600; color:#000}
.add_call span {padding-left:25px; background:url(../images/main/blt_ftel_ico.gif) no-repeat 0 50%}
.add_work span {padding-left:15px; background:url(../images/main/blt_addwork_time.gif) no-repeat 0 50%; color:#787878}
.add_txt {line-height:130%}
.address .copy {padding-top:15px; padding-bottom:10px; color:#6d6d6d; font-size: 13px; font-weight:300}



/*************** MOBILE LAYOUT ******************/
@media only screen and (max-width:1024px) {
.skip_navi .pc_skip{display:none}

/* 퀵메뉴 */
.mainquick {position: fixed; top:inherit !important; bottom:0; right:0; display:block !important; z-index:1}
.mainquick .btn_top {position: fixed; bottom:3px; right:5px; z-index: 10}
.mainquick .btn_top a {overflow:hidden; display: block; width:41px; height:41px}

/*#mainheader {position:relative; z-index:100}*/
.top_wrap {padding-bottom:0}
.top_wrap .qmenu {top:13px; right:10px}
.headerwrap .logo_top {bottom:-58px}
.headerwrap .logo_top a {width:100%; height:58px; line-height:58px; background:#fff; border-radius:0 0 30px 0}
.headerwrap .logo_top a img {display: block; vertical-align: middle; padding:7px 14px 7px 10px}
.header_box .gmn_btn p.btn_all {top:10px; right:10px}
    
/* 팝업 */
.main_popwrap {position:fixed; top:inherit !important; bottom:0; left:0; width:calc(100% - 50px); z-index:3}
.main_popwrap .mpop_top {position:inherit; top:inherit; right:inherit; border-radius:0; display:flex; justify-content: space-between; padding:14px 15px 14px 41px; background-size:20px auto; border-radius:0 15px 0 0}
.main_popwrap .mpop_top .mpop_more {margin-top:0}
.mpop_lstwrap  {top:inherit; bottom:100%; margin:0 0 235px -125px; padding:0}
.mpop_lstwrap .mpop_tb {width:300px; height:151px}
.mpop_layer a {width:300px; height:151px}
.mpop_layer img {width:100%; height:100%}
.mpop_lstwrap .slick-arrow {top:100%; width:40px; height:40px; background-size:40px auto; margin-top:15px}
.mpop_lstwrap .slick-prev {left:0}
.mpop_lstwrap .slick-next {right:0}
.mpop_lstwrap .btns li a span {background-size:14px auto !important}

.mpop_lstwrap .btns {flex-wrap:wrap; margin-top:15px}
.mpop_lstwrap .btns li {width:60%; min-width:inherit !important; margin:0 auto; min-width:inherit}
.mpop_lstwrap .btns li a {margin:2px 0; height:36px; line-height:34px}
.mpop_lstwrap .btns li.btn_popclose a span {font-size:1.231em}
.mpop_lstwrap .btns li.btn_poptoday a {font-size:1.077em}

/* visual */
.visual .visual_item {display: block; width:100%; height:404px; /*image-rendering: pixelated*/}
.visual .visual_item > a { position:relative; display: block; height:403px}
.visual .item1{background:url(../images/main/v_m01_n.jpg) no-repeat top center}
.visual .item2{background:url(../images/main/v_m02_n.jpg) no-repeat top center}
.visual .item3{background:url(../images/main/v_m03_n.jpg) no-repeat top center}
.visual .item4{background:url(../images/main/v_m04.jpg) no-repeat top center}
.visual .item5{background:url(../images/main/v_m05.jpg) no-repeat top center}
.visual .item6{background:url(../images/main/v_m06.jpg) no-repeat top center}
.ctrl_wrap {display:none}
    
/* visual 이동 */
.visual .slick-arrow {display:none !important}

/* 검색영역 */
.seobu_srchwrap .button_box .search_btn {top:1px; right:3px; transform:scale(0.7)}

/* GNB */
.mn_boxsubtit {display:none}
.mobile_bg {z-index:200 !important}
#gnb {display: none; position:fixed; top:0; right:0;  width: 270px; height:100%; min-height:100%; background:#fff; color:#093458; overflow-y:auto; box-sizing:border-box; z-index:300}
#gnb p.mb_gnbtit{display: block; height:52px; line-height:52px; padding-left:65px; background:#50606a url(../images/main/blt_allmn_tit.gif) no-repeat 28px 46%; font-size:20px; font-weight:500;color:#fff; border-radius:0 0 0 25px}
#gnb p.mb_gnbtit span{display: block}
#gnb .allbtnclose .closebtn {display:block; width:32px; height: 32px; font-size:0; line-height:0; text-indent:-9999px; overflow: hidden; position:absolute; top:10px; right:10px; background: url(../images/main/btn_menu_close.gif) no-repeat left top}
.gnb_lstwrap {position:relative}
#gnb .gnb_list {overflow:hidden; padding:16px 10px; background:#fff; font-family:NSQ}
#gnb .gnb_list .gmn {margin-bottom:10px}
#gnb .gnb_list h2 a {display:block; line-height:45px; padding-left:15px; font-size:15px; font-weight:600; margin:0; width:auto; background:url(../images/main/bg_mn_off.png) no-repeat right 15px center #fff; color:#2a2a2a; border:1px solid #dadada; border-radius:22px 20px 5px 22px; box-sizing: border-box}
#gnb .gnb_list li.act h2 a, #gnb .gnb_list h2 a:hover {line-height:47px; color:#fff; background:url(../images/main/bg_mn_on.png) no-repeat right 15px center, linear-gradient(90deg, #3c84b2, #2baf88); border:0}
#gnb .gnb_list li.act h2 a {border:0}
#gnb .navi_sub {display:none}
#gnb .gnb_list .depth1 .navi_sub {position: relative; width: auto; padding:0; background:#fff}
#gnb .gnb_list .navi_sub .third_tit a{display: block; min-height:22px; line-height:140%; padding:1px 0 1px 12px; margin-bottom:6px; font-size:13px; font-weight:500; color:#000; box-sizing: border-box; background:url(../images/main/bg_submn_off.gif) no-repeat 0 7px}
#gnb .gnb_list .third_list:hover .third_tit a{background:url(../images/main/bg_submn_on.gif) no-repeat 0 7px; color:#3596a1; font-weight:600}
#gnb .gnb_list .navi_sub .third_tit:first-child a{margin-top:0}

#gnb .gnb_list .detail_lst li:last-child{border-bottom: none}
#gnb .gnb_list .detail_lst li > a {line-height:180%; display:block; padding:5px 0 5px 12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden; font-weight: 400}
#gnb .gnb_list .detail_lst li > a [target=_blank] span{display:inline-block; padding-right:15px}
#gnb .gnb_list .detail_lst li:hover > a {color:#000; font-weight:500}
.mn_boxtit {display: none}
.depth2 {display:none}
#gnb .mn_box {padding:12px 15px 5px; border-bottom:2px solid #d3d3d3; background:#fff; margin-bottom:10px}
#gnb .mn_box li.third_list .third_tit>a[target="_blank"] span {display:inline; padding-right:22px; background: url(../images/main/btn_blank.png) right 0 top 50% no-repeat}

/* notice */
.noti_info {align-items: center; padding:0 10px}
.notice_tb ul {height:200px}
.notice_tb li {width:100%; height:198px; padding:13px 8px; border-radius:25px; margin:0 auto 10px }
.notice_tb li .txt {padding:13px 10px}
.notice_tb .btn_more {text-align: center}
.notice_tb .btn_more  img {display:none}
.noti_date {display: flex; flex-direction: row-reverse; align-items: flex-end}
.noti_date span {display:inline-block; margin:0 0 4px 4px}
.notice_tb li .tit {padding:15px 8px; height:65px}

.noti_depart {padding:7px 20px 5px}
.notice_tb .btn_more {text-align: center}
.notice_tb .btn_more a {display:inline-block; padding:13px 0 13px 36px; color:#fff; background:url(../images/main/blt_noti_more.png) no-repeat 0 50%}
.notice_tb .btn_more a  span {display:inline-block; width:84px; height:21px; line-height:19px; padding:0 13px; border:1px solid #98c8e6; border-radius:50px; background:url(../images/main/btn_noti_more.png) no-repeat 10px 50%; text-align:right; box-sizing: border-box}
.notice_tb .btn_more img {display:none}

/* 팝업 존 */
.popup_wrap .pop_ctrl_wrap {bottom:-15px; right:102px}

/* 자주찾는 정보 */    
.quick_info .btn_qclose {display:block; padding:10px; margin-bottom:8px; background:#fff; border-radius:50px; text-align: center; border:2px solid #f0f0f0; box-sizing: border-box}
.quick_info .btn_qclose span {display:inline-block; padding-right:20px; background:url(../images/main/blt_qinfo_arr02.png) no-repeat 100% 50%; font-size:1.231em; color:#7f7f7f; font-weight:600}
    
.quick_info .btn_qclose.on {background:#2688c6; border-color:#2688c5}
.quick_info .btn_qclose.on span {background:url(../images/main/blt_qinfo_arr01.png) no-repeat 100% 50%; color:#fff}
.quick_info .qinfo_lst {display:none}
.quick_info .qinfo_lst.on {display:block}
.quick_info .qinfo_lst li {padding-left:58px; background-position:5px 50% !important; background-size:auto 40px !important; font-size:1.077em; text-align:left; height:50px; line-height:48px; border-top:1px solid #f3f3f3}
.quick_info .qinfo_lst li:hover a {font-weight:600}   
    
/* 지원센터 */
.support_lst li a {background-size:auto 30px !important; padding-left:55px}
    
/* 서비스 퀵메뉴 */
.quick_tb .btns {display:flex; justify-content: space-between; align-items:center; border-radius:5px 5px 0 0; height:36px; padding:0 10px; box-sizing: border-box}
.quick_tb .btns a {display: block}
.quick_tb .btns img {vertical-align: middle}
.quick_tab01 .quick_tb .btns {background:#39596d}
.quick_tab02 .quick_tb .btns {background:#3b97c6}

/* banner */
#main_banner {height:126px; padding:0 10px}
.banner_wrap {height:126px; display: block}
.banner_wrap .ban_head {width:100%}
.banner_wrap .more {left:72px}
.banner_wrap .ban_area {width:100%}
.banner_wrap .ban_item {margin-top:5px}
.banner_wrap .btns {bottom:inherit; left:inherit; top:15px; right:0}

/************** Layout *****************/
/* Footer */
#footwrap .foot_area {position:relative; padding: 0 10px 50px; background:#fff}
#footwrap .foot_menu .foot_mlst{position: relative; margin:0 auto}
#footwrap .flogin {margin:10px 0; padding:8px 10px; background:#425159; border-radius:10px; text-align: center}
#footwrap .flogin a {display:block; color:#fff}
#footwrap .flogin span{display:inline-block; padding:3px 0 3px 30px; background: url(../images/main/bg_foot_log.gif) no-repeat 0 50%;}
#footwrap .foot_menu .fmenu {margin:0 auto 15px; border:1px solid #ddd; border-radius:10px}
#footwrap .foot_menu .fmenu li {width:100%; border-top:1px solid #ddd}
#footwrap .foot_menu .fmenu li:first-child {border-top:0}
#footwrap .foot_menu .fmenu li a {display:block; padding:10px 5px; color:#060606; font-size:1.077em; font-weight:400; text-align: center}
#footwrap .foot_menu .fmenu li.li_1 span {padding:2px 0 2px 20px; background: url(../images/main/blt_info_ico.gif) no-repeat 0 50%; color:#2374c8; font-weight:600}

/*PC버튼*/
#footwrap .pc_menu {display: none}
    
/*주소*/
#footwrap .add .address {width:auto; line-height:160%; font-weight: 400; font-size: 13px; text-align: center}
#footwrap .add .address span.add_txt{display: block; margin-bottom:1px; color:#1d1d1d; font-weight:600}
#footwrap .add .address p.copy{margin:10px 0; line-height: 140%; color:#b2b2b2; font-weight:500}
#footwrap .count_box{display:none}
#footwrap .flogo {display:none}

/* 유관기관 */
#footwrap .fm_site > ul {margin:0}
#footwrap .fm_site > ul > li{width:50%; margin:0}
#footwrap .fm_site > ul > li:first-child {border-bottom:1px solid #fff; border-right:1px solid #fff}
#footwrap .fm_site > ul > li:nth-child(2) {border-bottom:1px solid #fff}    
#footwrap .fm_site > ul > li:nth-child(3) {border-right:1px solid #fff}    
.fm_site .site_tit {width:100%}
.fm_site .site_lst {width:100%; margin:0}
.fm_site .site_tit .fm_arr {width:12px; height:10px; top:15px}
.fm_site .site_tit .fm_arr img {width:12px; height:auto}
    
/********************************************* Layout **********************************************/

/***Content  Common***/   
.mb_none {display: none !important}



}

/*** PC LAYOUT ***/
@media only screen and (min-width:1025px) {
.skip_navi .mb_skip {display:none}

/* Main */
#wrap {min-width:1660px}
.headerwrap {width: 100%; margin: 0 auto; z-index:100}
.header_box {position:absolute; top:0; left:0; width:100%; height:112px; margin:0 auto; background:url(../images/main/bg_header.png) no-repeat 50% 0}
/*.header_box.on, .header_box:hover {background:url(../images/main/bg_header_a.gif) no-repeat 50% 0}*/
.headerwrap .logo_top {top:17px; bottom:inherit}
.header_box:hover {padding-bottom:5px; background-color:rgba(255,255,255,0.4); transition: .2s}
.header_box.on {background:#fff url(../images/main/bg_header_a.png) no-repeat 50% 0}

.header_box.on .gmn_btn p.btn_all a {background:url(../images/main/btn_allmn_a.png) 0 0 no-repeat}
.top_wrap .qmenu .btn_log {display:block; margin-top:9px}
.top_wrap .qmenu .btn_log a {display:block; width:130px; height:30px; line-height:28px; border-radius:50px; border:1px solid #fff; box-sizing:border-box; color:#fff; font-weight:500; padding:0 12px; transition: .3s}
.top_wrap .qmenu .btn_log a span {padding:6px 0 6px 38px; background:url(../images/main/blt_log_ico.png) no-repeat 0 50%}

.header_box.on .gmn_btn p.btn_all a {background:url(../images/main/btn_allmn_a.png) no-repeat 0 0 }
.header_box.on .top_wrap .qmenu p.btn_log a {background-color:#a5a5a5; border-color:#a5a5a5; transition: .3s}
.header_box:hover .top_wrap .qmenu p.btn_log a {background-color:#a5a5a5; border-color:#a5a5a5; transition: .3s}
.header_box:hover .gmn_btn p.btn_all a {background:url(../images/main/btn_allmn_a.png) no-repeat 0 0; transition: .3s}
    
/* PC대메뉴 */
.header_box.on .mobile_bg{content:""; display:block; position:fixed; top:112px; right:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0}
.gnb_box {position: relative; margin-top:48px}
.gnb_lstwrap {position: relative; transition:all .3s; z-index:1}
.gnb_box:hover #gnb .navi_tit a {color: #000; text-shadow:none}
#gnb {position: relative; margin: 0 auto}
#gnb:hover {height:100%; transition: .3s}
.header_box:hover #gnb .navi_sub {background:#fff}
.header_box .gmn_btn {max-width:1660px; margin:-51px auto 0}

#gnb .allbtnclose, #gnb .mbl_area {display: none}
#gnb .navi_sub {display:none}
#main_menu .active .navi_sub {display:block}
#main_menu li h3:hover {position:relative}
#main_menu li h3:hover .navi_sub:after {content:""; display: block; position:absolute; top:0; left:0; width:100%; height:114px; background:url(../images/main/bg_header_a.gif) no-repeat 50% 0}
        
/* gnb */ 
#gnb .gnb_list {max-width:1660px; margin:0 auto; padding-left:410px; padding-right:40px; box-sizing: border-box}
#gnb .gmn {float:left; width: 14.2%; height:64px; line-height:64px; box-sizing: border-box}
#gnb .navi_tit a {position: relative; display: block; text-align: center; font-size: 20px; font-weight: 500; color:#000}
#gnb .gmn:hover .navi_tit a {color:#53b440}
#gnb .gmn:hover .navi_tit a:after, #gnb .gmn.active .navi_tit a:after  {content:""; display: block; position: absolute; top:-5px; left:50%; width:12px; height:12px; margin-left:-6px; border-radius:50%; background:#6ac258}
#gnb .navi_sub {position:absolute; top:64px; left:0; width:100% !important; z-index:1000; background:#fff url(../images/main/bg_navimn.png) repeat-y 68px 0; padding-top:18px}
#gnb .sub_boxwrap {position: relative; background:url(../images/main/bg_navimn.png) repeat-y 68px 0}
#gnb .sub_boxwrap:before {content:""; display: block; position:absolute; top:0; left:0; width:10%; height:100%; background:#1f87c9}
#gnb .sub_box{overflow:hidden; position: relative; max-width:1660px; margin:0 auto; z-index:100}
#gnb .mn_box {max-width:1660px; padding-bottom: 100px}  
#gnb .mn_box:after {content:""; clear:both; display:block; height:0}
#gnb .mn_box .mn_boxleft {margin-right:42px}
#gnb .mn_box .mn_boxtit {height:80px; line-height:80px; border-bottom:1px solid #479dd3; font-size:1.769em; font-weight:500; box-sizing:border-box; padding-left:10px; background:url(../images/main/blt_navileft_arr.gif) no-repeat right 12px top 50%}
#gnb .mn_box .mn_boxsubtit {display:block; text-align: center; font-size:1.154em; color:#91c4e5; font-weight:500}
#gnb .mn_box > ul {padding:0; margin:0}
#gnb .mn_box > ul:after {content:""; clear:both; display:block; height:0; visibility:none}
#gnb .mn_box li.third_list {float:left; width:25%; margin: 25px 0 0}
#gnb .mn_box li.third_list .third_mubox {padding:0 8px; transition: all .5s}
#gnb .mn_box li.third_list .third_tit a{display: block; min-height:30px; line-height:150%; padding:13px 42px 13px 20px; margin-bottom:5px; border-radius:25px 30px 5px 25px; word-break: keep-all; background:url(../images/main/blt_gmnsub_off.png) no-repeat right 15px top 50%; border:1px solid #dadada; font-size:15px; font-weight:600; color:#000; letter-spacing: -0.3px; box-sizing: border-box; transition: .3s} 
#gnb .mn_box li.third_list .third_tit:hover, #gnb .mn_box li.third_list:hover .third_tit a {border-color: #6ac258; background:#6ac258 url(../images/main/blt_gmnsub_on.png) no-repeat right 15px top 50%; color:#fff; border-radius:25px 30px 5px 25px}
#gnb ul.detail_lst {width:auto; padding:8px}
#gnb ul.detail_lst li {padding-left: 15px; margin-bottom:8px; background:url(../images/main/blt_gmn_thirdoff.png) no-repeat 0 6px; line-height:160%; text-align:left}
#gnb ul.detail_lst li:last-child{margin-bottom: 0}
#gnb ul.detail_lst li a {display:block; font-size: 14px; color:#262626; font-weight:400; }
#gnb ul.detail_lst li:hover a {color:#42ac2d; font-weight:600; transition: all .1s}
#gnb ul.detail_lst li:hover {background:url(../images/main/blt_gmn_thirdon.png) no-repeat 0 6px}
.mn_boxleft {position:absolute; top:0; left:0; width:350px; height:100%; padding-right:22px; background:#1f87c9 url(../images/main/gmn_logo.gif) no-repeat right bottom; border-radius:0 60px 0 0; box-sizing: border-box}
#gnb .mn_box > ul {padding-left:390px; font-family:NSQ}
.mn_boxtit {color:#fff; font-size:20px; font-weight:600; box-sizing: border-box}
#gnb ul.detail_lst li a span{position: relative; display:inline-block}
#gnb ul.detail_lst li a span::after{content:""; clear:both; display:block; position:absolute; top:4px; right:-18px; width: 13px; height: 13px; background: url(../images/main/btn_blank.png) 0 0  no-repeat}
#gnb ul.detail_lst li a:hover span::after{background: url(../images/main/btn_blank_a2.png) right center no-repeat}

#gnb .mn_box li.third_list .third_tit>a[target="_blank"] span {display:inline-block; padding-right:22px; background: url(../images/main/btn_blank.png) right 0 top 50% no-repeat}
#gnb .mn_box li.third_list:hover .third_tit>a[target="_blank"] span {background: url(../images/main/btn_blank_a.png) right 0 top 50% no-repeat}

.popwrap {position: absolute; top:300px; right:0}

/* visual */
.visual .slick-arrow {position:absolute; bottom:13px; left:50%; width:19px; height:19px; margin-left:-746px; font-size:0; border:0; z-index:10}
.visual .slick-arrow.slick-prev {background:url(../images/main/btn_visual_arr01.png) no-repeat 0 0}
.visual .slick-arrow.slick-next {margin-left:-682px; background:url(../images/main/btn_visual_arr02.png) no-repeat 0 0}

/********************************************* Layout **********************************************/

/***Content  Common***/   
.pc_none{display:none !important}
    
/* 컨텐츠 */
.content01 {position:relative; max-width:1500px; display: flex; justify-content: space-between; flex-direction: column-reverse; margin:0 auto 75px}
.content02 {position:relative; margin:0 0 80px}   
.content02:before{content:""; display: block; position: absolute; top:0; right:0; width:calc(100% - 50%); height:178px; border:2px solid #f0f0f0; border-right:0; border-left:0}
.content03 {position: relative}
.content03:before {content:""; display: block; position: absolute; bottom:0; left:0; width:calc(100% - 50%); height:217px; background:#f4f4f4}
.content03 .cont_boxwrap {position:relative; max-width:1500px; margin:0 auto; display: flex; justify-content: space-between;}
.content03 .cont_boxwrap:before {content:""; display: block; position: absolute; bottom:0; left:0; width:calc(100% + 80px); height:217px; background:#f4f4f4; border-radius:0 100px 20px 0}
.content04 {position: relative; margin-top:73px; margin-bottom:77px}
.content04:before {content:""; display: block; position: absolute; top:0; right:0; width:calc(100% - 70%); height:100%; background:#39596d}
.content04 .cont_boxwrap {position: relative; max-width:1500px; margin:0 auto}

/* 검색 영역 */
.seobu_srchwrap {max-width:1500px; margin:0 auto}
.seobu_srchwrap .sb_srch {top:-189px; right:0; width:351px; margin:0} 
.seobu_srchwrap .srch_box {border:2px solid transparent; border-radius: 50px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #3a88ae, #31aa91); background-origin: border-box; background-clip: content-box, border-box; padding:0}
.seobu_srchwrap .srch_box .search_box {height:51px; padding-right:65px; box-sizing: border-box}
.seobu_srchwrap .srch_base {width:100px; height:36px; margin:0 7px}
.seobu_srchwrap .input_box {width:calc(100% - 100px); margin-left:5px}
.seobu_srchwrap .input_box input::placeholder {font-size:1.077em}

/* 새소식 */
.main_popwrap .mpop_top { box-shadow:0 0 10px rgba(255,255,255,1)}
    
/* 장기 팝업 */
.main_openpop {position:absolute; bottom:0; right:0; width:349px; margin:0 0 5px}
.popup_wrap {border-radius:100px 30px 20px 20px}
.main_openpop .popup_layer_wrap {border-radius:95px 25px 15px 15px}
.main_openpop .popup_imgsize img {border-radius:95px 25px 15px 15px}
.popup_wrap .pop_info .main_tit {font-size:1.385em; font-weight:600}
.popup_wrap .pop_info .pop_zone .pop_count {font-size:1.231em}
.popup_wrap .pop_info {margin:20px 10px 10px}
.main_openpop .slick-prev, .main_openpop .slick-next {bottom:-36px}
.main_openpop .slick-prev {right:125px}
.main_openpop .slick-next {right:50px}

/* 공지사항 */
#main_notice {width:1105px; margin:0; padding:0}
#main_notice:before {display: none}
.notice_box h3 {width:auto; top:0}
.notice_box h3 a {height:104px; line-height:102px; font-size:20px; margin:0; text-align: left; padding-left:70px}
.notice_box {background:url(../images/main/blt_notice_tit.gif) no-repeat 0 39px}
.notice_tb {margin-top:104px}
.notice_box .noticetab01 {left:0}
.notice_box .noticetab02 {left:160px}
.notice_box .noticetab03 {left:360px}
.notice_box .noticetab01 a {width:160px}
.notice_box .noticetab02 a {width:200px}
.notice_box .noticetab03 a {width:180px}
.notice_box .btn_more{display: block; position: absolute; top:36px; right:0}
.notice_box .btn_more a {display:block; width:35px; height:35px; line-height:33px; background:#2688c6; border-radius:50px 50px; text-align: center}
.notice_box .btn_more a img {vertical-align: middle; transition:all .3s ease-in-out}
.notice_box .btn_more:hover img {transform: rotate(180deg); transition:all .3s ease-out}
    
.noti_date span {font-size:28px}
.notice_tb li:hover {transition: .3s all; border-color:#3880ad; box-shadow:5px 5px 0 #f2f2f2}
.notice_tb li:hover .tit a {text-decoration: underline}
.notice_tb li:hover .noti_depart {background: #3880ad}
.notice_tb li:hover .noti_depart span {color:#fff}
.notice_tb li:hover .noti_date span {color:#000}
.notice_tb li:hover .txt a {color:#323232}

/* 자주찾는 정보 */
.quick_info {position:relative; max-width:1500px; display:flex; justify-content:space-between; border:0; text-align:left; padding:33px 0; margin:0 auto; border:2px solid #f0f0f0; border-left:0; border-right:0; border-radius:0}
.quick_info:before {content:""; display: block; position: absolute; top:-2px; left:-80px; width:80px; height:100%; border:2px solid #f0f0f0; border-right:0; border-radius:20px 0 0 100px}
.quick_info .itit {font-size:1.692em}
.quick_info .itxt {text-align: left; font-size:1.154em; padding:30px 0 0}
.quick_info .btn_qclose {display:none}
.quick_info .qinfo_lst {width:calc(100% - 255px)}
.quick_info .qinfo_lst li {width:144px; text-align: center; border-left:1px solid #f3f3f3; box-sizing: border-box}
.quick_info .qinfo_lst li a {display:block; line-height:140%; padding:70px 0 0; font-size:1.154em; transition: .3s}
.quick_info .qinfo_lst li br {display:block}
.quick_info .qinfo_lst li:first-child {border-left:0}
.quick_info .qinfo_lst li:hover {transition:.1s; animation:effect 2.2s infinite}
.quick_info .qinfo_lst li:hover a {font-weight:600; color:#000}
.quick_info ul {display:flex; justify-content:space-between}

/* 지원센터 */
.gj_support {width:536px}
.gj_support .sb_tit {padding:8px 0 8px 45px; margin:0; font-size:1.385em; background:url(../images/main/blt_gjedu_ico.gif) no-repeat 0 50%}
.support_lstwrap {padding-top:44px}
.support_lst {display:flex; justify-content: space-between;flex-wrap:wrap; background: none; padding:21px 0 22px}
.sbeng {font-size:33px; margin:0 0 -3px}
.support_lst li {width:calc(274px - 14px); margin:0}
.support_lst li a {width:260px; height:80px; line-height:140%; box-sizing: border-box; padding:17px 23px; font-size:1.308em}
.gj_support .support_lst li:nth-child(1) {margin-bottom:14px} 
.gj_support .support_lst li:nth-child(2) {margin-bottom:14px} 
.support_lst li br {display: block}
.support_lst li.slst01 a {border-radius:30px 5px 5px 5px}
.support_lst li.slst02 a {border-radius:5px 30px 5px 5px}
.support_lst li.slst03 a {border-radius:5px 5px 5px 30px}
.support_lst li.slst04 a {border-radius:5px 5px 30px 5px}
.support_lst:before {top:20px; right:10px; width:150px; height:84px; background:url(../images/main/bg_gjcenter_img.png) no-repeat 100% 0}
    
/* 앨범 */
#main_album {width:960px; margin:0}
#main_album .sb_tit {padding:8px 0 8px 45px; margin-bottom:28px; font-size:1.385em; background:url(../images/main/blt_album_ico.gif) no-repeat 0 50%}
.album_wrap .btn_more {top:0}
.album_wrap .btn_more a {width:35px; height:35px; line-height:31px}
.album_wrap .btns {width:110px; padding:0; background:none; position: absolute; top:7px; right:60px}
.album_wrap .btns .photo_stop {width:23px; height:23px; line-height:23px}
.album_wrap .photo_box .tit {padding:12px 15px 10px; font-size:1.231em}
.photo_etc {padding:12px 0 0}
.compl_lst {width:calc(100% - 210px); padding:0}
    
/* 민원 서비스 */
.compl_wrap {display:flex; justify-content: space-between; align-items: center; position:absolute; top:0; left:0; width:960px; margin:28px 0; padding:0 33px 0 0; z-index:1; box-sizing: border-box}
.compl_wrap .sb_tit {font-size:1.692em}
.compl_lst li {width:calc(100%/3 - 18px)}
.compl_lst li a {height:54px; border-radius:50px 50px; text-align: right}
.compl_lst li a span {display:block; padding:18px 30px 19px 100px; font-size:1.308em; transition: .3s}
.compl_lst li.compl01 a {background-position:15px 50%}
.compl_lst li.compl02 a {background-position:15px 50%}
.compl_lst li.compl03 a {background-position:15px 50%}

/*사용자별 서비스 */
.main_quick {max-width:1500px; margin:0 auto; padding:0 0 40px; background:none}
.quick_wrap {position:relative}
.quick_wrap:before {content:""; display: block; position:absolute; top:0; right:0; width:540px; height:calc(100% + 40px); background:#39596d; border-radius:40px 0 0 40px}
.quick_top {position:relative; width:540px; margin-left:auto; text-align: right}
.quick_top h3.sb_tit {padding:42px 0 50px;font-size:1.692em; background:url(../images/main/bg_service_tit.gif) no-repeat 30px 30px}
.quick_tb {display: block !important}
.quick_tab {position: relative}
.quick_box {overflow:hidden; position:relative; display:flex; flex-wrap: wrap; justify-content: space-between; padding:22px 28px; background:#f5f5f5; border-radius:50px;}
.quick_box:before {content:""; display: block; position: absolute; top:0; right:0; width:540px; height:100%; background:#fff}    
.quick_box .quick_tab01 {width:715px}
.quick_box .quick_tab02 {width:715px}
    
.btn_quick_tit {top:0; width:144px; height:100%;}
.btn_quick_tit h4 {width:100%; height:100%}
.btn_quick_tit h4 a {position:relative; height:100%; line-height:140%; padding:100px 0; font-size:20px; font-weight:500; color:#fff; border-radius:0; box-sizing: border-box}
.btn_quick_tit h4 span {font-weight:600}
.quick_box .quick_tab01 .btn_quick_tit {left:0}
.quick_box .quick_tab01 .btn_quick_tit h4 a {border-radius:40px 0 0 40px}
.quick_box .quick_tab02 .btn_quick_tit {right:0}
.quick_box .quick_tab02 .btn_quick_tit h4 a {border-radius:0 40px 40px 0}
    
.quick_tb ul.quick_list {position:relative; display: flex; justify-content: space-between; padding:13px 13px 13px 144px; height:262px}
.quick_tab01 .quick_tb ul.quick_list {border-radius:40px 10px 10px 40px}
.quick_tab02 .quick_tb ul.quick_list {padding:13px 144px 13px 12px; border-radius:10px 40px 40px 10px}
.quick_tb ul.quick_list > li {width:100%}
.quick_tb .qlst {width:265px; margin:0 6px}
.quick_list .qlst li a {font-size:1.154em; font-weight: 500}
.quick_list .qlst li:hover a {font-weight:600}
.quick_tab01 .btn_quick_tit h4:before {left:18px; border-radius:0 0 30px 0}
.quick_tab02 .btn_quick_tit h4:before {right:18px; border-radius:0 0 0 30px}
.quick_tab01 .btn_quick_tit h4:after {left:0; background:url(../images/main/bg_qmntit_left01.png) no-repeat 0 0}
.quick_tab02 .btn_quick_tit h4:after {right:0; background:url(../images/main/bg_qmntit_left02.png) no-repeat 0 0}
.quick_tab01 .qlst li:hover a {color:#2b5976}
.quick_tab02 .qlst li:hover a {color:#3280a8}

/* banner */
.banner_wrap {max-width:1500px; margin:0 auto}
    
/* quickmenu */
#quickmenu.mainquick {display:block; position:absolute; top:575px;right:50%; margin-right:-815px; z-index:1}
#quickmenu.mainquick .btn_top a {display:block; width:48px; height:48px; background:url(../images/main/btn_top_mainpc.png) no-repeat 50% 50%}
.btn_top a {display:block}
.btn_top a img {display:none}


/* Footer */
/* 유관기관 */
#footwrap .fm_site {background:#eee}
#footwrap .fm_site > ul{max-width:1500px; margin: 0 auto}
#footwrap .fm_site > ul > li{width: 25%; margin: 0; border-left:1px solid #fff}
#footwrap .fm_site > ul > li:first-child {border:0}    
.fm_site .site_tit {height:64px; line-height:64px}
.fm_site .site_tit a {font-size: 15px; height:64px}
.fm_site .site_tit .fm_arr {top:25px; right:10px}

/*하단스타일,주소*/
#footwrap .foot_area {max-width: 1500px; min-height:155px; margin:0 auto; padding-bottom:36px}
.foot_mlst {border-bottom:1px solid #ebebeb}
#footwrap .fmenu li {float:left; height:66px; line-height:66px; padding: 0 18px 0 22px; background:none; text-align: center; background:url(../images/main/blt_foot_dott.gif) no-repeat 0 50%}
#footwrap .fmenu li:first-child{background: none}
#footwrap .fmenu li a {font-size:14px; color:#222; font-weight:500}
#footwrap .fmenu li:hover a {text-decoration: underline; transition:.3s}
#footwrap .fmenu li.li_1 {float:left; padding-left:0}
#footwrap .fmenu li.li_1 a {padding-left:22px; background:url(../images/main/blt_info_ico.gif) no-repeat 0 50%; font-weight:600; color: #2374c8}
    
/* 버튼 영역 */
.foot_menu {position: relative}
.foot_btn {position:absolute; top:13px; right:0}
#footwrap .foot_btn ul li {width:130px; margin-left:10px}   
#footwrap .foot_btn ul li a {padding:0 15px; text-align: right; box-sizing: border-box}

/*주소영역*/  
#footwrap .add_wrap {display:flex; justify-content: flex-start; text-align: left; padding:35px 0 0}
#footwrap .add_call {margin:0; line-height:150%; font-weight:800}
#footwrap .add_call span {display:block; font-weight:600}
#footwrap .add_info {width:300px; padding:0 0 0 100px; background: url(../images/main/fmark_26.gif) no-repeat 0 0; box-sizing: border-box}
#footwrap .add_work {margin-top:15px}
#footwrap .address {padding:4px 0; text-align: left; font-weight:300}
#footwrap .address .add_txt {display:block; font-size: 13px; font-weight: 500; line-height:160%}
    

#footwrap .add_area{position: relative; max-width: 1500px; margin: 0 auto; padding-bottom:0}
#footwrap .add_area .add {line-height: 150%; text-align:left; font-weight: 300}
#footwrap .add_area .add br{display: none}
.address .add_num li {margin:0 5px 0 0}
.address .add_num li:last-child {margin-bottom: 0}

/*Footer_count*/ 
#footwrap .count_box {overflow: hidden; position: absolute; bottom:0; right:0}
.count_box > ul {display:flex; justify-content: space-between; align-items:center; ; width: 446px; height: 44px; border-radius: 10px; background: #fff; padding:0 15px; box-sizing: border-box; border:2px solid #e6e6e6}
.count_box > ul li {width:calc(100% / 2 - 10px)}
.count_box > ul li.today {color:#0f0f0f}
.count_box > ul li.total {color:#828282}
.count_box > ul span {display: inline-block; height: 23px; line-height: 23px; margin-right: 5px; font-weight:600}
.count_box > ul span.tit {float: left; width:52px; padding-left:5px}
.count_box > ul span.num {float: right}
.count_box > ul li.today span.tit {background:url(../images/main/blt_visit_arr01.gif) no-repeat 0 50%}
.count_box > ul li.total span.tit {background:url(../images/main/blt_visit_arr02.gif) no-repeat 0 50%}

/* 상단 sns */
.sns_ftwrap {position:absolute; bottom:50px; right:0; display:flex; justify-content: space-between}
.sns_ftwrap ul {width:100%}
.sns_ftwrap ul li {margin:0 6px 0 0}

}


/*--------- layer ---------
@media only screen and (min-width: 1025px) and (max-width:1660px) {
#mainheader .headerwrap {position: absolute; top:0; left:0}

}*/

@media only screen and (min-width:1681px) {
/*Menu FIX
.top_bar_fix {position:absolute; top:0; left:0; width:100%; transition: 0.6s}*/
.fixed {position:fixed; top:0; left:0; width:100%; padding-left:0; margin-top:0; background:rgba(255,255,255,0.5); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); transition: 0.6s}
.fixed .header_box {padding-bottom:5px; background:#fff url(../images/main/bg_header_a.png) no-repeat 50% 0; box-shadow: 0 1px 5px rgba(0,0,0,0.05)}
.fixed .header_box .top_wrap .qmenu p.btn_log a {background-color:#a5a5a5; border-color:#a5a5a5; transition: .3s}
.fixed .header_box .gmn_btn p.btn_all a {background:url(../images/main/btn_allmn_a.png) no-repeat 0 0; transition: .3s}
}


@media only screen and (min-width:650px) and (max-width:1024px){
    #footwrap .foot_menu .fmenu {display: flex; justify-content: space-between; flex-wrap:wrap}
    #footwrap .foot_menu .fmenu li {width:calc(100% / 2); border:0}
    #footwrap .foot_menu .fmenu li a {border-top:1px solid #ddd; border-left:1px solid #ddd}
    #footwrap .foot_menu .fmenu li:first-child {width:100%}
    #footwrap .foot_menu .fmenu li:first-child a {border:0}
    #footwrap .foot_menu .fmenu li:nth-child(2) a {border-left:0}
    #footwrap .foot_menu .fmenu li:nth-child(4) a {border-left:0}
    
}

@media only screen and (max-width:400px) {
    /* 장기 팝업 */
    .main_openpop .popup_layer_wrap {max-width:329px; width:100%; max-height:401px; height:inherit; min-height:320px; background-size:100% auto}
    .main_openpop .popup_imgsize {width:100%; height:100%; max-width:329px}
    .main_openpop .popup_imgsize img {width:100%; height:100%; max-width:329px}
	.main_openpop .slick-prev, .main_openpop .slick-next {bottom:-34px}

    /* 공지사항 */
    .notice_box h3 a {font-size:16px; letter-spacing:-1px}
    
    /* 퀵메뉴 */
    .btn_quick_tit h4 a {padding:13px 0 12px}

}