@charset "UTF-8";

#_viewer{overflow:hidden;}
.index_list{display:none;}
#pdf{width:100%;min-height: 1310px;border:2px solid #000;}

.index_list:before{content:"INDEX";display:block;font-size:22px;font-family:'Noto Bold';border-bottom:1px solid #000;padding-bottom:5px;color:#000;} 
.index_list > a{display:block;border-bottom:1px solid #DDD;padding:10px 0 10px 15px;position:relative;line-height:1.3;font-size:18px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_list > a:before{content:"";display:block;width:4px;height:4px;background:#888;position:absolute;top:20px;left:0;}

.index_list .down_btns{margin-top:50px;}
.index_list .down_btns:before{content:"DOWNLOAD";display:block;font-size:14px;font-family:'Noto Bold';border-bottom:1px solid #000;padding-bottom:5px;color:#000;margin-bottom:10px; font-size:22px;}
.index_list .down_btns a{display:block;padding:10px 20px;background:#FFF url(../images/aDown_b.png) no-repeat 95% center;font-size:18px;font-family:'Noto Regular';color:#222;border:1px solid #DDD;}
.index_list .viewerFrame{}

#results{padding: 1rem;}
.hidden{display:none;}
.success{color: #4F8A10; background-color: #DFF2BF; }
.fail{color: #D8000C; background-color: #FFBABA; }

@media only screen and (max-width:1024px){
	#pdf{float:none;width:94%;margin: 0 auto;min-height:1200px;}
	.index_list{float:none;width:100%;font-size:0;margin-bottom:30px;}
	.index_list > a{display:inline-block;width:50%;vertical-align:bottom;}
}
@media only screen and (max-width:768px){
	#pdf{min-height:700px;}
}


/*HOVER효과************************************************************/
@media only screen and (min-width:1025px){
	.index_list > a:hover{border-color:#000;}
	.index_list .down_btns a:hover{background:#888 url(../images/aDown_w.png) no-repeat 95% center;color:#FFF;border-color:#888;}
}