@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 메인 콘텐츠
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Park HyeonJeong
 * update	: 2019.01.13
 * --------------------------------------------------------------------------
 */

#footer {opacity:1 !important;}

#ani_main_visual {display:block; position:relative; max-width:818px; margin: 0 auto;}
#ani_main_visual:before {content:""; display:block; position:relative; padding-top:75.55%; z-index:1;}
#ani_main_visual img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;}
#ani_main_visual img {opacity:1; -webkit-opacity:1;}
#ani_main_visual img.off {opacity:0; -webkit-opacity:0;}

.main-layout {display:table; table-layout:fixed; width:100%; max-width:1400px; margin: 0 auto;}
.main-layout .item {display:table-cell; vertical-align:middle; box-sizing:border-box; padding:10px;}
.main-layout .item.vis {width:58.42%;}
.main-layout .item.txt {width:41%;}

.main-layout .title {font-size:60px; font-weight:100; line-height:1.4; letter-spacing:-0.05em; word-break:keep-all;}
.main-layout .desc {font-size:20px; font-weight:100; line-height:1.4; padding:20px 0 55px; word-break:keep-all;}
.main-layout .btn-area a {display:inline-block; width:170px; line-height:44px; text-align:center; font-size:16px; color:#d72c33; border:1px solid #d72c33; -webkit-transition: all .3s; transition: all .3s; }
.main-layout .btn-area a:hover {color:#fff; background:#d72c33;}
.main-layout .btn-area a + a {margin-left:8px;}

@media all and (max-width:1370px){
	.main-layout .title {font-size:50px;}
	.main-layout .desc {font-size:15px;}
}
@media all and (max-width:1150px){
	.main-layout .item.vis {width:auto;}
	.main-layout .item.txt {width:474px;}
}
@media all and (max-width:1000px){
	.main-layout {display:block;}
	.main-layout .item.vis {display:block; position:absolute; top:-30px; left:0; right:0; width:auto !important; }
	.main-layout .item.txt {display:block; position:relative; width:90%; max-width:818px; margin:0 auto; padding-bottom:50px; text-align:center;}
	.main-layout .title {padding-top:75%;}
	.main-layout .btn-area {text-align:center;}
	.main-layout .btn-area a {max-width:45%;}
}
@media all and (max-width:560px){
	.main-layout .title {font-size:30px;}
	.main-layout .desc {font-size:13px; padding-bottom:35px;}
	.main-layout .btn-area a {font-size:13px; line-height:35px;}
}