@charset "utf-8";

/* =========================== PAGE */

#sh_content {
  padding: 80px 0 0 0 !important;
}
#organization1003{position:relative;padding-bottom:100px;font-size:14px;letter-spacing:-.3px;line-height:1.5;color:#777}
#organization1003 .pl{white-space:pre-line}
#organization1003 *{word-break:keep-all}
#organization1003 .inner{max-width:var(--mainsize);margin:0 auto}
#organization1003 .tit{margin:auto;width:90%;text-align:center;white-space: normal !important;}
#organization1003 .tit .cate{font-size:22px;font-weight:600;color:#f77e01;padding-top:10px;}
#organization1003 .tit h1{margin-top:0px;font-size:25px;font-weight:700;font-family:var(--k-font);color:#000}
#organization1003 .tit p{margin-top:30px;font-size:20px;font-weight:400;font-family:var(--k-font);}

#organization1003 .cont_wrap{position:relative;display:flex;align-items:center;margin:80px auto 0;padding-bottom:30px;gap:30px;width:90%}
#organization1003 .cont_wrap li{position:relative;padding:0px 40px 80px;width:calc(100% / 3);border-radius:20px;background-color:#f5f5f5;}
#organization1003 .cont_wrap li .icon{margin-left:auto;width:60px;height:60px;border-radius:0 0 10px 10px}
#organization1003 .cont_wrap li:nth-child(1) .icon{background:url(../img/sub/organization1003_icon01.png) no-repeat center;background-color:#f77e01}
#organization1003 .cont_wrap li:nth-child(2) .icon{background:url(../img/sub/organization1003_icon02.png) no-repeat center;background-color:#f77e01}
#organization1003 .cont_wrap li:nth-child(3) .icon{background:url(../img/sub/organization1003_icon03.png) no-repeat center;background-color:#f77e01}
#organization1003 .cont_wrap li:nth-child(4) .icon{background:url(../img/sub/organization1003_icon03.png) no-repeat center;background-color:#f77e01}
#organization1003 .cont_wrap li h2{margin-top:50px;padding-bottom:30px;border-bottom:1px solid #e1e1e1;font-size:26px;font-weight:800;font-family:var(--k-font);color:#000}
#organization1003 .cont_wrap li p{margin-top:30px;font-size:17px;font-weight:400;font-family:var(--k-font);}

/* 큰 공그라미 */
#organization1003 .cont_wrap li:after{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background-color:#ffdebc}
/* 작은 동그라미 */
#organization1003 .cont_wrap li:before{content:"";z-index:2;position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:#a4a4a4}
/*중앙세로선*/
#organization1003 .cont_wrap:after{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:0.5px;height:100px;background-color:#a4a4a4}
#organization1003 .cont_wrap .line{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:calc(100% - (100% / 3) - 10px);height:1px;background-color:#a4a4a4}
#organization1003 .cont_wrap .line:before{content:"";position:absolute;bottom:-15px;left:-16px;width:16px;height:16px;border:1px solid #a4a4a4;border-bottom:none;border-right:none;border-radius: 16px 0 0 0}
#organization1003 .cont_wrap .line:after{content:"";position:absolute;bottom:-15px;right:-16px;width:16px;height:16px;border:1px solid #a4a4a4;border-bottom:none;border-left:none;border-radius:0 16px 0 0}


#organization1003 .banner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;margin:100px auto;padding:60px 0;border:solid 1px #f77e01;border-radius:10px;width:1400px;color:#fff}
#organization1003 .banner .bg{position:absolute;z-index:1;bottom:-30px;right:40px;width:300px;height:300px;background:url(../img/sub/organization1003_bg.png) no-repeat center}
#organization1003 .banner h2{position:relative;z-index:2;font-size:25px;font-weight:700;color:#000}
#organization1003 .banner h3{position:relative;z-index:2;margin-top:30px;font-size:18px;font-weight:600;font-family:var(--k-font);color:#676767}

@media(max-width:1380px){
#organization1003 .cont_wrap li p{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
}
@media(max-width:1024px){ 
#organization1003 .tit .cate{font-size:16px}
#organization1003 .tit h1{margin-top:15px;font-size:25px}
#organization1003 .tit p{margin-top:30px;font-size:16px}
#organization1003 .cont_wrap{margin-top:70px;gap:20px}
#organization1003 .cont_wrap li{padding:0px 25px 70px}
#organization1003 .cont_wrap li .icon{width:55px;height:55px;background-size:43px 43px !important}
#organization1003 .cont_wrap li h2{padding-bottom:25px;font-size:21px}
#organization1003 .cont_wrap li p{margin-top:25px;font-size:15px}
#organization1003 .cont_wrap .line{width:calc(100% - (100% / 3) - 42px)}
#organization1003 .banner{margin:100px auto 0;padding:70px 0;width:95%}
#organization1003 .banner h2{font-size:15px}
#organization1003 .banner h3{margin-top:20px;font-size:24px}
#organization1003 .banner .bg{right:30px;width:150px;height:220px;background-size:cover}
}
@media(max-width:768px){
#organization1003 .pl{white-space:normal}
#organization1003 .tit{text-align:center;width:95%}
#organization1003 .tit .cate{font-size:15px}
#organization1003 .tit h1{font-size:25px}
#organization1003 .tit p{margin:25px auto 0;width:70%;font-size:15px}
#organization1003 .cont_wrap{flex-direction:column;gap:60px;padding-bottom:0px;margin-top:60px}
#organization1003 .cont_wrap:after{display:none}
#organization1003 .cont_wrap li{padding:0 25px 60px;width:100%}
#organization1003 .cont_wrap li h2{margin-top:20px;padding-bottom:20px}
#organization1003 .cont_wrap li p{margin-top:20px}
#organization1003 .cont_wrap li .icon{background-size:41px 41px !important}
#organization1003 .cont_wrap li:after{bottom:-40px}
#organization1003 .cont_wrap li:before{bottom:-33px}
#organization1003 .cont_wrap li:nth-child(4):after{display:none}
#organization1003 .cont_wrap li:nth-child(4):before{display:none}
#organization1003 .cont_wrap .line{z-index:-1;top:0px;left:50%;transform:translateX(-50%);width:1px;height:100%}
#organization1003 .cont_wrap .line:after{display:none}
#organization1003 .cont_wrap .line:before{display:none}
#organization1003 .banner{margin-top:70px;padding:50px 0 30px}
#organization1003 .banner h3{margin:20px auto 0;font-size:21px;width:80%}
#organization1003 .banner .bg{position:static;margin-top:30px;width:150px;height:150px}
}
@media(max-width:480px){
#organization1003 .tit .cate{font-size:14px}
#organization1003 .tit h1{font-size:21px}
#organization1003 .tit p{margin-top:20px;width:90%}
#organization1003 .cont_wrap{margin-top:55px}
#organization1003 .cont_wrap li{padding:0 2.,5% 55px;text-align:center}
#organization1003 .cont_wrap li h2{margin-top:35px;padding-bottom:15px;font-size:19px}
#organization1003 .cont_wrap li .icon{margin:auto;width:50px;height:50px;background-size:38px 38px !important}
#organization1003 .banner{margin-top:60px;padding:45px 0 30px}
#organization1003 .banner h2{font-size:14px}
#organization1003 .banner h3{margin-top:15px;font-size:18px;width:95%}
#organization1003 .banner .bg{margin-top:25px;width:124px;height:128px}
}
@media(max-width:390px){
#organization1003 .tit .cate{font-size:13px}
#organization1003 .tit h1{font-size:19px}
#organization1003 .tit p{width:95%;font-size:14px}
#organization1003 .cont_wrap{margin-top:50px;gap:50px}
#organization1003 .cont_wrap li{padding:0 2.5% 45px}
#organization1003 .cont_wrap li:after{bottom:-35px;width:16px;height:16px}
#organization1003 .cont_wrap li:before{bottom:-30px;width:5px;height:5px}
#organization1003 .cont_wrap li h2{margin-top:25px;padding-bottom:12px;font-size:17px}
#organization1003 .cont_wrap li p{margin-top:15px;font-size:14px}
#organization1003 .cont_wrap li .icon{margin:auto;width:45px;height:45px;background-size:34px 34px !important}
#organization1003 .banner{margin-top:50px;padding:40px 0 25px}
#organization1003 .banner h2{font-size:13px}
#organization1003 .banner h3{margin-top:12px;font-size:16px;width:95%}
#organization1003 .banner .bg{margin-top:20px;width:110px;height:110px}
}