.sub-block{padding-top:80px;}
.sub-inner{max-width: 1200px; width: 95%; margin: auto;}

.sub-head{width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub-head.sub01{background-image: url('../img/sub/visual/visual_01.png');}
.sub-head.sub02{background-image: url('../img/sub/visual/visual_02.png');}
.sub-head.sub03{background-image: url('../img/sub/visual/visual_03.png');}
.sub-head.sub04{background-image: url('../img/sub/visual/visual_04.png');}
.sub-head.sub05{background-image: url('../img/sub/visual/visual_05.png');}
.sub-head.sub06{background-image: url('../img/sub/visual/visual_06.png');}
.sub-head .sub-head__tit{padding: 80px 0 70px;}
.sub-head .sub-head__tit .en{font-family: var(--font-GmarketSansMedium); font-size: 16px; font-weight: 500; text-align: center; color: #fff;}
.sub-head .sub-head__tit h1{font-size: 50px; line-height: 1.4; text-align: center; color: #fff;}
.sub-head .location{width: 100%; height: 60px; display: flex; background-color: #fff; border-bottom: 1px solid #e6e6e6;}
.sub-head .location .location__home{width: 60px; height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--main-color); border-bottom: 1px solid var(--main-color); }
.sub-head .location .location__depth01{padding: 23px 20px 18px; border-right: 1px solid #e6e6e6; font-size: 16px; text-align: left; color: #666;}
.sub-head .location .location__depth02{padding: 23px 20px 18px; font-size: 16px; font-weight: 600; text-align: left; color: #000;}


.section-partLine{position: relative;}
.section-partLine::after{content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 40px; height: 3px; background-color: var(--main-color);}
.section-en{font-family: var(--font-GmarketSansBold); font-size: 16px; font-weight: bold; text-align: left; color: #000;}
.section-tit{font-size: 40px; font-weight: bold; line-height: 1.25; text-align: left; color: #000;}
.section-sub-tit {font-size:35px; font-weight:bold; line-height:1.43; color:#000; margin-top:60px;}
.part-tit{position: relative; padding-top: 15px; font-family: var(--font-GmarketSansBold); font-size: 25px; line-height: 1; text-align: left; color: #000;}
.part-tit::before{content: ""; position: absolute; top: 0; display: block; width: 40px; height: 3px; background-color: var(--main-color);}
.default{font-size: 18px; font-weight: 500; letter-spacing: -0.45px; text-align: left; color: #000; word-break: keep-all;}
.verLine{display: block; width: 2px; height: 20px;}
.paraph .default{line-height: 1.67;}


/* ================================================================================================================ */
/*                                                   회사소개                                                        */
/* ================================================================================================================ */
/* 회사소개 */
.company-block{position: relative;}
.company-block .left{width: 55%;}
.company-block .left .company__tit{position: relative;}
.company-block .left .company__tit::after{content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 40px; height: 3px; background-color: var(--main-color);}
.company-block .left .company__tit .hilight{font-family: var(--font-GmarketSansBold); font-size: 40px; line-height: 1.25; letter-spacing: normal; text-align: left; color: #000;}
.company-block .left .company__tit p{padding-left: 50px; position: relative; font-size: 24px; font-weight: 500; letter-spacing: -0.6px; text-align: left; color: #000;}
.company-block .left .company__tit p::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; width: 40px; height: 3px; background-color: var(--main-color);}
.company-block .left .representative{}
.company-block .left .representative b{font-size: 18px; font-weight: 600; line-height: 1.67; letter-spacing: normal; text-align: left; color: #000;}
.company-block .right{width: 40.62%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

/* NETWORK */
.network-block{}
.network-block .sub-inner{display: flex; flex-direction: column; align-items: center;}
.network-block .network__tit{display: flex; flex-direction: column; align-items: center;}
.network-block .network__tit .hilight{font-family: var(--font-GmarketSansBold); font-size: 45px; text-align: center; color: #000; word-break: keep-all;}
.network-block .network__tit p{font-size: 24px; line-height: 1.25; text-align: center; color: #000; word-break: keep-all;}
.network-block .network__tit .verLine{height: 40px;}
.network-block .paraph{}
.network-block .paraph p{text-align: center;}

/* CI */
.ci-block{}
.ci-block .ci-list{}
.ci-block .ci-list li{display: flex;}
.ci-block .ci-list li .left{width: calc(100% - 78.33%);}
.ci-block .ci-list li .right{width: 78.33%;}
.ci-block .ci-list li .right .default{line-height: 1.67;}
.color-part .right{width: 100%; display: flex; flex-wrap: wrap;}
.color-part .color-wrap{width: 31.91%; padding: 20px 30px; margin-right: 1.66%;}
.color-part .color-wrap:last-child{margin-right: 0;}
.color-part .color-wrap table{width: 100%; border-collapse: collapse;}
.color-part .color-wrap table td{font-size: 16px; line-height: 1.25; text-align: left; color: #fff;}
.color-part .color-wrap table .tit{font-weight: bold;}
.type-part .right{display: flex; flex-wrap: wrap;}
.type-part .right figure{width: 47.91%; margin: 0; margin-right: 2.08%; margin-top: 20px;}
.type-part .right figure figcaption{margin-top: 20px; font-size: 18px; line-height: 1; text-align: center; color: #000;}

/* 찾아오시는 길 */
.direction-block{}
.direction-block .direction{}
.direction-block .direction .map{width: 100%;}
.direction-block .direction .map .root_daum_roughmap_landing{width: 100% !important;}





/* ================================================================================================================ */
/*                                                   항공해상운송                                                        */
/* ================================================================================================================ */
.transport-cate{display: flex; flex-wrap: wrap;}
.transport-cate .transport{width: 23.75%; min-height: 220px; margin-right: 1.66%; margin-top: 20px; display: flex; flex-direction: column; align-items: flex-start;  padding: 45px 35px 50px; border-radius: 30px; border: solid 1px #e6e6e6; background-color: #fff; box-sizing: border-box;}
.transport-cate .transport:nth-child(4n){margin-right: 0;}
.transport-cate .transport .num{font-family: var(--font-GmarketSansBold); font-size: 25px; font-weight: bold; text-align: left; color: #c40013;}
.transport-cate .transport strong{font-size: 30px; font-weight: 600; line-height: 1; letter-spacing: -0.75px; text-align: left; color: #000; word-break: keep-all;}
.transport-cate .transport .en{font-family: var(--font-GmarketSansMedium); font-size: 14px; font-weight: 500; text-align: left; color: #000;}


/* ================================================================================================================ */
/*                                                   통관 & 내륙운송                                                        */
/* ================================================================================================================ */
.clearance-cate{display: flex; flex-wrap: wrap;}
.clearance-cate .clearance{width: 19%; min-height: 220px; margin-right: 1.25%; margin-top: 20px; display: flex; flex-direction: column; align-items: flex-start;  padding: 45px 30px 50px; border-radius: 30px; border: solid 1px #e6e6e6; background-color: #fff; box-sizing: border-box;}
.clearance-cate .clearance:nth-child(5n){margin-right: 0;}
.clearance-cate .clearance .num{font-family: var(--font-GmarketSansBold); font-size: 25px; font-weight: bold; text-align: left; color: #c40013;}
.clearance-cate .clearance strong{font-size: 30px; font-weight: 600; line-height: 1; letter-spacing: -0.75px; text-align: left; color: #000; word-break: keep-all;}
.clearance-cate .clearance .en{font-family: var(--font-GmarketSansMedium); font-size: 14px; font-weight: 500; text-align: left; color: #000;}


/* ================================================================================================================ */
/*                                                   보세화물창고                                                        */
/* ================================================================================================================ */
/* 보세화물서비스 */
.service-cate{display: flex; flex-wrap: wrap;}
.service-cate .service{width: 23.75%; min-height: 400px; margin-right: 1.66%; margin-top: 20px; display: flex; flex-direction: column; align-items: center;  padding: 40px 30px 60px; border-radius: 30px; border: solid 1px #e6e6e6; background-color: #fff; box-sizing: border-box;}
.service-cate .service:last-child{margin-right: 0;}
.service-cate .service .service-cate__tit{display: flex; flex-direction: column; align-items: center;}
.service-cate .service .service-cate__tit .num{width: 50px; height: 50px; padding: 16px 12px 11px; background-color: #c40013; border-radius: 50%; box-sizing: border-box;
    font-family: var(--font-GmarketSansMedium); font-size: 20px; font-weight: 500; text-align: center; color: #fff;}
.service-cate .service .service-cate__tit strong{font-family: var(--font-GmarketSansMedium); font-size: 30px; font-weight: 500; letter-spacing: -0.75px; text-align: center; color: #000;}
.service-cate .service .service-cate__tit .en{font-family: var(--font-GmarketSansMedium); font-size: 14px; font-weight: 500; text-align: center; color: #000;}
.service-cate .service .service-cate__con{width: 100%;}
.service-cate .service .service-cate__con ul li{font-size: 18px; line-height: 1.34; text-align: center; color: #000; word-break: keep-all;}
.service-cate .service .service-cate__con ul li + li{margin-top: 5px;}

/* 시설현황 */
.facility-area{border-collapse: collapse; width: 100%; border-top: 2px solid #000;}
.facility-area .tit{width: 16.66%; padding: 21px 20px 17px; border-bottom: 1px solid #e6e6e6; background-color: #f7f7f7; font-family: var(--font-GmarketSansMedium); font-size: 18px; font-weight: 500; letter-spacing: -0.45px; text-align: center; color: #000;}
.facility-area .con{padding: 18px 30px 16px; border-bottom: 1px solid #e6e6e6; font-size: 18px; font-weight: 500; text-align: left; color: #000; word-break: keep-all;}
.facility-imgs{display: flex; flex-wrap: wrap;}
.facility-imgs figure{width: 31.66%; margin: 0; margin-right: 2.5%; margin-top: 40px;}
.facility-imgs figure:nth-child(3n){margin-right: 0;}
.facility-imgs figure figcaption{margin-top: 20px; font-size: 18px; line-height: 1.34; text-align: center; color: #000;}

/* ================================================================================================================ */
/*                                                   무역대행                                                        */
/* ================================================================================================================ */
.trade_procedure {display:flex; margin:35px 0px 60px; width:100%; overflow-x:auto;}
.trade_procedure li {margin-right:60px; position:relative;}
.trade_procedure li::after {content:url("/theme/basic/img/sub/icon_arrow.png"); position:absolute; width:24px; height:24px; right:-42px; top:50px;}
.trade_procedure li:last-child {margin-right:0px;}
.trade_procedure li:last-child::after {display:none;}
.trade_procedure li p {font-size:16px; font-weight:500; line-height:1.11; letter-spacing:-0.45px; color:#000; font-family: var(--font-GmarketSansMedium); text-align:center; margin-top:20px;}


/* 견적문의 */
.inquiry-block{width: 100%;}
.inquiry-block table{width: 100%; border-collapse: collapse; border-top: 2px solid #000;}
.inquiry-block table td{border-bottom: 1px solid #ccc;}
.inquiry-block table .tit{width: 16.66%; padding: 30px 20px; background-color: #f5f5f5; font-family: var(--font-GmarketSansMedium); font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: -0.45px; text-align: left; color: #000; word-break: keep-all;}
.inquiry-block table .con{width: 83.33%; padding: 18px 20px 20px;}
.inquiry-block table input{height: 40px; padding: 10px 15px; border: solid 1px #e6e6e6; font-size: 16px; text-align: left; color: #000;}
.inquiry-block table input::placeholder{font-size: 16px; text-align: left; color: #999;}
.inquiry-block table select{height: 40px; padding: 10px 5px; text-indent: 5px; border: solid 1px #e6e6e6; font-size: 16px; text-align: left; color: #000;}
.inquiry-block table textarea{height: 320px; padding: 20px 15px; resize: none; border: solid 1px #e6e6e6; font-size: 16px; text-align: left; color: #000;}
.inquiry-block table textarea::placeholder{color: #999;}
.inquiry-block table .half{width: 48%;}
.inquiry-block table .half + .half{margin-left: 1%;}
.inquiry-block table .full{width: 100%;}
.inquiry-block table .filebox {display: flex;}
.inquiry-block table .filebox .upload-name {display: inline-block; width: 48%; height: 40px; padding: 0 15px; vertical-align: middle; border: 1px solid #dddddd; color: #999999;}
.inquiry-block table .filebox label {display: inline-block; width: 120px; height: 40px; padding: 12px 20px 9px; margin-left: 10px; color: #fff; vertical-align: middle; cursor: pointer; border-radius: 5px; border: solid 1px #e6e6e6; background-color: #f5f5f5;
    font-family: var(--font-GmarketSansMedium); font-size: 16px; font-weight: 500; letter-spacing: -0.4px; text-align: center; color: #000;}
.inquiry-block table .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.inquiry-block table .agree{display: flex; align-items: center;}
.inquiry-block table .agree .left{width: calc(100% - 110px);}
.inquiry-block table .agree .left input{width: 20px; height: 20px; margin-right: 5px; border: solid 1px #ccc;}
.inquiry-block table .agree .left label{font-size: 16px; text-align: left; color: #000;}
.inquiry-block table .agree .right{width: 110px;}
.inquiry-block table .agree .right button{display: flex; align-items: center; border: 0; background-color: transparent;}
.inquiry-block table .agree .right button span{font-size: 16px; font-weight: bold; letter-spacing: normal; text-align: left; color: #333;}
.inquiry-block table .agree .right button img{margin-left: 7px;}
.inquiry-block .btn-wrap{display: flex; justify-content: center;}
.inquiry-block .iq_submit-btn{width: 160px; height: 50px; padding: 17px 45px 13px; border-radius: 25px; background-color: #c40013; border: 0;
    font-family: var(--font-GmarketSansMedium); font-size: 18px; font-weight: 500; text-align: center; color: #fff;}
#agree-confirm{display: none;}


.sub-swiper-contents {position:relative;}
.sub-swiper-contents .sub__swiper {}

.sub-swiper-contents .swiper-pagination {bottom:-40px !important;}
.sub-swiper-contents .swiper-pagination-bullet {width:10px; height:10px; margin-right:10px;}
.sub-swiper-contents .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#c40013;}
.sub-swiper-contents .swiper-button-next {right:-80px;}
.sub-swiper-contents .swiper-button-prev {left:-80px;}
.sub-swiper-contents .swiper-button-next:after {content:url("/theme/basic/img/sub/btn_next_on.png");}
.sub-swiper-contents .swiper-button-prev:after {content:url("/theme/basic/img/sub/btn_prev_on.png");}

@media (max-width:1450px) {
	.sub-swiper-contents .swiper-button-next {display:none;}
	.sub-swiper-contents .swiper-button-prev {display:none;}
}
@media (max-width:1280px) {
    .company-block .left{width: 100%;}
    .company-block .right{position: static; transform: initial; width: 100%; margin-top: 60px; padding: 0 2.5%;}
}

@media (max-width:1024px) {
    /* CI 소개 */
    .ci-block .ci-list li{flex-direction: column;}
    .ci-block .ci-list li .left{width: 100%;}
    .ci-block .ci-list li .right{width: 100%; margin-top: 30px;}

    .transport-cate .transport{padding: 35px 20px 40px;}
	.clearance-cate .clearance{padding: 35px 20px 40px;}
}

@media (max-width:769px) {
    .sub-head .sub-head__tit h1{font-size: 36px;}
    .section-tit{font-size: 32px;}

    /* 회사소개 */
    .company-block .left .company__tit .hilight{margin-top: 20px; font-size: 28px;}
    .company-block .left .company__tit p{font-size: 20px;}

    /* NETWORK */
    .network-block .network__tit .hilight{font-size: 36px;}
    .network-block .network__tit p{font-size: 20px;}

    /* Ci */
    .color-part .color-wrap{padding: 20px;}


    /* 항공해상운송 */
    .transport-cate .transport{width: 49.17%; min-height: initial;}
    .transport-cate .transport:nth-child(2n){margin-right: 0;}
    .transport-cate .transport .num{font-size: 20px;}
    .transport-cate .transport strong{font-size: 24px;}
	
	/* 통관 & 내륙운송 */ 
	.clearance-cate .clearance{width: 49.17%; min-height: initial;}
    .clearance-cate .clearance:nth-child(2n){margin-right: 0;}
    .clearance-cate .clearance .num{font-size: 20px;}
    .clearance-cate .clearance strong{font-size: 24px;}

    /* 보세화물서비스 */
    .service-cate .service{width: 49.17%; min-height: initial; padding: 40px 20px 50px;}
    .service-cate .service:nth-child(2n){margin-right: 0;}
    .service-cate .service .service-cate__tit .num{width: 45px; height: 45px; padding: 12px 9px 11px;}
    .service-cate .service .service-cate__tit strong{font-size: 24px;}

    /* 창고시설현황 */
    .facility-imgs figure{width: 48.75%;}
    .facility-imgs figure:nth-child(3n){margin-right: 2.5%;}
    .facility-imgs figure:nth-child(2n){margin-right: 0;}


    /* 견적문의 */
    .inquiry-block table .tit{padding: 10px; font-size: 16px; text-align: center;}
    .inquiry-block table .con{padding: 10px;}
}

@media (max-width:500px) {
	.sub-block{padding-top:50px;}

    .sub-head .sub-head__tit{padding: 50px 0 40px;}
    .sub-head .sub-head__tit .en{font-size: 14px}
    .sub-head .sub-head__tit h1{font-size: 20px; line-height: 1;}
    .sub-head .location{height: 35px;}
    .sub-head .location .location__home{width: 35px;}
    .sub-head .location .location__home img{width: 15px;}
    .sub-head .location .location__depth01{padding: 10px 15px 9px; font-size: 14px;}
    .sub-head .location .location__depth02{padding: 10px 15px 9px; font-size: 14px;}

    .section-en{font-size: 14px;}
    .section-tit{font-size: 20px;}
    .part-tit{font-size: 20px;}
    .part-tit::before{width: 20px;}
    .default{font-size: 14px;}
    

    /* 회사소개 */
    .company-block{padding: 100px 0;}
    .company-block .left .company__tit .hilight{font-size: 20px;}
    .company-block .left .company__tit p{padding-left:30px; font-size: 16px;}
    .company-block .left .company__tit p::before{width: 22px;}
    .company-block .paraph{padding-bottom: 40px;}
    .company-block .left .representative{margin-top: 40px;}
    .company-block .left .representative b{font-size: 14px;}
    .company-block .right{margin-top: 40px;}

    /* NETWORK */
    .network-block {padding-bottom: 120px;}
    .network-block .network__tit .hilight{font-size: 20px;}
    .network-block .network__tit p{font-size: 16px;}
    .network-block .logo_partner-img{max-width: 250px !important;}

    /* Ci */
    .ci-block{padding-bottom: 120px; margin-top: 100px;}
    .color-part .right{flex-direction: column;}
    .color-part .color-wrap{width: 100%; margin-right: 0;}
    .color-part .color-wrap + .color-wrap{margin-top: 10px;}
    .color-part .color-wrap table td{font-size: 14px;}
    .color-part .color-wrap table .tit{width: 16%;}
    .color-part .color-wrap table .con{width: 84%; padding: 0 20px;}
    .type-part .right figure figcaption{margin-top: 10px; font-size: 14px;}

    /* 찾아오시는길 */
    .direction-block{margin-top: 100px; padding-bottom: 120px;}
    .direction-block .direction .map .root_daum_roughmap .wrap_map{height: 250px !important;}


    .business-block{padding-bottom: 120px; margin-top: 100px;}


    /* 항공해상운송 */
    .transport-cate .transport{width: 100%; margin-right: 0;}
    .transport-cate .transport .num{font-size: 16px;}
    .transport-cate .transport strong{font-size: 20px;}

	/* 통관 & 내륙운송 */ 
	.clearance-cate .clearance{width: 100%; margin-right: 0;}
    .clearance-cate .clearance .num{font-size: 16px;}
    .clearance-cate .clearance strong{font-size: 20px;}

    /* 창고시설현황 */
    .facility-area .tit{padding: 10px 20px 7px; font-size: 14px;}
    .facility-area .con{padding: 10px 20px; font-size: 14px;}
    .facility-imgs{margin-top: 10px;}
    .facility-imgs figure{width: 100%; margin-right: 0; margin-top: 20px;}
    .facility-imgs figure figcaption{margin-top: 10px; font-size: 14px;}

    

    /* 보세화물창고 */
    .service-cate .service{width: 100%; margin-right: 0; padding: 35px 20px 40px;}
    .service-cate .service .service-cate__tit .num{width: 35px; height: 35px; padding: 12px 7px 11px; font-size: 14px;}
    .service-cate .service .service-cate__tit strong{font-size: 18px;}
    .service-cate .service .service-cate__con ul li{font-size: 14px;}


    /* 견적문의 */
    .inquiry-block table .tit{font-size: 12px}
    .inquiry-block table input{height: 35px; padding: 10px; font-size: 14px;}
    .inquiry-block table input::placeholder{font-size: 14px;}
    .inquiry-block table select{height: 35px; padding: 2px; text-indent: 2px; font-size: 14px;}
    .inquiry-block table select::placeholder{font-size: 14px;}
    .inquiry-block table textarea{height: 150px; padding: 10px; font-size: 14px;}
    .inquiry-block table textarea::placeholder{font-size: 14px;}
    .inquiry-block table .filebox .upload-name{height: 35px; padding: 10px; font-size: 14px;}
    .inquiry-block table .filebox label{width: 90px; height: 35px; padding: 10px 10px 8px; font-size: 14px;}
    .inquiry-block table .agree .left input{width: 15px; height: 15px;}
    .inquiry-block table .agree .left label{font-size: 14px;}
    .inquiry-block table .agree .right button span{font-size: 14px;}
    .inquiry-block table .agree .right button img{margin-left: 5px; width: 15px;}
    .inquiry-block .iq_submit-btn{height: 45px; padding: 14px 45px 13px; font-size: 16px;}
}

@media (max-width:375px) {
    .inquiry-block table input{font-size: 12px;}
    .inquiry-block table input::placeholder{font-size: 12px;}
    .inquiry-block table select{font-size: 12px;}
    .inquiry-block table select::placeholder{font-size: 12px;}
    .inquiry-block table textarea{font-size: 12px;}
    .inquiry-block table textarea::placeholder{font-size: 12px;}
    .inquiry-block table .filebox label{font-size: 12px;}
    .inquiry-block table .agree{flex-direction: column; align-items: flex-start;}
    .inquiry-block table .agree .left{width: 100%;}
    .inquiry-block table .agree .right{margin-top: 7px;}
    .inquiry-block table .agree .left label{font-size: 12px;}
    .inquiry-block table .agree .right button span{font-size: 10px;}
    .inquiry-block table .agree .right button img{width: 10px;}
}