@charset "utf-8";

/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper{}
#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}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 
#sh_hd_wrapper .hd_txt {margin-top:68px;text-align:center;z-index:0}

/* 메인,서브 비주얼이미지 */
#sh_container {position:relative;min-width:1070px;overflow:hidden;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:""}
#sub_main_banner { position:relative; min-width:1070px; height:153px }

/* 서브메뉴 */
#sh_aside {width:1070px;margin:40px auto ;text-align:center}

/* 컨텐츠 본문 영역 */
#sh_content {z-index:4;position:relative;padding:0;width:1070px;min-height:440px;margin:0 0 60px 0;height:auto !important;height:500px;line-height:1.5em;color:#666;zoom:1}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}

#sh_content_tit_wrap { position:relative; width:1070px; margin:-110px auto 0; text-align:center }
#sh_content_tit {display:inline-block;position:relative;font-size:13px;color:#fff ;letter-spacing:-0.3px}
#sh_content_tit:before {content:'';display:block;position:absolute;top:-3px;left:-3px;width:7px;height:7px;background:url(/sh_img/hd/sub_main_banner/tit_dot.png) no-repeat 0 0;background-size:7px 7px;}
#sh_content_tit:after {content:'';display:block;position:absolute;top:-3px;right:-3px;width:7px;height:7px;background:url(/sh_img/hd/sub_main_banner/tit_dot.png) no-repeat 0 0;background-size:7px 7px;}
#sh_content_tit h3 {position:relative;height:43px;margin-bottom:12px;padding:0 60px;border:1px solid #5c5f6c;font-size:25px;line-height:42px;box-sizing:border-box}



#sh_content_tit h3:before {content:'';display:block;position:absolute;bottom:-4px;left:-4px;width:7px;height:7px;background:url(/sh_img/hd/sub_main_banner/tit_dot.png) no-repeat 0 0;background-size:7px 7px;}
#sh_content_tit h3:after {content:'';display:block;position:absolute;bottom:-4px;right:-4px;width:7px;height:7px;background:url(/sh_img/hd/sub_main_banner/tit_dot.png) no-repeat 0 0;background-size:7px 7px;}

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

/* 메인 컨텐츠영역 */ 
#main_banner {position:relative;width:1070px;z-index:30}
#index_area01 {overflow:hidden;margin:-75px 0 100px;height:435px}
#index_area01 .idx_box {position:relative;width:256px;height:383px;margin-left:14px;-webkit-box-shadow:2px 2px 5px -2px rgba(0,0,0,0.25);-moz-box-shadow:2px 2px 5px -2px rgba(0,0,0,0.25);box-shadow:2px 2px 5px -2px rgba(0,0,0,0.25);padding:200px 20px 20px;float:left;font-size:14px;color:#777;line-height:21px;letter-spacing:-0.3px;background-color:#fff;box-sizing:border-box}
#index_area01 .idx_box .tit {font-size:18px;font-weight:bold;color:#222;font-family:'Malgun Gothic'}
#index_area01 .idx_box .stit {display:inline-block;margin-bottom:12px;padding-right:25px;font-size:15px;color:#bdbdbd;font-style:italic;background:url(/sh_img/index/idx_tit_dot.png) right 11px no-repeat}
#index_area01 .idx_box .line {display:block;margin:16px 0 12px;width:23px;height:3px;background-color:#66e1b6}
#index_area01 .idx_box .view a{display:block;position:absolute;right:0;bottom:0;width:37px;height:36px;border-left:1px solid #ddd;border-top:1px solid #ddd;background:url(/sh_img/index/idx_more_off.png) center no-repeat;transition:0.3s all ease-in-out}
#index_area01 .idx_box .view a:hover {border-left:1px solid #3a425e;border-top:1px solid #3a425e;background:url(/sh_img/index/idx_more_on.png) center no-repeat #3a425e}
#index_area01 .idxbox-01 {margin-left:0;background:url(/sh_img/index/idx_img01.png) top no-repeat #fff}
#index_area01 .idxbox-02 {margin-top:50px;background:url(/sh_img/index/idx_img02.png) top no-repeat #fff}
#index_area01 .idxbox-03 {margin-top:50px;background:url(/sh_img/index/idx_img03.png) top no-repeat #fff}
#index_area01 .idxbox-04 {background:url(/sh_img/index/idx_img04.png) top no-repeat #fff}
#index_area01 .idxbox-04 .tel {margin:8px 0 13px}
#index_area01 .idxbox-04 .stit {margin-top:10px}

#index_area02 {overflow:hidden;margin-bottom:50px}
#index_area02 .img_menu {overflow:hidden;float:left;width:528px} 
#index_area02 .img_menu li {float:left;position:relative;width:176px;height:166px}
#index_area02 .img_menu li a {display:block;width:100%;height:100%}
#index_area02 .img_menu li p {display:none;position:absolute;bottom:0;width:100%;height:50px;padding-left:15px;font-size:15px;line-height:50px;color:#fff;background:url(/sh_img/index/img_menu_bg.png) repeat;box-sizing:border-box}
#index_area02 .img_menu .i-mn01 {background:url(/sh_img/index/img_menu01.png) no-repeat}
#index_area02 .img_menu .i-mn02 {background:url(/sh_img/index/img_menu02.png) no-repeat}
#index_area02 .img_menu .i-mn03 {background:url(/sh_img/index/img_menu03.png) no-repeat}
#index_area02 .img_menu .i-mn04 {background:url(/sh_img/index/img_menu04.png) no-repeat}
#index_area02 .img_menu .i-mn05 {background:url(/sh_img/index/img_menu05.png) no-repeat}
#index_area02 .img_menu .i-mn06 {background:url(/sh_img/index/img_menu06.png) no-repeat}
#index_area02 .bbs_box_wrap {float:right}
#index_area02 .bbs_box_wrap .bbs_box {overflow:hidden;width:528px;height:158px;box-sizing:border-box}
#index_area02 .bbs_box_wrap .bbsbox-01 {margin-bottom:16px}
#index_area02 .bbs_box_wrap .tit_box {float:left;width:200px;height:100%;padding:20px 0 0 25px;border:1px solid #ddd;box-sizing:border-box}
#index_area02 .bbs_box_wrap .tit {font-size:18px;font-weight:bold;color:#222;font-family:'Malgun Gothic'} 
#index_area02 .bbs_box_wrap .stit{display:inline-block;margin-top:8px;padding-right:25px;font-size:15px;color:#bdbdbd;font-style:italic;background:url(/sh_img/index/idx_tit_dot.png) right 11px no-repeat}
#index_area02 .bbs_box_wrap .bbs_box .contbox {float:left;width:328px;height:100%;position:relative;padding:22px 0 0 25px;border:1px solid #ddd;border-left:none;box-sizing:border-box}
#index_area02 .bbs_box_wrap .titbox-01 {background:url(/sh_img/index/bbs_box_bg01.png) 145px 68px no-repeat}
#index_area02 .bbs_box_wrap .titbox-02 {border:none;background:url(/sh_img/index/bbs_box_bg02.png) 145px 64px no-repeat #3a425e}
#index_area02 .bbs_box_wrap .titbox-02 .tit {color:#fff}
#index_area02 .bbs_box_wrap .titbox-02 .stit {color:#7f8499}
#index_area02 .bbs_box_wrap .bbsbox-02 .contbox {padding:0}

#index_area03 {overflow:hidden;width:100%;height:56px;margin-bottom:50px;background-color:#eaeef1}
#index_area03 .tit {float:left;width:176px;font-size:18px;font-weight:bold;line-height:55px;text-align:center;color:#fff;background:url(/sh_img/index/notice_bg.png) no-repeat;font-family:'Malgun Gothic';box-sizing:border-box}
#index_area03 .tit span  {display:inline-block;margin-left:8px;font-size:15px;font-weight:normal;color:#cff0f7;font-style:italic}
#index_area03 .main_latest {float:left;position:relative;width:750px;height:56px;padding:17px 0 0 20px;box-sizing:border-box}
#index_area03 .btn {overflow:hidden;float:right;margin:14px 30px 0 0;border:1px solid #ddd;background-color:#fff;text-align:center;line-height:26px;box-sizing:border-box}
#index_area03 .btn a {float:left;width:28px;height:28px;border-right:1px solid #ddd}
#index_area03 #view {border-right:none}
/********************* 메인화면 끝 *********************/

/* 하단 */
#toTop{background:none;position:fixed;bottom:182px;right:0;cursor:pointer;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;z-index:11}

#sh_ft {z-index:10;position:relative;min-width:1070px} 

#sh_ft_menu_wrap { width:100%;background-color:#40424a}
.sh_ft_menu { overflow:hidden;width:1070px;height:240px;margin:0 auto;padding:30px 0 40px;box-sizing:border-box}
.sh_ft_menu ul { float:left;width:214px;height:100%;padding-left:15px;border-left:1px solid #4f5158;box-sizing:border-box}
.sh_ft_menu ul li {line-height:22px;letter-spacing:-0.3px}
.sh_ft_menu ul li.bmenu { margin-bottom:12px;font-size:15px;font-weight:bold;color:#dbdbdb}
.sh_ft_menu ul li a { font-size:13px; color:#a1a2a6;transition:0.3s color ease-in-out}
.sh_ft_menu ul li a:hover {color:#dbdbdb}

#sh_ft_wrapper {position:relative;width:100%;zoom:1;padding:40px 0 30px;font-size:12px;letter-spacing:-0.1px;line-height:18px;color:#60636b;background-color:#23252c}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 
.sh_ft_copy {position:relative;width:1070px;margin:0 auto;padding-bottom:40px;font-family:'dotum','돋움'}
.sh_ft_copy .ft_logo {float:left;min-height:100px;margin-right:25px}

#family_site {position:absolute;right:0;top:0;width:200px;color:#8b8e97;font-size:12px;background-color:#40424a;overflow:hidden;cursor:pointer;letter-spacing:-0.2px;font-family:'dotum','돋움';z-index:16}
#family_site h3 {padding:10px 10px 10px 12px;background:url(/sh_img/ft/select_mn.png) right top no-repeat}
#family_site ul {display:none;height:58px;overflow-y:scroll}
#family_site li a {display:block;padding:3px 15px;color:#7d7f83}
#family_site li a:hover {background:#34363f}

#sh_ft_wrapper #sh_ft_icon {position:absolute;right:0;bottom:0}