@charset "utf-8";
/* ------------------------------------------
* Filename: bs.css
* Description: Sub Contents
* Author: Fu:z
------------------------------------------ */

/**
리조트안내
**/

/* 리조트소개  */
dl.introduce dd.txt_type4 ul{overflow:hidden; margin:0 0 20px 0;}
dl.introduce dd.txt_type4 ul li{float:left; padding:0 0 0 10px; width:173px; background:url('/img/front/saupjang/common/bul_dot.gif') no-repeat 0 8px;}
dl.introduce dd.txt_type4 ul li span{display:inline-block; margin:0 5px 0 0; width:58px; color:#999; background:url('/img/front/saupjang/common/txt_line.gif') no-repeat right 4px;}

/* Sunset Timetable */
div.btns.type1{margin:-40px 0 10px 0;}

.table_a.type2 th, .table_a.type2 td{padding:10px 0 11px 0;}

/* 오시는길 */
.box_btn, .box_txt{position:absolute;}
.box_btn{top:5px; right:10px;}
.box_txt{top:10px; right:15px; font-weight:bold;}

div.box2 ol.box2_list li{margin:0; padding:0; background:none;}
div.box2 ol.box2_list li span{font-weight:bold;}
div.box2 ol.box2_list li ul li{margin:0 0 0 21px; color:#999;}

.table_a tbody th.title{font-weight:bold;}
.table_a.type1{margin:15px 0 25px 0; border-top:0;}
.table_a.type3{margin:50px 0 50px 0;}
.table_a.type4{margin-top:30px;}

ul.list.list_in{margin:0 0 15px 20px;}
ul.list.list_in li{margin:0;}

/**
레스토랑
**/

/* 대표메뉴소개 */
div.photo_con{position:relative;}
div.btns.btn_photo{position:absolute; top:10px; right:0;}

p.text.first{margin:20px 0 0 0;}

/**
부대시설
**/

/* 홈웨딩 */
div.box.end{margin:0 0 30px 0;}

/* 단체행사 */
dl.introduce dd.txt_type5 ul{overflow:hidden; margin:0 0 20px 0;}
dl.introduce dd.txt_type5 ul li{float:left; margin:0 0 0 30px; padding:0 0 0 10px; background:url('/img/front/saupjang/common/bul_dot.gif') no-repeat 0 8px;}
dl.introduce dd.txt_type5 ul li:first-child, dl.introduce dd.txt_type5 ul li.first{margin:0;}
dl.introduce dd.txt_type5 ul li span{display:inline-block; margin:0 5px 0 0; width:58px; color:#999; background:url('/img/front/saupjang/common/txt_line.gif') no-repeat right 4px;}
dl.introduce dd.txt_type5 ul li span.normal{display:inline; margin:0 0 0 69px; width:auto; color:#777; background:none;}

.event_btn{position:absolute; top:200px; right:52px;}

/**
아쿠아월드
**/

/* 이용안내 */
div.gallery dl dt.long_txt{width:100px;}
div.gallery dl dd.long_list{clear:both; padding-top:5px;}
div.gallery dl dd.long_list ul li{line-height:18px;}

ol.list_aqua{overflow:hidden; margin:-15px 0 0 0;}
ol.list_aqua li{float:left; margin:15px 0 0; padding:0 7px 0 18px; background:url('/img/front/saupjang/bs/bul_big_arrow.gif') no-repeat 0 center;}
ol.list_aqua li:first-child, ol.list_aqua li.first{margin:15px 0 0; padding:0 7px 0 0; background:none;}

/* 이용약관 */
div.agreement{margin:0; padding:0; border-top: 2px solid #b13124;}
div.agreement li{padding:0 0 20px 0; border-bottom:1px solid #efefef;}
div.agreement dt{margin-top:8px; padding-left:26px; line-height:1.4;}
div.agreement dt.first{margin-top:0;}
div.agreement dd{padding-left:36px; line-height:1.4;}

.h5_title.agree{margin: 20px 0 10px;}

p.txt.agree{margin:0 0 0 20px;}

/* 라메르테라피 */
dl.list_tour dd.txt dl{overflow:hidden; line-height:18px;}
dl.list_tour dd.txt dl dt{float:left; margin:0 10px 0 0; padding:0; height:30px; line-height:18px; background:none;}

div.aqua_box2{margin:0 0 20px 0; padding:10px 0 10px 25px; line-height:18px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; background-color:#f8f8f8;}

.table_a td.bg{background-color:#f8f8f8;}

/* 아쿠아월드 common */
div.aqua_box{position:relative; margin:25px 0 0 0;}
div.aqua_box.first, div.aqua_box dl.list_tour{margin:0;}
div.aqua_box div.aqua_btns{position:absolute; bottom:0; right:0; padding:5px 10px 5px 0; width:565px; text-align:right; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}

div.aqua_life_guard{margin-top:0;}
div.aqua_life_guard ul{height:280px; border-bottom:1px solid #efefef; padding-top:30px;}
div.aqua_life_guard ul.first{padding-top:0}
div.aqua_life_guard ul li{float:left; padding-left:30px;}
div.aqua_life_guard ul li:first-child{padding-left:0;}
div.aqua_life_guard dl{width:160px; height:auto; overflow:hidden;}
div.aqua_life_guard dl dt.pic{width:140px; height:105px; padding:5px; border:1px solid #efefef;}
div.aqua_life_guard dl dd.name{font-size:12px; color:#333; padding:10px 0 9px 0px;}
div.aqua_life_guard dl dd.info{font-size:11px; color:#777; letter-spacing:-1px; line-height:1.4;}

div.pic_info{position:relative; margin:20px 0 20px 0; height:100px;}
div.pic_info img{position:absolute; top:0; left:0; border:1px solid #f0f0f0;}
div.pic_info p{margin:0 0 0 165px; line-height:18px;}

ol.list_program{overflow:hidden;}
ol.list_program li{float:left; margin:0 8px 0 0; padding:0 0 0 17px; text-align:center; background:url('/img/front/saupjang/bs/bul_big_arrow_gray.gif') no-repeat 0 center;}
ol.list_program li:first-child, ol.list_program.type1 li:first-child{padding:0;}
ol.list_program li p{width:164px; height:127px; background:url('/img/front/saupjang/bs/aqua_list_bg.gif') no-repeat 0 0;}
ol.list_program li strong{display:inline-block; margin:30px 0 25px 0; width:100%; font-size:18px; color:#2f1e10;}
ol.list_program li strong.long_txt{margin:18px 0 17px 0;}

ol.list_program.type1 li{float:left; margin:0 12px 0 0; padding:0 0 0 22px; text-align:center; background:url('/img/front/saupjang/bs/bul_big_arrow_gray.gif') no-repeat 0 center;}
ol.list_program.type1 li p{padding:9px 0 0 0; width:93px; height:108px; background:url('/img/front/saupjang/bs/aqua_list_bg2.gif') no-repeat 0 0;}
ol.list_program.type1 li strong{margin:40px 0 0 0; width:100%; font-size:15px;}
ol.list_program.type1 li strong.long_txt{margin:30px 0 0 0;}
ol.list_program.type1 li strong.long_txt span{font-size:12px;}

p.txt.type1{margin:30px 0 0 0;}

.h4_title.aqua_tit{display:inline-block; zoom:1; *display:inline;}
.h4_title.aqua_first{margin:0;}
.h4_title.aqua_type1{margin:50px 0 0 0;}
.btn_aqua{margin:0 0 5px 10px;}

/**
로그인
**/
div.contents.join{margin:90px 0 0 0; width:930px;}

div.login_box{position:relative; padding:180px 0 0 130px; height:523px; background:url('/img/front/saupjang/bs/login/login_wrap_bg.gif') no-repeat 0 0;}
div.login_box h2{position:absolute; top:14px; left:20px;}

div.login_box div.login_top{height:142px; background:url('/img/front/saupjang/bs/login/login_security.gif') no-repeat 423px 0;}
div.login_box div.login_top p.login_txt{margin:0 0 5px 0; font-size:50px; color:#333; font-weight:bold;}
div.login_box div.login_top p{font-size:13px;}

div.login_box div.login_con{overflow:hidden; margin:0 0 40px 0; padding:35px 0 0 137px; height:195px; background:url('/img/front/saupjang/bs/login/login_bg.gif') no-repeat 0 0;}
div.login_box div.login_input{float:left; margin:0 10px 0 0;}
div.login_box div.login_input span{display:block; margin:0 0 9px 0;}
div.login_box div.login_input span label{display:inline-block; margin:0 10px 0 0; text-align:right; width:50px;}
div.login_box div.login_input label.save{margin:0 0 0 63px;}
div.login_box div.login_input input.input_type{width:220px; height:24px; line-height:20px; border:1px solid #e5e5e5;}

div.login_box div.login_find{margin:53px 0 0 -70px;}
div.login_box div.login_find ul{overflow:hidden;}
div.login_box div.login_find ul li{float:left; margin:0 20px 0 0; padding:0 0 0 10px; line-height:18px; color:#999; background:url('/img/front/saupjang/bs/login/bul_square.gif') no-repeat 0 8px;}
div.login_box div.login_find ul li span{margin:0 0 0 15px;}

div.login_box div.login_info{overflow:hidden;}
div.login_box div.login_info p.txt_info{margin:0 0 15px 0; font-size:14px; color:#333; font-weight:bold;}
div.login_box div.login_info p.txt_info2{font-size:13px;}
div.login_box div.login_info div.btns.join{margin:-42px 130px 0 0;}
div.login_box div.login_info div.btns.join a{margin:0 0 0 10px;}

.month_fstv{width:100%; margin-bottom:30px}
.month_fstv:after{content:""; display:block; clear:both}
.month_fstv li{float:left}
.month_fstv li a{display:block; width:61px; height:10px; padding:9px 0 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:bold; text-align:center; color:#999}
.month_fstv li:first-child a{border-left:1px solid #ddd}
.month_fstv li.last a{border-right:1px solid #ddd}
.month_fstv li a:hover{border:0; color:#fff; padding:10px 0 11px; background:#f8ad5b}
.month_fstv li.current a{border:0; color:#fff; padding:10px 0 11px; background:#f8ad5b}

p.noevent{width:100%; text-align:center; font-size:14px; font-weight:bold; color:#ddd}
p.noevent img{display:block; margin:0 auto 20px}

.month02,
.month03,
.month04,
.month05,
.month06,
.month07,
.month08,
.month09,
.month10,
.month11,
.month12{display:none}

/* 대표메뉴소개 */
div.main_menu_wrap{position:relative; display:block; background:#ffb666; margin-bottom:30px;}
div.main_menu_wrap .txt{position:absolute; left:86px; top:232px; color:#666; line-height:1.9;}
div.main_menu_wrap .storeview{width:661px !important; padding-top:0; margin:0 auto;}
div.main_menu_wrap .photo_slide,
div.main_menu_wrap .slides_container{width:661px !important; height:408px !important; overflow:hidden;}
div.main_menu_wrap .storeview a.prev{left:10px; top:50%;}
div.main_menu_wrap .storeview a.next{left:610px; top:50%;}


/*셔틀버스 팝업*/
div.shuttle {width:685px;height:924px}
div.shuttle h1 {background:#6f0f10;height:41px;}
div.shuttle h1 img {margin:10px 0px 0px 15px;}
div.shuttle .shuttle_inner {margin:22px 14px;border:1px solid #dadada;padding:20px 15px;}
div.shuttle .shuttle_inner > p {margin:10px 0px 10px 0px;}
div.shuttle .shuttle_btn {text-align:right;display:block;}
div.shuttle .shuttle_btn img {margin-right:35px;}