@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.pgcm{font-size:16px;color:#666;line-height:1.6;word-break:keep-all;font-family:var(--k-font)}
.pgcm *{word-break:keep-all}
.pgcm .pl{white-space:pre-line}
.pgcm .tit_area > b{display:inline-block;padding:8px 17px;border-radius:35px;font-size:13px;color:#fff;background-color:#111;font-family:var(--e-font)}

/* 회사소개 */
#p33 .tit_area > p{font-size:30px;padding:45px 0 55px;color:#222;line-height:1.35}
#p33 .tit_area > p span{font-weight:700}
#p33 .img_box{width:430px;background: url(/sh_page/img/p33_img01.jpg) no-repeat left center;background-size:cover}
#p33 .gr_wrap{display:flex;gap:80px}
#p33 .bt_area{padding:30px 0}
#p33 .bt_area .txt01 .line{padding-bottom:2px;border-bottom:1px solid #222;color:#333}
#p33 .bt_area .txt02{padding:60px 0;font-size:20px;font-weight:700;line-height:1.5;color:#111}
#p33 .bt_area .txt02 .f_red{padding:2px 5px;color:#fff;background-color:#111}
#p33 .bt_area .sign{display:flex;align-items:flex-end;flex-direction:column;padding-right:10px;gap:10px}
#p33 .bt_area .sign span{font-size:15px;font-weight:600;color:#333}

/* 조직도 */
#p34{text-align:center}
#p34 .tit_area{margin-bottom:55px;text-align:center}
#p34 img{max-width:100%}

/* business */
.business_pg .tit_area{padding-bottom:54px;text-align:center;border-bottom:1px solid #e1e1e1}
.business_pg .tit_area .big_txt{margin:18px 0 15px;font-size:30px;font-weight:700;color:#111}
.business_pg .cont_wrap{padding-top:70px}
.business_pg .cont_wrap .cont{display:flex;gap:80px;justify-content:center;align-items:center}
.business_pg .cont_wrap .cont:nth-child(2n){flex-direction:row-reverse}
.business_pg .cont_wrap .cont+.cont{margin-top:90px}
.business_pg .cont_tit{display:flex;align-items:flex-end;line-height:1}
.business_pg .cont_tit span{font-size:80px;font-weight:700;color:rgba(000,000,000,.1);font-family:var(--e-font)}
.business_pg .cont_tit p{margin-left:-35px;font-size:25px;font-weight:700;color:#111}
.business_pg .cont_wrap .cont em{display:block;padding:8px 0 0 58px;font-style:normal;color:#888}
.business_pg .cont_wrap .cont .pl{padding:33px 0 0 55px}

/* product */
.product_pg .tit_area{border-bottom:none}
.product_pg .img_list{padding:50px;background-color:#f5f5f5}
.product_pg .img_list ul{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}
.product_pg .img_list ul li{width:calc(100%/4 - 15px)}
.product_pg .img_list ul li img{width:100%}
.product_pg .img_list p{text-align:right;color:#888}

/* 웹 배너 */
#p44 .img_list ul li:nth-child(n + 5){width:calc(100%/2 - 10px)}

/* 반응형 [s] */
@media (max-width:1230px){
#p33 .gr_wrap{gap:60px}
#p33 .img_box{width:370px;flex-shrink:0}
}
@media (max-width:1024px){
.pgcm{font-size:15px}
#p33 .tit_area > p{font-size:28px}
#p33 .gr_wrap{gap:50px}
#p33 .img_box{width:43%}
#p33 .bt_area .txt02{font-size:18px}
#p33 .bt_area .sign img{height:28px}
.business_pg .tit_area .big_txt{font-size:28px}
.business_pg .cont_wrap{padding:60px 40px 0}
.business_pg .cont_wrap .cont{gap:50px}
.business_pg .cont_wrap .cont>p{display:flex;align-items:center;justify-content:center;width:100%}
.business_pg .cont_wrap .cont>p img{display:block;max-width:100%}
.business_pg .cont_wrap .cont>div{width:100%}
.business_pg .cont_tit p{font-size:23px}
.business_pg .cont_tit span{font-size:70px}
.business_pg .cont_wrap .cont em{padding-left:47px}
.business_pg .cont_wrap .cont .pl{padding:25px 0 0 45px;white-space:normal}
.business_pg .cont_wrap .cont>p{display:flex;align-items:center;justify-content:center;width:100%}
.product_pg .img_list{padding:30px}
}
@media (max-width:768px){
#p33 .tit_area > p{padding:30px 0 45px;font-size:23px;white-space:normal}
#p33 .gr_wrap{display:block}
#p33 .img_box{width:100%;height:230px}
#p33 .bt_area{padding:35px 15px 0}
#p33 .bt_area .txt01{max-width:500px;white-space:normal}
#p33 .bt_area .txt02{padding:45px 0}
#p34 .tit_area{margin-bottom:45px}
.business_pg .tit_area{padding-bottom:45px}
.business_pg .tit_area .big_txt{font-size:23px}
.business_pg .tit_area .pl{max-width:80%;margin:0 auto;white-space:normal}
.business_pg .cont_wrap{padding:45px 30px 0}
.business_pg .cont_wrap .cont{display:block}
.business_pg .cont_wrap .cont+.cont{margin-top:60px}
.business_pg .cont_wrap .cont>p{margin-bottom:30px}
.business_pg .cont_wrap .cont>p img{display:block;width:auto;max-width:80%;margin:0 auto}
.business_pg .cont_tit p{font-size:20px}
.business_pg .cont_tit span{font-size:60px}
.business_pg .cont_wrap .cont em{padding-left:35px}
.business_pg .cont_wrap .cont .pl{padding:20px 0 0 35px}
.product_pg .img_list ul{gap:15px}
.product_pg .img_list ul li{width:calc(100%/3 - 10px)}
#p44 .img_list ul li,#p45 .img_list ul li{width:calc(100%/4 - 11.5px)}
}
@media (max-width:480px){
.pgcm{font-size:14px}
.pgcm .tit_area > b{padding:5px 15px}
#p33 .tit_area > p{padding:25px 0 40px;font-size:20px}
#p33 .img_box{height:180px}
#p33 .bt_area .txt02{padding:35px 0 40px;font-size:16px;white-space:normal}
#p33 .bt_area .sign img{height:23px}
#p33 .bt_area .sign span{font-size:14px}
#p34 .tit_area{margin-bottom:30px}
.business_pg .tit_area{padding-bottom:35px}
.business_pg .tit_area .big_txt{margin:15px 0 10px;font-size:20px}
.business_pg .tit_area .pl{max-width:100%}
.business_pg .cont_wrap{padding:45px 10px 0}
.business_pg .cont_tit p{font-size:18px}
.business_pg .cont_tit span{font-size:55px}
.business_pg .cont_wrap .cont em{padding-left:30px}
.business_pg .cont_wrap .cont .pl{padding:15px 0 0 30px}
.business_pg .cont_wrap .cont>p{margin-bottom:20px}
#p38 .cont_wrap .cont>p img{height:220px}
.product_pg .img_list{padding:15px}
.product_pg .img_list ul li{width:calc(100%/2 - 7.5px)}
#p44 .img_list ul li,#p45 .img_list ul li{width:calc(100%/2 - 7.5px)}
#p44 .img_list ul li:nth-child(n + 5){width:100%}
}
@media (max-width:380px){
#p33 .tit_area > p{padding:25px 0 35px;font-size:18px;line-height:1.5}
#p33 .img_box{height:140px}
#p33 .bt_area{padding:35px 0 0}
#p33 .bt_area .txt02{font-size:15px}
.business_pg .tit_area .big_txt{font-size:18px}
#p38 .cont_wrap .cont>p img{height:200px}
}
/* 반응형 [e] */