@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

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(--primary)}

:root{--primary:#612c60;--k-font:'Pretendard'}

/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper{font-family:var(--k-font)}
#sh_hd {z-index:10;position:relative;min-width:1070px;} 

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

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

/* 사이드(서브)메뉴 float:left;선택 단 content 와 같은 방향 X */
#sh_aside {float:left;margin:0;width:220px}

/* 컨텐츠 본문 영역 */
#sh_content {z-index:4;position:relative;float:right;padding:0;width:820px;min-height:440px;margin:125px 0 60px 0;height:auto !important;height:500px;line-height:1.5em;color:#666;zoom:1; border-top:2px solid #000;font-family:var(--k-font)}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit {margin:30px 0 40px 0;overflow:hidden}
#sh_content #sh_content_tit:after {clear:both}
#sh_content #sh_content_tit h3 {float:left;padding:0;font-size:30px;line-height:1em;color:#333333;letter-spacing:-0.05em; font-weight:bold;}
#sh_content #sh_content_tit span {float:right;margin-top:10px;}
#sh_content #sh_content_tit span a {color:#666666;}

/* 하단 */
#sh_ft {z-index:10;position:relative;min-width:1070px; background:#fbfbfb url(../sh_img/ft/footer_bg.png) repeat-x;} 
#sh_ft_wrapper {position:relative;margin:0 auto;padding:0 0 30px 0;width:1070px;zoom:1;line-height:140%;color:#898989}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

#sh_ft_wrapper ul {width:100%;padding:25px 0 7px;overflow:hidden; margin-bottom:10px;}
#sh_ft_wrapper ul li {float:left;color:#636363;font-weight:bold;font-size:1.1em;padding-right:10px}
#sh_ft_wrapper ul li:after{content:"|";color:#e8e8e8;font-weight:normal;padding-left:10px}
#sh_ft_wrapper ul li.last:after {content:""}
#sh_ft_wrapper  p {padding-top:4px}
#sh_ft_wrapper #sh_ft_icon{margin-top:15px;text-align:right}

#sh_ft_wrapper .ft_wrap{display:flex;align-items:flex-start;gap:40px}
#sh_ft_wrapper .bt_logo{flex-shrink:0;width:fit-content}
#sh_ft_wrapper .ft_con_wrap{width:100%}

/********************* 메인화면 시작 *********************/

/* 메인 컨텐츠영역 */
#main_banner {position:relative;width:1920px;margin-left:-425px;z-index:0; height:518px;}
#idx_box{width:1070px;margin:0px auto 30px;overflow:hidden}
#idx_box > div{float:left;position:relative;height:158px;padding-top:47px;margin-left:40px;overflow:hidden;box-sizing:content-box}
#idx_box > div:first-child{margin-left:0}
#idx_box > div:last-child{margin-right:0}
#idx_box > div span.more {float:right; margin-top:4px;}

/* 메인 공지사항 */
#m01 {width:330px;}
#m01 h4 {float:left; font-size:20px; font-weight:bold;}
#m01 .contents_area{clear:both; margin-top:50px; background:url(../sh_img/index/con_bg_01.png) no-repeat 0% 20%; width:330px; height:110px;}

/* 메인 제품소개 */
#m02 {width:330px;background:#ffffff}
#m02 h4 {font-size:20px; font-weight:bold;}
.contents_area{margin-top:20px; background:url(../sh_img/index/con_bg_02.png) no-repeat 0% 20%; height:110px;}
.contents_area p{color:#666666; font-size:15px;line-height:1.6;margin-left:110px;}
.contents_area a{display:inline-block; font-size:15px; padding-right:10px; margin:20px 0 0 110px; color:#f11a1a; background:url(../sh_img/index/arrow.png) no-repeat 100% 70%;}
.contents_area a:hover{text-decoration:underline;}
.contents_area a img{margin-left:3px;}


/* 메인 고객센터 */
#m03 {width:330px;}
#m03 h4 {font-size:20px; font-weight:bold;}
#m03 .contents_area{margin-top:20px; background:url(../sh_img/index/con_bg_03.png) no-repeat 0% 20%; height:110px;}
#m03 p{color:#666666; font-size:15px;line-height:1.6; margin-left:110px;}
#m03 p.tel{color:#333333;font-size:22px;font-weight:bold; margin-left:110px}

/********************* 메인화면 끝 *********************/

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

/* 사이트맵 */
#sh_site_map{position:relative;width:100%;font-family:'notokr-regular'}
#sh_site_map > div{float:left;width:32%;min-height:280px;margin-right:2%}
#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:155px;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}