@charset "utf-8";

/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper{font-family:'맑은 고딕'}
#sh_hd{z-index:10;position:relative;min-width:1070px; height:94px; border-bottom:1px solid #d6d6d6} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper{position:relative;margin:0 auto;padding:0;width:1070px}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

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


/* 사이드(서브)메뉴 float:left;선택 단 content 와 같은 방향 X */
#sh_aside{float:left;margin:0;width:200px;margin-top:-113px}

/* 컨텐츠 본문 영역 */
#sh_content{z-index:4;position:relative;float:right;padding:0;width:830px;min-height:600px;margin:0 0 60px 0;height:auto !important;height:600px;line-height:1.5em;color:#666;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit{margin:-78px 0 70px 0}
#sh_content #sh_content_tit:after{display:block;clear:both;content:""}
#sh_content #sh_content_tit h3{padding:0;font-size:2.0em;line-height:1em;font-weight:bold;color:#333;letter-spacing:-0.05em}
#sh_content #sh_content_tit span{display:inline-block;margin-top:6px;background:url('/sh_page/img/sub_home.png') 0 3px no-repeat;padding-left:17px}
#sh_content #sh_content_tit span b{color:#333}

/* 하단 */
#sh_ft{z-index:10;position:relative;min-width:1070px;background:#222} 
#sh_ft_wrapper{position:relative;margin:0 auto;padding:30px 0 ;width:1070px;zoom:1;line-height:21px;color:#b5b5b5;letter-spacing:-0.05em}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

#sh_ft_wrapper .ft_logo{margin-bottom:15px}
#sh_ft_wrapper  p{padding-top:4px;color:#797979}
#sh_ft_wrapper #sh_ft_icon{position:absolute;right:0;bottom:37px}
#sh_ft_wrapper #sh_ft_icon a:first-child{margin-right:3px}
#sh_ft_wrapper #sh_ft_social{position:absolute;right:0;top:30px}
#sh_ft_wrapper #sh_ft_social a:first-child{margin-right:3px}
#sh_ft_wrapper #sh_ft_social a:hover{ filter(opacity=80); opacity:0.8}




/********************* 메인화면 시작 *********************/

/* 메인 컨텐츠영역 */
#main_banner{position:relative;z-index:0}
#sh_idx_wrapper{width:1070px;margin:0 auto;padding:35px 0;overflow:hidden}
#sh_idx_wrapper > div{float:left}

/* 공지사항, 우리들의 이야기 */
#m01{width:452px;margin-right:12px}
#m01 > div .tabs_area{font-size:19px;font-weight:bold;letter-spacing:-0.025em}
/*#tab{border-right:1px solid rgba(232,146,9,.47)}*/
#tab .tabs:after{display:block;clear:both;content:''}
#tab .tabs li{float:left;width:calc(100% / 2 - 35px);height:50px;padding:15px 20px;background-color:#f7f7f7;border:1px solid #d7d7d7;font-size:15px;font-weight:bold;text-align:center;color:#222;cursor:pointer}
#tab .tabs li:hover{background-color:#fff}
#tab .tabs li.on{position:relative;background-color:#e89209;border:1px solid #e89209;color:#fff}
#tab .tabs li.on:before{content:'';position:absolute;bottom:-26px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-top:10px solid #e89209;border-bottom:15px solid transparent;border-right:10px solid transparent;border-left:10px solid  transparent}
#tab .tabs li + li{border-left:0;border-right:0}
.m0301{position:relative;height:212px}
.m0301 span.more{position:absolute;right:20px;top:-50px;width:50px;height:50px;background-color:#f7f7f7;border:1px solid #d7d7d7;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.m0301 span.more a{display:block;line-height:50px;font-size:20px;font-weight:bold;color:#555;text-align:center}
.m0301 span.more:hover{background-color:#fff}
.m0301 h3{float:left;color:#292929}

/* 메인 고객센터 */
#m02{width:297px;margin-right:12px}
#m02 > div{border:1px solid #d6d6d6}
.m0201{height:262px;margin-bottom:12px;padding:19px 45px;background:#e5e5e5}
.m0201 ul:after{display:block;clear:both;content:""}
.m0201 ul li{text-align:center;letter-spacing:-0.025em;font-family:'Dotum'}
.m0201 ul li.first, .m0201 ul li.scd{margin-bottom:17px}
.m0201 ul li.first, .m0201 ul li.trd{float:left}
.m0201 ul li.scd, .m0201 ul li.last{float:right}

.m0201 ul li a{display:block;width:100%;height:100%;color:#5b5b5b}
.m0201 ul li a img{margin-bottom:7px}
.m0201 ul li a:hover{text-decoration:underline}
.m0202{height:126px;padding:25px 0 0 75px;background:url(/sh_img/index/m0202_bg.png) no-repeat 0 0}
.m0202 ul li{padding-left:19px;font-size:12px;color:#fff;letter-spacing:-0.025em;line-height:21px;background:url(/sh_img/index/m0202_chk.png) no-repeat left center;font-family:'Dotum'}


#m03{width:297px}
#m03 > div{padding:20px}
#m03 > div h3{font-size:19px;font-weight:bold;letter-spacing:-0.025em}
.m0302 h3{color:#fff}
.m0302{height:262px;border:1px solid #90aa00;background:url(/sh_img/index/m0302_bg.png) repeat 0 0}
.m0302 p{letter-spacing:-0.04em}
.m0302 p.c_txt{padding-top:7px;font-size:14px;color:#eff4dd}
.m0302 p.tel{padding:17px 0;font-size:38px;font-weight:bold;color:#fff}
.m0302 p.day{font-size:18px;color:#e4f683;line-height:28px}



/********************* 메인화면 끝 *********************/