@charset "utf-8";

@import"global.css";
@import"layout.css";
@import"modules.css";
@import"print.css";

/* Common */
h2 {position:absolute; z-index:-1; visibility:hidden;}
legend {position:absolute; z-index:-1; visibility:hidden;}
select, input[type="text"], input[type="password"] {display:inline-block; height:16px; padding:6px 11px; border:1px solid #ddd; background:#fff; font-size:12px; line-height:1; color:#777; vertical-align:middle;}
input[type="radio"], input[type="checkbox"] {border:0; background:none; vertical-align:middle;}
select {height:30px !important; padding-right:6px;}
label {vertical-align:middle;}
button {border:none;*overflow:visible}
input[placeholder] {color:#777;}

.btnArea {overflow:hidden;}
.flow {float:left;}
.reverse {float:right;}
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.hdObj {position:absolute; z-index:-1; height:0; font-size:0; visibility:hidden;}
.compWrap {width:920px; margin:0 auto; background:transparent;}

.txtRed {display:inline-block; font-weight:normal; color:#c32d15;}
.txtRedSize {display:inline-block; font-family:'os_sb'; font-weight:normal; font-size:18px; color:#c32d15;}
.txtBrown {color:#806a4b;}
.txtBlack {font-weight:normal; color:#333;}
.txtBold {font-family:'os_sb' !important;font-weight:normal}
.brrn{border-right:0 !important;}
.brln{border-left:0 !important;}
.brtn {border-top:0 !important;}
.blockType {display:inline-block; vertical-align:top;}

.bulletArea {margin-top:20px;}
.urgencyList{background:#fafafa;}
.lineCon {display:inline-block; width:300px;}
.required {margin-bottom:15px; text-align:right;}
.tblInfoArea {margin-top:15px;}

/* IconInfo */
.iconInfo {float:right; margin-top:5px;}
.iconInfo li {float:left; margin-left:20px; font-family:'os_r'; font-size:12px;}
.iconInfo li em {float:left; margin-right:4px !important; vertical-align:middle;}

/* SlideBox */
.imgBox {position:relative; overflow:hidden; width:920px; height:360px;}
.imgBox .photoList {overflow:hidden; width:920px; height:360px;}
.imgBox .photoList ul:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.imgBox .photoList ul {*zoom:1;}
.imgBox .photoList ul li {position:relative;}
.imgBox .photoList ul li p.txtInfo {position:absolute; bottom:0; left:0; width:98%; padding:14px 0 13px 2%; background:url(/images/bp/eng/bg/bg_txtInfo.png) repeat 0 0; font-family:'os_sb'; font-size:14px; color:#fff;}
.imgBox .prev,
.imgBox .next {position:absolute; top:145px; z-index:10; width:40px; height:70px; font-size:0;}
.imgBox .prev {left:20px; background:url(/images/bp/eng/btn/btn_left.png) no-repeat 0 0;}
.imgBox .next {right:20px; background:url(/images/bp/eng/btn/btn_right.png) no-repeat 0 0;}

.txtImgBox {position:relative; margin:20px 0 30px;}
.txtImgBox p.txt {font-size:15px; color:#333; line-height:20px;}
.txtImgBox .btnArea {position:absolute; top:0; right:0;}

.imgOnly {margin-bottom:20px;}

/* PhotoBox */
.photoBox {margin-bottom:30px;}
.photoBox p.txt {margin-top:10px; font-size:15px; color:#333;}

/* viewType */
.viewType {*zoom:1; margin-bottom:10px;}
.viewType:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.viewType ul {float:right;}
.viewType ul li {float:left; margin-left:10px; padding-left:10px; background:url(/images/bp/eng/bul/bul_bar_type2.png) no-repeat 0 50%;}
.viewType ul li:first-child {padding-left:0; margin-left:0;background:none;}
.viewType ul li a,
.viewType ul li strong {display:block; height:16px; padding-left:21px; font-family:'os_sb'; font-weight:normal; color:#777; line-height:16px;}
.viewType ul li .video {background:url(/images/bp/eng/ico/ico_video.png) no-repeat 0 0;}
.viewType ul li .photo {background:url(/images/bp/eng/ico/ico_photo.png) no-repeat 0 0;}
.viewType ul li .vr {background:url(/images/bp/eng/ico/ico_vr.png) no-repeat 0 0;}
.viewType ul li.current strong {background-position:0 -16px; color:#8a5930;}
.viewType.type02 ul li.current strong {background-position:0 -32px; color:#c32d15;}
.viewType.type03 ul li.current strong {background-position:0 -48px; color:#257e7d;}

/* Gallery */
.gelleryArea {position:relative;}
.photoCount {padding-top:380px;}
.photoCount .sectionTit {margin-bottom:20px;}
.photoCount ul {*zoom:1;}
.photoCount ul:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.photoCount ul li {float:left; position:relative; margin:0 5px 5px 0;}
.photoCount ul li.last {margin-right:0;}
.photoCount ul li a {display:block; width:180px; height:119px;}
.photoCount ul li a img {width:180px; height:119px;}
.photoCount ul li a em {display:none; position:absolute; top:0; left:0; width:180px; height:119px; background:url(/images/bp/eng/bg/bg_gallery_current.png) no-repeat 0 0;}
.photoCount ul li.current a em {display:block;}

.gelleryType {position:absolute; top:0; left:0;}
.gelleryType > ul > li {display:none;}
.gelleryType > ul > li.current {display:block;}

/*----- ABOUT BEACHE -----*/
/* Beache Palace */
.character {font-size:13px; color:#666;}
.character li {line-height:20px;}
.character li strong {color:#333; font-weight:normal;}
.ciArea {position:relative; margin-top:50px;}
.ciArea .contTit {padding-top:8px;}
.ciArea .ciImgBox {*zoom:1;}
.ciArea .ciImgBox:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.ciArea .btnArea {position:absolute; top:0; right:0;}

/* Travel Guide */
.contArea.directions .listNormal {margin:0 0 30px;}
.contArea.directions .listNormal li {line-height:15px;}

/* Tourist Attractions */
.contArea.mudFest .txt {margin:0 0 30px;}
.contArea.mudFest .txt:first-child {margin-top:15px;}
.contArea.mudFest .txt em {display:block;margin-bottom:15px;font-family:'os_sb';font-size:15px;color:#333;}

.trainTbl {border-top:2px solid #777; border-bottom:2px solid #d2d2d2;}
.trainTbl ul {*zoom:1;}
.trainTbl ul:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.trainTbl ul li {float:left; width:33%; padding:13px 0; background:#fafafa; font-family:'os_sb'; font-size:13px; color:#333; text-align:center;}
.trainTbl ul li:first-child {width:34%;}
.trainTbl .info {padding:13px 0; border-top:1px solid #777; text-align:center;}

.touristInfo {margin-bottom:40px; border-bottom:2px solid #e6e6e6;}
.touristInfo > ul > li {*zoom:1; padding:40px 0 40px 95px; border-top:1px solid #e6e6e6; background:url(/images/bp/eng/ico/ico_guide.png) no-repeat 0 0;}
.touristInfo > ul > li:first-child {padding-top:12px; border-top:none;}
.touristInfo > ul > li:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.touristInfo > ul > li .tourTit,
.touristInfo > ul > li .tourTxt {float:left;}
.touristInfo > ul > li .tourTit {width:340px; font-family:'os_sb'}
.touristInfo > ul > li .tourTit span {display:block; margin-bottom:15px; color:#8a5930;}
.touristInfo > ul > li .tourTit strong {font-weight:normal; font-size:17px; color:#333;}
.touristInfo > ul > li .tourTxt {font-size:13px; line-height:20px;}
.touristInfo > ul > li .tourTxt .listCont li {color:#777;}
.touristInfo > ul > li.guide01 {background-position:0 0;}
.touristInfo > ul > li.guide02 {background-position:0 -200px;}
.touristInfo > ul > li.guide03 {background-position:0 -400px;}

.phoneBox {*zoom:1; padding:27px 28px 25px; border:2px solid #dcdcdc;}
.phoneBox:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.phoneBox ul {padding-left:72px; background:url(/images/kor/bg/bg_phone.png) no-repeat 0 center; font-family:'os_sb'; color:#333;}

.drive .sectionTit {margin:60px 0 30px;}
.drive ul {*zoom:1; padding-bottom:60px; border-bottom:1px solid #e6e6e6; background:url(/images/bp/eng/bg/bg_drive_line.png) repeat-x 0 0;}
.drive ul:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.drive ul.last {padding:0; border-bottom:none;}
.drive ul li {float:left; padding-top:37px; background:url(/images/bp/eng/bg/bg_drive_circle.png) no-repeat 50% 0; font-size:13px; color:#333; line-height:18px; text-align:center;}
.drive ul.type01 li {width:20%;}
.drive ul.type02 li {width:11%; background-position:50% -150px;}
.drive ul.type03 li {width:16.5%; background-position:50% -300px;}

.count{margin-bottom:15px; font-size:13px; text-align:right;}
.count span{margin-left:10px; padding-left:10px; background:url(/images/kor/bul/bul_bar_type2.png) no-repeat 0 3px; color:#333; font-family:'os_r';}

/*----- ACCOMMODATION -----*/
.txtImgBox.roomTxt {margin-bottom:60px;}
.roomReservation {*zoom:1; height:242px;}
.roomReservation:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.roomReservation > img,
.roomReservation .infoBox {float:left;}
.roomReservation .infoBox {border:solid #dcdcdc;border-width:2px 1px;}
.roomReservation .calendar {float:left;width:210px;padding:17px 30px;}
.roomReservation .result {float:left;height:238px;width:228px;border-left:1px solid #dcdcdc;background:#fcfcfc;}
.roomReservation .result .topArea {padding:40px 30px;}
.roomReservation .result .topArea span,
.roomReservation .result .topArea button {position:absolute;top:0;right:0;}
.roomReservation .result .topArea .listCont li {position:relative;height:22px;font-size:13px;}
.roomReservation .result .topArea .btnDisabled {display:inline-block;width:59px;height:12px;padding:2px 0 8px;background:#e6e6e6;font-family:'os_sb';font-size:12px;color:#666;text-align:center;}
.roomReservation .result .btnArea {margin-top:0;padding-top:20px;border-top:1px solid #eee;}
.noticeRoom.listNormal {margin-top:15px;}
.noticeRoom.listNormal li {font-family:'os_sb';color:#c32d15;}

/*----- SNATORINO -----*/
.santorinoInfo {margin-bottom:60px;padding:20px;border:2px solid #dcdcdc;}
.santorino em {font-family:'os_sb'; color:#806a4b;}
.santorino em span:first-child {margin-right:5px; padding-right:9px; background:url(/images/bp/eng/bul/bul_bar_type10.png) no-repeat 100% 50%;}
.santorino .blockType {display:block;}
.santorino .photoBox p.txt {margin-top:20px;}
.santorino .inner ul{*zoom:1}
.santorino .inner ul:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.santorino .inner ul li {width:450px}
.santorino .inner ul li .txt {margin-bottom:20px;}
.santorino .inner ul li img {display:block;margin-bottom:30px}
.santorino .inner ul.last li img{margin-bottom:0;}
.santorino .inner.sauna .txt {min-height:40px;}
.santorino .inner.sauna .iceRoom {height:80px;}

/*----- THINGS TO DO -----*/
.contArea.banquet {margin-top:20px;}


/*----- 8 SCENIC SPOTS -----*/
.vicinityTravel  {*zoom:1; padding-top:30px; margin-top:30px; border-top:1px solid #e6e6e6;}
.vicinityTravel:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.vicinityTravel.first {padding-top:0; margin-top:0; border-top:none;}
.vicinityTravel .areaPhoto,
.vicinityTravel .info {float:left;}
.vicinityTravel .areaPhoto {margin-right:20px;}
.vicinityTravel .areaPhoto {width:300px;margin-right:20px;} /* 2015-06-23 modify by YHJ */
.vicinityTravel .info {position:relative; width:600px; height:170px; padding-top:2px;}
.vicinityTravel .contTit {margin-bottom: 16px; font-size: 20px;}
.vicinityTravel .txt {margin-bottom: 0;}
.vicinityTravel .txt + .txt {margin-top:25px;}
.vicinityTravel .detail {position:absolute; bottom:0; left:0;}
.noLine .vicinityTravel {border-top:none;}

/* ETC 2014-09-26 �߰� */
.personalBox {margin-bottom:30px; border-bottom:1px solid #e6e6e6;}
.sitemap {margin-top:40px;}
.sitemap h4 {margin-bottom:8px; font-family:'os_sb'; font-weight:normal; font-size:20px; color:#806a4b; line-height:34px;}
.sitemap h4 .icoMap {display:inline-block; width:34px; height:34px; margin-right:10px; background:url(/images/bp/eng/ico/ico_category.png) no-repeat 0  -68px; font-size:0; vertical-align:middle;}
.sitemap .siteLink {padding:20px 0; border-top:2px solid #8f7654;border-bottom:2px solid #e6e6e6;}
.sitemap .siteLink > ul {*zoom:1;margin-top:40px;}
.sitemap .siteLink > ul:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.sitemap .siteLink > ul:first-child {margin-top:0;}
.sitemap .siteLink > ul > li {float:left; width:169px; padding-left:14px; border-left:1px solid #e6e6e6;}
.sitemap .siteLink > ul > li:first-child {border-left:0;}
.sitemap .siteLink > ul > li.wideWidth {width:150px;}
.sitemap .siteLink > ul > li h5 {font-family:'os_sb'; font-weight:normal; font-size:15px; color:#333;}
.sitemap .siteLink > ul > li h5 a {font-family:'os_sb'; font-weight:normal; font-size:15px; color:#333;}
.sitemap .siteLink > ul > li h5.greenType {color:#008665;}
.sitemap .siteLink > ul > li > ul > li {margin-top:10px;}
.sitemap .siteLink > ul > li > ul > li:first-child {margin-top:0;}
.sitemap .siteLink > ul > li > ul > li > a {font-size:13px; color:#777;}
.sitemap .siteLink > ul > li > ul > li > ul > li {margin-top:10px;}
.sitemap .siteLink > ul > li > ul > li > ul > li a {font-size:13px; color:#777;}
.sitemap .siteLink > ul > li > ul > li .boldType {font-family:'os_sb'; font-weight:normal; font-size:13px; color:#333;}
.sitemap.type01.first {margin-top:0;}
.sitemap.type02 h4 .icoMap {background-position:-34px -68px;}
.sitemap.type03 h4 .icoMap {background-position:-68px -68px;}
.sitemap.type04 h4 .icoMap {background-position:0 -102px;}
.sitemap.type05 h4 .icoMap,
.sitemap.type06 h4 .icoMap {background-position:-34px -102px;}

.etcBox {width:920px; margin:177px auto 0; border:1px solid #e6e6e6; border-top:3px solid #2f2c2b;}
.etcBox h1 {padding:25px 0 25px 29px; border-bottom:1px solid #e6e6e6;}
.etcCon {padding:80px 0 80px 265px;}
.etcCon .etcTit {margin-bottom:18px; font-family:'os_sb'; font-weight:normal; font-size:30px; color:#333;}
.etcCon .etctxt {font-size:14px; color:#777; line-height:20px;}
.etcCon .etcInfo {margin:20px 0; font-family:'os_sb'; font-weight:normal; font-size:16px; color:#333;}
.etcCon.error {background:url(/images/bp/kor/ico/ico_error.png) no-repeat 66px 50%;}
.etcCon.check {background:url(/images/bp/kor/ico/ico_check.png) no-repeat 66px 50%;}