@charset "utf-8";
/* SHINING 독립 사용 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/css/font/NanumGothic-Regular.eot);
  src: url(/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/css/font/NanumGothic-Regular.woff) format('woff'),
       url(/css/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/css/font/NanumGothic-Bold.eot);
  src: url(/css/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/css/font/NanumGothic-Bold.woff) format('woff'),
       url(/css/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/css/font/NanumGothic-ExtraBold.eot);
  src: url(/css/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/css/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/css/font/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* head 전체 100% 혹은 min-width 사용 */
#sh_hd {z-index:10;position:relative} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper {position:relative;margin:0 auto;padding:0;width:100%;max-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:""} 

/* logo 위치 조정 및 사이즈 지정 */
#sh_logo {float:left;padding:26px 0;width:200px;border:1px solid #bcbcbc;}

/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#sh_tip_menu {position:absolute;right:0px;top:6px;font-size:8pt;font-size:11px; color:#c3c3c3;overflow:hidden;z-index:9999;}
#sh_tip_menu li {float:left; padding-right:10px; padding-left:10px; background:url('/sh_img/hd/top_menu/sh_tip_menu_bg.png') right 2px no-repeat;}
#sh_tip_menu li a {color:#666;}
#sh_tip_menu li.last {padding-right:0;background:none;}

/* 사이즈 위치 조정 */
#sh_top_menu {padding:20px 0; width:850px; border:1px solid #bcbcbc;float:right;border:1px solid #bcbcbc;z-index:9999;}
#sh_top_menu li {float:left;margin:0 40px 0 40px}

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

/* 메인 컨텐츠영역 */
#sh_index_banner{position:relative;width:100%;/*max-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:100%;max-width:1070px;margin:0 auto;overflow:hidden;z-index:1;}

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

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

/* 메인 박스 색깔 & 투명도 설정 */
#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:url(/sh_img/index/box05_icon.png) no-repeat bottom center #62badf;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;}
#idx_box img {text-align:center;margin:0 auto;}
#idx_box a {width:100%;height:85%;cursor:pointer;}


#idx_box2 {position:relative;width:430px;margin-top:-328px;overflow:hidden;z-index:1;}

#idx_box2 > div > div {float:left;position:relative;overflow:hidden;}

.box_area {display:block;width:100%;;max-width:1070px;overflow:hidden;  margin-top:5px;}
.box_area2 {display:block;width:100%;;max-width:1070px;overflow:hidden; margin-top:5px;}
.box_area3 {width:100%;;max-width:1070px;overflow:hidden; margin-top:5px;}


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

/* 메인 박스 색깔 & 투명도 설정 */
#idx_box2 #mBox01 #bg {background:#000000;opacity:0.85;filter:alpha(opacity=85);}
#idx_box2 #mBox02 #bg {background:#1594D0;opacity:0.8;filter:alpha(opacity=80);}

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




/* 메인 박스 개별 */

#mBox01 {width:258px;height:260px;}

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

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



/* 메인박스 두번째줄 */
#mBox04 {width:351px;height:370px; }

#mBox05 {width:351px;height:370px; margin-left:5px;}

#mBox06 {width:351px;height:370px; margin-left:5px;}

#mBox07 {width:351px;height:370px; margin-top:5px }

#mBox08 {width:351px;height:370px; margin:5px 0 0 5px;}

#mBox09 {width:351px;height:370px; margin:5px 0 0 5px;}

/* 메인박스 갤러리 */
#mBox10 { margin:40px 0 25px; clear:both; float:none !important}






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

#sh_content {z-index:4;position:relative;width:100%;max-width:1070px;min-height:440px;margin:30px 0 60px 0;height:auto !important;height:500px;font-size:1.1em;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: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;background:#f4ebd5;} 
#sh_ft_wrapper {position:relative;margin:0 auto;padding:20px 10px 30px;color:#6e6e6e;font-size:1.1em;width:100%;max-width:1070px;zoom:1;line-height:140%;word-break:keep-all}
#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:10px;bottom:37px;}

/* 사이트맵 */
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}
.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}

#map iframe{min-height:480px;min-width:1010px}



@media (max-width:1280px){
.box_area {display:flex;margin-bottom:30px}
.box_area2{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}
.box_area2 img{width:100%}
/* #idx_box > div > div{width:100%} */
#sh_ft_wrapper{width:auto}
#map iframe{min-height:300px;width:100%;min-width:auto}
}

@media (max-width:1024px){
.box_area2{padding:0 10px}

/* 메인 박스 개별 */
#mBox01 {width:258px;height:auto}

#mBox02 {width:calc(100% / 3);height:auto}
#mBox02 p.tit {color:#292929;text-align:left;padding:13px 0 0 30px}
#mBox02 img.more {position:absolute;top:30px;right:20px}

#mBox03 {width:calc(100% / 3);height:auto}
#mBox03 p.tit {color:#292929;text-align:left;padding:13px 0 0 30px}
#mBox03 img.more {position:absolute;top:30px;right:20px}


/* 메인박스 두번째줄 */
#mBox04 {width:100%;height:auto;}
#mBox05 {width:100%;height:auto;margin-left:0}
#mBox06 {width:100%;height:auto;margin-left:0}
#mBox07 {width:100%;height:auto;margin-top:0}
#mBox08 {width:100%;height:auto;margin:0}
#mBox09 {width:100%;height:auto;margin:0}

}

@media (max-width:768px){
.box_area{flex-wrap:wrap}
#mBox02{width:calc(100% / 2)}
#mBox03{width:100%}

.box_area2{display:grid;grid-template-columns:repeat(2, 1fr);gap:5px;box-sizing:border-box}

#sh_content #sh_content_tit h3{font-size:28px}
#sh_ft_wrapper{padding:20px 10px;text-align:center}
#sh_ft_wrapper #sh_ft_icon{position:initial;margin-top:5px;line-height:1.7;text-align:center}

}

@media (max-width:580px){
.box_area{justify-content:center}
#mBox02{width:100%;height:250px}
#mBox03{height:250px}
}

@media (max-width:480px){
#idx_box{display:flex;flex-direction:column;margin-top:40px}
.box_area{order:2}
.box_area2{order:1}
.box_area3{order:3}

#mBox01{display:none}
#mBox10{margin-top:0}
#sh_content #sh_content_tit h3{margin-left:10px;font-size:24px}
#sh_ft{height:200px}
}