body {background:url(../images/bg_allpage2.jpg) #ffcd1e center; background-size:cover; } /* url(../images/bg_allpage.jpg) */

.banner_header{width: 100%; max-width:720px; margin: 0 auto; text-align: center;  }
.banner_header img{width: 100%;}
.banner_header span{ display: block; background-color:#222;  color: #fff; font-size: 1.5rem; letter-spacing:0; padding: 10px 0 ; }
 
header{   width: 100%; max-width:720px; margin: 0 auto; text-align: center; }

#content { width: 100%; max-width:720px; margin: 20px auto; padding-bottom: 300px;}
.main {overflow:hidden; }
.sub { padding:14px; box-sizing:border-box; }
.main h1 { color: #2a314b; font-weight:800; font-size: 3.1rem; letter-spacing: -0.05em; text-align:center; margin-top:45px;}
.main .txt { color: #222; font-size: 1.2rem; font-weight:; text-align:center; margin-top:25px; line-height:1.6em;}
.main .txt strong {color:#ff3030 ;}

/*버튼 공통*/
.btn{text-align:center;}
.btn ul{display:inline-block; *display:inline; zoom:1; overflow:hidden;}
.btn ul li{float:left; margin-left:-1px; z-index:1;}

/*버튼 그룹*/
.btn.begin{ margin-top:31px;} 
.btn.begin  ul li{ margin:0 5px;} 

.btn.exam{ margin-top:10px;} 
.btn.begin  ul li{ margin:0 5px;} 

/*버튼 색상*/
.btn ul li.blue a{ color:#FFF; background:#fff; border:1px solid #27356b; border-radius: 30px; padding:10px 30px; font-size: 1.4em; font-weight:bold; color:#27356b; display:block; transition:.3s;}
.btn ul li.blue a:hover { background:#27356b; border:1px solid #27356b; color:#fff;}


/*문제풀이 버튼*/
.btn.study{text-align:center;}
.btn.study ul{display:inline-block; *display:inline; zoom:1; overflow:hidden;}
.btn.study ul li{ display:block; clear:both;}
.btn.study ul li.blue a { color:#27356b; background:#fff; border:1px solid #27356b; border-radius: 30px; padding:10px 0; font-size: 1.4em; font-weight:bold; display:block; width:200px; margin:0; transition:.3s;}
.btn.study ul li.blue a:hover { background:#27356b; border:1px solid #27356b; color:#fff; }
.btn.study ul li.blue2 a { color:#fff; background:#999; border-radius: 30px; padding:10px 0; font-size: 1.4em; font-weight:500; display:block; width:200px; margin-top:10px; transition:.3s;}
.btn.study ul li.blue2 a:hover { background:#555;}



/*문제현황*/
.status { background:#222; height:55px; padding:10px 14px; box-sizing:border-box; overflow:hidden; position:relative;}
.status .prev { float:left; width:35px ; }
.status .prev img {width:100% ; }
.status .next {  float:right; width:35px ;}
.status .next img {width:100% ; }
.status .time { position:absolute; text-align:center; width:220px ; left:50%; margin-left:-110px; color:#ffd800;font-size: 1.6em; font-weight:500; background:url(../images/ico_time.png) no-repeat; background-size:35px; padding-left:; line-height:35px; }

.target{ position:absolute; text-align:center; width:220px ; left:50%; margin-left:-110px; color:#ffd800;font-size: 1.6em; font-weight:500; background:url(../images/ico_target.png) no-repeat; background-size:35px; padding-left:; line-height:35px; }

.glass{ position:absolute; text-align:center; width:160px ; left:50%; margin-left:-80px; color:#ffd800;font-size: 1.6em; font-weight:500; background:url(../images/ico_target.png) no-repeat; background-size:35px; padding-left:; line-height:35px; }


/*문제영역*/
.exam {background:rgba(255,255,255,1.0); border-radius:20px; padding-bottom:30px;}
.exam .header { background:#27356b; border-radius:20px 20px 0 0; padding:15px 20px; overflow:hidden;font-size: 1.4em; font-weight:bold; color:#fff; }
.exam .header .kind {float:left;}
.exam .header .point {float:right; font-weight:400; font-size:0.9em;}
.exam > .content {padding:25px; overflow:hidden; color:#222;font-size: 1.4em;line-height:1.5em; }
.exam .question { font-size: 1.1em; font-weight:600;  }
.exam .img {margin-top:20px;}
.exam .img img { width:100%;}
.exam .answer {margin-top:10px; text-align:left;}
.exam .answer label {margin-top:15px; display:block; overflow:hidden;}
.exam .answer label input { float:left; margin-top:5px; }
.exam .answer label span { float:left; width:90%; margin:0 0 0 10px;}
.exam .answer label span.wrong { color:#F30; text-decoration: line-through}
.exam .answer label span.correct { color:#ffde00;}
.exam .study {margin-top:30px;font-size: 1em; color:#222; }
.exam .study >  .tit {border-top:1px #999 solid; padding-top:20px; font-weight:600; color:#2a314b;}
.exam .study > .content {margin-top:5px;font-size: 0.9em; color:#222}

input[type='checkbox']{vertical-align:middle;} 
input[type='checkbox']{background: url(../images/bg_num_new.png) ; background-size:cover; border:solid 1px #b9b9b9;  height:17px; width:17px; -webkit-appearance:none; } 
input[type='checkbox']:checked{ } 
input[type='checkbox']:checked:after {content:' '; display:block; width:15px; height:15px; background: url(../images/bg_num.png)  ;background-size:cover; position:relative; background-position:   0 15px;  }

input#a2 {background-position:   0 75px;  }
input#a3 {background-position:   0 60px;  }
input#a4 {background-position:   0 45px;  }
input#a5 {background-position:   0 30px;  }


footer { position:fixed; bottom:0; width: 100%; margin: 0 auto;z-index: -1; }
footer .footer {font-size: 1em; font-weight:; text-align:center; line-height:1.7; padding:10px 0; color: #fff; background:rgba(42,49,75,0.9)}
footer .footer a { color:#FFF !important;}

/*결과화면*/
.result { background:rgba(255,255,255,1.0); border-radius:20px 20px 15px 15px; padding-bottom:40px; margin:0 0 150px; }
.result .header { background:#27356b; border-radius:20px 20px 0 0; padding:15px 20px; overflow:hidden;font-size: 1.6em; font-weight:bold; color:#fff; text-align:center; }
.result .header strong {color:#ffc000;}
.result .content .point { background:url(../images/bg_result.png); background-size:cover; width:305px; margin: 20px auto 0;color:#27356b;   font-size: 9em; text-align:center; font-family:sans-serif ;line-height:190px;height:200px;}
.result .content .pass { background:#ffcd1e; border-radius:30px; color:#222;  font-size: 1.8em; text-align:center; font-family:sans-serif ;line-height:50px; margin:25px auto; width:80%; }
.result .footer ul { display:flex; justify-content:space-between; margin:30px auto 0; width:80%; }
.result .footer li{ width:23%; }
.result .footer li img{ width:100%;}




/* 모바일 */
@media (max-width:767px){
body {background:url(../images/bg_allpage2_mob.jpg) #ffcd1e center; background-size:cover; }



}
