@charset "utf-8";

@import url(/css/table.css);/* table style */
@import url(/css/button.css);/* button style */
@import url(/css/etc.css);/* etc style */


/* Reset */
*{margin:0;padding:0}
*{box-sizing: border-box}
html{overflow-y:scroll;width:100%;height:100%;color:#333}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, em, i, b, strong, iframe, address, blockquote, th, td{padding:0;margin:0}
body{ width:100%; font-family:'Meiryo',tahoma,Arial,Helvetica,sans-serif;font-weight:normal;font-size:12px;text-decoration:none;margin:0;padding:0;background-color:#fff;line-height:1}
table{border-collapse:collapse;border-spacing:0;empty-cells:show; font-family:'Meiryo',tahoma,Arial,Helvetica,sans-serif; font-size:12px;}
ol, ul, li{list-style:none}
form, fieldset, iframe{border:0 none}
input,select,textarea,button,img {vertical-align:middle}
select, input, option, textarea{font:normal 12px Arial, Verdana, Helvetica, sans-serif, meiryo}
img{border:0 none; }
address, caption, em{font-weight:normal;font-style:normal}
#accessibility, .skip, legend, .blind{position:absolute;width:0;height:0;font-size:0;overflow:hidden;visibility:hidden}
hr,caption{display:none}
button{overflow:visible;margin:0;padding:0;border:0 none;background:transparent;cursor:pointer;  font-family:'Meiryo',tahoma,Arial,Helvetica,sans-serif;}
select{letter-spacing:normal;border:1px solid #ddd;}
input{letter-spacing:normal;border:1px solid #ddd;}
th{ font-weight:normal; text-align:center}
table .booking th, table .booking td{ line-height:1.5}

/* Float Clear */
.clfix:after{content:"";display:block;clear:both;height:0px;visibility:hidden}
.clfix{display:inline-block}
.clfix{display:block}
.display-none{display:none;}

/* Default Link */
a{font-weight:600; color:#1c84c6; font-size:100%;text-decoration:none}
a:link, a:visited, a:active{font-weight:600; text-decoration:none}
a:hover{color:#090; font-weight:600; text-decoration:none}

.height100{ height:100%;}

.oh{ overflow:hidden}
.border_t{ border-top:1px solid #ddd;}
.clear{ clear:both}

.absolute{position: absolute}
.relative{position:relative}
.center{ margin:0 auto}

.fl{ float:left}
.fr{ float:right}

.col_a{width:100%;}
.col0{width:90%}
.col1{width:79.5%}
.col2{width:69.5%}
.col3{width:59.5%}
.col4{width:49.5%;}
.col5{width:39.5%}
.col6{width:32.3333%;}
.col7{width:29.5%}
.col8{width:25%;}
.col9{width:20%;}
.col10{width:15%;}
.col11{width:10%;}
.col12{width:50%;}

.t-col150{ width:150px}

.margin-left1{ margin-left:1%;}/*테이블간 1%의 마진값*/

.margin-right5{ margin-right:5px}
.margin-right10{ margin-right:10px}
.margin-right15{ margin-right:15px}
.margin-right20{ margin-right:20px}
.margin-right30{ margin-right:30px}
.margin-right40{ margin-right:40px}
.margin-left5{ margin-left:5px}
.margin-left10{ margin-left:10px}
.margin-left15{ margin-left:15px}
.margin-left20{ margin-left:20px}
.margin-left30{ margin-left:30px}
.margin-left40{ margin-left:40px}
.margin-bottom0{margin-bottom:0px;}
.margin-bottom5{ margin-bottom:5px}
.margin-bottom10{ margin-bottom:10px}
.margin-bottom15{ margin-bottom:15px}
.margin-bottom20{ margin-bottom:20px}
.margin-bottom30{ margin-bottom:30px}
.margin-bottom40{ margin-bottom:40px}
.margin-top0{ margin-top:0px}
.margin-top5{ margin-top:5px}
.margin-top10{ margin-top:10px}
.margin-top15{ margin-top:15px}
.margin-top20{ margin-top:20px}
.margin-top30{ margin-top:30px}
.margin-top40{ margin-top:40px}

.margin-both10-w{ margin:0 10px!important}
.margin-both5-w{ margin:0 5px!important}
.margin-both5-h{ margin:5px 0!important}
.margin-both10-h{ margin:10px 0!important}
.margin-both15-h{ margin:15px 0!important}
.margin-both20-h{ margin:20px 0!important}

.pad-5{ padding:5px!important}
.pad-10{ padding:10px!important}
.pad-15{ padding:15px!important}
.pad-right5{padding-right:5px!important;}
.pad-right10{padding-right:10px!important;}
.pad-right15{padding-right:15px!important;}
.pad-right20{padding-right:20px!important;}
.pad-left3{padding-left:3px;}
.pad-left5{padding-left:5px;}
.pad-left10{padding-left:10px;}
.pad-left15{padding-left:15px;}
.pad-left20{padding-left:20px;}
.pad-left30{padding-left:30px;}
.pad-left40{padding-left:40px;}
.pad-top5{padding-top:5px;}
.pad-top7{ padding-top:7px}
.pad-top10{padding-top:10px;}
.pad-top15{padding-top:15px;}
.pad-top20{padding-top:20px;}
.pad-top30{padding-top:30px;}
.pad-top40{padding-top:40px;}
.pad-bottom5{padding-bottom:5px;}
.pad-bottom10{padding-bottom:10px;}
.pad-bottom20{padding-bottom:20px;}

.pad-both10-w{ padding:0 10px!important}
.pad-both5-w{ padding:0 5px!important}
.pad-both5-h{ padding:5px 0!important}
.pad-both10-h{ padding:10px 0!important}
.pad-both15-h{ padding:15px 0!important}
.pad-both20-h{ padding:20px 0!important}

.font-w300{ font-weight: 300!important}
.font-w400{ font-weight: 400!important}
.font-w500{ font-weight: 500!important}
.font-w600{ font-weight: 600!important}
.font-w700{ font-weight: 700!important}
.font-w800{ font-weight: 800!important}

.none{ display:none}
.top-none{ border-top:none!important}

.block{ display: block}
.in-block{ display: inline-block}

/*align*/
.lt {text-align:left!important}
.rt {text-align:right!important}
.ct {text-align:center!important}

/*height*/
.height-20{ line-height:2}
.height-18{ line-height:1.8}
.height-15{ line-height:1.5}
.height-11{ line-height:1.1}

/*font-color,font-size*/
.font-red{ color:#f00!important}
.font-gray{ color:#666!important}
.font-black { color:#000!important}
.font-blue{ color:#0f74b4!important}
.font-green{ color: #74c52c!important}

.text-green{ color: #007c7f}
.font-11{ font-size:11px}
.font-12{ font-size:12px}
.font-13{ font-size:13px}
.font-14{ font-size:14px}
.font-15{ font-size:15px!important}
.font-bold{font-weight:bold!important}
.font-35{ font-size:35px!important}

.font-linethrough{ text-decoration:line-through;color:#0000FF!important }

/* Layout Common */
.mainWrap{ min-width: 1500px}
.overWrap{ min-width: 1800px}
#container{width:100%; position:relative; }
#container:after{display:block;clear:both;content:''; }

/*left menu*/
.sideWrap{ position: absolute; top: 0; left: 0; width: 210px; height: 100%; background: #e7eff0; z-index: 5; border-right: 1px solid #e5e5e5}

.sideWrap .logo-area{ position: relative; width: 100%; height: 70px; background: #fff; border-right: 1px solid #fff}
.sideWrap .logo-area .logoTitle{ margin: 0 auto; text-align: center; padding: 19px 0  0 0}


/* quick btn area */
.sideWrap .gnb .gnb_menu{ position: absolute; top: 12px; right: 12px; z-index: 2000}
.gnb .gnb_menu .close{ display: block; width:48px; height:45px; padding:0; border:0; background:url(//image.hikaritour.com/V3/admin/bg_total_menu.png) no-repeat center center}
.gnb .gnb_menu .open{display: block; width:48px; height:45px; background:url(//image.hikaritour.com/V3/admin/bg_total_menu.png) no-repeat center center}

.sideWrap .access-area{ position: relative; padding: 20px 18px 24px 28px; border-bottom: 1px solid #cee3e6; border-top: 1px solid #e5e5e5; background: #f6f8fa; font-size: 14px; color: #155b8d; font-weight: 700}
.sideWrap .access-area a{ color: #155b8d}
.sideWrap .access-area .layerSign{ position:absolute; border:1px solid #b1b8ba; background:#fff; z-index:1000; top: 55px; right: 0}
.sideWrap .access-area .layerSign > li{ width: 120px; padding: 7px 12px; text-align: left; background: #fff}
.sideWrap .access-area .layerSign > li:hover{ background: #e7eff0;}
.sideWrap .access-area .layerSign > li:last-child{ border-top: 1px solid #ddd;}
.sideWrap .access-area .layerSign > li a{ display: block; font-size: 12px; font-weight: 700; color: #444; line-height: 18px; }
.sideWrap .access-area .layerSign > li a:hover{ color: #39b9bb; background: #e7eff0;}
.sideWrap .access-area .sign{ padding: 4px 6px; border: 1px solid #ccc; border-radius:3px; font-size: 12px; color: #444; background: #fff}

.sideWrap .leftMenu-area > li > a{ font-size: 16px; font-weight: 700; padding: 14px 0 14px 32px; border-bottom: 1px solid #cee3e6;}
.sideWrap .leftMenu-area > li a{ display: block; color: #2e4054}
.sideWrap .leftMenu-area > li a:hover{ background: #d6e8ea}
.sideWrap .leftMenu-area > li a.arrow{ background:url("//image.hikaritour.com/V3/main/arrow.png") no-repeat 92% center;}
.sideWrap .leftMenu-area > li a.arrow:hover{ background: #d6e8ea url("//image.hikaritour.com/V3/main/arrow.png") no-repeat 92% center}
.sideWrap .leftMenu-area > li a.arrow-up{ background:url("//image.hikaritour.com/V3/main/arrow_up.png") no-repeat 92% center;}
.sideWrap .leftMenu-area > li a.arrow-up:hover{ background: #d6e8ea url("//image.hikaritour.com/V3/main/arrow_up.png") no-repeat 92% center}
.sideWrap .leftMenu-area > li > ul{ padding: 10px 0 10px 20px; border-bottom: 1px solid #cee3e6;}
.sideWrap .leftMenu-area > li > ul > li a{ font-size: 14px; line-height: 27px; height: 27px; display: block; color: #2e4054; font-weight: 500}
.sideWrap .leftMenu-area > li > ul > li a:hover{ color: #ed4c5b; background: none}
.sideWrap .leftMenu-area > li > ul > li a:hover{ font-weight: 700; }
.sideWrap .leftMenu-area > li > ul > li a:active{ font-weight: 700; }

/*contents area*/
.content{ position: relative; padding: 0 0 30px 210px; width:100%; min-height: 820px; overflow: hidden; z-index: 2}
header{width:100%;}
.content-main{ position: relative; width:1208px;}

/*menu bar*/
.gnb{ width:100%; height:70px; background:#39b9bb; margin-bottom:26px; z-index:15; }
.gnb .gnb_menu{width:1248px; position:relative;}
.gnb .gnb_menu ul > li {float: left; width: 220px; text-align: center; background-color: #39b9bb; position:relative; z-index:300; }
.gnb .gnb_menu ul > li a {display: block;color: #fff;line-height: 70px;font-weight:800;font-size: 18px;}
.gnb .gnb_menu ul > li a:hover {background: #319d9f;}
.gnb .gnb_menu ul > li.active { background: #319d9f; color: white;}

.gnb .gnb_menu ul > li > ul{ border-right: 1px solid #777}
.gnb .gnb_menu ul > li > ul.line-hide{ border-right: none}
.gnb .gnb_menu ul > li .btnMenu{ position:absolute; top:70px; left: 0px; width: 220px; min-height: 240px; float: left; padding: 18px 0 0 24px; background: #293f40; opacity: 0.9;  z-index: 3000;}
.gnb .gnb_menu ul > li .btnMenu.on{ width: 220px; height: 100%; background:#4b6364}
.gnb .gnb_menu ul > li .btnMenu > li { text-align: left; background: none!important}
.gnb .gnb_menu ul > li .btnMenu > li a{ color: #fff; font-size: 14px; font-weight: 600; line-height: 32px;}
.gnb .gnb_menu ul > li .btnMenu > li a:hover{color: #ffea00; background: none}
.gnb .gnb_menu ul > li .btnMenu > li > ul > li{ text-align: left; background: none!important}
.gnb .gnb_menu ul > li .btnMenu > li > ul > li a{ color: #fff; font-size: 12px; font-weight: 600; line-height: 23px; }

.gnb .gnb_menu ul li ul.sub {position:absolute;  left:0; height:500px;  z-index:30000001; top:50px;}
.gnb .gnb_menu ul li ul.sub li {opacity: 0.8;}
.gnb .gnb_menu ul li ul.sub li a {display: block;line-height: 30px;font-size: 13px;font-weight: normal;position:relative; cursor:pointer}
.gnb .gnb_menu .langWrap{ position: relative; padding:27px 0 0 0;  }
.gnb .gnb_menu .langWrap > a{ color: #fff; font-weight: 700; font-size: 13px;}
.gnb .gnb_menu .langWrap > a .arrow{ display: inline-block; padding-left: 20px; font-size: 11px}
.gnb .gnb_menu .langWrap .layerLang{ position:absolute; border:1px solid #b1b8ba; background:#f6f8fa; z-index:900; top: 50px; left: 0; margin-left: -10px; color: #fff; font-weight: 700; font-size: 13px;}
.gnb .gnb_menu .langWrap .layerLang > li{ width: 90px; padding: 6px 12px; text-align: left; border-bottom: 1px solid #d2d9da; background: #f6f8fa}
.gnb .gnb_menu .langWrap .layerLang > li:hover{background: #e7eff0;}
.gnb .gnb_menu .langWrap .layerLang > li:last-child{ border-bottom: none}
.gnb .gnb_menu .langWrap .layerLang > li a{ font-size: 12px; font-weight: 700; color: #444; line-height: 18px; }
.gnb .gnb_menu .langWrap .layerLang > li a:hover{ color: #39b9bb; background: #e7eff0;}

/*demo contents area*/
.demoContent{ position: relative; padding: 0 0 30px 0; width:100%; min-height: 820px; overflow: hidden; z-index: 2}
.demoContent header.demoHeader{width:1200px; height: 80px; margin: 0 auto; }
.demoHeader .logo-area{ position: relative; width: 160px; background: #fff; padding: 22px 0  0 0}

/*demo menu bar*/
.demoHeader .demo-gnb{ background:#fff; z-index:15; }
.demoHeader .demo-gnb .demo-gnb_menu{ position:relative;}
.demoHeader .demo-gnb .demo-gnb_menu li {float: left; width: 160px; text-align: center; position:relative; z-index:300; }
.demoHeader .demo-gnb .demo-gnb_menu li a {display: block; color: #333; line-height: 80px; font-weight:700; font-size: 17px;}
.demoHeader .demo-gnb .demo-gnb_menu li a:hover { color: #319d9f!important}
.demoHeader .demo-gnb .demo-gnb_menu li.active { color: #319d9f}
.demoHeader .demo-gnb .demoMenu-btn{ margin: 20px 0 0 30px}

/*demo visual*/
.demoContent .demoContent-main{ position: relative; width:100%;}
.demoContent-main .visualWrap{ display: block; width:100%; height:486px; padding:0; border:0; background: url(//image.hikaritour.com/V3/admin/visual_img.jpg) no-repeat center center}

/*.topIcon{ position: absolute; right: -55px; bottom: 0;  border-radius: 3px; border: 1px solid #aaa; line-height: 14px; width: 40px; height: 40px; padding-top: 4px}*/
.topIcon{ position: fixed; left: 1480px; bottom: 15px;  border-radius: 3px; border: 1px solid #aaa; line-height: 14px; width: 40px; height: 40px; padding-top: 4px}
.topIcon div{ display: block; color: #666; text-align: center; cursor: pointer;}
.topIcon div:hover{ color: #444}

/*footer*/
footer{ width:100%; overflow:hidden; background:#f8f8f8; border-top:1px solid #e5e5e5; border-bottom:1px solid #eee}
.footWrap{ position: relative; margin: 0 auto; text-align: center; padding:30px 0; overflow: hidden}
.footWrap p{ line-height:22px;  font-size:11px; color:#777; font-weight: 500}
.footWrap ul li { line-height:22px; display: inline-block; padding: 0 12px}
.footWrap ul li a{ font-size:11px; color:#777; text-decoration: underline; font-weight: 500}
.footWrap ul li a:hover{color:#39b9bb; text-decoration: underline }

/*title*/
.title{ width:100%; overflow:hidden; font-family:'Meiryo',tahoma,Arial,Helvetica,sans-serif; }
.title h2,.contentNew .contentNewSub .title h2{ font-size:17px; font-weight:600; color:#222; margin:12px 0; line-height: 17px; width: auto}
.title h3{ font-size:15px; font-weight:600; color:#555; margin:10px 0;}
.title .nav{font-size:11px; color:#777; margin:14px 0; width: auto; height: auto; background: #ffffff!important; z-index: 1}
.contentNew .contentNewSub .title .nav{font-size:11px; color:#777; margin:14px 0; width: auto; height: auto; position: relative; z-index: 1}
.title .nav a{ font-size:11px; color:#222}
.title .nav a:hover{color:#090; font-weight:600; text-decoration:none}

/*search area*/
/*width option size*/
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative; min-height:1px; padding-right:10px; padding-left:10px; float:left}

.col-16{width:100%}
.col-15{width:91.66666667%}
.col-14{width:85%}
.col-13{width:83.33333333%}
.col-12{width:80%}
.col-11{width:75%}
.col-10{width:66.66666667%}
.col-9{width:58.33333333%}
.col-8{width:50%}
.col-7{width:40%}
.col-6	{width:33.33333333%}
.col-5{width:30%}
.col-4{width:20%}
.col-3{width:15%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}


/*ws 개별호텔 css*/
.panel{width:1000px; margin:10px auto; text-align:left; background:#fff; position:relative}

.panel-heading{ width:100%; color:#fff; border-radius:4px 4px 0 0; border:1px solid transparent; position:relative}
.panel-heading h4{ font-size:14px; padding:12px 0 12px 16px;}
.panel-heading a{color:#fff}
.panel-heading a:hover{color:#f6ff00}

.list-heading{ width:100%; color:#fff; border-top:1px solid #f0f0f0; border-bottom:2px solid #ed5565; position:relative }
.list-heading h4{ font-size:14px; padding:17px 0 10px 0;}
.list-heading a{color:#222}
.list-heading a:hover{color:#d84050}
.list-heading:first-child{ border-top:none!important}

.bor-top-none{ border-top:none!important}

.panel-body{ width:100%; padding:10px; background:#f0f0f0;border:1px solid #cfcfcf; overflow:hidden; position:relative}

.panel-box{ width:100%; padding:15px; background:#fff;border:2px solid #ddd; overflow:hidden; line-height:1.4 }
.panel-box h3{ color:#222; line-height:20px; padding:4px 0 8px 8px}
.panel-box ul li{ line-height:18px; padding:6px 0 6px 8px }

.panel-view{ width:100%; padding:15px; background:#fff;border:2px solid #ddd; overflow:hidden; line-height:1.4 }
.panel-view .big{ width:360px; overflow:hidden}
.panel-view .big h6{ padding:5px; text-align:center; font-size:11px; color:#555}
.panel-view .sm{width: 605px;}
.panel-view .sm ul li{padding:0 0 10px 10px; float:left }
.panel-view .sm ul li img{ width:80px; height:60px}

.penel-con{ line-height:18px; overflow:hidden; padding:10px;}

.penel-img{ width:240px;}
.bottom-line{ width:100%; border-bottom:2px solid #f0f0f0;}
.con-line{ width:100%; border-bottom:1px solid #f0f0f0;}
.con-title{ font-weight:600;}

.panel-order{width:100%; background:#f5f5f5; overflow:hidden}
.panel-order li{float:left; padding:10px 8px; font-size:13px}
.panel-order .on{ color:#0FA284}
.panel-order a{ color:#999}
.panel-order a:hover{ color:#0FA284}
.panel-order #parseCount{float:right; padding:10px 8px; font-size:13px}

.panel-inline{ display:inline-block}

.panel-line{ border-top:2px solid #117fc5}

.search-btn{ display:inline-block; margin-top:18px}

.head-primary{ background-color:#1ab394; border-color:#0fa284; border-bottom:none!important}
.head-success{ background-color:#1f90d8; border-color:#117fc5; border-bottom:none!important}
.head-info{ background-color:#21b9bb; border-color:#0ca5a7; border-bottom:none!important}
.head-warning{ background-color:#f7a54a; border-color:#e69234; border-bottom:none!important}

.form-area{ margin-bottom:8px; overflow:hidden}
.control-label{padding: 5px 15px 0 4px; margin-bottom:0px; text-align:right; font-weight:600;}
.form-write{ display:block; height:26px; border: 1px solid #ccc; box-shadow:none; font-size:12px; border-radius:3px; line-height: 1.42857; color:#555; padding:0 0 0 3px }

.label-inline{display:inline-block;}

.form-inline{ display:inline-block;}
.form-inline .form-group{display:inline-block; margin-bottom:0;vertical-align:middle}
.form-inline .form-write{display:inline-block; vertical-align:middle; padding:0 0 0 3px }
.form-inline .input-group{display:inline-table;vertical-align:middle}
.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-write{width:auto}
.form-inline .input-group>.form-write{width:100%}
.form-inline .control-label{margin-bottom:0;vertical-align:middle}

.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.form-inline .radio label,.form-inline .checkbox label{padding-left:0}
.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{position:relative; margin-left:0}

.tool{ position:relative; width:100%;}
.tool .tool_box{position:absolute; border:1px dotted #7d7d7d; background:#f5f5f5; padding:10px; font-size:11px; left:-99999px; top:28px; color:#1c84c6;}
.tool a.tooltip-l:hover .tool_box{ position:absolute; width:280px; left:20px; top:28px; margin-top:0px; font-size:11px; text-align:left; z-index:60;}
.tool a.tooltip-r:hover .tool_box{ position:absolute; width:400px; left:-170px; top:28px; margin-top:0px; font-size:11px; text-align:left; z-index:60;}

/*login*/
.loginWrap{position: relative; min-height: 100%; background: url("//image.hikaritour.com/V3/admin/login_bg190808.jpg") scroll no-repeat center bottom !important;}
.login_contatiner{height: 100%; position: relative;; padding-top: 200px; padding-bottom: 200px}

.login_box{ text-align: center; width:500px; margin:0 auto}
.login_box h3{ font-size: 16px; font-weight: 600; color: #222; margin: 25px 0 20px 0}
.login_box ul{ width: 300px; margin: 0 auto; padding-bottom:12px}
.login_box .login_lst .inp_box{	display:block; position:relative; margin-top:8px}
.login_box .login_lst .inp_box div{ display: table-cell;}
.login_box .login_lst .inp_box div:last-child{  padding-left: 9px}
/*
.login_box .login_lst .inp_box label{position:absolute; top: 12px;	font-size:13px;	line-height:1.4; color:#acb0b8;	cursor:text;}
*/
.login_box .login_lst .inp_box label {position: absolute;top: 15px; width:200px; text-align: left; margin-left: 5px;color: red;}
.login_box .login_lst .inp_box .label-fist{	left: 12px;}
.login_box .login_lst .inp_box .label-last{	right: auto; padding-left: 12px}


.login_box .login_lst .inp_box input{
	overflow:hidden;
	height:40px;
	padding: 0 5px 0 15px;
	font-size:14px;
	line-height:1.4;
	background:#fff;
	outline:0 none;
	border: 1px solid #ccc
}

.login_box .login_lst .inp_box select{
	overflow:hidden;
	width:300px;
	height:35px;
	padding: 0 8px 0 12px;
	font-size:14px;
	line-height:1.4;
	background:#e7f7f9;
	outline:0 none;
	border: 1px solid #ccc
}

.login_box .login_Remember{ width: 300px; margin: 0 auto; text-align: left!important; padding-bottom: 12px}
.login_box .login_Remember input{ width: 14px; height: 14px; margin-right: 3px}
.login_box .find_con{ border: 1px solid #aaa; background: #fff; padding: 25px 10px; margin:0 0 10px 0; font-size: 13px; line-height: 26px}
.login_box .marketing{ text-align:center;vertical-align:top; margin-bottom: 20px}
.login_box .id-pass a{ padding: 20px 0; text-decoration: underline; display: inline-block}
.login_box .fist-sign{ padding: 20px 0 5px 0}
.login_box .fist-sign .login-line{ display: inline-block; border-bottom: 1px solid #aaa; width: 30px; height: 1px; margin-bottom: 3px }
.login_box .sign-in { width: 300px; display: block; color: #263667; border: 1px solid #263667; padding: 10px 40px; margin: 10px auto; background: #fff; opacity:0.8}
.login_box .sign-in:hover{ color: #090}

.sorting {cursor:pointer;}

.btnInfo{ width:300px; display: inline-block; font-size:15px; color:#fff; line-height: 32px; padding: 8px 0 8px 0; vertical-align: middle; cursor: pointer}
.btn_login{ background:#263667; }
.btn_find{ background:#2fafb2;}


/*popuo layer*/
.city_pop{position:absolute; z-index: 100; left:165px; top: 60px; width:600px; overflow:hidden; border:2px solid #666; color:#777; padding:8px 10px; background:#fff;}
.city_pop .pop_con1{position:relative; width:100%; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px}
.city_pop .pop_con1 h4{ display:block; line-height:24px; color:#333; padding-left:5px; font-size:13px}
.city_pop .pop_con1 li{ display:block; line-height:20px}
.city_pop .pop_con1 li p{ display:inline-block}

.city_pop .pop_close{ position:relative; width:100%; font-size:14px; font-weight:bolder; text-align:right; padding:1px 5px;}
.city_pop .pop_con2{ position:relative; width:100%; overflow:hidden; padding-top:2px;}
.city_pop .pop_con2 h4{ display:block; line-height:24px; color:#333; padding-left:5px; font-size:13px;}
.city_pop .pop_con2 .pop_body{ font-size:11px; line-height:18px;}
.city_pop .pop_con2 .pop_table {margin-top:10px; table-layout:fixed; width:100%}
.city_pop .pop_con2 .pop_table tbody th {padding:4px 10px 2px; font-size:11px; color:#555; line-height:20px; text-align:left; letter-spacing:-0.05em; border:1px solid #e3e3e3; background:#f3f3f4;  font-family:'Meiryo',tahoma,Arial,Helvetica,sans-serif}
.city_pop .pop_con2 .pop_table tbody td {padding:4px 10px 2px; word-wrap:break-word; font-size:11px; color:#666; line-height:20px; border:1px solid #e3e3e3;  font-family:'Meiryo',tahoma,Arial,Helvetica,sans-serif}

.pop_table tbody td:hover{background-color:#f3fafe}

.city_pop .pop_con2 .city {overflow:hidden;}
.city_pop .pop_con2 .city li {display:inline; white-space:nowrap; margin-left:-1px;}
.city_pop .pop_con2 .city li a {display:inline-block; padding:1px 8px 1px 9px; color:#909090; font-size:11px; line-height:15px; font-weight:normal; letter-spacing:0; background:url("//image.hikaritour.com/V3/ws/th_bar01.gif") no-repeat left 50%;}
.city_pop .pop_con2 .city li a:hover {text-decoration:underline;}


.common-info-box {
	height:200px;width:400px; border:1px solid #CFCFCF; color:#777; padding-top:90px; display: table; margin: 0 auto;
}

.common-info-box-n {
	height:200px;width:500px; color:#777; padding-top:90px; display: table; margin: 0 auto;
}

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
	position: fixed;
	left:0;right:0;top:0;bottom:0;
	background: rgba(0,0,0,0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
	z-index:300;
}

#progress-bar {
 	margin: 30% auto;
	width: 400px;
	height: 22px;
	border: 1px solid #111;
	background: #292929;
}

#progress-bar div  {
	 width: 0;
        height: 20px;
        color: #fff;
        text-align: center;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        background-color: #0099ff;
}

/* tooltip */
.thdrcell{background:#F3F0E7;font-size:12px;font-weight:bold;padding:5px;border-bottom:1px solid #C8BA92}
.tdatacell{font-family:arial;padding:5px;background:#FFFFFF}
.dvhdr1{background:#F3F0E7; font-size:11px; font-weight:bold; width:250px; border-left:1px solid #C8BA92; border-right:1px solid #C8BA92; border-top:1px solid #C8BA92; padding:5px;}
.dvbdy1{background:#FFFFFF; font-size:11px; width:250px; line-height:16px; border:1px solid #C8BA92; padding:5px;}
.dogvdvhdr{width:300;background:#C4D5E3;border:1px solid #C4D5E3;font-weight:bold;padding:10px}
.dogvdvbdy{width:300;background:#FFFFFF;border-left:1px solid #C4D5E3;border-right:1px solid #C4D5E3;border-bottom:1px solid #C4D5E3;padding:10px}
.pgdiv{width:320;height:250;background:#E9EFF4;border:1px solid #C4D5E3;padding:10px;margin-bottom:20;font-family:arial;font-size:12px}

/* notice */
.notice_br{ background:#ffffe1; border:1px dotted #ccc; overflow:hidden; font:normal 11px/18px "돋움",Dotum; width:1000px; margin:10px auto;}
.notice_br .brit_s{ width:5px; height:7px; background:url(//image.hikaritour.com/V3/icon/ic_arrow_s.gif) left 40% no-repeat; padding:0 9px 0 0;}

/* icon */
.ico-mg{ margin: -2px 6px 0px; color:#000!important}
.ico-mg3{margin:0 6px 0 4px; color:#18987c}
.ico-pick{ line-height: 25px!important; color: #333!important; cursor: pointer!important}

/* 160404-목적지 검색 */
.popView{ position:absolute;margin:0 0 0 120px;padding:0; border:2px solid #2f4050; background:#fff; width:580px;}
.popView-header{padding:0 10px; color:#FFF; height:20px;position:relative}
.popView-header .close{position:absolute;top:0;right:10px}
.popView-header h3{margin:0;padding:0;font-size:13px; font-weight:bold; color:#fff;}
.popView-header h3 span{display:inline-block; padding-right:20px; border:0px solid #fff}
.popView-body{padding:10px;overflow-y:auto}
.popView-body td a{ text-decoration:none !important; font-weight:700}

.popView_sb{ position:absolute; top:65px; left:13px; margin:0;padding:0; border:2px solid #2f4050; background:#fff; clear:both; width:580px}
.popView_sb-header{padding:0 10px; color:#FFF; height:20px;position:relative}
.popView_sb-header .close{position:absolute;top:5px;right:10px}
.popView_sb-header h3{margin:0;padding-top:4px;font-size:16px; font-weight:700; color:#333; line-height:30px;}
.popView_sb-header h3 span{display:inline-block; padding-right:20px; border:0px solid #fff}
.popView_sb-body h3{margin:0;padding:0;font-size:16px; font-weight:700; color:#333; line-height:30px;}
.popView_sb-body{padding:10px;overflow-y:auto}
.popView_sb-body td a{ text-decoration:none !important; font-weight:700}

.write_tbl {margin-top:10px; table-layout:fixed; width:100%}
.write_tbl tbody th {padding:4px 10px 2px; font-size:11px; color:#555; line-height:20px; text-align:center; letter-spacing:-0.05em; border:1px solid #e3e3e3; background:#f3f3f4;  font-family:'Meiryo',tahoma,Arial,Helvetica,sans-serif}
.write_tbl tbody td {padding:4px 10px 2px; word-wrap:break-word; font-size:11px; color:#666; line-height:20px; border:1px solid #e3e3e3;  font-family:'Meiryo',tahoma,Arial,Helvetica,sans-serif}

/* calendar */
.calendarTitle{ font-size: 20px!important; font-weight: 700; color: #444; line-height: 26px; margin-bottom: 6px}
.roomtypebased{ font-size: 12px!important; color: #222; background: #FFE6CC; line-height: 26px; margin-bottom: 6px; padding:0 4px 0 4px;}
.roomcategorybased{ font-size: 12px!important; color: #222; background: #BDFFBD; line-height: 26px; margin-bottom: 6px; padding:0 4px 0 4px;}
.calendarWeek{ text-align: center; margin: 10px 0 }
.calendarWeek .thisWeek,.calendarWeek .thisWeek-on{ display: inline-block; width: 40px; height: 10px; background: #ccc; margin: 0 3px}
.calendarWeek .thisWeek-on{ background: #189bee!important;}
.setWrap{ overflow-x: scroll}
.calendar-date{ border:none; font-size:22px; font-weight:700; text-align:center; color:#0e6ca7; cursor:pointer}
.calendarTable tbody tr {vertical-align:top; padding:8px;}
.calendarTable tbody tr td:first-child{ vertical-align: middle}
.calendarTable tbody tr td .num{ font-weight:700; padding-left:3px; font-size:13px; color:#000}
.calendarTable tbody tr td .dayNum6{ color:#1a7bb9;} /*토요일*/
.calendarTable tbody tr td .dayNum0{ color:#ed5565;} /*일요일*/
.calendarTable tbody tr td .rateLabel{display: block; text-align: left; float: left}
.calendarTable tbody tr td .rate{ color: #333333; font-weight: bold; line-height: 1.8; display: block; text-align: right; float: right}
.calendarTable tbody tr td .linethrough{ color: #CCCCCC; text-decoration:line-through;}

.calendarTable tbody tr td.today{ background: #f3fcfe}

/* popup */
.popupwrap{margin:0;padding:0}
.popup-header{padding:10px 20px;border-bottom:1px solid #eee;height:auto;position:relative}
.popup-header .close{position:absolute;top:10px;right:20px}
.popup-header h3{margin:0;padding:0;font-size:20px;line-height:30px;}
.popup-body{padding:20px;overflow-y:auto}
.popup-form{margin-bottom:0}
.popup-footer{padding:10px 20px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff}
.popup-footer:before,
.popup-footer:after{display:table;line-height:0;content:""}
.popup-footer:after{clear:both}
.popup-footer .btn + .btn{margin-bottom:0;margin-left:5px}
.popup-footer .btn-group .btn + .btn{margin-left:-1px}
.popup-footer .btn-block + .btn-block{margin-left:0}
.popup_content_addnum{min-height:460px;padding:0;margin:0} /*max-height:460px;*/
.popup-lable{ line-height:22px; font-size:14px; display:inline-block; width:120px}
.popup-select{position:relative;font-size:14px;height:22px;vertical-align:top;border:1px solid #ccc;margin:0;padding:0 0 0 3px;}

.use_n td, .use_n_cal td{background-color: #dae5fb;}

a.subject:link, a.subject:visited, a.subject:active {text-decoration:none;color:#666;font-weight:normal;}
.search input[type=radio] {margin: 0 2px 2px 4px}

/* main notice list */
.h_sec_hotnews{height:40px;line-height:36px; border-bottom: 1px solid #39b9bb; }
.h_sec_hotnews .news_tit{float:left; display:inline-block; font-size:16px; color:#2f4050; font-weight:800; padding-right: 10px;}
.h_sec_hotnews .news_tit span{ font-size:16px;  padding-right:4px; }
.h_sec_hotnews .ticker {position:relative; /* So we can absolute the .items */width:1000px;height:40px;overflow: hidden;}
.h_sec_hotnews .items {position:absolute;top:33px;margin:0;height:40px;line-height:40px; font-size:14px}

input::placeholder, textarea::placeholder { color: #acb0b8; }
input:focus::placeholder,textarea:focus::placeholder { color: transparent; }

/*ie10~11*/
:-ms-input-placeholder {color: #ccc !important;}