@charset "utf-8";
/*------------------------------------------------------------
|  Author:Free-Template.co
|  Author URL:https://free-template.co/
|  License:https://creativecommons.org/licenses/by/3.0/
|  License URL:https://creativecommons.org/licenses/by/3.0/
-------------------------------------------------------------*/
/* Base */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('../fonts/fontello/css/fontello.css');
/* @import url('../fonts/fontello/css/animation.css'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
	margin:0 auto;
	padding:0;
	overflow-x:hidden !important;
	background:#f8f8f8;
	line-height:1.4;
	color:#000;
	font-size: 16px;
	font-weight:500;
	font-family:'Noto Sans KR', sans-serif;
	font-size:1em;
	width:100%;
	color:#7367f0
}
::-moz-selection{background:#000;color:#fff}
::selection{background:#000;color:#fff}
a{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;text-decoration:none}
a:hover{text-decoration:none}
ul, ol{list-style:none;margin:0;padding:0}
/*h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{font-family:'Montserrat', sans-serif;word-break:keep-all !important}*/
h1.hidden{display:none}
input, textarea, select, button{font-family:'Noto Sans KR', sans-serif;font-weight:400}
input.ed, select.ed, textarea.ed{border:1px solid #ccc;border-radius:5px;background:#fff;padding:8px 15px;font-size:1.1em;line-height:1;width:100%;width:calc(100% - 30px);
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
textarea.ed{padding:15px;min-height:400px;line-height:1.4}
input.ed:focus, select.ed:focus, textarea.ed:focus{
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}
input.ed:disabled, select.ed:disabled, textarea.ed:disabled{background:#ddd}
input:-moz-placeholder{font-size:.8em;font-weight:400;color:#aaa}
input::-moz-placeholder{font-size:.8em;font-weight:400;color:#aaa}
input:-ms-input-placeholder{font-size:.8em;font-weight:400;color:#aaa}
input::-webkit-input-placeholder{font-size:.8em;font-weight:400;color:#aaa}
img{vertical-align:top;max-width:100%}
button{cursor:pointer}
input:focus, input:active, button:focus, button:active{outline:none}
.clear{clear:both}
.siteWrap{position:relative;margin:0 auto;width:100%;overflow-x:hidden !important}
.siteWrap:before{-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;background:rgba(0, 0, 0, 0.6);content:"";position:fixed;z-index:2000;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden}

#overlayer {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.loader {
    display: block;
    z-index: 99999;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -26px 0 0 -26px;
    font-size: 2.6em;
    color: #fff;
}

.loader img.infinite_rotate{
    animation: rotate_image 1s linear infinite;
    transform-origin: 50% 50%;
	width:80px;
}
 
@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}

header{position:fixed;margin:0 auto;z-index:1999;width:100%; background:rgba(10,10,10,0.7);
background-image: url(../images/imgnew/EUROGEN2.png);}
header.on{background:rgba(250,250,250,0.8);-webkit-box-shadow:-10px 0 20px -10px rgba(0, 0, 0, 0.2);-ms-box-shadow:-10px 0 20px -10px rgba(0, 0, 0, 0.2);box-shadow:-10px 0 20px -10px rgba(0, 0, 0, 0.2)}
header > div { margin:0 auto;/* width:1000px */}
header .site-logo{float:left;padding:14px 0 0 0}
header nav{float:right;/* margin-right:-25px */}
header nav>ul>li{float:left;padding:0 .8rem}
header nav>ul>li>a{position:relative;display:inline-block;padding:1.44rem 0;font-size:1.1rem;font-weight:400;color:#fff;}
header nav>ul>li>a:after{height:4px;border-radius:4px;background:#fff;content:"";position:absolute;top:0;left:0;right:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;}
header nav>ul>li>a:hover:after, header nav>ul>li>a.active:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
header.on nav>ul>li>a{color:#111111}
header.on nav>ul>li>a .gofarm {color:#F8F8F8}
header.on nav>ul>li>a:after{background:#3b86c5}
header nav .gofarm {
    background: #0b2f8ca3;
    padding: .3rem 1.2rem;
    border-radius: 1.2rem;
}
header nav .gofarm:hover {
    background: #1B46B3;
}
header .site-menu-toggle{display:none;position:absolute;color:#000;top:10px;right:20px}
header .site-menu-toggle i{font-size:2.6em;color:#fff;line-height:0}
header.on .site-menu-toggle i{color:#333}
.site-mobile-menu{overflow-y:auto;width:300px;position:fixed;top:0;right:0;z-index:2000;background:rgba(0,0,0,.7);height:calc(100vh);-webkit-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);-webkit-box-shadow:-10px 0 20px -10px rgba(0,0,0,.1);box-shadow:-10px 0 20px -10px rgba(0,0,0,.1);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.site-mobile-menu-body .site-nav-wrap>li{display:block;margin:0 30px;padding:10px 0}
.site-mobile-menu-body .site-nav-wrap>li>a{position:relative;font-size:1.4em;color:#fff;min-width:60%}
.site-mobile-menu-body .site-nav-wrap >li>a:after{height:2px;background:#00a199;content:"";position:absolute;bottom:-2px;left:0;right:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.site-mobile-menu-body .site-nav-wrap>li>a:hover, .site-mobile-menu-body .site-nav-wrap>li>a.active{color:#00a199;position:relative}
.site-mobile-menu-body .site-nav-wrap>li>a:hover:after, .site-mobile-menu-body .site-nav-wrap>li>a.active:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.site-mobile-menu-close{font-size:2.6em;text-align:right;padding:10px 20px 0 0;color:#fff}
.site-mobile-menu-close>a{color:#fff}
.site-mobile-menu-close .icon-close2:before{font-weight:normal}
.offcanvas-menu .site-mobile-menu{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}

section {margin:0 auto; padding-top:71px; word-break:keep-all}
.centerWrap { width:100%; max-width:1200px; margin:0 auto; }

#home {position:relative; color:#fff}
#home video { width: 100%; height: calc(100vh - 56px); object-fit : cover; }
#home:after {
    position: absolute;
    /* top: 0; */
    left: 0;
	bottom:108px;
    width: 100%;
    height: calc(100% - 108px);
    background-color: #05091C;
    opacity: 0.35;
    content: '';
}

#home .txt01{ 
	position:absolute; z-index:5; bottom:0;
	margin: auto;
    left: 0;
    right: 0;
    top: 0;
    display: table;
    width: 60%;
	font-size:1.22em;
	text-shadow: 1px 1px 1px #000;
/*margin:0 auto;padding-top:220px;width:80%;text-align:center;font-size:1.22em;font-weight:300*/}
#home .txt01 h1{
	text-shadow: 1px 1px 2px #000;margin:0;
	font-family:'Poppins';font-weight:700; font-size:2rem;}
#home .txt01 h2{
	text-shadow: 1px 1px 2px #000;margin:0;
	font-family:'Poppins';font-weight:400; font-size:2rem;}

#home > .bottom { 
	position:absolute;bottom:5px;width:100%;max-width:100%;
	margin:0 auto;padding:30px 0;
	background:rgba(0,0,0,.4);
	/* border-top:1px solid #fff */
}
#home > .bottom > ul {
	margin:0 auto;width:1000px;max-width:94%;
	display:flex; flex-wrap: wrap; justify-content: space-evenly;
}
#home>.bottom>ul:after{content:'';clear:both;display:block;visibility:hidden}
#home > .bottom > ul > li {
	/* float:left;width:50%;margin:0 auto;text-align:center; */
	flex-basis: 200px;
	flex-shrink: 1; /* 기본값 */
	/* margin-bottom: 10px; */
}
#home > .bottom > ul > li:first-child { text-align:right; }
#home>.bottom>ul>li>a{display:inline-block;padding:0 0 0 60px;text-align:left;color:#fff}
#home>.bottom>ul>li>a .web { display:inline-block;}
#home>.bottom>ul>li>a .mobile { display:none;}
#home>.bottom>ul>li>a.home{background:url('../images/icon01.png') 0 50% no-repeat}
#home>.bottom>ul>li>a.farm{background:url('../images/icon02.png') 0 50% no-repeat}

#vision { color: #111; }
#vision h3 { font-family: 'Poppins';
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0;
}
#vision .vision_contents .vcontent { display:none; width:88%; margin:0 auto;}
#vision .vision_contents .vcontent.active { display:block; }
#vision .vision_contents .vcontent p { margin-top:0.5rem; font-family:'Noto Sans KR', sans-serif;}
#vision .vision_contents .vcontent img.icon { width:2.5rem; height:auto }

#vision .carousel {
  background: #FAFAFA; color:#fff;
}

#vision .carousel-cell {
  margin-right: 20px;
  overflow: hidden;
}

#vision .carousel-cell img {
  height: 200px;
  object-fit: cover;
}

#abrwrap { 
	overflow:hidden; 
	background: linear-gradient(to right, #E9EBF4 0%, #F5F6FA 100%);
	padding:5rem 0;
	margin-top:5rem;
}
#abrwrap .abrtabmenu { width:100%; max-width:1100px; margin:0 auto 1rem;}
#abrwrap .abrtabmenu .menutab { 
	display:inline-block; width:5rem; font-size:1.8rem; color:#D9DEE9;
	border-bottom:2px solid #D9DEE9;
	text-align:center;
	cursor:pointer;
}
#abrwrap .abrtabmenu .menutab.biotab { margin:0 2rem }
#abrwrap .abrtabmenu .menutab.active { 
	color:#111111;
	border-bottom:2px solid #111111;
}


#abrimg_carousel { width: 50%; float:left; }
#abrtext_carousel { width: calc(48% - 6rem); margin-right:6rem; float:right; }
#abrtext_carousel .texttab { color:#111111; }
#abrtext_carousel .texttab .textwrap { position:absolute; bottom:0 }

#abrtext_carousel .texttab .cntstitle { font-size:1.3rem; }
#abrtext_carousel .texttab .cntsubtitle { color:#0B2F8C; font-size:1.1rem; margin:0.5rem auto 1rem;}
#abrtext_carousel .texttab .cntstext { line-height:1.6rem; }

/*
#abrwrap .abrtabcontents, #abrwrap .abrtabtext { width: 50%; float:left; }
#abrwrap .abrtabcontents .leftimg, 
#abrwrap .abrtabcontents .rightcnts { }
#abrwrap .abrtabtext .texttab { display:none; }
#abrwrap .abrtabtext .texttab.active { display:block; }
*/

#abrimg_carousel .carousel-cell {
  width: 100%;
  height: 400px;
  margin-right: 10px;
  counter-increment: carousel-cell;
}
#abrimg_carousel .carousel-cell img {
	width:auto;
    height:400px;
    object-fit: cover;
}

#abrtext_carousel .carousel-cell {
  width: 100%;
  height: 400px;
  margin-right: 10px;
  counter-increment: carousel-cell;
}

#jepum { clear:both; color:#fff; }
#jepum h1 { color:#111; }
#jepum .jepumIn { width:calc(33.33333% - 1rem); float:left; }
#jepum .jepumIn1 { }
#jepum .jepumIn2 { margin-left:1.5rem; }
#jepum .jepumIn3 { float:right; }
#jepum .jepumIn .prwrap { width: 100%; height:0; background:#eee;}
#jepum .jepumIn1 .prwrap { padding-bottom:calc(200% - 1rem); }
#jepum .jepumIn2 .prwrap, .jepumIn3 .prwrap { padding-bottom:calc(100% - 1.6rem); }
#jepum .jepumIn .prwraptop { margin-bottom:2rem; }

#jepum .prwrap { position:relative; width: calc(100% - 1rem);
    margin: 0 auto;}
#jepum .prwrap .bgimg img { width:100%; height:auto;}
/* #product .prwrap { object-fit:fill; } */
#jepum .prwrap .prtop { 
	width:calc(100% - 3.2rem);
	position:absolute; top: 1.6rem;
    left: 1.6rem;
}
#jepum .prwrap .prtop .prtitle { font-size:1.2rem; margin-bottom:0.5rem;}
#jepum .prwrap .prtop .prtext { line-height:1.8rem;}

#jepum .prwrap .prbottom { position:absolute; bottom:1rem; right: 1.2rem; }
#jepum .prbottom { text-align:right }
#jepum .dnbtn a{ cursor: pointer; color:#0B2F8C; background:#F8F8F8; display:block; 
	background-image: url('../images/icons/download1.png');
	background-position: 90%;
	background-repeat: no-repeat;
	padding: 0.5rem 3rem 0.5rem 1.5rem; margin-bottom:0.7rem; 
	font-size:0.8rem; border:1px solid #5D74B3;}
#jepum .dnbtn a:hover { color:#F8F8F8; background:#0B2F8C; display:block; 
	background-image: url('../images/icons/download2.png');
	background-position: 90%;
	background-repeat: no-repeat;
	padding: 0.5rem 3rem 0.5rem 1.5rem; margin-bottom:0.7rem; 
	font-size:0.8rem; border:1px solid #5D74B3;}
#jepum .dnbtn img { margin-left:2rem;}

/* Company History */
#history { clear:both; color:#111111;}
#history .textwrap { border-bottom:1px solid #AEB9D1; padding-bottom:2rem;}
#history .historyWrap { width:96%; min-width:480px; 
	overflow:hidden; position:relative; margin:2.5rem auto;
}

#history .historyWrap img.lefthdash { position:absolute; height:100%; width:2px; left:7px; top:16px; }
#history .historyWrap img.centerhdash { position:absolute; height:100%; width:2px; left:calc(50% + 7px); top:16px;}
#history .historyWrap .cateli { width:50%; float:left; color:#0B2F8C; padding-bottom:20px;}
#history .historyWrap .cateli:nth-last-child(1) { padding-bottom:0 }
#history .historyWrap .cateli:nth-last-child(2) { padding-bottom:0 }
#history .historyWrap .cateli .itemlist { display:block; float:left; }
#history .historyWrap .cateli .itemlist.itemdot { position:relative; top:16px; 
	z-index:5; width: 16px; background: #F8F8F8;
    display: block;
    height: 16px;
    border-radius: 50%;}
#history .historyWrap .cateli .itemlist.itemdot .itemdotin {position:absolute; top:5px; left:5px; 
	width: 6px; background: #0B2F8C;
    display: block;
    height: 6px;
    border-radius: 3px;}
#history .historyWrap .cateli .itemlist.itemyear { 
	width: 100px; color:#0B2F8C; font-size: 2rem;
    font-weight: 700; padding: 0 0 0 .9rem; }
#history .historyWrap .cateli .itemlist.hiscontents { 
	width: calc(100% - 150px);
	/* background: linear-gradient(to left, #E8F8F8, #EFF1FB); */
	background: linear-gradient(to right, #eff1fb 0%, #f8f8f8 68.81%);
	border-left:2px solid #0B2F8C; 
	padding:12px 8px 12px;
	font-size:0.9em;
}

#patentevidence { clear:both; overflow:hidden; margin-bottom:5rem; color:#111111;}
#patentevidence .textwrap { padding-bottom:2rem;}

#patentevidence .listul .listli { width:20%; float:left; }
#patentevidence .listul .listli img { margin:0 auto; width:100%;}

#contact { clear:both; background:#0B2F8C;padding-top:0; padding-bottom:2rem; }
#contact .maxwidth, #contact .maxwidth a {color:#F8F8F8;}
#contact .maxwidth.maxwidthtop {border-bottom: 2px solid #dededeaa;}
#contact .maxwidth.maxwidthmid {border-top: 1px solid #dededeaa; border-bottom: 1px solid #dededeaa;}
#contact .maxwidth .incenterwrap {
	position:relative;
	width:100%; max-width:1100px; margin:0 auto;
}
#contact .maxwidth .incenterwrap h2 {
	padding-top: 1rem;
	margin-bottom: 0;
	background:url('../images/imgnew/EUROGEN2.png') no-repeat;
	background-size: contain;
	background-position-y: bottom;
    height: 8rem;
    line-height: 8.2rem;
    font-size: 1.6rem;
}
#contact .maxwidth .incenterwrap .tabfirst { display:inline-block; width: 8rem; }
#contact .maxwidth .incenterwrap .tabsecond {letter-spacing:.2rem;}

#contact .maxwidth .incenterwrap .infotitle { line-height:4.6rem; }
#contact .maxwidth .incenterwrap .infoicon {margin-right:1rem;}
#contact .maxwidth .incenterwrap .infoicon img {vertical-align: middle; }
#contact .maxwidth .incenterwrap .linkinfo {
	position:absolute;
	right:5rem;
	top:1.3rem;
    display: block;
    background: #F8F8F8;
    background-image: url(../images/icons/arrow1.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    width: .9rem;
    height: .9rem;
    padding: 0.5rem;
	cursor:pointer;
}
#contact .maxwidth .incenterwrap .linkinfo:hover {
	background-image: url(../images/icons/arrow2.png);
}
#contact .mapView {display:none;}
#contact .mapView.active {display:block;}
#contact .mapWrap{width:100%;}
#contact .mapWrap>#map{margin:0 auto;width:100%;height:30rem;}
#contact .mapWrap>.sns{margin-top:40px;text-align:center}
#contact .mapWrap>.sns button{margin:0 8px;border:0;width:50px;height:49px}
#contact .mapWrap>.sns button.talk{background:transparent url('../images/btnTalk.png') 50% 0 no-repeat}
#contact .mapWrap>.sns button.weChat{background:transparent url('../images/btnWeChat.png') 50% 0 no-repeat}
#contact .mapWrap>.sns button.mail{background:transparent url('../images/btnMail.png') 50% 0 no-repeat}

#coworkcompany { clear:both; padding-top:1.5rem; padding-bottom:0; }

#coworkcompany .simply-scroll {
    width: 100%;
    height: 120px;
    margin-bottom: 0;
}
#coworkcompany .simply-scroll .simply-scroll-clip {
    width: 100%;
    height: 120px;
}

#coworkcompany .simply-scroll .simply-scroll-list li {
    float: left;
    width: 200px;
    height: 120px;
}









footer {color:#111111; padding-bottom:5rem;}
footer .incenterwrap {position:relative; width:100%; max-width:1100px; margin:0 auto;}
footer .copy { position: absolute;
    right: 0;
    bottom: -0.5rem;
	font-size: 0.8rem;
}
footer .footerlogo { margin-bottom: 1.5rem; }
footer .footertext { line-height:1.6rem; }

/* 소형모바일 */
@media (max-width:576px){
	body { font-size: 14px; }
	/* body{font-size:.7em}
	    #home .bottom>ul>li>a.home, #home .bottom>ul>li>a.farm{padding:0 0 0 40px} */
	.centerWrap { width:calc(100% - 14px); max-width:1200px; margin:0 auto; }
	section { padding-top:56px; }
    header nav{display:none}
    header .site-logo { padding:8px 0 8px 20px}
    header .site-menu-toggle{display:block}
    /* header .site-menu-toggle{top:18px} */
    .site-mobile-menu-body .site-nav-wrap>li>a{font-size:1.6em}
	#home:after {
		bottom: 61px;
		height: calc(100% - 61px);
	}

	#home .txt01 {
		width:80%;
		font-size: 1rem;
		font-weight:300;
		/* background: rgba(0, 0, 0, .4);
		        border-radius: 10px;
		        padding: 15px 15px;
		        border: 1px solid #F8F8F855; */
		/* top:46px; */
	}
	#home .txt01 h1 {
		font-weight: 400;
		font-size: 1.8rem;
	}
	#home .txt01 h2 {
		font-weight: 300;
		font-size: 1.6rem;
	}

	#home > .bottom { 
		padding: 12px 0;
        /* bottom: 4px;*/
        background-image: url(../images/imgnew/EUROGEN2.png);
	}
	#home > .bottom > ul > li { flex-basis: 150px;}

	#home > .bottom > ul > li > a.home {
		background: url(../images/icon01.png) 0 50% no-repeat;
		background-size: 1.2rem;
	}
	#home > .bottom > ul > li > a.farm {
		background: url(../images/icon02.png) 0 50% no-repeat;
		background-size: 1.2rem;
	}
	#home>.bottom>ul>li>a .web { display:none;}
	#home>.bottom>ul>li>a .mobile { display: inline-block;
        width: 130px; font-size:1rem; padding:5px 0;
        margin-left: -2rem;}

	#abrwrap {
		padding: 2rem 0;
		/* margin-top: 5rem; */
	}

	#abrimg_carousel, #abrtext_carousel { width: 100%; float:none; }
	#abrimg_carousel .carousel-cell {height:280px; }
	#abrtext_carousel .carousel-cell { height:280px; }
	#abrtext_carousel .texttab .textwrap {top: 1.6rem;}
	#vision .vision_contents { height:12rem; }
	#vision .vision_contents .vcontent { width:92%;}
	#vision h3 {
		font-weight: 600;
		font-size: 1.3rem;
	}
	#history .historyWrap .cateli {
		width: 100%;
		clear:both;
		padding-bottom: 20px;
	}
	#history .historyWrap .cateli .itemlist.hiscontents {
		width: calc(100% - 210px);
	}
	#history .historyWrap .cateli .itemlist.itemyear {width: 80px; color:#0B2F8C; font-size: 1.6rem; line-height:2.8rem}
	/* #history .historyWrap .cateli:nth-last-child(1) { padding-bottom:20px } */
	#history .historyWrap .cateli:nth-last-child(2) { padding-bottom:20px }
	#history .historyWrap img.centerhdash { display:none; }

	#jepum .jepumIn { width:100%; clear:both; margin-left:0 }
	#jepum .jepumIn1 { }
	#jepum .jepumIn2 .prwrap.ictsmell { padding-bottom: calc(100% - 1.2rem);}
	/*
	#jepum .jepumIn3 { clear:both; width: 100%; margin-top:1.6rem;}
	#jepum .jepumIn3 .prwrap { float:left; width:calc(50% - 1rem); padding-bottom:calc(50% - 2.1rem); }
	#jepum .jepumIn3 .prwrap.ictcool {float:right; }
	*/
	#jepum .jepumIn3 .prwrap { clear:both; width:100%; padding-bottom:calc(100% - 1.6rem); }
	#jepum .jepumIn3 .prwrap.ictcool {clear:both; }
	#jepum .jepumIn .prwraptop {
		margin-bottom: 0.3rem;
	}

	#patentevidence .listul .listli { width:50%; float:left; }
	#patentevidence {
	    margin-bottom: 1rem;
	}
	/*
	#contact {
		padding-top: 56px;
		padding-bottom: 2rem;
	}
	*/
	#contact .maxwidth .incenterwrap h2 {
		padding: 0.5rem 0 0.4rem 1rem;
		margin-bottom: 0;
		height: 4rem;
		line-height: 4rem;
		font-size: 1.3rem;
	}
	
	#contact .maxwidth .incenterwrap {
		margin: 0 auto 1.5rem;
	}
	#contact .maxwidth .incenterwrap .linkinfo { top:.8rem }
	#contact .maxwidth:nth-child(1) .incenterwrap {
		margin: 0 auto;
	}

	#contact .maxwidth .incenterwrap .tabfirst {
		display: block;
		width: 8rem;
		margin-left:1rem;
	}
	#contact .maxwidth .incenterwrap .tabsecond {
		display: block;
		margin-left:3rem;
	}
	#contact .maxwidth .incenterwrap .infotitle {
		line-height: 3.4rem;
	}
	
    footer{font-size:1.1em; padding: 0 0 5rem 1rem;}
    footer > div > dl{float:none;margin:0 0 10px 0 !important}
	footer .copy {
		position: unset;
		font-size: 1rem;
		margin-top: 2.5rem;
	}
}

/* 일반모바일 */
@media (min-width: 577px) and (max-width: 767px) {
    #home .txt01{/* padding-top:200px;width:100% */}
    #home>.bottom>ul>li>a.home, #home>.bottom>ul>li>a.farm{background-size:auto 100%;padding:0 0 0 50px}

    header .site-logo { padding:15px 0 16px 20px}
    header nav{display:none}
    header .site-menu-toggle{display:block}
    #home{}
	#vision .carousel-cell img {
		height: 300px;
	}
	#abrimg_carousel, #abrtext_carousel { width: 100%; float:none; }
	#abrimg_carousel .carousel-cell { height:400px; }
	#abrtext_carousel .carousel-cell { height:240px; }
	#abrtext_carousel .texttab .textwrap {top: 1.6rem;}
	#abrimg_carousel .carousel-cell img {height: fit-content;}
	#contact .maxwidth .incenterwrap h2 {
		padding: 0.5rem 0 0.4rem 1rem;
		margin-bottom: 0;
		height: 4rem;
		line-height: 4rem;
		font-size: 1.3rem;
	}
	
	#contact .maxwidth .incenterwrap {
		margin: 0 auto 1.5rem;
	}
	#contact .maxwidth .incenterwrap .linkinfo { top:.8rem; right:3rem; }
	#contact .maxwidth:nth-child(1) .incenterwrap {
		margin: 0 auto;
	}

	#contact .maxwidth .incenterwrap .tabfirst {
		display: block;
		width: 8rem;
		margin-left:1rem;
	}
	#contact .maxwidth .incenterwrap .tabsecond {
		display: block;
		margin-left:3rem;
	}
	#contact .maxwidth .incenterwrap .infotitle {
		line-height: 3.4rem;
	}

	#vision .vision_contents .vcontent { width:86%;}
	#history .historyWrap .cateli {
		width: 100%;
		clear:both;
		padding-bottom: 20px;
	}
	#history .historyWrap .cateli:nth-last-child(2) { padding-bottom:20px }
	#history .historyWrap img.centerhdash { display:none; }
	
	#jepum .jepumIn { width:calc(50% - 1rem); }
	#jepum .jepumIn1 { }
	#jepum .jepumIn2 { float:right; margin-left:0; }
	#jepum .jepumIn3 { clear:both; width: 100%; margin-top:1.6rem;}
	#jepum .jepumIn3 .prwrap { float:left; width:calc(50% - 1rem); padding-bottom:calc(50% - 2.245rem); }
	#jepum .jepumIn3 .prwrap.ictcool {float:right; }

	#patentevidence .listul .listli { width:20%; float:left; }

	footer{font-size:.9em}
    footer>div>dl{margin:0 0 0 40px}
    footer>div>dl>dd{padding-left:20px}
    footer>div>dl>dd:before{left:9px}

}

/* 테블릿 */
@media (min-width: 768px) and (max-width: 992px) {
	#vision .carousel-cell img {
		height: 360px;
	}
	#coworkcompany .carousel-cell img {
	height:100px;
	}
	#vision .vision_contents .vcontent { width:72%;}

	#jepum .prodIn { width: 50%; }
	#contact .maxwidth .incenterwrap .linkinfo { right:1rem; }
}

/* 데스크탑 일반 */
@media (min-width: 993px) and (max-width: 1199px) {
	#vision .carousel-cell img {
		height: 460px;
	}
	#coworkcompany .carousel-cell img {
	height:110px;
	}
	#vision .vision_contents .vcontent { width:76%;}
	#patentevidence .listul .listli { width:20%; float:left; }
}

/* 데스크탑 대형 */
@media (min-width: 1200px) {
	#vision .carousel-cell img {
		height: 572px;
	}
	#coworkcompany .carousel-cell img {
	height:120px;
	}
}

/* %(부모요소), em(상위요소), rem(루트요소<html>) */