@charset "utf-8";
/* FONT 'Noto Sans KR', Light 300, Regular 400, Medium 500, Bold 700 */
/* MAIN 메인 */
.main .article{position:relative;}
.main .article + .article{margin-top:100px;}
.main .article h2{font-size:2rem;font-weight:700;color:#3a3a3a;}

.main .article.p1{margin-bottom:-40px; padding:80px 0 80px 0;background:#134290 url(/static/eng/images/main/p1-bg.png) center bottom repeat-x;min-height:calc(100vh - 165px);}
.main .article.p1 .contents{height:576px;display:flex;}
.main .article.p1 .contents > div{position:relative;}
.main .article.p1 .contents > div:first-of-type{width:425px;overflow:hidden;}
.main .article.p1 .slide{position:relative;height:100%;}
.main .article.p1 .slide .figure{display:block;position:relative;width:100%;height:100%;overflow:hidden;}
.main .article.p1 .slide .figure img{display:block;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);z-index: 1;min-width:100%;}
.main .article.p1 .slide .text{position:absolute;top:0;padding:55px 40px;line-height:1.3;z-index:1;}
.main .article.p1 .slide .text .strong{display:block;font-size:2.6rem;font-weight:500;color:#fff;padding-bottom:15px;}
.main .article.p1 .slide .text p{font-size:1.8rem;color:#fff;}
.main .article.p1 .slick-slide > div{width:100%;height:576px;position:relative;}
.main .article.p1 .slick-arrow{width:40px;height:40px;background-color:#444;background-position:center center;background-repeat:no-repeat;font-size:0;position:absolute;bottom:17px;z-index:1;}
.main .article.p1 .slick-arrow:hover, .main .article.p1 .slick-arrow:focus{background-color:#606060;}
.main .article.p1 .slick-prev{background-image:url(/static/eng/images/main/p1-slick-prev.png);left:20px;}
.main .article.p1 .slick-next{background-image:url(/static/eng/images/main/p1-slick-next.png);left:61px;}
.main .article.p1 .slick-dots{position:absolute;bottom:25px;right:70px;overflow:hidden;}
.main .article.p1 .slick-dots li{float:left;padding:7px;font-size:0;}
.main .article.p1 .slick-dots button{width:7px;height:7px;border-radius:50%;font-size:0;background-color:#fff;}
.main .article.p1 .slick-dots .slick-active button, .main .article.p1 .slick-dots button:hover{background-color:#ed5565;}
.main .article.p1 .buttons{width:32px;height:32px;position:absolute;right:20px;bottom:20px;font-size:0;}
.main .article.p1 .buttons button{display:inline-block;width:32px;height:32px;font-size:0;}
.main .article.p1 .buttons .hide{display:none;}
.main .article.p1 .buttons .play{background:url(/static/eng/images/main/p1-slick-play.svg) center center no-repeat;background-size: contain;}
.main .article.p1 .buttons .pause{background:url(/static/eng/images/main/p1-slick-pause.svg) center center no-repeat;background-size: contain;}
.main .article.p1 .i-mouse{display:block;width:34px;height:58px;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);background-color:transparent;font-size:0;}
.main .article.p1 .i-mouse::after{display:block;content:'';width:34px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:url(/static/eng/images/main/p1-i-mouse.png) center center no-repeat;animation:mover 1s infinite alternate;}
@keyframes mover {0% { transform: translate(-50%, -65%); }100% { transform: translate(-50%, -35%); }}
.main .article.p1 .contents > div:last-of-type{width:calc(100% - 425px);padding-left:5px;}
.main .gridBox{box-sizing:border-box;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(3, 1fr);justify-items:center;align-items:stretch;justify-content:end;}/*grid-gap:5px;*/
.main .gridBox:after{clear:both; display:block; content:'';}
.main .gridBox > *{box-sizing:inherit;}
.main .gridBox .square{width:189px;height:189px;color:#fff;text-align:center;font-size:1.5rem;box-shadow:0 0 0 rgba(0,0,0,0.1); margin:0 0 5px 5px;}/*grid-gap:5px;*/
.main .gridBox .square.blue{background-color:#004899;}
.main .gridBox .square.lblue{background-color:#1364b2;}
.main .gridBox .square.white{background-color:#fff;color:#3a3a3a;}
.main .gridBox .square.orange{background-color:#ff4500;}
.main .gridBox .square.red{background-color:#fb1a2d;}
.main .gridBox .square.black{background-color:#3a3a3a;}
.main .gridBox .square a{position:relative;color:inherit;display:block;height:100%;}
.main .gridBox .square a i:not(.i-more){background-position:center 50%; transition:all .2s ease-in-out;}
.main .gridBox .square a:hover i:not(.i-more){background-position:center 45%; transition:all .2s ease-in-out;}

.main .gridBox .s11{grid-column:1;grid-row:1;}
.main .gridBox .s12{grid-column:2;grid-row:1;}
.main .gridBox .s13{grid-column:3;grid-row:1; grid-column:3 / span 2; width:98.7%; text-align:left;}
.main .gridBox .s14{grid-column:4;grid-row:1;}
.main .gridBox .s22{grid-column:1;grid-row:2;}
.main .gridBox .s22{grid-column:2;grid-row:2;}
.main .gridBox .s23{grid-column:3;grid-row:2;}
.main .gridBox .s24{grid-column:4;grid-row:2;}
.main .gridBox .s31{grid-column:1;grid-row:3;}
.main .gridBox .s32{grid-column:2;grid-row:3;}
.main .gridBox .s33{grid-column:3;grid-row:3;}
.main .gridBox .s34{grid-column:4;grid-row:3;}

.main .gridBox .square i:not(.i-more){display:block;width:100%;height:130px;background-position:center 50%;background-repeat:no-repeat;}
.main .gridBox .square i.i-01{background-image:url(/static/eng/images/main/p1-i-01.png);}
.main .gridBox .square i.i-02{background-image:url(/static/eng/images/main/p1-i-02.png);}
.main .gridBox .square i.i-03{background-image:url(/static/eng/images/main/p1-i-03.png);}
.main .gridBox .square i.i-04{background-image:url(/static/eng/images/main/p1-i-04.png);}
.main .gridBox .square i.i-05{background-image:url(/static/eng/images/main/p1-i-05.png);}
.main .gridBox .square i.i-06{background-image:url(/static/eng/images/main/p1-i-06.png);}
.main .gridBox .square i.i-07{background-image:url(/static/eng/images/main/p1-i-07.png);}
.main .gridBox .square i.i-08{background-image:url(/static/eng/images/main/p1-i-08.png);}
.main .gridBox .square i.i-09{background-image:url(/static/eng/images/main/p1-i-09.png);}
.main .gridBox .square i.i-10{background-image:url(/static/eng/images/main/p1-i-10.png);}
.main .gridBox .square i.i-11{background-image:url(/static/eng/images/main/p1-i-11.png);}
.main .gridBox .square i.i-12{background-image:url(/static/eng/images/main/p1-i-12.png);}
.main .gridBox .square i.i-14{background-image:url(/static/eng/images/main/p1-i-14.png);width:189px; height:189px;}
.main .gridBox .square .i-more{width:30px;height:30px;position:absolute;top:0;right:10px;background:url(/static/eng/images/main/p1-i-more.png) right center no-repeat;}
.main .gridBox .square p{line-height:1.2;}

.info-desk div {width:100%;  text-align:center;}
.info-desk .info:first-child {margin-top:0;}
.info-desk .info li {display:block; padding-left:25px; width:67%; margin:3px auto 0;}
.info-desk .info .tel {background:url(/static/eng/images/main/p1-i-04.png) 0 0 no-repeat;white-space: nowrap;}
.info-desk .info .fax {background:url(/static/eng/images/main/p1-i-05.png) 0 0 no-repeat;}
.info-desk .info .mail {background:url(/static/eng/images/main/p1-i-06.png) 0 0 no-repeat;}
@media screen and (max-width:1200px){
	.main .article{margin:0;}
	.main .article + .article{margin:0;}
	.main .article h2{font-size:1.5rem;padding-bottom:10px;}
	.main .article.p1{padding:0;}
	.main .article.p1 .contents{height:auto;display:block;}
	.main .article.p1 .contents > div:first-of-type{width:100%;}
	.main .article.p1 .contents > div:last-of-type{width:100%;padding:10px;}
	.main .article.p1 .slide .text{padding:0 25px;top:50%;transform:translateY(-50%);}
	.main .article.p1 .slide .text .strong{font-size:3.6rem;}
	.main .article.p1 .slide .text p{font-size:1.5rem;}
	.main .article.p1 .slick-dots{right:auto;left:50%;transform:translateX(-50%);}
	.main .article.p1 .i-mouse, .main .article.p1 .i-mouse::after{display:none;}
	.main .gridBox{grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr);grid-gap:10px;justify-content:center;}
	.main .gridBox .square{width:100%;height:auto;margin:0;font-size:1.2rem;}/*grid-gap:5px;*/
	.main .gridBox .square a{display:flex;flex-flow:column;align-items:stretch;justify-content:center;padding:10px;}
	.main .gridBox .square i:not(.i-more){height:calc(100% - 30px);background-position:center;background-size:auto 50%;}
	.main .gridBox .square .i-more{width:100%;height:10px;top:10px;}
	.main .gridBox .square p{height:28px;}
	.main .gridBox .s13{grid-column:2;grid-row:4; grid-column:2 / span 2;}
	.main .gridBox .s14{grid-column:3;grid-row:1;}
   	.main .gridBox .s22{grid-column:1;grid-row:2;}
   	.main .gridBox .s23{grid-column:2;grid-row:2;}
   	.main .gridBox .s24{grid-column:3;grid-row:2;}
   	.main .gridBox .s31{grid-column:1;grid-row:3;}
   	.main .gridBox .s32{grid-column:2;grid-row:3;}
   	.main .gridBox .s34{grid-column:3;grid-row:3;}
   	.main .gridBox .square i.i-11 {background-size:auto 30%;}
   	.info-desk>div {width:100%; height: 100%;margin-top:0px; text-align:center;}
   	.main .gridBox .square.info-desk i.i-03 {background-size:auto 43% !important;height: calc(100% - 38px); min-height:33px !important; background-position:center;}
   	.info-desk .info li {width:93px; margin:0 auto; line-height:17px; padding-left:15px;}
   	.info-desk .info .tel, .info-desk .info .fax, .info-desk .info .mail{background-size:auto 17px;}
  	.main .gridBox .square.info-desk p {height: auto;}
}
@media screen and (max-width:640px){
	.main .gridBox .square i:not(.i-more){background-position:center 10px;}
	.main .article.p2 .contents .ad .hgroup + div .figure{width:calc(50% - 12.5px);max-width:150px;height:143px;}
	.main .article.p2 .contents .ad .hgroup + div .textWrap{width:calc(100% - 150px);padding-left:12.5px;height:auto;}
}

/* 페이지 오류 : 404 error */
.errorpage{position:relative;background-color:#f6f6f6;width:100%;height:100vh;}
.errorpage .contents{position:relative;display:table;width:100%;max-width:780px;height:100%;margin:auto;}
.errorpage .header{height:auto;padding:10px 0;background:none;}
.errorpage .section{padding:80px 0;border-top:2px #3c404b solid;border-bottom:1px #cccccc solid;background:none;overflow:hidden;}
.errorpage .section .figure{width:43%;float:left;}
.errorpage .section .figure span{display:block;width:260px;height:225px;position:relative;background-color:#d9d9d9;overflow:hidden;}
.errorpage .section .figure span strong{display:block;font-size:19rem;color:#ff4500;position:absolute;top:10px;left:50%;transform:translateX(-50%);}
.errorpage .section .text{width:57%;float:left;}
.errorpage .section .text strong{display:block;margin-top:-7px;font-size:3rem;font-weight:500;}
.errorpage .section .text > div{margin-top:20px;}
.errorpage .section .text div > p{font-size:1.4rem;font-weight:500;}
.errorpage .section .text div > span{font-size:1.4rem;font-weight:300;}
.errorpage .section .text .btns{margin-top:80px;}
.errorpage .section .text .btns a{font-size:1.4rem;}
.errorpage .section .text .btns a + a{margin-left:2px;}
.errorpage .copyright{width:100%;height:55px;position:relative;top:20px;font-size:1.2rem;text-align:center;}
@media screen and (max-width:1200px){
  .errorpage .header{padding:0;}
  .errorpage .section{padding:40px 15px 0;text-align:center;border-bottom:0;}
  .errorpage .section .figure, .errorpage .section .text{float:none;width:100%;}
  .errorpage .section .figure span{margin:auto;}
  .errorpage .section .text{padding:40px 0;}
  .errorpage .section .text strong{font-size:2rem;}
  .errorpage .section .text div > span, .errorpage .section .text div > span{font-size:1.2rem;}
  .errorpage .section .text .btns{margin-top:40px;}
  .errorpage .section .text .btns a{width:calc(50% - 5px);line-height:40px;}
  .errorpage .section .text .btns a + a{margin-left:8px;}
  .errorpage .copyright{padding-top:20px;border-top:1px #cccccc solid;}
}
@media screen and (max-width:320px){
  .errorpage .section{padding:20px 15px 0;}
  .errorpage .section .text{padding:20px 0;}
  .errorpage .copyright{height:auto;position:relative;padding-top:10px;}
}

/* POPUP */
.popup{display:none;}
.popup.on{display:block;}
.popup .dimmer{display:none;width:100vw;height:100vh;background-color: rgba(0, 0, 0, 0.72);position:fixed;top:0;left:0;z-index:11;}
.popup.on .dimmer, .popup .dimmer.on{display:block;}
.popup .popupWrap{/*width:calc(100vw - 72px);border-radius: 4px;*/display:none;position:fixed;z-index:1;background-color:#fff;left:0;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);}
.popup .popupWrap, .popupWrap.on{display:block;top:50%;left:50%;z-index:11;transform:translate(-50%, -50%);}
.popupWrap .inWrap{/*padding:12px;*/}

.popupWrap .default{width:600px;max-height:calc(100vh - 80px);overflow:auto;position:relative;background-color:#fff;}
.popupWrap .default .popHeader{height:75px;padding:20px 105px 20px 30px;border-bottom:1px #d8dde5 solid;}
.popupWrap .default .popHeader h1{font-size:2.4rem;font-weight:500;}
.popupWrap .default .popBody h2{color:#3a3a3a;font-size:2rem;font-weight:500;}
.popupWrap .default .popBody .article h2 + div{margin-top:20px;}
.popupWrap .default .popBody{padding:30px;}
.popupWrap .default .popFooter{margin:0 15px 30px 15px;padding-top:20px;text-align:center;border-top:1px #d8dde5 solid;}
.popupWrap .default .popFooter button, .popupWrap .default .popFooter a{}
.popup .popupWrap .popFooter button + button {margin-left:10px;}
.popupWrap .btn-x{width:75px;height:75px;background:#3a3a3a url(/static/eng/images/common/btn-popup-x.png) center center no-repeat;position:absolute;top:0;right:0;font-size:0;}

@media screen and (max-width:1200px){
  .popupWrap .default{width:100vw;height:100vh;max-height:100vh;margin:-1px 0 0 -1px;}
  .popupWrap .default .popHeader{height:60px;padding:15px 75px 12px 15px;}
  .popupWrap .btn-x{width:60px;height:60px;}
  .popupWrap .default .popHeader h1{font-size:1.9rem}
  .popupWrap .default .popBody{padding:20px 15px;}
  .popupWrap .default .popBody h2{font-size:1.6rem;}
  .popupWrap .default .popBody .article{padding:0;margin:0;}
  .popupWrap .default .popBody .article + .article{margin-top:20px;}
  .popup .popupWrap .popFooter button.w195{width:calc(50% - 10px);}
}

/* about kfi - kfi */
.kfi-intro-1{position:relative;}
.kfi-intro-1 h4.headline{margin-bottom:25px;}
.kfi-intro-1 p{font-size:2.8rem;font-weight:400;color:#004899;text-align:center;}
.kfi-intro-1 p strong{font-weight:500;}
.kfi-intro-2{position:relative;width:100%;height:264px;margin-top:75px !important;display:flex;justify-content:center;align-items:center;color:#fff;background:url(/static/eng/images/about/kfi-visual.png) 50% 50% no-repeat;}
.kfi-intro-2 h4.headline{margin-top:0;margin-bottom:25px;padding-bottom:15px;}
.kfi-intro-2 h4.headline:after{background-color:#fff;}
.kfi-intro-2 p{text-align:center;font-size:2.4rem;}
.kfi-intro-3{position:relative;margin-top:75px !important;}
.kfi-intro-3 > div{position:relative;width:100%;max-width:578px;margin:auto;}
.kfi-intro-3 > div > div{width:210px;height:210px;display:table;border:5px solid #fff;border-radius:50%;text-align:center;}
.kfi-intro-3 > div > div > div{width:206px;height:206px;display:table;border:1px solid #004899;border-radius:50%;text-align:center;position:absolute;top:-3px;left:-3px;}
.kfi-intro-3 > div > div > div > div{display:table-cell;vertical-align:middle;}
.kfi-intro-3 div.chall{position:relative;}
.kfi-intro-3 div.trust{position:absolute;top:0;left:50%;transform:translateX(-50%);}
.kfi-intro-3 div.respo{position:absolute;top:0;right:0;}
.kfi-intro-3 > div > div i{display:block;height:50px;margin:auto;}
.kfi-intro-3 > div > div.chall i{background:url(/static/eng/images/about/kfi-i01.png) center center no-repeat;}
.kfi-intro-3 > div > div.trust i{background:url(/static/eng/images/about/kfi-i02.png) center center no-repeat;}
.kfi-intro-3 > div > div.respo i{background:url(/static/eng/images/about/kfi-i03.png) center center no-repeat;}
.kfi-intro-3 > div > div strong{display:inline-block;font-size:2rem;color:#004899;font-weight:500;}
.kfi-intro-3 > div > div p{color:#004899;}
.kfi-intro-4{position:relative;margin-top:75px !important;}
.kfi-intro-4 > div {padding:60px 35px 60px 95px; border:1px solid #d9d9d9; display:flex;justify-content:space-between;align-items:center;}
.kfi-intro-4 .img {padding-right:75px;}
@media screen and (max-width:1200px){
  .kfi-intro-2, .kfi-intro-3, .kfi-intro-4, .kfi-intro-5, .kfi-intro-6{margin-top:35px !important;}
  .kfi-intro-1 p{font-size:2rem;margin-bottom:30px;}
  div.article.kfi-intro-2{margin:0 !important;height:198px;background: url(/static/eng/images/about/kfi-visual-m.png) 50% 50% no-repeat;background-size:cover;}
  .kfi-intro-2 p{font-size:1.8rem;}
  .kfi-intro-3 > div > div{width:125px;height:125px;}
  .kfi-intro-3 > div > div > div{width:123px;height:123px;}
  .kfi-intro-3 > div > div i{width:28px;height:36px;background-size:28px auto !important;}
  .kfi-intro-3 > div > div strong{font-size:1.2rem;}
  .kfi-intro-4 > div {padding:30px 15px 15px; border:1px solid #d9d9d9; display:block;}
  .kfi-intro-4 .img {padding-right:0; padding-bottom:15px; text-align:center;}
  .kfi-intro-4 .img img {max-width:100%; width:228px;}
}
/* about kfi - history */
.historyWrap{position:relative;border-left:1px solid #004899;padding:25px 0 30px 0;margin-top:56px;margin-left:38%;}
.historyWrap .now, .historyWrap .found{width:56px;height:56px;border-radius:50%;border:1px solid #004899;text-align:center;padding:15px 0;color:#004899;position:absolute;background-color:#fff;}
.historyWrap .now{top:-56px;left:-28px;}
.historyWrap .found{bottom:-56px;left:-28px;}
.history-section{position:relative;display:flex;margin-left:-350px;}
.history-section + .history-section{margin-top:50px;}
.history-section h4{font-size:2rem;font-weight:700;line-height:3;}
.history-section .headplus{font-size:2.4rem;font-weight:500;color:#004899;line-height:1.3;}
.history-section .figureWrap{display:flex;justify-content:flex-start;align-items:stretch;}
.figureWrap .figure + .figure{margin-left:10px;}
.figureWrap .figure img{max-width:155px;display:block;}
.figureWrap .figure p{font-size:1.4rem;text-align:center;padding:6px 0;}
.history-section .history-year{margin-top:-13px;text-align:right;position:relative;}
.history-section .history-list{margin-left:60px;position:relative;}
.history-section .history-list:before{content:'';display:block;width:37px;height:19px;background:url(/static/eng/images/about/history-pointer.png) center center no-repeat;position:absolute;top:6px;left:-40px;}
.history-section .history-list ul{}
.history-section .history-list li{line-height:1.8; display:flex; flex-wrap: wrap; justify-content: space-between;}
.history-section .history-list li strong{font-weight:500;margin-right:15px;width:80px;}
.history-section .history-list li span {text-align:left; width:calc(100% - 95px);}
@media screen and (max-width:1200px){
  .historyWrap{margin-left:36px !important;margin-bottom:70px;padding-top:0;}
  .historyWrap .now{width:40px;height:40px;top:-40px;left:-20px;padding:10px 0;}
  .historyWrap .found{width:40px;height:40px;bottom:-20px;left:-20px;padding:10px 0;}
  .history-section{display:block;margin-left:25px;}
  .history-section + .history-section{margin-top:20px;}
  .history-section h4{font-size:1.5rem;}
  .history-section .headplus{font-size:1.8rem;}
  .figureWrap .figure{width:116px;}
  .figureWrap .figure img{width:100%;max-width:155px;display:block;}
  .figureWrap .figure p{font-size:1.2rem;}
  .history-section .history-year{text-align:left;}
  .history-section .history-list{margin-top:10px;margin-left:0;}
  .history-section .history-list:before{display:none;}
  .history-section .history-year:before{content:'';display:block;width:24px;height:13px;background:url(/static/eng/images/about/history-pointer.png) center center no-repeat;background-size:cover;position:absolute;top:15px;left:-31px;}
  .history-section .history-list li{display:flex;align-items:stretch;}
  .history-section .history-list li strong{font-weight:500;margin-right:15px;width:60px;}
  .history-section .history-list li span {text-align:left; width:calc(100% - 75px);}
}
/* about kfi - CI */
.ci-intro .headline{margin-bottom:30px;}
.ci-intro .boxWrapType3{display:flex;align-items:center;height:300px;}
.ci-intro .boxWrapType3 > div:first-of-type{width:33%;text-align:center;}
.ci-intro .boxWrapType3 img{width:100%;max-width:205px;}
.ci-symbol .boxWrapType3{width:100%;height:300px;display:flex;align-items:center;}
.ci-symbol .boxWrapType3 > div{width:50%;text-align:center;}
.ci-symbol .boxWrapType3 + p{margin-top:15px;}
.ci-symbol .boxWrapType3 img{width:100%;max-width:369px;}
.ci-mascot .headline{margin-bottom:30px;}
.ci-mascot .boxWrapType3{width:100%;height:300px;display:flex;justify-content:center;align-items:center;}
.ci-mascot .boxWrapType3 img{width:100%;max-width:264px;}
@media screen and (max-width:1200px){
  .ci-intro .boxWrapType3{display:block;align-items:unset;height:auto;}
  .ci-intro .boxWrapType3 > div:first-of-type{width:100%;margin-top:10px;margin-bottom:20px;}
  .ci-intro .boxWrapType3 img{max-width:115px;}
  .ci-intro .boxWrapType3 button{width:100%;}
  .ci-symbol .head{padding-bottom:10px;}
  .ci-symbol .boxWrapType3{height:auto;padding-top:25px;padding-bottom:25px;display:block;align-items:unset;}
  .ci-symbol .boxWrapType3 > div{width:100%;}
  .ci-symbol .boxWrapType3 > div + div{margin-top:25px;}
  .ci-symbol .boxWrapType3 img{max-width:180px;}
  .ci-mascot .boxWrapType3{height:auto;}
  .ci-mascot .headline{margin-bottom:10px;}
  .ci-mascot .boxWrapType3{padding-top:25px;padding-bottom:25px;}
  .ci-mascot .boxWrapType3 img{max-width:132px;}

}
/* about kfi - organization */
.organizationWrap{position:relative;}
.organizationWrap a{color:inherit;}
.organizationWrap .level-1{width:128px;height:128px;position:relative;margin:auto;border:1px solid #1364b2;border-radius:50%;}
.organizationWrap .level-1 .dt{width:100%;height:100%;line-height:114px;border-radius:50%;background-color:#2a73ba;border:7px solid #fff;color:#fff;text-align:center;}
.organizationWrap .level-1 .dt:before{content:'';display:block;width:63px;height:141px;border-right:1px solid #004899;position:absolute;bottom:-141px;left:-1px;}
.organizationWrap .level-ex-1{width:90px;height:90px;line-height:18px;background-color:#30598c;color:#fff;text-align:center;border-radius:50%;position:absolute;top:20px;left:50%;transform:translateX(-50%);margin-left:170px; padding-top:15px;}
.organizationWrap .level-ex-1 .dt{position:relative;}
.organizationWrap .level-ex-1 .dt:before{content:'';display:block;width:61px;height:30px;border-bottom:1px solid #004899;position:absolute;top:0;left:-61px;}
.organizationWrap .level-ex-2{width:180px;position:absolute;top:80px;left:50%;transform:translateX(-50%);margin-left:-190px;}
.organizationWrap .level-ex-2 .dt{padding:13px 10px;text-align:center;background-color:#30598c;color:#fff;}
.organizationWrap .level-ex-2 dl{text-align:center;}
.organizationWrap .level-ex-2 dt{padding:13px 10px;position:relative;background-color:#30598c;color:#fff;}
.organizationWrap .level-ex-2 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #30598c;color:#004899;}
.organizationWrap .level-ex-2 dd:before{content:'';display:block;width:90px;height:10px;border-right:1px solid #004899;position:absolute;top:-11px;left:0;}
/*.organizationWrap .level-ex-2 dd:after{content:'';display:block;width:101px;height:24px;border-top:1px solid #004899;position:absolute;bottom:0;right:-101px;}*/
.organizationWrap .level-ex-3{width:220px;position:absolute;right:0;bottom:120px;}
.organizationWrap .level-ex-3 > div{text-align:center;}
.organizationWrap .level-ex-3 .dt{padding:13px 10px;text-align:center;background-color:#1364b2;color:#fff;}
/* .organizationWrap .level-ex-3 .dt{padding:13px 10px;text-align:center;background-color:#1364b2;color:#fff;}
.organizationWrap .level-ex-3 dl{text-align:center;}
.organizationWrap .level-ex-3 dt{padding:13px 10px;position:relative;background-color:#1364b2;color:#fff;}
.organizationWrap .level-ex-3 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #1364b2;color:#004899;}
.organizationWrap .level-ex-3 dd:before{content: '';display: block;width: 90px;height: 10px;border-right: 1px solid #004899; position: absolute;top: -11px; left: 0;}
.organizationWrap .level-ex-3 dt:before{content:'';display:block;position:absolute;width:306px;height:100px;top:-100px;left:-216px;border-top:1px solid #004899;border-right:1px solid #004899;}
*/
.organizationWrap .level-ex-3 .dt:before{content:'';display:block;position:absolute;width:160px;height:30px;top:-30px;right:110px;border-top:1px solid #004899;border-right:1px solid #004899;}
.organizationWrap .level-ex-3 .dt:after{content:'';display:block;position:absolute;width:160px;height:492px;right:110px;bottom:80px;border-left:1px solid #004899;}
.organizationWrap .level-ex-4{width:220px;position:absolute;right:0;bottom:0;}
.organizationWrap .level-ex-4 > div{text-align:center;padding-bottom:5px;}
.organizationWrap .level-ex-4 .dt{padding:6px 10px;text-align:center;background-color:#30598c;color:#fff;}
.organizationWrap .level-ex-4 dl{width:180px;text-align:center;}
.organizationWrap .level-ex-4 dt{padding:13px 10px;position:relative;background-color:#30598c;color:#fff;}
.organizationWrap .level-ex-4 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #30598c;color:#004899;}
.organizationWrap .level-2{width:100%;margin-top:170px;display:flex;justify-content:space-between;align-items:stretch;}
.organizationWrap .level-2 > div{width:220px;}
.organizationWrap .level-2 dl{text-align:center;}
.organizationWrap .level-2 dt, .organizationWrap .level-2 .dt{padding:13px 10px;position:relative;background-color:#1364b2;color:#fff;}
.organizationWrap .level-2 dt:before, .organizationWrap .level-2 .dt:before{content:'';display:block;width:calc(50% + 130px);height:30px;border:1px solid #004899;border-width:1px 1px 0 0;position:absolute;top:-30px;left:-131px;}
.organizationWrap .level-2 dt:after, .organizationWrap .level-2 .dt:after{content:'';display:block;width:calc(50% + 140px);height:30px;border-top:1px solid #004899;position:absolute;top:-30px;right:-140px;}
.organizationWrap .level-2 dl.first dt:before, .organizationWrap .level-2 .dt.first:before, .organizationWrap .level-2 dl.last dt:after, .organizationWrap .level-2 .dt.last:after{display:none;}
.organizationWrap .level-2 dl.first dt:after{border-left:1px solid #004899;}
.organizationWrap .level-2 .level-ex-3 .dt:before, .organizationWrap .level-2 .level-ex-3 .dt:after{display:none;}
.organizationWrap .level-2 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #134290;color:#004899;}
.organizationWrap .level-2 dd:before{content:'';display:block;width:90px;height:10px;border-right:1px solid #004899;position:absolute;top:-11px;left:0; display:none;}/* EJ */
.organizationWrap .level-2 .dt{padding:13px 10px;text-align:center;background-color:#1364b2;color:#fff; height:74px; display:flex; justify-content: center; align-items: center;}
.organizationWrap .level-3{width:100%;margin-top:10px;display:flex;align-items:stretch;}
.organizationWrap .level-3 > div, .organizationWrap .level-3 > dl{width:100%;position:relative;}
.organizationWrap .level-3 dl{text-align:center;}
.organizationWrap .level-3 dt{padding:13px 10px;position:relative;background-color:#138bb2;color:#fff;}
.organizationWrap .level-3 dt:after, .organizationWrap .level-3 .dt:after{display:none;}
.organizationWrap .level-3 dt:before, .organizationWrap .level-3 .dt:before{content:'';display:block;width:90px;height:10px;border-top:0;border-right:1px solid #004899;position:absolute;top:-10px;left:0; display:none;}/* EJ */
.organizationWrap .level-3.longtail{margin-top:70px;}
.organizationWrap .level-3.longtail dt:before, .organizationWrap .level-3.longtail .dt:before{height:70px;top:-70px;}
.organizationWrap .level-3 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #138bb2;color:#007799;}
.organizationWrap .level-3 dd:before{content:'';display:block;width:90px;height:10px;border-right:1px solid #138bb2;position:absolute;top:-11px;left:0; display:none;}/* EJ */
.organizationWrap .level-3 .dt{padding:13px 10px;text-align:center;background-color:#138bb2;color:#fff;}
.organizationWrap .level-ex-5{width:180px;background-color:#30598c;color:#fff;text-align:center;position:absolute;top:150px;left:50%;transform:translateX(-50%);margin-left:170px;}
.organizationWrap .level-ex-5 .dt{padding:13px 10px;text-align:center;background-color:#30598c;color:#fff;;}
.organizationWrap .level-ex-5 .dt:before{content:'';display:block;width:81px;height:45px;border-bottom:1px solid #004899;position:absolute;top:-20px;left:-81px;}
@media screen and (max-width:1200px){
  .organizationWrap .level-1{width:95px;height:95px;}
  .organizationWrap .level-1 .dt{line-height:85px;border:5px solid #fff;}
  .organizationWrap .level-1 .dt:before{width:46px;height:103px;bottom:-103px; display:none;}
  .organizationWrap .level-ex-1{width:69px;height:69px;line-height:69px;margin-left:110px;top:15px;z-index:-1;}
  .organizationWrap .level-ex-1 .dt{line-height:1.1;}
  .organizationWrap .level-ex-1 .dt:before{width:30px;height:20px;left:-30px; display:none;}
  .organizationWrap .level-ex-2{width:calc(50% - 7px);top:110px;margin-left:unset;left:0;transform:unset;}
  .organizationWrap .level-ex-2 dl{width:100%}
  .organizationWrap .level-ex-2 dt{padding:6px 10px;}
  .organizationWrap .level-ex-2 dd{padding:5px 10px;margin-top:0;}
  .organizationWrap .level-ex-2 dd:before{width:50%;display:none;}
  .organizationWrap .level-ex-2 dd:after{width:8px;right:-8px;height:14px; display:none;}
  .organizationWrap .level-ex-3{width:calc(50% - 7px);bottom:95px;}/* top:195px;right:0; */
  .organizationWrap .level-ex-3 dt, .organizationWrap .level-ex-3 .dt{padding:6px 10px;}
  .organizationWrap .level-ex-3 div.dt{padding:0 10px;line-height:48px;}
  .organizationWrap .level-ex-3 dd{margin-top:0;padding:5px 10px;}
  .organizationWrap .level-ex-3 dd + dd{border-top:0;}
  .organizationWrap .level-ex-3 dt:before{width:9px;right:unset;height:14px;top:0;left:-9px;border-right:0;border-top:0;border-bottom:1px solid #004899;}
  .organizationWrap .level-ex-3 .dt:before{display:none;}
  .organizationWrap .level-ex-3 .dt:after{display:none;}
  .organizationWrap .level-ex-4{width:calc(50% - 7px);}
  .organizationWrap .level-ex-4 > div{padding-bottom:2px;}
  .organizationWrap .level-2{flex-wrap:wrap;margin-top:95px;}
  .organizationWrap .level-2 dt{padding:6px 10px;}
  .organizationWrap .level-2 dd{margin-top:0;padding:5px 10px;}
  .organizationWrap .level-2 dd + dd{border-top:0;}
  .organizationWrap .level-2 dd:before{display:none;}
  .organizationWrap .level-2 > div{width:calc(50% - 7px);}
  .organizationWrap .level-2 > div:nth-of-type(n+3){margin-top:20px;}
  .organizationWrap .level-2 dl.first dt:after, .organizationWrap .level-2 dl.first .dt:after{width:calc(50% + 7px);height:14px;top:-14px;right:-7px; display:none;}
  .organizationWrap .level-2 dt:before, .organizationWrap .level-2 .dt:before{display:none;}
  .organizationWrap .level-2 > div:nth-of-type(2) dt:before{display:block;width: calc(50% + 7px);height: 14px;top: -14px;left: -7px; display:none;}
  .organizationWrap .level-2 dl:not(.first) dt:after, .organizationWrap .level-2 .dt:not(.first):after{display:none;}
  .organizationWrap .level-3{margin-top:20px;}
  .organizationWrap .level-3 dt, .organizationWrap .level-3 .dt{padding:6px 10px;}
  .organizationWrap .level-3 dd{margin-top:0;padding:5px 10px;}
  .organizationWrap .level-3 dd + dd{border-top:0;}
  .organizationWrap .level-3 dt:before, .organizationWrap .level-3 .dt:before{display:none;}
  .organizationWrap .level-3 dd:before{display:none;}
  .organizationWrap .level-3.longtail{margin-top:10px;}
  .organizationWrap .level-ex-5 .dt{padding:6px 10px;margin:0px;}
  .organizationWrap .level-ex-5 .dt:before{width:30px;height:34px;left:-30px; display:none;}
}
/* about kfi - ad */
.adWrap, .adWrap .ad-vod{position:relative;}
.adWrap .ad-vod video{width:100%;}
.adWrap .ad-script{width:100%;height:200px;margin-top:15px;overflow:hidden;overflow-y:auto;padding:15px;border:1px solid #d9d9d9;}
@media screen and (max-width:1200px){
  .adWrap .ad-script{margin-top:10px;}
}
/* about kfi - CEO */
.ceoWrap{position:relative;}
.ceoWrap .hello{padding:100px 40px;font-size:2rem;color:#004899;}
.ceoWrap .hello strong{font-size:3.4rem;}
.ceoWrap .greeting{padding:10px 0;}
.ceoWrap .greeting p:first-child{padding-top:0;}
.ceoWrap .greeting p{padding-top:25px;}
.ceoWrap .ceo{padding:25px 0;font-weight:500;}
.ceoWrap .ceo strong{font-weight:500;font-size:2.4rem;}
@media screen and (max-width:1200px){
  .ceoWrap{background:none;}
  .ceoWrap .hello{width:calc(100% + 30px);font-size:1.4rem;padding:40px 25px 60px;margin-left:-15px;}
  .ceoWrap .hello strong{font-size:1.8rem;}
  .ceoWrap .ceo{padding:0;}
}

/* business */
.typeWrap, .typeWrap3{width:100%;display:flex;justify-content:flex-start;align-items:stretch;}
.typeWrap .figure, .typeWrap3 .figure{width:330px;}
.typeWrap .figure img, .typeWrap3 .figure img{width:100%; vertical-align:top;}
.typeWrap .figureText, .typeWrap3 .figureText{width:calc(100% - 330px);padding-left:30px;}
.typeWrap + .typeWrap {padding-top:20px;}
.typeWrap2{width:100%;display:flex;justify-content:flex-start;align-items:stretch;}
.typeWrap2 .figure {width:210px;}
.typeWrap2 .figure img {width:100%;}
.typeWrap2 .figureText {width:calc(100% - 210px);padding-left:30px;}
.howto{width:100%;position:relative;}
.howto ul.img{display:flex;align-items:stretch;}
.howto ul.img li {margin-left:20px;}
.howto ul.img li:first-child{margin-left:0;}
.img + .dash {margin-top:10px;}
.howtoWrap{width:330px;}
.howtoWrap .figure, .howtoWrap .figureText, .howtoWrap .figure img{width:100%; vertical-align: top;}
.howtoWrap .figureText{padding:10px 0;}
.howtoWrap .figureText p {text-align:center;}
@media screen and (max-width:1200px){
  .typeWrap{display:block;justify-content:unset;align-items:unset;}
  .typeWrap .figureText{width:100%;padding-left:0;}
  .typeWrap .figure, .typeWrap3 .figure {width:50%;margin-bottom:10px;}
  .typeWrap2 .figure{width:30%;}
  .typeWrap2 .figureText{width:70%;padding-left:15px;}
  .typeWrap3 {display:flex;align-items:stretch;}
  .typeWrap3 .figureText {width:50%;padding-left:15px;}
  .howto ul.img{flex-wrap:wrap;}
  .howto ul.img li{width:calc(50% - 10px);}
  .howtoWrap{width:100%;}
}
/* business - test */
.cont-wrap:first-of-type{margin-top:0;}
.cont-wrap {margin-top:50px;}
.test-p {margin-bottom:20px;}
.test-li {margin-bottom:25px;}
.matrix.test th.heading {width:17%;}
@media screen and (max-width:1200px){
  .cont-wrap {margin-top:25px;}
  .test-p {margin-bottom:10px;}
  .test-li {margin-bottom:15px;}
  .matrix.test table th.heading {width:35%;}
}
/* business - inspect-tank */
@media screen and (max-width:1200px){
  h4.head-nopd {padding-left:0; padding-right:0;}
}
/* business - inspect-etc */
.img-p {margin:15px 0 30px;}
.img-p-last {margin:15px 0 0;}
@media screen and (max-width:1200px){
  .img-p {margin:10px 0 15px;}
  .img-p-last {margin:10px 0 0;}
}
/* business - ul */
.ul-head{margin-top:30px;}
@media screen and (max-width:1200px){
  .ul-head{margin-top:15px;}
}
/* business - fm-approval */
.h-list li {display:table;}
.h-list li span {display:table-cell;}
.h-list .h-year {width:40px;}
@media screen and (max-width:1200px){
  .h-list .h-year {width:30px;}
}
/* business - promotion */
.matrix.program table .classification {width:265px;}
@media screen and (max-width:1200px){
  .matrix.program table .classification {width:30%;}
}

/* Communication - Related Site */
.related-site .tbl li .th{width:50%;padding-right:30px;text-align:right;}
@media screen and (max-width:640px){
	.related-site .tbl li .th{padding-right:15px;padding-left:15px;}
}
@media screen and (max-width:430px){
	.related-site .tbl{display:block;}
	.related-site .tbl li .th{display:block;width:100%;text-align:left;border-right:0;}
	.related-site .tbl li .td{display:block;width:100%;text-align:left;}
}

/*  Communication - map */
.map-map img{width:100%;display:block;}
.map-map img.mobile{display:none;}
.map-list ul li{width:100%;display:flex;align-items:center;padding:30px 20px;border-bottom:1px solid #d9d9d9;}
.map-list ul li i{width:89px;height:89px;display:block;border:1px solid #004899;border-radius:50%;margin-right:20px;}
.map-list ul li i.i-map-address{background:url(/static/eng/images/communication/map-i01.png) center center no-repeat;}
.map-list ul li i.i-map-highway{background:url(/static/eng/images/communication/map-i02.png) center center no-repeat;}
.map-list ul li i.i-map-city{background:url(/static/eng/images/communication/map-i03.png) center center no-repeat;}
.map-list ul li i.i-map-ktx{background:url(/static/eng/images/communication/map-i05.png) center center no-repeat;}
.map-list ul li i.i-map-public{background:url(/static/eng/images/communication/map-i04.png) center center no-repeat;}
@media screen and (max-width:1200px){
  div.article + div.article.map-list{margin-top:10px;}
  .map-list ul li{padding:15px 10px;}
  .map-list ul li i{width:45px;height:45px;margin-right:15px;background-size:60% !important;}
}


@media print{
  #skipnav, .header, .pagevisual, .pagelocation, .footerwrap, .footer{display:none;}
  #contents{display:block;}
  .contents{max-width:100%;width:100%;}
  .contents *{zoom:0.9;}
  .matrix.scrollx{overflow:auto;}
  .matrix.scrollx table{min-width:auto;}
  .f-flex-wrap.test-binfo div,
  .f-flex-wrap.safe-mng,
  .has-desc + .article .bd-steps{zoom:0.8;}
  .application-steps{zoom:0.7;}
  .article.kfi-intro-5{margin:auto;zoom:1.2}
  .history-section{margin-left:-238px;}
  .process-dia{zoom:0.7;}
  .process-dia *{zoom:1;}
  .organizationWrap{zoom:0.7;}
  .organizationWrap *{zoom:1;}
  .organizationWrap .level-ex-3 .dt:before{width:130px;}
  .organizationWrap .level-ex-3 .dt:after{width:130px;height:480px;right:113px;bottom:78px;}
}

/* YJ */

/* Center for industrial analysis */
.f-flex-wrap {display: flex; flex-wrap: wrap;justify-content:center;}  /*margin-top:-20px; margin-left:-20px; margin-bottom:45px; */
.f-flex-wrap .box {position:relative;width:calc(33% - 10px);padding:35px 20px 35px;margin-bottom:15px; text-align:center; border:1px solid #d8dde5; background:#f9f9f9;}/* width:386px; */
.f-flex-wrap .box:nth-of-type(3n -1){margin-left:20px; margin-right:20px;}
.f-flex-wrap .icon, .boxWrap.binfo i {display:inline-block; margin-bottom:20px; width:60px; height:60px; background-repeat:no-repeat; background-position: 50% 50%;}
.f-flex-wrap .title {margin-bottom:20px; font-size:2.4rem; font-weight:700; color:#004899;}
.f-flex-wrap .desc {color:#004899;}
.f-flex-wrap .desc.space {margin-top:83px;}
.f-flex-wrap .btn {min-width:92px;}
.f-flex-wrap .has-btn {margin:40px 0 0;}
.f-flex-wrap dt:first-of-type {margin-top:0;}
.f-flex-wrap dt {margin-top:20px; color:#004899; font-weight:500;}
.f-flex-wrap .b-info01 {background-image: url(/static/eng/images/about/icon-binfo01.png);}
.f-flex-wrap .b-info02 {background-image: url(/static/eng/images/about/icon-binfo02.png);}
.f-flex-wrap .b-info03 {width:61px; background-image: url(/static/eng/images/about/icon-binfo03.png);}
.f-flex-wrap .b-info04 {background-image: url(/static/eng/images/about/icon-binfo04.png);}
.f-flex-wrap .b-info05 {background-image: url(/static/eng/images/about/icon-binfo05.png);}
.f-flex-wrap .b-info06 {background-image: url(/static/eng/images/about/icon-binfo06.png);}
.f-flex-wrap .b-info07 {width:62px; height:61px; background-image: url(/static/eng/images/about/icon-binfo07.png);}
.f-flex-wrap .b-info08 {background-image: url(/static/eng/images/about/icon-binfo08.png);}
.f-flex-wrap .b-info09 {width:67px;height:65px;background-image: url(/static/eng/images/about/icon-binfo09.png);}
.f-flex-wrap .b-info10 {width:67px; background-image: url(/static/eng/images/about/icon-binfo10.png);}
.f-flex-wrap .b-info11 {width:64px; background-image: url(/static/eng/images/about/icon-binfo11.png);}
.f-flex-wrap .new-win {padding-right:22px; color:#004899; text-decoration:underline; background: url(/static/portal/images/common/i-alink.png) 100% 50% no-repeat;}

@media screen and (max-width:1200px){
  .f-flex-wrap{margin-top:-20px; margin-bottom:0; justify-content: space-between;}
  .f-flex-wrap {margin-top:-20px; margin-bottom:0px;}
  .f-flex-wrap .box {padding:15px 10px; width:calc(50% - 7px);margin-top:15px;margin-bottom:0;}
  .f-flex-wrap .box:nth-of-type(3n -1){margin-left:0px; margin-right:0;}
  .f-flex-wrap.test-binfo .box{min-height:auto;padding-bottom:60px;}
  .f-flex-wrap .icon {width:30px; height:30px; margin-bottom:5px; background-size:contain;/* background-size:auto 30px; */}
  .f-flex-wrap .title {margin-bottom:10px; font-size:1.4rem;}
  .f-flex-wrap .desc {font-size:1.1rem;}
  .f-flex-wrap .has-btn {margin:20px 0 0;}
  .f-flex-wrap dt {margin-top:10px;}
  .f-flex-wrap .b-info03 {width:30.5px;}
  .f-flex-wrap .b-info07 {width:31px; height:30.5px;}
  .f-flex-wrap .b-info09 {width:33.5px; height:32.5px}
  .f-flex-wrap .b-info10 {width:33.5px;}
  .f-flex-wrap .b-info11 {width:62px;}
}