@charset euc-kr;

*{
    margin:0 auto;
    padding:0;
    list-style: none;
    font-family: "¸¼Àº °íµñ";
    box-sizing: border-box;
    color:#222328;
}

body{
    width:100%;
}

a{
    text-decoration: none;
    display: block;
}


/** header **/

header{
    width:100%;
    height:auto;
    background:#fff;
}
.top{
    width:100%; 
    height:auto;
    background:#0BA350;
}

.logo{
    height:50px;
    text-align: center;
    line-height: 65px;
    cursor:pointer;
}
.gnb{
    box-sizing: border-box;
    height:47px;
    background:#fff;
    position:relative;
    border-bottom:1px solid #eee;
}
.navi{
    box-sizing: border-box;
    position:absolute; bottom:0;
}
.navi>li{
    box-sizing: border-box;
    float:left;
    text-align: center;
    padding-left:15px;
}
.navi>li>a{
    width:90px;
    height:30px;
    font-size:0.8em;
    font-weight:bold;
}
    
.navi>li>a.active{
    color:#0ba350;
    font-weight: bold;
    border-bottom:3px solid #0ba350;
}

/* search form */

section{
    padding:0 10px;
}

.sec_head {
    height:100px;
}
.sec_search {
    width:280px; 
    border-top-left-radius:20px; 
    position:relative;
    padding-top:25px;
    text-align: center;
}
.sec_search input, .sec_search button {
    outline: none;
    background: transparent;
}
.sec_search input {
    width: 100%;
    height: 40px;
    border: 3.5px solid #0BA350; 
    border-top-left-radius:20px; 
    border-bottom-right-radius:20px;
    font-size:0.8em;
    padding:15px 15px 15px 15px;
}
.sec_search button {
    width:25px; height:25px;
    position:absolute; top:55%; right:5%;
    cursor: pointer;
    background:url("/ja_data/images/elabor/m/magnifier.png") no-repeat; 
    background-size:20px 20px;
    border:none;
}
.sec_search input:focus {
    border-color: #f8f8f8;
}

/* list_box */


.sec_m_img{
/*
    width:100%; height:100%;
    background:url("/ja_data/images/elabor/m/elabor.jpg") no-repeat;
    background-size:cover;
	*/
	
	overflow:hidden;
}

.sec_txt{
    overflow: hidden;
}

.sec_txt .sec_tit{
    font-size:0.9em;
    font-weight: bold;
    word-break:break-all;
    text-align: justify;
    display:inline-block;

}

.sec_txt p{
    margin-top: 1.3%;
    font-size:0.7em;
	text-align:justify;
}
.list_box ul li .l_bt{
    float:left;
    font-size:0.7em;
    line-height: 18px;
}

.list_box ul li .view_img{
    float:right;
    font-size:0.7em;
    line-height: 19px;
}

.list_box ul {
    width:50%;
    float:left;
    padding:10px;
}

.list_box>ul>div{
    height:auto;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.list_box>ul>div>li:nth-child(1){
    height:75px;
    border-top-left-radius:4px; 
    border-top-right-radius:4px; 
}
.list_box>ul>div>li:nth-child(2){
    height:50px;
    padding:3.5%;
}
.list_box>ul>div>li:nth-child(3){
    border-bottom-left-radius:4px; 
    border-bottom-right-radius:4px; 
    padding:0 2.5% 2.5% 2.5%;
	margin-top:2.5%;
    height:20px;
}

/* paging */
.paging{
    float:left;
    clear:both;
    width: 100%; height:auto;
    text-align: center; 
}
.paging ul{
    display: inline-block;
    line-height: 80px;
}
.paging ul li{
    float:left;
    padding:0 8px;
}
.paging ul li a.p_active{
    font-weight: 600;
    text-decoration: underline;
}
.paging ul li.btn_move{
	margin-top:27px;
}
/** footer **/
footer{
    float:left;
    width:100%; 
    height:60px;
    background:#ccc;
    text-align: center;
}
footer img{
    width:110px;
	margin-top:10px;
}


@media all and (min-width:360px) and (max-width:580px) {

	.navi>li>a{
		font-size:0.9em;
	}
		
	/* search form */

	.sec_search {
		width:80%; 
		border-top-left-radius:20px; 
		position:relative;
		padding-top:25px;
		text-align: center;
	}
	.sec_search input, .sec_search button {
		outline: none;
		background: transparent;
	}
	.sec_search input {
		width: 100%;
		height: 50px;
		border: 3.5px solid #0BA350; 
		border-top-left-radius:20px; 
		border-bottom-right-radius:20px;
		font-size:0.8em;
		padding:15px 15px 15px 15px;
	}
	.sec_search button {
		width:25px; height:25px;
		position:absolute; top:55%; right:5%;
		cursor: pointer;
		background:url("/ja_data/images/elabor/m/magnifier.png") no-repeat; 
		background-size:20px 20px;
		border:none;
	}
	.sec_search input:focus {
		border-color: #f8f8f8;
	}


	/* list_box */


	.list_box ul{
		width:50%; 
		float:left;
		border-radius: 4px;
		padding:10px;
	}

	.list_box>ul>div>li:nth-child(1){
		height:100px;
		border-top-left-radius:4px; 
		border-top-right-radius:4px; 
	}
	.list_box>ul>div>li:nth-child(2){
		height:84px;
	}
	.list_box>ul>div>li:nth-child(3){
		border-bottom-left-radius:4px; 
		border-bottom-right-radius:4px; 
		height:20px;
	}
		
		
	/* paging */
		
	.paging{
		float:left;
		clear:both;
		width: 100%; height:auto;
		text-align: center; 
	}
	.paging ul{
		display: inline-block;
		line-height: 80px;
	}
	.paging ul li{
		float:left;
		padding:0 10px;
	}
	.paging ul li:active{
		font-weight: 600;
	}
    

}

@media all and (min-width:580px) and (max-width:900px) {

	.navi{
		position:absolute; bottom:0;
	}    
	.navi>li>a{
		font-size:0.95em;
	}
		
	/* search form */

	.sec_head {
		height:100px;
	}
	.sec_search {
		width:80%; 
		border-top-left-radius:20px; 
		position:relative;
		padding-top:25px;
		text-align: center;
	}
	.sec_search input, .sec_search button {
		outline: none;
		background: transparent;
	}
	.sec_search input {
		width: 100%;
		height: 55px;
		border: 3.5px solid #0BA350; 
		border-top-left-radius:20px; 
		border-bottom-right-radius:20px;
		font-size:0.8em;
		padding:15px 15px 15px 15px;
	}
	.sec_search button {
		width:25px; height:25px;
		position:absolute; top:55%; right:5%;
		cursor: pointer;
		background:url("/ja_data/images/elabor/m/magnifier.png") no-repeat; 
		background-size:20px 20px;
		border:none;
	}
	.sec_search input:focus {
		border-color: #f8f8f8;
	}


	/* list_box */
	.sec_tit{
		letter-spacing: 0px;
	}

	.sec_txt p{
		letter-spacing: 1.2px;
	}
		
	.sec_txt{
		word-spacing: 0px;
	}

	.list_box ul{
		width:50%; height:280px;
		float:left;
		border-radius: 4px;
		padding:10px;
	}
		
	.list_box>ul>div>li:nth-child(1){
		height:120px;
		border-top-left-radius:4px; 
		border-top-right-radius:4px; 
	}
	.list_box>ul>div>li:nth-child(2){
		height:120px;
	}
	.list_box>ul>div>li:nth-child(3){
		border-bottom-left-radius:4px; 
		border-bottom-right-radius:4px;
		height:20px;
	}
		
		
	/* paging */
		
	.paging{
		float:left;
		clear:both;
		width: 100%; height:auto;
		text-align: center; 
	}
	.paging ul{
		display: inline-block;
		line-height: 80px;
	}
	.paging ul li{
		float:left;
		padding:0 13px;
	}
	.paging ul li:active{
		font-weight: 600;
	}
		
}

@media all and (min-width:900px) and (max-width:1600px) {

	.navi{
		position:absolute; bottom:0;
	}    
	.navi>li>a{
		font-size:0.95em;
	}
		
	/* search form */

	.sec_head {
		height:150px;
	}
	.sec_search {
		width:80%; 
		border-top-left-radius:20px; 
		position:relative;
		padding-top:50px;
		text-align: center;
	}
	.sec_search input, .sec_search button {
		outline: none;
		background: transparent;
	}
	.sec_search input {
		width: 100%;
		height: 55px;
		border: 3.5px solid #0BA350; 
		border-top-left-radius:20px; 
		border-bottom-right-radius:20px;
		font-size:0.8em;
		padding:15px 15px 15px 15px;
	}
	.sec_search button {
		width:25px; height:25px;
		position:absolute; top:65%; right:4%;
		cursor: pointer;
		background:url("/ja_data/images/elabor/m/magnifier.png") no-repeat; 
		background-size:20px 20px;
		border:none;
	}
	.sec_search input:focus {
		border-color: #f8f8f8;
	}


	/* list_box */   
		
	.sec_txt p{
		margin-top: 1.3%;
		font-size:0.7em;
		text-align:justify;
		letter-spacing: 1.2px;
	}    
		
	.list_box ul{
		width:33.3%; 
		height:280px;
		float:left;
		border-radius: 4px;
		padding:10px;
	}

	.list_box>ul>div>li:nth-child(1){
		height:140px;
		border-top-left-radius:4px; 
		border-top-right-radius:4px; 
	}
	.list_box>ul>div>li:nth-child(2){
		height:100px;
	}
	.list_box>ul>div>li:nth-child(3){
		border-bottom-left-radius:4px; 
		border-bottom-right-radius:4px; 
		height:20px;
	}
		
		
	/* paging */
		
	.paging{
		float:left;
		clear:both;
		width: 100%; height:auto;
		text-align: center; 
	}
	.paging ul{
		display: inline-block;
		line-height: 80px;
	}
	.paging ul li{
		float:left;
		padding:0 13px;
	}
	.paging ul li:active{
		font-weight: 600;
	}
    
}




/** report **/
.report{
    height:auto;
    text-align: justify;
}
.report_tit{
    padding:0 15px 20px 15px;
    border-bottom:1px solid #ccc;
}
.report_tit .tit_top{
    padding:20px 0;
    font-size:0.8em;
}
.report_down{
    font-size:0.8em;
    margin: 10px 0 0 0;
}


.report_down ul .btn_down{
    width:25px; height:25px;
    float:left;
    background:url("/ja_data/images/elabor/m/down_icon01.png") no-repeat;
    background-size:100%;
}
/*.report_down ul .btn_down:active{
    background:url("/ja_data/images/elabor/m/down_icon02.png") no-repeat;
    background-size:100%;    
}*/
.report_down ul li:last-child{
    margin-left: 35px;
    margin-top:20px;
}

/*.report_down ul li:last-child:active{
    color:darkblue;
}*/

/* report º»¹® */
.report_txt{
    clear: both;
    height:auto;
    padding:15px;
    line-height: 2;
    font-size:1em;
    letter-spacing: 0.05px;
}
.report_ref{
    font-size:0.8em;
    margin:5% 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:20px 15px;
}

.report_list_btn {
    box-sizing: border-box;
    font-size:0.95em; 
    text-align:center;
    margin: 10% 0;
}
.report_list_btn_in {
    line-height:50px; 
    background:#0BA350; 
    width:80%; 
    height:50px; 
    display:inline-block; 
    text-align:center; 
    border-radius:4px; 
    cursor:pointer; 
    box-shadow:5px 5px 10px rgba(11,163,80,0.5); 
    font-weight:400; 
    color:#fff;
}

.report_list_btn_in:active {
    border:1.5px solid #0BA350; 
    color:#000; 
    background:#fff;
}

/*top botton*/
#top_btn {
    position:fixed; bottom:3%; right:3%; z-index:9;
    width:40px; height:40px; 
    border-radius:20px; 
    background: rgba(0,0,0,0.3); 
    display:none;
}
#top_btn .top_btn_font {
    padding-top:5px; 
    font-size:0.8em; 
    text-align:center; 
    line-height:14px; 
    color:#fff; 
    font-weight:500;
}