@import url('basic.css');

.intoroBg {width: 100%; background: url(../../images/Korean/common/bg_bodyTop.gif) repeat-x;}

.introWrap {width: 920px;  margin: 0 auto;}
.introWrap h1 {height: 90px; margin-top: 44px;}
.introWrap h1 img {padding-left: 4px;}
.flashArea {width: 920px; height: 420px; background: #fff;}

p.skip {margin: 5px 0 13px 0; text-align: right;}
p.skip img {vertical-align: top;}

.national {width: 100%; text-align: center;}
.national li {display: inline; padding: 0 20px; background: url('images/main/bg_line.gif') no-repeat;}
.national li.none {background: none;}

.introFooter {width: 909px;  margin-top: 45px; padding: 17px 0 0 11px; border-top: 4px solid #eae6e0;}

#mainTab1 {display: none;}

*html .tabBox { position:relative !important; border-bottom:1px solid #bfb1ae !important; width:100% !important; height:31px !important;}
*html ul.tabMenu { position:absolute !important; z-index:100000 !important; margin-bottom:-1px !important; }
*html .tabArea {float:left !important; margin-top:0; width: 846px; height: 315px; margin-bottom:15px; padding: 22px 0 0 20px; background: url('../../images/Korean/main/bg_mainContents.gif') no-repeat left bottom; border:1px solid #bfb1ae !important; border-top:0 !important;}

ul.tabMenu { position:absolute; z-index:1000;}
.tabMenu li {float: left;}
.tabMenu li img {vertical-align: top;}
.tabArea { margin-top:31px; clear:both; width: 846px; height: 315px; margin-bottom:15px; padding: 22px 0 0 20px; background: url('../../images/Korean/main/bg_mainContents.gif') no-repeat left bottom; border:1px solid #bfb1ae !important;}
.tabArea input { font-size:13px !important; height:14px;}
.tabArea select { font-size:13px !important;}
.tabArea h2 {width: 300px; height: 29px;}
.tabArea h2 a {float: right; margin-top: 6px;}
.reservation {float: left; display: inline; width: 266px; height: 226px; margin-right: 18px; padding: 16px 17px; background: #dcd7cf;}
.reservation input {height: 19px; border: 1px solid #7f9db9; font-family: dotum; font-size: 13px;}
.reservation select { font-size:13px; height:19px;}
.reservation label {display: block;}

.reservationA {float: left; display: inline; width: 270px; height: 225px; margin-right: 18px; padding: 17px 20px 16px 10px; background: #dcd7cf;}
.reservationA input {height: 17px; border: 1px solid #7f9db9; font-family: dotum; font-size: 11px;}
.reservationA label {display: block; height: 16px;}

.reservationA .choice {width: 270px; height: 49px; padding: 12px  0 0 10px; background: #e7e3df;}
.reservationA .hotelWrap {}
.reservationA .hotelWrap li {float: left;}

.reservationA .hotelWrap li.hotelChoice {width: 98px;}
.reservationA .hotelWrap li.hotelCheck {width: 165px;}
.reservationA .hotelWrap li.hotelCheck input {float: left; width: 155px; height: 13px; padding: 3px 0 0 5px; background: #fff url('../../images/Korean/common/ico_calendar.gif') no-repeat right 4px; font-family: dotum; font-size: 11px;}

.optionA {padding: 14px 0 0 10px;}
.optionA  p.choiceTit {height: 16px;}
.optionA dl {}
.optionA dl dt {float: left; width: 98px; height: 58px;}
.optionA dl dd {float: left; width: 162px;}
.optionA dl dd select {margin-bottom: 5px;}

.optionA ul {clear: both;}
.optionA ul li {float: left;}
.optionA ul li label {display: block; height: 24px;}
.optionA ul li select {width: 79px;}
.optionA ul li.op1 {width: 91px;}
.optionA ul li.op2 {width: 91px;}
.optionA ul li.op3 {width: 78px;}
.btn_reservationA {float: right; margin-top: 14px;}

.gallery {float: left; width: 512px; height: 292px; background: url('../../images/Korean/main/bg_gallery.gif') no-repeat;}
.gallery img {margin: 6px 0 0 6px; vertical-align: top;}

.room {width: 266px;}
.room li {height: 55px;}
.room li.check {float: left; width: 172px;}
.room li.check input {float: left; width: 155px; height: 13px; padding:2px 0 2px 5px; background: #fff url('../../images/Korean/common/ico_calendar.gif') no-repeat right 4px; font-family: dotum; font-size: 13px !important;}
.room li.roomChoice {float: left; width: 94px;}
.room li label {height: 19px;}


.option {width: 251px; height: 110px; padding: 15px 0 0 12px; background: #e5e1dd;}
.option li {float: left; width: 82px; height: 51px;}
.option li select { margin-top:2px;}
.option li.op5 {width: 164px;}
.option li.op5 select {width: 152px;}
.option li  label {height: 23px;}
.option li select {width: 70px; padding-left: 2px; text-align: left;}
.btn_reservation{float: right; margin-top: 10px; margin-right:2px;}

.roomStyle {width: 828px; height: 286px; margin-left: -4px; padding: 6px 0 0 6px; background: url('../../images/Korean/main/bg_roomStyle.jpg') no-repeat;}
.roomStyle img {margin: 6px 0 0 6px;}

.roomStyle .info .intro .detail {}
.roomStyle .info .intro .detail a {float: left; width: 95px; height: 53px; border: 2px solid #fff;}

.roomStyle .info .intro {position: absolute; left: 0; bottom: 0; width: 823px; height: 90px; background: url('../../images/Korean/main/bg_transparent.png') no-repeat;}
.roomStyle .info .intro ul {float: right; display: inline; margin: 17px 12px 0 0;}
.roomStyle .info .intro ul li {float: left; width: 107px; height: 57px;}
.roomStyle .info .intro ul li img {border: 1px solid #707170; vertical-align: top;}

#contentsiMG {width: 920px; height: 181px;}
#contentsiMG .wrap {float: left; width: 289px; padding: 0 9px 0 10px;}

.roomInfo {float: left; width: 290px; height: 165px; padding: 16px 0 0 16px; background: url('../../images/Korean/main/bg_banner1.gif') no-repeat;}
.roomInfo h3 {height: 37px;}
.roomInfo h3 a {margin-right: 14px;}
.roomInfo .mainPic {height: 81px;}

.roomInfo ul {}
.roomInfo ul li {float: left; width: 70px; height: 31px;}

.facilities {width: 273px; height: 100px; padding: 16px 0 0 16px; background: url('../../images/Korean/main/bg_facilites.gif') no-repeat;}
.facilities h3 {height: 37px;}
.facilities h3 a {margin-right: 14px;}
.facilities span {display: block; height: 50px;}

.package {width: 273px; height: 49px; padding: 16px 0 0 16px; background: url('../../images/Korean/main/bg_package.gif') no-repeat;}
.package h3 {float: left; width: 108px;}
.package h3 a {margin-right: 14px;}
.package span {float: left; height: 45px; margin-top: -6px;}

.restaurant {float: left; width: 290px; height: 165px; padding: 16px 0 0 16px; background: url('../../images/Korean/main/bg_banner1.gif') no-repeat;}
.restaurant h3 {height: 37px;}
.restaurant h3 a {margin-right: 14px;}
.restaurant span {display: block; height: 81px;}

.restaurant ul {}
.restaurant ul li {float: left; width: 70px; height: 31px;}