﻿@charset "UTF-8";
/*	base.css,v 1.0.0 */

/* 공통 */
html, body { 
	font-size:12px;
	font-family: gulim, "굴림", "돋움";
	color: #606060;
	height: 100%;
}
* { margin: 0px; padding: 0px; }

img {border: 0 none; padding: 0; margin: 0; vertical-align:middle;}
ul, li {list-style: none; margin: 0; padding: 0;}
div {padding: 0; margin: 0;}
hr {display: none;}
form {margin:0; padding: 0;}

table, input, textarea { font-size:12px; color: #838383; }
select { border:1px #838383 solid; font-size:12px;}
radio { border:0px; }
input, select { vertical-align:middle; }
input.basic { border:1px #838383 solid; }
textarea.basic {border:1px solid #838383; vertical-align:middle;}
th { line-height:18px; }

a:link, a:visited{color:#515254; text-decoration:none;}
a:hover {color:#d16e0d; text-decoration:none;}

/* 서브전체 */
#SubMainWrapper{ height: 100%; margin: 0; padding: 0; float: left; width: 940px; position: relative; z-index: 0;}
#SubMainWrapper:after{ content:" "; display:block; clear:both; height:0; visibility:hidden;}

/*  top ************************************************************************************************************* */
#TopWrapper { position: relative; width: 940px; height: 83px; z-index:70; clear: both; float: left; border-right: 0px solid #e3e3e3;}
#TopWrapper:after { content:" "; display:block; clear:both; height:0; visibility:hidden;}
/* 로고 */
#TopLogo { float:left; width: 220px;}
/* 메뉴 */
#TopContents {float: left; width: 720px;}
#TopContents #TopCommon {width: 720px; height: 28px;}
#TopContents #TopCommon ul { float: right; margin: 0 0 0 0; padding: 6px 10px 0 0;}
#TopContents #TopCommon ul li {float:left; padding: 0 0 0 5px;}

/* 메인메뉴 (영) 10월22일 추가*/
#TopMenu_en{width: 720px; height: 55px; }
#TopMenu_en .lnb {float:left ; width: 720px; position:absolute; top:28px; left:220px; z-index: 80; margin:0px 0px 0px 0px;}
#TopMenu_en .lnb .lnb_list {height:36px; margin:0px 0px 0px 0px;}
#TopMenu_en .lnb .lnb_list ul {margin:0px 0px 0px 0px;}
#TopMenu_en .lnb .lnb_list li {float:left; display: inline;}
#TopMenu_en .lnb .lnb_list li img {vertical-align:top;}
#TopMenu_en .lnb .lnb_list .sub_list { position:absolute; top:30px; visibility: visible; z-index: 100; height: 25px; }
#TopMenu_en .lnb .lnb_list .sub_list ul { height:18px; float: left; padding: 3px 5px 0 10px; border: 2px solid #920c66; background-color: #FFFFFF; }
#TopMenu_en .lnb .lnb_list .sub_list li { float: left; height: 17px;}
#TopMenu_en .lnb .lnb_list .ps01 {left:10px; width: 420px; }
#TopMenu_en .lnb .lnb_list .ps02 {left:165px; width: 420px; }
#TopMenu_en .lnb .lnb_list .ps03 {left:320px; width: 420px; }
#TopMenu_en .lnb .lnb_list .ps04 {left:522px; width: 220px; }

/*  좌측메뉴+우측컨텐츠 ************************************************************************************************************* */
#SubWrapper{ min-height:100%; margin:-83px 0 -60px 0; position: relative; z-index: 30; width: 940px; float: left; border-right: 1px solid #e3e3e3; background: url(../../img/en/common/left_bg.gif) repeat-y;}
*html #SubWrapper {height:100%;} /* IE5.5~7 브라우저 대응 Hack */
#SubWrapper:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}

/* 좌측메뉴 */
#SubLeft { position: relative; z-index: 40; float:left; width: 185px; margin:0 0 0 -10px; padding:83px 9px 60px 26px; }

#subMenu{ width: 185px; padding: 0 0 0 0; margin: 0 0 5px 0; background: url(../../img/en/common/left/left_menu_bg.gif) repeat-y;}
#subMenu li.end { padding: 0 0 24px 0; background: url(../../img/en/common/left/left_menu_end.gif) left bottom no-repeat; }
#subMenu li div.sub-list{ }
/*
#subMenu li div.sub-list ul.subMenu-depth2{ list-style: none; margin: 0 0 0 0; padding: 10px 0 0 20px;}
#subMenu li div.sub-list ul.subMenu-depth2 li{ background:url(../../img/en/common/left/bul_left.gif) no-repeat 0px 3px; padding:0 0 6px 5px; }
*/

#subBanner{ width: 185px;}
#subBanner li{ width: 185px; text-align: center; margin: 0 0 5px 0;}

/* 우측 컨텐츠 */
#SubRight{ position: relative; z-index: 50; float:left; width: 720px; padding: 83px 0 100px 10px;}
#Visual{position: relative; z-index: 20px; margin-top: -23px;}
#ContentsContainer{ margin: 0 0 0 20px; width:690px; }
#CurrentTitle{padding: 8px 0 0 0;}
#CurrentPosition{text-align: right; padding: 0 0 12px 0; margin: -12px 0 0 0; width: 690px; border-bottom: 1px solid #e3e3e3;}
#Contents{ width: 690px; padding: 20px 0 0 0; text-align: justify; clear: both; float: left;}
#Contents:after{ content:" "; display:block; clear:both; height:0; visibility:hidden;}

/* 10/26 추가 */
div.member div.box2 {margin: 7px 0 10px 0px; padding: 2px; border: 3px solid #D0D3EE;}
ul.member-info { margin: 7px 0 2px 2px;}
ul.member-info li { color: #090080; background: url(../../img/en/reservation/ico_essential2.gif) 0 1px no-repeat; padding: 0 0 5px 10px;}

div.btn_rate { margin: 0 0 8px 0; border-bottom: 1px solid #cccccc; padding: 0 10px 2px 0; height: 30px; text-align: right;}

/* 탑-앵커 11/4 추가 */
div.btn_top { height: 24px; text-align: right; }

/* footer ************************************************************************************************************* */
#footWrapper{ position: relative; clear: both; z-index: 60; width: 940px; height: 70px; background: url(../../img/en/common/footer/footer_bg.gif) no-repeat;}
#footWrapper:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#footLink { float: left; padding: 6px 0 0 250px;}
#footLink:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#footLink ul li{ float: left;}
#footAdress{padding: 6px 0 0 250px;}

#footWrapperMain{ position: relative; z-index: 40px; width: 940px; height: 60px; clear: both; background: url(../../img/en/common/footer/footer_bg_main.gif) no-repeat;}

/* quick menu */
#QuickMenu { position:absolute; left: 945px; top: 210px; z-index: 200; width: 70px; }

/* 인터내셔널택시************************************************************************************************************* */
div.depth1 { width: 690px; margin: 0 0 30px 0;}
div.depth1 div.depth1-title { padding: 0 0 20px 0;}

/* 인터내셔널 택시란 */

span.depth2-title{ color: #82aa09; font-weight: bold; display: block; background: url(../../img/en/intro/taxi/ico_depth2.gif) 0 3px no-repeat; padding: 0 0 0 10px; margin: 0 0 10px 0;}

div.top-txt { text-align: center;}

div.depth1 ol.detail { display: none;}

div.depth1 ul.intro-case1 { width: 670px; height: 257px; padding: 0 0 0 20px;}
div.depth1 ul.intro-case1 li {float: left; padding: 3px 0 0 110px; height: 117px;}
div.depth1 ul.intro-case1 li p {padding: 6px 0 0 0; width: 200px;}
div.depth1 ul.intro-case1 li.airport {background: url(../../img/en/intro/taxi/img_airport.gif) no-repeat; margin: 0 15px 20px 0;}
div.depth1 ul.intro-case1 li.seoul {background: url(../../img/en/intro/taxi/img_seoul.gif) no-repeat; margin: 0 0 20px 0;}
div.depth1 ul.intro-case1 li.business {background: url(../../img/en/intro/taxi/img_business.gif) no-repeat; margin: 0 15px 0 0;}
div.depth1 ul.intro-case1 li.daily {background: url(../../img/en/intro/taxi/img_daily.gif) no-repeat; }

div.depth1 ul.intro-case2 { width: 670px; padding: 0 0 0 20px;}
div.depth1 ul.intro-case2 li { padding: 0 0 20px 0;}

div.depth1 ul.intro-case3 { width: 685px; padding: 0 0 0 5px;}
div.depth1 ul.intro-case3 li { padding: 0 0 0 0; margin: 0 0 0 0;}
div.depth1 ul.intro-case3 li span.list-num { font-weight: bold;}
div.depth1 ul.intro-case3 li div{ background: url(../../img/en/intro/taxi/ico_depth2_orange.gif) 10px 8px no-repeat; padding: 5px 0 0 18px; margin: 0 0 15px 0; letter-spacing: -1px;}

div.depth1-end { margin: 0;}

/* 이용방법 */
ul.guide-top { padding: 0 0 0 0px; height: 130px; background: url(../../img/en/intro/guide/top_text_bg.jpg) right bottom no-repeat;}
ul.guide-top li { background: url(../../img/en/intro/guide/ico_dot.gif) left 3px no-repeat; padding: 0 0 10px 8px;}

ul.guide-step { padding: 0 0 0 20px;}
ul.guide-step li div.step-title { margin: 0 0 10px 0;}
ul.guide-step li div.step-box { border: 7px solid #e4e4e4; padding: 15px; line-height: 18px;}
ul.guide-step li div.step-box ul.step-depth2 li { background: url(../../img/en/intro/guide/ico_gray.gif) left 6px no-repeat; padding: 3px 0 3px 10px; }
ul.guide-step li div.step-box ul.step-depth2 li p.commentGray{ font-size: 11px; color: #a0a0a0; margin: 10px 0 0 0; padding: 0 0 0 10px; background: url(../../img/en/intro/guide/ico_star.gif) left 3px no-repeat; }
ul.guide-step li div.step-box ul.step-depth2 li ul.step-depth3 { padding: 5px 0 2px 140px; background: url(../../img/en/intro/guide/step3_bg.gif) no-repeat;}
ul.guide-step li div.step-box ul.step-depth2 li ul.step-depth3 li { padding: 3px 0 0 0; background: none;}
ul.guide-step li.step {margin: 0 0 30px 0;}
ul.guide-step li strong.comment { color: #f26522; }
ul.guide-step li em.comment { color: #f26522; font-style: normal;}

p.seoul-region { float: left; width: 320px; text-align: center;}
ul.service-region-info { float: left; width: 350px; margin: 0 0 20px 0;}
ul.service-region-info li { clear: both; background: url(../../img/en/intro/guide/ico_gray.gif) left 6px no-repeat; padding: 3px 0 10px 10px; }
div.service-region { float: left; height: 108px; padding: 20px 10px; background: url(../../img/en/intro/guide/region_bg.gif) repeat-x;}
div.service-region p.green { color:#84aa0f; font-weight: bold; padding: 0 0 10px 0; }

/* 주요서비스************************************************************************************************************* */

div.depth1 { width: 690px; margin: 0 0 30px 0;}
div.depth1-end { margin: 0;}
div.depth1 div.depth1-title { padding: 0 0 20px 0;}
div.depth1 ul li span.depth2-title{ color: #82aa09; font-weight: bold; display: block; background: url(../../img/en/intro/taxi/ico_depth2.gif) 0 3px no-repeat; padding: 0 0 0 10px; margin: 0 0 10px 0;}

/* 서비스특징 */
div.depth1 div.service-info { margin: 0 0 15px 0;}
div.depth1 ul.desk-info li.inchon { margin: 0 0 15px 0;}
div.depth1 ol.detail { display: none;}

/* 서비스상세내역 */
div.depth1 div.box { padding: 16px; border: 7px solid #e4e4e4;}

dl.dtList { margin-bottom:18px;}
dl.dtList dt { color:#0080ff; font-weight:bold; line-height:22px; background:url(../../img/en/service/airport/ico_depth2.gif) no-repeat 2px 6px; padding:0 0 5px 12px;}
dl.dtList dd { line-height:18px; background:url(../../img/en/service/airport/ico_depth3.gif) no-repeat 14px 6px; padding: 0 0 3px 26px;}
dl.dtList dd strong { font-weight:normal; color:#f26522;}
dl.dtList-end { margin-bottom:0;}

/* 요금제 */
div.depth1 div.depth2 { padding: 0 0 0 12px; width: 678px;}
div.depth1 div.depth2 div.depth2-title{ margin: 0 0 15px 0;}

/* 인천국제공항 */
.conDiv { position:relative; margin:0 0 22px 0; line-height:16px;}
.conDiv h3 { margin:0 0 12px 0;}
.conDiv p.popBtn { position:absolute; top:0; right:0;}
.conDiv .conDivTable { margin:0 0 0 18px;}
.conDiv .conDivTable table { width:100%; border-top:2px solid  #17a5a6;}
.conDiv .conDivTable table th { height:30px; background-color:#f7fefe; border:1px solid #17a5a6; border-width:0 1px 1px 0;  text-align:center;}
.conDiv .conDivTable table td { height:30px; border:1px solid #17a5a6; border-width:0 1px 1px 0; text-align:center;}
.conDiv .conDivTable table th.last, .conDiv .conDivTable table td.last { border-width:0 0 1px 0;}
.conDiv .conDivTable table td.left{ text-align:left; padding-left:24px;}
.conDiv  strong { color:#fa3d03; font-weight:bold;}
.conDiv  strong.black { color:#000; font-weight:bold;}
.conDiv ul { margin:0 0 0 18px;}
.conDiv ul  li { padding:0 0 0 18px; background:url(/source/images/en/icon/dot_red.gif) no-repeat 6px center;}

.conDivMap { position:relative; margin:0 0 75px 0;}
.conDivMap ul, .conDivMap ul li { margin:0; padding:0;}
.conDivMap .map { position:absolute; right:0; top:0; width:331px;}
.conDivMap .map #mapType1, .conDivMap .map #mapType2, .conDivMap .map #mapType3 { position:absolute; left:0; top:0; z-index:100;}
/* hotel location */
.conDivMap .map #A_afield { position:absolute; left:74px; top:138px; }
.conDivMap .map #A_grandhilton { position:absolute; left:144px; top:134px; }
.conDivMap .map #A_primerseoul { position:absolute; left:109px; top:166px; }
.conDivMap .map #A_rexington { position:absolute; left:140px; top:150px; }
.conDivMap .map #B_koreana { position:absolute; left:170px; top:145px; }
.conDivMap .map #B_hilton { position:absolute; left:156px; top:145px; }
.conDivMap .map #B_western { position:absolute; left:160px; top:132px; }
.conDivMap .map #B_seoulpraza { position:absolute; left:168px; top:132px; }
.conDivMap .map #B_president { position:absolute; left:174px; top:122px; }
.conDivMap .map #B_sopitel { position:absolute; left:176px; top:126px; }
.conDivMap .map #B_shilla { position:absolute; left:190px; top:142px; }
.conDivMap .map #B_lotte { position:absolute; left:176px; top:140px; }
.conDivMap .map #B_sejong { position:absolute; left:184px; top:148px; }
.conDivMap .map #B_jw { position:absolute; left:182px; top:182px; }
.conDivMap .map #B_hayat { position:absolute; left:165px; top:167px; }
.conDivMap .map #C_renessance { position:absolute; left:202px; top:180px; }
.conDivMap .map #C_carlton { position:absolute; left:194px; top:170px; }
.conDivMap .map #C_imperial { position:absolute; left:188px; top:162px; }
.conDivMap .map #C_coex { position:absolute; left:186px; top:170px; }
.conDivMap .map #C_sheraton { position:absolute; left:218px; top:155px; }
.conDivMap .map #C_lotteworld { position:absolute; left:240px; top:170px; }
.conDivMap .map #C_parkhayat { position:absolute; left:204px; top:174px; }
.conDivMap .map #C_grandinter { position:absolute; left:195px; top:182px; }
.conDivMap .detail { position:relative;}
.conDivMap .detail ul li { position:relative; margin:20px 0 0 0; background:none; width:348px; border-bottom:1px solid #eeeeee;}
.conDivMap .detail ul li.A { height:93px;}
.conDivMap .detail ul li.B { height:140px;}
.conDivMap .detail ul li.C { height:110px; border:none;}
.conDivMap .detail .type { width:60px; height:57px; /*background:url(/source/images/en/service/region_bg.gif) no-repeat; font-size:48px; line-height:48px; text-align:center; padding-top:4px; font-weight:bold; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;*/}
.conDivMap .detail .distance { width:60px; height:20px; line-height:20px; text-align:center;}
.conDivMap .detail dl.price { position:absolute; left:82px; top:0;}
.conDivMap .detail dl.price dt { height:18px;}
.conDivMap .detail dl.price dd { float:left; width:130px; color:#636363; font-size:14px; font-weight:bold;}
.conDivMap .detail dl.price dd strong { font-size:20px; line-height:20px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.conDivMap .detail dl.price dd img { margin-right:4px; vertical-align: middle; margin-top: -4px;}
.conDivMap .detail ul.region { position:absolute; left:82px; top:46px; padding:0; margin:0;}
.conDivMap .detail ul.region li { width:250px; border:none; padding:0; margin:0; height:16px; line-height:16px;}
.conDivMap .detail ul.region li a:link, .conDivMap .detail ul.region li a:visited { color:#828484;}
.conDivMap .detail ul.region li a:hover { color:#1d8ed2; text-decoration:underline;}
.conDivMap .detail ul.region strong { color:#797979;}
.conDivMap .detail .middle { color:#ee8c0e;}
.conDivMap .detail .standard { color:#505050;}
/*
.conDivMap .detail .A { color:#f64848;}
.conDivMap .detail .B { color:#ddc106;}
.conDivMap .detail .C { color:#f97015;}
*/
.conDivMap .detail .expIcon { width:348px; height:24px; padding: 15px 0 0 74px;}
.conDivMap .detail .expIcon img { margin-right:4px;}
.conDivMap .detail .expIcon span {padding-left:10px;}

/* 김포국제공항 요금제 테이블 */
div.price-info { width: 100%;}
div.price-info table { border-collapse: collapse; width:100%; border:2px solid #3d8ab3; border-width:2px 0; margin-bottom:10px}
div.price-info table th { background-color:#f4f7f8; color:#3d8ab3; font-weight:normal; text-align:center;}
div.price-info table th.noBg { background:none;}
div.price-info table th, divdiv.price-info table td { line-height:18px; padding:6px; border:1px solid #cccccc; border-width:0 1px 1px 0;}
div.price-info table th.last, divdiv.price-info table td.last {border-width:0 0 1px 0;}
div.price-info table td { border:1px solid #cccccc; border-width:1px 0 1px 1px; padding: 5px; line-height: 18px;}
div.price-info table .essencial { color:#f26522;}
div.price-info table strong { color:#f26522; font-weight:bold;}
div.price-info table strong.noColor { color:#3d8ab3; font-weight:bold;}
.serviceToReserve { text-align:center; margin:48px 0;}
.paddingZero { padding-bottom:0;}
.marginZero { margin-bottom:0;}
.serviceContact { height:95px; background:url(/source/images/en/service/contact_bg.gif) no-repeat; padding:10px 0 0 18px;}
.serviceContact strong { color:#f26522;}
.serviceContact ul.noIcon { padding-top:8px;}
.serviceContact ul.noIcon li { background:none; line-height:20px; padding:0; margin-bottom:0;}

ul.commentList {color: #000000; font-size: 12px; margin: 0 0 20px 0; padding: 0 0 0 12px; line-height:18px;}
ul.commentList li {background:url(../../img/en/service/airport/ico_star_gray.gif) no-repeat 0 3px; padding: 0 0 0 10px; }

ul.commentList2 {color: #a0a0a0; font-size: 11px; margin: 0 0 0 0; padding: 10px 0 0 12px;}
ul.commentList2 li {background:url(../../img/en/service/airport/ico_star_gray.gif) no-repeat 0 3px; padding: 0 0 0 10px; }

/* 예약하기버튼 */
div.reservation-go {text-align: center; margin: 0 0 25px 0;}

/* 서비스연락처 */
div.service-contact {background:url(../../img/en/service/contact_bg.gif) no-repeat; height: 95px;}
div.service-contact ul{ padding: 20px 0 0 150px;}
div.service-contact ul li{ padding: 0 0 8px 0;}

/* 예약하기************************************************************************************************************* */
ul.reserve-info { margin: 0 0 20px 0; line-height:18px;}
ul.reserve-info li { background: url(../../img/en/reservation/ico_star.gif) 0 3px no-repeat; padding: 0 0 5px 10px;}
ul.reserve-info li strong{ color: #f26522;}

div.commentEssence { height:20px; color:#f26522; text-align:right; font-size: 11px;}

/* 정보입력 테이블 */
table.info-input { border-collapse: collapse; width:100%; border-top:3px solid #5497ce;}
table.info-input caption { display: none;}
table.info-input th { width:160px; height:30px; background-color:#f3f5f3; font-size:11px; text-align:left;  padding: 5px 0 3px 10px; border-bottom:1px solid #d8d8d8;}
table.info-input td { height:30px; text-align:left; font-weight:400; font-size:11px; padding: 3px 0 3px 6px; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
table.info-input td ul.radioSelect li {float: left; margin: 0 5px 0 0; padding:3px 0;}
table.info-input td div.comment { clear: both; padding: 3px 0 0 0; margin: 0; font-size: 11px; color:#f26522;}
table.info-input td span.comment { font-size: 11px; color:#f26522;}
table.info-input td input, table.info-input td img{ vertical-align: middle;}
table.info-input td ul.add-service li { padding:3px 0; width: 240px;}
ul.addservice li { width: 160px;}
div.reservation-btn { text-align: right; padding-top: 20px;}

/* 예약조회 폼 */
p.inquiry-top-txt { padding: 0 0 10px 0;}
table.info-input th.inquiry-select { text-align: center;}
table.info-input th.inquiry-select select{ width: 120px;}
table.info-input td.inquiry-input { padding: 5px 0 5px 10px;}

ul.res-comment { font-size: 11px; padding: 0 0 15px 10px;}
ul.res-comment li { padding: 0 0 5px 0; }
ul.res-comment li span.call{ padding: 0 0 5px 0; color: #CC6600;}

/* 예약조회 결과 */
div.depth1-title-inquiry { padding: 0 0 10px 0;}

table.info-view th { text-align: center; border-right: 1px solid #d8d8d8; }
table.info-view th.last{ text-align: center; border-right: none; }
table.info-view td { text-align: center; }
table.info-view1 td { text-align: left; }

table.info-input td.empty { height: 5px; border-left: none;}
div.inqury-box { border: 1px solid #cccccc; padding: 4px; width: 658px;}
div.inqury-box:after { content:" "; display:block; clear:both; height:0; visibility:hidden;}

ul.satisfaction-check { clear: both; float: left; padding: 10px; border: 1px solid #cccccc; width: 658px;}
ul.satisfaction-check:after { content:" "; display:block; clear:both; height:0; visibility:hidden;}
ul.satisfaction-check li { float: left;  font-size:11px;}
ul.satisfaction-check li.check { margin: 0 20px 0 0; padding: 3px 0 0 0; }
ul.satisfaction-check li.check input{ vertical-align: middle;}
ul.satisfaction-check li.btn{ float:right; }

div.inqury-box textarea{ width:676px; height:40px;}

div.inqury-btn { text-align: center;}
div.inqury-btn2 { text-align: center; margin-bottom: 20px;}

div.impossible-case { background: url("../../img/en/reservation/inquiry/impossible_bg.gif") no-repeat; width: 690px; height: 178px; margin: 0 0 20px 0;}
div.impossible-case p.case-info { padding: 50px 0 15px 274px;}
div.impossible-case ul.case-list { padding: 0 0 0 274px;}
div.impossible-case ul.case-list li{ background: url("../../img/en/reservation/inquiry/ico01.gif") left 3px no-repeat; padding: 0 0 3px 8px;}

/* 예약완료 */
div.complete-bg { background: url("../../img/en/reservation/complete_bg.jpg") no-repeat; width: 611pxx; height: 206px; margin: 0 0 0 39px;}
div.complete-bg div.complete-con { padding: 54px 274px 0 37px; }
div.complete-bg div.complete-con p.txt1{ padding: 0 0 10px 10px; border-bottom: 1px solid #cfcfcf; }
div.complete-bg div.complete-con p.txt2{ padding: 10px 0 5px 18px; border-bottom: 1px solid #cfcfcf; background: url("../../img/en/reservation/bu_complete.gif") 10px 16px no-repeat; font-weight: bold; line-height: 22px;}
div.complete-bg div.complete-con p.txt2 span.data { color: #CC6600; }
div.complete-bg div.complete-con p.txt3{ padding: 10px 0 0 18px; background: url("../../img/en/reservation/bu_complete.gif") 10px 18px no-repeat; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #CC6600; }
div.complete-bg div.complete-con p.txt3 img{ vertical-align: middle; }

p.res-comment { font-size: 11px;padding: 17px 0 0 50px;}
p.res-comment span.call{ color: #CC6600;}

div.reservation-btn_complete { text-align: right; padding-top: 20px; text-align: center;}

/* 추가예약 */
div.add-menu{ height: 90px; text-align:middle; } 
div.add-menu ul.add-depth1 { padding: 0 0 0 0px; }
div.add-menu ul.add-depth1 li.add-list { padding-left:5px; float:left;}
div.add-menu ul.add-depth1 li.last { margin: 0 0 0 0;}
div.add-menu ul.add-depth1 li ul.add-depth2{ clear: both;}

ul.add-info-txt { clear: both; border-top: 2px solid #d0d0d0; }
ul.add-info-txt li { border-bottom: 1px solid #d0d0d0; padding: 8px 0 8px 30px;}

/* 달력 팝업 */
.btnReserve { width:683px; height:29px; text-align:right; padding-top:0;}
.contain h4.dateTitle { height:12px; padding:9px 15px; background:#bfe3e3;}
#carendarFrame, #carendarFrame1 { position:absolute; width:331px; height:289px; top:50%; left:50%; margin:-145px 0 0 -165px;}
#carendarFrame1 {top:1250px;}
#carendar { width:331px; height:289px; background:url(../../img/en/reservation/carendar_pop_bg.gif) no-repeat; border:5px solid #fff;}
#carendar h3 { margin:10px 0 36px 12px;}
#carendar .close { position:absolute; right:12px; bottom:5px;}
.carendarTable { padding:10px 0;}
.SelectDate, .selectMonth, .selectCarendar { position:relative; width:230px; margin:0 auto;}
.SelectDate, .selectMonth {padding-bottom:10px;}
.SelectDate .day { position:absolute; right:0;}
.SelectDate .month { position:absolute; left:50%; margin-left:-20px;}
.selectMonth .current { margin-left:20px; color:#005858; font-weight:bold;}
.selectMonth .next { position:absolute; right:0;}
.selectCarendar table.carendar td, .selectCarendar table.carendar th { width:32px; height:18px; line-height:18px; font-size:11px; border:1px solid #d0d0d0; text-align:center; padding:0;}
.selectCarendar table.carendar th { background:#ccc; background:url(../../img/en/reservation/carendar_th_bg.gif) left top;}
.selectCarendar table.carendar td { background:#fff;}
.selectCarendar table.carendar td:hover { background-color:#67bbbb; color:#fff; cursor:pointer;}
.selectCarendar .sun { color:#ed1c24;}
.btnRight_01 {padding-left:5px; }
.agreement { line-height:18px; padding:0 15px 0 20px; }
.agreement .strong { font-weight:bold; }
.priceCon { padding:0 15px 0 20px; }
.contactusCon { padding:0 0 0 20px;  }
.contactusBtn  { width:673px; border-top:3px solid #5497ce; text-align:center; margin-left:21px;}
.contactusBtn img { text-align:center; padding-left:10px; margin-top:15px; margin-bottom:20px; }

#popupMapFrame, #popupMapFrame1 { position:absolute; width:371px; height:363px; top:50%; left:50%; margin:-175px 0 0 -185px;}
#popupMapFrame1 {top:1250px;}
#popup_map { width:371px; height:363px; background:url(../../img/en/reservation/pop_region_bg.gif) no-repeat; border:5px solid #fff;}
#popup_map .close { position:absolute; right:12px; bottom:5px;}
#popup_map h4 { position:absolute; left:11px; top:11px;}
#popup_map p.map { position:absolute; left:21px; top:41px;}
#popup_map dl.standard { position:absolute; left:21px; top:295px;}
#popup_map dl.standard dt { width:327px; height:20px; background:url(../../img/en/reservation/pop_devider.gif) repeat-x left bottom; margin-bottom:4px;}
#popup_map dl.standard dd { float:left; padding-left:12px; background:url(../../img/common/devider_gray_h6.gif) no-repeat 5px center; color:#5e5e5e; font-size:11px; letter-spacing:-1px; font-weight:bold;}
#popup_map dl.standard dd.first { padding-left:6px; background:none;}

#popup_confirm { display:none; position:absolute; width:371px; height:221px; top:50%; left:50%; margin:-110px 0 0 -185px; background:url(../../img/en/reservation/pop_confirm_bg.gif) no-repeat; border:5px solid #fff;}
#popup_confirm .close { position:absolute; right:12px; bottom:5px;}
#popup_confirm h4 { position:absolute; left:11px; top:11px;}
#popup_confirm .contents { position:absolute; width:100%;; top:31px; height:112px; text-align:center; background:url(../../img/en/reservation/pop_devider2.gif) no-repeat center bottom;}
#popup_confirm .contents .title { color:#363636; font-size:14px; font-weight:bold; margin:50px 0 0 0;}
#popup_confirm .btn { position:absolute; width:100%; top:155px; text-align:center;}
#popup_confirm .btn a { margin:0 3px;}

#popup_confirm_add_taxi { display:none; position:absolute; width:371px; height:221px; top:50%; left:50%; margin:-110px 0 0 -185px; background:url(../../img/en/reservation/pop_confirm_bg.gif) no-repeat; border:5px solid #fff;}
#popup_confirm_add_taxi .close { position:absolute; right:12px; bottom:5px;}
#popup_confirm_add_taxi h4 { position:absolute; left:11px; top:11px;}
#popup_confirm_add_taxi .contents { position:absolute; width:100%;; top:31px; height:112px; text-align:center; background:url(../../img/en/reservation/pop_devider2.gif) no-repeat center bottom;}
#popup_confirm_add_taxi .contents .title { color:#363636; font-size:14px; font-weight:bold; margin:41px 0 0 0;}
#popup_confirm_add_taxi .contents .comment { color:#8b8b8b; font-size:11px; margin:26px 0 0 0;}
#popup_confirm_add_taxi .contents .comment strong { color:#f26522; font-size:11px;}
#popup_confirm_add_taxi .btn { position:absolute; width:100%; top:155px; text-align:center;}

/* 회사소개************************************************************************************************************* */
/*이용약관*/
ul.agreement li{ padding: 0 0 25px 0;}
ul.agreement li p.depth1{ padding: 5px 0 0 0;}
ul.agreement li ul.depth2{ padding: 10px 0 0 0;}
ul.agreement li ul.depth2 li{ padding: 3px 0 0 0;}
ul.agreement li ul.depth2 li ul.depth3{ padding: 3px 0 0 12px;}
ul.agreement li ul.depth2 li ul.depth3 li{ padding: 0 0 0 0; font-size: 11px;}

/* contact us */
div.contact-btn{ text-align: center; padding: 20px 0 0 0;}

/* 회원서비스************************************************************************************************************* */
/* 로그인 */
div.login-box { width: 550px; height: 202px; margin: 20px 0 0 70px; background: url("../../img/en/member/login_bg.gif") no-repeat; }
div.login-box div.login-title { font-weight: bold; color: #dc4343; padding: 21px 0 14px 43px; margin: 0 0 30px 0;}

div.login-contents {padding: 0 0 0 180px;}
div.login-box em.comment { width: 550px; text-align: center;border: 0px solid #920c66;padding: 2px 0 0 150px;}
div.login-contents div.login-input {float: left; width: 210px;}
div.login-contents div.login-input div {margin-bottom: 5px;}
div.login-contents div.login-input input {width: 133px; vertical-align: middle;}
div.login-contents div.login-input img {vertical-align: middle; margin: 0 8px 0 0;}
div.login-contents div.login-submit {float: left; width: 81px; padding: 2px 0 0 0;}
div.login-contents div.login-btn {clear: both; width: 290px; padding: 15px 0 0 0; text-align: center; }

/* 회원가입 */
div.join-box {border: 7px solid #e4e4e4; padding: 22px;}
div.join-box div.join-step-title {font-weight: bold; border-bottom: 2px solid #348ae1; padding: 0 0 5px 0; margin: 0 0 8px 0;}
div.member-btn {text-align: center; padding: 10px 0 0 0;}

/* 약관동의 */
div.join-box textarea.agree {width:630px; height: 200px; margin: 0 0 10px 0; text-align:left;}
div.join-box  div.chk {padding: 12px 0 12px 2px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}

/* 회원정보입력 */
div.join-box div.join-step-title span.info-txt {color: #999999;}
div.join-box table.member-regist { border-collapse: collapse; width:632px; border-bottom: 2px solid #c8c8c8; }
div.join-box table.member-regist td { border-bottom: 1px solid #e4e4e4; padding: 3px;}
div.join-box table.member-regist td.left-txt { color: #2288cc; width: 100px; height: 29px; padding-left: 10px;  }
div.join-box table.member-regist td span.info-txt { color: #2288cc; font-size:11px;  }

/* 완료 */
div.join-box div.join-end { text-align: center;} 

/* 아이디/비밀번호찾기 */
div.findid-box { border: 7px solid #e4e4e4; padding: 22px;}
div.findid-box div.findid-title {font-weight: bold; color: #dc4343; padding: 0 0 10px 5px; margin: 0 0 30px 0; border-bottom: 1px dashed #bcbcbc;}
div.findid-box div.login-btn {clear: both; width: 630px; padding: 15px 0 0 0; text-align: center; }
div.findid-box div.email-input { text-align: left; padding: 0 0 10px 190px;}
div.findid-box p.info-txt { text-align: center; padding: 15px 0 0 0; }

/* 콜거래내역조회/수수료집금내역조회 */
div.basic-table table caption { display: none; }
div.basic-table table.case1 { border-collapse: collapse; width:100%; border-top: 2px solid #3d8ab3; border-bottom: 2px solid #3d8ab3; }
div.basic-table table.case1 th { width: 20%; background-color: #f4f7f8; color: #3d8ab3; padding: 8px; border-right: 1px solid #3d8ab3; border-bottom: 1px solid #3d8ab3; text-align: center;}
div.basic-table table.case1 td { border-bottom: 1px solid #e4e4e4; padding: 6px 10px; text-align: left;}
div.basic-table span.username { font-weight: bold;}
div.basic-table table.case1 ul.call-part li { float: left; margin: 0 15px 0 0;}
div.basic-table div.view-btn { text-align: right; padding: 15px 0 0 0;}

div.basic-table table.case2 { border-collapse: collapse; width:100%; border-top: 2px solid #3d8ab3; border-bottom: 2px solid #c8c8c8; }
div.basic-table table.case2 th { background-color: #f4f7f8; color: #3d8ab3; padding: 8px; border: 1px solid #3d8ab3;text-align: center;}
div.basic-table table.case2 td { border: 1px solid #e4e4e4; padding: 6px; text-align: center;}
div.lineup {padding: 0 0 10px 0;}

div.out-box { border: 7px solid #e4e4e4; padding: 22px; text-align: center;}
div.out-box p.info-txt { padding: 15px 0 15px 0; }
div.out-box div.out-btn img{ margin: 0 5px; }

/* 사이트맵************************************************************************************************************* */
ul.site-depth1 { clear: both; height: 330px;}
ul.site-depth1 li.section { float: left; width: 200px; height: 310px; border: 3px solid #F4F4F4; margin: 0 8px; }
ul.site-depth1 li.section div { clear: both; margin: 15px 8px 10px 8px; padding: 10px 0; color: #FFF; font-weight: bold; text-align: center;}
ul.site-depth1 li.section div.intro { background-color: #19b8cd; }
ul.site-depth1 li.section div.service { background-color: #44b42c; }
ul.site-depth1 li.section div.reservation { background-color: #a8b824; }
ul.site-depth1 li.section div.customer { background-color: #3387dd; }
ul.site-depth1 li.section div.member { background-color: #fc810a; }
ul.site-depth1 li.section div.driver { background-color: #e45987; }
ul.site-depth1 li.section div.company { background-color: #54b9a9; }
ul.site-depth2 { padding: 0 10px;  }
ul.site-depth2 li { background: url(../../img/en/sitemap/ico_site.gif) left 3px no-repeat; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #eeeeee; }
ul.site-depth3 { padding: 5px 3px 3px 3px; margin: 5px 0 0 0; background-color: #F4F4F4; font-size: 11px;  }
ul.site-depth3 li { background: none; padding: 0 0 3px 5px; margin: 0; border: none;}

/* ************************************************************************************************************* */

@media print {
#TopWrapper { display:none; }
}
