@charset "utf-8";

/* **************************************** *
* 공통 레이아웃
* **************************************** */
#content{margin:0 auto;padding-top: 70rem;padding-bottom: 90rem;max-width:450rem;overflow-x: hidden;}
#content:has(#footer){padding-bottom:0;}
.content-wrap{position:relative;/* overflow:hidden; */width:100%;margin-right:auto;margin-left:auto;padding-right:20rem;padding-bottom:25rem;padding-left:20rem;/* z-index:2; :*/}

.commuity-header ul.tabs{margin-top:18rem; margin-bottom:11rem;}
.commuity-header h1{font-weight:700; color:var(--b-01); letter-spacing:-0.5rem;}
#content:has(.commuity-header){padding-top:70rem;}

/* 블로그 성장센터 */
i.growth-bg{position:absolute; top:0; left:0; z-index:-1; width:100%; height:378rem; background:var(--c-01);}
.growth:has(.growth-bg){padding-top:0 !important;}
.growth:has(.growth-bg) .content-header h2{color:var(--f);}
.growth:has(.growth-bg) .content-header .btn-right{opacity:0.6; color:#fff;}
.growth:has(.growth-bg) .content-header{background:none; border:none;}
.growth:has(.growth-bg) .btn-prev{background-image:url(../img/common/arrow-prev_w.svg);}
.growth:has(.growth-bg) .growth-title{padding-top:100rem;}
.growth:has(.growth-bg) .growth-title *{color:var(--f);}
.growth:has(.growth-bg) .growth-title i{display:block; opacity:0.58; margin-bottom:2rem; font-weight:300;}
.growth-graph-wrap{margin-top:35rem; padding:25rem; background:var(--f); border-radius:10rem; filter:drop-shadow(0px 11px 29px rgba(41, 125, 212, 0.14)); min-height:250rem;}
.growth-graph__inr{display:flex; align-items:flex-start; position:relative; flex-direction:column;}
.growth-graph{width:100%; margin-top:20rem;}
.growth-graph__inr > strong{font-weight:800; color:var(--b-01);}
.growth-graph li span{display:block; display:flex; align-items:flex-end; width:15rem; height:123rem; background:#f6f6f6; border-radius:50rem;}
.growth-graph ul{display:flex; justify-content:space-between; align-items:flex-end; margin-right:40rem;}
.growth-graph li{display:flex; justify-content:center; align-items:center; position:relative; text-align:center; flex-direction:column;}
.growth-graph li em{margin-top:14rem; font-size:var(--font-12); color:var(--b-03);}
.growth-graph li.today span{height:174rem; background:var(--c-01);}
.growth-box{display:flex; justify-content:space-between; margin-top:20rem; padding:18rem 20rem; background:var(--bg-02); border-radius:5rem;}
.growth-box p{color:var(--b-01);}
.growth-box__num strong{margin-left:8rem; font-size:var(--font-15); color:var(--b-01);}
.growth-ment{margin-top:45rem; text-align:center;}
.growth-ment button{margin-top:27rem;}
.growth-graph__inr > span{display:flex; justify-content:flex-start; align-items:center; position:absolute; right:0; z-index:-1; width:100%; font-weight:300; font-size:10rem; text-align:right;}
.growth-graph__inr > span::before{content:""; display:block; width:100%; border-bottom:1px dashed #DADADA;}
.num-6000{top:115rem;}
.num-10000::before{border-bottom-color:#EFEFEF;}
.num-10000{top:63rem; color:var(--b-03);}
.growth-box__num span i{display:block; position:relative; bottom:1rem; width:5rem; height:8rem; background:var(--c-02); transform:rotate(-90deg); clip-path:polygon(0 0, 0 100%, 100% 50%);}
.growth-box__num span{display:flex; align-items:flex-end; line-height:1; padding-bottom:4rem; font-size:var(--font-12); gap:4rem;}
.growth-box__num{display:flex; align-items:flex-end;}
.growth-graph li span i{display:block; width:100%; background:var(--bd-01); border-radius:140rem;}
.growth-graph li:nth-child(1) span i{height:30%;}
.growth-graph li:nth-child(2) span i{height:50%;}
.growth-graph li:nth-child(3) span i{height:25%;}
.growth-graph li:nth-child(4) span i{height:75%;}
.growth-graph li:nth-child(5) span i{height:50%;}
.growth-graph li:nth-child(6) span i{height:25%;}

/* 블로깅 내역 */
.growth-list__item{border:1px solid var(--bd-01); border-radius:10rem;}
.growth-list__title{justify-content:space-between; align-items:center; padding:18rem 20rem;}
.growth-list__cont{display:none; padding:15rem 20rem; border-top:1px dashed #eee;}
.growth-list__btn{display:flex; justify-content:center; align-items:center; position:relative; padding:12rem; border-top:1px dashed #eee; font-size:12rem; color:var(--b-03);}
.growth-list__btn::after{content:""; width:8rem; height:8rem; background:url(../img/common/ic-toggle.svg);}
.growth-list__item:has(.growth-list__btn.on) .growth-list__cont{display:block;}
.growth-list__title > strong{display:flex; align-items:center; font-weight:400;}
.growth-list__title > p{font-weight:400;}
.growth-list{display:grid; gap:9rem;}
.growth-list__title > strong i{display:block; width:17rem; height:17rem; margin-left:6rem; background:var(--bd-01); background-size:9rem; background-position:50%50%; border-radius:100%; background-image:url(../img/common/ic-check_w.svg); background-repeat:no-repeat;}
.growth-list__title.on > strong i{background-color:var(--c-01);}
.growth-list__title.on > strong{font-weight:500; color:var(--b-01);}
.growth-list__btn::after{content:""; display:block; width:10rem; height:10rem; margin-left:8rem; background:url(../img/common/ic-toggle.svg) no-repeat 50% 50%; background-size:9rem; transform:rotate(180deg);}
.growth-list__btn.on::after{transform:rotate(0deg);}
.growth-list__btn.on{background:#f9f9f9;}
.growth-list__title > p{align-items:flex-start; line-height:1; font-size:15rem; color:var(--b-01);}
.growth-list__cont p{line-height:1.4; margin-top:14rem; padding-top:14rem; padding-bottom:10rem; border-top:1px dashed #ddd; font-size:13rem;}

/* 오늘도 블로깅 */
.growth-calender{display:flex; justify-content:space-between; gap:8rem;}
.growth-calender > li{display:flex; justify-content:center; align-items:center; padding:10rem 0rem; border:1px solid var(--bd-02); flex-direction:column; flex:1; align-content:center; border-radius:4rem;}
.growth-calender > li em{font-weight:600; font-size:12rem;}
.growth-calender > li i{font-size:11rem; color:var(--b-03);}
.growth-calender > li.on{background:var(--c-01); box-shadow:0px 6px 12px 0px rgba(48, 139, 233, 0.27); border-color:var(--c-01);}
.growth-calender > li.on *{color:#fff;}
.growth-calender > li:first-child *{color:#E83434;}
.growth-calender > li:last-child *{color:#3049E9;}
.growth-circle{display:flex; justify-content:center; align-items:center; position:relative; width:300rem; height:300rem; margin:40rem auto; padding-bottom:40rem; border:24rem solid var(--bg-02); flex-direction:column; border-radius:270px; align-content:center;}
.growth-circle__svg{position:absolute; opacity:0; top:-26rem; left:-23rem; width:300rem; height:300rem; transition:none; animation:rotate_ani 2s ease 0s infinite; transform-origin:50% 50%; transition-delay:0.3s;}
.growth-circle__play.end::before{width:10rem; background:var(--f); clip-path:border-box;}
.growth-circle__play.end{display:none; position:absolute; top:0; left:0; padding:0rem 12rem; background:var(--b-01); color:#fff;}
.growth-circle__play.end.on{display:flex;}
.growth-circle__svg svg{position:absolute; top:0; right:0;}
.form-con-wrap{padding:30rem 0rem;}
.growth-circle  > strong{font-size:27rem; color:var(--b-01);}
.growth-circle__svg > i{color:var(--b-03);}
.growth-circle > i{color:var(--b-03);}
.growth-circle button{display:inline-block; width:auto; height:36rem; padding:0rem 13rem; border-radius:5rem;}
.growth-circle__pause{border:1px solid var(--bd-01);}
.growth-circle__pause.remove{display:none;}
button.growth-circle__play{display:inline-flex; align-items:center; background:#f5f5f5;}
button.growth-circle__play::before{content:""; display:block; position:relative; width:8rem; height:10rem; margin-right:5rem; background:var(--b-02); clip-path:polygon(0 0, 0 100%, 100% 50%);}
.growth-circle__inr{position:relative; z-index:90; margin-top:25rem;}
.growth-circle__svg img{width:100%; height:100%;}
.growth-circle__svg.on{opacity:1; transition:all 0.3s ease;}

@keyframes rotate_ani{
    0%{transform: rotate(0);}
    100%{transform:rotate(360deg);}
}

/* 블선생님 칠판 */
.colum-board__item figure{position:relative; overflow:hidden; height:95rem; min-width:110rem; border-radius:5rem;}
.colum-board__item figure img{width:100%; height:100%; object-fit:cover; object-position:center;}
.colum-board__item{display:flex; width:100%; gap:12rem;}
.colum-board__text > strong{margin-top:5rem; color:var(--b-01); letter-spacing:-0.2rem;}
.colum-board{display:grid; gap:15rem;}
.colum-board__text > p{font-size:var(--font-12); color:var(--b-03);}
.colum-board__text{position:relative; width:100%;}
.colum-board__text .cmn-reply-list{position:absolute; right:0; bottom:5rem;}
section + .sec-line{margin:30rem 0rem;}
.commuity-list{margin-top:20rem;}

/* 파트너스 홈 */
span.partner-cate{position:absolute; top:10rem; left:0rem; padding:2rem 5rem; background:var(--b-01); font-size:10rem; color:#fff; border-radius:3rem; border-top-left-radius:0rem; border-bottom-left-radius:0rem;}

/* 파트너스 뷰 */
.partner-view__title{padding:15rem 0rem 40rem;}
.partner-view__title > strong{font-size:12rem; color:var(--b-01);}
.partner-view__title button{margin-top:20rem;}
.partner-view__title p{margin-top:9rem;}
#content:has(.partner-view){padding-top:60rem;}
.partner-view__img{padding-top:30rem;}

/* 채팅 */
.chat-item .cmn-thum{height:41rem; min-width:41rem;}
.chat-item{display:flex; gap:7rem;}
.chat-item__txt > span{line-height:1.4; padding:6rem 12rem; background:var(--c-01); font-weight:300; font-size:13rem; color:#fff; border-radius:10rem; max-width:260rem;}
.chat-item__txt{display:grid; align-items:start; gap:4rem; justify-items:start;}
.chat-item__txt > span:first-child{border-top-left-radius:0rem !important;}
.chat-hi{display:none;}
.chat-hi.on{display:flex;}
.chat-item.my{justify-content:flex-end;}
.chat-item.my .chat-item__txt > span{background:#f5f5f5; color:var(--b-01);}
.chat-item + .chat-item{margin-top:15rem;}

/* 맞춤형상담 */
.counsel:has(.font-tp--01) .counsel-tit{padding-top:110rem; text-align:center;}
.counsel-tit img{margin:0 auto; margin-bottom:20rem;}
.counsel-tit{padding-top:40rem;}
.counsel-tit + .input-box{margin-top:23rem;}
.counsel-point p{line-height:1.5; margin-bottom:19rem; font-weight:300; color:#7f7f7f;}
.counsel-point img{margin:0 auto; margin-bottom:10rem;}
.select-wrap + .select-wrap{margin-top:10rem;}
.counsel .font-tp--01{font-weight:700;}
.swiper-wrapper:not(:has(.swiper-slide:nth-child(2))) + .swiper-controls{display:none;}
.modal-btn button + button{margin-top:0 !important;}