@import url("common.css");

.wrap{width:1200px; height:100%; margin:0 auto; background-color:#f0f0f3 }

.nav{width:210px;min-height:1000px;position:fixed;background-color:#2d2c2f;z-index:10000}
.nav .logo{width:185px;height:150px;margin-top:20px;margin-left:20px;padding-bottom:8px; border-bottom:1px solid #000}
.nav .menu{width:100px;height:200px;color:#000;margin-top:30px;margin-left:29px;margin-bottom:28px;line-height:45px}
.nav .menu_on a{font-size:17px;color:#ffce49;height:45px;font-weight:bold; }
.nav .menu_off a{font-size:17px;color:#fff;height:45px;}


.nav .gnb{width:210px;height:102px;margin-top:150px;padding-top:15px;background:url(/images/main/menu_sun.jpg)}
.nav .gnb li {font-size:13px;margin-left:29px;line-height:26px;color:#9f9f9f}
.nav .gnb li a{color:#9f9f9f}
.nav .address{font-size:11px;margin-top:18px;margin-bottom:30px;color:#828282;margin-left:19px;font-weight:bold}

.main_vi { width:590px;height:900px;position:relative;float:left;margin-left:210px}
.main_vi .btn{width:100px;position:absolute;top:16px;margin-left:490px; z-index:5}
.main_vi .btn li {line-height:8px;}
.main_vi .mainimage{position:relative;z-index:1}

.main_vi_click {display:none}

.main_content{width:400px;height:900px;float:right;background-color:#000}
.main_content .leftbox{width:200px;height:900px;float:left}
.main_content .start_left{width:180px;height:236px;padding-top:16px;padding-left:20px;background-color:#f5f5f5}
.main_content .sbtn li{float:left;margin-bottom:27px;margin-right:5px}
.main_content .title{font-size:22px;margin-bottom:21px;clear:both; }
.main_content .title span {color:#f00;font-weight:bold;}
.main_content .text{font-size:12px;color:#818181}
.main_content .viewbtn{width:122px;height:22px;font-size:12px;font-weight:bold;color:#fff;text-align:left;padding-left:10px;padding-top:3px;margin-top: 22px;background:url(/images/main/main_c_bu.jpg)}
.main_content .viewbtn a {color:#fff}

.main_content .charge{position:absolute;top:390px;margin-left:1px}

.main_content .second_left{width:200px;height:168px;background-color:#fff}
.main_content .second_left .title {font-size:21px}
.main_content .notice_title{width:160px;padding-top:25px;padding-left:21px;color:#2e2e2e;font-weight:bold}
.main_content .notice{float:left;font-size:21px}
.main_content .plus{float:right;font-size:21px}
.main_content .noticetext{clear:both;padding-top:16px;font-size:11px;margin-left:23px;color:#adadad;line-height:22px}
.main_content .noticetext a{color:#adadad}

.main_content .third_left{width:200px; height:237px;background:url(/images/main/main_con_1.jpg)}
.main_content .third_left li{margin-left:21px;padding-top:28px; font-size:21px; color:#fff}
.main_content .third_left li a{color:#fff}

.main_content .four_left {width: 200px;height: 243px;background: url(/images/main/main_con_3.jpg)}
.main_content .four_a{clear:both;color:#b9b9b9;font-size:13px;margin-left:22px;padding-top:2px;font-weight:bold}
.main_content .four_b{margin-top:132px;letter-spacing:-1px; font-size:12px;line-height:14px;font-weight:bold; color:#7c7c7c;margin-left:62px}

.main_content .rightbox {width: 200px; height: 900px; float: right}
.main_content .second_right{width: 200px;height: 237px;background: url(/images/main/main_con_2.jpg)}
.main_content .second_right li {font-size:21px;color:#3c3c3c;margin-left:21px;margin-top:20px;padding-top:28px;line-height:23px}
.main_content .third_right {width: 200px;height: 243px;background: url(/images/main/main_con_4.jpg)}
.main_content .third_right li{margin-left:18px;padding-top:25px;line-height:22px; font-size:20px; color:#fff;}



.web_tit{font-family:'Noto Sans KR';color:#333;font-size:31px;letter-spacing:-2px;font-weight:300}
.web_tit span{font-family:'Noto Sans KR';color:#2c2cd6;font-size:31px;letter-spacing:-2px;font-weight:500}

.web_tit_a{font-family:'Noto Sans KR';color:#626262;font-size:40px;letter-spacing:-2px;font-weight:200;padding-top:22px;}
.web_tit_b{font-family:'Noto Sans KR';color:#333;font-size:22px;letter-spacing:-1px;font-weight:400;padding:26px 0px;}
.web_tit_b span{font-family:'Noto Sans KR';color:#003a85;font-size:22px;letter-spacing:-1px;font-weight:400}

.mobile_tel{display:none;}
/*ÀÌ¿ë¿ä±Ý */
.mc_rightbox {
    width: 750px;
    float: right;
    background-color: #fff;
    border-top: 2px solid #0b0b64;
    border-bottom: 1px solid #0b0b64;
    padding-top: 0px;
}

.mc_charge{width:720px; border-bottom:1px solid #ededed; padding-left:15px}
.mc_charge td{float:left;font-size:17px;}
.mc_charge td span{float:left;font-size:14px;color:#929292;}

.mc_charge_title{width:110px;height:38px;color:#fff;border:0px solid #f00;padding-top:22px;text-align:center;background:url(/images/charge/address_bg.jpg) no-repeat;font-weight:bold }
.mc_charge_title a{width:110px;height:38px;color:#fff;font-weight:bold;border:0px solid #f00;padding-top:22px;padding-left:6px;text-align:center;letter-spacing:6px}


.mc_charge_box{height:45px;width:600px;padding-top:15px;}
   
.mc_charge_a{width:190px; height:32px;border:1px solid #a1a1a1;margin-left:10px;}


.mc_view{width:735px; height:60px;margin-top:40px;padding-left:15px;padding-top:22px;}
.mc_view td{float:left;font-size:14px;color:#929292;margin-top:15px;}
.mc_view span{float:left;font-size:13px;color:#929292;}

.mc_view_bu{width:140px; height:34px;padding-top:2px; text-align:center;background-color:#000;font-size:14px;border:0px;color:#fff;cursor:pointer;}

.mc_view_won{width:166px; height:32px;border:1px solid #b1b1b1;margin-left:15px;}
.mc_view_won p {margin-left:16px;color:#f00;font-size:18px;font-weight:bold;margin-top:0px;}

.mc_view_km{width:140px; height:32px;border:1px solid #b1b1b1;margin-left:15px;}
.mc_view_km p {margin-left:16px;color:#424242;font-size:18px;font-weight:bold;margin-top:0px;}

.mc_rightbox_left{float:left}
.mc_rightbox_right{float:right;color:#929292;font-size:19px;}
.mc_view_text{font-size:15px; color:#cb1606;margin-top:5px; padding-left:15px}

.mc_view_map{width:746px; height:650px; border: 1px solid #e1e1e1;margin-bottom:50px;margin-left:2px}

/*ÀÌ¿ë¿ä±Ý */

.footer_box{clear:both;width:1200px;font-size:11px;font-weight:bold; color:#a1a1a1; letter-spacing:1px; height:10px; text-align:right; padding-top:6px}

.region_map li a{font-weight:bold}




.sub_menu{width:150px;position:fixed;min-height:1000px; z-index:8000; overflow:hidden;float:left;margin-left:210px;background-color:#0ff;background:url(/images/common/sub_bg.jpg) repeat-y;}
.sub_menu .subtitle{width:150px;height:194px;background:url(/images/common/sub_title_box.jpg)}
.sub_menu .subtitle li{font-size:36px;line-height:35px;color:#fff;margin-left:22px;padding-top:80px;}

.sub_menu .submenu{width:150px; margin-top:44px;margin-left:0px}
.sub_menu .submenu_on{color:#fff; padding-top:7px;margin-left:0px; background: url(/images/common/submenu_bg.jpg) no-repeat}
.sub_menu .submenu_on a {color:#fff;height:44px;font-weight:bold;}
.sub_menu .submenu_off {height:44px; font-size:17px;padding-left:18px}


.content{width:840px;min-height:100%; background-color:#fff;float:right;}
.content .box{width:752px; margin:0 auto;}
.content .subp_title{float:left;font-size:40px; color:#282b35}
.content .subp_gnb{float:right; font-size:13px;}
.content .subp_gnb li{float:left;margin-left:7px;color:#bcbcbc }
.content .subp_gnb li span{font-weight:bold;color:#000}
.content .subpbox{width: 752px; margin-top: 70px; float: left;}


.sup_pa_img{margin-top: 35px; margin-bottom: 45px}
.sup_pa_text{font-size: 19px; color: #303030;}
.sup_pa_text_a{width: 752px; font-size: 15px; line-height: 24px; letter-spacing:0px; color: #727272; margin-top: 27px}
.sup_pa_box{width: 752px; height: 360px; -top: 15px; background: url(/images/company/sub_p1_bg.jpg) no-repeat}
.sup_pa_table{width: 417px; height: 186px;margin-top:40px}
.sup_pa_tr{height:39px;border-bottom:1px solid #e9e9e9}
.sup_pa_td_a{font-size:16px;color:#191919;width:95px;padding-left:15px;background: url(/images/company/sub_p1_btn.jpg) no-repeat}
.sup_pa_td_a span{font-size:9px;margin-right:3px;color:#191919;}
.sup_pa_td_b{font-size:14px;color:#5f5f5f}


/* ¿¬Çõ */
.history_left{float:left;padding-left:20px}
.history {padding:0px 0 17px 0px;overflow:hidden;font-weight:bold;margin-top:10px; border:0px solid #212121} 
.history strong {float:left;width:62px;padding-left:40px; font-size:24px;color:#b81105;line-height:24px;padding:0 0 0 0px;}
.history ul {float:left; width:370px; border:0px solid #212121}
.history li {line-height:13px;padding-bottom:9px;overflow:hidden;color:#2e2e2e;font-size:13px}
.history li span {float:left;padding-left:10px;width:290px;}
.history li span.date {float:left;width:50px;text-align:center;color:#6f6b6b;font-size:13px}


/* ã¾Æ¿À½Ã´Â ±æ */
.map .topbox {position:absolute;z-index:10;margin-left:636px;margin-top:8px}
.map .daum{width:108px;padding-right:7px;padding-top:2px; cursor:pointer;height:30px;text-align:center;font-size:13px; color:#fff; background-color:#5d8cfc;border:0px;font-weight:bold}
.map .naver{width:108px;cursor:pointer;padding-right:7px;padding-top:2px; height:30px;text-align:center;font-size:13px; color:#fff; background-color:#2db400;border:0px;font-weight:bold}
.map .rel{position:relative;}
.map .mapall{width:750px; height:398px; border:1px solid #e8e8e8;position:relative;top:-6px}

.map_table{width:750px;height:90px;margin-top:30px;}
.map_td_a{font-size:16px;color:#191919;width:60px;padding-left:15px;background: url(/images/company/sub_p1_btn.jpg) no-repeat;}
.map_td_b{font-size:14px;color:#5f5f5f}


/* ¿ÀÅä¹ÙÀÌÄü */
.bike_text{color:#bb1205; font-size:17px;margin-bottom:15px}
.bike_text span {font-weight:bold}
.bike_table{width: 100%; height: 186px;margin-top:29px; border-top:3px solid #2d2c2f;border-bottom:3px solid #2d2c2f}
.bike_table td {border-bottom:1px solid #d4d4d4;line-height:19px;padding:12px 0 10px;color:#828282;padding-left:25px;font-size:14px}
.bike_table .tel {color:#bb1205; font-weight:bold}
.bike_table .col{color:#000;border-right:1px solid #d4d4d4;}
.bike_table .left {background-color:#f1f1f1;width:50px;padding-left:40px;border-right:1px solid #e1e1e1}
.bike_table .left2 {background-color:#f1f1f1;width:50px;padding-left:20px;border-right:1px solid #e1e1e1}
.bike_table .left_a {background-color:#f1f1f1;width:50px;padding-left:00px;border-right:1px solid #e1e1e1}


/* È­¹°¿î¼Û */
.freight_text{color:#727272;margin-top:23px; margin-bottom:40px;line-height:23px;font-size:17px}

.freight .c01{position:absolute;z-index:15;margin-left:8px}
.freight .c02{position:absolute;z-index:15;margin-left:265px}
.freight .c03{position:absolute;z-index:15;margin-left:520px}
.freight .c04{position:absolute;z-index:15;margin-left:8px;margin-top:206px}
.freight .c05{position:absolute;z-index:15;margin-left:265px;margin-top:206px}
.freight .c06{position:absolute;z-index:15;margin-left:523px;margin-top:206px}

.freight .ctitle{color:#fff; font-size:19px;font-weight:bold;margin-top:10px}
.freight .ctext{color:#fff; font-size:13px;margin-top:123px;line-height:16px}
.freight .ctitle_a{color:#fff; font-size:20px;margin-top:55px;margin-left:44px;font-weight:bold}
.freight .ctext_a{color:#055baa; font-size:16px;margin-top:10px}

.freight .catitle{color:#fff; font-size:19px;font-weight:bold;margin-top:70px;margin-left:17px;}

.freight .ca01{position:absolute;z-index:20;margin-left:8px;}
.freight .ca02{position:absolute;z-index:15;margin-left:8px;margin-top:147px}
.freight .ca03{position:absolute;z-index:15;margin-left:8px;margin-top:335px}
.freight .ca04{position:absolute;z-index:15;margin-left:8px;margin-top:484px}
.freight .ca05{position:absolute;z-index:15;margin-left:8px;margin-top:670px}
.freight .ca06{position:absolute;z-index:15;margin-left:8px;margin-top:820px}
.freight .ca07{position:absolute;z-index:15;margin-left:8px;margin-top:1010px}
.freight .ca08{position:absolute;z-index:15;margin-left:8px;margin-top:1155px}
.freight .ca09{position:absolute;z-index:15;margin-left:8px;margin-top:1345px}
.freight .ca10{position:absolute;z-index:15;margin-left:8px;margin-top:1493px}
.freight .ca11{position:absolute;z-index:15;margin-left:8px;margin-top:1680px}

.freight_table {width:385px; margin-left:335px; margin-top:-65px; font-weight:700; font-size:15px }
.freight_table td {line-height:28px}
.freight_table .fr_01 {color:#004e91;text-align:right;padding-right:20px;}
.freight_table .fr_a {padding-left:20px;}


/* ¿¬°è¹è¼Û½Ã½ºÅÛ */
.link_box{margin-top:35px;}
.link_box li{float:left;margin-right:1px;margin-bottom:55px}
.links .linktitle{font-size:26px}
.links .linktitle span{font-weight:bold} 
.links .linktext{font-size:14px;color:#727272;margin-top:5px;margin-bottom:5px}
.links .linktext_a{font-size:15px;color:#212121;margin-bottom:5px;line-height:20px}
.links .linkimg {margin-top:10px;margin-bottom:20px}
.links .linkimg_a{margin-top:20px;height:28px}

.link_table{width:100%;margin-top:10px; border-top:2px solid #2c2c2e;border-bottom:1px solid #c7c7c7;font-size:15px}
.link_table td{padding:8px 0 10px;color:#828282; padding-left:30px;border-bottom:1px solid #c7c7c7; font-size:15px; line-height:17px}
.link_table td span{color:#0542bd;font-weight:bold}
.link_table .lefttd {color:#007090;text-align:left;font-weight:bold;border-right:1px solid #f0f0f3}

.links_table{width:100%;border-top:2px solid #2c2c2e;border-bottom:1px solid #c7c7c7;font-size:15px;}
.links_table td{padding:8px 0 10px;color:#828282; padding-left:30px;border-bottom:1px solid #c7c7c7; font-size:15px; line-height:17px}
.links_table td span{color:#0542bd;font-weight:bold}
.links_table .lefttd {color:#828282;text-align:left;padding-left:5px;border-right:1px solid #f0f0f3}




/* °øÁö»çÇ× */
.notice_table{width:100%;margin-top:30px; border-top:2px solid #2c2c2e}
.notice_table th {padding:15px 0 14px;text-align:center; border-bottom:2px solid #000; color:#000; font-size:14px; background-color:#fafafa}
.notice_table td{padding:12px 0 10px; text-align:center; color:#333; border-bottom:1px solid #c7c7c7; font-size:12px; line-height:19px}


/* °í°´ÀÇ ¼Ò¸® */
.textarea{margin-top: 20px; width: 745px; height: 130px; border: 1px solid #e1e1e1; color: #a1a1a1; padding: 5px 0px 0px 5px; font-size: 12px; line-height: 17px}
.consent{margin-top: 2px; font-size: 12px;color:#828282}
.text_voice{vertical-align:middle;margin-right:4px}

.voice_table{width:100%;margin-top:60px; border-top:2px solid #2c2c2e;border-bottom:2px solid #2c2c2e}
.voice_table td{padding:12px 0 10px;color:#333; padding-left:30px;border-bottom:1px solid #c7c7c7; font-size:14px; line-height:19px}
.voice_table .lefttd {background-color:#fafafa;text-align:left;}
.voice_table .rightinput {width:170px;height:32px;border:1px solid #cdcdcd}
.voice_table .rightinput2 {width:159px;height:32px;border:1px solid #cdcdcd}
.voice_table .rightin {width:170px;height:30px;border:1px solid #cdcdcd}
.voice_table .righttitle {width:527px;height:30px;border:1px solid #cdcdcd}
.voice_table .textarea_a{width:522px; height:180px; border: 1px solid #e1e1e1; color: #a1a1a1; padding: 5px 0px 0px 5px; font-size: 12px; line-height: 17px}

.bubox{width: 100%; height: 27px; margin-top: 30px;}
.busbox{width: 210px; height: 27px; margin: 0 auto; font-size: 14px;}
.send{float: left; width: 100px; height: 30px; text-align: center; background-color: #2c2cd6; border: 0px; color: #fff; cursor: pointer; padding-right: 5px}
.reset{float: left; margin-left: 10px; width: 100px; height: 30px; text-align: center; background-color: #605e5e; font-size: 14px; border: 0px; color: #fff; cursor: pointer;}


.buabox{width: 100%; height: 27px; margin-top: 30px; }
.senda{float:right; width: 100px; height: 30px; text-align: center; background-color: #2c2cd6; border: 0px; color: #fff; cursor: pointer; padding-right: 5px}


.buabox{width: 100%; height: 27px; margin-top: 30px; }
.modify{float: left; width: 60px; height:26px; text-align: center;font-size: 12px; background-color: #0d0d75; border: 0px; color: #fff; cursor: pointer; padding-right:9px;}
.del{float: left; margin-left: 10px; width: 60px; height: 26px; text-align: center; background-color: #a1a1a1; font-size: 12px; border: 0px; color: #fff; cursor: pointer;padding-right: 8px}
.end{float: left; margin-left: 10px; width: 60px; height: 26px; text-align: center; background-color: #05052a; font-size: 12px; border: 0px; color: #fff; cursor: pointer;}


.rightinput_c {width:170px;height:32px; border:1px solid #cdcdcd;font-size:14px}


.confirm {width:45px; height:30px; text-align:center;padding-right:10px;}
.cancle{width:45px; height:30px; text-align:center;padding-right:10px;}



.pw_box{width: 300px; height: 55px; border:4px solid #cacaca}
.pw_box li{display:inline-block; margin-top:15px;}
.pw_box li:first-child{text-indent:15px;font-size:12px;}
.stam{width:60px; background-color:#2c2cd6;color:#fff; text-align:center; cursor: pointer; padding-right: 5px}

/* ä¿ëÁ¤º¸ */
.recruit{width: 388px; }
.rbox{width:342px; float:right; }
.rbox > li > p{font-size:19px;margin-bottom:12px;margin-top:30px;color:#202021}
.rbox > li > span{font-size:13px;color:#656669; height:50px; line-height:12px}
.recruit_table{width:100%;margin-top:60px; border-top:2px solid #2c2c2e;border-bottom:1px solid #c7c7c7}
.recruit_table td{padding:12px 0 10px;color:#828282; padding-left:30px;border-bottom:1px solid #c7c7c7; font-size:14px; line-height:19px}
.recruit_table td span{color:#0542bd;font-weight:bold}
.recruit_table .lefttd {background-color:#fafafa;text-align:left;color:#333; }

/* »çÀÌÆ®¸Ê */
.sitemap_table{width:100%;margin-top:40px; border-top:2px solid #2c2c2e}
.sitemap_table th{padding:12px 0 10px;color:#212121;text-align:center; padding-left:30px;border-bottom:1px solid #c7c7c7; font-size:15px}
.sitemap_table td{padding:12px 0 10px;color:#828282;text-align:center; padding-left:30px;border-bottom:1px solid #c7c7c7; font-size:14px; line-height:19px}




@media screen and (max-width:1200px) {
   .nav{min-height:600px;width:150px;}
   .nav .gnb{width:150px;}
   .nav .logo{width:150px;margin-left:00px}
   .logo img{width:120px;}
   .sub_menu {min-height:900px;margin-left: 150px;}
   .content{ float: left;padding-left: 300px;}
    .main_vi {
        float: left;
        margin-left: 150px;}

    .main_content{float:left}
    .web_tit_b{display:none;}
    .mobile_tel{ display:block;padding:20px 0px 0px}
    .mobile_tel img{width:300px;}

    .main_vi_click {display:block;position:absolute;top:800px;color:#fff;font-weight:bold;left:100px;background-color:#254882;padding:10px 40px;font-size:19px}


    }