@charset "utf-8";
@import url('fontawesome.css');
@import url('Material-icons.css');
@import url('NotoSansKR.css');
@import url('Jost.css');
@import url('SUITE.css');
@import url('base.css');
@import url('rw.css');
@import url('swiper.css');
@import url('lmf_sub.css');




/* 레이아웃 */
body.overHidden {height: 100vh;}
div.wrapper,
div.skinWrap {position: relative;width: 100%;color: #222;font-family: 'NotoSansKR Regular', sans-serif;word-break:keep-all;background-color: #fff;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper,
div.skinWrap {font-size: 14px;line-height: 25px;}
div.wrapper {overflow: hidden;min-width: 320px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper,
div.skinWrap {font-size: 17px;line-height: 30px;}
div.wrapper {min-width: 1300px;}
}




div#headerWrap {z-index: 100;position: relative;box-sizing: border-box;}

div#headerWrap h1 {margin: 0;padding: 0;font-weight: normal;}
div#headerWrap h1 a,
div#headerWrap h1 img {display: block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#headerWrap {position: relative;height: 60px;padding-right: 60px;}
div#headerWrap h1 a {display: table-cell;width: 100vw;height: 60px;padding-left: 15px;vertical-align: middle;}
div#headerWrap h1 img {display: block;height: 36px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#headerWrap {height: 100px;margin: 0 auto;padding-top: 30px;box-shadow:0 3px 10px rgba(122,122,122,.15);}

div#headerWrap h1 {z-index: 50;position: absolute;left: 50%;top: 50%;transform:translateY(-50%);margin-left: -650px;}
div#headerWrap h1 img {height: 36px;}
}



ul.userUtil, ul.userUtil li, ul.userUtil a {margin: 0;padding: 0;list-style: none;text-decoration: none;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.userUtil {display: flex;flex-wrap: wrap;align-items: center;gap:5px 0;position: absolute;left: 0;top: 0;width: 100%;height: 60px;padding: 0 60px 0 15px;background-color: #0d918d;box-sizing: border-box;}
ul.userUtil a {display: inline-block;vertical-align: top;color: #fff;font-size: 12px;line-height: 16px;font-family: 'NotoSansKR Bold', sans-serif;}
ul.userUtil a.home {width: 16px;height: 16px;margin-right: 10px;font-size: 0;line-height: 0;background: url('../image/common/userUtil_home_m.png') center center no-repeat;background-size: 16px;}
ul.userUtil li:nth-child(n+3):before {content: "";display: inline-block;vertical-align: top;width: 25px;height: 16px;background: url('../image/common/userUtil_bl_m.png') center center no-repeat;background-size: 4px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.userUtil {position: absolute;left: 50%;top: 5px;width: 650px;font-size: 0;line-height: 0;text-align: right;}
ul.userUtil li {display: inline-block;vertical-align: top;}
ul.userUtil li:not(:first-child) {margin-left: 30px;}
ul.userUtil a {display: block;color: #6a6a6a;font-size: 13px;line-height: 20px;}
ul.userUtil a.eng {display: inline-block; padding: 2px 12px; border-radius: 20px; box-sizing: border-box; background-color: #ff7200; color: #fff; vertical-align: middle;}
}





/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.menuView,
div.menuClose {position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
div.menuView a ,
div.menuClose a {display: block;height: 100%;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}

div.menuView a {background-image: url('../image/common/menuView_m.png');background-size: 29px;}
div.menuClose a {background-image: url('../image/common/menuClose_m.png');background-size: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.menuView,
div.menuClose {display: none;}
}



ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style: none;text-decoration: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.gnbWrap {z-index: 100;position: fixed;left: 100%;top: 0;width: 100%;min-width: 320px;height: 100%;padding-top: 60px;box-sizing:border-box;background-color: #fff;}

ul#gnb {position: relative;overflow-x: hidden;overflow-y: auto;height: 100%;padding:10px 15px;box-sizing:border-box;}
ul#gnb a {display: block;padding: 5px 10px;color: #222;line-height: 1.2;font-family: 'NotoSansKR Light', sans-serif;}
ul#gnb > li {border-bottom: 1px solid #bababa;}
ul#gnb > li > a {display: block;padding: 10px;color: #222;font-size: 17px;line-height: 35px;}
ul#gnb > li.on > a {border-bottom: 1px solid #0d918d;color: #0d918d;font-family: 'NotoSansKR Bold', sans-serif;}

ul#gnb ul {display: none;padding: 10px 0;}
ul#gnb .on > ul {display: block;}
ul#gnb ul.depth03 {padding: 10px;margin-bottom: 10px;border-radius:0 0 20px 0;background-color: #eafcfb;}

ul#gnb ul a {}
ul#gnb ul .on > a {font-family: 'NotoSansKR Medium', sans-serif;}
ul#gnb ul.depth02 > li > a {font-size: 15px;}
ul#gnb ul.depth03 > li > a {font-size: 13px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul#gnb {z-index: 10;position: relative;display: flex;justify-content: space-between;gap:0 30px;width: 1300px;margin: 0 auto;padding-left: 300px;box-sizing: border-box;}
ul#gnb > li > a {display: block;font-size: 20px;line-height: 70px;}
ul#gnb > li.on > a {color: #188f8d;font-family: 'NotoSansKR Medium', sans-serif;}
ul#gnb ul {position: absolute;left: 0;top: 100%;font-size: 0;line-height: 0;opacity: 0;}
ul#gnb ul li {display: inline-block;vertical-align: top;}
ul#gnb ul li:not(:first-child) {padding-left: 55px;}
ul#gnb ul a {display: block;color: #fff;font-size: 17px;line-height: 60px;font-family: 'NotoSansKR Light', sans-serif;}
ul#gnb ul a:hover {font-family: 'NotoSansKR Bold', sans-serif;}

ul#gnb ul.depth03 {display: none !important;}

div.gnbBg {display: none;position: absolute;top: 100%;width: 100%;height: 60px;background-color: #188f8d;opacity: .8;}
}


div#footerWrap {background-color: #1e2222;}

dl.footer, dl.footer dt, dl.footer dd, dl.footer address, dl.footer p, dl.footer ul, dl.footer li, dl.footer a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.footer {color: #566161;font-family: 'NotoSansKR Regular', sans-serif;}
dl.footer span {color: #8e9494;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#footerWrap {padding: 15px;}
dl.footer {text-align: center;font-size: 12px;line-height: 18px;}
dl.footer dt img {display: block;width: 120px;margin: 0 auto;}

dl.footer ul {font-size: 0;line-height: 0;}
dl.footer li {display: inline-block;vertical-align: top;font-size: 12px;line-height: 18px;}
/*dl.footer li:not(:first-child) {padding-left: 15px;}*/
dl.footer li:not(:last-child) {margin-bottom: 10px;}
dl.footer ul.footerUtil {padding: 15px 0;}
dl.footer ul.footerUtil li {position: relative;}
dl.footer ul.footerUtil li:not(:first-child):before {content: "·";position: absolute;left: 0;top: 0;width: 15px;color: #fff;font-family: 'NotoSansKR Black', sans-serif;}
dl.footer ul.footerUtil a {color: #fff;font-size: 14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#footerWrap {padding: 30px 0;}

dl.footer {position: relative;width: 1300px;margin: 0 auto;padding-left: 350px;font-size: 13px;line-height: 23px;box-sizing: border-box;}
dl.footer > dt {position: absolute;left: 0;top: 50%;transform:translateY(-50%);}
dl.footer > dt img {height: 36px;}


dl.footer ul {display: flex;gap:0 20px;}
dl.footer ul.footerUtil {float: left;margin-bottom: 5px;padding: 0 20px;background-color: #363c3c;}
dl.footer ul.footerUtil a {color: #fff;font-size: 12px;line-height: 30px;}
dl.footer ul.footerUtil + * {clear: both;}
}




/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}



























div#container {position: relative;}


div.titArea {}
.pageTit {margin: 0;padding: 0;list-style: none;font-weight: normal;}

dl.pagePath, dl.pagePath dt, dl.pagePath dd, dl.pagePath ul, dl.pagePath li {margin: 0;padding: 0;list-style: none;text-decoration: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.titArea {display: none;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container {min-height: calc(100vh - 264px);}

div.titArea {height: 200px;color: #fff;background-position: center bottom;background-repeat: no-repeat;}
/*  회원가입 */		div.sub01 div.titArea {background-image: url('../image/common/bg_01.png');}
/*  마이페이지 */	div.sub02 div.titArea {background-image: url('../image/common/bg_02.png');}
/*  재단소개 */		div.sub03 div.titArea {background-image: url('../image/common/bg_03.png');}
/*  공지사항 */		div.sub04 div.titArea {background-image: url('../image/common/bg_04.png');}
/*  인증심사신청 */	div.sub05 div.titArea {background-image: url('../image/common/bg_05.png');}
/*  심사원신청 */	div.sub06 div.titArea {background-image: url('../image/common/bg_06.png');}
/*  워크숍신청 */	div.sub07 div.titArea {background-image: url('../image/common/bg_07.png');}
/*  자료실 */			div.sub08 div.titArea {background-image: url('../image/common/bg_08.png');}
/*  Q&A */			div.sub09 div.titArea {background-image: url('../image/common/bg_09.png');}

.pageTit {width: 1300px;margin: 0 auto;padding-top: 60px;font-size: 40px;line-height: 40px;font-family: 'NotoSansKR Bold', sans-serif;}

dl.pagePath {position: absolute;left: 50%;top: 40px;width: 650px;}
dl.pagePath ul {font-size: 0;line-height: 0;text-align: right;}
dl.pagePath li {display: inline-block;vertical-align: top;font-size: 13px;line-height: 16px;font-family: 'NotoSansKR Light', sans-serif;}
dl.pagePath li:not(:first-child) {padding-left: 30px;background: url('../image/common/pagePath_bl.png') 12px center no-repeat;}
}



div.lnbWrap {z-index: 50;position: relative;}
dl.lnb, dl.lnb dt, dl.lnb dd, dl.lnb ul, dl.lnb li, dl.lnb a {margin: 0;padding: 0;list-style: none;text-decoration: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.lnbWrap {background-color: #0d918d;}
div.lnbWrap:after {content: "";clear: both;display: block;height: 0;line-height: 0;font-size: 0;}

div.lnbWrap div.home {position: absolute;left: 20px;top: 0;width: 15px;height: 40px;}
div.lnbWrap div.home a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('../image/common/lnb_home_m.png') left center no-repeat;background-size: 15px;}

div.lnbWrap dl {z-index: 20;position: relative;float: left;width: 50%;height: 40px;box-sizing: border-box;}
div.lnbWrap dt a {position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 35px 0 15px;color: #fff;font-size: 14px;line-height: 40px;font-family: 'NotoSansKR Medium', sans-serif;}
div.lnbWrap dt a:after {content: "";position: absolute;right: 15px;top: 0;width: 10px;height: 100%;background: url('../image/common/lnb_bl_m.png') center center no-repeat;background-size: 8px;opacity: .6;}
div.lnbWrap dt.view a:after {transform:rotate(180deg);opacity: 1;}


div.lnbWrap dd {display: none;position: absolute;left: 0;top: 100%;width: 100%;border: 2px solid #0d918d;border-top: 0 none;background-color: #fff;box-sizing: border-box;box-shadow:0 3px 4px rgba(0,0,0,.1);}
div.lnbWrap dd ul {padding: 10px 15px;}
div.lnbWrap dd li:not(:first-child) {border-top: 1px solid #dcdcdc;}
div.lnbWrap dd a {display: block;padding: 5px 10px;color: #a0a7a7;font-size: 14px;line-height: 18px;}
div.lnbWrap dd .on a {color: #313434;}

dl.lnb.depth01 {padding-left: 35px;}
dl.lnb.depth01 dt {position: relative;}
dl.lnb.depth01 dt:after {content: "";position: absolute;right: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 10px;background-color: #fff;}
dl.lnb.depth01 dd {left: 30px;width: calc(100% - 30px);}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.lnbWrap {padding-top: 80px;margin-top: -80px;}

div.lnbWrap div.home,
dl.lnb.depth01 {display: none;}

dl.lnb.depth02 {position: absolute;left: 50%;top: 0;transform:translateX(-50%);width: 1300px;}
dl.lnb.depth02 dt {display: none;}
dl.lnb.depth02 ul {font-size: 0;line-height: 0;}
dl.lnb.depth02 li {display: inline-block;vertical-align: top;}
dl.lnb.depth02 li:not(:first-child) {padding-left: 60px;background: url('../image/common/lnb2_bl.png') 28px center no-repeat;}

dl.lnb.depth02 a {display: block;padding: 0 5px;color: #fff;font-size: 17px;line-height: 25px;font-family: 'NotoSansKR Light', sans-serif;}
dl.lnb.depth02 .on a {font-family: 'NotoSansKR Medium', sans-serif;box-shadow:0 -8px 0 inset rgba(255,255,255,.2);}
}


div.depth03 {overflow: hidden;position: relative;background-color: #fff;box-sizing: border-box;}
div.depth03:after {content: "";position: absolute;left: 50%;bottom: 0;transform:translateX(-50%);width: 100vw;height: 1px;}

div.depth03 ul, div.depth03l li, div.depth03 a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.depth03 ul {width: 200vw;font-size: 0;line-height: 0;}
div.depth03 ul li {display: inline-block;vertical-align: top;}
div.depth03 ul a {display: block;}
div.depth03 ul li.on a {position: relative;color: #0c8483;}
div.depth03 ul li.on a:after {content: "";position: absolute;left: 50%;bottom: 0;transform:translateX(-50%);background-color: #0e8683;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.depth03 {clear: both;overflow-y: hidden;overflow-x: auto;padding-left: 15px;}
div.depth03:after {min-width: 320px;background-color: #dcdcdc;}

div.depth03 ul {padding-right: 15px;}
div.depth03 ul li:not(:first-child) {padding-left: 15px;}
div.depth03 ul a {padding: 8px 0;color: #9f9f9f;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
div.depth03 ul li.on a:after {width: 33px;height: 2px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.depth03:after {min-width: 1300px;background-color: #cde5e5;}

div.depth03 ul {width: 1300px;margin: 0 auto;}
div.depth03 ul li:not(:first-child) {padding-left: 50px;}

div.depth03 ul a {color: #626d78;font-size: 17px;line-height: 60px;font-family: 'NotoSansKR Regular', sans-serif;}
div.depth03 ul li.on a:after {width: 45px;height: 5px;}
}


div.menuScroll {overflow: hidden;position: relative;box-sizing: border-box;}
div.menuScroll:after {content: "";position: absolute;left: 50%;bottom: 0;transform:translateX(-50%);width: 100vw;height: 1px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.menuScroll {overflow-y: hidden;overflow-x: auto;padding-left: 15px;}
}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}









/* 메인 */
div.mainBnr ul, div.mainBnr li, div.mainBnr a {margin: 0;padding: 0;list-style: none;text-decoration: none;}

div.mainBnr {position: relative;}
div.mainBnr div.bx-controls {display: flex;gap:0 10px;z-index: 80;position: absolute;background-color: rgba(0,0,0,.6);box-shadow:0 5px 10px rgba(0,0,0,.1);}

div.mainBnr div.bx-controls a {font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
div.mainBnr div.bx-controls-direction {display: flex;justify-content: space-between;}

div.mainBnr a.bx-prev {background-image: url('../image/main/mainBnr_prev.png');}
div.mainBnr a.bx-next {background-image: url('../image/main/mainBnr_next.png');}
div.mainBnr a.bx-start {background-image: url('../image/main/mainBnr_start.png');}
div.mainBnr a.bx-stop {background-image: url('../image/main/mainBnr_stop.png');}

div.mainBnr div.bx-controls-direction {}
div.mainBnr div.pager {color: rgba(255,255,255,.3);font-family: 'Jost-Regular', sans-serif;}
div.mainBnr div.pager span {color: #fff;font-family: 'Jost-Bold', sans-serif;}
div.mainBnr div.pager span:after {content: "";display: inline-block;vertical-align: top;background-color: #fff;opacity: .3;}

div.mainBnr a.bx-start,
div.mainBnr a.bx-stop {position: absolute;top: 0;}

div.mainBnr a.active {display: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainBnr li {background: none !important;}
div.mainBnr li img {display: block;width: 100%;}
div.mainBnr div.mainBnr_link {display: none;}

div.mainBnr div.bx-controls {left: 15px;bottom: 60px;padding-left: 20px;border-radius: 15px;}
div.mainBnr div.bx-controls a {width: 25px;height: 30px;background-size: 10px;}
div.mainBnr div.bx-controls-direction {width: 75px;}
div.mainBnr a.bx-start,
div.mainBnr a.bx-stop {right: 35px;}

div.mainBnr div.pager {font-size: 15px;line-height: 30px;}
div.mainBnr div.pager span:after {width: 15px;height: 2px;margin: 14px 10px 0;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainBnr,
div.mainBnr li {height: 750px;}
div.mainBnr li {background-position: center top;background-repeat: no-repeat;}
div.mainBnr li img {display: none;}
div.mainBnr div.mainBnr_link {width:75%; height:500px; margin:0 auto;}

div.mainBnr div.bx-controls {left: 50%;bottom: 225px;margin-left: -650px;padding: 0 10px 0 20px;border-radius: 23px;}
div.mainBnr div.bx-controls a {width: 25px;height: 45px;}
div.mainBnr div.bx-controls-direction {width: 75px;}
div.mainBnr a.bx-start,
div.mainBnr a.bx-stop {right: 45px;}

div.mainBnr div.pager {font-size: 17px;line-height: 45px;}
div.mainBnr div.pager span:after {width: 30px;height: 2px;margin: 22px 10px 0;}
}


div.mainCon {z-index: 80;position: relative;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainCon {margin-top: -40px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainCon {width: 1300px;margin: -175px auto 0;}
}


ul.quickMenu, ul.quickMenu li, ul.quickMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.quickMenu {overflow: hidden;}
ul.quickMenu a,
ul.quickMenu img,
ul.quickMenu span {display: block;}
ul.quickMenu a {color: #636363;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.quickMenu span {color: #01011d;font-family: 'NotoSansKR Medium', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.quickMenu {margin: 0 15px 25px;padding: 5px 15px;border-radius: 20px 0 20px 0;border: 1px solid #e8e8e8;background-color: #fff;box-shadow:0 9px 5px rgba(122,122,122,.27);}
ul.quickMenu li:not(:first-child) {border-top: 1px solid #e8e8e8;}
ul.quickMenu a {position: relative;padding: 10px 50px 10px 10px;font-size: 12px;line-height: 18px;}
ul.quickMenu img {position: absolute;right: 10px;top: 50%;transform:translateY(-50%);height: 27px;}
ul.quickMenu span {padding-bottom: 5px;font-size: 15px;line-height: 20px;}
ul.quickMenu br {display: none;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.quickMenu {display: grid; grid-template-columns: repeat(4, 1fr);gap:0 1px;border-radius: 30px 0 30px 0;border: 1px solid #e8e8e8;background-color: #e8e8e8;box-shadow:13px 13px 10px rgba(122,122,122,.05);}
ul.quickMenu a {height:325px;padding: 58px 40px 0;font-size: 16px;line-height: 24px;background-color: #fff;}
ul.quickMenu span {padding: 40px 0 15px;font-size: 26px;line-height: 35px;}

ul.quickMenu a:hover {font-size: 18px;line-height: 30px;background-position: right bottom;background-repeat: no-repeat;background-size: cover;}
ul.quickMenu a:hover,
ul.quickMenu a:hover span {color: #fff;}
ul.quickMenu a:hover img,
ul.quickMenu a:hover br {display: none;}
ul.quickMenu a:hover span {padding-top: 0;font-size: 30px;font-family: 'NotoSansKR Bold', sans-serif;}

ul.quickMenu li:nth-child(1) a:hover {background-image: url('../image/main/quickMenuBg_on_01.png');}
ul.quickMenu li:nth-child(2) a:hover {background-image: url('../image/main/quickMenuBg_on_02.png');}
ul.quickMenu li:nth-child(3) a:hover {background-image: url('../image/main/quickMenuBg_on_03.png');}
ul.quickMenu li:nth-child(4) a:hover {background-image: url('../image/main/quickMenuBg_on_04.png');}
}




div.mainInfo {}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainInfo {display: flex;flex-direction: row-reverse;align-items: stretch;margin-top: 80px;}
}




dl.mainEvent, dl.mainEvent dt, dl.mainEvent dd, dl.mainEvent ul, dl.mainEvent li, dl.mainEvent a {margin: 0;padding: 0;list-style: none;}
dl.mainEvent {position: relative;box-sizing: border-box;}
dl.mainEvent,
dl.mainEvent a {color: #fff;}

dl.mainEvent dt {font-family: 'NotoSansKR Bold', sans-serif;}
dl.mainEvent a,
dl.mainEvent span {display: block;font-family: 'NotoSansKR Regular', sans-serif;}
dl.mainEvent span.tit {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-family: 'NotoSansKR Medium', sans-serif;}
dl.mainEvent span.heading {position: relative;}
dl.mainEvent span.heading:before {content: attr(pub-tit);position: absolute;left: 0;top: 0;border: 1px solid #fff;text-align: center;}

dl.mainEvent div.bx-pager {}
dl.mainEvent div.bx-pager div {display: inline-block;vertical-align: top;}
dl.mainEvent div.bx-pager div:not(:first-child) {margin-left: 5px;}
dl.mainEvent div.bx-pager a {display: block;border-radius: 50%;font-size: 0;line-height: 0;background-color: rgba(255,255,255,.23);}
dl.mainEvent div.bx-pager a.active {background-color: #fff100;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainEvent {overflow: hidden;position: relative;border-radius:0 0 20px 0;padding: 25px 15px 15px;background: #4aa617 url('../image/main/event_bg_m.png') right top no-repeat;background-size: 100%;}
dl.mainEvent dt {padding-bottom: 15px;font-size: 20px;line-height: 20px;}

dl.mainEvent span br.break-t {display: none;}
dl.mainEvent span.tit {height: 36px;font-size: 15px;line-height: 18px;}
dl.mainEvent span.tit:before {content: "";float: right;width: 60px;height: 10px;}
dl.mainEvent span.heading {margin-top: 10px;padding:3px 0 4px 70px;font-size: 12px;line-height: 16px;}
dl.mainEvent span.heading + span.heading {margin-top: 5px;}
dl.mainEvent span.heading:before {width: 60px;font-size: 12px;line-height: 20px;border-radius: 11px;}

dl.mainEvent div.bx-pager {padding-top: 15px;text-align: center;}
dl.mainEvent div.bx-pager a {width: 8px;height: 8px;margin: 1px;}
dl.mainEvent div.bx-pager a.active {width: 10px;height: 10px;margin: 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainEvent {overflow: hidden;position: relative;flex-basis: 400px;width: 400px;height: 410px;border-radius:0 0 30px 0;padding: 50px 40px 0;background: #4aa617 url('../image/main/event_bg.png') right bottom no-repeat;}
dl.mainEvent dt {padding-bottom: 35px;font-size: 30px;line-height: 30px;}

dl.mainEvent span br.break-t {display: inline;}
dl.mainEvent span.tit {height: 60px;font-size: 22px;line-height: 30px;}
dl.mainEvent span.heading {margin-top: 30px;padding:3px 0 3px 70px;font-size: 15px;line-height: 20px;}
dl.mainEvent span.heading + span.heading {margin-top: 15px;}
dl.mainEvent span.heading:before {width: 60px;font-size: 12px;line-height: 23px;border-radius: 13px;}

dl.mainEvent div.bx-pager {position: absolute;right: 20px;top: 30px;}
dl.mainEvent div.bx-pager a {width: 8px;height: 8px;margin: 1px;}
dl.mainEvent div.bx-pager a.active {width: 10px;height: 10px;margin: 0;}
}


dl.mainBbs, dl.mainBbs dt, dl.mainBbs dd, dl.mainBbs ul, dl.mainBbs li, dl.mainBbs a {margin: 0;padding: 0;list-style: none;}
dl.mainBbs {}
dl.mainBbs dt {color: #111;font-family: 'NotoSansKR Medium', sans-serif;}
dl.mainBbs dt span {display: inline-block;vertical-align: bottom;color: #808080;font-family: 'NotoSansKR Light', sans-serif;}

dl.mainBbs dd {position: relative;}
dl.mainBbs dd > div {overflow: hidden;}
dl.mainBbs a,
dl.mainBbs span {display: block;}

dl.mainBbs span.tit,
dl.mainBbs span.con {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;}
dl.mainBbs span.tit {-webkit-line-clamp: 4;color: #221f1e;font-family: 'NotoSansKR Regular', sans-serif;}
dl.mainBbs span.con {-webkit-line-clamp: 3;color: #808080;font-family: 'NotoSansKR Light', sans-serif;}
dl.mainBbs span.info {;color: #1b1b1b;font-family: 'NotoSansKR Bold', sans-serif;}

dl.mainBbs .more {position: absolute;}
dl.mainBbs .more a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('../image/main/bbs_more.png') center center no-repeat;background-size: 100%;}

dl.mainBbs div.swiperUtil {position: absolute;display: grid; grid-template-columns: repeat(2, 1fr);}
dl.mainBbs div.swiperUtil:before {content: "";position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 1px;height: 10px;background-color: #c4c9cf;}
dl.mainBbs div.swiperUtil div:after {display: none;}

dl.mainBbs div.swiperUtil div {display: block;height: 100%;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
dl.mainBbs div.prev {background-image: url('../image/main/bbs_prev.png');}
dl.mainBbs div.next {background-image: url('../image/main/bbs_next.png');}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainBbs {padding: 25px 0 15px;}
dl.mainBbs > dt {padding-left: 15px;font-size: 20px;line-height: 20px;}
dl.mainBbs > dt span {display: none;}

dl.mainBbs dd {padding-top: 20px;}
dl.mainBbs li a {border: 1px solid #dcdcdc;padding: 15px;font-size: 12px;line-height: 16px;background-color: #fff;}

dl.mainBbs span.tit {height: 80px;font-size: 16px;line-height: 20px;}
dl.mainBbs span.con {height: 48px;padding-top: 10px;}
dl.mainBbs span.info {padding-top: 20px;}

dl.mainBbs .more {right: 15px;top: -20px;width: 20px;height: 20px;}

dl.mainBbs div.bbsRolling {padding:0 30vw 0 15px;}

dl.mainBbs div.swiperUtil {right: 40px;top: -20px;width: 80px;height: 20px;}
dl.mainBbs div.swiperUtil div {background-size: 11px;opacity: .7;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainBbs {flex-grow: 1;width: 900px;background-color: #fff;}
dl.mainBbs > dt {padding: 24px 0 0 20px;font-size: 30px;line-height: 30px;}
dl.mainBbs > dt span {padding-left: 10px;font-size: 15px;line-height: 15px;}

dl.mainBbs dd {padding-top: 35px;}

dl.mainBbs li a {height: 317px;padding: 40px 30px 0;box-sizing: border-box;}
dl.mainBbs li span {font-size: 13px;line-height: 20px;}
dl.mainBbs span.tit {height: 112px;font-size: 24px;line-height: 28px;}
dl.mainBbs span.con {height: 60px;padding-top: 20px;}
dl.mainBbs span.info {padding-top: 35px;}

dl.mainBbs li a:hover {background-color: #f3fdfd;}
dl.mainBbs li a:hover span.info {color: #188f8d;}

dl.mainBbs .more {right: 30px;top: -20px;width: 20px;height: 20px;}

dl.mainBbs div.swiperUtil {right: 70px;top: -20px;width: 80px;height: 20px;}
dl.mainBbs div.swiperUtil div {background-size: 11px;opacity: .3;}
dl.mainBbs div.swiperUtil div:hover {opacity: 1;}
}


div.mainMore p, div.mainMore ul, div.mainMore li, div.mainMore a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.mainMore {position: relative;z-index: 50;background-position: center top;background-repeat: no-repeat;}

div.mainMore p {text-align: center;color: #fff;font-family: 'NotoSansKR Light', sans-serif;}
div.mainMore p span {display: inline-block;vertical-align: top;color: #11c4d4;font-family: 'NotoSansKR Medium', sans-serif;}

div.mainMore ul {text-align: center;font-size: 0;line-height: 0;}
div.mainMore li {display: inline-block;vertical-align: top;}
div.mainMore a {display: block;position: relative;border: 1px solid #fff;text-align: left;color: #fff;font-family: 'NotoSansKR Regular', sans-serif;box-sizing: border-box;}
div.mainMore img {position: absolute;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainMore {margin-top: -45px;padding-top: 60px;background-image: url('../image/main/moreMenu_bg_m.png');background-color: #525353;background-size: 100%;}

div.mainMore p {font-size: 17px;line-height: 25px;}
div.mainMore ul {display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;padding: 30px 0;}
div.mainMore li a {width: calc(30vw - 10px);height: calc(30vw - 10px);min-width: 110px;min-height: 110px;max-width: 180px;max-height: 180px;margin: 0 auto;border-radius: 5px 5px 15px 5px;padding: 20px 15px;font-size: 14px;line-height: 18px;}
div.mainMore li img {right: 15px;bottom: 15px;width: 34px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainMore {margin-top: -85px;padding-top: 180px;background-image: url('../image/main/moreMenu_bg.png');}

div.mainMore p {font-size: 35px;line-height: 45px;}

div.mainMore ul {padding: 50px 0 80px;}
div.mainMore li:not(:last-child) {margin-right: 45px;}
div.mainMore li a {width: 185px;height: 185px;border-radius: 5px 5px 30px 5px;padding: 35px 20px 0;font-size: 20px;line-height: 22px;}
div.mainMore li img {right: 25px;bottom: 25px;}

div.mainMore li a:hover {color: #fff;border-color: #0caba7;background-position: right 25px bottom 25px;background-repeat: no-repeat;background-color: #0caba7;}
div.mainMore li a:hover img {display: none;}
div.mainMore li:nth-child(1) a:hover {background-image: url('../image/main/moreMenu_on_01.png');}
div.mainMore li:nth-child(2) a:hover {background-image: url('../image/main/moreMenu_on_02.png');}
div.mainMore li:nth-child(3) a:hover {background-image: url('../image/main/moreMenu_on_03.png');}
div.mainMore li:nth-child(4) a:hover {background-image: url('../image/main/moreMenu_on_04.png');}
div.mainMore li:nth-child(5) a:hover {background-image: url('../image/main/moreMenu_on_05.png');}
}


/* popup */
.popup_list_wrap {
	position:absolute; left:650px; top:70px; width:500px; height:580px; z-index:99999; display:block;
}
.popup_close {
	bottom:0px; width:500px !important; height:30px; text-align:center; padding-bottom:5px; background:#d60011; color:#fff
}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}


/* mainEvent 수정 - 24.10.29 박민지 */
.mainEvent{
	overflow: hidden;
	flex-basis: 400px;
	margin: 0;
	padding: 0;
	position: relative;
}
.mainEvent a{
	color: #fff;
}
.mainEvent ul{
	width: 400px;
	height: 410px;
}
.mainEvent :has(ul,li){
	margin: 0;
	padding: 0;
	list-style: none;
}
.mainEvent li{
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 50px 40px 0;
	background-repeat: no-repeat;
	background-position: right bottom;
	border-radius: 0 0 30px 0;
	box-sizing: border-box;
}
.mainEvent li.bg-type1{
	background-image: url('../image/main/event_bg.png');
	background-color: #4aa617;
}
.mainEvent li.bg-type2{
	background-image: url('../image/main/event_bg2.png');
	background-color: #3577A4;
}
.mainEvent li > a{
	display: block;
}
.mainEvent .ev-tit{
	display: block;
	margin-bottom: 35px;
	font-family: 'NotoSansKR Bold', sans-serif;
	font-size: 30px;
	line-height: 1;
}
.mainEvent a,
.mainEvent span{
	display: block;
}

.mainEvent span.tit {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-family: 'NotoSansKR Medium', sans-serif;height: 60px;font-size: 22px;line-height: 30px;}
.mainEvent span.heading {position: relative;}
.mainEvent span.heading:before {content: attr(pub-tit);position: absolute;left: 0;top: 0;border: 1px solid #fff;text-align: center;}
.mainEvent div.bx-pager {}
.mainEvent div.bx-pager div {display: inline-block;vertical-align: top;}
.mainEvent div.bx-pager div:not(:first-child) {margin-left: 5px;}
.mainEvent div.bx-pager a {display: block;border-radius: 50%;font-size: 0;line-height: 0;background-color: rgba(255,255,255,.23);}
.mainEvent div.bx-pager a.active {background-color: #fff100;}

.mainEvent span br.break-t {display: inline;}
.mainEvent span.tit {height: 60px;font-size: 22px;line-height: 30px;}
.mainEvent span.heading {margin-top: 30px;padding:3px 0 3px 70px;font-size: 15px;line-height: 20px;}
.mainEvent span.heading + span.heading {margin-top: 15px;}
.mainEvent span.heading:before {width: 60px;font-size: 12px;line-height: 23px;border-radius: 13px;}

.mainEvent div.bx-pager {position: absolute;right: 20px;top: 30px;}
.mainEvent div.bx-pager a {width: 8px;height: 8px;margin: 1px;}
.mainEvent div.bx-pager a.active {width: 10px;height: 10px;margin: 0;}

@media screen and (max-width: 960px) {
	.mainEvent ul{
		width: 100%;
		height: 100%;
	}
	.mainEvent li{
		width: 100%;
		height: 100%;
		padding: 25px 15px 40px;
		border-radius: 0 0 20px 0;
		background-size: 100%;
		background-position: right top;
	}
	.mainEvent li.bg-type1{
		background-image: url(../image/main/event_bg_m.png);
	}
	.mainEvent li.bg-type2{
		background-image: url(../image/main/event_bg2_m.png);
	}
	.mainEvent .ev-tit{
		margin-bottom: 15px;
		font-size: 20px;
		line-height: 1;
	}
	.mainEvent span br.break-t {display: none;}
	.mainEvent span.tit {margin-top: 10px;height: 36px;font-size: 15px;line-height: 18px;}
	.mainEvent span.tit:before {content: "";float: right;width: 60px;height: 10px;}
	.mainEvent span.heading {margin-top: 10px;padding:3px 0 4px 70px;font-size: 12px;line-height: 16px;}
	.mainEvent span.heading + span.heading {margin-top: 5px;}
	.mainEvent span.heading:before {width: 60px;font-size: 12px;line-height: 20px;border-radius: 11px;}

	.mainEvent .bx-viewport{
		max-height: 240px;
	}
	.mainEvent div.bx-pager {
		width: 100%;
		top: auto;
		right: auto;
		left: 0;
		bottom: 15px;
		text-align: center;
	}
	.mainEvent div.bx-pager a {width: 8px;height: 8px;margin: 1px;}
	.mainEvent div.bx-pager a.active {width: 10px;height: 10px;margin: 0;}
}