@charset "utf-8";
/*
header {display: block; z-index: 100;  width: 100%;}

.utill__list ul {display: inline-block; margin-right:24px;}
.utill__list ul:last-child {margin-right:0;}
.utill__list ul.language {font-size: 16px; font-weight: 600; color:#fff;}
.utill__list li {display: inline-block; margin-right:16px;}

.utill ul {display: flex; align-items: baseline; gap: 0.8rem;}
.utill .translate {margin-top: 8px; text-align: center;}
.utill .translate select {font-family: 'noto'; font-size: 1.4rem; padding: 8px 8px 8px 12px; border: none; border-radius: 999px;}
.utill li {float: left; margin-top:8px; margin-right: 16px; font-size: 1.8rem; font-weight: 500; color: #000; line-height: 39px;}
.utill li:last-child {margin-right:0;}
.utill li i {margin-right: 8px;}
.utill .manager {height: 40px; padding: 9px 16px; border: 1px solid #666; box-sizing: border-box; border-radius: 999px; font-size: 1.4rem; color:#333; line-height:14px;}
.utill .manager.white {border: 1px solid #E9F1FC; color:#fff;}

button.login{width: 104px; padding: 8px 0; border: 1px solid #E9F1FC; box-sizing:border-box; border-radius:999px; background: linear-gradient(to right, #0D4EA2 50%, white 50%); background-size:200% 100%; background-position: right bottom; transition: all .5s ease-out; font-size: 14px; line-height: 21px; color: #0D4EA2;}
button.login:hover {background-position: left bottom; color:#fff;}

.menu-wrap {position: relative; z-index:100; display: block; z-index: 100;  width: 100%;}


.logo img {max-width:fit-content;}

.logo .silver-badge img {vertical-align:text-bottom;}

.logo .m-logo {display:none;}

nav { display:flex; align-items:center; justify-content:space-between; z-index:999; padding:0px 48px; }
nav .menu-list{ max-width: 936px; width: 100%; display: flex; justify-content: center; }
.menu-list.home .btn-dropdown {color:#fff;}



.main-dropdown {float:left; overflow:hidden; margin-right:40px; padding:40px 0 32px;}
.btn-dropdown {position: relative; font-size: 1.8rem;  border: none; outline: none; margin: 0; font-weight: 500; line-height: 48px; color:#333; box-sizing:border-box;}

.main-nav {display:none; position: absolute; left: 50%; top: 120px; transform: translateX(-50%); width:100vw; background:#fff; overflow:hidden; background:#eee; padding:1.6rem; box-shadow: 0 1.6rem 1.6rem -0.8rem rgba(0,0,0,0.1);}
.main-nav:before {content: ''; width: 100vw; height: inherit; min-height: 550px; background-color: #fff; background-image: ; background-repeat: no-repeat; background-position: left 30px; position: absolute; left: 50%; top: 0px; bottom:0; transform: translateX(-50%); z-index: -10; box-shadow: 0 2rem 2rem -0.8rem
rgba(0,0,0,0.2); border-top: 1px solid #e4e4e4;}
.main-nav__desc {display: inline-block; float:left; position: relative; width: 32%; height:160px; padding: 16px 32px; border-right: 1px solid #e4e4e4;}
.main-nav__desc:after {background-image:url('../images/logo_bg.png'); top:100px; right:16px; position:absolute; background-repeat:no-repeat; opacity:0.3!important; filter:alpha(opacity=30); z-index:-1; content:""; width:173px; height:74px;}
.main-nav__desc dt {font-size: 1.8rem;}
.main-nav__desc dd {font-size: 1.5rem;}
.main-nav__list {float:left; width: 68%; padding: 0 304px 0 16px;}
.main-nav__item {display:inline-block; float:left; width:20%; margin:1.6rem 2.4rem;}
.main-nav__link {display: block; padding:0.4rem 0.8rem; font-size: 1.5rem;}
.main-nav__link--initial {display: block;  font-size: 18px; font-weight: 500;}

.main-dropdown:hover .main-nav {display:block;}
.main-dropdown:hover .btn-dropdown:after {position: absolute; left:50%; bottom:0; transform: translatex(-50%); content:''; display:inline-block; width:24px; height:4px; background:#fff;}
.sub .main-dropdown:hover .btn-dropdown:after {background:#333;}


*/


.hero-bg {position: relative; height:939px; overflow:hidden; background:url("../images/main/main_visual.png") no-repeat center; /*background-size:cover;*/ }
.container{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden; text-align:center; color:#fff;}
.container h1{font-size: 72px; letter-spacing: 0.02em;}
.container h1 span {border:10px solid #fff; padding:6px 14px; display: inline-block;}
.des {margin:20px; display:block; font-size: 25px; text-shadow:0 0 10px black;}
.btn {color:#313131; padding:10px 24px; font-size: 20px; background:#f1f1f1;}
.hero-bg__bottom {position:absolute; bottom:-1px; left:0; /*width: 100%;*/ max-width:fit-content;}

.main-shop {position: relative; left:50%; width:100%; transform: translateX(-50%); box-sizing: border-box; transition: opacity 1s ease; /* background:#f2f8fc; */ background:#fffbf6;}
.main-shop__desc {top: 40px; position: absolute; z-index:10; width: 200px; padding-left:8px;}
.main-shop__desc h3 {position: relative; padding-top: 5.6rem; font-size: 3.2rem;}
.main-shop__desc h3:before {content:''; display: inline-block; position: absolute; top:32px; left:0; width:56px; height:4px; background:#f6881f;}
.main-shop__desc p {margin-top: 1.6rem; font-size: 1.6rem;}

.shop-item__desc {position: absolute; bottom: 0; width:100%; padding:8px 16px; background:rgb(255,255,255,0.8);}

.arrow-slider {margin-top:3.2rem;}
.arrow-slider .slick-arrow {display:inline-block !important; padding:4px 12px; border:1px solid #333; box-sizing:border-box; cursor:pointer;}
.arrow-slider .slick-arrow.prev {margin-right:8px;}
.arrow-slider .slick-arrow i {font-size: 24px; color:#333;}

.main-shop__contents { position: relative; width: 1184px; margin: 0 auto; padding-left: 288px; }
.main-shop__list {width:100%; width:1246px; padding:7.2rem 0; /*box-shadow: 0px 0.8rem 1.6rem rgba(0, 0, 0, 0.06);*/ }
.main-shop__list:before {content: ''; display: inline-block; position: absolute; top: 64px; left: -8px; width: 304px; height: 264px; background: #f9ebda; }
.main-shop__list .slick-dots {top:-16px; height: 32px; text-align: left;}
.main-shop__item {display: inline-block; position: relative; /*width: calc((100% / 5) - 1.28rem);*/ width: 304px; height:264px; /*margin-right: 1.6rem; padding:4rem;*/ float: left; text-align: center; font-size: 1.7rem; font-weight: 500; text-align: left;}
.main-shop__item:first-child:after {display:none;}
.main-shop__item object {display: block;}
.main-shop__item span {display: inline-block; margin: 0.8rem 0 2.4rem; font-size: 2rem;}
.main-shop__item p {font-size: 1.4rem;}

.slick-slide { margin-right: 1.6rem; }

.main-shop__list .slick-dots li {width: 104px;}
.main-shop__list .slick-dots li button {width: 104px;}
.main-shop__list .slick-dots li button:before {width: 104px; font-family: noto; font-size: 1.5rem;}

.main-visual {position: relative; width:100%; /*height:896px;*/ height:928px; display:flex; align-items:center; justify-content:center; overflow:hidden; background-size:cover;}
.main-visual__desc {/*margin-top: -200px; margin-left:-552px; text-align: center; z-index:1; color:#fff;*/ position: absolute; /* left:22%;  top:23%;*/ top:26%; left:16%;}
.main-visual__desc h1 {margin-bottom: 24px; font-size: 37px; line-height:40px;}
.main-visual__desc p {width: 600px; margin:0 auto; font-size: 18px; line-height: 24px;}
.main-visual__desc object {/*margin-left: -112px;*/}
.main-visual__button {margin-top:128px; /*margin-left:-53px;*/ text-align: left;}
.main-visual__button button {margin-right:8px; padding:8px 40px; font-size: 18px; border-radius:0;}
.main-visual__button button:last-child {margin-right:0;}
.main-visual__button button.border {border:1px solid #fff; color:#fff;}
.main-visual__button button.border:hover {}
.main-visual__button button.fill {background:#fff; color:#037CC2;}
.main-visual__button button.fill:hover {}

.sns {position: absolute; bottom:280px; right:176px;}
.sns__list li {margin-bottom:8px;}

/*
.mobile-button{display: none; margin: 8px 8px 8px auto; width: 56px; height: 56px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.mobile-button:hover {background:rgb(255,255,255,0.2);}
.mobile-button span {display: block; text-indent: -9999px; width: 24px; height: 2px; background: #333; margin: 4px 0;}
.mobile-button:before, .mobile-button:after {content:""; display: block; width: 24px; height: 2px; background: #333;}
.mobile-button.home span, .mobile-button.home:before, .mobile-button.home:after {background:#fff;}


.mobile-menu {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.mobile-menu__inner {max-width: 504px; margin-left: auto; height: 100%; background: #fff; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; right: -504px; overflow-x: hidden; overflow-y: auto; transform: translate(-504px, 0px);}
.mobile-menu .site__list {float:unset; margin-top: 8px; margin-bottom: 96px; padding:0 24px;}
.mobile-menu .site__list ul li {display: inline-block; width:calc((100% / 3) - 2px); text-align: center;}
.mobile-menu .sns__list { position: fixed; bottom:0; right:0; overflow:hidden; width: 100%; max-width:504px; padding:1.6rem 4rem 1.2rem; background:#fff; border-top:1px solid #eee; box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.1);}
.mobile-menu .sns__list--title {font-size: 1.6rem; font-weight: 500; letter-spacing:1px;}
.mobile-menu .sns__list--item li {display: inline-block; margin-right:8px;}
.mobile-menu .sns__list--item li:last-child {margin-right:0;}
*/

.gnb-header {padding:4rem; background:#EFF1F2; text-align: center;}
.gnb-header .gnb-logo {position: absolute; top:0; left:0; padding:1.2rem 2.4rem;}
.gnb-header .gnb-logo img { height:48px; }
.gnb-close { position: absolute; right: 8px; top: 4px; width:40px; height:40px; margin:1.6rem; border-radius:8px; background:#333; font-size: 24px; line-height:40px; color:#fff;}
.gnb-logout { position: absolute; right: 56px; top: 4px; width:40px; height:40px; margin:1.6rem; font-size: 32px; line-height:40px;}
.gnb__list {padding: 3.2rem 2.4rem;}
.gnb__item {/*border-bottom:1px solid #eee;*/ font-size: 16px; font-weight: 500;}
.gnb__item:hover {background:rgba(238,238,238,0.2);}
.gnb__item--second {padding:1.2rem 4rem;}
.gnb__item__link {display: block; padding: 1.6rem 2.4rem; border-top:1px solid #eee;}
.gnb__item.gnb__item--second {border:none;}
.gnb__item__link:last-child {border-bottom:1px solid #eee;}
.gnb__item__link i {display: inline-block; float:right; line-height:28px;}
.gnb__item.more .gnb.gnb--second {display:none; border-top:1px solid #eee;}

.gnb-utill {/* position:absolute; top:124px; width:100%; text-align: center; */}
.gnb-util__list {display: flex; width: 100%; border:1px solid #eee;}
.gnb-util__item {flex: 1; padding:8px 24px; border-right:1px solid #eee; font-size: 1.5rem; font-weight: 500; color:#333; text-align: center; }
.gnb-util__item a {display:block;}
.gnb-util__item:last-child {border-right:none;}
.gnb-util__item:hover {background:rgba(0,0,0,0.1);}
.gnb-util__item i {margin-right: 8px;}



.gnb-utill .translate {overflow: hidden; height: 60px; text-align: center;}
.gnb-utill .translate select {font-family: 'noto'; font-size: 1.4rem; margin: 0; padding: 8px 8px 8px 12px; border: none; border-radius: 999px; border: 1px solid #eee; }
.gnb-utill__list {display: flex;}
.gnb-utill__item {flex: 1;}


.gnb-sns {display: inline-block; width: 100%; padding:24px;}
.gnb-sns li {float:left; width:calc(100% / 3); text-align: center;}

.quick-contents {position: absolute; bottom:1.6rem; left:50%; transform:translatex(-50%); padding:0 5.6rem; width: 1168px;}
.quick-contents object {width: 48px;}
.quick-contents__list {display:inline-block; width:100%; }
.quick-contents__item {float: left; width:calc((100% / 4) - 12px); height:232px; margin-right:1.6rem; padding:4.8rem 4rem; padding-top:4rem; background:#fff; box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.1); border-radius: 8px; cursor:pointer;}
.quick-contents__item:last-child {margin-right:0;}
.quick-contents__item:hover {transform:translatey(-50px);}
.quick-contents__item span {display: block; font-size: 2.4rem; font-weight: 500;}
.quick-contents__item.rules {line-height:32px;}

.main-video {position: relative; padding-bottom: 40%; height: 0; overflow: hidden; /* margin-top:4rem; */}
.main-video iframe, .main-video object, .main-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-wrap {position: relative; margin:4.8rem auto 2.4rem;}
.video-wrap .slick-slide {margin-right:0;}

.main-youtube {width: 100%; /* margin: 100px auto; */}
.slider-nav .slick-slide {margin: 0px 20px;}
.slider-nav .slick-slide img {width: 100%;}
.slider-nav .slick-prev:before,.slider-nav .slick-next:before {color: black;}
.slider-nav .slick-slide {transition: all ease-in-out .3s; opacity: .2;}    
.slider-nav .slick-active {opacity: .7;}
.slider-nav .slick-current {opacity: 1;}
.slider-nav .slick-prev {left:40%; z-index:1000;}
.slider-nav .slick-next {right:40%; z-index:1000;}
.slider-nav .slick-list {padding:24px 56px !important; /* margin-left:24px !important; */}
.slider-nav .slick-dots li.slick-active button:before {color:#037CC2;}

.main-sponsor {margin: 80px auto 48px; text-align: center;}
.main-sponsor h3 {margin-bottom: 8px; font-size: 32px; line-height: 48px;}
.main-sponsor p {font-size: 14px; line-height: 16px;}
.main-sponsor__list {display: inline-block; width: 100%; margin-top: 40px;}
.main-sponsor__item {float:left; width:calc(100% / 5); height:56px;}
.main-sponsor__item a {line-height:56px;}
.main-sponsor img {width:184px; margin:0 auto;}

.main-course:before {content:''; display: inline-block; position: absolute; left:0; top:-104px; z-index:-1; width:100%; height:170px; background: url(../images/main/course_vector.svg) no-repeat 0px 0px; }
.main-course {position: relative; margin-top: 16rem; padding-bottom:10.4rem; text-align: center; background:#DAEBF4;}
.main-course h3 {margin-bottom: 16px; padding-top: 4.8rem; font-size: 3.2rem; line-height: 48px;}
.main-course p {font-size: 1.6rem; line-height: 24px;}

.main-course__list {margin-top: 80px;}
.main-course .icons {text-align: center;}
.main-course .icons object{ display: block; margin:1.6rem 0; }
.main-course .icons embed{width: 50%; max-width:80px; pointer-events:none;}
.main-course__item .icons span {display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 500; text-align: center;}
.main-course__item {display: inline-block; position: relative; width: calc((100% / 5) - 2px); }
.main-course__item:after { width: 200px; height: 200px; background: #eee; content: ''; position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.main-course__top {position: absolute; left:0;}

.banner {position: relative; width:100%; height:168px; display:flex; align-items:center; justify-content:center; overflow:hidden; background-size:cover;}
.banner img {max-width:fit-content;}
.banner-container {position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.banner .mobile-ad {display:none;}

.sub-sponsor img {width: 160px;}
.sub-sponsor .slick-slide {/* margin: 0px 20px; */}
.sub-sponsor .slick-slide img {/*width: 100%;*/ }
.sub-sponsor .slick-prev:before, .slick-next:before { color: black; }
.sub-sponsor .slick-slide { transition: all ease-in-out .3s; width:160px; }
.sub-sponsor .slick-active, .sub-sponsor .slick-current {opacity: 1; }
.sub-sponsor .slick-prev {left:-5% !important; z-index:1000;}
.sub-sponsor .slick-next {right:-5% !important; z-index:1000;}
.sub-sponsor .slick-prev:before, .sub-sponsor .slick-next:before {font-size:40px !important; color:#b7b7b7 !important;}
.sub-sponsor__list {margin:64px 32px 32px;}
.sub-sponsor .slick-prev, .sub-sponsor .slick-next {width:auto; height:auto;}

.ad-application {position: relative; background: linear-gradient(365deg, #ECF8FF 6.31%, #FFFFFF 79.5%);}
.ad-application__bg {height:480px; background: url(../images/main/ad_application.png) no-repeat top right;}
.ad-application__bg:after {content: ''; display: block; width: 100%; height: 100%; background: rgb(0,0,0,0.05);}
.ad-application__text {float:left; width:100%; max-width:576px; padding-top:11.2rem;}
.ad-application__text h4 {width:100%; margin-bottom: 2.4rem; font-size: 3.2rem; font-weight: 700; line-height: 48px; text-align: left;}
.ad-application__text p {width: 100%; font-size: 2.4rem; font-weight: 600; line-height: 40px; text-align: left; color:#778aa3;}
.ad-application__button {margin-top: 3.2rem; padding: 1.6rem 3.2rem; border-radius: 16px; background: linear-gradient(90deg, #57A3FC 0%, #2EE2A1 100%); font-size: 1.6rem; color:#fff; letter-spacing: 0.8px;}
.ad-application__link {margin-top: 2.4rem;}
.ad-application__link a:first-child {margin-right: 0.8rem;}

.color-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.05);}


/*
footer {padding:0.8rem 0 4rem;  border-top: 1px solid #c7c7c7;}
.footer {font-size: 1.4rem; color:#666;}

.footer-utill {border-bottom:1px solid #c7c7c7;}
.footer-utill li {float:left; margin-right:1.6rem; padding:0.8rem 0 1.6rem;}

.footer-contents {margin:2.4rem auto 0;}
.footer-contents dt {float:left; width: 20%;}
.footer-contents dt img {max-height:40px;}
.footer-contents dd {margin-left:20%;}

.float-banner {position: fixed; top: 728px; right: 5%; z-index: 1; text-align: center;}
.float-banner li {cursor:pointer;}
.float-banner .top-button {width:64px; height:64px; margin:0 auto; border-radius:50%; background:#037CC2; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.35);}
.float-banner .top-button img {padding-top: 22px;}
.float-banner .float-sponsor {width:200px; height:56px; border-radius:8px; background:#fff; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1);}
.float-banner .float-sponsor {margin-bottom: 8px;}
.float-banner .float-sponsor img {border-radius:16px;}
*/

/* 서브 페이지 */

.sub header {position:unset;}
.sub .utill:after {border-bottom:1px solid #eee;}
.sub .utill__list ul.language {color:#333;}
.sub .btn-dropdown {color:#333;}

.sub-visual {position: relative; /*padding-top: 94px;*/}
.sub-menu {display:block; position: absolute; bottom:-24px; left:50%; z-index:9; transform:translatex(-50%); width: 100%; max-width:1608px; border:1px solid #ddd; background:#fff;}
.sub-menu__list {/*display: inline-block;*/}
.sub-menu__item {float: left; padding:12px 24px; width:240px; border-right:1px solid #ddd; border-radius:0; font-size: 16px; font-weight: 500; line-height:24px; text-align: left;}
.sub-menu__item.home {width:64px;}
.sub-menu__item i {display: inline-block; float:right; line-height:24px;}

.sub .mobile-button span {background:#333;}
.sub .mobile-button::before, .sub .mobile-button::after {background:#333;}
.sub .mobile-button:hover {background: rgb(196,196,196,0.2);}


/*
.sub-contents {padding:10.4rem 1.6rem 16rem;}
.sub-contents.mod {padding:10.4rem 0 0rem;}
*/

.sub-container__tab {display: flex; width: 100%; margin-bottom: 8rem;}
.sub-container__tab button {flex: 1 1 33.3%; padding: 1.2rem 1.6rem; border-radius: 0; border: 1px solid #eee; font-size: 1.6rem; font-weight: 400; }
.sub-container__tab button:not(:last-child) {border-right: none;}
.sub-container__tab button.active {background: #7bbd62; text-shadow: 0 0 .1px #fff; color:#fff; font-weight: 500;}
.sub-container__tab button.active:hover {color: #fff;}
.sub-container__tab button:hover {/*background: rgba(3, 124, 194, 0.04);*/ text-shadow: 0 0 .1px #037cc2; color:#7bbd62; font-weight: 500;}

/*
.sub-title {position: relative; margin-bottom: 4.8rem;}
.sub-title h2 {margin-bottom: 1.6rem; font-size: 4rem; line-height:56px; font-weight: 600;}
.sub-title p {font-size: 1.6rem; line-height:32px; color:#666;}
*/

/*
.sub-menu__list li {position: relative; float:left;}
.sub-menu__list .home .sub-menu__item {width:64px;}
.sub-menu__list .list {display:none; position: absolute; top:48px; left:0; width: 240px; border:1px solid #eee; background:#fff;}
.sub-menu__list .list li {width: 240px; border-bottom: 1px solid #eee; font-size: 16px; }
.sub-menu__list .list li:hover {background:#eee;}
.sub-menu__list .list li a {display: block; padding: 8px 24px;}
*/

/*
.breadcrumb {position: absolute; top:0; right:0;}
.breadcrumb ul {display: inline-block;}
.breadcrumb li {float:left; margin:0 4px; font-size: 1.6rem; line-height:24px; color:#666;}
.breadcrumb li.active {font-weight: 600;}
*/

/*
.form-input {height:48px; padding:0 16px; background: #F7F7F7; box-shadow: inset 0px 2px 2px -1px rgba(74, 74, 104, 0.1); border-radius: 8px; border:1px solid #eee; font-size: 16px;}
.form-input.white {background:#fff;}
.form-input40 {height:40px; padding:0 16px; background: #F2F2F2; box-shadow: inset 0px 2px 2px -1px rgba(74, 74, 104, 0.1); border-radius: 8px; border:1px solid #eee; font-size: 16px;}

.form-input1 {height:48px; padding:0 16px; background: #ffffff;  border-radius: 8px; border:1px solid #fff; font-size: 16px;}
.form-input1.white1 {padding:0; background:#fff; -webkit-appearance:none;-webkit-border-radius:0;}

.form-select {height:48px; padding:0 16px; background: #Fff; box-shadow: inset 0px 2px 2px -1px rgba(74, 74, 104, 0.1); border-radius: 8px; border:1px solid #eee; font-size: 16px; }

.form {width: 100%; font-size: 1.3rem; font-weight: 700; line-height:18px;}
.form dl {border-top: 3px solid #eee; border-bottom: 1px solid #eee;}
.form dt {float:left; position:relative; width: 190px; padding: 32px 24px 0; box-sizing: border-box; font-size: 16px; font-weight: 500; }
.form40 dt {padding-top:28px;}
.form dt.required:before {content: '*'; display: inline-block; position: absolute; top: 24px; left: 14px; color: #E5006E; }
.form dd {box-sizing: border-box; padding: 16px; }
.form dd ~ dt,
.form dd ~ dd {border-top: 1px solid #eee;}
.form dd {margin-left: 190px;}
.form dd:after {content: ""; display: block; clear: both;}
.form .row2 + .form dd:after {content:none;}

.form-blank dt {padding:24px;}
.form-blank dd {padding:24px;}
.form-blank dd:after {display:none;}

.input-txt {display: inline-block; padding-left: 16px; font-size: 1.4rem;  font-weight: 500; color:#666;}
.input-txt1 {display: inline-block; padding-left: 16px; font-size: 1.6rem;  font-weight: 500;}

.form-add {padding:16px; font-size:1.5rem; line-height:24px;}

.btn-form { margin-left:4px; padding: 14px 24px; background: #FFFFFF; border: 1px solid #666; box-sizing: border-box; border-radius: 8px; font-size: 14px; font-weight: 500; color:#666;}
*/

/*
.button-wrap {margin-top: 8rem; text-align: center;}
.button-wrap button:first-child {margin-right: 8px;}
*/

#cellnum {margin-right:0.8rem; font-size: 1.8rem;}

/** BOARD **/
.board-utill {text-align: right;}
.board-utill ul {display: flex;}
.board-utill li {float:left; margin-left:8px;}

.record-utill {margin-bottom: 4.8rem; padding:1.6rem; background:#f1f1f1; text-align: center;}
.record-utill ul {display: inline-block;}
.record-utill li {float:left; margin-left:4px;}
.record-utill ul button {margin-left:0;}

.player-name {position: relative; margin-bottom:2.4rem; border-bottom:1px solid #eee;}
.sub-detail .player-name h4 {margin-left: 8px; margin-bottom: 8px; font-size: 24px; line-height: 32px;}
.player-name button {position: absolute; top:4px; right:0;}

.board__list { border-top: 2px solid #333; border-bottom: 1px solid #eee; margin-bottom: 2rem; margin-top: 2rem;}
.board__list > div > ul.board__align { display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; padding: 2.4rem 0;}
.board__list > div > ul > li {/*padding: 2.4rem;*/ font-size: 1.6rem; font-weight: normal; }
.board__list > div > ul > li::before { display: none }
.board__list > div > ul > li:first-child { border-left: 0 }

@media screen and (min-width: 768px) {
	.board__list > div > ul.board__align {flex-direction: row; align-items: center; gap: 4rem;}
}

.board__list > .board__head { border-bottom: 1px solid #bfbfbf; }
.board__list > .board__head > ul li { color: #333; font-weight: 700; }
.board__list > .board__body > ul { border-bottom: 1px solid #e4e4e4; }
.board__list > .board__body.total > ul { border-bottom: none; }
.board__list > .board__body > ul:hover {background:#fbfbfb;}
.board__list > .board__body > ul:last-child {/*  border-bottom: 0 */ }
.board__list > .board__body .notice { color: #037CC2; font-weight: 600; }
.board__list > .board__head > ul li.title { width: auto; text-align: center; }
.board__list > .board__body > ul > li.title { width: auto; padding:1.6rem; text-align: left; }
.board__list > .board__body > ul > li a span{ display: inline-block; vertical-align:middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.board__list > .board__body > ul > li.file a { text-align: center; width: 100%; }
.board__list > .board__body > ul > li span.re-num { color: #d85430; }
.board__list > .board__body > ul > li a:hover { text-decoration: underline; }
.board__list > .board__body > ul > li a.btn-line { display: inline-block; width: auto; }
.board__list > .board__body > ul > li a.btn-line:hover { color: #fff; text-decoration: none; }
.board__list > .board__body > ul > li.W13 { width: 13% }
.board__list > .board__body > ul > li.W8 { width: 8% }
.board__list .W13 { width: 13% }
.board__list .W8 { width: 8% }
.board__list > .board__head > ul li.title + li.W13,
.board__list > .board__body > ul li.title + li.W13 { width: 20% }

.board__list > .board__body > ul li.board__image {}
.board__list > .board__body > ul li.board__image--desc {flex: 1;/*width:136px;padding: 1.6rem 2.4rem; text-align: left;*/ }
.board__list > .board__body > ul li.board__image--desc i {margin:4px 4px 0 0; font-size: 16px; vertical-align:text-top;}
.board__list > .board__body > ul li.board__image--desc .date {margin-bottom:8px; font-size: 16px; font-weight: 300; line-height: 16px;}
.board__list > .board__body > ul li.board__image--desc .title {margin-bottom: 4px; font-size: 20px; font-weight: 600; line-height: 32px;}
.board__list > .board__body > ul li.board__image--desc .user {font-size: 16px; line-height: 24px;}
.board__list > .board__body > ul li.board__image--desc .period {margin-top: 16px;}
.board__list > .board__body > ul li.board__image--desc .period span {width: 96px; height: 40px; border-radius: 999px; /* border: 1px solid #eee; */}

.board.apply .board__list > .board__body > ul > li.board__image {display: inline-block; position: relative; width: 336px; height: 200px; padding-top: inherit;}
.board.apply .board__list > .board__body > ul > li.board__image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.board.apply .board__list > .board__body > ul > li.board__image--desc { flex: 1; /* width: calc(100% - 338px); */}
@media (max-width: 768px){
	.board.apply .board__list > .board__body > ul > li.board__image {display: inline-block; position: relative; width: 336px; height: inherit; padding-top: 59%;}
	/*.board.apply .board__list > .board__body > ul > li.board__image {display:table-row;}*/
	/*.board.apply .board__list > .board__body > ul > li.board__image--desc {width: 100%;}*/
}


.pager {display:table; margin:48px auto 0;}
.pager a {display:table-cell; width:40px; height:40px; border-radius:50%; background:#fff; vertical-align: middle; font-size: 16px; font-weight: 600; line-height:16px; color:#333; text-align: center;}
.pager a.number:last-child {padding-right:8px;}
.pager a.number:hover {background:#333; color:#fff;}
.pager a.number.active {background:#333; color:#fff;}
.pager a.arrow {padding: 0 4px;}
.pager a:last-child {padding-right: 0;}
.pager object {pointer-events:none;}

/* GALLERY */

.board-rank {display: block; width: 100%; margin-bottom: 40px;}
.rank {display: inline-block; float:left; width:calc((100% / 2) - 16px); padding:24px; background: #FFFFFF; box-shadow: 0px 6px 18px rgba(0, 0, 0,
0.06); border-radius: 8px;}
.rank.weekly {margin-right: 32px;}
.rank.monthly {float:right;}

.rank__title h3 {position: relative; margin:0 14px; padding-bottom: 8px; border-bottom:1px solid #333; font-size: 24px; font-weight: 700; line-height: 40px; }
.rank__title span {position: absolute; right:0; bottom:8px; font-size: 16px; font-weight:400; line-height: 24px; }
.rank__list {margin-top: 16px;}
.rank__item {padding:8px 16px; font-size: 16px; line-height:24px;}
.rank__item ul {display: inline-block; width: 100%;}
.rank__item ul li {float: left; font-size: 16px; line-height:24px;}
.rank__item ul li:first-child {width:20%;}
.rank__item ul li:nth-child(2) {display: inline-block;width: 65%; max-width:380px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.rank__item ul li:last-child {width: 15%; text-align: right;}

.gallery {margin-top: 2.4rem;}
.gallery__list {display: inline-block; width: 100%;}
.link-dum {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 82%; z-index: 1;}
.gallery__item {position: relative; width:calc((100% / 3) - 22px); margin:0 3.2rem 3.2rem 0; background: #FFFFFF; box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1); border-radius: 8px;float: left;}
.gallery__img {position: relative; width: 100%; /*height: auto; max-height:328px;*/ height:326px; display: flex; align-items: center; justify-content: center; overflow: hidden; background-size: cover;}
.gallery__img img {width: 100%; height:auto; min-height:326px;}
.gallery__item:nth-child(3n) {margin-right:0;}
.gallery__desc {padding:2.4rem;}
.gallery__desc--info .date {min-height:16px; margin-bottom: 0.8rem; font-size: 1.6rem; line-height:16px;}
.gallery__desc--info .title {min-height:32px; margin-bottom: 0.4rem; font-size: 2rem; line-height:32px; font-weight: 600;}
.gallery__desc--info .user {min-height:24px; font-size: 1.6rem; line-height:24px;}

.gallery__desc--utill {display: inline-block; margin-top: 2.4rem; font-size: 1.6rem; line-height:24px;}
.gallery__desc--utill li {float:left;}
.gallery__desc--utill button {width:96px; height:40px; padding:0 8px; border-radius:999px; /* background:#eee; */ border:1px solid #eee;}
.gallery__desc--utill li.like button:hover {background:#037CC2; color:#fff;}
.gallery__desc--utill li.like button.active {background:#037CC2; color:#fff;}
.gallery__desc--utill li:first-child {margin-right:1.6rem;}
.gallery__desc--utill li i {float: left; padding-right:1.6rem; font-size: 2.4rem;}
.gallery__desc--utill li span {vertical-align:top;}
.gallery__desc--utill li a {display: block;}

/* BOARD READ */


.read__title h4 {padding: 1.6rem 0; border-top:1px solid #333; font-size: 2.4rem; font-weight: 700; line-height: 56px; text-align: center;}
.read__title .txt-center {width:100%; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.read__user {display: inline-block; padding:1.6rem 0; font-size: 16px; font-weight: 400; line-height: 24px;}
.read__user li {float: left; margin-right: 1.6rem; color:#666;}
.read__user li:last-child {margin-right: 3.2rem;}
.read__user li strong {margin-right:0.4rem; font-weight:600; color:#333;}
.read__contents {min-height:400px; padding:8px 0; border-bottom:0; font-size: 1.6rem;}
.read__contents img {height: auto !important;}  
.read__attach {padding:1.6rem 2.4rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.read__attach ul {display: inline-block; font-size: 1.6rem; line-height: 24px;}
.read__attach li {float:left;}
.read__attach li:first-child {margin-right: 3.2rem;}

.read__button {margin-top: 2.4rem;}
.read__button .btn-wrap {display: inline-block;}
.read__button .btn-wrap.right {float:right;}
.read__button .btn-wrap.right button:last-child {margin-left:16px;}

.read__view {margin-top:4.8rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.read__view dl {display: inline-block; width: 100%; padding:1.6rem; font-size: 1.6rem; line-height: 24px;}
.read__view dl:hover {background: #fbfbfb;}
.read__view dl:first-child {border-bottom:1px solid #ddd;}
.read__view dt {display: inline-block; float:left; margin-right:16px;}
.read__view dd {float:left; margin:0;}
.read__view dd:first-child {margin-right: 3.2rem; }

.down_att [class*='file_input_'] {height: 40px;}
.file_input_div {display: inline-block; position: relative; top:0; width:104px; margin-right:0; }
.file_input_button {position: absolute; top: 50%; height: 40px; background-color: #f8f8f8; color: #555555; border: 1px solid #dadada; line-height: 1; background: #FFFFFF; border: 1px solid #666; box-sizing: border-box; border-radius: 8px; font-size: 14px; font-weight: 500; color: #666;}
.file_input_hidden {font-size: 45px; position: absolute; right: 0px; top: 50%; opacity: 0;}
.MultiFile-title {font-size: 14px; font-weight: 500; line-height: 32px;}

/** LOGIN **/
/*
.login-box {width: 100%; background: #FFFFFF; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.2); border-radius: 24px;}
.login-box .form dl {border:none;}
.login-box .form dd ~ dt, .login-box .form dd ~ dd {border-top:none;}
.login-left {display: inline-block; width: 50%; height: 640px; border-bottom-left-radius: 24px; border-top-left-radius: 24px; background:url("../images/sub/login_banner01.jpg") no-repeat center; background-size:cover; text-indent:-999em;}
.login-left.record {background:url("../images/sub/record_banner01.jpg") no-repeat center; background-size:cover; }
.login-right {display: inline-block; float:right; width: 50%; padding:4.8rem 4rem; }
.login-right h3 {margin-bottom: 3.2rem; text-align: center;}

.login-box .form dt {width:100%; padding:1.6rem 2.4rem;}
.login-box .form dd {margin-left: 0;}
.login-box .form dd.find-id {padding:0.8rem 1.6rem; text-align: center; font-size: 1.6rem;}
div#grecaptcha > div {margin:0 auto;}
.login-box .button-wrap {margin-top: 2.4rem; padding:0 1.6rem;}
.login-box .find-info {margin-top: 1.6rem; font-size: 1.6rem; font-weight:400; text-align: center;}
.join__link {margin-top: 4rem; font-size: 16px; font-weight: 400; line-height:24px; text-align: center;}
.join__link > div {margin:0 1.6rem; padding:1.2rem 0.8rem; background:#ECF4FF;}
.join__link a {padding-left: 0.8rem;}
*/

/*
.stipulation {margin:4rem 0;}
.stipulation h2 {font-size: 2.4rem;}
.stipulation .box-scroll {width:100%; height:200px; margin:0.8rem 0; padding:1.6rem; overflow-y:scroll; border:1px solid #ddd; font-size: 1.4rem;}
.stipulation .check-wrap {font-size: 1.6rem;}
*/

/* 회원가입 - 회원유형 */

.select-nation-wrap {position: relative; padding-bottom: 8rem;}
.select-nation-wrap:before {content: ''; display: inline-block; position: absolute; left: 0; top: -104px; z-index: -1; width: 100%; height: 170px; background: url(../images/main/course_vector.svg) no-repeat 0px 0px;}
.select-nation {margin: 12rem 0 5.6rem; padding-top: 1.6rem; text-align: center;}
.select-nation h2 {position: relative; font-size: 2.4rem; text-align: center;}
.select-nation p {margin-bottom: 4rem; font-size: 1.4rem; text-align: center;}
.select-nation__item {display: inline-block; position: relative; width:240px; height:240px; padding: 3.2rem 1.6rem; background:#fff; box-shadow: 0px 6px 18px rgb(0 0 0 / 6%); border-radius: 0px 16px; vertical-align:top; cursor:pointer;}
.select-nation__item h3 {font-size: 1.8rem;}
.select-nation__item:hover, .select-nation__item.active {box-shadow:0 0 24px #0d4ea2;}
.select-nation__item.native {margin-right: 3.2rem;}
.select-nation__item .icons {height: 88px; text-align: center;}
.select-nation__item .icons object{ display: block; margin:1.6rem 0; }
.select-nation__item .icons embed{width: 50%; max-width:80px; pointer-events:none;}
.select-nation__item .icons span {display: block; position: absolute; bottom:24px; left:50%; transform:translatex(-50%); width: 100%; margin-top: 1.6rem; font-size: 1.6rem; font-weight: 500; line-height:16px; text-align: center;}


/** CONTEST APPLY **/

.apply-view {/* margin:0 1.6rem; */}
.apply-view h3 {margin-bottom: 1.6rem; padding:1.6rem 0; font-size: 3.4rem; line-height: 48px;}
.apply-view p {margin-bottom: 1.6rem; font-size: 1.4rem; line-height: 16px; text-align: justify;}
.apply-view__info {padding:0 0 1.6rem 0.8rem;/*  border-bottom:1px solid #333; */ font-size: 1.6rem; line-height: 24px;}
.apply-view__info li {margin-bottom: 4px;}
.apply-view__info li:before {content:''; display: inline-block; width:4px; height:4px; margin:0 8px 4px 0; border-radius:50%; background:#333; }

.apply-view__left {display: inline-block; float: left; width: 50%; /* padding: 1.6rem 5.6rem; */ padding:1.6rem 3.2rem; filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.1)); text-align: center; max-height:480px; overflow:hidden;}
.apply-view__left img {display: block; width: 100%; max-width: 327px; height: auto; margin:0 auto;}
.apply-view__right {display: inline-block; width: 100%; padding:1.6rem; }
.apply-view__right .btn--apply {/* margin-top: 2.4rem; width: 100%; */}

.item-header-section {padding: 1.6rem 0; margin: 0; border-bottom: 1px solid #eee; color: #666; font-size: 1.6rem;}
.item-header-info__title {margin-top: 0.8rem;}
.item-header-info__title .row {margin-bottom: 1.6rem;}
.item-header-info__title .title {margin-bottom: 1.6rem; font-size: 3.6rem; font-weight: normal; line-height: 1.4;}
.item-header-section__dt {float:left; width: 192px; font-weight: 400; color: #333;}
.item-header-section__dd {margin-left:192px; color: #666;}
.item-option-selected { position: relative; margin: 1.6rem auto; padding: 2.4rem; border: 1px solid #eee; font-size: 1.6rem; }
.item-option-selected__header {margin-bottom: 1.6rem; }
.item-option-selected-item { display: block; color: #333; padding-right: 1.6rem; font-size: 1.6rem; font-weight: 400; }
.item-option-selected-item__sub { display: block; position: relative; margin-bottom: 0.8rem; padding-right: 1.6rem; font-size: 1.6rem; color: #666; }
.item-option-selected__del {position: absolute; top:0; right:0; padding:2.4rem;}
.item-option-selected__footer {font-size: 1.8rem;}
.item-header-sum { display: block; font-size: 3rem; text-align: right; margin-top: 1.6rem; padding: 0 0 1.6rem; }
.item-header-sum__price {padding:0.8rem 0; border-top:2px solid #666; font-size: 1.6rem; color: #333;}
.item-header-sum__price strong { display: inline-block; margin: 0 0.8rem; font-size: 3rem; }

.apply-view__form {margin-top:1.6rem;}
.apply-view__form dt {margin-bottom: 0.8rem; font-size: 1.6rem; font-weight: 500; text-indent:4px; line-height:24px;}
.apply-view__form dd {margin-bottom: 1.6rem;}
.apply-view__form button {margin-left:0.8rem; vertical-align:bottom;}
.apply-view__form .price {margin-left:1.6rem; font-size: 2.4rem; line-height:40px; font-weight: 600; vertical-align:middle;}

.detail-view {margin-top: 5.6rem;}
.detail-view button {width: 200px; height: 56px; border-radius:0; border:1px solid #eee; border-bottom:2px solid #eee; outline:none; background:#fff; font-size: 1.6rem; font-weight: 500;}
.detail-view button.active, .detail-view button:hover {border-bottom:2px solid #037cc2; background: rgba(3, 124, 194, 0.04); text-shadow: 0 0 .1px #037cc2; color:#037cc2; }
.detail-view button:first-child {margin-right: 4px;}
.detail-contents {margin-top:-1px; padding:0.8rem; border-top:2px solid #eee;}

.apply-way {margin-top: 4rem;}
.apply-way dt {float:left; width:180px; height: 40px; font-size: 1.6rem; font-weight: 500; line-height:40px; text-indent:8px; color:#fff; letter-spacing:-0.5px;}
.apply-way dd {margin-bottom: 1.6rem; margin-left:180px; padding-top: 8px; font-size: 1.8rem; font-weight: 400; line-height:28px;}
.apply-way dd span {font-weight: 500;}
.apply-way dd:after {content: ""; display: block; clear: both;}

.apply-way dt.way-title01 {width:232px; background:url("../images/sub/apply_title01.png") no-repeat;}
.apply-way dt.way-title02 {background:url("../images/sub/apply_title02.png") no-repeat;}
.apply-way dt.way-title03 {background:url("../images/sub/apply_title03.png") no-repeat;}
.apply-way dt.way-title04 {background:url("../images/sub/apply_title04.png") no-repeat;}
.apply-way dt.way-title05 {background:url("../images/sub/apply_title05.png") no-repeat;}
.apply-way dt.way-title06 {background:url("../images/sub/apply_title06.png") no-repeat;}
.apply-way dt.way-title07 {background:url("../images/sub/apply_title07.png") no-repeat;}
.apply-way dt.way-title08 {background:url("../images/sub/apply_title08.png") no-repeat;}
.apply-way dt.way-title09 {background:url("../images/sub/apply_title09.png") no-repeat; text-indent:32px;}

/* .apply-way dt.way-title01 + dd span {font-weight: 500; color:#F37053;} */
/* .apply-way dt.way-title02 + dd span, .apply-way dt.way-title03 + dd span, .apply-way dt.way-title06 + dd span  {font-weight: 500; color:#ED1C24;} */
.apply-way dt.way-title05 + dd a {font-weight: 500; color:#00A5F7; word-break:break-all;}
.apply-way dt.way-title05 + dd a:hover {text-decoration:underline;}
/* .apply-way dt.way-title09 + dd span {font-weight: 500; color:#D851BE;} */

.apply-attention {margin-top: 4rem;}
.apply-attention .attention__img {/* height:40px; */ max-width:680px; padding:0.8rem 1.6rem; font-size: 2rem; font-weight: 500; line-height:24px; color:#fff; border-top-right-radius:999px; border-bottom-right-radius:999px; }
.apply-attention .attention__img.title01 {/* background:url("../images/sub/attention_title01.png") no-repeat; */ background: linear-gradient(180deg, #06749C 0%, #005D83 100%);}
.apply-attention .attention__img.title02 {/* background:url("../images/sub/attention_title02.png") no-repeat; */ background: linear-gradient(180deg, #337DB9 0%, #3769A0 100%);}
.apply-attention .attention__img.title03 {/* background:url("../images/sub/attention_title03.png") no-repeat; */ background: linear-gradient(180deg, #29A3D6 0%, #1287BD 100%);}
.apply-attention .attention__img.title04 {/* background:url("../images/sub/attention_title04.png") no-repeat; */ background: linear-gradient(180deg, #7D95A9 0%, #758B97 100%);}

.apply-attention .attention__img.title02 + ul > li span {font-weight: 500; color:#337DB9;}
.apply-attention .attention__img.title03 + ul > li span {font-weight: 500; color:#ED1C24;}

.apply-attention > ul {padding: 0.8rem 4rem 1.6rem;}
.apply-attention > ul > li {font-size: 1.8rem; font-weight: 400; padding-bottom:15px;}
.apply-attention > ul > li:before {content:''; display: inline-block; width:4px; height: 4px; margin-top: 14px; margin-right: 8px; border-radius:50%; background:#333; vertical-align: top;}



.apply-check {margin-top: 2.4rem;}
.apply-check li {margin-bottom:0.8rem; font-size: 1.8rem; font-weight: 500; line-height:40px;}
.apply-check li:before {background: url("../images/sub/check_mark.png") no-repeat 0px 0px; content: ""; display: inline-block; height: 40px; width: 40px; margin-right:1.6rem; vertical-align:middle;}
.apply-check li span {font-weight: 500;}
.apply-check li a {font-weight: 500; word-break:break-all;}
.apply-check li a:hover {text-decoration:underline;}

.contest-pay .blank {display:none;}
.contest-pay .board__head .image {text-indent:-999em;}
.contest-pay .board__list > .board__body > ul > li.w13 {width:13%;}
.contest-pay .board__list > .board__body > ul > li.name {flex: 1; text-align: left;}
.contest-pay .board__list > .board__body > ul > li.name dt {font-size: 1.8rem; font-weight: 600;}
.contest-pay .board__list > .board__body > ul > li.image img {display: block; width:100%; max-width:336px; height: auto;}
.contest-pay .board__list > .board__body > ul > li.total {font-size: 1.6rem; font-weight: 600;}
.contest-pay .board__list > .board__body.total {padding: 1.6rem; font-size: 1.6rem;}
.contest-pay .board__list > .board__body.total li {text-align: right;}
.contest-pay .board__list > .board__body.total li strong {margin:0 2.4rem; font-size: 1.8rem; line-height:24px;}
.contest-pay .board__list > .board__body.total .total-title {margin:0 2.4rem;}
.contest-pay .board__list > .board__body > ul > li i.xi-trash-o {font-size: 2.4rem;}

.pay-detail {margin-top: 8rem;}
.pay-detail__title {position: relative;}
.pay-detail__title h4 {display: inline-block; margin-bottom: 2.4rem; font-size: 2.4rem; line-height: 32px;}
.pay-detail__title .input-txt {display: inline-block; position: absolute; bottom:20px; right:0;}
.pay-detail .form.filled dd.form-conts {padding: 32px 0 32px 16px;}
.pay-detail .form.filled dt.id-number:after {content:'※ 보험가입용'; display:block; margin-top: 8px; font-size: 1.2rem; color:#666;}
.pay-detail .form.filled dd {font-size: 1.6rem; font-weight: 400; /* line-height:48px; */}
.pay-detail .form.filled dd.address {line-height: 24px;}
.pay-detail .form.filled dd.address select,
.pay-detail .form.filled dd.address input {margin-bottom: 0.8rem;}
.pay-detail .form.filled dd.address .address__view {margin-top:0.8rem;}
.pay-detail .form.filled dd.address .address__view li {display: inline-block;}

.pay-detail .form.filled .btn-form {margin-left: 0;}

.pay-complete {padding-top: 16px; text-align: center;}
.pay-complete p {padding-top:16px; font-size: 20px; font-weight: 500;}


/*ATTACHED FILE */
/* .down_att [class*='file_input_']{height: 28px;} */
.file_input_textbox {float:left; resize:none; line-height:14px; width:658px; border:1px solid #dadada;border-right:0 none}
.file_input_div {position:relative; width:100px; height:28px; overflow: hidden;}
.file_input_button {width:100px; position:absolute;top:0px; background-color:#f8f8f8; color:#555555; border:1px solid #dadada;line-height:1; cursor:pointer;}
.file_input_hidden {font-size:45px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}

/* 준비중 */
.preparation {margin-top: 4rem; text-align: center;}
.preparation img {max-width:320px;}
.untact-race {margin-top: 4rem; text-align: center;}
.untact-race img {max-width:720px;}

.notice-image {margin-top: 4rem; text-align: center;}
.notice-image__desc {margin-top: 2.4rem; font-size: 1.8rem; font-weight: 500; line-height:32px;}

/* 역대입상자 */
.successive-winner .board-utill {display: flex; justify-content: space-between;}
.successive-winner .board-utill .year {display: flex; gap:8px;}
.top-winner {margin:0 auto 8rem; max-width:1040px;}
.top-winner__list {display:flex; justify-content:center;}
.top-winner__item {display: inline-block; float: left; position: relative; width:calc((100% / 3) - 22px); margin-right:3.2rem; padding:7.2rem 0; box-shadow: 0px 0.6rem 1.8rem rgba(0, 0, 0, 0.06); border-radius: 0px 16px; background: #FFFFFF;}
.top-winner__item:last-child {margin-right: 0;}
.top-winner__item.gold {background:url("../images/sub/playerbg_gold.png") no-repeat bottom right;}
.top-winner__item.silver {background:url("../images/sub/playerbg_silver.png") no-repeat bottom right;}
.top-winner__item.bronze {background:url("../images/sub/playerbg_bronze.png") no-repeat bottom right;}
.top-winner__item img {position: absolute; left:16px; top:0; width:48px;}
.top-winner__item dl {text-align: center;}
.top-winner__item dt {position: relative; margin-bottom: 5.6rem; font-size: 2.4rem; font-weight: 600; line-height:40px;}
.top-winner__item dt:after {position: absolute; bottom:-16px; left:50%; transform:translatex(-50%); content:''; display: inline-block; width:72px; height:2px; background:#c4c4c4;}
.top-winner__item dd.country {margin-bottom: 1.6rem; font-size: 1.8rem; font-weight: 500; line-height: 24px;}
.top-winner__item dd.record {font-size: 2rem; font-weight: 600; line-height: 32px;}

.board__body .board-medal {width:16px;}

@media(max-width: 768px) {
	.successive-winner .board-utill,.successive-winner .board-utill .year,.board-utill ul {
		flex-direction: column;
	}
}


/* 대회책자 */
.broshure .apply-view__right {width:50%;}
.broshure .apply-view__right p {color:#666;}
.broshure .apply-view__right p strong {margin-right: 24px; font-size: 24px; color:#333;}
.broshure .apply-view__info i {margin-left:8px;}
.broshure .broshure-btns dd {display: inline-block;}
.broshure .broshure-btns dd.alert {margin-left: 8px; font-size: 14px;}

.sub-detail {margin-top: 8rem;}
.sub-detail h4 {margin-left: 8px; margin-bottom: 32px; font-size: 24px; line-height: 32px;}
.sub-detail .board__list > .board__body > ul > li {padding:0.8rem 0;}

.manage-plan {padding:8px; font-size: 1.6rem; text-align: center;}
.manage-plan__item {display: inline-block; width:calc(33% - 14px); height:400px; margin-right:2.4rem; padding:4rem 3.2rem; border-top-right-radius: 40px; border-top-left-radius: 40px; /* background:#F2F8FC; */ vertical-align:top; box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.1);}
.manage-plan__item:last-child {margin-right:0;}
.manage-plan__item h5 {margin-bottom: 3.2rem; font-size: 2rem; line-height:32px; text-align: center;}
.manage-plan__item dt {float:left; width:80px; font-weight: 500; text-align: left;}
.manage-plan__item dd {margin-left:80px; margin-bottom: 8px; text-align: left;}

/* 대회수상 기록 */
.accordion__wrap {margin-bottom: 48px;}
.accordion__title {position: relative; width: 100%; margin-bottom: 8px; padding:16px 24px; border:1px solid #eee; background:#fff; box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06); font-size: 18px; font-weight: 500; line-height:32px; text-align: left; }
.accordion__title:hover, .accordion__title.active {background:rgb(252, 252, 241);}
.accordion__title i {position: absolute; right:0; padding:4px 24px; font-size: 24px;}
.accordion__contents {display:none;}
.accordion__image {margin:16px; text-align: center;}
.accordion__image.video {display: inline-block; position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 40%;}
.accordion__image.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.accordion__title.active .accordion__contents {display:block;}

/* 대회결과 */
.contest-result__item {position: relative; display: inline-block; float: left; width:calc((100% / 3) - 22px); margin-right:32px; padding:96px 0 72px; box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06); border-radius: 0px 16px; background: #FFFFFF;}
.contest-result__item .link-dum {height:100%;}
.contest-result__item:last-child {margin-right: 0;}
.contest-result__item.gold {background:url("../images/sub/playerbg_gold.png") no-repeat bottom right;}
.contest-result__item.silver {background:url("../images/sub/playerbg_silver.png") no-repeat bottom right;}
.contest-result__item.bronze {background:url("../images/sub/playerbg_bronze.png") no-repeat bottom right;}
.contest-result__item dl {text-align: center;}
.contest-result__item dt {margin-bottom: 4px; font-size: 14px; color:#888;}
.contest-result__item dd.category {margin-bottom: 24px; font-size: 20px; font-weight: 500;}
.contest-result__item dd.title {margin-bottom: 16px; font-size: 24px; font-weight: 600; line-height:40px;}
.contest-result__item dd.link {position: absolute; bottom:0; right:0; padding:40px; font-size: 14px;}

/* 역대대회현황 */

.sub-desc__wrap {margin-bottom: 4rem;}
.sub-desc li {display: inline-block; float:left; padding-top:16px;}
.sub-desc li:first-child {}
.sub-desc li.title {width:calc(30% - 32px); margin-right:32px; padding-left: 8px; border-top:4px solid #333; font-size: 24px; font-weight: 600; line-height: 32px; }
.sub-desc li.contents {width:70%; padding-left:16px; border-top:1px solid #333; font-size: 16px; line-height:24px;}
.sub-desc li.contents dl {margin-bottom: 8px;}
.sub-desc li.contents dl.indent dt {float:left; width:104px; font-weight: 500;}
.sub-desc li.contents dl.indent dd {margin-bottom: 0.8rem; margin-left:104px;}
.sub-desc li.contents dl.indent dd:before {display:none;}
.sub-desc li.contents dd:before {content:''; display:inline-block; width:4px; height:4px; margin-right:8px; border-radius:50%; background:#333; vertical-align:middle;}

.sub-desc li.contents dl.sub-title {margin-bottom: 3.2rem;}
.sub-desc li.contents dl.sub-title dt {font-weight: 500;}
.sub-desc li.contents dl.sub-title dd {margin: 0.8rem 0;}

/* 역대대회현황 - 테이블 */

.responsive-table {width:100%; border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-top:1px solid #02A0E9;border-left:1px solid #02A0E9; /*margin-bottom: 26px;*/ font-size: 1.6rem; font-weight: 400; text-align: center;}
.responsive-table caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.responsive-table thead {position: relative;}
.responsive-table thead:after {content: ''; width: 100%; display: block; height: 4px; background: #fff; position: absolute; bottom: -4px; border-bottom: 2px solid #02A0E9;}
.responsive-table th {padding:4px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;background-color:#02A0E9; font-weight: 400; color:#fff;}
.responsive-table td {padding:4px;border-right:1px solid #02A0E9;border-bottom:1px solid #02A0E9;}
.responsive-table td.year {background-color:#C6E8FA;}
.responsive-table td.year.covid19 {background:#9ED7F5; color:#81AFC9; }
.responsive-table td.date.covid19 {background:#D0ECFA; font-size: 1.8rem; font-weight: 600; color:#0098de; line-height:80px;}

.responsive-table td.abroad, .responsive-table td.domestic {word-break:keep-all;}


/* 대회개요 */
/*
.outline {margin-bottom: 4rem;}
.outline dl { padding:0 4rem;}
.outline dt {float:left; width:176px; margin-bottom: 4px; font-size: 2rem; font-weight: 600; line-height:32px;}
.outline dt:before {content:''; display: inline-block; width:13px; height: 13px; margin-right:8px; border-radius:50%;}
.outline__margin {margin-top: 1.6rem; margin-bottom: 3.2rem !important;}
.outline__table {border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center; line-height: 24px;}
.outline__table th {height: 64px; border-bottom: 1px solid #eee; background: #fff7e9;}
.outline__table td {height: 64px;}


.outline.elite dt:before {border: 4px solid #FAA61A;}
.outline.master dt:before {border: 4px solid #40AEAD;}
.outline.foreigner dt:before {border: 4px solid #827AB5;}
.outline.run-fun dt:before {border: 4px solid #00ADEF;}
span.elite {color:#FAA61A;}
span.master {color:#40AEAD;}
span.foreigner {color:#827AB5;}


.outline.strategy dt:before {border: 4px solid #40AEAD !important;}
.outline.outline-conts dt:before {border: 4px solid #FAA61A;}
.outline.elite dt:before {border: 4px solid #00ADEF;}
.outline.master dt:before {border: 4px solid #40AEAD;}
.outline.foreigner dt:before {border: 4px solid #827AB5;}
.outline.uljin dt:before {border: 4px solid #E5006E;}
span.strategy {color:#40AEAD;}
span.outline-conts {color:#FAA61A;}
span.elite {color:#00ADEF;}
span.master {color:#40AEAD;}
span.foreigner {color:#827AB5;}
span.uljin {color:#E5006E;}

.outline dd {margin-left:176px; margin-bottom: 4px; font-size: 1.8rem; font-weight: 400; line-height:32px;}
.outline dd:after {content: ""; display: block; clear: both;}


.outline__title {width:100%; height:64px; padding-left:104px; font-size: 1.8rem; color:#fff; font-weight: 600; line-height:40px;}

.outline__title.elite {background:url(../images/sub/outline_title01.png) no-repeat;}
.outline__title.master {background:url(../images/sub/outline_title02.png) no-repeat;}
.outline__title.foreigner {background:url(../images/sub/outline_title03.png) no-repeat;}
.outline__title.run-fun {background:url(../images/sub/outline_title04.png) no-repeat;}


.outline__title.outline-conts {background:url(../images/sub/outline_title01.png) no-repeat;}
.outline__title.strategy {background:url(../images/sub/outline_title02.png) no-repeat;}
.outline__title.master {background:url(../images/sub/outline_title02.png) no-repeat;}
.outline__title.elite {background:url(../images/sub/outline_title04.png) no-repeat;}
.outline__title.foreigner {background:url(../images/sub/outline_title03.png) no-repeat;}
.outline__title.uljin {background:url(../images/sub/outline_title_uljin.png) no-repeat;}
*/

.record-result__list {width:calc(50% - 16px); margin-right:16px; font-size: 1.6rem; float:left;}
.record-result__list:last-child {margin-right:0;}
.record-result__list h5 {margin-bottom: 0.8rem; margin-left:0.8rem; font-size: 1.6rem;}
.record-result__list dl {position: relative;}
.record-result__list dl:after {content: ''; width: 100%; height: 1px; background: #ddd; display: inline-block; position: absolute; left: 0; bottom: -6px;}
.record-result__list dt {float:left; width:152px; padding:0 0.8rem;}
.record-result__list dd {min-height:28px; margin-bottom: 0.8rem; margin-left:152px;}

/* 기록조회 */

.record-table {width: 100%; font-size: 1.6rem; line-height:24px; margin-bottom: 3.2rem; border-top:1px solid #333;}
.record-table thead {background-color: #f1f1f1; color: #333;}
.record-table th,.record-table td {text-align: center; border: 0; border-bottom: 1px solid gray; height: 80px; border-right: 1px solid gray;}
.record-table th:first-child,.record-table td:nth-child(2) {border-left:1px solid gray;}
.record-table th.hidden-title {display:none;}

@media (max-width: 768px) {
	.record-table th, .record-table td {display: block; float: left;}
    .record-table th {width: 100%; height:56px; background-color: #f1f1f1; color:#333; padding-top: 14px; font-size: 1.6rem;}
    .record-table td {width: 50%;}
    .record-table thead th {display: none;}
    .record-table th.hidden-title {display:table-cell;}
    .record-table td::before {display: block; font-weight: bold; margin-top: 0.8rem; margin-bottom: 0.8rem;}
    html:lang(ko) .record-table td:nth-child(2):before {content: "배번 (BIB)";}
    html:lang(en) .record-table td:nth-child(2):before {content: "BIB";}
    html:lang(ko) .record-table td:nth-child(3):before {content: "단체명 (Group)";}
    html:lang(en) .record-table td:nth-child(3):before {content: "Group";}
    html:lang(ko) .record-table td:nth-child(4):before {content: "종목 (Race)";}
    html:lang(en) .record-table td:nth-child(4):before {content: "Race";}
    html:lang(ko) .record-table td:nth-child(5):before {content: "성별 (Sex)";}
    html:lang(en) .record-table td:nth-child(5):before {content: "Sex";}
    html:lang(ko) .record-table td:nth-child(6):before {content: "최종기록 (Record)";}
    html:lang(en) .record-table td:nth-child(6):before {content: "Record";}
    html:lang(ko) .record-table td:nth-child(7):before {content: "전체 (Overall) 순위";}
    html:lang(en) .record-table td:nth-child(7):before {content: "Overall Rank";}
    html:lang(ko) .record-table td:nth-child(8):before {content: "성별 (Sex) 순위";}
    html:lang(en) .record-table td:nth-child(8):before {content: "Sex Rank";}
    html:lang(ko) .record-table td:nth-child(9):before {content: "연령 (Age) 순위";}
    html:lang(en) .record-table td:nth-child(9):before {content: "Age Rank";}
    
    html:lang(ko) .record-table.untact td:nth-child(2):before {content: "배번 (BIB)";}
    html:lang(en) .record-table.untact td:nth-child(2):before {content: "BIB";}
    html:lang(ko) .record-table.untact td:nth-child(3):before {content: "종목 (Race)";}
    html:lang(en) .record-table.untact td:nth-child(3):before {content: "Race";}
    html:lang(ko) .record-table.untact td:nth-child(4):before {content: "나이 (Age)";}
    html:lang(en) .record-table.untact td:nth-child(4):before {content: "Age";}
    html:lang(ko) .record-table.untact td:nth-child(5):before {content: "성별 (Sex)";}
    html:lang(en) .record-table.untact td:nth-child(5):before {content: "Sex";}
    html:lang(ko) .record-table.untact td:nth-child(6):before {content: "거리(Distance)";}
    html:lang(en) .record-table.untact td:nth-child(6):before {content: "Distance";}
    html:lang(ko) .record-table.untact td:nth-child(7):before {content: "시간(Time)";}
    html:lang(en) .record-table.untact td:nth-child(7):before {content: "Time";}
    html:lang(ko) .record-table.untact td:nth-child(8):before {content: "시간(Time)";}
    html:lang(en) .record-table.untact td:nth-child(8):before {content: "Time";}
}

@media (min-width: 460px) and (max-width: 768px) {
	.record-table {font-size: 1.4rem;}    
    .record-table td {width: 25%; height:80px;    }
    .record-table td:nth-child(4n-2){border-left:1px solid #333;}
}

@media (max-width: 460px) {
	.record-table {font-size: 1.4rem;}    
 	.record-table td:nth-child(2n) {border-left: 1px solid #525252;}	
}

@media (min-width: 460px) and (max-width: 768px) {
	.record-table1 {font-size: 1.4rem;}    
    .record-table1 td {width: 25%; height:80px;    }
    .record-table1 td:nth-child(4n-2){border-left:1px solid #333;}
}

@media (max-width: 460px) {
	.record-table1 {font-size: 1.4rem;}    
 	.record-table1 td:nth-child(2n) {border-left: 1px solid #525252;}	
}


/* 환불신청 */

/*
.btn--refund {display:block; border-radius:8px;}

.refund-table {width: 100%; font-size: 1.6rem; line-height:24px; margin-bottom: 3.2rem; border-top:1px solid #333;}
.refund-table thead {background-color: #333; color: #fff;}
.refund-table th,.refund-table td {text-align: center; border: 0; border-bottom: 1px solid gray; height: 56px; border-right: 1px solid gray;}
.refund-table th:first-child,.refund-table td:nth-child(2) {border-left:1px solid gray;}
.refund-table th.hidden-title {display:none;}

@media (max-width: 768px) {
	.refund-table th, .record-table td {display: block; float: left;}
    .refund-table th {width: 100%; height:48px; background-color: #333; color: white; padding-top: 10px; font-size: 1.4rem;}
    .refund-table td {display:block; float:left; width: 50%;}
    .refund-table thead th {display: none;}
    .refund-table th.hidden-title {display:table-cell;}
    .refund-table td::before {display: block; font-weight: bold; margin-top: 0.8rem; margin-bottom: 0.8rem;}
    .refund-table td:nth-child(2):before {content: "반환금액";}
    .refund-table td:nth-child(3):before {content: "비고";}
}

@media (min-width: 460px) and (max-width: 768px) {
	.refund-table {font-size: 1.4rem;}
	.refund-table th {font-size: 1.4rem;}    
    .refund-table td {width: 50%; height:94px; line-height:16px;}
    .refund-table td:nth-child(4n-2){border-left:1px solid #333;}
}

@media (max-width: 460px) {
	.refund-table {font-size: 1.4rem;}    
 	.refund-table td {height:120px;}
 	.refund-table td:nth-child(2n) {border-left: 1px solid #525252;}	
}
*/


/* 서브 상단 이미지 */
/*
.snb {position: relative; height: 26.4rem;}
 
.snb.sub00::before {background-image: url(../images/sub/sub_visual00.jpg);}
.snb.sub01::before {background-image: url(../images/sub/sub_visual01.jpg);}
.snb.sub02::before {background-image: url(../images/sub/sub_visual02.jpg);}
.snb.sub03::before {background-image: url(../images/sub/sub_visual03.jpg);}
.snb.sub04::before {background-image: url(../images/sub/sub_visual04.jpg);}
.snb.sub05::before {background-image: url(../images/sub/sub_visual05.jpg);}

 .snb::before {content: ''; width: 100%; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; height: 26.4rem; transform: translateX(-50%); background: linear-gradient(111.34deg, #FFF5FA 0%, #FCF0E3 100%), #FCF0E3;}

@media (max-width: 1024px) {
	.snb {height:20rem;}
	.snb::before {height:20rem;}	
}

@media (max-width: 768px) {
	.snb {height:14.4rem;}
	.snb::before {height:14.4rem;}	
}
 */

/* 대회개요  - 접수방법 */

.preparation-process {}
.preparation-process__list {display: inline-block;}
.preparation-process__item {float:left; position: relative; width: calc((100% / 4) - 56px); margin:0 56px 32px 0; padding:0 16px; /* border:1px solid #eee; */ border-radius:8px;  /* box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04); */ text-align: center;}
.preparation-process__item:after {content:''; display: inline-block; position: absolute; top:50%; right:-56px; transform:translatey(-50%); width:48px; height:80px; background:url('../images/sub/preparation_process_arrow.png') no-repeat;}
.preparation-process__item:last-child:after {display:none;}
.preparation-process__item p {width:184px; height:40px; margin:0 auto; border-radius:999px; background:#F99D3E; font-size: 2rem; font-weight: 500; line-height:40px; color:#fff; text-align: center;}
.preparation-process__item span {display: inline-block; margin-top: 0.8rem; font-size: 1.8rem; font-weight: 500; line-height:32px;}

.run-fun-process .preparation-process__item:after {content:''; display: inline-block; position: absolute; top:50%; right:-56px; transform:translatey(-50%); width:48px; height:80px; background:url('../images/sub/circle_arrow_blue_right.jpg') no-repeat;}
.run-fun-process .preparation-process__item:last-child:after {display:none;}
.run-fun-process p {background:#00BBD2;}


/* 참가신청 - 결제방법 */
.payments {width: 100%;}
.payments__detail {margin-bottom: 4rem;}
.payments__detail img {width: 50%; max-width:650px; border:1px solid #eee; border-radius:8px; box-shadow: 4px 4px 16px rgba(51, 51, 51, 0.15);}

.payments__desc {float:right; width: 50%; padding:2.4rem 3.2rem; font-size: 1.6rem; line-height:28px;}
.payments__desc h3 {font-size: 2.4rem; line-height:32px; border-bottom:1px solid #ddd; margin-bottom: 2.4rem; padding-bottom: 1.2rem; text-indent:0.8rem;}
.payments__desc ul li {margin-bottom: 0.8rem; padding-left:0.8rem;}
.payments__desc ul li b {color:#037CC2;}
.payments__desc ul li span {display: inline-block; width:24px; height:24px; margin-right:8px; border-radius:50%; background:#037CC2; font-weight: 600; color:#fff; text-align: center; line-height: 22px;}


.prevNext__list {position: relative; margin-top: 5.6rem;}
.prevNext__list li ~ li {border-top:0;}
.prevNext__list li {position: relative; height: 64px; line-height: 64px; padding: 0 1.6rem 0 12rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.prevNext__list li span {position: absolute; top: 0; left: 24px; width: 80px; font-size: 1.5rem; font-weight: 700;}
.prevNext__list li a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.6rem;}


/* Run & Fun */

.run-fun {margin-top: 8rem;}
.run-fun__title {margin-bottom: 7.2rem; /* padding:5.6rem 0; background:#037CC2; color:#fff; */ text-align: center;}
.run-fun__title:after {content:''; display:block; width:80px; height:4px; margin:3.2rem auto 0; background:#5ac0f2; }
.run-fun__title p {margin-bottom: 0.8rem; font-size: 2rem; line-height:3.2rem;}
.run-fun .subject {margin-bottom: 2.4rem; font-size: 2rem; font-weight: 600; line-height:20px; }
.run-fun__list {display:flex; justify-content:space-around; margin-top: 18.4rem;}
.run-fun__item {position: relative; width:400px; margin:0 1.6rem; padding:4rem 2.4rem; border:2px solid #9ec9e6; border-radius:16px; background:#fff; font-size: 1.6rem; line-height:3.2rem; text-align: center;}
.run-fun__item:before {content:''; display: inline-block; position: absolute; top:-132px; left:50%; transform:translatex(-50%); z-index:-1; width: 200px; height: 200px; }
.run-fun__item.border-gradient:hover {background:linear-gradient(#fff,#fff) padding-box, linear-gradient(to right, #4AB1EC 0%, #3886FF 100%) border-box; color: #313149; border: 2px solid transparent; border-radius:16px;}
/* .run-fun__item:hover {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} */
.run-fun__item i {width: 56px; height: 56px; margin-bottom: 4rem; border-radius:8px; background:#eee; font-size: 24px; line-height:56px;}
.run-fun__item:nth-child(1):before {background:url("../images/sub/run_fun_salvi01.png");}
.run-fun__item:nth-child(2):before {background:url("../images/sub/run_fun_salvi02.png");}
.run-fun__item:nth-child(3):before {background:url("../images/sub/run_fun_salvi03.png");} 

.run-fun__item:nth-child(1) i {background:#FFF7E2;}
.run-fun__item:nth-child(2) i {background:#E9F6FD;}
.run-fun__item:nth-child(3) i {background:#FBE3E5;} 
.run-fun__desc li {font-size: 1.6rem; line-height:24px;}

.run-fun__event {margin-top: 8rem; padding:3.2rem;}
.run-fun__event .sub-desc li.contents {padding-top: 3.2rem;}
.run-fun__event .sub-desc .contents dl {position:relative;}
.run-fun__event .sub-desc .contents dl:before {content: ''; display: inline-block; float: left; position: absolute; top: 50%; transform: translatey(-50%); width: 80px; height: 80px; margin-right: 16px; margin-top: -12px; border: 1px solid #e7f0ffbf; border-radius:50%; background-color:#f1faff; background-repeat: no-repeat; background-size: 56px; background-position: 50% 50%;}
.run-fun__event .sub-desc .contents dl.event01:before {background-image:url("../images/sub/run_family.png");}
.run-fun__event .sub-desc .contents dl.event02:before {background-image:url("../images/sub/run_dog.png");}
.run-fun__event .sub-desc .contents dl.event03:before {background-image:url("../images/sub/run_friend.png");}
.run-fun__event .sub-desc .contents dl.event04:before {background-image:url("../images/sub/run_coworkers.png");}
.run-fun__event .sub-desc .contents dl.event05:before {background-image:url("../images/sub/run_work.png");}
.run-fun__event .sub-desc .contents dl.event06:before {background-image:url("../images/sub/run_plogging.png");}
.run-fun__event .contents  dt {margin-bottom: 0.8rem; padding-left:10.4rem;}
.run-fun__event .contents  dt i {display:block;}
.run-fun__event .contents  dt span {font-size: 2rem; font-weight: 500; color:#000;}
.run-fun__event .contents  dd {margin-bottom: 2.4rem; padding-bottom: 2.4rem; padding-left:10.4rem; border-bottom:1px dashed #ccc;}
.run-fun__event .sub-desc li.contents dd:before {display:none;} 



.run-fun__notice {margin:0 3.2rem; padding:2.4rem 3.2rem; border-radius:16px; background:#f7f7f7; font-size: 1.6rem; font-weight:400;}
.run-fun__notice i {margin-right:0.8rem;}

.run-fun__app {display:flex; position: relative; margin: 5.6rem 3.2rem;}
.run-fun__app:before {content:''; display:block; position: absolute; bottom:0; left:0; width:100%; height:480px; border-radius:16px; background:#e9f6fd; z-index:-1;}
.run-fun-mockup {width: 280px; margin-left: 4.8rem;}
.run-fun__app--desc {margin: 12.8rem 6.4rem 2.4rem;}
.run-fun__app--desc h3 {display: inline-block; position: relative;margin-bottom: 1.6rem;}
.run-fun__app--desc h3:before {content:''; position: absolute; top:-8px; left:-24px; z-index:-1; display:inline-block; width:48px; height:48px; border-radius:50%; background:#80c5ec;}
.run-fun__app--desc p {font-size: 2rem; font-weight: 500; line-height:2.4rem;}
.run-fun__app--link {position: absolute; bottom: 7.2rem; margin-top: 1.6rem;}
.run-fun__app--link p {margin-bottom: 0.8rem; font-size: 1.8rem; font-weight: 400; color:#777;}
.run-fun__app--link h4 {margin: 2.4rem 0 1.6rem; font-size: 2rem; line-height:32px;}
.run-fun__app--link h4 > i {margin-right: 0.8rem;}
.run-fun__app--link img {margin-right: 0.8rem;}


/* 꿈나무 육상축전 */

.dreamtree__wrap {padding: 0 1.6rem;}

.dreamtree__visual {padding-top: 8rem; text-align: center;}
.dreamtree h4 {width: 14ch; margin: 0 auto; font-size: 4rem; line-height: 1.4; }
.dreamtree p {font-size: 2rem; color:#686868;}
.dreamtree__mark {font-size: 1.6rem; font-weight: 600; color:#008f61;}

.dreamtree__outline {margin: 8.8rem 0 4rem;}
.dreamtree__outline h5 {max-width: 100%; font-size: 3.4rem; line-height: 1.4;}
.dreamtree__title--left {max-width: 100%;}
.dreamtree__title--left h5 {font-size: 3.4rem; line-height: 1.4;}
.dreamtree__title--centered {margin-bottom: 8rem; text-align: center;}
.dreamtree__title--centered h5 {width:14ch; margin: 0 auto; font-size: 3.4rem; line-height: 1.4;}
.dreamtree__title--centered p {font-size: 2rem;}

.dreamtree__flex {display: flex; flex-direction: column; align-items: center; gap: 4.8rem; margin-top: 5.6rem;}

.dreamtree__benefit {position: relative; width: 100%; max-width: 100%; padding: 4rem 3.2rem 3.2rem; border-radius: 16px; border: 4px solid #008f61; background: #fff;}
.dreamtree__benefit h6 {position:absolute; top: -24px; left: 50%; transform: translatex(-50%); padding: 0.4rem 1.6rem; border-radius: 999px; background: #008f61; font-size: 2rem; color: #fff; letter-spacing: 4px;}
.dreamtree__benefit p {font-size: 1.8rem;}
.dreamtree__benefit ol {margin-top: 1.6rem; padding-left: 1.6rem; font-size: 1.6rem;}
.dreamtree__benefit ol li {list-style: disc; text-align: justify;}

.dreamtree__description {flex: 1;}
.dreamtree__description__list {display: flex; flex-wrap: wrap; gap: 1.6rem;}
.dreamtree__description__item {position: relative; flex: 1 1 100%; padding: 2.4rem 1.6rem;}
.dreamtree__description__item h6 {margin-bottom: 0.8rem; font-size: 2rem;}
.dreamtree__description__item ul li {font-size: 1.6rem;}
.dreamtree__description__item ul li strong {font-size: 1.8rem; color: #008f61;}
.dreamtree__description__item ul li i {margin-right: 0.4rem;}
.dreamtree__description__item:before {content: ''; width: 24px; height: 24px; display: inline-block; position: absolute; top: -8px; left: -8px; background: #008f61;}
.dreamtree__description__item:after {content: ''; width: 24px; height: 24px; display: inline-block; position: absolute; top: 0; left: 0; background: #EDF8E1; opacity: 0.95;}

.dreamtree__way { margin: 8rem 0; padding: 8rem 1.6rem; border-radius: 16px; background: #EAF4E5;}

.dreamtree__card__list {display: flex; flex-wrap: wrap; gap: 3.2rem;}
.dreamtree__card__item {flex: 1 1 100%; position: relative; padding: 8rem 3.2rem 4.8rem; border-radius: 16px;  
background: url('/jsp/home/images/sub/leaf01.svg') -48px 100%, url('/jsp/home/images/sub/leaf02.svg') calc(100% + 80px) 100%; 
background-size: inherit;
background-color: #008f61;
background-repeat: no-repeat; box-shadow: 3px 5px 13px 0px rgb(0 0 0 / 13%); text-align: center; color: #fff;}
.dreamtree__card__item img {position: absolute; top: 0.8rem; left: 50%; transform: translate(-50%);}
.dreamtree__card__item h6 {margin-top: 7.2rem; margin-bottom: 2.4rem; font-size: 2.2rem; text-align: center;}
.dreamtree__card__item p {font-size: 1.6rem; font-weight: 400; color: #fff;}

.dreamtree__result {width: 100%; margin-top: 4rem; padding: 3.2rem; border: 4px solid #008f61; border-radius: 16px; background: #fff; box-shadow: 3px 5px 13px 0px rgb(0 0 0 / 13%); text-align: center;}
.dreamtree__result h6 {margin-bottom: 0.8rem; font-size: 2rem;}
.dreamtree__result p {font-size: 1.6rem;}
.dreamtree__result p a {font-size: 1.8rem; font-weight: 400; text-decoration: underline; color: #008f61;}

.dreamtree__procedure {display: flex; flex-direction: column; gap: 4.8rem; margin: 4rem 0;}
.dreamtree__procedure .ad-application__link {padding-top: 2.4rem; margin-top: 1.6rem; border-top: 1px solid #eee;}
.dreamtree__procedure .ad-application__link a {display: inline-block; margin-bottom: 0.4rem; margin-right: 0.4rem;}
.dreamtree__procedure .ad-application__link p {display: flex; align-items: center; margin-bottom: 0.8rem; font-size: 2rem; font-weight: 600; color:#008f61;}
.dreamtree__procedure .ad-application__link p i {margin-right: 0.8rem; font-size: 2rem;}
.dreamtree__mockup {overflow: hidden;}
.dreamtree__mockup__list {display: flex; gap: 3.2rem; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; padding-bottom: 1.6rem;}
.dreamtree__mockup__item {flex: 0 0 auto; overflow: hidden; width: 240px; height:auto;}
.dreamtree__mockup__item dl dt {margin-bottom: 0.8rem; font-size: 2rem; font-weight: 600;}
.dreamtree__mockup__item dl dt:before {content: '1'; display: inline-block; width:56px; height:100%; margin-right: 1.2rem; padding-left: 1.2rem; border-top-right-radius: 999px; border-bottom-right-radius: 999px; background:#008f61; font-weight: 600; color: #fff;}
.dreamtree__mockup__item:nth-child(2) dl dt:before {content: '2';}
.dreamtree__mockup__item:nth-child(3) dl dt:before {content: '3';}
.dreamtree__mockup__item:nth-child(4) dl dt:before {content: '4';}
.dreamtree__mockup__item:nth-child(5) dl dt:before {content: '5';}
.dreamtree__mockup__item:nth-child(6) dl dt:before {content: '6';}
.dreamtree__mockup__item:nth-child(7) dl dt:before {content: '7';}
.dreamtree__mockup__item:nth-child(8) dl dt:before {content: '8';}
.dreamtree__mockup__item:nth-child(9) dl dt:before {content: '9';}
.dreamtree__mockup__item:nth-child(10) dl dt:before {content: '10';}
.dreamtree__mockup__item:nth-child(11) dl dt:before {content: '11';}
.dreamtree__mockup__item:nth-child(12) dl dt:before {content: '12';}
.dreamtree__mockup__item dl dd {padding-left: 0.8rem; font-size: 1.6rem;}
.dreamtree__mockup__item dl dd:before {content:''; display: inline-block; width: 8px; height: 8px; margin-right: 1.2rem; border-radius: 50%; background: #008f61; }
.dreamtree__mockup__image {margin-bottom: 2.4rem; border: 4px solid #cbcbcb; border-radius: 24px;}

@media screen and (min-width: 480px) {
	.dreamtree__benefit h6 {padding: 0.4rem 4.8rem;}
	
}

@media screen and (min-width: 768px) {
	.dreamtree__wrap {padding: 0 2.4rem;}
	.dreamtree h4 {width: 100%;}
	.dreamtree__title--centered h5 {width: 100%;}
	.dreamtree__outline {margin: 13.6rem 0 4rem;}
	.dreamtree__outline h5 {max-width: 400px;}
	.dreamtree__description__list {gap: 4.8rem 2.4rem;}
	.dreamtree__description__item {flex: 1 1 40%; padding: 2.4rem;}
	.dreamtree__way {padding: 8rem 2.4rem;}
	.dreamtree__card__item {flex: 1 1 40%;}
	.dreamtree__title--left {width: 790px; max-width: 400px;}	
}

@media screen and (min-width: 1024px) {
	.dreamtree__benefit {max-width: 400px;}
	.dreamtree__flex {gap: 4rem; flex-direction: row;}
	.dreamtree__card__item {flex: 1 1 20%; }
	.dreamtree__procedure {flex-direction: row; gap: 3.2rem;}
	.dreamtree__procedure .ad-application__link {margin-top: 8rem;}
	
}




.boards__list { border-top: 2px solid #333; border-bottom: 1px solid #eee; margin-bottom: 2rem; margin-top: 2rem;}
.boards__list > div > ul { display: table; table-layout: fixed; width: 100%; clear: both; overflow: hidden; margin: 0 }
.boards__list > div > ul > li { -webkit-box-sizing: border-box; box-sizing: border-box; /*border-left:1px solid #DCD9D9;*/ display: table-cell; font-size: 1.6rem; font-weight: normal; min-height: 44px; padding: 1.6rem 0.8rem; text-align: center; text-overflow: ellipsis; /*white-space:nowrap;*/ width: 10%; vertical-align: middle; /* word-break: break-all; */ }
.boards__list > div > ul > li::before { display: none }
.boards__list > div > ul > li:first-child { border-left: 0 }

.boards__list > .boards__head { border-bottom: 1px solid #bfbfbf; }
.boards__list > .boards__head > ul li { color: #333; font-weight: 700; }
.boards__list > .boards__body > ul { border-bottom: 1px solid #e4e4e4; }
.boards__list > .boards__body.total > ul { border-bottom: none; }
.boards__list > .boards__body > ul:hover {background:#fbfbfb;}
.boards__list > .boards__body > ul:last-child {/*  border-bottom: 0 */ }
.boards__list > .boards__body .notice { color: #037CC2; font-weight: 600; }
.boards__list > .boards__head > ul li.title { width: auto; text-align: center; }
.boards__list > .boards__body > ul > li.title { width: auto; padding:1.6rem; text-align: left; }
.boards__list > .boards__body > ul > li a span{ display: inline-block; vertical-align:middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.boards__list > .boards__body > ul > li.file a { text-align: center; width: 100%; }
.boards__list > .boards__body > ul > li span.re-num { color: #d85430; }
.boards__list > .boards__body > ul > li a:hover { text-decoration: underline; }
.boards__list > .boards__body > ul > li a.btn-line { display: inline-block; width: auto; }
.boards__list > .boards__body > ul > li a.btn-line:hover { color: #fff; text-decoration: none; }
.boards__list > .boards__body > ul > li.W13 { width: 13% }
.boards__list > .boards__body > ul > li.W8 { width: 8% }
.boards__list .W13 { width: 13% }
.boards__list .W8 { width: 8% }
.boards__list > .boards__head > ul li.title + li.W13,
.boards__list > .boards__body > ul li.title + li.W13 { width: 20% }











.flex-table {
	display: flex;
	flex-direction: column;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center;
}
.flex-table thead {
	padding: 0.8rem 0;
	background: #eee;
}
.flex-table thead tr,
.flex-table tbody tr {
	display: flex;
}
.flex-table tbody tr+tr {
	border-top: 1px solid #ccc;
}
.flex-table thead tr th,
.flex-table tbody tr td {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	padding: 0.8rem;
	word-break: break-all;   
}

@media screen and (max-width: 640px) {
	.flex-table {
		border: 0;
	}
	.flex-table thead {
		display: none;
	}
  
	.flex-table thead tr th,
	.flex-table tbody tr td {
		justify-content: flex-start;
		align-items: inherit;
		padding: 0;
		text-align: left;
	}
  
  
  .flex-table tbody tr {
		flex-direction: column;
		margin-bottom: 2.4rem;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 1.6rem 0.8rem;
  }
  .flex-table tbody tr td {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
  }
  
  .flex-table tbody tr td.accent {
  	font-weight: 600;
  }
  
  .flex-table tbody tr td.title {
  	font-size: 2rem;
  }
  
  .flex-table tbody tr td.price {
  	font-size: 1.8rem;
  }
  
 .flex-table tbody tr a {
		margin-top: 1.2rem;
  }
  
 .flex-table tbody tr td:before {
   display: flex;
   align-items: center;
   flex: 1 1 80px;
   max-width: 80px;
   padding: 0.8rem;
   color: #fff;
 }
}