@charset "utf-8";
/*
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*/
html,body{width:100%;height:100%;overflow:hidden;}
@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'); 
 } 
 
/*시험지*/
.EPaper{margin:20px auto 0;background-color:#fff;border:1px solid #444;}
.EPaper .ep_cont_main{margin:10px auto;border:1px solid #f40;}
.EPaper .cont_empty{float:left;height:100%;position:relative;text-align:left;}
.EPaper .cont_empty_line{float:left;height:100%;position:relative;text-align:left;border:1px solid #f40;}
.EPaper .hline{min-height:1px;height:1px;background-color:#999;margin:0 20px;}
.EPaper .vline{min-width:1px;width:1px;background-color:#999;height:100%;}

#epaper_main{position:absolute;left:0px;right:0px;top:0px;bottom:0px;overflow-y:auto;background-color:#7588A8;}

/*** 응시페이지 ****/

.exam_body { width:100%;height:100%;background:#fff;background:url(./images/bg_bd.jpg);overflow:hidden; }
.exam_header { width:100%;height:56px;background:#fff;background:url(./images/bg_hd.png);overflow:hidden; }

#header_left{float:left;width:275px;height:100%;display:inline;text-align:center;}
#header_logo{float:left;font:bold 18px 'Noto Sans KR';color:#463B33;padding:7px 0 0 0px;letter-spacing:-0.1em;text-align:center;
	text-shadow: 0 0 2px #fff;
	-moz-text-shadow: 0 0 1px #fff;
	-webkit-text-shadow: 0 0 1px #fff;	
}
#header_logo span{font:normal 14px 'Noto Sans KR';color:#736048;letter-spacing:-0.02em;}
#header_logo{width:100%;height:28px;line-height:28px;display:inline;text-align:center;}
/*
#header_tool {clear:both;border:1px solid #c9d2e1;background-color:#bcc7d8;border-radius: 4px;display:block;height:20px;margin:3px 0px 0 6px;}
#header_tool > div{float:left;}
#header_tool > div > select{margin:2px 3px 0;padding:0;}
#header_tool > .leftbullet{float:left;width:2px;height:14px;display:inline-block;background:url(images/toolbar_left.png) no-repeat;margin:4px 2px 0 2px;}
#header_tool > .hright{float:right;display:inline-block;}
*/
i{min-width:16px;text-align:center;}
i.ic{display:inline-block;width:15px;height:16px;padding:0 0 0 1px;float:left;margin:2px 0 0;}
i.it{display:inline-block;width:16px;height:16px;float:left;padding:0;margin:4px 4px 0 0px;}
i.it.r{float:right;margin-left:4px;margin-right:0px;}
#header_cont{position:absolute;top:0;bottom:0;left:280px;right:0;overflow:hidden;margin:0;}
#menu {clear:both;padding:0 0 0 5px;height:28px}
.menu1{float:left;padding:0px 3px;margin:0px 2px 0;height:20px;cursor:pointer;line-height:20px;}
.menu1 i{margin:2px 0 0 0;} 
.menu2{float:left;padding:3px 4px;margin:0px 2px 0;height:20px;cursor:pointer;line-height:18px;}
.menu2 i{margin:2px 2px 0 0;} 

/*.menu2 span{display:inline-block;}*/

.menu1:hover,.menu2:hover
{border:1px solid #e5c365;padding:0px 8px;height:22px;border-radius: 2px;line-height:22px;
	background: #fffcf2;
	background: -moz-linear-gradient(top, #fffcf2 2%, #ffecb5 100%);
	background: -webkit-linear-gradient(top, #fffcf2 2%,#ffecb5 100%);
	background: linear-gradient(to bottom, #fffcf2 2%,#ffecb5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf2', endColorstr='#ffecb5',GradientType=0 );
}
#menu > .interval{float:left;width:10px;height:24px;}
#tool .interval{float:left;width:5px;height:24px;}
.menu1:hover{padding:0 2px;height:18px;line-height:18px;}
.menu1:hover i{margin-top:1px;}
.menu2:hover{padding:3px 3px;height:18px;line-height:16px;}
.menu2:hover i{margin-top:1px;}
.menu_no{float:left;padding:0px 3px;margin:0px 2px 0;height:20px;cursor:not-allowed;line-height:20px;color:#888;}
.menu_no i{margin:2px 2px 0 0;background:url(images/16x16/no2.png) no-repeat center;} 

.devide:after{float:left;width:10px;height:16px;line-height:18px;content:"|";padding:0 0 0 8px;color:#aaa;font-size:10px;}

#tool {clear:both;display:block;height:38px;}
#tool > div{float:left;margin:8px 3px 0;}
#tool > div > select{margin:12px 3px 0;padding:0;}
#tool > .leftbullet{float:left;width:2px;height:14px;display:inline-block;background:url(images/toolbar_left.png) no-repeat;margin:14px 6px 0 2px;}

#out_info{float:left;width:100px;height:20px;line-height:20px;
background:url(images/16x16/sad.png) no-repeat 4px center;
padding-left:30px;font-size:12px;color:#800000;
} 
#out_info span{font-weight:bold;}

#id_remain_time{
	float:left;width:85px;height:25px;margin:4px 5px 0 0;
	background:url(images/16x16/clock1.png) no-repeat 4px center;text-align:right;
	padding:1px 5px 0 0px;font-size:16px;color:#666;
}
	
i.paper{background:url(images/16x16/paper.png) no-repeat center;}
i.zoomin{background:url(images/16x16/zoomin.png) no-repeat center;}
i.zoomout{background:url(images/16x16/zoomout.png) no-repeat center;}
i.save{background:url(images/16x16/save.png) no-repeat center;}
i.sendpaper{background:url(images/16x16/sendpaper1.png) no-repeat center;}
i.pagearea{background:url(images/16x16/page_area.png) no-repeat;}
i.pagearea1{background:url(images/16x16/page_area1.png) no-repeat;}
i.back{background:url(images/16x16/back.png) no-repeat center;}
i.forward{background:url(images/16x16/forward.png) no-repeat center;}
i.first{background:url(images/16x16/first.png) no-repeat center;}
i.last{background:url(images/16x16/last.png) no-repeat center;}
i.upload{background:url(images/16x16/upload.png) no-repeat center;}

i.helpsymbol12{background:url(images/12x12/helpsymbol.png) no-repeat center;;}

#user_save_div2{color:#999;}
#user_save_time{height:20px;line-height:16px;padding:0 0 5px 5px;display:inline-block;}

#container{	position:absolute;top:45px;bottom:35px;left:0;right:0;margin:0;min-height:0;overflow:hidden; }
#container_omr{float:left;width:270px;height:100%;display:inline;text-align:center;overflow-y:auto;border:1px solid #777;}
#container_study{float:left;width:60px;height:100%;display:inline;text-align:center;overflow-y:auto;border:1px solid #777;}
.container_interval{float:left;width:5px;height:100%;overflow:hidden;}
.container_right{float:right;width:6px;height:100%;overflow:hidden;}
#container_main{position:absolute;top:0px;bottom:0px;left:282px;right:7px;zoom:1;margin:0;overflow-y:auto;background-color:#fff;padding:20px;border:1px solid #777;}
#container_main > div{position:relative;}
#container_main.on{left:6px;}

#container_mains{position:absolute;top:0px;bottom:0px;left:72px;right:7px;zoom:1;margin:0;overflow-y:auto;background-color:#fff;padding:20px;border:1px solid #777;}
#container_mains > div{position:relative;}
#container_mains.on{left:6px;}

#exam_footer { position:absolute;bottom:0;width:100%;height:30px;background:#473E34;text-align:center; }
#exam_footer .copyright{font-family:'나눔고딕',nanumgothic,'돋움',Dotum,helvetica,sans-serif;font-size:11px;color:#aca69f;line-height:28px;}
#exam_footer address{font-family:Verdana,sans-serif;font-size:9px;color:#ada7a1;}
#exam_footer address a{color:#c7c2bc}

.omr_navi,.study_navi{ margin:0;padding:0;width:100%;background-color:#eee; }
.omr_navi tr:hover{background-color:#FFFFC4;}
.omr_navi tr td{border-bottom:1px solid #ccc;}
.omr_navi tr td:first-child{width:40px;border-right:1px solid #ccc;font-size:16px;color:#666;cursor:pointer;}
.omr_navi tr td:last-child{text-align:left;border-right:none;}
.omr_navi tr:first-child {min-height:22px;height:22px;}
.omr_navi tr:first-child td,.study_navi tr:first-child td{ min-height:22px;height:22px;line-height:20px;color:#444;border-right:1px solid #999;border-bottom:1px solid #999;text-align:center;font-size:12px;cursor:default;
background: rgb(238,238,238);
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.omr_navi tr:first-child td:last-child{border-right:none;}
.omr_navi td.omr1{width:40px;}
.omr_navi td.omr_interval{padding:0;width:1px;background-color:#999;}

.study_navi tr td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-size:16px;color:#666;cursor:pointer;}

.omr_q_num {text-align:center;}

/* 문항 */
.QBank_Wrap_D{min-width:560px;max-width:600px;}
.QBank_Wrap_T{display:inline-block;}
.question_h_interval{height:50px;}
.Qbank_Area_QNum{position:relative;height:100%;width:50px;min-width:50px;min-height:25px;}
.Qbank_Area_QNum_Direction{position:relative;height:100%;width:20px;min-width:20px;min-height:25px;}
.Qbank_QNum_Txt{ position:absolute;cursor:move;width:44px;text-align:center;font-size:22px;line-height:22px;font-weight:bold;color:#666;padding:0px; }

.Qbank_Area_Main_T{clear:both;min-width:560px;max-width:600px;padding:1px;height:auto !important;position:relative;display:block;margin:0 0 50px 0;}
.Qbank_Area_Main_T,.QInfo_Text_AS{max-width:600px;word-break:keep-all;}
.QInfo_Text_AS{min-width:560px;word-break:keep-all;}
.Qbank_Area_Main_T div,.Qbank_Area_Main_T td, .QCont_Edit, .QInfo_Text, .MCB_Cont.T, .QCont_Edit td, .QCont_Edit div, .QCont_Edit td div{font:normal 18px 'Noto Sans KR';line-height:1.6em;}
.Qbank_Area_Main_T td, .QCont_Edit td {padding:5px;}
.Qbank_Area_Main_T.ACB{font:normal 22px 'Noto Sans KR';}
.QInfo_Text{line-height:20px;}
.QInfo_Text > img,.MCB_Cont.T > img { vertical-align:middle; }
.QInfo_Text td {padding:5px;}
/*.QInfo_Text td {padding:5px;border:1px solid #444;}*/
.w5{width:4px;display:inline-block;margin:0;padding:0;}


.OMR_TR td {padding:4px 0;}

.MAC_TBL{margin:10px 0 0 0;width:100%;}
.MAC_TBL tr td{padding:5px 0;}
.MAC_TD_Num{width:35px;vertical-align:top;position:relative;}
.MCB_Num{width:20px;height:21px;font-size:20px;color:#666;line-height:20px;padding:2px;margin:3px 0 0 0;}
.MCB_Num.T{text-align:center;font:normal 20px 'Noto Sans KR';line-height:20px;}
.MAC_TD_Cont img{margin:5px 0;vertical-align:middle;}
.MCB{cursor:pointer;}
.MCB_Num.On{font-weight:bold;color:#ddd;background-color:#444;border-radius:12px;}

.MC{float:left;width:20px;height:21px;padding:2px;margin:0 0 0 4px;color:#888;cursor:pointer;text-align:center;font-size:20px;line-height:20px;}
.MC:hover{color:#444;}
.MC.On{font-weight:bold;color:#ddd;background-color:#444;border-radius:12px;}
.MC_Box {margin-top:10px;}
/*.MC_DIV_Box {display:inline-block;border:0px solid #f40;padding-right:10px;vertical-align:top;}*/
.MC_DIV_Box {border:0px solid #f40;padding-right:10px;vertical-align:top;}

/* AC */
.AC_Box{position:relative;}
.AC{float:left;width:24px;height:24px;text-align:center;margin:auto 2px;color:#888;cursor:pointer;position:relative;font-size:22px;line-height:20px;}
.AC:hover{color:#444;}
/*.AC.On{background:url(images/icon/chk.png) no-repeat center;}*/
.AC.On{font-weight:bold;color:#ddd;background-color:#444;border-radius:11px;}

.AC_Box>.ACB{position:absolute;cursor:pointer;width:24px;height:24px;text-align:center;font:normal 22px 'Noto Sans KR';line-height:24px; }
.ACB:hover{color:#000;}
/*.ACB.On div.In{display:inline;background:url(images/icon/chk.png) no-repeat 5px 5px;}*/
.ACB.On{font-weight:bold;color:#ddd;background-color:#444;border-radius:11px;}
/*
.ACB div{width:24px;height:24px;margin:auto;display:block;}
.ACB div{display:none;}
.ACB div.In2{position:absolute;top:3px;left:3px;display:inline;background:url(images/icon/right_small.gif) no-repeat 0 0px;}
.ACB div.InT2{position:absolute;top:9px;left:0px;display:inline;background:url(images/icon/right_small.gif) no-repeat 0 0px;}
*/

.OX{float:left;width:28px;height:28px;text-align:center;margin:auto 3px;cursor:pointer;}
.OX.O{background:url(images/exam/ox_o_s.png) no-repeat;}
.OX.X{background:url(images/exam/ox_x_s.png) no-repeat;}
.OX.On{background-position:0px -28px}

.OX_Box{margin:15px 0 0 0;}
.OXB{float:left;width:40px;height:40px;margin:auto 5px;cursor:pointer;}
.OXB.O{background:url(images/exam/ox_o_b.png) no-repeat;}
.OXB.X{background:url(images/exam/ox_x_b.png) no-repeat;}
.OXB.On{background-position:0px -40px}

.SL_Box{min-width:500px;min-height:100px;border:1px solid #ccc;display:block;font:normal 16px 'Noto Sans KR';color:#666;padding:5px;line-height:20px;}

.not_answer{color:#888;}
.done_answer{color:#000;display:none;}

.LC_Box{position:absolute;z-index:10;width:100%;height:100%;left:0;top:0;}
.LCB{position:absolute;z-index:15;cursor:pointer;}
.LCB:hover{border:1px dashed #000;	}
.LCB div{position:absolute;width:15px;height:15px;}
.LC_Canvas{width:100%;height:100%;border:1px solid #0f0;position:absolute;;}

.SS_OMR_Box{clear:both;display:inline-block;margin:2px 0 0 0;}
.SS_OMR_Num {font-size:9px;color:#666;width:15px;float:left;display:block;}
.SS_OMR {width:133px;padding:0 3px 3px;font-size:14px;border:1px dashed #ccc;line-height:18px;}
.s_blank2{border:1px dotted #f40;font-family:'Arial','돋움';font-size:18px;float:left;display: block;
	min-height:16px;min-width:10px;padding:1px 2px;margin:2px;position:absolute;
	background-color:#fff;z-index:1000;
}
.s_blank{position:absolute;border:1px dotted #f40;background-color:#fff;z-index:1000;text-align:center;margin:2px;padding:0 0 3px;color:#666;}
.s_blank_num{position:absolute;z-index:1001;font-size:9px;height:9px;line-height:9px;color:#999;}

.SOS_Title{font:bold 20px 'Noto Sans KR';text-align:center;background-color:#666;color:#fff;margin:5px;padding:4px 0;}
.color_red{color:#f00;}
.color_darkblue{color:#0000A0;}
.color_black{color:#000;}
.color_777{color:#777;}

#top_tool1{}
#top_tool2{display:none;}
@media (max-width: 1130px) {
    #header_left{display:none;}
		#tool > .tool_txt1{display:none;}
    #header_cont{left:0;}
    #container_omr{width:200px;}
    #container_main{left:212px;}
    #container{bottom:5px;}
    #exam_footer{display:none;}
}

@media (max-width: 800px) {
	.tool_txt1{display:none;}
}
@media (max-width: 460px) {
	.tool_txt2{display:none;}
	#tool > .tool_txt2{display:none;}
}
@media (max-width: 420px) {
	.tool_txt42{display:none;}
}
@media (max-width: 370px) {
	#user_save_div_i{display:none;}
	#user_upload_i{display:none;}
	#user_upload{border:1px solid #444;}
}

.imggray {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
} 

.ibt_warning{font:normal 48px 'Noto Sans KR';}
#ibt_warning_text{font:normal 24px 'Noto Sans KR';}
.explain_outpage_text {font:normal 24px 'Noto Sans KR';padding:10px;margin:10px 10px 0;background-color:#400000;color:#fff;font-weight:bold;letter-spacing:-0.05em;}

.s_blanktxt {font:normal 18px 'Noto Sans KR';padding:0 5px;color:#666;border:1px dashed #444;}
.ibt_warning_sub2{font:normal 24px 'Noto Sans KR';margin:30px 0 0 0;}
.button_warning{font:normal 36px 'Noto Sans KR';margin-top:30px;padding:10px 20px;cursor:pointer;border-radius:10px;background-color:#fff;}

/* OMR */

.O_SS {margin-top:10px;}
.O_SS > input{width: 250px; height: 30px;}
.OMR_Not_Cont_MC {float:left;}

/*Eval*/
.MC_Num_Eval{	position:absolute;z-index:100;width:24px;height:24px;left:0px;top:8px;font-size:18px; }
.MC_Num_Eval.Chk{ background:url(./images/icon/chk.png) no-repeat center }
.MC_Num_Eval.Correct{ background:url(./images/icon/right_small.gif) no-repeat center; }

.Qbank_AS_Cont {padding:0 0 0 15px;}
.QInfo_Text_AS{font:normal 18px 'Noto Sans KR';line-height:1.5em;}

/*Study*/
.estudybtn {margin-top:40px;width:100%;border:0px solid #ccc;background-color:#004000;color:#fff;border-radius:5px;}
.estudybtn.On {background-color:#444;color:#fff;}
.estudysolve {margin-top:20px;}

.EStudyMC {display:none;}
span.stitle14 {font-size:16px;background-color:#004000;color:#fff;padding:0 5px 2px;display:inline-block;margin:10px 0 0 0;border-radius:5px;}

#user_upload {font-size:15px;}

.chkomr {background-color:#fff;}


/* DD */
.QDD {display:inline-block;margin:0 2px 4px 0px;min-width:10px;text-align:center;cursor:pointer;}
.QDD.qrag:hover {background-color:#f80;}
.QDD.qrop {float:left;}
.QDD.P {padding:5px 10px;}
.QDD.F {border:1px solid #aaa;}
.QDD.B {border-bottom:1px solid #aaa;}

/*LC*/
.QLC {display:inline-block;min-width:100px;min-height:30px;display:inline-block;cursor:pointer;border:1px dashed #fff;}
.QLC:hover {background-color:#f80;border:1px dashed #f80;}
.QLC.lcleft {background:url(images/exam/lc_dot.png);background-repeat:no-repeat;background-position:right center;text-align:left;}
.QLC.lcright {background:url(images/exam/lc_dot.png);background-repeat:no-repeat;background-position:left center;text-align:right;}

/*C1*/
.QC1 tbody tr td{min-width:30px;min-height:30px;text-align:center;cursor:pointer;}
.QC1 tbody tr td.F {border:1px solid #666;}
.QC1 tbody tr td.On {background-color:#444;color:#fff;}
.QC1.B {border-bottom:1px solid #f80;}

/*SQ*/
.record {padding:0 5px;}


/* UQ */
.uq_tbl {display:inline-block;vertical-align:middle;margin-left:3px;}
.uq_tbl table tr td {padding:0;text-align:center;border:0px solid #f40;}
.uq_tbl table tr td.uq_dbl {padding:0 4px;}
.uq_tbl table tr td.uq_utd {}
.uq_tbl table tr td.uq_btd {line-height:20px;border-top:1px solid #000;padding-top:1px;}

.mathtxt{font-family:'serif';font-size:18px;}



#out_page.metsakuur{right:15%;}
#ready_page.metsakuur{right:15%;}
#ready_iframe.metsakuur{width:85%;}
#dlayer_page.metsakuur{right:15%;}
#dlayer_page_close.metsakuur{right:calc(15% + 40px);}
#tabarrow.metsakuur{right:15%;}
#tabarrow2.metsakuur{}
.container_right.metsakuur{width:15%;background-color:#fff;}
#container_main.metsakuur{right:15%;}
#alert_page.metsakuur{right:15%;}

/* 23-02-06 */
.ltab  {border:0px solid #f40;position:absolute;left:0;top:44px;height:22px;padding:0 0 0 5px;}
.ltab > div {float:left;background-color:#fff;border-radius:5px;border:1px solid #ccc;padding:0 3px;height:22px;line-height:22px;margin:0 0 0 1px;cursor:pointer;letter-spacing:-0.05em;}
.ltab > div.on {background-color:#444;color:#fff;}
#tabarrow {position:absolute;left:282px;bottom:0;right:7px;font:normal 36px 'Noto Sans KR';border:0px solid #f40;height:38px;}
#tabarrow.metsakuur{right:15%;}
#tabarrow > div {font:normal 18px 'Noto Sans KR';cursor:pointer;height:38px;line-height:38px;display:inline-block;background-color:#444;color:#fff;padding:0 10px;float:left;}
#tabarrow > div#anext {float:right;}
#tabarrow > div#anextdone {display:none;}
#tabarrow > div.off {cursor:normal;background-color:#ccc;color:#aaa;}

#tabarrow2 {width:100%;font:normal 36px 'Noto Sans KR';border:0px solid #f40;height:38px;text-align:center;margin-bottom:30px;}
#tabarrow2.metsakuur{}
#tabarrow2 > div {font:bold 18px 'Noto Sans KR';border-radius:5px;height:38px;line-height:38px;display:inline-block;background-color:#444;color:#fff;padding:0 10px;margin:0 15px;}
#tabarrow2 > div#aprev {cursor:pointer;}
#tabarrow2 > div#anext {background-color:#00f;cursor:pointer;}
#tabarrow2 > div.off {cursor:normal;background-color:#ccc;color:#aaa;}
#tabarrow2 > div.adone {cursor:normal;background-color:#fff;color:#f00;}
.mred {color:#f00;}
.dbtn {color:#eee;width:100%;border:1px solid #444;background-color:#777;border-radius:5px;line-height:20px;padding:2px 2px 0;cursor:pointer;}

#kalert {min-width:280px;background-color:#fff;position:absolute;right:10px;bottom:10px;border:1px solid #ccc;z-index:1000000;text-align:center;padding:10px 0;font-size:16px;}
#kalert.red {background-color:#f00;color:#fff;}
#kalert.green {background-color:#009F00;color:#fff;}

#kconfirm {min-width:400px;background-color:#fff;position:absolute;border:1px solid #444;z-index:1000000;padding:5px;}
#kconfirm > div {font-size:16px;}
#kconfirm > div.kc_tit {border-bottom:1px dotted #ccc;padding:0 0 5px;color:#777;}
#kconfirm > div.kc_msg {padding:10px;}
#kconfirm > div.kc_btn {text-align:right;margin-top:10px;}
#kconfirm > div.kc_btn > button {font-size:18px;border-radius:5px;border:1px solid #ccc;padding:5px 10px;cursor:pointer;}

.accordion_omrbox {background-color:#eee;border-bottom:1px dotted #ccc;cursor:pointer;text-align:left;text-indent:5px;padding:5px 0;font:normal 18px 'Noto Sans KR';height:20px;}
.accordion_omrbox > div {color:#888;float:left;display:inline-block;font-size:14px;letter-spacing:-0.05em;}
.accordion_omrbox > div.tqterm {}
.accordion_omrbox > div.tsbtn {float:right;margin:0 5px 0 0;border:1px solid #ddd;border-radius:3px;background-color:#ccc;padding:0 3px;height:20px;line-height:18px;text-indent:0;color:#555;letter-spacing:-0.05em;}
.accordion_omrbox.on {background-color:#008000;color:#fff;border-bottom:1px dotted #444;}
.accordion_omrbox.on > div {color:#fff;}
.accordion_omrbox.on > div.tsbtn {color:#fff;background-color:#444;border:1px solid #777;}

#out_page{position:absolute;left:0;top:45px;right:0;bottom:1px;z-index:5;background-color:#000;text-align:center;color:#fff;display:none;}
#out_page.metsakuur{right:15%;}
#ready_page.metsakuur{right:15%;}
#ready_iframe.metsakuur{width:85%;}

#dlayer_page{position:absolute;left:282px;top:45px;right:0;height:50%;z-index:3;overflow:auto;background-color:#fff;border:2px solid #444;padding:10px 0 30px;}
#dlayer_page.metsakuur{right:15%;}
#dlayer_page_close{position:absolute;width:60px;height:30px;top:55px;right:0;z-index:4;overflow:hidden;background-color:#007E00;color:#fff;font-size:18px;text-align:center;line-height:28px;cursor:pointer;border-radius:5px;}
#dlayer_page_close.metsakuur{right:calc(15% + 40px);}

#alert_page{position:absolute;left:0;top:0;right:0;bottom:1px;z-index:100000000003;background-color:#fff;text-align:center;color:#000;display:none;overflow:auto;}
#alert_page.metsakuur{right:15%;}

/* 대한검정회 */
.hanjabox {border:2px solid #ddd;margin:10px 0;min-width:200px;min-height:100px;text-align:center;position: relative;display: table;}
.hanjabox > div{display: table-cell;vertical-align:middle;border:1px solid #ddd;font-size:36px;font-weight:bold;padding:10px 20px;}
.hanjaimg { border:2px solid #ddd;margin:10px 0;display:inline-block;padding:10px; }