/* ----------------------------------------------------------------
Title : 쉐라톤그랜드워커힐 사이트 
Author : oopsbitty@gmail.com
Date : February 2009
WebSite :
---------------------------------------------------------------- */

@import url('basic.css');
@import url('layout.css');
@import url('table.css');

div, p, span, dl, ul, ol, li, dt, dd, strong, fieldset, table, form, address, input { color: #626471; }
a { color: #626471;}

.txtHidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden;  }
.lineNone { border: none; }

.f_l { float: left; }
.f_r { float: right; }

/* btn */
.btn { margin-top: 20px; vertical-align: middle; }
.btn_l { text-align: left; }
.btn_c { text-align: center; }
.btn_r { text-align: right; }

/* tabMenu */
.tabMenu { width: 650px; height: 30px; margin-bottom: 25px; background: transparent url(/images/common/tabBg_line.gif) repeat-x 0 0; }
.tabMenu span { float: left; width: auto; height: 30px; padding-left: 1px; margin-right: 3px; background: transparent url(/images/common/tabBg.gif) no-repeat top left; }
.tabMenu span a { float: left; width: auto; height: 30px;  background: transparent url(/images/common/tabBg.gif) no-repeat top right; }
.tabMenu span a img { margin: 7px 20px 0 18px; vertical-align: top; }
.tabMenu span a img.meeting { margin: 7px 12px 0 11px; vertical-align: top; }
.tabMenu span.on { margin-right: 1px; background: transparent url(/images/common/tabBg.gif) no-repeat bottom left; }
.tabMenu span.on a { background: transparent url(/images/common/tabBg.gif) no-repeat bottom right; }
.tabMenu span.on a img { margin: 11px 20px 0 18px; vertical-align: top; }
.tabMenu span.on a img.meeting { margin: 11px 12px 0 11px; vertical-align: top; }

/* tabMenu */
.tabMenu02 { width: 650px; height: 30px; margin-bottom: 25px; background: transparent url(/images/common/tabBg_line.gif) repeat-x 0 0; }
.tabMenu02 span { float: left; width: auto; height: 30px; padding-left: 1px; margin-right: 3px; background: transparent url(/images/common/tabBg.gif) no-repeat top left; }
.tabMenu02 span a { float: left; width: auto; height: 30px;  background: transparent url(/images/common/tabBg.gif) no-repeat top right; }
.tabMenu02 span a img { margin: 7px 30px 0 28px; vertical-align: top; }
.tabMenu02 span a img.meeting { margin: 7px 22px 0 21px; vertical-align: top; }
.tabMenu02 span.on { margin-right: 1px; background: transparent url(/images/common/tabBg.gif) no-repeat bottom left; }
.tabMenu02 span.on a { background: transparent url(/images/common/tabBg.gif) no-repeat bottom right; }
.tabMenu02 span.on a img { margin: 11px 30px 0 28px; vertical-align: top; }
.tabMenu02 span.on a img.meeting { margin: 11px 22px 0 21px; vertical-align: top; }

/* photo gallery */
.gallery_title { width: 650px; height: 25px; background: transparent url(/images/gallery/img_01.gif) repeat-x bottom left;}
.gallery_title h3 { float: left; }
.gallery_title span { float: right; }
.gallery_title span select { font: 12Px/10px dotum; color: #736bb8; background-color: #212031; border: 1px solid #4a4675; }

.gallery { position: relative; clear: both; width: 650px; }
.gallery .photoList { float: left; width: 650px; height: auto; padding: 15px 0 0 0; background-color: #2b2b3a; }
* html .gallery  .photoList { margin-bottom: 15px; }
*:first-child+html .gallery  .photoList { margin-bottom: 15px; }
.gallery .photoList a { position: relative; float: left; width: 112px; height: 59px; margin: 0 15px 15px 0; border: 3px solid #787886; }
.gallery .photoList a img { width: 112px; height: 59px; }
.gallery .photoList a.last { margin: 0 0 15px 0; }
.gallery .photoList a span { position: absolute; top: -3px; left: -3px; display: block; width:110px; height: 57px; border: 5px solid #7e74d3; }
* html .gallery .photoList a.last { margin: 0 -15px 15px 0; }

.gallery .gallery_paNavi { clear: both; width: 650px; height: 20px; text-align: center; background-color: #191922; }
.gallery .gallery_paNavi a { font: bold 10px/18px verdana; color: #6860b0; } 
.gallery .gallery_paNavi strong { font: bold 10px/14px verdana; color: #ffffff; }
.gallery .gallery_BigPhoto { position: absolute; top: 30px; left: 0; }
.gallery .gallery_BigPhoto span { position: absolute; top: 0; left: 0; width: 644px; height: 349px; border: 3px solid #7e74d3; }
.gallery .gallery_BigPhoto .close { position: absolute; top: 0; right: 0;  }

.popup_body { background: #000000 none; }
.popup_body h1 { padding: 10px 0 10px 75px; font: bold 12px/18px dotum; color: #6056b1; }
.popup_body img { border: 3px solid #000000; }
.popup_body img.popup { border: none; }

/* error */
.errorBg { background: #1d1d2b url(/images/etc/error_bg.jpg) no-repeat center top; }
.errorBg .imgBox { width: 100%; padding-top: 120px; text-align: center; }
.errorBg .imgBox2 { width: 507px; height: 100px; padding-top: 137px; margin: 120px auto 0 auto; font: bold 12px/18px dutom; color: #999da7; text-align: center; background: transparent url(/images/etc/error_img_03.gif) no-repeat center top; }

/* evnetPopup */
.eventPopup { width: 550px; height: 550px; overflow: hidden; background: transparent url(/images/etc/event_img.jpg) no-repeat center top; }
.eventPopup .count { width: 200px; height: 35px; margin: 162px 335px 0 0; text-align: right; font: bold 30px/30px arial; color: #f7d536; }
.eventPopup .number { width: 300px; height: 35px; margin: 232px 0 0 215px; font: bold 26px/30px arial; color: #2f324e; }
.eventPopup .eventBtn { margin-top: 45px; text-align: center; }

.eventPopup1 { width: 420px; height: 510px; overflow: hidden; background-color: #1a193b; }
.eventPopup1 .imgBox img { vertical-align: top; }
.eventPopup1 .btnBox { width: 400px; margin: 10px auto 0 auto; }
.eventPopup1 .btnBox * { vertical-align: middle; }
.eventPopup1 .btnBox input { background-color: #1a193b; }

.eventPopup2 { width: 600px; height: 695px; overflow: hidden; background-color: #1a193b; }
.eventPopup2 .btnBox { width: 580px; margin: 10px auto 0 auto; }
.eventPopup2 .btnBox * { vertical-align: middle; }
.eventPopup2 .btnBox input { background-color: #1a193b; }

/* 2009.04.24 추가되었습니다. */
.eventPopup3 { width: 500px; height: 350px; overflow: hidden; background-color: #1a193b; }
.eventPopup3 .imgBox img { vertical-align: top; }
.eventPopup3 .btnBox { width: 480px; margin: 10px auto 0 auto; }
.eventPopup3 .btnBox * { vertical-align: middle; }
.eventPopup3 .btnBox input { background-color: #1a193b; }

/* 2009.04.30 추가되었습니다. */
.eventPopup4 { width: 420px; height: 532px; overflow: hidden; background-color: #1a193b; }
.eventPopup4 .scrollBox { width:420px; height:348px; overflow-y: scroll; overflow-x: hidden; }
.eventPopup4 img { vertical-align: top; }
.eventPopup4 .btnBox { width: 400px; margin: 10px auto 0 auto; }
.eventPopup4 .btnBox * { vertical-align: middle; }
.eventPopup4 .btnBox input { background-color: #1a193b; }

/* 2009.05.14 추가되었습니다. */
.eventPopup5 { width: 550px; height: 600px; overflow: hidden; background-color: #2f324e; }
.eventPopup5 .scrollBox { margin: 0 0 0 20px;width:510px; height:490px; overflow-y: scroll; overflow-x: hidden; }
.eventPopup5 img { vertical-align: top; }
.eventPopup5 .btnBox { width: 400px; margin: 10px auto 0 auto; }
.eventPopup5 .btnBox * { vertical-align: middle; }
.eventPopup5 .btnBox input { background-color: #1a193b; }

.eventPopup6 { width: 420px; height: 532px; overflow: hidden; background-color: #000000; }
.eventPopup6 .scrollBox { width:420px; height:348px; overflow-y: scroll; overflow-x: hidden; }
.eventPopup6 img { vertical-align: top; }
.eventPopup6 .btnBox { width: 400px; margin: 10px auto 0 auto; }
.eventPopup6 .btnBox * { vertical-align: middle; }
.eventPopup6 .btnBox input { background-color: #000000; }

/* 2009.05.29 추가되었습니다. */
.eventPopup7 { width: 420px; height: 532px; overflow: hidden; background-color: #FFF; }
.eventPopup7 .scrollBox { width:420px; height:348px; overflow-y: scroll; overflow-x: hidden; }
.eventPopup7 img { vertical-align: top; }
.eventPopup7 .btnBox { width: 400px; margin: 10px auto 0 auto; }
.eventPopup7 .btnBox * { vertical-align: middle; }

.eventPopup8 .btnBox { width: 400px; margin: 10px auto 0 auto; }
.eventPopup8 .btnBox * { vertical-align: middle; }
.eventPopup8 .btnBox input { background-color: #000000; }

.eventPopup9 { width: 420px; height: 532px; overflow: hidden; background-color: #b8b8bf; }
.eventPopup9 .scrollBox { width:420px; height:348px; overflow-y: scroll; overflow-x: hidden; }
.eventPopup9 img { vertical-align: top; }
.eventPopup9 .btnBox3 { width: 400px; margin: 10px auto 0 auto; }
.eventPopup9 .btnBox3 * { vertical-align: middle; }

.eventPopup10 { width: 300px; height: 532px; overflow: hidden; background-color: #1a193b; }
.eventPopup10 .scrollBox { width:300px; height:348px; overflow-y: scroll; overflow-x: hidden; }
.eventPopup10 img { vertical-align: top; }
.eventPopup10 .btnBox { width: 280px; margin: 10px auto 0 auto; }
.eventPopup10 .btnBox * { vertical-align: middle; }

.eventPopup11 .btnBox { width: 280px; margin: 10px auto 0 auto; }
.eventPopup11 .btnBox * { vertical-align: middle; }
.eventPopup11 .btnBox input { background-color: #000000; }

.eventPopup12 { width: 380px; overflow: hidden; background-color: #1a193b; }
.eventPopup12 .scrollBox { width:359px; height:348px; overflow-y: scroll; overflow-x: hidden; }
.eventPopup12 img { vertical-align: top; }
.eventPopup12 .btnBox { width: 339px; margin: 8px auto 0 auto; }
.eventPopup12 .btnBox * { vertical-align: middle; }

.eventPopup13 { width: 323px; overflow: hidden; background-color: #1a193b; }
.eventPopup13 .scrollBox { width:280px; height:348px; overflow-y: scroll; overflow-x: hidden; }
.eventPopup13 img { vertical-align: top; }
.eventPopup13 .btnBox { width: 313px; margin: 10px auto 0 auto; }
.eventPopup13 .btnBox * { vertical-align: middle; }