/* [s] 서브페이지 틀 */
/* sub-visual */
#sub-visual{position:relative;}
#sub-visual .svbg{width:100%;height:100%;position:absolute;right:0;bottom:0;overflow:hidden;}
#sub-visual .svbg:before{width:100%;height:100%;content:"";position:absolute;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover;animation:bgPosition .8s both;}
#sub-visual.sub-tit1 .svbg:before{background-image:url(../img/sv-bg01.png);background-position:50% 33%;}
#sub-visual.sub-tit2 .svbg:before{background-image:url(../img/sv-bg02.png);}
#sub-visual.sub-tit3 .svbg:before{background-image:url(../img/sv-bg03.png);background-position:50% 20%;}
#sub-visual.sub-tit4 .svbg:before{background-image:url(../img/sv-bg04.png);background-position:50% 25%;}
#sub-visual.sub-tit5 .svbg:before{background-image:url(../img/sv-bg05.png);}
#sub-visual .svbg:after{height:100%;content:"";position:absolute;top:0;left:0;background:#fff;animation:bg 1s .2s both;}
#sub-visual.sub-main .svbg:before{animation:bg-fadeIn .5s linear alternate both, bg-updown 10s linear alternate both infinite;}
#sub-visual.sub-main .svbg:after{animation:none;}
@keyframes bg-fadeIn {
  0% {opacity:0.2;}
  100% {opacity:1;}
} 
@keyframes bg-updown {
  0% {background-position-Y:50%;}
  100% {background-position-Y:25%;}
} 
.svtit{position:relative;padding:11rem 0 8rem;}
.svtit p{line-height:1.2;}
.svtit .tit{font-size:20px;font-weight:500;color:#555;}
.svtit .tit span{display:inline-block;animation:split .5s 0.2s both;}
.svtit .tit span.seq0{animation-delay:.1s;}
.svtit .tit span.seq1{animation-delay:.1s;}
.svtit .tit span.seq2{animation-delay:.2s;}
.svtit .tit span.seq3{animation-delay:.2s;}
.svtit .tit span.seq4{animation-delay:.3s;}
.svtit .tit span.seq5{animation-delay:.3s;}
.svtit .tit span.seq6{animation-delay:.4s;}
.svtit .tit span.seq7{animation-delay:.4s;}
.svtit .tit span.seq8{animation-delay:.5s;}
.svtit .tit span.seq9{animation-delay:.5s;}
.svtit .tit span.seq10{animation-delay:.6s;}
.svtit .tit span.seq11{animation-delay:.6s;}
.svtit .tit span.seq12{animation-delay:.7s;}
.svtit .tit span.seq13{animation-delay:.7s;}
.svtit .stit{margin:5px 0 20px;font-size:56px;font-weight:800;color:var(--main-color);letter-spacing:-.0875rem;margin-left:-3px;}
.svtit .stit span{display:inline-block;animation:zoomOut .6s .2s both;}
.svtit .txt{font-size:20px;color:#333;font-weight:300;letter-spacing:-.025rem;animation:zoomOut .6s .3s both;}
#location-wrap{width:100%;position:relative;animation:fadeUp .5s .4s forwards;margin-top:-70px;opacity:0;}
#location-wrap:before{width:calc(50% - 200px);height:70px;content:"";position:absolute;left:0;bottom:0;background:rgba(255,255,255,0.8);}
.location{width:600px;}
.location ul{display:flex;}
.location ul li{}
.location ul li:nth-child(n+2){position:relative;padding-left:35px;}
.location ul li:nth-child(n+2):before{content:"\f105";font-family:FontAwesome;position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:0.75rem;color:#999;}
.location ul li a{height:70px;line-height:70px;display:block;font-weight:500;position:relative;font-size:1.2rem;}
.location ul li a.ico-home{width:20px;background:url(../img/location_home.png) no-repeat center/100% auto;}
.location ul li:last-child a:after{width:100%;height:5px;content:"";position:absolute;top:0;left:0;background:var(--main-color);}
/*서브메인*/
.sub-main .svtit{padding:15rem 0 9rem;min-height:640px;}
.sub-main .svtit .stit{font-size:68px;}
.sub-main .svtit .tit,
.sub-main .svtit .txt{font-size:22px;}
.svtit .btn-wrap{margin:40px 0 0;animation:fadeIn 1.4s .3s both;}
.svtit .btn-wrap .btn-d.btn-lg{font-size:1.125rem;}
.svtit .btn-wrap .btn-d .fa-lightbulb{animation:bounceIn 1s both alternate infinite;}

@keyframes bgPosition{
	0%{transform:translateX(25%);}
	100%{transform:translateX(0);}
}
@keyframes bg{
	0%{width:100%;}
	100%{width: 0;}
}
@keyframes split{
	0%{
		opacity: 0;
		transform:scale(0.5);
	}
	50%{
		transform:scale(1.2);
	}
	100%{
		opacity: 1;
		transform:scale(1);
	}
}
@keyframes zoomOut{
	0%{
		opacity: 0;
		transform:scale(1.12);
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 1;
		transform:scale(1);
	}
}

@media only screen and (max-width:1800px){
}
@media only screen and (max-width:1600px){
	.svtit{padding:10rem 0 7rem;}
	.svtit .stit{font-size:3.2rem;}
	.svtit .tit,
	.svtit .txt,
	.location ul li a{font-size:1.125rem;}
	.location ul li a.ico-home{width:18px;}
	#location-wrap:before{width:50%;}
}
@media only screen and (max-width:1440px){
	.svtit .stit{font-size:2.875rem;margin:5px 0 15px;}
	.svtit .tit,
	.svtit .txt,
	.location ul li a{font-size:inherit;}
	
	/*공통*/
	h2{margin:2.5rem 0 1rem;}
}
@media only screen and (max-width:1240px){
	.svtit{padding:9rem 0 7rem;}
	.svtit .stit{font-size:2.5rem;}
}
@media only screen and (max-width:1023px){
	.svtit{padding:8.5rem 0 5rem;}
	#location-wrap:before{width:100%;height:50px;}
	.location ul li a{height:50px;line-height:50px;font-size:.925rem;}
	#location-wrap{margin-top:-50px;}
	.location ul li:last-child a:after{height:3px;}
}
@media only screen and (max-width:767px){
	.svtit{padding:7rem 0 3.5rem;}
	.svtit .tit{display:none;}
	.svtit .stit{font-size:1.7rem;margin:0 0 5px;}
	.svtit .txt{font-size:.925rem;}
	.location ul li:nth-child(n+2){padding-left:25px;}
	.location ul li:nth-child(n+2):before{left:9px;}
	
	#location-wrap:before{height:40px;}
	.location ul li a{height:40px;line-height:40px;font-size:.875rem;}
	#location-wrap{margin-top:-40px;}
	
	/*공통*/
	h2{margin:2rem 0 .5rem;}
}
@media only screen and (max-width:576px){
	.svtit{display:none;padding:4rem 0 3.5rem;}
	#location-wrap{margin:0;}
	.location ul li:last-child a:after{display:none;}
	#location-wrap:before{background:#F2F4F5;}
	.location ul li a.ico-home{width:15px;}
	.location ul li:nth-child(n+2){padding-left:18px;}
	.location ul li:nth-child(n+2):before{left:6px;font-size:.65rem;}
}
@media only screen and (max-width:415px){
	.location ul li a.ico-home{width:13px;}
	.location ul li a{font-size:.75rem;}
	
	/*공통*/
	h2{margin:1.5rem 0 .5rem;}
}

/* sub-container */
.sub-container{position:relative;padding:80px 0 140px;}
/*서브 콘텐츠 전반에 배경이 다른 경우*/
.sub-container .sub-bg{margin:-80px 0 -140px;padding:80px 0 140px;position:relative;}

/*서브비주얼 없음*/
.sub-container.sv-none{padding-top:150px;}
.sub-container.sv-none .sub-bg{margin-top:calc(-150px - 80px);padding-top:calc(150px + 80px);}

@media only screen and (max-width:1600px){
	.sub-container.sv-none{padding-top:128px;}
}
@media only screen and (max-width:1240px){
	.sub-container.sv-none{padding-top:110px;}
	.sub-container{padding:60px 0 120px;}
	.sub-container .sub-bg{margin:-60px 0 -120px;padding:60px 0 120px;}
	.sub-container.sv-none .sub-bg{margin:-60px 0 -120px;padding:60px 0 120px;}
	.sub-container.sv-none .sub-bg{margin-top:calc(-110px - 60px);padding-top:calc(110px + 60px);}
}
@media only screen and (max-width:767px){
	.sub-container.sv-none{padding-top:100px;}
	.sub-container{padding:40px 0 80px;}
	.sub-container .sub-bg{margin:-40px 0 -80px;padding:40px 0 80px;}
	.sub-container.sv-none .sub-bg{margin:-40px 0 -80px;padding:40px 0 80px;}
	.sub-container.sv-none .sub-bg{margin-top:calc(-80px - 40px);padding-top:calc(80px + 40px);}
}
@media only screen and (max-width:576px){
	.sub-container.sv-none{padding-top:0px;}
	.sub-container{padding:30px 0 60px;}
	.sub-container .sub-bg{margin:-30px 0 -60px;padding:30px 0 60px;}
	.sub-container.sv-none .sub-bg{margin:-30px 0 -60px;padding:30px 0 60px;}
	.sub-container.sv-none .sub-bg{margin-top:calc(-50px - 30px);padding-top:calc(50px + 30px);}
}

.sub-container.variant2 > .d_width,
.sub-container.variant3 > .d_width{display:flex;}
.sub-container.variant2 .c_width,
.sub-container.variant3 .c_width{width:100%;}
#snbmn [class*="ico"]{width:15px;display:block;position:relative;}
#snbmn [class*="ico"]:before,
#snbmn [class*="ico"]:after{width:15px;height:2px;content:"";position:absolute;left:50%;top:50%;background:var(--main-color);transition:0.3s;}
#snbmn [class*="ico"]:after{transform:translate(-50%,-50%);}
#snbmn .ico-plus:before,
#snbmn .ico-plus:after{background:#919191;}
#snbmn li:hover .ico-plus:before,
#snbmn li:hover .ico-plus:after{background:var(--main-color);}
#snbmn .ico-plus:before{transform:translate(-50%,-50%) rotate(90deg);}
#snbmn .ico-minus:before{display:none;}

/* .sub-container.v1 */
.variant1 .body-title{display:none;}
.variant1 #snb h2{display:none;}
.variant1 #snbmn{letter-spacing:-0.3px;}
.variant1 #snbmn [class*="ico"]{display:none;}
.variant1 #snbmn > ul > li > a.on{font-size:46px;color:#121314;font-weight:800;letter-spacing:-2px;display:inline-block;margin:0 0 20px;}
.variant1 #snbmn > ul > li > a.on:after{width:10px;height:10px;content:"";display:inline-block;vertical-align:top;background:var(--main-color);border-radius:50%;}
.variant1 #snbmn > ul > li > a:not(.on){display:none;}
.variant1 #snbmn ul li ul{display:flex;flex-wrap:wrap;margin:0 0 30px;}
.variant1 #snbmn ul li li{}
.variant1 #snbmn ul li li a{line-height:56px;display:block;font-size:21px;font-weight:700;letter-spacing:-1px;color:#121314;background:#F5F5F5;border-radius:28px;padding:0 40px;margin-bottom:10px;margin-right:10px;}
.variant1 #snbmn ul li li a.on{color:#fff;background:var(--main-color);}
.variant1 #snbmn ul li li a:not(.on):hover{color:#fff;background:var(--main-color);}
/* .sub-container.v2/v3 공통 */
.sub-container.variant2 #snb,
.sub-container.variant3 #snb{width:300px;flex-shrink:0;position:sticky;top:110px;height:100%;}
.sub-container.variant2 #sub-content,
.sub-container.variant3 #sub-content{width:1260px;}
.variant2 #snbmn > ul > li:hover > a,
.variant3 #snbmn > ul > li:hover > a{color:var(--main-color);}
.variant2 #snbmn > ul ul li a,
.variant3 #snbmn > ul ul li a{font-size:16px;color:#555;font-weight:300;padding:5px 0;}
.variant2 #snbmn > ul ul li a:after,
.variant3 #snbmn > ul ul li a:after{content:"\f068";font-size:14px;font-family:FontAwesome;color:#919191;display:block;}
.variant2 #snbmn > ul ul li:hover a,
.variant3 #snbmn > ul ul li:hover a{color:var(--dark-color);}
.variant2 #snbmn > ul ul li:hover a:after,
.variant3 #snbmn > ul ul li:hover a:after{color:var(--dark-color);}
.variant2 #snbmn > ul ul li a.on,
.variant3 #snbmn > ul ul li a.on{color:var(--main-color);font-weight:500;}
.variant2 #snbmn > ul ul li a.on:after,
.variant3 #snbmn > ul ul li a.on:after{content:"\f058";color:var(--main-color);font-weight:600;}
/* .sub-container.v2 */
.variant2:before{width:calc(50% - 500px);height:160px;content:"";position:absolute;top:60px;left:calc(50% + 500px);background:var(--dark-color);transition:all .1s;}
.variant2.sticky:before{width:0;}
.variant2 #snb{order:2;margin-top:-20px;margin-left:40px;}
.variant2 #snb h2{height:160px;display:flex;align-items:center;word-break:keep-all;font-size:32px;font-weight:800;color:#fff;padding:0 20px;margin:0;background:var(--dark-color);}
.variant2 #snbmn ul a{display:flex;justify-content:space-between;}
.variant2 #snbmn > ul{}
.variant2 #snbmn > ul > li{}
.variant2 #snbmn > ul > li > a{font-size:17px;font-weight:500;color:#121314;border-bottom:1px solid #DADADA;padding:15px;}
.variant2 #snbmn > ul > li > a.on{color:var(--main-color);font-weight:600;border-bottom:2px solid var(--dark-color);}
.variant2 #snbmn > ul ul{border-bottom:2px solid var(--dark-color);background:#F6F6F6;padding:17px;}
.variant2 #snbmn > ul ul li{}
.variant2 #snbmn > ul ul li a{}
.variant2 #snbmn > ul ul li a:after{}
.variant2 #snbmn > ul ul li a.on{}
.variant2 #snbmn > ul ul li a.on:after{}
@media only screen and (max-height:1080px){
	.sub-container.variant2 #snb,
	.sub-container.variant3 #snb{width:240px;flex-shrink:0;}
	.sub-container.variant2 #sub-content,
	.sub-container.variant3 #sub-content{width:1120px;}
	.variant2:before{width:calc(50% - 460px);left:calc(50% + 460px);}
}

/* .sub-container.v3 */
.variant3 #snb{margin-top:-20px;margin-right:40px;}
.variant3 #snb h2{display:none;}
.variant3 #snbmn ul a{display:flex;justify-content:space-between;}
.variant3 #snbmn > ul{}
.variant3 #snbmn > ul > li{margin-bottom:10px;}
.variant3 #snbmn > ul > li > a{line-height:50px;font-size:17px;color:#121314;border:1px solid #E2E2E2;padding:0 15px;margin-bottom:5px;}
.variant3 #snbmn > ul > li > a.on{color:var(--main-color);font-weight:600;border:2px solid var(--main-color);}
.variant3 #snbmn > ul ul{background:#F6F6F6;padding:17px;}
.variant3 #snbmn > ul ul li{}
.variant3 #snbmn > ul ul li a{}
.variant3 #snbmn > ul ul li a:after{}
.variant3 #snbmn > ul ul li a.on{}
.variant3 #snbmn > ul ul li a.on:after{}

/* .sub-container.v4 : 서브메인 또는 snb 없음*/
.sub-container.wide > .d_width{width:100%;}
.variant4 #snb,
.variant4 #sub-content > .body-title{display:none;}

/*상세페이지 서브비주얼 : .sub-detail*/
.sub-detail{padding-top:150px;/*헤더 높이*/background:#fff;z-index:11;}
.sub-detail.active:before{content:"";width:100%;height:calc(100% - 150px);background:#2E8BFC;opacity:.7;position:absolute;bottom:0;left:0;z-index:2;}
#sub-visual.sub-detail .svbg{height:calc(100% - 150px);}
#sub-visual.sub-detail .svbg:before{filter:brightness(.5);z-index:1;}
#sub-visual.sub-detail.sub-tit3 .svbg:before{background-position-y:45%;}
.sub-detail .svtit{padding:2rem 0;position:relative;z-index:2;}
.sub-detail .svtit .tit{color:#fff;font-size:2.375rem;}
.sub-detail .svtit .txt{color:#E1E1E1;font-size:.925rem;margin:10px 0 15px;}
.sub-detail .btn-wrap{justify-content:space-between;align-items:center;margin:0;}
.sub-detail .explore-btn:after{content:"\f078";font-family:fontAwesome;font-size:.8rem;margin-left:20px;vertical-align:middle;}
.sub-detail.active .explore-btn:after{content:"\f077";}
.sub-detail .explore-btn:hover{border-color:var(--main-color);color:var(--main-color);background:#fff !important;}
.sub-detail .explore-bx{width:100%;position:absolute;top:100%;left:0;background:#fff;padding:30px 0 50px;display:none;}
.sub-detail .explore-bx .d_width > ul{display:flex;flex-wrap:wrap;gap:20px;color:#121314;}
.sub-detail .explore-bx .d_width > ul > li{flex:1;}
.sub-detail .explore-bx .d_width > ul > li > a{display:block;color:var(--main-color);font-size:1.25rem;display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #E4E7EA;margin-bottom:10px;font-weight:500;}
.sub-detail .explore-bx .d_width > ul > li > a:after{content:"\f054";font-family:fontAwesome;font-size:.6rem;color:#7F7F7F;transition:all .3s;}
.sub-detail .explore-bx .d_width > ul > li > a:hover{color:var(--dark-color);border-color:var(--dark-color);font-weight:700;}
.sub-detail .explore-bx .d_width > ul > li > a:hover:after{color:var(--dark-color);}
.sub-detail .explore-bx .d_width > ul > li li a{display:block;padding:7px 0;word-break:keep-all;line-height:1.3;font-weight:300;}
.sub-detail .explore-bx .d_width > ul > li li a > span{background:linear-gradient(to bottom, transparent 97%, var(--main-color) 0) left center no-repeat;background-size:0;transition:all .3s;}
.sub-detail .explore-bx .d_width > ul > li li a:hover > span{background-size:100%;color:var(--main-color);}

/* sub-content */
.body-title{}
.body-title h1{font-size:46px;color:#121314;letter-spacing:-.0875rem;display:inline-block;margin-bottom:50px;}
.body-title h1:after{width:10px;height:10px;content:"";display:inline-block;vertical-align:top;background:var(--main-color);border-radius:50%;margin-left:5px;}
.body-content{position:relative;}

@media only screen and (max-width:1800px){
}
@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
	.sub-container.wide > .d_width{width:auto;}
	.sub-container.wide > .d_width{margin:0;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}

/* [e] 서브페이지 틀 */

/*[s] 로그인*/
#login-wrap.sub-bg{min-height:calc(100vh - 150px);background:#f5f5f5;}
#login-wrap .d_width{padding-top:80px;max-width:1240px;}
#login-wrap > .row{justify-content:space-between;}
#login-wrap > .row > .col-1{width:calc(100% - 600px);}
#login-wrap > .row > .col-2{width:560px;}
#login-wrap.parents{background:#EAF2FF;}
#login-wrap.teacher{background:#ECEEF2;}
#login-wrap .tit-wrap{text-align:center;height:100%;}
#login-wrap .tit-wrap .tit{font-family:Montserrat;font-weight:700;font-size:5.3rem;line-height:1;letter-spacing:-.1rem;margin:0 0 20px;}
#login-wrap .tit-wrap .txt{font-size:1.5rem;word-break:keep-all;}
#login-wrap .tit-wrap.parents{background:url(../img/login-img-parents.png) no-repeat 50% 100%;}
#login-wrap .tit-wrap.teacher{background:url(../img/login-img-teacher.png) no-repeat 50% 100%;}
#login-wrap .tit-wrap.parents .tit{color:var(--main-color);}
#login-wrap .tit-wrap.teacher .tit{color:#373F57;}
.login {background:#fff;padding:80px 120px;border-radius:1rem;}
.login .tab{font-size:1.5rem;justify-content:space-around;}
.login .tab a{padding:0 15px;color:#8491A7;border-bottom:4px solid #0000;}
.login .tab a.on{color:#121314;border-color:var(--main-color);}
.login .tab a:not(.on):hover,
.login .tab a:not(.on):focus{color:#333;}
.login .item{font-size:.925rem;color:#121314;font-weight:500;margin:0 0 3px;}
.login .inputbx{position:relative;margin-bottom:10px;}
.login .inputbx input{width:100%;height:55px;font-size:.925rem;border-radius:5px;border:1px solid #dadada;padding:0 20px;}
.login .inputbx input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;-webkit-text-fill-color: #000 !important;transition: background-color 5000s ease-in-out 0s; /* 깜빡임 방지 */}
.login .inputbx input::placeholder{color:#919191;}
.login .login-btn{margin:30px 0 10px;}
.login .link-wrap a{font-size:.925rem;color:#555;}
.login .link-wrap a:after{content:"";width:1px;height:10px;display:inline-block;margin:0 10px;background:#555;vertical-align:middle;}
.login .link-wrap a:last-child:after{display:none;}
.login .join-btn .txt{margin:45px 0 25px;color:#5C667B;text-align:center;position:relative;}
.login .join-btn .txt:before{content:"";width:100%;border-bottom:1px solid #5C667B;position:absolute;left:0;top:50%;}
.login .join-btn .txt span{background:#fff;display:inline-block;padding:0 10px;position:relative;}
.login .btn-d.btn-lg{line-height:55px;}
/*[e] 로그인*/
/*[s] 회원가입*/
#login-wrap.join .bnr-wrap{aspect-ratio:1/1.03125;min-height:600px;}
#login-wrap.join .bnr-wrap .thumb{height:100%;border-radius:1rem;}
.join-choice a{display:block;padding:50px;height:calc(50% - 10px);margin:0 0 20px;background:#fff;border:1px solid #dadada;border-radius:1rem;position:relative;}
.join-choice a:last-child{margin:0;}
.join-choice a .tit{font-size:2rem;font-weight:700;color:#121314;display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;transition:all .3s;}
.join-choice a .tit:after{content:"\f054";font-family:fontAwesome;font-size:1rem;color:#999;}
.join-choice a .txt{color:#919191;font-weight:300;}
.join-choice a:after{content:"";width:80px;height:80px;position:absolute;bottom:50px;right:40px;background-size:cover;transition:all .3s;}
.join-choice a.ico1:after{background-image:url(../img/ico-parents.png);}
.join-choice a.ico2:after{background-image:url(../img/ico-teacher.png);}
.join-choice a:hover,
.join-choice a:focus{background:var(--basic-color);}
.join-choice a:hover .tit,
.join-choice a:focus .tit,
.join-choice a:hover .tit:after,
.join-choice a:focus .tit:after,
.join-choice a:hover .txt,
.join-choice a:focus .txt{color:#fff;}
.join-choice a:hover:after,
.join-choice a:focus:after{filter:invert(1);}

@media only screen and (max-width:1800px){
}
@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
	#login-wrap .tit-wrap .tit{font-size:4rem;}
	#login-wrap .tit-wrap .txt{font-size:1.25rem;}
}
@media only screen and (max-width:1240px){
	#login-wrap.sub-bg{min-height:unset;}
	
	#login-wrap > .row > .col-1{width:calc(100% - 540px);}
	#login-wrap > .row > .col-2{width:500px;}
	
	#login-wrap .tit-wrap .tit{font-size:3.5rem;}
	#login-wrap .tit-wrap .txt{font-size:1.125rem;}
	#login-wrap .tit-wrap {padding-top:50px;background-size:100% !important;}
	.login{padding:60px 100px;}
	
	#login-wrap.join .bnr-wrap{min-height:420px;}
	.join-choice a{padding:40px;}
	.join-choice a .tit{font-size:1.7rem;}
	.join-choice a .txt{padding-right:60px;word-break:keep-all;}
	.join-choice a:after{bottom:30px;width:60px;height:60px;}
}
@media only screen and (max-width:1023px){
	#login-wrap .d_width{padding-top:50px;}
	#login-wrap > .row > .col-1{width:calc(100% - 420px);}
	#login-wrap > .row > .col-2{width:400px;}
	
	#login-wrap .tit-wrap{padding-top:30px;text-align:left;}
	#login-wrap .tit-wrap .tit{font-size:3rem;}
	#login-wrap .tit-wrap .txt{padding:0 40px 0 0;}
	.login{padding:40px 50px;}
	.login .tab{font-size:1.25rem;margin:0 0 1.5rem 0;}
	.login .login-btn{margin:20px 0 10px;}
	.login .inputbx input{height:50px;}
	.login .btn-d.btn-lg{line-height:50px;}
	.login .join-btn .txt{margin:40px 0 20px;}
	
	#login-wrap.join .bnr-wrap{min-height:375px;}
	.join-choice a .txt br{display:none;}
	.join-choice a{padding:30px;}
	.join-choice a .tit{font-size:1.5rem;}
	.join-choice a .txt{font-size:.925rem;}
}
@media only screen and (max-width:767px){
	#login-wrap > .row > .col-1,
	#login-wrap > .row > .col-2{width:100%;margin-bottom:20px;}
	#login-wrap .tit-wrap{padding:0;background-size:auto 100% !important;background-position:100% 50% !important;}
	#login-wrap .tit-wrap .tit{font-size:2.875rem;}
	#login-wrap .tit-wrap .txt{font-size:1rem;}
	.login{padding:30px 100px;}
	.login .tab a{font-size:1.125rem;}
	
	#login-wrap.join .bnr-wrap{order:1;max-height:570px;min-height:unset;}
}
@media only screen and (max-width:576px){
	#login-wrap > .row > .col-1, #login-wrap > .row > .col-2{margin-bottom:15px;}
	#login-wrap .tit-wrap .tit{font-size:2rem;margin:0 0 10px;}
	#login-wrap .tit-wrap .txt{font-size:.875rem;}
	.login{padding:40px 50px;}
	.login .join-btn .txt{margin:30px 0 15px;}
	.login .inputbx input{height:45px;padding:0 15px;}
	.login .btn-d.btn-lg{line-height:45px;}
	
	.join-choice a{margin:0 0 10px;padding:15px 25px 25px;}
	.join-choice a .tit{font-size:1.25rem;margin:0 0 10px;}
	.join-choice a .txt{font-size:.875rem;}
	.join-choice a:after{bottom: 20px;width: 45px;height: 45px;}
}
@media only screen and (max-width:415px){
	#login-wrap .d_width{margin:0 20px;padding-top:30px;}
	.login{padding:20px 30px;font-size:.925rem;}
	.login .item{font-size:.875rem;}
}

/*회원가입 완료*/
.join-end .d_width		{max-width:1240px;background:#F6F8F9;padding:40px 130px 60px;text-align:center;line-height:1.3;font-size:1.25rem;font-weight:300;border-radius:2rem;word-break:keep-all;}
.join-end .tit			{font-size:3rem;font-weight:700;color:#121314;}
.join-end .tit:before	{content:"\f058";font-family:fontAwesome;font-weight:900;color:var(--main-color);display:block;margin:0 auto 10px;}
.join-end .stit em		{font-weight:500;}
.join-end .stit			{margin:20px 0 40px;font-size:1.5rem;line-height:1.5;}
.join-end .txt			{color:#808080;}
.join-end .btn-wrap		{margin:30px 0 0;}
.join-end .btn-wrap	a	{width:200px;}

@media only screen and (max-width:1600px){ /* 1400px */
}
@media only screen and (max-width:1440px){ /* 1200px */
}
@media only screen and (max-width:1240px){ /* 960 */
	.join-end .d_width	{font-size:1rem;padding:40px;}	
	.join-end .tit		{font-size:2.5rem;}
	.join-end .stit		{font-size:1.25rem;margin:10px 0 30px;}
	.join-end .btn-wrap	a	{width:180px;line-height:50px;font-size:1.125rem;}
}
@media only screen and (max-width:1023px){ /* 720 */
}
@media only screen and (max-width:767px){ /* auto */	
	.join-end .d_width	{padding:30px;border-radius:1rem;}	
	.join-end .tit		{font-size:2rem;}
	.join-end .stit		{font-size:1.125rem;margin:10px 0 20px;}
	.join-end .btn-wrap	{margin:20px 0 0;}
	.join-end .btn-wrap	a	{width:100px;line-height:40px;font-size:1rem;padding:0 10px;border-radius:3px;}
}
@media only screen and (max-width:576px){ /* mobile-l */
	.join-end .tit:before {margin:0 auto 5px;}
	.join-end .tit		{font-size:1.725rem;}
	.join-end .stit		{line-height:1.3;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.join-end .d_width{padding:20px;}
}

.tech-reg .agree .txt{height:300px; overflow-y:auto; padding:30px;border:1px solid #dadada;border-radius:10px;}
.tech-reg .agree .txt em{display: block; margin-top:10px;}
.tech-reg .agree .txt h5{font-size: 1.1rem; color:#000}
.tech-reg .agree .txt table{text-align:center;}
.tech-reg .agree .txt table thead tr{background-color:#516B7B; color:#ffffff;}
.tech-reg .agree .txt table thead th{text-align:center;padding:10px; border:1px solid #e6e6e6;}
.tech-reg .agree .txt table tbody tr{border:1px solid #e6e6e6;}

.tech-reg .check-wrap	{position:relative;padding:20px 30px;}
.tech-reg .check-wrap span	{float:left;width:100%;font-size:23px;line-height: 1.5;color:#374259; font-weight:700; padding:30px 0;}
.tech-reg .check-wrap a	{display:inline-block;width:27px;height:27px;line-height:27px;text-align:center;border-radius:50%;border:1px solid #8990A0;transition:all 0.2s ease-out;color:#8990A0;margin-right:10px;}
.tech-reg .check-wrap a.agree-ok	{border-color:#5CA7DA;background:#5CA7DA;color:#fff;}
.tech-reg .check-wrap a:before	{content:"\f00c";font-family:var(--faw);font-weight:900;}
.tech-reg .check-wrap a.on	{color: #fff;background: var(--sub-color);border-color: var(--sub-color);}
.tech-reg .agree .txt table tbody td{background-color:#fff;padding:10px; border:1px solid #e6e6e6;}
.agree *::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: var(--main-color);}
.agree *::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#cccccc;}
.agree *::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--main-color);}
.agree *::-webkit-scrollbar-button{display: none;}

@media only screen and (max-width:1800px){
}
@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
	.tech-reg{font-size:.875rem;}
	.tech-reg .agree .txt{padding:20px;height:250px;}
	.tech-reg .agree .txt h5{font-size:.925rem;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}

/*실명확인*/
.join.sub-bg{background:#F2F4F5;}
.join #infoChk p {font-size:30px;font-weight:bold;text-align:center;color: #000;}
.join .phone {max-width:960px;text-align:center;padding:50px 120px;background: #fff;margin:0 auto;border:2px solid #87B9F9;border-radius:.5rem;line-height:1.4;}
.join .find-idpw .phone{padding:40px;}
.join .phone .txt{margin:20px 0 30px;word-break:keep-all;}
.join .col_wrap .col_d2 {margin:0 auto; float: none !important;}
.join .phone .sub-tit{border-bottom:1px solid #eaeaea;padding:0 0 20px;}
.join .phone .sub-tit.fst:before{content: "\f3ce";font-family: 'Font Awesome 6 Pro';font-weight: 200;font-size: 3rem;display: block;margin: 0 auto 15px;color: var(--dgray1);}

@media only screen and (max-width:1800px){
}
@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
	.join .phone{max-width:740px;}
	.join .find-idpw .phone .sub-tit{padding:0 0 10px;margin:0 0 10px;}
	.join .find-idpw .phone .sub-tit.fst:before{font-size:2.125rem;margin:0 auto 10px;}
	.join .find-idpw .phone{padding:20px;}
	.join .find-idpw .phone .txt{margin:10px 0 15px;}
}
@media only screen and (max-width:767px){
	.join .phone{padding:40px 80px;}
}
@media only screen and (max-width:576px){
	.join .phone{padding:30px 40px;}
	.join .phone .sub-tit{padding:0 0 10px;}
	.join .phone .sub-tit.fst:before{font-size:2.125rem;margin:0 auto 10px;}
	.join .phone .txt{margin:10px 0 15px;font-size:.875rem;}
	.join .phone .txt br{display:none;}
}
@media only screen and (max-width:415px){
	.join .phone{padding:20px;}
}

/*회원가입 정보입력*/
#msgArea {width:100%}
#msgArea > div {width:100%;display: inline;}

.msg-nodata		{text-align:center;padding: 1rem;border: 1px dashed #dadada;z-index: 99;display:block !important;}
.msg-nodata:before	{content:"\f27a";display:block;font-family:var(--faw);font-size:var(--font-2xlg);color:var(--gray);margin-bottom:10px;}
.msg-nodata-btn	{text-align:center;padding:1rem;border:1px dashed #eee;word-break:keep-all}
.msg-nodata a		{display:block;}

.join-form .tab-txt{background:#E5E7EA;margin-bottom:0;}
.join-form .tab-txt:after{display:none;}
.join-form .tab-txt a{color:#121314;background:none;border:none;padding:15px 20px;}
.join-form .tab-txt a.on{background:#fff;}
.join-form .indent{padding:20px;}
.join-form .indent .tit{font-weight:500;color:#333;margin:25px 0 15px;}
.join-form .indent .tit:nth-of-type(1){margin-top:0;}
.join-form .indent .tit em{font-weight:600;color:var(--main-color);margin-left:5px;}
.join-form .row-title{margin:25px 0 15px;}
.join-form .row-title:nth-of-type(1){margin-top:0;}
.join-form .row-title .tit{margin:0;}
.join-form .row-title .btn-d{line-height:38px;padding:0 15px;margin-left:5px;}
.join-form .row-title .btn-wh{font-weight:500;color:#868D99;border-color:#DDDDDD;}
.join-form .row-title .btn-wh:hover{color:#fff;background:#868D99;border-color:#868D99;}
.join-form .row-title .btn-main{font-weight:600;color:#fff;}
.join-form .tooltip{display:inline-block;position:relative;vertical-align:text-bottom;margin-left:5px;}
.join-form .tooltip:before{width:17px;line-height:17px;text-align:center;font-size:12px;content:"\3f";display:block;color:#fff;background:#0009;vertical-align:middle;border-radius:50%;}
.join-form .tooltip span{min-width:250px;line-height:1.4;display:none;font-size:14px;font-weight:300;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);color:#fff;background:#515151;padding:10px;border-radius:3px;}
.join-form .tooltip span:after{width:0;height:0;content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:4px solid #515151;}
.join-form .tooltip:hover span{display:block;}

/*영유아 추가*/
.join-list{position:relative;background:#F6F6F6;border-radius:5px;padding:1.25rem 1.75rem;margin-top:15px;}
.join-list .profile-write{width:calc(100% - 180px);}
.join-list .profile-write th{width:200px;text-align:left;vertical-align:top;padding:0.5rem 0;}
.join-list .profile-write th em{color:var(--pink);margin-left:5px;}
.join-list .profile-write td{padding:0.5rem 0;}
.join-list .profile-write td a i{margin-right:5px;}
.join-list .profile-write input{line-height:43px;border:1px solid #E8E8E8;padding:0 10px;}
.join-list .profile-write select{width:200px;height:45px;line-height:45px;border:1px solid #E8E8E8;padding:0 10px;}
.join-list .profile-write #member_name{color:#333333;}
.join-list .profile-write #birthday{color:#919191;}
.join-list .profile-write .tooltip{vertical-align:text-bottom;}
.join-list .profile-write .ico-alert{font-size:.925rem;color:#919191;line-height:1.2;}
.join-list .profile-write .comm{font-size:15px;color:#919191;display:inline-block;}
.join-list .profile-char{width:130px;height:100%;position:relative;margin-left:40px;margin-top:45px;}
.join-list .profile-char .thumb{width:140px;height:140px;border-radius:50%;background:#fff;border:3px solid #eaeaea;}
.join-list .profile-char .thumb img{background:#fff;}
.join-list .profile-char .thumb input{opacity:0;}
.join-list .profile-char .more{width:38px;height:38px;position:absolute;bottom:-5px;right:0;background:#EAEAEA;border:3px solid #F6F6F6;z-index:1;border-radius:50%;}
.join-list .profile-char .more:before,
.join-list .profile-char .more:after{width:15px;height:2px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#919191;}
.join-list .profile-char:hover .more:before,
.join-list .profile-char:hover .more:after{background:var(--main-color);}
.join-list .profile-char .more:after{transform:translate(-50%, -50%) rotate(90deg);}
.join-list .btn-d.ico-delete{position:absolute;right:1.75rem;top:1.25rem;}
.join-list .char-wrap{background:#fff;border-radius:.5rem;border:1px solid #eaeaea;margin:10px 0 0;display:flex;flex-wrap:wrap;padding:10px;}
.join-list .char-wrap a{display:block;width:90px;aspect-ratio:1/1;max-width:calc(20% - 10px);background:#f5f5f5;border-radius:50%;padding:10px;margin:5px;border:3px solid #f5f5f5;}
.join-list .char-wrap a.on{border-color:var(--main-color);}

@media only screen and (max-width:1800px){
}
@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.join-list .profile-write .ico-alert{margin:5px 0 !important;}
}
@media only screen and (max-width:1023px){
	.join-list .profile-write tr,
	.join-list .profile-write th,
	.join-list .profile-write td{display:block;}
	.join-list .profile-char .thumb{width:120px;height:120px;}
}
@media only screen and (max-width:767px){
	.join-list .profile-write{width:100%;order:1;}
	.join-list .profile-char{margin:0;}
	.join-list .profile-write .ico-alert{margin:5px !important;}
	.join-form .row-title .btn-main{padding:0 10px;line-height:32px;font-size:.925rem;}
}
@media only screen and (max-width:576px){
	.join-list{padding:1rem;}
	.join-list .profile-write .ico-alert{margin:5px 0 !important;}
}
@media only screen and (max-width:415px){
}
/*[e] 회원가입*/