.red{color: #ce0f0f;}

.overflow-y{overflow-y: auto}

.pd_tit h1{ font-weight: 600; font-size: 25px; letter-spacing: -1px; color: #000; line-height: 40px;display: inline-block; word-break: keep-all;}
.mini_tit{position: relative;padding-left: 12px;letter-spacing: -1px;font-size: 1.25rem;word-break: keep-all;color: #333;}
.mini_tit::before{display: inline-block;content: '';position: absolute;left: 0;top: 8px;width: 4px;height: 28px;line-height: 20px;background-color: #f79621;margin-right: 10px;margin-bottom: -3px;}
/* .mini_tit{letter-spacing: -1px;font-size: 1.25rem;word-break: keep-all;color: #4b94d0;}
.mini_tit::before{display: inline-block;content: '';width: 4px;height: 20px;line-height: 20px;background-color: #4b94d0;margin-right: 10px;margin-bottom: -3px;} */
/* .carbon ul li{padding: 3px 0;font-size: 16px;} */
.img_txt{background-color: #eee;padding: 5px;font-weight: 600;text-align: center;word-break: keep-all;border-radius: 5px;letter-spacing: -1px;}
.carbon_g{border: 1px solid #ccc;border-radius: 10px;}
.carbon_g img{border-radius: 15px;padding: 8px;}
.carbon_g p{text-align: center;font-weight: 600;border-top: 1px solid #ccc;padding: 8px;margin-bottom:0;}

.recruit-box{display: flex;justify-content: space-around; margin-top: 30px;padding-left: 0;}
.recruit-box .item{position: relative;width: 17%;background: #fff;border-radius: 10px;border: 1px solid #ccc;display: flex;flex-wrap: wrap;flex-direction: column;padding: 15px;}
.recruit-box .item dt{border-bottom: 1px solid #ccc; padding-bottom: 10px;margin-bottom: 10px;}
.recruit-box .item:nth-child(3){border: 1px solid #ce0f0f !important;}
.recruit-box .item:after {display: block;content: "";width: 14px;height: 14px;border-right: 2px solid #ccc;border-bottom: 2px solid #ccc;position: absolute;left: 102%;top: 50%;transform: rotate(-45deg) translate(7px ,-3px);}
.recruit-box .item:nth-last-child(1):after{display: none;}

.tit_m_02{color: #3e81bf;padding-bottom: 10px;border-bottom: 1px solid #C6C6C6;font-weight: 500; text-align: center;}
.flex_item_col{display: flex;justify-content: center;align-items: center;flex-direction: column;}

.sub_c_show{display:none}
.sub_c_hide{display:block}
.subt_c_show{display:none}
.subt_c_hide{display:block}
.br_576_show{display: none;}

.table02 th{border: 1px solid #fff; text-align: center;padding: 5px; word-break: keep-all;}
.table02 td{border: 1px solid #ccc; text-align: center;padding: 5px;word-break: keep-all;}

.item_end{display: flex;align-items: end;}
.cir_item img{border-radius: 50%;}
.next_r img{ transform: rotate(90deg);}


/* ul dot */
/* 
.ul_box li {font-size: 16px;padding: 3px 5px;}
.ul_box {list-style-position: outside;padding-left: 10px;}
.ul_box li::marker {content: "· ";}
.ul_box li{list-style-type: none;} */
/* .ul_box li {background: url(/theme/cont_basic/contents/img/menu_dot02.png) no-repeat;padding-left: 10px;background-position: 0 15px;font-size: 18px;padding: 3px 0px 3px 12px;} */
.li_dot li {position: relative;padding-left: 12px !important;}
.li_dot li::before {display: inline-block;position: absolute;content: '';width: 4px;height: 4px;top: 12px;left: 0;border-radius: 50%;background-color: #636262;}



/* 서브페이지 배경 */
.sub_bg{background-color: #f1f1f1;padding: 100px 0;}
.sec_bg{padding: 100px 0;}







@media only screen and (max-width:1400px){
    .br_1400_show{display: block;}
}
@media only screen and (max-width:992px){
    .sec_bg {padding: 50px 0;}

    .br_992_none{display: none;}
    .br_992_show{display: block;}
    .t_t_mar_15{margin-top: 15px;}

    .recruit-box{display: flex;flex-direction: column;}
    .recruit-box .item{width: 100%; border-radius: 0;margin-bottom: 30px;flex-direction: row; display: flex;justify-content: center; } 
    .recruit-box .item:after{left: 50%;top: 108%;transform: rotate(-318deg) translate(7px ,-3px);}
    .recruit-box .item dt{border-bottom:none; padding-bottom: 0px;margin-bottom: 0px;}
    .recruit-box .item dd ul{display: flex;}
    .recruit-box .item dd ul li{margin-right: 30px;}
    .recruit-box .item dd ul li:nth-last-child(1){margin-right: 0px;}

    
    .subt_c_show{display:block}
    .subt_c_hide{display:none}
}
@media only screen and (max-width:768px){
    .sec_bg {padding: 50px 0;}

    .br_768_none{display: none;}
    .ts_t_mar_15{margin-top: 15px;}
}
@media only screen and (max-width:576px){    
    .sec_bg {padding: 30px 0;}

    .recruit-box .item dd ul {display: flex;flex-direction: column;}
    .recruit-box .item:after{left: 43%;top: 103%;}
    .m_mar_t_15{margin-top: 15px !important;}
    .pd_tit h1 {font-size: 22px;line-height: 32px;}
    .mini_tit {font-size: 1.2rem;}
    .carbon_g p {padding: 5px}
    .br_576_show{display: block;}
    .br_576_none{display: none;}

    .sub_c_show{display:block}
    .sub_c_hide{display:none}

    .mini_tit::before {top: 1px;}
    }

    @media only screen and (max-width:576px){ }


/* 유토비즈 */

   
/* 조직도 */
.bg_blue{ background-color: #3796d7; color: #fff;font-size: 18px;}
.bg_gray{ background-color: #9FADBD; color: #fff;font-size: 18px;}

.chart_sec01{display: block; margin-bottom: 2rem;}
.chart_sec01::before{content: "";background-color: #ccc;height: 36%;width: 1px;position: absolute;z-index: -9999;right: 49.8%;}
.chart_sec01 .center_a{display: block;width: 15rem;line-height: 3.5; font-weight: 500;margin: 0 auto; text-align: center; background-color: #002C60; color: #fff; font-size: 18px;border-radius: 10px;}
.chart_sec01 .org_group .right{width: 50%;float: right; margin-top: 2rem;position: relative;}
.chart_sec01 .org_group .right::before{content: "";width: 40%; position: absolute; background-color: #ccc; display: block;height: 1px;left: 0;top: 50%;z-index: -9999;}
.chart_sec01 .org_group .right ul{ width: 15rem;text-align: center;margin: 0 auto;line-height: 2.5; font-weight: 500; font-size: 16px;border-radius: 10px;border: 2px solid #9FADBD;}

.chart_sec02{display: block; margin-bottom: 16rem;}
.chart_sec02 .center_b{width: 15rem; line-height: 3.5; font-weight: 500;margin: 0 auto; text-align: center; background-color: #3796d7; color: #fff; font-size: 18px;border-radius: 10px;}
.chart_sec02 .center_c{width: 15rem;line-height: 2.5; font-weight: 500; margin: 0 auto; margin-top: 2rem;text-align: center; font-size: 16px;border-radius: 10px;border: 2px solid #3796d7;background: #fff;}
.chart_sec02 .org_group .left{width: 50%;float: right; position: relative;}
.chart_sec02 .org_group .left::before{content: "";width: 40%; position: absolute; background-color: #ccc; display: block;height: 1px;right: 0;top: 35%;z-index: -9999;}
.chart_sec02 .org_group .left ul{ width: 15rem;text-align: center;margin: 0 auto;line-height: 2.5; font-weight: 500; font-size: 16px;border-radius: 10px;}

.chart_sec02 .part_item{width: 73%;padding-left:21%;}
.chart_sec02 .part_ul{display:flex; gap: 8px;}
.chart_sec02 .part_ul li{flex: 1; background: #fff; padding:16px; border:1px solid #9FADBD; border-radius: 8px;text-align: center;}
.chart_sec02 .part{position: relative;;width: 100%; background-color: #9FADBD; color: #fff;line-height: 3;border-radius: 10px;margin-bottom: 24px;font-size: 18px;text-align: center;}

.chart_sec02 .org_group .right{width: 50%;float: right; position: relative;}
.chart_sec02 .org_group .right::before{content: "";width: 40%; position: absolute; background-color: #ccc; display: block;height: 1px;left: 0;top: 19%;z-index: -9999;}
.chart_sec02 .org_group .right::after{content: "";width: 1px; position: absolute; background-color: #ccc; display: block;height: 15px;left: 47%;top: 38%;z-index: -9999;}
.chart_sec02 .org_group .right .part_item{display: flex;flex-direction: column;align-items: center;}
.chart_sec02 .org_group .right .part_item li:nth-child(1){width: 70%;}
.chart_sec02 .org_group .right .part_item li:nth-child(2){width: 100%;}
.chart_sec02 .org_group .right .part_people::before{position: absolute;content: "";width: 26%;height: 1px; top: 68px;left: 34%;background: #ccc;z-index: -9999;}
.chart_sec02 .org_group .right .part_ul>li:nth-child(1)::before{position: absolute;content: "";width: 1px;height: 15px; top: 68px;left: 34%;background: #ccc; z-index: -9999;}
.chart_sec02 .org_group .right .part_ul>li:nth-child(2)::before{position: absolute;content: "";width: 1px;height: 15px; top: 68px;left: 60%;background: #ccc; z-index: -9999;}




.chart_sec03{display: flex;text-align: center;position: relative;}
.chart_sec03::before{content: "";background-color: #ccc;width: 80%;padding: 0.1px;position: absolute;z-index: -9999;left: 6.7%;top: -3rem;}
.chart_sec03 .part_item{width: calc(100%/7);padding: 0 15px;}
.chart_sec03 .part_item:nth-child(1){width:calc(100% / 7 *1); padding-left: 0px;}
.chart_sec03 .part_item:nth-child(2){width:calc(100% / 7 *1); padding-left: 0px;}
.chart_sec03 .part_item:nth-child(3){width:calc(100% / 7 *3); padding-left: 0px;}
.chart_sec03 .part_item:nth-child(4){width:calc(100% / 7 *2); padding-right: 0px;}

.chart_sec03 .part{position: relative;;width: 100%; background-color: #867555; color: #fff;line-height: 1.53;border-radius: 10px;margin-bottom: 24px;font-size: 18px;word-break: keep-all;padding: 16px 10px;}
.chart_sec03 .part::before{position: absolute;content: "";width: 1px;;height: 65px;top: -48px;left: 51.8%;background: #ccc;z-index: -9999;}
.chart_sec03 .part_top{border: 2px solid #487F79;border-radius: 10px;line-height: 3;margin-bottom: 48px;background-color: #fff;}
.chart_sec03 .part_people{position: relative;}
.chart_sec03 .part_people::before{position: absolute;content: "";width: 1px;height: 15px; top: -26px;left: 51.5%;background: #ccc;z-index: -9999;}

.chart_sec03 .part_ul{display:flex; gap: 8px;}
.chart_sec03 .part_ul li{flex: 1; background: #fff; padding:16px 10px; border:1px solid #9FADBD; border-radius: 8px;word-break: keep-all;}

/* .chart_sec03 .part_item:nth-child(2)::after{position: absolute;content: "";width: 32.7%;height: 1px; top:67px;left: 25.05%;background: #ccc;z-index: -9999;} 
.chart_sec03 .part_item:nth-child(2) .part_ul>li:nth-child(1)::before{position: absolute;content: "";width: 1px;height: 15px; top: -10px;left: 17%;background: #ccc; z-index: -9999;}
.chart_sec03 .part_item:nth-child(2) .part_ul>li:nth-child(2)::before{position: absolute;content: "";width: 1px;height: 15px; top: -10px;left: 50%;background: #ccc; z-index: -9999;}
.chart_sec03 .part_item:nth-child(2) .part_ul>li:nth-child(3)::before{position: absolute;content: "";width: 1px;height: 15px; top: -10px;left: 84%;background: #ccc; z-index: -9999;} */

.chart_sec03 .part_item:nth-child(3)::after{position: absolute;content: "";width: 31.7%;height: 1px; top:74px;left: 33.2%;background: #ccc;z-index: -9999;} 
.chart_sec03 .part_item:nth-child(3) .part_ul>li:nth-child(1)::before{position: absolute;content: "";width: 1px;height: 15px; top: -10px;left: 11%;background: #ccc; z-index: -9999;}
.chart_sec03 .part_item:nth-child(3) .part_ul>li:nth-child(2)::before{position: absolute;content: "";width: 1px;height: 15px; top: -10px;left: 37%;background: #ccc; z-index: -9999;}
.chart_sec03 .part_item:nth-child(3) .part_ul>li:nth-child(3)::before{position: absolute;content: "";width: 1px;height: 15px; top: -10px;left: 62%;background: #ccc; z-index: -9999;}
.chart_sec03 .part_item:nth-child(3) .part_ul>li:nth-child(4)::before{position: absolute;content: "";width: 1px;height: 15px; top: -10px;left: 87%;background: #ccc; z-index: -9999;}

.chart_sec03 .part_item:nth-child(4)::after{position: absolute;content: "";width: 14%;height: 1px; top:74px;left: 79.1%;background: #ccc;z-index: -9999;}  
.chart_sec03 .part_item:nth-child(4) .part_ul>li:nth-child(1)::before{position: absolute;content: "";width: 1px;height: 15px; top: -10px;left: 24%;background: #ccc; z-index: -9999;}
.chart_sec03 .part_item:nth-child(4) .part_ul>li:nth-child(2)::before{position: absolute;content: "";width: 1px;height: 15px; top: -10px;left: 75%;background: #ccc; z-index: -9999;}


/* 플랫폼 */

.platform h2{font-family: 'Noto Sans KR',sans-serif;font-size: 32px;text-align: center; font-weight: 500; letter-spacing: -2px; color: #333;}
.platform_wrap .service {background:#000;box-shadow:3px 3px 20px rgba(0, 0, 0, 0.2);height:360px;overflow:hidden;position:relative;border-radius:15px;margin-bottom:30px}
.platform_wrap .service:hover img{transform: scale(1.1);filter:brightness(70%)}
.platform_wrap .service:hover .item{bottom:10%}
.platform_wrap .service img{bottom:0;filter:brightness(100%);left:0;position:absolute;right:0;top:0;transition:0.5s ease-in-out;width: 100%;}
.platform_wrap .service .item{bottom:-26%;padding:40px;position:absolute;transition:0.5s ease-in-out;color:#fff}
.platform_wrap .service .item dl dt{height:100px;font-size:24px;padding-top:30px;letter-spacing: 0;}
.platform_wrap .service .item dl dd{color:rgba(255,255,255,.7)}
.last_logo{display: flex;justify-content: center;align-items: center;}





@media only screen and (max-width:1070px){
    .chart_sec02 .part_item{width:87%;}
    .chart_sec02 .org_group .right::after{left: 54%;}
    .chart_sec02 .org_group .right .part_people::before{ width: 37%;}
    .chart_sec02 .org_group .right .part_ul>li:nth-child(2)::before{left: 71%;}
    .chart_sec03 .part_item:nth-child(3)::after{width: 32%;left: 32.8%;}
    .chart_sec03::before{width: 76.5%;left: 7.6%;}
    }










@media only screen and (max-width: 995px){
    .chart_sec01::before{height: 35.5%;}
    .chart_sec03 .part_item:nth-child(2)::after{width: 32.4%;}
}


@media only screen and (max-width: 992px) {
    /* 조직도 */
    .chart_sec02 .part_ul li{font-size: 16px;word-break: keep-all;}
    .chart_sec03 .part_ul li{font-size: 16px;word-break: keep-all;} 
    .chart_sec03 .part_item:nth-child(2)::after{top: 61px; width: 32.5%;  left: 25%;}
    .platform_wrap .service img {width: auto;}
    .chart_sec01::before{height: 32%;}
    .chart_sec02 .org_group .right::before{top: 19.5%;}
    .chart_sec03::before {width: 76.8%;left: 12%;}
    .chart_sec03 .part_people::before {height: 30px;}


    
    .chart_sec03 .part_item:nth-child(3)::after{top: 61px;}
    .chart_sec03 .part_ul{flex-direction: column;}
    .chart_sec03 .part_item:nth-child(2) .part_ul>li:nth-child(1)::before{ display: none;}
    .chart_sec03 .part_item:nth-child(2) .part_ul>li:nth-child(2)::before{ display: none;}
    .chart_sec03 .part_item:nth-child(2) .part_ul>li:nth-child(3)::before{ display: none;}
    .chart_sec03 .part_item:nth-child(2)::after{ display: none;}
    .chart_sec03 .part_item:nth-child(2) .part_people::before{height: 212px;}
    .chart_sec03 .part_item:nth-child(1){width:calc(100% / 4)}
    .chart_sec03 .part_item:nth-child(2){width:calc(100% / 4)}
    .chart_sec03 .part_item:nth-child(3){width:calc(100% / 4)}
    .chart_sec03 .part_item:nth-child(4){width:calc(100% / 4)}
    .chart_sec03 .part_item:nth-child(3)::after{ display: none;}
    .chart_sec03 .part_item:nth-child(4)::after{ display: none;}
    .chart_sec03 .part_item:nth-child(3) .part_ul>li:nth-child(1)::before{ display: none;}
    .chart_sec03 .part_item:nth-child(3) .part_ul>li:nth-child(2)::before{ display: none;}
    .chart_sec03 .part_item:nth-child(3) .part_ul>li:nth-child(3)::before{ display: none;}
    .chart_sec03 .part_item:nth-child(3) .part_ul>li:nth-child(4)::before{ display: none;}
    .chart_sec03 .part_item:nth-child(4) .part_ul>li:nth-child(1)::before{ display: none;}
    .chart_sec03 .part_item:nth-child(4) .part_ul>li:nth-child(2)::before{ display: none;}
    
}

@media only screen and (max-width: 915px) {
    .chart_sec03 .part_ul li{min-height: 89px; display: flex; align-items: center;justify-content: center;} 
    .chart_sec01::before{height: 27.5%;}
    .chart_sec02 .part_item{ padding-left: 14%;}
}

@media only screen and (max-width: 795px) {
    .chart_sec02 .part_item{width:100%; padding-left: 15%;}
}



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


    .chart_sec01::before {height: 31.5%;}
    /* .chart_sec03 .part_item:nth-child(2){padding: 0;} */
    .platform_wrap .service .item dl dt {font-size: 22px;}
    .chart_sec02 .part_item{padding-left: 5%;}
    .chart_sec03 .part_people::before{height: 135px;}
    .chart_sec03 .part_ul li{min-height: inherit;} 
    .chart_sec03::before{ width: 77%; left: 12%;}



}



@media only screen and (max-width: 576px) {
    /* 조직도 */
    .chart_sec02 .org_group .left ul{width: 12rem;}
    .chart_sec02 .part{font-size: 16px;}
    .chart_sec02 .part_ul{font-size: 16px;}
    .chart_sec02 .org_group .right::after{top: 35%;}
    .chart_sec02 .org_group .right .part_people::before{width: 48%; top: 62px;left: 29%;}
    .chart_sec02 .org_group .right .part_ul>li:nth-child(1)::before{top: 62px; left: 29%;}
    .chart_sec02 .org_group .right .part_ul>li:nth-child(2)::before{top: 62px; left: 77%;}
    .chart_sec01::before{height: 38%;}
    .platform_wrap .service .item {bottom: -32%;}
    
}

/* 조직도 끝 */




@media only screen and (max-width: 551px) {
    .chart_sec02 .org_group .right::before{top: 16%;}
    .chart_sec02 .org_group .right::after{top: 29%;}

}




@media only screen and (max-width: 476px) {
    .chart_sec03{ flex-direction: column;}
    .chart_sec03 .part_item:nth-child(1){width: 100%; padding:0;}
    .chart_sec03 .part_item:nth-child(2){width: 100%; padding:0;}
    .chart_sec03 .part_item:nth-child(3){width: 100%; padding:0;margin-bottom: 25px;}
    .chart_sec03 .part_item:nth-child(4){width: 100%; padding:0;}
    .chart_sec03 .part::before{display: none;}
    .chart_sec03::before{display: none;}
    .chart_sec01::before{height: 15%;}

    .org_group{ display: flex; flex-direction: column-reverse;}
    .chart_sec02{margin-bottom: 1rem;}
    .chart_sec02 .org_group .left{width: 100%;}
    .chart_sec02 .org_group .right{width: 100%;}
    .chart_sec02 .org_group .left ul{width: 100%;}
    .chart_sec02 .org_group .right .part_item li:nth-child(1){width: 100%;}
    .chart_sec02 .part_item{padding: 0;}
    .chart_sec02 .org_group .right::after{display: none;}
    .chart_sec02 .org_group .right .part_ul>li:nth-child(1)::before{left: 25%;}
    .chart_sec02 .org_group .right .part_ul>li:nth-child(2)::before{left: 75%;}
    .chart_sec02 .org_group .right .part_people::before{width: 50%;left: 25%;}
    .chart_sec01 .center_a{width: 100%;}


}