@charset "utf-8";
@import url('Lato.css');
@import url('NotoSansKR.css');
@import url('fontawesome.css');
@import url('Lato.css');
@import url('Pretendard.css');
@import url('rw.css');
* {-webkit-text-size-adjust: 100%;}





/* =============================== 레이아웃 =============================== */

/* Header */
ul.gnbUtil, ul.gnbUtil li, ul.gnbUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div#headerWrap h1 {position:absolute;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper {overflow: hidden;position: relative;width: 100%;min-width:320px;margin: 0;padding: 0; font-size: 15px; color: #000; font-family: 'Lato-Light', sans-serif; font-weight: normal;}

div#headerWrap {height: 75px;}
div#headerWrap > div {position: relative;height: 75px;padding: 0 45px 0 15px;}
div#headerWrap h1 {left: 15px;top: 50%; transform: translateY(-50%);width: 200px;height: 28px; }
div#headerWrap h1 a,
div#headerWrap h1 img {display: block;width: 100%;height: 100%;}


div.gnbWrap dl, div.gnbWrap dt, div.gnbWrap dd, div.gnbWrap ul, div.gnbWrap li, div.gnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.gnbWrap {z-index: 200;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;padding-left:100px;background-color: rgba(0,0,0,.7);box-sizing:border-box;}

ul#gnb {position: relative;overflow-x: hidden;overflow-y: auto;height: 100%;padding: 140px 0 10px;background-color:#fff;box-sizing: border-box; }
ul#gnb > li {margin: 0 10px;border-bottom: 1px solid #a4d6f7;}
ul#gnb > li > a {position: relative;display: block;padding: 10px 30px 10px 5px;color: #0072bc;font-size: 15px;line-height: 20px;font-family: 'Lato-Black', sans-serif;}
ul#gnb > li > a:after {position: absolute; display: block; right: 5px;top: 50%; transform: translateY(-50%); width: 15px;height: 15px;background:url('/2023/image/common/gnb_m.png') no-repeat center top;content:'';background-size:100%;}

ul#gnb .on > a {}
ul#gnb .on > a:after {background:url('/2023/image/common/gnb_on_m.png') no-repeat center top;background-size:100%;}

ul#gnb ul {display: none;padding: 10px;background-color: #fafdff;border:1px solid #a4d6f7;border-radius: 10px;}
ul#gnb ul a {padding: 0 10px;font-size: 14px;line-height: 35px;color: #191919;font-family: 'Lato-Bold', sans-serif;}
ul#gnb .on {border-bottom: 0 none;}

div.viewMenu {z-index: 80;position: absolute;right: 0;top: 50%; transform: translateY(-50%); width: 45px;height: 45px;}
div.viewMenu a {display: block;width: 45px;height: 45px;background:url('/2023/image/common/viewMenu_m.png') no-repeat center top;background-size:100%;font-size: 0;line-height: 0;text-indent:-9999px;}
div.white div.viewMenu a {background-image:url('/2023/image/common/viewMenu_w_m.png');}

div.gnbWrap ul.gnbUtil {position: absolute;right: 0; top: 0;width: calc(100% - 100px);height: 130px; padding: 80px 15px 0;font-size: 0;line-height: 0;background:url('/2023/image/common/gnb_logo_m.png') no-repeat center top 25px #e9f5f5;border-bottom:1px solid #d2dede;box-sizing: border-box; background-size:auto 42px;}

ul.gnbUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.gnbUtil li {z-index: 1;position: relative;float: right;width: calc(50% - 5px);height: 35px;}
ul.gnbUtil li:first-child {float: left;}
ul.gnbUtil a {height: 35px;padding-left: 25%;border-radius: 3px;background-color: #e14f41;color: #fff;background-size:12px;background-repeat: no-repeat;background-position:center left 10%;font-family: 'Lato-Bold', sans-serif;font-size: 12px;line-height: 35px;box-sizing: border-box; }

ul.gnbUtil li.signup a {background-image:url('/2023/image/common/gnbUtil_signup_m.png');}
ul.gnbUtil li.login a {color: #e14f41;border:1px solid #e14f41;background-image:url('/2023/image/common/gnbUtil_login_m.png');background-color:#fff;}
ul.gnbUtil li.mypage a {background-image:url('/2023/image/common/gnbUtil_mypage_m.png');}
ul.gnbUtil li.logout a {background-image:url('/2023/image/common/gnbUtil_logout_m.png');background-color: #3d4f5d;}


div.gnbClose {z-index: 50;position: absolute;left:50px;top: 0;width: 50px;height: 50px;margin: 0;}
div.gnbClose a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('/2023/image/common/gnbClose_m.png') center center no-repeat;background-size: 50%;}

div.dDay,
div.gnbBg {display: none;}


}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper {position: relative;width: 100%;min-width:1400px;margin: 0;padding: 0; font-size: 16px; line-height: 26px;color: #4a4a4a;font-family: 'Lato-Regular', sans-serif; font-weight: normal;}

div#headerWrap {position: relative;z-index:100; width: 100%;height:120px;background-color: #fff;}
div#headerWrap > div:first-child {position:relative; width:1400px;height:60px;padding-top: 120px;margin: 0 auto;}
div#headerWrap h1 {left:0;top:43px;width:363px;height:50px;margin:0;}
div#headerWrap h1 a {display: block;height: 50px;}

ul.gnbUtil {z-index:45; position:absolute;right:320px;top:30px;width: auto;text-align: right;font-size: 0;line-height: 0;}
ul.gnbUtil:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
ul.gnbUtil li {position: relative;float:left; padding:0 10px 0 0;}

ul.gnbUtil a,
div.viewMenu a {width: 67px;height: 67px;padding-top: 37px;color: #222;font-size: 14px;line-height: 20px;text-align: center;font-family: 'Lato-Bold', sans-serif;box-sizing: border-box;text-decoration: none;}

ul.gnbUtil li.login a {background:url('/2023/image/common/gnbUtil_login.png') no-repeat center top 10px;}
ul.gnbUtil li.signup a {background:url('/2023/image/common/gnbUtil_signup.png') no-repeat center top 10px;}
ul.gnbUtil li.mypage a {background:url('/2023/image/common/gnbUtil_mypage.png') no-repeat center top 10px;}
ul.gnbUtil li.logout a {background:url('/2023/image/common/gnbUtil_logout.png') no-repeat center top 10px;}

div.viewMenu {position: absolute;right: 255px;top: 30px;}
div.viewMenu a {background:url('/2023/image/common/gnbUtil_site.png') no-repeat center top 10px;}


div.white ul.gnbUtil a,
div.white div.viewMenu a {color: #fff;}

div.white ul.gnbUtil li.login a {background-image:url('/2023/image/common/gnbUtil_login_w.png');}
div.white ul.gnbUtil li.signup a {background-image:url('/2023/image/common/gnbUtil_signup_w.png');}
div.white ul.gnbUtil li.mypage a {background-image:url('/2023/image/common/gnbUtil_mypage_w.png');}
div.white ul.gnbUtil li.logout a {background-image:url('/2023/image/common/gnbUtil_logout_w.png');}
div.white div.viewMenu a {background-image:url('/2023/image/common/gnbUtil_site_w.png');}


div.dDay {position: absolute;right: 0;top: 30px;width: 231px;height: 67px;padding: 8px 0 0 83px;background:url('/2023/image/common/dDay_bg.png') no-repeat center top;border-radius: 33px;box-sizing: border-box; }
div.dDay span {color: #fff;font-family: 'Pretendard-Bold', sans-serif;font-size: 38px;line-height: 1;letter-spacing: -0.5px;}
div.dDay:after {position: absolute; display: block; right: 31px;bottom: 10px;color: #fff;font-size: 13px;line-height: 1;font-family: 'Lato-Regular', sans-serif; content:attr(data-today);}

ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {position: relative; display: inline-block; width: 1400px;height: 60px;font-size: 0;line-height: 0;}
ul#gnb > li {position: relative;display: inline-block;vertical-align: top;text-align: center;box-sizing:border-box;}

ul#gnb > li > a {position: relative;display: block;text-align:left;padding: 0 50px 0 10px;font-size: 21px;line-height: 60px;font-family: 'Lato-Bold', sans-serif;color: #fff;}

ul#gnb > li.on > ul {background-color: #1a3358;}
ul#gnb > li.on > ul a {color: #b8d5ff;}

ul#gnb ul {position: absolute;left: 0;top: 60px;width: 100%;padding: 10px 20px 25px;box-sizing:border-box;}
ul#gnb ul li {padding-top: 15px;}
ul#gnb ul a {display: block;font-family: 'Lato-Regular', sans-serif;color: #94a8c5;font-size: 15px;line-height: 22px;text-align:left; }

ul#gnb > li.on ul a:hover,
ul#gnb > li.on ul a:focus {color: #fff;text-decoration: underline;}
 
div.gnbBg {display: block;z-index: 50;position: absolute;left: 50%; transform: translateX(-50%); top: 180px;width: 100%;background-color: #234474;} 
div.gnbBg:before {position: absolute;left: 0;top: -60px;width: 100%;height: 60px;content: "";background-color: #315c9b;}


div.gnbClose {display: none;}
}






/* Contents */
div#container {}

div.lnbWrap p, div.lnbWrap dl, div.lnbWrap dt, div.lnbWrap dd, div.lnbWrap ul, div.lnbWrap li, div.lnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnbWrap {z-index: 10;position: relative;}
div.lnbWrap dl {position: relative;}
div.lnbWrap p.home a,
div.lnbWrap dt a {border-right: 1px solid rgba(255,255,255,.2);}

div.lnbWrap p.home a {font-size: 0;line-height: 0;border-left: 1px solid rgba(255,255,255,.2);background-position: center center;background-repeat: no-repeat;}
div.lnbWrap dd {position: absolute;left: 0;width: 100%;border:1px solid #c9d6e9;border-top: 0 none;background-color:#fff;box-sizing:border-box;}
div.lnbWrap dd a {display: block;}

h2.pageTit {margin: 0;color: #e86354;font-family: 'Lato-Regular', sans-serif;font-weight: normal;}

/* p#goTop {z-index: 80;background-color: #fff; border: 1px solid #1359a9; border-radius:8px; box-shadow: 1px 1px 10px rgba(87,60,199,.4);}
p#goTop a, 
p#goTop img {display: block;width: 100%;} */

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container {position:relative;}

div.topVisual {}
div.topVisual img {display: block;width: 100%;}

h2.pageTit {padding: 20px 15px 15px;font-size: 20px;line-height: 1;}

div.lnbWrap {height: 40px;background-color: #1d5488;}
div.lnbWrap p.home {display: none;}

div.lnbWrap dl {position: relative;float: left;width: 50%;}
div.lnbWrap dt a {position: relative;display: block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 40px;padding:10px 40px 10px 15px;color: #fff;font-size: 14px;line-height: 20px;font-family: 'Lato-Regular', sans-serif;box-sizing:border-box;}
div.lnbWrap dt a:after {position: absolute;right: 15px;top: 50%;width: 10px;height: 6px;margin-top: -3px;content: "";background: url('/2023/image/common/lnb_bl_m.png') center center no-repeat;background-size: 10px;}
div.lnbWrap dt.view a:after {transform:rotate(180deg);}
div.lnbWrap dd {position: absolute;left: 0;top: 40px;overflow-x: hidden;overflow-y: auto;width: 100%;border:1px solid #1d5488;border-top: 0 none;border-radius: 0 0 5px 5px;}
div.lnbWrap dd ul {padding: 5px 0 10px;}
div.lnbWrap dd li {padding-top: 5px;}
div.lnbWrap dd a {padding: 0 10px;color: #1f1f1f;font-size: 14px;line-height: 20px;font-family: 'Lato-Regular', sans-serif;}

div.lnbWrap dl.gnb dt a {color: #5c84a9;}
div.lnbWrap dl.gnb dt a:after {background-image: url('/2023/image/common/lnb_bl_c.png');}


div.contents {padding: 15px;text-align: justify;font-size: 14px;line-height: 20px;color: #222;font-family: 'Lato-Regular', 'NotoSansKR Regular', sans-serif;font-weight: normal;}

/* p#goTop {position: fixed; right:15px;bottom: 15px;width: 40px;height: 40px;} */

div.mobileNote {padding: 50px 0 !important;}
div.mobileNote img {display: block;height: 200px;margin: 0 auto;}

div.ing {padding: 50px 0;}
div.ing img {display: block;width: 226px;margin: 0 auto;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container {position: relative;padding-top: 310px;background: url('/2023/image/common/subVisual_1.png') center top no-repeat, url('/2023/image/sub/subBg.png') left top repeat-x;}


h2.pageTit {width: 1400px;margin:0 auto; padding: 110px 0 30px;font-size: 40px;line-height: 50px;}

div.lnbWrap * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnbWrap {position: absolute;left: 0;top: 310px;width: 100%;height:55px;}
div.lnbWrap.fixed {position:fixed;left:0;top:0;width:100%;}

div.lnbWrap > div {width:1400px;height:55px;margin:0 auto;box-sizing: border-box; }
div.lnbWrap > div > * {position: relative;}
div.lnbWrap > div > *:after {position: absolute; display: block; right: 0;top: 50%; transform: translateY(-50%); width: 1px;height: 20px;background-color: #c9d6e9;content:'';}

div.lnbWrap a {display:block;color:#fff;text-decoration:none;}
div.lnbWrap br,
div.lnbWrap p.prev {display: none;}

div.lnbWrap p.home,
div.lnbWrap dl {float:left;}
div.lnbWrap p.home a {width:55px;height:55px;background-image: url('/2023/image/common/lnb_home.png');;}

div.lnbWrap dl {height:55px;}
div.lnbWrap dt a {position:relative;font-size:16px;line-height: 23px;padding:16px 80px 16px 20px;border-right: 1px solid rgba(255,255,255,.2);color: #6b798d;font-size: 17px;}
div.lnbWrap dt.view a.trigger:after {transform:rotate(180deg);}
div.lnbWrap dl:last-child dt a.trigger:after {position:absolute;right:20px;top:50%;width: 14px;height: 8px;margin-top:-4px;content: "";background: url('/2023/image/common/lnb_bl.png') center center no-repeat;}
div.lnbWrap dl:last-child a.trigger {font-family: 'Lato-Bold', sans-serif;}

div.lnbWrap dd {top: 56px;padding: 10px 0;}
div.lnbWrap dd a {display: block;padding:5px 20px;color:#c2ccd9;font-size: 16px;line-height: 25px;}
div.lnbWrap dd a:hover,
div.lnbWrap dd a:focus {color: #6b798d;}

div.lnbWrap p.home + dl a {text-transform: uppercase;}

div.contents {width: 1400px;margin: 0 auto;padding: 0 0 50px;text-align: justify;font-size: 16px;line-height: 26px;color: #4a4a4a;font-family: 'Lato-Regular', 'NotoSansKR Regular', sans-serif;font-weight: normal;}

/* p#goTop {position: absolute; top:680px; left:50%;margin-left: 665px;} */
}



/* Footer */
div#footerWrap {position:relative;background-color: #3b3d42;}
div#footerWrap,
div#footerWrap a,
div#footerWrap li {color: #bec1c7;text-decoration: none;}
div#footerWrap p,
div#footerWrap dt {color: #fff;font-family: 'Lato-Bold', sans-serif;}
div#footerWrap address {font-style: normal;}
div#footerWrap ul, div#footerWrap li {margin: 0; padding: 0; list-style: none; }
div#footerWrap dl.info dl {display: inline-block;vertical-align: top;width: 49%;}

/* supporters */
div.supporters {border-top:1px solid #e4e4e4;}
div.supporters dl, div.supporters dt, div.supporters dd, div.supporters ul, div.supporters li {margin: 0;padding: 0;list-style:none;}
div.supporters div {padding: 15px;}
div.supporters dt {float: left;  color:#222;font-family: 'Lato-Bold', sans-serif;}
div.supporters dd {overflow: hidden; vertical-align: middle;}
div.supporters ul {font-size: 0; overflow: hidden;}
div.supporters li {list-style:none; display:inline-block; vertical-align: middle;}
div.supporters img {display:block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.supporters dl {overflow: hidden;margin-top: 10px;}
div.supporters dl:first-child {margin-top: 0;}
div.supporters dt {float: left;width: 100px;font-size: 12px;line-height: 30px;letter-spacing: -0.5px;}
div.supporters li:first-child {margin-left: 0;}
div.supporters li img {max-width:100%; height:30px;}

/* Footer */
div#footerWrap {}
div#footerWrap > div {padding: 15px;}
div#footerWrap > div > * {width: 100%;}
div#footerWrap div.info {margin-top: 15px;}
div#footerWrap a,
div#footerWrap li,
div#footerWrap p,
div#footerWrap dt {font-size: 12px;line-height: 18px;}
div#footerWrap dl.society dt,
div#footerWrap dl.info > dt {padding-bottom: 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
/* 서포터즈 */
div.supporters {background-color: #fff;}	
div.supporters > div {width: 1400px; margin: 0 auto; overflow: hidden; padding: 13px 0 14px;}

div.supporters dl {float: left; width: 50%;margin-top: 15px;box-sizing: border-box; }
div.supporters dl:nth-child(odd) {padding-left: 50px;}
div.supporters dl:nth-child(-n+2) {margin-top: 0;}
div.supporters dt {width: 130px;font-size: 14px;line-height: 55px;}
div.supporters li:first-child {margin-left: 0;}
div.supporters img {display:block;}

/* Footer */
div#footerWrap {}
div#footerWrap > div {position: relative; width:1400px;height: 145px; margin: 0 auto;font-size: 0;line-height: 0;box-sizing: border-box; }
div#footerWrap > div > * {display: inline-block;vertical-align: top;width: 50%;padding: 25px;box-sizing: border-box; }
div#footerWrap dl.society {padding-left: 50px;}
div#footerWrap dl.society dt {padding-bottom: 15px;}
div#footerWrap a,
div#footerWrap li,
div#footerWrap p,
div#footerWrap dt {font-size: 14px;line-height: 20px;}
div#footerWrap dl.info {font-size: 0;line-height: 0;}
div#footerWrap dl.info > dt {padding-bottom: 15px;}
}



div.layerPopup {z-index: 100;display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
div.layerPopup > div {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);}


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

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#popupSitemap > div.popupWrap {width: 1200px;border-radius: 30px 30px 80px 30px;background: #fff url('/2023/image/main/sitemap_bg.png') 0 0 no-repeat;}
div#popupSitemap > div.popupWrap:before {position: absolute;left: 0;top: -40px;width: 100%;height: 97px;content: "";background: url('/2023/image/main/sitemap_tit.png') center top no-repeat;}

div#popupSitemap h1 {display: none;}
div#popupSitemap div.popupCon {height: 710px;padding: 135px 80px 0;box-sizing: border-box;}
div#popupSitemap div.close {position: absolute;right: 0;top: -57px;}
div#popupSitemap div.close a {display: block;width: 30px;height: 30px;font-size: 0;line-height: 0;background: url('/2023/image/main/sitemap_close.png') center center no-repeat;}

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


ul.sitemap {display: grid; grid-template-columns: repeat(4, 1fr);gap:50px;}
ul.sitemap > li > a {display: block;color: #163b87;font-size: 22px;line-height: 22px;font-family: 'Lato-Bold', sans-serif;}
ul.sitemap li.wide {grid-column: 3/5;grid-row: 2/2;padding: 50px;background-color: #eff6fc;border-radius: 20px 20px 60px 20px;}

ul.sitemap ul {padding-top: 10px;}
ul.sitemap ul li {margin-top: 20px;}
ul.sitemap ul a {color: #545454;font-size: 17px;line-height: 20px;font-family: 'Lato-Regular', sans-serif;}

ul.userMenu {position: relative;display: grid; grid-template-columns: 120px auto;padding-top: 0 !important;}
ul.userMenu:after {position: absolute;right: -85px;bottom: -10px;content: "";width: 209px;height: 177px;background: url('/2023/image/main/sitemap_my.png') right bottom no-repeat;}
ul.userMenu > li {margin-top: 0 !important;}
ul.userMenu > li > a {color: #000;font-size: 18px;line-height: 18px;font-family: 'Lato-Bold', sans-serif;}
ul.userMenu ul li {margin-top: 10px;}
ul.userMenu ul a {color: #545454;font-size: 15px;line-height: 17px;}
}



/* ============= 메인 ============= */
div.mainWrap div#headerWrap {height: 0;}

div#container.main {position: relative;}
div#container.main a {text-decoration:none; }
div.mainWrap h1 {display: none;}

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



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainWrap {}
div.mainWrap div#headerWrap:before {display: none;}
div.mainWrap div#headerWrap > div:first-child {height: 170px;padding-top: 0;}

div.mainWrap ul#gnb {display: none;}

div.mainWrap div.dDay {top: 40px;right: 350px;width: 310px;height: 90px;border-radius: 45px;padding-left: 115px;background-image: url('/2023/image/main/dDay_bg.png');}
div.mainWrap div.dDay span {display: block;font-size: 50px;}
div.mainWrap div.dDay:after {position: static;display: block;font-size: 19px;}

div.mainWrap ul.gnbUtil {top: 52px;right: 67px;}

div.mainWrap div.viewMenu {top: 52px;right: 0;}

div#container.main:before {display: none;}
div#container.main {padding: 0;background: none;}
}


div.mainBnr ul, div.mainBnr li, div.mainBnr a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.mainBnr {position: relative;}

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

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainBnr,
div.mainBnr li {height: 997px;}
div.mainBnr li {background-position: center top;background-repeat: no-repeat;}
div.mainBnr li img {display: none;}
}



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

}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainCon {z-index: 70;position: absolute;left: 50%;top: 198px;width: 660px;margin-left: 39px;}
div.mainCon:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
}


dl.mainKey, dl.mainKey dt, dl.mainKey dd, dl.mainKey ul, dl.mainKey li, dl.mainKey a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.mainKey {color: #ff3219;border: 1px solid #ff3219;background-color: #fffbfb;box-sizing:border-box;box-shadow:0 0 9px rgba(0,108,108,.2);}
dl.mainKey dt {font-family: 'Lato-Bold', sans-serif;}
dl.mainKey li {position: relative;}
dl.mainKey span {position: absolute;right: 0;top: 50%;transform:translateY(-50%);font-family: 'Lato-Bold', sans-serif;}
dl.mainKey sup {display: inline-block;vertical-align: top;margin-top: -5px;font-size: .6em;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainKey {margin: 0 15px;padding: 20px;}
dl.mainKey dt {padding-bottom: 5px;font-size: 15px;line-height: 15px;}
dl.mainKey li {margin-top: 10px;padding-right: 130px;font-size: 14px;line-height: 16px;}
dl.mainKey span {font-size: 16px;}
}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainKey {height: 234px;padding: 35px 50px 0;}
dl.mainKey dt {padding-bottom: 10px;font-size: 30px;line-height: 30px;}
dl.mainKey li {margin-top: 20px;padding-right: 180px;font-size: 20px;line-height: 22px;}
dl.mainKey span {font-size: 22px;}
}

ul.quickMenu, ul.quickMenu li, ul.quickMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.quickMenu {display: grid; grid-template-columns: repeat(2, 1fr);}
ul.quickMenu a {position: relative;display: table-cell;width: 800px;vertical-align: middle;color: #fff;font-family: 'Lato-Bold', sans-serif;box-sizing: border-box;background-repeat: no-repeat;}
ul.quickMenu li:nth-child(1) a {background-color: #4070b7;background-image: url('/2023/image/main/mainQuickBg_01.png');}
ul.quickMenu li:nth-child(2) a {background-color: #32a2c7;background-image: url('/2023/image/main/mainQuickBg_02.png');}
ul.quickMenu li:nth-child(3) a {background-color: #188182;background-image: url('/2023/image/main/mainQuickBg_03.png');}
ul.quickMenu li:nth-child(4) a {background-color: #1c4675;background-image: url('/2023/image/main/mainQuickBg_04.png');}
ul.quickMenu li:nth-child(5) a {background-color: #d35c50;background-image: url('/2023/image/main/mainQuickBg_05.png');}
/*ul.quickMenu li:nth-child(6) a {background-color: #6c89ba;background-image: url('/2023/image/main/mainQuickBg_06.png');}*/
ul.quickMenu li:nth-child(6) a {background-image: url('/2023/image/main/mainQuickBg_06.png');}

ul.quickMenu li:nth-child(6) a {background-color: #5906b3;transition: 2s linear;}
div.white ul.quickMenu li:nth-child(6) a {background-color: #f52874;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.quickMenu {padding: 6px 15px 20px;gap: 5px;}
ul.quickMenu a {height: 72px;padding-left: 10px;font-size: 14px;line-height: 20px;background-size: auto 50%;background-position: right 15px center;}
ul.quickMenu li:nth-child(5) a,
ul.quickMenu li:nth-child(6) a {height: 50px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.quickMenu {padding-top: 20px;gap: 10px;}
/*ul.quickMenu a {height: 144px;padding-left: 45px;font-size: 24px;line-height: 30px;background-position: right 25px center;}*/
/*참가 안내내용때문에 높이 조정*/
ul.quickMenu a {height: 114px;padding-left: 45px;font-size: 24px;line-height: 30px;background-position: right 25px center;}

ul.quickMenu span{font-size: 16px; letter-spacing:-0.5px;}
ul.quickMenu li:nth-child(1) a {font-size: 22px;}

ul.quickMenu li:nth-child(5) a,
ul.quickMenu li:nth-child(6) a {height: 80px; letter-spacing: -0.9px; padding-left: 20px;}
}


dl.mainDownload, dl.mainDownload dt, dl.mainDownload dd, dl.mainDownload ul, dl.mainDownload li, dl.mainDownload a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.mainDownload {}
dl.mainDownload dt {color: #00c2ff;font-family: 'Lato-Bold', sans-serif;}
dl.mainDownload ul {display: grid; grid-template-columns: repeat(3, 1fr);}
dl.mainDownload a {position: relative;display: table-cell;width: 600px;vertical-align: middle;border: 1px solid #e8e8e8;border-left: 0 none;color: #222;font-family: 'Lato-Bold', sans-serif;background-color: #fff;}
dl.mainDownload a:after {position: absolute;right: 0;top: 0;height: 100%;border-left: 1px solid #e8e8e8;content: "";background: #424956 url('/2023/image/main/mainDownload.png') center center no-repeat;}
dl.mainDownload li:first-child a {border-left: 1px solid #e8e8e8;}

dl.mainDownload2, dl.mainDownload2 dt, dl.mainDownload2 dd, dl.mainDownload2 ul, dl.mainDownload2 li, dl.mainDownload2 a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.mainDownload2 {}
dl.mainDownload2 dt {color: #000;font-family: 'Lato-Bold', sans-serif;}
dl.mainDownload2 ul {display: grid; grid-template-columns: repeat(2, 1fr);}
dl.mainDownload2 a {position: relative;display: table-cell;width: 600px;vertical-align: middle;border: 1px solid #e8e8e8;border-left: 0 none;color: #222;font-family: 'Lato-Bold', sans-serif;background-color: #fff;}
dl.mainDownload2 a:after {position: absolute;right: 0;top: 0;height: 100%;border-left: 1px solid #e8e8e8;content: "";background: #ff7600 url('/2023/image/main/mainDownload.png') center center no-repeat;}
dl.mainDownload2 li:first-child a {border-left: 1px solid #e8e8e8;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainDownload {padding: 20px 15px;background-color: #edf1f6;}
dl.mainDownload dt {padding-bottom: 10px;font-size: 15px;line-height: 15px;}
dl.mainDownload a {height: 30px;padding: 0 60px 0 15px;font-size: 14px;line-height: 16px;}

dl.mainDownload a:after {width: 50px;}

dl.mainDownload2 {padding: 20px 15px;background-color: #ffe26c;}
dl.mainDownload2 dt {padding-bottom: 10px;font-size: 15px;line-height: 15px;}

dl.mainDownload2 a {height: 30px;padding: 0 60px 0 15px;font-size: 13px;line-height: 16px; letter-spacing:-0.8px;}
dl.mainDownload2 a:after {width: 50px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainDownload {position: relative; padding: 10px 0 0 145px; }
dl.mainDownload dt {position: absolute;top: 10px;left: 0;padding: 12px 0 15px;font-size: 25px;line-height: 30px;}

dl.mainDownload a {width: 600px;height: 55px;padding: 0 70px 0 25px;font-size: 17px;line-height: 20px;}
dl.mainDownload a:after {width: 60px;}

dl.mainDownload2 {position: relative; padding: 15px 20px; background-color: #ffe26c; margin-top: 10px;}
dl.mainDownload2 dt {position: initial;left: 0;padding: 0px 0 10px;line-height: 30px; font-size:25px; top:35px; /*width: 150px;*/ width: 360px;}
dl.mainDownload2 a {width: 600px;height: 55px;padding: 0 70px 0 25px;font-size: 18px;line-height: 20px;}

dl.mainDownload2 a:after {width: 60px;}
}



div.moreCon dl, div.moreCon dt, div.moreCon dd, div.moreCon ul, div.moreCon li, div.moreCon a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.moreCon {}
div.moreCon dt {border-bottom: 2px solid #4070b7;color: #4070b7;font-family: 'Lato-Bold', sans-serif;}
div.moreCon dd {position: relative;}
div.moreCon .more {position: absolute;right: 0;}
div.moreCon .more a {display: block;color: #222;font-family: 'Lato-Bold', sans-serif;background: url('/2023/image/main/more_bg.png') right bottom no-repeat;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.moreCon {padding: 20px 15px;}
div.moreCon > dl + dl {padding-top: 15px;}

div.moreCon dt {padding-bottom: 5px;font-size: 15px;line-height: 15px;}

div.moreCon .more {top: -20px;}
div.moreCon .more a {padding: 0 15px 8px 0;font-size: 12px;line-height: 12px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.moreCon {width: 1300px;height: 290px;margin:0 auto;padding-top: 30px;box-sizing:border-box;}
div.moreCon:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.moreCon > * {float: right;width: 620px;box-sizing: border-box;}
div.moreCon > *:first-child {float: left;}

div.moreCon dt {padding-bottom: 10px;font-size: 26px;line-height: 30px; }

div.moreCon .more {top: -25px;}
div.moreCon .more a {padding: 0 20px 10px 0;font-size: 15px;line-height: 15px;}
}


dl.mainInvited dd {position: relative;}

dl.mainInvited dd > ul {overflow: hidden;}
dl.mainInvited dd > ul li {float: left;width: 50%;}

dl.mainInvited dd li {position: relative;box-sizing:border-box;color: #222;font-family: 'Lato-Regular', 'NotoSansKR DemiLight', sans-serif;}

dl.mainInvited dd img {position: absolute;display: block;}
dl.mainInvited span {display: block;}
dl.mainInvited span.name {font-family: 'Lato-Bold', 'NotoSansKR Medium', sans-serif;}
dl.mainInvited span.country {font-style: italic;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainInvited > dd {padding: 10px 0;}
dl.mainInvited dd li {padding-left: 90px;font-size: 14px;line-height: 16px;}
dl.mainInvited dd img {left: 15px;top: 0;width: 60px;height: 80px;}
dl.mainInvited span.name {padding-bottom: 5px;font-size: 16px;line-height: 18px;}
dl.mainInvited span.country {padding-top: 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainInvited > dd {padding: 20px 0;}
dl.mainInvited dd li {height: 160px;padding-left: 170px;font-size: 14px;line-height: 18px;}
dl.mainInvited dd img {left: 30px;top: 0;width: 120px;height: 160px;}
dl.mainInvited span.name {padding-bottom: 5px;font-size: 18px;line-height: 20px;}
dl.mainInvited span.country {padding-top: 25px;}
}





dl.mainBbs {}
dl.mainBbs li {position: relative;font-family: 'Lato-Regular', 'NotoSansKR DemiLight', sans-serif;color: #222;}
dl.mainBbs li:first-child {margin-top: 0;}
dl.mainBbs li a {position:relative;overflow:hidden;display: inline-block;vertical-align: top;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color: #222;font-family: 'Lato-Bold', 'NotoSansKR Medium', sans-serif;}
dl.mainBbs span {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainBbs dd {padding-top: 10px;}
dl.mainBbs li {margin-top: 15px;padding-right: 100px;font-size: 12px;line-height: 16px;}
dl.mainBbs li a {font-size: 14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainBbs dd {padding-top: 20px;}
dl.mainBbs li {margin-top: 25px;padding-right: 130px;font-size: 16px;line-height: 20px;}
dl.mainBbs li a {font-size: 18px;}
}






dl.mainDates, dl.mainDates dt, dl.mainDates dd, dl.mainDates ul, dl.mainDates li, dl.mainDates a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.mainDates {background-color: rgba(19,89,169,.9);}
dl.mainDates > dt {font-family: 'Lato-Bold', sans-serif;color: #fff;}
dl.mainDates li {position: relative;font-family: 'Lato-Regular', 'NotoSansKR DemiLight', sans-serif;color: #fff;}
dl.mainDates li:first-child {margin-top: 0;}
dl.mainDates span {position: absolute;right: 0;top: 50%;transform:translateY(-50%);border-radius: 15px;padding: 2px 0 3px;color: #1359a9;background-color: #fff;font-family: 'Lato-Bold', sans-serif;text-align: center;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainDates {padding:15px;}
dl.mainDates > dt {font-size: 16px;line-height: 20px;}
dl.mainDates > dd {padding-top: 10px;}
dl.mainDates li {margin-top: 10px;padding-right: 120px;font-size: 14px;line-height: 20px;}
dl.mainDates span {width: 110px;font-size: 12px;line-height: 16px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainDates {height: 260px;padding:20px 30px 0;}
dl.mainDates > dt {font-size: 24px;line-height: 30px;}
dl.mainDates > dd {padding-top: 25px;}
dl.mainDates li {margin-top: 10px;padding-right: 160px;font-size: 16px;line-height: 25px;}
dl.mainDates span {width: 150px;}
}



div.bnrZone, div.bnrZone dl, div.bnrZone dt, div.bnrZone dd, div.bnrZone ul, div.bnrZone li {margin: 0;padding: 0;list-style:none;}
div.bnrZone {background-color: #fcf9f4;}
div.bnrZone:before {display: block;content: "Our Sponsors";color: #222;font-family: 'Lato-Bold', sans-serif;}

div.bnrZone dl {position: relative;}
div.bnrZone dl:before {display: block;content: "";}
div.bnrZone dt {color: #fff;font-family: 'Lato-Bold', sans-serif;box-sizing: border-box; }

dl.dia:before {background-color:#156fbb;}
dl.pla:before {background-color:#57327e;}
dl.gold:before {background-color:#d0a124;}
dl.sliver:before {background-color:#898a8c;}
dl.bronze:before {background-color:#ab6623;}

/*dl.dia:before {background: linear-gradient(to right, #156fbb 0%, #156fbb 40%, transparent 100%);}
dl.pla:before {background: linear-gradient(to right, #57327e 0%, #57327e 40%, transparent 100%);}
dl.gold:before {background: linear-gradient(to right, #d0a124 0%, #d0a124 40%, transparent 100%);}
dl.sliver:before {background: linear-gradient(to right, #898a8c 0%, #898a8c 40%, transparent 100%);}
dl.bronze:before {background: linear-gradient(to right, #ab6623 0%, #ab6623 40%, transparent 100%);}*/

div.bnrZone dd {position: relative;}
div.bnrZone dd > ul {display: grid;}
div.bnrZone li a {display: table-cell;width: 600px;border: 1px solid #f0ead0;background-color: #fff;vertical-align: middle;text-align: center;box-sizing:border-box;}
div.bnrZone li img {display: inline-block;vertical-align: top;max-height:100%;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bnrZone {padding:20px 15px;}
div.bnrZone:before {padding-bottom: 10px;font-size: 16px;line-height: 20px;}
div.bnrZone dl {margin-top: 15px;}
div.bnrZone dl:before {position: absolute;left: 0;top: 0;width: 50%;height: 25px;}
div.bnrZone dl:first-child {margin-top: 0;}

div.bnrZone dt {position: relative;z-index: 10;padding-left: 20px;margin-bottom: 5px;font-size: 14px;line-height: 25px;}
div.bnrZone dd > ul {gap:5px}
div.bnrZone li img {max-width:100%;}

div.bnrZone dl.dia dd > ul {grid-template-columns: repeat(2, 1fr);}
div.bnrZone dl.dia li a {height: 50px;}

div.bnrZone dl.pla dd > ul {grid-template-columns: repeat(3, 1fr);}
div.bnrZone dl.pla li a {height: 40px;}

div.bnrZone dl.gold dd > ul {grid-template-columns: repeat(4, 1fr);}
div.bnrZone dl.gold li a {height: 30px;}

div.bnrZone dl.sliver dd > ul {grid-template-columns: repeat(5, 1fr);}
div.bnrZone dl.sliver li a {height: 28px;}

div.bnrZone dl.bronze dd > ul {grid-template-columns: repeat(6, 1fr);}
div.bnrZone dl.bronze div.bx-wrapper {margin: 0 !important;}
div.bnrZone dl.bronze li a {height: 25px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bnrZone {padding: 40px 0 60px;background:#fcf9f4 url('/2023/image/main/mainSpon_bg.png') center bottom no-repeat;}
div.bnrZone:before {display: block;width: 1400px;padding-bottom: 20px;margin: 0 auto;font-size: 26px;line-height: 26px;}
div.bnrZone > div {width: 1400px;margin:0 auto;font-size: 0;line-height: 0;}
div.bnrZone dl {display: inline-block;vertical-align:top; width: calc(50% - 5px);}
div.bnrZone dl {padding-left: 220px;margin-top: 10px;box-sizing: border-box;}
div.bnrZone dl:before {position: absolute;left: 0;top: 50%; transform: translateY(-50%); width: 200px;height: 50px;}
div.bnrZone dt {position: absolute;left: 30px;top: 50%;transform:translateY(-50%);font-size: 18px;line-height: 1;}
div.bnrZone dd > ul {gap:10px;}
div.bnrZone dd div.bx-wrapper {max-width: 100% !important;margin: 0 !important;}
div.bnrZone dd li img {width: 100%;}

div.bnrZone dl.dia {width: 100%;margin-top: 0;}
div.bnrZone dl.dia dd > ul {grid-template-columns: repeat(3, 1fr);}
div.bnrZone dl.dia li a {height: 85px;}

div.bnrZone dl.pla dd > ul {grid-template-columns: repeat(2, 1fr);}
div.bnrZone dl.pla li {width: 230px !important;}
div.bnrZone dl.pla li a {height: 60px;}

div.bnrZone dl:nth-of-type(3) {margin-left: 10px;/*padding-left: 352px;*/}
div.bnrZone dl.gold dd > ul {grid-template-columns: repeat(2, 1fr);}
div.bnrZone dl.gold li {width: 230px !important;height: 60px;}
div.bnrZone dl.gold li a {height: 60px;}

div.bnrZone dl.sliver dd > ul {grid-template-columns: repeat(3, 1fr);}
div.bnrZone dl.sliver li {width: 150px  !important;}
div.bnrZone dl.sliver li a {height: 60px;}

div.bnrZone dl:nth-of-type(5) {margin-left: 10px;/*padding-left: 352px;*/}
div.bnrZone dl.bronze dd > ul {grid-template-columns: repeat(3, 1fr);}
div.bnrZone dl.bronze li {width: 150px  !important;}
div.bnrZone dl.bronze li a {height: 60px;}
}


ul.mainVideo, ul.mainVideo li {margin: 0; padding: 0; list-style: none; }
ul.mainVideo {display: grid; grid-template-columns: repeat(2, 1fr); }

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.mainVideo {padding: 0 15px 15px;gap: 10px;}
ul.mainVideo iframe {width: 100%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.mainVideo {z-index: 70;position: absolute;top: 751px;left: 50%;margin-left: -695px;gap: 15px;width: 655px;height: 180px;}
}




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

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




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

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




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

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




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

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




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

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




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

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