@charset "utf-8";


/* 공통 */
/*이미지 확대 버튼*/
.pic_btn a, .ds_no {display: none;}
.pic_btn a:hover{background-color:#236dc7;/*border-color:#348c01;*/color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
.pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
.pic_img{text-align: center;}
}
@media(max-width:560px){
.pic_btn a {width: 75%;}
}
@media(max-width:450px){
.pic_btn a {width: 100%;}
}

.tab-content{display: none;}
.tab-content.current{display: inherit;}

.ui-list__bodo.type1.title.s020203 .obj .item .inner{min-height:150px;}

@media(max-width:767px){
    .ui-list__bodo.type1.title.s020203 .obj .item .inner{min-height:auto;}
}

.komsa_sitemap>li{line-height: 21px;padding-left:15px;color: #6e7179;margin:5px 0;}
.komsa_sitemap_2>li{line-height: 22px;color:#666;padding-left:15px;margin:5px 0;}
.komsa_sitemap_3>li{line-height: 21px;color:#666;padding-left:15px;margin:5px 0;}
.komsa_sitemap_list{}
.komsa_sitemap_list ul li{float:left;width:calc(50% - 10px);margin-bottom:10px;}
.komsa_sitemap_list ul li:nth-child(even){margin-left:20px;}
.komsa_sitemap_list ul li a{width:100%;}

@media(max-width:767px){
    .komsa_sitemap_list ul li{float:none;width:100%;}
    .komsa_sitemap_list ul li:nth-child(even){margin-left:0;}
}
/* 공통 End */

/* sub010301 */
.img_topbox{background: url(/images/kor/sub01/imgbox.jpg) no-repeat;width:100%;height:340px;position: relative;margin-bottom:50px;}
.img_topbox .logobox{position: absolute;right:0;top:0;overflow: hidden;background:#00198b;border-radius: 0 0 0 50px;width:275px;height:100%;display: table;text-align: center;}
.img_topbox .logobox .logo{display: table-cell;vertical-align: middle;}
.img_topbox .logobox:before{content:"";position: absolute;right: -73px;bottom: -90px;background: url(/images/kor/sub01/wave01.png) no-repeat;width:417px;height:179px;}
.img_topbox .logobox:after{content:"";position: absolute;left: 62px;bottom: -105px;background: url(/images/kor/sub01/wave02.png) no-repeat;width:258px;height:149px;}

@media(max-width:767px){
    .img_topbox .logobox{position: relative;top: 50%;width: 85%;height: 200px;margin: 0 auto;transform: translateY(-50%);}
}
/* sub010301 End*/

/* 인사말 */
.ui-greeting.greeting-f .ui-greeting__box{position: relative;z-index: 1;}
.ui-greeting.greeting-f .ui-greeting__img{position: absolute;right:0;top:0;z-index: -1;}
.ui-greeting.greeting-f .ui-greeting__img .ui-greeting__sign{position: absolute;right: 54px;top: 320px;bottom: 42px;text-align:right;color:#07318e;font-size:16px;}
.ui-greeting.greeting-f .ui-greeting__img .ui-greeting__sign strong{display: block;margin-top:16px;}

.ui-greeting.greeting-f .ui-greeting__box .ui-greeting__group{padding-top:17px;padding-right:405px;}

.ui-greeting.greeting-f .ui-greeting__box .ui-greeting__group .tit{display: block;position: relative;margin-bottom: 48px;padding-top: 32px;font-size: 30px;font-weight:400;letter-spacing: -2px;line-height: 1.31;font-family: 'score';}
.ui-greeting.greeting-f .ui-greeting__box .ui-greeting__group .tit:before{content:'';position: absolute;left: 0;top: 0;background: url(/images/kor/sub01/greetings_subtitle.png) no-repeat;width:100%;height:12px;}
.ui-greeting.greeting-f .ui-greeting__box .ui-greeting__group .tit .color1{color: #07318e;font-family: 'score';}

.ui-greeting.greeting-f .ui-greeting__box .ui-greeting__group .sub-title{position: relative;display: block;margin-bottom: 42px;font-size: 18px;line-height: 1.4;color: #444;padding-top:30px;}
.ui-greeting.greeting-f .ui-greeting__box .ui-greeting__group .sub-title:before{content: "";position: absolute;left:0;top:0;width:39px;height:3px;background: #07318e;}

.ui-greeting.greeting-f .ui-greeting__box  p{font-size: 15px;line-height: 1.6;}

.ui-greeting.greeting-f .ui-greeting__subbox{margin-top:50px;}
.ui-greeting.greeting-f .ui-greeting__subbox ul{margin-bottom:39px;}
.ui-greeting.greeting-f .ui-greeting__subbox ul li{padding-left:70px;position: relative;display: table;min-height: 60px;margin-bottom: 9px;height:60px;}
.ui-greeting.greeting-f .ui-greeting__subbox ul li strong{position: absolute;left:0;top:0;width:60px;height:60px;border-radius: 100%;color:#fff;line-height:60px;text-align:center;}
.ui-greeting.greeting-f .ui-greeting__subbox ul li strong.color1{background-color:#02316a;}
.ui-greeting.greeting-f .ui-greeting__subbox ul li strong.color2{background-color:#2e69cb;}
.ui-greeting.greeting-f .ui-greeting__subbox ul li .inner{display: table-cell;vertical-align: middle;}
.ui-greeting.greeting-f .ui-greeting__subbox .bottom{line-height:1.6;}

@media(max-width:767px){
    .ui-greeting.greeting-f br{display: none;}

    .ui-greeting.greeting-f .ui-greeting__img{position: relative;right:auto;top:auto;text-align:center;margin-bottom:20px;}
    .ui-greeting.greeting-f .ui-greeting__img .ui-greeting__sign{position: relative;right:0;top: 0;}
    .ui-greeting.greeting-f .ui-greeting__box .ui-greeting__group{padding:0;}

    .ui-greeting.greeting-f .ui-greeting__subbox ul li{padding-left:0;min-height: auto;height:auto;}
    .ui-greeting.greeting-f .ui-greeting__subbox ul li strong{position: relative;left:auto;top:auto;width:100%;border-radius:0;display:block;}
    .ui-greeting.greeting-f .ui-greeting__subbox ul li .inner{display: block;border:1px solid #ddd;border-top:none;padding:15px;}
}

/* 프로필 sub010103 */
.komsa_profile{position: relative;}
.komsa_profile .img_wrap{position: absolute;left: 0;top:22px;}

.komsa_profile .profile_wrap{padding-left: 41%;padding-top: 20px;}
.komsa_profile .profile_wrap .title{font-weight:800;}
.komsa_profile .profile_wrap .title strong{font-weight:bold;font-size:32px;letter-spacing: -0.05em;line-height: 1;}
.komsa_profile .profile_wrap .title strong em{display: block;font-weight:800;letter-spacing: -0.05em;}
.komsa_profile .profile_wrap .title strong em span{color:#0166cc;letter-spacing: -0.05em;}
.komsa_profile .profile_wrap .name_box{margin:42px auto 57px;}
.komsa_profile .profile_wrap .name_box ul li{position: relative;padding-left:100px;font-weight: bold;color: #394158;}
.komsa_profile .profile_wrap .name_box ul li span{position: absolute;left:0;top:0;font-size:16px;color:#394158;font-weight:normal;}

.komsa_profile .profile_box_wrap{padding-left:4px;}
.komsa_profile .profile_box_wrap .profile_box + .profile_box{margin-top:64px;}
.komsa_profile .profile_box_wrap .profile_box strong{color:#2e2e2e;font-size:18px;font-weight:bold;}
.komsa_profile .profile_box_wrap .profile_box ul{border-top:1px solid #cacaca;padding-top:24px;margin-top:11px;position: relative;}
.komsa_profile .profile_box_wrap .profile_box ul::before{content: "";position: absolute;left:0;top:-2px;width:64px;height:3px;background:#001c60;}
.komsa_profile .profile_box_wrap .profile_box ul li{position: relative;padding-left:43.3%;}
.komsa_profile .profile_box_wrap .profile_box ul li + li{margin-top:14px;}
.komsa_profile .profile_box_wrap .profile_box ul li span{position: absolute;left:0;top:0;color:#001a60;font-size:15px;}
.komsa_profile .profile_box_wrap .profile_box ul li em{color:#07318e;}


@media(max-width:767px){
    .komsa_profile .img_wrap{display: none;}
    .komsa_profile .profile_wrap{padding:0;}
    .komsa_profile .profile_box_wrap{padding-left:0;}
    .komsa_profile .profile_box_wrap .profile_box ul li span{position: absolute;left:0;top:0;color:#001a60;font-size:15px;}
    .komsa_profile .profile_box_wrap .profile_box ul li em{color:#07318e;}
}
@media(max-width:500px){
    .komsa_profile .profile_wrap .title strong{font-size:25px;}
    .komsa_profile .profile_wrap .name_box{margin:20px auto 35px;}
    .komsa_profile .profile_box_wrap .profile_box ul li{padding-left:0;}
    .komsa_profile .profile_box_wrap .profile_box ul li span{position: relative;left:auto;top:auto;display: block;margin-bottom:5px;}
}
/* 프로필 End */

/* 찾아오시는길 sub0106 */
.s0106 #map{width:100%;height:435px;}
.s0106 .h2.top{margin-top:0;}
.s0106 .info_box {background: url(/images/kor/sub01/load_info.jpg) no-repeat;background-size: 100% 100%;width:85%;padding:43px 15px 35px 350px;position: relative;top:-70px;z-index: 5;color:#fff;margin:0 auto;}
.s0106 .info_box strong{display: block;background: url(/images/eng/sub01/load_logo.png) no-repeat;width:127px;height:29px;position: absolute;left:85px;top:50%;margin-top:-14.5px;font-size:0;line-height:0;}
.s0106 .info_box .info{position: relative;}
.s0106 .info_box .info::before{content: "";position: absolute;left:-64px;top:50%;width:1px;height:60px;background: #fff;transform: translateY(-50%);}
.s0106 .info_box .info ul li{letter-spacing: -0.03em;}
.s0106 .info_box .info ul li a{color:#fff;}
.s0106 .info_box .info ul li:first-child{font-size:16px;}
.s0106 .info_box .info ul li:nth-child(2){font-size:15px;color:rgba(255,255,255,0.8);}
.s0106 .info_box .info ul li span{display: inline-block;vertical-align: top;background: url(/images/kor/sub01/load_icon.png) no-repeat;width:27px;height:27px;margin-right:7px;}
.s0106 .info_box .info ul li+li{margin-top:12px;}

.s0106 .load_box{position: relative;border:1px dashed rgba(0,0,0,0.5);border-width:1px 0 1px 0;padding:40px 20px 40px 205px;}
.s0106 .load_box:nth-child(2){border-top:0;}
.s0106 .load_box .circle{position: absolute;left:40px;top:45px;width:95px;height:95px;background-color: #f3f3f3;}
.s0106 .load_box .inner strong{display: block;color:#0f1720;font-weight:bold;position: relative;padding-left:20px;}
.s0106 .load_box .inner strong::before{content: "";position: absolute;left:0;top:50%;width:10px;height:16px;background: url(/images/kor/sub01/load_tit.png);margin-top:-8px;}
.s0106 .load_box .inner ul li{color:#797979;letter-spacing: -0.025em;}
.s0106 .load_box .inner ul.list-1st >li+li{margin-top:20px;}

@media(max-width:767px){
    .s0106 .info_box {padding:35px 20px;background-size:cover;top:-100px;}
    .s0106 .info_box strong{position: relative;left:auto;top:auto;transform: translateY(0);margin:0 auto 20px;}
    .s0106 .info_box .info::before{content: "";position: absolute;left:0;}
    .s0106 .info_box .info ul{padding-left:30px;}

    .s0106 .load_box{padding:30px;}
    .s0106 .load_box .circle{position: relative;left:auto;top:auto;margin:0 auto 30px;}
}

/* 찾아오시는길 End */


/* sub02010107 */
.s02010107 .ui-list__column {margin: 20px 0 0 0;}
.s02010107 .ui-list__column .inner {min-height: 410px;  border-radius: 0 0 0 50px;position: relative;margin: 0 22px 22px 0; width: calc(33.33% - 17px);}
.s02010107 .ui-list__column .inner:nth-child(1) { border: 1px solid #0166cc;}
.s02010107 .ui-list__column .inner:nth-child(2) { border: 1px solid #2d3762;}
.s02010107 .ui-list__column .inner:nth-child(3) { border: 1px solid #404455; margin-right: 0;}
.s02010107 .ui-list__column .inner .circle {width: 91px; height: 91px;}
.s02010107 .ui-list__column .inner:before {position: absolute; left: -24px; top: 50%; content: ""; width: 24px; height: 1px; background: #404455;}
.s02010107 .ui-list__column .inner:nth-child(1):before {display: none;}
.s02010107 .ui-list__column .inner:after {background-repeat: no-repeat; position: absolute; right: 0; bottom: 0;z-index: 1; content: ""; width: 210px; height: 90px;}
.s02010107 .ui-list__column .inner:nth-child(1):after {background:  url(/images/kor/sub05/box_bg01.png);background-position: 71% 0%;}
.s02010107 .ui-list__column .inner:nth-child(2):after {background:  url(/images/kor/sub05/box_bg02.png);background-position: 71% 0%;}
.s02010107 .ui-list__column .inner:nth-child(3):after {background:  url(/images/kor/sub05/box_bg03.png);background-position: 71% 0%;}
.s02010107 .ui-list__column .inner:nth-child(1) .circle {background: #0166cc;}
.s02010107 .ui-list__column .inner:nth-child(2) .circle {background: #2d3762;}
.s02010107 .ui-list__column .inner:nth-child(3) .circle {background: #404455;}
.s02010107 .btn {border:1px solid #a9a9a9; border-radius: 4px; padding: 7px 35px 7px 12px; color:#797979; font-size: 14px;}
.s02010107 .ui-list__column .inner a {margin: 30px 0 0 0;}
.s02010107 .btn-icon .arrow:before {width: 1px; height: 9px; background: #797979;}
.s02010107 .btn-icon .arrow:after {width: 1px; height: 9px; background: #797979;}
.s02010107 .circle .ir-icon {background: url(/images/kor/sub05/box_icon_ir.png); background-repeat: no-repeat; width: 35px;height:35px;}
.s02010107 .circle .ir-icon.icon1 {background-position: 5px 0;width:40px;}
.s02010107 .circle .ir-icon.icon2 {background-position: -45px 0;}
.s02010107 .circle .ir-icon.icon3 {background-position: -92px 0;}
.s02010107 .btn-icon.focus,
.s02010107 .btn-icon:focus,
.s02010107 .btn-icon:hover {color:#fff;}
.s02010107 .btn-icon.focus .arrow:before,
.s02010107 .btn-icon:focus .arrow:before,
.s02010107 .btn-icon:hover .arrow:before,
.s02010107 .btn-icon.focus .arrow:after,
.s02010107 .btn-icon:focus .arrow:after,
.s02010107 .btn-icon:hover .arrow:after {background: #fff; width: 2px;}
.s02010107 .ui-list__column .inner .ui-summary strong {font-size: 18px;}
.s02010107 .ui-list__column .inner .ui-summary p {line-height: 24px;}
.s02010107 .ui-list__column .inner .ui-summary p > small {line-height: 21px;}
@media(max-width:1150px){
    .s02010107 .ui-list__column .inner { width: calc(50% - 24px);min-height: 400px;}
    .s02010107 .ui-list__column .inner:nth-child(3):before { left: 50%; top: -24px; width: 1px; height: 24px;}
}
@media(max-width:640px){
    .s02010107 .ui-list__column .inner { width: 100%; min-height: auto;}
    .s02010107 .ui-list__column .inner:nth-child(2):before { left: 50%; top: -24px; width: 1px; height: 24px;}
}

.s020402_topbox .box {display: inline-block;position: relative;padding: 30px 20px 30px 0px;width: 100%;text-align: left;border-bottom:1px solid #ddd;}
.s020402_topbox .box .sub_tit {display: inline-block;float: left;width: 20%;font-size: 15px;color:rgba(15,23,32,0.6);font-weight:bold;margin-right:5%;}
.s020402_topbox .box .sub_tit em {display: block;font-size: 28px;color: #0f1720;}

.s020402_topbox .box .txt_box {float: right;width: 75%;}
.s020402_topbox .box .txt_box h3:first-child{margin-top:0;}

@media only screen and (max-width: 767px) {
    .s020402_topbox .box .sub_tit {float: none;width: 100%;margin-bottom: 10px;}
    .s020402_topbox .box .txt_box {float: none;width: 100%;}
}

/* 심볼마크 sub010201 */
.s010401_simbol{border:1px solid #ddd;padding:7.4% 20px 50px;text-align: center;margin-bottom:60px;}
.s010401_simbol .button{margin-top:25px;}
.s010401_simbol .txt{margin-top:20px;}
.s010401_simbol .txt strong{font-weight:bold;color:#282828;}
.simbol_intro ul li{display: inline-block;}
.simbol_intro ul li+li{margin-left:35px;}
.simbol_intro ul li span{vertical-align: text-bottom;display: inline-block;width:21px;height:21px;margin-right:8px;}
.simbol_intro ul li.color1 span{background: #0094d5;border-radius: 100%;}
.simbol_intro ul li.color1{color:#0094d5;}
.simbol_intro ul li.color2 span{background: #003767;border-radius: 100%;}
.simbol_intro ul li.color2{color:#003767;}
.simbol_intro p{line-height:1.87;}

.simbol_intro .size{margin-top:50px;overflow: hidden;display: table;}
.simbol_intro .size .size_box{float: left;}
.simbol_intro .size .txt_box{color:#6f6f6f;display: table-cell;vertical-align: middle;padding-left: 35px;}
.simbol_intro .size .txt_box strong{font-size:16px;font-weight:bold;}

.s010401_simbol_type02{padding:50px 20px;border:1px solid #ddd;text-align:center;}

.s010401_simbol_type03{padding:50px 20px;border:1px solid #ddd;text-align:center;}
.s010401_simbol_type03 ul{overflow: hidden;display: inline-block;}
.s010401_simbol_type03 ul li{float:left;width:calc(33.33% - 23.5px);}
.s010401_simbol_type03 ul li+li{margin-left:35px;}


.logo_type01{overflow: hidden;}
.logo_type01 .logo{float:left;width:calc(50% - 20px);padding:60px 25px 40px;border:1px solid #ddd;text-align:center;min-height:360px;}
.logo_type01 .logo+.logo{margin-left:40px;}
.logo_type01 .logo .logobox .top{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #ddd;}
.logo_type01 .logo.left .logobox .top{margin-bottom:70px;}
.logo_type01 .logo+.logo .logobox .bottom img+img{margin-top:20px;}

.logo_type02{border:1px solid #ddd;padding:25px;display: table;min-height:205px;width:100%;}
.logo_type02 .logo{display: table-cell;vertical-align: middle;width: 50%;text-align: center;}
.logo_type02 .logo+.logo{padding-left:50px;}
.logo_type02 .logo:first-child{border-right:1px solid #ddd;}

@media(max-width:767px){
    .simbol_intro .size{display: block;text-align: center;}
    .simbol_intro .size .size_box{float: none;display: block;margin-bottom:20px;}
    .simbol_intro .size .txt_box{display: block;padding-left: 0;}

    .s010401_simbol_type02{padding:50px 20px;border:1px solid #ddd;text-align:center;}

    .logo_type01{overflow: hidden;}
    .logo_type01 .logo{float:none;width:100%;min-height:auto;}
    .logo_type01 .logo+.logo{margin-left:0;margin-top:20px;}

    .logo_type02{min-height:auto;}
    .logo_type02 .logo{display: block;width:100%;}
    .logo_type02 .logo+.logo{padding-left:0;margin-top:30px;}
    .logo_type02 .logo:first-child{border-right:0;border-bottom:1px solid #ddd;padding-bottom:30px;}

    .s010401_simbol_type03 ul li{float:none;width:100%;}
    .s010401_simbol_type03 ul li+li{margin-left:0;margin-top:30px;}
}

@media(max-width:400px){
    .simbol_intro ul li{display: block;}
    .simbol_intro ul li+li{margin-left:0;margin-top:10px;}
}
/* 심볼마크 End */

/* 연혁 sub010303*/
.history_top{padding:54px 350px 54px 55px;background: url(/images/kor/sub01/history_topbox.jpg) no-repeat;margin-bottom:35px;background-size: 100% 100%;}
.history_top strong{font-size:21px;font-family: 'score';font-weight:bold;position: relative;color:#fff;}
.history_top strong:before{content: "";position: absolute;left:-20px;top:-20px;background: url(/images/kor/sub01/history_title.png) no-repeat;width:38px;height:36px;}
.history_top p{color:#fff;}

.timeline-e {}
.timeline-e .timeline__head {position: relative;left: -7px;width: 224px;height: 211px;margin: 0 auto 30px;padding-left: 10px;background: url(/images/kor/sub01/history_top.png) no-repeat;display: table;}
.timeline-e .timeline__head:after{content: "";position: absolute;left:53%;bottom:-35px;width:1px;height:53px;background: #08318e;margin-left:-0.5px;}
.timeline-e .timeline__head >div{display: table-cell;vertical-align: middle;text-align:center;}
.timeline-e .timeline__head strong {display:inline-block;vertical-align: middle;font-weight:bold;font-size: 20px;line-height: 100px;width:100px;height:100px;border:1px solid #01389c;background: #01389c;border-radius: 100%;color:#fff;}

.timeline-e .timeline__body {position:relative; padding:0 0 50px;}
.timeline-e .timeline__body:before {display:block;position:absolute;top:0;left:50%;bottom:0;content:'';width:1px;height:auto;background:#ddd;}

.timeline-e .timeline__foot{text-align: center;}
.timeline-e .timeline__foot strong {display:inline-block;vertical-align: middle;font-weight:bold;font-size: 24px;line-height: 100px;width:100px;height:100px;border:1px solid #4a566f;background: #4a566f;border-radius: 100%;color:#fff;}


.timeline-e .timeline__body .timeline__item {position:relative;margin-top:-72px;}
.timeline-e .timeline__body .timeline__item:first-child{margin-top:0;}
.timeline-e .timeline__body .timeline__item:before {display:block;position:absolute;top: 0;left:50%;content:'';width: 25px;height: 25px;margin-left: -12.5px;background:url(/images/kor/sub01/history_bul.png) no-repeat;z-index: 1;}
.timeline-e .timeline__body .timeline__item:first-child:before{background:url(/images/kor/sub01/history_bul_top.png);}
.timeline-e .timeline__body .timeline__item:after {display:block; clear:both; visibility:hidden; content:'';}
.timeline-e .timeline__body .timeline__item .timeline__box {position:relative; width:50%;}
.timeline-e .timeline__body .timeline__item .timeline__box.timeline__left {float:left; padding-right:85px; text-align:right;}
.timeline-e .timeline__body .timeline__item .timeline__box.timeline__right {float:right;padding-left: 85px;}
.timeline-e .timeline__body .timeline__item .timeline__box p {position:relative; margin:0}
.timeline-e .timeline__body .timeline__item .timeline__box p:before {display:block;position:absolute;top: 11px;left: -74px;content:'';width: 41px;height:1px;background: #ddd;}
.timeline-e .timeline__body .timeline__item:first-child .timeline__box p:before{background: #08318e;}

.timeline-e .timeline__body .timeline__item .timeline__box.timeline__left p:before {left:auto;right: -74px;}
.timeline-e .timeline__body .timeline__item .timeline__box p span {display:block;margin: 0 0 20px;font-size:24px;font-weight:700;color: #0c2685;line-height: 1;}
.timeline-e .timeline__body .timeline__item .timeline__box .timelist {}
.timeline-e .timeline__body .timeline__item .timeline__box .timelist li {position:relative;margin: 0 0 10px;padding:0 0 0 55px;color:#666;}
.timeline-e .timeline__body .timeline__item .timeline__box .timelist li b {position:absolute;left:0;top:0;font-weight: bold;color: #252527;}
.timeline-e .timeline__body .timeline__item .timeline__box.timeline__left .timelist li {padding:0 55px 0 0 ;}
.timeline-e .timeline__body .timeline__item .timeline__box.timeline__left .timelist li b {left:auto; right:0;}

@media only screen and (max-width:767px){
    .history_top{padding:55px;background-size: cover;}

    .timeline-e .timeline__body {padding:0;}
    .timeline-e .timeline__body:before{bottom:-30px;}
    .timeline-e .timeline__body .timeline__item:before{display:none;}
    .timeline-e .timeline__body .timeline__item {}
    .timeline-e .timeline__body .timeline__item .timeline__box {width:100%; margin:50px 0; background:#fff;}
    .timeline-e .timeline__body .timeline__item .timeline__box.timeline__left,
    .timeline-e .timeline__body .timeline__item .timeline__box.timeline__right {float:none; padding:20px 0; text-align:left;}
    .timeline-e .timeline__body .timeline__item .timeline__box p {text-align:center;}
    .timeline-e .timeline__body .timeline__item .timeline__box p:before,
    .timeline-e .timeline__body .timeline__item .timeline__box.timeline__left p:before {display:none;}
    .timeline-e .timeline__body .timeline__item .timeline__box.timeline__left .timelist li {padding:0 0 0 55px;}
    .timeline-e .timeline__body .timeline__item .timeline__box.timeline__left .timelist li b {left:0; right:auto;}
    .timeline-e .timeline__body .timeline__item .timeline__box .timelist {padding: 20px 20px 10px;border:1px solid #ddd;}
    .timeline-e .timeline__body .timeline__item .timeline__box .history_img{margin-top:20px;text-align: center;}
}
/* 연혁 End */

/*  온실가스 감축 외부사업 sub020402 */
.s020402 .ui-topbox.type3 .inner .ir-icon{background: url(/images/kor/sub02/sub020402_top.png) no-repeat;}
/*  온실가스 감축 외부사업 End*/

/*  여객선 운항관리 sub020402 */
.s02021 .ui-topbox.type3 .inner .ir-icon{background: url(/images/kor/sub02/sub020201_top.png) no-repeat;}

.s020201_list{}
.s020201_list > ul{overflow: hidden;}
.s020201_list > ul > li{width:calc(50% - 10px);float:left;}
.s020201_list > ul > li + li{margin-left:19px;}
.s020201_list > ul > li.left .top{width:176px;height:174px;background: url(/images/kor/sub02/sub020201_bg1.png) no-repeat;margin:0 auto;display: table;margin-bottom:17px;position: relative;text-align: center;}
.s020201_list > ul > li.right .top{width:176px;height:174px;background: url(/images/kor/sub02/sub020201_bg2.png) no-repeat;margin:0 auto;display: table;margin-bottom:17px;position: relative;text-align: center;}
.s020201_list > ul > li .top::before{content: "";position: absolute;left:50%;bottom:-17px;width:1px;height:17px;background: #0069cc;margin-left:1px;}
.s020201_list > ul > li .top span{display: table-cell;vertical-align: middle;font-size:18px;color:#fff;font-weight:bold;padding:0 20px;line-height: 1.2;}
.s020201_list > ul > li .bottom{border:10px solid #f4f7fa;padding:25px;min-height:405px;position: relative;}
.s020201_list > ul > li .bottom::before{content: "";position: absolute;left:50%;top:-9px;width:9px;height:9px;border:2px solid #0069cc;background: #fff;margin-left:-4.5px;border-radius: 100%;}

@media(max-width:1245px){
    .s020201_list > ul > li .bottom{min-height:427px;}
}
@media(max-width:1169px){
    .s020201_list > ul > li .bottom{min-height:470px;}
}
@media(max-width:1110px){
    .s020201_list > ul > li .bottom{min-height:490px;}
}
@media(max-width:1050px){
    .s020201_list > ul > li .bottom{min-height:511px;}
}
@media(max-width:1023px){
    .s020201_list > ul > li .bottom{min-height:405px;}
}
@media(max-width:970px){
    .s020201_list > ul > li{width:100%;float:none;}
    .s020201_list > ul > li + li{margin-left:0;margin-top:30px}
    .s020201_list > ul > li .bottom{min-height:auto;}
}
/*  여객선 운항관리 End*/


/* 가치체계도 sub010302 */
.s010302 .box_wrap{margin-bottom:90px;}
.s010302 .box_wrap .h2{font-size:29px;text-align:center;color:#4b4b4b;margin-bottom:35px;}

.s010302 .top_wrap{}
.s010302 .top_wrap .top{width:414px;height:361px;background: url(/images/kor/sub01/sub010302_topimg.png) no-repeat;margin:0 auto 50px;padding-top:80px;padding-right:30px;text-align:center;}
.s010302 .top_wrap .top span{font-weight:bold;color:#fff;font-size:18px;display: block;}
.s010302 .top_wrap .top span em{display: block;font-size:13px;font-weight:bold;position: relative;}
.s010302 .top_wrap .top span em:before{content: "";position: absolute;left:50%;top:0;width:36px;height:2px;background: rgba(2,197,252,0.5);margin-left:-18px;}
.s010302 .top_wrap .top p{font-size:28px;font-family: "score";font-weight:400;color:#fff;margin-top:35px;line-height:1.35;}
.s010302 .top_wrap .top p em{color:#87deff;font-family: 'score';}

.s010302 .top_wrap .bottom{padding:0 10%;}
.s010302 .top_wrap .bottom .box{border:1px solid #ddd;margin-bottom:50px;text-align:center;position: relative;}
.s010302 .top_wrap .bottom .box.box01{padding:55px 20px 40px;}
.s010302 .top_wrap .bottom .box.box02{padding:45px 20px 30px;}
.s010302 .top_wrap .bottom .box.box03{padding:45px 20px 30px;}

.s010302 .top_wrap .bottom .box .title{display: inline-block;position: absolute;left: 50%;top: -15px;transform: translateX(-50%);background: #fff;width: 110px;}
.s010302 .top_wrap .bottom .box.box02 .title{width:150px;}
.s010302 .top_wrap .bottom .box.box03 .title{width:230px;}
.s010302 .top_wrap .bottom .box.box03 p{font-size:20px;}
.s010302 .top_wrap .bottom .box .title span{font-weight:bold;color:#4b4b4b;font-size:18px;position: relative;display: block;}
.s010302 .top_wrap .bottom .box .title span em{display: block;font-size:13px;font-weight:bold;position: relative;}
.s010302 .top_wrap .bottom .box .title span em:after{content: "";position: absolute;left:50%;top:0;width:36px;height:1px;background: rgba(75,75,75,0.5);margin-left:-18px;}
.s010302 .top_wrap .bottom .box p{font-size:24px;color:#545454;font-family: 'score';margin:0;line-height:1.2;}
.s010302 .top_wrap .bottom .box p em{color:#0033b2;font-family: 'score';}

.s010302 .top_wrap .bottom .box.box02 ul{overflow: hidden;display: inline-block;}
.s010302 .top_wrap .bottom .box.box02 ul li{float:left;width:calc(25% - 30px);position: relative;}
.s010302 .top_wrap .bottom .box.box02 ul li:nth-child(1) span{background: #0166cc;}
.s010302 .top_wrap .bottom .box.box02 ul li:nth-child(2) span{background: #0033b2;}
.s010302 .top_wrap .bottom .box.box02 ul li:nth-child(3) span{background: #00198b;}
.s010302 .top_wrap .bottom .box.box02 ul li:nth-child(4) span{background: #434758;}

.s010302 .top_wrap .bottom .box.box02 ul li>div{display: table;margin:0 auto;}
.s010302 .top_wrap .bottom .box.box02 ul li span{color:#fff;font-size:18px;width:95px;height:95px;border-radius: 100%;display:table-cell;vertical-align: middle;word-break: break-all;padding:5px;line-height: 1.2;}
.s010302 .top_wrap .bottom .box.box02 ul li + li{margin-left:40px;}
.s010302 .top_wrap .bottom .box.box02 ul li + li::before{content: "";position: absolute;left:-20px;top:50%;transform: translateY(-50%) rotate(45deg);width:6px;height:16px;border-radius: 10px;background: rgba(0,0,0,0.1);}

.s010302 .top_wrap .bottom .box.box03 ul{overflow: hidden;}
.s010302 .top_wrap .bottom .box.box03 ul li{display: inline-block;position: relative;font-size:30px;}
.s010302 .top_wrap .bottom .box.box03 ul li.color1{color:#07318e;}
.s010302 .top_wrap .bottom .box.box03 ul li.color2{color:#434758;}
.s010302 .top_wrap .bottom .box.box03 ul li + li{margin-left:60px;}
.s010302 .top_wrap .bottom .box.box03 ul li + li::before{content: "";position: absolute;left: -30px;top: 55%;transform: translateY(-55%) rotate(45deg);width:6px;height:16px;border-radius: 10px;background: rgba(0,0,0,0.1);}

.s010302 .middle_wrap{text-align: center;}

.s010302 .bottom_wrap{}
.s010302 .bottom_wrap ul{overflow: hidden;text-align: center;}
.s010302 .bottom_wrap ul li{display:inline-block;width:calc(33.33% - 4px);vertical-align: top;text-align: left;margin-bottom:20px;}
.s010302 .bottom_wrap ul li .top{width:191px;height:189px;margin:0 auto;text-align:center;background: #284282;padding:20px 10px 0;border-radius: 100%;position: relative;}

.s010302 .bottom_wrap ul li:nth-child(1) .top,
.s010302 .bottom_wrap ul li:nth-child(1) .bottom::before,
.s010302 .bottom_wrap ul li:nth-child(1) .top:after{background: #284282;}
.s010302 .bottom_wrap ul li:nth-child(2) .top,
.s010302 .bottom_wrap ul li:nth-child(2) .bottom::before,
.s010302 .bottom_wrap ul li:nth-child(2) .top:after{background: #0033b2;}
.s010302 .bottom_wrap ul li:nth-child(3) .top,
.s010302 .bottom_wrap ul li:nth-child(3) .bottom::before,
.s010302 .bottom_wrap ul li:nth-child(3) .top:after{background: #0166cc;}
.s010302 .bottom_wrap ul li:nth-child(4) .top,
.s010302 .bottom_wrap ul li:nth-child(4) .bottom::before,
.s010302 .bottom_wrap ul li:nth-child(4) .top:after{background: #283361;}
.s010302 .bottom_wrap ul li:nth-child(5) .top,
.s010302 .bottom_wrap ul li:nth-child(5) .bottom::before,
.s010302 .bottom_wrap ul li:nth-child(5) .top:after{background: #0166cc;}

.s010302 .bottom_wrap ul li .top:after{content:"";position: absolute;left:50%;bottom:-30px;width:1px;height:30px;background: #284282;margin-left:-1px;}
.s010302 .bottom_wrap ul li .top p{color:#fff;font-size:16px;font-size:16px;letter-spacing: -0.02em;}
.s010302 .bottom_wrap ul li .top .ir{background: url(/images/kor/sub01/sub010302_icon.png) no-repeat;width:62px;height:55px;margin-bottom:10px;display: block;margin:0 auto;}
.s010302 .bottom_wrap ul li .top .ir.icon1{background-position: 0 0;}
.s010302 .bottom_wrap ul li .top .ir.icon2{background-position: -72px 0;}
.s010302 .bottom_wrap ul li .top .ir.icon3{background-position: -144px 0;}
.s010302 .bottom_wrap ul li .top .ir.icon4{background-position: -216px 0;}
.s010302 .bottom_wrap ul li .top .ir.icon5{background-position: -288px 0;}

.s010302 .bottom_wrap ul li .bottom{border:10px solid #f7f7f7;padding:15px 25px;min-height:265px;margin-top:35px;position: relative;}
.s010302 .bottom_wrap ul li .bottom::before{content:"";position: absolute;left:50%;top:-15px;width:9px;height:9px;background: #284282;border:5px solid #fff;margin-left:-9.5px;border-radius: 100%;}
.s010302 .bottom_wrap ul li .bottom span{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px;display: block;}
.s010302 .bottom_wrap ul li .bottom span:last-child{border-bottom:0;padding:0;margin:0;}

@media(max-width:1200px){
    .s010302 .bottom_wrap ul li{width:calc(33.33% - 4px);margin-bottom:50px;}
}
@media(max-width:1023px){
    .s010302 .top_wrap .bottom{padding:0 5%;}
}
@media(max-width:640px){
    .s010302 .bottom_wrap ul li{width:100%;margin-bottom:30px;text-align: center;}
    .s010302 .bottom_wrap ul li .bottom{min-height:auto;}
    .s010302 .top_wrap .bottom .box.box03 ul li{display: block;}
    .s010302 .top_wrap .bottom .box.box03 ul li + li{margin-left:0;margin-top:30px;}
    .s010302 .top_wrap .bottom .box.box03 ul li + li::before{left:50%;top:-15%;}

    .s010302 .top_wrap .bottom .box.box02 ul li{float:none;display: inline-block;width:calc(50% - 40px);margin-bottom:15px;}
    .s010302 .top_wrap .bottom .box.box02 ul li:nth-child(3){margin-left:0;}
    .s010302 .top_wrap .bottom .box.box02 ul li:nth-child(3):before{display: none;}
}
@media(max-width:460px){
    .s010302 .top_wrap .top{width: 280px;height: 244px;background: url(/images/kor/sub01/sub010302_topimg_m.png) no-repeat;padding-top: 50px;padding-right: 15px;}
    .s010302 .top_wrap .top span{font-size:18px;}
    .s010302 .top_wrap .top p{font-size: 20px;margin-top: 25px;}
    .s010302 .top_wrap .bottom .box.box02 ul{margin-top:10px;}
    .s010302 .top_wrap .bottom .box.box02 ul li{width:100%;margin-bottom:30px;}
    .s010302 .top_wrap .bottom .box.box02 ul li:nth-child(3):before{display:block;}
    .s010302 .top_wrap .bottom .box.box02 ul li + li{margin-left:0;}
    .s010302 .top_wrap .bottom .box.box02 ul li:last-child{margin-bottom:0;}
    .s010302 .top_wrap .bottom .box.box02 ul li + li::before{left:50%;top:-15px;}
}
/* 가치체계도 End */

/* 선박검사일반 sub02010101 */
.s02010101_org{text-align:center;}
.s02010101_org .s02010101_wrap .top .bg{background: url(/images/kor/sub02/sub02010101_top.png) no-repeat;width:315px;height:309px;margin:0 auto 10px;}
.s02010101_org .s02010101_wrap .top span{font-size:17px;font-weight:bold;color:#183048;}
.s02010101_org .s02010101_wrap .org_list{margin-top:40px;position: relative;padding-top:30px;}
.s02010101_org .s02010101_wrap .org_list::before{content: "";position: absolute;left: 11.8%;top:0;width: 76.3%;height:1px;background: #8aa2c1;}
.s02010101_org .s02010101_wrap .org_list::after{content: "";position: absolute;left: 50%;top:-25px;width:1px;height:25px;background: #8aa2c1;}
.s02010101_org .s02010101_wrap .org_list li{width:calc(25% - 12px);min-height:360px;border:1px solid #ddd;padding:40px 15px;border-radius: 10px;color:#4b4b4b;position: relative;z-index: 1;display: inline-block;vertical-align: top;}
.s02010101_org .s02010101_wrap .org_list li::before{content: "";position: absolute;left:50%;top:-30px;width:1px;height:30px;z-index: -1;transform: translateX(-50%);background: #8aa2c1;}
.s02010101_org .s02010101_wrap .org_list li strong{font-size:17px;font-weight:bold;line-height: 1.2;letter-spacing: -0.05em;}
.s02010101_org .s02010101_wrap .org_list li .icon .circle{margin:25px auto 20px;width:88px;height:88px;}
.s02010101_org .s02010101_wrap .org_list li:nth-child(odd){background-color: #f8f9fb;}
.s02010101_org .s02010101_wrap .org_list li:nth-child(odd) div .circle{background-color: #fff;}
.s02010101_org .s02010101_wrap .org_list li:nth-child(even){background-color: #fff;}
.s02010101_org .s02010101_wrap .org_list li:nth-child(even) div .circle{background-color: #f8f9fb;}
.s02010101_org .s02010101_wrap .org_list li+li{margin-left:11px;}

@media(max-width:767px){
    .s02010101_org .s02010101_wrap .org_list::before{left: 24.8%;width:50.5%;}
    .s02010101_org .s02010101_wrap .org_list li{width:calc(50% - 14px);min-height:306px;}
    .s02010101_org .s02010101_wrap .org_list li+li{margin-left:11px;}
    .s02010101_org .s02010101_wrap .org_list li:nth-child(3){margin-left:0;margin-top:30px;}
    .s02010101_org .s02010101_wrap .org_list li:nth-child(4){margin-top:30px;}
}
@media(max-width:640px){
    .s02010101_org .s02010101_wrap .org_list{padding-top:0;}
    .s02010101_org .s02010101_wrap .org_list::before{display: none;}
    .s02010101_org .s02010101_wrap .org_list li:nth-child(1):before{display: none;}
    .s02010101_org .s02010101_wrap .org_list li:nth-child(1){margin-top:0;}
    .s02010101_org .s02010101_wrap .org_list li{width:100%;min-height:auto;margin-top:30px;}
    .s02010101_org .s02010101_wrap .org_list li+li{margin-left:0;}
}
@media(max-width:375px){
    .s02010101_org .s02010101_wrap .top .bg{width:280px;height:276px;background-size: contain;}
}
/* 선박검사일반 End */

/* 항만국통제 sub02010301 */
.s02010201_imgbox,
.s02010202_imgbox{border:1px solid #ddd;padding:20px;margin:25px 0;}
.s02010202_imgbox{margin:0;}
.s02010201_imgbox ul li{display: inline-block;width:calc(33.33% - 9px);}
.s02010201_imgbox ul li+li,
.s02010202_imgbox ul li+li{margin-left:8px;}

.s02010202_imgbox ul li{display: inline-block;width:calc(50% - 9px);}
.s02010202_imgbox ul li img{width:100%;}

.s02010202 .ui-list__column .inner .item{min-height:240px;}

@media(max-width:640px){
    .s02010201_imgbox ul li,
    .s02010201_imgbox ul li img,
    .s02010202_imgbox ul li{width:100%;}
    .s02010201_imgbox ul li+li,
    .s02010202_imgbox ul li+li{margin-left:0;margin-top:10px;}
}
/* 항만국통제 End */


/* PCS란 sub02_010301 */
.s02010301_listbox .box_wrap{border:1px solid #ddd;border-radius: 15px;overflow: hidden;}
.s02010301_listbox .box_wrap .list-1st > li{font-size:15px;}

.s02010301_listbox .left{margin-bottom:20px;}
.s02010301_listbox .left .top{background: #0066c4;height:41px;text-align: center;}
.s02010301_listbox .left .top span{vertical-align: middle;color:#fff;font-weight:bold;font-size:16px;line-height: 41px;}
.s02010301_listbox .left .bottom{padding:15px 20px;}

.s02010301_listbox .right .top{background: #00198b;height:41px;text-align: center;}
.s02010301_listbox .right .top span{vertical-align: middle;color:#fff;font-weight:bold;font-size:16px;line-height: 41px;}
.s02010301_listbox .right .bottom{padding:15px 20px;}

@media(max-width:1240px){
    .s02010301_listbox .box_wrap{min-height:281px;}
}
@media(max-width:1135px){
    .s02010301_listbox .box_wrap{min-height:301px;}
}
@media(max-width:1099px){
    .s02010301_listbox .box_wrap{min-height:322px;}
}
@media(max-width:1023px){
    .s02010301_listbox .box_wrap{min-height:auto;float:none;}
    .s02010301_listbox .left,
    .s02010301_listbox .right{width:100%;}
    .s02010301_listbox .right{margin-left:0;margin-top:20px;}
}
/* PCS란 End */

/* 관련사이트 sub02_010303 */
.logo_wrap{}
.logo_wrap ul{overflow: hidden;text-align:center;}
.logo_wrap ul li{float:left;width:33.33%;border:7px solid transparent;}
.logo_wrap ul li a{border:1px solid #1a1b1c;display: block;transition: 0.3s;}
.logo_wrap ul li a:hover,
.logo_wrap ul li a:focus{box-shadow: 5px 5px 10px rgba(0,0,0,0.4);}
.logo_wrap ul li a .text_box{border-top:1px solid #ddd;height:80px;display: table;width:100%;padding:0 10px;}
.logo_wrap ul li a .text_box span{display: table-cell;vertical-align: middle;}

@media(max-width:767px){
    .logo_wrap ul li{width:50%;}
}
@media(max-width:500px){
    .logo_wrap ul li{width:100%;}
}
/* 관련사이트 End */

/* 해양교통안전진단 sub020302 */
.s020302 .ui-list__column .inner .item{min-height:125px;}

@media(max-width:767px){
    .s020302 .ui-list__column .inner .item{min-height:auto;}
}
/* 해양교통안전진단 End */


/* e-Nav.사업 지원 sub020304 */
.s020304 .ui-topbox.type3 .inner .ir-icon{background: url(/images/kor/sub02/sub020304_top.png) no-repeat;}
.s020304 .tab-ul.type2{border-bottom:0;}
.s020304 .tab-ul.type2 li.active a,
.s020304 .tab-ul.type2 li a:hover,
.s020304 .tab-ul.type2 li a:focus{border-color:#0166cc;}
.s020304 .ui-tab_group .ui-tab_content{margin-top: -1px;margin-left: -1px;border: 1px solid #0166cc;position: relative;width:100%;padding:20px 10px;min-height:auto;display: block;text-align: center;}
.s020304 .ui-tab_group .ui-tab_content .conbox{height:100%;border-radius:0 0 0 50px;background: #0166cc;color:#fff;padding:50px 22px;overflow: hidden;position: relative;;right:auto;top:auto;width:100%;margin-top:20px;}
.s020304 .ui-tab_group .ui-tab_content .conbox:before{content:"";position: absolute;right: -73px;bottom: -90px;background: url(/images/kor/sub01/wave01.png) no-repeat;width:417px;height:179px;}
.s020304 .ui-tab_group .ui-tab_content .conbox:after{content:"";position: absolute;left: 62px;bottom: -105px;background: url(/images/kor/sub01/wave02.png) no-repeat;width:258px;height:149px;}
.s020304 .ui-tab_group .ui-tab_content .conbox strong{font-size:21px;font-weight:bold;}
.s020304 .ui-tab_group .ui-tab_content .conbox .inner .list-1st > li{text-align: left;}
.s020304 .ui-tab_group .ui-tab_content .conbox .inner p,
.s020304 .ui-tab_group .ui-tab_content .conbox .inner .list-1st > li,
.s020304 .ui-tab_group .ui-tab_content .conbox .inner .list-2st>li{color:#fff;}
.s020304 .ui-tab_group .ui-tab_content .conbox .inner .list-1st>li:before,
.s020304 .ui-tab_group .ui-tab_content .conbox .inner .list-2st>li:before{background-color: #fff;}
.s020304 .ui-tab_group .tab__body.active{display: block;vertical-align: middle;width:100%;}

.s020304 .selectform{display: none;}

@media(max-width:767px){
    .s020304 .selectform{display: block;}
    .s020304 .ui-tab_group .tab-ul{display: none;}
    .s020304 .ui-tab_group .ui-tab_content{margin-top:0;margin-left:0;padding:20px 10px;min-height:auto;display: block;}
    .s020304 .ui-tab_group .ui-tab_content .conbox{position: relative;;right:auto;top:auto;width:100%;margin-top:20px;}
    .s020304 .ui-tab_group .tab__body.active{display:block;}
    .s020304 .ui-tab_group .tab__body.active img{width:100%;}

    .s020304 .program--search{margin-bottom:0;border-color:#0166cc;border-bottom:0;}
    .s020304 .program--search .fieldset,
    .s020304 .program--search .search--select,
    .s020304 .program--search .search--select>div, .program--search .search--select>span{display: block;}
}
/* e-Nav.사업 지원 End */

/* 국제협약이행 sub02060101 */
.s030101_imgbox{padding:35px;background: #eef0f3;margin:50px 0 20px;}
.s030101_imgbox strong{font-size:17px;color:#155dbe;font-weight:bold;margin-bottom:21px;display: block;}
.s030101_imgbox ul li{float:left;width:calc(50% - 4px);background: #fff;position: relative;padding:15px 15px 15px 60px;min-height:95px;display: table;}
.s030101_imgbox ul li:nth-child(even){margin-left:8px}
.s030101_imgbox ul li:nth-child(3),
.s030101_imgbox ul li:nth-child(4){margin-top:8px;}
.s030101_imgbox ul li span{display: inline-block;position: absolute;left:15px;top:50%;background: #0033b2;font-size:15px;color:#fff;width:33px;height:33px;line-height:33px;border-radius: 100%;text-align:center;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.s030101_imgbox ul li p{margin-top:0;font-size:15px;color:#333;display: table-cell;vertical-align: middle;}

@media(max-width:1050px){
    .s030101_imgbox ul li{min-height:115px;}
}
@media(max-width:1023px){
    .s030101_imgbox ul li{min-height:95px;}
}
@media(max-width:780px){
    .s030101_imgbox{padding:20px;}
    .s030101_imgbox ul li{float:none;width:100%;min-height:auto;}
    .s030101_imgbox ul li:nth-child(even){margin-left:0;margin-top:8px;}
}
/* 국제협약이행 End */

/* 국제협력사업개요 sub030201 */
.s030201_imgbox{border:1px solid #dddd;padding:30px 55px;}
.s030201_imgbox ul li{display: inline-block;width:calc(50% - 10px);}
.s030201_imgbox ul li+li{margin-left:15px;}

@media(max-width:767px){
    .s030201_imgbox{padding:25px;}
    .s030201_imgbox ul li{width:100%;}
    .s030201_imgbox ul li+li{margin-left:0;margin-top:15px;}
}
/* 국제협력사업개요 End */


/* 국제협력표준모델 sub030202*/
.s030202_topwrap{text-align: center;margin-top:50px;}
.s030202_topwrap ul{position: relative;padding-top:70px;margin-top:-36px;}
.s030202_topwrap ul::before{content: "";position: absolute;left:12.4%;top:0;width:75%;height:1px;background: #364f8a;}
.s030202_topwrap ul li{float:left;width: calc(33.33% - 8%);text-align: center;position: relative;z-index: 5;}
.s030202_topwrap ul li .img{position: relative;}
.s030202_topwrap ul li .img::before{content: "";position: absolute;left:50%;top:-9px;border:5px solid #fff;width:9px;height:9px;transform: translateX(-50%);-webkit-transform: translateX(-50%);border-radius: 100%;}
.s030202_topwrap ul li:nth-child(1) .img:before{background: #0166cc;}
.s030202_topwrap ul li:nth-child(2) .img:before{background: #2c4070;}
.s030202_topwrap ul li:nth-child(3) .img:before{background: #435070;}
.s030202_topwrap ul li .img::after{content: "";position: absolute;left:50%;top: -70px;width:1px;height: 70px;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #364f8a;z-index: -1;}
.s030202_topwrap ul li + li{margin-left: 12%;}
.s030202_topwrap ul li + li::before{content: "";position: absolute;left:-30%;top:50%;background: url(/images/kor/sub02/sub02060202_list_bul.png) no-repeat;width:25px;height:24px;margin-top:-12px;}
.s030202_topwrap ul li p{font-size:17px;color:#001c9e;margin-top:15px;position: relative;display: inline-block;font-weight:500;}
.s030202_topwrap ul li p:after{content: "";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background: #bcc0de;}

.s030202_topwrap .topbox{position: relative;left:0;top:0;background: #fff;text-align: center;height:75px;z-index: 10;display: inline-block;padding:0 40px;}
.s030202_topwrap .topbox p{margin:0;font-size:17px;color:#212122;line-height: 25px;letter-spacing: -0.03em;}
.s030202_topwrap .topbox::before{content: "";position: absolute;left:0;top:50%;background: url(/images/kor/sub02/sub02060202_left.png) no-repeat;width:11px;height:53px;margin-top:-26px;}
.s030202_topwrap .topbox::after{content: "";position: absolute;right:0;top:50%;background: url(/images/kor/sub02/sub02060202_left.png) no-repeat;width:11px;height:53px;transform: rotate(180deg);margin-top:-26px;}

@media(max-width:767px){
    .s030202_topwrap ul{padding-top:100px;}
    .s030202_topwrap ul::before{display: none;}
    .s030202_topwrap ul li{float:none;width:100%;}
    .s030202_topwrap ul li + li{margin-left:0;margin-top:80px;}
    .s030202_topwrap ul li + li .img::after{display: none;}
    .s030202_topwrap ul li + li::before{left:50%;margin-left:-12.5px;top:-50px;margin-top:0;}
    .s030202_topwrap .topbox{height:auto;padding:0 20px;}
    .s030202_topwrap .topbox::before,
    .s030202_topwrap .topbox::after{top:50%;margin-top:-26.5px;}
}
/* 국제협력표준모델 End */

/* 연구분야 sub020501 */
.s020501_topwrap{text-align: center;margin-top:50px;}
.s020501_topwrap> ul{position: relative;padding-top:50px;margin-top:-15px;}
.s020501_topwrap> ul::before{content: "";position: absolute;left: 16.3%;top:0;width: 67.2%;height:1px;background: #364f8a;}
.s020501_topwrap> ul> li{float:left;width: calc(33.33% - 7px);text-align: left;position: relative;z-index: 5;padding:50px 35px 20px;min-height:542px;border-radius: 0 0 0 50px;}
.s020501_topwrap> ul> li::before{content: "";position: absolute;left:50%;top:-9px;border:5px solid #fff;width:9px;height:9px;transform: translateX(-50%);-webkit-transform: translateX(-50%);border-radius: 100%;}
.s020501_topwrap> ul> li::after{content: "";position: absolute;left:50%;top:-51px;width:1px;height:49px;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #364f8a;z-index: -1;}
.s020501_topwrap> ul> li:nth-child(1){border:1px solid #0166cc;background: url(/images/kor/sub05/box_bg01.png) right -92px bottom -110px no-repeat;}
.s020501_topwrap> ul> li:nth-child(1):before{background: #0166cc;}
.s020501_topwrap> ul> li:nth-child(2){border:1px solid #2c4070;background: url(/images/kor/sub05/box_bg02.png) right -92px bottom -110px no-repeat;}
.s020501_topwrap> ul> li:nth-child(2):before{background: #2c4070;}
.s020501_topwrap> ul> li:nth-child(3){border:1px solid #435070;background: url(/images/kor/sub05/box_bg03.png) right -92px bottom -110px no-repeat;}
.s020501_topwrap> ul> li:nth-child(3):before{background: #435070;}
.s020501_topwrap> ul> li + li{margin-left:10px;}
.s020501_topwrap> ul> li strong{font-size:16px;color:#07318e;font-weight:bold;text-align: center;display: block;}
.s020501_topwrap> ul> li .img_box{width:151px;height:151px;border-radius: 100%;overflow: hidden;margin:25px auto 35px;}
.s020501_topwrap> ul> li .img_box img{height:100%;}
.s020501_topwrap> ul> li .list_box ul li{font-size:15px;color:#545454;}

.s020501_topwrap .topbox{position: relative;left:0;top:0;background: #fff;text-align: center;height:33px;z-index: 10;display: inline-block;padding:0 40px;}
.s020501_topwrap .topbox p{margin:0;font-size:17px;color:#212122;line-height: 25px;letter-spacing: -0.03em;}
.s020501_topwrap .topbox::before{content: "";position: absolute;left:0;top:0;background: url(/images/kor/sub02/sub02060202_left.png) no-repeat;width:11px;height:33px;background-size:100% 100% ;}
.s020501_topwrap .topbox::after{content: "";position: absolute;right:0;top:0;background: url(/images/kor/sub02/sub02060202_left.png) no-repeat;width:11px;height:33px;transform: rotate(180deg);background-size:100% 100% ;}

@media(max-width:1229px){
    .s020501_topwrap> ul> li{min-height: 590px;}
}
@media(max-width:1153px){
    .s020501_topwrap> ul> li{min-height: 605px;}
}
@media(max-width:1130px){
    .s020501_topwrap> ul> li{min-height: 630px;}
}
@media(max-width:1087px){
    .s020501_topwrap> ul> li{min-height: 693px;}
}
@media(max-width:1023px){
    .s020501_topwrap> ul> li{min-height: 542px;}
}
@media(max-width:955px){
    .s020501_topwrap> ul{padding-top:80px;}
    .s020501_topwrap> ul::before{display: none;}
    .s020501_topwrap> ul> li{float:none;width:100%;min-height:auto;}
    .s020501_topwrap> ul> li + li{margin-left:0;margin-top:50px;}
    .s020501_topwrap .topbox{height:auto;}
    .s020501_topwrap .topbox::before,
    .s020501_topwrap .topbox::after{top:50%;margin-top:-16.5px;}
}
/* 연구분야 End */

/* sub020404 */
.s020404_list .list_box{background: #f3f3f5;position: relative;display: table;padding:25px 25px 25px 200px;width:100%;min-height:110px;}
.s020404_list .list_box:after{content: "";position: absolute;left:50%;bottom:-30px;background: url(/images/skin/h4_bul.png) no-repeat;width:10px;height:16px;transform: translateY(-50%) rotate(90deg);-webkit-transform: translateY(-50%) rotate(90deg);}
.s020404_list .list_box:last-child:after{display: none;}
.s020404_list .list_box+.list_box{margin-top:30px;}
.s020404_list .list_box .icon_box{position:absolute;left:35px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.s020404_list .list_box .icon_box span+ span{margin-left:35px;}
.s020404_list .list_box .icon_box .step_num{font-size:15px;color:#00198b;font-weight:bold;text-align: center;display: inline-block;vertical-align: middle;}
.s020404_list .list_box .icon_box .step_num em{display: block;font-weight:bold;}
.s020404_list .list_box .icon_box .icon{width:67px;height:67px;background: url(/images/kor/sub02/sub020404_icon.png) no-repeat;display: inline-block;vertical-align: middle;}
.s020404_list .list_box .icon_box .icon.icon1{background-position: 0 0 ;}
.s020404_list .list_box .icon_box .icon.icon2{background-position: -77px 0 ;}
.s020404_list .list_box .icon_box .icon.icon3{background-position: -154px 0 ;}
.s020404_list .list_box .icon_box .icon.icon4{background-position: -231px 0 ;}
.s020404_list .list_box .icon_box .icon.icon5{background-position: -308px 0 ;}
.s020404_list .list_box .txt_box{display: table-cell;vertical-align: middle;}

@media(max-width:640px){
    .s020404_list .list_box{display: block;padding:25px;min-height:auto;}
    .s020404_list .list_box .icon_box{position: relative;;left:0;top:0;transform: translateY(0);-webkit-transform: translateY(0);text-align: center;margin-bottom:20px;}
    .s020404_list .list_box .txt_box{display:block}
}

/* End */

/* 선박온실가스 종합관리시스템 운영 sub020405 */
.s020405 .list_box{padding: 20px 295px 20px 20px;border: 1px solid #ddd;position: relative;min-height:450px;display: table;table-layout: fixed;width:100%;}
.s020405 .list_box.no1{}
.s020405 .list_box + .list_box{margin-top:40px;}
.s020405 .list_box .img{display: table-cell;vertical-align: middle;width:100%;text-align: center;}
.s020405 .list_box .img img{margin-top:25px;display: inline-block;}
.s020405 .list_box .img img:nth-child(1){margin-top:0;}

.s020405 .list_box .conbox{position: absolute;right:0;top:0;width:275px;height:100%;border-radius:0 0 0 50px;color:#fff;overflow: hidden;}
.s020405 .list_box.no1 .conbox{border:1px solid #0166cc;}
.s020405 .list_box.no1 .conbox .top{background: #0166cc;color: #fff;padding:30px;position: relative;}
.s020405 .list_box.no1 .conbox .top:after{content: "";position: absolute;right: -12px;bottom: -3px;background:url(/images/kor/sub02/sub020405_list_top.png) no-repeat;width: 70px;height: 67px;opacity: 0.18;}
.s020405 .list_box.no1 .conbox:after{background-repeat: no-repeat; position: absolute; right: 0; bottom: 0;z-index: 1; content: ""; width: 210px; height: 90px;background:  url(/images/kor/sub05/box_bg01.png);background-position: 71% 0;}

.s020405 .list_box.no2 .conbox{border:1px solid #2d3762;}
.s020405 .list_box.no2 .conbox .top{background: #2d3762;color: #fff;padding:30px;position: relative;}
.s020405 .list_box.no2 .conbox .top:after{content: "";position: absolute;right: -12px;bottom: -3px;background:url(/images/kor/sub02/sub020405_list_top02.png) no-repeat;width: 68px;height: 55px;opacity: 0.18;}
.s020405 .list_box.no2 .conbox:after{background-repeat: no-repeat; position: absolute; right: 0; bottom: 0;z-index: 1; content: ""; width: 210px; height: 90px;background:  url(/images/kor/sub05/box_bg02.png);background-position: 71% 0;}

.s020405 .list_box.no3 .conbox{border:1px solid #404455;}
.s020405 .list_box.no3 .conbox .top{background: #404455;color: #fff;padding:30px;position: relative;}
.s020405 .list_box.no3 .conbox .top:after{content: "";position: absolute;right: -12px;bottom: -3px;background:url(/images/kor/sub02/sub020405_list_top03.png) no-repeat;width: 59px;height: 75px;opacity: 0.18;}
.s020405 .list_box.no3 .conbox:after{background-repeat: no-repeat; position: absolute; right: 0; bottom: 0;z-index: 1; content: ""; width: 210px; height: 90px;background:  url(/images/kor/sub05/box_bg03.png);background-position: 71% 0;}

.s020405 .list_box .conbox .top strong{font-size:19px;font-weight:bold;letter-spacing: -0.05em;line-height: 24px;}
.s020405 .list_box .conbox .inner{padding:30px;}
.s020405 .list_box .conbox .inner p:first-child{margin-top:0;}
.s020405 .list_box .conbox .inner p,
.s020405 .list_box .conbox .inner .list-1st > li,
.s020405 .list_box .conbox .inner .list-2st>li{color:#767676;}
.s020405 .list_box .conbox .inner .list-1st>li:before,
.s020405 .list_box .conbox .inner .list-2st>li:before{background-color: #fff;}

@media(max-width:767px){
    .s020405 .list_box{margin-top:0;margin-left:0;padding:20px 10px;min-height:auto;display: block;}
    .s020405 .list_box .conbox{position: relative;;right:auto;top:auto;width:100%;margin-top:20px;}
    .s020405 .list_box .img{display: block;}
}
/* 선박온실가스 종합관리시스템 운영 End */

.ui-list__bodo.type1 .obj .item .inner .list-1st {text-align: left;}

/* s030102 IMO 회의대응 */
.s030102 .ui-topbox.type3 .inner .ir-icon { background: url(/images/kor/sub02/sub02060102_top.png) no-repeat;}
.s030102 .ui-topbox.type3 .inner {padding: 55px 50px 55px 55px;}
.s030102 .ui-topbox.type3 .inner .ir-icon{position: relative; float: right; width: 337px; margin: 0 0 50px; text-align: right;top: auto; right: auto;}

@media(max-width:767px){
    .s030102 .ui-topbox.type3 .inner {padding: 25px 30px;}
}
/* s030102 IMO 회의대응 End */

/* 사업실적 sub030203 */
.s030203 .ui-list__column .inner{min-height:266px;}
.s030203 .ui-list__column .inner:nth-child(3),
.s030203 .ui-list__column .inner:nth-child(4){min-height:290px;}
.s030203 .ui-list__column .inner .circle{width:88px;height:88px;}
.s030203 .ui-list__column .inner:nth-child(odd) .circle{background: #fff;}
.s030203 .ui-list__column .inner:nth-child(odd){background: #f8f9fb;}
.s030203 .ui-list__column .inner .item{padding-top:50px;}
.s030203 .ui-list__column .inner .bottom_box{background: #fff;padding:30px;width: 100%;border-radius: 15px;text-align: center;position: absolute;left:0;bottom:0;}
.s030203 .ui-list__column .inner .bottom_box ul li{display: inline-block;}
.s030203 .ui-list__column .inner .bottom_box ul li + li{margin-left:10px;}
.s030203 .ui-list__column .inner .ui-summary p{font-size:17px;color:#4b4b4b;line-height:1.41;letter-spacing: -0.05em;}

.s030203_top{border:1px solid #ddd;border-radius: 15px;overflow: hidden;}
.s030203_top .top{background: #0066c4;height:51px;display: table;width:100%;text-align: center;padding:10px 20px;}
.s030203_top .top span{display: table-cell;vertical-align:middle;color:#fff;font-weight:bold;}
.s030203_top .bottom{padding:20px;}
.s030203_top .bottom .txtbox{display: inline-block;vertical-align: middle;width: 53%;}
.s030203_top .bottom .txtbox .cost{display: block;background: url(/images/kor/sub02/sub02060203_top.png) no-repeat;width:173px;height:173px;padding-top:35px;text-align: center;margin: 0 auto;}
.s030203_top .bottom .txtbox .cost em{position: relative;display: inline-block;}
.s030203_top .bottom .txtbox .cost em::before{content:"";position: absolute;left:0;top:0;width:100%;height:1px;background: #ddd;}
.s030203_top .bottom .txtbox .cost em::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:1px;background: #ddd;}
.s030203_top .bottom .txtbox .cost p{color:#00206f;font-family: "score";font-size:18px;font-weight:700;margin-top:15px;}
.s030203_top .bottom .txtbox .cost p strong{font-size:22px;}
.s030203_top .bottom .txtbox ul.list-1st{display: block;vertical-align: middle;margin-left:15px;text-align: left;}

.s030203_top .bottom .img_box{display: inline-block;vertical-align: middle;margin-left:7%;width: 39%;}

@media(max-width:1077px){
    .s030203 .ui-list__column .inner{min-height:289px;}
}
@media(max-width:767px){
    .s030203 .ui-list__column .inner .bottom_box{position: relative;left:auto;bottom:auto;}
    .s030203_top .bottom .txtbox,
	.s030203_top .bottom .img_box{display: block; text-align: center;width:100%;}
    .s030203_top .bottom .img_box{margin-top:20px;margin-left:0;}

    .s030203 .ui-list__column .inner,
    .s030203 .ui-list__column .inner:nth-child(1),
    .s030203 .ui-list__column .inner:nth-child(2){min-height:auto;}
}
/* 사업실적 End*/


/* 조직도 */
.org_wrap_box {}
.org_wrap {position:relative;height: 100%;}
.org_wrap ul:after {display:block; clear:both; visibility:hidden; content:''; }
.org_wrap .lv1box {position: absolute;left: 0;top: 25px;padding-left: 143px;width: 100%;}
.org_wrap .lv1box > li {}
.org_wrap .lv1box > li .lv1 {display:block;width: 135px;height: 135px;margin-left: -130px;opacity:0;}
.org_wrap .lv2box {position: absolute;}
.org_wrap .lv2box.lv2box1 {left: 265px;top: 46px;}
.org_wrap .lv2box.lv2box2 {right: 257px;top:46px;}
.org_wrap .lv2box > li {display:block;width: 175px;height: 50px;margin:0 0 10px;}
.org_wrap .lv2box > li .lv2 {display:block; width:100%; height:100%;opacity:0;}
.org_wrap .lv3box {margin: 66px -10px 0;}
.org_wrap .lv3box > li {float:left;width: calc(20% - 10px);height: 50px;margin: 0 5px;}
.org_wrap .lv3box > li .lv3 {display:block;width: 100%;height: 100%;line-height: 50px;background: red;text-align: center;opacity:0;}
.org_wrap .lv4box {margin: 40px -5px 0;}
.org_wrap .lv4box.lv4box2 {margin: 38px 0 0;}
.org_wrap .lv4box > li {float: left;width: calc(20% - 10px);margin: 0 5px;}
.org_wrap .lv4box > li.btmbox {width: 100%;margin: 0;}
.org_wrap .lv4box > li.btmbox:after {display:block; clear:both; visibility:hidden; content:'';}
.org_wrap .lv4box > li .lv4 {display:block;width: 100%;height: 50px;line-height: 50px;margin: 0 0 10px;text-align: center;opacity:0;}
.org_wrap .lv4box > li.btmbox .lv4 {float:left;}
.org_wrap .lv4box > li > ul {}
.org_wrap .lv4box.lv4box2 > li > ul {float:left;width: calc(16.66% - 10px);margin: 0 5px;}
.org_wrap .lv4box > li > ul > li {margin: 0 0 10px;opacity: 0;}
.org_wrap .lv4box > li.btmbox > ul > li:nth-child(1) {height:50px;}
.org_wrap .lv4box > li > ul > li .lv5 {display:block;width: 100%;height: 50px;line-height: 50px;text-align: center;opacity:0;}
.org_wrap .lv4box > li > ul > li > ul {padding: 4px 0;}
.org_wrap .lv4box > li.btmbox > ul > li > ul {padding: 2px 0;}
.org_wrap .lv4box > li.btmbox > ul > li > ul.p_ul2 {padding: 3px 0;}
.org_wrap .lv4box > li > ul > li > ul.p_ul {padding: 14px 0;}
.org_wrap .lv4box > li > ul > li > ul > li {}
.org_wrap .lv4box > li > ul > li > ul > li .lv6 {display:block;font-size: 14px;opacity:0;}

@media(max-width:999px){
    .org_wrap{width:1023px;}
    .org_wrap_box{overflow-x: scroll;}
}


.eco-wrap .ui-topbox.type3.eco-type {padding: 0; margin-bottom: 60px;}
.eco-wrap .ui-topbox.type3.eco-type .inner {min-height: auto; padding: 55px 50px;}
.eco-wrap .ui-topbox.type3.eco-type .sub-inner .sub-title {display: block; padding: 18px 50px; background-color: #0033b2; font-size: 17px; color: #fff; font-weight: bold;}
@media (max-width:767px) {
    .eco-wrap .ui-topbox.type3.eco-type .inner {padding: 55px 30px;}
    .eco-wrap .ui-topbox.type3.eco-type .sub-inner .sub-title {padding: 18px 30px;}
}