@charset "utf-8";

/*
 * File Name : main.css
 * 작성일 : 2023-09-09
 */


/********************************************************
 
 *  Main Visual
 
 ********************************************************/

#visual {}
.visual_cont {background:#1b6c6d;overflow: hidden}
.visual_cont .inner {display: flex;;justify-content: space-between;font-size: 0;padding-top: 80px;}
.visual_slogan {margin-top:40px}
.visual_img {position: relative;font-size: 0}
.visual_slogan img.pc {}
.visual_slogan img.mobile {display: none;}
.visual_img .icon {display: inline-block;position: absolute;left:120px;top: 100px;font-size: 0;animation: moveY 0.9s ease-in-out infinite alternate forwards;}

@keyframes moveY {
  0%{transform:translateY(0)}
  25%{transform:translateY(5px)}
  50%{transform:translateY(-2px)}
  75%{transform:translateY(5px)}
  100%{transform:translateY(-2px)}
}

@media (max-width:1200px){
  .visual_img {margin-right: -100px}
  .visual_img .icon {top: 115px;width: 20%;}
}
@media (max-width:1024px){
  .visual_img .icon {left: 110px; top: 125px;width:18%;}
}
@media (max-width:960px){
  .visual_img {margin-right: -150px;}
  .visual_img .icon {left: 115px; top: 130px;width:16%;}
}
@media (max-width:768px){
  .visual_img .icon {left: 110px;top: 130px;width: 14%;}
}
@media (max-width:640px){
  .visual_cont .inner {flex-direction: column;align-items: center;padding-top:50px;}
  .visual_slogan {max-width: 350px;}
  .visual_slogan img.pc {display: none}
  .visual_slogan img.mobile {display: block}
  .visual_img {margin-right: auto;margin-top: 30px}
  .visual_img .icon {left:20%;top: 30%;width: 16%;}
}
@media (max-width:480px){
  .visual_slogan {margin-top: 0px;max-width: 250px}
}


/********************************************************
 
 *  Main Content
 
 ********************************************************/

section .inner {padding: 150px 0}
section#main_sec_4 .inner {padding:0}
section .sec_tit {font-size: 46px;font-weight: 800;color:#000;text-align: center;margin-bottom:60px;}
section .sec_tit .icon_parent {position: relative}
section .sec_tit .icon_parent .icon {position: absolute;display: inline-block;left:50%;top:-55px;transform: translateX(-50%);width: 60px;font-size: 0;}
section .sec_tit .icon_parent .icon img {}
section .sec_tit .inline_icon {display: inline-block;vertical-align: middle;margin:0 5px;}
section .sec_tit .inline_icon.icon2 {animation: moveY 0.8s ease-in-out infinite alternate forwards;}
section .sec_tit .tit_ment {display: block; text-align: center;}
section .sec_tit .tit_ment em {display: inline-block;padding-left:20px;background:url("../img/main/icon_ment.png") no-repeat left 3px;font-size: 16px;transform: translateY(-30px)}

@media (max-width:1024px){
  section .sec_tit {font-size: 36px;margin-bottom: 50px;}
  section .sec_tit .icon_parent .icon {top: -45px;width: 50px;}
}
@media (max-width:960px){
  .col_list_type1 > li {padding:40px 30px;}
}
@media (max-width:768px){
  section .inner {padding: 100px 0;}
  section .sec_tit {font-size: 30px;margin-bottom: 40px;line-height: 1.4}
  section .sec_tit .icon_parent .icon {top: -40px;width: 40px;}
  section .sec_tit .inline_icon {width: 30px}
  section .sec_tit .inline_icon.icon2 {width: 50px;}
  section .sec_tit .tit_ment em {font-size: 15px;transform: translateY(-10px);}
}
@media (max-width:480px){
  section .inner {padding: 80px 0;}
  section .sec_tit {font-size: 26px;margin-bottom: 30px;}
  section .sec_tit .inline_icon {width: 20px;}
  section .sec_tit .tit_ment em {font-size: 14px;background-size: 14px;background-position: left 2px}
}


/*-----------------------------------------------------------------------------
 *  Main Section 1
 *----------------------------------------------------------------------------*/

#main_sec_1 {}
.col_list_type1 {display: flex;gap:20px;align-items: stretch;justify-content: space-between;text-align: center;}
.col_list_type1 > li {flex: 1 0 0;position: relative;border-radius: 20px;display: flex;flex-direction: column; gap:20px;padding:60px 45px;}
.col_list_type1 > li.price_free {background:#f7ffff;border:1px solid #9fd6d7;}
.col_list_type1 > li.price_state {background:#f5f9fc;border:1px solid #b1d2eb;}
.col_list_type1 > li.benefit_hour {background:#fbf9ff;border:1px solid #d0c1f3;}
.col_list_type1 > li .icon {position: absolute;right:15px;bottom: 30px;}
.col_list_type1 > li .icon.icon02{width:100px;}
.col_list_type1 > li > strong {font-size: 24px;font-weight: 700;line-height: 1.4}
.col_list_type1 > li > p {font-size: 18px;font-weight: 500;color:#444}
.col_list_type1 > li > p strong {color:#000}
.col_list_type1 > li .summary_img {font-size: 0}
.col_list_type1 > li .stack_cont  {}
.col_list_type1 > li .stack_cont ul {display: flex;flex-direction: column;align-items: center;gap:5px}
.col_list_type1 > li .stack_cont ul li {padding:5px 20px;border-radius: 50px;border:1px solid #caeded;background:#fff;font-size: 18px;font-weight:600;color:#000;box-shadow: 0 0 10px rgba(27,108,109,0.07);}
.col_list_type1 > li .stack_cont ul li strong {display: inline-block;margin-left: 10px; font-size: 20px;font-weight: 700;}

@media (max-width:1200px){
  .col_list_type1 {flex-wrap: wrap}
  .col_list_type1 > li .icon {width:80px}
}
@media (max-width:1024px){
  .col_list_type1 > li {padding: 50px 30px;}
  .col_list_type1 > li .icon {width: 70px;}

}
@media (max-width:960px){
  .col_list_type1 {flex-wrap: wrap}
  .col_list_type1 > li {flex:none;width:100%;padding-bottom: 80px}
  .col_list_type1 > li .icon {left: 50%;transform: translateX(-50%);bottom: 16px;}
  .col_list_type1 > li .stack_cont ul {}
}
@media (max-width:768px){
  .col_list_type1 > li {}
  .col_list_type1 > li .icon {}
  .col_list_type1 > li:nth-child(2) .icon {}
}
@media (max-width:480px){
  .col_list_type1 > li {padding:40px 20px 80px;gap:15px}
  .col_list_type1 > li > strong {font-size: 20px;}
  .col_list_type1 > li > p {font-size: 16px;}
  .col_list_type1 > li .stack_cont ul li {padding: 5px 20px;font-size: 16px;}
  .col_list_type1 > li .stack_cont ul li strong {font-size: 18px;}
}


/*-----------------------------------------------------------------------------
 *  Main Section 2
 *----------------------------------------------------------------------------*/

#main_sec_2 {background:#f2f6f9}
.ver_list_box {display: grid;gap:40px;}
.ver_list_box .box_cont {position: relative;display: flex;justify-content: space-between;align-items: flex-start;border-radius: 20px;background:#fff; overflow: hidden;}
.ver_list_box .box_cont:nth-of-type(even) {flex-direction: row-reverse;padding-left: 50px}
.ver_list_box .box_cont .cont {position: relative;padding: 80px 0 130px 80px}
.ver_list_box .box_cont:nth-last-of-type(even) .cont {padding: 80px 80px 130px 0}
.ver_list_box .box_cont .cont strong {font-size: 30px;font-weight:700;color:#000;line-height: 1.4}
.ver_list_box .box_cont .cont p {font-size: 18px;font-weight: 500; margin-top:25px}
.ver_list_box .box_cont .cont .icon_list {margin-top: 20px;}
.ver_list_box .box_cont .cont .icon_list ul {display: flex;gap:10px;}


.ver_list_box .box_cont .cont .icon {position: absolute;left:80px;bottom: 0;font-size: 0}
.ver_list_box .box_cont:nth-of-type(even) .cont .icon {left:auto;right:80px;bottom: 100px;}
.ver_list_box .box_cont .summary_img {font-size: 0;padding-top: 20px}
.ver_list_box .box_cont:nth-of-type(even) .summary_img {padding-top: 50px}
.ver_list_box .box_cont:nth-of-type(3) .summary_img {padding-top: 30px;padding-bottom: 30px}

@media (max-width:1200px){
  .ver_list_box .box_cont {height: 450px}
  .ver_list_box .box_cont .summary_img {position: absolute;right: 0;bottom: 0;padding-top:0;width: 400px;}
  .ver_list_box .box_cont:nth-of-type(even) .summary_img {position: absolute;right: auto;left:20px;}
  .ver_list_box .box_cont:nth-of-type(3) .summary_img {padding-top: 0;padding-bottom: 0;}
}
@media (max-width:960px){
  .ver_list_box .box_cont:nth-of-type(even) {flex-direction: row-reverse;padding-left:300px;}
  .ver_list_box .box_cont .cont {padding: 60px 250px 100px 60px;}
  .ver_list_box .box_cont:nth-last-of-type(even) .cont {padding: 60px 60px 100px 0;}
  .ver_list_box .box_cont .summary_img {width:300px;}
  .ver_list_box .box_cont:nth-of-type(even) .summary_img {width: 260px;}
  .ver_list_box .box_cont .cont .icon {left:60px;font-size: 0;width:50px;}
}
@media (max-width:768px){
  .ver_list_box .box_cont {flex-direction: column;align-items: center;height: auto;padding: 50px;}
  .ver_list_box .box_cont:nth-of-type(even) {flex-direction:column;padding-left: 50px;}
  .ver_list_box .box_cont .cont {display: flex;flex-direction: column;align-items: center;padding:0;text-align: center}
  .ver_list_box .box_cont:nth-last-of-type(even) .cont {padding: 0;}
  .ver_list_box .box_cont .cont strong {font-size:26px;line-height: 1.3;}
  .ver_list_box .box_cont .cont p {font-size: 16px;margin-top: 15px;}
  .ver_list_box .box_cont .cont .icon {display: none}
  .ver_list_box .box_cont .summary_img {position: static;}
  .ver_list_box .box_cont:nth-of-type(even) .summary_img {position: static;padding-top: 0}
}
@media (max-width:480px){
  .ver_list_box .box_cont {padding:40px;}
  .ver_list_box .box_cont .cont strong {font-size: 22px;}
  .ver_list_box .box_cont .cont p {font-size: 15px;}
  .ver_list_box .box_cont .summary_img {padding: 0 20px}
  .ver_list_box .box_cont .cont .icon_list ul li img {width: 50px;}
}


/*-----------------------------------------------------------------------------
 *  Main Section 3
 *----------------------------------------------------------------------------*/

#main_sec_3 {}
.benefit_list {}
.benefit_list li {border:1px solid #9fd6d7;padding: 50px 40px}
.benefit_list li h3 {font-size: 30px;font-weight: 700;color:#1b6c6d}
.benefit_list li .prd_img {font-size: 0;margin: 10px 0;}
.benefit_list li a br {display: none}

@media (max-width:1200px){
  .benefit_list li a br {display: inline}
}
@media (max-width:1024px){
  .benefit_list li {padding: 40px 30px;}
}
@media (max-width:960px){
  .benefit_list li {padding: 40px 30px;flex-direction: column;align-items: center;}
  .benefit_list li a br {display: none}
}
@media (max-width:768px){
  
}
@media (max-width:480px){
  .benefit_list li {padding: 30px;gap:10px;}
  .benefit_list li h3 {font-size: 26px;}
}


/*-----------------------------------------------------------------------------
 *  Main Section 4
 *----------------------------------------------------------------------------*/

#main_sec_4 {background:#f0f9f8}
#main_sec_4 .inner {display: flex;justify-content: space-between;padding-top: 50px !important}
#main_sec_4 .cont {display: flex;flex-direction: column;align-items: flex-start;gap:20px; padding-top: 80px;}
#main_sec_4 .cont p {font-size: 26px;font-weight: 600;color:#000}
#main_sec_4 .cont strong {display: flex;align-items: center;gap:10px;font-size: 40px;font-weight: 900;color:#1b6c6d}
#main_sec_4 .cont strong .icon {font-size: 0;}
#main_sec_4 .cont strong .han {display: flex;gap:4px;}
#main_sec_4 .cont strong .han span {display: inline-block;line-height: 30px;width: 30px;height: 30px;text-align: center;font-size:15px;font-weight: 700;color:#fff;border-radius: 50%;background:#1b6c6d}
#main_sec_4 .cont a {display: inline-flex;align-items: center; gap:10px;justify-content: center;background:#1b6c6d;font-size: 22px;font-weight: 600;color:#fff;padding: 15px 60px;border-radius: 10px;margin-top: 20px;}
#main_sec_4 .cont a .icon {font-size: 0}
#main_sec_4 .bg_img {font-size: 0}


@media (max-width:1200px){
  #main_sec_4 .bg_img {width: 450px;}
}
@media (max-width:1024px){
  #main_sec_4 .cont {gap:15px;padding-top:20px;}
  #main_sec_4 .cont p {font-size: 22px;}
  #main_sec_4 .cont strong {font-size: 36px;}
  #main_sec_4 .cont a {font-size:20px;padding: 15px 50px;}
  #main_sec_4 .bg_img {width: 360px;}
}
@media (max-width:960px){
  #main_sec_4 .cont strong {font-size: 30px;}
  #main_sec_4 .bg_img {width: 300px;}
}
@media (max-width:768px){
  #main_sec_4 .inner {flex-direction: column;align-items: center;gap:20px}
  #main_sec_4 .cont {gap: 10px;padding-top: 15px;align-items: center;}
  #main_sec_4 .cont p {font-size: 20px;}
  #main_sec_4 .cont strong .icon {width: 40px;}
  #main_sec_4 .cont strong {font-size:26px;}
  #main_sec_4 .cont a {font-size:18px;padding: 15px 40px;margin-top: 10px;}
  #main_sec_4 .cont a .icon {width: 16px;}
}
@media (max-width:640px){
  #main_sec_4 .cont p {font-size: 18px;text-align: center}
  #main_sec_4 .cont strong {gap:8px}
  #main_sec_4 .cont strong .icon {width: 30px;}
  #main_sec_4 .cont strong .han span {line-height:20px;width:20px;height: 20px;font-size: 12px;}
  #main_sec_4 .cont a {font-size: 18px;padding:10px 30px;}
  #main_sec_4 .bg_img {margin-top: 30px;width: 250px;}
}