.mobile {display:none !important}
.tablet {display:none !important}
/****************************************header****************************************/
header .header_box{width:100%;display: flex;min-height: 108px;align-items: center;}
header .header_box *{ transition: 0.3s}
header .header_box h1{width: 16vw;text-align: right;}
header .header_box h1 a{display:block;}
header .header_box .nav{ width: calc(100% - 16vw - 320px); }
header .header_box .nav:hover .gnb li a{min-width: 145px;}
header .header_box .nav .gnb{display: flex;justify-content: center;}
header .header_box .nav .gnb li{    text-align: center;}
header .header_box .nav .gnb li a{display:block;font-size: 20px;font-weight: 600;padding: 0px 15px;min-width: 130px; }
header .header_box .nav .gnb li a:hover{color: var(--color-point);}
header .header_box .site_go{width: 320px;}
header .header_box .site_go ul{display:flex;gap:10px;}
header .header_box .site_go ul li{}
header .header_box .site_go ul li a{font-size: 16px;padding: 5px 15px;color:var(--color-point);border: 1px solid var(--color-point);border-radius: 30px;display: block;font-weight:500}
header .header_box .site_go ul li a.edu{color:var(--color-sub);border: 1px solid var(--color-sub)}
header .header_box .site_go ul li a:hover{color:#fff;background:var(--color-point);border: 1px solid var(--color-point);text-align:center}
header .header_box .site_go ul li a:hover.edu{color:#fff;background:var(--color-sub);border: 1px solid var(--color-sub)}
header .header_box .site_go ul li a em {display:inline-block;width:12px;height:12px;background:url(/images/arr_g2.png) no-repeat;}
header .header_box .site_go ul li a.edu em {background:url(/images/arr_g.png) no-repeat;}
header .header_box .site_go ul li a:hover em {background:url(/images/arr_w.png) no-repeat;}
header .all_menu {display:none}

/****************************************topbg****************************************/

.topbg{max-width:1200px;margin:0 auto;padding:25px 0px;position: relative;}
.topbg span{display:block;font-size: 23px;font-weight: 700;	}
.topbg span:before{width:18px;height: 6px;background: var(--color-point);display:block;content:'';margin-bottom:2px;}
.topbg h2{font-size: 75px;font-weight: 800;display: inline-block;margin-right:25px;}
.topbg h3{color:#7b7b7b; display: inline-block;font-weight: 500;font-size: 20px; line-height: 2.5;}
.topbg .sub_nav{padding: 35px 0 10px 0;}
.topbg .sub_nav ul{}
.topbg .sub_nav ul:after{display:block;content:'';clear:both}
.topbg .sub_nav ul li{float: left;}
.topbg .sub_nav ul li a{font-size:27px;font-weight: 600;padding-right:45px;display:inline-block;}
.topbg .sub_nav ul li a.on{color:var(--color-point);}
.topbg .sub_nav ul li a.on:after{display:inline-block;content:'';width:8px;height: 8px;background:var(--color-point);border-radius: 50%;margin-left: 5px;}
.topbg h4{width: 60px;height: 60px;position: absolute;right: 5%;bottom: 30px;cursor: pointer;}

.topbg_img{position: relative;min-height: 300px;}
.topbg_img .topbg_txt{position: absolute;bottom: 0%;left: 5%;transform: translate(0%, -25%);}
.topbg_img .topbg_txt span{display:block;color: rgb(255 255 255 / 50%);}
.topbg_img .topbg_txt .small_txt{font-size: 24px;font-weight:400}
.topbg_img .topbg_txt .big_txt{font-size: 38px;font-weight:700}

.topbg .location{text-align: right;}
.topbg .location a{font-size: 16px;}
.topbg .location i{color:#ccced6;padding: 0px 7px;}
.topbg .location .home, .topbg .location .page_2{color:#ccced6;}



/****************************************인증심사****************************************/
.content_wrap{max-width:1200px;margin:0 auto;}
.content_wrap .sub_tit{font-size: 50px;font-weight: 800;text-align:center;padding: 55px 0;}
.content_wrap .sub_box{padding-bottom:140px;}
.content_wrap .sub_box .sub_more_tit{font-size: 35px;padding-bottom:30px;display:block;}
.content_wrap .sub_box .mark_wrap{display:flex;gap:20px;}
.content_wrap .sub_box .mark_wrap .mark_img{width: 320px;}
.content_wrap .sub_box .mark_wrap .mark_txt{width: calc(100% - 340px);}
.content_wrap .sub_box .mark_wrap .mark_txt span{font-size: 28px;font-weight: 600;    display: block;padding: 15px 0 5px;}
.content_wrap .sub_box .mark_wrap .mark_txt p{font-size: 20px;letter-spacing: -0.3px;line-height: 31px;}

.content_wrap .sub_box ul{}
.content_wrap .sub_box ul .system_box{background: #f6fdf1;padding:32px;margin-bottom:35px;}
.content_wrap .sub_box ul .system_box:last-child{margin-bottom:0px;}
.content_wrap .sub_box ul .system_box strong{font-size: 22px;color:var(--color-point);padding-bottom:15px;display:block;}
.content_wrap .sub_box ul .system_box p{font-size: 18px;line-height: 28px;}

.dob_special{background:url(/images/special.jpg) no-repeat;background-size: cover;min-height: 800px;}
.dob_special .content_wrap{padding: 7vw 0; display: flex;flex-direction: column;align-items: center;}
.dob_special .content_wrap .special_tit{color:#fff;font-size:75px;display:inline-block;position: relative;padding-bottom:20px;}
.dob_special .content_wrap .special_tit .special_img{display:block;position: absolute;right: 0px;top: -70px;}
.dob_special .content_wrap .special_txt{font-size: 23px;font-weight: 200;display:block;color:#e7e7e7;text-align:center;line-height: 36px;}

.dob_special .content_wrap .special_step{ padding-top:70px;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;margin-left: 60px;}
.dob_special .content_wrap .special_step li{margin-left: -30px; }
.dob_special .content_wrap .special_step li .step_box{width:265px;height: 265px;border: 1px solid rgb(243 243 243 / 50%);border-radius: 100%;display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center;align-items: center;color:#fff;padding-top:50px;}
.dob_special .content_wrap .special_step li:last-child .step_box{border:none;background: rgb(85 191 18 / 50%);}
.dob_special .content_wrap .special_step li .step_box .num{display:block;font-size:25px;font-weight: 600;letter-spacing: -0.5px;}
.dob_special .content_wrap .special_step li .step_box .num:after{content:'';display:block;background: #fff;width:1px;height: 17px;margin:15px auto;}
.dob_special .content_wrap .special_step li .step_box strong{font-size:23px;line-height: 34px;font-weight: 500;letter-spacing: -0.5px;}
.dob_special .content_wrap .special_step li .step_box strong .color_line{display:block;color:#59d011;font-weight: 700;}
.dob_special .content_wrap .special_step li .step_box .clap{display:block;}

.benefit{background:#fbfbfb;padding-top:140px;}
.benefit .content_wrap .sub_box .benefit_mtxt{font-size: 35px;display:block;padding-bottom:3px}
.benefit .content_wrap .sub_box .benefit_stxt{font-size: 20px;font-weight:300;}

.benefit .content_wrap .sub_box .benefit_box{padding-top:30px;margin-left: -40px;}
.benefit .content_wrap .sub_box .benefit_box li{width:calc(100% / 3);float:left;}
.benefit .content_wrap .sub_box .benefit_box:after{content:'';clear:both;display:block;}
.benefit .content_wrap .sub_box .benefit_box li .step_box{letter-spacing: -0.5px;margin-left: 40px;}
.benefit .content_wrap .sub_box .benefit_box li .step_box .benefit_line{font-size:19px; color:var(--color-point);font-weight: 600;display:block;margin-bottom:5px;}
.benefit .content_wrap .sub_box .benefit_box li .step_box .benefit_tit{font-size: 24px;font-weight: 700;margin-bottom:15px;display:block;}
.benefit .content_wrap .sub_box .benefit_box li .step_box p{font-size: 18px;color:#646464;font-weight: 400;}
.benefit .content_wrap .sub_box .benefit_box li .step_box .benefit_txt1{margin-bottom:10px;}
.benefit .content_wrap .sub_box .benefit_box li .step_box .benefit_txt2{line-height: 31px;}




/****************************************환경연구****************************************/
.content_wrap.research  .sub_box {padding-bottom:110px;}
.research{font-size: 20px;}
.research .sub_more_txt{padding-bottom: 60px;}
.research .research_form{display:flex; justify-content:space-around; gap:; height:; border-top:1px solid #d8d8d8; margin-bottom:30px;}
.research .research_form li{padding:30px; position: relative; width: calc(100% / 3);  flex-shrink:0}
.research .research_form li:before{display:block; content:" ";position: absolute; width:40px; height:40px; border-radius:50%; background:#e0e0e0; top:-20px; left:-20px; }
.research .research_form li .form_tit{display:block; font-size:24px; padding-bottom:15px;}

.research .research_field{display:flex; align-items:center; padding-left:40px;}
.research .research_field .left_icon{width: 150px; height:150px; border-radius: 50%; background:#f5f5f5; margin-right:40px;}
.research .research_field .left_icon img{display:block; width:65px; margin:0 auto; padding-top:40px;}
.research .research_field .right_list{display:flex; flex-wrap:wrap;font-size:24px; row-gap:20px; padding-left:40px; position: relative;}
.research .research_field .right_list:before{display:block; content:" ";position: absolute; width:1px; height:108px; background:#d8d8d8; position: absolute; left:0px; top:-10px;}
.research .research_field .right_list li{width: calc(100% / 3);  flex-shrink:0}
.research .research_field .right_list strong{color: var(--color-point); margin-right:10px;}

.research .research_vision{display:flex; flex-wrap:wrap; gap:25px; row-gap:40px;}
.research .research_vision .vision_box{width: calc(100% / 2.1);}
.research .research_vision .vision_box .imgbox{overflow:hidden; width:100%; height:190px; position: relative; border-top-left-radius: 35px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; margin-bottom:15px;}
.research .research_vision .vision_box img{width:100%;}
.research .research_vision .vision_box .dim{ background-color:rgba(0, 0, 0, 0.3); position: absolute; width:100%; height:100%; z-index:2}

.research .research_vision .vision_box strong{display:inline-block; font-size:24px; margin-left:20px; margin-bottom:10px; position: relative;}
.research .research_vision .vision_box strong:before{content: '';display: block; background-color: #dceabe; position: absolute;lefT: 0px;bottom: 5px;width: 100%; height: 10px;z-index: -1;}
.research .research_vision .vision_box .txt{padding:0 20px;}


/****************************************인사말****************************************/
.intro_wrap{display:flex;    justify-content: space-between;}
.intro_wrap .intro_left{position: relative;}
.intro_wrap .intro_left .intro_tit{font-size: 35px;padding-bottom: 30px;display:block;}
.intro_wrap .intro_left .intro_tit .color_intro{color:var(--color-point)}
.intro_wrap .intro_left .intro_txt{font-size: 20px;}
.intro_wrap .intro_left .sign_img{position: absolute;	right:0px;bottom:-25px}


/****************************************찾아오시는 길****************************************/
.map_box{display:flex;}
.map_box .map_txt{width: calc(100% - 600px);padding:80px 0}
.map_box .map_txt strong{color:var(--color-point);font-size: 50px;margin-bottom: 50px;display:block;}
.map_box .map_txt ul{    margin-bottom: 75px;}
.map_box .map_txt ul li{font-size: 24px;margin-bottom: 15px;}
.map_box .map_txt ul li span{font-weight: 700;margin-right:15px;}
.map_box .map_txt ul li p{display:inline-block;}
.map_box .map_txt a{display:inline-block;border:1px solid var(--color-point);color:var(--color-point);font-size: 22px;    padding: 20px 80px;}
.map_box .map_txt a:hover{background:var(--color-point) ;color:#Fff;}
.map_box .map{width: 600px;}
.root_daum_roughmap.root_daum_roughmap_landing{width:100%}
.wrap_map {height: 500px;}


/****************************************공지사항****************************************/
.notice_total{font-size:20px;}
.notice_total .total_num{color:var(--color-point)}
.notice_box{margin-top:30px;border-top: 1px solid #212121;}
.notice_box .notice_line{border: 1px solid transparent;border-bottom: 1px solid #DCDCDC;}
.notice_box .notice_line:hover{border:1px solid var(--color-point);background: #f9fbf4;}
.notice_box .notice_line a{display:block;display: flex;padding: 48px 35px;font-size: 18px;line-height: 20px;color: #666; }
.notice_box .notice_line a .notice_num{width: 45px;display:block;}
.notice_box .notice_line a .notice_name{width:calc(100% - 200px - 45px);color: #000;text-overflow: ellipsis; display: block; overflow: hidden;word-break: break-word;   display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice_box .notice_line a .notice_day{width: 200px;text-align: right;    font-weight: 300;display:block;}
.sub_box .quotes{overflow: hidden;clear: both;margin: 0 auto;padding-top: 40px;display: flex;justify-content: center; gap: 5px;align-items: center;}
.sub_box .quotes .current{margin: 0 8px;font-size: 15px;cursor: pointer;}
.sub_box .quotes span{display:block;line-height: 26px;height: 26px;}
.sub_box .quotes  img{opacity:0.4}
.sub_box .quotes .num{font-size: 15px;color:#999;margin: 0 8px;}
.sub_box .quotes .num:hover{color:#333;}
.sub_box .quotes a{display:block;}
/****************************************공지사항 view****************************************/
.go_view1{font-size: 18px;}
.go_view1 i{font-size: 18px;background: #eee;border-radius: 50%;margin-right: 15px;padding: 6px;}
.notice_viwe_box{}
.notice_viwe_box .view_tit{padding: 60px 0;text-align: center;}
.notice_viwe_box .view_tit h5{font-size: 40px;    padding-bottom: 8px;}
.notice_viwe_box .view_tit span{color: #666;        font-size: 18px;font-weight: 600;}
.notice_viwe_box .view_wrap{padding: 60px 20px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;font-size: 18px;}
.notice_viwe_box .view_arrow{margin-bottom:60px;}
.notice_viwe_box .view_arrow li{ font-size: 16px;}
.notice_viwe_box .view_arrow li:hover{background: #f9fbf4;}
.notice_viwe_box .view_arrow li .view_box{padding: 0 10px;display: flex; flex-wrap: nowrap; align-items: center; height: 80px;border-bottom: 1px solid #e5e5e5;}
.notice_viwe_box .view_arrow li .view_box span{width: 55px;}
.notice_viwe_box .view_arrow li .view_box i{font-size: 20px;width: 20px;text-align: center;}
.notice_viwe_box .view_arrow li .view_box p{padding-left: 50px;text-overflow: ellipsis;  display: block;overflow: hidden;word-break: break-word;      display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;width:calc(100% - 85px)}
.go_view2{display:block;width: 200px; padding: 15px; border: 1px solid #e5e5e5; text-align: center; font-size: 16px; font-weight: bold;border-radius: 30px;   margin: 0 auto; color: #111;}

.notice_viwe_box .file {background-color: #F9F9F9 !important;}
.notice_viwe_box .file li{display:block; padding: 10px 15px;}
.notice_viwe_box .file a{display:inline-block;font-size:16px;padding:5px 0;background:url(/images/download2.png) left center no-repeat;padding-left:35px}

/****************************************파트너라운지***************************************/
/*.content_wrap.partner .sub_tit{padding: 30px 0 20px;}
.partner .sub_box {border: 1px solid #ddd; border-radius:15px; margin:0 auto 50px; max-width:500px;max-height: 500px}
.partner .sub_box .sub_txt{font-size:20px; text-align:center; margin:}
.partner .sub_box .sub_txt strong{color:var(--color-point)}
.partner .sub_box .login_box{max-width:425px; margin:0 auto;}
.partner .sub_box .login_box .leftbox{padding-top:30px; margin-bottom:30px;}
.partner .sub_box .login_box .leftbox .input-wrapper { position: relative;margin-bottom: 10px;}
.partner .sub_box .login_box .leftbox .input-wrapper input {width: 100%; padding: 30px 20px 15px;border-radius: 8px;  border: 1px solid #ccc;font-size: 16px; transition: padding 0.3s ease;}
.partner .sub_box .login_box .leftbox .input-wrapper label {position: absolute;left: 20px;top:23px; transition: all 0.2s ease; font-size: 16px; color: #aaa; pointer-events: none;}
.partner .sub_box .login_box .leftbox .input-wrapper input:focus{border: 2px solid var(--color-point);}
.partner .sub_box .login_box .leftbox .input-wrapper input:focus + label, .input-wrapper input:not(:placeholder-shown) + label { top:10px; left: 20px; font-size: 12px; color:#999;}
.partner .sub_box .login_box .leftbox .input-wrapper input:not(:placeholder-shown) + label { top: 10px;left: 20px;font-size: 12px;color: #999;}

.partner .sub_box .login_box .login_btn{width:100%; text-align:center; display:block; height:60px; line-height:60px; background-color:var(--color-point); border-radius:8px; color:#fff; font-weight:bold; font-size:18px;}
**/

.partner_box{display:flex;}
.partner_box .left_box{ width: 45%;}
.partner_box .left_box strong{font-size: 68px;letter-spacing: -1.5px;font-weight: 800;display: block;}
.partner_box .right_box{ width: 55%;margin-top: 20px;}
.partner_box .right_box span{font-size: 18px;line-height: 35px;}
.partner_box .right_box .login_box{margin-top:30px;display:flex;gap: 15px;}
.partner_box .right_box .login_box input{width:100%;border: none;border-bottom: 2px solid #000;min-height: 45px;}
.partner_box .right_box .login_box input:focus{border-bottom: 2px solid var(--color-point);}
.partner_box .right_box .login_box input::placeholder{font-size: 16px;}
.partner_box .right_box .login_box a{display:block;border:1px solid var(--color-point);width: 50px;height: 50px;border-radius: 50%;color: var(--color-point);}
.partner_box .right_box .login_box a:hover{background:var(--color-point);color: #fff;}
.partner_box .right_box .login_box a i{;font-size: 20px;text-align: center;display: block;line-height: 50px;}


/****************************************국내실적***************************************/
.sale_wrap{display: flex; max-height: 350px;}
.sale_wrap .left_box{width:50%}
.sale_wrap .left_box img{}
.sale_wrap .right_box{width:50%;    padding: 50px 0px 50px 50px;}
.sale_wrap .right_box span{display:block;}
.sale_wrap .right_box .sale_imp{font-size: 18px;color:var(--color-point);margin-bottom: 25px;}
.sale_wrap .right_box .sale_imp:after{display:inline-block;content:'';width: 130px; height: 1px;background: var(--color-point);margin-bottom: 4px;margin-left: 10px;}
.sale_wrap .right_box .sale_tit{font-size: 25px;line-height: 36px; margin-bottom: 18px;}
.sale_wrap .right_box .sale_tit strong{}
.sale_wrap .right_box .sale_txt{font-size: 20px;    margin-bottom: 10px;}
.sale_wrap .right_box .sale_email{font-size: 18px;}
.sale_wrap .right_box .sale_email i{margin-right:5px;vertical-align: middle;}