@charset "utf-8";

.pagecommon{font-size:17px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon .tit{padding-bottom: 30px;text-align: center;font-size: 35px;font-weight:700;color: #111;border-bottom: 1px solid #e1e1e1;}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .top_box{text-align:center}
.pagecommon .top_box span{display:block;margin-bottom:19px;font-weight:600;color:var(--primary)}
.pagecommon .top_box p{font-size:35px;font-weight:700;line-height:1.3;color:#111}
.pagecommon .tit_box b{display:block;font-size:35px;line-height:1.3;color:#111}
.pagecommon .cont_tit{display:block;position:relative;width:max-content;margin: 0 auto 50px;padding:0 30px;border-radius:50px;font-size: 17px;font-weight: 600;line-height:40px;color:#fff;background-color:#111;font-family:var(--eng-font),var(--ko-font)}
.pagecommon .mid_txt{display:block;padding: 40px 0 67px;font-size:30px;text-align:center;line-height:1.35;font-weight:700;color:#111}
.pagecommon .line_cont{position:relative}
.pagecommon .num_icon{display:flex;gap:30px;justify-content:center;padding-bottom: 100px;}
.pagecommon .num_icon li{width: 400px;padding: 50px 26px 44px;border: 1px solid var(--primary);border-radius:20px;text-align:center;background-color: #357c9926;font-size: 16px;}
.pagecommon .num_icon li:nth-child(2n){position:relative;top:30px}
.pagecommon .num_icon li span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 auto;border-radius:100%;font-size:15px;font-weight:600;color:#fff;background-color:#111}
.pagecommon .num_icon li img{display:block;margin:25px auto}
.pagecommon .num_icon li p b{display:block;margin-bottom:10px;font-size:20px;font-weight:700;color:#111}
.pagecommon .dp_cont{display:grid;grid-template-columns:repeat(2,1fr);margin-top:120px}
.pagecommon .dp_cont dl{padding:60px 40px;background:no-repeat calc(100% - 40px) calc(100% - 40px)}
.pagecommon .dp_cont dl:nth-child(2n){border-left:1px dashed #e1e1e1}
.pagecommon .dp_cont dl:nth-child(n + 3){border-top:1px dashed #e1e1e1}
.pagecommon .dp_cont dt{margin-bottom:10px;font-size:25px;font-weight:700;color:#111}
.pagecommon .img_cont{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pagecommon .img_cont li{text-align:center}
.pagecommon .img_cont li img{width:100%;border-radius:20px}
.pagecommon .img_cont li p b{display:block;margin:33px 0 8px;font-size:20px;color:#111}

/* 회사소개 */
#p33{text-align:center}
#p33 .txt_box{position:relative;width:calc(100% - 100px);margin:42px auto 0;padding:60px 0;border:1px solid #e1e1e1;border-radius:15px;font-weight:500;color:#444;background-color:#fff}
#p33 .img_box{display:flex;align-items:center;justify-content:center;flex-flow:column;width:100%;height:330px;margin-top:54px;background:url('/sh_page/img/p33_img.jpg') no-repeat center / cover}
#p33 .img_box b{display:block;margin-bottom:29px;font-size:25px;font-weight:600;color:#fff}
#p33 .img_box p{color:rgba(255,255,255,.7)}
#p33 .gr_txt{margin: 65px 0 50px;}
#p33 .gr_txt span{text-decoration:underline;font-weight:600;color:#333}
#p33 .mid_txt{font-size:30px;line-height:1.35;font-weight:700;color:#111}
#p33 .mid_txt span{color:var(--primary);}

/*사업영역*/
#p35 .busi_cont{overflow:hidden;padding-top:120px}
#p35 .busi_cont dl{display:flex;align-items:center;gap:60px}
#p35 .busi_cont dl+dl{margin-top:60px}
#p35 .busi_cont dl:nth-child(2n){flex-flow:row-reverse}
#p35 .busi_cont dl dt{width:100%;height: 310px;border-radius:15px;background:no-repeat center;background-size:cover}
#p35 .busi_cont dl:nth-child(1) dt{background-image:url('/sh_page/img/p35_img01.jpg')}
#p35 .busi_cont dl:nth-child(2) dt{background-image:url('/sh_page/img/p35_img02.jpg')}
#p35 .busi_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p35_img03.jpg')}
#p35 .busi_cont dl:nth-child(4) dt{background-image:url('/sh_page/img/p35_img04.jpg')}
#p35 .busi_cont dl dd{position:relative;width:100%;padding:35px 0 0 40px}
#p35 .busi_cont dl dd p{margin-bottom:17px;font-size:25px;font-weight:700;color:#111}
#p35 .busi_cont dl dd p span{position:absolute;left:0;top:0;font-size:60px;line-height:1;color:rgba(000,000,000,.1)}
#p37 .busi_top{position:relative;padding:0 50px 75px;background-color:#fff;text-align: center;}
#p37 .busi_top b{font-size:35px;font-weight:700;color:#111}
#p37 .busi_top p:before{display:block;content:'';width: 100%;height:1px;margin:28px 0 35px;background:#e1e1e1}
#p37 .busi_top p span{text-decoration:underline;font-weight:600;color:#333}
#p37 .img_box{width:100%;height:330px;background:no-repeat center;background-size:cover}
#p37 .img_box{background-image:url('/sh_page/img/p37_img.jpg')}
#p38 .tit_box{padding: 40px 0 80px;text-align:center}
#p38 .tit_box b{padding-bottom:30px;color: var(--primary);}
#p38 .tit_ko{padding: 20px 0;color: #222;font-size: 22px;font-weight:700}
#p38 .cont_box{padding-top:50px}
#p38 .cont_box .c_tit{display: block;position: relative;width: max-content;margin: 0 auto 50px;padding: 0 30px;border-radius: 50px;font-size: 17px;font-weight: 600;line-height: 40px;color: #fff;background-color: #111;}
#p38 .cont_box ul{display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
#p38 .cont_box .top{padding-bottom:50px}
#p38 .cont_box ul li{display:grid;justify-content: center;align-items: center;padding: 10px;border:1px solid #e1e1e1;}
#p38 .cont_box .top.flex ul{display:grid;grid-template-columns: repeat(auto-fit, minmax(220px, 220px));gap: 20px;justify-content: center;}
#p38 .cont_box .top:last-child{padding-bottom:0;}

/* 반응형 [s] */
@media (max-width:1024px){
.pagecommon{font-size:16px}
.pagecommon .tit_box b{font-size:32px}
.pagecommon .num_icon{gap:15px}
.pagecommon .num_icon li{padding:40px 15px}
.pagecommon .num_icon li:nth-child(2n){top:20px}
.pagecommon .num_icon li img{height:60px}
.pagecommon .num_icon li p b{font-size:18px}
.pagecommon .dp_cont{margin-top:100px}
.pagecommon .dp_cont dl{padding:30px 30px 50px}
.pagecommon .dp_cont dt{font-size:23px}
.pagecommon .dp_cont dd.pl{white-space:normal}
.pagecommon .img_cont{gap:20px}
.pagecommon .img_cont li p b{font-size:18px}
.pagecommon .img_cont .pl{white-space:normal}
}    
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .tit_box span{margin-bottom:15px;font-size:14px}
.pagecommon .tit_box b{font-size:23px;white-space:normal}
.pagecommon .tit_box p{font-size:15px;white-space:normal}
.pagecommon .cont_tit{padding:0 20px;font-size:14px;line-height:35px}
.pagecommon .mid_txt{padding:35px 0 45px;font-size:20px}
.pagecommon .num_icon{gap:10px}
.pagecommon .num_icon li{width:calc(100%/2 - 5px);padding:30px 10px;border-radius:10px}
.pagecommon .num_icon li img{height:45px;margin-bottom:15px}
.pagecommon .num_icon li p b{font-size:16px}
.pagecommon .dp_cont{grid-template-columns:repeat(1,1fr);margin-top:20px}
.pagecommon .dp_cont dl{padding:30px 20px}
.pagecommon .dp_cont dl:nth-child(2n){border-left:none;border-top:1px dashed #e1e1e1}
.pagecommon .dp_cont dt{font-size:16px}
.pagecommon .img_cont{grid-template-columns:repeat(1,1fr);gap:30px}
}
@media (max-width:380px){
.pagecommon .tit_box b{font-size:20px}
.pagecommon .num_icon li{width:100%;padding:20px 0}
.pagecommon .num_icon li p b{margin-bottom:5px}
}
/* 반응형 [e] */