@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */

/*
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
*/

/* 메인 - 심사평가위원 Pool 참여신청 */
/* #wrap{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-weight:400;font-size:14px;width:360px;margin: 0 auto;border: 1px solid #DDDFE5;} */
#wrap{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-weight:400;font-size:16px;border: 1px solid #DDDFE5;}
#header{position: relative;height: 48px;background: #F4F6F8;border-radius: 0 0 16px 16px;}
#header .txt{position: absolute;left: 16px;top: 10px;font-size: 18px;color: #18932E;font-weight: 600;letter-spacing: -0.32px;}
#header .logo{position: absolute;right: 16px;top: 14px;}
#container{}
#container h1{height: 58px;line-height: 68px;background: #18932E;border-radius: 0 0 16px 16px;font-size: 18px;color: #fff;text-align: center;font-weight: 400;margin-top: -10px;}
#container .inner{margin: 0 32px;}
#container .menu{margin-top: 96px;}
#container .menu ul{padding: 0 16px;}
#container .menu ul li{text-align: center;}
#container .menu ul li.menu01{background: #00368B;margin-bottom: 24px;}
#container .menu ul li.menu02{background: #00932E;}
#container .menu ul li a{display: block;padding: 27px 0 29px;}
#container .menu ul li a span{display: block;font-size: 20px;color: #fff;}
#container .policy{text-align: center;padding: 30px 0;}
#container .policy a{display: inline-block;font-size: 16px;color: #505050;border-bottom: 1px solid #505050;font-weight: 500;line-height: 15px;}
#footer{padding: 17px 0;background: #F4F6F8;border-radius: 16px 16px 0 0;}
#footer span{display: block;text-align: center;font-size: 12px;color: #505050;}

/* 휴대폰 본인인증 */
#container .write{margin-top: 40px;position: relative;}
#container .write ul{}
#container .write ul li{margin-bottom: 24px;}
#container .write ul li .input{position: relative;}
#container .write ul li .input label{display: block;font-size: 16px;color: #505050;margin-bottom: 5px;}
#container .write ul li .input input[type="text"]{height: 48px;line-height: 48px;width: 100%;background: none;border: 1px solid #DDDFE5;font-size: 16px;text-indent: 14px;}
#container .write ul li .input input::placeholder{font-size: 16px;color: #C9C9C9;font-family:'Noto Sans KR', '맑은 고딕', sans-serif;}
#container .write ul li .input a{position: absolute;right: 14px;top: 50%;font-size: 16px;color: #4656F6;font-weight: 400;}
#container .write strong{display: block;font-size: 14px;color: #505050;margin-bottom: 5px;letter-spacing: -0.24px;font-weight: 500;}
#container .write span{display: block;font-size: 14px;color: #505050;letter-spacing: -0.5px;}
#container .write .agree_box{background: #F4F6F8;border-radius: 16px 16px 0 0;padding: 16px;margin: 27px 16px 0;}
#container .write .agree_box h3{display: block;font-size: 14px;color: #505050;border-bottom: 1px solid #C9C9C9;padding-bottom: 10px;}
#container .write .agree_box p{margin: 10px 0 0;font-size: 14px;color: #505050;line-height: 22px;}
#container .write .agree_box p span{display: block;text-align: right;font-size: 12px;color: #505050;margin-top: 5px;}
#container .write .agree_box02{background: #F4F6F8;border-radius: 0 0 16px 16px;padding: 27px 0;margin: 2px 16px 40px;}
#container .write .agree_box02 strong{display: block;text-align: center;font-size: 16px;color: #505050;font-weight: 600;letter-spacing: -0.3px;}
#container .write .agree_box02 ul{text-align: center;margin-top: 20px;}
#container .write .agree_box02 ul li{display: inline-block;margin-right: 25px;margin-bottom: 0;}
#container .write .agree_box02 ul li:last-child{margin-right: 0;}
#container .write .agree_box02 ul li input[type="radio"]{display:none;}
#container .write .agree_box02 ul li input[type="radio"] + label{display:inline-block;background: url(../img/ico_check.png) no-repeat left center;vertical-align: middle; padding: 5px 0;}
#container .write .agree_box02 ul li input[type="radio"] + label span{display: inline-block;font-size: 18px;color: #C9C9C9;margin-left: 30px;line-height: 15px;}
#container .write .agree_box02 ul li input[type="radio"]:checked + label{background: url(../img/ico_check02.png) no-repeat left center;}
#container .write .agree_box02 ul li input[type="radio"]:checked + label span{color: #4656F6;}

#container .write .confirm{margin: 0 32px;}
#container .write .confirm a{display: block;background: #18932E;border-radius: 4px 4px 4px 4px;font-size: 20px;color: #fff;padding: 18px 0;text-align: center;text-align: center;}
#container .write .confirm a:hover{background: #4656F6;}

/* #container .write .confirm2{margin: 0 32px;} */
/* #container .write .confirm2 a{display: block;background: #4656F6;border-radius: 4px 4px 4px 4px;font-size: 20px;color: #fff;padding: 18px 0;text-align: center;text-align: center;} */
/* #container .write .confirm2 a:hover{background: #ff0066;} */

#container .confirm2{padding: 40px 0;}
#container .confirm2 ul{margin-left:-5%;overflow:hidden;}
#container .confirm2 ul li{float:left;width:44.33%;padding:0;margin:0;text-indent:0;margin-left:5%;position:relative;border-bottom:1px solid #dadada;}
#container .confirm2 a{width: 100%;display: block;background: #4656F6;border-radius: 4px 4px 4px 4px;font-size: 20px;color: #fff;padding: 18px 0;text-align: center;text-align: center;}
#container .confirm2 a:hover{background: #ff0066;}

#container .confirm3{padding: 40px 0;}
#container .confirm3 ul{margin-left:-5%;overflow:hidden;}
#container .confirm3 ul li{float:left;width:28.33%;padding:0;margin:0;text-indent:0;margin-left:5%;position:relative;border-bottom:1px solid #dadada;}
#container .confirm3 a{width: 100%;display: block;background: #4656F6;border-radius: 4px 4px 4px 4px;font-size: 20px;color: #fff;padding: 18px 0;text-align: center;text-align: center;}
#container .confirm3 a:hover{background: #ff0066;}


/* 심사(평가)위원 풀 신청 */
.information{}
.information p{margin: 40px 0;}
.information p strong{display: block;font-size: 18px;color: #00932E;font-weight: 600;}
.information p span{display: block;font-size: 28px;color: #000000;font-weight: 500;}
#container .infor ul{margin-left:-5%;overflow:hidden;}
#container .infor ul li{float:left;width:44.33%;padding:0;margin:0;text-indent:0;margin-left:5%;position:relative;border-bottom:1px solid #dadada;}
#container .infor ul li:before{content:'-';display:block;clear:both;position:absolute;left:-16%;top:0;line-height:38px;width:20%;text-align:center;}
#container .infor ul li:first-child:before{display:none;}
#container .infor input[type="text"]{width:100%;border: 0;height:38px;line-height:38px;font-size:16px;color:#101010;box-sizing:border-box;}
#container .infor input::placeholder{font-size: 16px;color: #C9C9C9;font-family:'Noto Sans KR', '맑은 고딕', sans-serif;}
#container .infor .infor02{}
#container .infor .infor02 ul li.birth{width:54.33%;}
#container .infor .infor02 ul li.gender{width:34.33%;}
#container .infor .infor02 ul li:before{bottom: 0;top: inherit;}
#container .infor .code{margin-top: 24px;}
#container .infor .major{margin-top: 24px;}
#container .infor .major input[type="text"]{height: 48px;line-height: 48px;width: 100%;background: none;border: 0;border-bottom: 1px solid #DDDFE5;font-size: 16px;}
#container .field{margin-top: 60px;}
#container .field strong{display: block;font-size: 18px;color: #00932E;font-weight: 600;}
#container .field .input{position: relative;border-bottom:1px solid #dadada;margin-top: 24px;}
#container .field .input input[type="text"]{width:100%;border: 0;height:38px;line-height:38px;font-size:16px;color:#101010;box-sizing:border-box;}
#container .field .input input::placeholder{font-size: 16px;color: #C9C9C9;font-family:'Noto Sans KR', '맑은 고딕', sans-serif;}
#container .field .btn_choice{position: absolute;right: 14px;top: 50%;font-size: 16px;color: #4656F6;font-weight: 400;}
#container .field .confirm{margin: 40px 0;}
#container .field .confirm a{display: block;background: #18932E;border-radius: 4px 4px 4px 4px;font-size: 20px;color: #fff;padding: 18px 0;text-align: center;text-align: center;}
#container .field .confirm a:hover{background: #4656F6;}

#container .field .input select {width:100%;border: 1px solid #DDDFE5; margin-top:5px;height:38px;line-height:38px;font-size:16px;color:#101010;box-sizing:border-box;bakground:#fff;}


/* 개인정보 수집 */
#container .agree_list{}
#container .agree_list ul{padding: 40px 0;}
#container .agree_list ul li{margin-bottom: 32px;}
#container .agree_list ul li:last-child{margin-bottom: 0;}
#container .agree_list ul li .tit{position: relative;}
#container .agree_list ul li .tit span{display: block;font-size: 16px;color: #505050;margin-bottom: 12px;font-weight: 500;}
#container .agree_list ul li .tit a{display: block;font-size: 14px;color: #A8A8A8;position: absolute;right: 0;top: 0;font-weight: 300;}
/* #container .agree_list ul li .cont{border: 1px solid #DDDFE5; padding: 10px;font-size: 12px;color: #C9C9C9;line-height: 150%;font-weight: 300;letter-spacing: -0.8px;} */
#container .agree_list ul li .cont{border: 1px solid #DDDFE5; padding: 10px;font-size: 14px;line-height: 150%;font-weight: 300;letter-spacing: -0.8px;}
#container .agree_list .check{text-align: center;}
#container .agree_list .check input[type="checkbox"]{display:none;}
#container .agree_list .check input[type="checkbox"] + label{display:inline-block;background: url(../img/ico_check.png) no-repeat left center;vertical-align: middle;}
#container .agree_list .check input[type="checkbox"] + label span{display: inline-block;font-size: 18px;color: #C9C9C9;margin-left: 30px;line-height: 15px;}
#container .agree_list .check input[type="checkbox"]:checked + label{background: url(../img/ico_check02.png) no-repeat left center;}
#container .agree_list .check input[type="checkbox"]:checked + label span{color: #4656F6;}
#container .inner .confirm_agree{margin: 0 32px;}
#container .inner .confirm_agree a{display: block;background: #4656F6;border-radius: 4px 4px 4px 4px;font-size: 20px;color: #fff;padding: 18px 0;text-align: center;text-align: center;}
#container .inner .confirm_agree a:hover{background: #ff0066;}




