.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:1000px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {float: left;}
    .col-lg-12 {width: 100%;}
    .col-lg-11 {width: 91.66666667%;}
    .col-lg-10 {width: 83.33333333%;}
    .col-lg-9 {width: 75%;}
    .col-lg-8 {width: 66.66666667%;}
    .col-lg-7 {width: 58.33333333%;}
    .col-lg-6 {width: 50%;}
    .col-lg-5 {width: 41.66666667%;}
    .col-lg-4 {width: 33.33333333%;}
    .col-lg-3 {width: 25%;}
    .col-lg-2 {width: 16.66666667%;}
    .col-lg-1 {width: 8.33333333%;}
}

@media (max-width:1550px) {
    .btn_top {right: 20px;}  
}

@media (max-width:1300px) {
    /* common */
    nav {width: 100%;}
    .wrap, .company_visual {width: 100%;}
    .wrap {padding:0 20px}
    .cont_inn br {display:none;}
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 0;
    }

    /* main */
    #sec02 .wrap {padding:0;}

	.map_add br {display:block;}
}

@media (max-width:1100px) {
    #container img {width: 100%;}    
    .air_bg {background-size:95%; height:50vh;}
    .service_tx {position:unset; width:95%; box-shadow: 17px 17px 26px -10px rgb(0 0 0 / 30%);}
    .ocean_cont .serv_inc {width:100%;}
    .ocean_bg {background-size: 87.9%; height: 50vh; background-position-x: right;}
    .ocean_img {left: 0; right: auto;}
    .color_box {box-shadow: 0 21px 21px -10px rgb(0 0 0 / 30%);}
    #sec02 .network_map {background-size: 100% !important;}
	#sec03 .consult_cont::before {display:none;}
	#container td.td_subject img {width: unset;}

    /* sub 01 */
    .serv_inc {padding: 80px 0 0 80px;}
    .company_visual + div div:first-child, .company_visual + div div:first-child {padding-right:0;}
    .company_visual + div div:last-child {padding-left:0;}
    .cont_inn div p:first-child {min-height:auto;}
    .cont_inn div p:first-child {line-height: 30px; padding-bottom: 40px;}


    /* sub 04 */
    .map_add .color_box {
        width: 100%;
        position: unset;box-shadow: 0 22px 15px -17px rgb(0 0 0 / 30%);
        margin-bottom: 50px;
    }
    .map_add {margin-top:0;}
    .map_add ul {width:100%;}
}

@media (max-width:1000px) {
	/* .pc {display:none !important;}
    .mobile {display:block !important;} */

    /* main */
    .service_wrap > div, .consut_inn > div {
        width: 50%;
        float: left;
    }
    .logist_w .serv_tx {
        padding-left: 0;
    }
    .service_wrap p {width:100%; display:inline-block;}
    div img {
        width: 100%;
    }
    #foot img, #sec03 img {width:auto;}
    #sec03 .consut_inn div:first-child {text-align: center;}
    .btn_top {right:20px;}
    #sec03 {background-size: contain;}
    #sec03 .notice_cont {margin-top: 20px;}

    /* foot */
    .copyright p {
        padding-top: 15px;
    }
    .copyright p, .copyright span {
        line-height: 20px;
        font-size: 14px;
    }
    
    /* sub01 */
    .company_tit {
        width: 100%;
        position: static;
    }

    /* sub 03 */
    .contact > div {
        width: 100%;
        margin-top: 20px;
        margin-left:0;
        padding-left:0;
    }
    .contact div:first-child {
        top: 0;
        margin-top: 0x;
    }
    .contact > div {margin-bottom: 50px;}

}

@media (max-width:900px) {
    /* main */
    #sec01 h3 {margin: 10px 0;}
    .air_f h3, .ocean_f h3, .logist_w h3 {
        padding-top: 46px;
        background-size: 70px;
    }
     
    /* sub 03 */
    .member div {
        width: 100%;
    }
    .member div:nth-child(odd) {margin-right:0;}/*홀*/
    .member div:nth-child(even) {margin-left:0;}/*짝*/
}

@media (max-width:750px) {
    html, body {font-size: 15px; line-height: 22px;}
    .contents h3 {font-size: 32px; margin-bottom: 30px;}
    

    /* main */
    .service_wrap > div, .consut_inn > div {
        width: 100%;
        float: left;
    }
    .video_wrapper i {
        line-height: 44px;
        font-size: 35px;
    }
    .video_wrapper i:first-child {
        margin-bottom: 20px;
    }
.service_wrap,.service_wrap > div {margin-bottom: 50px;}
    .service_wrap:last-child {margin-top:50px;}
    section {position: relative; padding: 50px 0; overflow: hidden;}
    .serv_tx {margin-top:10px;}
    
    #sec01 > span, #sec02 > span {height: 50px;}
    #sec01 h2, #sec02 h2 {margin-bottom: 50px; font-size: 44px;}
    #sec01 h3 {margin: 0 0 10px; font-size:25px;}        
    #sec01 a {margin-top: 30px;}
    
    .air_f .service_img img {box-shadow: 25px 25px 20px -22px rgb(0 0 0 / 25%);}
    .ocean_f .service_img img {box-shadow: -40px 40px 20px -34px rgb(0 0 0 / 25%);}
    .logist_w .service_img img {box-shadow: -36px -57px 23px -55px rgb(0 0 0 / 25%);}
    #sec02 .network_map:before {
        width: 100%;
        height: 350px;
        background-position: center;
        background-size: contain;
    }
    .network_map span {
        top: 105px;
    }
    #sec03 h3 {
        font-size: 25px;
        padding-top: 40px;
        padding-bottom: 25px;
    }
    #sec03 .notice_cont h3 {
        padding-bottom: 25px;
    }
    #sec03 .notice_cont h3 + a {
        top: 29px;
        right: 50px;
    }
    #sec03 .notice_cont {
        padding: 0 50px 40px;
    }
    .consut_inn > div {
        text-align: center;
    }

    /* sub_common */
    .contents {padding: 70px 0;/*width: calc(100% - 80px);*/}
    .cont_inn {margin-top:50px;}
    .sub_location .wrap {padding: 0;display: inline-block; position: relative; overflow: hidden; overflow-y: hidden; overflow-x: auto; box-sizing: border-box; white-space: nowrap; width: 100%;}
    .sub_location a {width:auto; padding: 16px;}
    .sub_location .btn_home > a {width: 30px !important;}

    /* sub 01 */
    .company_tit, .sub03 .color_box, .map_add .color_box, .sub03 .color_box {height: 160px; bottom: 0; box-shadow: 0 22px 15px -17px rgb(0 0 0 / 30%); margin-bottom: 50px;}
    .company_tit p {font-size: 24px; line-height: 28px;}
    .mission > div {margin-bottom: 50px;}

    /* sub 02 */
    .serv_inc {
        padding: 50px 0 0 40px;
    }
    .service_tx {
        padding: 40px;
    }
    .service_tx h4/*, .sub03 .color_box h4*/ {
        font-size: 24px;
        padding-bottom: 20px;
    }
    .service_tx h4::after {
        background-size: 80%;
        width: 80px;
    }
    .logis_bg {background-position-x:right; height: 590px;}
    .logis_img + .service_tx {width:100%;}
    .service_tx h4::after, .company_tit p::after {display:none;}

    /* sub 03*/
    .contact div:last-child {
        padding: 0;
        margin-top: 0;
    }
    .contact h4 {line-height:160px; font-size: 24px;}

}

@media (max-width:700px) {
    .logis_bg {height: 560px;}
	#bo_list .td_name {display:none;}
	/* sub05 */
	.sub05 .tbl_head01 thead th {padding: 5px 0;}
	.sub05 .tbl_head01 td {height: 30px;}
}

@media (max-width:600px) {  
.cont_inn {
		margin-top: 25px;
	}
	/* main */    
    .sub_visual > span {
        height: 40px;
    }
    .sub_visual span {
        font-weight: 200;
        font-size: 15px;
        line-height: 20px;
        margin-top: 15px;
    }
    .sub_visual h2 {font-size:40px;}
    .serv_tx {
        margin-bottom: 30px;
    }
    #sec03 .banner {
        font-size: 20px;
        line-height: 24px;
    }
    #sec01 h2, #sec02 h2 {
        margin-bottom: 34px;
        font-size: 38px;
    }
    .service_wrap, .service_wrap > div {
        margin-bottom: 30px;
    }
    .notice_cont li p {
        font-size: 14px;
        line-height: 17px;
        padding-bottom: 5px;
    }
    .notice_cont span {font-size:13px;background-position:0 3px;}

    
    /* sub 01 */
    .cont_inn div p:first-child {
        line-height: 26px;
        padding-bottom: 26px;
        font-size: 24px;
    }
    .mission h5 {
        font-size: 24px;
        padding-bottom: 20px;
    }
              
    /* sub02 */
    .serv_inc ul li {
        line-height: 26px;
        background-size: 4%;
        padding-left: 28px;
    }
    .air_bg {
        height: 40vh;
    }
    .ocean_bg {height:45vh;}
    .logis_bg {height: 490px;}

    /* sub 03 */
	/*.contact li:first-child span {display:block;}*/

	
}

@media (max-width:500px) {
    html, body {
        font-size: 14px;
        line-height: 20px;
    }
    h5 {
        padding-bottom: 15px;
    }
	.sub_location {height:52px;}
	.sub_location li {float:unset;}
	.sub_location ul li a:hover::after, .sub_location ul li.active a::after {left: -2px;}
	.video_wrapper {height: 740px;}
	
    /* main */
    #sec03 .consult_cont a {right:40px;top: 14px;}
    #sec03 .banner {
        padding: 25px;
    }
    #sec03 .notice_cont {
        padding: 0 25px 25px;
    }
    .video_wrapper i {
        line-height: 40px;
        font-size: 30px;
    }
    .video_wrapper i:first-child {
        margin-bottom: 20px;
        font-size:18px;
    }
    /* sub 02 */
    .air_bg {
        height: 30vh;
    }
    .ocean_bg {
        height: 35vh;
    }
    /* sub 02 */
    .service_tx {
        padding: 40px 25px;
    }
    .serv_inc {
        padding: 40px 0 0 20px;
    }
    .logis_bg {
        height: 420px;
        margin-bottom: 80px;
    }

    /* sub 03*/
    .member > div {padding:40px 25px 25px;}
    .member > div span {width: 65px;}
    .member > div b {font-size:13px;}
    .map_add li {line-height: 22px;}
    .service_tx {width: 100%;}
    
}

@media (max-width:450px) {
    .logis_bg {
        height: 400px;
    }
    #sec03 .banner a {
        display: block;
        position: unset;
    }
	.contact li span {
		width: 95px;
	}
}
@media (max-width:360px) {
	.video_wrapper {height: 640px;}
    .logis_bg {
        height: 350px;
    }
}