._main{ width: 100%; overflow: hidden; position: relative; }

/* Main Visual */
.visual{ width: 100%; height: 100vh; position: relative; background: url('/img/main_visual.jpg') center no-repeat; background-size: cover; overflow: hidden; box-sizing: border-box; }
.visual ._title{ position: absolute; bottom: -12px; left: 0; font-family: 'Jalnan'; color: #ffc400; z-index: 10; }
.visual ._title dl dt{ font-size: 48px; }
.visual ._title dl dd{ font-size: 40px; letter-spacing: 0.2em; margin-top: 40px; }
.visual ._title h1{ font-size: 130px; margin-top: 30px; position: relative; }
.visual ._title h1::after{ content: ''; display: block; width: 36px; height: 36px; border-radius: 50%; background-color: #ffc400; position: absolute; right: 3px; bottom: calc(100% + 16px); }

.visual .st{ position: absolute; animation: rotate 3s; }
.visual .star1{ top: 0; left: 163px; animation-duration: 1s; }
.visual .star2{ top: 260px; left: 257px; animation-duration: 4s; }
.visual .star3{ top: 462px; left: 110px; animation-duration: 2s; }
.visual .star4{ top: 320px; right: 163px; animation-duration: 3s; }

@keyframes rotate{
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg); }
}

@media screen and (max-width: 1440px){
    .visual ._title h1{ font-size: 9vw; }
}

@media screen and (max-width: 1000px){
    .visual{ height: 750px; }
    .visual ._title dl dt{ font-size: 4.8vw; }
    .visual ._title dl dd{ font-size: 4vw; margin-top: 20px; }
    .visual ._title h1{ margin-top: 15px; }
    .visual ._title h1::after{ width: 20px; height: 20px; bottom: calc(100% + 10px); }

    .visual .star1{ left: 5%;}
    .visual .star2{ left: 20%;}
    
    .visual .star4{ top: 150px; right: 1%; }
}

@media screen and (max-width: 780px){
    .visual .star2{ left: 15%;}
    .visual .star3{ left: -5%; }
    .visual .star4{ top: 150px; right: -10%; }

    .visual{ height: 600px; }

    .visual ._title dl dd{ margin-top: 10px; }
    .visual ._title h1{ margin-top: 10px; }
    .visual ._title h1::after{ width: 15px; height: 15px; bottom: calc(100% + 5px); }
}

@media screen and (max-width: 500px){
    .visual{ height: 450px; }
    .visual ._title{ bottom: -0.3em; }

    .visual .star2{ top: 200px; }
    .visual .star3{ bottom: 0; top: auto; }

    .visual ._title dl dd{ margin-top: 5px; }
    .visual ._title h1{ margin-top: 5px; }
}

@media screen and (max-width: 400px){
    .visual .star1{ width: 30%; }
    .visual .star2{ width: 15%; left: 10%; }
    .visual .star3{ left: -10%; }
    .visual .star4{ width: 33%; top: 150px; right: -20%; }
}



/* section01 - Hover button */
.se01{ background-color: #ffc400; }
.se01 .btnSet{ width: 100%; max-width: 1200px; margin: 0 auto; display: flex; padding: 74px 0; justify-content: space-between; }
.se01 .btnSet li{ width: calc(160 / 1200 * 100%); background-color: #fff; border-radius: 50%; position: relative; }
.se01 .btnSet li::before{ content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; background-color: #fff; transition-duration: 0.4s; }
.se01 .btnSet li::after{ content: ''; display: block; padding-bottom: 100%; }
.se01 .btnSet li:last-of-type{ background-color: #00c0ff; }
.se01 .btnSet li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; border-radius: 50%; }
.se01 .btnSet li p{ font-family: 'Jalnan'; font-size: 21px; margin-top: 20px; white-space: nowrap; }

@media screen and (min-width: 781px){
    .se01 .btnSet li:hover::before{ transform: scale(1.15); }
}

@media screen and (max-width: 1280px){
    .se01 .btnSet li p{ font-size: 18px; margin-top: 10px; }
}

@media screen and (max-width: 1000px){
    .se01 .btnSet li{ width: 15%; }
    .se01 .btnSet li p{ font-size: 16px; }
}

@media screen and (max-width: 780px){
    .se01 .btnSet{ flex-wrap: wrap; width: 70%; padding: 30px 0; }
    .se01 .btnSet li{ width: 30%; margin-bottom: 10px; }
}

@media screen and (max-width: 600px){
    .se01 .btnSet{ width: 90%; }
    .se01 .btnSet li p{ font-size: 14px; }
}

@media screen and (max-width: 400px){
    .se01 .btnSet{ width: 100%; }
    .se01 .btnSet li{ width: 32%; }
    .se01 .btnSet li p{ font-size: 14px; margin-top: 5px; }
}


/* section02 - Summary */
.se02{ width: 100%; position: relative; background-color: #2240ae; display: flex; }
.se02 .se02_L{ position: absolute; bottom: 0; left: 0; width: calc(1100 / 1920 * 100%); overflow: hidden; }
.se02 .se02_R{ width: calc(800 / 1920 * 100%); margin-left: auto; font-family: 'Jalnan'; color: #fff; padding-top: 165px; padding-bottom: 75px; position: relative; z-index: 10; padding-right: 5%; box-sizing: border-box; }
.se02 .se02_R dl dt{ font-size: 20px; letter-spacing: 0.2em; }
.se02 .se02_R dl dd{ font-size: 38px; margin-top: 10px; }
.se02 .se02_R ul{ width: 100%; margin-top: 38px; }
.se02 .se02_R ul li{ width: 100%; display: flex; align-items: center; margin-bottom: 20px; }
.se02 .se02_R ul li:last-of-type{ margin-bottom: 0; }
.se02 .se02_R ul li span{ font-size: 24px; padding: 10px 35px; background-color: #fe99b8; border-radius: 16px; margin-right: 20px; flex-shrink: 0; }
.se02 .se02_R ul li p{ font-size: 20px; letter-spacing: -0.04em; }
.se02 .hang{ position: absolute; top: -75px; right: 40px; }

@media screen and (max-width: 1600px){
    .se02 .se02_R{ padding-top: 100px; }
}

@media screen and (max-width: 1280px){
    .se02 .hang{ top: -45px; left: 40%; }
    .se02 .se02_R{ width: 50%; }
    .se02 .se02_L{ left: -5%; }

    .se02 .se02_R dl dt{ font-size: 18px; }
    .se02 .se02_R dl dd{ font-size: 28px; }
    .se02 .se02_R ul{ margin-top: 20px; }
    .se02 .se02_R ul li{ margin-bottom: 10px; }
    .se02 .se02_R ul li span{ padding: 10px 25px; font-size: 20px; border-radius: 10px; }
}

@media screen and (max-width: 1000px){
    .se02{ flex-direction: column-reverse; }
    .se02 .se02_L{ position: static; width: 100%; max-width: 600px; margin: 0 auto; overflow: visible; }
    .se02 .se02_L > img{ margin-left: -2%; margin-top: -5%; }
    .se02 .se02_R{ width: 90%; max-width: 600px; margin: 0 auto; padding: 20px 30px; background-color: rgba(0,0,0,0.2); margin-top: 50px; border-radius: 15px; }
    .se02 .se02_R dl{ text-align: center; }
}

@media screen and (max-width: 780px){
    .se02 .hang{ left: 30%; top: -20px; right: 5%; }
    .se02 .se02_R dl dt{ font-size: 16px; }
    .se02 .se02_R dl dd{ font-size: 24px; }
    .se02 .se02_R ul li span{ font-size: 16px; }
    .se02 .se02_R ul li p{ font-size: 18px; }
    
}

@media screen and (max-width: 500px){
    .se02 .hang{ left: 5%; top: -20px; right: 5%; }
    .se02 .se02_R{ padding: 15px 10px; }
    .se02 .se02_R dl dt{ font-size: 14px; }
    .se02 .se02_R dl dd{ font-size: 20px; }
    .se02 .se02_R ul li span{ font-size: 14px; padding: 7px 15px; margin-right: 10px; }
    .se02 .se02_R ul li p{ font-size: 15px; }
}


/*section03 - Event*/
.se03{ position: relative; width: 100%; padding-top: 95px; padding-bottom: 130px; z-index: 2; }
.se03 .event_tit{ font-family: 'Jalnan'; }
.se03 .event_tit dt{ font-size: 42px; }
.se03 .event_tit dt span{ color: #2240ae; }
.se03 .event_tit dd{ font-size: 18px; color: #666; margin-top: 17px; word-break: keep-all; line-height: 1.4; }
.se03 .events{ width: 100%; margin-top: 70px; display: flex; }
.se03 .events li{ width: calc(400 / 1280 * 100%); position: relative; margin-right: calc(40 / 1280 * 100%); }
.se03 .events li:last-of-type{ margin-right: 0; }
.se03 .events li .thumb{ position: relative; width: 100%; border-radius: 30px; border: 2px solid #c9c9c9; box-sizing: border-box; overflow: hidden; transition-duration: 0.4s; }
.se03 .events li .thumb::after{ content: ''; display: block; padding-bottom: calc(186 / 322 * 100%); }
.se03 .events li .thumb .max{ position: absolute; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; transition-duration: 0.4s; } 
.se03 .events li dl{ margin-top: 15px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.025em; }
.se03 .events li dl dt{ font-size: 16px; color: #2240ae; font-weight: 700; line-height: 1.2; }
.se03 .events li dl dd{ font-size: 20px; color: #181818; font-weight: 700; margin-top: 10px; word-break: keep-all; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }

@media screen and (min-width: 781px){
    .se03 .events li:hover .thumb{ border-color: #ffc400; }
    .se03 .events li:hover .thumb .max{ transform: scale(1.1); }
}

/* @media screen and (max-width: 1800px){
    .se03{ padding-bottom: 200px; }
} */

@media screen and (max-width: 1400px){
    .se03 .event_tit dt{ font-size: 38px; }
    .se03 .event_tit dd{ font-size: 16px; margin-top: 15px; }
    .se03 .events{ margin-top: 40px; }
    .se03 .events li dl dt{ font-size: 18px; margin-top: 20px; }
    .se03 .events li dl dd{ font-size: 18px; margin-top: 10px; }
}

@media screen and (max-width: 1280px){
    .se03 .event_tit dt{ font-size: 32px; }
    .se03 .event_tit dd{ font-size: 15px; margin-top: 10px; }
    .se03 .events{ margin-top: 30px; }
    .se03 .events li{ width: 32%; }
    .se03 .events li .thumb{ border-radius: 20px; }
    .se03 .events li dl dt{ font-size: 16px; margin-top: 15px; }
    .se03 .events li dl dd{ font-size: 16px; margin-top: 10px; }
}

@media screen and (max-width: 1000px){
    .se03 .event_tit dt{ font-size: 28px; }
    .se03 .events li dl dt{ font-size: 14px; }
    .se03 .events li dl dd{ font-size: 14px; margin-top: 5px; }
}

@media screen and (max-width: 780px){
    .se03 .event_tit dt{ font-size: 24px; }
    .se03 .event_tit dd{ font-size: 14px; }
    .se03{ padding-bottom: 70px; padding-top: 50px;}
}

@media screen and (max-width: 600px){
    .se03 .events{ flex-direction: column; justify-content: center; align-items: center; }
    .se03 .events li{ width: 100%; max-width: 300px; margin-bottom: 25px; margin-right: 0; }
}

@media screen and (max-width: 500px){
    .se03 .event_tit dt{ font-size: 20px; }
}


/*section04 - Free Event*/
.se04{ position: relative; width: 100%; background: url('/img/main_se04_bg.png') right top no-repeat; padding: 72px 0; }
.se04 .wrap1280{ display: flex; align-items: center; z-index: 9; }
.se04 .free{ color: #fff; font-family: 'Jalnan' }
.se04 .free h1{ font-size: 40px; }
.se04 .free ul{ margin-top: 40px; }
.se04 .free ul li{ font-size: 22px; margin-bottom: 13px; word-break: keep-all; line-height: 1.2; text-indent: -1em; margin-left: 1em; }
.se04 .free ul li::before{ content: '- '; }
.se04 .free_submit{ width: 260px; height: 260px; margin-left: 100px; flex-shrink: 0; border-radius: 50%; }
.se04 .free_submit .free_smWrap{ width: 100%; height: 100%; display: flex; background-color: #fff; border-radius: 50%; justify-content: center; align-items: center; flex-direction: column; transition-duration: 0.4s; }
.se04 .free_submit h3{ font-family: 'Jalnan'; font-size: 30px; margin-top: 13px; }

.se04 .dc{ position: absolute; }
.se04 .deco1{ bottom: calc(264 / 410 * 100%); right: 0; }
.se04 .deco2{ bottom: calc(160 / 410 * 100%); right: 30px; animation: horse 2s ease-in-out infinite; transform-origin: 50% 100%;}

/* @keyframes horse{
    0%{ transform: rotate(0deg); }
    50%{ transform: rotate(5deg); }
    100%{ transform: rotate(0deg); }
} */

@media screen and (min-width: 781px){
    .se04 .free_submit:hover .free_smWrap{ background-color: #ffcc26; }
}

@media screen and (max-width: 1800px){
    .se04 .deco1{ bottom: 40%; }
    .se04 .deco2{ bottom: 20%; }
}

@media screen and (max-width: 1400px){
    .se04 .free h1{ font-size: 38px; }
    .se04 .free_submit{ margin-left: 40px; }
}

@media screen and (max-width: 1280px){
    .se04 .free h1{ font-size: 32px; }
    .se04 .free ul{ margin-top: 20px; }
    .se04 .free ul li{ font-size: 18px; }
    .se04 .free_submit{ width: 200px; height: 200px; }
    .se04 .free_submit h3{ font-size: 24px; }

    .se04 .deco2{ max-width: 400px; }
}

@media screen and (max-width: 1000px){
    .se04{ background-position: right 10% top; }
}

@media screen and (max-width: 780px){
    .se04 .deco2{ left: 50%; }
    .se04 .deco1{ left: 40%; }
    .se04 .free_submit{ margin-left: 20px; }
    .se04 .free h1{ font-size: 26px; }
    .se04 .free ul li{ font-size: 16px; margin-bottom: 10px; }
}

@media screen and (max-width: 600px){
    .se04{ padding: 30px 0; }
    .se04 .wrap1280{ flex-direction: column-reverse; }
    .se04 .deco2{ bottom: 50%; left: 50%; }
    .se04 .deco1{ bottom: 60%; left: 40%; }
    .se04 .free{ width: 100%; }
    .se04 .free_submit{ width: 130px; height: 130px; margin-right: auto; margin-bottom: 20px; margin-left: 0; }
    .se04 .free_submit .free_smWrap > img{ width: 40%;}
    .se04 .free_submit h3{ font-size: 18px; }
    .se04 .free h1{ font-size: 20px; }
    .se04 .free ul li{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    .se04 .deco2{ bottom: 50%; left: 40%; }
    .se04 .deco1{ bottom: 60%; left: 30%; }
    .se04 .free h1{ font-size: 18px; }
    .se04 .free_submit h3{ font-size: 16px; margin-top: 10px; }
    .se04 .free_submit{ width: 110px; height: 110px; }
    
}

@media screen and (max-width: 350px){
    .se04 .deco2{ bottom: 60%; left: 30%; }
    .se04 .deco1{ bottom: 70%; left: 20%; }
}


/*section05 - Companies*/
.se05{ position: relative; width: 100%; background: url('/img/main_se05_bg.jpg') center no-repeat; background-size: cover; padding-top: 90px; padding-bottom: 45px; }
.se05 .corpWrap{ width: 100%; max-width: 1045px; }
.se05 .corpWrap .corpTit{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
.se05 .corpWrap .corpTit h1{ font-family: 'Jalnan'; font-size: 40px; color: #2240ae; }
.se05 .corpWrap .corpTit .corp_more{ width: 50px; height: 50px; border-radius: 50%; background-color: #ffc400; display: flex; align-items: center; justify-content: center; }
.se05 .corpWrap .corpTit .corp_more img{ transition-duration: 0.4s; }
.se05 .corpWrap > ul{ width: 100%; margin-top: 24px; display: flex; flex-wrap: wrap; position: relative; z-index: 9; }
.se05 .corpWrap > ul > li{ width: calc(322 / 1045 * 100%); margin-bottom: 55px; margin-right: calc(39 / 1045 * 100%); }
.se05 .corpWrap > ul > li:nth-of-type(3n){ margin-right: 0; }
.se05 .corpWrap > ul > li .corpLogo{ width: 100%; border: 4px solid #2240ae; position: relative; border-radius: 15px; background-color: #fff; box-sizing: border-box; overflow: hidden; transition-duration: 0.4s; }
.se05 .corpWrap > ul > li .corpLogo::after{ content: ''; display: block; padding-bottom: calc(182 / 322 * 100%); }
.se05 .corpWrap > ul > li .corpLogo .max{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; transition-duration: 0.4s; display: flex; justify-content: center; align-items: center; background-size: cover; }
.se05 .corpWrap > ul > li dl{ margin-top: 20px; text-align: center; color: #181818; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.025em; }
.se05 .corpWrap > ul > li dl dt{ font-size: 24px; }
.se05 .corpWrap > ul > li dl dd{ margin-top: 10px; font-size: 18px; line-height: calc(24 / 18); font-weight: 300; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }

@media screen and (min-width: 781px){
    .se05 .corpWrap .corpTit .corp_more:hover img{ transform: rotate(180deg); }
    .se05 .corpWrap > ul > li:hover .corpLogo .max{ transform: scale(1.1); }
    .se05 .corpWrap > ul > li:hover .corpLogo{ border-color: #ffc400; }
}

@media screen and (max-width: 1400px){
    .se05{ padding-bottom: 150px; }
    .se05 .corpWrap .corpTit h1{ font-size: 38px; }
    .se05 .corpWrap > ul > li dl dt{ font-size: 22px; }
    .se05 .corpWrap > ul > li dl{ margin-top: 15px; }
}

@media screen and (max-width: 1280px){
    .se05 .corpWrap .corpTit h1{ font-size: 32px; }
    .se05 .corpWrap > ul > li dl dt{ font-size: 20px; }
    .se05 .corpWrap > ul > li dl dd{ font-size: 16px; }
    .se05 .corpWrap > ul > li dl{ margin-top: 10px; }
}

@media screen and (max-width: 1000px){
    .se05 .corpWrap .corpTit h1{ font-size: 28px; }
    .se05 .corpWrap .corpTit .corp_more{ width: 40px; height: 40px; padding: 10px; box-sizing: border-box; }
    .se05 .corpWrap > ul > li dl dt{ font-size: 18px; }
    .se05 .corpWrap > ul > li dl dd{ font-size: 14px; }
    .se05 .corpWrap > ul > li{ width: 32%; margin-bottom: 30px; margin-right: 2%; }
}

@media screen and (max-width: 780px){
    .se05{ background-image: url('/img/main_se05_mob_bg.jpg'); background-position: bottom center; background-repeat: no-repeat; background-color: #eceff1; background-size: 100%; }
    .se05 .corpWrap .corpTit h1{ font-size: 24px; }
    .se05 .corpWrap > ul{ justify-content: space-between; }
    .se05 .corpWrap > ul > li{ width: 49%; margin-right: 0; }
    .se05 .corpWrap > ul{ padding: 15px; box-sizing: border-box; background-color: rgba(255,255,255,0.5); border-radius: 15px; }
    .se05 .corpWrap > ul > li dl dt{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    .se05{ padding-bottom: 50px; }
    .se05 .corpWrap .corpTit h1{ font-size: 20px; }
    .se05 .corpWrap .corpTit .corp_more{ width: 30px; height: 30px; padding: 5px; }
    .se05 .corpWrap > ul{ margin-top: 15px; padding: 10px; }
    .se05 .corpWrap > ul > li{ margin-bottom: 25px; width: 100%; }
    .se05 .corpWrap > ul > li .corpLogo{ border-width: 3px; border-radius: 10px; }
    .se05 .corpWrap > ul > li dl dd{ margin-top: 5px; font-size: 12px; }
    
}


/*section06 - Center*/
.se06{ position: relative; width: 100%; background-color: #ffc400; color: #fff; padding: 152px 0; }
.se06 .se06_L{ width: calc(912 / 1920 * 100%); position: absolute; bottom: 0; left: 0; overflow: hidden; }
.se06 .se06_L > img{ margin-left: 104px; }
.se06 .se06_R{ width: calc(956 / 1920 * 100%); margin-left: auto; font-family: 'Jalnan'; }
.se06 .se06_R dl dt{ font-size: 40px; }
.se06 .se06_R dl dd{ font-size: 70px; margin-top: 20px; }
.se06 .se06_R h2{ font-size: 30px; letter-spacing: 0.075em; margin-top: 30px; }

.se06 .dc{ position: absolute; }
.se06 .deco1{ top: -126px; left: 50px; }
.se06 .deco2{ top: -65px; left: calc(620 / 1920 * 100%); }
.se06 .deco3{ bottom: -126px; right: 63px; }

@media screen and (max-width: 1400px){
    .se06 .se06_L > img{ margin-left: 40px; }
    .se06 .se06_R dl dt{ font-size: 36px; }
    .se06 .se06_R dl dd{ font-size: 60px; margin-top: 10px; }
    .se06 .se06_R h2{ font-size: 26px; margin-top: 25px; }
}

@media screen and (max-width: 1280px){
    .se06{ padding: 100px 0; }
    .se06 .se06_L{ width: 45%; }
    .se06 .se06_R{ width: 55%; }
    .se06 .deco1{ width: 16%; top: 0; transform: translateY(-70%); }
    .se06 .deco2{ width: 13%; top: 0; transform: translateY(-60%); }
    .se06 .deco3{ width: 16%; bottom: 0; transform: translateY(50%); }
}

@media screen and (max-width: 1000px){
    .se06{ padding: 60px 0; padding-bottom: 250px; }
    .se06 .se06_L{ width: 50%; left: auto; right: 0; }
    .se06 .se06_R{ width: 100%; padding: 1% 5%; box-sizing: border-box; max-width: 1280px; margin: 0 auto; position: relative; z-index: 5; text-align: center; }
    .se06 .se06_L > img{ margin-left: 0; }

    .se06 .se06_R dl dt{ font-size: 30px; }
    .se06 .se06_R dl dd{ font-size: 50px; }
    .se06 .se06_R h2{ font-size: 24px; }
}

@media screen and (max-width: 780px){
    .se06{ padding-bottom: 25%; }
    .se06 .se06_L{ left: 50%; transform: translateX(-50%); }

    .se06 .se06_R dl dt{ font-size: 26px; }
    .se06 .se06_R dl dd{ font-size: 40px; }
    .se06 .se06_R h2{ font-size: 20px; margin-top: 15px; }
}

@media screen and (max-width: 500px){
    .se06{ padding-top: 30px; padding-bottom: 35%; }
    .se06 .se06_R dl dt{ font-size: 22px; }
    .se06 .se06_R dl dd{ font-size: 36px; }
    .se06 .se06_R h2{ font-size: 16px; margin-top: 10px; }
    .se06 .se06_L{ width: 70%; }

    .se06 .deco1{ left: 5%; }
    .se06 .deco2{ left: 40%; }
    .se06 .deco3{ right: 5%; }
}


/*Fix content*/
.fixCon{ display: block; position: absolute; top: 500px; right: -64px; z-index: 99;  animation: updown 2s ease-in-out infinite; }
.fixCon ._banner_{ width: 362px; height: 362px; border-radius: 50%; background-color: #ffc813; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; border: 2px solid #ffc813; box-sizing: border-box; transition-duration: 0.4s; }
.fixCon::before{ content: ''; display: block; position: absolute; bottom: -40px; right: -40px; width: calc(100% + 80px); height: 577px; background: url('/img/contact_banner2.png'); background-size: cover; transition-duration: 0.4s; }
.fixCon .circleW{ width: 140px; height: 140px; background-color: #fff; border-radius: 50%; display: flex; align-items: flex-end; justify-content: center; margin: 0 auto; }
.fixCon .circleW > img{ margin-bottom: 10px; }
.fixCon h1{ font-family: 'Jalnan'; font-size: 35px; margin-top: 15px; }
.fixCon .fixmore{ margin-top: 25px; font-family: 'Jalnan'; font-size: 12px; padding: 10px 35px; border: 3px solid #4f4909; border-radius: 5px; transition-duration: 0.4s; }

@keyframes updown{
    0%{ transform: translateY(0); }
    50%{ transform: translateY(5%); }
    100%{ transform: translateY(0); }
}

@media screen and (min-width: 781px){
    .fixCon:hover ._banner_{ background-color: rgba(255, 200, 19, 0.7); }
    .fixCon:hover .fixmore{ background-color: #4f4909; color: #fff; }
}

@media screen and (max-width: 1440px){
    .fixCon{ right: -38px; top: 400px; }
    .fixCon ._banner_{ width: 260px; height: 260px; }
    .fixCon::before{ height: 420px; width: calc(100% + 60px); bottom: -30px; right: -30px; }
    .fixCon .circleW{ width: 100px; height: 100px; }
    .fixCon .circleW > img{ width: 70%; }
    .fixCon h1{ font-size: 24px; margin-top: 10px; }
    .fixCon .fixmore{ margin-top: 15px; padding: 7px 20px; }
}

@media screen and (max-width: 1000px){
    .fixCon{ right: -20px; top: 350px; }
    .fixCon ._banner_{ width: 200px; height: 200px;  }
    .fixCon::before{ height: 315px; width: calc(100% + 40px); bottom: -20px; right: -20px; }
    .fixCon .circleW{ width: 80px; height: 80px; }
    .fixCon .circleW > img{ width: 77%; margin-bottom: 5px; }
    .fixCon h1{ font-size: 20px; margin-top: 7px; }
    .fixCon .fixmore{ margin-top: 10px; padding: 5px 15px; }
}

@media screen and (max-width: 780px){
    .fixCon{ right: -20px; top: 350px; }
    .fixCon ._banner_{ width: 130px; height: 130px; }
    .fixCon::before{ height: 210px; width: calc(100% + 30px); bottom: -15px; right: -15px; }
    .fixCon .circleW{ width: 55px; height: 55px; }
    .fixCon .circleW > img{ margin-bottom: 3px; }
    .fixCon h1{ font-size: 16px; margin-top: 5px; }
    .fixCon .fixmore{ margin-top: 5px; padding: 2px 10px; font-size: 10px; border-width: 2px; }
}

@media screen and (max-width: 500px){
    .fixCon{ right: -10px; top: 330px; }
    .fixCon ._banner_{ width: 100px; height: 100px; }
    .fixCon ._banner_{ padding-bottom: 8px; box-sizing: border-box; }
    .fixCon::before{ height: 158px; width: calc(100% + 20px); bottom: -10px; right: -10px; }
    .fixCon .circleW{ width: 40px; height: 40px; }
    .fixCon .circleW > img{ margin-bottom: 3px; }
    .fixCon h1{ font-size: 14px; margin-top: 2px; }
    .fixCon .fixmore{ margin-top: 2px; padding: 2px 5px; font-size: 10px; border-width: 2px; }
}


._fair2 .visual{ background-image: url(/img/main_visual2.jpg); }
._fair3 .visual{ background-image: url(/img/main_visual3.jpg); }
._fair4 .visual{ background-image: url(/img/main_visual4.jpg); }



/* 250714_게이트페이지 추가 */
._gate{ width: 100%; position: relative; overflow: hidden; height: 100vh; box-sizing: border-box; font-family: 'Pretendard'; word-break: keep-all; }
._gate .bgarea{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #33a7ea; z-index: 0; }
._gate .bgarea > strong{ display: block; writing-mode: vertical-lr; color: #cccccc; font-size: 20px; letter-spacing: -0.05em; font-family: 'Jalnan'; position: absolute; right: 55px; top: 30px; }
._gate .bgarea > strong span{ color: #ffc400; }
._gate .bgarea img{ position: absolute;  }
._gate .bgarea img:nth-of-type(1){ left: calc(410 / 1920 * 100%); top: 0; z-index: 1; }
._gate .bgarea img:nth-of-type(2){ left: calc(490 / 1920 * 100%); top: calc(135 / 960 * 100%); z-index: 0; }
._gate .bgarea img:nth-of-type(3){ left: calc(1130 / 1920 * 100%); top: calc(-10 / 960 * 100%); }
._gate .bgarea img:nth-of-type(4){ right: calc(-220 / 1920 * 100%); bottom: 10%; }

._gate .clouds{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; pointer-events: none; }
._gate .clouds img{ position: absolute; }
._gate .clouds img:nth-of-type(1){ left: 0; bottom: 0; width: calc(620 / 1920 * 100%); }
._gate .clouds img:nth-of-type(2){ left: calc(185 / 1920 * 100%); bottom: 0; width: calc(1325 / 1920 * 100%); z-index: 2; }
._gate .clouds img:nth-of-type(3){ left: calc(1215 / 1920 * 100%); bottom: 0; width: calc(705 / 1920 * 100%); }

._gate .inner{ position: relative; z-index: 1; display: flex; height: 100%; }
._gate .inner .lbx{ width: calc(610 / 1450 * 100%); padding-right: 20px; box-sizing: border-box; height: 100%; justify-content: center; display: flex; flex-direction: column; position: relative; z-index: -1; padding-left: calc(245 / 1920 * 100%); }
._gate .inner .lbx > img{ position: absolute; right: -12%; bottom: 13vh; z-index: -1; }
._gate .inner .lbx > dl{ font-family: 'Jalnan'; position: relative; z-index: 5; padding-bottom: 15vh; }
._gate .inner .lbx > dl dt{ font-size: 55px; letter-spacing: -0.05em; line-height: 1.4; color: #ffc400; position: relative; z-index: 0; }
._gate .inner .lbx > dl dt.emp{ font-size: 65px; letter-spacing: -0.05em; color: #f15d73; }

._gate .inner .lbx > dl dt::before { /* 텍스트 stroke */
    z-index: -1;
    content: attr(data-content);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 10px #fff;
}

._gate .inner .lbx > dl dd{ font-size: 30px; letter-spacing: -0.05em; line-height: calc(54 / 30); color: #fff; margin-top: 50px; }

._gate .inner .rbx{ width: calc(840 / 1450 * 100%); box-sizing: border-box;  height: 100%; display: flex; justify-content: center; flex-direction: column; z-index: 10; padding-right: calc(245 / 1920 * 100%); }
._gate .inner .rbx .fairlist{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px; }
._gate .inner .rbx .fairlist li{  width: calc(410 / 840 * 100%); margin-bottom: 15px; border-radius: 12px; overflow: hidden; position: relative; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); border: 3px solid #fff; box-sizing: border-box; transition-duration: 0.2s;  }
._gate .inner .rbx .fairlist li.center{ margin: 0 auto; }
._gate .inner .rbx .fairlist li > a{ display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 35px; box-sizing: border-box; position: relative; cursor: none; }

._gate .inner .rbx .fairlist li > a > dl{ position: absolute; top: 0; left: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; width: 100%; height: 100%; transition-duration: 0.4s; }
._gate .inner .rbx .fairlist li > a > dl dt{ font-size: 35px; letter-spacing: -0.045em; font-family: 'Jalnan'; }
._gate .inner .rbx .fairlist li > a > dl dd{ font-size: 30px; letter-spacing: -0.05em; color: #454545; font-weight: 700; margin-top: 20px; }

._gate .inner .rbx .fairlist li > a .over{ transition-duration: 0.4s; display: flex; flex-direction: column; justify-content: center; height: 100%; box-sizing: border-box; }
._gate .inner .rbx .fairlist li > a .over strong{ display: block; font-size: 32px; letter-spacing: -0.05em; line-height: 1.3; font-family: 'Jalnan'; }
._gate .inner .rbx .fairlist li > a .over strong span{ display: block; font-size: 36px; letter-spacing: -0.03em; color: #000; transition-duration: 0.2s; }
._gate .inner .rbx .fairlist li > a .over strong em{ display: block; font-size: 24px; letter-spacing: -0.03em; color: #999999; margin-top: 10px; }

._gate .inner .rbx .fairlist li > a .over .inbx{ margin-top: 50px; }
._gate .inner .rbx .fairlist li > a .over .inbx > p{ display: block; margin-bottom: 23px; }
._gate .inner .rbx .fairlist li > a .over .inbx > p:last-of-type{ margin-bottom: 0; }
._gate .inner .rbx .fairlist li > a .over .inbx > p em{ display: inline-block; font-size: 18px; letter-spacing: -0.05em; color: #555555; font-weight: 600; }
._gate .inner .rbx .fairlist li > a .over .inbx > p small{ display: block; font-size: 20px; font-weight: 700;letter-spacing: -0.03em; line-height: 1.3; color: #000; margin-top: 10px; }

._gate .inner .rbx .fairlist li:hover{ border-color: #ffa800 }
._gate .inner .rbx .fairlist li:hover .over strong span{ color: #ffa800 }


/* ._gate .inner .rbx .fairlist li:nth-of-type(1) > a > dl dt{ color: #f15d73; }
._gate .inner .rbx .fairlist li:nth-of-type(2) > a > dl dt{ color: #5b1e08; }
._gate .inner .rbx .fairlist li:nth-of-type(3) > a > dl dt{ color: #069db1; }
._gate .inner .rbx .fairlist li:nth-of-type(4) > a > dl dt{ color: #fcbc49; }

._gate .inner .rbx .fairlist li:nth-of-type(1) > a .over strong{ color: #e5696b; }
._gate .inner .rbx .fairlist li:nth-of-type(1) > a .over strong span{ color: #da4446; }

._gate .inner .rbx .fairlist li:nth-of-type(2) > a .over strong{ color: #974425; }
._gate .inner .rbx .fairlist li:nth-of-type(2) > a .over strong span{ color: #5b1e08; }

._gate .inner .rbx .fairlist li:nth-of-type(3) > a .over strong{ color: #43b6c5; }
._gate .inner .rbx .fairlist li:nth-of-type(3) > a .over strong span{ color: #069db1; }

._gate .inner .rbx .fairlist li:nth-of-type(4) > a .over strong{ color: #ffd17d; }
._gate .inner .rbx .fairlist li:nth-of-type(4) > a .over strong span{ color: #fcbc49; }


._gate .inner .rbx .fairlist li:hover > a .over{ transform: translateY(0); opacity: 1; }
._gate .inner .rbx .fairlist li:hover > a > dl{ opacity: 0; } */



@media screen and (max-width: 1800px){
    ._gate .bgarea > strong{ right: 2%; }
    ._gate .inner .rbx{ padding-right: 4%; }
    ._gate .inner .lbx{ padding-left: 4%; }
    ._gate .inner .rbx .fairlist li > a .over strong{ font-size: 28px; }
    ._gate .inner .lbx > dl dd{ margin-top: 30px; font-size: 26px; }
}

@media screen and (max-width: 1440px){
    ._gate .bgarea img:nth-of-type(4){ bottom: 0; }
    ._gate .inner .rbx .fairlist li > a{ padding: 25px; }
    ._gate .inner .rbx .fairlist li > a .over strong{ font-size: 24px; }
    ._gate .inner .lbx > dl dd{ margin-top: 20px; font-size: 22px; }
    ._gate .inner .rbx .fairlist li > a > dl dt{ font-size: 32px; }
    ._gate .inner .rbx .fairlist li > a > dl dd{ font-size: 26px;margin-top: 15px; }
    ._gate .inner .rbx .fairlist li > a .over .inbx > p em{ font-size: 16px; }
    ._gate .inner .rbx .fairlist li > a .over .inbx > p small{ font-size: 18px; }
}

@media screen and (max-width: 1280px){
    ._gate .bgarea img:nth-of-type(1){ width: calc(150 / 1280 * 100%); }
    ._gate .bgarea img:nth-of-type(2){ width: calc(185 / 1280 * 100%); top: 10%; }
    ._gate .bgarea img:nth-of-type(3){ width: calc(245 / 1280 * 100%); }
    ._gate .bgarea img:nth-of-type(4){ bottom: -10%; width: 45%; }
    ._gate .inner .lbx > dl dt.emp{ font-size: 58px; }
    ._gate .inner .lbx > dl dt{ font-size: 36px; }
    ._gate .inner .lbx > dl dd{ font-size: 16px; }
    ._gate .inner .rbx .fairlist{ margin-top: 5px; }
    ._gate .inner .rbx .fairlist li{ margin-bottom: 10px; }
    ._gate .inner .rbx .fairlist li > a{ padding: 20px; }
    ._gate .inner .rbx .fairlist li > a .over strong{ font-size: 20px; }
    ._gate .inner .rbx .fairlist li > a .over strong span{ font-size: 30px; }
    ._gate .inner .rbx .fairlist li > a .over strong em{ font-size: 20px; margin-top: 0; }
    ._gate .inner .rbx .fairlist li > a > dl dt{ font-size: 28px; }
    ._gate .inner .rbx .fairlist li > a > dl dd{ font-size: 22px; }
    ._gate .inner .rbx .fairlist li > a .over .inbx > p small{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._gate{ height: auto; min-height: 100vh; }
    ._gate .bgarea img:nth-of-type(1){ width: calc(150 / 820 * 100%); }
    ._gate .bgarea img:nth-of-type(2){ width: calc(185 / 820 * 100%); top: 10%; left: 35%; }
    ._gate .bgarea img:nth-of-type(3){ width: calc(245 / 820 * 100%); }
    ._gate .bgarea img:nth-of-type(4){ bottom: -5%; width: 40%; }
    ._gate .inner{ display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 100px 0; box-sizing: border-box; }
    ._gate .inner .lbx{ width: 100%; padding: 0 5%; height: auto; }
    ._gate .inner .lbx > img{ display: none; }
    ._gate .inner .lbx > dl{ padding: 0; }
    ._gate .inner .lbx > dl dt.emp{ font-size: 35px; }
    ._gate .inner .lbx > dl dt{ font-size: 28px; }
    ._gate .inner .lbx > dl dd{ font-size: 14px; }

    ._gate .inner .rbx{ width: 100%; padding: 0 5%; height: auto; margin-top: 10px; }
    ._gate .inner .rbx .fairlist li > a{ padding: 15px; }
    ._gate .inner .rbx .fairlist li > a > dl{ display: none; }
    ._gate .inner .rbx .fairlist li > a > dl dt{ font-size: 22px; }
    ._gate .inner .rbx .fairlist li > a > dl dd{ font-size: 18px; }
    ._gate .inner .rbx .fairlist li > a .over strong{ font-size: 16px; padding-right: 3em; word-break: keep-all; box-sizing: border-box; }
    ._gate .inner .rbx .fairlist li > a .over strong span{ font-size: 24px; }
    ._gate .inner .rbx .fairlist li > a .over strong em{ font-size: 16px; margin-top: 0; }
    ._gate .inner .rbx .fairlist li > a .over .inbx > p em{ font-size: 14px; }
    ._gate .inner .rbx .fairlist li > a .over .inbx > p small{ font-size: 14px; margin-top: 5px; }

    ._gate .inner .rbx .fairlist li > a::after{ width: 40px; height: 40px; border-radius: 50%; background-color: #00c0ff; color: #fff; letter-spacing: -0.04em; content: 'view'; display: flex; align-items: center; justify-content: center; position: absolute; top: 15px; right: 10px; font-size: 14px; font-weight: 500; }._gate .inner .rbx .fairlist li > a .over{ transform: translateY(0); opacity: 1; }
}

@media screen and (max-width: 500px){
    ._gate .inner .rbx .fairlist li{ width: 100%; }
    ._gate .inner .rbx .fairlist li > a .over .inbx{ margin-top: 30px; }
    ._gate .inner .rbx .fairlist li > a .over .inbx > p{ margin-bottom: 10px; }
    ._gate .inner .rbx .fairlist li > a .over .inbx > p:last-of-type{ margin-bottom: 0; }
}

#cursor{ position: fixed; z-index: 9999; display: flex; align-items: center; justify-content: center; pointer-events: none; width: 98px; height: 98px; transition: opacity .5s;  opacity: 0; }
#cursor span{ font-size: 15px; font-family: 'Jalnan'; color: #fff; width: 100%; height: 100%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; background-color: #ffa800; border-radius: 50%; }
#cursor.hover{ opacity: 1; }

@media screen and (max-width: 1280px){
    #cursor{ width: 75px; height: 75px; }
}