@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700'); /* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');
@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css'); /* font-family: 'Jeju Myeongjo', serif; */
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville'); /* font-family: 'Libre Baskerville', serif; */
@import url('https://fonts.googleapis.com/css?family=Russo+One'); /* font-family: 'Russo One', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700'); /* font-family: 'Titillium Web', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Oranienbaum'); /* arrow font-family: 'Oranienbaum', serif;  */
@import url('https://fonts.googleapis.com/css?family=Gruppo'); /* font-family: 'Gruppo', cursive; */
@import url('https://fonts.googleapis.com/css?family=Sacramento');
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@font-face {
	font-family: 'GothamLight';
	font-style: normal;
    font-weight: normal;
	src: url('./fonts/GothamLight.eot');
	src: /*local('Gotham Thin'),*/ url('./fonts/GothamLight.woff') format('woff'), url('./fonts/GothamLight.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamMedium';
	font-style: normal;
    font-weight: 300;
	src: url('./fonts/GothamMedium.eot');
	src: /*local('Gotham Medium'),*/ url('./fonts/GothamMedium.woff') format('woff'), url('./fonts/GothamMedium.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamBold';
	font-style: normal;
    font-weight: 700;
	src: url('./fonts/GothamBold.eot');
	src: /*local('Gotham Bold'),*/ url('./fonts/GothamBold.woff') format('woff'), url('./fonts/GothamBold.ttf') format('truetype');
}

@font-face { font-family: 'RIDIBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff'); font-weight: normal; font-style: normal; }
/*@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumBarunGothic.woff") format("woff"), url("./fonts/NanumBarunGothic.ttf") format("truetype");
}
@font-face {
    font-family: "NanumSquare";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumSquareR.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumSquareR.woff") format("woff"), url("./fonts/NanumSquareR.ttf") format("truetype");
}

@font-face {
  font-family: 'Social-Shapes';
    src:  url('./fonts/Social-Shapes.ttf.woff') format('woff'),
    url('./fonts/Social-Shapes.ttf.svg#Social-Shapes') format('svg'),
    url('./fonts/Social-Shapes.ttf.eot'),
    url('./fonts/Social-Shapes.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}*/

html{width:100%;height:100%;overflow-y:auto;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0; font-family:"Open Sans",'Noto Sans KR', "NanumBarunGothic","Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; }
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: "Open Sans",'Noto Sans KR', "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#fff; background:#232129; line-height:1.5em;  overflow:hidden; -ms-overflow-style: none; scrollbar-width: none; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#666;}
li{list-style:none;}
select,textarea{border-radius:0;}
.clear {}
.clear:after {content:"";display:block;clear:both;}
.blind, .sound_only{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:12px;line-height:26px;font-family:Dotum,sans-serif;}
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb20 { margin-bottom:20px !important;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.boxShadow {-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}

.KoPub {font-family: 'KoPub Batang', serif; font-weight:300; letter-spacing:-0.01em;}
.jeju_mj {font-family: 'Jeju Myeongjo', serif; font-weight:200; letter-spacing:-0.01em;}

.transAll015 {-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.transAll03 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.transAll03_ease {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.transAll02_ease {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.scale01 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scale01:hover, .scale01:focus {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}


.strongColor01 { color:#021e2f;}

.block1280, .block1024, .block768, .block560, .block480, .block380 {display:none !important;}
.in-block1280, .in-block1024, .in-block768, .in-block560, .in-block480, .in-block380 {display:none !important;}


/*scrollbar
::-webkit-scrollbar{width: 2px;}
::-webkit-scrollbar-track {background-color:#f2f2f2;}
::-webkit-scrollbar-thumb {background-color:#fff;}
*/


#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:#333;}
#skip.on{top:0;}
#header-sticky-wrapper { position:absolute; width:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease ; transition: all 0.3s ease; z-index:30; }
/*.about .sticky-wrapper, .room .sticky-wrapper { top:99.9vh; opacity:0; filter: alpha(opacity=0;);}
.preview .sticky-wrapper { top:49px !important; opacity:0; filter: alpha(opacity=0;);}*/


/*menu*/
#hd{  position: fixed;   z-index: 9999;   top: 0;   left: 0;  right: 0;}
#hd a{  color: #021e2f;  transition: color 1s ease, opacity 0.5s ease; -webkit-transition: color 1s ease, opacity 0.5s ease;}
#hd-btn{  position: absolute;  right: 0px;  top: 0px; z-index: 9999;   font-family: 'arita-l'; background:#dae2e8;}
#hd-btn .btn-reser{float: left;margin-right: 0;text-align: center; font-size:28px;padding: 10px;}
#hd-btn .btn-reser div{margin-top: 0px;  color: #505050;}
#hd-btn .btn-reser .txt{ color: #505050;  white-space: nowrap; font-size:12.5px; margin-top:6.8px;}
#hd-btn .btn-menu>.wrapper{ height: 22px; position: relative;}
#hd.on #hd-btn .btn-reser div{ color: #525252;} #hd-btn.on {background:none;}


#hd-btn .btn-reser img{  width: 35px;   margin: 0;  height: 28px; margin-top: -4px;}
#hd-btn .btn-reser a{  color: #6c757c;  vertical-align: middle;}
#hd-btn .btn-menu{ /*width: 35px; */  height: 73px;   position: relative; cursor: pointer; float: left; text-align: center; background:#fff; padding:13px;}
#hd-btn .btn-menu.on {background:none;}

#hd-btn .btn-menu>.wrapper{ height: 22px; position: relative;}
#hd-btn .btn-menu .txt{  margin-top: 10px;  color: #505050;  white-space: nowrap; font-size:13px;}
#hd-btn .btn-menu .line{ background: #505050;  height: 2.5px;  position: absolute;  width: 100%;  right: 0;  transition: 0.5s ease; -webkit-transition: 0.5s ease; }

#hd-btn .btn-menu .line.no1{  top: 0;}
#hd-btn .btn-menu .line.no2{  top: 10px;}
#hd-btn .btn-menu .line.no3{ top: 21px;}

#hd-btn .btn-menu.on .line.no1 {transform: translate(0%, 10.5px) rotate(45deg); -ms-transform: translate(0%, 10.5px) rotate(45deg); -webkit-transform: translate(0%, 10.5px) rotate(45deg);}
#hd-btn .btn-menu.on .line.no2{  transform: translate(0%, -0.5px) rotate(-45deg); -ms-transform: translate(0%, -0.5px) rotate(-45deg); -webkit-transform: translate(0%, -0.5px) rotate(-45deg); }
#hd-btn .btn-menu.on .line.no3 {opacity:0; filter: alpha(opacity=0;); }




#hd-btn .revpc{display:block;} #hd-btn .revmo {display:none;}
#gnb>ul>li>ul .revmo{display:none;}


#subnav{  position: absolute;   left: 45%;  top: 67px; white-space: nowrap; z-index: 9999;}
#subnav>.wrapper>div{  float: left;}
#subnav .home{  position: relative;}
#subnav .home img{  position: absolute;  left: -5px;   top: -55px;}
#subnav .menuname{  text-transform: capitalize;  font-size: 15px;  color: #021e2f;}
#subnav .menuname .arrow{ padding-right: 12px;padding-left: 16px;}
#subnav .menuname .arrow.down{ transform: rotate(90deg);  display: inline-block;}
#subnav .dep1,#subnav .dep2{  position: relative;}
#subnav .linklist{ margin-top: 10px;  padding-left: 40px; font-size: 12px;  transition: 0.5s ease; -webkit-transition: 0.5s ease;  opacity: 0;  position: absolute; left: 0; visibility: collapse; }
#subnav .linklist a{  color: #8d9498;}

#subnav .onlymain .linklist{   opacity: 1;  visibility: visible;}
#subnav .dep1:hover .linklist, #subnav .dep2:hover .linklist{ visibility: visible; opacity: 1;}
#gnb{  position: absolute;  left: 0;  top: 0;   right: 0;  height: 0px;  background:rgba(255,255,255,0.75); overflow: hidden; transition: 1s ease;  -webkit-transition: 1s ease;}
#gnb>ul{ position: absolute;  right: 400px;  white-space: nowrap; top: 30px;}
#gnb>ul .no3 { margin-right:200px;}
#gnb>ul>li{  float: left;  font-size: 16px;  position: relative;}
#gnb>ul>li>a{ position: relative;  display: block;  padding-right: 35px;  text-transform: capitalize; font-size:1.15em; font-weight:600;}

#gnb>ul>li>ul{  position: absolute;   left: 0;  top: 35px;}
#gnb>ul>li>ul .block{  display: none;}

#gnb>ul>li>ul>li{ font-size: 15px; line-height: 1.6;  opacity: 0.8;}
#gnb>ul>li, #gnb>ul>li>ul>li{ padding-left: 20px;}
#hd.on a, #hd.on #gnb>ul>li>a:after{ color: #525252;  transition: 1s ease;  -webkit-transition: 1s ease;}
#gnb>ul>li>ul>li>a:hover{opacity:0.5; color:#2990c3; text-decoration:underline; transition: 1s ease;  -webkit-transition: 1s ease;}

/*#hd.on #hd-btn .btn-menu .txt, #hd.on #hd-btn .btn-reser a{ color: #fff;}
#hd.on #hd-btn .btn-menu .line{ background: #fff;} #hd-btn .btn-menu.on{background:#2c5067;}*/
#hd.on #gnb{  height: 250px;}

#hd .w{  display: none;}
#hd.on .w{  display: inline; transition: 1s ease;  -webkit-transition: 1s ease;}
#hd.on .b{ display: none;}



/*footer*/

footer { padding: 20px 0;}
.footer_com { padding-right: 15px;  padding-left: 15px; margin-right: auto; margin-left: auto; position: relative; width:1500px; text-align:center; color:#565656; max-width:100%;}
.footer_com a{color:#7e7e7e !important;}
.bg-dark { background: #292929;}
.col-md-3 { width: 29%; float:left; margin:2%;}
.widget .title {font-size: 12px; line-height: 24px; font-weight: 400;  text-transform: uppercase; letter-spacing: 2px; font-weight: 700;  margin-bottom: 12px; }
.widget ul li{font-size:14px; line-height:1.8; letter-spacing:0.2px;}
.rowinfo{display:inline-block; font-size:13px; }
.fottop{  display: block; text-align: center; width: 5%; float:right; font-size:20px;  margin: 1px auto 15px;}  
hr {display: block; height: 1px;  border: 0;  border-top: 1px solid #ccc;  margin: 0.5em 0;padding: 0;}

.foot-reserve {display:table;width:100%;height:330px; background:url('/web/images/foot_img.jpg') center center no-repeat; background-size:cover;}
.foont_psy{isplay:table;width:100%;height:330px; background:url('/web/images/psy_img.jpg') center center no-repeat; background-size:cover;}



.col-sm-6 .sub b:before {content: "";display: inline-block;background-image: url("http://hi-web.co.kr/web/img/hi_web_s.png");vertical-align: middle;width: 20px;height: 20px;background-size: cover;background-position: center;margin: 0 1px 4px 4px;}

#tm_bt{ width: 6%; height: 6.5%;  position: absolute;  right: 1%;  bottom: 0;   z-index: 10;}


@media  (max-width: 1366px){

#hd-btn .btn-menu .txt{ font-size:10px; margin-top:10px;} #hd-btn .btn-reser .txt{font-size:10.5px; margin-top:7.8px;}

}

@media  (max-width: 1660px){
	

}

@media  (max-width: 1480px){



.mainSlider .lSAction{ bottom:3% !important; left:93% !important;}
.spList li .spText .title{ font-size:2em !important;}
.spList li.spCon04 .spText{ right:3% !important;}

}


.lSSlideOuter { position:relative; z-index:1;}
.lightSlider { z-index:1;}
.lightslider li { background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; }
.lightslider li img { width:100%; vertical-align:top;}
/*.lSAction a { float:left; display:block; width:82px; height:84px; cursor:pointer; opacity:0.5; filter: alpha(opacity=50;);
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.lSAction a:hover, .lSAction a:focus {opacity:0.8; filter: alpha(opacity=80;);}
.lSAction a.lSNext { background-position:-82px 0;}*/

/* footer */


@media  (max-width: 1480px){


}

.specialPre .lSAction_sp { position:absolute; width:100%; left:0; top:30%; z-index:5; }
.lSAction_sp a { position:absolute; display:block; width:50px; height:50px; font-size:48px; line-height:50px; text-align:center; color:#fff; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.lSAction_sp .lSPrev_sp { left:-50px;}
.lSAction_sp .lSNext_sp { right:-50px;}
.lSAction_sp .lSPrev_sp:hover { left:-60px;}
.lSAction_sp .lSNext_sp:hover { right:-60px;}

.swiper-button { position:fixed; width:120px; height:56px; right:30px; top:50%; margin-top:-28px; text-align:right; z-index:10;}
.swiper-button a { display:inline-block;  margin:0 1px; cursor:pointer; visibility:visible; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
.swiper-next { right:0; width:56px; height:56px;background:url(/web/img/main/main_ri_txt.png); background-size:100% 100%; }
.swiper-prev { left:0;  width:56px; height:56px;background:url(/web/img/main/main_le_txt.png); background-size:100% 100%; }
.swiper-next:hover, .swiper-next:focus {margin-right:-10px;}
.swiper-prev:hover, .swiper-prev:focus {margin-left:-10px;}

.swiper-button a.swiper-button-disabled { opacity:0; filter: alpha(opacity=0;);visibility:hidden; display:none;}

@media  (max-width: 1280px){


}

@media  (max-width: 640px){
} 

@media \0screen { /* IE8 웹폰트 설정*/
}


@media (max-width: 1680px){
#gnb>ul .no3{margin-right:180px;} #subnav .home img{left:-10px;}
}

@media (max-width: 1680px){ #gnb>ul {right:230px;}}

@media (max-width: 1440px){
#gnb>ul{right:165px;} #subnav .home img{left:-33px;}
 #preroom {width:100%;} 
}

@media  (max-width: 1366px){
#subnav{top:60px;} #subnav .home img{left:-35px;}
#gnb>ul>li>a{ padding-right:30px;} #gnb>ul{right:150px;} #gnb>ul .no3{margin-right:170px;}
}

@media  (max-width: 1280px){
#gnb>ul .no3{margin-right:108px;} #subnav .home img{width:150px; left:-19px;}
.fp_img_sub .img{padding-top:108%;} .subTypo01 dd{font-size:1em;}


.none1280 {display:none;} 
.block1280 {display:block !important;}
.in-block1280 {display:inline-block !important;}

}

@media  (max-width: 1155px){
.widget ul li{font-size:12px;}
#gnb>ul>li>a{padding-right:20px;} #gnb>ul{right:110px;}

#tm_bt{ width: 8%; height: 100px;  position: absolute;  right: 1%;  bottom: 0;   z-index: 10;}

.rowinfo{font-size:11px;}
	
}

@media  (max-width: 1025px){
body{overflow:inherit;}

.none1024 {display:none !important;} 
.block1024 {display:block !important;}
.in-block1024 {display:inline-block !important;}


#logo2{display: none; }

/*#hd-btn .revpc{display:none;} #hd-btn .revmo {display:block;}
#gnb>ul>li>ul .revpc{display:none;} #gnb>ul>li>ul .revmo{display:block;}*/

#gnb{ overflow: auto;  width: 100%;  right: 0; }
#gnb>ul{padding: 110px 15px; padding-bottom: 40px; text-align: center;word-break: break-all; white-space: normal;text-align: left;}
#gnb>ul, #gnb>ul>li>ul{position: static; }
#gnb>ul>li.no1>ul .block{ display: block;  clear: both;}
#gnb>ul>li{  float: none;  padding-left: 0; margin-bottom: 25px;}
#gnb>ul>li>a{ font-size: 20px;  margin-bottom: 10px;  padding-right: 0; }
#gnb>ul>li>ul{ display: inline-block; width: 100%; }
#gnb>ul>li>ul>li{  padding: 2px 5px; font-size: 14px;  float: left; }
#gnb>ul>li>a:after{ display: none;}
#hd.on #gnb{  position: fixed; bottom: 0;  height: 100%;}

#subnav{ top: 25px; left: 35px;}
#subnav .menuname{  font-size: 14px;}
#subnav .home img{  width: 165px;  top: -18px;}

#subnav .dep1, #subnav .dep2{display: none;}
#hd-btn .btn-reser a{ padding-bottom: 7px;}

.subContents{margin-top:23%;}

.footer_com{width:100%; padding:0;}

/*.col-md-3:first-child {border-top:1px solid #ccc;}*/

.col-md-3{width:100%; float:inherit; margin:0%;} .rowinfo{margin-top:15px;}
.widget ul li{font-size:11px;}

} 

@media  (max-width: 800px){
#tm_bt{ height: 80px;  position: absolute;  right: 1%;  bottom: 0;   z-index: 10;}
}

@media  (max-width: 770px){

.none768 {display:none !important;;} 
.block768 {display:block !important;;}
.in-block768 {display:inline-block !important;;}

footer{border-top: none !important;}
.widget .title{margin-top:12px; margin-bottom:0;}



}

@media  (max-width: 560px){

.none560 {display:none !important;;} 
.block560 {display:block !important;;}
.in-block560 {display:inline-block !important;;}

#subnav .home .w{display:block;} #subnav .home .b{display:none;}


#tm_bt{ width:13%;}
}

@media  (max-width: 480px){
#subnav .home img{  width: 130px;  top: -13px;}
#subnav .home .w{display:block;} #subnav .home .b{display:none;}

/*.full-page-wrap section.con1{height:230px;}*/

.none480 {display:none !important;;} 
.block480 {display:block !important;;}
.in-block480 {display:inline-block !important;;}

}


@media  (max-width: 380px){

.none380 {display:none;} 
.block380 {display:block;}
.in-block380 {display:inline-block;}	
}

@media  (max-width: 325px){
#hd-btn .btn-reser .txt{margin-top:0px;} #hd-btn .btn-menu .txt{margin-top:0px;} #hd-btn .btn-menu{height:66px;}
.full-page-wrap section.con1{height:200px;}
}