
@font-face {
    font-family: 'WandohopeB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/WandohopeB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WandohopeR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/WandohopeR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eulyoo1945-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/Eulyoo1945-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

@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-face {
    font-family: 'KOTRAHOPE';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRAHOPE.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap');




/*main*/

.pink {color:#f04369;}
.skyblue {color:#6484e4;}
.nav>li>a:focus, .nav>li>a:hover {background:none!important;text-decoration: none;;}



.main_clip {position:relative;}
.main_clip::before {position:absolute; content:''; background-image: url(../images/main_clip_img.png); width:361px; height:168px; top:0; left:50%; transform: translate(-50%,0); z-index: 1;}
.main_levelup {position:relative; }

.main_point .container {text-align: center;}
.main_point_title {display:inline-block}
.main_point_title h1 {color:#1a1a1a; position:relative;}
.main_point_title h1::before {background: #fbd8e0; width:100%; height:15px; bottom:0; content:''; left:0; right:0; position:absolute; z-index: -1;}
.main_point_box {background:#e7ecf8; border-radius: 0 30px 30px 0; padding-top:200px; position:relative;} 
.main_point_box h3 {color:#444;}
.main_point_box::after {position:absolute; content:''; top:40%; left:50%; transform: translate(-50%,-40%);}
.main_point_box::before {position:absolute; content:''; top:-20px; left:-22px;}
.icon_point_01::before {background-image: url(../images/main_point_label01.png); width:64px; height:51px;}
.icon_point_02::before {background-image: url(../images/main_point_label02.png); width:64px; height:51px;}
.icon_point_03::before {background-image: url(../images/main_point_label03.png); width:64px; height:51px;}
.icon_point_04::before {background-image: url(../images/main_point_label04.png); width:64px; height:51px;}
.icon_point_01::after {background-image: url(../images/icon_main_point01.png); width:98px; height:83px;}
.icon_point_02::after {background-image: url(../images/icon_main_point02.png); width:112px; height:98px;}
.icon_point_03::after {background-image: url(../images/icon_main_point03.png); width:82px; height:134px; top:30%; transform: translate(-50%,-30%);}
.icon_point_04::after {background-image: url(../images/icon_main_point04.png); width:111px; height:98px;}

.main_bg_review {background:#f8f8f8;}
.main_review_title {text-align: center;}
.main_review_title h1:first-of-type {color:#555;}
.main_review_title h1:last-of-type {color:#6484e4;}
.main_review_title h5 {color:#666; display:inline-block; position:relative;}
.main_review_title h5::before {position:absolute; content:''; background-image: url(../images/main_review_bubble.png); width:108px; height:94px; bottom: 20px; left: -30%; transform: translate(30%, 0);}
.main_review_box {background:#fff; border-radius: 20px 20px 20px 0;}
.main_review_rate h6:first-child {color:#888}
.main_review_rate h6:last-child {color:#666}
.main_review_body h5 {color:#444; position:relative;}
.main_review_body h5::before {position:absolute; content:''; width:100%; height:1px; background:#ccc; bottom:0;}
.main_review_body h6 {color:#333; line-height: 1.7; opacity: .7;}

.main_bg_sns {background:#a8b0c7;}
.main_bg_sns .container {position:relative;}
.main_bg_sns .container::before {position:absolute; content:''; background: url(../images/icon_sns_bg.png); width:145px; height:118px; left:-12%; bottom:5%; background-size: contain; background-repeat: no-repeat;}
.main_sns_box_wrap {background:#fff; border-radius: 20px 20px 20px 0;}
.main_sns_title h5 {position:relative; padding-left:50px}
.main_sns_title h5::before {position:absolute; top:50%; transform: translate(0,-50%); left:0; content:'';}
.main_blog_title h5 {color:#34b24a;}
.main_blog_title h5::before {background:url(../images/icon_sns_blog.png); width:43px; height:44px;}
.main_insta_title h5 {color:#4f59a8;}
.main_insta_title h5::before {background:url(../images/icon_sns_insta.png); width:44px; height:44px;}
.main_youtube_title h5 {color:#d2272c;}
.main_youtube_title h5::before {background:url(../images/icon_sns_youtube.png); width:43px; height:44px;}
.main_sns_txt h6 {line-height:1.5;}
.main_sns_video {position:relative; width:100%; height:0; padding-bottom:56.25%}
.video {position:absolute; top:0; left:0; width:100%; height:100%;}

.main_bg_edu .container {text-align: center; background-image: url(../images/main_edu_bg.png); background-position: right bottom; background-size: 60%; background-repeat: no-repeat;}
.main_edu_title {display: inline-block;}
.main_edu_title h5 {color:#666; letter-spacing: -.5px;}
.main_edu_title h1 {color:#f94063; letter-spacing: -.5px; position: relative;}
.main_edu_title h1::before {position:absolute; content:''; background-image:url(../images/main_edu_underline.png); bottom:-15px; right:-10px; width:230px; height:15px; background-size: contain; background-repeat: no-repeat;}
.main_edu_title h1::after {position:absolute; content:''; background-image:url(../images/main_edu_star.png); bottom:70%; right:-15%; width:60px; height:50px; background-size: contain; background-repeat: no-repeat;}
.main_edu_list h5 {color:#f781a3; letter-spacing: -2px;}
.main_edu_list h3 {color:#222;}
.main_edu_list h6 {line-height:1.6; color:#5e5e5e;}

.main_bg_process {background:#fce7ec;}
.main_process_title h5 {color:#666; letter-spacing: -.5px;}
.main_process_title h1 {color:#f94063; letter-spacing: -.5px;}
.main_process_board {background-image: url(../images/main_process_board.png); background-position: center 30%; background-size: contain; background-repeat: no-repeat;}
.main_process_board .col-lg-2 h3 {padding-top:100px; position:relative;}
.main_process_board .col-lg-2 h3::before {position:absolute; content:''; bottom:40%; left:50%; transform: translate(-50%,-40%);}
.main_process_board .col-lg-2:first-child h3::before {background-image: url(../images/icon_main_process_01.png); width:57px; height:45px; }
.main_process_board .col-lg-2:nth-child(3) h3::before {background-image: url(../images/icon_main_process_02.png); width:34px; height:54px; }
.main_process_board .col-lg-2:nth-child(5) h3::before {background-image: url(../images/icon_main_process_03.png); width:44px; height:66px; bottom:35%}
.main_process_board .col-lg-2:last-child h3::before {background-image: url(../images/icon_main_process_04.png); width:50px; height:60px; }
.main_process_board .row {justify-content: center; align-items: center;}
.main_process_board_sub h6 {line-height: 1.5;}

.tabcontent {display:none;}
ul.tab li.current {background:#18348c; border:1px solid #18348c;}
ul.tab li.current a {color:#fff; font-weight:bold;}
.tabcontent.current {display:block;}

/*mobile*/
@media (max-width:1680px) {
    .main_bg_sns .container::before {display:none;}
}

@media (max-width:1200px) {
    .main_bg_woman {background-position: bottom; background-size: 70%;}
    .main_note {padding:20px 0;}
    .main_bg_icon img {display:none;}
    .main_levelup .container::before {display: none;}

    .main_process_board {background-position: center center;}

}

@media (max-width:992px) {
    .main_bg_woman {background-size: contain;}
    .main_note {padding:100px 70px;}

    .main_clip {padding:0;}
    .main_clip::before {display: none;}

    .main_bg_edu .container {background-image: none;}
    
    .main_process_board {background:#e7ecf8;}
    .main_process_board .col-auto img {transform: rotate(90deg);}
    .main_process_board .col-lg-2 h3::before {bottom:30%; transform: translate(-50%,-30%);}

    .main_curri_swiper .swiper-wrapper {-o-animation-name: mo_slideLeft;
        -o-animation-name: mo_slideLeft;
        animation-name: mo_slideLeft;
     -webkit-animation-name: mo_slideLeft;
     -o-animation-duration: 30s;
        animation-duration: 30s;
     -webkit-animation-duration: 30s;
     -o-animation-timing-function: linear;
        animation-timing-function: linear;
     -webkit-animation-timing-function: linear;
     -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
     -webkit-animation-iteration-count: infinite;} 

}

@media (max-width:768px) {
    .main_average_title h2::before {background-size:19px 22px; width:19px; height:22px; left:-20px}
    .main_average_title h2::after {background-size:19px 17px; width:19px; height:17px; right:-20px}
    .main_average_txt:before {left:10px;}
    .main_note {padding:70px 50px 50px;}
    .main_note_wrap::before {display:none;}

    .main_review_img {display:none;}

    .main_curri_swiper .swiper-wrapper {    -o-animation-name: mo_slideLeft_sm;
        animation-name: mo_slideLeft_sm;
     -webkit-animation-name: mo_slideLeft_sm;
    } 

}

@media (max-width:576px) {
    .main_review_title h5::before {display: none;}

}


@media (max-width:375px) {
    .main_note {padding: 70px 30px 50px}
    .main_edu_title h1::after {display: none;}
}

/*animation*/
@keyframes blink-effect { 
    50% {  
        opacity: 0; 
    } 
} 

.blink { animation: blink-effect 1s step-end infinite; 
    /* 
    animation-name: blink-effect; 
    animation-duration: 1s; 
    animation-iteration-count:infinite; 
    animation-timing-function:step-end; 
    */ 
}



@-o-keyframes slideLeft {
    0% {
      -o-transform: translateX(-2400px) translateX(50%);
         transform: translateX(-2400px) translateX(50%);
      opacity: 1;
    }
    100% {
      -o-transform: translateX(-4640px) translateX(50%);
         transform: translateX(-4640px) translateX(50%);
      opacity: 1;
    }
  }
  @keyframes slideLeft {
    0% {
      -webkit-transform: translateX(-2400px) translateX(50%);
           -o-transform: translateX(-2400px) translateX(50%);
              transform: translateX(-2400px) translateX(50%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(-4640px) translateX(50%);
           -o-transform: translateX(-4640px) translateX(50%);
              transform: translateX(-4640px) translateX(50%);
      opacity: 1;
    }
  }
  @-webkit-keyframes slideLeft {
    0% {
      -webkit-transform: translateX(-2400px) translateX(50%);
              transform: translateX(-2400px) translateX(50%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(-4640px) translateX(50%);
              transform: translateX(-4640px) translateX(50%);
      opacity: 1;
    }
  }

  @-o-keyframes mo_slideLeft {
    0% {
      -o-transform: translateX(-2725px) translateX(50%);
         transform: translateX(-2725px) translateX(50%);
      opacity: 1;
    }
    100% {
      -o-transform: translateX(-5165px) translateX(50%);
         transform: translateX(-5165px) translateX(50%);
      opacity: 1;
    }
  }
  @keyframes mo_slideLeft {
    0% {
      -webkit-transform: translateX(-2725px) translateX(50%);
           -o-transform: translateX(-2725px) translateX(50%);
              transform: translateX(-2725px) translateX(50%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(-5165px) translateX(50%);
           -o-transform: translateX(-5165px) translateX(50%);
              transform: translateX(-5165px) translateX(50%);
      opacity: 1;
    }
  }
  @-webkit-keyframes mo_slideLeft {
    0% {
      -webkit-transform: translateX(-2725px) translateX(50%);
              transform: translateX(-2725px) translateX(50%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(-5165px) translateX(50%);
              transform: translateX(-5165px) translateX(50%);
      opacity: 1;
    }
  }
  @-o-keyframes mo_slideLeft_sm {
    0% {
      -o-transform: translateX(-1442.5px) translateX(50%);
         transform: translateX(-1442.5px) translateX(50%);
      opacity: 1;
    }
    100% {
      -o-transform: translateX(-2742.5px) translateX(50%);
         transform: translateX(-2742.5px) translateX(50%);
      opacity: 1;
    }
  }
  @keyframes mo_slideLeft_sm {
    0% {
      -webkit-transform: translateX(-1442.5px) translateX(50%);
           -o-transform: translateX(-1442.5px) translateX(50%);
              transform: translateX(-1442.5px) translateX(50%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(-2742.5px) translateX(50%);
           -o-transform: translateX(-2742.5px) translateX(50%);
              transform: translateX(-2742.5px) translateX(50%);
      opacity: 1;
    }
  }
  @-webkit-keyframes mo_slideLeft_sm {
    0% {
      -webkit-transform: translateX(-1442.5px) translateX(50%);
              transform: translateX(-1442.5px) translateX(50%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(-2742.5px) translateX(50%);
              transform: translateX(-2742.5px) translateX(50%);
      opacity: 1;
    }
  }