@charset "utf-8";

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


/********************************************************

 *  Main Visual

 ********************************************************/

#visual {
    position: relative;
    height: 100vh;
    min-height: 800px;
    padding: 0 80px;
    background:#000;   /* 로딩 중/에러 시 기본 검정 */
    overflow: hidden;
}

#visual .bg_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:url("/peapacademy/assets/img/original/peap_hero_bg.png") no-repeat center center;
    background-size: cover;
    
}

#visual .bg_img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45); /* 어두운 정도 */
    z-index: 1;
}


@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: 2}
.slogan .slogan_inr {position: absolute;left: 0;top:55%;transform: translateY(-50%);width: 100%;text-align: center;}
.slogan .slogan_inr .slogan_tit {color:#fff;margin-bottom: 30px;}
.slogan .slogan_inr .slogan_tit em {display: block; font-size:58px; font-weight: 700;line-height: 1.2;}
.slogan .slogan_inr .slogan_tit strong {display: block; font-size: 120px; font-weight: 900; color:#ffc600;line-height: 1.2;}
.slogan .slogan_inr .vis_logo {font-size: 0;margin-top: 20px;}

.slogan .slogan_inr p {position: relative;display: inline-flex;flex-direction: column;padding-right:170px;text-align: right;}
.slogan .slogan_inr p .img_logo {position: absolute; right: 0;top:50%;transform: translateY(-50%);max-width: 130px;}
.slogan .slogan_inr p strong {display: block; font-size: 30px;font-weight: 600;color:#fff;margin-bottom: 10px}
.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: 60px;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 20px;}
.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;background:rgba(0,0,0,0.3)}
.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;padding:25px 40px;color:#fff;font-weight: 700;border:1px solid rgba(255,255,255,0.2);border-radius: 10px;overflow: hidden;}
.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 em {display: block;font-size: 20px;}
.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;}
.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 ul li:hover a,
.slogan .slogan_inr .visual_nav ul li:focus-within a {border-color:#ffc600;color:#ffc600;}
.slogan .slogan_inr .visual_nav ul li:hover a .arr {background: url("../images/icon/arr_short_y.png") no-repeat center center}
.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;}
}
@media screen and (max-width:1024px){
  #visual {padding: 0 50px;min-height:750px;}
  .slogan .slogan_inr .slogan_tit em {font-size:36px;}
  .slogan .slogan_inr .slogan_tit strong {font-size: 80px;}
  .slogan .slogan_inr p {padding-right:130px;}
  .slogan .slogan_inr p .img_logo {width: 100px;}
  .slogan .slogan_inr p strong {font-size: 24px;}
  .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 a {padding: 20px;}
  .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:650px}
  .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: 100px;}
  .slogan .slogan_inr p .img_logo {width: 80px;}
  .slogan .slogan_inr p strong {font-size:20px;line-height: 1.4;}
  .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 15px;}
  .slogan .slogan_inr .visual_nav ul li a em {display: block;font-size: 16px;line-height: 1.2;margin-bottom: 5px;}
  .slogan .slogan_inr .visual_nav ul li a strong {font-size: 18px;}
  .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:800px}
  .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:650px}
  .slogan .slogan_inr .slogan_tit {margin-bottom:20px;}
  .slogan .slogan_inr .slogan_tit em {font-size:24px;}
  .slogan .slogan_inr .slogan_tit strong {font-size:40px;}
  .slogan .slogan_inr .vis_logo {max-width: 260px;}
  .slogan .slogan_inr p strong {font-size: 16px;}
  .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 15px}
  .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;}
}


/********************************************************

 *  Main Content

 ********************************************************
.main_section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 40px 40px;
  min-height: calc(100vh - 80px);
  padding: 80px;
  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;}


.scroll-down {position: absolute;left: calc(50% + 10px);bottom: 40px;display: block;text-align: center;font-size: 20px;  z-index: 10;text-decoration: none;text-shadow: 0;width: 13px;height: 13px;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: 36px;}
  .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;}
}
@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 MainSec_01
------------------------------------------------------------ */

/* 전체 레이아웃 */
#sec01 {
  padding: 20px 0;
}

#sec01 .sec_tit {
  text-align: left;
  margin-bottom: 20px;
}


/* 색상 분리 */
#sec01 .sec_tit .line1 {
  color: #ff4c6a;   /* 핑크 */
}

#sec01 .sec_tit .line2 {
  color: #000;      /* 검정 */
}


/* desc */
#sec01 .sec_tit .desc {
  font-size: 22px;
  line-height: 1.2;
  color:#000; /* 유지 */
}

@media screen and (max-width:768px){
  #sec01 .sec_tit .desc {
    font-size: 18px;
  }
}

/* 4개 박스 레이아웃 */
#sec01 .sec01_flow ul {
  display: flex;
  gap: 0 30px;
}

#sec01 .sec01_flow ul li.step {
  position: relative;
  flex: 1 1 auto;
  width: 25%;
  height: 300px; /* sec05와 동일 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px; /* sec05 기준 */
  padding: 40px 20px;
  text-align: center;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
  box-sizing: border-box;
}

/* 색상 4개 (대표님 정의 그대로) */
#sec01 .sec01_flow .step1 { background:#ffffff; color:#000; }
#sec01 .sec01_flow .step2 { background:#ff4c6a; color:#fff; }
#sec01 .sec01_flow .step3 { background:#5b6ee1; color:#fff; }
#sec01 .sec01_flow .step4 { background:#0d1426; color:#fff; }

/* 타이포(sec05 박스 기준) */
#sec01 .sec01_flow ul li h3 {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 10px;
}

#sec01 .sec01_flow ul li p {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

/* -----------------------------------------------------------
   반응형 — sec05와 100% 동일하게 맞춤
------------------------------------------------------------ */
@media screen and (max-width: 768px){

  /* 제목 간격 */
  #sec01 .sec_tit {
    margin-bottom: 40px;
  }

  /* 박스 세로 쌓기 */
  #sec01 .sec01_flow ul {
    flex-direction: column;
    gap: 10px 0;
  }

  /* 박스 폭 / 높이 / 패딩 — sec05 완전 동일 */
  #sec01 .sec01_flow ul li.step {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 40px 20px;
    border-radius: 10px;
  }

  /* 폰트 크기 조정 (sec05 mobile 기준) */
  #sec01 .sec01_flow ul li h3 {
    font-size: 26px;
  }
  #sec01 .sec01_flow ul li p {
    font-size: 22px;
  }
}

/* PC에서만 화살표 표시 */
#sec01 .sec01_flow ul li.step + li.step::before {
  content: "";
  position: absolute;

  /* 위치 */
  left: -38px; /* → 이 값으로 “좌우 조정” 가능 */
  top: 50%;
  transform: translateY(-50%);

  /* 원(circle) */
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);

  /* 화살표 아이콘 (CSS 만드는 버전) */
  display: flex;
  align-items: center;
  justify-content: center;
}

#sec01 .sec01_flow ul li.step + li.step::before {
  /* 화살표 자체 */
  content: "➜";  /* 아이콘 대신 텍스트 화살표 */
  font-size: 24px;
  font-weight: 800;
  color: #000;
}

/* ===========================
   모바일용 sec01 화살표 재정의
   =========================== */
@media screen and (max-width: 768px) {

  /* 1) 기존 왼쪽 화살표(동그라미+→) 전부 숨기기 */
  #sec01 .sec01_flow ul li.step + li.step::before {
    content: none;
    display: none;
  }

  /* 2) 각 박스 기준으로 화살표를 아래쪽 가운데에 새로 표시 */
  #sec01 .sec01_flow ul li.step {
    position: relative;  /* 기준 잡기 */
  }

  #sec01 .sec01_flow ul li.step::after {
    content: "⬇";              /* 아래 방향 화살표 */
    position: absolute;
    left: 50%;
    bottom: -24px;             /* 박스 아래로 살짝 내려서 */
    transform: translateX(-50%);

    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
    font-weight: 800;
    color: #000;               /* ★ 여기 때문에 2,3번도 검은 화살표가 보임 */

    z-index: 20;               /* 다음 박스에 안 가려지도록 위로 */
  }

  /* 3) 마지막(step4)에는 화살표 안 나오게 */
  #sec01 .sec01_flow ul li.step:last-child::after {
    display: none;
  }
}

/*-----------------------------------------------------------------------------
 *   Section MainSec_02
 *----------------------------------------------------------------------------*/

#sec05 {background:#0d1426}
.sec_tit2 {text-align: center;margin-bottom: 50px;}
.sec_tit2 .icon {display: inline-block;vertical-align: middle;margin:5px 20px 5px;}
.sec_tit2 strong {display: inline-block;vertical-align: middle; font-size: 50px; font-weight: 800; color:#fff;letter-spacing: -0.02em;line-height: 1.2;}
.txt_big {font-size: 100px;}

.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;}


#sec05 .cont_list {margin-top: 40px;}
#sec05 .cont_list h3 {font-size: 40px;font-weight: 800;color: #fff;margin-bottom: 30px;}
#sec05 .cont_list > ul {display: flex;gap:0 30px;}
#sec05 .cont_list > ul > li {position: relative;display: flex;flex-direction: column; align-items: center;justify-content: center;flex:1 1 auto;width: 33.3333%;height: 300px; text-align: center;border-radius: 10px;}
#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;}
#sec05 .cont_list > ul.cp_list li + li:before {background-image:url("../images/icon/arr_small_b.png")}
#sec05 .cont_list > ul > li h4 {font-size: 30px; color:#191c2f; font-weight:800;border-bottom: 1px solid #191c2f;border-top: 1px solid #191c2f;padding:10px 0;}
#sec05 .cont_list > ul > li.bgColor_1 h4 {color:#fff;border-color: #fff;}
#sec05 .cont_list > ul > li.bgColor_4 h4 {color:#fff;border-color: #fff;}
#sec05 .cont_list > ul > li > strong {font-size: 18px; font-weight: 700; color:#ffc600;}
#sec05 .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;}
#sec05 .cont_list > ul > li p {font-size: 26px;font-weight: 700;line-height: 1.2;letter-spacing: 0;padding:20px;word-break: break-all}
#sec05 .cont_list > ul > li p span {display:none;}
#sec05 .cont_list > ul > li p em {display: block; font-size: 22px;font-weight: 600;margin-top: 10px;}
#sec05 .cont_list > ul > li p strong {display: block;font-size: 30px; font-weight: 800;}
#sec05 .cont_list ul li .in_list {text-align: left;margin-top: 10px;}
#sec05 .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;}
#sec05 .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%;}
.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;}

  #sec05 .cont_list .cont_tit > strong > br {display:none;}

.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;}
.schedule .sec_tit2 strong {display: block; font-size: 40px;font-weight: 700; line-height: 1.5;letter-spacing: 0;}
.schedule .sec_tit2 strong span.txt_yellow {font-size: 45px;font-weight: 800;line-height: 1.2;}
.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; center;border-top: 1px solid rgba(255, 255, 255, 0.3);}
.tb_1 tbody tr td + td {border-left:1px solid rgba(0,0,0,0.1);}
.tb_1 tbody tr td.td1 {background-color:#e5e5e5;}
.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: 520px; 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}

/* Admission Process */

.ams_process {max-width: 1000px; margin: 0 auto;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 30px 60px;box-shadow: 0 0 20px rgba(0,0,0,0.05);text-align: center;border:1px solid #ddd;}
.process_llist ol li + li:before {content: "";position: absolute;left:-35px;top:50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background:#f6f6f6 url("../images/icon/arr_small_gray.png") no-repeat center center;box-shadow: 0 0 5px inset rgba(0,0,0,0.07)}
.process_llist ol li em {font-size: 16px;display:inline-block;width: 40px;height: 40px; line-height: 40px;background:#444;border-radius: 50%; margin-bottom: 15px;font-weight: 700; color:#fff;}
.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:70px;height: 70px; border-radius: 50%;background:#f4f4f4;z-index: 0}
.process_llist ol li p {font-size: 20px;font-weight: 700; color: #000; margin-top:10px;}

@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;}

  #sec05 .cont_list > ul > li p span {display:inline;}
}
@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 span {display:inline;}
  #sec05 .cont_list > ul > li p br {display: none;}
  #sec05 .cont_list > ul > li p em {font-size: 20px;}

  #sec05 .cont_list .cont_tit > strong > br {display:inline;}

  .ams_process h2 strong {font-size: 40px;}
  .process_llist ol li {padding: 40px 20px 50px;}
}
@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:66px;}

  #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;}

  .process_llist ol li + li:before {left: -30px;width: 40px;height: 40px;background-size: 14px auto;}
  .process_llist ol li em {font-size: 14px;width: 30px;height: 30px;line-height: 30px;}
  .process_llist ol li .icon:before {width: 50px;height: 50px;}
  .process_llist ol li .icon img {width: 40px;height: auto;}
  .process_llist ol li p {font-size:18px;}
}
@media screen and (max-width:640px){
  .ams_process {padding-bottom: 80px;}
  .ams_process h2 strong {font-size: 30px;}
  .process_llist {margin-top: 30px;}
  .process_llist ol {flex-wrap: wrap;gap: 15px 0;}
  .process_llist ol li {display: flex;align-items: center;padding: 30px;text-align: left;}
  .process_llist ol li + li:before {left: 50%;top:-28px;transform: translate(-50%,0) rotate(90deg);}
  .process_llist ol li em {flex-shrink: 0; margin-bottom: 0;text-align: center;font-size: 13px;margin-right: 20px;}
  .process_llist ol li .icon img {width: 35px;}
  .process_llist ol li p {margin-top: 0;margin-left: 20px;font-size: 16px; line-height: 1.3;}
}
@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:50px;}

  .rst {padding: 30px 25px 100px 25px;font-size: 30px;}
  .rst .img {bottom: -46px;width: 120px;height: 120px;}

  #sec05 .cont_list > ul > li p {font-size: 19px; }
}
/* PEAP 전문가 트랙 – sec05 전용 */
#sec05 .expert_track {
  margin-top: 60px;
}

/* 타이틀은 기존 .cont_tit 스타일 그대로(가운데 정렬, 흰색) 사용 */

#sec05 .expert_track ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

#sec05 .expert_track ul li {
  flex: 1 1 calc(20% - 16px);   /* 5개 카드 한 줄 기준 */
  max-width: calc(20% - 16px);
  background: #ffffff;
  border-radius: 10px;
  padding: 25px 15px 30px;
  text-align: center;
}

/* 카드 안 제목 */
#sec05 .expert_track ul li h4 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 15px;
}

/* (이미지는 나중에 넣으셔도 되게 기본 블록만) */
#sec05 .expert_track ul li .img {
  display: block;
  width: 100%;
  height: 120px;
  margin-bottom: 15px;
  border-radius: 8px;
  
 /* 여기부터 추가 (핵심) */
  background-size: cover;         /* 박스 꽉 채우기 */
  background-position: center;    /* 가운데 정렬 */
  background-repeat: no-repeat;   /* 반복 금지 */
}

/* 버튼 스타일 – 둥근 흰색 버튼 느낌 */
#sec05 .expert_track ul li .btn_detail {
  display: inline-block;
  margin-top: 10px;
  padding: 0 24px;
  line-height: 38px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #e5e5e5;
  transition: all 0.2s ease;
}

#sec05 .expert_track ul li .btn_detail:hover {
  background: #ffc600;
  border-color: #ffc600;
  color: #000;
}

/* 반응형 – 태블릿에서는 3개/2개로 자동 줄바꿈 */
@media screen and (max-width: 1024px) {
  #sec05 .expert_track ul li {
    flex: 1 1 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
  }
}

@media screen and (max-width: 768px) {
  #sec05 .expert_track ul li {
    flex: 1 1 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
}

@media screen and (max-width: 480px) {
  #sec05 .expert_track ul li {
    flex: 1 1 100%;
    max-width: 100%;
  }
}



/*-----------------------------------------------------------------------------
 *  Section MainSec_03
 *----------------------------------------------------------------------------*/

#sec_usauv {background:#f6f6f6}
.sec_tit2 {text-align: center;margin-bottom: 50px;}
.sec_tit2 .icon {display: inline-block;vertical-align: middle;margin:5px 20px 5px;}
.sec_tit2 strong {display: inline-block;vertical-align: middle; font-size: 50px; font-weight: 800; color:#000;letter-spacing: -0.02em;}

.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:#f73b60;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;border-top: 1px solid rgba(255, 255, 255, 0.3);}
.tb_1 tbody tr td + td {border-left:1px solid rgba(0,0,0,0.1);}
.tb_1 tbody tr td.td1 {background-color:#e5e5e5;}
.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: 520px; 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}

/* Admission Process */

.ams_process {max-width: 1000px; margin: 0 auto;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 30px 60px;box-shadow: 0 0 20px rgba(0,0,0,0.05);text-align: center;border:1px solid #ddd;}
.process_llist ol li + li:before {content: "";position: absolute;left:-35px;top:50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background:#f6f6f6 url("../images/icon/arr_small_gray.png") no-repeat center center;box-shadow: 0 0 5px inset rgba(0,0,0,0.07)}
.process_llist ol li em {font-size: 16px;display:inline-block;width: 40px;height: 40px; line-height: 40px;background:#444;border-radius: 50%; margin-bottom: 15px;font-weight: 700; color:#fff;}
.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:70px;height: 70px; border-radius: 50%;background:#f4f4f4;z-index: 0}
.process_llist ol li p {font-size: 20px;font-weight: 700; color: #000; margin-top:10px;}

@media screen and (max-width:1024px){
  .sec_tit2 .icon {width: 50px;}
  .sec_tit2 strong {font-size: 46px;}

  .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;}

  .ams_process h2 strong {font-size: 40px;}
  .process_llist ol li {padding: 40px 20px 50px;}
}
@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;}

  .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;}

  .process_llist ol li + li:before {left: -30px;width: 40px;height: 40px;background-size: 14px auto;}
  .process_llist ol li em {font-size: 14px;width: 30px;height: 30px;line-height: 30px;}
  .process_llist ol li .icon:before {width: 50px;height: 50px;}
  .process_llist ol li .icon img {width: 40px;height: auto;}
  .process_llist ol li p {font-size:18px;}
}
@media screen and (max-width:640px){
  .ams_process {padding-bottom: 80px;}
  .ams_process h2 strong {font-size: 30px;}
  .process_llist {margin-top: 30px;}
  .process_llist ol {flex-wrap: wrap;gap: 15px 0;}
  .process_llist ol li {display: flex;align-items: center;padding: 30px;text-align: left;}
  .process_llist ol li + li:before {left: 50%;top:-28px;transform: translate(-50%,0) rotate(90deg);}
  .process_llist ol li em {flex-shrink: 0; margin-bottom: 0;text-align: center;font-size: 13px;margin-right: 20px;}
  .process_llist ol li .icon img {width: 35px;}
  .process_llist ol li p {margin-top: 0;margin-left: 20px;font-size: 16px; line-height: 1.3;}
}
@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;}
}

/* 미국 대학 탭 – 표시/숨김 */
#sec_usauv .tabs_item {display:none;}
#sec_usauv .tabs_item.tabs_cont_active {display:block;}




/*-----------------------------------------------------------------------------
 *  Section MainSec_04
 *----------------------------------------------------------------------------*/

#sec_engver {background:#F6F6F6;}
.sec_tit .txt54 {font-size: 54px;margin-top: 60px;text-align: center;}
#sec_engver .sec_tit .desc {font-size: 26px;}
.list_point_type {margin-top: 60px}
.list_point_type ul {display: flex;gap:25px;justify-content: space-between;align-items: stretch;}
.list_point_type ul li {flex: 1 0 0; border-radius: 10px;border:1px solid #D4D4D4;text-align: center;overflow: hidden}
.list_point_type ul li strong {display: flex;justify-content: space-between;align-items: center;padding: 20px;font-size: 20px;font-weight: 700;color:#fff;background:#1C0063;}
.list_point_type ul li strong .line {display: inline-block;width: 60px;height: 3px;background:#F33C5F;}
.list_point_type ul li .point_cont {padding: 40px 20px;}
.list_point_type ul li .point_cont .icon {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 80px;height: 80px;margin: 0 auto;}
.list_point_type ul li .point_cont p {font-size: 20px;font-weight: 700;color:#000;margin-top: 20px;line-height: 1.2}

@media screen and (max-width:1024px){
  #sec_engver .sec_tit .desc {font-size: 20px;}
  .sec_tit .txt54 {font-size:44px;margin-top:40px;}
  .sec_tit .txt54 br {display: inline;}
  .list_point_type ul {flex-wrap: wrap;gap:20px;}
  .list_point_type ul li {width: 47.5%;flex: none}
}
@media screen and (max-width:768px){
  .sec_tit .txt54 {font-size: 36px;margin-top: 30px;}
  .list_point_type ul li strong {padding:15px;font-size: 18px;}
  .list_point_type ul li .point_cont {padding: 30px 15px;}
  .list_point_type ul li .point_cont p {font-size: 14px;}
}
@media screen and (max-width:480px){
  #sec_engver .sec_tit .desc {font-size: 18px;}
  .sec_tit .txt54 {font-size:30px;}
  .list_point_type ul li {width: 100%;}
  .list_point_type ul li .point_cont .icon {height: auto;}
  .list_point_type ul li .point_cont p {font-size: 14px;margin-top: 10px;}
}



.sec_ment {}
.sec_ment p {text-align: center;font-size: 36px;font-weight: 700;color:#000;border-radius: 20px;border:2px dashed #9369ff;background:#fff;padding: 20px}
.sec_ment p strong {font-weight: 800;}
.sec_ment ul {margin-top: 30px;display: flex;justify-content: center;align-items: center}
.sec_ment ul li {padding: 0 30px;text-align: center;font-size: 30px;font-weight: 600; color:#000;}
.sec_ment ul li + li {border-left: 1px solid #aaa;}

@media screen and (max-width:768px){
  .sec_ment p {font-size: 26px;}
  .sec_ment ul li {padding: 0 20px;font-size: 22px;line-height: 1.2}
}
@media screen and (max-width:480px){
  .sec_ment p {font-size: 20px;}
  .sec_ment ul li {padding: 0 10px;font-size: 18px;}
}





/*-----------------------------------------------------------------------------
 *  Section MainSec_05
 *----------------------------------------------------------------------------*/
#sec_interviews {background:#fff;}
#sec_interviews .inr_box {padding-bottom: 100px;}
.maq_slider {padding-bottom:200px;}
.maq_slider .swiper-wrapper {transition-timing-function: linear !important;}
.maq_slider .swiper-wrapper .swiper-slide {position: relative;display: flex;justify-content: center;flex-direction: column;align-items: center;text-align: center;width:500px;height:350px;padding: 50px 60px;border-radius: 10px;overflow: hidden;}
.maq_slider .swiper-wrapper .swiper-slide p {font-size: 24px;color:#fff;font-weight: 700;margin-bottom: 15px;line-height: 1.3;}
.maq_slider .swiper-wrapper .swiper-slide .writer {font-size:18px;color:#fff;font-weight: 500;}
.maq_slider .swiper-wrapper .swiper-slide img {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1}


.rd_img {border-radius: 10px;overflow: hidden;margin-top: 60px;font-size: 0;}
.rd_img_box {position: relative;}
.one_box {border-radius: 10px;overflow: hidden;}
.abs_cont {position: absolute;left: 0;bottom: -200px; width: 100%; z-index: 1;}
.one_box .abs_cont {left: auto;right: 0;bottom: 0;width:auto;}
.abs_cont ul {display: flex;justify-content:center;align-items: stretch;padding: 0 50px;}
.one_box .abs_cont ul {padding: 0;}
.abs_cont ul li {display: flex;flex-direction: column;justify-content: center;flex:1 0 0;background:#fff;color: #000;border:1px solid #e5e5e5;border-radius: 10px;padding:50px 30px;text-align: center;margin: 0 5px;}
.one_box .abs_cont ul li {padding: 50px 60px;border-radius:10px 0 0 0;border: none;text-align: left;margin: 0;background:#212d4b;}
.abs_cont ul li .txt_sm {display: block;font-size: 20px;font-weight: 600;}
.abs_cont ul li .txt_m {display: block;font-size:24px;font-weight: 600;}
.one_box .abs_cont ul li .txt_m {color:#fff;}
.abs_cont ul li strong {font-size: 28px;font-weight: 800;margin-top:10px;line-height: 1.3}
.abs_cont ul li strong span {display: inline-block;font-size: 60px;font-weight: 800;line-height: 1;letter-spacing: -0.02em;color:#9369ff;}
.one_box .abs_cont ul li strong span {color:#ddff00;}
.abs_cont ul li em {display: block; margin-top: 5px; font-size: 24px;font-weight: 700;}
.one_box .abs_cont ul li em {font-size: 20px;color:#fff;font-weight: 500;}
.cont_tit {display: flex; align-items: center;margin-top: 60px;color:#fff;}
.cont_tit.dark {color:#000;}
.cont_tit strong {position: relative;display: inline-block;font-size: 50px; font-weight: 800;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:#f33c5f;}
.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;}
#sec_interviews .cont_list {margin-top: 40px;}
#sec_interviews .cont_list ul {display: flex;gap:0 30px;}
#sec_interviews .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;}
#sec_interviews .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;}
#sec_interviews .cont_list ul.cp_list li + li:before {background-image:url("../images/icon/arr_small_b.png")}
#sec_interviews .cont_list ul li p {font-size: 26px;font-weight: 700;line-height: 1.2;letter-spacing: 0;padding: 40px;}
#sec_interviews .cont_list ul li p em {display: block; font-size: 22px;font-weight: 600;}
#sec_interviews .cont_list ul li p strong {display: block;font-size: 30px; font-weight: 800;}

.course_half {margin-top: 100px;}
.course_half ul {display: flex;justify-content: space-between;gap:50px;align-items: stretch;}
.course_half ul li {text-align: center;}
.course_half ul li strong {position: relative;display: inline-block; font-size: 26px;font-weight:700;background:#f33c5f;padding: 15px 30px;border-radius:10px;color:#fff;}
.course_half ul li:nth-child(2) strong {background:#475782;}
.course_half ul li strong:before {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -10px;width: 0;height: 0;display: block;border-top:10px solid #f33c5f;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.course_half ul li:nth-child(2) strong:before {border-top-color:#475782}
.course_half ul li .img {margin-top: 50px;}

@media screen and (max-width:1024px){
  .cont_tit strong {font-size: 46px;padding-left: 15px;}
  .cont_tit em {font-size: 18px;}
  .cont_desc {font-size: 18px;}
  #sec_interviews .cont_list ul li p {font-size: 22px;padding:30px;}
  #sec_interviews .cont_list ul li p em {font-size: 18px;}
  #sec_interviews .cont_list ul li p strong {font-size: 26px;}

  .maq_slider .swiper-wrapper .swiper-slide {width: 400px;height: 300px;padding: 40px 50px;}
  .maq_slider .swiper-wrapper .swiper-slide p {font-size: 20px;}
  .maq_slider .swiper-wrapper .swiper-slide .writer {font-size: 16px;}
  
  .one_box .abs_cont ul li {padding:40px 45px;}
  .abs_cont ul li .txt_m {font-size:20px;}
  .one_box .abs_cont ul li em {font-size:18px;}
  .abs_cont ul li strong span {font-size:50px;}
  .course_half ul {gap: 30px;}
  .course_half ul li strong {font-size:20px;padding: 15px 20px;min-height:60px;}
}
@media screen and (max-width:768px){
  .sec_tit .desc {font-size: 18px;}
  .m_use_img {height: 300px}
  .m_use_img img {display: block;width: 100%;height: 100%;object-fit: cover;}
  .cont_tit strong {font-size: 40px;}
  .cont_tit em {font-size:16px;}
  #sec_interviews .cont_list ul {gap: 0 20px;}
  #sec_interviews .cont_list ul li {height:200px;}
  #sec_interviews .cont_list ul li + li:before {left: -30px;width: 40px;height: 40px;background-size: 12px auto;}
  #sec_interviews .cont_list ul li p {font-size: 20px;padding: 25px;}
  #sec_interviews .cont_list ul li p em {font-size: 16px;}
  #sec_interviews .cont_list ul li p strong {font-size: 22px;}

  .maq_slider {padding-bottom: 150px;}
  .maq_slider .swiper-wrapper .swiper-slide {width: 300px;height:280px;padding: 30px 40px;}
  .maq_slider .swiper-wrapper .swiper-slide p {font-size:18px;}
  .maq_slider .swiper-wrapper .swiper-slide .writer {font-size: 15px;}
  
  .abs_cont {position:static;border-radius:10px;margin-top: 50px;overflow: hidden;}
  .course_half {margin-top: 80px;}
  .course_half ul {flex-direction: column;}
}
@media screen and (max-width:640px){
  #sec_interviews .cont_list ul {flex-direction: column;gap: 20px 0;}
  #sec_interviews .cont_list ul li {width: 100%;height: auto;}
  #sec_interviews .cont_list ul li + li:before {left: 50%;top:-30px;transform: translateX(-50%);}
  #sec_interviews .cont_list ul.cp_list li + li:before {transform:translateX(-50%) rotate(90deg);transform-origin: center;}
}
@media screen and (max-width:480px){
  .sec_tit .desc {font-size: 16px;}
  .cont_tit strong {font-size: 30px;}
  .cont_tit em {font-size: 15px;}
  .cont_desc {font-size: 16px;}

  .maq_slider .swiper-wrapper .swiper-slide {width: 250px;height: 220px;padding: 25px 25px;}
  .maq_slider .swiper-wrapper .swiper-slide p {font-size: 16px;}
  .maq_slider .swiper-wrapper .swiper-slide .writer {font-size: 14px;line-height: 1.2;}
  
  .one_box .abs_cont ul li {padding: 35px 40px;}
  .abs_cont ul li strong span {font-size:46px;}
  .one_box .abs_cont ul li em {font-size: 16px;}
  .course_half {margin-top: 60px;}
  .course_half ul li .img {margin-top: 30px;}
  .course_half ul li strong {font-size: 18px;min-height:50px;padding: 10px 20px}
  .course_half ul li strong:before {bottom: -6px;border-top: 6px solid #f33c5f;border-left: 6px solid transparent;border-right: 6px solid transparent;}
  .rd_img {margin-top: 40px;}
}

/* ------------------------------------
   mainSec_05 (sec_interviews) 여백 정리
-------------------------------------*/
#sec_interviews .inr_box {
  padding-bottom: 40px !important;  /* 기존 100px → 40px 감소 */
}

.maq_slider {
  padding-bottom: 60px !important; /* 기존 200px → 60px */
}

/* 모바일 최적화 */
@media screen and (max-width: 768px) {
  #sec_interviews .inr_box {
    padding-bottom: 20px !important;
  }
  .maq_slider {
    padding-bottom: 40px !important;
  }
}

/* 모바일에서 maq 슬라이더 가로 스크롤/튕김 방지 */
@media screen and (max-width: 768px) {

  /* 페이지 전체는 가로 스크롤 막기 (이미 있으면 유지) */
  html, body {
    max-width: 100%;
    overflow-x: hidden;
  }

  /* 슬라이더 컨테이너는 화면 폭 안에만 */
  #sec_interviews,
  .maq_slider,
  .maq_slider .swiper-container,
  .swp_maq {
    position: relative;
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
    touch-action: pan-y;   /* 가로 제스처는 슬라이더만, 페이지는 세로만 */
  }

  /* 슬라이드 하나 크기 – 화면 안에서만 움직이게 */
  .maq_slider .swiper-wrapper .swiper-slide,
  .swp_maq .swiper-wrapper .swiper-slide {
    width: 80vw !important;
    max-width: 100vw !important;
    box-sizing: border-box;
  }
}

/* 인터뷰 슬라이더 컨테이너 – 가로 넘침 자르기 */
.maq_slider,
.swp_maq {
  position: relative;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}


/* ================================
   PM CAMPUS COLOR CLASS SET
   ================================ */

/* 기본 텍스트 컬러 */
.txt_black { color: #000 !important; }
.txt_gray { color: #777 !important; }
.txt_gray_l { color: #999 !important; }

/* 포인트 컬러 */
.txt_wh { 
    color: #fff !important; 
    font-weight: 700; 
}

.txt_pink { 
    color: #f33c5f !important; 
    font-weight: 700; 
}

.txt_blue { 
    color: #1d7ddc !important; 
    font-weight: 700; 
}

.txt_b_l { 
    color: #1f5fd1 !important; 
    font-weight: 700; 
}

.txt_green {
    color: #21a36a !important;
    font-weight: 700;
}

.txt_orange {
    color: #ff6f3f !important;
    font-weight: 700;
}

/* 강조용 */
.txt_point { 
    color: #f33c5f !important;
    font-weight: 800; 
}

/* 강조 배경 텍스트 (예: 형광펜 효과) */
.bg_pink { 
    background: #ffe5ee !important; 
    color: #f33c5f !important; 
    font-weight: 700;
}

.bg_yellow {
    background: #fff3b0 !important;
    color: #333 !important;
    font-weight: 700;
}

/* 강조 밑줄 */
.under_pink { 
    border-bottom: 3px solid #f33c5f !important; 
    padding-bottom: 2px;
}

.under_blue { 
    border-bottom: 3px solid #1d7ddc !important; 
    padding-bottom: 2px;
}

/* 크기/볼드 조정 */
.txt_bold { font-weight: 700 !important; }
.txt_bolder { font-weight: 800 !important; }



.sec_tit h2 strong {
    color:#000 !important;
}

.sec_tit h2 strong .txt_pink { color:#f33c5f !important; }


/* ==========================================
   PEAP – 모바일에서 상단 로고 너무 붙는 문제 해결
   ========================================== */
@media screen and (max-width: 768px) {

  /* 헤더 전체 높이 + 패딩 증가 */
  #header {
    height: 60px !important;        /* 기존 60px → 75px */
    padding-top: 5px !important;   /* 로고가 숨 쉬게 여백 추가 */
  }

  /* 로고 위치 조정 */
  #header .inr h1.logo {
    margin-top: 6px !important;     /* 시각적으로 중앙 정렬 효과 */
    width: 120px !important;
    height: 50px !important;
  }

  /* 헤더 내부 좌우 패딩 */
  #header .inr {
    padding: 0 15px !important; 
  }
}

/* 공통 섹션 타이틀 크기 */
.sec_tit h2 strong {
  display: block;
  font-size: 50px;
  font-weight: 900;
  line-height: 1.05;
}

/* 반응형 */
@media screen and (max-width: 1024px) {
  .sec_tit h2 strong { font-size: 40px; }
}
@media screen and (max-width: 768px) {
  .sec_tit h2 strong { font-size: 34px; }
}
@media screen and (max-width: 480px) {
  .sec_tit h2 strong { font-size: 28px; }
}

/* =============================
   모든 섹션의 h2 아래 p 간격 공통
   ============================= */
.sec_tit h2 + p,
.sec_tit h2 + .desc {
  margin-top: 20px;   /* 원하는 값: 10~40px까지 자유 조절 */
}

/* mainSec_02 – 카드 3개: 검정원 안에 + 표시 */
#sec05 .box .more {
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 22px;
  font-weight: 800;          /* 볼드체 */
  color: #fff;               /* + 색 */
  content: "+";              /* 혹시 after가 있을 경우 대비 */
}

#sec05 .box .more::after {
  content: "+";              /* 원 안에 + 표시 */
  color: #fff;
  font-size: 22px;
  font-weight: 800;
}

/* 듀얼입시트랙 2개 카드 – 검정원 삭제 */
#sec05 .box.track .more,
#sec05 .box.dual .more {
  display: none !important;
}