body, html { 
    background:#f0f0f0;
    cursor:url('../images/cur_normal.cur'),default; }

a, button { 
    cursor:url('../images/cur_link.cur'),auto!important; }

#board{
	width:100%;
	height:100%;
	overflow:hidden;
}

#board .topLine{
	width:100%;
	margin-top:100px;
}

#board .topLine .subject{
	font-size:2.9rem;
	color:#939393;
	font-family:'elephant regular', cursive;
	text-align:center;
}


#board .topLine .subject a {color:#333 }

#board .topLine .tabmenu{  
	margin-top:20px;
	text-align:center;
}


#board .topLine .tabmenu div{
	width:150px;
	display:inline-block;
	text-align:center;
	border-radius:25px;
	padding:12px 0px;
	font-family:montserrat;
	font-weight:bold;
	font-size:15px;
	background:#999;
	color:#fff;
	margin:0px 5px;
	letter-spacing:1px;
	transition:all 0.6s;
	cursor:url('../images/cur_link.cur'),auto!important;
}

#board .topLine .tabmenu div:hover { 
	background:#333; 
	color:#fff;
}

#board .topLine .tabmenu div:hover a{
	color:#fff;
}

#board .topLine .tabmenu .on{
	background:#0f6244;
	color:#fff;
}
#board .topLine .tabmenu .on a{
	color:#fff;
}

#board .youtube{
	width:70%;
	margin:0 auto; 
	text-align:center;
}

#board .youtube dd {
	width:100%;
	margin-top:0px; 
}

#board .youtube dd .title{
	display:inline-block;
	width:auto;
	height:40px;
/*	background:url('../images/eum/brush_stroke.png') no-repeat;*/
	font-size:25px;
	color:#333;
	font-weight:100;
	font-family:'montserrat';
	line-height:40px;
	margin-top:60px; 
	margin-bottom:15px;
	border-bottom:1px solid #333;
	padding:0 3px;
}

#board .youtube dd .title span{
	font-weight:bold;
}


#board .youtube dd .youtubeList {
	width:100%;
	margin:0 auto;
	text-align:left; font-family:'Noto Sans Korean';

	/*flex*/
	display:flex;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content:flex-start;
	
}


#board .youtube dd .youtubeList li{
	width:calc(100%/5);  
	display:inline-block;  
	margin-top:30px 0 0 0; 
	padding:5px;
}


#board .youtube dd .youtubeList li .thumnail {
	width:100%;
	height:7.5vw;
	overflow:hidden;
	position:relative;
}

#board .youtube dd .youtubeList li img{
	position:absolute;
	top:-17%;
 	width:100%; 
	opacity:0.6;
	transition:all 0.5s;
	vertical-align:middle;
}

#board .youtube dd .youtubeList li img:hover {
	opacity:1;
}

/*#board .youtube dd .youtubeList li:nth-child(5n+1){
	margin-left:0px;
}*/

#board .youtube dd .youtubeList li .subject{
	font-size:15px;
    font-family:'noto sans KR';
    -webkit-font-smoothing: antialiased;
    font-weight:500;
	color:#333;
	margin-top:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
/*	margin-top:15px;*/
}
#board .youtube dd .youtubeList li .subject a { color:#333 }
#board .youtube dd .youtubeList li .option{
	font-size:14px;
    font-family:'noto sans KR';
    font-weight:300;
    -webkit-font-smoothing: antialiased;
	color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top:5px;
	margin-bottom:10px;
}


.more{
	cursor: pointer;
	width:150px;
	background:transparent;
	border:1.5px solid rgba(0,0,0,.7);
	color:#333;
	padding:10px;
	font-size:13px;
	font-family:'elephant regular', cursive;
	text-align:center;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	margin:40px auto;
	transition:all 0.5s;
    cursor:url('../images/cur_link.cur'),auto!important; }
}

.more a{
	color:#333;
}


.more:hover {
	border:1.5px solid #0f6244;
	color:#0f6244;
}


#board .business{
	width:70%;
	margin:50px auto 0;
}

#board .business dd{
	width:520px;
	display:inline-block;
	vertical-align:middle;
	margin-left:35px;
	margin-top:50px;
}

#board .business dd:nth-child(2n+1){
	margin-left:0px;
}

#board .business dd .thumArea{
	width:200px;
	height:200px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
}

#board .business dd .thumArea img{
	width:200px;
	height:200px;
}

#board .business dd .textarea{
	width:290px;
	margin-left:25px;
	vertical-align:middle;
	display:inline-block;
}


#board .business dd .textarea .enname{
	font-size:16px;
	font-family:'montserrat';
	color:#fff;
	font-weight:100;
}

#board .business dd .textarea .krname{
	font-size:34px;
	color:#fff;
	font-weight:bold;
	margin-top:3px;
}

#board .business dd .textarea .morehomepage{
	width:150px;
	margin-top:18px;
	background:#0f6244;
	color:#fff;
	text-align:center;
	font-size:14px;
	padding:10px 0px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


#board .business dd .textarea .morehomepage a{
	color:#0f6244;
}

 
#board .goMain {
	width:70%;
	padding:60px 0px 0px;
	margin:0 auto; 
}

#board .goMain img {
	opacity:0.7;
	transition:all 0.6s;
}

#board .goMain img:hover {
	opacity:1;
}

footer#footer {  
	width:700px;
	margin:0 auto;}

footer#footer .footLogo {
	float:left; }

footer#footer .footLogo img { 
	margin-right:20px;
	margin-bottom:15px; }

footer#footer div { float:left; width:auto;}

footer#footer p { 
    font-size:16px;
    text-align:left;
    font-family:'Montserrat','noto sans KR';
    font-weight:300;
    color:#333;
    letter-spacing:-0.5px;
    line-height:27px;
}


footer#footer span {
	font-size:16px;
    color:rgba(255,255,255,.2);
    line-height:18px;
    margin:0 8px;
}

footer#footer strong {
	text-align:left;
	font-size:16px;
}

footer#footer .pc { 
	display:block;}

footer#footer .mobile { 
	padding-bottom:20px;
	display:none }



  @media all and ( max-width:1200px ) { 

	#board .youtube{
		width:90%;
	}

	#board .youtube dd .youtubeList li{
		width:calc(100%/4);  
		display:inline-block;   
	}
	 
	#board .youtube dd .youtubeList li .thumnail {
		height:auto;
		overflow:hidden;
		position:relative;
	}

	#board .youtube dd .youtubeList li img{
		position:static;
		top:-0;
	 	width:100%; 
	}

  }


  @media all and ( max-width:1080px ) { 

	#board .youtube{
		width:90%;
	}

	#board .youtube dd .youtubeList li{
		width:calc(100%/3);  
		display:inline-block;   
	}

  }


  @media all and ( max-width:700px ) { 
  

	#board .goMain {
		width:90%;
		padding:30px 0px 0px;
		margin:0 auto; 
	}
	#board .youtube dd .youtubeList {
		width:100%;
		margin:0 auto;
		text-align:left;

		/*flex*/
		display:flex;
		flex-wrap: wrap;
		flex-direction:row;
		justify-content:flex-start;
		
	}

	#board .youtube dd .youtubeList li{
		width:calc(100%/2);  
		display:inline-block;  
		margin-top:30px 0 0 0; 
		padding:5px;
	}
		 
	footer#footer { 
		width:95%;
		position:static;}

	footer#footer .footLogo { float:none; }

	footer#footer .footLogo img { 
		margin-right:0;
		margin-bottom:15px; }

	footer#footer div { float:none; }

	footer#footer p { 
	    font-size:14px;
	    text-align:center;
	    font-family:'Montserrat','noto sans KR';
	    font-weight:300;
 
	    letter-spacing:-0.5px;
	    line-height:25px;
	}

	footer#footer span {
		font-size:14px;
	    color:rgba(255,255,255,.2);
	    line-height:25px;
	    margin:0 5px;
	}

	footer#footer strong {
		text-align:left;
		font-size:14px;
	}

	footer#footer .pc { display:none; }

	footer#footer .mobile { display:block; }

 }


  @media all and ( max-width:500px ) { 
  
	#board .youtube dd .youtubeList li{
		width:100%;  
		display:inline-block;  
		margin-top:30px 0 0 0; 
		padding:5px;
	}

	footer#footer .pc { display:none; }

	footer#footer .mobile { display:block; }

	 
 }
@media all and ( max-width:600px ) { 
#board .topLine .tabmenu div {
	width: 95px;
	font-size: 15px;
	margin: 0px 2px;
}
}