@import url(./basic.css);



/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                       sub 코딩  
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
	/*배경*/

	#bannerArea {width:100%;height:auto;z-index:0;}
	#bannerArea img{width:100%;height:auto;}
	.swipe { overflow: hidden; position: relative; width: 100%; height: auto; }
	.swipe-wrap { overflow: hidden; position: relative; }
	.swipe-wrap h5{position:absolute;top:20px;left:20px;width:100px;background-color:rgba(0,0,0,0.3);color:#fff;text-align:center;font-weight:bold;font-size:15px;}
	.swipe-wrap > div { float: left; width: 100%;position: relative; }
	.swipe-wrap > div span{display:block;width: 100%;height:400px;}
	.swipe .nav { position: absolute; width: 40px; height: 40px; z-index: 5; text-align: center; line-height: 40px; display: inline-block; color: #000; top:40%; cursor: pointer;}
	.swipe .nav img{width:100%;}
	.swipe .nav.next { right: 0; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
	.swipe .nav.prev { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }

	/*레이아웃*/
	#subwrap {position:relative;width:100%;margin:0;padding:0;z-index:1;background-color:#fff;}
	#subContentBox {width:100%;padding-bottom:50px;}
	#subContentBox .row{padding:0 5% 30px;width:90%;color:#666666;font-size:15px;line-height:25px;}
	#subContentBox .row.mTop{padding-top:20px;}
	#subContentBox .rowLine{padding:0 5%;margin-bottom:15px;font-size:1em;width:90%;color:#666666;line-height:1em;border-bottom:1px solid #ddd;}
	#subContentBox .rowLine img{width:100%;padding-bottom:0;}
	#subContentBox img{width:100%;}


	#subContentBox .titleArea {width:100%;margin:40px auto 40px;height:35px;}
	#subContentBox .titleArea h2 {width:60%;max-width:300px;margin:0 auto;color: #3d3d3d;padding:10px 0 8px;letter-spacing:2px;text-align:center;font-size:1.4em;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;}
	#subContentBox .titleArea p  {display:none;width:auto;color: #8c8c8c;font-size: 0.8em;line-height:16px;padding-top:7px;text-align:center;}
	#subContentBox .titleArea p img{width:11px;height:11px;}


	#subContentBox .titleArea_white {position:absolute;top:60px;width:100%;margin:40px auto 40px;height:35px;}
	#subContentBox .titleArea_white h2 {width:60%;max-width:300px;margin:0 auto;color: #fff;padding:10px 0 8px;letter-spacing:2px;text-align:center;font-size:1.4em;border-top:1px solid #fff;border-bottom:1px solid #fff;}
	#subContentBox .titleArea_white p  {display:none;width:auto;color: #8c8c8c;font-size: 0.8em;line-height:16px;padding-top:7px;text-align:center;}
	#subContentBox .titleArea_white p img{width:11px;height:11px;}


	#subContentBox h3 { margin:10px 0 20px; font-size:1.3em; font-weight:bold;color:#588cda;padding-top:15px;}
	#subContentBox h3 span.orangeText{font-size:0.7em;}
	#subContentBox h4 { margin:10px 0 5px; font-size:1.1em; font-weight:bold;}
	#subContentBox p {margin-bottom:15px;text-align:justify;}
	#subContentBox p a{font-weight:bold;color:#5e2c05;}
	#subContentBox ol{margin-left:30px;}
		


/* 전체객실 */
	#subContentBox .room {position:relative;width:100%;height:auto;overflow:hidden;}
	#subContentBox .room .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);}
	#subContentBox .room .cover .flo{width:60%;margin:60px auto 0;text-align:center;color:#fff;}
	#subContentBox .room .cover .flo .txt{border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.3em;line-height:40px;}
	#subContentBox .room .cover .flo .eng{font-size:1em;line-height:40px;}
	#subContentBox .room img {width:100%;height:auto;}	

/*객실안내*/
 .tbl02 table { width:100%; border-top:2px solid #545861; border-bottom:1px solid #545861; color:#545861;font-size:0.9em;}

 .tbl02 thead tr th{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:5px 10px;border-top:1px solid #5d5d5d;font-weight:bold;font-size:0.8em;background-color:#efefef;}
 .tbl02 thead tr th.last{border-right:none;}

 .tbl02 tbody th {background:#f7fbfb;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;padding-left:10px;font-weight:bold;}
 .tbl02 tbody tr td{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:5px 10px;text-align:center;}
 .tbl02 tbody tr td.last{border-right:none;}
 .tbl02 tbody tr td.left{text-align:left;}



/* 객실안내 */
#stepDL dl {margin:0 !important;}
#stepDL dl dt{float:left;width:120px;font-size:14px;margin-bottom:15px;border-radius:20px;background-color:#4a4a4b;text-align:center;color:#fff;}
#stepDL dl dd{float:left;width:95%;margin:0 0 30px 15px;}
#stepDL dl dd img{width:11px;padding-top:1px;}


/* 퀵메뉴 */
#quickMenu {width:100%;font-size:1em;position:fixed;bottom:0;left:0;background-color:rgba(255,255,255,0.9);z-index:10;} /*   */
#quickMenu .link{float:left;width:33.3%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ddd;border-top:1px solid #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#quickMenu .link img{padding-right:10px;}


/* 파트너 */
.oneBox ul li{width:47%;height:230px;float:left;margin:0 3% 3% 0;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
border:1px solid #e0e0e0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.oneBox ul li img {border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;}
.oneBox ul li h4{position:relative;font-weight:bold;padding:4px 0 3px 15px;color:#588cda;}
.oneBox ul li .cont{padding:15px;}
.oneBox ul li .cont ul li {border:none;}
@media screen and (min-width:320px) and (max-width:960px) {
.oneBox ul li{width:100%;height:auto;}
}


/*관광지*/
a.linkTel {display:inline-block;background-color:#e44b37;color:#fff;width:auto;height:20px;line-height:20px;padding:4px 7px; font-size:13px;text-transform:uppercase; text-decoration:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
a.linkGo {display:inline-block;background-color:#435ba2;color:#fff;width:auto;height:20px;line-height:20px;padding:4px 7px; font-size:13px;text-transform:uppercase; text-decoration:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}


/*예약안내*/
 .tbl01{margin-bottom:30px;}
 .tbl01 table { width:100%; border-top:2px solid #545861; border-bottom:1px solid #545861; color:#545861;font-size:0.8em;  }

 .tbl01 thead tr th{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:7px 5px;border-top:1px solid #5d5d5d;font-weight:bold;line-height:1.1em;background-color:#efefef;}
 .tbl01 thead tr th.last{border-right:none;}

 .tbl01 tbody th {background:#f7fbfb;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;padding-left:10px;font-weight:bold;font-size:0.8em;}
 .tbl01 tbody tr.all td {border-bottom:1px solid #000;}
 .tbl01 tbody tr td{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:7px 5px;text-align:center;}
 .tbl01 tbody tr td.last{border-right:none;}
 .tbl01 tbody tr td.left{text-align:left;}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                  컨텐츠 디자인
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

a.greenBtn {
    display: block;
    zoom: 1;
    cursor: pointer;
    overflow: hidden;
    width: 90%;
	margin:10px auto 20px;
    padding: 15px 12px 15px;
    border: 1px solid #85b685;
    border-bottom: 1px solid #7ea57e;
    border-radius: 3px;
    font-size: 1.3em;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #8bbf8b;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#8bbf8b),to(#79ba79));
    background-image: -moz-linear-gradient(top,#8bbf8b,#79ba79);
    background-image: -o-linear-gradient(top,#8bbf8b,#79ba79);
    background-image: linear-gradient(to bottom,#8bbf8b,#79ba79);
    color: #fff;
	text-align:center;
}

/*-----------------------------------------------------------------------------------*/
/*  일반 테블릿
/*-----------------------------------------------------------------------------------*/


@media only screen and (min-width: 940px) and (max-width: 1100px) {


/* 예약안내 */
#stepDL dl {margin:0;}
#stepDL dl dt{float:none;width:120px;margin-bottom:15px;}
#stepDL dl dd{float:none;width:95%;margin:0 0 30px 0;}


}


/*-----------------------------------------------------------------------------------*/
/*  작은 모바일
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 480px) {




/* 예약안내 */
#stepDL dl {margin:0;}
#stepDL dl dt{float:none;width:120px;margin-bottom:15px;}
#stepDL dl dd{float:none;width:95%;margin:0 0 30px 15px;}



}