@charset "utf-8";
/* SHINING 독립 사용 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&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'}
input[type=text], input[type=password], textarea {transition: unset}


/* head 전체 100% 혹은 min-width 사용 */
#sh_hd {z-index:10;position:relative;min-width:1070px} 
#sh_hd .name_num{position:absolute;padding:5px 22%;top:-30px;left:0;right:0;font-size:18px;color:#111;font-weight:700;font-family:'pretendard'}

/* 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 {z-index:0;position:relative;min-width:1070px;overflow:hidden; height:100%}
#sh_container_wrapper {position:relative;z-index:10;margin:0 auto;width:1070px;zoom:1;overflow:hidden; height:100%}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#sh_container_wrapper_m {position:relative;z-index:-100;margin:0 auto;width:100%;zoom:1;overflow:hidden;height:665px;background:#fff}
#sh_container_wrapper_m:after {display:block;visibility:hidden;clear:both;content:""}
#sh_container_top img {position:absolute;left:50%;margin-left:-708px}
#sh_container_topbg {position:absolute;top:0;width:100%;height:10px;z-index:9999;background:url('/sh_img/hd/top_menu/topmenu_shadow.png') repeat-x}

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

#sh_content {z-index:4;position:relative;float:right;padding:0;width:820px;margin:40px 0 60px 0;min-height:500px;line-height:1.5em;color:#666;zoom:1}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit {margin-bottom:40px;overflow:hidden}
#sh_content #sh_content_tit:after {clear:both}
#sh_content #sh_content_tit h3 {float:left;padding:0;font-size:26px;line-height:1em;color:#333333;letter-spacing:-0.05em}
#sh_content #sh_content_tit span {float:right;margin-top:7px;background:url('/sh_img/hd/sub_home.png') 0 6px no-repeat;padding-left:17px}

/* 하단 */
#sh_ft {position:relative;min-width:1070px;border-top:1px solid #e7e7e7;background:#f5f5f5} 
#sh_ft_wrapper {position:relative;margin:0 auto;padding:10px 0 30px 0;width:1070px;zoom:1;line-height:140%}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

#sh_ft_wrapper .txt{font-size:18px;line-height:28px;letter-spacing:-.3px;word-break:keep-all}
#sh_ft_wrapper #gotop {position:absolute;right:0}
#sh_ft_wrapper ul {width:100%;padding-top:26px}
#sh_ft_wrapper ul li {float:left;padding:0 10px;background:url('/sh_img/ft/ft_line.png') right 4px no-repeat;color:#636363;font-weight:bold;font-size:1.1em}
#sh_ft_wrapper ul li.first {padding:0 10px 0 0}
#sh_ft_wrapper ul li.last {padding:0 0 0 10px;background:none}
#sh_ft_wrapper #address {padding-top:10px;color:#898989;clear:both}
#sh_ft_wrapper #address p {padding-top:4px}
#sh_ft_wrapper #sh_ft_icon {position:absolute;right:0;bottom:37px}

/* 메인 공통 */
#idx_box h4{font-size:22px; color:#3f616e; font-weight:bold; padding:20px 0 0 25px}
#idx_box p{line-height:1.4em; font-size:13px}
#mCon h4{font-size:22px; color:#3f616e; font-weight:bold}

/* 메인 블럭 */
#main_banner{height:392px}

#idx_box{overflow:hidden; margin-top:41px}
.mBlock01{float:left; width:350px; margin:0 10px 0 0}
.mBlock01 .m_shortcut_menu{height:318px; border:1px solid #e5e5e5; margin-bottom:10px;background-color:#fff;}
.mBlock01 .m_shortcut_menu ul{padding:20px 25px 0 25px; overflow:hidden}
.mBlock01 .m_shortcut_menu li{float:left; text-align:center}
.mBlock01 .m_shortcut_menu li a{display:block; width:147px; height:119px}
.mBlock01 .m_shortcut_menu li a span{display:block;color:#222;font-size:14px;font-weight:500;padding-top:93px}

.mBlock01 .m_shortcut_menu li.list01{border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:url('/sh_img/index/img_bookmark_01.png') center top no-repeat}
.mBlock01 .m_shortcut_menu li.list02{border-bottom:1px solid #f2f2f2; background:url('/sh_img/index/img_bookmark_02.png') center top no-repeat}
.mBlock01 .m_shortcut_menu li.list03{border-right:1px solid #f2f2f2; background:url('/sh_img/index/img_bookmark_03.png') center 10px no-repeat; padding-top:10px}
.mBlock01 .m_shortcut_menu li.list04{ background:url('/sh_img/index/img_bookmark_04.png') center 10px no-repeat; padding-top:10px}

.mBlock01 .m_inquiry{height:120px; background:#64adcc url('/sh_img/index/bg_inquiry.png') 265px 42px no-repeat}
.mBlock01 .m_inquiry a{display:block; height:120px}
.mBlock01 .m_inquiry .title{display:block; font-size:22px; font-weight:bold; padding:20px 0 0 25px; color:#fff; background:url('/sh_img/index/icon_right_arrow.png') 49% 22px no-repeat}
.mBlock01 .m_inquiry .title span{color:#ffe4b5}
.mBlock01 .m_inquiry .con{display:block; color:#fff; margin:13px 0 0 25px; font-size:13px; line-height:1.4em; opacity:0.9; filter:alpha(opacity=90)}


.mBlock02{float:left; width:350px; margin:0 10px 0 0}
.mBlock02 .m_request{height:318px; border:1px solid #e5e5e5; margin-bottom:10px; background:#f8f8f8}

.mBlock02 .m_calculator a{display:block; height:120px}
.mBlock02 .m_calculator{height:120px; background:#60beca url('/sh_img/index/bg_calculator.png') 265px 34px no-repeat}
.mBlock02 .m_calculator .title{display:block; font-size:22px; font-weight:bold; padding:20px 0 0 25px; color:#fff; background:url('/sh_img/index/icon_right_arrow.png') 43% 22px no-repeat}
.mBlock02 .m_calculator .title span{color:#ffe4b5}
.mBlock02 .m_calculator .con{display:block; color:#fff; margin:13px 0 0 25px; font-size:13px; line-height:1.4em; opacity:0.9; filter:alpha(opacity=90)}

.mBlock03{float:left; width:348px; height:448px; border:1px solid #e5e5e5;position:relative; background:#f5fafc}
.mBlock03 h4{border-bottom:1px solid #e5e5e5; margin:0 25px 0 25px; padding:20px 0 16px 0 !important}
.mBlock03 .m_product{margin:22px 25px 0 25px}

.mBlock03 .more{position:absolute; top:25px; right:25px}
.mBlock03 span{width:180px; margin-left:10px;display:block; font-size:14px; line-height:1.4em}
.mBlock03 .title{font-size:18px; color:#388bab; font-weight:bold}
.mBlock03 .list01{background:url('/sh_img/index/img_product_01.png') no-repeat right 50px; width:300px; height:168px; border-bottom:1px solid #e5e5e5}
.mBlock03 .list02{background:url('/sh_img/index/img_product_02.png') no-repeat right 40px; width:300px; height:164px; margin:25px 0 0 0}
.mBlock03 .con{margin-top:14px;font-weight:500;color:#222}
.mBlock03 .con2{margin-top:13px}
.mBlock03 .m_product li a{display:block;height:100%}


/* .mBlock03::after{clear:both; content:""; display:block; height:0; visibility:hidden}
 */
 
#mCon{display:flex;align-items:flex-start;justify-content:center;margin-top:60px;overflow:hidden}
#mCon h4{margin:0 0 18px 10px}

#mCon .m_location{ width:50%; float:left;border-right:1px solid #e1e1e1;margin:28px 0 28px 0}
#mCon .m_location h4{margin-left:25px}
#mCon .m_location p{margin-left:25px; font-size:15px; letter-spacing:-0.05em; color:#111;}
#mCon .m_location p>span{color:#467588; font-weight:bold}
#mCon .m_location>a{display:inline-block; margin:17px 0 10px 140px; padding:6px; border:1px solid #d1d1d1; background:#fff}
#mCon .m_location>a:hover{border:1px solid #999999}
#mCon .m_location iframe{width:92%;margin:20px 0 0 25px}

#mCon .m_customer{ width:50%; float:left;margin:28px 0 0 0; background:url('/sh_img/index/icon_customer.png') no-repeat 25px 48px}
#mCon .m_customer h4{margin-left:25px}
#mCon .m_customer p{margin-left:140px}
#mCon .m_customer .tel{font-size:35px; font-weight:bold; color:#467588}
#mCon .m_customer .time{margin:5px 0 15px 142px;font-size:15px;color:#111;line-height:1.3em}
#mCon .m_customer .m_txt{width:257px;margin-top:30px;margin-left:25px;font-size:18px;border:1px solid #e1e1e1;padding:10px 30px;color:#3f616e}

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