@charset "UTF-8";

/********************************************************

			MAIN 3 - css [BSJ]

********************************************************/
#MAIN_D {position:relative;width:100%;max-width:640px;height:100%;background-color:#f0f3f8;margin: 0 auto;}

/*슬라이드*/
.MAIN__slider,
.MAIN_D_slider,
.MAIN_D_slider .swiper-wrapper,
.MAIN_D_slider .swiper-slide {height:569px;}
.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:0;left:0;right:0;width:100%;height:100%;padding:0 39px;;box-sizing:border-box;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child {margin-left:0;}
.swiper-button-prev, .swiper-button-next {top:auto;bottom:20px;width:40px;height:40px;background-repeat:no-repeat;background-image:url(/common/theme_old/layout3/images/main/MAIN_D_arrows.png);}
.swiper-button-prev {left:auto;right:80px;background-position:0;}
.swiper-button-next {right:30px;background-position:-49px 0;}
.swiper-button-prev:after, .swiper-button-next:after {content:none;}

/*메뉴*/
.MAIN__menus {padding:2rem 0 0.5rem;}
.MAIN__menus .column.col_3 {margin:-2.5%;}
.MAIN__menus .column.col_3 > li {width:28.333%;margin:2.5%;}
.MAIN__menus li {box-sizing:border-box;}
.MAIN__menus li.menu_list1,
.MAIN__menus li.menu_list2,
.MAIN__menus li.menu_list3 {border-radius:20px 20px 0 0;}
.MAIN__menus li.menu_list4,
.MAIN__menus li.menu_list5,
.MAIN__menus li.menu_list6 {border-radius:0 0 20px 20px;}
.MAIN__menus a {display:block;text-align:center;}
.MAIN__menus i {display:block;}
.MAIN__menus strong {display:block;margin-top:7px;font-weight:500;font-size:1.4rem;color:#333;letter-spacing:-1.6px;}

/*공통*/
.main__inner {padding:0 2rem;padding-bottom:2rem;}
.main__inner.last {padding-bottom:0;}
.main__title {margin-bottom:5px;padding-left:5px;font-weight:600;font-size:1.6rem;color:#333;letter-spacing:-1.4px;}
.main__head {position:relative;}
.MAIN__box {padding:1.5rem 1.5rem;background-color:#fff;border-radius:10px;box-shadow: 1px 1.7px 25px 0 rgba(0, 0, 0, 0.1);
}

/*공지사항*/
.Main__notice_list li {position:relative;border-bottom:1px solid #e6e6e6;list-style:none;}
.Main__notice_list li a {position:relative;display:block;padding:10px 5px;padding-right:115px;}
.Main__notice_list .notice_tit {font-weight:300;font-size:1.1rem;color:#666;letter-spacing:-0.8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Main__notice_list .notice_date {position:absolute;top:16px;right:0;margin-bottom:13px;font-weight:300;font-size:1rem;color:#666;line-height:1;}
.notice_more_btn {position:absolute;top:0;right:0;}

/*활용법*/
.MAIN__app a img {display: block;}

/* 반응형 */
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 480px){
	.MAIN__slider, .MAIN_D_slider, .MAIN_D_slider .swiper-wrapper, .MAIN_D_slider .swiper-slide {max-height:24rem;}
	.MAIN__slider .slider_slogan img {max-width:200px;}
	.MAIN__menus {padding:1.2rem 0 0;}
	.MAIN__menus i img {max-width:50px;}
	.MAIN__menus strong {font-size:1rem;}
	.MAIN__box {padding:1rem 1rem;}
	.main__inner {padding:0 1.5rem;padding-bottom:1.5rem;}
	.main__title {font-size:1.1rem;}
	.Main__notice_list .notice_tit {font-size:1rem;}
	.Main__notice_list .notice_date {font-size:0.9rem;}
	.notice_more_btn {max-width:14px;}
}