@charset "utf-8";

.navi {display: none;}
/* 비주얼(메인1) */
.m1_visual {position: relative; width: 100%; padding: 0 10px;}
.m1_visual .visual_t {position: absolute;top: 35px;left: 25px;font-size: 17px;font-family: "GmarketSans";font-weight: 300;color: #393c5c;/* text-shadow: 0px 0px 20px #464646; */z-index: 3;}
.m1_visual .visual_t span {display: block;font-size: 16px;font-weight: 100;line-height: 1.1;}
.m1_visual .visual_t em {font-style: normal; font-weight: 300;}
.m1_visual .visual_t strong {font-weight: 300;}
.m1_visual .visual_t strong em {font-weight: 600;}
/* 비주얼(배경) */
.visual {width: 100%;height: 100%;text-align: center;overflow: hidden;}
.visu_list {display: flex;width: 300%;}
.visu_list>div {width: calc(100% / 3);}
.visu_list img {width: auto; min-width: 430px; max-width: 100%;}
.visu_num span {position: absolute;top: -6px;left: 50px;width: 120px;font-size: 14px;color: #fff;}
.visu_num span {display: none;}
.visu_num {position: absolute;z-index: 8;top: 85px;left: 25px;display: flex;gap: 8px;align-items: center;}
.visu_num .num {width: 5px;height: 5px;border-radius: 50%;background: #393c5c;padding: 0;}
.visu_num .num.select{width: 40px;border-radius: 30px;}
.visu_num .controler button {width: 25px;height: 25px;background-size: 25px;/* filter: invert(100%) sepia(0%) brightness(150%); */padding: 0;}
.visu_num .controler button:hover,
.visu_num .controler button:active,
.visu_num .controler button:focus {transform: scale(1.1);}
.visu_num .controler .prev {background-position: center -366px;}
.visu_num .controler .stop {background-position: center -439px;}
.visu_num .controler .play {background-position: 1px -474px;}
.visu_num .controler .next {background-position: center -403px;}
/* 자주찾는서비스 .shortcut */
.shortcut {width: 100%;margin-top: 10px;}
.shortcut ul {text-align: center;}
.shortcut li {display: inline-block;width: 48%;margin: 10px 2px 0 2px;}
.shortcut li a {position: relative;display: block;width: auto;text-align: center;font-size: 15px;font-weight: 500;color: #393c5c;border: 2px solid #393c5c;padding: 10px 5px;border-radius: 5px;}
.shortcut li a:hover, .shortcut li a:focus, .shortcut li a:active {text-decoration: underline;}
.m_count {display: none;}

/* 인포존 */
.infozone {margin-top: 50px;}
.info_title {display: flex;align-items: center;justify-content: space-between;}
.info_title div {display: flex;}
.info_title h2 {font-size: 24px;font-weight: 400;color: #333;line-height: 1.6;font-family: 'TTWanjudaedunsanche', 'GmarketSans';}
.info_title .controler {margin-right: -10px;}/*버튼이미지는 55번 131줄*/
.info_title .controler p {line-height: 1.9;}
.info_title .controler .count {color: #76cc7f;font-weight: 600;}
.info_title .controler button {background-size: 28px;}
.info_title .controler .prev {background-position: center -407px;}
.info_title .controler .stop {background-position: center -489px;}
.info_title .controler .play {background-position: 4px -527px;}
.info_title .controler .next {background-position: center -448px;}
.info_img {width: 300px;border-radius: 20px;overflow: hidden;margin: 10px auto 0 auto;/* box-shadow: 0 0 20px #e0e0e0; */}
.info_list {width: 800%;}
.info_list li {float: left;}
.info_list li span {position: absolute; left: -100000px;}
.info_list a {display: block;width: 100%;}
.info_list img {display: block; width: 300px;}
.info_list a:hover,.info_list a:active,.info_list a:focus {transform: scale(1.1); transition-duration: 1s; transition-delay: 100ms;}

.scroll-down {display: none;}

/* 공단소식(메인2) */
.m2 .wrap {margin: 50px 10px 0 10px;}
/* 공지사항, 채용소식 */
.m2 .m2_title {display: flex;justify-content: space-between;width: 100%;padding: 15px;background: #393c5c;color: #fff;border-radius: 15px 15px 15px 2px;}
.m2_title h2 {font-size: 24px;font-weight: 400;font-family: 'TTWanjudaedunsanche','Pretendard';}
.m2_title a {display: block; color: #fff; font-size: 16px; font-weight: 300; line-height: 1.6;}
.m2_title a span {margin-left: 5px;}
.m2_title a:hover,.m2_title a:active, .m2_title a:focus {text-decoration: underline;}
.notice .txt, .jop .txt {margin-top: 7px;height: 160px;overflow: hidden;}
.notice .txt li, .jop .txt li {padding: 15px 10px; border-bottom: 1px solid #dfdfdf;}
.notice .txt li a, .jop .txt li a {display: block;}
.notice .txt span, .jop .txt span {font-weight: 300;font-size: 16px;color: #6f6f6f;}
.notice .txt .name, .jop .txt .name {position: relative; margin-left: 40px;}
.notice .txt .name::after, .jop .txt .name::after
{display: block; content: ""; width: 1px; height: 14px; position: absolute; top: 0; left: -20px; background: #a0a0a0;}
.notice .txt strong, .jop .txt strong {display: block;margin-top: 7px;font-weight: 600;font-size: 17px;}
.txt .title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jop {margin-top: 50px;}
.notice a:hover strong,.notice a:active strong, .notice a:focus strong,
.jop a:hover strong,.jop a:active strong, .jop a:focus strong {text-decoration: underline;}
/* 캘린더 */
.main_cal .cate_wrap {text-align: right;margin: 0 0 10px 0;}
.main_cal .cate_wrap li {display: inline-block; font-size: 14px; margin: 0 3px;}
.main_cal .cate_wrap li:before {content:'';display:inline-block;width: 6px;height: 6px; margin: 0 3px 1px 0}
.main_cal .cal_wrap {border: 1px solid #393c5c;border-radius: 15px;overflow: hidden;}
.main_cal .calender{margin-top: 25px;}
.main_cal .calender .month{text-align:center;line-height:1em;font-size: 27px;color: #333;margin: 0 0 15px 0;position:relative;font-weight:600}
.main_cal .calender .month em{font-style:normal;font-weight: 500;}
.main_cal .calender p strong{color: #393c5c;font-weight: 700;font-size: 28px;}
.main_cal .calender p button{width: 30px;height:0;padding: 30px 0 0 0;overflow:hidden;position:absolute;top: -2px;background: #393c5c url("/images/common/btn.png") no-repeat;position:absolute;border-radius: 5px;}
.main_cal .calender p .prev{background-position: center -851px;left: 20%;transform: rotate(-90deg);}
.main_cal .calender p .next{background-position: center -851px;right: 20%;transform: rotate(90deg);}
.main_cal .calender p button:hover,.bbs_calender .calender p button:focus{border-color:#666}
.main_cal table{width:100%;background: #fff;}
.main_cal .calender tr, .main_cal .calender th {border-bottom: 1px solid #c7c9d7;}
.main_cal .calender tr:last-child{border-bottom: none;}
.main_cal .calender th, .main_cal .calender td{border-right: 1px solid #c7c9d7; text-align:center;width: 14%;}
.main_cal .calender th:last-child, .main_cal .calender td:last-child {border-right:none}
.main_cal .calender td {height: 58px;}
.main_cal .calender td a {display: block;padding: 18px 0;}
.main_cal .sun{border-left:none}
.main_cal .calender th{padding: 9px 0;font-weight: normal;}
.main_cal .calender th:first-child{}
.main_cal td{/* padding: 5px 0; */position:relative;}
.main_cal td.sat a{color: #4456cc;}
.main_cal td.sun a{color: #dd4848;}
.main_cal td.have a:before{content:"";display:block;position:absolute;transform: translate(-50%,0);bottom: 10px;left: 50%;width: 17px;height: 5px;background: #34a23f;}
.main_cal td.today{background: #f5fff3 !important;}
.main_cal td.today:after {display: block;content:"Today";position: absolute;top: 4px;left: 4px;font-size: 10px;font-weight: 700;color: #393c5c;}
/* .main_cal td.today.active:after{color: #fff;}
.main_cal td.active {background:#393c5c !important;}
.main_cal td.active a {color: #fff;} */
.main_cal table td span{display: inline-block;font-size:0;}
.main_cal table td span:before{content:'';display:inline-block;width: 6px;height: 6px;}
.main_cal table td .cal_h0:before, .main_cal .cate_wrap .cal_h0:before {background:#34a23f; width: 17px; height: 5px;}
.main_cal table td .cal_h1:before, .main_cal .cate_wrap .cal_h1:before {background:#1c44a1;}
.main_cal table td .cal_h2:before, .main_cal .cate_wrap .cal_h2:before{background:#00de2e;}
.main_cal table td .cal_h3:before, .main_cal .cate_wrap .cal_h3:before{background:#ff98f6;}
.main_cal table td .cal_h4:before, .main_cal .cate_wrap .cal_h4:before{background:#fbb35c;}
.main_cal table td .cal_h5:before, .main_cal .cate_wrap .cal_h5:before{background:#0099a7;}

.main_cal td:hover, .bbs_calender td:active{background: #eff0f2}



/* 알림홍보(메인3) */
.m3 .wrap {margin: 50px 10px 0 10px;}
.m3 .m3_title {display: flex;justify-content: space-between;width: 100%;padding: 15px;background: #393c5c;color: #fff;border-radius: 15px 15px 15px 2px;}
.m3_title h2 {font-size: 24px;font-weight: 400;font-family: 'TTWanjudaedunsanche','Pretendard';}
.m3_title a {display: block; color: #fff; font-size: 16px; font-weight: 300; line-height: 1.6;}
.m3_title a span {margin-left: 5px;}
.t_wrap p {color: #393c5c; padding: 20px 10px;}
.t_wrap p span {display: block;}
.nw_box {position: relative;width: 275px;height: 205px;margin: 10px auto 0 auto;overflow: hidden;border-radius: 20px;box-shadow: 0 0 20px #e0e0e0;}
.nw_box a {display: block;height: 100%;}
.nw_box img {width: 275px;height: 80%;}
.nw_box .txt {position: absolute; z-index: 1; bottom: 0; left: 0; display: block; width: 100%; height: 58px; padding: 10px 50px; background: #fff; text-align: center; font-weight: 600; font-size: 16px;}
.nw_box .txt em {display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all; overflow: hidden; text-overflow: ellipsis; word-break: break-word; font-style: normal;}
.news_list li:nth-child(3),
.news_list li:nth-child(4),
.news_list li:nth-child(5) {display: none;}
.m3_title a:hover,.m3_title a:active,.m3_title a:focus,
.nw_box a:hover .txt, .nw_box a:active .txt, .nw_box a:focus .txt 
{text-decoration: underline;}

/* 시설예약(메인4) */
.m4 {margin-top: 50px; padding: 50px 10px 0 10px;}
.m4_title {width: 100%;padding: 10px;background: #393c5c;color: #fff;}
.m4_title h2 {display: inline-block;font-size: 32px;font-weight: 400;line-height: 1.4;font-family: 'TTWanjudaedunsanche','Pretendard';}
.page_wrap {position: relative;}
.page .wrap {height: 430px;margin: 0 auto;}

.shc_menu {text-align: center;margin: 30px 0 0 0;}
.shc_menu li {position: relative;margin: 0 1%;display: inline-block;}
.shc_menu a {display: block;width: 90px;height: 115px;text-align: center;background: #ffffffa3 url(/images/common/main/main4_icon.png) no-repeat center 11px;background-size: 80px;border-radius: 20px;border: 2px solid #393c5c;color: #393c5c;box-shadow: 5px 5px 7px #64646447;margin: 0 0 10px 0;padding: 85px 0 0 0;}
.shc_menu .shc1 {background-position: center 20px;}
.shc_menu .shc2 {background-position: center -111px;}
.shc_menu .shc3 {background-position: center -245px;}
.shc_menu .shc4 {background-position: center -377px;}
.shc_menu .shc5 {background-position: center -504px;}
.shc_menu .shc6 {background-position: center -637px;}
.shc_menu .shc7 {background-position: center -763px;}
.shc_menu .shc8 {background-position: center -890px;}
.shc_menu .shc9 {background-position: center -1027px;}
.shc_menu a span {font-size: 12px;}
.shc_menu a:hover, .shc_menu a:active, .shc_menu a:focus {transform: translateY(-15px);transition-delay: 100ms;}
.m4_title .txt {display: none;} 

@media all and (min-width: 500px) {
.shc_menu a{width:120px;}
.shc_menu a span{font-size:15px;font-weight: 600;}
}


/* tablet */
@media (min-width: 768px) {
/* 비주얼(메인1) */
.m1_visual {padding: 0;}
.m1_visual .visual_t {top: 45px;left: 38px;font-size: 38px;}
.m1_visual .visual_t span {font-size: 30px;}
.visu_num {top: 115px; left: 40px;}
.shortcut {width: 700px;margin: 0 auto;}
.shortcut ul {display: flex;justify-content: center; gap: 25px;flex-wrap: wrap;}
.shortcut li {position: relative;width: 120px;height: 120px;margin: 0;}
.shortcut li a {width: 120px;height: 120px;font-weight: 600;padding-top: 79px;background: #fff;border-radius: 20px;}
.shortcut li a span {line-height: 2;}
.shortcut li a::before {display: block;content: "";position: absolute;top:0;left: 0;width: 116px;height: 80px;background: url("/images/common/main/st_ico.png") no-repeat center 10px;/* filter: invert(100%) sepia(9%) saturate(7465%) hue-rotate(266deg) brightness(295%) contrast(110%); */}
.shortcut li .st1::before {background-position: 30px -1px;}
.shortcut li .st2::before {background-position: 29px -91px;}
.shortcut li .st3::before {background-position: 29px -190px;}
.shortcut li .st4::before {background-position: 30px -288px;}
.shortcut li .st5::before {background-position: 30px -378px;}
.shortcut li .st6::before {background-position: -61px -2px;}
.shortcut li .st7::before {background-position: -60px -94px;}
.shortcut li .st8::before {background-position: -61px -190px;}
.shortcut li .st9::before {background-position: -61px -285px;}
.shortcut li .st10::before {background-position: -60px -374px;}
.shortcut li a:hover, .shortcut li a:focus, .shortcut li a:active {transform: translateY(-15px); transition-delay: 100ms; transition: .2s ease-in-out; text-decoration:none;}
.shortcut li .st9 span, .shortcut li .st7 span {display: block; line-height: 1;}

.info_title {width:410px;margin: 0 auto;padding: 0 10px;}
.info_img{width: 410px;}
.info_list img {width: 410px;}

/* 메인2 */
.notice .txt, .jop .txt {height: auto;}

/* 메인3 */
.news_list ul {display: flex;flex-wrap: wrap;}
.nw_box {margin-bottom: 30px;}
.news_list li:nth-child(3),
.news_list li:nth-child(4) {display: block;}

/* 메인4 */
.m4 {position: relative; padding: 0;}
.m4_title {position: absolute;z-index: 1;top: 50px;left: 0;width: 45%;padding: 50px 10px;border-radius: 0 150px 150px 0;}
.page {width: 100%;height: 600px;background: url("/images/common/main/main4_bg.png") no-repeat center center;}
.page .wrap {height: auto;}
.shc_menu {position: absolute;top: 170px;right: 20px;width: 530px;}
.shc_menu li {margin: 0 10px;display: inline-block;}
.shc_menu a {width: 120px;height: 120px;background-size: 90px; padding: 95px 0 0 0;}
.shc_menu .shc1 {background-position: center 20px;}
.shc_menu .shc2 {background-position: center -126px;}
.shc_menu .shc3 {background-position: center -277px;}
.shc_menu .shc4 {background-position: center -423px;}
.shc_menu .shc5 {background-position: center -568px;}
.shc_menu .shc6 {background-position: center -716px;}
.shc_menu .shc7 {background-position: center -862px;}
.shc_menu .shc8 {background-position: center -1003px;}
.shc_menu .shc9 {background-position: center -1157px;}
.shc_menu li a span {display: block;width: 100%;font-size: 16px;}
.page_wrap .controler {top: 100px;}
}

@media (min-width: 1023px) {
.m1_visual .visual_t {font-size: 45px;}
.m1_visual .visual_t span {font-size: 32px;}
.shortcut {width: 750px;position: absolute;top: 170px;left: 10px;z-index: 1;}
}

/* desktop*/
@media (min-width: 1200px) {
/* 고정 네비게이션 */
.navi {display: flex;position: fixed;z-index: 7;bottom: 0;right: 0;justify-content: space-between;width: 600px;height: 80px;padding: 18px 55px 18px 22px;background: #fff;border-radius: 30px 0 0 0;box-shadow: 0 0 20px #e0e0e0;}
.navi ul {display: flex;}
.navi li {padding: 0 30px 0 40px;background: url("/images/common/btn.png") no-repeat 0 -285px}
.navi li:nth-child(2) {background-position: 0 -341px;}
.navi li:nth-child(3) {background-position: 0 -394px;}
.navi li a {display: block; line-height: 46px;}
.navi h2 img {width: 200px;}
.navi .on a {font-weight: 700; color: #54a05c;}
.navi li a:hover, .navi li a:active, .navi li a:focus {color: #54a05c; font-weight: 700;}

.navi .top {right: 20px;top: 17px;}

/* 비주얼(메인1) */
.m1_visual {width: 100%;height: 100vh;min-height: 720px;}
.m1_visual .visual_t {top: 150px;font-size: 40px;}

.shortcut {top: 260px;left: 0;margin-top: 50px;}
.shortcut ul {padding: 0 0 0  50px;justify-content: left;}
.visual img {width: 100%;height: 100vh;}
.visu_num {top: 280px;}

.m_count {position: absolute; top: 50%; right: -40px; transform: translateY(-50%) rotate(90deg); font-weight: 500;}
.mc1 {display: block;right: -25px;color: #333;font-weight: 400;}

.infozone {position: absolute;margin: 0;top: 195px;right: 40px;background: #fff;padding: 20px;border-radius: 20px;box-shadow: 2px 2px 10px #e6e6e6;}
.info_title {width:365px;}
.info_img {width: 365px;}
.info_list img {width: 365px;}

.scroll-down {display: block;}
.m1_visual .scroll-down{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:20;font-size: 16px;color: #16ae67;line-height:1;text-align:center;margin-bottom: 10px;font-weight: 600;}
.m1_visual .scroll-down .mouse{display:block;width:21px;height:33px;border-radius:21px;border: 3px solid #16ae67;margin: 5px auto;}
.m1_visual .scroll-down .mouse i{display:block;width:5px;height:5px;margin:4px auto 0;border-radius:100%;background-color: #16ae67;animation:mouse 1s infinite;}
.m1_visual .scroll-down .arrow,
.m1_visual .scroll-down .arrow::after{display:block;width: 26px;height:7px;background: url("/upload_data/board_data/BBS_0000022/175850722098793.png") no-repeat center -8px;background-size: 20px;}
.m1_visual .scroll-down .arrow{position:relative;height:15px;margin: 0 auto 7px;animation:arrow 1s infinite;}
.m1_visual .scroll-down .arrow::after{content:''; position:absolute; bottom:0; opacity:.5; animation-delay:2s;}

@keyframes mouse{
	0%{margin-top:4px;opacity:1;}
	100%{margin-top:10px;opacity:0;}
}

@keyframes arrow{
	0%{top:0;}
	100%{top:5px;}
}

/* 공단소식(메인2) */
.m2 {position: relative;width: 100%;height: 100vh;min-height: 720px;background: url("/upload_data/board_data/BBS_0000022/175790491547935.jpg") no-repeat left center;}
.m2 .wrap {display: flex;justify-content: space-between;width: 94%;height: 100vh;margin: 0 auto;padding: 130px 0 100px 0;}
.notice, .jop, .main_cal {width: 365px;}
.jop {margin: 0;}
.mc2 {display: block;}
.m2_title.jop2 {margin-top: 16px;}
    
/* 알림홍보(메인3) */
.m3 {position: relative; width: 100%; height: 100vh; min-height: 720px; background: url("/images/common/main/main3_bg.jpg") no-repeat bottom left;}
.m3 .wrap {position: relative;width: 94%;margin: 0 auto;padding: 130px 0 90px 0;}
.m3 .wrap::after{display: block;content: "";position: absolute;top: 28%;left: 250px;z-index: 1;width: 300px;height: 500px;background: url("/images/common/main/main3_oj.png") no-repeat;background-size: 240px;}
.t_wrap {position: absolute;top: 140px;left: 0;width: 320px;}
.news_list li:nth-child(5) {display: block;}
.news_list ul {justify-content: flex-end;/* flex-wrap: wrap-reverse; */}
.news_list ul li:first-child {margin-left: 360px;}
.nw_box {width: 300px;height: 210px;margin: 25px 35px;}
.nw_box img {width: 350px;}
.mc3 {display: block;}

/* 시설예약(메인4) */
.m4 {width: 100%; height: 100vh; min-height: 720px; margin: 0;}
.page {height: 100vh; background-size: cover;}
.m4_title {width: 620px;padding: 30px 40px;top: 140px;}
.m4_title h2 {font-size: 38px;}
.m4_title .txt{display: block;font-size: 16px;margin-top: 20px;}
.shc_menu {right: 85px;text-align: end;top: 130px;}
.shc_menu a {width: 140px;height: 140px;background-size: 90px; padding: 100px 0 0 0;}

.mc4 {display: block;}
}


/* 와이드 desktop*/
@media all and (min-width: 1620px) {
/* 비주얼(메인1) */
.m1_visual .visual_t, .visu_num{left: 150px;top: 210px;font-size: 48px;}
.m1_visual .visual_t span {font-size: 40px;}
.visu_num {top: 340px;}
.visual img {width: 100%;}
.shortcut {top: 360px;left: 150px}
.shortcut ul {padding: 0;/* gap: 20px; */}

.infozone {top: 210px; right: 150px;}
.info_title {width:430px;}
.info_title h2 {font-size: 32px;line-height: 1.2;}
.info_img {width: 430px;} 
.info_list img {width: 430px;}


/* 공단소식(메인2) */
/* .m2 {background-size: 900px;} */
.m2 .wrap {width: 1620px;padding: 175px 0 100px 0;}
.notice, .jop, .main_cal {width: 480px;}
    
.m2 .m2_title {padding: 15px 20px;}
.m2_title h2 {font-size: 28px;}
.notice .txt, .jop .txt {margin-top: 10px;}
.notice .txt li, .jop .txt li{padding: 25px 20px;}
.notice .txt span, .jop .txt span {font-size: 18px;}
.notice .txt .name, .jop .txt .name {position: relative; margin-left: 40px;}
.notice .txt .name::after, .jop .txt .name::after{top: 2px; height: 16px;}
.notice .txt strong, .jop .txt strong {margin-top: 15px;font-size: 20px;}


.m2_title.jop2 {margin-top: 42px;}

.main_cal .calender{margin-top: 30px;}
.main_cal .calender td {height: 65px;}
.main_cal .calender td a {padding: 22px 0;}

/* 알림홍보(메인3) */
.m3 .wrap {width: 1620px;padding: 135px 0 90px 0;}
.m3 .wrap::after {top: 28%;background-size: 290px;}
.t_wrap {width: 380px;top: 165px;}
.m3 .m3_title {padding: 15px 20px;}
.m3_title h2 {font-size: 28px;}
.m3_title a {font-size: 18px;}
.t_wrap p {font-size: 24px; padding: 20px;}
.nw_box {width: 400px;height: 300px;margin: 25px 0 25px 110px;}
.nw_box img {width: 400px;}
.nw_box .txt {font-size: 20px; height: 70px; padding: 10px 80px;}

/* 시설예약(메인4) */
.m4_title {width: 820px;top: 130px;padding: 60px 40px 60px 150px;}
.m4_title h2 {font-size: 48px;}
.m4_title .txt{font-size: 18px;}
.page_wrap .controler {top: 196px;left: 331px;}

.shc_menu {top: 120px;right: 150px; width: 800px;}
.shc_menu ul {gap: 30px;}
.shc_menu li {margin: 15px}
.shc_menu a {width: 180px;height: 180px;background-size: 115px;padding: 140px 0 0 0;}
.shc_menu .shc1 {background-position: center 37px;}
.shc_menu .shc2 {background-position: center -150px;}
.shc_menu .shc3 {background-position: center -343px;}
.shc_menu .shc4 {background-position: center -525px;}
.shc_menu .shc5 {background-position: center -713px;}
.shc_menu .shc6 {background-position: center -904px;}
.shc_menu .shc7 {background-position: center -1084px;}
.shc_menu .shc8 {background-position: center -1269px;}
.shc_menu .shc9 {background-position: center -1462px;}
.shc_menu li a span {font-size: 20px;}
}