@charset "utf-8";

/* 페이지 스타일 공통 */
.pagecommon{padding-bottom:50px;position:relative;font-size:16px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'  !important}
.pagecommon .br{white-space:pre-line}

.class .tit .num{padding:10px 30px;border-radius:0 0 100px 100px;font-weight:600;font-size:13px;font-family:'Poppins';background:var(--primary);color:#fff;letter-spacing:0}
.class .tit .e_tit{display:block;margin-top:35px;font-weight:600;font-size:13px;font-family:'Poppins';color:var(--primary);letter-spacing:0}
.class .tit p{position:relative;display:inline-block;margin-bottom:35px;font-size:30px;font-family:'notokr-light';color:#222}
.class .tit p span{position:relative;font-family:'notokr-bold'}
.class .tit p span:before{display:block;content:"";position:absolute;left:-5px;bottom:4px;width:calc(100% + 10px);height:20px;background:rgba(106, 137, 88, .2);z-index:-1}
.class .tit .txt{vertical-align:super}


#p33 .tit{text-align:center}
#p33 .point{padding-top:50px;color:#666}
#p33 .point em{padding-left:16px;text-decoration:underline;font-style:normal;color:#777}
#p33 .point span{margin-bottom:5px;font-family:'notokr-bold';color:#222}
#p33 .point img{display:block;margin:0 auto}
#p33 .point .col_hl{padding:2px 5px;font-size:18px;background-color:rgba(255,183,0,0.5)}
#p33 .point .sign{color:#222;margin-top:50px;font-family:'notokr-medium'}
#p33 .point .sign span{font-size:28px;font-family:'kjc-hw-R';}
#p33 .link{display:flex;gap:10px;margin-top:60px}
#p33 .link a{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 40px;line-height:60px;border-radius:5px;color:#fff;background:#03a94d;transition:all .2s;font-family:'notokr-bold'}
#p33 .link a:last-child{background:#222}
#p33 .link a:hover{opacity:0.9}

#p35{text-align:center;color:#222}
#p35 .bg{margin-bottom:50px}
#p35 .cont+.cont{margin-top:80px}
#p35 .cont .cont_tit{margin-bottom:30px;font-size:22px}
#p35 b{position:relative;font-weight:normal;font-family:'notokr-bold'}
#p35 b:before{display:block;content:"";position:absolute;left:-5px;bottom:0;width:calc(100% + 10px);height:14px;background:rgba(106, 137, 88, .2);z-index:-1}
#p35 .cont .box_wrap{display:flex;justify-content:center;border:1px solid #e1e1e1;border-radius:15px}
#p35 .cont .box_wrap .icon_box{display:flex;flex-direction:column;align-items:center;width:100%;padding:30px 20px 35px;color:#666}
#p35 .cont .box_wrap .icon_box+.icon_box{border-left:1px dashed #e1e1e1}
#p35 .cont .box_wrap .icon_box span{margin-bottom:16px;padding:0 16px;line-height:30px;border-radius:50px;border:2px solid var(--primary);font-size:14px;color:var(--primary);font-weight:500;font-family:'poppins'}
#p35 .cont .box_wrap .icon_box p{margin-bottom:10px;color:#222;font-size:18px;font-family:'notokr-medium'}
#p35 .cont .box_wrap .icon_box div{width:100px;height:100px;margin-bottom:30px;border-radius:15px;background-color:#ffb700}
#p35 .cont .box_wrap .icon_box div img{padding:20px}
#p35 .cont .box_wrap .icon_box:nth-child(2) div{background-color:#12b9d2}
#p35 .cont .top_tit{font-size:15px;color:var(--primary);font-family:'notokr-bold'}
#p35 .on .top_tit{font-size:22px}
#p35 .cont dl{display:flex;align-items:center;gap:30px;padding:30px 40px;border-radius:10px;background:#efefef}
#p35 .cont dl+dl{margin-top:15px}
#p35 .cont dl dt{padding:0 16px;line-height:30px;border-radius:50px;border:2px solid var(--primary);font-size:14px;color:var(--primary);background:#fff;font-weight:500;font-family:'poppins'}
#p35 .contact{margin-top:80px;padding:30px 10px;border:3px solid var(--primary);border-radius:10px;font-size:16px;line-height:1.4;color:#222;background:rgb(106 137 88 / 80%);word-break:keep-all}
#p35 .contact img{display:inline-block;width:140px;margin-bottom:16px}
#p35 .contact ul{margin-top:15px}
#p35 .contact ul li{color:#222;font-size:20px;font-family:'notokr-bold'}
#p35 .contact ul li br{display:none}
#p35 .contact ul li+li{padding-top:20px}
#p35 .contact ul li a{padding:10px 50px;border-radius:10px;color:#fff;font-size:18px;font-family:'notokr-medium';background:#252525;transition:all .2s}
#p35 .contact ul li a:hover{color:#eee;background-color:#444}



/* 반응형 [s] */
@media (max-width:1280px){
.pagecommon{font-size:15px}
.pagecommon .br{word-break:keep-all}

.class .tit{text-align:center}
.class .tit p{margin-right:0}
.class .tit p:after{display:none}
.class .tit .txt{display:block}
#p33 .point .col_hl{font-size:17px}
#p35 .on .top_tit{font-size:21px}
#p35 .cont .cont_tit{font-size:21px}
}
@media (max-width:1024px){
.pagecommon{padding:0 20px}
.class{margin:0}
.class .tit p{margin-bottom:30px}
.class .tit .e_tit{margin-top:20px}
#p33 .point .col_hl{font-size:16px}
#p35 .bg img{width:100%}
#p35 .on .top_tit{font-size:20px}
#p35 .cont .cont_tit{font-size:20px}
}
@media (max-width:768px){
.class .tit p{margin-bottom:25px;font-size:28px}
#p33 .point img{width:250px}
#p33 .point em{padding-left:0}
#p33 .point .sign{margin-top:40px}
#p33 .link{margin-top:50px}
#p33 .link a{padding:0 24px}
#p35 .on .top_tit{font-size:19px}
#p35 .cont .cont_tit{font-size:19px}
#p35 .cont .box_wrap .icon_box div{display:flex;align-items:center;justify-content:center;width:85px;height:85px}
#p35 .cont .box_wrap .icon_box div img{width:60%;padding:0}
#p35 .cont dl{flex-direction:column;gap:20px;padding:24px 20px}
#p35 .cont dl dd{word-break:keep-all}


}
@media (max-width:480px){
.pagecommon{padding:0 14px}
.class .tit p{margin-bottom:20px;font-size:24px}
#p33 .point{padding-top:30px}
#p33 .point img{width:200px}
#p33 .point .sign{margin-top:30px}
#p33 .link{flex-direction:column;margin-top:40px}
#p35 .on .top_tit{font-size:18px}
#p35 .cont .cont_tit{font-size:18px;word-break:keep-all}
#p35 .cont .box_wrap{flex-direction:column}
#p35 .cont .box_wrap .icon_box+.icon_box{border-left:none;border-top:1px dashed #e1e1e1}
#p35 .cont .box_wrap .icon_box p{font-size:17px}
#p35 .contact ul li{font-size:17px}
#p35 .contact ul li a{font-size:16px}
}

@media (max-width:380px){
#p35 .contact ul li br{display:block}
}
/* 반응형 [e] */