@charset "utf-8";

/* 테이블 그리드 */
.grid_1 {width:50px}
.grid_2 {width:100px}
.grid_3 {width:150px}
.grid_4 {width:200px}
.grid_5 {width:250px}
.grid_6 {width:300px}
.grid_7 {width:350px}
.grid_8 {width:400px}
.grid_9 {width:450px}
.grid_10 {width:500px}
.grid_11 {width:550px}
.grid_12 {width:600px}
.grid_13 {width:650px}
.grid_14 {width:700px}
.grid_15 {width:750px}
.grid_16 {width:800px}
.grid_17 {width:850px}
.grid_18 {width:900px}

/* 페이지 */
.subPage { position:relative; }
.pageWrap { }
.pageWrap:after {display:block;visibility:hidden;clear:both;content:""}

.pageWrap .pageTxt h2 { font-size:36px; font-weight:500; margin-bottom:35px; line-height:45px;  }
.pageWrap .pageTxt h2 strong { font-weight:700; }
.pageWrap .pageTxt p { font-size:17px; line-height:25px; }

.subPage .subVisual { width:100%; height:470px; padding-top:90px; color:#fff; }
.subPage .subVisual h2 { font-size:39px; margin-bottom:30px; }
.subPage .subVisual p { font-size:16px; line-height:22px; }

.subPage .subVisual.eng h2 { font-size:42px; }
.subPage .subVisual.eng p { font-size:20px; line-height:25px; }


ul.list-circle li { background:url('../img/icon/icon_dot.jpg') left center no-repeat; padding-left:10px; }
ul.list-circle-blue li { background:url('../img/icon/icon_dot_blue.jpg') left center no-repeat; padding-left:10px; }
ul.list-circle-gray li { background:url('../img/icon/icon_dot_gray.png') left center no-repeat; padding-left:10px; }
ul.list-circle-white li { background:url('../img/icon/icon_dot_white.png') left center no-repeat; padding-left:10px; }

/* BOX */
.box1 { width:100%; border:1px solid #898989; background:#fff; border-radius:10px; }

/* 회사 공통 */
#compnay_info { padding:60px 0 80px; }
#compnay_info .title_wrap { margin-bottom:50px; }
#compnay_info .title_wrap h2 { font-size:41px; margin-bottom:10px; }
#compnay_info .title_wrap p { font-size:27px; }

#compnay_info dl,
#compnay_info dl a { font-size:17px; }
#compnay_info dl:after {display:block;visibility:hidden;clear:both;content:""}
#compnay_info dt { clear:both; float:left; width:50px; font-size:22px; color:#3974ba;}
#compnay_info dd { float:left; font-size:17px; margin-bottom:15px; line-height:25px; }

/* 회사소개 */
#company01 .companyIntro { border-bottom:1px solid #d1d1d1; padding-bottom:80px; margin-bottom:80px; }
#company01 .companyIntro .pageWrap { display:table;  margin-bottom:100px; }
#company01 .companyIntro .pageTxt { display:table-cell; width:526px; text-align:center; vertical-align:middle; }
#company01 .companyIntro .pageThumb { display:table-cell; width:624px; }
#company01 .companyIntro .pageDesc { font-size:17px; line-height:25px; margin-bottom:50px; }
#company01 .tbl_wrap table {border:0;} 
#company01 .tbl_company table {width:100%;border-collapse:collapse;border-spacing:0}
#company01 .tbl_company th {width:125px;padding:7px 0; font-size:17px; }
#company01 .tbl_company th span { display:block; height:30px; background:#3974ba; color:#fff; line-height:33px; border-radius:15px; }
#company01 .tbl_company td {padding:7px 20px;background:transparent; font-size:17px;  }

/* 회사연혁 */
#company01 .companyHistory { border-bottom:1px solid #d1d1d1; padding-bottom:80px; margin-bottom:80px; }
#company01 .companyHistory .pageTxt { float:left; width:50%; }
#company01 .companyHistory .pageThumb { float:right; width:50%; text-align:right;}

#company01 .companyHistory .pageTxt h2 { font-size:47px; margin-bottom:50px; }
#company01 .companyHistory .pageTxt h2 strong { font-weight:500; font-size:70px; line-height:80px;  }

#company01 .companyHistory .cm_history {  }
#company01 .companyHistory .cm_history:after {display:block;visibility:hidden;clear:both;content:""}
#company01 .companyHistory .cm_history dt { clear:both; float:left; font-size:21px; }
#company01 .companyHistory .cm_history dd { float:left; font-size:17px; margin-left:30px; line-height:26px; margin-bottom:3px; }

/* 회사사업소개 */
#company01 .companyBusiness { }
#company01 .companyBusiness .pageTxt { float:right; width:475px; }
#company01 .companyBusiness .pageThumb { float:left; width:605px; }

#company01 .companyBusiness .pageTxt h2 { font-size:47px; margin-bottom:50px; }
#company01 .companyBusiness .pageTxt h2 strong { font-weight:500; font-size:70px; line-height:80px;  }
#company01 .companyBusiness .pageTxt p { line-height:34px; }

/* 찾아오시는 길 */
#company02 { margin-bottom:80px; }
#company02 .subVisual { background:url('../img/content/company02_visual.jpg') top center no-repeat; }

#company02 .company_traffic { margin-bottom:95px; }
#company02 .company_traffic:after {display:block;visibility:hidden;clear:both;content:""}
#company02 .company_traffic .traffic_info { position:relative; float:left; width:557px; height:200px; padding:40px 0 0 40px; overflow:hidden; }
#company02 .company_traffic .traffic_info + .traffic_info { margin-left:36px; }
#company02 .company_traffic .traffic_info h3 { position:absolute; top:40px; left:40px; font-size:23px;  }

#company02 .company_traffic .traffic_subway { background:url('../img/icon/icon_subway.png') 125px 65px no-repeat; }
#company02 .company_traffic .traffic_bus { background:url('../img/icon/icon_bus.png') 85px 65px no-repeat; }


#company02 .company_traffic .traffic_info ul { margin-left:230px; margin-top:12px; }
#company02 .company_traffic .traffic_bus ul { margin-left:150px; }

#company02 .company_traffic .traffic_info li { font-size:16px; color:#333; background-position:left 8px; }
#company02 .company_traffic .traffic_info li+li { margin-top:10px; }
#company02 .company_traffic .traffic_bus li+li { margin-top:25px; }


#company02 .ingroup_counsel_wrap .company_detail_info { padding:45px 55px; }
#company02 .ingroup_counsel_wrap .company_detail_info h3 { font-size:30px; margin-bottom:40px;  }
#company02 .ingroup_counsel_wrap .company_detail_info dl {}
#company02 .ingroup_counsel_wrap .company_detail_info dt { font-size:21px; color:#3974ba; margin-bottom:10px; font-weight:700; }
#company02 .ingroup_counsel_wrap .company_detail_info dd { font-size:17px; line-height:25px; }
#company02 .ingroup_counsel_wrap .company_detail_info dd+dt { margin-top:35px; }

#company02 .ingroup_counsel_wrap .company_detail_info ul {}
#company02 .ingroup_counsel_wrap .company_detail_info li { color:#3974ba; font-size:17px; line-height:25px; }
#company02 .ingroup_counsel_wrap .company_detail_info li + li { margin-top:10px; }

/* 제휴 및 파트너쉽 */
#company03 { margin-bottom:80px; }
#company03 .subVisual { background:url('../img/content/company03_visual.jpg') top center no-repeat; }

#company03 .company_partnership { font-size:17px; line-height:30px; }
#company03 .company_partnership .list-circle-blue li { background-position:left 12px; }

#company03 .company_partnership h2 { height:84px; line-height:84px; font-size:24px; border-bottom:1px solid #c4c4c4; margin-bottom:30px; padding: 0 0 0 100px; color:#333; }
#company03 .company_partnership .desc { margin-bottom:35px; }
#company03 .company_partnership .ul-table { width:100%; margin-bottom:35px; }
#company03 .company_partnership .ul-table li { display:table; width:100%;  }
#company03 .company_partnership .ul-table li + li { margin-top:10px; }
#company03 .company_partnership .ul-table li span { display:table-cell;  width:180px; }
#company03 .company_partnership .ul-table li span strong { display:inline-block; width:150px; color:#3974ba; border:1px solid #3974ba; padding:7px 10px 5px; text-align:center;  border-radius:10px; }
#company03 .company_partnership .ul-table li p { display:table-cell; }

#company03 .company_partnership1 { margin-bottom:70px; }
#company03 .company_partnership1 h2 { background:url('../img/icon/icon_people02.png') 10px center no-repeat; }
#company03 .company_partnership2 h2 { background:url('../img/icon/icon_book.png') 10px center no-repeat; padding: 0 0 0 110px; }

/* 사이트맵 */
#siteMap { }
#siteMap .sitemap_navi {  }
#siteMap .sitemap_navi:after {display:block;visibility:hidden;clear:both;content:""}
#siteMap .sitemap_navi > li { float:left; width:260px; height:300px; overflow:hidden; }
#siteMap .sitemap_navi > li + li { margin-left:36px; }

#siteMap .sitemap_navi > li > a { display:block; color:#fff; height:40px; padding-left:20px; font-size:19px; font-weight:700; line-height:40px; }
#siteMap .sitemap_navi > li.bg0 > a { background:#3974ba; }
#siteMap .sitemap_navi > li.bg1 > a { background:#707882; }
#siteMap .sitemap_navi > li ul { width:228px; margin:10px auto;  }
#siteMap .sitemap_navi > li ul li { border-bottom:1px solid #e5e5e5; padding:15px 10px 10px 20px; background-position:10px center; }
#siteMap .sitemap_navi > li ul li a { font-size:16px; }


/* 프로그램 */
/*1*/
.programPage h2 { margin-bottom:100px; }
.programPage .pageWrap { text-align:center; margin-bottom:100px; }
.programPage .pageWrap h3 { font-size:38px; font-weight:500; margin-bottom:40px; line-height:45px;  }
.programPage .pageWrap p { font-size:23px; line-height:35px; margin-bottom:80px; }

.programPage .programInfoList {}
.programPage .programInfoList .programInfo { position:relative; width:100%; height:400px; padding:50px 70px; }
.programPage .programInfoList .programInfo + .programInfo { margin-top:55px; }
.programPage .programInfoList .programInfo:nth-child(odd) { border:1px solid #6e6e6e; }
.programPage .programInfoList .programInfo:nth-child(even) { color:#fff; }

.programPage .programInfoList .programInfo h3 { font-size:38px; margin-bottom:10px; font-weight:500; }
.programPage .programInfoList .programInfo h3 span { display:inline-block; font-size:65px; font-weight:700; margin-right:15px;  }
.programPage .programInfoList .programInfo:nth-child(odd) h3 span { color:#01c0da; }

.programPage .programInfoList .programInfo ul { margin-left:5px; }
.programPage .programInfoList .programInfo li { background-position:left 11px;  font-size:19px; line-height:30px; padding-left:15px; }
.programPage .programInfoList .programInfo li+li { margin-top:5px; }
.programPage .programInfoList .programInfo p { font-size:19px; line-height:30px; }

#program01 .programInfo01 { background:url('../img/content/program01_03.jpg') 660px bottom  no-repeat; }
#program01 .programInfo02 { background:url('../img/content/program01_04.jpg') 650px bottom  no-repeat #60b259; }
#program01 .programInfo03 { background:url('../img/content/program01_05.jpg') 790px center  no-repeat; }

#program02 .programInfo:nth-child(odd) h3 span { color:#fad13b; }
#program02 .programInfo { width:100%; height:365px; padding:50px 70px; }
#program02 .programInfo01 { height:305px; background:url('../img/content/program02_03.jpg') 640px center  no-repeat; }
#program02 .programInfo02 { background:#f8d235; color:#000; }
#program02 .programInfo02 h3 span { color:#fff; }

#program02 .programInfo02 ul { position:absolute; top:160px; left:25px; z-index:5; }
#program02 .programInfo02 ul li { float:left; width:260px; }
#program02 .programInfo02 ul li + li { margin-left:15px; margin-top:0; }
#program02 .programInfo02 ul li h4 { display:block; height:40px; line-height:42px; border-radius:15px; background:#fff; text-align:center; margin-bottom:20px; }
#program02 .programInfo02 ul li p { text-align:center; }

#program03 .programInfo:nth-child(odd) h3 span { color:#fad13b; }
#program03 .programInfo { width:100%; height:290px; padding:50px 70px; }
#program03 .programInfo01 { height:600px; background:url('../img/content/program03_03.jpg') 660px bottom  no-repeat; }
#program03 .programInfo02 { background:url('../img/content/program03_04.jpg') 882px center  no-repeat #3974ba; }
#program03 .programInfo03 { background:url('../img/content/program03_05.jpg') 646px 70px  no-repeat; }

.programPage .main_counsel_sec { padding:100px 0 0px; }


/* 약관 */
.policyPage section {border-top:2px solid #aeaeae; }
.policyPage section + section { margin-top:50px; }
.policyPage h2 { display:block; padding:13px 10px 10px; font-size:16px; background:#f6f6f7;}
.policyPage textarea {display:block;margin-bottom:10px;padding:15px;width:100%;height:210px;border:1px solid #e9e9e9;background:#fff;font-size:14px;line-height:22px;}

/* 인그룹상담 부분 */
.ingroup_counsel_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.ig_frm .tbl_frm01 { width:360px; margin:10px auto 30px; }
.ig_frm .tbl_frm01 td {padding:10px 0 0;border:0;}
.ig_frm .tbl_frm01 td label { display:block; font-size:16px; color:#333; padding:5px; }

.ig_frm textarea,.ig_frm .frm_input {background:#f6f6f6;}
.ig_frm .btn_confirm { text-align:center} /* 서식단계 진행 */
.ig_frm .btn_submit {background:#3974ba;padding:0px 40px;border-radius:15px;font-size:17px;line-height:43px;height:40px;}
.ig_frm .btn_submit:hover {background:#2375eb}


.ig_frm .tbl_frm02 { width:260px; margin:0 auto 30px; }
.ig_frm .tbl_frm02 td {padding:10px 0 0;border:0; border-bottom:1px solid #a6a6a6; }
.ig_frm .tbl_frm02 td label { display:inline-block; width:60px; font-size:16px; font-weight:700; color:#3874bb;padding:5px; }

.ig_frm  .frm_input02 { display:inline-block; border:0;background:transparent;color:#000;vertical-align:middle;padding:5px; width:190px; height:40px; }


.ingroup_counsel { position:relative; float:left; width:557px; height:670px; padding:0px; overflow:hidden; }
/*
.ingroup_counsel + .ingroup_counsel { margin-left:36px; }
*/
.ingroup_counsel_wrap .ingroup_counsel_type01 { margin-right:36px; }
.ingroup_counsel_type01 .title_wrap { padding:30px 0 0 45px; height:150px; color:#fff; background:url('../img/icon/icon_people.png') 390px center no-repeat #3974ba; }
.ingroup_counsel_type01 .title_wrap h3 { font-size:32px; font-weight:700; margin-bottom:10px; }
.ingroup_counsel_type01 .title_wrap p { font-size:17px; line-height:25px; }



.counsel_private { margin-top:10px; font-size:12px; }
.counsel_private label { display:inline-block; margin-left:10px; }
.counsel_private a { display:inline-block; color:blue; }


/* 카톡 부분 */
.ingroup_counsel_type02 { }
.ingroup_counsel_type02 .title_wrap { padding:30px 0 0 45px; height:150px; color:#fff; background:url('../img/icon/icon_kakaotalk.png') 426px center no-repeat #3c1e20; }
.ingroup_counsel_type02 .title_wrap h3 { font-size:32px; font-weight:700; margin-bottom:10px; }
.ingroup_counsel_type02 .title_wrap p { font-size:17px; line-height:25px; }

.ingroup_counsel_type02 .ingroup_kakao_info { text-align:center; padding:30px 0 10px; }

/* 팝업용 */
.ingroup_counsel_mini { position:relative; width:100%; padding:0 0 30px; overflow:hidden; }
.ingroup_counsel_mini_type01 .title_wrap { position:relative; padding:15px 0 5px; color:#fff; background:#3974ba; text-align:center; }
.ingroup_counsel_mini_type01 .title_wrap h3 { font-size:32px; font-weight:700; margin-bottom:10px; }
.ingroup_counsel_mini a.ig_close { position:absolute; color:#fff; font-size:35px; right:20px; top:16px; }

.ingroup_counsel_mini_type02 .title_wrap { padding:15px 0 5px; color:#fff; background:#3c1e20; text-align:center; }
.ingroup_counsel_mini_type02 .title_wrap h3 { font-size:32px; font-weight:700; margin-bottom:10px; }
.ingroup_counsel_mini_type02 .ingroup_kakao_info { text-align:center; padding:10px 0 10px; }


.ingroup_counsel_wrap .ingroup_counsel_mini_type03 { margin-right:36px; }
.ingroup_counsel_mini_type03 .title_wrap h3 { font-size:32px; font-weight:700; color:#3874bb; text-align:center; padding:25px 0; }
.ingroup_counsel_mini_type03 .counsel_private { position:absolute; left:0; bottom:80px; width:100%; text-align:center; }


/* =========================
   Payment (company04)
========================= */

#company04{
  padding: 0;
}

#company04 .company04-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#company04 .company04-head{
  margin: 0 0 30px;
}

#company04 .company04-title{
  font-size: 44px;
  margin: 0 0 12px;
  letter-spacing: -0.4px;
  color: #111;
}

#company04 .company04-sub{
  margin: 0;
  color: #777;
  font-size: 16px;
  line-height: 1.8;
  max-width: 820px;
  word-break: keep-all;
}

/* ✅ 1줄에 1개씩(세로) */
#company04 .pay-grid{
  display: grid;
  grid-template-columns: 1fr; /* 핵심 */
  gap: 22px;
  margin-top: 26px;
}

/* card */
#company04 .pay-card{
  position: relative;
  border: 1px solid #e9e9e9;
  border-radius: 14px;
  padding: 28px 26px 24px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

#company04 .pay-badge{
  position: absolute;
  top: 18px;
  right: 18px;
  min-width: 46px;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: #2f62a5;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: .5px;
}

#company04 .pay-card-title{
  margin: 0 0 10px;
  font-size: 22px;
  color: #111;
  letter-spacing: -0.2px;
}

#company04 .pay-desc{
  margin: 0 0 16px;
  color: #666;
  line-height: 1.8;
  font-size: 15px;
}

/* box (highlight) */
#company04 .pay-box{
  border: 1px solid #e9eef6;
  background: #f7f9fc;
  border-radius: 12px;
  padding: 14px 14px;
  margin: 0 0 14px;
}

#company04 .pay-box-label{
  font-size: 12px;
  font-weight: 700;
  color: #2f62a5;
  margin: 0 0 6px;
  letter-spacing: .2px;
  text-transform: uppercase;
}

#company04 .pay-box-value{
  font-size: 16px;
  color: #111;
  line-height: 1.6;
  word-break: break-word;
}

#company04 .pay-link{
  color: #1f4f8e;
  text-decoration: none;
  border-bottom: 1px dashed rgba(31,79,142,.45);
}
#company04 .pay-link:hover{
  border-bottom-style: solid;
}

/* table-like rows */
#company04 .pay-table{
  border: 1px solid #eef0f3;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  margin: 0 0 14px;
}

#company04 .pay-row{
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 0;
  margin: 0;
  border-top: 1px solid #eef0f3;
}
#company04 .pay-row:first-child{ border-top: 0; }

#company04 .pay-row dt{
  margin: 0;
  padding: 12px 14px;
  background: #fafafa;
  color: #444;
  font-weight: 700;
  font-size: 13px;
}

#company04 .pay-row dd{
  margin: 0;
  padding: 12px 14px;
  color: #111;
  font-size: 14px;
  line-height: 1.7;
}

/* notes */
#company04 .pay-note{
  margin: 0;
  color: #777;
  font-size: 13px;
  line-height: 1.8;
}

#company04 .pay-warn{
  color: #b23b3b;
}

/* 모바일에서 표 라벨 폭 줄이기 */
@media (max-width: 980px){
  #company04 .company04-title{ font-size: 34px; }
  #company04 .pay-row{ grid-template-columns: 150px 1fr; }
}