@charset "utf-8";

/**************************************************
	Main CSS Document
	IEETU Web Standardization Team
	2019-07-10
**************************************************/

/**************************************************
	Common
**************************************************/


.mainvisual .slider .item{vertical-align:top; height:400px;}


/*비주얼*/
.cont_main {letter-spacing:-0.02em;}
.mainvisual {position:relative; margin-bottom:50px;}
.mainvisual .nav {position:absolute; left:45%; margin-left:0px; bottom:100px; z-index:50; min-width:258px;}
.mainvisual .nav button {display:block; float:left; margin-right:12px;  width:36px; height:28px; overflow:hidden; color:transparent; }
.mainvisual .nav button.prev {width:30px; height:30px; background:url(../images/main/prev.png) no-repeat; }
.mainvisual .nav button.next {width:30px; height:30px; background:url(../images/main/next.png) no-repeat; }
.mainvisual .nav button.play {background-position:-100px top; width:42px; height:42px; display:none; margin-right:0; }
.mainvisual .nav button.pause {background-position:-72px top; width:42px; height:42px; display:none; margin-right:0; }
.mainvisual .nav button.active {display:block;}
.mainvisual .nav button.play { background:url(../images/main/play.png) no-repeat; margin-left:10px; margin-top:3px;}
.mainvisual .nav button.pause { background:url(../images/main/stop.png) no-repeat; margin-left:10px; margin-top:3px;}
.mainvisual .nav span {float:left; font-size:21px; letter-spacing:6px; margin-right:7px;}


/*상단 슬라이드*/
.main_top {min-height:530px; padding:50px 0 40px; background:url(/images/main/main_visual1.png) no-repeat center top; background-attachment: fixed; overflow:hidden;}
.main_top .inr {max-width:1260px; margin:0 auto; position:relative;}
.main_top .slickwrap {margin:0 -15px;}
.main_top .item { padding:0 15px; transition: 0.3s;}
.main_top .item:hover {filter:brightness(1.06);-webkit-filter:brightness(1.06);}
.main_top .item div {background:rgba(54,63,127,0.92); width:100%; padding-bottom:30px; margin-bottom:30px; transition: 0.3s;}
.main_top .item div:hover {box-shadow:0 5px 12px rgba(0,0,0,0.4);}
.main_top .item[data-category-type="행사네트워크"] div {background:rgba(54,63,127,0.92);}
.main_top .item[data-category-type="시설공간"] div {background:rgba(35,139,77,0.92);}
.main_top .item[data-category-type="멘토링컨설팅"] div {background:rgba(23,127,181,0.92);}
.main_top .item[data-category-type="공모전"] div {background:rgba(255,194,0,0.92);}
.main_top .item[data-category-type="공모전"] .kind {color:#000; background:rgba(255,255,255,0.25);}
.main_top .item[data-category-type="공모전"] .tit {color:#000;}
.main_top .item[data-category-type="공모전"] ul {border-bottom:1px dotted rgba(0,0,0,0.4);}
.main_top .item[data-category-type="공모전"] ul li {color:#000;}
.main_top .item .kind {line-height:49px; background:rgba(0,0,0,0.2); color:#fff; display:block; text-align:center;}
.main_top .item .tit {display:block; height:44px; overflow:hidden; text-align:center; margin:30px 10px; color:#fff; font-size:20px; line-height:1.1; word-break: keep-all;}
.main_top .item ul { margin:0 5px 0 20px; padding-bottom:20px; border-bottom:1px dotted rgba(255,255,255,0.4);}
.main_top .item ul li {position:relative; padding:5px 0 5px 40px; margin-bottom:6px; color:#fff; min-height:32px; letter-spacing:-0.8px;}
.main_top .item ul li:before {content:''; display:block; width:32px; height:32px; overflow:hidden; background:url(../images/main/ico_top.png) no-repeat; position:absolute; left:0; top:0;}
.main_top .item ul li.n2:before {background-position:0 -32px;}
.main_top .item ul li.n3:before {background-position:0 -64px;}
/*.main_top .item ul li.n2 {text-decoration:underline;}*/
.main_top .item .date {display:inline-block; padding:2px 8px; background:#0054ce; color:#fff; font-size:12px; border-radius:50px; margin-left:6px; position:relative; top:-1px;}
.main_top .item .date.blue { background:#0054ce;}
.main_top .item .date.red { background:#ee2e2e;  animation:reveal-bg6 2s linear infinite;}
.main_top .item .date.black { background:#313131;}
.main_top .item a {display:block; position:relative; width:186px; height:44px; line-height:44px; background:#000; text-align:center; border-radius:50px; color:#fff; font-size:15px; margin:30px auto 0; transition: 0.3s; background:linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); }
.main_top .item a:hover , .main_top .item a:focus { box-shadow:0 0 3px rgba(0,0,0,0.5); background:linear-gradient(-45deg, rgba(0,75,184,1) 0%, rgba(190,48,65,1) 100%); }
.main_top .item a:after {content:''; display:block; width:14px; height:7px; background:url(../images/main/ico_cursor.png) no-repeat; position:absolute; right:20px; top:19px; }
.main_top .item a:hover:after , .main_top .item a:focus:after { animation:reveal-btn 0.8s ease-in infinite; }
@keyframes reveal-btn{
	0%{ right:20px;}
	50%{ right:26px;}
	100%{ right:20px;}
}
.main_top .nav {display:block; text-align:center; }
.main_top .nav .prev { transition:0.3s; position:absolute; left:-101px; top:166px; width:61px; height:61px; background:url(../images/main/prevnext.png) no-repeat; text-indent:-9999px; overflow:hidden; transition: 0.3s;}
.main_top .nav .next { transition:0.3s; position:absolute; right:-101px; top:166px; width:61px; height:61px; background:url(../images/main/prevnext.png) no-repeat -61px top; text-indent:-9999px; overflow:hidden; transition: 0.3s;}
.main_top .nav .pause { width:29px; height:29px; overflow:hidden; text-indent:-999px; background:url(../images/main/playstop.png) no-repeat; margin-left:10px; display:none; }
.main_top .nav .play { width:29px; height:29px; overflow:hidden; text-indent:-999px; background:url(../images/main/playstop.png) no-repeat -29px 0; margin-left:10px; display:none;}
.main_top .nav .play.active , .main_top .nav .pause.active {display:inline-block;}
.main_top .nav .txt {color:#fff; font-size:16px; text-shadow:0 0 1px rgba(0,0,0,0.5); margin-right:10px;}
.main_top .nav .count {color:#fff844; font-size:16px; font-weight:bold; text-shadow:0 0 1px rgba(0,0,0,0.5);  }
.main_top .nav .prev:focus , .main_top .nav .next:focus {transform:rotateX(180deg);}


/*공지사항*/
.main_middle { max-width:1260px; margin:37px auto 48px; overflow:hidden;}
.main_middle .m_notice {float:left; width:calc(100% - 800px); padding-top:49px; position:relative;}
.main_middle .m_notice h3 {position:absolute; left:0; top:0;}
.main_middle .m_notice h3.n2 {left:125px;}
.main_middle .m_notice h3 a {display:block; position:relative; font-size:23px; font-weight:normal; color:#888;}
.main_middle .m_notice h3 a.sel {color:#00398c; font-weight:bold; }
.main_middle .m_notice h3 a.sel:after {content:''; display:block;  height:6px; /*background:#fff614; margin:-9px -3px 0;*/}
.main_middle .m_notice .panelWrap { position:relative; padding-top:23px;}
.main_middle .m_notice .panelWrap:before {content:''; display:block; width:100%; height:3px; background:#323778; background:linear-gradient(90deg, rgba(49,55,120,1) 30%, rgba(130,155,255,1) 100%); position:absolute; left:0; top:0;}
.main_middle .m_notice .panelWrap li {position:relative; height:22px; line-height:22px; margin-bottom:12px; padding:0 100px 0 12px;}
.main_middle .m_notice .panelWrap li:before {content:''; display:block; width:3px; height:3px; border-radius:3px; background:#00398c; position:absolute; left:0; top:13px;}
.main_middle .m_notice .panelWrap li a {display:block;  overflow:hidden; color:#222; white-space: nowrap; text-overflow: ellipsis;}
.main_middle .m_notice .panelWrap li a:hover:after { content:''; display:block; height:4px; background:#fff; background: linear-gradient(90deg, rgba(130,155,255,1) 30%, rgba(255,255,255,1) 70%); margin-top:-9px; transition: 0.3s;}
.main_middle .m_notice .panelWrap li a .type {color:#004bb8; padding-right:7px;}
.main_middle .m_notice .panelWrap li .btn {position:absolute; right:0; top:0; font-size:14px; display:block; width:108px; height:28px; line-height:28px; color:#fff; background:#888; border-radius:50px; text-align:center;}
.main_middle .m_notice .panelWrap li .btn.red { background:#ee2e2e; animation:reveal-bg6 2s linear infinite;}
.main_middle .m_notice .panelWrap li .btn.blue { background:#004bb8;}
.main_middle .m_notice .panelWrap li .btn.black { background:#313131;}
@keyframes reveal-bg6{
	0%{ filter:brightness(1);-webkit-filter:brightness(1);}
	50% {filter:brightness(1.3);-webkit-filter:brightness(1.3);}
	100% {filter:brightness(1);-webkit-filter:brightness(1);}
}
.main_middle .m_notice .panelWrap li .date {position:absolute; right:0; top:0;}
.main_middle .m_notice .panelWrap li.gray:before {background:#aaa;}
.main_middle .m_notice .panelWrap li.gray a {color:#888;}
.main_middle .m_notice .panelWrap li.gray a .type {color:#888;}
.main_middle .m_notice .panelWrap .more_btn {width:27px; height:27px; border:1px solid #b2b2b2; position:absolute; right:0; top:-46px; color:transparent; overflow:hidden; transition: 0.3s;}
.main_middle .m_notice .panelWrap .more_btn:before {content:''; display:block; width:1px; height:11px; background:#555; position:absolute; left: 12px; top:7px; transition: 0.3s;}
.main_middle .m_notice .panelWrap .more_btn:after {content:''; display:block; width:11px; height:1px; background:#555; position:absolute; left: 7px; top:12px; transition: 0.3s;}
.main_middle .m_notice .panelWrap .more_btn:hover { border:1px solid #888; box-shadow:0 0 3px rgba(0,0,0,0.2);}
.main_middle .m_notice .panelWrap .more_btn:hover:before  { transform: rotate(180deg);  background:#333;}
.main_middle .m_notice .panelWrap .more_btn:hover:after { transform: rotate(-180deg); background:#333;}


/*팝업존*/
.main_middle .m_popup {float:right; width:430px; position:relative;}
.main_middle .m_popup h3 {height:49px; font-size:23px;}
.main_middle .m_popup .slick-dots {position:absolute; right:40px; top:-39px; overflow:hidden;}
.main_middle .m_popup .slick-dots li {float:left; margin-left:9px;}
.main_middle .m_popup .slick-dots li button {display:block; width:14px; height:14px; border-radius:14px; background:#ccc; text-indent:-9999px; overflow:hidden; }
.main_middle .m_popup .slick-dots li.slick-active button {background:#333;}
.main_middle .m_popup .item {transition: 0.3s;}
.main_middle .m_popup .item img {width:100%;}
.main_middle .m_popup .item:hover {filter:brightness(1.2);-webkit-filter:brightness(1.2);}
.main_middle .m_popup .nav {position:absolute; right:0; top:3px;}
.main_middle .m_popup .nav button {width:27px; height:27px; border:1px solid #b2b2b2; text-indent:-999px; overflow:hidden; background:#fff url(../images/main/playstop2.png) no-repeat; display:none;}
.main_middle .m_popup .nav button.play { background-position:-25px 0;}
.main_middle .m_popup .nav button.active {display:block;}

/*퀵*/
.m_quick {border-top:1px solid #dfdfdf;}
.m_quick .inr {max-width:1260px; margin:0 auto; }
.m_quick ul {overflow:hidden; padding:22px 0px 26px;}
.m_quick ul li {float:left; width:20%;}
.m_quick ul li a {display:block; width:90%; margin:0 auto; text-align:center; font-size:17px; transition: 0.3s; position:relative;}
.m_quick ul li a:hover {color:#004bb8; text-decoration:underline;}
.m_quick ul li a:before {content:''; display:block; width:59px; height:61px; margin:0 auto 10px; transition: 0.3s; position:relative; top:0; z-index:2; }
.m_quick ul li a:hover:before {transform:rotateY(180deg); top:-3px;  animation:reveal-bg5 1s ease-in infinite;  }
@keyframes reveal-bg5{
	0%{ top:-3px; filter:brightness(1);-webkit-filter:brightness(1);}
	50% { top:3px; filter:brightness(1.1);-webkit-filter:brightness(1.1);}
	100% { top:-3px; filter:brightness(1);-webkit-filter:brightness(1);}
}
.m_quick ul li.n1 a:before { background-image:url(../images/main/quick01.png);}
.m_quick ul li.n2 a:before { background-image:url(../images/main/quick02.png);}
.m_quick ul li.n3 a:before { background-image:url(../images/main/quick03.png);}
.m_quick ul li.n4 a:before { background-image:url(../images/main/quick04.png);}
.m_quick ul li.n5 a:before { background-image:url(../images/main/quick05.png);}
.m_quick ul li.n6 a:before { background-image:url(../images/main/quick06.png);}

/*창업상담*/
.main_founded {height:258px; background:url(../images/main/main_visual3.png) no-repeat center bottom; background-attachment: fixed;}
.main_founded .inr {max-width:1260px; margin:0 auto; padding-top:45px; position:relative;}
.main_founded .inr .bg {content:''; display:block; width:362px; height:216px; background:url(../images/main/main_img01.png) no-repeat; position:absolute; right:170px; top:65px;}
.main_founded .inr p { color:#fff; font-size:17px; padding:15px 0 30px;}
.main_founded .inr a {display:block; width:208px; height:45px; line-height:43px; padding-left:20px; border:1px solid #fff; font-size:17px; color:#fff; border-radius:60px; background:url(../images/main/ico_cursor2.png) no-repeat 93% center; transition: 0.3s;}
.main_founded .inr a:hover {background:#fff url(../images/main/ico_cursor2_b.png) no-repeat 93% center; color:#333; animation:reveal-btn2 0.8s ease-in infinite; }
@keyframes reveal-btn2{
	0%{ background-position:93% center;}
	50%{ background-position:90% center;  }
	100%{  background-position:93% center;}
}

/*우수기업홍보관*/
.m_great {max-width:1260px; margin:46px auto 0; position:relative; overflow:hidden;}
.m_great h3 {font-size:24px; padding-bottom:20px;}
.m_great .nav {position:absolute; right:0; top:3px;}
.m_great .nav button { width:31px; height:31px; text-indent:-9999px; overflow:hidden; background:url(../images/main/prevnext2.png) no-repeat; float:left; display:block; margin-left:6px;}
.m_great .nav .next { background-position:-31px 0;}
.m_great .nav .pause { background-position:-62px 0; display:none;}
.m_great .nav .play { background-position:-93px 0; display:none;}
.m_great .nav button.active {display:block;}
.m_great .slickwrap {margin:0 -20px;}
.m_great .item { padding:0 20px; }
.m_great .item a {display:block; border:1px solid #d7d7d7; height:348px; margin-bottom:50px; transition: 0.3s;}
.m_great .item a:hover {border:1px solid #1454b1; box-shadow:0 3px 8px rgba(0,0,0,0.15);}
.m_great .item a .img {display:block; height:198px; margin:-1px; overflow:hidden; position:relative; background:#000;}
.m_great .item a .img.movie:before {content:''; display:block; width:44px; height:44px; background:url(../images/main/ico_movie.png) no-repeat; position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:-22px; z-index:2;}
.m_great .item a .img img {width:100%; min-height:198px; opacity:.95; transition: 0.3s;}
.m_great .item a:hover .img img {transform:scale(1.1);}
.m_great .item a .tit {display:block; margin:20px 12px 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; letter-spacing:-1px; }
.m_great .item a .txt {margin:0 12px; display:block; font-size:15px; color:#666;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.m_great .item a:hover .tit {color:#1454b1;}

/*t상담안내*/
.main02 {float:left; width:290px;margin-right:3%;}
.main02 .m_tel { margin-bottom:10px; margin-top:3px; }
.main02 .m_tel h3 {font-size:22px; height:35px;}
.main02 .m_tel .box {border:1px solid #d5d5d5; border-radius:10px; padding:15px 25px; position:relative;}
.main02 .m_tel .box:before {content:''; display:block; height:0px; background:#d5d5d5; position:absolute; left:25px; right:25px; top:73%;}
.main02 .m_tel .box strong {/*display:block;*/ font-size:16px; padding-bottom:6px;}
.main02 .m_tel .box span {height:33px; display:block; line-height:33px; position:relative; padding-left:42px; font-size:28px; color:#008aca; font-weight:bold; margin-bottom:34px;}
.main02 .m_tel .box span:before {content:''; display:block; width:33px; height:33px; background:url(../images/content/question_finish_img03.png) no-repeat; position:absolute; left:0; top:2px;}
.main02 .m_tel .box div:last-child span {color:#f4373dg}
.main02 .m_tel .box div:last-child span:before {background-image:url(../images/content/question_finish_img02.png);}
/*.main02 .m_tel .box a {display:block; line-height:45px; background:#bec1d6; border-radius:5px; text-align:center;}*/
//.main02 .m_tel a:after {content:''; display:inline-block; width:20px; height:20px; background:url(../images/main/loc_cursor.png) no-repeat; margin-left:6px; position:relative; top:4px;}

/*찾아오시는길*/
.main02 .m_location { border:1px solid #d5d5d5; border-radius:10px; height:165px; padding:15px 25px; position:relative; }
/*.main02 .m_location:before {content:''; display:block; width:18px; height:25px; background:url(../images/main/loc_bg.png) no-repeat; position:absolute; right:40px; top:51px;}*/
.main02 .m_location h3 { font-size:22px; padding-bottom:8px;}
.main02 .m_location p {font-size:14px; line-height:1.3; margin-bottom:22px;}

.main02 .m_tel a {display:block; line-height:40px; background:#00398c; border-radius:0px; text-align:center; margin-top: -6px;}
.main02 .m_location a {display:block; line-height:40px; background:#00398c; border-radius:0px; text-align:center;  margin-top: -6px;}
/*.main02 .m_location a:after {content:''; display:inline-block; width:20px; height:20px; background:url(../images/main/loc_cursor.png) no-repeat; margin-left:6px; position:relative; top:4px;}*/


/*배너*/
.m_banner {background:#e3e3e3;}
.m_banner .inr {max-width:1260px; margin:0 auto; padding:30px 0; position:relative; overflow:hidden;}
.m_banner .inr h3 {position:absolute; left:0; top:50%; margin-top:-15px; height:30px; line-height:30px; font-size:19px;}
.m_banner .nav {position:absolute; left:82px; top:50%; margin-top:-15px;}
.m_banner .nav button { width:31px; height:31px; text-indent:-9999px; overflow:hidden; background:url(../images/main/prevnext3.png) no-repeat; float:left; display:block; margin-left:6px;}
.m_banner .nav .next { background-position:-31px 0;}
.m_banner .nav .pause { background-position:-62px 0; display:none;}
.m_banner .nav .play { background-position:-93px 0; display:none;}
.m_banner .nav button.active {display:block;}
.m_banner .bannerzone {padding-left:195px;}
.m_banner .bannerzone div {font-size:0;}
.m_banner .bannerzone .item {padding-left:20px;}
.m_banner .bannerzone .item a {display:block; background:#fff; text-align:center; height:60px;}
.m_banner .bannerzone .item a img {height:60px; margin:auto;}


.quick_menu {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	max-width: 460px;
	padding:20px 0 0 0;
}

.quick_menu .qm {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	border-radius: 12px;
	text-decoration: none;
	line-height: 1.3;
}

.qm1 { background:#e35b2c; }   /* 강습신청 */
.qm2 { background:#3f6fb4; }   /* 프로그램안내 */
.qm3 { background:#3f6fb4; }   /* 알림마당 */
.qm4 { background:#3f6fb4; }   /* 나의 예약확인 */



/* Tablet 1024px ~ 1199px */
@media screen and (max-width:1259px){
	/**************************************************
		Common
	**************************************************/
	.main_top .item {width:320px !important;}
	.main_top .slickwrap {margin:0;}
	.main_top .nav .prev {position:inherit; left:inherit; top:inherit; width:29px; height:29px; background-size:58px 29px; margin-right:10px; }
	.main_top .nav .next {position:inherit; right:inherit; top:inherit; width:29px; height:29px; background-size:58px 29px; background-position:-29px 0; margin-left:10px; }
	.main_middle {margin:37px 30px 48px;}
	.main_founded .inr {margin:0 30px;}
	.main_founded .inr .bg {right:0px;}
	.m_great { margin:46px 15px 0;}
	.m_great h3 {margin-left:15px;}
	.m_great .nav {right:15px;}
	.m_great .slickwrap {margin:0;}
	.m_great .item {padding:0 15px;}
	.m_banner .inr { margin:0 30px;}


}



/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Main
	**************************************************/
	.main_top {padding:30px 0; height:inherit; background-size:cover; min-height:380px;}


	.main_middle .m_notice {width:100%;}
	.main_middle .m_popup { width:100%;}

	.main02 { width:100%; float:left;}
	.main02 .m_tel {float:left; width:100%;}
	.main02 .m_location {float:right; width:100%; margin-top:41px; height:194px;}
}


/* Mobile 640px ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		Main
	**************************************************/
	.main_top .item div {margin-bottom:12px;}
	.main_top .slick-slide {opacity:.6;}
	.main_top .slick-slide.slick-center {opacity:1;}
	.main_middle .m_notice {width:auto; float:none; margin-bottom:30px;}
	.main_middle .m_popup { width:auto; float:none;}
	.main_middle {margin:20px 20px;}

	.m_quick ul {padding-bottom:8px;}
	.m_quick ul li {margin-bottom:25px;}

	.main_founded {background-size:cover; background-position:center center; height:auto; }
	.main_founded .inr { padding-top:30px; padding-bottom:120px;}
	.main_founded .inr .bg {width:200px; height:110px; background-size:auto 110px; background-position:center bottom; top:inherit; bottom:-12px; right:50%; margin-right:-100px;}
	.main_founded h3 {text-align:center;}
	.main_founded h3 img {height:40px;}
	.main_founded .inr p {text-align:center; padding:10px 20px 20px; word-break:keep-all;}
	.main_founded .inr a {margin:0 auto; width:185px; padding-left:15px;}

	.m_great {margin:35px 10px 0px;}
	.m_great h3 {margin-left:10px;}
	.m_great .nav {right:10px;}
	.m_great .item {padding:0 10px;}
	.m_great .item a {height:auto; padding-bottom:40px;}
	.m_great .item a .img { height:175px;}
	.m_great .item a .img img {min-height:175px;}

	.m_banner .inr {margin:0 10px; padding:0 0 25px;}
	.m_banner .inr h3 {position:inherit; left:inherit; top:inherit; margin:0 10px 15px; padding:15px 0; border-bottom:1px solid #bbb; height:auto; line-height:1; }
	.m_banner .nav { left:inherit; right:10px; top:25px; transform:scale(0.75); margin-right:-15px;}
	.m_banner .bannerzone {padding:0 5px;}
	.m_banner .bannerzone .item {padding:0;}
	.m_banner .bannerzone .item a {margin:0 5px;}

	.main02 { width:auto; float:none;}
	.main02 .m_tel {width:auto; float:none; margin-bottom:15px;}
	.main02 .m_tel h3 {display:none;}
	.main02 .m_location {float:none; width:auto; margin-top:0; margin-bottom:40px;}
}
/* Mobile 320px ~ 639px */
@media screen and (max-width:580px){
	/**************************************************
		Main
	**************************************************/
	.main_middle .m_notice {padding-top:40px; margin-bottom:25px;}
	.main_middle .m_notice h3 a {font-size:21px;}
	.main_middle .m_notice h3.n2 {left:100px;}
	.main_middle .m_notice .panelWrap li {padding-right:90px; padding-left:10px; height:24px; line-height:24px; margin-bottom:8px;}
	.main_middle .m_notice .panelWrap li:before {top:11px;}
	.main_middle .m_notice .panelWrap li .btn { width:80px; height:24px; line-height:24px;font-size:12px;}
	.main_middle .m_notice .panelWrap .more_btn { top:-38px;}

	.main_middle .m_popup h3 {height:42px; font-size:21px;}
	.main_middle .m_popup .slick-dots {top:-33px;}


	.m_quick ul {padding-bottom:18px;}
	.m_quick ul li {margin-bottom:8px;}
	.m_quick ul li a {transform: scale(0.9)}

	.m_great h3 {font-size:21px; padding-bottom:13px;}
	.m_great .nav {transform: scale(0.75); margin-right:-15px; top:2px;}
	.m_great .item a {margin-bottom:30px;}
	.m_great .item a .img { height:135px;}
	.m_great .item a .img img {min-height:135px;}
	.m_great .item a .tit {font-size:16px; margin:15px 10px 10px;}
	.m_great .item a .txt {margin:0 10px;}


	.m_banner .bannerzone .item a {height:40px;}
	.m_banner .bannerzone .item a img {height:40px;}
}

@media screen and (max-width:580px){
	.m_great .item a .img { height:auto;}
	.m_great .item a .img img {min-height:inherit;}

	.mainvisual .slider .item{vertical-align:top; height:200px;}
	.mainvisual .slider .item{ vertical-align:top; background-repeat:no-repeat; background-position: center; background-size:auto 200px; }
}