@charset "UTF-8";
@import 'font.css';

#_viewer{overflow:hidden;}
.index_list{float:right;width:30.73%;}
#pdf{float:left;width:67%;min-height: 1135px;border:2px solid #000; font-size: 0;}

/* .index_list .list-box::before{content:"Contents Index";display:block;font-size:22px; line-height:20px; font-family:'Noto Medium'; padding-bottom:5px;color:#333;}  */
.index_list .list-box {margin-top: 50px;}
.index_list .list-title {text-align: center; margin-bottom: 22px;}
.index_list .list-title h1 {color:#333; font-size:22px; font-family:'Noto Medium'; line-height:20px; margin-bottom: 5px;}
.index_list .list-title span {color:#333; font-size:15px; font-family:'Noto Light'; line-height: 25px; letter-spacing: -.05em;}
.index_list .list-box-inner {border: 1px solid #D5D5D5;}
.index_list .list-box-inner > span {display:inline-block; font-family:'Noto Medium'; position:relative; padding: 17px 0 17px 15px; line-height: 25px; font-size: 15px; }
.index_list .list-box-inner > a{display:block;  border-bottom:1px solid #D5D5D5;padding:17px 0 17px 15px;position:relative;line-height:25px;font-size:15px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; letter-spacing: -.05em;}
.index_list .list-box-inner > a:last-child {border-bottom:none;}
.index_list .list-box-inner > a:hover {color:#B11116;}
.index_list .list-box-inner > a span {display: inline-block; font-family:'Noto Medium'; position: relative; }
.index_list .list-box-inner > a span::after {content:''; position: absolute; bottom:0; left:0; width:0%; height:1px; background: #B11116; transition:all .3s;}
.index_list .list-box-inner > a:hover span::after {width:100%;}
/* .index_list .list-box-inner > a:before{content:"";display:block;width:4px;height:4px;background:#888;position:absolute;top:20px;left:0;} */
.index_list .down_btns {margin:0 -5.5px;}
.index_list .down_btns::after {content:''; display: block; clear:both;}
/* .index_list .down_btns{margin-top:50px;} */
/* .index_list .down_btns:before{content:"다운로드";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 .btn-list {padding:0 5.5px; width:33.3333%; float:left;}
.index_list .down_btns .btn-list::after {content:''; display: block; clear:both;}
.index_list .down_btns a{text-align:center; display:block; line-height:20px; padding:5px; font-size:16px;font-family:'Noto Regular';color:#fff; background:#A0A0A0;}
.index_list .down_btns a .btn-inner {border: 1px solid #fff; padding:14px 20px; word-break: keep-all; }
.index_list .down_btns a .pdf-btn {margin: 0 auto; width:30px; height:30px; margin-bottom: 10px; display: block;}
.index_list .down_btns a .btn_style2 {background:url('../images/pdf_btn_style2.png') no-repeat center center; border: 0;}
.index_list .down_btns a .btn_style1 {background:url('../images/pdf_btn_style1.png') no-repeat center center; border: 0;}
.index_list .down_btns a:hover {background:#9f0e12;}

/* .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:1500px){
	#pdf{float:none;width:94%;margin: 0 auto;min-height:1040px;}
	.index_list{float:none;width:100%;font-size:0;margin-bottom:30px; margin-top: 30px;}
	.index_list > a{display:inline-block;width:50%;vertical-align:bottom;}
}
@media only screen and (max-width:768px){
	#pdf{min-height:700px; width:100%;}
	.index_list .list-box {display: none;}

}
/* @media all and (max-width:600px) {
	.index_list .down_btns a .btn-inner {padding:10px 15px; display:flex; justify-content: center; align-items:center;}
	.index_list .down_btns a .btn-inner::after {content:''; display: block; clear:both;}
	.index_list .down_btns {margin: 0;}
	.index_list .down_btns .btn-list {width:100%; padding: 0; margin-bottom: 15px;}
	.index_list .down_btns .btn-list:last-child {margin-bottom: 0;}
	.index_list .down_btns a .pdf-btn {margin-bottom: 0; margin: 0 10px 0 0;}

	.index_list .list-box {margin-top: 30px;}
} */

/*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;} */
	.index_list .down_btns a:hover {background:#9f0e12;}
}
@media all and (max-width: 450px) {
	.index_list .down_btns a {font-size: 14px;}
}