@charset "utf-8";

.imgbox_bg{padding:50px 20px;background: #fafafa;text-align: center;}

@media(max-width:767px){
  .imgbox_bg{padding:5% 20px;}
}

.imgbox.hope{border:none;margin-bottom:0;background: #f9f9f9;}
.imgbox.hope.pro{padding:6.286% 20px 5.5%;}
.imgbox.hope.pro{padding:6.286% 20px 5.5%;}

/* 센터개요 sub0101 */
.summary_wrap{}
.summary_wrap .summary_section{}
.summary_wrap .summary_section.section01{margin-top:135px;background: url(/images/hope/sub01/summary_section_topbg.png) top 27px center no-repeat;}
.summary_wrap .summary_section.section01 .top{}
.summary_wrap .summary_section.section01 .top em{display:block;color:#016b3b;font-size:24px;font-weight:bold;line-height:1.2;letter-spacing:0;text-align: center;}
.summary_wrap .summary_section.section01 .top .title_box{display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto 70px;padding:25.58px 20px;max-width:1130px;border:6px solid #002f31;text-align:center;}
.summary_wrap .summary_section.section01 .top .title_box::before{content:"";position:absolute;left:50%;top:-6px;transform:translateX(-50%);background:#fff;width:calc(100% - 15px);height:6px;}
.summary_wrap .summary_section.section01 .top .title_box::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);background:#fff;width:calc(100% - 15px);height:6px;}
.summary_wrap .summary_section.section01 .top .title_box strong{display:block;color:#333;font-size:45px;line-height:1.13;letter-spacing:0;font-weight:bold;font-family:"gmarket";}
.summary_wrap .summary_section.section01 .top .logo_box{position: relative;max-width:1040px;margin:0 auto;text-align: center;}
.summary_wrap .summary_section.section01 .top .logo_box .text{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.summary_wrap .summary_section.section01 .top .logo_box .text p{margin:0;color:#444;font-size:27px;line-height: 1.33;letter-spacing: 0;font-weight: 500;}
.summary_wrap .summary_section.section01 .top .logo_box .inner{}
.summary_wrap .summary_section.section01 .top .logo_box .inner ul{overflow: hidden;}
.summary_wrap .summary_section.section01 .top .logo_box .inner ul li:nth-child(1){float:left;}
.summary_wrap .summary_section.section01 .top .logo_box .inner ul li:nth-child(2){float:right;}
.summary_wrap .summary_section.section01 .bototm{margin-top:100px;border:1px solid #e7e7e7;padding:45px 50px 50px;text-align: center;}
.summary_wrap .summary_section.section01 .bototm strong{display: block;color:#016b3b;font-size:24px;line-height:1.2;letter-spacing:0;font-weight: bold;}
.summary_wrap .summary_section.section01 .bototm .facility_list{display: flex;flex-wrap: wrap;margin-left: -37px;margin-top:40px;text-align: center;}
.summary_wrap .summary_section.section01 .bototm .facility_list li{margin-top:50px;margin-left: 33px;width: calc(33.33% - 33px);}
.summary_wrap .summary_section.section01 .bototm .facility_list li p{margin-top:20px;color:#333;font-size:24px;line-height:1.1;letter-spacing: 0;}
.summary_wrap .summary_section.section01 .bototm .facility_list li:nth-child(-n+3){margin-top:0;}

.summary_wrap .summary_section.section02{margin-top:140px;}
.summary_wrap .summary_section.section02 .item+.item{margin-top:130px;}
.summary_wrap .summary_section.section02 .item .tit{text-align: center;}
.summary_wrap .summary_section.section02 .item .tit strong{padding:0 10px;background: linear-gradient(to top, rgba(101,196,32,0.2) 50%, transparent 50%);color:#3a3a3a;font-size:38px;line-height:1.2;letter-spacing: -0.025em;font-weight: bold;font-family: "gmarket";}
.summary_wrap .summary_section.section02 .item .equipment_box{display:flex;margin:115px auto 0;max-width:655px;}
.summary_wrap .summary_section.section02 .item .equipment_box::after{content: "";display: block;clear:both;visibility: hidden;}
.summary_wrap .summary_section.section02 .item .equipment_box .inner{position:relative;float:left;width:calc(50% - 23px);margin-left:45px;padding:75px 20px 17px;border:10px solid #f7f7f7;}
.summary_wrap .summary_section.section02 .item .equipment_box .inner:first-child{margin-left:0;}
.summary_wrap .summary_section.section02 .item .equipment_box .inner .icon{position:absolute;left:50%;top:-55px;transform: translateX(-50%);display: inline-block;width:110px;height:110px;border-radius:100%;background: url(/images/hope/sub01/equipment_ir.png) no-repeat;}
.summary_wrap .summary_section.section02 .item .equipment_box .inner .icon.icon01{background-position:0 0;}
.summary_wrap .summary_section.section02 .item .equipment_box .inner .icon.icon02{background-position:-110px 0;}
.summary_wrap .summary_section.section02 .item .equipment_box .inner.bg01 .icon{background-color: #7bc242;}
.summary_wrap .summary_section.section02 .item .equipment_box .inner.bg02 .icon{background-color: #006b41;}
.summary_wrap .summary_section.section02 .item .equipment_box .inner .list-1st li{color:#444;font-size:18px;letter-spacing:0;}
.summary_wrap .summary_section.section02 .item .participant_box{margin-top:80px;text-align: center;}
.summary_wrap .summary_section.section02 .item .participant_box ul{display:inline-block;margin-left:-135px;}
.summary_wrap .summary_section.section02 .item .participant_box ul li{display:inline-block;vertical-align: top;margin-left:135px;width:calc(33.33% - 139px);}
.summary_wrap .summary_section.section02 .item .participant_box ul li .icon{display: inline-block;width: 233px;height: 233px;margin:0 auto;}
.summary_wrap .summary_section.section02 .item .participant_box ul li .icon.icon01{background: url(/images/hope/sub01/participant_img01.png) no-repeat;}
.summary_wrap .summary_section.section02 .item .participant_box ul li .icon.icon02{background: url(/images/hope/sub01/participant_img02.png) no-repeat;}
.summary_wrap .summary_section.section02 .item .participant_box ul li .icon.icon03{background: url(/images/hope/sub01/participant_img03.png) no-repeat;}
.summary_wrap .summary_section.section02 .item .participant_box ul li .info{margin-top:50px;}
.summary_wrap .summary_section.section02 .item .participant_box ul li .info strong{display:block;color:#3a3a3a;font-size:22px;line-height:1.2;letter-spacing: -0.03em;font-weight: bold;font-family:"gmarket";}
.summary_wrap .summary_section.section02 .item .participant_box ul li .info p{margin-top:5px;color:#444;font-size:18px;line-height: 1.2;letter-spacing: -0.025em;}

@media(max-width:1079px){
    .summary_wrap .summary_section.section02 .item .participant_box ul{margin-left:-60px;}
    .summary_wrap .summary_section.section02 .item .participant_box ul li{margin-left:60px;width:calc(33.33% - 64px);}
}

@media(max-width:1099px){
    .summary_wrap .summary_section.section01 .top .logo_box .text{position: relative;left:auto;top:auto;transform:none;}
    .summary_wrap .summary_section.section01 .top .logo_box .text p br{display: none;}
    .summary_wrap .summary_section.section01 .top .logo_box .inner ul{display: inline-block;margin-top:20px;}
    .summary_wrap .summary_section.section01 .bototm{margin-top:50px;}

    .summary_wrap .summary_section.section02 .item .participant_box ul li{width:calc(50% - 63px);}
    .summary_wrap .summary_section.section02 .item .participant_box ul li:last-child{margin-top:30px;}
}
@media(max-width:940px){
    .summary_wrap .summary_section.section01 .bototm .facility_list li p{font-size:18px;}
}
@media(max-width:767px){
    .summary_wrap .summary_section.section01 .top em{font-size:21px;}
    .summary_wrap .summary_section.section01 .top .title_box strong{font-size:32px;}
    .summary_wrap .summary_section.section01 .top .logo_box .text p{font-size:21px;}
    .summary_wrap .summary_section.section01 .top .logo_box .inner ul li+li{margin-top:20px;}
    .summary_wrap .summary_section.section01 .top .logo_box .inner ul li:nth-child(1),
    .summary_wrap .summary_section.section01 .top .logo_box .inner ul li:nth-child(2){float:none;}
    .summary_wrap .summary_section.section01 .bototm .facility_list li{width: calc(50% - 33px);}
    .summary_wrap .summary_section.section01 .bototm .facility_list li:nth-child(3){margin-top:50px;}

    .summary_wrap .summary_section.section02 .item .tit strong{font-size:29px;}
}
@media(max-width:640px){
    .summary_wrap .summary_section.section02 .item .participant_box ul{display:block;margin-left:0;}
    .summary_wrap .summary_section.section02 .item .participant_box ul li{display:block;margin-left:0;width:100%;}
    .summary_wrap .summary_section.section02 .item .participant_box ul li+li{margin-top:30px;}
    .summary_wrap .summary_section.section02 .item .equipment_box{display: block;}
    .summary_wrap .summary_section.section02 .item .equipment_box .inner{float:none;width:100%;margin-left:0;}
    .summary_wrap .summary_section.section02 .item .equipment_box .inner+.inner{margin-top:100px;}
}
@media(max-width:500px){
    .summary_wrap .summary_section.section01 .bototm strong{font-size:21px;}
    .summary_wrap .summary_section.section01 .bototm .facility_list{display: block;margin-left:0;}
    .summary_wrap .summary_section.section01 .bototm .facility_list li{margin-left:0;width:100%;}
    .summary_wrap .summary_section.section01 .bototm .facility_list li:nth-child(2){margin-top:50px;}
}

/* 수행사례 sub0203 */
.service_perform{overflow: hidden;display: flex;flex-wrap: wrap;margin-left:-40px;}
.service_perform .item{float:left;margin-left:40px;margin-top:40px;padding:35px;width:calc(50% - 40px);border: 1px solid #b7bfbf;}
.service_perform .item:nth-child(-n+2){margin-top:0;}
.service_perform .item .info{}
.service_perform .item .info strong{display:block;color:#222;font-size:22px;line-height:1.27;letter-spacing: -0.03em;font-weight: bold;font-family: "gmarket";}
.service_perform .item .info .list-1st{display: flex;flex-wrap: wrap;margin-left:-10px;width:300px;}
.service_perform .item .info .list-1st li{display: inline-block;margin-left:10px;width:calc(50% - 13px);}
.service_perform .item .img{margin-top:15px;}
.service_perform .item .img ul{margin-left:-12px;}
.service_perform .item .img ul li{display: inline-block;margin-left:12px;width:calc(50% - 15px);}
.service_perform .item .img ul li img{width:100%;}

@media(max-width:870px){
    .service_perform{display: block;margin-left:0;}
    .service_perform .item{float:none;margin-left:0;width:100%;}
    .service_perform .item:nth-child(2){margin-top:40px;}
}
@media(max-width:450px){
    .service_perform .item{padding:35px 20px;}
    .service_perform .item .info strong{font-size:18px;}
    .service_perform .item .info .list-1st{display: block;margin-left:0;width:auto;}
    .service_perform .item .info .list-1st li{display:block;margin-left:0;width:100%;}
    .service_perform .item .img ul{margin-left:0;}
    .service_perform .item .img ul li{display:block;margin-left:0;width:100%;}
    .service_perform .item .img ul li+li{margin-top:20px;}
}
/* 수행사례 sub0203 End */

/* 서비스 종류 및 평가제품 sub0202 */
.mdutc_ep{margin:0 auto;max-width:1260px;}
.mdutc_ep .epBox{display:flex;flex-wrap:wrap;margin:0 -10px;}
.mdutc_ep .epBox .item{display:flex;flex-direction:column;justify-content:center;width:calc(33% - 20px);margin:20px 10px 0;padding:20px;border:1px solid #cacaca;border-radius:13px;min-height:230px;text-align:center;}
.mdutc_ep .epBox .item:nth-child(-n+3){margin-top:0;}
.mdutc_ep .epBox .item .icon{display:block;margin:0 auto 20px;border-radius:20px;width:86px;height:86px;background:#eef3f1 url(/images/mdutc/sub02/mdutc_evaluationir.png) no-repeat;}
.mdutc_ep .epBox .item .icon.icon01{background-position:0 0;}
.mdutc_ep .epBox .item .icon.icon02{background-position:-86px 0;}
.mdutc_ep .epBox .item .icon.icon03{background-position:-172px 0;}
.mdutc_ep .epBox .item .icon.icon04{background-position:-258px 0;}
.mdutc_ep .epBox .item .icon.icon05{background-position:-344px 0;}
.mdutc_ep .epBox .item .icon.icon06{background-position:-430px 0;}
.mdutc_ep .epBox .item strong{display:block;color:#3a3a3a;font-size:18px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;}

@media(max-width:999px){
    .mdutc_ep{max-width:100%;}
    .mdutc_ep .epBox .item{width:calc(50% - 20px);}
    .mdutc_ep .epBox .item:nth-child(3){margin-top:20px;}
}
@media(max-width:460px){
    .mdutc_ep .epBox .item{width:calc(100% - 20px);min-height:auto;}
    .mdutc_ep .epBox .item:nth-child(2){margin-top:20px;}
}
/* 서비스 종류 및 평가제품 sub0202 End */