@charset "utf-8";
/* SHINING 독립 사용 */

* {font-family:'Malgun Gothic','맑은 고딕','돋움','dotum'}
/* 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}
/* 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:4px;z-index:99;font-family:"돋움",Dotum,"굴림",Gulim,Helvetica,Sans-serif;font-size:11px;color:#666}
#sh_tip_menu a {color: #666}

/* 사이즈 위치 조정 */
#sh_top_menu {padding:26px 0;width:850px;border:1px solid #bcbcbc;float:right;border:1px solid #bcbcbc;}
#sh_top_menu li {float:left;margin:0 40px 0 40px}
#sh_index_banner{margin:0 auto;width:1070px}
#sh_index_banner:after {display:block;visibility:hidden;clear:both;content:""}

/* 인덱스 첫번째 줄 */
#m01{*zoom:1}
#m01:after {content:"";visibility:hidden;display:block;clear:both}
#m01 > div {width:259px;height:178px;float:left;margin-right:11px}

.m0101 {background:url(/sh_img/index/m0101_bg.png) no-repeat #3b6691;position:relative}
.m0101 h3 {font-size:15px;color:#fff;position:absolute;top:25px;right:60px;}
.m0101 ul {color:fff;margin: 50px 0 0 140px}
.m0101 ul li {font-size:12px;line-height:20px;}
.m0101 ul li a {color:#bec4d6}
.m0101 ul li a:hover {color:#fff}

.m0201 {background:repeat #6baa5c;position:relative;}
.m0201 .m0201_img {position:absolute;left:0;top:30px}
.m0201 h3 {font-size:15px;color:#fff;position:absolute;top:25px;right:50px;}
.m0201 ul {color:fff;margin: 50px 0 0 153px}
.m0201 ul li {font-size:12px;line-height:20px;}
.m0201 ul li a {color:#c9d6be}
.m0201 ul li a:hover {color:#fff}

.main_sms {background-color:#fff;}
.main_sms h3 {background:url(/sh_img/index/main_sms_bg.png) left center no-repeat #133e69;border-left:10px solid #d1d1d1;font-size:15px;color:#fff;padding:17px 0 17px 10px}
#main_q {margin-top:5px}
#main_q tr th {padding:3px 0}
#main_q tr td {padding:3px 0}
#main_q .sms_tit {text-align:center;background:url(/sh_img/index/main_sms_sq.gif) left center no-repeat;padding-left:5px;width:60px;color:#666}
#main_q .m_sms_box {border:1px solid #dfdfdf;background-color:#eee;height:24px;width:99%}
#main_q .m_sms_box2 {border:1px solid #dfdfdf;background-color:#eee;height:53px;width:97%}
.m_sms_bt {background:url(/sh_img/index/main_sms_bt.png);background-color:transparent;border:none;width:52px;height: 56px;float:right;cursor:pointer;color:#fff;font-weight:bold}

.m0401 {background:url(/sh_img/index/sq_bg2.png) repeat #133e69;position:relative;text-align:center;margin-right:0!important;width:260px!important}
.m0401 h3{font-size:15px;color:#fff;margin-top:17px}
.m0401 h4{font-size:15px;color:#fff;margin-bottom:5px!important}
.m0401 .tel {font-size:36px;color:#6baa5c;font-weight:bold}
.m0401 ul li{color: #92a2b2;line-height:20px }

/* 인덱스 두번째 줄(게시판) */

#M02 {margin-top:15px}
#M02 > div {position:relative;float:left;width:293px;height:70px;padding:20px 24px 30px 24px;border:1px solid #e7e7e7;margin-right:20px;}
#M02 > div p.tit {color:#555555;font-size:16px;font-weight:bold;margin-bottom:7px;}
#M02 > div p.tit .more {position:absolute;right:20px;margin-top:3px}
#M02 .m0701 {margin-right:0!important}

/* sh_container */
#sh_container {z-index:5;position:relative;}
#sh_container_wrapper {position:relative;z-index:5;margin:0 auto;zoom:1;}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* float:left;선택 단 content 와 같은 방향 X */
#sh_aside {float:left;margin:0;width:200px}

#sh_content {z-index:4;position:relative;float:right;padding:15px 0 15px 15px;width:830px;min-height:500px;height:auto !important;height:500px;zoom:1}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}

#sh_content_title {margin-bottom:30px;border:1px solid #bcbcbc;float:right;padding:15px;width:810px;}

/* 오늘 본 상품 */
#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:repeat #eeeeee;padding:15px 0;margin-top:30px} 
#sh_ft_wrapper {position:relative;margin:0 auto;padding:2px 0;width:1070px;zoom:1;line-height:140%;color:#666}
#sh_ft_icon {position:absolute;right:0px;bottom:0px}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

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

/*팝업창*/
#mainWrapper{position:relative}
.LayerPopup{position:absolute;z-index:32600;width:450px;background-color:white;border:1px solid rgb(102, 102, 102)}
#LayerPopup_38{left:30px;top:130px}
#LayerPopup_36{left:485px;top:130px}
#LayerPopup_37{display:none;left:30px;top:535px}
#LayerPopup_99{left:30px;top:535px}
#LayerPopup_39{left:30px;top:130px;width:600px}
#LayerPopup_40{left:30px;top:535px;width:450px}
#LayerPopup_42{left: 950px;top:130px;width:450px;}
#LayerPopup_43{left:950px;top:130px;width:450px}
#LayerPopup_44{left:490px;top:130px;width:450px}
#LayerPopup_45{right: 40px;top:130px;width:450px}
#LayerPopup_46{right: 40px;top: 538px;width:450px}
#LayerPopup_47{left:30px;top:540px}
/*
#LayerPopup_36{left:30px;top:130px}
#LayerPopup_37{left:485px;top:535px}
#LayerPopup_38{left:30px;top:535px}
#LayerPopup_39{left:485px;top:535px}
#LayerPopup_99{left:485px;top:130px}
*/
#mainWrapper .LayerPopup>div:nth-child(2){height: 25px;background:rgb(206, 206, 206);color:rgb(255, 255, 255);padding-right: 5px;text-align: right;font-size: 11px}

@media(max-width:480px){
.LayerPopup{width:80%}
#LayerPopup_36{left:30px;top:130px}
#LayerPopup_37{display:none;left:30px;top:130px}
#LayerPopup_38{left: 40px;top: 50px;}
#LayerPopup_39{left:30px;top:130px;width:300px}
#LayerPopup_99{left:30px;top:130px}
#LayerPopup_40{left:20px;top:355px;width:90%}
#LayerPopup_42{left:20px;top:140px;width:90%}
#LayerPopup_43{left:20px;top:140px;width:90%}
#LayerPopup_44{left:20px;top:140px;width:90%}
#LayerPopup_45{left:20px;top:140px;width:90%}
#LayerPopup_46{left:5px;top: 538px;width:90%}
}