/*
 * 기본 스타일
 *
 */
@charset "utf-8";
@import "default.css";
@import "postcode.css";

/*********************************************************************************************************
 * FOOTER
 */

footer#userFooter {
	height:100px;
	background:#e4e4e4; margin-top:10px;
}

	#Fnb {
		position: relative;
		margin:0 auto;
		width:1140px;
		font-size: 12px;
	}
	#Fnb p,
	#Fnb address { clear:both; text-align:left; margin:0; padding-left: 35px; padding-top: 5px; }
	#Fnb .policy { color:#343434; }
	#Fnb .address { color:#343434; line-height:120%; }
	#Fnb .copyright { color:#7e7e7e; }
  #Fnb .mobile {clear:both; margin-top:-30px; padding:0 0 0 470px;}




/*********************************************************************************************************
 * HEADER
 */

header#userHeader {
	border-top:5px solid #ea5d70;
	}

	#Gnb {
		position: relative;
		margin:0 auto;
		width:1140px;
		height:145px;
	}
	 
	#Gnb>.logo { float:none; position:relative; margin:0; }
	#Gnb>.logo a { position:absolute; z-index:100; left:0; top:0; width:272px; height:145px; background:url('../images/logo.png'); }
	#Gnb>.logo a span { display:none; }
	
	#Gnb>ul { width:868px; padding-top:63px; margin-left:272px; *zoom:1 }
	#Gnb>ul>li { position:relative; float:left; }
	#Gnb>ul>li.menu { padding:0 20px 13px 20px; text-align:center; font-size:15px; font-weight:600; color:#666666; }
	#Gnb>ul>li.menu a { color:#666666; }
	#Gnb>ul>li.bar { width:1px; height:15px; background:url('../images/bar.gif') no-repeat center 5px; }

	#Gnb>ul>li>.sub1 { margin-left:-10px; width:300px; display:none; }
	#Gnb>ul>li>.sub3 { margin-left:-50px; width:240px; display:none; }
	#Gnb>ul>li>.sub4 { margin-left:-70px; width:220px; display:none; }
	#Gnb>ul>li>.sub5 { margin-left:-65px; width:300px; display:none; } /* QnA메뉴 살릴시 margin-left:-115px로 수정 2016.08.31 */
	#Gnb>ul>li>.sub6 { margin-left:-50px; width:440px; display:none; } /* -225 */
	#Gnb>ul>li>.sub7 { margin-left:-160px; width:230px; display:none; }
	
	#Gnb>ul>li>.sub_menu { position: absolute; margin-top:13px; }
	#Gnb>ul>li>.sub5 { position: absolute; margin-top:13px; margin-left: -250px; width: 500px; }
	#Gnb>ul>li>.sub_menu>li { position:relative; float:left; text-align:left; background:#464646; }
	#Gnb>ul>li>.sub_menu>li>a { display:block; margin:0; padding:7px 10px; border:none; background:none; font-size:14px; font-weight:300; color:#ffffff;}
	#Gnb>ul>li>.sub_menu>li>a.sub_on,
	#Gnb>ul>li>.sub_menu>li>a:hover { padding:7px 10px; background:#df5167; }



/*********************************************************************************************************
 * HOME
 */
#home { }
	#home>.visual {
		width: 100%;
		height: 450px;
		position: relative;
		/*background:url('../images/visual.png') center;*/
		}

	#home>.visual .slide-item {
		width: 100%;
		height: 450px;
		}

	#home>.container .visual_txt {
		position:relative;
		z-index:999;
		top:-283px;
		left:680px;
		width: 463px;
		height: 0;
		}

	#home>.container ul#mainPotalZone { clear:both; padding-top:7px;}
	#home>.container ul#mainPotalZone li { float:left; margin-left:7px; }
	#home>.container ul#mainPotalZone li:first-child { margin-left:0; }
	/* #home>.container ul#mainPotalZone li:last-child { width:182px; background:#e4e4e4; } */
	#home>.container ul#mainPotalZone li .btn_online { position:absolute; margin-top:-40px; margin-left:250px; }
	#home>.container ul#mainPotalZone li .btn_notice { position:absolute; margin-top:15px; margin-left:316px; }

	#home>.container ul#mainPotalZone li.notice img { float:left; }
	#home>.container ul#mainPotalZone li.notice>ol {
		width: 230px;
		float:left;
		color: #eee;
		list-style: none;
		padding: 5px 0 0 15px; margin: 0;
	}
	#home>.container ul#mainPotalZone li.notice>ol>li {
		width: 230px;
		overflow: hidden;
	}

	#home>.container ul#mainPotalZone li.notice>ol>li>a {
		color: #454545;
	}
	#home>.container ul#mainPotalZone li.notice>ol>li>a>span {
		display: inline-block;
		font-size: 13px;
		line-height: 1.2;
		vertical-align: middle;
	}
	#home>.container ul#mainPotalZone li.notice>ol>li>a>span.date {
		font-size: 12px;
		color: #ccc;
		display:none;
	}
	#home>.container ul#mainPotalZone li.notice>ol>li>a>span.ellipsis {
		width: 200px; font-size:11px;
	}
	

	#home>.container ul#mainRailbikeZone { clear:both; padding-top:7px;}
	#home>.container ul#mainRailbikeZone li { float:left; margin-left:7px; }
	#home>.container ul#mainRailbikeZone li:first-child { margin-left:0; }
	#home>.container ul#mainRailbikeZone li:last-child { width:182px; background:#e4e4e4; }

	#home>.container ul#mainBannerZone { clear:both; padding-top:7px; height:95px; }
	#home>.container ul#mainBannerZone li { float:left; margin-left:17px; }
	#home>.container ul#mainBannerZone li:first-child { margin-left:0; }



/*********************************************************************************************************
 * SUB-LAYOUT
 */
section .container>dl.row {
	margin-top:30px; 
	margin-left: 0!important;
	*zoom: 1;
}
section .container>dl.row:before,
section .container>dl.row:after {
	display: table;
	line-height: 0;
	content: "";
}

section .container>dl.row:after {
	clear: both;
}

section .container>dl.row>dt {
	width: 250px;
	float: left;
	overflow: hidden;
	clear: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

section .container>dl.row>dt>.title {
	font-size: 24px;
	font-weight: bold;
}

section .container>dl.row>dd {
	margin-left: 290px;
	width: 850px;
}



/*********************************************************************************************************
 * LEFT
 */
#railbike 	.container>dl.row>dt .left-title { background:#936caf; }
#facilities 	.container>dl.row>dt .left-title { background:#f26d64; }
#guide 		.container>dl.row>dt .left-title { background:#f8841d; }
#reservation 	.container>dl.row>dt .left-title,
#reserve	.container>dl.row>dt .left-title { background:#5ec6d3; }
#tourlist 	.container>dl.row>dt .left-title { background:#9bbb40; }
#community 	.container>dl.row>dt .left-title { background:#536d7a; }
#trialstudy	.container>dl.row>dt .left-title { background:#e60041; }
#around 	.container>dl.row>dt .left-title { background: #9bbb40; }

.container>dl.row>dt .left_top { width:250px; height:53px; background:url('../images/left_top.png'); }

.container>dl.row>dt .left-title { margin:-8px auto 0 auto; text-align:center; width:193px; height:90px; }
.container>dl.row>dt .left-title span { font-size:20px; font-weight:600; color:#ffffff; line-height:90px; }

.container>dl.row>dt .sub-menu { margin:0 auto; width:193px;}
.container>dl.row>dt .sub-menu li {
	cursor:pointer;
	padding:20px 15px 20px 10px;
	line-height:100%;
	border-right:1px solid #c4c2c3; border-bottom:1px solid #c4c2c3; border-left:1px solid #c4c2c3;
	background:url('../images/icon_left_out.png') no-repeat 162px center;
}
.container>dl.row>dt .sub-menu li.left_on,
.container>dl.row>dt .sub-menu li:hover { 
	background:url('../images/icon_left_over.png') no-repeat 162px center;
}
.container>dl.row>dt .sub-menu li a { color:#363636; }

.container>dl.row>dt .left_cs { margin:15px auto 0 auto; width:193px; height:55px; background:url('../images/left_cs.png'); }
.container>dl.row>dt .left_trialstudy { margin:15px auto 0 auto; width:193px; height:104px; background:url('../images/left_trialstudy.jpg'); }

.container>dl.row>dt .left_account { margin:15px auto 0 auto; width:193px; height:86px; background:url('../images/left_account.png'); }

/*********************************************************************************************************
 * RIGHT
 */
.container>dl.row>dd .right-title { float:left; }
.container>dl.row>dd .right-title { height:32px; background:url('../images/icon_dot.png') no-repeat left; }
.container>dl.row>dd .right-title span { margin-left:40px; font-size:23px; font-weight:600; color:#464646; line-height:32px; }
.container>dl.row>dd .pull-right { float:right; margin-top:10px; }
.container>dl.row>dd .pull-right .location li { float:left; margin:2px; font-size:12px; }
.container>dl.row>dd .content { padding-top:45px; }



/***********************************************************************************************
 * Reserve
 */
.chk_num { position:relative; }
.chk_num span.num_input { position:absolute; top:3px; left:50px; }
.chk_num span.num_up { position:absolute; top:5px; left:86px; margin:0; width:11px; height:9px; line-height:0; }
.chk_num span.num_up img { line-height:0; }
.chk_num span.num_down { position:absolute; top:15px; left:86px; margin:0; width:11px; height:9px; line-height:0; }
.chk_num span.num_down img { line-height:0; }
.chk_num span.num_price { position:absolute; top:4px; left:110px; }

.total_price_area { padding:10px 0; text-align:right; font-size:18px; font-weight:600; color:#fe2b4b; border-top:2px solid #bbbbbb; }

#userBikeReserve { margin:20px auto; width:850px; }
#userBikeReserve .control-group { width:100%; padding-bottom:20px; border-bottom:1px dotted #898989; }
#userBikeReserve .line_none { padding-bottom:0; border-bottom:0; }
#userBikeReserve .control-group label.control-label { width:100px; color:#1997a6; font-weight:600; }
#userBikeReserve .control-group div.controls { margin-left:120px; }
#userBikeReserve center { clear:both; }

#userBikeReserve .step1 center input[type="image"] { width:66px; height:36px; background:url('../images/btn_reserve_next.png'); }
#userBikeReserve .step1 table.table-condensed  { background:url('../images/bg_reserve_tb_head.png') no-repeat top left; }
#userBikeReserve .step1 table.table-condensed thead.change tr { width:100%; height:34px; color:#ffffff; }
#userBikeReserve .step1 table.table-condensed thead.change tr th:first-child { border-top-left-radius:0;}
#userBikeReserve .step1 table.table-condensed tbody tr:first-child td { border:0; }
#userBikeReserve .step2 center button[type="submit"] { width:106px; height:36px; background:url('../images/btn_reserve_ok.png'); }
#userBikeReserve .step2 center button[type="submit"] i,
#userBikeReserve .step2 center button[type="submit"] span { display:none; }
#userBikeReserve .step2 { }



/*  동의 */
.reservation_guide { clear:both; padding-bottom:30px; }
.reservation_guide h5 { color:#1997a6; font-weight:600; }
.reservation_desc { width:100%; height:150px; overflow-y:scroll; border:1px solid #cccccc; }
.reservation_agree input,
.reservation_agree label { float:left; }



/*  내역확인 */
div.myticket_search { margin:30px auto; width:773px; height:376px; background:url('../images/bg_myticket.png'); }
div.myticket_search p { color:#787878; font-weight:600; }
div.myticket_search .control-group label.control-label { color:#1997a6; font-weight:600; }
div.myticket_search form { margin-top:100px; }
div.myticket_search form button[type="submit"] { width:105px; height:36px; background:url('../images/btn_reserve_check.png'); }
div.myticket_search form button[type="submit"] i,
div.myticket_search form button[type="submit"] span { display:none; }



/*********************************************************************************************************
 * 메인 여수 스카이플라이
 */
div.xdif_bn { display:none; }
@media only screen and (min-width:1630px) {
	div.xdif_bn {
   	display:block;
		position:absolute;
		left:50%;
		margin:-392px 0 0 570px;
		width:245px;
	}
}
div.dif_bn {
	position:absolute;
	left:50%;
	margin:-392px 0 0 570px;
	width:245px;
}

/********************************************************************************************************
 * 개인정보처리방침
 */
ol.policy { }
ol.policy li { padding-top:10px; list-style-type:decimal; color:#2a7ec6; font-size:15px; font-weight:bold; line-height:180%; }
ol.policy li > ol { }
ol.policy li > ol > li { padding-top:5px; list-style-type:upper-roman; font-size:12px; color:#666666; font-weight:normal; }
ol.policy li > ol > li > ul { }
ol.policy li > ol > li > ul > li { padding-top:0; list-style-type:none; font-size:12px; color:#666666; font-weight:normal; }


/*********************************************************************************************************
 * Reserve
 */
div.reserve_title { margin-top:20px; }
div.reserve_ym { margin:10px 0; text-align:center; font-size:20px; }

table.tb_reserve,
table.tb_reserve_form,
table.tb_reserve_list { width:100%; }

table.tb_reserve { border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }
table.tb_reserve tr th { padding:5px; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-top:1px solid #000000; }
table.tb_reserve tr td { padding:5px; min-height:80px; vertical-align:top; font-size:13px; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
table.tb_reserve tr td p { margin:0; padding:0; }

table.tb_reserve tr td span.pre { color:#669966; }
table.tb_reserve tr td span.end { color:#9e9e9e; }
table.tb_reserve tr td span.tod { color:#ff0000; }
table.tb_reserve tr td span.ing { cursor:pointer; color:#000000; }

table.tb_reserve tr td.sun { background:#ffffff; }
table.tb_reserve tr td.sat { background:#ffffff; }

table.tb_reserve_form { border-top:2px solid #000000; }
table.tb_reserve_form tr th { width:20%; border-bottom:1px solid #dfdfdf; background:#f7f7f7; }
table.tb_reserve_form tr td { padding:5px 15px; min-height:35px; border-bottom:1px solid #dfdfdf; }
table.tb_reserve_form tr td select { margin:2px; }
table.tb_reserve_form tr td input { margin:2px; cursor:pointer; }
table.tb_reserve_form tr td i { cursor:pointer; }
table.tb_reserve_form tr td textarea,
table.tb_reserve_form tr td span.uneditable-input { margin:2px; }
table.tb_reserve_form tr td span.input_noti { font-size:11px; }
table.tb_reserve_form tr td span.input_noti.baro { display:none; }

table.tb_reserve_list { border-top:1px solid #000000; }
table.tb_reserve_list tr th { padding:10px; border-bottom:1px solid #dfdfdf; background:#f7f7f7; }
table.tb_reserve_list tr td { padding:3px; text-align:center; border-bottom:1px solid #dfdfdf; }
table.tb_reserve_list tr td.btn_reserve_small img { cursor:pointer; }

div.reserve_desc { width:100%; height:150px; overflow-y:scroll; border:1px solid #cccccc; }
div.reserve_agree input { float:left; }
.single-line tr,
center.btn_reserve img { cursor:pointer; }



/*********************************************************************************************************
 * OTHER
 */
ul.facilities_list { margin:25px; }
ul.facilities_list li { float:left; }
div.facilities_bxslider { position:absolute; margin-top:150px; width:850px; height:567px; display:none; }
div.facilities_bxslider ul li img { border:5px solid #cccccc; }
div.facilities_bxslider>div.closed { padding:10px 20px; float:right; cursor:pointer; font-size:15px; color:#ffffff; background:#cccccc; }
 
/* Board imageviewer */
.media.image { width: 778px; }
.media.image>img { cursor:pointer; max-width:100%; }

/* Trialstudy
 */
.trialstudy-schedule { padding:0 20px; }
.trialstudy-schedule .table {
	/* border-left:1px solid #ddd;
	border-right:1px solid #ddd; */
	border-bottom:1px solid #ddd;
}
.trialstudy-schedule .table thead th {
	padding:6px;
	background-color:#e07a97;
	/* border-left:1px solid #e60041;
	border-right:1px solid #e60041;
	border-top:1px solid #e60041;
	border-bottom:0; */
	color:#fff;
}
.trialstudy-schedule .table tbody td {
	padding:6px;
	/* border-left:1px solid #ddd; */
	vertical-align:middle;
	color:#000;
	border-bottom:1px solid #bcbcbc;
}

.trialstudy-schedule .table tbody td.text-left {
	text-align:left !important;
}
.trialstudy-schedule .table ul,
.trialstudy-schedule .table ul>li {
	margin-left:13px;
	list-style:disc;
}
.trialstudy-schedule .table .label {
	background-color:#e60041;
	color:#fff;
	font-size:14px;
	padding:5px 8px;
	margin-bottom:5px;
	border-radius:3px;
}
.trialstudy-schedule .table .label.label-primary {
	background-color:#7089cc;
}
.trialstudy-schedule .table caption {
	text-align:left;
	padding:10px;
}