@charset "utf-8";

/* =========================== PAGE */
.pagecommon{font-size:14px;color:#777;line-height:24px;letter-spacing:-0.3px}
.br{white-space:pre-line;word-break:keep-all}
#service1020 .og{color:var(--primary)}
#service1020 .en{font-weight:800;font-family:'mulish'}
#service1020 .b, #service1020 b{font-weight:700}
#service1020 .me{font-family:'notokr-medium'}
#service1020 .dark{color:#222}
#service1020 .g_box{background-color:#f7f7f7}
#service1020 .flex{display:flex}
#service1020 .tit01{font-size:20px}
#service1020 .cont_area>.g_box .tit01{width:180px;color:#222}
#service1020 .cont_area>.g_box .txt{width:calc(100% - 180px)}
#service1020 .cont_area>.g_box .txt span{color:#222}
#service1020 .tit_area{padding-bottom:40px;text-align:center}
#service1020 .tit_area .stit{margin-bottom:15px;font-size:15px;line-height:15px;letter-spacing:.2px;}
#service1020 .tit_area .tit{position:relative;padding-bottom:35px;margin-bottom:15px;font-size:28px;line-height:28px;color:#222}
#service1020 .tit_area .tit:before{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:15px;width:1px;background-color:#d7d7d7}
#service1020 .tit_area .txt{font-size:17px}
#service1020 .cont_area .img_area .txt_area .op{position:relative;margin-bottom:0;padding-left:65px;word-break:keep-all}
#service1020 .cont_area .img_area .txt_area .op b{position:absolute;left:0;top:2px;padding:0 10px;background-color:#ed643d;color:#fff;font-size:13px;line-height:20px}
#service1020 .cont_area>.g_box{margin-bottom:50px;padding:50px}
#service1020 .cont_area .img_area:nth-of-type(3){flex-direction:row-reverse}
#service1020 .cont_area .img_area img{width:50%}
#service1020 .cont_area .img_area .txt_area{width:50%;padding:50px}
#service1020 .cont_area .img_area .txt_area .tit01{margin-bottom:10px;color:#222}
#service1020 .cont_area .img_area .txt_area>.txt{color:#555;word-break:keep-all}
#service1020 .cont_area .img_area .txt_area>p{margin-bottom:15px}
#service1020 .cont_area .img_area .txt_area p b{color:#222}
#service1020 .cont_area .list li{position:relative;padding-left:15px;line-height:25px;color:#777;word-break:keep-all}
#service1020 .cont_area .list li+li{margin-top:5px}
#service1020 .cont_area .list li:before{content:'';position:absolute;left:0;top:14px;width:3px;height:3px;background-color:#777}
#service1020 .cont_area .img_area .txt_area .g_box_area{justify-content:space-between}
#service1020 .cont_area .img_area .txt_area .g_box_area .g_box{width:49%;padding:15px}
#service1020 .cont_area .img_area .txt_area .g_box_area .g_box p{word-break:keep-all}

@media(max-width:1024px){
#service1020{padding:0 15px}
}
@media(max-width:768px){
#service1020 .tit_area .tit{font-size:25px}
#service1020 .tit_area .txt{font-size:15px}
#service1020 .tit01{font-size:18px}
#service1020 .flex{display:block}
#service1020 .cont_area>.g_box .tit01{width:100%;margin-bottom:10px}
#service1020 .cont_area>.g_box .txt{width:100%}
#service1020 .cont_area .img_area img{width:100%}
#service1020 .cont_area .img_area .txt_area{width:100%}
#service1020 .cont_area .img_area .txt_area .g_box_area{display:flex}
}
@media(max-width:480px){
#service1020 .tit01{font-size:17px}
#service1020 .tit_area .stit{font-size:13px}
#service1020 .tit_area .tit{font-size:22px}
#service1020 .cont_area>.g_box{padding:35px}
#service1020 .cont_area .img_area .txt_area{padding:40px 0}
}
@media(max-width:380px){
#service1020 .cont_area .img_area .txt_area .g_box_area{display:block}
#service1020 .cont_area .img_area .txt_area .g_box_area .g_box{width:100%}
#service1020 .cont_area .img_area .txt_area .g_box_area .g_box+.g_box{margin-top:10px}
}