@charset "utf-8";
/* 공통 */
.subbox { margin-bottom: 100px; }
.subbox:last-child { margin-bottom: 0; }
.subtit { font-size: 28px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; position: relative; margin-bottom: 25px; display: inline-block; font-family:'score';}
.subtit span { color: #0872ba;}
.subtit .num { font-weight: 700; font-family: "Play", sans-serif; display: inline-block; color: #0872ba;}
.subtit::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 100%; background: #0872ba; right: -10px; top: -5px; }
.sub-fx { display: flex; padding: 60px 0; border-bottom: 1px dashed #ddd;}
.sub-fx .subtit { line-height: 1.5em;}
.sub-fx:first-child { padding-top: 0; }
.sub-fx:last-child { padding-bottom: 0; border: none;}
.sub-bd { padding-bottom: 0; border: none;}
.sub-left { width: 30%; padding-right: 25px;}
.sub-right {width: 70%; }
.sub-fx2 { display: flex; }
.sub-fx2 .sub-right { padding-left: 100px; flex: 1 1 auto; min-width: 0; width: 1%; }
.subtxt { font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.666em; color: #454545;}
.subtxt span { font-weight: 600; color: #242424;}
.sub-link { margin: 100px auto 0; width: 200px; height: 60px; border-radius: 30px; border: 1px solid #0072ce; display: flex; align-items: center; padding-left: 45px; font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1em;  position: relative; color: #0072ce;}
.sub-link::after { content: ""; position: absolute; width: 30px; height: 6px; right: 45px; background-size: contain; background: url(../images/sub/btn-af.png) center no-repeat; top: 24px;}
.sub-fx3 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.sub-fx3 .sub-left { padding-right: 25px; width: 53%;}
.sub-fx3 .sub-right { width: 47%; }
.sub-imglist { display: flex; flex-wrap: wrap; gap: 10px;}
.sub-imglist li { width: calc(100%/3 - 7px); border-radius: 10px; overflow: hidden;}
.sub-tab { margin: 20px 0;}
.sub-tab li { font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #ababab; position: relative; padding-left: 33px; cursor: pointer; margin-bottom: 18px;}
.sub-tab li::before { content: ""; position: absolute; left: 0; width: 23px; height: 4px; background: #0872ba; top: 8px; display: none; transform: skew(-45deg);}
.sub-tab li:last-child { margin-bottom: 0;}
.sub-tab li.active { color: #242424; font-weight: 700; }
.sub-tab li.active::before { display: block;}

.sub-tab2 { margin: 20px 0;}
.sub-tab2 li { font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #ababab; position: relative; padding-left: 33px; cursor: pointer; margin-bottom: 18px;}
.sub-tab2 li::before { content: ""; position: absolute; left: 0; width: 23px; height: 4px; background: #0872ba; top: 8px; display: none; transform: skew(-45deg);}
.sub-tab2 li:last-child { margin-bottom: 0;}
.sub-tab2 li.active { color: #242424; font-weight: 700; }
.sub-tab2 li.active::before { display: block;} 

[data-tab-content] { display: none;}
[data-tab-content].active { display: block; }

.sub4-right { display: flex; align-items: flex-start; margin-bottom: 50px;}
.sub-imglist2 { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 20px;}

/* 대표 인사말 */
.gt { display: flex; align-items: center; margin-bottom: 100px;}
.gt-left {width: 40%; }
.gt-right { width: 60%; padding-left: 70px;}
.gt-right .welcome { display: inline-block; font-size: 14px; font-weight: 700; line-height: 1em; font-family: "Play", sans-serif; background: #0872ba; padding: 6px 10px; color: #fff; border-radius: 3px; margin-bottom: 26px;}
.gt-right h2 { line-height: 1.666em; font-size: 30px; font-weight: 700; letter-spacing: -.03em; color: #242424; margin-bottom: 50px; }
.gt-right h2 span { font-size: 40px; display: inline-block; padding-top: 5px;}
.gt-right h3 { font-size: 22px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-bottom: 34px;}
.gt-right h3 span { font-weight: 600; }
.gt-right p { font-size: 16px; line-height: 1.666em; letter-spacing: -.03em; font-weight: 400; color: #454545; margin-bottom: 20px;}
.gt-right p:last-child { margin-bottom: 0; }
.gt-right .ceo { font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-top: 50px;}
.gt-right .ceo strong { display: inline-block; font-size: 20px; color: #2c2c2c;}
.gt2 .titbox { display: flex; align-items: flex-end; margin-bottom: 60px;}
.gt2 .titbox h3 { flex: 1 1 auto; min-width: 0; width: 1%; margin-left: 30px; font-size: 20px; font-weight: 700; letter-spacing: 0.644em; color: #ddd; border-top: 1px solid #ddd; padding-top: 16px; }
.gt-list { display: flex; flex-wrap: wrap; border: 1px solid #ddd;}
.gt-list li { width: calc(100%/5); border-right: 1px solid #ddd; padding: 40px 0; text-align: center;}
.gt-list li:last-child { border-right: none;}
.gt-list li .tit { font-size: 16px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; color: #272e3e; margin-top: 20px;}
.gt-list li .txt { font-size: 16px; font-weight: 400; line-height: 1.5em; letter-spacing: -.03em; color: #2c2c2c; margin-top: 35px;}
.gt-list li .txt.mg { margin-top: 12px;}
.gt-list li .txt.mg2 { margin-top: 25px;}
.gt-list li span { display: block; margin-top: 20px; font-size: 12px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #878787;}
.gt-list li:last-child { padding: 0;}
.gt-list li:last-child a { display: block; padding: 40px 0;}

/* 대표 강사진 */
.tc h3 { margin-top: 30px; font-size: 20px; line-height: 1.6em; letter-spacing: -.03em; color: #242424; font-weight: 400; text-align: center;}
.tc h3 span { font-size: 24px; font-weight: 700; }
.tc-list { display: flex; margin-top: 25px; flex-wrap: wrap; gap: 20px;}
.tc-list li { width: calc(100%/3 - 14px); border-radius: 20px; overflow: hidden;}
.tc-clr { margin-top: 10px; font-size: 16px; font-weight: 600; letter-spacing: -.03em; line-height: 1.3em; color: #0e75bb; text-align: center;}
.tc-txt { line-height: 1.666em; font-weight: 300; letter-spacing: -.03em; color: #454545; margin-bottom: 35px;}
.tc-txt span { font-weight: 600; color: #242424; }
.tc-list2 { display: flex; flex-wrap: wrap; border-top: 1px solid #242424; gap: 30px;}
.tc-list2 li { width: calc(100%/2 - 15px); padding: 40px 0; display: flex;}
.tc-list2 li .imgbox { width: 166px; height: 200px; border-radius: 83px; overflow: hidden;}
.tc-list2 li .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 30px; }
.tc-list2 li .txtbox .tit { font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-bottom: 16px; }
.tc-list2 li .txtbox .tit span { font-size: 24px; }
.tc-list2 li .txtbox .tit-sub { font-size: 15px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #ababab; margin-bottom: 12px;}
.tc-list2 li .txtbox p { font-size: 14px; font-weight: 400; letter-spacing: -.03em; line-height: 1.556em; color: #454545; position: relative; padding-left: 14px; margin-bottom: 3px;}
.tc-list2 li .txtbox p:last-child { margin-bottom: 0;}
.tc-list2 li .txtbox p::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #0872ba; top: 8px;}

/* 사업분야 및 교육 프로세스 */
.bs-tit { font-size: 20px; font-weight: 400; letter-spacing: -.03em; line-height: 1.4em; color: #242424; margin-bottom: 25px;}
.bs-tit2 { font-size: 18px; margin-top: 35px;}
.bs-titmg { margin-bottom: 10px;}
.bs-mg { margin-top: 40px;}
.bs-tit span { font-weight: 700; }
.bs-list { display: flex; flex-wrap: wrap; gap: 30px;}
.bs-list li { width: calc(100%/2 - 15px); border-radius: 20px; border: 1px solid #ddd; padding: 30px 20px 24px; position: relative;}
.bs-list li .num { font-size: 15px; font-weight: 700; line-height: 1em; letter-spacing: -.03em; color: #0872ba; font-family: "Play", sans-serif; margin-bottom: 8px;}
.bs-list li .tit { font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-bottom: 15px;}
.bs-list li .txtbox p { position: relative; font-size: 15px; font-weight: 400; letter-spacing: -.03em; line-height: 1.556em; color: #454545; padding-left: 10px; }
.bs-list li .txtbox p::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #0872ba; top: 8px;}
.bs-list li img { position: absolute; right: 20px; top: 25px;}
.bs-box { margin-bottom: 42px;}
.bs-box:last-child { margin-bottom: 0; }
.bs-txtbox p { position: relative; font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.666em; color: #454545; padding-left: 10px; }
.bs-txtbox p::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #0872ba; top: 9px;}
.bs-list2 { display: flex; flex-wrap: wrap; gap: 50px; justify-content: center; margin-top: 25px; position: relative;}
.bs-list2::after { content: ""; position: absolute; top: 64px; width: 80%; height: 1px; background: #ddd; left: 0; right: 0; margin: auto; z-index: -1;}
.bs-list2 li { text-align: center;}
.bs-list2 li .step { font-size: 14px; font-weight: 700; line-height: 1em; letter-spacing: -.03em; color: #0872ba; font-family: "Play", sans-serif; margin-bottom: 8px;}
.bs-list2 li .circle { width: 85px; height: 85px; border-radius: 100%; background: #f7f7f7; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; position: relative;}
.bs-list2 li .circle::after { content: ""; position: absolute; right: -33px; top: 0; bottom: 0; margin: auto; width: 17px; height: 17px; background-size: contain; background: url(../images/sub/sub1-3-af.png) center no-repeat;}
.bs-list2 li .tit { line-height: 1em; font-size: 18px; font-weight: 600; letter-spacing: -.03em; color: #242424; margin-bottom: 13px;}
.bs-list2 li .txt { line-height: 1.5em; font-size: 15px; font-weight: 400; letter-spacing: -.03em; color: #454545;}
.bs-list2 li:last-child .circle::after { display: none;}

/* 로드맵 */
.rd-box h3 { font-size: 20px; font-weight: 400; letter-spacing: -.03em; line-height: 1.6em; color: #242424; text-align: center; margin-top: 25px;}
.rd-box h3 span { font-weight: 700; }
.rd-box h3 span.fz { font-size: 24px; }
.rd-tbl-wrap { margin-top: 60px; overflow: auto;}
.rd-tbl-wrap.mg { margin-top: 0;}
.rd-tbl { border-collapse: collapse; width: 100%; }
.rd-tbl tr { border-bottom: 1px solid #ddd;}
.rd-tbl tr th { font-weight: 600; color: #fff; letter-spacing: -.03em; line-height: 1em; padding: 18px 5px; background: #0872ba; border-right: 1px solid #ddd;}
.rd-tbl tr th:last-child { border-right: none;}
.rd-tbl tr th.bd { border-right: 1px solid #ddd;}
.rd-tbl tr td { font-weight: 400; color: #454545; letter-spacing: -.03em; line-height: 1.6em; padding: 15px 5px; border-right: 1px solid #ddd; font-size: 15px; text-align: center; word-break: break-all;}
.rd-tbl-wrap.mg tr td { font-size: 16px;}
.rd-tbl tr td:last-child { border-right: none;}
.rd-tbl tr td.fw { text-align: center; font-size: 16px; font-weight: 600; letter-spacing: -.03em; color: #242424; background: #fafafa;}
.rd-tbl tr td.tl { text-align: left; padding-left: 20px;}
.rd-tbl tr td.fx { display: flex; flex-wrap: wrap;}
.rd-tbl tr td.bd { border-right: 1px solid #ddd;}
.rd-tbl tr td.fx span { display: inline-block; width: 50%; padding-left: 25px; position: relative; font-weight: 500; color: #242424; margin-bottom: 3px;}
.rd-tbl tr td.fx span::before { content: ""; position: absolute; left: 0; width: 17px; height: 17px; background-size: contain; background: url(../images/sub/chk.png) center no-repeat; top: 4px;}
.rd-tbl tr td.fx span.wt { width: 100%; }
.rd-tbl tr td p { position: relative; padding-left: 10px;}
.rd-tbl tr td p::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #0872ba; top: 10px;}

/* sub2 공통 */
.sub2-imgbox { text-align: center; margin-top: 30px; }

/* 리더십 역량 */
.id-listbox { position: relative; }
.id-listbox.mg { margin-top: 50px;}
.id-listbox .title { font-size: 20px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #242424; text-align: center; position: absolute; left: 0; right: 0; margin: auto; top: 55%; transform: translateY(-50%);}
.id-listbox .title span { font-weight: 700;}
.id-listbox.mg .title { top: 50%;}
.ld-list { display: flex; justify-content: center; gap: 15px; position: relative; background: url(../images/sub/sub2-2-down.png) center 20% no-repeat; background-size: 100% 378px;}
.ld-list::after { content: ""; position: absolute; }
.ld-list li:nth-child(2){ margin-left: -40px;}
.ld-list li:last-child{ margin-left: -40px;}
.ld-list .circle { width: 270px; height: 270px; border-radius: 100%; padding-top: 95px; text-align: center; color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); margin: 0 auto 110px;}
.ld-list .circle .tit { font-size: 24px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 22px;}
.ld-list .circle .txt { line-height: 1.5em; letter-spacing: -.03em; font-weight: 400; }
.ld-list .titbox { padding: 14px 5px; color: #fff; text-align: center; border-radius: 10px; font-size: 18px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; width: 85%; margin: 0 auto 10px;}
.ld-list .txtbox { border: 1px solid #ddd; border-radius: 10px; padding: 15px 20px; height: 140px; width: 85%; margin: auto; background: #fff;}
.id-listbox.mg .txtbox { height: 220px; padding: 22px 0 25px 20px;}
.ld-list .txtbox strong { color: #242424; font-weight: 700; letter-spacing: -.03em; line-height: 1.666em; margin-bottom: 16px; display: block; }
.ld-list .txtbox p { position: relative; padding-left: 10px; font-weight: 400; letter-spacing: -.04em; line-height: 1.666em; color: #454545;}
.ld-list .txtbox p::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #454545; top: 9px;}
.ld-list li.clr1 .circle { background: #7aca1d;}
.ld-list li.clr2 .circle { background: #00ccdb;}
.ld-list li.clr3 .circle { background: #0872ba;}
.ld-list li.clr1 .titbox { background: #7aca1d;}
.ld-list li.clr2 .titbox { background: #00ccdb;}
.ld-list li.clr3 .titbox { background: #0872ba;}
.id-box { text-align: center;}
.id-box h4 { display: inline-block; width: 500px; height: 60px; margin: 0 auto 25px; color: #fff; display: flex; align-items: center; justify-content: center ; font-size: 24px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; border-radius: 10px; background: #0872ba;}
.id-box p { font-size: 18px; font-weight: 400; line-height: 1.6em; letter-spacing: -.03em; color: #454545;}
.id-box p span { font-weight: 600; color: #1b7dbf;}
.id-txtbox { position: relative; margin-top: 25px; padding-top: 110px;}
.id-txtbox>img { position: absolute; left: 0; top: 0; z-index: -1;}
.id-bd { background: #fafafa; border: 1px dashed #ddd; display: flex; padding: 60px; align-items: center; gap: 50px; justify-content: center; border-radius: 20px;}
.id-inbox { width: 40%; background: #fff; border-radius: 20px; border: 1px dashed #1b7dbf; text-align: center; padding: 35px 5px;}
.id-inbox .tit { font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-bottom: 18px;}
.id-inbox .txt { font-weight: 400; line-height: 1.5em; letter-spacing: -.03em; color: #454545;}
.id-list2 { background: none;}
.id-list2 .circle { margin-bottom: 0; padding-top: 75px;}

/* 서비스 역량 */
.sv-box { display: flex; align-items: center;}
.sv-right { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 60px;}
.sv-right .tit { font-size: 36px; font-weight: 300; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-bottom: 30px;}
.sv-right .tit span { font-weight: 700;}
.sv-right .txt { line-height: 1.5em; font-size: 20px; font-weight: 400; letter-spacing: -.03em; color: #242424; margin-bottom: 30px;}
.sv-right .txt span { font-weight: 600; }
.sv-right .txt2 { font-size: 24px; font-weight: 400; letter-spacing: -.03em; line-height: 1.3em; color: #242424;}
.sv-right .txt2 span { font-weight: 600; }
.sv-right .txt2 .clr { color: #0872ba;} 

/* 업무스킬 역량 */
.sk-bd { text-align: center; border: 1px solid #ddd; border-radius: 20px; padding: 50px 10px;}
.sk-bd h3 { line-height: 1.5em; font-weight: 300; letter-spacing: -.03em; color: #242424; font-size: 32px; margin-bottom: 30px;}
.sk-bd h3 span { font-weight: 700; }
.sk-bd p { display: block; margin-top: 25px; font-weight: 400; letter-spacing: -.03em; line-height: 1.3em; color: #454545;}
.sk-bd h4 { font-size: 28px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #242424; font-family:'score'; }
.sk-bd h4 span { font-weight: 600; }
.sk-bd p.hl-lh { line-height: 1.5em; margin-bottom: 20px;}

/* 협업소통 역량 */
.cm-box { text-align: center;}
.cm-box .subtit { display: block; line-height: 1.6em;}
.cm-box .subtit::after { display: none;}
.cm-box h4 { font-family:'score'; line-height: 1.6em; font-size: 18px; font-weight: 500; letter-spacing: -.03em; color: #242424; margin-bottom: 10px;}
.cm-box h4 span { font-weight: 600;}
.cm-box h3 { font-family:'score'; line-height: 1.3em; font-size: 24px; font-weight: 600; letter-spacing: -.03em; color: #242424; }
.cm-box h3 span { color: #0872ba;}
.cm-af { display: inline-block; margin: 35px 0;}
.cm-list { display: flex; margin-top: 35px; gap: 30px; flex-wrap: wrap;}
.cm-list li { width: calc(100%/3 - 20px); text-align: left; }
.cm-list li img { border-radius: 20px; width: 100%;}
.cm-list li .txtbox { padding-top: 30px; padding-left: 20px;}
.cm-list li .txtbox .num { font-size: 16px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; margin-bottom: 10px; font-family: "Play", sans-serif; color: #0872ba;}
.cm-list li .txtbox .tit { font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-bottom: 25px;}
.cm-list li .txtbox p { position: relative; font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.556em; color: #454545; padding-left: 10px; }
.cm-list li .txtbox p::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #0872ba; top: 9px;}
.cm-sec2-box { position: relative; margin: 35px 0 0; background: url(../images/sub/sub2-2-down.png) center no-repeat; background-size: 100% 378px; padding-bottom: 80px;}
.cm-sec2-list { display: flex; flex-wrap: wrap; gap: 32px;}
.cm-sec2-list li { width: calc(100%/2 - 16px); background: #fff; border: 1px solid #ddd; border-radius: 20px; padding: 35px 28px;}
.cm-sec2-list li .tit { font-size: 20px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; }
.cm-sec2-list li .cm-img1{ margin-top: 30px;}
.cm-sec2-list li .cm-img2{ margin-top: 50px;}
.cm-sec2-box h3 { font-size: 20px; font-weight: 400; letter-spacing: -.03em; line-height: 1.8em; color: #242424; margin-top: 33px; text-align: center;}
.cm-sec2-box h3 span { font-size: 24px; font-weight: 700; }
.cm-spanbox { margin-top: 25px; }
.cm-tblbox h3 { font-size: 32px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; margin: 60px 0; color: #242424; text-align: center;font-family:'score';}
.cm-tblbox h3 span { font-weight: 600; font-size: 36px;}
.cm-iconlist { margin-left: 14%; display: flex;  margin-bottom: -8px; z-index: -1; position: relative;}
.cm-iconlist li { width: calc(100%/4); text-align: center;}
.cm-bd { border: 1px solid #ddd; border-radius: 20px; margin-top: 50px; padding: 35px 30px; background: #fff; position: relative; text-align: center;}
.cm-bd h4 { font-size: 20px; font-weight: 600; line-height: 1.2em; letter-spacing: -.03em; color: #242424; position: absolute; left: 30px; top: 35px;}
.cm-bdfx {display: flex; justify-content: center; gap: 60px; margin-top: 70px; flex-wrap: wrap;}
.cm-sec2-box2 { background-position: center 82%; padding-bottom: 100px;}
.cm-bd-mg { margin-top: 50px;}
.cm-sec2-box3 { background-position: center 94%; padding-bottom: 100px;}

/* 힐링/마음경영 */
.hl-box h4 { font-size: 20px; }
.hl-box h4 span { color: #0872ba;}
.hl-box h3 { font-size: 36px; }
.hl-imglist { display: flex; flex-wrap: wrap; gap: 10px; border-radius: 20px; overflow: hidden; margin-bottom: 45px;}
.hl-imglist li { width: calc(100%/2 - 5px); }
.hl-imglist li img { width: 100%;}
.hl-imglist2 { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 30px;}
.hl-imglist2 li { width: calc(100%/2 - 15px);  border-radius: 20px; overflow: hidden;}
.hl-imglist2 li img { width: 100%;}
.hl-txtlist li { display: flex; margin-bottom: 15px; justify-content: center;}
.hl-txtlist li:last-child { margin-bottom: 0;}
.hl-txtlist li .tit { width: 180px; font-size: 18px; font-weight: 400; letter-spacing: -.03em; line-height: 1.5em; color: #454545; text-align: left;}
.hl-txtlist li .tit span { font-size: 16px; color: #ababab;}
.hl-txtlist li .graph { flex: 1 1 auto; min-width: 0; width: 1%; }
.hl-txtlist li.active .tit { font-weight: 700; color: #0872ba;}
.hl-list { display: flex; flex-wrap: wrap;}
.hl-list li { width: calc(100%/2); height: 172px; position: relative; padding: 40px 0;}
.hl-list li:first-child { background: url(../images/sub/sub3-4-listbg1.png) center no-repeat; background-size: contain; text-align: left; padding-left: 55px;}
.hl-list li:first-child .num { color: #73d601; right: 70px;}
.hl-list li:last-child .num { color: #0873bb; left: 70px;}
.hl-list li:last-child { background: url(../images/sub/sub3-4-listbg2.png) center no-repeat; background-size: contain; text-align: right; padding-right: 55px;}
.hl-list li .tit { font-size: 24px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 15px; color: #242424;}
.hl-list li .txt { font-weight: 400; letter-spacing: -.03em; line-height: 1.5em; color: #454545;}
.hl-list li .num { font-size: 40px; font-weight: 700; line-height: 1em; position: absolute; letter-spacing: -.03em; bottom: 45px;}
.hl-box .cm-list { margin-top: 0;}

/* 취,창업캠프 */
.cp-list { display: flex; gap: 10px; margin-top: 35px; flex-wrap: wrap; margin-bottom: 20px;}
.cp-list li {width: calc(100%/3 - 7px); border-radius: 20px; overflow: hidden;}
.cp-list li img { width: 100%;}
.cp-tip { border: 1px solid #ddd; border-radius: 20px; display: flex; padding: 35px 30px;}
.cp-tip h4 { font-size: 20px; font-weight: 700; line-height: 1.4em; letter-spacing: -.03em; color: #0872ba; padding-left: 33px; position: relative;}
.cp-tip h4::before { content: ""; position: absolute; left: 0; width: 23px; height: 25px; background-size: contain; background: url(../images/sub/light.png) center no-repeat; }
.cp-tip p { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 40px; }
.gray-txt { line-height: 1.666em; letter-spacing: -.03em; font-weight: 300; color: #898989; }

/* sub4 공통 */
.tabbox strong { display: block; font-size: 14px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; color: #0872ba; font-family: "Play", sans-serif; margin-bottom: 10px;}
.tabbox h3 { font-size: 20px; font-weight: 700; line-height: 1.2em; letter-spacing: -.03em; color: #242424; margin-bottom: 27px;}
.tab-imgbox { border-radius: 20px; overflow: hidden; margin-bottom: 40px;}
.tab-imgbox img { width: 100%;}
.tab-bd { border-radius: 20px; padding: 35px 30px; border: 1px solid #ddd; display: flex; margin-bottom: 60px;}
.tab-bd .tit { font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1.4em; color: #0872ba; position: relative; padding-left: 34px;}
.tab-bd .tit::before { content: ""; position: absolute; left: 0; width: 24px; height: 24px; background-size: contain; background: url(../images/sub/puzzle.png) center no-repeat; top: -1px; }
.tab-bd .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 40px; }
.tab-bd .txtbox p { color: #454545; position: relative; font-weight: 400; letter-spacing: -.03em; line-height: 1.666em; padding-left: 20px;}
.tab-bd .txtbox p::before { content: ""; position: absolute; left: 0; width: 12px; height: 12px; background: url(../images/sub/sub4-1-chk.png) center no-repeat; background-size: contain; top: 6px;}
.tab-bd2 { border-radius: 20px; border: 1px solid #ddd; padding: 45px 60px 25px; position: relative; }
.tab-bd2 .tit { display: inline-block; position: absolute; font-size: 16px; font-weight: 700; letter-spacing: -.03em; line-height: 1.3em; color: #fff; padding: 12px 30px 10px; border-radius: 22px; background: #e46c0a; left: 30px; top: -22px;}
.tab-bd2 .tit.bg1 { background: #4bacc6;}
.tab-bd2 p { font-weight: 400; letter-spacing: -.03em; line-height: 1.666em; color: #454545;}
.sub4-listbox {text-align: center; }
.sub4-list { display: flex; }
.sub4-list li { width: 250px; height: 250px; border-radius: 100%; display: flex; align-items: center; color: #fff; justify-content: center;}
.sub4-list li.bg1 { background: rgba(122,202,29,0.9);}
.sub4-list li.bg2 { background: rgba(1, 204, 219,0.9); margin-left: -25px;}
.sub4-list li.bg3 { background: rgba(8, 114, 187,0.9); margin-left: -25px;}
.sub4-list li .point { font-size: 16px; line-height: 1em; font-weight: 400; font-family: "Play", sans-serif; text-shadow: 3px 3px 5px rgba(0,0,0,0.15); margin-bottom: 18px;}
.sub4-list li .point span { font-size: 24px; font-weight: 700;}
.sub4-list li .txt { line-height: 1.5em; letter-spacing: -.03em; font-size: 18px; font-weight: 400; text-shadow: 3px 3px 5px rgba(0,0,0,0.15);}

/* 한마음 체육대회 */
.fv-box { margin-bottom: 40px; }
.fv-box:last-child { margin-bottom: 0; }
.fv-box h3 { font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; color: #242424; margin-bottom: 18px; }
.fv-list { display: flex; flex-wrap: wrap; gap: 12px;}
.fv-list li { width: calc(100%/4 - 9px); text-align: center; border-radius: 10px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; padding: 13px 5px 12px;}
.fv-list.bd1 li { border: 1px solid #68ab1b; color: #68ab1b;}
.fv-list.bd2 li { border: 1px solid #1ad1df; color: #1ad1df;}
.fv-list.bd3 li { border: 1px solid #0872bb; color: #0872bb;}
.fv-list2 { display: flex; gap: 21px; flex-wrap: wrap; margin: 30px 0 60px;}
.fv-list2 li { width: calc(100%/3 - 14px); border: 1px solid #ddd; border-radius: 20px; overflow: hidden;}
.fv-list2 li .tit { line-height: 1.2em; font-weight: 700; text-align: center; border-radius: 20px 0 20px 0; width: 80%; padding: 13px 0 12px; text-shadow: 3px 3px 5px rgba(0,0,0,0.15); letter-spacing: -.03em; color: #fff;}
.fv-list2 li .tit span { font-family: "Play", sans-serif;}
.fv-list2 li.bg1 .tit { background: #87cf33;}
.fv-list2 li.bg2 .tit { background: #1ad1df;}
.fv-list2 li.bg3 .tit { background: #0872bb;}
.fv-list2 li .txtbox { padding: 20px; position: relative;}
.fv-list2 li .txtbox p { font-weight: 400; line-height: 1.666em; letter-spacing: -.03em; color: #454545;}
.fv-list2 li .txtbox p span { display: inline-block; padding-left: 10px;}
.fv-bd { background: #fafafa;}
.fv-bd .tit { background: #333;}
.fv-list3 { margin-bottom: 0;}
.fv-list3 li { position: relative;}
.fv-list3 li .txtbox { padding-bottom: 70px;}
.fv-list3 li strong { position: absolute; right: 20px; bottom: 20px; font-size: 14px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; display: block;}