﻿@charset 'utf-8';

/* Nanum Gothic */


/* base */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,iframe,p,button,input { margin:0;padding:0;}
body,input,textarea,select,button,table,li,dt,dd,p { color:#555; line-height:100%; font-family:Malgun Gothic, '맑은 고딕', dotum, san-serif; font-size:14px;-webkit-font-smoothing:subpixel-antialiased; color:#303030;  }
input[type=text] { border:1px solid #b8b8b8; text-indent:12px; font-size:14px; border-radius:2px; height:35px; background-color:#f7f7f7; }
input[type=text]:hover { border:1px solid #282828; background-color:#fff;  }
input[type=checkbox], input[type=radio] { border:none !important; } 
textarea { border:1px solid #b8b8b8; padding:12px; font-size:14px; border-radius:2px; height:40px; background-color:#f7f7f7; }

li {list-style:none;}
a:link { color:#101010; }
a:visited { color:#101010; }
a:hover { color:#101010; text-decb8b8b8oration:none; }
em { font-style:normal; color:#3a5eb6; }
i { font-style:normal; color:#f05000; }
h4 {font-size:16px; color:#333; font-weight:700; }
.xcon:after { content: ""; display:block; clear:both; }
button { background-color:#fff; border:1px solid #b8b8b8; border-radius:2px; box-shadow:1px 1px 2px #e8e8e8; }
button:hover { border:1px solid #282828; }
.xbtnzon { text-align:center; margin:24px 0 32px 0; }
.btn-default { border:1px solid #b8b8b8; font-size:16px; font-weight:bold; color:#101010; border-radius:2px; width:158px; height:52px; margin-left:12px;  box-shadow:1px 1px 2px #e8e8e8; }
.btn-default:hover { border:2px solid #282828; background-color:#fff; }
.btn-pop { width:152px; height:48px; border:1px solid #b8b8b8; background-color:#fff; font-size:16px; font-weight:bold; color:#101010; border-radius:2px; padding:0 12px; box-shadow:1px 1px 2px #e8e8e8; }
.btn-pop:hover { border:2px solid #282828; background-color:#fff; }
.btn-default-s { border:1px solid #b8b8b8; font-size:12px; font-weight:bold; color:#101010; border-radius:2px; padding:0 12px; height:32px; box-shadow:1px 1px 2px #e8e8e8; }
.btn-default-s:hover { border:2px solid #282828; background-color:#fff; }

.xmb5 { margin-bottom:5px; }

body {scrollbar-3dlight-color: #fff;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-face-color:#d5d5d5;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
}

::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #fff}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

/* layout */
.xwrap { width:100%; }

/* --  대한상공회의소 메뉴수정 --- */

.xdnavi { width:100%; height:48px; background-color:#0ea4f5;  } 
.xdnavi-inner { width:944px; margin:0 auto;  }
.xdnavi-inner li { float:left;  font-size:16px; padding:15px 38px 0 38px; text-align:center;}
.xdnavi-inner li.xn-jimssa { height:48px;padding:15px 38px 0 38px; background-color:#007dd4; } 
.xdnavi-inner li.xn-reserve { height:48px;padding:15px 38px 0 38px; background-color:#001663; } 
.xdnavi-inner li a { color:#fff; text-decoration:none; }
.xdnavi-inner li a:hover { color:#101010; font-weight:bold;  }
.xd-search {  width:944px; margin:0 auto; height:75px; }
.sd-searchbox {  position:relative;  float:right;  width:360px;  height:40px; margin-top:20px;   border:2px solid #1f73d1;  border-radius:20px; margin-right:10px;  }
.sd-searchbox > img {  position:absolute; top:2px; right:10px;    }
.sd-searchbox  > input { display:block;  height:34px; background:none; margin-left:20px; border:none !important;   }
.xd-search  h1 { float:left; padding-top:15px; }

.xcontainer { width:944px; margin:0 auto;    }

/* -- 대한상공회의소 메뉴수정 완료--- */

.xvisual { width:100%; margin-bottom:20px; }
.xvisual img { width:100%}
.xtop-banner { width:100%; height:81px; text-align:center;  border-bottom:1px solid #f3f4f5; }


/* 상품상세 */
.xmargin-r10 { margin-right:10px;}
.xmlr { margin:0 4px;}
.xmb30 { margin-bottom:30px;}
.xcview-title { font-size:14px; border:1px solid #d0d0d0; background-color:#fff; padding:20px 20px 15px 20px; margin-bottom:15px; border-radius:3px;}
.xcview-title > label { font-size:12px; background-color:#5f8dfd; padding:3px 7px; color:#fff; margin-right:5px;}
.xcview-title > span { margin-right:15px; }
.xcview-title > p { font-size:18px; line-height:130%; margin-top:5px; font-weight:700;}
.xcvs-btn button, .xcvs-btn button:hover { height:32px; width:560px; background-color:#ff704c; font-weight:bold; color:#fff; font-size:13px; margin-bottom:10px; padding:4px 16px 0 16px; border:none; }
.xcvs-btn2 button { height:32px; width:277px; background-color:#686868; font-weight:bold; color:#fff; font-size:13px; margin-bottom:10px; padding:4px 16px 0 16px; border:none; }
.xcvs-btn2 button:hover { background-color:#333;  }
.xcvs-btn button label, .xcvs-btn2 button label { margin-right:8px; vertical-align:2px; }
.xcvsl-btn { font-size:0; margin-top:15px; margin-bottom:17px;}
.xcvsl-btn .xcvslb-mlr { margin:0 5px;}
.xcvsl-btn button { height:32px; font-size:12px; padding:4px 17px 0 17px; letter-spacing:-1px; }
.xcvsl-btn button label { margin-right:7px; vertical-align:2px; }
.xcview-summary { width:944px; background-color:#fff; margin-bottom:15px; }
.xcv-left { float:left; width:340px; }
.xcvsl-photo { position:relative; width:340px; height:270px; margin-bottom:6px; }
.xcvsl-photo > img { width:340px; height:270px; }
.xcvsl-photo span { position:absolute; top:0; left:80px; width:180px; height:60px; }

.xcvsl-call { border:1px solid #dcdcdc; background-color:#f9f9f9; padding:14px; margin-bottom:13px; }
.xcvsl-call > span { display:block; margin-bottom:7px; }
.xcvsl-call > span:last-child { margin-bottom:0; }
.xcvsl-banner { font-size:0; }
.xcvsl-logo { }
.xcv-right { float:right; width:560px;}
.xcv-right > li { margin-bottom:10px; }
.xcv-right > li:last-child { margin-bottom:0; }
.xcv-right .xcvsl-call { }
.xcvsl-price { color:#333; font-size:14px; font-weight:700; margin-top:3px; }
.xcvsl-price span { font-size:20px; color:#e14129; }
.xcvsl-price-p { height:207px; color:#333; font-size:14px; font-weight:700; margin-top:5px; border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc; overflow:hidden; }

.xcvslpp h6 { width:100%; font-size:13px; font-weight:700; padding:7px 14px; margin:0 0 15px 0; background-color:#f7f7f7; border-top:1px solid #ddd; }
.xcvslpp dl { width:100%; padding:0px 14px 6px 14px; border-bottom:1px solid #eee; margin-bottom:10px; }
.xcvslpp dl:last-child { border-bottom:0; margin-bottom:0; }
.xcvslpp dl dt { float:left; width:90px; color:#e14129; }
.xcvslpp dl dd { float:left; width:430px; }
.xcvslpp dl dd a:link { width:25px; height:16px; text-align:center; display:inline-block; text-decoration:none;}
.xcvslpp dl dd a:hover { font-weight:700; }
.xcvslpp dl dd label { margin:0 5px; color:#ddd;}
.xcvsr-gift { position:relative; width:560px; padding:15px; border:1px solid #dcdcdc; background-color:#f6f6f6; }
.xcvsr-gift .xcvsr-btn { position:absolute; top:42px; right:20px; }
.xcvsr-gift h4 img { padding-bottom:10px;  }
.xcvsr-gift h4 i { margin-right:5px; padding-left:3px; }
.xcvsr-gift span { font-size:14px; letter-spacing:-1px; line-height:130%; }
.xcvsr-gift span button { padding:3px; border:1px solid transparent; color:#fff; font-size:11px; background-color:#999; }
.xcvsr-pop { position:relative; position:absolute; top:42px;left:15px; width:455px; border:1px solid #ddd; padding:15px; background-color:#fff;}
.xcvsr-pop li { line-height:170%; }
.xcvsr-pop li span { font-size:12px; }
.xcvsr-bullet { position:absolute; width:14px; top:13px; left:455px; font-size:20px; color:#f26e5b; line-height:0; padding-right:0; }
.xcvsr-pop .xcvsrp-txt { font-size:13px; padding:10px; margin-top:10px; line-height:150%; background-color:#f7f7f7; }
.xcvsr-schedule > table, .xcvsr-price > table  { width:560px; }
.xcvsr-schedule > table th, .xcvsr-price > table th { background-color:#f8f8f8; border:1px solid #dcdcdc; padding:10px 0; text-align:center; }
.xcvsr-schedule > table td { border:1px solid #dcdcdc; padding:10px 15px; }
.xcvsr-price > table td { border:1px solid #dcdcdc; padding:11px 0;  text-align:center; }
.xcvsr-schedule > span { margin-right:3px;}
.xcvsrs-air label { vertical-align:-2px; padding-left:5px; font-weight:normal;}
.xcv-date1 { color:#fff; background-color:#8ca8e9; border:1px solid #8ca8e9; padding:3px 5px; margin-bottom:0; font-size:11px; margin-right:5px; }
.xcv-date2 { border:1px solid #dbdbdb; color:#7e94c7; padding:3px 5px; margin-bottom:0; font-size:11px; margin-right:5px; }
.xcvsr-btnzone { font-size:0; }
.xcvsr-btnzone .xcvslb-mlr { margin-right:10px; }

.xcview-agency, .xcview-safety { border:1px solid #ddd; padding:20px; background-color:#fff; margin-bottom:15px; border-radius:2px; }
.xcview-agency > p, .xcview-safety > p { float:left; width:105px; }
.xcview-agency > div { float:right; width:770px; margin-top:5px; }
.xcview-safety > div { float:right; width:770px; margin-top:5px; }
.xcview-agency > div span, .xcview-safety > div span { display:block; font-size:14px; line-height:150%;  }
.xcview-safety div h5 { font-size:20px; font-weight:700; margin-bottom:5px;  }


.xcview-depart2 { width:793px; background-color:#fff; padding:13px; border-top:7px solid #ddd; border-bottom:7px solid #ddd; background-color:#fff;  } /*게시판 출발일보기*/
.xcvd-mon2 { width:763px; background-color:#fff; text-align:center; padding:15px 0 5px 260px; border-left:1px solid #ddd; border-right:1px solid #ddd;border-top:1px solid #ddd; }
.xcvd-mon2 p { float:left; width:80px;  }
.xcvd-mon2 .xcvdm-choice a { font-size:13px; color:#f83417; font-weight:700; }
.xcvd-mon2 .xcvdm-date span { display:inline-block; font-size:12px; color:#555; padding:0 3px; }
.xcvd-calendar2 { width:763px; margin-bottom:10px; }
.xcvd-calendar2 th { width:24px; height:22px; padding:0; border:1px solid #ddd; background-color:#f7f7f7; color:#666; text-align:center; }
.xcvd-calendar2 th.xcvdc-sun { color:#f06c59;  }
.xcvd-calendar2 td { width:30px; height:23px; color:#d7d7d7; border:1px solid #ddd; text-align:center; background-color:#fff; }
.xcvd-calendar2 td a { display:block; height:25px; color:#555; padding-top:6px; }
.xcvd-calendar2 td.xcvdc-choice a { color:#fff; background-color:#555; }
.xcvd-board2 { width:763px; }
.xcvd-board2 tbody, .xcvd-board2 thead  { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.xcvd-board2 th { text-align:center; background-color:#f7f7f7; padding:7px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.xcvd-board2 td { border-bottom:1px solid #ddd; padding-top:10px; padding-bottom:10px; background-color:#fff }

.xcview-depart { width:944px; border:1px solid #ddd; background-color:#fff; padding:30px 24px 20px 24px; margin-bottom:15px; } /*상세보기 출발일보기*/
.xcvd-mon  { width: 300px;  margin:0 auto; margin-bottom:10px; }
.xcvd-mon li { float:left; width:100px; text-align:center;  }
.xcvd-mon li.xcvdm-choice a { font-size:20px; color:#f83417; font-weight:700; }
.xcvd-mon li.xcvdm-date span { display:inline-block; font-size:12px; color:#555; padding:0 3px; }
.xcvd-calendar { width:894px; margin-bottom:5px; font-size:13px; }
.xcvd-calendar th { width:30px; height:25px; border:1px solid #ddd; background-color:#a5a5a5; color:#fff; text-align:center; }
.xcvd-calendar th.xcvdc-sun { background-color:#f06c59;  }
.xcvd-calendar td { width:30px; height:25px; color:#d7d7d7; border:1px solid #ddd; text-align:center; }
.xcvd-calendar td a { display:block; height:25px; color:#555; padding-top:6px; }
.xcvd-calendar td.xcvdc-choice a { color:#fff; background-color:#555; }
.xcvd-board { width:894px; }				
.xcvd-board th { text-align:center; background-color:#f7f7f7; padding:7px 0; border-bottom:1px solid #ccc;border-top:1px solid #ccc; }
.xcvd-board td { border-bottom:1px solid #ddd; padding-top:10px; padding-bottom:10px; background-color:#fff }
.xcvdb-start, .xcvdb-end { display:block; line-height:150%; }
.xcvdb-date, .xcvdb-airline, .xcvdb-reserv  { text-align:center; }
.xcvdb-price { text-align:right; padding-right:10px; color:#ca2d17; font-weight:600; }
.xcvdb-title { font-size:12px; font-weight:600; padding:0 10px; }
.xcvdb-reserv span { display:inline-block; padding:7px 8px; font-size:11px; }
.xreserv01 { background-color:#e93d25; color:#fff; }
.xreserv02 { background-color:#ff8471; color:#fff; }
.xreserv03 { background-color:#fff; color:#d95e52; border:1px solid #ed988b; }
.xreserv04 { background-color:#ccc; color:#fff; }
.xcvdb-btn { margin-top:25px; text-align:center; }

.xcview-content { width:944px; border:1px solid #ddd; padding:20px; background-color:#fff; margin-bottom:15px; }
.xcvc-h4 { width:904px; margin-bottom:30px; border-bottom:1px solid #d0d0d0; }
.xcvc-h4 h4 { font-size:18px; width:150px; float:left; }
.xcvc-h4 span { float:right; }
.xcvc-h4 span a { display:inline-block; width:56px; height:32px; padding:7px 0; text-align:center; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-left:1px solid #d0d0d0;}
.xcvc-h4 span a:hover { border-top:1px solid #686868; border-right:1px solid #686868; border-left:1px solid #686868; text-decoration:none;}

.xcviewc-txt { padding-left:5px;}





/* 팝업 */
.xlogin { width:580px; height:340px; margin:0 auto; border:5px solid #f15000; padding:40px; margin-top:50px; }
.xlogin h4 { font-size:20px; padding-bottom:25px; border-bottom:1px solid #d0d0d0; }
.xlogin h4 span { display:block; font-size:14px; margin-top:5px; font-weight:normal; }
.xl-box { width:490px; background-color:#f4f4f4; padding:20px 30px; margin-bottom:20px;  }
.xl-box ul { float:left;}
.xl-box ul li { padding-top:5px; }
.xl-box ul li input { width:270px; background-color:#fff; }
.xl-box ul li label { width:70px;}
.xl-box button { float:right; width:73px; height:73px; margin-top:5px; background-color:#686868; color:#fff; border-radius:3px; border:0; }
.xl-box button:hover { background-color:#282828;  color:#fff; }
.xl-txt li { font-size:13px; padding-bottom:5px; line-height:1.2em; }

.xpop-basic { position:relative; width:480px; height:460px;  } 
.xpop-basic .xclear-space { position:absolute; width:416px; height:32px; left:32px; bottom:0; background-color:#fff;}
.xpopb-scroll { width:480px; height:436px; border-radius:5px;   }
.xpopb-scroll .xpopb-contents { padding:32px 40px;  height:436px;overflow-y:auto; }
.xpopb-txt { line-height:22px; margin-bottom:20px; }
.xpopb-form table { width:400px; border-top:1px solid #686868;  }
.xpopb-form table th { width:130px; padding:7px 24px; height:48px; border-bottom:1px solid #e0e0e0; background-color:#f4f4f4;  }
.xpopb-form table td { width:270px; padding:7px 24px; border-bottom:1px solid #e0e0e0;  }
.xppost-search { text-align:center; padding:20px; background-color:#f4f4f4; margin-bottom:24px; }
.xppost-search p { margin-bottom:10px; letter-spacing:-1px; }
.xpc-post { width:250px; height:32px !important; vertical-align:-1px; margin-right:5px; }
.xppost-result p { margin-bottom:12px; }
.xppost-result table { width:416px; border-top:1px solid #686868; }
.xppost-result table th { width:100px; height:40px; padding:7px 16px; text-align:center; background-color:#f4f4f4; border-top:1px solid #686868; border-bottom:1px solid #e0e0e0; }
.xppost-result table td { text-align:left; padding:7px 16px; border-bottom:1px solid #e0e0e0; }

.xpopup { position:relative; width:720px; height:600px; }
.xpopup-scroll { width:720px; height:588px; border-radius:5px; overflow-y:auto; }
.xpopup-scroll .xclear-space { position:absolute; width:640px; height:32px; left:40px; bottom:0; background-color:#fff;}
.xpopup-scroll h4, .xpop-basic h4 { position:relative; font-size:21px; height:64px; padding:23px 0 0 32px; border-bottom:1px solid #d4d4d4; box-shadow:1px 1px 3px #e8e8e8; letter-spacing:-2px; }
.xpopup-scroll h4 label, .xpop-basic h4 label { position:absolute; right:32px; top:25px;}
.xpopup-scroll .xpop-contents { padding:32px 40px 0 40px; }
.xpop-process, .xpop-process2 { text-align:center; font-size:16px; margin-bottom:24px; color:#101010; font-weight:bold;}
.xpop-process span {display:inline-block; margin:0 10px;  }
.xpop-process2 span {display:inline-block; margin:0 2px;  }
.xpop-txt { width:640px; border-bottom:1px solid #b8b8b8;  }
.xpop-txt h5 { border-top:1px solid #686868; background-color:#f4f4f4; padding:16px; font-weight:bold; color:#101010;  }
.xpop-txt ul { padding:16px 16px;}
.xpop-txt ul li { padding-bottom:5px; line-height:1.4em; letter-spacing:-1px; }
.xpop-txt ul li:last-child { padding-bottom:0; }
.xpop-agree { width:640px; text-align:right; padding:10px 10px; margin-bottom:30px; letter-spacing:-1px;border-bottom:1px solid #686868;  }
.xpop-agree-c { width:640px; text-align:right; padding:10px 10px; text-align:center; border-bottom:1px solid #686868; }
.xpop-agree-c span { padding-right:10px;}
.xpop-agree label, .xpop-agree-c label { font-weight:normal; vertical-align:2px;  }
.xpop-form h6 {font-size:16px; font-weight:bold; color:#101010; margin-bottom:10px; letter-spacing:-1px;  }
.xpop-form h6 span { font-size:14px; font-weight:normal; color:#606060; padding-left:5px; }
.xpop-form table { width:640px; border-top:1px solid #686868;  }
.xpop-form table th { width:130px; padding:7px 24px; height:48px; border-bottom:1px solid #e0e0e0; background-color:#f4f4f4;  }
.xpop-form table td { width:510px; padding:7px 24px; border-bottom:1px solid #e0e0e0;  }
.xpop-form table td p label { vertical-align:2px; font-weight:normal; } 
.xpop-form p { font-size:12px; margin:5px 0 2px 0; }
.xpi-post { width:330px; }
.xpi-basic { width:455px;  }
.xpop-h5 { font-size:16px; font-weight:bold; margin-bottom:10px; } /*메일보내기*/
.xpopf-name { display:inline-block; }
.xpopf-name label { font-weight:normal; margin-right:7px; }
.xpopf-name input { width:176px; }
.xpopf-txt textarea {width:455px; height:190px; background-color:#fff;}





.xpp-title { width:640px; margin-bottom:20px; border-top:1px solid #686868;border-bottom:1px solid #686868; padding:15px 0; } /*인쇄*/
.xppbtn-print { position:absolute; background-color:#dc320a; padding:7px 15px; top:80px; right:30px; border:0; font-size:14px; font-weight:700; color:#fff; }
.xppbtn-print label { margin-left:3px; padding-top:3px;}
.xppt-subject { font-size:17px; font-weight:700; margin-top:2px; color:#486577; }
.xppt-price { font-size:17px; margin-top:10px; color:#eb523c; }
.xpp-title label { background-color:#76cde2; font-weight:700; color:#fff; padding:5px 7px; margin-right:5px; }
.xpp-title span { display:inline-block; margin-right:30px; font-weight:700; }
.xpp-pprice, .xpp-pdate  { width:640px; margin-bottom:20px; }
.xpp-pprice th, .xpp-pdate th { border:1px solid #ddd; text-align:center; padding:10px 0; background-color:#f7f7f7; }
.xpp-pprice td { border:1px solid #ddd; text-align:center; padding:10px 0;}
.xpp-pdate td { height:45px; border:1px solid #ddd; text-align:left; padding:10px 15px;}
.xpp-pdate td > label { margin-right:9px; color:#486577; }
.xpp-pdate td > span { display:inline-block; margin-right:20px; }
.xpp-detail { width:640px;  }

.xppgift-txt { width:605px; margin-bottom:15px; margin-top:5px; font-size:12px; letter-spacing:0 !important; background-color:#f7f7f7; padding:15px !important; line-height:1.5em; }
.xppgift-txt em { font-weight:700; color:#518fb6; }

.xpi-sbasic { width:140px;  }
.xpop-form input { background-color:#fff;}
.xpopf-txt2 textarea { width:455px; height:80px; background-color:#fff;}
.xpop-form select { width: 140px; height:35px; padding: 8px 12px 9px 12px; line-height:35px; border: 1px solid #b8b8b8; font-size: 13px; color: #50555a; border-radius:2px; }
.xpop-form table td .btn-default-s { margin-left:5px; display:inline-block; }



/* 긴급모객 검색 -출발지포함*/
.xot-quick { width:944px; background-color:#fff; margin-bottom:48px; letter-spacing:-1px; border-bottom:1px solid #b8b8b8; }
.xot-quick h5 { height:42px; padding:14px; color:#101010; font-weight:bold; background-color:#f4f4f4; border-top:1px solid #686868; border-bottom:1px solid #b8b8b8; }
.xot-quick > .xsq_start > div, .xot-quick > .xqs_area > div, .xot-quick >.xqs_city > div,.xot-quick > .xqs_hotel > div, .xot-quick >.xqs_company > div { height:292px; }
.xot-quick > .xsq_start	{ width:158px; float:left; border-left:1px solid #eee; border-right:1px solid #eee;}
.xot-quick > .xqs_area	{ width:165px; float:left; border-right:1px solid #eee; }
.xot-quick > .xqs_city	{ width:205px; float:left; border-right:1px solid #eee; }

.xot-quick > .xqs_company{ width:180px; float:left; border-right:1px solid #eee; }
.xot-quick > .xqs_etc 	{ width:236px; float:left;  border-right:1px solid #eee;  }
.xqs_city > div > ul > li > ul > li { padding:4px 0; font-weight:normal; }


/*
.xpabal-quick > div { width:236px; height:430px;float:left; border-right:1px solid #e0e0e0; border-bottom:1px solid #b8b8b8; }
.xsq_theme { border-left:1px solid #e0e0e0; }
*/
.xpabal-quick {width:944px; margin-bottom:48px; border-left:1px solid #e0e0e0; }
.xpabal-quick > div {  height:430px; float:left; border-right:1px solid #e0e0e0; border-bottom:1px solid #b8b8b8; }
.xpabal-quick > .xsq_theme { width: 150px; } 
.xpabal-quick > .xsq_start { width: 130px; } 
.xpabal-quick > .xsq_area { width: 186px; } 
.xpabal-quick > .xsq_city { width: 227px; } 
.xpabal-quick > .xsq_etc { width:236px; } 


.xpabal-quick div h5 { height:42px; padding:16px; color:#101010; font-weight:bold; background-color:#f4f4f4; border-top:1px solid #686868; border-bottom:1px solid #b8b8b8; }
.xsq_theme div, .xqs_area div, .xqs_city div { height:270px;  }
.xqs-list > li { padding:5px 0; }
.xqs-list > li:first-child { padding-top:13px; }
.xqs-list li a { color:#444; display:block; padding:0 16px; }
.xqs-list li.choice_l>a {color:#101010;font-weight:bold; }

.xqs_calendar { border:1px solid #ddd; }
.xqs_calendar th { background-color:#f7f7f7; width:30px; height:20px; font-size:11px; color:#4b4b4b; text-align:center; padding:4px 0; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
.xqs_calendar th.xth-sun { color:#f05000; border-left:0; } 
.xqs_calendar th.xth-sat {border-right:0; } 
.xqs_calendar td { height:20px; text-align:right;font-size:11px; color:#ccc; text-align:center; background-color:#f3f3f3; border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9; }
.xqs_calendar td a { display:block; height:20px; color:#777; background:#fff; line-height:190%; }
.xqs_calendar td.xtd-sat a { color:#5e8cfd; border-right:0; background-color:#Fff;}
.xqs_calendar td.xtd-sun { border-left:0; }
.xqs_calendar td.xtd-sun a { color:#e93d32; border-left:0; background-color:#Fff;} 
.xqs_calendar td.xchoice a { color:#fff; background-color:#f05000;} 

.xqs-mchoice { padding:10px;}
.xqs-mchoice select { width:216px; height:35px; font-size:14px; color: #50555a; line-height:50px; padding:5px 10px 5px 10px; border:1px solid #ccc; border-radius:2px; margin-bottom:5px; }
.xqs-agency { padding:10px;}
.xqs-agency select { width:216px; height:35px; font-size:14px; color: #50555a; line-height:50px; padding:5px 10px 5px 10px; border:1px solid #ccc; border-radius:2px;  }
.xqs-array { padding:10px 0 0 10px;}
.xqs-array span { display:inline-block; width:90px;  margin-right:10px;}
.xqs-array span label { font-weight:normal; vertical-align:2px; padding-left:3px;}
.xqs-price { padding:10px;}
.xqs-price select { width:216px; height:35px; font-size:14px; color: #50555a; line-height:50px; padding:5px 10px 5px 10px; border:1px solid #ccc; border-radius:2px; margin-bottom:5px; }

/* 긴급모객-검색

.xot-quick { width:944px; background-color:#fff; margin-bottom:48px; letter-spacing:-1px; border-bottom:1px solid #b8b8b8; }
.xot-quick h5 { height:42px; padding:14px; color:#101010; font-weight:bold; background-color:#f4f4f4; border-top:1px solid #686868; border-bottom:1px solid #b8b8b8; }
.xot-quick > .xsq_start > div, .xot-quick > .xqs_area > div, .xot-quick >.xqs_city > div,.xot-quick > .xqs_hotel > div, .xot-quick >.xqs_company > div { height:292px; }
.xot-quick > .xsq_start	{ width:158px; float:left; border-left:1px solid #eee; border-right:1px solid #eee;}
.xot-quick > .xqs_area	{ width:165px; float:left; border-right:1px solid #eee; }
.xot-quick > .xqs_city	{ width:205px; float:left; border-right:1px solid #eee; }

.xot-quick > .xqs_company{ width:180px; float:left; border-right:1px solid #eee; }
.xot-quick > .xqs_etc 	{ width:236px; float:left;  border-right:1px solid #eee;  }
.xqs_city > div > ul > li > ul > li { padding:4px 0; font-weight:normal; }

.xpabal-quick {width:944px; margin-bottom:48px;}
.xpabal-quick > div { width:236px; height:430px;float:left; border-right:1px solid #e0e0e0; border-bottom:1px solid #b8b8b8; }
.xpabal-quick div h5 { height:42px; padding:16px; color:#101010; font-weight:bold; background-color:#f4f4f4; border-top:1px solid #686868; border-bottom:1px solid #b8b8b8; }
.xsq_theme div, .xqs_area div, .xqs_city div { height:270px;  }
.xqs-list > li { padding:5px 0; }
.xqs-list > li:first-child { padding-top:13px; }
.xqs-list li a { color:#444; display:block; padding:0 16px; }
.xqs-list li.choice_l>a {color:#101010;font-weight:bold; }

.xsq_theme { border-left:1px solid #e0e0e0; }
.xqs_calendar { border:1px solid #ddd; }
.xqs_calendar th { background-color:#f7f7f7; width:30px; height:20px; font-size:11px; color:#4b4b4b; text-align:center; padding:4px 0; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
.xqs_calendar th.xth-sun { color:#f05000; border-left:0; } 
.xqs_calendar th.xth-sat {border-right:0; } 
.xqs_calendar td { height:20px; text-align:right;font-size:11px; color:#ccc; text-align:center; background-color:#f3f3f3; border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9; }
.xqs_calendar td a { display:block; height:20px; color:#777; background:#fff; line-height:190%; }
.xqs_calendar td.xtd-sat a { color:#5e8cfd; border-right:0; background-color:#Fff;}
.xqs_calendar td.xtd-sun { border-left:0; }
.xqs_calendar td.xtd-sun a { color:#e93d32; border-left:0; background-color:#Fff;} 
.xqs_calendar td.xchoice a { color:#fff; background-color:#f05000;} 

.xqs-mchoice { padding:10px;}
.xqs-mchoice select { width:216px; height:35px; font-size:14px; color: #50555a; line-height:50px; padding:5px 10px 5px 10px; border:1px solid #ccc; border-radius:2px; margin-bottom:5px; }
.xqs-agency { padding:10px;}
.xqs-agency select { width:216px; height:35px; font-size:14px; color: #50555a; line-height:50px; padding:5px 10px 5px 10px; border:1px solid #ccc; border-radius:2px;  }
.xqs-array { padding:10px 0 0 10px;}
.xqs-array span { display:inline-block; width:90px;  margin-right:10px;}
.xqs-array span label { font-weight:normal; vertical-align:2px; padding-left:3px;}
.xqs-price { padding:10px;}
.xqs-price select { width:216px; height:35px; font-size:14px; color: #50555a; line-height:50px; padding:5px 10px 5px 10px; border:1px solid #ccc; border-radius:2px; margin-bottom:5px; }
*/

/*예약확인리스트*/
.xc-board { width:944px; }
.xc-board th { text-align:center; border-bottom:1px solid #686868;  border-top:1px solid #686868; padding:10px 0; height:42px; background-color:#f3f3f3; }
.xc-board td { border-bottom:1px solid #eee; padding-top:10px; padding-bottom:10px; }
.xcb-reserve span { display:inline-block; width:80px; padding:7px 0; text-align:center; font-size:14px; }
.xcb-logo, .xcb-hcount, .xcb-date, .xcb-price, .xcb-reserve { text-align:center; }
.xcb-title { text-align:left !important; padding-left:15px; }
.xreserv01 { width:80px; text-align:center; background-color:#e93d25; color:#fff; }
.xreserv02 { width:80px; text-align:center; background-color:#ff8471; color:#fff; }
.xreserv03 { width:80px; text-align:center; background-color:#fff; color:#d95e52; border:1px solid #ed988b; }
.xreserv04 { width:80px; text-align:center; background-color:#ccc; color:#fff; }
.xcvdb-btn { margin-top:25px; text-align:center; }

.xtop-reserve { width:944px; background-color:#fafafa; padding:30px 30px 20px 30px; margin-bottom:20px; border:1px solid #686868; }
.xtop-reserve .xtr-img { float:right; width:180px; }
.xtop-reserve dd { float:left; width:510px; }
.xtop-reserve .xtr-title { font-size:23px; margin-bottom:15px; font-weight:700;}
.xtop-reserve .xtr-title span { color:#3b6ab0; }
.xtop-reserve .xt4-txt { font-size:14px; line-height:1.5em; color:#333; }
.xtop-reserve .xt4-txt span { font-weight:700; display:block; margin-top:5px; }


/*리스트*/
.xpabal-list h4 { font-size:18px; font-weight:bold; margin-bottom:14px; }
.xpabal-list h4 label { font-family:Arial; font-size:16px; padding-left:5px; font-weight:normal; vertical-align:-2px; }
.xpabal-list table { width:944px; border-top:1px solid #686868; }
.xpabal-list table td { border-bottom:1px solid #e0e0e0; }
.xpl-photo { position:relative; width:154px; padding:24px; }
.xpl-photo label { position:absolute; width:40px; height:40px; top:24px; left:24px; background-color:#f50000; color:#fff; font-size:12px; text-align:center;padding:5px 3px 0 3px; }
.xpl-photo img { width:142px; height:120px; }
.xpl-txt { width:510px; vertical-align:top; }
.xpl-txt a { display:block; color:#101010; font-size:18px;font-weight:bold; line-height:28px; letter-spacing:-1px; margin-top:24px; margin-bottom:20px;  }
.xpl-txt span { font-size:16px; color:#303030; }
.xpl-price { width:210px; text-align:right; font-size:20px; color:#f05000; font-weight:bold; padding-right:24px; }
.xpl-price span { display:inline-block; width:140px; float:right; }
.xpl-price span label { display:block;text-align:center; }
.xpl-price span label.xplpp { font-size:16px; font-weight:normal; color:#303030; text-align:center; margin-top:10px; text-decoration:line-through;}
.xpl-price a { display:inline-block; width:32px; float:right; height:32px; font-size:0; border:0; background-color:transparent; margin-top:6px;  }

.xpabal h3 { margin-bottom:10px;}
.xpabal p { margin-bottom:10px; font-size:16px; }
.xpabal-tab { width:944px; }
.xpabal-tab li { width:50%; float:left; text-align:center;  margin-left:-1px;}
.xpabal-tab li a:link { display:block; height:48px; color:#101010; font-weight:bold; background-color:#fff; padding-top:15px; font-size:18px; border:1px solid #d0d0d0; }
.xpabal-tab li a.selected { color:#101010; background-color:#f8f8f8; border:1px solid #b8b8b8; box-shadow:1px 1px 1px 1px #e8e8e8 inset;}
.xform, .xform2 { width:944px; background-color:#ffffff; padding-top:40px; border:1px solid #d0d0d0; margin-top:20px;  }
.xpabal-txt, .xpabal-form  { width:850px; margin-bottom:20px; font-size:14px; margin-left:45px; }
.xpabal-txt span { display:block; text-align:left; margin-bottom:7px; }
.xpabal-form th { border:1px solid #cccccc; padding:16px; background-color:#f3f4f5; font-size:14px; }
.xpabal-form td { border:1px solid #cccccc; text-align:left; padding:16px;font-size:14px; background-color:#fff; }
.xpabal-form tr td.xpabal-set tbody { font-size:14px; }
.xpform { display:inline-block; }
.xpform select { width:150px; height:40px; padding:8px 15px 9px 15px; margin:10px 15px; line-height:35px; border: 1px solid #b8b8b8; font-size: 13px; color: #50555a; border-radius:2px; }
.xpabal-set { width:580px; border:1px solid #ccc; font-size:14px; padding:10px; background-color:#f8f8f8; margin-top:10px;  }
.xpabal-set span { display:inline-block; width:180px; text-align:left; background-color:transparent; }
.xform .xagree { display:block; width:942px; height:40px; text-align:right; background-color:#f7f7f7; padding:8px 50px 0 0; margin-bottom:20px; }


.xpcompare-list h4 { font-size:18px; font-weight:bold; margin-bottom:14px; }
.xpcompare-list h4 label { font-family:Arial; font-size:16px; padding-left:5px; font-weight:normal; vertical-align:-2px; }
.xpcompare-list table { width:944px; border-top:1px solid #686868;}
.xpcompare-list table td { border-bottom:1px solid #e0e0e0; }
.xpc-logo { width:171px; padding:24px; }
.xpc-txt { width:360px; font-size:16px; line-height:28px; padding-right:20px;}
.xpc-sdate { width:200px; padding-top:7px;}
.xpc-sdate label { border:1px solid #b8b8b8; background-color:#fff; height:32px; padding:8px 16px 8px 16px; border-radius:2px;}
.xpc-sdate button { height:32px; padding:0 16px; color:#101010; }

.xpc-price { width:200px; text-align:right; font-size:20px; color:#f05000; font-weight:bold; padding-top:5px; padding-right:24px;}
.xpc-price button { font-size:0; border:0; background-color:transparent; vertical-align:5px; margin-left:10px;  }

.xboard-paging { width:944px; text-align:center;  margin-top:30px; }
.xpagination li { display:inline-block; }
.xpagination li a { display:block; height:34px; width:34px; border:1px solid #d0d0d0; color:#000; padding:8px 0; text-align:center; border-radius:2px;  }
.xpagination li a:hover { border:1px solid #282828; }
.xpagination li a:hover { border:1px solid #282828; }
.xpagination li a.xselected { background-color:#282828; color:#fff; border:transparent; padding-top:9px; }

/*이벤트*/
.xcontainer-wrap { width:980px; margin:0 auto;  }
.xevent-left { width:660px; float:left;margin-right:15px;  background-color:#fff; }
.xel-photozone { width:width:660px; border:1px solid #ff8770; margin-bottom:10px;}
.xel-summary { width:width:660px; border:1px solid #ddd; margin-bottom:10px;}
.xel-photozone > h4 { padding:10px 0 7px 0; }
.xel-photo { width:620px; margin:0 auto; }
.xel-photo > img { display:block; width:620px; height:417px;  }

.sel-price { padding:30px; letter-spacing:-1px; border-bottom:1px solid #ddd;  }
.sel-price h5 { font-size:20px; font-weight:700; color:#333;  margin-bottom:35px; }
.sel-price ul { width:598px;}
.sel-price ul li.sel-fl { float:left; width:299px; text-align:right; border-right:1px solid #ddd; padding-right:30px; }
.sel-price ul li.sel-fr { float:right; width:299px;text-align:right;  }
.sel-price ul li h6 { font-size:17px; }
.sel-price ul li p  { font-size:20px; font-weight:700; }
.sel-price ul li p span  { font-size:17px; font-weight:normal; text-decoration:line-through; padding:0 5px; }
.sel-price ul li p i  { font-size:27px; font-weight:700; color:#f34321; }
.xselect-ev { display:inline-block; position:relative; font-weight:normal; }
.xstxt-ev { width:265px; height:30px; font-size:13px; font-weight:700; text-align:left;  background-color:#fbfbfb; padding:8px 0 0px 10px; line-height:100%; border:1px solid #ddd; }
.xstxt-on3 { width:265px; height:110px; padding:6px 10px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;overflow-y:scroll; }
.xstxt-on3 li { line-height:190%; font-size:12px; letter-spacing:-1px; color:#333; } 
.xselect-ev > button { width:265px; font-size:15px; color:#fff; font-weight:700; background-color:#ff6e52; padding:10px 0; text-align:center; border:0;}
.xstxt-btnicon{ position:absolute; top:0px; right:0; z-index:200; }

.xstxt-title { font-size:13px;  background-color:#fbfbfb; font-weight:700; height:30px;padding:8px 0 0px 10px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;  }
.xstxt-member,.xstxt-member2 { padding:5px 0;border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;  }
.xstxt-member li { display:inline-block; padding-left:15px; }
.xstxt-member > li > span { padding:0 5px; }
.xstxt-member input { width:50px; height:25px;} 
.xstxt-member2 li { padding-left:15px; padding-bottom:3px; }
.xstxt-member2 > li > span { display:inline-block; width:65px;  }
.xstxt-member2 > li > input { width:165px; height:25px;} 
.xe-txtp { display:block; font-weight:700; font-size:15px; border:1px solid #ccc; padding:10px; margin:10px 0; background-color:#f7f7f7;}
.xe-txt { border-bottom:1px solid #ddd; }
.xe-txt h4 { padding:15px 30px 13px 30px; background-color:#f7f7f7; font-size:20px; font-weight:700;}
.xe-txt p { padding:15px 30px; font-size:13px; font-weight:700; line-height:150%; }
.xe-txt table { width:605px; margin:15px 0 15px 25px; }
.xe-txt table th { width:80px; font-size:15px; background-color:#f3f3f3; color:#222; text-align:center; border:1px solid #ddd;  }
.xe-txt table td { border:1px solid #ddd; padding:10px; font-size:13px; line-height:140%; }
.xe-txt table .xet-summary 	{ width:405px; color:#111; }
.xe-txt table .xet-summary2 { width:405px;color:#337dec;  }

.xe-thumbnail { padding:15px; text-align:center; border:1px solid #ddd; margin-bottom:20px; }
.xe-thumbnail > img { display:inline-block; border:1px solid #fff; margin:0 2px;  }
.xevent-right {width:305px; float:right; padding:20px 10px 20px 20px; border:1px solid #ddd; background-color:#fff; }
.xer-stitle { font-size:17px; margin-bottom:7px; letter-spacing:-1px;font-weight:700;  }
.xer-title { width:275px; font-size:23px; font-weight:bold; letter-spacing:-1px; margin-bottom:15px; }
.xer-price { position:relative; font-size:35px; color:#337dec; font-weight:700; margin-bottom:5px; letter-spacing:-1px; }
.xer-price > img { position:absolute; top:0px; right:0px;  }
.xer-saletime { width:265px; margin-top:30px;margin-bottom:30px; background-color:#101010; border-radius:20px; font-size:18px; padding:10px; color:#fff; font-weight:700; text-align:center; }
.xev-agree { padding:5px 0 15px 3px;}
.xev-agree li span { padding-left:6px;}
.xev-agree li input { vertical-align:-2px;}



/* 클래스 요소 (샘플제작용)*/
.xwidth-980c {width:944px;margin:0 auto;} /* 980 중앙 정렬 */
.xwidth-100sider {width:100px;} /* 100 우측 사이드 메뉴 */

/* util 에서 쓰는 공통 css */
/* smartPop */
#smartPop_overlay {display:block; overflow:hidden; position:fixed; background-color:rgba(252, 252, 252, .75); top:0; right:0; bottom:0; left:0; z-index:100000; cursor:wait;}
#smartPop {display:none; position:fixed; top:0; right:0; bottom:0; left:0; overflow-x:auto; overflow-y:scroll; z-index:100004;}
#smartPop_container {background-color:white; -webkit-box-shadow:0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06); margin:9px auto 100px auto;
    max-width:1300px; min-width:400px; padding:0px; width:720px; height:500px; z-index:2; background:#fff;}

#smartPop_content {display:none; padding:0; overflow:hidden; cursor:default;}
#smartPop_frame {display:none; width:100%; height:100%;}
#smartPop_log {display:none; position:fixed; top:10px; left:10px; overflow:auto; width:200px; height:400px; background:#fff; border:solid 1px #444; padding:10px; z-index:3;}
#smartPop_close_wrap {position:absolute;}
#smartPop_close {position:absolute; width:14px; height:13px; background:url(./img/btn_close1.png); right:10px; top:10px; cursor:pointer;}
#smartPop_loading {position:relative; margin:10px auto 0 auto; width:16px; height:16px; background:url(./img/loading.gif); cursor:wait;}
