@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');

*{margin:0; padding:0; box-sizing:border-box;}
ul li{list-style:none;}
a{text-decoration:none;}
body{font-family: 'Noto Sans KR', sans-serif;}

.content_top{
   width:100%;
   height:500px;
   margin-top:70px;
   background:url('../img/content_top_2.jpg') no-repeat center top ;
   overflow:hidden;
}
.content_top_p{
   width:500px;
   height:200px;
   margin:0 auto;
   background:rgba(255, 255, 255, 0.42);
   margin-top:150px;
   overflow:hidden;
}
.content_top_p p:nth-child(1){
   font-size: 16px;
   margin:0 auto;
   text-align:center;
   font-weight:bold;
   margin-top:55px;
}
.content_top_p p:nth-child(2){
   font-size: 45px;
   margin:0 auto;
   text-align:center;
   font-weight:bold;
   margin-top:10px;
}
.content_top_m{
   display:none;
}
/*************************************/

.content{
    width:100%;
    background:#f2f2f2;
	border:1px solid #f2f2f2;
}
/****************.content_1 css*****************/

/*************content_tap*****************/
.content_tap{
    width:1340px;
	margin:0 auto;
	overflow:hidden;
	margin-top:70px;
}
.content_tap li{
    width:25%;
	height:70px;
	line-height:70px;
	float:left;
	text-align:center;
	border:1px solid #48690e;
	font-weight:bold;
	color:#48690e;
}
.content_tap li a{
	color:#48690e;
	display:block;
}
.content_tap li:nth-child(1){
	background:#48690e;
	font-weight:bold;
    color:#fff;
}
.content_tap li:nth-child(1) a{
    color:#fff;
}

/*************content_box*****************/
.content_tap li:nth-child(1), .content_tap li:nth-child(2), .content_tap li:nth-child(3){
   border-right:none;
}
.content_box{
    width:1340px;
	margin:80px auto;
	overflow:hidden;
	margin-bottom:100px;
}
.content_box .content_box_1{
    float:left;
	margin-bottom:30px;
}
.content_box_img{
    width:305px;
	height:200px;
    margin:5px 15px;
}
.content_box_img img{
    width:100%;
    height: 100%;
}
.content_box_p{
    text-align:center;
}
.content_box_p a{
    color:#000;
	font-weight:bold;
}
 @media all and (min-width:768px) and (max-width:1024px) {
 /*최저사이즈768px부터 최대1024px태블릿*/
.content_top{
   width:100%;
   height:500px;
   margin-top:54.77px;
   overflow:hidden;
}
/****************.content_1 css*****************/

/*************content_tap*****************/
.content_tap{
    width:750px;
	margin:0 auto;
	overflow:hidden;
	margin-top:70px;
}
.content_tap li{
    width:25%;
	height:70px;
	line-height:70px;
	float:left;
	text-align:center;
	border:1px solid #48690e;
	font-weight:bold;
	color:#48690e;
}
.content_tap li a{
	color:#48690e;
	display:block;
}
.content_tap li:nth-child(1){
	background:#48690e;
	font-weight:bold;
    color:#fff;
}
.content_tap li:nth-child(1) a{
    color:#fff;
}

/*************content_box*****************/
.content_tap li:nth-child(1), .content_tap li:nth-child(2), .content_tap li:nth-child(3){
   border-right:none;
}
.content_box{
    width:750px;
	margin:30px auto;
	overflow:hidden;
	margin-bottom:100px;
}
.content_box .content_box_1{
    float:left;
}
.content_box_img{
    width:305px;
	height:200px;
    margin:15px 35px;
}
.content_box_img img{
    width:100%;
    height: 100%;
}
.content_box_p{
    text-align:center;
}
.content_box_p a{
    color:#000;
	font-weight:bold;
}
}

@media all and (max-width:767px){ 
/*767스마트폰용*/
.content_top{
   display:none;
}

.content_top_m{
   display:block;
   margin:0 auto;
   margin-top:70px;
   background:#f2f2f2;
   color:#fff;
   font-size:16px;
   text-align:center;

}
.content_top_menu{
   padding:0;
   background:#f2f2f2;
}
.content_top_menu_top{
   line-height:30px;
   background:#116936;
   color:#fff;
   cursor:pointer;
}

.content_top_menu_bottom{
   height:40px;
   line-height:40px;
   font-size:13px;
   background:#c9c9c9;
   color:#fff;
   display:none;
}
.content_top_menu_top a, .content_top_menu_bottom a{
   color:#fff;
   display:block;
}
.content_top_menu_top:hover, .content_top_menu_top a:hover{
   color:#fff;
}
.content_top_menu_bottom:hover, .content_top_menu_bottom a:hover{
   background:#1c904d;
   color:#fff;
}
.content{
  margin:0 auto;
}
/****************.content_1 css*****************/

/*************content_tap*****************/
.content_tap{
    width:95%;
	margin:0 auto;
	overflow:hidden;
	margin-top:40px;
}
.content_tap li{
    width:25%;
	height:70px;
	line-height:70px;
	float:left;
	text-align:center;
	border:1px solid #48690e;
	font-weight:bold;
	color:#48690e;
	font-size:13px;
}
.content_tap li a{
	color:#48690e;
	display:block;
}
.content_tap li:nth-child(1){
	background:#48690e;
	font-weight:bold;
    color:#fff;
}
.content_tap li:nth-child(1) a{
    color:#fff;
}

/*************content_box*****************/
.content_tap li:nth-child(1), .content_tap li:nth-child(2), .content_tap li:nth-child(3){
   border-right:none;
}
.content_box{
    width:95%;
	margin:15px auto;
	overflow:hidden;
	margin-bottom:30px;

}
.content_box .content_box_1{
    width:49%;
    float:left;
    margin:0 .5%;
}
.content_box_img{
    width:100%;
	height:auto;
    margin:10px auto;
	text-align:center;

}
.content_box_img a img{
    width:100%;
	height:auto;
}
.content_box_p{
    text-align:center;
	margin-bottom:15px;
	font-size:10px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:100%;    
    padding:0 5px;
}
.content_box_p a{
    color:#000;
	font-weight:bold;
}
}