@charset "utf-8";
/* SHINING 독립 사용 */
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'}
input[type=text], input[type=password], textarea {transition: unset}

/* head 전체 100% 혹은 min-width 사용 */
#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 {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 #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}
#sh_ft_wrapper .ft_txt{font-size:18px;line-height:28px}
#sh_ft_wrapper .ft_txt em{font-weight:bold}
#sh_ft_wrapper .ft_txt img{margin-bottom:10px}

/* 메인 공통 */
#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:30px}
.mBlock01{float:left; width:350px; margin:0 10px 0 0}
.mBlock01 .m_shortcut_menu{height:318px; border:1px solid #e5e5e5; margin-bottom:10px}
.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; font-size:13px; font-weight:bold; 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{display:block; font-size:13px; 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 span{width:180px; margin-left:10px}
.mBlock03 .con{margin-top:13px; font-weight:bold}
.mBlock03 .con2{margin-top:13px}


/* .mBlock03::after{clear:both; content:""; display:block; height:0; visibility:hidden}
 */
 
#mCon{ margin-top:30px; overflow:hidden}
#mCon h4{margin:0 0 18px 10px}

#mCon .m_notice{ width:356px; height:160px; float:left; margin:28px 0 0 0; background:url('/sh_img/index/icon_notice.png') no-repeat 10px 48px; position:relative}
#mCon .more{position:absolute; top:10px; right:25px}
#mCon .m_notice p{margin-left:140px}

#mCon .m_location{ width:356px; float:left; border-left:1px solid #e1e1e1; margin:28px 0 0 0; background:url('/sh_img/index/icon_location.png') no-repeat 25px 48px}
#mCon .m_location h4{margin-left:25px}
#mCon .m_location p{margin-left:140px; font-size:16px; letter-spacing:-0.05em}
#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_customer{ width:356px; float:left; border-left:1px solid #e1e1e1; 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:30px; font-weight:bold; color:#467588; letter-spacing:-0.05em}
#mCon .m_customer .time{font-size:13px; color:#666666; margin:5px 0 10px 142px; line-height:1.3em}

/* 사이트맵 */
#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}
.sh_site_map_title{font-size:1.4em;color:#515151}
.sh_site_map_title a{color:#515151}
.sh_site_map_line{border-bottom:2px solid #8b8b8b;margin:10px 0}
.sh_site_map_box{width:90%;margin:0 auto;background:#f7f7f7;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;min-height:80px}
.sh_site_map_txt{font-size:1em;line-height:1.2em;color:#666;font-weight:bold;padding:5px}
.sh_site_map_txt a{color:#666}

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