@charset "utf-8";
/* desktop 스타일 */

/* 내용관리 */
#ctt {margin:5vh 0;padding:0 0;background:#fff}
.ctt_admin {text-align:right;position:absolute;top:0px;right:0px;font-size:14px;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px;line-height:1.8em}
.ctt_img {text-align:center}

/*인사말 스타일*/
#ctt_con .greetings_box{
    position:relative;
	height:400px;
	transition:all 0.5s;
}
.greetings_img_box{
	height:100%;
	overflow:hidden;
	transition:all 0.5s;
}
.greetings_img_box > div{
	top:0;
	left:50%;
	position:absolute;
	height:100%;
	overflow:hidden;
	transform:translateX(-50%);
	animation-name: scaleWidth;
	animation-duration: 1.5s;
	animation-iteration-count:1;
	width:100%;
}
.greetings_img_box > div > img{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:auto !important;
	height:100%;
}

.greetings_text_box{
	padding:60px;
}
.greetings_para {
	column-count: 2; /* 열의 수를 설정 */
	column-gap: 70px; /* 열 간격을 설정 */
	column-rule: none; /* 열 사이의 구분선을 설정 (선택 사항) */
	font-size:20px;
	line-height:1.6em;
	font-weight:400;
	transition:all 0.5s;
}
.greetings_para  > p{
	font-size:1.15rem;
	line-height:1.6em;
	margin:0 0 1.5rem 0;
	text-align:justify;
}
.greetings_who{
	margin-top:1.5em;
}
.greetings_who p{
	font-size:1.15rem;
	line-height:1.4em;
	margin:0;
}
@keyframes scaleWidth {
  0% {
    width: 0%;
  }
  100% {
    width:100%;
  }
}

@media(max-width:1184px){
	#ctt_con .greetings_box{
		height:400px;
		transition:all 0.5s;
	}
}
@media(max-width:768px){
	#ctt_con .greetings_box{
		height:280px;
		transition:all 0.5s;
	}
	#ctt {margin:4vh 0;}
	.greetings_para {
		column-count: 1;
		column-gap: 0px;
		transition:all 0.5s;
	}
	.greetings_para  > p{
		font-size:1rem;
	}
	.greetings_who p{
		font-size:1rem;
	}
}

/* 프로젝트 */


/* 연혁 */
.history_wrap {box-sizing:border-box; padding-left:60%; margin:1em auto 3em auto; transform:all 0.5s ease; background-image:url(/img/sub/history_bg.jpg); background-repeat:no-repeat; background-position:left top;}
.history_wrap .box{box-sizing:border-box;}
.history_wrap .box > h3 {position:relative;font-size:2.5rem; color:#0f4e8c; font-weight:bold; box-sizing:border-box; padding-left:32px; line-height:1.5em !important;}
.history_wrap .box > h3:before {content:'';position:absolute; height:100%; width:1px; background-color:#ccc; left:0px; }
.history_wrap .box > h3:after {content:'';width:20px; height:20px; position:absolute; display:block; top:50%; left:-10px; transform:translateY(-50%); border:1px solid #ccc; z-index:1; border-radius:50%; background-color:#fff;}
.history_wrap .box > h3 > span{position:relative;display:block;}
.history_wrap .box > h3 > span:before {content:'';width:10px; height:10px; position:absolute; display:block; top:50%; left:-37px; transform:translateY(-50%); z-index:2; border-radius:50%; background-color:#0f4e8c;}
.history_wrap .box > ul {position:relative; padding-bottom:2.8rem;}
.history_wrap .box > ul:before {content:'';position:absolute; height:100%; width:1px; background-color:#ccc;left:0;}
.history_wrap .box > ul > li {font-size:1.1875rem; color:#666; padding:0.5rem 0; padding-left:32px;}

/* 택스트 리스트 스타일*/
.info_txt {list-style:none;padding-left:1.2em; line-height:180%;}
.info_txt li{position:relative;}
.info_txt li:before {content:''; display:block; position:absolute; width:5px;height:5px;background-color:#e93154; left:-0.7em; top:0.8em; border-radius:3px; }

.info_txt2 {list-style:none;padding-left:2em; line-height:180%;}
.info_txt2 li{position:relative; font-size:1.1em;}
.info_txt2 li:before {content:''; display:block; position:absolute; width:5px;height:5px;background-color:#2783eb; left:-0.7em; top:0.8em; border-radius:3px; }

/* 조직도 CSS arizonakim */
.org_graph {position:relative;width:100%;margin:0 auto;text-align:center;font-size: 1.15em;}
.org_graph:before {content:'';display:block;height:100%;width:1px;background-color:#bbb;position:absolute;left:50%;top:0;transform:translate(-50%,0%);}
.org_float{text-align:center; margin-bottom:40px;}
.org_float:before,.org_float:after{content:'';clear:both;display:block;}
.org_float > div {float:left;}
.org_float .org_l{float:left;width:50%;position:relative;text-align:center;}
.org_float .org_r{float:right;width:50%;position:relative;text-align:center; margin-top:40px;}
.org_float .org_3 {margin-bottom:50px;}
.org_float.of1 > .org_part {width:100%; margin-right:0%;}
.org_float.of2 > .org_part {width:49.375%; margin-right:1.25%;}
.org_float.of2 > .org_part:nth-child(2n) {margin-right:0;}
.org_float.of3 > .org_part {width:32.5%; margin-right:1.25%;}
.org_float.of3 > .org_part:nth-child(3n) {margin-right:0;}
.org_float.of4 > .org_part {width:24.0625%; margin-right:1.25%;}
.org_float.of4 > .org_part:nth-child(4n) {margin-right:0;}
.org_float.of5 > .org_part {width:19%; margin-right:1.25%;}
.org_float.of5 > .org_part:nth-child(5n) {margin-right:0;}
.org_float.of6 > .org_part {width:15.625%; margin-right:1.25%;}
.org_float.of6 > .org_part:nth-child(6n) {margin-right:0;}
.org_float .org_part{box-sizing:border-box; position:relative;}
.org_float .org_part > span {border:0px solid #ddd;display:inline-block;box-sizing:border-box;text-align:center;position:relative;padding:1em 0.6em;width:100%;background-position:left bottom;background-repeat:no-repeat;/* background-image:url(../_img/sub/org_part_bg.png); */}
.org_float .org_part > span:before,.org_part > span:after{content:'';z-index:-1}
.org_float .org_1>span{background-color: #2279c5;color:#fff;max-width: 200px;padding: 25px 0;}
.org_float .org_2>span{background-color: #06a7b8;color:#fff;max-width: 200px;}
.org_float .org_3>span{background-color: #2279c5;color:#fff;max-width: 200px;}
.org_float .org_4>span{background-color: #059eda;color:#fff;max-width: 200px;}
.org_float .org_r .org_2>span{padding:20px 0;}
.org_float .org_l:after{content:'';display:block;width:50%; height:1px; background-color:#bbb; position:absolute;top:50%;right:0;transform:translate(0%,-50%);z-index:-1}
.org_float .org_r:after{content:'';display:block;width:50%; height:1px; background-color:#bbb; position:absolute;top:50%;left:0;transform:translate(0%,-50%);z-index:-1}
.org_float .org_3:after{content:'';position:absolute; width:81.25%; height:1px; display:block; left:50%; bottom:-50%; transform:translate(-50%,0); background-color:#ccc;}
.org_float .org_4>span:before{position:absolute; width:1px; height:100%; display:block; left:50%; top:-40px; transform:translate(-50%,0); background-color:#ccc;}

.org_graph.type1:before {content:'';display:block;height:67%;width:1px;background-color:#bbb;position:absolute;left:50%;top:0;transform:translate(-50%,0%);}
.org_graph.type1 .org_float .org_3:after{content:'';position:absolute; width:51.25%; height:1px; display:block; left:50%; bottom:-50%; transform:translate(-50%,0); background-color:#ccc;}
.org_graph.type1 .org_float .org_1>span{background-color:#3368c6;color:#fff; max-width:200px; padding:25px 0;}
.org_graph.type1 .org_float .org_3>span{background-color:#2b9fce;color:#fff; max-width:200px; padding:25px 0;}
.org_graph.type1 .org_float .org_4>span{background-color:#13b9d0;color:#fff; max-width:200px; padding:25px 0;}

.org_graph .org_part>span {text-shadow:0px 0px 3px rgba(0,0,0,.6)}

/* 이력서 입력 폼 */
.person_pic_frame {border:1px solid #ccc; max-width:160px; margin:0 0 0 0; padding:0; width:100%;}
.person_pic_frame > img {display:block; width:100%;}
.person_basic_box {padding:0 0 0 20px;}

/* sitemap */
.sitemap {position:relative; box-sizing:border-box;}
.sitemap a {display:block; width:100%; box-sizing:border-box;}
.sitemap > li { box-sizing:border-box; min-height:280px;}
.sitemap > li > a:first-child {font-size:1.12em;font-weight:500;padding: .7em 1em;border: 1px solid #7eb6d6;background-color: #b8d5ea;}
.sitemap li > div {padding:.3em 1em;}
.sitemap li > div > a {color:#444; line-height:1.785em;}
.sitemap li > div > a:before{content:'- ';color:#990000}
.sitemap > li {float:left;}
.sitemap:before .sitemap:after{content:'';display:table;clear:both;}



/* 반응형 스타일 */

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

}

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

}

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

}
@media all and (max-width:1048px){

}

@media all and (max-width:960px){
	.history_wrap {background-size:50%;}
}

@media all and (max-width:768px){
	.jobs_block .float_wrap.ea4 .float{width:49%; margin-right:0;padding:5px;}
	.history_wrap {box-sizing:border-box; padding-left:10%; margin:1em auto 3em auto; background-image:url();}
	.person_basic_box {padding:0;}
	.person_pic_frame {margin:0 auto;max-width:270px;}
	.sitemap.ea2 .float{width:49% !important;margin-right:0 !important; padding:10px;}
	.sitemap.ea3 .float{width:49% !important;margin-right:0 !important; padding:10px;}
	.sitemap.ea4 .float{width:49% !important;margin-right:0 !important; padding:10px;}

}

@media all and (max-width:480px){
	.jobs_block .float_wrap.ea4 .float{width:49%; margin-right:0;padding:5px;}
	.history_wrap {box-sizing:border-box; padding-left:5%; margin:1em auto 3em auto;}
	.gall_row .col-gn-4 {width:50%;}
}
@media all and (max-width:360px){
	.jobs_block .float_wrap.ea4 .float{width:100%; margin-right:0;padding:5px;}
	.sitemap.ea2 .float{width:100% !important;margin-right:0 !important;min-height:10px;}
	.sitemap.ea3 .float{width:100% !important;margin-right:0 !important;min-height:10px;}
	.sitemap.ea4 .float{width:100% !important;margin-right:0 !important;min-height:10px;}
}
@media all and (max-width:320px){
	.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3, .gall_row .col-gn-4 {width:100%;}
}

@media all and (min-width:1280px){

}


@media all and (max-width:960px) and (min-width:768px) {

}

@media all and (max-width:765px) and (min-width:480px) {

}

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

}