@charset "utf-8";

/* 학원소개(인사말) — 디자인키트 about1009 샘플 기반, BeyondCare 팔레트(#F2B33D)/테마 폰트로 조정 */
.pagecommon{padding-bottom:50px;position:relative;font-size:16px;letter-spacing:-.3px;line-height:1.8;color:#777}
.pagecommon .br{white-space:pre-line}

#about1009 .cont_wrap .tit{margin-bottom:60px;text-align:center}
/* 밝은 배경 위 골드 글자는 #F2B33D 로 쓰면 대비 1.86:1 로 WCAG 기준(4.5:1) 미달.
   글자색은 어두운 골드 #A16207(대비 4.92:1)을 쓰고, #F2B33D 는 배경·테두리 전용으로 둔다 */
#about1009 .cont_wrap .tit .e_tit{display:block;margin-bottom:20px;font-weight:600;font-size:13px;color:#A16207;letter-spacing:1px;font-family:var(--e-font)}
#about1009 .cont_wrap .tit .tit_txt{position:relative;margin:8px 0 0;font-size:30px;color:#222}
#about1009 .cont_wrap .tit .tit_txt b{font-weight:700}
#about1009 .cont_wrap .tit .tit_txt span{display:inline-block;position:relative;font-size:36px;font-weight:300}
#about1009 .cont_wrap .tit .br{font-size:17px;line-height:30px}
#about1009 .cont_wrap .tit .tit_txt span:before{display:block;content:"";position:absolute;left:-15px;bottom:4px;z-index:-1;width:calc(100% + 30px);height:20px;background:rgba(242,179,61,.25)}
#about1009 .cont_wrap .tit .tit_txt:after{display:block;width:65px;height:1px;margin:30px auto;background:#e1e1e1;content:''}
#about1009 .cont_wrap .s_tit{display:inline-block;position:relative;height:180px;margin:-110px auto 0 6%;padding:25px 80px 25px 50px;background:#F2B33D;color:#14394E}
#about1009 .cont_wrap .s_tit:after{position:absolute;content:'';bottom:0;right:-69px;width:80px;height:120px;background:#F2B33D}
#about1009 .cont_wrap .s_tit:before{position:absolute;content:'';top:23px;right:-62px;width:91px;height:58px;transform:rotate(40deg);background:#F2B33D}
#about1009 .cont_wrap .s_tit .e_tit{font-weight:600;font-size:13px;letter-spacing:1px;font-family:var(--e-font)}
#about1009 .cont_wrap .s_tit p{margin-top:15px;font-size:30px;line-height:1.4;font-weight:300}
#about1009 .cont_wrap .s_tit p span{font-weight:700}
#about1009 .cont_wrap .img{max-width:1070px;width:100%}
#about1009 .cont_wrap .info{position:relative;margin:70px auto 0;padding-left:calc(6% + 50px)}
#about1009 .cont_wrap .info ul{overflow:hidden;margin:35px 0;padding:0;white-space:normal;list-style:none}
#about1009 .cont_wrap .info ul li{position:relative;float:left;width:30%;height:175px;padding:25px;border:1px solid #e1e1e1;background:#fff}
#about1009 .cont_wrap .info ul li:after{position:absolute;top:16px;right:15px;width:65px;height:65px;content:'';background:no-repeat}
#about1009 .cont_wrap .info ul li:nth-child(1):after{background-image:url('../img/sub/about1009_icon01.png')}
#about1009 .cont_wrap .info ul li:nth-child(2):after{background-image:url('../img/sub/about1009_icon02.png')}
#about1009 .cont_wrap .info ul li:nth-child(3):after{background-image:url('../img/sub/about1009_icon03.png')}
#about1009 .cont_wrap .info ul li + li{margin-left:17px}
#about1009 .cont_wrap .info ul li i{display:inline-block;margin-bottom:35px;padding:3px 8px;font-style:normal;font-weight:600;font-size:13px;background:#F2B33D;color:#14394E;letter-spacing:0;font-family:var(--e-font)}
#about1009 .cont_wrap .info ul li p{font-size:18px;font-weight:700;color:#333}
#about1009 .cont_wrap .info span{font-weight:500;color:#333}
#about1009 .cont_wrap .info .line{text-decoration:underline;text-underline-offset:4px}
#about1009 .cont_wrap .info .sign{display:inline-block;margin-top:10px;font-weight:700;color:#14394E}

/* 반응형 [s] */
@media (max-width:1280px){
.pagecommon{font-size:15px}
.pagecommon .br{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
#about1009 .cont_wrap .s_tit p{font-size:26px}
#about1009 .cont_wrap .info{padding-left:6%}
#about1009 .cont_wrap .info ul li{height:190px}
#about1009 .cont_wrap .info ul li:after{width:45px;height:45px;background-size:100%}
}
@media (max-width:1024px){
.pagecommon{font-size:14px}
#about1009 .cont_wrap .tit{margin-bottom:40px}
#about1009 .cont_wrap .tit .br{font-size:14px;line-height:1.8}
#about1009 .cont_wrap .tit .tit_txt span{font-size:32px}
#about1009 .cont_wrap .info{margin-top:40px}
#about1009 .cont_wrap .s_tit{display:block;width:calc(100% - 30px);height:auto;margin:-30px auto 40px;padding:25px 30px}
#about1009 .cont_wrap .s_tit p{width:auto;font-size:24px}
#about1009 .cont_wrap .s_tit:before, #about1009 .cont_wrap .s_tit:after{display:none}
}
@media (max-width:768px){
#about1009 .cont_wrap .tit .tit_txt span{font-size:28px}
#about1009 .cont_wrap .info{padding:0 15px}
#about1009 .cont_wrap .info ul li{display:flex;align-items:center;width:100%;height:auto;padding:30px;word-break:keep-all}
#about1009 .cont_wrap .info ul li+li{margin:10px 0 0}
#about1009 .cont_wrap .info ul li:after{top:24px}
#about1009 .cont_wrap .info ul li i{margin-bottom:0}
#about1009 .cont_wrap .info ul li p{padding:0 15px}
}
@media (max-width:480px){
#about1009{padding-top:0}
#about1009 .cont_wrap .s_tit{text-align:center}
#about1009 .cont_wrap .s_tit p{font-size:20px}
#about1009 .cont_wrap .tit{padding:0 10px}
#about1009 .cont_wrap .tit .tit_txt:after{margin:20px auto}
#about1009 .cont_wrap .tit .tit_txt span{font-size:24px}
#about1009 .cont_wrap .info{text-align:center}
#about1009 .cont_wrap .info ul li{display:block;text-align:left}
#about1009 .cont_wrap .info ul li p{padding:10px 0 0}
#about1009 .cont_wrap .info .sign{display:block;padding-top:10px}
}
/* 반응형 [e] */