@charset "utf-8";

/* 공통 */
.pgcm .pl{white-space:pre-line;line-height:1.3}
.pgcm .tit_area{margin-bottom:70px;text-align:center}
.pgcm .tit_area > span{display:inline-block;margin:0 auto;padding:5px 13px;background-color:var(--primary);color:#fff;font-size:13px;font-weight:700;font-family:'poppins'}
.pgcm .sub_tit span{display:inline-block;padding:8px 11px;background-color:var(--primary);color:#fff;font-size:13px;font-weight:700;border-radius:10px;font-family:'Poppins'}

/* p33 회사개요 */
#p33{display:flex;justify-content:space-between;gap:20px}
#p33 .txt_area{width:100%}
#p33 .txt_area .tit{margin-right:30px;padding:0 0 22px 12px;border-bottom:1px solid #e1e1e1}
#p33 .txt_area .tit span{display:inline-block;margin:10px 0 14px;padding:5px 13px;background-color:var(--primary);color:#fff;font-size:13px;font-weight:700;font-family:'poppins'}
#p33 .txt_area .tit p{margin-bottom:15px;color:#222;font-size:27px}
#p33 .txt_area .tit p b{font-weight:700}
#p33 .txt_area .tit div{color:#777;font-size:16px}
#p33 .txt_area .cont ul{margin-top:30px}
#p33 .txt_area .cont ul li{display:flex;align-items:center;gap:20px;margin-bottom:14px;padding-left:10px}
#p33 .txt_area .cont ul li:nth-last-child(1){margin-bottom:0}
#p33 .txt_area .cont ul li span{display:inline-block;padding:9px 0;width:167px;background-color:#f7f7f7;color:#222;border-radius:20px;border:1px solid #e1e1e1;font-size:16px;font-weight:500;text-align:center}
#p33 .txt_area .cont ul li p{color:#777;font-size:16px}

/* p34 연혁 */
#p34 .img_area{margin-bottom:35px}
#p34 .img_area img{width:100%}
#p34 .cont_area{display:flex;justify-content:space-between;width:100%}
#p34 .cont_area .tit{width:300px}
#p34 .cont_area .tit span{display:inline-block;margin-bottom:40px;padding:5px 13px;background-color:var(--primary);color:#fff;font-size:13px;font-weight:700;font-family:'poppins'}
#p34 .cont_area .tit p{margin-bottom:45px;color:#222;font-size:40px;line-height:1}
#p34 .cont_area .tit p b{font-weight:700}
#p34 .cont_area .tit div{color:#777;font-size:16px}
#p34 .cont_area .dl_wrap{width:69%}
#p34 .cont_area .dl_wrap dl{display:flex}
#p34 .cont_area .dl_wrap dl:nth-child(2n){background-color:#f7f7f7}
#p34 .cont_area .dl_wrap dl:nth-child(1) .day{color:var(--primary)}
#p34 .cont_area .dl_wrap dl dt{position:relative;display:flex;justify-content:center;padding:40px 0;width:155px;color:#222;border-right:1px solid #e1e1e1;font-size:25px;font-weight:700;font-family:'Poppins'}
#p34 .cont_area .dl_wrap dl dt::before{position:absolute;top:54px;right:-3px;display:block;content:'';width:5px;height:5px;background-color:var(--primary);border-radius:100%}
#p34 .cont_area .dl_wrap dl dd{display:inline-block;padding:45px 0 40px 10px;line-height:1.5}
#p34 .cont_area .dl_wrap dd .day_wrap{position:relative;padding-left:110px;margin-bottom:6px}
#p34 .cont_area .dl_wrap dl .day{position:absolute;left:0;top:0;display:inline-block;width:40px;color:#777;font-size:16px;font-weight:700;text-align:right;font-family:'Poppins'}
#p34 .cont_area .dl_wrap dl .cont{display:block;color:#777;font-size:16px;font-family:'pretendard'}

/* p35 방침 */
#p35 .tit_area b{display:block;margin:12px 0 30px;color:#222;font-size:27px;font-weight:700}
#p35.pgcm .cont_area{padding:0 50px}
#p35.pgcm .sub_tit{display:flex;gap:20px;padding:0 0 11px 10px;margin-bottom:24px;border-bottom:1px solid #e1e1e1}
#p35.pgcm .sub_tit span{border-radius:0}
#p35 .sub_tit p{color:#222;font-size:20px}
#p35 .sub_tit p b{font-weight:700}
#p35 .cont_area ul img{width:100%}
#p35 .cont_area{margin-bottom:70px;word-break:keep-all}
#p35 .cont_area .txt{padding:0 0 48px 10px;color:#777;font-size:16px;line-height:1.6}
#p35 .cont_area .txt span{color:#222;text-decoration:underline;text-underline-offset:5px}
#p35 .cont_area ul{display:flex;gap:20px;padding-left:10px}
#p35 .cont_area ul img{display:block;border-radius:10px}

/* p38 열처리 */
#p38 .tit_area b{display:block;margin:11px 0;color:#222;font-size:27px;font-weight:700}
#p38 .tit_area p{position:relative;color:#777;font-size:18px}
#p38 .tit_area p span{position:relative;color:#222}
#p38 .tit_area p span::after{position:absolute;bottom:0;left:0;display:block;content:'';width:100%;height:50%;background-color:var(--primary);opacity:0.2}
#p38 .sub_tit{margin:16px 0 12px}
#p38 .sub_tit b{display:inline-block;margin-left:19px;color:#222;font-size:20px;font-weight:700}
#p38 .cont_area ul{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px}
#p38 .cont_area ul:nth-child(2n){flex-direction:row-reverse}
#p38 .cont_area ul li{width:100%}
#p38 .cont_area ul li img{display:block;width:100%;border-radius:10px}
#p38 .cont_area ul li table{width:100%;border-collapse:collapse}
#p38 .cont_area ul li table tr{font-size:16px;border-top:1px solid #e1e1e1}
#p38 .cont_area ul li table tr:nth-last-child(1){border-bottom:1px solid #e1e1e1}
#p38 .cont_area ul li table tr th{padding:16px 0 16px 25px;width:162px;background-color:#f7f7f7;color:#222;font-weight:700;text-align:start}
#p38 .cont_area ul li table tr td{padding-left:29px;color:#777}
#p38 .cont_area ul li table tr td.thick{padding:23px 0 23px 29px}

/* 시설 공통부분 */
.facilities.pgcm .tit_area{margin-bottom:50px}
.facilities .tit_area b{display:block;margin:12px 0;color:#222;font-size:27px;font-weight:700}
.facilities .tit_area p{color:#777;font-size:16px;line-height:1.5}
.facilities .tit_area p span{position:relative;color:#222;font-weight:700}
.facilities .tit_area p span::after{position:absolute;top:50%;left:0;display:block;content:'';width:100%;height:10px;background-color:var(--primary);opacity:0.2}
.facilities .img_area img{display:block}

/* p40 생산설비안내 */
#p40 .img_area{margin:70px auto 0;padding:55px;width:1120px;background-color:#f7f7f7}
#p40 table{margin:0 auto;width:1120px;font-size:16px;color:#222;text-align:center;border-top:3px solid var(--primary);border-collapse:collapse}
#p40 table tr{border-bottom:1px solid #e1e1e1}
#p40 table tr th,
#p40 table tr td{padding:10px 0;border-right:1px solid #e1e1e1}
#p40 table tr td{color:#777}
#p40 table tr:nth-child(1) th{font-weight:700;background-color:rgba(244, 115, 32, 0.1)}
#p40 table tr:not(:first-child) th{background-color:#f7f7f7}

/* p41 검사설비 */
#p41 .img_area{margin:0 auto;padding:55px;width:859px;background-color:#f7f7f7}

@media (max-width:1440px){
    #p33 .txt_area .tit > *{word-break:keep-all}
    #p33 .txt_area .cont ul li p{word-break:keep-all}
    #p34 .cont_area{padding:0 1%}
    #p40 .tbl_wrap{overflow-x:auto}
}
@media (max-width:1160px){
    #p33{display:block;padding:0 5%}
    #p33 .txt_area{text-align:center}
    #p33 .img_area img{display:block;margin-top:4%;width:100%}
    #p40 .img_area,
    #p41 .img_area{width:100%}
    #p40 .img_area img,
    #p41 .img_area img{width:100%}
}
@media (max-width:1024px){
    #p34 .cont_area{display:block}
    #p34 .cont_area .tit{margin:0 0 50px 0;width:100%;text-align:center}
    #p34 .cont_area .tit span{margin-bottom:24px}
    #p34 .cont_area .tit p{margin-bottom:20px}
    #p34 .cont_area .tit div{white-space:normal;word-break:keep-all}
    #p34 .cont_area .dl_wrap{width:100%}
    #p35.pgcm .sub_tit{padding-left:0}
    #p35.pgcm .cont_area{padding:0 10px}
    #p35.pgcm .sub_tit p{font-size:19px;word-break:keep-all}
    #p38 .cont_area ul{display:block;padding:0 20px}
}
@media (max-width:768px){
    .pgcm .tit_area p{padding:0 10px;word-break:keep-all;white-space:normal}
    #p33{padding:0 2%}
    #p33 .txt_area .tit{margin-right:0;padding:0 0 22px 0}
    #p33 .txt_area .tit p{font-size:25px}
    #p33 .txt_area .cont ul li{gap:15px;padding-left:0}
    #p33 .txt_area .cont ul li span{width:108px}
    #p34 .cont_area .dl_wrap dl{display:block}
    #p34 .cont_area .dl_wrap dl dt{padding:40px 0 0;border-right:none}
    #p34 .cont_area .dl_wrap dl dt::before{display:none}
    #p34 .cont_area .dl_wrap dl .day{width:75px}
    #p34 .cont_area .dl_wrap dl .day:before{position:absolute;top:50%;left:40px;display:block;content:'';width:5px;height:5px;background-color:#777;border-radius:100%;transform:translate(-50%, -50%)}
    #p34 .cont_area .dl_wrap dl:nth-child(1) .day:before{background-color:var(--primary)}
    #p35.pgcm .sub_tit span{width:38px;height:38px}
    #p35 .cont_area ul{display:block}
    #p35 .cont_area ul li{margin-bottom:20px}
    #p40 .img_area,
    #p41 .img_area{margin-top:25px;padding:25px}   
}
@media (max-width:480px){
    .pgcm .tit_area{margin:20px 0 30px}
    #p33 .txt_area .tit p{white-space:normal}
    #p33 .txt_area .cont ul li{display:block}
    #p33 .txt_area .cont ul li span{margin-bottom:10px}
    #p34 .cont_area .dl_wrap dd .day_wrap{padding-left:80px;word-break:keep-all}
    #p34 .cont_area .dl_wrap dl .day{width:55px}
    #p34 .cont_area .dl_wrap dl .day:before{left:26px}
    #p34 .cont_area .dl_wrap dl dd{padding-top:25px}
    #p34 .cont_area .dl_wrap dl dt{width:110px}
    #p35.pgcm .sub_tit{margin-bottom:13px}
    #p38 .cont_area ul li table tr th{padding:16px;width:149px}
    #p38 .cont_area ul li table tr td{padding-left:16px;word-break:keep-all}
    #p38 .cont_area ul li table tr td.thick{padding-left:16px}
}
@media (max-width:390px){
    #p38 .cont_area ul{padding:0 5px}
    #p38 .cont_area ul li table tr th{width:117px}
}