﻿@charset 'utf-8';

/* Font-Face */
@import url(../earlyaccess/nanumgothic.css);
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 400;
  src: url(toadmin/NanumGothic-Regular.woff) format('woff');
}
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 700;
  src: url(toadmin/NanumGothic-Bold.woff) format('woff');
}
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 800;
  src: url(toadmin/NanumGothic-ExtraBold.woff) format('woff');
}

* {margin:0;padding:0}
body,td,th {margin:0;padding:0;color:#666;font-size:14px;line-height:1.5;font-family:'NG','Nanum Gothic',AppleGothic,Tahoma,Sans-serif; !important}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NG','Nanum Gothic',AppleGothic,Tahoma,Sans-serif;}
hr {display:none}
ul, ol, li {list-style-type:none;font-family:'NG','Nanum Gothic',AppleGothic,Tahoma,Sans-serif}
fieldset{margin:0;padding:0;border:0}
legend,caption {display:none}
address, em, cite {font-style:normal}
input, button, textarea, select {font-size:1em;font-family:'NG','Nanum Gothic',AppleGothic,Tahoma,Sans-serif}
button, textarea, input, select {display:inline-block;vertical-align:middle; padding: 0px;}
button:focus {
    outline: none;
}
input[type=checkbox] {
    height: 14px;
    width: 14px;
}
object{display:none;}

code, pre {font-size:1em}
button{overflow:visible;border:none;margin:0;padding:0;cursor:pointer;_cursor:hand}

.inptxt{height:18px;padding:7px 7px 0 7px;color:#666;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
:root .inptxt{padding:5px 7px 3px 7px}
input[type=file].inptxt{height:25px;padding:0 7px 0 7px;color:#767676;line-height:25px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
input[type=file].inptxt:focus,.inpTxt:focus, select:focus{border:1px solid #fabe02}
select:focus{outline:none}
.readonly{background:#f9f9f9}
.readonly:focus{border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
select{height:33px;padding:4px;color:#767676;font-size:12px;line-height:18px;border: 1px solid #d8d8d8;}
textarea{padding:5px;border:1px solid #bababa;line-height:1.167;_margin:-1px 0;resize:none}
img{border:0 none; vertical-align: middle;}
label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle}
table{*empty-cells:show;border-collapse:collapse;table-layout: auto;word-break: initial;}

/*type_css*/
a {color:#000;text-decoration:none;}
a:hover {color: #ec3a73;text-decoration:none;}

main { display:block; }

.hidden{position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;font:0/0 Arial}
.hidden{*height:1%}


.ct{text-align: center;}

.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb85 {margin-bottom:85px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb100 {margin-bottom:100px !important;}

.mgt3 {margin-top:3px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt85 {margin-top:85px !important;}
.mgt100 {margin-top:100px !important;}
.mgt200 {margin-top:200px !important;}


.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}


.pdt50{padding-top: 50px;}
.pdb50{padding-bottom: 50px;}


/* 김창수 추가 */
/* Popup Layer */
.appendcontent > .detail {-webkit-overflow-scrolling: touch;overflow-y: scroll;bottom: 0;left: 0;position: fixed;right: 0;top: -90px;z-index: 510;}
.showdetail { background-color:rgba(0,0,0,0.7);overflow-x:hidden;}
.showdetail button.close { position:absolute;width:26px;height:26px;top:3px;right:3px;z-index: 520;padding:0; background-color: transparent; /* border:2px solid #ddd; */}
.showdetail button.close em { width:16px;height:16px;background: url("../images/toadmin/common/close.png") no-repeat;display: inline-block;outline: none;position: relative;vertical-align: middle;}

.showdetail > div.container.maps{width:1204px;}
.showdetail > div.container.maps #map_canvas{width:100%;min-height:480px;}

.showdetail > div.container { position:relative;margin:90px auto 0px;background-color:#fff;/* width:500px; */min-width:250px;border-radius: 6px;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.45);box-shadow: 0 2px 10px rgba(0,0,0,0.45);border: 1px solid transparent;padding:3px;}
.showdetail > div.container.room_photo{width:500px;}
.showdetail > div.container h1 { color:#525252;font-size:16px;margin:0 auto 10px;padding:0;border-bottom:1px solid #525252;}
.showdetail > div.container h2 { width:100%;margin:3px auto;background-color:#000;color:#fff;font-weight:bold;font-size:13px;padding:4px 0 4px 4px;}
.showdetail > div.container img { /*max-width:595px; margin-top:4px;*/max-width: 100%; }
.cars_info { max-width:950px; }
.login-form { max-width:950px; }
.btn-show { display:block; margin:0 auto;}
.btn-hide { display:none; margin:0 auto; }
.join_complete_msg { max-width:400px; }
.flight_list { max-width:596px; }

/* KeyBoard 제어 */
.keyb-kor { -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
.keyb-eng { -webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive; }
.keyb-onlyeng { -webkit-ime-mode:disabled; -moz-ime-mode:disabled; -ms-ime-mode:disabled; ime-mode:disabled; }

/* placeholder 제어 */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #9a9a9a;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #9a9a9a;
   opacity:  0.9;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #9a9a9a;
   opacity:  0.9;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #9a9a9a !important;
   font-weight: 400 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #9a9a9a;
}

::placeholder { /* CSS Working Draft */
    color: #ccc;
    font-weight: 400;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */ 
 font-family: 'NG','Nanum Gothic',AppleGothic,Tahoma,Sans-serif;
 font-size:12px;
 word-break: break-all;
}

input[type=text]::-ms-clear { display: none; }

.rental_time_tip {
	position: absolute;
    top: 0;
    background-color: #fff;
    color: #95B5B0;
    border-radius: 6px;
    padding: 10px;
    font-weight: 600;
    width: 170px;
    right: 250px;
    line-height: 160%;
    text-align: center;
	display: none;
	-webkit-box-shadow: -8px -8px 8px #aaaaaa; 
    box-shadow: 1px 2px 2px #aaaaaa;
}

.return_time_tip { 
	position: absolute;
    top: 40px;
    background-color: #fff;
    color: #95B5B0;
    border-radius: 6px;
    padding: 10px;
    font-weight: 600;
    width: 170px;
    right: 250px;
    line-height: 160%;
    text-align: center;
	display: none;
	-webkit-box-shadow: -8px -8px 8px #aaaaaa; 
    box-shadow: 2px 2px 2px #aaaaaa;
}


.rental_date_tip {
    position: absolute;
    top: 25px;
    background-color: #fff;
    color: #95B5B0;
    border-radius: 6px;
    padding: 10px;
    font-weight: 600;
    width: 270px;
    right: 55px;
    line-height: 160%;
    text-align: center;
    display: none;
	border: 1px solid #95B5B0;
	z-index:88;
}

.lyr-popup img {width:100%;}

.long_term_tip {
    position: absolute;
    top: 26px;
    background-color: #fff;
    color: #95B5B0;
    border-radius: 6px;
    padding: 10px;
    font-weight: 600;
    width: 160px;
    left: 500px;
    line-height: 160%;
    text-align: left;
    font-size: 11px;
    border: 1px solid #95B5B0;
    display: none;
    -webkit-box-shadow: -8px -8px 8px #aaaaaa;
    box-shadow: 2px 2px 2px #aaaaaa;
}

#btn_gotop {
    position: fixed;    
    bottom: 20px;
    right: 15px;
    z-index: 9999;
    display: none;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}