@charset "utf-8";
/* -----------------------------------------------
	* 메인 화면 스타일 정의
--------------------------------------------------
	- 최초 작성일 : 2021.08.15
	- 최초 작성자 : 아보카도
	- 최종 수정일 :
	- 최종 수정자 :
--------------------------------------------------*/

/****************************************************
	메인 레이아웃
****************************************************/

#body {opacity:0;}
#no_design_main {position:relative; padding:50px 0; }
#no_design_main:after {content:""; display:block; position:relative; clear:both;}


/****************************************************
	검색창
****************************************************/
.hd_sch_wr {position: relative; padding: 0 0 20px 0; text-align: center;}
#hd_sch {display: inline-flex;}
#sch_submit {border: 0; background-color: transparent;}
#sfl {margin:0 10px 0 0; font-family: 'NeoDunggeunmoPro-Regular';}


/****************************************************
	메인 테두리
****************************************************/
#main_border_box {position:relative; padding:30px; height: 580px; border:1px solid white; border-radius: 5px; background-color: rgba(255, 255, 255, 0.5);}


/****************************************************
	메인 좌측 박스
****************************************************/

#main_left_box {position:relative; width:32%; height:260px; float:left; margin-bottom:20px;}
.main_left_box {max-height:100%;}


/****************************************************
	메인 센터 박스 (토큰 / 시계)
****************************************************/

#main_center_box {position:relative; width:32%; height:260px; float:left; margin-bottom:20px; margin-left:20px;}

#main_token_box {margin-bottom:20px;}
#main_clock_box {padding:20px; height:50px; text-align:center; box-sizing:border-box; font-family: 'NeoDunggeunmoPro-Regular'; font-size:20px;}


/****************************************************
	메인 우측 박스 (최신글 / 배너)
****************************************************/

#main_side_box {position:relative; width:32%; height:260px; float:right; margin-bottom:20px;}

#main_latest_box {margin-bottom:20px; height:160px;}
#main_banner_box {padding:20px; height:80px; text-align:center; box-sizing:border-box;}


/****************************************************
	반응형 스타일
****************************************************/

@media all and (max-width:1024px)  {
	#no_design_main {padding-top:20px;}
}
@media all and (max-width:800px)  {
	#main_left_box,
	#main_center_box,
	#main_side_box  {width:auto; float:none; margin:0 0px 20px;}
}

/****************************************************
	헤더 박스
****************************************************/
.main_header_box {
	max-width: 2000px;
	max-height: 300px;
	overflow: hidden;
	position:relative;
	margin-bottom:20px;
}
.main_header_box img{
	width:100%;
	height:100%;
	transform: translate(0%, -30%);
}


/**********************
	font Style
**********************/
@font-face {
    font-family: 'NeoDunggeunmoPro-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/NeoDunggeunmoPro-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}