@charset "UTF-8";
.swiper-slide {height:auto !important;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(183,183,183,.9);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(183,183,183,.9);}

#wrap{position:relative; background-color:#eee; height:100%;}
#header{}
.inner_header{z-index:5; background-color:#0c121c; height:45px;}
.inner_header .logo{text-indent:-9999px; position:absolute; width:80px; height:20px; top:12px; left:15px; background:url(../images/logo.png)no-repeat; background-size:80px;}
.inner_header h1{position:absolute; left:50%; text-align:center; margin-left:-65px; font-size:16px; line-height:45px;}
.inner_header h1 a{color:white; display:block; }
.inner_header nav{position:absolute; top:11px; right:15px; width:15px; z-index:200;cursor:pointer;}
.inner_header nav img{width:16px;}
.inner_header .category{position:absolute;z-index:300;width:100%; height:100%; background:rgba(0,0,0,0.8);}

.inner_header .category .menu_area{position:absolute;top:0;right:0;z-index:180;width:70%; height:100%;  background-color:white;}
.inner_header .category .inner_btn_area{width:100%;height:45px; background-color:#212121; padding:12px 30px;}
.inner_header .category ul{padding:0 30px;}
.inner_header .category ul li{}
.inner_header .category ul li dl{text-align:left;}
.inner_header .category ul li dt{border-bottom:1px solid #747474; font-size:14px; font-weight:bold; color:#000;line-height:27px; margin-top:30px;}
.inner_header .category ul li dd a{display:block;position:relative;font-size:11px;color:#555;line-height:34px;height:34px;letter-spacing:-1px;border-bottom:1px solid #ccc;}
.inner_header .category ul li dd a:hover{color:#b10832;}
.inner_header .category ul li dd a:before{content:'';display:inline-block;margin-right:5px;width:2px;height:2px;background:#fff;line-height:34px;height:34px;vertical-align:middle;}
.inner_header .category ul li dd a:after{content:'';position:absolute;top:12px;right:5px;width:4px;height:4px;border-left:1px solid #444;border-bottom:1px solid #444;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}

.inner_header .category{top:-100%; width:100%; opacity:0; transition:all 800ms ease;}/*부모(position)의 높이만큼 올려준다*/
.inner_header .category.open{top:0; opacity:1;}/*클릭!== 제이쿼리*/

.inner_header .category .btn_close{position:absolute;top:15px; right:20px; cursor:pointer; width:16px;}

.user_info_bar{background-color:white; border-bottom:1px solid #cdcdcd; height:29px; top:10px;}
.user_info{float:right; color:#666; margin-right:10px;}
.user_info .ui_line{color:#ccc;}
.user_info li{float:left; line-height:29px; margin-right:5px; font-size:12px;}

#container{padding:0 10px 40px 10px; background-color:#eee;}
.box_tit{line-height:20px;margin-top:16px;}
.box_tit h2{font-size:1.1em;display:inline;}
.box_tit p {display:inline; float:right; font-size:0.87em;padding-top:6px;color:#444;}

.contents_box{width:100%; background-color:white; border:1px solid #ccc; padding:10px 0 0 0; margin-top:5px; height:300px;}
.contents_box h2{font-size:14px; text-align:center;}
.contents_m{width:100%; background-color:white; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px 0 0 0; margin-top:5px;}
.contents_m.sc {border-bottom:1px solid #ccc; }
.contents_m .border_b{border-bottom:#ccc;}
.contents_m .list_iconbox{margin:10px 0; height:74px;}
.contents_m .mb{margin:20px 0; }
.contents_m .list_iconbox ul li{float:left; text-align: center; font-size:13px;}
.contents_m .list_iconbox ul .list_info{width:32%;}
.contents_m .list_iconbox ul .orange{color:#e77815;}
.contents_m .list_iconbox ul .side_line{width:2%; color:#ccc;margin-top:8px;font-size:1em;}
.contents_m .list_iconbox ul  img{width:20px; padding:6px 0;}
.contents_m .list_iconbox ul  p{line-height:18px;font-size:1em;}
.contents_m .list_iconbox ul  a{color:#000;}
.contents_m .list_textbox{background-color:#eee; height:22px; font-size:0.87em; letter-spacing:-1px; text-align:center; padding-top:3px; color:#555;}
.contents_m .list_iconbox ul .list_info2{width:18%;}

.contents_m .top_box{display:block;position:relative;padding:0 15px;}
.contents_m .bottom_box{display:none;position:relative;padding:0 15px  6px 15px;}
.contents_m .bottom_box.on{display:block;}

.contents_m .btn_more{height:14px; background:url('../images/detail_open.png') no-repeat center -1PX;display:block;margin-top:8px;text-indent:-999999px;background-color:#005a2b; cursor:pointer;}
.contents_m .on + .btn_more{background:url('../images/detail_close.png') no-repeat center 2px;text-indent:-99999px; margin-top:8px;background-color:#005a2b;}

.btn_notice a{color:black;display:block;cursor:pointer;background:url('../images/notice_bg.jpg')repeat; height:32px; border:1px solid #ccc; text-align:center; margin-top:10px; padding-top:7px;}

/*dealer*/
.inner_wrap .inner_conts{overflow-y:auto; margin:0 3px;}
.inner_wrap .inner_conts .box_tit{height:24px; margin-top:6px;}
.inner_wrap .inner_conts .box_tit h2{font-size:15px; display:inline;}
.inner_wrap .inner_conts .box_tit p {display:inline; float:right; font-size:10px; padding-top:6px;}
.inner_wrap .inner_conts .swiper-pagination{top:-8px;right:50%; margin-right:-160px;}
.inner_wrap .inner_conts .swiper-pagination-bullets{width:auto;left:auto;bottom:auto;}
@media screen and ( min-width:340px ) {
 /* .inner_wrap .inner_conts .swiper-pagination{top:-8px;right:50%; margin-right:-160px;}*/
  .inner_wrap .inner_conts .swiper-pagination{position: absolute;width:100%;top:-8px;left:0px;right:0px;}
}
@media screen and ( max-width:339px ) {
  /* .inner_wrap .inner_conts .swiper-pagination{top:-8px;right:50%; margin-right:-110px;}*/
  .inner_wrap .inner_conts .swiper-pagination{position: absolute;width:100%;top:-8px;left:0px;right:0px;}
}
  .inner_wrap .inner_conts .swiper-wrapper{height:100%;}
.inner_slide{margin-top:20px; /*min-height:440px;*/}

.contents_d{border:1px solid #ccc;background-color:#fff;margin-top:10px; padding-top:10px;}
.contents_d .top_box2{display:block;position:relative;padding:0 15px;}
.contents_d .bottom_box2{display:none;position:relative;padding:0 15px  6px 15px;}
.contents_d .bottom_box2.on{display:block;}

.contents_d .list_iconbox{width:100%; margin:0 auto; font-size:0.87em; }
.contents_d .list_iconbox ul.customer_info{display:flex;position:relative;width:100%;border-bottom:1px solid #ccc; }
.contents_d .list_iconbox li{line-height:28px;}
.contents_d .list_iconbox li.info_tit{letter-spacing:0.6px;}
.contents_d .list_iconbox li.info_tit2{letter-spacing:-2.4px;}
.contents_d .list_iconbox li.info_tit3{letter-spacing:21px;}
.contents_d .list_iconbox li img{width:16px; position:absolute; right:5px;top:2px;}
.contents_d .list_iconbox li.red {color : red}
.contents_d .list_iconbox .customer_info li:nth-child(1){flex-shrink: 0; width:80px; font-weight:bold;  padding-left:5px;}
.contents_d .list_iconbox .customer_info li:nth-child(2){flex-grow:1;}

.contents_d .btn_more2_bg{background:url('../images/more2_bg.jpg') repeat;width:100%;height:30px; border-top:1px solid #ccc;}
.contents_d .btn_more2{position:relative; top:3px; width:70px; height:30px; background:url('../images/detail_open2.png') no-repeat center;background-size:22px;text-indent:-99999px; cursor:pointer;}
.contents_d .on + .btn_more2{width:70px; height:40px;background:url('../images/detail_close2.png') no-repeat center 15px;background-size:22px;text-indent:-999999px;}
.contents_d .btn_more2_bg li{height:30px;float:left;border-left:1px solid #ccc;padding:4px 10px;}
.contents_d .btn_more2_bg img{width:20px;}
.contents_d table{ margin-top:-27px;width:100%; height:30px #ccc; text-align: center;}
.contents_d table td{font-weight:bold;font-size:0.87em;cursor: pointer;border-left:1px solid #ccc;border-top:solid 1px #ccc; height:30px; text-align: center; background:url('../images/more2_bg.jpg') repeat;}
.contents_d table td img{width:22px;}
.contents_d table .none{border-left:none;}
.contents_d table .gray{color:#333;}
.contents_d table .green{color:#2e6017;}

/*dealer_tab*/
.inner_wrap .inner_conts .tab-link {display:inline-block;cursor:pointer;text-align:center; }
.inner_wrap .inner_conts .tab-link p{font-size:0.87em;}
.inner_wrap .inner_conts .tab-link p.orange{color:#e77815;}
.inner_wrap .inner_conts .tab-link img{margin-bottom:5px;width:20px;  opacity:0.5;}
.inner_wrap .inner_conts .tab-link.on {font-weight:bold;}
.inner_wrap .inner_conts .tab-link.on img{width:20px;  opacity:1;}
.inner_wrap .inner_conts .tab-link:hover img{width:20px;  opacity:1;}
.inner_wrap .inner_conts .tab-content {display:none}
.inner_wrap .inner_conts .tab-content.on {display:block}
.inner_wrap .inner_conts .tab_box{border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc; height:90px; background:url('../images/tab_bg.jpg')repeat;}
.inner_wrap .inner_conts .tab_box table{ width:100%; height:88px; margin:0 auto;  }
.inner_wrap .inner_conts .tab_box table td{border-right:solid 1px #ccc; text-align: center;}

/*dealer_button*/
.contents_d table .btn_center{width:140px;margin:0 auto;}
.contents_d table .btn_center2{width:90px;margin:0 auto;}
.contents_d table .btn_center3{width:90px;margin:0 auto;}
.contents_d table .btn_center4{width:115px;margin:0 auto;}

.contents_d table img{float:left;margin:0;padding:0;}
.contents_d table .btn{background:transparent;}
.contents_d table p span {font-weight:800;display:block;position:static;font-size:12px;padding-top:2px;margin:0;}
.contents_d table .state {float:left;box-sizing:border-box;}
.contents_d table .unattended{color:#9e1a32;}
.contents_d table .reserv{color:#2e6017;}
.contents_d table .call{color:#666;}
.contents_d table .rideok{color:#1b65ae;}
.contents_d table .cancel{color:black;}
.contents_d table .absence{color:#888;}
/*notice*/
.inner_notice{width:95%; margin:0 auto;margin-top:20px;}
.inner_notice h2{height:40px;border-bottom:2px solid black; font-size:18px; font-weight:bold;}
.inner_notice h2 a {color:black;}
.inner_notice .notice_list{position:relative;border-bottom:1px solid #ccc;display:block;cursor:pointer;width:100%;height:60px;}
.inner_notice .notice_list a ul.list_l{position:absolute;top:14px;}
.inner_notice .notice_list a span.list_r{position:absolute;top:18px;right:0;}
.inner_notice .notice_list a span.list_r img{width:10px;}
.inner_notice .notice_list a ul li.tit{color:#333;}
.inner_notice .notice_list a ul li.date{font-size:11px;color:#666;}
.inner_notice .notice_list p {position:absolute;top:14px;text-align:center;width:100%}
.inner_notice .notice_cont .tit{position:relative;height:40px; line-height:40px;border-bottom:1px solid black; color:333;}
.inner_notice .notice_cont span.tit_d{position:absolute;top:0;right:0; font-size:11px; color:#666;}
.inner_notice .notice_cont .cont_area{min-height:360px; }
.inner_notice .notice_cont p{padding:20px 10px;  font-size:12px;}
.inner_notice .notice_cont .add_file{border:1px solid black;height:30px;line-height:30px; padding-left:10px;}
.inner_notice .notice_cont .add_file span.btn_addfile a{font-size:12px;color:#666;}
.inner_notice .notice_cont .add_file span a:before{content:'';display:inline-block;width:5px;height:16px;margin-right:4px;background:url('../images/btn_file_add.png') no-repeat;background-size:5px 16px;vertical-align:middle;}

/*footer*/
#footer{position:fixed;bottom:0;z-index:21;width:100%;padding-top:4px;background:#e4e4e4;text-align:center;}
#footer .copy{background-color:#0c121c; font-size:12px;color:#a6a6a6;line-height:30px;}
#footer .copy span{font-size:12px;color:#fff;line-height:30px;vertical-align:baseline;}

/*table*/
.table_m{overflow:hidden; font-size:11px; text-align:center; margin-top:8px;}
.table_m table{width:100%;table-layout:fixed;}
.table_m table thead tr th{background-color:#3c3c3c; height:24px; color:white; font-weight:bold; line-height:24px;}
.table_m table tbody tr{height:24px;}
.table_m table tbody tr:nth-child(odd){background-color:#e4e4e4;}
.table_m table tbody tr:nth-child(even){background-color:#d0d0d0;}

.table_dr{overflow:hidden; font-size:11px; text-align:left; border-left:1px solid #417728;border-right:1px solid #417728;border-top:1px solid #417728;}
.table_dr table{width:100%;table-layout:fixed; }
.table_dr table tbody tr{height:24px;}
.table_dr table tbody tr th{padding-left:5px;background-color:#eee; border-bottom:1px solid #d4d4d4;font-weight:bold;}
.table_dr table tbody tr td{padding-left:5px;border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}

.table_du{overflow:hidden; font-size:11px; text-align:left; border-left:1px solid #b65353;border-right:1px solid #b65353;border-top:1px solid #b65353;}
.table_du table{width:100%;table-layout:fixed; }
.table_du table tbody tr{height:24px;}
.table_du table tbody tr th{padding-left:5px;background-color:#eee; border-bottom:1px solid #d4d4d4;font-weight:bold;}
.table_du table tbody tr td{padding-left:5px;border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}

/*button*/
.btn_logout{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	font-size: 11px;
	color: #a7a7a7 !important;
	border:1px #656565 solid;
	width: 80px;
	height: 20px;
	line-height: 20px;
	}	

/* pop*/
.pop .tab_item:target { display:block;}
.pop .tab_item:not(:target) {display:none;}
.pop .main_side :target h2 a,

.pop a.pop_tab01{color:#4a4f54; border:1px solid #bfbfbf; padding:10px 30px; margin-top:10px;margin-right:3px;}
.pop a.pop_tab02{color:#4a4f54; border:1px solid #bfbfbf; padding:10px 30px; margin-top:10px;}
.pop a.pop_tab01.on{background:#4a4f54;color:#fff;}
.pop a.pop_tab02.on{background:#4a4f54;color:#fff;}
.pop {display:none;position:fixed;top:25%;left:0;right:0;bottom:0;z-index:1000;text-align:center;}
.pop.agree {top:0;padding-top:10px; overflow-y:scroll;}
.pop.agree.pop_contents.agree_w{width:98;}
.pop.active {display:block;}
.pop .dimmed {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;z-index:100;}
.pop .agree.dimmed {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;z-index:100;}
.pop .pop_contents {display:block;position:relative;width:90%;min-height:260px;border-radius:6px;margin:0 auto;background-color:#fff;z-index:110;}
.pop .pop_contents .conts {position:relative;}
.pop .pop_contents .conts .pop_close {position:absolute;top:17px;right:10px;width:14px;height:14px;background:url('../images/btn_close.png') 0 0 no-repeat;background-size:14px;text-indent:-9999px;}

.pop .pop_contents .conts p.pop_tit {text-align:center;font-size:17px;color:#fff;line-height:50px;font-weight:bold;height:50px;background-color:#4a4f54; border-top-left-radius:5px;border-top-right-radius:5px;}
.pop .pop_contents .conts .btn_area{width:90%;margin:0 auto;padding-bottom:20px;}
.pop .pop_contents .conts p.pop_mes {margin:13px 0 23px 0;font-size:13px;color:#333;line-height:1;}
.pop .pop_contents .conts p.pop_text{font-size:14px;padding:10px; text-align: left;}
.pop .pop_contents .conts p.pop_tit2{font-size:14px;font-weight:bold;text-align: left;margin-top:10px;}
.pop .pop_contents .conts .textarea{width:100%;color:#999;border:solid 1px #eee; padding:10px;text-align:left;font-size:14px; line-height:14px; overflow: hidden;}

.pop .pop_contents .conts .pop_regist{width:96%; margin-top:10px; margin:0 auto;}
.pop .pop_contents .conts .pop_regist h3{line-height:30px;height:30px;font-size:16px; margin-top:10px;}

.pop .pop_contents .conts a.regist_r{position:relative;float:right; right:15px;font-size:12px;color:#0c63bb;}
.pop .pop_contents .conts .sign_box{border:1px solid #ccc;height:80px;width:100%;margin:0 auto;clear:both;min-height:200px;}
.pop .pop_contents .conts p.sign{position:relative;float:right; right:15px;font-size:12px;margin-bottom:20px;}

.pop .pop_btn {padding:12px;font-size:14px;line-height:1;box-sizing:border-box;}
.pop .pop_btn.type1 {width:90px;background-color:#4a4f54; color:#fff;}
.pop .pop_btn.type1:hover {background-color:#70777e;}
.pop .pop_btn.type2 {width:90px;background-color:#d4d4d3;color:#4a4f54;}
.pop .pop_btn.type2:hover {background-color:rgba(0,0,0,0.1);}

.pop .pop_contents .conts .tab_menu {margin-top:10px;}
.pop .pop_contents .conts .tab_menu ul {overflow:hidden;}
.pop .pop_contents .conts .tab_menu ul li {display:inline-block;float:left;width:100%;}
.pop .pop_contents .conts .tab_menu ul li.active {}
.pop .pop_contents .conts .tab_menu ul li a.tab_title {display:inline-block;position:absolute;top:30px;width:120px;padding:6px 0;border-bottom:1px solid #222;font-size:11px;color:#222;}
.pop .pop_contents .conts .tab_menu ul li.active a.tab_title {background-color:#222;color:#fff;}
.pop .pop_contents .conts .tab_menu ul li a.tab_title.t01 {left:20px;}
.pop .pop_contents .conts .tab_menu ul li a.tab_title.t02 {left:140px;}
.pop .pop_contents .conts .tab_menu ul li .tab_conts {display:none;width:100%;margin-top:28px;padding:22px 18px 0;}
.pop .pop_contents .conts .tab_menu ul li.active .tab_conts {display:block;}
.pop .pop_contents .conts .inp_tdate {display:block;position:relative;}
.pop .pop_contents .conts .ic_date label {display:inline-block;top:5px;right:10px;background:url('../images/img/ic_calendar.png') right center no-repeat;background-size:11px;}
.pop .pop_contents .conts .inp_tdate label {position:absolute;top:5px;left:10px;width:181px;height:19px;padding-left:4px;font-size:11px;line-height:19px;text-align:left;}
.pop .pop_contents .conts ic_date label {position:absolute;top:5px;left:10px;width:181px;height:19px;padding-left:4px;font-size:11px;line-height:19px;text-align:left;}

.pop .pop_contents .conts input {height:29px;}

.pop .pop_contents .conts .w2 input {width:175px;padding: 0 13px;border:1px solid #bfbfbf;border-radius:3px;background:#fff;font-size:10px;color:#000;text-align:center;}
.pop .pop_contents .conts .input_area{padding:30px 0; height:100px;}
.pop .pop_contents .conts .input_area.w2{padding:0 12px;}
.pop .pop_contents .conts .inp_ttime,
.pop .pop_contents .conts .inp_tdate{display:block;position:relative;}
.pop .pop_contents .conts .inp_tdate{text-align:right;}
.pop .pop_contents .conts .inp_ttime label,
.pop .pop_contents .conts .inp_tdate label{display:inline-block;margin-top:6px;font-size:10px;color:#000;line-height:29px;vertical-align:top;}
.pop .pop_contents .conts .w2 .inp_tdate label{margin-top:0;}
.pop .pop_contents .conts .inp_ttime label + select{display:inline-block;}
.pop .pop_contents .conts select {height:29px;margin-top:5px;padding:0 30px 0 13px;border:1px solid #bfbfbf;border-radius:3px;background: url('../images/img/pop_select_arr_down.png') no-repeat 94% center;background-size:10px 6px;font-size:10px;color:#000;text-align-last:center;}
.pop .pop_contents .conts .inp_ttime select{width:175px;}
.pop .pop_contents .conts .inp_ttime input {width:175px;height:29px;margin-top:5px;padding:0 30px 0 13px;border:1px solid #bfbfbf;border-radius:3px;background: url('../images/img/pop_select_arr_down.png') no-repeat 94% center;background-size:10px 6px;font-size:10px;color:#000;text-align-last:center;}
.pop_noti_area{display:block;position:relative;text-align:left;padding:20px 20px 10px 20px;}
.pop_noti_area .noti_tit{display:block;font-size:16px;color:#000;line-height:24px;font-weight:bold;}
.pop_noti_area .noti_tit span{vertical-align:baseline;}
.pop_noti_area .inner_pop_table{margin-top:10px;}
.pop_noti_area .mCSB_container{width:100% !important;}
.pop_noti_area .table_box{background-color:#eee; padding:0 10px;}
.pop_noti_area .inner_pop_table table{width:90%; margin:5px 0;}
.pop_noti_area .inner_pop_table table tr{border-bottom:1px dotted #ccc; line-height:24px;}
.pop_noti_area .inner_pop_table table tr:last-child{border-bottom:none;}
.pop_noti_area .inner_pop_table table td{text-align:left;}
.pop_noti_area .pop_rdo_area{}
.pop_noti_area .pop_rdo_area label{position:relative;}
.pop_noti_area .pop_rdo_area input[type='radio']{width:12px;height:12px;border-radius:6px;border:1px solid #959595;background:#fff;}
.pop_rdo_area{display:inline-block;}
.pop_rdo_area input{display:none;}
.pop_rdo_area label{font-size:16px;color:#444;font-weight:200;line-height:19px;vertical-align:top;}
.pop_rdo_area label .ic_radio{display:inline-block;position:relative;margin-right:7px;width:12px;height:12px;border-radius:6px;border:1px solid #959595;background:#fff;}
.pop_rdo_area label span{display:inline-block;font-size:11px;color:#000;text-align:center;}
.pop_rdo_area label .team{width:70px;text-overflow:ellipsis;-o-text-overflow: ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important;}
.pop_rdo_area label .name{width:60px;}
.pop_rdo_area label .date{width:73px;}
.pop_rdo_area input:checked + label .ic_radio:after{content:'';position:absolute;top:3px;left:3px;width:4px;height:4px;border-radius:2px;background:#000;}
.pop_rdo_area + .radio_style01{margin-left:30px;}
.m-signature-pad--body canvas {
    width: 100%;
    height: 100%;
    min-height: 200px;
    max-width:800px;
}