@charset "UTF-8";

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

			MAIN 3 - css [BSJ]

********************************************************/
#MAIN_C {position:relative;width:100%;max-width:640px;height:100%;margin: 0 auto;margin-top:6rem;}

/*슬라이드*/
.MAIN__slider {padding:0 10px;}
.MAIN__slider,
.MAIN_C_slider,
.MAIN_C_slider .swiper-wrapper,
.MAIN_C_slider .swiper-slide {height:320px;border-radius:20px;}
.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%;text-align:center;}
.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;}

/*메뉴*/
.MAIN__menus {margin-top:10px;}
.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;padding:2.4rem 0 2rem;text-align:center;background-image:url(/common/theme_old/layout3/images/main/MAIN_C_menu_i.png);background-repeat:no-repeat;background-position:10.2rem 1rem;}
.MAIN__menus i {display:block;}
.MAIN__menus strong {display:block;margin-top:0.6rem;font-weight:500;font-size:1.25rem;color:#fff;letter-spacing:-1.6px;}

/*공통*/
.main__inner {padding:0 10px;padding-bottom:2rem;}
.main__title {margin-bottom:5px;font-weight:600;font-size:1.6rem;color:#333;letter-spacing:-1.4px;}
.main__head {position:relative;}

/*공지사항*/
.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 0;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 {margin:2rem 0 0;}
.MAIN__app a img {display: block;}

.column.col_3 {
    margin: -1% -1.25% 0;
}
.column.col_3 > li {
    width: 31.5%;
    margin: 1.3% 0.7% 0;
}

/* 반응형 */
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 480px){
	#MAIN_C {margin-top:4.7rem;}
	.MAIN__slider, .MAIN_C_slider, .MAIN_C_slider .swiper-wrapper, .MAIN_C_slider .swiper-slide {max-height:13rem;}
	.MAIN__slider .slider_slogan img {max-width:200px;}
	.MAIN__menus i img {max-height:35px;}
	.MAIN__menus strong {font-size:0.8rem;}
	.MAIN__menus a {padding:1.8rem 0 1rem;background-position:6.3rem 0.8rem;background-size: 10%;}
	.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;}
}