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


/* top link */
#toplink_wrap .toplink .r_site li.current{background:#6f0f10 url('/img/front/saupjang/color/point_darkred/bg_toplink_current_left.gif') no-repeat left top;}
#toplink_wrap .toplink .r_site li.current a{background:url('/img/front/saupjang/color/point_darkred/bg_toplink_current_right.gif') no-repeat right top;}
#toplink_wrap .toplink .r_site li.current a span.solbeach{margin-top:-8px;display:block;width:50px;height:34px;cursor:pointer;text-indent:-5000px;background: url('/img/front/saupjang/color/point_darkred/bg_toplink_current_menu.gif') no-repeat;}

/* header top line */
div.header{border-top:5px solid #6f0f10;/* background:#000 url('/img/front/saupjang/color/point_darkred/header_visual.jpg') no-repeat top center; */background-color:#f2f2f2;}

/* sub navi */
div.sNavi div.dTit{background: url('/img/front/saupjang/color/point_darkred/bg_dtit.gif') no-repeat;}
div.sNavi ul li a:hover, div.sNavi ul li a.on{background: url('/img/front/saupjang/color/point_darkred/bg_snav_pointer.gif') no-repeat right 48%;}

/* location */
div.title div.location ul li.home{background: url('/img/front/saupjang/color/point_darkred/ico_home.gif') no-repeat 0 49%;}

/* bullet title */
.btit{background: url('/img/front/saupjang/color/point_darkred/ico_btit.gif') no-repeat;}

/* 메뉴보기 */
div.bookwrap div.countbg{background: url('/img/front/saupjang/color/point_darkred/bg_bookcount.gif') no-repeat;}

/* 이용안내 */
div.info div.round div.cnt p{background: url('/img/front/saupjang/color/point_darkred/bul_arrow.gif') no-repeat 0 6px;}

/* Right Layer */
div.sideLayer{position:absolute;top:86px;right:0;width:auto;z-index:50;}
div.sideLayer ul.tab{float:left;width:35px;padding-top:27px;}
div.sideLayer ul.tab li{padding-bottom:1px;}
div.sideLayer ul.tab li a{display:block;width:35px;height:90px;text-indent:-5000px;}
div.sideLayer ul.tab li a#t1{background: url('/img/front/saupjang/color/point_darkred/btn_sidelayer_m1.gif') no-repeat;}
div.sideLayer ul.tab li a#t2{background: url('/img/front/saupjang/color/point_darkred/btn_sidelayer_m2_off.gif') no-repeat;}
div.sideLayer ul.tab li a#t3{background: url('/img/front/saupjang/color/point_darkred/btn_sidelayer_m3_off.gif') no-repeat;}
div.sideLayer ul.tab li a#t2.on{background: url('/img/front/saupjang/color/point_darkred/btn_sidelayer_m2_on.gif') no-repeat;}
div.sideLayer ul.tab li a#t3.on{background: url('/img/front/saupjang/color/point_darkred/btn_sidelayer_m3_on.gif') no-repeat;}

div.layerCnt{width:auto;float:left;overflow:hidden;min-height:850px;background:#ffefdd;}
div#movLayer{_display:inline;height:100%;margin-right:-380px;}
div.layerCnt #layerTab1,
div.layerCnt #layerTab2{
_display:inline;_zoom:1;_width:expression(document.documentElement.clientWidth > 358 ? "360px" : '');
height:100%;
padding:0 10px 0 10px;
overflow:hidden;
}
div.layerCnt h2{height:29px;padding:25px 0 0 10px;}
div.layerCnt ul{float:left;width:180px;}
div.layerCnt ul li{width:160px;height:146px;padding:0 10px 0 10px;}
div.layerCnt ul li span.thum{display:block;height:115px;}
div.layerCnt ul li strong{
display:block;
width:160px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
font-weight:normal;
}

/* tab box */ /* 0107-수정 */
div.tabBox{margin-top:30px; margin-bottom:20px; border-bottom:3px solid #f2f2f2;}
div.tabBox div.line{width:729px;overflow:hidden;padding:9px 0 0 9px;border:1px solid #dfdddd;}
div.tabBox ul{width:732px;}
div.tabBox ul li{float:left; min-width:233px; height:26px; margin:0 10px 0 0; padding:0 0 10px 0;}
div.tabBox ul li a{display:block; height:20px; padding:5px 20px 0 18px; color:#777; font-size:13px; font-weight:bold; background: url('/img/front/saupjang/common/layout/bg_tabbox_off.gif') no-repeat 10px 10px;}
div.tabBox ul li.current{background: url('/img/front/saupjang/color/point_darkred/bg_tabbox_on.gif') no-repeat left 0;}
div.tabBox ul li.current a{margin:0 5px 0 0; color:#fff; background: url('/img/front/saupjang/color/point_darkred/bg_tabbox_on.gif') no-repeat;}

/* title style */
.btit{height:16px; padding-left:26px; font-size:16px; color:#333;}
.btit2{height:13px; padding-left:23px; font-size:12px; color:#777; padding-top:1px;}


/**
공통요소
**/

/* skip */
.skip, .skip_navigation{position:absolute; left:-5000px; width:0px; height:0px; font-size:0px; line-height:0px; overflow:hidden;}

/* heading */
.h4_title{margin:50px 0 18px 0; padding:0; font-size:16px; line-height:1.2; color:#333;}
.h4_title.first{margin:0 0 18px 0;}
.h4_title2{margin:20px 0 18px 0; font-size:18px; color:#b13124;}
.h4_title2.type1{color:#333;} /* BN 추가 2013-01-11 */
.h5_title{margin:25px 0 10px 0; padding:0 0 0 20px; line-height:1.4; color:#777; background:url(/img/front/saupjang/color/point_darkred/h5_title.gif) no-repeat 0 2px;} /* BN 수정 2013-01-11 */
.h5_title.first{margin:0 0 10px 0;} /* BN 추가 2013-01-11 */
.h6_title{margin:0 0 10px 20px; padding:0 0 0 8px; font-weight:normal; color:#777; background:url(/img/front/saupjang/color/point_darkred/bul_arrow.gif) no-repeat 0 3px;}
.title_refer{font-weight:normal;}

/* text */
p.txt{line-height:1.4;}
p.txt.normal{margin:0 0 30px 0;}
p.txt.normal2{margin:0 0 30px 20px;}
p.txt.tip{padding:0 0 0 12px; background:url(/img/front/saupjang/color/point_darkred/bul_arrow.gif) no-repeat 0 6px;}
p.txt.tip2{color:#999;}
span.table_info{float:right; display:inline-block; font-weight:normal; font-size:12px;}
p.table_info{margin:0 0 7px 0; text-align:right;}

.txt_title{font-weight:bold;}
.import{font-weight:normal; color:#e45025;}

/* box */
div.box{clear:both;}

div.box.type1{width:740px; padding:5px 0 0 0; background:url(/img/front/saupjang/common/box_type1_bg.gif) no-repeat;}
div.box.type1 div.inner{padding:15px 20px 20px 20px; background:url(/img/front/saupjang/common/box_type1_bg.gif) no-repeat 0 bottom;}
div.box.type1.small{width:700px; background-image:url(/img/front/saupjang/common/box_type1_bg2.gif);}
div.box.type1.small div.inner{background-image:url(/img/front/saupjang/common/box_type1_bg2.gif);}
div.box.type1.list{margin-top:20px;}

div.box.type2{position: relative; padding:11px; border:1px solid #dfe5e6; background:#f8f8f8;}
div.box.type2 div.inner{padding:20px; background:#fff;}

div.box.type3{margin:0 0 30px 0; padding:20px; border:1px solid #efefef;}

/* BN 추가 2013-01-08 */
div.box2{position:relative; margin:0 0 10px 0; padding:0 0 15px 0; border:1px solid #efefef;}
div.box2.nb{border:0; padding-bottom:0; background:url(/img/front/saupjang/color/point_darkred/bul_arrow.gif) no-repeat 0 7px;}
div.box2 h6{margin:0 0 10px 0; padding:10px 0 10px 20px; background-color:#fbfbfb;}
div.box2 p{margin:25px 0 5px 20px; font-weight:bold;}
div.box2 p.first{margin:0 0 5px 20px;}
div.box2 ol{overflow:hidden; margin:0 0 0 20px;}
div.box2 ol li{float:left; padding:0 12px 0 18px; line-height:22px; white-space:nowrap; background:url('/img/front/saupjang/sol/bul_ol_arrow.gif') no-repeat 0 7px;}
div.box2 ol li:first-child{padding:0 12px 0 0; background:none;}
/* //BN 추가 2013-01-08 */

/* popup */
div.popup_wrap1 h3{margin:20px 0 10px 0; padding:0 0 0 20px; line-height:1.4; color:#777; background:url('/img/front/saupjang/color/point_darkred/h5_title.gif') no-repeat 0 2px;}
div.popup_wrap1 div.img_view{margin:20px 0 10px 0;}
div.popup_wrap1 div.img_view.type1{padding:0 0 20px 0; border-bottom:1px solid #efefef;}
div.popup_wrap1 div.btns.btn_pop{margin:-15px 0 0 0;}
div.box.type1.popup{background-image:url(/img/front/saupjang/common/box_type3_bg.gif);}
div.box.type1.popup div.inner{background-image:url(/img/front/saupjang/common/box_type3_bg.gif);}

/* list */
ol.list_n li{position:relative; margin:7px 0; padding:0 0 0 17px;}
ol.list_n li span{position:absolute; top:0; left:0;}
ol.list_n.type1 > li{padding:0 0 0 22px;}
ol.list_n.type1 > li > span{font-weight:bold;}

ul.list li{margin:7px 0; padding:0 0 0 10px; line-height:18px; background-position:0 7px; background-repeat:no-repeat; }
ul.list.type1 li{background-image:url(/img/front/saupjang/color/point_darkred/bul_arrow.gif);}
ul.list.type2 li{background-image:url(/img/front/saupjang/common/bul_dot2.gif);}
ul.list.type3 li{background-image:url(/img/front/saupjang/common/bul_dash.gif);}

/* tabmenu */
ul.tabmenu{overflow:hidden; width:100%; height:42px; margin:0 0 30px 0; background:url(/img/front/saupjang/common/tab_line.gif) repeat-x 0 40px;}
ul.tabmenu li{float:left; margin:3px -1px 0 0; border:1px solid #ddd; border-bottom:0; background:#eee;}
ul.tabmenu li a{display:block; padding:10px 19px; font-weight:bold; font-size:14px; color:#666;}
ul.tabmenu li.current{margin:0; border-top:3px solid #b13124; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; background:#fff;}
ul.tabmenu li.current a{padding:12px 19px; color:#333;}
ul.tabmenu.ty2 li a{display:block; padding:10px 11px; font-weight:bold; font-size:16px; color:#666;}
ul.tabmenu.ty2 li.current a{padding:12px 11px; color:#333;}
ul.tabmenu.ty3 li a{display:block; padding:10px 8px; font-weight:bold; font-size:16px; color:#666;}
ul.tabmenu.ty3 li.current a{padding:12px 9px; color:#333;}
ul.tabmenu.ty4 li a{display:block; padding:10px 12px; font-weight:bold; font-size:16px; color:#666;}
ul.tabmenu.ty4 li.current a{padding:12px 11px; color:#333;}
div.tab_con, div.tab_con2, div.tab_con2_1{display:none;}
div.tab_con.current, div.tab_con2.current, div.tab_con2_1.current2{display:block;}

/* tabmenu */
ul.tabmenu_we{overflow:hidden; width:100%; height:42px; margin:0 0 30px 0; background:url(/img/front/saupjang/common/tab_line.gif) repeat-x 0 40px;}
ul.tabmenu_we li{float:left; margin:3px -1px 0 0; border:1px solid #ddd; border-bottom:0; background:#eee;}
ul.tabmenu_we li a{display:block; padding:10px 35px; font-weight:bold; font-size:16px; color:#666;}
ul.tabmenu_we li.current{margin:0; border-top:3px solid #b13124; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; background:#fff;}
ul.tabmenu_we li.current a{padding:12px 35px; color:#333;}
ul.tabmenu_we.ty2 li a{display:block; padding:10px 11px; font-weight:bold; font-size:16px; color:#666;}
ul.tabmenu_we.ty2 li.current a{padding:12px 11px; color:#333;}
ul.tabmenu_we.ty3 li a{display:block; padding:10px 8px; font-weight:bold; font-size:16px; color:#666;}
ul.tabmenu_we.ty3 li.current a{padding:12px 9px; color:#333;}
ul.tabmenu_we.ty4 li a{display:block; padding:10px 12px; font-weight:bold; font-size:16px; color:#666;}
ul.tabmenu_we.ty4 li.current a{padding:12px 11px; color:#333;}
div.tab_con, div.tab_con2, div.tab_con2_1{display:none;}
div.tab_con.current, div.tab_con2.current, div.tab_con2_1.current2{display:block;}


.tab_v1_1, .tab_v1_2, .tab_v1_3,
.tab_v2_1, .tab_v2_2,
.tab_v3_1, .tab_v3_2{display:none;}
.tab_v1_1.current, .tab_v1_2.current, .tab_v1_3.current,
.tab_v2_1.current, .tab_v2_2.current,
.tab_v3_1.current, .tab_v3_2.current{display:block;}


/* 0108수정 */
ul.tabmenu2{overflow:hidden; width:738px; margin:30px 0 2px 0; border:1px solid #ddd; background:#eee url(/img/front/saupjang/common/tab_line2.gif) repeat-x 0 44px;}
ul.tabmenu2 li{float:left; height:20px; margin:0 0px 0 0; padding:13px 30px 7px 30px; border-right:1px solid #ddd; background:#eee}
ul.tabmenu2 li a{display:block; padding:0 0 0 13px; font-weight:bold; font-size:14px; color:#666; background:#eee url(/img/front/saupjang/common/tab3_off.gif) no-repeat 0 5px;}
ul.tabmenu2 li.current{border-bottom:0; background:#fff;}
ul.tabmenu2 li.current a{color:#c02400; background:#fff url(/img/front/saupjang/color/point_red/tab3_on.gif) no-repeat 0 5px;}

/* table */
.table_a{width:100%; margin:0 0 20px 0; border-top:2px solid #b13124; border-bottom:1px solid #efefef;}
.table_a th,
.table_a td{padding:10px 10px 11px 10px; text-align:center; border-left:1px solid #efefef; border-top:1px solid #efefef;}
.table_a th:first-child,
.table_a td:first-child{border-left:0;}
.table_a th{background:#f8f8f8;}
.table_a tbody th{font-weight:normal}
.table_a .left{text-align:left;}
.table_a .left2{text-align:left; line-height:1.4;} /* HS 2013-01-17 */
.table_a th.first_line, .table_a td.first_line{border-left:1px solid #efefef;} /* BN 추가 2013-01-08 */

/* form */
input.text{height:20px; padding:0 0 0 5px; line-height:1.5; border:1px solid #d8d8d8; color:#777;}
input.txt_type1{width:40px;}
input.txt_type2{width:45px;}
input.txt_type3{width:120px;}
input.txt_type4{width:600px;}
input.txt_type5{width:90px;}
input.txt_type6{width:70px;}
input.txt_type7{width:400px;}
input.txt_type8{width:230px;}
input.txt_type9{width:180px;}
input.txt_type10{width:30px;}
input.fee_sum{text-align:right;}

input[type="file"]{border:1px solid #e5e5e5; color:#777; background:#fff;}
input[type="image"]{margin:0; vertical-align:top;}
input.submit{overflow:visible; padding:0; border:0; cursor:pointer;}
textarea.textarea{border:1px solid #e5e5e5; color:#777; vertical-align: top;}
textarea.card_msg{width:550px; height:100px;}
textarea.area_type1{width:266px; height:44px; overflow-y:scroll; border:1px solid #efefef;}
textarea.area_type2{width:614px; height:96px; overflow-y:scroll; border:1px solid #efefef;}

select{height:20px; color:#777; border:1px solid #d8d8d8;}
select.select_type1{width:60px;}
select.select_type2{width:120px;}
select.select_type3{width:150px;}
select.select_type4{width:40px;}
select.select_type5{width:87px;}
select.select_type6{width:55px;}
select.select_type7{width:300px;}
select.select_more{margin:0 10px 0 0;}
select.select_right{float:right; margin:-20px 0 10px 0;}

/* input.focus_style{border:1px solid #6987aa !important;} */
/* .btn_submit{display:inline-block; height:21px; padding-left:10px; background:url(/img/front/saupjang/common/board/bg_btn_long.png) left 0;}
.btn_submit input.submit{position:relative; right:-1px; display:inline-block; height:21px; padding-right:20px; color:#fff; font-weight:bold; background:url(/img/front/saupjang/common/board/bg_btn_long.png) right 0;} */

/* btn */
.btn_arrow, .btn_arrow a,
.btn_white, .btn_white a,
.btn_normal, .btn_normal a,
.btn_arrow, .btn_arrow a{display:inline-block; vertical-align:middle; background-repeat:no-repeat;} /* BN 수정 2013-01-11 */

.btn_arrow{padding:0 0 0 3px; background-position:0 0;}
.btn_arrow a{height:17px; padding:11px 17px 0 7px; font-size:13px; line-height:0.2; color:#fff; background-position:right 0;}
.btn_arrow input{height:17px; padding:4px 17px 0 7px; font-size:11px; line-height:1.2; color:#fff; background-position:right 0;}
.btn_arrow input.submit{height:17px; padding:4px 17px 17px 7px; font-size:11px; line-height:1.2; color:#fff; background-position:right 0;}
input.submit{border:0}

.btn_arrow.point,
.btn_arrow.point a{background-image:url(/img/front/saupjang/color/point_darkred/btn_arrow_point.gif);}
.btn_arrow.point input{background-image:url(/img/front/saupjang/color/point_darkred/btn_arrow_point.gif);}

.btn_arrow.point2,
.btn_arrow.point2 a{background-image:url(/img/front/saupjang/color/point_darkred/btn_arrow_point2.gif);}/* 추가 jj 2013-01-07 */

.btn_arrow.gray,
.btn_arrow.gray a{background-image:url(/img/front/saupjang/common/btn/btn_arrow_gray.gif);}

.btn_arrow.white,
.btn_arrow.white a{color:#777; background-image:url(/img/front/saupjang/common/btn/btn_arrow_white.gif);}

.btn_white{border:1px solid #e5e5e5; background:#fafafa;}
.btn_white a{height:15px; padding:2px 10px 0 10px; color:#919191;}
.btn_white.store a{padding:2px 2px 0 23px; background:url(/img/front/saupjang/common/btn/ico_store.gif) no-repeat 8px 3px;}

.btn_normal{padding:0 0 0 5px; background-position:0 0;}
.btn_normal a,
.btn_normal input.submit{height:22px; padding:4px 15px 0 10px; font-size:13px; font-weight:bold; line-height:1.2; color:#fff; background-position:right 0;}
.btn_normal input.submit{height:26px; padding:0px 13px 2px 8px;}

.btn_normal.point,
.btn_normal.point a,
.btn_normal.point input.submit{background-image:url(/img/front/saupjang/color/point_darkred/btn_normal_point.gif);}

.btn_normal.white,
.btn_normal.white a,
.btn_normal.white input.submit{color:#777; background-image:url(/img/front/saupjang/common/btn/btn_normal_white.gif);}

div.btns{margin-top:10px; text-align:right;}
div.btns.normal{margin:0;}
div.btns.left{text-align:left;}

div.booklist div.blist h3{width:267px; height:27px; font-size:18px; color:#006383; background: url('../img/common/layout/bg_dot_bstit.gif') repeat-x left bottom;}


/**
content_type
**/

/* introduce */
dl.introduce{position:relative; min-height:207px; padding:0 0 0 310px;}
dl.introduce dt{margin:0 0 15px 0; font-size:16px; font-weight:bold; color:#b13124;}
dl.introduce dd{line-height:1.4;}
dl.introduce dd.pic{position:absolute; top:0; left:0;}
dl.introduce dd.txt_type1{margin:0 0 25px 0; color:#333;}
dl.introduce dd.txt_type2{margin:0 0 20px 0;}
dl.introduce dd.txt_type3{margin:0 0 0 5px; padding:0 0 0 10px; background:url(/img/front/saupjang/common/bul_dot.gif) no-repeat 0 8px}
dl.introduce dd.txt_type3 span.sbj{display:inline-block; margin:0 5px 0 0; padding:0 8px 0 0; color:#999; background:url(/img/front/saupjang/common/txt_line.gif) no-repeat right 4px;}

/* introduce2 */
div.resort_info{position:relative; margin:0 0 20px 0; padding:0 22px 0 0;}
div.resort_info p.normal{padding-top:20px;}
div.resort_info h4.resort_title{margin:0 0 20px 0; font-size:18px; color:#333;}
div.resort_info div.map{position:absolute; top:37px; right:10px;}
dl.info_con.with_btn{width:100%; margin:-18px 0 0 0;}
dl.info_con dt{margin:0;}
dl.info_con dd{margin:10px 0 0 0;}

/* list_tour */
dl.list_tour{position:relative; min-height:98px; margin:50px 0 25px 0; padding:0 0 0 165px;}
dl.list_tour.first,
dl.list_tour.list{margin:0 0 25px 0;}
dl.list_tour dt{margin:0 0 8px 0; padding:0 0 0 20px; font-weight:bold; line-height:1.2; background:url(/img/front/saupjang/color/point_darkred/h5_title.gif) no-repeat 0 0px;}
dl.list_tour dd.pic{position:absolute; top:0; left:0;}
dl.list_tour dd.pic img{border:1px solid #f0f0f0;}
dl.list_tour dd.txt{margin:0 0 0 20px; line-height:1.4;}

/* list_tour2 */
dl.list_tour2{clear:both;display:block;padding-bottom:45px;}
dl.list_tour2:after {clear:both;content:"";display:block}
dl.list_tour2 dt{margin:0 0 8px 0; padding:0 0 0 20px; font-weight:bold; line-height:1.2; background:url(/img/front/saupjang/color/point_darkred/h5_title.gif) no-repeat 0 0px;}
dl.list_tour2 dd.txt1 {padding-left:20px;padding-bottom:15px;line-height:18px;}
dl.list_tour2 dd.pic{width:340px;float:left;}
dl.list_tour2 dd.txt2{line-height:1.4;width:345px;float:left;display:block;padding:85px 0px 0px 55px;}
dl.list_tour2 dd.txt2 p {background:url(/img/front/saupjang/color/point_darkred/bul_arrow.gif) no-repeat 0 6px;padding-left:10px;text-align:left;}
dl.list_tour2 dd.txt3{line-height:1.4;float:left;display:block;padding-left:30px}
dl.list_tour2 dd.txt3 p {background:url(/img/front/saupjang/color/point_darkred/bul_arrow.gif) no-repeat 0 6px;padding-left:10px;text-align:left;}
.left_mb10{margin-bottom:10px; text-align:left;}


.left_mb10{margin-bottom:10px; text-align:left;}


/* popup */
div.popup_wrap1{background:url('/img/front/saupjang/color/point_darkred/popup_tit_bg.gif') repeat-x left top;}

/* mapview */
div.mapview{margin:30px 0 10px 0;}
div.mapview.first{margin-top:0;}
div.mapview.list{margin-top:10px;}

/* 날씨 추가 */
div.weather div.weather_tit{background:#ffae55;}
div.weather div.weather_tit .day{background:url(/img/front/saupjang/color/point_darkred/weather_ico_ca.gif) no-repeat 0 3px;}
div.weather div.weather_tit .time{background:url(/img/front/saupjang/color/point_darkred/weather_ico_time.gif) no-repeat 0 3px;}
div.weather div.weather_info ul li.temp{color:#6f0f10;}

/* 부대시설 */
dt.txt_title.point{color:#6f0f10;}

/* footer style */
ul.fmenu li.point_bs a{color:#6f0f10;}