.screen {display:none !important}
.mobile {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: 16vw;}
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 .nav  {display:none}
.site_go {display:none}

.all_menu {position:absolute;right:10px;top:10px;display:inline-block;padding:10px;}

/****************************************topbg****************************************/
.topbg{width: 100%;padding: 25px 20px;position: relative;}
.topbg span{display:block;font-size: 20px;font-weight: 700;	}
.topbg span:before{width:18px;height: 6px;background: var(--color-point);display:block;content:'';margin-bottom:2px;}
.topbg h2{font-size: 55px;font-weight: 800;display: inline-block;margin-right:20px;}
.topbg h3{color:#7b7b7b; display: inline-block;font-weight: 500;font-size: 18px;line-height: 1.5;        margin-bottom: 5px;}
.topbg .sub_nav{padding: 25px 0 0px 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:25px;font-weight: 600;padding-right:35px;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: 250px;}
.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: 20px;font-weight:400}
.topbg_img .topbg_txt .big_txt{font-size: 35px;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{width:100%;margin:0 auto;}
.content_wrap .sub_tit{font-size: 40px;font-weight: 800;text-align:center;padding: 40px 0;}
.content_wrap .sub_box{padding: 20px 20px 100px 20px;}
.content_wrap .sub_box .sub_more_tit{font-size: 30px;padding-bottom:20px;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: 22px;font-weight: 600;    display: block;padding:0px 0 5px;}
.content_wrap .sub_box .mark_wrap .mark_txt p{font-size: 16px;letter-spacing: -0.3px;line-height: 27px;}

.content_wrap .sub_box ul{}
.content_wrap .sub_box ul .system_box{background: #f6fdf1;padding:23px;margin-bottom:30px;}
.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: 16px;line-height: 25px;}

.dob_special{background:url(/images/special.jpg) no-repeat;background-size: cover;min-height: 500px;}
.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:45px;display:inline-block;position: relative;padding-bottom:5px;}
.dob_special .content_wrap .special_tit .special_img{display:block;position: absolute;right: 0px;top: -40px;}
.dob_special .content_wrap .special_txt{font-size: 20px;font-weight: 200;display:block;color:#e7e7e7;text-align:center;line-height: 27px;}

.dob_special .content_wrap .special_step{gap: 10px; padding-top:40px;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;flex-flow: row wrap;justify-content: center;}
.dob_special .content_wrap .special_step li{}
.dob_special .content_wrap .special_step li .step_box{width:210px;height: 210px;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:34px;}
.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:20px;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: 12px;margin:15px auto;}
.dob_special .content_wrap .special_step li .step_box strong{font-size:20px;line-height: 27px;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:50px;}
.benefit .content_wrap .sub_box .benefit_mtxt{font-size: 30px;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;}
.benefit .content_wrap .sub_box .benefit_box li{float: left;width: calc(100% / 2);}
.benefit .content_wrap .sub_box .benefit_box:after{display:block;clear:both;content:'';}
.benefit .content_wrap .sub_box .benefit_box li:last-child .step_box{margin-bottom: 0px;}
.benefit .content_wrap .sub_box .benefit_box li .step_box{letter-spacing: -0.5px; margin-right: 20px;margin-bottom: 20px;}
.benefit .content_wrap .sub_box .benefit_box li .step_box .benefit_line{font-size:17px; color:var(--color-point);font-weight: 600;display:block;}
.benefit .content_wrap .sub_box .benefit_box li .step_box .benefit_tit{font-size: 21px;font-weight: 700;margin-bottom:5px;display:block;}
.benefit .content_wrap .sub_box .benefit_box li .step_box p{font-size: 16px;color:#646464;font-weight: 400;}
.benefit .content_wrap .sub_box .benefit_box li .step_box .benefit_txt1{margin-bottom:5px;}
.benefit .content_wrap .sub_box .benefit_box li .step_box .benefit_txt2{line-height: 27px;}


/****************************************인사말****************************************/
.intro_wrap{display:flex;    justify-content: space-between; gap:10px}
.intro_wrap .intro_left{position: relative;}
.intro_wrap .intro_left .intro_tit{font-size: 25px;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: 18px;}
.intro_wrap .intro_left .sign_img{position: absolute;	right:20px;bottom:-60px}


/****************************************찾아오시는 길****************************************/
.map_box{display:flex; gap:10px}
.map_box .map_txt{width: calc(100% - 600px);padding:0 20px}
.map_box .map_txt strong{color:var(--color-point);font-size: 35px;margin-bottom: 30px;display:block;}
.map_box .map_txt ul{    margin-bottom: 75px;}
.map_box .map_txt ul li{font-size: 18px;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: 18px;    padding: 15px 0px; width:100%; text-align:center;}
.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: 400px !important;}

/****************************************공지사항****************************************/
.content_wrap.notice .sub_box{padding:0 20px 100px 20px}
.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: 28px 0px;font-size: 18px;line-height: 20px;color: #666; }
.notice_box .notice_line a .notice_num{width: 45px;display:block;text-align:Center;}
.notice_box .notice_line a .notice_name{width:calc(100% - 110px - 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: 110px;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: 14px;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: 14px;color:#999;margin: 0 8px;}
.sub_box .quotes .num:hover{color:#333;}
.sub_box .quotes a{display:block;}
/****************************************공지사항 view****************************************/
.go_view1{font-size: 16px;}
.go_view1 i{font-size: 18px;background: #eee;border-radius: 50%;margin-right: 15px;padding: 6px;}
.notice_viwe_box{padding: 0 20px;}
.notice_viwe_box .view_tit{padding: 60px 0;text-align: center;}
.notice_viwe_box .view_tit h5{font-size: 30px;    padding-bottom: 8px;}
.notice_viwe_box .view_tit span{color: #666;        font-size: 16px;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;padding:5px 0;background:url(/images/download2.png) left center no-repeat;padding-left:35px}

/****************************************파트너라운지***************************************/
/**.content_wrap.partner .sub_tit{padding:55px 0 20px}
.partner .sub_box {/**border: 1px solid #ddd;**//** border-radius:45px; margin:0 auto 50px; max-width:500px; padding:0px 20px 80px 20px}
.partner .sub_box .sub_txt{font-size:18px; 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:16px;}
**/

.partner_box{display:flex;}
.partner_box .left_box{ width: 45%;}
.partner_box .left_box strong{font-size: 50px;letter-spacing: -1.5px;font-weight: 800;display: block;}
.partner_box .right_box{width:55%}
.partner_box .right_box span{line-height: 30px;font-size: 16px;margin-top: 25px;}
.partner_box .right_box .login_box{margin-top:30px;display:flex;gap: 5px;}
.partner_box .right_box .login_box input{width:90%;border: none;border-bottom: 2px solid #000;min-height: 35px;}
.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: 40px;height: 40px;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{text-align: center;display: block;line-height: 40px;font-size: 18px;}
/****************************************환경연구****************************************/
.content_wrap.research  .sub_box {padding: 20px 20px 50px 20px;}
.research{font-size: 18px;}
.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:15px 15px 0 15px; position: relative; width: calc(100% / 3);  flex-shrink:0}
.research .research_form li:before{display:block; content:" ";position: absolute; width:30px; height:30px; border-radius:50%; background:#e0e0e0; top:-15px; left:0px; }
.research .research_form li .form_tit{display:block; font-size:22px; padding-bottom:15px;}

.research .research_field{display:flex; align-items:center;}
.research .research_field .left_icon{width: 110px; height:110px; border-radius: 50%; background:#f5f5f5; margin-right:23px; flex-shrink:0}
.research .research_field .left_icon img{display:block; width:48px; margin:0 auto; padding-top:32px;}
.research .research_field .right_list{display:flex; flex-wrap:wrap;font-size:22px; row-gap:10px; padding-left:30px; position: relative;}
.research .research_field .right_list:before{display:block; content:" ";position: absolute; width:1px; height:80px; background:#d8d8d8; position: absolute; left:0px; top:-5px;}
.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:5px;}

.research .research_vision{display:flex; flex-wrap:wrap; row-gap:40px; justify-content:space-between;}
.research .research_vision .vision_box{width: calc(100% / 2.04);}
.research .research_vision .vision_box .imgbox{overflow:hidden; width:100%; max-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%; display:block; object-fit:cover;}
.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:22px; 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;}

/****************************************환경연구****************************************/
.sale_wrap{}
.sale_wrap .left_box{display:none;}
.sale_wrap .left_box img{}
.sale_wrap .right_box{padding:40px 50px;background: #f2f2f2;border-radius: 10px;text-align: center;}
.sale_wrap .right_box span{display:block;}
.sale_wrap .right_box .sale_imp{font-size: 16px;color:var(--color-point);margin-bottom: 15px;}
.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: 21px;line-height: 30px; margin-bottom: 15px;}
.sale_wrap .right_box .sale_tit strong{}
.sale_wrap .right_box .sale_txt{font-size: 18px;    margin-bottom: 10px;}
.sale_wrap .right_box .sale_email{font-size: 16px;}
.sale_wrap .right_box .sale_email i{margin-right:5px;vertical-align: middle;}