@charset "utf-8";
/*header*/
header.m-header{display:none;}
.m-visual-area{display:none;}
.header {
    position:fixed; width:100%; height:110px; padding:42px 25px 0 62px; box-sizing: border-box; 
    z-index: 20;
    background:#fff;
    border-bottom: 1px solid #ccc;
}


.header.on { background: #fff; border-bottom:1px solid #ccc; transition: all 0.2s; }
h1.logo{position: absolute; top:42px; left: 60px;}
.logo a svg{display:block; width:285px; height:29px; transition: all 0.2s;}
.nav{padding-left:500px;}
.depth1:after{clear:both; height:0; content:''; display:block;}
.depth1 > li{float:left; margin-right:56px; position: relative;}
.depth1 > li:last-child{margin-right:0;}
.depth1 > li > a{font-size:21px; color:#0c1212; font-family:'notokr-medium'; position: relative;}
.header.on .depth1 > li > a {color:#0c1212; transition: all 0.2s;}
.depth1 > li > a > i{pointer-events: none; position: absolute; top:68px; left:50%; transform: translate(-50%, -50%); width:10px; height:10px; background:#f3705a;  content:''; z-index:10; display:none}
.sub-menu{display:none; position: absolute; top: 65px; left:0; box-sizing: border-box; z-index:1;white-space: nowrap;}
.nav-bg{width:100%; position:absolute; top:110px; left:0; height:56px;background:#f4f4f4; display:none; opacity: 0;}
.depth1 > li:last-child .sub-menu{right:0; left:auto}

.gnb .sub-menu .depth2{text-align:center;}
.gnb .sub-menu .depth2 > li{display: inline-block; padding:19px 0; margin-right:70px; }
.gnb .sub-menu .depth2 > li:last-child{margin-right:0;}
.gnb .sub-menu .depth2 > li > a{ font-family:'notokr-regular'; font-size:16px; color:#444; padding:19px 0;}
.gnb .sub-menu .depth2 > li > a:hover{ color:#e7573f;}

.right-sub-menu{position:absolute; top:39px; right:25px;}
.right-sub-menu:after{clear:both; height:0; display:block; content:'';}
.right-sub-menu li{float:left; margin-right:25px;}
.right-sub-menu svg.youtube{width:20px; height:14px; padding-top:9px;}
.right-sub-menu svg.instar{width:20px; height:20px; padding-top:6px;}
.right-sub-menu svg.blog{width:14px; height:18px; padding-top:6px;}
.right-sub-menu .main-search-area{
    position:relative;
}
.right-sub-menu input[type="text"]{
    height: 33px;
    width:180px;
    box-sizing: border-box;
    border: 0;
    background: rgba(200, 200, 200, 0.2);
    padding-left:10px;
    padding-right:40px;
    border-radius: 16px;
    color: #666666;
    outline: none;
}
.header.on .right-sub-menu input[type="text"] { background: rgba(200, 200, 200, 0.2); }
.right-sub-menu input[type="image"]{
    position:absolute;
    top:50%;
    right:10px;
    transform: translate(-50%, -50%);
}



.header.sub-header{border-bottom:1px solid #ccc;}
.header.sub-header .gnb .sub-menu{display:none;}
.header.sub-header .gnb .depth1 > li > a{color:#0c1212;}
.header.sub-header .right-sub-menu input[type="text"]{background: rgba(0, 0, 0, 0.03);}

/*content*/
.page-container{width:100%; position:relative;}
/*20220121*/
.content{max-width:1600px; margin:0 auto 0 auto; padding:0 15px;}
.content.normal-cnt{margin-top:60px}
.content.tab-cnt{margin-top:80px}
.content.board-cnt{margin-top:40px}
/*content*/

/*nav*/
.nav-location{padding:30px 25px 30px 62px; }
.nav-location .nav-location-box li{display:inline-block; padding:0 18px; position: relative;}
.nav-location .nav-location-box li:first-child{padding-left:0;}
.nav-location .nav-location-box li:last-child{padding-right:0;}
.nav-location .nav-location-box  li::before{width:8px; height:14px; display: inline-block; position:absolute; top:5px; left:0; background:url('/images/common/ico/ico_sub_nav.png')center no-repeat; background-size:8px 14px; content:''; }
.nav-location li:first-child::before{display:none;}
.nav-location li:last-child{margin-right:0;}

.nav-location-box li a{font-size:15px; font-family:'notokr-regular'; color:#777777; vertical-align: middle; display:inline-block;}
.sub-nav-home i{display:inline-block; width:20px; height:17px; margin-right:5px; background:url('/images/common/ico/ico_sub_home.png')center no-repeat; background-size:20px 17px; vertical-align: text-top;}
.nav-location-box a:hover{text-decoration: underline;}

.right-page-link{position:absolute; top:30px; right:60px;}
.right-page-link:after{clear:both; content:''; display:block; height:0;}
.right-page-link li{float:left; margin-right:15px;}
.right-page-link li:last-child{margin-right:0;}
.right-link-link > a{display:inline-block; width:21px; height:21px; background:url('/images/common/btn/btn_sub_link.png')center no-repeat; background-size:21px;}
.right-link-link > .total-sns-box{width:199px; height:48px; background:url('/images/common/bg/bg_sns_box.png')center no-repeat; background-size:199px 48px;
position:absolute; top:25px; right:22px;}
.right-link-link > .total-sns-box > a{margin:18px 14px 0 0}
.right-link-link > .total-sns-box > a:first-child{margin:18px 14px 0 16px;}
.right-link-link > .total-sns-box > a:last-child{margin:0}
.right-link-link > .total-sns-box > a.t-sns-link{width:16px; height:16px; display:inline-block; background:url('/images/common/btn/btn_sns_link1.png')center no-repeat; background-size:16px;}
.right-link-link > .total-sns-box > a.t-sns-blog{width:21px; height:18px; display:inline-block; background:url('/images/common/btn/btn_sns_blog1.png')center no-repeat; background-size:21px 18px;}
.right-link-link > .total-sns-box > a.t-sns-kakao{width:22px; height:21px; display:inline-block; background:url('/images/common/btn/btn_sns_kakao1.png')center no-repeat; background-size:22px 21px;}
.right-link-link > .total-sns-box > a.t-sns-twitter{width:23px; height:18px; display:inline-block; background:url('/images/common/btn/btn_sns_twitter1.png')center no-repeat; background-size:23px 18px;}
.right-link-link > .total-sns-box > a.t-sns-facebook{width:10px; height:19px; display:inline-block; background:url('/images/common/btn/btn_sns_facebook1.png')center no-repeat; background-size:10px 19px;}

.right-link-print > a{display:inline-block; width:21px; height:21px; background:url('/images/common/btn/btn_sub_print.png')center no-repeat; background-size:21px;}

/*header-title*/
.page-header-title{max-width:1600px; padding:30px 15px 0 15px; margin:0 auto; text-align:center;}
.sub-title{font-size:54px; line-height:54px; min-height:90px; color:#000;  font-family:'notokr-bold'; font-weight:normal;}

/*box*/
div.title-box h2{position:relative}
div.title-box h2:before{position:absolute; bottom:0; left:50%; transform: translate(-50%, -50%); content:'';
width:44px; height:11px; background:url('/images/common/bg/bg_title_box.jpg')center no-repeat; background-size:44px 11px;}

/*tab01*/
.tit-cont-tab{ margin:0 auto; text-align:center;max-width:1600px; padding:10px 15px 0 15px;}
.sub-tab-type1{text-align: center;}
.sub-tab-type1 .swiper-wrapper{justify-content : center}
.sub-tab-content{}
.sub-tab-content li{text-align: center; margin-right:10px; display:inline-block}
.sub-tab-content li:last-child{margin-right:0;}
.sub-tab-content li > a{font-size:24px; display:block; padding:0 70px 9px 70px; color:#000; font-family:'notokr-medium'; position: relative;}
.sub-tab-content li > a:before{position: absolute; bottom:0; left:0; content:''; width:100%; height:2px; background:#000;}
.sub-tab-content li > a.on:before{position: absolute; bottom:0; left:0; content:''; width:100%; height:4px; background:#ed6a53;}

/*문장, 문단 block 지정*/
span.text-block{display:block}
/*해상도 상관없이 block*/
span.text-block2{display:block}

/*page container*/
.page-container{width:100%; position: relative; padding-top:110px;}


/*footer*/
footer{height:auto; background: url('/images/common/bg/bg_full_footer.jpg')top no-repeat; background-size: cover;}
.footer-inner{max-width: 1600px; padding: 0 15px; margin: 0 auto;}
.footer-area{display:table; width:100%; padding-top:87px; padding-bottom:40px;}
.footer-left{display: table-cell; width:calc(100% - 1060px);}
.footer-right{display:table-cell; width:540px; vertical-align:top;}

.foot-1depth{padding-left:50px;}
.foot-1depth:after{clear:both; height:0; display:block; content:'';}
.foot-1depth > li{float:left; width:14%;}
.foot-1depth > li > a{font-size:21px; margin-bottom:38px; display:inline-block; color:#dddddd; font-family:'notokr-regular';}
.foot-1depth > li > .foot-sub-menu > ul.foot-depth2 > li{margin-bottom:30px}
.foot-1depth > li > .foot-sub-menu > ul.foot-depth2 > li:last-child{margin-bottom:0;}
.foot-1depth > li > .foot-sub-menu > ul.foot-depth2 > li > a{font-size:16px; color:#aaa; font-family:'notokr-regular'; position: relative;}
.foot-1depth > li > .foot-sub-menu > ul.foot-depth2 > li > a:hover{color:#ff755e}

.foot-1depth > li > .foot-sub-menu > ul.foot-depth2 > li > a:hover::before{width:100%; transition: width 0.3s;}
.foot-1depth > li > .foot-sub-menu > ul.foot-depth2 > li > a::before{width: 0%; transition: width 0.3s; transform: translateX(-50%); position:absolute; bottom:-6px; left:50%;
height:1px; background:#ff755e; content:''; display:block;}

.site-box{position: relative; display:inline-block;}
.site-area{text-align:right; margin-bottom:120px;}
.footer-info{font-size:16px; margin-right:30px; display:inline-block; color:#ddd; font-family:'notokr-DemiLight';}
.footer-site{width:265px; display:block; border:1px solid #858484; color:#ddd; background-color:#555;}
.footer-site span{font-size:17px; padding:12px 20px 12px 20px; box-sizing:border-box; width:100%; display:inline-block; text-align: justify; 
background:url('/images/common/btn/btn_footer_more.png')no-repeat 95%; background-size:14px; font-family:'notokr-DemiLight';}

.footer-site span.on { font-size:17px; padding:12px 20px 12px 20px; box-sizing:border-box;  width:100%; display:inline-block; text-align: justify;  background:url('/images/common/btn/btn_footer_more02.png')no-repeat 95%;  background-size:14px; font-family:'notokr-DemiLight';}
.site-linklist{width: 267px; box-sizing: border-box; position: absolute; bottom: 51px; left: 0;  padding: 15px 0; text-align: center; background: #e8e8e8; border:1px solid #858484;}
.site-linklist li{margin-bottom:15px; padding-left:20px; text-align:left;}
.site-linklist li:last-child{margin-bottom:0;}
.site-linklist li a{font-size:17px; color:#222; white-space: nowrap; display:block;}
.footer-address{font-size:16px; margin-bottom:30px; font-family:'notokr-DemiLight'; color:#aaa; text-align: right;}
.footer-logo{display:block; text-align:right;}
.footer-logo img{display:inline-block; width:258px;}

/*20220121*/
.sub-footer-margin{margin-top:100px;}

/*top 버튼*/
.topbtn-area{position:fixed; bottom:20px; right:20px; z-index:10}
.reservation-topbtn a{padding:20px 19px; background: #6a58b3; display: flex; flex-direction: column; align-items: center; border-radius:50px; box-shadow: -1px 3px 1px 1px rgba(0,0,0,0.18);}
.reservation-topbtn a img{width:38px; height:36px;}
.reservation-topbtn a p{font-size:14px; margin-top:5px; color:#fff; text-align:center; font-family: 'notokr-medium';}
.topbtn{margin-top:5px; padding:9px 10px; display:flex; background:#091f5b; align-items: center; justify-content: center; border-radius:20px; border: 0; width: 100%; box-shadow: -1px 2px 1px 1px rgba(0,0,0,0.18); cursor:pointer}
.topbtn img{width:20px; height:20px;}
.topbtn p{font-size:15px; margin-left:5px; color:#fff; font-family: 'notokr-medium';}


 /*************************************************모바일&태블릿*************************************************/
 @media screen and (max-width:1850px){

.header{padding: 42px 15px 19px 15px; }
.nav {padding-left: 27.02vw; transition: 0.2s;}
h1.logo{left:15px;}
.right-sub-menu{right:0;}
.new-section-area{padding-left:80px;}
.depth1 > li{margin-right:40px;}
.right-sub-menu li{margin-right:10px;}

.nav-location{padding:30px 15px 30px 15px;}
.right-page-link{right:15px;}
 }

 @media screen and (max-width:1500px) {
.depth1 > li{margin-right:1.3vw; transition: 0.2s;}

}

 @media screen and (max-width:1450px) {
.nav {padding-left: 24vw; transition: 0.2s;}
.logo a svg{height: 20px; transition: 0.2s;}
h1.logo{left:-25px; padding-top:5px; transition: 0.2s;}
    
}

@media screen and (max-width:1400px) {
h1.logo{left:-25px; padding-top:5px; transition: 0.2s;}
.depth1 > li{transition: 0.2s;}
.depth1 > li > a{font-size:17px}
.gnb .sub-menu .depth2 > li > a{ font-size:14px;}
.gnb .sub-menu .depth2 > li{padding:15px 0;}

/*footer*/
footer{    height: 470px ; background: url(/images/common/bg/bg_footer.jpg)center no-repeat; background-size: cover;}
.footer-left{display:none;}
.footer-right{display:block; width:100%}
.site-area{text-align:center;}
.footer-address{text-align:center;}
.footer-logo{text-align:center;}
}

 @media screen and (max-width:1100px) {
.nav {padding-left: 21vw; transition: 0.2s;}
.depth1 > li{margin-right:1.1vw;}
    
}


@media screen and (max-width:991px){
	
.page-container{padding-top:132px;}

/*통합검색*/
.m-page-search-type1.m-total-search-type1 .btn-util-search{top:13px;}
.m-new-search-input-box{padding:0 40px; box-sizing:border-box;}
.m-page-search-type1 .btn-util-search{position: absolute; top:13px; right:20px}
.m-page-search-type1 input::-webkit-input-placeholder { text-align:left; }
.m-page-search-type1 input::-moz-input-placeholder { text-align:left; }
.m-page-search-type1 input::-ms-input-placeholder  {text-align:left;}
.board-list-header .board-list-total{display:inline-block; margin-top:30px; vertical-align: middle; font-size:18px; color:#555;font-family:'notokr-DemiLight'; }
.m-page-search-type1.m-total-search-type1{width:100%; float:none; position: relative; background: #fff; border-radius:30px; border:2px solid #1d1d1b; margin:0 auto}
.m-page-search-type1.m-total-search-type1 input[type="text"]{width:85%; height:55px; padding-left:20px; box-sizing: border-box; border:0; background:none; color:#000;  outline: none; font-size:20px !important;}
.m-page-search-type1.m-total-search-type1 input::placeholder {color:#000; font-size:20px; font-family: 'notokr-regular';}

.m-new-total-search-area{position:fixed; top:0; left:0; z-index:100; width:100%; height:640px; background:#eff2f7;}
.m-new-total-title-box{margin-top:140px;}
.m-new-total-title{font-size:68px; color:#000; font-family:'notokr-bold'; font-weight:normal; display:block; text-align:center; position: relative;}
.m-new-total-title:before{    position: absolute; bottom: -60px; left: 50%; transform: translate(-50%, -50%); content: ''; width: 60px;
    height: 15px; background: url(/images/common/bg/bg_title_box.jpg)center no-repeat; background-size: 60px 15px;}

.m-new-search-input-box{margin-top:110px;}
.m-search-btn-close{width:50px; height:50px; display:block; background:url('/images/common/btn/btn_main_search.png')no-repeat center; background-size:50px;
	position: absolute; top:45px; right:40px;}	
	
/*header*/
header.m-header.m-sub-header{background:#fff;}
header.m-header.m-sub-header .inner-header{padding: 38px 40px 38px 40px; border-bottom:2px solid #ccc;}
header.m-header.m-sub-header .m-btn-menu i{background: url(/images/common/btn/btn_mobile_sub_menu.png)center no-repeat;}
.m-btn-new-search{display:block; position:absolute; top:36px; right:120px;}
.m-btn-new-search svg{width:45px; height:45px;}

/* .nav-location{display:none;} */
.nav-location-box{display:none;}
.right-page-link{right:40px;}
.right-page-link li{margin-right:0}
.right-link-print{display:none;}
.right-link-link > a{width:40px; height:42px; background-size:40px 42px;}
.right-link-link > .total-sns-box{top:41px; right:15px;}

.right-link-link > .total-sns-box{position:absolute; top:78px ; right:0; background:#f4f4f4; width:100%;
min-width:688px; border:1px solid #d5d5d5; z-index:2; border-radius:5px; padding:30px 0;}
.right-link-link > .total-sns-box:after{width:31px; height:34px; content:''; background:url('/images/common/bg/bg_sns_box_show.png')no-repeat; background-size:31px 34px; display:block; 
position:absolute; top:-34px; right:32px;}

.right-link-link > .total-sns-box{display:flex; flex-direction: row; justify-content: space-around; align-items: center;}
.right-link-link > .total-sns-box > a{margin:0}
.right-link-link > .total-sns-box > a:first-child{margin:0}
.right-link-link > .total-sns-box > a:last-child{margin:0}
.right-link-link > .total-sns-box > a.t-sns-link{width:48px; height:48px; background-size:48px; display:block}
.right-link-link > .total-sns-box > a.t-sns-blog{width:63px; height:54px; background-size:63px 54px; display:block}
.right-link-link > .total-sns-box > a.t-sns-kakao{width:66px; height:63px; background-size:66px 63px; display:block}
.right-link-link > .total-sns-box > a.t-sns-twitter{width:68px; height:54px; background-size:68px 54px; display:block}
.right-link-link > .total-sns-box > a.t-sns-facebook{width:30px; height:57px; background-size:30px 57px; display:block}


.page-header-title{padding:35px 0 0 0;}
.page-header{padding:0 40px; text-align:center}
.tit-cont-tab{padding:0 40px 0px 40px;}
.sub-tab-type1{padding:0; display: inline-block;     max-width: 100%;}
.sub-tab-type1 .swiper-wrapper{justify-content: normal;}
.sub-tab-content li > a{font-size:34px; padding:0 60px 11px 60px;}
.sub-tab-content li > a.on:before{bottom:}
.content{padding:0 40px; margin:0 auto 0 auto;}
.content.normal-cnt{margin-top:80px}
.content.tab-cnt{margin-top:100px}
.content.board-cnt{margin-top:60px}
.sub-title{font-size:6.86vw; min-height:130px; line-height:68px}

/*header 영역*/  
.m-sub-menu{display:none;}
header.header{display:none;}
header.m-header{display:block; width:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.5); z-index:11;}
.m-header .inner-header{padding:40px 40px 56px 40px; position:relative;}
h1.m-logo{display:inline-block;}
h1.m-logo a svg.m-main-logo{width:428px ;height:44px}
.m-btn-menu{display:inline-block; position:absolute; top:42px; right:40px;}
.m-btn-menu i{width:46px; height:31px; content:''; display:inline-block; background:url('/images/common/btn/btn_mobile_menu.png')center no-repeat; background-size:46px 31px;}

.layout-menu{width:100%; position:absolute; top:0; left:0; background:#fff; z-index: 200;}
.dim{position: fixed; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 100;}

.m-top-menu{padding:50px 40px 50px 40px; box-sizing:border-box; border-bottom:1px solid #ccc;} /*35px 35px*/
.m-top-menu > ul:after{clear:both; height:0; display:block; content:'';}
.m-top-menu > ul > li{float:left; margin-right:30px;}
.m-top-menu > ul > li a svg.m-search{height:36px; padding-top:6px;}
.m-top-menu > ul > li a svg.m-instar{height:44px;}
.m-top-menu > ul > li a svg.m-youtube{height:31px; padding-top:6px;}
.m-top-menu > ul > li a svg.m-blog{height:39px; padding-top:3px;}
.m-menu-close{position: absolute; top:40px; right:40px;}
.m-nav{padding:35px 40px 60px 40px; box-sizing: border-box;}
.m-depth1 > li > a{font-size:40px; color:#000;font-family:'notokr-medium'; display:block; border-bottom:2px solid #ccc; padding:33px 0 33px 16px}
.m-depth2{display:flex; flex-wrap:wrap;}
.m-depth2 > li{width:50%; background:#f3f3f3; padding:17px 30px 16px 30px; box-sizing: border-box; border:1px solid #fff;  display: flex; align-items: center;}
.m-depth2 > li > a{font-size:32px; color:#555; font-family:'notokr-regular'; display:inline-block;}
.m-depth2 > li > a.on{color:#ed6a53; position: relative;}
.m-depth2 > li > a.on::before{position:absolute; bottom:-17px; left:0;  width:100%; height:3px; content:''; background:#ed6a53;}


div.title-box h2:before{ bottom:0; width:60px; height:15px; background-size:60px 15px;}

/*문장, 문단 block 지정*/
span.text-block{display:inline}
/*모바일로 변견되었을 때 block*/
span.m-span-block{display:block}

/*footer*/
footer{height:auto}
.footer-inner{padding:0 40px;}
.footer-area{padding:120px 0 180px 0;}
.footer-info{font-size:26px;}
.footer-site{width:420px;}
.footer-site span{font-size:28px; padding:20px 20px 20px 20px; background-size:22px;}
.site-area{margin-bottom:60px;}
.footer-address{font-size:26px; line-height:48px; margin-bottom:80px;}
.footer-logo img{width:410px;}
.site-linklist{width:422px; bottom:83px;}
.site-linklist li{margin-bottom:30px;}
.site-linklist li a{font-size:26px;}

/*top 버튼*/
.topbtn-area{bottom:15px; right:15px;}
.reservation-topbtn a{padding:30px 27px; border-radius:100px; box-shadow: -1px 3px 1px 1px rgba(0,0,0,0.18);}
.reservation-topbtn a img{width:63px; height:58px} 
.reservation-topbtn a p{font-size:24px; margin-top:15px;}
.topbtn{margin-top:5px; padding:14px 15px; border-radius:30px; box-shadow: -1px 2px 1px 1px rgba(0,0,0,0.18);}
.topbtn img{width:30px; height:30px;}
.topbtn p{font-size:23px; margin-left:10px;}

}

/*************************************************태블릿*************************************************/
@media screen and (min-width:768px) and (max-width:991px){


}
/*************************************************모바일*************************************************/
@media screen and (max-width:767px){
	
.page-container{padding-top:66px;}

/*통합검색*/
.m-new-search-input-box{padding:0 20px;}
.m-page-search-type1.m-total-search-type1 .btn-util-search{width:20px; top:10px;}
.m-page-search-type1 .btn-util-search{position: absolute; top:13px; right:20px}
.board-list-header .board-list-total{margin-top:30px; font-size:18px;}
.m-page-search-type1.m-total-search-type1{width:100%; border-radius:30px; border:1px solid #1d1d1b;}
.m-page-search-type1.m-total-search-type1 input[type="text"]{width:85%; height:40px; padding-left:20px; border:0; font-size:14px !important;}
.m-page-search-type1.m-total-search-type1 input::placeholder {font-size:14px;}

.m-new-total-search-area{position:fixed; top:0; left:0; z-index:100; width:100%; height:320px;}
.m-new-total-title-box{margin-top:70px;}
.m-new-total-title{font-size:34px;}
.m-new-total-title:before{bottom: -30px; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 8px; background-size: 30px 8px;}

.m-new-search-input-box{margin-top:55px;}
.m-search-btn-close{width:25px; height:25px; background-size:25px; top:23px; right:20px;}	
	
	
/*header*/
header.m-header.m-sub-header .inner-header{padding: 10px 20px 10px 20px; border-bottom:1px solid #ccc;}
header.m-header.m-sub-header .m-btn-menu i{background-size:23px 16px;}
div.title-box h2:before{ bottom:0; width:30px; height:8px; background-size:30px 8px;}
.page-header{padding:0 20px;}
.page-header-title{padding:0;}
.content{padding:0 20px; margin:0 auto 0 auto;}
.content.normal-cnt{margin-top:40px}
.content.tab-cnt{margin-top:50px}
.content.board-cnt{margin-top:30px}
.tit-cont-tab{padding:0 20px 0px 20px;}
.sub-title{font-size:6vw; min-height:10.5vw; line-height:4.43vw}

.right-page-link{right:20px;}
.right-link-link > a{width:20px; height:21px; background-size:20px 21px;}
.right-link-link > .total-sns-box{top:21px; right:8px;}
.right-link-link > .total-sns-box{top:39px ; right:0; width:100%; min-width:300px; border:1px solid #d5d5d5; z-index:2; border-radius:5px; padding:0 0;}
.right-link-link > .total-sns-box:after{width:16px; height:17px; background-size:16px 17px; top:-17px; right:16px;}
.right-link-link > .total-sns-box{display:flex; flex-direction: row; justify-content: space-around; align-items: center;}
.right-link-link > .total-sns-box > a.t-sns-link{width:24px; height:24px; background-size:24px; }
.right-link-link > .total-sns-box > a.t-sns-blog{width:32px; height:27px; background-size:32px 27px; }
.right-link-link > .total-sns-box > a.t-sns-kakao{width:33px; height:32px; background-size:33px 32px;}
.right-link-link > .total-sns-box > a.t-sns-twitter{width:34px; height:27px; background-size:34px 27px;}
.right-link-link > .total-sns-box > a.t-sns-facebook{width:15px; height:29px; background-size:15px 29px;}


/*header 영역*/  
.m-header .inner-header{padding:10px 20px 20px 20px;}
h1.m-logo a svg.m-main-logo{width:214px ;height:22px}
.m-btn-menu{top:24px; right:20px;}
.m-btn-menu i{width:23px; height:16px; background-size:23px 16px;}
.m-btn-new-search{ top:22px; right:60px;}
.m-btn-new-search svg{width:23px; height:23px;}
.m-top-menu{padding:30px 20px 30px 20px;} /*18px 17px */
.m-top-menu > ul > li{margin-right:15px;}
.m-top-menu > ul > li a svg.m-search{height:18px; padding-top:3px;}
.m-top-menu > ul > li a svg.m-instar{height:22px;}
.m-top-menu > ul > li a svg.m-youtube{height:16px; padding-top:3px;}
.m-top-menu > ul > li a svg.m-blog{height:20px; padding-top:2px;}
.m-menu-close{position: absolute; top:20px; right:20px;}
.m-menu-close img{display:block; width:17px}
.m-nav{padding:18px 20px 30px 20px;}
.m-depth1 > li > a{font-size:20px; border-bottom:1px solid #ccc; padding:13px 0 13px 8px}
.m-depth2 > li{padding:9px 10px 9px 10px;}
.m-depth2 > li > a{font-size:16px;}
.m-depth2 > li > a.on::before{position:absolute; bottom:-11px; left:0;  width:100%; height:2px; content:''; background:#ed6a53;}

.sub-tab-content li > a{font-size:19px; padding:0 30px 5px 30px;}
.sub-tab-content li > a:before{height:1px; bottom:0;}
.sub-tab-content li > a.on:before{height:2px; bottom:0;}

/*footer*/
footer{height:auto}
.footer-inner{padding:0 20px;}
.footer-area{padding:60px 0 90px 0;}
.footer-info{font-size:15px;}
.footer-site{width:205px;}
.footer-site span{font-size:14px; padding:10px 10px 10px 10px; background-size:11px;}
.site-area{margin-bottom:30px;}
.footer-address{font-size:15px; line-height:26px; margin-bottom:40px;}
.footer-logo img{width:205px;}
.site-linklist{width:207px; bottom:42px;}
.site-linklist li{margin-bottom:15px;}
.site-linklist li a{font-size:14px;}

/*top 버튼*/
.reservation-topbtn a{padding:15px 14px; border-radius:100px; box-shadow: -1px 3px 1px 1px rgba(0,0,0,0.18);}
.reservation-topbtn a img{width:32px; height:29px} 
.reservation-topbtn a p{font-size:13px; margin-top:8px;}
.topbtn{margin-top:3px; padding:7px 8px; border-radius:30px; box-shadow: -1px 2px 1px 1px rgba(0,0,0,0.18);}
.topbtn img{width:15px; height:15px;}
.topbtn p{font-size:13px; margin-left:5px;}

}

@media screen and (max-width:411px){
    .footer-info{margin-bottom:10px; margin-left:0;}
    }
    
@media screen and (max-width:355px){
.page-header-title.title-box .sub-title{font-size:7vw; min-height: 12vw;}
}