@charset "utf-8";

/* ***** sub layout ***** */
#container{padding-top:84px;}
#contents{min-height:500px;}

.sub-top{position:relative;height:262px;color:#fff;text-align:center;box-sizing:border-box;overflow:hidden;}
.sub-top .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;animation:subVisual 5s 0s both;}
.sub-top h3{margin-bottom:20px;padding-top:60px;font-weight:400;font-family: 'yg-jalnan';font-size:40px;line-height:1.2em;}
.sub-top .location-area,
.sub-top .location{display:flex;justify-content:center;align-items:center;}
.sub-top .location li{display:block;position:relative;padding:0 12px;color:#fff;line-height:37px;}
.sub-top .location li + li:before{display:block;content:'';position:absolute;left:-4px;top:15px;width:9px;height:9px;background:url('/member/images/ico_bar.png') no-repeat center;}
.sub-top .location li.home a{display:block;width:32px;height:32px;text-indent:-9999px;background:url('/member/images/icon_Home.svg') no-repeat center / 20px auto;}
.sub-top .border{margin:0 10px;flex-shrink:0;width:40px;border:1px solid rgba(255,255,255,0.25);}
.sub-top .btn-print{display:block;width:32px;height:32px;text-indent:-9999px;background:rgba(255,255,255,0.3) url('/member/images/icon_printer.svg') no-repeat center / 16px auto;border-radius:50%;}
.sub-top .tab-menu{display:block;position:absolute;bottom:0;left:0;right:0;height:58px;background:rgba(45,59,95,0.9);z-index:2;}
.sub-top .tab-menu ul{display:flex;justify-content:center;align-items:center;margin:0 auto;width:1500px;}
.sub-top .tab-menu ul li{flex:1;height:58px;}
.sub-top .tab-menu ul li a{display:flex;justify-content:center;align-items:center;height:100%;font-size:20px;color:#fff;}
.sub-top .tab-menu ul li.active a{font-weight:600;color:#242424;background:#fff;}

@keyframes subVisual{
	from{transform:scale(1.2);}
	to{transform:scale(1);}
}

#contents{padding:80px 0 185px;}

/* ***** sub common ***** */
.h4-title{margin-bottom:25px;font-weight:800;font-size:31px;color:#242424;line-height:1.4em;letter-spacing:-0.5px;}
.h5-title{position:relative;margin:28px 0 15px;font-weight:700;font-size:26px;color:#242424;line-height:1.3em;letter-spacing:-0.07em;}
.h5-title.mt0{margin-top:0 !important;}
.h6-title{margin:25px 0 12px;font-weight:600;font-size:21px;color:#383838;line-height:1.3em;letter-spacing:-0.07em;}
.h4-content{margin-bottom:70px;}
.h5-content{margin-bottom:55px;}
.h5-content.pdl{padding-left:33px;}
.h4-content.btm,
.h5-content.btm{margin-bottom:0 !important;}
.h4-content p,
.h5-content p{margin:10px 0;line-height:1.4em;}

.info-box{display:flex;align-items:center;margin-bottom:40px;padding:30px;border:1px dotted #ee6724;box-sizing:border-box;}
.info-box p{font-size:20px;line-height:1.4em;}

.tab-link{display:flex;margin-bottom:50px;border-bottom:2px solid #ee6724;}
.tab-link li{flex:1;background:#f5f5f5;border:1px solid #dcdcdc;border-bottom:none;border-radius:10px 10px 0 0;}
.tab-link li + li{margin-left:-1px;}
.tab-link li a{display:flex;justify-content:center;align-items:center;width:100%;height:58px;font-size:19px;color:#383838;text-align:center;box-sizing:border-box;}
.tab-link li.active{position:relative;background:#fff;border:2px solid #ee6724;border-bottom:none;}
.tab-link li.active:after{display:block;content:'';position:absolute;left:0;right:0;bottom:-3px;height:4px;border-bottom:4px solid #fff;}
.tab-link li.active a{font-weight:700;color:#ee6724;}
.tab-link li + li.active{border-left:1px solid #ee6724;}
.tab-link.rows2 li a{height:78px;}

.btn-area{margin:60px 0;text-align:center;}
.btn-area:after{display:block;content:'';clear:both;}
.btn-area.btm{margin-bottom:0;}
.btn-area.left{text-align:left;}
.btn-area.right{text-align:right;}
.btn-area .left{float:left;}
.btn-area .right{float:right;}
.btn{display:inline-flex;justify-content:center;align-items:center;margin:2px;padding:10px 30px;min-width:160px;min-height:62px;line-height:1em;font-weight:600;font-size:19px;color:#fff;text-align:center;vertical-align:middle;background:#5b5b5b;border:1px solid #5b5b5b;border-radius:7px;box-sizing:border-box;}
.btn.small{padding:10px 15px;min-width:inherit;min-height:42px;font-size:17px;}
.btn.wide{min-width:300px;}

.btn.orange{background-color:#ee6724;border-color:#ee6724;}/* 보육 */
.btn.green{background-color:#95a11f;border-color:#95a11f;}/* 양육 */
.btn.red{background-color:#e58b57;border-color:#e58b57;}
.btn.yellow{background-color:#d8a315;border-color:#d8a315;}
.btn.blue{background-color:#51bab4;border-color:#51bab4;}
.btn.purple{background-color:#9574dd;border-color:#9574dd;}
.btn.navy{background-color:#39466a;border-color:#39466a;}/* 통합로그인 */
.btn.gray{background-color:#898c91;border-color:#898c91;}
.btn.sky{background-color:#4fb9dc;border-color:#4fb9dc;}

.btn.inline{padding:2px 15px;min-width:80px;min-height:46px;font-size:17px;color:#fff;background:#5b5b5b;border-color:#5b5b5b;}
.btn.inline.orange{background-color:#ee6724;border-color:#ee6724;}
.btn.inline.green{background-color:#95a11f;border-color:#95a11f;}
.btn.inline.red{background-color:#e58b57;border-color:#e58b57;}
.btn.inline.yellow{background-color:#d8a315;border-color:#d8a315;}
.btn.inline.blue{background-color:#51bab4;border-color:#51bab4;}
.btn.inline.navy{background-color:#39466a;border-color:#39466a;}
.btn.inline.purple{background-color:#9574dd;border-color:#9574dd;}
.btn.inline.gray{background-color:#898c91;border-color:#898c91;}
.btn.inline.sky{background-color:#4fb9dc;border-color:#4fb9dc;}

.btn.line{color:#5b5b5b;background-color:#fff !important;}
.btn.orange.line{color:#ee6724;}
.btn.green.line{color:#95a11f;}
.btn.red.line{color:#e58b57;}
.btn.yellow.line{color:#d8a315;}
.btn.blue.line{color:#51bab4;}
.btn.navy.line{color:#39466a;}
.btn.purple.line{color:#9574dd;}
.btn.gray.line{color:#898c91;}
.btn.sky.line{color:#4fb9dc;}

.category{display:inline-block;margin:2px;padding:2px 5px;min-width:50px;font-size:15px;color:#fff;line-height:1.2em;text-align:center;background:#5b5b5b;border:1px solid #5b5b5b;border-radius:5px;box-sizing:border-box;word-break:break-all;}
.category.type1{background-color:#d33131;border-color:#d33131;}/* 빨강 */
.category.type2{background-color:#e4681e;border-color:#e4681e;}/* 주황 */
.category.type3{background-color:#815b44;border-color:#815b44;}/* 갈색 */
.category.type4{background-color:#44a94b;border-color:#44a94b;}/* 초록 */
.category.type5{background-color:#97ad49;border-color:#97ad49;}/* 연두 */
.category.type6{background-color:#163090;border-color:#163090;}/* 남색 */
.category.type7{background-color:#51536b;border-color:#51536b;}/* 회색 */
.category.type8{background-color:#59a3b0;border-color:#59a3b0;}/* 하늘 */
.category.type9{background-color:#6648c7;border-color:#6648c7;}/* 보라 */

.category.line{color:#5b5b5b;background-color:#fff !important;}
.category.type1.line{color:#d33131;}
.category.type2.line{color:#e4681e;}
.category.type3.line{color:#815b44;}
.category.type4.line{color:#44a94b;}
.category.type5.line{color:#97ad49;}
.category.type6.line{color:#163090;}
.category.type7.line{color:#51536b;}
.category.type8.line{color:#59a3b0;}
.category.type9.line{color:#6648c7;}

/* ***** member ***** */
.table-desc{margin:15px 0;font-size:17px;}
.table-title{display:flex;align-items:flex-end;margin-bottom:28px;}
.table-title:after{display:block;content:'';clear:both;}
.table-title .h4-title{display:inline-block;margin-bottom:0;}
.table-title .table-desc{flex-shrink:0;margin:0 0 0 auto;}

.required{display:inline-block;margin:0 4px;font-weight:700;font-size:18px;color:#d20c0c;}
.table-form{margin-bottom:40px;border-top:2px solid #141414;}
.table-form th,
.table-form td{padding:10px 30px;height:65px;line-height:1.3em;border-bottom:1px solid #dcdcdc;text-align:left;box-sizing:border-box;}
.table-form th{padding:10px 10px 10px 30px;font-weight:700;color:#242424;background:#f5f5f5;}
.table-form thead th{text-align:center;}
.table-form .msg{font-size:17px;color:#686868;}
.table-form span.msg{display:inline-block;margin-left:20px;}
.table-form p.msg{margin:7px 0;}
.table-form p.msg.top{margin:0 0 7px;}
.table-form p.msg.btm{margin:7px 0 0;}
.table-form input[type='text'],
.table-form input[type='password'],
.table-form input[type='number'],
.table-form input[type='file'],
.table-form select,
.table-form textarea{margin:3px 1px;}
.table-form .btn.inline{margin:3px 4px;}
.table-form label + input{margin-left:35px;}
.table-form .list-con > li{margin-bottom:0;}
.table-form .join-title{font-weight:700;font-size:21px;color:#242424;background:#ededed;}
.table-form .inp-right{display:inline-block;margin-left:70px;}

.file-list li{padding-left:33px;line-height:1.5em;background:url('/care/images/sub/icon_file.svg') no-repeat left center / 21px auto;}
.file-list li + li{margin-top:5px;}
.file-list li a:hover{text-decoration:underline;}
.file-list li a:hover .file-down{border-color:#555;}

.file-down{display:inline-block;margin:0 10px;width:30px;height:30px;text-indent:-9999px;background:url('/edu/images/sub/icon_download.svg') no-repeat center / 15px auto;border:1px solid #dedede;transition-duration:0.1s;box-sizing:border-box;}
.file-down:hover{border-color:#555;}

.login-top{margin-bottom:45px;text-align:center;}
.login-top i{display:block;margin-bottom:35px;}
.login-top b{display:block;margin-bottom:10px;font-weight:500;font-size:32px;color:#242424;line-height:1.3em;}
.login-top p{font-size:20px;line-height:1.4em;}
.login-box{margin:50px 0;padding:65px 20px;text-align:center;background:#f5f5f5;border-radius:10px;}
.login-box .login{display:flex;gap:30px;position:relative;margin:0 auto;width:764px;}
.login-box .login ul{flex:1;border-top:1px solid #dedede;}
.login-box .login ul li{display:flex;align-items:center;height:57px;border-bottom:1px solid #dedede;box-sizing:border-box;overflow:hidden;}
.login-box .login ul li i{display:inline-flex;align-items:center;justify-content:center;width:60px;height:100%;text-align:center;background:#ededed;}
.login-box .login ul li input{margin:0;padding-left:20px;width:100%;height:100%;background:#fff;border:none;border-radius:0;}
.login-box .login ::-webkit-input-placeholder{font-size:18px;color:#868686;} 
.login :-ms-input-placeholder{font-size:18px;color:#868686;}
.login ::placeholder{font-size:18px;color:#868686;}
.login .btn-login{display:block;width:160px;height:115px;text-align:center;font-size:19px;color:#fff;background:#39466a;border-radius:7px;}
.login-btm{padding:0 85px;}
.login-btm ul{display:flex;}
.login-btm ul li{display:flex;justify-content:center;position:relative;flex:1;padding:0 10px;width:auto;}
.login-btm ul li + li:before{content:'';position:absolute;left:0;top:0;width:1px;height:89px;background:#ebebeb;}
.login-btm ul li a{display:block;color:#868686;line-height:1.4em;}
.login-btm ul li span{display:block;margin-bottom:14px;font-weight:700;font-size:20px;color:#242424;line-height:22px;}
.login-btm ul li span i{display:inline-block;margin-left:10px;width:28px;height:28px;background:url('/member/images/arrow_login.svg') no-repeat center / 10px auto;border-radius:50%;vertical-align:middle;border:1px solid #383838;border-radius:50%;box-sizing:border-box;transition-duration:0.3s;}
.login-btm ul li a:hover{font-weight:bold;}
.login-wrap + .btn-area{margin:70px 0 0;}

.join-step{margin-bottom:75px;text-align:center;}
.join-step ul li{display:inline-flex;align-items:center;position:relative;padding:0 38px;min-width:210px;height:74px;font-size:20px;box-sizing:border-box;}
.join-step ul li:before{display:block;content:'';position:absolute;left:-18px;top:36px;bottom:0;width:36px;height:1px;background:#dcdcdc;}
.join-step ul li:first-child:before{display:none;}
.join-step ul li i{display:inline-block;margin-right:18px;width:74px;height:74px;background:#ededed url('/member/images/img_joinstep01_off.svg') no-repeat center / auto 34px;border-radius:50%;}
.join-step ul li.step2 i{background-image:url('/member/images/img_joinstep02_off.svg');}
.join-step ul li.step3 i{background-image:url('/member/images/img_joinstep03_off.svg');background-size:auto 31px;}
.join-step ul li.active{font-weight:700;color:#51b7a2;}
.join-step ul li.active i{background-color:#51b7a2;background-image:url('/member/images/img_joinstep01_on.svg');}
.join-step ul li.step2.active i{background-image:url('/member/images/img_joinstep02_on.svg');}
.join-step ul li.step3.active i{background-image:url('/member/images/img_joinstep03_on.svg');}
.join-step + .find-result{margin-top:75px;}
.join-type p{margin-top:20px;font-weight:700;text-align:center;}
.join-type ul{display:flex;gap:16px;}
.join-type ul li{flex:1;box-sizing:border-box;}
.join-type ul li input,
.join-type ul li input:before{display:none;}
.join-type ul li input + label{display:flex;justify-content:center;align-items:center;margin:0;width:100%;height:96px;font-size:19px;color:#383838;background-color:#fff;border:1px solid #dcdcdc;border-radius:7px;box-sizing:border-box;cursor:pointer;}
.join-type ul li input + label span{display:inline-flex;align-items:center;padding-left:60px;min-height:50px;background:url('/member/images/ico_join1.svg') no-repeat left center / 37px auto;}
.join-type ul li.type2 input + label span{background-image:url('/member/images/ico_join2.svg');}
.join-type ul li.type3 input + label span{background-image:url('/member/images/ico_join3.svg');}
.join-type ul li.type4 input + label span{background-image:url('/member/images/ico_join4.svg');}
.join-type ul li input:checked + label{font-weight:700;color:#39466a;border:2px solid #39466a;}
.join-type p{font-weight:700;color:#242424;}

.agree-wrap{border:1px solid #dedede;border-radius:10px;overflow:hidden;}
.agree-con{padding:35px 45px;max-height:400px;line-height:1.4em;overflow-y:auto;box-sizing:border-box;}
.agree-con p{margin:0 0 20px;}
.agree-con .mt0{margin-top:0 !important;}
.agree-con .mb0{margin-bottom:0 !important;}
.agree-con .h4-title{font-size:26px;}
.agree-con .h5-title{margin:28px 0 10px;font-size:21px;color:#383838;}
.agree-con .h4-content{margin-bottom:30px;}
.agree-con .h5-content{margin-bottom:20px;}
.agree-con .list-con{margin:0 0 20px;}
.agree-con .list-con > li{margin-bottom:2px;}
.agree-con .title{display:block;margin-bottom:10px;font-weight:600;font-size:21px;}
.agree-table{position:relative;margin-bottom:23px;border-top:2px solid #242424;}
.agree-table:after{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}
.agree-table table th,
.agree-table table td{padding:10px;height:58px;font-size:17px;text-align:center;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;box-sizing:border-box;}
.agree-table table th{font-weight:600;}
.agree-check{padding:30px 10px;text-align:center;background:#f5f5f5;border-top:1px solid #dedede;}
.agree-check label{font-size:19px;color:#242424;}
.agree-check label + input{margin-left:100px;}
.agree-all{margin-bottom:30px;padding:40px 20px;text-align:center;background:#f5f5f5;border:2px solid #dedede;border-radius:10px;}
.agree-all label{font-weight:600;font-size:20px;color:#242424;}
.agree-all label span{font-weight:400;}
.agree-btm{margin-bottom:70px;font-weight:600;font-size:19px;color:#383838;text-align:center;line-height:1.4em;}
.h4-content + .agree-all{margin-top:-35px;}

#findCenter{display:none;background:#f5f5f5;}
#findCenter.active{display:table-row;}
#findCenter th{padding-top:25px;vertical-align:top;}
#findCenter td{padding-top:10px;padding-bottom:13px;}
.btn.inline.find-close{min-width:50px;text-indent:-9999px;background:#fff url('/member/images/icon_close.svg') no-repeat center / 17px auto;border-color:#51b7a2;border-radius:7px;}
#centerList{display:none;}
#centerList.active{display:block;}
#centerList ul{margin-top:7px;padding:8px 0;max-height:295px;background:#fff;border:1px solid #c7c7c7;border-radius:10px;box-sizing:border-box;overflow-y:auto;}
#centerList ul li a{display:flex;justify-content:space-between;padding:4px 0;line-height:1.4em;}
#centerList ul li b{display:block;padding:0 30px;font-weight:400;}
#centerList ul li span{display:block;width:190px;text-align:left;}
#centerList ul li a:hover{background:#e5f4f1;font-weight:600;color:#242424;}
.userInfo{margin:3px 0;}
.userInfo li{display:inline-block;margin-right:25px;}
.userInfo li span{display:inline-block;margin-right:10px;line-height:46px;}
.join-wrap .btn-area{margin:90px 0 0;}

.find-area{padding:65px 20px;background:#f5f5f5;border-radius:10px;}
.find-area p{margin-bottom:35px;font-weight:500;font-size:26px;color:#242424;line-height:1.4em;text-align:center;}
.find-area ul{margin:0 auto;width:570px;}
.find-area ul li{padding-left:85px;margin-bottom:6px;position:relative;}
.find-area ul li b{display:inline-flex;align-items:center;position:absolute;left:0;top:0;padding-left:12px;font-weight:700;font-size:20px;color:#242424;height:47px;}
.find-area ul li b:before{content:'';position:absolute;left:0;top:20px;width:4px;height:4px;background:#242424;border-radius:50%;}
.find-area li input{width:100%;}
.find-wrap .btn-area{margin:70px 0 0;}

.result-top{margin-bottom:40px;text-align:center;}
.result-top b{display:block;margin-bottom:10px;font-weight:500;font-size:32px;color:#242424;line-height:1.3em;}
.result-top p{font-size:20px;line-height:1.4em;}
.result-area{padding:50px 20px;text-align:center;background:#f5f5f5;border-radius:10px;line-height:1.3em;}
.result-area b{display:inline-flex;align-items:center;position:relative;padding-left:12px;font-weight:700;font-size:20px;color:#242424;height:47px;box-sizing:border-box;}
.result-area b:before{content:'';position:absolute;left:0;top:20px;width:4px;height:4px;background:#242424;border-radius:50%;}
.result-area i{font-weight:500;font-size:22px;}
.result-area span{display:inline-block;margin-left:15px;font-weight:700;font-size:21px;color:#d20c0c;}
.result-area .result{display:flex;justify-content:center;}
.result-area ul{text-align:left;}
.result-area + .btn-area{margin:70px 0 0;}
.result-btm{margin:40px 165px 10px;padding-top:40px;font-size:19px;color:#383838;text-align:center;border-top:1px solid #e9e9e9;}
.result-btm em{display:block;margin-bottom:12px;font-weight:700;font-size:21px;color:#242424;}
.result-btm p{margin-bottom:20px;font-size:19px;line-height:1.4em;}
.result-area + .result-btm{border-top:0;}

/* ***** responsive ***** */
.m-page{display:none;}

@media all and (min-width:1921px){
	#contents{min-height:600px;}
}