@charset "utf-8";

/* =========================== PAGE */
.pagecommon{font-size:16px;line-height:1.8;letter-spacing:-.3px;color:#666}
    
/* 회사연혁 및 대표자 약력 */
#history1002{position:relative}
#history1002 .point_img{position:absolute;right:50px;top:0;width:485px;height:432px;background:url(../img/sub/history1002_top.jpg) no-repeat center;background-size:cover}
#history1002 .box_tit{font-size:30px;font-weight:700;letter-spacing:0;color:#222;font-family:'Poppins'}
#history1002 .box_tit span{display:inline-block;margin-left:20px;padding-left:20px;border-left:1px solid #e1e1e1;font-size:15px;font-weight:normal;line-height:1;letter-spacing:-.3px;color:#888;font-weight:500;font-family:'Noto Sans KR'}
#history1002 .ceo_box{padding:45px 50px 64px}
#history1002 .ceo_box .line{display:block;width:45px;height:3px;margin:34px 0 43px;background:#f48c05}
#history1002 .ceo_box .profile_list{line-height:28px}
#history1002 .ceo_box .profile_list li{position:relative;padding-left:18px}
#history1002 .ceo_box .profile_list li:before{position:absolute;left:0;top:13px;content:'';width:3px;height:3px;border-radius:100px;background:#333}
#history1002 .his_box{padding:45px 50px 64px;background:#f5f5f5}
#history1002 .his_box .his_list{position:relative;z-index:1;margin-top:43px}
#history1002 .his_box .his_list:before{position:absolute;left:-2px;top:0;content:'';width:7px;height:7px;border-radius:100px;border:2px solid #f48c05;background:#fff}
#history1002 .his_box .his_list dl{display:flex;position:relative}
#history1002 .his_box .his_list dl:first-child{padding-top:47px}
#history1002 .his_box .his_list dl:after{position:absolute;left:1px;top:0;content:'';z-index:-1;width:1px;height:100%;background:#e1e1e1}
#history1002 .his_box .his_list dl:last-child:after{height:47px}
#history1002 .his_box .his_list dl+dl{padding-top:30px}
#history1002 .his_box .his_list dl dt{position:relative;width:100px;padding-left:18px;font-size:20px;font-weight:600;letter-spacing:0;color:#333;font-family:'Poppins'}
#history1002 .his_box .his_list dl dt:before{position:absolute;left:0;top:15px;content:'';width:3px;height:3px;border-radius:100px;background:#333}
#history1002 .his_box .his_list dl dd{padding-top:3px}
#history1002 .his_box .his_list dl dd ul li{display:flex}
#history1002 .his_box .his_list dl dd ul li .day{width:40px;color:#333;font-weight:600;font-family:'Poppins'}
#history1002 .his_box .his_list dl dd ul li .txt{width:calc(100% - 40px);margin-top:-2px}
/* 반응형 [s] */
@media (max-width:1024px){
#history1002 .point_img{right:30px;width:45%}
#history1002 .box_tit{font-size:25px}
#history1002 .ceo_box{padding:45px 30px 64px}
#history1002 .his_box{padding:45px 30px 64px}
}
@media (max-width:768px){
.pagecommon{font-size:15px}
#history1002 .point_img{position:initial;width:100%;height:260px}
#history1002 .his_box .his_list:after{height:75%}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
#history1002 .point_img{height:200px}
#history1002 .box_tit{font-size:20px}
#history1002 .box_tit span{margin-left:15px;padding-left:15px;font-size:14px}
#history1002 .ceo_box{padding:45px 15px}
#history1002 .ceo_box .line{width:35px;margin:30px 0 35px}
#history1002 .his_box{padding:45px 15px}
#history1002 .his_box .his_list{margin-top:35px}
#history1002 .his_box .his_list dl:first-child{padding-top:35px}
#history1002 .his_box .his_list dl dt{font-size:18px}
#history1002 .his_box .his_list dl dd{padding-top:1px}
#history1002 .his_box .his_list dl dd ul li .txt{word-break:keep-all}
}
@media (max-width:380px){
#history1002 .point_img{height:145px}
#history1002 .box_tit{font-size:18px}
#history1002 .his_box .his_list dl{display:block}
#history1002 .his_box .his_list dl dt{font-size:16px}
#history1002 .his_box .his_list dl dd{padding:5px 0 0 18px}
#history1002 .his_box .his_list dl dd ul li .day{width:35px}
#history1002 .his_box .his_list dl dd ul li .txt{width:calc(100% - 35px)}
}
/* 반응형 [e] */