@charset "utf-8";

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

body {margin:0;padding:0;background:#FFF;font-family: 'Nanum Gothic', sans-serif,dotum}

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


/* 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; background:#FFF} 

#top_bg {background:#FFF repeat-x left bottom;filter:alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6  box-shadow: 0 5px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); height:113px; top:0; position:absolute; width:100%; left:0}

/* 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:#fff}
#sh_container_wrapper {margin:0 auto;width:1070px;zoom:1}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}


#main {min-width:1070px; margin:0 auto; height:800px auto; min-height:800px; overflow:hidden; position:relative; width:100%;}
#sub {min-width:1070px; overflow:hidden; position:relative; left:0;  background:#f4f1eb}


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

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

#sh_aside{position:relative;min-width:1070px;height:43px;border-bottom:1px solid #e4e4e4}



/*index*/
#sh_index_wrapper{margin:0 auto;width:1070px;position:absolute;bottom:10%;z-index:9999}
#sh_index_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

#sh_index_wrapper > div{float:left;margin-right:31px;width:330px;height:120px;position:relative;border:3px solid #f7f7f7}
#sh_index_wrapper a{display:block;width:100%;height:90%;cursor:pointer} 
#sh_index_wrapper p{font-size:1.5em;letter-spacing:-0.05em;font-weight:600;color:#333;top:40px;right:40px;position:absolute}
#sh_index_wrapper span{font-size:1.1em;color:#c1c1c1;letter-spacing:-0.03em;position:absolute;bottom:20px;right:20px}

#sh_index_wrapper > div#m01{background:url(/sh_img/index/m01.png) left center no-repeat #fff}
#sh_index_wrapper > div#m02{background:url(/sh_img/index/m02.png) left center no-repeat #fff}
#sh_index_wrapper > div#m03{background:url(/sh_img/index/m03.png) left center no-repeat #fff;margin-right:0}

#sh_index_wrapper > div#m02 p{right:70px}


/* 팝업레이어 */
#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:#fff;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 {border-top:1px solid #ebebeb}
#sh_ft_wrapper {position:relative; margin:0 auto; width:1070px; zoom:1; background-color:#fff; padding:10px 0; line-height:18px; color:#999; }
#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:""}