@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&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 */ 

body{background:#fff;font-size:0.81em;font-family:'Pretendard'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{ font-family:'Pretendard'}

:root{--primary:#133653}

/* 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;zoom:1;overflow:visible;}
#sh_container_wrapper_m:after{display:block;visibility:hidden;clear:both;content:""}
#sh_container_top{position:relative;width:100%;margin:62px 0 0;height:175px;text-align:center}

/* 사이드(서브)메뉴 float:left; 선택 단 content 와 같은 방향 X */
#sh_aside{position:relative;z-index:2;min-width:1070px;height:43px}
#sh_aside_wrapper{position:relative;z-index:1000;width:1070px;height:43px;margin:0 auto;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:50px;height:440px}
#sh_index_banner{position:relative;margin:0;overflow:hidden;font-family:'notokr-regular'}

/* 고객센터 */
#sh_index_banner .m01{float:left;width:357px;height:200px;letter-spacing:-0.3px;color:#fff;background:url(/sh_img/index/m01_bg.jpg) no-repeat 100% / cover}
#sh_index_banner .m01 .tit{padding:26px 0 0 30px;font-size:16px;font-weight:500}
#sh_index_banner .m01 .tel{padding:13px 0 0 30px;font-size:32px;font-weight:700}
#sh_index_banner .m01 .etc{padding:13px 0 0 30px;font-size:14px;line-height:21px;color:rgba(255,255,255,.8)}
#sh_index_banner .m01 .etc span{display:inline-block;margin-right:10px;color:#fff;font-family:'notokr-medium'}

/* 사업안내, 제품안내 */
#sh_index_banner .idx_box{float:left;position:relative;width:355px;height:200px;border-right:1px solid #e4e4e4;letter-spacing:-0.3px;color:#8a8a8a;box-sizing:content-box}
#sh_index_banner .idx_box .tit{padding:30px 0 0 30px;font-size:16px;color:#333;font-family:'notokr-bold'}
#sh_index_banner .idx_box .line{width:83%;height:1px;margin:15px auto;background-color:#ededed}
#sh_index_banner .idx_box .line .color{height:1px;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:15px}
#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_index_banner .idx_box.m03{background:#e7e9ed}
#sh_index_banner .idx_box.m03 .btn_go a{color:#fff;background:#444}

/********************* 메인화면 끝 *********************/

/* 사이트맵 */
a{text-decoration:none !important}
a:hover{text-decoration:none !important}

#sh_site_map{width:100%;position:relative;min-height:500px;height:500px auto;margin:0 auto}
.sh_site_map01{width:30%;float:left;margin-right:3%;min-height:200px;height:200px auto;margin-bottom:60px;border-bottom: solid 1px #e1e1e1}
.sh_site_map_title{font-size:17px;font-weight:normal;color: #222;font-family:'notokr-medium'}
.sh_site_map_title a{color:#222}
.sh_site_map_line{border-bottom:2px solid #222;margin:10px 0}
.sh_site_map_box{margin:0 auto;min-height:80px}
.sh_site_map_txt{font-size:14px;line-height:1.2em;color:#666;padding:5px;font-family:'notokr-regular'}
.sh_site_map_txt a{color:#666}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}


