@charset "utf-8";

/* 공통 */
.pagecommon{color:#666;letter-spacing:-.3px;line-height:25px;font-size:15px;font-family:'notokr-regular'}
.pagecommon .tit_area{margin-bottom:20px;color:#111;line-height:1.3;font-size:35px;font-family:'Play','LotteMartDreambold'}
.pagecommon .tit_area > span{display:inline-block;position:relative;padding-left:20px;margin-bottom:30px;color:var(--primary);font-weight:600;font-size:15px}
.pagecommon .tit_area > span:after{position:absolute;left:0;top:8px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}
.pagecommon .tit_area p span{color:var(--primary)}
.pagecommon .cont_area{position:relative;margin:-60px 0 0 80px;padding:60px;background:#fff;border:1px solid #e1e1e1}
.pagecommon .cont_area b{color:#111;font-size:20px;font-family:'LotteMartDreambold'}
.pagecommon .cont_area .sign{text-align:right}
.pagecommon .cont_area .sign span{color:#333;font-family:'notokr-medium'}
.pagecommon .tit_center{color:var(--primary);font-size:15px;font-family:'LotteMartDreambold';text-align:center}
.pagecommon .top_box{padding-bottom: 30px;text-align:center}
.pagecommon .top_box p{padding:50px 0 30px 0;color:#111;line-height:1.4;font-size:35px;font-family:'LotteMartDreambold'}

.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/* p37 */
#p37 .cont_box{background:url(/sh_page/img/p37_bg.jpg) no-repeat;height:920px;background-size: cover;padding:150px 0}
#p37 .cont_box ul{display:grid;grid-template-columns:repeat(2, 1fr);width:100%;max-width:1200px;margin:0 auto;background:#fff}
#p37 .cont_box ul li{padding:80px 70px}
#p37 .cont_box ul li:nth-child(n+3){border-top:1px solid #e1e1e1}
#p37 .cont_box ul li:nth-child(even){border-left:1px solid #e1e1e1}
#p37 .cont_box ul .flex{padding-bottom: 50px;display:flex;justify-content: space-between;}
#p37 .cont_box ul .flex .left{color:#111;font-size:22px;font-family:'notokr-bold'}
#p37 .cont_box ul .flex .left p{padding-bottom: 8px;color:#111;opacity:0.6;font-family:'Play';font-weight:700;font-size:15px}
#p37 .cont_box ul .flex .right .img_box{width:74px;line-height:74px;background:#f7f7f7;border-radius:2px;text-align:center}

/* p39 */
#p39 .cont_box ul{display: grid;grid-template-columns: repeat(3, 1fr);margin:0 auto;background:#fff}
#p39 .cont_box ul li{padding:50px 36px;border:1px solid #e1e1e1}
#p39 .cont_box ul li:nth-child(1),#p39 .cont_box ul li:nth-child(2){border-right:none}
#p39 .cont_box ul .flex{padding-bottom:50px;display:flex;justify-content: space-between}
#p39 .cont_box ul .flex .left{color:#111;font-size:22px;font-family:'notokr-bold'}
#p39 .cont_box ul .flex .left p{padding-bottom: 8px;color:#111;opacity:0.6;font-family:'Play';font-weight:700;font-size:15px}
#p39 .cont_box ul .flex .right .img_box{width:74px;line-height:74px;background:#f7f7f7;border-radius:2px;text-align:center}

/* 반응형 [s] */
@media (max-width:1300px){
.pagecommon{padding:0 30px}
#p37 .cont_box{padding:120px 40px}
#p37 .cont_box .ko_txt br{display:none}
}
@media (max-width:1024px){
.pagecommon .tit_area{font-size:30px}
.pagecommon .pl{white-space:normal}
.pagecommon .cont_area{padding:34px}
.pagecommon .cont_area b{display:block;padding-bottom:20px}
.pagecommon .cont_area .sign{padding-top:30px}
.pagecommon .top_box p{font-size:30px}

#p37 .cont_box{padding:90px 40px;height:auto}
#p37 .cont_box ul li{padding:60px 40px}
#p39 .cont_box ul{grid-template-columns:repeat(1, 1fr)}
#p39 .cont_box ul li{border-bottom:none}
#p39 .cont_box ul li:last-child{border-bottom:1px solid #e1e1e1}
#p39 .cont_box ul li:nth-child(1),#p39 .cont_box ul li:nth-child(2){border-right:1px solid #e1e1e1}
}
@media (max-width:768px){
.pagecommon{padding:0 15px}
.pagecommon .tit_area{font-size:25px}
.pagecommon .cont_area{margin:0;padding:34px 0 0;border:none}
.pagecommon .cont_area .sign{padding-top:20px}
.pagecommon .top_box br{display:none}
.pagecommon .top_box p{padding:50px 0 10px 0;font-size:25px}

#p37 .cont_box{padding:34px 26px}
#p37 .cont_box ul .flex{padding-bottom:30px}
#p37 .cont_box ul .flex .left{font-size:20px}
#p37 .cont_box ul .flex .left p{font-size:14px}
}
@media (max-width:600px){
#p37 .cont_box ul{grid-template-columns:repeat(1, 1fr)}
#p37 .cont_box ul li{padding:34px}
}
@media (max-width:480px){
.pagecommon .tit_area{font-size:22px}
.pagecommon .cont_area b{font-size:18px}
.pagecommon .tit_area br{display:none}
.pagecommon .top_box p{padding:30px 0;font-size:23px}

#p37 .cont_box{padding:30px 15px}
#p39 .cont_box ul li{padding:30px}
#p39 .cont_box ul .flex .left{font-size:20px}
}
/* 반응형 [e] */