@charset "utf-8";
/* 공통 */
.common .en_tit{position:relative;margin-bottom:40px;color:#0054a6;letter-spacing:0.4px;font-size:13px;font-weight:700;font-family:'Poppins', sans-serif}

/* 인사말 */
#p33{color:#777;letter-spacing:-.3px;line-height:1.7;font-size:15px;font-family:'notokr-regular'}
#p33 .tit_box{text-align:center;color:#222;font-size:32px;font-family:'notokr-light'}
#p33 .tit_box .en_tit{position:relative;margin-bottom:40px;color:#0054a6;letter-spacing:0.4px;font-size:13px;font-weight:700;font-family:'Poppins', sans-serif}
#p33 .tit_box .en_tit:after{display:block;content:"";width:40px;height:1px;margin:20px auto 20px;background-color:#ddd}
#p33 .tit_box .ko_tit span{font-family:'notokr-bold'}
#p33 .cont_box{margin:60px 0;display:flex;justify-content:space-evenly;align-items:center}
#p33 .cont_box .img_box img{width:100%}
#p33 .cont_box .cont_txt{word-break:keep-all}
#p33 .cont_box .cont_txt .point{color:#222;line-height:1.6;font-size:20px;font-family:'notokr-bold'}
#p33 .cont_box .cont_txt .sign{padding:40px 0;color:#222;font-family:'notokr-medium'}

/* 오일정제 */
#p45{text-align:center;letter-spacing:-.3px;font-family:'notokr-regular'}
#p45 .bg_box{padding-top:60px;height:400px;color:#fff;background:url(/sh_page/img/p45_img_bg.jpg);background-repeat:no-repeat;white-space:pre-line;line-height:1.7;font-size:16px}
#p45 .bg_box .tit{margin-bottom:20px;line-height:42px;font-size:30px;font-family:'notokr-bold'}
#p45 .txt_cont{margin-bottom:80px;color:#777;line-height:1.7;white-space:pre-line}
#p45 .txt_cont p{color:#222;font-size:30px;font-family:'notokr-bold'}
#p45 .txt_cont span{text-decoration:underline;color:#222;font-family:'notokr-bold'}
#p45 .box_cont{margin-bottom:100px;display:flex;justify-content:space-around;color:#6c747c}
#p45 .box_cont .box{padding:20px 50px 50px 50px;width:48%;border-radius:30px}
#p45 .box_cont .box:nth-child(1){background:#eaeff5}
#p45 .box_cont .box:nth-child(2){background:#f4f6f8}
#p45 .box_cont .box p{margin-bottom:20px;color:#222;font-size:22px;font-family:'notokr-bold'}
#p45 .box_cont .box ul{line-height: 1.7;text-align:left;word-break:keep-all}
#p45 .box_cont .box ul li{position:relative;padding-left:16px}
#p45 .box_cont .box ul li:after{position:absolute;left:0;top:9px;content:'';width:2px;height:2px;background:#0054a6}

/* 정제 과정 및 결과 */
#p46{text-align:center}
#p46 .tit_box{margin-bottom:40px;color:#222;font-size:30px;font-family:'notokr-bold'}
#p46 .tit_box .en_tit{margin:20px}
#p46 .cont_area{display:flex;justify-content:space-around}
#p46 .cont_area li{position:relative;margin:40px;padding:20px;border:1px solid #e1e1e1}
#p46 .cont_area li span{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:150px;height:37px;line-height:35px;background-color:#4e78bb;color:#fff;text-align:center;font-family:'notokr-regular'}

/* 반응형 [s] */
@media (max-width:1024px){
#p33{padding:20px}
#p33 .cont_box{margin:60px 0 0 0;flex-direction:column}
#p33 .cont_box .cont_txt{text-align:center;margin-top:50px}
#p33 .tit_box{font-size:30px}
#p33 .tit_box .ko_tit{word-break:keep-all;}
#p45{padding:20px 0 0 0}
#p45 .box_cont{margin-bottom:20px}
#p46 .cont_area{flex-direction:column}
}
@media (max-width:768px){
#p45 .bg_box .tit{font-size:26px}
#p45 .box_cont{margin-bottom:0;flex-direction:column}
#p45 .box_cont .box{margin:10px 0 0 0;width:100%;border-radius:0}
#p45 .txt_cont{padding:0 20px}
}
@media (max-width:548px){
#p45 .bg_box{font-size:14px}
#p45 .bg_box .tit{line-height:32px;font-size:22px}
#p45 .txt_cont p {font-size:26px}
}
@media (max-width:480px){
#p33{padding:10px}
#p33 .tit_box{line-height:36px;font-size:26px}
#p45{word-break:keep-all}
#p45 .bg_box{padding:40px 20px 0;height:380px}
#p45 .bg_box .tit {font-size:20px;line-height:30px}
#p45 .txt_cont{margin-bottom:40px;padding:0 28px}
#p45 .txt_cont p {font-size:28px}
#p46 .cont_area li img{width:100%}
#p46 .cont_area li{margin:20px;padding:10px}
}
@media (max-width:368px){
#p33{font-size:14px}
#p33 .tit_box{line-height:32px;font-size:22px}
#p33 .tit_box .en_tit{margin-bottom:20px}
#p33 .cont_box .cont_txt .point{line-height:27px;font-size:17px}
#p33 .cont_box .cont_txt .sign{padding:20px 0}
}
/* 반응형 [e] */