/* ¸ð¹ÙÀÏ¿ë CSS */

/* 񃧯 CSS */
#wrap{
display:flex;
flex-flow:column nowrap;
justify-content:space-between;
width:100%;
height:100%;
margin:0 auto;
/*margin-top:80px;
margin-bottom:50px;*/
max-width:750px;
}

#wrap section{
-moz-box-sizing:border-box;
box-sizing:border-box;
}


/* Çì´õ ¿µ¿ª CSS */
.header{
position:relative;
top:0;
width:100%;
padding:0 auto;
background:#fff;
z-index:99;
}

.header .logo{
float:left;
padding:2px 0;
}

.gnb{
display:none;
position:absolute;
top:100%;
left:50%;
width:48%;
background:#3f51b5;
z-index:9999;
}

.gnb li{
border-bottom:1px solid #303f9f;
}

.gnb li a{
display:block;
padding:14px 0 14px 5%;
font-size:14px;
color:#fff;
}

.header .menu-toggle-btn{
float:right;
width:30px;
margin-top:5px;
margin-right:20px;
cursor:pointer;
}

.header .menu-toggle-btn span{
display:block;
width:100%;
height:2px;
background:#3f51b5;
}

.header .menu-toggle-btn span:nth-child(2){
margin:5px 0;
}

.header .menu-toggle-btn span:nth-child(3){
margin:5px 0;
}

/* µð½ºÇ÷¹ÀÌ ¿µ¿ª CSS */

.display_section{
width:100%;
height:25px;
padding:2px 2px;
background:#fff;
text-align:center;
}

.display_section .no_disp{
float:left;
margin-left:5px;
margin-top:2px;
font-size:20px;
font-weight:bold;
color:#003399;
}

.display_section .labeltxt{
width:100%;
margin-top:5px;
color:#e65d5d;
font-size:18px;
font-weight:bold;
text-align:center;
}

.display_section .time_disp{
float:right;
margin-right:5px;
margin-top:2px;
font-size:20px;
font-weight:bold;
color:#ff0000;
}

/* ÄÜÅÙÃ÷ ¿µ¿ª CSS */

.contents_section{
display:flex;
width:100%;
}

.contents_section .prob_no{
padding:20px 12px;
width:90px;
height:34px;
font-size:35px;
text-align:center;
/*text-transform:uppercase;*/
font-weight:bold;
color:#fff;
background:#0b9444;
}

.contents_section .prob_text{
padding:12px 12px;
width:100%;
height:50px;
line-height:120%;
font-size:24px;
text-align:left;
/*text-transform:uppercase;*/
font-weight:bold;
color:#fff;
background:#29c24c;
}

.contents_section .prob_no_yua{
padding:12px 12px;
width:50px;
height:30px;
font-size:24px;
text-align:center;
font-weight:bold;
color:#fff;
background:#0b9444;
}

.contents_section .prob_text_yua{
padding:12px 12px;
width:100%;
height:30px;
line-height:120%;
font-size:18px;
text-align:left;
/*text-transform:uppercase;*/
font-weight:bold;
color:#fff;
background:#29c24c;
}

.contents_section .prob_conts{
display:inline-block;
padding:20px;
width:100%;
height:160px;
line-height:120%;
font-size:24px;
text-align:left;
/*text-transform:uppercase;*/
font-weight:bold;
color:#000;
background:#fff;
}

.contents_section .prob_conts2{
display:inline-block;
padding:3px;
width:100%;
text-align:center;
background:#fff;
}

.contents_section .prob_conts3{
display:inline-block;
padding:0px;
width:100%;
height:400px;
text-align:center;
background:#fff;
border:0;
overflow-x:hidden; 
overflow-y:scroll; 
-webkit-overflow-scrolling: touch; 
}

.contents_section .prob_conts4{
display:inline-block;
padding:10px;
width:100%;
line-height:120%;
font-size:20px;
text-align:left;
/*text-transform:uppercase;*/
font-weight:bold;
color:#000;
background:#fff;
}

.contents_section .prob_examp{
/*display:inline-block;*/
padding:2px;
width:100%;
text-align:center;
background:#fff;
}

.contents_section .prob_button{
display:inline-block;
padding:16px;
width:100%;
height:40px;
line-height:160%;
text-align:center;
background:#fefbc9;
}

.contents_section .exam_text{
display:inline-block;
padding:5px;
width:100%;
line-height:120%;
text-align:left;
font-size:16px;
font-weight:bold;
color:red;
background:#fefbc9;
}

.main_dp
{
	display:block;
	padding:0 auto;
	margin:0, auto;
	width:100%;
	height:auto;
}

/* ǪÅÍ ¿µ¿ª CSS */
.footer{
position:relative;
bottom:0;
width:100%;
background:#474747;
z-index:999998;
line-height:105%;
text-align:center;
}

.footer span{
padding:10px;
font-size:11px;
text-align:center;
/*text-transform:uppercase;*/
font-weight:bold;
color:#fff;
}

/* ÅÂºí¸´¿ë CSS */

@media all and (min-width:768px){

/* 񃧯 CSS */
#wrap{
}

/* Çì´õ ¿µ¿ª CSS */
.header{
}

.logo{
}

.logo a{
}


/* ÄÜÅÙÃ÷ ¿µ¿ª CSS */

.contents_section{
}

/* ǪÅÍ ¿µ¿ª CSS */
.footer p{
}
}

/* PC¿ë CSS */

@media all and (min-width:960px){

/* 񃧯 CSS */
#wrap{
}

/* Çì´õ ¿µ¿ª CSS */
.header{
}

.logo{
}


/* ÄÜÅÙÃ÷ ¿µ¿ª CSS */

.contents_section{
}


/* ǪÅÍ ¿µ¿ª CSS */
.footer{
}

.footer p{
}
}