@charset "utf-8";

/* SKIP */
.skip-nav {position:relative;z-index:9999}
.skip-nav a {position:absolute;left:0;right:0;top:-27px;background-color:#000;text-align:center;filter:alpha(opacity=90);opacity:0.9}
.skip-nav a:focus,
.skip-nav a:active {top:0}
.skip-nav a span {font-size:11px;line-height:26px;color:#fff;letter-spacing:-1px}

/* HEADER */
.header_ci {}
.header_ci a > img.on{display:none;}
object {width: 100%; pointer-events: none;}
.util-area {width:1240px;margin:0 auto;padding:1rem 0 0;box-sizing:border-box; display:flex;z-index:300; align-items:center;justify-content:center; position:relative}
.util-area > a{font-size:60px; color:#fff; font-weight:800; bottom:0; left:0; position:absolute;}
.util-area > a > img{width:50px;}
.util-area h1 {}
.util-area .tnb{position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:11}
.util > ul{ display:flex; align-items:center; gap:5px}
.util-list > li {;position:relative;font-size:14px;color:#777}
.util-list > li:first-child a:before {display:none}
.util-list > li > a {color:#fff; border:1px solid #fff; border-radius:50px; padding:5px 10px}
.util-list > li.kko_chat > a{border-color:#fae100; background-color:#fae100; color:#3c1d1e}
.util-list > li > a[aria-expanded='true'] {color:#0062ff;}
.util-list > li.special_menu {background-color:#0062ff;border-radius:5px;}
.util-list > li.special_menu > a{color:#fff;  padding:0.5rem 1rem; display:inline-block}
/*.util-list > li > a:before {content:'';position:absolute;left:-10px;bottom:0;width:1px;height:12px;background-color:#dde2ea}*/
.util-list > li.last > a {color:#c80002}
.util-list > li.last > a:before {height:54px}
.util-list > li.top_search > button{color:#fff; border:1px solid #fff; border-radius:50px; padding:5px 10px}

.util-list .popup-util {display:none;position:absolute;left:50%;top:14px;z-index:999;width:180px;margin-left:-90px;padding-top:24px;}
.util-list .popup-util ul {position:relative;padding:0.7rem 0;/*border:1px solid #0062ff;*/ box-shadow:0 2px 5px rgba(0,0,0,0.2); background-color:#fff;}
.util-list .popup-util ul:before {content:'';position:absolute;left:50%;top:-6px;width:10px;height:6px;margin-left:-5px;background:url('../img/header/bg_util_arrow.png') no-repeat 0 0;}
.util-list .popup-util a {display:block;font-size:14px;line-height:26px;color:#333;text-align:center; cursor:pointer;}
.util-list .popup-util a:hover {color:#0062ff;text-decoration:underline;}

/* GNB */

.gnb {position:relative;height:70px;border-bottom: solid rgb(255 255 255 / 20%);border-width:1px 0;box-sizing:border-box}
.gnb .under {border-bottom: solid rgb(221 226 234);}
.gnb-inr {width:1240px;margin:0 auto; display:flex; justify-content:space-between; }
.gnb-area{width:80%;}
.gnb-list:after {content:'';display:block;clear:both}
.gnb-list {display:flex;}
.gnb-list > li:first-child {margin-left:20px}
.gnb-list > li > a {padding:0 0.8rem; display:block;position:relative;font-size:18px;line-height:68px;color:#fff; transition:all 0.4s; font-weight:400;}
.gnb-list > li > a.black {display:block;position:relative;font-size:17px;line-height:68px;color:#333} 
.gnb-list > li > a[aria-expanded='true'] {color:#c80002;}
.gnb-list > li > a span {display:block;position:relative;}
.gnb-list > li > a[aria-expanded='true'] span:after {content:'';position:absolute;left:0;right:0;bottom:-1px;z-index:999;height:2px;background-color:#c80002;}

div.main{padding-top:140px;}
#admin_memo_wrapper + #pro_form_wrpper div.main {padding-top:0}

/* »óÇ°view Ãß°¡µÈ °Å */
.get_item_options label{padding-bottom:10px; float:left; }
.it_option_comment{ padding-top:10px; padding-bottom:10px; float:left; }
.sit_opt_subj{ padding-top:10px; padding-bottom:10px; float:left; }
.sit_opt_prc{ padding-top:10px; padding-bottom:10px; float:left; }
.sit_opt_del{ font-weight:900 !important; top:3px; border:1px solid #babdc3; padding:5px 10px;}

.allowstr {
    background-color: #E9F8FF;
    padding: 1px 3px 2px 3px;
    border: 1px solid #33AFF1;
    color: #33AFF1;
    border-radius: 5px;
	width:90%; margin:0 auto;
}
.ui-datepicker-unselectable.ui-state-disabled .allowstr{
	border-color:#ff9999; background:#ffe3e3
}

.cal_txt_1{ margin-top:5px; }
.cal_txt_2{ margin-top:5px; color:blue; }

/* ³¯Â¥ ¼¿¿¡ Ãß°¡ ¹®±¸ ½ºÅ¸ÀÏ */
.custom-label {
  font-size: 11px;
  color: red;
  display: block;
  margin-top: 4px;
  border-color:#ddd
}
.ui-datepicker td {
  vertical-align: top;
  position: relative;
  height: 50px;
}
  
.sit_inf_explan {
    margin: 0 0 10px;
    width: auto !important;
    line-height: 1.7em;
    overflow: hidden;
}

.editor-content {
  width: 100%;
  max-width: 100%;
}

.editor-content img {
  max-width: 100% !important;
  height: auto !important;
}
/* ¿À´Ã ³¯Â¥ °­Á¶ Á¦°Å */
.ui-datepicker-today a {
  background: none !important;
  border: none !important;
  color: inherit !important;
  font-weight: normal !important;
}
.cal_content{ style='width:50px;' }

.sit_option label.label-title {
    display: none;
}
 


/* mobile */
body.gnb_open{overflow-y:hidden}
section.m_only{display:none}
.m_nav{position:fixed; right:-999%; top:0; background-color:#fff;z-index:1; width:100%; height:100vh; padding:57px 0 1rem; box-sizing:border-box;transition:0.3s; overflow-y:scroll; } 
.m_nav.open{right:0;}
.m_nav > .m_gnb{border-top:1px solid #d8e2ea;  padding:1rem 1rem; min-height:100%; box-sizing:border-box; position:relative}
/* .m_nav > .m_gnb:after{content:''; display:block; position:absolute; bottom:-5%; left:-5%; width:9rem; height:9rem; -webkit-filter:blur(130px); filter:blur(130px); background-color:#005baa} */
.quik_menu {display:flex; justify-content:center; background-color:#efefef; padding:1rem 2rem; border-radius:50px; gap:2rem; position:relative}
.quik_menu > li{text-align:center; }
.quik_menu > li img{width:2.5rem;}
.quik_menu > li p{margin-top:10px;; font-size:14px;}
.quik_menu > li button p{margin-top:9px}
.m_gnb > h1{color:#000; font-size:1.25rem}
.m_nav > .m_gnb ul.main_menu{margin: 1rem;}
.m_nav > .m_gnb ul.main_menu p{font-size:19px; color:#000; font-weight:600; position:relative;}
/*.m_nav > .m_gnb ul.main_menu p:after{content:''; display:block; position:absolute; right:0; top:50%;transform:translateY(-50%); background:url('/images/arrow_bottom.png'); background-size:100%; width:14px; height:7px; background-repeat:no-repeat; opacity:0.5; transition:0.2s}*/
.m_nav > .m_gnb ul.main_menu p:after{content:''; display:block; position:absolute; right:0; top:50%;transform:translateY(-50%); background-size:100%; width:14px; height:7px; background-repeat:no-repeat; opacity:0.5; transition:0.2s}
.m_nav > .m_gnb ul.main_menu > li{line-height:2rem; margin-bottom:1rem;}
.m_nav > .m_gnb ul.main_menu > li > ul{display:none;}
.m_nav > .m_gnb ul.main_menu > li > ul > li{line-height:1.7rem; font-size:1rem;}
.m_nav > .m_gnb ul.main_menu > li > ul > li > a{color:#5d5d5d; font-weight:300}
.m_nav > .m_gnb ul.main_menu > li.active > ul{display:block; margin:0rem 0 1rem}
.m_nav > .m_gnb ul.main_menu > li.active p:after{transform:rotate(180deg)}
.m_gnb .top_search_content{top:100%; left:calc(50% - 10px); transform:translateX(-50%); max-width:90%}
.m_gnb .top_search_content div.ui-datepicker.ui-widget.ui-widget-content{transform:translate(0,0)}
.m_gnb .top_search_keyword_wrap button > img{width:20px}
.m_gnb .top_carendar_wrap{padding-top:7px}
.m_gnb #top_search_date_calendar2 {width:100%}
.m_gnb #top_search_date_calendar2 div.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar{height:200px}
.m_gnb .top_search_content #top_search_date_calendar2 div.ui-datepicker.ui-widget.ui-widget-content td{height:auto;}
.m_gnb .top_search_content #top_search_date_calendar2 div.ui-datepicker.ui-widget.ui-widget-content{width:100%}
.m_gnb .top_search_content #top_search_date_calendar2 .ui-datepicker-current-day.selected-date{background-color:#0062ff;}
.m_gnb .top_search_content #top_search_date_calendar2 .ui-datepicker-current-day.selected-date a{color:#fff;}
.m_gnb .top_search_content #top_search_date_calendar2 div.ui-datepicker.ui-widget.ui-widget-content td.ui-datepicker-today.selected-date a:before,
.m_gnb .top_search_content #top_search_date_calendar2 div.ui-datepicker.ui-widget.ui-widget-content td.ui-datepicker-today.selected-datespan:before{color:#fff}



/* addClass - sub */
.header.sub .header_ci a > img.off{display:none;}
.header.sub .header_ci a > img.on{display:block;}
.wrap .wrap-inr .header.sub{background-color:#fff}
.wrap .wrap-inr .header.sub > div > a.header_tel{color:#f00}
.wrap .wrap-inr .header.sub .util-list > li.member_menu > a{color:#000; border:1px solid #707070}
.wrap .wrap-inr .header.sub .util-list > li.top_search > button{color:#000; border:1px solid #707070}
div.header.sub .gnb-list > li > a{color:#000; padding:0 0.8rem}
.header.sub .btn-all-menu span{background-color:#000;}
.top_search{position:relative;}
.top_search_content{position:absolute; z-index:5; width:300px; background-color:#fff; border-radius:5px 0 5px 5px; padding:20px; top: calc(100% + 10px); border:1px solid #ddd;display:none;}
.top_search_keyword_wrap{background-color:#fff; border:1px solid #ddd; border-radius:50px; display:flex; padding:0.5rem 15px 0.5rem 15px; }
.top_search_content input#top_search_keyword{background-color:transparent; border:0; padding:0}
.top_search_content input#top_search_keyword::placeholder{font-size:14px;}
.top_search_content input#top_search_keyword:focus{outline:0; border:0;}
.top_carendar_wrap{padding-top:20px; margin-top:20px;border-top:1px dashed #ddd;}
.top_carendar_wrap > p{font-weight:600; font-size:17px; text-align:center; color:#000; margin-bottom:10px}
#top_search_date_calendar div.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title{ font-size:19px}
#top_search_date_calendar div.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar{height:230px}
#top_search_date_calendar .ui-datepicker {width: 100% !important;box-sizing: border-box;}
#top_search_date_calendar .selected-date {background-color: #0169ff; }
#top_search_date_calendar .selected-date a{color: #fff;}
#top_search_date_calendar .ui-datepicker td{height:auto}
#top_search_date_calendar div.ui-datepicker.ui-widget.ui-widget-content td.ui-datepicker-today a:before,
#top_search_date_calendar div.ui-datepicker.ui-widget.ui-widget-content td.ui-datepicker-today span:before{top:13px;}
#top_search_date_calendar div.ui-datepicker.ui-widget.ui-widget-content td.ui-datepicker-today.selected-date a:before,
#top_search_date_calendar div.ui-datepicker.ui-widget.ui-widget-content td.ui-datepicker-today.selected-datespan:before{color:#fff}
#top_search_date_calendar div.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev, 
#top_search_date_calendar div.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next{width:30px; height:30px; background-size:cover;}
#top_search_date_calendar div.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev{left:0}
.top_search_content > article > button.top_search_btn{ width:100%; background-color:#0062ff; color:#fff; display:block; margin-top:10px; border-radius:50px; height:45px; font-size:17px}
aside.close_btn{position:absolute; top:-1px; right:-30px; width:30px; height:30px; background-color:#fff;border:1px solid #ddd;}
aside.close_btn button{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
aside.close_btn button img{max-width:50%;}




.gnb .srch-field {height:38px;border-radius:30px;background:#f1f1f1;line-height:36px;box-sizing:border-box ; position:relative;}
.gnb .srch-field .srch-inr input[type=text] {height:38px;padding-left:1.3rem;border:0;background:transparent;font-size:16px;line-height:38px;color:#333;outline:none}
.gnb .srch-field .srch-inr input::placeholder {font-size:14px;}
.gnb .srch-field .search_keyword_btn_pc {display:inline-block;position:absolute; right:1rem; width:30px;height:38px;background:url('/images/header/btn_gnb_srch.png') center no-repeat}
.gnb .srch-area {display:table;padding:15px 0;}

/* GNB CATEGORY */
.gnb-category {visibility:hidden;position:absolute;left:0;top:68px;z-index:200;width:100%;border:1px solid #dde2ea; border-width:1px 0;}
.gnb-category.on {display:block}
.gnb-category .inner {position:relative;z-index:110;padding:2rem 0;background-color:#fff}
.gnb-category a {color:#333;line-height:26px}
.gnb-category li {position:relative; height: 30px;}
.gnb-dim {position:fixed;left:0;right:0;top:144px;bottom:0;z-index:1;background:rgba(0,0,0,.5)}

/* TOTAL MENU */
.gnb-area .btn-all-menu {float:left;margin-top:25px}
.btn-all-menu {position:relative;width:24px;height:16px}
.btn-all-menu,
.btn-all-menu span {display:inline-block;transition:all .4s;box-sizing:border-box}
.btn-all-menu span {position:absolute;left:0;width:100%;height:2px;background-color:#fff;border-radius:4px}
.btn-all-menu span.black {background-color:#333;}
.btn-all-menu span:nth-of-type(1) {top:0}
.btn-all-menu span:nth-of-type(2) {top:7px}
.btn-all-menu span:nth-of-type(3) {bottom:0}
.btn-all-menu.on {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.btn-all-menu.on span:nth-of-type(1) {-webkit-transform:translateY(7px) rotate(-45deg);transform:translateY(7px) rotate(-45deg)}
.btn-all-menu.on span:nth-of-type(2) {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
.btn-all-menu.on span:nth-of-type(3) {opacity:0}

.all-menu .gnb-dep1-item {border-left:1px solid #dde2ea; width:calc(100% / 5); padding:0 1.5rem; word-break:keep-all;}
.all-menu .gnb-dep1-item:first-child {border-left:0;}
.all-menu .gnb-dep1-item:nth-child(1) ~ .gnb-dep1-item:nth-child(5) {margin-bottom:40px;}
.all-menu .gnb-dep1-item > a {font-size:18px;font-weight:bold;}
.all-menu .gnb-dep1-item > a > span{font-weight:bold}
.all-menu .gnb-dep1-item ul {margin-top:15px; padding:0; display:flex; flex-wrap:wrap;}
.all-menu .gnb-dep1-item ul > li{width:calc(100% / 2)}
.all-menu .gnb-dep1-item li a {display:block;font-size:14px;font-weight:600;line-height:26px;}

/* HEADER */
/* .gnb-list .gnb-category .gnb-dep1 {height:480px;} */
.gnb-list .gnb-category .gnb-dep1:before {content:'';position:absolute;left:85px;top:0;bottom:0;z-index:2;width:1px;background-color:#dde2ea;}
.gnb-list .gnb-category .gnb-dep1-item {margin:0 0 40px 85px; }
.gnb-list .gnb-category .gnb-dep1-item:before,
.gnb-list .gnb-category .gnb-dep1-item:after {content:'';position:absolute;top:0;bottom:0;z-index:2;width:1px;background-color:#dde2ea;}
.gnb-list .gnb-category .gnb-dep1-item:before {left:483px;}
.gnb-list .gnb-category .gnb-dep1-item:after {left:881px;}
.gnb-category .gnb-dep1 {position:relative;width:1240px;margin:0 auto;font-size:0; display:flex}
.gnb-category .gnb-dep1.on {padding-left:25px;}
.gnb-category .gnb-dep1:after {content:'';display:block;clear:both}
.gnb-category .gnb-dep1-link {font-size:18px;font-weight:bold}
.gnb-category .gnb-dep2,
.gnb-category .gnb-dep3,
.gnb-category .gnb-dep4 {padding-left:40px;}
.gnb-category .gnb-dep2 a {white-space:nowrap;}
.gnb-category .gnb-dep2 a:hover,
.gnb-category .gnb-dep2 a.on {color:#0062ff;text-decoration:underline;}
.gnb-category .gnb-dep3,
.gnb-category .gnb-dep4 {display:none;position:absolute;left:358px;top:2px;bottom:0;}



.gnb-category .gnb-dep3 {display: inline-block; position: absolute; margin-bottom: -38px;}
.gnb-category .gnb-dep3.dep2_drop{top:-28px;}
.gnb-category .gnb-dep3.dep3_drop{top:-58px}
.gnb-category .gnb-dep3.dep4_drop{top:-88px}
.gnb-category .gnb-dep3.dep5_drop{top:-118px}
.gnb-category .gnb-dep3.dep6_drop{top:-148px}
.gnb-category .gnb-dep3.dep7_drop{top:-178px}


/*È­¸é ÀÛ¾ÆÁú¶§ 220913*/
.gnb-dep3{ display: 'block', position: 'fixed', left: '42%', right: 0, top: 170 }
@media screen and (max-width:1280px) {
    .gnb-category .gnb-dep3,
    .gnb-category .gnb-dep4{left:490px !important;}
  }

.gnb-category .gnb-dep2-item > a {display:inline-block;width:100%;font-size:17px;font-weight:bold;line-height:40px;color:#333;}
.gnb-category .gnb-dep3-item > a,
.gnb-category .gnb-dep4-item > a {font-size:15px;line-height:34px;color:#333;}

.logo_wrap > a{display:block;}
.logo_wrap > .logo_c{display:none;}
.logo_wrap > .logo_w{display:block;}
.logo_wrap.open > .logo_c{display:block;}
.logo_wrap.open > .logo_w{display:none;}


.m_top{position:relative; background:rgba(255,255,255,0.95); border-bottom:1px solid #eee;position:fixed; top:0; z-index:99; width:100%; padding:0.6rem 1rem;display:flex; align-items:center; box-sizing:border-box; justify-content:center; align-items:center;}
.m_top > div{position:relative; z-index:2;}
.m_top > div > img{width:6rem;}
.m_top > div.mgnb_btn{position:absolute; right:1rem; }
.mgnb_btn{cursor:pointer; }
.mgnb_btn span{width:23px; height:3px; background:#000; display:block; margin-bottom:4px; transition-duration: 0.2s;}
.mgnb_btn span:last-child{margin-bottom:0}
.mgnb_btn.closebtn span{background:#000}
.mgnb_btn.on span{margin-top:-7px;}
.mgnb_btn.on span:nth-child(1){transform:rotate(43deg);}
.mgnb_btn.on span:nth-child(2){display:none}
.mgnb_btn.on span:nth-child(3){transform:rotate(-43deg);}

.m_top .search_btn{position:absolute; left:1rem; top: 50%; transform:translateY(-50%);}
.m_top .m_search{display:none; position:absolute; top:100%; width:100%; padding:1rem 2rem; background-color:#fff; bordeR:1px solid #eee; border-width:1px 0}
.m_top .m_search.on{display:block;}
.m_top .srch-field {height:38px;border-radius:30px;background:#f1f1f1;line-height:36px;box-sizing:border-box ; position:relative;}
.m_top .srch-field .srch-inr input[type=text] {height:38px;padding-left:1.3rem;border:0;background:transparent;font-size:16px;line-height:38px;color:#333;outline:none}
.m_top .srch-field .srch-inr input::placeholder {font-size:14px;}
.m_top .srch-field .btn-srch {display:inline-block;position:absolute; right:1rem; width:30px; height:38px; background:url('/images/header/btn_gnb_srch.png') center no-repeat}
.m_top .gnb .srch-area {display:table;padding:15px 0;}
.m_top .tel_btn{position:absolute; top: 50%; transform:translateY(-50%); right:50px;}
.m_top .tel_btn a img{width:23px}


/* LOCATION */
.location {height:60px;border-bottom:1px solid #dde2ea;background-color:#f8f9fa}
.location .btn-home {float:left;width:60px;height:60px;content:'';border-left:1px solid #dde2ea;border-right:1px solid #dde2ea;background:url('../img/ico/ico_home.png') center no-repeat}
.location .btn-home span {display:block;text-indent:-9999em;width:1px;height:1px;margin:-1px;overflow:hidden}
.location .history {width:1240px;margin:0 auto}
.location:after, .location .history:after, .history-lst:after {content:'';display:block;clear:both}
.location .history-lst > li {float:left;}
.location .location-menu {min-width:210px;height:60px;margin:0;font-size:16px;border-right:1px solid #dde2ea;cursor:pointer;position:relative;}
.location .location-menu:after{content:'';width:11px;height:7px;background:url('../img/ico/ico_location.png') no-repeat 0 0;position:absolute;right:24px;top:26px;}
.location .location-menu.on:after{background:url('../img/ico/ico_location.png') no-repeat 0 -7px;}
.location .location-menu strong{display:block;padding:0 40px 0 30px;height:60px;line-height:60px;color:#111;}
.location .location-menu .dep-list{position:relative;display:none;margin:0 -1px;padding:10px 0 15px;background:#f8f9fa;border:1px solid #dde2ea;z-index:10;}
.location .location-menu .dep-list li a{display:block;padding:0 28px;height:40px;line-height:40px;color:#111;font-size:16px;font-weight:bold;}
.location .location-menu .dep-list li a:hover{color:#0062ff;text-decoration:underline;}

/* ToTop*/
.to_top{text-align:right;position:fixed; bottom:3rem; left:50%; transform:translate(-50%); z-index:999; display:flex; flex-direction:column; gap:5px; align-items:end; width:1300px; }
.to_top > div{ text-align:right}
.to_top input{width:40px; height:40px; background:#0062ff url(../../images/main/arrow-solid_w.svg) no-repeat; border-radius:50px;  background-size:50%; background-position:center; cursor:pointer; opacity:0.9; transform:rotate(180deg)}
.to_top_box{ display:none}
.tel_btn{background-color:#fff; display:inline-block; border-radius:50px; padding:10px; border:1px solid #ddd;}
.tel_btn img{width:20px}
.to_top > a{display:none}


/* FOOTER */
.footer-ci {position:absolute;top:90px;right:0}
.footer {width:100%;padding:40px 0;background:#333333;font-size:13px;color:#999; box-sizing:border-box; }
.footer .footer-inr {position:relative;width:1240px;margin:0 auto;box-sizing:border-box; display:flex; justify-content:space-between; flex-wrap:wrap;}
/* .footer .footer-inr:after {content:'';display:block;clear:both} */
.foot-menu {padding-top:0px;}
.foot-menu a {margin-right:14px;font-size:14px;color:#999}
.foot-menu strong {color:#0062ff;}
.foot-menu em {font-weight:bold;}
.foot-info {padding-top:26px;line-height:20px}
.foot-info em {display:block;margin:10px 0}
.foot-info > p > span {display:inline-block;margin-right:15px; word-break:keep-all}
.foot-info .footer-link{font-size:13px;color:#999;margin-right:15px;}
.cnctour-sns {float:left}
.cnctour-sns:after {content:'';display:block;clear:both}
.cnctour-sns a {float:left;margin-left:10px}
.cnctour-sns a:before {content:'';display:inline-block;clear:both;height:24px;background:url('/images/footer/footer_sns.png') 0 0 no-repeat}
.cnctour-sns .naverblog{margin-left:0px}
.cnctour-sns .naverblog:before {width:26px;background-position:0 0;}
.cnctour-sns .naverpost:before {width:15px;background-position:-35px 0}
.cnctour-sns .facebook:before {width:9px;background-position:-63px 0}
.cnctour-sns .instagram:before {width:25px;background-position:-82px 0}
.cnctour-sns .kakaoplus:before {width:20px;background-position:-120px 0}
.cnctour-sns + .family-site {position:absolute;bottom:0;right:0}
.family-site {position:relative;}
.family-site .fam-btn {position:relative;width:270px;height:40px;border-radius:10px;padding-left:20px;border:1px solid #babdc3;font-size:14px;color:#333;text-align:left;background-color:#f7f7f7}
.family-site .fam-btn:after {content:'';display:block;position:absolute;top:50%;right:22px;width:16px;height:9px;margin-top:-4px;background: url('/images/btn/btn_fam_arrow.png') 0 0 no-repeat}
.family-site .fam-btn.on:after {background-position:0 100%}
.family-site .fam-list {display:none;position:absolute;bottom:100%;left:0;width:100%;background:#fff}
.family-site.on .fam-list {display:block}
.family-site .fam-list li:first-child {border-top:1px solid #babdc3;}
.family-site .fam-list li {border:1px solid #babdc3;border-width:0 1px 0 1px}
.family-site .fam-list li a {display:block;height:50px;padding:0 20px;line-height:50px;font-size:16px;text-decoration:none;cursor:pointer;color:rgba(0,0,0,0.65)}
.family-site .fam-list li a:hover {background:#f5f6f8}


@media(max-width:1300px){
	.to_top{right:1rem; bottom:1rem; width:100%}
	.to_top > div{width:100%;}
	.gnb-list > li:first-child{margin-left:0}
	#admin_edit_form{padding:0 2rem}
	.util-area > a{font-size:50px}
	.util-area > a > img{width:45px;}
}

@media ( max-width:1240px){
	.wrap .wrap-inr .header{padding:0 1rem; box-sizing:border-box;}
	.util-area{width:100%;}
	.gnb-inr{width:100%;}
	.gnb-category .gnb-dep1{width:100%}
	.footer .footer-inr{padding:0 2rem; width:100%; }
	
}

@media(max-width:1200px){
	div.header.sub .gnb-list > li > a{padding: 0 0.5rem}
	.util-area > a{font-size:40px}
	.util-area > a > img{width:30px;}
	
	
}

@media ( max-width:1100px){
	.gnb-list > li:first-child{margin-left:0.7rem}
	
}

@media ( max-width:1023px){
	.wrap .wrap-inr .header{display:none}
	section.m_only{display:block}
	.logo_wrap > a > img{height:50px;}
	.foot-info span{margin-right:0; line-height:1rem}
	.sit_inf_explan{overflow-x:scroll;}
}

@media (max-width: 767px) {
	.logo_wrap > a > img{height:38px}
	.footer{padding:2rem 1.5rem}
	.footer .footer-inr{width:100%; padding:0}
	.footer .footer-inr > div{ width:100%; }
	.footer .footer-inr > div:last-child{margin-top:1rem}
	.allowstr{padding:1px 0px 1px 0px}
	.custom-label{font-size:10px}
	.to_top{width:auto; right:1rem; left:auto; transform:translate(0)}
	.to_top > a{display:block}
	
	
}