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

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

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


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

#main_visual_box {min-height:100px;  margin-bottom:20px;}
#main_body {
	max-width:1000px;
	margin: 0 auto;
}

#no_design_main	{
	position: relative;
}
#no_design_main:after	{
	content: "";
	display: block;
	position: relative;
	clear: both;
}
#main_visual_box	{ 
	min-height: 100px;
	margin-bottom: 20px;
	padding: 0;
}
#main_visual_box .swiper-container {border-radius:10px;}
#main_notice_box	{ 
	line-height: 1em;
	margin-bottom: 20px;
	padding: 10px;
}

#main_twitter_box	{
	position: relative;
	width: 32%;
	height: 260px;
	float: left;
	margin-bottom: 20px;
	padding: 0;
}
.twitter	{ max-height: 100%; overflow-y:scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.twitter::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

#main_image_box	{
	position: relative;
	width: 32%;
	margin-left: 2%;
	margin-right: 2%;
	height: 260px;
	float: left;
	margin-bottom: 20px;
	padding: 0px;
	overflow-y: auto;
}
#main_image_box .content {
	overflow-y: auto; height: 100%;
}
#main_image_box .content .li {
	padding: 10px 20px;
}

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

#main_login_box	{ margin-bottom: 20px; height: 130px; }
#main_banner_box	{
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	overflow-y: auto;
	margin-bottom: 20px;
}


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

@media all and (max-width: 815px) { 
	#no_design_main .theme-box {
		margin: 0 0.5% 20px;
		width: 49%;
		float: left;
	}
	#main_notice_box,
	#main_side_box 	{
		width: 99% !important;
		float: left;
	}
	.swiper-container {
		border-left: 54px;
		border-right: 54px;
		border-top: 6px;
		border-bottom: 5px;
		border-image-slice: 45 153 45 153;
		border-image-width: 15px 55px 15px 55px;
		border-style: solid;
	}
}
@media all and (max-width: 700px) { 
	#no_design_main .theme-box {
		margin: 0 auto 20px;
		width: 100%;
	}
	#main_body {
		padding: 20px !important;
	}
}