@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

:root{--point_color:#877043;--efont:'Poppins';--kfont:'Pretendard'}
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'}

/* Header */
#sh_hd{z-index:10;position:relative;min-width:1070px} 
#sh_hd_wrapper{position:relative;min-width:1070px;zoom:1}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* 메인,서브 비주얼이미지 */
#sh_container{z-index:0;position:relative;min-width:1070px;overflow:hidden}
#sh_container_wrapper{position:relative;z-index:10;margin:0 auto;width:1070px;zoom:1;overflow:hidden;}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#sh_container_wrapper_m{position:relative;z-index:-100;margin:0 auto;width:1070px;height:831px;zoom:1;overflow:visible;}
#sh_container_wrapper_m:after{display:block;visibility:hidden;clear:both;content:""}
#sh_container_top{position:relative;width:100%;margin:6px 0 0;height:175px;text-align:center}

/* 사이드(서브)메뉴 float:left; 선택 단 content 와 같은 방향 X */
#sh_aside{position:relative;z-index:99999;min-width:1070px;height:43px;border-bottom:1px solid #e4e4e4}
#sh_aside_wrapper{position:relative;z-index:1000;width:1070px;height:43px;margin:0 auto;border-left:1px solid #e4e4e4;zoom:1}

/* 컨텐츠 본문 영역 */
#sh_content{position:relative;z-index:4;width:1070px;min-height:440px;margin:30px 0 60px;color:#666;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:''}
#sh_content #sh_content_tit{overflow:hidden;margin-bottom:40px}
#sh_content #sh_content_tit h3{float:left;padding:0;font-size:28px;font-weight:normal;color:#333;letter-spacing:-0.3px;font-family:'notokr-bold'}
#sh_content #sh_content_tit span{float:right;margin-top:12px;padding-left:17px;font-size:14px;font-family:'notokr-regular'}

/* 하단 */
#sh_ft{z-index:10;position:relative;min-width:1070px;border-top:1px solid #e4e4e4} 
#sh_ft_wrapper{position:relative;margin:0 auto;padding:30px 0;width:1070px;zoom:1;font-size:13px;line-height:22px;font-family:'notokr-regular'}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

#sh_ft_wrapper #address{color:#898989;clear:both}
#sh_ft_wrapper #address p{padding-top:4px}
#sh_ft_wrapper #address p strong{font-weight:normal;font-family:'notokr-bold'}
#sh_ft_wrapper #sh_ft_icon{position:absolute;right:0;bottom:30px}

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

/* 메인 컨텐츠영역 */
#main_banner{position:relative;width:1070px;margin-top:62px;height:427px}
#sh_index_banner{position:relative;top:217px;margin:0;overflow:hidden;z-index:100;font-family:'notokr-regular'}

/* 고객센터 */
#sh_index_banner .m01{float:left;width:357px;height:188px;letter-spacing:-0.3px;color:#fff}
#sh_index_banner .m01 .tit{padding:26px 0 0 30px;font-size:16px;font-family:'notokr-bold'}
#sh_index_banner .m01 .tit span{position:relative;display:inline-block;margin-left:10px;padding-left:10px;font-size:15px;color:#9099b0}
#sh_index_banner .m01 .tit span:before{position:absolute;left:0;top:6px;content:'';width:1px;height:12px;background:#9099b0}
#sh_index_banner .m01 .tel{padding:13px 0 0 30px;font-size:32px;font-family:'notokr-bold'}
#sh_index_banner .m01 .etc{padding:13px 0 0 30px;font-size:14px;line-height:21px;color:#9099b0}
#sh_index_banner .m01 .etc span{display:inline-block;margin-right:10px;color:#fff;font-family:'notokr-medium'}

/* 사업안내, 제품안내 */
#sh_index_banner .idx_box:nth-child(1){border-left:1px solid #e4e4e4}
#sh_index_banner .idx_box{float:left;position:relative;width:355px;height:188px;border-right:1px solid #e4e4e4;letter-spacing:-0.3px;color:#8a8a8a;box-sizing:content-box}
#sh_index_banner .idx_box .tit{padding:39px 0 0 30px;font-size:16px;color:#333;font-family:'notokr-bold'}
#sh_index_banner .idx_box .tit span{display:inline-block;position:relative;margin-left:10px;padding-left:10px;font-size:15px;color:#9099b0}
#sh_index_banner .idx_box .tit span:before{position:absolute;left:0;top:5px;content:'';width:1px;height:12px;background:#c9c9c9}
#sh_index_banner .idx_box .line{width:83%;height:3px;margin:15px auto 25px;background-color:#ededed}
#sh_index_banner .idx_box .line .color{height:3px;width:30px;background-color:#566385 }
#sh_index_banner .idx_box .i_txt{padding-left:30px;font-size:14px;line-height:22px}
#sh_index_banner .idx_box .btn_go{position:absolute;right:30px;bottom:42px}
#sh_index_banner .idx_box .btn_go a{display:block;width:40px;height:40px;border-radius:100%;text-align:center;line-height:40px;color:#5c5c5c;background:#ededed;font-family:'notokr-medium'}

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

/* 사이트맵 */
#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}

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