@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.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;
	padding:40px 0;
}
/****************.content_1 css*****************/
.content_1{
    width:1340px;
	margin:40px auto;
    overflow:hidden;
}
.content_1_img{
    width:700px;
	height:500px;
	background:url('../img/09.jpg') no-repeat ;
	background-size:100%;
	float:left;
}
.content_1_img img{
    width:100%:
}
.content_1_p{
    width:800px;
	height:400px;
	float:right;
	background:#fff;
	margin-top:-350px;
	padding:80px 50px;
	box-shadow:1px 1px 1px 1px #fff;
}
.content_1_p h1{
    font-size:25px;
	text-align:left;
    font-weight:bold;
}
.content_1_p p{
    font-size:16px;
	text-align:justify;
	margin-top:25px;
	line-height:26px;
}
.content_1_p p span{
    font-size:18px;
    font-weight:bold; 
	color:#3b550c;
}
/****************.content_2 css*****************/
.content_2{
    width:1340px;
	margin:40px auto;
    overflow:hidden;
}
.content_2_img{
    width:700px;
	height:500px;
	background:url('../img/10.jpg') no-repeat ;
	background-size:100%;
	float:right;
}
.content_2_p{
    width:800px;
	height:400px;
	float:left;
	background:#fff;
	margin-top:-350px;
	padding:80px 50px;
	box-shadow:1px 1px 1px 1px #fff;
}
.content_2_p h1{
    font-size:25px;
	text-align:left;
    font-weight:bold;
}
.content_2_p p{
    font-size:16px;
	text-align:justify;
	margin-top:25px;
	line-height:26px;
}
.content_2_p p span{
    font-size:18px;
    font-weight:bold; 
	color:#3b550c
}

 @media all and (min-width:768px) and (max-width:1340px) {
 /*최저사이즈768px부터 최대1024px태블릿*/
 .content_top{
   width:100%;
   height:500px;
   margin-top:54.77px;
   overflow:hidden;
}

/****************.content_1 css*****************/
.content_1{
    width:740px;
	margin:40px auto;
    overflow:hidden;
}
.content_1_img{
    width:100%;
	height:500px;
	background:url('../img/09.jpg') no-repeat ;
	background-size:100%;
	float:left;
}
.content_1_p{
    width:100%;
	height:400px;
	float:right;
	background:#fff;
	margin-top:-150px;
	padding:50px 50px;
	box-shadow:1px 1px 1px 1px #fff;
}
.content_1_p h1{
    font-size:25px;
	text-align:left;
    font-weight:bold;
}
.content_1_p p{
    font-size:16px;
	text-align:justify;
	margin-top:25px;
	line-height:26px;
}
.content_1_p p span{
    font-size:18px;
    font-weight:bold; 
	color:#3b550c;
}
/****************.content_2 css*****************/
.content_2{
    width:740px;
	margin:40px auto;
    overflow:hidden;
}
.content_2_img{
    width:100%;
	height:500px;
	background:url('../img/10.jpg') no-repeat ;
	background-size:100%;
	float:right;
}
.content_2_p{
    width:100%;
	height:400px;
	float:left;
	background:#fff;
	margin-top:-150px;
	padding:50px 50px;
	box-shadow:1px 1px 1px 1px #fff;
}
.content_2_p h1{
    font-size:25px;
	text-align:left;
}
.content_2_p p{
    font-size:16px;
	text-align:justify;
	margin-top:25px;
	line-height:26px;
}
.content_2_p p span{
    font-size:18px;
    font-weight:bold; 
	color:#3b550c
}

}

@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_1{
    width:95%;
	margin:0 auto;
    overflow:hidden;
}
.content_1_img{
    width:100%;
	height:auto;
	float:left;
	display:none;
}
.content_1_p{
    width:100%;
	height:auto;
	float:right;
	background:#fff;
	margin-top:0px;
	padding:40px 20px;
	box-shadow:1px 1px 1px 1px #fff;
}
.content_1_p h1{
    font-size:14px;
	text-align:left;
	font-weight:bold;
}
.content_1_p p{
    font-size:12px;
	text-align:justify;
	margin-top:25px;
	line-height:26px;
}
.content_1_p p span{
    font-size:13px;
    font-weight:bold; 
	color:#3b550c;
}
/****************.content_2 css*****************/
.content_2{
    width:95%;
	margin:40px auto;
    overflow:hidden;
}
.content_2_img{
    width:100%;
	height:auto;
	float:left;
	display:none;
}
.content_2_p{
    width:100%;
	height:auto;
	float:right;
	background:#fff;
	margin-top:0px;
	padding:40px 20px;
	box-shadow:1px 1px 1px 1px #fff;
}
.content_2_p h1{
    font-size:14px;
	text-align:left;
	font-weight:bold;
}
.content_2_p p{
    font-size:12px;
	text-align:justify;
	margin-top:25px;
	line-height:26px;
}
.content_2_p p span{
    font-size:13px;
    font-weight:bold; 
	color:#3b550c;
}
}