@charset "utf-8"; /* Common */ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} body,input,textarea,select,button,table,pre{font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif !important;font-style:normal;font-size:12px} table{width:100%;border-collapse:collapse;border-spacing:0} img,fieldset{border:0} ul,ol{list-style:none} em,address{font-style:normal} a{text-decoration:none;color:#333} a:hover,a:active,a:focus{text-decoration:underline} .blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} legend {text-indent: -9999px;height:0} .dis-n {display:none;} /* Form Element */ input[type="radio"],input[type="checkbox"]{margin:0;padding:0} input[type="text"]{height:21px;padding:2px 5px 2px 5px;border:1px solid #dedede;font-weight:normal;font-size:12px;color:#24292c} input[type="password"]{height:19px;padding:2px 5px 2px 5px;border:1px solid #dedede;background-color:#f9f9f9;font-weight:normal;font-size:12px;color:#24292c} input[type="file"]{width:0 !important;height:0 !important;margin:0 !important;margin-left:-4px; padding:0 !important;filter:alpha(opacity:0); opacity:0;} input.date{width:90px;} textarea{overflow:auto;padding:10px 5px;border:1px solid #dedede;background-color:#fff;font-size:12px;font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;resize:none} select{height:27px;padding:1px 1px 1px 5px;border:1px solid #dedede;font-weight:normal;font-size:12px;color:#24292c;line-height:20px} caption {height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-20000px} img {display:inline-block;border:0 none;vertical-align:top;} a, cite, code, dfn, del, em, ins, label, q, span, strong, select{display:inline-block;vertical-align:middle} /* 플롯헤제 */ .clearfix {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */ .clearfix:before, .clearfix:after{display:block; clear:both; content:"";} /* 표준브라우저 */ /* float 관련 */ .fl {float:left !important;} .fr {float:right !important;} /* 여백 마진, 페딩 필요시 추가 */ .m0{margin:0 !important;} .mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;}/*2015.06.10 you bohyun*/ .mt40 {margin-top:40px !important;} .mt50 {margin-top:50px !important;} .mt60 {margin-top:60px !important;} .mt70 {margin-top:70px !important;} .mt160 {margin-top:160px !important;} .mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb20 {margin-bottom:20px !important;} .mb30 {margin-bottom:30px !important;} .mb40 {margin-bottom:40px !important;} .mb100 {margin-bottom:100px !important;} .ml5 {margin-left:5px !important;} .ml0 {margin-left:0px !important;} .ml10 {margin-left:10px !important;} .ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;} .ml50 {margin-left:50px !important;} .ml60 {margin-left:60px !important;} .ml70 {margin-left:70px !important;} .mr0 {margin-right:0px !important;} .mr5 {margin-right:5px !important;} .mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;} .mr20 {margin-right:20px !important;} .mr40 {margin-right:40px !important;} .pt5 {padding-top:5px !important;}/*2015.06.04 you bohyun*/ .pt10 {padding-top:10px !important;} .pt20 {padding-top:20px !important;} .pt30 {padding-top:30px !important;} .pt40 {padding-top:40px !important;} .pb10 {padding-bottom:10px !important;} .pb20 {padding-bottom:20px !important;} .pl10 {padding-left:10px !important;} .pl15 {padding-left:15px !important;} /*2015.06.04 you bohyun*/ .pl20 {padding-left:20px !important;} /*2015.06.19 you bohyun*/ .pl60 {padding-left:60px !important;} /*2015.06.10 you bohyun*/ .pr10 {padding-right:10px !important;} .pb30 {padding-bottom:30px !important;} .p5 {padding:5px !important;} .p10 {padding:10px !important;} .p20 {padding:20px !important;} /* 정렬 */ .txt-c {text-align:center !important;} .txt-l {text-align:left !important;} .txt-r {text-align:right !important;} .ver_t{vertical-align: top!important;} .ver_b{vertical-align: bottom!important;} /* skip navigation */ .skip {position:absolute;top:0;left:0;width:100%;height:0;line-height:0;z-index:9999} .skip a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0} .skip a:hover,.skip a:active,.skip a:focus{position:absolute;top:0;left:0;width:100%;height:19px; line-height:100%;margin:0;padding:5px 0 0 0;background:#fe0000;font-weight:bold;font-size:14px; color:#ffffff;text-align:center} /* country icon*/ .ic_en,.ic_kr,.ic_jp,.ic_ch,.ic_hk{background:url(../img/common//country_21px.png) no-repeat} .ic_en {background-position: 0 0} .ic_kr {background-position: 0 -50px} .ic_jp {background-position: 0 -100px} .ic_ch {background-position: 0 -150px} .ic_hk {background-position: 0 -200px} /* btn to open or close snb*/ .snb_btn a{position:absolute;top:3px;display:block;width:20px;height:39px;background:url(../img/common/bg_common.png) no-repeat;z-index:1000} .snb_btn .snb_on{display:block;background-position:0 -40px} .snb_btn .snb_off{display:block;background-position:0 0} /* width */ .w30{width: 30px !important;} .w40{width: 40px !important;} .w45{width: 45px !important;} .w50{width: 50px !important;} .w70{width: 70px !important;} .w80{width: 80px !important;} .w100{width: 100px !important;} .w110{width: 110px !important;} .w160{width: 160px !important;} .w180{width: 180px !important;} .w195{width: 195px !important;} .w240{width: 240px !important;} .w300{width: 300px !important;} .w310{width: 310px !important;} .w350{width: 350px !important;} .w380{width: 380px !important;} .w400{width: 400px !important;} .w450{width: 450px !important;} .w500{width: 500px !important;} .w540{width: 540px !important;} .w650{width: 650px !important;} /*height*/ .h345{height:345px !important;} /* path */ .path {border-bottom:1px solid #f0f0f0; height:37px;} .path li:first-child {background: url(../img/common/path_home.gif) no-repeat 0 center; padding-left:15px;} .path li {float:left; color:#666; background: url(../img/common/path_bullet.gif) no-repeat 0 center; padding-left:10px; margin-right:10px; line-height:37px; } .path li a {font-size:11px;color:#666} .path li strong {font-size:11px;} /* header */ #header h1{float:left;width:200px;height:45px;border-right:1px solid #5E2BB8} #header.header_b2b h1{border-right:0} #header h1 a{display:block;width:120px;height:27px;margin:9px 0 0 20px;background:url(../img/common/logo_htj.png) 0 0 no-repeat;} .gnb-area{float:left} .gnb{overflow:hidden;float:left;border-right:1px solid #5E2BB8} .gnb li{float:left;width:108px;height:45px;border-left:1px solid #9a6bed;border-right:1px solid #9a6bed;} .gnb li a{display:block;text-align:center;line-height:45px;color:#fff;font-size:12px;} .gnb li a:hover,.gnb li a:active,.gnb li a:focus,.gnb li.on a{text-decoration:none;background-color:#a076eb} .login-area{float:right;margin:11px 0 0;padding:0 30px;line-height:22px;color:#fff} .login-area a{display:inline-block;height:22px;margin:0 5px;padding:0 7px;font-size:10px;border:1px solid #e79dbb;color:#fff;text-align:center;} .login-area a:hover,.login-area a:active,.login-area a:focus{background-color:#e92f68;text-decoration:none} .header_b2b .login-area a{border:1px solid #9d9d9d} .header_b2b .login-area a:hover,.header_b2b .login-area a:active,.header_b2b .login-area a:focus{background-color:#7b7b7b} /* snb */ .snb_bg{overflow:hidden;margin-right:4px;border-top:2px solid #919191} #snb h2{height:39px;padding-left:30px;background-color:#aeaeae;border-top:2px solid #a4a4a4;color:#fff;line-height:40px;font-weight:normal;font-size:16px} .snb_area{position:relative;width:157px;height:100%} .snb_area li{position:relative;border-bottom:1px solid #ccc} .snb_area li a{display:block;height:37px;padding-left:30px;background:url(../img/common/bg_common.png) no-repeat;background-position:6px -307px;line-height:37px;font-size:12px} .snb_area li a:hover,.snb_area li a:focus,.snb_area li a:active{text-decoration:none;background-color:#e5e5e5} .snb_area .on>a{color:#b60050} .snb_area .dep2{display:none;background-color:#f2f2f2;border-top:1px solid #ccc} .snb_area .dep2 li{padding-left:30px;border-bottom:0;;border-top:1px solid #ccc} .snb_area .dep2 li:first-child{border-top:0} .snb_area .dep2 li a{height:auto;padding:6px;background-image:none;line-height:14px;font-size:11px;} .snb_area .dep2 li:hover,.snb_area .dep2 li a:hover{background-color:#999;color:white} .snb_area .dep2 .on{color:#b60050} .snb_area li .depth_icon{position:absolute;top:12px;right:7px;width:15px;height:15px;background:url(../img/common/bg_common.png) 0 -115px no-repeat;cursor:pointer} .snb_area li .depth_icon.on{background-position:-20px -115px} .bg01 + .snb_area li:nth-child(1) a{background-position:6px -307px} .bg01 + .snb_area li:nth-child(2) a{background-position:6px -347px} .bg01 + .snb_area li:nth-child(3) a{background-position:6px -387px} .bg01 + .snb_area li:nth-child(4) a{background-position:6px -427px} .bg01 + .snb_area li:nth-child(5) a{background-position:6px -467px} .bg01 + .snb_area li:nth-child(6) a{background-position:6px -507px} .bg02 + .snb_area li:nth-child(7) a{background-position:6px -547px} .bg02 + .snb_area li:nth-child(8) a{background-position:6px -587px} .bg02 + .snb_area li:nth-child(9) a{background-position:6px -627px} .bg02 + .snb_area li:nth-child(10) a{background-position:6px -667px} .bg02 + .snb_area li:nth-child(11) a{background-position:6px -347px} .bg03 + .snb_area li:nth-child(12) a{background-position:6px -707px} .bg03 + .snb_area li:nth-child(13) a{background-position:6px -747px} .bg03 + .snb_area li:nth-child(14) a{background-position:6px -787px} .bg03 + .snb_area li:nth-child(15) a{background-position:6px -827px} .bg03 + .snb_area li:nth-child(16) a{background-position:6px -787px} .bg04 + .snb_area li:nth-child(17) a{background-position:6px -867px} .bg04 + .snb_area li:nth-child(18) a{background-position:6px -907px} .bg04 + .snb_area li:nth-child(19) a{background-position:6px -947px} .bg04 + .snb_area li:nth-child(20) a{background-position:6px -987px} .snb_b2b .snb_area ul{width:156px} .snb_b2b .snb_area li{border-bottom:1px solid #ccc} .snb_b2b .snb_area li a{display:block;background-image:none;padding-left:10px;line-height:37px} .snb_b2b .snb_area li a:hover,.snb_b2b .snb_area li a:focus,.snb_b2b .snb_area li a:active,.snb_b2b .snb_area .on>a{text-decoration:none;background-color:#e5e5e5} /*title area*/ .title_area {margin:10px 0 10px 0} .title_area .bar_title{position:relative;padding-left:7px;font-weight:bold} .title_area .bar_title:after {content:"";position:absolute;top:3px;left:0;width:3px;height:11px;background-color:#5E2BB8} /* search-area */ .search_area {margin-top:20px;border:2px solid #aeaeae;line-height:47px;height:49px;position:relative;padding-left:20px;} .search_area label{font-weight:bold;margin:0 5px;} .search_area.txt_n table label{font-weight: normal;} .search_area.txt_n th label{font-weight: bold;} .search_area .label_box{position:absolute;right:0;top:2px;padding-right:60px;vertical-align:middle} .search_area .label_box a{overflow:hidden;position:absolute;display:block;top:8px;right:10px;width:31px;height:31px;background:url("../img/common/bg_common.png") 0 -80px no-repeat;font-size:0;text-indent:-9999em} .search_area .label_box a:hover{opacity:0.7;filter: alpha(opacity=70)} .search_area .label_box label {font-weight:normal;} .search_area .label_box_botton {padding:35px 20px 32px 40px !important} .search_area .check_lodge {display: inline-block; margin-left: 20px; } .search_area label input[type="radio"]{margin:0 5px 0 0;vertical-align:middle} .search_area input[type="radio"]{vertical-align:middle} /*search_area style01*/ .search_area.style01{position:relative;height:auto;min-height:47px;margin-bottom:20px;line-height: 100%;padding-left:0;letter-spacing:-1px} .search_area.style01 form{height:47px;line-height: 44px;padding-left: 10px;} .search_area.style01 form label{margin-left: 15px;} .search_area.style01 form.expend{height:auto;line-height: initial;padding-left: 0 ;} .search_area.style01 form.expend fieldset{height:47px;line-height: 44px;padding-left: 10px;} .search_area.style01 form.expend fieldset label{margin-left: 13px;} .search_area.style01 form.expend label{margin:0 5px;} .search_area.style01 form.expend .ui-datepicker-trigger{margin-right:0;} .search_area.style01 form.expend .location-select span{display:inline-block; margin-left:1px; } .search_area.style01 form.expend .location-select a{position:relative;z-index:1; display:inline-block; min-width:31px; margin-left:-1px; padding:3px 5px 4px; color:#888; text-align:center; line-height:18px; border:1px solid #dedede;} .search_area.style01 form.expend .location-select a:first-child{margin-left:0;} .search_area.style01 form.expend .location-select a.on, .search_area.style01 form.expend .location-select a:hover, .search_area.style01 form.expend .location-select a:focus, .search_area.style01 form.expend .location-select a:active{z-index:2; background:#f5f5f5; border:1px solid #aaa; color:#000; text-decoration:none} .search_area.style01 .label_box label{margin-left: 5px;} .search_area.style01 .posi a{background: none;} .search_area.style01 input{color:#666;} .search_area.style01 input[type="checkbox"]{margin:0 5px 0 10px;} .search_area.style01 table{border:0;border-top:1px solid #dcdcdc;border-spacing:0;border-collapse:collapse;} .search_area.style01 table.bt_n{border-top:none;border-spacing:0} .search_area.style01 table th,.search_area.style01 table td{padding:0 5px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-top:0;border-right:0} .search_area.style01 table tbody tr:last-child td, .search_area.style01 table tbody tr:last-child th{border-bottom: none;} .search_area.style01 .table_type02 tbody tr th:first-child{border-left:none;} .search_area.style01 table tr{height: 47px;} .date02{margin-left: 10px;} .search_area.style01 .popup{display:none;position: absolute;z-index:100;background: #FFF;left:490px;top:39px;width:432px;height: 108px;background: url("../img/bg/search_popup_bg.png")no-repeat;background-position:top;padding-top:13px;} .search_area.style01 .popup table{background: #f9f9f9;border:1px solid #AAA;border-top: none;} .search_area.style01 .popup table input{width:30px;text-align: right;} .search_area.style01 .popup table tr{height:35px;} .search_area.style01 .popup table th{text-align: center;font-weight: bold;color:#000;border:none;background: none;} .search_area.style01 .popup table td{text-align: center;border:none;} .search_area.style01 .popup table tr td:last-child{padding-right: 35px;} .search_area.style01 .popup .popupDelete{background: url("../img/common/list_delete.gif")no-repeat;width:11px;height:11px;position: absolute;top:16px;right:10px;} .search_area.style01.roompopup{position: relative;} .search_area.style01.floor2 .label_box{display:block;position:static;height: 46px;border-top: 1px solid #dedede;line-height: 40px;padding-left: 10px;} .search_area.style01 .popup.spa{left:20px; top:47px; width:760px; min-height:340px; padding-top:0; background-image:none; border-top:1px solid #aaa;} .search_area.style01 .popup.spa:after{content:""; display:block; position:absolute; left:184px; top:-9px; width:17px; height:9px; background:url(../img/bg/search_popup_bg02.png) 0 0 no-repeat;} .search_area.style01 .popup.locate{left:20px; width:569px; background-image:url(../img/bg/search_popup_bg03.png);} .search_area.style01 .popup .pop_cont{overflow:hidden; min-height:340px; padding:10px 20px 20px; background:#f9f9f9; border:1px solid #aaa; border-top:none;} .search_area.style01 .popup.spa .pop_cont{padding-bottom:10px;} .search_area.style01 .popup .locate_tit{display:block;padding:10px 0 10px 10px;border-bottom:1px solid #e0e0e0;font-size:14px;line-height:18px;color:#000;} .search_area.style01 .popup .pop_list{padding-left:10px;line-height:18px} .search_area.style01 .popup .pop_list > li{padding-top:15px;} .search_area.style01 .popup .pop_list > li strong{font-weight:bold} .search_area.style01 .popup .pop_list li > ul{overflow:hidden;} .search_area.style01 .popup .pop_list li > ul li{float:left;padding:0 10px 0 12px;background:url(../img/common/bul_bar03.gif) 0 4px no-repeat;font-weight:normal;line-height:18px} .search_area.style01 .popup .pop_list li > ul li:first-child{padding-left:0;background:none;} .search_area.style01 .popup .pop_list li > ul li.on{background-color:#f7941d;} .search_area.style01 .popup .pop_list li > ul li.on a{color:#fff; text-decoration:none;} .search_area.style01 .popup .map_box{width:378px; height:350px; background:#fff;} .search_area.style01 .popup .map_box .map_area{position:relative; width:100%; height:100%; background:url(../img/bg/bg_map2.png) 0 0 no-repeat;} .search_area.style01 .popup .map_box .map_area .map_btn{position:absolute; display:block; min-width:30px; padding:1px 5px; background:rgba(83,83,83,0.85); color:#fff; font-size:11px; line-height:15px; text-align:center;} .search_area.style01 .popup .map_box .map_area .map_btn.on,.search_area.style01 .popup .map_box .map_area .map_btn:hover, .search_area.style01 .popup .map_box .map_area .map_btn:focus,.search_area.style01 .popup .map_box .map_area .map_btn:active{background:#f7941d; text-decoration:none;} .search_area.style01 .popup.city:after{left:225px;} .search_area.style01 .popup.city .pop_list > li strong{display:inline-block; padding:1px 3px;} .search_area.style01 .popup.city .pop_list > li.on strong{padding:1px 6px; background:#f7941d;} .search_area.style01 .popup.city .pop_list > li.on strong a{color:#fff; text-decoration:none;} /*search_area style01 btn*/ .search_area.style01 .search{position:absolute;top:8px;right:10px;background: url("../img/common/bg_common.png") 0 -80px no-repeat;width:31px;height:31px;font-size: 0;} .search_area.style01 a:hover .search{filter:alpha(opacity:70);opacity:0.7;} .search_area.style01 .more{position:absolute;top:8px;right:49px;background: url("../img/common/search_moreclose_btn.png")no-repeat;width:31px;height:31px;font-size: 0;} .search_area.style01 .more.on{position:absolute;top:8px;right:49px;background: url("../img/common/search_more_btn.png")no-repeat;width:31px;height:31px;font-size: 0;} .search_area.style01 .year{height: 47px;line-height:45px;margin-left: 20px;} .search_area.style01 .year a{line-height: 19px;} .search_area.style01 .year a.on .roomtype{color:#b60050;border:1px solid #b60050;font-weight: bold;} .search_area.style01 table a.on .roomtype{color:#FFF;border:1px solid #b60050;background:#00aaff;} .search_area.style01 .roomtype{color:#666;padding:1px 0 2px;width: 63px;} .search_area.style01 .btn {display:inline !important; background:#fffdde; border:1px solid #e5e3c5; padding:2px 8px 3px !important; font-size:12px;} .search_area.style01 .btn.on, .search_area.style01 .btn:hover {background:#fff; border:1px solid #ccc;} .search_area.style01 .next, .search_area.style01 .prev {display:inline-block;margin-right:10px;vertical-align:middle} .search_area.style01 .prev a, .search_area.style01 .next a{padding:0 !important; display:block; width:21px; height:21px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../img/bg/year_btn.png) 0 0 no-repeat; } .search_area.style01 .next a {background-position:-21px 0;} .search_area.style01 .prev a:hover {background-position:0 -21px;} .search_area.style01 .next a:hover {background-position:-21px -21px} .btn_area.search_btn {margin:0;padding-bottom:20px; border-bottom:1px solid #dedede;} .btn_area.search_btn .tbl_btn{width:65px;text-align: center;} .btn_area.search_btn .tbl_btn.on,.btn_area.search_btn .tbl_btn:hover{background: #6f6f6f;background: -moz-linear-gradient(top, #6f6f6f 1%, #5b5b5b 100%);background: -webkit-linear-gradient(top, #6f6f6f 1%,#5b5b5b 100%);background: linear-gradient(to bottom, #6f6f6f 1%,#5b5b5b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#5b5b5b',GradientType=0 );border:1px solid #505050;color:#fff;} .btn_area label input {margin:0 5px;vertical-align:middle} /* border_box */ .border_box {padding:10px;border:2px solid #aeaeae;background:#fff} .border_box.hide{display:none;} .border_box.green{border:1px solid #aeaeae;padding:10px;background:#fff;} .border_box.gray {border:1px solid #dedede; padding:10px; background:#fff;} .border_box.dgray {border:1px solid #aaa; padding:5px 15px; background:#fff;} .border_box.pnone {padding:0 !important; border:1px solid #dedede; padding:10px; background:#fff;} .border_box.purple{border:1px solid #5E2BB8;padding:10px;background:#fff} /*top_box*/ .top_box {margin:20px 0 0 0 ; } .top_box .border_box {margin:0 0 20px; border:1px solid #f0f0f0; padding:10px; background:#fff; overflow: hidden; height:400px; overflow-x:hidden; overflow-y: auto} /* foot_box */ .foot_box{position:relative;margin-bottom:35px} .cont_updown {margin:20px 0;border-top:1px solid #ccc;} .cont_updown .btn_center {display:none} /* table_head */ .table_head_wrap{position: relative; width:100%; } .table_head_wrap .hide{z-index:993;position: absolute; top:1px; right:0; width:17px; height:33px; border-bottom:1px solid #dedede;background-color: #f5f5f5} .table_head {border:1px solid #dedede; border-bottom:none;overflow-y:scroll;overflow-x:hidden;} .table_head thead th:first-child {border-left:0;} .table_head thead th {text-align:center; background:#f5f5f5; border-left:1px solid #dedede; border-bottom:1px solid #dedede; font-weight:bold; color:#333; padding:3px 10px 3px; height:27px;} .table_head .tmp {display:none;margin:0;padding:0; width:17px;border-left: none;background-color: #ff0000} .table_head thead.bl-n tr th/*, .table_type01 tbody tr td*/{border-left: none;}/*2015.06.08 you bohyun*/ .table_head thead.bb-n tr th{border-bottom: none;}/*2015.06.08 you bohyun*/ .table_head thead th.bd_l:first-child{border-left:1px solid #dedede;}/*2015.06.09 you bohyun*/ .table_head.style01{clear:both;margin-top:10px;overflow-y: hidden;} /* table_type01 */ .table_type01{border:1px solid #dedede;overflow:auto;}/* overflow-x:hidden 있으면 보더가 안생겨서 숨김 */ .table_type01.iestyle{overflow-x:visible;} .table_type01 thead th:first-child{border-left:0;} .table_type01 thead th {text-align:center;background:#f5f5f5;border-left:1px solid #dedede;border-bottom:1px solid #dedede;font-weight:bold;color:#333;padding:3px 10px 3px;height:27px;} .table_type01 tbody th{text-align:center;background:#f9f9f9;color:#333;font-weight:bold;border-right:1px solid #dedede;} .table_type01 tbody td:first-child {border-left:0} .table_type01 tbody td{color:#666; text-align:center;border-left:1px solid #dedede; padding:3px 10px 3px; height:27px;} .table_type01 tbody tr.on td {background:#f5f5f5} .table_type01 tbody tr.active td {background:#fefccc !important;} .table_type01 tbody>tr.border{border-bottom:1px solid #dedede;} .table_type01 tbody>tr>.border_l{border-left:1px solid #dedede !important;} .table_type01 tbody.border_n tr td{border:none} .table_type01 thead.border_n tr th{border-left:none;border-right:none} .table_type01 thead.border_n tr th.bd_r{border-right:1px solid #dedede} .table_type01.style03 thead th{background:#f5f5f5;border-left:0;} .table_type01.style03 tbody td{background:#fff;border-top:1px solid #dedede;} .table_type01.style03 tbody td .tbl_btn.none{display:inline-block;width:65px;} .table_type01 .bd_t{border-top:1px solid #dedede;} .table_type01.style01 tbody td.expand{padding:4px 0;} .table_type01.style01 tbody td.expand .block{padding:0 5px;} /* table_type02 */ .table_type02 {/*border:1px solid #dedede; */background-color:#dedede;border-spacing:1px;border-collapse:separate;} .table_type02 thead th{background:#f5f5f5;border:0;text-align:center;height:27px;color:#333;font-weight:bold;} .table_type02 tbody th {text-align:center;background:#f5f5f5;font-weight:bold;font-size:12px;padding:3px 10px 3px;height:27px;color:#333;} .table_type02 tbody th label {font-weight:bold;font-size:12px;} .table_type02 tbody td:first-child{border-left:0} .table_type02 tbody td{color:#666;padding:3px 10px 3px;height:27px;background-color:#ffffff} .table_type02 tbody td select{width:172px} .table_type02 tfoot td{color:#666;padding:3px 10px 3px;height:27px} .table_type02 tfoot.blue td input {background:#f5f5f5;color:#007ce5;} .table_type02 tfoot.red td input {background:#f5f5f5;color:#ff0000;} .table_type02 .img_bx {position:relative;margin-bottom:3px;} .table_type02 .img_bx img{border:1px solid #dedede; padding:0px; background:#f5f5f5; text-align:center;} .table_type02 .img_bx .tbl_btn{position:absolute; bottom:0;margin-left:5px;vertical-align: bottom;} table td label {margin-right:10px;} .table_type02 .bd_l{border-left:1px solid #dedede !important;} .table_type02 .bd_t{border-top:1px solid #dedede !important;} .table_type02 .lang {margin-bottom: 3px; } .table_type02 .lang.off {display:none;} .table_type02 .request_area{width:34.5%;margin-right:0.3%;background: #f5f5f5;} .table_type02 .answer_area{width:34.5%;} .table_type02 .sandmail{margin:0 5px 0 20px;} .table_type02.input_table tr td input{width:95%;} .table_type02.tablebn tbody td, .table_type02.tablebn thead th{border-left:none;}/*2015.06.05 you bohyun*/ .table_type02.txt-c tr td{text-align: center;} .table_type02 .r_num, .table_type02 .c_num, .table_type02 .g_num{color:#b60050;vertical-align: top;padding-left: 5px;} .table_type02.inputradio td .use_check label:first-child{} .table_type02 tbody tr.bd_strong th, .table_type02 tbody tr.bd_strong td{border-bottom:1px solid #aaa !important;} .table_type02.txt-c tbody tr td{text-align:center;} .table_type02 label{margin-bottom:5px;vertical-align:middle;} .table_type02 label input{margin:0 5px;vertical-align:middle;} .table_type02 label.tbl_btn{max-width:100px} .table_type02 tbody td .img_group{border:1px solid #aeaeae;} .table_type02 label textarea{width:860px} /*2015.06.08 매입,매출정산 table you.bohyun*/ /*table_type03(매입,매출정산)*/ .table_type03 {border:1px solid #dedede; } .table_type03 thead th {text-align:center;background:#808080;font-weight:bold; font-size:12px; padding:3px 10px 3px; height:27px; color:#fff;} .table_type03 tbody td{color:#666;border-bottom:1px solid #dedede; padding:3px 10px 3px; height:27px;text-align: center;} .table_type03 tbody tr.tfoot{background-color:#f0f0f0 !important;height:33px} .table_type03 tbody tr.tfoot strong{color:#000;} .table_type03 .bar{width:2px;height:11px;background: url("../../../resource/img/common/separate_bar.gif");margin:0 8px;} .table_type03 tfoot{background: #f5f5f5;height:33px;} .table_type03 tfoot td{text-align: center;} .table_type03 tfoot td strong{color:#000;} .table_type03 input{width:100px;text-align: center;} .table_type03 input[type="checkbox"]{width:auto;}/* 20150729 miran */ .table_type03 .cancle{color:#f00;} .table_type03 .total_net{color:#ff0000;} .table_type03 td p{line-height: 28px;} .table_type03 td p:first-child+p{padding-top: 5px;} .table_type03 tfoot td{font-weight: bold;height: 33px;} .table_type03.head_gray{} .table_type03.head_gray thead th {background-color:#f5f5f5; color:#333;} /*2015.06.16 통계 you.bohyun*/ .cont_wrap{padding-top:20px;border-top:1px solid #dedede;} .cont_wrap.b_none {border-top:0;} .cont_wrap .table_type02{min-height: 33px;} .cont_wrap .table_type02 tbody th{border-left:0} .cont_wrap .table_type03.style01{border:1px solid #aeaeae;} .cont_wrap .table_type03.style01 td{height: 33px;} .cont_wrap .table_type03.style01 tbody tr td:first-child+td{border-right:1px solid #aeaeae;} .cont_wrap .table_type03.style01 tbody tr td:first-child+td+td{background: #fffef2;font-weight: bold;} .cont_wrap .table_type03.style01 tfoot tr td:first-child{border-right:1px solid #aeaeae;text-align: right;padding-right: 20px;color:#333;font-weight: bold;} .cont_wrap .table_type03.style01 tfoot tr td:first-child+td{color:#ff0000;} /*20150729 miran*/ .cont_wrap .table_type03.style02{border:1px solid #aeaeae;} .cont_wrap .table_type03.style02 td{height: 33px;} .cont_wrap .table_type03.style02 tbody tr td:first-child+td+td{border-right:1px solid #aeaeae;} .cont_wrap .table_type03.style02 tbody tr td:first-child+td+td+td{background: #fffef2;font-weight: bold;} /*2015.07.23 4차 투어관리*/ .table_type04 {} .table_type04 tbody th {text-align:left; font-weight:bold; font-size:12px; padding:3px 10px 3px; height:27px; color:#333;} .table_type04 tbody th label {font-weight:bold; font-size:12px;} .table_type04 tbody td:first-child {border-left:0} .table_type04 tbody td{color:#666; padding:3px 10px 3px; height:27px; /*line-height: 30px */} table td label {margin-right:10px;} .table_type04 .lang {margin-bottom: 3px; } .table_type04 .lang.off {display:none;} /* 2015/10/15 추가 */ .table_type05 thead th{padding:8px 0; background:#f5f5f5; border-top:1px solid #aaa; border-bottom:1px solid #aaa;font-weight:bold; color:#333; text-align:center;} .table_type05 tbody td{padding:8px 0; border-bottom:1px solid #dedede; color:#666; text-align:center; } .table_type05 tbody td.txt-l a{padding-left:15px; color:#333; text-decoration:none;} .table_type05 tbody tr.answer{display:none;} .table_type05 tbody tr.answer.on{display:table-row;} .table_type05 tbody tr.answer td{padding:10px 10px 18px; background:#f5f5f5; text-align:left;} .table_type05 tbody tr.answer td .noti-anw{min-height:70px; padding:15px 20px; background:#fff; border-bottom:2px solid #e9e9e9;} .table_type05 tbody tr.answer td .noti-edit{text-align:right; padding-top:7px; margin-bottom:-10px;} .table_type05 tbody tr.answer td .noti-edit span a{display:block; padding-left:10px; margin-right:10px; font-size:11px; background:url(../img/bg/detail_line.gif) 0 2px no-repeat; color:#888;} .table_type05 tbody tr.answer td .noti-edit span:first-child a{background:none;} .table_type05 tbody tr.answer td .attach span{display:block; padding-left:10px;} .table_type05 tbody tr.answer td .attach a{padding:7px 21px 0 0; font-size:11px; color:#888; background:url(../img/common/bl_file.png) 100% 11px no-repeat;} .table_type05 tbody tr.answer td .noti-edit + .attach{margin-top:-25px;} .table_type06{border:1px solid #dedede;} .table_type06 th{font-weight:bold;} .table_type06 th, .table_type06 td{line-height:25px;padding:3px 15px;border-top:1px solid #dedede;background:#f5f5f5;color:#333;text-align:left;} .table_type06 td {border-left:1px solid #dedede} .table_type06 tr:first-child td, .table_type06 tr:first-child th{border-top:none} /*tabel_type01 예외*/ .top_box .table_type01{border-top:none} .top_box .table_type01.no_head{border-top:1px solid #dedede;margin-bottom:35px} .tbl_title{padding:10px;color:#b60050;font-weight: bold;} .table_type01.tablebn tbody td,.table_type01.tablebn thead th{border-left:none} /* country icon 나라별 국기 아이콘 */ .country {display:inline-block; font-size:0; color:#fff; width:27px; height:28px; background: url(../img/common/country.gif) no-repeat 0 0} .country.jp {background-position:0 -34px} .country.tn {background-position:0 -68px} .country.ch {background-position:0 -102px} .country.hk {background-position:0 -136px} .country_bg {display:inline-block;width:21px;padding-left:30px;background:url(../img/common/country_21px.png) 0 0 no-repeat;vertical-align:top} .country_bg.ic_en {background-position: 0 3px} .country_bg.ic_kr {background-position: 0 -47px} .country_bg.ic_jp {background-position: 0 -97px} .country_bg.ic_ch {background-position: 0 -147px} .country_bg.ic_hk {background-position: 0 -197px} .country_bg textarea{padding:1px 5px;width:390px;height:45px} /* page_area */ .page_area{margin:10px 0 35px} .page_area .first, .page_area .previous, .page_area .next, .page_area .end {display:inline-block; font-size:0 !important; color:#fff; background: url(../img/common/page_bullet.gif) no-repeat 0 0; height:8px; } .page_area .first a,.previous a,.next a,.end a {font-size:0 !important;} .page_area .first {width:12px !important;margin-top:4px} .page_area .previous {width:6px !important;margin:4px 12px 0;} .page_area .next {width:6px !important;margin:4px 12px 0;background-position:0 -13px} .page_area .end {width:12px !important;;margin-top:4px;background-position:0 -13px} .page_area {text-align:center;} .page_area a{display:inline-block;width:23px;font-size:11px;background:url(../img/common/page_line.gif) no-repeat left center;vertical-align:top;color:#666} .page_area .num a:first-child {background:none;} .page_area a.on{color:#b60050;font-weight:bold;} /* btn-area */ .btn_area {margin-bottom:6px; position:relative; height:30px;} .btn_area.style01{border-top:1px solid #f0f0f0;height:60px;} .btn_area.style02{border-top:1px solid #f0f0f0;height:40px;} .btn_area.style02 .posi{top:10px;} .btn_area .btn.new, .btn_area .btn.save, .btn_area .btn.del, .btn_area .btn.user{display:inline-block;height:27px;padding:0 10px 0 30px;background:#5b5b5b url(../img/common/bg_common.png) no-repeat;border-radius:3px;border:0;color:#fff;line-height:25px} .btn_area .btn.new:hover,.btn_area .btn.new:focus,.btn_area .btn.new:active, .btn_area .btn.save:hover,.btn_area .btn.save:focus,.btn_area .btn.save:active, .btn_area .btn.del:hover,.btn_area .btn.del:focus,.btn_area .btn.del:active, .btn_area .btn.user:hover,.btn_area .btn.user:focus,.btn_area .btn.user:active{background:#7c7c7c url(../img/common/bg_common.png) no-repeat;text-decoration:none} .btn_area .btn.new,.btn_area .btn.new:hover,.btn_area .btn.new:focus,.btn_area .btn.new:active{background-position:3px -160px} .btn_area .btn.save,.btn_area .btn.save:hover,.btn_area .btn.save:focus,.btn_area .btn.save:active{background-position:3px -190px} .btn_area .btn.del,.btn_area .btn.del:hover,.btn_area .btn.del:focus,.btn_area .btn.del:active{background-position:3px -220px} .btn_area .btn.user,.btn_area .btn.user:hover,.btn_area .btn.user:focus,.btn_area .btn.user:active{background-position:3px -1028px} .btn_area .btn.doc{display:inline-block;height:27px;padding:0 15px 0 40px;background:#5b5b5b url(../img/common/btn_doc.png) no-repeat 15px -30px;border-radius:3px;border:0;color:#fff;line-height:27px} .btn_area .btn.doc:hover,.btn_area .btn.doc:focus,.btn_area .btn.doc:active{background:#7c7c7c url(../img/common/btn_doc.png) no-repeat 15px -30px;} .btn_area .btn{font-size:12px;color:#fff;border-radius:3px;border:0;padding:5px 17px 6px 37px;background:#5b5b5b url(../img/common/btn_bg.png) 17px -148px no-repeat;line-height:17px;} .btn_area .btn:hover,.btn_area .btn:focus,.btn_area .btn:active{background:#7c7c7c url(../img/common/btn_bg.png) 17px -148px no-repeat;text-decoration:none;} .btn_area .btn.pow {background-position:17px -80px;} .btn_area .btn.pow:hover {background-position:17px -236px;} .btn_area .btn.pro {background-position:17px -126px;} .btn_area .btn.pro:hover {background-position:17px -282px;} .btn_area .btn.con {background-position:17px -57px;} .btn_area .btn.con:hover {background-position:17px -213px;} .btn_area .btn.search {background:#00aaff url(../img/common/btn_bg.png) no-repeat 17px -485px; color:#fff;} .btn_area .btn.search:hover {background:#b60050 url(../img/common/btn_bg.png) no-repeat 17px -485px;} .btn_area .btn.add {background-position:17px -442px;} .btn_area .btn.add:hover {background-position:17px -462px;} .btn_area .btn.want,.btn_area .btn.want:hover{background-position:17px -548px} .btn_area .btn.book {background-position:17px -569px;} .btn_area .btn.book:hover {background-position:17px -591px;} .btn_area .btn.top_green{min-width:78px; border:1px solid #28b859; color:#28b859; background:none; padding:5px 0 6px; text-align:center;} .btn_area .btn.btn_gray{min-width:78px;background-color:#5b5b5b;background-image:none;color:#ffffff;padding:5px 0 6px;text-align:center;} .btn_area .btn.btn_gray:hover,.btn_area .btn.btn_gray:active,.btn_area .btn.top_btn_graygreen:focus{background-color:#7c7c7c} .btn_area .btn.btn_print{min-width:78px;background-color:#fff;border:1px solid #5b5b5b;background-image:none;color:#333;padding:4px 0 5px;text-align:center;} .btn_area .btn.btn_print:hover,.btn_area .btn.btn_print:active,.btn_area .btn.btn_print:focus{background-color:#5b5b5b;color:#fff} .btn_area .btn.complete{min-width:78px; border:1px solid #eaeaea; color:#ccc; background:none; padding:5px 0 6px; text-align:center;} .btn_area .d07_title{position:relative;padding-left:10px;color:#666;line-height:30px;font-weight:bold} .btn_area .d07_title:before{content:'';position:absolute;top:8px;left:0;width:3px;height:11px;border-left:3px solid #b60050} .btn_area .searchtype_btn{background: url("../img/common/search_arrow.png")no-repeat;background-position:right 8px;padding-right:15px;margin-left: 15px; } .btn_area .searchtype_btn.on{background: url("../img/common/search_arrow_up.png")no-repeat;background-position:right 8px;padding-right:15px;} .costAdmin .tbl_btn.none{padding:0;} .btn_area.green .btn{color:#26ba5a;border:1px solid #26ba5a;} .btn_area.green .btn:hover{background: #26ba5a url(../img/common/btn_bg.png) no-repeat;color:#fff;} .btn_area.green .btn.save{background-position:17px -614px;} .btn_area.green .btn.save:hover {background-position:17px -636px;} .btn_area.green .btn.obb{color:#26ba5a;border:1px solid #26ba5a;background:#fff;} .btn_area.green .btn.obb:hover{background: #26ba5a;color:#fff;} .btn_area02{display: inline-block;vertical-align: bottom;height: 27px;} .btn_area strong{color:#333;margin:0 15px 0 5px} .btn_area .btn.obb{padding:5px 17px 6px 17px;background:#5b5b5b;color:#fff;margin:0 2px} .btn_area .btn.obb:hover,.btn_area .btn.obb.on{background:#7c7c7c;color:#fff} .btn_area .btn.agree {color:#666 !important;border:1px solid #26ba5a !important];} .btn_area .btn.agree {padding:8px 17px 8px 17px !important;background: none;color:#b60050;margin:0 5px;} .btn_area .btn.agree:hover{background:#333; color:#fff !important; border:0 !important } .line{background: url(../img/common/page_line.gif);width:1px;height:27px;margin:0 20px 0 20px;} /* btn2 */ .btn2 span.btn_tooltip {position:absolute; top:-23px; left:-7px; width:38px; height:27px; color:#fff; text-indent: 0; font-size:11px; padding-left:7px; line-height: 20px; background: url(../img/bg/bg_tooltip.png) no-repeat 0 0; } /* btn2 수정*/ .btn2 {position:relative;display:inline-block;width:25px;height:25px;font-size:12px;color:#fff;background: url(../img/bg/btn_set.png) no-repeat 0 0} .btn2:hover {background: url(../img/common/btn_bg.png)) no-repeat 0 0; color:#fff; text-decoration:none;} .btn2 span {display:inline-block; width:25px; height:25px; background: url(../img/common/btn_bg.png) no-repeat center 3px; text-indent: -9999px} .btn2 span.add {background-position:5px -149px} .btn2 span.save {background-position: 6px -638px} .btn2 span.del {background-position: 5px -192px} .btn2 span.copy {background-position: 7px -661px} .btn_prevImg{background: url("../img/common/btn_prevImg.gif")no-repeat;position:absolute;left:5px;top:30%;width:17px;height:47px;}/*2015.06.05 you bohyun*/ .btn_prevImg span{text-indent: -9999px;}/*2015.06.05 you bohyun*/ .btn_nextImg{background: url("../img/common/btn_nextImg.gif")no-repeat;position:absolute;right:5px;top:30%;width:17px;height:47px;}/*2015.06.05 you bohyun*/ .btn_nextImg span{text-indent: -9999px;}/*2015.06.05 you bohyun*/ .tab_btnArea{padding:7px 0 0 0;background:#f5f5f5;text-align:right} .tab_btnArea .btn_tabcon{margin-left:10px;font-size:11px} .tab_btnArea .btn_tabcon:hover{text-decoration:none} .tab_btnArea .btn_tabcon span{margin-right:3px;width:12px;height:12px;background:url(../img/bg/icon_tabcon_set.png) no-repeat 0 0} .tab_btnArea .btn_tabcon .top{background-position:0 0} .tab_btnArea .btn_tabcon .list{background-position:0 -15px} /* icon_type */ .icon_type {display:inline-block;width:21px;height:21px;font-size:12px;color:#fff;background: url(../img/bg/bg_checkboxSet.png) no-repeat 0 0;line-height:20px;text-align:initial;} .icon_type:hover {background:url(../img/bg/bg_checkboxSet.png) no-repeat 0 0; color:#fff; text-decoration:none;} .icon_type:hover span{color:#fff;} .icon_type span {display:block;background:url(../img/icon/icon_set.png) no-repeat 0 0px;font-family:'Nanum Gothic', Sans-serif; font-size: 10px;font-weight:bold;text-indent: -9999px;text-align:center;} .icon_type.group {width:70px; background-position: 0 -21px !important} .icon_type.group.off {width:70px; background-position: 0 0px !important} .icon_type.group span {background-position: 0 0px; color:#a0a0a0; text-indent:23px;} .icon_type.fit {width:45px; background-position: 0 -21px !important} .icon_type.fit.off {width:45px; background-position: 0 0px !important} .icon_type.fit span {background-position: 0 -20px;color:#a0a0a0; text-indent:23px;} .icon_type.yes {background-position: 0 -42px !important} .icon_type.yes.off {background-position: 0 0 !important} .icon_type.yes.off:hover span{color:#fff;} .icon_type.yes span {background:none !important; text-indent: 0px} .icon_type.no {background-position: 0 -42px !important} .icon_type.no.off {background-position: 0 0 !important} .icon_type.no.off:hover span{color:#fff;} .icon_type.no span {background:none !important; text-indent: 0px} .icon_type.ryokan {background-position: 0 -63px !important} .icon_type.ryokan.off {background-position: 0 0 !important} .icon_type.ryokan.off:hover span{color:#fff;} .icon_type.ryokan span {background:none !important; text-indent: 0px} .icon_type.hotel {background-position: 0 -84px !important} .icon_type.hotel.off {background-position: 0 0 !important} .icon_type.hotel.off:hover span{color:#fff;} .icon_type.hotel span {background:none !important; text-indent: 0px} .icon_type.num {background-position: 0 -105px !important} .icon_type.num span{background:none !important;text-indent: 0px} /* language_type */ .language_type {width:20px;height:20px;font-size:12px;color:#fff;background: url(../img/icon/icon_language.png) no-repeat 0 0} .language_type span{text-indent: -9999px} .language_type.korean {background-position: 0 0px !important} .language_type.korean.off {background-position: 0 -100px !important} .language_type.japanese {background-position: 0 -20px !important} .language_type.japanese.off {background-position: 0 -120px !important} .language_type.english {background-position: 0 -40px !important} .language_type.english.off {background-position: 0 -140px !important} .language_type.chinese_traditional {background-position: 0 -60px !important} .language_type.chinese_traditional.off {background-position: 0 -160px !important} .language_type.chinese_simplified {background-position: 0 -80px !important} .language_type.chinese_simplified.off {background-position: 0 -180px !important} /*star_type*/ .star_type {width:16px; height:16px; background: url(../img/icon/icon_start.png) no-repeat 0 0; } .star_type.off{background-position: 0 -16px !important;} .star_group{display:block;margin-top:5px;} .star_type_g{width:11px; height:9px; background:url(../img/icon/icon_star_g.png) 0 0 no-repeat;} /*point_type*/ .point_type {width:16px; height:16px; background: url(../img/icon/point.png) no-repeat 0 0; } .point_type.half{background-position:-16px 0;} .point_type.off{background-position: -32px 0 !important;} /*use_check*/ .use_check {display:inline-block; } .use_check label{display:inline-block;margin-right:10px;font-size:13px;vertical-align:middle;} .use_check.labelblock label{display:block;} /* tab_area */ .tab_area {position:relative;}/*2015-0722 수정*/ .tab_area..list_area{border:0;} .tab_type01 li.on {background:#888} .tab_type01 li.on a{display:block;color:#fff} .tab_type01 li a{display:block;line-height:35px;color:#888;text-decoration:none; } .tab_type01 li{float:left;width:100px;height:35px;border:1px solid #aeaeae;border-left:0;border-bottom:0;text-align:center;background: #fff} .tab_type01 li:first-child {border-left:1px solid #aeaeae} .tab_type02 li.on {background:#fff; border:1px solid #b60050; border-bottom:none; } .tab_type02 li.on a{display:block; height:36px; color:#b60050; background: #fff} .tab_type02 li a{display:block; line-height:35px; color:#666666;text-decoration:none;} .tab_type02 li{float:left; border:1px solid #dfdfdf; border-left:0; border-bottom:0; text-align:center; width:100px; height:35px; background: #fff} .tab_type0201 li.on {background:#b60050} .tab_type0201 li.on a{display:block;color:#fff;font-weight: bold} .tab_type0201 li a{display:block; line-height:26px; color:#fff;text-decoration:none;} .tab_type0201 li{float:left; margin-right:1px; padding:0 10px; border-left:0; border-bottom:0; text-align:center; height:26px;background:#dadada; color:#fff; } /* 150730 miran */ .tab_type03{float:right; margin-top:10px;} .tab_type03 li{display:inline-block;} .tab_type03 li a{display:inline-block; width:50px; padding:7px 0; border:1px solid #ccc; text-align:center;} .tab_type03 li.on a ,.tab_type03 li a:hover, .tab_type03 li a:focus{color:#000; border-color:#000; text-decoration:none;} /* 테이블 내 버튼 */ .calendar_btn, .save_btn, .tbl_btn {font-size:12px; color:#666; border:1px solid #cccccc; background: url(../img/common/tbl_btn_bg01.png) repeat-x;} .calendar_btn:hover, .save_btn:hover , .tbl_btn:hover {background: url(../img/common/tbl_btn_bg02.png) repeat-x; border:1px solid #aaaaaa; color:#000; text-decoration:none;} .tbl_btn span {background: url(../img/common/btn_bg.png) no-repeat 10px -355px; padding:3px 14px 4px 25px; } .tbl_btn:hover span {background: url(../img/common/btn_bg.png) no-repeat 10px -378px;} .calendar_btn span{ background: url(../img/common/btn_bg.png) no-repeat 7px -307px; padding:3px 14px 4px; *padding-right:8px; font-size:0; height:18px;} .calendar_btn:hover span {background: url(../img/common/btn_bg.png) no-repeat 7px -332px;} .save_btn span { background: url(../img/common/btn_bg.png) no-repeat 12px -402px; padding:3px 14px 4px 30px; } .save_btn:hover span { background: url(../img/common/btn_bg.png) no-repeat 12px -424px;} .tbl_btn.none span{background:none; padding:3px 5px 4px 5px;} .tbl_btn.search span {background: url(../img/common/btn_bg.png) no-repeat 7px -505px; padding:12px 14px 13px 14px; } .right_btn{float:right;}/*2015.06.04 you bohyun*/ .btn_delete{border:none;height: 15px;width: 15px;margin-right: 2px;cursor:pointer;vertical-align: middle;background: url("../img/common/btnDelete01.gif");} .btn_delete01 span,.btn_add01 span,.btn_delete span,.btn_add span{text-indent: -9999px;}/*2015.06.04 you bohyun*/ .btn_add{border:none;height: 15px;width: 15px;cursor:pointer;vertical-align: middle;background: url("../img/common/btnADD01.gif");}/*2015.06.04 you bohyun*/ /* 버튼 우측 정렬시 div 생성 후 posi 클래스 */ .posi {position:absolute; top:0; right:0;} .posi01 {position:absolute; top:15px; right:0;}/*2015.06.10 you bohyun*/ .posi02 {position:absolute; top:0; right:26px;}/*2015.06.10 you bohyun*/ .posi03 {position:absolute; top:25px; right:0;}/*2015.06.10 you bohyun*/ .posi04 {position:absolute; top:12px;right:15px;} .posi05 {position:absolute; top:11px; right:9px;} /* mapping box */ .mapping .mapping_bx .tit {background:#e23669;border:1px solid #e23669;text-align:center;color:#fff;font-weight:bold;height:30px;line-height:30px} .mapping_bx {width:48%;float:left} .mapping_bx .box{border:1px solid #e23669;padding:10px;} .mapping_bx .box p {background:#f5f5f5; border:1px solid #dedede; text-align:center; font-weight:bold; color:#333; height:30px; line-height:30px; } .mapping_bx .box .title .icon_type span {margin-top:0px; margin-left:-2px;} .mapping_bx .section {overflow-y:auto; border:1px solid #dedede; border-top:0; padding:10px 20px 10px 20px; min-height:310px; height:310px;} .mapping_bx .section ul {padding-bottom:10px;} .mapping_bx .section li {line-height:22px; font-size:12px;} .mapping_bx .section input {margin-right:5px;} .mapping_bx .fl, .mapping_bx .fr {position:relative;width:49%;} .mapping_bx.fr:before{content:'';position:absolute;top:230px;left:50%;width:25px;height:23px;margin-left:-12px;background:url(../img/common/bg_common.png) 0 -280px no-repeat;} /* select_bx */ .select_bx{padding:10px} .select_bx label {margin-right:10px;} /* datepicker */ #ui-datepicker-div{border:2px solid #ff0000;} .ui-datepicker-trigger {margin:0;margin-left:4px;margin-right:10px;padding:0; border:none; background: none; cursor: pointer} .ui-datepicker-trigger img {vertical-align: middle !important;} .ui-datepicker-title{color:#fff;} .ui-datepicker-calendar thead tr{border-bottom:1px solid #f5f5f5;} /* search-box*/ .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content{display: inline-block; position: relative; width: 199px; top: -261.5px; left: -102px; padding: 10px; z-index:9999} /*section_box*/ .section_box {} .section_box .section{width:100%;} .section_box .section_left {float:left; width:50%; margin-right: 1%} .section_box .section_right {float:left; width:49%;} /*2015.06.16 교통정보 you bohyun*/ .section_box .section_right .textarea{overflow-y:auto; border:1px solid #dedede;height: 443px;padding: 11px;} /*response_input, textarea*/ .lang {position: relative;} .lang .language_type {position:absolute; top:50%; left:0; margin-top: -9px} .lang .language_input {display:block; margin-right:10px; margin-left: 25px; } .lang .language_input input {width:100%} .lang .language_input textarea {width:100%;} .lang .language_input .editor{display:block;width:100%;border:1px solid #f2f2f2;} .lang.korean {display: block} .lang.japanese {display: none} .lang.english {display: none} .lang.chinese_traditional {display: none} .lang.chinese_simplified {display: none} .response_input {display:block; margin-right:10px; margin-left: 0;} .response_input input {width:100%;} .response_input textarea {width:100%;} /* 2015-05-19 list sample guide shin yongsub */ /*LODGE*/ .list_wrap{margin-bottom:100px} .list_area:first-child {margin-top:0; } .list_area{margin-top:5px;border:1px solid #dedede; position:relative; } .list_area .list_area_txt {padding:5px 0 5px; background: #fff} .list_area.on {border:2px solid #5b5b5b} .list_area .list_summary{margin-right:15px; border-bottom:1px solid #dedede; padding:5px 0 10px 0; vertical-align: middle} .list_area .list_summary .lodge_type {display: inline-block;vertical-align: middle} .list_area .list_summary .start_area {display:inline-block; margin: 0 20px 2px 10px; vertical-align: middle} .list_area .list_summary .subject {display: inline-block;vertical-align: middle} .list_area .img_area{float:left;} .list_area .img_area .check{display:inline-block;padding:0 13px 0;vertical-align:middle} .list_area .img_area .img{display:inline-block;vertical-align:middle} .list_area .summary_area{margin-left:170px; min-height:86px;} .list_area .detail_area{padding:5px 0 5px; position:relative;} .list_area .detail_area .detail{position:absolute; top:20px; right:10px;} .list_area .detail_area .detail li {float:left; background: url(../img/bg/detail_line.gif) no-repeat 0 center; padding-left:5px; margin-right:5px; } .list_area .detail_area .detail li a{color:#666} .list_area .detail_area .detail li a:hover,.list_area .detail_area .detail li a:active,.list_area .detail_area .detail li a:focus{color:#b60050;text-decoration:underline} .list_area .detail_area .detail li.on a{color:#b60050;text-decoration:underline;font-weight:bold} .list_area .detail_area .detail li:first-child {background:none;} .list_area .detail_area .address li strong {color:#333;} .list_area .tab_contents {display: none} .list_area.on .tab_contents{display:block; margin:7px 0 0 0; padding:10px;border-top:1px solid #dedede; background: #f5f5f5;} .tab_contents .list_area.list_area{border:0} /* 2015.07.28 miran */ .booklist_wrap{margin-bottom:100px} .booklist_area.on{margin-top:5px; border:1px solid #b60050} .booklist_area.on table{margin-top:0 !important} .booklist_area.on .tab_contents{display:block; padding:10px;background:#f5f5f5} /* 2015.10.23 :사내업무; goang */ .officelist_area {border:1px solid #dedede;} .officelist_area thead th:first-child{border-left:0;} .officelist_area thead th {text-align:center;background:#f5f5f5;font-weight:bold;color:#333;padding:3px 10px 3px;height:27px;} .officelist_area tbody th {text-align:center;background:#f5f5f5;border-left:1px solid #dedede;font-weight:bold; font-size:12px;padding:3px 10px 3px; height:27px; color:#333;} .officelist_area tbody th label {font-weight:bold; font-size:12px;} .officelist_area tbody td:first-child{border-left:0} .officelist_area tbody td{color:#666;border-bottom:1px solid #dedede;border-top:1px solid #dedede;padding:3px 10px 3px; height:27px; text-align: center} .officelist_area tbody tr td{margin-top:0px; border-bottom:none; } .officelist_area tbody tr.on td{margin-top:0px; border-top:1px solid #b60050} .officelist_area tbody tr.on td:first-child{border-left:1px solid #b60050} .officelist_area tbody tr.on td:last-child{border-right:1px solid #b60050} .officelist_area tbody tr.tab_contents .tab_wrap{padding:10px;background: #f5f5f5;border:1px solid #b60050;border-top:1px solid #dedede;text-align:left;} .officelist_area tbody tr.tab_contents .tab_wrap td{text-align:left;} .scroll_area{border:1px solid #dedede;padding:5px 10px;min-height:40px;max-height:68px;overflow-y:auto} /*list_area style01 2015.06.12 you bohyun*/ .list_area.stylel01 .img_area img{width:151px;height:114px;} .list_area.stylel01 .detail_area .address li{line-height: 22px;} .list_area.stylel01 .detail_area .address li strong{float:left;color:#666;font-weight: normal;} .list_area.stylel01 .detail_area .address li .start_area{display: inline;} .list_area.stylel01 .detail_area .address li .point_area{display: inline;} .list_area.stylel01 .list_summary>.btn_area{margin-top: -5px;width:200px;float:right;} .list_area.stylel01 .list_summary>.btn_area .obb{height: 17px;line-height: 16px;margin-right: 0;} .list_area.stylel01 .detail_area .detail {top:5px;} .list_area.stylel01 .detail_area .detail li{float:none;background: none;text-align: right;} .list_area.stylel01 .detail_area .detail li strong{font-size: 16px;color:#fe0000;} .list_area.stylel01 .detail_area .detail li a{color:#00b448;text-decoration: underline;margin-top: 10px;} /*list_area style02 2015.07.23 goang*/ .list_area.style02 .img_area img{width:57px;height:43px;} .list_area.style02 .summary_area{margin-left:110px; min-height:38px;} .list_area.style02 .list_summary{margin-right:0;margin-top:10px; border-bottom:none;padding:0px ; vertical-align: middle} .list_area.style02 .list_summary .detail_area .detail{top:-20px; right:10px;} .list_area.style03 .img_area img{width:98px;height:73px;} .list_area.style03 .summary_area{margin-left:120px; min-height:75px;} .list_area.style03 .list_summary>.btn_area{margin-top: -5px;width:200px;float:right;} .list_area.style03 .list_summary>.btn_area .obb{height:17px;line-height:18px;margin-right:0;} .list_area.style03 .detail_area .detail_age{position:absolute;top:10px; left:2px;} .list_area.style03 .detail_area .detail_age li{float:left;float:left; background: url(../img/bg/detail_line.gif) no-repeat 0 center; padding-left:10px; margin-right:10px; color:#fe0000;} .list_area.style03 .detail_area .detail_age li strong{color:#666;} .list_area.style03 .detail_area .detail_age li:first-child {padding-left:0px;background:none;} .list_area.style03 .detail_area .detail_schdule{position:absolute; top:10px; right:10px;} .list_area.style03 .detail_area .detail_schdule li {float:left; background: url(../img/bg/detail_line.gif) no-repeat 0 center; padding-left:5px; margin-right:5px; } .list_area.style03 .detail_area .detail_schdule li a:hover{color:#00b448; text-decoration: underline; font-weight: bold} .list_area.style03 .detail_area .detail_schdule li.on a{color:#00b448; text-decoration: underline; font-weight: bold} .list_area.style03 .detail_area .detail_schdule li:first-child {background:none;} /* 2015-05-23 shin yongsub 숙박 이미지 썸네일 */ .img_thum {border: 1px solid #dedede;height: 358px;overflow: hidden;padding: 5px;text-align: center;} .img_thum .img {background: rgba(0, 0, 0, 0) url("../img/etc/big_tmp_01.gif") no-repeat scroll 0 center;height: 202px;margin: 5px auto;position: relative;text-align: center;width: 295px;} .img_thum .img img{width: 295px;height: 202px;} .img_thum .img .title {background: rgba(0, 0, 0, 0) url("../img/bg/thum_title_bg.png") repeat scroll 0 0;bottom: 0;color: #fff;height: 42px;left: 0;position: absolute;right: 0;width: 295px;} .img_thum .img .title strong {display: block; margin-top:10px;} .img_thum .list_img {margin: 0 auto;width: 295px;position: relative;top:7px;} .img_thum .left_btn {background: rgba(0, 0, 0, 0) url("../img/bg/list_btn_left.gif") no-repeat scroll 0 0;left:0;} .img_thum .right_btn {background: rgba(0, 0, 0, 0) url("../img/bg/list_btn_right.gif") no-repeat scroll 0 0;right: 0;} .img_thum .left_btn:hover {background: rgba(0, 0, 0, 0) url("../img/bg/list_btn_left_over.gif") no-repeat scroll 0 0;} .img_thum .right_btn:hover {background: rgba(0, 0, 0, 0) url("../img/bg/list_btn_right_over.gif") no-repeat scroll 0 0;} .img_thum .left_btn, .img_thum .right_btn {font-size: 0;top: 23px;overflow: hidden;text-indent: 100%;white-space: nowrap;position:absolute;} .img_thum .left_btn a, .img_thum .right_btn a {display: block;height: 15px;width: 8px} .img_thum .list {width:248px;overflow: hidden;position: relative;height: 61px;left:50%;margin-left: -123.5px;} .img_thum .list ul{position: absolute;left:0;} .img_thum .list li {float: left;margin-left: 1px;position: relative;cursor:pointer;} .img_thum .list li:first-child {margin-left: 0;} .img_thum .list li {height: 61px;width: 61px;} .img_thum .list li img{height: 61px;width: 61px;} .img_thum .list li.on .redline,.img_thum .list li:hover .redline{position: absolute;height:49px;width:49px;border: 3px solid #ff3e3e;} /*lodge_num_area*/ .lodge_num_area {margin-top:10px; margin-bottom: 10px; margin-left:25%; } .lodge_num_area>span {display:inline-block; width:31%; text-align: center} .lodge_num_area>span>span {text-align: left} .costAdmin .costlist .list>ul>li{background:#f5f5f5;} .costAdmin .schedule_list .list li.on {border: 1px solid #ece7a7; background: #fffabd;} .costAdmin .costlist .costlist{padding:5px; border-top:1px solid #ece6a8; background:#fffde9;} .costAdmin .costlist .costlist .posi{top:53px;} .costAdmin .costlist .costlist .posi a{padding:0;} /*cost_list 2015-06-11 you bohyun*/ .costlist .list>ul>li{background: #FFF;} .costlist .check_box{margin:0 15px 0 5px;} .costlist select{width:10%; min-width:100px;margin-right: 1%;} .costlist .date{margin-left: 1%;width:85px;} .costlist .week_area{margin-left:0;display: inline;} .costlist .week_area .tbl_btn{width:25px;height:25px;padding:0;text-align: center;display: inline-block;} .costlist .week_area .tbl_btn:hover{border: 1px solid #b60050;background: #00aaff;color:#FFF;} .costlist .week_area .tbl_btn.on{border: 1px solid #b60050;background:#b60050;color:#FFF;} .costlist .week_area label{position:relative; cursor:pointer} .costlist .week_area label input{width:25px;height: 25px;z-index: 10;visibility: hidden;} .costlist .week_area label span{position:absolute;top:-1px;left:6.5px;padding:0;line-height: 25px;} .costlist table{width:100%;} .costlist table th, .cost_list .conts table td{text-align: center;height: 33px;border-top:1px solid #dedede;} .costlist table tr .border{border-right:1px solid #dedede;} .costlist table tr.border{border-bottom:1px solid #dedede;} .costlist table thead th{background: #fffde9;font-weight: bold;color:#000;} .costlist table thead th.bg_bule{background: #e9f8ff;} .costlist table tbody td{text-align: center;height:33px;background: #FFF;} .costlist table tbody td input{text-align: center;width:70%;height: 60%;color:#666;} .costlist table tbody td input[type="checkbox"], .costlist table tbody td input[type="radio"]{width:13px; height:13px;} .costlist table tbody td .hide_box{display:none; min-width:60%; margin-left:10px;} .costlist table tbody td .hide_box input{height:22px;} .costlist table tbody td .hide_box select{min-width:auto; height:27px;} .costlist table tbody td select{width:80%;height: 80%;color:#666;} .costlist table td a.btn_add{padding:0;border:none;height: 19px;width: 19px;vertical-align: middle;background: url("../img/common/btnADD.gif");display: inline-block;} .costlist table td a.btn_delete{padding:0;border:none;height: 19px;width: 19px;vertical-align: middle;background: url("../img/common/btnDelete.gif");display: inline-block;} .schedule_list.costlist .list .posi{display: block;} .costlist .posi a.list_delete01{width:11px;height:11px;margin:7px 0 0 10px!important;padding: 0;background: url(../img/common/list_delete.gif);} .costlist .posi>a{float:left;} .costlist .posi a.btn_upload{margin-right: 10px;display: inline;width:45px;height:25px;line-height:21px;padding:0;text-align: center;border:1px solid #ccc;} .costlist .posi a.btn_upload span{padding: 0;} .costlist .acount{width:68px;height:24px;border:1px solid #dedede;width:70%;min-width:65px;/*margin:0 15%;*/}/*20150803 margin 수정*/ .costlist .acount input{float:left;vertical-align: middle;margin-top: 2px;border:none;} .costlist .acount .up{background-position: 0 -2px;width:5px;height:12px;} .costlist .acount .down{background-position: bottom;width:5px;height:13px;} .costlist td .acount span a{font-size: 0;background: url("../img/common/acount_bg.gif");margin-right: 10px;padding:0;} .schedule_admin.style01{height:340px;} .schedule_admin.style01 .l_table thead th{height: 65px;} .schedule_admin.style01 .l_table tbody th.th01{padding-top: 10px;padding-bottom: 5px;} .schedule_admin.style01 .l_table tbody th{padding-top:10px;} .schedule_admin.style01 .l_table tbody th span{height: 22px;text-align: left;padding-left:18px;} .schedule_admin.style01 .r_table td p{height:18px;} .schedule_admin.style01 .r_table td p:first-child+p{margin-bottom: 8px;} .schedule_admin.style01 table tbody th, .schedule_admin.style01 table tbody td{height:auto!important;} .schedule_admin.style02{height:329px;} .schedule_admin.style02 table tbody .th01{height:32px; border-top:1px dotted #dedede !important;} .schedule_admin.style02 table tbody .tr01 td{height:19px !important; padding-bottom:0 !important; border-top:1px dotted #dedede !important;} .schedule_admin.style02 table tbody tr:last-child th {padding-bottom:0 !important; } .schedule_admin.style02 table tbody tr:last-child td{ padding-bottom:0 !important; } .schedule_admin td .blue{color:#007ce5 !important;} .schedule_admin td .red{color:#ff4545 !important;} .schedule_wrap{overflow: hidden;width:985px;margin:0 auto;} /* 블럭 관리 2015-06-05 신용섭 */ .block_admin {min-width:925px;} .block_admin .year_area {border-bottom:1px solid #dedede; padding:0 10px 0; } .block_admin .year {float:left; margin-top:20px} .block_admin .prev a, .block_admin .next a{display:block; width:21px; height:21px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../img/bg/year_btn.png) 0 0 no-repeat} .block_admin .next a {background-position:-21px 0; } .block_admin .prev a:hover {background-position:0 -21px;} .block_admin .next a:hover {background-position:-21px -21px} .block_admin .number {margin:0 15px 0 6px;font-weight:bold;font-size:30px;color:#010101;font-family:Arial;vertical-align:middle;} .block_admin.singleyear .year{margin-top:0; padding:20px 25px 20px 0; border-right:1px solid #dedede;} /* 호텔관리 > 블럭소화율 : hotel/block_rate.html */ .block_admin.singleyear{position:relative;} .block_admin.singleyear .posi{position:absolute; top:initial; bottom:15px ;} .block_admin.singleyear .btn{display:inline !important; background:#fbfbfb; border:1px solid #e5e3c5; padding:2px 8px 3px !important; font-size:12px;color:#dedede;} .block_admin.singleyear .btn.on{background:#fff;color:#000;border:1px solid #ccc;text-decoration:none;} .block_admin.singleyear .btn:hover{border:1px solid #ccc;text-decoration:none;} .month_table{margin-top:20px;} .month_table .month_wrap{position:relative;border:1px solid #aaa; overflow:hidden;} .month_table .month_wrap table {background:#fff; } .month_table .month_wrap table tbody th, .month_table .month_wrap table tbody td {height:34px; text-align:center; border:1px solid #dedede; border-bottom:0;border-left:0;} .month_wrap .left_wrap{position:relative;z-index: 1;width:182px;} .month_wrap .left_wrap table {border-right:1px solid #aaa;} .month_wrap .left_wrap table thead tr th{height:69px;font-size:12px; text-align:center;vertical-align:middle; color:#333;font-weight:bold;} .month_wrap .left_wrap table tbody tr th{border-left:none;} .month_wrap .left_wrap table tbody tr:last-child th{padding-bottom: 10px;} .month_wrap .right_wrap{position:absolute; top:0; left:182px;overflow:hidden;} .month_wrap .right_wrap table thead tr th {height:34px;border-bottom:1px solid #aaaaaa;text-align:center;background-color:#f5f5f5;font-size:12px;color:#000;font-weight:bold;border-left:1px dotted #dedede;} .month_wrap .right_wrap table thead tr:first-child th {border-bottom:1px solid #dedede;border-left:1px dotted #dedede;} .month_wrap .right_wrap table tbody tr td {height:34px; border-bottom:1px solid #dedede; } .month_wrap .right_wrap table tr:last-child td{padding-bottom: 10px;border-bottom:none;} .month {float:left; border-left:1px solid #dedede; margin-left:20px; padding-top:13px;} .month li:first-child {margin-left:10px;} .month li {min-width:60px; text-align:center; float:left; } .month li a {display:block; height:60px;} .month li a:hover, .month li.on a{display:block;border-bottom:3px solid #f2376c;height:57px;text-decoration:none; color:#010101;} .month li span{display:block; color:#aaa; font-size:30px; font-family:Arial; font-weight:bold;} .month li a:hover .num, .month li.on a .num{color:#010101;} .month li a:hover .txt, .month li.on a .txt{color:#f2376c;} .month li span.txt {font-size:12px; margin-top:10px} /* 2015-06-08 숙박시설관리 요금관리 */ .select_point {padding:10px; border-bottom:1px solid #dedede;} .select_point .posi {top:15px;} /* schedule_list 2015-06-08 요금관리 스케쥴 리스트 */ .schedule_list .list li:first-child{margin-top:0;} .schedule_list .list li {border:1px solid #dedede; background:#f5f5f5; margin-top:5px; position:relative} .schedule_list .list li .check_box {border:1px solid #dedede; background:#fff url(../img/bg/btn_open.gif) no-repeat 0 -17px; width:17px; height:17px; text-indent:100%; white-space:nowrap; overflow: hidden} .schedule_list .list li.on{border:1px solid #ece7a7; background:#fffabd; } .schedule_list .list li.on .check_box {border:1px solid #ece7a7; background:#fff url(../img/bg/btn_open.gif) no-repeat 0 0; width:17px; height:17px; text-indent:100%; white-space:nowrap; overflow: hidden;} .schedule_list .list li > a {margin:0 !important; text-decoration:none; display:block; padding:14px 10px 14px 10px;} .schedule_list .list li .costlist_tit {margin:0 !important; text-decoration:none; display:block; padding:14px 10px 14px 10px;} .schedule_list .list li.on .schedule_table{display:block;} .schedule_list .list li .schedule_table{display:none;} .schedule_list .list li.on .schdule_write{display:block;} .schedule_list .list li .schdule_write{display:none;} .schedule_list .list ul li>.posi .btn{color:#a6a6a6;background: #fbfbfb;color:#dedede;} .schedule_list .list ul li>.posi .btn.on{background:#fff;color:#000;} .schedule_list .list ul li.on>.posi .btn{background: #fffdde;border:1px solid #e5e3c5;} .schedule_list .list ul li.on>.posi .btn.on{background:#fff;color:#000;} .schedule_list .list .tit {font-weight:bold; font-size:14px; color:#000; margin:0 30px 0;} .schedule_list .list .s_tit {background: url("../img/bg/schedule_s_tit.gif")no-repeat;padding-left:23px;background-position: left;color:#666;} .schedule_list .posi {top:15px;right:15px} .schedule_list .posi input{margin-right:5px;vertical-align:middle} .schedule_list .list li .costlist_tit input{max-width:130px} /* schedule_list btn 2015-06-08 */ .schedule_list .btn {display:inline !important; background:#fffdde; border:1px solid #e5e3c5; padding:2px 8px 3px !important; font-size:12px;} .schedule_list .btn.on, .schedule_list .btn:hover {background:#fff; border:1px solid #ccc;} .schedule_list .next, .schedule_list .prev {display:block; float:left; margin-top:180px; } .schedule_list .prev a, .schedule_list .next a{padding:0 !important; display:block; width:21px; height:21px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../img/bg/year_btn.png) 0 0 no-repeat; } .schedule_list .next a {background-position:-21px 0;} .schedule_list .prev a:hover {background-position:0 -21px;} .schedule_list .next a:hover {background-position:-21px -21px} /* schedule_table 2015-06-08 */ .schedule_list .schedule_tit {text-align:center; font-size:20px; font-weight:bold; color:#000;} .schedule_list .schedule_tit span {display:block; color:#26ba5a; font-size:12px;} .schedule_list .schedule_table {padding:10px 20px 10px; background:#fffde9; border-top:1px solid #ece7a7} .schedule_list .schedule_table ul {float:left; margin:0 10px 0;} .schedule_list .schedule_table ul li:first-child {margin-left:0;} .schedule_list .schedule_table ul li {float:left; background:none; border:none; margin:0; margin-left:10px;} .schedule_list .schedule_table table {border:1px solid #dedede; width:300px;} .schedule_list .schedule_table table thead{background:#f5f5f5;} .schedule_list .schedule_table table thead th {height:32px; line-height:32px; font-size:12px; font-weight:bold; text-align:center;} .schedule_list .schedule_table .schedule_wrap table tbody td:first-child a {color: #ff0000;} .schedule_list .schedule_table table tbody td {background:#fff; text-align:center; line-height:16px; padding-top:10px; vertical-align:top; } .schedule_list .schedule_table table tbody tr.tr01 td,.schedule_list .schedule_table table tbody tr.tr02 td{padding-top: 10px;padding-bottom: 5px;} .schedule_list .schedule_table table tbody tr.tr01 td a{color:#007ce5;} .schedule_list .schedule_table table tbody tr.tr02 td a{color:#ff4545;} .schedule_list .schedule_table table tbody td a{padding:0 !important; display:block; height:50px; text-align:center; font-weight:bold;width:75px;} .schedule_list .schedule_table .schedule_wrap table tbody td a{width:auto;} .schedule_list .schedule_table table tbody td p{width:75px;} .schedule_list .schedule_table table tbody td a.on { background: url(../img/bg/table_dot.gif) center 35px no-repeat; } .schedule_list .schedule_table table tbody td a span {display:block; font-size:10px; } .schedule_list .schedule_table table tbody td.sun strong, .schedule_list .schedule_table table tbody th.sun{color:#ff4545;} .schedule_list .schedule_table table tbody td.holi strong, .schedule_list .schedule_table table tbody th.holi{color:#ff4545;} .schedule_list .schedule_table table tbody td.select, .schedule_list .schedule_table table tbody th.select{background:#ecfdff;} .schedule_list .schedule_table table tbody td.tue strong, .schedule_list .schedule_table table tbody th.tue{color:#00a93b;} .schedule_list .schedule_table table tbody td.sat strong, .schedule_list .schedule_table table tbody th.sat{color:#007ce5;} /* schdule_table.full_width : hotel/blockGroup_request.html 20150910*/ .schedule_table.full_width{z-index:99;padding:10px 20px 10px; border-top:1px solid #ece7a7 !important;background:#fffde9 !important;} .schedule_table.full_width .schdule_wrap{position:relative !important;} .schedule_table.full_width table {border:1px solid #dedede; width:100%;} .schedule_table.full_width table tr td{cursor:pointer !important;} .schedule_table.full_width .block_data{display:block;width:95px !important; margin:0 auto !important;} .schedule_table.full_width .block_data span{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color:#666; font-size:11px; text-align:left;} .schedule_table.full_width .blue{color:#0090ff !important;} .schedule_table.full_width .red{color:#ff0c00 !important; } .schedule_table .info_area{text-align:right;} .schedule_table .info_area span{padding:10px;background:url(../img/bg/bg_info_rect.png) 0px center no-repeat;} .schedule_table .info_area span+span{background-position:-57px center;} .schedule_table .info_area span+span+span{background-position:-115px center;} .block_layer{display:none;z-index:149;position:absolute; top:0px;left:0; background-color:#f9f9f9;border:1px solid #aaaaaa;} .block_layer .layer_wrap{padding:10px; text-align:left; padding-bottom:9px; margin-bottom:-9px; background:url(../img/bg/layer_arrow.png) center bottom no-repeat;} .block_layer .layer_wrap span{display:block; overflow: hidden; color:#666; font-size:11px; text-align:left;} .block_layer .layer_wrap span:last-child{padding-bottom:10px;} .block_layer .layer_wrap .blue{color:#0090ff !important;} .block_layer .layer_wrap .red{color:#ff0c00 !important; } /*2015-07-28 gaong : 투어관리>상품정보>일정*/ .schedule_list .schdule_write{padding:0;} .schedule_list .list li .schdule_write a{padding:0; display:inline-block;} .schdule_write table{width:100%;;} .schdule_write input{display:inline-block !important;width:auto !important;} .schdule_write .table_head {border:none; border-top:1px solid #ece7a7; } .schdule_write .table_type02 {border:none; ; border-bottom:1px solid #ece7a7;} .schdule_write .inner_table{background-color:#fff;} .schdule_write .trappic_block p{display:block;position:relative;margin-bottom:5px;} .schdule_write .trappic_block p label{width:50px; font-weight:bold;} .schdule_write .trappic_block input[type="text"]{width:100px !important;} /* schedule_admin */ .schedule_admin {border:1px solid #aaa; position:relative; height:190px; overflow:hidden;} .schedule_admin table {background:#fff; border:none;} .schedule_list .schedule_admin table thead th {background:#fff; border-right:1px dotted #dedede; height:65px;} .schedule_admin table thead th:last-child {border-right:0;} .schedule_admin table tbody th:first-child {border-left:0 !important;} .schedule_admin table tbody th, .schedule_admin table tbody td {height:65px; text-align:center; border:1px solid #dedede; border-right:0; border-bottom:0;} .schedule_admin table tbody td {border-right:1px dotted #dedede;border-left: none;} .l_table {width:133px !important; position:absolute; left:0; border-right:1px solid #aaa !important;z-index: 1;} .l_table tbody th span {display:block; font-size:11px; font-weight:bold;} .l_table tbody th span.blue {color:#007ce5;} .l_table tbody tr:last-child th{padding-bottom: 10px;} .r_table {margin-left:133px; width:100% !important; border-left:1px solid #aaa;position:absolute;} .r_table thead th {border-bottom:1px solid #aaaaaa; } .r_table thead th span {display:block; width:100%;} .r_table thead th strong{display:block; width:74px; font-size:14px; font-weight:bold;} .r_table thead th strong.sun {color:#ff4545;} .r_table thead th strong.sat {color:#007ce5;} .r_table thead th .week {font-size:11px; color:#aaa; line-height:8px;} .r_table thead th .select_a {background:#f5f5f5; font-size:10px; line-height:20px; color:#007ce5; margin-top:5px;} .r_table thead th .select_b {background:#f5f5f5; font-size:10px; line-height:20px; color:#ff4545; margin-top:5px;} .r_table thead th .select_g {background:#f5f5f5; font-size:10px; line-height:20px; color:#666; margin-top:5px;} .r_table thead th .select_r {background:#f5f5f5; font-size:10px; line-height:20px; color:#ff4545; margin-top:5px;} .r_table tbody td {border-bottom:1px solid #dedede; height:55px !important; } .r_table tbody td a {display:block; padding:0 !important; font-size:11px; height:22px !important; } .r_table tbody td a.sale{} .r_table tr:last-child td{padding-bottom: 10px;} .left_table{width:49.75%;float:left;margin-right: 0.5%} .left_table .check td{padding:5px 0;} .right_table{width:49.75%;} .right_table.style01{width:49.75%;float:left;} /*사내업무>근퇴관리 -20151022*/ .schedule_list.style02 .list li.on{border:none; background:none;} .schedule_list.style02 .list ul li>.posi .btn{color:#a6a6a6;background: #fff;color:#dedede;} .schedule_list.style02 .btn_control{margin-bottom:10px;} .schedule_list.style02 .btn {display:inline !important; background:#fff; border:1px solid #dedede; padding:2px 8px 3px !important; font-size:12px; color:#a6a6a6;} .schedule_list.style02 .btn.on, .schedule_list.style02 .btn:hover {background:#fff; border:1px solid #ccc; color:#666;} .schedule_list.style02 .schedule_admin table tbody th{height:44px;} .schedule_list.style02 .schedule_admin table tbody td{height:44px !important; padding:0; vertical-align:middle;} .schedule_list.style02 .schedule_admin{overflow-x:hidden;overflow-y:auto; height:100%;} .schedule_list.style02 .schedule_table{padding:0;background:none;border:none;} .schedule_list.style02 .schedule_table table {border:none;} .schedule_list.style02 .l_table{position:relative;z-index:9;} .schedule_list.style02 .r_table {position:absolute;top:0;left:0;} .schedule_list.style02 .l_table thead th {border-bottom:1px solid #aaa; font-weight:bold;} .schedule_list.style02 .l_table th {background-color:#f5f5f5; border-right:1px solid #dedede;color:#333;} .schedule_list.style02 .l_table th:last-child{border-right:1px solid #aaa;} /*단체호텔> 블럭등록*/ .schedule_list.style02.block .l_table th{padding-left:15px;text-align:left;} .schedule_list.style02.block .l_table th p, .schedule_list.style02.block .r_table td p{padding:3px 0px 2px 0px;} /*20151028 호텔 > 단체 블록요청*/ .schedule_list.group .schedule_table{padding:10px;} .schedule_list.group .schedule_table table thead th{line-height:20px;} .schedule_list.group .schedule_table table tbody td{padding-top:0;} .schedule_list.group .schedule_admin table thead th{height:45px;} .schedule_list.group .schedule_admin.style02{height:auto;}/* script 로 높이설정 */ .schedule_list.group .r_table{position:initial } .schedule_list.group .r_table thead th .week{line-height:11px;} .schedule_list.group .r_table .block_data{background-color:#fcfcfc;} .schedule_list.group .r_table .block_data.on{display:block;width:auto ; padding:5px 0;background-color:#ffe9eb;} .schedule_list.group .r_table .block_data span{display:block; color:#666; font-family:sans-serif; font-size:10px;font-weight:bold; text-align:center;letter-spacing:-0.7px} .schedule_list.group .r_table .block_data .blue{color:#0090ff !important;} .schedule_list.group .r_table .block_data .red{color:#ff0c00 !important;} .schedule_list.group .r_table ul.sub_data{float:none; margin:0;} .schedule_list.group .r_table .sub_data li{float:none; margin: 3px 4px;} .schedule_list.group .r_table .sub_data li a {display:block;width:auto;height:auto !important;text-align:center;} .schedule_list.group .r_table .sub_data li a.cl_request {background-color: #fff0bd;border: 1px solid #ffdd6b;}/*요청*/ .schedule_list.group .r_table .sub_data li a.cl_confirm {background-color: #ccfac0;border: 1px solid #9cef86;}/*확인*/ .schedule_list.group .r_table .sub_data li a.cl_cancel {background-color: #ebebeb;border: 1px solid #dcdcdc;}/*취소*/ .schedule_list.group .r_table .sub_data li a.cl_define {background-color: #e2f3ff;border: 1px solid #b3e0ff;}/*확정*/ .schedule_list.group .r_table .sub_data li a.cl_lose {background-color: #ffe9eb;border: 1px solid #ffced2;}/*반실*/ .schedule_list.group .info_area span.cl_request{padding:3px 7px; background:none;background-color:#fff0bd;border:1px solid #ffdd6b;}/*요청*/ .schedule_list.group .info_area span.cl_confirm{padding:3px 7px; background:none;background-color:#ccfac0;border:1px solid #9cef86;}/*확인*/ .schedule_list.group .info_area span.cl_cancel{padding:3px 7px; background:none;background-color:#ebebeb;border:1px solid #dcdcdc;}/*취소*/ .schedule_list.group .info_area span.cl_define{padding:3px 7px; background:none;background-color:#e2f3ff;border:1px solid #b3e0ff;}/*확정*/ .schedule_list.group .info_area span.cl_lose{padding:3px 7px; background:none;background-color:#ffe9eb;border:1px solid #ffced2;}/*반실*/ /*견적요금 등록 팝업*/ .schedule_list .schedule_table .table_type07{border:1px solid #dedede;} .schedule_list .schedule_table .table_type07 th, .schedule_list .schedule_table .table_type07 td{line-height:26px;padding:3px 5px;border-top:1px solid #dedede; } .schedule_list .schedule_table .table_type07 tr:first-child th{border-top:none;} .schedule_list .schedule_table .table_type07 th{font-weight:bold; background:#f5f5f5; color:#333;text-align:center;} .schedule_list .schedule_table .table_type07 td{text-align:left;} .schedule_list .schedule_table .table_type07 td.cal{padding:3px 0px 3px 3px;} .schedule_list .schedule_table .table_type07 .bd-l{border-left:1px solid #dedede;} .schedule_list .schedule_table .table_type07 .add_control {margin-top:3px; margin-right:5px;} .schedule_list .schedule_table .table_type07 .add_control a{padding-top:10px;display:inline-block;height:15px;width:15px;} /*dl dt 2015.06.09 you bohyun*/ dl dt{float:left;width:92px;height: 25px;} dl dd{width:240px;margin-left:92px;padding-left: 10px;height: 25px;} /*기타 인라인 디자인적css 2015.06.09 you bohyun*/ .red_icon{width:56px;height: 21px;background-color:#ff0000;color:#fff;margin-right:10px;text-align: center;} .orange{min-width:60px;height:21px;padding:0 5px;background-color:#ff7200;color:#fff;margin-right:10px;text-align: center;line-height:21px} .label{width:56px;height: 19px;background-color:#ff7200;color:#fff;margin-right:0px;text-align: center; border-radius:5px;font-size:11px;line-height:19px} .label.orange{background-color:#ff7200;} .label.yellow{background-color:#fdc000;} .label.green{background-color:#88bd22;} .label.blue{background-color:#2ab9eb;} .roomtype{width:54px;height:19px;color:#000;border:1px solid #000;text-align: center;line-height: 19px;margin-right: 10px;background: #FFF;} .roomrq{color:#ff0000;font-weight: bold;} .roomok{font-weight:bold;} .lodgefee{color:#007ce5;} .bar{width:2px;height:11px;background: url("../img/common/separate_bar.gif");margin:0 8px;} .list_delete{background: url("../img/common/list_delete.gif");width:11px;height: 11px;font-size: 0;} .totalnum{color:#ff7200;} .totalfee{color:#fe0000;font-size:14px;} .checkall{margin: 0 0 15px 1.5%;padding-left:6.5px;} .checkall input[type="checkbox"]{margin-right: 5px;} .checkall span a{color:#666} .bookpopup li.mt30 label{line-height:35px;} .bookpopup li.mt30 label input[type="checkbox"]{margin:0 5px 0 15px;} .bookpopup .table_type01.large tr td{height:40px;} .bookpopup .table_type01.large tr td select{width:60px;} .table_type01 tbody.on tr:first-child{border-bottom:1px solid #dedede;background:#fffabd;} .table_type01 tbody.on tr:first-child th{rowspan:6;} .table_type01 tbody.on tr{background:#fffde9;} .listsmall_img{width:57px;height:43px;} .btn_detail{position:absolute;right:0px;bottom:8px;color:#00b448;text-decoration:underline;} .date_area{width:30%; min-width:290px;text-align: center;} .date_area input{min-width:70px; width:25%;} .date_area span{margin:0 5%;} .roomlist .title{background:none;border:none;line-height: 30px;font-weight: bold;color:#000;padding-left: 10%;} .roomlist .title ul{display:table;width:100%} .roomlist .title ul li{display:table-cell;text-align:center;} .roomlist>ul>li{background:#f9f9f9;border:1px solid #dedede;border-bottom:none;border-top:1px solid #AAA;padding-left: 10%;position: relative;} .roomlist>ul>li:last-child{border-bottom:1px solid #AAA;} .roomlist>ul>li.on .inside_list{display:block;} .roomlist>ul>li>ul>li.on .inside_list{display:block;} .roomlist .inside_list{display: none;} .roomlist .inside_list>li{border:1px solid #ece7a7;border-right: none;background: #fffde9;position: relative;} .roomlist .inside_list>li{padding:20px 0;border-right:none;border-bottom:none;} .roomlist .inside_list>li:first-child{border-top:none;} .roomlist .inside_list>li ol li{list-style: decimal;padding:2px 0;margin-left: 16%;color:#000;} .roomlist .inside_list>li ol li p{margin-left: 10px;color:#000;} .roomlist .inside_list>li p{line-height: 25px;margin-left: 15%;} .roomlist .inside_list>li>p>a{float: right;margin-right: 20px;} .roomlist .inside_list>li>p>a span{margin:0;} .roomlist .inside_list >li>p strong{margin-right:15px;color:#000;} .roomlist .inside_list>li>p span{margin:0 15px;} .roomlist .cost{position:absolute;left:55%;width:40%;top:20px;text-align: center;} .roomlist .cost table tr td{text-align: center;line-height: 25px;} .roomlist .cost table tr td a span{line-height: 15px;} .roomlist .cost .sale{color: #007ce5;} .roomlist .inside_list .detail_title{ position:absolute;top:38%;left:3%;font-weight: bold;color:#000;} .roomlist .inside_list>li p label{margin-right: 15px;} .roomlist .inside_list li p label input, .roomlist .inside_list li p label select{margin-left: 5px;} .roomnum{position:absolute;left:3.5%;top:35%;font-weight: bold;color:#333;} .roomlist>ul>li.on .list_title{border:1px solid #ece7a7;background: #fffabd;border-top: none;border-right:none;} .roomlist .list_title{width:100%;padding:5px 0 5px;background: #fffabd;line-height: 40px;background: #FFF;border:none;cursor: pointer;border-left:1px solid #dedede;} .roomlist .list_title ul{display:table;width:100%;height:44px} .roomlist .list_title ul li{display:table-cell;min-height:18px;text-align:center;line-height:18px;vertical-align:middle;} .roomlist .list_title ul li em{display:block;} .roomlist .li01{min-width:250px} .roomlist .li02{width:7%} .roomlist .li03{width:11%} .roomlist .li04{width:7%} .roomlist .li05{width:7%} .roomlist .li06{width:13%} .roomlist .li07{width:13%} .roomlist .li08{width:13%} .breakfast{width:25px;height:25px;background: url("../img/common/breakfast.png")no-repeat;font-size: 0;margin-right: 10px;} .lunch{width:25px;height:25px;background: url("../img/common/lunch.png")no-repeat;font-size: 0;margin-right: 10px;} .dinner{width:25px;height:25px;background: url("../img/common/dinner.png")no-repeat;font-size: 0;margin-right: 10px;} .breakfast.on,.lunch.on,.dinner.on{background-position:0 -25px;} .single{width:25px;height:25px;background: url("../img/common/single.png")no-repeat;font-size: 0;margin-right: 10px;} .twin{width:25px;height:25px;background: url("../img/common/twin.png")no-repeat;font-size: 0;margin-right: 10px;} .roomlist .list_title del{display: block;} .roomlist .list_title .rq{color:#f00;} .roomlist .tbl_btn span{min-width:50px;} .roomlist .list_title ul li.lh_01 input[type="checkbox"]{margin:15px 8px 0 0;} .roomlist ul li .list_title ul li.lh_01{vertical-align: top;} .roomlist .lh_01{width:8%;min-width: 75px;} .roomlist .lh_02{width:22%; text-align:left;} .roomlist .title .lh_02{text-align:center;} span.roomname{width:250px;} .roomlist .lh_03{width:5%;} .roomlist .lh_04{width:10%;min-width: 105px;} .roomlist .lh_04-2{width:5%;} .roomlist .lh_05{width:5%;} .roomlist .lh_06{width:10%;} .roomlist .lh_07{width:10%;} .roomlist .lh_08{width:10%;} .roomlist .lh_09{width:15%;} .roomlist .total{height: 42px;position: relative;} .roomlist .total>div{position: absolute;left:50.5%;width:36.1%;height: 42px;line-height: 33px;} .roomlist .total strong, .roomlist .total span{text-align: center;width:25%;} .roomlist .total strong{color:#000;} /* 2015.07.28 miran */ .roomlist .total .list_title{margin-left:10%;position:static; width:90%; border-left:0;} .roomlist .total .list_title strong{width:100%;} .roomlist.plan li.on .list_title {border:1px solid #ece7a7;border-bottom:none;border-right:none;background: #fffabd;} .roomlist.plan>ul>li>ul>li.on:first-child .list_title{border-top:none;} .roomlist.plan>ul>li>ul>li.on:last-child .inside_list li{border-bottom:none;} .roomlist.plan .lh_01{width:10%;} .roomlist.plan .lh_02{width:35%; height:auto; text-align:left;} .roomlist.plan .title .lh_02{text-align:center;} .roomlist.plan .lh_03{width:10%;} .roomlist.plan .lh_04{width:10%; min-width:auto;} .roomlist.plan .lh_05{width:15%;} .roomlist.plan .lh_06{width:7%;} .roomlist.plan .lh_07{width:10%;} .roomlist.plan .lh_08{width:auto;} .roomlist.plan .lh_02 span.roomname{width:auto; max-width:90%;} .roomlist.plan .lh_02 span.single{width:10%; margin-right:0;} .roomlist.plan.roomlist .list_title{height:auto; min-height:43px} .roomlist.plan>ul>li{min-width: 800px;} .roomlist.plan .title{min-width: 800px;} .roomlist.plan .inside_list>li{border:1px solid #ece7a7; border-right: none;} .roomlist.plan .inside_list>li>p{line-height: 40px;} .roomlist.plan .inside_list>li p{line-height: 35px;margin-left: 21%} .roomlist.plan .inside_list>li .cost p{margin-left: 0;} .roomlist.plan .list_title ul li{vertical-align: middle;} .roomlist.plan .list_title ul li.lh_07{vertical-align: top;} .roomlist.plan .list_title ul li.lh_08{vertical-align: top;} .roomlist.plan .cost{position:absolute;left:81%;width:17%;top:20px;text-align: left;} .roomlist.plan .cost>p{line-height:40px; margin-left: 0;} .roomlist.plan .cost>p>span{width:60%;text-align: center;} .roomlist.plan .cost>p>span:first-child{width:40%;text-align: center;} .cost01{display: block;width:100%;line-height: 12px;} .cost02{display: block;line-height: 20px;} .sale01{display: block;line-height: 12px;color:#007ce5;} .sale02{display: block;line-height: 20px;} /*출력물 2015.06.11 you bohyun*/ .print_area {width:1024px;min-height:1400px;border:1px solid #000;overflow: hidden;position:relative;} .print_area div, .print_area p, .print_area span, .print_area table th, .print_area table td {font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Nanum Gothic','나눔고딕', Helvetica, Arial, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} .print_area .head{overflow: hidden;padding:25px 20px 25px;border-bottom:1px solid #dedede;} .print_area .logo{display: inline;float:left;background: url("../img/common/logo.gif");font-size: 0;width:210px;height: 40px;background-size:cover;margin-top: 13px;} .print_area .logo.style01{width:160px;height:30px;display: block;float:none;} .print_area .voucher_logo{display: inline-block; width:210px; height:40px; margin-top:13px; background:none;} .print_area .voucher_logo img{width:200px;} .print_area .voucher_logo.style01{display:block; float:none; width:160px; height:30px; padding:0;} .print_area .voucher_logo.style01 img{width:160px; height:30px;} .print_area .head .topinfo{float:right;} .print_area .head .topinfo strong{color: #b5004e;line-height: 26px; font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Nanum Gothic','나눔고딕', Helvetica, Arial, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} .print_area .head .topinfo p{font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Nanum Gothic','나눔고딕', Helvetica, Arial, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} .print_area .outputnum{float:right; font-size: 14px;line-height: 14px;margin:5px 20px 0 0;} .print_area .outputnum span{font-size: 14px;line-height: 14px;padding-left: 5px;} .print_area .title_area01{text-align: center;margin-top: 54px;} .print_area .title_area01.voucher{margin-top: 40px;} .print_area .title_area01.voucher h2{font-size: 60px;color:#000;line-height: 50px;} .print_area .title_area01.voucher p.voucher_title{display:inline-block; border:1px solid #dedede; border-radius:15px;height:50px;margin:10px auto;padding:0 0 0 15px;} .print_area .title_area01.voucher p.voucher_title span{width:auto;height:50px;margin:0;padding:0 15px 0 0;font-size: 24px;line-height:44px;color: #666;font-weight: bold;} .print_area .title_area01 h2{font-size: 40px;color:#000;line-height: 40px;} .print_area .title_area01 p span{font-size: 18px;text-align: center;margin-top:10px;margin-left:5px;line-height: 31px;width:63px;color: #000;} .print_area .title_area01 p span:first-child{margin-left: 0;} .print_area .title_area01 .on{background: url("../img/common/output_type.png")no-repeat;width:63px;height:32px;font-weight: bold;} .print_area .title_area02{position:relative; margin:13px 0 30px 20px;font-size: 14px;padding-left: 12px;background: url(../img/common/output_title.gif)no-repeat;} .print_area .title_area02 h3{font-size: 24px;line-height: 30px;} .print_area .title_area02 p{line-height: 20px;font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Nanum Gothic','나눔고딕', Helvetica, Arial, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} .print_area .title_area02 .title_posi{position:absolute; right:15px; bottom:0; text-align:right;} .print_area .title_area02 .title_posi strong{display:block; font-size:18px; color:#000;} .print_area .title_area02 .title_posi span{display:block; margin-top:12px;} .print_area .cont{padding:0 20px;} .print_area .cont .cont_title{height:33px;background: #888;color: #FFF; font-weight:bold;text-align: center;line-height: 33px;border:1px solid #888;margin-top: 20px;} .print_area .cont table.table_type02 th{text-align: left;} .print_area .cont .table_type01.ot_01 td:last-child{text-align: left;} .print_area .cont table.book_num{margin-bottom: -10px;} /* .print_area .cont table.book_num th, .print_area .cont table.book_num td{border: 1px solid #000;} */ .print_area .cont table td span{vertical-align: top;margin-right: 10px;} .print_area .cont .textarea{width:962px;min-height: 80px;color: #000;padding:10px;border:1px solid #dedede;} .print_area .cont .map{height:300px;padding:20px;border:1px solid #dedede;margin-bottom: 120px;} .print_area .cont .map iframe{width:482px;height:300px;float:left;} .print_area .cont .map dl{width:450px;margin: 5px 0 0 510px;} .print_area .cont .map dl dt{width:50px;} .print_area .cont .map dl dd{margin-left: 50px;} .print_area .foot{margin:15px 0 58px;width:100%;} .print_area .foot p{font-size: 14px;text-align: right;line-height: 25px;padding-right: 20px;font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Nanum Gothic','나눔고딕', Helvetica, Arial, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} .print_area footer{margin-bottom:27px;position: absolute;bottom: 0;width:100%;} .print_area footer p{text-align: right; padding-right: 20px;font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Nanum Gothic','나눔고딕', Helvetica, Arial, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} .print_area.bill h1{background: none; font-size:36px;line-height: 36px; color:#000;padding:30px 0;float:left;} .print_area.bill .head{padding: 0 20px;} .print_area.bill .outputnum{margin:40px 0;} .print_area.bill .title_area03 {padding-left:20px;width:492px;float:left;} .print_area.bill .title_area03 .logo{margin-bottom: 5px;font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Nanum Gothic','나눔고딕', Helvetica, Arial, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} .print_area.bill .title_area03 strong{font-size: 20px;line-height: 40px;color:#000;font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Nanum Gothic','나눔고딕', Helvetica, Arial, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} .print_area.bill .title_area03 p{font-size: 16px;line-height: 18px;font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Nanum Gothic','나눔고딕', Helvetica, Arial, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} .print_area.bill .title_area03 .telfax_num{line-height: 40px;} .print_area.bill .title_area04{padding-right:20px;margin-bottom:50px;width:492px;margin-left: 50%;height: 200px;text-align: right;} .print_area.bill .title_area04 strong{font-size: 30px; color: #000;line-height: 45px;margin-top: 40px;} .print_area.bill .title_area04 p{font-size: 18px;line-height: 30px;margin-bottom: 30px; color:#000;} .print_area.bill .title_area04 .bill_total{line-height: 40px;margin-bottom: 0;background: url(../img/common/output_bg.png)no-repeat;width:266px;background-position:bottom;text-align: left;float:right;} .print_area.bill .title_area04 .bill_customer {font-size: 2.0em; padding-top:80px; margin-bottom: 30px;} .print_area.bill .title_area04 span{font-size: 24px;font-weight: bold;color:#000;padd} .print_area.bill .title_area04 .total_fee{color:#b60050;padding-left: 60px;} .print_area.bill table td.bd_ln{border-left:none;} .print_area.bill table tfoot td{background: #f5f5f5;color: #333;font-weight: bold;height: 27px;padding: 3px 10px;text-align: center;} .print_area.bill .style02 table td{padding:3px 5px; color:#000;} .print_area.bill .table_type01 tbody td {color:#000} .print_area.bill .table_type02 tbody td {color:#000} /*청구서 폰트 사이즈 변경 20160125*/ .print_area .cont{padding:0 20px;} .print_area .cont .cont_title{height:33px;background:#888;color:#FFF;font-weight:bold;text-align: center;line-height:33px;border:1px solid #888;margin-top: 20px;font-size:18px} .print_area .cont table th{font-size: 1.55em} .print_area .cont table td{font-size: 1.55em} .print_area .cont .textarea{font-size: 1.6em} .print_area.bill .style02 table td{padding:3px 5px;} .print_area .table_type01 table tr td:first-child{border:none; text-align:left} .print_area .bill_total{position:relative;} .print_area .bill_total img{position:absolute; left:0; bottom:0;} .print_area.bill table td.num_p{text-align:right; padding-right:35px;} /* 사내업무 출력물 */ .print_area .title_area01 h2{letter-spacing:15px;} .print_area .doc_info{overflow:hidden; padding:13px 0; margin:0 20px; border-bottom:1px solid #dedede;} .print_area .doc_info .outputnum{float:left;} .print_area .doc_info .doc_date{float:right; font-size:1.3em;} .print_area .head .sign_approval{float:right; width:455px;} .print_area .head .sign_approval .table_type02 th{padding:3px 0 3px;} .print_area .head .sign_approval .table_type02 td{height:50px;} .print_area .head .sign_approval .table_type02.center td{text-align:center} .print_area .head .sign_approval .table_type02.center .bd_l{border-left:0 !important} .print_area .head.approval{border:0; padding-bottom:0;} .print_area .head.approval .voucher_logo{position:absolute; top:70px; } .print_area .cont .side{overflow:hidden;} .print_area .cont .side span{font-size:1.55em; line-height: 1.3em} .print_area .cont .textarea span{font-size:1.0em; line-height: 1.3em} .print_area .table_type01 .price {text-align:right} .print_area .table_type01.tfoot_type .price {padding: 3px 10px 3px; text-align:right} .print_area .table_type01.tfoot_type tfoot th{text-align:center; background:#f5f5f5; font-weight:bold; color:#333; padding:3px 10px 3px; height:27px;} .print_area .table_type01.tfoot_type tfoot td{text-align:center; border-left:1px solid #dedede;} .print_area .foot .foot_tit{padding-top:55px; text-align:center; font-size:18px; font-weight:bold; color:#000; letter-spacing:40px;} .print_area .cont .sign_group{margin-top:0px; border-top:1px solid #dedede;} .print_area .cont .sign_group > p{padding:7px 54px 8px; text-align:right; border:1px solid #dedede; border-top:0;} .print_area .cont .sign_group > p span {font-size:1.1em; font-weight:bold; color:#333;} .print_area .cont .sign_group > p span.w100{text-align:left;} .print_area .receipt_title {margin:10px 0 0 0; padding:10px 0 0 0; text-align:center; font-size:1.2em; font-weight:bold; color:#333; letter-spacing:1.5em;} .print_area div.table_type02{border-left:0; border-bottom:0;} .print_area .table_type02.list_input_tbl td, .print_area .table_type02 td.txt_box{height:50px; padding:12px 10px; vertical-align:top;} .print_area .table_type02 td p.txt_right span {font-size: 1.2em; line-height: 1.3em} .print_area .table_type02 td.left_border {border-left:1px solid #dedede ;} .print_area .table_type01 .border:last-child{border-bottom:0;} .print_area .table_type01 table tfoot th, .print_area .table_type01 table tfoot td:first-child, .print_area .table_type01 table tfoot td{border-top:1px solid #dedede;} .print_area footer .foot_info{padding-top:7px; border-top:1px solid #aaa; text-align:center; font-size:14px; color:#000;} .print_area .table_type01.border_top tbody th, .print_area .table_type01.border_top tbody td{border-top:1px solid #dedede;} .print_area .table_type01.border_top tbody .border_section th, .print_area .table_type01.border_top tbody .border_section td{border-top-color:#aaa;} .print_area .table_type01 .left_border{border-left:1px solid #dedede !important} .print_area .table_type01 .right_border{border-right:1px solid #dedede !important} /*신칸센*/ .print_area.shinkan .head .sign_approval{position:absolute; top:80px;} .print_area.shinkan .head.approval{border:0; padding-bottom:0;} /*견적 출력*/ .print_area .title_area01 h2.title{font-size:50px; letter-spacing:5px !important;} /* 2015.07.26 goang */ .push_inline{} .push_inline input{width:100px;} .push_inline .right_btn{margin:2px 0 0 5px;} /* 20150729 miran */ .border_box + .section_box{margin-top:10px;} .table_type01.style01{overflow:auto; border-bottom:1px solid #aaa;} .table_head + .table_type01.style01{margin-top:-1px;} .table_type01 .color_r{color:#ff0000;} .table_type01 .color_b{color:#b60050;} .table_type01.style01 thead tr th{border-bottom:0;} .table_type01.style01 thead tr:last-child th{border-top:1px solid #dedede;} .table_type01.style01 td{padding:2px 5px;border-top:1px solid #aaa;} .table_type01.style01 td input{width:91%; padding:2px 0 1px 5px} .table_type01.style01 .num{font-weight:bold;} .table_type01.style01 .block{display:block; overflow:hidden;} .table_type01.style01 .block .quarter{width:25%; float:left;} .table_type01.style01 .block .quarter span{display:block; margin-left:5px;} .table_type01.style01 .block .quarter:first-child span{margin:0;} .table_type01.style01 .block input, .table_type01.style01 .block select{width:100% !important; height:24px; box-sizing:border-box;} .table_type01.style01 .block input.date{width:100px !important;} .table_type01.style01 .block + .block{padding-top:4px;} .section_box.style01 .table_head{border:0;} .section_box.style01 .table_head table{border-bottom:0;} .border_box.green.pnone_type01{padding:0;} .border_box.green.pnone_type01 .section{padding:10px;} .border_box.green.pnone_type01 .table_type01 td{text-align:left; border-top:1px solid #dedede;} .border_box.green.pnone_type01 .table_type01 tbody th{border-top:1px solid #dedede;border-left:1px solid #dedede;} .border_box.green.pnone_type01 .table_type01 tbody tr th:first-child{border-left:0;} .section_right .list_summary{vertical-align: middle} .section_right .list_summary .lodge_type {display: inline-block;vertical-align: middle} .section_right .list_summary .subject {display: inline-block;vertical-align: middle} /* 20150730 miran 투어조회예약 */ .schedule_list .list .tit.style01{font-family:'Helvetica';} .schedule_list .list .date_show{color:#000;} .inner_table.style01 .table_head{border-top-color:#dededc;} .inner_table.style01 .table_head th{background:#f5f5f5; border-left:0;border-bottom-color:#dededc; border-left:1px solid #dededc;} .inner_table.style01 .table_head th:first-child{border-left:0;} .inner_table.style01 .table_type02{border-bottom:0;} .inner_table.style01 .table_type02 td{padding:0; background:#fffde9; color:#000; border-left:1px solid #dedede;border-bottom:0;} .inner_table.style01 .table_type02 td:first-child{border-left:0;} .inner_table.style01 .table_type02 td.date-tit{background:#f5f5f5; text-align:center; font-family:'Helvetica'; font-size:18px; color:#000; font-weight:bold;} .inner_table.style01 .section_schedule{overflow:hidden; background:#fffffd; border-top:1px solid #dedede;} .inner_table.style01 .section_schedule:first-child{border-top:0;} .inner_table.style01 .section_schedule .schedule_left{float:left; width:180px; min-height:56px; padding:20px; color:#000;} .inner_table.style01 .section_schedule .schedule_left .location_time{float:left; font-weight:bold;} .inner_table.style01 .section_schedule .schedule_left .location_time span{font-weight:normal;} .inner_table.style01 .section_schedule .schedule_left .transport{float:right; font-weight:bold;} .inner_table.style01 .section_schedule .schedule_right{min-height:96px; margin-left:220px; border-left:1px solid #dedede;} .inner_table.style01 .section_schedule .schedule_right > div{padding:18px; border-top:1px solid #dedede;} .inner_table.style01 .section_schedule .schedule_right > div:first-child{border-top:0;} .inner_table.style01 .section_schedule .schedule_right > div p{color:#000; line-height:24px;} .inner_table.style01 .section_schedule .pic-list{overflow:hidden;} .inner_table.style01 .section_schedule .pic-list li{float:left; margin-right:10px; margin-top:0; border:0; background:none;} .inner_table.style01 .section_schedule .pic-list li img{width:76px; height:58px;} .inner_table.style01 .section_schedule .pic-list li span{display:block; padding-top:10px; text-align:center; color:#000;} .inner_table.style01 .section_schedule .meal li{display:inline-block;padding-left:11px; margin:0 10px 0 0; border:0; background:url(../img/common/separate_bar02.gif) 0 4px no-repeat; color:#000;} .inner_table.style01 .section_schedule .meal li:first-child{padding-left:0; margin-left:0; background:none;} .inner_table.style01 .section_schedule.regular .schedule_left{min-height:20px; padding:15px 20px 15px 20px; background:#fffee9; text-align:center;} .inner_table.style01 .section_schedule.regular .schedule_right{min-height:20px;padding:15px; background:#fffee9;} .border_box.gray + .btn_area{margin-top:10px;} .border_box.gray.scroll_y{overflow-y:auto; height:80px;} .table_type02.h345 .textarea01{width:98%; height:270px;} .schedule_list.style01{position:relative;} .schedule_list.style01 .schedule_wrap{width:100%;} .schedule_list.style01 .schedule_wrap ul{width:100%; margin:0;} .schedule_list.style01 .schedule_wrap ul li{width:49.3%;} .schedule_list.style01 .schedule_wrap ul li table{width:100%;} .schedule_list.style01 .prev{float:none; position:absolute; left:20px; top:48%; margin:0;} .schedule_list.style01 .next{float:none; position:absolute; right:20px; top:48%; margin:0;} .schedule_list.style01 .prev a{width:10px; height:26px; background:url(../img/bg/year_btn02.png) 0 0 no-repeat;} .schedule_list.style01 .next a{width:10px; height:26px; background:url(../img/bg/year_btn02.png) 100% 0 no-repeat;} .schedule_list.style01 .schedule_table{background:none; border:0; padding:20px 10px 20px;} .schedule_list.style01 .schedule_tit{padding-bottom:8px;font-family:'Helvetica'; font-size:18px; line-height:22px;} .schedule_list.style01 .schedule_tit span{display:inline; font-family:'Helvetica'; font-size:18px; font-weight:normal; color:#888;} .schedule_list.style01 table th{font-family:'Helvetica';} .schedule_list.style01 table td{padding:2px; border-left:1px solid #dedede;border-top:1px solid #dedede;} .schedule_list.style01 table td:first-child{border-left:0;} .schedule_list.style01 table td strong{display:block; padding-bottom:3px; font-family:'Helvetica'; font-size:14px; color:#666666; text-align:cneter;} .schedule_list.style01 table td.sun strong, .schedule_list.style01 table th.sun{color:#ff4545;} .schedule_list.style01 table td.tue strong, .schedule_list.style01 table th.tue{color:#00a93b;} .schedule_list.style01 table td.sat strong, .schedule_list.style01 table th.sat{color:#007ce5;} .schedule_list.style01 table th.holi strong, .schedule_list.style01 table th.holi{color:#ff4545;} .schedule_list.style01 table th.select, .schedule_list.style01 table th.select{background:#ecfdff;} .schedule_list.style01 table td .price_all span{display:block; padding-bottom:8px; font-family:'Helvetica'; font-size:11px; line-height:18px; color:#666;} .schedule_list.style01 table td .price_all span.check{width:10px; height:10px; margin:5px auto 0; font-size:0; line-height:0; background:url(../img/icon/icon_price.png) 0 0 no-repeat;} .schedule_list.style01 table td .price_all span.check.standby{background-position:0 -20px;} .schedule_list.style01 table td .price_all span.check.impossible{background-position:0 -40px;} .textarea02{width:98%;height:90px} .write_dl dt{height:30px; padding-top:5px;} .write_dl dd{width:350px; height:35px;} .write_dl dd select + label{padding-left:15px;} .write_dl .acount{width:116px;height:24px;border:1px solid #dedede;} .write_dl .acount .cnt{float:left;width:81%;height:16px; padding-left:10px; vertical-align: middle;margin-top: 2px;border:none;} .write_dl .acount .up{background-position: 0 -2px;width:5px;height:12px;} .write_dl .acount .down{background-position: bottom;width:5px;height:13px;} .write_dl .acount span a{display:block; font-size: 0;background: url("../img/common/acount_bg.gif");padding:0;} .acount_comp {display:inline-block;} .acount_comp .acount{width:50px;height:24px;border:1px solid #dedede;} .acount_comp .acount .cnt{float:left;width:50%;height:16px; padding-left:10px; vertical-align: middle;margin-top: 2px;border:none;} .acount_comp .acount .up{background-position: 0 -2px;width:5px;height:12px;} .acount_comp .acount .down{background-position: bottom;width:5px;height:13px;} .acount_comp .acount span a{display:block; font-size: 0;background: url("../img/common/acount_bg.gif");padding:0;} .bookpopup .bookinfo_pop td{border-top:1px solid #dedede;} .bookpopup .bookinfo_pop td > span{display:block;} .bookpopup .bookinfo_pop td > span + span{padding-top:5px;} .bookpopup .bookinfo_pop td input[type="text"]{max-width:120px} .table_type01.style02 tbody th{border-left:1px solid #dedede; border-top:1px solid #dedede;} .table_type01.style02 tbody td{border-left:1px solid #dedede; border-top:1px solid #dedede; text-align:left;} .table_type01.style02 tbody .first_authority td:first-child{background:#f5f5f5; text-align:center;} .table_type01.style02 tbody td .check_list_box label{line-height:21px;} .pop_cont.comp .border_box{position:relative;padding:0;} .pop_cont.comp .border_box .cont{padding:10px 15px 15px;} .pop_cont.comp .border_box .cont > strong{font-size:14px; color:#333;} .pop_cont.comp .border_box .cont dt{color:#333;} .pop_cont.comp .border_box .cont .total{position:absolute; bottom:15px; right:20px;} .pop_cont.comp .border_box .cont .total strong{font-size:14px; font-weight:bold; color:#fe0000; vertical-align:bottom;} .pop_cont.comp .border_box.rent .cont .total{bottom:inherit; top:90px;} .pop_cont.comp .textarea_input{overflow-y:auto; min-height:70px; padding:10px;border:1px solid #dedede;} /* 20150731 miran */ .costlist tr.master td{border-top:1px solid #dedede;} .hotel_name{cursor:pointer;} .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all, .ui-jqgrid-view, .ui-jqgrid-htable{width:100% !important;} /* 2015/09/21 */ .cond_box{} .cond_box .border_box.dgray{position:relative;} .cond_box .border_box.dgray + .border_box.dgray{margin-top:5px;} .cond_box .border_box.dgray .box_tit{display:block; float:left; width:150px; color:#666;} .cond_box .border_box.dgray .textarea03{float:left; width:75%; height:170px; padding:5px; border:1px solid #dedede;} .cond_box .border_box.dgray .right_btn{float:none; position:absolute; right:5px; bottom:5px; width:35px; padding-left:10px;} .cond_box .border_box.dgray .right_btn a{display:inline-block; padding:0;} /* 사내업무 */ .file_box{overflow:hidden;} .file_box .border_box{float:left; width:82%; height:55px; overflow-y:auto;} .file_box .tbl_btn{float:left; margin:49px 0 0 10px;} .file_box .file_delete{background: url(../img/common/list_delete.gif)no-repeat;width:11px;height:11px;} /* title_select */ .output_pu .title_select{margin:20px 20px 0;} .output_pu .title_select .tit{min-width:64px; text-align:center; font-weight:800;} #pop_wrap .table_type02.blue_box, .output_pu .table_type02.blue_box{border:1px solid #b60050;border-collapse:separate;border-spacing:1px;} #pop_wrap .title_select{margin:20px 20px 0;} #pop_wrap .title_select .tit{margin-top:5px;min-width:64px; text-align:center; font-weight:800;font-size:14px;} #pop_wrap .schedule_list .schedule_table{padding:10px 10px 10px; background:#fffde9; border-top:1px solid #ece7a7} #pop_wrap .schedule_list .schedule_table table{border:none; width:100%;} /*견적*/ .plan_table {margin:10px 20px !important; border:1px solid #aaa;} .plan_table tbody tr td, .plan_table tbody tr th {border-bottom:none;border-left:none;} /*복제요소*/ .clone_area .clone_obj{position:relative;} .clone_area .clone_obj .btn_area{position:absolute; bottom:-15px; right:5px;} /*복제요서 : 견적 > 일정등록 : estimate/schdule_type02 :*/ td.plan_clone{padding:0 !important;} td.plan_clone .clone_obj{border-top:1px solid #dedede;/* padding-top:5px; */} td.plan_clone .clone_obj:first-child{border-top:none;padding-top:0px;} td.plan_clone .clone_obj .fl.departure{padding:5px 10px 97px;} #pop_wrap td.plan_clone .clone_obj .fl.departure{padding:5px 10px;} td.plan_clone .clone_obj .fl:first-child{width:149px;border-right:1px solid #dedede; } td.plan_clone .clone_obj .fl.departure label strong{display:inline-block; width:50px; font-weight:bold;} td.plan_clone .clone_obj .btn_area{position:absolute; bottom:-15px; right:15px;} td.plan_clone .clone_obj .textbox{margin:0 70px 0 170px; padding:5px 10px;} .costlist .cond_box .plan_table{margin:0 !important;} /* 사내게시판 */ #content .sub_left{float:left; width:181px;} .sub_lnb_menu{margin-top:20px; border:1px solid #f2f2f2; border-width:0 1px 3px 1px;} .sub_lnb_menu ul{border-top:1px solid #dedede;} .sub_lnb_menu ul li a{display:block;height:35px;padding-left:12px;background:#fff url(../img/common/bl_board_arrow.png) 92% -17px no-repeat;color:#666;border:1px solid #dedede;border-top:0;line-height:35px;} .sub_lnb_menu ul li.on a, .sub_lnb_menu ul li a:hover, .sub_lnb_menu ul li a:focus{background:#e3e3e3 url(../img/common/bl_board_arrow.png) 92% 13px no-repeat; color:#333; font-weight:bold; text-decoration:none;} #content .sub_right{margin-left:200px} .board_tit{position:relative; margin-top:20px; border-bottom:1px solid #f0f0f0;} .board_tit h3{font-size:14px; color:#333; font-weight:bold; line-height:35px;} .board_tit .tab_type04{} .board_tit .tab_type04 li{float:left; margin-left:5px;} .board_tit .tab_type04 li a{display:inline-block;width:78px;height:28px;line-height:28px;border:1px solid #555;color:#555; text-align:center;} .board_tit .tab_type04 li a:hover, .board_tit .tab_type04 li a:focus, .board_tit .tab_type04 li a:active, .board_tit .tab_type04 li.on a{background:#555;color:#fff;text-decoration:none;} /*게시판 결재할 문서*/ .doc_info_area{margin-top:0px; width:100%; background:#fafafa; border:1px solid #dedede; border-radius:3px;} .doc_info_area ul{padding:3px 10px;} .doc_info_area ul li{display:inline-block; margin-right:10px; padding-left:15px; background:url(../img/bg/bl_board_info.png) 0 3px no-repeat;color:#666} .doc_info_area ul li a{text-decoration:none;color:#666} .doc_info_area ul li a:hover{color:#000} .doc_info_area ul li strong{color:#000; font-weight:bold;} .doc_info_area ul li a.on {color:#FF0000} .doc_info_area ul li a.on strong{color:#FF0000; font-weight:bold;} .file_area {} .file_area .btn {height:26px; line-height:26px; cursor:pointer;} .file_area .btn_list {height:26px; line-height:26px; } .file_area .btn_list:hover {text-decoration:none} .btn_list {display:inline-block; padding:0 5px; font-size:12px; font-weight:bold; color:#666666; text-align:center; border:1px solid #dedede; background:#fff;} .btn_list span{margin:0;} /*20160114 단체호텔>블럭등록 상세 스케줄*/ .schedule_list .block_contents .next, .schedule_list .block_contents .prev {display:block; float:left; margin-top:0px; } .schedule_list .block_contents .block_admin .year {float:left; margin-top:30px} .schedule_list .block_contents .block_admin .year span {float:left; } .schedule_list .block_contents .block_admin .month {padding:0;} .schedule_list .block_contents .block_admin .month li.on {border:0; background:none;} .schedule_list .block_contents .block_admin .month li {margin-top:0; border:0; background:none;} .schedule_list .block_contents .r_table tr.data td { min-height:92px;} .schedule_list .block_contents .r_table tr.data td .inner_box {min-height:92px;} .schedule_list .block_contents .r_table tr.data td .inner_box p {width:100% !important; } .schedule_list .block_contents .r_table tr.data td .inner_box p a {height:17px !important; width:100% !important; } .r_table .inner_box_input {position:absolute; top:0; left:0; width:100px; height:100px; background:#fff; border:1px solid #eaeaea; text-align:center} /* popup area */ #loading_wrap {width:200px; height:110px; position:relative; margin:200px auto 0 auto; padding:50px;border:1px solid #ddd;background:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } #loading_wrap p {font-size:12px; color:#000;} #loading_wrap p.img {margin-top:30px;} .list_area .loading{padding:20px; width:100%; text-align:center} .roomdetail_popup {display:none} /*20160309*/ .roomlist.plan ul li .list_obj{display:none;} .roomlist.plan ul li.on .list_obj{display:block; padding:7px 0; background:#fff; border-top:1px solid #ece7a7; border-bottom:1px solid #ece7a7; border-left:1px solid #ece7a7;} .roomlist.plan ul li.on .list_obj .cost{padding-left:105px;} .roomlist.plan ul li.on .list_obj .cost > span{line-height:35px;} .roomlist.plan ul li.on .list_obj .cost .subject{width:66.5%; font-size:13px; color:#333;} .roomlist.plan ul li.on .list_obj .cost .subject .date{font-size:11px; color:#666; margin-left:5px;} .roomlist.plan ul li.on .list_obj .cost .reserve_condition, .roomlist.plan ul li.on .list_obj .cost .price{width:9%;} /*blockadmin_table*/ .blockadmin_table table {} .blockadmin_table table .blockadmin_block{} .blockadmin_table table .blockadmin_order{min-height:50px;} .bnr_benefit{display:block;margin:20px 30px 0} .table_wrap{overflow:hidden;position:absolute;right:35px;bottom:56px;left:35px;border-right:1px solid #dedede;border-bottom:1px solid #dedede} .calc_ryokan,.calc_ryokantour{top:305px} .calc_ryokanall{top:214px} .dup_paylist{top:177px} .exp_export{top:214px} .calc_sales,.calc_bought{top:235px} .table_wrap+.btn_area{position:absolute;bottom:8px;right:35px;width:100%} .table_wrap .table_area{position:relative;overflow-x:auto;overflow-y:hidden;width:100%;height:100%} .table_wrap .table_area table{width:100%;table-layout:fixed} .table_wrap .table_area td{padding:0} .table_wrap .table_area th{padding:5px 0} .table_wrap .table_area td span,.table_wrap .table_area th span{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;padding:3px 10px} .table_wrap .table_data{position:absolute;top:38px;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;} .table_wrap .table_area tr:nth-child(even){background-color:#fafafa} .calc_ryokan .table_data,.calc_ryokan .table_header{width:2800px} .calc_ryokan .col01{width:150px} .calc_ryokan .col02{width:200px} .calc_ryokan .col03{width:120px} .calc_ryokan .col04{width:250px} .calc_ryokan .col05{width:130px} .calc_ryokan .col06{width:120px} .calc_ryokan .col07{width:120px} .calc_ryokan .col08{width:100px} .calc_ryokan .col09{width:100px} .calc_ryokan .col10{width:80px} .calc_ryokan .col11{width:80px} .calc_ryokan .col12{width:80px} .calc_ryokan .col13{width:150px} .calc_ryokan .col14{width:150px} .calc_ryokan .col15{width:60px} .calc_ryokan .col16{width:60px} .calc_ryokan .col17{width:60px} .calc_ryokan .col18{width:80px} .calc_ryokan .col19{width:100px} .calc_ryokan .col20{width:150px} .calc_ryokan .col21{width:100px} .calc_ryokan .col22{width:80px} .calc_ryokan .col23{width:100px} .calc_ryokan .col24{width:80px} .calc_ryokan .col25{width:100px} .calc_ryokantour .table_data,.calc_ryokantour .table_header{width:2670px} .calc_ryokantour .col01{width:150px} .calc_ryokantour .col02{width:300px} .calc_ryokantour .col03{width:120px} .calc_ryokantour .col04{width:120px} .calc_ryokantour .col05{width:60px} .calc_ryokantour .col06{width:160px} .calc_ryokantour .col07{width:100px} .calc_ryokantour .col08{width:80px} .calc_ryokantour .col09{width:100px} .calc_ryokantour .col10{width:80px} .calc_ryokantour .col11{width:100px} .calc_ryokantour .col12{width:130px} .calc_ryokantour .col13{width:120px} .calc_ryokantour .col14{width:160px} .calc_ryokantour .col15{width:60px} .calc_ryokantour .col16{width:60px} .calc_ryokantour .col17{width:60px} .calc_ryokantour .col18{width:60px} .calc_ryokantour .col19{width:100px} .calc_ryokantour .col20{width:180px} .calc_ryokantour .col21{width:120px} .calc_ryokantour .col22{width:250px} .calc_ryokanall .table_data,.calc_ryokanall .table_header{width:3910px} .calc_ryokanall .col01{width:150px} .calc_ryokanall .col02{width:180px} .calc_ryokanall .col03{width:120px} .calc_ryokanall .col04{width:50px} .calc_ryokanall .col05{width:110px} .calc_ryokanall .col06{width:110px} .calc_ryokanall .col07{width:100px} .calc_ryokanall .col08{width:150px} .calc_ryokanall .col09{width:100px} .calc_ryokanall .col10{width:100px} .calc_ryokanall .col11{width:100px} .calc_ryokanall .col12{width:80px} .calc_ryokanall .col13{width:80px} .calc_ryokanall .col14{width:60px} .calc_ryokanall .col15{width:110px} .calc_ryokanall .col16{width:100px} .calc_ryokanall .col17{width:140px} .calc_ryokanall .col18{width:80px} .calc_ryokanall .col19{width:70px} .calc_ryokanall .col20{width:70px} .calc_ryokanall .col21{width:70px} .calc_ryokanall .col22{width:70px} .calc_ryokanall .col23{width:70px} .calc_ryokanall .col24{width:90px} .calc_ryokanall .col25{width:100px} .calc_ryokanall .col26{width:100px} .calc_ryokanall .col27{width:120px} .calc_ryokanall .col28{width:120px} .calc_ryokanall .col29{width:60px} .calc_ryokanall .col30{width:60px} .calc_ryokanall .col31{width:60px} .calc_ryokanall .col32{width:60px} .calc_ryokanall .col33{width:60px} .calc_ryokanall .col34{width:120px} .calc_ryokanall .col35{width:120px} .calc_ryokanall .col36{width:150px} .calc_ryokanall .col37{width:140px} .calc_ryokanall .col38{width:140px} .calc_ryokanall .col39{width:140px} .dup_paylist .table_data,.dup_paylist .table_header{width:100%} .dup_paylist .col01{width:10%} .dup_paylist .col02{width:15%} .dup_paylist .col03{width:15%} .dup_paylist .col04{width:10%} .dup_paylist .col05{width:15%} .dup_paylist .col06{width:20%} .dup_paylist .col07{width:15%} .exp_export .table_data,.exp_export .table_header{width:100%;min-width:1360px} .exp_export .col01{width:120px} .exp_export .col02{width:80px} .exp_export .col03{width:130px;text-align:left} .exp_export .col04{width:270px;text-align:left} .exp_export .col05{width:100px} .exp_export .col06{width:130px} .exp_export .col07{width:160px;text-align:left} .exp_export .col08{width:160px} .exp_export .col09{width:60px} .exp_export .col10{width:150px} .calc_sales .table_data,.calc_sales .table_header{width:100%;min-width:1240px} .calc_sales .col01{width:150px} .calc_sales .col02{width:170px} .calc_sales .col03{width:120px} .calc_sales .col04{width:110px} .calc_sales .col05{width:130px} .calc_sales .col06{width:60px} .calc_sales .col07{width:60px} .calc_sales .col08{width:70px} .calc_sales .col09{width:120px} .calc_sales .col10{width:120px} .calc_sales .col11{width:130px;text-align:left;} .calc_bought .table_data,.calc_bought .table_header{width:100%;min-width:1150px} .calc_bought .col01{width:150px} .calc_bought .col02{width:170px} .calc_bought .col03{width:120px} .calc_bought .col04{width:110px} .calc_bought .col05{width:130px} .calc_bought .col06{width:60px} .calc_bought .col07{width:80px} .calc_bought .col08{width:80px} .calc_bought .col09{width:120px} .calc_bought .col10{width:130px;text-align:left;} /*placeholdersjs*/ .placeholdersjs{color:#888 !important;font-family:'Nanum Gothic','나눔고딕';} /*IE9*/ ::-webkit-input-placeholder {color: #888 !important;font-family:'Nanum Gothic','나눔고딕';} /* WebKit, Blink, Edge */ :-moz-placeholder {color: #888 !important; opacity: 1;font-family:'Nanum Gothic','나눔고딕';} /* Mozilla Firefox 4 to 18 */ ::-moz-placeholder {color: #888 !important; opacity: 1;font-family:'Nanum Gothic','나눔고딕';}/* Mozilla Firefox 19+ */ :-ms-input-placeholder {color: #888 !important; font-family:'Nanum Gothic','나눔고딕';}/* Internet Explorer 10-11 */ /* 스크롤 보더 */ .scroll_py{overflow-y:auto; padding:0 !important; border:1px solid #dedede !important;} .scroll_py table{border-top:0; border-left:0; border-right:0;} .scroll_px{overflow-x:auto; padding:0 !important; border:1px solid #dedede !important;} /* 201702 layer add : shinminsook*/ .table_type02 tbody th{position:relative;} .info_wrap{display:none;position:absolute;top:35px;right:-100px;min-width:130px;max-width:230px;padding:10px 10px 8px;background-color:#fff;border:1px solid #ccc;border-radius:3px;text-align:left;z-index:10;font-size:11px;font-weight:normal} .info_wrap li{padding:0 0 3px;color:#333;font-size:12px;line-height:14px} .info_wrap em{display:block;margin-top:5px;color:#777;font-size:11px;line-height:12px} .ico_q{overflow:hidden;display:block;position:absolute;top:9px;right:10px;width:17px;height:17px;background:url(../img/common/ico_q.png) 0 0 no-repeat;font-size:0;line-height:9999em} .ico_arrw{display:none;position:absolute;top:25px;right:13px;width:12px;height:11px;background:url(../img/common/ico_arrw.png) 0 0 no-repeat;z-index:100} .ico_q:hover + .ico_arrw,.ico_q:focus + .ico_arrw,.ico_q:active + .ico_arrw, .ico_q:hover + .ico_arrw + .info_wrap,.ico_q:focus + .ico_arrw + .info_wrap,.ico_q:active + .ico_arrw + .info_wrap{display:block;} /* 프린트 페이지용 테이블 20170419 shinminsook*/ .table_print{border-top:1px solid #b0b0b0;border-left:1px solid #b0b0b0} .table_print th,.table_print td{padding:7px 10px;border-right:1px solid #b0b0b0;border-bottom:1px solid #b0b0b0;font-size:16px;line-height:24px;color:#000000;text-align:left;} .table_print th{background-color:#f5f5f5} .table_print th em,.table_print td em{display:block;padding-left:10px;font-size:14px;font-weight:normal;} .table_print td b{display:block;font-size:16px;text-align:center;} .table_print th i,.table_print td i{display:inline-block;font-style:normal;font-size:14px;} .print_area .h_print{position:relative;padding:5px 0 5px 13px;font-size:16px;line-height:30px} .print_area .h_print:before{content:'';position:absolute;top:13px;left:0;width:5px;height:14px;background-color:#000000} .print_area .cont .table_print .side span{font-size:16px;line-height:24px} .print_area .cont .table_print th,.print_area .cont .table_print td{font-size:16px;line-height:24px} /*print*/ @page { size: A4; page-break-after:always; margin-left : 0.5cm; margin-right : 0.5cm; margin-top:1cm; margin-bottom:0.5cm; } @media print { .noprint{display:none} /*@page {size: landscape}*/ .print_none {display: none} .print_page {page-break-before: always;} .print_area.print *{color:#000 !important; border-color:#000 !important;} .print_area.print .title_area01 .on{background:none;width:63px;height:32px;font-weight: bold; border:2px solid #000; border-radius:15px;} .print_area.print table tr td.border_l{border-color:#000 !important;} .table_fix {table-layout:fixed !important;} .table_fix td{word-break:break-all;} .table_type01.table_fix th, .table_type01.table_fix td{font-size:14px !important} .print_area.print .title_area03 > h2{font-size:28px;} .print_area.print .title_area03 > p{font-size:17px; line-height:24px;} .print_area .cont table td span{margin-right:2px;} .print_area.print .head .topinfo strong, .print_area.print .head .topinfo p{font-size:17px;} .print_area.print .head .topinfo strong, .print_area.print .head .topinfo p, .print_area.print .outputnum, .print_area.print .outputnum span, .print_area.print .voucher_title{color:#000;} .print_area.print .cont_title{font-size:20px; color:#000;} .print_area.print .table_type01 th, .print_area.print .table_type01 td, .print_area.print .table_type02 th, .print_area.print .table_type02 td, .print_area.print .cont .textarea, .print_area.print footer p{font-size:1.55em; color:#000;} .print_area.print .sign_approval .table_type02 th, .print_area.print .sign_approval .table_type02 td {font-size:1.2em; color:#000;} .print_area.print .sign_approval .table_type02.center td {text-align:center} .print_area.print .cont .map .table_type04 th, .print_area.print .cont .map .table_type04 td{font-size:16px; color:#000;} .print_area.print .table_type01, .print_area.print .table_type02, .print_area.print .cont .cont_title, .print_area.print .cont .textarea, .print_area.print .cont .map, .print_area.print .table_type01 th, .print_area.print .table_type01 td, .print_area.print .table_type02 th, .print_area.print .table_type02 td, .print_area.print table tr.border{border-color:#000;} .print_area.print .cont .textarea{padding:18px 10px;} .print_area .title_area01.voucher p.voucher_title{display:inline-block; height:40px;margin:10px auto;padding:0 0 0 15px; border:1px solid #dedede; border-radius:15px; font-size:22px; line-height:40px; font-weight:bold;} .print_area .title_area01.voucher p.voucher_title span{height:38px; line-height:38px;} .print_area.print .table_type02 td span{font-size:18px;} .print_area.print .table_top_info{font-size:22px; color:#000; font-weight:bold;} .print_area.print .table_bottom_info{font-size:18px; color:#000;} .print_area.print .title_area02 > h3{font-size:28px;} .print_area.print .title_area02 > p{font-size:17px; line-height:24px;} .print_area.print .title_area02 > p:nth-child(2){font-size:19px; line-height:24px;} .print_area.print .foot p{font-size:17px;} .print_area.print .cont .sign_group > p{padding:14px 70px;} .print_area.print .cont .sign_group > p span{ font-size:16px; color:#000;} .print_area .title_area02 .title_posi strong{font-size:22px; color:#000;} .print_area .title_area02 .title_posi span{font-size:16px;} .print_area.print .table_type02 th{background:#f5f5f5} /* 수배의뢰서 글자크기 더 크게 */ .print_area.print.arrange .cont .map .table_type04 td, .print_area.print.arrange .cont .sign_group > p span, .print_area.print.arrange .title_area02 .title_posi span{font-size:23px;} .print_area.print.arrange .topinfo strong, .print_area.print.arrange .topinfo p{display:block;font-size:17px;text-align:right;} .print_area.print.arrange .topinfo p.tel{font-size:23px; line-height:110%;} .print_area.print.arrange .foot p{font-size:24px; line-height:110%;} .print_area.print.arrange .title_area02 > p{font-size:23px; line-height:31px;} .print_area.print.arrange .table_type01 th, .print_area.print.arrange .table_type01 td, .print_area.print.arrange .table_type02 th, .print_area.print.arrange .table_type02 td, .print_area.print.arrange .cont .textarea, .print_area.print.arrange footer p, .print_area.print.arrange .cont .map .table_type04 th, .print_area.print.arrange .table_type02 td span, .print_area.print.arrange .table_bottom_info{font-size:25px; line-height:110%;} .print_area.print.arrange .table_type01 td p span, .print_area.print.arrange .table_type01 td strong, .print_area.print.arrange .table_type02 td p span, .print_area.print.arrange .table_type02 td strong{font-size:25px; line-height:150%;} .print_area.print.arrange .title_area01> p > span{font-size:26px;} .print_area.print.arrange .title_area02 > p:nth-child(2){font-size:26px; line-height:31px;} .print_area.print.arrange .cont_title{height:37px; font-size:27px; line-height:110%;} .print_area.print.arrange .table_top_info, .print_area.print.arrange .title_area02 .title_posi strong{font-size:29px;} .print_area.print.arrange .title_area02 > h3{font-size:35px;} .print_area.print.arrange .title_area01 h2{font-size:46px;} .print_area.print.arrange .table_type01 th, .print_area.print.arrange .table_type01 td, .print_area.print.arrange .table_type02 th, .print_area.print.arrange .table_type02 td{height:auto;padding:8px 10px; font-weight:normal;} .print_area.print.arrange .head{padding:10px 20px;border:0;} .print_area.print.arrange .title_area01{margin-top:30px;} .print_area.print.arrange .side .title_area02{margin:13px 0 10px 20px} .print_area.print.arrange .side .topinfo{margin-top:19px} .print_area .table_type02{border-spacing:0;border-collapse:collapse;border-top:1px solid #dedede;border-left:1px solid #dedede} .print_area .table_type02 th,.print_area .table_type02 td{border-right:1px solid #dedede;border-bottom:1px solid #dedede} /* 프린트 페이지용 테이블 20170419 shinminsook*/ .print_area .table_print th{background-color:#f5f5f5 !important} .print_area .cont .table_print th,.print_area .cont .table_print td,.table_print th,.table_print td{font-size:16px;line-height:24px} .print_area .cont .cont_title{font-size:18px;background-color:#666 !important;color:#ffffff !important} .print_area .table_print td i{font-style:normal;} /* Error css 20250804 */ .table_type02 { width: 100%; border-collapse: collapse !important; border-spacing: 0 !important; table-layout: fixed; } .table_type02 th, .table_type02 td { border: 1px solid #000 !important; padding: 4px; font-size: 14px !important; color: #000 !important; background: none !important; } .table_type02 tr:first-child th, .table_type02 tr:first-child td { border-top: 1px solid #000 !important; } .table_type02 tr th:first-child, .table_type02 tr td:first-child { border-left: 1px solid #000 !important; } /* 혹시 누락되는 셀 대비 */ .table_type02 * { border-color: #000 !important; } } /*20170723 결재 메뉴 바*/ table.approve_menu, table.approve_menu tr, table.approve_menu th, table.approve_menu td {border: 1px #aeaeae solid;text-align:left;padding:2px 5px;border-radius:3px} table.approve_menu{width:100%;border-collapse:separate;border-spacing:2px;font-size:8pt} table.approve_menu th{width:17%;background-color:#eeeeee} table.approve_menu td{width:30%;background-color:#ffffff;font-weight:bolder} table.approve_menu td:hover, table.approve_menu td.on{background-color:#dfebff} table.approve_menu td a{color:#5c5c5c} table.approve_menu td a span{color:#ffffff;text-shadow:1px 1px 1px #000;background-color:#bf0854;padding:0px 7px;border-radius:5px} table.approve_menu td a:hover, table.approve_menu td a.on{text-decoration:none;color:#f2376c} table.approve_menu td.new_btn{width:6%;text-align:center;background-color:#eeeeee} table.approve_menu td.new_btn .btn_area{margin-bottom:0px;height:inherit} table.approve_menu td.new_btn a.btn.doc{height:initial;padding:15px 30px;border-radius:10px} .cont_wrap{border-top:0px;padding-top:0px} .frmCode .static_input{border:1px #e8e8e8 solid;background-color:#e8e8e8;width:100px;font: bolder 10pt black;text-align:center;margin : 10px 140px 10px -12px;padding:1px}