@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.pr40 {padding-right:40px !important;}
.pr15 {padding-right:15px !important;}
.pad100 {padding:120px 0;}
.pad100.first {padding-top:0;}
.pad100.last {padding-bottom:0;}

.sec-tit {font-size:var(--font-size-46); text-align:center; color:#333; line-height:1.3em; font-weight:700;}
.sec-tit.wh {color:#fff;}

.doc-btn {width:180px; height:55px; padding:0 30px; font-size:var(--font-size-18); border:2px /*solid #ddd;*/solid #fff; justify-content:space-between; align-items:center; display:flex; font-weight:500; border-radius:5px;}
.doc-btn i {width:9px; height:14px; background-image:url('../images/bbs/doc-btn-ar1.png'); display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.doc-btn.ty-bk i {background-image:url('../images/bbs/doc-btn-ar2.png');}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

/* 아동양육시설 후원 */
.sponsoring-child1 {position:relative;}
.sponsoring-child1:after {position:absolute; content:''; top:39%; bottom:0; left:0; right:0; z-index:-1; background-color:#f4fbff;}
.sponsoring-child1 .top {color:#333; font-weight:500; letter-spacing:-.03em; line-height:1.3em; font-size:var(--font-size-40); text-align:center;}
.sponsoring-child1 .top strong {color:var(--color-fifth);}

.sponsoring-child2 {position:relative;}
.sponsoring-child2:after {position:absolute; content:''; top:35%; bottom:0; left:0; right:0; z-index:-1; background-color:#fbf7eb;}

.sponsoring-child3 {position:relative;}
.sponsoring-child3:after {position:absolute; content:''; top:29%; bottom:0; left:0; right:0; z-index:-1; background-color:#fff7f0;}

.application-for .flex {display:flex;}
.application-for .col-l {width:270px; font-size:var(--font-size-46); font-weight:700; color:#000; letter-spacing:-.03em;}
.application-for .col-r {flex:1; display:flex; margin:0 -50px;}
.application-for .gr {margin:0 50px; width:33.3333%; border-top:1px solid #006b57;}
.application-for .gr .tit {padding:50px 0 25px; font-size:var(--font-size-26); font-weight:700; color:#333; line-height:1.2em;}
.application-for .gr p {font-size:var(--font-size-18); line-height:1.7em; letter-spacing:-.03em;}

.apply-btn {min-width:300px; padding:0 20px; height:80px; line-height:78px; font-size:var(--font-size-24); text-align:center; font-weight:700; border-radius:10px; display:inline-block; overflow:visible; position:relative; margin:0; background-color:#006b57; color:#fff; border:1px solid #006b57; text-decoration:none !important; white-space:nowrap; cursor:pointer;}
.apply-btn i {width:20px; height:13px; margin:-5px 17px 0 0; vertical-align:middle; background-image:url('../images/sub/apply-btn.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}

.howto-proceed ol {display:flex; text-align:center; justify-content:center;}
.howto-proceed ol li {padding:0 70px; font-size:var(--font-size-18);}
.howto-proceed ol li .num {margin:10px 0; line-height:1.3em; color:#eb624b; font-weight:900; letter-spacing:-.03em;}
.howto-proceed ol li p {line-height:1.7em;}

.count-text {font-size:var(--font-size-46); font-weight:500; color:#333; letter-spacing:-.03em; line-height:1.4em; text-align:center;}
.count-text span,
.count-text strong {font-weight:800; color:var(--color-secondary);}

.scholarship ul {display:flex; margin:0 -50px;}
.scholarship ul li {padding:0 50px; width:33.3333%;}
.scholarship .top {margin-bottom:35px; display:flex; align-items:center;}
.scholarship .top .txt {padding-left:20px; font-size:var(--font-size-22); flex:1; line-height:1.36em; font-weight:700; color:#333;}
.scholarship li p {font-size:var(--font-size-18); line-height:1.7em;}

.scholarship2 {background-color:#ebf2fb; max-width:1720px; margin:0 auto;}
.scholarship2 ol {padding:0 65px;}
.scholarship2 ol li {font-size:var(--font-size-30); line-height:1.5em; display:flex;}
.scholarship2 ol li .num {color:var(--color-fourth); font-weight:700;}
.scholarship2 ol li p {padding-left:12px; flex:1;}

.scholarship2 .flex {display:flex; text-align:center;}
.scholarship2 .flex .item {width:50%;}
.scholarship2 .flex .bg {height:400px; text-align:center; align-items:center; justify-content:center; flex-direction:column; color:#fff; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; display:flex;}
.scholarship2 .flex .bg1 {background-image:url('../images/sub/scholarship-bg1.jpg');}
.scholarship2 .flex .bg2 {background-image:url('../images/sub/scholarship-bg2.jpg');}
.scholarship2 .txt {font-size:var(--font-size-30); line-height:1.34em; font-family:"Nanum Myeongjo", serif; font-weight:700;}
.scholarship2 a {min-width:220px; background-color:unset; color:#fff; text-align:left;}

.supporters-goods1 .top {font-size:var(--font-size-36); text-align:center; font-weight:500; color:#333;}
.supporters-goods1 ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px; text-align:center;}
.supporters-goods1 ul li .box {height:150px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #ddd}
.supporters-goods1 ul li {padding:0 15px; margin-bottom:var(--margin-b-30); font-size:var(--font-size-18); width:25%; color:#555;}
.supporters-goods1 ul li strong {font-size:var(--font-size-28); color:#333; display:block;}

.num-list li {margin-bottom:5px; font-size:var(--font-size-18); display:flex;}
.num-list li:last-child {margin-bottom:0 !important;}
.num-list li .num {font-weight:800;}
.num-list li .num.c1 {color:var(--color-fifth);}
.num-list li .num.c2 {color:#512a14;}

.num-list.ty2 li {margin-bottom:15px; font-size:var(--font-size-30);}
.num-list li .num.c3 {color:var(--color-primary);}
.num-list li p {padding-left:12px; flex:1; color:#555;}

.precautions {display:flex;}
.precautions .col-l {width:220px; line-height:1.2em; font-size:var(--font-size-46); color:#000; letter-spacing:-.03em; font-weight:700;}
.precautions .col-r {flex:1;}

.sponsoring-youth1 .flex {display:flex; align-items:center;}
.sponsoring-youth1 .flex .col-l {margin-right:100px;}
.sponsoring-youth1 .flex .col-r {line-height:1.18em; color:#333; font-weight:500; font-size:var(--font-size-34); flex:1;}
.sponsoring-youth1 .flex .col-r strong {color:var(--color-fifth);}

/* 소개 - 52패밀리 - 원페이지 */
.one-page-nav.fixed {position:fixed; top:100px; left:0; right:0; width:100%; background-color:#fff; z-index:100;}

.one-sec1 .sec-tit {font-weight:500;}
.one-sec1 .bot {background-color:#f1ffeb; text-align:center;}
.one-sec1 .bot .tit {font-weight:500; font-size:var(--font-size-40); color:#242424; line-height:1.5em;}
.one-sec1 .bot span {padding:0 15px; color:var(--color-fifth); vertical-align:bottom; line-height:0; font-family:'GmarketSans'; font-size:var(--font-size-80);}
.one-sec1 .bot p {font-size:var(--font-size-24); line-height:1.5em; font-weight:600; color:#333;}
.one-sec1 .bot p strong {font-weight:800;}
.one-sec1 .video video {width:100%;}

.ci-wrap {background-color:#f1ffeb;}
.ci-wrap .inner {padding:80px 0 230px 180px; max-width:1270px; background-color:#fff; margin-left:auto; position:relative;}
.ci-wrap .inner:before {width:227px; height:225px; left:-113px; top:30px; background-image:url('../images/sub/ci.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.ci-wrap .inner p {font-size:var(--font-size-24); line-height:1.5em; color:#333;}
.ci-wrap .inner strong {font-size:var(--font-size-28);}

.history {background-repeat:no-repeat; background-position:100% 50%; background-image:url('../images/sub/historybg.png');}
.history .group {padding-bottom:35px; position:relative;}
.history .group:last-child {padding-bottom:120px;}
.history .group:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; background:#ccc;}
.history .group h4 {line-height:40px; margin-bottom:20px; font-size:var(--font-size-40); z-index:2; color:var(--color-fifth); position:relative;}
.history .group h4:before {width:40px; height:40px; border:11px solid #006b57; content:""; position:absolute; top:0; background:#fff; border-radius:100%;}
.history .group ul li {font-size:var(--font-size-18); line-height:1.6em; position:relative; letter-spacing:-.03em; font-weight:500; color:#333;}
.history .group.odd {padding-left:50%;}
.history .group.odd h4, .history .group.odd ul {padding-left:60px;}
.history .group.odd h4:before {left:-20px;}
.history .group.even {padding-right:50%; text-align:right;}
.history .group.even h4,.history .group.even ul {padding-right:60px;}
.history .group.even h4:before {right:-20px;}

.bg-txt {max-width:1920px;	display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0 auto; background-size:cover; text-align:center; background-repeat:no-repeat; background-position:50% 50%; color:#fff;}
.bg-txt.bg1 {height:500px; background-image:url('../images/sub/bg-txt-bg1.jpg');}
.bg-txt.bg2 {height:520px; background-image:url('../images/sub/bg-txt-bg2.jpg');}
.bg-txt .tit {font-size:var(--font-size-46); font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.bg-txt .txt1 {font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.5em;}
.bg-txt .txt2 {font-size:var(--font-size-20); font-weight:500; letter-spacing:-.03em; line-height:1.5em;}

.financial-report ul {border:1px solid #ddd; border-bottom:0;}
.financial-report ul li {border-bottom:1px solid #ddd;}
.financial-report .tit {color:#000; font-size:var(--font-size-30); font-weight:600; line-height:1.5em;}
.financial-report .tit a {height:120px; padding:0 70px; position:relative; display:flex; align-items:center; text-decoration:none !important; transition:none;}
.financial-report li {position:relative;}
.financial-report li .tit a:after {content:""; position:absolute; right:50px; top:50px; display:inline-block;}
.financial-report .layer .tit a:after {width:14px; height:14px; border-right:2px solid #aaa; border-bottom:2px solid #aaa; transform:rotate(45deg);}
.financial-report .layer .in-tit {font-size:var(--font-size-30); font-weight:700; color:#000; letter-spacing:-.03em; line-height:1.4em;}
.financial-report .layer .gr {display:flex; align-items:flex-start;}
.financial-report .layer .col-l {padding-bottom:6px; border-bottom:2px solid #006b57; font-size:var(--font-size-24); font-weight:700; color:#242424;}
.financial-report .layer .col-r {display:flex; flex:1; align-items:flex-start;}
.financial-report .layer .item {font-size:var(--font-size-20); color:#555; font-weight:500; width:25%; text-align:center;}
.financial-report .layer .item .ico {margin-bottom:var(--margin-b-30);}
.financial-report .cnt {display:none; position:relative;}
.financial-report .cnt1 {padding:55px 75px;}
.financial-report li.active .tit {font-size:var(--font-size-40); border-bottom:1px solid #ddd;}
.financial-report li.active .tit a {height:154px;}
.financial-report li.active .tit a:after {transform:rotate(-135deg); margin-top:25px; border-color:#555;}
.financial-report li.active:last-child .tit {border-bottom:0;}
.financial-report .link .tit a:after {width:29px; height:25px; background-image:url('../images/sub/report-ico.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}

.root_daum_roughmap {width:100% !important;}
.map {position:relative; margin-bottom:var(--margin-b-150);}
.map .addr {bottom:-130px; left:-40px; max-width:750px; height:460px; padding:40px 75px; position:absolute; z-index:-1; display:flex; flex-direction:column; justify-content:flex-end; background-color:#006b57; color:#fff;}
.map .addr dl {display:flex; font-size:var(--font-size-20);}
.map .addr dt {margin-right:15px; font-weight:700;}
.map .addr dd {flex:1;}

/* 함께하는 사람들 */
.people-withus1 p {font-size:var(--font-size-24); color:#555; font-weight:700; line-height:1.25em; text-align:center;}

.people-withus2 {background-color:#eaf4f7;}
.people-withus2 .flex {display:flex;}
.people-withus2 .col-l {padding-top:30px; flex:1;}
.people-withus2 .col-l .sec-tit {text-align:left;}
.people-withus2 .col-l p {margin-top:15px; font-size:var(--font-size-26); font-weight:500; color:#333; letter-spacing:-.03em; line-height:1.5em;}

.sec-tit2 {font-size:var(--font-size-24); font-weight:500; color:#555; letter-spacing:-.03em; line-height:1.25em;}
.sec-tit2.center {text-align:center;}

.takecare-list ul {margin:0 -25px; display:flex; flex-wrap:wrap;}
.takecare-list ul li {padding:0 40px 40px; width:50%;}
.takecare-list ul li .box {padding:1px 50px 0 0; background-color:#f5f5f5; display:block;}
.takecare-list ul li .image {margin:-35px 0 0 -35px;}
.takecare-list ul li .thumb {position:relative; padding-bottom:75%; overflow:hidden;}
.takecare-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.takecare-list ul li .cnt {padding:40px 40px 35px 75px;}
.takecare-list ul li .title {font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.takecare-list ul li p {font-size:var(--font-size-20); margin-top:20px; line-height:1.4em; letter-spacing:-.03em; line-height:1.4em;}

.img-after {position:relative; z-index:10;}
.img-after.bar:before {position:absolute; content:''; top:-100px; left:50%; width:1px; height:150px; background-color:#0f5e4e;}
.img-after:after {position:absolute; content:''; z-index:-1;}
.img-after.at1:after {width:700px; height:600px; left:-22px; bottom:-60px; background-color:#916c4c;}
.img-after.at2:after {width:600px; height:600px; right:0; bottom:-30px; background-color:#464c52;}
.img-after.at3:after {width:430px; height:380px; right:-30px; top:-30px; background-color:#168aad;}
.img-after.at4:after {width:590px; height:380px; left:-90px; bottom:-20px; background-color:#168aad;}
.img-after.at5:after {width:400px; height:600px; left:-160px; bottom:-30px; background-color:#34a0a4;}
.img-after.at6:after {height:350px; left:-50px; right:-50px; bottom:-50px; background-color:#006b57;}
.img-after.at7:after {width:785px; height:400px; right:-85px; bottom:-30px; background-color:#006b57;}
.img-after.at8:after {width:750px; height:620px; left:-50px; bottom:-50px; background-color:#1e6091;}
.img-after.mb1 {margin-bottom:280px;}
.img-after.mb2 {margin-bottom:180px;}

.cooperative {display:flex; justify-content:center;}
.cooperative .item a {width:450px; height:150px; border-radius:20px; box-shadow:1px 3px 10px rgba(0,0,0,.15); align-items:center; justify-content:center; display:flex;}

.companion p {font-size:var(--font-size-42); color:var(--color-fifth); letter-spacing:-.03em; line-height:1.3em; font-weight:700; text-align:center;}
.companion p img {margin:-2px 30px 0 0; vertical-align:middle;}

.companion2 {background-color:#d2e8f5;}
.companion2 ol {margin:0 -20px; display:flex; flex-wrap:wrap;}
.companion2 li {padding:0 20px 40px; width:50%;}
.companion2 .box {padding:0 35px; background-color:#fff;}
.companion2 .flex {height:180px; display:flex; align-items:center; background-color:#fff;}
.companion2 .txt {padding-bottom:40px; font-size:var(--font-size-20); line-height:1.5em; letter-spacing:-.03em;}
.companion2 .cnt {margin-left:35px; font-weight:700;}
.companion2 .cnt .num {color:#168aad;}
.companion2 .cnt p {font-size:var(--font-size-28); line-height:1.6em; color:#333;}

.beautiful-comp {margin:0 -27px; display:flex;}
.beautiful-comp .gr {padding:0 27px; width:33.33333%; text-align:center;}
.beautiful-comp .gr a {box-shadow:1px 3px 10px rgba(0,0,0,.15); border-radius:20px; display:block;}
.beautiful-comp .gr .logo {height:180px; display:flex;align-items:center; justify-content:center; border-bottom:1px solid #ddd;}
.beautiful-comp .gr .view {height:70px; font-size:var(--font-size-20); font-weight:555; display:flex; justify-content:center; align-items:center;}
.beautiful-comp .gr .view i {width:17px; height:16px; margin-right:10px; background-image:url('../images/sub/beautiful-comp-arr.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}

.beautiful-comp-pop .top {height:160px; margin-bottom:55px; border-bottom:1px solid #ddd; display:flex; align-items:center;}
.beautiful-comp-pop .cnt {font-size:var(--font-size-20); font-weight:700; color:#000; letter-spacing:-.03em;}
.beautiful-comp-pop .cnt strong {padding:0 10px 0 50px; font-size:var(--font-size-46); display:inline-block; line-height:1.3em;}
.beautiful-comp-pop .pad {padding:0 85px;}
.beautiful-comp-pop .content {font-size:var(--font-size-20);}
.beautiful-comp-pop .content li {padding-left:20px; margin-bottom:12px; line-height:1.5em; position:relative; display:flex;}
.beautiful-comp-pop .content li:last-child {margin-bottom:0;}
.beautiful-comp-pop .content li:before {font-size:24px; position:absolute; content:'·'; left:0; color:#000;}
.beautiful-comp-pop .content li strong {color:#333;}
.beautiful-comp-pop .content li p {flex:1;}
.beautiful-comp-pop .buttons {margin:0;}
.beautiful-comp-pop .btn-pack {background-color:#fff;}

.modal {padding:0; max-width:1200px; min-height:600px; box-shadow:none; border-radius:30px;}
.layer_popup {display:none; width:100%; position:relative; z-index:100 !important;}

/* 바로 후원하기 */
.sponsoring {margin:0 -30px; display:flex; text-align:center; justify-content:center;}
.sponsoring li {padding:0 30px; width:50%;}
.sponsoring li .item {height:300px; border-radius:20px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #ddd;}
.sponsoring a {width:160px; height:40px; border:1px solid #ddd; color:#333; border-radius:30px; font-weight:500; display:flex; align-items:center; justify-content:center;}
.sponsoring a i {width:16px; height:11px; margin-right:10px; background-image:url('../images/sub/btn-arr.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}

/* 신청하기 */
.apply-complete {text-align:center;}
.apply-complete .bg {height:625px; align-items:center; justify-content:center; flex-direction:column; display:flex; background-image:url('../images/sub/apply-complete.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.apply-complete .bg strong {line-height:1.1em; font-size:var(--font-size-54); color:var(--color-fifth);}
.apply-complete .bg p {margin-top:17px; font-size:var(--font-size-24);}
.apply-complete .txt p {font-size:var(--font-size-20);}
.apply-complete .txt a {height:55px; min-width:220px; justify-content:center; font-size:var(--font-size-18); align-items:center; font-weight:700; display:inline-flex; background-color:#ffc200; color:#fff; border-radius:10px;}
.apply-complete .txt a i {width:27px; height:25px; margin:3px 10px 0 0; vertical-align:middle; background-image:url('../images/sub/kakao.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}

.step-list {padding:100px 0;}
.step-list ol {display:flex; justify-content:center;}
.step-list ol li {padding:45px 50px 0; font-size:var(--font-size-24); font-weight:900; color:var(--color-fifth); opacity:.3; position:relative;}
.step-list ol li:before {width:32px; height:32px; left:50%; transform:translateX(-50%); background-color:#fff; border-radius:100%; position:absolute; content:''; top:0; border:8px solid #0f5e4e;}
.step-list ol li:after {position:absolute; content:''; top:16px; right:0; left:0; z-index:-1; background-color:#bdd6de; height:2px;}
.step-list ol li:first-child:after {left:50%;}
.step-list ol li:last-child:after {right:50%;}
.step-list ol li.active {opacity:1;}
.step-list ol li.active:after {opacity:.3;}

.step-tit {padding-bottom:8px;}
.step-tit .title {padding:0 15px; font-size:var(--font-size-24); font-weight:700; color:#333; letter-spacing:-.03em;}

.apply-tit {font-size:var(--font-size-24); line-height:1.5em; font-weight:600; color:#333; letter-spacing:-.03em; text-align:center;}
.apply-tit.left {text-align:left;}

.border-point {position:relative; border-bottom:4px solid #eaf4f7;}
.border-point:after {bottom:-4px; height:4px; width:14.28%;position:absolute; content:''; left:0; background-color:#0f5e4e;}
.border-point.ty2 {padding-bottom:40px;}
.border-point.left {text-align:left;}
.border-point.no-after:after {display:none;}

.tb-1 table {font-size:var(--font-size-18); line-height:1.33em; border-collapse:collapse; width:100%;}
.tb-1 table th {padding:28px 10px; color:#333; letter-spacing:0; text-align:center;}
.tb-1 table td {padding:28px 30px; color:#555; line-height:1.5em;}
.tb-1 table th, .tb-1 table td {border-bottom:1px solid #ddd;}

.apply-chk {font-size:var(--font-size-18); color:#555; letter-spacing:0; text-align:center;}

.tableflex-notb {border-top:4px solid #eaf4f7; border-bottom:1px solid #ddd; font-size:var(--font-size-18); color:#333; letter-spacing:0;}
.tableflex-notb .group {border-bottom:1px solid #ddd; display:flex;}
.tableflex-notb .group:last-child {border-bottom:0;}
.tableflex-notb .bg {background-color:#eaf4f7;}
.tableflex-notb .left {padding-top:30px; width:200px; text-align:center; font-weight:700;}
.tableflex-notb .right {flex:1;}
.tableflex-notb .all-wide {padding:20px;}

.chk-btn .text {font-size:var(--font-size-24); text-align:center; color:#555; font-weight:700; line-height:1.4em;}

.chk-before li {padding-left:18px; position:relative; font-size:var(--font-size-18); color:#555;}
.chk-before li:before {width:14px; height:14px; left:0; top:7px; background-image:url('../images/sub/chk-before.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.chk-before.flex {display:flex;}
.chk-before.flex li {margin-right:25px;}
.chk-before.flex li:last-child {margin-right:0;}

.formwrap-area {display:flex; flex-wrap:wrap;}
.formwrap-area .wrap {padding:6px 0; width:50%; display:flex; align-items:center;}
.formwrap-area .wrap.pad {padding:13px 0; }
.formwrap-area .wrap.widauto {width:auto;}
.formwrap-area .wrap.wide {width:100%;}
.formwrap-area .wrap p {width:220px; text-align:center; font-weight:700; color:#333;}
.formwrap-area .col-r {flex:1;}
.formwrap-area .col-r textarea {background-color:#fff; line-height:0;}
.formwrap-area .input {border-radius:5px;}
.formwrap-area.ty2 .wrap p {min-width:100px; padding:0 20px; width:auto;}
.formwrap-area.ty2 .wrap.widauto {width:auto; flex:1 auto;}

.formwrap-area.bgc {padding:12px 10px; background-color:#f2f2f2; align-items:center;}
.formwrap-area.bgc .wrap p {min-width:0;}

.tableflex-notb.no-border {border-bottom:0;}
.tableflex-notb p {font-weight:700; color:#333;}
.tableflex-notb .input {border-radius:5px;}

.apply-tb table {border-top:4px solid #eaf4f7; border-bottom:1px solid #ddd; font-size:var(--font-size-18); color:#333; letter-spacing:0; border-collapse:collapse; width:100%;}
.apply-tb table th {padding-top:30px; text-align:center; vertical-align:top; background-color:#eaf4f7;}
.apply-tb table td {padding:10px 0; border-bottom:1px solid #ddd;}

.add-formtb {margin:20px 0; display:flex; align-items:center;}
.add-formtb p {flex:1;}

.dott-list .dott {padding-left:15px; font-size:var(--font-size-18); line-height:1.5em; color:#555; position:relative;}
.dott-list .dott:before {font-size:var(--font-size-24); position:absolute; content:'·'; left:0;}

.point-tit {margin-top:45px; font-size:var(--font-size-50); line-height:1.2em; color:var(--color-fifth); text-align:center; font-weight:800;}
.point-tit b {display:block; line-height:1em; font-family:'GmarketSans';}
.point-tit b.top {line-height:0;}
.point-tit b.bot {padding-top:10px;}
.point-tit.ty2 {color:#000;}

.recruitment {display:flex; align-items:center; position:relative; z-index:10;}
.recruitment .box {height:560px; min-width:920px; padding:0 75px; display:flex; flex-direction:column; order:2; color:#fff; background-color:#006b57; justify-content:center;}
.recruitment .box li {padding-left:10px; text-indent:-10px; font-size:var(--font-size-18);}
.recruitment .col .tit {font-size:var(--font-size-36); font-weight:700; letter-spacing:-.03em;}
.recruitment .apply-btn {color:#006b57; background-color:#fff; border-color:#fff;}
.recruitment .txt {font-size:var(--font-size-46); line-height:1.2em; font-weight:800; color:var(--color-fifth); flex:1; position:relative;}
.recruitment .txt:after {position:absolute; content:''; bottom:-130px; left:0; right:0; background-color:#006b57; height:1px;}
.recruitment .txt b {font-size:160px; display:block; line-height:0; font-family:'GmarketSans';}
.recruitment .btns a {width:50%; max-width:calc(50% - 10px); margin-right:15px !important;}
.recruitment .btns a:last-child {margin-right:0 !important;}

.recruitment-bg {position:relative;}
.recruitment-bg:before {width:434px; height:408px; right:0; bottom:-100px; background-image:url('../images/sub/recruitment-bg1.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.recruitment-bg:after {z-index:-1; top:30%; position:absolute; content:''; bottom:-100px; left:0; right:0; background-color:#f1ffeb; z-index:-1;}

.recruitment-bg.ty2:before {width:349px; height:327px; background-image:url('../images/sub/recruitment-bg2.png');}
.recruitment-bg.ty2:after {top:24%; background-color:#fdf9fc;}
.recruitment.ty2 .box {background-color:#f19693;}
.recruitment.ty2 .txt {font-size:var(--font-size-36); color:#000; font-weight:400;}
.recruitment.ty2 .txt:after {background-color:#ff7463;}
.recruitment.ty2 .txt b {color:#ff7463;}
.recruitment.ty2 .apply-btn {color:#f19693;}

.recruitment-bg.ty3:before {width:400px; height:299px; background-image:url('../images/sub/recruitment-bg3.png');}
.recruitment-bg.ty3:after {top:24%; background-color:#ffdbde;}
.recruitment.ty3 .box {background-color:#9a0f19;} 
.recruitment.ty3 .txt {font-size:var(--font-size-50); color:#555; font-weight:500;}
.recruitment.ty3 .txt:after {background-color:#9a0f19;}
.recruitment.ty3 .txt strong {font-weight:800;}
.recruitment.ty3 .txt strong.c1 {color:#333;}
.recruitment.ty3 .txt strong.c2 {color:#eb624b;}
.recruitment.ty3 .apply-btn {color:#9a0f19;}

.family52 {text-align:center;}
.family52 p {font-size:var(--font-size-40); color:#333; font-weight:500; letter-spacing:-.03em; line-height:1.3em;}
.family52 p strong {color:#f7a399;}

.family52-party {background-color:#fefdf8;}
.family52-party ul {margin:0 -40px -130px; display:flex; flex-wrap:wrap;}
.family52-party ul li {padding:0 40px 130px; width:33.333%; display:flex; align-items:center;}
.family52-party .cnt {padding-left:30px; flex:1;}
.family52-party .cnt strong {font-size:var(--font-size-26); letter-spacing:-.03em; line-height:1.3em; display:block; color:#333;}
.family52-party .cnt p {margin-top:10px; line-height:1.5em; font-size:var(--font-size-18); color:#555;}

.day-pick {padding:15px 0; border-bottom:1px solid #ddd; display:flex;}
.day-pick .item {width:50%; font-size:var(--font-size-18); display:flex; align-items:center; letter-spacing:-.03em; line-height:1.3em; font-weight:700;}
.day-pick p {padding:0 30px;}
.day-pick .pad {padding:0 10px;}

.why-mentor {background-image:url('../images/sub/sponsoring-mentor2bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}

.necessary-field {margin-bottom:300px;}
.necessary-field ul {display:flex; flex-wrap:wrap; margin:0 -14px -85px;}
.necessary-field ul li {padding:0 14px; margin-bottom:85px; font-size:var(--font-size-26); letter-spacing:-.03em; line-height:1.3em; width:25%; color:#fff;}
.necessary-field ul li .box {padding:0 43px; min-height:280px; border-radius:20px; position:relative;}
.necessary-field ul li .ico {width:120px; height:120px; position:absolute; top:-35px; left:50px; align-items:center; justify-content:center; display:flex; border-radius:10px; background-color:#fff; box-shadow:1px 3px 10px rgba(0,0,0,.15);}
.necessary-field ul li strong {padding:105px 0 20px 45px; display:block;}

.necessary-field ul li:nth-child(1) .box {background-color:#4382dd;}
.necessary-field ul li:nth-child(2) .box {background-color:#41a7df;}
.necessary-field ul li:nth-child(3) .box {background-color:#829fdb;}
.necessary-field ul li:nth-child(4) .box {background-color:#9cb6dc;}
.necessary-field ul li:nth-child(5) .box {background-color:#7194c6;}
.necessary-field ul li:nth-child(6) .box {background-color:#627da3;}
.necessary-field ul li:nth-child(7) .box {background-color:#465469;}

.mentor-procedure {background-color:#e3ecff;}

.mentor-role {margin-bottom:130px; position:relative;}
.mentor-role:after {position:absolute; content:''; top:-350px; left:0; right:0; bottom:100px; background-color:#eaf4f7; z-index:-1;}
.mentor-role ul {display:flex; text-align:center;}
.mentor-role ul li {width:33.333%; color:#fff;}
.mentor-role ul li:nth-child(1) .box {background-color:#1e6091;}
.mentor-role ul li:nth-child(2) .box {background-color:#168aad;}
.mentor-role ul li:nth-child(3) .box {background-color:#34a0a4;}
.mentor-role .box {width:400px; height:400px; display:flex; border-radius:20px; flex-direction:column; align-items:center; justify-content:center;}
.mentor-role .box b {font-family:'GmarketSans'; line-height:0; letter-spacing:-.03em; font-size:var(--font-size-36);}
.mentor-role .box p {margin:15px 0 40px; line-height:1.5em; font-size:var(--font-size-24); font-weight:600;}

.proceed {background-color:#34a0a4; text-align:center;}
.proceed .top {color:#fff;}
.proceed .tit {font-size:var(--font-size-46); line-height:1.4em; font-weight:700;}
.proceed .top p {font-size:var(--font-size-18); line-height:1.3em;}
.proceed .wrap {padding-top:85px; background-color:#fff;}
.proceed ul {display:flex;}
.proceed ul li {width:33.3333%;}
.proceed ul li strong {margin:25px 0 10px; display:block; font-size:var(--font-size-26); color:#333; letter-spacing:-.03em; line-height:1.3em;}
.proceed ul li p {font-size:var(--font-size-18);}

.procedure2-wrap {background-color:#ebfbf8; text-align:center;}

.christmas-presents2 {padding-bottom:150px; position:relative;}
.christmas-presents2:after {position:absolute; content:''; left:0; right:0; bottom:0; top:150px; background-color:#ffdbde; z-index:-1;}

.bg-apply {padding:55px 0; background-color:#eaf4f7; border-radius:20px;}
.bg-apply .flex {display:flex; justify-content:center;}
.bg-apply .flex .col-l {font-size:var(--font-size-30); line-height:1.3em; font-weight:700; letter-spacing:-.03em; color:#333;}
.bg-apply .flex .col-r {margin-left:40px;}
.bg-apply .flex .col-r li {font-size:var(--font-size-20); line-height:1.5em; letter-spacing:-.03em; color:#555;}

.x-max-info {padding:0 45px;}
.x-max-info .tt {font-size:var(--font-size-20); font-weight:700; color:#333;}
.x-max-info p {margin:10px 0 30px; font-size:var(--font-size-18);}
.x-max-info ul li {font-size:var(--font-size-18); line-height:1.44em;}
.x-max-info ul li ul {margin-top:5px; padding-left:20px;}

.bg-in-flex {display:block !important;}
.bg-in-flex .inner {margin-top:15px; padding:20px; border-radius:10px; display:flex; align-items:center; background-color:#f2f2f2;}
.bg-in-flex .wr {display:flex; align-items:center; flex:1;}
.bg-in-flex .wr.last {justify-content:flex-end;}
.bg-in-flex .wr.flex-auto {flex:auto;}
.bg-in-flex .wr p {min-width:auto !important;}

.map-addr {margin:35px 0; padding:75px 0; background-color:#eaf4f7; text-align:center;}
.map-addr .inner {max-width:456px; margin:0 auto; position:relative;}
.map-addr .list a {line-height:40px; padding:0 6px; position:absolute; font-size:var(--font-size-24); font-weight:700; border:1px solid #aaa; background-color:#fff; border-radius:8px; min-width:70px; color:#333; display:inline-block;}
.map-addr .list a:hover {background-color:#17977f; color:#fff; border-color:#17977f;}
.map-addr .list a.incheon {left:-20px; top:65px;}
.map-addr .list a.gangwon {left:200px; top:65px;}
.map-addr .list a.seoul {left:90px; top:95px;}
.map-addr .list a.gyeonggi {left:80px; top:145px;}
.map-addr .list a.chungcheong {left:73px; top:210px;}
.map-addr .list a.daejeon {left:60px; top:280px;}
.map-addr .list a.gyeongbuk {right:130px; bottom:290px;}
.map-addr .list a.busan {right:26px; bottom:245px;}
.map-addr .list a.gyeongnam {right:195px; bottom:210px;}
.map-addr .list a.jeonbuk {left:-5px; bottom:210px;}
.map-addr .list a.jeonnam {left:40px; bottom:140px;}
.map-addr .list a.jeju {left:20px; bottom:20px;}

.fac-list table {font-size:var(--font-size-18); width:100%; border-collapse:collapse; border-spacing:0;}
.fac-list table thead th {height:60px; padding:9px 5px; color:#333; font-weight:700; line-height:1.5em; border-bottom:1px solid #ddd;}
.fac-list table tbody td {height:60px; padding:9px 5px; color:#505050; font-weight:400; line-height:1.5em; text-align:center; border-bottom:1px solid #ddd;}
.fac-list .btn-map {font-size:var(--font-size-18); min-width:120px; background-color:#0f5e4e; border-radius:7px; color:#fff; font-weight:700;}
.fac-list .btn-map.ty2 {background-color:#555;}

.sponsoring-list {margin-bottom:var(--margin-b-100);}
.sponsoring-list .group {margin-bottom:var(--margin-b-80); font-size:var(--font-size-26);}
.sponsoring-list .group:last-child {margin-bottom:0 !important;}
.sponsoring-list .group .title {}
.sponsoring-list .group .title h2 {margin-bottom:10px; text-align:left; color:#000; font-weight:700;}
.sponsoring-list .group .title p {}

.sponsoring-list .acc {line-height:1.3em; margin-bottom:var(--margin-b-30); color:#006b57; font-weight:700;}
.sponsoring-list .link-list {gap:0 10px; margin-top:var(--margin-b-30); display:flex;}
.sponsoring-list .link-list a {width:50%; font-weight:700; display:flex; align-items:center; justify-content:center; height:80px; border-radius:10px; color:#fff; background-color:#006b57; text-align:center;}
.sponsoring-list .link-list a img {margin:-2px 10px 0 0; vertical-align:middle;}

.sponsoring-used {padding:65px 95px 80px; background-color:#f3fffd;}
.sponsoring-used .title {margin-bottom:var(--margin-b-50);}
.sponsoring-used .items {gap:0 40px; display:flex;}
.sponsoring-used .item {width:50%; padding:40px 50px; background-color:#fff; border:1px solid #ddd; border-radius:20px;}
.sponsoring-used .tit {margin-bottom:var(--margin-b-30); font-size:var(--font-size-24); font-weight:700; color:#333;}
.sponsoring-used ul {gap:30px 0; display:flex; flex-wrap:wrap;}
.sponsoring-used ul li {text-align:center; width:50%;}
.sponsoring-used ul li .ico {margin-bottom:var(--margin-b-30);}

.emozip1 {color:#333; text-align:center;}

.emozip1 .tit {font-size:var(--font-size-42); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.emozip1 p {font-size:var(--font-size-34); font-weight:500; letter-spacing:-.03em; line-height:1.35em;}
.emozip1 .c1 {color:#ba9d86;}
.emozip1 .c2 {color:#364578;}

.emozip2 {text-align:center;}
.emozip2 .tit {font-size:var(--font-size-46); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#000;}
.emozip2 .img-list {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.emozip2 .img-list .img {padding:0 10px 20px;}

.emozip3 {padding:0 190px; display:flex; flex-wrap:wrap; margin:0 -80px;}
.emozip3-item {padding:0 80px 50px; width:33.3333%;}
.emozip3-item .title {padding:12px 15px; margin-bottom:20px; background-color:#c9e1ec; font-size:var(--font-size-26); border-radius:30px; font-weight:700; color:#333; position:relative;}
.emozip3-item .title:before {left:12px; background-color:#324977;}
.emozip3-item .title:after {right:12px; background-color:#fff;}
.emozip3-item .title:before,
.emozip3-item .title:after {width:16px; height:16px; top:50%; transform:translateY(-50%); position:absolute; content:''; border-radius:100%;}
.emozip3-item p {font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.6em;}

.emozip4 {text-align:center;}
.emozip4 .tit {font-size:var(--font-size-46); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#000;}
.emozip4 p {font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.5em; color:#555;}

.emozip4-list {gap:25px; display:flex; text-align:center;}
.emozip4-item {width:25%; height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:#c9e1ec; border-radius:10px;}
.emozip4-item .tt {font-size:var(--font-size-26); margin-top:25px; font-weight:700; color:#333; letter-spacing:-.03em; line-height:1.3em;}
.emozip4-item p {font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.5em; color:#555;}

.emozip5 {margin-bottom:230px; position:relative;}
.emozip5:before {width:411px; height:373px; right:0; bottom:-131px; background-image:url('../images/sub/emozip5-bg.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.emozip5:after {z-index:-1; top:30%; position:absolute; content:''; bottom:-100px; left:0; right:0; background-color:#c9e1ec; z-index:-1;}
.emozip5 .recruitment {align-items:flex-end;}
.emozip5 .recruitment .txt:after {display:none;}
.emozip5 .recruitment .box {background-color:#324977;}
.emozip5 .recruitment .apply-btn {height:100px; line-height:98px; color:#324977; font-size:var(--font-size-30);}

.recent-video {gap:var(--margin-b-50); display:flex; margin-bottom:var(--margin-b-100);}
.recent-video .video {flex:1 61%; flex-shrink:0;}
.recent-video .cont {padding-top:var(--margin-b-50);}
.recent-video .tit {font-size:var(--font-size-24); margin-bottom:var(--margin-b-30); font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.4em;}
.recent-video p {line-height:1.6em;}