@charset "UTF-8";

.link_pdf{margin-top: 25px;}
.link_pdf .btn {display:inline-block; height:70px; background:#127ab7; padding:0 70px 0 0; position: relative;}
.link_pdf .btn:after {content:"";display: inline-block;
    vertical-align: middle; position:absolute; right:21px; top:21px; margin-top:-11px; -webkit-transition:margin 0.3s ease; transition:margin 0.3s ease;
    background-image: url(/assets/img/icon-pdf.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 31px;
    height: 27px;
}
.link_pdf .btn:before { content:'회사소개서'; position:absolute; right:0; bottom:8px; width:70px; text-align:center; color:#fff; font-size:14px; font-weight:400; -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; }
.link_pdf .btn .in { position:relative; display:block; width:0; white-space:nowrap; overflow:hidden; color:#fff; font-size:16px; line-height:70px; text-align:left; box-sizing:border-box; -webkit-transition:width 0.3s ease; transition:width 0.3s ease; }
.link_pdf .btn .in:before { content:''; display:inline-block; width:31px; height:1px; }
.link_pdf .btn .in:after { content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background:#000; opacity:0.1; }
.link_pdf .btn:hover:after, .link_pdf:not(.min) .btn:after { margin-top:0; }
.link_pdf .btn:hover:before, .link_pdf:not(.min) .btn:before { opacity:0; }
.link_pdf .btn:hover .in, .link_pdf:not(.min) .btn .in { width:220px; -webkit-transition-delay:300ms; transition-delay:300ms; }

/* animate function
*/
.hide_show-box { position: relative; overflow: hidden; }
.hide_show-box img { opacity: 0; }
.hide_show-box:after { content: ""; display: block; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background: #107ab7; }
.hide_show-box.inside:after { left: 100%; transition: left 1s cubic-bezier(0.71, -0.03, 0.14, 0.99); }
.hide_show-box.inside img { opacity: 1; transition: opacity 0.4s ease-in 0.6s; }


/* 2019.07.02 회사 조직도
*/
.organization .box-part { border: 10px solid #f2f2f2; position: relative; height: 240px; }
.organization .box-part + .box-part { margin-top: 100px; }
.organization .box-part .thumb-area { position: absolute; top: 50%; transform: translateY(-50%); width: 31.5%; }
.organization .box-part .thumb-area img { max-width: 100%; }
.organization .box-part .txt-area { padding: 40px 0; }
.organization .box-part .txt-area h3 { font-size: 24px; padding: 0 0 25px; }
.organization .box-part .txt-area p { color: #555; font-size: 15px; line-height: 1.5; letter-spacing: -0.04em; }
.organization .box-part.-odd { border-left: 0; }
.organization .box-part.-odd .thumb-area { left: 0; }
.organization .box-part.-odd .txt-area { padding-left: 37.5%; padding-right: 60px; }
.organization .box-part.-even { margin-top: 100px; border-right: 0; }
.organization .box-part.-even .thumb-area { right: 0; }
.organization .box-part.-even .txt-area { padding-right: 37.5%; padding-left: 60px; }

@media (max-width: 1000px) { .organization .box-part { border-width: 5px; height: auto; }
  .organization .box-part + .box-part { margin-top: 50px; } }
@media (max-width: 768px) { .organization .box-part { border: 0; }
  .organization .box-part + .box-part { margin-top: 30px; }
  .organization .box-part .thumb-area { width: 100%; position: static; transform: translateY(0); }
  .organization .box-part .thumb-area img { width: 100%; }
  .organization .box-part .txt-area { border: 2px solid #f2f2f2; border-top: 0; }
  .organization .box-part .txt-area h3 { font-size: 18px; padding-bottom: 12px; }
  .organization .box-part .txt-area p { font-size: 12px; }
  .organization .box-part.-odd .txt-area { width: 100%; padding: 20px; }
  .organization .box-part.-even .txt-area { width: 100%; padding: 20px; } }
/* 비전
*/
.vision img { max-width: 100%; }
.vision .it-title { color: #000; font-size: 30px; font-weight: 400; float: left; }
.vision .it-txt { font-size: 15px; color: #555; }
.vision .image-block { overflow: hidden;width: 100%; transition: all 1.2s cubic-bezier(0.41, 0.85, 0.63, 1.05); position: relative; }
.vision .vt-img{margin-bottom: 70px;}
.vision .vision-top .col-content .it-txt em{display: block;font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.vision .vision-top .col-content .it-txt span{color:#137eb5}
.vision .vision-middle .col-content{text-align: center;}
.vision .vision-middle .col-content ul li{float: left;width: 25%;}
.vision .vision-middle .col-content ul li:after{display: block;content:'';clear: both;}
.vision .vision-middle .col-content ul li strong{display:block;padding-bottom: 25px;color:#555555}
.vision .vision-middle .col-content ul li img{padding-bottom: 16px;}
.vision .vision-middle .col-content ul li p{height: 150px;padding-top: 25px;font-size: 15px;color:#989898;line-height: 26px;}
.en_vision .vision-middle .col-content ul li p{height: 150px;padding-top: 15px;font-size: 15px;color:#989898;line-height: 26px;}
.vision .vision-middle .col-content ul li:nth-child(odd) p{background: #f8f8f8;}
.vision .vision-middle .col-content ul li:nth-child(even) p{background: #f1f1f1;}

.vision .ci-top .txt-block { overflow: hidden;}
.vision .vc-com:not(.vision-top) { margin-top: 70px; padding-top: 70px; border-top: 1px solid #e7e7e7; }
.vision .vc-com:after { content: ""; display: block; clear: both; }
.vision .vc-com .col-content { float: right; width: 74.5%; }
.vision .ci-middle .image-block { padding: 40px 0; }
.vision .ci-middle .btn-group a { display: inline-block; position: relative; height: 60px; border: 1px solid #000; padding: 0 65px 0 30px; line-height: 58px; color: #555; font-size: 15px; text-transform: uppercase; }
.vision .ci-middle .btn-group a:after { content: ""; display: inline-block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); background: url("../../images/update/icon_download.png") no-repeat 0 0; width: 19px; height: 16px; }
.vision .ci-middle .btn-group a:hover { color: #fff; background: #127ab7; border-color: #127ab7; }
.vision .ci-middle .btn-group a:hover:after { background-image: url("../../images/update/icon_download_hover.png") !important; }
.vision .base-color { padding: 40px 0 0; }
.vision .base-color ul { overflow: hidden; }
.vision .base-color ul li { float: left; width: 33.3333333%; }
.vision .base-color ul .color { height: 55px; }
.vision .base-color ul dl { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e7e7e7; }
.vision .base-color ul dl:nth-child(2) dt { width: auto; padding-right: 10px; }
.vision .base-color ul dl:nth-child(2) dd { color: #555; }
.vision .base-color ul dl dt, .vision .base-color ul dl dd { float: left; }
.vision .base-color ul dl dt { width: 110px; }
.vision .base-color ul dl dd { color: #989898; }

@media (max-width: 1200px) { .vision .vision-middle .col-content ul li{width: 50%;}
.vision .vision-middle .col-content ul li:nth-last-child(-n+2){padding-top: 15px;}
.vision .vision-middle .it-title{float: none;}
.vision .vision-middle .col-content ul li p{font-size: 13px;line-height: 20px;}
.vision .vision-middle .col-content{float: none;width: 100%;}
}
@media (max-width: 1140px) { .vision .it-title { font-size: 25px; }
  .vision .it-txt { font-size: 13px; }
  .vision .ci-top .image-block { margin-bottom: 35px; }
  .vision .ci-top .it-title, .vision .ci-top .txt-block p { float: none; }
  .vision .ci-top .txt-block p { margin-top: 15px; }
  .vision .vc-com { margin-top: 35px; padding-top: 35px; } }
@media (max-width: 768px) { .vision .it-title { float: none; padding-bottom: 15px; }
  .vision .vc-com .col-content { float: none; width: 100%; }
  .vision .ci-middle .btn-group { overflow: hidden; }
  .vision .ci-middle .btn-group a { float: left; width: 50%; line-height: 40px; height: 40px; font-size: 12px; }
  .vision .ci-middle .btn-group a + a { border-left: 0; } }
/* old custom new */
ul.table > li .table-td figure.thumb.mt0 { margin-top: 0; }

.box-oneset { overflow: hidden; width: 100%; }
.box-oneset p, .box-oneset img { float: left; }
.box-oneset img { border-right: 1px solid #e7e7e7; }
.box-oneset .sm-box-com{border-bottom: 1px solid #e7e7e7;overflow: hidden;}
.box-oneset .sm-box ul li{float: left;width: 50%;text-align: center;}
.box-oneset .sm-box01 ul li{float: left;width: 33.3333%;}
.box-oneset .sm-box-com ul li:after{display: block;content:'';clear: both;}
.box-oneset .sm-box-com ul li img{float: none;}
.box-oneset .sm-box-com ul li h4{color:#127ab7;text-align: center;font-size: 13px;padding: 10px;border-top: 1px solid #e7e7e7;}
.box-oneset p { padding: 60px 0 0 35px; line-height: 1.3; }
.box-oneset p.t2 { padding-top: 30px; }
.box-oneset p.t3{padding: 25px 20px 20px 20px}

.box-oneset p strong { display: block; font-size: 15px; margin-bottom: 25px; color: #000; }

.en_box-oneset{
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.en_box-oneset img{
  width: 50%;
  border-right: none;
}
.en_box-oneset p{width: 50%;padding: 30px; border-left: 1px solid #e7e7e7;}


@media (max-width: 1400px) { ul.table > li .table-td figure.thumb.box-oneset { width: 100%; }
  ul.table > li .table-td figure.thumb.box-oneset p { padding: 20px !important; }
.box-oneset .sm-box-com ul li,.box-oneset .sm-box01 ul li{float: none;width: 100%;}
.en_box-oneset{display: block;}
.en_box-oneset p{width: 100%}
}

.row-ea3 { overflow: hidden; margin: 0 -8px; padding-top: 35px; }

.col-comm { float: left; width: 25%; padding: 0 8px; }
.col-comm img { width: 100%; }
.col-comm .thumb-group div { border: 1px solid #f8f8f8; }
.col-comm .thumb-group div + div { margin-top: 15px; }
.col-comm dl { overflow: hidden; margin-bottom: 10px; }
.col-comm dl dt, .col-comm dl dd { float: left; }
.col-comm dl dt { width: 50px; line-height: 48px; height: 48px; background: #4298cc; text-align: center; font-weight: 700; color: #fff; }
.col-comm dl dd { font-size: 15px; color: #111111; background: #f3f3f3; height: 48px; line-height: 48px; width: calc(100% - 50px); padding-left: 15px; border: 1px solid #ddeaf2; border-right: 0; font-weight: bold; position: relative; }
.col-comm dl dd:after { content: ""; display: block; position: absolute; right: 0; top: -1px; height: 50px; width: 20px; background: url("../../images/update/arrow_ad.gif") no-repeat 100% 0; }


@media (max-width: 1200px) { .col-comm dl dt, .col-comm dl dd { font-size: 11px; } }
@media (max-width: 1100px) { .col-comm { width: 50%; }
  .col-comm dl dt, .col-comm dl dd { font-size: 11px; }
  .col-comm:nth-child(3) { margin-top: 25px; }
  .col-comm:nth-child(4) { margin-top: 25px; } }

@media (max-width: 900px) { .col-comm { width: 100%; }
  .col-comm:nth-child(2), .col-comm:nth-child(3) { margin-top: 15px; } }
/* rnd
*/
.rnd hgroup { background-image: url("../../images/update/bg_rnd.jpg"); }
@media (max-width: 768px) { .rnd hgroup:after { background-image: url("../../images/update/bg_rnd.jpg"); } }

/*
* SM
*/
.sm hgroup { background-image: url("../../images/update/bg_sm.jpg"); }
@media (max-width: 768px) { .sm hgroup:after { background-image: url("../../images/update/bg_sm.jpg"); } }

/*
* marine
*/
.marine hgroup { background-image: url("../../images/update/bg_marine.jpg"); }
@media (max-width: 768px) { .marine hgroup:after { background-image: url("../../images/update/bg_marine.jpg"); } }

/*
* survey
*/
.survey hgroup { background-image: url("../../images/update/bg_survey.jpg"); }
@media (max-width: 768px) { .survey hgroup:after { background-image: url("../../images/update/bg_survey.jpg"); } }

/*
* advanced
*/
.advanced hgroup { background-image: url("../../images/update/bg_advanced.jpg"); }
@media (max-width: 768px) { .advanced hgroup:after { background-image: url("../../images/update/bg_advanced.jpg"); } }


@media (max-width:380px){
.vision .base-color ul dl dt, .vision .base-color ul dl dd{float: none;}
.vision .base-color ul dl dd{font-size: 11px;}
}

@media (max-width: 480px) {
	.link_pdf .btn .in{width: 105% !important;font-size: 13px;}
	.link_pdf .btn:after{right: 21px;}
}


.Maritime hgroup { background-image: url("../../images/update/bg-marine-RandD.png"); }
@media (max-width: 768px) { .Maritime hgroup:after { background-image: url("../../images/update/bg-marine-RandD.png"); } }


.btn-down a { display: inline-block; position: relative; height: 60px; border: 1px solid #000; padding: 0 65px 0 30px; line-height: 58px; color: #555; font-size: 15px; text-transform: uppercase; }
.btn-down a:after { content: ""; display: inline-block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); background: url("../../images/update/icon_download.png") no-repeat 0 0; width: 19px; height: 16px; }
.btn-down a:hover { color: #fff; background: #127ab7; border-color: #127ab7; }
.btn-down a:hover:after { background-image: url("../../images/update/icon_download_hover.png") !important; }

.mb20{
    margin-bottom: 20px;
}
@media (max-width: 768px) { 
    .mb20{
        margin-bottom: 5px;
    }
    .btn-down a {         
        display: flex;
        align-items: center;
        line-height: 15px;
        height: 40px;
        font-size: 12px;
    }
}

.en_flex{
    display: flex;
    justify-content: space-between;
}
.en_flex .thumb{
    margin-left: 0 !important;
}

@media (max-width: 1000px) { 
    .en_flex{
        flex-wrap: wrap;
    }
}