@charset "utf-8";

.pagecommon{font-size:16px;color:#666;letter-spacing:-.3px;line-height:25px;font-family:'Pretendard'}
.pagecommon .en{font-size:15px;font-family:'LotteMartDreamBold';color:#888;text-transform: uppercase}
.pagecommon .top_box{text-align:center}
.pagecommon .top_box .top_en{font-family:'LotteMartDreamBold';text-transform:uppercase;color:var(--primary)}
.pagecommon .top_box .top_ko{font-family:'LotteMartDreamLight'}
.pagecommon .top_box .top_ko p{padding:20px 0 30px 0;font-size:31px;color:#111;font-family:'LotteMartDreamBold'}
.pagecommon .list_box ul li img{width:100%}
.pagecommon .list_box ul li .txt_box{padding:24px 20px}
.pagecommon .list_box ul li .txt_box p{padding-bottom:13px;margin-bottom:13px;font-size: 20px;color:#111;font-family:'LotteMartDreamBold';border-bottom: 1px solid #e1e1e1}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/*#33*/
#p33 .cont_box{position: relative;width:90%;padding: 60px;background:#fff;margin:-70px auto 50px}
#p33 .cont_box .ko_tit{padding: 30px 0 40px 0;font-size:30px;font-family:'LotteMartDreamBold';color: #111;line-height:1.35}
#p33 .cont_box .ko_tit span{color:var(--primary)}
#p33 .cont_box .ko_txt .sign{color:#333;text-align:right;font-family:'LotteMartDreamMedium'}

/*#34*/
#p34 .flex{display:flex;justify-content:space-between}
#p34 b{color:var(--primary)}
#p34 .tit span{font-size:15px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#p34 .tit p{margin:20px 0 30px;font-size:30px;font-weight:300;color:#111;font-family:'LotteMartDreamBold';line-height:1.3}
#p34 .tit p b{font-weight:700}
#p34 .cont{position:relative;width:60%;font-size:15px}
#p34 .cont:after{position:absolute;content:'';top:0;left: 156px;width:1px;height:100%;background:#e1e1e1}
#p34 .cont p{position:relative;width: 129px;margin-right:20px;font-size:24px;font-weight:700;color:#111}
#p34 .cont p:after{position:absolute;content:'';z-index:10;top:10px;right:0;width:5px;height:5px;border-radius:50px;background:var(--primary)}
#p34 .cont div:first-child p{color:var(--primary)}
#p34 .cont div:nth-child(even){border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f2f2f2}
#p34 .cont div{display:flex;padding: 30px;}
#p37 .list_box ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:25px;row-gap:50px;margin-top:60px}
#p38 .list_box ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:25px;row-gap:0;margin-top:60px}
#p39 .list_box ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:25px;row-gap:0;margin-top:60px}
#p38 .list_box ul p{border-bottom:none;text-align:center}
#p39 .list_box ul p{border-bottom:none;text-align:center}

/*#41*/
#p41 .box_list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;padding:0 50px;margin-top:60px}
#p41 .box_list .box img{width:100%;border:1px solid #e1e1e1}
#p41 .box_list .txt_box{padding:24px 20px}
#p41 .box_list .txt_box p{padding-bottom:14px;margin-bottom:14px;color:#111;font-size:20px;font-family:'LotteMartDreamBold';border-bottom:1px solid #e1e1e1}
#p41 .box_list .txt_box dl{display:flex;gap:13px;align-items:center;margin-bottom:7px}
#p41 .box_list .txt_box dl dd{width:140px;padding:0 14px;line-height:37px;color:#111;background:#f7f7f7;border-radius:4px;text-align:center;font-weight:600}

/*#43*/
#p43 .company{padding:50px 0;margin-top:60px;background:url('../sh_page/img/p43_bg.jpg') no-repeat center #f5f5f5;background-size:cover}
#p43 .company ul{display:flex}
#p43 .company ul li{width:calc(100%/3);padding: 35px 0;text-align:center}
#p43 .company ul li+li{border-left:1px solid #e1e1e1}
#p43 .company ul li .tit{font-size:17px;font-weight:700;font-family:var(--e-font)}
#p43 .company ul li .txt01{position:relative;display:block;width:260px;margin:22px auto 25px;border-radius:5px;text-align:center;line-height: 46px;font-size: 17px;font-weight:700;color:#333;background-color:#fff;font-family: 'LotteMartDreamBold';}
#p43 .company ul li .txt01:before{position:absolute;left:50%;top:-6px;transform:translateX(-50%);content:'';width:10px;height:6px;background:url('../sh_page/img/p43_icon04.png') no-repeat center}
#p43 .merit ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;margin-top:30px}
#p43 .merit ul li{padding:20px;border:1px solid #e1e1e1}
#p43 .merit ul li .top{display:flex;align-items:center;padding-bottom:20px;gap:15px;font-weight:600;color:#111}
#p43 .merit ul li .top .num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-weight:700;font-size: 14px;background:var(--primary);color: #fff}
#p43 .merit ul li .top .txt{font-size:17px}

/* 반응형 [s] */
@media (max-width:1360px){
#p41 .box_list{padding:0}
}
@media (max-width:1024px){
.pagecommon{padding:30px 20px}
.pagecommon .top_box .top_ko p{font-size:25px}
#p33 .cont_box{padding:40px}
#p33 .cont_box .ko_tit{font-size:25px}
#p41 .box_list{gap:20px}
#p41 .box_list .txt_box{padding:24px 0}
#p43 .company {margin-top:30px}
#p43 .company ul li .txt01{width:90%}
}
@media (max-width:840px){
#p34 .flex{display:block !important}
#p34 .tit{text-align:center}
#p34 .tit p{margin:10px 0 20px;font-size:30px}
#p34 .cont{width:100%;margin-top:50px}
#p34 .cont p:last-child{width:300px}
}
@media (max-width:768px){
.pagecommon{padding:0 15px}
.pagecommon .ko_txt br{display:none}
.pagecommon .list_box{font-size:15px}
.pagecommon .list_box ul li .txt_box p{font-size:17px}
#p37 .list_box ul{margin-top:30px}
#p37 .list_box ul{gap:16px}
#p33 .cont_box{width:100%;margin:0 auto;padding:20px}
#p33 .cont_box .ko_tit{font-size:22px;word-break:keep-all}
#p33 .cont_box .ko_tit br{display:none}
#p34 .cont ul li br{display:none}
#p38 .list_box ul{grid-template-columns:repeat(2, 1fr);gap:16px;margin-top:30px}
#p39 .list_box ul{gap:16px;margin-top:30px}
#p41 .box_list{grid-template-columns:repeat(1, 1fr);margin-top:30px}
#p41 .box_list .txt_box p{font-size:18px}
#p41 .box_list .txt_box dl dd{width: 110px;font-size:15px}
#p41 .box_list .txt_box dl dt{font-size:15px}
#p43 .company{margin-top:30px;padding:0}
#p43 .company ul{display:block}
#p43 .company ul li{width:100%}
#p43 .company ul li+li{border-left:none;border-top:1px solid #e1e1e1}
#p43 .company ul li .tit{font-size:16px}
#p43 .company ul li .txt01{width:70%}
#p43 .merit ul{grid-template-columns:repeat(2, 1fr);margin-bottom:30px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .pl{white-space:normal}
.pagecommon .en{font-size:14px}
.pagecommon .top_box .top_ko p{padding:20px 0;font-size:22px}
.pagecommon .list_box ul li .txt_box{padding:16px}
.pagecommon .list_box ul li .txt_box p{font-size:16px}
#p37 .list_box ul{grid-template-columns:repeat(1, 1fr)}
#p38 .list_box ul{grid-template-columns:repeat(1, 1fr)}
#p39 .list_box ul{grid-template-columns:repeat(1, 1fr)}
#p33 .cont_box{padding:20px 10px}
#p33 .cont_box .ko_tit{padding:20px 0;font-size:20px}
#p33 .cont_box .ko_txt .sign{padding-top:30px;font-size:15px}
#p34 .tit p{font-size:22px}
#p34 .cont div{display:block;font-size:14px}
#p34 .cont p{display:inline-block;width:auto;margin-right:0;font-size:22px}
#p34 .cont p:after{display:none}
#p34 .cont:after{display:none}
#p41 .box_list .txt_box dl dt{font-size:14px}
#p41 .box_list {margin-top:20px}
#p43 .company{margin-top:20px}
#p43 .company ul li{padding:30px 0}
#p43 .company ul li .tit{font-size:15px}
#p43 .company ul li .txt01{margin-bottom:20px;font-size:17px}
#p43 .merit ul{grid-template-columns:repeat(1, 1fr);gap:10px}
#p43 .merit ul li .top .num{font-size:13px}
#p43 .merit ul li .top .txt{font-size:16px}
#p41 .box_list .txt_box dl dd {width:80px}
}
@media (max-width:380px){
#p43 .img_box{height:160px}
#p43 .company_box02 ul li .txt01{width:80%}
#p41 .box_list .txt_box dl dd{width:110px}
#p41 .box_list .txt_box dl dt{font-size:13px}
}
/* 반응형 [e] */