@charset "utf-8";

/*
 * File Name : main.css
 * 작성일 : 2025-05-28
 */


/********************************************************

 *  Main Visual

 ********************************************************/

#visual {position: relative;height: 100vh;min-height:1000px; padding: 0 80px;background:#000;overflow: hidden;}
#visual .bg_img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:url("../images/main/visual_bg.jpg") no-repeat center center;background-size: cover;animation: zoomOut 5s ease-in-out;}
@keyframes zoomOut {
  0%{opacity: 0;transform: scale(1.06,1.06)}
  50%{opacity: 1;transform: scale(1,1)}
}
.slogan {position: relative;max-width: 1200px;height: 100%;margin: 0 auto;z-index: 1}
.slogan .slogan_inr {position: absolute;left: 0;top:55%;transform: translateY(-50%);width: 100%;}
.slogan .slogan_inr .slogan_tit {color:#fff;text-align: left;margin-bottom: 10px}
.slogan .slogan_inr .slogan_tit em {display: block; font-size:40px; font-weight:700;line-height:1.5;letter-spacing: -0.024em}
.slogan .slogan_inr .slogan_tit strong {display: block; font-size: 120px; font-weight: 900; color:#ffc600;line-height: 1.1;}
.slogan .slogan_inr .vis_logo {font-size: 0;margin-top: 20px;}

.slogan .slogan_inr p {position: relative;display: inline-flex;flex-direction: column;}
.slogan .slogan_inr p strong {display: block; font-size:86px;font-weight: 700;color:#fff;margin-bottom: 10px;line-height: 1.1;letter-spacing: 0;}
.slogan .slogan_inr p strong em {display: block;font-size: 40px;margin-top: 20px;letter-spacing: 0.02em}
.slogan .slogan_inr p .eng_desc {display: inline-block;margin-left: auto; font-size: 20px;letter-spacing: 0.02em;color:#fff;padding: 0 20px;border-left: 1px solid #fff; border-right:1px solid #fff;line-height: 1.1;}
.slogan .slogan_inr .visual_nav {margin-top: 40px;top:-100%;}
.slogan .slogan_inr .visual_nav.fix {position: fixed;top:0;left: 0;width: 100%;background:#f2f2f2;margin-top: 0;box-shadow: 0 5px 10px rgba(0,0,0,0.05);transition: top 0.5s ease; z-index: 100}
.slogan .slogan_inr .visual_nav ul {display: flex;gap:0 50px;}
.slogan .slogan_inr .visual_nav.fix ul {max-width: 1200px;margin: 0 auto;gap:0; overflow: hidden}
.slogan .slogan_inr .visual_nav ul li {flex:1 0 0;position: relative;}
.slogan .slogan_inr .visual_nav ul li:before {content: "";position: absolute;left: 0;right: 0;top: 0;width: 0;height: 2px;transition: width 0.3s ease}
.slogan .slogan_inr .visual_nav ul li:nth-child(1):before {background:#ffdf05}
.slogan .slogan_inr .visual_nav ul li:nth-child(2):before {background:#00fff6}
.slogan .slogan_inr .visual_nav ul li:nth-child(3):before {background:#ff9805}
.slogan .slogan_inr .visual_nav ul li:hover:before {width: 100%;}
.slogan .slogan_inr .visual_nav.fix ul li {background:none;border-right:1px solid #ddd;}
.slogan .slogan_inr .visual_nav.fix ul li:first-child {border-left: 1px solid #ddd;}
.slogan .slogan_inr .visual_nav ul li a {position: relative;display: block;height: 100%; padding:30px 10px 30px 100px;color:#fff;font-weight: 700;border-top:2px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.2);transition: all 0.3s ease}
.slogan .slogan_inr .visual_nav.fix ul li a {display: block; padding:15px 25px;color:#000 !important;border:none;line-height: 1.2;text-align:center;}
.slogan .slogan_inr .visual_nav ul li a .visual_icon {position: absolute;left: 0;top:20px;display: block;width: 80px;height: 80px;border-radius: 50%;overflow: hidden;background:#fff;padding: 15px}

.slogan .slogan_inr .visual_nav ul li a em {display: block;font-size:18px;line-height: 1.2}
.slogan .slogan_inr .visual_nav.fix ul li a em {font-size:16px;}
.slogan .slogan_inr .visual_nav ul li a strong {display: block;font-size: 26px;font-weight: 700;}
.slogan .slogan_inr .visual_nav ul li:first-child a strong {color:#ffdf05}
.slogan .slogan_inr .visual_nav ul li:nth-child(2) a strong {color:#00fff6}
.slogan .slogan_inr .visual_nav ul li:nth-child(3) a strong {color:#ff9805}

.slogan .slogan_inr .visual_nav.fix ul li a strong {font-size:20px;}
.slogan .slogan_inr .visual_nav ul li a .arr {position: absolute;right:30px;bottom: 40px;width:30px; height: 10px; background: url("../images/icon/arr_short_w.png") no-repeat center center;background-size: cover !important;text-indent: -9999px;transition: all 0.3s ease;}
.slogan .slogan_inr .visual_nav ul li:hover a .arr {right:25px;}
.slogan .slogan_inr .visual_nav.fix ul li a .arr {display: none;}
.slogan .slogan_inr .visual_nav.fix ul li a.current {background:#ffc600 !important;border-radius: 0;}

@media screen and (max-width:1200px){
  .slogan .slogan_inr .slogan_tit em {font-size: 40px;}
  .slogan .slogan_inr .slogan_tit strong {font-size: 100px;}

  .slogan .slogan_inr p br {display: none;}
  .slogan .slogan_inr p strong {font-size: 86px;}
  .slogan .slogan_inr .visual_nav ul {gap: 0 30px;}
  .slogan .slogan_inr .visual_nav ul li a {padding: 20px 10px 20px 90px;}
  .slogan .slogan_inr .visual_nav ul li a strong {font-size: 22px;line-height: 1.3}
  .slogan .slogan_inr .visual_nav ul li a em {font-size: 18px;}
  .slogan .slogan_inr .visual_nav ul li a .visual_icon {width: 70px;height: 70px;padding: 15px;}
}
@media screen and (max-width:1024px){
  #visual {padding: 0 50px;min-height:800px;}

  .slogan .slogan_inr .slogan_tit em {font-size:30px;}
  .slogan .slogan_inr .slogan_tit strong {font-size: 80px;}
  .slogan .slogan_inr p {/*padding-right:130px;*/}
  .slogan .slogan_inr p strong em {font-size: 30px;margin-top: 10px;}
  .slogan .slogan_inr p .img_logo {width: 100px;}
  .slogan .slogan_inr p strong {font-size: 70px;}
  .slogan .slogan_inr p .eng_desc {font-size: 18px;padding: 0 15px;}
  .slogan .slogan_inr .visual_nav ul {gap: 0 10px;}
  .slogan .slogan_inr .visual_nav ul li {align-items: flex-start}
  .slogan .slogan_inr .visual_nav ul li a {display:flex;flex-direction: column;gap:10px;padding: 20px;text-align: center}
  .slogan .slogan_inr .visual_nav ul li a .visual_icon {position: static;display: inline-block;margin: 0 auto}
  .slogan .slogan_inr .visual_nav ul li a strong {font-size: 22px;line-height: 1.2}
  .slogan .slogan_inr .visual_nav ul li a .arr {right: 20px;bottom: 30px;width: 22px;height: 10px;background-size:22px auto;}
}
@media screen and (max-width:768px){
  #visual {padding: 0 40px;min-height:800px}
  .slogan .slogan_inr .slogan_tit em {font-size:30px;margin-bottom: 10px;}
  .slogan .slogan_inr .slogan_tit strong {font-size:66px;line-height:1;}
  .slogan .slogan_inr .vis_logo {max-width: 500px;margin: 0 auto;}
  .slogan .slogan_inr p {padding-right:0}
  .slogan .slogan_inr p .img_logo {width: 80px;}
  .slogan .slogan_inr p strong {font-size:46px;}
  .slogan .slogan_inr p strong br {display: none}
  .slogan .slogan_inr p strong em {font-size: 26px;line-height: 1.2}
  .slogan .slogan_inr p .eng_desc {font-size: 16px;padding: 0 10px;}
  .slogan .slogan_inr .visual_nav {margin-top: 40px;}
  .slogan .slogan_inr .visual_nav ul li a {display: block; height: 100%; padding: 20px 10px;}
  .slogan .slogan_inr .visual_nav ul li a .visual_icon {width: 60px;height: 60px;padding: 14px}
  .slogan .slogan_inr .visual_nav ul li a em {display: block;font-size: 15px;line-height: 1.2;margin-bottom: 5px;}
  .slogan .slogan_inr .visual_nav ul li a strong {font-size: 18px;margin-bottom: 5px}
  .slogan .slogan_inr .visual_nav ul li a .arr {position: static;display: block; font-size: 0;margin:10px auto 0;width: 20px;height: 8px}
}
@media screen and (max-width:640px){
  #visual {min-height:900px}
  .slogan .slogan_inr .visual_nav.fix ul li a {padding:10px 15px;}
  .slogan .slogan_inr .visual_nav.fix ul li a em {font-size:15px;}
  .slogan .slogan_inr .visual_nav.fix ul li a strong {font-size: 18px;}
}
@media screen and (max-width:480px){
  #visual {padding: 0 25px;min-height:750px}
  .slogan .slogan_inr .slogan_tit {margin-bottom:10px;}
  .slogan .slogan_inr .slogan_tit em {font-size:22px;margin-bottom: 0}
  .slogan .slogan_inr .slogan_tit strong {font-size:40px;}
  .slogan .slogan_inr .vis_logo {max-width: 260px;}
  .slogan .slogan_inr p strong {font-size: 30px;line-height: 1.2}
  .slogan .slogan_inr p strong em {font-size: 20px;}
  .slogan .slogan_inr p .eng_desc {font-size: 14px;}

  .slogan .slogan_inr .visual_nav {margin-top: 30px;}
  .slogan .slogan_inr .visual_nav ul {gap: 0 5px;}
  .slogan .slogan_inr .visual_nav ul li {flex: 1 1 30%;}
  .slogan .slogan_inr .visual_nav ul li a {height: 100%;padding:20px 5px}
  .slogan .slogan_inr .visual_nav ul li a .visual_icon {width: 55px;height: 55px;}
  .slogan .slogan_inr .visual_nav ul li a strong {font-size: 15px;}
  .slogan .slogan_inr .visual_nav ul li a em {font-size:13px;}
  .slogan .slogan_inr .visual_nav ul li a .arr {position: static;display: inline-block;width: 20px;height:10px;background-size:20px auto !important;margin-top: 5px;font-size: 0;}
  .slogan .slogan_inr .visual_nav.fix ul li a {padding:10px 5px;}
  .slogan .slogan_inr .visual_nav.fix ul li a em {font-size:12px;}
  .slogan .slogan_inr .visual_nav.fix ul li a strong {font-size:15px;}

  #visual .bg_img {background-position: 65% center;}

}


/********************************************************

 *  Main Content

 ********************************************************/

.main_section {position: relative;display: flex; flex-direction: column;align-items: center;justify-content: center;text-align: center;margin:60px 50px; min-height:calc(100vh - 80px);padding:100px; border-radius: 20px; overflow: hidden;}
.main_section h2 {color: #fff;}
.main_section h2 .sm_txt {font-size: 36px;font-weight: 500;}
.main_section h2 strong {display: block; font-size: 60px; font-weight: 800; color: #fff;line-height: 1.2}
.main_section h2 strong .orange {color: #f59c00;}
.main_section .list_half {display: flex;justify-content: space-between;margin-top:30px;width: 100%; max-width: 700px;}
.main_section .list_half .half_cont {width:48%;margin:1%;border-radius: 10px;border:1px dashed rgba(255,255,255,0.5);background:rgba(0,0,0,0.2);font-size: 24px;font-weight: 600; color:#fff;overflow: hidden;}
.main_section .list_half.half_4 {max-width: 1000px;text-align: left}
.main_section .list_half.half_4 .half_cont {width:24%;}
.main_section .list_half .half_cont.half_txt {padding:40px 40px 60px;border-color:#f59c00;}
.main_section .list_half.half_4 .half_cont.half_txt {display: flex;flex-direction: column;padding:40px 40px 50px;}
.main_section .list_half .half_cont .icon {display: block; background:#f33c5f;height: 80px}
.main_section .list_half .half_cont .icon.yellow {background:#ffc600;}
.main_section .list_half .half_cont .icon img {display: inline-block;transform: translateY(20px)}
.main_section .list_half .half_cont .head_tit {font-size: 60px; font-weight: 800;}
.main_section .list_half .half_cont .num {display: inline-block;margin-bottom: 10px;font-size: 20px;font-weight: 700;color:#f59c00}
.main_section .list_half .half_cont p {padding: 40px 40px;line-height: 1.4}
.main_section .list_half .half_cont.half_txt p {padding:0 40px;letter-spacing: 0.04em;font-weight: 500;line-height: 1.3;}
.main_section .list_half.half_4 .half_cont.half_txt p {padding:0;text-align: left;font-size: 26px;}
.main_section .bg_img {position: absolute;left: 0;top: 0;width: 100%;height:100vh;z-index: -1}
.main_section a.btn_detail {display: block;max-width: 200px;margin:40px auto 0;font-size:18px; font-weight: 500; color:#ccc;padding: 10px 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;transition: all 0.3s ease;}
.main_section a.btn_detail:hover {padding: 10px 20px;color:#fff;border-color:#fff;}
#mainSec_01 .bg_img {background:url("../images/main/sec1_bg.jpg") no-repeat center;background-size: cover;}
#mainSec_02 .bg_img {background:url("../images/main/sec2_bg.jpg") no-repeat center;background-size: cover;}
#mainSec_03 .bg_img {background:url("../images/main/sec3_bg.jpg") no-repeat center;background-size: cover;}

.scroll-down-wrap {position: absolute;left: calc(50% + 10px);bottom: 60px;width: 20px;height: 20px;  z-index: 10;}
.scroll-down {display: block;text-align: center;font-size: 20px;text-decoration: none;text-shadow: 0;width: 20px;height: 20px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: translate(-50%, 0%) rotate(45deg);-moz-transform: translate(-50%, 0%) rotate(45deg);transform: translate(-50%, 0%) rotate(45deg);-webkit-animation: fade_move_down 1s ease-in-out infinite;-moz-animation: fade_move_down 1s ease-in-out infinite;animation: fade_move_down 1s ease-in-out infinite;}
@-webkit-keyframes fade_move_down {
  0% {-webkit-transform: translate(0, -10px) rotate(45deg);opacity: 0;}
  50% {opacity: 1;}
  100% {-webkit-transform: translate(0, 10px) rotate(45deg);opacity: 0;}
}
@-moz-keyframes fade_move_down {
  0% {-moz-transform: translate(0, -10px) rotate(45deg);opacity: 0;}
  50% {opacity: 1;}
  100% {-moz-transform: translate(0, 10px) rotate(45deg);opacity: 0;}
}
@keyframes fade_move_down {
  0% {transform: translate(0, -10px) rotate(45deg);opacity: 0;}
  50% {opacity: 1;}
  100% {transform: translate(0, 10px) rotate(45deg);opacity: 0;}
}

@media screen and (max-width:1230px){
  .main_section {min-height: calc(100vh - 60px);padding: 60px 40px;}
  .main_section .list_half.half_4 {max-width: none}
  .main_section .list_half.half_4 .half_cont.half_txt {padding: 40px 30px 50px;}
}
@media screen and (max-width:1024px){
  .main_section h2 .sm_txt {font-size:30px;}
  .main_section h2 strong {font-size: 46px;}
  .main_section .list_half .half_cont {font-size: 20px;}
  .main_section .list_half .half_cont .icon {height: 60px;}
  .main_section .list_half .half_cont .icon img {height:80px;transform: translateY(15px);}
  .main_section .list_half .half_cont .head_tit {font-size: 50px;}
  .main_section .list_half .half_cont.half_txt {padding: 30px 30px 40px;}
  .main_section .list_half .half_cont.half_txt p {padding: 0;}
  .main_section .list_half.half_4 {flex-wrap: wrap;}
  .main_section .list_half.half_4 .half_cont {width: 48%;}
  .main_section .list_half.half_4 .half_cont.half_txt {min-height:150px;padding:30px 20px 40px;}
  .main_section .list_half .half_cont .num {font-size: 18px;}
  .main_section .list_half.half_4 .half_cont.half_txt p {font-size: 22px;}
}
@media screen and (max-width:768px){
  .main_section {margin:40px 30px;min-height:auto;padding:80px 50px;border-radius: 10px;}
  .main_section h2 .sm_txt {font-size: 24px;}
  .main_section h2 strong {font-size: 36px;}
  .main_section .list_half .half_cont {font-size: 18px;}
  .main_section .list_half .half_cont .icon img {height: 60px;transform: translateY(25px);}
  .main_section .list_half .half_cont p {padding:30px 20px;}
  .main_section a.btn_detail {max-width: 140px;margin: 30px auto 0;font-size: 15px;padding: 10px 5px;}
  .main_section a.btn_detail:hover {padding: 10px 15px;}
  .main_section .list_half .half_cont .head_tit {font-size: 40px;}
  .main_section .list_half.half_4 .half_cont.half_txt p {font-size: 20px;}
  .main_section .list_half.half_4 .half_cont.half_txt {min-height: 180px;padding: 30px 20px 30px;}

  .scroll-down {font-size:16px;width: 14px;height: 14px;}
}
@media screen and (max-width:480px){
  .main_section {margin: 30px 20px;padding: 60px 30px;}
  .main_section h2 .sm_txt {font-size: 20px;}
  .main_section h2 strong {font-size:26px;}
  .main_section .list_half {display: flex;flex-direction: column;}
  .main_section .list_half .half_cont {width: 100%;margin:0 0 15px;font-size: 18px;}
  .main_section .list_half .half_cont .icon {height: 40px;}
  .main_section .list_half .half_cont .icon img {height: 50px;transform: translateY(15px);}
  .main_section a.btn_detail {margin: 20px auto 0;}
  .main_section a.btn_detail:hover {padding: 10px 10px;}
  .main_section .list_half .half_cont.half_txt {padding: 20px 20px 30px;font-size: 16px;}
  .main_section .list_half .half_cont .head_tit {font-size:36px;}
  .main_section .list_half.half_4 .half_cont.half_txt {min-height: 120px;width: 100%;}
  .main_section .list_half .half_cont .num {font-size: 16px;margin-bottom: 5px;}
  .main_section .list_half.half_4 .half_cont.half_txt p {font-size: 18px;}
}

/*-----------------------------------------------------------------------------
 *  Section 01
 *----------------------------------------------------------------------------*/

#sec01 {background:#0c1221}
.sec_tit2 {text-align: center;margin-bottom: 50px;}
.sec_tit2 .icon {display: inline-block;vertical-align: middle;/*margin:5px 20px 5px;*/margin:0 10px 0 0}
.sec_tit2 strong {display: inline-block;vertical-align: middle; font-size: 50px; font-weight: 700; color:#000;letter-spacing: -0.02em;line-height: 1.2;}
.txt_big {font-size: 120px;}
.sec_tit2 strong + em {display: block;font-size:36px;font-weight:700;color:#fff;letter-spacing: 0.02em }
#sec01 .cont_list {margin-top: 40px;}
#sec01 .cont_list h3 {font-size: 40px;font-weight: 800;color: #fff;margin-bottom: 30px;justify-content: center}
#sec01 .cont_list > ul {display: flex;gap:0 20px;}
#sec01 .cont_list > ul > li {position: relative;display: flex;flex-direction: column; align-items: center;justify-content: center;flex:1 1 auto;width: 33.3333%; text-align: center;border-radius: 10px;padding: 40px 0}
/*#sec05 .cont_list > ul > li + li:before {content: "";position: absolute;left:-40px;top: 50%;transform: translateY(-50%);width: 50px; height: 50px; border-radius: 50%;background:#0d1426 url("../images/icon/plus_b.png") no-repeat center center;}*/
#sec01 .cont_list > ul.cp_list li + li:before {background-image:url("../images/icon/arr_small_b.png")}
#sec01 .cont_list > ul > li h4 {display: flex;flex-wrap: wrap;gap:10px;justify-content: center;font-size:20px; color:#191c2f; font-weight:600;padding: 0 20px}
#sec01 .cont_list > ul > li h4 > span {padding:10px 25px;border:1px dashed #fff;border-radius:10px;}
#sec01 .cont_list > ul > li.bgColor_1 h4 {color:#fff;border-color: #fff;}
#sec01 .cont_list > ul > li.bgColor_2 h4 > span {border-color:#191c2f}
#sec01 .cont_list > ul > li.bgColor_4 h4 {color:#fff;border-color: #fff;}
#sec01 .cont_list > ul > li > strong {font-size: 18px; font-weight: 700; color:#ffc600;}
#sec01 .cont_list > ul > li > strong:before {content: "";display: inline-block; vertical-align: middle; width: 6px; height: 6px; background:#ffc600;border-radius: 50%;margin-right: 8px;}
#sec01 .cont_list > ul > li p {font-size: 26px;font-weight: 700;line-height: 1.2;letter-spacing: 0;padding:20px;word-break: break-all}
#sec01 .cont_list > ul > li p em {display: block; font-size: 22px;font-weight: 600;margin-top: 10px;}
#sec01 .cont_list > ul > li p strong {display: block;font-size: 30px; font-weight: 800;}
#sec01 .cont_list ul li .in_list {text-align: left;margin-top: 10px;}
#sec01 .cont_list ul li .in_list li {position: relative; padding-left: 15px; font-size: 18px; color:#191c2f;font-weight: 700;margin-top: 10px;line-height: 1.3;}
#sec01 .cont_list ul li .in_list li:before {content: "";position: absolute;left: 0;top: 9px;display: block; width: 8px;height: 8px;background:#191c2f;border-radius: 50%;}
.sec_tit h2 .sm_txt {display: inline-block; font-size: 36px;font-weight: 800;line-height: 1.2;margin-bottom: 10px;letter-spacing: 0.04em;padding: 10px 25px;background:#f33c5f;border-radius: 10px}
.sec_tit h2 .sm_txt:before {content: "";position: absolute;left:0;right: 0;bottom: 40px; display: block;height: 1px;background:#f33c5f;z-index: -1}
.ment {position: relative;display: flex;align-items: center;justify-content: center;border:1px dashed #ffd93e; border-radius: 10px;padding: 10px 20px;font-size:36px; font-weight: 500; color:#fff;margin-top: 50px}
.ment.left {justify-content: flex-start}
.sec_tit > em {position: relative;display: inline-block; width: 140px; height: 50px; border-radius: 10px; line-height: 50px;background:#ffc600; font-size: 22px; color:#000; font-weight: 800;letter-spacing: 0.02em;text-align: center;margin-bottom:25px;}
.sec_tit > em:after {content: "";position: absolute;left: 50%;bottom: -8px;transform: translateX(-50%);border-top:8px solid #ffc600;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.sec_tit h2 {color:#000;}
.sec_tit h3 {color:#000;}
.sec_tit h2.center,
.sec_tit h3.center  {text-align: center}
.sec_tit.light h2 {position: relative;color:#fff;}
.sec_tit.light h2.center {text-align: center}
.sec_tit h2 strong {display: block; font-size: 66px;font-weight: 800;line-height: 1.3;letter-spacing: -0.02em;margin-bottom: 20px}
.sec_tit h3 strong {display: block; font-size: 50px;font-weight: 800;line-height: 1.2;letter-spacing: -0.02em}
.sec_tit h2 strong span {line-height: 1.2}
.sec_tit .desc {font-size: 24px;font-weight: 500;color:#222;margin-top: 30px;}
.sec_tit .desc.center {text-align: center}
.sec_tit.light .desc {color:#fff;}
.sec_tit .desc strong {display: block;font-size: 34px;color:#f33c5f;font-weight: 800;margin-bottom:5px;}
.sec_tit .sec_tit_img {position: absolute;right: 0; bottom: 0;}
.sec_tit .sec_tit_img img {display: block;}
.ment .icon {margin-top: 15px;margin-right: 10px;animation: loopMoveY 1s 1s infinite forwards}
.ment strong {color:#ffd93e;font-weight: 700;}
.ment.center {text-align: center}

@media screen and (max-width:1200px){
  .txt_big {font-size: 100px;}
  .ment {padding: 10px 15px;font-size: 30px;}
  .sec_tit h3 strong {font-size: 46px;}
}
@media screen and (max-width:1024px){
  #sec01 .cont_list > ul > li h4 {font-size:18px;}
  #sec01 .cont_list > ul > li h4 > span {padding: 10px 20px;}
  .ment {padding: 10px 15px;font-size: 24px;}
  .ment .icon {width: 80px}
  .sec_tit h3 strong {font-size: 40px;}
  .sec_tit .tit_icon {display: inline-block;width: 60px;margin-bottom: 10px}
  .sec_tit2 strong + em {font-size: 30px;}
}
@media screen and (max-width:768px){
  .sec_tit h2 .sm_txt:before {bottom: 35px;}
  .ment {font-size: 20px;}
  .ment .icon {width:60px;}
  #sec01 .cont_list > ul > li h4 {flex-direction: column;font-size: 16px;}
  #sec01 .cont_list > ul > li h4 > span {padding:8px 15px;}
  .sec_tit .tit_icon {width: 50px;}
  .sec_tit h3 strong {font-size:30px;}
}
@media screen and (max-width:640px){
  .sec_tit h2 .sm_txt:before {bottom: 28px;}
  .ment {display: block;padding-left: 100px}
  .ment .icon {display: inline-block;position: absolute;left:20px;top: 20px;margin-top: 0;margin-right: 0;width: 60px;}
  .ment.center {text-align: left;}
  #sec01 .cont_list > ul > li {padding:20px 0;}
}

@media screen and (max-width:480px){
  .ment {margin-top: 20px;font-size: 16px;padding-left: 80px}
  .ment .icon {top: 15px;width: 50px;}
  .sec_tit .tit_icon {width: 40px;}
  .sec_tit h3 strong {font-size:26px;}
  .sec_tit2 strong + em {font-size: 22px;line-height: 1.2}
  .list_half .half_cont .num {font-size: 16px;}
  .list_half.half_4 .half_cont.half_txt p {font-size: 18px;}
}


/*-----------------------------------------------------------------------------
 *  Section 05
 *----------------------------------------------------------------------------*/




/*.tip {position: relative; padding-left:30px; margin-top: 30px; font-size: 20px; font-weight: 600; color:#fff;}
.tip:before {content: "";position: absolute; left: 0;top: 5px;display: block; width: 20px; height: 20px;background:url("../images/common/tip_w.png");background-size: cover;}



.arr_down {display: block; padding: 30px 0;text-align: center}
.arr_down:after {content: "";display: inline-block;border-top: 30px solid #00b0f0;border-left:30px solid transparent; border-right:30px solid transparent;}
.rst {position: relative;padding: 40px 50px 150px 50px;border-radius: 10px; border:1px dashed #00b0f0; font-size: 50px; font-weight: 700;color:#fff;text-align: center;line-height: 1.2;}
.rst strong {display: block;color:#ffc600}
.rst .img {position: absolute;left: 50%;transform: translateX(-50%);bottom:-75px;width: 200px;height:200px;border-radius: 50%; font-size: 0;overflow: hidden;}


.tabs {margin-top:80px;}
.tabs .tabs_head {background:#fff;border-radius: 10px;justify-content: space-between; margin-bottom: 30px;box-shadow: 0 0 20px rgba(0,0,0,0.05); overflow: hidden;}
.tabs.row .tabs_head .tab {flex: 1 0 0; width: 100%; height: 80px;font-size: 20px;color: #222; font-weight: 600;text-align: center;background:#fff;justify-content: center;}
.tabs.row .tabs_head .tabs_head_active {color: #fff;background: #061230;border:none;}
.tabs.row .tabs_cont {padding:0;border:none;margin-top:0;}
.univ_list {display: flex;flex-wrap: wrap;justify-content:flex-start;gap:20px 30px;}
.univ_list li {width:calc(33.3333% - 20px)}
.univ_list li .thumb {position: relative;border-radius: 10px;overflow: hidden;}
.univ_list li .thumb .label {position: absolute;left: 0;top: 0;padding:8px 20px;background:#fff;border-radius: 0 0 10px 0}
.univ_list li .thumb .label img {display:block;}
.univ_list li .thumb img {display: block;width: 100%;height: 100%;object-fit: cover;}
.univ_list li .info {padding: 20px 0}
.univ_list li .info strong {font-size: 22px;font-weight: 700;color: #000;}
.univ_list li .info p {font-size: 15px;margin-top: 10px;}

.cont_img_box {margin-top: 80px;}
.cont_img_box img {display:block;width: 100%;}

.schedule {max-width: 1000px;margin: 0 auto;}
.tb_1 {border-radius: 10px;background:#fff;overflow: hidden;}
.tb_1 thead {}
.tb_1 thead tr th {padding: 30px;}
.tb_1 thead tr.top th {background: #191c2f;font-size: 36px;font-weight: 700;color:#6369f4;line-height: 1}
.tb_1 thead tr.top th span {display: inline-block; vertical-align: middle}
.tb_1 thead tr.top th em {display: inline-block;vertical-align: middle;font-size: 30px;}
.tb_1 thead tr.head th {background: #373945;font-size: 32px;color:#9a9ba2;padding: 25px;}
.tb_1 thead tr.head th + th {border-left:1px solid rgba(255,255,255,0.1)}
.tb_1 tbody tr td {padding: 50px 20px;font-size: 26px; color:#222;font-weight: 500;text-align: center;}
.tb_1 tbody tr td + td {border-left:1px solid rgba(0,0,0,0.1)}
.tb_1 tbody tr td.td1 {}
.tb_1 tbody tr td.td2 {background:#64addd;color:#fff}

.presen_place {margin-top: 60px;text-align: center;}
.presen_place .tit {display: flex; align-items: center;justify-content: center;margin-bottom: 30px;font-size: 36px; font-weight: 800; color:#000;}
.presen_place .tit .icon {display: inline-block; margin-right: 10px;font-size: 0}
.presen_place dl {display:inline-flex;flex-wrap:wrap;max-width: 500px; text-align:  left;}
.presen_place dl dt {width: 25%;text-align: center;padding:10px 20px; background:#fff;border-radius: 10px;margin-bottom:5px;font-size: 20px;font-weight: 600;color:#000;border:1px solid #e5e5e5;}
.presen_place dl dd {width: 75%;padding:10px 20px; margin-bottom: 5px;font-size: 26px;font-weight: 600; color:#222;line-height: 1.2}*/

@media screen and (max-width:1024px){
  .sec_tit2 .icon {width: 50px;}
  .sec_tit2 strong {font-size: 46px;}

  .txt_big {font-size:86px;}

  .tabs.row .tabs_head .tab {height: 70px;font-size: 18px;padding: 0 10px;}
  .univ_list li .info strong {font-size: 20px;}

  .tb_1 thead tr.top th {font-size: 30px;padding: 25px;}
  .tb_1 thead tr.top th em {font-size:26px;}
  .tb_1 thead tr.head th {font-size: 28px;padding:20px;}
  .tb_1 tbody tr td {padding: 40px 15px;font-size:22px;}

  .presen_place .tit {margin-bottom: 20px;font-size: 30px;}
  .presen_place .tit .icon {width: 24px;}
  .presen_place dl {max-width:380px;}
  .presen_place dl dt {width: 20%;font-size:18px;padding: 10px 15px;}
  .presen_place dl dd {width: 80%;font-size: 20px;}
}
@media screen and (max-width:960px){
  .sec_tit2 strong {font-size: 44px;}

  #sec05 .cont_list > ul {gap: 0 15px;}
  #sec05 .cont_list > ul > li {padding: 0 20px;}
  #sec05 .cont_list > ul > li h4 {font-size: 20px;}
  #sec05 .cont_list > ul > li > strong {font-size: 16px;}
  #sec05 .cont_list > ul > li p {font-size: 22px;padding: 15px;}
  #sec05 .cont_list > ul > li p br {display: none;}
  #sec05 .cont_list > ul > li p em {font-size: 20px;}
}
@media screen and (max-width:768px){
  .sec_tit2 {margin-bottom:30px;}
  .sec_tit2 .icon {width: 40px;}
  .sec_tit2 strong {font-size: 40px;line-height: 1.2;}

  .txt_big {font-size:60px;line-height: 1.2}

  #sec05 .cont_list > ul {flex-direction: column;gap:10px 0;}
  #sec05 .cont_list > ul > li {flex: 1 1 auto;width: 100%;height: auto;padding: 40px 20px;}
  #sec05 .cont_list > ul > li + li:before {left: 50%;top: -25px;transform:translateX(-50%) translateY(0);width: 40px;height: 40px;background-size: 12px auto;}

  .arr_down {padding: 20px 0;}
  .arr_down:after {border-top: 20px solid #00b0f0;border-left: 20px solid transparent;border-right: 20px solid transparent;}

  .rst {padding: 30px 40px 120px 40px;font-size: 40px;}
  .rst .img {bottom: -56px;width: 150px;height: 150px;}


  .tabs {margin-top: 50px;}
  .tabs.row .tabs_head .tab {height:60px;font-size: 15px;padding: 0 5px;}
  .univ_list {gap: 15px 20px;}
  .univ_list li {width: calc(50% - 10px);}
  .univ_list li .thumb .label {padding: 5px 10px;border-radius: 0 0 5px 0;}
  .univ_list li .info strong {font-size: 18px;}
  .univ_list li .info p {font-size: 14px;line-height: 1.2;}

  .cont_img_box {margin-top: 50px;}

  .tb_1 thead tr.top th {font-size:26px;padding:20px;}
  .tb_1 thead tr.top th em {font-size: 22px;}
  .tb_1 thead tr.head th {font-size: 24px;padding:15px;}
  .tb_1 tbody tr td {padding: 30px 15px;font-size:20px;}
  .presen_place .tit {font-size: 26px;}
  .presen_place .tit .icon {width: 20px;}
  .presen_place dl {max-width: 340px;}
  .presen_place dl dt {width: 25%;font-size: 16px;}
  .presen_place dl dd {width: 75%;font-size:18px;}

  .tip {padding-left:25px; margin-top: 20px; font-size: 16px;}
  .tip:before {top: 4px;width: 16px; height: 16px;}
}
@media screen and (max-width:480px){
  .sec_tit2 {margin-bottom:20px;}
  .sec_tit2 .icon {width: 30px;margin-right: 10px;}
  .sec_tit2 strong {font-size: 30px;}

  .tabs {margin-top: 30px;}
  .tabs.row .tabs_head .tab {height:55px;font-size: 14px;line-height: 1.2}
  .univ_list {gap: 15px 15px;}
  .univ_list li .thumb .label {width:80px;}
  .univ_list li .info strong {font-size: 16px;}

  .tb_1 thead tr.top th {font-size:20px;padding:15px;}
  .tb_1 thead tr.top th em {font-size: 18px;}
  .tb_1 thead tr.head th {font-size: 18px;}
  .tb_1 tbody tr td {padding:20px 10px;font-size: 16px;}

  .presen_place .tit {font-size: 22px;}
  .presen_place .tit .icon {width: 18px;}
  .presen_place dl dt {width: 25%;font-size: 15px;padding: 5px 10px;}
  .presen_place dl dd {width: 75%;font-size: 16px;padding:5px 10px;}

  .txt_big {font-size:40px;line-height: 1}
  .sec_tit h2 strong span {line-height: 1.1;}
  .rst {padding: 30px 25px 100px 25px;font-size: 30px;}
  .rst .img {bottom: -46px;width: 120px;height: 120px;}
}


/*-----------------------------------------------------------------------------
 *  Section 01
 *----------------------------------------------------------------------------*/

/*#sec01 {background:#f6f6f6;}
#sec01 .inr_box {padding-bottom: 100px;}
.sec_tit {position: relative;}
#sec01 .sec_tit {padding-bottom: 100px;}
.sec_tit > em {position: relative;display: inline-block; width: 140px; height: 50px; border-radius: 10px; line-height: 50px;background:#ffc600; font-size: 22px; color:#000; font-weight: 800;letter-spacing: 0.02em;text-align: center;margin-bottom:25px;}
.sec_tit > em:after {content: "";position: absolute;left: 50%;bottom: -8px;transform: translateX(-50%);border-top:8px solid #ffc600;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.sec_tit h2 {color:#000;}
.sec_tit.light h2 {position: relative;color:#fff;}

.sec_tit h2 strong {display: block; font-size: 66px;font-weight: 800;line-height: 1.2;letter-spacing: -0.02em}
.sec_tit h2 strong span {line-height: 1.4}
.sec_tit .desc {font-size: 24px;font-weight: 500;color:#222;margin-top: 30px;}
.sec_tit.light .desc {color:#fff;}
.sec_tit .desc strong {display: block;font-size: 34px;color:#f33c5f;font-weight: 800;margin-bottom:5px;}
.sec_tit .sec_tit_img {position: absolute;right: 0; bottom: 0;}
.sec_tit .sec_tit_img img {display: block;}
*/

@keyframes loopMoveY {
  0% {transform: translateY(0)}
  50% {transform: translateY(7px)}
  100% {transform: translateY(0)}
}

/* Review Box */
.review_box {position: relative; padding:40px 50px;background:#fff;border-radius: 10px;box-shadow: 0 0 30px rgba(0,0,0,0.05);margin-top: 100px}
.review_box:after {content: "";position: absolute;left:50%;transform: translateX(-50%);bottom: -10px;border-top: 10px solid #fff;border-left: 10px solid transparent; border-right: 10px solid transparent;}
.review_box .review_txt {}
.review_box .review_txt .txt {display: block;padding:15px 30px; font-size:26px;color:#000;font-weight: 600;text-align: center;line-height: 1.5;background:url("../images/common/quote_up.png") no-repeat left top , url("../images/common/quote_down.png") no-repeat right bottom;}
.review_box .review_txt .source {display: flex;align-items: center;margin-top:5px;padding-left: 40px; font-size: 16px;color:#444;}
.review_box .review_txt .source img {display: inline-block;margin-right: 10px;}

/* Cont Stack */
.cont_stack {margin-top: 80px}
.cont_stack .stack_list {margin-top:30px;}
.cont_stack .stack_list ol {display: flex;flex-wrap: wrap;gap:10px;}
.cont_stack .stack_list ol li {position: relative;width: calc(50% - 5px); border:1px solid #ccc;border-radius: 10px;padding-left: 70px;}
.cont_stack .stack_list ol li .num {position: absolute;left: 30px;top:35px;display: block;width: 50px;height: 50px;border-radius: 50%;line-height: 50px;font-size:18px;font-weight: 700;color:#222;background:rgba(255,255,255,0.5);text-align: center}
.cont_stack .stack_list ol li .list_cont {padding: 30px;}
.cont_stack .stack_list ol li .list_cont strong {font-size: 30px;font-weight: 700; color:#000;font-family: "Pretendard",sans-serif;}
.cont_stack .stack_list ol li:nth-child(1) .list_cont strong {color:#fff}
.cont_stack .stack_list ol li:nth-child(4) .list_cont strong {color:#fff}
.cont_stack .stack_list ol li:nth-child(5) .list_cont strong {color:#fff}

.cont_stack .stack_list ol li .list_cont p {font-size: 16px;letter-spacing: 0.04em;color:#111}
.cont_stack .stack_list ol li:nth-child(1) .list_cont p {color:#fff}
.cont_stack .stack_list ol li:nth-child(4) .list_cont p {color:#fff}
.cont_stack .stack_list ol li:nth-child(5) .list_cont p {color:#fff}


/* POINT 01 Content */
.point1_cont {display: flex; gap:0 30px;align-items: stretch;margin-top:80px;}
.point1_cont .cont_box {flex: 1 1 auto;width: 50%; border-radius:10px;background:#fff;border:1px solid #f33c5f}
.point1_cont .cont_box:nth-child(2) {border-color:#ffc600}
.point1_cont .cont_box h3 {position: relative;display: flex;flex-direction: column;justify-content: center;height:200px; text-align: center;padding: 50px 60px; background:#f33c5f;border-radius: 10px 10px 0 0;box-shadow: 0 10px rgba(0,0,0,0.05);font-size: 30px;font-weight: 700; color:#fff;line-height: 1.4;}
.point1_cont .cont_box:nth-child(2) h3 {background:#ffc600;color:#000;}
.point1_cont .cont_box h3:after {content: "";position: absolute; left: 50%; bottom: -10px;transform: translateX(-50%);border-top:10px solid #f33c5f;border-left: 10px solid transparent;border-right:10px solid transparent;}
.point1_cont .cont_box:nth-child(2) h3:after {border-top-color: #ffc600}
.point1_cont .cont_box h3 em {display: block; font-size: 24px;line-height: 1.2;}
.point1_cont .cont_box h3 strong {display: block; color:#ffc600;font-weight: 700;}
.point1_cont .cont_box:nth-of-type(2) h3 strong {color:#f33c5f;}
.point1_cont .cont_box h3 .icon {position: absolute;left: 50%; top:-45px; transform: translateX(-50%);}
.point1_cont .cont_box .cont_list {padding:40px 50px;}
.point1_cont .cont_box .cont_list ul {}
.point1_cont .cont_box .cont_list ul li {position: relative;padding-left: 40px;font-size:24px;font-weight: 500; margin:15px 0;color:#222;line-height: 1.4;}
.point1_cont .cont_box .cont_list ul li strong {display: block; color:#000;font-size: 20px; font-weight: 600;}

.btn_box {margin-top: 80px;}
.btn_box.center {text-align: center;}
.btn_qna {display: inline-block;line-height: 80px;padding: 0 80px;border-radius: 50px;background:#f33c5f;font-size:26px;font-weight: 600;color:#fff;}
.btn_qna:hover {background:#ffc600;color:#000}

ul li .cir_chk {position: absolute;left: 0;top:5px;display: block;width: 25px; height: 25px;border-radius: 50%;background:#f33c5f url("../images/icon/check_w.png") no-repeat center center;}
ul li .cir_chk.yellow {background-color:#ffc600}

#sec01 .center_cont {text-align: center;}
#sec01 .center_cont h3 {position: relative;font-size: 60px; font-weight: 800;color:#000;line-height: 1.2;padding-bottom: 80px;z-index: 10}
#sec01 .center_cont h3:before {content: "";display: block; position: absolute;left: 50%;bottom: -150px;transform: translateX(-50%);width: 1px;height:200px;background:#000;}
#sec01 .center_cont h3:after {content: "";display: block; position: absolute;left: 50%;bottom: -150px;transform: translateX(-50%);width: 10px;height:10px;background:#000;border-radius: 50%;}
#sec01 .center_cont h3 em {display: block; font-size: 40px; font-weight: 700;line-height: 1.2;}
#sec01 .center_cont .cont {background:url("../images/common/sec1_bott_bg.jpg") no-repeat center center;background-size: cover;padding: 200px 50px;}
#sec01 .center_cont .cont p {padding:0 32%;font-size: 22px;color:#222;font-weight: 500;}

@media screen and (max-width:1200px){
  .sec_tit h2 .sm_txt {font-size: 30px;}
  .sec_tit h2 strong {font-size: 60px;}



  #sec01 .center_cont .cont {padding: 180px 50px;}
  #sec01 .center_cont .cont p {padding: 0 20%;}

  ul li .cir_chk {top: 2px;}
}
@media screen and (max-width:1024px){
  .sec_tit > em {width: 120px;height:45px;line-height:45px;font-size:18px;margin-bottom: 20px;}
  .sec_tit h2 .sm_txt {font-size:30px;}
  .sec_tit h2 strong {font-size: 50px;}
  .sec_tit .sec_tit_img {width: 300px;}
  .sec_tit .desc {font-size: 20px;margin-top: 20px;}

  .review_box {padding: 50px 40px;}
  .review_box .review_txt .txt {padding: 20px 30px;font-size:20px;line-height: 1.5;background-size: 24px auto;}
  .review_box .review_txt .source {padding-left: 30px;}

  .point1_cont .cont_box h3 .icon {display: inline-block;width:30%;top: -35px;}
  .point1_cont .cont_box h3 {padding:30px 40px;font-size: 24px;}
  .point1_cont .cont_box h3 em {font-size: 20px;}
  .point1_cont .cont_box .cont_list {padding: 30px 40px;}
  .point1_cont .cont_box .cont_list ul li {padding-left: 30px;font-size: 22px;margin: 15px 0;}

  ul li .cir_chk {top: 5px;width: 20px;height: 20px;background-size: 8px auto;}

  #sec01 .center_cont h3 {font-size: 50px;padding-bottom: 50px;}
  #sec01 .center_cont h3:before {bottom: -115px;height: 150px;}
  #sec01 .center_cont h3:after {bottom: -115px;width: 10px;height: 10px;}
  #sec01 .center_cont h3 em {font-size:34px;}

  #sec01 .center_cont .cont {padding: 150px 40px;}
  #sec01 .center_cont .cont p {padding: 0 20%;font-size: 19px;}

  .cont_stack .stack_list ol {flex-direction: column;}
  .cont_stack .stack_list ol li {width: 100%;}
  .cont_stack .stack_list ol li .list_cont strong {font-size: 24px;}
}
@media screen and (max-width:768px){
  #sec01 .sec_tit {}
  .sec_tit > em {width: 100px;height: 40px;line-height: 40px;font-size: 16px;}
  .sec_tit h2 .sm_txt {font-size: 24px;line-height: 1.4; margin-bottom: 5px;}
  .sec_tit h2 strong {font-size:40px;line-height: 1.2;margin-bottom: 10px}
  .sec_tit .sec_tit_img {right: 50%;transform: translateX(50%) !important;width: 250px;}

  .review_box {padding:35px 30px;}
  .review_box .review_txt .txt {padding: 20px 25px;font-size: 18px;background-size:20px auto;}
  .review_box .review_txt .source {padding-left:25px;}

  .point1_cont {flex-direction: column;gap: 50px 0;margin-top: 50px;}
  .point1_cont .cont_box {width: 100%;}
  .point1_cont .cont_box h3 {height:auto;padding:50px 30px 35px;font-size: 22px;}
  .point1_cont .cont_box h3 em {font-size: 18px;}
  .point1_cont .cont_box h3 .icon {width: 20%;}
  .point1_cont .cont_box .cont_list {padding: 25px 30px;}
  .point1_cont .cont_box .cont_list ul li {padding-left: 25px;font-size: 18px;margin: 10px 0;}
  .point1_cont .cont_box .cont_list ul li strong {font-size: 16px;}
  ul li .cir_chk {top: 4px;width: 18px;height: 18px;}

  #sec01 .center_cont h3 {font-size:40px;padding-bottom:40px;}
  #sec01 .center_cont h3:before {bottom: -70px;height: 100px;}
  #sec01 .center_cont h3:after {bottom: -70px;}
  #sec01 .center_cont h3 em {font-size:26px;}
  #sec01 .center_cont .cont {padding: 100px 50px;}
  #sec01 .center_cont .cont p {padding: 0 16%;font-size:18px;}

  .btn_box {margin-top: 50px;}
  .btn_qna {line-height: 70px;padding: 0 60px;font-size:24px;}
}
@media screen and (max-width:640px){
  #sec01 .center_cont .cont {padding: 80px 40px;background-position: 40% center}
  #sec01 .center_cont .cont p {font-size: 16px;}
}
@media screen and (max-width:480px){

  .sec_tit > em {height: 35px;line-height:35px;font-size: 15px;}
  .sec_tit h2 .sm_txt {font-size:18px;padding: 10px 20px}
  .sec_tit h2 strong {font-size:26px;}
  .sec_tit .sec_tit_img {width: 200px;}

  .review_box:after {}
  .review_box .review_txt .txt {padding:15px 20px;font-size: 16px;background-size: 16px auto;}
  .review_box .review_txt .source {padding-left:20px;font-size: 15px;}
  .review_box .review_txt .source img {margin-right: 5px;width: 15px;}
  .point1_cont .cont_box h3 {padding: 25px 20px;font-size: 20px;}
  .point1_cont .cont_box h3 .icon {width: 25%;top: -30px;}

  #sec01 .center_cont h3 em {font-size: 20px;}
  #sec01 .center_cont h3 {font-size:30px;padding-bottom:30px;}
  #sec01 .center_cont h3:before {bottom: -40px;height: 60px;}
  #sec01 .center_cont h3:after {bottom: -40px;}
  #sec01 .center_cont .cont {padding: 50px 30px;background-position: 35% center}
  #sec01 .center_cont .cont p {font-size:15px;}

  .cont_stack .stack_list ol li .num {width: 40px;height: 40px;line-height: 40px;font-size: 16px;}
  .cont_stack .stack_list ol li .list_cont {padding: 30px 20px;}
  .cont_stack .stack_list ol li .list_cont strong {font-size: 20px;}
  .cont_stack .stack_list ol li .list_cont p {font-size: 15px;}

  .btn_qna {line-height:60px;padding: 0 50px;font-size: 20px;}
}


/*-----------------------------------------------------------------------------
 *  Section 02
 *----------------------------------------------------------------------------*/

#sec02 {background:#f6f6f6;}

#sec02 .sec_tit strong + em {display: block;font-size:36px;font-weight:700;color:#222;letter-spacing: 0.02em }

.rd_img {border-radius: 10px;overflow: hidden;margin-top: 60px;}
.cont_tit {display: flex; align-items: center;margin-top: 60px;color:#fff;}
.cont_tit.center {justify-content: center}
.cont_tit strong {position: relative;display: inline-block;font-size: 50px; font-weight: 700;padding-left: 20px;line-height: 1;margin-right:20px;}
.cont_tit strong:before {content: "";position: absolute; left: 0; top:0; display: block; width: 10px; height: 10px; border-radius: 50%;background:#9369ff;}
.cont_tit em {position: relative;display: inline-block;font-size: 22px; letter-spacing: 0;padding-left:70px;}
.cont_tit em:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);display: inline-block;width:50px;height: 1px;background:rgba(255,255,255,0.3);}
.cont_desc {font-size: 22px; color:#fff;margin-top: 20px;padding-left: 20px;}
#sec02 .cont_list {margin-top: 80px;}
#sec02 .cont_list ul {display: flex;gap:0 20px;}
#sec02 .cont_list ul li {position: relative;display: flex;align-items: center;justify-content: center;flex:1 1 auto;width: 33.3333%;height: 250px; text-align: center;border-radius: 10px;}
#sec02 .cont_list > ul {margin-top:50px}
#sec02 .cont_list > ul > li {display: flex;flex-direction: column;gap:10px;height: auto;padding: 50px 30px}
#sec02 .cont_list > ul > li + li:before {content: "";position: absolute;left: -35px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background: #0d1426 url("../images/icon/plus_b.png") no-repeat center center;}
#sec02 .cont_list > ul > li h4 {font-size: 30px;font-weight: 800;border-bottom: 1px solid #fff;border-top: 1px solid #fff;padding: 5px 60px;}
#sec02 .cont_list > ul > li:nth-child(2) h4 {border-color:#000}
#sec02 .cont_list ul li p {position: relative;display: grid;gap:10px; font-size: 26px;font-weight: 700;line-height: 1.2;letter-spacing: 0;}
#sec02 .cont_list ul li strong {display: block;font-size: 18px; color:#000}
#sec02 .cont_list ul li p .abs_tit {position: absolute;top:-30px;left: 50%;width: max-content; transform: translateX(-50%);padding: 0 30px; border-radius: 10px;color:#000;font-size: 20px;font-weight: 800;letter-spacing: 0.02em; line-height: 60px;background:#ffe400;box-shadow: 0 0 20px rgba(0,0,0,0.1)}
#sec02 .cont_list ul li p .abs_tit:after {content: "";position: absolute; left: 50%;bottom: -8px;transform: translateX(-50%);display: block;width: 0;height: 0;border-top:8px solid #ffe400;border-left:8px solid transparent;border-right:8px solid transparent;}
#sec02 .cont_list ul li:nth-child(2) p .abs_tit {background:#00c6ff}
#sec02 .cont_list ul li:nth-child(2) p .abs_tit:after {border-top-color:#00c6ff}
#sec02 .cont_list ul li:nth-child(3) p .abs_tit {background:#f33c5f;color:#fff}
#sec02 .cont_list ul li:nth-child(3) p .abs_tit:after {border-top-color:#f33c5f}
#sec02 .cont_list ul li p em {display: block; font-size: 22px;font-weight: 600;line-height: 1.4}
#sec02 .cont_list ul li p strong {display: block;font-size: 30px; font-weight: 800;}
#sec02 .cont_list ul li p strong.accent {color:#fff000}

@media screen and (max-width:1200px){
  .cont_tit strong {font-size: 40px;}
}
@media screen and (max-width:1024px){
  .cont_tit strong {font-size: 36px;padding-left: 15px;}
  .cont_tit em {font-size: 18px;}
  #sec02 .sec_tit strong + em {font-size: 30px;}
  .cont_desc {font-size: 18px;}
  #sec02 .cont_list ul {gap: 0 20px;}
  #sec02 .cont_list ul li p {font-size: 22px;/*padding:60px 20px 30px;gap:0*/}
  #sec02 .cont_list ul li p .abs_tit {top: -20px;padding: 0 20px;font-size: 18px;line-height: 50px;}
  #sec02 .cont_list ul li p em {font-size: 18px;}
  #sec02 .cont_list ul li p strong {font-size: 22px;}
}
@media screen and (max-width:768px){
  .sec_tit .desc {font-size: 18px;}
  .cont_tit strong {font-size: 30px;line-height: 1.2}
  .cont_tit em {font-size:16px;}
  #sec02 .cont_list ul {gap: 0 20px;}
  #sec02 .cont_list ul li {height:200px;}
  #sec02 .cont_list ul li + li:before {left: -30px;width: 40px;height: 40px;background-size: 12px auto;}
  #sec02 .cont_list ul li p {}
  #sec02 .cont_list ul li p em {font-size: 16px;}
  #sec02 .cont_list ul li p strong {font-size: 22px;}
  #sec02 .cont_list ul {flex-direction: column;gap: 20px 0;margin-top: 30px;}
  #sec02 .cont_list ul li {width: 100%;height: auto;padding: 40px 20px}
  #sec02 .cont_list > ul > li h4 {font-size: 26px;padding: 5px 20px;}
  #sec02 .cont_list ul li + li:before {left: 50%;top:-30px;transform: translateX(-50%);}
  #sec02 .cont_list ul.cp_list li + li:before {transform:translateX(-50%) rotate(90deg);transform-origin: center;}
  .cont_tit strong:before {width: 8px;height: 8px;}
}
@media screen and (max-width:640px){

}
@media screen and (max-width:480px){
  .sec_tit .desc {font-size: 16px;}
  .sec_tit .desc br {display: none}
  #sec02 .sec_tit strong + em {font-size: 22px;line-height: 1.2}
  .cont_tit strong {font-size: 22px;}
  .cont_tit em {font-size: 15px;}
  .cont_desc {font-size: 16px;}
}


/*-----------------------------------------------------------------------------
 *  Section 03
 *----------------------------------------------------------------------------*/

#sec03 {}
#sec03 .sec_tit strong + em {display: block;font-size:50px;font-weight:700;letter-spacing: 0.02em }
.desc_box {margin-top: 50px;padding:50px 60px;border-radius: 10px;border:1px solid #ccc;}
.desc_box .desc {position: relative; padding-left:15px; font-size: 20px; font-weight: 500; color: #222;margin: 20px 0;line-height: 1.8}
.desc_box .desc:before {content: "";position: absolute;left: 0;top:15px;display: block; width: 8px; height: 8px; border-radius: 50%; background:#00b0f0}
.point_tit {position: relative;}
.point_tit .underline_txt:before {content: "";display: block;position: absolute;left: 0;bottom:15px;width: 0;height: 10px;border-radius: 50px;background: #ffc600;z-index: -1;transition: all 0.5s 0.7s ease;}
.aos-animate .point_tit .underline_txt:before {width: 100%;}


/* Admission Process */
.ams_process {max-width: 1200px; margin:80px auto 0;padding-bottom: 150px;}
.ams_process h2 {text-align: center;}
.ams_process h2 strong {font-size:50px;}
.process_llist {margin-top: 60px;}
.process_llist ol {display: flex;justify-content: space-between;align-items: stretch;gap:0 15px;}
.process_llist ol li {position: relative;width: 100%; border-radius: 10px;background:#fff;padding: 50px 20px 60px;text-align: center;border:2px dashed #ccc;transition: all 0.3s ease}
.process_llist ol li.active {border-color:#48c8ef;border-width:2px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.process_llist ol li + li:before {content: "";position: absolute;left:-35px;top:50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background:#222 url("../images/icon/arr_small_b.png") no-repeat center center;box-shadow: 0 0 5px inset rgba(0,0,0,0.07)}
.process_llist ol li strong {display: block;font-size: 26px;font-weight: 700; color:#000;line-height: 1.4;margin-top: 20px}
.process_llist ol li em {font-size: 18px;display:inline-block;width: 50px;height: 50px; line-height: 50px;background:#48c8ef;border-radius: 50%; margin-bottom:20px;font-weight: 700; color:#fff;letter-spacing: 0.01em}
.process_llist ol li .icon {position: relative;}
.process_llist ol li .icon img {position: relative; z-index: 1;}
.process_llist ol li .icon:before {content: ""; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);display: block; width:80px;height: 80px; border-radius: 50%;background:#f4f4f4;z-index: 0}
.process_llist ol li p {font-size: 20px;font-weight: 700; color: #000; margin-top:10px;}

.sq_item {opacity: 0;transform: translateY(50px);transition: all .5s ease}
.aos-animate .sq_item {transform: translateY(0);opacity: 1;}
.aos-animate .sq_item:nth-of-type(2) {transition-delay: .3s}
.aos-animate .sq_item:nth-of-type(3) {transition-delay: .6s}
.aos-animate .sq_item:nth-of-type(4) {transition-delay: .9s}
.aos-animate .sq_item:nth-of-type(5) {transition-delay: 1.2s}

.step_list {margin-top:80px}
.step_list ol {display: flex;justify-content: space-between;gap:0 15px;}
.step_list ol li {position: relative;flex: 1 0 0; display: flex;flex-direction: column;justify-content:flex-start;background:#f2f2f2;border-radius: 10px;text-align: center;padding: 80px 20px;font-size:20px;font-weight: 500;}
.step_list ol li:before {content: "";position: absolute;}
.step_list ol li.step1 {background:#cde0f4;color:#061230;}
.step_list ol li.step2 {background:#f33c5f;color:#fff;}
.step_list ol li.step3 {background:#a5b6e3;color:#000;}
.step_list ol li.step4 {background:#212d4b;color:#fff;}
.step_list ol li strong {font-size: 30px;font-weight: 800;line-height: 1.4;}
.step_list ol li p {line-height: 1.2;}
.step_list ol li .txt_sm {display: block; margin-top: 20px; font-size: 20px;font-weight: 600;line-height: 1.3;}
.step_list ol li .icon {font-size: 0;}


.list_half {display: flex;justify-content: space-between;margin: 20px 0 50px; width: 100%;}
.list_half .half_cont {flex:1 0 0; width: 100%; border-radius: 10px;border:1px dashed rgba(255,255,255,0.5);background:rgba(0,0,0,0.2);font-size: 24px;font-weight: 600; color:#fff;overflow: hidden;}
.list_half.half_4 {text-align: left;gap:20px;}
.list_half.half_4 .half_cont {}
.list_half .half_cont.half_txt {padding:40px 40px 60px;border-color:#f59c00;}
.list_half.half_4 .half_cont.half_txt {display: flex;flex-direction: column;padding:40px 50px 50px;}
.list_half .half_cont .icon {display: block; background:#f33c5f;height: 80px}
.list_half .half_cont .icon.yellow {background:#ffc600;}
.list_half .half_cont .icon img {display: inline-block;transform: translateY(20px)}
.list_half .half_cont .head_tit {font-size: 60px; font-weight: 800;}
.list_half .half_cont .num {display: inline-block;margin-bottom: 10px;font-size:22px;font-weight: 700;color:#f59c00}
.list_half .half_cont p {padding: 40px 40px;line-height: 1.4}
.list_half .half_cont.half_txt p {padding:0 40px;letter-spacing: 0.04em;font-weight: 500;line-height: 1.3;}
.list_half.half_4 .half_cont.half_txt p {padding:0;text-align: left;font-size: 26px;font-weight: 500}


#sec03 .imgBgList {margin-top: 60px;}
#sec03 .imgBgList > ul {display: flex;flex-wrap: wrap;gap:20px;}
#sec03 .imgBgList > ul > li {display: flex;flex-direction: column;justify-content: center;flex:1 1 auto;width:calc(50% - 20px);height: 350px;padding: 0 50px; color:#fff;text-align: center;border-radius: 10px;}
#sec03 .imgBgList > ul > li:nth-child(1) {background:url("../images/common/sec3_img_1.jpg") no-repeat center center;background-size: cover;}
#sec03 .imgBgList > ul > li:nth-child(2) {background:url("../images/common/sec3_img_2.jpg") no-repeat center center;background-size: cover;}
#sec03 .imgBgList > ul > li:nth-child(3) {background:url("../images/common/sec3_img_3.jpg") no-repeat center center;background-size: cover;}
#sec03 .imgBgList > ul > li:nth-child(4) {background:url("../images/common/sec3_img_4.jpg") no-repeat center center;background-size: cover;}
#sec03 .imgBgList > ul > li > strong {display: block;text-align: center;font-size: 36px; font-weight: 800;margin-bottom:10px;}
#sec03 .imgBgList ul li ul {display: inline-block;text-align: left;margin: 0 auto}
#sec03 .imgBgList ul li ul li {position: relative;padding-left:35px;font-size: 24px;font-weight: 500; margin:10px 0;line-height: 1.3}
#sec03 .imgBgList ul li ul li > strong {display: block;font-size: 20px;font-weight: 600; color:#ffc600;text-decoration: underline;margin-top: 10px;}
#sec03 .imgBgList ul li ul li > em {display: block;font-size: 18px;line-height: 1.2;}
#sec03 .imgBgList ul li ul li .accent {font-weight: 800;}
#sec03 .imgBgList ul li ul li .accent .yellow {font-size:26px; font-weight: 800; color:#ffc600;}

@media screen and (max-width:1200px){
  #sec03 .imgBgList > ul > li > strong {font-size: 30px;line-height: 1.2;}
  #sec03 .imgBgList ul li ul li {font-size:22px;padding-left: 30px;}
  .list_half.half_4 .half_cont.half_txt {padding: 30px 40px 40px;}
  .list_half.half_4 .half_cont.half_txt p {font-size: 22px;}
}
@media screen and (max-width:1024px){
  #sec03 .sec_tit strong + em {font-size: 30px;}
  .sec_tit .desc strong {font-size: 30px;}
  #sec03 .imgBgList ul li ul li {font-size: 20px;}
  #sec03 .imgBgList > ul > li {width: calc(50% - 10px);padding: 0 30px;}
  #sec03 .imgBgList ul li ul li .accent .yellow {font-size: 22px;}
  #sec03 .imgBgList ul li ul li > strong {font-size: 18px;}

  .process_llist ol {flex-direction: column;gap:50px;}
  .process_llist ol li {padding:40px 30px 40px 180px;text-align: left;}
  .process_llist ol li em {position: absolute; left:30px;top:40px; font-size: 16px;width: 40px;height: 40px;line-height: 40px;margin-bottom: 0;text-align: center}
  .process_llist ol li .icon {position: absolute;left: 100px;top: 50px;}
  .process_llist ol li .icon img {width: 40px}
  .process_llist ol li strong {font-size: 22px;margin-top: 0;}
  .process_llist ol li strong br {display: none}
  .process_llist ol li + li:before {left: 50%;top: -25px;transform:rotate(90deg) translateX(-50%) translateY(0);width: 40px;height:40px;background-size: 12px auto;}

  .step_list {margin-top:50px;}
  .step_list ol li {padding: 50px 20px;font-size: 18px;}
  .step_list ol li strong {font-size:24px;line-height: 1.2;margin-bottom: 10px}

  .list_half.half_4 {flex-wrap: wrap;}
  .list_half.half_4 .half_cont.half_txt {width: 48%;flex: none}
}
@media screen and (max-width:768px){
  .sec_tit .desc strong {font-size: 26px;}
  #sec03 .imgBgList > ul {flex-direction: column;gap:20px 0;}
  #sec03 .imgBgList > ul > li {width: 100%;height:auto;justify-content: flex-start;padding:60px;}
  #sec03 .imgBgList > ul > li > strong {font-size: 26px;text-align: left;}
  #sec03 .imgBgList ul li ul {display: block;margin: 0;}
  #sec03 .imgBgList ul li ul li {font-size: 18px;padding-left: 25px;}
  #sec03 .imgBgList ul li ul li > strong {font-size:16px;}
  #sec03 .imgBgList ul li ul li > em {font-size: 16px;}
  #sec03 .imgBgList ul li ul li .accent .yellow {font-size:20px;}
  .desc_box {margin-top: 40px;padding: 30px 40px;}
  .desc_box .desc {font-size: 18px;}
  .desc_box .desc:before {top: 12px;}
  .step_list ol {flex-direction: column;gap: 20px;}

}
@media screen and (max-width:640px){
  #sec03 .imgBgList > ul > li {padding: 50px;}
  .list_half.half_4 {gap:10px}
  .list_half.half_4 .half_cont.half_txt {width: 100%;padding: 20px 30px}
  .list_half .half_cont .num {font-size: 18px;}
  .list_half.half_4 .half_cont.half_txt p {font-size: 20px;}
}
@media screen and (max-width:480px){
  #sec03 .sec_tit strong + em {font-size: 22px;line-height: 1.2}
  .sec_tit .desc strong {font-size: 22px;}
  #sec03 .imgBgList > ul > li {padding: 40px;}
  #sec03 .imgBgList > ul > li > strong {font-size: 22px;margin-bottom: 0;}
  .desc_box {padding-top:20px;}
  .desc_box .desc {font-size: 16px;}
  .desc_box .desc:before {top: 10px;}
  .process_llist {margin-top:30px;}
  .process_llist ol li {display: flex;flex-direction: column;padding: 40px;text-align: center;align-items: center}
  .process_llist ol li em {position: static;font-size: 15px;}
  .process_llist ol li .icon {position: relative;left: auto;top: auto;margin: 30px 0}
  .process_llist ol li strong {font-size:20px;}
  .process_llist ol li p {font-size: 18px;}
  .process_llist ol li + li:before {left: 38%;top: -45px;transform: rotate(90deg) translateX(0) translateY(-50%);width: 35px;height: 35px;background-size: 10px auto;}
  .step_list ol li {padding:30px 20px;font-size: 16px;}

  .point_tit .underline_txt:before {bottom:4px;width: 6px;height: 6px}
}


/*-----------------------------------------------------------------------------
 *  Section 04
 *----------------------------------------------------------------------------*/

#sec04 {background:#0d1426;}
.sec_tit2 .desc {font-size: 22px;font-weight: 400;color: #fff;margin-top: 50px;}
#sec04 .sec_tit > em {width: 180px;}
#sec04 .imgBgList {margin-top: 60px;}
#sec04 .imgBgList > ul {display: flex;flex-wrap: wrap;gap:20px;align-items: stretch;}
#sec04 .imgBgList > ul > li {position: relative;display: flex;flex-direction: column;flex:1 1 auto;width:calc(33.3333% - 15px);padding: 80px 60px; color:#fff;border-radius: 10px;background:#fff}
#sec04 .imgBgList > ul > li:nth-child(1) {background:#f33c5f}
#sec04 .imgBgList > ul > li:nth-child(2) {background:url("../images/main/sec4_bg2.jpg") no-repeat right center;background-size: cover;}
#sec04 .imgBgList > ul > li:nth-child(3) {background:#ddff00}
#sec04 .imgBgList > ul > li:nth-child(4) {background:#394e9a}
#sec04 .imgBgList > ul > li:nth-child(5) {background:url("../images/main/sec4_bg5.jpg") no-repeat right center;background-size: cover;}
#sec04 .imgBgList > ul > li .step_num {position: absolute;left:30px;top:30px;display: inline-block;line-height: 40px;padding: 0 20px;border-radius: 10px;background:#0d1426;font-size: 22px; font-weight: 700; color:#fff;text-align: center;}
#sec04 .imgBgList > ul > li > h3 {text-align: center;font-size: 36px; font-weight: 800;margin-bottom:30px;color:#ffc600;line-height: 1.3;}
#sec04 .imgBgList > ul > li > h4 {text-align: center;font-size: 30px; font-weight: 800;margin-bottom:10px;}
#sec04 .imgBgList > ul > li strong {font-size: 30px;font-weight: 700}
#sec04 .imgBgList > ul > li:nth-child(3) strong {color:#0d1426}
#sec04 .imgBgList > ul > li p {font-size: 22px;font-weight: 700;font-family: "pretendard",sans-serif;}
#sec04 .imgBgList > ul > li p em {display: block;font-size: 16px;}
#sec04 .imgBgList > ul > li:nth-child(3) p {color:#0d1426}
#sec04 .imgBgList > ul > li .list_foot {display: block; margin-top: 10px; font-size: 16px;letter-spacing: 0.02em}
#sec04 .imgBgList ul.blit_yellow_list {display: inline-block;text-align: left;margin: 0 auto}
#sec04 .imgBgList ul.blit_yellow_list li {position: relative;padding-left:20px;font-size: 24px;font-weight: 500; margin:10px 0;line-height: 1.4}
#sec04 .imgBgList ul.blit_yellow_list li:before {content: "";position: absolute; left: 0; top:10px;display: block;border-radius: 50%;width: 8px;height: 8px;background:#ffc600;}
#sec04 .imgBgList ul.blit_yellow_list li > em {display: inline-block;vertical-align: middle;font-size: 18px;line-height: 1.2;}

.tip {display: flex;align-items: center;gap:10px;font-size: 18px;color:#eee;margin-top: 20px;}
.tip:before {content: "";display: inline-block;width: 10px;height: 10px;background:url("../images/common/icon_required.png")}

.tit_cont {display: flex;gap:20px;align-items: center;color:#fff;justify-content: center;padding: 30px 20px;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);font-family: "pretendard",sans-serif}
.tit_cont p {font-size:36px;font-weight: 600;line-height: 1.2}
.tit_cont span {flex-shrink: 0; display: block;width: 50px;height: 50px;border-radius: 50%;background:#ffd800; font-size: 36px;color:#000}

.key_cont {display: flex;gap:40px;justify-content: space-between;align-items: center;margin: 50px 0 80px;}
.key_list {width: 40%;}
.key_list h3 {font-size: 26px;color:#fff;font-weight: 600;margin-bottom:20px}
.key_list ul {display:grid;gap:10px;}
.key_list ul li {border-radius: 10px;background:#1e2941;border:1px dashed #a0bfff;padding: 20px;text-align: center;font-size: 20px;font-weight: 600;color:#c6d8ff}
.key_rst {width:40%;margin-top: 50px}
.key_rst ul {display:grid;gap:10px;}
.key_rst ul li {border-radius: 10px;background:#cde5ff;padding: 20px;text-align: center;font-size: 20px;font-weight: 600;color:#000}
.key_cont span {display: block; font-size: 22px;font-weight: 700;color:#fff;margin-top: 50px;padding:20px 20px;border-top:1px solid #666;border-bottom: 1px solid #666;}
.key_cont span:before {content: "";position: absolute;right: -10px;top:-22px;display: block;width: 60px;height: 1px;background:#666;transform: rotate(45deg)}
.key_cont span:after {content: "";position: absolute;right: -10px;bottom:-22px;display: block;width: 60px;height: 1px;background:#666;transform: rotate(-45deg)}

.bott_btns {display: flex;justify-content: center;margin-top: 50px;}
.bott_btns a {display: inline-flex;align-items: center;margin: 0 10px;line-height: 100px;border-radius: 10px;padding: 0 80px;font-size:26px; font-weight: 700;}
.bott_btns a.btn_yellow {background:#ffc600;color:#0d1426;}
.bott_btns a.btn_pink {background:#f33c5f;color:#fff}
.bott_btns a span {position: relative;display: inline-block; vertical-align: middle;margin-left: 10px;line-height: 1.2;z-index: 1;font-size: 0; transition: all 0.3s ease;}
.bott_btns a:hover span {transform: translateX(10px)}
.bott_btns a span:before {content: "";position: absolute; right:-12px;top:50%;transform: translateY(-50%);display: block; width:0; height: 0;border-radius: 50%;background:#fff;z-index:-1;transition: all 0.2s 0.1s ease;}
.bott_btns a.btn_pink span:before {background:#0d1426;}
.bott_btns a:hover span:before {width:35px; height: 35px;}
.bott_btns .btn_apply {display: flex;align-items: center;font-size: 26px; font-weight: 700;color:#000; background:#00deff;padding:25px 60px;border-radius: 10px;text-align: center;transition: all 0.3s ease}
.bott_btns .btn_apply:hover {transform: translateY(-2px);box-shadow: 0 5px 20px rgba(255,198,0,0.3);background:#00c0ff}
.bott_btns .btn_apply .icon {display: inline-block;font-size: 0;margin-right: 10px;}

@media screen and (max-width:1200px){
  #sec04 .imgBgList > ul > li {padding: 50px 40px;}
}
@media screen and (max-width:1024px){
  #sec04 .sec_tit > em {width: 150px;}
  #sec04 .imgBgList > ul > li {width: calc(50% - 15px);}
  #sec04 .imgBgList > ul > li .step_num {left: 20px;top: 20px;line-height: 35px;font-size: 18px;}
  #sec04 .imgBgList > ul > li > h3 {font-size: 30px;margin-bottom:20px;line-height: 1.2;}
  #sec04 .imgBgList > ul > li > h4 {font-size:26px;line-height: 1.2;}
  #sec04 .imgBgList ul.blit_yellow_list li {padding-left: 15px;font-size: 20px;line-height: 1.3;}
  #sec04 .imgBgList ul.blit_yellow_list li:before {top: 8px;}

  .bott_btns a {line-height: 80px;padding: 0 50px;font-size: 22px;}
  .bott_btns a span img {width:20px;}
  .bott_btns a:hover span:before {width: 30px;height: 30px;}
  .bott_btns .btn_apply {font-size: 22px;padding: 20px 40px;}

  .sec_tit2 .desc {font-size: 18px;margin-top: 30px;}
  .tit_cont p {font-size: 30px;}
}
@media screen and (max-width:768px){
  #sec04 .imgBgList > ul {flex-direction: column;gap: 10px;}
  #sec04 .imgBgList > ul > li {justify-content: flex-start;width: 100%;height:auto;padding:60px 40px;text-align: left;}
  #sec04 .imgBgList > ul > li .step_num {left:15px;top:15px;line-height: 30px;font-size:15px;}
  #sec04 .imgBgList > ul > li > h3 {font-size:26px;margin-bottom:15px;text-align: left;}
  #sec04 .imgBgList > ul > li > h4 {font-size: 22px;text-align: left;}
  #sec04 .imgBgList ul.blit_yellow_list {margin:0}
  #sec04 .imgBgList ul.blit_yellow_list li {padding-left: 15px;font-size: 18px;}
  #sec04 .imgBgList ul.blit_yellow_list li > em {font-size: 16px;}

  .bott_btns a {line-height:70px;padding: 0 40px;font-size: 20px;margin: 0 5px}

  .key_cont {flex-direction: column;gap: 30px;}
  .key_list {width:100%;}
  .key_rst {width: 100%;margin-top: 0}
  .key_cont span {font-size: 20px;margin-top:0;border: none;border-left: 1px solid #666;border-right: 1px solid #666;}
  .key_cont span:before {right: auto;left:-52px;top: 50px;}
  .key_cont span:after {left: auto;right:-52px;top: 50px;}

  .tit_cont p {font-size:26px;}
  #sec04 .imgBgList > ul > li strong {font-size: 26px;}
  #sec04 .imgBgList > ul > li p {font-size: 20px;}
  .key_list h3 {font-size: 22px;text-align: center;}
}
@media screen and (max-width:640px){
  .bott_btns {flex-direction: column;margin-top: 40px;}
  .bott_btns a {margin: 5px 0;justify-content: center;}
}
@media screen and (max-width:480px){
  #sec04 .imgBgList > ul > li .step_num {padding:0 10px}
  #sec04 .imgBgList > ul > li > h3 {font-size: 22px;margin-bottom: 10px;}
  .sec_tit2 .desc {font-size: 16px;}
  .key_list ul li {padding: 20px;font-size: 18px;}
  .key_rst ul li {font-size: 18px;}
  .tit_cont {gap:10px;padding: 25px 10px;}
  .tit_cont p {font-size:17px;}
  .tit_cont span {width: 40px;height: 40px;line-height: 40px;font-size: 26px;}
  #sec04 .imgBgList > ul > li {padding: 40px 40px;}
  #sec04 .imgBgList > ul > li strong {font-size:22px;}
  #sec04 .imgBgList > ul > li p {font-size: 18px;}
  .tip {font-size: 16px;}
}


/*-----------------------------------------------------------------------------
 *  Attend
 *----------------------------------------------------------------------------*/

#attend {background:url("../images/common/sec6_bg.jpg") no-repeat center center; background-size: cover;}
.sec_tit2 > em {position: relative;display: inline-block; width:max-content; height: 60px;padding:0 30px; border-radius: 10px; line-height: 60px;background:#00ffea; font-size: 26px; color:#000; font-weight: 800;letter-spacing: 0.02em;text-align: center;margin-bottom:20px;}
.sec_tit2 > em:after {content: "";position: absolute;left: 50%;bottom: -8px;transform: translateX(-50%);border-top:8px solid #00ffea;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.sec_tit2 .icon {font-size: 0}
.sec_tit2.light strong {font-size: 60px;color:#fff}
.brd_apply {position: relative;background:#fff;border-radius: 10px;padding:60px 60px 100px;}
.brd_apply .ment {position: relative;font-size:  26px; font-weight: 700; color:#000;padding-left: 20px;margin-bottom: 30px;;border: none}
.brd_apply .ment:before {content:"";position: absolute;left: 0; top:17px; display: block;width: 8px; height: 8px; border-radius: 50%; background:#00e5e8;line-height: 1.2;}
.brd_apply .ment span {position: relative;display: inline-block;line-height: 1.3; z-index: 1}
.brd_apply .ment span:after {content: "";position: absolute;left: 0;bottom:4px;display: block;width: 100%; height: 10px;border-radius: 50px;background:#00eef1;z-index: -1}
.brd_apply .require_ment {display: flex;align-items: center;position: absolute;right: 0;top:15px;font-size: 18px; font-weight: 500;line-height: 1.2;}
.brd_apply .require_ment .icon {display: inline-block;margin-right:5px;font-size: 0;}

.tb_2 {border-top:3px solid #000;}
.tb_2 th,
.tb_2 td {padding:20px 15px;border-bottom: 1px solid #e5e5e5;}
.tb_2 th {text-align: left;font-size: 20px;font-weight: 700; color:#000;}
.tb_2 th .icon_require {font-size: 0;display:inline-block;vertical-align: middle;margin-top: -3px; margin-right:5px;}

.per_policy {padding: 30px 15px;border-bottom: 1px solid #e5e5e5}
.per_policy h3 {font-size: 20px;font-weight:700;color:#000;margin-bottom: 10px;}
.per_policy p {font-size: 16px;}
.per_policy ol li {font-size: 15px;}
.agree_chk {margin-top: 30px;text-align: center;}
.agree_chk .chk_box .chk + label {font-size: 18px;font-weight: 500; color:#222;}
.agree_chk .chk_box .chk + label:before {width: 24px;height: 24px;}

@media screen and (max-width:1200px){
  .tb_2 colgroup {display: none;}
  .tb_2 th,
  .tb_2 td {padding:15px 10px;}
  .tb_2 th {width:14%;font-size: 18px;}
  .tb_2 td {width:36%;}
}
@media screen and (max-width:1024px){
  .sec_tit2.light strong {font-size: 50px;}

}
@media screen and (max-width:1024px){
  .sec_tit2 > em {;font-size:20px;}
  .sec_tit2.light strong {font-size:46px;}

  .brd_apply {padding: 40px 50px 60px;}
  .brd_apply .ment {font-size: 22px;}
  .brd_apply .ment:before {top: 14px;}
  .brd_apply .require_ment {top:14px;font-size: 16px;}


  .per_policy {padding:20px 15px;}
  .per_policy h3 {font-size: 18px;}
  .agree_chk {margin-top: 20px;}
  .agree_chk .chk_box .chk + label {font-size: 16px;}
  .agree_chk .chk_box .chk + label:before {width:20px;height:20px;}
}
@media screen and (max-width:960px){
  .sec_tit2.light strong {font-size: 44px;}

  .tb_2,
  .tb_2 tbody,
  .tb_2 tr,
  .tb_2 th,
  .tb_2 td {display: block;width: 100%;}
  .tb_2 th {border-bottom: none;padding-bottom:10px;}
  .tb_2 td {padding-top: 0;}
}
@media screen and (max-width:768px){
  .sec_tit2 > em {width: auto;padding: 0 15px;height:40px;line-height: 40px;font-size:15px;}
  .sec_tit2.light strong {font-size: 36px;line-height: 1.2;}

  .brd_apply {padding: 30px 40px 50px;}
  .brd_apply .ment {font-size: 18px;margin-bottom: 20px;padding-left: 15px;}
  .brd_apply .ment:before {top: 10px;width: 6px;height: 6px;}
  .brd_apply .ment span:after {bottom: 4px;height: 6px;}
  .brd_apply .require_ment {top: 5px;font-size:15px;}
  .tb_2 th {font-size: 16px;}
  .per_policy h3 {font-size: 16px;}
  .per_policy p {font-size: 15px;}
  .per_policy ol li {font-size: 14px;}
  .bott_btns .btn_apply {font-size: 20px;}
  .bott_btns .btn_apply .icon {width: 20px}
}
@media screen and (max-width:640px){
  .brd_apply .ment {margin-top: 20px}
  .brd_apply .ment span:after {display: none;}
  .brd_apply .require_ment {position: static;margin-top: 10px;margin-left: -10px;}
  .bott_btns .btn_apply {justify-content: center;}
}
@media screen and (max-width:480px){
  .sec_tit2.light strong {font-size: 26px;}
  .brd_apply {padding:25px 25px 40px;}
}

/*-----------------------------------------------------------------------------
 *  Capcha
 *----------------------------------------------------------------------------*/

.capcha_box {text-align: center;margin-top: 30px;}

/*-----------------------------------------------------------------------------
 *  Modal Content
 *----------------------------------------------------------------------------*/

.tb_3 {border-radius: 10px;overflow: hidden;}
.tb_3 tbody tr th,
.tb_3 tbody tr td {padding: 20px;border: 1px solid #fff;}
.tb_3 tbody tr th {font-size: 18px;color:#000; font-weight: 700; background:#ffc600;}
.tb_3 tbody tr td {font-size: 16px;color:#222;font-weight: 500;background:#f6f6f6;}

.modal_win .bott_btns a {margin: 0;line-height: 80px;padding: 0 50px;font-size: 24px;}

@media screen and (max-width:1024px){
  .tb_3 tbody tr th,
  .tb_3 tbody tr td {padding:15px;}
  .tb_3 tbody tr th {font-size:16px;}
  .tb_3 tbody tr td {font-size: 15px;}
}
@media screen and (max-width:960px){
  .tb_3,
  .tb_3 tbody,
  .tb_3 tbody tr,
  .tb_3 tbody tr th,
  .tb_3 tbody tr td {display: block;}
  .tb_3 tbody tr th br {display: none;}
}
@media screen and (max-width:768px){
  .modal_win .bott_btns a {line-height: 60px;padding: 0 30px;font-size: 20px;}
}
@media screen and (max-width:480px){
  .tb_3 tbody tr th {font-size: 15px;}
  .tb_3 tbody tr td {font-size: 15px;}
}

