@charset "utf-8";
/* ------------------------------------------
* Filename: main.css
* Description: 메인페이지 스타일
* Author: Fu:z
------------------------------------------ */

ul.link_section{float:left;}
ul.link_section li{float:left;}
ul.link_section li div{display:none; float:left;}
ul.link_section li div.on{width:350px; height:298px; padding:25px; background:url('/img/front/main/bg_on.gif') no-repeat;}
ul.link_section li div.on h2{margin:0 0 40px 0;}
ul.link_section li div.on p{padding:0 0 65px 0; font-family:NanumGothicBold; font-size:15px; letter-spacing:-1px; line-height:1.2; color:#a0a0a0;}
ul.link_section li div.on p span{font-size:26px; color:#777;}

ul.link_section li div.off{width:220px; height:280px; padding:30px 15px; background:url('/img/front/main/bg_off.gif') no-repeat;}
ul.link_section li div.off h2{padding:0 10px 180px 10px;}

ul.link_section li .current{display:block;}

ul.link_section li.link_a .on,
ul.link_section li.link_a .off,
ul.link_section li.link_b .on,
ul.link_section li.link_b .off{margin:0 15px 0 0;}

/* reserve */
ul.link_section li.link_a div.on p{background:url('/img/front/main/reserve_deco.jpg') no-repeat right 0;}
ul.link_section li.link_a div.on ul li{float:left; width:175px;}
ul.link_section li.link_a div.on ul li a{display:block; padding:4px 0 10px 35px; color:#868686; background-repeat:no-repeat}
ul.link_section li.link_a div.on ul li.ico_room a{background-image:url('/img/front/main/ico_room.gif')}
ul.link_section li.link_a div.on ul li.ico_room_state a{background-image:url('/img/front/main/ico_room_state.gif')}
ul.link_section li.link_a div.on ul li.ico_package a{background-image:url('/img/front/main/ico_package.gif')}
ul.link_section li.link_a div.on ul li.ico_golf a{background-image:url('/img/front/main/ico_golf.gif')}
ul.link_section li.link_a div.on ul li.ico_food a{background-image:url('/img/front/main/ico_food.gif')}
ul.link_section li.link_a div.on ul li.ico_bus a{background-image:url('/img/front/main/ico_bus.gif')}
ul.link_section li.link_a div.on ul li.ico_ocean a{background-image:url('/img/front/main/ico_ocean.gif')}
ul.link_section li.link_a div.on ul li.ico_ski a{background-image:url('/img/front/main/ico_ski.gif')}

ul.link_section li.link_a div.off h2{background:url('/img/front/main/reserve_deco_off.jpg') no-repeat 35px 50px;}
ul.link_section li.link_a div.off ul li{float:left; width:106px;}
ul.link_section li.link_a div.off ul li.even{width:114px;}
ul.link_section li.link_a div.off ul li a{display:block; padding:5px 0 10px 23px; font-size:11px; color:#c2c2c2; background-position:0 2px; background-repeat:no-repeat;letter-spacing:-1px;word-spacing:-1px}
ul.link_section li.link_a div.off ul li.ico_room a{background-image:url('/img/front/main/ico_room_off.gif')}
ul.link_section li.link_a div.off ul li.ico_room_state a{background-image:url('/img/front/main/ico_room_state_off.gif')}
ul.link_section li.link_a div.off ul li.ico_package a{background-image:url('/img/front/main/ico_package_off.gif')}
ul.link_section li.link_a div.off ul li.ico_golf a{background-image:url('/img/front/main/ico_golf_off.gif')}
ul.link_section li.link_a div.off ul li.ico_food a{background-image:url('/img/front/main/ico_food_off.gif')}
ul.link_section li.link_a div.off ul li.ico_bus a{background-image:url('/img/front/main/ico_bus_off.gif')}
ul.link_section li.link_a div.off ul li.ico_ocean a{background-image:url('/img/front/main/ico_ocean_off.gif')}
ul.link_section li.link_a div.off ul li.ico_ski a{background-image:url('/img/front/main/ico_ski_off.gif')}

/* event */
ul.link_section li.link_b div.on p{background:url('/img/front/main/event_deco.jpg') no-repeat right 0;}
ul.link_section li.link_b div.on ul li{float:left; margin:0 0 0 10px;}
ul.link_section li.link_b div.on ul li:first-child{margin:0;}

ul.link_section li.link_b div.off h2{background:url('/img/front/main/event_deco_off.jpg') no-repeat 10px 30px;}
ul.link_section li.link_b div.off ul li{float:left; margin:0px 0px 0px 20px;}

/* info */
ul.link_section li.link_c div.on p{background:url('/img/front/main/info_deco.jpg') no-repeat right 0;}
ul.link_section li.link_c div.on ul li{float:left; margin:7px 10px 0; text-align:center;}
ul.link_section li.link_c div.on ul li a{display:block; padding:40px 1px 0 1px; color:#868686;}
ul.link_section li.link_c div.on ul li.mydm a{background:url('/img/front/main/ico_mydm.gif') no-repeat center 0;}
ul.link_section li.link_c div.on ul li.cyber a{background:url('/img/front/main/ico_cyber.gif') no-repeat center 0;}
ul.link_section li.link_c div.on ul li.sns a{*width:48px; background:url('/img/front/main/ico_sns.gif') no-repeat center 0;}
ul.link_section li.link_c div.on ul li.ad a{background:url('/img/front/main/ico_ad.gif') no-repeat center 0;}
ul.link_section li.link_c div.on ul li.webzin a{width:25px;background:url('/img/front/main/ico_webzin.gif') no-repeat center 0;}

ul.link_section li.link_c div.off h2{background:url('/img/front/main/info_deco_off.jpg') no-repeat 37px 50px;}
ul.link_section li.link_c div.off ul {margin-left:10px;}
ul.link_section li.link_c div.off ul li{float:left; margin:7px 8px 0;}
ul.link_section li.link_c div.off ul li a{display:block; padding:40px 0 0 0; color:#c2c2c2;}
ul.link_section li.link_c div.off ul li.mydm a{background:url('/img/front/main/ico_mydm_off.gif') no-repeat center 0;}
ul.link_section li.link_c div.off ul li.cyber a{*width:60px; background:url('/img/front/main/ico_cyber_off.gif') no-repeat center 0;}
ul.link_section li.link_c div.off ul li.sns a{background:url('/img/front/main/ico_sns_off.gif') no-repeat center 0;}

ul.link_section > li.link_b ul li a{display:block; width:80px; height:65px}
ul.link_section > li.link_b ul li.btn001 a{background:url(/img/front/main/ico_event1_off.gif)}
ul.link_section > li.link_b ul li.btn001 a.current{background:url(/img/front/main/ico_event1_on_.gif)}
ul.link_section > li.link_b ul li.btn001 a:hover{background:url(/img/front/main/ico_event1_on_.gif)}
ul.link_section > li.link_b ul li.btn002 a{background:url(/img/front/main/ico_event2_off.gif)}
ul.link_section > li.link_b ul li.btn002 a.current{background:url(/img/front/main/ico_event2_on_.gif)}
ul.link_section > li.link_b ul li.btn002 a:hover{background:url(/img/front/main/ico_event2_on_.gif)}
ul.link_section > li.link_b ul li.btn003 a{background:url(/img/front/main/ico_event3_off.gif)}
ul.link_section > li.link_b ul li.btn003 a.current{background:url(/img/front/main/ico_event3_on_.gif)}
ul.link_section > li.link_b ul li.btn003 a:hover{background:url(/img/front/main/ico_event3_on_.gif)}
ul.link_section > li.link_b ul li.btn004 a{background:url(/img/front/main/ico_event4_off.gif)}
ul.link_section > li.link_b ul li.btn004 a.current{background:url(/img/front/main/ico_event4_on_.gif)}
ul.link_section > li.link_b ul li.btn004 a:hover{background:url(/img/front/main/ico_event4_on_.gif)}


/* banner_section */
div.banner_section{clear:both; position:absolute; top:545px; left:0; width:100%; height:280px; padding:16px 0 15px 0; background:url('/img/front/main/banner_bg.gif') repeat-x;}
div.banner_section h3{float:left; text-align:left;width:100%;}
div.banner_section ul li{float:left;}

div.banner_section div.ban{display:none; clear:both;}
div.banner_section div.ban div.top{overflow:hidden; width:930px; height:38px; margin:0 auto;}
div.banner_section div.ban div.top ul{float:right;}
div.banner_section div.ban div.top ul li{margin:0 5px 0 0px}
*:first-child+html div.banner_section div.ban div.top ul li{letter-spacing:-1px}
div.banner_section div.ban div.top ul li input{margin: 0 0 0 3px;}
div.banner_section div.ban div.top ul li label{position:relative; top:1px}
div.banner_section div.ban div.top div.btn_info{float:right;}
div.banner_section div.ban_a{display:block;}

div.link_area{position:relative; width:100%; height:145px; margin-top:10px}
div.link_area > ul{width:9999px; margin:0 auto; background:#b4cae3;}
div.link_area > ul > li{width:225px; height:158px; padding:7px 0 0 0; margin:0 8px; text-align:center; background:#fff;}
div.link_area > ul > li > a.subject{display:block; margin:7px 0 0 0; padding:0 0 0 7px; text-align:left; font-size:12px; line-height:12px; color:#999;}
div.link_area > ul > li > a.subject .clip{max-height:12px; height:auto !important; height:12px; overflow:hidden;text-overflow:clip;padding-top:1px}

div.link_area div.inner{width:1420px}
div.link_area div.box{float:left; position:relative; width:180px; height:125px; margin:0 8px; padding:20px; background:#fff;}
div.link_area div.box h4{margin:5px 0 15px 0; font-size:15px; text-align:left; color:#444;}
div.link_area div.box:hover h4{color:#008393}
div.link_area div.box:hover h4 a:link,
div.link_area div.box:hover h4 a:visited{color:#008393}
div.link_area div.box ul li .gongji{width:265px;float:left;overflow:hidden;text-overflow:clip;color:#FF6600;margin-top:-6px;}
div.link_area div.box ul li{width:165px; padding:0 0 0 12px;line-height:2.0}
div.link_area div.box ul li a,
div.link_area div.box p{color:#999;}
div.link_area div.box p{line-height:1.4;}
div.link_area div.box ul li a:hover{cursor: pointer;}

div.link_area div.box ul.list_type1 li{background:url('/img/front/main/bul_arrow.gif') no-repeat 0 3px;}
div.link_area div.box ul.list_type2{margin-top:-4px}
div.link_area div.box ul.list_type2 li{padding:0 0 0 7px; letter-spacing:-1px; background:url('/img/front/main/bul_dash.gif') no-repeat 0 6px;}

div.link_area div.box.hover{width:262px;height:125px;border:5px solid #008393;padding:15px}

div.link_area div.box.news{width:262px;}
div.link_area div.box.news a.btn_more{position:absolute; top: 23px; right: 18px;}
div.link_area div.box.news a.btn_more.hover{top:18px; right:13px;}

div.link_area div.box.mydm{background:#fff url('/img/front/main/bg_infobox_mydm.gif') no-repeat 115px 45px}
div.link_area div.box.mydm:hover{background:#fff url('/img/front/main/bg_infobox_mydm_on.gif') no-repeat}
div.link_area div.box.mydm p{margin:0 0 20px 0;}

div.link_area div.box.member{background:#fff url('/img/front/main/bg_infobox_cf.gif') no-repeat 85px 60px}
div.link_area div.box.member:hover{background:#fff url('/img/front/main/bg_infobox_cf_on.gif') no-repeat}
div.link_area div.box.member ul li{width:75px;}

div.link_area div.box.cyber{background:#fff url('/img/front/main/cyber_bg.gif') no-repeat 115px 40px}
div.link_area div.box.cyber:hover{background:#fff url('/img/front/main/cyber_bg_on.gif') no-repeat}
div.link_area div.box.member p,
div.link_area div.box.cyber p,
div.link_area div.box.paper p{margin:0 0 20px 0;}

div.link_area div.box.cscenter{background:#fff url('/img/front/main/cs_bg.gif') no-repeat 130px 35px}
div.link_area div.box.cscenter:hover{background:#fff url('/img/front/main/cs_bg.gif') no-repea}
div.link_area div.box.cscenter .txt1{margin:0 0 15px 0;}
div.link_area div.box.cscenter .txt2{margin:0 0 11px 0;}

div.link_area div.box.paper{background:#fff url('/img/front/main/culture_paper.gif') no-repeat 117px 37px}
div.link_area div.box.paper:hover{background:#fff url('/img/front/main/culture_paper_on.gif') no-repeat}

.lr_btns{display:none; position:absolute; bottom:-62px; left:50%; margin-left:-37px}
.lr_btns a:first-child{margin-right:6px}

/* scroll */
div.scroll{position:relative; width:360px; height:26px; margin:20px auto 0 auto; background:#fff url('/img/front/main/scroll_bg.gif') no-repeat;}
div.scroll a{position:absolute;}
div.scroll a.scroll_prev{top:4px; left:7px;}
div.scroll a.scroll_next{top:4px; right:7px;}
div.scroll a.scroll_bar{top:9px; left:30px;}

/* right_link */
div.main_right_link{position:absolute; top:70px; right:0; z-index:999;}
div.main_right_link a{display:block; margin:0 0 1px 0;}




.sly > ul { list-style: none; margin: 0; padding: 0; }
.sly > ul li { position: relative; margin: 0; padding: 0; background: #4DBCE9; color: #fff; text-align: center; cursor: pointer;
	 -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
	 -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
	 -o-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
	 box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.sly > ul li.active { background: #fafafa; color: #aaa; z-index: 100;
	 -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 0 0 10px rgba(0,0,0,.07);
	 -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 0 0 10px rgba(0,0,0,.07);
	 -o-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 0 0 10px rgba(0,0,0,.07);
	 box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 0 0 10px rgba(0,0,0,.07);
}

div.controls{width:360px; height:16px; margin:12px auto 0; padding-top:10px; background:url(/img/front/main/bg_controls.gif)}

.scrollbar { background: #808080; line-height: 0; }

/* Horizontal examples */
#horizontal .slyWrap { margin:10px 0 0 0; }

#horizontal .scrollbar { width:298px; height:6px; margin:0 auto; background:url(/img/front/main/bg_scrollbar.gif)}
#horizontal .scrollbar .handle { width:40%; height:20px; top:-8px; background:url(/img/front/main/bg_handle.gif)}

#horizontal .scrollwrap .sly { height: 166px; }
#horizontal .scrollwrap .sly ul { height: 150px; }
#horizontal .scrollwrap .sly ul li { float: left; margin: 0 10px 0 0; font-size: 50px; cursor: default; background:#fff}
#horizontal .scrollwrap .sly ul li a{position:relative}
#horizontal .scrollwrap .sly ul li a:first-child{display:inline-block}
#horizontal .scrollwrap .sly ul li.noimg{background:url(/img/front/main/bg_noimg.gif) no-repeat center center #dde8f4}
#horizontal .scrollwrap .sly ul li.active {background:url(/img/front/main/bg_noimg.gif) no-repeat center middle #fff; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

div.btn-group{position:relative; width:298px; margin:0 auto}
div.btn-group div{position:absolute}
div.btn-group div.prevPage{top:-11px; left:-23px;}
div.btn-group div.nextPage{top:-11px; right:-23px;}

.hdd{font-size:0; width:0; height:0; line-height:0; visibility:hidden; position:absolute;}
.check_set_hotel{display:none}
.check_set_eve_resort{display:none}
.check_set_eve_hotel{display:none}

.nomore{margin-top:70px}