@charset "utf-8";
/*포인트컬러 #0858a3 #187ad7 */

/*페이지공통*/
#page_area{position:relative}
#page_area .tit_wrap{margin-bottom:3rem;padding-bottom:2rem;text-align:center;position:relative;}
#page_area .tit_wrap h2{font-size:3.6rem;line-height:140%;color:#333;}
#page_area .tit_wrap p{margin-top:1rem;font-size:1.7rem;line-height:2.8rem;color:#888;word-break:keep-all;}
#page_area .tit_wrap::after{content:'';width:3rem;height:3px;border-radius:3px;background:#187ad7;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

#page_area .content_wrap{margin-top:7rem;}
#page_area .content_wrap_top{margin-top:0 !important;}
#page_area .content_wrap .page_tit{min-height:6rem;margin-bottom:5rem;display:flex;}
#page_area .content_wrap .page_tit .num{width:6rem;background:#333;font-size:1.9rem;font-weight:600;color:#fff;display:flex;justify-content:center;align-items:center;font-family:'Poppins', sans-serif;}
#page_area .content_wrap .page_tit .tit{width:calc(100% - 6rem);padding:1rem 1rem 1rem 3rem;background:#f7f7f7;font-size:2rem;font-weight:600;line-height:140%;color:#333;display:flex;align-items:center;word-break:keep-all;}

/*인사말*/
.about_page .img_box{width:100%;height:30rem;background:url(/company/img/about_bg.jpg) no-repeat center/cover}
.about_page .txt_box_area{width:calc(100% - 10em);margin:-5rem auto 0;padding:8rem 5rem 0;background:#fff;display:flex;flex-wrap:wrap}
.about_page .tit{width:37%;margin-bottom:3rem;font-weight:300;font-size:2.7rem;line-height:130%;color:#333;word-break:keep-all}
.about_page .tit span{font-weight:700;color:#0858a3}
.about_page .txt_box{width:63%;padding-left:5rem;font-size:1.7rem;color:#888;line-height:150%}
.about_page .txt_box .box_tit{margin-bottom:2rem;font-weight:600;font-size:2rem;line-height:140%;color:#333;word-break:keep-all}
.about_page .txt_box .box_tit span{display:block;margin-top:1rem;font-size:1.7rem}
.about_page .txt_box .txt{margin-bottom:2rem;word-break:break-word;text-align:justify}
.about_page .txt_box .about_name{margin-top:5rem;font-weight:700;font-weight:1.9rem;color:#333}
.about_page .txt_box .about_name span{display:block;font-weight:500;font-size:1.5rem;color:#666}

/*사이트맵*/
#site_map_area{margin-top:5rem;display:flex;flex-wrap:wrap;justify-content:space-between}
#site_map_area .site_map{width:calc(25% - 2rem);margin-bottom:5rem;}
#site_map_area .site_map:last-child{margin-bottom:0;}
#site_map_area .site_map .menu_tit{padding:0 0 2rem 1.5rem;border-bottom:2px solid #187ad7;font-size:1.8rem;font-weight:700;color:#333;position:relative;}
#site_map_area .site_map .menu_tit::after{content:'';width:5px;height:5px;border-radius:50%;background:#187ad7;position:absolute;top:0.3rem;left:0;}
#site_map_area .site_map .menu_tit::before{content:'';width:5px;height:5px;border-radius:50%;background:#0858a3;position:absolute;top:1.4rem;left:0;}
#site_map_area .site_map ul{padding-top:2rem;border-left:1px solid #ccc;}
#site_map_area .site_map ul li{position:relative;}
#site_map_area .site_map ul li::after{content:'';width:1rem;height:50%;border-bottom:1px solid #ccc;position:absolute;top:0;left:0;}
#site_map_area .site_map ul li a{display:block;width:calc(100% - 1rem);height:100%;padding:1.5rem 0 1.5rem 2rem;font-size:1.6rem;color:#888;word-break:keep-all;transition:all .3s;}
#site_map_area .site_map ul li a::after{content:'';width:0;height:100%;border-radius:6rem;box-shadow:5px 5px 15px 0px rgba(0,0,0,0.2);background:#187ad7;position:absolute;top:0;left:1rem;z-index:-1;transition:all .3s;}
#site_map_area .site_map ul li:hover a{padding-left:4rem;font-weight:600;color:#fff;}
#site_map_area .site_map ul li:hover a::after{content:'';width:calc(100% - 1rem);}

/*사업개요*/
.business_page .business_wrap > li{margin-bottom:3rem;padding:5rem;border:1px solid #ddd;border-radius:1rem;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;transition: all .3s;opacity:1}
.business_page .business_wrap > li::after{content:'';width:140rem;height:39rem;background:url('/company/img/business_bg_img.png') no-repeat center/cover;position:absolute;bottom:0;right:-5rem;opacity:0;transition: all .7s;z-index:-1;}

.business_page .business_wrap > li:last-child{margin-bottom:0;}
.business_page .business_wrap > li .img_wrap{width:30%;}
.business_page .business_wrap > li .img_wrap .img_box{margin:0 auto;width:18rem;height:18rem;border-radius:1rem;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;transition: all .3s;}
.business_page .business_wrap > li .img_wrap .img_box img{width:60%;object-fit:cover;}
.business_page .business_wrap > li .img_wrap .img_txt{margin-top:1.5rem;font-size:2rem;font-weight:700;color:#333;text-align:center;}
.business_page .business_wrap > li .busi_txt_wrap{width:calc(70% - 5rem);}
.business_page .business_wrap > li .busi_txt_wrap li{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px dashed #ddd;word-break:keep-all;}
.business_page .business_wrap > li .busi_txt_wrap li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.business_page .business_wrap > li .busi_txt_wrap li .busi_txt{margin-top:1rem;padding-left:1.3rem;font-size:1.7rem;line-height:2.8rem;color:#666;position:relative;}
.business_page .business_wrap > li .busi_txt_wrap li .busi_txt:first-child{margin-top:0;}
.business_page .business_wrap > li .busi_txt_wrap li .busi_txt::after{content:'';width:4px;height:4px;border-radius:50%;background:#187ad7;position:absolute;top:1.1rem;left:0;}     
.business_page .business_wrap > li .busi_txt_wrap li .txt_box{display:block;width:6rem;height:3rem;border-radius:3rem;background:#187ad7;font-size:1.6rem;font-weight:700;line-height:3rem;text-align:center;color:#fff;}
.business_page .business_wrap > li .busi_txt_wrap li .busi_bold{font-size:1.8rem;font-weight:700;line-height:3rem;color:#187ad7;}
.business_page .business_wrap > li .busi_txt_wrap li .busi_bold br{display:none;}

.business_page .business_wrap > li.on{border:1px solid #fff;box-shadow:5px 5px 20px 0px rgba(0,0,0,0.2);}
.business_page .business_wrap > li.on::after{right:0;opacity:0.8;}
.business_page .business_wrap > li.on .img_wrap .img_box{border-radius:50%;background:#0858a3;}
.business_page .business_wrap > li.on .img_wrap .img_box img{filter: brightness(0) invert(1);}


/*수행내용*/
.service_page *{word-break:keep-all}
.service_page .b_tit{margin-bottom:2rem;padding-bottom:4rem;font-weight:700;font-size:2.5rem;text-align:center;color:#0858a3;position:relative}
.service_page .b_tit:before{content:url(/company/img/arr.png);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.service_page .cont_wrap{text-align:center}
.service_page .cont_wrap .b_tit2{display:inline-block;margin:0 auto;padding:2rem 4rem;border-radius:5rem;background:#0858a3;font-weight:500;font-size:2.2rem;color:#fff}

.service_page .cont_wrap .bs_cont{padding-top:5rem;display:flex;flex-wrap:wrap;justify-content:center;position:relative}
.service_page .cont_wrap .bs_cont:before{content:'';width:100%;height:1px;background:#ddd;position:absolute;top:57%;left:0;transform:translateY(-50%);z-index:-1}
.service_page .cont_wrap .bs_cont:after{content:'';width:1px;height:100%;background:#ddd;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.service_page .cont_wrap .bs_cont li{width:32%;padding:3.5rem 3rem 5rem;border:1px solid #ddd;border-radius:1rem;background:#fff}
.service_page .cont_wrap .bs_cont li + li{margin-left:2%}
.service_page .cont_wrap .bs_cont li .cont_tit{margin-bottom:3rem;padding:1.5rem 2rem;border-radius:3rem;background:#08325a;font-weight:500;font-size:2rem;color:#fff;}
.service_page .cont_wrap .bs_cont li .cont_txt{padding:0 0 1rem 1rem;margin-bottom:1rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:150%;color:#666;text-align:left;position:relative}
.service_page .cont_wrap .bs_cont li .cont_txt:before{content:'';width:3px;height:3px;border-radius:3px;background:#0858a3;position:absolute;left:0;top:1rem;}
.service_page .cont_wrap .bs_cont li .cont_txt:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}

.service_page .bs_cont2{width:100%;margin-top:5rem;display:flex}
.service_page .bs_cont2 > li{width:32%;padding:5rem 2rem;border:1px solid #ddd;border-radius:1rem;}
.service_page .bs_cont2 > li + li{margin-left:2%;position:relative;}
.service_page .bs_cont2 .li_cont2{display: flex;flex-wrap: wrap;align-content:center;}
		
.service_page .bs_cont2 .circle{width:15rem;margin:0 auto 2rem;padding-bottom:15rem;border-radius:15rem;background:#0858a3;position:relative;}
.service_page .bs_cont2 .circle span{font-weight:500;font-size:2rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.service_page .bs_cont2 .circle_txt{width:100%;}
.service_page .bs_cont2 .circle_txt li{border-bottom:1px dashed #ddd;padding-bottom:1rem;margin-bottom:1rem;font-size:1.7rem;line-height:150%;color:#666}
.service_page .bs_cont2 .circle_txt li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0 }
.service_page .bs_cont2 .circle_txt li span{display:inline-block;position:relative}
.service_page .bs_cont2 .circle_txt li span:before{content:'';width:3px;height:3px;border-radius:3px;background:#0858a3;position:absolute;left:-1rem;top:1rem;}
		
.service_page .bs_cont2 .cont2_box{width:100%;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px dashed #ddd}
.service_page .bs_cont2 .cont2_box:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0} 
.service_page .bs_cont2 .cont2_box .cont2_tit{margin-bottom:1rem;font-weight:600;font-size:2rem;color:#333}
.service_page .bs_cont2 .cont2_box .cont2_tit span{display:inline-block;width:2.5rem;height:2.5rem;margin-left:1rem;border-radius:2.5rem;background:#0858a3;font-weight:500;font-size:1.5rem;line-height:2.5rem;color:#fff;font-family:'Poppins'}
.service_page .bs_cont2 .cont2_box .cont2_txt{font-size:1.7rem;line-height:150%;color:#666}

.service_page .down_tit{display:block;margin:3rem 0 2rem;padding-left:1.5rem;font-weight:600;font-size:2rem;text-align:left;line-height:140%;color:#333;position:relative;}
.service_page .down_tit::after{content:'';width:5px;height:5px;border-radius:50%;background:#187ad7;position:absolute;top:0.7rem;left:0;}
.service_page .down_tit::before{content:'';width:5px;height:5px;border-radius:50%;background:#0858a3;position:absolute;top:1.7rem;left:0;}
.service_page .brochure_down{display:block;padding:2rem;border:1px solid #ddd;background:#f7f7f7;font-weight:500;font-size:1.7rem;color:#333;transition:all .3s}
.service_page .brochure_down img{display:inline-block;width:1.7rem;margin-left:.5rem;vertical-align:-2.5px}
.service_page .brochure_down:hover{color:#0858a3}

.down_list{display: flex;flex-wrap: wrap;justify-content:space-between;position:relative;}
.down_list li{width: 32%;}

/*오시는길*/
.location_page .loc_tab{width:100%;margin:0 auto 4rem;display:flex;flex-wrap:wrap;justify-content:center}
.location_page .loc_tab li{width:35rem;margin:0 .5rem 1rem;padding:2rem;border-radius:6rem;background:#f7f7f7;font-weight:500;font-size:1.7rem;color:#333;text-align:center;transition:all .3s;display:flex;align-items:center;justify-content:center;cursor:pointer}
.location_page .loc_tab li.on , .loc_tab li:hover{background:#0858a3;color:#fff}

.location_page .new_map_info{max-width:140rem;width:100%;display:flex;flex-wrap:wrap;align-items: center;position:absolute;bottom:0;z-index:-10;opacity:0}
.location_page .new_map_info.on{position:relative;bottom:auto;z-index:10;opacity:1}

.location_page .new_map_info .map_area{width:40%;height:40rem;}
.location_page .new_map_info .map_area .root_daum_roughmap{width:100% !important;height:100% !important}
.location_page .new_map_info .info_cont{width:60%;padding-left:5rem} 
.location_page .new_map_info .info_cont .map_tit{padding-bottom:2rem;margin-bottom:2rem;font-weight:700;font-size:2rem;color:#333;position:relative}
.location_page .new_map_info .info_cont .map_tit:before{content:'';width:2rem;height:2px;background:#0858a3;position:absolute;left:0;bottom:0}
.location_page .new_map_info .info_cont .info_list li{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap;}
.location_page .new_map_info .info_cont .info_list li:last-child{padding-bottom:0;margin-bottom:0;border:0}
.location_page .new_map_info .info_cont .info_list li .li_tit{width:12rem;font-weight:700;font-size:1.7rem;color:#333}
.location_page .new_map_info .info_cont .info_list li .li_tit img{display:inline-block;width:1.7rem;margin-right:1rem;}
.location_page .new_map_info .info_cont .info_list li .li_cont{width:calc(100% - 12rem);font-size:1.6rem;line-height:150%;color:#666;word-break:keep-all}
.location_page .new_map_info .info_cont .info_list li .li_cont p{display:flex;flex-wrap:wrap;align-items:center}
.location_page .new_map_info .info_cont .info_list li .li_cont p + p{margin-top:2rem}
.location_page .new_map_info .info_cont .info_list li .li_cont p .subway{width:12rem;height:3.5rem;text-align:center;line-height:3.5rem;border-radius:3px;background:#54b0ff;color:#fff}
.location_page .new_map_info .info_cont .info_list li .li_cont p .subway.color2{background:#ffa642}
.location_page .new_map_info .info_cont .info_list li .li_cont p .subway_txt{width:calc(100% - 12rem);padding-left:2rem}

/*조직도*/
.organization_page *{word-break:keep-all}
.organization_page {overflow:hidden;position:relative;}
.organization_page .chart_wrap{width:100%;} 
.organization_page .chart_wrap .chart{width:100%;max-width:90rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;}

/* 공통 */
.organization_page ul li{min-width:10rem;padding:1.5rem 1rem;background:#fff;font-size:1.7rem;line-height:normal;text-align:center;position:relative;z-index:2;}
.organization_page ul li p{width:100%;line-height:normal;}

/* 부서 상단(이사회,자문위원,감사,대표이사) */
.organization_page ul li.director{width:100%;max-width:24rem;min-width:14rem;height:5.3rem;margin-bottom:4rem;border-radius:.5rem;background:#0672DE;color:#fff;display:flex;justify-content:center;align-items:center;}
.organization_page ul li.director::before{content:'';width:1px;height:4rem;background:#aaa;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:0;}

.organization_page ul li.director.bc{max-width:27rem;width:100%;height:auto;padding:2rem 1rem;margin-bottom:1rem;border:1px solid #ddd;background:#fff;font-weight:500;color:#333}
.organization_page ul li.director.bc img{display:inline-block;margin-right:1rem}
.organization_page ul li.director.wc{max-width:27rem;width:100%;margin-bottom:0;border:1px solid #ddd;border-radius:0;background:#fff;font-size:1.7rem;color:#666}
.organization_page ul li.director.wc:before{display:none}

.organization_page ul li.director.director_big{display:block;height:auto;padding:2rem;border-radius:1rem;}
.organization_page ul li.director.director_big .dt_list{margin-top:.5rem}
.organization_page ul li.director.director_big .dt_list li{padding:0 0 .5rem 0;margin-bottom:.5rem;border-bottom:1px dashed rgba(255,255,255,.2);background:none;font-size:1.6rem;color:rgba(255,255,255,.6);text-align:left}
.organization_page ul li.director.director_big .dt_list li span{color:#fff}
.organization_page ul li.director.director_big .dt_list li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}

/* 이사회 */
.organization_page ul li.director.directorate{background:#1c3175;}

/* 대표이사 */
.organization_page ul li.director.ceo{display:block;max-width:45rem;width:100%;height:auto;padding:3rem 2rem;margin-bottom:2rem;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.1);background:#187ad7;font-size:2rem;}
.organization_page ul li.director.ceo .og_tit{font-weight:500;font-size:2rem;color:#fff}
.organization_page ul li.director.ceo .og_txt{font-size:1.6rem;line-height:150%;color:rgba(255,255,255,.8)}

/* 총괄본부장 */
.organization_page ul li.director.dir{background:#545454;}
/* 감사,자문위원 */
.organization_page ul li.inspection{width:100%;margin-bottom:0;padding:0;background:transparent;}
.organization_page ul li.inspection ul.ins_wrap{width:70%;margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;}

.organization_page ul li.inspection ul.ins_wrap::before{content:'';width:50%;height:1px;background:#aaa;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;}
.organization_page ul li.inspection ul.ins_wrap::after{content:'';width:1px;height:100%;background:#aaa;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;}

.organization_page ul li.inspection ul.ins_wrap li.director{width:46%;}
.organization_page ul li.inspection ul.ins_wrap li.director.left{margin:3rem 1rem 3rem 0;background:#0858a3;}
.organization_page ul li.inspection ul.ins_wrap li.director.right{margin:3rem 0 3rem 1rem;background:#0858a3;}
.organization_page ul li.inspection ul.ins_wrap li.director::before{display:none;}

/* 부서 */
.organization_page ul li.departments{width:100%;padding:0;background:none;display:flex;justify-content:space-around;align-items:flex-start;}
/* 부서 가로라인 */
.organization_page ul li.departments::after{content:'';width:68%;height:1px;background:#aaa;position:absolute;top:0;left:50%;transform:translateX(-50%);} 
.organization_page ul li.departments ul{width:100%;max-width:29rem;margin-top:4rem;margin-right:2%;display:flex;flex-direction:column;align-items:flex-start;position:relative;}
.organization_page ul li.departments ul:last-child{margin-right:0;}
/* 부서 세로라인 */
.organization_page ul li.departments ul::after{content:'';width:1px;height:calc(100% + 4rem);background:#aaa;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:-1;}
.organization_page ul li.departments ul li{width:100%;margin-bottom:1rem;border:1px solid #ddd;}
.organization_page ul li.departments ul li:last-child{margin-bottom:0;}
.organization_page ul li.departments ul li.part{height:auto;padding:2rem 1rem;border:0;border-radius:.5rem;border:1px solid #ddd;background:#fff;font-weight:500;color:#333;display:flex;justify-content:center;align-items:center;}
.organization_page ul li.departments ul li.part img{display:inline-block;margin-right:1rem} 

/*센터박스*/
.organization_page ul .center_box{width:100%;max-width:28rem;padding:0;border:1px solid #ddd;border-radius:1rem;overflow:hidden}
.organization_page ul .center_box .center_tit{width:100%;height:4.5rem;background:#187ad7;font-weight:600;font-size:1.7rem;color:#fff;line-height:4.5rem;text-align:center}
.organization_page ul .center_box .center_info{padding:2rem}
.organization_page ul .center_box .center_img{width:100%;margin-bottom:1.5rem;border-radius:.5rem;border:1px solid #ddd;overflow:hidden} 
.organization_page ul .center_box .center_img img{width:100%}
.organization_page ul .center_box .center_name {margin-bottom:1.5rem;font-weight:700;font-size:1.6rem;color:#333}
.organization_page ul .center_box .center_name img{display:inline-block;margin-right:.5rem}
.organization_page ul .center_box .business_name{padding:1rem 2rem;border-radius:.5rem;font-size:1.6rem;line-height:140%;color:#333;background:#e7f1fb}

/*조직도 끝*/


/* BI 소개 */

.bi_info{margin-top:6rem;padding-bottom:2rem;position:relative; display: flex; justify-content: space-between;}
.bi_img{width: 48%;}
.bi_img img{width: 100%;}
.bi_info_box{width: 48%; height: auto;}
.tag_list{width: 100%; display: flex; margin-bottom: 4.5rem;}
.tag_list li{padding: 0 3rem; margin-right: 2rem; line-height: 4.5rem; background-color: #3C60AC; border-radius: 6rem; color: #fff; text-align: center; font-size: 2.2rem; font-weight: 500;}
.info_text p{font-size: 1.8rem; color: #333333; line-height: 1.5;}





/*페이지 리스트 공통*/
.common_page *{word-break:keep-all}
.common_page .test_con{border-top:2px solid #0858a3;border-bottom:1px solid #ddd;}
.common_page .test_con .test_box{padding:5rem 7rem;display:flex;}
.common_page .test_con .test_box:nth-child(even){background:#f7f7f7;}
.common_page .test_con .test_box .l_side{width:30%;}
.common_page .test_con .test_box .l_side h4{display:inline-block;margin:0 auto 5px;padding-left:1.5rem;font-size:2.2rem;font-weight:600;line-height:140%;color:#333;position:relative;}
.common_page .test_con .test_box .l_side h4::after{content:'';width:5px;height:5px;border-radius:50%;background:#187ad7;position:absolute;top:0.7rem;left:0;}
.common_page .test_con .test_box .l_side h4::before{content:'';width:5px;height:5px;border-radius:50%;background:#0858a3;position:absolute;top:1.7rem;left:0;}
.common_page .test_con .test_box .l_side p{font-size:13px;font-weight:500;color:#0858a3;font-family:'Poppins', sans-serif;}
.common_page .test_con .test_box .r_side{width:70%;}

.common_page .test_con_inbox .test_box{padding:5rem;}
.common_page .test_con_inbox .test_box .l_side h4{margin-bottom:0;}
.common_page .test_con_inbox .test_box .r_side .innner_box{margin-bottom:3rem;padding:5rem;border:1px solid #ddd;border-radius:5px;background:#fff;}
.common_page .test_con_inbox .test_box .r_side .innner_box:last-child{margin-bottom:0;}

.common_page .test_con_inbox .test_box .r_side .innner_box li{margin-bottom:1rem;padding:0 0 1rem 1.3rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:2.8rem;color:#666;position:relative;word-break:keep-all;}
.common_page .test_con_inbox .test_box .r_side .innner_box li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.common_page .test_con_inbox .test_box .r_side .innner_box li::after{content:'';width:4px;height:4px;border-radius:50%;background:#187ad7;position:absolute;top:1.1rem;left:0;}
.common_page .test_con_inbox .test_box .r_side .innner_box li.li_top br{display:none}
.common_page .test_con_inbox .test_box .r_side .innner_box li.li_top{margin-bottom:2rem;padding:0 0 0 2rem;border-bottom:0;font-size:1.8rem;font-weight:500;color:#333;}
.common_page .test_con_inbox .test_box .r_side .innner_box li.li_top::after{width:1rem;height:2px;background:#666;top:1.3rem;}
.common_page .test_con_inbox .test_box .r_side .innner_box li span{font-weight:500;color:#333;}

/*사용적합성평가 안내*/
.usability_info_page .test_define{padding:5rem;border:1px solid #ddd;border-radius:5px;font-size:1.8rem;font-weight:500;line-height:3rem;color:#333;text-align:center;word-break:keep-all;}
.usability_info_page .test_define span{color:#187ad7;}
.usability_info_page .test_define br{display:none;}

.usability_info_page .test_con .test_box .table_chart{position:relative;}
.usability_info_page .test_con .test_box .table_chart table{width:100%;border:1px solid #ddd;}
.usability_info_page .test_con .test_box .table_chart table colgroup col:first-child{min-width:20rem;}
.usability_info_page .test_con .test_box .table_chart table tr{border-top:1px solid #ddd;}
.usability_info_page .test_con .test_box .table_chart table tr:first-child{border-top:2px solid #333;}
.usability_info_page .test_con .test_box .table_chart table tr th{padding:2rem;background:#f7f7f7;text-align:center;color:#333;}
.usability_info_page .test_con .test_box .table_chart table tr td{padding:2rem 3rem;}
.usability_info_page .test_con .test_box .table_chart table tr td p{margin-bottom:1rem;padding-left:1.3rem;font-size:1.7rem;line-height:2.8rem;color:#666;position:relative;word-break:keep-all;}
.usability_info_page .test_con .test_box .table_chart table tr td p:last-child{margin-bottom:0;}
.usability_info_page .test_con .test_box .table_chart table tr td p::after{content:'';width:0.4rem;height:0.4rem;border-radius:50%;background:#187ad7; position:absolute;top:1.1rem;left:0;}
.usability_info_page .test_con .test_box .table_chart table tr .td_l{padding:2rem 1rem;border-right:1px solid #ddd;text-align:center;}

.usability_info_page .test_con .test_box .table_chart .scroll_box{display:none;width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;position:absolute;top:0;left:0;}
.usability_info_page .test_con .test_box .table_chart .scroll_box img{width:5rem;margin-top:10rem;}
.usability_info_page .test_con .test_box .table_chart .scroll_box p{margin-top:1rem;font-size:1.6rem;color:#fff;}
.usability_info_page .test_con .test_box .table_chart .scroll_box p span{font-weight:500;color:#7cb3ff;}

.usability_info_page .test_cont2{margin-bottom:3rem}
.usability_info_page .test_cont2 li{margin-bottom:1rem;padding-left:1.3rem;font-size:1.7rem;line-height:2.8rem;color:#666;position:relative;word-break:keep-all;}
.usability_info_page .test_cont2 li span{display:inline-block;font-size:1.6rem}
.usability_info_page .test_cont2 li:last-child{margin-bottom:0;}
.usability_info_page .test_cont2 li::after{content:'';width:4px;height:4px;border-radius:50%;background:#187ad7;position:absolute;top:1.1rem;left:0;}

.usability_info_page .new_list_cont{display:flex;flex-wrap:wrap;justify-content:center}
.usability_info_page .new_list_cont .cont_list{width:24%;padding:5rem 2rem;border-radius:1rem;margin:0 1% 1% 0;border:1px solid #ddd;text-align:center}
.usability_info_page .new_list_cont .cont_list:nth-child(4n){margin-right:0}
.usability_info_page .new_list_cont .cont_list .s_tit{width:10rem;height:3rem;margin:0 auto 1rem;border-radius:3rem;background:#002361;font-weight:500;font-size:1.5rem;line-height:3rem;color:#fff}
.usability_info_page .new_list_cont .cont_list .tit{padding-bottom:1.8rem;margin-bottom:1.8rem;font-weight:700;font-size:2rem;color:#333;position:relative}
.usability_info_page .new_list_cont .cont_list .tit:before{content:'';width:2rem;height:2px;background:#002361;position:absolute;bottom:0;left:50%;transform:translateX(-50%)} 
.usability_info_page .new_list_cont .cont_list .cont_txt li{padding:0 0 .5rem 1rem;margin-bottom:.5rem;border-bottom:1px dashed #ddd;font-size:1.7rem;letter-spacing:-1px;text-align:left;line-height:150%;color:#555;word-break:keep-all;position:relative} 
.usability_info_page .new_list_cont .cont_list .cont_txt li:before{content:'';width:3px;height:3px;background:#187ad7;position:absolute;left:0;top:1rem}
.usability_info_page .new_list_cont .cont_list .cont_txt li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.usability_info_page .new_list_cont .cont_list .cont_txt li .color1{color:#187ad7}
.usability_info_page .new_list_cont .cont_list .cont_txt li .color2{color:#002361}

.usability_info_page .img_box_list{display:flex;flex-wrap:wrap}
.usability_info_page .img_box_list li{width:23.5%}
.usability_info_page .img_box_list li + li{margin-left:2%}
.usability_info_page .img_box_list li .img_box{border:1px solid #ddd;overflow:hidden}
.usability_info_page .img_box_list li .img_box img{width:100%}
.usability_info_page .img_box_list li .box_tit{margin-top:1rem;font-weight:500;font-size:1.7rem;text-align:center;color:#333}


.usability_info_page .new_cont_list{border:1px solid #ddd;padding:5rem}
.usability_info_page .new_cont_list li{padding:0 0 1.5rem 1rem;margin-bottom:1.5rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.usability_info_page .new_cont_list li:before {content:'';width:3px;height:3px;border-radius:3px;background:#0858a3;position:absolute;left:0;top:1rem}
.usability_info_page .new_cont_list li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.usability_info_page .new_cont_list li .img_box{margin-top:3rem;border:1px solid #ddd;padding:3rem 2rem;text-align:center}
.usability_info_page .new_cont_list li .img_box img{max-width:90rem;width:100%}



/*사용적합성평가 신청*/
.usability_perfor_page .test_order{padding:0 4rem 4rem;border:1px solid #ddd;border-radius:5px;display:flex;flex-wrap:wrap;justify-content:center;}
.usability_perfor_page .test_order li{width:calc(16% - 4rem);max-width:22rem;min-height:10rem;margin:4rem 4rem 0 0;border-radius:5px;border:1px solid #ddd;position:relative;transition:all .3s;}
.usability_perfor_page .test_order li:last-child{margin-right:0 !important;}
.usability_perfor_page .test_order li:nth-child(6n){margin-right:0;}
.usability_perfor_page .test_order li::after{content:'';width:0.6rem;height:1rem;background:url('/usability/img/arrow.png') no-repeat center/cover;position:absolute;top:50%;right:-2rem;transform:translate(50%, -50%);}
.usability_perfor_page .test_order li:nth-child(6)::after{display:none;}
.usability_perfor_page .test_order li:last-child::after{display:none !important;}
.usability_perfor_page .test_order li .test_num{width:3.6rem;height:3.6rem;border-radius:.3rem;background:#0858a3;font-size:1.4rem;color:#fff;position:absolute;top:0;left:1rem;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);}
.usability_perfor_page .test_order li .test_num:before{content:'';width:0px;height:0px;border-bottom:1.8rem solid #073967;border-left:0.7rem solid transparent;border-right:0 solid transparent;position:absolute;left:-0.6rem;top:0;z-index:-1;}
.usability_perfor_page .test_order li .test_info{width:100%;height:100%;padding:0 1rem;font-size:1.8rem;line-height:130%;text-align:center;color:#333;display:flex;justify-content:center;align-items:center;word-break:keep-all;}
.usability_perfor_page .test_order li.on{border:1px solid transparent;background:#0858a3;}
.usability_perfor_page .test_order li.on .test_num{background:#083662;}
.usability_perfor_page .test_order li.on .test_info{color:#fff;}

.usability_perfor_page .list_btn{display:block;max-width:28rem;width:100%;height:7rem;margin:5rem auto 0;padding-right:4rem;box-shadow:7px 7px 10px 0px rgba(8,88,163,0.3);border-radius:7rem;background:#0858a3;font-size:1.7rem;text-align:center;font-weight:400;line-height:7rem;color:#fff;position:relative;transition:all .3s;}

.usability_perfor_page .list_btn .btn_arrow{width:5rem;height:5rem;border-radius:5rem;background:url('/usability/img/btn_arrow.png') no-repeat center/1.2rem;background-color:rgba(255,255,255,0.3);position:absolute;top:50%;right:1rem;transform:translateY(-50%);transition:all .3s;}
.usability_perfor_page .list_btn:hover{background:#083662;}
.usability_perfor_page .list_btn:hover .btn_arrow{background:url('/usability/img/btn_arrow_bk.png') no-repeat center/1.2rem;background-color:#fff;}

.usability_perfor_page .page_btn_area{margin-top:5rem;display:flex;flex-wrap:wrap;justify-content:center;}
.usability_perfor_page .page_btn_area .list_btn{width:calc(50% - .5rem);margin:0}
.usability_perfor_page .page_btn_area .list_btn3{margin-left:1rem;background:#083662}
.usability_perfor_page .page_btn_area .list_btn3:hover{background:#333}


/*교육훈련 및 핸즈온 안내*/
.edu_info_page .test_con .test_box .l_side{width:25%;}
.edu_info_page .test_con .test_box .r_side{width:75%;}
.edu_info_page .test_con_inbox .test_box .inner_txt{margin-bottom:1.5rem;font-size:1.7rem;font-weight:500;line-height:2.8rem;color:#333;word-break:keep-all;}
.edu_info_page .test_con_inbox .test_box .inner_txt span{color:#0858a3;}
.edu_info_page .test_con_inbox .test_box .r_side .innner_box{padding:3rem;}

.edu_info_page .step_cont_list{background:#fff}
.edu_info_page .step_cont_list > li{padding:3rem;border-bottom:1px dashed #ddd;}
.edu_info_page .step_cont_list > li:last-child{border-bottom:0}
.edu_info_page .step_cont_list > li .step_tit{font-weight:500;font-size:1.8rem;color:#333;display:flex;flex-wrap:wrap;align-items:center}
.edu_info_page .step_cont_list > li .step_tit .num{width:6rem;height:3rem;border-radius:.3rem;background:#0858a3;font-size:1.5rem;text-align:center;line-height:3rem;color:#fff}
.edu_info_page .step_cont_list > li .step_tit .tit{width:calc(100% - 6rem);padding-left:2rem}
.edu_info_page .step_cont_list > li .step_tit .tit .color{font-style:normal;color:#0858a3}
.edu_info_page .step_cont_list > li .step_txt{padding-left:1rem;margin-top:1rem;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.edu_info_page .step_cont_list > li .step_txt:before{content:'';width:3px;height:3px;border-radius:3px;background:#0858a3;position:absolute;left:0;top:1rem}
.edu_info_page .step_cont_list > li .step_txt_box{margin-top:2rem;padding:2rem;background:#f7f7f7}
.edu_info_page .step_cont_list > li .step_txt_box .txt_tit{margin-bottom:1rem;font-weight:600;font-size:1.8rem;color:#333}
.edu_info_page .arr_box{width:100%;margin:2rem auto 5rem;padding:1.5rem 2rem;border-radius:1rem;border:3px solid #00879c;font-weight:700;font-size:2rem;line-height:140%;text-align:center;color:#00879c;position:relative}
.edu_info_page .arr_box:before{content:url(/education/img/arr2.png);position:absolute;left:50%;bottom:-4.5rem;transform:translateX(-50%) rotate(90deg);z-index:1}

.edu_info_page .step_cont_list2{background:#fff}
.edu_info_page .step_cont_list2 > li{padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px dashed #ddd;}
.edu_info_page .step_cont_list2 > li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.edu_info_page .step_cont_list2 > li .step_tit{font-weight:500;font-size:1.8rem;color:#333;display:flex;flex-wrap:wrap;align-items:center}
.edu_info_page .step_cont_list2 > li .step_tit .num{width:3.5rem;height:3.5rem;border-radius:3.5rem;background:#0858a3;font-size:1.5rem;text-align:center;line-height:3.5rem;color:#fff}
.edu_info_page .step_cont_list2 > li .step_tit .tit .color{font-style:normal;color:#0858a3}
.edu_info_page .step_cont_list2 > li .step_txt{padding-left:1rem;margin-top:1rem;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.edu_info_page .step_cont_list2 > li .step_txt:before{content:'';width:3px;height:3px;border-radius:3px;background:#0858a3;position:absolute;left:0;top:1rem}
.edu_info_page .step_cont_list2 > li .line_txt{padding:1.5rem 2.5rem;border:1px solid #ddd;border-radius:1rem}
.edu_info_page .step_cont_list2 > li .line_txt:before{left:1.5rem;top:2.5rem}
.edu_info_page .step_cont_list2 > li .step_txt_box{margin-top:2rem;padding:2rem;background:#f7f7f7}
.edu_info_page .step_cont_list2 > li .step_txt_box .txt_tit{margin-bottom:1rem;font-weight:600;font-size:1.8rem;color:#333}


.edu_info_page .cont_box{margin-top:2rem;border:1px solid #ddd;padding:3rem}
.edu_info_page .cont_box01{display:flex;flex-wrap:wrap;align-items:center}
.edu_info_page .cont_box01 .box01_list{width:calc(100% - 25rem);padding-right:10rem;position:relative}
.edu_info_page .cont_box01 .box01_list:before{content:url(/education/img/arr2.png);right:3rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}
.edu_info_page .cont_box01 .box01_list li{padding:1rem;border:1px solid #ddd;border-radius:1rem;display:flex;flex-wrap:wrap;align-items:center}
.edu_info_page .cont_box01 .box01_list li + li{margin-top:1rem}
.edu_info_page .cont_box01 .box01_list li .pt{width:13rem;height:4rem;border-radius:.3rem;background:#0858a3;font-weight:500;font-size:1.7rem;text-align:center;line-height:4rem;color:#fff}
.edu_info_page .cont_box01 .box01_list li .pt01{background:#00b3ef}
.edu_info_page .cont_box01 .box01_list li .pt02{background:#0090d3}
.edu_info_page .cont_box01 .box01_list li .pt03{background:#0c6fb8}
.edu_info_page .cont_box01 .box01_list li .txt{width:calc(100% - 13rem);padding-left:2rem;font-weight:500;font-size:1.8rem;color:#333}
.edu_info_page .cont_box01 .circle{width:25rem;height:25rem;border-radius:25rem;border:5px solid #0858a3;position:relative}
.edu_info_page .cont_box01 .circle p{width:100%;padding:0 2rem;font-weight:700;font-size:2rem;line-height:140%;text-align:center;color:#0858a3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.edu_info_page .cont_box02{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.edu_info_page .cont_box02 .box02_list{width:30%}
.edu_info_page .cont_box02 .box02_list li{width:100%;padding:1.5rem 2rem;border-radius:1rem;background:#c00;font-weight:500;font-size:1.8rem;text-align:center;color:#fff;position:relative}
.edu_info_page .cont_box02 .box02_list li:before{content:'';width:1rem;height:1rem;border:2px solid #00879c;background:#fff;border-radius:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.edu_info_page .cont_box02 .box02_list li:after{content:'';width:10rem;height:1px;background:#ddd;position:absolute;top:50%;transform:translateY(-50%)}
.edu_info_page .cont_box02 .list_left li:after{right:-10rem}
.edu_info_page .cont_box02 .list_right li:after{left:-10rem}
.edu_info_page .cont_box02 .list_left li:before{right:-.5rem}
.edu_info_page .cont_box02 .list_right li:before{left:-.5rem}

.edu_info_page .cont_box02 .box02_list li + li{margin-top:1rem}
.edu_info_page .cont_box02 .box02_list li.c1{background:#38bfbb}
.edu_info_page .cont_box02 .box02_list li.c2{background:#0099a3}
.edu_info_page .cont_box02 .box02_list li.c3{background:#00879c}
.edu_info_page .cont_box02 .circle{width:25rem;height:25rem;border-radius:25rem;border:5px solid #00879c;background:#fff;position:relative;z-index:10}
.edu_info_page .cont_box02 .circle p{width:100%;padding:0 2rem;font-weight:700;font-size:2rem;line-height:140%;text-align:center;color:#00879c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.edu_info_page .cont_box03{margin:2rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content: center}
.edu_info_page .cont_box03 .circle{width:20rem;height:20rem;border-radius:20rem;border:5px solid;background:#fff;position:relative;z-index:10}
.edu_info_page .cont_box03 .circle p{width:100%;padding:0 2rem;font-weight:700;font-size:2rem;line-height:140%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.edu_info_page .cont_box03 .circle1{border-color:#00aeef;color:#00aeef}
.edu_info_page .cont_box03 .circle2{margin-left:5rem;border-color:#0166b3;color:#0166b3;position:relative}
.edu_info_page .cont_box03 .circle2:before{content:url(/education/img/arr3.png);position:absolute;left:-4.5rem;top:50%;transform:translateY(-50%)}

.edu_info_page .cont_box04{display:flex;flex-wrap:wrap;align-items:center;justify-content: center}
.edu_info_page .cont_box04 .img_box{width:35rem;border:1px solid #ddd}
.edu_info_page .cont_box04 .img_box img{max-width:35rem;width:100%;height:auto}
.edu_info_page .cont_box04 .box04_list{width:calc(100% - 35rem);padding-left:3rem}
.edu_info_page .cont_box04 .box04_list li{padding-left:1rem;margin-top:1rem;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.edu_info_page .cont_box04 .box04_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:#0858a3;position:absolute;left:0;top:1rem}

.edu_info_page .edu_img_area{display:flex;flex-wrap:wrap;justify-content: space-between;}
.edu_info_page .edu_img_area li{width:49%;}
.edu_info_page .edu_img_area li:nth-child(n+3){margin-top:2rem}
.edu_info_page .edu_img_area li .img_box{border:1px solid #ddd}
.edu_info_page .edu_img_area li .img_box img{width:100%}
.edu_info_page .edu_img_area li .tit_box{padding:1.5rem 2rem;background:#f7f7f7;font-weight:500;font-size:1.7rem;color:#333;text-align:center}

/* 교육훈련프로그램 일정표 */
.calendar-wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* top */

.calendar-top {
  position: relative;
    display: flex;
    align-items: center;

    margin-bottom: 80px;
}

.today-btn{
  background-color: #3C60AC;
  color: #fff;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 0 35px;
  font-size: 20px;
  transition: 0.2s;
  border-radius: 6rem;
}

.move-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    background: white;
    cursor: pointer;

    height: 40px;
    min-width: 40px;

    font-size: 20px;
    line-height: 1;

    transition: 0.2s;
}

.month-control {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    align-items: center;

    gap: 12px;
}

.current-month {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 40px;

    font-size: 20px;
    font-weight: 700;

    min-width: 180px;

    text-align: center;

    line-height: 1;
}

/* 요일 */

.week-header {
    display: grid;
    grid-template-columns: repeat(7, 1fr);

    border-top: 1px solid #dcdfe5;
    border-left: 1px solid #dcdfe5;

    background: #e9edf3;
}

.week {
    padding: 14px 10px;

    text-align: left;
    font-weight: 600;
    font-size: 20px;

    border-right: 1px solid #dcdfe5;
    border-bottom: 1px solid #dcdfe5;
}

.sunday {
    color: #e14b4b;
}

.saturday {
    color: #4b72e1;
}

.today-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 32px;
    padding: 0 18px;
    border-radius: 6rem;

    background-color: #3C60AC;
    color: #fff;

    font-size: 13px;
    font-weight: 600;

    margin-top: 40px;
}

.schedule-text{
    margin-top: 10px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    cursor: pointer;
}


.other-month .today-badge{
    opacity: 0.4;
}

.other-month .schedule-text{
    opacity: 0.4;
}

/* 달력 */

.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);

    border-left: 1px solid #dcdfe5;
}


.date-cell {
    position: relative;

    min-width: 0;
    min-height: 170px;

    background: white;

    border-right: 1px solid #dcdfe5;
    border-bottom: 1px solid #dcdfe5;

    padding: 8px;

    overflow: hidden;

}

/* 날짜 */

.date-number {
    position: absolute;

    top: 10px;
    left: 10px;

    font-size: 20px;
    font-weight: 600;
}

.sunday-text {
    color: #e14b4b;
}

.saturday-text {
    color: #4b72e1;
}

/* 이전달 다음달 */

.other-month .date-number {
    color: #b8bcc5;
}

.more-btn{
    position: absolute;

    right: 8px;
    bottom: 8px;

    padding: 4px 8px;

    font-size: 12px;
    color: #666;

    border: 1px solid #ddd;
    border-radius: 4px;

    background: #fff;

    cursor: pointer;
}


.mobile-calendar-wrap {
    display: none;
    width: 100%;
    margin: 0 auto;
}


/* 상단 전체 */
.top-area{
    margin-bottom:20px;
}


/* 첫 줄 */
.top-row{
    display:flex;
    justify-content:flex-start;
    margin-bottom:15px;
}


/* 둘째 줄 */
.bottom-row{
    display:flex;
    justify-content:center;
    align-items:center;
}


/* 오늘 버튼 */
.mobile-today-btn{
    padding:8px 16px;
    border:none;
    background:#3C60AC;
    color:#fff;
    border-radius:6rem;
    cursor:pointer;
}


/* 주 이동 */
.week-nav{
    display:flex;
    align-items:center;
    gap:15px;
}


/* 좌우 버튼 */
.nav-btn{
    display:flex;
    align-items:center;
    justify-content:center;

    width:40px;
    height:40px;

    border:none;
    border-radius:50%;

    cursor:pointer;

    font-size:18px;

    line-height:1;
}


/* 주 텍스트 */
.week-text{
    display:flex;
    align-items:center;
    justify-content:center;

    height:40px;

    font-size:18px;
    font-weight:bold;

    line-height:1;
}


/* 주 내용 */
.week-container{
    display:flex;
    flex-direction:column;
    gap:15px;
}


/* 날짜별 박스 */
.day-box{
    background:#fff;
    border-radius:10px;
    padding:15px;
    /* box-shadow:0 2px 5px rgba(0,0,0,0.5); */
    border: 1px solid #e2e2e2
}


/* 날짜 제목 */
.day-title{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}



/* 모달 화면 */

.schedule-modal{
    display:none;

    position:fixed;

    left:0;
    top:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,0.5);

    z-index:9999;

    overflow-y:auto;

    padding:20px;

    box-sizing:border-box;
}

.schedule-modal-content{
    position: relative;

    max-width:500px;

    margin:40px auto;

    background:#fff;

    border-radius:16px;

    padding:24px;

    box-sizing:border-box;
}

/* 날짜 */
.modal-date{
    font-size:24px;

    font-weight:700;

    margin-bottom:20px;
}

/* 일정 박스 */
.modal-item{
    padding:16px;

    border:1px solid #ddd;

    border-radius:12px;

    margin-bottom:16px;

    cursor:pointer;
}

/* 시간 */
.modal-time{
    font-size:14px;
    font-weight:600;
    color:#666;
    margin-bottom:6px;
}

/* 내용 */
.modal-text{
    font-size:16px;

    line-height:1.5;

    word-break:keep-all;
}

/* =========================
   모달 닫기 버튼
========================= */
.schedule-modal-close{
    position: absolute;

    top: 20px;
    right: 20px;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    background: none;

    font-size: 28px;
    cursor: pointer;

    line-height: 1;

    z-index: 10;
}

.mobile-item{
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin-top: 10px;
}

.mobile-item-time{
    flex-shrink: 0;

    min-width: 70px;

    font-size: 14px;
    font-weight: 600;
    color: #3C60AC;
}

.mobile-item-text{
    flex: 1;

    font-size: 14px;
    line-height: 1.5;

    word-break: keep-all;
}

/* =========================
   모달 일정
========================= */

.modal-text{
    font-size: 15px;
    line-height: 1.6;
}

/* =========================
   상세 모달
========================= */

.modal-detail-date{
    display:flex;
    align-items:center;
    gap:10px;

    margin-bottom:20px;
}

.modal-detail-date .date{
    font-size:24px;
    font-weight:700;
}

.modal-detail-date .time{
    font-size:16px;
    color:#666;
}

/* =========================
   장소 텍스트
========================= */

.schedule-place{
    margin-top: 6px;

    font-size: 13px;
    color: #666;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.other-month .schedule-place{
    opacity: 0.4;
}

.mobile-item-place{
    flex-shrink: 0;

    font-size: 13px;
    color: #666;
}

.modal-place{
    margin-top: 8px;

    font-size: 14px;
    color: #666;
}

.modal-detail-date .place{
    font-size: 14px;
    color: #666;
}

@media(max-width:768px){

    .schedule-modal-content{
        padding:20px;
    }

    .modal-date{
        font-size:20px;
    }

    .modal-text{
        font-size:15px;
    }
}


/* 반응형 */

@media (max-width: 1024px) {

    .date-cell{
        padding-bottom: 40px;
    }

    .schedule-text{
        margin-top: 10px;

        font-size: 14px;
        line-height: 1.4;

        overflow: hidden;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        word-break: break-word;
    }

    .more-btn{
        right: 6px;
        bottom: 6px;

        font-size: 11px;

        padding: 3px 6px;
    }

}
@media (max-width: 900px) {

    .date-cell {
        min-height: 130px;
    }

    .current-month {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .today-badge{
        font-size: 12px;
    }

    .today-btn{
        padding: 0 17px;
    }
}

@media (max-width: 480px){

    .calendar-wrap{
        display: none;
    }

    .mobile-calendar-wrap{
        display: block;
    }
}


/*사업개요*/
.new_business_page .v_tit{width:8rem;height:3.5rem;margin-bottom:2rem;border-radius:0.3rem;background: #0858a3;font-weight:600;font-size: 1.8rem;text-align: center;line-height:3.5rem;color: #fff}
.new_business_page .v_tit2{margin-top:3rem}
.new_business_page .v_txt{padding:3rem;border:1px solid #ddd;font-size:1.7rem;line-height:150%;color:#666}
.new_business_page .v_txt li{padding:0 0 1rem 1rem;margin-bottom:1rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.new_business_page .v_txt li:before{content:'';width:3px;height:3px;border-radius:3px;background:#0858a3;position:absolute;left:0;top:1rem}
.new_business_page .v_txt li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.new_business_page .side_img_box{width:100%;border:1px solid #ddd;background:#fff;}
.new_business_page .side_img_box img{width:100%;}
.new_business_page .side_img_box .m_img{display:none}

.new_business_page .strategy {border:1px solid #ddd;padding:4rem;background:#fff}
.new_business_page .strategy .box_area{display:flex;flex-wrap:wrap;justify-content:space-between}
.new_business_page .strategy .box_area li{width:45%;padding:6rem 2rem;border:3px solid #0858a3;border-radius:1rem;background:#fff;font-size:2rem;line-height:140%;color:#333;text-align:center;display: flex;align-items: center;}
.new_business_page .strategy .box_area li p{width:100%;text-align:center}
.new_business_page .strategy .box_area li span{font-weight:700;color:#0858a3}
.new_business_page .strategy .box_area li.row_txt{font-size:1.8rem}
.new_business_page .strategy .circle{width:40%;margin:-4rem auto;padding-bottom:40%;border-radius:100%;background:#0858a3;position:relative}
.new_business_page .strategy .circle p{width:100%;padding:0 2rem;font-weight:700;font-size:2.2rem;color:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}


/*상설전시관*/
.b_gall_page{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px dashed #ddd}
#b_gall_wrap{max-width:100rem;width:100%;margin:0 auto;overflow:hidden}
#b_gall_wrap .b_gall_slider{width:100%;margin-bottom:2rem;overflow:hidden;}
#b_gall_wrap .b_gall_slider li{width:100%;position:relative}
#b_gall_wrap .b_gall_slider li img{width:100%}
#b_gall_wrap .b_gall_slider li .gall_tit{width:100%;padding:1rem 2rem;background:rgba(0,0,0,.7);font-weight:500;font-size:1.7rem;text-align:center;color:#fff;position:absolute;left:0;bottom:0;z-index:10;}
#b_gall_wrap .b_gall_slider_th li{overflow:hidden;cursor:pointer;background:#333}
#b_gall_wrap .b_gall_slider_th li img{width:100%;opacity:.5;transition:all .3s}
#b_gall_wrap .b_gall_slider_th .swiper-slide-thumb-active img{opacity:1}

/*상설전시관 신청*/
.usability_perfor_page .test_order_txt{margin-top:2rem;font-weight:600;font-size:2rem;line-height:140%;text-align:center;color:#333;word-break:keep-all;}
.usability_perfor_page .test_order_txt img{display:inline-block;width:1.8rem;margin-right:1rem;vertical-align:-7px;}

/*관련사이트*/
.family_site .site_list{display:flex;flex-wrap:wrap}
.family_site .site_list li{width:23.5%;margin:0 2% 2% 0;text-align:center}
.family_site .site_list li:nth-child(4n), .family_site .site_list li:last-child{margin-right:0}

.family_site .site_list li a{display:block;width:100%;}
.family_site .site_list li .img_box{width:100%;height:10rem;margin-bottom:1rem;border:1px solid #ddd;overflow:hidden;position:relative;transition:all .3s}
.family_site .site_list li .img_box img{max-width:60%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.family_site .site_list li .site_name{font-weight:500;font-size:1.8rem;color:#333;transition:all .3s}

.family_site .site_list li:hover .img_box{border-color:#0858a3}
.family_site .site_list li:hover .site_name{color:#0858a3}


@media (max-width:1400px){
}
@media (max-width:1280px){

/*인사말*/
.about_page .txt_box_area{width:calc(100% - 4rem);}

/*사용적합성평가 신청*/
.usability_perfor_page .test_order li{width:calc(25% - 4rem);}
.usability_perfor_page .test_order li:nth-child(6n){margin-right:4rem;}
.usability_perfor_page .test_order li:nth-child(4n){margin-right:0;}
.usability_perfor_page .test_order li:nth-child(6)::after{display:block;}
.usability_perfor_page .test_order li:nth-child(4n)::after{display:none;}

/*교육훈련프로그램 안내*/
.edu_info_page .test_con .test_box .l_side{width:20%}
.edu_info_page .test_con .test_box .r_side{width:80%}

.edu_info_page .cont_box01 .box01_list{width:calc(100% - 20rem)}
.edu_info_page .cont_box02 .circle,.edu_info_page .cont_box01 .circle{width:20rem;height:20rem}

}

@media (max-width:1024px){
/*인사말*/
.about_page .txt_box_area{display:block}
.about_page .tit{width:100%;text-align:center}
.about_page .txt_box{width:100%;padding:0;text-align:center}
.about_page .txt_box .box_tit br{display:none}
.about_page .txt_box .txt br{display:none}
	
/*사이트맵*/
#site_map_area .site_map{width:calc(50% - 1rem);}
.business_page .service_wrap > li{padding:3rem 2rem;}
.business_page .service_wrap > li .txt_wrap{margin-left:3rem;}

/*오시는길*/
.location_page .loc_tab li{padding:1rem;word-break:keep-all}
.location_page .new_map_info .map_area{width:100%;margin-bottom:2rem}
.location_page .new_map_info .info_cont{width:100%;padding:0}

/*조직도*/
.organization_page ul li.departments ul li.part img{display:block;margin:0 auto 1rem}

/* BI 소개 */

.bi_info{margin-top:0; padding-bottom:2rem; display: block;}
.bi_img{width: 100%;}
.bi_img img{height: 100%;}
.bi_info_box{width: 100%;}
.tag_list{width: 100%; margin-top: 4.5rem;}
.tag_list li{line-height: 4.5rem; background-color: #3C60AC; border-radius: 6rem; color: #fff; text-align: center; font-size: 2.2rem; font-weight: 500;}
.info_text p{font-size: 1.6rem; color: #333333; line-height: 1.5;}


/*페이지 리스트 공통*/
.common_page .test_con .test_box{padding:5rem;}
.common_page .test_con_inbox .test_box{padding:5rem 2rem;}
.common_page .test_con_inbox .test_box .l_side{width:25%;}
.common_page .test_con_inbox .test_box .r_side{width:75%;}
.common_page .test_con_inbox .test_box .r_side .innner_box{padding:3rem;}

/*사용적합성평가 안내*/
.usability_info_page .test_define br{display:block;}
.usability_info_page .img_box_list li{width:49%;margin-bottom:2%}
.usability_info_page .img_box_list li:nth-child(3){margin-left:0}

/*사용적합성평가 신청*/
.usability_perfor_page .test_order{padding:0 3rem 3rem;}
.usability_perfor_page .test_order li{width:calc(25% - 3rem);margin:3rem 3rem 0 0;}
.usability_perfor_page .test_order li:nth-child(6n){margin-right:3rem;}
.usability_perfor_page .test_order li::after{right:-1.6rem;}

/*교육훈련프로그램 안내*/
.edu_info_page .test_con .test_box{display:block}
.edu_info_page .test_con .test_box .l_side{width:100%;margin-bottom:2rem}
.edu_info_page .test_con .test_box .r_side{width:100%}
.edu_info_page .step_cont_list > li{padding:2rem}

.usability_info_page .new_cont_list{padding:3rem 2rem}
.usability_info_page .new_cont_list li .img_box{border:0;padding:0}

/*사용적합성평가 신청 - 콘텐츠*/
#page_area .new_list_cont .cont_list{width:32%}
#page_area .new_list_cont .cont_list:nth-child(4n){margin-right:1%}
#page_area .new_list_cont .cont_list:nth-child(3n){margin-right:0}



/*관련사이트*/
.family_site .site_list li{width:32%}
.family_site .site_list li:nth-child(4n){margin-right:2%}
.family_site .site_list li:nth-child(3n){margin-right:0}


/* 교육훈련 프로그램 일정표 */
.date-cell {min-height: 130px;}
.current-month {font-size: 20px;}
}



@media (max-width:767px){
/*페이지공통*/
#page_area .tit_wrap h2{font-size:3.2rem;}
#page_area .tit_wrap br{display:none;}
#page_area .content_wrap{margin-top:5rem;}
#page_area .content_wrap .page_tit{margin-bottom:3rem;}
#page_area .content_wrap .page_tit .num{font-size:1.8rem;}
#page_area .content_wrap .page_tit .tit{padding-left:2rem;}

/*인사말*/
.about_page .img_box{height:22rem}		
.about_page .tit{font-size:2.5rem}
.about_page .txt_box_area{padding:5rem 0 0}

/*사업개요*/
.business_page .business_wrap > li{padding:5rem 3rem;flex-wrap:wrap;}
.business_page .business_wrap > li::after{width:70rem;height:70rem;background:url('/company/img/business_bg_img_mo.png') no-repeat center/cover;top:0;bottom:auto;}
.business_page .business_wrap > li .img_wrap{width:100%;}
.business_page .business_wrap > li .img_wrap .img_box{width:16rem;height:16rem;}
.business_page .business_wrap > li .img_wrap .img_txt{margin-top:3rem;}
.business_page .business_wrap > li .busi_txt_wrap{width:100%;margin-top:1rem;}
.business_page .business_wrap > li .busi_txt_wrap li .busi_txt br{display:none;}

.new_business_page .v_txt{padding:3rem 2rem}

.new_business_page .strategy{padding:3rem 2rem}
.new_business_page .strategy .box_area{display:block}
.new_business_page .strategy .box_area li{width:100%;border:2px solid #0858a3;padding:3rem 2rem}
.new_business_page .strategy .box_area li + li{margin-top:2rem}

.new_business_page .strategy .circle{max-width:26rem;width:100%;margin:-1rem auto;padding-bottom:26rem;border-radius:26rem}

/*통합지원서비스*/
.service_page .b_tit{font-size:2.3rem}
.service_page .cont_wrap .b_tit2{font-size:2rem}
.service_page .cont_wrap .bs_cont li{width:100%}
.service_page .cont_wrap .bs_cont li + li{margin:2rem 0 0}

.service_page .bs_cont2{display:block}
.service_page .bs_cont2 > li{width:100%;padding:3rem 2rem}
.service_page .bs_cont2 > li + li{margin:2rem 0 0}

.down_list li{width: 100%; margin-bottom: 3rem;}

/*오시는길*/
.location_page .new_map_info .info_cont .info_list li .li_cont.li_cont_subway{width:100%;margin-top:2rem}

/*조직도*/
.organization_page .chart_wrap{width:55rem;max-width:100%;margin:0 auto;}
.organization_page ul li{padding:1rem;}
.organization_page ul li.director{max-width:19rem;height:5rem;line-height:5rem;}
.organization_page ul li.director.director_big{padding:2rem 1rem}

.organization_page ul li.inspection ul.ins_wrap{width:100%;} 
 
/* .organization_page ul li.inspection ul.ins_wrap li.director{width:calc(100% / 2 - 2% / 2) + 4rem); min-width:10rem;} */
/* 오류 발생으로 인한 수정 처리 */
.organization_page ul li.inspection ul.ins_wrap li.director{width: calc((100% / 2) - (2% / 2) + 4rem); min-width:10rem;}
.organization_page ul li.departments{justify-content:space-between;flex-wrap:wrap;} 
.organization_page ul li.departments::after{width:52%}
.organization_page ul li.departments ul{max-width:48%;margin-right:2%} 
.organization_page ul li.departments ul:nth-child(2n){margin-right:0;}
.organization_page ul li.departments ul:nth-child(n+3)::after{height:200%;}
.organization_page ul li.departments ul li{margin-bottom:0.8rem;font-size:1.6rem;}
.organization_page ul li.departments ul li.part::after{content:'';width:1px;height:1rem;background:#aaa;position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);} 

.organization_page ul li.director.bc img, .organization_page ul li.departments ul li.part img{width:3.3rem;height:auto}

/*조직도 - 센터박스*/
.organization_page ul .center_box .center_info{padding:1rem}

/*페이지 리스트 공통*/
.common_page .test_con .test_box{display:block;padding:5rem 2rem;}
.common_page .test_con .test_box .l_side{width:100%;margin-bottom:1.5rem;}
.common_page .test_con .test_box .l_side h4 br{display:none}
.common_page .test_con .test_box .r_side{width:100%;}

/*사용적합성평가 안내*/
.usability_info_page .test_define br{display:none;}
.usability_info_page .new_cont_list{padding:0;border:0}

/*사용적합성평가 신청*/
.usability_perfor_page .test_order{padding:0 0 3rem;}
.usability_perfor_page .test_order li{width:calc(33.3333% - 3rem);}
.usability_perfor_page .test_order li:nth-child(4n){margin-right:3rem;}
.usability_perfor_page .test_order li:nth-child(3n){margin-right:0;}
.usability_perfor_page .test_order li:nth-child(4n)::after{display:block;}
.usability_perfor_page .test_order li:nth-child(3n)::after{display:none;}

/*사용적합성평가 신청 - 콘텐츠*/
#page_area .new_list_cont .cont_list{width:49.5%}
#page_area .new_list_cont .cont_list:nth-child(3n){margin-right:1%}
#page_area .new_list_cont .cont_list:nth-child(2n){margin-right:0}

.usability_perfor_page .page_btn_area{display:block}
.usability_perfor_page .page_btn_area .list_btn{width:100%;margin:0 auto}
.usability_perfor_page .page_btn_area .list_btn3{margin-top:1rem;}

/*교육훈련프로그램 안내*/

.edu_info_page .cont_box{padding:2rem}
.edu_info_page .cont_box01{justify-content:center}
.edu_info_page .cont_box01 .box01_list{width:100%;padding:0 0 5rem;margin-bottom:2rem}
.edu_info_page .cont_box01 .box01_list:before{right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%) rotate(90deg)}
.edu_info_page .cont_box01 .box01_list li{text-align:center;justify-content:center}
.edu_info_page .cont_box01 .box01_list li .txt{width:100%;margin-top:1rem;padding-left:0;}

.edu_info_page .cont_box02 .box02_list{width:100%;position:relative}
.edu_info_page .cont_box02 .box02_list li:before{left:50%;top:auto;bottom:-.3rem;transform:translateX(-50%)}
.edu_info_page .cont_box02 .list_left li:before{right:auto}
.edu_info_page .cont_box02 .list_right li:before{left:50%;bottom:auto;top:-.3rem}
.edu_info_page .cont_box02 .box02_list li:after{display:none}

.edu_info_page .cont_box02 .box02_list:before{content:'';width:1px;height:5rem;background:#ddd;position:absolute;left:50%;bottom:-5rem;transform:translateX(-50%)}
.edu_info_page .cont_box02 .list_right:before{bottom:auto;top:-5rem}
.edu_info_page .cont_box02 .circle{margin:3rem auto}

.edu_info_page .cont_box03{display:block}
.edu_info_page .cont_box03 .circle{margin:0 auto}
.edu_info_page .cont_box03 .circle2{margin-top:5rem}
.edu_info_page .cont_box03 .circle2:before {left:50%;top:-4.5rem;transform: translateX(-50%) rotate(-90deg);}

.edu_info_page .cont_box04{display:block}
.edu_info_page .cont_box04 .img_box{max-width:35rem;width:100%;margin:0 auto 2rem}
.edu_info_page .cont_box04 .box04_list{width:100%;padding:0}


/*관련사이트*/
.family_site .site_list li{width:49%;margin:0 2% 2rem 0}
.family_site .site_list li:nth-child(3n){margin-right:2%}
.family_site .site_list li:nth-child(2n){margin-right:0}
.family_site .site_list li .img_box img{max-width:18rem;width:80%}
}

@media (max-width:480px){
/*페이지공통*/
#page_area .tit_wrap{margin-bottom:3rem;}
#page_area .tit_wrap h2{font-size:3rem;}
#page_area .content_wrap .page_tit{min-height:5rem;}
#page_area .content_wrap .page_tit .num{width:5rem;font-size:1.6rem;}
#page_area .content_wrap .page_tit .tit{width:calc(100% - 5rem)}

/*인사말*/
.about_page .img_box{height:15rem}	
.about_page .txt_box_area{width:clac(100% - 4rem);margin:-3rem auto 0}

/*사이트맵*/
#site_map_area .site_map{width:100%;}

/*사업개요*/
.business_page .business_wrap > li{padding:3rem 2rem;}
.business_page .business_wrap > li::after{width:50rem;height:50rem;}
.business_page .business_wrap > li .img_wrap .img_box{width:14rem;height:14rem}
.business_page .business_wrap > li .busi_txt_wrap li {text-align: center;}
.business_page .business_wrap > li .busi_txt_wrap li .txt_box{margin:0 auto 1rem;}
.business_page .business_wrap > li .busi_txt_wrap li .busi_txt{padding-left:0;}
.business_page .business_wrap > li .busi_txt_wrap li .busi_txt::after{display:none;}
.business_page .business_wrap > li .busi_txt_wrap li .busi_bold br{display:block;}

/*오시는길*/
.location_page .new_map_info .info_cont .info_list li .li_cont p .subway_txt{width:100%;margin-top:.5rem;padding:0}

/*페이지 리스트 공통*/
.common_page .test_con .test_box{padding:4rem 2rem;}
.common_page .test_con .test_box .l_side{text-align:center;}
.common_page .test_con .test_box .l_side h4{margin-bottom:0;padding:1.5rem 0 0}
.common_page .test_con .test_box .l_side h4::after{top:0;left:calc(50% - 5px);transform:translateX(-50%);}
.common_page .test_con .test_box .l_side h4::before{top:0;left:calc(50% + 5px);transform:translateX(-50%);}

.common_page .test_con_inbox .test_box .r_side .innner_box{padding:3rem 1.5rem;}
.common_page .test_con_inbox .test_box .r_side .innner_box li.li_top{margin-bottom:1.5rem;padding:0 0 1.5rem 0;text-align:center}
.common_page .test_con_inbox .test_box .r_side .innner_box li.li_top br{display:block;}
.common_page .test_con_inbox .test_box .r_side .innner_box li.li_top::after{display:block;width:3rem;top:auto;bottom:0;left:50%;transform:translateX(-50%);}
.common_page .test_con_inbox .test_box .r_side .innner_box li span{display:block;}

/*조직도*/
.organization_page ul li.departments{display:block}
.organization_page ul li.departments ul{display:block;max-width:28rem;margin:0 auto}
.organization_page ul li.departments ul:nth-child(2n){margin:3rem auto 0}
.organization_page ul li.departments ul:last-child{margin:3rem auto 0}
.organization_page ul li.departments ul li.part{height:auto}



/*사용적합성평가 안내*/
.usability_info_page .test_define{padding:3rem 2rem;}
.usability_info_page .test_con .test_box .table_chart{overflow-x:auto;white-space:nowrap;}
.usability_info_page .test_con .test_box .table_chart table{min-width:48rem;}
.usability_info_page .test_con .test_box .table_chart .scroll_box{display:block;}

.usability_info_page .img_box_list li{width:100%;margin:0 0 2rem}
.usability_info_page .img_box_list li + li{margin-left:0}

/*사용적합성평가 신청*/
.usability_perfor_page .test_order{padding:0;border:0;}
.usability_perfor_page .test_order li{width:calc(50% - 1rem);margin:2rem 2rem 0 0;}
.usability_perfor_page .test_order li:nth-child(3n){margin-right:2rem;}
.usability_perfor_page .test_order li:nth-child(2n){margin-right:0;}
.usability_perfor_page .test_order li::after{right:-1.1rem;}
.usability_perfor_page .test_order li:nth-child(3n)::after{display:block;}
.usability_perfor_page .test_order li:nth-child(2n)::after{display:none;}

/*사용적합성평가 신청 - 콘텐츠*/
#page_area .new_list_cont .cont_list{width:100%;margin-bottom:1rem}
#page_area .new_list_cont .cont_list:nth-child(3n){margin-right:0}
#page_area .new_list_cont .cont_list:last-child{margin-bottom:0}

/*교육훈련 및 핸즈온 안내*/
.edu_info_page .test_con_inbox .test_box .inner_txt{text-align:center;}
}
@media (max-width:320px){
/*페이지공통*/
#page_area .tit_wrap h2{font-size:2.8rem;}
#page_area .content_wrap .page_tit .num{font-size:1.5rem;}

/*사업개요*/
.business_page .business_wrap > li{padding:3rem 1.5rem;}

/*오시는길*/
.location_page .map_info li{padding:2rem 0rem;}
/*오시는길 하단공통*/
.location_page .map_transport{padding:3rem 0;}
.location_page .map_transport .txt_deco0{margin:0 0 1rem 0;}

/*페이지 리스트 공통*/
.common_page .test_con .test_box{padding:3rem 1.5rem;}
.common_page .test_con .test_box .l_side{margin-bottom:2rem;}
.common_page .test_con_inbox .test_box .r_side .innner_box li.li_top br{display:none;}

/*사용적합성평가 안내*/
.usability_info_page .test_define{padding:3rem 1.5rem;}

/*사용적합성평가 신청*/
.usability_perfor_page .list_btn{font-size:1.6rem;padding-left:2rem;}
}