@charset "utf-8";

body { overflow:hidden;}
#mainArea {opacity:0; filter: alpha(opacity=0;);}
#contents {position:relative; width:100%; zoom:1;}
#contents:after {clear:both;content:"";display:block;}
.floor {padding-left:180px;}
.mainCon { position:relative; width:calc(100% - 180px); top:130px; background:#fff; z-index:5;}
.mainCon .lSSlideOuter { position:relative; z-index:1;}
.mainCon_typo01 { position:absolute; right:30px; top:50%; margin-top:-62px; text-align:right; color:#fff; z-index:5;}
.mainCon_typo01 dt { font-family: 'Montserrat', sans-serif; font-size:60px; line-height:1em; letter-spacing:0.01em; margin-bottom:0.2em;}
.mainCon_typo01 dd {font-family: 'PT Serif', serif; font-size:13px; line-height:1.4em; font-style:italic; letter-spacing:0.01em; opacity:0.8; filter: alpha(opacity=80;);}

.floor .text {color: #333;font-size: 40px;font-weight: 500;text-align: center;position: absolute;top: 50%;left: 50%;-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}

.mainNav {position:fixed; top:50%; right:-180px; margin-top:-90px; z-index:5;}
.mainNav p { position:absolute; width:100%; height:50px; left:0; top:-30px; background:#fff; color:#283650; text-align:center; }
.mainNav ul {width:180px; height:180px; padding:15px; background:#fff;}
.mainNav li { float:left; width:50px; height:50px; }
.mainNav li a {display:block; position:relative; cursor:pointer; }
/*.mainNav li a span { display:block; width:30px; height:30px; background:url(../images/main/mainNav.png); background-position: 0 0; margin:7.5px auto; }
.mainNav li a:hover span, .mainNav li a:focus span, .mainNav li.selected a span { background-position: -630px 0; transition: background 0.2s steps(21); -webkit-transition: background .2s steps(21); -moz-transition: background .2s steps(21); -ms-transition: background .2s steps(21); -o-transition: background .2s steps(22);}
.mainNav li a span { display:block; width:60px; height:45px; background:url(../images/common/btn_move.png); background-position: 0 0; margin:2.5px 0; }
.mainNav li a:hover span, .mainNav li a:focus span, .mainNav li.selected a span { background-position: -3519px 0; transition: background 1s steps(55); -webkit-transition: background 1s steps(55); -moz-transition: background 1s steps(55); -ms-transition: background 1s steps(55); -o-transition: background 1s steps(55);}*/
.mainNav li a span { display:block; width:14px; height:14px; background:#283650; border-radius:50%; margin:18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.mainNav li a:hover span, .mainNav li a:focus span, .mainNav li.selected a span { width:22px; height:22px; background:#cfa57d; margin:14px; }

.main_btn { display:block; width:44px; margin:0 auto; padding-bottom:10px; text-align:right;-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;}
.main_btn:hover, .main_btn:focus { padding:10px 0 0;}

.main03_text { position:absolute; width:40%; padding-bottom:1%; right:10%; bottom:0; text-align:center; color:#fff; font-family: 'Raleway', sans-serif; font-size:3.6em; line-height:1em; font-weight:100; z-index:6}
.main03_text p { font-family: 'Cormorant Garamond', serif; font-size:0.3em; line-height:1em; font-weight:300;}
.main03_bottom { position:absolute; width:60%; height:30%; right:0; bottom:0; background:#d4ae87; z-index:1; }
.main03_bottom .left_tri { position:absolute; width:0; height:0; left:0; bottom:0; border:150px solid #fff; border-top-width:0; border-left-width:0; border-right-color: transparent; border-left-color: transparent;;z-index:1;}

.main04 {}
.main04 div {position:absolute;height:50%; overflow:hidden; border-style:solid; border-color:#fff;  }
.main04_01 { width:40%; left:0; top:0; border-width:0 5px 5px 0; }
.main04_02 { width:60%; right:0; top:0; border-width:0 0 5px 5px; }
.main04_03 { width:60%; left:0; top:50%; border-width:5px 5px 0 0; }
.main04_04 { width:40%; right:0; top:50%; border-width:5px 0 0 5px; }
.main04 div p { position:absolute; width:100%; height:100%; left:0; top:0; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat; -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; z-index:1;}
.main04_01 p {background:url(../images/main/04_01.jpg);}
.main04_02 p {background:url(../images/main/04_02.jpg);}
.main04_03 p {background:url(../images/main/04_03.jpg);}
.main04_04 p {background:url(../images/main/04_04.jpg);}
.main04 div:hover p {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.main04 div a { position:absolute; display:block; width:310px; border:1px solid #fff; left:50%; top:50%; padding:10px 0; margin:-30px 0 0 -155px;text-align:center; color:#fff; font-family: 'PT Serif', serif; font-size:0.9em; -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; z-index:2;}
.main04 div a:hover, .main04 div a:focus { background:url(../images/bg/black_70.png); }
.main04 div a span { display:block; font-family: 'Rozha One', serif; font-size:2em; line-height:0.9em; text-transform:uppercase;}


#special02 { }
.special02_con { position:absolute; width:calc(100vw - 180px); height:100%; left:180px; top:0; background:#f1f1ef;}
.special02_con > div {float:left; position:absolute; height:100%;}
.special02_01 { width:27.3%; background:#283650;}
.special02_01_img {position:absolute; width:95%; height:55%; left:0; background:url(../images/main/07_01.jpg) center center no-repeat; background-size:cover; z-index:2; }
.special02_01_img .special_link { right:-25px; top:50%;}
.special02_01_text { position:absolute; width:100%; left:0; bottom:-19%; text-align:center; text-transform:uppercase; z-index:5;}
.special02_01_text span { font-family: 'Montserrat', sans-serif; font-size:2.1em; font-size:1.45vw; color:#fff;  line-height:1em; display:inline-block; border-bottom:2px solid #fff; margin-bottom:0.35em;}
.special02_01_bg { position:absolute; width:100%; height:127px; background:#f1f1ef; left:0; bottom:0; z-index:3; }

.special02_02 { width:14.7%; left:27.3%;}
.special02_02_img {position:relative; width:92%; left:8%; z-index:2; }
.special02_02_img .special_link { left:0; top:5%;}
.special02_02_img dl { padding-left:0 !important;}

.special02_03 { width:19.8%; left:42%;}
.special02_03_img {position:relative; width:92%; left:4%; z-index:2; }
.special02_03_img img {position:relative; margin-bottom:4%; z-index:2; }
.special02_03_img .special_link { left:-4%; bottom:35%;}
.special02_03 dl { padding-left:0 !important; padding-top:1em !important;}
.special02_03_bg { position:absolute; width:100%; height:65%; left:0; top:0; background:#dcbb96; padding-top:5%; z-index:1;}

.special02_04 { width:38.2%; left:61.8%;}

#special02 dl { background:#f1f1ef; padding:2em 0 2em 2em; }
#special02 dt { font-size:1.5em; line-height:1.5em; margin-bottom:1em; }
#special02 dd { font-family:'Montserrat',"Noto Sans KR"; font-size:1.05em; line-height:1.7em; color:#818181;  }
.special02_text01 dt {font-family: 'Playfair Display', serif;}
.special02_text02 dt { font-weight:600; margin-bottom:2em;}
.special02_text02 dd p { margin-top:3em;}

.special_link { position:absolute; display:block; width:60px; height:42px; padding-right:7px;-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; z-index:6;}
.special_link:hover, .special_link:focus { padding:0 0 0 7px; }
.special_link img { vertical-align:top;}

.main08 { position:absolute; width:calc(100% - 360px); height:100%; left:180px; top:0;}
.main08_con { position:relative; width:50%; padding:10% 0 0 6%; z-index:1;}
.main08_con dt { margin-bottom:3em; }
.main08_con dt .title01 { display:block; font-size:1.65em; line-height:2em; color:#000; margin-bottom:0.5em;}
.main08_con dt .title02 { display:block; padding-left:13px; font-size:1.2em; line-height:1.5em; color:#626262;}
.main08_con dd { padding-left:13px; font-size:1.05em; line-height:1.8em; color:#3a3a3a; }
.main08_img { position:absolute; width:50%; height:100%; background:url(../images/main/08_off.jpg) center center no-repeat; background-size:cover !important; right:0; top:0;}

.main_map { position:absolute; width:100%; height:calc(100% - 180px); background:url(../images/main/main_map.jpg) center top no-repeat; background-size:cover !important; overflow:hidden;}
.main_map a { position:absolute; display:block; max-width:550px; width:38%; left:22.5%; top:-30%; border-radius:50%; overflow:hidden; -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;  }
.main_map a:hover, .main_map a:focus { -ms-transform: scale(1.1) rotate(45deg); -webkit-transform: scale(1.1) rotate(45deg); transform: scale(1.1) rotate(45deg);}
.map_text { position:absolute; width:480px; left:0; bottom:0; padding:2% 2% 4%;}
.map_text dt { font-size:2.05em; line-height:1.5em; color:#000; margin-bottom:0.5em;}
.map_text dd { }
.map_text dd a { position:absolute; display:inline-block; right:0; bottom:0; background:#283650;  font-family: 'Montserrat', sans-serif; font-size:1.5em; line-height:2em; color:#fff; padding:0 4.6em; }
.map_text dd a:hover, .map_text dd a:focus { padding:0 5.2em;}



@media  (max-width: 1720px){

}

@media  (max-width: 1480px){

}

@media  (max-width: 1280px){
.floor {padding-left:150px;}
.mainCon { width:calc(100% - 150px); top:110px;}

.mainNav {width:150px; height:150px;  margin-top:-75px; }
.mainNav ul {width:150px; height:150px; padding:15px;}
.mainNav li { width:40px; height:40px; overflow:hidden;}
.mainNav li a span { margin:13px; }
.mainNav li a:hover span, .mainNav li a:focus span, .mainNav li.selected a span {margin:9px; }

.special02_con {width:calc(100vw - 150px);left:150px;}
.special02_01_bg { height:107px;}
#special02 dl { padding:1em 0 1em 1em; }
#special02 dt { font-size:1.3em;}
#special02 dd { font-size:0.95em; line-height:1.5em;  }

}

@media  (max-width: 1024px){



}


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

@media  (max-width: 559px){


}