/* font */
@import url('https://webfontworld.github.io/goodchoice/Jalnan.css');
@font-face {
    font-family: 'KHNPHD';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KHNPHD.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* pc버전 유지용도 */
html {min-width: 1280px;}

/* header */
#gnb_layout {position: fixed; top: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 99; min-width: 1920px;}
#gnb_layout .container {padding: 0 40px; height: 84px; width: auto;}
#gnb_layout .logo {position: absolute; top: 50%; padding-left: 0; margin: 0; transform: translateY(-50%); font-size: 0;}
#gnb_layout .gnb {width: 100%; text-align: center;}
#gnb_layout .gnb .dept1 {display: inline-block; position: relative;}
#gnb_layout .gnb .dept1 a {display: inline-block; padding: 0 30px; line-height: 84px; font-size: 18px; font-weight: 700; color: #222;}
#gnb_layout .gnb .dept1.on > a {color: #ff3f75; font-weight: 700;}
#gnb_layout .gnb .dept2 {display: none; width: 200px; margin: 0 auto; position: absolute; top: 84px; left: 50%; margin-left: -100px; padding: 10px 0; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); background-color: #fff;}
#gnb_layout .gnb .dept2 a {font-size: 15px; line-height: 40px; color: #999;  font-weight: 300;}
#gnb_layout .gnb .dept2 a:hover {color: #ff3f75; font-weight: 500;}
#gnb_layout .utill {position: absolute; right: 40px; top: 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#gnb_layout .utill  img {margin-top: 20px;}
#gnb_layout .utill:after {clear: both; content: ''; display: block;}
#gnb_layout .utill a {float: left;}
#gnb_layout .utill .en_btn {font-size: 15px; color: #222; font-weight: 500; letter-spacing: 0; line-height: 84px;}
#gnb_layout .utill .en_btn:after {content: ''; display: inline-block; vertical-align: middle; background-color: #ddd; width: 1px; height: 13px; margin: 0 19px;}
#gnb_layout .utill .all_menu {background: url('/img/renewal/all-menu.png') center no-repeat; width: 30px; height: 21px; margin-top: 32px;}
#gnb_layout .side-menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); z-index: 99999; min-width: 360px;}
#gnb_layout .side-close {text-align: right;}
#gnb_layout .side-close button {padding: 40px 65px 0 0;}
#gnb_layout .side-menu > ul {width: 100%; height: auto; width: 1600px; margin: 160px auto; display: block; height: 480px;}
#gnb_layout .side-menu > ul > li {float: left; width: calc(100% / 7); height: 410px; display: block; text-align: center; border-right: 1px solid #efefef; padding-top: 65px;}
#gnb_layout .side-menu > ul > li:last-child {border-right: none;}
#gnb_layout .side-menu > ul > li > a {font-size: 22px; font-weight: 700; color: #222;}
#gnb_layout .side-menu > ul > li > .sub {margin-top: 30px;}
#gnb_layout .side-menu > ul > li > .sub > li > a {font-size: 18px; line-height: 48px; color: #999;}
#gnb_layout .side-menu > ul > li > .sub > li > a:hover {color: #ff3f75; font-weight: 500;}
/* 영문 */
#gnb_layout.en .gnb {margin-left: 50px;}
#gnb_layout.en .utill .en_btn:after {content: none;}
@media all and (max-width:1850px) {
	#gnb_layout {min-width: auto;}
}
@media all and (max-width:1720px) {
	#gnb_layout .gnb {padding-left: 170px;}
}
@media all and (max-width:1280px) {
	#gnb_layout .container {padding: 0 20px;}
	#gnb_layout .logo img {height:44px;}
	#gnb_layout .utill { display: none;}
	#gnb_layout .utill .en_btn:after {content: none;}
	#gnb_layout .gnb .dept1 a {padding: 0 23px; font-size: 17px;}
}


/* 섹션 공통 */
.section { width:100%; height:100%; margin: 0 auto; min-height: 937px; display: table;}
.section .con {vertical-align: middle; display: table-cell; padding-top: 84px;}
@media screen and (min-width:2000px) {
	.section .con {padding-top: 0px;}
}

/* 섹션01 메인비주얼 */
.sec01 {position: relative; min-height: auto; display: block;}
.sec01 .main_slider > div {height: 100vh; z-index: -2;}
.sec01 .main_slider .con {text-align: center; padding-top: 84px; display: table-cell; vertical-align: middle;}
.sec01 .main_slider .txt * {color: #fff;}
.sec01 .main_slider .txt p {text-transform: uppercase; font-size: 15px; letter-spacing: 4px; font-weight: 500; filter: drop-shadow(0 0 4px rgba(0,0,0,.5));}
.sec01 .main_slider .txt h5 {font-family: 'KHNPHD', sans-serif; font-size: 50px; font-weight: 500; margin-top: 38px; filter: drop-shadow(0 0 4px rgba(0,0,0,.5));}
.sec01 .main_slider .txt h5 b {font-weight: 700; font-size: 60px;}
.sec01 .main_slider .txt h2 {font-family: 'Jalnan', sans-serif; font-size: 70px; margin-top: 5px; filter: drop-shadow(0 0 4px rgba(0,0,0,.5));}
.sec01 .main_slider .txt h2 b {font-family: inherit; font-size: 80px;}
.sec01 .main_slider .btn {font-size: 0; margin-top: 120px;}
.sec01 .main_slider .btn a {font-family: 'Jalnan', sans-serif; display: inline-block; width: 255px; line-height: 55px; border-radius: 8px; background-color: #ff3f75; color: #fff; font-size: 20px; margin: 0 5px; position: relative;}
.sec01 .main_slider .btn a:hover:before {content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 8px; z-index: -1; outline: 4px solid rgba(255,255,255,0.3);}
.sec01 .main_slider .btn a:last-child {background-color: #fff; color: #ff3f75;}
.sec01 .main_slider .slide01 {background: url('/img/renewal/main-visual05.jpg') center/cover no-repeat; display: table;}
.sec01 .main_slider .slide02 {background: url('/img/renewal/main-visual02.jpg') center/cover no-repeat;}
.sec01 .main_slider .slide03 {background: url('/img/renewal/main-visual03.jpg') center/cover no-repeat;}
.sec01 .main_slider .slide04 {background: url('/img/renewal/main-visual04.jpg') center/cover no-repeat;}
.sec02 .boxs {margin-top: 20px;}
.sec02 .boxs:after {clear: both; content: ''; display: block;}
.sec02 .boxs li {float: left; width: 280px; height: 280px; background-color: #000; margin: 0 5px; border-radius: 20px; transition: all 0.3s ease-out;}
.sec02 .boxs ul {display: flex; gap: 15px; justify-content: center;}
.sec02 .boxs li:first-child {margin-left: 0;}
.sec02 .boxs li:last-child {margin-right: 0;}
.sec02 .boxs li:nth-child(1) {background: url('/img/renewal/main-box1.png') center no-repeat;}
.sec02 .boxs li:nth-child(2) {background: url('/img/renewal/main-box2.png') center no-repeat;}
.sec02 .boxs li:nth-child(3) {background: url('/img/renewal/main-box3.png') center no-repeat;}
.sec02 .boxs li:nth-child(4) {background: url('/img/renewal/main-box4.png') center no-repeat;}
/* .sec02 .boxs li:hover {transform: translateY(-10px);} */
.sec02 .boxs li a {display: inline-block; width: 100%; height:100%; position: relative; text-align: center;}
.sec02 .boxs li a img {position: absolute; top: 50%; margin-top: -75px; left: 50%; margin-left: -76px;}
.sec02 .boxs li a h5 {font-family: 'Jalnan', sans-serif; color: #fff; font-size: 22px; padding-top: 160px; position: relative; z-index: 2;}
@media screen and (min-width:2000px) {
	.sec01 .main_slider > div {height: 80vh;}
}
@media all and (max-width:1280px) {
	.sec01, .sec01 .main_slider > div {max-height: 937px;}
}

/* 섹션02 영상 */
.sec02 {background: url('/img/renewal/sec02-bg.jpg') center/cover no-repeat; position: relative;}
/* .sec02 .con {vertical-align: top;} */
.sec02 .tit {text-align: center; margin-bottom: 40px;}
.sec02 .tit h3 {font-family: 'Jalnan', sans-serif; font-size:40px; color: #fff;}
.sec02 .tit h3 b {font-family: inherit; color: #ffe8aa; font-size: 55px; position: relative;}
.sec02 .tit h3 b:before {content: ''; display: block; position: absolute; top: -18px; left: 50%; margin-left: -32.5px; background: url('/img/renewal/sec02-btxt.png') center no-repeat; width: 65px; height: 10px;}
.sec02 .tit p {font-size: 18px; color: #fff; margin-top: 10px; font-weight: 300;}
.sec02 .video {width: 1200px; height: 360px; border-radius: 30px; overflow: hidden;}
.sec02 .video iframe {width: 100%; height: 100%;}
.sec02 .video #play-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1;}
.sec02 .video #play-video.on {z-index: -1;}
.sec02 .slide_wrap .bx-controls-direction a {width: 75px; height: 75px; border-radius: 50%; margin-top: -37.5px;}
.sec02 .slide_wrap .bx-prev {left: -125px; background: url('/img/renewal/sec02-prev.png') center no-repeat;}
.sec02 .slide_wrap .bx-next {right: -125px; background: url('/img/renewal/sec02-next.png') center no-repeat;}

/* 섹션03 대회요강 */
.sec03 {background: url('/img/renewal/sec03-bg.png') center/cover no-repeat;}
.sec03 .tit {text-align: center;}
.sec03 .tit h3 {font-family: 'Jalnan', sans-serif; font-size:40px; color: #000; margin-top: 0;}
.sec03 .tit h3 b {font-family: inherit; color: #ff3f75; font-size: 55px; position: relative;}
.sec03 .tit h3 b:before {content: ''; display: block; position: absolute; top: -18px; left: 50%; background: url('/img/renewal/sec03-btxt.png') center no-repeat; width: 65px; height: 10px; transform: translateX(-44%);}
.sec03 .tit p {font-size: 18px; color: #888; margin-top: 10px; font-weight: 300;}
.sec03 .box {width: 1200px; /* height: 520px; */ margin: 40px auto 0; background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); border-radius: 20px; padding: 40px;}
.sec03 .box > div {display: inline-block; vertical-align: middle; width: 55%;}
.sec03 .box .img {width: 456px; height: 500px; border-radius: 20px; overflow: hidden;}
.sec03 .box .summary ul {margin-left: 40px; width: 100%;}
.sec03 .box .summary li {font-size: 16px; color: #222; font-weight: 500; line-height: 46px; position: relative; padding-left: 163px;}
.sec03 .box .summary li:last-child {line-height: 30px; margin-top: 10px;}
.sec03 .box .summary li:last-child:before {top: -15px; border-radius: 30px; height: 180px;}
.sec03 .box .summary li b {font-size: 16px; font-weight: 700;text-align: justify; width: 140px; display: inline-block; letter-spacing: -2px; background: #ff3f75; color: #fff; border-radius: 50px; padding: 12px 0; line-height: 1; position: absolute; left: 0; top: 0; text-align: center; font-family: 'Jalnan', sans-serif;}
.sec03 .box .summary li:nth-child(2n) b {background: #db3966;}
/* .sec03 .box .summary li b:after {content: ''; display: inline-block; width: 100%;} */

/* 섹션04 코스도 */
.sec04 {background: url('/img/renewal/sec04-bg.jpg') center/cover no-repeat;}
.sec04 .tit {text-align: center;}
.sec04 .tit h3 {font-family: 'Jalnan', sans-serif; font-size:40px; color: #fff; margin-top: 0;}
.sec04 .tit h3 b {font-family: inherit; color: #fff; font-size: 55px; position: relative;}
.sec04 .tit h3 b:before {content: ''; display: block; position: absolute; top: -18px; left: 50%; margin-left: -59px; background: url('/img/renewal/sec04-btxt.png') center no-repeat; width: 118px; height: 10px;}
.sec04 .tit p {font-size: 18px; color: #fff; margin-top: 10px; font-weight: 300;}
.sec04 .boxs {width: 1200px; margin: 40px auto 0;}
.sec04 .boxs ul:after {content:''; display: block; clear: both;}
.sec04 .boxs li {background: url('/img/renewal/sec04-box2.png') center no-repeat; width: 370px; height: 454px; float:left; margin: 0 22.5px; filter: drop-shadow(0 0 15px rgba(0,0,0,0.4)); text-align: center; position: relative;}
.sec04 .boxs li:first-child {margin-left: 0; background: url('/img/renewal/sec04-box1.png') center no-repeat;}
.sec04 .boxs li:last-child {margin-right: 0; background: url('/img/renewal/sec04-box3.png') center no-repeat;}
.sec04 .boxs li.on {transition: all 0.3s ease-in 0s; background: url('/img/renewal/sec04-box-on.png') center no-repeat;}
.sec04 .boxs li.on .txt h5, .sec04 .boxs li.on .txt p {color: #fff;}
.sec04 .boxs li.on a {background-color: #fff; color: #ff3f75;}
.sec04 .boxs li .txt {padding-top: 160px;}
.sec04 .boxs li .txt h5 {font-family: 'Jalnan', sans-serif; font-size: 36px; color: #222;}
.sec04 .boxs li .txt p {color: #ff3f75; font-size: 24px; font-weight: 500; margin-top: 25px;}
.sec04 .boxs li a {display: inline-block; width: 330px; line-height: 55px; position: absolute; bottom: 20px; left: 50%; margin-left: -165px; font-size: 20px; font-weight: 700; color: #fff; background-color: #ff3f75; border-radius: 8px;}
.sec04 .quick_menu {width: 1200px; margin: 0 auto; padding: 16px 30px 16px 40px; background-color: #71767c; border-radius: 20px; margin-top: 45px;}
.sec04 .quick_menu:after {content:''; display: block; clear: both;}
.sec04 .quick_menu .left {float: left; padding: 10px 0;}
.sec04 .quick_menu .left img {margin-right: 10px;}
.sec04 .quick_menu .left h3 {font-family: 'Jalnan', sans-serif; font-size: 28px; color: #fff; text-transform: uppercase; display: inline-block; margin: 0; vertical-align: middle;}
.sec04 .quick_menu .right {float: right; text-align: center;}
.sec04 .quick_menu .right a {display: inline-block; width: 270px; line-height: 55px; background-color: #71767c; color: #fff; border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; font-size: 20px; font-weight: 500; margin: 0 4px;}
.sec04 .quick_menu .right a:hover {border: 1px solid #2d3043; background-color: #223347;}

/* 섹션05 기타 */
.sec05 {background: url('/img/renewal/sec05-bg.jpg') center/cover no-repeat;}
.sec05 .notice {width: 1200px; height: 410px; margin: 0 auto; background-color: rgba(255,255,255,0.6); border-radius: 30px; padding: 60px; backdrop-filter: blur(8px);}
.sec05 .notice h3 {font-family: 'Jalnan', sans-serif; font-size: 40px; color: #000; text-align: center; margin-bottom: 30px; margin-top: 0;}
.sec05 .notice ul {border-top: 2px solid #222222;}
.sec05 .notice li {border-bottom: 1px solid #636363;}
.sec05 .notice li:after {content: ''; display: block; clear: both;}
.sec05 .notice li .left {float: left; width: 900px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.sec05 .notice li .left .tag {display: inline-block; width: 75px; line-height: 35px; background-color: #ff3f75; color: #fff; font-size: 14px; font-weight: 700; margin-right: 20px; text-align: center; border-radius: 50px;}
.sec05 .notice li .left a {font-size: 19px; color: #222; font-weight: 500; line-height: 70px;}
.sec05 .notice li .right {float: right;}
.sec05 .notice li .right p {font-size: 16px; color: #585858; font-weight: 500; line-height: 70px; margin-bottom: 0;}
.sec05 .boxs {width: 1200px; margin: 20px auto 0;}
.sec05 .boxs ul:after {clear: both; content: ''; display: block;}
.sec05 .boxs li {float: left; margin: 0 10px;}
.sec05 .boxs li:first-child {margin-left: 0;}
.sec05 .boxs li:last-child {margin-right: 0;}
.sec05 .boxs li a {display: inline-block; width: 285px; height: 230px; background-color: rgba(255,255,255,0.6); border-radius: 20px; backdrop-filter: blur(8px); text-align: center;}
.sec05 .boxs li a:hover {background-color: #ff3f75; border-radius: 0 20px 0 20px;}
.sec05 .boxs li a:hover h5, .sec05 .boxs li a:hover p {color: #fff;}
.sec05 .boxs li a h5 {font-family: 'Jalnan', sans-serif; color: #000; font-size: 26px; margin: 60px 0 25px 0;}
.sec05 .boxs li a p {font-size: 18px; color: #222; font-weight: 500; line-height: 1.6;}

/* footer */
.footer {height: 150px; min-height: 150px;}
.footer .sponsor {width: 100%; height: 100px;  background-color: #fff; border-top:1px solid #ddd;}
.footer .sponsor .wrap {width: 1200px; margin: 0 auto; height: 100px;}
.footer .sponsor .wrap:after {clear: both; content: ''; display: block;}
.footer .sponsor h5 {font-size: 22px; font-weight: 700; line-height: 100px; float: left; margin: 0px;}
.footer .sponsor .spon_slide {margin: 0 auto;}
.footer .sponsor .spon_slide > a {line-height: 100px;}
.footer .sponsor .slide_wrap {width: 1200px; padding: 26px 0; position: relative;}
.footer .sponsor .slide_wrap .bx-wrapper {max-width: 920px !important; position: static; padding-left: 15px;}
.footer .sponsor .slide_wrap .bx-wrapper .bx-controls-direction a {right: 0; border: 1px solid #ddd; width: 45px; height: 45px; top: 43%; z-index: 0;}
.footer .sponsor .slide_wrap .bx-wrapper .bx-controls-direction .bx-prev {right: 44px; left: auto; background: url('/img/renewal/spon-prev.png') center no-repeat;}
.footer .sponsor .slide_wrap .bx-wrapper .bx-controls-direction .bx-next {background: url('/img/renewal/spon-next.png') center no-repeat;}
.footer .copy {width: 100%; height: 150px; background-color: #44464d; padding: 48px 0;}
.footer .copy .wrap {width: 1200px; margin: 0 auto; position: relative;}
.footer .copy p {font-size: 16px; font-weight: 300; color: #999; line-height: 1.6;}
.footer .copy p span {display: inline-block; width: 10px;}
.footer .copy p a {color: #999;}
.footer .copy .human {position: absolute; bottom: 0; right: 0; font-size: 16px; font-weight: 300; color: #999;}