@charset "utf-8";
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@font-face {font-family:ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)} 
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* pgcm */
.pgcm{font-size:15px;font-weight:400;line-height:1.8;color:#777;font-family:var(--k-font)}
.pgcm p, .pgcm span, .pgcm ul li, .pgcm dl dd, .pgcm div{word-break:keep-all}
.pgcm .pl{white-space:pre-line}
.pgcm .tit_area{padding-bottom:30px}
.pgcm .tit_area b{display:block;margin-bottom:15px;font-size:13px;font-weight:700;text-align:center;text-transform:uppercase;color:var(--primary);font-family:var(--e-font), var(--k-font)}
.pgcm .tit_area p{font-size:28px;font-weight:700;line-height:1.4;color:#222;text-align:center}

/* p33 */
#p33 {text-align:center}
#p33 .tit_area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:287px;background:url(/sh_page/img/p33_img03.jpg) no-repeat;background-size:cover}
#p33 .tit_area b{color:#fff}
#p33 .tit_area p{font-weight:200;line-height:1.3;color:#fff}
#p33 .tit_area p span{font-weight:700}
#p33 .txt_area{padding:70px 0 80px}
#p33 .txt_area b{display:block;padding:25px 0 15px;font-size:25px;font-weight:700;color:#222}
#p33 .txt_area p{font-size:18px;line-height:1.7;color:#777}
#p33 ul li{display:flex;align-items:center;justify-content:space-between}
#p33 ul li img{width:100%}
#p33 ul li .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}
#p33 ul li .txt b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:0 100% 100%;font-size:12px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p33 ul li .txt p{padding:25px 0 12px;font-size:20px;font-weight:700;line-height:1.5;color:#222}
#p33 ul li .txt span{font-size:17px}


/* p34 */
#p34 .tit_area{margin-bottom:30px;border-bottom:1px solid #e1e1e1}
#p34 .cont{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
#p34 .cont img{width:100%}
#p34 .cont .txt{width:100%}
#p34 .cont .txt .sub_tit{margin-bottom:15px}
#p34 .cont .txt .sub_tit b{font-size:15px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#p34 .cont .txt .sub_tit p{font-size:27px;font-weight:700;color:#222}
#p34 .cont .txt .sub_tit p span{display:inline-block;padding-left:15px;font-size:18px;color:#777}
#p34 .cont .txt .list .item b{display:inline-block;padding:5px 20px;margin-bottom:10px;border-radius:5px;font-size:14px;font-weight:700;color:#fff;background:var(--primary)}
#p34 .cont .txt .list .item ul{padding:20px;border-radius:10px;background:#f7f7f7}
#p34 .cont .txt .list .item ul li{position:relative;padding-left:15px}
#p34 .cont .txt .list .item ul li::before{content:"";display:inline-block;position:absolute;top:11px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p34 .cont .txt .list .item+.item{margin-top:20px}

/* p38 */
#p38 .sub_tit{display:flex;align-items:center;gap:15px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e1e1e1;font-size:22px;font-weight:700;color:#222}
#p38 .sub_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:5px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p38 ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;row-gap:15px}
#p38 ul li{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #e1e1e1}
#p38 ul li p{padding:15px;font-size:18px;font-weight:700;color:#222}
#p38 .cont+.cont{margin-top:80px}
#p38 .cont > span{display:block;padding-bottom:20px;font-size:18px;font-weight:400;color:#777}
#p38 table{width:100%;margin-top:20px;border-collapse:collapse;text-align:center}
#p38 table thead th{padding:15px;border-right:1px solid rgba(255, 255, 255, 0.2);font-size:15px;font-weight:700;color:#fff;background:var(--primary)}
#p38 table tbody td{padding:15px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
#p38 table tbody td:last-child{border-right:none}
#p38 table tbody .gray{font-weight:500;color:#222;background:#f7f7f7}
#p38 table tbody .ye{color:#222;background:#ffffe5}
#p38 table tbody .bl{color:#222;background:#e5eef6}
#p38 .info{padding-top:5px;text-align:right;color:#f86b4f}
/* p39 */
#p39 .list .item+.item{margin-top:50px}
#p39 .list .item .sub_tit{display:flex;align-items:center;gap:15px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e1e1e1;font-size:20px;font-weight:700;color:#222}
#p39 .list .item .sub_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:5px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p39 .list .item .info{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
#p39 .list .item .info img{border:1px solid #e1e1e1}
#p39 .list .item .info .sub_list{width:calc(100% - 473px)}
#p39 .list .item .info .sub_list > li+li{margin-top:20px}
#p39 .list .item .info .sub_list li p{position:relative;padding-bottom:5px;font-size:18px;font-weight:700;color:var(--primary)}
#p39 .list .item .info .sub_list li ul{padding:20px 30px;border-radius:5px;background:#f7f7f7}
#p39 .list .item .info .sub_list li ul li{position:relative;padding-left:15px}
#p39 .list .item .info .sub_list li ul li::before{content:"";display:inline-block;position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p39 .list .item .info .sub_list li span{display:block;padding:20px 30px;background:#f7f7f7;border-radius:5px}