@charset "utf-8";

@media (max-width:1023px){
    body{font-size:14px;}
    #wrap{min-width:100%;}
    .content{max-width:100%; height:100%;}
    #gnb{ display:none;}
    body.fixed{overflow-y:hidden;}
    .blind{display:none;}
    .thumb_pc{display:none;}

    .thumb_m{display:block;}
    .btn_sidemenu{display:block;}
    #sidemenu_wrapper{display:block;}
    
    #header{min-width:100%; height:70px !important;}
    #header .logo{position:relative; text-align:center; top:20px;}
    #header .logo a{display:inline-block; /*background-size:90% auto !important;*/}
    #header .dim{background-color:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:8; opacity:0}
    #header .btn_sidemenu{position:absolute; left:0; top:0; width:70px; height:70px; background:url(../images/icon_sidemenu.png) 50% 50% no-repeat; background-size:24px auto; overflow:hidden; text-indent:-9999px; font-size:0; border:0; cursor:pointer;}
    #header.fixed .btn_sidemenu{ background:url(../images/icon_sidemenu_on.png) 50% 50% no-repeat; background-size:24px auto;}

    #gnb{ display:none;}

    #footer{padding:30px 20px;}
    #footer p { margin:0; line-height:1.4;}
    #footer p + p{margin-top:4px;}
    #footer .f_logo{margin-bottom:15px;}
    #footer .f_logo a{display:inline-block; width:129px; height:25px; background-size:100% auto;}

    /* side menu */
    #sidemenu_wrapper{position:fixed; right:100%; top:0; bottom:0; width:100%; padding-right:30px; box-sizing:border-box; z-index:200; overflow:hidden;}
    #sidemenu_wrapper .sidemenu_cont{background-color:#fff; position:relative; height:100%;}
    #sidemenu_wrapper .sidemenu_cont .swiper-container {overflow:visible; height:100%;}
    #sidemenu_wrapper .sidemenu_cont .swiper-slide {height:auto;touch-action:none;}

    #sidemenu_wrapper .side_header {background-color:#024894; box-sizing:border-box; height:60px; overflow:hidden; padding-right:50px; padding-left:30px;}
    #sidemenu_wrapper .side_header .logo {display:inline-block; height:30px; width:151px; top:15px; background:url(../images/logo.png) no-repeat 0 50%; background-size:auto 30px;}
    #sidemenu_wrapper .btn_sidemenu_close{position:absolute; right:15px; top:15px; height:30px; width:30px; background:url(../images/icon_sidemenu_close.png) 50% 50% no-repeat; background-size:20px auto;  overflow:hidden; text-indent:-9999px; font-size:0; border:0; cursor:pointer; z-index:3;}

    /* gnb */
    #m_gnb {overflow:hidden; box-sizing:border-box; position:unset;}
    #m_gnb > ul {/*background-color:#cccccc;*/ overflow:hidden; border-radius:30px 0 30px 0;}
    #m_gnb > ul > li {position:relative; margin-top:2px;}
    #m_gnb > ul > li:first-child {margin-top:0;}
    #m_gnb .dp1 {background-color:#ffffff; display:block; box-sizing:border-box; color:#292929; font-weight:bold; font-size:1.143em; position:relative; padding:15px 20px; height:50px;}
    #m_gnb .dp1 .icon {display:inline-block; overflow:hidden; vertical-align:middle; margin-right:14px; height:26px; width:26px;}
    #m_gnb .dp1 .icon img {font-size:0; line-height:0; height:100%; width:100%;}

    #m_gnb .dp2 {overflow:hidden; height:0;}
    #m_gnb .dp2:before,
    #m_gnb .dp2:after {background-color:#bbbbbb; content:''; position:absolute; top:20px; transition-duration:0.3s; height:11px; width:2px;}
    #m_gnb .dp2:before {right:25px; transform:rotate(45deg);}
    #m_gnb .dp2:after {right:32px; transform:rotate(-45deg);}
    #m_gnb .dp1.active + .dp2:before,
    #m_gnb .dp1.active + .dp2:after {background-color:#000;}
    #m_gnb .dp1.active + .dp2:before {transform:rotate(135deg);}
    #m_gnb .dp1.active + .dp2:after {transform:rotate(-135deg);}
    #m_gnb .dp2 ul {background-color:#fcfcfc; padding-top:15px; padding-bottom:15px;}
    #m_gnb .dp2 a {display:block; box-sizing:border-box; color:#292929; font-size:14px; padding:8px 0 8px 30px;}

    #m_gnb .dp2 ul li{position:relative; overflow:hidden;}

    /* main */
    .main_banner {height:600px;}
    .main_banner > div{height:600px;}
    .main_banner .cont{top:35%}
    .main_banner .cont strong{font-size:1.857em; line-height:1.3;}
    .main_banner .cont span{display:block;}
    .main_banner .cont p{font-size:1em; line-height:1.6; letter-spacing:-0.06em; margin-top:20px;}
    .main_banner .slick-dots{bottom:20px;}

    .main .main_cont{padding:40px 0 25px;}
    .main .main_cont h2{font-size:1.429em; padding-bottom:30px;}

    .main .main_cont.cont01 ul{padding:0 15px;}
    .main .main_cont.cont01 ul li{float:none; width:100%; height:250px; margin-bottom:75px;}
    .main .main_cont.cont01 ul li:nth-child(1){background:url(../images/main_cont0101_m.jpg) center 60% no-repeat; background-size:cover;}
    .main .main_cont.cont01 ul li:nth-child(2){background:url(../images/main_cont0102_m.jpg) center 30% no-repeat; background-size:cover;}
    .main .main_cont.cont01 ul li:nth-child(3){background:url(../images/main_cont0103_m.jpg) center center no-repeat; background-size:cover;}
    .main .main_cont.cont01 ul li + li{margin-left:0;}
    .main .main_cont.cont01 ul li a{padding:163px 25px 0;}
    .main .main_cont.cont01 ul li div{border-radius:10px;}
    .main .main_cont.cont01 ul li strong{font-size:1.429em; margin-bottom:10px;}
    .main .main_cont.cont01 ul li div{padding:20px 0;}
    .main .main_cont.cont01 ul li p{font-size:1em; font-weight:bold;}
    .main .main_cont.cont01 ul li p br{display:none;}
    .main .main_cont.cont01 ul li span{margin-top:15px; font-size:0.857em; padding:8px 20px;}

    .main .main_cont.cont02{padding-bottom:40px;}
    .main .main_cont.cont02 .cont_left{float:none; width:100%;}
    .main .main_cont.cont02 .cont_left ul{padding:0 15px;}
    .main .main_cont.cont02 .cont_left ul li{width:49%; height:180px; border-radius:10px;}
    .main .main_cont.cont02 .cont_left ul li + li{margin-left:2%}
    .main .main_cont.cont02 .cont_left ul li a{padding:0;}
    .main .main_cont.cont02 .cont_left ul li strong{font-size:1.429em;}
    .main .main_cont.cont02 .cont_left ul li p{font-size:1em; margin-top:15px;}
    .main .main_cont.cont02 .cont_left ul li:nth-child(1){background:#fff url(../images/icon_main0201.png) 20px 35px no-repeat; background-size:30px auto;}
    .main .main_cont.cont02 .cont_left ul li:nth-child(2){background:#fff url(../images/icon_main0202.png) 20px 35px no-repeat; background-size:30px auto;}
    .main .main_cont.cont02 .cont_left ul li a{padding:75px 0 0 20px;}

    .main .main_cont.cont02 .cont_right{margin:0; width:100%;}
    .main .main_cont.cont02 .cont_right ul{padding:15px 15px 0; margin:0;}
    .main .main_cont.cont02 .cont_right ul li{width:32%; height:70px; border-radius:10px;}
    .main .main_cont.cont02 .cont_right ul li + li{margin-left:2%; margin-top:0;}
    .main .main_cont.cont02 .cont_right ul li a{box-sizing:border-box; padding-left:70px;}
    .main .main_cont.cont02 .cont_right ul li strong{line-height:70px; font-size:1.429em;}
    .main .main_cont.cont02 .cont_right ul li:nth-child(1){background:#fff url(../images/icon_main0203.png) 30px center no-repeat; background-size:24px auto;}
    .main .main_cont.cont02 .cont_right ul li:nth-child(2){background:#fff url(../images/icon_main0204.png) 30px center no-repeat; background-size:24px auto;}
    .main .main_cont.cont02 .cont_right ul li:nth-child(3){background:#fff url(../images/icon_main0205.png) 30px center no-repeat; background-size:24px auto;}


    /* common */
    .tab_wrap{margin-top:20px;}
    .tab_wrap .tab_type li a{height:40px; font-size:1.143em; line-height:40px;}
    .tab_wrap .tab_cont{padding-top:30px;}

    .btn_wrapper{margin-top:30px;}
    .btn_wrapper .btn{font-size:0.875em; width:100px;}
    .btn_wrapper .btn span{height:38px; line-height:38px;}

    .table_wrapper{margin-top:30px;}
    .table_wrapper table{border-top:2px solid #333;}
    .table_wrapper th{padding:8px 5px; font-size:0.786em;}
    .table_wrapper td{padding:8px 5px; font-size:0.714em; min-width:34px;}
    .table_wrapper td.none{height:120px; font-size:0.857em;}

    .mt40{margin-top:20px;}
    .mt60{margin-top:30px;}
    .mt80{margin-top:40px;}

    .mb40{margin-bottom:20px;}
    .mb50{margin-bottom:25px;}

    .pd0{padding:0 !important;}

    /* form : textarea */
    .form_textarea textarea{padding:10px;}

    /* form : text */
    .form_text{background-color:#f8f8f8; border:1px solid #ccc; display:inline-block; width:100%; box-sizing:border-box;}
    .form_text input{width:100%; border:0; height:38px; color:#222; font-size:1em; text-indent:10px;}
    .form_text input::placeholder{color:#999}
    .form_text input:-ms-input-placeholder{color:#999}

    /* form : selectbox */
    .form_select{display:inline-block; vertical-align:middle; overflow:hidden; box-sizing:border-box; position:relative; border:1px solid #ccc; width:100%;}
    .form_select:before{ right:10px; top:16px; width:12px; height:7px; background:url(../images/icon_select_arr.png) center center no-repeat; background-size:12px auto;}
    .form_select select{width:100%; border:0; height:38px; line-height:33px; font-size:1em; color:#999; position:relative; z-index:1; text-indent:9px}

    /* form : checkbox */
    .form_checkbox {padding-left:25px; min-height:20px;}
    .form_checkbox .icon {width:20px; height:20px;}
    .form_checkbox .icon:before{content:''; position:absolute; left:3px; top:4px; width:0; height:20px; background:url(../images/icon_checkbox.png) 0 0 no-repeat; background-size:12px auto;}
    .form_checkbox .txt { margin-left:5px; font-size:0.929em; line-height:20px;}

    /* form ::: search */
    .form_search{height:31px; display:block; padding-right:42px}
    .form_search input{height:31px;width:100%; font-size:0.929em;}
    .form_search input::placeholder{font-size:0.929em;}
    .form_search .btn_search{background:url(../images/icon_search.png) 50% 50% no-repeat; background-size:18px; width:31px; height:31px;}
    .form_search .btn_search:after{top:8px;}
    .form_search_wrap .form_select{width:25%;}
    .form_search_wrap .form_select:before{top:12px;}
    .form_search_wrap .form_select select{height:31px; font-size:0.929em;}
    .form_search_wrap .form_search{width:50%;}

    /* pagination */
    .pagination {position: relative; text-align: center}
    .pagination a{position:relative; width:20px; height:20px; line-height:20px; border: 1px solid #ccc; display: inline-block; vertical-align:top; font-size:0.857em; color: #666; text-align: center;}
    .pagination a:hover {border: 1px solid #253487;}
    .pagination a.on {border-color: #253487; color: #253487; font-weight: bold;}
    .pagination a.prev:before{position:absolute; content:''; top:50%; margin-top:-4px; right:4px; width:7px; height:7px;}
    .pagination a.next:before{position:absolute; content:''; top:50%; margin-top:-4px; left:4px;  width:7px; height:7px;}

    /* container */
    #container .content{padding:15px 15px 50px;}
    #container .sub_visual{height:300px;}
    #container .thumb{display: block; text-align: center; }
    #container .thumb img{ width: 100%; height: auto;}

    #container .location{padding-bottom:30px; font-size:14px;}
    #container .location a{font-size:1em;}

    #container h3.sub_tit{font-size:1.429em; line-height:140%;}
    #container h3.sub_tit span{display:block;}
    #container h3.sub_tit + .sub_txt{margin-top:20px;}
    #container .sub_txt{text-align:center; font-size:1em; word-break: keep-all;}
    #container .sub_txt02{text-align:center; font-size:1.286em;}
    #container .cont_tit{font-size:1.143em; margin-bottom:25px;}

    /* 회사소개 */
    .company01 .thumb{ padding:0 15px}
    .company01 .thumb img{ width: 100%; height: auto; max-width:800px;}

    .history_list{margin-top:30px;}
    .history_list:before{font-size:3.571em; top:0; left:auto; right:50%; margin-right:-17%; line-height:100%;}
    .history_list .history_item{padding:20px 0;}
    .history_list .year{font-size:1.429em;}
    .history_list .year:before{width:25px;}
    .history_list .detail > li{padding-left:30px;}
    .history_list .detail > li:after{width:12px; height:12px; top:5px; margin-left:-6px;}
    .history_list .left .detail > li{padding-right:30px;}
    .history_list .list_year li{letter-spacing:-0.06em; font-size:0.929em; word-break: keep-all;}
    .history_year{width:120px; height:120px; font-size:1.857em; line-height:120px;}

    .org-tree span{padding:10px 0;}
    .org-tree::before { -webkit-transform: translate(-50%); transform: translate(-50%); }
    .org-tree .board-director {width:120px; height:120px; line-height:120px; margin-bottom: 0; font-size:1.286em;}
    .org-tree .board-director:before, .org-tree .sub-org::before, .org-tree .head::before, .org-tree .quarter::before, .org-tree .quarter2::before { display: none; }
    .org-tree .sub-org::before { display: none; }
    .org-tree .sub-org > li { width: 100%; padding: 0; margin: 0; margin-top:30px;}
    .org-tree .sub-org > li .head { font-size:1.143em; border-width: 2px; margin-bottom: 0; width:90%; }
    .org-tree .sub-org > li .quarter > li{width:80%;}
    .org-tree .sub-org > li .quarter span{padding:10px 0;}

    .company04 .branch_table{overflow-y:auto;}
    .company04 .branch_table th{padding:10px 6px; font-size:0.923em;}
    .company04 .branch_table td{padding:10px 6px; font-size:0.857em;}

    .map_wrap .map{height:300px;}
    .map_wrap .map_info ul.type02 li{ float:none;}
    .map_wrap .map_info ul.type02 li + li{margin-left:0; border-top:1px solid #ddd;}
    .map_wrap .map_info li .tit{display:block; width:100%; font-size:1.143em; margin-bottom:10px;}
    .map_wrap .map_info li{font-size:14px; padding:15px; word-break:keep-all;}

    /* 사업분야 */
    .business02 ul{font-size:14px;}
    .business02 ul li{display:block; width:100%; font-size:14px; height:auto;}
    .business02 ul li:nth-child(2n+2){margin-left:0;}
    .business02 ul li .thumb{width:100%; padding:0 !important;}
    .business02 ul li strong{font-size:1.143em;}
    .business02 ul li strong em{font-size:1.063em;}
    .business02 ul li strong span{font-size:0.938em;}
    .business02 ul li p{font-size:1em;}
    .business02 ul li .txt{padding:15px 0 20px;}

    .business03 ul{padding:0 10px; box-sizing:border-box; display:block; margin-top:-20px;}
    .business03 ul li{width:100%; height:auto; padding:25px 0 30px; display:block;}
    .business03 ul li + li{border-left:0; border-top:1px dashed #024894;}
    .business03 ul li strong{font-size:1.143em;}
    .business03 ul li em{font-size:1.286em;}
    .business03 ul li p{font-size:1em;}

    /* 화물배송조회 */
    .delivery_table{overflow-y:auto;}
    .delivery_table th{padding:10px 15px; font-size:0.929em;}
    .delivery_table td{padding:10px 15px; font-size:0.857em;}

    .delivery .search{overflow:hidden;}
    .delivery .search input[type="text"]{width:65%; float:left; border:1px solid #ccc; height:38px; display:block; text-indent:10px;}
    .delivery .search input[type="text"]::placeholder{font-size:1em;}
    .delivery .search input[type="text"]:-ms-input-placeholder{font-size:1em;}
    .delivery .search .btn{width:80px; margin-left:10px; font-size:1em;;}
    .delivery .search .btn span{height:38px; line-height:38px;}

    /* 고객센터 */
    .cscenter03 .form{padding:0; margin-top:30px;}
    .cscenter03 .cont{padding:20px 10px; width:100%; display:block;}
    .cscenter03 .cont_right{border-left:0;}
    .cscenter03 .cont_left li{font-size:0.929em;}
    .cscenter03 .cont span.tit{width:60px; line-height:40px;}
    .cscenter03 .cont ul li > div{margin-left:60px;}
    .cscenter03 .cont .form_tel .spacing{line-height:40px;}

    .cscenter03 .title{font-size:1.143em; padding-bottom:15px;}
    .cscenter03 .terms_box{height:200px; font-size:0.857em; padding:10px;}
    .cscenter03 .form_checkbox{margin-top:20px;}


}

@media (max-width:767px){
    .main_banner {height:500px;}
    .main_banner > div {height:500px;}

    .main .main_cont.cont01 ul li{float:none; width:100%; height:200px;}
    .main .main_cont.cont01 ul li{margin-bottom:80px;}
    .main .main_cont.cont01 ul li a{padding:120px 15px 0;}
    .main .main_cont.cont01 ul li p{font-size:0.857em;}

    .main .main_cont.cont02 .cont_left ul{padding:0 10px;}
    .main .main_cont.cont02 .cont_left ul li p{font-size:0.857em;}
    .main .main_cont.cont02 .cont_left ul li:nth-child(1){background:#fff url(../images/icon_main0201.png) 15px 30px no-repeat; background-size:30px auto;}
    .main .main_cont.cont02 .cont_left ul li:nth-child(2){background:#fff url(../images/icon_main0202.png) 15px 30px no-repeat; background-size:30px auto;}
    .main .main_cont.cont02 .cont_left ul li a{padding:70px 0 0 15px;}

    .main .main_cont.cont02 .cont_right ul{padding:10px 10px 0;}
    .main .main_cont.cont02 .cont_right ul li a{padding-left:50px;}
    .main .main_cont.cont02 .cont_right ul li:nth-child(1){background:#fff url(../images/icon_main0203.png) 15px center no-repeat; background-size:24px auto;}
    .main .main_cont.cont02 .cont_right ul li:nth-child(2){background:#fff url(../images/icon_main0204.png) 15px center no-repeat; background-size:24px auto;}
    .main .main_cont.cont02 .cont_right ul li:nth-child(3){background:#fff url(../images/icon_main0205.png) 15px center no-repeat; background-size:24px auto;}

}