@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Light.woff) format('woff'),
       url(../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Black.woff) format('woff'),
        url(../fonts/NotoSansKR-Black.otf) format('opentype');
 } 
body {
  font-family: "Noto Sans KR", sans-serif !important;
}
html{background:#FFF;}
*{letter-spacing: -1.5px}
.wp100 {width:100%!important;}
.header--defualt .header__line {width:100%; height:7px; background:#009999;}
.header--defualt .header__logo {margin-top:27px;text-align: center;}
.header--defualt .header__tit {text-align:center;font-size:25px;margin-top:10px;padding-bottom: 20px;}
.header--defualt {width:100%;}

.header--sub .header--sub_top{width:100%;height:50px;background-color:#009999 }
.header--sub .header--sub_top .left {position:absolute;left:15px;top:15px;}
.header--sub .header--sub_top .right {position:absolute;right:15px;top:15px;}
.header--sub .header--sub_top .center{text-align: center;color:#fff;font-size:18px;line-height: 45px;}
.header--sub .header--sub_bottom{width:100%;height:40px;background-color:#ffff }
.header--sub .header--sub_bottom .left{float:left;margin: 10px;margin-left: 15px;}
.header--sub .header--sub_bottom .right{float:right;margin: 10px;margin-right: 15px;}
.header--sub .header--sub_bottom .right span{display:block;float:left;margin-left:10px;}
.header--sub .header--sub_bottom .right span.bar{height:18px;border:1px solid #d7e0e4;}
.header--sub .header--sub_bottom2{width:100%;height:50px;background-color:#009999 }
/*index*/
.contaniner--index {width:100%;height:484px;background: url(../images/bg.png) no-repeat 0 0;background-size: cover;position: relative;}
.content--index {padding:30px;}
.content--index .content__tit {font-size:25px; color:#fff; text-align:center;}
.content--index .company-list {margin-top: 31px;}
.content--index .company-list li {line-height:61px;margin-bottom:10px; width:100%;height:63px;background:#fff;text-align:center;border-radius:10px}
.content--index .company-list li span {font-size:22px;}

/*sub*/
.contaniner--sub0 {width:100%;height:484px;background: #efefef; background-size: cover;position: relative;}
.content--sub0 {padding:30px;}
.content--sub0 .content__tit {font-size:25px; color:#000; text-align:center;}
.content--sub0 .company-list {margin-top: 31px; float:left;width:50%;}
.content--sub0 .company-list li {line-height:61px;margin-bottom:10px; width:calc( 100% - 10px );height:63px;background:#fff;text-align:center;border-radius:10px}
.content--sub0 .company-list li span {font-size:22px;color:#666666;}
.content--sub0 .company-list li.is-active {background:#f99e1a;}
.content--sub0 .company-list li.is-active span{color:#fff;}

/*sub1*/
.contaniner--sub1 {width:100%;height:484px;background: #efefef; background-size: cover;position: relative;}
.content--sub1 {padding:30px;}
.content--sub1 .content__tit .blue-tit{margin-bottom: 16px;display:block;font-size:25px; color:#000; text-align:center; color:#0079c2;}
.content--sub1 .input-list input{width:calc( 100% - 20px );;border:none;height:25px;border-radius:5px;padding:10px;}
.content--sub1 .input-list li{margin-bottom:10px;}
.content--sub1 .certification-tit{font-size:14px;margin-bottom: 10px;}
.content--sub1 .certification-area{overflow: hidden}
.content--sub1 .certification-area li{float:left;}
.content--sub1 .certification-li {width:calc( 80% - 10px );margin-right: 10px;}
.content--sub1 .certification-btn{width:calc( 20%);background:#0079c2;height:45px;border-radius:5px;color:#fff;text-align: center;line-height: 40px;}
.content--sub1 .check-area{overflow: hidden}
.content--sub1 .check-area input{width:14px;}
.content--sub1 .check-area li{float:left;}
.content--sub1 .check-area{overflow: hidden}
.content--sub1 .check-area span{position:relative;top:-6px;left:5px;}
.content--sub1 .check-area li{float:left;}
.content--sub1 .check-li {width:calc( 50%);}
.content--sub1 .btn_area span{color:#fff;line-height: 44px}
.content--sub1 .btn_sub1_0{height:50px;background:#009999;text-align:center;margin-bottom:10px;}
.content--sub1 .btn_sub1_1{height:50px;background:#999999;text-align:center;}

/*sub2*/
.contaniner--sub2 {width:100%;height:484px;background: #efefef; background-size: cover;position: relative;}
.content--sub2 {padding:30px;}
.content--sub2 .content-profile {margin-top:-78px;border-radius:10px; width:calc(100% - 40px)!important;overflow: hidden}
.content--sub2 .content-profile .h_ment {border-bottom:1px solid #009999;margin-bottom:10px;padding-bottom:10px;}
.content--sub2 .content-profile .h_ment span{font-weight: bold;}
.content--sub2 .content-profile .plant {float:left;width:50%;}
.content--sub2 .content-profile .plant-tit{margin-bottom: 7px;color:#999;}
.content--sub2 .content-profile .plant-cont{font-weight:bold}
.content--sub2 .content-profile{width:100%;background-color:#fff;padding:20px;}

.content--sub2 .content-profile-menu {margin-top:20px;overflow:hidden;width:100%;background-color:#fff;padding:20px;border-radius:10px; width:calc(100% - 40px)!important;}
.content--sub2 .content-profile-menu .icon{margin-left:40px;width:30%;}
.content--sub2 .content-profile-menu div{float:left;}
.content--sub2 .content-profile-menu .txt{line-height:36px}
.footer .notice_pop {background-color:#f99e1a;width:100%;height:96px;border-radius:10px;border-bottom-right-radius:0px;border-bottom-left-radius:0px}
.footer .notice_pop .notice_area{width:100px;float:left;text-align: center;margin-top: 21px;}
.footer .notice_pop .notice_area .icon{margin-bottom:3px;}
.footer .notice_pop .notice_area-bar{width:1px;background-color:#f99e1a;height:80%;float:left;}
.footer .notice_pop .notice_area-ment{float:left;width: 70%;
    margin-top: 28px;
}
.footer .notice_pop span{color:#fff;}
/*sub3*/
.contaniner--sub3 {width:100%;height:625px;background: #efefef;}
.content--sub3 {padding:30px;}
.content--sub3 .time_txt{padding-left:27px;margin-top:16px;}
.content--sub3 .time_txt li{border-bottom:1px solid #d7e0e4;margin-bottom:13px;}
.content--sub3 .time_txt .tit{margin-bottom:8px;}
.content--sub3 .time_txt .time{margin-bottom:13px;color:#999999;}
.content--sub3 .time_txt .view-con{position:relative;width:16px;height:16px;background: url(../images/ic_serch.png) no-repeat 0 0;float:right;top:-52px;right: 10px;}
.card {background:#fff; border:1px solid #009999;height:100%;padding:21px 16px; border-radius: 10px;margin-bottom: 20px;}
.card_num {font-size:18px;font-weight: bold;font-size:18px;}
.card_num input{width:18px;height:18px;margin-right:6px;}
.card_num span{position: relative;top:-2px;}
.card.is-no-select{border:1px solid #fff;}
.content--sub3 .page-area {position: relative;}
.content--sub3 .page-area .left {position:absolute;}
.content--sub3 .page-area .left div{float:left;padding-right:10px;}
.content--sub3 .page-area .right {position:absolute;right:0px;top:0px;}
.content--sub3 .page-area .right div{float:left;padding-left:10px;}
.content--sub3 .page-area .center {text-align: center;overflow: hidden;}
.content--sub3 .page-area .center span{display: inline-block;}
.content--sub3 .page-area .center .number{width:30px;height:30px;line-height: 28px;border-radius:5px}
.content--sub3 .page-area .center .is-active {background:#009999;color:#fff;}

/*pop*/
.pop {z-index:100;width:90%;margin:0 auto;background-color:#fff;position:fixed;top: 10%;left: 5%;}
.pop__header {height: 50px;width:100%;background-color:#4a5053; color:#ffffff;text-align:center;font-size:18px;line-height:48px}
.pop__container {padding: 50px; padding-top: 20px;}
.pop__container li {border-bottom:1px solid #915a5a5a;overflow: hidden;margin-top: 15px;}
.pop__container li .tit{width:120px;margin-bottom:15px;color:#999999;}
.pop__container li .cont{font-weight:bold;font-size:17px;}
.pop__container li div {float: left;}
.blue-txt {color:#0072bc;}
.dimmed {width:100%;height:100vh;background-color:#000;opacity:0.5;position:absolute;top:0px;}
/*footer*/
.footer_btn {width:100%;height:50px;}
.footer_btn .footer_btn_0 span {display: block; text-align: center; font-size: 17px;line-height: 46px;color:#fff;}
.footer_btn .footer_btn_1 span {display: block; text-align: center; font-size: 17px;line-height: 46px;color:#fff;}
.footer_btn .footer_btn_0 {width:50%;height:50px; background:#999;float:left;}
.footer_btn .footer_btn_1 {width:50%;height:50px; background:#009999;float:left;}