@charset "utf-8";

/* =========================== PAGE */
.pagecommon{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666}
.pagecommon *{word-break:keep-all}

/* 수강안내 */
#service1003 .b_txt{font-size:40px;line-height:50px;text-align:center;color:#222;font-family:'LotteMartHappy'}
#service1003 .num_list{margin-top:43px;padding:30px 50px 20px;border-radius:15px;background:#f5f5f5}
#service1003 .num_list li{display:flex;padding:15px 0 20px}
#service1003 .num_list li+li{border-top:1px dashed #e1e1e1}
#service1003 .num_list li .num{display:block;width:40px;height:40px;border-radius:100%;text-align:center;line-height:42px;color:#fff;background:#333;font-family:'LotteMartHappy'}
#service1003 .num_list li .txt{width:calc(100% - 40px);padding:5px 0 0 15px;font-weight:700;color:#333}
#service1003 .num_list li .txt em{font-style:normal;color:#f58e97}
#service1003 .num_list li .txt span{display:block;margin-top:8px;font-weight:400;color:#666}
#service1003 .tip_list{display:flex;margin-top:30px}
#service1003 .tip_list li{overflow:hidden;width:calc(100%/4 - 15px);border:1px solid #e1e1e1;border-radius:15px;text-align:center;font-family:'LotteMartHappy'}
#service1003 .tip_list li+li{margin-left:20px}
#service1003 .tip_list li .tip_num{padding:8px 0;color:#fff;background:#333;font-weight:800;}
#service1003 .tip_list li .tip_txt{padding:34px 0;font-size:16px;line-height:26px;white-space:pre-line;color:#333}
#service1003 .test_box{margin-top:70px;padding-top:58px;border-top:1px solid #e1e1e1}
#service1003 .test_box .txt_box{display:flex}
#service1003 .test_box .txt_box .tit{font-size:25px;color:#222;font-family:'LotteMartHappy'}
#service1003 .test_box .txt_box .txt{padding:5px 0 0 40px;white-space:pre-line}
#service1003 .test_box .txt_box .txt span{text-decoration:underline;font-weight:500;color:#333}
#service1003 .test_box .test_list{display:flex;justify-content:space-between;margin-top:34px}
#service1003 .test_box .test_list li{width:calc(100%/3 - 13.4px);padding:40px 0 33px;border:1px solid #e1e1e1;border-radius:15px;font-size:16px;text-align:center;color:#333;font-family:'LotteMartHappy'}
#service1003 .test_box .test_list li img{display:block;margin:0 auto 14px}

@media(max-width:1024px){
#service1003 .b_txt{font-size:30px}
#service1003 .num_list{margin-top:30px;padding:30px 25px 20px}
#service1003 .tip_list li{width:calc(100%/4 - 7.5px)}
#service1003 .tip_list li+li{margin-left:10px}
#service1003 .tip_list li .tip_txt{white-space:normal;padding:34px 15px}
#service1003 .test_box .txt_box .tit{font-size:23px;white-space:nowrap}
}
@media(max-width:768px){
.pagecommon{font-size:14px}
#service1003 .num_list{padding:20px 25px 10px}
#service1003 .num_list li .num{width:35px;height:35px;line-height:36px}
#service1003 .num_list li .txt{width:calc(100% - 35px)}
#service1003 .tip_list{flex-wrap:wrap;gap:10px}
#service1003 .tip_list li{width:calc(100%/2 - 5px)}
#service1003 .tip_list li+li{margin-left:0}
#service1003 .tip_list li .tip_txt{padding:30px 15px;font-size:15px;line-height:25px}
#service1003 .test_box{margin-top:55px;padding-top:43px}
#service1003 .test_box .txt_box{display:block}
#service1003 .test_box .txt_box .txt{padding:15px 0 0}
#service1003 .test_box .test_list li{width:calc(100%/3 - 6.7px);padding:30px 15px 23px;font-size:15px}
}
@media(max-width:480px){
#service1003{padding:0 15px}
#service1003 .b_txt{font-size:23px}
#service1003 .num_list{margin-top:20px}
#service1003 .tip_list{display:block}
#service1003 .tip_list li{width:100%}
#service1003 .tip_list li+li{margin-top:10px}
#service1003 .tip_list li .tip_num{font-size:13px}
#service1003 .tip_list li .tip_txt{padding:25px 15px}
#service1003 .test_box .txt_box .tit{font-size:20px}
#service1003 .test_box .test_list{display:block}
#service1003 .test_box .test_list li{width:100%}
#service1003 .test_box .test_list li+li{margin-top:10px}
#service1003 .test_box .test_list li img{height:50px}
}