@charset "utf-8";

/*공통*/
.intro_wrap .intro_title{margin-bottom: 120px;}


/***********************/
/*인사말*/
.intro_wrap{}
.intro_wrap .intro_title{position:relative; margin-top: 100px;}
.intro_wrap .intro_title .img_box{overflow:hidden; border-top-left-radius: 50px; border-top-right-radius: 50px;width: 35%;position:absolute; left:0; bottom:0; height: calc(100% + 75px); }
.intro_wrap .intro_title .img_box img{width: 100%; height: 100%; object-fit:cover; object-position:center center; }
.intro_wrap .intro_title .txt_box{padding: 40px 0 40px calc(35% + 50px); font-family: 'oneMobile'; font-size: 20px; line-height: 1.5; position:relative; }
.intro_wrap .intro_title .txt_box:before{content:'';display:block; width: 100vw; height: 100%; background: #f5f5f5; position:absolute; left:50%; bottom:0; transform: translateX(-50%);z-index:-1;}

.vision_box{background:linear-gradient(to right, #039FBC, #809E04); border-top-left-radius:60px; border-top-right-radius: 60px; padding:44px 72px 36px 72px; font-size: 28px; }
.vision_box p{display:inline-block; padding: 8px 20px 6px 20px; border-radius: 35rem; background:#fff; color:#0e9fab; font-weight: 800;margin-bottom: 12px; }
.vision_box h4{font-family: 'oneMobileT'; color:#fff; font-weight: 100;line-height: 1.2; }

.strg_wrap{padding:52px 68px;border:1px solid #eaeaea;position:relative; }
.strg_wrap:after{content:''; display:block; width: 220px; height:240px;  background:url(/resources/_Img/Templet/tmpl/uc_g.png) no-repeat; opacity:0.05; position:absolute; top:0;right:0; background-size: contain; }
.strg_wrap .item{}
.strg_wrap .item dl{display:grid; grid-template-columns: 35% 65%;align-items:start;}
.strg_wrap .item:not(:last-child) dl{border-bottom: 1px dashed #efefef;}
.strg_wrap .item dl .label{color:#fff; border-radius: 20px; display:flex; align-items:center; justify-content:center; font-family: 'oneMobileT'; font-weight:100;width: 60px; min-width: 60px; padding-top: 2px}
.strg_wrap .item dl dt .label{height:60px;font-size: 28px}
.strg_wrap .item dl dd .label{height: 40px;font-size: 22px}
.strg_wrap .item dl dt,
.strg_wrap .item dl dd ol li{display:flex; flex-direction: row; align-items:center; column-gap: 30px}
.strg_wrap .item dl dt{padding: 32px 48px 32px 0; font-weight: 500;}
.strg_wrap .item dl dd{padding: 32px 0 32px 48px; border-left:1px solid #ddd;}
.strg_wrap .item dl dd ol li:not(:last-child){margin-bottom: 16px;}
.strg_wrap .item1 dl .label{background:#1F8A9F}
.strg_wrap .item2 dl .label{background:#066C70}
.strg_wrap .item3 dl .label{background:#005667}
.strg_wrap .item4 dl .label{background:#839E00}

/*조직도*/
.org_wrap{}
.org_wrap .c-list-dotted{padding:16px 0 16px 20px}
.org1{margin: 0 auto 80px auto; width: 260px; height: 260px; border-radius: 50%; border:20px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(-45deg,#0EA2A4,#ABCD05); background-origin:border-box; background-clip:content-box, border-box;display:flex; align-items:center; justify-content:center; text-align: center; font-family: 'oneMobileT'; font-weight: 100; font-size: 32px; color:#333; position:relative; line-height: 1.3;}
.org1:after{content:''; display: block; width: 1px; height:80px; background:#ddd;position:absolute; bottom:-100px; left:50%; transform: translateX(-50%); z-index:-1;}

.org2{display:grid; grid-template-columns: 35% 65%}
.org2 h5{border-radius: 30px; color:#fff; font-family: 'oneMobileT'; font-weight: 100; text-align:center; width: 100%;font-size: 22px; padding:32px 20px 32px 20px}

.org2 .rise_box{width: 100%; max-width: 400px; padding-right: 24px;position:relative; }
.org2 .rise_box:after{content:''; display:block; width: 50%; height: 1px; position:absolute; top: 46px; right:calc(-50% + 30px); z-index:-1; background:#ddd;}
.org2 .rise_box h5{background: #0EA2A4;}
.org2 .rise_box ul{padding-left:70px ; position:relative;padding-top: 30px}
.org2 .rise_box ul:before{content:''; display:block; width: 1px; height:calc(50% + 47px); background: #ddd; position:absolute; top:0; left: 40px; }
.org2 .rise_box ul li{}
.org2 .rise_box ul li h6{border:1px solid #0ea2a4; border-radius: 20px;padding: 20px;width: 100%; margin-left:auto;text-align:center; position:relative; color:#0ea2a4;font-size: 18px;}
.org2 .rise_box ul li h6:before{content:''; display:block; width: 30px; height: 1px; background:#ddd; position:absolute; top:50%; left:-30px; transform:translateY(-50%); z-index:-1;}
.org2 .rise_box ul li ol{}
.org2 .rise_box ul li ol li{}
.org2 .aidx_box{}
.org2 .aidx_box h5{background: #005667; max-width: 420px}
.org2 .dtl_aidx{background: #f8f8f8; border-radius: 20px; margin-top: 30px; }
.org2 .dtl_aidx .item{padding: 52px; position:relative;}
.org2 .dtl_aidx .item:not(:last-child){border-bottom: 2px dashed #ccc;padding-bottom: 36px}
.org2 .dtl_aidx .item:not(:first-child){padding-top:64px}
.org2 .dtl_aidx .item span.step{position:absolute; display:inline-block;border:1px dashed #c4c4c4; border-radius: 10px; padding: 4px 16px 2px 16px; font-size: 16px; color:#E54B82; bottom: -44px;left:calc(56px + 40px); }
.org2 .dtl_aidx .item span.step:before,
.org2 .dtl_aidx .item span.step:after{content:''; display:block;position: absolute;}
.org2 .dtl_aidx .item span.step:before{border-top:8px solid #d9d9d9; border-left:8px solid transparent;border-right:8px solid transparent;background:transparent;bottom:-8px; left:-30px;}
.org2 .dtl_aidx .item span.step:after{width: 4px; height: 44px; background:#d9d9d9; bottom: -2px; left: -24px;}

.org2 .dtl_aidx .item1 ul{display:grid; grid-template-columns: repeat(3, 1fr); gap:26px; }
.org2 .dtl_aidx .item1 h6{background:#fff; border-radius: 20px; border:1px solid #ccc; font-size: 20px; font-family: 'oneMobileT'; font-weight: 100; text-align:center; padding: 16px; }
.org2 .dtl_aidx .item2 h6{background:#066C70; border-radius: 20px; border:1px solid #ccc;text-align: center; font-size: 22px; font-weight: 100; font-family: 'oneMobileT';color:#fff;padding: 20px;}
.org2 .dtl_aidx .item2 ul{margin-top: 12px; }
.org2 .dtl_aidx .item2 li:not(ol li){display:flex; flex-direction: row;align-items:baseline;}
.org2 .dtl_aidx .item2 li:not(:last-child){margin-bottom: 16px; }
.org2 .dtl_aidx .item2 li:last-child{gap: 20px; }
.org2 .dtl_aidx .item2 li strong{min-width: fit-content;}
.org2 .dtl_aidx .item2 li:not(:last-child) strong:after{content:':';margin: 0 8px;}
.org2 .dtl_aidx .item2 li ol{display:flex; flex-wrap: wrap;}
.org2 .dtl_aidx .item2 li ol li{width: 50%; }
.org2 .dtl_aidx .item2 li ol li dl{display:flex; flex-direction: row; align-items:baseline; gap:10px}
.org2 .dtl_aidx .item2 li ol li dt{border: 1px solid #ddd; border-radius: 10px; padding: 4px 16px; text-align: center; width: 100%; max-width:140px;  font-weight: 600; }
.org2 .dtl_aidx .item2 li ol li dd{font-size: 16px; }

.org2 .dtl_aidx .item3{}
.org2 .dtl_aidx .item3 ul{}
.org2 .dtl_aidx .item3 ul li{display:flex; flex-direction: row; align-items: center;flex-wrap:wrap;  }
.org2 .dtl_aidx .item3 ul li:not(ol li):not(:last-child){margin-bottom: 10px; }
.org2 .dtl_aidx .item3 ul li h6{background:#fff; border: 1px solid #ccc; border-radius: 10px; text-align:center; font-family: 'oneMobileT'; font-size:20px;color:#666; font-weight:100; padding:12px 20px 10px 20px; width: 240px; margin-right: 20px;}
.org2 .dtl_aidx .item3 ul li h6 span{font-family: 'pretendard'; font-weight: 500; font-size: 16px; display:inline-block; margin-left: 4px}
.org2 .dtl_aidx .item3 ul li ol{display:flex; flex-direction: row; align-items: baseline; gap:0 12px;flex-wrap: wrap; width: calc(100% - 260px)}
.org2 .dtl_aidx .item3 ul li ol li{position:relative;font-size: 16px; }
.org2 .dtl_aidx .item3 ul li ol li:not(:last-child):after{content:'';display:block; width: 1px; height: 14px; background:#333;position: absolute; top:50%; right: -8px; transform:translateY(-50%) }

.org3{padding: 50px; border-radius: 20px; border:1px solid #cdcdcd;margin-top:50px; }
.org3 .box1{margin: 0 auto; width: 260px; height: 84px; border-radius: 20px; border:8px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(-45deg,#0EA2A4,#ABCD05); background-origin:border-box; background-clip:content-box, border-box;display:flex; align-items:center; justify-content:center; text-align: center; font-family: 'oneMobileT'; font-weight: 100; font-size: 22px; color:#333; position:relative; line-height: 1.3;}
.org3 .box1:after{content:''; display:block; width: 1px; height: 40px; background: #ccc; position:absolute; bottom: -48px; left: 50%; transform: translateX(-50%); z-index:-1; }
.org3 .box2{margin-bottom:52px;  }
.org3 .box2 ul{display:flex; flex-direction: row; gap: 30px; margin: 120px auto 0 auto; position:relative;max-width: 910px}
.org3 .box2 ul:after{content:''; display:block; width:calc(66.6% + 22px); height: 1px; background:#ccc; position: absolute; top:-80px; left:50%; transform: translateX(-50%);}
.org3 .box2 ul li{position:relative;width: calc(100% / 3); border: 1px solid #0EA2A4; border-radius: 20px; height:88px;   }
.org3 .box2 ul li:after{content:''; display:block; width: 1px; height: 80px; background:#ccc; top:-80px; left:50%; transform: translateX(-50%); position:absolute; z-index:-1; }
.org3 .box2 ul li span{color:#E54B82; text-align:center; background: #fff; border: 1px dashed #C4C4C4; padding: 5px 16px 4px 16px; border-radius: 25rem;position:absolute; top:-50px;left:50%; transform:translateX(-50%); min-width: max-content; }
.org3 .box2 ul li h5{color:#0EA2A4; font-family: 'oneMobileT'; font-weight: 100; font-size: 22px;display:flex;flex-direction: column;  align-items:flex-start;justify-content:center;height: 100%; padding:0 44px;word-break:break-all; line-height: 1.2; }
.org3 .box2 ul li h5 i{font-size: 16px; color:#666; font-family: 'pretendard'; font-style:normal;font-weight: 400; }
.org3 .box3{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px 22px;  }
.org3 .box3 .item{display:flex; align-items:flex-start; justify-content:center;gap: 4px; flex-direction: column;padding: 28px clamp(24px,2vw,44px); border:1px solid #d7d7d7; background: #fdfdfd;  border-radius: 20px;}
.org3 .box3 .item span{font-size: 15px; color:#666; font-weight: 400;}
.org3 .box3 .item p{font-size:20px; font-family: 'oneMobileT'; color:#333; font-weight:100; }
.org3 .box3:not(:last-child){border-bottom: 2px dotted #ddd; padding-bottom: 30px; margin-bottom: 30px;}
























@media screen and (max-width: 1200px){
	/*인사말*/
	.intro_wrap .intro_title .img_box{width: 45%; }	
	.intro_wrap .intro_title .txt_box{padding-left: calc(45% + 50px); font-size: 18px;}
	.vision_box h4{font-size: 26px; }
	.strg_wrap .item dl{grid-template-columns:45% 55%;}

	/*조직도*/
	.org2 .dtl_aidx .item{padding: 36px; }
	.org2 .dtl_aidx .item1 ul{gap: 12px; }
	
	
}

@media (min-width:991px) and (max-width: 1200px){
	.org2 .dtl_aidx .item2 li:not(:last-child){margin-bottom: 8px;}
	.org2 .dtl_aidx .item2 li ol li{width: 100%; }
}

@media screen and (max-width: 991px){
	/*공통*/
	.intro_wrap .intro_title{margin-bottom: 100px}

	/*인사말*/
	.intro_wrap .intro_title{margin-top:0; }
	.intro_wrap .intro_title .img_box{height: calc(100% - 60px); bottom:50%; transform:translateY(50%); border-radius: 30px}
	.intro_wrap .intro_title .txt_box{padding-left: calc(45% + 30px);  }
	.vision_box{padding:44px 40px 36px 52px; font-size: 20px; }
	.strg_wrap{padding: 36px; }
	.strg_wrap .item dl dt .label{font-size: 22px; }
	.strg_wrap .item dl dd .label{font-size: 18px; }
	.strg_wrap .item dl dt, 
	.strg_wrap .item dl dd ol li{column-gap: 16px; }

	/*조직도*/
	.org2{display: flex; flex-direction: column; }
	.org2 .rise_box{max-width: 440px; margin: 0 auto; padding-right:0;  }
	.org2 .rise_box:after{display:none;}
	.org2 .rise_box ul{padding-bottom: 20px;}
	.org2 .rise_box ul:before{height: 100%; }
	.org2 .dtl_aidx{margin-top:0; }
	.org2 .aidx_box h5,
	.org2 .aidx_box h5 ~.c-list-dotted{margin:0 auto; max-width: 440px; width: 100%; }
	
	.org1 {width: 220px; height: 220px; font-size: 24px;margin-bottom: 30px; }
	.org2 h5,
	.org2 .dtl_aidx .item2 h6{padding: 16px; font-size:20px; border-radius: 20px;}
	.org2 .rise_box ul li h6{font-size: 16px;padding: 12px; border-radius: 10px }
	.org2 .dtl_aidx .item1 h6{font-size: 16px; border-radius: 10px}

	.org3{padding: 50px 32px;}
	.org3 .box2{margin-bottom: 32px; }
	.org3 .box2 ul li{height: 72px; }
	.org3 .box2 ul li h5{padding: 0 24px;}
	.org3 .box3{grid-template-columns:repeat(3, 1fr)}
	.org3 .box3 .item span{line-height: 1.2; }

	.org3 .box2 ul li h5{font-size:20px;}
	.org3 .box3 .item p{font-size: 18px; }
	.org3 .box2 ul li span{font-size: 16px; }
	.org3 .box2 ul li h5 i,
	.org3 .box3 .item span{font-size: 14px;}

	.org3 .box3 .item{padding: 24px; }
	

}

/***************************************/
/***************************************
768px == 2제목사이즈 20px & 본문사이즈 16px & gap 20px
****************************************/
/***************************************/
@media screen and (max-width: 768px){
	/*공통*/
	.intro_wrap .intro_title{margin-bottom: 80px}

	/*인사말*/
	.intro_wrap .intro_title{display:flex;flex-wrap:wrap;  }
	.intro_wrap .intro_title:after{content:''; display:block; width: 100vw; height: 70%; background:#f5f5f5; position: absolute; bottom:0; left: 50%; transform:translateX(-50%); z-index:-1; }
	.intro_wrap .intro_title .img_box{width: 340px; position: unset; transform:unset;}
	.intro_wrap .intro_title .txt_box{font-size: 16px;  padding: 20px 0;}
	.intro_wrap .intro_title .txt_box:before{display:none; }

	.vision_box{padding:30px 20px 30px 32px; border-top-left-radius: 30px; border-top-right-radius:30px }
	.vision_box p{padding: 4px 16px 2px 16px; margin-bottom: 6px; }
	.vision_box h4{font-size: 20px;}

	.strg_wrap .item dl dt, 
	.strg_wrap .item dl dd ol li{flex-direction: column; align-items: flex-start; row-gap: 8px; }
	.strg_wrap .item dl .label,
	.strg_wrap .item dl dt .label{border-radius: 8px; width: 40px; min-width: 40px; height: 40px;}
	.strg_wrap .item dl dd .label{height: 28px; }

	/*조직도*/	
	.org2 .dtl_aidx .item1 ul{grid-template-columns:repeat(2, 1fr);}
	.org2 .dtl_aidx .item2 li:last-child{flex-direction: column;gap: 6px;  }
	.org2 .dtl_aidx .item3 ul li h6{font-size: 18px;}
	.org2 .dtl_aidx .item:not(:last-child){padding-bottom: 20px;}
	.org3 .box2 ul{gap:12px; }
	.org3 .box2 ul:after{width: calc(66.6% + 10px)}
	.org3 .box3{grid-template-columns:repeat(2, 1fr); }
	.org3 .box2 ul li h5{font-size: 18px; }
	.org3 .box3 .item{padding: 16px 24px; }

	

}

@media screen and (max-width: 575px){
	/*인사말*/
	.intro_wrap .intro_title{padding-top: 12px;}
	.intro_wrap .intro_title .img_box{margin:0 auto;}
	
	.strg_wrap{padding:0; }
	.strg_wrap .item dl{display:flex; flex-direction: column; }
	.strg_wrap .item dl dt{width: 100%;padding:20px 30px; border-bottom:1px dashed #efefef; flex-direction: row; align-items:center; } 
	.strg_wrap .item dl dd{width: 100%; border-left:0; padding:20px 30px }
	.strg_wrap .item:not(:last-child) dl{border-bottom: 1px solid #ddd;}
	.strg_wrap .item dl dd .label{font-family: 'oneMobile';font-weight: 600; font-size: 15px; }

	/*조직도*/
	.org2 .dtl_aidx .item{padding: 24px; }
	.org2 .dtl_aidx .item2 li ol{flex-direction: column; width: 100%; }
	.org2 .dtl_aidx .item2 li ol li{width: 100%; }
	.org2 .dtl_aidx .item3 ul li:not(ol li){flex-direction: column; width: 100%; align-items:flex-start;}
	.org2 .dtl_aidx .item3 ul li ol{width: 100%; margin-top: 10px}

	.org3 .box1:after,
	.org3 .box2 ul:after{display:none; }
	.org3 .box2 ul{flex-direction: column; gap: 36px;margin-top: 36px;  }
	.org3 .box2 ul li{width:100%;height: unset;padding:28px 0 18px 0 ;  }
	.org3 .box2 ul li:after{height: 36px; top:-36px; }
	.org3 .box2 ul li span{top: -18px; left: 20px; transform:unset; }
	.org3 .box3{gap: 10px;}
	.org3 .box3 .item{border-radius:10px}
	.org3 .box3:nth-of-type(3){display:flex;flex-direction:column; }

}


@media screen and (max-width: 425px){
	/*조직도*/	
	.org2 .dtl_aidx .item1 ul{grid-template-columns: repeat(1, 1fr)}
	.org3 .box3:nth-of-type(2){display:flex;flex-direction:column; }
}