.main-contents{margin-top:-24px;}
.main-contents > div{
	border-radius: 24px 24px 0 0;
	background-color: #fff;
}
.main-contents > div .title-a{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;}
.main-contents > div .title-a > h2{font-size:19px;font-weight: 700;color:var(--textHeadline);}
.main-contents > div .mHome-section{padding-bottom: 16px;}

/* 홈화면  */
.main-contents > div .main-wrap{
	padding:24px 16px 0;
}

/* 자주 찾는 서비스 */
.main-contents > div .mService .service-list{}
.main-contents > div .mService .service-list > div{padding:16px;border-radius: 12px;border: 1px solid var(--borderColorLight);box-shadow: var(--boxshadowType02);}
.main-contents > div .mService .service-list > div ul{display: flex;flex-wrap: wrap;gap:16px 10px;}
.main-contents > div .mService .service-list > div ul li{width: calc((100% / 3) - 7px);}
.main-contents > div .mService .service-list > div ul li a{display: flex;flex-direction: column;align-items: center;text-align: center;gap:6px;}
.main-contents > div .mService .service-list > div ul li a .figure{width: 32px;height: 32px;display: flex;}
.main-contents > div .mService .service-list > div ul li a .figure:before{content: '';background: url("../../images/common/service_icon.png")no-repeat left top/96px 64px;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .bank.figure:before{background-position: left top;}
.main-contents > div .mService .service-list > div ul li a .bag.figure:before{background-position: left -32px top;}
.main-contents > div .mService .service-list > div ul li a .book.figure:before{background-position: left -64px top;}
.main-contents > div .mService .service-list > div ul li a .search.figure:before{background-position: left bottom;}
.main-contents > div .mService .service-list > div ul li a .monitor.figure:before{background-position: left -32px bottom;}
.main-contents > div .mService .service-list > div ul li a .pig.figure:before{background-position: left -64px bottom;}
.main-contents > div .mService .service-list > div ul li a .m01.figure:before{background-image:url("../../images/main/icon/main_icon_01.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m02.figure:before{background-image:url("../../images/main/icon/main_icon_02.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m03.figure:before{background-image:url("../../images/main/icon/main_icon_03.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m04.figure:before{background-image:url("../../images/main/icon/main_icon_04.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m05.figure:before{background-image:url("../../images/main/icon/main_icon_05.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m06.figure:before{background-image:url("../../images/main/icon/main_icon_06.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m07.figure:before{background-image:url("../../images/main/icon/main_icon_07.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m08.figure:before{background-image:url("../../images/main/icon/main_icon_08.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m09.figure:before{background-image:url("../../images/main/icon/main_icon_09.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m10.figure:before{background-image:url("../../images/main/icon/main_icon_10.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m11.figure:before{background-image:url("../../images/main/icon/main_icon_11.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m12.figure:before{background-image:url("../../images/main/icon/main_icon_12.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m13.figure:before{background-image:url("../../images/main/icon/main_icon_13.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m14.figure:before{background-image:url("../../images/main/icon/main_icon_14.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m15.figure:before{background-image:url("../../images/main/icon/main_icon_15.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m16.figure:before{background-image:url("../../images/main/icon/main_icon_16.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m17.figure:before{background-image:url("../../images/main/icon/main_icon_17.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m18.figure:before{background-image:url("../../images/main/icon/main_icon_18.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m19.figure:before{background-image:url("../../images/main/icon/main_icon_19.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a .m19.figure:before{background-image:url("../../images/main/icon/main_icon_20.png");background-size:contain;background-position:center;background-repeat:no-repeat;width: 32px;height: 32px;}
.main-contents > div .mService .service-list > div ul li a p{font-weight: 700;color: var(--textColor01);}

/* 배너 */
.swiper-toggle-btn.active{background-position: left center;}
.main-contents > div .mEvent-slider{
	margin-top:40px;
	overflow: hidden;
	border-radius: 12px;
	background-color: gainsboro;
}
.main-contents > div .mEvent-slider .swiper-slide{}
.main-contents > div .mEvent-slider .swiper-slide > a{display: flex;height:0;padding-bottom: 39.63%;position:relative;background-size: cover;background-position: center;background-repeat: no-repeat;}
.main-contents > div .mEvent-slider .swiper-slide > a .text{position: absolute;left:16px;top:16px;}
.main-contents > div .mEvent-slider .swiper-slide > a .text p{}
.main-contents > div .mEvent-slider .swiper-slide > a .text p.t1{color: var(--textColor01);font-size:15px;font-weight: 700;}
.main-contents > div .mEvent-slider .swiper-slide > a .text p.t2{font-size:19px;font-weight: 700;color: var(--textHeadline);margin-top:4px;}
.main-contents > div .mEvent-slider .swiper-controls .slide-button-prev{display: flex;align-items: center;justify-content: center;width: 16px;height: 16px;background: url("../../images/common/slide_control.svg")no-repeat left -32px center;}
.main-contents > div .mEvent-slider .swiper-controls .slide-button-next{display: flex;align-items: center;justify-content: center;width: 16px;height: 16px;background: url("../../images/common/slide_control.svg")no-repeat left -48px center;}
.main-contents > div .mEvent-slider .swiper-controls { display: flex; align-items: center; justify-content: center; gap: 4px; position: absolute; bottom: 16px; right:24px; z-index: 10; background: rgba(0, 0, 0, 0.4); padding: 6px 12px; border-radius: 100px; backdrop-filter: blur(4px); } 
.main-contents > div .mEvent-slider .swiper-custom-pagination { font-size: 13px; font-weight: 500; color:rgba(255, 255, 255, 0.7); padding-right:4px; } 
.main-contents > div .mEvent-slider .swiper-custom-pagination .current { color: #fff; } 
.main-contents > div .mEvent-slider .swiper-toggle-btn { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; background: url("../../images/common/slide_control.svg")no-repeat left -16px center; border: none; } 
.main-contents > div .mEvent-slider .swiper-toggle-btn.active{background-position: left center !important;}

/* 공지사항 */
.main-contents > div .mNotice{margin-top:40px;}
.main-contents > div .mNotice a.more{display: flex;align-items: center;font-size: 15px;color: var(--textColor02);gap:2px;}
.main-contents > div .mNotice a.more::after{content:'';background: url("../../images/common/more_icon.svg")no-repeat center/cover;width: 16px;height: 16px;display: inline-block;}
.main-contents > div .mNotice .notice-list{}
.main-contents > div .mNotice .notice-list > div{padding:16px;border-radius: 12px;overflow: hidden;border: 1px solid var(--borderColorLight);}
.main-contents > div .mNotice .notice-list > div ul{display: flex;flex-direction: column;width: 100%;gap:12px;}
.main-contents > div .mNotice .notice-list > div ul li{}
.main-contents > div .mNotice .notice-list > div ul li a{display: flex;align-items: center;gap:16px;justify-content: space-between;}
.main-contents > div .mNotice .notice-list > div ul li a > p{
	white-space: nowrap;
	color: var(--textColor01);
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
.main-contents > div .mNotice .notice-list > div ul li a > span.date{color:#999999;font-size:15px;}

.main-contents > div .mCs-banner{margin:24px 0 12px;}
.main-contents > div .mCs-banner > a > div{padding:18px 20px 18px 16px;background-color: var(--backgroundColor04);border-radius: 12px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.main-contents > div .mCs-banner > a > div .text-a{}
.main-contents > div .mCs-banner > a > div .text-a h3{display: flex;align-items: center;gap:6px;color:var(--textHeadline);font-size:17px;font-weight: 700;}
.main-contents > div .mCs-banner > a > div .text-a h3 > strong{color:var(--primaryStrong);}
.main-contents > div .mCs-banner > a > div .text-a p{color: var(--textCaution);margin-top:4px;font-weight: 700;font-size:13px;}
.main-contents > div .mCs-banner > a > div .figure{max-width: 75px;}

.main-contents > div .mLink{padding-bottom:13px;}
.main-contents > div .mLink .link-list{}
.main-contents > div .mLink .link-list ul{display: flex;flex-direction: column;width: 100%;gap:12px;}
.main-contents > div .mLink .link-list ul li{}
.main-contents > div .mLink .link-list ul li > a{display: flex;align-items: center;justify-content: space-between;width: 100%;box-shadow: var(--boxshadowType02);border: 1px solid var(--borderColorLight);border-radius: 8px;padding:17px 20px;}
.main-contents > div .mLink .link-list ul li > a::after{content:'';background: url("../../images/common/b_arrow.svg")no-repeat center/cover;width: 20px;height: 20px;display: inline-block;}
.main-contents > div .mLink .link-list ul li > a > p{color: var(--textColor01);font-weight: 700;display: flex;align-items: center;}
.main-contents > div .mLink .link-list ul li > a > p:before{content:'';width: 32px;height: 32px;display: inline-block;background: url("../../images/common/link_list_icon.png")no-repeat top center/32px 160px;margin-right:11px;}
.main-contents > div .mLink .link-list ul li:nth-child(1) > a > p:before{background-position: top center;}
.main-contents > div .mLink .link-list ul li:nth-child(2) > a > p:before{background-position: top -32px center;}
.main-contents > div .mLink .link-list ul li:nth-child(3) > a > p:before{background-position: top -64px center;}
.main-contents > div .mLink .link-list ul li:nth-child(4) > a > p:before{background-position: top -96px center;}
.main-contents > div .mLink .link-list ul li:nth-child(5) > a > p:before{background-position: top -128px center;}

.main-contents > div .mCScenter{padding-bottom:10px;}
.main-contents > div .mCScenter .cs-info{display: flex;align-items: center;justify-content: space-between;}
.main-contents > div .mCScenter .cs-info .text-a{}
.main-contents > div .mCScenter .cs-info .text-a > h2{font-size:19px;color:var(--textHeadline);font-weight: 700;}
.main-contents > div .mCScenter .cs-info .text-a > p{font-size:15px;color:var(--textColor01);margin-top:4px;}
.main-contents > div .mCScenter .cs-info .figure{}
.main-contents > div .mCScenter .center-item{margin-top:12px;}
.main-contents > div .mCScenter .center-item > div{padding:20px 20px 18px;background-color: #FFF7EF;border-radius: 12px;}
.main-contents > div .mCScenter .center-item > div h4{display: flex;align-items: center;color: var(--textHeadline);font-size:15px;font-weight: 700;}
.main-contents > div .mCScenter .center-item > div h4::before{content:'';background: url("../../images/common/call_icon.svg")no-repeat center/cover;display: inline-block;width: 20px;height: 21px;margin-right:5px;}
.main-contents > div .mCScenter .center-item > div h3{font-size:28px;color:var(--primaryStrong);margin-top:8px;font-weight: 700;}
.main-contents > div .mCScenter .center-item > div span{font-size:13px;color:var(--textColor02);margin-top:2px;}
.main-contents > div .mCScenter .center-item > div p{font-size:15px;color:var(--textColor01);margin-top:16px;}
.main-contents > div .mCScenter .counseling{margin-top:12px;}
.main-contents > div .mCScenter .counseling ul{
	display: flex;
	gap:12px;
	height: fit-content;
}
.main-contents > div .mCScenter .counseling ul li{width: calc((100% / 2) - 6px);}
.main-contents > div .mCScenter .counseling ul li a{
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color:var(--backgroundColor04);
	border-radius: 8px;
	padding:16px;
	gap:8px;
	height: 100%;
}
.main-contents > div .mCScenter .counseling ul li a .figure{max-width: 48px;}
.main-contents > div .mCScenter .counseling ul li a .text-a{text-align: center;}
.main-contents > div .mCScenter .counseling ul li a .text-a h4{font-weight: 700;color: var(--textHeadline);}
.main-contents > div .mCScenter .counseling ul li a .text-a p{color: var(--textColor02);margin-top:2px;font-size:15px;}
.main-contents > div .mCScenter .counseling .caution{margin-top:16px;}
.main-contents > div .mCScenter .counseling .caution p{font-size:15px;color: var(--textColor01);position: relative;padding-left:13px;}
.main-contents > div .mCScenter .counseling .caution p:before{content:'';background-color: var(--borderColorDark);width: 5px;height: 5px;border-radius: 50%;position: absolute;left:0;top:8px;}

.main-footer {
	background-color: var(--backgroundColor01);
	padding: 20px;
}
.main-footer > .link {
}
.main-footer > .logo {
	padding: 16px 0 0;
}
.main-footer > .body {
	padding: 16px 0 0;
}
.main-footer > .copy {
	padding: 16px 0 0;
	font-size: 15px;
	color: #555;
	line-height: 24px;
}
.main-footer > .other-site {
	padding: 25px 0 80px;
}
.main-footer > .other-site > ul.r-icons {
	display: flex;
	list-style: none;
}
.main-footer > .other-site > ul.r-icons > li {
	margin-right: 25px;
}
.main-footer > .other-site > ul.r-icons > li a img {
	width: 100%;
	max-width: 60px;
	height: auto;
}