@charset "utf-8";

#page{}

#page .category_list{margin-top:90px;text-align:center;}
#page .category_list ul{margin:0;padding:0;list-style:none;display:inline-block;}
#page .category_list ul:after{content:"";display:block;clear:both;}
#page .category_list ul li{float:left;position:relative;width:160px;line-height:58px;border-top:1px solid #909090;border-bottom:1px solid #909090;border-left:1px solid #909090;font-size:18px;font-weight:400;color:#333333;white-space:nowrap;box-sizing:border-box;}
#page .category_list ul li:last-child{}
#page .category_list ul li:last-child:before{position:absolute;right:-1px;top:-1px;height:calc(100% + 2px);content:"";display:block;border-right:1px solid #909090;}
#page .category_list ul li a{display:block;color:#333333;text-decoration:none;}
#page .category_list ul li.active{color:#ffffff;background-color:#f94b06;}
#page .category_list ul li.active a{color:#ffffff;}

@media screen and (max-width:1200px){
	#page .category_list{margin-top:80px;}
	#page .category_list ul{display:block;}
	#page .category_list ul li{font-size:17px;line-height:55px;}
	
	#page .category_list.w2 ul li{width:50%;}
	#page .category_list.w3 ul li{width:33.33%;}
	
	#page .category_list.w4 ul li{width:25%;}
	#page .category_list.w5 ul li{width:20%;}
}

@media screen and (max-width:1000px){
	#page .category_list{margin-top:70px;}
	#page .category_list ul li{font-size:16px;line-height:50px;}
}

@media screen and (max-width:900px){
	#page .category_list{margin-top:60px;}
	#page .category_list ul li{font-size:15px;line-height:45px;}
	#page .category_list ul li:nth-child(n+4){border-top:0;}
	#page .category_list ul li:nth-child(3n+1){border-left:0;border-left:1px solid #909090;}
	#page .category_list ul li:nth-child(3n){border-right:1px solid #909090;}
	
	#page .category_list.w4 ul li{width:33.333%;}
	#page .category_list.w5 ul li{width:33.333%;}
}

@media screen and (max-width:700px){
	#page .category_list{margin-top:50px;}
	#page .category_list ul li{font-size:14px;line-height:40px;}
}

@media screen and (max-width:500px){
	#page .category_list{margin-top:35px;}
	#page .category_list ul li{font-size:12px;line-height:35px;}
}

@media screen and (max-width:350px){
	#page .category_list{margin-top:30px;}
	#page .category_list ul li{font-size:11px;line-height:30px;}
}



#page .archive_list{margin-top:60px;}
#page .archive_list .total_count{color:#222222;font-size:16px;font-weight:400;margin-bottom:45px;line-height:1;}
#page .archive_list table{width:100%;border-top:1px solid #909090;border-bottom:1px solid #909090;border-collapse:collapse;}
#page .archive_list table tr{}
#page .archive_list table tr td{border-bottom:1px solid #909090;height:115px;font-size:17px;font-weight:400;color:#111111;padding:10px 10px;box-sizing:border-box;    font-family: "Roboto", 'Noto Sans KR', 'Sans-serif';}
#page .archive_list table tr .title{font-size:19px;}
#page .archive_list table tr .file{width:20px;color:#646464;text-align:center;padding-right:55px;}
#page .archive_list table tr .date{width:20px;color:#646464;text-align:center;white-space:nowrap;}
#page .archive_list table tr td:first-child{padding-left:55px;}
#page .archive_list table tr td:last-child{padding-right:55px;}
#page .archive_list .icon{width:63px;display:inline-block;background-image:url(../img/en/icon_pdf.png);background-repeat:no-repeat;background-size:cover;background-position:center center;}
#page .archive_list .icon:before{content:"";display:block;padding-bottom:100%;}
#page .archive_list .nolist{text-align:center;padding:100px 0;font-size:14px;font-weight:400;color:#111111;}

@media screen and (max-width:1200px){
	#page .archive_list{margin-top:55px;}
	#page .archive_list .total_count{margin-bottom:40px;}
	#page .archive_list table tr td{height:100px;font-size:16px;padding:9px 9px;}
	#page .archive_list table tr .title{font-size:17px;}
	#page .archive_list table tr .file{padding-right:50px;}
	#page .archive_list table tr td:first-child{padding-left:50px;}
	#page .archive_list table tr td:last-child{padding-right:50px;}
	#page .archive_list .icon{width:55px;}
}

@media screen and (max-width:1000px){
	#page .archive_list{margin-top:50px;}
	#page .archive_list .total_count{font-size:15px;margin-bottom:35px;}
	#page .archive_list table tr td{height:90px;font-size:15px;padding:8px 8px;}
	#page .archive_list table tr .title{font-size:16px;}
	#page .archive_list table tr .file{padding-right:45px;}
	#page .archive_list table tr td:first-child{padding-left:45px;}
	#page .archive_list table tr td:last-child{padding-right:45px;}
	#page .archive_list .icon{width:50px;}
}

@media screen and (max-width:900px){
	#page .archive_list{margin-top:45px;}
	#page .archive_list .total_count{font-size:14px;margin-bottom:32px;}
	#page .archive_list table tr td{height:80px;font-size:14px;padding:7px 7px;}
	#page .archive_list table tr .title{font-size:15px;}
	#page .archive_list table tr .file{padding-right:40px;}
	#page .archive_list table tr td:first-child{padding-left:40px;}
	#page .archive_list table tr td:last-child{padding-right:40px;}
	#page .archive_list .icon{width:45px;}
}

@media screen and (max-width:700px){
	#page .archive_list{margin-top:40px;}
	#page .archive_list .total_count{font-size:13px;margin-bottom:30px;}
	#page .archive_list table tr td{height:70px;font-size:13px;padding:6px 6px;}
	#page .archive_list table tr .title{font-size:14px;}
	#page .archive_list table tr .file{padding-right:30px;}
	#page .archive_list table tr td:first-child{padding-left:30px;}
	#page .archive_list table tr td:last-child{padding-right:30px;}
	#page .archive_list .icon{width:35px;}
}

@media screen and (max-width:500px){
	#page .archive_list{margin-top:35px;}
	#page .archive_list .total_count{font-size:12px;margin-bottom:25px;}
	#page .archive_list table tr td{height:60px;font-size:11px;padding:5px 5px;}
	#page .archive_list table tr .title{font-size:12px;}
	#page .archive_list table tr .file{padding-right:15px;}
	#page .archive_list table tr td:first-child{padding-left:18px;}
	#page .archive_list table tr td:last-child{padding-right:18px;}
	#page .archive_list .icon{width:30px;}
}

@media screen and (max-width:350px){
	#page .archive_list{margin-top:30px;}
	#page .archive_list .total_count{font-size:11px;margin-bottom:20px;}
	#page .archive_list table tr td{height:55px;font-size:10px;padding:4px 4px;}
	#page .archive_list table tr .title{font-size:11px;}
	#page .archive_list table tr .file{padding-right:12px;}
	#page .archive_list table tr td:first-child{padding-left:15px;}
	#page .archive_list table tr td:last-child{padding-right:15px;}
	#page .archive_list .icon{width:25px;}
}



#page .search_box{background-color:#f1f1f1;padding:25px;margin-top:60px;}
#page .search_box .search{max-width:995px;margin:0 auto;margin:0 auto;}
#page .search_box .search:after{content:"";display:block;clear:both;}
#page .search_box .search [type="text"]{float:left;padding:0 25px;background-color:#ffffff;border:1px solid #c3c3c3;font-size:16px;color:#909090;font-weight:400;box-sizing:border-box;height:50px;width:calc(100% - 140px);}
#page .search_box .search [type="text"]:focus{border-color:#aaaaaa;}
#page .search_box .search [type="submit"]{float:right;background-color:#646464;height:50px;width:115px;font-size:16px;font-weight:500;color:#fefefe;border:0;padding:0;margin:0;box-sizing:border-box;cursor:pointer;}
#page .search_box .search [type="submit"]:hover{background-color:#444444;}

@media screen and (max-width:1200px){
	#page .search_box{margin-top:55px;padding:22px;}
	#page .search_box .search [type="text"]{width:calc(100% - 137px);}
	#page .search_box .search [type="submit"]{width:115px;}
}

@media screen and (max-width:1000px){
	#page .search_box{margin-top:50px;padding:20px;}
	#page .search_box .search [type="text"]{height:42px;font-size:15px;padding:0 20px;width:calc(100% - 130px);}
	#page .search_box .search [type="submit"]{height:42px;font-size:15px;width:110px;}
}

@media screen and (max-width:900px){
	#page .search_box{margin-top:45px;padding:18px;}
	#page .search_box .search [type="text"]{height:40px;font-size:14px;padding:0 18px;width:calc(100% - 118px);}
	#page .search_box .search [type="submit"]{height:40px;font-size:14px;width:100px;}
}

@media screen and (max-width:700px){
	#page .search_box{margin-top:40px;padding:14px;}
	#page .search_box .search [type="text"]{height:38px;font-size:13px;padding:0 14px;width:calc(100% - 94px);}
	#page .search_box .search [type="submit"]{height:38px;font-size:13px;width:80px;}
}

@media screen and (max-width:500px){
	#page .search_box{margin-top:35px;padding:10px;}
	#page .search_box .search [type="text"]{height:35px;font-size:12px;padding:0 10px;width:calc(100% - 70px);}
	#page .search_box .search [type="submit"]{height:35px;font-size:12px;width:60px;}
}

@media screen and (max-width:350px){
	#page .search_box{margin-top:30px;padding:8px;}
	#page .search_box .search [type="text"]{height:32px;font-size:11px;padding:0 8px;width:calc(100% - 58px);}
	#page .search_box .search [type="submit"]{height:32px;font-size:11px;width:50px;}
}



#page .pagination{margin-top:160px;text-align:center;}
#page .pagination ul{margin:0;padding:0;list-style:none;display:inline-block;}
#page .pagination ul li{float:left;border:1px solid #c3c3c3;min-width:45px;line-height:45px;height:47px;padding:0 5px;box-sizing:border-box;color:#555555;font-size:17px;font-weight:400;text-align:center;}
#page .pagination ul li:nth-child(n+2){margin-left:10px;}
#page .pagination ul li:hover{background-color:#efefef;}
#page .pagination ul li a{color:#555555;display:block;text-decoration:none;}
#page .pagination ul li.active{color:#ffffff;background-color:#f94b06;border-color:#f94b06;}
#page .pagination ul li.active a{color:#ffffff;}
#page .pagination ul li.direction{background-size:40%;background-repeat:no-repeat;background-position:center center;}
#page .pagination ul li.prev{background-image:url(../img/ko/icon_direction_prev.png);}
#page .pagination ul li.next{background-image:url(../img/ko/icon_direction_next.png);}

@media screen and (max-width:1200px){
	#page .pagination{margin-top:140px;}
}

@media screen and (max-width:1000px){
	#page .pagination{margin-top:120px;}
	#page .pagination ul li{min-width:40px;line-height:40px;height:42px;font-size:15px;}
	#page .pagination ul li:nth-child(n+2){margin-left:9px;}
}

@media screen and (max-width:900px){
	#page .pagination{margin-top:100px;}
	#page .pagination ul li{min-width:38px;line-height:38px;height:40px;font-size:14px;}
	#page .pagination ul li:nth-child(n+2){margin-left:8px;}
}

@media screen and (max-width:700px){
	#page .pagination{margin-top:90px;}
	#page .pagination ul li{min-width:35px;line-height:35px;height:37px;font-size:13px;}
	#page .pagination ul li:nth-child(n+2){margin-left:7px;}
}

@media screen and (max-width:500px){
	#page .pagination{margin-top:60px;}
	#page .pagination ul li{min-width:32px;line-height:32px;height:34px;font-size:12px;}
	#page .pagination ul li:nth-child(n+2){margin-left:5px;}
}

@media screen and (max-width:350px){
	#page .pagination{margin-top:55px;}
	#page .pagination ul li{min-width:30px;line-height:30px;height:32px;font-size:11px;}
	#page .pagination ul li:nth-child(n+2){margin-left:4px;}
}