@charset "UTF-8";

/********************************************************

			MAIN 1 - css [BSJ]

********************************************************/
/*------------------------------------------------------
    MAIN
------------------------------------------------------*/
#wrap,
.full_H {height:100%;}

#MAIN_A {position:relative;width:100%;max-width:640px;height:100%;margin: 0 auto;}

/*슬라이드*/
.MAIN__slider,
.MAIN_A_slider,
.MAIN_A_slider .swiper-wrapper,
.MAIN_A_slider .swiper-slide {height:100%;}
.MAIN__slider .slider_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.MAIN__slider .slider_slogan {position:absolute;top:180px;left:39px;}
.swiper-button-prev, .swiper-button-next {width:40px !important;height:40px !important;background-repeat:no-repeat;background-image:url(/common/theme_old/layout1/images/main/MAIN_A_arrows.png);}
.swiper-button-prev {left:10px !important;background-position:0;}
.swiper-button-next {right:10px !important;background-position:-49px 0;}
.swiper-button-prev:after, .swiper-button-next:after {content:none !important;}

/*메뉴*/
.MAIN__menus {position:absolute;left:0;right:0;bottom:6.5rem;width:100%;padding:0 1.5rem;z-index:2;box-sizing:border-box;}
.MAIN__menus i {display:block;}
.MAIN__menus strong {display:block;margin-top:6px;font-weight:400;font-size:1.25rem;color:#fff;letter-spacing:-1.6px;}

/*활용법*/
.MAIN__app .app_btn {position:absolute;bottom:0;left:0;right:0;width:100%;max-width:618px;margin:0 auto;background-color: #192f60;text-align: center;height: 5rem;max-height: 5rem;line-height: 5rem;border-radius: 10px 10px 0 0;color: #fff;display: block;font-size: 1.6rem;font-weight: 500;z-index:9;}
.MAIN__app .app_btn img {margin-top:-7px;margin-right: 9px;vertical-align:middle;}

.column.col5 > li {
    width: 20%;
}

/* 반응형 */
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 480px){
	.MAIN__slider .slider_slogan {max-width:200px;}
	.MAIN__menus {padding:0 0.5rem;bottom:4.2rem;}
	.MAIN__menus i img {max-height:30px;}
	.MAIN__menus strong {font-size:0.9rem;}
	.MAIN__app .app_btn {height: 3rem;max-height: 3rem;line-height: 3rem; font-size: 1rem;}
	.MAIN__app .app_btn img {margin-top: -4px;max-width:15px;}
}