@charset "UTF-8";
/*단체소개*/

.major_business li{padding-left:1rem; position:relative; line-height:2}
.major_business li::before{display:block; content:'-'; position:absolute; left:0; top:0.1rem; color:#333}

#ctt_con{position:relative}

#ctt_con .p1{border:1px solid #e8e8e8; padding:2rem; background:#fafafa; word-break: keep-all;}
#ctt_con .l1{border:4px solid #f0f0f0; padding:1rem 2rem;  word-break: keep-all}
#ctt_con .l1 p{margin:1rem 0}
#ctt_con .l1 strong{padding:0 3rem; background:#f8f8f8; color:#666; border-radius:3rem; display:inline-block; margin-right:1rem}

#ctt_con .group{text-align:center;}
#ctt_con .group li{display:inline-block;padding:1rem 2rem;border:1px solid #ddd; margin:1rem; text-align:center; transition:.5s;}
#ctt_con .group li:hover{background-color:#555;}
#ctt_con .group li a{color:black; display:block}
#ctt_con .group li:hover a{color:white;}

/*인사말*/
.c010100 {background-image:url('/kor/img/sub/sub01/010100-bg.png'); background-repeat:no-repeat; background-position:center -8rem; border-bottom:1px solid #b0dbf0; padding: 9rem 0 0; text-align:center; overflow:hidden; position:relative}
.c010100 p{margin:12rem 0 7.5rem}
.c010100 .txt {font-size:2rem; width:70%; margin:0 auto}
.c010100 .txt strong {display:block; margin:6.5rem 0}

#ctt_con .intro{display:flex}
#ctt_con img.img_left { width:25rem; height: 100%;}
#ctt_con .desc {margin-left:3rem}
#ctt_con div.intro{border:13px solid #ddd;padding:6rem 3rem 4rem 3rem; position:relative;}
/*#ctt_con div.intro::after{content:'';position:absolute;width:150px;height:20px;transform:translateX(-50%);left:50%;border-top:15px dotted #ddd;top:50px;}*/
#ctt_con p.chairman{text-align:right;margin-top:30px;font-size:18px;font-weight:500;}
#ctt_con p.chairman span{font-style:italic;font-size:13px;}

#ctt_con .h_chairman{display:flex;flex-flow:wrap;gap:10px;transition:.5s;}
#ctt_con .h_chairman li{flex:1;padding:10px;border:1px solid #ddd;border-radius:10px;padding-top:0px;background:#eaeaea;transition:.5s;}
#ctt_con .h_chairman li:hover{background:#fff;}
#ctt_con .h_chairman li h4{text-align:center;color:#222;padding:7px 0;font-weight:500;}
#ctt_con .h_chairman li img{width:100%;border:2px solid #fff;}


@media screen and (max-width:1280px){
	
	.c010100 {background-position:center -10rem}
	
}
@media screen and (max-width:480px){
	
	.c010100 {background-position:center; padding:0}
	.c010100 p {margin:5rem 0}
	.c010100 .txt {width:100%}
	
}


/*걸어온 길*/
	#ctt_con > ul > li{margin:0 0 5px 0;}
	#ctt_con > ul.major_business > li > strong{padding-left:10px;position:relative;}
	#ctt_con ul.history{margin-left:40px;padding-left:0px;margin-bottom:20px;}
	#ctt_con ul.history>li{padding-left:20px;position:relative;font-size:15px;border-left:1px dashed #064688;}
	#ctt_con ul.history>li:last-child{border-left:none;position:relative;}
	#ctt_con ul.history>li:last-child::after{content:'';position:absolute;height:14px;border-left:1px dashed #064688;width:1px;top:-2px;left:0;}
	#ctt_con ul.history>li::before{content:'';display:block;position:absolute;width:10px;height:1px;background-color:#064688;left:0;top:11px;}
	#ctt_con ul.history>li>ul{padding-left:15px;font-size:14px;color:#666;}
	
	#ctt_con h4.history{position:absolute;left:0;text-decoration:underline;}
	#ctt_con ul.old_year{padding-left:80px;overflow:hidden;margin:20px 0;border-bottom:1px dashed #ddd;padding-bottom:20px;}
	#ctt_con ul.old_year > li{position:relative;padding-left:100px;font-size:14px;}
	#ctt_con ul.old_year > li > strong{position:absolute;left:0;}
	#ctt_con div.hist{padding-left:80px;padding-top:20px;border-bottom:1px dashed #ddd;}

@media (min-width:768px){
	.history .article > div:nth-child(even) {flex-direction:row-reverse; padding-top:10rem}
	.history .article > div:nth-child(even) .data strong {text-align:right}
	.history .article > div:nth-child(even) .data i:after {left:auto; right:-3.5rem}
	.history .article > div:nth-child(even) .item {padding:0 5rem 0 0; text-align:right}
	.history .article > div:nth-child(even) .item:before {left:auto; right:-1.5rem}
	.history .article > div:nth-child(even) .item:after {left:auto; right:-1px}
	.history .article > div:nth-child(even) .item ul li {flex-direction:row-reverse}
	.history .article > div:nth-child(even) .item ul li .desc {float:left}
	.history .article > div:nth-child(even) .item ul li strong {float:right}
	.history .article > div:nth-child(even) .item ul li .desc span {float:right; padding-right:0; padding-left:3rem; text-align:left}
	.history .article > div:nth-child(even) .item ul li .desc p {text-align:right}
	
	
}

@media (max-width:768px){
	.history .article > div:last-child {padding-bottom:0}
	.history .article > div:last-child:after {left:2rem}
	.history .article > div > * {width:100% !important}
	.history .article .data {padding:0}
	.history .article .data strong {font-size:5rem}
	.history .article .data i {width:100%; max-height:35rem; overflow:hidden}
	.history .article .data img {display:block; width:100%}
	.history .article .item {margin-left:2rem; padding-left:3rem; padding-right:2rem}
	.history .article .item:after {height:100%}
	.history .article .item > ul > li {margin-bottom:2rem}
	.history .article .item ul li strong {float:none; font-size:2.4rem; margin-bottom:0.5rem}
	.history .article .item ul li .desc {float:none; width:100%}
	
	.major_business li{line-height:1.6}
	#ctt_con .intro{display:inherit}
	#ctt_con img.img_left{width:100%}
	#ctt_con div.intro{border:6px solid #ddd; padding:3rem}
	#ctt_con .desc{margin:3rem 0 0;}
	
	
	/*조직도*/
	#ctt_con .h_chairman{display:flex}
	#ctt_con .h_chairman li{display:inline-block; flex: 48%}
	#ctt_con .jojic > div{display:block;clear:both;position:relative;overflow:hidden;}

	#ctt_con .jojic > div::before{display:none;}
	#ctt_con .jojic  div dl dt {display:block;width:100%;}
	#ctt_con .jojic  div dl {display:block;}
	#ctt_con .jojic  div dl dt {display:block;width:100%;}
	#ctt_con .jojic  div dl dt span{display:inline-block;width:100%;}
	#ctt_con .jojic  div dl dd {display:block;width:100%;}
	#ctt_con .jojic  div dl dd > ul > li{width:49% !important;background:#ddd !important;color:#222;}
	#ctt_con .jojic  .level2 dl dd > ul > li > ul > li{background:#ddd !important;}
	#ctt_con .level5 p{width:100%;padding:10px;}
	
	/*걸어온길*/
	#ctt_con ul.old_year{padding:0}
	#ctt_con h4.history{position:relative; background-color:#fafafa; padding:1rem; text-align:center;     text-decoration: none; font-size: 2rem;}
	
	/*찾아오시는 길*/
	#ctt_con .l1 strong{display:block; text-align:center; margin-bottom:1rem; padding:0.5rem 0}
}

/*회사소개*/
.c010200 p{font-size:2rem}


	/*조직도*/
	
	#ctt_con .jojic{background:#fafafa; padding:2rem}
	#ctt_con .jojic dt, #ctt_con .jojic dd{text-align:center;color:white;display:table-cell;}
	#ctt_con .jojic ul{text-align:left;}
	#ctt_con .jojic > div {padding-bottom:30px;}
	#ctt_con .jojic > div:last-child{padding-bottom:0;}
	#ctt_con .jojic  dl {display:table;width:100%;}
	#ctt_con .jojic  dl > dt{width:15%;padding:0.5%;vertical-align: top;position:relative;transition:.5s;z-index:2;}
	#ctt_con .jojic  dl > dd{width:85%;vertical-align: top;transition:.5s;}
	
	#ctt_con .jojic dl dt span{background-color:#516c99;display:block;padding:10px;}
	#ctt_con .jojic  dl > dd > ul > li{float: left; text-align:center;width: 19%; margin: 0.5%; padding: 10px;}
	#ctt_con .jojic > div{position:relative;z-index:2;}    
	#ctt_con .jojic > div::before{content:'';top:0;left:7.5%;position:absolute;height:100%;width:1px; border-left:1px dashed #aaa;z-index:1;}
	#ctt_con .level1 dl dd li{background-color:#8da45f;}
	
	#ctt_con .level1 dl dt span{background-color:#506da2;font-size:16px;}
	#ctt_con .level1 dl dd li,#ctt_con .level2 dl dd li{background-color:#829453 !important;}
	#ctt_con .level2 dl dd > ul > li:last-child{width:30%;}
	#ctt_con .level2 dl dt span, #ctt_con .level3 dl dt span, #ctt_con .level4 dl dt span{background-color:#6591b7;font-size:16px;}
	#ctt_con .level2 dl dd{vertical-align:top;}
	#ctt_con .level3 dl dd > ul > li{background-color:#8e6460 !important;width:24% !important;}
	#ctt_con .level3 dl dd li > ul{margin-top:10px;background:white;padding:5px;}
	#ctt_con .level3 dl dd li > ul > li{font-size:12px;color:#222;background:white !important;padding:2.5px 0;}
	#ctt_con .level4 dl dd li{background-color:#555 !important;}
	#ctt_con .level5 p{width:15%;padding:0.5%;text-align:center;display:inline-block;background:#353535;color:white;position:relative;z-index:2;}
	#ctt_con .level5::before{display:none;}
	
	#ctt_con .group{text-align:center;}
	#ctt_con .group li{display:inline-block;padding:10px 20px;border:1px solid #ddd;margin:10px;text-align:center;transition:.5s;}
	#ctt_con .group li:hover{background-color:#555;}
	#ctt_con .group li:hover a{color:white;}
	
	/*함께하는 사람들*/
	#ctt_con table{width:100%;border-collapse:collaspe;border-top:3px solid #252525;border-bottom:2px solid #252525;margin-bottom:30px;}
	#ctt_con table th, #ctt_con table td{border-right:1px solid #ddd;padding:10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:16px;color:#333;transition:.5s;}
	#ctt_con table th{background-color:#fafafa;font-size:16px; color:#3090a6;font-weight:500;word-break: keep-all;}
	#ctt_con table th:last-child, #ctt_con table td:last-child{border-right:none;}
	#ctt_con table caption{font-size:0;height:0;}
	#ctt_con table tbody{min-width:100%;}
	#ctt_con table td.td_center{text-align:center;}
	#ctt_con table tfoot td{border-bottom:none;color:#666;}

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

	.org-chart.scroll  {padding-bottom:8rem}
	.org-chart.scroll > * {min-width:90rem}
}

@media (max-width:768px){
		#ctt_con .jojic  div dl dd > ul > li{width:100% !important}
		#ctt_con .level5 p{width:100%}
	
}