@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2019-02-01
******************************************************** */

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 800px ){
	html{width: 100%; height:auto;}
	body {width: 100%; height:auto;}
	html {overflow-y: scroll;}

	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	.main-visual-m-img img{width:100%;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{bottom: auto; top: 12%; text-align: center;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:13px; margin-bottom:10px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:32px; line-height: 1.25;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn{display: none;}
}
@media all and ( max-width: 380px ){
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:28px; line-height: 1.3;}
}