@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;}

/****************************************************
	메인 슬라이드 배너
****************************************************/

#main_visual_box {min-height:100px; margin-bottom:20px; border:2px solid #CEAD6C; border-radius:20px; overflow:hidden;}
#main_visual_box .txt-default {color:#CEAD6C !important;}

/****************************************************
	메인 마퀴 박스 (흐르는 텍스트)
****************************************************/

#main_marquee_border {
	display:flex;
	align-items:center;
	width:100%;
	margin-bottom:5px;
}

#main_marquee_border img {
	width:20px;
	height:20px;
	margin:0 10px;
}

#main_marquee_border div {
	flex:1;
	height:2px;
	background-color:#CEAD6C;
}

#main_marquee_box {
	position:relative; 
	width:100%; 
	overflow:hidden; 
	background-color:transparent; 
	padding-bottom:10px; 
	margin-bottom:20px;
	font-size:16px;
	font-family: 'Arita-buri';
	color:#2B2B2B;
	border-bottom:2px solid #CEAD6C;
}


/****************************************************
	메인 트위터 박스
****************************************************/

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

/* theme-box 공통 스타일 */
.theme-box {background-color:transparent !important; color:#CEAD6C !important;}
.theme-box * {color:#CEAD6C !important;}
.theme-box a {color:#CEAD6C !important;}


/****************************************************
	메인 이미지 박스
****************************************************/

#main_image_box {position:relative; width:32%; margin-left:2%; margin-right:2%; text-align:center; float:left; margin-bottom:20px;}


/****************************************************
	메인 우측 박스 (로그인 / 일반)
****************************************************/

#main_side_box {position:relative; width:32%; height:330px; float:right; margin-bottom:20px;}
#main_banner_box {text-align:center; box-sizing:border-box; margin: 0 auto;}
.main_margin_box {margin-bottom:20px;}


/****************************************************
	메인 카피라이터
****************************************************/

#main_copyright_box {display:block; position:relative; clear:both; text-align:center; margin-top:20px;}


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

@media all and (max-width:1024px)  {
	#no_design_main {padding-top:20px;}
}
@media all and (max-width:800px)  {
	#main_twitter_box,
	#main_image_box,
	#main_side_box  {width:auto; float:none; margin:0 0px 20px;}
	#main_side_box {height:auto;}
	#main_banner_box {display:flex; justify-content:space-between; gap:10px;}
	#main_banner_box a {flex:1;}
	#main_banner_box .main_margin_box {margin-bottom:0;}
	#main_banner_box img {width:100%; height:auto;}
}