@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


/* Noto Sans KR */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('font/notokr-Light.eot');
    src: local('¡Ø'),
    url('font/notokr-Light.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
	src: url('font/notokr-Regular.eot');
	src: local('¡Ø'),
         url('font/notokr-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
	src: url('font/notokr-Medium.eot');
	src: local('¡Ø'),
         url('font/notokr-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
	src: url('font/notokr-Bold.eot');
	src: local('¡Ø'),
         url('font/notokr-Bold.woff') format('woff');
}

 

/* Reset with bootstrap */
html{font-size: 22px;} 
body,p,h1,h2,h3,span,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin: 0;padding: 0;letter-spacing: -0.8px;}
body,input,textarea,select,button,table{font-family: 'Noto Sans KR', 'Verdana', sans-serif; font-size:16px; line-height:28px; color:#555; letter-spacing:-0.04em; word-break: keep-all; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0;font-weight: 400;}
.h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height: 1.5;}
a,a:hover,a:focus,a:active{text-decoration: none;color: inherit ; cursor: pointer;outline:0;outline-style: none !important;
    -webkit-box-shadow: none;box-shadow: none !important;;}
ul li{list-style: none}
address,em{font-style: normal}
label{margin-bottom:0;cursor: pointer}
table{width: 100%}
input:focus,
input:active { outline: none}
select{outline: 0}
textarea{resize: none;outline: 0}
strong, .strong{font-weight: 600 !important}
img{vertical-align: top;max-width:100%;}
hr{display: block;margin: 15px auto;border-top: 1px solid}
dt{font-weight: normal}
button{outline:0 !important;box-shadow:none !important; border:0;background: transparent;} 
/* Helper Classes */
.no-style{margin: 0;padding: 0;border: 0;background: none}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}


.nav-open {overflow:hidden ;}
/* header ;box-shadow: 0 5px 5px rgba(0,0,0,0.05)  */
header{position: fixed;left:0;right:0;z-index: 10;background:#fff; }
header h1{position: relative; width: 235px;margin-right: 65px;line-height: 0;z-index: 99;} 
header a.skip{position: absolute;width: 0;height: 0;overflow: hidden;opacity: 0;z-index: -999;}
.gnb-area{display: flex;justify-content:space-between;align-items: center; height: 90px;max-width: 1400px;margin:0 auto}
.gnb{display: flex;}
.gnb li{opacity: 0.8;}
.gnb li:not(:last-child){margin-right: 70px;transition: 0.3s;}
.gnb li:hover{opacity: 1;}
.hd-side{margin-left: auto;}
.hd-side a{display: inline-block;} 
.hd-side a:not(:first-child){margin-left: 50px;} 

header.scroll{border-bottom: 1px solid #c5c5c5;} 
header.scroll .hd-side a:not(:first-child){margin-left:5px;} 

#gnb, 
#gnb ul{height: 100%; }
#gnb li{height: 100%;position: relative; }
.gnb-sub{position: absolute;top:100%;left: 50%; margin-left:-85px;background:url(../images/common/gnb_sub_bg.png); width:170px; 
    box-shadow: 0 5px 5px rgba(0,0,0,0.1), inset 0 5px 5px rgba(0,0,0,0.05);
    opacity: 0;pointer-events: none;transition: 0.3s;}
#gnb li>a{position: relative; height: 100%;display: flex;flex-direction: column;justify-content: center; letter-spacing: -0.03em;color:#000;font-weight: 500; font-size:18px;} 
.sub header.scroll #gnb li>a.on::before,
#gnb li:hover>a::before{content: "";position: absolute;bottom: 0;width: 100%; }
#gnb li:hover>.gnb-sub , .gnb-sub:hover{opacity: 1;pointer-events:all;}
.gnb-sub {font-size: 18px;color:#8c8c8c ; }
.gnb-sub ul li {width:170px;border-bottom:1px solid #565961 !important;  }
.gnb-sub ul li ul {padding-bottom:10px;}
.gnb-sub ul li ul li{width:170px;border-bottom:0 !important;  }
.gnb-sub ul li ul li a{ clear:both; font-weight: 300 !important; letter-spacing: 0; color:#cdcdcd !important; font-size:12px !important; padding:0 0 0 20px; height: 0; line-height:25px; background: none; }
.gnb-sub ul li a{ clear:both; font-weight: 400 !important; letter-spacing: 0.1em; color:#cdcdcd !important; font-size:13px !important; padding:0 15px; height: 0; line-height:39px; background: none; }
#gnb .gnb-sub ul li:hover>a::before{content: "";position: absolute;bottom: 0;width: 100%;height: 0px;width: 100%;background: #000 !important; color:#fff;}
#gnb li:hover>a,
.sub header.scroll #gnb li>a.on a:hover{color: #986f32;}
.gnb-sub a:hover{color: #fff !important;}

.btn-mn{position: relative;width:48px;height:48px;margin-left: 50px; background: none;border: 0;font-size: 0;line-height: 0;text-indent :-999em;color: inherit;outline: none !important;z-index: 101; display:none;}
.btn-mn:after, .btn-mn:before{content:"";position: absolute;left:0;top: 50%;width:48px;height:3px;border-radius: 3px;background: #7f7f7f;margin-top: -4px;transition: transform .3s, opacity .3s;z-index: 100}
.btn-mn:before{margin-top: -10px;transform-origin:top right}
.btn-mn:after{margin-top: 6px;transform-origin:bottom right}
.nav-open .btn-mn{z-index: 120}
.nav-open .btn-mn:before{transform: rotate(-45deg);margin:-22px 0 0 -4px;background: #fff;}
.nav-open .btn-mn>span{opacity:0}
.nav-open .btn-mn:after{transform: rotate(45deg);margin:11px 0 0 -4px;background: #fff;}

#gnb-full{position: fixed;top:0;height: 100vh ;min-height: 100vh ; left:0;right:0; z-index: 100;background:#fff; transition: all 0.5s;opacity: 0;pointer-events: none; }
.nav-open #gnb-full{top:0; opacity: 1;pointer-events:all}
#gnb-full>div{height:100%;width: 100%;overflow-y: auto;}
#gnb-full .visual{width: 29vw;}
.full-nav{display: flex; position: relative; flex:1; background:url(../images/common/sitemap_bg.jpg) no-repeat center top/ cover;} /* justify-content: center; */
.full-nav>div{display: flex;justify-content: space-between; width: 920px;animation-name: fadeInUp;} 
.full-nav .dep1 li{position: relative; color:#d0d0d0;font-size: 50px;font-weight: 600;margin-bottom:100px;cursor: pointer;transition: 0.3s;}
.full-nav .dep1 li:last-child{margin-bottom: 0;}
.full-nav .dep1 li:hover,
.full-nav .dep1 li.open {color: #00a0b1;}
.full-nav .dep1 li.open::before {content:"" ;position: absolute;width: 8px;height: 8px;background: #00a0b1;top:50% ;left:-0.5em;border-radius: 1em; }
.full-nav .dep2{width: 100%; margin-top:-50px !important; }
.full-nav .dep2>ul{display: none;}
.full-nav .dep2>ul.open{display:block;}
.full-nav .dep2>ul>li{font-size: 25px;margin-top:1.5em;}
.full-nav .dep2>ul>li:first-child{margin-top: 0;}
.full-nav .dep2>ul ul{display: none} 
.full-nav .dep2>ul ul>li{font-size: 0.1rem;color:#d0d0d0;margin-top: 1rem;font-weight: 300;}
.full-nav .dep2>ul ul>li.active{color:#333}
.full-nav .dep2>ul ul>li:hover{color: #000;}
.full-nav .dep3{display: block; position: relative;}
.full-nav .dep3::before{content: "\e942";font-family: 'xeicon';position: absolute;right:0;top:50%;transform: translateY(-50%);font-size: 1.5rem;color:#999;}
.full-nav .open>.dep3::before{content: "\e945";color: #000;}


/* layoyt */
.body{padding-top: 90px;}
div:not(.sub) header.scroll+.body{padding-top:75px;}
.wrap{width:100%;max-width: 1440px;margin: 0 auto ;padding: 0 30px; }
.wrap.wide{max-width: 1660px;margin: 0 auto; } 
.wrap.inside{max-width: 1160px;margin: 0 auto;padding: 0; } 
 


#top_wrap {position: relative; border-bottom:1px solid #efefef; height:29px; width:100%;}
#top_wrap .top_gnb {width:1400px; margin:0 auto;}
#top_wrap .top_gnb .t_btn {float:right;}
#top_wrap .top_gnb .t_btn ul li {float:left; font-size:12px; line-height:29px;  font-weight:500; letter-spacing:0; margin-left:20px;}
#top_wrap .top_gnb .t_btn ul li a.reserv {display:block; background:#986f33; line-height:29px; padding:0 15px; color:#fff;}
#top_wrap .top_gnb .t_btn ul li a.reserv:hover {background:#6b4a1b;}

/* index */