/* 사용자 헤더 */
header {
	width: 100%;
	height: 97px;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	text-align: right;
	/* padding-right: 220px; */
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: rgba(255, 255, 255, 0.31);
  background-color: #ffffff4f;
}
header.header-fix {
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
  box-shadow: #8E8E8E 0px 2px 4px;
}
.pull {
  top: 130px !important;
}
.intro.header-fix {
  top: 130px;
}


header a.logo {
	width: 15%;
	max-width: 215px;
	margin-top: 10px;
	position: fixed;
	z-index: 1100;
}
header .logo img {
	width: 100%;
	padding-left: 20px;
}
header nav {
	position: fixed !important;
    top: 45px;
    right: 0;
    left: 30px;
    z-index: 1030;
		padding: 0 0 !important;
}
header nav ul {
	text-align: center;
	margin: 0 auto;
}
header nav ul li {
	text-align: center;
  width: 170px;
}
header nav ul li a {
	color: #030020;
	font-size: 20px;
	font-weight: 500;
}
input.search-input {
  margin-top: -10px;
	border-radius: 8px;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.menu-list {
	display: none;
	width: 100%;
	height: 275px;
	background-color: rgba(255,255,255,0.89);
  background-color: #ffffffe3;
	position: fixed;
	text-align: center;
	margin: 0 auto;
	border-top: 1px solid #d6d6d6;
	box-shadow: #8E8E8E 0px 2px 4px;
	top: 97px;
}
.menu-list.header-fix {
	background-color: #fff;
}
.bottom-menu {
	display: inline-block;
	width: 167px;
	height: 250px;
	padding-top: 15px;
	vertical-align: text-top;
	text-align: center;
}
.leftmenu {
	float: left;
}
.leftmenu img {
	float: left;
	width: 33%;
	margin-top: -30px;
}
.unav-dropdown:after {
	display: none;
}
.unav nav {
	/* box-shadow: none !important; */
}
.menu-box {
	max-width: 1300px;
	position: relative;
	margin: 0 auto;
    padding-left: 33px;
}
.menu-index {
	float: right;
	width: 70%;
	height: 100%;
	padding-top: 9%;
}
.menu-index > div {
	width: 60%;
	float: right;
	text-align: left;
}
.menu-index > div > p {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 40px;
	color: #565656;
}
.menu-index > div > span {
	font-size: 14px;
  font-weight: 500;
  color: #696767;
}
.rightmenu li a {
	width: 100%;
	display: inline-block;
	padding: 4.5%;
	color: #545454;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.2s;
}
.rightmenu li a:hover,
.rightmenu li a.selected {
	color: #0275d8;
	transition: all 0.2s;
	text-decoration-line: underline;
}








footer {
	width: 100%;
	background: #4b5965;
	color: #fff;
	display: inline-block;
	padding: 55px 0 40px 0;
	z-index: 999;
	position: relative;
	height: 280px;
	text-align: center;
	left: 0;
	bottom: 0;
}


/* 푸터 */
.footer-top {
	padding-bottom: 50px;
	border-bottom: 1px solid #fff;
}
.footer-top .phone {
	width: 50px;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.footer-top > span:first-of-type {
	font-size: 23px;
}
.footer-top > span:last-of-type {
	font-size: 18px;
	font-weight: 300;
}
.footer-bottom > div  {
	vertical-align: top;
	padding-top: 20px;
	font-size: 14px;
	font-weight: 300;
}
.footer-bottom .right {
	padding-left: 7%;
}





/* 사용자 메뉴바 */
.snb-cover {
	background-color: #fff;
	width: 220px;
	min-width: 220px;
	height: 100%;
	position: fixed;
	z-index: 99;
}

.snb {
	flex: 0 0 12em;
	order: -1;
}

.snb li {
	display: block;
	width: 100%;
	height: 100%;
}

.side-open {
	float: right;
	position: relative;
}
.snb-cover > p {
	font-size: 25px;
	padding: 0 50px 50px 50px;
	color: #91b8ef;
}
.snb-cover > ul > li > a {
	color: #1276ff;
	padding: 15px 25px;
	font-size: 15px;
	font-weight: normal;
	display: block;
	transition: all 0.3s;
}
.snb-cover > ul > li > a:hover,
.snb-cover > ul > li.active > a {
	background-color: #1276ff;
	color: #fff;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	transition: all 0.3s;
}

.snb ul li span {
	color: #343434;
	font-size: 13px;
	width: 100%;
	height: 100%;
	display: inline-block;
	padding-left: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
	/* line-height: 0em !important; */
	border-bottom: 1px solid #e0e0e0;
}

.snb ul li span:hover,
.snb ul li a:hover {
	color: #5284e7;
	font-weight: 500;
}

/* form style */
input[type=text],
input[type=password],
select {
	border: 0.7px solid #cccccc;
	padding: 3px;
	color: #343434;
	min-width: 135px;
	max-width: 340px;
	min-height: 32px;
	font-size: 12px;
	vertical-align: middle;
}

input[type=checkbox] {
	width: 16px;
	height: 16px;
}

.checklabel {
	vertical-align: top;
}



/* 메인컨텐츠 */

.main-container {
	width: 100%;
	height: 100%;
	min-width: 1100px;
	margin-top: 0;
	display: inline-block;
	position: relative;
	vertical-align: top;
	z-index: 10;
	overflow-x: hidden;
}
main > .row {
	height: 950px;
	margin: 0;
}
.container {
	/* max-width: 1200px; */
	padding: 0;
}
.scroll-icon {
	width: 30px;
	height: 55px;
	border: 1px solid #565d6c;
	color: #565d6c;
	border-radius: 30px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding: 13px;
}
.scroll-icon > span {
	position: absolute;
	margin-left: -12px;
	font-weight: 500;

	animation-name: scr;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;

}
 @keyframes scr {
    from {
 		top: 2px;
    }
    50% { top: 8px; }
    to {
        top: 17px;
       }
    }

/* 0. 인트로  */
.row.intro {
	width: 100%;
  margin: 0px auto;
  text-align: center;
  position: relative;
	z-index: 10;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	-webkit-transform-style: preserve-3d;
}
.row.intro .container {
	position: absolute;
	margin: 0 auto;
	left: 10%;
	right: 10%;
	text-align: center;
	z-index: 80;
	margin-top: 100px;
}
.cert-number {
	height: 200px;
	z-index: 99;
	position: absolute;
	padding-top: 1%;
	background-color: #ffffffcc;
  background-color: rgba(255, 255, 255, 0.8);
	bottom: 0;
}

.family-site {
	width: 100%;
  height: 150px;
  position: relative;
  display: inline-block;
  float: left;
  margin-top: 12px;
  /* padding-top: 5px; */
  background-color: transparent;
}
.box-flow-wrap{
	position: relative;
	height: 150px;
	box-sizing: border-box;
	overflow: hidden;
	background-color: transparent;
}
.box-flow{
	position: relative;
	background: transparent;
	height: 100%;
}
.box-flow > li{
  float: left;
  margin: 0 30px;
  height: 100%;
  min-height: 60px;
  width: 190px;
  text-align: center !important;
  align-items: center !important;
  display: flex !important;
  align-content: center !important;
}
.box-flow > li a{
  display: block;
  height: auto;
  width: 95%;
  margin: 0 auto;
}

.box-flow > li img {
  height: auto;
	max-height: 150px;
  width: 150px;
}


#introVideo {
	/* position: static;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%; */
	width: 100vw;
	position: absolute;
	top: -97px;
	left: 0;
	z-index: 10;
	min-height: 100%;
	max-height: 1100px;
	min-width: 100%;
	height: auto;
	object-fit: cover;
}
#introVideo source {
	position: relative;
	z-index: 10;
}
/* 1.제품소개 */
.row.product {
	/* background-image: url(/image/bg01.png);
	background-size: auto;
	background-position: left;
	animation: productMove 50s infinite; */
	width: 100%;
  margin: 0px auto;
  text-align: center;
  position: relative;
	background-color: #e8f8ff;
}
.row.product .container {
	position: absolute;
	margin: 0 auto;
	left: 10%;
	right: 10%;
	text-align: center;
}
#myVideo {
	/* position: static;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%; */
	object-fit: cover;
  width: 100%;
  height: 90vh;
	min-height: 845px;
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes productMove {
  50% {background-position: right;}
}
.main-title {
	font-size: 20px;
  margin-top: 70px;
	margin-bottom: 55px;
}
.main-title > p.subj {
	font-weight: 300;
	font-size: 30px;
	color: #565d6c;
	/* text-shadow: 2px 2px 2px #350000; */
}
.main-title > p.title {
	font-weight: bold;
	font-size: 50px;
	color: #030020;
	/* text-shadow: 2px 2px 2px #350000; */
}
.main-title > p.big-title {
	font-weight: bold;
	font-size: 68px;
	color: #f8f8f8;
}

.blink {
    animation: blink 8s;
}
@keyframes blink {
    0% { color: #fff; }
    20% { color: transparent; }
    40% { color: #fff; }
    60% { color: transparent; }
    80% { color: #fff; }
    95% { color: transparent; }
}
.scr-line {
	min-width: 75px;
	width: 10%;
	height: 1px;
	border-top: 3px solid #000000;
	display: inline-block;
	text-align: left;
	margin: 0;
}
.product-nav {
	width: 100%;
	height: 450px;
}
.product-nav #mainTab {
	background-color: #ffffffb0;
	background-color: rgba(255, 255, 255, 0.7);
	height: 385px;
	padding: 35px 40px;
}
.product-nav #mainTabContent {
	background: transparent;
	width: 100%;
	/* height: 75px; */
}
.product-nav #mainTabContent li {
	width: 25%;
}
.product-nav #mainTabContent li a {
	padding: 20px 25px;
	color: #565d6c;
	background-color: #fff;
}
.product-nav #mainTabContent li a > img {
	width: auto;
}
#mainTabContent.nav-tabs .nav-link.active,
#mainTabContent.nav-tabs .nav-item.show .nav-link {
	/* background-color: #051d31e3;
	background-color: rgba(5,29,49,0.8);
  border-color: #051d31e3 #051d31e3 #051d31e3;
	border-radius: 0;
	color: #fff !important; 어두운버전 */

	/* background-color: #fe7f7f5c;
    background-color: rgba(254,127,127,0.36);
    border-color: transparent #fe7f7f5c #fe7f7f5c #fe7f7f5c;
    border-radius: 0;
    color: #fff !important; 붉은버전 */

	background-color: #ffffffb0;
	background-color: rgba(255, 255, 255, 0.7);
	border-color: transparent #ffffffb0 #ffffffb0 #ffffffb0;
	border-radius: 0;
	color: #000 !important;
}

.tab-pane .product-img {
	max-width: 510px;
	height: 313px;
	overflow: hidden;
}
.tab-pane .product-img > img {
	width: 110%;
  margin-top: -12%;
  margin-left: -5%;
}
.tab-pane .product-script {
	color: #000;
	margin-left: 40px;
}
.tab-pane .product-script h2 {
	font-size: 30px;
	margin-bottom: 35px;
	/* color: #ffddba; */
	color: #000;
	font-weight: 900;
}
.tab-pane .product-script > div {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.8em;
}
.tab-pane .product-script div > p {
	float: left;
	display: list-item;
  list-style: square;
	margin: 0;
	width: 100%;
}

/* 아이콘 색상 변경 */
#mainTabContent.nav-tabs .nav-link img.i-white {
	display: none;
}
#mainTabContent.nav-tabs .nav-link.active img.i-gray,
#mainTabContent.nav-tabs .nav-item.show .nav-link img.i-gray {
	display: none;
}
#mainTabContent.nav-tabs .nav-link.active img.i-white,
#mainTabContent.nav-tabs .nav-item.show .nav-link img.i-white {
	display: inline-block;
}



/* 2.혁신시제품 */
.row.inno {
	background-image: url(/image/bg02.png);
	background-size: cover;
	background-blend-mode: difference;
	animation: innoMove 10s infinite;
	margin-top: -109px;
}
@keyframes innoMove {
  40% {
		background-color: #4d85ff45;
		background-color: rgba(77, 133, 255, 0.3);
	}
	80% {
		background-color: #ecf2ff45;
		background-color: rgba(236, 242, 255, 0.3);
	}
}
.product-inno {
	width: 100%;
	text-align: center;
	margin-top: 50px;
	background-color: rgba(0,61,113,0.85);
  border-radius: 20px;
	padding: 70px 0 0 0;
}
.product-inno .main-title > p.subj {
	font-size: 18px;
}
.innoimg-val {
	width: 100%;
	height: 179px;
	margin-top: 45px;
}
.innoimg-val > div {
	width: 24%;
	margin: 0 2%;
	display: inline-block;
}
.innoimg-val .inno-icon img.icon {
	margin-top: -40px;
	margin-left: 15px;
	z-index: 90;
  position: relative;
}
.innoimg-val > div img.inimg {
	width: 100%;
}
.innotxt-val {
	width: 100%;
	display: block;
	background: #f0f7ff;
	min-height: 283px;
	max-height: 283px;
	vertical-align: bottom;
	border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
	z-index: 50;
	position: relative;
}
.product-inno .borderbox {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 24%;
	margin: 0 2%;
}
.product-inno .item-box {
	width: 100%;
  vertical-align: top;
}
.product-inno .item-box .bottom {
	margin-top: 30px;
	padding: 0 5px;
}
.product-inno .item-box .bottom > p {
	font-size: 20px;
	font-weight: 500;
	color: #2b4168;
	letter-spacing: -2.0px;
	text-align: left;
	margin-top: 50px;
}
.product-inno .item-box .bottom > span {
	text-align: left;
	margin-top: 10px;
	font-size: 14px;
	display: list-item;
	list-style: square;
	letter-spacing: -0.5px;
	white-space: inherit;
	color: #2b4168;
}

/* 3.사업대상현황 */
.row.business {
	/* background-image: url(/image/bg03.png);
	background-size: cover; */
	background-color: #fff;
	height: 1050px;
}
.business .business-item {
	width: 100%;
	position: relative;
	z-index: 10;
	/* box-shadow: 20px 20px 2px 6px #e5e5e5;
	border: 1px solid #d2d2d2;
	border-radius: 20px; */
}
.business .business-item > div {
	width: 100%;
	height: 530px;
	position: relative;
	z-index: 10;
}
.bs-slide {
	width: 100%;
	height: 530px;
	background-color: #fff;
}
.bs-img {
	position: relative;
  left: 3%;
	top: 8px;
}
.bs-img > img {
	min-width: 300px;
	width: 350px;
	max-width: 350px;
	height: 500px;
	/* box-shadow: 13px 12px 3px 3px #dedede; */
}
.bs-text {
	text-align: left;
	width: 60%;
	height: 530px;
	position: relative;
	padding-left: 8%;
}
.bs-text > .top,
.bs-text > .bottom {
	margin-left: 10px;
}

.bs-text > .top > div {
	font-size: 25px;
	color: #2b4168;
}
.bs-text > .top > p {
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 30px;
	width: 100%;
}
font.big-blue {
	color: #0077dd;
	font-weight: 700;
}
.bs-text > .top > span {
	margin: 7% 0;
	font-size: 16px;
	display: block;
	width: 67%;
}
.bs-text > .bottom {
	font-size: 18px;
	line-height: 1.83;
	background-color: #003d71;
	color: #fff;
	padding: 20px;
	position: absolute;
	width: 500px;
	border-radius: 20px;
	z-index: 600;
	box-shadow: 5px 5px 0px 1px #ffffff;
}
.bs-text > .bottom .bs-icon {
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
}
.bs-text > .bottom > p {
	display: inline-block;
	margin-bottom: 0;
}
.business-item .slick-prev,
.business-item .slick-next {
	width: 40px !important;
	height: 50px !important;
	background-color: #0275d8 !important;
  top: 115% !important;
	z-index: 50;
}
.business-item .slick-prev:before,
.business-item .slick-next:before {
	color: #fff !important;
    opacity: 1 !important;
    font-family: 'Spoqa Han Sans Neo' !important;
}
.business-item .slick-prev {
	left: 30%;
}
.business-item .slick-prev:before {
    content: '<';
}
.business-item .slick-next {
	right: 30%;
}
.business-item .slick-next:before {
	content: '>';
}
.business-item .slick-dots {
	bottom: -95px;
	z-index: 10;
}

/* 4.뉴스 */
.row.news {
	background-image: url(/image/bg04.png);
	background-size: cover;
	background-position: center;
	/* animation: productMove 70s infinite; */
}
/* @keyframes productMove {
  50% {background-position: bottom;}
} */
.newsbox {
	width: 100%;
	background-color: #fff;
	box-shadow: 4px 5px 5px 0px #3c3c3c;
}
.newsbox .main-title {
	margin: 0;
}
.newsbox .row {
	margin: 0;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.newsbox .row.top {
	padding: 41px 45px;
}
.newsbox .row.top .col {
	height: 280px;
	padding: 0;
}
.newsbox .row.bottom .col {
	display: inline-block;
  vertical-align: top;
	height: 280px;
	border-bottom: 1px solid #aeb3bf;
	padding: 0;
	background-color: #fff;
}
.newsbox .row.bottom .col:nth-of-type(1) {
  width: 21%;
  border: none;
}
.newsbox .row.bottom .col:nth-of-type(1) img {
	width: 100%;
	height: 100%;
}
.newsbox .row.bottom .col:nth-of-type(2) {
	width: 31%;
}
.newsbox .row.bottom .col:nth-of-type(3) {
  width: 22%;
	border-left: 1px solid #aeb3bf;
	border-right: 1px solid #aeb3bf;
}
.newsbox .row.bottom .col:nth-of-type(4) {
  max-width: 25%;
}
.sub-tbl.news {
	margin-top: 0;
	min-height: 280px;
	margin-bottom: 0;
}
.news-contents {
	width: 100%;
	text-align: left;
	transition: all 0.4s;
}
.news-contents:hover {
	background-color: #e6f2fd;
	height: 100%;
	transition: all 0.4s;
}
.row.top .news-contents .ns-img {
	width: 25%;
	height: 280px;
	overflow: hidden;
	text-align: left;
}
.row.top .news-contents .ns-img img {
	width: auto;
	text-align: left;
	float: left;
	height: 100%;
}
.ns-text {
	text-align: left;
	padding: 30px;
}
.ns-text .top > div {
	width: 80px;
	height: 5px;
	background-color: #0275d8;
	display: block;
	margin-bottom: 15px;
}
.ns-text .top p {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #373a3c;
}
.ns-text .bottom {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 400;
	color: #373a3c;
}

.row.bottom .ns-text {
	padding: 18px;
}
.row.bottom .ns-text .top p  {
	margin-bottom: 8px;
	color: #373a3c;
}
.row.bottom .news-contents .ns-img {
	width: 30%;
	max-height: 178px;
	overflow: hidden;
	text-align: left;
}
.row.bottom .news-contents .ns-img img {
	/* width: 100%;
  min-height: 178px;
  height: auto;
  text-align: left;
  float: left; */
	display: none;
}
.link {
	position:  absolute;
	right: 10px;
	top: 35px;
	font-size: 27px !important;
	width: 30px;
}
.sub-tbl.news table {
	box-shadow: none;
}
.sub-tbl.news table thead th {
  padding: 8px 0;
}
.sub-tbl.news table tbody td {
  padding: 13px 6px;
}
.sub-tbl.news table tbody td a {
	color: #212529;
}
.sub-tbl.news table tbody tr:hover {
	background-color: #eaeaea;

}




/* 5.컨택 */
.row.contact {
	height: 800px;
}
.contact-box {
	width: 100%;
	text-align: center;
}

.contact-box .item-box {
	background-color: #fff;
	width: 100%;
	position: relative;
  width: 30%;
  height: 435px;
	display: inline-block;
	vertical-align: top;
}
.contact-box .item-box .top img {
	transition: all 0.3s;
}
.contact-box .item-box:hover .top img {
	width: 110%;
	height: 110%;
	margin-left: -5%;
	transition: all 0.3s;
}
.contact-box div.item-box:nth-of-type(2) {
	margin: 0 2%;
}
.contact-box div.item-box:nth-of-type(3) {
	margin: 0 2.5% 0 0;
}
.contact-box .item-box .top {
	text-align: center;
	width: 100%;
	height: 193px;
	overflow: hidden;
	margin: 0 auto;
}
.contact-box .item-box .top > img {
	width: 100%;
	height: 100%;
}
.contact-box .item-box .bottom {
	margin-top: 30px;
	text-align: left;
}
.contact-box .item-box .bottom > p {
	font-size: 28px;
  	font-weight: 500;
	color: #0275d8;
	margin: 0;
}
.contact-box .item-box .bottom > span {
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	font-size: 16px;
	margin-right: 20px;
}
.contact-box .item-box .bottom > span:first-of-type {
	font-weight: 500;
}
.contact-box .item-box .bottom .pdfdown {
	width: 100%;
	border-top: 1px solid #0275d8;
	border-bottom: 1px solid #aeb3bf;
	padding: 17px 0;
	margin-top: 20px;
	display: block;
}


/* 회사소개 */
.notice {
	background-image: url(/image/default/user-company.png);
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 283px;
}
.sub-top {
	padding: 30px 45px;
}

.sub-top > span {
	display: inline-block;
	width: 180px;
	font-size: 22px;
  font-weight: 500;
	color: #fff;
	border-bottom: 2px solid #fff;

}
.hgnav {
	display: inline-block;
	float: right;
	height: 30px;
}
.hgnav .breadcrumb {
	background-color: transparent;

}
.hgnav .breadcrumb a,
.hgnav .breadcrumb li {
	color: #fff;
	font-size: 13px;
}
.hgnav.black .breadcrumb a,
.hgnav.black .breadcrumb li {
	color: #9b9b9b;
}
.sub-tbl {
	width: 100%;
	margin-top: 100px;
	margin-bottom: 100px;
	min-height: 400px;
}
.sub-tbl.tbl-notice {
	width: 100%;
	margin-top: -40px;
	margin-bottom: 100px;
	min-height: 400px;
}
.sub-tbl table {
	width: 100%;
	max-width: 1200px;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 2px 2px 14px 4px rgba(0, 0, 0, 0.16);
}
.sub-tbl table thead {
	/* background-color: #d6d6d6; */
}
.sub-tbl table thead th {
	padding: 6px;
	font-size: 15px;
	font-weight: 500;
}
.sub-tbl table tbody {
	width: 100%;
}
.sub-tbl table tbody td {
	font-size: 14px;
	padding: 11px 6px;
}
.sub-tbl table tbody td a {
	color: #212529;
}
.sub-tbl table tbody td a:hover {
	color: #006ac5;
}
.board-paging {
	width: 100%;
	text-align: center;
	margin-top: 45px;
}
.board-paging .pagination {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.board-paging .pagination li {
	display: inline-block;
	padding: 6px 15px;
}
.board-paging .pagination li a {
	color: #161616;
	font-size: 14px;
    border: none;
	padding: 4px;
}
.board-paging .pagination li a.select {
	border-bottom: 4px solid #000;
}

.fullsc {
	width: 100%;
	margin-top: 97px;
}
.fullsc.company {
	background-image: url(/image/default/user-top.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 200px;
}
.company .sub-top > nav .breadcrumb a,
.company .sub-top > nav .breadcrumb li {
	color: #4f5255;
	font-size: 12px;
}
.company .title p {
	font-size: 25px;
  font-weight: bold;
	margin: 0;
}
.company .title img {
	width: 30px;
}
.contents {
	min-height: 800px;
	padding-bottom: 200px;
}
.blue-border {
	padding: 16% 0 0 0;
	border-top: 1px solid #0275d8;
	margin-top: 6px;
}
.blue-border.hist {
  margin: 25px 0;
  border-top: 1px dotted #0077dd;
	padding: 0;
}
.greeting > div.info-left {
	border-top: 10px solid #0275d8;
	margin-top: 25px;
}
.greeting > div.info-left p {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.6em;
	letter-spacing: 1.25px;
}
.greeting > div.info-left span {
	position: absolute;
	float: left;
	text-align: left;
	margin-top: -50px;
	margin-left: -250px;
	font-size: 25px;
	font-weight: bold;
}
.greeting > div.info-left img {
	width: 100%;
	margin-top: 40px;
}
.greeting > div.info-right {
	border-top: 10px solid #0275d8;
	font-size: 16px;
	font-weight: normal;
	margin-top: 25px;
}
.greeting > div.info-right p {
	margin-bottom: 63px;
	line-height: 2.3em;
	letter-spacing: 0.5px;
}
.greeting span.label {
	color: #030020;
	font-size: 20px;
	width: 80px;
	margin-right: 35px;
	display: inline-block;
}
.info-table tr td {
	padding: 4px 0;
}
.info-table tr td:first-of-type {
	width: 80px;
	vertical-align: top;
	font-weight: 700;
}
.info-table tr td:last-of-type {
	padding-left: 35px;
	vertical-align: top;
	line-height: 1.8em;
	font-weight: 400;
}
.greeting .detail {
	margin-top: 70px;
	font-size: 17px;
	letter-spacing: 0.2px;
	margin-bottom: 50px;
	font-weight: 400;
	line-height: 1.9em;
}
.motto.bg-gray {
  padding: 90px 0;
  clear: both;
	margin: 0;
}
.motto {
	padding-top: 90px;
	margin-bottom: 100px;
	clear: both;
}
.dot-line {
  width: 50%;
  border: 1px dotted #414b61;
  margin-top: 30px;
  position: absolute;
  margin: 80px 6%;
  text-align: center;
}
.dot-line img.left {
	position: absolute;
	margin-left: -29%;
	margin-top: -4%;
}
.dot-line img.right {
	position: absolute;
	margin-left: 28%;
	margin-top: -4%;
}
.motto .circle {
	width: 169px;
	height: 169px;
	border: 2px dotted gray;
	border-radius: 100px;
	margin: 0 auto;
	z-index: 999;
	position: relative;
}
.circle-dot {
  width: 165px;
  height: 165px;
  border: 14px solid #e5e5e5;
  text-align: center;
  border-radius: 100px;
  margin: 0 auto;
  background-color: #fff;
}
.motto .circle span {
	margin-top: 50px;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.motto .circle-line span {
	height: 60px;
	width: 1px;
	background-color: #0275d8;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.motto .circle-txt {
	height: 200px;
	border: 1px solid #0275d8;
	border-radius: 95px;
	padding: 18px;
	text-align: center;
	background-color: #fff;
}
.motto .circle-txt > div {
	background-color: #f0f8ff;
	display: inline-block;
	width: 100%;
	border-radius: 95px;
	height: 100%;
	padding: 42px;
}
.font-sea {
	color: #0275d8;
}
.motto .circle-txt > div p {
	font-size: 20px;
	margin-top: 20px;
}
.motto-bottom {
	background-image: url(/image/default/user-bottom.png);
  background-position: 0 300px;
  background-repeat: no-repeat;
}



/* 연혁 */
.history {
	width: 100%;
	display: block;
	margin-top: 30px;
	border-top: 10px solid #07d;
	margin-bottom: 5px;
}
.year-box {
	min-height: 150px;
}
.year-box:last-of-type .year-line {
	height: 4%;
}
.year-line {
	width: 170px;
	min-height: 200px;
	display: inline-block;
	vertical-align: top;
	position: absolute;
}
.year-line p {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding-top: 53px;
}
.month-line {
	border-left: 1px dotted #0077dd;
	width: 80%;
	display: inline-block;
	margin-left: 170px;
}
.month-detail {
	display: inline-block;
	min-width: 185px;
	width: 20%;
	padding-top: 20px;
	padding-left: 40px;
	vertical-align: top;
	letter-spacing: -0.8px;
	min-height: 150px;
}
.month-detail p {
	color: #414b61;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 5px;
}
.month-detail .dot {
	color: #0076ff;
	position: absolute;
	margin-left: -51px;
	margin-top: 41px;
	font-size: 20px;
}
.month-detail .subs {
	color: #414b61;
	font-size: 13px;
	font-weight: 500;
}

.fullsc.org-chart {
	/* background-image: url(/image/org.png);
	background-repeat: no-repeat;
	background-position-y: -300px;
	background-position-x: -9px; */
}
.org-chart img {
	width: 100%;
}
.sub-tbl .ask-tbl {
	max-width: 1000px;
	display: block;
}
.ask-tbl tbody,
.ask-tbl tfoot {
	width: 100%;
	display: block;
}
.ask-tbl tbody td,
.ask-tbl tfoot td {
	width: 100%;
}
.ask-tbl tfoot tr {
	width: 100%;
	display: inline-block;
}
.ask-tbl tbody tr td {
	padding: 20px 50px 0 50px;
	border: none;
}
.askselect {
	font-size: 14px;
}
.ask-tbl tbody tr td textarea {
	resize: none;
	border: 0.7px solid #cccccc;
}
.ask-info {
	margin-top: 20px;
	padding: 20px;
	min-height: 143px;
	border: solid 1px #b8daff;
  background-color: #cce5ff;
	color: #004085;
}
.ask-info > p {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 5px;
}
.ask-info > span {
	font-size: 16px;
}
.ask-tbl tfoot td {
    border-top: transparent;
		padding: 20px 50px;
}
.ask-tbl tfoot td button {
    border-radius: 6px;
}
.person-rule {
	width: 100%;
	height: 150px;
	overflow-y: auto;
	padding: 10px;
	border: 1px solid #e5e5e5;
}


/* 채용정보 */
.recruit-title {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #0275d8;
	margin-bottom: 80px;
}
.recruit-title p {
	color: #0077dd;
	font-size: 25px;
	font-weight: 600;
	margin: 0;
}
.recruit-box {
	width: 100%;
	display: inline-block;
	margin-bottom: 120px;
	text-align: center;
}
.recruit-box.index .index-box {
	width: 20%;
	display: inline-block;
	margin: 0 2%;
	text-align: center;
}
.recruit-box.index .index-box .cir-img {
	position: relative;
	width: 100%;
	display: inline-block;
	text-align: center;
}
/* .recruit-box.index .index-box img {
	text-align: center;
	position: absolute;
	margin-left: -42px;
} */
.recruit-box.index .index-box .circle {
	width: 200px;
	height: 200px;
	padding: 55px 40px;
	border-radius: 100px;
	background-color: #f1f9ff;
	text-align: center;
	margin: -40px auto 0 auto;
}
.recruit-box.index .index-box .circle > p {
  color: #414b61;
  font-size: 20px;
  font-weight: 600;
}
.recruit-box.index .index-box .circle > span {
  font-size: 17px;
  color: #414b61;
  font-weight: 400;
}

.recruit-box.talent .talent-box {
	width: 20%;
	height: 280px;
	display: inline-block;
	margin: 0 2%;
	text-align: center;
}
.recruit-box.talent .talent-box .square > p {
	color: #414b61;
	font-size: 20px;
	margin: 30px 0;
	font-weight: 600;
}
.recruit-box.talent .talent-box .square > div.rec-line {
	width: 30px;
	height: 1px;
	border-bottom: 1px solid #707070;
	margin: 0 auto;
  margin-bottom: 25px;
}
.recruit-box.talent .talent-box .square > span {
	color: #414b61;
	font-size: 18px;
	font-weight: 300;
}

.recruit-box.welfare .welfare-box {
	width: 45%;
	display: inline-block;
	border: 1px solid #b3b7ba;
	background-color: #fff;
	padding: 22px;
	border-radius: 15px;
	margin: 29px 29px;
}
.recruit-box.welfare .welfare-box > img {
	float: left;
}
.recruit-box.welfare .welfare-box .title {
	color: #414b61;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	display: block;
  margin-left: 160px;
  margin-bottom: 14px;
}
.recruit-box.welfare .welfare-box .subs {
	color: #414b61;
	font-size: 15px;
	font-weight: 300;
	text-align: left;
	display: block;
  margin-left: 160px;
}

.recruit-box.step img {
	width: 100%;
}

.recruit-box.faqinfo {
	margin: 0;
}
.recruit-box.faqinfo p {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 400;
}
.recruit-box.faqinfo p > i {
	color: #0077dd;
}


/* board detail */
.page-nav {
	text-align: right;
    margin-top: 2%;
    margin-bottom: 5%;
}
.page-nav .breadcrumb {
    padding: 8px 15px;
    list-style: none;
    background-color: #fff;
    border-radius: 0;
}
.cont-sub {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: left;
    padding-bottom: 5%;
}
.cont-sub .cont-sub-text {
    width: 100%;
    display: inline-block;
    color: #666666;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.73;
    margin-bottom: 20px;
    text-align: justify;
}
.read-date {
    width: 100%;
    text-align: right;
    font-size: 12px;
}
.read-date span:first-of-type {
    color: #383838;
    margin-right: 10px;
    font-weight: 600;
}
.reading {
    margin-top: 1%;
}
.sub-table {
    width: 100%;
}
.sub-table tbody tr {
    border-top: 1px solid #979797;
}
.sub-table tbody tr th {
	background-color: #f0f8ff;
	text-align: center;
}
.sub-table tbody tr td {
    line-height: 2.5em;
    font-size: 15px;
    font-weight: 300;
	padding: 8px;
    color: #666666;
}
.reading tr td.read-title {
    font-size: 24px;
    color: #515151;
    font-weight: 600;
}
.reading tr td.read-text {
    border-top: 1px solid #161616;
	border-bottom: 1px solid #161616;
}
.read-btn {
    width: 100%;
    height: 60px;
    text-align: right;
    display: inline-block;
    position: relative;
    margin-top: 4%;
}
.read-btn a {
    padding: 1% 4%;
    color: #787878;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #666666;
    margin-left: 5px;
    cursor: pointer;
}

/* 인증,실적 */
.cert-detail {
	width: 100%;
	font-size: 14px;
	padding: 20px;
	min-height: 400px;
}
.cert-tab {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: relative;
	margin-top: 25px;
}
.cert-tab ul {
	display: inline-flex;
	border-bottom: 1px solid #0077dd;
	width: 100%;
	margin: 0;
}
.cert-tab ul li {
	width: 15%;
}
.cert-tab .nav-tabs .nav-link,
.cert-tab .nav-tabs .nav-item .nav-link {
		border-radius: 8px 8px 0 0;
		border-color: #aeb3bf #aeb3bf #0077dd;
		color: #858d9f;
		transition: all 0.3s;
}
.cert-tab .nav-tabs .nav-link.active,
.cert-tab .nav-tabs .nav-item.show .nav-link {
	background-color: #0077dd;
	color: #fff;
	border-radius: 8px 8px 0 0;
	border-color: #0077dd;
	transition: all 0.3s;
}
.cert-tab .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	border-color: #aeb3bf #aeb3bf #0077dd;
	color: #858d9f;
	background-color: #e9eff5;
	transition: all 0.3s;
}
.nav-tabs .nav-link {
	color: #838383;
	border-color: #858d9f #858d9f #858d9f;
	border-radius: 0;
	border-collapse: collapse;
	padding: 10px 0;
	transition: all 0.3s;
}
/* #certImgTab {
	background-color: #004a89;
} */
.cert-item {
	height: 650px;
}


.mouse.btn-outline-primary:hover,
.mouse.btn-outline-primary.selected {
	background-color: #d5ecff;
	color: #0275d8;
}
.img-list {
	margin-top: 25px;
	padding-top: 0;
	position: relative;
	width: 100%;
	min-height: 600px;
	background-color: #fff;
	margin-bottom: 200px;
}
.img-list .certification {
	/* width: 23.7%;
	margin: 0 1% 1% 0; */
  width: 19.7%;
	margin: 0 3% 4% 0;
	display: inline-block;
	vertical-align: top;
	filter: grayscale(60%);
	position: relative;
	min-height: 320px;
	max-height: 320px;
	border: 1px solid #e4e4e4;
	overflow: hidden;
}
.img-list.cert .certification:hover .certover {
	width: 105%;
	background-color: rgba(247, 247, 247, 0.7);
	background-color: #f1f1f1ad;
	color: #000;
	font-weight: 500;
	font-size: 12px;
	margin: 0 3% 3% 0;
	max-height: 98px;
}
.img-list.cert .certification:hover .certover p {
	font-size: 20px;
	font-weight: 500;
}
.img-list.cert .certification:hover {
	cursor: pointer;
	filter: none;
}
.img-list.cert .certification:hover img {
	width: 105%;
	height: 105%;
}
.img-list .certification img {
	width: 100%;
	height: 100%;
	opacity: 1;
}
.img-list.cert .certification .morebtn {
	display: none;
}
.img-list.cert .certification:hover .morebtn {
	display: block;
	position: absolute;
	text-align: center;
	margin-top: 60%;
	margin-left: 40%;
	background-color: #0077dd;
	border: 1px solid #0077dd;
	color: #fff;
	font-size: 30px;
}
.ct-item {
	padding: 80px 80px 0 80px;
}
.ct-item .float-right {
	color: #fff;
}
.ct-item p.ct-name {
	text-align: left;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 60px;
}
.ct-item p.ct-sub {
	text-align: left;
	font-size: 17px;
	font-weight: 300;
}
.cert-item .slick-prev,
.cert-item .slick-next {
	top: 65%;
    width: 42px;
    height: 45px;
	z-index: 99;
}
.cert-item .slick-prev:before,
.cert-item .slick-next:before {
	color: #fff;
	font-size: 36px;
}
.cert-item .slick-prev {
	left: 55%;
}
.cert-item .slick-next {
    right: 36%;
}

.oversee .certover {
	display: block !important;
	opacity: 1;
	transform: translateY(0px);
	transition: all 0.3s;
}
.certover {
	background-color: #414b61ad;
	background: rgba(65, 75, 97, 0.7);
	color: #fff;
	text-align: left;
	padding: 10px;
	position: absolute;
	width: 100%;
	max-height: 102px;
	overflow: hidden;
}
.certover p {
	font-size: 16px;
	font-weight: 300;
	display: block;
}

.certover span {
	font-size: 13px;
}
.multi-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.inno {
	margin-top: 2%;
	overflow: hidden;
}
.inno > div:first-of-type {
	height: 340px;
}
.inno .blue {
	background-color: #004a89;
	color: #fff;
	height: 100%;
	padding: 40px;
	width: 340px;
}
.inno .blue span {
	font-size: 15px;
}
.inno .blue p {
	font-size: 43px;
	letter-spacing: 6px;
	font-weight: 700;
}
.inno .blue-img {
	height: 340px;
	width: 340px;
	float: left;
	overflow: hidden;
}
.inno .blue-img img {
	width: 100%;
  margin-top: -40px;
}
.inno .float-right img {
	width: 100%;
	vertical-align: top;
}
.inno .inno-txt {
	width: 100%;
	height: 500px;
	background-color: #414b61;
	color: #fff;
	padding: 80px 50px;
}
.inno .inno-txt > div > p {
	font-size: 24px;
  font-weight: 500;
}
.inno .inno-txt > div > ul li {
	line-height: 2em;
	font-weight: 300;
}
.inno .func {
	height: 200px;
	clear: both;
	background-color: #7b8496;
	color: #fff;
	padding: 50px;
}
.inno .func > p {
	font-size: 35px;
}
.inno .func > span {
	font-size: 20px;
	font-weight: 300;
}


/* 오시는길 */
.office-map {
	padding: 0;
}
.mapinfo {
	border-top: 1px solid #0275d8;
	margin: 70px 0;
	text-align: left;
	padding-top: 30px;
}
.mapinfo table tr td {
	padding: 5px 8px;
}
.mapinfo table tr td:first-of-type {
	width: 30%;
	font-weight: 600;
}
.mapinfo td img {
	padding-left: 2px;
	margin-right: 11px;
}
.mapinfo td i {
	font-size: 16px;
	color: #0077dd;
	margin-right: 10px;
}

ul.map-tabs {
	display: inline-flex;
	border-bottom: 1px solid #0077dd;
	width: 100%;
	margin: 0;
}
ul.map-tabs li {
	width: 15%;
}
ul.map-tabs .map-link,
ul.map-tabs .map-link a {
		border-radius: 8px 8px 0 0;
		border-color: #aeb3bf #aeb3bf #0077dd;
		color: #858d9f;
		transition: all 0.3s;
}
ul.map-tabs .map-link a {
	padding: 10px;
	display: inline-block;
	width: 100%;
	height: 100%;
}
ul.map-tabs .map-link.active a {
	color: #fff;
}
ul.map-tabs .map-link.active,
ul.map-tabs .map-link.show {
	background-color: #0077dd;
	color: #fff;
	border-radius: 8px 8px 0 0;
	border-color: #0077dd;
	transition: all 0.3s;
}
ul.map-tabs .map-link:hover,
ul.map-tabs .map-link:focus {
	border-color: #aeb3bf #aeb3bf #0077dd;
	color: #858d9f;
	background-color: #e9eff5;
	transition: all 0.3s;
}
.map-tabs .map-link {
    color: #838383;
    border-color: #858d9f #858d9f #858d9f;
    border-radius: 0;
    border-collapse: collapse;
    transition: all 0.3s;
}
.map-tabs .map-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

/* 퀵메뉴 */
.quick-menu {
  /* position: fixed;
  right: 5%;
  bottom: 5%;
  width: 100px;
  text-align: center;
  display: inline-block;
  z-index: 2005; */
	position: fixed;
	right: 2%;
	bottom: 3%;
	width: 200px;
	text-align: center;
	display: inline-block;
	z-index: 2005;
}
.quick-menu ul li {
  display: inline-block;
}
.quick-menu ul li a {
	height: 100%;
  display: inline-block;
}
.quick-menu ul li a:hover {
	cursor: pointer;
}
.f-box {
	vertical-align: top;
	display: inline-block;
	width: 55px;
	height: 55px;
	border-radius: 6px;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	padding: 5px;
	margin: 0 3px 0 3px;
}
.f-box > img {
	height: 28px;
	margin-bottom: 3px;
}
.f-box.kakao {
	background-color: #ffe401;
	color: #030020;
}
.f-box.top {
	background-color: #fff;
	color: #0077dd;
	border: 1px solid #d2d2d2;
}
.f-box.quest {
	background-color: #abd6fb;
}
.f-box.quest p {
	color: #004a89;
}
.f-box > p {
	font-size: 11px;
}
.f-box.top > i {
	font-size: 20px;
}

/* 슬라이드 메뉴 */
.user-menu {
	width: 165px;
	min-height: 300px;
	background: #fff;
	border: solid 1px #aeb3bf;
	box-shadow: 0 5px 10px 0 rgb(0 0 0 / 19%);
	display: inline-block;
	vertical-align: top;
	position: absolute;
	left: 3%;
	top: 320px;
	z-index: 500;
}
.user-menu > p {
	display: inline-block;
	padding: 9px 18px;
	width: 100%;
	color: #fff;
	background-color: #0077dd;
	font-size: 15px;
	font-weight: 500;
	margin: 0;
}
.user-menu ul li a {
	color: #858d9f;
	width: 100%;
	padding: 11px 0 11px 20px;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #aeb3bf;
	font-size: 14px;
}
.user-menu ul li a:hover,
.user-menu ul li a.selected {
	color: #0077dd;
	font-weight: 500;
}

.img-list.product {
	width: 100%;
	max-width: 1200px;
	text-align: left;
	min-height: 600px;
	background-color: #fff;
	margin-bottom: 200px;
}
.img-list.product .certification {
	width: 270px;
  height: 270px;
  margin: 0 2% 3% 0;
  overflow: hidden;
	border: solid 1px #909090;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 35%);
	filter: none;
}
.img-list.product .certification:hover {
	cursor: pointer;
}
.img-list.product .certification:hover .certover {
	/* margin-top: -200px; */
}
.img-list.product .certification img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition-timing-function: ease;
	-webkit-transition-timing-function: all 0.5s;
	opacity: 1;
}
.img-list.product .certification:hover img {
	width: 110%;
	height: 110%;
	margin-left: -15px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition-timing-function: ease;
	-webkit-transition-timing-function: all 0.5s;
	opacity: 1;
}
.img-list.product .certification .certover {
	width: 270px;
}

/* 이미지 상세보기 팝업 */
.modal.show .modal-dialog {
    z-index: 9999;
		margin-top: 120px;
}
.modal-backdrop.show {
	display: none;
}
.original-subs img {
    width: 100%;
    max-width: 1000px;
}
.hgmodal .modal-header {
    background-color: #cce8ff;
    color: #0077dd;
    font-size: 18px;
}
.hgmodal .modal-body {
	max-height: 600px;
	overflow-y: auto;
}
.hgmodal .modal-body .original-date {
	font-size: 13px;
	font-weight: 500;
	text-align: left;
}
.hgmodal .modal-body .original-date span {
	font-weight: 300;
}
.hgmodal .modal-body .original-subs {
	font-size: 14px;
}
.hgmodal .modal-body .original-img {
	width: 90%;
	margin: 2%;
}
.hgmodal .modal-body .original-img img {
	width: 100%;
}
.hgmodal .modal-footer {
	display: block;
}
.hgmodal .modal-footer button {
	margin: 0;
}

/* FAQ */
.btn-align {
	margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.btn-align.btnfaq {
	margin: 50px 0 15px 0;
}
.btn-purple {
	background-color: #6037BE;
	color: #fff;
	font-size: 16px;
	padding: 7px 15px;
	font-weight: 400;
}
.btn-purple:hover {
	color: #fff;
	background-color: #3D1F84;
}
.faq-bottom {
    width: 100%;
    display: inline-block;
    border: 1px solid #eaeaea;
}
.com-table {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.com-table .know-table-head {
	width: 100%;
	display: inline-block;
	padding: 8px 5px;
	cursor: pointer;
	max-width: 100%;
	text-align: left;
	margin: 0;
	box-shadow: none;
	border-bottom: solid 1px #e0e0e0;
	background-color: #f7f7f7;
}
.know-table-head thead,
.know-table-head thead tr,
.know-table-head thead tr > td {
  width: 100%;
  display: inline-block;
	background-color: #f7f7f7;
}
.answer-content {
  background-color: #fff;
}
.know-table-box .know-table-body {
	width: 100%;
	margin: 0;
	max-width: 100%;
	text-align: left;
	box-shadow: none;
	background: #fff;
}
.quest-left,
.answer-left {
  width: 5%;
  display: inline-block;
  text-align: center;
  font-size: 17px;
  height: 100%;
  vertical-align: top;
}
.quest-left {
  color: #2357BF;
}
.answer-left {
  color: #636363;
  padding: 2%;
}
.quest-right > p {
	margin: 0;
	color: #007aff;
}
.quest-right,
.answer-right {
  width: 90%;
  display: inline-block;
	font-size: 16px;
}
.answer-right {
  padding: 2%;
}
.helpdesk-bottom {
  width: 100%;
  height: 250px;
  display: inline-block;
  background-color: #f7f7f7;
  padding: 50px 40px;
  margin-top: 30px;
}
.helpdesk-bottom p:first-of-type {
  font-size: 22px;
  color: #2357BF;
}
.faqinfo {
	border: 1px solid #aeb3bf;
	    padding: 30px;
	    text-align: left;
	    margin-top: 80px;
}
.faqinfo span {
	font-size: 15px;
	color: #4f5255;
}
.faqinfo span > i {
	font-size: 25px;
	color: #0077dd;
}

/* 사이트맵 */
.sitemap {
    width: 100%;
    display: inline-block;
    background: #fff;
    border: 1px solid #aeb3bf;
    margin-top: 60px;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
		padding: 80px 120px;
}
.sitemap > div {
	display: block;
}
.sitemap .top {
	padding-bottom: 10%;
	margin-bottom: 10%;
  border-bottom: solid 1px #aeb3bf;
}
.sitemap .top .map-box,
.sitemap .bottom .map-box {
	display: inline-block;
	width: 33%;
	vertical-align: top;
}
.map-box .map-left {
	width: 33%;
	display: inline-block;
	color: #0077dd;
	font-size: 18px;
	vertical-align: top;
	font-weight: 500;
	margin-right: 13px;
}
.map-box .map-left img {
	font-size: 34px;
  text-align: center;
	padding-left: 21px;
  display: inline-block;
  position: relative;
}
.map-box .map-right {
	width: 55%;
	display: inline-block;
	border-right: 1px solid #aeb3bf;
	min-height: 235px;
}
.sitemap .top .map-box:last-of-type .map-right {
	border: none;
}
.map-box .map-right li {
	padding: 0 0 15px 0;
}
.map-box .map-right li  a {
	color: #414b61;
	font-size: 14px;
	transition: all 0.3s;
}
.map-box .map-right li a:hover {
	color: #0077dd;
	transition: all 0.3s;
}


/* 검색결과 */
.result-static {
  width: 100%;
  height: 100px;
  display: block;
  margin-top: 5%;
}
.result-static > p {
  border: none;
}
.result-title {
  width: 100%;
  font-size: 22px;
  font-weight: 500;
  color: #646464;
  border-bottom: 1px solid #a2a2a2;
  padding-bottom: 6px;
}
.result-title p {
  width: auto;
  display: inline-block;
}
.result-count {
  font-size: 14px;
  font-weight: 300;
}
.result-title .result-more {
  display: inline-block;
  padding: 6px 15px;
  border: 1px solid #707070;
  background-color: #fff;
  font-size: 14px;
  color: #606060;
  text-align: center;
  float: right;
}
.result-title .result-more > span {
  display: inline-block;
  font-weight: normal;
}
.sttblue {
  color: #0077dd;
}

.search-resultbox {
  width: 100%;
  min-height: 180px;
  display: inline-block;
  margin: 3% 0;
}
.result-container {
  width: 100%;
  height: 100%;
  min-height: 160px;
  display: inline-block;
  border-bottom: 1px dotted #a2a2a2;
  padding: 3% 0;
}
.res-content-title {
  width: 100%;
  display: inline-block;
  color: #606060;
  font-size: 15px;
}
.res-content-title p {
  width: auto;
  display: inline-block;
}
.res-content-title a {
  color: #606060;
  margin-left: 20px;
  font-size: 14px;
  color: #0077dd;
}
.res-content-txt {
  width: 100%;
  font-size: 14px;
  color: #606060;
  font-weight: 400;
}



.filebox label {
  	display: inline-block;
  	padding: 8px 20px;
  	color: #fff;
  	border: 1px solid #1276ff;
  	font-size: inherit;
  	line-height: normal;
  	vertical-align: middle;
  	background-color: #1276ff;
  	cursor: pointer;
  	border-radius: 5px;
  	-webkit-transition: background-color 0.2s;
  	transition: background-color 0.2s;
  	font-size: 15px;
  	margin-top: -26px;
  	position: absolute;
  	z-index: 999;
}

.filebox label:hover {
  	background-color: #0d61d4;
  	color: #fff;
}

.filebox label:active {
  	background-color: #0d61d4;
  	color: #fff;
}

.filebox input[type="file"] {
  	position: absolute;
  	left: 70px;
  	margin-top: -20px;
  	z-index: 1;
  	font-size: 14px;
}


.unav
{
	display: none;
}

/* 혁신시제품 유튜브 영상 추가 */
.npe-video{
  width:43.05%;
  height: 340px;
}

/* 250304 태양광 이미지 추가 */
.img-container {
	display: flex;
    position: absolute;
    z-index: 999;
    justify-content: space-between;
    width: 100%;
    padding: 0 3%;
    top: 50%;
}
.img-solar {
    display: inline-block;
    width: 300px;
    height: 200px;
	background-color: #fff;
    background-image: url(/image/main/solarpower.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 6px solid #fff;
}
.img-wind {
    display: inline-block;
    width: 300px;
    height: 200px;
	background-color: #fff;
    background-image: url(/image/main/windpower.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 6px solid #fff;
}


/* 반응형 */
@media (min-width: 1200px) {
	.container, .container-sm,
	.container-md, .container-lg, .container-xl {
	    max-width: 1200px;
	}
}


/* 데스크탑 */
@media all and (max-width:1830px) {
	.cert-number {
		bottom: 10%;
	}
	.img-container {
		top: 40%;
	}
}
@media all and (max-width:1700px) {
	header a.logo {
    width: 11%;
	}
	.container {
		max-width: 1000px;
	}
	.innoimg-val > div {
    margin: 3% 2%;
	}

	.newsbox .row.bottom .col:nth-of-type(1) {
	  width: 25%;
	}
	.newsbox .row.bottom .col:nth-of-type(2) {
		width: 26.5%;
	}
	.newsbox .row.bottom .col:nth-of-type(3) {
	  width: 22%;
	}
	.newsbox .row.bottom .col:nth-of-type(4) {
	  max-width: 25%;
	}

	.contact-box .item-box .bottom > p {
		font-size: 23px;
	}
	.inno .inno-txt > div > ul li {
		line-height: 1.8em;
    font-size: 14px;
	}

	.recruit-box.welfare .welfare-box {
    width: 40%;
	}

	.product-inno .item-box .bottom > span {
		margin-top: 10px;
	}

	.npe-video{
		width: 31.7% !important;
 }

}

@media all and (max-width:1480px) {
	header nav ul li {
    width: 140px;
	}
	.bottom-menu {
    width: 137px;
	}
	.container {
		max-width: 800px;
	}

	.innoimg-val > div {
    margin: 7.5% 2% 0 2%;
	}
	.newsbox .row.bottom .col:nth-of-type(1) {
    width: 31%;
	}
	.newsbox .row.bottom .col:nth-of-type(2) {
    width: 22.5%;
	}
	.newsbox .row.bottom .col:nth-of-type(4) {
    max-width: 23%;
	}


	.recruit-box.index .index-box {
		width: 30%;
	}
	.sitemap {
		padding: 10% 15%;
	}
	.map-box .map-right {
		border-right: none;
	}
	.sitemap .top .map-box,
	.sitemap .bottom .map-box {
		width: 90%;
		margin-bottom: 30px;
	}
	.sitemap .top {
		margin-bottom: 0;
		border-bottom: none;
	}

	footer .container {
    max-width: 900px;
	}


	/* 메인- 제품소개 */
	.tab-pane .product-img > img {
    height: 100%;
	}
	.main-title > p.subj {
    font-size: 23px;
	}
	.main-title > p.title {
    font-size: 35px;
	}
	.tab-pane .product-script h2 {
    font-size: 25px;
	}
	.tab-pane .product-script p {
    font-size: 15px;
    line-height: 1.7em;
	}
	.product-nav #mainTabContent li a {
    padding: 20px 0;
    color: #565d6c;
		font-size: 14px;
	}

	/* 메인-혁신시제품 */
	.product-inno {
		margin-top: 140px;
	}
	.product-inno .borderbox {
		width: 30%;
		height: 95%;
		vertical-align: top;
	}
	.innoimg-val {
    margin-top: 0px;
	}

	.product-inno .item-box .top {
		width: 23%;
		height: 100%;
		display: inline-block;
	}
	.product-inno .item-box .bottom {
		margin-top: 2%;
		width: 100%;
		margin-left: 7%;
		display: inline-block;
		text-align: left;
		vertical-align: top;
	}
	.product-inno .item-box .bottom > p {
		margin-top: 38px
	}
	.product-inno .item-box .top > img {
		width: auto;
		height: 100%;
	}
	.product-inno div.borderbox:nth-of-type(2) {
		margin: 0;
	}
	.product-inno .item-box .bottom > span {
		font-size: 14px;
	}

	/* 메인-사업현황 */
	.bs-img {
		width: 35%;
		left: -1%;
	}
	.bs-img > img {
		max-width: 100%;
	}
	.bs-text {
		width: 60%;
	}
	.bs-text > .top > p {
    font-size: 32px;
	}
	.bs-text > .bottom {
    font-size: 16px;
	}

	/* 메인- 뉴스 */
	.row.bottom .news-contents .ns-img {
    display: none !important;
	}
	.row.bottom .ns-text {
		width: 100%;
	}

	/* 메인-컨택 */
	.contact-box .item-box .bottom > p {
    font-size: 22px;
	}


	/* 회사소개 */
	.dot-line img.left,
	.dot-line img.right {
		margin-top: -6%;
	}
	.dot-line img.left {
		margin-left: -34%;
	}


	/* 실적인증 */
	.img-list .certification {
		width: 29.7%;
	}

	.npe-video{
		width: 100% !important;
	}
	.blue{
	 width: 50% !important;
	}
	.blue-img{
	 width: 50% !important;
	}


}


@media all and (max-width:1280px) {

	header {
		height: 90px;
	}
	.main-container {
		margin-top: 90px;
		min-width: auto;
	}
	.main-title > p.big-title {
    font-size: 65px;
	}
	.container {
		max-width: 80%;
	}
	.sub-top {
    padding: 20px 0;
	}
	.user-menu {
		display: none;
	}
	.cert-number {
		height: 320px;
	}


	/* 메인-뉴스 */
	.cert-number img {
		width: 36.5%;
	}
	.cert-counter {
		/* margin-top: 105px; */
		font-size: 48px;
	}
	.countpatent {
		width: 18%;
	}
	.countcert {
		width: 17%;
	}

	.newsbox {
		height: auto;
	}
	.newsbox .row {
		display: block;
	}
	.row.top .news-contents .ns-img img {
		height: 100%;
    width: auto;
	}
	.newsbox .row.bottom .col {
		width: 100%;
	}
	.newsbox .row.bottom .col:nth-of-type(1) {
    width: 25%;
	}
	.newsbox .row.bottom .col:nth-of-type(2) {
    width: 25.5%;
	}
	.newsbox .row.bottom .col:nth-of-type(4) {
    max-width: 26%;
	}
	.row.bottom .news-contents .ns-img {
    display: inline-block !important;
	}
	.row.bottom .ns-text {
    width: 100%;
	}
	.innoimg-val > div {
    margin: 4%;
	}

	/* 메인-컨택 */
	.row.contact {
    height: 100%;
	}
	.contact-box .item-box {
		width: 53%;
		margin-bottom: 20px;
	}


	/* 회사소개 */
	.greeting > div.info-left,
	.greeting > div.info-right {
		width: 100%;
	}

	/* 연혁 */
	.dot-line,
	.dot-line img {
		display: none;
	}
	.motto-bottom {
    background-position: bottom;
	}

	/* 채용정보 */
	.recruit-box.welfare .welfare-box {
    width: 90%;
	}
	.recruit-box.index .index-box {
    margin-top: 3%;
	}


	/* 혁신시제품 */
	.inno .wow .blue {
		width: 100%;
	}
	.inno .wow .blue-img {
		width: 100%;
	}
	.inno .inno-txt {
		padding: 30px 50px;
	}
	.inno .inno-txt > div > ul li {
    line-height: 1.7em;
    font-size: 13px;
	}
	.inno .func > p {
    font-size: 28px;
	}
	.inno .func > span {
    font-size: 18px;
	}

	/* 고객문의 */
	.sub-top > span {
    width: 20%;
    padding-left: 4%;
	}


	header nav.navbar {
		margin: 0 auto;
		display: inline-block;
		text-align: center;
	}
	header a.logo {
		margin: 0 auto;
		width: 215px;
		display: inline-block;
		margin-left: -115px;
		margin-top: -12px;
	}
	nav .collapse.navbar-collapse {
		display: none !important;
	}
	.menu-list {
		display: none !important;
	}
	.unav-burger { display: block; }

	.unav-dropdown { padding-right: 30px; }

	.unav-dropdown:after
	{
			top: 17px;
	}

	.unav-dropdown-menu
	{
		min-width: 100px;
		padding: 10px;
		border-top: none;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		margin-top: 5%;
		background-color: #ececec;
		width: auto;
	}




	/* 모바일메뉴 */
	.unav
	{
		display: block;
	   width: 100%;
	   top: 0;
	   left: 0;
	   max-width: 900px;
	   position: relative;
	   margin: 0 auto;
	}
	.unav-burger
	{
	  width: 50px;
	  height: 50px;
	  margin: 15px 0 0 0;
	  padding: 0;
	  position: absolute;
	  left: 0;
	  font-size: 0;
	  text-indent: -9999px;
	  appearance: none;
	  box-shadow: none;
	  border: none;
	  border-radius: none;
	  cursor: pointer;
	  transition: background 0.15s linear;
	  background-color: transparent;
	  outline: none;
		z-index: 1100;
	}

	.unav-burger span
	{
	    height: 5px;
	    display: block;
	    position: absolute;
	    top: 22.5px;
	    left: 10%;
	    right: 10%;
	    background-color: #d0d0d0;
	    transition: background 0.15s linear 0.15s;
	}

	.unav-burger span::before,
	.unav-burger span::after
	{
	    content: "";
	    width: 100%;
	    height: 5px;
	    display: block;
	    position: absolute;
	    left: 0;
	    background-color: #d0d0d0;
	}

	.unav-burger span::before
	{
	    top: -10px;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear;
	}

	.unav-burger span::after
	{
	    bottom: -10px;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	}

	.unav-burger-open
	{
	    background-color: #fff;
	}

	.unav-burger-open span
	{
	    transition: background 0.15s linear;
	    background: none;
	}

	.unav-burger-open span::before
	{
	    top: 0px;
	    transform: rotate(45deg);
	    transition: top 0.15s linear, transform 0.15s linear 0.15s;
	}

	.unav-burger-open span::after
	{
	    bottom: 0px;
	    transform: rotate(-45deg);
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	}

	.unav nav {
		width: 260px;
		min-height: 600px;
		height: 65%;
		background-color: #fff;
		position: fixed;
	  top: 74px;
	  left: 0;
		overflow-y: auto;
		bottom: 0;
		transition-duration: 0.3s;
		transform: translateX(-270px);
		padding: 5px 10px;
		text-align: center;
		box-shadow: 3px 1px 2px #d9d9d9;
		z-index: 11;
	}

	.unav a.unav-item {
		color: #3a3a3a;
		display: inline-block;
		font-size: 18px;
		font-weight: 500;
		padding: 15px 0;
		border-bottom: 1px solid #d6d6d6;
		width: 100%;
		min-height: 35px;
		line-height: 35px;
		text-align: center;
	}
	.unav-sidebar-show {
	    transform: translateX(0px)!important;
	    display: block !important;
	}

	.unav-item {
	    /* width: 100%;
	    min-height: 35px;
	    line-height: 35px;
	    display: block;
	    text-align: center;
	    padding: 22px 3%; */
	}

	.unav-item:hover,
	.unav-item.menu-act {
		background-color: #fff;
    color: #0275d8 !important;
    transition: all 0.3s;
    border-bottom: 3px solid #0275d8;
	}

	.unav-dropdown {
	    cursor: pointer;
	    position: relative;
	}

	.unav-dropdown.is-active {
	  /* height: auto; */
	  background-color: #ffffff;
	  color: #000;
	}
	.unav-dropdown:after {
	  content: '';
	  border: 7px solid transparent;
	  border-left: 7px solid #0275d8;
	  position: absolute;
	  top: 25px;
	  right: 1px;
	}

	.unav-dropdown.is-active:after {
	    transform-origin: 25% 50%;
	    transform: rotate(90deg);
	}

	.unav-dropdown-menu {
	    /* margin-top: 5%;
	    display: none;
	    background-color: #ececec; */
	}

	.unav-dropdown-menu a {
	    display: block;
	    color: #000;
	}
	.unav-dropdown-menu li {
	  padding: 0;
	  font-size: 15px;
	  color: #55615f;
	  font-weight: 400;
		list-style: none;
	}
	.unav-dropdown-menu li:hover {
	  background-color: #636363;
	  color: #fff;
	}
	.unav-dropdown-menu a:hover { background-color: #d0d0d0; }

	.unav-dropdown-menu.is-active { display: block; }

	.quick-menu {
		width: 60px;
	}
	.img-container {
		top: 35%;
	}
	.img-solar {
		width: 200px;
		height: 135px;
	}
	.img-wind {
		width: 200px;
		height: 135px;
	}


}


/* 태블릿 */
@media all and (max-width:1024px) {

	.row.news {
		height: 1150px;
	}
	.box-flow > li {
		margin: 0 10px;
	}
	/* 푸터 */
	footer {
		height: auto;
	}
	.footer-top {
    padding-bottom: 20px;
		padding-left: 5%;
	}
	.footer-bottom {
		padding-left: 14%;
	}
	.footer-bottom .right {
    padding: 0;
	}
	.footer-top > span:first-of-type {
    font-size: 21px;
	}
	.footer-top > span:last-of-type {
    font-size: 15px;
	}
	.footer-bottom > div {
    width: 100%;
    font-size: 13px;
		text-align: left;
	}

	.main-title > p.big-title {
    font-size: 55px;
	}
	.cert-number img {
    width: 335px;
}
	.cert-number {
    height: 230px;
    padding: 25px 0;
	}
	.cert-counter {
	    /* margin-top: 100px; */
	    font-size: 41px;
	}
	.countcert {
    width: 165px;
	}
	.countpatent {
    width: 162px;
	}
	.row.product {
		height: 900px;
	}
	.bs-text {
    width: 53%;
    padding-left: 5%;
	}
	.tab-pane .product-script p {
    font-size: 14px;
	}
	.product-nav #mainTabContent li a {
    font-size: 13px;
	}
	.innoimg-val > div {
    margin: 2%;
    width: 28%;
}
	.newsbox .row.bottom .col {
		height: 240px;
	}
	.newsbox .row.bottom .col:nth-of-type(1) {
    width: 32%;
	}
	.newsbox .row.bottom .col:nth-of-type(2) {
    width: 66.5%;
	}
	.newsbox .row.bottom .col:nth-of-type(3) {
	  width: 49%;
		margin-top: 7px;
	}
	.newsbox .row.bottom .col:nth-of-type(4) {
	  max-width: 49.5%;
		margin-top: 7px;
	}
	.row.inno {
		height: 1200px;
	}
	.product-inno .borderbox {
    width: 100%;
    height: auto;
    vertical-align: top;
    text-align: left;
    display: contents;
	}
	.innoimg-val .inno-icon img.icon {
		display: none;
	}
	.innoimg-val {
    height: 155px;
	}
	.innotxt-val {
		max-height: none;
		padding-bottom: 50px;
	}

	.bs-text > .bottom {
		font-size: 15px;
		width: 350px;
	}
	.bs-text > .bottom .bs-icon {
		width: 20%;
	}
	.bs-text > .top > p {
    font-size: 27px;
	}
	.bs-text > .top > span {
		margin: 11% 0;
		font-size: 14px;
	}

	/* 연혁 */
	.history {
		width: 95%;
	}
	.main-title > p.subj {
    font-size: 18px;
	}
	.product-inno .item-box .bottom > p {
    font-size: 22px;
	}
	.product-inno .item-box .bottom > span {
    font-size: 14px;
	}

	/* 채용 */
	.recruit-box.index .index-box,
	.recruit-box.talent .talent-box {
		width: 100%;
	}

	/* 오시는길 */
	ul.map-tabs .map-link, ul.map-tabs .map-link a {
    width: 50%;
    padding: 6px 0;
    font-size: 14px;
	}
	.img-container {
		top: 47%;
	}


}
@media all and (max-width:768px) {

	/* 메인 */
	.row.intro {
		height: 845px;
	}
	#introVideo {
		height: 90vh;
	}
	.row.intro .main-title {
		margin-top: 0px !important;
	}
	.product-inno {
		margin-top: 70px;
	}
	.product-nav {
		margin-top: 80px;
	}
	.main-title > p.title {
    font-size: 30px;
	}
	.tab-pane .product-img {
    height: 313px;
    overflow: hidden;
    width: 100%;
	}
	.tab-pane .product-script {
		display: none !important;
	}
	/* .tab-pane .product-script p {
    font-size: 12px;
	} */
	.product-nav #mainTabContent li a {
		font-size: 12px;
	}
	.product-nav #mainTabContent li a > img,
	#mainTabContent.nav-tabs .nav-link.active img.i-white, #mainTabContent.nav-tabs .nav-item.show .nav-link img.i-white {
		display: none;
	}
	.cert-number {
    bottom: 14%;
}


	.row.top .news-contents .ns-img {
    width: 36%;
	}
	.product-inno .item-box .bottom {
    width: 61%;
    margin-left: 8%;
	}
	.product-inno .item-box .bottom > p {
    font-size: 19px;
	}
	.product-inno .item-box .top {
    margin-top: 13%;
    height: 40%;
	}

	.bs-text {
    width: 45%;
    padding-left: 3%;
	}
	.business .business-item > div {
		height: 430px;
	}


	.row.business {
		height: 830px;
	}
	.bs-img {
    width: 45%;
    height: 500px;
	}
	.bs-img > img {
		width: 100%;
		min-width: 250px;
		max-width: 200px;
		height: 82%;
	}
	.bs-text > .top > div {
    font-size: 16px;
	}
	.bs-text {
    width: 54%;
		padding: 9% 0px 0 5%;
	}
	.bs-text > .top > p {
    font-size: 22px;
	}
	.bs-text > .bottom {
    font-size: 13px;
		width: 350px;
		padding: 10px;
	}
	.bs-text > .top > span {
    width: 90%;
		margin: 30px 0;
	}

	.row.contact {
	    height: 100%;
	    margin-bottom: 50px;
	}
	.contact-box .item-box {
    width: 90%;
    margin-bottom: 50px;
	}
	.contact-box div.item-box:nth-of-type(2) {
    margin: 0 0 50px 0;
	}
	.contact-box div.item-box:nth-of-type(3) {
    margin: 0 0 50px 0;
	}

	/* 회사소개 */
	.circle-txt h4 {
    font-size: 19px;
	}

	/* 실적인증 */
	.img-list .certification,
	.img-list.product .certification {
    width: 44.7%;
	}

	/* 고객문의 */
	.ask-tbl tbody tr td {
    padding: 20px 20px;
	}
	.sub-top > span {
    width: 39%;
    padding-left: 4%;
	}

	.contact-box .item-box .top {
		height: 235px;
	}

	.certover p {
    width: 60%;
	}
	.img-container {
		display: none;
	}

}

@media all and (max-width:600px) {
	header .logo img {
    width: 85%;
	}
	.container {
    max-width: 90%;
	}
	.container .title {
		margin-top: 25px;
	}
	.company .title img {
    width: 25px;
	}
	.company .title p {
    font-size: 22px;
	}
	.unav nav {
		width: 200px;
    height: 65%;
	}
	.unav a.unav-item {
	  font-size: 16px;
	}
	.unav-dropdown-menu li {
    font-size: 13px;
	}
	.main-title > p.big-title {
    font-size: 49px;
	}
	.row.intro .container {
    left: 0;
    right: 0;
	}
	.row.product .container {
    left: 5%;
    right: 5%;
	}
	.main-title > p.subj {
    font-size: 19px;
	}
	.product-inno .item-box .bottom > span {
	  font-size: 12px;
		margin-top: 2px;
	}
	.product-inno .main-title > p.subj {
    font-size: 17px;
    padding: 0 26px;
	}
	.tab-pane .product-script h2 {
    font-size: 18px;
	}
	.newsbox {
		padding: 8%;
	}
	.newsbox .row.bottom .col {
		border: 1px solid #aeb3bf;
	}
	.ns-text .top p {
    font-size: 18px;
	}
	.ns-text .bottom {
    font-size: 13px;
	}
	.product-inno .item-box .bottom {
		width: 87%;
	}
	.newsbox .row.bottom .col:nth-of-type(1) {
		display: none;
	}
	.newsbox .row.bottom .col:nth-of-type(2) {
    width: 99.5%;
	}
	.bs-text > .bottom {
    width: 300px;
	}
	.bs-text > .bottom .bs-icon {
		width: 17%;
	}
	.bs-text > .top > span {
		font-size: 12px;
	}
	.business .business-item > div {
		height: 440px;
	}
	.bs-img > img {
    min-width: 200px;
    max-height: 400px;
	}
	.newsbox .row.top {
    padding: 10px 0;
	}

	.info-table tr td:last-of-type {
		font-size: 14px;
	}
	.greeting .detail {
    font-size: 15px;
	}
	.greeting > div.info-right {
		font-size: 14px;
	}
	.org-chart img {
    margin-left: 0px;
	}
	.motto .circle-txt > div p {
    font-size: 16px;
	}
	.cert-tab ul li {
    width: 16%;
	}
	.mapinfo table tr td:first-of-type {
    width: 35%;
	}
	.mapinfo table tr td {
    font-size: 14px;
	}
	.inno .inno-txt > div > p {
    font-size: 16px;
	}
	.inno .inno-txt > div > ul li {
		line-height: 1.5em;
    font-size: 12px;
	}
	.cert-tab .nav-tabs .nav-link,
	.cert-tab .nav-tabs .nav-item .nav-link {
		font-size: 13px;
	}
	.ask-tbl tbody tr td {
    padding: 20px 5px;
	}
	.recruit-box.faqinfo p {
		font-size: 14px;
	}


	.inno .wow .blue {
	  height: 210px;
	}
	.inno .blue p {
    font-size: 34px;
	}
	.inno .inno-txt {
	  padding: 20px 25px;
	}
	.inno .func > p {
	  font-size: 22px;
	}
	.inno .func > span {
    font-size: 15px;
	}
	.inno .wow .blue-img img {
		width: 100%;
	}

	.certover p {
    width: 100%;
    font-size: 15px;
	}
	.img-list.cert .certification:hover .certover p {
	  font-size: 15px;
	}
	.sub-tbl table thead th {
		font-size: 13px;
	}
	.sub-tbl table tbody td {
    font-size: 12px;
	}
	.sub-tbl.news table thead th:first-of-type {
    width: 10%;
	}
	.sub-tbl.news table thead th:nth-of-type(2) {
    width: 61%;
	}
	.ask-info > span {
    font-size: 13px;
	}
	.btn-purple {
		font-size: 13px;
	}
	.btnfaq form input.form-control {
		max-width: 100px;
	}

	.sub-tbl table.supList thead th:nth-of-type(1) {
    width: 10%;
	}
	.sub-tbl table.supList thead th:nth-of-type(3) {
    width: 15%;
	}
	.sub-tbl table.supList thead th:nth-of-type(4) {
    width: 13%;
	}
	.sub-tbl table.supList thead th:nth-of-type(5) {
    width: 25%;
	}

	.history {
    width: 100%;
	}
	.year-line {
    width: 23%;
	}
	.year-line p {
    font-size: 20px;
	}
	.month-line {
		margin-left: 25%;
	}
	.month-detail {
    min-width: 70%;
	}

	.footer-top > span:first-of-type {
    font-size: 18px;
	}
	.footer-top > span:last-of-type {
	 	font-size: 13px;
	}
	.footer-bottom > div {
    font-size: 12px;
	}


	.fullsc.org-chart {
    background-image: none;
	}
}


@media all and (max-width:460px) {

	header a.logo {
		margin-left: -115px;
	}
	.main-title > p.subj {
    font-size: 16px;
	}
	.main-title > p.title {
    font-size: 22px;
	}
	.product-nav #mainTabContent li a {
		font-size: 12px;
    letter-spacing: -1.5px;
	}
	.sub-tbl.news table tbody td {
    padding: 3px 6px;
	}

	.bs-img > img {
    min-width: 165px;
    max-width: 165px;
    max-height: 345px;
	}

	.cert-tab .nav-tabs .nav-link,
	.cert-tab .nav-tabs .nav-item .nav-link {
    font-size: 12px;
	}
	.mapinfo table tr td:first-of-type {
	    width: 37%;
	}

	.img-list .certification,
	.img-list.product .certification {
    width: 45.7%;
		min-height: 230px;
		height: 230px;
	}

	input[type=text], input[type=password], select {
		min-width: 100px;
	}
	.quest-right, .answer-right {
		font-size: 13px;
	}
	.answer-right {
    margin-left: 3%;
	}
	.faqinfo span {
    font-size: 14px;
	}
	.faqinfo a {
		font-size: 13px;
	}


}

@media all and (max-width:320px) {}