@charset "UTF-8";/*▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣*/
/*
 * @Document : module.css
 * @comment : 사이트 전체 관련 CSS(공통요소) : BEM 방식
*/
/*▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣*/
#skipnavi { position: fixed;

 left: 0; top: 0; width: 100%; margin-left: 0; z-index: 99989; } 

#skipnavi a { position: absolute; left: -99999px; display: block; width: 100%; text-align: center; font-size: 1.4em; background-color: #f08730; } 

#skipnavi a:focus,
#skipnavi a:active { position: relative; left: 0; z-index: 9999; width: 100%; padding: 10px; text-decoration: none; } 

#skipnavi a:link,
#skipnavi a:visited,
#skipnavi a:hover,
#skipnavi a:active { color: #ffffff; } 

.swiper-notification { font-size: 0; position: absolute; } 

.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } 

.flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } 

.flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } 

.align-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } 

.align-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } 

.align-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } 

.align-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } 

.justify-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } 

.justify-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } 

.justify-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } 

.justify-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } 

.w-100 { width: 100% !important; } 

.w-50 { width: 50% !important; } 

.w-auto { width: auto !important; max-width: none !important; min-width: auto !important; } 

.text-left { text-align: left; } 

.text-center { text-align: center; } 

.text-right { text-align: right; } 

.text-nowrap { white-space: nowrap; } 

.font-bold { font-weight: bold; } 

.font-medium { font-weight: 500; } 

.font-orange { color: #f08730 !important; }

.font-blue { color: #0000ff !important; } 

.font-green { color: #67BF71 !important; } 

.unselected { color: #c4c4c4; } 

sup.required { color: #f08730; margin-left: 3px; } 

.ml-auto { margin-left: auto !important; } 

.mr-auto { margin-right: auto !important; } 

.m-0 { margin: 0 !important; } 

.mt-0 { margin-top: 0 !important; } 

.mb-0 { margin-bottom: 0 !important; } 

.ml-0 { margin-left: 0 !important; } 

.mr-0 { margin-right: 0 !important; } 

.p-0 { padding: 0 !important; } 

.pt-0 { padding-top: 0 !important; } 

.pb-0 { padding-bottom: 0 !important; } 

.pl-0 { padding-left: 0 !important; } 

.pr-0 { padding-right: 0 !important; } 

.content { min-width: 1332px; } 

.blind { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; } 

.readonly { background-color: #f8f8f8 !important; } 

.pc-hide { visibility: hidden; display: none; } 


.mt-16 {margin-top:16px !important;}

.mt-26 {margin-top:26px;}

.pt-20 {padding-top:20px;}

input[type=checkbox], input[type=radio] { position: absolute; width: 0; height: 0; -webkit-border-radius: 0; -webkit-appearance: none; } 
input[type=checkbox] + label:focus, input[type=radio] + label:focus { outline-color: revert; outline-style: solid; outline-width: 2px; border-radius: 3px; } 

.add-unit { position: relative; } 
.add-unit::after { content: "명"; position: absolute; top: 50%; right: -30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.4rem; } 
.add-unit input { margin-right: 0; } 

.checkbox-style2 { position: relative; } 
.checkbox-style2 label { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; width: 52px; height: 24px; display: block; } 
.checkbox-style2 label::before { content: ""; display: inline-block; margin-top: 8px; background: #d9d9d9; border-radius: 4px; width: 100%; height: 8px; position: absolute; top: 0; left: 0; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; z-index: -1; } 
.checkbox-style2 label::after { content: ""; display: inline-block; background: #ffffff; border: 2px solid #d9d9d9; border-radius: 50%; width: 24px; height: 24px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; z-index: 1; } 
.checkbox-style2 input[type=checkbox] { position: absolute; top: 0; left: 0; border: 0; border: 0; width: 52px; height: 24px; z-index: 1; cursor: pointer; } 
.checkbox-style2 input[type=checkbox]:checked + label::before { background: #f08730; } 
.checkbox-style2 input[type=checkbox]:checked + label::after { border-color: #f08730; -webkit-transform: translateX(29px); transform: translateX(29px); } 

/* select box */
.select-box { position: relative; height: 48px; text-align: left; font-family: "GmarketSans", "NotoSansKR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: 500; font-size: 1.6rem; padding-left: 16px; background: #ffffff url("../img/common/icon-select-black.svg") no-repeat top 14px right 16px; border: 1px solid #d9d9d9; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 9; }
.select-box option { font-weight: 500; } 
.select-box:disabled { opacity: 1; background-color: #f8f8f8; color: #404751; } 

.form-inner .select-box { border-right: none; border-radius: 8px 0 0 8px; } 
.form-inner .select-box.style1 { width: 188px; } 

/* drop-down(select) */
.drop-down { position: relative; z-index: 9; background: #ffffff; font-size: 1.4rem; border-radius: 8px 8px 0 0; height: 48px; margin-right:16px;} 
.drop-down.drop-open { z-index: 10; } 
.drop-down.drop-open .drop-down-con { -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.078); box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.078); } 
.drop-down .drop-down-con { border: 1px solid #d9d9d9; border-radius: 8px; } 
.drop-down .btn-drop-down { padding: 0 48px 0 16px; width: 100%; text-align: left; height: 46px; line-height: 48px; } 
.drop-down .btn-drop-down:disabled { border-radius: 8px; background: #f8f8f8; } 
.drop-down .btn-drop-down::after { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; top: 16px; right: 16px; background: url("../img/common/icon-select-black.svg") 0 0 no-repeat; } 
.drop-down .combobox { display: none; overflow: hidden; min-width: 1px; max-height: 234px; overflow-y: auto; background: #ffffff; z-index: 10; padding: 0 16px 16px; border-radius: 0 0 8px 8px; } 
.drop-down .combobox_option { line-height: 1; } 
.drop-down .combobox_option.active > button,
.drop-down .combobox_option.active > a { padding-left: 16px; color: #404751; } 
.drop-down .combobox_option.active > button::before,
.drop-down .combobox_option.active > a::before { content: ""; display: inline-block; background: url("../img/common/icon-check-blue-small.svg") 0 0/100%; width: 12px; height: 12px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
.drop-down .combobox_option > button,
.drop-down .combobox_option > a { width: 100%; line-height: 1; color: #8e8e8e; text-align: left; position: relative; padding: 6px 0; } 
.drop-down .combobox_option > button:hover, .drop-down .combobox_option > button:active, .drop-down .combobox_option > button:focus-visible,
.drop-down .combobox_option > a:hover,
.drop-down .combobox_option > a:active,
.drop-down .combobox_option > a:focus-visible { padding-left: 16px; } 
.drop-down .combobox_option > button:hover::before, .drop-down .combobox_option > button:active::before, .drop-down .combobox_option > button:focus-visible::before,
.drop-down .combobox_option > a:hover::before,
.drop-down .combobox_option > a:active::before,
.drop-down .combobox_option > a:focus-visible::before { content: ""; display: inline-block; background: url("../img/common/icon-check-blue-small.svg") 0 0/100%; width: 12px; height: 12px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.drop-down .combobox_option_group { width: 100%; line-height: 1; color: #404751; text-align: left; position: relative; padding: 6px 0; } 
.drop-down .combobox_option_group + .combobox_list { padding-left: 16px; } 

.page-nav { width: 100%; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } 
.page-nav.stick-with { border-bottom: none; } 
.page-nav .page-nav-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1284px; width: 100%; margin: 0 auto; } 
.page-nav .page-nav-left { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 656px; } 
.page-nav .page-nav-left .home-link { width: 56px; height: 64px; overflow: hidden; text-indent: -9999px; background: url(../img/common/icon_home_link.svg) no-repeat center; font-size: 0; } 
.page-nav .drop-down { width: 200px; height: 64px; } 
.page-nav .drop-down.depth2[data-filter="camp"] { width: 230px; }
.page-nav .drop-down.depth2[data-filter="camp"] .btn-drop-down { padding-right: 32px; }
.page-nav .drop-down.depth2, .page-nav .drop-down.depth3 { display: none; } 
.page-nav .drop-down.depth2.active, .page-nav .drop-down.depth3.active { display: block; } 
.page-nav .drop-down .btn-drop-down { font-size: 1.6rem; } 
.page-nav .drop-down.drop-open { z-index: 20; position: relative; } 
.page-nav .drop-down.drop-open .btn-drop-down { color: #f08730; } 
.page-nav .drop-down.drop-open::before,
.page-nav .drop-down.drop-open + .drop-down::before { display: none; } 
.page-nav .drop-down.drop-open .drop-down-con { border: 1px solid #d9d9d9; border-radius: 0 0 8px 8px; } 
.page-nav .drop-down .combobox { max-height: none; } 
.page-nav .drop-down .combobox_option > a:hover { color: #f08730; } 
.page-nav .drop-down .combobox_option > a { display: block; font-size: 1.4rem; padding-left: 0; } 
.page-nav .drop-down .combobox_option.active > a { color: #f08730; } 
.page-nav .drop-down .combobox_option > a::before { display: none; } 
.page-nav .drop-down .combobox .combobox_listbox .combobox_option:not(.active) {padding-left:0;}
.page-nav .drop-down .combobox .combobox_listbox.grouped-listbox .combobox_option:not(.active) {padding-left:10px;}
.page-nav .drop-down .combobox .combobox_listbox .combobox_option.group-title > a { font-weight: 500; color: #777; }
.page-nav .drop-down .combobox .combobox_listbox .combobox_option.group-title > a:hover,
.page-nav .drop-down .combobox .combobox_listbox .combobox_option.group-title.active > a { font-weight: 600; color: #f08730; }
.page-nav .drop-down .combobox .combobox_listbox .combobox_option.group-child { padding-left: 24px; }
.page-nav .drop-down .combobox .combobox_listbox .combobox_option.group-child > a { color: #777; }
.page-nav .drop-down .combobox .combobox_listbox .combobox_option.group-child > a:hover,
.page-nav .drop-down .combobox .combobox_listbox .combobox_option.group-child.active > a { color: #f08730; }
.page-nav .drop-down .combobox .combobox_listbox.grouped-listbox .combobox_option { padding-left: 0; }
.page-nav .drop-down .combobox .combobox_listbox.grouped-listbox .combobox_option.group-child { padding-left: 24px; }
.page-nav .drop-down.depth2[data-filter="culture"] .combobox_listbox.grouped-listbox .combobox_option.group-child > a { color: #999; }
.page-nav .drop-down.depth2[data-filter="culture"] .combobox_listbox.grouped-listbox .combobox_option.group-child > a:hover,
.page-nav .drop-down.depth2[data-filter="culture"] .combobox_listbox.grouped-listbox .combobox_option.group-child.active > a { color: #f08730; }
.page-nav .drop-down::before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 1px; height: 16px; background: #d9d9d9; } 
.page-nav .btn-drop-down { height: 62px; line-height: 64px; } 
.page-nav .btn-drop-down::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
.page-nav .drop-down-con { border: none; } 
.page-nav .nav-right-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.page-nav .nav-right-btn { width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; } 
.page-nav .nav-right-btn:not(:last-child) { margin-right: 16px; } 
.page-nav .nav-right-btn.share-link-btn { background-image: url(../img/common/btn_share.svg); } 
.page-nav .nav-right-btn.print-btn { background-image: url(../img/common/btn_print.svg); } 
.page-nav .nav-right-item.share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } 
.page-nav .share-link-list { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; -webkit-transform: translateX(0); transform: translateX(0); margin-right: 16px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.page-nav .share-link-btn { z-index: 10; } 
.page-nav .share-link-btn .share-link-item { -webkit-transform: translateX(0); transform: translateX(0); } 
.page-nav .share-link-btn.active + .share-link-list { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1; visibility: visible; } 
.page-nav .share-link-btn.active + .share-link-list .share-link-item:nth-of-type(2) { -webkit-transform: translateX(-40px); transform: translateX(-40px); } 
.page-nav .share-link-btn.active + .share-link-list .share-link-item:nth-of-type(3) { -webkit-transform: translateX(-80px); transform: translateX(-80px); } 
.page-nav .share-link-btn.active + .share-link-list .share-link-item:nth-of-type(4) { -webkit-transform: translateX(-120px); transform: translateX(-120px); }
.page-nav .share-link-btn.active + .share-link-list .share-link-item:nth-of-type(5) { -webkit-transform: translateX(-160px); transform: translateX(-160px); } 
.page-nav .share-link-item { position: absolute; right: 0; background-repeat: no-repeat; background-position: center; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } 
.page-nav .share-link-item a { display: block; width: 32px; height: 32px; font-size: 0; } 
.page-nav .share-link-item.kakao { background-image: url(../img/common/icon_kakaostory.svg); } 
.page-nav .share-link-item.twitter { background-image: url(../img/common/icon_twitter.svg); } 
.page-nav .share-link-item.facebook { background-image: url(../img/common/icon_facebook_blue.svg); } 
.page-nav .share-link-item.blog { background-image: url(../img/common/icon_blog.svg); }
.page-nav .share-link-item.url { background-image: url(../img/common/icon_url.svg); } 

.simple-nav { display: none; visibility: hidden; } 

.modal { display: none; visibility: hidden; z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } 
.modal.active { display: block; visibility: visible; } 
.modal .modal-con { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 438px; width: 100%; padding: 0 19px; } 
.modal .modal-wrap { border-radius: 20px; background: #ffffff; padding: 40px; } 
.modal .modal-con-title { font-size: 2rem; font-weight: 700; margin-bottom: 24px; } 
.modal .modal-center { text-align: center; } 
.modal .modal-center .modal-center-txt { font-size: 1.6rem; padding-top: 12px; } 
.modal .modal-btn-box { margin-top: 32px; } 
.modal .modal-bg { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); } 
.modal .modal-btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; } 
.modal .modal-btn-box.small { margin-top: 24px; } 
.modal .modal-btn-box.small .sub-step-btn { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } 
.modal .modal-btn-box.small .sub-step-btn + .sub-step-btn { margin-left: 8px; } 
.modal .modal-btn-box .modal-close-btn { height: 48px; line-height: 48px; border-radius: 20px 20px 0 20px; font-size: 1.6rem; font-weight: 600; background: #ededed; padding-top: 3px; } 
.modal .modal-btn-box .modal-close-btn.active { background: #4079ab; color: #ffffff; }
.modal .modal-signup .modal-con-basic-tit { font-size: 2rem; font-weight: 600; padding-bottom: 18px; border-bottom: 1px solid #8e8e8e; } 
.modal .modal-signup .modal-con-basic-txt { font-weight: 600; padding: 20px 0 18px; text-align: left; } 
.modal .modal-signup .modal-con-basic-sub { font-size: 1.4rem; line-height: 1.6; } 
.modal .modal-signup .sub-step-btn { width: 320px; } 

.content .sub-map-search { position: relative; } 
.content .search-body-group { position: relative; } 
.content .select-box + .search-body-group { margin-left: 16px; } 
.content .autoSearch { width: 100%; right: auto; left: 0; margin-top: -1px; border: 1px solid #d9d9d9; border-radius: 8px; } 

.autoSearch { width: 286px; background: #ffffff; border-radius: 20px 20px 0 20px; position: absolute; right: 0; margin-top: -2px; padding: 24px; text-align: left; z-index: 9; } 
.autoSearch .akcBody { font-size: 1.6rem; color: #8e8e8e; } 
.autoSearch .akcBody span { color: #f08730; } 
.autoSearch .button_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-top: 1px solid #d9d9d9; margin-top: 12px; } 
.autoSearch .auto_off { margin-top: 12px; display: inline-block; font-size: 1.4rem; color: #8e8e8e; } 

.map-expand { padding: 60px 19px; background: url("../img/main/img-map-bg-m.svg") center center no-repeat; background-size: cover; } 

.header { width: 100%; background: #ffffff; z-index: 100; height: auto; border-top: 0; text-align: left; border-bottom: 0; position: relative; } 
.header .header-sub-prev { display: none; visibility: hidden; } 
.header .mNavi { display: none; position: fixed; top: 16px; right: 19px; } 
.header .header-logo { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; } 
.header .header-logo .header-logo-icon { display: inline-block; background: url("../img/common/img_logo.svg") 0 0/100% auto; background-size: 100% auto; width: 320px; height: 56px; font-size: 0; text-indent: -9999; } 

.header .header-util-wrap {position:relative; width:100%; padding: 0 40px; height: 80px; margin: 0 auto; display: flex; justify-content: center; align-items: center; z-index: 70; } 
.header .header-util-wrap:before {content: ""; display: block; width: 100%; height: 1px; background: #d9d9d9; position: absolute; top: 80px;  left: 0;}
.header:has(.oneline-notice.hotClip) .header-util-wrap:before {display:none;}

.header .top-totalsrh {display:flex; z-index:130; position: absolute; width:44px; height: 44px; right: calc(50% - 220px); top:14px; transition: all 0.3s ease-in-out; align-items: center; justify-content: center; background: linear-gradient(to bottom, #5E8BF0, #5EB3F4); border-radius:100%;}
.header .top-totalsrh .ico-search{display:block;width:24px;height:24px;transition:opacity .2s ease;}
.header .top-totalsrh::before,
.header .top-totalsrh::after{content:"";position:absolute;top:50%;left:50%;width:28px;height:4px;background:#fff;transform-origin:center;opacity:0;transition:opacity .2s ease, transform .2s ease; border-radius:2px;}
.header .top-totalsrh::before{transform:translate(-50%,-50%) rotate(45deg);}
.header .top-totalsrh::after{transform:translate(-50%,-50%) rotate(-45deg);}
.header .top-totalsrh.active .ico-search{opacity:0;}
.header .top-totalsrh.active::before,
.header .top-totalsrh.active::after{opacity:1;}
.header .top-search-layer{display:none;position:absolute;top:80px;left:0;width:100%;background:#EDF6FF;border-top:1px solid #e5e5e5;box-shadow:0 10px 30px rgba(0,0,0,.08);z-index:1000;     border-radius: 0 0 40px 40px;}
.header .top-search-layer.is-open{display:block;}
.header .top-search-layer .top-search-inner{max-width:800px;margin:0 auto;padding:32px 24px 40px;}
.header .top-search-layer .top-search-head{position:relative;margin-bottom:16px;text-align:center;}
.header .top-search-layer .top-search-tit{display:block;font-size:2.4rem;line-height:1.4;font-weight:700;color:#222;word-break:keep-all;}
.header .top-search-layer .top-search-form{position:relative;}
.header .top-search-layer .top-search-input-wrap{position:relative;}
.header .top-search-layer .top-search-input{display:block;width:100%;height:60px;padding:0 18px;border:1px solid #4079ab;background:#fff;font-size:18px;line-height:58px;color:#222;outline:none;box-sizing:border-box;transition:border-color .2s ease, box-shadow .2s ease; border-radius: 26px; text-align:center;}
.header .top-search-layer .top-search-input::placeholder{color:#b8b8b8;}
.header .top-search-layer .top-search-input:focus{border-color:#0F2C74;box-shadow:0 0 0 3px rgba(0,122,69,.08);}
.header .top-search-layer .btn-top-search{display:block;width:100%;height:60px;margin-top:12px;border:0;background:#4079ab;color:#fff;font-size:20px;font-weight:700;line-height:60px;text-align:center;cursor:pointer;transition:background .2s ease; border-radius: 26px;}
.header .top-search-layer .btn-top-search:hover,.btn-top-search:focus{background:#2f4578;}
.header .top-search-layer .akc-wrap{display:none;position:absolute;top:calc(100% - 1px);left:0;width:100%;border:1px solid #dcdcdc;border-top:0;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.08);z-index:20;box-sizing:border-box;}
.header .top-search-layer .akc-wrap ul{margin:0;padding:8px 0;list-style:none;}
.header .top-search-layer .akc-wrap li{margin:0;padding:0;}
.header .top-search-layer .akc-wrap a{display:block;padding:12px 18px;font-size:16px;line-height:1.4;color:#222;text-decoration:none;}
.header .top-search-layer .akc-wrap a:hover,.akc-wrap a:focus{background:#f7f9f8;color:#007a45;}
body.search-open{overflow:hidden;touch-action:none;}
.btn-search-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-55px;right:0;width:40px;height:40px;border:0;background:none;cursor:pointer;}

.header .top-search-layer .btn-search-close::before,
.header .top-search-layer .btn-search-close::after {content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;background:#111;}
.header .top-search-layer .btn-search-close::before{transform:translate(-50%,-50%) rotate(45deg);}
.header .top-search-layer .btn-search-close::after{transform:translate(-50%,-50%) rotate(-45deg);}
.top-search-dim{display:none;position:fixed;top:80px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;}



.header .header-util-wrap .sns-item {position:absolute; left: 40px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap:0;} 
.header .header-util-wrap .sns-item-icon {font-size: 0; width: 40px; height: 40px; background-position:center center; backgrond-size:100%; background-repeat: no-repeat;} 
.header .header-util-wrap .sns-item-icon.youtube { background-image: url("../img/common/icon_youtube.svg"); } 
.header .header-util-wrap .sns-item-icon.facebook { background-image: url("../img/common/icon_facebook_blue.svg"); } 
.header .header-util-wrap .sns-item-icon.blog { background-image: url("../img/common/icon_blog.svg"); } 
.header .header-util-wrap .sns-item-icon.instagram { background-image: url("../img/common/icon_insta.svg"); }
.header .header-util-wrap .sns-item-icon.kakaotalk { background-image: url("../img/common/icon_kakaotalk.svg"); } 
.header .header-util-wrap .sns-item-icon.kakaostory { background-image: url("../img/common/icon_kakaostory.svg"); } 
.header .header-util-wrap .sns-item-icon.naverband { background-image: url("../img/common/icon_naverband.svg"); }   
.header .header-util-wrap .sns-item-icon.hwa { background-image: url("../img/common/icon_hwa.svg"); width: 107px;}  
.header .header-util-wrap .sns-item-icon:last-child { margin-right: 0; } 


.header .header-util-content { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.4rem; color: #8e8e8e; position: absolute; right:40px; top:30px; z-index:71;} 
.header .header-util-btns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; font-size: 15px;}
.header .header-util-menu {display: block; color:#0F2C74;margin-right:36px}
.header .header-util-menu:last-child { margin-right: 0px }
.header .header-util-home {display:none;}
.header .header-util-menu.home-menu { margin-right: 0; color: #404751; } 
.header .header-util-menu.mypage-info { display: inline-block; width: 24px; height: 24px; background: url("../img/common/icon_myinfo.svg") center left no-repeat; font-size: 0; margin-top: -6px; margin-right: 16px; } 
.header .header-util-weather { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: -65px; left: 24px; } 
.header .header-util-weather-icon { -webkit-box-flex: 0; -ms-flex: 0 0 49px; flex: 0 0 49px; height: 49px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("../img/common/icon-weather-0.svg"); } 
.header .header-util-weather-icon.weather0 { background-image: url("../img/common/icon-weather-0.svg"); } 
.header .header-util-weather-icon.weather1 { background-image: url("../img/common/icon-weather-3.svg"); } 
.header .header-util-weather-icon.weather2 { background-image: url("../img/common/icon-weather-4.svg"); } 
.header .header-util-weather-icon.weather3 { background-image: url("../img/common/icon-weather-5.svg"); } 
.header .header-util-weather-icon.weather5 { background-image: url("../img/common/icon-weather-6.svg"); } 
.header .header-util-weather-icon.weather6 { background-image: url("../img/common/icon-weather-7.svg"); } 
.header .header-util-weather-icon.weather7 { background-image: url("../img/common/icon-weather-8.svg"); } 
.header .header-util-weather-temperature { font-size: 3.2rem; color: #f08730; line-height: 1; padding-top: 4px; margin: 0 9px; } 
.header .header-util-weather-condition { font-size: 1.4rem; text-align: left; line-height: 1; } 
.header .header-util-weather-condition > strong { display: block; margin-bottom: 2px; } 

/* 비회원로그인 추가 240625 */
.header .header-util-btns .nomem {display: flex; gap: 4px; color: #8e8e8e; margin-right: 36px;}
.header .header-util-btns .nomem .btn {background: #5E8BF0; border-radius:15px; height:22px; color:#fff; font-size:1.2rem; padding:0 10px; line-height:22px; margin-top:-4px;}
.header .header-util-btns .mypage {display:flex; gap: 2px; color:#e95900;margin-right: 36px }
.header .header-util-btns .mypage::before {content:''; display:inline-block; width:18px; height:18px;  background: url("../img/common/top-mypage.svg") no-repeat center;}

.header .util-youtube-btn {display:none;  height:52px; margin-left:10px; background:#fff; text-align:center; }
.header .util-youtube-btn > span {display:flex; align-items: center; justify-content: center; width:100%; height:100%; padding-top:46px; line-height:1; font-size:1.2rem; background: url(../img/common/img-menu-youtube.svg) top center no-repeat; background-size:41px; color:#404751;}

.header .header-gnb-wrap { width: 100%; z-index: 80; }
.header .header-gnb-wrap.mobgnb {display: none;}
.header .header-util-content-m { display: none; } 
.header .header-gnb { width: 100%; } 
.header .header-gnb-depth1 { margin:0 auto; max-width:1280px; justify-content: center; display: flex; position: relative; } 
.header .header-gnb .mobile-only-gnb { display: none; } 
.header .header-gnb-depth1-item { position: relative; background-position: center top 8px; background-repeat:no-repeat; width:100%;} 
.header .header-gnb-depth1-item:nth-child(1) { background-image: url("../img/common/gnb_ico01.png"); } 
.header .header-gnb-depth1-item:nth-child(2) { background-image: url("../img/common/gnb_ico02.png"); } 
.header .header-gnb-depth1-item:nth-child(3) { background-image: url("../img/common/gnb_ico03.png"); } 
.header .header-gnb-depth1-item:nth-child(4) { background-image: url("../img/common/gnb_ico04.png"); } 
.header .header-gnb-depth1-item:nth-child(5) { background-image: url("../img/common/gnb_ico05.png"); } 
.header .header-gnb-depth1-item:nth-child(6) { background-image: url("../img/common/gnb_ico06.png"); } 
.header .header-gnb-depth1-item:nth-child(7) { background-image: url("../img/common/gnb_ico07.png"); } 
.header .header-gnb-depth1-item:nth-child(8) { background-image: url("../img/common/gnb_ico08.png"); } 
.header .header-gnb-depth1-item:nth-child(9) { background-image: url("../img/common/gnb_ico09.png"); } 
.header .header-gnb-depth1-item:nth-child(10) { background-image: url("../img/common/gnb_ico10.png"); } 
.header .header-gnb-depth1-item:nth-child(11) { background-image: url("../img/common/gnb_ico11.png"); } 


.header .header-gnb-depth1-menu { font-size: 2rem; width:100%; height: 110px; display: block; padding:64px 0 0 0; text-align:center; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; letter-spacing: -1px; z-index: 50; }
.header .header-gnb-depth1-menu::after { content: ""; display: inline-block; position: absolute; bottom: 0; left: -10%; opacity: 0; background: #4079ab; width: 120%; height: 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.header .header-gnb-depth1-menu::before { content: ""; display: inline-block; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 8px; height: 8px; opacity: 0; background: #4079ab; border-radius: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.header .header-gnb-depth1-menu.active::before, .header .allgnb .header-gnb-depth1-menu.active::after { opacity: 1; } 
.header .header-gnb-depth2 {display:none; position: absolute; width: 120%; left:-10%; z-index: 100; overflow: hidden; background:#fff; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.078); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.078); } 
.header .header-gnb-depth2-item:first-child { padding-top: 17px; } 
.header .header-gnb-depth2-item:last-child { padding-bottom: 17px; } 
/* .header .header-gnb-depth2-item { border-bottom:1px solid #eee;}
 */.header .header-gnb-depth2-menu { text-align: left; font-size: 1.6rem; display: block; line-height: 34px; height: 34px; border-radius: 8px; -webkit-transition: none; transition: none; padding-left:14px;}
.header .header-gnb-depth2-menu:focus, .header .allgnb .header-gnb-depth2-menu:hover { background: #4079ab; color: #ffffff; font-weight: 600; } 
/* .header .header-gnb-depth3 { display: none; visibility: hidden; }  */
.header .header-gnb .header-gnb-depth3 {display: flex; gap:2px; padding: 0 0 0 14px;     flex-direction: column; font-size:1.2rem;} 
.header .header-gnb .header-gnb-depth3-menu {display:block; padding-left:10px;}
.header .header-gnb .header-gnb-depth3 .header-gnb-depth3-item a:hover,
.header .header-gnb .header-gnb-depth3 .header-gnb-depth3-item a:focus {color:#4079ab;} 
.header .header-gnb .header-gnb-depth2-item:has(.header-gnb-depth3) + .header-gnb-depth2-item { margin-top: 8px;}
.header .header-gnb .stadium-mobile-depth3,
.header .header-gnb .mobile-only-depth3 {display:none;}
.header .header-gnb-wrap-content {min-height: 110px; padding: 0 24px; margin: 0 auto; width:100%; display: flex; justify-content: space-between; align-items: center; }

.header .header-logo-m { display: none; } 

.header .header-youtube-btn {position:absolute; display:inline-block; right:235px; height:88px; background:#fff; text-align:center;}
.header .header-youtube-btn > span {display:flex; align-items: center; justify-content: center; width:100%; height:100%; padding-top:69px; line-height:1; font-size:1.4rem; background: url(../img/common/img-menu-youtube.svg) top center no-repeat;}

@media (min-width: 768px) {
	.header .header-gnb .header-gnb-depth2-item:has(.pc-dash-depth3) > .header-gnb-depth2-menu {padding-left:20px; font-size:16px;}
	.header .header-gnb .pc-dash-depth3 .header-gnb-depth3-menu {font-size:15px;}
	.header .header-gnb .pc-dash-depth3 .header-gnb-depth3-menu::before {content:"- ";}
	/* 문구가 길어서 PC에서만 따로 폭 조절 */
	.header .header-gnb .header-gnb-depth1-item:has(.camp-depth2) > .header-gnb-depth1-menu::after {width:170%; left:-35%;}
	.header .header-gnb .camp-depth2 {width:170%; left:-35%;}
	.header .header-gnb .camp-depth2 .header-gnb-depth2-menu {white-space:nowrap;}
	.header .header-gnb .header-gnb-depth2:not(:has(.header-gnb-depth3)) .header-gnb-depth2-item a {text-align:center; padding-left:0;}
	.header .header-gnb .header-gnb-depth2:has(.mobile-only-depth3) .header-gnb-depth2-item > a {text-align:center; padding-left:0;}
	.header .header-gnb .header-gnb-depth2-item:has(.mobile-only-depth3) + .header-gnb-depth2-item {margin-top:0;}
	.header .allgnb .header-gnb-depth2:has(.stadium-mobile-depth3) .header-gnb-depth2-item > a {text-align:center; padding-left:0;}
	.header .allgnb .header-gnb-depth2-item:has(.stadium-mobile-depth3) + .header-gnb-depth2-item {margin-top:0;}
}

.header .header-youtube-btn.off {display:none;}
.header .header-book-btn { display: inline-block; border-radius: 20px 20px 0px 20px; height: 40px; background: #f08730; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 169px; flex: 0 0 169px; } 
.header .header-book-btn > span { display: inline-block; line-height: 1; font-size: 2rem; font-weight: 600; color: #ffffff; padding: 12px 6px 6px 6px; } 
.header .header-book-btn-close { position: absolute; top: -75px; right: 0; display: inline-block; border-radius: 20px 20px 0px 20px; width: 169px; height: 40px; text-align: center; background: #ffffff; border: 1px solid #f08730; display: none; } 
.header .header-book-btn-close > span { display: inline-block; line-height: 1; font-size: 2rem; font-weight: 600; color: #f08730; padding: 12px 32px 6px 0; background: url("../img/common/icon-header-book-close.svg") right center no-repeat; } 
.header .header-book-btn-content { position: relative; max-width: 1284px; margin: 0 auto; z-index: 100; } 
.header .header-book-wrap { position: absolute; top: 190px; left: 0; width: 100%; background: #ffffff; border-top: 1px solid #d9d9d9; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.078); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.078); display: none; z-index: 100; } 
.header .header-book-group { position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; max-width: 1284px; padding: 20px 24px 40px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } 
.header .header-book-box { border-radius: 20px; border: 1px solid #d9d9d9; -webkit-box-flex: 0; -ms-flex: 0 1 303px; flex: 0 1 303px; margin-right: 24px; } 
.header .header-book-box.last-box { -webkit-box-flex: 0; -ms-flex: 0 1 412px; flex: 0 1 412px; } 
.header .header-book-title { font-size: 1.6rem; text-align: center; height: 48px; line-height: 48px; background: #f8f8f8; border-radius: 20px 20px 0 0; } 
.header .header-book-list-wrap { padding: 16px; height: 185px; } 
.header .header-book-list { height: 153px; } 
.header .mCSB_outside + .mCSB_scrollTools { right: -15px; } 
.header .mCSB_inside > .mCSB_container { margin-right: 20px; } 
.header .header-book-item { font-size: 1.2rem; line-height: 38px; height: 38px; border-radius: 8px; text-align: center; display: block; cursor: pointer; } 
.header .header-book-item:focus, .header .header-book-item:hover, .header .header-book-item.active { font-weight: 600; color: #ffffff; background: #5e8bf0; } 
.header .header-book-pagego { -webkit-box-flex: 0; -ms-flex: 0 0 194px; flex: 0 0 194px; position: relative; } 
.header .header-book-pagego > a { display: block; height: 80px; line-height: 80px; font-size: 1.6rem; font-weight: 600; color: #ffffff; background: #f08730; border-radius: 20px 20px 0 20px; text-align: center; } 
.header .header-book-pagego::before { content: ""; display: block; position: absolute; top: -86px; left: 19px; width: 150px; height: 97px; background: url("../img/common/icon-header-book.svg") 0 0 no-repeat; z-index: 1; } 

.header .header-gnb-bg { height: 0; position: absolute; left:50%; top: 0; width: 110px; z-index: 50; overflow: hidden; transform: translateX(350px);} 
.header .header-gnb-bg::before { content: ""; display: block; width: 100%; height: 1px; position: absolute; top: 0; background: #d9d9d9; z-index: 100; } 
.header .header-gnb-bg-character { width: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; max-width: 120px; height:100%;margin: 0 auto; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url("../img/common/img-menu-bg.svg") right bottom; background-repeat: no-repeat; background-size:contain; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 10; justify-content: space-around;} 
.header .header-gnb-bg-character i:after { content: ""; display: inline-block; width: 85px; height: 85px; margin: 0; -webkit-animation: jump 1.2s infinite ease-in-out; animation: jump 1.2s infinite ease-in-out; } 
.header .header-gnb-bg-character i.topNavi1:after { background: url("../img/common/img-menu-character01.svg"); } 
.header .header-gnb-bg-character i.topNavi2:after { background: url("../img/common/img-menu-character02.svg"); } 
.header .header-gnb-bg-character i.topNavi3:after { background: url("../img/common/img-menu-character03.svg"); } 
.header .header-gnb-bg-character i.topNavi4:after { background: url("../img/common/img-menu-character04.svg"); } 
.header .header-gnb-bg-character i.topNavi5:after { background: url("../img/common/img-menu-character05.svg"); } 
.header .header-gnb-bg-character i.topNavi6:after { background: url("../img/common/img-menu-character06.svg"); } 
.header .header-gnb-bg-character i.topNavi7:after { background: url("../img/common/img-menu-character07.svg"); } 
.header .header-gnb-bg-character i.topNavi8:after { background: url("../img/common/img-menu-character08.svg"); } 
.header .header-gnb-bottom { display: none; } 



/* 헤더 검색 */
.header .search-header {position:relative; display:flex; height:105px;  align-items: center;     justify-content: center; border-bottom:1px solid #EDEDED;}
.header .search-header .search-body-group {position:relative; height:62px; width: 700px; border-radius:35px; border: 4px solid transparent; background-image: linear-gradient(white, white), linear-gradient(to right, #A4CAFF, #FFCDAE, #AAC4FF); background-origin: border-box; background-clip: padding-box, border-box;}
.header .search-header .search-body-group::after {content:''; display:block; position:absolute; width:70px; height:70px; background: url("../img/common/top-search-bg.png") no-repeat center; left:20px; bottom:0;}
.header .search-header .search-body-group input {width:100%; height:100%; border-radius:35px; font-size : 2.0rem; padding: 0 32px 0 92px;}
.header .search-header .search-body-group input::placeholder {text-align:center;}
.header .search-header .search-body-group .autoSearch {border:1px solid #ddd; z-index:70;}
.header .search-header .search-enter {position:relative; width:66px; height:66px; border-radius:100%; background: linear-gradient(to bottom, #5E8BF0, #5EB3F4); left: -33px; box-shadow: 4px 4px 20px rgba(97, 158, 255, 0.3); transition: background 0.2s ease;}
.header .search-header .search-enter::after {content:''; display:inline-block; width:30px; height:30px;  background: url("../img/common/top-search-ico.svg") no-repeat center; box-shadow: 4px 4px 20px rgba(97, 158, 255, 0.3); }
.header .search-header .search-enter:hover,
.header .search-header .search-enter:focus {background: linear-gradient(to bottom, #4E7AE0, #4FA3E8);}


.item-ico.file {display: flex;width: 16px;height: 16px; left:-20px;background-image: url("../img/common/icon-download-file.svg");background-size: 16px 16px;background-repeat: no-repeat;background-position: center;}

.footer { min-width: 1332px; }
.footer .goto-top { position: fixed; bottom: 32px; right: 32px; width: 56px; height: 56px; background: url("../img/common/icon-goto-top.svg") #ffffff 0 0/100%; font-size: 0; border-radius: 100%; border: 1px solid #d9d9d9; -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.078); box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.078); z-index: 100; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.footer .goto-top.show { opacity: 1; } 
.footer .footer-service { background: #5e8bf0; } 
.footer .footer-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1284px; width: 100%; margin: 0 auto; } 
.footer .service-item { position: relative; } 
.footer .service-item:nth-of-type(6) { letter-spacing: -1px; } 
.footer .service-item:before { content: ""; display: inline-block; width: 1px; height: 10px; background: #ffffff; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
.footer .service-item:first-child .service-link { padding-left: 0; } 
.footer .service-item:first-child:before { display: none; } 
.footer .service-item:last-child .service-link { padding-right: 0; } 
.footer .service-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 24px 32px; } 
.footer .item-title { font-size: 1.2rem; color: #ffffff; font-weight: 600; padding-top: 3px; padding-right: 12px; } 
.footer .item-ico { display: block; border-radius: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; height: 40px; background-position: center center; background-repeat: no-repeat; background-color: #7ea2f3; } 
.footer .item-ico.discount { background-image: url("../img/common/icon-discount-white.svg"); } 
.footer .item-ico.reserve { background-image: url("../img/common/icon-reserve-white.svg"); } 
.footer .item-ico.faq { background-image: url("../img/common/icon-faq-white.svg"); } 
.footer .item-ico.qna { background-image: url("../img/common/icon-qna-white.svg"); } 
.footer .item-ico.sign { background-image: url("../img/common/icon-sign-white.svg"); } 
.footer .item-ico.api { background-image: url("../img/common/icon-api-white.svg"); } 
.footer .item-ico.kk { background-image: url("../img/common/icon-kk-white.svg"); } 
.footer .footer-main { background: #404751; } 
.footer .footer-main .footer-show-m { display: none; } 
.footer .footer-main .footer-show-m .footer-show-m-btn { visibility: hidden; } 
.footer .footer-main .footer-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0; } 
.footer .footer-main .footer-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.footer .footer-main .footer-logo { margin-right: 70px; } 
.footer .footer-main .footer-logo-link { display: block; width: 200px; height: 45px; background: url("../img/common/img_footer_logo.svg") 0 0 no-repeat; background-size: 100% auto; font-size: 0; } 
.footer .footer-main .desc-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; } 
.footer .footer-main .desc-list li { margin-right: 34px; line-height: 1; } 
.footer .footer-main .desc-list li:last-child { margin-right: 0; } 
.footer .footer-main .desc-list li a { color: #ffffff; font-weight: 600; } 
.footer .footer-main .desc-address { margin-bottom: 9px; } 
.footer .footer-main .desc-address,
.footer .footer-main .desc-copy { color: #ffffff; line-height: 1; } 
.footer .footer-main .desc-warning { margin-top: 15px; font-size: 1rem; color: #c4c4c4; font-weight: 400; line-height: 1.7; } 
.footer .footer-main .call-list { position:relative; display: -webkit-box; display: -ms-flexbox; height:100px; margin-bottom:16px; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } 
.footer .footer-main .sns-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; gap: 4px;} 
.footer .footer-main .sns-item:before { display: none; } 
.footer .footer-main .sns-item-icon {font-size: 0; width: 40px; height: 40px; background-position:center center; backgrond-size:100%; background-repeat: no-repeat;} 
.footer .footer-main .sns-item-icon.youtube { background-image: url("../img/common/icon_youtube.svg"); } 
.footer .footer-main .sns-item-icon.facebook { background-image: url("../img/common/icon_facebook_white.svg"); } 
.footer .footer-main .sns-item-icon.blog { background-image: url("../img/common/icon_blog.svg"); } 
.footer .footer-main .sns-item-icon.instagram { background-image: url("../img/common/icon_insta.svg"); }
.footer .footer-main .sns-item-icon.kakaotalk { background-image: url("../img/common/icon_kakaotalk.svg"); } 
.footer .footer-main .sns-item-icon.kakaostory { background-image: url("../img/common/icon_kakaostory.svg"); } 
.footer .footer-main .sns-item-icon.naverband { background-image: url("../img/common/icon_naverband.svg"); }  
.footer .footer-main .sns-item-icon.ggd { background-image: url("../img/common/icon_ggd.svg"); }  
.footer .footer-main .sns-item-icon:last-child { margin-right: 0; } 
.footer .footer-main .call-label { -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; border-radius: 20px; border: 1px solid #8e8e8e; margin-right: 24px; height:70px;} 
.footer .footer-main .call-label.call-talk { border-color: #f08730; } 
.footer .footer-main .call-label.call-talk .call-title,
.footer .footer-main .call-label.call-talk .call-num { color: #f08730; } 
.footer .footer-main .call-label:last-child { margin-right: 0; } 
.footer .footer-main .call-link { display: flex; width:100%; height:100%; text-align:center; flex-direction: column; gap:6px; justify-content: center; padding-top:4px;} 
.footer .footer-main .call-title { font-size: 1.8rem; color: #ffffff; line-height: 1; font-weight:600;} 
.footer .footer-main .call-num { line-height: 1; font-size: 1.9rem; color: #ffffff; font-weight: 500; } 

.datepicker { background: url(../img/common/btn_calander.svg) no-repeat center right 16px; } 

.ui-widget.ui-datepicker { width: auto; font-family: "GmarketSans", "NotoSansKR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 1.2rem; padding: 20px 15px; border-radius: 8px; -webkit-box-shadow: 6px 6px 6px #00000014; box-shadow: 6px 6px 6px #00000014; z-index: 10 !important; } 
.ui-widget.ui-datepicker .ui-widget-header { background: transparent; border: none; } 
.ui-widget.ui-datepicker .ui-widget-header .ui-datepicker-title { font-weight: bold; font-size: 1.4rem; } 
.ui-widget.ui-datepicker .ui-widget-header .ui-datepicker-year,
.ui-widget.ui-datepicker .ui-widget-header .ui-datepicker-month { font-weight: bold; } 
.ui-widget.ui-datepicker .ui-widget-header .ui-corner-all { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/common/icon-arrow-black-small.svg) no-repeat center; } 
.ui-widget.ui-datepicker .ui-widget-header .ui-corner-all.ui-datepicker-prev { margin-left: 35px; -webkit-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1); background-position: top 6px center; } 
.ui-widget.ui-datepicker .ui-widget-header .ui-corner-all.ui-datepicker-next { margin-right: 35px; } 
.ui-widget.ui-datepicker .ui-widget-header .ui-corner-all .ui-state-hover { -webkit-transform: none; transform: none; } 
.ui-widget.ui-datepicker .ui-widget-header .ui-corner-all:hover { background: transpreant; border: none; } 
.ui-widget.ui-datepicker thead th { padding-top: 25px; } 
.ui-widget.ui-datepicker thead span { font-weight: bold; font-size: 1.2rem; } 
.ui-widget.ui-datepicker thead .ui-datepicker-week-end span[title=일] { color: #f08730; } 
.ui-widget.ui-datepicker td a { line-height: 30px; margin: 3px; padding: 0; } 
.ui-widget.ui-datepicker .ui-state-default,
.ui-widget.ui-datepicker .ui-widget-content .ui-state-default,
.ui-widget.ui-datepicker .ui-widget-header .ui-state-default,
.ui-widget.ui-datepicker .ui-button,
.ui-widget.ui-datepicker .ui-button.ui-state-disabled:hover,
.ui-widget.ui-datepicker .ui-button.ui-state-disabled:active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 28px; height: 28px; line-height: 1; font-weight: 500; font-size: 1.2rem; padding: 0; border: none; border-radius: 100px; } 
.ui-widget.ui-datepicker .ui-state-default,
.ui-widget.ui-datepicker .ui-widget-content .ui-state-default,
.ui-widget.ui-datepicker .ui-widget-header .ui-state-default { color: #404751; background: transparent; } 
.ui-widget.ui-datepicker .ui-state-active,
.ui-widget.ui-datepicker .ui-widget-content .ui-state-active,
.ui-widget.ui-datepicker .ui-widget-header .ui-state-active,
.ui-widget.ui-datepicker a.ui-button:active,
.ui-widget.ui-datepicker .ui-button:active,
.ui-widget.ui-datepicker .ui-button.ui-state-active:hover { color: #ffffff; background: #5e8bf0; } 
.ui-widget.ui-datepicker .ui-state-disabled { opacity: 1; } 
.ui-widget.ui-datepicker .ui-state-disabled span.ui-state-default { margin: 3px; background: #ededed; border-radius: 100px; } 

.systemset { position: relative; margin-top: 76px; padding: 60px 11.68%; } 
.systemset.detail .systemset-inner-item { padding: 13px 0 0 0; } 
.systemset.detail .systemset-inner-descbox { padding-top: 15px; } 
.systemset .systemset-provision { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: #ffffff; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.systemset .systemset-provision.show { visibility: visible; opacity: 1; } 
.systemset .systemset-provision .top-page-navi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.systemset .systemset-provision .systemset-provision-tit { font-size: 1.8rem; } 
.systemset .systemset-provision .top-close-btn { font-size: 0; position: fixed; right: 19px; top: 16px; width: 44px; height: 44px; background: url("../img/common/icon-close.svg") 0 0 no-repeat; } 
.systemset .systemset-provision .systemset-provision-con { margin-top: 76px; padding: 60px 40px; } 
.systemset .systemset-time-setting { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; visibility: hidden; opacity: 0; } 
.systemset .systemset-time-setting:before { content: ""; display: block; z-index: 90; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } 
.systemset .systemset-time-setting.show { visibility: visible; opacity: 1; } 
.systemset .systemset-time-setting.show .systemset-time-setting-wrap { bottom: 0; } 
.systemset .systemset-time-setting .systemset-time-setting-wrap { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0 40px 0 0; background: #f8f8f8; padding: 36px 24px; overflow: hidden; z-index: 100; position: absolute; bottom: -100%; left: 0; width: 100%; } 
.systemset .systemset-time-setting .systemset-time-setting-box { padding-bottom: 12px; font-size: 1.6rem; } 
.systemset .systemset-time-setting label { display: block; padding-bottom: 8px; width: 100%; } 
.systemset .systemset-time-setting input[type=time] { background: #ffffff; border-radius: 8px; border: 1px solid #d9d9d9; line-height: 48px; height: 48px; text-align: center; cursor: pointer; } 
.systemset .systemset-time-setting .systemset-time-setting-btn { padding-top: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 
.systemset .systemset-time-setting .btn { width: 100%; height: 48px; line-height: 48px; border-radius: 20px 20px 0 20px; font-size: 1.6rem; font-weight: 600; text-align: center; margin-right: 8px; } 
.systemset .systemset-time-setting .btn:last-child { margin-right: 0; } 
.systemset .systemset-time-setting .btn.time-close { background: #ffffff; border: 1px solid #d9d9d9; } 
.systemset .systemset-time-setting .btn.time-save { background: #f08730; color: #ffffff; } 
.systemset .top-page-navi { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 76px; border-bottom: 1px solid #d9d9d9; background: #ffffff; } 
.systemset .top-page-btn { display: block; font-size: 1.8rem; line-height: 76px; text-align: center; position: relative; width: 100%; } 
.systemset .top-page-btn:before { content: ""; display: inline-block; width: 32px; height: 32px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 12px; background: url("../img/common/icon-systemset-arrow.svg") 0 0 no-repeat; } 
.systemset .systemset-inner-tit-large { font-size: 2.8rem;} 
.systemset .systemset-inner-tit-large.wd100 {width:100%;}
.systemset .systemset-inner-tit-small { font-size: 1.8rem; } 
.systemset .systemset-inner-tit-xsmall { font-size: 1.4rem; padding-top: 4px; } 
.systemset .systemset-inner-txt-large { font-size: 1.2rem; color: #8e8e8e; } 
.systemset .systemset-inner-txt-small { font-size: 1rem; color: #8e8e8e; } 
.systemset .systemset-inner-link-small { font-size: 1rem; display: inline-block; position: relative; margin-top: 10px; } 
.systemset .systemset-inner-link-small:after { content: ""; display: inline-block; width: 100%; height: 1px; background: #404751; position: absolute; bottom: 1px; left: 0; } 
.systemset .systemset-link-txt { font-size: 1.6rem; } 
.systemset .systemset-content { padding-bottom: 60px; } 
.systemset .systemset-out-box { padding: 0 10px 24px; border-bottom: 1px solid #d9d9d9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; } 
.systemset .systemset-inner-item { padding: 30px 10px 0; } 
.systemset .systemset-inner-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.systemset .systemset-inner-descbox { padding-top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 
.systemset .systemset-link { padding: 0 10px 24px; } 
.systemset .systemset-link-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: relative; padding-right: 24px; text-align: left; } 
.systemset .systemset-link-btn:after { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; top: 2px; right: 0; background: url("../img/common/icon-systemset-inner-arrow.svg") 0 0 no-repeat; } 



/* 20230303 맞춤설정관련 토글 메뉴 추가 */
.systemset-toggle-wrap {padding:30px 10px 0;}
.systemset .systemset-toggle-list {position:relative; display:flex; flex-direction: column; justify-content: space-between; gap:10px;}
.systemset .systemset-toggle-item {position:relative; width:100% }
.systemset .systemset-toggle-item a {position:relative; display:flex; padding:12px 0 8px 40px; width:100%; height:100%; border-radius:10px; font-size:1.7rem; transition:0.3s; background:#FEF6E1;}
.systemset .systemset-toggle-item a:before {content:''; display:block; position:absolute; width:22px; height:22px; left:12px; top:calc(50% - 11px); background-image:url("../img/sub/custom-option-icon01.svg"); background-repeat: no-repeat; background-size:contain;}
.systemset .systemset-toggle-item:nth-child(2) a:before {background-image:url("../img/sub/custom-option-icon02.svg");}
.systemset .systemset-toggle-item:nth-child(3) a:before {background-image:url("../img/sub/custom-option-icon03.svg");}
.systemset .systemset-toggle-item:nth-child(4) a:before {background-image:url("../img/sub/custom-option-icon04.svg");}
.systemset .systemset-toggle-item.off {order:999;}
.systemset .systemset-toggle-item.on a {-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
										-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
										box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);}
.systemset .systemset-toggle-item.off a {border:1px solid #d9d9d9; background:#D9D9D9;}
.systemset .systemset-toggle-item span {right:15px; position:absolute; width:18px; height:18px; font-size:0; }
.systemset .systemset-toggle-item span:before, .systemset .systemset-toggle-item span:after {content:''; display:block; position:absolute; top:1px; right:4px; width:1px; height:16px; background:#9E958B; transform:rotate(45deg);}
.systemset .systemset-toggle-item span:after {transform:rotate(-45deg);}
.systemset .systemset-toggle-item.off span:before {width:2px; border-radius:2px; background:#f08730; transform:none;}
.systemset .systemset-toggle-item.off span:after {width:2px; border-radius:2px; background:#f08730; transform:rotate(90deg);}

.systemset .systemset-out-box .systemset-inner-descbox {padding-top:0;}

.js-mapImg {width: auto; height: auto; max-width: 100%; } 


@media (max-width: 767px) { 

  body { overflow-x: hidden; } 
 .footer { min-width: 0; } 
 
 .mobile-hide { visibility: hidden; display: none; } 

 .pc-hide { visibility: visible; display: block; } 

 .wrap,
.content { padding-bottom: 84px; } 

 .sub-map-search .form-wrap .select-box { width: 100%; } 

 .content .select-box + .search-body-group { margin-left: 0; margin-top: 16px; } 
 .content .autoSearch { border-radius: 20px; -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.078); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.078); } 
 .content .autoSearch .akcBody { font-size: 1.4rem; } 
 .content .autoSearch .auto_off { font-size: 1.2rem; } 
 .content .header .allgnb .header-gnb-wrap-content { height: 0; } 
 .content .header .header-util-weather { display: none; visibility: hidden; } 
 .content .header .header-util-wrap { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
 .content .header .header-sub-prev { display: block; visibility: visible; width: 32px; height: 32px; background: url("../img/common/icon-systemset-arrow.svg") 0 0 no-repeat; position: fixed; top: 22px; left: 12px; font-size: 0; z-index: 100; } 

 .simple-nav { display: block; visibility: visible; position: fixed; bottom: 0; left: 0; z-index: 50; width: 100%; background: #ffffff; border-top: 1px solid #ededed; } 
 .simple-nav .simple-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; height: 65px; padding: 0 10px; } 
 .simple-nav .simple-nav-item { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; } 
 .simple-nav .simple-nav-item.home { margin-top: -20px; } 
 .simple-nav .item-txt { font-size: 1rem; color: #8e8e8e; display: block; } 
 .simple-nav .item-txt:before { content: ""; display: block; width: 36px; height: 36px; margin: 6px auto 3px; } 
 .simple-nav .item-txt.location-item:before { background: url("../img/common/icon-location-mbt.svg") 0 0 no-repeat; } 
 .simple-nav .item-txt.card-item:before { background: url("../img/common/icon-card-mbt.svg") 0 0 no-repeat; } 
 .simple-nav .item-txt.home-item { font-size: 0; } 
 .simple-nav .item-txt.home-item:before { background: url("../img/common/icon-home-mbt.svg") #ee823f 0 0 no-repeat; border-radius: 50%; width: 62px; height: 62px; }
 .simple-nav .item-txt.my-item:before { background: url("../img/common/icon-my-mbt.svg") 0 0 no-repeat; } 
 .simple-nav .item-txt.setup-item:before { background: url("../img/common/icon-setup-mbt.svg") 0 0 no-repeat; } 

 .page-nav { overflow: hidden; } 
 .page-nav .page-nav-left { width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } 
 .page-nav .page-nav-left .home-link { -webkit-box-flex: 0; -ms-flex: 0 0 59px; flex: 0 0 59px; height: 46px; -webkit-box-sizing: content-box; box-sizing: content-box; background-position: left 19px center; position: relative; } 
 .page-nav .page-nav-left .home-link:after { content: ""; display: inline-block; width: 16px; height: 16px; background: url("../img/sub/icon-arrow-right-small-thin.svg") 0 0/100% 100%; position: absolute; right: 0; top: 16px; } 
 .page-nav .page-nav-depth { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
 .page-nav .page-nav-depth-item { font-size: 1.2rem; position: relative; padding: 4px 18px 0 4px; word-break: keep-all; } 
 .page-nav .page-nav-depth-item:last-child:after { display: none; } 
 .page-nav .page-nav-depth-item:after { content: ""; display: inline-block; width: 16px; height: 16px; background: url("../img/sub/icon-arrow-right-small-thin.svg") 0 0/100% 100%; position: absolute; right: 0; top: 3px; } 

 .open-banner-show { padding-top: 160px; } 
 .open-banner-show .header .header-util-wrap { top: 160px; } 
 .open-banner-show .header .mNavi { top: 176px; } 
 .open-banner-show .header .mNavi.active { top: 16px; } 

 .header.active .header-logo { opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
 .header.active .header-util-weather { opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
 .header .header-logo { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; } 
 .header .header-logo .header-logo-icon {width:260px; background-repeat:no-repeat; background-position:center left;}
/*  .header .header-logo .header-logo-icon { width: 180px; height: 41px; background-size: 100% auto; }  */
 .header .header-util-wrap { position: fixed; top: 0; left: 0; width: 100%; background: #ffffff; z-index: 80; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 76px; padding:0 24px 0 14px;} 
 .header .header-util-wrap::before { top: 77px; } 
 .header .header-util-wrap .sns-item {display:none;}
 .header .header-util-wrap-content { height: 76px; padding: 0 19px; background: none; } 
 
 .header .top-totalsrh {z-index:130; position:fixed; width:44px; height: 44px; right: 75px; top:14px;}
 .header .top-totalsrh::before, .header .top-totalsrh::after {background:#fff;}
 .header .top-search-layer {top:0;}
 .header .header-util-weather { position: absolute; /* top: 90px; 0527 modify */
 top: 80px; left: 19px; } 
 .header .header-util-content { position: relative; z-index: 100; top: 0; right: 0; padding: 0 19px 36px; } 
 .header .header-util-home { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 52px; border-bottom: 1px solid #d9d9d9; position: absolute; top: -76px; left: 0; width: 100%; padding-left: calc(50% - 90px); /* background: url("../img/common/img-header-character.svg") 21px bottom no-repeat;  */} 
 
.header .header-util-home {display:block;} 
 .header .header-util-home .home-menu { display: inline-block; padding-top: 10px; height: 40px; font-size: 1.4rem; } 
  .header .header-util-home .home-menu img {width:auto; height:100%;}
 .header .header-util-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } 
 .header .header-util-btns .header-util-menu { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 6px); flex: 0 1 calc(50% - 6px); -ms-flex-preferred-size: calc(50% - 6px); border-radius: 20px 20px 0 20px; font-size: 2rem; height: 52px; line-height: 52px; text-align: center; margin: 0; } 
 .header .header-util-btns .header-util-menu.login-menu { background: #4079ab; color: #ffffff; } 
 .header .header-util-btns .header-util-menu.login-join { background: #ffffff; border: 1px solid #d9d9d9; } 
 .header .header-util-btns .header-util-menu.mypage-info { display: none; visibility: hidden; } 
 .header .header-gnb-bg-character { display: none; } 
 .header .allgnb .header-gnb-wrap { z-index: 50; } 
 .header .allgnb .header-gnb-wrap-content { width: auto; min-height: auto; height : 0; padding: 76px 19px 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } 

 .header .util-youtube-btn {display:inline-block;}
 .header .header-util-btns .nomem {order:1; flex: 0 1 calc(50% - 6px); margin-right:0; gap:0;}
 .header .header-util-btns .nomem p {display: none;}
 .header .header-util-btns .nomem .btn {background:#fff; border:1px solid #d9d9d9; width:100%; border-radius:20px 20px 0 20px; font-size:2rem; height:52px; line-height:52px; text-align:center; margin:0; color: #5e8bf0;}
 

 .header .header-util-btns .mypage {display:none;}
 .header .allgnb .header-gnb { position: fixed; top: 0; right: -100%; height: 100%; z-index: 80; padding-top: 76px; background: #ffffff; } 
 .header .allgnb .header-gnb-bg { display: none; } 
 .header .allgnb .header-gnb-bottom { position: relative; display: block; padding: 4px 50px 52px; } 
 .header .allgnb .header-gnb-bottom-system { width: 100%; padding: 13px 0 10px 56px; font-size: 1.6rem; line-height: 1; height: 36px; border-radius: 18px; text-align: left; background: url("../img/common/icon-header-m-system.svg") #ededed 24px 8px no-repeat; } 
 .header .allgnb .header-gnb-bottom-logo { margin-top: 37px; background: url("../img/common/img_logo.svg") 0 0/100%; width: 190px; height: 30px; z-index: -1; } 
 .header .allgnb .header-gnb-bottom-bg { width: 192px; height: 106px; position: absolute; bottom: 0; right: 0; background: url("../img/common/img-menu-bg.svg") right bottom/200px 106px; z-index: -1; } 
 .header .allgnb .header-gnb-bottom-bg i { display: inline-block; width: 85px; height: 85px; background: url("../img/common/img-menu-character01.svg"); margin-left: 65px; margin-top: -10px; } 
 .header .allgnb .header-gnb-list-area { overflow-y: auto; } 
 .header .allgnb .header-gnb-depth1 { display: block; padding: 0 50px; width:100%;} 
 .header .allgnb .header-gnb-depth1-menu { height: auto; line-height: 1; padding: 28px 10px 24px; font-size: 2.8rem;  text-align: left;} 
 .header .allgnb .header-gnb-depth1-menu.active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 
 /* 모바일 전체메뉴 1뎁스 화살표 표시 */
 .header .allgnb .header-gnb-depth1-menu::before { opacity: 1; background: url("../img/common/icon-gnb-m-arrow.svg") 0 0/100%; width: 16px; height: 16px; left: auto; right: 31px; top: 33px; bottom: auto; -webkit-transform: none; transform: none; border-radius: 0; } 
 /* 모바일 전체메뉴 1뎁스 화살표 숨김 처리 시 아래 규칙 사용
.header .allgnb .header-gnb-depth1-menu::before { display: none; }
 */
 .header .allgnb .header-gnb-depth1-item.no-depth .header-gnb-depth1-menu::before { display: none; } 
 .header .allgnb .header-gnb-depth1-menu::after { display: none; } 
 .header .allgnb .header-gnb-depth1-item { border-bottom: 1px solid #d9d9d9; background:none; } 
 .header .allgnb .header-gnb-depth1-item:last-child { border-bottom: 0; } 
 .header .allgnb .header-gnb-depth2 { position: relative; height: 100%; display: none; padding-top: 0; margin-bottom: 15px; -webkit-box-shadow: none; box-shadow: none; } 
 .header .allgnb .header-gnb-depth2-item:first-child { padding-top: 0; } 
 .header .allgnb .header-gnb-depth2-item:last-child { padding-bottom: 0; } 
 .header .allgnb .header-gnb-depth2-menu { text-align: left; line-height: 1.4; font-size: 1.8rem; margin: 0 0 17px 10px; height: auto; position: relative; width: 100%; display: block; } 
.header .allgnb .header-gnb-depth2-menu.inlist.active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 
.header .allgnb .header-gnb-depth2-menu.inlist::before { content: ""; display: inline-block; background: url("../img/common/icon-gnb-m-arrow-2.svg") 0 0/100%; width: 16px; height: 16px; position: absolute; right: 40px; top: 0; bottom: auto; border-radius: 0; } 
.header .allgnb .header-gnb-depth2-item:has(.pc-dash-depth3) > .header-gnb-depth2-menu.inlist::before {display:none;}
.header .allgnb .header-gnb-depth2-menu:focus, .header .allgnb .header-gnb-depth2-menu:hover { background: none; color: #404751; font-weight: 500; } 
.header .allgnb .header-gnb-depth3 { position: relative; height: 100%; padding-left: 8px; padding-bottom: 2px; display: none; visibility: visible; } 
.header .allgnb .header-gnb-depth2-item:has(.pc-dash-depth3) > .header-gnb-depth3 {display:block;}
.header .allgnb .header-gnb-depth3-menu { text-align: left; line-height: 1.4; font-size: 1.8rem; margin: 0 0 8px 10px; height: auto; display: block; } 
.header .allgnb .mobile-dash-depth3 .header-gnb-depth3-menu::before { content: "- "; }
.header .allgnb .header-gnb-depth3-menu:focus, .header .allgnb .header-gnb-depth3-menu:hover { background: none; color: #404751; font-weight: 500; } 
 .header .allgnb .pc-only-gnb {display:none;}
 .header .allgnb .mobile-only-gnb {display:list-item;}
 
 
.header .allgnb .header-gnb-depth1-item { position: relative; background-position: left top 25px; background-repeat:no-repeat; background-size: 30px 30px;  padding-left: 30px;} 
.header .allgnb .header-gnb-depth1-item:nth-child(1) { background-image: url("../img/common/gnb_ico01.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(2) { background-image: url("../img/common/gnb_ico02.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(3) { background-image: url("../img/common/gnb_ico03.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(4) { background-image: url("../img/common/gnb_ico04.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(5) { background-image: url("../img/common/gnb_ico05.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(6) { background-image: url("../img/common/gnb_ico06.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(7) { background-image: url("../img/common/gnb_ico07.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(8) { background-image: url("../img/common/gnb_ico08.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(9) { background-image: url("../img/common/gnb_ico09.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(10) { background-image: url("../img/common/gnb_ico10.png"); } 
.header .allgnb .header-gnb-depth1-item:nth-child(11) { background-image: url("../img/common/gnb_ico11.png"); } 
 
 
 .header .mobgnb.header-gnb-wrap {display:none;}
 .wrap.main-only-notice .header .mobgnb.header-gnb-wrap {display:block;}
.header .mobgnb .header-gnb-depth1 {flex-wrap: wrap;}
.header .mobgnb .pc-only-gnb {display:none;}
.header .mobgnb .mobile-only-gnb {display:list-item;}
.header .mobgnb .header-gnb-depth1-menu {height:80px; padding: 50px 0 0 0; font-size:1.6rem;}
 .header .mobgnb .header-gnb-depth1-item {width:calc(100%/5);         background-size: 40px auto;}
 .header .mobgnb .header-gnb-depth1-item:nth-child(11) {display:none;}
 .header .mobgnb .header-gnb-depth2 {display:none;}
 

 .header .header-book-btn { visibility: hidden; display: none; height: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 147px; flex: 0 0 147px; } 
 .header .header-book-btn > span { font-size: 1.6rem; padding: 10px 62px 6px 24px; background-size: 32px auto; background-position: right 21px center; } 
 .header .header-book-wrap { visibility: hidden; } 

 .header .mNavi { display: block; z-index: 130; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
 .header .mNavi .mNavi-line { display: block; width: 44px; height: 4px; border-radius: 2px; background: #404751; margin: 12px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
 .header .mNavi .mNavi-line:nth-child(2) { width: 36px; } 
 .header .mNavi.active { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 19px; } 
 .header .mNavi.active .mNavi-line:nth-child(1) { -webkit-transform: translateY(11px); transform: translateY(11px); } 
 .header .mNavi.active .mNavi-line:nth-child(2) { width: 44px; -webkit-transform: translateY(-5px) rotate(90deg); transform: translateY(-5px) rotate(90deg); } 

 .footer .goto-top { width: 52px; height: 52px; bottom: 95px; right: 24px; } 
 .footer .footer-service { padding: 25px 32px 40px; } 
 .footer .service-list { max-width: 100%; display: block; } 
 .footer .service-item { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
 .footer .service-item:before { display: none; } 
 .footer .item-title { font-size: 1.4rem; width: auto; padding-right: 24px; background: url("../img/common/icon-arrow-right-footer-white.svg") right top 3px no-repeat; } 
 .footer .service-link { 
    /* padding: 12px 0 8px 0; */    
    /* joshua 0525 수정 */
    padding: 15px 0 11px 0; border-radius: 8px; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 
 .footer .footer-main { padding: 24px 19px 20px; } 
 .footer .footer-main .footer-show-m { display: block; position: relative; } 
 .footer .footer-main .footer-show-m .footer-show-m-btn { visibility: visible; font-size: 1rem; font-weight: 600; color: #ffffff; padding-right: 20px; } 
 .footer .footer-main .footer-show-m .footer-show-m-btn:after { content: ""; display: block; width: 16px; height: 16px; /*background: url("../img/common/icon-arrow-right-footer-white.svg") 0 0 no-repeat; */
    position: absolute; right: 0; top: -5px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 
 .footer .footer-main .ft-show-m { /* display: none; visibility: hidden; */}
 .footer .footer-main .desc-address { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 12px; } 
 .footer .footer-main .desc-copy { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } 
 .footer .footer-main .desc-warning { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0; } 
 .footer .footer-main .footer-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
 .footer .footer-main .footer-inner { padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
 .footer .footer-main .call-list { height:auto; width: 100%; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding: 17px 0 20px; } 
 .footer .footer-main .sns-item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 20px 0 0; margin: 0; border: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
 .footer .footer-main .sns-item-icon { margin-right: 12px; width:calc(100% / 7); height:45px; background-size:contain;}
 
 .footer .footer-main .call-label { height:auto; margin: 0 0 0 12px; -webkit-box-flex: 1; -ms-flex: 1 1 calc(33.333% - 12px); flex: 1 1 calc(33.333% - 12px); -ms-flex-preferred-size: calc(33.333% - 12px); } 
 .footer .footer-main .call-label:first-child { margin-left: 0; } 
 .footer .footer-main .call-num { line-height: 1.3; } 
 .footer .footer-main .call-link { padding: 22px 12px 18px; } 
 .footer .footer-main .footer-info { display: block; width: 100%; } 
 .footer .footer-main .footer-logo { display: none; visibility: hidden; } 
 .footer .footer-main .footer-logo-link { width: 212px; height: 54px; background: url("../img/common/img_footer_logo_m.png") 0 0/100%; } 

 .modal .modal-wrap { padding: 32px 32px 36px; } 

 /* 0527 modify */
 .header .header-util-weather-temperature { font-size: 1.6rem; padding-top: 10px; } 
 .header .header-util-weather-condition { font-size: 1.4rem; text-align: left; line-height: 1.7; color: #404751; display: flex; } 
 }

@media (max-width: 550px){
  .header .header-logo .header-logo-icon {width:190px;}
 .footer .footer-service { margin-left: 0; } 
 .footer .service-list { display: block; } 
 .footer .service-item { margin-left: 0; } 
 .footer .footer-main .call-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; /* -ms-flex-direction: column; flex-direction: column; */
 flex-wrap: wrap; } 
 .footer .footer-main .call-label { margin: 0 0 8px 0; flex: 0 0 100%; } 
 .footer .footer-main .call-label:last-child { margin-bottom: 0; } 
 .footer .footer-main .call-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 8px 11px; } 
 .footer .footer-main .call-link br {display:none;}
 .footer .footer-main .call-title { font-size: 1.8rem; margin-bottom: 0;} 
 .footer .footer-main .call-num { font-size: 1.8rem; } 
 .footer .footer-main .service-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } 
 }

@media (max-width: 480px){
 .header .header-util-wrap {height:52px;}
 .header .mNavi {top: 1px;}
 .header .mNavi .mNavi-line {width:34px;}
 .header .mNavi.active .mNavi-line:nth-child(2) {width:34px;}
 .header .mNavi .mNavi-line:nth-child(2) {width: 26px;}
 .header .top-totalsrh {right: 65px; width: 36px; height:36px; top: 7px;}
  .header .top-totalsrh .ico-search {width: 20px; height:20px;}
 .header .allgnb .header-gnb-wrap-content {padding: 52px 19px 0;}
  .header .header-util-wrap::before { top: 53px; } 
  .content .header .header-sub-prev {background-size: cover; width:26px; height:26px; top:12px;}
  .header .header-logo {flex: 0 0 210px;}
  
  .header .header-logo .header-logo-icon {width: 168px;}
 
 }
 
@media (max-width: 400px){
 .systemset { padding: 60px 25px; } 
 .page-nav .page-nav-depth.camp-nav-depth .page-nav-depth-item { padding: 4px 14px 0 4px; }
 .header .header-util-home { padding-left: calc(50% - 110px); }
 }
 
 @media (max-width:340px){
 	.header .header-logo .header-logo-icon { width: 160px; height: 41px; background-size: 100% auto; } 
 }
 
 
 
 
 
 
 
 
 
/* 지도 뒤에 간척지 추가 */
.book-map {position:relative;}                                                                                                                                                 
.js-mapImg {width: auto; height: auto; max-width: 100%; } 
.book-map .mab-back {display:block; position:absolute; z-index:-1; left:-18px; top:0; width:auto; max-width:calc(100% + 18px); height:auto;}

@media (max-width: 767px) {
	 .book-map .mab-back {top:calc(50% + 29px); transform:translateY(-50%); left:-2.5%;}
	 .map-expand .mab-back {top:0; transform:none;}
	 .sub-map .sub-map-inner .mab-back {top:calc(50% + 42px);}
}

@media (max-width: 560px) { 
	 .book-map .mab-back {top:calc(50% + 31px); }
	 .map-expand .mab-back {top:0; transform:none;}
	 .sub-map .sub-map-inner .mab-back {top:calc(50% + 43px);}
}

/* 안내 문구 */
.guide-text{
	color:#f08730;
	font:14px;
}




/* 푸터 문구 */
.footer .footer-main .call-txt {position:absolute; top:78px; left:44px; color:#fff; font-size:1.6rem; color:#f08730;}
.footer .footer-main .call-num.smtxt {display:none;}

@media (max-width: 767px) {
	.footer .footer-main .call-txt {position:relative; top:auto; left:auto; padding-top: 10px;}
}

@media (max-width: 550px) { 
	.footer .footer-main .call-txt  {/* display:none; */ padding-top:4px;}
	.footer .footer-main .call-num.smtxt {display:block; font-size:1.4rem; font-weight:500;}
 	.footer .footer-main .call-link {flex-direction: row; flex-wrap: wrap;}
}