@charset "utf-8";
.title01 {font-size: 3rem; font-weight: bold; text-align: center;}
.title02 {font-size: 25px; padding-top:5%; line-height: 2rem; text-align: center;}
.t1 {font-size: 15px; padding-top: 5%; margin: 2% 2% 2%; line-height: 2rem;}
.list01 {}
.list01 li { margin-bottom:15px;}
.list02 {}
.list02 li { background:url(../images/sub/list_bullet01.gif) left 10px no-repeat; font-size:14px; line-height:24px; padding-left:12px; margin-bottom:3px;}

.tab_nav {} 
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { float:left; display:inline; margin:0; }
.tab_nav li a { }
.tab_nav li.ui-tabs-active a {color:#6d83ac; font-weight:700;}

.con_dl { margin:6% auto; text-align:center;}
.con_dl dt { font-size:15px; line-height:20px; color:#3b3a3a; margin-bottom:20px; text-transform:uppercase;}
.con_dl dd { font-size:13px; line-height:20px; color:#757575;}


.topArea, .topArea02 { position:relative; background-position:center bottom !important; background-size:cover !important; overflow:hidden; z-index:2;}
.topTypo { position:absolute; left:40px; top:50%; margin-top:-44px; font-family:"NanumSquareR"; font-size:40px; line-height:1.1em; color:#fff; z-index:5; }
.topTypo02 { position:absolute; width:60%; left:20%; top:50%; margin-top:-90px; text-align:center; font-family:"Gotham Light"; font-size:60px; line-height:1em; color:#fff; text-transform:uppercase; letter-spacing:0.2em; z-index:2;}


.subCon_02 { position:relative; background:#fff; text-align:center; padding:2% 0 2.5%; z-index:10;}
.subCon_02 .subTitle { font-family:"Gotham Medium"; font-size:76px; line-height:1em; color:#000; letter-spacing:-0.05em; margin-bottom:1.5%; }
.subCon_02 div { position:relative;  font-size:15px; color:#616161; }
.subCon_02 div span { display:inline-block; width:120px; height:2px; background:#000; margin:0 10px 0 0; vertical-align:middle; }
.subCon_02 div strong { color:#000;}


/* tour */
.tourNav { position:relative; margin-bottom:5%;}
.tourNav:after {content:"";display:block;clear:both;}
.tourNav_title { position:relative; float:left; width:32.8%;}
.tourNav_title dl { position:absolute; left:15%; top:20%; z-index:2;}
.tourNav_title .title01 { display:block;font-family:"Gotham Medium"; font-size:64px; line-height:0.9em; color:#fff; letter-spacing:-0.05em; margin-bottom:3%;}
.tourNav_title .title02 { display:block;  font-family: 'Damion', cursive; font-size:28px; line-height:1.6em; color:#fff; opacity:0.5;}
.tourNav_title dd { font-size:14px; line-height:1.8em; color:#000; margin-top:5%;}
.tourNav ul { float:left; width:67.2%;}
.tourNav ul li { float:left; width:24%; margin-left:1%; overflow:hidden;}
.tourNav ul li a { display:block; transition: all 0.2s linear;}
.tourNav ul li a:hover, .tourNav ul li a:focus { transform: scale(1.05);}
.tourNav ul li span { display:block; text-align:center;}
.tourNav ul li span.title01 { font-family: 'Roboto', sans-serif; font-size:13px; letter-spacing:0.1em; text-transform:uppercase; margin:6% 0 3%;}
.tourNav ul li span.title02 {}
.tourNav ul li span.line { width:30px; height:3px; background:#ff4a34; margin:6% auto; }

.tourCon { position:relative; margin-bottom:3%;}
.tourCon .tour_img { position:relative; width:66.6%; max-width:1278px; z-index:1;}
.tourCon02 .tour_img { margin-left:33.4%;}

.tour_img .lSAction { position:absolute; width:111px; height:51px; bottom:0; z-index:2;}
.tourCon01 .tour_img .lSAction {left:0;}
.tourCon02 .tour_img .lSAction { right:0;}
.tour_img .lSAction a { display:block; width:56px; height:51px; top:0; margin:0; background:url(../images/tour/slider_arrow.png);}
.tour_img .lSAction a.lSPrev { left:0;}
.tour_img .lSAction a.lSNext { right:0; width:55px; background-position:-56px 0;}

.tourCon01 .tour_text { position:absolute; width:33.4%; right:2.7%; top:5%; z-index:2; }
.tourCon02 .tour_text { position:absolute; width:33.4%; left:2.7%; top:5%; z-index:2;}
.tour_text h3 { font-family:"Gotham Medium"; font-size:60px; line-height:0.92em; color:#000; letter-spacing:-0.05em; margin:0 0 3% 12%;}
.tour_text dl { background:#fff; min-height:320px; padding:10% 0;  box-shadow:16px 10px 36px 16px rgba(0, 0, 0, 0.1);}
.tour_text dl dt { padding:0 10% 3%; border-bottom:1px solid #e3d9cd; margin-bottom:5%;}
.tour_text dl dt .title01 { font-size:2em; line-height:1em;}
.tour_text dl dt .title02 {font-family: 'Damion', cursive; font-size:22px; line-height:1.6em; color:#ba9f83; margin-left:5px;}
.tour_text dl dd { padding:0 10%; font-size:13px; line-height:1.6em; color:#737373;}
.tour_text dl dd a:hover, .tour_text dl dd a:focus { text-decoration:underline;}



@media \0screen { /* IE8 웹폰트 설정*/
}

@media  (max-width: 1740px){
}

@media  (max-width: 1600px){
.title01 {font-size: 2rem; font-weight: bold; width: 100%; text-align: center; }
.title02 {font-size: 25px; text-align: center; line-height: 2rem}
    .t1 {font-size: 15px; padding-top: 5%;  line-height: 1.8rem;}
}

@media  (max-width: 1440px){
.t1 {font-size: 13px; padding-top: 5%; line-height: 1.5rem;}
}

@media  (max-width: 1280px){

.fac_list dl {top:20%;}
.fac_list dl dt span {font-size:40px;}

}


@media  (max-width: 1024px){


}


@media  (max-width: 768px){


}


@media  (max-width: 560px){

}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}