@charset "utf-8";

.pagecommon *{word-break:keep-all}
.pagecommon{font-size:18px;line-height:1.6;font-weight:400;font-family:'pretendard'}
.pagecommon .top_tit{width:320px;position:relative;padding:40px 50px 20px;font-size:32px;color:#111;font-weight:700}
.pagecommon .top_tit::before{position:absolute;width:42px;height:28px;background:url('/sh_page/img/quote.png') no-repeat center;left:0;top:0;content:''}

#p33 .txt_area p{border-top:3px solid #e1e1e1;padding-top:40px;white-space:pre-line;color:#555}
#p33 .txt_area p span{display:inline-block;margin-bottom:20px;font-size:25px;color:#333}
#p33 .txt_area p span b{color:#359c95}
#p33 .name{color:#333;font-weight:600;text-align:right;padding:40px 50px}

#p34 .top_tit{display:flex;justify-content:space-between;align-items:center;padding:40px 50px 20px;width:100%}
#p34 .top_tit .icon_wrap{width:80px;height:80px;line-height:80px;text-align:center;background-color:#f5f5f5;border-radius:10px}
#p34 .txt_area{padding:40px 50px;color:#333;border-top:3px solid #359c95}

#p35 ul{padding-top:40px;margin-bottom:40px;display:flex;gap:40px;border-top:3px solid #359c95}
#p35 ul li{padding:30px;display:flex;flex-flow:column;gap:20px;align-items:center;width:calc(100% / 3);height:240px;border:1px solid #e1e1e1}
#p35 ul li span{width:26px;height:26px;line-height:26px;background-color:#359c95;color:#fff;font-weight:700;border-radius:100%;text-align:center;font-size:13px;font-family:'Montserrat'}
#p35 ul li p{color:#333;white-space:pre-line;text-align:center}
#p35 p{padding:40px 50px;font-size:18px;color:#333;border-top:3px solid #359c95}

.product .top_area{text-align:center;margin-bottom:60px}
.product .tit{font-size:35px;padding-bottom:40px;margin-bottom:40px;border-bottom:3px solid #359c95;font-weight:700;color:#222}
.product .cont li{display:flex;justify-content:space-between;background-color:#f5f5f5;padding:40px}
.product .cont li .m_tit{width:160px;height:47px;text-align:center;border-radius:30px;border:1px solid #e1e1e1;color:#333;font-size:18px;line-height:47px;font-weight:600;background-color:#fff}
.product .cont li + li{margin-top:40px}
.product .cont li .cont_box{width:calc(100% - 300px)}
.product .cont li .cont_box p{position:relative;padding-left:16px;display:flex;align-items:baseline}
.product .cont li .cont_box p::before{position:absolute;width:4px;height:4px;border-radius:100%;background-color:#359c95;left:0;top:14px;transform:translateY(-50%);content:""}
.product .cont li .cont_box p .txt{margin-left:10px;display:flex;flex-flow:column}
.product .cont li .cont_box p .txt b{font-weight:normal}
.product .cont li .box_wrap {width:calc(100% - 300px)}
.product .cont li .img_wrap{border:1px solid #e1e1e1;padding:40px;margin-bottom:40px;display:flex;justify-content:space-between;gap:40px;background-color:#fff}
.product .cont_wrap + .cont_wrap{padding-top:70px;margin-top:70px;border-top:1px dashed #e1e1e1}
.product .table_wrap{border-top:3px solid #333;border-bottom:1px solid #e1e1e1;margin-top:60px;font-size:16px}
.product .table_wrap table{width:100%;border-spacing:0;background-clip:padding-box;border-collapse:collapse}
.product .table_wrap table tr + tr{border-top:1px solid #e1e1e1}
.product .table_wrap table tr th{background-color:#f5f5f5;padding:15px 0}
.product .table_wrap table tr th + th{border-left:1px solid #e1e1e1}
.product .table_wrap table tr td{padding:15px 0;text-align:center}
.product .table_wrap table tr td + td{border-left:1px solid #e1e1e1}
.product .table_wrap .line{border-left:1px solid #e1e1e1}

#p42{margin-bottom:70px}
#p42 div{display:flex;align-items:first baseline}
#p42 div .lft{width:530px;white-space:pre-line}
#p42 div .lft p{font-size:30px;font-weight:300;color:#111}
#p42 div .lft p span{font-weight:700}
#p42 div .lft p span b{color:#359c95}
#p42 div .rgt{padding-top:40px;width:calc(100% - 530px);border-top:3px solid #359c95}
#p42 div .rgt li{display:flex;gap:20px;align-items:center;font-family:var(--e-font)}
#p42 div .rgt li p{background-color:#111;color:#fff;width:115px;height:35px;line-height:35px;border-radius:20px;text-align:center;font-weight:600;font-size:13px}
#p42 div .rgt li + li{margin-top:20px;padding-top:20px;border-top:1px dashed #e1e1e1}
#p42 img{margin-top:70px}

/* 반응형 [s] */
@media (max-width:1200px){
.product img{width:100%;}
}
@media (max-width:1024px){
.pagecommon{padding:0 20px}
#p42 div{display:block}
#p42 div .lft{width:100%;white-space:normal}
#p42 div .rgt{width:100%;margin-top:30px}
#p42 img{margin-top:50px}
}
@media (max-width:768px){
.pagecommon{font-size:16px}
#p33 .name{padding:50px 0}
#p34 .top_tit{padding:40px 0 20px;font-size:27px}
#p34 .top_tit .icon_wrap{display:none}
#p34 .txt_area{padding:40px 0}
.pagecommon .top_tit{padding:40px 0 20px;font-size:27px}
.pagecommon .top_tit::before{background-size: 80%}
#p35 p{font-size:16px;padding:40px 0}
.product .tit{font-size:30px;padding-bottom:30px}
.product .cont_wrap + .cont_wrap{padding-top:40px;margin-top:40px}
.product .cont li{display:block}
.product .cont li .cont_box{width:100%;margin-top:20px}
.product .cont li .m_tit{width:100%;height:40px;font-size:16px;line-height:40px}
.product .table_wrap{margin-top:40px;max-width:1040px;overflow-x:scroll}
.product .table_wrap table {width:100%}
.product .table_wrap table tr td{padding:15px 5px}
.product .cont li{padding:40px 25px}
.product .cont li + li{margin-top:20px}
#p42 div .lft p{font-size:25px}
#p42{margin-bottom:30px}
}
@media (max-width:480px){
#p33 .txt_area p{border-top:none;padding-top:0}
#p33 .txt_area p span{font-size:20px;margin-bottom:0}
.product .tit{font-size:25px;padding-bottom:20px;margin-bottom:30px}
.product .top_area{margin-bottom:40px}
#p42 div .lft p span{word-break:keep-all}
}
@media (max-width:380px){
#p42 div .lft p{font-size:20px}
#p42 div .rgt{width:100%;padding-top:20px}
}
/* 반응형 [e] */