/*# sourceURL=../css/com.css */
/*@ sourceURL=../css/com.css */
/* COMMON CSS - LAYOUT CSS */
@charset "utf-8";
/* all layout */
body {min-width:800px; letter-spacing: -0.3; margin:0; padding:0;}
.wrap {width:100%;}

/* content layout */
#content {width:100%;overflow:hidden; display:block; padding:30px 0;}


/*gnb*/
header{position: relative;z-index: 1000}
.menu_btn a{position:fixed; right:30px; top:30px; width:70px; height: 70px;background: url("/img/btn_menu.jpg"); box-shadow:0px 0px 7px rgba(161,161,161,0.8); -moz-box-shadow:0px 0px 7px rgba(161,161,161,0.8); -webkit-box-shadow:0px 0px 7px rgba(161,161,161,0.8);z-index: 100;}
.close_btn{background: url("/img/btn_menu_close.jpg") !important;box-shadow:none !important}
.gnb{display:none;position:fixed;right:0px;top:0;background:#fff;width: 50%; max-width:300px; height: 100%;box-shadow:-1px 0px 7px rgba(161,161,161,0.8);-moz-box-shadow:0px 0px 7px rgba(161,161,161,0.8); -webkit-box-shadow:0px 0px 7px rgba(161,161,161,0.8);}
.gnb_open{display: block;}
.gnb>ul{margin-top:100px;}
.gnb>ul>li>a{position:relative;display:block;font-size:18px;padding:5px 15px; color:#555;}
.gnb>ul>li>a:hover{color:#fff;background:#222}
.gnb .sub_menu{display:none;}
.gnb .sub_menu li a{display:block;font-size: 16px;padding:5px 30px;color:#555;font-weight: normal;}
.gnb .sub_menu li a::before{content:'>';padding-right: 5px;}
.sub_menu_open{display:block;}
.arrow>a::after {content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 2.2em; background: url("https://www.dongabus.com:48475/css/../images/common/arr_sub_menu.svg") no-repeat center center; background-size: 8px 11px;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.arrow>a.sub_menu_open::after {-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}

/*gnb-kepco버스예약 링크*/
.kepco_link{margin-top: 80px;}
.kepco_link a{border:2px solid #c3185b; border-radius: 10px; background:#fbe8e8; padding: 20px 0 !important; text-align: center; margin:0 10px;}
.kepco_link a:hover{border:2px solid #c3185b; background: #fff !important; color: #000 !important}


/*fixed_icon*/
.fixed_icon{z-index: 99999; position:fixed; bottom:30px; right:30px;}
.fixed_icon a{width:79px; height:79px; float:left; border-radius: 50%; overflow: hidden;}
.top_btn{background:rgba(0,0,0,0.3);}
.top_btn:hover{background:rgba(0,0,0,0.7);}
.fixed_icon a:last-child{margin-left:15px;}
.fixed_icon a img{width:100%; height:100%;}

    /*common*/
    .mb20{overflow:hidden; margin-bottom:20px !important;}
    #main section{position: relative;}
    #main section:first-child ~ section{top:-120px;}
    .board_srchBox .btn_g3{line-height:25px;}

    /*font*/
    .f15{font-size:15px;}
    .f16{font-size:16px;}
    .f20{font-size: 20px; font-weight:800;}
    .f25{font-size: 25px; font-weight:800;}
    .f27{font-size: 27px; font-weight:800;}
    .f30{font-size: 30px; font-weight:800;}
    .f40{font-size: 40px; font-weight:800;}
    .nomr{margin-right:0!important; }
    .red{color:#ff0000;}
    .gray{color:#7c7c7c;}
    .purple{color:#7e07a5;}
    .blue{color:#0f53ff;}
    .upper{text-transform: uppercase;}
    .tac{text-align:center;}
    caption{display: none;}
    .b{font-weight:bold;}
    .red_bar{width:23px; height:1px; margin: 30px auto; background:#e70618;}

    /*mainImg*/
    .mainImg{width: 100%; background:url("/img/bg_visua2l.jpg") no-repeat;background-size:cover; padding:280px 0; overflow:hidden;}
    .mainImg > div{width:38%;float:right;}
    .mainImg .bkbox .main_slo_mob{display:none;}
    .call_info{max-width:375px; height: auto; background:#222; margin-bottom:37px;}
    .call_info p{color:#fff;line-height:45px;}
    .btn_grp {display: inline-block;}
    .btn_grp li{float: left}
    .btn_grp li a{display:table-cell; width: 168px;height: 168px;font-size:20px;vertical-align: middle; color: #fff; border-radius:50%;line-height:27px;}
    .btn_grp li:nth-child(1) a{background:#fe0000}
    .btn_grp li:nth-child(2) {margin:0 18px;}
    .btn_grp li:nth-child(2) a{background:#2a5396;}
    .btn_grp li:nth-child(3) a{background:#830030}

    /*mainform*/
    .res_box1{position:relative; width: 100%; /*background:#2a5396;padding:60px 0;*/}
    .res_box2{position:relative; width: 100%; background:url("/img/list_pattern.gif");padding:60px 0;}
    .res_box3{position:relative; width: 100%; background:#ebebeb;}

    /*mainform_tab*/
    #tab1{background:#2a5396; padding:60px 0;}
    #tab2{background:#b11748; padding:60px 0;}
    .res_box1 .tab_bar{width:100%; *zoom:1; display:inline-block; *display:inline; text-align:center;margin:0;}
    .res_box1 .tab_bar li{display:inline-block;min-width:375px; border-radius:20px 20px 0 0;color:#2a5396;background:#fff;border:1px solid #2a5396;border-bottom:0; }
    .res_box1 .tab_bar li:after{ content: ""; display: block; clear: both;}
    .res_box1 .tab_bar li a{display:block; box-sizing:border-box; padding:23px;}
    .res_box1 .tab_bar li:nth-child(1){margin-right: 20px;}
    .res_box1 .tab_bar li.sel:nth-child(2){background:#b11748}
    .tab_bar li.sel{ border:1px solid #2a5396; background: #2a5396; border-bottom:0;}
    .tab_bar li.sel a{ color:#fff !important;}
    .tab_bar li a:hover{cursor: pointer;}

    .form_box form{max-width: 1200px; overflow:hidden; margin:0 auto; padding:60px; box-sizing: border-box;  background:#fff; }
    .stat_box{max-width: 1200px; overflow:hidden; margin:0 auto; padding:60px; box-sizing: border-box; background:#fff;}
    .add_box{width:100%; display: table; overflow:hidden;}
    .form_tit{height:50px; border-bottom:1px solid #cccccc; margin-bottom: 25px;}    
    .form_wrap{width: 100%; overflow:hidden; clear:both;}
    .form_l{float:left; width: 512px;}
    .form_r{float:right; width: 512px;}
    .form_box .radio_bx1 .label{margin-right:5px;}
    .form_box input[type='button'].btn_bk{display:block; max-width:409px; height: 72px; line-height: 72px; margin:0 auto; background:#332828; color:#fff; border-radius: 10px; border:0; padding:0; font-size:20px;}
    .form_box input[type='radio']{margin:3px 0 0 7px;}
    .form_cont .mb20:first-child .w45p{width:49%; float: left;}
    .form_cont .mb20:first-child .w45p:nth-child(2){float: right}

    .ask_bx{ width:100%; height:80px; padding:10px; box-sizing: border-box;}
    .privacy{ width:100%; height:165px; padding:20px; box-sizing: border-box; font-size:13px; line-height:18px; margin-bottom:5px;}
    .label, label{font-size:13px; display:block; margin-bottom:5px;}
    select,input{width:100%; padding:7px 0; box-sizing: border-box;}
    
    .date{background:url("/img/ico_date.gif") no-repeat center right 5px; background-size:18px;}

    textarea{ width:100%; box-sizing:  border-box; resize:none;}
    input[type="radio"]{width:auto; padding:0;}
    .radio_bx1 input, .radio_bx1 .label, .radio_bx1 label, .radio_bx2 input, .radio_bx2 label,.radio_bx3 input, .radio_bx3 label, .radio_bx4 input, .radio_bx4 label{float:left;}
    .tar{text-align: right; font-size:12px; color:#888;}
    
    
    /*칸 갯수별로 너비 달라지게*/
    .col1{ width: 100%;}
    .col3{ width: 32%; margin-right:2%; float:left; }
    .col2{ width:66%; float:left;}
    .col50p{ width:48%; float:left; margin-right:4%;}
    
    /*res_table*/
    .table{width:100%; position: relative;}
    .res_table {width:100%; border-top: 2px solid #222; border-bottom: 2px solid #222;margin-top:20px;}
    .res_table th { border-right:0; border-bottom: 1px solid #ccc; font-size: 13px; line-height: 1em; padding: 15px 10px; color:#222; text-align:center; }
    .res_table td { border-right: 0; border-bottom: 1px solid #ccc; font-size: 13px; line-height: 20px; padding: 10px 8px; color:#666;
    text-align:center; }
    .res_table tr:last-child td{
        border-bottom:0;
    }
    .cus_name, .cus_name:visited{color:#2a5396; font-weight:bold;}
    .m_th{display: none;}

    /*res_table2*/
    .res_table2 {width:100%; border-top: 2px solid #222; border-bottom: 2px solid #222;margin-top:20px;}
    .res_table2 th { border-right:0; border-bottom: 1px solid #ccc; font-size: 14px; line-height: 1em; padding: 15px 10px; color:#222; text-align:center; background:#ebebeb; }
    .res_table2 td { border-right: 0; border-bottom: 1px solid #ccc; font-size: 14px; line-height: 20px; padding: 10px 8px; color:#666;
    text-align:center; }
    .res_table2 tr:last-child td{
        border-bottom:0;
    }
    
    /*본사지사안내*/
    .add_box > div{display:table-cell; width: 50%;}
    .add_bg{background: url("/img/bg_add.jpg") no-repeat; background-size:cover;}
    .add_info {padding:90px;}
    .add_info .tit{padding-bottom:30px;}
    .add_con{border-top:1px solid #555; padding-top:30px;max-width:470px;}
    .add_con dl{display:table; padding-bottom:40px;}
    .add_con dl:last-child{padding-bottom: 0px;}
    .add_con dt{display:table-cell; padding-right:15px; width:100px;}
    .add_con dd{font-size:16px;}

    /*차량보유현황*/
    .res_box4{padding:98px 0;overflow:hidden;}
    /*tab*/
    .tabs{width:100%; *zoom:1; display:inline-block; *display:inline; text-align:center; margin:55px 0 0;}
    .tabs li{ display:inline-block; #float:left; padding: 13px 30px;border:1px solid #333;background:#fff; margin-bottom:10px;}
    .tabs li:after{ content: ""; display: block; clear: both;}
    .tabs li.sel{ border:1px solid #2a5396; background: #2a5396;}
    .tabs li.sel{ color:#fff !important;}
    .tabs li:hover{cursor: pointer;}
    .tabs li{color:#333333; font-size:14px;}

    .bus_pic{text-align:center;padding-top: 40px;}
    .bus_pic ul{display: inline-block; width:100%; max-width: 1100px;}
    .bus_pic ul li{float: left; width:50%;padding:10px;}
    .bus_pic ul li:nth-child(odd){clear: both;}

    /*middle : 중간 이미지*/
    #middle{width: 100%; padding:160px; overflow:hidden; background: url("/img/mid_bg.jpg") no-repeat; background-attachment: fixed;box-sizing: border-box; background-size:100%;}
    #middle .f40{font-weight:500 !important; margin-bottom:50px; }
    #middle p{color:#fff; word-break: keep-all;}
    #middle .mid_ul{margin-top:50px; width:100%; *zoom:1; display:inline-block; *display:inline; text-align:center; }
    #middle .mid_ul li{ display:inline-block; /*float:left;*/ }
    #middle .mid_ul li a{ padding:15px 40px 15px 70px; color:#222; font-size:16px; border-radius: 50px; }
     #middle .mid_ul li .m_res{background:url("/img/m_icon_2.png") no-repeat 30px 50%; margin-right:50px;}
    
    #middle .mid_ul li .m_res:hover{background:#fff url("/img/m_icon.png") no-repeat 30px 50%; color:#333;}
    #middle .mid_ul li .m_call{background:url("/img/m_icon2_2.png") no-repeat 30px 50%;}
    
    #middle .mid_ul li .m_call:hover{background:#fff url("/img/m_icon2.png") no-repeat 30px 50%; color:#333;}
    #middle .mid_ul li a{border:1px solid #fff; color:#fff;}
    .ft_info ul li:after{ content: ""; display: block; clear: both;}
    
    /*주요고객*/
    #partner{background:#e4cfcf; width:100%; padding:100px 0;text-align: center;}
    .prt_ul{display:flex;flex-flow:row wrap;padding-top: 45px;}
    .prt_ul li{ /*float:left;*/width:33.33%;padding:0 10px;}
    /*.prt_ul li:nth-child(5n-1){clear:both}*/
    .prt_ul li p{padding:15px 0;font-size:19px;}



    /*tour_confirm*/
    .sign_box{padding:80px; width:100%; max-width:550px; overflow:hidden; border:1px solid #dcdcdc; margin:5% auto 0;}
    .sign_box .sign_tit{padding-bottom:30px; margin-bottom:30px;border-bottom:1px solid #ccc; font-weight:bold;}
    .sign_tit .f40{font-size:40px; color:#222; margin-bottom:20px; text-transform: uppercase; text-align: center; }
    .sign_tit .f16{font-size:16px; color:#555; text-align: center;}
    .btn_bk{width:100%;width:409px; height: 72px; line-height: 72px; margin:auto; background:#a40000/* !important */; color:#fff !important; height:40px/* !important */; line-height:40px; padding:0!important; margin-bottom:10px !important;}
    .btn_gr{width:100%; height:40px; line-height:40px; background:#666!important; color:#fff !important; text-align: center;}
    .w100p{width:100%; height:40px; margin-bottom:30px; overflow:hidden;}
    
    .w100p label{width:20%;float:left; height:40px;line-height:40px;}
    .w100p #pwd{width:70%;float:right; height:40px; }


/*footer*/



 #footer{
        /*padding:50px 0;*/
        width:100%;
        overflow:hidden;
        position: relative;
    }
	
	
    .ft_logo{
        max-width:263px;
        margin:20px auto 0;
        display:block;
    }
    .address ul{
        margin:20px 0;
        width:100%; *zoom:1; 
        display:inline-block;
        *display:inline;
        text-align:center;
    }
    .address ul li{ display:inline-block; #float:left;  margin-right:20px; text-transform: uppercase;}
    .address ul li:last-child{margin-right:0;}
    .address ul li .ft_tel, .address ul li a{
        color:#000;font-size:25px; font-weight: bold;
    }
    .address ul li:after{ content: ""; display: block; clear: both;}
    .address .f19{ font-size:19px; color:#222;}

    .ft_info{ margin:20px auto;
        width:50%; 
        *zoom:1; 
        display:block;
        *display:inline;
        text-align:center;}
    .ft_info li{ display:inline-block; #float:left; font-size:25px; width:45%; color:#222; font-size:16px; }
    .ft_info li:nth-of-child(2n+1){clear:right;}
    .ft_info li:after{ content: ""; display: block; clear: both;}
    .ft_privacy{margin: 0 auto 20px; width: 127px; height: 27px; line-height: 27px; text-align: center; color:#fff; background: #2a5396; border-radius: 6px;display:block;}
    .btn_adm{display:block; width:115px; margin:20px auto 0; border:1px solid #aaa; border-radius:5px; color:#aaa;}
    .btn_adm:hover{background:#999;color:#eee;}


@media screen and (max-width: 470px) {
    .ft_info li:nth-child(2) b{display: block;}
}


    /*resrv*/
    #resv_cont{padding:80px; width:90%; overflow:hidden; border:1px solid #dcdcdc; margin:5% auto 0;}
    #resv_cont .fs40{{font-size:40px; color:#222; margin-bottom:20px; text-transform: uppercase; text-align: center;}
    
    /*SUB*/    
    #privacy{padding:80px; width:90%; overflow:hidden; border:1px solid #dcdcdc; margin:5% auto 0;}
    #privacy h2, #faq h2{padding: 100px 0 50px 0}
    .privacy_box{margin:100px;}

/*
         #footer{
        padding:50px 0;
        width:100%;
        overflow:hidden;
        position: relative;
        top:-90px;
    }
    .ft_logo{
        max-width:263px;
        margin:20px auto 0;
        display:block;
    }
    .address ul{
        margin:20px 0;
        width:100%; *zoom:1; 
        display:inline-block;
        *display:inline;
        text-align:center;
    }
    .address ul li{ display:inline-block; #float:left;  margin-right:20px; text-transform: uppercase;}
    .address ul li:last-child{margin-right:0;}
    .address ul li .ft_tel, .address ul li a{
        color:#000;font-size:25px; font-weight: bold;
    }
    .address ul li:after{ content: ""; display: block; clear: both;}
    .address .f19{ font-size:19px; color:#222;}
    .ft_info{ margin:20px 0;
        width:100%; 
        *zoom:1; 
        display:inline-block;
        *display:inline;
        text-align:center;}
    .ft_info ul li{ display:inline-block; #float:left; font-size:25px; width:40%; color:#222; font-size:14px; }
    .ft_info ul li:after{ content: ""; display: block; clear: both;}
    .ft_privacy{margin: 0 auto 20px; width: 127px; height: 27px; line-height: 27px; text-align: center; color:#fff; background: #2a5396; border-radius: 6px;display:block;}*/