@charset "utf-8";
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 서브페이지 상단 및 공용 시작 */

#subbg{position: relative}
.bold{font-weight: 600;color: #313c7e;}
.subbgwrap{background: url(/img/subg.jpg) center no-repeat ;height: 400px;width:100%;text-align:center;color:rgb(255,255,255);background-size:cover;padding-top: 90px;box-sizing:border-box;padding-left:40px;position: relative;background-size: cover;}
.subbgwrap:before{background: rgba(0,0,0,0.4); content: ''; display: block; position: absolute; left: 0; top: 0}
.subbgwrap:before{position: absolute;/* background: rgba(0,0,0,0.3); */width: 100%;left: 0;height: 100%;right: 0;bottom: 0;top: 0;content: '';display: block;}
.subbgwrap .bgtxt img{width:300px;}
.subbgwrap .bgtxt{position: relative;z-index: 10;/* display: none; */color: #fff;padding-top: 98px;}
.subbgwrap .bgtxt1{font-size: 39px;text-transform: uppercase;font-weight: 500;padding-bottom: 15px;letter-spacing:-1px;}
.subbgwrap .bgtxt2{font-size: 20px;padding:0 10px;}
.subbgwrap .bgtxt3{font-size:45px;letter-spacing:-1px; text-transform:uppercase; font-weight: 700; }
.subbgwrap  .topline{width:70px;height:1px;background: rgb(245 245 245);text-align:center;margin:15px auto 3px;}


.h2tit{text-align: center; font-size: 40px; font-weight: 700; padding: 50px 0; letter-spacing: -2px; text-transform: uppercase;}
.h2tit:after{width: 50px; height: 1px; background: rgba(94,94,94,1.00); content: ''; display: block; margin: 20px auto}
/*.content{width: 1300px; margin: 0 auto}
*/
.navmenu{text-align:center;position: relative;padding-bottom:50px;}
.navmenu ul li{display:inline-block;}
.navmenu ul li a{border:1px solid #eeeeee;font-size:18px;color:#575656;padding:12px 34px;font-weight:500;letter-spacing:-1px;display: inline-block;background:rgba(255,255,255,1); position:relative; text-transform: uppercase;}

 .navmenu ul li.on a,  .navmenu ul li a:hover{background: #1271ab; color: #fff}



.deboxw{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row;gap: 10px;}
.debox {border: 2px solid #f1f1f1;padding: 20px;margin-bottom: 20px;flex: 1;background: #fbfbfb;}
.deboxt{text-align: center;font-size: 25px;margin-bottom: 25px;font-weight: 700;}
.debox > ul{margin-bottom: 20px}
.debox  ul > li{position: relative; padding-left: 20px}
.debox  ul > li:before{width: 3px;height: 3px;background: #9A9A9A;border-radius: 40px;position: absolute;left: 10px;top: 10px;content: ''}
.deboxww .debox{width: 100%}
.delistname{padding: 50px 0; text-align: center; font-size: 30px}
.depoboxt{font-weight: 600;font-size: 18px;padding-bottom: 15px;color: #393939;}
.demc {padding-left: 30px}
.deskill{display: flex}
.deskill ul{flex: auto}
.deport{display: flex;flex-wrap: wrap;}
.depobox{width: 50%;/* flex: 1; */}
.deboxw .debpo{display: flex; gap: 20px}
.deboxw .debpo > ul{flex: 1;  border-right: 1px dotted rgba(216,216,216,1.00)}
.debpo ul:last-child{border-right: none}

.subgn {
	background: url(../img/subg.png) no-repeat center;
	background-size: cover;
}

.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: 150px;
	height:340px;
	/* color:#000; */
	font-size: 32px;
	text-align: center;
	background-size: cover;
	box-sizing: border-box;
	background-image:url(/img/main/main_bg04.jpg);
	background-position: center;
	text-align: center;
	position: relative;
}
.subg:before{content: '';background-color: rgb(0 0 0 / 30%);width: 100%;display: block;height: 100%;top: 0;position: absolute;}

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

.subgt{
    font-size: 45px;
    font-weight: 600;
    color: rgba(255,255,255,1);
    position: relative;
    }
	
	.subgts{
    font-size: 23px;
    color: rgba(255,255,255,1);
    line-height: 140%;
    text-align: center;
    color: rgba(255,255,255,1);
    position: relative;
    }

	

.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 {
	z-index: 9999;
	height: 60px;
	border-bottom: 1px solid #e6e9ec;
	box-sizing: border-box;
	line-height: 60px;
}

.subcontent .subnav .subnav-in { width:70%;
	float: left;
	height: 50px;
	
	position: relative;
    z-index: 0;
}

.subcontent .subnav .sns {
	float: right;
	line-height: 50px;
}

.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: 55px;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	cursor: pointer;
}

.printw {
	overflow: hidden;
	float: right;
	line-height: 50px;
}

.printw a.addthis_button_url {
	display: inline-block;
	padding-left: 29px;
	width: 82px;
	height: 34px;
	vertical-align: middle;
	margin-right: 1px;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	margin-right: 7px;
	box-sizing: border-box;
	line-height: 34px;
	color: #8a8a8a;
	font-size: 12px;
}

.printw a.addthis_button_url:last-child {


	margin-right: 0;
}

.printw a.btn-b2 {
	background: url(../img/check.png) no-repeat 10px center;
}

.printw a.btn-b3 {
	background: url(../img/print.png) no-repeat 10px center;
}

.hiddenover {
	overflow: hidden;
	float: left;
	margin-right: 8px;
	display: none;
}

.hiddenoverw {
	overflow: hidden;
	float: right;
	margin-right: 8px;
	line-height: 50px;
}

.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/nsns01.png) no-repeat 0 0;
}

.hiddenover a.btn-sns2 {
	background: #fff url(../img/nsns02.png) no-repeat 0 0;
}

.hiddenover a.btn-sns3 {
	background: #fff url(../img/nsns03.png) no-repeat 0 0;
}

.hiddenover a.btn-sns4 {
	background: #fff url(../img/nsns04.png) no-repeat 0 0;
}

.hiddenoverw a.btn-b1 {
	background: url(../img/url.png) no-repeat 10px center;
	display: inline-block;
	vertical-align: middle;
	width: 82px;
	height: 34px;
	vertical-align: middle;
	margin-right: 1px;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	line-height: 34px;
	color: #8a8a8a;
	font-size: 12px;
	padding-left: 35px;
}

 .subnav {
	z-index: 9999;
	height: 60px;
	border-bottom: 1px solid #e6e9ec;
	box-sizing: border-box;
	line-height: 60px;
}

.subnav .subnav-in { width:70%;
	float: left;
	height: 50px;
	
	position: relative;
    z-index: 0;
}

.subhome {
	float: left;
	width: 55px;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	cursor: pointer;
}

.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: #e74e0f;
	color: rgba(255, 255, 255, 1);
	border: 1px solid #e74e0f;
	-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:1024px) {
	.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: 12px !important;
	}
	.basic-table td {
		padding: 3px !important;
		height: auto !important;
		font-size: 12px !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;
}

.mid{padding-bottom: 80px}
.content{width: 1300px;margin: 0 auto}
.teamtit{font-weight: 700; font-size: 30px; padding-bottom: 10px}
.teambox{margin-bottom: 50px}

.educw{width: 1130px; margin: 0 auto}
.educwbox{margin-bottom: 40px;overflow: hidden;position: relative;border-bottom: 1px solid #e9e9e9;padding-bottom: 40px;}
.eductit{font-weight: 700;font-size: 30px;padding-bottom: 26px;}
.educbox{overflow: hidden}
.educimg{width: 455px;height: 300px;margin-right: 30px;float: left;border: 1px solid #ededed;box-sizing: border-box;background-size: cover;background-position: center;}
.eductxt{float: left;width: calc(100% - 571px);}
.educurl a{/* position: absolute; */background: #0d5885 url(/img/urlc.png) no-repeat 90% center;display: block;padding: 7px 39px 7px 18px;font-size: 17px;font-weight: 400;border-radius: 3px;right: 0;top:0;color: #fff;display: inline-block;}
.eductm{font-size: 22px;font-weight: 600;padding-bottom: 20px;text-align: center;display: flex;flex-direction: column;align-items: center;}
.eductm span{/* margin-right: 10px; */display: block;}
.eductm span.edum2{position: relative;/* padding-left: 8px; */font-size:20px;/* margin-left: 5px; *//* margin-top: 5px; */color: #454198;}

.hakboxw{
    /* border-bottom: 1px solid #999; */
    padding-bottom: 26px;
    margin-bottom: 68px;
    position: relative;
    margin-top: 80px;
}
.hakboxw:after{width: 100px;height: 10px;background: rgba(34,31,31,1.00);display: block;/* content: ''; */margin: 0 auto;position: absolute;left: 50%;margin-left: -50px;bottom: -5px;}
.haktop{
    margin-bottom: 53px;
}
.haktoptit{border-bottom: 1px solid #ccc;overflow: hidden;padding-bottom: 15px;}
.htc{float: left;width: 115px;margin-right: 25px;background: #176ec6;font-size: 30px;font-weight: 700;text-align: center;color: #fff;}
.htcs{ float: left; width: calc(100% - 140px); color: #131415; font-size:30px; font-weight: 700; }
.haktopb{padding-top: 15px;overflow: hidden;}
.haktopbtit{ font-size: 30px; font-weight: 700; float: left; width: 115px; margin-right: 25px;}
.haktopblist{float: left; width: calc(100% - 140px);padding-top: 5px;}
.haktopblist ul li{font-size: 18px;color: #474b4e;position: relative;padding-left: 10px;line-height: 180%; word-break: keep-all;}
.haktopblist ul li:before{width: 5px;height: 5px;background: #959595;border-radius: 50px;display: block;content: '';position: absolute;left: 0;top: 14px;}


.hakbox{
    border: 1px solid #efefef;
    background: #fdfdfd;
    text-align: center;
    padding: 40px 10px 40px;
    margin-bottom: 36px;
}
.hakboxtit{
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 4px;
    display: inline-block;
}

.hakboxtit:after{content: '';background: rgb(151 151 151 / 30%);position: relative;height: 5px;display: inline-block;width: 100%;top: -16px;}
.hakboxws{ overflow: hidden; display: flex}
.hakboxws > div{flex: 1;margin-right: 10px;}
.hakboxws > div:nth-child(2n){margin-right: 0}
.hakboximg img{max-width: inherit}

.org{}
.orgimg{text-align: center}
.orgimg img{padding-left: 50px}
.orgbox{
    background: #eff5f9;
    padding: 40px 0;
    margin-bottom: 60px;
}
.orgboxtit{
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 30px;
    color: #3f3d3d;
}
.orgboxlist{
    width: 990px;
    margin: 0 auto;
}
.orgboxlist ul li{
    text-align: center;
    border: 1px solid #e3e3e3;
    background: #fff;
    height: 60px;
    box-sizing: border-box;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #383737;
    line-height: 60px;
    float: left;
}

.orgtecw{}
.orgtelw{overflow: hidden;border-bottom: 1px solid #e1e1e1;padding: 20px 0;}
.orgtelbox{
    float: left;
    width: 50%;
    overflow: hidden;
}
.orgteltit{
    font-size: 22px;
    font-weight: 700;
    float: left;
    width: 210px; position: relative;
	padding-left: 15px
}
.orgteltit:before{content: '';display: block;width: 5px;height: 21px;background: #207fc1;position: absolute;left: 0;top: 4px;top: 7px;}
.orgtelist{
    float: left;
    width: calc(100% - 210px);
    line-height: 200%;
    padding-right: 40px;
    box-sizing: border-box;
}
.orgtelw .orgtelbox:nth-child(2n) .orgtelist{padding-right: 0}
.orgtelist ul li{position: relative;padding-left: 10px;clear: both;}
.orgtelist ul li:before{width: 4px;height: 4px;background: rgba(204,204,204,1.00);border-radius: 20px;display: block;content: '';position: absolute;left: 0;top: 15px;}

.orgtelist ul li span{float: left}
.orgtelist ul li span:nth-child(1){width: 70px;}
.orgtelist ul li span:nth-child(2){width: calc(100% - 70px );}

.visionc{
    display: flex;
    align-items: stretch;
    align-content: center;
    width: 100%;
}
.visionctop{}
.visionc{ overflow: hidden}
.visioncm{color: #fff;background: #00529f url("/img/sub/visoncm.png") no-repeat 45px center;/* padding: 27px 20px; */text-align: center;font-size: 26px;width: 415px;/* float: left; */margin-right: 15px;/* height: 150px; *//* padding-left: 69px; *//* padding-top: 44px; *//* line-height: 120%; */display: flex;align-items: center;justify-content: center;flex-direction: column;}
.visioncm p:nth-child(2){font-size: 17px; letter-spacing: 0;}
.visionctxt{border: 1px solid rgba(227,227,227,1.00);background: #f8f8f8;padding: 30px;font-size: 18px;line-height: 160%;/* width: calc(100% - 395px); */float: left;/* height: 150px; */}
.visionctxt p{padding-bottom: 10px}
.visionctxt p:last-child{padding-bottom: 0}
.planw{background: url("/img/sub/planw.png");padding: 59px 0 0;/* margin-top: 101px; */overflow: hidden;}

.globalw{overflow: hidden;margin: 32px 68px;}
.globalw ul li{/* float: left; */width: 23%;margin-right: 1%;margin-bottom: 10px;border:1px solid #ccc;border-radius: 16px;background: #fff;text-align: center;font-size:15px;color: #1a3680;padding: 15px 0;font-weight: 500;display: inline-block;}
.globalw ul li:nth-child(4n){margin-right: 0}


.ceobg{background: url("../img/sub/ceo.jpg") no-repeat center;height: 340px;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: 30px;font-weight: 500;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: 23px;bottom: 0;bottom: 16px;}
.ceobgt2{font-size: 30px;letter-spacing: -2px;font-weight: 700;}
.ceotxtw{border: 1px solid #dcdcdc;box-sizing: border-box;padding: 50px;display: flex;/* margin: 0 auto 90px */}
.ceotxt{flex:1; font-size: 17px;color: #2e2e2e;line-height: 160%;}
.ceotxt > div{padding-bottom: 30px}
.ceotxt .sign{float: right; padding-bottom: 0}
.ceotxt .sign .bold{font-size: 20px; padding-left: 10px}
.ceotxt:nth-child(1){padding-right: 40px;}
.ceotxtB{font-weight: 600; font-size: 17px}

.member_wrap{/* width: 1000px; */margin: 0 auto}
.member_list ul{display: flex;flex-wrap: wrap;margin-bottom: 40px;flex-direction: row; }
.member_list ul li{flex: 1;text-align: center;font-size: 18px;/* width: 20%; */border: 1px solid #e6e6e6;padding: 10px 0;/* border-top: none; *//* border-left: none; */font-weight: 500;cursor: pointer}
.member_list ul li.active, .member_list ul li:hover {color: #2661a7;     border: 1px solid #2661a7 !important}

.memprofile{border: 1px solid #d8d8d8;padding: 40px 50px;border: 1px solid #ebebeb;display: flex;box-sizing: border-box;}
.membox .tab_content{display: none}
.membox{padding-right: 30px;width: 45%;box-sizing: border-box;text-align: center;}
.m_dot{color: #46679a;font-weight: 600;font-size: 20px;padding-bottom: 5px;}
.profilebox{margin-bottom: 20px;line-height: 180%;}
.profilebox ul li{position: relative;padding-left: 10px;color: #535050;}
.profilebox ul li:before{width: 4px;height: 4px;border-radius: 10px;content: '';position: absolute;left: 0;top: 14px;background: #6a7dcf;}
.profiletxt{width: 65%;}
.member_contw .tab_content{display: none}
.memtxt{background: #3069b3;display: inline-block;padding: 10px 30px;font-weight: 500;margin-top: 0px;color: #fff;}
.goalimg{text-align: center}
.outsw .bangbox{width: 24%;margin-right: 1%;/* padding: 20px; */}

.bangw .banconw{    margin-top: -77px;     margin-left: -174px;}
.bangstit{margin-left: 10px;}

@media only all and (max-width:1400px) {
.content{width: 100%; padding: 0 20px; box-sizing: border-box}
.simg img{width: 100%}

.hakboxws{display: block}
.hakboxws > div{flex: none; }
}

@media only all and (max-width:1100px) {
.educw{width: 100%; box-sizing: border-box}
.educurl a{position: relative;display: inline-block;margin-top: 10px;margin: 0 auto;}
.orgboxlist{width: 100%; padding: 0 20px; box-sizing: border-box}
.orgtelbox{width: 100%; float: none; border-bottom: 1px solid #e1e1e1; padding: 15px 0}
.orgtelw{border-bottom: 0; padding-bottom: 0; padding-top: 0;}
.orgtelist{padding-right: 0}

.visioncm{height: auto; width: 100%; padding: 20px 0;}
.visionctxt{height: auto; width: 100%}
.globalw{margin: 20px}
.globalw ul li{width: 100%;margin-right: 0;padding: 9px 0;}


.educimg{width: 48%; margin-right: 2%}
.eductxt{width: 50%}
.ceobg{height: auto; padding: 50px 20px 40px 45px ;}
.ceobgt1{font-size: 20px}
.ceobgt1:after{right: 0px}
.ceobgt2{font-size: 30px}
.subbgwrap .bgtxt{padding-top:60px}
}


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

.hakboximg img{width: 100%}
.footsns{}
.member_list ul{display: block}
.member_list ul li{width: 20%; float: left}
.memprofile{display: block; padding: 30px;}
.membox{width: 100%; padding-right: 0; margin-bottom: 20px}
.profiletxt{width: 100%}
}

@media only all and (max-width:760px) {
.subbgwrap{height: 290px; padding: 0}
.subbgwrap .bgtxt1{font-size: 26px;}
.subbgwrap .bgtxt2{font-size: 15px}
.ceotxt .sign .bold{padding-left: 0; display: block}
.ceotxt .sign{float: left}
.ceobgt2{font-size: 22px}
.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}

.h2tit{font-size: 30px; padding-bottom: 20px;}
.navmenu ul li a{padding:  10px; font-size: 14px; }
.htc{/* width: 100%; */display: inline-block;margin-right: 0;font-size: 20px;margin-bottom: 10px;width: auto;padding: 0 13px;}
.htcs{width: 100%;font-size: 24px;}
.haktopblist{width: 100%}
.haktopbtit{width: 100%;font-size: 24px;margin-right: 0;margin-bottom: 10px;}
.hakboxw{margin-top: 0}
.hakbox{padding: 20px 10px}
.hakboxtit{font-size: 20px}
.haktopblist ul li{font-size: 15px}
.haktop{margin-bottom: 10px}
.hakboxw{margin-bottom:25px}
.orgboxlist ul li{width: auto;padding: 5px 10px;height: auto;line-height: inherit;font-size: 14px;font-weight: 400;margin-bottom: 5px;}
.orgboxlist ul li p{display: inline}
.orgbox{padding: 20px 10px; margin-bottom: 20px;}
.orgboxlist{padding: 0}
.orgimg img{padding: 0}
.planw{margin-top:10px; padding: 20px 0}
.globalw{margin: 10px}

}

@media only all and (max-width:640px) {
.subbgwrap{height: 220px}
.subbgwrap .bgtxt3{font-size: 35px}
.subnav{display: none}
.educimg{width: 100%; margin-right: 0}
.eductxt{width: 100%; margin-top: 20px;}
.eductit{font-size: 23px}
.eductm{font-size: 18px}
.eductmc{line-height: 160%; font-size: 15px;}
.educurl a{font-size: 14px;margin-top: 10px;}
.orgteltit{width: 100%;     font-size: 19px;    font-weight: 600;}
.orgteltit:before{height: 16px}
.orgtelist{width: 100%; font-size: 14px;}
.visionctxt{font-size: 15px;padding: 20px;}
.visioncm{margin-right: 0;font-size: 19px;background-image: none;padding: 15px 0;display: block;}
.mid{padding-bottom: 10px}
}

@media only all and (max-width:540px) {
.infobg{height: 200px}
}


/*오시는길*/

.maptit{text-align: center; font-size: 60px; font-family: 'Futura-Bold';  padding-top: 70px; text-transform: uppercase; letter-spacing: -4px}
.mapstit{text-align: center; font-size:30px; color:#313131; margin-bottom: 50px}
.maparea #daumRoughmapContainer1693614522412{width: 100% !important; height: 560px}
.mapareatxt{overflow: hidden; background: #304347; color: #fff; padding: 45px 100px 45px; box-sizing: border-box; margin-bottom: 110px }
.maptLeft{width: 260px;float: left;padding-right: 20px;box-sizing: border-box;}

.maptm{font-size: 30px;   font-family: 'Futura-Bold';}
.maptmc{font-size: 23px;padding-top: 5px;}
.maptRight{width: calc(100% - 260px);float: left;border-left:1px solid #8a9192;padding-left: 100px;box-sizing: border-box;letter-spacing: 0;}
.mtc, .mtcm{font-size: 22px;}
.mtc{margin-bottom: 30px}
.mtc span, .mtcm span{padding-right: 10px}
.maptraw{overflow: hidden; margin-bottom: 50px;}
.maptatit{width: 320px;text-align: right;float: left;margin-right: 110px;display: flex;justify-content: flex-end;}
.maptffc{}
.maptffc1{font-family: 'Futura-Bold';font-size: 48px;text-transform: uppercase;color: #383838;}
.maptffc2{font-size: 24px;color:#414141;line-height: 20px;}
.maptffcimg{    padding-left: 5px;    padding-top: 8px;}

.maptraboxw{ width: calc(100% - 430px); float: left }
.maptratit{font-size: 24px; color: #383838; font-weight: 700; padding-bottom: 10px}
.maptratit span{padding-right: 7px;}
.maptratit span:nth-child(2){position: relative;     top: -5px;}
.maptrabox ul li{font-size: 18px; color: #6b6b6b; position: relative; padding-left: 10px}
.maptrabox ul li:before{position: absolute; content: '-'; left: 0; top: 5px;}
.maptrabox{padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 40px;}
.trview a{font-size:16px; color: #0fb003; border:1px solid #0fb003; display: inline-block; padding: 2px 5px; margin-left: 5px; position: relative;    top: -3px;}


@media only all and (max-width: 620px) {
 .maptit{font-size: 30px; padding-top: 20px; letter-spacing: -2px;}
 .mapstit{font-size: 24px; margin-bottom: 20px}
 .maparea #daumRoughmapContainer1684882332071{height: 300px !important}
 .mapareatxt{padding: 20px;margin-bottom: 30px;padding-bottom: 40px;}
 .maptLeft{width: 100%; padding: 0; margin-bottom: 15px}
 .maptRight{width: 100%; padding: 0; border-left: 0}
 .mtc, .mtcm{font-size: 16px; }
  .mtc{margin-bottom: 10px}
 .mtcm span img,  .mtc span img{width: 40px}
 .maptraboxw{width: 100%}
 .maptatit{width: 100%;margin: 0;/* text-align: center; */display: flex;justify-content: center;margin-bottom: 30px;}
 .maptratit{font-size: 18px}
 .maptrabox ul li{font-size: 15px}
 .maptffc1{font-size: 35px}
 .maptffc2{font-size: 20px}
 .maptffcimg img{width: 50px}
 .maptraw{margin-bottom: 0}
 .trview a{font-size: 14px; margin-left: 0}
 .mtc span,  .mtcm span{position: absolute;left: 20px;}
 .maptRight > div{padding-left: 51px;font-size: 14px;}
.maptmc{font-size: 19px}
}



.bangw{position: relative}
.bangboxw{position: relative;display: flex;flex-wrap: wrap;}
.bangbox{background: #f5f5f5;box-sizing: border-box;padding: 45px 49px;/* float: left; */margin-bottom: 2%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-start;width: 48%;margin-right: 2%;}
.bangbox:nth-child(2n){float: right;padding-left: 98px;}
.bangtit .num{width: 33px;height: 33px;display: inline-block;border-radius: 50%;background: rgb(107 44 145);color: #fff;font-weight: 600;text-align: center;margin-right: 3px;}

.bangtit{font-size: 22px;color: #6b2c91;padding-bottom: 12px;font-weight: 600;/* text-align: center; */}
.bangstit ul li{position: relative;padding-left: 10px;/* margin-right: 7px; */font-size: 16px;margin-bottom: 5px;color: #2f2e2e;word-break: keep-all;}
.bangstit ul li:before{content: '';position: absolute;width: 4px;height: 4px;background: #666666;left: 0;top: 10px;border-radius: 10px;}
.bang02 .num{background: #fd8900}
.bang02 .bangtit{ color: #fd8900}
.bang03 .num{background: #304da4}
.bang03 .bangtit{ color: #304da4}
.bang04 .num{background: #FF5722}
.bang04 .bangtit{color: #FF5722;}
.bangwtxt{font-weight: 500;margin-bottom: 55px;text-align: center;font-size: 30px;letter-spacing: -2px;font-family: 'GmarketSansMedium';}
.bangwtxt span{color:#304da4;/* font-weight: 600; */}

.banconw{width: 268px;margin: 0 auto;overflow: hidden;position: absolute;left: 50%;margin-left: -138px;top: 50%;padding: 20px;box-sizing: border-box;margin-top: -130px;}

.banconbox{width: 220px;height: 220px;border-radius: 50%;border: 12px solid #fff;text-align: center;/* line-height: 140px; *//* float: left; *//* margin-left: -10px; *//* margin-top: -17px; */color: #585555;display: flex;align-items: center;justify-content: center;font-size: 23px;padding: 30px;font-weight: 600;box-sizing: border-box;flex-direction: column;letter-spacing: -2px;/* border: 1px solid #ccc; */}
.bc01{background: rgb(239 239 239);/* background: linear-gradient(93deg, rgba(120,49,158,1) 0%, rgba(153,63,193,1) 100%); *//* border: 1px solid #ccc; */}
.bc02{background: rgb(251,204,64);
background: linear-gradient(93deg, rgba(251,204,64,1) 0%, rgba(239,164,47,1) 100%);}
.bc03{background: rgb(59,95,191);
background: linear-gradient(93deg, rgba(59,95,191,1) 0%, rgba(49,80,169,1) 100%);}
.bc04{background: rgb(59,63,64);
background: linear-gradient(93deg, rgba(59,63,64,1) 0%, rgba(82,85,87,1) 100%);}


@media only all and (max-width: 720px) {
.subgt{font-size: 24px}
.subgts{font-size:15px}
.bangbox{width: 94%;height: auto;padding: 20px;margin-bottom: 15px;margin-left: auto;margin-right: auto;float: none;}
.bangbox:nth-child(2n){padding:inherit;padding: 20px;float: none;}
.banconw{position: relative;width: 100%;margin-left: 0;left: inherit;top: 0; display: none; }
.bangwtxt{line-height: inherit;text-align: left;line-height: 130%;font-size: 18px;margin-bottom: 30px;padding: 0 20px;letter-spacing: -1px;}
.bangwtxt p{display: inline; font-size: 20px}
.visionc{display: block}
.visioncm p{display: inline}
.bangtit{font-size: 17px}
.bangstit ul li{font-size: 15px}
.bangtit .num{height: 25px;width: 25px;line-height: 25px;margin-right: 5px;}
}


.servtit{font-size: 33px;color: #323133;padding-bottom: 30px;font-weight: 600;text-align: center;letter-spacing: -1px;}
.servtit:after{width: 81px;height: 4px;margin: 13px auto 0;background: #00529f;content: '';display: block}
.servbox{display: flex;/* margin-bottom: 50px; *//* background: #f7f7f7; */padding: 50px 30px 0;align-items: center;}
.servL{text-align: center;width: 290px;display: flex;flex-direction: column;align-items: center;}
.servcon{width: calc(100% - 290px);}
.serimg{width: 150px;height: 150px;display: flex;border-radius:50%;background: #efefef;align-items: center;justify-content: center;}
.serLtxt{font-weight: 600;font-size: 24px;letter-spacing: -1px;margin-bottom: 20px}
.servw{margin-bottom: 50px}

.hrbox .bangstit ul li{font-weight: 400;font-size: 16px;word-break: break-all;}
.hrconsw{
    /* margin-bottom: 30px; */
}
.hrcbox{text-align: center}
.hrctit{background: #3F51B5;font-weight: 500;font-size: 19px;padding: 15px 80px;margin: 0 auto;display: inline-block;color: #fff; position: relative}
.hrctit:after{width: 1px;height: 30px;/* content: ''; */display: block;position: absolute;left: 50%;top: 58px;background: #d3d2d2;}
.hrcmw{display: flex;margin-top: 30px;margin-bottom: 75px;position: relative}
.hrcmw:before{width: 100%;height: 1px;/* content: ''; */display: block;position: absolute;left: 0;top: -20px;background: #d3d2d2;}
.hrcmbox{flex: auto;background: #f6f6f6;margin: 0 5px;padding: 15px 10px;font-weight: 500;display: flex;justify-content: center;align-items: center;position: relative;box-sizing: border-box;border: 1px solid #dadada;}
.hrcmbox:before{width: 1px;height: 20px;/* content: ''; */display: block;position: absolute;left: 50%;top: -20px;background: #d3d2d2;}
.hrboxw .hrbox {/* flex: 1; */text-align: center;border: 1px solid #ccc;padding: 25px 20px;width: 25%;border-bottom: none;border-right: none;}
.hrboxw{display: flex;flex-wrap: wrap;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; margin-bottom: 50px}
.hrbox ul li{text-align: left}
.hrbox .eductm span.edum2{margin-bottom: 20px}
.hrimg{width: 130px;height: 130px;display: flex;border-radius:50%;background: #efefef;align-items: center;justify-content: center;margin-bottom: 20px;}
.ercon .hrctit{background: #0092b3;}
.ercon .eductm span.edum2{color: #0093b1;}

.sagunw{}
.sagubox{margin-bottom: 40px;font-size: 19px;}
.sagtit{font-size: 26px;letter-spacing: -2px;font-weight: 600;color: #1f2021;position: relative;padding-left: 28px;margin-bottom: 10px;}
.sagtit:before{width: 18px;height: 18px;border: 5px solid #135e8c;content: '';display: block;position: absolute;left: 0px;top: 11px;border-radius: 50%;background: #fff;}
.sagtxtw{border: 1px solid #dae2f1;padding: 10px 10px 6px;}
.sagtxt{background: #f2f3fb;display:flex;padding: 20px 20px;font-size: 19px;margin-bottom: 5px;letter-spacing: -1px;}
.sagt1{color: #455894;margin-right: 30px;font-weight: 500;}
.sagt2{color: rgba(31,31,31,1.00)}
.sagmbox{margin-bottom: 52px;position: relative}
.sagstit{font-size: 22px;color: #000;font-weight: 600; padding-bottom: 10px; padding-left: 30px;}
.sagcatcm ul li{position: relative}
.sagcatcm ul li:before{content: '-'; display: inline-block; padding-right: 5px}
.sagmboxw{display: flex;margin: 20px 0;}
.sagmboxm{background: #f3f4fe;border: 1px solid #ccc;border-radius: 5px;margin: 0 10px;padding: 30px 20px;flex: 1;border: 1px solid #dae2f1;text-align: center;}
.sagmbtit{font-weight: 600;color: #135e8c;text-align: center;padding-bottom: 20px;font-size: 21px;letter-spacing: -1px;display: inline-block;text-align: center;}
.saglist ul li{text-align: left;position: relative;padding-left: 15px;font-size: 17px;}
.saglist ul li:before{content: '';position: absolute;width: 4px;height: 4px;background: #666666;left: 0;top: 13px;border-radius: 10px;}
.sagimg{text-align: center}
.sagcation{position: absolute;bottom: 0;font-size: 16px;border: 1px solid #f1ebeb;padding: 20px;background: #f7f7fc;}
.sagpc{padding:40px 0 0;font-weight: 600;text-align: center;font-size: 24px;}
.sagtxtm{padding-left: 30px}
.sagclist{padding-left: 30px;margin-bottom: 30px;}
.sagclist li{position: relative;padding-left: 15px;}
.sagclist li:before{width: 6px;height: 6px;background: #bdb7b7;content: '';display: block;position: absolute;left: 0px;top: 11px;border-radius: 30px;}
.sagcslist{padding-left: 13px;font-size: 16px;line-height: 170%;}
.downw{display: flex;align-items: center;justify-content: center;margin-top: 60px;}
.downtxt{text-align: center;font-size: 20px;font-weight: 600;/* padding-bottom: 20px; */margin-right: 20px;border-bottom: 2px solid #0d5885;padding-bottom: 6px;}
.gubc .visionc{padding-bottom: 30px}

.outso .hrboxw{/* display: block; */border-bottom: none;border-right: none;}
.outso .hrboxw .hrbox {width: 33.3%;}
.outso .hrbox:nth-child(3){border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.outso .hrbox:nth-child(4){border-bottom: 1px solid #ccc;}
.outso .hrbox:nth-child(5){border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.outso .goalimg{padding: 30px 0}
.bangbox:nth-child(2n){padding: 45px 49px;}

@media only all and (max-width: 1138px) {
.hrcmw:before{width: 90%}

}

@media only all and (max-width:820px) {
.hrboxw{display: block; margin-bottom: 50px;}
.hrboxw .hrbox{width: 100%}
.hrcmw{display: block;overflow: hidden;margin-bottom: 7px;margin-top: 7px;}
.hrcmw:before{display: none}
.hrcmbox:before{display: none}
.hrcmbox{margin-bottom: 5px;width: 49%;float: left;display: block;margin: 0.5% 0.5%;padding: 9px 5px;}
.outso .hrboxw .hrbox{width: 100%}
.outso .hrbox:nth-child(3){border-right: none;border-bottom: none}
.outso .hrbox:nth-child(4){border-bottom: none;}
.outso .hrbox:nth-child(5){border-bottom: none;border-right: none;}
.outso .hrboxw{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.outsw .bangboxw{display: block}
.outsw .bangbox{width: 100%}
.bangbox:nth-child(2n){padding: 20px}

}
@media only all and (max-width: 720px) {
.servbox{display: block; padding: 20px 20px 0;}
.servL{width: 100%; margin-bottom: 20px}
.servcon{width: 100%}
.servtit{font-size: 24px; padding-bottom: 0;}
.serimg{width: 120px; height: 120px; line-height: 120px}
.serLtxt{font-size: 17px}
.hrctit{width: 100%}
.hrctit:after{display: none}
.sagtit{font-size: 21px;padding-left: 19px;}
.sagtxt{display: block; font-size: 17px;}
.sagtxtm{font-size: 16px;padding-left: 10px;}
.sagmboxw{display: block; margin: 0;}
.sagmboxm{padding: 20px; margin-bottom: 10px}
.saglist ul li{font-size: 15px}
.sagmbtit{font-size: 18px}
.sagstit{font-size: 18px;padding-left: 0;}
.sagclist li{font-size: 15px}
.sagtit:before{width: 12px;height: 12px;border: 4px solid #135e8c;top: 9px;}
.sagclist{padding-left:10px}
.sagmbox{margin-bottom: 20px}
.sagcslist{font-size: 14px; padding-left: 10px}
.downw{display: block;margin-top: 20px;text-align: center;}
.downtxt{margin-right: 0;font-size: 17px;border-bottom: none;font-weight: 500;}

}



/* 메인 콘텐츠 1*/

 .aboutw{display: flex;border-right: 0px solid #ccc;margin-top: 30px;}
 .about{border-top: 0px solid #ccc;border-left: 0px solid #ccc;border-bottom: 0px solid #ccc;box-sizing:border-box;flex: 1;background: #fff;/* padding: 20px 0; */}
 .br{border-right:1px solid #ccc;}
 .about .box h4{line-height:20px}
 .about .box{text-align:center;/* padding:0 15px 20px 15px; */}
 .about .box .red{color: #615faa;}
.about .box .mt{margin-top:10px; font-size: 15px}
.about .box1{background: url(/images/s_01.png) no-repeat center center;height:100px }
.about .box2{background: url(/images/s_02.png) no-repeat center center;height:100px }
.about .box3{background: url(/images/s_03.png) no-repeat center center;height:100px }
.about .box4{background: url(/images/s_04.png) no-repeat center center;height:100px }
.about .box5{background: url(/images/s_05.png) no-repeat center center;height:100px }
.about .box6{background: url(/images/s_06.png) no-repeat center center;height:100px }

.abuw{display: flex;margin-top: 10px;/* gap: 42px; */justify-content: space-between;}
.abuimg{    display: flex;    align-items: flex-end;    justify-content: center;    padding-right: 30px;}
.abuimg img{width: 140px;}

.phoc{font-size: 19px;font-weight: 600;margin-bottom: 25px;letter-spacing: 0;color: #2c2c3f;}
.au_cont ul{margin-top: 20px}
.au_cont ul li{position: relative;padding-left: 14px;}
.au_cont ul li:before{width: 5px;height: 5px;display: block;content: '';background: #6e7ca5;position: absolute;top: 10px;left: 0;border-radius: 10px;}
.au_cont ul li a{margin-left: 10px;border-radius: 10px;background: #4D4868;color: #fff;font-size: 11px;padding: 3px 10px;}
.au_cont  h3{padding-top: 10px}

.creative .container{width:800px; margin-bottom: 50px }
.creative .about {background:inherit}
.creative .aboutw{gap:40px}

.dilist{margin-top: 20px}
.dilist ul {width: 500px;margin: 0 auto 100px}
.dilist ul li{position: relative;padding-left: 14px;text-align: left;margin-bottom: 10px;}
.dilist ul li:before{width: 5px;height: 5px;display: block;content: '';background: #6e7ca5;position: absolute;top: 10px;left: 0;border-radius: 10px;}

.cream{margin-bottom: 20px; font-size: 16px}



@media only all and (max-width:800px) {
	.au_w{padding: 0}
	.abuw{display: block}
	.au_c4 p{display: inline}
	.aboutw{display: flex;flex-wrap: wrap;flex-direction: row;}
	.about{width: 50%;flex: inherit;}
	.about-us .au_06{margin-top: 0}
	.service .different h1{font-size: 40px}
	.service2 .row{width: 100%;padding-top: 20px;padding-bottom: 20px;}
	.service2 .row .col-md-4 p{height: auto}
	.service .creative h3{font-size: 19px}
	.dilist ul{width: 100%}
	.dilist{margin-left: 20px}
	.service .creative h1{margin-top: 30px; font-size: 40px;}
	.creative .aboutw{display: flex;margin-top: 0px; gap: 20px;}
	.service2 .row .col-md-4 p{font-size: 14px}
	.creative .container{width: 100%}
	.creative .about{width: calc(50% - 20px)}
}