@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@700&display=swap');
/* 서브페이지 상단 및 공용 시작 */
.subgn {
	background: url(../img/subg.png) no-repeat center;
	background-size: cover !important;

}

.subgn.A0000 { background: url(../img/subA0000.png) no-repeat center; }
.subgn.B0000 { background: url(../img/subB0000.png) no-repeat center; }
.subgn.C0000 { background: url(../img/subC0000.png) no-repeat center; }
.subgn.D0000 { background: url(../img/subD0000.png) no-repeat center; }
.subgn.E0000 { background: url(../img/subE0000.png) no-repeat center; }

.subconBox {
	background: #FFF;
	padding: 0;
	box-sizing: border-box;
}

.subreporttitle {
	text-align: center;
	padding: 40px 0 70px;
	font-size: 34px;
	line-height: 160%;
	font-weight: 500;
}

.subreporttitle span {
	display: block;
	width: 35px;
	height: 1px;
	background: #000;
	margin: 0 auto
}

.subg {
	padding-top: 80px;
	height: 200px;
	color:#000;
	font-size: 32px;
	text-align: center;
		background-size: cover;
	box-sizing: border-box;
}

.subg h2 {
	font-size: 40px;
	font-weight: 700;
	color: #282828;
}

.subg .line {
	display: inline-block;
	width: 40px;
	height: 1px;
	background:rgba(0,0,0,0.6);
	position: relative;
	top: -30px;
}

.subconBox {
	background: #FFF;
	padding: 0;
	box-sizing: border-box;
}

.subreporttitle {
	text-align: center;
	padding: 40px 0 70px;
	font-size: 34px;
	line-height: 160%;
	font-weight: 500;
}

.subreporttitle span {
	display: block;
	width: 35px;
	height: 1px;
	background: #000;
	margin: 0 auto
}
.subcontent .subnav .subnav-in{float:left;height:60px;}
.subcontent .subnav .sns{float:right;line-height:60px;}
.subcontent .subnav .sns .snshidden{display:none;}
.subcontent .subnav .sns .snshidden span{padding-left:5px;}
.subcontent .subnav .sns > div{float:left;cursor:pointer;}
.subcontent .subnav .sns .printico{margin-left:20px;}
.subcontent .subnav .sns .snsico{margin-left:10px;}
.subcontent .subnav .subnav-in .subhome{float:left;width:100px;text-align:center;background:rgba(39,114,177,0.75);}
.subcontent .subnav .subnav-in .subhome a{display:block;}
.subcontent .subnav .container{background:rgba(39,114,177,0.75);height:70px;line-height:70px;top:-70px;webkit-box-shadow:0px 3px 34px -13px rgba(0,0,0,0.56);-moz-box-shadow:0px 3px 34px -13px rgba(0,0,0,0.56);box-shadow:0px 3px 34px -13px rgba(0,0,0,0.56);}


.printw{overflow:hidden;float:right;line-height:60px;margin-right:20px;}
.printw a.addthis_button_url{display:inline-block;padding-left:29px;height:34px;vertical-align:middle;margin-right:1px;border-right:1px solid rgba(255,255,255,0.3);box-sizing:border-box;box-sizing:border-box;color:#8a8a8a;padding:0 22px;}
.printw a.addthis_button_url:last-child{margin-right:0;}
.printw a.btn-b2{background:url(../img/inc/check.png) no-repeat 10px center;}
.printw a.btn-b3{background:url(../img/inc/print.png) no-repeat 10px center;}

.subcontent .navbar-fixed-top{border-bottom:none !important;}
.subcontent .navbar-fixed-top .subnav-in .subhome{/*border-left:1px solid #a9744a !important;border-right:1px solid #5877de !important;*/}

.contsBox{margin:20px auto 60px;min-height:500px;font-weight:300;font-size:19px;line-height:160%;overflow:hidden;}

.hiddenover{overflow:hidden;float:left;margin-right:8px;display:none;}
.hiddenoverw{overflow:hidden;float:right;margin-right:3px;line-height:60px;}
.hiddenoverw .btn-b1{display:block;}
.hiddenover a.addthis_sns_url{display:inline-block;text-align:center;width:37px;height:36px;vertical-align:middle;margin-right:1px;}
.hiddenover a.btn-sns1{background:#fff url(../img/inc/mm_sns01.png) no-repeat 0 0;}
.hiddenover a.btn-sns2{background:#fff url(../img/inc/mm_sns02.png) no-repeat 0 0;}
.hiddenover a.btn-sns3{background:#fff url(../img/inc/mm_sns03.png) no-repeat 0 0;}
.hiddenover a.btn-sns4{background:#fff url(../img/inc/mm_sns04.png) no-repeat 0 0;}
.hiddenoverw a.btn-b1{background:url(../img/inc/url.png) no-repeat 10px center;display:inline-block;vertical-align:middle;height:34px;vertical-align:middle;margin-right:1px;border-right:1px solid rgba(255,255,255,0.3);box-sizing:border-box;line-height:34px;color:#8a8a8a;font-size:12px;padding-left:35px;padding-right:12px;}

.subcontent .navbar-fixed-top {
	border-bottom: none !important;
}

.subcontent .navbar-fixed-top .subnav-in .subhome {
	border-left: 1px solid #a65ad0 !important;
}

.qaright {
	position: fixed;
	top: 540px;
	width: 134px;
	left: 50%;
	margin-left: 730px;
}

.qaright dl {
	display: block;
	color: #363636;
	background-color: #f8f9fd;
	border: 1px solid #d6d7db;
}

.qaright dl dt {
	display: block;
	text-align: center;
	line-height: 38px;
	color: #494949;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #d6d7db;
	font-family: 'Futura-Medium';
	font-weight: 700;
}

.qaright dl dd {
	padding: 10px 5px;
}

.qaright dl dd a {
	display: inline-block;
	margin: 1px 0;
	padding: 0 6px;
	line-height: 20px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d8d8d8;
}

.qaright dl dd a:hover {
	color: #ea4a3d;
	border: 1px solid #ea8d8c;
}


/* 서브페이지 좌측메뉴 정렬 끝 */

/*탭메뉴*/
.tabm .subtabmenu ul {
	position: relative;
}

.tabm .subtabmenu .tab_content {
	position: relative;
	padding-top: 70px;
	display: none;
}

.tabm .subtabmenu .tab_container:before {
	position: absolute;
	width: 1180px;
	left: 50%;
	margin-left: -590px;
	height: 2px;
	content: '';
	background: #000;
	top: 48px;
	z-index: 2;
}

.tab_tit {
	border-bottom: none;
	box-sizing: border-box;
	width: 296px;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	text-align: center;
	font-weight: 500;
	z-index: 2;
	border: 1px solid #d9d9d9;
	background: #fff;
	font-size: 19px;
	position: absolute;
	top: 0;
}

.tablist .tab_tit.activeon, .tablist .tab_tit.activeon2 {
	border: 2px solid #333;
	border-bottom: none;
	z-index: 3;
	color: #252525;
}

.tablist:nth-child(1) .tab_tit {
	left: 50%;
	margin-left: -590px;
}

.tablist:nth-child(2) .tab_tit {
	left: 50%;
	margin-left: -295px;
}

.tablist:nth-child(3) .tab_tit {
	left: 50%;
	margin-left: 0;
}

.tablist:nth-child(4) .tab_tit {
	left: 50%;
	margin-left: 295px;
}

#tab1 {
	display: block;
}

@media only all and (max-width:1200px) {
	.tab_tit {
		width: 25%;
	}
	.tablist:nth-child(1) .tab_tit {
		margin-left: -50%;
	}
	.tablist:nth-child(2) .tab_tit {
		margin-left: -25%;
	}
	.tablist:nth-child(3) .tab_tit {
		margin-left: 0;
	}
	.tablist:nth-child(4) .tab_tit {
		margin-left: 25%;
	}
	.tabm .subtabmenu .tab_container:before {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}

@media only all and (max-width:760px) {
	.subcontent .subnav {
		display: none;
	}
}

/*3차메뉴*/
.third-menu {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.third-menu ul li {
	display: inline-block;
}

.third-menu ul li a {
	display: inline-block;
	border: 1px solid #cbcbcb;
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	color: #656565;
	font-weight: 500;
	font-size: 18px;
}

.third-menu ul li.lnbActive a, .third-menu ul li a:hover {
	background: #00afd4;
    color: rgba(255, 255, 255, 1);
    border: 1px solid #19afd1;
	-webkit-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}

/*4차메뉴*/
.fourth-menu {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}

.fourth-menu ul {
	display: inline-block;
}

.fourth-menu ul li {
	float: left;
	margin-bottom: -1px;
}

.fourth-menu ul li a {
	margin-right: 2px;
	box-sizing: border-box;
	width: 296px;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	text-align: center;
	font-weight: 500;
	border: 1px solid #d9d9d9;
	background: #fff;
	font-size: 19px;
	border-bottom: 2px solid #333;
}

.fourth-menu ul li.lnbActive a {
	border: 2px solid #333;
	border-bottom-color: transparent;
	z-index: 3;
	color: #252525;
}

@media only all and (max-width:720px) {
	.basic-table {
		overflow-x: scroll;
	}
	.basic-table th {
		line-height: inherit !important;
		padding: 5px !important;
		height: auto !important;
		font-size: 14px !important;
	}
	.basic-table tbody th {
		font-size: 13px !important;
	}
	.basic-table td {
		padding: 10px 5px !important;
		height: auto !important;
		font-size: 13px !important;
	}
	.basic-table td span, .basic-table th span {
		padding: 0;
	}
	.basic-table td.tleft_h1 {



		padding-left: 16px !important;
		text-indent: -9px !important;
	}
}
/* 서브페이지 상단 및 공용 끝 */
.password_wrapper {
	width: 100%;
	text-align: center;
}

.password_wrapper .msg {
	margin: 40px auto 30px;
	font-weight: 700;
	font-size: 18px;
}

.password_wrapper fieldset {
	margin: 0 auto;
	padding: 20px;
	width: 40%;
	min-width: 450px;
	border: 1px solid #ccc;
}

.password_wrapper fieldset input[type="password"] {
	padding: 0;
}

.password_wrapper fieldset input[type="submit"] {
	cursor: pointer;
}



/*기관소개 */
.ceobg{background: url("../img/sub/ceo.jpg") no-repeat; height: 505px; background-size: cover; color: #fff; padding-top: 110px; box-sizing: border-box; padding-left: 130px; margin-bottom: 60px; background-size: cover}
.ceobgt1{position: relative;font-size: 54px;font-weight: 700;letter-spacing: -2px;line-height: 120%;margin-bottom: 20px;display: inline-block;}
.ceobgt1:before, .ceobgt1:after{position: absolute; width: 30px; content: ''; display: block; height: 25px}
.ceobgt1:before{background: url("../img/sub/quter.png") no-repeat;left: -31px;}
.ceobgt1:after{background: url("../img/sub/quter.png") no-repeat;transform: rotate(-180deg);right: -33px;bottom: 32px;}
.ceobgt2{ font-size: 32px; margin-bottom: 20px; font-weight: 600;}
.ceotxtw{ float: left; width: calc(100% - 590px); padding-left: 120px;
	box-sizing: border-box;}
.ceoimg{float: left; width: 590px;}
.ceoimg img{width: 100%;}
.ceow{margin-bottom: 100px; overflow: hidden;}
.ceotxt{font-size: 18px; border-bottom: 1px solid #ccc;}
.ceotxt > div{padding-bottom: 20px;}

.ceotxtw .sign{ padding-top: 40px}
.ceotxtw .sign .bold{font-size: 20px; padding-left: 10px; font-weight: 500;}

.planw{overflow: hidden; margin-bottom: 54px;}
.plantit{font-size: 32px; width: 240px; float: left;font-weight: 500;}
.plantc, .goalw{float: left; width: calc(100% - 240px); position: relative;}
.plantc{padding-left: 360px;}
.visw{width: 360px; height: 360px; border-radius: 50%;  font-size: 22px;display: table;
	text-align: center; float: left;}
.visw > div{display: table-cell; vertical-align: middle;}
.visw .viswb{color: #257bcf; background:#fff; border:1px solid #257bcf;border-radius: 50%;position: relative;left: -50px;}
.visw .viswt{background: #0b6fcf; color: #fff; border-radius: 50%;}

.goalw{display: flex;}
.goalbox{flex:1; border:1px solid #398cde; text-align: center; border-right: none; padding: 50px 0;box-sizing: border-box;}
.goalbox:last-child{border-right:1px solid #398cde; }
.goaltxt{ font-size: 20px; font-weight: 700; padding-bottom: 15px;padding-top: 15px;}
.goalbox ul li{text-align: left; position: relative; padding-left: 10px; margin-left: 37px;}
.goalbox ul li:before{content: ''; width: 3px; height: 3px; background:#545353; position: absolute; left: 0px ; top: 10px; border-radius: 10px;}

.busbg.busb01{background: url("../img/sub/busbg1.png") no-repeat center;background-size: cover;}
.busbg.busb02{background: url("../img/sub/busbg2.png") no-repeat center;background-size: cover;}
.busbg.busb03{background: url("../img/sub/busbg3.jpg") no-repeat center;background-size: cover;}
.busbg.busb04{background: url("../img/sub/busbg4.jpg") no-repeat center;background-size: cover;}

.busbg{height: 280px; margin-bottom: 50px; background-repeat: no-repeat; padding: 80px 0 0 0; box-sizing: border-box; color: #fff; text-align: center;}
.busday{text-align: center; font-size: 27px; color: #2796ff; font-weight: 600;}
.busday span{display: block; width: 44px; height: 1px; ;background: #f9fcff;text-align: center;margin: 10px auto 10px;}
.buscw{display: flex;margin-top: 24px;}
.buscbox{flex:1}
.bustit{ font-size: 23px; font-weight: 500; padding-bottom: 5px;} 
.bustmc{font-size: 14px; opacity: 0.9;}

.histDiv{margin-bottom: 200px}
.histbox{overflow: hidden; margin-bottom: 80px;}
.histyear{float: left; width: 430px; font-size: 70px; font-weight: 700; letter-spacing: -3px;}
.histxt{float: left; width: calc(100% - 430px);}
.hisday{font-size: 35px; color: #1197c9; font-weight: 700; padding-top: 50px; padding-bottom: 20px; border-bottom: 1px solid #cbcbcb; margin-bottom: 20px; letter-spacing: -2px}
.hislist .month{display: inline-block; width: 65px; font-weight: 500; font-size: 22px; position: absolute; left: 0; top: 0}
.hislist li{font-size: 17px; margin-bottom: 18px; position: relative; padding-left: 65px}
.hislist li span{display: inline-block}

.orgimg{text-align: center; padding-bottom: 80px}
.orgbox{border: 1px solid #e1e1e1;padding: 50px 90px 50px 0;box-sizing: border-box;margin-bottom: 10px;overflow: hidden;}
.orgboximg{float: left; text-align: center; width: 210px; position: relative}
.orgboximg:after{width: 1px; height: 110px; background: #DDDDDD; position: absolute; right: 0; top: -10px; content: ''}
.orgtc{ font-size: 18px; font-weight: 600; color: #282828; padding-top: 10px}
.orgboxlistw{float: left; width: calc(100% - 210px)}
.orgboxw{margin-top: 40px;overflow: hidden;margin-bottom: 80px;}
.orgboxlistw{display: flex}
.orgboxlist{flex:1; color: #5c5c5c; padding-left: 70px; box-sizing: border-box}
.orgboxlist ul li{margin-left: 15px; color: #555555; font-size: 15px}
.orgboxlist ul li:before{content: '- '}
.orgboxlist ul li span{display: block; padding-left: 6px;}
.orgboxlist p{position: relative;padding-left: 10px; font-size: 16px;    word-break: keep-all;}
.orgboxlist p:before{width: 3px;height: 3px;background: #898989;border-radius: 10px;content: '';position: absolute;left: 0;top: 10px;}


.memDiv{padding-bottom: 100px}
.memt{background: #00aed2;width: 150px;height: 150px;border-radius: 50%;text-align: center;color: #fff;margin: 0 auto 50px;padding-top: 36px;box-sizing: border-box;}
.ment1{font-size: 22px; font-weight: 600}
.ment2{width: 40px;height: 1px;background: #fff;margin: 5px auto 5px;}
.ment3{font-size: 20px}

.committeeDiv{margin-bottom: 40px; text-align: center; color: #282828}
.ctm{font-size: 20px;  padding-bottom: 20px; font-weight: 600}
.ctmc{font-size: 18px; color: #545353;}
.commitbg{background:url("../img/sub/committee.jpg") center; height: 448px; background-size: cover; margin-bottom: 70px} 
.ctmemtxt{float:left; width:360px; font-size:40px; color:#282828; font-weight:700}
.ctmtable{float:left; width:calc(100% - 360px); margin-bottom: 80px;}
.ctmtable td:nth-child(2){text-align:left; padding-left:60px}
.jobg{background:url("../img/sub/jobg.jpg") center; }
.joblistbox{overflow:hidden; padding-bottom:20px}
.jobt{ float:left; width:115px; font-size:22px; font-weight:700; }
.jobts{float:left; width:calc(100% - 115px); font-size:18px; color:#474747}
.jobts ul li{font-size: 16px; color: #6c6c6c; padding-left: 10px; position: relative}
.jobts ul li:before{content: '-'; position: absolute; left: 0 }
.jobts p{position: relative; padding-left: 7px}
.jobts p:before{content:'·' ; position: absolute; left: 0; top: 0px }
.jobDiv .ctmtable{margin-bottom:30px}
.jobDiv{margin-bottom:50px}

.mapDivw .maptxt{overflow:hidden; border:1px solid #DDDDDD; padding: 20px 50px; box-sizing: border-box; margin-bottom: 190px  }
.mapDivw .maptxt > div{display: inline-block; font-size: 18px; color: #393939; font-weight: 500; padding: 0 100px 0 0 }
.mapDivw .maptxt div span{font-weight: 700; padding-right: 10px;}
.serow{text-align: center; padding-top: 50px; padding-bottom: 100px}
.guinbg{background:url("../img/sub/guinbg.png") center;}
.btngro{margin-top: 30px}
.btngro .btn{display: inline-block;color: #FFFFFF; font-size: 16px;  padding: 15px 25px ; text-align: center;font-weight: 500; margin-right: 20px; background:#0098d8;}
.guptit{  font-size: 18px; font-weight: 600; color: #1e8bca}
.gupcew{display: flex;margin-top: 25px;margin-bottom: 30px; flex-wrap: wrap;}
.gupcew > div{flex: auto;text-align: center;}
.guprocew{overflow: hidden}
.gupbox{width: 150px;height: 150px;border: 1px solid #1e8bca;border-radius: 50%;text-align: center;margin: 0 auto; padding-top: 51px;box-sizing: border-box;margin-bottom: 27px;}
.gupbox02{ border: 1px solid #24b3b3}
.gupbox02 .guptit{color: #24b3b3;}
.gupbox03{ border: 1px solid #35a9a9}
.gupbox03 .guptit{color: #35a9a9;}
.gupbox04{ border: 1px solid #2ab93b}
.gupbox04 .guptit{color: #2ab93b;}
.gupbox05{ border: 1px solid #9fb42c}
.gupbox05 .guptit{color: #9fb42c;}
.gupbox06{ border: 1px solid #c1d842; background: #c1d842}
.gupbox06 .guptit, .gupbox06 .gupstit{color: #fff;}


.gupline{width: 35px; height: 1px; background: #CCCCCC; margin: 0 auto 20px}
.guptitc{font-size: 22px; font-weight: 600; padding-bottom: 20px}
.gupt{font-size: 17px; font-weight:500; background:#ebebeb; color: #282828; padding:15px  20px; border-radius: 100px}
.guparr{padding-top: 50px}
.guplist{text-align: left; padding-left:40px; padding-top:15px}
.gupcelist{color:#474747; font-size: 18px;}
.gupcelist p{position: relative; padding-left: 10px}
.gupcelist p:before{content: '-'; position: absolute; left: 0}
.seilbg{background:url("../img/sub/seilbg.jpg") center;}
.seilbox p:nth-child(1){padding-right: 20px; }
.seilbox p{float: left}
.seilbox{overflow: hidden; margin-bottom: 20px}
.dongprocew .gupbox{padding-top: 28px;margin-bottom: 7px; height: 140px; width: 140px}
.dongprocew .gupline{margin-bottom: 10px; margin-top: 5px}
.dongprocew .gupstit{font-weight: 600; font-size: 17px; line-height: 120%}
.dongprocew .guptit{font-size: 16px}
.dongprocew .gupt{background: none;padding: 0;border-radius: 0;color: #666;font-weight: 400;font-size: 15px;}
.donghangbg{background:url("../img/sub/dongbg.jpg") center;}
.sctm{text-align: center; font-size: 20px; color: #282828; padding-bottom: 50px}
.manbg{background:url("../img/sub/mambg.jpg") center;}
.internlist{font-size: 16px; padding-left: 10px}
.internlist ul{padding-left: 10px; color: #6c6c6c; }
.internt{font-size: 18px; font-weight: 500}
.internt span{font-weight: 400}
.internprow > div{margin-bottom: 20px;}
.intenc{width: 150px;height: 150px;border-radius: 50%;border: 1px solid #2a91cd;color: #373737;text-align: center;font-weight: 600;float: left;vertical-align: middle;margin-right: 30px;display: table;font-size: 17px;}
.intenc p{display: table-cell; vertical-align: middle}
.intentxt{/* display: table-cell; *//* padding-left: 30px; *//* vertical-align: middle; */width: calc(100% - 188px);float: left;}
.intentxt > div{background: #ebebeb;text-align: center;border-radius: 74px;margin-bottom: 10px;padding: 15px }
.inteninfo .red{color: #e51b1b}
.internbox{overflow: hidden;/* display: table; */width: 100%;}
.internarr{padding-left: 70px}
.inten50 div{display: inline-table;width: 45%;}
.inteninfo{ border-radius:15px !important}
.inteninfo > div{overflow: hidden;margin-bottom: 3px;padding: 0;display: flex;font-size: 14px;}
.inteninfo > div p{text-align: left;flex: auto;}
.intentit{font-weight: 500; padding-bottom: 5px; padding-left: 15px}

.coopgb{background:url("../img/sub/coopbg.png") center; text-align: center; color: #fff; font-size: 18px; padding-top: 140px; box-sizing: border-box}
.coopt{font-size: 22px;    font-weight: 700;}
.cooplistw{display: flex;text-align: center;margin-top: 40px;margin-bottom: 20px;line-height: 130%;}
.cooplistbox{flex: 1;position: relative;padding: 0 17px;/* word-break: keep-all; */}
.cooplistbox:before{position: absolute;width: 1px;height: 110px;content: '';background: #DDDDDD;left: 0;top: 35px;}
.coopimg{padding-bottom: 25px}
.cooptxt{font-size: 17px}
.cooptxt span{color: #474747;font-size: 14px;}
.coopcamw{padding-top: 30px}
.coopcamw img{width: auto}
.coopcam{width: 640px; border-radius: 10px; background: #f1f1f1; padding: 35px 20px; text-align: center; font-size: 20px; color: #29a3c6; font-weight: 500; margin: 40px auto 60px}
.coopcomtit{float: left;font-size: 22px;    font-weight: 700; width: 170px}
.coopyearbox{float: left; width: calc(100% - 170px)}
.coopyear{font-size: 22px;    font-weight: 700; margin-bottom: 15px}
.coopyearw{margin-bottom: 35px;}

.edugb{background:url("../img/sub/edubg.png") center;}
.eduboxw{overflow: hidden; margin-bottom: 80px;}
.edubox{float: left; width:570px; margin-right: 60px }
.edubox:nth-child(2n){margin-right: 0}
.edumtxt{padding: 30px 20px; height: 210px; box-sizing: border-box}
.edutit{font-size: 19px; color: #282828; font-weight: 600; padding-bottom: 20px}
.edusc{overflow: hidden; padding-bottom: 10px}
.edustit{width: 80px; font-size: 16px; font-weight: 500; float: left}
.edustxt{float: left; width: calc(100% - 80px); font-size: 15px; color: #3a3a3a}
.groupbg{background:url("../img/sub/groupbg.jpg") center;}

.grc{font-size: 18px; color: #474747; }
.grc+.btngro .btn{margin-top: 0; margin-bottom: 50px}
.group-table span{display: block;padding: 0 !important;float: left;}
.chpro span:nth-child(1){width: 76px;}
.chpro span:nth-child(2){width: calc(100% - 101px);}
.group-table td:nth-child(3){text-align: left;    padding-left: 25px;}
.group-table{margin-top: 20px}
.learnbg{background:url("../img/sub/leanbg.png") center; text-align: center; color: #fff; box-sizing: border-box; padding-top: 160px; font-size: 18px }
.learnbox{overflow: hidden; margin-bottom: 40px}
.learnimg{width: 370px;height: 310px;border: 1px solid #ccc;line-height: 310px;text-align: center;float: left;box-sizing: border-box;}
.learntxt{float: left;width: calc(100% - 370px);box-sizing: border-box;padding-left: 71px;}
.learntit{font-size: 19px;color: #282828;padding-bottom: 20px;font-weight: 600;}
.learnlist{font-size: 15px;color: #3a3a3a;letter-spacing: -0.5px;}
.learnlist li{position:relative;padding-left: 8px;}
.learnlist li:before{content: '';width: 3px;height: 3px;background: #818080;position: absolute;left: 0;top: 9px;}

.aibg{background:url("../img/sub/aibg.jpg") center;}
.nomubg{background:url("../img/sub/nomubg.jpg") center;}
.bbsDiv{padding-bottom: 100px}
.handaybg{background:url("../img/sub/handaybg.jpg") center;}
.handayw{display: flex; margin-top: 50px}
.handayw > div{flex: 1}
.banchanbg{background:url("../img/sub/banchanbg.jpg") center;}
.companybg{background:url("../img/sub/companybg.jpg") center;}

.cleanbg{background:url("../img/sub/cleanbg.png") center;}
.cm{color: #0098d8}

.cleanpw{display: block;float: left;}
.cleanpw .cleanpboxw{flex: none;overflow: hidden;}
.cleanpw .cleanpboxw > div{flex: none;float: left;}
.cleanpw .cleanpboxw .guparr{padding: 50px 20px 0}
.cleanpw .cleanpboxw .gupbox{padding-top: 30px}
.cleanpw .cleanpboxw .gupline{margin: 10px auto 10px}
.cleanpw .cleanpboxw .gupstit{font-size: 17px; font-weight: 600; line-height: 130%;}
.cleanpw .cleanpboxw .guptit{font-size: 16px; font-weight: 500}

.cleanbox{overflow: hidden; display: flex; width: 530px; margin: 0 0 30px}
.cleanbox > div{flex:auto} 
.cleantxt{text-align: center;font-weight: 600;font-size: 17px;padding: 7px 20px 0 0;}
.cleanimg img{border: 1px solid #ccc; padding: 10px}
.cleanarr{ padding-top: 60px}

.orgDiv{margin-bottom: 100px;}
.buse-top{border:1px solid #bebebe;   box-sizing:border-box; position:relative ; padding-bottom: 10px; border-top:2px solid #000; padding-top: 14px; text-align: left; padding-left:25px;}

.bsearch-box-t{font-size:13px; color:#7a7a7a; padding-bottom:5px}
.bsearch-box select {width:125px; border:1px solid #0b6fcf; color:#000; font-size:14px; background:url(../img/sub/buse_sel.png) no-repeat 90% center #fff; height:45px; margin-right: 3px; cursor: pointer; padding-left: 5px;}
.bsearch-box input[type="text"] {width:560px;border:1px solid #0b6fcf; height:45px; vertical-align: top; box-sizing: border-box; padding-left: 5px;}
.bsearch-box .sebarw{ position:relative; display:inline-block}
.bsearch-box .sebar {display: block; position: absolute; top: 1px; right: 35px; width: 1px; height: 43px;border-left: 1px solid #d0d0d0; content: ''; }
.bsearch-box label{ padding-right:50px;}
.bsearch-box label span{font-weight:500;}
.bsearch-box .btn-group {margin-top:0;}
.bsearch-box .tiny {vertical-align:top;height:45px;background:#0b6fcf; color:#FFF; text-align:center; display:inline-block; width:85px; }
.bu-select{margin-left: 30px;    margin-right: 20px; margin-top:10px;}

.orgDiv .h1-title{padding-top: 50px; padding-bottom: 10px;}
.orgDiv tr td{text-align: center}
.muntable {  margin-bottom: 50px;}

@media only all and (max-width:1200px) {

.edubox{width: 48%; margin-right: 2%}
.edubox img{width: 100%}
}
@media only all and (max-width:1024px) {
	.ceotxtw{width: 100%; padding: 0;}
	.ceoimg{float: none; width: 100%;;}
.ceobg{height: auto; padding: 50px 20px 20px 45px ;}
.ceobgt1{font-size: 40px}
.ceobgt2{font-size: 18px}
.plantc, .goalw{width: 100%;}
.plantc{padding-left: 0;}


.histDiv{margin-bottom: 20px}
.histyear{ width: 40%; font-size: 55px}
.histxt{ width: 60%}
.orgboximg{width: 100%; margin-bottom: 20px}
.orgboxlistw{width: 100%}
.orgbox{ padding: 30px}
.orgboximg:after{display: none}
.bsearch-box input[type="text"]{width:50%;}
.bsearch-box select{width:100%; background-position: 98% center}
.bsearch-box .sebarw{width:100%; margin-bottom:10px;}
.bsearch-box input[type="text"]{width: calc(100% - 90px);}
.buse-top{padding:25px; margin-bottom:50px}
.bsearch-box label{font-size: 20px; padding-bottom: 10px}
.ctmemtxt{width:100%; padding-bottom: 20px;}
.ctmtable{width:100%}
.commitbg{margin-bottom:20px;}
.commDiv{padding: 0 15px; box-sizing: border-box;}
.jobDivw{padding:0 20px} 
.learntxt{padding-left: 30px}

}

@media only all and (max-width:920px) {
.plantit{padding-bottom: 30px}
	.visw{ width: 170px; height: 170px; font-size: 15px;}
	.visw .viswb{left: -15px;}
	.goalbox{ flex: none;border-right: 1px solid #398cde;margin-bottom: 10px;padding: 22px 0;}
	.goalw{display: block;line-height: initial;}
	.buscw{display: block;}
	.buscbox{flex:none;margin-bottom: 15px;}
	.busbg{height:auto; padding-top: 20px;background-size: contain;padding-bottom: 20px;}
	}
	

@media only all and (max-width:760px) {
.ceoimg{height: 300px; overflow: hidden}
.subreporttitle{padding: 30px 0; font-size: 28px;
    font-weight: 600;}
.bustit{font-size: 20px}
.bustsit{font-size: 14px; line-height: initial;}
.goaltxt{font-size: 16px}
.ceotxtw{display: block;  padding: 20px; overflow: hidden; margin-bottom: 20px}
.ceotxt:nth-child(1){padding-right: 0}
.ceotxt {font-size: 15px}
.ceotxt > div{padding-bottom: 20px}
.visionbox{margin-right: 10px; height: 180px; line-height: 180px}
.histyear{width: 100%; font-size: 40px; padding-bottom: 10px}
.histxt{width: 100%}
.hisday{padding: 10px 0; font-size: 25px }
.hislist .month{flex: none; left: 10px; font-size: 16px; }
.hislist li{font-size: 15px; padding-left: 40px}
.orgboxlist{padding-left: 0}
.mapDivw .maptxt > div{padding: 0; margin-bottom: 10px;}
.mapDivw .maptxt{padding: 20px}
.ctmc p{display: inline; font-size: 16px}
.intentxt{font-size: 14px}
.intenc{font-size: 15px; font-weight:500 }
.inten50 div{width: 100%;     box-sizing: border-box; padding: 10px 5px;}
.internprow > div{margin-bottom: 5px}
.inteninfo > div{display: block}
.coopcam{box-sizing: border-box;font-size: 17px;width: 100%;margin: 20px 0;padding: 20px;}
.coopgb{height: 300px; padding-top: 50px; font-size: 16px}
.cooptxt{font-size: 14px}
.cooplistbox{width: 50%;float: left;box-sizing: border-box; margin-bottom: 10px}
.cooplistw{display: block;}
.cooptxt p{display: inline}
.coopimg{margin-bottom: 0}
.coopcomtit{width: 100%; margin-bottom: 15px}
.coopyearbox{width: 100%}
.cooplistbox:last-child{width: 100%}
.cooplistbox:nth-child(2n+1):before{display: none}
.coopimg{padding-bottom: 10px}
.edubox{width: 100%}
.edumtxt{height: auto; padding: 20px;}
.edugb{font-size: 14px; padding-left: 10px; padding-right: 10px}
.grc p{display: inline}
.grc{font-size: 16px}
.learntxt{width: 100%; padding-left: 0; margin-bottom: 20px}
.learnbox{margin: 0 20px}
.learnimg{width: 100%; height: auto; padding: 30px 0; line-height: inherit; margin-bottom: 20px}
.cleanpw .cleanpboxw .guparr{padding: 30px 10px 0}
.cleanbox{width: 100%}
.cleanimg img{width: 100%;     box-sizing: border-box; padding: 5px}
.cleanpw .cleanpboxw .gupbox{width: 120px; height: 120px}
.cleanpw .cleanpboxw .gupstit{font-size: 13px}
.cleanpw .cleanpboxw .gupline{margin: 5px auto;}
.cleanlistbox .jobt{width: 100%}
.cleanlistbox  .jobts{width: 100%}
.cleanw{width: 100%}
.cleanpw .cleanpboxw{overflow: inherit}
}


@media only all and (max-width:540px) {
.goalw ul li{font-size: 14px;}
.goalbox ul li:before{top: 13px}
.ceobgt1{font-size: 30px}
.ceobgt2 p{display: inline}
.ceobg{background-position: center; height: 300px}
.ceobgt2{font-size: 16px}
.ceobgt1:after{bottom: 10px}
.planw{display: block;  padding-top: 0}
.planbox{flex: none; border-bottom: 1px dashed #cbcbcb; padding-bottom: 20px; margin-top: 20px}
.planbox:before{display: none}
.planbox:last-child{border-bottom: none}
.planw:nth-child(3){margin-bottom: 0; padding-top: 0}
.visionbox{font-size: 15px}
.orgboxlist{padding-left: 0}
.orgboxlist{flex:none}
.orgboxlistw{display: block}
.orgboxlist ul li span{display: inline-block}
.ctmemtxt{font-size:25px}
.commitbg{height:250px; background-position:center;     background-size: cover;}
.ctmtable{margin-bottom: 50px}
.serow{padding: 20px 0 50px}
.jobts{font-size: 15px; width: calc(100% - 70px);}
.jobt{font-size: 18px; width: 70px;}
.btngro .btn{width: auto; height: auto; line-height: inherit; padding: 10px 15px; font-size: 14px; margin-right: 0}
.gupbox{width: 90px; height: 90px; padding-top: 35px;}
.gupt{font-size: 13px; padding: 10px}
.guplist{font-size: 13px; padding-left: 0;    padding-top: 10px;}
.gupline{margin-bottom: 5px}
.gupcelist{font-size: 15px}
.guptitc{padding-bottom: 0; font-size: 20px;}
.guparr{padding-top: 30px}
.seilbox img{width: 100%}
.seilbox p:nth-child(1){padding-right: 0}
.seilbox p{width: 100%; margin-bottom: 15px}
.seilbox{margin-bottom: 0}
.sctm{font-size: 16px}
.dongprocew .guparr{padding-top: 50px}
.intentxt{width: 100%}
.intenc{margin: 0 auto 10px; float: none;}
.internarr{padding-left: 0 ;text-align: center}
.ctmemtxt p{display: inline}
.internt{font-size: 16px}
.internlist ul{font-size: 15px; padding-left: 0;}
.coopgb p{display:inline}
.learnbg{padding-top: 70px; font-size: 15px}
.learnimg{padding: 15px 0}
.learntxt .btngro .btn{width: 100%; box-sizing: border-box;}
.handayw{ margin-top:20px}
}


*연혁*/
.history{width:1140px;margin: 50px auto 80px;position:relative;}
.history:after{position:absolute;width:1px;height: calc(100% - 14px);background:rgba(204,204,204,1);left:49%;top: 60px;display:block;content:'';}
.hidden{ visibility:hidden}
.hisyeartxt{font-size:50px; font-weight:700; letter-spacing:-4px;    padding-top: 13px; padding-bottom: 40px;}
.hisimg{position: absolute;}
.history .clearfix{clear:both !important;/* padding-bottom: 100px; */}
.history{letter-spacing:-0.5px;position: relative;/* background: #fff; padding-bottom: 200px;*/ box-sizing: border-box;margin-bottom: 184px;overflow: hidden;height: 1070px;}
.history .float_left{float:left;width: 567px;}
.history .float_right{float:left;width: 608px;position:relative;/* border-left: 1px solid #d9d9d9; */padding-left: 64px;box-sizing:border-box;padding-bottom: 37px;} 
.history .clearfix:first-child .float_right{ padding-top:40px; }
.historytop{display: inline-block; content: '현재'; position: absolute; width: 140px; height: 140px;
 background: #dc3800; border-radius: 50%; color: #fff; top: -140px;	left:50%;	margin-left: -75px; text-align: center; padding-top:50px; font-size: 28px;	box-sizing:border-box; font-weight: 700; }
.historytop .line{width:20px; height:1px; background:rgba(255,255,255,1); display:inline-block; margin:0 auto; position: relative; top: -22px; }
.history .clearfix:last-child .float_right::after{display:inline-block;content:'';position: absolute;bottom: 0;left: 0%;margin-left: 0;width:12px;height:12px;/* background:#007aff; */border-radius:50%;z-index: 1;}
.historybox:nth-child(3){background:rgba(255,102,51,1); }
.h-last .clearfix:last-child .float_right::after { right: -63px;bottom: 34px; left: auto; }
.history .floatR{position:relative; }
.history .floatR .hisyeartxt{text-align:left;}
.history .pt40{padding-top:40px;}
.history .pt80{padding-top:80px;}
.history .pt120{padding-top:120px;}
.history .floatR .float_left{float:right;/* border-left: 1px solid #d9d9d9; */padding-left: 65px;box-sizing:border-box;padding-bottom: 50px;width:575px;height: auto;min-height: 154px;}
.history .floatR:nth-child(2) .float_left{height:580px; }
.history .floatR:nth-child(3) .float_right{height:490px; }
.history .floatR .float_right{float:left; width:510px; border:none } 
.history dl.floatR .month{position:relative; float:right; width: 70px; }
.history dl.floatR span{display:inline-block; text-align:right}
.history dl.floatR dd{ float: right; padding-left: 0px; min-width: 240px; text-align: right; }
.history dl.floatR .his_h5{text-align:right; }
.history dl.floatR .his_h5 .circle{position: absolute;content: '';margin-top:-15px;right: -67px;top: 50%;width: 12px;height: 12px;background: #e71c21;border-radius:50%;left: inherit;}
.history .history_fix{height:64px; }
.history li.now a{ color:#fff; }
.history .inner{position:relative; }
.history .count{position:absolute; z-index: -1;top:0;padding-top:35px;width:100%;font-size:228px;font-weight:bold;color:#f3f3f3;text-align:center; }
.history .his_count.fixed{position:fixed; z-index: -1;top:130px;width:100%; }
.history .wrap_right:before{display:inline-block;content:''; position: absolute; top: 0; left: 50%; margin-left: -9px;width:18px; height:18px; background:#a9afce;border-radius:50%; }
.history .wrap_right{float:right;width:565px;border-left:1px solid #d9d9d9; }
.history .his_h5{position: absolute;margin-bottom:25px;font-size:36px;color: #0664bf;left: -77px;top: 26px;}
.history .his_h5 span{font-size:33px; }
.history .his_h5:before{position: absolute;/* content: ''; */left: -60px;top: 50%;width: 50px;height: 1px;background: #d9d9d9;}
.history .his_h5 .circle{ position: absolute; content: ''; left: 100px; top: 40%; width: 21px; height: 28px; background: url("../img/sub/his_dot.png") no-repeat; /* border-radius: 50%; */ box-sizing: border-box; z-index: 1; }
.history dl dt {/* position:relative; */ /* margin-top:100px; */ /* width: 506px; */ }
.history dl dt:first-child{margin-top:0; }
.history dl dd {position:relative;padding-left: 68px;font-size:16px;line-height:1.8em;margin-bottom:10px;font-weight:400;}
.history dl dd .month{position: absolute;left: 0;color:#2d2d2d;font-weight: 700;font-size: 19px}
.history .history_img{display:block; margin-left: 21px; margin-bottom:50px; }
.history .history_img.img_right{display:block; margin:0 auto; margin-right:0; }
.history .wrap_left{position:absolute;left:-666px;width:1200px; }
.history .wrap_left .summary{width: 538px; padding-right: 61px; }
.history .wrap_left .tit_h4{font-size:30px; }
.history .wrap_left .nowrap{white-space: nowrap; }
.history .slick-slider {width:495px; margin: 10px auto; margin-right: 0; margin-bottom:60px; float:left}
.history .btn_sld{position: absolute;z-index:1;bottom:0;width:48px;height:48px;background:#fff; }
.historybox{overflow:hidden; }
.hisbust{text-align:center; font-size:34px; color:rgba(51,51,51,1); padding-top:130px; font-weight:700; padding-bottom: 20px; letter-spacing: -1px; }
.hisline{background: rgba(51,51,51,1); width: 50px; height: 2px; margin: 20px auto; display: block; }
.mt40{margin-top: 40px;}


@media only all and (max-width:1200px){
.hisimg{position: relative;}
.history .float_left{width: 100%;}
.history .float_right{width: 100%;padding-left: 0;}
.history{height: auto; margin-bottom: 0;}
.history:after{display: none;}
}

@media only all and (max-width:1024px){

.history .floatR .float_left{width:100%; float:left; height:auto; padding:0; border:none; min-height: auto;}
.history .floatR .float_right{width:100%; float:left; }
.history .floatR:nth-child(2) .float_left{height:auto; }
.history dl.floatR .his_h5{float:none;text-align:left;padding-left: 26px;font-size: 23px;}
.history dl.floatR dd{float:none;padding:0;margin-bottom:10px;/* padding-left:90px; */text-align: left;}
.history dl dd{margin-bottom:10px;padding-left: 66px;font-size: 14px; }
.history dl.floatR .month{float:left;padding-left:0;padding-right:20px;/* position:absolute; */width: 19px;}
.history dl.floatR .his_h5 .circle{left:0;top: 28px;right: 0;width: 7px;    height: 7px;}
.history .clearfix:first-child .float_right::before{display:none; }
.history dl.floatR .his_h5:before{display:none; }
.history dl.floatR span{text-align:left; }
.history .his_h5 .circle{left:0;/* width: 7px; */    /* height: 7px; */ top: 9px;}
.history .his_h5{padding-left: 27px;font-size: 26px;margin-bottom: 0;left: 0;position: relative;top: 0;}
.history  .hidden{display: none;}
.history .his_h5 span{ font-size:28px; }
.history .clearfix:last-child .float_right::after{display:none; }
.hisbust{font-size:28px; padding-top:50px; }
.hisimg img{width: 100%;}
.hisyeartxt{padding-bottom: 15px; font-size: 35px;}
}


.mapDiv{padding-bottom:100px}
.mapbw {display: flex; padding: 40px 0}
.mapbw > div{flex:auto}
.mapbox{font-size: 23px; font-weight: 700;}
.mapbox:nth-child(1){position: relative}
.mapbox:nth-child(1):after{content: ''; display: block; width: 1px; height: 30px; background: #ccc; position: absolute; right: 35px;top: 7px;}
.mapc3{font-size: 18px; font-weight: 400}
.mapc2{text-transform: uppercase; padding-right: 15px;font-family: 'Jost', sans-serif;}
@media only all and (max-width:1200px){
#daumRoughmapContainer1652341376656{width: 100% !important}
}
@media only all and (max-width:1024px){
.mapbw{display: block}
.mapbw > div{flex:none}
.mapbox:nth-child(1):after{display: none}
}

.rule{width:80%;margin:40px auto 150px;line-height:200%;}
.rule li{margin-bottom:30px;}
.rule li:first-child{text-align:right;}
.rule li p{text-indent:20px;}
.rule li:last-child strong{margin-left:40px;}
@media only all and (max-width:1024px){
	.rule{width:100%;}
}