@charset "utf-8";

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

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

/*.bimg {  width : 23%; }*/

.slidebanner{position:relative;height:40px;width:92%;max-width:1180px;overflow:hidden;display:inline-block;}
.slidebanner .bannerbox{position:absolute;margin:0;padding:0;width:100%;text-align:center;}
.slidebanner li{float:left;list-style:none;margin-left:10px}
.slidebanner li:first-child{margin:0}

.screen { width:26%;margin:3% 3%;display:inline-block; }

.mainvisual .slider .item{vertical-align:top; height:420px;border-radius: 5% / 5%; }

.dbanner button.prev {overflow:hidden; color:transparent; }
.dbanner button.prev {width:30px; height:30px; background:url(../images/main/prev.png) no-repeat; }
.dbanner button.next {width:30px; height:30px; overflow:hidden; color:transparent; }
.dbanner button.next {background:url(../images/main/next.png) no-repeat;}

/*비주얼*/
.cont_main {letter-spacing:-0.02em;margin : 0 auto;max-width:1260px;}
.mainvisual {position:relative; margin-bottom:0px;}
.mainvisual .nav {position:absolute; left:45%; margin-left:0px; bottom:10px; 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:15px auto 48px; overflow:hidden;}
.main_middle .m_notice {float:left; width:calc(100% - 650px); 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:28px; line-height:28px; 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;*/ height:420px;max-width:480px; position:relative;background-color:white;	border-radius: 5% / 5%;}
.main_middle .m_popup h3 {height:30px; font-size:23px; /*text-align:center;*/padding:0px 10px;display:none;}
.main_middle .m_popup .slick-dots {position:absolute; right:40px; top:10px; overflow:hidden;margin: 10px 10px;}
.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%;height:420px;border-radius: 5% / 5%;max-width:480px;}
.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;margin: 10px 10px;}
.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; height:425px;background-color:white;border-radius: 5% / 5%;}
.m_great h3 {font-size:24px; /*padding-bottom:20px;*/ padding:10px 10px;}
.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 2px; width:24%;display:inline-block; }
.m_great .item a {display:block; border:1px solid #FFFFFF; /*height:200px;*/ width:100%; margin-bottom:10px;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:100px; 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 {/*max-width:160px;*/ width:100%; height:100px; opacity:.95; transition: 0.3s;}
.m_great .item a:hover .img img {transform:scale(1.1);}
.m_great .item a .tit {display:block; margin:5px 2px 5px 2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; letter-spacing:-1px; text-align:center; }
.m_great .item a .txt {text-align: center; margin:5px 2px 10px 2px; min-height:35px; display:block; font-size:13px; 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;}







.header2 {
    max-width: 100%;
}

.header_menu {
    max-width: 1260px;;
		height:180px;
    margin: 0 auto;
}


.header_menu .box {
    padding: 5px;
    margin: 10px;
    font-size: 20px;
    text-align: center;
}

		.header_menu .box1 { background: #5c58ed; color:#FFF; font-weight: 600; background-image: url("/images/main/m1.png"); background-repeat : no-repeat; background-position : 20% 30%; background-size : 27px;}
		.header_menu .box2 { background: #5c58ed; color:#FFF; font-weight: 600; background-image: url("/images/main/m2.png"); background-repeat : no-repeat; background-position : 20% 30%; background-size : 27px; }
		.header_menu .box3 { background: #5c58ed; color:#FFF; font-weight: 600; background-image: url("/images/main/m3.png"); background-repeat : no-repeat; background-position : 20% 30%; background-size : 27px; }
		.header_menu .box4 { background: #5c58ed; color:#FFF; font-weight: 600; background-image: url("/images/main/m4.png"); background-repeat : no-repeat; background-position : 20% 30%; background-size : 27px; }


	.mbanner {
		width:33%;
		display:inline-block;
		margin:0;
		max-width:480px;
		height:420px;
	}

	.mmain {
		width:62%;
		display:inline-block;
		margin :10px 2%;
	}

	.quick {
		width:47%;
		display:inline-block;
		color:black;
		height:425px;
		float:left;
		background-color:white;
		border-radius: 5% / 5%;
	}
	.quick h3 {
	   padding : 10px 10px;
	}
	
	.mphoto {
		display:inline-block;
		width:48%;
		margin-left: 3%;
	}
	
	.dbanner {
		width :100%;
		background-color:white;
		max-width:1260px;
		margin: 10px auto;
		height: 50px;
	}
	
/* Tablet 1024px ~ 1199px */
@media screen and (max-width:1259px){
	/**************************************************
		Common
	**************************************************/
	.main_middle .m_popup h3 { display:inline-block;}
	#header .logo_wrap > .inr  { padding-top:0;}
	.main_middle .m_popup .slick-dots {top:-25px;}
	
	.main_middle .m_popup .slick-dots {margin:0;}
	.main_middle .m_popup .nav button {margin:0;}

	.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 {}
	.m_banner .inr { margin:0 30px;}
	.mbanner {
	    width:100%;
		max-width:none;
	}	
	.mmain {
		width:95%;
	}
	.main_middle .m_popup {
		float:none; 
		max-width:600px; 
		margin: 0 auto;
		height:100%;
	}
	.main_middle .m_popup .item img {
		max-width: 600px;
	}
	
	.quick {
		width:100%;
		color:black;
		float:none;
		height:100%;
		margin: 10px auto;
	}
	
	.mphoto {
		width:100%;
	}

}

@media (min-width: 1260px) {
		.header2 {
				background: #5c58ed;
				max-width: 100%;
		}


    .header_menu {
				height:58px;
        display: flex;
    }

		.header_menu .box1 { background: #5c58ed; color:#FFF; font-weight: 600; background-image: url("/images/main/m1.png"); background-repeat : no-repeat; background-position : 20% 30%; background-size : 10%;}
		.header_menu .box2 { background: #5c58ed; color:#FFF; font-weight: 600; background-image: url("/images/main/m2.png"); background-repeat : no-repeat; background-position : 20% 30%; background-size : 10%; }
		.header_menu .box3 { background: #5c58ed; color:#FFF; font-weight: 600; background-image: url("/images/main/m3.png"); background-repeat : no-repeat; background-position : 20% 30%; background-size : 10%; }
		.header_menu .box4 { background: #5c58ed; color:#FFF; font-weight: 600; background-image: url("/images/main/m4.png"); background-repeat : no-repeat; background-position : 20% 30%; background-size : 10%; }

		div.boxC { flex: 1; }
}



/* 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;}
	
	.quick {
		margin: 15px auto;
	}
}


/* 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:20px 10px; }
	.m_great h3 {margin-left:10px;}
	.m_great .nav {right:10px;}
	.m_great .item {}
	.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;}

	.mmain {
		margin :0 10px;
	}
	
	.main_middle .m_popup {
		margin: 10px 10px;
		max-width:none;
	}
	
	.main_middle .m_popup .item img {
		max-width:none;
	}
	
	.mbanner {
		height:320px;
	}
	
	.main_middle {margin:0;height:100%;}

	.main_middle .m_popup .item img {height:280px;}
	
	.quick {
	}
	.mphoto {
	}
	
	.m_great .item {
		width : 47%;
	}
	.m_great  {
		height: 100%;
	}	
	
	.slidebanner {
		width     : 80%;
		min-width : 320px;
	}
}
/* 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:14px; 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:584px){
	.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 240px; }

	.mainvisual .nav {position:absolute; left:30%; margin-left:0px; bottom:0px; z-index:50; min-width:258px;}
	.m_great .item a {
		width : 100%;
		margin-bottom  : 5px;
		padding-bottom : 5px;
	}
	
	.screen { 
		width:42%;

	}
	.dbanner .nav {position:absolute; left:30%; margin-left:0px; bottom:0px; z-index:50; min-width:258px;}

}