@charset "utf-8";
/* CSS Document */

/*reset*/
*{padding:0; margin:0}
html, body { color:#000;width:100%;  font-size:14px ; background:#ebebeb}
legend, caption, figcaption {display:none;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
menu, ol, ul, li, dl, dt, dd {margin:0; padding:0; list-style:none;}
buttons { cursor:pointer; display:inline-block; margin-right:10px; vertical-align:middle}
a { text-decoration:none; color:#000; display:block}
table { border-collapse:collapse;}

input { vertical-align:middle} 
em{ font-style:normal;}
.bd_l { border:1px solid  #969696; margin:25px 0 }
.al_r { text-align:right}
.mt5 { margin-top:5px}
.mt10 { margin-top:10px}
.mt20 { margin-top:20px}
.t_c{text-align:center;}
.v_m{vertical-align:middle;}

.hide{display:none;}

/*
#event_wrap { width:100%;position:relative;background:url(https://web.wjthinkbig.com/Common/MathContest2018/img/img_07.jpg);background-size:100%;}
*/
#event_wrap { width:100%;position:relative;background:url(/images/common/2019/img_07.jpg);background-size:100%;}
.bg_pop { position: fixed; top:0; left:0; background:#000; opacity:0.5; width:100%; height:100%; z-index:0; display:none}
.bg_pop01 { position: fixed; top:0; left:0; background:#000; opacity:0.5; width:100%; height:100%; z-index:0; display:none}

#pop {	position: fixed;  background: #fff;z-index:999; width:800px;height:500px;overflow:auto;border:3px solid  #454545; }
#pop_print { background:#fff}
/*
.pop_header { background:#4bac69; padding-left:20px; line-height:65px; text-align:left; position:relative}
*/
.pop_header { background:#2f59a0; padding-left:20px; line-height:65px; text-align:left; position:relative}
.pop_header h1 { color:#fff; font-size:27px}
.pop_con { padding:10px }
#pop img{ width:100%; height:auto}
.pop_con h2 { font-size:25px; text-align:center; padding-bottom:10x; border-bottom:2px solid #0080a7;}
.pop_sub_txt { font-size:15px; padding-top:10px}
.btn_close {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 35px;
}
.regist_tbl { width:98%; border:1px solid #cccccc; font-size:14px;text-align:center;}
.regist_tbl th { padding:5px; background:#f5f5f5; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
/* .regist_tbl td {  padding:5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;background:#fff} */
.regist_tbl td {  padding:5px; background:#fff}
.top_area { width:100%; background:url(https://web.wjthinkbig.com/Common/MathContest2018mg/bg_tit.png);background-size:100% 100%;}
.img_top { width:965px; margin:0 auto}
.main_con { width:965px; margin:0 auto; padding-bottom:50px;background:#fff0d7;}
.main_con .img1 > p img{width:100%;}
.main_con .img_result img{width:95%;padding-left:2.5%;}
.btn_area { margin:20px 0px 20px 0px;}
.btn_area > p { padding-top:20px; font-size:18px; color:#5e5e5e}
.btn_area > p a.btn_down { display: inline-block; color:#da0101; text-decoration:underline}
.btn_area1 { text-align:center}

/*20160928 추가 */
#pop01 {position: fixed;  background: #fff;z-index:999; width:600px;overflow-y:scroll; overflow:auto;border:3px solid  #454545; }
#pop01_print { background:#fff}
.pop01_header { background:#0080a7; padding-left:20px; line-height:55px; text-align:left; position:relative}
.pop01_header h1 { color:#fff; font-size:20px}
.pop01_con {padding:10px }

#pop01 img{ width:100%; height:auto}

.regist_tbl01 { width:98%; border:1px solid #cccccc; font-size:12px;text-align:center;}
.regist_tbl01 th { padding:10px; background:#f5f5f5; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.regist_tbl01 td {  padding:10px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;background:#fff}
/*20160928 추가 */


.regist_area {}
.regist_area h3{margin-left:-30px;margin-top:10px;padding-left:2.5%;}
.regist_area .img_result img{width:95%;padding-left:2.5%;}
.regist_info_area h3{padding-left:20px;}
.regist_info_check{ margin:20px 0 0 40px; position:relative}
.regist_info_check input[type="text"] { border:2px solid #c2c2c2; padding:3px ;line-height:42px;vertical-align:middle; margin-right:5px; font-size:18px; }

.regist_info_check label { position:absolute; color:#ccc; font-size:18px }
.regist_info_check label.m_name { top:15px; left:20px}
.regist_info_check label.m_num { top:15px; left:170px}
/*20151204 수정 */
.m_b { margin-bottom:30px;}
.regist_info_check label.m_num1 { top:15px; left:20px;}
.regist_info_check label.m_num2 { top:85px; left:20px;}
/*20151204 수정 */
.regist_info_check label.m_birth { top:20px; left:450px}
.regist_info_check input.input1 { width:200px;height:50px;padding:3px;vertical-align:middle;}
.regist_info_check input.input2 { width:470px;height:50px;padding:3px;vertical-align:middle;}
.regist_info_check input.input3 { width:200px;height:50px;padding:3px;vertical-align:middle;border:2px solid #c2c2c2 !important;}
.regist_info_check input.input4 { width:691px;height:50px;padding:3px;vertical-align:middle;border:2px solid #c2c2c2 !important;margin-top:10px;}
.regist_info_check input.input5 { width:470px;height:50px;padding:3px;vertical-align:middle;border:2px solid #c2c2c2!important;}
.regist_info_check.btn_area { text-align:center}
.regist_info_check font{line-height:30px;font-size:14px;}
.write_info { margin:30px 0 0 40px;width:92%;}

.board_write_tip { font-size:15px; color:#9b9b9b; margin-bottom:15px}
.board_write_tip strong { display:block; color:#fa4a57; font-weight:normal}
.board_write { border-top:3px solid #6abd6f; border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc; width:100%}
.board_write th { padding:15px; font-size:15px; background:#f5f5f5;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc; width:120px; text-align:left}
.board_write td { padding:15px; font-size:15px; background:#fff;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc; text-align:left}
.board_write td span { display:none}
.board_write td input[type="text"]{ border:1px solid  #c9c9c9; height:20px; padding:5px ;}
.board_write td select{ border:1px solid  #c9c9c9; height:30px; padding:5px 5px 5px 10px}
.board_write td label { margin-right:20px}
.agree_area { margin-top:30px;}
.agree_area h4{ font-size:15px; margin-bottom:20px}
.agree_box { background:#fff; width:90%; padding:20px 5%; border:1px solid #cccccc;}
.agree_box>ol>li { list-style:decimal; margin-bottom:15px; color:#a3a3a3;}
.agree_check { margin:10px 0; color:#808080;}

.member_check { margin:40px 0 0 0; border-top:1px dashed #CCCCCC; padding:30px 0}
.sub_tit { font-size:22px; font-weight:bold; color:#2f59a0; padding-left:40px}
.img_result { margin-bottom:30px}

/*button*/
.btn_quick { position:fixed; top:80%; right:0}
.btn_type1 { width:80%; background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 15px; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:25px ; font-weight:bold; margin-top:1%;}
/*.btn_type1 { background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 15px; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:25px ; font-weight:bold;  }*/			
.btn_type2 { width:80%;background: linear-gradient(to bottom,  #2dba97 0%,#2dba97 50%,#2dba97 51%,#15b28b 51%,#15b28b 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dba97', endColorstr='#15b28b',GradientType=0 );
            color:#fff; padding:15px 20px; text-align:center; border-radius:5px; border:1px solid #0ea47f; 
			font-size:25px ; font-weight:bold;  margin-top:1%;}
			
/*
.btn_type3 { background:#6abd6f; width:700px;color:#fff; padding:15px; text-align:center; border:none;font-size:20px; font-weight:bold; vertical-align:middle;margin-top:10px;cursor:pointer;}
*/
.btn_type3 { background:#a4a4a4; width:700px;color:#fff; padding:15px; text-align:center; border:none;font-size:20px; font-weight:bold; vertical-align:middle;margin-top:10px;cursor:pointer;}
.btn_type3:after{content:'>';padding-left: 10px;}

.btn_type4 {background:#9b9b9b; border:none; color:#fff; padding:7px 10px; text-align:center; border-radius:3px; font-size:15px;   margin-left:10px}
/*
.btn_type5 { background:#a4a4a4; width:700px;color:#fff; padding:15px; text-align:center;border:none;font-size:20px; font-weight:bold; margin-top:10px;cursor:pointer;}
*/
.btn_type5 { background:#a4a4a4; width:700px;color:#fff; padding:15px; text-align:center;border:none;font-size:20px; font-weight:bold; margin-top:10px;cursor:pointer;}

.name_student { font-size:30px; padding:0 0 20px 0; font-weight:bold}
.name_student strong { color:#19b18b; text-decoration:underline}


/*tab */
@media screen and (max-width:770px){
 img { width:100%; height:auto; }
.top_area { width:100%; background:url(https://web.wjthinkbig.com/Common/MathContest2018img/bg_tit.png);background-size:100% 100%;}
.img_top { width:100%;  margin:0 auto }
.main_con { width:100%;  margin:0 auto; padding-bottom:20px}
.main_con > p{}
.main_con > p img { width:100%; height:auto}
.regist_info_check label { font-size:12px; display:none}
.regist_info_check input[placeholder]{color:#a9a9ae;margin-top:-5px;}
.regist_info_check input[type="text"] {border:2px solid #c2c2c2; padding:2px; line-height:42px; vertical-align:top; margin-right:2px; font-size:13px; }
.regist_info_check input.input1 { width:20%;height:35px;padding:3px;vertical-align:middle; }
.regist_info_check input.input2 { width:50%;height:35px;padding:3px;vertical-align:middle; }
.regist_info_check input.input3 { width:13%;height:35px;padding:3px;vertical-align:middle;   border:2px solid #c2c2c2;}
.regist_info_check input.input4 { width:21%;height:35px;padding:3px;vertical-align:middle;   border:2px solid #c2c2c2;vertical-align: bottom;}
.regist_info_check input.input5 { width:27%;height:35px;padding:3px;vertical-align:middle;  border:2px solid #c2c2c2;}
.regist_info_check{ margin:20px 0 0 20px}

.write_info { margin:30px 0 0 20px;width:95%;}
.write_info img { width:2%}
.write_info .board_write th > img { width:10%}

.board_write td input[type="text"]{  padding:3px }
.btn_area { margin:20px 0 20px 20px}
.board_write td label { margin-right:5px}
.board_write td { padding:10px; font-size:13px}

.member_check { margin:20px 0 0 0; }
.regist_area h3{ margin-top:10px;}
.agree_box { background:#fff; width:90%; padding:20px 5%; border:1px solid #cccccc}

/*button*/
.btn_quick { position:fixed; top:48%; right:0; text-align:right}
.btn_quick img { width:80%}
.btn_type1 {background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 0; width:90%; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:18px ; font-weight:bold; margin:2%;}
/*.btn_type1 { background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 0; width:100%; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:18px ; font-weight:bold; margin-bottom:10px;margin-left:-10%;}*/
			
.btn_type2 {background: linear-gradient(to bottom,  #2dba97 0%,#2dba97 50%,#2dba97 51%,#15b28b 51%,#15b28b 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dba97', endColorstr='#15b28b',GradientType=0 );
            color:#fff; padding:15px 0; width:90%; text-align:center; border-radius:5px; border:1px solid #0ea47f; 
			font-size:18px ; font-weight:bold;margin-left:2%; }
.btn_type3 { background:#4bac69; width:18%; height:45px;color:#fff; padding:10px 15px; text-align:center; border-radius:5px; border:none;font-size:17px; font-weight:bold;vertical-align: bottom;}
.btn_type4 {background:#9b9b9b; border:none; color:#fff; padding:7px 5px; text-align:center; border-radius:3px; font-size:15px; font-family:NanumGB; margin-left:10px}
.test_area {padding: 40px 0 0 0;}
.btn_type5 { background:#a4a4a4;width:20%; height:45px;color:#fff; padding:10px 5px; text-align:center; border-radius:5px; border:none;font-size:17px; font-weight:bold;vertical-align: bottom;}

/*팝업*/

#pop {	position: fixed;  background: #fff;z-index:999; width:90%;
         border:3px solid  #454545}
#pop1 {	position: fixed;  background: #fff;z-index:999; width:90%;
         border:3px solid  #454545}
#pop_print{	width:98%;}
.pop_header { background:#2f59a0; padding-left:20px; line-height:65px; text-align:left; position:relative}
.pop_header h1 { color:#fff; font-size:23px; text-align:left}
.pop_con { padding:20px;}

.btn_close { position:absolute; top:12px; right:10px}
.btn_close img { width:60%}
.pop_con { padding:10px}
.pop_con h2 { font-size:25px; text-align:center; padding-bottom:10px; border-bottom:2px solid #0080a7;}
.pop_sub_txt { font-size:15px; padding-top:20px}
.member_check { margin:10px 0 0 0; padding:10px 0 }
.regist_info_check{ margin:10px 0 0 20px}

.regist_tbl th { padding:10px; background:#f5f5f5; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.regist_tbl td {  padding:10px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background:#fff}
.sub_tit { padding-left:20px;}
.regist_area {padding:10px 0 0 40px}
.regist_area h3{margin-left:-60px;margin-top:10px;}
.regist_area .img_result img{width:88%;padding-left:2.5%;}
.btn_area > p {margin-left:-65px;padding-top:20px; font-size:15px; color:#5e5e5e}
}


/*모바일*/
@media screen and (max-width:640px){
.btn_area > p { padding-top:15px; font-size:14px; color:#5e5e5e}
 img { width:100%; height:auto; }
.top_area { width:100%; background:url(https://web.wjthinkbig.com/Common/MathContest2018/img/bg_tit.png);background-size:100% 100%;}
.img_top { width:100%;  margin:0 auto }
.main_con { width:100%;  margin:0 auto; padding-bottom:20px}
.main_con > p{}
.main_con > p img { width:100%; height:auto}
.regist_info_check input[type="text"] { border:2px solid #c2c2c2; padding:2px; line-height:30px; vertical-align:middle; margin-right:2px; font-size:13px;}
.regist_info_check input.input1 { width:15%;height:27px;padding:3px;vertical-align:middle;}
.regist_info_check input.input2 { width:40%;height:27px;padding:3px;vertical-align:middle;}
.regist_info_check input.input3 { width:13%;height:27px;padding:3px;vertical-align:middle;}
.regist_info_check input.input4 { width:21%;height:27px;padding:3px;vertical-align:bottom;}
.regist_info_check input.input5 { width:27%;height:27px;padding:3px;vertical-align:middle;}
.regist_info_check{ margin:20px 0 0 20px}
.regist_info_check font{line-height:30px;font-size:12px;}
.regist_info_check label { font-size:12px; display:none}

.write_info { margin:30px 0 0 20px;width:93%;}
.write_info img { width:2%}
.board_write th{ display:none}
.board_write td input[type="text"]{  padding:3px }
.board_write td span { display: inline-block}
.board_write td span img { width:10px}
.btn_area { margin:20px 0 20px 0px}
.board_write td label { margin-right:5px}
.board_write td { padding:10px; font-size:13px}
.board_write td:nth-child(2) { width:40%}
.member_check { margin:20px 0 0 0; }
.regist_area h3{ margin-top:10px}
.agree_box { background:#fff; width:90%; padding:20px 5%; border:1px solid #cccccc}

/*button*/
.btn_quick { position:fixed; top:48%; right:0; text-align:right}
.btn_quick img { width:70%}
.btn_type1 { background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 0; width:90%; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:17px ; font-weight:bold;margin:2%;}
/*.btn_type1 { background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 0; width:100%; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:17px ; font-weight:bold; margin-bottom:10px}*/
.btn_type2 { background: linear-gradient(to bottom,  #2dba97 0%,#2dba97 50%,#2dba97 51%,#15b28b 51%,#15b28b 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dba97', endColorstr='#15b28b',GradientType=0 );
            color:#fff; padding:15px 0; width:90%; text-align:center; border-radius:5px; border:1px solid #0ea47f; 
			font-size:17px ; font-weight:bold; }
.btn_type3 { background:#4bac69; width:22%;height:37px; color:#fff; padding:10px 15px; text-align:center; border-radius:5px; border:none;font-size:17px; font-weight:bold;vertical-align:bottom;}
.btn_type4 {background:#9b9b9b; border:none; color:#fff; padding:7px 10px; text-align:center; border-radius:3px; font-size:14px; font-family:NanumGB; margin-left:10px}

.btn_type5 { background:#a4a4a4;width:25%; height:37px; color:#fff; padding:10px 15px; text-align:center;border:none;font-size:17px; font-weight:bold;    vertical-align:}

/*팝업*/

#pop {	position: fixed;  background: #fff;z-index:999; width:90%; height:400px; overflow:auto;
         border:3px solid  #454545}
#pop1 {	position: fixed;  background: #fff;z-index:999; width:90%; height:400px; overflow:auto;
         border:3px solid  #454545}
#pop_print{	width:98%;}
.pop_header { background:#2f59a0; padding-left:20px; line-height:55px; text-align:left; position:relative}
.pop_header h1 { color:#fff; font-size:18px; text-align:left}
.pop_con { padding:20px;}

.btn_close { position:absolute; top:14px; right:10px; width:5%;}
.btn_close img { width:60%}
.pop_con { padding:10px}
.pop_con h2 { font-size:25px; text-align:center; padding-bottom:10px; border-bottom:2px solid #15b28b;}
.pop_sub_txt { font-size:15px; padding-top:20px}
.member_check { margin:10px 0 0 0; padding:10px 0 }
.regist_info_check{ margin:10px 0 0 20px}

.regist_tbl th { padding:10px; background:#f5f5f5; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.regist_tbl td {  padding:10px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
.sub_tit { padding-left:20px;}
.img_result { margin-bottom:20px}
.test_area { padding:20px 0 0 0}
.name_student { font-size:18px; padding:0 0 10px 0; font-weight:bold}
.name_student strong { color:#19b18b; text-decoration:underline}

.test_area { padding:20px 0 0 30px}
.btn_area > p {margin-left:-40px;padding-top:20px; font-size:12px; color:#5e5e5e;padding-right:20px;}
}


/*20170927 창의수학페이지 수정 시작*/
html,body {background-color: #f2f2f2;}
#mathWrap {width:100%;}
#mathWrap fieldset + span,#mathWrap div p {font-size:16px;display:block;margin-top:5px;height:16px;color:#989898;}
#mathWrap fieldset + span, #mathWrap div p.ttl{font-size: 40px;font-weight: bold;color:#00a1a3;line-height: 50px;padding-bottom: 20px;}
#mathWrap .regist_info_check + div {
	margin-top:50px;font-size:30px;letter-spacing:-1px;height:50px;line-height:50px;
	font-family:'NanumGothic';
}
#mathWrap .regist_info_check + div span {color:#0080a7;text-decoration:underline;}
#mathWrap>div {width:100%;}
#mathWrap>div>img {width:100%;}
#mathWrap fieldset {border:0;width:100%}
#mathWrap #form1 {
	width:100%;height:auto;
	background:url('/images/common/2019/img_07.jpg') no-repeat;
	background-position: 100% 0;
	background-size:100%;
}
#mathWrap #event_wrap .text_info {width: 80%;margin: 0 auto 10px;font-size: 20px;}
#mathWrap #event_wrap .text_info span {text-decoration: none;color: #2d2d2d;}
#mathWrap #event_wrap .text_info span.underline {text-decoration: underline;}
#mathWrap #event_wrap .contest_info td {background-color: #fff;overflow:hidden;padding:0 10px;}
#mathWrap #event_wrap .contest_info textarea#addr {width: 100%;resize:none;font-size: 20px;box-sizing:border-box;}
#mathWrap #event_wrap .contest_ticket th {width:14%;}
#mathWrap #event_wrap .contest_ticket td {background-color: #fff;width: 10%;padding:0 10px;}
#mathWrap #event_wrap .text_info img {width: 30px;vertical-align: middle;margin-right: 10px;}
#mathWrap #event_wrap {width:100%;margin:0 auto;padding: 13% 0;}
#mathWrap .regist_info_check {width:80%;margin:0 auto;}
/*
#mathWrap input[type="button"] {width: 13%;height: 120px;margin: 0; border: 12px solid #fff;font-size: 35px;padding: 10px 0;box-sizing: border-box;background: linear-gradient(to bottom, #6abd6f 50%, #4bac69 50%);box-shadow: 2px 2px 2px #ddd;border-radius: 20px;}
*/
#mathWrap input[type="button"] {width: 13%;height: 120px;margin: 0; border: 12px solid #fff;font-size: 35px;padding: 10px 0;box-sizing: border-box;background: linear-gradient(to bottom, #7fa2d4 50%, #2f59a0 50%);box-shadow: 2px 2px 2px #ddd;border-radius: 20px;}
#mathWrap input[type="text"] {box-sizing:border-box;border-radius:5px;border:2px solid #00a1a3;}
#mathWrap fieldset input:first-child {width:100%;}
/*#mathWrap fieldset input:nth-child(2) {width:65%;}*/
#mathWrap table,#mathWrap table th {font-size:20px;border:1px solid #00a1a3;}
#mathWrap table {width:80%;margin: 0 auto;}
#mathWrap table th {height:70px;line-height: 70px;background-color:#e6f6f6;}
#mathWrap table th {width:20%;}
#mathWrap table td {width:30%;height:100%;background-color: #fff;font-size: 20px;}
#mathWrap table td input {font-size:20px;width:100%;height:70px;box-sizing:border-box;border:none !important;}
#mathWrap .regist_info_check input.input2,#mathWrap .regist_info_check input.input1 {height: 80px;}
#mathWrap table tr,#mathWrap table th {border:1px solid #00a1a3;}
#mathWrap .ticket_1 tr,#mathWrap .ticket_1 th {border-color: rgba(239,94,65,0.3);}
#mathWrap #event_wrap.ticket_popup .text_info_1 {font-size: 20px !important;font-weight: bold;}
#mathWrap #event_wrap.ticket_popup table th {line-height: inherit;}
#mathWrap #event_wrap.ticket_popup table td {font-size: 14px;}
#mathWrap #event_wrap.ticket_popup {padding-top:0;padding-bottom:0;}
#mathWrap #event_wrap.ticket_popup .text_info {font-size: 14px;}
#mathWrap #event_wrap.ticket_popup table th {font-size: 14px;}

#mathWrap .test_new{padding-top:40px;background-color:#fff;}
#mathWrap .test_new .ttl{height:auto; font-size: 40px;font-weight: bold;color: #00a1a3;line-height: 50px;padding-bottom: 20px;text-align:center;}
#mathWrap .test_new .regist_info_check .input1{width:15%;}
#mathWrap .test_new .regist_info_check .btn_type3{width: 20%;height: 90px;margin: 0;border: 10px solid #fff;font-size: 35px;padding: 10px 0;box-sizing: border-box;background: linear-gradient(to bottom, #00a38f 50%, #009783 50%);box-shadow: 2px 2px 2px #ddd;border-radius: 20px;}
#mathWrap .test_new .regist_info_check fieldset +span{margin-top:15px;font-size: 16px;display: block;color: #989898;text-align: center;line-height: 20px;background: #fff;}


.bold_fnt {font-weight: bold;}
.ticket_1 th {background-color: #fdefec !important;}
.btm_txt_info {margin-top: 10px !important;}
.btm_txt_info span {line-height: 18px;font-size: 12px;}
.btn_img {text-align: center;margin-top: 5%;}
.btn_img img {width: 20%;cursor:pointer;}
.even {background: url('../img/td_hi.png');background-size:100% 100%;}
.even_1 {background: url('../img/td_hi_1.png');background-size:100% 100%;}

/*
#mathWrap .down_load {width: 100%;margin-top: 5%;padding: 0 10% 5%;background-color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mathWrap .down_load p {font-size: 16px;}
#mathWrap .down_load * {letter-spacing: -1px;}
#mathWrap .down_load > img {width: 100%;}
#mathWrap .down_load .list {width: 47%;border: 1px solid;display: inline-block;text-align: center;font-weight: bold;margin-bottom: 4%;font-size: 28px;padding: 0 2% 2%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
#mathWrap .down_load > div:nth-child(even) {margin-right: 5%;}
#mathWrap .down_load > div:nth-child(2),
#mathWrap .down_load > div:nth-child(4) {border-color: #f7941e;background-color: #fff4de;}
#mathWrap .down_load > div:nth-child(2) .down_btn,
#mathWrap .down_load > div:nth-child(4) .down_btn {background-color: #f7941e;}
#mathWrap .down_load > div:nth-child(3),
#mathWrap .down_load > div:nth-child(5) {border-color: #27bdbe;background-color: #edf7f3;}
#mathWrap .down_load > div:nth-child(3) .down_btn,
#mathWrap .down_load > div:nth-child(5) .down_btn {background-color: #27bdbe;}
#mathWrap .down_load > div:nth-child(6),
#mathWrap .down_load > div:nth-child(7) {border-color: #8fc740;background-color: #f9fae3;}
#mathWrap .down_load > div:nth-child(6) .down_btn,
#mathWrap .down_load > div:nth-child(7) .down_btn {background-color: #8fc740;}
#mathWrap .down_load .list_tit {padding: 5%;font-family: 'NanumGB';}
#mathWrap .down_load .down_btn {width: 70%;margin: 0 auto;font-family: 'NanumGB';cursor:pointer;}
#mathWrap .down_load .down_btn a {color: #fff;width: 100%;}
#mathWrap .down_load .down_btn a img {width: 100%;}
#mathWrap .down_load > p > a {display: inline-block;text-decoration: underline;color: #dc1515;}
*/
#mathWrap .down_load {width: 100%;padding: 0 5%;background-color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mathWrap .down_load p {font-size: 20px;}
#mathWrap .down_load * {letter-spacing: -1px;}
#mathWrap .down_load > img {width: 100%;}
#mathWrap .down_load .list {width: 47%;border: 1px solid;display: inline-block;text-align: center;font-weight: bold;margin-bottom: 4%;font-size: 22px;padding: 0 2% 2%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
#mathWrap .down_load > div:nth-child(even) {margin-right: 5%;}
#mathWrap .down_load > div:nth-child(2), #mathWrap .down_load > div:nth-child(4) {border-color: #f7c6db;background-color: #fce0ec;}
#mathWrap .down_load > div:nth-child(2) .down_btn, #mathWrap .down_load > div:nth-child(4) .down_btn {background-color: #f7c6db;}
#mathWrap .down_load > div:nth-child(3), #mathWrap .down_load > div:nth-child(5) {border-color: #f7c6db;background-color: #fce0ec;}
#mathWrap .down_load > div:nth-child(3) .down_btn, #mathWrap .down_load > div:nth-child(5) .down_btn {background-color: #f7c6db;}
#mathWrap .down_load > div:nth-child(6), #mathWrap .down_load > div:nth-child(8) {border-color: #27bdbe;background-color: #edf7f3;}
#mathWrap .down_load > div:nth-child(6) .down_btn, #mathWrap .down_load > div:nth-child(8) .down_btn {background-color: #27bdbe;}
#mathWrap .down_load > div:nth-child(7), #mathWrap .down_load > div:nth-child(9) {border-color: #27bdbe;background-color: #edf7f3;}
#mathWrap .down_load > div:nth-child(7) .down_btn, #mathWrap .down_load > div:nth-child(9) .down_btn {background-color: #27bdbe;}
#mathWrap .down_load > div:nth-child(10), #mathWrap .down_load > div:nth-child(11) {border-color: #27bdbe;background-color: #edf7f3;}
#mathWrap .down_load > div:nth-child(10) .down_btn, #mathWrap .down_load > div:nth-child(11) .down_btn {background-color: #27bdbe;}
#mathWrap .down_load > div:nth-child(12), #mathWrap .down_load > div:nth-child(13) {border-color: #27bdbe;background-color: #edf7f3;}
#mathWrap .down_load > div:nth-child(12) .down_btn, #mathWrap .down_load > div:nth-child(13) .down_btn {background-color: #27bdbe;}
#mathWrap .down_load > div:nth-child(14), #mathWrap .down_load > div:nth-child(15) {border-color: #27bdbe;background-color: #edf7f3;}
#mathWrap .down_load > div:nth-child(14) .down_btn, #mathWrap .down_load > div:nth-child(15) .down_btn {background-color: #27bdbe;}
#mathWrap .down_load .list_tit {padding: 5%;font-family: 'NanumGB';}
#mathWrap .down_load .down_btn {width: 70%;margin: 0 auto;font-family: 'NanumGB';cursor:pointer;}
#mathWrap .down_load .down_btn a {color: #fff;width: 100%;height:45px;line-height: 45px;}
#mathWrap .down_load .down_btn a img {width: 100%;}
#mathWrap .down_load > p > a {display: inline-block;text-decoration: underline;color: #dc1515;}


/*20170927 수험표 추가*/
.crop {width: 80%;margin: 0 auto;display: block;}
.mt-50 {margin-top: 50px !important;}



@media screen and (max-width:480px){
.top_area { width:100%; background:url(https://web.wjthinkbig.com/Common/MathContest2018/img/bg_tit.png);background-size:100% 100%;}
.regist_info_check input[type="text"] { border:2px solid #c2c2c2; padding:2px; line-height:30px; vertical-align:middle; margin-right:2px; font-size:13px;}
.regist_info_check font{line-height:20px;font-size:11px;}
#pop {height:380px; overflow: auto;        }
#pop1 {	 height:350px; overflow: auto;
        }
		 .btn_close { width:5%;}
		 .btn_close img { width:100%}
		 .pop_header h1 { color:#fff; font-size:16.5px; text-align:left}
		 .pop_header { background:#2f59a0; padding-left:20px; line-height:50px; text-align:left; position:relative}
.pop_sub_txt { font-size:12px; }
.regist_tbl th { padding:5px; background:#f5f5f5; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:12px}
.regist_tbl td {  padding:5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;font-size:12px}
.board_write_tip { font-size:13px}
.agree_box { background:#fff; width:79%; padding:20px 10%; border:1px solid #cccccc}
.btn_type3 { background:#6abd6f; width:25%; height:35px;color:#fff; padding:10px 15px; text-align:center;border:none;font-size:15px; font-weight:bold;    vertical-align: bottom;}
.regist_info_check input.input4 { width:25%;vertical-align: bottom;}
.regist_info_check input.input5 { width:29%;}
.sub_tit { padding-left:20px;font-size:16px;}
.write_info img { width:3%}
.test_area { padding:20px 10px 0 20px}

.btn_type1 { background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 0; width:90%; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:14px ; font-weight:bold; margin:2%;}
/*.btn_type1 { background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 0; width:100%; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:14px ; font-weight:bold; margin-bottom:10px;}*/
.btn_type2 { background: linear-gradient(to bottom,  #2dba97 0%,#2dba97 50%,#2dba97 51%,#15b28b 51%,#15b28b 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dba97', endColorstr='#15b28b',GradientType=0 );
            color:#fff; padding:15px 0; width:90%; text-align:center; border-radius:5px; border:1px solid #0ea47f; 
			font-size:14px ; font-weight:bold;}
.regist_area .img_result img{width:88%;padding-left:2.5%;}
#mathWrap fieldset input:first-child {width:100%;}
#mathWrap input[type="button"] {width: 13%;height: 70px;margin: 0;border: 7px solid #fff;font-size: 22px;padding: 10px 0;box-sizing: border-box;background: linear-gradient(to bottom, #7fa2d4 50%, #2f59a0 50%);box-shadow: 2px 2px 2px #ddd;border-radius: 20px;}

	}

@media screen and (max-width:360px){
#mathWrap fieldset input:first-child {width:100%;}
#mathWrap input[type="button"] {width: 13%;height: 60px;margin: 0;border: 5px solid #fff;font-size: 20px;padding: 10px 0;box-sizing: border-box;background: linear-gradient(to bottom, #7fa2d4 50%, #2f59a0 50%);box-shadow: 2px 2px 2px #ddd;border-radius: 10px;}

}
@media screen and (max-width:320px){
.top_area { width:100%; background:url(https://web.wjthinkbig.com/Common/MathContest2018/img/bg_tit.png);background-size:100% 100%;}
#pop {height:300px; overflow: auto;        }
#pop1 {	 height:300px; overflow: auto;
        }
		 .btn_close { width:5%;top: 10px;}
		 .btn_close img { width:100%}
		 .pop_header h1 { color:#fff; font-size:14px; text-align:left}
		 .pop_header {  width:96.63%; background:#2f59a0; padding-left:10px; line-height:35px; text-align:left; position:relative}
.pop_sub_txt { font-size:12px; }
.regist_tbl{ font-size:11px;}
.regist_tbl th { padding:5px; background:#f5f5f5; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:11px}
.regist_tbl td {  padding:5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;font-size:11px}
.board_write_tip { font-size:13px}
.write_info { margin:30px 0 0 20px;width:90%;}
.agree_box { background:#fff; width:79%; padding:20px 10%; border:1px solid #cccccc}
.btn_type1 { background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 0; width:90%; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:14px ; font-weight:bold;margin:2%;}
/*.btn_type1 { background: linear-gradient(to bottom,  #00a0d1 0%,#00a0d1 50%,#3690f0 51%,#0080a7 51%,#0080a7 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbab8', endColorstr='#15b2b0',GradientType=0 );
            color:#fff; padding:15px 0; width:100%; text-align:center; border-radius:5px; border:1px solid #13a09e; 
			font-size:14px ; font-weight:bold; margin-bottom:10px;margin-left:-30%;}*/
.btn_type2 { background: linear-gradient(to bottom,  #2dba97 0%,#2dba97 50%,#2dba97 51%,#15b28b 51%,#15b28b 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dba97', endColorstr='#15b28b',GradientType=0 );
            color:#fff; padding:15px 0; width:90%; text-align:center; border-radius:5px; border:1px solid #0ea47f; 
			font-size:14px ; font-weight:bold; margin-left:-30%;}
.btn_type3 { background:#4bac69s; width:35%;height:32px color:#fff; padding:8px 15px; text-align:center; border:none;font-size:15px; font-weight:bold}
.regist_info_check{ margin:5px 0 0 5px}
.regist_info_check input.input3 { width:15%;  }
.regist_info_check input.input4 { width:35%;}
.regist_info_check input.input5 { width:40%;}
.sub_tit { padding-left:7px;font-size:14px;}
#mathWrap fieldset input:first-child {width:100%;}
#mathWrap input[type="button"] {width: 13%;height: 50px;margin: 0;border: 5px solid #fff;font-size: 16px;padding: 10px 0;box-sizing: border-box;background: linear-gradient(to bottom, #7fa2d4 50%, #2f59a0 50%);box-shadow: 2px 2px 2px #ddd;border-radius: 10px;}

}