@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{background:#fff;font-size:0.81em;font-weight:400;font-family:var(--k-font)}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:var(--k-font)}

/* head 전체 100% 혹은 min-width 사용 */
#sh_hd {z-index:10;position:relative;min-width:1070px;} 
:root{--primary:#12344c;--k-font:"pretendard";--e-font:'poppins'}

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

/* 사이즈 위치 조정 */
#main_banner{position:relative;width:1500px;z-index:-1;top:0px;left:-20%;}
#sub_main_banner{position:relative;width:1500px;height:215px; display:block; z-index:-1;top:0;left:-20%; margin-bottom:30px}

/* 인덱스 배너 */
#sh_index_banner{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:1070px;height:248px;z-index:9;font-weight:400;font-family:var(--k-font)}
#sh_index_banner > ul:after{display:block;visibility:hidden;clear:both;content:""}
#sh_index_banner > ul > li{float:left;width:50%;height:248px;padding:30px 25px;font-size:14px;line-height:23px;box-sizing:border-box}
#sh_index_banner li h3{margin-bottom:5px;font-size:20px;font-weight:500;font-family:var(--k-font)}
#sh_index_banner .m0101{padding:0;width:50%;overflow:hidden}
#sh_index_banner .m0101:after{display:block;visibility:hidden;clear:both;content:""}
#sh_index_banner .m0101 h3{margin-bottom:6px;font-size:19px;font-weight:700;transition:all 0.2s;font-family:var(--k-font)}
#sh_index_banner .m0101 .idx01_box{display:block;position:relative;float:left;width:50%;height:124px;padding:20px 0 0 18px;color:#333;box-sizing:border-box;background-color:rgba(255, 255, 255, 0.88);transition:all 0.2s}
#sh_index_banner .m0101 .idx01_box img{position:absolute;right:13px;bottom:13px;transition:all 0.2s}
#sh_index_banner .m0101 .b02, #sh_index_banner .m0101 .b03{background-color:rgba(226, 226, 226, 0.88)}
#sh_index_banner .m0101 .idx01_box:hover{background-color:#f7f7f7}
#sh_index_banner .m0101 .idx01_box:hover h3{color:#01487b}
#sh_index_banner .m0101 .idx01_box:hover img{bottom:17px}
#sh_index_banner .m0101 p{color:#767676}
#sh_index_banner .m0201{background-color:#fff}
#sh_index_banner .m0201 h3 .more{float:right}
#sh_index_banner .m0301{font-size:14px;font-weight:400;line-height:1.5;color:rgba(255, 255, 255, 0.5);text-align:center;background-color:#12344c;font-family:var(--k-font)}
#sh_index_banner .m0301 h3{color:#fff}
#sh_index_banner .m0301 .tel{padding:10px 0;font-size:30px;font-weight:700;color:#fff;font-family:var(--e-font)}
#sh_index_banner .m0301 .fax{font-size:15px;font-weight:500;color:#a6a7a8;font-family:var(--e-font)}
#sh_container {z-index:5;position:relative;min-width:1070px}
#sh_container_wrapper {position:relative;z-index:5;margin:0 auto;width:1070px;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;font-weight:500;font-family:var(--k-font)}
#sh_content {z-index:4;position:relative;float:right;padding:33px 15px 45px;width:820px;min-height:500px;height:auto !important;height:500px;zoom:1;box-sizing:content-box;font-family:var(--k-font)}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}
#sh_content_tit{position:relative;margin-bottom:20px;border-bottom:1px #ccc solid}
#sh_content_tit h3{padding-bottom:4px;font-size:26px;font-weight:700;font-family:var(--k-font)}
#sh_content_tit span{position:absolute;top:14px;right:0;font-size:14px;color:#777}

/* 하단 */
#sh_ft{z-index:10;position:relative;min-width:1070px;font-weight:400;font-family:var(--k-font)} 
#sh_ft_wrapper{position:relative;width:1070px;margin:0 auto;padding:35px 0;zoom:1;text-align:center;background:url(/sh_img/ft/bar.png) center top no-repeat}
#sh_ft_tip{padding:10px}
#sh_ft_tip a{font-size:14px;font-weight:500;color:#555;font-family:var(--k-font)}
#sh_ft_tip a:after{display:inline-block;width:1px;height:10px;margin:0 8px;background-color:#ddd;content:''}
#sh_ft_tip a:last-child:after{display:none}
#sh_ft_add{margin-top:10px;line-height:1.7em;color:#787878}
#sh_ft_add strong{color:#555}
#sh_ft_icon{position:absolute;right:0px;bottom:20px}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

#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}