@charset "utf-8";
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@import url('https://webfontworld.github.io/Noto/NotoSansKR.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSans.css');

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,video,img,svg { margin:0;  padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul,li {list-style: none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
abbr, acronym {border:0;}
a{outline:1;   text-decoration:none; color:#000;}
em { font-style:normal; }
body { width:100%; height:100%; overflow-x:hidden; font-family: 'Pretendard', 'GmarketSans', 'Noto Sans KR', sans-serif; font-weight:300; background-image: linear-gradient(90deg, #34386f 0%, #3e3a6c 35%, #4d3b66 100%); }




@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff2') format('woff2'), 
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.ttf') format('truetype');
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.ttf') format('truetype');
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.ttf') format('truetype');
}


/*common*/
.dalseong_wrap { position:relative; }
.wrap_inner { max-width:1400px; margin:0 auto; position:relative; }
.bold { font-weight:600; }

/*background*/
canvas { display: block; position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.3; z-index:-1; }
.moon { background:url("/theme/basic/img/main/moon.png") no-repeat center 0; width:216px; height:203px; display:block; position:absolute; top:124px; right:338px; }


/*header*/
.h_box { width:100%; height:128px; position:relative; }
.h_box .logo { width:478px; height:100%; float:left; }
.h_box .logo a { width:100%; height:100%; display:block; color:#fff; line-height:128px; }
.h_box .logo a .slog { background:url("/theme/basic/img/main/logoslo.png") no-repeat center 16px; width:95px; height:100%; display:inline-block; text-indent:-99999px; }
.h_box .logo a .txt { font-size:23px; font-family:'GmarketSans'; margin:0 0 0 10px; }
.h_box .logo a .txt_2024 { background:url("/theme/basic/img/main/logo_2026.png") no-repeat center 0; display:inline-block; text-indent:-99999px; width:270px; height:76px; vertical-align:middle; }


/*gnb*/
.gnb { float:left; margin-left:80px; }
.gnb .gnb_al_ul { width:100%; height:100%; line-height:128px; }
.gnb .gnb_al_ul .gnb_al_li { display:inline-block; margin:0 50px; }
.gnb .gnb_al_ul .gnb_al_li a { color:#fff; font-size:18px; font-weight:500; display:block; width:100%; height:100%; }
.gnb .gnb_al_ul .gnb_al_li a:hover { color:#f6bc6b; transition:ease-in-out 0.3s; }
#gnb_all { display: block; position: absolute; top: 0px; right: 0px; z-index: 4; -webkit-user-select: none; user-select: none; width:100%; }
#gnb_all input { display: block; width: 67px; height: 67px; position: absolute; top:31px; right:0px; cursor: pointer;  opacity: 0; z-index: 2;  -webkit-touch-callout:none;}
#gnb_all .sitemap { position:absolute; right:0px; top:31px; width:67px; height:67px; background:rgba(42, 33, 72, .6);}
#gnb_all .sitemap .all { padding-top:24px; }
#gnb_all .sitemap .all span { display: block; width: 23px; height: 2px; margin:0 auto 6px; position: relative; background: #fff; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
#gnb_all .sitemap .all span:first-child { transform-origin: 0% 0%;}
#gnb_all .sitemap .all span:nth-last-child(2) {transform-origin: 0% 100%;}
#gnb_all input:checked ~ .sitemap .all span {opacity: 1; transform: rotate(45deg) translate(-8px, -12px); background: #000;}
#gnb_all input:checked ~ .sitemap .all span:nth-last-child(3) {opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#gnb_all input:checked ~ .sitemap .all span:nth-last-child(2) {transform: rotate(-45deg) translate(-2px, 8px);}

#gnb_all_ul {position: absolute; width:100%; height:fit-content; padding:10% 15%; background-color:#fff; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(0, -100%); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); top:0px; right:0; box-sizing: border-box; }
#gnb_all_ul > li { padding: 10px 0; font-size: 22px; float:left; margin:0 5%; }
#gnb_all_ul > li .gnb_all_a { font-size:29px; font-weight:bold; display:block; text-align: center; }
#gnb_all_ul > li .gnb_all_a:hover { color:#96c600; transition:ease-in-out 0.4s;  }
#gnb_all_ul > li .all_row2 { margin:10px 0 8px 0; }
#gnb_all_ul > li .all_row2 li a { font-size:18px; padding:3px 20px; display:block; text-align: center; }
#gnb_all_ul > li .all_row2 li a:hover { background-color:#fcd947;  transition:ease-in-out 0.3s;}
#gnb_all input:checked ~ ul { transform: none;}
.al_row2 { display:none; }
#gnb_all_ul > li.dept_5, #gnb_all_ul > li.dept_6 { display:none; }


/*vistitle*/
.cont_wrap { color:#fff; margin:125px 0 0 0; position:relative; min-height:525px; z-index:1; }
.vistitle { width:722px; margin-left:36px; }
.vistitle .tita { font-size:43px; font-family:'GmarketSans'; font-weight:400; display:none; }
.vistitle .titb { background:url("/theme/basic/img/main/main_sp.png") no-repeat -21px -16px; width:577px; height:121px; display:block; text-indent:-99999px; margin:26px 0 0 0; }
.vt { margin:38px 0 0 35px; }
.vt li { font-size:17px; margin:0 0 10px 0; }
.vt li .bold { margin-right:15px; }
.vistitle .titb_2024 { background:url("/theme/basic/img/main/main_title_2026.png") no-repeat center 0; width:600px; height:194px; display:block; }


/*후원주최주관*/
.partners { margin:105px 0 0 0; }
.partners .pt li { display:inline-block; height:40px; line-height:40px; vertical-align:middle; margin:0 0 0 32px; }
.partners .pt li:first-child { margin:0; }
.partners .pt li .bold { margin:0 15px 0 0 ; font-size:14px; }
.partners .pt li .img { background:url("/theme/basic/img/main/main_sp.png") no-repeat -16px -526px; width:195px; height:40px; display:inline-block; text-indent:-99999px; }
.partners .pt li.dal .img { background-position:-19px -529px; }
.partners .pt li.dalyeong .img { background-position:-258px -529px; width:347px; }


/*바로가기링크*/
.vislink { position:absolute; top:80px; right:0px; width:571px; }
.visl { width:100%; }
.visl li { display:inline-block; width:175px; height:165px; border:1px solid rgba(255, 255, 255, .1); margin:0 8px; }
.visl li:first-child { margin:0 8px 0 0; }
.visl li:last-child { margin:0 0 0 8px; }
.visl li a { width:100%; height:100%; display:block; text-align:center; color:#fff; padding:25px 0; box-sizing:border-box; }
.visl li a:hover { background-color:#5d406d; transition:ease-in-out 0.4s; }
.visl li a .tit { font-size:16px; }
.visl li a .icon { background:url("/theme/basic/img/main/main_sp.png") no-repeat -70px -233px; width:75px; height:55px; display:block; margin:15px auto; }
.visl li.va a .icon { background-position:-70px -233px; }
.visl li.vb a .icon { background-position:-258px -233px; }
.visl li.vc a .icon { background-position:-453px -233px; }


/*은행,문의전화*/
.bankcall { width:569px; height:210px; border:1px solid rgba(255, 255, 255, .1); margin:18px 0 0 0; overflow:hidden; padding:50px 55px; box-sizing:border-box; }
.bankcall .call { float:left; position:relative; padding:10px 40px 0 0; }
.bankcall .call::after { content:''; width:1px; height:100px; background-color:#fff; display: block; position:absolute; top:0px; right:0px; opacity:.1; }
.bankcall .call .call_ico { background:url("/theme/basic/img/main/main_sp.png") no-repeat -84px -372px; width:41px; height:41px; display:block; float:left; margin:0 10px 0 0; }
.bankcall .tita .txt { font-size:17px; font-weight:500; }
.bankcall .tita .stxt { font-size:12px; opacity:.4; display:block; letter-spacing:0.3px; margin:5px 0 0 0; }
.bankcall .call .num { font-size:24px; font-family:'GmarketSans'; font-weight:bold; margin:20px 0 0 0; }
.bankcall .bank { float:left; padding:5px 0 0 40px; }
.bankcall .bank .bank_ico { background:url("/theme/basic/img/main/main_sp.png") no-repeat -237px -379px; width:110px; height:25px; display:block; text-indent:-99999px; }
.bankcall .bank .num { font-size:20px; font-family:'GmarketSans'; font-weight:bold; margin:10px 0 0 0; }
.bankcall .bank .tita { font-size:14px; opacity:.4; margin:10px 0 0 0; }


/*접수확인*/
.checkaly { width:210px; height:46px; display:block; float:right; margin:0 2px 0 0; }
.checkaly a { position: relative; width: 100%; height:100%; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 1;  transition: all .5s ease; background-color: #f7d86c; }
.checkaly a::before { content: ""; z-index: -1; position: absolute; background: #56f1ff; transition: all .5s; left: 0; top: 0; width: 0; height: 100%;}
.checkaly a:hover::before {width:100%;}
.checkaly a .icon { background:url("/theme/basic/img/main/main_sp.png") no-repeat -434px -383px; width:14px; height:16px; display: inline-block; vertical-align:middle; }
.checkaly a .txt { font-size:16px; font-weight:500; margin-left:8px; }
.checkaly a .more { background:url("/theme/basic/img/main/main_sp.png") no-repeat -520px -383px; width:24px; height:17px; display:inline-block; vertical-align:middle; margin-left:50px;  }


/*대회일 카운터*/
.countlist { position:absolute; top:-95px; right:0px; background:rgba(49, 41, 68, .6); width:195px; height:140px; font-family:'GmarketSans'; padding:33px 30px; box-sizing:border-box; }
.countlist .tita { font-size:15px; }
.countlist .dday { margin:5px 0 12px; }
.countlist .time { font-weight:bold; font-size:21px; }


/*footer*/
.footer { background:url("/theme/basic/img/main/fbg.png") no-repeat center bottom; min-height:776px; margin-top:-280px; z-index:-1; position:relative; }
.footer address { font-size:13px; opacity:.4; color:#fff; text-align:center; line-height:26px; padding-top:649px; font-weight:300; }



@keyframes titleAni {
	0%	{transform:translateY(-50px);opacity:0;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);}
	100%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);}
}

@keyframes headerAni {
	0%	{opacity:0;transform:translateY(-25px);}
	100%{opacity:1;transform:translateY(0);}
}


@media screen and (max-width:1430px){
	.wrap_inner { padding:0 20px; box-sizing:border-box; }
}

@media screen and (max-width:1290px){
	.moon { right:-66px; top:24px; }
	.gnb .gnb_al_ul { display:none; }
	.vislink { width:470px; }
	.visl li { width:140px; height:135px; }
	.visl li a { padding:10px 0; }
	.visl li a .tit { font-size:14px; }
	.visl li a .icon { margin:12px auto; }
	.bankcall { width:466px; height:195px; padding:50px 30px;  }
	.bankcall .call .num, .bankcall .bank .num { font-size:19px; }
	.checkaly { margin: 0 4px 0 0; }
}

@media screen and (max-width:1190px){
	#gnb_all_ul { padding:10%; }
	#gnb_all_ul > li { float:unset; padding:25px 0; }
	.vistitle { width:100%; margin:0 auto; text-align:center; }
	.vistitle .titb { margin: 26px auto 0 ; }
	.vislink { position:unset; width:100%; }	
	.visl { margin-top:90px; text-align:center; }
	.visl li { width:31%; }
	.partners { margin:65px 0 0 0; }
	.partners .pt li { height:34px; line-height:34px; }
	.partners .pt li .img { background-size:619px; width:154px; height:34px;  }
	.partners .pt li.dal .img { background-position:-14px -409px; }
	.partners .pt li.dalyeong .img { background-position:-199px -409px; width:270px; }
	.bankcall { width:100%; text-align: center; }
	.bankcall .call, .bankcall .bank { float:unset; display:inline-block; text-align:left; }
	
	.countlist { width:320px; height:110px; right:unset; left:50%; margin-left:-160px; text-align:center; }
	.countlist .tita { font-size:13px; float:left; }
	.countlist .dday { float:left; margin:-3px 8px 12px; }
	.vistitle .tita { padding-top:65px; }
	
}

@media screen and (max-width:720px){
	.h_box  { height:50px; }
	.h_box .logo { margin-top:26px; width:100%; }
	.h_box .logo a .slog { background-size:46px; background-position:0 0; width:46px; float:left; }
	.h_box .logo a { line-height:50px; }
	.h_box .logo a .txt { font-size:17px; float:left; line-height:23px; }
	.h_box .logo a .txt .mblock { display: block; }
	#gnb_all input, #gnb_all .sitemap { width:40px; height:40px; top:26px; }
	#gnb_all .sitemap .all { padding-top:12px; }
	#gnb_all .sitemap .all span { width:21px; height:1px; margin:0 auto 5px; }
	#gnb_all input:checked ~ .sitemap .all span:nth-last-child(2) { transform: rotate(-45deg) translate(0px, 5px); }
	#gnb_all_ul > li .gnb_all_a { font-size:22px; }
	#gnb_all_ul > li .all_row2 li a { font-size:15px; }
	.vistitle .tita { font-size:24px; }
	.vistitle .titb { background-size:451px; background-position:-12px -16px; width:320px; height:64px; }
	.vt { margin:38px 0 0 0 ; }
	.vt li { font-size:13px; }
	.partners { text-align:center; }
	.partners .pt li .bold { font-size:10px; margin:0 5px 0 0;  }
	.partners .pt li { margin:0 ; height:20px; line-height:15px; }
	.partners .pt li .img { background-size:332px; width:83px; height:20px; }
	.partners .pt li.dal .img { background-position:-8px -219px; }
	.partners .pt li.dalyeong .img { background-position:-106px -219px; width:145px; }
	.partners .pt li.dalyeong { margin-left:10px; }
	.visl li { margin:0; width:30%; height:100px; } 
	.visl li a .tit { font-size:13px; }
	.visl li a .icon { height:53px; margin:0 auto; background-size:527px; }
	.visl li.va a .icon { background-position:-31px -147px;  }
	.visl li.vb a .icon { background-position:-157px -147px;  }
	.visl li.vc a .icon { background-position:-285px -147px;  }
	.bankcall .call::after { display:none; }
	.bankcall { padding:20px; }
	.bankcall .call, .bankcall .bank { display:block; }
	.bankcall .tita .txt { font-size:13px; }
	.bankcall .tita .stxt { font-size:10px; margin:2px 0 0 0; }
	.bankcall .call { padding:0px; margin-top:-5px; }
	.bankcall .call .call_ico { background-size:548px; background-position:-56px -254px; width:32px; height:31px; margin:0 2px 0 0; }
	.bankcall .call .tita { float:left; margin-right:10px;  }
	.bankcall .bank { padding:0px; margin-top:41px;  }
	.bankcall .call .num, .bankcall .bank .num { font-size:19px; }
	.bankcall .bank .num { margin:6px 0 0 4px; }
	.bankcall .bank .tita { margin:4px 0 0 4px; font-size:13px; }
	.bankcall .bank .bank_ico { background-size:573px; background-position:-168px -271px; width:79px; height:19px; }
	.bankcall .call::after { content:''; width:100%; height:1px; background-color:#fff; display:block; position:absolute; top:47px; left:0px; }
	.checkaly { width:170px; height:43px; margin:0; }
	.checkaly a .txt { font-size:14px; }
	.footer { background-position:25% bottom; }
	.footer address { font-size:11px; line-height:20px; }
	.footer .mblock { display:block; }
	.menu_sub { margin-top:66px; }
	#ctt header h1 { font-size:32px !important; margin-top:90px !important; }
	
	.countlist { top:-40px; }
	.vistitle .tita { padding-top:110px; }
	
	.h_box .logo a .txt_2024 { background-size:158px; width:160px; }
	.vistitle .titb_2024 { background-size:248px; width:262px; height:86px; padding-top:81px; background-position: bottom; }
	
	
}