@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_1.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 css*****************/
.video{
    width:1340px;
	margin:70px auto;
	overflow:hidden;
}
.video_box div{
    margin:0 auto;
	text-align:center;
}
.video_box div iframe{
    width:890px;
	height:500px;
}
.video_box p{
    text-align:center;
	color:#000;
	font-size:20px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:50px;
}
 @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 css*****************/
.video{
    width:750px;
	margin:70px auto;
	overflow:hidden;
}
.video_box div{
    margin:0 auto;
	text-align:center;
}
.video_box div iframe{
    width:700px;
	height:395px;
}
.video_box p{
    text-align:center;
	color:#000;
	font-size:20px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:50px;
}
}

@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 css*****************/
.video{
    width:95%;
	margin:70px auto;
	overflow:hidden;
}
.video_box div{
    margin:0 auto;
	text-align:center;
}
.video_box div iframe{
    width:95%;
	height:auto;
}
.video_box p{
    text-align:center;
	color:#000;
	font-size:20px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:50px;
}
}