@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

html{-webkit-text-size-adjust:auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0;}
body{background:#fff; background-repeat: repeat-x;}
a{text-decoration:none;}
ul,ol,dl {list-style:none; margin:0 auto;}
li {display:inline;}
img {border:0;}


/*PC*/

body {font-family:"nanumgothiccoding"}
#wrap-pc { width:100%; margin:0 auto;}
.top-pc { margin:0 auto; width:100%; text-align:center; height:622px; background: url("../../images/qr_code/mathTest/plan_bg1.png") repeat-x;}
.top-img {  margin:0 auto; background: url("../../images/qr_code/mathTest/plan_top.png") no-repeat; width:1548px; height:682px;}
.btn-close {z-index:3; /*position:relative; */ padding:20px  0 0 872px;  }

.con-pc { margin:0 auto; width:100%; text-align:center; height:1111px; background: url("../../images/qr_code/mathTest/plan_bg2.png") }


.btn-pc { margin:0 auto; width:100%; text-align:center; background: url("../../images/qr_code/mathTest/plan_bg3.png"); padding-bottom:100px; }

.event-pc { margin:0 auto; width:100%; text-align:center; background: url("../../images/qr_code/mathTest/plan_bg2.png"); padding:100px 0 100px 0; }

.btn-wrap { margin:0 auto; padding:74px 0 13px 0;}





/* 2017 01 추가, 수정*/


/* 01_디딤돌 교재 선택 가이드 */
.book_guide { margin:0 auto; width:1000px;}
.book_guide .tit { width:1000px; height:61px; background-color:#5ecbff;}
.btn-guide-close {z-index:10; /*position:relative;*/ padding:9px 10px 0 0px;   text-align:right;}
.book_guide .con {background: url("../../images/qr_code/mathTest/plan_bg4.png")  repeat-y; padding:60px 0 40px 0; height:618px; border-bottom:#37c7fc solid 3px;}
.book_guide .tb {margin:0 auto; width:1000px;}
.book_guide .tb ul {text-align:center;}
.book_guide .tb li { }
.step2-w {width:164px; padding-right:21px; float:left;}



/* 02_시기별 연간 교재 활용법 */
.book_use { margin:0 auto; width:1000px;}
.book_use .tit { width:1000px; height:61px; background-color:#5ecbff;}
.btn-use-close {z-index:10; /*position:relative;*/ padding:9px 10px 0 0px;   text-align:right;}
.book_use .con {background: url("../../images/qr_code/mathTest/plan_bg4.png")  repeat-y; padding:60px 0 40px 0; height:1153px; border-bottom:#37c7fc solid 3px;}
.book_use .tb {margin:0 auto; width:1000px;}


/* 03_학습스케쥴표 */
.down-pc { margin:0 auto; width:1000px;}
.down-pc .tit { width:1000px; height:61px; background-color:#5ecbff;}
.btn-down-close {z-index:10; /*position:relative;*/ padding:9px 10px 0 0px;   text-align:right;}
.down-pc .con {background: url("../../images/qr_code/mathTest/plan_bg4.png")  repeat-y; padding:60px 0 174px 0; height:353px; border-bottom:#37c7fc solid 3px;}
.down-pc .tb {margin:0 auto; width:692px;} .down-pc .tb2 {margin:0 auto; width:818px;}
.down-pc .tb ul {height:48px; padding-bottom:20px;} .down-pc .tb2 ul {height:48px; padding-bottom:20px;}
.down-pc .tb li {float:left;} .down-pc .tb2 li {float:left;}
.btn-off a {width:99px; padding:15px 0px; background-color:#fffccf; border:#9d9287 solid 1px; font-weight:bold; font-size:16px; color:#535353; display:block; }
.btn-on a {width:99px;padding:15px 0px; background-color:#65fcff; border:#9d9287 solid 1px; font-weight:bold; font-size:16px; color:#000; display:block;  }

.btn-off2 a {width:351px; padding:15px 0px; background-color:#fffccf; border:#9d9287 solid 1px; font-weight:bold; font-size:16px; color:#535353; display:block; }
.btn-on2 a {width:351px;padding:15px 0px; background-color:#65fcff; border:#9d9287 solid 1px; font-weight:bold; font-size:16px; color:#000; display:block;  }

.btn-off3 a {width:288px; padding:15px 0px; background-color:#fffccf; border:#9d9287 solid 1px; font-weight:bold; font-size:16px; color:#535353; display:block; }
.btn-on3 a {width:288px;padding:15px 0px; background-color:#65fcff; border:#9d9287 solid 1px; font-weight:bold; font-size:16px; color:#000; display:block;  }

.btn-off4 a {width:81px; padding:15px 0px; background-color:#fffccf; border:#9d9287 solid 1px; font-weight:bold; font-size:16px; color:#535353; display:block; }
.btn-on4 a {width:81px;padding:15px 0px; background-color:#65fcff; border:#9d9287 solid 1px; font-weight:bold; font-size:16px; color:#000; display:block;  }


/* 04_마무리 학습 점검표 */
.finish { margin:0 auto; width:1000px;}
.finish .tit { width:1000px; height:61px; background-color:#5ecbff;}
.btn-finish-close {z-index:10; /*position:relative;*/ padding:9px 10px 0 0px;   text-align:right;}
.finish .con {background: url("../../images/qr_code/mathTest/plan_bg4.png")  repeat-y; padding:60px 0 216px 0; height:311px; border-bottom:#37c7fc solid 3px;}
.finish .tb {margin:0 auto; width:692px;}
.finish .tb ul {height:48px; padding-bottom:20px;}
.finish .tb li {float:left;}



.pad01 {padding-right:81px;}
.pad02 {padding-bottom:24px;}
.pad03 {padding-right:38px;}
.pad04 {padding-right:25px;}
.pad04 a {margin-bottom:6px;}

.pad05 {padding-right:81px;}
.pad06 {padding-right:38px;}
.pad07 {margin-top:20px;}
.pad08 {padding-bottom:50px;}
.pad09 {padding-right:21px;}
.pad10 {padding-right:13px;}
.pad11 {padding-right:15px;}
.pad12 {padding-right:7px;}


.result {z-index:20; position:relative; top:-330px;}


/*
.hove1:hover {background: url("/images/qr_code/mathTest/guide_1_btn1_on.png") no-repeat;}
.hove2:hover {background: url("/images/qr_code/mathTest/guide_1_btn2_on.png") no-repeat;}
*/

/*Mobile*/

#wrap-m{ width:100%; margin:0 auto;}
.top-m { margin:0 auto; width:100%; text-align:center; repeat-x;}
.con-m { margin:0 auto; width:100%; text-align:center; }
.btn-m { margin:0 auto; width:100%; text-align:center; background: url("../../images/qr_code/mathTest/plan_bg3_m.png"); padding-top:5%; padding-bottom:7%;  }
.event-m { margin:0 auto; width:100%; text-align:center; }
.pad-m {padding-right:10%;}