/*@charset "euc-kr";*/

@font-face {
    font-family: 'EF_MACHO';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-01@1.0/EF_MACHO.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* font-family: 'EF_MACHO'; */

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* font-family: 'Pretendard-Regular'; */

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
/* font-family: 'Pretendard-ExtraBold'; */


@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* font-family: 'GmarketSansBold'; */


*{margin:0; padding:0;}
* {-webkit-text-size-adjust:none;} 
*{-webkit-box-sizing : border-box; -moz-box-sizing : border-box; -o-box-sizing : border-box; -ms-box-sizing : border-box; box-sizing : border-box;} 
a {text-decoration:none;}
a:hover {text-decoration:none;}
ul,li,dl,dt,dd,div,p,strong,span,img,a {margin:0; padding:0;}
li {list-style:none;}

/* br, input { font-family:dotum;} */

html { font-size: 62.5%; }


#earth_wrap{padding:0; font-family: 'Pretendard-Regular'; font-weight: 400; font-size:2.8rem;color:#000;letter-spacing: 0em;line-height: 1.5; word-break: keep-all}

#con11_area .sub_footer_wrap > #pu21700{background: #fff;}
h2 {font-family: 'EF_MACHO';}


.wrap {width:1200px;margin:auto;}
.bold {font-family: 'Pretendard-ExtraBold';}
.txt_orange {color:#ff4d2a;}
.pc{display:inline-block}
.mobile{display: none;}

.banner a {display: block;
    position: fixed;
    width: 209px;
    height: 229px;
    /* border-radius: 500px; */
    right: 0%;
    bottom: 20px;
    z-index: 9999;
    border: 1px solid #000;
    background: #000;
    background-position: center 60px;
    cursor: pointer;
    margin-right: 20px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.banner a .txt {padding: 9px 0;}
.banner a .txt img {margin: -4px 0 0 15px; width: 9%;}


.banner a:hover{
  animation: bounce .35s ease-out alternate infinite;
}
@keyframes bounce {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -5px, 0);
  }
}


.blind {display: block;left: 9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute;}
.btn_fixed {position:fixed; top: 0!important;}

.btn_area a {display: block;cursor: pointer;}







/* --------------------------------- con01 --------------------------------- */

#con01_area {background: url('../images/con01-bg.jpg') no-repeat; height: 1101px; background-position: center;}
#con01_area .wrap {padding: 135px 0 0 0;}
#con01_area .txt_area{color:#fff; text-align: center;}
#con01_area .txt_area p { padding: 50px 0 0 0; }




/* con01 스크롤 아이콘 */

.deco-mouse {display: block; padding: 5% 0 0 0; text-align: center;}
.deco-mouse .txt_b{color: #fff;}

.deco-mouse .scroll_area {
  display:block;
  /* width: 100%; */
  /* height: auto; */
  position: relative;
  width: 34px;
  height: 70px;
  margin: 0 auto 10px;
}
.deco-mouse .scroll_area .arrow {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.deco-mouse .scroll_area .arrow:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.deco-mouse .scroll_area .arrow:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.deco-mouse .scroll_area .arrow:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media all and (max-width:1536px) {


}


/* --------------------------------- con02 --------------------------------- */

#con02_area {background: url(../images/con02-bg.jpg) no-repeat, #fff; width: 100%; height: 631px; background-position: center;}
#con02_area > .wrap {padding: 170px 0 0 650px; color: #fff; font-size: 2.6rem;}
#con02_area > .wrap .bold {color : #ffbdb0; font-size: 3rem;}
#con02_area > .wrap .txt_orange {color : #ffbdb0;}









/* --------------------------------- con03 ---------------------------------*/
#con03_area {background: url(../images/con03-bg.jpg) no-repeat, #fff; width: 100%; height: 887px; background-position: center;}
#con03_area .wrap {padding: 75px 0 0; color: #fff;}
#con03_area .wrap h2 {font-family: 'EF_MACHO'; text-align: center; font-size: 3.5rem;}
#con03_area .wrap h2 .bold {font-size: 5rem; font-family: 'EF_MACHO';}









/* --------------------------------- con04 --------------------------------- */

#con04_area {background: url("../images/con04-bg.jpg") no-repeat; width: 100%; height: 1175px; background-position: center;}
#con04_area > .wrap {padding: 160px 0 0; color: #fff;}
#con04_area > .wrap h2 {font-size: 5rem; padding: 0 0 95px 0;text-align: center;}

#con04_area .slide_area { color: #fff;}
#con04_area .slide_area .slide {border : 3px solid #b3b2ff; box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 2rem #b3b2ff, 0 0 0.8rem #b3b2ff, 0 0 2.8rem #b3b2ff, inset 0 0 1.3rem #b3b2ff; width: 1160px!important; height: 570px; border-radius: 30px; box-sizing: border-box; padding: 80px 70px 80px 80px; background: rgb(255 255 255 / 5%)}
#con04_area .slide_area .slide > .s_wrap {display: flex; justify-content: space-between; width: 100%;}
#con04_area .slide_area .slide > .s_wrap > .left {display: flex; width: 32%; flex-direction: column; align-items: center;}
#con04_area .slide_area .slide > .s_wrap > .left > .comment {font-family: 'EF_MACHO'; font-size: 2rem; text-align: center; padding: 25px 0 0 0;}
#con04_area .slide_area .slide > .s_wrap > .right {width: 60%;}
#con04_area .slide_area .slide > .s_wrap > .right .name {font-family: 'EF_MACHO'; font-size: 2.8rem; padding: 0 0 40px 0;}
#con04_area .slide_area .slide > .s_wrap > .right .crt_intro {font-size: 2.2rem; display: flex; padding: 0 0 30px 0;}
#con04_area .slide_area .slide > .s_wrap > .right .crt_intro > .bold {margin: 0 30px 0 0;}
#con04_area .slide_area .slide > .s_wrap > .right .protector_area .txt_area {display: flex; font-size: 2rem; padding: 30px 0; border-top: 1px solid rgba(255,255,255,.3);}
#con04_area .slide_area .slide > .s_wrap > .right .protector_area .txt_area  > .bold {margin: 0 30px 0 0;}
#con04_area .slide_area .slide > .s_wrap > .right .protector_area > .img_area {display: flex;}
#con04_area .slide_area .slide > .s_wrap > .right .protector_area > .img_area .pro_img {width: 145px; height: 145px; border-radius: 10px; border:1px solid rgba(255,255,255,.3); background: url("../images/con04-thunder-pro.png") no-repeat, #2c2b57;}
#con04_area .slide_area .slide > .s_wrap > .right .protector_area > .img_area .txt{font-size: 1.8rem; color: #babbd5; padding: 15px 0 0 28px; width: 76%;}


#con04_area .slide_area .slide.slide01 > .s_wrap .colored {color: #fe6e27;}
#con04_area .slide_area .slide.slide01 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-wolbi-pro.png") no-repeat, #2c2b57;}
#con04_area .slide_area .slide.slide02 > .s_wrap .colored {color: #80cdff;}
#con04_area .slide_area .slide.slide02 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-water-pro.png") no-repeat, #2c2b57;}
#con04_area .slide_area .slide.slide03 > .s_wrap .colored {color: #ffb901;}
#con04_area .slide_area .slide.slide03 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-thunder-pro.png") no-repeat, #2c2b57;}
#con04_area .slide_area .slide.slide04 > .s_wrap .colored {color: #fe7b9b;}
#con04_area .slide_area .slide.slide04 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-risa-pro.png") no-repeat, #2c2b57;}
#con04_area .slide_area .slide.slide05 > .s_wrap .colored {color: #51bc86;}
#con04_area .slide_area .slide.slide05 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-fore-pro.png") no-repeat, #2c2b57;}


/* slide */
#con04_area .slick-slider {margin:0; position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
#con04_area .slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
#con04_area .slick-list:focus {outline:none;}
#con04_area .slick-list.dragging {cursor:pointer; cursor:hand;}

#con04_area .slick-slider .slick-track,	#con04_area .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
#con04_area .slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
#con04_area .slick-track:before,.slick-track:after {display:table; content:'';}
#con04_area .slick-track:after {clear:both;}
#con04_area .slick-loading .slick-track {visibility:hidden;}

#con04_area .slick-slide.slick-loading img {display:none;}
#con04_area .slick-slide.dragging img {pointer-events:none;}
#con04_area .slick-initialized .slick-slide {display:block;}
#con04_area .slick-loading .slick-slide {visibility:hidden;}
#con04_area .slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
#con04_area .slick-arrow.slick-hidden {display:none;}

#con04_area .slick-slide {display:none; float:left; height:auto; min-height:1px; margin:0px 70px; padding:30px 0; transition:all ease-in-out .3s; opacity:.3;}

#con04_area .slick-slide div {position:relative;}
#con04_area .slick-slide p {position:absolute; font-size:25px; font-family:'Noto Sans KR', sans-serif; font-weight:400; bottom:0; height:70px; line-height:68px; width:100%; text-align:Center; color:#fff; background:rgba(0,0,0,0.6); -moz-border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px;}
#con04_area .slick-slide p span {font-size:18px;}
#con04_area .slick-slide img {display:block; height:auto;  -moz-box-shadow:5px  5px  7px rgba(0,0,0,0.2); -webkit-box-shadow:5px  5px  7px rgba(0,0,0,0.2); box-shadow:8px 6px 14px 3px rgba(0,0,0,0.05);}
#con04_area .slick-active {opacity:.5;}
#con04_area .slick-current {opacity:1;}

#con04_area .regular.slick-slider {margin:0 !important;}
#con04_area .regular .slick-slide {padding:0; height:auto; margin:0 !important;}
#con04_area .regular .slick-slide img {display:block; width:100% !important; height:auto;-moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}

/* Arrows */
#con04_area .slick-prev,#con04_area .slick-next {font-size:0; line-height:0; opacity:1; position:absolute; top:50%; display:block; width:145px; height:145px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; z-index:111;}
#con04_area .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {opacity:.6;}
#con04_area .slick-prev {left:50%; margin-left: -720px; background:url("../images/slide-arrow-left.png") no-repeat center center;}
#con04_area .slick-next {left:50%; margin-left: 580px; background:url("../images/slide-arrow-right.png") no-repeat center center;}
#con04_area .regular .slick-prev, #con04_area .regular  .slick-next {display:none;}

/* Dots */
#con04_area .slick-dotted.slick-slider {margin-bottom:30px;}
#con04_area .slick-dots {position:absolute; bottom:-36px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
#con04_area .slick-dots li {position:relative; display:inline-block; margin:0 12px; padding:0; cursor:pointer;}
#con04_area .slick-dots li button {font-size:0; line-height:0; display:block; width:15px; height:15px; cursor:pointer; color:transparent; border:0; outline:none; background:rgba(255,255,255,.6); -moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px;}
#con04_area .slick-dots li.slick-active {opacity:1;}
#con04_area .slick-dots li.slick-active button {background:#fff; width:60px;}

#con04_area .regular .slick-dots li.slick-active button {background:#fff; width:40px;}
#con04_area .regular .slick-dots {bottom:-90px;}
#con04_area .regular .slick-dots li button {background:#fff;}

#con04_area .center.slider {width:100%;}
#con04_area .regular.slider {float:left; width:100%;}


@media all and (max-width:1440px) {

	
}

@media all and (max-width:1200px){

	#con04_area .slick-slide {height:auto; margin:0px 20px;}
	
	#con04_area .slick-prev {left: 69%;}
	#con04_area .slick-next {left: 30%;}
}

@media all and (max-width:1024px){
	
	#con04_area .slide_area .slide {width: 100%!important;}
	#con04_area .slick-dots {bottom: -65px;}
}

@media all and (max-width:768px) {
	#con04_area .slick-slide {height:auto; margin:0px 10px;}
	#con04_area .slick-slide p {font-size:22px; height:70px; padding:10px 0 0; line-height:120%;}
	#con04_area .slick-slide p span {display:block; font-size:15px;}
	#con04_area .slick-slide img {height:auto; -moz-box-shadow:2px  2px  5px rgba(0,0,0,0.2); -webkit-box-shadow:2px  2px  5px rgba(0,0,0,0.2); box-shadow:2px  2px  5px rgba(0,0,0,0.2);}

	#con04_area .slick-dots li {margin:0 6px;}
	#con04_area .slick-dots li button {width:14px; height:14px;}
	#con04_area .regular .slick-dots li.slick-active button {background:#fff; width:40px;}
	
	
}

@media all and (max-width:480px) {
	#con04_area .slick-slide {}
	#con04_area .slick-slide p {position:relative; font-size:16px; height:auto; padding:10px 5px; line-height:120%;}
	#con04_area .slick-slide p span {display:inline-block; font-size:14px;}
	#con04_area .slick-dotted.slick-slider {padding-bottom: 30px; margin :0}
	#con04_area .slick-dots {bottom: 0;}
	
	
	
	

}









/* --------------------------------- con05 --------------------------------- */

#con05_area {background: url("../images/con05-bg.jpg") no-repeat; height:819px; background-position: center;}
#con05_area .wrap {padding: 110px 0 0; }
#con05_area .wrap h2 {font-size: 6.4rem; color: #fff; text-align: center; text-shadow: 7px 5px 10px rgb(4 3 11 / 10%);}






/* --------------------------------- con06 ---------------------------------------*/

#con06_area {width:100%; min-height:500px; height: 55vh;}
#con06_area .wrap {position:relative; padding: 155px 0; }
#con06_area .wrap .txt_area {text-align: center; font-size: 5.8rem; }
#con06_area .wrap .txt_area .big {font-size: 8rem;}


/* 애니메이션 */
#con06_area .line {
    width: 100%;
    float: left;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
    transform: translateY(-50px);
    opacity: 0;
    
  }
#con06_area .line.active {
	animation-name: titleAnimation;
    animation-timing-function:ease;
    
}

#con06_area .txt01 .line.active{
	animation-duration: 2s;
	animation-delay: 0.4s;
	-webkit-animation-fill-mode: forwards;}

  #con06_area .txt01 .line.active:first-child{
    animation-delay: 0;

  }

  #con06_area .txt01 .line.active:last-child{
    animation-delay: 0.3s;
  }



#con06_area .txt02{ 
  
	position: absolute;}
  
  #con06_area .txt02 .line.active{
	animation-name: titleAnimation02;
	animation-duration: 1s;
    animation-delay: 2.6s;
	  -webkit-animation-fill-mode: forwards;}

    #con06_area .txt02 .line.active:first-child{
      animation-delay: 2.7s;

    }

    #con06_area .txt02 .line.active:last-child{
      animation-delay: 2.6s;
    }
 

@keyframes titleAnimation {
   

    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%);
  }
  20% {
      transform: translateY(0);
      opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
  80% {
       transform: translateY(0);
       opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
  100% {
       transform: translateY(50px);
       opacity: 0;
      -webkit-clip-path: polygon(100% 0, 100% -0%, 0 100%, 0 100%);
      clip-path: polygon(100% 0, 100% -0%, 0 100%, 0 100%);
    
  }
}

@keyframes titleAnimation02 {
    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 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }

}




/* --------------------------------- con07 --------------------------------- */

#con07_area {background: url("../images/con07-bg.jpg") no-repeat; height: auto; background-position: center;}
#con07_area .wrap {color: #fff; padding: 110px 0 130px;}
#con07_area .wrap .title_area h2 {font-size: 3.8rem;}
#con07_area .wrap .title_area .txt {padding: 40px 0 70px;}
/* #con07_area .wrap .custom_area {width: 1200px; height: 880px; border: 3px solid #aeadd6; border-radius: 20px; box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 2rem #b3b2ff, 0 0 0.8rem #b3b2ff, 0 0 2.8rem #b3b2ff, inset 0 0 1.3rem #b3b2ff; background: rgb(255 255 255 / 5%)} */

#con07_area .wrap .event_area {font-size: 2.6rem; line-height: 1.8; padding: 70px 0;}
#con07_area .wrap .event_area .dis_flex {display: flex;}
#con07_area .wrap .event_area .title {color: #aba9ff; font-family: 'Pretendard-ExtraBold'; width: 20%;}
#con07_area .wrap .event_area .txt {}
#con07_area .wrap .event_area .btn_copy {color:#fff; padding: 0 14px; line-height: 45px; margin: 0 0 0 20px; font-weight: 800; background: #6360ff; border-radius: 5px; font-size: 1.8rem; text-align: center; cursor: pointer;}
#con07_area .wrap .event_area .btn_copy:hover {color:#fff;}

#con07_area .wrap .reward_area {display: flex;}
#con07_area .wrap .reward_area .rwd {width: 24%; margin: 0 1% 0 0;}
#con07_area .wrap .reward_area .rwd .img_area {width: 100%; height: 160px; }
#con07_area .wrap .reward_area .rwd .txt_area {background: #f1f1ff; color: #000; padding: 22px;}
#con07_area .wrap .reward_area .rwd .txt_area .name {font-size: 2.2rem; font-family: 'Pretendard-ExtraBold'; }
#con07_area .wrap .reward_area .rwd .txt_area .txt {font-size: 1.6rem; }


#con07_area .wrap .reward_area .rwd.rwd01 .img_area {background: url("../images/con07-reward-01.jpg") no-repeat, #f9f9f9; }
#con07_area .wrap .reward_area .rwd.rwd02 .img_area {background: url("../images/con07-reward-02.jpg") no-repeat, #fff; }
#con07_area .wrap .reward_area .rwd.rwd03 .img_area {background: url("../images/con07-reward-03.jpg") no-repeat, #fff; }
#con07_area .wrap .reward_area .rwd.rwd04 .img_area {background: url("../images/con07-reward-04.jpg") no-repeat, #fff; }

#con07_area .wrap .bottom_txt {color: #9594aa; font-size: 1.9rem; line-height: 1.6; padding: 55px 0 0 0;}






/* --------------------------------- con08 --------------------------------- */

#con08_area {background: url("../images/con08-bg.jpg") no-repeat; height: 582px; background-position: center; }
#con08_area .wrap {padding: 92px 0;}
#con08_area .wrap .txt_area {padding: 0 0 0 40%; font-size: 2.4rem; color: #fff;}
#con08_area .wrap .txt_area h2 {font-size: 3.5rem;}
#con08_area .wrap .txt_area p {padding: 30px 0;}
#con08_area .wrap .txt_area .bold {color: #aba9ff;}


#con08_area .btn_join {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 316px;
    height: 75px;
	border-radius: 50px;
	color: #fff;
    background: #6360ff;
    font-size: 2.3rem;
    font-family: 'EF_MACHO';
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	outline: 8px solid rgba(99,96,255,30%);
	position: relative;
	z-index: 10;
}

#con08_area .wrap .txt_area .bottom_txt {font-size: 1.8rem; color: #ddd; padding: 20px 0 0 0;}




/* --------------------------------- con09 --------------------------------- */
#con09_area {background: url("../images/con09-bg.jpg") no-repeat; height: 582px; background-position: center;}
#con09_area .wrap {padding: 92px 0;}
#con09_area .wrap {font-size: 2.4rem; color: #fff;}
#con09_area .wrap h2 {font-size: 3.5rem;}
#con09_area .wrap p {padding: 20px 0 0 0;}
#con09_area .wrap .event_area {padding: 50px 0 60px;}
#con09_area .wrap .event_area .dis_flex {display: flex;}
#con09_area .wrap .event_area .title {color: #aba9ff; font-family: 'Pretendard-ExtraBold'; width: 15%;}
#con09_area .wrap .event_area .txt {}


#con09_area .btn_join {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 316px;
    height: 75px;
	border-radius: 50px;
	color: #fff;
    background: #6360ff;
    font-size: 2.3rem;
    font-family: 'EF_MACHO';
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	outline: 8px solid rgba(99,96,255,30%);
	position: relative;
	z-index: 10;
}

#con09_area .wrap .txt_area .bottom_txt {font-size: 1.8rem; color: #ddd}



/* --------------------------------- con10 --------------------------------- */
#con10_area {background: url("../images/con10-bg.jpg") no-repeat; height: 1080px; background-position: center;}
#con10_area .wrap {padding: 150px 0 180px;}
#con10_area .wrap h2 {font-size: 50px; color: #000424; font-family: 'Pretendard-Regular'; text-align: center; padding: 0 0 55px 0;}

#con10_area > .wrap .slide_area .slide {width: 1060px; height:637px; background: #fff; border-radius: 30px; box-shadow: 9px 11px 20px 0px rgba(0,0,0,.03);}
#con10_area > .wrap .slide_area .slide .con {padding: 0; display: flex;}
#con10_area > .wrap .slide_area .slide .right .thanks_to {font-family: 'GmarketSansBold'; font-size: 4rem; padding: 0 0 30px 0;}
#con10_area > .wrap .slide_area .slide .right .txt_area {font-size: 2.4rem;}
#con10_area > .wrap .slide_area .slide .right .txt_area .child {font-size: 1.8rem; padding: 15px 0 0 0;}

#con10_area > .wrap .slide_area .slide.slide01 .left {background: url("../images/con10-slide01.jpg") no-repeat; background-position: center; width: 458px; height:637px; border-radius: 30px 0 0 30px;}
#con10_area > .wrap .slide_area .slide.slide01 .right { background: url("../images/con10-slide01-water.png") no-repeat; background-position: 80% 89%; width: 600px; padding: 60px 60px 0 65px;}
#con10_area > .wrap .slide_area .slide.slide01 .colored {color: #1791e0;}

#con10_area > .wrap .slide_area .slide.slide02 .left {background: url("../images/con10-slide02.jpg") no-repeat; background-position: center; width: 458px; height:637px; border-radius: 30px 0 0 30px;}
#con10_area > .wrap .slide_area .slide.slide02 .right { background: url("../images/con10-slide02-fore.png") no-repeat; background-position: 80% 89%; width: 600px; padding: 60px 60px 0 65px;}
#con10_area > .wrap .slide_area .slide.slide02 .colored {color: #29ad6b;}

#con10_area > .wrap .slide_area .slide.slide03 .left {background: url("../images/con10-slide03.jpg") no-repeat; background-position: center; width: 458px; height:637px; border-radius: 30px 0 0 30px;}
#con10_area > .wrap .slide_area .slide.slide03 .right { background: url("../images/con10-slide03-thunder.png") no-repeat; background-position: 80% 89%; width: 600px; padding: 60px 60px 0 65px;}
#con10_area > .wrap .slide_area .slide.slide03 .colored {color: #ffb901;}

#con10_area > .wrap .slide_area .slide.slide04 .left {background: url("../images/con10-slide04.jpg") no-repeat; background-position: center; width: 458px; height:637px; border-radius: 30px 0 0 30px;}
#con10_area > .wrap .slide_area .slide.slide04 .right { background: url("../images/con10-slide04-risa.png") no-repeat; background-position: 80% 89%; width: 600px; padding: 60px 60px 0 65px;}
#con10_area > .wrap .slide_area .slide.slide04 .right .thanks_to {font-family: 'GmarketSansBold'; font-size: 3.8rem; padding: 0 0 25px 0;}
#con10_area > .wrap .slide_area .slide.slide04 .colored {color: #fe7b9b;}





#con10_area .slick-slider {margin:0; position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
#con10_area .slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
#con10_area .slick-list:focus {outline:none;}
#con10_area .slick-list.dragging {cursor:pointer; cursor:hand;}

#con10_area .slick-slider .slick-track,	#con10_area .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
#con10_area .slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
#con10_area .slick-track:before,.slick-track:after {display:table; content:'';}
#con10_area .slick-track:after {clear:both;}
#con10_area .slick-loading .slick-track {visibility:hidden;}

#con10_area .slick-slide.slick-loading img {display:none;}
#con10_area .slick-slide.dragging img {pointer-events:none;}
#con10_area .slick-initialized .slick-slide {display:block;}
#con10_area .slick-loading .slick-slide {visibility:hidden;}
#con10_area .slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
#con10_area .slick-arrow.slick-hidden {display:none;}

#con10_area .slick-slide {display:none; float:left; height:auto; min-height:1px; margin:0px 70px; padding:0 0 20px; transition:all ease-in-out .3s; opacity:.3;}

/*#con10_area .slick-slide div {position:relative;}
#con10_area .slick-slide p {position:absolute; font-size:25px; font-family:'Noto Sans KR', sans-serif; font-weight:400; bottom:0; height:70px; line-height:68px; width:100%; text-align:Center; color:#fff; background:rgba(0,0,0,0.6); -moz-border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px;}
#con10_area .slick-slide p span {font-size:18px;} 
#con10_area .slick-slide img {display:block; height:auto;  -moz-box-shadow:5px  5px  7px rgba(0,0,0,0.2); -webkit-box-shadow:5px  5px  7px rgba(0,0,0,0.2); box-shadow:8px 6px 14px 3px rgba(0,0,0,0.05);}*/
#con10_area .slick-active {opacity:.5;}
#con10_area .slick-current {opacity:1;}

#con10_area .regular.slick-slider {margin:0 !important;}
#con10_area .regular .slick-slide {padding:0; height:auto; margin:0 !important;}
#con10_area .regular .slick-slide img {display:block; width:100% !important; height:auto;-moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}

/* Arrows */
#con10_area .slick-prev,#con10_area .slick-next {font-size:0; line-height:0; opacity:1; position:absolute; top:50%; display:block; width:145px; height:145px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; z-index:111;}
#con10_area .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {opacity:.6;}
#con10_area .slick-prev {left:50%; margin-left:-670px; background:url("../images/slide-arrow-left.png") no-repeat center center;}
#con10_area .slick-next {left:50%; margin-left:530px; background:url("../images/slide-arrow-right.png") no-repeat center center;}
#con10_area .regular .slick-prev, #con10_area .regular  .slick-next {display:none;}

/* Dots */
#con10_area .slick-dotted.slick-slider {margin-bottom:30px;}
#con10_area .slick-dots {position:absolute; bottom:-36px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
#con10_area .slick-dots li {position:relative; display:inline-block; margin:0 12px; padding:0; cursor:pointer;}
#con10_area .slick-dots li button {font-size:0; line-height:0; display:block; width:15px; height:15px; cursor:pointer; color:transparent; border:0; outline:none; background:rgba(0,0,0,.4); -moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px;}
#con10_area .slick-dots li.slick-active {opacity:1;}
#con10_area .slick-dots li.slick-active button {background:rgba(0,0,0,.8); width:60px;}



#con10_area .center.slider {width:100%;}
#con10_area .regular.slider {float:left; width:100%;}


@media all and (max-width:1440px) {

	
}

@media all and (max-width:1200px){

	#con10_area .slick-slide {height:auto; margin:0px 20px;}
	
	#con10_area .slick-next {left: 90%; margin-left:0;}
	#con10_area .slick-prev {left: -6%; margin-left:0;}

	
}

@media all and (max-width:768px) {
	#con10_area .slick-slide {height:auto; margin:0px 10px;}
	#con10_area .slick-slide img {height:auto; -moz-box-shadow:2px  2px  5px rgba(0,0,0,0.2); -webkit-box-shadow:2px  2px  5px rgba(0,0,0,0.2); box-shadow:2px  2px  5px rgba(0,0,0,0.2);}

	#con10_area .slick-dots li {margin:0 6px;}
	#con10_area .slick-dots li button {width:14px; height:14px;}
	#con10_area .regular .slick-dots li.slick-active button {background:#fff; width:40px;}
	
	
}

@media all and (max-width:480px) {

	#con10_area .slick-next, #con10_area .slick-prev {display: none!important;}
}




/* --------------------------------- con11_area --------------------------------- */
#con11_area {background: url("../images/con11-bg.jpg") no-repeat; height: 716px; background-position: center;}
#con11_area .wrap {padding: 130px 0 145px; color: #000;}
#con11_area .wrap .txt_area {padding: 0 0 0 50%; font-size: 3.2rem;}
#con11_area .wrap .txt_area p {padding: 0 0 40px;  font-family: 'GmarketSansBold';}
#con11_area .wrap .txt_area .bold {color: #4542f1; font-size: 4rem; font-family: 'GmarketSansBold';}


#con11_area .btn_join {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 330px;
    height: 75px;
	border-radius: 50px;
	color: #fff;
    background: #6360ff;
    font-size: 2.2rem;
    font-family: 'EF_MACHO';
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	outline: 8px solid rgba(99,96,255,30%);
	position: relative;
	z-index: 10;
}

#con11_area .wrap .txt_area .bottom_txt {font-size: 1.8rem; color: #444; padding: 40px 0 0 0; font-family: 'Pretendard-Regular';}



/*--------------------------------- con12 --------------------------------------------*/
#con12_area {background: #fafafa; position: relative;}
#con12_area .wrap {padding: 35px 0; display: flex; font-size: 2.2rem; justify-content: center;}
#con12_area .wrap a {font-family: 'Pretendard-ExtraBold'; text-decoration: underline;}
#con12_area .wrap p {padding: 0 40px 0 0;}



/* --------------------------------- bottom_area --------------------------------- */
#bottom_area {padding: 50px 0; font-size: 2rem; text-align: center; word-break: keep-all;}




/*------------ popup ----------------*/
.popup_letter {display: none;/*block*/position: absolute;z-index: 9998;background-color: rgba(255, 255, 255, 0.95);width: 430px;height: auto;margin: 0 auto;/* text-align: center; */bottom: 6%; left: 50%;margin-left: -215px;padding: 35px;border-radius: 10px;border: 1px #fff solid; box-shadow: 5px 4px 11px 3px rgba(95,86,86,0.1); font-family: 'Pretendard-Regular'; }
.popup_letter > .wrap {display: flex; flex-direction: column; width: 100%;}
.popup_letter > .wrap > div {font-size: 2rem; }
.popup_letter > .wrap > div > .title {font-size: 2.2rem;padding: 0 20px 0 0; font-weight: 700;}
.popup_letter a.close:after { position: absolute; top:20px; right:20px; content: ' \2716'; }
.popup_letter.open {opacity: 1;}


.popup_letter > .wrap .title {text-align: center; padding: 10px 0 20px 0; font-size: 26px; font-family: 'Pretendard-ExtraBold'; color:#000; letter-spacing: 0;}

.popup_letter > .wrap .input {transition-timing-function: ease; width: 100%; min-height: 28px; color: #555; padding: 10px; text-indent: 10px; font-size: 16px; border: 1px solid #ddd; background: #fff;}
.popup_letter > .wrap .input input {width:95%; height:35px; }
.popup_letter > .wrap .mail {margin: -1px 0 0 0;}
.popup_letter > .wrap .agree_area{display: flex; align-items: flex-start; padding: 14px 0 0 0;}
.popup_letter > .wrap .agree_area input[type="checkbox"] {width: 25px; height: 25px; margin: 0 10px 0 0;}
.popup_letter > .wrap .agree_area .txt {font-size: 17px; line-height: 1.6;}
/*.popup_letter > .wrap .agree_area .more {text-decoration: underline; font-weight: 800;}*/
.popup_letter > .wrap .bottom_txt {font-size: 1.5rem; line-height: 1.4; padding: 12px 0 0 0; color: #888;}
.popup_letter > .wrap .btn_black {width: 100%; text-align: center; background: #000; color: #fff; padding: 10px 0; font-size: 18px; line-height: 32px; margin: 18px 0 0 0;}




@media all and (max-width:1024px){
	.popup_letter {bottom:6%; left:50%; width: 410px; padding:30px; margin-left: -205px;}
	
}

@media all and (max-width:768px){
	.popup_letter {bottom: 6%;}

}


@media all and (max-width:480px){
	.popup_letter {display: none;/*block*/position: absolute;z-index: 9998;background-color: rgba(255, 255, 255, 0.95);width: 90%;height: auto;margin: 0 5%; bottom: 6%; left: 0%; padding: 27px;border-radius: 10px;border: 1px #fff solid;box-shadow: 5px 4px 11px 3px rgb(95 86 86 / 15%);}
	.popup_letter > .wrap {display: flex; flex-direction: column; width: 100%;}
	.popup_letter > .wrap > div {font-size: 1.6rem;}
	.popup_letter > .wrap > div > .title {font-size: 1.6rem; padding: 0 20px 0 0;}
	
}