@charset "utf-8";

html,body {font-family:'NotoKrM'; width:100%; font-weight:400;}
body{overflow-y:visible; overflow-x:hidden;}


.directFocus {height: 0;}
.directFocus .directBtn{position:absolute; top:-1000px; left:-1000px; z-index: 9999;padding:10px 15px; font-size:16px; background-color:#4362b2; display: inline-block; color:#fff; text-align: center;}
.directFocus .directBtn:focus{top:0; left:0;}


.wrap{width:1400px; margin: 0 auto;}


.header {width:100%; background-size:100%; /* position:fixed; */ position: absolute; z-index:10; top:0; transition:all 0.5s ease-out;}
/* .header.active {background-color: #fff;} */
/* .header.active .gnb-wrap .gnb ul.dl li a{color:#000; transition:all 0.5s ease-out;} */
.header.active .gnb-box h1.logo a{}
.header .header-box{position:relative; transition:all 0.5s ease-out;}
.header .header-box.h-active {position: relative; z-index:100; height: 357px; background: url("/images/hotel/layout/menu-bg.jpg") no-repeat left center #fff; background-position-x: -10px;} 


.header .header-box.h-active .gnb-box h1.logo a{display:inline-block;}
.header .gnb-box {position: relative; display:flex; justify-content:space-between;}
.header .gnb-box h1.logo{position: relative; width: 20%; padding: 20px 0px 20px 15px; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column;}
.header .gnb-box h1.logo a.sub-logo span{font-size:0px; width:120px; height:80px; background:url("/upload_data/board_data/BBS_0000187/175696482945831.png") no-repeat center; display:block;}
.header .gnb-box h1.logo p.sub-txt {display: none;}


.header .header-box.h-active .gnb-box h1.logo {align-items: center; padding: 75px 0 106px;}
.header .header-box.h-active .gnb-box h1.logo::before {display: none;}
.header .header-box.h-active .gnb-box h1.logo a.corp {background:url("/images/hotel/layout/logo-on.png") no-repeat center;}
.header .header-box.h-active .gnb-box h1.logo a.sub-logo span {color: #42929b; font-size:0px; margin-top: 19px; background:url("/upload_data/board_data/BBS_0000187/175696482945330.png") no-repeat center;}
.header .header-box.h-active .gnb-box h1.logo p.sub-txt {position: relative; display: block; font-family: 'GmarketSansL'; color: #000; font-size: 20px; letter-spacing: -0.05em; margin-top: 70px;}
.header .header-box.h-active .gnb-box h1.logo p.sub-txt::before {content: ''; position: absolute; top: -56px; left: 50%; transform: translateX(-50%); width: 1px; height: 38px; background-color: #6f7475;}
.header .header-box.h-active .gnb-box h1.logo p.sub-txt span {font-family: 'GmarketSansB';}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li a {color: #000;}



.header .gnb-box .gnb-wrap {width: 80%; height: 120px; display: block; position: Relative;}
.gnb-wrap .gnb ul.dl{display:flex; justify-content:space-between; margin-left: 110px;}
.gnb-wrap .gnb ul.dl li{width:50%; text-align: center;}
.gnb-wrap .gnb ul.dl li:hover, .header .header-box.header-box.h-active .gnb-wrap .gnb ul.dl li:hover {background-color: #42929b;}
.gnb-wrap .gnb ul.dl li > a {font-family: 'NotoKrR'; font-size: 18px; letter-spacing: -0.05em; text-align: center; color: #fff; padding: 52px 0 30px; display: block;}

.header-box.header-box.h-active .gnb-wrap .gnb ul.dl {margin-left: 0;}
.header-box.header-box.h-active .gnb-wrap .gnb ul.dl {height: 358px;}
.gnb-wrap .gnb ul.dl li:hover > a, .header .header-box.header-box.h-active .gnb-wrap .gnb ul.dl li:hover > a {color: #fff;}


.header .header-box .gnb-wrap .gnb ul.dl > li {position: relative;}
.header .header-box .gnb-wrap .gnb ul.dl > li:before{content:""; width:17px; height:3px; background:#fff; position:absolute; top:77px; left:50%; transform: translateX(-50%); z-index: 200; display:none;}
.header .header-box .gnb-wrap .gnb ul.dl > li:hover:before{display:block; top: 38px;}

.header .header-box.h-active .gnb-wrap .gnb {background: #fff;}
.header .header-box.h-active .gnb-box .gnb-wrap {width: 77%;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li {border-right: 1px solid #ebebeb;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li a:focus{color: #000;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:focus a{position:relative; display:inline-block; color:#014099;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:focus a:before{content:""; width:100%; height:5px; background: #014099; position:absolute; bottom:0px; left:0px; transform: translate(0%, 40px); display:block; }
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover .nav div.level a{background:none;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover .nav div.level a:before{content:none;}
a.toggle{display: none;}
.mbmenu-top{display: none;}


/* 2차메뉴 */
.header .gnb-wrap .gnb ul.dl li .sub-gnb {display:none; position: relative; height:210px;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav{width:100%; text-align:center; padding:0; position:relative; z-index:10;}

.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1{font-family: 'NotoKrM'; font-size: 14px; color: #000; letter-spacing: -0.025em; padding: 7px 0; display: inline-block;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1 {color: #666;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1 {color: #fff;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1:hover{text-decoration: underline;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1:hover:before{display: block;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level:last-child a.level2-1:after{content:none;}

.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank:after{content: ""; width:17px; height:18px; background:url("/upload_data/board_data/BBS_0000187/175764266940471.png") no-repeat; display:inline-block; vertical-align:middle; margin-left:5px;}
.header .gnb-wrap .gnb ul.dl li:hover .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank:after{background:url("/upload_data/board_data/BBS_0000187/175764266941039.png");}

.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav .level .level3-1{display:none; position:absolute; top:0; left:0;}





/* 서브 레이아웃 */
.sub {width:100%;}
.sub .subWrap{width:100%; margin-top: -63px;}


/* 서브 배너 레이아웃 */
.sub .subBanner{width:100%; height: 430px; background:url("/images/hotel/layout/subBanner.jpg") center top no-repeat; text-align: center; padding:120px 10px; box-sizing: border-box; color:#fff; line-height: normal;}
.sub .subBanner h3.title {line-height: 1; padding: 104px 0; display: inline-block;}
.sub .subBanner h3.title p {position: relative; font-family: 'GmarketSansB'; font-size: 40px; letter-spacing: -0.05em;}
.sub .subBanner h3.title p::before {content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 27px; height: 3px; background-color: #fff;}

.sub .subBanner.intro{background:url("/upload_data/board_data/BBS_0000187/175817496778523.jpg") center top no-repeat;}
.sub .subBanner.facil{background:url("/upload_data/board_data/BBS_0000187/175817496779042.jpg") center top no-repeat;}
.sub .subBanner.prog{background:url("/upload_data/board_data/BBS_0000187/175817496779449.jpg") center top no-repeat;}
.sub .subBanner.reser{background:url("/upload_data/board_data/BBS_0000187/175817496779888.jpg") center top no-repeat;}
.sub .subBanner.cust{background:url("/upload_data/board_data/BBS_0000187/175817496780408.jpg") center top no-repeat;}


/* 서브 Nav 레이아웃 */
.sub .subWrap .subNav {width:100%; height:62px; background: url(/images/hotel/layout/loca-bg.png) no-repeat right 100%; background-position-x: 172px; box-sizing: border-box; padding-left:248px; position: relative; display: flex;}
.sub .subWrap .subNav .subNavList{height: 100%; /* width:100%; */ box-sizing: border-box;}
.sub .subWrap .subNav .subNavList > li{float:left; height:100%; vertical-align:middle; position: relative; padding-left: 50px;}
.sub .subWrap .subNav .subNavList > li.sNavList:last-child:before{display: none;}
.sub .subWrap .subNav .subNavList > li > a {font-family: 'NotoKrR'; line-height: 62px; color: #ffffffcc; letter-spacing: -0.025em; padding-right: 60px; position: relative; font-size: 15px; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.sub:not(.newType) .subWrap .subNav .subNavList > li {width: 135px;}
.sub:not(.newType) .subWrap .subNav .subNavList > li:first-child:before {display: none;}
.sub:not(.newType) .subWrap .subNav .subNavList > li.on:before {display: none;}
.sub .subWrap .subNav .subNavList > li:not(.snHome) > a:before {content: ''; display: block; width: 16px; height: 100%; position: absolute; right: 7px; top: 0; background: url("/images/hotel/layout/subArrow.png") center no-repeat;}
.sub .subWrap .subNav .subNavList > li:not(.snHome):last-child > a:before {display: none;}
.sub .subWrap .subNav .subNavList > li.snHome{width:69px; padding:0;}
.sub .subWrap .subNav .subNavList > li.snHome > a {display:block; width:100%; height:62px; padding: 0; background:url("/images/hotel/layout/subHome.png")center no-repeat; font-size:0; line-height: 62px; border-right: 1px solid #938d87;}
.sub .subWrap .subNav .subNavList > li.on a {color: #fff;}

.sub .subWrap .subNav .print-share {position: relative; display: flex; align-items: center; margin-left: 37%;}
.sub .subWrap .subNav .print-share .print-btn {float: left; background: url("/images/hotel/layout/sns-print.png") no-repeat center; width: 20px; height: 20px; display: inline-block; padding: 20px; border-right: 1px solid #8e8a86;}
.sub .subWrap .subNav .print-share .share-btn {background: url("/images/hotel/layout/sns-share.png") no-repeat center; width: 20px; height: 21px; display: inline-block; padding: 20px; margin-top: 7px; border-left: 1px solid #8e8a86; border-right: 1px solid #8e8a86;}
.sub .subWrap .subNav .print-share .share.active .share-btn {background: url("/images/hotel/layout/sns-close.png") no-repeat center; border: 0; width: 22px;}

.sub .subWrap .subNav .print-share .share .btns-toggle {position: absolute; top: -54px; left: -103px; width: 0px; z-index: 1; overflow: hidden; /* -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; */}
.sub .subWrap .subNav .print-share .share.active .btns-toggle {width: 165px;}
.sub .subWrap .subNav .print-share .share .btns {display: flex;}
.sub .subWrap .subNav .print-share .share .btns p a {width: 55px; height: 54px; display: inline-block;}
.sub .subWrap .subNav .print-share .share .btns p.url a {background: url("/images/hotel/layout/sns-url.png") no-repeat center;}
.sub .subWrap .subNav .print-share .share .btns p.url input#copyUrlBtn {border: none; position: absolute; top: 0; left: 0; z-index: -9999;}
.sub .subWrap .subNav .print-share .share .btns p.blog a {background: url("/images/hotel/layout/sns-blog.png") no-repeat center;}
.sub .subWrap .subNav .print-share .share .btns p.face a {background: url("/images/hotel/layout/sns-face.png") no-repeat center;}







/* 서브 TOP */
.contop-info {padding: 55px 0 40px; border-bottom: 1px solid #e9e9e9; text-align: center;}
.contop-info h3.title {margin-bottom: 25px;}
.contop-info h3.title p {font-family: 'NotoKrR'; font-size: 40px; color: #000; letter-spacing: -0.03em; line-height: 1;}
.contop-info .navi-print-share {position: relative;}
.contop-info .navi-print-share .navi {position: relative; margin-right: 15px; overflow: hidden; display: inline-block; vertical-align: middle;}
.contop-info .navi-print-share .navi li {position: relative; display: inline-block; padding: 0px 15px; vertical-align: middle;}
.contop-info .navi-print-share .navi li::before {content: ''; position: absolute; top: 7px; right: -5px; background: url("/images/hotel/layout/navArrow.png") no-repeat center; width: 5px; height: 9px;}
.contop-info .navi-print-share .navi li:last-child {padding-right: 0;}
.contop-info .navi-print-share .navi li:last-child:before {display: none;}
.contop-info .navi-print-share .navi li a.home {background: url("/images/hotel/layout/nav-home.png") no-repeat center; background-position-x:0; padding-left: 20px;}
.contop-info .navi-print-share .navi li span {font-family: 'NotoKrR'; font-size: 14px; letter-spacing: -0.03em; color: #666;}

.contop-info .print-share {vertical-align: middle; position: relative; display: inline-block; padding-top: 5px;}
.contop-info .print-share .print-btn {float: left; background: url("/images/hotel/layout/sns-print.png") no-repeat center; width: 26px; height: 26px; display: inline-block;}
.contop-info .print-share .share .share-btn {background: url("/images/hotel/layout/sns-share.png") no-repeat center; width: 26px; height: 26px; display: inline-block; padding-right: 12px;}
.contop-info .print-share .share.active .share-btn {background: url("/images/hotel/layout/sns-close.png") no-repeat center;}
.contop-info .print-share .share {display: flex; position: relative;}
.contop-info .print-share .share .btns-toggle {position: absolute; top: 0px; left: 36px; width: 0px; z-index: 1; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.contop-info .print-share .share.active .btns-toggle {width: 135px;}
.contop-info .print-share .share .btns {display: flex;}
.contop-info .print-share .share .btns p {padding-right: 7px;}
.contop-info .print-share .share .btns p:last-child {padding-right: 0;}
.contop-info .print-share .share .btns p a {width: 26px; height: 26px; display: inline-block;}
.contop-info .print-share .share .btns p.face a {background: url("/images/hotel/layout/sns-face.png") no-repeat center;}
.contop-info .print-share .share .btns p.twi a {background: url("/images/hotel/layout/sns-twi.png") no-repeat center;}
.contop-info .print-share .share .btns p.kakao a {background: url("/images/hotel/layout/sns-kakao.png") no-repeat center;}
.contop-info .print-share .share .btns p.blog a {background: url("/images/hotel/layout/sns-blog.png") no-repeat center;}



/* s : 서브레이아웃-2 */
.sub-container{width:100%; max-width:1400px; margin: 53px auto 0; display: flex; padding-bottom: 120px;}
.sub-container .subContentWrap{width:100%; max-width:1040px; margin-left:40px;}
.sub-container .subContentWrap .subCnt_top{width: 100%; display: flex; justify-content: space-between;  padding:60px 0 40px; border-bottom:2px solid #d8d8d8; margin-bottom:60px; box-sizing: border-box;}
.sub-container .subContentWrap .subCnt_top .sct_left h3{color:#111; font-family:'NexonB'; font-size:2em; letter-spacing: -0.03px; line-height: 100%;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location{margin-top:20px; width: 100%;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li{display: inline-block; position: relative; padding-right:20px; margin-right:5px; vertical-align: middle; color:#5d5d5d; font-family:'NotokrR'; font-size:1em;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li:not(:last-child):after{content:''; display: inline-block; width:5px; height: 7px; background: url("/images/hotel/layout/locationArrow.png") center no-repeat; position: absolute; right:0; top:50%; margin-top:-3px;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_home{width:12px; height:18px; font-size:0; background:url("/images/hotel/layout/locationHome.png") left center no-repeat;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_home a{display: block; width: 18px; height: 18px;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_now{color:#000; font-family:'NotokrM';}
.sub-container .subContentWrap .subCnt_top .sct_right{display: flex; align-items: flex-start;}
.sub-container .subContentWrap .subCnt_top .sct_right > div{display: inline-block;}
.sub-container .subContentWrap .subCnt_top .sct_right > div > a{display:inline-block; width:44px; height:44px; border:2px solid #d8d8d8; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; font-size:0; box-sizing: border-box; vertical-align: top;}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_sharing > a{background-image: url("/images/hotel/layout/sharingIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_print > a{background-image: url("/images/hotel/layout/printIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_url{ overflow: hidden; position: relative;}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_url > a{background-image: url("/images/hotel/layout/clipIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_url > input{ border:none; position: absolute; top:0; left:0; z-index: -9999;}
.sub-container .subContentWrap .subCnt_top .sct_right div:not(:last-child) {position: relative; padding-right:15px;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box{width:500px; position: absolute; bottom:0; right:14px; transition: all .3s ease-in-out; transform-origin: 100% 100%; display: none; align-items: center; justify-content: flex-end;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li {display: inline-block; margin:0 5px;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li:last-child {margin-right:0px;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li > a {display: block; width:44px; height:44px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 100%; font-size:0;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_face > a {background-image: url("/images/hotel/layout/sharingFace.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_twit > a {background-image: url("/images/hotel/layout/sharingTwit.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_kakao > a {background-image: url("/images/hotel/layout/sharingKakao.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_blog > a {background-image: url("/images/hotel/layout/sharingBlog.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_band > a {background-image: url("/images/hotel/layout/sharingBand.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_urlcopy > a {background-image: url("/images/hotel/layout/urlIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_close > a {background-image: url("/images/hotel/layout/sharingClose.png");}


.sub-container .subNavWrap{width:281px;flex-shrink: 0; box-sizing: border-box;}
.sub-container .subNavWrap .subNavBox {width: 100%; box-sizing: border-box;}
.sub-container .subNavWrap .subNavBox .subNav_List > a {display: block; width: 100%; border-bottom:1px solid #e1e1e1; padding:18px 20px; box-sizing: border-box; color:#333; font-family:'NotokrR'; font-size:1.067em; line-height: 1.5; position: relative;}
.sub-container .subNavWrap .subNavBox .subNav_List > a.noLink {position: relative;}
.sub-container .subNavWrap .subNavBox .subNav_List > a.noLink::before {content: '+'; font-size: 35px; font-family: 'GmarketSansL'; color: #768c94; position: absolute; right: 47px; top: 56%; transform: translate(0, -50%); display: block !important;
}
.sub-container .subNavWrap .subNavBox .subNav_List > a.noLink.on:before{content:'ㅡ'; font-size:21px; font-family:'NotokrL'; position: absolute; right:48px; top:50%; transform: translate(0,-50%); display: none;}
.sub-container .subNavWrap .subNavBox .subNav_List > a.active, .sub-container .subNavWrap .subNavBox .subNav_List > a.on {background: url("/images/hotel/layout/left-menuBg.png") no-repeat top center; color:#fff; font-family:'NotokrM'; font-size: 16px; letter-spacing: -0.05em; position: relative;}
.sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).active:before, .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).on:before{display: block; color:#fff;}
.sub-container .subNavWrap .subNavBox .subNav_List > a.linkBtn{background: url("/images/hotel/layout/subNavNw.png") 95% center no-repeat;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner {width:100%; padding:10px 17px; box-sizing: border-box; background-color:#f9f9f9; border-bottom:1px solid #dbdbdb; display: none;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner.active {display: block;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a{font-size:1em; display: block; width: 100%; padding:7px 0 7px 15px; position: relative; transition: all .3s ease-in-out; font-family:"NotokrR"; color: #4a4a4a; font-size: 15px;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.active, .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a:hover {color: #42929b; font-family: 'NotoKrM';}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.active:before, .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a:hover:before{background: #111;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.nwTap span{padding-right:20px; box-sizing: border-box; background: url("/images/hotel/layout/nw-icon.png") right center no-repeat;}


.subWrap .sub-container .subNavWrap {box-shadow:none; border:none;}
.subWrap .sub-container .subNavWrap .subNavBox{padding:0;}
.subWrap .sub-container .subNavWrap .subNavBox > li{margin-top:3px; box-sizing: border-box; border:1px solid #e1e1e1;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a {border-bottom:0; padding:17px 20px;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner {border-bottom:0;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn):before {color:#9fa0a4; display: block;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).active:before,
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).on:before {color:#fff; content:''; width:14px; height: 2px; background-color:#fff;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner{padding:10px 25px;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a.linkBtn.active,
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a.linkBtn.on{background-image: url("/images/hotel/layout/subNavNw_on.png");}
/*서브레이아웃*/


/* e : 서브레이아웃2 */




/* 서브 컨텐츠 */
.subCntArea {padding: 60px 0 150px;}



/* footer */
footer {position:relative; background:#f9f9f9;}
/*footer::before {content: ''; position: absolute; bottom: 0; right: 250px; background: url("/images/hotel/layout/footBg.png") no-repeat bottom right; width: 290px; height: 171px; background-size: 100%;}*/
footer .fb {padding: 38px 0; text-align: center;}
footer .fb .address {}
footer .fb .address ul {display: flex; justify-content: center; margin-bottom: 8px;}
footer .fb .address ul li {padding-right: 13px; font-family: 'NotoKrL'; font-size: 15px; letter-spacing: -0.05em; color: #666;}
footer .fb .address ul li span {position: relative; font-family: 'NotoKrM'; display: inline-block; padding-right: 4px; color: #000; font-size: 15px;}
footer .fb .address p.copy {font-family: 'NotoKrL'; font-size: 14px; color: #666; letter-spacing: -0.025em; line-height: 1;}



@media all and (max-width:1400px){
  .wrap {width: 95%;}

  .header {padding: 0px 0px; box-sizing: border-box;}
  .header .gnb-box h1.logo {width: 27%;}
  .header .gnb-box h1.logo::before {right: 75px;}
  .header .gnb-box h1.logo a.corp{display:block; margin-right: 10px; background-size: 100%;}
  .header .gnb-box h1.logo a.sub-logo{display: block; margin-left:0px;}

  .header .gnb-box {justify-content: flex-start;}
  .header .gnb-box .gnb-wrap {}
  .gnb-wrap .gnb ul.dl li > a {}

  
  .header .header-box.h-active {height: 325px; background-size: contain;}
  .header .header-box.h-active .gnb-box .gnb-wrap {background-color: #fff;}
  .header .header-box.h-active .gnb-box .gnb-wrap .gnb {background-color: #fff;}
  .header-box.header-box.h-active .gnb-wrap .gnb ul.dl {height: 325px;}
  .header .header-box .gnb-wrap .gnb ul.dl > li:before {top: 70px;}
  .header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover a:before{bottom:-6px;}
  

  .header .gnb-wrap .gnb ul.dl li .sub-gnb{margin-top: 0;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-box{width: 100%;}
  .gnb-wrap .gnb ul.dl li a{font-size:17px; padding-bottom:0px;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1 {padding: 8px 0;}


  .sub-container .subContentWrap {width: 70%; margin: 0 auto;}

  .sub .subBanner {padding: 74px 10px 0;}
  .sub .subWrap {margin-top: -56px;}
  .sub .subWrap .subNav {height: 55px; padding-left: 240px;}
  .sub .subWrap .subNav .subNavList > li.snHome {width: 57px;}
  .sub .subWrap .subNav .subNavList > li.snHome > a {width: 57px; height: 54px; line-height: 50px;}
  .sub .subWrap .subNav .subNavList > li {padding-left: 25px;}
  .sub .subWrap .subNav .subNavList > li > a {line-height: 55px; padding-right: 20px;}
  .sub:not(.newType) .subWrap .subNav .subNavList > li:not(.snHome) {width: 145px;}
  .sub .subWrap .subNav .subNavList > li:not(.snHome) > a:before {right: 0;}
  .sub .subWrap .subNav .print-share {margin-left: 0; position: absolute; top: -4px; right: 0;}
  .sub .subWrap .subNav .print-share .share .btns-toggle {top: -50px;}
  .sub .subWrap .subNav .print-share .share-btn {height: 15px; margin-top: 4px;}
  .sub .subWrap .subNav .print-share .print-btn {height: 15px;}


  footer::before {right: 80px;}
}


@media all and (max-width:1280px){
  .wrap{width:100%; padding:0px 20px; box-sizing:border-box;}

  .header .gnb-box h1.logo {padding: 16px 0; width: 25%;}
  .header .gnb-box h1.logo::before {background-size: 100% !important; width: 94px; top: -2px; right: 69px;}
  .header .gnb-box h1.logo a.corp {width:90px;}
  .header .gnb-box h1.logo a.sub-logo span {white-space: nowrap;}
  .header .gnb-box .gnb-wrap {width: 80%;}
  .gnb-wrap .gnb ul.dl {margin-left: 0;}
  .gnb-wrap .gnb ul.dl li > a {padding-top: 45px;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb {height: 140px;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1 {font-size: 14px; padding: 10px 0;}
  .header .gnb-wrap .gnb ul.dl li:hover .sub-gnb .sub-gnb-wrap .nav:before {height: 140px;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level:first-child a.level2-1 {margin-top: 10px;}
  .gnb-wrap .gnb ul.dl li a {white-space: nowrap;}

  .header .header-box.h-active .gnb-box h1.logo a {background-size: 100% !important;}
  .header .header-box.h-active .gnb-wrap .gnb ul.dl li a {font-size: 17px;}
  .header .header-box.h-active .gnb-box h1.logo a.sub-logo span {margin-top: 12px;}
  .header .header-box.h-active .gnb-box h1.logo p.sub-txt {font-size: 17px;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1 {padding: 8px 0;}

  .sub .subWrap .subNav .print-share .share-btn {padding: 15px; width: 24px; height: 24px;}
  .sub .subWrap .subNav .print-share .print-btn {padding: 15px; width: 24px; height: 24px;}
  .sub .subWrap .subNav .print-share .share.active .share-btn {width: 26px; background-size: 100%;}
  .sub .subWrap .subNav .print-share .share .btns-toggle {left: -110px;}

  .sub:not(.newType) .subWrap .subNav .subNavList > li {width: 25%;}
  .sub .subWrap .subNav .subNavList > li.snHome {width: 57px;}
  .sub .subBanner h3.title {padding: 130px 0;}

  footer .fb {padding: 30px 0;}
}


@media all and (max-width:1200px){
  .header .gnb-box h1.logo::before {display: none;}
}

@media all and (max-width:1000px){
  .wrap {padding: 0px 0 0 20px;}

  .header{padding:0px;}
  .header .header-box{height:80px;}
  .header .header-box:before{height:80px; }

  .header .gnb-box .gnb-wrap{width:0px; height:0px; padding:0px;}

  .header .gnb-box h1.logo{width:auto; height:90px; padding:0px 0px; box-sizing:border-box; flex-direction: row; align-items: center;}
  .header .gnb-box h1.logo a{width:auto; background-size:120px;}
  .header .gnb-box h1.logo a.corp{display:inline-block; margin-bottom:0px;}
  .header .gnb-box h1.logo a.sub-logo{display:inline-block; margin-bottom:0px; margin-left:0px; margin-top:10px;}
  .header .gnb-box h1.logo a.sub-logo span {font-size:0px;}

  .header .toggle-box{position: absolute; top:0px; right:0px;}
  .header a.toggle{position:relative;  display:block; width:80px; height:80px; background:url("/images/hotel/layout/mb-menuBtn.png") no-repeat center #42929b; box-sizing:border-box;}
  .header a.toggle:before{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 100%; background:#7a7d8d; }
  .header .mobile-gnb .close-box{position:absolute; top:0px; right:0px;}
  .header .mobile-gnb .close-box .mb-closebtn{width:80px; height:80px; background:url("/images/hotel/layout/mb-menuClose.png") no-repeat #000; display:block; text-indent:-9999px; position: relative; background-position: center;}

  .header .mobile-gnb{display:block; position:fixed; top:-100%; left:0px; height:100%; z-index:999; overflow-y:auto; transition:all .3s ease; width:100%;  background:rgba(0,0,0,0.6);}

  .header .mobile-gnb .mbmenu-top{display:block; position:relative; height:80px; padding:0px 70px 0px 0px; background:#fff; border-bottom: 1px solid #ccc;}

  .header .mobile-gnb .mbmenu-top .other-links{width:100%; height:100%;}
  .header .mobile-gnb .mbmenu-top .other-links:after{clear:both; content:""; display:block;}
  .header .mobile-gnb .mbmenu-top .other-links li{height:100%; box-sizing:border-box;}
  .header .mobile-gnb .mbmenu-top .other-links li:last-child{border-right:none;}

  .header .mobile-gnb .mbmenu-top .other-links li a{display:block; width:100%; line-height:80px; padding:0px 25px; font-family: 'KoPubD-B'; font-size: 18px; letter-spacing: -0.03em; box-sizing:border-box; color:#fff;}
  .header .mobile-gnb .mbmenu-top .other-links li a span{position:relative; display:block;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a{display:block; width:100%; line-height:80px; text-align:center;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span{display:inline-block;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span:before{display:none;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a h1.logo {flex-direction: row; align-items: center;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span.corp {background: url("/images/hotel/layout/logo-on.png") no-repeat center; background-size: 100%; width: 101px; height: 28px; margin-right: 10px; display: inline-block; vertical-align: middle; font-size: 0px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span.tit {font-family: 'Yeongdeok-crap'; color: #42929b; font-size: 28px; font-weight: normal; display: inline-block; vertical-align: middle;}

  .header .mobile-gnb.on{top:0px;}
  .header .mobile-gnb .dl{background:#fff; /* padding:35px 40px 55px; */ height:auto;}
  .header .mobile-gnb .dl li a.level1-1{padding:26px 30px 26px 50px; border-bottom:solid 1px #dadada; display:block; font-family: 'NotoKrR'; font-size:20px; color: #000000; letter-spacing: -0.02em; position: relative;}
  .header .mobile-gnb .dl li a.level1-1.on{border-bottom:none; background-color: #42929b; color: #fff;}
  .header .mobile-gnb .dl li.no-depth a.level1-1.on {border-bottom: 1px solid #dadada; transition: 0.3s ease-in-out;}
  .header .mobile-gnb .dl li a.level1-1::before{content:""; width:33px; height:19px;position:absolute; top:50%; right:30px; transform: translateY(-50%); display:block; background: url("/images/hotel/layout/mb-down.png") no-repeat center right;}
  .header .mobile-gnb .dl li.no-depth a.level1-1::before {display: none;}
  .header .mobile-gnb .dl li a.level1-1.on::before{background: url("/images/hotel/layout/mb-up.png") no-repeat center right; transition: 0.3s ease;}
  .header .mobile-gnb .dl li .m-sub-gnb{display:none;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav{padding:8px 20px; background-color: #f4f4f4;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1{padding:18px 24px 9px; font-family: 'NotoKrR'; color:#444; font-size:17px; display:block; position:relative;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1:hover:before {background-color: #000;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:first-child a.level2-1{padding-top:20px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:first-child a.level2-1:before{top:28px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:last-child a.level2-1{padding-bottom:20px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1:hover{color:#42929b; text-decoration:underline;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1.on{background: #3897db; color: #fff; padding: 20px 20px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1.on:before{content: ""; width: 60px; height: 1px; background: #fff; position: absolute; top:30px; left:0;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1 span {position: relative;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1.blank:after{content: ""; width:17px; height:18px; background:url("/upload_data/board_data/BBS_0000187/175764266940471.png") no-repeat; display:inline-block; vertical-align:middle; margin-left:5px;}

  .header .mobile-gnb .dl li .m-sub-gnb .level .level3-1{display: none; background: #e0eaf3;}
  .header .mobile-gnb .dl li .m-sub-gnb .level .level3-1 li a{padding: 15px 20px; display: block; font-size: 18px;}
  .header .header-box.h-active{z-index: 0;}

  .header .mobile-gnb .dl li:first-child .m-sub-gnb .sub-gnb-wrap .sub-menu02, .sub-menu03, .sub-menu04, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(2) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu03, .sub-menu04, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(2) .m-sub-gnb .sub-menu02{display: block;}
  .header .mobile-gnb .dl li:nth-child(3) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu04, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(3) .m-sub-gnb .sub-menu03{display: block;}
  .header .mobile-gnb .dl li:nth-child(4) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu03, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(4) .m-sub-gnb .sub-menu04{display: block;}
  .header .mobile-gnb .dl li:nth-child(5) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu03, .sub-menu04, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(5) .m-sub-gnb .sub-menu05{display: block;}
  .header .mobile-gnb .dl li:nth-child(6) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu03, .sub-menu04, .sub-menu05, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(6) .m-sub-gnb .sub-menu06{display: block;}

  .header .header-box.h-active .nav-bar{display: none;}


  .sub-container .subNavWrap {display: none;}
  .sub-container .subContentWrap {width: 100%;}
  .sub-container .subContentWrap #main-wrap {width: 95%; margin: 0 auto;;}
  .sub .subBanner {height: 335px;}
  .sub .subBanner h3.title {padding: 83px 0;}
  .sub .subBanner h3.title p {font-size: 32px;}
  .sub .subBanner h3.title p::before {width: 23px;}
  .sub .wrap, .subCntArea .wrap {padding: 0 20px !important;}
  .sub .subWrap .subNav {padding: 0; background-position-x: 0;}
  .sub .subWrap .subNav .subNavList {padding-left: 66px;}


  .contop-info h3.title {margin-bottom: 17px;}
  .contop-info h3.title p {font-size: 33px;}
}

@media all and (max-width:780px){
  .header .header-box {height: 70px;}
  .header .header-box:before {height: 70px;}
  .header .gnb-box h1.logo {}
  .header .gnb-box h1.logo a.corp {background-size: 100% !important; width: 80px; margin-right: 6px;}
  .header .gnb-box h1.logo a.sub-logo {font-size: 17px;}
  .header .gnb-box h1.logo a.sub-logo span {margin-top:0px; font-size:0px;}
  .header a.toggle {width: 70px; height: 70px;}

  .header .mobile-gnb .mbmenu-top .other-links li.btn a span.corp {width: 90px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span.tit {font-size: 25px;         margin-top: 4px;}

  .header .mobile-gnb .mbmenu-top {height: 70px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a {line-height: 70px;}
  .header .mobile-gnb .close-box .mb-closebtn {width: 70px; height: 70px;}
  .header .mobile-gnb .dl li a.level1-1 {font-size: 17px; padding: 20px 20px 20px 28px;}
  .header .mobile-gnb .dl li a.level1-1::before {right: 20px; background-size: 100%; width: 28px;}
  .header .mobile-gnb .dl li a.level1-1.on::before {background-size: 100%; width: 28px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:first-child a.level2-1 {padding-top: 13px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1 {padding: 13px 20px 5px; font-size: 16px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1:before {top: 24px; left: 18px;}


  .sub-container {padding-bottom: 75px;}
  
  .sub .subBanner {height: 265px; padding: 71px 10px 0;}
  .sub .subBanner h3.title {padding: 61px 0;}
  .sub .subBanner h3.title p {font-size: 26px;}
  .sub .subWrap {margin: -41px auto 0;}
  .sub .subWrap .subNav {height:40px;}
  .sub .subWrap .subNav .subNavList{padding-left: 46px;}
  .sub .subWrap .subNav .subNavList > li{padding:0 15px; width:110px;}
  .sub:not(.newType) .subWrap .subNav .subNavList > li:nth-child(2) {margin-left: -13px;}
  .sub .subWrap .subNav .subNavList > li > a {line-height: 40px; font-size:15px;}
  .sub .subWrap .subNav .subNavList > li.snHome > a {background-size: 14px; width: 44px;height: 40px; line-height: 44px;}
  .sub .subWrap .subNav .print-share .share-btn {width: 10px; height: 11px; background-size: 46%;}
  .sub .subWrap .subNav .print-share .print-btn {width: 10px; height: 8px; background-size: 46%;}
  .sub .subWrap .subNav .print-share .share.active .share-btn {width: 13px;}
  .sub .subWrap .subNav .print-share .share .btns p a {background-size: 100% !important; width: 43px; height: 43px;}
  .sub .subWrap .subNav .print-share .share .btns-toggle {top: -38px; left: -86px;}
  .sub .subWrap .subNav .print-share .share .btns p.url input#copyUrlBtn {display: none;}
  
  .sub .subBanner p.s-tit {font-size: 24px; padding: 56px 0;}

  .subCntArea {padding: 45px 0 100px;}
  .contop-info {padding: 45px 0 40px;}
  .contop-info h3.title p {font-size: 30px;}


  footer::before {display: none;}
  footer .fb {padding: 25px 0;}
  footer .fb .address ul {flex-wrap: wrap;}
  footer .fb .address ul li {font-size: 15px;}
  footer .fb .address p.copy {font-size: 13px;}
}


@media screen and (max-width:680px){
  .header .header-box{height: 60px;}
  .header .header-box:before{height:60px;}

  .header .gnb-box h1.logo{}
  .header .gnb-box h1.logo a.sub-logo {width: auto;}
  .header a.toggle{width:60px; height:60px; background-size: 20px;}

  .header .mobile-gnb .mbmenu-top .other-links li.btn a span {padding-left: 0;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span.corp {background-size: 100%;}

  .header .mobile-gnb .mbmenu-top{padding: 0px 50px 0px 0px; height: 60px;}
  .header .mobile-gnb .mbmenu-top h2.mb-logo a{background-size:100%; left:20px; top:20px; width:80px}
  .header .mobile-gnb .mbmenu-top .other-links li a{line-height:50px; padding:0px 25px; font-size:16px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a{line-height:60px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span.tit {margin-top: 2px;}
  .header .mobile-gnb .close-box .mb-closebtn{width:60px; height:60px; background-size:20px;}
  .header .mobile-gnb .mb-closebtn{background-size:18px; width:18px; top:0px;}


  .sub .subWrap {margin: -41px auto 0;}
  .sub .subBanner{background-position: center; background-size: cover !important;}
  .sub .subWrap .wrap {padding: 0 !important;}
  .sub .subWrap .subNav{height:40px; padding: 0; background-position-x: -50px;}
  .sub .subWrap .subNav .subNavList {display: flex; width: 100%; padding-left: 0;}
  .sub .subWrap .subNav .subNavList > li{padding: 0 10px; width:100px;}
  .sub:not(.newType) .subWrap .subNav .subNavList > li {width: 33% !important;}
  .sub:not(.newType) .subWrap .subNav .subNavList > li:nth-child(2) {margin-left: 0; padding-left: 20px;}

  .sub .subWrap .subNav .subNavList > li > a{line-height: 40px; padding-right:27px; font-size:14px;}
  .sub .subWrap .subNav .subNavList > li:not(.snHome) > a:before{width:9px; right:5px;}
  .sub .subWrap .subNav .subNavList > li.snHome {width: 57px !important;}

  .sub .subWrap .subNav .print-share {top: -47px;}
  .sub .subWrap .subNav .print-share .share-btn {border: 1px solid #afafaf; margin-right: -1px;}
  .sub .subWrap .subNav .print-share .print-btn {border: 1px solid #afafaf; height: 11px; margin-top: -1px;}
  .sub .subWrap .subNav .print-share .share.active .share-btn {border: 1px solid #000;}
}



@media all and (max-width:480px){
  .wrap {padding: 0px 0 0 10px;}
  
  .header {height: 50px;}
  .header .header-box {height: 50px;}
  .header .header-box:before {height: 50px;}
  .header .gnb-box h1.logo{ height:80px;}
  .header .gnb-box h1.logo a.corp {width: 65px;}
  .header .gnb-box h1.logo a.sub-logo {margin-top:0px;}
  .header .gnb-box h1.logo a.sub-logo span {margin-top: 0; width:90px; height:66px; background-size:100%;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span.tit {font-size: 18px;}
  .header a.toggle {width: 50px; height: 50px; background-size: 16px;}
  .header.active a.toggle{padding: 13px;}

  .header .mobile-gnb .mbmenu-top{height: 50px;}
  .header .mobile-gnb .mbmenu-top .other-links li a{line-height:40px; padding:0px 10px; font-size:14px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a{line-height:50px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span.corp {width: 70px;}
  .header .mobile-gnb .mbmenu-top h2.mb-logo a{background-size: 60px; width: 60px; top:17px; left: 10px;}
  .header .mobile-gnb .mb-closebtn{ background-size: 13px; width: 13px;}
  .header .mobile-gnb .close-box .mb-closebtn{width:50px; height:50px; background-size: 16px;}
  .header .mobile-gnb .dl li a.level1-1{padding:10px 10px 10px 35px; font-size:14px;}
  .header .mobile-gnb .dl li a.level1-1:after{width:16px; height:16px; line-height:16px; font-size:6px; top:14px;}
  .header .mobile-gnb .dl li a.level1-1::before {width: 18px; right: 15px;}
  .header .mobile-gnb .dl li a.level1-1.on:after{width:18px; height:16px;}
  .header .mobile-gnb .dl li a.level1-1.on::before {width: 18px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav {padding: 0 20px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1 {padding: 8px 20px 0px; font-size: 13px;}


  .sub-container {padding-bottom: 50px;}

  .sub .subBanner {padding: 51px 10px 0; height: 220px;}
  .sub .subBanner p.s-tit {font-size: 19px; padding: 55px 0;}
  .sub .subBanner h3.title {padding: 53px 0;}
  .sub .subBanner h3.title p {font-size: 23px;}
  .sub .subWrap .subNav .subNavList > li.snHome > a {background-size: 10px; width: 39px;}

  .sub .subWrap .subNav .print-share {top: -44px;}
  .sub .subWrap .subNav .print-share .share-btn {width: 8px; height: 8px; background-size: 40%;}
  .sub .subWrap .subNav .print-share .print-btn {background-size: 41%; width: 4px; height: 8px;}
  .sub .subWrap .subNav .print-share .share.active .share-btn {width: 10px;}
  .sub .subWrap .subNav .print-share .share .btns-toggle { top: -35px; left: -82px;}
  .sub .subWrap .subNav .print-share .share .btns p a {width: 41px; height: 41px;}

  footer .fb {padding: 20px 10px;}
  footer .fb .address ul {margin-bottom: 4px;}
  footer .fb .address ul li {font-size: 13px;}
}