@charset "utf-8"; /*라디오*/ input.radio {border:none !important;} /*버튼*/ .btn_white {display:inline-block; padding:9px 20px 10px 20px; border:1px solid #d5d5d5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font:bold 13px/16px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#555; background:#fff;} .btn_white:hover {padding:9px 20px 10px 20px; border:1px solid #d5d5d5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font:bold 13px/16px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#555; background:#f5f5f5;} .btn_red {display:inline-block; height:36px; padding:14px 60px 0 30px; text-align:center; font:bold 16px/19px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important; background:url('../img/btn_icon01.png') #96161a no-repeat 85% 20px ; } .btn_red:hover {background:url('../img/btn_icon01.png') #666 no-repeat 85% 20px ;} .btn_gray01 {display:inline-block; height:36px; padding:14px 60px 0 30px; text-align:center; font:bold 16px/19px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important; background:url('../img/btn_icon01.png') #999 no-repeat 85% 20px ; } .btn_gray01:hover {background:url('../img/btn_icon01.png') #666 no-repeat 85% 20px ;} .btn_line_white02 {display:inline-block; width:100px; height:28px; padding:7px 18px 0 20px; font:bold 14px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important; border:1px solid #999; background:url('../img/btn_icon01.png') no-repeat 80% 12px;} .btn_line_white02:hover {background:url('../img/btn_icon01.png') #555 no-repeat 80% 12px; color:#fff !important;} /*라인*/ .line_gray {width:100%; border-top:1px solid #ddd} .line_gray02 {border-right:1px solid #e3e3e3;} .border_gray {width:968px; border:1px solid #ddd;} /*회색배경*/ div.bg_g440 {width:235px; padding:20px 35px 20px 35px; background:#f3f3f3} div.bg_g440 ul.g_list01 {margin-top:10px;} div.bg_g440 ul.g_list01 li {padding:5px 0 0 10px; background:url('../img/dot_gray.gif') no-repeat 0 13px ; font:normal 13px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} div.bg_g300 {width:350px; padding:16px 25px 21px 25px; background:#f3f3f3;} div.bg_g300 ul.g_list02 {overflow:hidden; } div.bg_g300 ul.g_list02 li {float:left; padding:5px 0 0 10px; background:url('../img/dot_gray.gif') no-repeat 0 13px ; font:normal 13px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} div.bg_g300 ul.g_list02 li.b {font-weight:bold;} .bg_g968 {border:1px solid #ddd; background:#f1f1f1; padding:15px 0; overflow:hidden;} .bg_g968 li {float:left; vertical-align:middle; padding-left:30px; font:bold 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; background:url('../img/next01.png')no-repeat 100% 50%;} .bg_g968 li.bg_no {background:none;} .bg_gr {border:1px solid #ddd; background:#f1f1f1; padding:15px 0; overflow:hidden;} .bg_gr li {float:left; vertical-align:middle; font:bold 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; background:url('../img/next01.png')no-repeat 100% 50%;} .bg_gr li.bg_no {background:none;} .bg_gr span.nl12 {font:normal 12px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} .gray_box {padding:20px 25px 21px 25px; background:#f3f3f3;} /*font*/ .font_n13 {font:normal 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} .font_b13 {font:bold 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} .font_n14 {font:normal 14px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} .font_b14 {font:bold 14px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} .font_b15 {font:bold 15px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} .font_b16 {font:bold 16px/24px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#333;} .font_b16_6 {font:bold 16px/24px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#666;} .font_b13red {font:bold 13px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#96161a;} .font_n13red {font:normal 13px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#96161a;} .font_b16red {font:bold 16px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#96161a;} .font_b13blue {font:bold 13px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#0b69b4;} .font_n14blue {font:normal 14px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#0b69b4;} .font_b16blue {font:bold 16px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#3353b1;} .font_b20_red {font:bold 20px/24px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#96161a;} .font_n15blue {font:normal 15px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#0b69b4; letter-spacing:-0.5pt; } .font_b15blue {font:bold 13px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#0054FF;} .red_star {font:bold 13px/26px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#96161a;} span.font_ub {text-decoration:underline; font:bold 13px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#333;} h4.tit01 {font:bold 15px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; background:url(../img/h4_redbg.jpg) no-repeat 0 2px;} /*dot_font*/ .text_dot1 {padding-left:10px; background:url('../img/dot_gray2.gif') no-repeat 0 55%;} .text_dot2 {padding-left:10px; color:#333; background:url('../img/dot_gray2.gif') no-repeat 0 55%;} .reddot {padding-left:10px; color:##96161a; background:url('../img/reddot.gif') no-repeat 0 55%;} div.cont h4 {padding-left:12px; font:bold 16px/16px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#96161a; background:url(../img/h4_redbg.jpg) no-repeat 0 2px;} div.cont h4.red_15 {padding-left:12px; font:bold 15px/16px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#96161a; background:url(../img/h4_redbg.jpg) no-repeat 0 2px;} div.cont h4.blue_18 {font:bold 18px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; background:url(../img/h4_bluebg.jpg) no-repeat 0 6px;} div.cont h4.red_18 {font:bold 18px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; background:url(../img/h4_redbg.jpg) no-repeat 0 6px;} /*tab*/ ul.tab_red {overflow:hidden;} ul.tab_red li {float:left; } ul.tab_red li a {display:block; height:30px; padding-top:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; font:bold 14px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} ul.tab_red li a:hover {color:#96161a; background:#f8f8f8;} ul.tab_red li.on {background:#96161a; } ul.tab_red li.on a {color:#fff; border:1px solid #96161a;} ul.tab_red li.on a:hover {background:#96161a;} ul.tab_red li.first {border-left:1px solid #ccc;} ul.tab_red li a.selected {background:#96161a; border:1px solid #96161a; color:#fff;} ul.tab_red01 {overflow:hidden;} ul.tab_red01 li {padding:20px 10px; float:left; border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9; text-align:center; font:bold 14px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; cursor:pointer;} ul.tab_red01 li:hover {color:#96161a; background:#f8f8f8; cursor:pointer;} ul.tab_red01 li.long {padding:11px 10px; float:left; border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9; text-align:center; font:bold 14px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; cursor:pointer;} ul.tab_red01 li.on {background:#96161a; border:1px solid #96161a; color:#fff;} ul.tab_red01 li.first {border-left:1px solid #b9b9b9;} /*탭부분*/ ul.si_tab {width:968px; margin-top:8px; padding:8px 0 9px 0; border:1px solid #96161a; overflow:hidden;} ul.si_tab li {float:left; background:url('../img/view_bar.png')no-repeat 0 55%;} ul.si_tab li a {padding:0 30px; font:normal 14px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#777;} ul.si_tab li a:hover {color:#000; text-decoration:underline} ul.si_tab li a.selected {font-weight:bold; color:#333} ul.si_tab li.none {background:none;} /*멤버스 골프 탭부분*/ div.g_tab {width:968px; margin-top:20px; padding:8px 0 9px 0; border:1px solid #96161a; overflow:hidden;} ul.g_tab_r {overflow:hidden;} ul.g_tab_r li {float:left; background:url('../img/view_bar.png')no-repeat 0 55%;} ul.g_tab_r li.m_info_r {background:url('../img/circle_red.png') no-repeat 18px 6px; padding-left:35px; font:bold 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333 } ul.g_tab_r li a {padding:0 18px 0 19px; font:bold 13px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#666;} ul.g_tab_r li a:hover {color:#f20a00;} ul.g_tab_r li a.selected {font-weight:bold; color:#f20a00; text-decoration:underline} ul.g_tab_r li.none {background:none;} ul.g_tab_b {overflow:hidden;} ul.g_tab_b li {float:left; background:url('../img/view_bar.png')no-repeat 0 55%;} ul.g_tab_b li.m_info_b {margin-right:43px; background:url('../img/circle_blue.png') no-repeat 18px 6px; padding-left:35px; font:bold 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333} ul.g_tab_b li a {padding:0 17px 0 18px; font:bold 13px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#666;} ul.g_tab_b li a:hover {color:#0240f7; } ul.g_tab_b li a.selected {font-weight:bold; color:#0240f7; text-decoration:underline } ul.g_tab_b li.none {background:none;} div.g_tab_s {position:relative;} div.g_tab_s p.g_text {width:440px; position:absolute; top:370px; left:30px; font:normal 13px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#666;} div.g_tab_s p.g_text span {font-weight:bold; color:#333;} div.tab_m {overflow:hidden; padding-bottom:30px; border-bottom:1px solid #e8e8e8;} div.tab_m div.tab_left {float:left;} div.tab_m div.tab_left p.tab_text {width:525px; padding:10px 0 0 10px; font:normal 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} div.tab_m ul.tab_ul {float:right; width:350px; padding:13px 25px 20px 25px; background:#f3f3f3;} div.tab_m ul.tab_ul li {padding:5px 0 0 10px; background:url('../img/dot_gray.gif') no-repeat 0 13px ; font:normal 13px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} div.tab_m ul.tab_ul li span {font-weight:bold;} /*단체행사 탭*/ ul.g_tab_gr {overflow:hidden;} ul.g_tab_gr li {float:left; background:url('../img/view_bar.png')no-repeat 0 55%;} ul.g_tab_gr li.m_info_r {background:url('../img/circle_red.png') no-repeat 18px 6px; padding-left:35px; font:bold 13px/15px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666 } ul.g_tab_gr li a {padding:0 18px 0 19px; font:bold 13px/15px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#666;} ul.g_tab_gr li a:hover {color:#96161a;} ul.g_tab_gr li a.selected {font-weight:bold; color:#333; text-decoration:underline;} ul.g_tab_gr li.none {background:none;} /*cont_title*/ p.cont_title {padding-top:10px; background:url('../img/title_topbg.jpg') no-repeat 0 0; letter-spacing:-0.5pt; font:normal 20px/30px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#555} p.cont_title span {font-weight:bold; letter-spacing:0pt; color:#96161a;} /*table_td속에 text_align: center 있는 테이블*/ table.table01 {width:100%; border-top:2px solid #878787; } table.table01 thead th {background:#f3f3f3; padding:10px; vertical-align:middle; text-align:center; border-right:1px solid #e6e6e6; border-bottom:1px solid #dddddd; font:bold 14px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#616161} table.table01 thead th.last {border-right:none;} table.table01 .border_b {border-bottom:1px solid #ccc;} table.table01 tbody th {text-align:center; padding:11px 0; vertical-align:middle; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background:#f9f9f9; font:bold 13px/20px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666666} table.table01 tbody th.font {font:bold 13px/28px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} table.table01 tbody th.font01 {font:normal 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} table.table01 tbody th.left {text-align:left; padding:10px 0 10px 15px;} table.table01 tbody td {padding:10px 0; text-align:center; vertical-align:middle; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; font:normal 13px/21px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666666} table.table01 tbody td.left {padding-left:20px; text-align:left;} table.table01 tbody .last {border-bottom:1px solid #c7c7c7;} table.table01 tbody .first {border-left:none; text-align:center;} table.table01 tbody a.time {display:inline-block; padding-right:10px; font:normal 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; background:url('../img/time_icon.gif') no-repeat 100% 100%} table.table01 tbody a.time:hover {color:#96161a; background:url('../img/time_icon_on.gif') no-repeat 100% 100%} table.table01 tbody td span {font-weight:bold;} table.table01 tbody td.red {font:bold 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#96161a;} table.table01 tbody td.redbg {background:#fff8f7;} table.table01 tbody td.font_n12 {font:normal 12px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} table.table01 thead th.red {font:bold 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#96161a;} table.table02 {font:normal 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666666;} table.table02 td {text-align:center; padding-bottom:10px;} /*table 속에 리스트 있는 td에 text-align:left; 있는*/ table.table03 {width:100%; border-top:2px solid #878787;} table.table03 th {background:#f3f3f3; padding:10px; vertical-align:middle; text-align:center; border-right:1px solid #e6e6e6; border-bottom:1px solid #dddddd; font:bold 14px/20px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333} table.table03 th.last {border-right:none;} table.table03 td {padding:13px 0 14px 20px; text-align:left; vertical-align:middle; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; font:normal 13px/21px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666666} /*단체행사*/ table.table_pr {width:100%; border-top:2px solid #878787;} table.table_pr th {text-align:center; vertical-align:middle; background:#f3f3f3; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font:bold 13px/19px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333} table.table_pr td {padding:20px 0 20px 20px; vertical-align:middle; border-bottom:1px solid #ddd; font:normal 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} table.table_pr td p {font:bold 14px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"} table.table_pr td span {font-weight:bold;} table.table_pr td a { color:#666;} table.table_pr td a:hover {text-decoration:underline; color:#97161a;} table.table_pr .border_b {border-bottom:1px solid #ccc;} ul.bg_gray {background:#f1f1f1; padding:15px 30px; overflow:hidden;} ul.bg_gray li {float:left; padding-left:10px; background:url('../img/dot_gray2.gif') no-repeat 0 55%; font:normal 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} ul.bg_gray li.bg_no {background:none;} ul.dot_ul {overflow:hidden;} ul.dot_ul li {float:left; padding-left:10px; background:url('../img/dot_gray2.gif') no-repeat 0 13px; font:normal 14px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} ul.dot_ul li span.b {font-weight:bold;} ul.dot_ul li.bg_no {background:none;} ul.list_13 {} ul.list_13 li {padding:3px 0 0 10px; background:url('../img/dot_gray2.gif') no-repeat 0 14px; font:normal 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} ul.list_13 .b {font-weight:bold;} ul.list_13 .red {color:#97161a} ul.list_13 li a.more {font:bold 12px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#97161a; text-decoration:underline} ul.list_13 li a.more:hover {color:#000} ul.list_13 li.bg_no {background:none;} ul.li_13over {overflow:hidden;} ul.li_13over li {float:left; padding:3px 0 0 10px; background:url('../img/dot_gray2.gif') no-repeat 0 14px; font:normal 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} ul.li_13over .b {font-weight:bold;} ul.li_13over .red {color:#97161a} ul.li_13over li a.more {font:bold 12px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#97161a; text-decoration:underline} ul.li_13over li a.more:hover {color:#000} ul.li_13over li.bg_no {background:none;} ul.li_14 {font:normal 14px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} ul.li_14 li {margin-top:5px;} ul.li_14 .b {font-weight:bold;} ul.li_dot14 {} ul.li_dot14 li {padding:3px 0 0 10px; background:url('../img/dot_gray2.gif') no-repeat 0 14px; font:normal 14px/23px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} ul.li_dot14 .b {font-weight:bold;} ul.li_dot14 .red {color:#97161a} ul.li_dot14 li a.more {font:bold 12px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#97161a; text-decoration:underline} ul.li_dot14 li a.more:hover {color:#000} ul.li_dot14 li.bg_no {background:none;} ul.li_nobg {font:normal 13px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666} ul.li_nobg .b {font-weight:bold;} ul.li_nobg li {margin-top:5px;} /*멤버쉽골프 dot 없는 ul*/ ul.me_golf {overflow:hidden; padding:30px; background:#eee;} ul.me_golf li {float:left;} p.btn_text {font:bold 12px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#97161a;} p.btn_text .b {font-weight:bold;} p.btn_text .red {color:#97161a;} p.btn_text a.more {font:bold 12px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#97161a; text-decoration:underline} p.btn_text a.more:hover {color:#000} /* 교통안내 */ .traf_btn {float:right;} /*객실-상품권안내*/ ul.gift {overflow:hidden; padding:40px 50px 20px 50px; background:#f3f3f3;} ul.gift li {float:left; margin:10px 30px 20px 30px;} ul.gift li.end {float:left; margin-right:0;} ul.gift li p {font:bold 14px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; text-align:center;} /*vr*/ .vr_list {padding:10px 15px 15px 20px; background:#444; color:#919191;} .vr_list span {display:inline-block; padding-top:5px; color:#666 !important;;} .vr_list a {display:inline-block; padding:5px 17px 0 17px; color:#919191 !important;} .vr_list a:hover {color:#fff !important;} .vr_list a.on {color:#fff !important; } /*vr 많은부분*/ .vr_list01 {padding:8px 15px 8px 10px; background:#444; color:#919191;} .vr_list01 span {display:inline-block; padding-top:5px; color:#666 !important;;} .vr_list01 a {display:inline-block; padding:0px 8px 0 8px; color:#919191 !important;} .vr_list01 a:hover {color:#fff !important;} .vr_list01 a.on {color:#fff !important; } /* 이미지부분 - 평면도 VR 미포함 */ div.pic01 {width:100%; overflow:hidden; position:relative;} div.pic01 .big_img {float:left; width:770px; } div.pic01 .thumb {float:right; width:192px; height:460px; overflow:hidden; background:#222} div.pic01 .thumb li {opacity:0.3; cursor:pointer} div.pic01 .thumb li span {z-index:10} div.pic01 .thumb li.on span {width:192px; height:115px; display:block; position:absolute; cursor:pointer; background:url('img/pic_select02.png') no-repeat 0 0} div.pic01 .thumb li.on {opacity:1} div.pic01 .prev {position:absolute; width:192px; height:29px; top:0; right:0; z-index:100; text-align:center; } div.pic01 .prev a {display:block; width:100%; height:19px; padding-top:10px; background:#000; opacity:0.5; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms;} div.pic01 .prev a:hover {opacity:0.9} div.pic01 .next {position:absolute; width:192px; height:29px; bottom:0; right:0; z-index:100; text-align:center;} div.pic01 .next a {display:block; width:100%; height:19px; padding-top:10px; background:#000; opacity:0.5; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms;} div.pic01 .next a:hover {opacity:0.9} /* 이미지부분 - 평면도 VR포함 */ div.pic02 {width:100%; overflow:hidden; position:relative;} div.pic02 .big_img {float:left; width:770px; } div.pic02 .vr {width:192px; overflow:hidden; z-index:100; float:right;} div.pic02 .vr a {float:left; display:block; height:40px; padding-top:12px; text-align:right; font:bold 15px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; } div.pic02 .vr .btn01 {width:95px; border-right:1px solid #bfbaa8; background:url('../img/img_plan.png') #a49c83 no-repeat 15px 18px ; color:#fff} div.pic02 .vr .btn01:hover {background:url('../img/img_plan.png') #8b836c no-repeat 15px 18px ;} div.pic02 .vr .btn02 {width:90px; padding:12px 6px 0 0; background:url('../img/img_camera.png') #989684 no-repeat 24px 18px ; color:#fff} div.pic02 .vr .btn02:hover {background:url('../img/img_camera.png') #807e6b no-repeat 24px 18px ;} div.pic02 .vr .btn03 {width:100%; padding:12px 0 0 100px; text-align:left; background:url('../img/img_camera.png') #989684 no-repeat 68px 18px; color:#fff;} div.pic02 .vr .btn03:hover {background:url('../img/img_camera.png') #807e6b no-repeat 68px 18px;} div.pic02 .vr .btn04 {width:100%; padding:12px 0 0 100px; text-align:left; background:url('../img/img_map.png') #989684 no-repeat 68px 18px; color:#fff;} div.pic02 .vr .btn04:hover {background:url('../img/img_map.png') #807e6b no-repeat 68px 18px;} div.pic02 .vr .btn05 {width:95px; border-right:1px solid #bfbaa8; background:url('../img/img_map02.png') #a49c83 no-repeat 15px 18px ; color:#fff;} div.pic02 .vr .btn05:hover {background:url('../img/img_map02.png') #8b836c no-repeat 15px 18px ;} div.pic02 .vr .btn06 {width:100%; padding:12px 0 0 90px; text-align:left; background:url('../img/img_map02.png')#989684 no-repeat 65px 18px; color:#fff;} div.pic02 .vr .btn06:hover {background:url('../img/img_map02.png') #807e6b no-repeat 65px 18px;} div.pic02 .thumb {float:right; width:192px; height:370px; overflow:hidden; position:relative; margin-top:27px; background:#222} div.pic02 .thumb li {opacity:0.3} div.pic02 .thumb li span {z-index:10} div.pic02 .thumb li.on span {width:192px; height:124px; display:block; position:absolute; cursor:pointer; background:url('../img/pic_select.png') no-repeat 0 0} div.pic02 .thumb li.on {opacity:1} div.pic02 .vr_img .vr_i {} div.pic02 .vr_img .vr_list {height:25px; padding:9px 10px 0 10px; background:#414141; color:#666} div.pic02 .vr_img .vr_list a {padding:0 20px 0 20px; color:#999} div.pic02 .vr_img .vr_list a:hover {color:#fff} div.pic02 .vr_img .vr_list a.on {color:#fff} div.pic02 .prev {position:absolute; width:192px; height:29px; top:52px; right:0; z-index:100; text-align:center; } div.pic02 .prev a {display:block; width:100%; height:19px; padding-top:8px; background:#000; opacity:0.7; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms;} div.pic02 .prev a:hover {opacity:0.9} div.pic02 .next {position:absolute; width:192px; height:29px; bottom:-2px; right:0; z-index:100; text-align:center;} div.pic02 .next a {display:block; width:100%; height:19px; padding-top:8px; background:#000; opacity:0.7; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms;} div.pic02 .next a:hover {opacity:0.9} /*단지안내도*/ div.resort_map p.map01 {position:absolute; z-index:9999; top:317px; left:139px; background:url('../img/map01.png') no-repeat 0 0; width:121px; height:43px; cursor:pointer;} div.resort_map p.map01_on {position:absolute; z-index:9999; top:317px; left:139px; background:url('../img/map01_on.png') no-repeat 0 0; width:121px; height:43px; cursor:pointer;} div.resort_map p.map02 {position:absolute; z-index:9999; top:465px; left:123px; background:url('../img/map02.png') no-repeat 0 0; width:146px; height:24px; cursor:pointer;} div.resort_map p.map02_on {position:absolute; z-index:9999; top:465px; left:123px; background:url('../img/map02_on.png') no-repeat 0 0; width:146px; height:24px; cursor:pointer;} div.resort_map p.map03 {position:absolute; z-index:9999; top:340px; left:285px; background:url('../img/map03.png') no-repeat 0 0; width:36px; height:44px; cursor:pointer;} div.resort_map p.map03_on {position:absolute; z-index:9999; top:340px; left:285px; background:url('../img/map03_on.png') no-repeat 0 0; width:36px; height:44px; cursor:pointer;} div.resort_map p.map04 {position:absolute; z-index:9999; top:345px; left:325px; background:url('../img/map04.png') no-repeat 0 0; width:56px; height:44px; cursor:pointer;} div.resort_map p.map04_on {position:absolute; z-index:9999; top:345px; left:325px; background:url('../img/map04_on.png') no-repeat 0 0; width:56px; height:44px; cursor:pointer;} div.resort_map p.map05 {position:absolute; z-index:9999; top:330px; left:395px; background:url('../img/map05.png') no-repeat 0 0; width:56px; height:44px; cursor:pointer;} div.resort_map p.map05_on {position:absolute; z-index:9999; top:330px; left:395px; background:url('../img/map05_on.png') no-repeat 0 0; width:56px; height:44px; cursor:pointer;} div.resort_map p.map06 {position:absolute; z-index:9999; top:303px; left:460px; background:url('../img/map06.png') no-repeat 0 0; width:58px; height:24px; cursor:pointer;} div.resort_map p.map06_on {position:absolute; z-index:9999; top:303px; left:460px; background:url('../img/map06_on.png') no-repeat 0 0; width:58px; height:24px; cursor:pointer;} div.resort_map p.map07 {position:absolute; z-index:9999; top:255px; left:398px; background:url('../img/map07.png') no-repeat 0 0; width:56px; height:24px; cursor:pointer;} div.resort_map p.map07_on {position:absolute; z-index:9999; top:255px; left:398px; background:url('../img/map07_on.png') no-repeat 0 0; width:56px; height:24px; cursor:pointer;} div.resort_map p.map08 {position:absolute; z-index:9999; top:320px; left:620px; background:url('../img/map08.png') no-repeat 0 0; width:89px; height:24px; cursor:pointer;} div.resort_map p.map08_on {position:absolute; z-index:9999; top:320px; left:620px; background:url('../img/map08_on.png') no-repeat 0 0; width:89px; height:24px; cursor:pointer;} div.resort_map p.map09 {position:absolute; z-index:9999; top:330px; left:844px; background:url('../img/map09.png') no-repeat 0 0; width:86px; height:24px; cursor:pointer;} div.resort_map p.map09_on {position:absolute; z-index:9999; top:330px; left:844px; background:url('../img/map09_on.png') no-repeat 0 0; width:86px; height:24px; cursor:pointer;} div.resort_map p.map10 {position:absolute; z-index:9999; top:54px; left:588px; background:url('../img/map10.png') no-repeat 0 0; width:122px; height:24px; cursor:pointer;} div.resort_map p.map10_on {position:absolute; z-index:9999; top:54px; left:588px; background:url('../img/map10_on.png') no-repeat 0 0; width:122px; height:24px; cursor:pointer;} div.resort_map p.map11 {position:absolute; z-index:9999; top:233px; left:338px; background:url('../img/map11.png') no-repeat 0 0; width:46px; height:43px; cursor:pointer;} div.resort_map p.map11_on {position:absolute; z-index:9999; top:233px; left:338px; background:url('../img/map11_on.png') no-repeat 0 0; width:46px; height:43px; cursor:pointer;} div.resort_map {position:relative; z-index:99;} div.resort_map p.print_btn {position:absolute; z-index:9999; top:30px; left:30px;} div.map_info {overflow:hidden;} div.map_info .map_text {position:relative; width:170px; height:438px; float:left; padding:0 25px; background:#333;} div.map_info .map_text h5.kor {font:bold 16px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#fff;} div.map_info .map_text h5.eng {font:bold 16px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#b35b5e;} div.map_info .map_text p.cont {font:normal 13px/22px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#a5a5a5; letter-spacing:-0.5px;} div.map_info .map_text p.vr_btn {position:absolute; bottom:30px;} div.map_info .map_vr {width:750px; height:437px; float:left;} div.map_info .map_vr .vr_i {} div.map_info .map_vr .vr_list {height:26px; padding:4px 10px 0 10px; background:#414141; color:#666} div.map_info .map_vr .vr_list a {padding:0 12px; color:#999; font:normal 13px "Malgun Gothic","Dotum","Arial","verdana","Helvetica";} div.map_info .map_vr .vr_list a:hover {color:#fff} div.map_info .map_vr .vr_list a.on {color:#fff} /* 식음시설 */ .eatmenu {float:left; margin:15px 0 0 20px; font:normal 13px/22px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} /*faq*/ table.q_list {width:100%; border-top:2px solid #878787;} table.q_list tr.not_off {} table.q_list tr.not_over {background-color:#fcfcfc; cursor:pointer;} table.q_list th.q_icon {padding:14px 42px 14px 60px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; text-align:left; font:bold 13px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; background:url('../img/Q.png')no-repeat 2% 50%; } table.q_list td.a_icon {padding:14px 42px 14px 95px; border-bottom:1px solid #dadada; font:normal 13px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#555; background:#f8f8f8 url('../img/A.png')no-repeat 3% 18px; } table.q_list tr.not_over th.q_icon {text-decoration:underline; text-align:left; font:bold 13px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#373737; } table.q_list tr.not_off th.q_icon {font:bold 13px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#555; } /*워터파크*/ .blue_box {padding:20px; background:#ebf4fa;} /*골프티켓*/ .sale_line {display:inline-block; border-bottom:1px solid #666; height:11px;} /*날씨안내*/ table.highway_tab {width:100%; border:1px solid #ccc;} table.highway_tab tr.highway01 {text-align:center; background:#f6f6f6} table.highway_tab tr.highway01 td {padding:10px 0; border-bottom:2px dotted #e5e5e5; cursor:pointer} table.highway_tab tr.highway01 td.on {background:#fff; font:bold 13px/16px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#333; border-right:1px solid #f1f1f1; border-bottom:none} table.highway_tab tr.highway02 td {padding:13px 0; background:#fff;} table.highway_tab tr.highway02 p.local {padding-left:30px; font:normal 13px/16px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#ddd;} table.highway_tab tr.highway02 a {font:bold 13px/16px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#666;} table.highway_tab tr.highway02 a.on {color:#96161a;} table.highway_tab tr.highway02 a:hover {color:#96161a;} /* 시즌권 구매 08.21 추가*/ div.ski_buy h4 {padding-left:12px; font:bold 16px/16px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#96161a; background:url(../img/h4_redbg.jpg) no-repeat 0 2px;} div.ski_buy .font_n13 {font:normal 13px/23px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} div.ski_buy .font_b14 {font:bold 14px/23px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} div.ski_buy span {font-weight:bold;} div.ski_buy .dot {padding-left:10px; background:url('../img/dot_gray2.gif') no-repeat 0 13px; font:normal 14px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} div.ski_buy div.buy_season {background:url('../img/sea_background.jpg')repeat-y} div.ski_buy div.wrap_buys {width:930px; background:#fff; padding:23px 0; margin:30px 0 0 20px; border:1px solid #d0cec5; border-radius:10px} div.ski_buy table.tbl_buys {width:930px;} div.ski_buy table.tbl_buys tr td {text-align:center; border-right:1px solid #ccc} div.ski_buy table.tbl_buys tr td.left {text-align:left; padding-left:20px; vertical-align:middle; font:normal 13px/21px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} div.ski_buy table.tbl_buys tr td.bdtop {border-top:1px solid #bbb} div.ski_buy table.tbl_buys tr td.nobg {border-right:none} div.ski_buy table.tbl_buys p.text01 {font:bold 22px/16px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"} div.ski_buy table.tbl_buys p.text02 {margin-top:6px; font:bold 14px/23px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; letter-spacing:-0.5pt} div.ski_buy table.tbl_buys p.text03 {margin:10px 0 20px 0; font:bold 24px/23px "Malgun Gothic","Dotum","Arial","verdana","Helvetica"; color:#e27e1e} div.ski_buy table.tbl_buys .btn {width:208px; margin:0 auto; overflow:hidden} div.ski_buy .btn_buyr {display:inline-block; padding:8px 30px 10px 20px; text-align:center; font:bold 15px/19px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important; background:url('../img/btn_icon01.png') #96161a no-repeat 85% 51%} div.ski_buy .btn_buyr:hover {background:url('../img/btn_icon01.png') #e27e1e no-repeat 85% 51%} div.ski_buy .btn_buygr {display:inline-block; padding:8px 20px 10px 10px; text-align:center; font:bold 15px/19px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important; background:url('../img/btn_icon01.png') #999 no-repeat 90% 51%} div.ski_buy .btn_buygr:hover {background:url('../img/btn_icon01.png') #666 no-repeat 90% 51%} div.ski_buy ul.buy_noti li {padding-left:10px; background:url('../img/dot_gray2.gif') no-repeat 0 13px; font:normal 14px/25px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} div.ski_buy ul.buy_n13 li {font:normal 13px/23px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} div.ski_buy ul.buy_bg {padding:18px 20px 15px 20px; margin:5px 0 10px 0; background:#f3f3f3;} div.ski_buy ul.buy_bg li {background:none; padding:none !important; font:normal 13px/23px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} div.ski_buy ul.buy_bg li.dot {padding-left:10px; background:url('../img/dot_gray2.gif') no-repeat 0 13px !important; background:none; margin-bottom:8px; font:normal 13px/23px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;} div.ski_buy table.tb2_buys {width:100%; border-top:2px solid #878787; } div.ski_buy table.tb2_buys thead th {background:#f3f3f3; padding:10px; vertical-align:middle; text-align:center; border-right:1px solid #e6e6e6; border-bottom:1px solid #dddddd; font:bold 14px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#616161} div.ski_buy table.tb2_buys thead th.last {border-right:none;} div.ski_buy table.tb2_buys tbody th {text-align:center; padding:11px 0; vertical-align:middle; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background:#f9f9f9; font:bold 13px/20px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666666} div.ski_buy table.tb2_buys tbody td {padding:10px 0; text-align:center; vertical-align:middle; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; font:normal 13px/21px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666666} div.ski_buy table.tb2_buys tbody .last {border-bottom:1px solid #c7c7c7;} div.ski_buy .btn_line {display:inline-block; height:20px; padding:5px 20px 2px 18px; font:bold 13px/15px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666 !important; border:1px solid #bbb; border-radius:3px; background:url('../img/btn_icon04.png') #f7f7f7 no-repeat 90% 8px; cursor:pointer;} div.ski_buy .btn_line:hover {background:url('../img/btn_icon01.png') #999 no-repeat 90% 8px; color:#fff !important; border:1px solid #777; border-radius:3px; cursor:pointer;} /*시즌권 안내 08.21 추가*/ .btn_seaintr {display:inline-block; height:36px; padding:14px 60px 0 30px; text-align:center; font:bold 16px/19px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important; background:url('../img/btn_icon01.png') #96161a no-repeat 85% 20px ; } .btn_seaintr:hover {background:url('../img/btn_icon01.png') #666 no-repeat 85% 20px ;}