@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



/*body {margin:0;padding:0;; white-space:nowrap}
white-space:nowrap은 모바일에서 일방적으로 어느 순간까지만 글이 나오고 다 아래로 내려갈때 써주면 좋습니다.
다만, 저 문장은 자체 줄바꿈이 안됨으로 줄바꿈을 따로 해주셔야 합니다.*/



*{font-family:'Nanum Gothic', sans-serif,dotum}


/* Shining Css Start */
ul {margin:0px; padding:0px}
li{list-style:none}
img {border:0px}
a,a:link{!important;text-decoration:none}
a:hover{!important;text-decoration:none}



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

#top_bg {background-image:url(/sh_img/hd/top_bg.jpg); min-width:1070px; width:100%; left:0; height:80px; position:absolute; }

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




/* sh_container */
#sh_container {z-index:5;position:relative;min-width:1070px;background:#8b867f;min-height:760px;}
#sh_container:after {display:block;clear:both;content:""}
#sh_container_wrapper {margin:0 auto;width:1070px;zoom:1}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}


#main {width:1070px; margin:0 auto; height:605px auto; min-height:680px; overflow:hidden; top:10px; position:relative}

#sub {min-width:1070px;; overflow:hidden; position:relative; left:0;}



/* sh_content_title */
#sh_content_title {font-size:1.2em;font-weight:bold; width:1070px;float:left; margin-top:15px; background:#8b867f}
#sh_content_title p {position:relative; margin:0}
#sh_content_title b {color:#fff; font-size:1.8em; padding-left:10px}
#sh_content_title span {position:absolute; right:0; color:#fff; bottom:6px; font-size:1em; right:3px;}


/* sh_content */
#sh_content {z-index:4;position:relative;float:left;padding:40px 0 15px 0;width:1070px;min-height:500px;height:auto !important;height:500px;background:#8b867f;font-size:1em;zoom:1}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}



/* 팝업레이어 */
#hd_pop {z-index:9999999999;position:relative;margin:0 auto;width:1000px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#2e2e2e;z-index:9999999999}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}



/* 하단 */
#sh_ft{ background-color:#8b867f; min-width:1070px;}
#sh_ft_wrapper {position:relative; margin:0 auto; width:1070px; zoom:1; padding:10px 0; line-height:20px; color:#373737;}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 
#sh_ft_icon {position:absolute;width:180px;right:0px;bottom:0px; text-align:center}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""}