@charset "utf-8";

@import url("/common/css/con_com.css");

@import url("layout.css");

/*con_com.css 추가사항*/
.mgt0 {margin-top:0 !important;}
.mgb0 {margin-bottom:0 !important;}
iframe {border:none;width:100%; min-height:400px;}

/*공통(border가 없는 이미지 확대보기)*/
.rsp_img.no_line {padding:0; border:none;}
.rsp_img.no_line:before {display:none;}

/* 퍼블리싱 작업 유의사항 (윤혜원 작성)
백그라운드 100% 들어가는 콘텐츠가 있을때 .sub-container 바로 아래  .wide-section을 마크업하여 전체를 감싸준다.
백그라운드 100% 콘텐츠는 .wide-bg 감싼 후 .container 마크업하여 본문내용을 넣어준다. 그외 콘텐츠는 container 마크업하여 본문내용을 넣어준다.
백그라운드 100% 콘텐츠가 없는 메뉴는 별도의 마크업 없이 진행한다.
--------------------------------------------
.sub_container
.wide-section (상하 패딩값 0, 가로넓이 100%) (sub.js 145줄 참조), 최상단 width 100% 사용시 mgt0 클래스 추가, 최하단 width 100% 사용시 mgb0 클래스 추가)
.wide-bg (div / :before / :after 백그라운드 넣기)
.container (본문)
--------------------------------------------
*/

/*공통 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/kodit/sub/img_0108_02-1.png'); background-repeat:no-repeat; background-position:-200px top;}
.wide-bg.illu .container {background-size:contain; min-height:12.5rem; padding:1.5rem 27rem 1.5rem 0; background-repeat:no-repeat; background-position:right bottom; word-break:keep-all;}
.wide-bg.illu .container h3 {line-height:1.8;}

@media screen and (max-width:1400px) {
	.wide-bg.illu .container {padding-right:15rem; background-size:contain;}
}

@media screen and (max-width:1023px) {
	.wide-bg.illu .container {padding-right:10rem; background-size:15rem;}
}

@media screen and (max-width:880px) {
	.wide-bg.illu .container {padding-right:0; background-size:12rem; background-image:none;}
}

@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, #55a400, #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);}
.tab_st1.container {margin-top:3rem;}

@media screen and (max-width:768px) {
	.tab_st1.container {margin-top:2rem;}
}

/*타이틀 + 버튼(오른쪽) (직무기술서공개 참조 0108_03_02.jsp) */
.tit_btn {margin:1.5rem 0 1rem;}
.tit_btn h4 {display:inline-block; margin-top:0;}
.tit_btn div {display:inline-block; float:right; margin-top:0;}
.tit_btn div a {margin-top:0;}

@media screen and (max-width:480px) {
	.tit_btn div {display:block; width:100%; margin-top:0.3rem; margin-bottom:0.5rem;}
}

/* h3.type3 + h4.tit2 {margin-top:0;} */
.box_st_wrap > div > h4.tit2 {margin-top:0;}

h3.type3+div {margin-top:0 !important;}
.ci_p_ac {margin:2rem 1rem 4rem; text-align:center;}

/*공통-타이틀*/
/* 0101_05.jsp 경영방침 */
h3.type2 {position:relative; width:100%; text-align:center; font-size:1.2rem; font-family:'SCDream'; font-weight:700; padding-bottom:0.5rem; margin-bottom:1.5rem;}
h3.type2:after {content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-17px; width:33px; height:3px; background:#0066c3;}
h3.type3 {position:relative; width:100%; font-size:1.5rem; font-family:'SCDream'; font-weight:bold !important; padding:1rem 0; border-top:1px solid #ddd;} /*CI 콘텐츠*/
h3.type3:after {content:''; display:block; position:absolute; top:-2px; left:0; width:140px; height:3px; background:#0083cb;}

/*공통-탭박스*/
.tabBox {position:relative; margin:3.5rem 0 5rem;}
.tabBox h4 {display:inline-block; position:absolute; top:0; width:15%; font-family:'SCDream'; color:#919191; font-weight:700; font-size:1.1rem; text-align:center;}
.tabBox h4:nth-of-type(1) {left:12.5%;}
.tabBox h4:nth-of-type(2) {left:27.5%;}
.tabBox h4:nth-of-type(3) {left:42.5%;}
.tabBox h4:nth-of-type(4) {left:57.5%;}
.tabBox h4:nth-of-type(5) {left:72.5%;}
.tabBox h4 a {display:block; position:relative; padding-top:1.5rem;}
.tabBox .listBox {display:none; padding-top:5rem;}
.tabBox .listBox.on {display:block;}

/* 공통 레이어 팝업 */
.lyrPopup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:999;}
.lyrPopup .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;}
.lyrPopup .lyrCont {background:#fff; margin-top:2rem; padding:2rem 1.5rem;}
.lyrPopup .lyrClose {position:absolute; right:.5rem; top:.2rem; color:#fff; font-size:1rem;}

@media screen and (max-width:1024px) {
	.lyrPopup .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) {
	.lyrPopup .lyrWrap {width:95%; max-height:90vh; left:2.5%;}
}

/*공통 모달 팝업 (임원소개 참조)*/
.no-scrolling {overflow-y:hidden;} /*모달팝업 작동시 스크롤 사용불가*/
.modal {width:768px; height:auto; background:#fff; position:fixed; top:8rem; left:50%; margin-left:-384px; z-index:10; display:none}
.modal h2 {width:100%; padding:0.5rem 1rem; background:#0083cb; color:#fff;}
.modal .container {width:90% !important; margin:0 auto !important; padding:2rem 0 1rem;}
.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}

@media screen and (max-width:768px) {
	.modal {width:96%; height:580px; overflow-y:auto; overflow-y:scroll; left:50%; margin-left:-48%;}
}

/*공통 문단(p) (참조 :인재상 0108_01.jsp, 스타트업 업무 개요 0206_01.jsp, U-CONNECT 0206_03.jsp) */
.emphasis {font-family:"SCDream"; font-size:1.2rem; padding:1rem 0; font-weight:600; letter-spacing:-0.04rem;}
.emphasis span {font-weight:bold;}
.emphasis p.more {font-size:1.35rem;}

@media screen and (max-width:880px) {
	.emphasis {/* margin-bottom:1rem; */	}
}

/*공통 타이틀+컨텐츠 (참조 :인재상 0108_01.jsp) */
.cont_type2 {overflow:hidden; position:relative; width:100%; min-height:70px; margin-top:2rem;}
.cont_type2 h4 {position:absolute; width:14%; top:0; left:0; padding-top:1rem; font-family:'SCDream'; font-size:1.4rem; font-weight:600;}
.cont_type2 h4:before {content:''; display:block; position:absolute; width:100%; height:2px; background:#333; top:0; left:0;}
.cont_type2 h4.brd_blue:before {background:#007bc7 !important;}
.cont_type2 h4.brd_green:before {background:#55a400 !important;}
.cont_type2 .cont {width:75%; float:right;}

@media screen and (max-width :1023px) {
	.cont_type2 h4 {position:relative; width:auto; margin-bottom:1rem;}
	.cont_type2 .cont {width:100%; float:none;}
}

/**/
.box_st5 {position:relative; padding:1rem; border:1px solid #d2d2d2; max-width:100%; background:#fff; word-break:keep-all;}
.box_st5:before {content:""; position:absolute; left:-1px; top:-1px; width:30%; height:30%; max-width:5rem; max-height:5rem; border-top:1px solid #0083cb; border-left:1px solid #0083cb;}
.box_st5_2px {position:relative; padding:1.5rem; border:2px solid #d2d2d2; max-width:100%; background:#fff;}
.box_st5_2px:before {content:""; position:absolute; left:-2px; top:-2px; width:30%; height:30%; max-width:5rem; max-height:5rem; border-top:2px solid #0083cb; border-left:2px solid #0083cb;}
.box_st_wrap.ov {overflow:visible !important;}
.box_st5_2px {overflow:hidden;}
.box_st5_2px li {float:left; width:33.333%; padding-right:0.5rem;}

@media screen and (max-width:1023px) {
	.box_st5_2px li {width:50%;}
}

@media screen and (max-width:414px) {
	.box_st5_2px li {width:100%;}
}

/* box타입 (가운데정렬, h3, p) (윤리경영0602_01.jsp, 인권경영0603_01.jsp) */
.box_st6 {position:relative; padding:2rem; border:3px solid #d2d2d2; border-top:none; max-width:100%; background:#fff; text-align:center;}
.box_st6:before, .box_st6:after {content:""; display:block; position:absolute; height:3px; top:0;}
.box_st6:before {left:0; width:80%; background:#0083cb;}
.box_st6:after {right:0; width:20%; background:#55a400;}
.box_st6 p {font-size:0.9rem; margin-top:0.5rem;}

/*공통*/
.dl_txt {position:relative; margin:0 auto; display:inline-block; border:2px solid #0083cb; background:#fff; border-radius:5rem; padding:1.5rem; text-align:center;}
.dl_txt dt {font-size:0.9rem; font-weight:bold; color:#0083cb; text-transform:uppercase; padding-bottom:0.5rem;}
.dl_txt dd {font-family:'SCDream'; font-size:1.1rem; font-weight:bold; line-height:1.3;}
.dl_txt.green {border-color:#55a400;}
.dl_txt.green dt {color:#55a400;}

/*공통 :육각형 오브젝트, 파란색 (0103_01.jsp 개요 -경영전략,,,,,,,)*/
.hexagon:before, .hexagon:after {content:''; display:block; position:absolute; top:50%; margin-top:-11px; width:19px; height:22px; background:url('/images/web/kodit/sub/img_0103_02_03.png') no-repeat center;}
.hexagon:before {left:-9.5px;}
.hexagon:after {right:-9.5px;}
.hexagon.green::before, .hexagon.green::after {background-image:url('/images/web/kodit/sub/img_0103_03_02.png');}

/*공통 화살표*/
.arrow03 {display:inline-block; width:70px; height:10px; background:url('/images/web/kodit/sub/arrow03.png'); position:relative; top:50%; margin-top:-10px; z-index:0; background-repeat:no-repeat; padding-bottom:55px;}
.arrow03.reverse {transform:scaleX(-1); -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1);}

/* 인사말 */
.greetings .img img {width:100%;}
.greetings01 {position:relative; overflow:hidden; margin-top:3rem;}
.greetings01 .img {float:left; width:40%; min-height:345px;}
.greetings01 .text {float:right; width:50%; padding-top:1.5rem;}
.greetings01 p {font-family:'SCDream'; font-weight:400;}
.greetings01 p:nth-of-type(1)  {font-size:1rem; color:#999; font-weight:700;}
.greetings01 p:nth-of-type(2) {font-size:1.7rem;}
.greetings01 p:nth-of-type(3) {font-size:1rem;}
.greetings01 p:nth-of-type(4) {font-family:'NotoSans'; font-size:0.75rem; color:#afafaf; text-transform:uppercase;}
.greetings02 {position:relative; overflow:hidden; margin-bottom: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:'SCDream'; font-weight:400; text-align:right;}
.greetings02 .text p.sign span {position:relative; display:inline-block; text-indent:-9999px; width:118px; height:32px;}
.greetings02 .text p.sign span:after {content:''; position:absolute; right:0; top:0; background:url('/images/web/kodit/sub/ceoSign_ChoiWM.jpg'); width:118px; height:32px;}
.greetings03.wide-bg {background-image:url('/images/web/kodit/sub/img_0101_01_04.jpg'), linear-gradient(to right, #f6ffe1, #c2e7fe); background-repeat:no-repeat !important; background-position:right bottom, left top;}
.greetings03 .container {overflow:hidden; padding-left:5rem;}
.greetings03 .ico {position:absolute; left:0; top:0; width:3rem; height:3rem;}
.greetings03 .ico img {width:100%;}
.greetings03 .text {float:left;}
.greetings03 .btn_L {float:right; width:15%;}
.greetings03 .btn_L a {display:inline-block; background:#2f9bd6; color:#fff; width:100%; padding:0.75rem 1rem; border-radius:1.5rem;}
.greetings03 .btn_L a:hover {background:#005584;}
.greetings03 .btn_L a i {float:right; line-height:1.6; margin-left:1rem;}

@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;}
	.greetings03.wide-bg {background-size:cover;}
	.greetings03 .btn_L {float:left; margin-top:0.5rem; width:100%;}
	.greetings03 .btn_L 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;}
	.greetings03 {min-height:auto; padding:1.5rem 0;}
	.greetings03 .container {padding-left:0;}
	.greetings03 .ico {display:none;}
}

@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;}
}

@media screen and (max-width :640px) {
	.greetings01 .img {width:100%;}
	.greetings01 .text {width:100%; margin-top:0.5rem;}
}

/*이사장 프로필*/
.COB {overflow:hidden; position:relative;}
.COB * {font-family:'SCDream';}
.COB .wide-bg:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; /* height:100%; */ background:#f2faff;}
.COB .COB_wrap {position:relative; width:49%; min-height:auto; float:left;}
.COB .img img {max-width:100%;}
.COB01 {position:relative; margin-top:1rem;}
.COB01:before {content:''; display:block; width:70px; height:50px; position:absolute; top:0; right:0; background:url('/images/web/kodit/sub/logo_w380.png') no-repeat; background-size:100% auto; z-index:0;}
.COB01 dt {text-indent:-9999px; height:0;}
.COB01 dd {display:block; position:relative; z-index:1;}
.COB01 dd:nth-of-type(2) {font-size:1.5rem; word-break:keep-all;}
.COB01 dd:nth-of-type(3) {font-size:2.5rem; margin-bottom:1.5rem;}
.COB01 dd:nth-of-type(4) img {Width:100%;}
.COB_profile {width:46%; min-height:150px; margin-top:0; overflow:hidden; float:right;}
.COB_profile > li {position:relative; width:100%; float:left; border-top:1px solid #bdcbd5;}
.COB_profile > li span {position:absolute; right:1rem; top:-0.5rem; font-size:3.5rem; font-weight:900; color:#f3f3f3;}
.COB_profile > li h3 {position:relative; padding-top:0.8rem; font-weight:bold; margin-bottom:0.2rem; font-size:1.3rem;}
.COB_profile > li h3:before {content:''; position:absolute; top:-2px; left:0; width:50px; height:3px; background:#0083cb;}
.COB_profile > li ul {margin-bottom:1rem; font-weight:500;}
.COB .container > img {position:absolute; top:0; right:0; width:40%;}

@media screen and (max-width :1200px) {
	.COB01:before {display:none;}
	.COB .wide-bg:before {display:none;}
	.COB .container > img {padding-top:0;}
}

@media screen and (max-width :768px) {
	.COB01 {width:100%; overflow:hidden;}
	.COB01 dd:nth-of-type(4) {position:absolute; top:0; right:0; width:45%;}
	.COB_profile {min-height:500px;}
	.COB .container > img {top:auto; bottom:0; position:absolute;}
	.COB .container > img {padding-top:0;}
	.COB_profile > li span {font-size:2rem;}
}

@media screen and (max-width :480px) {
	.COB .COB_wrap {width:100%;}
	.COB_profile {width:100%; margin-top:1rem;}
	.COB01 dd:nth-of-type(3) {font-size:2rem;}
}

@media screen and (max-width :414px) {
	.COB01 dd:nth-of-type(4) {position:relative; width:100%;}
	.COB01 dd:nth-of-type(3) {margin-bottom:0.5rem;}
	.COB_profile {min-height:auto;}
	.COB_profile > li {width:100%;}
	.COB_profile > li span {top:0;}
	.COB .container > img {width:100%; position:relative; bottom:auto;}
}

/*경영방침*/
.businessPolicies.wide-section {margin-bottom:3rem;}
.businessPolicies01 {text-align:Center; min-height:650px;}
.businessPolicies01.wide-bg {min-height:650px; padding-top:3rem; background-image:url('/images/web/kodit/sub/img_0101_05_02.png'), url('/images/web/kodit/sub/img_0101_05_01.jpg'); background-repeat:no-repeat, no-repeat; background-position:center bottom, center top;}
.businessPolicies01 p {font-family:'SCDream'; font-weight:400; text-align:center; font-size:2.75em;}
.businessPolicies01 p span {font-weight:bold;}
.businessPolicies01 p span:nth-of-type(1) {color:#0083cb}
.businessPolicies01 p span:nth-of-type(2) {color:#55a400}
.businessPolicies02 {position:relative; overflow:hidden; word-break:keep-all;}
.businessPolicies02 dl {width:49%; margin-right:2%; float:left; margin-bottom:2rem;}
.businessPolicies02 dl:nth-of-type(2n) {margin-right:0;}
.businessPolicies02 dl:nth-of-type(3),
.businessPolicies02 dl:nth-of-type(4) {margin-bottom:0;}
.businessPolicies02 dl dt {margin-bottom:2rem;}
.businessPolicies02 dl dt img {width:100%;}
.businessPolicies02 dl dd {position:relative; padding-left:1.5rem; box-sizing:border-box;}
.businessPolicies02 dl dd:before {content:''; position:absolute; left:0; top:0; width:3px; height:100%; background:#0083cb;}
.businessPolicies02 dl dd:nth-of-type(1) {font-family:'SCDream'; font-weight:400; font-size:1.3rem; padding-bottom:0.5rem;}
.businessPolicies02 dl dd span {font-weight:bold;}

@media screen and (max-width :1023px) {
	.businessPolicies01 {min-height:400px;}
	.businessPolicies01.wide-bg {min-height:400px; background-size:70%, cover;}
}

@media screen and (max-width :768px) {
	.businessPolicies01 {min-height:350px;}
}

@media screen and (max-width :640px) {
	.businessPolicies01 {min-height:300px;}
}

@media screen and (max-width :480px) {
	.businessPolicies01 {min-height:350px;}
	.businessPolicies01.wide-bg {min-height:350px;}
	.businessPolicies01 p {width:220px; margin:0 auto;}
	.businessPolicies02 dl {width:100%; margin-right:0;}
	.businessPolicies02 dl:nth-of-type(3) {margin-bottom:2rem;}
}

/*역대이사장*/
.formerCOB * {font-family:'SCDream'; font-weight:bold !important;}
.formerCOB .formerCOB02 {overflow:hidden;}
.formerCOB .formerCOB02 dl {float:left; width:23%; margin-right:2.666%; position:relative; padding:1.5rem; border:1px solid #d2d2d2; text-align:center; margin-top:1rem; overflow:hidden;}
.formerCOB .formerCOB02 dl:nth-of-type(4n) {margin-right:0;}
.formerCOB .formerCOB02 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; */}
.formerCOB .formerCOB02 dl:after {content:""; position:absolute; left:0; bottom:-30px; width:140px; height:70px; background:url('/images/web/kodit/sub/logo_w380.png') no-repeat; background-size:140px; opacity:0.1;}
.formerCOB .formerCOB02 dl dt {width:100%; color:#fff; background:#0958a5; padding:0.5rem; margin-bottom:1.5rem; font-weight:bold;}
.formerCOB .formerCOB02 dl dd:nth-of-type(2) {font-size:1.2rem; font-weight:bold; padding:0.7rem 0 0.3rem;}
.formerCOB .formerCOB02 dl dd:nth-of-type(3) {font-size:0.75rem;}
.formerCOB .formerCOB02 dl dd span.chn_name{position:relative}
.formerCOB .formerCOB02 dl dd span.chn_name img{width:auto; height:24px; position:relative; top:-2px}/*역대이사장 한자이름 모바일크기 조정*/

@media screen and (max-width :1400px) {
	.formerCOB .formerCOB02 dl {width:22%; margin-right:4%;}
	.formerCOB .formerCOB02 dl:nth-of-type(4n) {margin-right:0;}
}

@media screen and (max-width :1023px) {
	.formerCOB .formerCOB02 dl {width:32%; margin-right:2%;}
	.formerCOB .formerCOB02 dl:nth-of-type(4n) {margin-right:2%;}
	.formerCOB .formerCOB02 dl:nth-of-type(3n) {margin-right:0 !important;}
}

@media screen and (max-width :640px) {
	.formerCOB .formerCOB02 dl {width:49%; margin-right:2%;}
	.formerCOB .formerCOB02 dl:nth-of-type(3n) {margin-right:2% !important;}
	.formerCOB .formerCOB02 dl:nth-of-type(2n) {margin-right:0 !important;}
}

@media screen and (max-width :414px) {
	.formerCOB .formerCOB02 dl {margin-top:1rem;}
	.formerCOB .formerCOB02 dl dd img {width:80%;}
	.formerCOB .formerCOB02 dl dd span.chn_name img{width:auto} /*역대이사장 한자이름 모바일크기 조정*/
}
/*역대이사장 active*/
.formerCOB .formerCOB02 dl:hover {border:1px solid #0958a5; box-shadow:3px 0px 10px rgba(9, 88, 165, 0.35); animation-duration:10s;}
.formerCOB .formerCOB02 dl:hover:before {display:none;}

/*개요및연혁*/
.history01.wide-bg {padding:3rem 0; text-align:center; font-family:'SCDream'; font-weight:400; background:url('/images/web/kodit/sub/logo_465_01.png') no-repeat right 10rem; word-break:keep-all;}
.history01 dt {font-size:1.7rem; margin-bottom:1.5rem;}
.history01 dd:nth-of-type(1) {font-size:0.95rem; margin-bottom:1rem;}
.history01 dd ul {overflow:hidden;}
.history01 dd ul li {position:relative; display:inline-block; width:25%; margin:0 1.8%; border-bottom:1px solid #0083cb; padding:1.8rem 1.8rem 1rem;}
.history01 dd ul li:before {content:''; width:4.35rem; height:4.35rem; display:block; margin:0 auto 1rem; background-size:contain;}
.history01 dd ul li:nth-of-type(1):before {background-image:url('/images/web/kodit/sub/img_0102_01_01.png');}
.history01 dd ul li:nth-of-type(2):before {background-image:url('/images/web/kodit/sub/img_0102_01_02.png');}
.history01 dd ul li:nth-of-type(3):before {background-image:url('/images/web/kodit/sub/img_0102_01_03.png');}
.history01 dd ul li span {font-weight:bold; display:block;}
.history02.wide-bg {min-height:24rem; background:url('/images/web/kodit/sub/img_0102_01_04.jpg') no-repeat center top;}
.history02 .tit {width:100%; text-align:center; color:#fff;}
.history02 .tit h3 {font-size:1.7rem; padding:4rem 0 1rem;}
.history02 .tit p {font-size:1.8rem; font-weight:200; margin-bottom:0.5rem;}
.history02 .tit:after {content:''; display:block; position:absolute; width:3px; height:80px; background:#000; bottom:-200px; left:50%; margin-left:-1px;}
.history03.wide-bg {background:url('/images/web/kodit/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:'SCDream'; color:#767676; 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;}
}

/*경영진*/
.oner {font-family:'SCDream'; font-weight:400;}
.oner .oner01 {position:relative; overflow:hidden; margin:0 0 2.5rem;}
.oner .oner01:before {content:''; display:block; position:absolute; right:0; top:0; width:75%; height:100%; background:#f5f5f5;}
.oner .oner01:after {content:''; display:block; position:absolute; right:0; bottom:-5.4rem; width:32.95rem; height:16.05rem; background:url('/images/web/kodit/sub/img_0102_02_01_1_02.png') no-repeat; background-size:100%;}
.oner .oner01 .container {padding:4rem 0;}
.oner .oner01 img {position:relative; float:left; width:35%; margin-right:5%;}
.oner .oner01 div.master {position:relative; float:right; width:60%;}
.oner .oner01 div > p {font-size:2rem; margin-bottom:3rem;}
.oner .oner01 div > ul p, .oner .oner01 div > ul ul {float:left;}
.oner .oner01 div > ul p {font-size:1.4rem; width:145px; font-weight:700;}
.oner .oner01 div > ul > li {overflow:hidden; margin-bottom:2rem;}
.oner .oner01 div > ul ul {width:calc(100% - 145px); margin-top:0.4rem;}
.oner .oner01 div > ul ul li {font-size:0.9rem; padding-left:1rem; padding-bottom:0.5rem; position:relative;}
.oner .oner01 div > ul ul li:before {content:''; position:absolute; left:0; display:block; width:2px; height:100%; background:#0083cb;}
.oner .oner01 div > ul ul li span {font-weight:600;}
.profile_director {overflow:hidden;}
.profile_director dl {width:18%; margin-right:2.5%; float:left; position:relative; padding:1rem; border:1px solid #d2d2d2; text-align:center;}
.profile_director dl:nth-of-type(6n),
.profile_director dl:nth-of-type(7n),
.profile_director dl:nth-of-type(8n) {margin-top:1rem !important;}
.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.9rem; font-weight:bold; padding:0 0 0.3rem; position:relative; z-index:1;}
.profile_director dl dd span {font-size:1.1rem; padding-right:0.3rem;}
.profile02 {min-height:auto !important;}
.profile {width:46%; min-height:150px; margin-top:0; overflow:hidden; /*float:right;*/}
.profile > li {position:relative; width:100%; float:left; border-top:1px solid #bdcbd5;}
.profile > li span {position:absolute; right:1rem; top:-0.5rem; font-size:3.5rem; font-weight:900; color:#f3f3f3;}
.profile > li h3 {position:relative; padding-top:0.8rem; font-weight:bold; margin-bottom:0.2rem; font-size:1.3rem;}
.profile > li h3:before {content:''; position:absolute; top:-2px; left:0; width:50px; height:3px; background:#0083cb;}
.profile > li ul {margin-bottom:1rem; font-weight:500;}
/*텍스트 떨어짐 수정 2024-07-05*/
.profile > li ul li{display:flex; gap:10px; word-break:keep-all}
.profile > li ul li > p{flex-shrink:0}
@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;}
}
@media screen and (max-width:1200px) {
	.oner .oner01:after {width:200px; height:97px; background-size:100%; bottom:0; left:0;}
	.oner .oner01 div > p span {display:block;}
	.oner .oner01 div > ul ul {width:100%;}
	.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;}
	.profile_director dl:nth-of-type(4n), .profile_director dl:nth-of-type(5n){margin-top:1rem !important;}
	.modal .container {padding:1rem 0;}/* 모달창 */
}

@media screen and (max-width:768px) {
	.oner .oner01 div > p {font-size:1.6rem;}
	.profile_director dl {padding:0.5rem;}
	.profile {min-height:500px;}
	.profile > li span {font-size:2rem;}
}

@media screen and (max-width:480px) {
	.profile_director dl {width:49%; margin-right:2%;}
	.profile_director dl:nth-of-type(3n) {margin-right:2%;}
	.profile_director dl:nth-of-type(2n) {margin-right:0;}
	.profile_director dl:nth-of-type(3n) {margin-top:1rem !important;}
	.modal {top:6rem;} /* 모달창 */
	.profile {width:100%; margin-top:1rem;}
}

@media screen and (max-width:414px) {
	.oner .oner01 .container {padding:2rem 0;}
	.oner .oner01:before {width:100%;}
	.oner .oner01:after {width:200px; height:65px; bottom:0;}
	.oner .oner01 img {Width:60%; margin:0 20%;}
	.oner .oner01 div.master {width:100%;}
	.oner .oner01 div > p {text-align:center; padding-top:1rem; margin-bottom:1.5rem;}
	.profile {min-height:auto;}
	.profile > li {width:100%;}
	.profile > li span {top:0;}
}

.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/kodit/sub/logo_w380.png') no-repeat right bottom; background-size:100%; width:11.5rem; height:5.65rem;}
.modal_profile .profile01 img {width:30%;}
.modal_profile .profile01 ul {float:right; width:65%;}
.modal_profile .profile01 li {overflow:hidden;}
.modal_profile .profile01 li:nth-of-type(1) {font-size:1rem; border-bottom:1px solid #ccc; padding-bottom:1rem; margin-bottom:1.25rem;}
.modal_profile .profile01 li:nth-of-type(1) span {font-family:'SCDream'; font-size:1.4rem; font-weight:700;}
.modal_profile .profile01 li:nth-of-type(2) *,
.modal_profile .profile01 li:nth-of-type(3) *{overflow:hidden; margin-bottom:0.5rem; display:inline-block; float:left; padding:0.5rem 0;}
.modal_profile .profile01 li:nth-of-type(2) span,
.modal_profile .profile01 li:nth-of-type(3) span{width:5.5rem; background:#55a400; border-radius:1.5rem; text-align:center; color:#fff; font-size:0.9rem; font-family:'SCDream'; font-weight:600;}
.modal_profile .profile01 li:nth-of-type(2) p,
.modal_profile .profile01 li:nth-of-type(3) p{width:calc(100% - 5.5rem); padding-left:1rem;}
.modal_profile .profile > li {width:50%; border-top:none;}
.modal_profile .profile > li h3:before {background:#55a400; top:auto; bottom:-2px;}
.modal_profile .profile > li h3 {font-size:1rem; border-bottom:1px solid #bdcbd5; padding-top:0; padding-bottom:0.5rem;}
.modal_profile .profile > li p {font-weight:700; display:inline-block;}

@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;}

}
/*조직 및 직원안내*/
.organ {position:relative; font-family:'SCDream'; font-weight:600;}
.organ01.wide-bg {background:#eaf7ff; padding:0 !important;}
.organ01 li {float:left; width:19rem; height:9.75rem; border-radius:5rem; background:rgba(101, 196, 255, .5); text-align:center; padding-top:2rem;}
.organ01 li:nth-of-type(2) {position:relative; left:-2rem; background:rgba(144, 216, 65, .5);}
.organ01 li span {display:block; font-size:1.4rem; font-weight:700; margin-bottom:0.5rem; color:#003c62;}
.organ01 li:nth-of-type(2) span {color:#005d12 !important;}
.organ01 .container {padding:3rem; background:url('/images/web/kodit/sub/img_0102_03_01_01.png') no-repeat right bottom; overflow:hidden;}
.organ02.container {/*background:url('/images/web/kodit/sub/img_0102_03_01_02.png') no-repeat left 25%; */ /*padding-bottom:12rem; */ margin:3rem auto; position:relative; overflow:hidden;}
.organ02.container:before {/*content:''; display:block; position:absolute; width:1px; height:50rem; left:50%; margin-left:-0.5px; top:18.4rem; background:#ccc; z-index:0; */}
.organ02 span {position:relative; display:block; width:13.5rem; padding:1rem 0.5rem; font-size:1rem; border:3px solid #ccc; margin:0.5rem auto 0; background:#fff;}
.organ02 .small span {font-size:0.9rem; color:#666; z-index:1;}
.organ-g1 {text-align:center;}
/*이사장*/
.organ-g1-1 {display:block; position:relative; width:10rem !important; height:10rem; padding-top:2.5rem !important; font-size:1.4rem !important; border-radius:50%; background:linear-gradient(to right, #55a400, #007bc7) !important; color:#fff !important; text-align:center; margin:0 auto; border:none !important;}
.organ-g1-1:before {content:''; position:absolute; display:block; bottom:-4rem; left:50%; margin-left:-0.5px; width:1px; height:3rem; background:#ccc;}
.organ-g1-1:after {content:''; position:absolute; display:block; bottom:-0.7rem; left:50%; margin-left:-3px; width:6px; height:6px; background:#0c9b90;}
/*전무이사*/
.ogran-g1-2 {margin:0 auto; border-color:#0083cb !important; margin-top:3.2rem !important;}
.ogran-g1-2:after {content:''; position:absolute; display:block; bottom:-1rem; left:50%; margin-left:-3px; width:6px; height:6px; background:#0083cb !important;}
/*경영기획부문~경영지원부문*/
.ogran-g1-3 {position:relative; margin-top:24rem; overflow:hidden; padding-top:3rem;}
.ogran-g1-3:before {content:''; position:absolute; display:block; top:2px; width:75%; left:50%; margin-left:-37.5%; height:1px; background:#ccc;}
.ogran-g1-3 > li {width:25%; float:left;}
.ogran-g1-3 > li > span {border-color:#525252; margin-top:0;}
.ogran-g1-3 > li > span:before {content:''; position:absolute; display:block; top:-3rem; left:50%; margin-left:-0.5px; width:1px; height:2rem; background:#ccc;}
.ogran-g1-3 > li > span:after {content:''; position:absolute; display:block; top:-1rem; left:50%; margin-left:-3px; width:6px; height:6px; background:#525252;}
/*이사회,운영위원회*/
.organ-g2 {position:absolute; top:2rem; left:10%;}
.organ-g3 {position:absolute; top:2rem; left:auto; right:10%;}
.organ-g2-1, .organ-g3-1 {background:#0070ad !important; color:#fff !important; border:none !important;}
.organ-g3-1 {background:#0c9b90 !important;}
/*감사,감사실*/
.organ-g4 {position:absolute; right:10%; top:8rem;}
.organ-g4:before {content:''; position:absolute; display:block; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ccc;}
.organ-g4-1 {border-color:#6a88fa !important; margin-top:0 !important;}
/*미래전략실~비서실*/
.organ-g5 {position:absolute; right:10%; top:19rem;}
.organ-g5:before {content:''; position:absolute; display:block; left:-14.5rem; top:50%; margin-left:-0.5px; height:1px; width:79.5%; background:#ccc;}
.organ-g5-1:before {content:''; position:absolute; display:block; left:-3.8rem; top:2.4rem; margin-left:-0.5px; width:1px; height:13.25rem; background:#ccc;}
.organ-g5-1 span {border-color:#55a400 !important;}
.organ-g5-1 span:before {content:''; position:absolute; display:block; left:-3.9rem; top:50%; margin-left:-0.5px; height:1px; width:3rem; background:#ccc;}
.organ-g5-1 span:after {content:''; position:absolute; display:block; left:-1rem; top:50%; margin-top:-3px; width:6px; height:6px; background:#55a400;}
/*.organ-g5-1 li:first-child span {margin-top:0 !important;}*/
/*영업본부*/
.organ-g1-g2 {position:absolute; bottom:0; left:50%; margin-left:-6.75rem;}
.organ-g1-g2 > span {border-color:#f42153; margin-top:0;}
.organ-g1-g2 > span:after {content:''; position:absolute; display:block; top:-1rem; left:50%; margin-left:-3px; width:6px; height:6px; background:#f42153;}

@media screen and (max-width:1400px) {
	.organ-g2 {left:0;}
	.organ-g3 {right:0;}
	.organ-g4 {right:0;}
	.organ-g5 {right:0;}
	.organ-g5:before {display:none;}
	.organ01 .container {background-size:40%;}
}

@media screen and (max-width:1023px) {
	.organ02 span {width:11rem;}
	.organ-g1-g2 {margin-left:-5.5rem;}
	.organ01 .container {background-image:none;}
	.organ01 {text-align:center;}
	.organ01 li {float:none; display:inline-block;}
	.organ01 .container {padding:3rem 0rem;}
}

@media screen and (max-width:880px) {
	.organ02 span {width:10rem;}
	.organ-g1-g2 {margin-left:-5rem;}
}

@media screen and (max-width:768px) {
	.organ02.container {/*padding-bottom:35rem; */}
	.organ-g1-1 {border-radius:0; padding-top:1rem !important; height:auto !important;}
	.organ-g2, .organ-g3, .organ-g4, .organ-g5 {position:relative; top:0;}
	.ogran-g1-3 {margin-top:0;}
	.ogran-g1-3 > li {width:100%;}
	.ogran-g1-3 > li > span, .ogran-g1-3 > li > ul {display:inline-block; float:left;}
	.ogran-g1-3 > li > span {width:24% !important; margin:0.5rem 1% 0 0 !important;}
	.ogran-g1-3 > li > ul {width:75%;}
	.ogran-g1-3 > li > ul > li {float:left; width:24%; margin-right:1.333%; 	}
	.ogran-g1-3 > li > ul > li:nth-of-type(4n) {margin-right:0;}
	.organ02 span {margin:0.5rem auto 0 !important; font-size:1rem !important; width:auto !important;}
	.organ02:before, .organ02 *:after, .organ02 *:before {display:none !important;}
	.ogran-g1-3 {padding-top:0;}
	.organ-g1-g2 {position:relative; top:auto; left:auto; bottom:auto; right:auto; margin-left:0;}
	.organ02.container {background:none;}
	.organ-g1-g0 {position:absolute; top:41rem;}
}

@media screen and (max-width:680px) {
	.ogran-g1-3 > li > span {margin:0.5rem 0 0 !important; width:100% !important;}
	.ogran-g1-3 > li > ul {width:100% !important;}
	.organ-g1-1 {height:auto; padding-top:1rem !important; border-radius:0;}
	.organ02.container {/*padding-bottom:50rem; */}
	.organ01 li {margin-bottom:1rem;}
	.organ01 li:nth-of-type(2) {left:0;}
}

@media screen and (max-width:640px) {
	.organ01 li {width:70%;}
}

@media screen and (max-width:540px) {
	.organ02.container {/*padding-bottom:70rem; */	}
	.ogran-g1-3 > li > ul > li {width:49.5%; margin-right:1%;}
	.ogran-g1-3 > li > ul > li:nth-of-type(2n) {margin-right:0;}
	.organ01 li {width:100%;}
}

/*미션*/
.mission {position:relative;}
.mission01 {overflow:hidden;}
.mission01.wide-bg {padding:0 !important;}
.mission01.wide-bg:before, .mission01.wide-bg:after {content:''; display:block; position:absolute; background-repeat:no-repeat;}
.mission01.wide-bg:before {left:-100px; bottom:0px; width:292px; height:292px; background-image:url('/images/web/kodit/sub/bg_gd_292.png');}
.mission01.wide-bg:after {right:10%; top:100px; width:156px; height:156px; background-image:url('/images/web/kodit/sub/bg_gd_156.png');}
.mission01 .container:before {content:''; position:absolute; display:block; left:0; top:0; width:55.35rem; height:24.65rem; background-image:url('/images/web/kodit/sub/img_0103_02_01.jpg'); z-index:0; background-size:100%; background-repeat:no-repeat;}
.mission01 dl {position:relative; width:31rem; background:#0083cb; color:#fff; float:right; margin-top:13rem; padding:4rem 2.5rem; text-align:center;}
.mission01 dl.green {background:#55a400;}
.mission01 dl:before {content:''; display:block; position:absolute; top:-100px; right:-100px; width:208px; height:208px; background:url('/images/web/kodit/sub/img_0103_02_02.png') no-repeat center;}
.mission01 dt {font-size:1.5rem; font-weight:800;}
.mission01 dt.SCDream {font-family:'SCDream'; font-weight:700;}
.mission01 dt:after {content:''; position:relative; background:#fff; display:block; width:22px; height:5px; left:50%; margin-left:-11px; margin-top:1rem; margin-bottom:1rem;}
.mission01 dd {font-size:0.9rem; word-break:keep-all;}
.mission02 {text-align:center; margin-top:1rem;}
.mission02 h3 {display:inline-block; padding:0.5rem;}
.mission02 h3:before {content:''; display:block; position:absolute; left:-0.025rem; bottom:0; background:rgba(0, 131, 203, 0.2); width:100%; height:20px; border-radius:9.5px; z-index:0;}
.mission02 p {font-size:1rem;}
.mission03 {border:1px solid #ccc; text-align:center; margin-top:120px !important; padding:2rem;}
.mission03-1 {position:relative; top:-6rem; margin:0 auto; display:inline-block; border:2px solid #0083cb; background:#fff; border-radius:5rem; padding:2rem 5rem;}
.mission03-1:before, .mission03-1:after {content:''; display:block; position:absolute; top:50%; margin-top:-11px; width:19px; height:22px; background:url('/images/web/kodit/sub/img_0103_02_03.png') no-repeat center;}
.mission03-1:before {left:-9.5px;}
.mission03-1:after {right:-9.5px;}
.mission03-1 h3 {color:#007bc7;}
.mission03-1 p {font-size:1.25rem;}
.mission03-2 {position:relative; top:-3rem;}
.mission03-2 dl {position:relative; width:28.55rem; height:24.85rem; margin:0 auto; font-family:"SCDream"; font-weight:400;}
.mission03-2 dl:before {content:''; position:absolute; bottom:0.75rem; left:50%; margin-left:-9.5rem; display:block; width:19rem; height:19rem; border-radius:9.5rem; border:1px dashed #ccc; z-index:0;}
.mission03-2 dl:after {content:''; position:absolute; bottom:0; left:50%; margin-left:-10.25rem; display:block; width:20.5rem; height:20.5rem; border-radius:10.25rem; border:1px solid #7dd1ff; z-index:0;}
.mission03-2 dt {position:absolute; top:13.5rem; width:100%; text-align:center; font-size:1.1rem; font-weight:700;}
.mission03-2 dd {position:absolute; width:10rem; height:10rem; border-radius:5rem; background:#007bc7; color:#fff; z-index:1;}
.mission03-2 dd:nth-of-type(1) {top:0; left:50%; margin-left:-5rem;}
.mission03-2 dd:nth-of-type(2) {left:0; bottom:0; background-color:#1e4d68;}
.mission03-2 dd:nth-of-type(3) {right:0; bottom:0; background-color:#1fa199}
.mission03-2 dd img, .mission03-2 dd em {display:block; margin:2rem auto;}
.mission03-2 dd em {font-size:1rem; font-weight:bold;}
.mission03-2 p {position:relative; display:block; background:#f5f5f5; padding:2rem 4rem; margin-bottom:0rem; font-family:"SCDream"; font-weight:bold; font-size:1rem;}


@media screen and (max-width:1600px) {
	.mission01.wide-bg:before,
	.mission01.wide-bg:after,
	.mission01 dl:before {display:none;}
	.mission01 .container:before, .mission01 dl {width:100%; padding:2rem;}
	.mission01 .container:before {display:none;}
	.mission01 dl {margin-top:0;}
}

@media screen and (max-width:768px) {
	.mission02 p br {display:none;}
	.mission03 {border:none; padding:0; margin-top:2rem !important;}
	.mission03-1 {top:0; margin-bottom:1rem;}
	.mission03-2 {top:0;}
	.mission03-2 p {padding:2rem;}
}

@media screen and (max-width:570px) {
	.mission03 {margin-top:0 !important; 	}
	.mission03-1 {top:0; margin:2rem 0;}
	.mission03-1 p {font-size:1rem;}
	.mission03-2 dl {width:100%; height:auto;}
	.mission03-2 dt, .mission03-2 dd {position:relative; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; margin-left:auto !important;}
	.mission03-2 dd {display:inline-block; width:32%; border-radius:0; vertical-align:top;}
	.mission03-2 dl:before, .mission03-2 dl:after {display:none;}
	.mission03-2 dt {margin-bottom:1rem;}
	.mission03-2 p:before {width:100%; margin-left:-50%;}
	.mission03-2 dd {height:auto;}
}

@media screen and (max-width:480px) {
	.mission03-1 {padding:1rem;}
	.mission03-2 p {width:100%;}
}

/*윤리경영*/
.sub0602_01 .mission01 .container:before {background-image:url('/images/web/kodit/sub/img_0602_01-1.jpg');}

/*인권경영*/
.sub0603_01 .mission01 .container:before {background-image:url('/images/web/kodit/sub/img_0603_01-1.jpg');}

/*스타트업지원 업무_업무 개요*/
.sub0206_01 .mission01 .container:before {background-image:url('/images/web/kodit/sub/img_0206_01-1.jpg');}

/*비전 (미션 +) */
.vision .mission01 .container:before {background-image:url('/images/web/kodit/sub/img_0103_03_01.jpg');}
.vision .mission01 dl {background:#55a400;}
.vision .mission03-1 {border-color:#55a400;}
.vision .mission03-1:before, .vision .mission03-1:after {background:url('/images/web/kodit/sub/img_0103_03_02.png') no-repeat center;}
.vision .mission03-1 h3 {color:#55a400;}
.vision .mission03-2 dl:after {border:1px solid #55a400;}
.vision .mission03-2 dd:nth-of-type(2) {background:#55a400;}
.vision .mission03-2 dd:nth-of-type(3) {background:#e35e00;}
.mission03-3 {overflow:hidden; padding-top:7px;}
.mission03-3 li {position:relative; float:left; width:23%; margin-right:2.666%; border:3px solid #d2d2d2; padding:1rem;}
.mission03-3 li:nth-of-type(4n) {margin-right:0; padding:1rem;}
.mission03-3 li:before {content:''; display:block; position:absolute; width:16px; height:16px; border-radius:50%; background:rgba(0, 131, 203, .4); left:50%; margin-left:-8px; top:-10px;}
.mission03-3 li:after {content:''; display:block; position:absolute; width:10px; height:10px; border-radius:50%; background:rgba(0, 131, 203, 1); left:50%; margin-left:-5px; top:-7px;}
.mission03-3 span, .mission03-3 dt {font-family:'SCDream'; font-weight:400;}
.mission03-3 span em {display:inline-block; padding-right:0.4rem; font-weight:bold; font-size:1.2rem;}
.mission03-3 dt {position:relative; top:0.5rem; width:90%; margin:0 auto; border-radius:1.5rem; padding:0.7rem 0; background:#2b5e7b; color:#fff; font-weight:bold; overflow:hidden;}
.mission03-3 dd {Background:#f5f5f5; padding:1.5rem .5rem; word-break:keep-all; min-height:170px;}
.mission03-3 dt:before, .mission03-3 dt:after {content:''; display:block; position:absolute; background-repeat:no-repeat;}
.mission03-3 dt:before {width:135px; height:210px; background-image:url('/images/web/kodit/sub/img_0103_03_05.png'); top:-83px; left:-36px;}
.mission03-3 dt:after {width:114px; height:114px; background-image:url('/images/web/kodit/sub/img_0103_03_06.png'); top:0; right:-70px;}
.mission03-3 li:nth-of-type(2) dt {background-color:#55a400;}
.mission03-3 li:nth-of-type(3) dt {background-color:#007df2;}
.mission03-3 li:nth-of-type(4) dt {background-color:#e35e00;}

@media screen and (max-width:1023px) {
	.mission03-3 li {width:49%; margin-right:2%; margin-bottom:10px;}
	.mission03-3 li:nth-of-type(2n) {margin-right:0;}
	.mission03-3 dd {min-height:120px;}
}

@media screen and (max-width:480px) {
	.mission03-3 li {width:100%; margin-right:0;}
	.mission03-3 dd {min-height:auto;}
}

/*핵심가치*/
.value .wide-bg {padding:0.5rem 0;}
.value01:before {content:''; display:inline-block; position:absolute; bottom:0; margin:0 auto; width:100%; height:5rem; background:url('/images/web/kodit/sub/img0103_04_01.png') no-repeat center top; z-index:0; background-size:contain;}
.value01 p {position:relative; font-size:1.6rem; font-family:'SCDream'; font-weight:400; text-align:center; padding:0 2rem 5rem;}
.value02 dl {overflow:hidden;}
.value02 dt {position:relative; display:inline-block; float:left; width:45%;}
.value02 dt:before {content:''; display:inline-block; position:absolute; right:-1rem; bottom:-1rem; background:linear-gradient(to right, #f6ffe1, #c2e7fe); margin:0 auto; width:100%; height:100%; z-index:0;}
.value02 dt img {position:relative; width:100%;}
.value02 dd {display:inline-block; float:right; width:45%;}
.value02 .wide-bg:nth-of-type(2n):before {content:''; display:block; position:absolute; background-repeat:no-repeat; left:5%; top:100px; width:292px; height:292px; background-image:url('/images/web/kodit/sub/bg_gd_292.png');}
.value02 .wide-bg:nth-of-type(2n) dt {float:right;}
.value02 .wide-bg:nth-of-type(2n) dd {float:left; padding-left:4%;}
.value02 dd p:nth-of-type(1) {position:relative; font-family:'SCDream'; font-weight:400; font-size:1.2rem; margin:4rem 0 1rem; padding-bottom:0.5rem;}
.value02 dd p:nth-of-type(1):before {content:''; display:block; position:absolute; width:17rem; height:2px; left:-6rem; bottom:0; background:#0083cb;}
.value02 .wide-bg:nth-of-type(2n) dd p:nth-of-type(1):before {left:0;}
.value02 dd p:nth-of-type(1) span {color:#004267; padding-right:0.2rem; font-size:1.7rem; font-weight:bold;}
.value02 dd p:nth-of-type(2) {font-size:1rem; word-break:keep-all;}

@media screen and (max-width:1600px) {
	.value02 dt:before, .value02 .wide-bg:nth-of-type(2n):before {display:none;}
}

@media screen and (max-width:768px) {
	.value01 p br {display:none;}
	.value02 dl {margin-bottom:3rem;}
	.value02 dd p:nth-of-type(1) {margin-top:2rem;}
	.value02 dd p:nth-of-type(1):before {left:0;}
	.value02 .wide-bg:nth-of-type(2n) dd {padding-left:0;}
}

@media screen and (max-width:480px) {
	.value02 dt, .value02 dd {float:none; width:100%;}
	.value02 dd p:nth-of-type(1):before {width:100%;}
	.value01 p {padding:0 0.5rem 2rem; font-size:1.25rem;}
	.value02 dd p:nth-of-type(1) span {font-size:1.2rem;}
	.value02 dl {margin-bottom:0;}
}

/*경영전략  >  경영방침*/
.strategy.businessPolicies02 h3 {margin-bottom:5rem;}
.strategy.businessPolicies02:before {content:''; display:inline-block; position:absolute; top:1rem; margin:0 auto; width:100%; height:5rem; background:url('/images/web/kodit/sub/img_0103_05_01.png') no-repeat center top;}

@media screen and (max-width:1023px) {
	.strategy.businessPolicies02 h3 {margin-bottom:3rem;}
	.strategy.businessPolicies02:before {background-size:90%;}
}

/*경영환경 모니터링시스템*/
.qm {display:block; margin:0 auto 1rem; text-align:center; font-size:1.4rem; font-family:'SCDream'; font-weight:400; word-break:keep-all;}
.qm span {font-weight:bold;}
.qm:before, .qm:after {content:''; display:inline-block; width:1.8rem; height:1.45rem; background-repeat:no-repeat; margin:1rem; background-size:contain;}
.qm:before {background-image:url('/images/web/kodit/sub/qm_before.png');}
.qm:after {background-image:url('/images/web/kodit/sub/qm_after.png');}

@media screen and (max-width:1023px) {
	.qm:before, .qm:after {display:none;}
}
.monitering_sys .monitering_sys01_circle {min-height:600px;}
.monitering_sys .monitering_sys01_circle > li ul {margin-top:10rem; position:absolute; width:100%; left:0;}
.monitering_sys01_circle {position:relative; overflow:hidden; margin:0 0 1rem;}
.monitering_sys01_circle:before {content:''; display:block; position:absolute; width:19.5rem; height:19.5rem; border:1px dashed #ccc; border-radius:50%; top:0; left:50%; margin-left:-9.75rem;}
.monitering_sys01_circle > li {width:19.5rem; height:19.5rem; margin:0 auto;}
.monitering_sys01_circle > li:before {content:''; display:block; position:absolute; top:1rem; left:50%; margin-left:-8.75rem; opacity:0.7; width:17.5rem; height:17.5rem; border-radius:50%; background:linear-gradient(to right, #55a400, #007bc7);}
.monitering_sys01_circle > li p {position:relative; top:3.5rem; margin:0 auto; width:12.35rem; height:12.35rem; border-radius:50%; background:#fff; text-align:center; font-size:1.3rem; font-weight:bold; font-family:'SCDream'; padding-top:3.5rem;}
.monitering_sys01_circle > li p:before {content:''; display:block; width:123px; height:61px; margin:0 auto 0.75rem; background:url('/images/web/kodit/sub/logo_123.png');}
.monitering_sys01_circle > li ul {margin-top:10rem;}
.monitering_sys01_circle > li ul:before {content:''; display:block; margin:0 auto; width:77%; height:1px; border-top:1px dashed #ccc; padding-top:2rem;}
.monitering_sys01_circle > li ul li {position:relative; float:left; width:23%; margin-right:2.666%; text-align:center; border:2px solid #007bc7; border-radius:2rem; padding:1rem; margin-bottom:2rem; font-size:1rem; font-weight:bold; font-family:'SCDream';}
.monitering_sys01_circle > li ul li:before {content:''; display:block; position:absolute; width:1px; height:2rem; top:-2rem; left:50%; margin-left:-0.5px; border-right:1px dashed #ccc;}
.monitering_sys01_circle > li ul li:after {content:''; display:block; position:absolute; width:19px; height:22px; top:-11px; left:50%; margin-left:-9.5px; background:url('/images/web/kodit/sub/img_0103_02_03.png') no-repeat center;}
.monitering_sys01_circle > li ul li:nth-of-type(4n) {margin-right:0;}
.monitering_sys02.wide-bg {width:100%; height:100%; background:#f5f5f5; padding:3rem 0;}
.monitering_sys02 h3 {text-align:center; font-family:'SCDream'; font-size:1.2rem; margin-bottom:1rem;}
.monitering_sys02 div.boxWrap {display:table
}
.monitering_sys02 div.box_st2 {display:table-cell; width:24%; min-height:150px; vertical-align:middle; margin-right:1.333%; float:left;}
.monitering_sys02 div.box_st2:nth-of-type(4n) {margin-right:0;}

@media screen and (max-width:1120px) {
	.monitering_sys02 div.box_st2 {width:49%; min-height:140px; margin-right:2%;}
	.monitering_sys02 div.box_st2:nth-of-type(2n) {margin-right:0;}
}

@media screen and (max-width:1023px) {
	.monitering_sys02 div.box_st2 {width:49%; min-height:130px; margin-right:2%;}

}

@media screen and (max-width:768px) {
	.monitering_sys01_circle:before, .monitering_sys01_circle > li p:after,
	.monitering_sys01_circle > li ul:before, .monitering_sys01_circle > li ul li:before{display:none;}
	.monitering_sys01_circle > li ul li {width:49%; margin-right:2%;}
	.monitering_sys01_circle > li ul li:nth-of-type(2n) {margin-right:0;}
	.monitering_sys01_circle > li:before {top:1rem; width:12rem; height:12rem; margin-left:-6rem;}
	.monitering_sys01_circle > li p {top:2rem; width:10rem; height:10rem; padding-top:2.5rem;}
	.monitering_sys01_circle > li ul {margin-top:4rem;}
	.monitering_sys01_circle {margin:1rem;}
	.monitering_sys01_circle > li p img {width:60%;}
	.monitering_sys .monitering_sys01_circle {min-height:450px}
	.monitering_sys .monitering_sys01_circle > li ul {margin-top:5rem;}
}

@media screen and (max-width:560px) {
	.monitering_sys02 div.box_st2 {width:100%; min-height:auto;}
}

/*CI*/
.ci_box {width:100%; display:table; border-collapse:separate; border-spacing:5px; border:1px solid #ccc; background:url('/images/web/kodit/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:#55a400 !important; color:#fff; padding:0.2rem;}

@media screen and (max-width:640px) {
	.ci01 .box_st_wrap > div {width:100%; margin:.25rem 0;}
}

/*마스코트*/
.mascot .box_st_wrap > div > h4.tit2 {margin-top:1.25rem;}

@media screen and (max-width:880px) {
	.mascot_ci_box ul {display:inline;}
	.mascot_ci_box  ul li {display:inline; float:left; width:31.333%; margin:3px 1%;}
}

@media screen and (max-width:480px) {
	.mascot_ci_box  ul li {width:48%; margin:3px 1%;}
}

/*신보노래*/
.sing_box:before {content:''; position:relative; top:-1px; display:block; width:100%; height:2px; background:linear-gradient(to right, #0083cb, #55a400);}
.sing_box {border:1px solid #ccc; overflow:hidden; padding-top:1px; background:#f9f9f9;}
.sing_box01, .sing_box02 {float:left;}
.sing_box01 {border-right:1px solid #ccc; width:66%; text-align:center; padding:2rem 1rem; background:#fff;}
.sing_box01 img {width:auto; max-width:100%;}
.sing_box02 {width:34%; padding:2rem 2.5rem;}
.sing h4 {display:inline-block; font-size:1.2rem; font-weight:bold; margin-bottom:1rem; clear:both;}
.sing h4:after {content:''; display:inline-block; width:35px; height:1px; background:#0083cb; margin:0.5rem 1rem;}
.sing span {display:block; font-size:1rem; font-weight:700; color:#444;}
.sing p {color:#444; margin-bottom:1rem;}

@media screen and (max-width:1200px) {
	.sing_box01 {width:60%;}
	.sing_box02 {width:40%;}
}

@media screen and (max-width:1023px) {
	.sing_box01 {width:50%; background:none; border-right:none;}
	.sing_box01 img {border:1px solid #ccc;}
	.sing_box02 {width:50%;}
}

@media screen and (max-width:768px) {
	.sing_box01, .sing_box02 {width:100%;}
	.sing_box02 {text-align:center; padding-top:0;}
	.sing h4:after {display:none;}
}

/*본점*/
.map {width:100%; height:400px; background:#333; overflow:hidden;}
.head_shop02 {margin:0; padding-bottom:0 !important;}
.head_shop03.wide-bg:before {content:''; display:block; position:absolute; top:0; left:0; background:#eaf7ff; width:37%; height:100%;}
.head_shop03.wide-bg {padding:2rem 0 3rem; overflow:hidden;}
.head_shop03-1 {float:left; width:40%;}
.head_shop03-1 img {display:block; width:auto; max-width:100%;}
.head_shop03-1 span {position:relative; top:-20px; display:inline-block; font-family:'SCDream'; font-weight:700; font-size:1rem; padding:1rem 2rem; background:linear-gradient(to right, #0083cb, #55a400); color:#fff;}
.head_shop03-2 {width:60%; float:right; display:flex; flex-wrap:wrap;}
.head_shop03-2 dl {position:relative; border:1px solid #ccc; border-top:0; width:48%; margin-left:2%; margin-bottom:1rem; float:left; padding:3rem 1rem 3rem 5rem;}
.head_shop03-2 dl:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:2px; background:linear-gradient(to right, #0083cb, #55a400);}
.head_shop03-2 dt {font-family:'SCDream'; font-size:1rem; font-weight:700;}
.head_shop03-2 dd {margin-top:0.1rem;}
.head_shop03-2 dd:last-child {position:absolute; left:1rem; top:50%; margin-top:-35px;}
.localInfo .mapWrap { position:relative; z-index:0; width: calc(100% - 20rem) !important; height:880px !important; float: left; background:#ccc;}
/*위치 이름*/
.localPoint_1 { position:absolute; left:-20px; top:-20px; width:190px; text-align:center; font-weight: 700; word-break: keep-all; color:#013bb1; background:#fff; font-family: 'SCDream'; font-size:.8rem; border:2px solid #013bb1; border-radius:1rem; padding:.5rem; }
.localPoint_2 { position:absolute; left:-15px; top:-45px; width:190px; text-align:center; font-weight: 700; word-break: keep-all; color:#013bb1; background:#fff; font-family: 'SCDream'; font-size:.8rem; border:2px solid #013bb1; border-radius:1rem; padding:.5rem; }
@media screen and (max-width:1800px) {
	.head_shop03.wide-bg:before {display:none;}
}

@media screen and (max-width:1280px) {
	.head_shop03-1 {width:30%;}
	.head_shop03-2 {width:70%;}
}

@media screen and (max-width:1023px) {
	.head_shop03-2 dl {padding:1.5rem 0.8rem; min-height: 120px;}
	.head_shop03-2 dd:last-child {display:none;}
}

@media screen and (max-width:768px) {
	.head_shop03-1 {display:none;}
	.head_shop03-2 {width:100%;}
	.head_shop03-2 dl {padding:1rem; width:49%;}
	.head_shop03-2 dl:nth-of-type(2n-1) {margin-left:0;}
	.head_shop03-2 dd:last-child {display:block; margin-top:0; right:1rem; left:auto; top:1rem;}
	.head_shop03-2 dd:last-child img {width:30px;}
	.map {height:250px;}

}

@media screen and (max-width:480px) {
	.head_shop03-2 dl {width:100%; margin-left:0; padding:1rem 1rem 1rem 7rem; min-height:auto;}
	.head_shop03-2 dd:last-child {position:absolute; left:2.5rem; top:50%; margin-top:-20px;}
	.head_shop03-2 dd:last-child img {width:40px;}
}

/*인재개발원 안내*/
.center_info.wide-section {margin-bottom:3rem;}
.center_info01.wide-bg {background-image:url('/images/web/kodit/sub/bg_gd_292.png'), url('/images/web/kodit/sub/bg_gd_292.png'); background-position:1% -50px, 110% 140%; background-repeat:no-repeat;}
.center_info01-1 {position:relative; background:url('/images/web/kodit/sub/img0107_01-1.png') no-repeat right bottom; padding-bottom:3rem; border-bottom:1px solid #0066c3; background-size:contain;}
.center_info01-1 p {font-size:1.1rem; font-family:'SCDream'; font-weight:400; padding-right:55%;}
.center_info01-2 {padding:1.5rem 0 0;}
.center_info02.wide-bg {background:linear-gradient(to right, #f4f9e8, #e5f2f9); padding:2rem 0;}
.center_info02 .tit1 {margin-bottom:1rem;}
.center_info .proceTy05 li {text-align:center;}
.center_info .proceTy05 li .txt p {font-size:0.85rem; margin-bottom:0.5rem;}
.center_info .proceTy05 .cont:hover {border-color:#0083cb;}
.center_info03-1 {position:relative; padding:2rem 1rem 4rem 35%; overflow:hidden;}
.center_info03-1:before {content:''; display:block; position:absolute; width:545px; height:545px; left:-160px; top:-50px; background:#e6f2f8; border-radius:50%;}
.center_info03-1 img {position:absolute; left:2rem; top:50%; margin-top:-126px;}

@media screen and (max-width:1400px) {
	.center_info01-1 .tit1 {margin-top:0;}
	.center_info01-1 {background-size:contain
	}
}

@media screen and (max-width:1200px) {
	.center_info03-1:before {display:none;}
}

@media screen and (max-width:1023px) {
	.center_info01.wide-bg {background-image:none;}
	.center_info01-1 {background-image:none;}
	.center_info01-1 p {padding-right:0;}
	.center_info03-1 {padding:2rem;}
	.center_info03-1 img {position:relative; left:auto; top:auto; margin:0 auto; display:block; width:auto; max-width:90%;}
}

/*인재개발센터*/
.center_info_unit01.wide-bg {overflow:hidden; background-image:url('/images/web/kodit/sub/bg_gd_292.png'); background-position:1% -50px; background-repeat:no-repeat;}
.center_info_unit01-1 {float:left; Width:60%; padding-right:2rem;}
.center_info_unit01-2 {float:right; width:40%; text-align:right;}
.center_info_unit01-1 li {float:left; text-align:center; padding:0 0.5rem;}
.center_info_unit01-1 li:nth-of-type(1) {width:37%;}
.center_info_unit01-1 li:nth-of-type(2) {width:35%;}
.center_info_unit01-1 li:nth-of-type(3) {width:28%;}
.center_info_unit02 {overflow:hidden; background:#f2f9ff; padding-bottom:3rem;}
.center_info_unit02 .box_st4 {background:#fff;}
.center_info_unit02 .box_st4 > h6 {font-size:1rem; padding:0 .7rem; color:#013bb1;}
.center_info_unit02 .box_st4 > h6 span {font-weight:600;}
.center_info_unit02 .box_st4 > .cont {padding:.7rem;}
.center_info_unit01 .container {overflow:hidden;}
.center_info_unit01 .container h3 {margin-top:0;}
.center_info_unit01-1 ul {margin-top:2rem;}
.center_info_unit01-1 dt {font-family:'SCDream'; font-size:1rem; font-weight:700; padding:0.5rem 0;}
.center_info_unit01-1 dd {font-size:0.8rem;}
.center_info_unit01-1 li:before {content:''; display:block; width:41px; height:41px; background-repeat:no-repeat; margin:0 auto;}
.center_info_unit01-1 li:nth-of-type(1):before {background-image:url('/images/web/kodit/sub/img0107_03_01-1.png');}
.center_info_unit01-1 li:nth-of-type(2):before {background-image:url('/images/web/kodit/sub/img0107_03_01-2.png');}
.center_info_unit01-1 li:nth-of-type(3):before {background-image:url('/images/web/kodit/sub/img0107_03_01-3.png');}
.center_info_unit01-2 img {width:auto; max-width:100%;}
.center_info_unit01-1 dd span {display:block;}
.box_st_wrap.center_Ht01 .box_st4 {min-height:180px;}
.box_st_wrap.center_Ht01 .box_st4{min-height:160px;}

@media screen and (max-width:1400px) {
	.center_info_unit01-1 {Width:65%;}
	.center_info_unit01-2 {width:35%;}
}

@media screen and (max-width:1200px) {
	.center_info_unit02 .box_st4 br{display:none;}
	.box_st_wrap.center_Ht01 .box_st4 {min-height:195px;}

}

@media screen and (max-width:1023px) {
	.center_info_unit01.wide-bg {background-position:110% 120%;}
	.center_info_unit01-1 li {width:100% !important; padding:0;}
	.center_info_unit01-1 li:before {display:none;}
	.center_info_unit01-1 dt, .center_info_unit01-1 dd {display:inline-block; float:left; padding:0 0.5rem 0 0; text-align:left}
	.center_info_unit01-1 dt {width:100px; padding-right:0.5rem;}
	.center_info_unit01-1 dd {width:calc(100% - 100px);}
}

@media screen and (max-width:640px) {
	.center_info_unit01-1, .center_info_unit01-2 {width:100%; margin-bottom:1rem; padding-right:0;}
	.center_info_unit01-2 {text-align:center;}
	.center_info_unit02 .box_st4 {width:100%; margin:0.25rem 0;}
	.box_st_wrap.center_Ht01 .box_st4, .box_st_wrap.center_Ht02 .box_st4{min-height:auto; margin:.25rem 0;}
}

@media screen and (max-width:414px) {
	.center_info_unit01-1 dt {width:70px;}
	.center_info_unit01-1 dd {width:calc(100% - 70px);}
}

/*찾아오시는길01*/
.directions01 {position:relative;}
.map_txt {position:absolute; width:35%; bottom:-50px; right:0; background:rgba(7, 64, 122, .95); padding:2rem 1.5rem 1rem; color:#fff; z-index:1;}
.map_txt h3 {font-family:'SCDream'; font-size:1.4rem; font-weight:700; margin-bottom:1rem;}
.map_txt h3:before {content:''; display:block; background:url('/images/web/kodit/sub/logo_kor_w.png'); width:112px; height:24px; margin-bottom:1rem;}
.map_txt li > span {font-weight:700; padding-bottom:0.5rem;}
.map_txt li {margin-bottom:1rem;}
.directions h4 {display:inline-block; margin-right:1rem;}
.directions02 {margin-top:2rem;}
.directions02 ul {margin-top:1rem;}
.directions02 li {display:inline;}
.directions02 li i {display:inline-block; width:22px; height:22px; border-radius:50%; color:#fff; background:rgba(7, 64, 122, 1); margin:0.2rem; padding-top:0.1rem; text-align:center; vertical-align:top;}

@media screen and (max-width:1400px) {
	.map_txt {width:40%;}
	.directions02 li i {padding-top:0.2rem;}
}

@media screen and (max-width:1200px) {
	.map_txt {width:45%;}
}

@media screen and (max-width:1023px) {
	.map_txt {width:100%; position:relative; overflow:hidden; bottom:auto; right:auto;}
	.map_txt li {float:left; width:50%; padding:0 0.5rem;}
	.map_txt h3:before {display:none;}
	.directions02 li i {width:20px; height:20px;}
}

@media screen and (max-width:880px) {
	.map_txt li > p span {display:block;}
}

@media screen and (max-width:480px) {
	.map_txt li {width:100%; display:inline;}
	.directions02 li i {padding:0.2rem; width:17px; height:17px;}
}

@media screen and (max-width:320px) {
	.map_txt li > p span {display:block;}
}
.directions03 {margin-top:2rem;}
.directions03-1 {overflow:hidden;}
.directions03-1 > div {float:left; /*width:49%; margin-right:2%; */ width:100%; margin-bottom:1%; border:1px solid #ccc; padding:1.5rem;}
.directions03-1 > div:nth-of-type(2n) {margin-right:0;}
.directions03-1 > div ul {margin-bottom:1rem;}
.directions03-1 > div li {clear:both; overflow:hidden; padding:0.5rem 0; border-bottom:1px solid #ddd;}
.directions03-1 > div li span, .directions03-1 > div li p {display:block; float:left;}
.directions03-1 > div li span {width:100px; font-weight:700;}
.directions03-1 > div li p {width:calc(100% - 100px);}
.directions03-1 h4 {display:block; margin-bottom:0.5rem;}

@media screen and (max-width:768px) {
	.directions03-1 > div {width:100%; margin-right:0;}
	.directions03-1 > div:first-child {margin-bottom:1rem;}
}

/*헌장*/
.charter {text-align:center; border:1px solid #ccc; background:#f5f5f5; padding:1.5%;}
.charter .inner_wrap {background:linear-gradient(to right, #c7e18f, #7fbde2); padding:1.5%;}
.charter .inner {position:relative; background:#fff; padding:2.5rem;}
.charter .inner:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:70px; background-image:url('/images/web/kodit/sub/img_0301_01_01.png'), url('/images/web/kodit/sub/img_0301_01_02.png'); background-repeat:no-repeat; background-position:left top, right top;}
.charter .inner:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:70px; background-image:url('/images/web/kodit/sub/img_0301_01_01.png'), url('/images/web/kodit/sub/img_0301_01_02.png'); background-repeat:no-repeat; background-position:left top, right top; transform:rotate(180deg);}
.charter p {font-size:0.9rem; font-family:'SCDream'; font-weight:400;}
.charter p:nth-of-type(1) {font-size:0.9rem; margin-top:1.5rem;}
.charter .box {background:#f9f9f9; margin:2rem 1.5rem 1.5rem; padding:2rem;}
.charter ul {display:inline-block;}
.charter ul li {text-align:left; margin-bottom:0.5rem;}
.charter ul span {color:#0083cb; margin-right:.2rem;}
.charter p:nth-of-type(2) {margin-bottom:3rem; color:#666; font-size:0.85rem;}

@media screen and (max-width :880px) {
	.charter .inner {padding:1.5rem 1rem;}
	.charter .box {margin:2rem 0 1.5rem; 	}
	.charter .inner:before, .charter .inner:after {background-size:50px; height:50px;}
	.charter img:nth-of-type(1) {width:6.15rem; 	} /*상단로고*/
	.charter img:nth-of-type(2) {width:8.55rem;} /*하단로고*/
}

@media screen and (max-width :640px) {
	.charter .box {margin:1rem 0; padding:1.25rem;}
	.charter p:nth-of-type(1) br {display:none;}
	.charter p:nth-of-type(2) {margin-bottom:2rem;}
}

/*사회공헌활동 추진현황*/
.graph.box_st2 {overflow:hidden;}
.graph.box_st2 > div {float:left; width:49% !important; margin-right:2%;}
.graph.box_st2 > div img {width:auto; max-width:95%;}
.graph.box_st2 > div:nth-of-type(2) {margin-right:0;}

@media screen and (max-width :768px) {
	.graph.box_st2 > div {width:100% !important; margin-right:0;}
}

/*사회공헌활동추진계획개요*/
.contribution {margin-top:1rem;}
.contribution01 {margin-bottom:2rem;}
.contribution01 ul {background:#ebf4fa; padding:2rem 0; overflow:hidden;}
.contribution01 ul li {position:relative; float:left; width:50%; min-height:5.2rem; border-right:1px solid #beccd5; padding:1rem 2rem 0 9rem;}
.contribution01 ul li:nth-of-type(2) {border-right:none;}
.contribution01 ul li:before {content:''; display:block; width:5.2rem; height:5.2rem; position:absolute; top:0; left:2rem; background-size:cover;}
.contribution01 ul li:nth-of-type(1):before {background-image:url('/images/web/kodit/sub/img_0605_01_03-1.png');}
.contribution01 ul li:nth-of-type(2):before {background-image:url('/images/web/kodit/sub/img_0605_01_03-2.png');}
.contribution01 ul li h4 {font-size:1rem; font-weight:700; margin-bottom:0.3rem;}
.contribution01 ul li p {color:#333;}
.contribution02.wide-bg {background:#fafafa; padding:3rem 0;}
.contribution02 .rsp_img {border:none; padding:0;}
.contribution02 .rsp_img:before {display:none;}
.contribution02 img {width:auto; max-width:100%;}

@media screen and (max-width :1023px) {
	.contribution01 ul li {padding-top:0; 	}
}

@media screen and (max-width :768px) {
	.contribution01 ul {padding:1rem 0;}
	.contribution01 ul li {width:100%; min-height:auto; border-right:none; margin-bottom:0.5rem;}
	.contribution01 ul li:before {width:4rem; height:4rem;}
	.contribution01 ul li:nth-of-type(2) {margin-top:1rem;}
}

@media screen and (max-width :414px) {
	.contribution01 ul li {padding:0 1rem;}
	.contribution01 ul li:before {display:none;}
}

/*인재상*/
.talent {background:url('/images/web/kodit/sub/logo_399_gd.png') no-repeat right 100px; font-family:'SCDream'; font-weight:400;}
.talent .emphasis {padding-top:0;}
.talent img {width:auto; max-width:100%;}
.talent ul {overflow:hidden;}
.talent li {float:left; width:20%; text-align:center;}
.talent li:before {content:''; display:block; width:5rem; height:5rem; border-radius:50%; background-color:#eef9ff; background-repeat:no-repeat; background-position:center; margin:0 auto 0.5rem;}
.talent01 li:nth-of-type(1):before {background-image:url('/images/web/kodit/sub/img_0108_01-2.png');}
.talent01 li:nth-of-type(2):before {background-image:url('/images/web/kodit/sub/img_0108_01-3.png');}
.talent01 li:nth-of-type(3):before {background-image:url('/images/web/kodit/sub/img_0108_01-4.png');}
.talent01 li:nth-of-type(4):before {background-image:url('/images/web/kodit/sub/img_0108_01-5.png');}
.talent01 li:nth-of-type(5):before {background-image:url('/images/web/kodit/sub/img_0108_01-6.png');}
.talent02 li:nth-of-type(1):before {background-image:url('/images/web/kodit/sub/img_0108_01-7.png');}
.talent02 li:nth-of-type(2):before {background-image:url('/images/web/kodit/sub/img_0108_01-8.png');}
.talent02 li:nth-of-type(3):before {background-image:url('/images/web/kodit/sub/img_0108_01-9.png');}
.talent02 li:nth-of-type(4):before {background-image:url('/images/web/kodit/sub/img_0108_01-10.png');}
.talent02 li:nth-of-type(5):before {background-image:url('/images/web/kodit/sub/img_0108_01-11.png');}

@media screen and (max-width :768px) {
	.talent {background:none;}
	.talent li:before {width:4rem; height:4rem; background-size:2.5rem;}
}

@media screen and (max-width :640px) {
	.talent li {width:33.333%; margin-bottom:0.3rem;}
}

@media screen and (max-width :380px) {
	.talent li {width:50%;}
}

/*NCS채용*/
.NCS li .cont {background:#fff;}
.NCS01 .container {background-image:url('/images/web/kodit/sub/img_0108_02-2.png');}

@media screen and (max-width :768px) {
	.NCS01 {background-image:none;}
	.NCS01 .emphasis {margin:0 !important;}
}

/* 개요 (경영전략) (0103_01.jsp) */
.outline04 {overflow:hidden;}
.vision_video {position:relative; width:67%;}
.vision_video video {width:100%; margin-bottom:1rem;}
.vision_video_txt {position:absolute; box-shadow:5px 5px 10px rgba(0, 85, 191, .35); right:0; bottom:0; width:30%; height:100%; background:#0e55ad url('/images/web/kodit/sub/logo_w.png') no-repeat right bottom; padding:2rem 1rem 5rem; color:#fff; overflow:hidden;}
.vision_video_txt span {display:block; position:relative;}
.vision_video_txt span:after {content:''; display:inline-block; position:absolute; width:100%; height:1px; background:rgba(255, 255, 255, .2); left:35%; top:50%;}
.vision_video_txt h4 {color:#fff; margin:1rem 0; font-weight:bold;}

@media screen and (max-width :1023px) {
	.vision_video {width:100%; padding-bottom:0.5rem;}
	.vision_video_txt {position:relative; width:100%; background-position:top right; padding:0.5rem 1rem 1.5rem;}
	.vision_video_txt span {display:none;}
	.vision_video_txt p br {display:none;}
}

/*교차도형 디자인*/
/*개요(0103_01.jsp)*/
.con_wrap {overflow:hidden;}
.intersection {width:31.333%; float:left; border:1px solid #d2d2d2; padding:1rem; margin:0 1% 0;}
.intersection:first-child {margin-left:0;}
.intersection ul {/* display:inline-block; */ width:100%; height:auto; /* background:rgba(101,196,255,.5); */ /* border-bottom:2px solid #000; */ margin-bottom:1rem; padding-bottom:1rem;}
.intersection ul li {font-size:0.9rem; line-height:1.7rem; color:#111; font-weight:600;}
.intersection ul:first-child {margin-left:0; border-bottom:2px solid #0083cb;}
.intersection ul.box2 {/* background:rgba(144,216,65,.5) */ border-bottom:2px solid #55a400;}
.intersection ul.box3 {/* background:rgba(80,197,148,.5) */ border-bottom:2px solid #05a0a0;}

@media screen and (max-width :1200px) {
	.intersection {width:100%; margin:0 0 1rem;}
}

/*경영혁신시스템이란(0104_01_01.jsp)*/
.intersection02 > li {width:13rem; height:13rem; padding:2rem 0; margin:0 -1rem; border-radius:50%; background:rgba(0, 131, 203, .8); font-family:'SCDream'; color:#fff; font-weight:bold; font-size:1.4rem; text-align:center;}
.intersection02 > li:nth-of-type(2) {background:rgba(144, 195, 32, .8);}
.intersection02 > li:nth-of-type(3) {background:rgba(243, 179, 25, .8);}
.intersection02 > li img {display:block; margin:1rem auto;}

@media screen and (max-width:1200px) {
	.intersection02 > li {display:inline-block;}
}

@media screen and (max-width:1023px) {
	.intersection02 > li {width:10rem; height:10rem; margin:0 -0.5rem 0.5rem; font-size:1rem;}
	.intersection02 > li img {width:70px; margin:0 auto 0.5rem;}
}

@media screen and (max-width:480px) {
	.intersection {margin-left:0;}
	.intersection02 > li {width:33.333%; height:auto; margin:0; border-radius:0; padding:1rem 0;}
}

/*0103_01.jsp 개요 -경영전략*/
.outline01 {overflow:hidden; margin-bottom:2rem;}
.outline h3 {margin-bottom:1.5rem;}
.outline .box_w {position:relative; /* top:30%; */ /* left:0; */}
.outline .box_w:nth-of-type(2) {/* right:0; */ /* left:auto; */}
.outline .box_w:nth-of-type(1) .hexagon:before,
.outline .box_w:nth-of-type(2) .hexagon:after {display:none;}
.dl_txt_box {position:relative; width:31rem; margin:0 auto 1rem; display:block; border:2px solid #0083cb; background:#fff; border-radius:5rem; padding:1.5rem; text-align:center;}
.dl_txt_box dt {font-size:1.2rem; font-weight:bold; color:#0083cb; text-transform:uppercase; padding-bottom:0.5rem;}
.dl_txt_box dd {font-family:'SCDream'; font-size:1.1rem; font-weight:bold; line-height:1.3; word-break:keep-all;}
.dl_txt_box.green {border-color:#55a400;}
.dl_txt_box.green dt {color:#55a400;}
.outline02 .inner {text-align:left; padding-left:3.5rem;}
.outline02 .inner p {font-weight:700; font-size:.9rem;}
.outline02 .inner p:before {content:''; display:inline-block; position:absolute; left:1.5rem; top:50%; margin-top:-1.25rem; width:2.5rem; height:2.5rem; background-size:100%;}
.outline02 div:nth-of-type(1) p:before {background-image:url('/images/web/kodit/sub/0103_06.png');}
.outline02 div:nth-of-type(2) p:before {background-image:url('/images/web/kodit/sub/0103_07.png');}
.outline02 div:nth-of-type(3) p:before {background-image:url('/images/web/kodit/sub/0103_08.png');}
.outline03 .box_st5 {text-align:left !important;}
.line_dot_s {border-bottom:1px dashed #adc1cd; padding:.3rem 0;}


@media screen and (max-width:1200px) {
	.outline .box_w {position:relative; width:calc(100% - 21rem); margin:0.5rem 1%; float:left;}
	.outline .box_w dl {width:100%;}
	.outline .monitering_sys01_circle:before {display:none;}
	.outline .monitering_sys01_circle {float:left; margin:0 !important;}
	.outline .monitering_sys01_circle > li {margin:0 !important;}
}

@media screen and (max-width:768px) {
	.outline .monitering_sys01_circle {float:none;}
	.outline .box_w {width:48%; float:left;}
	.outline .monitering_sys01_circle > li {display:none;}
}

@media screen and (max-width:640px) {
	.outline .box_w {width:100%; margin:0 0 0.5rem;}
}

/* 기존 미션&비전 */
.outline01 {overflow:hidden; margin-bottom:2rem;}
.outline h3 {margin-bottom:1.5rem;}
.outline .box {position:absolute; top:30%; left:0;}
.outline .box:nth-of-type(2) {right:0; left:auto;}
.outline .box:nth-of-type(1) .hexagon:before,
.outline .box:nth-of-type(2) .hexagon:after{display:none;}
.outline .dl_txt {width:20rem;}
.outline03 .box_st5 {text-align:left !important;}

@media screen and (max-width:1200px) {
	.outline .box {position:relative; width:calc(100% - 21rem); margin:0.5rem 1%; float:left;}
	.outline .box dl {width:100%;}
	.outline .box .arrow03 {display:none;}
	.outline .hexagon:before, .outline .hexagon:after {display:none;}
	.outline .monitering_sys01_circle:before {display:none;}
	.outline .monitering_sys01_circle {float:left; margin:0 !important;}
	.outline .monitering_sys01_circle > li {margin:0 !important;}
}

@media screen and (max-width:768px) {
	.outline .monitering_sys01_circle {float:none;}
	.outline .box {width:48%; float:left;}
	.outline .monitering_sys01_circle > li {display:none;}
}

@media screen and (max-width:640px) {
	.outline .box {width:100%; margin:0 0 0.5rem;}
}

/*공통*/
.division_wrap {overflow:hidden;}
.division_wrap > div, .division_wrap > li {float:left;}
.division02 {width:47.5%; margin-right:5%;}
.division02:last-child {margin-right:0;}
.division02.wide {width:65%;}
.division02.wide+.division02 {width:30%;}
.division03 {width:32%; margin-right:2%;} /*0103_01.jsp*/
.division03:last-child {margin-right:0;}
.division04 {width:23%; margin-right:2.66666%;}
.division04:last-child {margin-right:0;}

@media screen and (max-width:1200px) {
	.division03 {width:49%;}
	.division03:nth-of-type(2n) {margin-right:0%;}
}

@media screen and (max-width:1023px) {
	.division04 {width:47.5%; margin-top:1rem;}
	.division04:nth-of-type(2n) {margin-right:0%;}
}

@media screen and (max-width:880px) {
	.division03 {width:47.5%; margin-top:1rem;}
	.division03:nth-of-type(2n) {margin-right:0%;}
	.division03:last-child {margin-right:5%;}
	.division03:nth-of-type(1), .division03:nth-of-type(2) {margin-top:0;}
}

@media screen and (max-width:640px) {
	.division02 {width:100%; margin-right:0;}
	.division03 {width:100%;}
	.division03:nth-of-type(2n) {margin-right:0%;}
	.division03:last-child {margin-right:5%;}
	.division03:nth-of-type(2) {margin-top:1rem;}
}
.outline02-1 li {text-align:center; border-bottom:2px solid #0083cb;}
.outline02-1 li img {width:auto; max-width:100%;}
.outline02-1 li p {font-size:1rem; padding:1rem; font-weight:bold;}

@media screen and (max-width:1023px) {
	.outline02-1 li {border-bottom:0;}
}

@media screen and (max-width:880px) {
	.outline02 .division03 {width:100%;}
	.outline02 .division03:nth-of-type(2) {margin-top:.5rem;}
}

/*시설안내*/
.facility {position:relative;}
.facility dt {position:absolute; left:0; top:0; width:30%; text-align:center;}
.facility dt img {width:90%;}
.facility dd h4 {margin-top:0; padding-left:35%;}
.facility dd > ul {margin-left:35%; width:65%; min-height:90px;}
.facility .btn {margin-top:1rem; text-align:right;}
/* 박스높이 */
.box_ht_1 {height:230px;}
.box_ht_2 {height:217px;}
@media screen and (max-width:1023px) {
	.facility dt {position:relative; width:100%; margin-bottom:1rem;}
	.facility dd h4 {padding-left:0%;}
	.facility dd > ul {margin-left:0%; width:100%;}
	.facility .btn {text-align:center;}
	.box_ht_1, .box_ht_2 {height:auto;}
}

@media screen and (max-width:640px) {
	.facility dt img {width:70%;}
}

/*경영혁신시스템이란*/
.sub-system {margin-top:3rem;}
.sub-system .wide-bg {position:relative;}
.sub-system .wide-bg:before {content:''; position:absolute; top:5.5rem; width:100%; height:60%; background:#f2f9fc;}

h4.tit2_1 {display:table; font-family:'SCDream'; font-size:1.4rem; color:#0083cb; margin:0 auto 1.5rem; padding:1.2rem 4rem; border:2px solid #0083cb; border-radius:3rem; background:#fff;}
h4.tit2_1:before, h4.tit2_1:after {content:''; display:block; position:absolute; top:50%; margin-top:-11px; width:19px; height:22px; background:url('/images/web/kodit/sub/img_0103_02_03.png') no-repeat 	center;}
h4.tit2_1:before {left:-9.5px;}
h4.tit2_1:after {right:-9.5px;}

/*비전혁신공유시스템*/
.share_system01 .container {background-image:url('/images/web/kodit/sub/img_0104_01_05-1.png');}

/*성과관리시스템*/
.result_system01 .container {padding-right:30%;}
.result_system table {min-height:430px; border-top:1px solid #ccc !important;}
.result_system .monitering {width:60%; margin:0 auto;}
.result_system .moniteringBox {background-image:url('/images/web/kodit/sub/img0104_01_06-3.png'), url('/images/web/kodit/sub/img0104_01_06-4.png'); background-repeat:no-repeat; background-position:left bottom, right bottom;}

@media screen and (max-width :1400px) {
	.result_system01 {background-position:-200px, 100% bottom; background-size:auto, 15rem;}
}

@media screen and (max-width:880px) {
	.result_li > li i {right:-1.5rem; font-size:1.5rem;}
	.result_system .moniteringBox {background-image:none;}
}

@media screen and (max-width :768px) {
	.result_system01 {background-image:none;}
}

@media screen and (max-width:640px) {
	.result_li > li {padding-bottom:1.5rem;}
	.result_li > li i {left:50%; right:auto; top:auto; bottom:0; margin-left:-1rem; transform:rotate(90deg);}
	.result_system .monitering {width:100%;}
	.division02.wide, .division02.wide+.division02 {width:100%;}
}

/*startUp*/
.startUp .container {background-image:url('/images/web/kodit/sub/img_0206_01-1.png');}

/*startUp_nest*/
.startUp_nest table td {padding:1rem !important;}
.startUp_nest table img {width:auto; max-width:100%;}

/*프론트원*/
.FRONT101 .container {background-image:url('/images/web/kodit/sub/img_0206_05-1.png');}

/* 영업점 검색 */
.localInfo {position:relative; overflow:hidden; margin:0 !important; line-height:1.5;}
.localInfo .srchWrap {position:relative; width:20rem; padding:2rem 1rem; float:left; border-right:1px solid #838383; z-index:2; background:#fff;}
.localInfo .srchWrap .tab_tit {font-family:'SCDream'; margin-top:0; z-index:2;}
.localInfo .srchWrap .tab_tit a {position:relative; display:block; color:#888; font-size:1rem; font-weight:400; padding:0 3px 5px;}
.localInfo .srchWrap .tab_tit a:before {content:""; position:absolute; left:50%; bottom:0; width:0; height:4px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.localInfo .srchWrap .tab_tit li {display:inline-block;}
.localInfo .srchWrap .tab_tit li+li {margin-left:.5rem;}
.localInfo .srchWrap .tab_tit li.on a {color:#111; font-weight:700;}
.localInfo .srchWrap .tab_tit li.on a:before {width:100%; left:0; background:#0083cb;}
.localInfo .bbs_srch {padding:1rem 1.25rem; margin:1rem 0 1.5rem; overflow:hidden;}
.localInfo .bbs_srch select {width:100%; margin-bottom:.5rem;}
.localInfo .bbs_srch select.sigun, .localInfo .bbs_srch input.inpTxt {width:calc(100% - 2.4rem); margin-bottom:0 !important;}
.localInfo .bbs_srch button.btn_Search {padding:0; width:2rem; text-align:center; font-size:1rem;}
.localInfo .bbs_srch button.btn_Search {position:relative; /*padding:0 1rem 0 2.15rem; */ line-height:2rem; color:#fff; vertical-align:middle; background:#00598a; overflow:hidden; transition:all 0.2s ease-out 0.1s; border-radius:1rem;}
.localInfo .bbs_srch button.btn_Search:before {content:"\e97a"; font-family:'xeicon'; position:absolute; left:.75rem; top:1px; font-size:0; color:#fff;}
.localInfo .bbs_srch button.btn_Search:hover {background-color:#024063;}
.localInfo .bbs_srch .dept_type {display:flex; justify-content:space-around; list-style:none; white-space:nowrap !important; overflow-x:none; margin-left:-0.7em !important;}
.localInfo .bbs_srch .dept_type li{display:inline-block; padding:0 3px; color:#888888; font-size:.85rem;}
.localInfo .bbs_srch .dept_type li.on{font-weight:700; color:#111111; border-bottom:4px #0083CB solid;}
.localInfo .bbs_srch .tab_region {margin-left:-0.7em;, display:none; margin-top:20px;}
.localInfo .bbs_srch .tab_region ul{display:flex; justify-content:space-between; list-style:none; white-space:nowrap !important; overflow-x:none !important; width:310px; margin:.5em auto 0;}
.localInfo .bbs_srch .tab_region ul li{background-color:white; color:#013bb1; border:1px #013bb1 solid; width:3rem; height:1.82rem; line-height:1.82rem;}
.localInfo .bbs_srch .tab_region ul li.on{color:white; font-weight:700; background-color:#013bb1;}
.localInfo .bbs_srch .tab_region ul li.tab_seoul{font-size:.72rem; line-height:1 !important; padding-top:.2rem;}
.localInfo .infoTxt {font-family:'SCDream'; font-size:.9rem; font-weight:600; color:#111;}
.localInfo .infoTxt span {color:#0083cb;}
.localInfo .localList {max-height:27rem; overflow:auto; margin-top:.5rem; padding-right:.5rem;}
.localInfo .localList::-webkit-scrollbar {width:5px; background:#ddd; border-radius:1rem;}
.localInfo .localList::-webkit-scrollbar-thumb {background:#013bb1; border-radius:1rem;}
.localInfo .localList li+li {margin-top:.5rem;}
.localInfo .localList a {position:relative; display:block; padding:1rem 1rem 1rem 3.25rem; border:1px solid #ddd;}
.localInfo .localList a .tit {font-weight:700; font-family:'SCDream'; font-size:.9rem;}
.localInfo .localList a .tit em {position:absolute; left:1rem; top:1rem; display:inline-block; width:1.75rem; height:1.75rem; line-height:1.75rem; text-align:center; color:#fff; background:#565656; border-radius:50%;}
.localInfo .localList a span {display:block; font-size:.75rem; margin:.5rem auto;}
.localInfo .localList a .info p {display:inline-block; margin-right:.5rem; font-size:.75rem;}
.localInfo .localList a .info p em {color:#0083cb;}
.localInfo .localList a:hover, .localInfo .localList a:focus {border-color:#0083cb;}
.localInfo .localList a:focus .tit em {background:#013bb1;}
.localInfo .searchNone {min-height:20rem; font-family:'SCDream'; text-align:center; font-weight:bold;}
.localInfo .scroll {display:block; text-align:center; color:#888; font-weight:400; margin-top:1rem; font-size:.75rem;}
.localInfo .scroll i {color:#013bb1;}
.localInfo .mapWrap {position:relative; z-index:0; width:calc(100% - 20rem) !important; height:880px !important; float:left; background:#ccc;}
.localInfo .mapWrap .localPoint{position:absolute; left:-5px; top:-5px; width:160px; text-align:center; font-weight:700; word-break:keep-all; color:#013bb1; background:#fff; font-family:'SCDream'; font-size:.8rem; border:2px solid #013bb1; border-radius:1rem; padding:.5rem;}
.localInfo .chatbotMobPop{display:none !important;}
.localPop{position:absolute; left:2rem; top:50%; width:12rem; background:#fff; border:1px solid #013bb1; padding:1.25rem .75rem; box-shadow:2px 2px 5px rgba(0,0,0, 0.3); transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:0; opacity:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.localPop.active{left:20rem; z-index:1; opacity:1;}
.localPop.active.move{left:8rem;}
.localPop h4{color:#013bb1; font-family:'SCDream'; font-size:1.1rem; font-weight:700;}
.localPop address{font-size:.75rem; color:#666; margin:.5rem 0; line-height:1.5;}
.localPop dl{padding:.5rem 0; font-size:.75rem; overflow:hidden; line-height:1.4; word-break:keep-all;}
.localPop dl + dl{border-top:1px solid #ccc;}
.localPop dt{font-weight:600; color:#333;}
.localPop dd{margin-top:.25rem; color:#666;}
.localPop h4{color:#6a707c; font-family:'SCDream'; font-size:1.1rem; font-weight:700;}
#localPopClose{position:absolute; right:-2rem; top:0; width:2rem; height:3rem; text-align:center; line-height:3rem; background:#013bb1; border-radius:0 .5rem 0 0;}
#localPopClose i{font-size:1rem; color:#fff;}
#localPopMove{position:absolute; right:-2rem; top:3rem; width:2rem; height:3rem; text-align:center; line-height:3rem; background:#7f8695; border-radius:0 0 .5rem 0;}
#localPopMove i{font-size:1rem; color:#fff;}

@media screen and (max-width:1240px) {
	.localPop.active{left:19rem;}
	.localInfo .srchWrap {width:19rem; padding:1.5rem 1rem;}
	.localInfo .srchWrap h3 {font-size:1.2rem;}
	.localInfo .srchWrap .tab_tit {top:1.5rem; right:1rem;}
	.localInfo .srchWrap .tab_tit a {font-size:.85rem;}
	.localInfo .bbs_srch {padding:.75rem 1rem; margin:.5rem 0 1rem;}
	.localInfo .bbs_srch .dept_type {width:300px;}
	.localInfo .bbs_srch .tab_region ul {width:300px;}
	.localInfo .infoTxt {font-size:.8rem;}
	.localInfo .localList {max-height:28.5rem;}
	.localInfo .mapWrap {width:calc(100% - 19rem);}
}

@media screen and (max-width:1024px) {
	.localInfo .bbs_srch .dept_type {width:288px;}
	.localInfo .bbs_srch .tab_region ul {width:288px;}
}

@media screen and (max-width:880px) {
	.localInfo .srchWrap {width:100%; padding:1rem 0; border-bottom:1px solid #838383; border-right:0;}
	.localInfo .srchWrap h3{margin-left:.75rem;}
	.localInfo .srchWrap .tab_tit {top:1rem; right:0rem;}
	.localInfo .localList {max-height:29rem;}
	.localInfo .localList ul {font-size:0; line-height:0;}
	.localInfo .localList li {width:48%; display:inline-block; line-height:1.3; vertical-align:top; margin:.25rem 1%;}
	.localInfo .localList li+li {margin-top:1%;}
	.localInfo .localList a {padding:.75rem .75rem .75rem 2.25rem;}
	.localInfo .localList a .tit em {width:1.5rem; height:1.5rem; line-height:1.5rem; left:.5rem; top:.5rem; font-size:.8rem;}
	.localInfo .localList a span {line-height:.9rem; min-height:1.8rem; margin:.5rem auto .25rem;}
	.localInfo .bbs_srch select {width:100%; margin-bottom:0;}
	.localInfo .bbs_srch input.inpTxt {/*width:calc(100% - 2.2rem); */}
	.localInfo .bbs_srch .dept_type {width:95vw;}
	.localInfo .bbs_srch .tab_region ul {width:95vw;}
	.localInfo .bbs_srch .tab_region ul li{width:4.2rem;}
	.localInfo .searchNone {min-height:auto;}
	.localInfo .scroll {display:none;}
	.localInfo .mapWrap {width:100% !important; height:15rem !important;}
	.localInfo .chatbotMob{display:none;}
	.localInfo .chatbotMobPop{display:block !important;}

	.localPop{width:100%; left:0; top:0rem; transform:none; -webkit-transform:none; -ms-transform:none;}
	.localPop.active,
	.localPop.active.move{left:0; top:3rem;}

	.localPop h4{font-size:1rem;}
	.localPop dt{width:4rem; float:left;}
	.localPop dd{width:calc(100% - 4rem); float:left; margin:0;}
	#localPopClose{width:4rem; height:2rem; left:50%; right:auto; bottom:-2rem; top:auto; border-radius:0 0 .5rem .5rem; line-height:2rem; margin-left:-2rem;}
	#localPopMove{display:none;}
}

@media screen and (max-width:640px) {
	.localInfo .localList {height:29rem; padding-bottom: 10.5rem;}
	.localInfo .localList.searchNone {height:2rem !important;}
	.localInfo .localList li {width:100%; margin:.25rem 0;}
	.localInfo .localList a span {min-height:0;}
	.localPop.active,
	.localPop.active.move{top:3rem;}
}

@media screen and (max-width:540px) {
	.localInfo .bbs_srch select {width:100%; margin-bottom:.25rem;}
	.localInfo .bbs_srch input.inpTxt {width:calc(100% - 2.4rem);}
}

/* 신용보증 종류 */
.kind_box {font-size:0; line-height:0; word-break:keep-all;}
.kind_box dl {position:relative; width:48%; min-height:13.5rem; display:inline-block; font-size:.85rem; line-height:1.5; margin-right:2%; margin-bottom:1rem; border:1px solid #ddd; padding:1.5rem 1.25rem; vertical-align:top; transition:all .2s; -webkit-transition:all .2s;}
.kind_box dl:hover {border-color:#0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}
.kind_box dl:nth-child(even) {margin-right:0;}
.kind_box dt {font-family:'SCDream'; color:#111; font-size:1.1rem; font-weight:600; margin:.5rem 0 1rem;}
.kind_box dd p {margin:.25rem 0;}
.kind_box dd .ico {position:absolute; right:1.25rem; top:1.25rem;}

@media screen and (max-width:880px) {
	.kind_box dl {width:100%; min-height:0; margin-right:0;}
	.kind_box dt {margin:.25rem 0 1rem;}
	.kind_box dd .ico {top:.85rem;}
}

@media screen and (max-width:640px) {
	.kind_box dd .ico {top:1rem; width:2.5rem; height:auto;}
}

/*신보사랑방, 업무가이드 공통*/
.down_list_wrap {width:102%; margin-left:-1%; margin-top:0.5rem; line-height:0; font-size:0px; padding:0px; overflow:hidden;}
.down_box {padding:1.25rem; border:1px solid #d2d2d2; background:#f9f9f9;}
.down_box img {max-width:100%; border:1px solid #d2d2d2;}
.down_box .tit {position:relative; font-family:'SCDream'; line-height:1.4; font-size:.9rem; color:#013bb1; font-weight:600; margin-top:.5rem;}
.down_box p {position:relative; font-family:'notosans'; line-height:1.4; font-size:.75rem; color:#333; font-weight:300; margin-top:.5rem; word-break:keep-all;}


/*경영혁신시스템이란*/



.sub-system {margin-top:3rem;}
.sub-system .wide-bg {position:relative;}
.sub-system .wide-bg:before {content:''; position:absolute; top:5.5rem; width:100%; height:60%; background:#f2f9fc;}

h4.tit2_1 {position:relative; display:table; font-family:'SCDream'; font-size:1.4rem; color:#0083cb; margin:0 auto 1.5rem; padding:1.2rem 4rem; border:2px solid #0083cb; border-radius:3rem; background:#fff;}
h4.tit2_1:before, h4.tit2_1:after {content:''; display:block; position:absolute; top:50%; margin-top:-11px; width:19px; height:22px; background:url('/images/web/kodit/sub/img_0103_02_03.png') no-repeat center;}
h4.tit2_1:before {left:-9.5px;}
h4.tit2_1:after {right:-9.5px;}

/*비전혁신공유시스템*/
.share_system01 {background-image:url('/images/web/kodit/sub/img_0108_02-1.png'), url('/images/web/kodit/sub/img_0104_01_05-1.png'); background-repeat:no-repeat; background-position:-100px, 80% -10%;}
.share_system01 .container {padding-right:30%;}

@media screen and (max-width :1400px) {
	.share_system01 {background-position:-200px, 100% bottom; background-size:auto, 15rem;}
}

@media screen and (max-width :768px) {
	.share_system01 {background-image:none;}
}

/*성과관리시스템*/
.result_system01 .container {padding-right:30%; background-image:url('/images/web/kodit/sub/img0104_01_06-1.png');}
.result_system .box_st5 {min-height:150px;}

@media screen and (max-width :768px) {
	.result_system .box_st5 {min-height:auto;}
}

/*공통 화살표 */
/*0103_02.jsp*/
.arrow01 {display:table; margin:1rem auto; width:546px; height:105px; background:url('/images/web/kodit/sub/arrow01.png'); background-size:contain;}
/* 0602_02.jsp 윤리경영가치체계  */
.arrow02 {display:table; margin:1rem auto; width:190px; height:115px; background:url('/images/web/kodit/sub/arrow02.png'); background-size:contain;}

@media screen and (max-width :768px) {
	.arrow01 {width:300px; height:58px;}
	.arrow02 {width:120px; height:73px;}
}

@media screen and (max-width :480px) {
	.arrow01 {width:200px; height:39px;}
	.arrow02 {width:90px; height:54px;}
}
.mg-minus {margin-top:3.5rem !important;}
.mg-minus h3.tit1_2 {display:table; margin:-3rem auto 1rem !important; font-size:1.4rem; color:#fff; background:#2fa4e4; padding:1rem 2rem; border-radius:3rem;}
.mg-minus h3.tit1_2.green {background:#07766f;}
.mg-minus h3.tit1_2.navy {background:#19355d;}
.mg-minus h3.tit1_2.green02 {background:#6b9c00;}

/*공통 (프론트원 0206_05.jsp-점검하기, )*/
.result_li p, .result_li ul {padding:0.5rem; border-radius:1rem;}
.result_li p {background:#2babf1; color:#fff; margin-bottom:0.5rem; text-align:center; font-size:1rem; font-weight:bold;}
.result_li p.green {background:#1fa098;}
.result_li p.green02 {background:#90c320;}
.result_li p.pink {background:#ff5e79;}
.result_li p.purple {background:#6764e0;}
.result_li .list_st2 > li {float:left; width:50%;}
.result_li p+ul {border:1px solid #ccc; background:#fff;}
.result_li > li {position:relative; margin-top:0.5rem;}
.result_li > li i {position:absolute; font-size:1.7rem; top:4.5rem; right:-1.7rem; display:inline-block;}
.result_li > li:last-child i {display:none;}
.process li {position:relative; display:inline-block;}
.process li:after {content:""; display:inline-block; vertical-align:middle; width:1rem; height:1rem; background:url('/common/images/con_com/proce_arrow01.svg') no-repeat center/contain;}

@media screen and (max-width :1023px) {
	.result_li .list_st2 > li {width:100%;}
}

/*프론트원*/
.FRONT1 .proceTy06 {width:70%; margin:0 auto;}

@media screen and (max-width:1023px) {
	.FRONT1 .proceTy06 {width:100%;}
}

@media screen and (max-width:480px) {
	.FRONT1 h3 br {display:none;}
}

/*공통 (프론트원 0206_05.jsp, )*/
.proceTy06 p, .proceTy06 ul {padding:1rem; border-radius:1rem;}
.proceTy06 p {background:#003657; color:#fff; margin-bottom:0.5rem; text-align:center; font-size:1rem; font-weight:bold;}
.proceTy06 p.green {background:#55a400;}
.proceTy06 ul {border:1px solid #ccc; background:#fff; height:163px;}
.proceTy06 > li {position:relative;}
.proceTy06 > li i {position:absolute; font-size:1.7rem; top:4.5rem; right:-1.7rem; display:inline-block;}
.proceTy06 > li:last-child i {display:none;}

@media screen and (max-width:880px) {
	.proceTy06 > li i {right:-1.5rem; font-size:1.5rem;}
}

@media screen and (max-width:640px) {
	.proceTy06 > li {padding-bottom:1.5rem;}
	.proceTy06 > li i {left:50%; right:auto; top:auto; bottom:0; margin-left:-1rem; transform:rotate(90deg);}
}

/*프론트원*/
.FRONT1 .proceTy06 {width:70%; margin:0 auto;}

@media screen and (max-width:1023px) {
	.FRONT1 .proceTy06 {width:100%;}
}

@media screen and (max-width:480px) {
	.FRONT1 h3 br {display:none;}
}

/*U-Connect*/
.U-Connect .wide-bg {position:relative;}
.U-Connect .wide-bg:before {content:''; display:block; position:absolute; width:100%; height:30rem; top:0; left:0; background:#f5f5f5;}
.U-Connect img {margin:2.5rem 0; width:auto; max-width:70%;}
.U-Connect p {font-size:0.9rem; padding-right:40%;}
.U-Connect .container {background:url('/images/web/kodit/sub/img_0206_03-2.png') no-repeat 95% top; background-size:20rem;}
.U-Connect .box {background:#fff; box-shadow:5px 5px 5px rgba(0, 0, 0, .1); margin-top:6rem; overflow:hidden;}
.U-Connect .box h3 {padding:2rem 0 1rem;}
.U-Connect .box .list {overflow:hidden;}
.U-Connect .box .list dl {position:relative; width:25%; min-height:185px; float:left; padding:1rem 2rem; border-right:1px solid #e5e5e5;}
.U-Connect .box .list dl:after {content:''; display:block; position:absolute; right:1.5rem; bottom:0.5rem; width:3rem; height:3rem; background-repeat:no-repeat; background-size:contain;}
.U-Connect .box .list dl:nth-of-type(1):after {background-image:url('/images/web/kodit/sub/img_0206_03-3.png');}
.U-Connect .box .list dl:nth-of-type(2):after {background-image:url('/images/web/kodit/sub/img_0206_03-4.png');}
.U-Connect .box .list dl:nth-of-type(3):after {background-image:url('/images/web/kodit/sub/img_0206_03-5.png');}
.U-Connect .box .list dl:nth-of-type(4):after {background-image:url('/images/web/kodit/sub/img_0206_03-6.png');}
.U-Connect .box .list dl:last-child {border-right:none;}
.U-Connect .box .list dt {color:#D15700; font-family:'SCDream'; font-weight:bold; font-size:1rem; padding-bottom:0.5rem;}
.U-Connect .box .btn_go {margin:2rem 0;}

@media screen and (max-width:1200px) {
	.U-Connect .box {margin-top:4rem; box-shadow:none;}
	.U-Connect .box .btn_go {margin-bottom:0
	}
	.U-Connect .box .list dl {width:50%; padding:1rem;}
	.U-Connect .box .list dl:nth-of-type(2n) {border-right:none;}
	.U-Connect .box .list dl:nth-of-type(1), .U-Connect .box .list dl:nth-of-type(2)
		{border-bottom:1px solid #e5e5e5;}
	.U-Connect p br {display:none;}
	.U-Connect .container {background-size:15rem;}
}

@media screen and (max-width:768px) {
	.U-Connect .container {background-size:10rem;}
	.U-Connect p {padding-right:0;}
}

@media screen and (max-width:640px) {
	.U-Connect .container {background-size:10rem;}
	.U-Connect .box {margin-top:2rem;}
}

@media screen and (max-width:640px) {
	.U-Connect .container {background-size:6rem;}
}

@media screen and (max-width:414px) {
	.U-Connect .container {background-image:none;}
	.U-Connect .box .list dl {width:100%; min-height:auto; border-right:none;}
	.U-Connect .box .list dl:nth-of-type(3) {border-bottom:1px solid #e5e5e5;}
	.U-Connect .box .list dl:after {display:none;}
}

/*추진경과 (0602_04.jsp)*/
.sub0602_04 {overflow:hidden; border-top:2px solid #0083cb;}
.sub0602_04 p {font-weight:800;}
.sub0602_04 .year {border-bottom:1px solid #ccc; padding:1rem 0 0; overflow:hidden;}
.sub0602_04 .year > p {font-size:1.5rem; display:inline-block; width:200px; vertical-align:top; text-align:center;}
.sub0602_04 .detail {display:inline-block; width:calc(100% - 250px);}
.sub0602_04 .date {overflow:hidden; margin:0.5rem 0;}
.sub0602_04 .date > p {font-size:1rem; color:#0083cb; display:inline-block; width:150px; vertical-align:top; text-align:center;}
.sub0602_04 .date > ul {display:inline-block; width:calc(100% - 200px);}

@media screen and (max-width:880px) {
	.sub0602_04 .year {padding:0;}
	.sub0602_04 .year > p, .sub0602_04 .detail {width:100%;}
	.sub0602_04 .year > p {text-align:left; background:#f5f5f5; padding:0.5rem 1rem; font-size:1.2rem;}
	.sub0602_04 .date > p {width:100px;}
	.sub0602_04 .date > ul {width:calc(100% - 130px);}
}

/* 자발적공시(메뉴리스트) */
.gongsi.box_st_wrap {margin-top:0 !important;}
.gongsi .box_w30 {margin:0 1%;}
.gongsi h4 {background:#0083cb; color:#fff; text-align:center; padding:0.5rem; border:1px solid #0083cb;}
.gongsi .list_st0 > li {border-bottom:1px solid #ddd; padding:0.5rem; font-size:0.85rem;}
.gongsi .list_st0 > li:last-child {border-bottom:none;}
.gongsi .list_st2 {padding:0.5rem;}
.gongsi .list_st2 > li {font-size:0.8rem; color:#666;}
.gongsi .box_w30:nth-of-type(1), .gongsi .box_w30:nth-of-type(2),
.gongsi .box_w30:nth-of-type(3) {margin-bottom:1rem !important;}
/*active*/
.gongsi h4:hover {/*background:#004870; box-shadow:2px 2px 5px rgba(0,0,0,.2)*/}
.gongsi .list_st0 > li a:hover {font-weight:700; color:#0083cb;}
.gongsi .list_st2 > li a:hover {font-weight:700; color:#666;}

@media screen and (max-width:1023px) {
	.gongsi .box_w30:nth-of-type(4) {margin-bottom:1rem !important;}
}

@media screen and (max-width:480px) {
	.gongsi .box_w30:nth-of-type(5) {margin-bottom:1rem !important;}
}

/* 자발적공시 - 관계법령 링크리스트 */
.rlwlst ul {width:calc(100% + 2%); margin-left:-1%; overflow:hidden; font-size:0; line-height:0;}
.rlwlst li {display:inline-block; width:31%; margin:.25rem 1%; vertical-align:top; font-size:.8rem; line-height:1.6;}
.rlwlst li a {display:block;}
.rlwlst li a[target="_blank"]:before {content:"\e980"; float:right; margin-left:5px; font-size:0.9rem; font-family:'xeicon';}

@media screen and (max-width:980px) {
	.rlwlst li {width:48%;}
}

@media screen and (max-width:640px) {
	.rlwlst ul {margin:0; width:100%;}
	.rlwlst li {width:100%; margin:.25rem 0;}
}

/*핵심가치 (0602_02.jsp 윤리경영가치체계, 0103_01.jsp 개요-경영전략)*/
.mainValue {font-size:0; text-align:center; margin:2rem 0 3rem;}
.mainValue li {position:relative; display:inline-block;}
.mainValue li span, .mainValue li:before {display:block; width:13.2rem; height:13.2rem; border-radius:50%;}
.mainValue li span {position:relative; background:linear-gradient(to right, #f3f9e9, #e6f2f9); margin-right:2rem; font-size:1.2rem; font-family:'SCDream'; padding-top:3rem; font-weight:bold;}
.mainValue li span strong {display:block; font-size:0.7rem;}
.mainValue li:before {content:''; position:absolute; left:6.6rem; border:1px dotted #555;}
.mainValue li:last-child span {margin-right:0 !important;}
.mainValue li:last-child:before {display:none;}
.mainValue li span i {display:block; width:80px; height:80px; margin:0.5rem auto 1rem; background-size:100%; background-repeat:no-repeat; background-image:url('/images/web/kodit/sub/mainValue01.png');}
.mainValue li:nth-of-type(2) span i {background-image:url('/images/web/kodit/sub/mainValue02.png');}
.mainValue li:nth-of-type(3) span i {background-image:url('/images/web/kodit/sub/mainValue03.png');}
.mainValue li:nth-of-type(4) span i {background-image:url('/images/web/kodit/sub/mainValue04.png');}

@media screen and (max-width:1200px) {
	.mainValue li span, .mainValue li:before {width:12rem; height:12rem;}
	.mainValue li span {margin-right:1rem;}
	.mainValue li:before {left:6rem;}
}

@media screen and (max-width:1023px) {
	.mainValue li span, .mainValue li:before {width:10rem; height:10rem;}
	.mainValue li span {padding-top:1.5rem; font-size:1rem;}
	.mainValue li:before {left:5rem;}
}

@media screen and (max-width:880px) {
	.mainValue li span, .mainValue li:before {width:8rem; height:8rem;}
	.mainValue li span {padding-top:1rem;}
	.mainValue li:before {left:4rem;}
	.mainValue li span i {width:3rem; height:3rem; margin:0.5rem auto;}
}

@media screen and (max-width:640px) {
	.mainValue {margin:1.5rem 0 0.5rem;}
	.mainValue li {width:23%; margin-right:2.666%;}
	.mainValue li:last-child {margin-right:0;}
	.mainValue li:before {display:none;}
	.mainValue li span {width:100%; height:100%; border-radius:0; padding:1rem 0;}
}



@media screen and (max-width:414px) {
	.mainValue li {width:49%; margin-right:2%;}
	.mainValue li:nth-of-type(1), .mainValue li:nth-of-type(2) {margin-bottom:0.5rem;}
	.mainValue li:nth-of-type(2n) {margin-right:0;}
}

/*0204_01.jsp (산업기반신용보증)업무소개*/
.sub_0204_01 .illu .container {min-height:16rem; background-image:url('/images/web/kodit/sub/img_0204_01-1.png');}
.sub_0204_01 .rsp_img {margin-top:2rem;}
.sub_0204_01 .list_st1 {overflow:hidden;}
.sub_0204_01 .list_st1.modify > li {width:33.333%; float:left; padding-right:0.5rem;}
.sub_0204_01 table td {text-align:left; padding-left:2rem !important;}

@media screen and (max-width:768px) {
	.sub_0204_01 .illu .container {min-height:auto;}
	.sub_0204_01 .illu .container br {display:none;}
	.sub_0204_01 .list_st1.modify > li {width:50%;}
	.sub_0204_01 table td {padding-left:.25rem !important;}
}

@media screen and (max-width:414px) {
	.sub_0204_01 .list_st1.modify > li {width:100%;}
}

/* 보험상품 및 운용방식 */
.insurance_box {position:relative; padding:2rem 2rem 2.5rem; border:2px solid #a9c9db; margin-top:1rem;}
.insurance_box .ico {position:absolute; right:1.25rem; top:1.25rem;}

@media screen and (max-width:880px) {
	.insurance_box .ico {top:.85rem;}
}

@media screen and (max-width:640px) {
	.insurance_box .ico {top:1rem; width:2.5rem; height:auto;}
}

/*부서별 업무 및 연락처*/
.organCall .bbs_srch select {min-width:40rem; border:1px solid #6c6c6c; background:#fff;}
.organCall h3 {/*margin:1rem 0 0.5rem; */}
.organCall table tr td:nth-of-type(2) {text-align:left;}
.mgt3r {margin-top:3rem;}

@media screen and (max-width:1023px) {
	.organCall .bbs_srch select {min-width:100%;}
}

/*신용보증기금윤리경영*/
.sub0602_01 .organ02:before {display:none;}
.sub0602_01 .organ02.container {padding-bottom:0;}

/* 버튼+설명 */
.btn_box {position:relative; overflow:hidden; border:1px solid #dbeaf3; padding:1rem; background:#f4fbff;}
.btn_link {float:left; padding-right:1rem;}
.btn_txt {width:100%; /* float:left; */	word-break:keep-all;}

@media screen and (max-width:800px) {
	.btn_link {float:none; padding-right:0;}
}

/* 열린경영_국민추천 아코디언 */
.slideList {position:relative; margin:2rem 0 0;}
.slideList a.allShow {position:absolute; right:0; top:-45px; padding-right:0; font-size:16px; border-radius:10rem; background:#003657; display:inline-block; padding:.2rem 1rem; color:#fff;}
.slideList a.allShow::before {/* content:"\e930"; */ background:#0282cb;}
.slideList a.allShow.show::before {top:2px; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.slideList > dl {border:1px solid #ccc; margin-bottom:.5rem;}
.slideList > dl.open {border:1px solid #0083cb;}
.slideList > dl > dt {position:relative; padding:1rem 0 1rem 3.5rem; font-size:18px; line-height:30px; cursor:pointer;}
.slideList > dl > dt span {position:absolute; left:1rem; top:.8rem; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; background:#ffffff; color:#0083cb; font-weight:600;}
.slideList > dl > dt::before {content:"\e936"; position:absolute; right:1rem; top:.8rem; width:1.5rem; height:1.5rem; line-height:1.55rem; border-radius:50%; font-size:.9rem; color:#fff; text-align:center; background:#ccc; font-family:'xeicon';}
.slideList > dl > dt::after {content:""; position:absolute; right:15px; top:50%; width:14px; height:14px; margin-top:-7px; background:url('/images/web/mbso/sub_cnt/ico_arr.png') no-repeat center;}
.slideList > dl.open > dt::before {content:"\e930"; background:#0282cb;}
.slideList > dl.open > dt::after {background:url('/images/web/mbso/sub_cnt/ico_arr_w.png') no-repeat center; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.slideList > dl > dd {position:relative; padding:1rem 1rem 1.5rem 2.5rem; border-top:1px solid #ccc; margin:0 1rem;}
.slideList > dl > dd:before {content:"A"; position:absolute; left:.8rem; top:1rem; color:#808080; font-size:1.1rem;}
.slideList > dl.open > dt {/* background:#ffffff; */ color:#333;}
.slideList > dl.open > dt span {background:#fff; color:#0083cb;}
.slideList > dl.open > dt:hover {/* background:#34b2c3; */ color:#0083cb;}
.slideList > dl > dt, .slideList span, .slideList ::before, .slideList ::after {transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease;}




/*개인정보처리방침 */
h4.tit2 span img{height: 2rem; margin-top: -.35rem; padding-left:.5rem;}
.box_st3 li.contents_privacy span img{height: 2rem; margin-top: -.35rem; padding-left:.7rem;}
.box_st3 li.contents_privacy {margin:.35rem 3rem; font-size:1.05rem; font-weight:300; color:#444;}
.privacy_box {font-size:0; line-height:0; word-break:keep-all;}
.privacy_box dl {position:relative; width:31%; min-height:11rem; display:inline-block; font-size:.75rem; line-height:1.5; margin-right:2%; margin-bottom:1rem; border:1px solid #ddd; padding:1.5rem 1.25rem; vertical-align:top; transition:all .2s; -webkit-transition:all .2s;}
.privacy_box dl:hover {border-color:#0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}


.privacy_box dl:hover dd{display: block; position:absolute; right:-17rem; top:1rem; background-color: #fff; z-index: 1; border: 1px solid #0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}
.privacy_box dl:nth-child(3n):hover dd{display: block; position:absolute; right:15rem; top:1rem;}
.privacy_box dl dd{display: none; }

.privacy_box dt {font-family:'SCDream'; color:#111; font-size:1rem; font-weight:600; margin:.5rem 0 1rem; text-align: center;}
.privacy_box dt p{margin:.5rem 0 1rem; text-align: center; min-height: 4.5rem;}
.privacy_box dt p img{height:6rem;}
.privacy_box dd { display: none; background-color: #fff; width: 22rem;}
.privacy_box dd .font_title {background-color: #0652b1; color: #fff; padding: 0.6rem 1rem; font-weight: 600; margin-bottom: .75rem; font-size: .85rem;}
.privacy_box dd .font_stit {padding:0 .95rem; font-size: .85rem; font-weight: 500;}


.privacy_box dd ul {padding: 1rem;}
.privacy_box dd ul li{ padding: .5rem .75rem; border: 1px solid #e1e1e1; display: block; border-radius: .4rem; margin-bottom: .4rem;}
.privacy_box dd ul li em{ color: #0aa2f4; font-weight: 600; width: 7rem; display: inline-block; width: 5.5rem;}
.privacy_box dd ul li em.st01{ height: 4rem; float:left; clear:both;}
.privacy_box dd ul li em.st02{ height: 3rem; float:left; clear:both; }

@media screen and (max-width:880px) {
	.privacy_box dl {width:100%; min-height:0; margin-right:0;}
	.privacy_box dl dt p img{ height: 4rem;}
	.privacy_box dl {pointer-events:none;}
	.privacy_box dl:hover dd{display: none;}
	.privacy_box dl:nth-child(3n):hover dd{display: none;}
	.privacy_box dl dd{display: block; width: 100%; background-color: #fff; z-index: 1; border: 1px solid #0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}

	.privacy_box dt {margin:.25rem 0 1rem;}
	.privacy_box dd .ico {top:.85rem;}

	.privacy_box dd ul li em.st01{ height: 3rem; float:left; clear:both;}
	.privacy_box dd ul li em.st02{ height: 2rem; float:left; clear:both;}
	.privacyImg img{width:100%; }

}

@media screen and (max-width:640px) {

	.privacy_box dl {width:100%; min-height:0; margin-right:0;}
	.privacy_box dl dt p img{ height: 4rem;}
	.privacy_box dl {pointer-events:none;}
	.privacy_box dl:hover dd{display: none;}
	.privacy_box dl:nth-child(3n):hover dd{display: none;}
	.privacy_box dl dd{display: block; width: 100%; background-color: #fff; z-index: 1; border: 1px solid #0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}

	.privacy_box dd .ico {top:1rem; width:2.5rem; height:auto;}

	.privacy_box dd ul li em.st01{ height: 3rem; float:left; clear:both;}
	.privacy_box dd ul li em.st02{ height: 2rem; float:left; clear:both; }
	.privacyImg img{width:100%;}
}


@media screen and (max-width:460px){

	.privacy_box dl {width:100%; min-height:0; margin-right:0;}
	.privacy_box dl dt p img{ height: 4rem;}
	.privacy_box dl {pointer-events:none;}
	.privacy_box dl:hover dd{display: none;}
	.privacy_box dl:nth-child(3n):hover dd{display: none;}
	.privacy_box dl dd{display: block; width: 100%; background-color: #fff; z-index: 1; border: 1px solid #0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}

	.privacy_box dd .ico {top:1rem; width:2.5rem; height:auto;}

	.privacy_box dd ul li em.st01{ height: 3rem; float:left; clear:both;}
	.privacy_box dd ul li em.st02{ height: 2rem; float:left; clear:both; }
	.privacyImg img{width:100%;}
}

/*재정 정보 공개 시스템_ 테이블 폰트크기 */
.tbl_ft th {font-size:0.75rem !important;}
.tbl_ft td {font-size:0.6rem !important; padding:.5rem .2rem;}
.tblRsp_2 > table .mobCate {display:none;}
.link_wrap {position:absolute; right:1rem; bottom:1rem;}
@media screen and (max-width:1080px) {
	.tbl_ft th {font-size:0.7rem !important;}
	.tbl_ft td {font-size:0.62rem !important;}
}

@media screen and (max-width:1200px) {/* table 모바일 대응 */
	/*div[class*='tbl_st'] .m-hid{display:none;}
  		div[class*='tbl_st']  >  table td {padding:0.35rem;}*/
	/* table 모바일 01 */
	.tblRsp_2 > table {overflow:hidden; margin-bottom:.5rem; border-top:0 !important; border-bottom:1px solid #ddd;}
	.tblRsp_2 > table, .tblRsp_2 > table > tbody, .tblRsp_2 > table > tfoot {display:block;}
	.tblRsp_2 > table tr {display:block; width:100%; float:left;}
	.tblRsp_2 > table td, .tblRsp_2 > table th {display:block; width:100%; float:left;}
	.tblRsp_2 > table .m-hid {display:none;}
	.tblRsp_2 > table tr > th {padding:.5rem; text-align:left; background:#f5fbff; border-top:1px solid #0083cb; font-size:1rem; border-left:0; border-bottom:1px solid #ddd;}
	.tblRsp_2 > table tr > td {padding:.25rem .25rem .5rem; text-align:left; border-left:0; border-bottom:0;}
	.tblRsp_2 > table tr > th+th {border-top:0;}
	.tblRsp_2 > table tr+tr > th {margin-top:1rem;}
	.tblRsp_2 > table tr > th br {display:none;}
	.tblRsp_2 > table tr:first-child > th.tblTit01:first-child {margin-top:0;}
	.tblRsp_2 > table > tfoot {width:100%; float:left; border-top:1px solid #888; margin-top:1rem;}
	.tblRsp_2 > table > tfoot > tr > th {background:#ecf0f2;}
	.tbl_line {border-top:1px solid #ddd;}
	/** 모바일 타이틀 구분 **/
	.tblRsp_2 > table .m-title {display:block; margin:0; background:none; border-bottom:1px solid #ddd; border-top:1px solid #ddd; ; background:#f9f9f9; font-size:.9rem; color:#333;}
	.tblRsp_2 > table th+.m-title {border-top:0;}
	.tblRsp_2 > table .m-title br {display:none;}
	.tblRsp_2 > table tbody tr:first-child .m-title:first-of-type,
	.tblRsp_2 > table tfoot tr:first-child .m-title:first-of-type{margin-top:0;}

	/** 모바일 row **/
	.tblRsp_2 > table .mobCate {display:inline-block; padding-right:.5rem; font-weight:400; font-size:.8rem; color:#014d9b;}
	.tblRsp_2 > table tr.m-w100 > td.m-th {width:100%;}
	.tblRsp_2 > table tr > td.m-th {width:50%;}
	.tbl_ft th {font-size:0.75rem !important;}
	.tbl_ft td {font-size:0.75rem !important;}
}

@media screen and (max-width:640px) {
	.link_wrap {position:relative; right:auto; bottom:auto;}
}


@media screen and (max-width:480px) {/** 모바일 row **/
	.tblRsp_2 > table > tbody > tr > td.m-th {width:100%;}
}

/* 인재개발원 명소추천 */
.pr_box {position:relative; overflow:hidden; padding:1.25rem 1rem; border:1px solid #d2d2d2; background:#fff;}
.pr_box .img_box {width:8rem; color:#fff; font-weight:bold; position:relative; z-index:1; float:left;}
.pr_box .txt_box {position:relative; z-index:1; float:left; text-align:left; margin-left:1rem;}
.pr_box .txt_box .tit {position:relative; font-family:'SCDream'; line-height:1.4; font-size:.85rem; color:#333; font-weight:700;}
.slideList_2 {position:relative; margin:4rem 0 0;}
.slideList_2 a.allShow {position:absolute; right:0; top:-45px; padding-right:0; font-size:16px; border-radius:10rem; background:#003657; display:inline-block; padding:.2rem 1rem; color:#fff;}
.slideList_2 a.allShow::before {/* content:"\e930"; */ background:#0282cb;}
.slideList_2 a.allShow.show::before {top:2px; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.slideList_2 > dl {/* border-top:1px solid #ccc; */ margin-bottom:.5rem;}
.slideList_2 > dl.open {/* border:1px solid #0083cb; */}
.slideList_2 > dl > dt {position:relative; padding:1rem 0 1rem 1rem; font-family:'SCDream'; line-height:1.4; font-size:1rem; color:#333; font-weight:700; cursor:pointer; background:#fff; border:2px solid #ccc;}
.slideList_2 > dl > dt span {position:absolute; left:1rem; top:.8rem; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; background:#ffffff; color:#0083cb; font-weight:600;}
.slideList_2 > dl > dt::before {content:"\e936"; position:absolute; right:1rem; top:1rem; width:1.5rem; height:1.5rem; line-height:1.55rem; border-radius:50%; font-size:.9rem; color:#2457a3; text-align:center; background:#e6e6e6; font-family:'xeicon';}
.slideList_2 > dl > dt::after {content:""; position:absolute; right:15px; top:50%; width:14px; height:14px; margin-top:-7px; background:url('/images/web/mbso/sub_cnt/ico_arr.png') no-repeat center;}
.slideList_2 > dl.open > dt::before {content:"\e930"; background:#ffffff;}
.slideList_2 > dl.open > dt::after {background:url('/images/web/mbso/sub_cnt/ico_arr_w.png') no-repeat center; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.slideList_2 > dl > dd {position:relative; padding:1rem 1rem; /* border-top:1px solid #ccc; */}
.slideList_2 > dl > dd:before {/* content:"A"; */ position:absolute; left:.8rem; top:1rem; color:#808080; font-size:1.1rem;}
.slideList_2 > dl.open > dt {background:#2457a3; color:#fdfdfd; border:2px solid #2457a3;}
.slideList_2 > dl.open > dt span {background:#fff; color:#0083cb;}
.slideList_2 > dl.open > dt:hover {background:#2457a3; color:#fff; border:2px solid #2457a3;}
.slideList_2 > dl > dt, .slideList_2 span, .slideList_2 ::before,
.slideList_2 ::after {transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease;}

@media screen and (max-width:580px) {
	.pr_box .img_box {width:100%; text-align:center;}
	.pr_box .txt_box {margin:1rem 0;}
}

/* 인재개발원 센터정보 */
.centerInfo {text-align:center;}
.centerInfo video {width:100%; height:auto;}
.centerInfo img {max-width:100%; height:auto;}
/*.centerInfo video, .centerInfo img {display:none;}*/

/* 사전정보공개시스템_아이콘탭 */
.tab_st_ico > ul {display:table; table-layout:fixed; width:100%; overflow:hidden; font-size:0; line-height:0; border-left:1px solid #ddd;}
.tab_st_ico > ul > li {/*display:table-cell; */}
.tab_st_ico > ul > li a {position:relative; display:block; padding:.75rem 1.5rem .75rem 2.5rem; color:#777; font-size:.85rem; background:#fff; border:1px solid #ddd; border-left:0;}
.tab_st_ico a:hover, .tab_st_ico a:focus,
.tab_st_ico a:hover:before,
.tab_st_ico a:focus:before,
.tab_st_ico > .select:before,
.tab_st_ico li.on a:before{color:#0083cb;}
.tab_st_ico a:after {content:"\e935"; position:absolute; right:.5rem; top:50%; width:1rem; height:1rem; line-height:1rem; margin-top:-.5rem; font-family:'xeicon'; color:#777; font-size:12px; text-align:center;}
.tab_st_ico a[target='_blank']:after {font-size:0.8rem;}
.tab_st_ico > .select:before, .tab_st_ico li.on a:after {color:#0083cb;}
.tab_st_ico > ul > li a:before {content:""; display:block; width:33px; height:34px; position:absolute; left:.5rem; top:.5rem;}
.tab_st_ico > ul > li a.ico_01:before {background:url('/images/web/kodit/sub/ico_tab_01.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_02:before {background:url('/images/web/kodit/sub/ico_tab_02.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_03:before {background:url('/images/web/kodit/sub/ico_tab_03.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_04:before {background:url('/images/web/kodit/sub/ico_tab_04.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_05:before {background:url('/images/web/kodit/sub/ico_tab_05.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_06:before {background:url('/images/web/kodit/sub/ico_tab_06.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_07:before {background:url('/images/web/kodit/sub/ico_tab_07.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_08:before {background:url('/images/web/kodit/sub/ico_tab_08.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_09:before {background:url('/images/web/kodit/sub/ico_tab_09.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_10:before {background:url('/images/web/kodit/sub/ico_tab_10.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_11:before {background:url('/images/web/kodit/sub/ico_tab_11.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_12:before {background:url('/images/web/kodit/sub/ico_tab_12.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_13:before {background:url('/images/web/kodit/sub/ico_tab_13.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_14:before {background:url('/images/web/kodit/sub/ico_tab_14.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_15:before {background:url('/images/web/kodit/sub/ico_tab_15.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_16:before {background:url('/images/web/kodit/sub/ico_tab_16.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_17:before {background:url('/images/web/kodit/sub/ico_tab_17.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_18:before {background:url('/images/web/kodit/sub/ico_tab_18.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_19:before {background:url('/images/web/kodit/sub/ico_tab_19.png') no-repeat left;}
.tab_st_ico > ul > li a.ico_20:before {background:url('/images/web/kodit/sub/ico_tab_20.png') no-repeat left;}
.tab_st_ico > ul > li.on a {color:#111; background:#fff; border-color:#0083cb; border-left:1px solid #0083cb; z-index:1;}

@media screen and (max-width:1240px) {/* 사전정보공개시스템_아이콘탭 */
	.reactTab.tab_st_ico > .select {display:block; padding:1rem 1.5rem 1rem 1rem; border:1px solid #0083cb;}
	.reactTab.tab_st_ico ul > li+li a {border-top:0;}
	.tab_st_ico > ul > li a {padding:.75rem 0 .75rem 3rem;}
}

@media screen and (max-width:430px) {/* 사전정보공개시스템_아이콘탭 */
	.reactTab.tab_st_ico ul > li a:before {display:none;}

	.tab_st_ico > ul > li a {padding:.75rem 0 .75rem 1rem;}
}

/* 홍보동영상 */
.pr_box_wrap {width:102%; margin-left:-1%; margin-top:.5rem; padding:0; line-height:0; font-size:0; overflow:hidden;}
.pr_box_wrap .pr_tit {position:relative; font-family:'SCDream'; line-height:1.4; font-size:1.3rem; color:#111; font-weight:700; margin:1.5rem 0 0 .5rem;}
.pr_box_wrap .pr_tit:first-child {margin-top:0 !important;}
.pr_con {position:relative;}
.pr_con dt {position:absolute; left:0; top:0; width:30%; text-align:center;}
.pr_con dt img {width:90%;}
.pr_con dd h4 {margin-top:0; padding-left:35%;}
.pr_con dd > ul {margin-left:35%; width:65%; min-height:90px;}
.pr_con .btn {margin-top:1rem; text-align:right;}
.subtit {height:150px; overflow:hidden; overflow-y:scroll; padding:0 1rem; text-align:left; margin:1rem 0 0;}

@media screen and (max-width:1023px) {
	.pr_con dt {position:relative; width:100%; margin-bottom:1rem;}
	.pr_con dd h4 {padding-left:0%;}
	.pr_con dd > ul {margin-left:0%; width:100%;}
	.pr_con, .pr_con .btn {text-align:center;}
}

@media screen and (max-width:640px) {
	.pr_con dt img {width:70%;}
}

/* 공모신청 */
.contest{position:relative; overflow:hidden;}
.contest ul li{position:relative; width:calc(33.33% - 2rem); margin:0 1rem 2rem; height:100%; float:left; border:1px solid #ddd; /* margin:.5rem; */}
.contest ul li:before{content:''; display:block; position:absolute; left:1.5rem; top:1.5rem; width:47px; height:23px; background:url('/images/web/kodit/sub/contest_logo.png') no-repeat left;}
.contest ul li a {display:block; padding:3.5rem 1.5rem 2rem; min-height:240px;}
.contest ul li .bx{position:absolute; right:1rem; top:1rem; display:inline-block; border-radius:15rem; background:#5c5c5c; padding:.2rem .8rem; color:#fff;} /* 마감 기본 */
.contest ul li .tit{font-size:1rem; color:#888; font-weight:400; height:3rem; line-height:1.4rem; overflow:hidden; word-break:keep-all; margin-bottom:1rem; ;}
.contest ul li .date{color:#999;}
.contest ul li .date span{display:block;}
.contest ul li.ing a:hover {background:#e5f5ff;}
.contest ul li.ing{background:#f5fbff; border:1px solid #bee1f9;}
.contest ul li.ing .date{font-weight:400; color:#003657;}
.contest ul li.ing .date span{display:block; color:#666;}
.contest ul li.ing .bx{background:#0083cb;} /* 접수중 */
.contest ul li.ing .tit{font-size:1rem; color:#003657; font-weight:600; height:3rem; line-height:1.4rem; overflow:hidden; word-break:keep-all; margin-bottom:1rem;}
.contest ul li.ready .bx{background:#ff4f4f;} /* 준비중 */
/*.contest ul li .ico{position:absolute; width:3.75rem; height:3.75rem; right:1rem; bottom:1rem;}*/


@media screen and (max-width:1100px) {
	.contest ul li{width:calc(50% - 2rem);}
}

@media screen and (max-width:700px) {
	.contest ul li{width:100%; margin:0 0 1rem;}
	.contest ul li a {min-height:auto;}
	.contest ul li.ing .tit {min-height:auto;}
	.contest ul li .ico {display:none;}
}

/* 정보공개_업무처리절차 */
.process_Box {overflow:hidden;}
.pro_cont {position:relative;width:100%;min-height: 160px;overflow: hidden;margin-bottom: 1rem;border-bottom: 1px solid #d3d5d6;padding: 0 0 1rem;}
.pro_cont .tit {position: relative;width: 200px;float: left;margin: .7rem auto;text-align: center;}
.pro_cont .tit:before {position: relative;width: 18%;float: left;margin-top: .7rem;}
.pro_cont .tit h4 {font-family:'SCDream';font-size: .9rem;font-weight:600;padding: 1rem 0;text-align: center;background: #0083cb;border-radius:1rem;color: #fff;}
.pro_cont .tit h4 br{display:none;}
.pro_cont .txt {width: 78%;float: right;}
.pro_cont .brd_tit:before {content:'';display:block;position:absolute;width:100%;height:2px;/* background:#0083cb; */top:0;left:0;}
/*.pro_cont .left:before { content:'';display:block;position:absolute;left: 5rem;top: 23px;width:80px;height:44px;background:url('/images/web/kodit/sub/btn_row2.png') no-repeat left;}*/
.pro_cont .row {display: block;width:80px;height:44px;text-align: center;margin: 0.5rem auto;}
.pro_cont .row2 {display: block;width:80px;height:44px;position: absolute;left: 3rem;top: 2rem;}
.no-line {border-bottom:none;}

@media screen and (max-width :1024px) {
    .pro_cont .tit {width: 20%;}
    .pro_cont .txt {width: 75%;}
    .pro_cont .tit h4 {border-radius:1rem;}
}

@media screen and (max-width :800px) {
    .pro_cont .txt {width: 69%;}
    .pro_cont .tit {width:25%;}
    .pro_cont .tit h4 br{display:block;}
}

@media screen and (max-width :420px) {
    .pro_cont .tit h4 {font-size:.85rem;}
    .pro_cont .tit h4 br{display:block;}
}

/* 신보사랑방 팝업 리스트 반응형 */
.list_rep li{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	padding-bottom: 7px;
}
.list_rep li b{
	flex-shrink: 0;
	width: 140px;
}

@media screen and (max-width :1440px) {
	.list_rep li b{
		flex-shrink: 0;
		width: 130px;
	}
}

@media screen and (max-width :420px) {
	.list_rep li{
		flex-wrap: wrap;
		flex-direction: column;
		gap: 0;
	}
	.list_rep li b{
		flex-shrink: inherit;
		width: auto
	}
}

/* 경영전략 미션 및 비전 상단 컨텐츠 제거 및 이미지수정 2024-03-04 */
.mission01 .container.top-img:before {position:relative; left:inherit; top:inherit; width:100%; }
.mission01 .top-img dl{display:none;}
