@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
#pgcm{padding-bottom:50px;position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:"notokr-regular"}
#pgcm .tit_area{padding-bottom:30px;text-align:center}
#pgcm .tit_area b{display:block;padding-bottom:10px;font-size:13px;font-weight:700;color:var(--primary);font-family:"poppins"}
#pgcm .tit_area p{font-size:28px;line-height:1.5;color:#222;font-family:"SBAggroL"}
#pgcm .tit_area p span{position:relative;font-family:"SBAggroM"}
#pgcm .tit_area p span::before{content:"";display:inline-block;position:absolute;top:15px;width:100%;height:15px;z-index:-1;background:rgba(57,149,210,0.2)}
#pgcm .tit_area div{padding-top:15px;font-size:18px}
#pgcm .pl{line-height:1.8;white-space:pre-line;word-break:keep-all}

/* p33 */
.p33 img{width:100%}
.p33 b{display:block;position:absolute;top:164px;width:550px;padding:60px 0 0 75px;font-size:15px;font-weight:700;color:var(--primary);background:#fff;font-family:"poppins"}
.p33 .cont{padding:45px 0 0 75px}
.p33 .cont div{position:relative;font-size:30px;font-weight:300;line-height:1.5!important;color:#222;font-family:"SBAggroL"}
.p33 .cont div::before{content:"";display:block;position:absolute;bottom:-22px;width:80px;height:1px;background:#e1e1e1}
.p33 .cont div span{position:relative;font-family:"SBAggroB"}
.p33 .cont div span::before{content:"";display:inline-block;position:absolute;top:15px;width:100%;height:15px;z-index:-1;background:rgba(57,149,210,0.2)}
.p33 .cont p{padding-top:47px}
.p33 .cont p span{text-decoration:underline;color:#222}
.p33 .cont strong{display:block;padding-top:50px;font-size:14px;color:#222;text-align:right}

/* p34 */
.p34 img{display:block;width:90%;margin:0 auto}

/* p36 */
#pgcm .com_part{display:flex;align-items:center;justify-content:space-between;gap:20px;}
#pgcm .com_part li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:40px 30px;border-bottom:3px solid var(--primary);background-color:#fff}
#pgcm .com_part li p{padding-bottom:5px;font-size:13px;font-weight:700;color:#777;font-family:"poppins"}
#pgcm .com_part li b{font-size:18px;text-align:center;color:#222;font-family:"SBAggroL"}
#pgcm .com_part li div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;margin-bottom:20px;border-radius:100%;background-color:#f7f7f7}
.p36 .cont{position:relative;margin:-150px 100px 0 100px;background:#fff}
.p36 .cont .tit_area{padding-top:50px}
.p36 .cont .icon_area{padding:50px;background-color:#f7f7f7}
.p36 .cont .icon_area > p{margin-top:20px;padding:20px;font-size:18px;text-align:center;background:#fff;word-break:keep-all;font-family:"notokr-medium"}
.p36 > img{width:100%}

/* p38 */
.p38 .cont{position:relative;margin:-150px 100px 0 100px;background:#fff}
.p38 .cont dl{display:flex;align-items:center;justify-content:center;padding:60px 0;border-bottom:1px solid #e1e1e1}
.p38 .cont dl dd {margin-left:-20px}
.p38 .cont dl dd div{display:flex;align-items:center;justify-content:center;flex-direction:column;width:230px;height:230px;border-radius:100%;border:2px dotted var(--primary)}
.p38 .cont dl dd:nth-child(2) div{border:none;background:rgba(57,149,210,0.2)}
.p38 .cont dl dd div b{display:block;font-size:18px;font-weight:700;color:var(--primary);font-family:"poppins"}
.p38 .cont dl dd div p{font-size:18px;color:#222;font-family:"notokr-bold"}
.p38 .cont dl dd span{display:block;margin-top:20px;text-align:center}
.p38 .cont .tit_area{padding-top:50px}
.p38 .cont .com_part{display:grid!important;grid-template-columns:repeat(2,1fr);gap:20px!important;padding:30px;background:#f7f7f7}
.p38 .cont .com_part li p{font-size:17px!important;font-weight:normal!important;text-align:center;font-family:"notokr-regular"!important}
.p38 > img{width:100%}
/* p40 */
.p40 table{width:100%;border-collapse:collapse;font-size:16px;text-align:center}
.p40 table thead{background:#f7f7f7}
.p40 table thead th{padding:20px 0;font-size:17px;color:#222;font-family:"SBAggroL"}
.p40 table .tb_tit{color:#222;background:#f7f7f7;font-family:"SBAggroM"}
.p40 table td{padding:20px 0;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;font-family:"SBAggroL"}
.p40 table td img{display:block;margin:0 auto 10px auto}

/* p44 */
.p44 .wrap{margin-top:30px}
.p44 .wrap > p{padding-left:80px;font-size:30px;font-weight:700;line-height:1.5!important;color:#222;font-family:"poppins"}
.p44 ul{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;margin-top:30px}
.p44 ul li{width:320px;height:280px;padding:30px;background:#fff;box-shadow: 4px 6px 51.87px 5.13px rgba(0, 0, 0, 0.07)}
.p44 ul li p{padding-bottom:20px;border-bottom:1px solid #e1e1e1;font-size:18px;color:#222;font-family:"notokr-bold"}
.p44 ul li p b{display:inline-block;width:35px;height:35px;margin-right:15px;border-radius:5px;font-size:15px;font-weight:700;line-height:35px;text-align:center;color:#fff;background:var(--primary);font-family:"poppins"}
.p44 ul li > span{display:block;padding-top:20px}
.p44 ul::before{content:"";position:absolute;right:0;top:-145px;width:975px;height:500px;z-index:-1;background:#f7f7f7}











/* 반응형 [s] */
@media (max-width:1400px){
    .p33 b{top:189px}
}
@media (max-width:1200px){
    .p33 .cont div{padding-top:50px}
    .p44 .wrap > p{padding-left:30px}
    .p44 ul::before{width:100%}
    .p44 ul{justify-content:space-between;padding:0 20px}

}
@media (max-width:1066px){
    .p44 ul{flex-direction:column}
    .p44 ul li{width:100%;height:auto}
    .p44 .wrap > p{padding-left:0;white-space:initial!important;text-align:center}
    .p44 ul li > span{white-space:initial!important}
    .p44 ul::before{display:none}
    .p44 .wrap{margin-top:0;padding:50px 20px;background:#f7f7f7}
}
@media (max-width:1024px){
    #sh_content{padding:0}
    #pgcm .tit_area{padding-top:30px}
    #pgcm .tit_area p{font-size:25px}
    .p36 .cont{margin:0 auto}
    .p38 .cont{margin:0 auto}
    
}
@media (max-width:890px){
    .p33 b{position:relative;top:initial;width:100%}
    .p33 .cont div{padding-top:0}
    .p33 .cont{padding:15px 0 0 75px}
    .p34 img{width:100%;padding:0 10px}
}
@media (max-width:830px){
    #pgcm .com_part li b{font-size:16px}
    #pgcm .com_part li{padding:30px}
    .p36 .cont .icon_area > p{font-size:16px}
}
@media (max-width:768px){
    .p33 .cont{padding-left:0;text-align:center}
    .p33 b{display:block;padding:30px 0 0;font-size:13px;text-align:center}
    .p33 .cont div::before{left:50%;transform:translateX(-50%)}
    .p33 .cont div{font-size:26px}
    .p33 .cont strong{text-align:center}
    .p33 .cont p{padding:45px 10px 0 10px}
    #pgcm .tit_area p{font-size:22px}
    #pgcm .tit_area div{font-size:16px}
    #pgcm .com_part{flex-direction:column;gap:20px}
    #pgcm .com_part li{padding:25px}
    #pgcm .com_part li b{white-space:initial!important}
    .p38 .cont dl{padding:20px 10px 40px}
    .p38 .cont dl dd{display:flex;flex-direction:column;align-items:center;justify-content:center}
    .p38 .cont dl dd div{width:180px;height:180px;padding:40px 0}
    .p38 .cont dl dd div b{font-size:16px}
    .p38 .cont dl dd div p{line-height:1.3}
    .p38 .cont dl dd{margin:0}
    .p38 .cont dl dd:nth-child(2) div{margin:0 10px}
    .p38 .cont dl dd{width:100%}
}
@media (max-width:700px){
    .p38 .cont .com_part{grid-template-columns:repeat(1,1fr)}
}
@media (max-width:570px){
    #pgcm .tit_area div{white-space:initial!important}
    .p36 .cont .icon_area{padding:30px}
    .p38 .cont dl{flex-direction:column;gap:20px}
    .p38 .cont dl dd div{width:100%;height:auto;border-radius:0}
    .p38 .cont dl dd span{white-space:initial!important}
}
@media (max-width:520px){
    #pgcm .tit_area div{white-space:initial!important}
}
@media (max-width:480px){
    #pgcm .tit_area p{white-space:initial!important}
    #pgcm .tit_area p span::before{display:none}
    .p33 .cont div{font-size:23px}
    .p33 .cont div span::before{display:none}
    .p33 .cont p{white-space:initial!important}
    .p33 .cont strong{padding-top:20px}
    .p40 table thead th{font-size:15px}
    .p40 table{font-size:14px}
    .p40 table td img{width:50%}
    .p38 .cont .com_part li p{font-size:16px!important}
    .p38 .cont .com_part{padding:20px 10px}
    .p44 ul li p{font-size:17px;text-align:center}
    .p44 ul li > span{text-align:center}
    .p44 ul li p b{display:block;margin:0 auto 15px auto}
    .p44 .wrap > p{font-size:25px}
    .p44 ul{padding:0}
}
@media (max-width:380px){
    #pgcm .tit_area p{font-size:21px}
    #pgcm .tit_area div{font-size:15px}
    .p33 .cont div{font-size:21px}
    .p36 ul li b{font-size:16px}
    #pgcm .com_part li b{font-size:15px}
}
/* 반응형 [e] */