@charset "UTF-8"; 

/* --------------------------- 서브공통 */
/** 이미지 처리 **/
.images { width:auto; max-width: 100%; } 

.img_m { display: none; } 

@media screen and (max-width:640px) { 
.img_m { display: block; } 
.img_pc { display: none; } 
}

/** 텍스트 **/
.text_base { font-size: 1.125rem; font-weight: 500; line-height: 160%; color: var(--gray-700, #4D4D4D); word-break: keep-all; } 
.text_base.center { text-align: center; } 


/** 이미지 **/
.content .img_box { overflow: hidden; } 
.content .img_box img { display: block; width:100%; border-radius: 20px; } 


/** 점 리스트 **/
.dot_list { font-size: 1.25rem; font-weight: 500; line-height: 160%; color: var(--gray-700, #4D4D4D); } 

.dot_list.normal {font-size: 1.125rem; line-height: 140%;color: var(--gray-650, #595959);}

.dot_list li { padding-left: 0.625rem; position: relative; word-break: keep-all;} 
.dot_list li::before { position: absolute; top: 0.375rem; left:0; font-weight: 700; line-height: 1; content: "·"; } 

/* 바 리스트 */
.bar_list { font-size: 1.25rem; line-height: 160%; color: var(--gray-700, #4D4D4D); } 

.bar_list.normal {font-size: 1.125rem; line-height: 140%;color: var(--gray-650, #595959);}

.bar_list li { padding-left:1rem; position: relative; word-break: keep-all;} 
.bar_list li::before { position: absolute; top: 0.375rem; left:0;  line-height: 1; content: "-"; } 


/** 상단 제목&설명**/
.top_txt { display: flex; gap:1.25rem; flex-direction: column; margin-bottom:2.5rem; } 
.top_txt h4 { font-size: 1.875rem; font-weight: 600; line-height: 160%; color: var(--gray-900, #1A1A1A); } 
.top_txt p { font-size: 1.25rem; font-weight: 400; line-height: 160%; color: var(--gray-700, #4D4D4D); } 
@media screen and (max-width:640px) { 
.top_txt h4 { font-size: 1.75rem;} 
.top_txt p { font-size: 1.125rem;  } 
}


/* --------------------------- 스토리 */
#story .img_box { margin-top:6.25rem; } 



/* --------------------------- CEO메시지 */
#ceo .ceo_wrap { display: flex; gap:8%; } 
#ceo .ceo_wrap .txt_box { display: flex; gap:2.5rem; flex-direction: column; } 
#ceo .ceo_wrap .txt_box .slogun { font-size: 1.625rem; font-weight: 600; line-height: 150%; color: #D91B5C; } 
#ceo .ceo_wrap .txt_box .name { display:flex; gap:1.25rem; align-items: center; justify-content: flex-end; font-style: normal; font-weight: 600; line-height: 160%; } 

@media screen and (max-width:640px) { 
 #ceo .ceo_wrap { gap:4rem; flex-direction: column; } 
}



/* --------------------------- 비전&미션 */
#vision article { margin-top:50px; } 
#vision article:first-of-type { margin-top:0; } 


#vision .top_bg { padding:4.375rem 5rem; height:30.625rem; background: url("../../images/sub/img_vision.png") no-repeat center/cover; border-radius: 20px; } 
#vision .top_bg p { font-size: 1.625rem; font-weight: 600; line-height: 140%; color: #FFF; letter-spacing: -0.03em; } 

#vision .vision_wrap { display: flex; gap:8%; margin-top:1.875rem; } 
#vision .vision_wrap:first-of-type { margin-top:0; } 
#vision .vision_wrap .ico_box { display: flex; align-items: center; justify-content: center; padding:4.375rem 6.875rem; background: #F5F5F8; border-radius: 20px; } 
#vision .vision_wrap .txt_box { padding:2.5rem 0; } 
#vision .vision_wrap .txt_box h3 { margin-bottom:1.25rem; font-size: 1.875rem; font-weight: 700; line-height: 160%; color: var(--gray-900, #1A1A1A); } 


@media screen and (max-width:1024px) { 
 #vision .top_bg { padding:3rem; } 
 #vision .vision_wrap .ico_box { padding:3rem; } 
}

@media screen and (max-width:640px) { 
 #vision .top_bg { padding:2rem; height:20rem; } 
 #vision .top_bg p { font-size:1.5rem; word-break: keep-all; } 
 #vision .top_bg p br { display: none; } 
 #vision .vision_wrap { flex-direction: column; } 
}
 


/* --------------------------- 교육사업 */
.education article { margin-top:5rem; } 
.education article:first-of-type { margin-top:0; } 

.education .education_wrap { display: grid; gap:5rem 1.5rem; grid-template-columns: repeat(2,1fr) } 

.education .education_wrap .education_box .txt_box { display: flex; gap:1.25rem; flex-direction: column; margin-top:2.5rem; padding:0 3.125rem; } 
.education .education_wrap .education_box .txt_box p.tit { font-size: 1.425rem; font-weight: 600; line-height: 140%; text-align: center; } 
.education .education_wrap .education_box .txt_box p.desc { font-size: 1.125rem; font-weight: 400; line-height: 140%; color: var(--gray-650, #595959); text-align: center; } 


@media screen and (max-width:1024px) { 
 .education .education_wrap .education_box .txt_box { padding:0; } 
}

@media screen and (max-width:640px) { 
 .education article { margin-top:3.75rem; } 
 .education .education_wrap { gap:4rem; grid-template-columns: repeat(1,1fr); } 
}



/* --------------------------- 미디어사업 */
.media article {margin-top:80px;}
.media h5 {margin-bottom:1.25rem; font-size: 1.625rem; font-weight: 600; line-height: 140%;}
.media .media_wrap {display: flex; gap:2.25rem; }
.media .media_wrap .img_box { border: 1px solid #D1D1D1; width:49%; border-radius: 20px;}
.media .media_wrap .img_box img {display: block; width:100%;}
.media .media_newsletter .btn_subscribe { display: inline-flex; align-items: center; justify-content: center; margin-top:1.25rem; padding: 1.25rem 3.75rem; min-width:18.375rem; background-color: #D91B5C; font-size: 1.125rem; font-weight: 600; line-height: 140%; color: var(--gray-0, #FFF);text-align: center;text-align: center; transition: all 0.3s; border-radius: 10px;}
.media .media_newsletter .btn_subscribe:hover {background-color: #b0164b;}
.media .media_social ul {display: grid; gap:1.5rem; grid-template-columns: repeat(3,1fr);}
.media .media_social ul li {display: flex; align-items: center; justify-content: center; padding:3rem; background: var(--Secondary, #F5F5F8); border-radius: 20px;}
.media .media_social ul li a:hover img {transform: scale(1.05);}
.media .media_social ul li a img {transition: all 0.3s;}



@media screen and (max-width:798px) { 
 .media .media_wrap {flex-direction: column;}
 .media .media_wrap .img_box {width:100%;}
}

@media screen and (max-width:640px) { 
 .media .media_newsletter .btn_subscribe { min-width:100%;}
 .media .media_social ul {grid-template-columns: repeat(1,1fr);}
}




/* --------------------------- 인재채용 */
#talent .talent_list { display: grid; gap:1.5rem; margin-top:2.5rem; grid-template-columns: repeat(3,1fr); } 

#talent .talent_list li { display: flex; gap:2.5rem; flex-direction: column; } 
#talent .talent_list li .ico { padding:5rem; background: #F5F5F8; text-align: center; border-radius: 20px; } 
#talent .talent_list li .ico img { max-width: 100%; } 
#talent .talent_list li .txt { display: flex; gap:1.25rem; flex-direction: column; padding:0 3.125rem; text-align: center; } 
#talent .talent_list li .txt .tit { font-size: 1.875rem; font-weight: 700; line-height: 160%; color: var(--gray-900, #1A1A1A); } 
#talent .talent_list li .txt .desc { font-size: 1.25rem; font-weight: 500; line-height: 160%; color: var(--gray-700, #4D4D4D); word-break: keep-all; } 

@media screen and (max-width:1024px) { 
 #talent .talent_list li .ico { padding:3rem; } 
 #talent .talent_list li .txt { padding:0 1rem; } 
}

@media screen and (max-width:798px) { 
 #talent .talent_list { gap:4rem; grid-template-columns: repeat(1,1fr); } 
 #talent .talent_list li { gap:2rem; } 
}



/* --------------------------- 조직문화 */
#culture article {margin-top:5rem;}
#culture article:first-of-type {margin-top:0;}
#culture .culture_list {display: grid; gap:2.5rem; grid-template-columns: repeat(3,1fr);}
#culture .culture_list li { display: flex; gap:0.625rem; align-items: center; flex-direction: column;padding:3.125rem 2.5rem; background-color: #F5F5F8; border-radius: 20px;}
#culture .culture_list li .ico { display: flex; align-items: center; justify-content: center; width:5.375rem; height:5.375rem;}
#culture .culture_list li .txt {display: flex; gap:0.875rem; flex-direction: column;}
#culture .culture_list li .txt .tit {font-size: 1.25rem; font-weight: 600; line-height: 160%; color: var(--gray-700, #4D4D4D); text-align: center;}
#culture .culture_list li .txt .desc {font-weight: 500; line-height: 160%; color: var(--gray-700, #4D4D4D); text-align: center; word-break: keep-all;}

@media screen and (max-width:1024px) { 
 #culture .culture_list {grid-template-columns: repeat(2,1fr);}
}

@media screen and (max-width:640px) { 
 #culture .culture_list {grid-template-columns: repeat(1,1fr);}
}





/* --------------------------- 오시는길 */

#map article {margin-top:5rem;}
#map article:first-of-type {margin-top:0;}
#map .map_iframe { overflow: hidden; border-radius: 20px; } 
#map .map_iframe iframe { width:100%; height:24.6875rem; } 

#map .map_info ul { display: flex; gap:1.75rem 8.75rem; flex-wrap: wrap; } 
#map .map_info ul li { display: flex; gap:1.125rem; align-items: center; } 
#map .map_info ul li:first-child { width:100%; } 
#map .map_info ul li .ico { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width:4.375rem; height:4.375rem; background: var(--gray-50, #F8F8F8); border-radius: 10px; } 
#map .map_info ul li .txt { display: flex; gap:0.625rem; flex-direction: column; } 
#map .map_info ul li .txt p { font-size: 1.125rem; font-weight: 500; line-height: 1.2; color: var(--gray-650, #595959); letter-spacing: -0.36px; word-break: keep-all; } 
#map .map_info ul li .txt p.tit { font-size: 1.5rem; font-weight: 600; line-height: normal; color: #000; letter-spacing: -0.48px; } 

/* CI */
#ci .ci_img{border-radius: 20px;overflow: hidden;border: 1px solid #d9d9d9;}
#ci .ci_img img{display: block;max-width: 100%;}
#ci .txt{display: flex;flex-direction: column;margin-top:3.125rem ;gap:3.75rem ;}
#ci .txt h4{color: var(--gray-900, #1A1A1A);font-size: 1.875rem;line-height: 160%;letter-spacing: -0.0375rem;font-weight: 700;}
#ci .txt p{color: var(--gray-700, #4D4D4D);font-size: 1.25rem;font-weight: 500;line-height: 160%;letter-spacing: -0.4px;}
#ci .txt .pink{color: var(--primary);font-weight: 700;}

@media screen and (max-width:1024px) {
  #ci .txt{margin-top: 2.5rem;gap: 1.5625rem;word-break: keep-all;}
  #ci .txt br{display: none;}
  #ci .txt h4{font-size: 1.375rem;}
  #ci .txt p{font-size: 1.125rem;}
}

/* 콘텐츠 */
.contents h5{font-size: 1.625rem;font-weight: 600;line-height: 140%;letter-spacing: -0.52px;margin-bottom: 1.25rem;margin-top: 5.5rem;}
.contents .sns_list{margin-top:1.25rem;display: flex;gap: 28px;}
.contents .sns_list > li{border-radius: 20px;border: 1px solid #d9d9d9;flex: 1 1;overflow: hidden;display: flex;align-items: flex-end;justify-content: center;}
.contents .sns_list > li:not(.center) img{width: 100%;height: 100%;object-fit: cover;}
.contents .sns_list > li.center img{max-width: 90%;}

@media screen and (max-width:768px) {
  .contents .sns_list{flex-direction: column;}
}

/* 출판 */
.book h5{font-size: 1.625rem;font-weight: 600;line-height: 140%;letter-spacing: -0.52px;margin-bottom: 1.25rem;}
.book .book_list{display: flex;gap: 22px;}
.book .book_list li{flex: 1 1;}
.book .book_list li .img{border: 1px solid #d9d9d9;overflow: hidden;border-radius: 20px;margin-bottom: 1.25rem;}
.book .book_list li .img img{max-width: 100%;width: 100%;display: block;}
.book .book_list li p{text-align: center;color: var(--gray-650, #595959);font-size: 1.125rem;font-weight: 500;line-height: 140%;letter-spacing: -0.36px;}

@media screen and (max-width:1024px) {
  .book .book_list{flex-wrap: wrap;}
  .book .book_list li{flex:auto;width: calc(50% - 11px);}
  
}

@media screen and (max-width:768px) {
  .book .book_list li{width:100%}
  .book .book_list li p{font-size: 1rem;}
}