@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* SHINING 독립 사용 */
*{-webkit-text-size-adjust:none}
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'}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none} 
a{cursor:pointer}

/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper{font-family:'맑은 고딕';min-width:1070px}
#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;z-index:9999}

/* hd_wrapper 높이 확보용 ie 7 대한 hd_wrapper 마감전 >> <div style="clear:both;"></div> */
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* 메인,서브 비주얼이미지 */
#sh_container{z-index:0;position:relative;min-width:1070px}
#sh_container_wrapper{position:relative;z-index:10;margin:0 auto;width:1070px;zoom:1}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* 메인 컨텐츠영역 */
#sh_index_banner{position:relative;width:1070px;margin:0 auto}
#sub_main_banner{position:relative;width:500px;left:50%;margin-left:-535px;z-index:-9999}

#idx_box{position:relative;width:1070px;overflow:hidden}
#idx_box > div > div{float:left;position:relative;overflow:hidden}
.box_area{display:block;width:1070px;overflow:hidden}

#idx_box #bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-999}

/* 메인 박스 색깔 & 투명도 설정 */
#idx_box #mBox01 #bg{background:#ffffff;opacity:0.85;filter:alpha(opacity=85)}
#idx_box #mBox02 #bg{background:#ec411c;opacity:0.8;filter:alpha(opacity=80)}
#idx_box #mBox03 #bg{background:#171717;opacity:0.8;filter:alpha(opacity=80)}
#idx_box #mBox04 #bg{background:#e5e5e5;opacity:1;filter:alpha(opacity=100)}
#idx_box #mBox05 #bg{background:#e7b131;opacity:1;filter:alpha(opacity=100)}
#idx_box #mBox06 #bg{background:#ffffff;opacity:0.98;filter:alpha(opacity=98)}

/* 메인 박스 공통 */
#idx_box p.tit{font-size:1.5em;font-weight:bold;letter-spacing:-0.05em;margin:0 auto;margin-top:8px}
#idx_box p{font-size:1.05em;letter-spacing:-0.05em;margin:0 auto;margin-top:7px;width:100%}
#idx_box img{text-align:center;margin:0 auto}
#idx_box a{width:100%;height:85%;cursor:pointer}

/* 메인 박스 개별 */
#mBox01{width:212px;height:328px}
#mBox01 p.tit{color:#333333;text-align:left;padding:20px 0 0 25px;font-size:1.9em;letter-spacing:-0.05em}
#mBox01 p{color:#888;padding:0 25px;font-size:.9em;text-align:left;width:auto}

#mBox02{width:212px;height:218px;margin-top:110px;text-align:center}
#mBox02 p.tit{color:#fff;margin-top:20px}
#mBox02 p{color:#ffaf99;margin-top:7px}
#mBox02 img{margin-top:50px}

#mBox03{width:212px;height:218px;text-align:center}
#mBox03 p.tit{color:#fff;text-align:left;padding:13px 0 0 20px}
#mBox03 p.time{color:#888;text-align:left;padding:10px 20px 0;font-size:.9em}
#mBox03 img{margin-top:20px}
#mBox03 ul{padding:20px 20px 0 30px}
#mBox03 ul li{float:left;width:44px;height:44px;text-indent:-9999px;margin-right:12px;cursor:pointer}
#mBox03 ul li.fb{background:url('/sh_img/index/box03_sns.png') 0 0 no-repeat}
#mBox03 ul li.fb:hover{background:url('/sh_img/index/box03_sns.png') 0 -44px no-repeat}
#mBox03 ul li.tw{background:url('/sh_img/index/box03_sns.png') -44px 0  no-repeat}
#mBox03 ul li.tw:hover{background:url('/sh_img/index/box03_sns.png') -44px -44px  no-repeat}
#mBox03 ul li.blg{background:url('/sh_img/index/box03_sns.png') -88px 0  no-repeat;margin-right:0}
#mBox03 ul li.blg:hover{background:url('/sh_img/index/box03_sns.png') -88px -44px  no-repeat;margin-right:0}

#mBox04{width:212px;height:218px;text-align:center}
#mBox04 p.tit{color:#000000}
#mBox04 p{color:#838383}
#mBox04 img{margin-top:38px}

#mBox05{width:212px;height:218px;text-align:center}
#mBox05 p.tit{color:#fff;margin-top:25px}
#mBox05 p{color:#ffe29e;margin-top:7px}
#mBox05 img{margin-top:50px}

#mBox06{width:434px;height:218px}
#mBox06 p.tit{color:#292929;text-align:left;padding:13px 0 0 30px}
#mBox06 img.more{position:absolute;top:30px;right:20px}

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

#sh_content{z-index:4;position:relative;width:1070px;min-height:440px;margin:30px 0 60px 0;height:auto !important;height:500px;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:2.4em;line-height:1.3em;color:#333333;letter-spacing:-0.1em;font-weight:bold}
#sh_content #sh_content_tit span{float:right;margin-top:12px;background:url('/sh_img/hd/sub_home_s.png') 0 5px no-repeat;padding-left:17px}

/* 오늘 본 상품 */
#sh_stv{z-index:1001;position:fixed;width:88px;left:50%;margin-left:540px; border:1px solid #bcbcbc; height:150px}

/* 하단 */
#sh_ft{z-index:10;position:relative;min-width:1070px;background:#ededed} 
#sh_ft_wrapper{position:relative;margin:0 auto;padding:20px 0 30px 0;color:#6e6e6e;font-size:1.1em;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;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_site_map{position:relative;width:100%;font-family:'notokr-regular'}
#sh_site_map > div{width:32%;float:left;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}