@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

.pagecommon{font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .top_box p{margin-bottom:28px;font-weight:600;color:var(--page-color)}
.pagecommon .top_box b{display:block;font-size:30px;line-height:1.35;color:#111}

/* 인사말 */
#p35{text-align:center}
#p35 .top_box{position:relative;width:calc(100% - 100px);margin:0 auto;padding-bottom:75px;background-color:#fff}
#p35 .img_box{width:100%;height:300px;margin:-70px 0 65px;background:url('/sh_page/img/p35_img.jpg') no-repeat center / cover}
#p35 .gr_txt span{font-weight:600;text-decoration:underline;color:#333}
#p35 .gr_txt b{display:block;margin-top:40px;font-weight:600;color:#111}
#p35 .mid_txt{position:relative;margin:55px 0}
#p35 .mid_txt:before{position:absolute;left:0;top:50%;content:'';z-index:-1;width:100%;height:1px;background:#e1e1e1}
#p35 .mid_txt span{display:block;width:fit-content;margin:0 auto;padding:3px 20px;border-radius:50px;font-weight:600;color:#fff;background-color:var(--page-color)}

/* 회사연혁 */
#p36{display:flex}
#p36 .top_box{flex-shrink:0;width:320px}
#p36 .r_his{width:100%}
#p36 .r_his .img_box{width:100%;height:220px;background:url('/sh_page/img/p36_img.jpg') no-repeat center / cover}
#p36 .his_cont{padding:42px 40px 0}
#p36 .his_cont dl{position:relative;padding:0 0 36px 35px}
#p36 .his_cont dl:last-child{padding-bottom:0}
#p36 .his_cont dl:before{position:absolute;left:0;top:14px;content:'';width:5px;height:5px;border-radius:100px;background:var(--page-color)}
#p36 .his_cont dl:after{position:absolute;left:2.5px;top:0;content:'';z-index:-1;width:1px;height:100%;background:#e1e1e1}
#p36 .his_cont dl:first-child:after{top:auto;bottom:0;height:calc(100% - 17px)}
#p36 .his_cont dl:last-child:after{height:17px}
#p36 .his_cont dl dt{margin-bottom:17px;font-size:20px;font-weight:700;color:#111}
#p36 .his_cont dl dd ul li{display:flex}
#p36 .his_cont dl dd ul li span{flex-shrink:0;width:40px;font-weight:600;color:var(--page-color)}

@media (max-width:1230px){}
@media (max-width:1024px){
.pagecommon .top_box b{font-size:25px}
#p35 .top_box{width:calc(100% - 60px);padding:0 20px 50px}
#p35 .img_box{height:220px}
#p36 .top_box{width:250px}
#p36 .r_his .img_box{height:200px}
#p36 .his_cont{padding:40px 30px 0}
}
@media (max-width:768px){
.pagecommon{font-size:15px}
.pagecommon .top_box p{margin-bottom:20px}
.pagecommon .top_box b{font-size:23px}
#p35 .img_box{margin-bottom:50px}
#p35 .gr_txt{width:80%;margin:0 auto;white-space:normal}
#p35 .mid_txt{margin:40px 0}
#p36{flex-flow:column;gap:35px}
#p36 .top_box{width:100%}
#p36 .r_his .img_box{height:180px}
#p36 .his_cont{padding:40px 15px 0}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .top_box b{font-size:20px}
#p35 .top_box{width:calc(100% - 30px);padding-bottom:40px}
#p35 .img_box{height:170px;margin-bottom:40px}
#p35 .gr_txt{width:100%}
#p35 .mid_txt{margin:35px 0}
#p36{gap:30px}
#p36 .top_box b{white-space:normal}
#p36 .r_his .img_box{height:140px}
#p36 .his_cont{padding-top:30px}
#p36 .his_cont dl{padding-bottom:25px}
#p36 .his_cont dl:before{top:12px}
#p36 .his_cont dl dt{margin-bottom:10px;font-size:18px}
}
@media (max-width:380px){
.pagecommon .top_box b{font-size:18px}
#p35 .top_box{width:100%;padding:0 15px 30px}
#p35 .img_box{height:110px;margin:0 0 35px}
}