﻿/*갤러리*/
img {border:none;}
body {font-family:맑은 고딕, 돋움, sans-serif; padding:0; font-size:16px;}
ul{position:absolute; top:235px; width:770px; left:150px; padding-bottom:150px;} 
li{text-decoration:none; float:left; text-align:center; width:160px; height:180px; margin:10px; padding:4px; list-style:none; border:1px solid #d5d5d5; cursor:pointer; color:#101010;}
li img{position:relative; max-width:140px; max-height:140px; top:50%; margin-top:-90px;}
li:hover{border-color:#909090;}
.content_box {position:absolute; width:1000px; left:50.4%; margin-left:-500px;}
.search-box {position:absolute; top:170px; left:50%; margin-left:-250px; width:500px; padding:0.4em; font-size:16px; color:#777; font-family:맑은 고딕, 돋움, 굴림} 
.litxt{font-size:12px; position:absolute; margin-top:145px; width:160px; text-align:center;} 
.guide_txt{position:absolute; top:94px; font-size:12px; color:#a0a0a0; left:700px; width:280px;}


/*버튼 팝업 CSS*/
.popup_pc{background:url('../img/bt_pc_off.png'); position:absolute; left:265px; top:6px; width:67px; height:21px; border:none;}
.popup_pc:hover{background:url('../img/bt_pc_on.png');}
.popup_mob{background:url('../img/bt_mob_off.png'); position:absolute; left:340px; top:6px; width:67px; height:21px; border:none;}
.popup_mob:hover{background:url('../img/bt_mob_on.png');}
.popup_overlay{display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.70; filter: alpha(opacity=70);}
.popup_content_pc{display:none; position:fixed; width:613px; height:361px; left:50%; top:240px; margin-left:-306px; z-index:1002; overflow: auto;}
.popup_content_mob{display:none; position:fixed; width:676px; height:567px; left:50%; top:150px; margin-left:-338px; z-index:1002; overflow: auto;}

/*수학 정렬*/
.line_1{position:absolute; top:235px; left:383px;}
.line_1 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_2{position:absolute; top:269px; left:383px;}
.line_2 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_3{position:absolute; top:303px; left:583px;}
.line_3 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_3_1{position:absolute; top:303px; left:866px;}
.line_3_1 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
/*수학정렬(서술형평가)*/
.line_3_2{position:absolute; top:303px; left:383px;}
.line_3_2 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
/*수학 정렬*/
.line_4{position:absolute; top:424px; left:281px;}
.line_4 img{margin-right:109px; margin-left:4px; margin-bottom:-4px;}
.line_5{position:absolute; top:545px; left:281px;}
.line_5 img{margin-left:4px; margin-bottom:-4px;}
.line_5_1{position:absolute; top:545px; left:466px;}
.line_5_1 img{margin-left:4px; margin-bottom:-4px;}
.line_5_2{position:absolute; top:545px; left:708px;}
.line_5_2 img{margin-left:4px; margin-bottom:-4px;}


/*국어 1~2 정렬*/
.line_g1{position:absolute; top:337px; left:383px;}
.line_g1 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_g2{position:absolute; top:371px; left:383px;}
.line_g2 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_g3{position:absolute; top:492px; left:281px;} /*6학년 자료*/
.line_g3 img{margin-right:109px; margin-left:4px; margin-bottom:-4px;}
.line_g4{position:absolute; top:613px; left:281px;}
.line_g4 img{margin-left:4px; margin-bottom:-4px;}
/*국어 3~6 정렬*/
.line_g2_2{position:absolute; top:303px; left:383px;}
.line_g2_2 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_g3_2{position:absolute; top:424px; left:281px;} /*6학년 자료*/
.line_g3_2 img{margin-right:109px; margin-left:4px; margin-bottom:-4px;}
.line_g4_2{position:absolute; top:545px; left:281px;}
.line_g4_2 img{margin-left:4px; margin-bottom:-4px;}


/*사회 정렬*/
.line_s1{position:absolute; top:235px; left:463px;}
.line_s1 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_s2{position:absolute; top:269px; left:463px;}
.line_s2 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_s2_1{position:absolute; top:252px; left:704px;} /*정답과 해설*/
.line_s2_1 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_s2_2{position:absolute; top:252px; left:785px;} /*정답과 해설*/
.line_s2_2 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}

.line_s3{position:absolute; top:303px; left:450px;}
.line_s3 img{margin-right:15px; margin-left:4px; margin-bottom:-4px;}
.line_s3_1{position:absolute; top:337px; left:463px;}
.line_s3_1 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}

.line_s4{position:absolute; top:458px; left:281px;}
.line_s4 img{margin-right:109px; margin-left:4px; margin-bottom:-4px;}

.line_s5{position:absolute; top:579px; left:281px;}
.line_s5 img{margin-left:4px; margin-bottom:-4px;}


/*과학 정렬*/
.line_k2{position:absolute; top:252px; left:785px;} /*정답과 해설*/
.line_k2 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_k3{position:absolute; top:303px; left:461px;}
.line_k3 img{margin-right:48px; margin-left:4px; margin-bottom:-4px;}
.line_k4{position:absolute; top:390px; left:281px;}
.line_k4 img{margin-right:109px; margin-left:4px; margin-bottom:-4px;}
.line_k5{position:absolute; top:511px; left:281px;}
.line_k5 img{margin-left:4px; margin-bottom:-4px;}

.line_k4_1{position:absolute; top:424px; left:281px;} /*6학년 자료*/
.line_k4_1 img{margin-right:109px; margin-left:4px; margin-bottom:-4px;}
.line_k5_1{position:absolute; top:545px; left:281px;}
.line_k5_1 img{margin-left:4px; margin-bottom:-4px;}
