/* Reset with bootstrap */
html, body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: 'Titillium Web','Malgun Gothic', dotum, sans-serif;
    font-size: 16px;
}
p, h1, h2, h3, span, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin: 0;padding: 0}
a, a:hover, a:focus, a:active{text-decoration: none;color: inherit}
li{list-style: none}
address, em{font-style: normal}
label{cursor: pointer}
table{width: 100%}
textarea{resize: none}
strong, b{font-weight: 500}
p, span, dt td {color:#666;}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
div {
    box-sizing: border-box; /* 오페라(Opera) */
    -moz-box-sizing: border-box; /* 파이어폭스(Firefox)*/
    -webkit-box-sizing: border-box; /* 웹킷(Webkit) & 크롬(Chrom)*/
}
img {
    border: 0;
    vertical-align: top;
}
button {
    background: 0;
    border: 0;
    padding: 0;
}
.pc {display:block !important;}
.mobile {display:none !important;}

/* Typography */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;line-height: .8;font-weight: 700}
[class*=txt-line]{display: block;display:-webkit-box;overflow:hidden;max-width: 100%;max-height: 2.6em;line-height: 1.3em !important;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;white-space:normal}

/* common */
.wrap {width:1200px; margin:0 auto;}
dt, dd {float:left; display: inline-block;}
section h2 {text-transform:uppercase; font-size:54px; margin-top:30px; text-align:center;color:#0072bb; margin-bottom: 100px;}

/* top menu */
header {
    /*backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);*/
    background-position: top center;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,5%);
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #ffffff17;
}
.logo{position:relative;z-index:123;float:left;}
.logo a {height:80px; width:240px; background:url(../images/main/top_logo.png) no-repeat left 22px; display: inline-block;}
nav{position:relative;width:1200px;margin:0 auto;}
nav#cssmenu > ul {float: right;}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#cssmenu:after, #cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
#cssmenu #head-mobile {display: none}
#cssmenu > ul > li {float: left}
#cssmenu > ul > li > a {
    height: 80px;
    padding: 32px;
    font-size: 17px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {color: #fff}
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0}
#cssmenu ul ul {position: absolute;left: -9999px;padding: 15px 0;background: #333;}
#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #333;
    transition: all .25s ease
}
#cssmenu li:hover > ul {left: auto}
#cssmenu ul li:hover:nth-child(1) ul {left: -27px;}
#cssmenu ul li:hover:nth-child(2) ul {left: -34px;}
#cssmenu ul li:hover:nth-child(3) ul {left: -10px;}
#cssmenu ul li:hover:nth-child(4) ul {left: -24px;}
#cssmenu ul li:hover:nth-child(5) ul {left: -36px;}

#cssmenu li:hover > ul > li {height: 35px;}
#cssmenu ul ul ul {margin-left: 100%; top: 0;}
#cssmenu ul ul li a {padding: 6px 15px;width: 200px;font-size: 16px;color: #ddd;font-weight: 400;text-align:center;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #fff;text-decoration:underline;}
#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0}
#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {background: #363636;}
#cssmenu ul ul ul li.active a {border-left: 1px solid #333;}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: 1px solid #333;}

@media screen and (max-width:1000px) {
    body.on header {height: 100%;background: #000000eb; position: fixed;}
    header {
        border-bottom: 0;
        overflow: hidden;
        height: 70px;
        border-bottom: 1px solid #ffffff0f;
    }
    .logo a {
        height: 70px;
        background-position-y: 11px;
        background-size: 90%;
        background-position: center 20px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 70px;
        text-align: center;
        float: none
    }
    body.on .logo {
        border-bottom: 1px solid #ffffff1f;
    }
    #cssmenu li:hover > ul, #cssmenu ul li:hover ul {left: 0;}
    #cssmenu ul li:hover:nth-child(1) ul {left: 0;}
    #cssmenu ul li:hover:nth-child(2) ul {left: 0;}
    #cssmenu ul li:hover:nth-child(3) ul {left: 0;}
    #cssmenu ul li:hover:nth-child(4) ul {left: 0;}
    #cssmenu ul li:hover:nth-child(5) ul {left: 0;}
    #cssmenu ul ul li a {
        padding: 13px;
    }
    nav, #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none
    }
    #cssmenu ul li {
        width: 100%;
        /*border-top: 1px solid #444*/
    }
    #cssmenu ul li:hover {
        background: #363636;
    }
    #cssmenu ul ul li, #cssmenu li:hover > ul > li {
        height: auto
     }
    #cssmenu > ul > li > a {
        height: 52px;
        padding: 11px;
        font-size: 18px;
        line-height: 30px;
    }
    #cssmenu ul li a, #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    #cssmenu > ul > li {
        float: none;
        text-align: center;
    }

    #cssmenu ul ul li a {
        padding-left: 25px
    }

    #cssmenu ul ul li {
        background: #333 !important;
    }

    #cssmenu ul ul li:hover {
        background: #363636 !important
    }

    #cssmenu ul ul ul li a {
        padding-left: 35px
    }

    #cssmenu ul ul li a {
        color: #ddd;
        background: none
    }

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
        color: #fff
    }

    #cssmenu ul ul, #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
        display: none
    }

    #cssmenu #head-mobile {
        display: block;
        padding: 29px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
        height: 70px;
    }

    .m_button {
        width: 58px;
        height: 70px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }

    .m_button:after {
        position: absolute;
        top: 33px;
        right: 14px;
        display: block;
        height: 6px;
        width: 23px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: '';
    }

    .m_button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 25px;
        right: 14px;
        display: block;
        height: 2px;
        width: 23px;
        background: #ddd;
        content: '';
    }

    .m_button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 32px;
        border: 0;
        height: 2px;
        width: 21px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .m_button.menu-opened:before {
        top: 32px;
        background: #fff;
        width: 21px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        height: 52px;
        width: 52px;
        cursor: pointer
    }
    .submenu-opened + a {background:#005186;}
    #cssmenu .submenu-button.submenu-opened {
        background: #006cb2;
    }
    #cssmenu ul ul {padding:0;}
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 24px;
        right: 20px;
        width: 10px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }

    #cssmenu .submenu-button:before {
        position: absolute;
        top: 20px;
        right: 24px;
        display: block;
        width: 2px;
        height: 10px;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }

    #cssmenu ul ul ul li.active a {
        border-left: none
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
}

/* visual */
.video_wrapper i {display: block; line-height: 62px; font-size: 54px; color: #fff; font-style: normal;}
.video_wrapper i:first-child {font-size: 22px; font-weight: 400; line-height: 26px; margin-bottom: 55px;}
.video_wrapper h4 {width: 100%; top: 50%; z-index: 12; transform: translateY(-50%); position: absolute;text-shadow: 2px 2px 2px #00000010;}
.video_wrapper {width: 100%; z-index: 1;background: #000;height: 940px;margin: 0 auto;text-align: center;position: relative;overflow: hidden;}
.video {opacity: 0.9;z-index: 0;position: absolute;width: 100%;overflow: hidden;height: 940px;left: 0px;top: 0px;}
.video video {position: relative;width: auto;min-width: 100%;height: auto;}
@media screen and (max-width: 1920px) {
    .video video {
        position: absolute;
        width: 1920px;
        left: 50%;
        margin-left: -970px;
    }
}

/* main_contents */
.service_wrap {width: 100%; display: inline-block; margin-bottom: 180px; /*overflow: hidden;*/}
.service_wrap:last-child {margin-bottom: 0; margin-top: 180px;}
.service_wrap div {padding:0;}
.serv_tx p {width:410px;}
section {position: relative; padding: 130px 0; overflow: hidden;}
#sec01 > span {position: absolute; left: 50%; width: 1px; height: 100px; top:0; margin-left: -1px; background-color: #0072bb;}
#sec01 h3 {text-transform:uppercase; font-size:30px; margin:30px 0;}
.air_f h3 {background:url(../images/main/num01.png) no-repeat top left; padding-top:86px;}
.ocean_f h3 {background:url(../images/main/num02.png) no-repeat top left; padding-top:86px;}
.logist_w h3 {background:url(../images/main/num03.png) no-repeat top left; padding-top:86px;}
#sec01 strong {margin-top: 30px; display: inline-block;}
#sec01 a {background: url(../images/main/arrow_gray.png) no-repeat center right;padding: 14px 0;font-size: 12px;color: #bbb;line-height: 12px;width: 100px; display: inline-block;margin-top: 80px;transition: all 0.5s;}
#sec01 a:hover {background: url(../images/main/arrow_blue.png) no-repeat center right; color: #0072bb; transition: all 0.5s;}
#sec01 a:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 27px;
    transition: right 0.3s;
}
/*.intro-business-list .view-more-btn span:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 27px;
    background: url("../images/icon/cm_style_arrow.png") no-repeat;
    transition: right 0.3s;
}
.intro-business-list .view-more-btn:hover span:before {right: -5px;}*/
.air_f .service_img {text-align:right;}
.air_f .service_img img {
	box-shadow: 43px 43px 40px -30px rgb(0 0 0 / 25%);
}
.ocean_f .service_img {text-align:center;}
.ocean_f .service_img img {box-shadow: -43px 55px 40px -30px rgb(0 0 0 / 25%);}
.logist_w .service_img img {box-shadow: -40px -90px 30px -80px rgb(0 0 0 / 25%);}
.logist_w .serv_tx {padding-left:90px;}

/* main- section 02 */ 
#sec02 {background: url(../images/main/network_bg.jpg) center top; background-size: cover;}
#sec02 h2 {color:#fff;margin-bottom:30px;}
#sec02 > span {position: absolute; left: 50%; width: 1px; height: 100px; top:0; margin-left: -1px; background-color: #fff;}

#network_map span {position:absolute; top:175px; left:0; display:block;}
#network_map {position: relative; width:1185px; height:638px; background:url(../images/main/network_map.png) no-repeat center top; margin:auto;}
#network_map div {position: absolute; background: #ea6a4f38; border-radius: 50%;}
.circle1 {width: 80px;height: 80px;top: 283px;left: 437px;animation: scale1 2s infinite alternate;}
.circle2 {width: 60px;height: 60px;top: 293px;left: 447px;animation: scale2 2s infinite alternate;}
.circle3 {width: 40px;height: 40px;top: 303px;left: 457px;animation: scale3 2s infinite alternate;}
@keyframes scale1 {
    0%   { transform: scale(0) }
    100%  { transform: scale(1) }
}
@keyframes scale2 {
    0%, 40% { transform: scale(0) }
    100% {transform: scale(1) }
}
@keyframes scale3 {
    0%, 65% { transform: scale(0) }
    100% { transform: scale(1) }
}
/* //E. main- section 02 */

#sec03 .wrap > br {display:none;}
#sec03 {background: #efefef url(../images/main/custom_bg.png) no-repeat top center; }
#sec03 .banner {background: linear-gradient(to bottom right, #0071bb, #094591);padding: 40px 64px 40px 70px;color: #fff; font-size: 24px;line-height: 30px;clear: both; margin-top:30px; position: relative;}
.banner:hover {background: linear-gradient(to bottom right, #448d00, #436500);}
#sec03 .banner p {color:#fff; text-transform: uppercase; font-weight: 700;}
#sec03 .notice_cont {background-color: #fff;padding: 0 50px 60px; position:relative; max-height: 381px;}
#sec03 .notice_cont ul {overflow:hidden;}
#sec03 h3 {text-transform: uppercase; font-size: 30px;padding-top:50px; padding-bottom:40px;}
#sec03 .notice_cont h3 {margin:0; padding-bottom:41px;}
#sec03 .notice_cont h3 + a {background: url(../images/main/arrow_gray.png) no-repeat center right;padding: 14px 0;font-size: 12px;color: #bbb;line-height: 12px;width: 100px; display: inline-block;transition: all 0.5s;position: absolute;top: 42px;right: 70px;}
#sec03 .notice_cont h3 + a:hover {background-image: url(../images/main/arrow_blue.png); color: #0072bb; transition: all 0.5s;}
.notice_cont li:first-child {border-bottom: 1px dashed #c7c7c7; padding-bottom: 25px; margin-bottom: 25px;overflow: hidden;}
.notice_cont li a {overflow:hidden; display:block;}
.notice_cont li a div {display: inline-block; float: left; overflow:hidden;}
.notice_cont li a div:first-child {margin-right:20px; border: 1px solid #e8e8e8; height:71px; width:112px; position: relative; overflow: hidden;}
.notice_cont a img {transition: all 0.8s;}
.notice_cont a img:hover {transform: scale(1.1);transition: all 0.8s;}

a.lt_img {width: 110px;height: 73px;}
a.lt_img img {width:100%; height: 150%;}
.tumb {display: inline-block;float: left;border: 1px solid #f1f1f1;}
a.lt_more {display: none;}

.tx_box {width: calc(100% - 132px);float: right;}
.thum img {width:110%;}
.notice_cont .thum img:hover {transform: scale(1.10); transition: transform 0.6s;}
.notice_cont li p {font-size: 18px;color: #333;line-height: 22px;padding-bottom: 10px; word-break:keep-all;}
.notice_cont li p {font-weight:500;}
.notice_cont span {color:#999; background:url(../images/main/icon_wh.png) no-repeat left center; padding-left:25px;margin-top: 5px; display: inline-block;}
#sec03 .consult_cont .consut_inn {overflow: hidden;}
#sec03 .consut_inn img {padding-top: 25px;}
#sec03 .consut_inn li {padding-bottom:5px;}
#sec03 .wrap {position:relative;overflow: hidden;}
#sec03 .consult_cont::before {content: "";background-image: url(../images/main/custom_img_line.png);width: 413px;height: 267px;display: inline-block;position: absolute;top: -113px;left: -64px;}
#sec03 .consult_cont span {font-weight: 600;width: 35px;display: inline-block;color: #333;}
#sec03 .consult_cont a {background: url(../images/main/arrow_white.png) no-repeat center right;padding: 14px 0;font-size: 12px;color: #fff;line-height: 12px;width: 100px; display: inline-block;margin-top: 20px;position: absolute;top: 22%;right: 65px;}
#sec03 .consult_cont a:hover {background: url(../images/main/arrow_white_over.png) no-repeat center right; transition: all 0.5s;}

/* foot */
#foot {background-color: #202b41; padding: 40px 0; color: #81899a; text-align: center; clear: both;}
.foot_cont {position:relative; display: inline-block;}
.wrap.foot_cont div {text-align: left;}
.copyright p, .copyright span {color: #81899a; font-size: 15px;}
.copyright span {padding-left:20px;}
.btn_top {position: absolute; right: -90px; top: -65px; transition: all 0.5s;}
.btn_top:hover {top: -80px;transition: all 0.5s; box-shadow: 5px 10px 8px 0 rgb(0 0 0 / 25%);}
.btn_top a {background: linear-gradient(to bottom right, #0071bb, #094591);padding: 15px 16px 12px;clear: both;display: inline-block;color: #fff;font-size: 12px;line-height: 12px;}
.btn_top a:hover {top:-100px; transition: all 0.5s;}
.btn_top a::before {content:""; background:url(../images/main/btn_arrow.png)no-repeat center top; width: 100%; height: 6px; display:inline-block; margin-bottom: 6px;}


/***************** SUB *******************/
/* sub comm */
.sub_visual {background: #000;height: 410px; margin: 0 auto;text-align: center;position: relative;}
.contents {padding:130px 0; display: inline-block; width: 100%;}
.contents h3 {
    font-size: 42px;
    line-height: 31px;
    text-align: center;
    margin-bottom: 80px;
}
.sub_visual h2 {width: 100%;top: 50%;z-index: 12;transform: translateY(-50%);position: absolute;color: #fff;font-size:48px;}
.sub_visual > span {content: "";position: absolute;left: 50%;width: 1px;height: 50px;top: 120px;margin-left: -1px;background-color: #aaa;}
.sub_visual span {display:block; font-size:15px; font-weight:200; line-height: 22px; margin-top: 15px; color:#ccc;}
.btn_home {background:url(../images/sub/icon_home.png) no-repeat center; text-indent:-9999%;}
.sub_location .btn_home > a {
    width: 60px !important;
    display: block;
    background: url(../images/sub/icon_home.png) no-repeat center;
    text-indent: -9999%;
}
.sub_location ul li.btn_home a::after {
    background: none;
}
.cont_inn {
    margin-top: 80px;
    overflow: hidden;
    position: relative;
}
/*#container .wrap div:first-child {padding-left: 0;}*/
.sub01 .sub_visual {background:url(../images/sub/sub_visual01.jpg) no-repeat center center; background-size: cover;}
.sub02 .sub_visual {background:url(../images/sub/sub_visual02.jpg) no-repeat center center; background-size: cover;}
.sub03 .sub_visual {background:#000 url(../images/sub/sub_visual03.jpg) no-repeat center center; background-size: cover;}
.sub04 .sub_visual {background:#000 url(../images/sub/sub_visual04.jpg) no-repeat center center; background-size: cover;}
.sub05 .sub_visual {background:url(../images/sub/sub_visual05.jpg) no-repeat center center; background-size: cover;}

/* location */
.sub_location {background: #0072bc; overflow: hidden;color: #96bed8;font-size: 17px; width: 100%; height: 55px; position: relative;}
.sub_location li {border-right:1px solid #2687c6;display: inline-block;float: left;}
.sub_location li:first-child {border-left:1px solid #2687c6; width: 60px;}
.sub_location a {width: 200px;text-align: center;padding: 16px 0;display: inline-block; position: relative; font-size: 15px;}
.sub_location ul li a::after {content: '';display: block;position: absolute;bottom: 0;z-index: 999;}
.sub_location ul li a::after {width: 0;height: 5px;background: #df002c;left: 50%;}
.sub_location ul li a:hover::after, .sub_location ul li.active a::after {width: 100%;left: 0;transition: all .3s;}
.sub_location ul li a:hover, .sub_location ul li.active a {color:#fff;}


/* sub_visual */
/*.sub01 .sub_visual, .sub_location {
    z-index: 90;
}*/

/* sub01 */
.company_visual {position:relative; width: 1150px;}
.company_visual + div div:first-child {padding-right:20px;}
.company_visual + div div:last-child {padding-left:20px;}
.company_img .box_zoom img {width: 120%;margin-left: -10%;animation: box_zoom 2s ease-out forwards;}
/*.company_tit {text-align:center; width:400px; height: 260px; position:absolute; right:0; bottom:-150px; display:table; background: linear-gradient(to bottom right, #0071bb, #094591); box-shadow: 20px 30px 30px -10px rgb(0 0 0 / 30%);}*/
.company_tit b {font-weight: 600;}
.company_tit p::after {content: "";background: url(../images/sub/icon_point.png);width: 99px;height: 6px;display: inline-block;position: absolute;bottom: 103px;right: -50px;}
.company_tit p {vertical-align:middle; display:table-cell; color:#fff; font-size:36px; line-height:42px; font-weight: 200;}
.cont_inn div p:first-child {font-size: 28px;min-height: 170px;display: inline-block;color: #333;line-height: 38px; font-weight: 600;}
.cont_inn div p:nth-child(3) {color:#333; font-weight:600;padding-top:50px; text-align:right;}

.mission > div {clear: both;margin-bottom: 80px;overflow: hidden;}
.mission h5 {font-size:28px; padding-top:30px;font-weight: 600;}
.mission > div:nth-child(2) {text-align:right;}
.mission > div:last-child {margin-bottom:0;}

/* sub 02 */
.service_img {position:relative;}
.air_bg {width: 100%;height: 630px;background: url(../images/sub/sub02_air_bg.jpg) no-repeat left top;/*display: inline-block;*/}
.air_img {display:inline-block; position:absolute; top:60px; left:140px;}
.service_tx {width: 600px;padding: 80px;background-image: url(../images/sub/sub02_bg_alpha.png), linear-gradient(to bottom right, #0071bb, #094591);background-repeat: no-repeat;background-position: right bottom;box-shadow: 20px 30px 30px -10px rgb(0 0 0 / 30%);display: inline-block;position: absolute;right: 50px;top: 270px;}
.service_tx h4 {color:#fff; font-size:36px; padding-bottom:40px;}
.service_tx p {color: #fff;font-weight: 200;padding-bottom: 20px;letter-spacing: 1px;}
.service_tx p:last-child {padding-bottom:0;}
.service_tx h4::after {content: "";background: url(../images/sub/icon_point.png) no-repeat; width: 99px;height: 6px;display: inline-block;position: absolute;top: 90px;right: -50px;}
.ocean_bg {width: 100%;height: 630px;background: url(../images/sub/sub02_ocean_bg.jpg) no-repeat right top;/*display: inline-block;*/}
.ocean_img {display: inline-block;position: absolute;top: 120px;right: 74px;}
.ocean_img + .service_tx {left: 50px;}
.ocean_cont .serv_inc {display: inline-block;width: 520px;float: right;}
.ocean_cont {min-height: 911px;}
.logis_img + .service_tx  {left: 0;width:570px;}
.logis_bg {width: 100%;height: 630px;background: url(../images/sub/sub02_logis_bg.jpg) no-repeat 80% top;/*display: inline-block;*/margin-bottom: 111px;}
.logis_img {display: inline-block;position: absolute;top: 160px;right: 0;}
h5 {font-size: 20px;padding-bottom: 30px; line-height: 22px;}
.serv_inc {padding: 80px 0 0 50px;}
.serv_inc ul li {background: url(../images/sub/blullet_check.png) no-repeat left center;padding-left: 34px;line-height: 32px;}

/* sub 03 */
.sub03 h3 + div {background:#dfe5ec; padding:70px 0;}
.sub03 #network_map {height:638px; background: url(../images/sub/network_map.png) no-repeat center center; position:relative;}
.contact {position:relative;}
.contact div:first-child {text-align: center; left: 0;top: -80px;}
.contact div:last-child {float: right;padding: 70px 0 70px 70px;}
.contact li span {color: #016db7;width: 160px;display: inline-block; font-weight: 800;float: left;}
.contact li:nth-child(3) {padding-bottom:50px;}
.contact + div {clear:both;}
.contact h4 {color:#fff; font-size: 36px; line-height: 260px;}
.contact i {font-style: normal;}
.member div:nth-child(odd) {margin-right:20px;}/*홀*/
.member div:nth-child(even) {margin-left:20px;}/*짝*/
.member > div {width: calc(50% - 20px); background: #f5f5f5;padding: 50px;position: relative;display: inline-block;margin: 20px 0;float: left;}
.member > div:first-child b {background: #ec6a4f;}
.member > div b {background: #768496;color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 600;padding: 5px 10px;position: absolute;top: -10px;}
.member > div span {width: 145px;display: inline-block;}
.contact i {
    font-style: normal;
    display: inline-block;
    width: calc(100% - 160px);
    float: left;
}


/* sub 04 */
.color_box {text-align: center;width: 400px;height: 260px;position: absolute;right: 0;bottom: -150px;display: table;background: linear-gradient(to bottom right, #0071bb, #094591);box-shadow: 20px 30px 30px -10px rgb(0 0 0 / 30%);}
.map_add {position:relative; margin-top: 70px;}
.map_add .color_box {left:10PX; top:-180px;background-image: url(../images/sub/sub04_logo.png), linear-gradient(to bottom right, #0071bb, #094591); background-position: center center; background-repeat:no-repeat;}
.map_add ul {display:inline-block; float: right; width: 60%; color:#666;}
.map_add li {line-height: 30px;}
.map_add li span {color: #016db7;width: 90px;display: inline-block; font-weight: 800;float: left;}
.map_add i {
    font-style: normal;
    display: inline-block;
    width: calc(100% - 90px);
    float: left;
}


/* sub 05 */
#container.sub05 {font-size:15px;}
.sub05 .tbl_head01 thead th {padding:14px 0;border-top: 1px solid #333;font-size: 16px;}
.sub05 .tbl_head01 td {height:49.5px;}
.sub05 .tbl_head01 table tr:last-child td {border-bottom: 1px solid #333;}
.sub05 .btn_bo_adm input {background: #a2abb8;}