@charset "utf-8";
/* 초기화 */
html {font-size: 16px; min-height:100%; }
body{
	font-family:'Noto Sans KR', sans-serif ,'맑은고딕',Malgun Gothic,Arial;
	line-height: 1.5;
	color: #666;
	font-weight: 400;
	letter-spacing: -0.03em;
	min-height:100%;
}
.layout,
.inner{max-width: 1400px; margin: 0 auto;}
/* #soc .layout,
#soc .inner{max-width: 1200px; } */

.main-board-wrap{display:flex; justify-content:space-between;}
.main-board-wrap__board{width:765px;}
.main-board-wrap__pop{width:530px;}


/* #soc .main-board-wrap{gap:30px;}
#soc .main-board-wrap__pop{width:auto; flex:1;}
#soc .main-board-wrap__pop .main-pop{width:auto;}
 */


@media screen and (max-width:1400px){
	.layout{width:100%; padding:0 20px;}

	.main-board-wrap__board{width:100%; flex:1; overflow:hidden;}
	.main-board-wrap__pop{width:530px; margin-left:20px; }
}
@media screen and (max-width:1024px){
	.main-board-wrap{flex-wrap:wrap;}
	.main-board-wrap__board{width:100%; flex:none; overflow:hidden; margin:0 0 20px;}
	.main-board-wrap__pop{width:100%; margin:0;}
}
@media screen and (max-width:720px){
 html{font-size: 15px;}
}
@media screen and (max-width:380px){
 html{font-size: 14px;}
}
/* @media screen and (max-width:320px){
 html{font-size: 13px;}
} */