@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@font-face{
  font-family:'RoundyGothic';
  src:url('/css/font/RoundyGothic-Bold.woff') format('woff');
  font-weight:bold;
  font-style:normal;
}
@font-face{
  font-family:'RoundyGothic';
  src:url('/css/font/RoundyGothic-Regular.woff') format('woff');
  font-weight:normal;
  font-style:normal;
}


*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:var(--k-font)}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:var(--k-font)}
:root{--mainsize:1440px;--primary:#F66457;--primary-h:#f33a2a;--dark:#32323D;--k-font:'pretendard';--e-font:'Poppins'}
.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}	
}

/* ===================== 접속키워드 배너 */
:root{--kwd-primary:#1678FF}
#kwdBannerWrap{display:flex;align-items:flex-start;position:fixed;left:0;top:0;z-index:110;width:100%;height:100%;background:rgba(0,0,0,.5)}
#kwdBannerWrap *{word-break:keep-all}
#kwdBanner{display:flex;position:relative;max-width:1500px;width:100%;height:460px;margin:50px auto 0;border-radius:30px;font-size:15px;font-weight:400;line-height:1.65;color:#777;box-shadow:4px 4px 16px rgba(0,0,0,.1);background:var(--kwd-primary)}
#kwdBanner .close{position:absolute;right:15px;top:15px;z-index:101;border:none;color:#fff;background:none}
#kwdBanner .close svg{width:45px;height:45px;stroke-width:1px}
#kwdBanner .kwd-img-pop{position:absolute;top:100px;right:-30px;width:160px}
#kwdBanner .kwd-txt{display:flex;flex-direction:column;justify-content:center;position:relative;width:59%;padding:0 110px 0 50px;border-radius:40px 300px 300px 40px;font-size:1.5vw;color:#111;background:#fff;font-family:'RoundyGothic', 'Pretendard'}
#kwdBanner .kwd-txt p{margin-bottom:40px;font-size:1.8em;font-weight:bold;line-height:1.25;white-space:pre-line;letter-spacing:-2px}
#kwdBanner .kwd-txt p.sm{font-size:1.6em}
#kwdBanner .kwd-txt p b{color:var(--kwd-primary)}
#kwdBanner .kwd-txt span{line-height:1.4}
#kwdBanner .kwd-txt span img{width:35px}
#kwdBanner .kwd-cont{overflow:hidden;width:41%;color:#fff}
/* cont - 지역 문의폼 */
#kwdBanner .kwd-form{display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 70px}
#kwdBanner .kwd-form dl{display:flex;align-items:center;gap:30px}
#kwdBanner .kwd-form dl+dl{margin-top:15px}
#kwdBanner .kwd-form dl dt{font-size:20px;font-weight:600}
#kwdBanner .kwd-form dl dd{flex-grow:1}
#kwdBanner .kwd-form .cm-input{height:55px;width:100%;padding:0 12px;border-radius:6px;border:1px solid rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.06)}
#kwdBanner .kwd-form .cm-input:focus, #kwdBanner .cm-input:active{outline:none}
#kwdBanner .kwd-form .cm-input-dft{height:40px;padding:0 12px;border:none}
#kwdBanner .kwd-form .pvc{display:flex;align-items:center;justify-content:flex-end;gap:0 10px;flex-wrap:wrap;padding:20px 0;font-size:16px;line-height:1.4}
#kwdBanner .kwd-form .pvc i{font-style:normal}
#kwdBanner .kwd-form .pvc a{color:#fff;text-decoration:underline}
#kwdBanner .kwd-form .pvc label{display:flex;align-items:center;gap:5px;flex-wrap:wrap;cursor:pointer}
#kwdBanner .kwd-form .pvc label span{flex-shrink:0;display:flex;width:15px;height:15px;border-radius:4px;color:#fff;text-align:center;background:rgba(255,255,255,.3)}
#kwdBanner .kwd-form .pvc label span svg{width:11px;height:11px;margin:auto}
#kwdBanner .kwd-form .pvc label input[type="checkbox"]{display:none}
#kwdBanner .kwd-form .pvc label input[type="checkbox"]:checked+span{color:#fff;background:#111}
/* cont - 업종 포트폴리오 */
#kwdBanner .kwd-pf{display:flex;flex-direction:column;justify-content:center;gap:25px;position:relative;height:100%;padding:0 50px 0 40px;text-align:center}
#kwdBanner .kwd-pf-slide{width:90%}
#kwdBanner .kwd-pf ul li .thum{overflow:hidden;position:relative;height:260px;border-radius:20px;background:#111}
#kwdBanner .kwd-pf ul li .thum img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 3s cubic-bezier(0.5, 1, 0.89, 1)}
#kwdBanner .kwd-pf .more{position:absolute;right:25px;top:135px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100px;height:100px;border-radius:50%;font-size:14px;font-weight:600;color:#fff;line-height:1.2;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);transition:all .2s}
#kwdBanner .kwd-pf .more svg{width:22px;height:22px}
/* 견적문의 버튼 */
#kwdBanner .kwd-pf-btn{margin:15px 0;font-size:20px;font-weight:600;color:#fff}
#kwdBanner .kwd-inq-btn{width:100%;height:65px;border-radius:40px;border:none;font-size:20px;font-weight:600;line-height:65px;color:#fff;background:#111}
@media(hover:hover){
#kwdBanner .kwd-pf ul li:hover .thum img{object-position:bottom}
#kwdBanner .kwd-pf .more:hover{color:#111;background:#fff}
#kwdBanner .kwd-pf .more:hover svg{color:var(--kwd-primary)}
}
@media(max-width:1500px){
#kwdBanner{width:calc(100% - 30px)}    
#kwdBanner .kwd-txt{font-size:1.8vw}  
}
@media(max-width:1280px){
#kwdBanner .kwd-img-pop{top:10px;right:-10px;width:120px}
#kwdBanner .kwd-txt{width:55%;padding-right:90px}    
#kwdBanner .kwd-cont{width:45%}
#kwdBanner .kwd-form{padding-left:50px}
}
@media(max-width:1024px){
#kwdBanner{height:360px}
#kwdBanner .close svg{width:35px;height:35px}
#kwdBanner .kwd-img-pop{top:-10px;width:100px}
#kwdBanner .kwd-txt{width:52%;padding:0 90px 0 30px;font-size:1.9vw}
#kwdBanner .kwd-txt p{margin-bottom:20px}
#kwdBanner .kwd-cont{width:48%}
#kwdBanner .kwd-form{padding:0 60px 0 30px}
#kwdBanner .kwd-form dl dt{font-size:16px}
#kwdBanner .kwd-form .cm-input{height:45px}
#kwdBanner .kwd-form .pvc{padding:10px 0;font-size:14px}
#kwdBanner .kwd-pf{gap:15px;padding:0 25px 0 10px}
#kwdBanner .kwd-pf ul li .thum{height:200px}
#kwdBanner .kwd-pf .more{top:110px;width:80px;height:80px;font-size:12px}
#kwdBanner .kwd-pf .more svg{width:18px;height:18px}
#kwdBanner .kwd-inq-btn{height:50px;font-size:15px;line-height:50px}
}
@media(max-width:768px){
#kwdBanner{height:300px;border-radius:20px}
#kwdBanner .close{top:10px;right:10px}
#kwdBanner .kwd-img-pop{top:-10px;width:80px}
#kwdBanner .kwd-txt{width:50%;padding:0 25px 0 20PX;border-radius:40px 300px 300px 40px;font-size:2.2vw}
#kwdBanner .kwd-txt p{letter-spacing:-1px;white-space:normal}
#kwdBanner .kwd-cont{width:50%}
#kwdBanner .kwd-form{padding:30px 25px 0 25px}
#kwdBanner .kwd-form dl{gap:15px}
#kwdBanner .kwd-form dl+dl{margin-top:8px}
#kwdBanner .kwd-form dl dt{font-size:14px}
#kwdBanner .kwd-form .cm-input{height:38px}
#kwdBanner .kwd-form .pvc{font-size:12px}
#kwdBanner .kwd-pf ul li .thum{height:160px;border-radius:12px}
#kwdBanner .kwd-inq-btn{height:42px;font-size:14px;line-height:42px}
}
@media(max-width:520px){
#kwdBanner{flex-direction:column;height:auto;margin:auto}    
#kwdBanner .close{top:auto;left:50%;bottom:-52px;transform:translateX(-50%);width:40px;height:40px;padding-top:4px;border-radius:50%;color:#111;background:#fff}
#kwdBanner .close svg{width:28px;height:28px}
#kwdBanner .kwd-img-pop{left:55%;top:-50px;transform:translateX(-50%)}
#kwdBanner .kwd-txt{width:100%;padding:40px 15px 20px;border-radius:20px 20px 0 0;text-align:center;font-size:16px}
#kwdBanner .kwd-txt p{margin-bottom:15px;font-size:22px}
#kwdBanner .kwd-cont{width:100%}
#kwdBanner .kwd-form{padding:25px}
#kwdBanner .kwd-pf{padding:20px}
#kwdBanner .kwd-pf-slide{width:100%}
#kwdBanner .kwd-pf .more{top:90px;right:10px}
}
@media(max-width:380px){
#kwdBanner .kwd-txt{font-size:14px}    
#kwdBanner .kwd-txt p{font-size:18px}
#kwdBanner .kwd-pf ul li .thum{height:140px}
}
@media(max-height:570px){
#kwdBanner .kwd-txt{padding:35px 25px 10px}
#kwdBanner .kwd-txt p{margin-bottom:5px}
#kwdBanner .kwd-form{padding:15px 25px}
}

/* ===================== 팝업레이어 */
#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 .cont{position:absolute;left:0;top:0;z-index:-1}
#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:#111}
#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}
}

/* ===================== 상담 팝업(일반/디자인/포폴) */
#modal{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;margin-top:0;padding:0 20px;font-size:16px;font-weight:400;line-height:1.65;color:#777;background:rgba(0,0,0,.65);font-family:'Pretendard'}
#modal .cont{position:relative;top:50%;transform:translateY(-50%);max-width:max-content;width:100%;max-height:80vh;margin:0 auto;padding:35px 40px 40px;border-radius:16px;background:#fff}
#modal .close{position:absolute;right:25px;top:25px}
#modal .tit{margin-bottom:20px;font-size:24px;font-weight:700;color:#111}
#modal .flex{display:flex;align-items:center}
#modal .right{width:380px}
#modal ul li{display:flex;align-items:baseline}
#modal ul li+li{margin-top:10px}
#modal ul li label{width:75px;flex-shrink:0;font-size:15px;font-weight:600;color:#111}
#modal ul li .dft_input{width:100%}
#modal ul li .dft_txt{width:100%;height:60px}
#modal .pvc_ck{display:flex;align-items:center;justify-content:center;margin:20px 0;font-size:15px;font-weight:500}
#modal .pvc_ck .sh_ck{width:16px;height:16px;border:none;border-radius:4px;background:#e5e5e5;cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
#modal .pvc_ck .sh_ck:checked{background:url('/sh_img/common/check.png') center no-repeat #111;background-size:8px}
#modal .pvc_ck label{margin:0 5px;cursor:pointer;font-size:15px;font-weight:500;color:#111}
#modal .pvc_ck label span{color:var(--primary)}
#modal .pvc_ck a{vertical-align:middle;color:#111;text-decoration:underline}
#modal .btn_area{display:flex;width:80%;margin:0 auto}
#modal .btn_area button{height:50px;font-size:15px;font-weight:600}
#modal .btn_area button.cancel{width:30%;color:#333;background:#e9e9e9}
#modal .btn_area button.comp{width:70%;margin-left:8px;color:#fff;background:var(--primary);transition:all .25s}
/* 디자인상담 */
#modal .cont.design{max-width:820px}
#modal .thum{overflow:hidden;width:50%;margin-right:30px;border-radius:12px;border:1px solid #e1e1e1}
#modal .thum img{width:100%}
#modal .design .right{width:300px}
#modal .design .code{display:flex;margin-bottom:12px}
#modal .design .code span{width:90px;flex-shrink:0;font-size:15px;font-weight:600;color:#111}
#modal .design .code b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:20px;line-height:1;color:var(--primary)}
#modal .design ul li label{width:90px}
#modal .design  .pvc_ck{margin:15px 0}
#modal .design .btn_area{width:100%}
#modal .design .btn_area button.cancel{width:82px}
@media(hover:hover){
#modal .btn_area button.comp:hover{background:var(--primary)}
}
@media(max-width:768px){
#modal .cont{overflow-y:scroll;padding:20px}
#modal .close{top:20px;right:20px}
#modal .tit{margin-bottom:10px;font-size:18px}
#modal ul li{display:block}
#modal ul li label{font-size:13px}
#modal .pvc_ck{margin:10px 0 15px;font-size:13px}
#modal .pvc_ck label{font-size:13px}
#modal .btn_area{width:100%}
#modal .btn_area button{height:45px;font-size:14px}
#modal .thum{width:60%;margin-right:20px}
#modal .design{align-items:flex-start}
#modal .design .code{align-items:center}
#modal .design .code span{width:72px;font-size:14px}
#modal .design .code b{font-size:16px}
}
@media(max-width:480px){
#modal .design{display:block}
#modal .thum{width:100%;margin-bottom:15px}
#modal .design .right{width:100%}
#modal .design .btn_area button.cancel{width:30%}
}


/* ===================== 페이징 */
.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:#000}
.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}
}

/* ===================== 사이드배너 */
#sideBnr{position:fixed;top:40%;right:0;z-index:101;transform:translateY(-50%)}
#sideBnr ul{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 ul li+li{margin-top:8px}
#sideBnr ul li img{width:100%;border-radius:8px 0 0 8px}
@media(max-width:1720px){
#sideBnr ul{width:170px}
}
@media(max-width:1660px){
#sideBnr ul{width:140px}
}
@media(max-width:1200px){
#sideBnr{display:none}	
}

#sh_wrapper{position:relative;width:100%;margin:0 auto;line-height:1.6;font-family:var(--k-font)}

/* ========================== HEADER */
#sh_hd{position:sticky;top:0;z-index:30;width:100%;font-family:var(--k-font)}
#sh_hd #skip_to_container{z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#sh_hd.on #top_logo img{filter:invert(1)}
#sh_hd.on #topNav > li > a{color:#111}

/* ========================== MAIN */
#main_banner{position:relative;z-index:10;width:100%}

/* ========================== INDEX */
#sh_section{font-size:15px;color:#777;font-family:var(--k-font)}
#sh_section *{word-break:keep-all}
#sh_section .inner{max-width:var(--mainsize);width:100%;margin:0 auto}
#sh_section .b_tit{margin-bottom:100px}
#sh_section h2{margin-bottom:20px;font-size:42px;font-weight:700;line-height:1.3;color:#111;white-space:pre-line}
#sh_section .b_tit p{font-size:22px;font-weight:600;color:#aaa}

/* ========================== CONTAINER */
#sh_container{position:relative;width:100%;z-index:0}
#sh_container_wrapper{position:relative;width:100%;zoom:1}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* ========================== CONTENT */
#sh_content{position:relative;z-index:4;min-height:580px}
#sh_content h1{max-width:var(--mainsize);margin:0 auto;font-size:42px;color:#111;line-height:1.3}

/* ========================== FOOTER */
#fixBtns{position:fixed;right:20px;bottom:20px;z-index:24;transition:all .2s}
#fixBtns a, #fixBtns button{display:block;width:53px;height:53px;border-radius:50%;text-align:center;line-height:53px;color:var(--dark);background:#fff;cursor:pointer;box-shadow:2px 2px 6px rgba(0,0,0,.1);transition:all .1s}
#fixBtns .tel{font-size:25px;color:#fff;background:#185dff}
#fixBtns .kakao{margin-top:8px;background:#ffdf2c}
#fixBtns .kakao img{width:28px}
#fixBtns button{margin-top:8px;border:none}
#fixBtns button svg{margin-top:14px}
#fixBtns button.inq_btn{color:#fff;background:var(--primary)}
#fixBtns button.inq_btn svg{width:21px;height:21px}
#sh_ft{position:relative;z-index:10;padding-top:70px;font-size:14px;color:#aaa;font-family:var(--e-font), var(--k-font)} 
.sub #sh_ft{border-top:1px solid #f5f5f5}
#sh_ft .inner{position:relative;max-width:var(--mainsize);width:100%;margin:0 auto}
#sh_ft .top_info{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
#sh_ft .top_info img{opacity:.5}
#sh_ft .fam_link{display:flex;align-items:center;position:relative;max-width:var(--mainsize);height:65px}
#sh_ft .fam_link .fam_btn{display:flex;align-items:center;width:162px;height:40px;padding:0 20px 0 25px;margin-left:auto;border:none;border-radius:20px;font-size:14px;font-weight:500;color:#aaa;background:#f5f5f5;;transition:all .2s}
#sh_ft .fam_link .fam_btn svg{width:15px;height:15px;margin:0 0 1px auto;transition:all .2s}
#sh_ft .fam_link .fam_btn.on svg{transform:rotate(135deg)}
#sh_ft .fam_link .fam_site{display:none;position:absolute;right:0;top:-115px;width:162px;padding:16px 22px;border-radius:12px;background:#222}
#sh_ft .fam_link .fam_site a{display:flex;align-items:center;color:#777;line-height:2;transition:all .3s}
#sh_ft .fam_link .fam_site a svg{opacity:0;width:15px;height:15px;margin:0 0 1px 5px}
#sh_ft .link{margin-top:70px;padding:20px 0;background:#f2f2f2}
#sh_ft .link .inner{display:flex;justify-content:space-between;align-items:center}
#sh_ft .link ul{display:flex;gap:20px}
#sh_ft .link ul a{display:flex;align-items:center;color:#777}
#sh_ft .link ul a svg{width:15px}

/* 반응형 사이트맵 공통 */
#sh_site_map{position:relative;width:100%;font-family:'notokr-regular'}
#sh_site_map:after{display:block;content:"";visibility:hidden;clear:both}
#sh_site_map > div{width:31%;float:left;margin:0 1%}
#sh_site_map > div:nth-of-type(3n){margin-right:0}
#sh_site_map .sh_site_map_title{padding:10px 15px;border-bottom:2px solid #333;font-size:17px;font-weight:normal;text-align:center;color:#222;font-family:'notokr-bold'}
#sh_site_map ul{padding:0 15px 15px}
#sh_site_map .sh_site_map_box{min-height:205px;padding:17px 20px;border:1px solid #e1e1e1;border-top:none;font-size:14px;color:#333;line-height:40px}
#sh_site_map .sh_site_map_box li{border-bottom:1px dotted #ccc}
#sh_site_map .sh_site_map_box li:last-child{border:none}

/* 반응형 하단 버튼 공통 */
#fix_tel{opacity:0;display:none;position:fixed;right:15px;bottom:125px;z-index:101;width:65px;height:65px;margin-right:-10px;border-radius:50%;font-size:30px;text-align:center;line-height:65px;color:#fff;background:var(--primary);box-shadow:5px 5px 5px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s}
#fix_tel.active{opacity:1;margin-right:0}
#sh_ft_btns{display:none;padding:15px}
#sh_ft_btns .btns{overflow:hidden}
#sh_ft_btns .row2 a{width:50%}
#sh_ft_btns a{float:left;display:block;width:100%;height:55px;font-size:16px;line-height:55px;color:#fff;text-align:center;background:var(--primary);font-family:'notokr-bold'}
#sh_ft_btns a.tel{font-size:18px;font-weight:700;letter-spacing:0;font-family:'Poppins'}
#sh_ft_btns a i{padding-right:5px;font-size:18px}
#sh_ft_btns a.kakao{font-weight:normal;color:#402325;background-color:#ffe500}

/* 반응형 [s] */
@media(hover:hover){
#fixBtns .kakao:hover, #fixBtns button:hover{box-shadow:4px 4px 9px rgba(0,0,0,.15)}
#sh_ft .fam_link .fam_site a:hover{color:#fff}
#sh_wrapper.sub #topNav > li > a:hover{color:var(--primary)}
}
@media (max-width:1440px){
#sh_content h1{font-size:38px}
#sh_section h2{font-size:35px}
#sh_section .b_tit p{font-size:20px}
#sh_ft .inner{padding:0 15px}
}
@media (max-width:1024px){
#sh_content h1{font-size:30px}
#sh_section h2{margin-bottom:10px;font-size:30px}
#sh_ft{padding-top:15px;font-size:13px}
#sh_ft .top_info{margin-bottom:15px}
#sh_ft .link{margin-top:30px;padding:10px 0}
}
@media (max-width:768px){
#sh_content h1{font-size:25px}
#sh_section{font-size:14px}
#sh_section .b_tit{margin-bottom:50px}
#sh_section .b_tit p{font-size:16px}
#sh_section h2{font-size:25px;white-space:normal}
#sh_ft .top_info img{width:190px}
#sh_ft .fam_link .fam_btn{font-size:13px}
#fixBtns{right:10px}	
#fixBtns a, #fixBtns button{width:45px;height:45px;line-height:45px}
#fixBtns .tel{font-size:20px}
#fixBtns .kakao{line-height:45px}
#fixBtns .kakao img{width:24px}
#fixBtns button.inq_btn svg{width:18px;height:18px}
#fixBtns button svg{margin-top:10px}
/* 반응형 스타일 필수 [s] */
#sh_login, #sh_agree, #sh_register,#sh_mb_confirm, #sh_result{padding:15px;margin:15px auto;border:none}
#sh_login input[type=submit], #sh_agree .btn_wrap input[type=submit], #sh_register .btn_wrap input[type=submit],#sh_find_info input[type=submit], #sh_mb_confirm input[type=submit]{-webkit-appearance:none;appearance:none}
#sh_login .bnr .txt p a{color:#0054a6}
#sh_pw_confirm{width:100%;padding:30px 20px;border:none}
#sh_agree .inner{padding:15px}
#sh_agree .cont{padding:10px}
#sh_site_map{padding:30px 20px}
#sh_site_map > div{width:100%;margin:0}
#sh_site_map .sh_site_map_box{min-height:auto}
/* 반응형 스타일 필수 [e] */
}
@media (max-width:480px){
#sh_content h1{font-size:20px}
#sh_section h2{font-size:20px}
#sh_section .b_tit p{padding:0 15px;font-size:14px}
#sh_ft{padding-top:50px;font-size:13px}
#sh_ft .inner{text-align:center}
#sh_ft .top_info{flex-direction:column;gap:15px}
#sh_ft .fam_link{height:auto}
#sh_ft .link ul{flex-wrap:wrap;gap:10px}
#sh_ft .link ul a{font-size:13px}
}
@media (max-width:390px){
#sh_content h1{font-size:18px}
#sh_section h2{margin-bottom:5px;font-size:18px}
#sh_ft .link ul{gap:7px}
#sh_ft .link ul a{font-size:12px}
}
/* 반응형 [e] */