﻿/*갤러리*/
a{text-decoration:none;}
img{border:none;}
body {background-color:#fff; font-family:맑은 고딕, 돋움, sans-serif; margin:0; padding:0; font-size:16px;}
ul{position:absolute; top:250px; width:790px; left:160px;} 
li{text-decoration:none; float:left; text-align:center; width:160px; height:180px; margin:5px; padding:10px; 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:350px; width:500px; padding:0.4em; font-size:16px; color:#777; font-family:맑은 고딕, 돋움, 굴림} 
.list-count {position:absolute; top:180px; left:875px; color:#909090; font-size:14px;}
.litxt{font-size:12px; position:absolute; margin-top:155px; width:160px; text-align:center;} 
.hidden {display:none;}
.empty-item {color:#909090; margin-top:40px; padding:0.5em 0.8em; font-style:italic; border:none; text-align:center; visibility:hidden; opacity:1; float:left; clear:left; width:100%;}
.empty .empty-item {opacity:0.8; visibility:visible; }
.guide_txt{position:absolute; top:215px; font-size:14px; color:#a0a0a0; left:350px; }

/*정렬*/
.line_1{position:absolute; top:197px; left:540px;}
.line_1 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_2{position:absolute; top:231px; left:540px;}
.line_2 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_3{position:absolute; top:265px; left:540px;}
.line_3 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

.line_4{position:absolute; top:367px; left:540px;}
.line_4 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_5{position:absolute; top:401px; left:540px;}
.line_5 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_6{position:absolute; top:435px; left:540px;}
.line_6 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

.line_7{position:absolute; top:537px; left:416px;}
.line_7 img{margin-right:27px; margin-left:4px; margin-bottom:-4px;}
.line_8{position:absolute; top:571px; left:416px;}
.line_8 img{margin-right:27px; margin-left:4px; margin-bottom:-4px;}
.line_9{position:absolute; top:605px; left:416px;}
.line_9 img{margin-right:27px; margin-left:4px; margin-bottom:-4px;}

.line_10{position:absolute; top:707px; left:540px;}
.line_10 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_11{position:absolute; top:741px; left:540px;}
.line_11 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_12{position:absolute; top:775px; left:540px;}
.line_12 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

.line_13{position:absolute; top:877px; left:540px;}
.line_13 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_14{position:absolute; top:911px; left:540px;}
.line_14 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

/*3학년 추가*/
.line_3_1{position:absolute; top:299px; left:540px;}
.line_3_1 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

.line_6_1{position:absolute; top:469px; left:540px;}
.line_6_1 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_6_2{position:absolute; top:503px; left:540px;}
.line_6_2 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

.line_9_1{position:absolute; top:639px; left:416px;}
.line_9_1 img{margin-right:27px; margin-left:4px; margin-bottom:-4px;}
.line_9_2{position:absolute; top:673px; left:416px;}
.line_9_2 img{margin-right:27px; margin-left:4px; margin-bottom:-4px;}
.line_9_3{position:absolute; top:707px; left:416px;}
.line_9_3 img{margin-right:27px; margin-left:4px; margin-bottom:-4px;}
.line_9_4{position:absolute; top:707px; left:715px;}
.line_9_4 img{margin-right:27px; margin-left:4px; margin-bottom:-4px;}

.line_10_1{position:absolute; top:809px; left:540px;}
.line_10_1 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_10_2{position:absolute; top:843px; left:540px;}
.line_10_2 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_10_3{position:absolute; top:877px; left:540px;}
.line_10_3 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_10_4{position:absolute; top:911px; left:540px;}
.line_10_4 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

.line_14_1{position:absolute; top:1013px; left:540px;}
.line_14_1 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_14_2{position:absolute; top:1047px; left:540px;}
.line_14_2 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

/*사진자료 정렬*/
.line_g{position:absolute; top:197px; left:522px;}
.line_g img{margin-right:54px; margin-left:4px; margin-bottom:-4px;}
.line_g1{position:absolute; top:231px; left:540px;}
.line_g1 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_g2{position:absolute; top:265px; left:522px;}
.line_g2 img{margin-right:54px; margin-left:4px; margin-bottom:-4px;}
.line_g3{position:absolute; top:299px; left:540px;}
.line_g3 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_g4{position:absolute; top:333px; left:522px;}
.line_g4 img{margin-right:54px; margin-left:4px; margin-bottom:-4px;}
.line_g5{position:absolute; top:367px; left:540px;}
.line_g5 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_g6{position:absolute; top:401px; left:522px;}
.line_g6 img{margin-right:54px; margin-left:4px; margin-bottom:-4px;}
.line_g7{position:absolute; top:435px; left:540px;}
.line_g7 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

/*사진자료 목록 정렬*/
.line_p{position:absolute; top:214px; left:410px;}
.line_p img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_p1{position:absolute; top:282px; left:410px;}
.line_p1 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_p2{position:absolute; top:350px; left:410px;}
.line_p2 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}
.line_p3{position:absolute; top:418px; left:410px;}
.line_p3 img{margin-right:86px; margin-left:4px; margin-bottom:-4px;}

/*앵커 버튼*/
.bt_01{background:url('../img/bt_01_off.png'); position:absolute; width:151px; height:13px; top:142px; left:235px;}
.bt_01:hover{background:url('../img/bt_01_on.png');}
.bt_02{background:url('../img/bt_02_off.png'); position:absolute; width:130px; height:13px; top:142px; left:416px;}
.bt_02:hover{background:url('../img/bt_02_on.png');}
.bt_03{background:url('../img/bt_03_off.png'); position:absolute; width:107px; height:13px; top:142px; left:576px;}
.bt_03:hover{background:url('../img/bt_03_on.png');}
.bt_04{background:url('../img/bt_04_off.png'); position:absolute; width:144px; height:13px; top:142px; left:712px;}
.bt_04:hover{background:url('../img/bt_04_on.png');}
.bt_05{background:url('../img/bt_05_off.png'); position:absolute; width:74px; height:13px; top:142px; left:883px;}
.bt_05:hover{background:url('../img/bt_05_on.png');}


/*팝업 CSS*/
.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{display:none; position: absolute; width:613px; height:489px; left:50%; top:150px; margin-left:-306px; z-index:1002; overflow: auto;}