@import url("layout.css");
@import url("/common/css/con_com.css");


/*공통 wide-section, wide-bg*/
.sub_container.wd100 {width:100%; max-width:100%; overflow:hidden;}
.wide-section {margin:3rem 0;} /*0101_02.jsp 공백생김 처리하기*/
.wide-section.mgt0 {margin-top:0 !important;}
/*.wide-section.mgt0 .wide-bg {padding:0 !important;}*/ /*U-connect, 0204_01.jsp (산업기반신용보증)업무소개 에서 확인... 0101_02.jsp 충돌나서 일단 숨김처리*/
.wide-section.mgb0 {margin-bottom:0 !important;}
.wide-bg {position:relative; padding:3rem 0;}
.wide-bg + .container {margin-top:2rem} /*0103_01.jsp*/
.wide-bg.gray {background:#f5f5f5;}
.wide-bg.sky {background:#f1f8fc;}
/*공통-일러스트 백그라운드 (스타트업 업무 개요 0206_01.jsp/프론트원(FRONT1) NEST0206_05.jsp/ 업무소개 0204_01.jsp /////)*/
.wide-bg.illu {padding:0; background-color:#eaf5fb; background-image:url('/images/web/eng/sub/img_0108_02-1.png'); background-repeat:no-repeat; background-position:-200px top;}
.wide-bg.illu .container {background-size:contain; min-height:13.5rem; padding:3rem 35rem 3rem 0; background-repeat:no-repeat; background-position:right bottom}
.wide-bg.illu .container h3 {line-height:1.8;}
@media screen and (max-width:1400px) {
	.wide-bg.illu .container {padding-right:30rem; background-size:contain}
}
@media screen and (max-width:1023px) {
	.wide-bg.illu .container {padding-right:20rem; background-size:22rem;}
}
@media screen and (max-width:880px) {
	.wide-bg.illu .container {padding-right:10rem; background-size:12rem;}
}
@media screen and (max-width:768px) {
	.wide-bg.illu .container {min-height:10rem; padding-right:0; background-size:0}
}

.bg_gd {background:linear-gradient(to right, #90c31f, #007bc7);}
.bg_gd_soft {background:linear-gradient(to right, #d9eeda, #c2e2f5);}
.bg_gd_soft.before {background:none;}
.bg_gd_soft.before:before {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:80%; background:linear-gradient(to right, #d9eeda, #c2e2f5);}

/*공통(border가 없는 이미지 확대보기)*/
.rsp_img.no_line {padding:0; border:none;}
.rsp_img.no_line:before {display:none;}

/* 공통 레이어 팝업 */
.ESGlyrPopup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:999;}
.ESGlyrPopup .lyrWrap {position:absolute; max-width:40rem; max-height:80vh; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); background:#004f7a; overflow:auto;}
.ESGlyrPopup .lyrCont {background:#fff; margin-top:2rem; padding:2rem 1.5rem;}
.ESGlyrPopup .lyrClose {position:absolute; right:.5rem; top:.2rem; color:#fff; font-size:1rem;}

@media screen and (max-width:1024px) {
	.ESGlyrPopup .lyrWrap {width:90%; left:5%; max-width:100%;  transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);}
}

@media screen and (max-width:768px) {
	.ESGlyrPopup .lyrWrap {width:95%; max-height:90vh; left:2.5%;}
}

/* 인사말 */
.greetings .img img {width:100%;}
.greetings01 {position:relative; overflow:hidden; margin-top:3rem; z-index:1;}
.greetings01:before {content:''; position:absolute; right:0; top:8rem; background:url('/images/web/eng/sub/bg_gd_156.png'); background-repeat:no-repeat; width:156px; height:156px; z-index:-999;}
.greetings01 .img {float:left; width:40%; min-height:345px;}
.greetings01 .text {float:right; width:50%; padding-top:1.5rem;}
.greetings01 p {font-family:'notosans'; font-weight:400;}
.greetings01 p:nth-of-type(1) {font-family:'notosans'; font-size:1rem; color:#999; font-weight:600;}
.greetings01 p:nth-of-type(2) {font-size:1.7rem; font-weight:600;}
.greetings01 p:nth-of-type(3) {font-size:1.5rem; font-weight:600;}
.greetings01 p:nth-of-type(4) {font-size:1.5rem; font-weight:600;}
.greetings01 p:nth-of-type(5) {font-size:1.5rem; font-weight:600;}
.greetings01 p:nth-of-type(6) {/* font-family:'NotoSans'; */font-size:1rem; color:#666; /* text-transform:uppercase; */}
.greetings02 {position:relative; overflow:hidden; margin-top:1rem;}
.greetings02 .img {float:right; width:37%; margin-left:10%; margin-bottom:2rem; margin-top:-4rem;}
.greetings02 .text > p:nth-of-type(1) {margin:0.5rem 0;}
.greetings02 .text > p:nth-of-type(1) img {width:auto; max-width:50%;}
.greetings02 .text > div p {margin-bottom:1rem; font-weight:300;}
.greetings02 .text > div p:nth-of-type(1) {font-size:0.9rem; font-weight:700;}
.greetings02 .text p.sign {font-family:'notosans'; font-weight:400; text-align:right;}
.greetings02 .text p.sign span {position:relative; display:inline-block; text-indent:-9999px; width:175px; height:66px;}
.greetings02 .text p.sign span:after {content:''; position:absolute; right:-1rem; top:-.5rem; background:url('/images/web/eng/sub/img_0101_01_03.jpg'); width:175px; height:66px;}
/* 프로필 */
.profile.wide-bg {background:#f2faff;}
.profile .container {overflow:hidden;}
.profile .text {float:left;}
.profile_list {width:100%; min-height:150px; margin-top:2.5rem; overflow:hidden;}
.profile_list > li {position:relative; width:50%; float:left; border-top:1px solid #bdcbd5;}
.profile_list > li span {font-family:'notosans'; font-weight:900; color:#0068a1;}
.profile_list > li h3 {position:relative; padding-top:1rem; font-weight:bold; margin-bottom:0.85rem; font-size:1.4rem;}
.profile_list > li h3:before {content:''; position:absolute; top:-2px; left:0; width:50px; height:3px; background:#0083cb;}
.profile_list > li ul {margin-bottom:1rem;}
.profile p {font-family:'notosans';}
.profile p:nth-of-type(1) {font-family:'notosans'; font-size:1rem; color:#999; font-weight:600;}
.profile p:nth-of-type(2) {font-size:1.5rem; font-weight:300;}
.profile p:nth-of-type(2) span {font-weight:700;}
.profile p:nth-of-type(3) {font-size:2rem; font-weight:700;}

@media screen and (max-width :1400px) {
	.greetings01 .img,
	.greetings02 .img  {min-height:auto;}
	.greetings02 {margin-top:0; margin-bottom:2rem;}
}
@media screen and (max-width :1200px) {
	.greetings01 .text {padding-top:0;}
	.profile.wide-bg {background-size:cover;}
	.profile .btn {float:left; margin-top:0.5rem; width:100%;}
	.profile .btn a {width:auto;}
}
@media screen and (max-width :1023px) {
	.greetings01 .text {width:55%;}
	.greetings02 .img {margin-bottom:0}
	.greetings02 .text p.sign {text-align:left;}
}
@media screen and (max-width :880px) {
	.greetings01 .img {width:50%;}
	.greetings01 .text {width:45%;}
	.greetings01 p:nth-of-type(2) {font-size:1.3rem}
	.greetings01 p:nth-of-type(3) {font-size:1rem;}
	.greetings02 .text {margin-top:0;}
	.profile {min-height:auto; padding:1.5rem 0;}
}
@media screen and (max-width :768px) {
	.greetings01 .img {width:35%;}
	.greetings01 .text {width:60%;}
	.greetings02 .text > p:nth-of-type(1) span {display:none;}
	.greetings02 .img {margin-top:0;}

	.profile_list > li {Width:100%;}


}
@media screen and (max-width :640px) {
	.greetings01 .img {width:100%;}
	.greetings01 .text {width:100%; margin-top:0.5rem;}
}


@media screen and (max-width :480px) {
	.profile_list {min-height:400px;}
}
@media screen and (max-width :414px) {
	.profile_list {min-height:auto;}
	.profile_list > li {width:100%;}
	.profile_list > li span {top:0;}
}



/* 0102_01 history */
.history03.wide-bg {background:url('/images/web/eng/sub/img0102_01_05.jpg') no-repeat left 10rem; background-size:100%;}
.history03 .logoBox {position:relative; width:12.25rem; height:12.25rem; margin:3rem auto 5rem; text-align:center;}
.history03 .logoBox:before {content:''; position:absolute; display:block; width:100%; height:100%; border-radius:10px;  transform:rotate(-25deg); background:linear-gradient(to right, #55a400, #007bc7);}
.history03 .logoBox img {position:relative; padding-top:5rem;}
.history03 .tabBox {position:relative; /*padding:3.5rem 0 5rem; */ margin:0;}
.history03 .tabBox h4{display:inline-block; position:absolute; top:0; width:15%; font-family:'notosans'; color:#919191; font-weight:400; font-size:1.1rem; text-align:center;}
.history03 .tabBox h4:before {content:''; position:absolute; left:0; top:10px; width:50%; height:1px; background:#ccc;}
.history03 .tabBox h4:after {content:''; position:absolute; left:50%; top:10px; width:50%; height:1px; background:#ccc;}
.history03 .tabBox h4:first-child:before {display:none;}
.history03 .tabBox h4:nth-of-type(5):after {display:none;}
.history03 .tabBox h4:nth-of-type(1) {left:12.5%}
.history03 .tabBox h4:nth-of-type(2) {left:27.5%;}
.history03 .tabBox h4:nth-of-type(3) {left:42.5%;}
.history03 .tabBox h4:nth-of-type(4) {left:57.5%}
.history03 .tabBox h4:nth-of-type(5) {left:72.5%;}
.history03 .tabBox h4 a{display:block; position:relative; padding-top:1.5rem;}
.history03 .tabBox h4 a:before,
.history03 .tabBox h4 a:after {z-index:1;}
.history03 .tabBox h4 a:before {content:''; position:absolute; top:5px; left:50%; margin-left:-5px; width:11px; height:11px; background:#cfdbe2; border-radius:50%;}
.history03 .tabBox h4 a.select:before {background:rgba(0,131,203,1)}
.history03 .tabBox h4 a.select:after { content:''; position:absolute; top:0; left:50%; margin-left:-10px; width:21px; height:21px; background:#cfdbe2; border-radius:50%; background:rgba(0,131,203,0.2)}
.history03 .tabBox .listBox{display:none; padding-top:5rem; min-height:20rem;}
.history03 .tabBox .listBox.on{display:block;}
.history03 .tabBox .listBox > p {text-align:center; margin-bottom:2rem;}
.history03 .tabBox .listBox > p span {display:block;}
.history03 .tabBox .listBox > p span:nth-of-type(1) {font-size:3rem; color:#0787cc;}
.history03 .tabBox .listBox > p span:nth-of-type(2) {font-size:1.4rem;}
.history03 .tabBox .listBox ul {position:relative;}
.history03 .tabBox .listBox ul:before {content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:100%; background:#cfdbe2;}
.history03 .tabBox .listBox li {width:50%; margin-left:50%; padding-top:1rem;}
.history03 .tabBox .listBox li * {padding-left:2rem;}
.history03 .tabBox .listBox li:nth-of-type(2n) {margin-left:0; margin-right:50%; text-align:right;}
.history03 .tabBox .listBox li:nth-of-type(2n) * {padding-right:2rem; padding-left:0;}
.history03 .tabBox .listBox li span {position:relative; color:#00418a;}
.history03 .tabBox .listBox li span:before {content:''; width:1.3rem; height:1px; background:#cfdbe2; position:absolute; left:0; top:0.6rem;}
.history03 .tabBox .listBox li:nth-of-type(2n) span:before {right:0; left:auto;}
.history03 .tabBox .listBox li span:after {content:''; width:0.4rem; height:0.4rem; border-radius:50%; background:#0083cb; position:absolute; left:-0.2rem; top:0.4rem;}
.history03 .tabBox .listBox li:nth-of-type(2n) span:after {right:-0.2rem; left:auto;}
@media screen and (max-width :1023px) {
	.history .history01 dd ul li {width:29%;}
	.history02 .tit:after {display:none;}
}
@media screen and (max-width :640px) {
	.history01.wide-bg {background:none;}
	.history .history01 dd ul li {width:100%; margin:0; text-align:left;}
	.history .history01 dd ul li:before {float:left; margin:0; width:2rem; height:2rem; margin-right:1rem;}
	.history03 .tabBox h4 {width:20%;}
	.history03 .tabBox h4:nth-of-type(1) {left:0%}
	.history03 .tabBox h4:nth-of-type(2) {left:20%;}
	.history03 .tabBox h4:nth-of-type(3) {left:40%;}
	.history03 .tabBox h4:nth-of-type(4) {left:60%}
	.history03 .tabBox h4:nth-of-type(5) {left:80%;}
	.history03 .logoBox {width:9rem; height:9rem;}
	.history03 .logoBox img {padding-top:3rem;}
	.history01 dd:nth-of-type(1) br {display:none;}
	.history02 .tit p {font-size:1.4rem;}
}


/*CI*/
.ci_box {width:100%; display:table; border-collapse:separate; border-spacing:5px; border:1px solid #ccc; background:url('/images/web/eng/sub/ci_box_bg.gif') repeat; text-align:center; padding:2rem 1rem;}
.ci_box.rsp_img:before{display:none !important;}
.ci_box ul {display:table-row}
.ci_box ul li {display:table-cell; width:20%; text-align:center; vertical-align:middle;}
.ci_box img {display:inline; width:auto; max-width:95%; vertical-align:middle; margin:0.3rem;}
@media screen and (max-width:1023px){
	.ci_box {min-height:auto;}
}
.ci_box_noBg {background-image:none;}

.ci_box ul li p {background:#90c31f !important; color:#fff; padding:0.2rem;}

@media screen and (max-width:640px){
	.ci01 .box_st_wrap > div {width:100%; margin:.25rem 0}
}

/*공통 모달 팝업 (임원소개 참조)*/
.no-scrolling {overflow-y:hidden;} /*모달팝업 작동시 스크롤 사용불가*/
.modal {width:880px; height:auto; background:#f5f5f5; position:fixed; top:14rem; left:50%; margin-left:-440px; z-index:10; display:none}
.modal h2 {width:100%; padding:0.5rem 1rem; background:#0083cb; color:#fff;}
.modal .con_wrap {width:95% !important; margin:0 auto !important; padding:1rem 0; overflow:hidden;}
.modal_close {text-align:center; margin-bottom:1rem;}
.modal_close i {padding-left:3rem;}
.mask {width:100%; height:100%; background:rgba(0, 0, 0, 0.4); width:100%; height:100%; position:fixed; left:0; top:0; z-index:5;  display:none}

/* 0103_02 Management 모달창 */
.modal_profile .profile01 {position:relative; overflow:hidden; background:#f5f5f5;}
.modal_profile .profile01:before {content:''; display:block; position:absolute; right:0; bottom:-2rem; opacity:0.2; background:url('/images/web/eng/sub/logo_124.png') no-repeat right bottom; background-size:100%; width:11.5rem; height:5.65rem;}
.modal_profile .img {width:29%; float:left; text-align:center;}
.modal_profile .profile01 img {max-width:100%;}
.modal_profile .profile_con {float:right; width:68%; overflow:hidden;}
.modal_profile .profile_con h3 {font-family:'notosans'; color:#111; font-weight:600; font-size:1rem; line-height:1.2rem; margin:.5rem 0;}
.modal_profile .profile_con li span {font-family:'notosans'; font-weight:600; color:#0068a1; margin-right:8px;}
.con_wrap .name {font-family:'notosans'; color:#005b8d; font-weight:600; font-size:1rem; line-height:1.2rem; margin:.7rem 0;}
.con_wrap .txt {font-family:'notosans'; color:#111; font-weight:300; font-size:.8rem; line-height:1.2rem;}

/* 0103_02 Management */
.oner {position:relative; width:100%; background:#f2faff; overflow:hidden; padding:2rem 0; margin-bottom:2rem;}
.oner:before {content:''; display:block; position:absolute; right:0; bottom:-2rem; opacity:0.2; background:url('/images/web/eng/sub/logo_124.png') no-repeat right bottom; background-size:100%; width:11.5rem; height:5.65rem;}
.oner .profile_img {float:left; width:20%; margin-right:1.5rem;}
.oner .profile_img img{max-width:100%;}
.oner .pr_box {float:left; width:77%;}
.oner .profile_name {float:left; width:14rem; margin-right:1.5rem;}
.oner .profile_name p:nth-of-type(1n){font-family:'notosans'; color:#0068a1; font-weight:600; font-size:1.7rem; line-height:1.7rem; margin:1rem 0 2rem;}
.oner .profile_name p:nth-of-type(2n){font-family:'notosans'; color:#111; font-weight:600; font-size:1.2rem; line-height:1.5rem; margin:.5rem 0;}
.oner .profile_name p:nth-of-type(3n){font-family:'notosans'; color:#111; font-weight:600; font-size:1.2rem; line-height:1.5rem; margin:.5rem 0;}
.oner .profile_con {float:left; width:35rem;}
.oner .profile_con h3 {font-family:'notosans'; color:#111; font-weight:600; font-size:1rem; line-height:1.2rem; margin:.5rem 0;}
.oner .profile_con li span {font-family:'notosans'; font-weight:600; color:#0068a1; margin-right:8px;}
.profile_director {overflow:hidden;}
.profile_director dl {width:18%; margin-right:2.5%; margin-bottom:1.5rem; float:left; position:relative; padding:1rem; border:1px solid #d2d2d2; text-align:center;}
.profile_director dl:nth-of-type(5n) {margin-right:0;}
.profile_director dl:before {content:""; position:absolute; left:0; top:0; width:10%; height:10%; max-width:8rem; max-height:8rem; border-top:1px solid #0083cb; border-left:1px solid #0083cb; z-index:1;}
.profile_director dl:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/web/kodit/sub/img_0102_02_01_1_15.gif') no-repeat left top; background-size:contain;}
.profile_director dt {width:100%; color:#fff; padding:0.5rem; margin-bottom:0.7rem; font-weight:bold; position:relative; z-index:1;}
.profile_director dt img {max-width:90%; max-height:175px !important}
.profile_director dl dd {font-size:0.7rem; font-weight:400; padding:0 0 0.3rem; position:relative; z-index:1;}
.profile_director dl dd span {font-size:.95rem;  font-weight:600; padding-right:0.3rem;}
.profile02 {min-height:auto !important;}
@media screen and (max-width:1600px) {
	.profile_director dt img {max-height:160px !important;}
}
@media screen and (max-width:1500px) {
	.profile_director dt img {max-height:150px !important;}
}
@media screen and (max-width:1280px) {
	.profile_director dt img {max-height:140px !important;}
}

/* 0103_02 Management 백업 삭제예정 */
/*.management {position:relative; overflow:hidden;}
.management dl {width:49%; min-height:250px; margin-right:2%; margin-bottom:1rem; float:left; position:relative; padding:2rem 1rem; border:1px solid #d2d2d2; text-align:center;}
.management dl:nth-of-type(2n) {margin-right:0;}
.management dl:before {content:""; position:absolute; left:0; top:0; width:10%; height:10%; max-width:8rem; max-height:8rem; border-top:1px solid #0083cb; border-left:1px solid #0083cb; z-index:1;}
.management dl:after {content:""; position:absolute; left:0; top:0; width:100%; height:6rem; background:url('/images/web/eng/sub/logo_123.png') no-repeat 97%; background-color:#f5f5f5;}
.management dt {width:30%; color:#fff; font-weight:bold; position:relative; z-index:1; float:left;}
.management dt img {max-width:90%;}
.management dl dd {width:60%; position:relative; z-index:1; float:left; text-align:left; margin-left:1rem;}
.management dl dd ul {margin-bottom:1rem;}
.management dl dd p {font-family:'notosans'; color:#111; font-weight:700; font-size:1.2rem; line-height:1.2rem; margin:1rem 0 2.4rem;}
.management dl dd.btn_veiw {position:absolute; right:-1rem; bottom:1rem; width:120px; float:none; margin-top:1rem;}*/


@media screen and (max-width:1300px) {
	.profile_director dl dd span {font-size:.85rem;}
	.oner .pr_box {width:74%;}
	.oner .profile_name {width:100%; margin-right:-1rem;}
	.oner .profile_con {width:100%;}
	.oner .profile_name p br {display:none;}
}

@media screen and (max-width:1200px) {
	.profile_director dl dd span {font-size:1rem;}
	.profile_director dl {width:32%; margin-right:2%;}
	.profile_director dl:nth-of-type(5n) {margin-right:2%;}
	.profile_director dl:nth-of-type(3n) {margin-right:0;}
	.modal .container {padding:1rem 0;}/* 모달창 */
}

@media screen and (max-width :1023px) {
	.management dl {min-height:250px;}
	.management dl dd p {margin:1rem 0 2.4rem;}

}

@media screen and (max-width:1000px) {
	.modal {width:95%; /* height:580px; */left:50%; margin-left:-47.5%; top:8rem;}
}

@media screen and (max-width :880px) {
	.management dl dd p {font-size:1rem;}
}

@media screen and (max-width:768px){
	.management dl {width:100%; min-height:auto; margin-right:0; margin-bottom:1rem;}
	.management dl dd p {font-size:1.2rem;}
	.profile_director dl {width:48%; margin:1% !important; padding:0.5rem;}

    .oner .profile_img {width:100%; margin-right:0; text-align:center}
    .oner .pr_box {width:100%}
}

@media screen and (max-width:520px){
	.modal {top:3rem;} /* 모달창 */
	.management dl:after {background-size:10%;}
	.modal_profile .img {width:100%; float:none;}
	.modal_profile .profile_con {width:100%; height:250px; float:none; overflow-y:auto; overflow-y:scroll;}
    .modal_profile .profile01 img {max-width:30%;}
    .modal_profile .profile01:before {display:none;}
    .management dl {min-height:auto;}
    .con_wrap .name {margin-bottom:.2rem}
}

@media screen and (max-width:480px) {
	.profile_director dl dd span {font-size:.8rem;}
	.modal {top:6rem;} /* 모달창 */
}

@media screen and (max-width:414px) {
	.modal_profile .profile > li {width:100%;}
	.modal_profile .profile01 li:nth-of-type(1) span {/*display:block; */ font-size:1rem; font-weight:600;}
}

/* Location_오시는길 */
.kodit_map {width:100%; height:400px; background:#777; overflow:hidden;}
.localPoint_eng {position:absolute; left:-55px; top:-50px; width:250px; text-align:center; font-weight:700; word-break:keep-all; color:#013bb1; background:#fff; font-family:'notosans'; font-size:.8rem; border:2px solid #013bb1; border-radius:1rem; padding:.5rem;}

/*0301_AnnualReport*/
.down_list_wrap {width:102%; margin-left:-1%; margin-top:0.5rem; line-height:0; font-size:0px; padding:0px; overflow:hidden; text-align:center;}
.down_box{padding:1.25rem; border:1px solid #d2d2d2; background:#f9f9f9; text-align:center;}
.down_box img{max-width:100%; height:234px; border:1px solid #d2d2d2;}
.down_box .tit {position:relative; font-family:'notosans'; height:65px; line-height:1.2; font-size:1rem; color:#013bb1; font-weight:600; margin-top:.5rem;}

 @media screen and (max-width :1024px) {
	.down_list_wrap {text-align:left;}
	.down_list_wrap .btn > a:first-child{display:none;}
	.down_list_wrap .btn > a i.xi-download:before { content:"\e97a";}
	/* KSP Consulting Report */
	.tbl_st table .btn_w > a:first-child{display:none;}
	.tbl_st table .btn_w > a i.xi-download:before {content:"\e97a";}
}

@media screen and (max-width :560px) {
	.down_box img{height:auto;}
}

@media screen and (max-width :480px) {
	.down_box .tit {height:auto;}
}

/* 0501 networks */
.networks_list {position:relative; overflow:hidden;}
.networks_list ul {}
.networks_list ul li {position:relative; width:32%; float:left; margin-left:2%; margin-bottom:1rem; border:1px solid #d2d2d2; }
.networks_list ul li:nth-of-type(1),.networks_list ul li:nth-of-type(4),.networks_list ul li:nth-of-type(7),.networks_list ul li:nth-of-type(10),
.networks_list ul li:nth-of-type(13), .networks_list ul li:nth-of-type(16), .networks_list ul li:nth-of-type(19), .networks_list ul li:nth-of-type(22){margin-left:0;}
.networks_list ul li a,
.networks_list ul li > img {display:block; padding:1rem; }
.networks_list ul li a:hover,
.networks_list ul li a:focus{border-color:#0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}
.networks_list ul li a:before {content:"\e980"; position:absolute; right:1rem; top:50%; width:2rem; height:2rem; line-height:2rem; margin-top:-1rem; border-radius:50%; background:#fff; font-family:'xeicon'; border:1px solid #ccc; color:#6b6b6b; font-size:19px; text-align:center;}
.networks_list ul li a:hover:before {background:#017bc6; border:1px solid #017bc6; color:#fff;}
.networks_list ul li a img {}

@media screen and (max-width :1100px) {
	.networks_list ul li a img {max-width:80%; height:60px;}

}

@media screen and (max-width :880px) {
	.networks_list ul li {width:49%; margin-left:2%;}
	.networks_list ul li:nth-of-type(1),.networks_list ul li:nth-of-type(4),.networks_list ul li:nth-of-type(7),.networks_list ul li:nth-of-type(10),
	.networks_list ul li:nth-of-type(13), .networks_list ul li:nth-of-type(16), .networks_list ul li:nth-of-type(19), .networks_list ul li:nth-of-type(22){margin-left:2%;}
	.networks_list ul li:nth-child(odd) {margin-left:0;}

}

@media screen and (max-width :580px) {
	.networks_list ul li {width:100%; margin-left:0!important}

}

/* MOU */
.Mou_list {overflow:hidden; border-top:2px solid #0083cb;}
.Mou_list p {font-family:'notosans'; font-weight:800;}
.Mou_list .year {border-bottom:1px solid #ccc; padding:1rem 0 0; overflow:hidden;}
.Mou_list .year > p {font-size:1.5rem; display:inline-block; width:200px; vertical-align:top; text-align:left;}
.Mou_list .detail {display:inline-block; width:calc(100% - 250px);}
.Mou_list .date {overflow:hidden; margin:0.5rem 0;}
.Mou_list .date > p {font-size:1rem; color:#0083cb; display:inline-block; width:180px; vertical-align:top; text-align:left;}
.Mou_list .date > ul {display:inline-block; width:calc(100% - 400px);}
@media screen and (max-width:880px) {
	.Mou_list .year {padding:0;}
	.Mou_list .year > p,
	.Mou_list .detail {width:100%;}
	.Mou_list .year > p {text-align:left; background:#f5f5f5; padding:0.5rem 1rem; font-size:1.2rem;}
	.Mou_list .date > p {width:100px;}
	.Mou_list .date > ul {width:calc(100% - 12rem);}
	.Mou_list .date {margin-left:1rem;}

}

@media screen and (max-width:420px) {
	.Mou_list .date > p {width:100%;}
	.Mou_list .date > ul{width:100%;}
}

/* ACSIC, KSP common */
.acsicTit{text-align:center; font-family:'notosans'; margin-bottom:3.5rem; border-bottom:1px solid #ddd;}
.acsicTit .wrap{position:relative; min-width:20rem; padding-bottom:2rem;}
.acsicTit .wrap:before{content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:linear-gradient(to right, #90ce73, #017bec);}
.acsicTit h5{position:relative; display:inline-block; padding:0 1rem; font-size:2.5rem; font-weight:700; color:#000; letter-spacing:5px;}
.acsicTit h5:before{content:""; position:absolute; left:0; top:0; width:10px; height:10px; border-radius:50%;}
.acsicTit p{color:#8b8e90; text-transform:uppercase; letter-spacing:1px;}
.mapList{padding:3rem .5rem; margin-bottom:2.5rem; text-align:center; background:linear-gradient(to right, #017bec, #90ce73);}
.mapList .map{position:relative; display:inline-block; color:#fff;}
.mapList img{margin:0 auto; max-width:100%; height:auto;}
.mapList li{position:absolute;}
.mapList li a{position:relative; display:block; padding-bottom:1rem; line-height:1.2;}
.mapList li a:before,
.mapList li a:after{content:""; position:absolute; left:50%; border-radius:50%; background:rgba(255, 72, 0, .5);}
.mapList li a:before{ bottom:4px; width:7px; height:7px; margin-left:-3.5px;}
.mapList li a:after{ bottom:0; width:15px; height:15px; margin-left:-7.5px;}
.mapList li a em{display:block; margin-top:5px;}
#mapPopup{ display:none; position:fixed; top:50%; left:50%; width:95%; max-width:26rem; max-height:80vh; background:#f5f7f8; padding:1.5rem; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:999; overflow:auto;}
#mapPopup .tit{position:relative; color:#082846; font-size:1.4rem; font-weight:600; margin-right:3rem; margin-bottom:1rem;}
#mapPopup .tit:before{content:""; position:absolute; left:-6px; top:0; width:7px; height:7px; border-radius:50%; background:#017bc6;}
#mapPopup .ico{position:absolute; right:1.5rem; top:1.5rem;}
#mapPopup ul li{display:block;}
#mapPopup ul li + li{margin-top:.3rem;}
#mapPopup .btn{text-align:center; margin-top:1rem; overflow:hidden;}
#mapPopup .btn a{cursor:pointer;}
#mapPopup .btn a i{font-size:.8rem; margin-left:1rem;}

/* ACSIC */
.mapList.acsic li.map01{top:10%; left:50%;} 		/* Monglia */
.mapList.acsic li.map02{top:13.5%; right:8.25%;}	/* Japan */
.mapList.acsic li.map03{top:25%; right:21.5%;}	/* Korea */
.mapList.acsic li.map04{top:48%; left:30%;}		/* India */
.mapList.acsic li.map05{top:35%; left:35%;}		/* Nepal */
.mapList.acsic li.map06{top:45%; left:68%;}		/* Taiwan */
.mapList.acsic li.map07{top:56%; left:50%;}		/* Thailand */
.mapList.acsic li.map08{top:67%; left:30.25%;}	/* Sri Langka */
.mapList.acsic li.map09{top:71%; left:50%;}		/* Malaysia */
.mapList.acsic li.map10{top:63%; left:68%;}		/* The Philippines */
.mapList.acsic li.map11{top:83%; left:53%;}		/* Indonesia */
.mapList.acsic li.map12{bottom:5%; left:85%;}		/* Papua New Guinea */

/* KSP */
.mapList.local li.map01{top:16%; left:20%;} 		/* Incheon */
.mapList.local li.map02{top:18%; left:30%;}		/* Seoul */
.mapList.local li.map03{top:25%; left:35%;}		/* Gyenggi */
.mapList.local li.map04{top:44%; left:29.5%;}	/* Chungcheong Deajeon */
.mapList.local li.map05{top:69.5%; left:17%;}	/* Honam Gwangju */
.mapList.local li.map06{top:57%; left:61%;}		/* Daegu */
.mapList.local li.map07{top:72%; left:72%;}		/* Busan */
#mapPopup.localPopup{max-width:45rem;}
#mapPopup.localPopup .seoul{margin-top:1rem;}
#mapPopup.localPopup .tit{margin-bottom:0;}
#mapPopup.localPopup .headOffice{font-family:'SCDream'; color:#082846; font-size:1rem; font-weight:700; margin:.35rem 0;}
#mapPopup.localPopup ul{font-size:.8rem;}
#mapPopup.localPopup li + li{border-top:1px solid #ddd; padding-top:.5rem; margin-top:.5rem;}

/* 지도이미지 배경 */
.gr_bg {width:100%; height:100%; padding:1.5rem 0; background:linear-gradient(to right, #017bec, #90ce73);}

@media screen and (max-width:1024px) {
	/* ACSIC */
	.mapList.acsic li.map01{top:8%;}				/* Monglia */
	.mapList.acsic li.map03{top:24%;}			/* Korea */
	.mapList.acsic li.map05{top:33.5%;}			/* Nepal */
	.mapList.acsic li.map07{top:54%; left:49%;}	/* Thailand */
}
@media screen and (max-width:960px) {
	/* ACSIC */
	.mapList.acsic li.map05{top:32.5%;}			/* Nepal */
	.mapList.acsic li.map06{top:44%; left:67%;}	/* Taiwan */
	.mapList.acsic li.map08{top:66%; left:30%;}	/* Sri Langka */
}
@media screen and (max-width:860px) {
	/* ACSIC */
	.mapList.acsic li.map03{right:21%;}			/* Korea */
	.mapList.acsic li.map06{top:43.5%;}			/* Taiwan */
	.mapList.acsic li.map08{top:65%; left:29.5%;}/* Sri Langka */
	.mapList.acsic li.map11{top:84%; left:55%;}	/* Indonesia */
}
@media screen and (max-width:768px) {
	/* ACSIC, KSP common */
	.acsicTit{margin-bottom:1.5rem;}
	.acsicTit h5{font-size:2rem;}
	.acsicTit .wrap{padding-bottom:1rem;}

	/* ACSIC */
	.mapList.acsic{overflow:hidden; font-size:0; line-height:0; padding:1rem .5rem;}
	.mapList.acsic li{position:relative; display:inline-block; width:31.33%; font-size:.8rem; margin:1%; line-height:1.2; vertical-align:top; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;}
	.mapList.acsic li a{display:table; width:100%; min-height:3.5rem; padding:.75rem .5rem; text-align:left; color:#082846; box-shadow:2px 2px 3px rgba(0,0,0,0.3); background:rgba(255,255,255,0.8);  overflow:hidden;}
	.mapList.acsic.acsic li a p{display:table-cell; vertical-align:middle;}
	.mapList.acsic li a em{display:inline; margin-top:0; vertical-align:middle;}
	.mapList.acsic li a img{float:left; max-width:35px; max-height:30px; margin-right:.5rem; border:1px solid #ddd;}
	.mapList.acsic li a:before,
	.mapList.acsic li a:after,
	.mapList.acsic .map > img{display:none;}
	.mapList.acsic li a:hover,
	.mapList.acsic li a:focus{background:#fff;}

}
@media screen and (max-width:480px) {
	/* ACSIC */
	.mapList.acsic li{width:48%;}

	/* KSP */
	.mapList.local li.map01{left:17%;} 			/* Incheon */
	.mapList.local li.map02{top:17%; left:29%;}	/* Seoul */
	.mapList.local li.map04{left:33%;}			/* Deajeon */
	.mapList.local li.map05{top:69%;}			/* Gwangju */
	.mapList.local li.map06{left:60%;}			/* Daegu */
	.mapList.local li.map07{left:71%;}			/* Busan */
}
@media screen and (max-width:420px) {

	/* KSP */
	.mapList.local li.map01{top:13%;} 			/* Incheon */
	.mapList.local li.map02{top:16%; left:27%;}	/* Seoul */
	.mapList.local li.map03{top:23%;}			/* Gyenggi */
	.mapList.local li.map04{top:42%; left:32%;}	/* Deajeon */
	.mapList.local li.map05{top:68%; left:16%;}	/* Gwangju */
	.mapList.local li.map06{top:55%;}			/* Daegu */
	.mapList.local li.map07{left:70%; top:70%;}	/* Busan */
}

/* 홍보동영상 */
.PR_video {position:relative; overflow:hidden;}
.PR_video .cnt {width:48%; float:left; margin-left:1rem; margin-bottom:1.5rem;}
.PR_video .cnt .video_box{width:100%;}
.PR_video .cnt .video_box video{width:100%;}

@media screen and (max-width:1200px) {
	.PR_video .cnt {width:100%; margin-left:0; margin-bottom:1rem;}
	.PR_video .cnt video{width:100%;}
}

/* 34th_acsic */
.acsic_box {position:relative; width:100%; height:100%; text-align:center;}
.acsic_box:before{content:""; position:absolute; left:0; top:0; width:100%; height:50%; background:#e1f2fc;}
.acsic_box .video_box {position:relative; width:1000px; margin:0 auto; z-index:1;}
.acsic_box .video_box video {width:100%;}
.acsic_box .tit {font-family:'notosans'; font-size:2.5rem; color:#111; font-weight:600;}
.acsic_box .tit .pt_size {font-size:1rem;}
.acsic_box .txt {font-family:'notosans'; font-size:1.8rem; color:#333; font-weight:200;}
.acsic_box .pt1 {color:#109c93; font-weight:600;}
.acsic_box .pt2 {color:#0042a6; font-weight:600;}

@media screen and (max-width:1200px) {
	.acsic_box .video_box {width:95%;}

}

@media screen and (max-width:580px) {
	.acsic_box .tit {font-size:1.5rem;}
	.acsic_box .txt {font-size:1rem;}

}