@charset "utf-8";
/* ------------------------------------------
* Filename: layout.css
* Description: 전체 공통 Layout
* Author: Fu:z
------------------------------------------ */
body{position:relative; min-height:100%; height:auto; z-index:11; overflow-x:hidden}
#wrap{width:100%; margin:0 auto; overflow:hidden;}

/* toplink */
#toplink_wrap{width:100%; height:40px; background:url('/img/front/common/layout/bg_toplink.gif') repeat-x;}
#toplink_wrap .toplink {width:930px; margin:0 auto;}

#toplink_wrap.chain{border-bottom:5px solid #636363;}
#toplink_wrap.chain .toplink .r_site li.current{background:#636363 url('/img/front/common/layout/bg_toplink_current_left2.gif') no-repeat left top;}
#toplink_wrap.chain .toplink .r_site li.current a{background:url('/img/front/common/layout/bg_toplink_current_right2.gif') no-repeat right top;}
#toplink_wrap.chain .toplink .r_site li.current a span.chain{
margin-top:-8px; display:block; width:58px; height:34px; cursor:pointer; text-indent:-5000px; background:url('/img/front/common/layout/bg_toplink_current_chain.gif') no-repeat;}
#toplink_wrap .toplink .r_site li .home{padding-left:20px; background:url('/img/front/saupjang/common/layout/ico_toplink_home_off.gif') no-repeat;}

#toplink_wrap .toplink .r_site li{float:left; height:26px; margin:14px 1px 0 2px; padding-left: 12px;}
#toplink_wrap .toplink .r_site li a{color:#fff; letter-spacing:0}
#toplink_wrap .toplink .r_site li.current{height:34px; margin-top:6px; background:#fff url('/img/front/common/layout/bg_toplink_current_left.gif') no-repeat left top;}
#toplink_wrap .toplink .r_site li.current a{display:inline-block; height:26px; padding:8px 12px 0 0; color:#008393; background:url('/img/front/common/layout/bg_toplink_current_right.gif') no-repeat right top;}
#toplink_wrap .toplink .r_site li.current .home{padding-left:20px; background:url('/img/front/common/layout/ico_toplink_home.gif') no-repeat;}

div.link_site{position:relative; float:right; width:160px; z-index:12;}
div.link_site div.link_select{margin:7px 0 0 0;}
div.link_site ul.link_list{display:none; position:absolute; top:7px; left:0; z-index:12;}
div.link_site ul.link_list a{display:block;}

/*
#toplink_wrap .toplink .r_site_banner{float:right;}
#toplink_wrap .toplink .r_site_banner li{float:left; margin-top:9px;}
#toplink_wrap .toplink .r_site_banner li:first-child{margin:13px 13px 0 0;}
 */

/* header */
#header{position:relative;width:930px; margin:0px auto 0;z-index:30}
#header h1{position:absolute; top:23px; width:151px; z-index:11;}

/* gnb */
#gnb{position:absolute; top:0px; left:0px; z-index:10; width:100%; height:80px;}
.gnb_menu{width:747px; margin:0 auto; padding:37px 0 0 150px;}
.gnb_menu li{position:relative; float:left; padding-bottom:33px; font-size:17px; font-weight:bold; z-index:14; letter-spacing:-2px;padding-left:5px;text-align:center;}
.gnb_menu li.m1{width:85px;}
.gnb_menu li.m2{width:83px;}
.gnb_menu li.m3{width:108px;}
.gnb_menu li.m4{width:62px;}
.gnb_menu li.m5{width:85px;}
.gnb_menu li.m6{width:80px;}
.gnb_menu li.quick_login{width:930px}
.gnb_menu li.quick_login,
.gnb_menu li.quick_login span{font-size:12px; font-weight:normal}
.gnb_menu li.quick_login .join_section p span{font-size:14px; font-weight:bold}
.gnb_menu li.quick_login .btn_long a{color:#fff}
/* .gnb_menu li.m1{width:116px;}
.gnb_menu li.m2{width:96px;}
.gnb_menu li.m3{width:80px;}
.gnb_menu li.m4{width:96px;}
.gnb_menu li.m5{width:95px;}
.gnb_menu li.m6{width:80px;} */
.gnb_menu li a{color:#333333;}
.gnb_menu li a:hover, .gnb_menu .sub li a:hover{color:#6987aa;}
.gnb_menu .sub_wrap{display:none; position:absolute; z-index:15; width:883px; min-height:195px; max-height:234px; height:auto !important; height:195px; padding:35px 0 0 45px; border:1px solid #adadad; background:url(/img/front/common/layout/bg_gnb01.gif) no-repeat 36px 75px #fff}
.gnb_menu .sub_wrap.on01{left:-167px; top:30px}
.gnb_menu .sub_wrap.on01 div.bump{position:absolute; top:-9px; left:206px; width:16px; height:9px; background:url(/img/front/main/bg_bump.gif)}
.gnb_menu .sub_wrap.on02{left:-257px; top:30px}
.gnb_menu .sub_wrap.on02 div.bump{position:absolute; top:-9px; left:296px; width:16px; height:9px; background:url(/img/front/main/bg_bump.gif)}
.gnb_menu .sub_wrap.on03{left:-345px; top:30px}
.gnb_menu .sub_wrap.on03 div.bump{position:absolute; top:-9px; left:398px; width:16px; height:9px; background:url(/img/front/main/bg_bump.gif)}
.gnb_menu .sub_wrap.on04{left:-458px; top:30px}
.gnb_menu .sub_wrap.on04 div.bump{position:absolute; top:-9px; left:484px; width:16px; height:9px; background:url(/img/front/main/bg_bump.gif)}
.gnb_menu .sub_wrap.on05{left:-525px; top:30px}
.gnb_menu .sub_wrap.on05 div.bump{position:absolute; top:-9px; left:564px; width:16px; height:9px; background:url(/img/front/main/bg_bump.gif)}
.gnb_menu .sub_wrap.on06{left:-615px; top:30px;color:}
.gnb_menu .sub_wrap.on06 div.bump{position:absolute; top:-9px; left:650px; width:16px; height:9px; background:url(/img/front/main/bg_bump.gif)}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.gnb_menu .sub_wrap.on01{left:-166px; top:30px}
.gnb_menu .sub_wrap.on02{left:-256px; top:30px}
.gnb_menu .sub_wrap.on03{left:-344px; top:30px}
.gnb_menu .sub_wrap.on04{left:-457px; top:30px}
.gnb_menu .sub_wrap.on05{left:-524px; top:30px}
.gnb_menu .sub_wrap.on06{left:-614px; top:30px}
}

.gnb_menu .sub_wrap.on01, x:-moz-any-link, x:default {left:-166px; top:30px}
.gnb_menu .sub_wrap.on02, x:-moz-any-link, x:default {left:-251px; top:30px}
.gnb_menu .sub_wrap.on03, x:-moz-any-link, x:default {left:-334px; top:30px}
.gnb_menu .sub_wrap.on04, x:-moz-any-link, x:default {left:-442px; top:30px}

.gnb_menu .sub_wrap:after,
.gnb_menu .sub_wrap ul:after{content:""; display:block; clear:both}
.gnb_menu .sub_wrap ul{position:relative; top:-7px; width:700px; margin-left:170px;}
.gnb_menu .sub_wrap ul.s2,
.gnb_menu .sub_wrap ul.s3{width:520px}
.gnb_menu .sub_wrap ul li{float:left; width:160px; height:19px; margin:0 0 13px 0; padding:7px 0 0 13px; font-size:13px;text-align:left;}
.gnb_menu .sub_wrap ul li.w135{width:135px}
.gnb_menu .sub_wrap ul li.w160{width:160px}
.gnb_menu .sub_wrap ul li a{display:block; color:#8f8f8f}
.gnb_menu .sub_wrap ul li:hover{background:#94afcd}
.gnb_menu .sub_wrap ul li:hover a{color:#fff}
.gnb_menu .sub_wrap .text01{float:left; display:block; font-size:20px; color:#93abc3}
.gnb_menu .sub{ margin:0 auto;}
/*.gnb_menu .sub li{clear:both; width:100%; padding:0 0 0 6px; line-height:24px; font-size: 11px; background:url('/img/front/common/layout/bul_gnb.gif') no-repeat left 11px;}
.gnb_menu .sub li a{font-size:11px; font-weight:normal; color:#777;}
.gnb_menu .sub li:first-child{padding-top:12px; background:url('/img/front/common/layout/bul_gnb.gif') no-repeat left 23px;}*/

/* subtitle */
div.subinfo{display:none; position:absolute; top:32px; z-index:12; text-align:right;}
div.subinfo
div.subinfo .text02{display:block; margin:0 5px 6px 0; font-size:15px;}
div.subinfo .text03{display:block; font-size:11px; color:#b4b4b4;}
div.subtitle01{width:360px; height:315px; left:387px; background:url('/img/front/common/layout/bg_gnb.gif') no-repeat left top;}
div.subtitle02{width:360px; height:315px; left:302px; background:url('/img/front/common/layout/bg_gnb.gif') no-repeat left top;}
div.subtitle03{width:360px; height:315px; left:217px; background:url('/img/front/common/layout/bg_gnb.gif') no-repeat left top;}
div.subtitle04{width:360px; height:315px; left:77px; background:url('/img/front/common/layout/bg_gnb.gif') no-repeat left top;}
div.subtitle05{width:360px; height:315px; left:-8px; background:url('/img/front/common/layout/bg_gnb.gif') no-repeat left top;}
div.subtitle06{width:360px; height:315px; left:-92px; background:url('/img/front/common/layout/bg_gnb.gif') no-repeat left top;}


/* util */
div.util{position:absolute; top:19px; top:20px\9; z-index:11; width:238px; margin:0 0 0 692px; text-align:right}
:root div.util{top:18px\0/ie9}
div.util.logout ul li a{margin:0 2px}
div.util ul{width:100%}
div.util ul:after{content:""; display:block; clear:both}
div.util ul li{float:left; font-size:7px; color:#d4d4d4}
div.util ul li:first-child{margin-left:13px}
div.util ul li a{margin:0 2px}
div.util .search_form{clear:both; margin-top: 6px; /*background:url('/img/front/common/layout/bg_search_form.gif') no-repeat;*/}
div.util .search_form input.search{position:relative; top:1px; *top:0; left:3px; width:197px; height:17px; vertical-align:middle; border:1px solid #999; border-right:0}
:root div.util .search_form input.search{left:4px\0/IE9;} 
div.total_search input.focus_style{border:1px solid #999 !important; border-right:0 !important}
div.total_search input[type='image']{margin:1px 1px 0 0 !important}
div.total_search img{position:relative; top:1px; *left:-10px}
*:first-child+html .total_search img{top:0px; left:-9px}

div.util ul li.lang_li{position:relative; width:57px; z-index:13}

div.lang{display:none; position:absolute; top:12px; left:1px; width:60px; height:70px; padding:10px 1px 0; z-index:14; background:url(/img/front/common/layout/bg_lang.png)}
div.lang a{display:block; margin:0 0 4px 0 !important}
div.lang a img.over{display:none}
div.lang a:hover img{display:none}
div.lang a:hover img.over{display:inline}

/* login_layer */
div.login_layer{display:none; position:absolute; top:0px; right:0px; z-index:10; width:238px; height:125px; padding:20px 0 0 22px; background:url('/img/front/common/layout/bg_login_layer.gif') no-repeat;}
div.login_layer span.title{display:block; height:13px; padding:2px 0 0 22px; font-size:13px; background:url('/img/front/common/layout/ico_login_title.gif') no-repeat left top;}
div.login_layer dl{position:relative; float:left; width:156px; margin-top:14px;}
div.login_layer dl dt{position:absolute; left:7px;}
div.login_layer dl dt label{font-family:dotum; font-weight:normal; font-size:11px;}
div.login_layer dl dt.id-label{top:8px;}
div.login_layer dl dt.pass-label{top:37px;}
div.login_layer dl dd {margin-bottom:5px;}
div.login_layer dl dd input{width:145px; height:22px;}
div.login_layer .login_input{float:left; margin-top:14px;}
div.login_layer .id_check{display:block; clear:both; width:80px; padding-top:8px;}
div.login_layer .id_check label{margin-left:5px; font-size:12px; font-weight:normal;}
div.login_layer .login_close{position:absolute; top:11px; right:20px;}

/* container */
#container{width:930px; min-height:100%; height:auto; overflow:hidden;margin:0 auto;}
body.main #container{width:930px; height:680px;}

/* visual */
div.visual{position:relative; width:740px; height:156px; padding-top:116px; z-index:3; /*background:url('/img/front/common/layout/bg_visual01.gif') no-repeat*/}
div.visual .location li{display:inline; margin-left:6px; padding-right:12px; background:url('/img/front/common/layout/bul_loaction.gif') no-repeat right center;}
div.visual .location li.home{margin-left:0px;}
div.visual .location li.home img{vertical-align:top;}
div.visual .location li.current{font-weight:bold; background:none;}
div.visual .location li.current a{color:#686868;}
div.visual h3{margin-top:40px; font-size:40px; color:#6283ab; letter-spacing:-4px;}
div.visual h3.verdana{font-family:verdana; font-weight:500}
div.visual p{margin-top:15px; color:#777;}
div.visual span{position:absolute; top:134px; right:71px;}
/* visual bg 2013-01-24 최홍식 */
div.visual.bg01{background:url('/img/front/common/layout/bg_visual01.jpg') no-repeat right bottom;}
div.visual.bg02{background:url('/img/front/common/layout/bg_visual02.jpg') no-repeat right bottom;}
div.visual.bg03{background:url('/img/front/common/layout/bg_visual03.jpg') no-repeat right bottom;}
div.visual.bg04{background:url('/img/front/common/layout/bg_visual04.jpg') no-repeat right bottom;}
div.visual.bg05{background:url('/img/front/common/layout/bg_visual05.jpg') no-repeat right bottom;}
div.visual.bg06{background:url('/img/front/common/layout/bg_visual06.jpg') no-repeat right bottom;}
div.visual.bg07{background:url('/img/front/common/layout/bg_visual07.jpg') no-repeat right bottom;}
div.visual.bg08{background:url('/img/front/common/layout/bg_visual08.jpg') no-repeat right bottom;}
div.visual.bg09{background:url('/img/front/common/layout/bg_visual09.jpg') no-repeat right bottom;}
div.visual.bg10{background:url('/img/front/common/layout/bg_visual10.jpg') no-repeat right bottom;}
div.visual.bg11{background:url('/img/front/common/layout/bg_visual11.jpg') no-repeat right bottom;}
div.visual.bg12{background:url('/img/front/common/layout/bg_visual12.jpg') no-repeat right bottom;}
div.visual.bg13{background:url('/img/front/common/layout/bg_visual13.jpg') no-repeat right bottom;}
div.visual.bg15{background:url('/img/front/common/layout/bg_visual15.jpg') no-repeat right bottom;}
div.visual.bg14{background:url('/img/front/common/layout/bg_visual14.jpg') no-repeat right bottom;}
div.visual.bg16{background:url('/img/front/common/layout/bg_visual16.jpg') no-repeat right bottom;}
div.visual.bg17{background:url('/img/front/common/layout/bg_visual17.jpg') no-repeat right bottom;}

/* container_inner */
div.container_inner{position:relative; width:740px; padding-top:20px;}
*div.container_inner{z-index:0;}
body.reserve div.container_inner{width:930px; padding:20px 0 0 0;}
body.main div.container_inner{position:static; width:930px;  padding:20px 0 0 0;}

/* contents */
#contents{overflow:hidden; width:100%; min-height:770px; margin-top:17px; letter-spacing:0}
body.reserve #contents{width:930px; margin:0; padding:90px 0 0 0; }
body.main #contents{width:930px; margin:0; padding:70px 0 0 0; }

/* side_menu */
#side_menu{position:absolute; top:115px; right:-189px; width:160px;}
/*#side_menu h2{width:160px; padding:10px 0 0 0; background:url('/img/front/common/layout/snb_h2_bg.gif') no-repeat;}
#side_menu h2 span{display:block; padding:7px 15px 17px 15px; font-size:22px; color:#fff; background:url('/img/front/common/layout/snb_h2_bg.gif') no-repeat 0 bottom;}
*/

/* snb */
#side_menu #snb{width:160px; margin-top:20px;}
#side_menu #snb li{margin-bottom: 16px;}
#side_menu #snb li a{color:#777; font-weight:bold;}
#side_menu #snb li.current a{display:block; margin-right:5px; margin-bottom: 16px; color:#6987aa; font-weight:bold; background:url('/img/front/common/layout/ico_snb_open.gif') no-repeat right 5px;}
#side_menu #snb li.current ul{margin-top: 9px; padding-top: 14px; border-top:1px solid #e2e2e2;}
#side_menu #snb li.current ul li{margin-bottom:9px;}
#side_menu #snb li.current ul li a{margin-left: 2px; padding-left: 17px; color:#999; font-weight:normal; font-size:11px; background: url('/img/front/common/layout/ico_snb_2depth.gif') no-repeat 5px 3px;}
#side_menu #snb li.current ul.sub_depth li.current a{font-weight:bold; color:#777;}

/* snb_banner */
dl.snb_banner{width:148px; height:84px; padding:13px 0 12px 22px; background:url('/img/front/common/layout/bg_snb_banner.gif') no-repeat;}
dl.snb_banner dd{margin-top:11px;}

/* qr_banner */
div.qr_banner{width:160px; height:156px;text-align:center; padding:14px 0 0 0;}

/* sidemenu */
div.sidemenu{position:absolute; top:40px; right:0px; z-index:13; width:190px;}
div.sidemenu .tab li{float:left;}
div.sidemenu .sidelist{clear:both; float:left; padding:16px 0 0 15px; background:#b4cae3;}
div.sidemenu .sidelist ul li{margin-bottom:14px;}
div.sidemenu .sidelist ul li span{display:inline-block; width:165px; margin-top:6px; color:#fff; line-height:18px;}
div.sidebg{position: absolute; top:0px; right:0; bottom: 0; z-index:-1; width:190px; height:100%; background:#b4cae3;}

div.right_link{position:absolute; top:40px; right:0px; z-index:15; width:225px;}
div.right_link .tab{float:left; margin:30px 0 0 0;}
div.right_link .tab li{margin:0 0 1px 0;}
div.right_link .sidelist{float:left; width:175px; padding:16px 0 0 15px; z-index:13;}
div.right_link .sidelist ul{display:none; z-index:16;}
div.right_link .sidelist ul.b_event{display:block; background:#b4cae3;}
div.right_link .sidelist ul.b_package{background:#b4dae3;}
div.right_link .sidelist ul li{margin-bottom:14px;}
div.right_link .sidelist ul li span{display:inline-block; width:165px; margin-top:6px; color:#fff; line-height:18px;}
div.sidebg{position: absolute; top:40px; right:0; bottom: 0; z-index:12; width:190px; height:auto /* 2013-06-03 수정 */}
div.sidebg.ban2_bg{background:#b4dae3}

/* footer */
#footer{position:relative; clear:both; width:930px; margin-top:55px; margin-left:auto; margin-right:auto; padding-bottom:50px; z-index:5; letter-spacing:0;}
#footer .footer_menu{float:left;}
#footer .footer_menu li{float:left; margin-right:7px; padding-left:10px; background:url('/img/front/common/layout/bg_footer_mline.gif') no-repeat left center;}
#footer .footer_menu li:first-child{padding:0px; background-image:none;}
#footer .footer_menu li.individual a{color:#6987aa;}
#footer .footer_menu li a{color:#777;}
#footer .footer_link{float:right; width:253px;}
#footer .footer_link span{float:left; width:111px; margin-right:7px;}
#footer .footer_link span img{margin-right:5px;}
#footer .footer_link span a{color:#6987aa;}
#footer .footer_link .family_open{float: right; width:135px; margin-top:-3px;}
#footer address{clear:both; float:left; width:100%; margin-top:6px; line-height:18px;color:#999;}
#footer address span{padding-left:10px; letter-spacing:-1px;}
#footer address span.mark{padding-left: 10px; color:#777; letter-spacing:-1px;}
#footer address a{margin:0 0 0 11px; font-weight:bold; color:#666}
#footer .copyright{clear:both; float:left; width:100%; margin-top: 6px; font-size:10px; font-family:Arial; color:#b4b4b4;}
#footer .contact_center{clear:both; float:left; position:relative; width:100%; margin:6px 0 10px; color:#999}
#footer .contact_center strong{color:#666}
#footer .contact_center a{margin:0 0 0 10px; font-weight:bold; color:#666}
#footer .mark{position:absolute; top:30px; right:0; width:260px; height:51px; padding-top:8px; background:url(/img/front/common/layout/bg_mark.gif)}
#footer .mark li{display:inline-block; *display:inline;}
#footer .mark li.ml20{margin-left:20px}

/* family_site */
div.family_site{display:none; position:absolute; bottom:50px; left:0px; width:900px; height:207px; padding:19px 0 0 30px; background:url('/img/front/common/layout/bg_family.gif') no-repeat;}
div.family_site p{font-size:11px;}
div.family_site p img{margin-right:10px;}
div.family_site dl{display:none; position:absolute; top:58px; left:28px; width:492px; height:142px; border-right:1px solid #e7e7e7;}
div.family_site dl dt{margin-left:240px; font-size:14px; color:#333; font-weight:bold;}
div.family_site dl dd.text{width:230px; margin:11px 0 0 240px; line-height:18px; color:#777;}
div.family_site dl dd.family_img{position:absolute; top:0px; left:0px;}
div.family_site dl dd.btn{margin:35px 0 0 240px;}
div.family_site ul{float:right; width: 395px; margin: 15px 0 0 10px;}
div.family_site ul li{float:left; width:92px; height:15px; margin: 0 10px 6px 45px; padding:4px 0 1px 22px;}
div.family_site ul li.current dl{display:block;}
div.family_site ul li.current{background:#e7e7e7 url('/img/front/common/layout/bul_family.gif') no-repeat left top;}
div.family_site span.family_close{position:absolute; top:20px; right:30px;}

/* portal-search */
.portal_side01{margin-top:10px;}
.portal_side01 li{margin-bottom:14px;}
.portal_side01 li:last-child{margin:0;}
.portal_side01 li a{font-weight:bold; color:#777;}
.portal_side01 li.current a{color:#6987aa;}
.portal_side01 li a:hover{color:#6987aa;}

.portal_side02{margin-top:30px;}
.portal_side02 ul{width:126px; padding:0 17px 20px; background:url('/img/front/portal/bg_mysearch.gif') left bottom;}
.portal_side02 ul li{margin-bottom:10px;}
.portal_side02 ul li:last-child{margin:0;}
.portal_side02 ul li a{color:#777;}

.portal_con{padding:77px 0 0 0}

.search_top{width:100%;}
.search_top:after{content:""; display:block; clear:both;}
.search_top h3{float:left; margin-right:38px;}
.search_top input.image{position:relative; top:-1px;}
.portal_search{float:left; width:388px; height:32px; padding:8px 0 0 15px; background:url(/img/front/portal/bg_search_bar.gif);}
.portal_search input{width:380px; border:0;}
.portal_search input.focus_style{border:0 !important;}

.fast_search{position:relative; width:100%; margin-bottom:15px;}
.fast_search ul{margin-left:190px;}
.fast_search ul li{display:inline-block; color:#000;}
.fast_search ul li.first{position:relative; width:450px;}
.fast_search ul li.fast_btn{position:absolute; top:0; right:63px;}
.fast_search ul li ul{position:absolute; top:0; left:70px; margin:0;}
.fast_search ul li ul li{display:inline-block; *display:inline; padding:0 10px; background:url(/img/front/portal/bg_stick.gif) no-repeat left;}
.fast_search ul li ul li a{color:#999;}

/* 검색 - 2013-01-21 최홍식 */
.re_search{margin-left:190px; margin-top:8px;}
.re_search label{padding-left:4px;}
strong.red{color:red;}

.result{position:relative; width:100%; margin:30px 0 20px; padding-bottom:15px; border-bottom:1px solid #efefef; font-size:13px;}
.result strong{font-weight:bold;}
.result span{position:absolute; top:0; right:0; font-size:12px;}
.result span a{margin:0 10px; color:#686868;}

.navy{color:#ff3300;}

.result_box{position:relative; width:100%; margin-top:50px;}
.result_box h4 span{margin-left:5px; font-size:12px; font-weight:normal; color:#777;}
.result_box ul{width:100%; padding-top:20px; border-top:2px solid #868686;}
.result_box ul li ul{margin:0; padding:0; border:0;}
.result_box ul li ul li,
ul.seach_board li ul li,
ul.search_lib li ul li{display:inline-block; *display:inline; margin:0 5px 0 0; padding:0 0 0 8px; border:0; background:url(/img/front/portal/bul_more.gif) no-repeat left center;}
.result_box ul li ul li:first-child,
ul.seach_board li ul li:first-child,
ul.search_lib li ul li:first-child{padding:0; background:0;}

p.more{position:absolute; top:5px; right:0; padding-right:10px; background:url(/img/front/portal/bul_more.gif) no-repeat right center;}
p.more a{color:#999; font-weight:normal;}

ul.category li{margin-bottom:15px; background:url(/img/front/portal/bul_dot.gif) no-repeat left center;}
ul.category li a{margin:0 4px; color:#777;}

ul.web_page li,
ul.seach_board li,
ul.search_lib li{margin:0 10px 20px; padding-bottom:20px; border-bottom:1px dashed #d4d4d4;}

ul.web_page li p,
ul.seach_board li p,
ul.search_lib li p{margin-bottom:10px; line-height:1.3;}

ul.web_page li a,
ul.seach_board li a,
ul.search_lib li a{color:#777;}

ul.seach_board li p.name{margin-bottom:5px; font-size:13px; text-decoration:underline;}

ul.search_lib li p img{margin-right:5px;}
ul.search_lib li p a{color:#333;}

ul.bdb1{padding-bottom:30px; margin-bottom:20px; border-bottom:1px solid #efefef;}

.side_sns{margin-top:20px}
.side_sns li{width:100%}
.side_sns li:first-child{margin-bottom:20px; padding-bottom:17px}
.side_sns li img{float:left; margin-right:10px}
.side_sns li a{position:relative; top:3px; font-size:11px; color:#999}
.side_sns li a strong{display:block; margin-bottom:5px; font-size:13px; letter-spacing:-1px; color:#333}

.side_sns_btns{width:100%; margin-top:20px}
.side_sns_btns li{float:left; margin-right:5px}


.side_sns_btns:after,
.side_sns li:after{content:""; display:block; clear:both}


/* family site main */
div.familySite_main{position:relative;float:right; z-index:6;}
div.familySite_main span{float:left; width:124px; margin:2px 0 0 7px}
div.familySite_main span:after{content:""; display:block; clear:both}
div.familySite_main span img{margin-right:5px;}
div.familySite_main span a{/*position:relative; top:0; right:10px;*/ color:#6987aa}
div.familySite_main img{vertical-align:top;}
div.familySite_main div.box{position:absolute; left:-677px; top:-140px; width:930px; height:226px;
filter:alpha(opacity=0); opacity:0; background:url('/img/front/common/layout/bg_familybox.gif') no-repeat; z-index:7;}
div.familySite_main div.inner{position:relative;width:900px;height:206px;padding:20px 0 0 30px;}
div.familySite_main div.inner h3{height:37px;}
div.familySite_main div.flist{height:140px;padding-left:492px;}
div.familySite_main div.flist div.liner{height:140px;padding:0 0 0 75px;margin-top:-20px;border-left:1px solid #e7e7e7;}
div.familySite_main div.flist ul{float:left;width:130px;}
div.familySite_main div.flist ul:first-child{margin-right:20px;}
div.familySite_main div.flist ul li{*display:inline;*zoom:1;height:23px;}
div.familySite_main div.flist ul li a.fm{display:block; width:100px;height:16px; padding:4px 0 0 22px; color:#777; letter-spacing:-1px;}
div.familySite_main div.flist ul li a.fm:hover,
div.familySite_main div.flist ul li a.on{background:#e7e7e7 url('/img/front/common/layout/bg_dot_familypointer.gif') no-repeat 10px 50%;}
div.familySite_main div.view{display:none; position:absolute; left:30px; top:57px; width:490px;/* filter:alpha(opacity=0); opacity:0;*/}
div.familySite_main div.view span.thum{float:left;width:240px;}
div.familySite_main div.view dl{float:left;width:232px;}
div.familySite_main div.view dl dt{height:22px;font-size:14px;color:#333;font-weight:bold;}
div.familySite_main div.view dl dd{height:83px;font-size:11px;line-height:18px;}
div.familySite_main div.view dl dd.btn{height:auto;}
div.familySite_main div.inner a.close{position:absolute;top:20px;right:30px;}

/* family site sub */
div.familySite{position:relative;float:right; z-index:6;}
div.familySite span{float:left; width:111px; margin:2px 0 0 7px}
div.familySite span:after{content:""; display:block; clear:both}
div.familySite span img{position:relative; top:-3px; margin-right:5px;}
div.familySite span a{position:relative; top:3px; color:#6987aa}
div.familySite img{vertical-align:top;}
div.familySite div.box{position:absolute; left:-677px; top:-140px; width:930px; height:226px;
filter:alpha(opacity=0); opacity:0; background:url('/img/front/common/layout/bg_familybox.gif') no-repeat; z-index:7;}
div.familySite div.inner{position:relative;width:900px;height:206px;padding:20px 0 0 30px;}
div.familySite div.inner h3{height:37px;}
div.familySite div.flist{height:140px;padding-left:492px;}
div.familySite div.flist div.liner{height:140px;padding:0 0 0 75px;border-left:1px solid #e7e7e7;}
div.familySite div.flist ul{float:left;width:130px;}
div.familySite div.flist ul:first-child{margin-right:20px;}
div.familySite div.flist ul li{*display:inline;*zoom:1;height:25px;}
div.familySite div.flist ul li a.fm{display:block; width:87px;height:16px; padding:4px 0 0 22px; color:#777; letter-spacing:-1px;}
div.familySite div.flist ul li a.fm:hover,
div.familySite div.flist ul li a.on{background:#e7e7e7 url('/img/front/common/layout/bg_dot_familypointer.gif') no-repeat 10px 50%;}
div.familySite div.view{display:none; position:absolute; left:30px; top:57px; width:490px;/* filter:alpha(opacity=0); opacity:0;*/}
div.familySite div.view span.thum{float:left;width:240px;}
div.familySite div.view dl{float:left;width:232px;}
div.familySite div.view dl dt{height:22px;font-size:14px;color:#333;font-weight:bold;}
div.familySite div.view dl dd{height:83px;font-size:11px;line-height:18px;}
div.familySite div.view dl dd.btn{height:auto;}
div.familySite div.inner a.close{position:absolute;top:20px;right:30px;}

/*.sidelayer{position:absolute; top:40px; right:0}*/
/*
div.sidelayer{position:absolute; top:86px; right:0px; width:auto;z-index:50}
div.sidelayer ul.tab{float:left; width:35px; padding-top:27px}
div.sidelayer ul.tab li{position:relative; 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/main/right_link1.gif') no-repeat;}
div.sidelayer ul.tab li a#t2{background: url('/img/front/main/right_link2_off.gif') no-repeat;}
div.sidelayer ul.tab li a#t3{background: url('/img/front/main/right_link3_off.gif') no-repeat;}
div.sidelayer ul.tab li a#t2.on{background: url('/img/front/main/right_link2_on.gif') no-repeat;}
div.sidelayer ul.tab li a#t3.on{background: url('/img/front/main/right_link3_on.gif') no-repeat;}

.layerCnt div div div{width:100%; margin-left:35px; *margin-left:0; padding:20px;}
.layerCnt div div div:after{content:""; display:block; clear:both}
.layerCnt div div div.layerTab1_bg{background:#b4cae3}
.layerCnt div div div.layerTab2_bg{background:#b4dae3}
.layerCnt div div div h2{margin-bottom:20px}
.layerCnt div div.vlayer ul{float:left; margin-left:20px}
.layerCnt div div.vlayer ul.mno{margin:0}
.layerCnt div div.vlayer ul li{height:140px}
.layerCnt div div.vlayer ul li span{display:block; margin-bottom:5px}
.layerCnt div div.vlayer ul li strong{display:block; width:160px; margin-bottom:20px}
.layerCnt div div.vlayer ul li strong a{color:#fff; line-height:1.3}
*/

/************   eventZone     *********************/
#eventZone{width:100%; position:fixed; z-index:50000; top:80px; overflow-y:auto; overflow-x:hidden;left:50000px}
#eventZone ul.eventTab{width:40px; position:absolute; top: 0px;}
#eventZone ul.eventTab li.reservation a{ display:block; width:40px; height:125px; background:url(/img/vp/images/eventZone/eventTab1.png) no-repeat; text-indent:-5000px;}
#eventZone ul.eventTab li.event a{ display:block; width:40px; height:125px; background:url(/img/vp/images/eventZone/eventTab2.png) no-repeat;  text-indent:-5000px;}
#eventZone ul.eventTab li.package a{ display:block; width:40px; height:125px; background:url(/img/vp/images/eventZone/eventTab3.png) no-repeat;  text-indent:-5000px;}
#eventZone ul.eventTab li.food a{ display:block; width:40px; height:162px; background:url(/img/vp/images/eventZone/eventTab4.png) no-repeat;  text-indent:-5000px;}

/************   eventpannel     *********************/
#eventZone .eventPannel{width:100%; background-color:#ebecee; margin-left:40px}
#eventZone .eventPannel #opacity{ -webkit-transition: all .2s ease-in; -moz-transition:  all .2s ease-in; -ms-transition: all .2s ease-in ; -o-transition:  all .3s ease-in; transition:  all .2s ease-in; opacity: 0 }
#eventZone .eventPannel #opacity.on{position:absolute; top: 0; width: 100%; height: 100%; background:url(/img/vp/images/eventZone/opacity.png) repeat; z-index:2; opacity: 1;} 
#eventZone .eventPannel .eventTitle{ width:100%; height:90px; background:url(/img/vp/images/eventZone/top.png) no-repeat top left #bad6d6;display:none}
#eventZone .eventPannel .eventbody{ padding:35px 40px; width:904px;}
#eventZone .eventPannel .eventbody .title{ color:#3c414a; font-size:30px; font-weight:bold; display:inline-block;}
#eventZone .eventPannel .eventbody .titleText{ color:#3c414a; font-size:16px; display:inline-block;}

#eventZone .eventPannel .eventbody .select{ width:884px; border-top:1px solid #d1d3d6; border-bottom:1px solid #d1d3d6; background-color:#f5f6f7; margin-top:30px; padding-top:20px; padding-left:20px; padding-bottom:20px; position:relative;height:53px;}
#eventZone .eventPannel .eventbody .select div{width:110px;  position:absolute; left:20px; top:20px;}
#eventZone .eventPannel .eventbody .select ul.first{position:absolute; left:130px; top:20px;}
#eventZone .eventPannel .eventbody .select ul.second{position:absolute; left:130px; top:54px;}
#eventZone .eventPannel .eventbody .select ul:after{content:"";  clear:both; display:block;}
#eventZone .eventPannel .eventbody .select ul li{float:left; width:150px; position:relative; margin-bottom: 20px;}
.select .selectAll{ color:#00797c; font-weight:bold}


#eventZone .eventPannel .eventbody .cal .month{height:30px; width:904px; position:relative; margin-top:45px;}
#eventZone .eventPannel .eventbody .cal .month span{color:#3b9597; font-size:32px; font-weight:bold; text-align:center; width:100%; display:inline-block;}
#eventZone .eventPannel .eventbody .cal .month a{display:block; width:95px; height:30px; background:url(/img/vp/images/eventZone/btn_nextmonth.png) no-repeat top right; font-size:15px; color:#777; line-height:30px; position:absolute; right:0; bottom:0;}
#eventZone .eventPannel .eventbody .cal .date{height:35px; width:904px; background-color:#c5dbd9; border-bottom:2px solid #3c414a; margin-top:20px; text-align:center;}
#eventZone .eventPannel .eventbody .cal .date a{display:inline-block; width:25px; height:25px; text-align:center; line-height:25px; color:#555; font-size:14px; font-weight:bold; margin-top:5px;}
#eventZone .eventPannel .eventbody .cal .date a.past{color:#8ba7a8;}
#eventZone .eventPannel .eventbody .cal .date a.sun{ color:#cc2544;}
#eventZone .eventPannel .eventbody .cal .date a.sat{ color:#236ac2;}
#eventZone .eventPannel .eventbody .cal .date a.todayLink{ color:#289f9c; background:url(/img/vp/images/eventZone/today_bg.png) no-repeat top center;}


#eventZone .eventPannel .eventbody .eventCon{text-align:center; margin-top:50px;}
#eventZone .eventPannel .eventbody .eventCon ul{width:100%; margin-bottom:12px;}
#eventZone .eventPannel .eventbody .eventCon ul:after{content:"";  clear:both; display:block;}
#eventZone .eventPannel .eventbody .eventCon ul li{float:left; width:211px; margin-right:20px; background-color:#fff; height:274px;}
#eventZone .eventPannel .eventbody .eventCon ul li.last{margin:0;}
#eventZone .eventPannel .eventbody .eventCon ul li .eventText{padding:12px;}
#eventZone .eventPannel .eventbody .eventCon ul li ul.iconZone{height:28px;}
#eventZone .eventPannel .eventbody .eventCon ul li ul.iconZone li{ width:28px; height:28px; float:left; margin-right:5px; text-indent:-5000px;}
#eventZone .eventPannel .eventbody .eventCon ul li ul.iconZone li.icoFood{background:url(/img/vp/images/eventZone/ico_food.png) no-repeat;}
#eventZone .eventPannel .eventbody .eventCon ul li ul.iconZone li.icoGolf{background:url(/img/vp/images/eventZone/ico_golf.png) no-repeat;}
#eventZone .eventPannel .eventbody .eventCon ul li ul.iconZone li.icoSki{background:url(/img/vp/images/eventZone/ico_ski.png) no-repeat;}
#eventZone .eventPannel .eventbody .eventCon ul li ul.iconZone li.icoOcean{background:url(/img/vp/images/eventZone/ico_ocean.png) no-repeat;}
#eventZone .eventPannel .eventbody .eventCon ul li ul.iconZone li.icoMarina{background:url(/img/vp/images/eventZone/ico_marina.png) no-repeat;}
#eventZone .eventPannel .eventbody .eventCon ul li ul.iconZone li.icoHorse{background:url(/img/vp/images/eventZone/ico_horse.png) no-repeat;}

#eventZone .eventPannel .eventbody .eventCon ul li ul.iconZone li.icoRoom{background:url(/img/vp/images/eventZone/ico_room.png) no-repeat;}

#eventZone .eventPannel .eventbody .eventCon ul li .eventText p.date{font-size:12px; color:#3b9597; margin-top:15px; text-align:left;}
#eventZone .eventPannel .eventbody .eventCon ul li .eventText p.txt{font-size:14px; color:#444; margin-top:10px; line-height:140%; text-align:left;}



/************   packgepannel     *********************/
#eventZone .packagePannel{width:100%; background-color:#ebecee; margin-left:40px; display:none;}
#eventZone .packagePannel .eventTitle{ width:100%; height:90px; background:url(/img/vp/images/eventZone/top.png) no-repeat top left #bad6d6;}
#eventZone .packagePannel .eventbody{ padding:35px 40px; width:914px;}
#eventZone .packagePannel .eventbody .title{ color:#3c414a; font-size:30px; font-weight:bold;}

#eventZone .packagePannel .eventbody .select{ width:884px; border-top:1px solid #d1d3d6; border-bottom:1px solid #d1d3d6; background-color:#f5f6f7; margin-top:30px; padding-top:20px; padding-left:20px; padding-bottom:20px; position:relative;height:19px;}
#eventZone .packagePannel .eventbody .select div{width:110px;  position:absolute; left:20px; top:20px;}
#eventZone .packagePannel .eventbody .select ul.first{position:absolute; left:130px; top:20px;}
#eventZone .packagePannel .eventbody .select ul.second{position:absolute; left:130px; top:54px;}
#eventZone .packagePannel .eventbody .select ul:after{content:"";  clear:both; display:block;}
#eventZone .packagePannel .eventbody .select ul li{float:left; min-width:110px; padding-right:14px; position:relative;}


#eventZone .packagePannel .eventbody .cal .month{height:30px; width:904px; position:relative; margin-top:45px;}
#eventZone .packagePannel .eventbody .cal .month span{color:#3b9597; font-size:32px; font-weight:bold; text-align:center; width:100%; display:inline-block;}
#eventZone .packagePannel .eventbody .cal .month a{display:block; width:95px; height:30px; background:url(/img/vp/images/eventZone/btn_nextmonth.png) no-repeat top right; font-size:15px; color:#777; line-height:30px; position:absolute; right:0; bottom:0;}
#eventZone .packagePannel .eventbody .cal .date{height:35px; width:904px; background-color:#c5dbd9; border-bottom:2px solid #3c414a; margin-top:20px; text-align:center;}
#eventZone .packagePannel .eventbody .cal .date a{display:inline-block; width:25px; height:25px; text-align:center; line-height:25px; color:#555; font-size:14px; font-weight:bold; margin-top:5px;}
#eventZone .packagePannel .eventbody .cal .date a.past{color:#8ba7a8;}
#eventZone .packagePannel .eventbody .cal .date a.sun{ color:#cc2544;}
#eventZone .packagePannel .eventbody .cal .date a.sat{ color:#236ac2;}
#eventZone .packagePannel .eventbody .cal .date a.todayLink{ color:#289f9c; background:url(/img/vp/images/eventZone/today_bg.png) no-repeat top center;}

#eventZone .packagePannel .eventbody .eventCon{text-align:center; margin-top:50px;}
#eventZone .packagePannel .eventbody .eventCon ul{width:100%; margin-bottom:20px;}
#eventZone .packagePannel .eventbody .eventCon ul:after{content:"";  clear:both; display:block;}
#eventZone .packagePannel .eventbody .eventCon ul li{float:left; width:211px; margin-right:20px; background-color:#fff; height:274px;}
#eventZone .packagePannel .eventbody .eventCon ul li.last{margin:0;}
#eventZone .packagePannel .eventbody .eventCon ul li .eventText{padding:15px;}
#eventZone .packagePannel .eventbody .eventCon ul li ul.iconZone{height:28px;}
#eventZone .packagePannel .eventbody .eventCon ul li ul.iconZone li{ width:28px; height:28px; float:left; margin-right:5px; text-indent:-5000px;}
#eventZone .packagePannel .eventbody .eventCon ul li ul.iconZone li.icoFood{background:url(/img/vp/images/eventZone/ico_food.png) no-repeat;}
#eventZone .packagePannel .eventbody .eventCon ul li ul.iconZone li.icoGolf{background:url(/img/vp/images/eventZone/ico_golf.png) no-repeat;}
#eventZone .packagePannel .eventbody .eventCon ul li ul.iconZone li.icoSki{background:url(/img/vp/images/eventZone/ico_ski.png) no-repeat;}
#eventZone .packagePannel .eventbody .eventCon ul li ul.iconZone li.icoOcean{background:url(/img/vp/images/eventZone/ico_ocean.png) no-repeat;}
#eventZone .packagePannel .eventbody .eventCon ul li .eventText p.date{font-size:12px; color:#3b9597; margin-top:15px; text-align:left;}
#eventZone .packagePannel .eventbody .eventCon ul li .eventText p.txt{font-size:14px; color:#444; margin-top:10px; line-height:140%;  text-align:left;}



/************   foodpannel     *********************/
#eventZone .foodPannel{width:100%; background-color:#ebecee; margin-left:40px; display:none; }
#eventZone .foodPannel .eventTitle{ width:100%; height:90px; background:url(/img/vp/images/eventZone/top.png) no-repeat top left #bad6d6;}
#eventZone .foodPannel .eventbody{ padding:35px 40px; width:914px;}
#eventZone .foodPannel .eventbody .title{ color:#3c414a; font-size:30px; font-weight:bold;}

#eventZone .foodPannel .eventbody .cal .month{height:30px; width:904px; position:relative; margin-top:45px;}
#eventZone .foodPannel .eventbody .cal .month span{color:#3b9597; font-size:32px; font-weight:bold; text-align:center; width:100%; display:inline-block;}
#eventZone .foodPannel .eventbody .cal .month a{display:block; width:95px; height:30px; background:url(/img/vp/images/eventZone/btn_nextmonth.png) no-repeat top right; font-size:15px; color:#777; line-height:30px; position:absolute; right:0; bottom:0;}
#eventZone .foodPannel .eventbody .cal .date{height:35px; width:904px; background-color:#c5dbd9; border-bottom:2px solid #3c414a; margin-top:20px; text-align:center;}
#eventZone .foodPannel .eventbody .cal .date a{display:inline-block; width:25px; height:25px; text-align:center; line-height:25px; color:#555; font-size:14px; font-weight:bold; margin-top:5px;}
#eventZone .foodPannel .eventbody .cal .date a.past{color:#8ba7a8;}
#eventZone .foodPannel .eventbody .cal .date a.sun{ color:#cc2544;}
#eventZone .foodPannel .eventbody .cal .date a.sat{ color:#236ac2;}
#eventZone .foodPannel .eventbody .cal .date a.todayLink{ color:#289f9c; background:url(/img/vp/images/eventZone/today_bg.png) no-repeat top center;}

#eventZone .foodPannel .eventbody .eventCon .eventData { position:relative; }
#eventZone .foodPannel .eventbody .eventCon .eventData .ribbon { position:absolute; right:0; top:0; }
#eventZone .foodPannel .eventbody .eventCon{text-align:center; margin-top:50px;}
#eventZone .foodPannel .eventbody .eventCon ul{width:100%; margin-bottom:20px;}
#eventZone .foodPannel .eventbody .eventCon ul:after{content:"";  clear:both; display:block;}
#eventZone .foodPannel .eventbody .eventCon ul li{float:left; width:211px; margin-right:20px; background-color:#fff; height:274px;}
#eventZone .foodPannel .eventbody .eventCon ul li.last{margin:0;}
#eventZone .foodPannel .eventbody .eventCon ul li .eventText{padding:15px;}
#eventZone .foodPannel .eventbody .eventCon ul li .eventText p.date{font-size:12px; color:#3b9597; margin-top:7px; text-align:left;}
#eventZone .foodPannel .eventbody .eventCon ul li .eventText p.name{font-size:14px; color:#3b9597; text-align:left;}
#eventZone .foodPannel .eventbody .eventCon ul li .eventText p.txt{font-size:16px; color:#444; margin-top:4px; line-height:140%;  text-align:left; font-weight:bold; }

#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount { margin-top: 15px; text-align:left;}
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount:after { content:""; display:block; clear:both; }
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount .type { float:left; color:#e44911; font-size:20px; font-weight:bold; margin-right: 10px; padding-top: 10px}
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount .percent { float:left; color:#e44911; font-family:tahoma; font-size:36px; font-weight:bold; margin-right: 10px; }
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount .percent em { font-size: 14px;  }
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount .price { float:left; border-left:1px #dedede solid; padding-left:10px;}
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount .price .prime { color: #666; font-size:12px; text-decoration:line-through;height:15px; }
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount .price .prime em { font-family:tahoma; font-size:14px; font-style:normal; vertical-align:baseline; }
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount .price .sale { color: #222; font-size:14px; margin-top:4px; }
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount .price .sale em { font-family:tahoma; font-size:16px; font-style:normal; vertical-align:baseline; }
#eventZone .foodPannel .eventbody .eventCon ul li .eventText .amount .blind { overflow:hidden; position:absolute; visibility:hidden; width:0px; height:0px; font-size:0px; line-height:0; }

#eventZone .eventPannel .eventbody .eventCon ul li{float:left; width:211px; margin-right:20px; margin-bottom:10px; background-color:#fff;}
#eventZone .eventPannel .eventbody .cal .month a.prevMonth{display:block; width:95px; height:30px; background:url(/img/vp/images/eventZone/btn_prevmonth.png) no-repeat top left; font-size:15px; color:#777; line-height:30px; position:absolute; text-align:right; left:0; bottom:0;}
#eventZone .eventPannel .eventbody .cal .month a.nextMonth{display:block; width:95px; height:30px; background:url(/img/vp/images/eventZone/btn_nextmonth.png) no-repeat top right; font-size:15px; color:#777; line-height:30px; position:absolute; right:0; bottom:0;}

#eventZone .eventbody .eventCon .foodEventData { position:relative; }
#eventZone .eventbody .eventCon .foodEventData .ribbon{ position:absolute; right:0; top:0; }
#eventZone p.foodName{font-size:14px; color:#3b9597; text-align:left;}
#eventZone p.foodTxt{font-size:16px; color:#444; margin-top:4px; line-height:140%;  text-align:left; font-weight:bold; }
#eventZone p.foodDate{font-size:12px; color:#3b9597; margin-top:5px; text-align:left;}
#eventZone p.foodUpjang{font-size:12px; color:black; font-weight:bold; text-align:left; margin-bottom: 5px;}
#eventZone div.foodAmount{ margin-top: 8px; text-align:left;}
#eventZone .eventbody .eventCon ul li .eventText span.foodBlind{ overflow:hidden; position:absolute; visibility:hidden; width:0px; height:0px; font-size:0px; line-height:0; }
#eventZone .eventbody .eventCon ul li .eventText p.foodPercent{ float:left; color:#e44911; font-family:tahoma; font-size:36px; font-weight:bold; margin-right: 10px; }
#eventZone .eventbody .eventCon ul li .eventText p.foodPercent em{ font-size: 14px;  }
#eventZone .eventbody .eventCon ul li .eventText p.foodPrice{ float:left; border-left:1px #dedede solid; padding-left:10px;}
#eventZone .eventbody .eventCon ul li .eventText p.foodPrime{ color: #666; font-size:12px; text-decoration:line-through;height:15px; }
#eventZone .eventbody .eventCon ul li .eventText p.foodPrime em{ font-family:tahoma; font-size:14px; font-style:normal; vertical-align:baseline; }
#eventZone .eventbody .eventCon ul li .eventText p.foodSale{ color: #222; font-size:14px; margin-top:4px; }
#eventZone .eventbody .eventCon ul li .eventText p.foodSale em{ font-family:tahoma; font-size:16px; font-style:normal; vertical-align:baseline; }

/************   eventZone Right Scroll Bar   *********************/
html>/**/body{scrollbar-face-color:#ffffff; scrollbar-shadow-color:#B1C7FA; scrollbar-highlight-color:#B1C7FA;scrollbar-3dlight-color:#B1C7FA; scrollbar-darkshadow-color:#B1C7FA; scrollbar-track-color:#ffffff;scrollbar-arrow-color:#B1C7FA; overflow-y:scroll;}

/************   Skin : sonofelice     *********************/
#eventZone.skinSono ul.eventTab li.reservation a{background:url(/img/sn/images/eventZone/eventTab1.png) no-repeat;}
#eventZone.skinSono ul.eventTab li.event a{background:url(/img/sn/images/eventZone/eventTab2.png) no-repeat;}
#eventZone.skinSono ul.eventTab li.package a{background:url(/img/sn/images/eventZone/eventTab3.png) no-repeat;}
#eventZone.skinSono ul.eventTab li.food a{background:url(/img/sn/images/eventZone/eventTab4.png) no-repeat;}
#eventZone.skinSono .eventPannel .eventbody .cal .month span{color:#b4412a;}
#eventZone.skinSono .eventPannel .eventbody .cal .date{background-color:#d4cecb;}
#eventZone.skinSono .select .selectAll{ color:#624330;}


/* reservation Complete FoodBannerZone */
#foodBannerZone{text-align:center;}
#foodBannerZone .foodEventData { position:relative; }
#foodBannerZone .foodEventData .ribbon{ position:absolute; right:0; top:0; }
#foodBannerZone p.foodName{font-size:14px; color:#3b9597; text-align:left;}
#foodBannerZone p.foodTxt{font-size:16px; color:#444; margin-top:4px; line-height:140%;  text-align:left; font-weight:bold; }
#foodBannerZone p.foodDate{font-size:12px; color:#3b9597; margin-top:5px; text-align:left;}
#foodBannerZone p.foodUpjang{font-size:12px; color:black; font-weight:bold; text-align:left; margin-bottom: 5px;}
#foodBannerZone div.foodAmount{ margin-top: 8px; text-align:left;}
#foodBannerZone ul{width:100%; margin-bottom:12px;}
#foodBannerZone ul:after{content:"";  clear:both; display:block;}
#foodBannerZone ul li{float:left; width:211px; background-color:#f8f8f8; height:274px;}
#foodBannerZone ul li.first{margin-right:54px;}
#foodBannerZone ul li.second{margin-right:53px;}
#foodBannerZone ul li.last{margin:0;}
#foodBannerZone ul li .eventText span.foodBlind{ overflow:hidden; position:absolute; visibility:hidden; width:0px; height:0px; font-size:0px; line-height:0; }
#foodBannerZone ul li .eventText p.foodPercent{ float:left; color:#e44911; font-family:tahoma; font-size:36px; font-weight:bold; margin-right: 10px; }
#foodBannerZone ul li .eventText p.foodPercent em{ font-size: 14px;  }
#foodBannerZone ul li .eventText p.foodPrice{ float:left; border-left:1px #dedede solid; padding-left:10px;}
#foodBannerZone ul li .eventText p.foodPrime{ color: #666; font-size:12px; text-decoration:line-through;height:15px; }
#foodBannerZone ul li .eventText p.foodPrime em{ font-family:tahoma; font-size:14px; font-style:normal; vertical-align:baseline; }
#foodBannerZone ul li .eventText p.foodSale{ color: #222; font-size:14px; margin-top:4px; }
#foodBannerZone ul li .eventText p.foodSale em{ font-family:tahoma; font-size:16px; font-style:normal; vertical-align:baseline; }
#foodBannerZone ul li .eventText{padding:12px;}
#foodBannerZone ul li ul.iconZone{height:28px;}
#foodBannerZone ul li ul.iconZone li{ width:28px; height:28px; float:left; margin-right:5px; text-indent:-5000px;}
#foodBannerZone ul li .eventText p.date{font-size:12px; color:#3b9597; margin-top:15px; text-align:left;}
#foodBannerZone ul li .eventText p.txt{font-size:14px; color:#444; margin-top:10px; line-height:140%; text-align:left;}



.sitemap_div{width:100%; margin-bottom:40px}
.sitemap_div ul li ul:after,
.sitemap_div:after{content:""; display:block; clear:both}
.sitemap_div img{float:left}
.sitemap_div > ul{float:right; width:800px}
.sitemap_div > ul > li{border-top:1px solid #eee}
.sitemap_div > ul > li:first-child{border-top:none}
.sitemap_div ul.odd{border-top:2px solid #4ea9b4}
.sitemap_div ul.even{border-top:2px solid #6987aa}
.sitemap_div > ul > li > ul{width:800px}
.sitemap_div > ul > li > ul > li{float:left; width:190px; padding:20px 0 20px 10px}
.sitemap_div ul li ul li a{font-size:15px; font-weight:bold; color:#333}
.sitemap_div ul li ul li ul{margin-top:10px}
.sitemap_div ul li ul li ul li{margin-bottom:10px}
.sitemap_div ul li ul li ul li a{padding-left:8px; font-size:12px; font-weight:normal; color:#777; background:url(/img/front/common/bul_arrow_blue.gif) no-repeat 1px center}
.sitemap_div ul li ul li ul li a:hover{color:#f60; background:url(/img/front/common/bul_arrow_red.gif) no-repeat 1px center}

.quick_login{display:none; position:absolute; top:-2px; left:-167px; z-index:60}


div.t_qst{display:none; position:fixed; left:0; top:0; width:100%; height:100%; border:1px solid red; z-index:99999; *zoom:1; background:url(/img/front/common/layout/bg_tqst.png)}
div.t_qst div.t_pop{position:relative; width:694px; border-top:3px solid #5cc4c4; margin:10% auto 0; padding:0 3px 3px; background:#6987aa}
div.t_qst div.t_pop p{margin:17px 0 15px 20px; font-size:18px; font-weight:bold; color:#fff}
div.t_qst div.t_pop div.t_pop_inner{width:100%; height:178px; overflow:hidden; background:url(/img/front/common/layout/bg_t_question.gif) no-repeat 20px 20px #fff}
div.t_qst div.t_pop div.t_pop_inner span{display:block; margin:70px 0 0 130px}
div.t_qst div.t_pop div.t_pop_inner fieldset{margin:15px 0 0 30px; *margin:15px 0 0 14px; padding:0; overflow:hidden}
div.t_qst div.t_pop div.t_pop_inner fieldset textarea{position:relative; top:1px; width:549px; height:44px; margin-right:5px}
div.t_qst div.t_pop div.foot{width:680px; padding:6px 14px 5px 0; text-align:right; background:#f7f7f7}
div.t_qst div.t_pop a{position:absolute; top:15px; right:15px}


/* sns 최홍식 추가 */
.sns_wrap{overflow:hidden; position:relative; margin-top:20px;}
div.list_inner .sns_wrap:first-child{margin-top:0;}
.sns_wrap > img.pic{position:absolute; left:0; top:0; border:1px solid #d3d3d3; margin-bottom:20px;}
.sns_wrap .t_area{position:relative; padding-left:76px; min-height:60px;}
.sns_wrap .t_area li.name{position:relative; color:#335082; margin-bottom:10px; margin-top:1px; padding-right:10px;}
.sns_wrap .t_area li.con{color:#777; line-height:1.4; padding-right:10px;}
.sns_wrap span.subt{display:inline; color:#999; padding-left:8px;}
.sns_wrap span.time{position:absolute; right:10px; top:0; background:url(/img/front/sns/icon_clock.gif) no-repeat 0 center; padding:1px 0 1px 18px; color:#b4b4b4;}
.sns_wrap span.subt2{font-weight:bold; padding-right:8px;}
.sns_wrap .reply_box{width:683px; background:#ebf0f6 url(/img/front/sns/bg_round_top.gif) no-repeat 0 0; padding-top:4px; margin-bottom:10px;}
.sns_wrap .reply_box ul{background:#ebf0f6 url(/img/front/sns/bg_round_bottom.gif) no-repeat 0 bottom; padding:14px 20px 0;}
.sns_wrap .reply_box ul li.name{position:relative; color:#335082; background:url(/img/front/sns/dot_line.gif) repeat-x 0 bottom; padding-bottom:10px;}
.sns_wrap .reply_box ul li.con{color:#777; line-height:1.4; padding:10px 0;}
.sns_btn_more{height:25px; border:1px solid #d3d3d3; background:url(/img/front/sns/btn_more_bg.gif) repeat-x 0 0; text-align:center; margin-top:10px;}
.sns_btn_more a{display:block; padding-top:7px; font-weight:bold; color:#777;}
.sns_btn_more:after{content:""; clear:both; display:block;}
.sns_btn_refresh{display:block; float:right; background:url(/img/front/sns/icon_refresh.gif) no-repeat 0 0; padding-left:18px; margin-top:8px;}
.sns_btn_refresh a{display:block; font-weight:bold; color:#777; padding:3px 0;}

/* 팝업 형태 추가 */
#container2{width:740px; margin:0 auto; min-height:100%; height:auto; overflow:hidden;}
body.main #container2{width:740px}

#container2 > #contents{overflow:hidden; width:100%; min-height:100%; margin-top:17px; letter-spacing:0}
body.reserve #container2 > #contents{width:740px; margin:0; padding:90px 0 0 0; }
body.main #container2 > #contents{width:740px; margin:0; padding:70px 0 0 0; }
#container2 > #contents > div.visual{position:relative; width:740px; height:100%; padding:0 0 64px; z-index:3; /*background:url('/img/front/common/layout/bg_visual01.gif') no-repeat*/}

#container2 > #contents > div.visual h1{padding-top:40px; font-size:40px; color:#6283ab; letter-spacing:-4px;}
#container2 > #contents > div.visual h1.verdana{font-family:verdana; font-weight:500}
.w572 {width:572px !important}
.w740 {width:740px !important}
.ml84{margin-left:84px}

/* 레이어팝업 형태 3개 추가 */
.layer_popup{display:block; position:absolute; z-index:500; border:solid 0px #020202}
.layer_type_a{position:absolute;top:100px; width:740px; z-index:500; border:solid 0px #020202;}
.layer_type_b{display:none}
.layer_type_c{display:none}
.layer_popup .layer_footer{position:relative; padding:0 0 0 6px; height:19px; line-height:1.7; color:white; border:solid 1px #020202; background:#020202}
*:first-child+html .layer_footer{line-height:1.4}
.layer_popup .layer_footer .btn_layer_close{position:absolute; top:5px; right:3px}
*:first-child+html .layer_popup .btn_layer_close{top:3px}

.p_header{margin:2%;fontsize:13px;}
.explain{width:12px;height:12px;margin-top:3px;float:right;background:url(/img/front/common/layout/btn_roomprice_explain.png) no-repeat;}
.explain span{position:absolute;display:inline-block;padding:4px 6px;text-align:left;background:url(/img/front/common/layout/btn_roomprice_explainBG.gif);color:#ddd;}


/* gallery */
div.gallery{width:740px; position:relative;}
div.gallery.mb2{margin-bottom:20px;}
div.gallery div.storeview{padding-bottom:0;}

div#photoView{position:relative;width:740px;height:315px;}
div#photoView div.slides_container{display:;position:relative;width:740px;overflow:hidden;}
div#photoView div.slides_container span{display:block;width:740px;height:315px;}
div#photoView div.slides_container span img{display:block;}
div#photoView .next,
div#photoView .prev{position:absolute;top:128px;left:9px;display:block;z-index:20;}
div#photoView .next{left:689px;}
div#photoView .pagination{display:none;}

div.photo_slide{position:relative;width:740px;height:315px; overflow:hidden}
div.photo_slide div.slides_container{position:relative;width:740px;overflow:hidden;}
div.photo_slide div.slides_container span{float:left; display:block;width:740px;height:315px;}
div.photo_slide div.slides_container span img{display:block;}
div.photo_slide .next,
div.photo_slide .prev{position:absolute;top:128px;left:9px;display:block;z-index:20;}
div.photo_slide .next{left:689px;}
div.photo_slide .pagination{display:none;}

/* font add css */
.fontRed{color:#e44911;}
.fontGreen{color:#008393;}
.fontGray{color:#666;}
.fontOrange{color:#ff6600;}