@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; background:#000; margin-bottom:20px;}


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

#main_twitter_box {
	position: relative;
	width: 64%;
	height: 110px;
	float: left;
	margin-bottom: 20px;
	
	/* ✅ 모서리 둥글게 */
	border-radius: 12px; 
  
	/* ✅ 흰색 테두리 추가 */
	border: 1px solid rgb(201, 157, 255); 
  
	/* ✅ 박스 외곽선 (흰색 테두리 강조) */
	box-shadow: 0 0 8px rgba(201, 157, 255, 0.6); 

	/* ✅ 가로세로 중앙 정렬 */
	display: flex;
	align-items: center; /* 세로 중앙 */
	justify-content: center; /* 가로 중앙 */

  }
.twitter {max-height:100%;}


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

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


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

#main_side_box {position:relative; width:32%; height:260px; float:right; margin-bottom:20px;}
#main_login_box {margin-bottom:20px;}
#main_banner_box {padding:20px; height:130px; text-align:center; box-sizing:border-box;}


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

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


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

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