<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


@font-face {
    font-family: 'Recipekorea';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* 메인 상단 팝업존 CSS */
/* 컨텐츠 */
.top_popup_wrap {position: relative;}
.top_popup_wrap .pop_slider_area {background-color: #004ea2;}
.top_popup_wrap .pop_slider_area .list {overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto;}
.top_popup_wrap .pop_slider_area .list .slick-list {}
.top_popup_wrap .pop_slider_area .list .slick-list .slick-track {}
.top_popup_wrap .pop_slider_area .list .slick-list .slick-track li {float: left; padding: 41px 0 36px;} 
.top_popup_wrap .pop_slider_area .list .slick-list .slick-track li a {display: block;}
.top_popup_wrap .pop_slider_area .list .slick-list .slick-track li a:focus {border: 1px solid #000000;}
.top_popup_wrap .pop_slider_area .list .slick-list .slick-track li a .text_area {text-align: center;}
.top_popup_wrap .pop_slider_area .list .slick-list .slick-track li a .text_area .title {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 30px; line-height: 45px; color: #ffffff; word-break: keep-all;}
.top_popup_wrap .pop_slider_area .list .slick-list .slick-track li a .text_area .text {margin: 8px 0 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 18px; line-height: 27px; color: #ffffff; word-break: keep-all;}

/* 오늘하루 열지않기 / 닫기 버튼 영역 */
.top_popup_wrap .pop_slider_area .pop_btn_area {position: absolute; bottom: 24px; right: 4.63%;}
.top_popup_wrap .pop_slider_area .pop_btn_area .chk_each {}
.top_popup_wrap .pop_slider_area .pop_btn_area .chk_each input {}
.top_popup_wrap .pop_slider_area .pop_btn_area .chk_each label {font-family: 'Noto Sans KR'; font-weight: 300; font-size: 13px; line-height: 18px; color: rgba(255, 255, 255, 0.5);}
.top_popup_wrap .pop_slider_area .pop_btn_area .chk_each label span {top: 2px; border: 1px solid rgba(255, 255, 255, 0.5); background: none;}
.top_popup_wrap .pop_slider_area .pop_btn_area .chk_each label span i {color: #ffffff;}

/* 오늘하루 열지않기 클릭시 CSS */
.top_popup_wrap .pop_slider_area .pop_btn_area .chk_each input:checked + label {color: #ffffff;}
.top_popup_wrap .pop_slider_area .pop_btn_area .chk_each input:checked + label .vchkbox {border: 1px solid #ffffff;}
/* // 오늘하루 열지않기 클릭시 CSS */

.top_popup_wrap .pop_slider_area .pop_btn_area button {display: inline-block; width: 15px; height: 14px; margin: 0 0 0 15px; background-image: url("https://www.sjstarton.or.kr/images/main/close_btn.png"); background-position: 0 0; background-repeat: no-repeat;; text-indent: -9999px; vertical-align: sub;}

/* 팝업존 이전 / 다음 / 네비게이션 CSS */
.top_popup_wrap .pop_slider_area .list .slick-dots {display: none !important;}

.top_popup_wrap .pop_slider_area .state_box {position: absolute; top: 69px; right: 4.63%;}
.top_popup_wrap .pop_slider_area .state_box .nav_box {overflow: hidden;}
.top_popup_wrap .pop_slider_area .state_box .nav_box .nav {float: left; width: 13px; height: 23px; text-indent: -9999px;}
.top_popup_wrap .pop_slider_area .state_box .nav_box .nav.prev {margin: 0 30px 0 0; background-image: url("https://www.sjstarton.or.kr/images/main/nav_prev_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.top_popup_wrap .pop_slider_area .state_box .nav_box .nav.next {margin: 0 0 0 30px; background-image: url("https://www.sjstarton.or.kr/images/main/nav_next_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.top_popup_wrap .pop_slider_area .state_box .nav_box .num {float: left; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; line-height: 23px; color: #ffffff;}
.top_popup_wrap .pop_slider_area .state_box .nav_box .num .now {padding: 0 2px 0 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; line-height: 23px; color: #ffffff;}
.top_popup_wrap .pop_slider_area .state_box .nav_box .num .total {padding: 0 0 0 2px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; line-height: 23px; color: #9199a2;}
/* // 팝업존 이전 / 다음 / 네비게이션 CSS */

/* // 메인 상단 팝업존 CSS */


/* 메인 홍보알림 */
#mcontwrap {height: auto;}
#mvisual {
	margin: 0 auto 10px; padding:35px 0 30px 0; width: 100%; min-height:330px; height:auto; 
  background:#d3daf2 url(../images/new_main/main_bg02.jpg) 50% 50%; overflow: hidden; background-size:1920px auto;
  }

#mvisual #mvis_wrap {position:relative; width:1200px; padding:0 10px; margin:0 auto; z-index:9;}
#mvisual #mvis_wrap .mvis_list {position: relative;width:100%;top:auto;left:auto; height:auto; overflow: hidden;text-align: center;}
#mvisual #mvis_wrap .mvis_list .slick-track{position: relative;width: 85000px;}
#mvisual #mvis_wrap .mvis_list .slick-list{padding-bottom:5px;overflow:hidden}
#mvisual #mvis_wrap .mvis_list .slick-slide{margin-right:15px;max-width:283px;}
.dim-layer .mvis_list2 .item,
#mvisual #mvis_wrap .mvis_list .item {
	position: relative;display: inline-block;vertical-align:top; width:283px !important; /* height:330px; background-color:#fff; */ text-align:left;  
  }
/* #mvisual #mvis_wrap .mvis_list .item:not(:last-of-type){margin-right: 30px;} */
#mvisual #mvis_wrap .mvis_list .item a,
.dim-layer .mvis_list2 .item a{position: relative; display: block; width: 100%; height: 100%;}

#mvisual #mvis_wrap .mvis_list .item a figure ,
.dim-layer .mvis_list2 .item a figure {height:330px; background-color: #fff; border-bottom-right-radius:30px;}

#mvisual #mvis_wrap .mvis_list .item a figure .img ,
.dim-layer .mvis_list2 .item a figure .img {display: block; text-align: center;height:216px;}
#mvisual #mvis_wrap .mvis_list .item a figure .img img ,
.dim-layer .mvis_list2 .item a figure .img img {width: 100%;}
#mvisual #mvis_wrap .mvis_list .item a figure figcaption ,
.dim-layer .mvis_list2 .item a figure figcaption {display: block;position: relative;height:80px;overflow:hidden;padding: 20px 20px 5px;font-size: 0;white-space: nowrap;box-sizing: border-box;}
#mvisual #mvis_wrap .mvis_list .item a figure figcaption h3 ,
.dim-layer .mvis_list2 .item a figure figcaption h3 {display:inline-block;position:relative;height:40px;line-height: 20px;padding: 0;margin: 0;margin-top: 5px;color: #000;font-size: 16px;font-weight: 600;overflow: hidden;white-space: normal;word-wrap: normal;word-break:normal;text-align: left;background: none;word-break: initial;}
#mvisual #mvis_wrap .mvis_list .item a figure figcaption h3:before,
.dim-layer .mvis_list2 .item a figure figcaption h3:before{display:inline-block;content:'';height:100%;float:left;}
#mvisual #mvis_wrap .mvis_list .item a figure figcaption h3:after ,
.dim-layer .mvis_list2 .item a figure figcaption h3:after{display:inline-block;float:right;content:'\2026';background-color:#fff;}
#mvisual #mvis_wrap .mvis_list .item a figure figcaption span.icon,
.dim-layer .mvis_list2 .item a figure figcaption h3:after{display:inline-block;/* text-align: right; */content:'\2026';background-color:#fff;/* margin-left: -50px; */position: absolute;bottom: 0;right: 6px;}
#mvisual #mvis_wrap .mvis_list .item a figure figcaption span.date ,
.dim-layer .mvis_list2 .item a figure figcaption span.date {position: relative; display: block; line-height: 1; color: #666; font-size: 14px; float: none;}
#mvisual #mvis_wrap .mvis_list .item a figure figcaption span.date:before ,
.dim-layer .mvis_list2 .item a figure figcaption span.date:before {position: absolute;display: none;content: "";width: 1px;height: 10px;top: 2px;left: 0;background-color: #cecece;}
#mvisual #mvis_wrap .mvis_list .item .indinfo,
.dim-layer .mvis_list2 .item .indinfo {position: absolute;display: block;width: 37px;height: 37px;top: 60.797342%;right: 12px;border-radius: 50%;padding-top: 4px;color: #fff;font-size: 12px;background-color: #819aae;z-index: 1;text-align: center;line-height: 1;box-sizing: border-box;overflow: hidden;letter-spacing: -0.1em;}
#mvisual #mvis_wrap .mvis_list .item .indinfo .numb,
.dim-layer .mvis_list2 .item .indinfo .numb {display: block; line-height: 1; margin-top: 1px; font-size: 18px; font-weight: 600;}
#mvisual #mvis_wrap .mvis_list .item a,
.dim-layer .mvis_list2 .item a { position: relative; /* background-color: #fff; */overflow: visible; z-index: 1;}





#mvisual #mvis_wrap .mvis_list .item .img  {position:relative; width:100%; overflow:hidden}
#mvisual #mvis_wrap .mvis_list .item .img img {height:100%; transform: scale(1);  -webkit-transform: scale(1);transition : all 0.3s ease;  -webkit-transition : all 0.3s ease;}
#mvisual #mvis_wrap .mvis_list .item a:hover figure .img img {transform: scale(1.2); -webkit-transform: scale(1.2);}



#mvisual #mvis_wrap .mvis_list .item a:hover:after,
#mvisual #mvis_wrap .mvis_list .item a:focus:after ,
.dim-layer .mvis_list2 .item a:hover:after,
.dim-layer .mvis_list2 .item a:focus:after {top: 5px; left: 5px;}
#mvisual #mvis_wrap .mvis_list .item a:hover .indinfo,
#mvisual #mvis_wrap .mvis_list .item a:focus .indinfo,
.dim-layer .mvis_list2 .item a:hover .indinfo,
.dim-layer .mvis_list2 .item a:focus .indinfo {background-color: #0d78ca;}
.dim-layer .mvis_list2{overflow: hidden;height: 100%;}
.dim-layer .mvis_list2 .mvis_wrap{overflow: hidden;overflow-y: scroll;height: 100%;}
.dim-layer .mvis_list2 .item{width: 24% !important;margin:0 1% 1% 0;}
.dim-layer .mvis_list2 .item{width: 24% !important;margin:0 1% 1% 0;}
.dim-layer .mvis_list2 .item:nth-child(4n){margin-right:0}
.mvis_control {position: absolute;width: 100%;height: auto;top: 179px;left: 0;right: 0;padding: 0;font-size: 0;z-index: 1;}
.mvis_control .mvis_play,
.mvis_control .mvis_stop {position: absolute;display: block;width: 27px;height: 27px;top: 0;right: -55px;border-radius:10%;font-size: 0;background: none;background-color: #172c53;background-repeat: no-repeat;background-position: center;}
.mvis_control .mvis_play {background-image: url('../images/new_main/icn_mvis_play.png');}
.mvis_control .mvis_stop {background-image: url('../images/new_main/icn_mvis_pause.png');}
.mvis_control .mvis_prev,
.mvis_control .mvis_next {position: absolute; display: block; width: 52px; height: 52px; top:-55px; font-size: 0; background: none; background-position: center; background-repeat: no-repeat;}
.mvis_control .mvis_prev {left: -78px; background-image: url('../images/new_main/icn_mvis_prev.png');}
.mvis_control .mvis_next {right: -70px;background-image: url('../images/new_main/icn_mvis_next.png');}


.inst_control {position: absolute;width: 100%;height: auto; left: 0;right: 0;padding: 0;font-size: 0;z-index: 1; top:1800px;}
.inst_control .inst_play,
.inst_control .inst_stop {position: absolute;display: block;width: 27px;height: 27px; top:60px; right: -55px;border-radius:10%;font-size: 0;background: none;background-color: #172c53;background-repeat: no-repeat;background-position: center;}
.inst_control .inst_play {background-image: url('../images/new_main/icn_mvis_play.png');}
.inst_control .inst_stop {background-image: url('../images/new_main/icn_mvis_pause.png');}
.inst_control .inst_prev,
.inst_control .inst_next {position: absolute; display: block; width: 52px; height: 52px; font-size: 0; background: none; background-position: center; background-repeat: no-repeat;}
.inst_control .inst_prev {left: -78px; background-image: url('../images/new_main/icn_mvis_prev.png');}
.inst_control .inst_next {right: -70px;background-image: url('../images/new_main/icn_mvis_next.png');}


#resViewset01 {display: block;}
#resViewset02 {display: none;}

@media only screen and (max-width: 1438px) {
	#mvisual #mvis_wrap {max-width: 1170px;}
	.mvis_control .mvis_prev {left:-30px;}
	.mvis_control .mvis_next {right:-30px;}
	.mvis_control .mvis_prev, .mvis_control .mvis_next{top: -85px;}
	.mvis_control .mvis_play,
	.mvis_control .mvis_stop {top:0px;right:-18px;}
}
@media only screen and (min-width: 1171px) and (max-width: 1280px) {
	#mvisual #mvis_wrap{max-width:1142px}
	.menu_search {}
	.link_group a:not(:last-of-type) {margin-right: 6.5%;}
	.button_group .wrapper {/* padding-right: 0; */}
	#mvisual #mvis_wrap .mvis_list .slick-slide{max-width:258px;}
	#mvisual #mvis_wrap .mvis_list .item{width: 258px !important;}
	#mvisual #mvis_wrap .mvis_list .item:not(:last-of-type) {margin-right: 35px;}
	#mvisual #mvis_wrap .mvis_list .item .indinfo {top: 62.797342%;}
	.mvis_control .mvis_prev, .mvis_control .mvis_next{top:-85px;}
	.mvis_control .mvis_play, .mvis_control .mvis_stop{top:-30px;}
	#tm {margin-left: 6.8%;}
}
@media only screen and (min-width: 1000px) and (max-width: 1170px) {
	#mcontwrap{height:410px;}
	#tm &gt; li &gt; .th2 &gt; li &gt; a {padding: 10px 10px;}
	.link_group a:not(:last-of-type) {margin-right: 50px;}
	.menu_search{right:264px;}
	.menu_search_tit{width:64px;padding-right:37px;text-align:right;}
	.menu_search_tit span{line-height:1}
	#mvisual #mvis_wrap {max-width: 947px;}
	.mvisual_clickopen &gt; a{bottom:67px;}
	#mvisual #mvis_wrap .mvis_list .slick-slide{max-width:222px; height: auto;}
	#mvisual #mvis_wrap .mvis_list .slick-slide:not(:last-of-type) {margin-right: 15px;}
	#mvisual #mvis_wrap .mvis_list .item{width:auto !important;height:auto;}

	#mvisual #mvis_wrap .mvis_list .item .indinfo {top: 61.797342%;}
	#mvisual #mvis_wrap .mvis_list .item a figure .img, .dim-layer .mvis_list2 .item a figure .img{height:163px;}
	#mvisual #mvis_wrap .mvis_list .item a figure figcaption {padding: 12px 20px;}
	#mvisual #mvis_wrap .mvis_list .item a figure figcaption h3,
	.dim-layer .mvis_list2 .item a figure figcaption h3{height: 38px;font-size: 14px;line-height: 18px;}
	.dim-layer .mvis_list2 .item{height:auto;}
	.dim-layer .mvis_list2 .item a figure figcaption{padding:12px 20px}
	.mvis_control .mvis_prev,
	.mvis_control .mvis_next {top: -110px;}
	.mvis_control .mvis_play,
	.mvis_control .mvis_stop {top: -55px;}
	#tm {margin-left: 4.8%;}
}
@media only screen and (min-width: 1000px) and (max-width: 1280px) {
	.button_group .button_a.btn_citizen ul.list {/* width: 22.893749vw; */}
	#target_box {width: 48.729729%;}
	.board_group_rg {/* width: calc(100% - 495px); */width: calc(50% - 25px);}
	.blogSection, .main-cardNews {width: 22.4%;}
	#call_quick_stat {/* width: 22.265625vw; */}
	.service_wrap .service-mv-3d {/* width:21.34375vw; */}
}
@media only screen and (max-width: 999px) {
	#mvisual {background-size: auto 100%; background-position: bottom;}
	#mcontwrap {height: auto;}
	#mvisual{padding-bottom: 61px;}
	#mvisual #mvis_wrap {width: 100%; max-width: 970px;}
	#mvisual #mvis_wrap .mvis_list .slick-slide{width:30.5vw;height: auto;}
	#mvisual #mvis_wrap .mvis_list .slick-slide:not(:last-of-type) {margin-right: 2.1vw;}
	#mvisual #mvis_wrap .mvis_list .item a figure figcaption {height: 96px;padding-top: 20px;}
	#mvisual #mvis_wrap .mvis_list .item{width:auto !important;height:auto;}
	.dim-layer .mvis_list2 .item{width: 32% !important;height:auto;}
	.dim-layer .mvis_list2 .item:nth-child(4n){margin-right:1%}
	.dim-layer .mvis_list2 .item:nth-child(3n){margin-right:0%}
	.dim-layer .mvis_list2 .item a figure figcaption{padding:10px 20px}
	.mvis_control {position: relative; width: 99px; top: 16px; margin: 0 auto;}
	.mvis_control .mvis_play,
	.mvis_control .mvis_stop {top: 0; right:21%; margin-right: 29.5px;}
	.mvis_control .mvis_prev,
	.mvis_control .mvis_next {width: 36px; height: 36px; bottom: auto; top: -5px; background-size: 17px auto;}
	.mvis_control .mvis_prev {left:-20px;}
	.mvis_control .mvis_next {right:10px;}
	#resViewset01 {display: none;}
	#resViewset02 {display: block;}
}
@media only screen and (max-width: 767px) {
	#mcontwrap {height: auto;}
	#mvisual #mvis_wrap .mvis_list .slick-slide{width: 46.6875vw;height: auto;}
	#mvisual #mvis_wrap .mvis_list .item .indinfo {top: 65.25%;}
	#mvisual #mvis_wrap .mvis_list .item a figure .img, .dim-layer .mvis_list2 .item a figure .img{height:auto;}
	#mvisual #mvis_wrap .mvis_list .item a figure figcaption {/*height: 109px; padding: 30px 11px 5px;*/}
	.dim-layer .mvis_list2 .item{width: 49% !important;height:auto;}
	.dim-layer .mvis_list2 .item:nth-child(3n){/* margin-right:1%; */margin-right:0.5%}
	.dim-layer .mvis_list2 .item:nth-child(2n){margin-right:0%}
	.dim-layer .mvis_list2 .item a figure figcaption{display:none}
}
@media only screen and (max-width: 640px) {
	#mvisual #mvis_wrap .mvis_list .slick-slide{/* width: 30.6875vw; */}
	#mvisual #mvis_wrap .mvis_list .item .indinfo {top: 58.255319%;}
	#mvisual #mvis_wrap .mvis_list .slick-slide:not(:last-of-type) {margin-right: 1.5vw;}
}

@media only screen and (max-width: 480px) {
	.button_group .button_a.btn_citizen ul.list {padding-top: 38px; padding-left: 0;}
	.button_group .button_a.btn_citizen .list li:not(:last-of-type) {padding-bottom: 10px;}
	#mcontwrap {height: auto;}
	#mvisual #mvis_wrap {width: 320px;}
	#mvisual{padding-bottom: 64px;}
	#mvisual #mvis_wrap .mvis_list{/* padding-right:0 */}
	#mvisual #mvis_wrap .mvis_list .item{width: 90.625vw; max-width: 270px; height: auto;}
	#mvisual #mvis_wrap .mvis_list .slick-slide{width: 90.625vw;max-width: 290px;height: auto;}
	#mvisual #mvis_wrap .mvis_list .slick-slide:not(:last-of-type){margin-right: 0px;}
	#mvisual #mvis_wrap .mvis_list .item .indinfo {top: 61.933534%;margin-left: 0;}
	#mvisual #mvis_wrap .mvis_list .item a figure figcaption {height: 100px; padding: 21px 26px 5px;}
	.dim-layer .mvis_list2 .item a figure figcaption{display:none;}
}

/*창업지원기관*/
@media only screen and (max-width: 1438px) {
	.cont4 .info_list_area {max-width: 1170px;}
	.inst_control .inst_prev {left:-30px;}
	.inst_control .inst_next {right:-30px;}
	.inst_control .inst_play,
	.inst_control .inst_stop {top:0px;right:-18px;}
}
@media only screen and (min-width: 1171px) and (max-width: 1280px) {
	.cont4 .info_list_area{max-width:1142px}
	.menu_search {}
	.link_group a:not(:last-of-type) {margin-right: 6.5%;}
	.button_group .wrapper {/* padding-right: 0; */}
	.cont4 .info_list_area .list .slick-slide{max-width:258px;}
	.cont4 .info_list_area .list .item{width: 258px !important;}
	.cont4 .info_list_area .list .item:not(:last-of-type) {margin-right: 35px;}
	.cont4 .info_list_area .list .item .indinfo {top: 62.797342%;}
	.inst_control .inst_prev, .inst_control .inst_next{top:-85px;}
	.inst_control .inst_play, .inst_control .inst_stop{top:-30px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1170px) {
	.cont4 .info_list_area {max-width: 947px;}
	.cont4 .info_list_area .list .slick-slide{max-width:222px; height: auto;}
	.cont4 .info_list_area .list .slick-slide:not(:last-of-type) {margin-right: 15px;}
	.cont4 .info_list_area .list .item{width:auto !important;height:auto;}

	.cont4 .info_list_area .list .item .indinfo {top: 61.797342%;}
	.cont4 .info_list_area .list .item a figure .img, .dim-layer .mvis_list2 .item a figure .img{height:163px;}
	.cont4 .info_list_area .list .item a figure figcaption {padding: 12px 20px;}
	.inst_control .inst_prev,
	.inst_control .inst_next {top: -110px;}
	.inst_control .inst_play,
	.inst_control .inst_stop {top: -55px;}
}
@media only screen and (max-width: 999px) {
	.cont4 .info_list_area {width: 100%; max-width: 970px;}
	.cont4 .info_list_area .list .slick-slide{width:30.5vw;height: auto;}
	.cont4 .info_list_area .list .slick-slide:not(:last-of-type) {margin-right: 2.1vw;}
	.cont4 .info_list_area .list .item a figure figcaption {height: 96px;padding-top: 20px;}
	.cont4 .info_list_area .list .item{width:auto !important;height:auto;}
	.inst_control {position: relative; width: 99px; margin: 0 auto;}
	.inst_control .inst_play,
	.inst_control .inst_stop {top: 0; right:21%; margin-right: 29.5px;}
	.inst_control .inst_prev,
	.inst_control .inst_next {width: 36px; height: 36px; bottom: auto; background-size: 17px auto;}
	.inst_control .inst_prev {left:-20px;}
	.inst_control .inst_next {right:10px;}
}
@media only screen and (max-width: 767px) {
	.cont4 {height: auto;}
	.cont4 .info_list_area .list .slick-slide{width: 46.6875vw;height: auto;}
	.cont4 .info_list_area .list .item .indinfo {top: 65.25%;}
	.cont4 .info_list_area .list .item a figure .img, .dim-layer .mvis_list2 .item a figure .img{height:auto;}
	.cont4 .info_list_area .list .item a figure figcaption {/*height: 109px; padding: 30px 11px 5px;*/}
}
@media only screen and (max-width: 640px) {
	.cont4 .info_list_area .list .slick-slide{/* width: 30.6875vw; */}
	.cont4 .info_list_area .list .item .indinfo {top: 58.255319%;}
	.cont4 .info_list_area .list .slick-slide:not(:last-of-type) {margin-right: 1.5vw;}
}

@media only screen and (max-width: 480px) {
	.cont4 {height: auto;}
	.cont4 .info_list_area .list{/* padding-right:0 */}
/* 	.cont4 .info_list_area .list .item{width: 90.625vw; max-width: 270px; height: auto;} */
/* 	.cont4 .info_list_area .list .slick-slide{width: 90.625vw;max-width: 290px;height: auto;} */
	.cont4 .info_list_area .list .slick-slide:not(:last-of-type){margin-right: 0px;}
	.cont4 .info_list_area .list .item .indinfo {top: 61.933534%;margin-left: 0;}
	.cont4 .info_list_area .list .item a figure figcaption {height: 100px; padding: 21px 26px 5px;}
	.inst_control {
		top:0;
	}
}

@media only screen and (max-width: 1280px) {
	.button_group .button_a.btn_citizen h3 .bg{bottom: -67px; right: -61px;}
}
@media only screen and (max-width: 767px) {
	.button_group .button_a.btn_citizen h3 .bg{width: 56px;height: 96px;right: -28px;bottom: -30px;background-size: 57px auto;}
	.button_group .button_a.btn_citizen h3 .bg:before{left: -26px;top: 15px;width: 32px;height: 50px;background-size: 35px auto;}
	.button_group .button_a.btn_citizen h3 .bg:after{left: -9px;top: -3px;width: 11px;height: 12px;background-size: 11px auto;}
}

@media (max-width: 999px){
	.service_wrap .service-mv-right a{height:100%}
	.service_wrap .service-mv-right a:nth-of-type(1):before,
	.service_wrap .service-mv-right a:nth-of-type(2):before{top:49px;width: 73px;height: 73px;margin: 0 0 0 -36.5px}
	.service_wrap .service-mv-right a:nth-of-type(1):after{top:77px;}
	.service_wrap .service-mv-right a:nth-of-type(2):after{top:72px;}
	.service_wrap .service-mv-right a:nth-of-type(1):after,
	.service_wrap .service-mv-right a:nth-of-type(1):hover:after,
	.service_wrap .service-mv-right a:nth-of-type(1):focus:after{animation: none;}
	.service_wrap .service-mv-right a:nth-of-type(2):after,
	.service_wrap .service-mv-right a:nth-of-type(2):hover:after,
	.service_wrap .service-mv-right a:nth-of-type(2):focus:after{animation: none;}
	.button_group .button_a.btn_citizen h3 .bg:before{animation: anim1 linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: 100% 100%;}
	.button_group .button_a.btn_citizen h3 .bg:after{animation: anim2 linear normal infinite 1s;}
}
@media (max-width: 767px){
	.service_wrap .service-mv-right a{padding-left:40px}
	.service_wrap .service-mv-right a:nth-of-type(1):before,
	.service_wrap .service-mv-right a:nth-of-type(2):before{top: 16px;width: 45px;height: 45px;margin: 0 0 0 -62.5px;}
	.service_wrap .service-mv-right a:nth-of-type(1):after{top:32px;left:50%;margin-left:-44px;}
	.service_wrap .service-mv-right a:nth-of-type(2):after{top:32px;left:50%;width:15px;margin-left:-47px;background-size:100%;}
}
@keyframes anim2{
	0%{opacity: 0}
	50%{opacity: 1}
	100%{opacity: 0}
}
@keyframes anim5 {
  0% {-webkit-transform:translate(5px,-5px);-moz-transform:translate(5px,-5px);-ms-transform:translate(5px,-5px);-o-transform:translate(5px,-5px);transform:translate(5px,-5px)}
  50% {-webkit-transform:translate(-5px,5px);-moz-transform:translate(-5px,5px);-ms-transform:translate(-5px,5px);-o-transform:translate(-5px,5px);transform:translate(-5px,5px)}
  100% {-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}
}
@keyframes anim6 {
  0% {-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
  50% {-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}
  100% {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
/* 메인 홍보알림 끝 */


/* 분야별 탭메뉴 */
.box1 ul {float:left; width:100%; padding: 0; margin:20px 0 10px 0;}
.box1:after {clear: both; display: block; content: ""}
.box1 ul li {float:left;width:11.1%;}
.box1 ul li a {display:block;position: relative;width:100%;color:#333;text-align: center;font-size: 16px;}
.box1 ul li .ico {display:block;width:76px;height: 76px;margin: 0 auto 20px; border-radius:30px;background:#f5f5f5 url(../images/new_main/ico_ir1.png); transition:all 0.3s;-webkit-transition:all 0.3s;}
.box1 ul li .ico1 {background-position:0 0;}
.box1 ul li .ico2 {background-position:-76px 0;}
.box1 ul li .ico3 {background-position:-152px 0;}
.box1 ul li .ico4 {background-position:-228px 0;}
.box1 ul li .ico5 {background-position:-304px 0;}
.box1 ul li .ico6 {background-position:-380px 0;}
.box1 ul li .ico7 {background-position:-456px 0;}
.box1 ul li .ico8 {background-position:-532px 0;}
.box1 ul li .ico9 {background-position:-614px 0;}
.box1 ul li a:hover .ico,
.box1 ul li a:focus .ico,
.box1 ul li.on a .ico {background-color:#6057bb;box-shadow: 0 10px 10px rgba(96,87,187,.2);}
.box1 ul li a:hover .ico1,
.box1 ul li a:focus .ico1,
.box1 ul li.on a .ico1 {background-position:0 -76px;}
.box1 ul li a:hover .ico2,
.box1 ul li a:focus .ico2,
.box1 ul li.on a .ico2 {background-position:-76px -76px;}
.box1 ul li a:hover .ico3,
.box1 ul li a:focus .ico3,
.box1 ul li.on a .ico3 {background-position:-152px -76px;}
.box1 ul li a:hover .ico4,
.box1 ul li a:focus .ico4,
.box1 ul li.on a .ico4 {background-position:-228px -76px;}
.box1 ul li a:hover .ico5,
.box1 ul li a:focus .ico5,
.box1 ul li.on a .ico5 {background-position:-304px -76px;}
.box1 ul li a:hover .ico6,
.box1 ul li a:focus .ico6,
.box1 ul li.on a .ico6 {background-position:-380px -76px;}
.box1 ul li a:hover .ico7,
.box1 ul li a:focus .ico7,
.box1 ul li.on a .ico7 {background-position:-456px -76px;}
.box1 ul li a:hover .ico8,
.box1 ul li a:focus .ico8,
.box1 ul li.on a .ico8 {background-position:-532px -76px;}
.box1 ul li a:hover .ico9,
.box1 ul li a:focus .ico9,
.box1 ul li.on a .ico9 {background-position:-608px -76px;}

@media(max-width:1023px){
.box1 ul li {width:32%; margin:13px 0}
}

/* 분야별 탭메뉴 끝 */


/* 분여별 지원사업 검색 CSS */
.main_wrap {width: 100%; max-width: 1200px; margin: 0 auto; padding:0;}
.main_wrap .cont1 {position: relative; margin: 0 -680px; padding:52px 680px 52px;}
.main_wrap .cont1:before {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 518px; height: 100%; max-height: 257px; background-image: url("https://www.sjstarton.or.kr/images/main/main_cont_left_img.jpg"); background-position: 0 0; background-repeat: no-repeat; z-index: -1;}
.main_wrap .cont1:after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 100%; max-width: 431px; height: 100%; max-height: 410px; z-index: -1; background-image: url("https://www.sjstarton.or.kr/images/main/main_cont_right_img.jpg"); background-position: 0 0; background-repeat: no-repeat;}
.main_wrap .cont1 .title_area {position: relative; text-align: center;}
.main_wrap .cont1 .title_area .title {font-family:"Recipekorea"; font-size:34px; color:#000;}
.col_org  {color:#ec6941;}
.col_blue {color:#0068b7;}
.col_purple {color:#5f52a0;}
.col_green {color:#0a8682;}

.main_wrap .cont1 .title_area .view {display: block; position: absolute; top: 50%; right: 0; width: 12px; height: 12px; margin: -6px 0 0; background-image: url("https://www.sjstarton.or.kr/images/common/view_icon.png"); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px;}

.main_wrap .cont1 .tab_list_area {overflow: hidden; margin: 17px 0 0; padding: 0 25px;}
.main_wrap .cont1 .tab_list_area .list {overflow: hidden;}
.main_wrap .cont1 .tab_list_area .list li {float: left; width: 100%; max-width: 110px; height: 100%; max-height: 110px; margin: 0 20px 0 0;}
.main_wrap .cont1 .tab_list_area .list li:last-child {margin: 0;}
.main_wrap .cont1 .tab_list_area .list li.on {}
.main_wrap .cont1 .tab_list_area .list li button {display: block; width: 100%; height: 100%; padding: 60px 0 24px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 14px; line-height: 26px; color: #bbc2c8; border-radius: 50%; transition: all 0.2s;}
.main_wrap .cont1 .tab_list_area .list li.on button {background-color: #e4edf7; font-size: 14px; color: #004ea2;}
.main_wrap .cont1 .tab_list_area .list li button:hover, .main_wrap .cont1 .tab_list_area .list li button:focus {background-color: #e4edf7; font-size: 14px; color: #004ea2;}
.main_wrap .cont1 .tab_list_area .list li.all button {background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_01_off.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.all.on button {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_01_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.all button:hover, .main_wrap .cont1 .tab_list_area .list li.all button:focus {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_01_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.facility button {background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_02_off.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.facility.on button {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_02_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.facility button:hover, .main_wrap .cont1 .tab_list_area .list li.facility button:focus {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_02_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.startups button {background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_03_off.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.startups.on button {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_03_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.startups button:hover, .main_wrap .cont1 .tab_list_area .list li.startups button:focus {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_03_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.mentor button {background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_04_off.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.mentor.on button {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_04_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.mentor button:hover, .main_wrap .cont1 .tab_list_area .list li.mentor button:focus {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_04_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.business button {background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_05_off.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.business.on button {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_05_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.business button:hover, .main_wrap .cont1 .tab_list_area .list li.business button:focus {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_05_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.fund button {background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_06_off.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.fund.on button {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_06_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.fund button:hover, .main_wrap .cont1 .tab_list_area .list li.fund button:focus {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_06_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.rnd button {background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_07_off.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.rnd.on button {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_07_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.rnd button:hover, .main_wrap .cont1 .tab_list_area .list li.rnd button:focus {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_07_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.support button {background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_08_off.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.support.on button {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_08_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.support button:hover, .main_wrap .cont1 .tab_list_area .list li.support button:focus {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_08_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.event button {background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_09_off.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.event.on button {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_09_on.png"); background-position: center 22px; background-repeat: no-repeat;}
.main_wrap .cont1 .tab_list_area .list li.event button:hover, .main_wrap .cont1 .tab_list_area .list li.event button:focus {background-color: #e4edf7; background-image: url("https://www.sjstarton.or.kr/images/main/tab_icon_09_on.png"); background-position: center 22px; background-repeat: no-repeat;}

.main_wrap .cont1 .info_list_wrap {margin: 21px 0 0;}
.main_wrap .cont1 .info_list_wrap .list {overflow: hidden; margin: 0 -16px 0 0;}
.main_wrap .cont1 .info_list_wrap .list li {position: relative; float: left; padding: 0 16px 16px 0;}
.main_wrap .cont1 .info_list_wrap .list li .cont {background-color: #ffffff;}
.main_wrap .cont1 .info_list_wrap .list li .cont a {display: block; position: relative; width: 286px; height: 263px; border: 1px solid #a6a5a5; padding: 35px 24px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); border-radius:15px;}


.main_wrap .cont1 .info_list_wrap .list li .cont a:hover {border:2px solid #000; }



.main_wrap .cont1 .info_list_wrap .list li .cont a:before {
	display: block; content: ''; position: absolute; top: 0; left: 0; width: 280px; height: 257px; margin: 0; 
	/* border: 3px solid transparent;*/  -moz-border-image: -moz-linear-gradient(to right, #53b1ed 0%, #004ea2 100%); -webkit-border-image: -webkit-linear-gradient(to right, #53b1ed 0%, #004ea2 100%); 
	border-image: linear-gradient(to bottom, #53b1ed 0%, #004ea2 100%); border-image-slice: 1; transition: all 0.3s; opacity: 0; border-radius:15px;
	}

.main_wrap .cont1 .info_list_wrap .list li .cont a:hover:before, .main_wrap .cont1 .info_list_wrap .list li .cont a:focus:before {top: 0; opacity: 1;}
.main_wrap .cont1 .info_list_wrap .list li .cont a:hover, .main_wrap .cont1 .info_list_wrap .list li .cont a:focus {box-sizing: border-box;}
.main_wrap .cont1 .info_list_wrap .list li .cont a .info_tit_area {overflow: hidden;}
.main_wrap .cont1 .info_list_wrap .list li .cont a .info_tit_area .title {position: relative; float: left; padding: 0 0 0 26px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 15px; line-height: 22px; color: #000000;}
.main_wrap .cont1 .info_list_wrap .list li .cont a .info_tit_area .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 21px; height: 22px;}
.main_wrap .cont1 .info_list_wrap .list li.facility .cont a .info_tit_area .title:before {background-image: url("https://www.sjstarton.or.kr/images/main/list_icon_01.png"); background-position: 0 1px; background-repeat: no-repeat;}
.main_wrap .cont1 .info_list_wrap .list li.startups .cont a .info_tit_area .title:before {background-image: url("https://www.sjstarton.or.kr/images/main/list_icon_02.png"); background-position: 0 1px; background-repeat: no-repeat;}
.main_wrap .cont1 .info_list_wrap .list li.mentor .cont a .info_tit_area .title:before {background-image: url("https://www.sjstarton.or.kr/images/main/list_icon_03.png"); background-position: 0 1px; background-repeat: no-repeat;}
.main_wrap .cont1 .info_list_wrap .list li.business .cont a .info_tit_area .title:before {background-image: url("https://www.sjstarton.or.kr/images/main/list_icon_04.png"); background-position: 0 1px; background-repeat: no-repeat;}
.main_wrap .cont1 .info_list_wrap .list li.fund .cont a .info_tit_area .title:before {background-image: url("https://www.sjstarton.or.kr/images/main/list_icon_05.png"); background-position: 0 2px; background-repeat: no-repeat;}
.main_wrap .cont1 .info_list_wrap .list li.rnd .cont a .info_tit_area .title:before {background-image: url("https://www.sjstarton.or.kr/images/main/list_icon_06.png"); background-position: 0 2px; background-repeat: no-repeat;}
.main_wrap .cont1 .info_list_wrap .list li.support .cont a .info_tit_area .title:before {background-image: url("https://www.sjstarton.or.kr/images/main/list_icon_07.png"); background-position: 0 2px; background-repeat: no-repeat;}
.main_wrap .cont1 .info_list_wrap .list li.event .cont a .info_tit_area .title:before {background-image: url("https://www.sjstarton.or.kr/images/main/list_icon_08.png"); background-position: 0 2px; background-repeat: no-repeat;}

.main_wrap .cont1 .info_list_wrap .list li .cont a .info_tit_area .day {position: relative; float: left; margin: 0 0 0 13px; padding: 0 0 0 13px;}
.main_wrap .cont1 .info_list_wrap .list li .cont a .info_tit_area .day:before {display: block; content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: 15px; background-color: #e0e2e4;}
.main_wrap .cont1 .info_list_wrap .list li .cont a .info_tit_area .count {font-family: 'Noto Sans KR'; font-weight: 400; font-size: 15px; line-height: 22px; color: #f03333;}
.main_wrap .cont1 .info_list_wrap .list li .cont a .info_tit_area .progress {font-family: 'Noto Sans KR'; font-weight: 400; font-size: 15px; line-height: 22px; color: #29b332;}
.main_wrap .cont1 .info_list_wrap .list li .cont a &gt; .text_color {overflow: hidden; height: 27px; margin: 12px 0 0; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; line-height: 27px; color: #004ea2; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_wrap .cont1 .info_list_wrap .list li .cont a &gt; .text {overflow: hidden; height: 44px; margin: 10px 0 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 15px; line-height: 22px; color: #a2a2a2; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_wrap .cont1 .info_list_wrap .list li .cont a .text_area {margin: 17px 0 0;}
.main_wrap .cont1 .info_list_wrap .list li .cont a .text_area .list {padding: 0;}
.main_wrap .cont1 .info_list_wrap .list li .cont a .text_area .list &gt; li {height: 22px; margin: 0; border: none; padding: 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 15px; line-height: 22px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_wrap .cont1 .info_list_wrap .list li .cont a:hover .text_area .list &gt; li, .main_wrap .cont1 .info_list_wrap .list li .cont a:focus .text_area .list &gt; li {box-shadow: none;}

.main_wrap .cont1 .info_list_wrap .list li .btn_area {display: none; text-align: center;}
.main_wrap .cont1 .info_list_wrap .list li:hover .btn_area {display: block; position: absolute; bottom: 8px; right: 8px;}
.main_wrap .cont1 .info_list_wrap .list li:hover .btn_area a {display: block; position: relative;width: 120px; height: 38px; background-color: #004ea2; transition: all 0.3s; border-radius:7px;}
.main_wrap .cont1 .info_list_wrap .list li:hover .btn_area a .txt {display: inline-block; font-family: 'Noto Sans KR';  font-weight: 700; font-size: 14px; line-height: 36px; color: #ffffff; text-align: center;}
.main_wrap .cont1 .info_list_wrap .list li.on .btn_area {display: block; position: absolute; bottom: 8px; right: 8px;}
.main_wrap .cont1 .info_list_wrap .list li.on .btn_area a {display: block; position: relative;width: 120px; height: 38px; background-color: #004ea2; transition: all 0.3s;}
.main_wrap .cont1 .info_list_wrap .list li.on .btn_area a .txt {display: inline-block; font-family: 'Noto Sans KR';  font-weight: 700; font-size: 14px; line-height: 36px; color: #ffffff; text-align: center;}
.main_wrap .cont1 .info_list_wrap .list li .btn_area a:hover, .main_wrap .cont1 .info_list_wrap .list li .btn_area a:focus {}
.main_wrap .cont1 .info_list_wrap .list li .btn_area a:hover .txt, .main_wrap .cont1 .info_list_wrap .list li .btn_area a:focus .txt {transition: all 0.3s; -webkit-transform: translateX(-25px);  transform: translateX(-25px); }
.main_wrap .cont1 .info_list_wrap .list li .btn_area a:hover:after, .main_wrap .cont1 .info_list_wrap .list li .btn_area a:focus:after {display: block; content: ''; position: absolute; top: 13px; right: 18px;  width: 36px; height: 11px; background-image: url("https://www.sjstarton.or.kr/images/common/next_icon.png"); background-position: 0 0; background-repeat: no-repeat; transition: all 0.5s;}

.main_wrap .cont1 .info_list_wrap .list li:hover .btn_area a .txt {transition: all 0.3s; -webkit-transform: translateX(-25px);  transform: translateX(-25px);}
.main_wrap .cont1 .info_list_wrap .list li:hover .btn_area a:after {display: block; content: ''; position: absolute; top: 13px; right: 18px;  width: 36px; height: 11px; background-image: url("https://www.sjstarton.or.kr/images/common/next_icon.png"); background-position: 0 0; background-repeat: no-repeat; transition: all 0.5s;}


/* 창업도우미 */
.main_wrap .cont2 {margin: 0 -680px; padding:50px 680px 40px; background-color:#c5e7e6;}
.main_wrap .cont2 .title_area  {position: relative; text-align: center;}
.main_wrap .cont2 .title_area .title {font-family:"Recipekorea"; font-size: 34px; color:#000;}

.cont2 .icon_wrap{margin-top:25px;text-align:center;}
.cont2 .icon_wrap li{display:inline-block; padding: 0 40px; text-align:center;}
.cont2 .icon_wrap li a{display:block;position: relative;font-size:16px; color:#000; text-align:center; font-weight:600;}
.cont2 .icon_wrap li a:before{position:absolute;left:50%;top:-13px; z-index:0; width:162px; height:162px; background:#7ac5c2; border-radius:50%; transform:translateX(-50%); opacity:0; content:''; transition:all .5s}

.cont2 .icon_wrap li span{display:block;position:relative; z-index:1; width:136px; height:136px; margin:0 auto 15px; background:url(../images/new_main/main_ir.png);}
.cont2 .icon_wrap li .icon1{background-position: 0 0;}
.cont2 .icon_wrap li .icon2{background-position: -136px 0;}
.cont2 .icon_wrap li .icon3{background-position: -272px 0;}
.cont2 .icon_wrap li .icon4{background-position: -408px 0;}
.cont2 .icon_wrap li .icon5{background-position: -544px 0;}

.cont2 .icon_wrap li a:hover:before,
.cont2 .icon_wrap li a:focus:before{opacity:1;}


@media screen and (max-width:767px){
	.main_wrap .cont2 .title_area .title {font-size:24px;}
	.cont2 .icon_wrap li {width:37%;  margin-bottom:10px; padding:0;}
	 .cont2 .icon_wrap li span{width:80px;height:80px;background-size:auto 101%;}
    .cont2 .icon_wrap li a:before{top: -7px;width:95px;height: 95px;}
    .cont2 .icon_wrap li .icon1{background-position: 0 0;}
    .cont2 .icon_wrap li .icon2{background-position: -79.5px 0;}
    .cont2 .icon_wrap li .icon3{background-position: -159px 0;}
    .cont2 .icon_wrap li .icon4{background-position: -238.5px 0;}
    .cont2 .icon_wrap li .icon5{background-position: -318px 0;}
    .cont2 .icon_wrap li .icon6{background-position: -310px 0;}
    .cont2 .icon_wrap li .icon7{background-position: -827px 0;}
    .cont2 .icon_wrap li a{font-size:15px;}
	}

/* 창업도우미 끝 */





.main_wrap .cont3 {padding:37px 0;}
.main_wrap .cont3 .title_area {position: relative; text-align: center;}
.main_wrap .cont3 .title_area .title {font-weight: 500; font-size: 32px; line-height: 48px; color: #000000;}
.main_wrap .cont3 .title_area a.view {display: block; position: absolute; top: 50%; right: 0; width: 12px; height: 12px; margin: -6px 0 0; background-image: url("https://www.sjstarton.or.kr/images/common/view_icon.png"); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px;}
.main_wrap .cont3 .info_list_area {}
.main_wrap .cont3 .info_list_area .list {overflow: hidden; margin: 32px 0 -11px;}
.main_wrap .cont3 .info_list_area .list li {position: relative; float: left; width: 100%; max-width: 231px; margin: 0 11px 11px 0; border: 1px solid #e4e4e4; background-color: #ffffff;}
.main_wrap .cont3 .info_list_area .list li:nth-child(5n) {margin: 0 0 11px;}
.main_wrap .cont3 .info_list_area .list li &gt; a {display: block; padding: 14px 20px 16px;}
.main_wrap .cont3 .info_list_area .list li a .inner_box {}
.main_wrap .cont3 .info_list_area .list li a .inner_box .imgs {height: 50px; text-align: center;}
.main_wrap .cont3 .info_list_area .list li a .inner_box .imgs img {max-width: 189px; max-height: 50px;}
.main_wrap .cont3 .info_list_area .list li a .inner_box .title {height: 24px; margin: 9px 0 0; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_wrap .cont3 .info_list_area .list li a .inner_box .text {height: 22px; margin: 3px 0 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 15px; line-height: 22px; color: #6b6b6b; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_wrap .cont3 .info_list_area .list li .btn_area {display: none;}
.main_wrap .cont3 .info_list_area .list li.on {}
.main_wrap .cont3 .info_list_area .list li.on .btn_area {display: block; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0;}
.main_wrap .cont3 .info_list_area .list li:hover {}
.main_wrap .cont3 .info_list_area .list li:hover .btn_area {display: block; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0;}
.main_wrap .cont3 .info_list_area .list li .btn_area a {display: inline-block; position: relative; width: 50%; background: rgba(9, 42, 78, 0.9); text-align: center; transition: all 0.3s;}
.main_wrap .cont3 .info_list_area .list li .btn_area a:first-child:after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.37);}
.main_wrap .cont3 .info_list_area .list li .btn_area a:hover {background: rgba(25, 110, 202, 1);}

.main_wrap .cont3 .info_list_area .list li .btn_area a .text {display: inline-block; padding: 0 0 0 19px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 12px; line-height: 37px; color: #ffffff;}
.main_wrap .cont3 .info_list_area .list li .btn_area a.view .text {background-image: url("https://www.sjstarton.or.kr/images/main/view2_icon.png"); background-position: 0 12px; background-repeat: no-repeat;}
.main_wrap .cont3 .info_list_area .list li .btn_area a.home .text {background-image: url("https://www.sjstarton.or.kr/images/main/home2_icon.png"); background-position: 0 10px; background-repeat: no-repeat;}


.main_wrap .cont4 {padding:70px 680px 70px; margin:0 -680px; background-color:#d8dcec;}

.main_wrap .cont4 .title_area {position: relative; text-align: center;}
.main_wrap .cont4 .title_area .title {font-family:"Recipekorea"; font-size: 34px; color:#000;}
.main_wrap .cont4 .title_area a.view {display: block; position: absolute; top: 50%; right: 0; width: 12px; height: 12px; margin: -6px 0 0; background-image: url("https://www.sjstarton.or.kr/images/common/view_icon.png"); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px;}
.main_wrap .cont4 .info_list_area {}
.main_wrap .cont4 .info_list_area .list {overflow: hidden; margin: 32px 0 -11px;}

.main_wrap .cont4 .info_list_area .list:after {clear: both; display: block; content: ""} 
.main_wrap .cont4 .info_list_area .list li {position: relative; float: left; margin:0 11px 11px 0; border:1px solid #a6a5a5; background-color: #ffffff; border-radius:10px;}
/* .main_wrap .cont4 .info_list_area .list li:nth-child(5n) {margin: 0 0 11px;} */
.main_wrap .cont4 .info_list_area .list li &gt; a {display: block; padding: 14px 20px 16px;}
.main_wrap .cont4 .info_list_area .list li a .inner_box {}
.main_wrap .cont4 .info_list_area .list li a .inner_box .imgs {height: 50px; text-align: center;}
.main_wrap .cont4 .info_list_area .list li a .inner_box .imgs img {max-width: 189px; max-height: 50px;}
.main_wrap .cont4 .info_list_area .list li a .inner_box .title {height: 24px; margin: 9px 0 0; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_wrap .cont4 .info_list_area .list li a .inner_box .text {width:188px; height: 22px; margin: 3px 0 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 15px; line-height: 22px; color: #6b6b6b; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_wrap .cont4 .info_list_area .list li .btn_area {display: none;}
.main_wrap .cont4 .info_list_area .list li.on {}
.main_wrap .cont4 .info_list_area .list li.on .btn_area {display: block; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0;}
.main_wrap .cont4 .info_list_area .list li:hover {}
.main_wrap .cont4 .info_list_area .list li:hover .btn_area {display: block; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0;}
.main_wrap .cont4 .info_list_area .list li .btn_area a {display: inline-block; position: relative; width: 50%; background: rgba(9, 42, 78, 0.9); text-align: center; transition: all 0.3s;}
.main_wrap .cont4 .info_list_area .list li .btn_area a:first-child:after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.37);}
.main_wrap .cont4 .info_list_area .list li .btn_area a:hover {background: rgba(25, 110, 202, 1);}

.main_wrap .cont4 .info_list_area .list li .btn_area a .text {display: inline-block; padding: 0 0 0 19px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 12px; line-height: 37px; color: #ffffff;}
.main_wrap .cont4 .info_list_area .list li .btn_area a.view .text {background-image: url("https://www.sjstarton.or.kr/images/main/view2_icon.png"); background-position: 0 12px; background-repeat: no-repeat;}
.main_wrap .cont4 .info_list_area .list li .btn_area a.view  {border-bottom-left-radius:7px;}
.main_wrap .cont4 .info_list_area .list li .btn_area a.home  {border-bottom-right-radius:7px;}
.main_wrap .cont4 .info_list_area .list li .btn_area a.home .text {background-image: url("https://www.sjstarton.or.kr/images/main/home2_icon.png"); background-position: 0 10px; background-repeat: no-repeat;}
.main_wrap .cont4 {padding:70px 680px 70px; margin:0 -680px; background-color:#d8dcec;}

.main_wrap .cont5 .title_area {position: relative; text-align: center; margin-bottom:15px;}
.main_wrap .cont5 .title_area .title {font-family:"Recipekorea"; font-size: 34px; color:#000;}
.main_wrap .cont5 .title_area a.view {display: block; position: absolute; top: 50%; right: 0; width: 12px; height: 12px; margin: -6px 0 0; background-image: url("https://www.sjstarton.or.kr/images/common/view_icon.png"); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px;}
.main_wrap .cont5 .info_list_area {}
.main_wrap .cont5 .info_list_area .list {overflow: hidden; margin: 32px 0 -11px;}

.main_wrap .cont5 .info_list_area .list:after {clear: both; display: block; content: ""} 
.main_wrap .cont5 .info_list_area .list li {position: relative; float: left; margin:0 11px 11px 0; border:1px solid #a6a5a5; background-color: #ffffff; border-radius:10px;}
.main_wrap .cont5 .info_list_area .list li &gt; a {display: block; padding: 14px 20px 16px;}
.main_wrap .cont5 .info_list_area .list li a .inner_box {}
.main_wrap .cont5 .info_list_area .list li a .inner_box .imgs {height: 50px; text-align: center;}
.main_wrap .cont5 .info_list_area .list li a .inner_box .imgs img {max-width: 189px; max-height: 50px;}
.main_wrap .cont5 .info_list_area .list li a .inner_box .title {height: 24px; margin: 9px 0 0; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_wrap .cont5 .info_list_area .list li a .inner_box .text {width:188px; height: 22px; margin: 3px 0 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 15px; line-height: 22px; color: #6b6b6b; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_wrap .cont5 .info_list_area .list li .btn_area {display: none;}
.main_wrap .cont5 .info_list_area .list li.on {}
.main_wrap .cont5 .info_list_area .list li.on .btn_area {display: block; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0;}
.main_wrap .cont5 .info_list_area .list li:hover {}
.main_wrap .cont5 .info_list_area .list li:hover .btn_area {display: block; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0;}
.main_wrap .cont5 .info_list_area .list li .btn_area a {display: inline-block; position: relative; width: 50%; background: rgba(9, 42, 78, 0.9); text-align: center; transition: all 0.3s;}
.main_wrap .cont5 .info_list_area .list li .btn_area a:first-child:after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.37);}
.main_wrap .cont5 .info_list_area .list li .btn_area a:hover {background: rgba(25, 110, 202, 1);}

.main_wrap .cont5 .info_list_area .list li .btn_area a .text {display: inline-block; padding: 0 0 0 19px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 12px; line-height: 37px; color: #ffffff;}
.main_wrap .cont5 .info_list_area .list li .btn_area a.view .text {background-image: url("https://www.sjstarton.or.kr/images/main/view2_icon.png"); background-position: 0 12px; background-repeat: no-repeat;}
.main_wrap .cont5 .info_list_area .list li .btn_area a.view  {border-bottom-left-radius:7px;}
.main_wrap .cont5 .info_list_area .list li .btn_area a.home  {border-bottom-right-radius:7px;}
.main_wrap .cont5 .info_list_area .list li .btn_area a.home .text {background-image: url("https://www.sjstarton.or.kr/images/main/home2_icon.png"); background-position: 0 10px; background-repeat: no-repeat;}
.idx_calendar .ctrMm strong {font-family:"Recipekorea";}
.main_wrap .cont5 .schLst{border-top:0px;}

@media(min-width:768px){
.main_wrap .cont5 .right {float:right;width:44%;padding:30px 0 0}
.main_wrap .cont5 .schLst .left {float:left;width:54%;padding:30px; border:0;}
.main_wrap .cont5 .schLst .right .schTxWrap{position:relative; padding:30px; /*background-color: #f3f3f3;*/ border-left:2px solid #f3f3f3; height:437px; overflow-x:hidden;overflow-y:auto}
}


/*창업지원기관*/
@media (max-width: 515px){
	.main_wrap .cont4 .info_list_area .list li a .inner_box .text {width:316px;}
}

/* sns 시작 */
 #social { width:900px; margin-right:26px; display:inline-block;}
			#social .wrapper{position:relative;}
#social .wrapper:after{display: block;visibility: hidden;clear: both;content: '';}
#social .wrapper &gt; div{float: left;position: relative; width:32%;}

#social .wrapper .title{ width:100%; margin-bottom:16px;}
#social .wrapper .title p{font-size:16px;letter-spacing:-0.1em;text-align:center;}
#social .wrapper .title .link ul{text-align: center;}
#social .wrapper .title .link ul li{display: inline-block;width: 49px;height: 50px;background: url(../images/new_main/sns_bg.png);vertical-align: top;}
#social .wrapper .title .link ul li + li{margin-left:3px;}
#social .wrapper .title .link ul li a{display: block;width: 100%;height: 100%;font-size: 0;text-indent: -9999px;}
#social .wrapper .title .link ul .fb{background-position: 0 0;}
#social .wrapper .title .link ul .tw{background-position: -49px 0;}
#social .wrapper .title .link ul .bl{background-position: -98px 0;}
#social .wrapper .title .link ul .in{background-position: -148px 0;}
#social .wrapper .title .link ul .yt{background-position: -197px 0;}

#social .wrapper .box_wrap strong{display: block;margin-bottom: 5px;font-size: 0;text-indent: -9999px;}
#social .wrapper .box_wrap .insta{width: 121px;height: 31px;background: url(../images/new_main/insta_title.png)no-repeat;}
#social .wrapper .box_wrap .facebook{width: 107px;height: 31px;background: url(../images/new_main/facebook_title.png);}
#social .wrapper .box_wrap .youtube{width: 89px;height: 31px;background: url(../images/new_main/youtube_title.png);}

#social .wrapper &gt; .box_insta{overflow:hidden;margin-left:0;padding: 24px;background: #fff;border-radius: 7px;border: 2px solid #da3075;}
#social .wrapper .box_insta .grep .obj{overflow:scroll;max-height:213px;height: 100%;text-align: center;}
#social .wrapper .box_insta .grep .obj a{height: 90%;}
#social .wrapper .box_insta .grep .obj a:nth-child(1),#social .wrapper .box_insta .grep .obj a:nth-child(2),#social .wrapper .box_insta .grep .obj a:nth-child(3),#social .wrapper .box_insta .grep .obj a:nth-child(4),#social .wrapper .box_insta .grep .obj a:nth-child(5),#social .wrapper .box_insta .grep .obj a:nth-child(6),#social .wrapper .box_insta .grep .obj a:nth-child(7),#social .wrapper .box_insta .grep .obj a:nth-child(8),#social .wrapper .box_insta .grep .obj a:nth-child(9),#social .wrapper .box_insta .grep .obj a:nth-child(10){display:inline-block;width: 100%;}

#instagram {overflow: hidden;width: 100%;}
.instagram_item {float: left;width: 50%;padding-right: 1px; padding-bottom: 1px;}
.instagram_item &gt; a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
.instagram_item &gt; a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {width: 100%;padding: 0 7%;position: absolute;left: 0;top: 50%;font-size: 12px;font-weight: 400;text-align: left;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);}
.instagram_item &gt; a:hover:before {opacity: 1;}
.instagram_item &gt; a:hover p {opacity: 1;}
#social .wrapper &gt; .box_youtube{overflow:hidden;margin-left: 2%;padding:20px;background: #fff;border-radius: 7px;border: 2px solid #ff0000;}
#social .wrapper .box_youtube .grep .obj{width:100%; max-height:221px; overflow-x:hidden; overflow-y:scroll;border: 1px solid #d3cad7;}
#social .wrapper .box_youtube .grep .obj .sns_box{border-bottom: 1px solid #d3cad7; padding: 4px 2px; color: #3e3e3e;margin:6px 10px}
#social .wrapper .box_youtube .grep .obj .sns_box .youtb_date{color:#aaaaaa;font-size:11px;margin: 5px 0;}
#social .wrapper .box_youtube .grep .obj .sns_box .youtb_pic img{width:100%; height:auto;}
#social .wrapper .box_youtube .grep .obj .sns_box .youtb_text {margin:10px 0;font-weight:bold;}

#social .wrapper .box_facebook{margin-left: 2%;padding:24px;background:#fff;border-radius:7px;border: 2px solid #002d68;}
#social .wrapper .box_facebook .fb_box_sejong {overflow:scroll;max-height:212px;height: 100%;text-align: center;}
#social .wrapper &gt; div iframe #facebook ._2p3a{width: 100% !important}

@media (max-width: 1279px){
    #social .wrapper .box_insta .grep .obj{max-height: 276px}
}
@media (max-width: 1023px){
	#social { width:100%;}
    #social .wrapper:nth-child(1){padding:0;margin:0}
    #social .wrapper .title{overflow: hidden;float: none;position:static;width: 100%;}
    #social .wrapper &gt; div{float:none;width:100%;min-height: auto;margin: 0 0 20px;}
    #social .wrapper .title strong{width:280px}
    #social .wrapper .box_insta .grep .obj a{width: 20%;}
    #social .wrapper .box_youtube .grep .obj{max-height:400px;}
	#social .wrapper .box_facebook .fb_box_sejong{max-height:400px;}
	#social .wrapper &gt; .box_youtube, #social .wrapper .box_facebook {margin-left:0;}
}

/* sns 끝 */



/* // 분야별 지원사업 검색 CSS */
.layer {width: 100%; border: 1px solid #4583c8 !important;}
.layer &gt; div:first-child {overflow-x: hidden; overflow-y: scroll; height: auto !important;}
.layer &gt; div img {width: 100%;}
.layer &gt; div p {font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.layer .pop_btn_area {overflow: hidden; border-top: 1px solid #4583c8; padding: 7px; background-color: #4583c8;}
.layer .pop_btn_area .chk_each {}
.layer .pop_btn_area .chk_each label {font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff;}
.layer .pop_btn_area .chk_each .vchkbox {top: 4px;}
.layer .pop_btn_area .close {float: right;font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff;}


.main_contents  {padding-bottom:185px;}


/* 카드뉴스 */
.main-cardNews {display:inline-block;}
.main-cardNews .list_numb {position: absolute; right: 14px; bottom:25px; z-index: 2;}
.main-cardNews .list_numb a {display: inline-block;position: relative;top: 3px;vertical-align: middle;width: 12px;height: 21px;background-repeat: no-repeat;font-size: 0;}
.main-cardNews .list_numb a.prev {background-image: url('../images/new_main/btn_slide_prev.png');}
.main-cardNews .list_numb a.next {background-image: url('../images/new_main/btn_slide_next.png');}
.main-cardNews .list_numb span {display: inline-block;vertical-align: middle;font-size: 14px;margin: 0 11px;line-height: 24px;}
.main-cardNews .list_numb span em {position: relative;display: inline-block;vertical-align: middle;line-height: 24px;}
.main-cardNews .list_numb span .cur {font-weight: 800;}
.main-cardNews .list_numb span .cur:after {position: absolute; display: block; content: ""; width: 8px; height: 1px; bottom: 2px; background-color: #000;}
.main-cardNews {display: inline-block; vertical-align: top; float: none;}

.main-cardNews {position: relative; width: 267px; height:340px; margin-top:22px;}
.blogSection {margin-right: 35px;}
.blogSection:after,
.main-cardNews:after {position: absolute; display: block; content: ""; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid rgba(0,0,0,.2); box-sizing: border-box; z-index: 1;}
.blogSection {margin-bottom: 0;}


.cardNewsList {height:310px;position: relative; white-space: nowrap; z-index: 3;}
.cardNewsList .item {position: relative; display: inline-block; vertical-align: top; width: 269px; height: 310px; margin: 0; border: 0; border-radius: 0; float: none; z-index: 1;}
.cardNewsList .item:first-child {width: 267px; height: 310px;}
.cardNewsList .item:nth-child(-n+5) {display: inline-block;}
.cardNewsList .item a {display: block; width: 100%; height: 100%; padding: 1px;}
.cardNewsList .item a img {display: block; width: 100%;}
.cardNewsList .items {position: relative; display: inline-block; vertical-align: top; width: 269px; height: 310px; margin: 0; border: 0; box-sizing: border-box; border-radius: 0; float: none; z-index: 1;padding:2px;}
.cardNewsList .items:first-child {width: 267px; height:310x;}
.cardNewsList .items:nth-child(-n+5) {display: inline-block;}
.cardNewsList .items a {display: block; width: 100%; height: 100%; box-sizing: border-box; border-bottom: 0;}
.cardNewsList .items a img {display: block; width: 100%;}
.cardNewsTitle {display: block; margin: 0; margin-top:-15px;}
.cardNewsTitle h3 {height: auto; line-height: normal; padding-left: 0; background: none; font-size: 0;}

.cardNewsTitle h3 {padding-left: 16px;}

.cardNewsTitle h3 img {display: inline-block; vertical-align: top;}
.cardNewsTitle .cardnews_more {display: none;}

@media only screen and (max-width: 999px) {
.main-cardNews {width: calc(50% - 15px);height: 245px;}
.cardNewsList.slick-slider{width: 74.926253%; max-height: 243px;}
.cardNewsList {width: 68.926523%;}
.cardNewsList .items {height: auto;padding: 1px;}
.cardNewsList .items a {border: 0;}
.main-cardNews .list_numb {position:absolute; bottom:43px; left:18px;}
.main_wrap .cont4 .title_area {margin-top:20px;}
}

@media only screen and (max-width: 767px) {	
.cardNewsList {width: 100%;}
.main-cardNews {width: 100%; height: 211px; background:#fff;}
.blogList.slick-slider, .cardNewsList.slick-slider {width: 64.482758%;}
.cardNewsTitle {top:26px; left: 6.25vw; margin-top:30px; margin-left:15px;}

.cardNewsList.slick-slider {width: 100%; height:700px;}
	.cardNewsTitle {top: 26px;}
	.blogSection .list_numb,
	.main-cardNews .list_numb {bottom: 28px;left: 17.758621%; margin-left: -34.4375px;}
	.cardNewsList .items {padding: 1px;}
	.cardNewsList .items a {border: 0;}
	.cardNewsList .items a img { max-height: 209px;}

	.blogSection .list_numb span,
	.main-cardNews .list_numb span {margin: 0 8px;}
	.cardNewsList .items {width: 171px;}
	
}
/* 카드뉴스 끝 */



/* sns */
/* SNS 최근 목록 */

     .sns_area {display:inline-block; width:927px;}
		ul.snsList {overflow: hidden; min-height:345px; width:100%;}
		ul.snsList &gt; li {float: left; width:32%; margin: 0 1% 0 0;	}
		ul.snsList &gt; li:last-child {margin:0;}


		ul.snsList &gt; li {
			padding: 15px;
			background: #fff;
			border:1px solid #a6a5a5; box-sizing:border-box; border-radius:10px; height:270px;
		}

		
		/* SNS 최근 목록 끝 */

		/* 바로가기 배너 버튼 */
		ul.snsDlink {overflow: hidden; min-height: 20px; padding:15px 0 0 0;}
		ul.snsDlink &gt; li {
			margin: 0 1% 0 0%;
			float: left; width: 24%; border-radius: 5px;
		}

		ul.snsDlink &gt; li.dj01 {			
			background-image: linear-gradient(180deg, rgba(18,79,162,1) 0%, rgba(18,79,162,1) 58%, rgba(13,55,113,1) 58%, rgba(13,55,113,1) 100%);
		}
		ul.snsDlink &gt; li.dj02 {			
			background-image: linear-gradient(180deg, rgba(43,184,230,1) 0%, rgba(43,184,230,1) 58%, rgba(30,128,161,1) 58%, rgba(30,128,161,1) 100%);
		}
		ul.snsDlink &gt; li.dj03 {			
			background-image: linear-gradient(180deg, rgba(0,45,104,1) 0%, rgba(0,45,104,1) 58%, rgba(0,31,73,1) 58%, rgba(0,31,73,1) 100%);
		}
		ul.snsDlink &gt; li.dj04 {			
			background-image: linear-gradient(180deg, rgba(0,137,207,1) 0%, rgba(0,137,207,1) 58%, rgba(0,96,144,1) 58%, rgba(0,96,144,1) 100%);
		}

		ul.snsDlink &gt; li &gt; a {
			background-image: url(../images/main/icon_tot_sblink.png);
			background-repeat: no-repeat;			
		}
		ul.snsDlink &gt; li.dj01 &gt; a {background-position: -20px 0;}
		ul.snsDlink &gt; li.dj02 &gt; a {background-position: -20px -137px;}
		ul.snsDlink &gt; li.dj03 &gt; a {background-position: -20px -250px;}
		ul.snsDlink &gt; li.dj04 &gt; a {background-position: -20px -363px;}

		ul.snsDlink &gt; li &gt; a, ul.snsDlink &gt; li &gt; a &gt; span {display: block;}
		ul.snsDlink &gt; li &gt; a:hover {text-decoration: none;}

		ul.snsDlink &gt; li &gt; a &gt; span {color: #fff; padding:0 0 0 70px; text-align:center;}
		ul.snsDlink &gt; li &gt; a &gt; span.title {
			line-height: 47px;
			font-weight: 600; font-size: 1.2em; text-align:center;
		}
		ul.snsDlink &gt; li &gt; a &gt; span.subtitle {
			line-height: 34px;

		}
		

.feedEkList{width:450px; list-style:none outside none;background-color:#FFFFFF; border:1px solid #D3CAD7; padding:4px 6px; color:#3E3E3E;}
.feedEkList li{border-bottom:1px solid #D3CAD7; padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{font-weight:bold; color:#4EBAFF !important; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#AAAAAA;}

@media only screen and (min-width: 1200px){
	.main_wrap .cont2 {
		display:none;
	}
	.main_wrap .cont3 {
	    margin: 0 -680px;
	    padding: 50px 680px 40px;
	    background-color: #d8dcec;
	}
	.main_wrap .cont4 {
	    background-color: #ffffff;
	}
}

/*메인달력*/

.main-cal {
	width: 267px;
	height:340px;
}
.main-cal .title {
    width: 100%;
    height:50px;
    margin-bottom: 16px;
    text-align:center;
    line-height:50px;
    font-family: "Recipekorea";
    font-size: 24px;
}
@media only screen and (min-width: 1200px){
.main-cal {float: right;}
}
@media only screen and (max-width: 999px) {
.main-cal {width: calc(50% - 15px);height: 245px;}
}

@media only screen and (max-width: 767px) {	
.main-cal {width: 100%; height: 211px; background:#fff;}
	
}
.idx_cal {
	background-color:#fff;
    padding: 10px;
    border: 2px solid #009688;
    border-radius: 7px;
    height: 300px;
}
.idx_cal_icon {
	float:left;
	margin-right:2px;
	height:8px;
}
.idx_schCal_tbl td:after {clear: both; display: block; content: ""}

.idx_ctrMm{position:relative;width:50%;height:22px;margin:0 auto 20px;padding:0;}
.idx_ctrMm strong{position:absolute;top:10px;left:0;width:100%;font-weight:normal;font-size:1.3em;font-family:"Arial";line-height:1.25em;color:#111;text-align:center}
.idx_ctrMm .arrow a{display:block;float:left;position:relative;overflow:hidden;width:22px;height:22px;background:url(/images/common/cal_arr.gif) no-repeat;font-size:0;line-height:0;z-index:10}
.idx_ctrMm .prev a{background-position:0 0}
.idx_ctrMm .next {float:right;}
.idx_ctrMm .next a{background-position:0 -48px}

.idx_schCal_tbl{width:100%}
.idx_schCal_tbl.type2{margin-bottom:20px}
.idx_schCal_tbl th{padding:6px;border:1px solid #434547;border-color:#434547 #fff #a2a2a2;font-weight:bold;line-height:1.3em;vertical-align:middle;font-size:13px;}
.idx_schCal_tbl td{padding:2px;height:30px;border:1px solid #dfdfdf;border-right:0 none;color:#666;line-height:1.2em;vertical-align:top;font-size:13px;}
/* .idx_schCal_tbl td a{display:block; padding:2px;height:20px;} */
.idx_schCal_tbl.type2 td{height:90px}
.idx_schCal_tbl td:first-child{border-left:0 none}
/* .idx_schCal_tbl td div{margin-top:5px} */
.idx_schCal_tbl td a{display:block;}
.idx_schCal_tbl .sun{color:#c30c0c}
.idx_schCal_tbl .sat{color:#1473b5}
.idx_schCal_tbl .date{color:#454545}
.idx_schCal_tbl .toDay{background-position:52% -28px}
.idx_schCal_tbl .toDay a{color:#fff}
.idx_schCal_tbl .spDay{background-position:51% 6px}


.main-card-news {
	width: 267px;
	height:368px;
	overflow:hidden;
}
.main-card-news .title {
    width: 100%;
    height:50px;
    margin-bottom: 16px;
    text-align:center;
    line-height:50px;
    font-family: "Recipekorea";
    font-size: 24px;
}
@media only screen and (min-width: 1200px){
.main-card-news {float: right;}
}
@media only screen and (max-width: 999px) {
.main-card-news {width: calc(50% - 15px);height: 245px;}
}
@media only screen and (max-width: 767px) {	
	.main-card-news {width: 100%; height: 400px; background:#fff;}
}
.main-card-news .cardNewsList {
	height:300px;
	overflow: hidden;
    margin-left: 0;
    background: #fff;
    border-radius: 7px;
    border: 2px solid #ff9800;
    text-align:center;
}</pre></body></html>