@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:keep-all;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_page .business_wrap{}
.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}

/*오시는길*/
.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{}
.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%;margin-top:4rem;margin-right:2%;display:flex;gap:2rem;flex-direction:row;align-items:unset;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%);background:#aaa;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:-1;}
.organization_page ul li.departments ul li{width:calc(33.3333% - 1rem);max-width:29rem;position:relative;background:#fff;overflow:unset;}
.organization_page ul li.departments ul li:after{content:'';display:block;width:1px;height:4rem;background:#aaa;position:absolute;left:50%;top:-4rem;transform:translateX(-50%);z-index:-1;}
.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 li.departments ul li .inner{height:100%;border-radius:1rem;overflow:hidden;}

/*센터박스*/
.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}

/*조직도 끝*/







/*페이지 리스트 공통*/
.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{}
.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}


/*사업개요*/
.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{}
.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}

/*페이지 리스트 공통*/
.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}
}
@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}

/*오시는길*/
.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.departments{justify-content:space-between;flex-wrap:wrap;} 
.organization_page ul li.departments::after{width:52%}
.organization_page ul li.departments ul:after{display:none;}
.organization_page ul li.departments ul {flex-wrap:wrap; gap:3rem 2rem;}
.organization_page ul li.departments ul li{width:calc(50% - 1rem); 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{margin:0 auto; flex-dieration:column; justify-content:center; gap:2rem 1.5rem;}
.organization_page ul li.departments ul li.part{height:auto}
.organization_page ul li.departments ul li{width:100%; margin-bottom:0.8rem;font-size:1.6rem;}
.organization_page ul li.departments ul li:after{height:3rem; top:-3rem;}
.organization_page ul li.departments ul li:first-child:after{display:none;}


/*사용적합성평가 안내*/
.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;}
}