@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.pagecommon{position:relative;font-size:16px;letter-spacing:-.3px;line-height:1.8;color:#666;font-family:'notokr-regular'}
.pagecommon .tit_area{margin-bottom:80px;color:#aaa;letter-spacing:-.8px;text-align:center;font-family:'notokr-light'}
.pagecommon .tit_area span{display:inline-block;font-size:14px;letter-spacing:0;color:var(--primary);font-family:'notokr-bold'}
.pagecommon .tit_area.t_center span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d1d1d1}
.pagecommon .tit_area p{margin-top:10px;font-size:28px;line-height:1.4;color:#333;font-family:'notokr-bold'}
.pagecommon b{color:#222;font-weight:normal;font-family:'notokr-medium'}
.pagecommon strong{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .pl{white-space:pre-line}

/* 센터소개 */
#p6 {margin-bottom:80px}
#p6 .tit_area{text-align:left;border-bottom:none;margin-bottom:0;padding-bottom:0}
#p6 .tit_area .bg{margin:0 0 -189px 395px;border-radius:0 50px 0 0}
#p6 .tit_area .tit_box{display:inline-block;width:500px;text-align:left}
#p6 .tit_area .tit_box p{margin-top:0;padding:30px 80px 30px 60px;border-radius:0 50px 0 50px;background:var(--primary);color:#fff;font-family:'notokr-light'}
#p6 .tit_area .tit_box b{color:#fff;font-family:'notokr-bold'}
#p6 .txt_area{border-left:1px solid #e1e1e1;margin-left:90px;padding:45px 0 45px 60px;font-size:18px}
#p6 .txt_area span{display:inline-block;margin-bottom:30px;letter-spacing:0;font-size:17px;color:var(--primary);font-weight:700;font-family:'poppins'}
#p6 .mo{display:none;border-left:none}
#p6 .txt_area br{display:none}

.service .cont+.cont{margin-top:50px;padding-top:50px;border-top:1px solid #e1e1e1}
.service .cont .top_area{display:flex;margin-top:0}
.service .cont .tit{width:270px}
.service .cont .top_area .tit{font-size:20px;color:#333;font-family:'notokr-bold'}
.service .cont .top_area .tit span{color:var(--primary);font-family:'notokr-bold'}
.service .cont .top_area .txt_box{width:calc(100% - 270px);word-break:keep-all}
.service .cont .top_area .txt_box br{display:none}
.service .cont .top_area .txt_box img{padding-top:20px}
.service .cont dl+dl{margin-top:40px;padding-top:40px;border-top:1px dashed #e1e1e1}
.service .cont dl{display:flex;margin-top:40px}
.service .cont dl dt{width:270px;font-size:18px;color:#333;font-family:'notokr-bold'}
.service .cont dl dt:before{content:'';display:inline-block;width:18px;height:18px;margin:-5px 15px 0 0;vertical-align:middle;background:var(--primary);border-radius:9px 9px 0 9px}
.service .cont dl dd{width:calc(100% - 270px)}
.service .cont dl dd .sub li{display:flex;padding:15px 20px;border:1px solid #e1e1e1;border-radius:10px;}
.service .cont dl dd .sub li+li{margin-top:8px}
.service .cont dl dd .sub li b{display:inline-block;margin-right:15px;width:30px;height:30px;line-height:30px;border-radius:100%;text-align:center;font-size:14px;font-weight:600;color:#fff;background-color:var(--primary);font-family:'poppins'}
.service .cont dl dd .sub li p{width:calc(100% - 30px)}
.service .cont dl dd .sub li span{color:#222;font-family:'notokr-medium'}

#p37 .cont .program{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}
#p37 .cont .program li{border-radius:10px;padding:16px 30px;color:#444;background:#f5f5f5;font-family:'notokr-medium'}
#p37 .cont .program li img{margin-right:40px}

#p39 .cont .program{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}
#p39 .cont .program li{border-radius:10px;padding:16px 30px;text-align:center;color:#444;background:#f5f5f5;font-family:'notokr-medium'}
#p39 .cont .program li img{margin-right:40px}

#p41 .cont .top_area .txt_box span{display:block;padding: 10px 15px;border:1px solid #f1f1f1;border-radius:5px;font-size:14px;color:#222;background:#f7f7f7}
#p41 .cont .top_area .txt_box span b{color:var(--primary);font-family:'notokr-medium'}
#p41 .cont .step_img{margin-bottom:30px}
#p41 .cont .step_img ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}
#p41 .cont .step_img ul li{padding:24px;border-radius:20px;text-align:center;background:#f5f5f5}
#p41 .cont .step_img ul li p{padding-top:20px;color:var(--primary);font-family:'notokr-bold'}
#p41 .cont .step_txt p{display:inline-block;margin-bottom:10px;padding:0 10px;border-radius:5px;color:#fff;background:var(--primary)}
#p41 .cont .step_txt+.step_txt{margin-top:20px}

#p43 .cont+.cont{border-top:none}
#p43 .cont .top_area{align-items:center;border-bottom:1px solid #e1e1e1}
#p43 .cont .top_area .tit{padding:0 0 18px 18px}
#p43 .cont .top_area .txt_box{padding:0 30px 18px}
#p43 .cont .top_area .txt_box span{color:var(--primary)}
#p43 .cont dl dt{background:#f7f7f7;padding:30px}
#p43 .cont dl:nth-of-type(1) dt{border-top:2px solid var(--primary)}
#p43 .cont dl dt:before{width:5px;height:5px;margin:-5px 12px 0 0;border-radius:0}
#p43 .cont dl+dl{margin-top:0;padding-top:0}
#p43 .cont dl{margin-top:0}
#p43 .cont dl:last-child{border-bottom:1px solid #e1e1e1}
#p43 .cont dl dd{padding:30px}


/* 반응형 [s] */
@media (max-width:1280px){
.pagecommon .tit_area{margin-bottom:70px}
.service .cont .tit{padding-left:20px}
}
@media (max-width:1024px){
.pagecommon{margin:40px 0}
.pagecommon .tit_area{margin-bottom:60px;padding:0 20px}
.pagecommon .tit_area p{font-size:24px;word-break:keep-all}

#p6{margin-bottom:30px}
#p6 .tit_area{position:relative}
#p6 .tit_area .bg{display:block;width:600px;margin:0 auto;border-radius:20px}
#p6 .tit_area .tit_box{position:absolute;bottom:-20px;width:450px}
#p6 .tit_area .tit_box p{padding:25px 45px;border-radius:0 30px 0 30px}
#p6 .txt_area{margin-left:40px;padding:45px 0 45px 40px;font-size:17px}

.service{padding:0 20px}
.service .cont .tit{width:240px}
.service .cont .top_area .txt_box{white-space:normal}
.service .cont .top_area .txt_box br{display:block}

#p37 .cont .program{grid-template-columns:repeat(2,1fr)}
#p37 .cont .program li{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px}
#p37 .cont .program li img{margin:0 0 10px 0}
}

@media (max-width:768px){
.pagecommon .tit_area{margin-bottom:50px}
.pagecommon .tit_area span{font-size:13px}
.pagecommon .tit_area p{font-size:22px}

#p6{margin-bottom:0}
#p6 .tit_area .bg{width:100%}
#p6 .tit_area .tit_box{bottom:-50px;width:400px}
#p6 .tit_area .tit_box p{padding:20px 30px;}
#p6 .txt_area{margin-left:0;padding:80px 30px 30px;border-left:none;font-size:16px}
#p6 .txt_area span{margin-bottom:16px}

.service b{display:block}
.service .cont+.cont{margin-top:30px;padding-top:30px}
.service .cont dl{flex-direction:column}
.service .cont dl dt{font-size:17px}
.service .cont dl dd{width:100%}
.service .cont dl dd .sub li{padding:10px 15px}
.service .cont dl+dl{margin-top:30px;padding-top:30px}
.service .cont .tit{width:100%;margin-bottom:20px;padding-left:0}
.service .cont .tit br{display:none}
.service .cont .top_area{flex-direction:column}
.service .cont .top_area .txt_box{width:100%}
.service .cont .top_area .txt_box img{display:block;margin:0 auto}


#p39 .cont b, #p41 .cont b, #p43 .cont b{display:inline-block}
#p41 .cont .step_img ul{grid-template-columns:repeat(1, 1fr)}
#p41 .cont .step_img ul li{padding:16px}
#p41 .cont .step_img ul li p{padding-top:14px}

#p43 .cont .tit{margin-bottom:0}
#p43 .cont .top_area .tit{padding:0;margin-bottom:14px}
#p43 .cont .top_area .txt_box{padding:0 0 30px 0}
#p43 .cont dl dt{padding:20px}
#p43 .cont dl dd{padding:20px}
}

@media (max-width:480px){
.pagecommon{font-size:15px}
.pagecommon .pl{white-space:normal}
.pagecommon .tit_area{margin-bottom:40px;padding:0 14px}
.pagecommon .tit_area p{margin-top:3px}

#p6 .tit_area .bg{border-radius:20px}
#p6 .tit_area .tit_box{position:initial;width:100%;margin:20px 0;text-align:center}
#p6 .tit_area .tit_box p{padding:10px 0 20px;border-bottom:1px solid #e1e1e1;border-radius:0;font-size:22px;color:#222;background:none;}
#p6 .tit_area .tit_box b{color:var(--primary)}
#p6 .txt_area{padding:0 14px}
#p6 .txt_area span{display:none}
#p6 .mo{display:block;text-align:center}
#p6 .mo span{display:block;text-align:center}
#p6 .txt_area br{display:block}

.service .cont dl dt{font-size:16px}
.service .cont .tit{margin-bottom:14px}
.service .cont .top_area .tit{font-size:18px}
.service .cont .top_area .txt_box img{width:100%}

#p43 .cont dl dt{padding:16px}
#p43 .cont dl dd{padding:16px}

}

/* 반응형 [e] */