@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;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=Outfit:wght@100..900&display=swap');
@font-face {font-family:'Aggravo';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');font-weight:700;font-display:swap}

:root{--primary:#1698d9;--second:#121422;--pale:#f1f7fc;--dark:#2a3231;--gradient:linear-gradient(to right, #2d58e8 0%, #17d5b6 64%);--mainsize:1400px;--outfit:"Outfit", sans-serif;--aggro:'Aggravo'}
*{-webkit-text-size-adjust:none}
body{font-size:0.81em;font-family:'Pretendard'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Pretendard'} 
figure{margin:0}
strong{font-weight:700}

/* ===================== 공통*/
#sh_wrapper{position:relative;line-height:1.5}
.dft_btn{border:none;border-radius:4px;background:none;font-family:'Pretendard'}
input.dft_input, .dft_txt{height:42px;padding:0 10px;border:1px solid #e1e1e1;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s;font-family:'Pretendard'}
input.dft_input:focus, .dft_txt:focus, input.dft_input:active, .dft_txt:active{box-shadow:none;outline:none;box-shadow:none;border-color:#aaa!important}
.dft_txt{padding:10px}
@media(max-width:768px){
input.dft_input, .dft_txt{height:38px}	
}
.common-tit{margin-top:100px;text-align:center;line-height:1.5}
.common-tit h1{font-size:50px;font-weight:700;line-height:1.2;color:#111;word-break:keep-all}
.common-tit h1 b{font-weight: 700;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to right,#2D58E8 0%,#17D5B6 50%,#2D58E8 100%);background-size:200% 100%;background-position:0 0;animation:rainbow 5s ease-in-out infinite}
.common-tit p.desc{margin-top:50px;font-size:22px;line-height: 1.45;color:#111;white-space:pre-line;word-break:keep-all}
.common-tit a{display:inline-flex;align-items:center;justify-content: center;gap:10px;margin-top:60px;padding:20px 30px;border-radius:50px;font-size:18px;font-weight:600;color:#fff;background:#111;transition:all .3s}
@keyframes rainbow {0% {background-position:0 0} 50% {background-position:100% 0} 100% {background-position:0 0}}
.common-tit a:hover{background:var(--primary)}

/* ============ 서브페이지 공통 (251218 추가) [s]*/
.pagecommon .page__inner{max-width:var(--mainsize);margin: 0 auto;}
/* 섹션 타이틀 공통 */
.pagecommon .sc__title{display: flex;flex-direction: column;align-items: center;gap: 30px;width: 100%;padding-bottom: 84px;text-align: center;}
.pagecommon .sc__title.white h2, .pagecommon .sc__title.white p.desc{color:#fff}
.pagecommon .sc__title h2{font-size: 40px;font-weight: 700;line-height: 1.3;color: #111;}
.pagecommon .sc__title p.desc{font-size: 18px;line-height: 1.5;white-space: pre-line;color: #777;}

.pagecommon .point-content{padding:80px 0;background:var(--pale)}
.pagecommon .point-section img{display:block;margin:100px auto}
.pagecommon .point-content .point-items li{display:flex;align-items:center;gap:15px}
.pagecommon .point-content .point-items li+li{margin-top:15px}
.pagecommon .point-content .point-items span{display:inline-block;width:140px;padding:10px 0;border-radius:50px;font-size:20px;font-weight:700;color:#fff;text-align:center;background:var(--primary);font-family:var(--outfit)}
.pagecommon .point-content .point-items p{font-size:25px;font-weight:600;color:#111}
.pagecommon .point-content .point-items p b{font-weight:700;color:var(--primary)}
.pagecommon .point-section .point-message{font-size:40px;font-weight:700;text-align:center;color:#111}

.pagecommon .banner-bg{display:flex;align-items:center;height:450px;border-radius:30px;padding-left:100px}
.pagecommon .banner-notice{padding:200px 0}
.pagecommon .banner-notice span{display:inline-block;margin-bottom:5px;font-size:20px;font-weight:500;color:#111}
.pagecommon .banner-notice p{font-size:35px;font-weight:700;color:#111;line-height:1.3}
.pagecommon .banner-notice .text-center div{margin-top:20px;font-size:22px;font-weight:500;color:rgba(0,0,0,.5)}
.pagecommon .dark-section{padding:150px 0;background:var(--second)}

.pagecommon .line-list{font-size:25px;font-weight:700;color:#fff}
.pagecommon .line-list dl{display:flex;justify-content:space-between;padding:40px;border-radius:13px}
.pagecommon .line-list dl dd b{color:var(--primary)}
.pagecommon .line-list .check-text{margin:100px 0 60px;text-align:center}
.pagecommon .line-list .check-text span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 auto 20px;border-radius:50px;color:var(--second);background:#fff}
.pagecommon .line-list .check-text span svg{stroke-width:3px}
.pagecommon .line-list .check-text b{color:var(--primary)}

.pagecommon .line-list{position:relative}
.pagecommon .line-list .bar{opacity:1;position:absolute;top:0;z-index:0;width:100%;height:125px;border:5px solid var(--primary);border-radius:13px;transition:all .8s cubic-bezier(0.22, 1, 0.36, 1)}

/* 섹션 버튼 공통 */
.pagecommon .btn--primary{height: auto !important;padding: 15px 30px !important;font-size: 16px !important;}
.pagecommon .btn--primary.btn--gray{height: auto !important;padding: 17px 30px;font-size: 16px !important;font-weight: 600 !important;color: #777;border: none !important;background-color: rgba(17,17,17,0.05);}
.pagecommon .btn--primary.btn--gray svg{width: 20px;height: 20px;}
.pagecommon .btn--primary.btn--lightgray{height: auto !important;padding: 17px 30px;font-size: 16px !important;font-weight: 600 !important;color: #777;border: none !important;background-color: rgba(255,255,255,0.05);}
.pagecommon .btn--primary.btn--lightgray svg{width: 20px;height: 20px;}
.pagecommon .btn--primary.sc__btn:hover{background-color:var(--primary) !important;}

@media (max-width:1600px){
.common-tit h1{font-size: 46px;}
.common-tit p.desc{font-size: 20px;}
.common-tit a{padding: 18px 30px;font-size: 17px;}
.common-tit a svg{width: 22px;height: 22px;}
.pagecommon .sc__title{padding-bottom: 54px;}

}
@media (max-width:1400px){
    .common-tit{margin-top: 80px;}
    .pagecommon .sc__title{gap: 26px;}
    .pagecommon .sc__title h2{font-size: 36px;}
    .pagecommon .sc__title p.desc{font-size: 17px;}

}
@media (max-width:1200px){
    .common-tit h1{font-size: 42px;}
    .common-tit p.desc{margin-top: 42px;font-size: 18px;}
    .common-tit a{padding: 16px 30px;margin-top: 50px;font-size: 16px;}
}
@media (max-width:1024px){
.common-tit{padding: 0 20px;margin-top: 60px;}

.common-tit h1{font-size: 38px;}
.common-tit p.desc{margin-top: 35px;font-size: 16px;}
.common-tit a{padding: 16px 25px;margin-top: 40px;font-size: 15px;}
.common-tit a svg{width: 20px;height: 20px;}
.pagecommon .sc__title{gap: 20px;padding-bottom: 43px !important;}
.pagecommon .sc__title h2{font-size: 30px;}
.pagecommon .sc__title p.desc{font-size: 16px;}
.pagecommon .btn--primary.btn--gray, .pagecommon .btn--primary.btn--lightgray{padding: 16px 25px !important;font-size: 15px !important;}


}
@media (max-width:768px){
.common-tit h1{font-size: 34px;}
.common-tit p.desc{margin-top: 30px;font-size: 15px;}
.common-tit a{margin-top: 35px;font-size: 14px;}
.pagecommon .sc__title{padding-bottom: 35px !important;}
.pagecommon .sc__title h2{font-size: 26px;}
.pagecommon .sc__title p.desc{font-size: 15px;}
.pagecommon .btn--primary.btn--gray, .pagecommon .btn--primary.btn--lightgray{font-size: 14px !important;}

}
@media (max-width:480px){
.common-tit{margin-top: 60px;}
.common-tit h1{font-size: 28px;}
.common-tit p.desc{margin-top: 25px;font-size: 14px;white-space:normal}
.common-tit a{margin-top: 32px;}
.pagecommon .sc__title{gap: 16px;}
.pagecommon .sc__title h2{font-size: 24px;}
.pagecommon .sc__title p.desc{white-space:normal}
}
@media (max-width:390px){
.common-tit a{flex-wrap: wrap;}
}
/* ============ 서브페이지 공통 (251218 추가) [e] */


/* 하단 고정 문의 */
#btmInq{position:fixed;bottom:0;z-index:21;width:100%;height:70px;border-top:1px solid #ddd;color:#222;background:#f2f2f2;white-space:nowrap}
#btmInq .inner{display:flex;align-items:center;gap:30px;max-width:1440px;height:100%;margin:0 auto}
#btmInq .flex{display:flex;align-items:center;gap:15px}
#btmInq .ftit{font-size:22px;font-weight:700}
#btmInq form{flex:1}  
#btmInq ul{display:flex;gap:20px}
#btmInq ul li label{font-size:16px;font-weight:600}
#btmInq ul li input[type=text]{max-width:160px;height:40px;margin-left:8px;padding:0 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .2s}
#btmInq ul li input[type=text]:focus{border-color:#aaa;outline:none}
#btmInq .sbm_area{display:flex;align-items:center;gap:15px;flex:1}
#btmInq .sbm_area .pvc_ck{font-size:13px;font-weight:500;line-height:1.4}
#btmInq .sbm_area .sh_ck{width:16px;height:16px;border:none;border-radius:4px;background:#ccc;cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
#btmInq .sbm_area .sh_ck:checked{background:url('/sh_img/common/ck.png') center no-repeat #111;background-size:8px}
#btmInq .sbm_area label span{color:var(--primary)}
#btmInq .sbm_area label{cursor:pointer;white-space:pre-line}
#btmInq .sbm_area a{text-decoration:underline}
#btmInq .sbm_area button{max-width:180px;width:100%;height:42px;padding:0 10px;border:none;border-radius:6px;font-size:16px;font-weight:600;color:#fff;background:#333;transition:all .2s}
#btmInq dl{display:flex;align-items:center;gap:10px;margin-left:auto}
#btmInq dl dt{display:flex;align-items:center;gap:10px}
#btmInq dl dt span{display:flex;width:42px;height:42px;border-radius:6px;background:var(--primary)}
#btmInq dl dt svg{width:22px;height:22px;margin:auto;fill:#fff;stroke:none}
#btmInq dl dd{font-size:22px;font-weight:800;color:var(--primary)}
@media(hover:hover){
#btmInq .sbm_area button:hover{background:#222}
}
@media(max-width:1480px){
#btmInq .inner{gap:15px;padding:0 15px}
}
@media(max-width:1380px){
#btmInq .flex{gap:10px}
#btmInq .ftit{font-size:18px}    
#btmInq ul{gap:10px}
#btmInq ul li label{font-size:15px}
#btmInq ul li input[type=text]{width:10vw;margin-left:3px}
#btmInq .sbm_area button{width:12vw}
#btmInq dl dd{font-size:20px}
}
@media(max-width:1024px){
#btmInq .inner{gap:10px}    
#btmInq .ftit{font-size:16px}     
#btmInq ul li label{font-size:14px}
#btmInq .sbm_area .pvc_ck{font-size:12px}
#btmInq .sbm_area button{font-size:15px}
#btmInq dl dd{font-size:18px}
}
@media(max-width:768px){
#btmInq{height:auto;padding:8px 0}    
#btmInq .inner{display:block}
#btmInq .flex{width:100%}  
#btmInq ul li label{font-size:13px}
#btmInq ul li input[type=text]{width:25vw;height:34px}
#btmInq .sbm_area{flex-direction:column;flex:1;gap:3px}
#btmInq .sbm_area .sh_ck{width:14px;height:14px}
#btmInq .sbm_area .pvc_ck{position:absolute;top:12px;right:15px}
#btmInq .sbm_area label{white-space:unset}
#btmInq .sbm_area button{max-width:none;width:100%;height:34px;font-size:14px}
#btmInq dl{display:none}    
}    
@media(max-width:380px){
#btmInq .inner{padding:0 10px}  
#btmInq .flex{gap:5px}  
#btmInq ul{gap:5px}
#btmInq ul li input[type=text]{margin:0}
#btmInq .sbm_area button{font-size:13px}
}

/* ===================== 팝업레이어 */
#sh_pop{position:absolute;left:0;top:0;z-index:1001;width:100%;height:100%;padding:0 12px;background:rgba(0,0,0,.65);font-family:'Pretendard'}
#sh_pop .inner{overflow:hidden;position:relative;top:20vh;max-width:530px;width:100%;margin:0 auto}
#sh_pop .sh_pop_slider li a{display:block;cursor:pointer}
#sh_pop .sh_pop_slider li img{width:100%}
#sh_pop .sh_pop_pager{display:flex;justify-content:space-between;background:#fff}
#sh_pop .sh_pop_pager span{flex-grow:1;display:flex;justify-content:center;align-items:center;opacity:1;width:auto;height:50px;margin:0;border-radius:0;font-size:15px;font-weight:600;color:#999;background:none;font-family:'Pretendard'}
#sh_pop .sh_pop_pager span+span{border-left:1px solid #e1e1e1}
#sh_pop .sh_pop_pager span.active{color:#fff;background:var(--primary)}
#sh_pop .sh_pop_ft{overflow:hidden;display:flex}
#sh_pop .sh_pop_ft button{padding:12px 0;border:none;font-size:15px;font-weight:600;color:#fff;background:none;font-family:'Pretendard' }
#sh_pop .sh_pop_ft .sh_pop_close{position:relative;z-index:101;margin-left:auto;padding:12px 20px;border-top:1px solid #ddd;color:#222;background:#fff}
@media(max-width:1024px){
#sh_pop .sh_pop_pager span{font-size:14px}	
}
@media(max-width:768px){
#sh_pop .sh_pop_pager{position:absolute;bottom:15px;z-index:101;justify-content:center;border:none;background:none}
#sh_pop .sh_pop_pager span{flex-grow:unset;width:6px;height:6px;border-radius:50%;font-size:0;background:#ddd}
#sh_pop .sh_pop_pager span+span{margin-left:5px;border:none}
#sh_pop .sh_pop_ft button{position:relative;z-index:999;padding:10px 0;font-size:12px}
#sh_pop .sh_pop_ft .sh_pop_close{padding:10px 15px;font-size:13px}
}

/* ===================== 페이징 */
.pg_wrap{margin:20px 0}
.pg_wrap .pg{display:flex;justify-content:center;font-size:12px;font-weight:600;text-align:center;font-family:'Pretendard'}
.pg_page, .pg_current{min-width:28px;height:28px;padding:0 5px;margin:0 2px;border-radius:3px;font-weight:600;color:#999;line-height:28px;background:#f2f2f2;border:none;font-family:'Pretendard'}
.pg_current{color:#fff;background:var(--dark)}
.pg_start{text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_prev{text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_end{text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_next{text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat center #fff;border:1px solid #e1e1e1}
@media(max-width:768px){
.pg_page, .pg_current{min-width:24px;height:24px;line-height:24px}
}

/* ===================== 상단 회원 카운트 */
#hdPop{display:flex;justify-content:center;align-items:center;position:relative;height:58px;font-size:15px;font-weight:500;color:#fff;background:var(--primary);font-family:'Pretendard'}
#hdPop dl{display:flex;align-items:center}
#hdPop dl+dl{margin-left:40px}
#hdPop dl dt{height:32px;margin-right:15px;padding:0 18px;border-radius:20px;font-weight:700;color:var(--primary);line-height:32px;background:#fff}
#hdPop dl dd{color:rgba(255,255,255,.75)}
#hdPop dl dd+dd:before{display:inline-block;vertical-align:3px;content:"";width:4px;height:4px;border-radius:50%;margin:0 15px;background:#fff}
#hdPop dl dd span{color:#fff}
#hdPop dl dd span:before{display:inline-block;vertical-align:0;content:"";width:1px;height:10px;margin:0 12px;background:rgba(255,255,255,.3)}
#hdPop a{height:32px;margin-left:30px;padding:0 18px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;line-height:32px;background:rgba(0,0,0,.15);transition:all .2s}
#hdPop a:hover{background:rgba(0,0,0,.25)}
#hdPop a i{padding-left:12px}
#hdPop .close{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#fff}
#hdPop .close svg{width:26px;height:26px;transition:all .2s}
@media(hover:hover){#hdPop .close:hover svg{transform:rotate(90deg)}}
@media (max-width:1170px){
#hdPop{display:none!important}
}

/* ===================== HEADER  */
#sh_hd{position:sticky;top:0;z-index:25;width:100%} 
#sh_hd.design{position:relative}

/* ===================== CONTAINER */
#sh_container{position:relative;z-index:15}

/* ===================== MAIN */
#shSection{position:relative;z-index:16;font-size:15px;font-weight:500;color:#888;font-family:'Pretendard'}
/* ===================== MAIN 공통(251210 추가) */
#sh_container .inner{max-width:var(--mainsize);margin:0 auto}
#sh_container .group-title{display:flex;flex-direction:column;align-items:center;gap:23px;color:#111;text-align:center}
#sh_container .group-title h2.sub-tit{font-size:20px;font-weight:700;word-break:keep-all}
#sh_container .group-title h3, #sh_container .title{font-size:50px;font-weight:700;line-height:1.2;white-space:pre-line;word-break:keep-all}
#sh_container .gradient{-webkit-background-clip:text;background-clip:text;background-image:var(--gradient);background-size:130% 100%;background-position:0 0;color:transparent;animation:color-shift 4s ease-in-out infinite}
@keyframes color-shift {0%{ background-position:0 0}  50%{ background-position:100% 0}  100% {background-position:0 0}}
#sh_container .btn--primary{display:flex;align-items:center;justify-content:center;gap:10px;height:60px;border-radius:100px;border:1px solid #111;font-size:18px;font-weight:600;text-align:center;transition:all 0.2s}
#sh_container .btn--primary:hover{background-color:#111;color:#fff}
/* MAIN 공통 반응형 [s] */
@media (max-width:1600px){
#sh_container .group-title h3, #sh_container .title{font-size:42px;line-height:1.3}
#sh_container .btn--primary{font-size:17px}
}
@media (max-width:1400px){
#sh_container .group-title{gap:16px}
#sh_container .btn--primary{height:56px;font-size:16px}
#sh_container .btn--primary svg{width:20px;height:20px}
}
@media (max-width:1024px){
#sh_container .group-title{gap:12px}
#sh_container .group-title h2.sub-tit{font-size:18px}
#sh_container .group-title h3, #sh_container .title{font-size:36px}
#sh_container .btn--primary{height:54px}
}
@media (max-width:768px){
#sh_container .group-title h2.sub-tit{font-size:16px}
#sh_container .group-title h3, #sh_container .title{font-size:30px}
#sh_container .btn--primary{height:50px;font-size:15px}
}
@media (max-width:480px){
#sh_container .group-title h3, #sh_container .title{font-size:24px;white-space:normal}
#sh_container .btn--primary{height:48px}
#sh_container .btn--primary svg{width:18px;height:18px}
}
@media (max-width:390px){
#sh_container .btn--primary{flex-wrap:wrap;width:auto !important;height:auto !important;padding:12px 24px !important}
}
/* MAIN 공통 반응형 [e] */

/* ===================== FOOTER */
#sideBnr{position:fixed;top:40%;right:0;z-index:101;transform:translateY(-50%)}
#sideBnr a{display:block;width:200px;padding:4px 0 4px 4px;border-radius:8px 0 0 8px;background:#fff;box-shadow:4px 4px 16px rgba(0,0,0,.2)}
#sideBnr img{width:100%;border-radius:8px 0 0 8px}
@media(max-width:1720px){
#sideBnr a{width:170px}
}
@media(max-width:1660px){
#sideBnr a{width:140px}
}
@media(max-width:1200px){
#sideBnr{display:none}	
}
#fixBtns{position:fixed;right:20px;bottom:80px;z-index:24;transition:all .2s}
#fixBtns .manual{position:relative;display:block;height:100%;margin-bottom:20px;padding:22px 15px 25px;border-radius:0px 50px 50px 50px;text-align:center;line-height:1.2;background:#cfefff}
#fixBtns .manual *{white-space:pre-line}
#fixBtns .manual span{font-size:12px;font-weight:500;color:#777}
#fixBtns .manual p{margin-top:8px;font-size:14px;font-weight:700;color:var(--dark)}
#fixBtns .manual img{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%)}
#fixBtns .link>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:70px;height:70px;margin:5px auto;border-radius:50px;border:1px solid #e1e1e1;font-size:13px;font-weight:600;color:#999;background:#fff;transition:all .3s}
#fixBtns .link svg{width:20px;height:20px;color:#999}
#fixBtns .link .kakao{display:none;padding-top:4px;border:none;background:#ffdf2c}
#fixBtns .link .kakao img{width:24px;margin:auto}
#fixBtns .to_top{display:flex;flex-direction:column;align-items:center;justify-content:center;width:55px;height:55px;margin:0 auto;padding-bottom:3px;border:none;border-radius:50px;font-size:11px;font-weight:600;color:#fff;background:var(--second)}
#fixBtns .to_top svg{width:20px;height:20px}
#sh_ft{position:relative;z-index:20;padding-bottom:70px;font-size:14px;font-weight:500;line-height:1.8;color:#aaa}
#sh_ft .link_wrap{display:flex;align-items:center;position:relative;max-width:var(--mainsize);height:65px;margin:20px auto}
#sh_ft .link_wrap .fam_btn{display:flex;align-items:center;width:162px;height:40px;padding:0 20px 0 25px;margin-left:auto;border-radius:20px;font-size:14px;font-weight:500;color:#777;background:var(--pale);transition:all .2s}
#sh_ft .link_wrap .fam_btn svg{width:15px;height:15px;margin:0 0 1px auto;transition:all .2s}
#sh_ft .link_wrap .fam_btn.on svg{transform:rotate(135deg)}
#sh_ft .link_wrap .fam_site{display:none;position:absolute;right:0;top:-80px;width:162px;padding:16px 22px;border-radius:12px;background:var(--pale)}
#sh_ft .link_wrap .fam_site a{display:flex;align-items:center;color:#777;line-height:2}
#sh_ft .link_wrap .fam_site a svg{opacity:0;width:15px;height:15px;margin:0 0 1px 5px}
#sh_ft .links{display:flex;align-items:center}
#sh_ft .links a, #sh_ft .links .prv{font-size:14px;font-weight:500;color:#777}
#sh_ft .links a+a:before{display:inline-block;content:'';width:1px;height:12px;margin:0 12px;background:rgba(0,0,0,.15)}
@media(hover:hover){
#fixBtns .link>*:hover{border:1px solid var(--primary);color:var(--primary)}
#fixBtns .link>*:hover svg{color:var(--primary)}
#sh_ft .link_wrap .fam_btn:hover{color:#111}
#sh_ft .link_wrap .fam_site a:hover{color:#111}
#sh_ft .link_wrap .fam_site a:hover svg{opacity:1}	
#sh_ft .links a:hover, #sh_ft .prv:hover{color:#111}
}
@media(max-width:1400px){
#sh_ft .link_wrap{padding:0 15px}
#sh_ft .info{padding:0}
}
@media(max-width:1024px){
#fixBtns .cost, #fixBtns .sample, #fixBtns .manual{display:none}
#fixBtns .link>*{width:45px;height:45px;font-size:0;box-shadow:2px 2px 6px rgba(0, 0, 0, .1)}
#fixBtns .link .inq{border:none;background:var(--primary)}
#fixBtns .link svg{margin-top:5px;color:#fff}
#fixBtns .link .kakao{display:flex}
#fixBtns .to_top{width:45px;height:45px;margin-top:8px;color:#222;background:#fff;box-shadow:2px 2px 6px rgba(0, 0, 0, .1)}
#fixBtns .link a{border:none}
#fixBtns .link .tel{background:#333}
#fixBtns .link .mk{display:none}
#fixBtns .link .inq:hover svg{color:#fff}
#fixBtns .link .kakao:hover{border:none}
}
@media(max-width:768px){
#shSection{font-size:14px}
#sh_ft{font-size:13px}
#mkSitemap .cs .info img{width:130px}
#sh_ft .link_wrap{display:block;height:auto;padding:15px;text-align:center}
#sh_ft .link_wrap .links{justify-content:center}
#sh_ft .links a, #sh_ft .links .prv{font-size:13px}
#sh_ft .links a+a:before{margin:0 6px}
#sh_ft .link_wrap .fam_btn{width:100%;margin-top:15px}
#sh_ft .link_wrap .fam_site{top:-98px;right:15px;width:calc(100% - 30px)}
#sh_ft .info{text-align:center}	
#sh_ft .info span{display:block}
#mkSitemap .sitemap ul.sns li div{flex-wrap:wrap}
}
@media(max-width:480px){
}