@charset "utf-8";
/* 공통 */

/*#sh_content{margin-top:30px}*/
/* =========================== PAGE */
.pagecommon{position:relative;font-size:14px;letter-spacing:-.3px;line-height:1.5;color:#777}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon .inner{max-width:var(--mainsize);margin:0 auto}

#sub8{position: relative;align-items:center;padding: 0 320px;font-family:'Pretendard'}
#sub8 .tit{height:400px;background:#f2f2f2}
#sub8 .tit .inner{position:relative;display:flex;align-items:center;width:100%;height:100%}
#sub8 .tit span{display:inline-block;width:85px;padding:5px 0;border-radius:50px;font-size:14px;font-weight:700;text-align:center;color:#fff;background:var(--primary)}
#sub8 .tit p{margin-top:30px;font-size:25px;font-weight:700;color:#aaa}
#sub8 .tit b{font-size:45px;font-weight:700;color:#111}
#sub8 .tit img{position:absolute;bottom:0;right:0}

#sub8 .tabs{display:flex;gap:20px;font-size:24px}
#sub8 .tabs li{padding:5px 5px;font-weight:700;cursor:pointer;color:#84888e;transition:all .3}
#sub8 .tabs li.on{color:#111}
#sub8 .tab_cont{display:none;margin-top:50px}

#sub8 .cont01{position:relative; padding-bottom: 300px}
#sub8 .cont01 .tab_cont li{border-bottom:1px solid #e1e1e1;font-size:15px}
#sub8 .cont01 button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:30px 4px;border:none;background:none;font-size:15px;text-align:left;font-family:'Pretendard'}
#sub8 .cont01 button div{display:flex;gap:20px}
#sub8 .cont01 button p{font-weight:700;color:#111;font-size: 26px}
#sub8 .cont01 button svg{width:20px;color:#777;transition:all .3s}
#sub8 .cont01 .cont_q.open svg{color:#111;transform:rotate(180deg)}
#sub8 .cont01 .cont_a{display:none;padding:10px 10px 30px 5px;font-size: 20px; line-height: 40px; color: #6f6f6f}
#sub8 .cont01 .cont_faq:first-child .cont_a{display:block}
#sub8 .cont01 .tab_cont3 .cont_a{padding:10px 20px 30px 20px}

#sub8 .cont02{margin-top:100px}
#sub8 .cont02 ul{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
#sub8 .cont02 ul li{padding:35px 40px;border-radius:13px;color:#fff;background:var(--primary)}
#sub8 .cont02 ul li:nth-child(2){background:#27c3bf}
#sub8 .cont02 ul li>p{font-size:35px;font-weight:700}
#sub8 .cont02 div{margin-bottom:40px}
#sub8 .cont02 div p{font-size:25px;font-weight:700}
#sub8 .cont02 div span{opacity:.5}
#sub8 .cont02 a{display:inline-block;width:185px;padding:10px 0;border-radius:50px;border:2px solid #27c3bf;font-size:18px;font-weight:700;text-align:center;color:#27c3bf;background:#fff;transition:all .3s}

@media(hover:hover){
#sub8 .cont02 a:hover{border:2px solid #fff;color:#fff;background:#27c3bf}
}
@media(max-width:1800px){
#sub8 {padding: 0 200px}
}
@media(max-width:1400px){
#sub8 {padding: 20px}
#sub8 .tabs {font-size: 20px}
}
@media(max-width:1024px){
.pagecommon .inner{padding:0 15px}
#sub8 {padding: 20px}
#sub8 .tit img{right:15px;width:40%}
#sub8 .tit p{font-size:22px}
#sub8 .tit b{font-size:40px}
}
@media(max-width:768px){
#sub8 {padding: 0 20px}
#sub8 .tabs {font-size: 18px}
#sub8 .tit{height:300px}
#sub8 .tit p{font-size:18px}
#sub8 .tit b{font-size:35px}
#sub8 .tab_cont{margin-top:20px}
#sub8 .cont02 ul{display:block}
#sub8 .cont02 ul li+li{margin-top:10px}
#sub8 .cont02 div p{font-size:22px}
#sub8 .cont02 ul li>p{font-size:30px}
#sub8 .cont02 div{margin-bottom:25px}
#sub8 .tabs li.on{border-bottom:0 !important} 
}
@media(max-width:480px){
#sub8 {padding: 0 20px !important}
#sub8 .tabs {font-size: 24px ;display:block !important}
#sub8 .tit{height:245px}
#sub8 .tit .inner{justify-content:center;text-align:center}
#sub8 .tit b{font-size:30px}
#sub8 .tit img{display:none}
#sub8 .tabs{gap:10px}
#sub8 .tabs li{padding:10px 10px;list-style-type: disc;list-style-position: inside;}
#sub8 .cont01 button div{display:block}
#sub8 .cont01 button p{margin-top:5px}
#sub8 .cont01 .cont_a{padding:10px 20px 20px}
#sub8 .cont01 .tab_cont3 .cont_a{padding:10px 20px 20px}
#sub8 .cont02{margin-top:45px}
#sub8 .cont02 ul li{padding:30px 35px}
#sub8 .cont02 div p{font-size:18px}
#sub8 .cont02 ul li>p{font-size:25px}
#sub8 .cont02 a{width:160px;font-size:15px}
}