@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');/* regular-400, medium-500, semibold-600, bold-700 */ 
@import url('https://fonts.googleapis.com/css2?family=Gantari:wght@500;600;700;800&display=swap');

*{-webkit-text-size-adjust:none}
html{scroll-behavior:smooth}
body{background:#fff;font-size:0.81em;font-family:'pretendard'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'pretendard'}
:root{--primary:#77b54f;--pale:#f2f7ef;--mainsize:1400px;--k-font:'Pretendard';--e-font:'Gantari'}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 0,'opsz' 40}

/* =========================== HEADER */
#shHeaderWrap{position:relative;z-index:20;font-family:var(--e-font), var(--k-font);word-break:keep-all}
#shHeaderWrap.sub{border-bottom:1px solid #e1e1e1}

/* =========================== MAIN */
#shSection{overflow:hidden;position:relative;font-size:16px;font-weight:500;line-height:1.5;color:#777;font-family:var(--e-font), var(--k-font);word-break:keep-all}
#shSection .pl{white-space:pre-line}
#shSection .sectionTit{line-height:1.3;font-size:45px;font-weight:700;color:#111}
#shSection .sectionTit span{color:var(--primary)}
#shSection .section.cate{font-size:18px;font-weight:700;color:var(--primary)}
#shSection .section.subject{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:22px;font-weight:700;color:#111}

/* =========================== CONTAINER */
#shContainer{position:relative;z-index:10;line-height:1.6;font-family:var(--e-font), var(--k-font);word-break:keep-all}
#shSubTit{font-size:35px;text-align:center;font-weight:700;color:#000;font-family:var(--e-font), var(--k-font)}
#shSubTitMo{display:none;padding:12px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:16px;font-weight:700;color:#000;text-align:center;font-family:var(--e-font), var(--k-font)}
#shSubTxt{margin:15px 0 50px;font-size:17px;text-align:center;font-weight:500;color:#666}
#shContent{position:relative;z-index:10;width:100%;max-width:var(--mainsize);min-height:550px;padding:100px 30px;margin:0 auto;font-family:var(--k-font)}

.cate_tit{margin-bottom:55px;font-size:35px;line-height:1;font-weight:700;color:#111}
.cate_tit.ct_cate{text-align:center}
.cate_tit span{display:block;margin-top:25px;font-size:17px;font-weight:500;color:#666}
.cate_tit b{display:block;font-weight:700}

/* =========================== FOOTER */
#shFooter{position:relative;padding:100px 90px 70px;width:100%;line-height:1.6;font-size:16px;font-family:var(--e-font), var(--k-font);word-break:keep-all;color:#fff;background-color:#282b25}
#shFooter .top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:30px;border-bottom:1px solid rgb(255, 255, 255, 0.1)}
#shFooter .top a{color:#fff;transition:all .3s}
#shFooter .top a+a{margin-left:20px}
#shFooter .info{margin:100px 0;color:rgb(255, 255, 255, 0.6)}
#shFooter .bottom{display:flex;justify-content:space-between;align-items:center}
#shFooter .bottom p{color:rgb(255, 255, 255, 0.6)}
#shFooter .bottom a{color:#fff;transition:all .3s}

@media (hover:hover){
#shFooter a:hover{color:var(--primary)}
}
@media(max-width:1980px){
#shSection .sectionTit{font-size:40px}
#shSection .section.cate{font-size:16px}
#shSection .section.subject{font-size:20px}
#shFooter .info{margin:80px 0}
}
@media(max-width:1230px){
#shSection .sectionTit{font-size:35px}
#shFooter{padding:100px 30px 70px}
}
@media(max-width:1024px){
#shContent{padding:80px 15px}
.cate_tit{margin-bottom:45px;font-size:30px}
.cate_tit span{font-size:16px}
}
@media(max-width:768px){
#shSection .sectionTit{font-size:30px}
#shSection .section.cate{font-size:15px}
#shSection .section.subject{font-size:18px}
#shContent{padding:60px 15px}
.cate_tit{margin-bottom:35px;font-size:28px}
.cate_tit span{margin-top:20px;font-size:15px;line-height:1.5;word-break:keep-all}
#shFooter{padding:90px 15px 50px}
#shFooter .info{margin:60px 0 70px}
}
@media(max-width:480px){
#shSection .sectionTit{font-size:23px}
#shSection .section.cate{font-size:14px}
#shSection .section.subject{font-size:16px}
.cate_tit{margin-bottom:25px;font-size:23px}
.cate_tit span{font-size:14px}
#shFooter{padding:50px 15px 30px;font-size:14px}
#shFooter .top{flex-flow:column;align-items:center;gap:15px;padding-bottom:25px}
#shFooter .logo img{height:40px}
#shFooter .info{margin:50px 0;text-align:center}
}
@media(max-width:380px){
#shSection .sectionTit{font-size:20px}
}