/* https://fonts.google.com/?subset=korean&noto.continent=Asia&noto.region=KR */
@import url('https://fonts.googleapis.com/css2?family=Dongle&family=East+Sea+Dokdo&family=Jua&family=Nanum+Gothic&family=Nanum+Myeongjo&family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@100..900&family=Song+Myung&family=Do+Hyeon&family=Kirang+Haerang&family=Open+Sans&family=Roboto&family=Lato&family=Oswald&family=Raleway&family=PT+Sans&family=Ubuntu&family=Bebas+Neue&family=Anton&family=Pacifico&family=Lobster&display=swap');
/* 
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Dongle', sans-serif;
font-family: 'East Sea Dokdo', cursive;
font-family: 'Jua', sans-serif;
font-family: 'Do Hyeon', sans-serif;
font-family: 'Kirang Haerang', cursive;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Song Myung', serif;
------------------
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'PT Sans', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Bebas Neue', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Pacifico', cursive;
font-family: 'Lobster', cursive;
*/
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {background-color:#f7f7f7;font-size:1em;font-family:'Noto Sans KR', 'Malgun Gothic';}
.page_wrapper {max-width:700px;min-height:950px;background-color:white;margin:0 auto;padding:0 15px 60px 15px;}
.page_title {font-size:2.2em;font-weight:bold;}
.div_sri_item {border:0px solid #ddd;}
.div_sri_name {font-weight: bold;font-size: 1.2em;}
.div_sri_brief {padding-left:12px;margin-top:3px;color:#999;}
.div_answer {padding-left:10px;}
.div_answer textarea{width:100%;height:70px;border:1px solid #ddd;}
.span_required {color:#959594;font-size:0.8em;}
.page_tab {border-bottom: 1px solid #ddd;margin-bottom:20px;position: relative;display: block;}
.page_tab .ul_count{display: inline-block;}
.page_tab .ul_count .li_count{display: inline-block;font-size:1.3em;}
.page_tab .ul_count .li_count a{
	display: block;text-align: center;letter-spacing: -0.3px;
	color: #222;padding: 8px 10px;
}
.page_tab .ul_count .li_count.on a{border-bottom: 2px solid #ff6262;font-weight: 700;}
.div_login {margin:0 auto;}
.div_login input{border:1px solid #ddd;height:35px;padding:3px;}
.div_login .btn_submit{padding:3px 10px;background-color:#425b76;}
.div_member {margin-top:20px;}
.div_member .srm_date {font-size:1em;font-weight: bold;color:#6292ff;}
.div_member .span_srm_name {font-size:1.2em;font-weight: bold;}
.div_member .btn_logout {font-size:0.8em;border:1px solid #ddd;padding:4px;}
.page_notice {font-size:2em;color:darkorange;text-align:center;}
.page_container .btn_submit {padding:15px 20px;background-color:#425b76;width:100%;font-size:1.5em;margin-top:30px;}

/* 커스텀 checkbox, radio */
.custom-checkbox, .custom-radio {
    position:relative;padding-left:22px;margin-right:8px;
}
.custom-checkbox input[type="checkbox"], .custom-radio input[type="radio"],
.custom-checkbox .checked, .custom-radio .checked {
    display: none;
}
.custom-checkbox .fa, .custom-checkbox .fal, .custom-radio .far, 
.custom-radio .fa, .custom-radio .fal, .custom-radio .far {font-size: 16px;vertical-align: middle;position: absolute;top:0;left:2px;}
.custom-checkbox input[type="checkbox"]:checked ~ .checked,
.custom-radio input[type="radio"]:checked ~ .checked {
    display: inline-block;
}
.custom-checkbox input[type="checkbox"]:checked ~ .unchecked,
.custom-radio input[type="radio"]:checked ~ .unchecked {
    display: none;
}

.custom-radio {display:block;margin:5px 0;}
.custom-radio.choosed {color:darkorange;}
/* .custom-radio.answered {padding-left: 4px;} */
.custom-checkbox .fa, .custom-checkbox .fal, .custom-radio .far, .custom-radio .fa, .custom-radio .fal, .custom-radio .far {
    font-size: 1em;
    vertical-align: middle;
    position: absolute;
    top: 4px;
    left: 2px;
}
div.answred {border-top:1px solid #ddd;min-height:50px;padding:5px;}
.page_head img, .page_tail img {width:100%;}
.btn_result {float:right;padding:8px 10px;margin-top:4px;}
@media (max-width:970px) {
    .div_answer textarea{width:100%;height:70px;border:1px solid #ddd;}
    .custom-radio {margin:10px 0;}
    .custom-checkbox .fa, .custom-checkbox .fal, .custom-radio .far, .custom-radio .fa, .custom-radio .fal, .custom-radio .far {
        top: 1px;
    }
}

.srl_count {color:#298dbb;}
.srl_date {font-size:0.8em;}
@keyframes blink-effect {50% {opacity: 0;}}
.blink {animation: blink-effect 1s step-end infinite;}
.blink2 {animation: blink-effect 2s step-end infinite;}