@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@font-face {
    font-family: 'KimjungchulScript-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulScript-Regular.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


:root{--primary:#db1369;--k-font:'Pretendard';--e-font:'Raleway'}

/* SHINING 독립 사용 */
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'Nanum Gothic'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Nanum Gothic'}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

/* 익스8 이하  */
#ie_lower {padding:7px 0;border-bottom:1px solid #fff073;border-top:1px solid #fff073;text-align:center;background-color:#fffbd9;font-family:nanumgothic} 
#ie_lower span {font-weight:bold;color:#f96319}
#ie_lower a {display:inline-block;padding-left:10px;color:#888}
#ie_lower a:hover {text-decoration:underline}

/* head 전체 100% 혹은 min-width 사용 */
#sh_hd {position:relative;z-index:10;width:100%;min-width:1200px} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper{position:relative;margin:0 auto;padding:0;zoom:1}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* 메인,서브 비주얼이미지 */
#sh_container{position:relative;z-index:0;width:100%;min-width:1200px}
#sh_container_wrapper{position:relative;width:100%;zoom:1}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* SUB,서브 타이틀 */
#sub_main_banner{width:100%;height:300px;background: url(/sh_img/hd/sub_main_banner/sub_main_banner.jpg) no-repeat;animation:main 30s linear infinite}
@keyframes main{from{background-position:center center}50%{background-position:bottom center}100%{background-position:center center}}
#sh_content_tit_wrap{position:relative;width:1200px;margin:0 auto;padding-top:115px;font-family:'notokr-regular'}
#sh_content_tit {margin-top:-20px;font-size:14px;color:rgba(255, 255, 255, 0.67);text-align:center;opacity:0}
#sh_content_tit h3 {position:relative;z-index:5;margin-bottom:10px;font-size:28px;color:#fff;font-family:'notokr-bold'}
#sh_content_tit h3:after {display:block;position:absolute;top:-12px;right:-22px;z-index:-1;width:41px;height:42px;content:""}
#sh_content_tit .fa-angle-right{padding:0 5px;color:#b5b5b5}

/* 사이드(서브)메뉴 float:left;선택 단 content 와 같은 방향 X */
#sh_aside {position:relative;width:1070px;margin:-25px auto 0;text-align:center;background-color:transparent}

/* 컨텐츠 본문 영역 */
#sh_content{position:relative;z-index:4;width:1070px;min-height:580px;margin:70px auto 40px;padding:0;font-size:14px;color:#888;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

/* 하단 */
#sh_ft{position:relative;z-index:10;width:100%;min-width:1200px;background:#303438;font-family:'notokr-regular'} 
#sh_ft #sh_ft_txt:after {display:block;visibility:hidden;clear:both;content:""} 
#sh_ft #sh_ft_txt{width:1200px;height:252px;margin:0 auto}
#sh_ft .txt{float:left;padding:70px 0 0 45px;font-size:13px;line-height:24px;color:#848687;letter-spacing:-0.3px}
#sh_ft .txt h1{margin-bottom:20px;font-size:15px;font-weight:normal;color:#fff;letter-spacing:-0.5px;font-family:'notokr-medium'}
#sh_ft .ft_adm_wrap{width:100%;height:60px;background-color:#212427}
#sh_ft .ft_adm{width:1200px;margin:0 auto;line-height:60px}
#sh_ft .ft_adm p{float:left;font-size:13px;color:#5b5b5c;letter-spacing:-0.3px;font-family:'notokr-medium'}
#sh_ft #sh_ft_icon{float:right;right:0;bottom:0}
#sh_ft #sh_ft_icon a{margin-left:2px}

/* 고객센터 */
#sh_ft .cs{float:left;width:357px;height:252px;padding:40px 45px;color:#fff;background-color:#901147;font-family:'Raleway'}
#sh_ft .cs .tit{font-size:15px;font-weight:700;letter-spacing:0.6px}
#sh_ft .cs .call{margin:20px 0;font-size:25px;font-weight:800;letter-spacing:0}
#sh_ft .cs .etc{font-weight:500;line-height:22px;color:#c8789a;letter-spacing:0.5px}
#sh_ft .cs .etc strong{color:#fff;font-weight:700}
#sh_ft .cs .sns{margin:20px 0}
#sh_ft .cs .sns a{color:#fff;margin-right:15px;opacity:0.3;-webkit-transition:opacity .5s;transition:opacity .5s}
#sh_ft .cs .sns a:hover{opacity:1}