/* 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;
}  */

@font-face {
    font-family: 'TmonMonsori';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.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: #3751d0; 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: #3751d0; font-weight: 500;}
#gnb_layout .utill {position: absolute; right: 40px; top: 0; display: inline-grid; grid-template-columns: auto auto auto; 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: #3751d0; 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: 76px;}
}
@media all and (max-width:1500px)  {
	#gnb_layout .gnb {padding-left: 0;}
}
@media all and (max-width:1280px) {
	#gnb_layout .container {padding: 0 20px;}
	#gnb_layout .logo img {height:44px;}
	#gnb_layout .utill {grid-gap: 0;}
	#gnb_layout .utill img, #gnb_layout .utill .all_menu {display: none;}
	#gnb_layout .utill .en_btn {color: #3751d0;}
  #gnb_layout .gnb {
    width: 80%;
    margin-left: 60%;
    transform: translateX(-50%);
  }
	#gnb_layout .gnb .dept1 a {padding: 0 23px; font-size: 17px;}
}


/* 섹션 공통 */
.section { width:100%; height:100vh; 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;}
}
@media all and (max-width:1280px) {
  .section {
    height: 100%;
  }
}

/* 섹션01 메인비주얼 */
/* .sec01 {position: relative; min-height: auto; display: block;} */
.sec01 {position: relative; z-index: 2; overflow: hidden;}
.sec01 video {
  position: absolute; z-index: -1;
  width: 100vw;
  height: auto;
}
.sec01 .bg_mo {display: none;}
.sec01 > div {height: 100vh; z-index: -2;}
.sec01 .con {text-align: center; padding-top: 84px; display: table-cell; vertical-align: middle; 
  /* background: rgba(0, 0, 0, 0.3) */
  background: url(/img/main/visual-img.jpg) no-repeat center;
  background-size: cover;
}
.sec01 .txt * {color: #fff;}
.sec01 .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 .txt h5 {font-family: 'Paperozi', sans-serif; font-weight: 900; font-size: 40px; font-weight: 500; margin-top: 38px; color: #a1ddff; filter: drop-shadow(0 0 4px rgba(0,0,0,.5));}
.sec01 .txt h5 b {color: #a1ddff;}
.sec01 .txt h2 {font-family: 'Paperozi', sans-serif; font-weight: 900; font-size: 70px; margin-top: 5px; filter: drop-shadow(0 0 4px rgba(0,0,0,.5));}
.sec01 .txt h2 b {font-family: inherit; font-size: 80px;}
.sec01 .btn {font-size: 0; margin-top: 120px;}
.sec01 .btn a {font-family: 'Jalnan', sans-serif; display: inline-block; width: 255px; line-height: 55px; border-radius: 8px; background-color: #3751d0; color: #fff; font-size: 20px; margin: 0 5px; position: relative;}
.sec01 .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 .btn a:last-child {background-color: #fff; color: #3751d0;}
/* .sec01 .main_slider .slide01 {background: url('/img/renewal/main-visual06.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;}
  .sec01 video {
    /*height: 100vh;
    width: auto;*/
    display: none;
  }
  .sec01 .bg_mo {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .sec01 .bg_mo img {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width:720px) {

}

/* 섹션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: 'Paperozi', sans-serif; font-weight: 900; 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: 600px; 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: 'Paperozi', sans-serif; font-weight: 900; font-size:40px; color: #000; margin-top: 0;}
.sec03 .tit h3 b {font-family: inherit; color: #1b2f6e; font-size: 55px; position: relative;}
.sec03 .tit h3 b:before {content: ''; display: block; position: absolute; top: -18px; left: 35%; 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: 410px; height: 100%; border-radius: 20px; overflow: hidden; background: none;}
.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: #3751d0; 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 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: 'Paperozi', sans-serif; font-weight: 900; 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-box.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-box.png') center no-repeat;}
.sec04 .boxs li:last-child {margin-right: 0; background: url('/img/renewal/sec04-box.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: #3751d0;}
.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: #3751d0; 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: #3751d0; 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: 'Paperozi', sans-serif; font-weight: 900; 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: #3751d0; 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 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.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: 100%; 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: #3751d0; 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;}