@charset "utf-8";

/*
 * File Name : content.css
 * 작성일 : 2025-05-28
 */


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

 *  Content

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

/*-----------------------------------------------------------------------------
 *  Sub 01 : 입시 프로그램
 *----------------------------------------------------------------------------*/

#sub01 .sec01 {background: #f6f6f6;}
#sub01 .sec01 .sec_tit .sec_tit_img {top:0;bottom: auto !important;}
.sub_content .desc {font-size:22px;font-weight: 500;color: #000;line-height: 1.6; margin-top:50px;padding:40px 50px;border-radius:10px;border:2px dashed #548dd3;font-family: "Pretendard";}
.sub_content .desc strong {font-weight: 700; color:#548dd3}
.sub_content .review_box .review_txt {text-align: center}
.sub_content .review_box .review_txt .txt {display: inline-block;padding:15px 50px; font-size:30px;color:#000;font-weight: 600;text-align: left;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;}
.target {margin-top: 50px}
.target dl {display: flex;flex-wrap: wrap;align-items: center;gap:20px 0}
.target dl dt {flex:1 1 20%;display: flex;align-items: center;justify-content: center;gap:10px;font-size:24px;font-weight: 700;color:#fff;background:#548dd3;border-radius:10px;text-align: center;padding:15px 20px;}
.target dl dt .icon {height:26px;font-size: 0;flex-shrink: 0;}
.target dl dt .icon img {height: 100%;}
.target dl dd {flex: 1 1 80%; font-size: 22px;font-weight: 500;color:#222;padding: 15px 30px;}
.sec_value {margin-top: 80px}
.sec_value ul {display: flex;flex-wrap: wrap;gap:20px;align-items: stretch}
.sec_value ul li {flex:0 0 32.1%; display:flex;flex-direction: column;gap:5px;border:1px solid #ddd;border-radius: 10px;padding:40px 50px 60px;color:#000;background:#fff}
.sec_value ul li:nth-child(odd) {color:#fff}
.sec_value ul li .icon {display: block;}
.sec_value ul li .icon img {height: 120px}
.sec_value ul li strong {font-family: "Pretendard"; font-size:30px;font-weight: 700;}
.sec_value ul li strong em {font-family: "Pretendard";font-size: 24px;font-weight: 500;}
.sec_value ul li p {font-family: "Pretendard";font-size: 18px;}
.process_llist.sub li {border:none;}

.apply_process {margin-top: 80px;}
.apply_process ol {display: flex;flex-direction: column;gap:20px;}
.apply_process ol li {position: relative;padding: 60px 80px 60px 500px;border-radius: 10px;background:#fff;}
.apply_process ol li h4 {display: flex;align-items: center;gap:10px;position: absolute;left: 80px;top: 60px;}
.apply_process ol li h4 .num {display: inline-block; width: 40px;height: 40px;border-radius: 50%; background:#aaa; color:#fff;letter-spacing: 0.02em; font-size: 16px;font-weight: 600;text-align: center;line-height: 40px;}
.apply_process ol li h4 strong {font-size: 26px;color:#000;font-family: "pretendard";}
.apply_process ol li p {font-size: 18px;font-weight: 500;font-family:"pretendard";margin-bottom: 10px;color:#444 }

@media screen and (max-width:1200px){
  .sec_value ul li {flex: 0 0 48.5%;}
}
@media screen and (max-width:1024px){
  #sub01 .sec01 .sec_tit .sec_tit_img {top: 100px;}
  .sub_content .review_box .review_txt .txt {padding: 20px 50px;font-size: 26px;background-size: 24px auto}
  .sub_content .review_box .review_txt .txt br {display: none;}
  
  .target dl dt {flex: 1 1 30%;font-size: 20px;}
  .target dl dd {flex: 1 1 70%;font-size: 20px;}
  
  .apply_process ol li {padding: 60px 80px 60px 80px;}
  .apply_process ol li h4 {position: static;margin-bottom: 20px;}
}
@media screen and (max-width:768px){
  .sub_content .review_box .review_txt .txt {padding: 15px 30px;font-size: 20px;background-size: 20px auto}
  .sub_content .desc {font-size: 18px;line-height: 1.5;padding: 30px 40px;}
  
  .target dl dt {flex: 1 1 30%;font-size: 18px;}
  .target dl dt .icon {height: 20px;}
  .target dl dd {flex: 1 1 70%;font-size: 18px;padding: 15px 25px}
  
  .sec_value ul li {flex: 0 0 100%;}
  .sec_value ul li .icon img {height: 100px;}
  .sec_value ul li strong {font-size: 26px;}
  .sec_value ul li p {font-size: 16px;}
  .apply_process {margin-top:50px;}
  .apply_process ol li {padding: 30px 40px 30px 40px;}
  .apply_process ol li h4 .num {width: 30px;height: 30px;font-size: 14px;line-height:30px;}
  .apply_process ol li h4 strong {font-size: 24px;}
  .target {margin-top:30px;}
  .target dl {gap: 10px 0;}
}
@media screen and (max-width:480px){
  .sub_content .review_box .review_txt .txt {padding: 15px 15px;font-size: 18px;background-size: 18px auto;}
  
  .target dl {gap: 0;}
  
  .sec_value {margin-top: 50px;}
  .sec_value ul li {padding: 30px 40px 50px;}
  .sec_value ul li .icon img {height:80px;}
  .sec_value ul li strong {font-size: 22px;}
  .sec_value ul li p {font-size: 15px;}
  .sub_content .desc {font-size:16px;line-height: 1.5;padding: 25px 30px;margin-top: 30px}
  
  .apply_process ol li {padding:20px 30px 20px 30px;}
  .apply_process ol li h4 .num {width: 25px;height: 25px;font-size: 12px;line-height: 25px;}
  .apply_process ol li h4 strong {font-size:18px;line-height: 1.2}
  .apply_process ol li p {font-size: 16px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 02 : 선행 프로그램
 *----------------------------------------------------------------------------*/

.sec_value.value_2 ul li {flex: 0 0 48.8%;}
.flow_img {margin-top: 80px;font-size: 0;text-align: center}
.class_method {margin-top: 100px}

@media screen and (max-width:1024px){
  .sec_value.value_2 ul li {flex: 0 0 48.5%;}
}
@media screen and (max-width:768px){
  .sec_value.value_2 ul li {flex: 0 0 100%;}
  .class_method {margin-top:50px;}
  .flow_img {margin-top: 50px;padding: 0 20px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 03 : ECA 프로그램
 *----------------------------------------------------------------------------*/

.plus_cont {margin-top:80px;}
.plus_cont ul {min-width: min-content;display: flex;justify-content: space-between;max-width: 1040px;margin: 0 auto;padding: 0 20px;}
.plus_cont ul li {position: relative; display: flex;justify-content: center;align-items: center;font-size: 30px;font-weight: 700;border-radius: 50%;color:#fff;border:2px dashed #00b0f0 ;width:300px;height:300px;margin:0 -40px}
.plus_cont ul li span {position: absolute;left:3px;top: 50%;transform: translateY(-50%);font-size:40px;font-weight: 500;color:#fff}

.core_plan {margin-top: 100px;padding-top:25px;}
.core_plan ul {min-width: min-content; display: flex;gap:20px;align-items: stretch;}
.core_plan ul > li {position: relative;display: flex;flex-direction: column;flex:1 1 auto;width:calc(50% - 15px);padding: 60px 50px; color:#fff;border-radius: 10px;background:#fff;}
.core_plan ul > li:nth-child(1) {background:#ddff00}
.core_plan ul > li:nth-child(2) {background:#f33c5f}
.core_plan ul > li:nth-child(3) {background:#17d1ff}
.core_plan ul > li:nth-child(4) {background:#394e9a}
.core_plan ul > li:nth-child(5) {background:url("../images/main/sec4_bg5.jpg") no-repeat right center;background-size: cover;}
.core_plan ul > li .step_num {position: absolute;left:50px;top:-25px;display: inline-block;line-height: 50px;padding: 0 20px;border-radius: 10px;background:#00fff6;font-size: 22px; font-weight: 700; color:#000;text-align: center;}
.core_plan ul > li > h3 {text-align: center;font-size: 36px; font-weight: 800;margin-bottom:30px;color:#ffc600;line-height: 1.3;}
.core_plan ul > li > h4 {text-align: center;font-size: 30px; font-weight: 800;margin-bottom:10px;}
.core_plan ul > li strong {font-size: 30px;font-weight: 700}
.core_plan ul > li p {font-size: 22px;font-weight: 700;font-family: "pretendard",sans-serif;}
.core_plan ul > li p em {display: block;font-size: 16px;}
.core_plan ul > li:nth-child(1) p {color:#0d1426}
.core_plan ul > li:nth-child(3) p {color:#0d1426}
.core_plan ul > li .list_foot {display: block; margin-top: 10px; font-size: 16px;letter-spacing: 0.02em}
.core_plan ul.blit_yellow_list {display: inline-block;text-align: left;margin: 0 auto}
.core_plan ul.blit_yellow_list li {position: relative;padding-left:20px;font-size: 24px;font-weight: 500; margin:10px 0;line-height: 1.4}
.core_plan ul.blit_yellow_list li:before {content: "";position: absolute; left: 0; top:10px;display: block;border-radius: 50%;width: 8px;height: 8px;background:#ffc600;}
.core_plan ul.blit_yellow_list li > em {display: inline-block;vertical-align: middle;font-size: 18px;line-height: 1.2;}

.sub_content .key_cont .key_list h3 {color: #000;}
.sub_content .key_cont .ment {border: 1px dashed #1e2941;padding: 10px 20px;font-size: 16px;color: #000;margin-top: 0;margin-bottom: 20px;}
.sub_content .key_cont span {font-size: 20px;color: #444;margin-top: 50px;}

.sub_content .key_rst h4 {font-size: 26px;font-weight: 700;color:#000;margin-bottom: 20px;text-align: center}

@media screen and (max-width:1200px){
  .plus_cont ul {max-width: 760px;}
  .plus_cont ul li {font-size: 26px;width: 260px;height: 260px;margin: 0 -100px;}
  .core_plan ul > li {padding: 50px 40px;}
  .core_plan ul > li p {font-size: 20px;}
}
@media screen and (max-width:1024px){
  .plus_cont ul {max-width: 540px;}
  .plus_cont ul li {font-size: 22px;width: 180px;height: 180px;margin: 0 -70px;}
  .plus_cont ul li span {left: 0px;font-size: 30px;}
  
  .core_plan ul {flex-wrap: wrap;gap:40px 15px}
}
@media screen and (max-width:768px){
  .sub_content .key_cont span {margin-top: 0px;}
  .sub_content .key_cont span {width: auto;font-size: 18px;}
  .sub_content .key_cont span:before {top: auto;bottom: 20px;}
  .sub_content .key_cont span:after {top: auto;bottom: 20px;}
  
  .plus_cont {margin-top:50px;}
  .plus_cont ul {max-width: 360px;flex-wrap: wrap;}
  .plus_cont ul li {width: 220px;height: 220px;margin: -20px -40px;}
  .plus_cont ul li span {display: none;}
  
  .core_plan ul {gap:30px;}
  .core_plan ul > li {width:100%;padding: 30px 40px;}
  .core_plan ul > li .step_num {left: 20px;top: -20px;line-height: 40px;padding: 0 15px;font-size: 18px;}
}
@media screen and (max-width:480px){
  .sub_content .key_cont {gap:30px;margin: 20px 0 40px;}
  
  .plus_cont ul {max-width: none;justify-content: center;}
  .plus_cont ul li {width: 220px;height: 220px;margin: -20px 0;font-size: 20px;}
  .plus_cont ul li span {display: inline-block;left: 50%;top:-5px;transform: translateY(0) translateX(-50%);font-size: 30px;}

  .core_plan {margin-top:50px;padding-top:20px;}
  .core_plan ul > li {padding:30px 30px;}
  .core_plan ul > li .step_num {left: 15px;top: -15px;line-height:25px;padding: 5px 15px;font-size:15px;}
  .core_plan ul > li p {font-size: 18px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 04 : 상담신청
 *----------------------------------------------------------------------------*/

#sub04 .brd_apply {padding: 30px 0 100px;}

@media screen and (max-width:480px){
  #sub04 .brd_apply {padding:10px 0 80px;}
}