@charset "utf-8";



/*CEO 인사말*/
.c010100 .tt-box {position:relative; margin-bottom:3rem}
.c010100 .thum {box-shadow:5px 5px 20px 0 rgba(0,0,0,0.2); display:block; height:20.5rem; width:59.323%}
.c010100 .thum img {display:block; width:100%; height:100%}
.c010100 .txt {background:#fff url('/main/img/contents/sub01/010100-img02.gif') no-repeat 120% 125%; height:18.5rem; width:30rem; padding:2.5rem 3.75rem; position:absolute; right:0; top:3.5rem}
.c010100 .txt .goldclass {color:rgba(0,0,0,.1); display:block; font-size:1rem; font-weight:bold; letter-spacing:13px; margin-bottom:0.75rem}
.c010100 .txt .tt {color:#33273d; display:block; font-size:1.8rem; font-weight:100; line-height:1.2; margin-bottom:1rem}
.c010100 .txt .tt strong {color:#5d2e91; display:block; font-weight:bold}
.c010100 .txt .sub {color:#666; display:block; font-size:0.9rem; line-height:1.4}
.c010100 .con {font-size:0.9rem}

@media screen and (max-width:999px) {
	.c010100 .thum {display:none}
	.c010100 .txt {box-shadow:5px 5px 20px 0 rgba(0,0,0,0.2); padding:2.5rem; position:relative; top:0; width:100%; height:auto}
}
/*조직도*/
.organ {text-align:center}
.organ > ul{min-width:1200px}
.organ .group01 > .item{color:#fff; font-size:1rem; border-radius:100%; background-color:#00b0ad; width:5rem; height:5rem; line-height:5rem; padding:0; font-weight:700; position:relative}
.organ .group01 > .item::after{display:block; content:''; position:absolute; left:50%; transform:translateX(calc(-50% + 0.5px)); width:1px; height:12.8rem; background-color:#e5e5e5}
.organ .item{z-index:1;font-size:0.7rem;background-color:#fff;border:1px solid #e5e5e5;display:inline-block;padding:0.5rem 0;width: 3.9rem;max-width:15rem;text-align:center;line-height:1.2;position:relative}
.organ .part01 , .part02{margin-top:2rem; position:relative; display:flex; justify-content:space-around}
.organ .part01 .item , .part02 .item{border:1px solid #4a1563; color:#4a1563; font-weight:700}

.organ .part02 .group02{margin-top:2rem; display:flex; justify-content:space-around; gap:0 2rem}
.organ .part02 .add{position:relative;margin-left:-1.5rem; }
.organ .part02 .group02{position:absolute; margin-top:1rem; left:50%; transform:translate(-50%)}

.organ .part03 > .item{border:1px solid #00b0ad; color:#00b0ad; font-weight:700}
.organ .part04{position:relative; margin-top:4rem; display:flex; gap:10px; justify-content:space-around}
.organ .part04 .group03{display:flex; margin-top: 73px; flex:1 auto; align-items: end; gap:0.5rem}

.organ .part04 [class^="type"] > .item{position:relative; border:1px solid #000; color:#000;  margin-bottom:1.5rem }
.organ .part04 .type04 .group03{margin-top: 73px;} 
.organ .part04 .group03 .item{position:relative;z-index:5; font-size:12px; margin-bottom:0.75rem;  border:1px solid #ddd; color:#676767; min-height:2.75rem; display:flex; align-items:center; justify-content:center}
.organ .part04	div.group03{position:relative;}
.organ .part04 .type05 div.group03::before {width:199px;}
.organ .part04 .type05 .group03 ul:nth-child(2) {position:relative; }
.organ .part04 .type05 .group03 ul:nth-child(2):before {content: ''; display: inline-block; width: 1px; height: 15px; background-color: #e5e5e5; position: absolute; left: 50%; top: -15px; z-index: 8;}

.organ .part02 .group02 .item::before{ display:none; content:''; width:1px; height:0.5rem; background-color:#e5e5e5; position:absolute; top:-0.5rem; left:50%; transform:translateX(-50%)}
.organ .part02 div.group02::before{display:none; content:''; width:6.5rem; height:1px; background-color:#e5e5e5; position:absolute; top:-0.5rem; left:50%; transform:translateX(-50%)}
.organ .part04::before{display: block; content: ''; height: 1px; width: 1133px; background-color: #e5e5e5; position: absolute; top: -1rem; left: 41px; transform: translateX(calc(0px + 0.5px));}
.organ .part04 [class^="type"] > .item::before{display:block; content:''; width:100%; height:100%; margin-top:0; top:0; background-color:#fff; z-index:-1; position:absolute; left:0}
.organ .part04 div.group03::before{z-index:5; display:block;  content:''; width:100px; height:54px; background-color:#fff; border:1px solid #e5e5e5; border-bottom:none; position:absolute; top:-15px; left:50%; transform:translateX(-50%)}
.organ .part04 .type04 div.group03::before{height: 24px;width: 177px; background-color:transparent}	
.organ .part04 .group03 .item::before{display:block; content:''; position:absolute; top:-16px; left:50%; transform:translateX(calc(-50% + 0.5px));}

.organ .part04 [class^="type"] > .item::after{display:block; transform:translateX(calc(-50% + 0.5px)); content:''; width:1px; height:160px; position:absolute; left:50%; top:-18px; background-color:#e5e5e5; z-index:-2 }
.organ .part04 .type04 .item::after{height: 7.9rem;} 
.organ .part01::after , .part02::after{position:absolute; display:block; content:''; width:520px; height:1px; background-color:#e5e5e5; top:50%; left:50%; transform:translateX(calc(-50% + 0.5px));}
.part02::after {width: 280px; transform: translateX(calc(-50% + -139px));}
.organ .part02 .add::after{display: block; content: ''; width: 1px; height: 1.2rem; background-color: #e5e5e5; position: absolute; bottom: -1.1rem; left: 50%; transform: translateX(-50%);}


@media screen and (max-width:1300px) {
	.organ {overflow-x:scroll}
}
@media screen and (max-width:768px) {
	.organ .part04::before{left:50px; width:1055px }

}


/*CI 소개*/
.c010300 {position:relative}
.c010300 .group {clear:both; overflow:hidden}
.c010300 .group > li {float:left; margin-right:2.6%; margin-bottom:10px; text-align:center; width:48.7%}
.c010300 .group > li:last-child {margin-right:0}
.c010300 .ci > li {border:1px solid #ddd; background:#fff url('/main/img/contents/sub01/010300-bg.gif') repeat -1px -1px; padding:2.75rem 1rem; height:8.75rem}
.c010300 .btn {border:1px solid #652e91; border-radius:100px; color:#652e91; font-size:15px; padding:3px 15px; transition:all .3s; position:absolute; top:0; right:0}
.c010300 .btn i {margin-left:5px}
.c010300 .btn:hover {background:#652e91; color:#fff}
.c010300 .color > li {color:#fff; height:7.5rem; padding:1rem 1.5rem; text-align:left}
.c010300 .color > li:nth-child(2n) {margin-right:0}
.c010300 .color > li .name {display:block; font-weight:100; margin-bottom:1.5rem}
.c010300 .color > li .num {font-size:15px; opacity:0.8}
.c010300 .color .color01 {background:#231f20}
.c010300 .color .color02 {background:#734239}
.c010300 .color .color03 {background:#b08356}
.c010300 .color .color04 {background:#fff9b1; color:#666}
.c010300 .example > li {border:1px solid #ddd; padding:1.5rem 1.5rem 1rem; width:23.05%}
.c010300 .example > li:nth-child(4n) {margin-right:0}
.c010300 .example > li.gray {background:#f5f5f5}
.c010300 .example > li.black {background:#000}

@media screen and (max-width:640px) {
	.c010300 .group > li {width:100%; height:auto}
	.c010300 .example > li {width:48.7%}
	.c010300 .example > li:nth-child(2n) {margin-right:0}
}

/*찾아오시는길*/
.c010400 .map {border:none; border-radius:0; font-family:'NotoKr'; padding:0; width:100% !important}
.c010400 .wrap_controllers {display:none}
.c010400 .box {padding:1.2rem 1.5rem}
.c010400 .box .top {padding-bottom:1rem; text-align:left}
.c010400 .box .top > span {display:inline-block; margin-right:8%; vertical-align:middle}
.c010400 .box .top > span:last-child {margin-right:0}
.c010400 .box .top > span i {color:#333; font-size:1rem; font-weight:500; margin-right:5px; vertical-align:-2px}
.c010400 .box .top > span strong {padding-right:10px}
.c010400 .box .bottom {border-top:1px solid #ddd; padding:1.25rem 0.5rem 0}
.c010400 .box .bottom > strong {display:block; font-size:0.9rem; margin-bottom:5px}
