@charset "utf-8";

/* =========================== PAGE */
.pagecommon{position:relative;padding-bottom:100px;font-size:14px;letter-spacing:-.3px;line-height:1.5;color:#777}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon .inner{max-width:var(--mainsize);margin:0 auto}

#business1013 .color{color:var(--primary)}
#business1013 .tit_box span{margin-bottom:33px}
#business1013 .tit_box span{display:block;margin-bottom:16px;font-weight:600;font-family:var(--e-font),var(--k-font)}
#business1013 .tit_box p{font-size:35px;font-weight:700;color:#111}
#business1013 .img_box{width:100%;height:360px;margin-top:52px;background:url('../img/sub/business1013_img01.jpg') no-repeat left center;background-size:cover}
#business1013 .company_box01{display:flex;gap:50px;margin-top:74px}
#business1013 .company_box01:before{display:block;content:'';width:40px;height:1px;margin-top:11px;background:#e1e1e1}
#business1013 .company_box01>div{width:100%}
#business1013 .company_box01 .s_eng{font-weight:700;font-family:var(--e-font)}
#business1013 .company_box01 .tit_txt span{display:block;margin:22px 0 35px;font-size:30px;font-weight:700;color:#111}
#business1013 .company_box01 .box_list{display:flex;gap:20px;margin-top:55px}
#business1013 .company_box01 .box_list li{width:calc(100%/3);padding:45px 0 40px;border:1px solid #e1e1e1;text-align:center}
#business1013 .company_box01 .box_list li .icon{display:flex;align-items:center;justify-content:center;width:75px;height:75px;margin:0 auto;border-radius:5px;background-color:#f5f5f5}
#business1013 .company_box01 .box_list li .txt span{display:block;margin:25px 0 9px;font-size:17px;font-weight:700;color:#111}
#business1013 .company_box02{margin-top:80px;padding:50px 0;background:url('../img/sub/business1013_img02.jpg') no-repeat center #f5f5f5;background-size:cover}
#business1013 .company_box02 ul{display:flex}
#business1013 .company_box02 ul li{width:calc(100%/3);padding:35px 0;text-align:center}
#business1013 .company_box02 ul li+li{border-left:1px solid #e1e1e1}
#business1013 .company_box02 ul li .tit{font-size:17px;font-weight:700;font-family:var(--e-font)}
#business1013 .company_box02 ul li .txt01{position:relative;display:block;width:260px;margin:13px auto 25px;border-radius:5px;text-align:center;line-height:40px;font-weight:500;color:#333;background-color:#fff}
#business1013 .company_box02 ul li .txt01:before{position:absolute;left:50%;top:-6px;transform:translateX(-50%);content:'';width:10px;height:6px;background:url('../img/sub/business1013_icon04.png') no-repeat center}

/* 반응형 s */
@media (max-width:1500px){
.pagecommon{padding:0 50px}
}
@media (max-width:1230px){
#business1013 .company_box02 ul li .txt02{padding:0 20px;white-space:normal}
}
@media (max-width:1024px){
.pagecommon{padding:10px 30px 40px}
#business1013  .tit_box p{font-size:30px}
#business1013 .tit_box span{margin-bottom:25px}
#business1013 .img_box{height:320px;margin-top:45px}
#business1013 .company_box01{gap:30px}
#business1013 .company_box01 .tit_txt span{font-size:25px}
#business1013 .company_box01 .box_list li{padding:40px 20px}
#business1013 .company_box01 .box_list li .txt{white-space:normal}
#business1013 .company_box02 ul li .txt01{width:90%}
}
@media (max-width:768px){
.pagecommon{padding:10px 15px 40px}
#business1013  .tit_box p{font-size:25px;line-height:1.4}
#business1013 .tit_box span{margin-bottom:20px}
#business1013 .img_box{height:240px}
#business1013 .company_box01{margin-top:60px}
#business1013 .company_box01:before{width:30px}
#business1013 .company_box01 .tit_txt{white-space:normal}
#business1013 .company_box01 .tit_txt span{margin-bottom:30px;font-size:23px}
#business1013 .company_box01 .box_list{gap:10px}
#business1013 .company_box01 .box_list li{padding:35px 20px}
#business1013 .company_box01 .box_list li .icon{width:65px;height:65px}
#business1013 .company_box01 .box_list li .txt span{margin-top:20px;font-size:15px}
#business1013 .company_box02{margin-top:70px;padding:0}
#business1013 .company_box02 ul{display:block}
#business1013 .company_box02 ul li{width:100%}
#business1013 .company_box02 ul li+li{border-left:none;border-top:1px solid #e1e1e1}
#business1013 .company_box02 ul li .tit{font-size:16px}
#business1013 .company_box02 ul li .txt01{width:60%}
}
@media (max-width:630px){
#business1013 .company_box01 .box_list{display:block;margin-top:45px}
#business1013 .company_box01 .box_list li{width:100%;padding:30px 15px}
#business1013 .company_box01 .box_list li+li{margin-top:15px}
#business1013 .company_box01 .box_list li .txt{white-space:pre-line}
#business1013 .company_box01 .box_list li .txt span{margin-top:15px}
#business1013 .company_box01 .box_list li .txt span{margin-top:15px}
}
@media (max-width:480px){
.common_page{padding-top:0;font-size:14px}
#business1013 .tit_box p{font-size:20px}
#business1013 .img_box{height:200px;margin-top:35px}
#business1013 .company_box01{margin-top:45px}
#business1013 .company_box01:before{display:none}
#business1013 .company_box01 .s_eng{font-size:13px}
#business1013 .company_box01 .tit_txt span{margin:15px 0 25px;font-size:18px}
#business1013 .company_box02{margin-top:60px}
#business1013 .company_box02 ul li{padding:30px 0}
#business1013 .company_box02 ul li .tit{font-size:15px}
#business1013 .company_box02 ul li .txt01{margin-bottom:20px}
}
@media (max-width:380px){
#business1013 .img_box{height:160px}
#business1013 .company_box02 ul li .txt01{width:80%}
}
/* 반응형 e */