/********** fonts **********/
/* Jalnan */
@font-face {
    font-family: 'Jalnan';
    font-style: normal;
    font-weight: 600;
    src: url(../font/JalnanOTF.woff) format('woff');
}
/* Pretendard */
@font-face {
font-family: 'Pretendard';
font-style: normal;
font-weight: 100;
src: url(../font/Pretendard-Thin.woff) format('woff');
}
@font-face {
font-family: 'Pretendard';
font-style: normal;
font-weight: 200;
src: url(../font/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
font-family: 'Pretendard';
font-style: normal;
font-weight: 300;
src: url(../font/Pretendard-Light.woff) format('woff');
}
@font-face {
font-family: 'Pretendard';
font-weight: 400;
src: url(../font/Pretendard-Regular.woff) format('woff');
}
@font-face {
font-family: 'Pretendard';
font-weight: 500;
src: url(../font/Pretendard-Medium.woff) format('woff');
}
@font-face {
font-family: 'Pretendard';
font-weight: 600;
src: url(../font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
font-family: 'Pretendard';
font-weight: 700;
src: url(../font/Pretendard-Bold.woff) format('woff');
}
@font-face {
font-family: 'Pretendard';
font-style: bold;
font-weight: 800;
src: url(../font/Pretendard-Black.woff) format('woff');
}
@font-face {
font-family: 'Pretendard';
font-weight: 900;
src: url(../font/Pretendard-ExtraBold.woff) format('woff');
}

html, body {margin: 0; padding: 0;}
.Mainwrap a {text-decoration: none;}

/********** footer **********/
.MainFooter {background-color: #F7F7F7; font-size: 16px;}
.FooterUtil {background-color: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: .8em 0;}
.FooterUtil > ul {max-width: 1248px; margin: 0 auto; display: flex; flex-flow: row wrap; height: 48px; list-style: none; padding: 0;}
.FooterUtil > ul > li {flex: 1; text-align: center; height: 100%;}
.FooterUtil > ul > li a, .FooterUtil > ul > li a img {height: 100%; display: block; margin: 0 auto;}
.FooterCon {max-width: 980px; margin: 0 auto; padding: 1.875em 0; display: flex; flex-flow: row wrap; gap: 40px; align-items: center;}
.FooterCon .footerlogo {width: 120px;} 
.FooterCon .footercontents {flex: 1; display: flex; flex-flow: column wrap; gap: 16px;}
.FooterCon .footercontents .footerlink {display: flex; flex-flow: row wrap; gap: 1em; list-style: none; padding: 0;}
.FooterCon .footercontents .footerlink li {background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; padding: .638em 1em;}
.FooterCon .footercontents .footerlink li a {color: #202229; transition: all .2s ease-in-out; font-family: 'Pretendard'; text-decoration: none;}
.FooterCon .footercontents .footerlink li a:hover {color: #21a197;}
.FooterCon .footercontents .footerinfo {display: flex; flex-flow: row wrap; gap: 24px; list-style: none; padding: 0; margin: 0;}
.FooterCon .footercontents .footerinfo li {color: #202229; position: relative; font-family: 'Pretendard';}
.FooterCon .footercontents .footerinfo li::before {width: 1px; height: 16px; background-color: #202229; position: absolute; right: -12px; top: calc(50% - 8px); content:'';}
.FooterCon .footercontents .footerinfo li:last-child::before {display: none;}
.FooterCon .footercontents .copy {font-family: 'Pretendard';}

/* 퀵메뉴 */
#QuickMenu {position: fixed; right: 40px; top: 50%; transform: translateY(-50%); z-index: 999; width: 100px; text-align: center;}
#QuickMenu .Quicktt {background-color: #28AF87; font-size: .9em; color: #fff; font-family: 'Pretendard'; line-height: 2; border-top-right-radius: 10px; border-top-left-radius: 10px; text-align: center;}
.QuickList {display: flex; flex-flow: column wrap; border-left: 1px solid #ddd; border-right: 1px solid #ddd; gap: 24px; padding: 2em 0; background-color: #fff; }
.QuickList li {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.QuickList li a {display: block;}
.QuickList li a .img {width: 50px; height: 50px; border-radius: 50%; background-color: #f4f4f4; display: block; margin: 0 auto 6px; transition: all .2s ease-in-out;}
.QuickList li a:hover .img {background-color: #fff; box-shadow: inset 0 0 0 2px #28AF87;}
.QuickList li a .tt {font-size: 1em; color: #131313;font-family: 'Pretendard'; font-weight: 500; transition: all .2s ease-in-out;}
.QuickList li a:hover .tt {color: #16a479;}
.GoTop {background-color: #DDDDDD; color: #5B5B5B;font-family: 'Pretendard'; font-size: .8em; display: block; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;  text-align: center; line-height: 2;}
.GoTop img {display: inline-flex; vertical-align: middle}

/********** main **********/
.Main_tt1 {font-family: 'Jalnan'; font-size: 1.875em; color: #131313; margin: 0 auto .5em; padding: 0;}
.Main_tt1 > span {font-family: 'Jalnan'; font-size: 1em; color: #28AF87;}
.Main_tt2 {font-family: 'Jalnan'; font-size: 1.875em; color: #131313; margin: 0 auto .5em; max-width: 1248px; padding: 0 16px;}
.Main_tt2 > span {font-family: 'Jalnan'; font-size: 1em; color: #28AF87;}
.Main_tt3 {font-family: 'Jalnan'; font-size: 1.875em; color: #131313; margin: 0 auto 1em; max-width: 1248px; padding: 0 16px; text-align: center;}

/* 상단 타이틀 */
.MainTitle {text-align: center; margin-bottom: 2em;}
.MainTitle .tt {margin-bottom: 1em;}
.MainTitle .tt span {font-family: 'Jalnan'; font-size: 3em;color: #131313; line-height: 1; letter-spacing: 0;}
.MainTitle .tt span.green {color: #1E978C;}
.MainTitle .tt span.brown {color: #633915;}
.MainTitle .comment > span { display: block; font-family: 'Pretendard'; font-size: 1.125em; line-height: 1.3; color: #131313; font-weight: 500;}

/* 메인비주얼/센터일정/배너 */
.MainContent1 {background: url(../images/main/img_mainbg01.png) no-repeat #fff; background-size: 100% auto; background-position: center top; padding: 6em 0 3em; position: relative;}
.MainVisualWrap{display: flex; flex-flow: row wrap; gap: 16px; justify-content: space-between; align-items: stretch; max-width: 1400px; margin: 0 auto; padding: 0; box-sizing: border-box;}
.MainVisual {position: relative;flex: 1; width: 980px;}
.MainVisualBanner .swiper {overflow: hidden;}
.MainVisualBanner .swiper-slide {background-color: #fff; border-radius: 10px; overflow: hidden;}
.MainVisualBanner a .img {display: block; width: 100%; height: 0; padding-bottom: 51.02%; position: relative; border-radius: 10px; overflow: hidden; transition: all .2s ease-in-out;}
.MainVisualBanner a .img img { object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.MainVisual .swiper-etc {height: 40px; max-width: 980px; position: absolute; width: 1980px; left: 50%; transform: translate(-50%, -50%); z-index: 2; top: 50%;}
.MainVisual .swiper-button-prev, .MainVisual .swiper-button-next { position: absolute; width: 60px; height: 60px; background-size: 30px 30px;}
.MainVisual .swiper-button-prev {left: 30px;}
.MainVisual .swiper-button-next {right: 30px;}
.MainBanner { flex: 1; width: 400px; display: flex; flex-flow: column wrap; gap: 16px;}

/* 센터일정 */
.MainSchedule {border: 1px solid #ddd; flex: 1; border-radius: 10px; background-color: #1A3966; width: 100%; display: flex; flex-flow: row wrap; gap: 16px; padding: 16px; box-sizing: border-box; align-items: center; }
.MainSchedule .Main_tt4 {font-size: 1.5em; flex: 1; height: calc(100% - 32px);}
.MainSchedule .Main_tt4 > img {display: inline-flex; margin: 2px 0 0;}
.MainSchedule .Main_tt4 > p {font-family: 'Jalnan'; font-size: 1em; color: #fff; letter-spacing: -.05em; display: inline-flex;}
.MainSchedule .Main_tt4 > p strong {font-family: 'Jalnan'; font-size: 1.15em; color: #fff; line-height: 1.5;}
.MainSchedule .swiper-etc {height: auto; text-align: left; max-width: none; margin-top: 1em; position: relative; display: flex; flex-flow: row wrap; gap: 8px;}
.MainSchedule .swiper-pagination {display: flex; flex-flow: row wrap; align-items: flex-start; width: calc(100% - 34px); gap: 6px;}
.MainSchedule .swiper-pagination-bullet {background-color: rgba(255,255,255,.4); width: 12px; height: 12px; border: 0; margin: 0;}
.MainSchedule .swiper-pagination-bullet-active {background-color:rgba(255,255,255,1);width: 12px; height: 12px; border: 0;}
.MainSchedule .schedule-controls {display: inline-block; position: absolute; right: 2px; top: -6px; width: 24px; height: 24px;}
.MainSchedule .schedule-controls button {appearance: none; border: 0; font-size: 0; cursor: pointer; display: block;}
.MainSchedule .schedule-controls button:hover {opacity: .8;}
.MainVisualSchdule {width: calc(100% - 120px);}
.MainVisualSchdule .swiper {overflow: hidden;}
.MainVisualSchdule .swiper-slide {border: 1px solid #ddd; padding: 5px; background-color: #fff; border-radius: 10px; text-align: center; }
.MainVisualSchdule a .img {display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; border-radius: 10px; overflow: hidden;}
.MainVisualSchdule a .img img {object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* 배너 */
.MainNotice {border: 1px solid rgba(0,0,0, .2); flex: 1; border-radius: 10px; box-sizing: border-box; overflow: hidden;}
.MainNoticeImg {display: block; width: 100%; height: 0; padding-bottom: 55.8%; position: relative;} 
.MainNoticeImg > img {object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/* 프로그램 */
.MainContent2 {background: url(../images/main/img_mainbg02.png) no-repeat #FFD324; background-size: 100% auto; background-position: center top; padding: 6em 0 3em; position: relative;}
.MainProgram {position: relative; max-width: 1248px; margin: 0 auto; z-index: 3;}
.MainProgram .swiper {overflow: hidden;}
.MainProgram .swiper-slide {border: 1px solid #ddd; padding: 1em; background-color: #fff; border-radius: 10px;}
.MainProgram a .img {display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; border-radius: 10px; overflow: hidden;}
.MainProgram a .img img {object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.MainProgram .label {font-size: .875em; font-weight: 400; padding: .4em 1em; font-family: 'Pretendard'; border-radius: 4px; margin-top: 1em;}
.MainProgram .label.typeA {background-color: #FFF6EF; color: #DD5300;}
.MainProgram .label.typeB {background-color: #DEF7E2; color: #18A32F;}
.MainProgram .label.typeC {background-color: #EBEBEB; color: #717171;}
.MainProgram .tt {color: #373737; font-weight: 600; font-size: 1em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 2.4em; font-family: 'Pretendard'; margin: 1em 0; transition: all .2s ease-in-out;}
.MainProgram .date {color:#8C969F; margin: 0 0 1em; font-family: 'Pretendard'; font-size: .9em;}
.MainContent2 .swiper-etc {height: 40px; max-width: 1248px; position: absolute; width: 1248px; left: 50%; transform: translate(-50%, -60%); z-index: 2; top: 60%;}
.MainContent2 .swiper-button-prev, .MainContent2 .swiper-button-next { position: absolute; width: 60px; height: 60px; background-size: 30px 30px;}
.MainContent2 .swiper-button-prev {left: -70px;}
.MainContent2 .swiper-button-next {right: -70px;}

/* MainContent3 */
.MainContent3 {font-size: 1em; position: relative;}
.MainContent3::before {background-image: url(../images/main/img_mainbg03.png); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/* 청년전책 */
.MainPolicy {display: flex; flex-flow: row wrap; max-width: 1248px; margin: 0 auto; padding: 0 0 80px; box-sizing: border-box; gap: 16px;}
.MainCon3_1 {background-color: #FCF7E7; padding-top: 80px;}
.MainCon3_2 { background-color: #FCF7E7;margin-bottom: 80px;}
.MainPolicy .tt {flex: 1; text-align: left; position: relative;}
.MainPolicy .tt .comment {display: block; margin-bottom: 1em; font-size: 1em; font-family: 'Pretendard'; line-height: 1.3; font-weight: 300; color: #131313; word-break: keep-all; letter-spacing: -.05em;}
.MainPolicy .MainPolicy01, .MainPolicy .MainPolicy02 {width: calc(100% - 316px);}
.MainPolicy .MainPolicy01 .swiper, .MainPolicy .MainPolicy02 .swiper {overflow: hidden;}
.MainPolicy .MainPolicy01 .swiper-slide, .MainPolicy .MainPolicy02 .swiper-slide {border: 1px solid #ddd; padding: 1em; background-color: #fff; border-radius: 10px;}
.MainPolicy .MainPolicy01 a .img, .MainPolicy .MainPolicy02 a .img {display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; border-radius: 10px; overflow: hidden;}
.MainPolicy .MainPolicy01 a .img img, .MainPolicy .MainPolicy02 a .img img {object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.MainPolicy .MainPolicy01 .label {font-size: .875em; font-weight: 400; padding: .4em 1em; font-family: 'Pretendard'; border-radius: 4px; margin-top: 1em;}
.MainPolicy .MainPolicy01 .label.typeA {background-color: #FFF6EF; color: #DD5300;}
.MainPolicy .MainPolicy01 .label.typeB {background-color: #DEF7E2; color: #18A32F;}
.MainPolicy .MainPolicy01 .label.typeC {background-color: #EBEBEB; color: #717171;}
.MainPolicy .MainPolicy01 .tt {color: #373737; font-weight: 600; font-size: 1em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 2.4em; font-family: 'Pretendard'; margin: 1em 0; transition: all .2s ease-in-out;}
.MainPolicy .MainPolicy01 .date {color:#8C969F; margin: 0 0 1em; font-family: 'Pretendard'; font-size: .9em;}
.MainPolicy .swiper-slide {transition: all .2s ease-in-out;}
.MainPolicy .swiper-slide:hover {border-color: #28AF87;}
.MainPolicy .swiper-slide:hover .tt {color: #28AF87;}
.swiper-etc {height: 40px; text-align: left; position: relative; max-width: 180px; display: flex; flex-flow: row wrap; gap: 8px;}
.swiper-button-next {background-image: url(/images/main/img_mainarrow01.png); background-size: 24px 24px; }
.swiper-button-prev {background-image: url(/images/main/img_mainarrow01.png); background-size: 24px 24px; transform: rotate(180deg);}
.swiper-button-prev, .swiper-button-next {position: relative; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; left: auto; right: auto; border: 1px solid #ddd;}
.swiper-button-next svg, .swiper-button-prev svg {display: none;}
.swiper-notification {display: none;}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: .7;}

/* 센터소색 */
.MainCon3_3 {max-width: 1248px; margin: 0 auto 80px; padding: 0; box-sizing: border-box; z-index: 10; position: relative;}
.MainBoard { display: flex; flex-flow: row wrap; gap: 16px;}
.MainBoard .item {border: 1px solid #ddd; box-sizing: border-box; border-radius: 10px; flex: 1; padding: 20px; background-color: #fff;}
.MainBoard .item > a {font-size: 1em; display: block; margin: 0; text-decoration: none; font-family: 'Pretendard';}
.MainBoard .item .label {background-color: #E4F1FF; color: #117CF3; font-size: .875em; font-weight: 400; padding: .4em 1em; font-family: 'Pretendard'; border-radius: 4px;}
.MainBoard .item .tt {color: #373737; font-weight: 600; font-size: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 3.6em; font-family: 'Pretendard'; margin: 1em 0;}
.MainBoard .item .date {color:#8C969F; margin: 0 0 1em; font-family: 'Pretendard'; font-size: .9em;}
.MainBoard .item .arrow {background-color: #fff; border: 1px solid #ddd; width: 32px; height: 32px; border-radius: 50%; font-size: .9375em; margin: 0;}
.MainBoard .item .arrow img {display: block; width: 20px; margin: 5px auto 0;}

/* 블로그, 상담신청 */
.MainCon3_4 {display: flex; flex-flow: row wrap; gap: 16px; justify-content: space-between; align-items: stretch; max-width: 1248px; margin: 0 auto 100px; padding: 0; box-sizing: border-box;}
.MainBlog {flex: 1;}
.MainBlog .con {display: flex; flex-flow: row wrap; gap: 16px;}
.MainBlog .con .item {flex: 1; border-radius: 10px; background-color: #fff; padding: 1em; border: 1px solid #ddd; overflow: hidden;}
.MainBlog .con .item a {display: block;  width: 100%; height: 0; padding-bottom: 100%; position: relative; border-radius: 10px; overflow: hidden;}
.MainBlog .con .item a img {object-fit: cover;position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.MainCustomer {flex:1; border-radius: 16px; background:linear-gradient(120deg,rgba(2, 214, 151, 1) 0%, rgba(9, 176, 126, 1) 100%); position: relative; font-size: 1em; overflow: hidden;}
.MainCustomer::before {content:''; width: 100%; height: 100%; background-image: url(../images/main/img_maincustomer.png); background-position:  100% 100%; background-repeat: no-repeat; background-size: auto 80%; position: absolute;right: 2.4em; bottom: 0;}
.MainCustomer .tt {width: calc(100% - 4.8em); margin: 1em auto; display: block;}
.MainCustomer .tt p {font-size: 1em; display: block; padding: 0; margin: 0;}
.MainCustomer .tt p > strong {color: #131313;font-family: 'Jalnan'; font-size: 1.875em;}
.MainCustomer .tt p > span {color: #131313; font-family: 'Pretendard'; font-size: 1.125em; display: block; line-height: 1.4;}
.MainCustomer .tt > a {color: #00284C; font-family: 'Pretendard';font-size: 1em; font-weight: 500; border-radius: 50px; padding: .6em 1.4em; background-color: #fff; display: inline-flex; flex-flow: row wrap; align-items: center; margin-top: 1em; text-decoration: none;}
.MainCustomer .tt > a:hover {}
.MainCustomer .tt > img {width: 50px; margin-top: 1em;}
.MainCustomer > img {display: block; margin: 0; width: 300px;}

/********** responsive **********/
@media (max-width:1432px) {
    .MainContent1 {padding: 40px 16px;}
    .MainVisual { width: 800px;}
    .MainVisual .swiper-etc {width: 100%;}
    .MainVisual .swiper-button-prev, .MainVisual .swiper-button-next {width: 40px; height: 40px; background-size: 24px 24px;}
}

@media (max-width:1265px) {
    .MainVisualWrap {flex-flow: column;}
    .MainVisual {width: 100%; max-width: 980px; margin: 0 auto;}
    .MainBanner {width: 100%; max-width: 980px; margin: 0 auto; flex-flow: row wrap;}
    .MainSchedule {width: calc(50% - 16px);}
}
@media (max-width:1247px) {
    .Quicktt, .GoTop {display: none;}
    #QuickMenu{position: fixed; right: auto; top: auto; transform: none; transition: 0.5s; z-index: 999; width: 100%; text-align: center; left: 0; bottom: 0; border-top: 4px solid #28AF87;}
    .QuickList {flex-flow: row; border-left: 0; border-right: 0; padding: 16px 0;}
    .QuickList li {flex: 1;}
    .Mainwrap {padding: 0;}
    .Main_tt2 {font-size: 1.6em; padding: 0 16px;}
    .MainCustomer {font-size: .9em;}
    .MainCustomer .tt > img {width: 30px;}
    .MainBoard .item:nth-child(4) {display: none;}
    .MainBoard .item .tt {font-size: 1.1em;}
    .MainContent2 {padding: 6em 16px 40px;}
    .MainCon3_1, .MainCon3_2, .MainCon3_3, .MainCon3_4 {padding: 0 16px;}
    .MainCon3_1 {padding-top: 40px;}
    .MainCon3_2 {margin-bottom: 40px;}
    .Main_tt3 {text-align: left; padding: 0;}
    .MainContent2 .swiper-etc {width: 90px; right: 16px; left: auto; transform: none; top: 5.8em;}
    .MainContent2 .swiper-button-prev, .MainContent2 .swiper-button-next {width: 40px; height: 40px; background-size: 24px 24px;}
    .MainContent2 .swiper-button-prev {left: 0;}
    .MainContent2 .swiper-button-next {right: 0;}
    .MainFooter {padding-bottom: 120px;}
}

@media (max-width:860px) {
    .Main_tt1 {font-size: 1.4em; flex: 1; text-align: left;}
    .Main_tt2{font-size: 1.4em;}
    .Main_tt3 {font-size: 1.4em; margin-bottom: 1em;}
    .MainTitle .tt span {font-size: 2em;}
    .MainTitle .comment > span {font-size: 1em;}
    .MainCon3_4 {flex-flow: column;}
    .MainCustomer {padding: 1em; font-size: .7em;}
    .MainCustomer .tt {width: auto;}
    .MainCustomer .tt p > strong {font-size: 1.5em;}
    .MainCustomer .tt > img {display: none;}
    .MainCustomer .tt > span {font-size: 1em; line-height: 1.2;}
    .MainCustomer .tt > a {font-size: 0; padding: 4px; margin-top: 8px;}
    .MainCustomer::before {right: 1em; background-size: auto 75%;}
    .MainCon3_3 {margin: 0 auto 32px;}
    .MainBoard .item {padding: 1em;}
    .MainBoard .item:nth-child(3) {display: none;}
    .MainBoard .item .arrow {width: 24px; height: 24px;}
    .MainBoard .item .arrow img {width: 16px; margin: 4px auto 0;}
    .FooterUtil {white-space: nowrap; overflow-x: auto;}
    .FooterUtil > ul {display: block; height: 32px;}
    .FooterUtil > ul > li {display: inline-block;}
    .FooterCon {flex-flow: column; gap: 0; padding: 1em 16px;}
    .FooterCon .footerlogo {width: 100px;}
    .FooterCon .footercontents {width: 100%; padding: 0 1em; box-sizing: border-box;}
    .FooterCon .footercontents .footerinfo {flex-flow: column; gap: 16px;}
    .FooterCon .footercontents .footerlink li a {font-size: .8em;}
    .MainPolicy {flex-flow: column; padding-bottom: 40px; gap: 16px;}
    .MainPolicy .MainPolicy01, .MainPolicy .MainPolicy02 {width: 100%;}
    .MainPolicy .tt {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: end;}
    .MainPolicy .tt .comment {display: none;}    
    .swiper-button-prev, .swiper-button-next {width: 32px; height: 32px;}
    .MainContent2 {background-size: contain;}
    .MainContent2 .swiper-etc {top: 5.3em;}
    .MainContent2 .swiper-button-prev, .MainContent2 .swiper-button-next {width: 32px; height: 32px;}
    .MainVisualWrap, .MainCon3_4 {margin: 0 auto 40px;}
    .MainVisual .swiper-button-prev, .MainVisual .swiper-button-next {width: 32px;height: 32px;}
    .MainVisual .swiper-button-prev {left: 10px;}
    .MainVisual .swiper-button-next {right: 10px;}
    .MainSchedule .Main_tt4 {font-size: 1.2em;}
    .MainSchedule .Main_tt4 > img {width: 24px;}
    .MainSchedule .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0;}
    .MainSchedule .swiper-pagination-bullet-active {width: 10px; height: 10px;}
    #QuickMenu{border-top: 2px solid #28AF87;}
    .MainFooter {padding-bottom: 130px;}
    .FooterCon .footerlogo {width: 70px; margin-bottom: 8px;}
    .FooterCon .footercontents .footerlink li {padding: .4em .8em;}
    .FooterCon .footercontents {padding: 0;}
    .FooterCon .footercontents .footerinfo {display: block;}
    .FooterCon .footercontents .footerinfo li {display: inline-block; margin-right: 16px; line-height: 1.4; word-break: keep-all;}
    .FooterCon .footercontents .copy {color: #999; margin-top:.7em; font-size: .9em;}
    .MainContent3::before {display: none;}
}
@media (max-width:680px) {
    .MainPolicy .MainPolicy01 .swiper-slide, .MainPolicy .MainPolicy02 .swiper-slide, .MainBlog .con .item {padding: .5em;}
    .MainProgram {padding: .5em 0;}
    .MainContent2 {padding: 4em 16px 40px;}
    .MainContent2 .swiper-etc {position: relative; left: 0; top: auto; right: auto; width: 70px; margin-bottom: .6em;}
    .Main_tt3 {margin-bottom: 0;}
    .MainTitle .tt span {font-size: 1.6em;}
    .MainTitle .comment > span {font-size: .9em;font-weight: 300; display: inline;}
    .MainContent1 {padding: 40px 16px 0;}
    .QuickList li a .img {width: 32px; height: 32px;}
    .QuickList li a .tt {font-size: .9em;}
    .MainProgram .label, .MainPolicy .MainPolicy01 .label, .MainBoard .item .label {font-size: .75em;}
    .MainFooter {padding-bottom: 90px;}
}
@media (max-width:540px) {
    .MainCustomer::before {right: 1em; background-size: auto 60%;}
    .Main_tt1, .Main_tt2, .Main_tt3 {font-size: 1.2em;}
    .Main_tt3 {text-align: center;}
    .MainContent2 .swiper-etc {left: calc(50% - 35px);}
    .MainProgram .tt , .MainPolicy .MainPolicy01 .tt {font-size: .9em;}
    .MainProgram .swiper-slide, .MainPolicy .MainPolicy01 .swiper-slide, .MainPolicy .MainPolicy02 .swiper-slide, .MainBlog .con .item {padding: 1em;}
    .MainBoard,.MainBlog .con {gap: 8px;}
    .MainBanner {flex-flow: column nowrap;}
    .MainSchedule {width: 100%; align-items: flex-start;} 
    .QuickList { padding: 8px 0;}
    .FooterCon .footercontents .footerinfo li::before {display: none;}
}