@charset "utf-8"; 

/* 1360 슬라이드 */
.visual {position:relative; width:72.8%; height:380px; overflow:hidden; border-radius:15px; box-shadow:5px 5px 10px #ccc;}
.visual_wrap {width:100%; font-size:0;}
.visual_wrap .inner {height:440px;}
.visual_wrap .inner > a {display:block; width:100%; height:440px;}
.visual_wrap.drl .text, .visual_wrap.drr .img {order:1;}
.visual_wrap.drr .text, .visual_wrap.drl .img {order:2;}
.visual_wrap .hash {font-family:'nanum-square-l'; color:#014788; font-size:18px; line-height:1.5;}
.visual_wrap .hash span {display:inline-block; margin-right:5px;}
.visual_wrap .main_copy {font-family:'nanum-square-l'; color:#000; font-size:48px; line-height:1.2; margin:20px 0;}
.visual_wrap .main_copy em {display:block;}
.visual_wrap .sub_copy {font-family:'nanum-square-l'; color:#333; font-size:18px; line-height:1.5;}
.visual_wrap .img {text-align:center;}
.visual_wrap > a {display:block;}
.visual_wrap > a:focus img {border:2px dashed #333;}
.visual_wrap p {display:block;}
.visual_wrap img {max-width:100%; width:100%; display:block; height:380px; text-align:center;}

.visual .slider_controls {position:absolute; bottom:0; right:0; display:flex; justify-content:center; width:220px; background:rgba(0, 0, 0, 0.5); padding:4px 0; border-radius:10px 0 0 0;}
.visual .slider_controls button {position:relative; width:34px; height:34px; font-size:0; text-indent:-999px; background-position:center; background-repeat:no-repeat; transition:all 0.2s ease; border-radius:17px; margin:0 2px;}
.visual .slider_controls button:hover {background-color:rgba(0, 0, 0, 0.7);}
.visual .slider_controls .slide_play {background-image:url('../img/main/2022_visual_btn_stop.png');}
.visual .slider_controls .slide_stop {background-image:url('../img/main/2022_visual_btn_play.png');}
.visual .slider_controls .slide_prev {background:transparent url('../img/main/2022_visual_btn_prev.png') no-repeat 12px center;}
.visual .slider_controls .slide_next {background:transparent url('../img/main/2022_visual_btn_next.png') no-repeat 14px center;}
.visual .slider_controls .slide_dots {padding:0 10px; font-size:14px; border-radius:17px; line-height:38px; margin:0 2px;}
.visual .slider_controls .slide_dots li {display:none; text-align:center;}
.visual .slider_controls .slide_dots li.slick-active {display:block; color:#fff;}
.visual .slider_controls .slide_dots li span {opacity:0.6; margin-left:2px;}

/* 친환경 메인배너 */
.eco-banner {position:relative;}
.eco-btn {position:absolute; bottom:15px; left:50px; display:flex; flex-wrap:wrap; width:50%;}
.eco-btn li {margin:0 10px 10px 0;}
.eco-btn li a {display:block;}
.eco-btn a img {width:auto; height:auto;}

/* Slick Slider */
.slick-slider {position:relative; display:block; box-sizing:border-box; user-select:none; touch-action:pan-y;}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;}
.slick-slider .slick-track, .slick-slider .slick-list {transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before, .slick-track:after {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:block;}
.slide {opacity:0; visibility:hidden; transition:opacity 1s ease;}
.slide.slick-initialized {visibility:visible; opacity:1;}

/* 메인 콘텐츠 공통 */
.main_conts {width:100%; display:flex; justify-content:space-between; padding-bottom:50px;}
.main_conts .main_sec {width:72.8%; display:flex; justify-content:space-between;}
.main_conts > ul {height:700px; position:relative;}
.main_conts > ul > li {height:350px; padding-bottom:80px;}
.main_conts .eventgo {display:inline-block; padding:3px 10px; background-color:#d120ae; color:#fff; border-radius:20px; margin-top:20px; font-size:15px;}
.main_conts .add {position:absolute; top:2px; right:0;}
.main_conts .board_wrap .add {display:none;}
.main_conts .board_wrap .is-active .add {display:block; width:22px; height:22px;}
.main_conts .board_wrap .is-active .add:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/common/more.png) no-repeat center; transition:all 0.5s;}
.main_conts .board_wrap .is-active .add:hover:after {transform:rotate(180deg);}
.main_conts .go {position:relative; width:calc(50% - 14px); height:240px; background-color:#fff; border-radius:10px; box-shadow:5px 5px 10px #ccc;}
.main_conts .go::after {content:''; display:block; width:112px; height:112px; position:absolute; top:60px; right:50px; background:url(../img/main/2024_icon_fav.png) no-repeat 0 0;}
.main_conts .go_tit {padding:60px 0 0 30px;}
.main_conts .go a {position:relative; display:inline-block; padding:6px 20px; color:#fff; border-radius:20px; font-size:15px;}
.main_conts .go a::after {content:''; width:14px; height:11px; position:absolute; top:11px; left:14px; background:url(../img/common/go2.png) no-repeat 0 0;}
.production_check .main_conts .go a::after {background-position:0 -11px;}
.employment .main_conts .go a::after {background-position:0 -22px;}
.production_check .main_conts .go a:hover {font-weight:900; background-color:#04494e; color:#fff;}
.employment .main_conts .go a:hover {font-weight:900; background-color:#07043d; color:#fff;}
.main_conts .go a:hover::after {background-position:0 0;}
.main_conts .go a span {margin-left:15px;}
.main_sec h2 {font-size:26px; font-weight:500; color:#111; font-family:'G-Market-Sans'; margin-bottom:20px; text-align:left; line-height:1;}
.main_sec h2 > span {font-size:26px; font-weight:900; color:#15416f; font-family:'G-Market-Sans';}
.main_sec > .inner {max-width:1360px; width:100%;}
.main_sec > .inner > div {display:flex; justify-content:space-between;}
.main_conts .production_request h2, .main_conts .production_number h2 {font-weight:900; color:#04494e;}
.main_conts .calculation h2 {font-weight:900; color:#07043d;}
.main_conts .production_request::before, .main_conts .production_number::before {content:''; width:155px; height:155px; top:50px; right:30px; display:block; position:absolute; background-color:#eef1f1; border-radius:50%;}
.main_conts .calculation::before {content:''; width:155px; height:155px; top:50px; right:30px; display:block; position:absolute; background-color:#f3f2f7; border-radius:50%;}
.main_conts .production_request::after {background-position:0px -224px;}
.main_conts .production_number::after {background-position:-112px -224px;}
.main_conts .calculation::after {background-position:-224px -224px;}
.main_conts .production_request a, .main_conts .production_number a {color:#04494e; border:1px solid #04494e;}
.main_conts .calculation a {color:#07043d; border:1px solid #07043d;}

/* main_board 탭 */
.main_board {width:calc(50% - 14px);}
.main_board .board_wrap {position:relative;}
.main_board .board_wrap button {display:inline-block; position:relative; color:#353a41; font-size:22px; font-weight:500; padding:0 4px 8px; margin-right:32px;}
.main_board .board_wrap button::before {content:''; display:inline-block; width:0; height:14px; background-color:#ecf3f8; position:absolute; left:0; bottom:8px; z-index:-1; transition:all 0.2s ease-out;}
.main_board .board_wrap button em {font-weight:900; color:#15416f;}
.main_board .board_wrap .tab_container {display:block; height:240px; padding:30px; border-radius:10px; background-color:#FFF; opacity:1; visibility:visible; animation:fadeIn 0.3s forwards; box-shadow:5px 5px 10px #ccc;}
.main_board .board_wrap .tab_container ul li {display:flex; justify-content:space-between; align-items:center; padding:5px 0; position:relative;}
.main_board .board_wrap .tab_container > p {margin:15px 0;}
.main_board .board_wrap .tab_container ul li p {position:relative; padding-left:15px; width:calc(100% - 30px);}
.main_board .board_wrap .tab_container ul li p:before {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:4px; height:4px; border-radius:4px; background:#4571e9;}
.main_board .board_wrap .tab_container ul li p a {overflow:hidden; font-size:16px; color:#333; text-overflow:ellipsis; white-space:nowrap; transition:all 0.2s ease-out;}
.main_board .board_wrap .tab_container ul li p:hover {text-decoration:underline;}
.main_board .board_wrap .tab_container ul li span {font-size:15px; font-weight:400; color:#999; position:relative;}
.main_board .board_wrap .tab_container ul li span:before {content:''; width:1px; height:11px; background:#999; position:absolute; top:6px; left:-10px;}
.main_board .board_wrap .tab_container ul li p a.prom {font-size:13px;}

.information .main_board h2 > span {color:#bf5906;}
.production_check .main_board h2 > span {color:#15416f;}

/* 자주찾는 메뉴 :fav_icon */
.fav_icon {width:25%; height:240px; display:flex; justify-content:center; align-items:center; border-radius:10px; padding:27px 10px; background-color:#fff; box-shadow:5px 5px 10px #ccc;}
.fav_icon .icons {font-size:0; text-align:center;}
.fav_icon li {display:inline-block; text-align:center; vertical-align:top;}
.fav_icon li a {width:calc(460px / 3); font-size:16px; position:relative;}
.fav_icon li a::before, .fav_icon li a::after {content:''; width:112px; height:112px; top:-5px; left:calc(50% - 55px); display:block; transition:all 0.2s ease-out;}
.fav_icon li a::before {position:relative; margin-bottom:10px; background-color:#fbf6f2; border-radius:50%;}
.fav_icon li a::after {position:absolute; background:url(../img/main/2024_icon_fav.png) no-repeat 0 0;}
.fav_icon li a:hover::before {background-color:#ffa45a; top:-10px;}
.buy_system .fav_icon li a:hover::before {background-color:#67acf7;}
.production_check .fav_icon li a:hover::before {background-color:#67c1c4;}
.employment .fav_icon li a:hover::before {background-color:#807ccf;}
.fav_icon li a:hover::after {top:-10px;}
.fav_icon li:nth-child(1) a::after {background-position:-448px 0;}
.fav_icon li:nth-child(2) a::after {background-position:-224px 0;}
.buy_system .fav_icon li:nth-child(1) a::after {background-position:-448px 0;}
.buy_system .fav_icon li:nth-child(2) a::after {background-position:-112px 0;}
.production_check .fav_icon li:nth-child(1) a::after {background-position:-560px 0;}
.production_check .fav_icon li:nth-child(2) a::after {background-position:-336px 0;}
.employment .fav_icon li:nth-child(1) a::after {background-position:-448px 0;}
.employment .fav_icon li:nth-child(2) a::after {background-position:-336px 0;}
.buy_system .fav_icon li a::before {background-color:#eff2fa;}
.production_check .fav_icon li a::before {background-color:#eef1f1;}
.employment .fav_icon li a::before {background-color:#f3f2f7;}

/* 이벤트 배너 */
.event_banner {position:relative; width:calc(50% - 14px); height:240px; text-align:center; border-radius:10px; box-shadow:5px 5px 10px #ccc;}
.event_banner .slide {font-size:0; max-width:660px; margin:0 auto;}
.event_banner .guide_wrap {width:100%; border-radius:10px; overflow:hidden;}
.event_banner .guide_wrap img {width:100%; height:240px; border-radius:10px;}
.event_banner .guide_wrap a:focus {outline:none;}
.event_banner .guide_wrap a:focus img {border:2px solid black;}
.event_banner .e_banner_slidebar {width:100%; height:50px; border-radius:0 0 10px 10px; position:absolute; bottom:0; background-color:#424a54;}
.event_banner .e_banner_slidebar h3 {padding:15px; font-weight:500; font-size:18px; color:#fff; text-align:start; line-height:18px;}

/* 이벤트 배너 컨트롤 버튼 */
.event_banner .slider_controls {position:absolute; top:0; right:0; display:flex; justify-content:flex-end; align-items:center;}
.event_banner .slider_controls button {position:relative; width:34px; height:34px; font-size:0; text-indent:-999px; background-position:center; background-repeat:no-repeat; transition:all 0.2s ease; border-radius:17px; margin:5px 2px;}
.event_banner .slider_controls button:hover {background-color:#5c636b;}
.event_banner .slider_controls .slide_play {background-image:url('../img/main/2022_visual_btn_stop.png');}
.event_banner .slider_controls .slide_stop {background-image:url('../img/main/2022_visual_btn_play.png');}
.event_banner .slider_controls .slide_prev {background:url('../img/main/2022_visual_btn_prev.png') no-repeat 12px center;}
.event_banner .slider_controls .slide_next {background:url('../img/main/2022_visual_btn_next.png') no-repeat 14px center;}
.event_banner .slider_controls .slide_dots {padding:0 10px; font-size:14px; border-radius:17px; line-height:50px; margin:0 2px; height:50px;}
.event_banner .slider_controls .slide_dots li {display:none; text-align:center; font-family:'S-Core-Dream'; color:#fff; font-weight:500; font-size:15px;}
.event_banner .slider_controls .slide_dots li.slick-active {display:block;}
.event_banner .slider_controls .slide_dots li span {margin-left:2px;}
.event_banner .slider_controls .slide_dots li strong {color:#8cc0ff;}

.main_sitemap {border-top:1px solid #eee; background-color:#fcfcfc; width:100%; overflow:hidden;}
.main_sitemap .sitemap {display:flex; flex-wrap:wrap;}
.main_sitemap .sitemap > * {flex:0 0 20%; padding:40px 0; position:relative;}
.main_sitemap .sitemap li {margin:5px 0; line-height:1.2;}
.main_sitemap .sitemap a {position:relative; display:inline-block; font-size:14px; color:#666; padding:5px 0;}
.main_sitemap .sitemap a:after {content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background-color:#999; transition:all 0.2s ease;}
.main_sitemap .sitemap a:hover:after {width:100%;}
.main_sitemap .sitemap > li > a {font-size:18px; color:#333; font-family:'nanum-square-eb'; margin-bottom:10px;}
.main_sitemap .sitemap > li:nth-child(5n+1):before {content:''; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#eee; margin:0 -9999rem; padding:0 9999rem;}
.main_sitemap .sitemap > li:nth-child(1):before {display:none;}

/* 지도검색 */
.map_area {position:relative;}
.map_area > div {background-color:#ecf3f8; height:300px; min-width:600px; width:100%;}
.map_area > div:after {content:''; display:block; position:absolute; right:10px; top:-41px; width:343px; height:408px; background:url(../img/main/2022_main_map3.png) no-repeat right 0;}
.map_area > div > div {padding:20px 0 0 30px; width:30%; line-height:1.6;}
.map_area > div > div > a {background-color:#4571e9; display:inline-block; padding:2px 12px; color:#fff; margin-top:20px; border-radius:20px; font-size:15px;}
.map_area > div > ul {position:absolute; top:0; right:0; width:343px; height:408px; z-index:55;}
.map_area > div li {position:absolute; text-align:left;}
.map_area > div li > a {background:#e6e6e6; padding:1px 8px 2px 15px; color:#000; font-size:14px; border-radius:20px; position:relative; font-weight:500;}
.map_area > div li > a:after {content:''; width:13px; height:17px; position:absolute; top:0px; left:2px; background:url(../img/main/2022_main_map_iconcity.png) no-repeat 0 0;}
.map_area > div li.do > a {background:#4a616e; color:#fff; font-weight:400;}
.map_area > div li.do > a:after {content:''; width:8px; height:8px; position:absolute; top:8px; left:4px; background:url(../img/main/2022_main_map_iconO.png) no-repeat 0 0;}
.map_area > div li a:hover, .map_area > div li a:focus {background:#ff911b;}

.map_area > div li.btn1 {left:70px; top:26px;}    /* 서울 */
.map_area > div li.btn2 {left:10px; top:44px;}    /* 인천 */
.map_area > div li.btn3 {left:86px; top:108px;}   /* 세종 */
.map_area > div li.btn4 {left:106px; top:140px;}  /* 대전 */
.map_area > div li.btn5 {left:204px; top:170px;}  /* 대구 */
.map_area > div li.btn6 {left:56px; top:232px;}   /* 광주 */
.map_area > div li.btn7 {left:264px; top:202px;}  /* 울산 */
.map_area > div li.btn8 {left:240px; top:236px;}  /* 부산 */
.map_area > div li.btn9 {left:156px; top:19px;}   /* 강원 */
.map_area > div li.btn10 {left:70px; top:62px;}   /* 경기 */
.map_area > div li.btn11 {left:128px; top:87px;}  /* 충북 */
.map_area > div li.btn12 {left:30px; top:134px;}  /* 충남 */
.map_area > div li.btn13 {left:180px; top:128px;} /* 경북 */
.map_area > div li.btn14 {left:150px; top:220px;} /* 경남 */
.map_area > div li.btn15 {left:68px; top:191px;}   /* 전북 */
.map_area > div li.btn16 {left:36px; top:267px;}   /* 전남 */
.map_area > div li.btn17 {left:68px; top:329px;}  /* 제주 */

/* 레이어 팝업 */
.layer_pop.main {position:fixed; display:none; background-color:rgba(0, 0, 0, 0.7); width:100%; height:100%; z-index:100;}
.layer_pop.first {position:fixed; left:10%; top:0; margin-top:0 !important; padding-top:1%; z-index:100;}
.layer_pop.second {position:fixed; left:50%; transform:translateX(-50%); top:0; margin-top:0 !important; padding-top:1%; z-index:100;}
.layer_pop .layer_pop_conts{overflow:auto; width:100%; max-width:700px; height:auto; margin:50px auto; box-sizing:border-box; z-index:100;}
.layer_pop .layer_pop_conts .pop_header {content:"한국장애인고용공단"; color:#fff; font-size:24px; background:#014788 url(../img/common/2022_logo_pop.png) no-repeat right 20px center; padding:20px;}
.layer_pop .layer_pop_conts .pop_cont {max-height:650px; padding:20px; background:#c6d2e3; overflow-y:auto;}
.layer_pop .layer_pop_conts .pop_cont section {padding:15px 20px 20px; background:#fff; border-radius:5px; margin-bottom:20px;}
.layer_pop .layer_pop_conts .pop_cont section:last-child {margin-bottom:0;}
.layer_pop .layer_pop_conts .pop_cont section.midal {padding-right:165px; background:#fff url(../img/main/2022_pop_map.png) no-repeat right 20px top 20px;}
.layer_pop .layer_pop_conts .pop_cont h2 {font-size:21px; color:#dc0853; font-family:'S-Core-Dream'; font-weight:500; margin-bottom:12px;}
.layer_pop .layer_pop_conts .pop_cont .btn_group_pop{display:inline-block; margin-top:20px; text-align:center; color:#fff; padding:4px 40px 6px 16px; background:#3163e1 url(../img/common/2022_icon_btn.png) no-repeat right 16px center;}
.layer_pop strong {font-weight:500; color:#0000ff;}

.layer_pop .layer_pop_conts .pop_btn{display:block;}
.layer_pop .layer_pop_conts .pop_btn button{float:left; width:50%; height:48px; line-height:48px; color:#fff;}
.layer_pop .layer_pop_conts .pop_btn button:nth-child(1){background-color:#848e9d;}
.layer_pop .layer_pop_conts .pop_btn button:nth-child(2){background-color:#4c525b;}
.layer_pop .layer_pop_conts .pop_btn button:nth-child(1):hover, .layer_pop .layer_pop_conts .pop_btn button:nth-child(1):focus, .layer_pop .layer_pop_conts .pop_btn button:nth-child(1):active{background-color:#939ba7;}
.layer_pop .layer_pop_conts .pop_btn button:nth-child(2):hover, .layer_pop .layer_pop_conts .pop_btn button:nth-child(2):focus, .layer_pop .layer_pop_conts .pop_btn button:nth-child(2):active{background-color:#63676c;}

/* 2022-12-28 추가 */
.map_area > div > div > a {box-shadow:2px 3px 3px rgb(0 0 0 / 25%);}
.map_area > div > div > a:hover, .map_area > div > div > a:focus {background:#ff911b; box-shadow:2px 3px 3px rgb(0 0 0 / 40%);}

/* 2023-12 추가 */
.fav_icon > div {display:flex; justify-content:space-between; align-items:flex-end;}

/* ========= Mobile ========= */
@media screen and (max-width:1360px) {
	.visual {margin:0 20px; padding:0; width:100%;}
	.main_sec > .inner {padding:0 15px; box-sizing:border-box;}
	.main_sec > .inner > div {display:block;}
	.main_sec > .inner > div > div {width:100%; margin-bottom:50px;}
	.main_sec > .inner > div .main_board {margin-top:20px;}
	.fav_icon {width:100%; margin:0 20px;}
	.fav_icon > h2 {text-align:center;}
	.fav_icon > div {justify-content:center;}
	.fav_icon {overflow-x:auto;}
	.fav_icon .icons {white-space:nowrap;}
    .map_area img {display:block; position:relative; top:auto; right:auto; margin:20px auto 0 auto;}

	.main_conts {flex-wrap:wrap; row-gap:20px;}
	.main_conts > ul > li {height:800px;}
	.main_conts .main_sec {width:100%; padding:0 20px;}
	.event_banner, .main_board, .main_conts .go {width:calc(50% - 10px);}
	.event_banner .slide {max-width:100%;}
}
@media screen and (max-width:1024px) {
	.eco-btn {width:80%; left:30px;}
	.eco-btn li {width:33.3%;}
	.eco-btn li a img {width:100%;}
}
@media screen and (max-width:850px){
    .main_board .board_wrap li button {margin-right:20px;}

	.main_conts .main_sec {flex-direction:column; row-gap:20px;}
	.main_conts .main_sec > div {width:100%;}

	.fav_icon {width:100%; padding:0 20px;}
}
@media screen and (max-width:600px){
	.main_conts .go {height:210px;}
	.main_conts .go_tit {padding:30px;}
	.main_conts .production_request::before, .main_conts .production_number::before, .main_conts .calculation::before {width:130px; height:130px; }
	.main_conts .go::after {zoom:0.9;}
	.event_banner .slider_controls {margin-bottom:12px;}
	.main_board .board_wrap li button {font-size:18px;}
	.map_area {overflow-x:auto;}
	.map_area > div {height:408px;}
	.map_area > div:after {left:210px;}
	.map_area > div > ul {left:220px;}
	.main_conts > ul > li {margin-bottom:40px;}
	.event_banner .e_banner_slidebar h3 {font-size:15px;}
}
@media screen and (max-width:400px){
	.main_board .board_wrap .tab_container {height:220px;}
	.main_sec h2, .main_sec h2 > span {margin-bottom:10px; font-size:21px;}
	.main_sec > .inner > div > div {margin-bottom:80px;}
	.visual {height:240px;}
	.visual_wrap img {height:240px;}
    .main_board .board_wrap li button {font-size:18px; margin-right:10px;}
    .main_board .board_wrap .gong_choice a .tit p {font-size:18px;}
    .main_board .board_wrap li .tab_container ul li p {width:calc(100% - 5px);}
    .main_board .board_wrap li .tab_container ul li span {display:none;}
    .map_wrap {display:block;}
    .map_area {height:auto;}
    .layer_pop .layer_pop_conts .pop_header {background-image:none;}
    .layer_pop .layer_pop_conts .pop_cont {background-image:none;}
    .layer_pop .layer_pop_conts .pop_cont section {padding-right:0;}
    .main_conts .board_wrap .is-active .add {display:none;}
	.event_banner .e_banner_slidebar h3 {font-size:12px;}
	.main_sec .fav_icon h2::after {font-size:12px;}
	.main_conts .production_request::before, .main_conts .production_number::before, .main_conts .go::after, .main_conts .calculation::before {display:none;}
	.main_conts .go_tit {padding:30px; text-align:center;}
	.main_conts .go {height:auto;}
	.main_conts .go_tit h2 {font-size:21px; text-align:center;}
	.fav_icon li:nth-child(1) {margin-bottom:10px;}
	.fav_icon li {display:block; width:100%; text-align:left;}
	.fav_icon li a {display:flex; width:100%; align-items:center;}
	.fav_icon li a span {text-align:left; display:block; margin:0 0 0 10px;}
	.fav_icon li a::before, .fav_icon li a::after {width:80px; height:80px; left:0;}
	.fav_icon li:nth-child(2) a::after {background-position:-240px -15px;}
	.fav_icon li:nth-child(1) a::after {background-position:-464px -16px;}
	.buy_system .fav_icon li:nth-child(1) a::after {background-position:-464px -16px;}
	.buy_system .fav_icon li:nth-child(2) a::after {background-position:-127px -18px;}
	.production_check .fav_icon li:nth-child(1) a::after {background-position:-464px -16px;}
	.production_check .fav_icon li:nth-child(2) a::after {background-position:-350px -20px;}
	.employment .fav_icon li:nth-child(1) a::after {background-position:-464px -16px;}
	.employment .fav_icon li:nth-child(2) a::after {background-position:-350px -20px;}
	.fav_icon li a::before {margin:0;}
	.eco-btn {width:100%; left:10px; bottom:60px;}
}