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

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

#body {opacity:0;}
/*#main_body {text-align:center;}*/

#main_body {
	display:grid;
	grid-template-rows: auto 1fr;
}

#main_top_content {
	height:140px;
    display: grid;
	grid-template-columns: 3fr 3fr 2fr;
}

#main_top_content .main_banner {}
#main_top_content .main_banner .banner_pointer {
	background-image: url('http://cudadang.ivyro.net/iam/main_pointer.gif');
	width: 61px;
    height: 56px;
    position: relative;
    top: -36px;
    left: 110px;
}
#main_top_content .main_banner a {
    display: block;
    position: relative;
    right: -150px;
    top: -26px;
    width: max-content;
    box-shadow: -11px 11px 0px 0px #c5ccd6;
}

#main_top_content .main_box1 {}

#main_top_content .main_lastest_2 {}


#main_bottom_content {
	display: grid;
    grid-template-columns: 2fr 5fr 1fr;
}

#main_bottom_content .main_lastest_1 {}

#main_bottom_content .main_content {}

#main_bottom_content .main_box2 {}


/* 모바일 호환 */
@media all and (max-width:1000px) {
	#main_body {
    	display: flex;
		flex-direction: column;
	}
	#main_top_content {
		height: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 auto;
	}
	#main_top_content div {margin: 10px;}
	#main_top_content .main_banner {align-content: center;}
	#main_top_content .main_banner .banner_pointer {display: none;}
	#main_top_content .main_banner a {
		right:unset;
		top:unset;
	}

	#main_bottom_content {
		display: flex;
		flex-direction: column;
	}
	#main_bottom_content .main_lastest_1 {
		margin: 0 auto;
	}
}
@media all and (max-width:600px) {
	#main_top_content {
		display: flex;
		flex-direction: column;
	}
	#main_top_content div {
		margin: 10px auto;
	}
}

/****************************************************
	스타일
****************************************************/
.main_guide {opacity:0;}

#main_bottom_content .main_content p {
	margin-left: 100px;
}