@charset "utf-8";
/*
    프로그램페이지 하드코딩용 임시 css
    프로그램 붙으면 css/prog/프로그램사이트코드/style.css 로 옮길 예정
    style.css로 옮기면 앞에 div class 삭제해주세요 (예시:  .s030201 .table thead th -> .table thead th)
*/

/* 공통 */
/*이미지 확대 버튼*/
.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;}

.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 */


/* 조직도  팝업관련 css */
.org_inner{padding:5%;}
.org_inner h1{font-size: 0;line-height: 0;}
.org_inner .h2{margin-top:0;}
.org_inner .box{border-bottom: 1px dashed #ddd;padding-bottom:20px;}
.org_inner .img_wrap{text-align: center;height:300px;}
.org_inner .img_wrap img{width:200px;height:100%;}
.org_inner .close_wrap{text-align: center;margin-top:30px;}
/* 조직도 팝업관련 End */

/* 불복처리절차 sub01070104 */
.s01070104 .down_list{text-align: center;}

@media(max-width:610px){
    .s01070104 .down_list a{width:100%;margin-bottom:10px;}
    .s01070104 .down_list a+a{margin-bottom:0;}
}
/* 불복처리절차 End */

/* 경영공시 s010705 */
.s010705 .ui.ui-sitelst.odd li{width:100%;}
@media (min-width:768px) {
    .mobile-only {display: none;}
}
@media (max-width:767px) {
    .pc-only {display: none;}
}
/* 경영공시 End */


/* 프로필 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:70px;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%;letter-spacing: -0.1em;}
.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{position: relative; top: 0; left: 50%; margin-bottom:20px; transform: translateX(-50%); text-align: center;}
    .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;}
	.s04010303 .ui-topbox.type3 .inner .ir-icon {position:relative; margin:0 auto; right:0;}
}
@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 */

/* 윤리헌장 sub01040101 */
.ui-Charter.charter__f{min-height: 1070px;background: url(/images/kor/sub01/ethics_bg.png);background-size: 100% 100%;position: relative;padding-bottom:70px;}
.ui-Charter.charter__f::before{content: "";position: absolute;left:50%;top:5px;background: url(/images/kor/sub01/ethics_topimg.png) no-repeat;transform:translateX(-50%);width: 117px;height: 122px;}

.ui-Charter.charter__f .inner{padding: 174px 7.6% 0;}
.ui-Charter.charter__f .inner .title em {display: block;font-size:29px;font-weight: bold;color:#183048;text-align: center;}

.ui-Charter.charter__f .inner p {margin:29px auto 31px;font-size: 16px;color:#767676;text-align: center;line-height: 1.62;letter-spacing: -0.04em;}
.ui-Charter.charter__f .inner p span.color1{color:#02316a;}
.ui-Charter.charter__f .inner p span.color2{color:#0066c4;}

.ui-Charter.charter__f ul{padding:61px 3.1% 0;border-top:1px dashed rgba(0,0,0,0.5);}
.ui-Charter.charter__f ul li{position:relative;padding-left:134px;display: table;min-height:63px;height:63px;width:100%;}
.ui-Charter.charter__f ul li + li{margin-top:17px;}
.ui-Charter.charter__f ul li .order{position: absolute;left:0;top:50%;width:62px;height:63px;line-height:63px;color:#fff;font-weight:bold;text-align: center;border-radius: 100%;margin-top:-31.5px;display: block;}
.ui-Charter.charter__f ul li .order::before{content: "";position: absolute;right:-8px;top:50%;width:7px;height:7px;background: #088cd7;border:2px solid #fff;margin-top:-3.5px;border-radius: 100%;}
.ui-Charter.charter__f ul li .order::after{content: "";position: absolute;right:-63px;top:50%;width:52px;height:2px;background: #088cd7;margin-top:1px;}

.ui-Charter.charter__f ul li .txt{display: table-cell;vertical-align: middle;line-height: 1.4;letter-spacing: -0.03em;}

.ui-Charter.charter__f ul li .order.bg1{background: #088cd7;}
.ui-Charter.charter__f ul li .order.bg1::before{background: #088cd7;}
.ui-Charter.charter__f ul li .order.bg1::after{background: #088cd7;}

.ui-Charter.charter__f ul li .order.bg2{background: #0061bb;}
.ui-Charter.charter__f ul li .order.bg2::before{background: #0061bb;}
.ui-Charter.charter__f ul li .order.bg2::after{background: #0061bb;}

.ui-Charter.charter__f ul li .order.bg3{background: #02316a;}
.ui-Charter.charter__f ul li .order.bg3::before{background: #02316a;}
.ui-Charter.charter__f ul li .order.bg3::after{background: #02316a;}

.ui-Charter.charter__f ul li .order.bg4{background: #5e7691;}
.ui-Charter.charter__f ul li .order.bg4::before{background: #5e7691;}
.ui-Charter.charter__f ul li .order.bg4::after{background: #5e7691;}

.ui-Charter.charter__f .bottom{text-align: center;margin-top:113px;padding:0 5%;}
.ui-Charter.charter__f ul li span {font-family: 'score';}
.ui-Charter.charter__f ul li .order {font-weight: 500 !important;}
.ui-Charter.charter__f ul li .txt {color: #666;}


@media(max-width:767px){
.ui-Charter.charter__f{min-height: auto;background: none;border:1px solid #ddd;}
.ui-Charter.charter__f::before{top:0;}
}
@media(max-width:640px){
.ui-Charter.charter__f ul li{padding-left:0;display: block;min-height:auto;height:auto;}
.ui-Charter.charter__f ul li .order{position: relative;top:0;margin-top:0;margin-bottom:10px;}
.ui-Charter.charter__f ul li .txt{display: block;}

.ui-Charter.charter__f .inner .title em {font-size:23px;}
.ui-Charter.charter__f .inner p br{display: none;}
}
/* 윤리헌장 End */


/* 안전보건건영방침 sub010402 */
.s010402 .ui-Charter.charter__f{min-height:auto;}
.s010402 .ui-Charter.charter__f .inner{padding: 96px 7.6% 0;}
.s010402 .ui-Charter.charter__f::before{display: none;}

/* 안전보건건영방침 End */

/* 사회공헌활동 소개 sub01040301 */
.s01040301{padding:95px 59px 59px;border:1px solid #ddd;}
.s01040301 .top{text-align:center;}
.s01040301 .title{color:#183048;font-size:24px;margin:25px 0;}
.s01040301 .title span{font-weight:bold;color:#0058c5;}
.s01040301 .txt_box{padding:40px 0;border-top:1px dashed rgba(0,0,0,0.5);width:580px;margin:0 auto;}
.s01040301 .txt_box > p{line-height:1.8;color:#5c5c5c;margin-top:0;}
.s01040301 .txt_box > p:last-child{margin-top:40px;}
.s01040301 .bottom{}
.s01040301 .bottom ul{overflow: hidden;}
.s01040301 .bottom ul li{float:left;width:calc(33.33% - 8px);}
.s01040301 .bottom ul li +li{margin-left:11px;}

@media(max-width:767px){
    .s01040301{padding:95px 30px 59px;}
    .s01040301 .txt_box{width:100%;}
    .s01040301 .txt_box > p br{display: none;}
}
@media(max-width:500px){
    .s01040301 > p{font-size:21px;}
}
/* 사회공헌활동 소개 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/kor/sub01/load_logo.png) no-repeat;width:127px;height:47px;position: absolute;left:85px;top:50%;transform: translateY(-50%);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 a:focus {outline: 1px dotted #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 */


.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%;}
}

/* 인사말 */
.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;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: 38px;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 .ui-greeting__group > p{font-size: 15px;line-height: 1.6;letter-spacing: -0.1em;}


.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:50px;position: relative;display: table;min-height: 40px;margin-bottom: 9px;height:40px;}
.ui-greeting.greeting-f .ui-greeting__subbox ul li strong{position: absolute;left:0;top:0;width:39px;height:39px;border-radius: 100%;color:#fff;line-height:39px;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;letter-spacing: -0.1em;}
.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;}
    .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;}

}

/* 심볼마크 sub010201 */
.s010201_simbol{border:1px solid #ddd;padding:7.4% 20px 50px;text-align: center;margin-bottom:60px;}
.s010201_simbol .button{margin-top:25px;}
.s010201_simbol .txt{margin-top:20px;}
.s010201_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;}

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

.s010201_simbol_type03{padding:50px 20px;border:1px solid #ddd;text-align:center;}
.s010201_simbol_type03 ul{overflow: hidden;display: inline-block;}
.s010201_simbol_type03 ul li{float:left;width:calc(33.33% - 23.5px);}
.s010201_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;}

    .s010201_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;}

    .s010201_simbol_type03 ul li{float:none;width:100%;}
    .s010201_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;}
.s020201_list > ul > li .bottom{border:10px solid #f4f7fa;padding:25px;min-height:323px;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:767px){
    .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: -10px;transform: translateX(-50%);background: #fff;width: 110px;}
.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(20% - 6px);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 span{color:#fff;font-size:18px;width:91px;height:91px;border-radius: 100%;line-height:91px;display:inline-block;}
.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(20% - 4px);vertical-align: top;text-align: left;}
.s010302 .bottom_wrap ul li .top{width:161px;height:159px;margin:0 auto;text-align:center;background: #284282;padding-top:20px;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:350px;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 */


/* 공공데이터제공목록 sub01070202 */
.s01070202_ifram{width:100%;height:1000px;overflow: hidden;}
.s01070202_ifram iframe{width:102%;height:100%;border:0;}

@media(max-width:640px){
    .s01070202_ifram iframe{width:100%;}
}
/* 공공데이터제공목록 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:333px;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;}
.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:500px){
    .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 */
.s02010301_imgbox,
.s02010302_imgbox{border:1px solid #ddd;padding:20px;margin:25px 0;}
.s02010302_imgbox{margin:0;}
.s02010301_imgbox ul li{display: inline-block;width:calc(33.33% - 9px);}
.s02010301_imgbox ul li+li,
.s02010302_imgbox ul li+li{margin-left:8px;}

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



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


/* PCS란 sub02_010301 */
.s02010301_listbox{overflow: hidden;}
.s02010301_listbox .box_wrap{float:left;border:1px solid #ddd;border-radius: 15px;overflow: hidden;}
.s02010301_listbox .box_wrap .list-1st > li{font-size:15px;}
.s02010301_listbox .left{width:57%;}
.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{width:calc(43% - 9px);margin-left:9px;}
.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:25%;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:60px;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:33.33%;}
}
@media(max-width:640px){
    .logo_wrap ul li{width:50%;}
}
@media(max-width:400px){
    .logo_wrap ul li{width:100%;}
}
/* 관련사이트 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;padding: 20px 295px 20px 20px;border: 1px solid #0166cc;position: relative;min-height:380px;display: table;table-layout: fixed;width:100%;}
.s020304 .ui-tab_group .ui-tab_content .conbox{position: absolute;right:0;top:0;width:275px;height:100%;border-radius:0 0 0 50px;background: #0166cc;color:#fff;padding:50px 22px;overflow: hidden;}
.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{margin-top:45px;}
.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: table-cell;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 */

/* 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;}
}

/* 친환경선박·기자재 인증 sub020406, sub0406 */
/* .s020406 .ui-topbox.type3 .inner .ir-icon{background: url(/images/kor/sub02/sub020406_top.png) no-repeat;} */
.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;}
}
/* 친환경선박·기자재 인증 End */

/* 국제협약이행 sub02060101 */
.s02060101_txtbox{padding:35px;background: #eef0f3;margin:50px 0 20px;}
.s02060101_txtbox strong{font-size:17px;color:#155dbe;font-weight:bold;margin-bottom:21px;display: block;}
.s02060101_txtbox ul li{float:left;width:calc(50% - 4px);background: #fff;position: relative;padding:15px 15px 15px 60px;min-height:75px;display: table;}
.s02060101_txtbox ul li:nth-child(even){margin-left:8px}
.s02060101_txtbox ul li:nth-child(3),
.s02060101_txtbox ul li:nth-child(4){margin-top:8px;}
.s02060101_txtbox 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%);}
.s02060101_txtbox ul li p{margin-top:0;font-size:15px;color:#333;display: table-cell;vertical-align: middle;}

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

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

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


/* 국제협력표준모델 sub02060202*/
.s02060202_topwrap{text-align: center;margin-top:50px;}
.s02060202_topwrap ul{position: relative;padding-top:62px;margin-top:-26px;}
.s02060202_topwrap ul::before{content: "";position: absolute;left:12.4%;top:0;width:75%;height:1px;background: #364f8a;}
.s02060202_topwrap ul li{float:left;width: calc(33.33% - 8%);text-align: center;position: relative;z-index: 5;}
.s02060202_topwrap ul li .img{position: relative;}
.s02060202_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%;}
.s02060202_topwrap ul li:nth-child(1) .img:before{background: #0166cc;}
.s02060202_topwrap ul li:nth-child(2) .img:before{background: #2c4070;}
.s02060202_topwrap ul li:nth-child(3) .img:before{background: #435070;}
.s02060202_topwrap ul li .img::after{content: "";position: absolute;left:50%;top:-63px;width:1px;height:63px;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #364f8a;z-index: -1;}
.s02060202_topwrap ul li + li{margin-left: 12%;}
.s02060202_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;}
.s02060202_topwrap ul li p{font-size:17px;color:#001c9e;margin-top:15px;position: relative;display: inline-block;font-weight:500;}
.s02060202_topwrap ul li p:after{content: "";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background: #bcc0de;}

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

@media(max-width:767px){
    .s02060202_topwrap ul{padding-top:100px;}
    .s02060202_topwrap ul::before{display: none;}
    .s02060202_topwrap ul li{float:none;width:100%;}
    .s02060202_topwrap ul li + li{margin-left:0;margin-top:80px;}
    .s02060202_topwrap ul li + li .img::after{display: none;}
    .s02060202_topwrap ul li + li::before{left:50%;margin-left:-12.5px;top:-50px;margin-top:0;}
    .s02060202_topwrap .topbox{height:auto;padding:0 20px;}
    .s02060202_topwrap .topbox::before,
    .s02060202_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:15.3%;top:0;width:69.2%;height:1px;background: #364f8a;}
.s020501_topwrap> ul> li{float:left;width: calc(33.33% - 23px);text-align: left;position: relative;z-index: 5;padding:50px 35px 20px;min-height:450px;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:34px;}
.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;letter-spacing: -0.05em;}

.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:1275px){
    .s020501_topwrap> ul> li{min-height:484px;}
}
@media(max-width:1191px){
    .s020501_topwrap> ul> li{min-height:505px;}
}
@media(max-width:1063px){
    .s020501_topwrap> ul> li{min-height:542px;}
}
@media(max-width:1023px){
    .s020501_topwrap> ul> li{min-height:450px;}
}
@media(max-width:920px){
    .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 */

/* 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*/

/* 리빙랩 참여공간 > 신청안내 sub04040202 */
@media(max-width:550px){
    .s04040202 a{width:100%;}
    .s04040202 a + a{margin-top:10px;}
}
/* 리빙랩 참여공간 > 신청안내 End */

/* 설계도면 승인 sub02010105  */
.s02010105 .txt-box.area-box .list-1st>li{margin:10px 0;}
/* 설계도면 승인 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:400px;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{min-height:300px}
.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.no4 .conbox{border:1px solid #404455;}
.s020405 .list_box.no4 .conbox .top{background: #404455;color: #fff;padding:30px;position: relative;}
.s020405 .list_box.no4 .conbox .top:after{content: "";position: absolute;right: -12px;bottom: -3px;background:url(/images/kor/sub02/sub020405_list_top04.png) no-repeat;width: 59px;height: 75px;opacity: 0.18;}
.s020405 .list_box.no4 .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;}
}
/* sub020405 End */


/* 역대이사장 sub060603 */
.sub060603_topbox img{width:100%;}
.s060603_list{margin-top:90px;}
.s060603_list ul li{float:left;width:calc(50% - 10px);border:1px solid #ddd;background: url(/images/kor/sub06/s060603_list_bg.png) right bottom no-repeat;padding:35px 20px 35px 185px;margin-bottom:20px;position: relative;min-height:170px;}
.s060603_list ul li:nth-child(even){margin-left:20px;}
.s060603_list ul li .img_wrap{position:absolute;left:40px;top:50%;transform: translateY(-50%);}
.s060603_list ul li .img_wrap .img{overflow: hidden;width:107px;height:107px;border-radius: 100%;}
/* .s060603_list ul li .img_wrap .img::after{position:absolute;right:-15px;top:0;width:107px;height:107px;background: #e5edf5;content: "";border-radius:100%;z-index: -1;} */
.s060603_list ul li .txt em{color:#114ab0;}
.s060603_list ul li .txt strong{margin:8px 0 20px;color:#121212;font-size:18px;display: block;}
.s060603_list ul li .txt p{margin-top:0;color:#81848c;font-size:15px;}

@media(max-width:767px){
    .s060603_list ul li{float:none;width:100%;}
    .s060603_list ul li:nth-child(even){margin-left:0px;}
}
@media(max-width:450px){
    .s060603_list ul li{padding:30px;text-align: center;}
    .s060603_list ul li .img_wrap{position: relative;;left:auto;top:0;transform: translateY(0);display: inline-block;margin-bottom:20px;}
}
/* 역대이사장 End */


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

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

/* sub030401 검사대상 선박현황 */
.s030401 table .bg {background: #f3f9ff;}
/* sub030401 검사대상 선박현황 End */

/* sub030402 여안여객선 통계 */
.s030402 .tab-ul li a span {text-align: center;}
.s030402 .tab-ul.type2,
.s030402 .tab-ul.type2 li.active a,
.s030402 .tab-ul.type2 li a:hover,
.s030402 .tab-ul.type2 li a:focus{border-color:#0166cc;}
.s030402 .ui-tab_group .ui-tab_content{margin-top: -1px;margin-left: -1px;border: 1px solid #0166cc;padding: 15px;}
.s030402 .ui-tab_group .ui-tab_content .conbox{position: absolute;right:0;top:0;width:275px;height:100%;border:1px solid #0166cc;border-radius:0 0 0 50px;background: #0166cc;color:#fff;padding:50px 22px;}
.s030402 .ui-tab_group .ui-tab_content .conbox strong{font-size:21px;font-weight:bold;}
.s030402 .ui-tab_group .ui-tab_content .conbox .inner{margin-top:45px;}
.s030402 .ui-tab_group .ui-tab_content .conbox .inner p,
.s030402 .ui-tab_group .ui-tab_content .conbox .inner .list-1st > li,
.s030402 .ui-tab_group .ui-tab_content .conbox .inner .list-2st>li{color:#fff;}
.s030402 .ui-tab_group .ui-tab_content .conbox .inner .list-1st>li:before,
.s030402 .ui-tab_group .ui-tab_content .conbox .inner .list-2st>li:before{background-color: #fff;}
.s030402 .selectform{display: none;}

@media(max-width:900px){
    .s030402 .selectform{display: block;}
    .s030402 .ui-tab_group .tab-ul{display: none;}
    .s030402 .ui-tab_group .ui-tab_content{margin-top:0;margin-left:0;padding:20px 10px;min-height:auto;display: block;}
    .s030402 .ui-tab_group .ui-tab_content .conbox{position: relative;;right:auto;top:auto;width:100%;margin-top:20px;}
    .s030402 .ui-tab_group .tab__body.active{display:block;}
    .s030402 .ui-tab_group .tab__body.active img{width:100%;}
    .s030402 .program--search{margin-bottom:0;border-color:#0166cc;border-bottom:0;}
    .s030402 .program--search .fieldset,
    .s030402 .program--search .search--select,
    .s030402 .program--search .search--select>div, .program--search .search--select>span{display: block;}
}
/* sub030402 여안여객선 통계 End */


/* sub03040401 최근 5년 해양사고 정보 */
.s03040401 div {position: relative; margin-top:15px;}
.s03040401 div.mt_40 {margin-top: 40px !important;}
.s03040401 div > p.text-right { position: absolute; top: -41px; right: 2px;}
.s03040401 .color-box {position: relative; border: 1px solid #d4d4d4; border-radius: 15px;}
.s03040401 .color-box.mt_70 {margin-top: 70px;}
.s03040401 .color-box > div {margin:0;}
.s03040401 .color-box .top {text-align: center; padding: 13px 7px; border-radius: 15px 15px 0 0;color: #fff;font-size: 16px; font-weight: bold;}
.s03040401 .color-box .top.color1 {background: #0066c4;}
.s03040401 .color-box .top.color2 {background: #00198b;}
.s03040401 .color-box .top > span {font-weight: 400;}
.s03040401 .color-box .bottom {padding: 30px 40px;}
.s03040401 .color-box .bottom ul li > strong {font-weight: bold; color: #333b43;}
@media screen and (max-width: 450px){
    .s03040401 div > p.text-right {position:relative; text-align:left !important; top: auto; right: auto;margin-bottom: 3px;}
    .s03040401 .color-box .bottom {padding: 12px 25px;}
    .s03040401 .ui-accordion--faq .accordion__button { padding: 25px 50px 25px 25px;}
}
/* sub03040401 최근 5년 해양사고 정보 End */

/* sub03040402 2019년 해양사고 정보 */
.s03040402 div {position: relative; margin-top:15px;}
.s03040402 div > p.text-right { position: absolute; top: -41px; right: 2px;}
@media screen and (max-width: 450px){
    .s03040402 div > p.text-right {position:relative; text-align:left !important; top: auto; right: auto;margin-bottom: 3px;}
}
/* sub03040402 2019년 해양사고 정보 End */

/* sub03050304 선박안전설비안내 */
.s03050304 .ui-topbox.type3 .inner .ir-icon { background: url(/images/kor/sub03/sub03050304_top.png) no-repeat;}
.s03050304 .ui-accordion--faq .ir-question {background-image: url(/images/kor/sub03/accordion_img.png); background-position: 0 0; height: 16px;}
.s03050304 .ui-accordion--faq .ir-question {top: 27px;}
.s03050304 p.mt_20 {margin-top: 20px;}
/* sub03050304 선박안전설비안내 End */

/* sub030504 해양안전 문화활동 */
.s030504 .box_wrap{clear: both;}
.s030504 .box_wrap .h2{font-size:29px;text-align:center;color:#4b4b4b;margin-bottom:35px;}
.s030504 .top_wrap .top{width:299px;height:293px;background: url(/images/kor/sub03/sub030504_topimg.png) no-repeat;margin:0 auto 50px;padding-top:80px;padding-right:0;padding-left: 16px; text-align:center;}
.s030504 .top_wrap .top span{font-weight:bold;color:#fff;font-size:18px;display: block;}
.s030504 .top_wrap .top p{font-size:23px;font-family: "score";font-weight:400;color:#fff;margin-top:35px;line-height:1.35;}

.s030504 .bottom_wrap ul.con_wrap {text-align: center; padding-top: 30px; position: relative;}
.s030504 .bottom_wrap ul li{display:inline-block;width: calc(33% - 7px);vertical-align: top;text-align: left; position: relative;}
.s030504 .bottom_wrap ul li .top{width:170px;height:170px;margin:0 auto;text-align:center;background: #284282;padding-top:43px;border-radius: 100%;position: relative;}
.s030504 .bottom_wrap ul.list-1st li {width: 100%;}

.s030504 .bottom_wrap ul li .top::before{content:"";position: absolute;left:50%;top:-8px;width:9px;height:9px;border:5px solid #fff;margin-left:-9.5px;border-radius: 100%; z-index: 3;}
.s030504 .bottom_wrap ul.con_wrap>li:after {content:"";position: absolute;left:50%;top:-30px;width:1px;height:30px;background: #c9c9c9;margin-left:-1px; z-index: 1;}
.s030504 .bottom_wrap ul.con_wrap>li:before {content:"";position: absolute;left:50%;top:-30px;width:102%;height:1px;background: #c9c9c9;margin-left:-1px; z-index: 1;}
.s030504 .bottom_wrap ul.con_wrap>li:nth-child(3):before {background: #fff; width: 30%;}

.s030504 .bottom_wrap ul li .top,
.s030504 .bottom_wrap ul li .top::before,
.s030504 .bottom_wrap ul li .bottom::before{background: #0166cc;}
.s030504 .bottom_wrap ul li:nth-child(2) .top,
.s030504 .bottom_wrap ul li:nth-child(2)  .top::before,
.s030504 .bottom_wrap ul li:nth-child(2) .bottom::before{background: #0033b2;}

.s030504 .bottom_wrap ul li .top:after{content:"";position: absolute;left:50%;bottom:-30px;width:1px;height:30px;background: #c9c9c9;margin-left:-1px;}
.s030504 .bottom_wrap ul li .top p{color:#fff;font-size:16px;font-size:16px;letter-spacing: -0.02em;font-weight: 600;}
.s030504 .bottom_wrap ul li .top .ir{background: url(/images/kor/sub03/sub030504_icon.png) no-repeat;width:40px;height:45px;margin-bottom:10px;display: block;margin:0 auto;}
.s030504 .bottom_wrap ul li .top .ir.icon1{background-position: 14px 0;}
.s030504 .bottom_wrap ul li .top .ir.icon2{background-position: -64px 0;}
.s030504 .bottom_wrap ul li .top .ir.icon3{background-position: -140px 0;}

.s030504 .bottom_wrap ul li .bottom{border:10px solid #f7f7f7;min-height:416px;margin-top:35px;position: relative;}
.s030504 .bottom_wrap ul li .bottom span{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px;display: block;}
.s030504 .bottom_wrap ul li .bottom span:last-child{border-bottom:0;padding:0;margin:0;}
.s030504 .bottom_wrap ul li .bottom  img {width: 100%;border-bottom:10px solid #f7f7f7;}
.s030504 .bottom_wrap ul li .bottom ul {padding: 15px 20px;}

.s030504 .middle_wrap {position: relative; overflow: hidden;}
.s030504 .middle_wrap h2 { position: absolute; top: 69px; left: calc(50% - 28.5px); z-index: 1;}
.s030504 h2:after {content:"";position: absolute;left:calc(50% - 74px);top:-70px;width:152px;height:37px; background: url(/images/kor/sub03/sub03_0504_arr.png);margin-left:-1px; z-index: 1;}
.s030504 .middle_wrap h2:after {left:-47px;}
.s030504 .middle_wrap ul li { width: 50%; float: left;}
.s030504 .middle_wrap .circle {background: url(/images/kor/sub03/sub03_0504_circle.png) no-repeat; width: 185px; height: 185px;position: relative; margin:0 auto; overflow: inherit;}
.s030504 .middle_wrap .circle:before { content: ""; position: absolute; right: -9px; top: 83px; width: 9px; height: 9px; border: 5px solid #fff; border-radius: 100%; z-index: 3;    background: #0033b2;}
.s030504 .middle_wrap li:nth-child(2) .circle:before {left: -9px;}
.s030504 .middle_wrap .circle:after { content: ""; position: absolute; right: -40px;  top: 92px;
    width: 40px; height: 1px;  background: #284282;}
.s030504 .middle_wrap li:nth-child(2) .circle:after {left: -40px; }
.s030504 .middle_wrap .circle .ir-icon {background: url(/images/skin/ir_list_icon.png) no-repeat; width: 55px;height: 55px;}
.s030504 .middle_wrap .circle .ir-icon.icon1 {background-position: -585px 0;}
.s030504 .middle_wrap .circle .ir-icon.icon2 { background-position: -325px -130px;}
.s030504 .middle_wrap ul li p {width: 200px; margin:18px auto;}

@media(max-width:1200px){
    .s030504 .bottom_wrap ul li{width:calc(33.33% - 4px);}
}
@media screen and (max-width: 768px){
    .s030504 .middle_wrap {overflow: inherit;margin: 130px 0;}
    .s030504 .middle_wrap h2 {position: relative; top: auto; left: auto;}
    .s030504 .middle_wrap h2:after {left:calc(50% - 72px);}
    .s030504 .middle_wrap .circle:before {display: none;}
    .s030504 .middle_wrap .circle:after {display: none;}
    .s030504 .middle_wrap ul li {width: 100%; float:none;}
    .s030504 .middle_wrap ul li p {width: 100%;}
}
@media(max-width:685px){
    .s030504 .bottom_wrap ul li .bottom {min-height: 451px;}
}
@media(max-width:640px){
    .s030504 .bottom_wrap ul.con_wrap {max-width: 400px; margin:0 auto;}
    .s030504 .bottom_wrap ul.con_wrap>li{width:100% ;margin-bottom:30px;text-align: center;}
    .s030504 .bottom_wrap ul li .bottom{min-height:auto;}
    .s030504 .bottom_wrap ul li .top:before{display: none;}
    .s030504 .bottom_wrap ul.con_wrap>li:after {display: none;}
    .s030504 .bottom_wrap ul.con_wrap>li:before {display: none;}
}
@media(max-width:460px){
    .s030504 .top_wrap .top{width: 280px;background-position: contain;}
    .s030504 .top_wrap .top span{font-size:18px;}
    .s030504 .top_wrap .top p{font-size: 20px;margin-top: 25px;}
}
/* sub030504 해양안전 문화활동 End */

/* 선박항해장비안내 sub03050305 */
.s03050305 .ui-topbox.type3 .inner .ir-icon{background: url(/images/kor/sub03/sub03050305_top.png) no-repeat;}
.s03050305 .ui-topbox.type3 .inner {padding: 55px 50px 55px 55px;}
.s03050305 .ui-topbox.type3 .inner .imgwrap{position: relative; float: right; width: 337px; margin: 0 0 50px; text-align: right;top: auto; right: auto;}
.s03050305 .ui-topbox.type3 .inner .imgwrap p{font-size:12px;font-weight:bold;margin-top:15px;}
.s03050305 .ui-topbox.type3 .inner .imgwrap p+p{margin-top:0;}
.s03050305 .ui-topbox.type3 .inner .imgwrap .ir-icon{position: relative;top: auto; right: auto;}
.s03050305 .ui-list__card .obj .item .thm--box{height: auto;}
.s03050305 .ui-list__card .obj .item .full{overflow: hidden;}
.s03050305 .ui-list__card .obj .item .inner_bottom{text-align: left;}
.s03050305 .ui-list__card .obj .item .inner_bottom .source{text-align: right;font-size:12px;}
.s03050305 .ui-list__card .obj .item .thm--box .inner img{position: relative;left:auto;top:auto;max-width:100%;transform: translate(0,0);-webkit-transform: translate(0,0);}
.s03050305 .ui-list__card .obj .item .thm--box .inner img+p+img{margin-top:10px;}
.s03050305 .ui-list__card .col1 .item .card--body .source{font-size:12px;text-align: right;margin-top:20px;}

/* .s03050305 .ui-list__card .col1 .item .thm--box,
.s03050305 .ui-list__card .col1 .item.ui-item__right .thm--box {float:none;width:100%;height: auto;margin:0 0 20px;}
.s03050305 .ui-list__card .col1 .item .thm--box .inner {text-align:center;}
.s03050305 .ui-list__card .col1 .item .thm--box .inner img {position: static;width: auto;max-width: 100%;height: auto;transform: none;-webkit-transform: none;}
.s03050305 .ui-list__card .col1 .item .card--body {float:none; width:100%;}
.s03050305 .ui-list__card .obj .item .thm--box {height:auto;}
.s03050305 .ui-list__card .obj .item .thm--box .inner {text-align:center;}
.s03050305 .ui-list__card .obj .item .thm--box .inner img {position: static;width: auto;max-width: 100%;height: auto;transform: none;-webkit-transform: none;} */

@media(max-width:768px){
    .s03050305 .ui-topbox.type3 .inner {padding: 30px;}
    .s03050305 .ui-topbox.type3 .inner .imgwrap{display: none;}
}
/* 선박항해장비안내 End */



/* sub04010301 통합신고/상담센터 */
.s04010301 .ui-topbox.type3 .inner .ir-icon { background: url(/images/kor/sub04/sub04010301_top.png) no-repeat;}
.s04010301 .ui-topbox.type3 .inner {padding: 55px 365px 55px 50px;}
.s04010301 .ui-list__column .inner .ui-summary p.txt-tip {margin: 2px 0 5px 0;}
@media screen and (max-width: 768px){
    .s04010301 .ui-topbox.type3 .inner {padding: 30px;}
}
/* sub04010301 통합신고/상담센터 End */

/* sub040401 리빙랩이란 */
.s040401 .ui-topbox.type3 .inner .ir-icon { background: url(/images/kor/sub04/sub040401_top.png) no-repeat;}
/* sub040401 리빙랩이란 End */

/* sub0405 어선거래시스템 */
.s0405 .ui-topbox.type3 .inner .ir-icon { background: url(/images/kor/sub04/sub0405_top.png) no-repeat;}
/* sub0405 어선거래시스템 End */

/* sub0406 친환경선박/기자재 인증 */
.s0406 .ui-topbox.type3 .inner .ir-icon { background: url(/images/kor/sub04/sub0406_top.png) no-repeat;}
/* sub0406 친환경선박/기자재 인증 End */

/* sub030401 검사대상 선박현황 */

/* s040701 서비스안내 */
.s040701 .uni-serv-box {width: 100%; height: auto; box-sizing: border-box; background: url(/images/kor/sub04/sub040701_bg.jpg) no-repeat; position: relative; background-size: cover; background-position: center;}
.s040701 .uni-serv-box .uin-title {padding: 60px 20px 45px 20px; text-align: center;}
.s040701 .uni-serv-box .uin-title p {color:#fff;}
.s040701 .uni-serv-box .uin-title .txt-small {font-size: 20px; padding:20px 0; margin: 0;}
.s040701 .uni-serv-box .uin-title .txt-big {font-size: 34px;font-family: 'score'; line-height: 40px;}
.s040701 .uni-serv-box .uin-title .txt-big > span {color: #95dbff; font-weight: 400; line-height: 40px; font-family: 'score';}
.s040701 .uni-serv-box .uin-box {position: relative; display: table; margin: 0 auto; padding-bottom: 40px;}
.s040701 .uni-serv-box .uin-box li {background: url(/images/kor/sub04/sub04_0701_cir.png) no-repeat; width:114px; height:114px; float:left;margin:0 15px; display: table-cell; text-align: center; font-size: 16px; color: #fff; line-height:114px;}
.s040701 .uni-serv-box .uin-box li.cir01 {background-position: 0 0;}
.s040701 .uni-serv-box .uin-box li.cir02 {background-position: -145px 0;}
.s040701 .uni-serv-box .uin-box li.cir03 {background-position: -291px 0;}
.s040701 .uni-serv-box .uin-box li.cir04 {background-position: -436px 0;}
.s040701 p > span {color:#0c367c; font-weight: 600;}
@media screen and (max-width: 635px){
    .s040701 .uni-serv-box .uin-box {width: 268px;}
    .s040701 .uni-serv-box .uin-box li {margin: 0 10px 10px 10px; font-size: 18px;}
    .s040701 .uni-serv-box .uin-title .txt-big {font-size: 30px;}
}
@media screen and (max-width: 391px){
    .s040701 .uni-serv-box .uin-title .txt-big {font-size: 24px; line-height: 24px;}
}
/* s040701 서비스안내 End */

/* sub04040202 신청안내 */
/* sub04040202 신청안내 End */

/* sub050301 인재상 */
.s050301 .box_wrap{margin-bottom:90px;}
.s050301 .box_wrap .h2{font-size:29px;text-align:center;color:#4b4b4b;margin-bottom:35px;}
.s050301 .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;}
.s050301 .top_wrap .top span{font-weight:bold;color:#fff;font-size:18px;display: block;}
.s050301 .top_wrap .top span em{display: block;font-size:13px;font-weight:bold;position: relative;}
.s050301 .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;}
.s050301 .top_wrap .top p{font-size:28px;font-family: "score";font-weight:400;color:#fff;margin-top:35px;line-height:1.35;}
.s050301 .top_wrap .top p em{color:#87deff;font-family: 'score';}

.s050301 .top_wrap .bottom{padding:0 5%;}
.s050301 .top_wrap .bottom .box{border:1px solid #ddd;margin-bottom:50px;text-align:center;position: relative;}
.s050301 .top_wrap .bottom .box.box02{padding:45px 20px 30px;}

.s050301 .top_wrap .bottom .box .title{display: inline-block;position: absolute;left: 50%;top: -10px;transform: translateX(-50%);background: #fff;width: 110px;}
.s050301 .top_wrap .bottom .box .title span{font-weight:bold;color:#4b4b4b;font-size:18px;position: relative;display: block;}
.s050301 .top_wrap .bottom .box .title span em{display: block;font-size:13px;font-weight:bold;position: relative;}
.s050301 .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;}
.s050301 .top_wrap .bottom .box p{font-size:24px;color:#545454;font-family: 'score';margin:0;line-height:1.2;}
.s050301 .top_wrap .bottom .box p em{color:#0033b2;font-family: 'score';}

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

.s050301 .top_wrap .bottom .box.box02 ul li span{color:#fff;font-size:18px;width:112px;height:112px;border-radius: 100%;line-height:24px;display:inline-block; font-family: 'score'; padding-top:32px}
.s050301 .top_wrap .bottom .box.box02 ul li span > small {font-size: 16px;font-family: '맑은고딕','Malgun Gothic';}
.s050301 .top_wrap .bottom .box.box02 ul li:nth-child(2) span > small {font-size: 14px;}
.s050301 .top_wrap .bottom .box.box02 ul li + li{margin-left:40px;}
.s050301 .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);}

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

/* sub050302 직무소개 */
.s050302 .line_wrap {padding: 35px 0;}
.s050302 .line_wrap ul{text-align: center;}
.s050302 .line_wrap ul li{display:inline-block;width:100%;vertical-align: middle;text-align: left; position: relative;margin: 6px;}
.s050302 .line_wrap ul li .top{width:145px;height:145px;margin:0 auto;text-align:center;background: #284282;padding-top:54px;border-radius: 100%;position: relative;float: left;position: absolute; left:0; top:calc(50% - 79px);}
.s050302 .line_wrap ul li:nth-child(2) .top {padding-top: 44px;}
.s050302 .line_wrap ul li:nth-child(1) .top,
.s050302 .line_wrap ul li:nth-child(1) .bottom::before,
.s050302 .line_wrap ul li:nth-child(1) .top:after{background:rgba(0,123,186,0.88);}
.s050302 .line_wrap ul li:nth-child(2) .top,
.s050302 .line_wrap ul li:nth-child(2) .bottom::before,
.s050302 .line_wrap ul li:nth-child(2) .top:after{background: rgba(1,102,204,0.88);}
.s050302 .line_wrap ul li:nth-child(3) .top,
.s050302 .line_wrap ul li:nth-child(3) .bottom::before,
.s050302 .line_wrap ul li:nth-child(3) .top:after{background: rgba(14,54,135,0.88);}
.s050302 .line_wrap ul li:nth-child(4) .top,
.s050302 .line_wrap ul li:nth-child(4) .bottom::before,
.s050302 .line_wrap ul li:nth-child(4) .top:after{background: rgba(0,51,178,0.88);}
.s050302 .line_wrap ul li:nth-child(5) .top,
.s050302 .line_wrap ul li:nth-child(5) .bottom::before,
.s050302 .line_wrap ul li:nth-child(5) .top:after{background: rgba(40,51,97,0.88);}
.s050302 .line_wrap ul li:nth-child(6) .top,
.s050302 .line_wrap ul li:nth-child(6) .bottom::before,
.s050302 .line_wrap ul li:nth-child(6) .top:after{background: rgba(67,71,88,0.88);}

.s050302 .line_wrap ul li .top:after{content:"";position: absolute;left: 100%;bottom: 45%;width: 67px;height: 1px;background: #284282;margin-left:-1px;}
.s050302 .line_wrap ul li .top p{color:#fff;font-size:16px;font-size:16px;letter-spacing: -0.02em;}
.s050302 .line_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;}
.s050302 .line_wrap ul li .top .ir.icon1{background-position: 0 0;}
.s050302 .line_wrap ul li .top .ir.icon2{background-position: -72px 0;}
.s050302 .line_wrap ul li .top .ir.icon3{background-position: -144px 0;}
.s050302 .line_wrap ul li .top .ir.icon4{background-position: -216px 0;}
.s050302 .line_wrap ul li .top .ir.icon5{background-position: -288px 0;}

.s050302 .line_wrap ul li .bottom{border:10px solid #f7f7f7;padding:25px; position: relative;float: right;width: calc(100% - 202px);min-height: 118px;display: table;}
.s050302 .line_wrap ul li .bottom::before{content:"";position: absolute;left: 0;top: calc(50% - 9px);width:9px;height:9px;background: #284282;border:5px solid #fff;margin-left:-14px;border-radius: 50%;}
.s050302 .line_wrap ul li .bottom span{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px;display: table-cell;vertical-align: middle;}
.s050302 .line_wrap ul li .bottom span:last-child{border-bottom:0;padding:0;margin:0;}
@media(max-width:656px){
    .s050302 .line_wrap {padding:0;}
    .s050302 .line_wrap ul li {margin-bottom:30px;}
    .s050302 .line_wrap ul li .top {position: relative; top: auto; left:auto;float:none; width: 120px; height: 120px; padding-top: 40px;}
    .s050302 .line_wrap ul li:nth-child(2) .top { padding-top: 22px;}
    .s050302 .line_wrap ul li .bottom {min-height: auto;float:none;width:100%;margin-top: 35px;}
    .s050302 .line_wrap  ul li .top:after{left:50%;bottom:-30px;width:1px;height:30px;}
    .s050302 .line_wrap  ul li .bottom::before{left:50%;top:-15px;margin-left:-9.5px;}
}
/* sub050302 직무소개 End */

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

/* sub060102 공단sns */
.s060102 .ui-list__column .inner {border-radius: 0;border: 1px solid #e7e7e7;}
.s060102 .ui-list__column .inner:after {content:"";width: 205px;height: 85px;position: absolute;bottom: 0;right: 0;background:  url(/images/kor/sub06/sns_bg.png);background-position: 71% 0%;}
.s060102 .ui-list__column .inner strong {font-size: 16px;font-weight: 600;}
.s060102 .ui-list__column .inner .circle {margin-bottom: 45px; margin-top: 35px; width: 74px;height: 74px;}
.s060102 .circle .ir-icon {background: url(/images/kor/sub06/sns-ir_2023.png); background-repeat: no-repeat;}
.s060102 .circle .ir-icon.icon1 {background-position: 30px 23px; background-color: #48b948;}
.s060102 .circle .ir-icon.icon2 {background-position: -24px 23px; background-color: #3b5799;}
.s060102 .circle .ir-icon.icon3 {background-position: -73px 23px; background-color: #31ace2;}
.s060102 .circle .ir-icon.icon4 {background-position: -126px 23px; background-color: #c8092a;}
.s060102 .circle .ir-icon.icon5 {background-position: -178px 23px; background-color: #db0071;}
.s060102 .circle .ir-icon.icon6{background-position: -282px 23px;background-color: #008edf;}

/* sub060102 공단sns End */
.s0706 .ui-Charter.charter__f .bottom {margin-top: 90px;}
/* sub0706 윤리헌장 */































/* ==========40주년 사진전  시작=============  */
@-webkit-keyframes spin2 {from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}}
@keyframes spin2 {from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}}

@-webkit-keyframes pulse {0% {border-radius: 33%;}50% {border-radius: 40%;}100% {border-radius: 33%;}}
@keyframes pulse {0% {border-radius: 33%;}50% {border-radius: 40%;}100% {border-radius: 33%;}}

@-webkit-keyframes opacity {0% {opacity:0;}100% {opacity:1;}}
@keyframes opacity {0% {opacity:0;}100% {opacity:1;}}

@-webkit-keyframes num {0% {opacity:0; top:0;}100% {opacity:1; top:380px;}}
@keyframes num {0% {opacity:0; top:0;}100% {opacity:1; top:380px;}}

@-webkit-keyframes num2 {0% {opacity:0; top:0;}100% {opacity:1; top:30px;}}
@keyframes num2 {0% {opacity:0; top:0;}100% {opacity:1; top:30px;}}

@-webkit-keyframes num3 {0% {opacity:0; top:0;}100% {opacity:1; top:-80px;}}
@keyframes num3 {0% {opacity:0; top:0;}100% {opacity:1; top:-80px;}}

@-webkit-keyframes scrollDown4 {0% {transform-origin: top;-webkit-transform-origin: top;transform: scaleY(0);-webkit-transform: scaleY(0);}45% {transform-origin: top;-webkit-transform-origin: top;transform: scaleY(1);-webkit-transform: scaleY(1);}55% {transform-origin: bottom;-webkit-transform-origin: bottom;transform: scaleY(1);-webkit-transform: scaleY(1);}100% {transform-origin: bottom;-webkit-transform-origin: bottom;transform: scaleY(0);-webkit-transform: scaleY(0);}}
@keyframes scrollDown4 {0% {transform-origin: top;-webkit-transform-origin: top;transform: scaleY(0);-webkit-transform: scaleY(0);}45% {transform-origin: top;-webkit-transform-origin: top;transform: scaleY(1);-webkit-transform: scaleY(1);}55% {transform-origin: bottom;-webkit-transform-origin: bottom;transform: scaleY(1);-webkit-transform: scaleY(1);}100% {transform-origin: bottom;-webkit-transform-origin: bottom;transform: scaleY(0);-webkit-transform: scaleY(0);}}

@-webkit-keyframes boat{0%,50%,100%{right:-20px;transform:rotate(0);-webkit-transform:rotate(0);}25%,75%{right:-30px;transform:rotate(-2deg);-webkit-transform:rotate(-2deg);}}
@keyframes boat{0%,50%,100%{right:-20px;transform:rotate(0);-webkit-transform:rotate(0);}25%,75%{right:-30px;transform:rotate(-2deg);-webkit-transform:rotate(-2deg);}}

@-webkit-keyframes height {0% {height:100%;}100% {height:0;}}
@keyframes height {0% {height:100%;}100% {height:0;}}

@-webkit-keyframes height2 {0% {height:0;}100% {height:210px;}}
@keyframes height2 {0% {height:0;}100% {height:210px;}}

@-webkit-keyframes height3 {0% {height:0;}100% {height:520px;}}
@keyframes height3 {0% {height:0;}100% {height:520px;}}

@-webkit-keyframes img {0% {transform: translateY(1.5vw);-webkit-transform: translateY(1.5vw);}100% {transform: translateY(0);-webkit-transform: translateY(0);}}
@keyframes img {0% {transform: translateY(1.5vw);-webkit-transform: translateY(1.5vw);}100% {transform: translateY(0);-webkit-transform: translateY(0);}}

@-webkit-keyframes ping {0% {-webkit-transform: scale(0.2);transform: scale(0.2);opacity: 1;}100% {-webkit-transform: scale(2.2);transform: scale(2.2);opacity: 0.1;}}
@keyframes ping {0% {-webkit-transform: scale(0.2);transform: scale(0.2);opacity: 1;}100% {-webkit-transform: scale(2.2);transform: scale(2.2);opacity: 0.1;}}

/* 40주년 인트로 */
.exhibition {overflow: hidden;position:relative;min-height: 100vh;background:#edf2f7;}
.exhibition:after {display:block;position:absolute;left:0;right: 50%;top:0;z-index:1;content:'';width: auto;height:100%;margin-right: 1108px;background:#fff;}
.exhibition .ex_inner {position: relative;max-width:2560px;min-height: 100vh;margin: 0 auto;padding:200px 50px 110px;}
.exhibition .bgobj1 {position: absolute;top: -20px;right: -200px;width: 750px;height: 250px;}
.exhibition .bgobj1:after {display:block;position:absolute;left: -23%;top: -866px;content:'';width: 1000px;height: 1000px;background:#fff;opacity: 0.8;transition: top 1s ease 0s;animation: pulse 15s infinite ease, spin2 20s infinite linear;}
.exhibition .bgobj2 {overflow:hidden;position: absolute;top: -100px;right: 100px;width: 750px;height: 250px;}
.exhibition .bgobj2:after {display:block;position:absolute;left: -23%;top: -866px;content:'';width: 1000px;height: 1000px;background: #88b6e0;opacity: 0.3;transition: top 1s ease 0s;animation: pulse 8s infinite ease, spin2 13s infinite linear;}
.exhibition .sublogo {position:absolute;z-index: 2;left:40px;top:50px;}
.exhibition .sublogo a {display:block;width:88px;height:37px;background: url(/images/kor/common/logo.png)no-repeat;background: url(/images/kor/common/logo.svg)no-repeat;background-size:100% auto;font-size: 0;}
.exhibition .obj {position:absolute;left: 55px;bottom: 40px;z-index:3;width: 190px;}
.exhibition .obj .txt {display: inline-block;width: 100%;height:473px;background: url(/images/kor/sub06/s0602_img3.png)no-repeat right top;}
.exhibition .obj .symbol {display: inline-block;width:148px;height:223px;margin: 5px 0 0;background:url(/images/kor/sub06/s0602_img8.png)no-repeat;}
.exhibition .title {position:absolute;z-index: 2;top: 0;left: 170px;width: 440px;height: 100%;padding: 60px 0 0;background: #1e88e5;}
.exhibition .title .symbol {position: relative;margin: 0 0 20px;text-align:right;}
.exhibition .title .symbol:after {display:block;position:absolute;left: 60px;bottom: 15px;content:'';width:190px;height:1px;background: rgba(255,255,255,.2);}
.exhibition .title .symbol span {display:inline-block;width: 165px;height:174px;background: url(/images/kor/sub06/s0602_img1.png)no-repeat left top;}
.exhibition .title strong {display: block;color: #fff; text-align:center; font-size:24px;}
.exhibition .title strong span {display:inline-block; font-weight:bold;}
.exhibition .cont {position: relative;z-index: 3;padding-left:280px;text-align:right;}
.exhibition .cont > strong {display:block;opacity: 0;margin: 0 0 75px;text-align:right;animation: opacity 1.2s 1 ease forwards 2s;}
.exhibition .cont > strong > span {display: inline-block;width:842px;height:90px;background:url(/images/kor/sub06/s0602_img2.png)no-repeat;font-size:0;}
.exhibition .cont ul {display: block;margin:0 -20px;}
.exhibition .cont ul li {overflow: hidden;float:left;opacity:0;width:calc(33.33% - 40px);height:600px;border-radius: 50px 0 50px 0; margin:0 20px;}
.exhibition .cont ul li.n1{    animation: opacity 1.2s 1 ease forwards 0.5s;}
.exhibition .cont ul li.n2{    animation: opacity 1.2s 1 ease forwards 1s;}
.exhibition .cont ul li.n3{    animation: opacity 1.2s 1 ease forwards 1.5s;}
.exhibition .cont ul li a {display: block;position: relative;width:100%;height:100%;padding: 65px 50px 0;text-align: left;}
.exhibition .cont ul li a:before {display:block;position:absolute;opacity: 0;z-index: 1;top: 255px;left: 65px;content:'';width: 1px;height: 235px;background: rgba(255,255,255,.5);}
.exhibition .cont ul li a:after {display:block;position:absolute;content:'';left:0;top:0;width:100%;height:100%;background-size:cover;background-position: center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.exhibition .cont ul li.n1 a:after {background-image:url(/images/kor/sub06/s0602_img5.jpg);}
.exhibition .cont ul li.n2 a:after {background-image:url(/images/kor/sub06/s0602_img6.jpg);}
.exhibition .cont ul li.n3 a:after {background-image:url(/images/kor/sub06/s0602_img7.jpg);}
.exhibition .cont ul li a:hover:after,
.exhibition .cont ul li a:focus:after {transform:scale(1.07);}
.exhibition .cont ul li .tit {position:relative; z-index:1; transition:all 0.3s; -webkit-transition:all 0.3s;}
.exhibition .cont ul li a:hover .tit,
.exhibition .cont ul li a:focus .tit {transform:translateY(10px);}
.exhibition .cont ul li .tit > span {display:block;margin: 0 0 20px;font-size:17px;font-weight:bold;color:#fff;}
.exhibition .cont ul li .tit strong {}
.exhibition .cont ul li .tit strong span {display:block;line-height: 1.3;font-size: 35px;font-weight:bold;font-family: 'nsr_b','nsr';color:#fff;}
.exhibition .cont ul li em {display:block;position:absolute;z-index:1;right: 55px;bottom: 45px;line-height: 1;font-size:100px;font-weight:bold;font-family: 'nsr_b','nsr';color:#fff;opacity:0.3;letter-spacing: 0.02em;transition:all 0.3s;-webkit-transition:all 0.3s;}
.exhibition .cont ul li a:hover em,
.exhibition .cont ul li a:focus em {transform:translateY(-10px);}
.exhibition .subfoot {display: inline-block;position: absolute;z-index: 2;left: 210px;bottom: 35px;font-size:14px;color:#fff;}
@media(max-width:2560px){
    .exhibition:after {width:610px; right:auto; margin:0;}
}
@media(max-width:1899px){
    .exhibition .cont {padding-left: 300px;}
    .exhibition .cont ul li a {padding: 65px 50px 0;}
    .exhibition .cont ul li .tit > span {font-size:16px;}
    .exhibition .cont ul li .tit strong span {font-size:30px;}
    .exhibition .cont ul li em {right:45px; bottom:40px;}
    .exhibition .cont > strong > span {width: 750px;height:80px;background-size:auto 80px;}
}
@media(max-width:1630px){
    .exhibition:after {display:none;}
    .exhibition .ex_inner {padding: 260px 50px 150px 50px;}
    .exhibition .bgobj1 {top: -50px;right: -330px;}
    .exhibition .bgobj2 {top: -120px;right: 50px;width: 750px;}
    .exhibition .sublogo {z-index:3;left: 50px;}
    .exhibition .sublogo a {background-image:url(/images/kor/sub06/s0602_logo.png);}
    .exhibition .obj {left: 50px;bottom: 80px;width: 120px;}
    .exhibition .obj .txt {width: 100%;height: 405px;background-size:120px auto;}
    .exhibition .obj .symbol {width:148px;height: 183px;background-size:120px auto;}
    .exhibition .title {left:0;padding: 0;}
    .exhibition .title .symbol:after {left:50px;}
    .exhibition .title .symbol span {height:145px;background-position: left bottom;}
    .exhibition .title strong {padding-left:50px;text-align:left;}
    .exhibition .cont {padding-left:200px;}
    .exhibition .cont > strong {display:none;}
    .exhibition .cont ul li {height: 500px;}
    .exhibition .cont ul li a {padding: 65px 40px 0;}
    .exhibition .cont ul li .tit > span {font-size:14px;}
    .exhibition .cont ul li .tit strong span {font-size:27px;}
    .exhibition .cont ul li em {right:30px; bottom:30px;}
    .exhibition .subfoot {left:50px;}
}
@media(max-width:1350px){
    .exhibition {}
    .exhibition:before {display:block;position:absolute;right: -220px;top:0;content:'';width:644px;height:192px;background:url(/images/kor/sub06/s0602_img4.png)no-repeat;}
    .exhibition .bgobj1,
    .exhibition .bgobj2 {display:none;}
    .exhibition .ex_inner {padding: 260px 70px 150px 50px;}
    .exhibition .obj {bottom:185px;}
    .exhibition .obj .symbol {margin:50px 0 0;}
    .exhibition .cont {padding-left: 180px;}
    .exhibition .cont ul {margin:0;}
    .exhibition .cont ul li {float:none; width:100%; height:280px; margin:0 0 20px;}
    .exhibition .cont ul li.n1 a:after {background-image:url(/images/kor/sub06/s0602_img13.jpg);}
    .exhibition .cont ul li.n2 a:after {background-image:url(/images/kor/sub06/s0602_img14.jpg);}
    .exhibition .cont ul li.n3 a:after {background-image:url(/images/kor/sub06/s0602_img15.jpg);}
    .exhibition .cont ul li a {padding: 65px 60px 0;}
    .exhibition .cont ul li .tit > span {font-size:17px;}
    .exhibition .cont ul li .tit strong span {font-size:32px;}
}
@media(max-width:1023px){
    .exhibition:before {right: -40%;background-size:500px auto;}
    .exhibition .ex_inner {padding: 260px 50px 150px 50px;}
    .exhibition .cont ul li a {padding: 65px 45px 0;}
    .exhibition .cont ul li .tit > span {margin:0 0 5px;}
    .exhibition .cont ul li em {font-size:80px;}
}
@media(max-width:767px){
    .exhibition .obj,
    .exhibition .subfoot {display:none;}

    .exhibition:before {display:none;}
    .exhibition .ex_inner {padding:0;}

    .exhibition .sublogo {left:50%;margin-left: -44px;}
    .exhibition .title {position:static;width: 100%;padding: 110px 0 50px;background: #1e88e5 url(/images/kor/sub06/s0602_img1.png)no-repeat right bottom;background-size: 200px auto;text-align: center;}
    .exhibition .title .symbol {display:none;}
    .exhibition .title strong {padding:0; text-align:center;}
    .exhibition .title strong span {display:block; line-height:1;}

    .exhibition .cont {padding:0;}
    .exhibition .cont ul li {height: 400px;margin:0;border-radius: 0;}
    .exhibition .cont ul li a {padding:100px 60px 0;}
    .exhibition .cont ul li em {right: 50px;bottom:60px;}
}

@media(max-width:480px){
    .exhibition .title {background-size:120px auto;}
    .exhibition .cont ul li {height:280px;}
    .exhibition .cont ul li a {padding:50px 30px 0;}
    .exhibition .cont ul li .tit > span {font-size:14px;}
    .exhibition .cont ul li .tit strong span {font-size:25px;}
    .exhibition .cont ul li em {right: 30px;bottom:30px;}
}

/* 40주년 사진전 인트로 */




/* 40주년 사진전 */
#mquick {position:absolute; left:200px; top:650px;z-index: 10;}
#mquick a {display: block;position: relative;font-size:18px;margin-bottom: 5px;font-family:'nsr';color:#00305e;}
#mquick a:after {display:block;position:absolute;z-index: -1;content:'';left:0;bottom:0;width:0;height: 15px;background: #edf2f7; transition:all 0.3s; -webkit-transition:all 0.3s;}
#mquick a.ov:after {width:100%;}
#mquick a em {display:inline-block;margin-right:8px;font-size: 18px;font-family:'nsr';font-style: italic;color:#00305e;vertical-align:middle;}
#mquick a.ov,
#mquick a.ov em {font-weight:bold;}

.sub06_0602_01 #body_layout .body_wrap,
.sub06_0602_02 #body_layout .body_wrap,
.sub06_0602_03 #body_layout .body_wrap {background: #edf2f7;}
.scenestit {display: none;}
.exhibition_view {overflow: hidden;position: relative;width:100%;max-width: 2560px;}
.exhibition_view .inner {padding-left:570px;}
.exhibition_view .con_left {position:fixed;left:0;top:0;z-index:5;height:100%;}
.exhibition_view .con_left:before {display:block;position:absolute;content:'';left:0;width:570px;height:100%;background: #fff;}
.exhibition_view .con_left .box1 {float:left;position:relative;width:170px;height: 100%;padding: 50px 40px;}
.exhibition_view .con_left .box1 .sublogo {}
.exhibition_view .con_left .box1 .sublogo a {display:block;width:88px;height:37px;background: url(/images/kor/common/logo.png)no-repeat;background: url(/images/kor/common/logo.svg)no-repeat;background-size:100% auto;font-size: 0; }
.exhibition_view .con_left .box1 .page {position:absolute;left: 0;top: 50%;width:100%;text-align:center;transform: translateY(-60%);-webkit-transform: translateY(-60%);}
.exhibition_view .con_left .box1 .page li {margin:0 0 30px;text-align: center;}
.exhibition_view .con_left .box1 .page li a {display: block;position:relative;width:60px;height:60px;line-height:60px;margin: 0 auto;border-radius:50%;font-size:20px;font-family: "nsr_b","nsr";font-weight:bold;color:#a5a5a5;letter-spacing: -0.07em;}
.exhibition_view .con_left .box1 .page li a.ov {border:1px solid #d0e0f2; color:#00305e;}
.exhibition_view .con_left .box1 .page li canvas {position: absolute; left:0; top:0; }
.exhibition_view .con_left .box1 .scroll {position:absolute;left: 50%;bottom: 40px;margin-left: -6.5px;}
.exhibition_view .con_left .box1 .scroll p {width:13px;height:127px;margin: 0 auto 10px;background:url(/images/kor/sub06/s0602_img9.png)no-repeat;font-size:0;}
.exhibition_view .con_left .box1 .scroll span {display: block;position: relative;left: 50%;width: 1px;height: 115px;background: #b8d0ec;animation: scrollDown4 2s ease infinite;}
.exhibition_view .con_left .box2 {float:left; position:relative; }
.exhibition_view .con_left .box2 .title {position:relative;z-index:1;width:440px;padding: 60px 0 45px;border-radius: 0 0 40px 0;background:#1e88e5;}
.exhibition_view .con_left .box2 .title .symbol {}
.exhibition_view .con_left .box2 .title .symbol {position: relative;margin: 0 0 20px;text-align:right;}
.exhibition_view .con_left .box2 .title .symbol:after {display:block;position:absolute;left: 50px;bottom: 15px;content:'';width:190px;height:1px;background: rgba(255,255,255,.2);}
.exhibition_view .con_left .box2 .title .symbol span {display:inline-block;width: 165px;height:174px;background: url(/images/kor/sub06/s0602_img1.png)no-repeat left top;}
.exhibition_view .con_left .box2 .title strong {display: block;padding-left: 50px;color: #fff;text-align: left;font-size:24px;}
.exhibition_view .con_left .box2 .title strong span {display:inline-block;font-weight:bold;font-family: 'nsr_b','nsr';}
.exhibition_view .con_left .box2 .contit {padding: 100px 0 0 30px;}
.exhibition_view .con_left .box2 .contit > span {display: block;margin: 0 0 25px;font-size: 20px;color:#666;}
.exhibition_view .con_left .box2 .contit > strong {}
.exhibition_view .con_left .box2 .contit > strong > span {display:block;line-height:1.3;font-size:40px;font-weight:bold;font-family: 'nsr_b','nsr';color:#00305e;}

.exhibition_view .con_right {/* overflow: hidden; */position: relative;width: 100%;/* padding-left: 190px; */background:#edf2f7;}
.exhibition_view .con_right .objbg {position: absolute;right: -10px;bottom: -20px;z-index: 1;width: 510px;height: 378px;background: url(/images/kor/main/obj4.png)no-repeat;-webkit-animation: boat 8s ease infinite;animation: boat 8s ease infinite;}
.exhibition_view .con_right .number {position:absolute;opacity: 0;left: 190px;top: 0;z-index: 10;line-height:1;font-family:'nsr_b';font-size:370px;letter-spacing: -0.09em;color:#fff;animation: num 2s ease 1 forwards;}
.exhibition_view .con_right .scenes {position:relative;margin-bottom: 100px;}
.exhibition_view .con_right .scenes1:before {position:absolute;left:0;top:0;content:'';width: 100%;height:0;background:#fff;animation: height2 1.5s cubic-bezier(.34,.07,.095,.995) 1 forwards 1.5s;}
.exhibition_view .con_right .photobox {overflow:hidden;position: relative;padding-left: 15%;}
.exhibition_view .con_right .photobox .section {}
.exhibition_view .con_right .photobox .section .img-wrap {position:relative;}
.exhibition_view .con_right .photobox .section .img-wrap a {display: inline-block;position: relative;z-index: 5;}
.exhibition_view .con_right .photobox .section .img-wrap a:after {display:block;position:absolute;right: -30px;top:-30px;content: '';width:60px;height:60px;border-radius:50%;background:#0962b5 url(/images/kor/sub06/s0602_img10.png)no-repeat center;transition: all 0.3s;-webkit-transition: all 0.3s;transform: scale(0);}
.exhibition_view .con_right .photobox .section .img-wrap a:hover:after,
.exhibition_view .con_right .photobox .section .img-wrap a:focus:after {transform:scale(1);}
.exhibition_view .con_right .photobox .section .img-wrap .ibox {display:block;overflow: hidden;position:relative;/* border-radius: 40px 0; */}
.exhibition_view .con_right .photobox .section .img-wrap .ibox>span {display:block;overflow: hidden;position:relative;width:100%;height:100%;}
.exhibition_view .con_right .photobox .section .img-wrap .ibox>span {border-radius: 40px 0;transition: transform 1.5s cubic-bezier(.34,.07,.095,.995);-webkit-transition: transform 1.5s cubic-bezier(.34,.07,.095,.995);transform: translateY(1.5vw);-webkit-transform: translateY(1.5vw);}
.exhibition_view .con_right .photobox .section .img-wrap .ibox>span img {display:block;position:absolute;left:50%;top:50%;width: auto;max-width: 1000%;height: 100%;transform:translate(-50%,-50%);border-radius: 40px 0 40px 0;}
.exhibition_view .con_right .photobox .section .img-wrap.active  .ibox>span {transform: translateY(0);-webkit-transform: translateY(0);}
.exhibition_view .con_right .photobox .section .img-wrap.active2  .ibox>span {animation: img 1.5s cubic-bezier(.34,.07,.095,.995) 1 forwards;}
.exhibition_view .con_right .photobox .section .img-wrap.box-right {text-align:right;}
.exhibition_view .con_right .photobox .section .img-wrap.box-right .ibox {width:772px;height:652px;}
.exhibition_view .con_right .photobox .section .img-wrap.box-left {text-align:left;}
.exhibition_view .con_right .photobox .section .img-wrap.box-left .ibox {width:420px; height:280px;}
.exhibition_view .con_right .photobox .section .img-wrap .tit {position:relative;margin:20px 0 0;padding: 0 30px;}
.exhibition_view .con_right .photobox3 .section .img-wrap .tit {text-align:center;}
.exhibition_view .con_right .photobox .section .img-wrap .tit span {display:inline-block;position: relative;line-height:1.3;font-family: "nsr";font-size: 15px;color: #666;}
.exhibition_view .con_right .photobox .section .img-wrap .tit span:after {display:block;position:absolute; left:-20px; top:-1px; content:'▲';font-size: 15px;color: #666;}
.exhibition_view .con_right .photobox .section .img-wrap .tit span em {display:block;line-height:1.3;font-family: "nsr";font-size: 15px;color: #666;}
.exhibition_view .con_right .photobox .section .img-loader {position: absolute; top: 0;width: 100%;height: 100%;background: #edf2f7;transition: height 1s cubic-bezier(.34,.07,.095,.995);-webkit-transition: height 1s cubic-bezier(.34,.07,.095,.995);}
.exhibition_view .con_right .photobox .section .active .img-loader {height:0;}
.exhibition_view .con_right .photobox .section .active2 .img-loader{animation: height 1.5s cubic-bezier(.34,.07,.095,.995) 1 forwards;}

.exhibition_view .con_right .photobox1 {padding-top:90px;}
.exhibition_view .con_right .photobox1 .section {}
.exhibition_view .con_right .photobox1 .section .img-wrap {}
.exhibition_view .con_right .photobox1 .section .img-wrap.box-left {margin-top:-135px;}
.exhibition_view .con_right .photobox1 .section .img-wrap.box-right a:after{right:30px;}
.exhibition_view .con_right .photobox1 .section .img-wrap a {}
.exhibition_view .con_right .photobox1 .section .img-wrap a img {display:block;position:absolute;left:50%;top:50%;width: auto;max-width: 1000%;height: 100%;transform:translate(-50%,-50%);}
.exhibition_view .con_right .photobox1 .section .img-wrap .tit {}
.exhibition_view .con_right .photobox1 .section .img-wrap .tit:after {}
.exhibition_view .con_right .photobox1 .section .img-wrap .tit span {}
.exhibition_view .con_right .photobox1 .section .img-wrap .tit span em {}

.exhibition_view .con_right .photobox2 {padding-top: 100px;background: url(/images/kor/sub06/s0602_bg2.png)no-repeat left 100px;text-align: center;}

.exhibition_view .con_right .photobox3 {padding-top:150px;background: url(/images/kor/sub06/s0602_bg4.png)no-repeat 158px 5px;}
.exhibition_view .con_right .photobox3 .section .img-wrap {position:relative;}
.exhibition_view .con_right .photobox3 .section .img-wrap.box1 {left:130px;}
.exhibition_view .con_right .photobox3 .section .img-wrap.box2 {margin-top: -200px;padding-right: 15%;text-align:right;}
.exhibition_view .con_right .photobox3 .section .img-wrap.box2:before {display:block;position:absolute;right:65px;top: 150px;content:'';width:115px;height:115px;background: url(/images/kor/sub06/s0602_bg3.png)no-repeat;}
.exhibition_view .con_right .photobox3 .section .img-wrap.box3 {left:40px;margin-top: -140px;}

.exhibition_view .con_right .photobox4 {padding-top:30px;background: url(/images/kor/sub06/s0602_bg1.png)no-repeat 95px 190px;}
.exhibition_view .con_right .photobox4 .section {}
.exhibition_view .con_right .photobox4 .section .img-wrap.box1 {position:absolute;left: 230px;bottom: 70px;}
.exhibition_view .con_right .photobox4 .section .img-wrap.box2 {float:right;}
.exhibition_view .con_right .photobox4 .section .img-wrap.box2 a:after {right:30px;}
.exhibition_view .con_right .photobox4 .section .img-wrap .tit {text-align:center;}

.exhibition_view .con_right .nextbox {position:relative; padding:165px 0 105px;}
.exhibition_view .con_right .nextbox .arr {position:absolute;z-index:1;left: 0;top:250px;}
.exhibition_view .con_right .nextbox .arr em {display:block; width:256px; height:21px; background:url(/images/kor/sub06/s0602_img12.png)no-repeat;}
.exhibition_view .con_right .nextbox .arr span {display:block;position:absolute;top:0;right: 0;z-index:-1;content:'';width: 21px;height: 21px;border-radius:50%;background:#d6e7f3;-webkit-animation: ping 1s ease-in-out infinite both;animation: ping 1s ease-in-out infinite both;}
.exhibition_view .con_right .nextbox .next {display: inline-block;position: relative;padding-left: 290px;z-index: 1;}
.exhibition_view .con_right .nextbox .next:after {display:block;position:absolute;top: -59px;right: -145px;content:'';width:156px;height:235px;background:url(/images/kor/sub06/s0602_img11.png)no-repeat;}
.exhibition_view .con_right .nextbox .next a {display:inline-block;}
.exhibition_view .con_right .nextbox .next span {display:block;/* opacity:0.1; */line-height:1;text-indent: -12px;letter-spacing: -0.05em;font-size:178px;font-weight:bold;font-family: 'nsr_b','nsr';color: #dbe8f3;}
.exhibition_view .con_right .nextbox .next em {display:block;line-height:1;margin-top: -40px;font-size:26px;font-weight:bold;font-family: 'nsr_b','nsr';color:#00305e;}

.exhibition_view .con_right .photobox2 .section .img-wrap .ibox {width:848px; height:548px;}
.exhibition_view .con_right .photobox3 .section .img-wrap.box1 .ibox,
.exhibition_view .con_right .photobox3 .section .img-wrap.box3 .ibox {width:420px; height:280px;}
.exhibition_view .con_right .photobox3 .section .img-wrap.box2 .ibox {width:380px;height:420px;}
.exhibition_view .con_right .photobox4 .section .img-wrap.box1 .ibox {width:420px;height:280px;}
.exhibition_view .con_right .photobox4 .section .img-wrap.box2 .ibox {width:580px;height:680px;}

.exhibition_view .subfoot {position: fixed;z-index: 5;left: 200px;bottom:40px;font-size:14px;font-family: "nsr";color:#51789c;}
#imgLayer .thumb {max-height:100% !important;}

@media(max-width:1919px){
    .exhibition_view .con_left .box2 .title {padding:0 0 45px;}
    .exhibition_view .con_left .box2 .title .symbol span {width: 165px;height: 145px;background-position: left bottom;}

    .exhibition_view .con_left .box2 .contit {padding: 50px 0 0 30px;}
    .exhibition_view .con_left .box1 .page {transform: translateY(-70%);-webkit-transform: translateY(-70%);}

    .exhibition_view .con_right .photobox {padding-left:120px;}
    .exhibition_view .con_right .number {left:120px;}

    .exhibition_view .con_right .photobox3 .section .img-wrap.box1 {left:0;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box2 {/* margin:0; */padding-right: 50px;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box3 {margin:0;}

    .exhibition_view .con_right .photobox4 .section .img-wrap.box1 {position:static;margin: 50px 0 0;}
    .exhibition_view .con_right .photobox4 .section .img-wrap.box2 {float:none;text-align: right;padding-right: 80px;}
    .exhibition_view .con_right .photobox4 .section .img-wrap.box2 {padding:0 30px;}
}

@media(max-width:1700px){

    .exhibition_view .inner {padding-left: 480px;}

    .exhibition_view .con_left:before {width:480px;}
    .exhibition_view .con_left .box1 {}
    .exhibition_view .con_left .box2 .title {width:360px;}
    .exhibition_view .con_left .box2 .title .symbol:after {width:120px;}
    .exhibition_view .con_left .box2 .title strong {padding: 0;text-align:center;}
    .exhibition_view .con_left .box2 .title strong span {display:block;line-height:1;}
    .exhibition_view .con_left .box2 .contit > span {font-size:17px;}
    .exhibition_view .con_left .box2 .contit > strong > span {font-size: 30px;}
    .exhibition_view .subfoot {left:190px;font-size:13px;}

}

@media(max-width:1600px){
    .exhibition_view .con_right .number {left: auto;right: 60px;font-size:300px;color: #d6e4f1;animation: num2 2s ease 1 forwards 1.5s;}
    .exhibition_view .con_right .photobox {padding-left:0;}
    .exhibition_view .con_right .photobox1 {padding-top: 150px;}
    .exhibition_view .con_right .photobox1 .section .img-wrap.box-left {margin:80px 0 0;padding-left: 15%;/* text-align:center; */}
    .exhibition_view .con_right .photobox3 {background-position: 158px 300px;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box1 {text-align:center;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box2 {margin: 65px 0;padding-right: 15%;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box3 {padding-left: 12%;}
    .exhibition_view .con_right .photobox4 {padding-top:65px;}
    .exhibition_view .con_right .photobox4 .section .img-wrap.box1 {padding-left: 18%;}
}

@media(max-width:1500px){
    #mquick {display:none;}
    .scenestit {display: inline-block;margin-left: 50px;margin-bottom: 30px;position:relative;font-size:20px;font-family:'nsr';font-weight: bold;color:#00305e;}
    .scenestit span {display:block;position:relative; z-index:2;font-size:20px;font-family:'nsr';font-weight: bold;color:#00305e;}
    .scenestit:after {display:block;position:absolute;content:'';left:0;bottom:0;z-index:1;width:100%;height: 15px;background: #fff;transition:all 0.3s;-webkit-transition:all 0.3s;}
    .scenestit em {display:inline-block;margin-right:8px;font-size:20px;font-family:'nsr';font-style: italic;font-weight: bold;color:#00305e;vertical-align:middle;}

    .exhibition_view .inner {padding:0;}
    .exhibition_view .con_left {position:static;}
    .exhibition_view .con_left:before,
    .exhibition_view .con_left .box1 .scroll,
    .exhibition_view .con_left .box1 .page,
    .exhibition_view .con_left .box2 .title .symbol {display:none;}

    .exhibition_view .con_left .box1 {float:none;width: auto;padding: 0;}
    .exhibition_view .con_left .box1 .sublogo {position:absolute;z-index: 910;top: 31.5px;left: 50px;}
    .exhibition_view .con_left .box1 .sublogo a {background-image: url(/images/kor/sub06/s0602_logo.png);}
    .exhibition_view .con_left .box2 {float:none;width: 100%;z-index: 10;}
    .exhibition_view .con_left .box2 .contit {padding:80px 50px 0;}
    .exhibition_view .con_left .box2 .title {width:100%;padding: 31px 0 31px 165px;border-radius:0;text-align: left;}
    .exhibition_view .con_left .box2 .title strong {text-align:left;}
    .exhibition_view .con_left .box2 .title strong span {display:inline-block;}

    .exhibition_view .con_right {margin-top:-210px;padding-top: 240px;}
    .exhibition_view .con_right:before {}
    .exhibition_view .con_right:before {position:absolute;left:0;top:0;content:'';width: 100%;height:0;background:#fff;animation: height3 1.5s cubic-bezier(.34,.07,.095,.995) 1 forwards 1.5s;}
    .exhibition_view .con_right .scenes {margin:0;margin: 200px 0 0;}
    .exhibition_view .con_right .scenes1 {margin:0 0 200px;}
    .exhibition_view .con_right .scenes:before {top: -90px;height:300px;animation:none;}
    .exhibition_view .con_right .scenes1:before {display:none;}

    .exhibition_view .con_right .number {animation: num3 2s ease 1 forwards 1.5s;}
    .exhibition_view .con_right .photobox1 {padding-top:0;}
    .exhibition_view .con_right .photobox1 .section .img-wrap.box-left {margin-top: -235px;padding: 0 50px;text-align:left;}
    .exhibition_view .con_right .photobox1 .section .img-wrap.box-right a:after {top:30px;}

    .exhibition_view .con_right .photobox3 {padding-top: 90px;background-position: 0 300px;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box1 {left: 130px;text-align:left;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box2 {margin-top: -200px;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box3 {margin-top: -140px;}
    .exhibition_view .con_right .photobox4 .section .img-wrap.box1 {position: absolute;left: 100px;bottom: 70px;padding: 0;}


    .exhibition_view .subfoot {position:static;padding: 30px 50px 50px;background: #fff;text-align: center;}
}

@media(max-width:1300px){
    .exhibition_view .con_right .photobox3 .section .img-wrap.box1 {left:0; text-align:center;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box2 {margin:50px 0;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box3 {margin: 0;}
    .exhibition_view .con_right .photobox4 .section .img-wrap.box1 {position: static;margin: 50px 0 0;text-align: center;}
}

@media(max-width:1023px){
    .exhibition_view .con_right .nextbox {padding: 100px 0 120px;text-align:center;}
    .exhibition_view .con_right .nextbox .arr {display:none;}
    .exhibition_view .con_right .nextbox .next {margin-left: -200px;padding:0;}

    .exhibition_view .con_right .photobox .section .img-wrap {padding:0 30px;}
    .exhibition_view .con_right .photobox .section .img-wrap.box-right {padding:0 0 0 30px;}
    .exhibition_view .con_right .photobox1 .section .img-wrap.box-left {margin:30px 0 0;padding:0 30px;padding-left: 15%;}
    .exhibition_view .con_right .photobox4 .section .img-wrap.box1 {padding:0 30px;}

    .exhibition_view .con_right .photobox2 .section .img-wrap .ibox {width: 100%;max-width:848px;height:auto;}
    .exhibition_view .con_right .photobox2 .section .img-wrap .ibox>span img {position:static; width:100%; height:auto; transform:none; -webkit-transform:none;}
    .exhibition_view .con_right .photobox .section .img-wrap.box-right .ibox {width: 100%;max-width:772px;height:auto;}
    .exhibition_view .con_right .photobox .section .img-wrap.box-right .ibox>span img {position:static; width:100%; height:auto; transform:none; -webkit-transform:none;}
}

@media(max-width:767px){

    .exhibition_view .con_left .box2 .contit {padding:50px 30px 0;}
    .exhibition_view .con_left .box2 {position: static;}
    .exhibition_view .con_right {margin:0;padding-top: 0;}
    .exhibition_view .con_right:before {display: none;height: 520px;animation:none;}
    .exhibition_view .con_right .number {display: none;}
    .exhibition_view .con_right .objbg {width: 300px;height: 230px;background-size:300px auto;}
    .exhibition_view .con_right .photobox1,
    .exhibition_view .con_right .photobox2,
    .exhibition_view .con_right .photobox3,
    .exhibition_view .con_right .photobox4 {padding:0;}


    .exhibition_view .con_right .photobox .section .img-wrap {margin: 50px 0 0;}
    .exhibition_view .con_right .photobox .section .img-wrap.box-right {padding:0 30px;text-align: center;}
    .exhibition_view .con_right .photobox1 .section .img-wrap.box-right a:after {top:-30px;}
    .exhibition_view .con_right .photobox1 .section .img-wrap.box-left {margin: 50px 0 0;padding:0 30px;text-align:center;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box2,
    .exhibition_view .con_right .photobox3 .section .img-wrap.box3 {left: 0;padding:0 30px; margin:50px 0 0;text-align:center;}
    .exhibition_view .con_right .photobox4 .section .img-wrap.box2 {text-align:center;}

    .exhibition_view .con_right .nextbox .next {margin:0;}
    .exhibition_view .con_right .nextbox .next:after {display:none;}

    .exhibition_view .con_right .nextbox .next span {font-size:150px;text-indent: 0;}
    .exhibition_view .con_right .nextbox .next em {font-size:22px;}

    .exhibition_view .con_right .photobox .section .img-wrap.box-left .ibox {width: 100%;max-width:420px;height:auto;}
    .exhibition_view .con_right .photobox .section .img-wrap .ibox>span img,
    .exhibition_view .con_right .photobox1 .section .img-wrap a img {position:static; width:100%; height:auto; transform:none; -webkit-transform:none;}

    .exhibition_view .con_right .photobox3 .section .img-wrap.box1 .ibox,
    .exhibition_view .con_right .photobox3 .section .img-wrap.box3 .ibox {width:100%; max-width:420px; height:auto;}
    .exhibition_view .con_right .photobox3 .section .img-wrap.box2 .ibox {width:100%; max-width:380px;height:auto;}
    .exhibition_view .con_right .photobox4 .section .img-wrap.box1 .ibox {width:100%; max-width:420px;height:auto;}
    .exhibition_view .con_right .photobox4 .section .img-wrap.box2 .ibox {width:100%; max-width:580px;height:auto;}

    .exhibition_view .con_right .scenes {margin:0 0 50px;}
    .exhibition_view .con_right .scenes1 {margin:0 0 50px;}
    .exhibition_view .con_right .scenes:before {display:none;}

    .scenestit {margin:50px 0 0 30px;}


}

@media(max-width:580px){
    .exhibition_view .con_right .photobox2 {background:none;}
    .exhibition_view .con_right .nextbox .next span {font-size:100px;}
    .exhibition_view .con_right .nextbox .next em {margin-top: -20px;font-size:18px;}

    .exhibition_view .con_left .box1 .sublogo {left:50%;margin-left:-44px;}
    .exhibition_view .con_left .box2 .title {padding: 90px 0 30px;text-align:center;}
    .exhibition_view .con_left .box2 .title strong {text-align:center;}
    .exhibition_view .con_left .box2 .title strong span {display:block;}

    .exhibition_view .con_left .box2 .contit {padding:40px 30px 0;}
    .exhibition_view .con_left .box2 .contit > span {font-size:14px;}
    .exhibition_view .con_left .box2 .contit > strong > span {font-size:25px;}

    .exhibition_view .con_right {/* padding-top:330px; */}
    .exhibition_view .con_right .number {top:280px;right: 10px;font-size: 170px;}
}


body[class^=sub06] #exit {}
body[class^=sub06] #exit strong {float: none !important;}
body[class^=sub06] #imgLayer .thumb {max-height:100% !important;}
@media(max-width:1299px){
    body[class^=sub06] #imgLayer {width:90% !important;}
    body[class^=sub06] #imgLayer .thumb {margin:0 auto;}
}



/* 40주년 사진전 */

/* ==========40주년 사진전  끝 =============  */



/* 조직도 */
.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;font-size: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%;font-size: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;text-align: center;font-size: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;font-size: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;font-size: 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;font-size: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;position: relative;width: 100%;height: 22px;font-size: 14px;font-size:0;}


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



/* 항로조회 */
.fairway_wrap{}
.fairway_wrap .inner{}
.fairway_wrap .inner div > ul{}
.fairway_wrap .inner .box > ul .slick-list{border-radius: 20px;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .map{width:100%;height:600px;position: relative;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .map:after{content: "";position: absolute;right:0;bottom:0;background: url(/images/kor/sub03/slider_bg.png) no-repeat;width:273px;height:115px;}
.fairway_wrap.s03020301 .inner .box > ul .slick-slide > div> li .map:after{display: none;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .map img{height:100%;width:100%;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .info{background: #001a60;padding:20px 50px;border-radius: 0 0 20px 20px;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li{position: relative;padding-left:100px;color:#fff;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li+li{margin-top:10px;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li span{position: absolute;left:0;top:0;font-size: 15px;font-weight:bold;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li span:after{content: "";position: absolute;right:-15px;top:50%;width:1px;height:10px;background: #fff;margin-top:-5px;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li span em{width:20px;height:20px;margin-right:10px;display: inline-block;vertical-align: sub;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li span em.icon1{background: url(/images/kor/sub03/fairway_icon.png) no-repeat;}
.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li span em.icon2{background: url(/images/kor/sub03/fairway_icon2.png) no-repeat;}
.fairway_wrap .inner .box{position: relative;}
.fairway_wrap .inner .box .arrow{position: absolute;left:0;top:40%;width:100%;}
.fairway_wrap .inner .box .arrow .slick-arrow{display: inline-block;border-radius: 100%;width:60px;height:60px;background:rgba(0,0,0,0.6);font-size:0;line-height: 0;position: relative;transition: 0.3s;}
.fairway_wrap .inner .box .arrow .slick-arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 15px;height: 15px;transform:rotate(-45deg);;border-right: 2px solid #ddd;border-bottom: 2px solid #ddd;margin-top:-7.5px;margin-left:-7.5px;}
.fairway_wrap .inner .box .arrow .prev{position: absolute;left:25px;}
.fairway_wrap .inner .box .arrow .prev.slick-arrow:after{transform: rotate(135deg);}
.fairway_wrap .inner .box .arrow .next{position: absolute;right:25px;}

.fairway_wrap .inner .box .arrow .slick-arrow:hover,
.fairway_wrap .inner .box .arrow .slick-arrow:focus{background: rgba(0,0,0,1);}

.fairway_wrap .inner .box .slideCount{font-size:15px;display: inline-block;position: absolute;right:20px;top:550px;z-index: 2;color:#fff;}
.fairway_wrap .inner .box .slideCount .pageCount .num{background: #fff;border-radius: 100%;width:30px;height:30px;line-height: 30px;display: inline-block;text-align: center;color:#000;}
.fairway_wrap .inner .box .slideCount .pageCount,
.fairway_wrap .inner .box .slideCount .pagebutton{display: inline-block;vertical-align: middle;}
.fairway_wrap .inner .box .slideCount .pagebutton button{color:#fff;border:1px solid #ddd;padding:5px;}

.slideCount .btn_play{display: none;}

@media(max-width:767px){
	.fairway_wrap .inner .box > ul .slick-slide > div> li .info ul{margin-top:30px;}
}
@media(max-width:479px){
    .fairway_wrap .inner .box > ul .slick-slide > div> li .map img{height:350px;}
	.fairway_wrap .inner .box .arrow{top:20%;}
	.fairway_wrap .inner .box .arrow .slick-arrow{width: 40px;height: 40px;}
	.fairway_wrap .inner .box .arrow .slick-arrow:after{width: 11px;height: 11px;margin-top: -5.5px;margin-left: -5.5px;}
	.fairway_wrap .inner .box > ul .slick-slide > div> li .map{height:auto;}
	.fairway_wrap .inner .box > ul .slick-slide > div> li .info{padding:20px;}
	.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li{padding-left:0;}
	.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li span{position: relative;display: block;}
	.fairway_wrap .inner .box > ul .slick-slide > div> li .info > ul > li span:after{display: none;}
	.fairway_wrap .inner .box .slideCount{top:300px;}
}


/* 엔진유체성능 분석진단 sub030505 */
.s030505_list{margin-top:60px;}
.s030505_list > strong{display: block;text-align: center;font-size:17px;font-weight:bold;color:#155dbe;}
.s030505_list .list_wrap{margin-top:30px;position: relative;}
.s030505_list .list_wrap::before{content: "";position: absolute;left:50%;top:-19px;width:1px;height:19px;background: rgba(40,66,130,0.5);margin-left:-0.5px;}
.s030505_list .list_wrap > ul{position: relative;margin-left:-10px;overflow: hidden;}
.s030505_list .list_wrap > ul::after{content: "";position: absolute;left:13%;top:0;width:75%;height:1px;background: rgba(40,66,130,0.5);}
.s030505_list .list_wrap > ul > li{float:left;width:calc(25% - 10px);margin-left:10px;text-align: center;margin-top:46px;position: relative;}
.s030505_list .list_wrap > ul > li::before{content: "";position: absolute;left:50%;top:-46px;width:1px;height:35px;margin-left:-0.5px;background: rgba(40,66,130,0.5);}
.s030505_list .list_wrap > ul > li::after{content: "";position: absolute;left:50%;top:-20px;width:9px;height:9px;margin-left:-4.5px;background: #0166cc;border-radius: 100%;}
.s030505_list .list_wrap > ul > li .bottom{margin-top:28px;background: #f7f7f7;padding:22px 5px 5px;}
.s030505_list .list_wrap > ul > li .bottom > strong{font-size:15px;color:#183048;font-weight:600;}
.s030505_list .list_wrap > ul > li .bottom .inner{background: #fff;margin-top:20px;text-align: left;padding:20px 8% ;min-height:320px;}
.s030505_list .list_wrap > ul > li .bottom .inner span{font-size:15px;color:#333;font-weight:600;}
.s030505_list .list_wrap > ul > li .bottom .inner p{color:#545454;font-size:15px;}
.s030505_list .list_wrap > ul > li .bottom .inner .in{min-height:140px;}
.s030505_list .list_wrap > ul > li .bottom .inner .result{border-top:1px dashed #ddd;margin-top:20px;padding-top:20px;min-height:160px;}

.s030505_list.list02 .list_wrap > ul > li .bottom .inner .in{min-height:125px;}

.simul_wrap{overflow: hidden;margin-left:-20px;text-align: center;margin-top:30px;}
.simul_wrap .box{float:left;width:calc(50% - 20px);margin-left:20px;margin-bottom:20px;border:1px solid #ddd;border-radius: 10px;overflow: hidden;}
.simul_wrap .box .title{width:100%;height:43px;line-height:43px;background: #117bc9;color:#fff;font-size:16px;font-weight:bold;}
.simul_wrap .box .img img{width:100%;}

@media(max-width:1175px){
	.s030505_list .list_wrap > ul > li .bottom .inner .in{min-height:160px}
	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .result{min-height:160px;}
}
@media(max-width:1152px){
	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .in{min-height:140px}
}
@media(max-width:1128px){
	.s030505_list .list_wrap > ul > li .bottom .inner .result{min-height:182px}
}
@media(max-width:1105px){
	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .result{min-height:180px;}
}
@media(max-width:1035px){
	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .in{min-height:160px;}
}
@media(max-width:1023px){
	.s030505_list .list_wrap > ul > li .bottom .inner .in{min-height:140px;}
	.s030505_list .list_wrap > ul > li .bottom .inner .result{min-height:160px;}

	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .in{min-height:125px;}
	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .result{min-height:160px;}
}
@media(max-width:900px){
	.s030505_list .list_wrap > ul > li{width:calc(50% - 10px);}
	.s030505_list .list_wrap > ul::after{left:25.5%;width:50%;}
	.s030505_list .list_wrap > ul > li .bottom .inner{min-height: auto;}

	.s030505_list .list_wrap > ul > li .bottom .inner .in{min-height:120px;}
	.s030505_list .list_wrap > ul > li .bottom .inner .result{min-height:140px;}

	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .in{min-height:100px;}
	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .result{min-height:140px;}
}
@media(max-width:550px){
	.s030505_list .list_wrap{margin-top:10px;}
	.s030505_list .list_wrap > ul{margin:0;}
	.s030505_list .list_wrap > ul > li{width:100%;margin-left:0;}
	.s030505_list .list_wrap::before,
	.s030505_list .list_wrap > ul::after{display: none;}

	.s030505_list .list_wrap > ul > li .bottom > strong br{display: none;}
	.s030505_list .list_wrap > ul > li .bottom .inner .in,
	.s030505_list .list_wrap > ul > li .bottom .inner .result,
	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .in,
	.s030505_list.list02 .list_wrap > ul > li .bottom .inner .result{min-height:auto;}
}

@media(max-width:640px){
	.simul_wrap{margin-left:0;}
	.simul_wrap .box{float:none;width:100%;margin-left:0;}
}
/* 엔진유체성능 분석진단 End */

.s02060203 .ui-list__column .inner .circle{width:88px;height:88px;}
.s02060203 .ui-list__column .inner:nth-child(odd) .circle{background: #fff;}
.s02060203 .ui-list__column .inner:nth-child(odd){background: #f8f9fb;}
.s02060203 .ui-list__column .inner .item{min-height:330px;padding-top:50px;}
.s02060203 .ui-list__column .inner .item .bottom_box{background: #fff;padding:30px;position: absolute;left: 0;bottom: 0;width: 100%;border-radius: 15px;}
.s02060203 .ui-list__column .inner .item .bottom_box ul li{display: inline-block;}
.s02060203 .ui-list__column .inner .item .bottom_box ul li + li{margin-left:10px;}
.s02060203 .ui-list__column .inner .ui-summary p{font-size:17px;color:#4b4b4b;line-height:1.41;}

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

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

@media(max-width:1279px){
	.s02060203 .ui-list__column .inner .item{min-height:300px;}
}
@media(max-width:1240px){
	.s02060203_top .bottom .txtbox,
	.s02060203_top .bottom .img_box{display: block;text-align: center;}
	.s02060203_top .bottom .img_box{margin-top:20px;margin-left:0;}
}
@media(max-width:767px){
	.s02060203 .ui-list__column .inner:nth-child(1) .item{min-height:300px;}
	.s02060203 .ui-list__column .inner .item{min-height:auto;}
}




.s01070101 .bg_grey {background: #f9f9f9; font-weight: bold;}

/* sub04_010301 부패공익신고 */
.s04010303 .ui-topbox.type3 .inner .ir-icon {background:url(/images/kor/sub04/sub04010303_top2.png) no-repeat; width:343px; height:399px; top:auto; bottom:30px; font-size:0; display:block}


/*s010201 심볼*/
.s010201 .warp{display: inline-block; width: 49%;}
.s010201 .logo_type01 .logo{width: 100%}

@media(max-width:767px){
   .s010201 .warp{width:100%;} 
}

/*개인정보처리방침 start*/
.privacy_policy .text-center{text-align:center;}
.privacy_policy .label_wrap{ width: 100%; box-sizing: border-box; padding: 0px 10px;     display: flex; flex-flow: row wrap; justify-content: space-around; position: relative;}
.privacy_policy .label_box{width: calc(25% - 20px);box-sizing: border-box;padding: 20px 30px;border-radius: 10px;box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);display: flex;flex-flow: column;justify-content: center;align-items:center;cursor: pointer;margin: 10px;margin-bottom: 20px;background-color: #fff;border: 1px solid #fff;position:relative}
.privacy_policy .label_wrap span{font-size:10px}
.privacy_policy .label_wrap p{width: 100%; text-align: center;}
.privacy_policy .label_wrap .label_box>a{display: flex;flex-flow: row wrap; justify-content: space-around; position: relative; width: 100%;text-align: center;}
.privacy_policy .label_cnt { font-size: 14px; margin-top: 20px; font-weight: 400; color: #111;text-align: center;}
.privacy_policy .label_layer{ display: none; position: absolute; box-sizing: border-box;     border-radius: 10px; background-color: #fff; border: 1px solid #eee;     width: 500px;     z-index: 999;}
.privacy_policy .label_desc_top{ width: 100%; box-sizing: border-box; padding:10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.privacy_policy .label_desc_top p{color: #fff;}
.privacy_policy .label_desc_btm{ width: 100%; box-sizing: border-box; padding: 15px 20px;}
.privacy_policy .desc_wrap{display: flex;flex-flow: row wrap;}
.privacy_policy .desc_box{ width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between;    }
.privacy_policy .desc_tit{ width: 30%; font-weight: 500; color: #1647aa; word-break: keep-all; margin: 0;}
.privacy_policy .desc_cnt{ width: 68%; color: #333; font-size: 14px; margin: 0;}
.privacy_policy .desc_icon{box-sizing: border-box;/* padding-left: 30px; */height: auto;margin: 0;}
.privacy_policy .desc_wrap{display: flex;flex-flow: row wrap;}
.privacy_policy .desc_box{width: 100%;border-radius: 10px;border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px;margin-top: 10px;display: flex;flex-flow: row wrap;justify-content: space-between;    } 
.privacy_policy .label_layer.num0{ top:0; left: 110%; }
.privacy_policy .label_layer.num1{ top:0; left: 110%; }
.privacy_policy .label_layer.num2{top:0;right: 110%; }
.privacy_policy .label_layer.num3{top:0;left: 110%; }
.privacy_policy .label_layer.num4{top:0;left: 110%; }
.privacy_policy .label_layer.num5{ top:0; right: 110%;}
.privacy_policy .panel_box{position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all; float: none;}
.privacy_policy .panel_box.pds{padding:10px 20px;}
.privacy_policy .panel_box.pdm{padding:20px 25px;}
.privacy_policy .panel_box .tit_panel {margin: 0;margin-bottom: 15px;line-height:24px;font-weight:700;color: #165e9b;font-size: 20px;}
.privacy_policy .panel_box .tit_f17{font-size:17px;font-weight:500;}
.privacy_policy .panel_box .tit_f17 > *{font-size:17px;font-weight:500;}
.privacy_policy .panel_box .tit_f17 strong{color:#4374ac;}
.privacy_policy .panel_box.panel_step .tit_panel {color:#111;text-align: center;font-weight: 300;}
.privacy_policy .panel_box.panel_white {background-color: #fff;border: 1px solid #d9d9d9;}
.privacy_policy .panel_box .lineHeights li{margin-bottom:5px;}
.privacy_policy .cnt_list{width: 85%;margin: 20px auto 0px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.privacy_policy .cnt_list li {width:45%;margin-bottom: 30px;position: relative;box-sizing: border-box;    }
.privacy_policy .cnt_list li a{ color: #444;   font-weight: 400;box-sizing: border-box;padding-left: 30px;height: 25px;display: block;} 
.privacy_policy .cnt_list li a img {position:absolute; left:0; top:0; width:24px;}
.privacy_policy .list_icon{margin-right: 10px;vertical-align: middle;}
.privacy_policy h2{display: inline-block; margin-top:30px !important}
.privacy_policy .title img{width:32px;vertical-align: middle}
.privacy_policy .title{display: inline-block}
.privacy_policy .privacy_policy_list td img {width: 23px;}

@media (max-width:1600px){
 .privacy_policy .label_layer.num1{top:0;left: -120%; }
 .privacy_policy .label_layer.num4{top:0;left: -120%; }
}
@media (max-width:1023px){
 .privacy_policy .label_section {display:none;}
}
@media (max-width:580px){
 .privacy_policy .cnt_list li {width:100%;}
 .privacy_policy .cnt_list li a {height: auto;}
}

/* s040801 */
.s040801_list {display: flex;}
.s040801_list .list_box{position:relative; width: 100%; padding:20px; margin-right:25px; min-height:110px; background: #f3f3f5; text-align: center;}
.s040801_list .list_box:after{content: ""; position: absolute; right:-23px; top:50%; background: url(/images/skin/h4_bul.png) no-repeat;width:10px;height:16px;transform: translateX(-50%);}
.s040801_list .list_box:last-child:after{display: none;}
.s040801_list .list_box .icon_box .step_num {font-size:15px; color:#00198b; font-weight:bold; text-align: center; display: inline-block; vertical-align: middle;}
.s040801_list .list_box .icon_box .icon{display: block; width:67px; height:67px; margin: 5px auto; background: url(/images/kor/sub02/sub020404_icon.png) no-repeat;}
.s040801_list .list_box .icon_box .icon.icon1{background-position: 0 0 ;}
.s040801_list .list_box .icon_box .icon.icon2{background-position: -77px 0 ;}
.s040801_list .list_box .icon_box .icon.icon3{background-position: -154px 0 ;}
.s040801_list .list_box .icon_box .icon.icon4{background-position: -231px 0 ;}
.s040801_list .list_box .icon_box .icon.icon5{background-position: -308px 0 ;}
.s040801_list .list_box .txt_box{margin-top: 10px;}

@media(max-width:767px){
    .s040801_list {flex-direction: column;}
    .s040801_list .list_box{margin-bottom: 25px; margin-right: 0;}
    .s040801_list .list_box:after {left: 50%; top: inherit; bottom: -28px; transform: translateY(-50%) rotate(90deg);}
}

/* 임원안내 010503 */
.s010503> ul{position: relative;margin-top:-15px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.s010503> ul> li{width: calc(50% - 10px);text-align: left;position: relative;z-index: 5;padding: 13px 35px 20px;min-height:450px;border-radius: 0 0 0 50px;margin-top: 37px;}
.s010503> ul> li{border:1px solid #0166cc;background: url(/images/kor/sub05/box_bg01.png) right -92px bottom -110px no-repeat;}
.s010503> ul> li:before{background: #0166cc;}
.s010503> ul> li:nth-child(2){visibility:hidden}
.s010503> ul> li strong{font-size:15px;color:#07318e;font-weight:bold;text-align: center;display: block; vertical-align:middle;}
.s010503> ul> li strong span{font-size:22px; vertical-align:-2px; color:#434595; font-weight:bold;}
.s010503> ul> li .img_box{width: 153px;height: 181px;border-radius: 10%;overflow: hidden;margin: 25px auto 23px;text-align: center;}
.s010503> ul> li .img_box img{height:100%;width: auto;}
.s010503> ul> li .list_box ul li{font-size:15px;color:#545454;letter-spacing: -0.05em;}

@media(max-width:920px){
    .s010503> ul{display:block;}
    .s010503> ul> li{width:100%;min-height:auto;}
    .s010503> ul> li + li{margin-left:0;margin-top:50px;}
    .s010503> ul> li:nth-child(2){display:none;}
}

/* 뉴스레터 구독신청 */
.sub06_0103 .modal__body{padding-top:0;border-radius: 17px;}
.sub06_0103 .modal__body .modal__content{ padding:0px; border-radius: 17px;}
.sub06_0103 .modal__body .modal-header{background-color:#fff; padding:0;}
.sub06_0103 .modal__body .modal-header > strong.modal__title{display:block;color: #fff;height: 60px;line-height: 60px;background-color: #1d4996;text-align: center;border-radius: 8px 8px 0px 0px;font-weight: 500;font-size: 1.250em;}
.sub06_0103 .modal__body .modal-header > .col-sm-12{background-color:#f9f9f9;padding: 17px;float: none;}
.sub06_0103 .modal__body .modal-header .agree-btn{text-align:right;margin-right:20px;display: block; clear: both;}
.sub06_0103 .modal__body .modal-header .agree-btn input[type=checkbox] {width: 19px;height: 19px;background: none;}
.sub06_0103 .modal__body .modal-header .agree-btn input[type=checkbox] + label {display: inline-block;cursor: pointer;position: relative;border-radius: 50%;padding-left: 8px;vertical-align: top;z-index: 5;} 
.sub06_0103 .modal-body .form-group > div.mail{width:27.8%}
.sub06_0103 .modal-body .form-group > div.mailto{padding:0; text-align:center; width:auto;}
@media(max-width:767px){
    .sub06_0103 .modal-body{padding:30px}
    .sub06_0103 .modal-body .form-group .control-label{text-align:center; background-color:#eee; padding:10px; border-top:3px solid #cacaca;}
    .sub06_0103 .modal-body .form-group > div{padding:0;}
    .sub06_0103 .modal-body .form-group > div.mail{display:inline-block;width: 47.1%;text-align:center;}
    .sub06_0103 .modal-body .form-group > div.mailto{display:inline-block;}
}
@media(max-width:500px){
    .sub06_0103 .modal-body .form-group > div.mail{width: 45.5%;}
}

.form-upload .file-form-group .form-group__upload input.form-control{color: #888 ;}
.form-upload .file-form-group .form-group__upload input.form-control::placeholder{color: #888 ;}
.form-upload .file-form-group .form-group__upload textarea.form-control{color: #888 ;}
.form-upload .file-form-group .form-group__upload textarea.form-control::placeholder{color: #888 ;}

/* 인권침해 구제절차 */
.s01040702 .ui-list__column .inner .item{min-height: 263px;}

/* 지사소식 검색버튼 */
.sub05_02 .program--search .search_inner.float-md-right .fieldset, .sub05_02 .program--search .search--select, .sub05_02 .program--search .program--page{display:flex; justify-content:left;}
.sub05_02 .program--search .search_inner.float-md-right .search--text{margin: 0 4px;}
@media(max-width:900px){
    .sub05_02 .program--search .search_inner.float-md-right .fieldset{display:block}
    .sub05_02 .program--search .search--select,.sub05_02 .program--search .search--text,.sub05_02 .program--search .search_inner.float-md-right .search--text,.sub05_02 .program--search .search--btn, .sub05_02 .program--search .search--btn span{display:block;width:100%;max-width:inherit;margin:2px 0;}
    .sub05_02 .program--search select{width:100%;height:34px;margin:2px 0;border:1px solid #868686;border-radius:0;line-height: 1;}
    .sub05_02 .program--search .search--select>span{margin:0}
    .sub05_02 .program--search .program--page{display:none;}
}