:root {
	font-size: var(--font-14);
	--color-base: #000;
	--color-lightblue: #F3F4F8;
	--color-lightblue2: #F8F9FC;
	--color-white: #fff;
	--color-gray1: #f7f7f7;
	--color-gray2: #e2e2e2;
	--color-gray3: #7c7c7c;
	--color-gray4: #D9D9D9;
	--color-point: #0053B7;
	--color-point2: #D1D73C;
	--font-base: Poppins, 'Poppins', Noto Sans KR, 'Noto Sans KR', sans-serif;
	--font-ko: Noto Sans KR, 'Noto Sans KR', sans-serif;
	--border-radius30: 30px;
	--border-radius10: 10px;
	--font-14: clamp(13px, 3.611vw * 0.5, 14px);
	--space-13: clamp(10px, 2.778vw * 0.5, 13px);
	--menu-height: 120px;
	--sub-h2-height: 100px;
	--mt-height100: 100px;
	--side-100: 100px;
	--side-190: 190px;
	--font-sm: 300;
	--font-rg: 400;
	--font-md: 500;
	--font-bd: 700;
	--font-bk: 900;
	--trans: all .3s ease-in-out;
	--trans2: all .2s ease-in-out;
	--trans5: all .5s ease-in-out;
	--delay: 0s;
	--height: calc(var(--vh, 1vh) * 100);
	--ios-pdd-btm: env(safe-area-inset-bottom);
	--shadow: 0px 6px 15.84px 0.16px;
}
::selection{
  background: var(--color-point2);/*배경색바꾸기*/
  color: var(--color-white);/*글자색바꾸기*/
}
* {
  color: var(--color-base);
  font-family: var(--font-base)!important;
	letter-spacing: -0.02rem!important;
	line-height: 1.4;
}
body {
  background-color: var(--color-white);
}
h4, h5, h6, p {
  line-height: inherit;
}
ol,ul, dl {
	padding-left: 0;
	margin-bottom: 0;
}
p {
  color: #696969;
	color: var(--font-base)
}
.pt-120 {
  padding-top: 120px !important;
}
.color-point {
	color: var(--color-point);
}
.wrap {
	width: 100%;
	padding-left: var(--side-100);
	padding-right: var(--side-100);
}
.row {
	margin-left: 0;
	margin-right: 0;
}
.footer_mb {
	/* margin-bottom: 150px; */
}
.imago {
  -webkit-transition: -webkit-clip-path .5s ease-in-out .3s, -webkit-transform .5s ease-in-out .5s, -webkit-filter .5s ease-in-out .5s;
  -o-transition: clip-path .5s ease-in-out .3s, transform .5s ease-in-out .5s, filter .5s ease-in-out .5s;
  transition: clip-path .5s ease-in-out .3s, transform .5s ease-in-out .5s, filter .5s ease-in-out .5s;
  position: relative;
}
.bold {
	font-weight: var(--font-bd);
}
.btn2 {
	width: 550px;
	margin: 0 auto;
}
.btn2 div {
	width: 46%;
	display: inline-block;
}
.btn2 div:nth-of-type(1) {
	margin-right: 7%;
}
.btn_blue {
	width: 100%;
	padding: 20px;
	background-color: var(--color-point);
	color: var(--color-white);
	cursor: pointer;
  border-radius: var(--border-radius10);
	font-weight: var(--font-bd);
	font-size: 20px;
	text-align: center;
}
.btn_gray {
	width: 100%;
	padding: 20px;
	background-color: var(--color-lightblue);
	color: var(--color-base);
	cursor: pointer;
  border-radius: var(--border-radius10);
	font-weight: var(--font-bd);
	font-size: 20px;
	text-align: center;
}
input, textarea, select {
  width: 100%;
	font-size: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius10);
  background: transparent;
  padding: 15px;
}
input[type=checkbox] {
	display:none;
}
input[type=checkbox] + label { 
	cursor: pointer; 
	padding-left: 30px;
	background-repeat: no-repeat;
	background-image: url('/web/images/member/checkbox_off.svg');
	height: 24px;
}
input[type=checkbox]:checked + label {
	background-image: url('/web/images/member/checkbox_on.svg');
}
.checkbox_label {
	padding-top: 4px;
}
::placeholder {
	color: var(--color-gray3);
}
input:focus,
textarea:focus {
	border: 2px solid #000;
}
.pconly {
	display: block;
}
.pconlyflex {
	display: flex;
}
.moonly {
	display: none;
}
.taj {
	text-align: justify;
}
.swiper-pagination-bullet-active {
  background: var(--color-point);
}
@media (max-width: 1500px) {
	:root {
		--menu-height: 100px;
		--side-100: 50px;
	}
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
	:root {		
		--menu-height: 80px;
	}
	.pconly {
		display: none;
	}
	.pconlyflex {
		display: none;
	}
	.moonly {
		display: block;
	}
}
@media (max-width: 768px) {
	:root {		
		--sub-h2-height: 40px;
	}
	.footer_mb {
		margin-bottom: 10px;
	}
}
@media (max-width: 576px) {
	:root {
		--bs-gutter-x: 4%;
		--side-100: 0;
		--border-radius30: 0;
		--border-radius10: 0;
	}
	.btn_blue {
		font-size: 16px;
	}
	.btn_gray {
		font-size: 16px;
	}
	input, textarea, select {
		font-size: 14px;
	}	
	.wrap {
		padding-left: 3%;
		padding-right: 3%;
	}
} 
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
	width: 100%;
	
	margin-right: auto;
	margin-left: auto
}
@media (max-width: 576px) {
	.container,.container-sm {
		max-width: 100%;
		
	}
}


@media (min-width: 1500px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
		max-width: 1320px;
	}
}
@media (min-width: 1501px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
		max-width: 1400px;
	}
}




















/*nav*/
nav .wrap {
	position: relative;
	height: 100%;
}
nav .logo {
	width: 113px;
	margin-top: 40px;
}
nav.nav-scroll .logo {
	margin-top: 20px;
}
.topnav {
  padding: 0;
  z-index: 1000;
}
.navbar-expand-lg .navbar-collapse {
	display: inline-block!important;
	width: 63%;
	margin-left: 4%;
}
nav .navbar-nav.d-flex {
	gap: 0;
}
.navbar .mega-menu {
	width: 100vw;
	left: 0;
}
.navbar .navbar-nav .dropdown-menu {
	font-family: var(--font-ko)!important;
	font-size: 20px;
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
	padding: 10px!important;
}

nav.nav-scroll .navbar-nav .dropdown-menu {
	margin-top: 0;
}
.navbar .navbar-nav .nav-link {
  padding: 43px 10px 50px 10px;
  margin: 0 auto;
}
.navbar.nav-scroll .navbar-nav .nav-link {
  padding: 23px 10px 30px 10px;
}
nav .d1 {
	display: block;
	font-family: var(--font-ko)!important;
	font-size: 18px;
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
  text-align: center;
}
nav .d1:hover {
	color: var(--color-point);
}
.navbar .mega-menu .links {
	display: inline-block;
}
.navbar .mega-menu .dropdown-item {
	display: inline-block!important;
	width: inherit;
	font-size: 15px;
	padding-right: 35px;
  -webkit-transition: var(--trans2);
  -o-transition: var(--trans2);
  transition: var(--trans2);
}
.navbar .mega-menu .dropdown-item:hover {
	color: var(--color-point);
}
.d1depth {
	margin-left: 12.1%;
}
.d2depth {
	margin-left: 22.2%;
}
.d3depth {
	margin-left: 31.6%;
}
.d4depth {
	margin-left: 40.8%;
}
.d5depth {
	margin-left: 49.5%;
}
.d6depth {
	margin-left: 57.5%;
}
@media (max-width: 1700px) {
	.d1depth {
		margin-left: 12.9%;
	}
	.d2depth {
		margin-left: 23.1%;
	}
	.d3depth {
		margin-left: 32.7%;
	}
	.d4depth {
		margin-left: 41.7%;
	}
	.d5depth {
		margin-left: 50.1%;
	}
	.d6depth {
		margin-left: 56.8%;
	}
}
@media (max-width: 1540px) {
	.d1depth {
		margin-left: 13.3%;
	}
	.d2depth {
		margin-left: 23.5%;
	}
	.d3depth {
		margin-left: 32.9%;
	}
	.d4depth {
		margin-left: 42.3%;
	}
	.d5depth {
		margin-left: 50.7%;
	}
	.d6depth {
		margin-left: 56.3%;
	}
}
@media (max-width: 1300px) {
	.d1depth {
		margin-left: 14%;
	}
	.d2depth {
		margin-left: 24.3%;
	}
	.d3depth {
		margin-left: 33.8%;
	}
	.d4depth {
		margin-left: 43.3%;
	}
	.d5depth {
		margin-left: 51.7%;
	}
	.d6depth {
		margin-left: 55.3%;
	}
}
.hamenu {
	z-index: 100000000;
	overflow: none;
}
.hamenu .top {
	height: 40px;
}
.hamenu .top span {
	display: none;
}
.hamenu .top .link {
	float: left;
}
.hamenu .top .link2 {	
	float: right;
}
.hamenu .top .link2 img {
	width: 30px;
}
.hamenu .topnav {
	display: none;
}
.hamenu .topnav.on {
	display: block;
}
.hamenu .menu-links {
  margin-top: 0;
  height: 80vh;
	overflow: scroll;
}
.hamenu .menu-links .main-menu > li .link {
  padding-left : 0;
}
.hamenu .menu-links .main-menu .sub-menu {
  padding-top: 0;
}
.hamenu .menu-links .main-menu .sub-menu li a {
  padding-left: 0;
}
.hamenu .menu-links .main-menu .sub-menu li a:hover {
  color: var(--color-point);
	font-weight: var(--font-md);
}
.hamenu .menu-links::-webkit-scrollbar {
  width: 10px;
}
.hamenu .menu-links::-webkit-scrollbar-thumb {
  background: var(--color-point);
  border-radius: 0;
}
.hamenu .wrap  {
	position:absolute;
	top:50%;
	transform:translateY(-50%); /*translate 이동하다*/
	-moz-transform: transltranslateYate(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.hamenu .col-lg-6:nth-of-type(2) {
	background: url('/web/images/company/img_company.png') center right;
	background-size: cover;
}
nav .header_link {
	float: right;
	width: 240px;
	margin-top: 35px;
	position: relative;
	text-align: right;
	font-family: var(--font-ko)!important;
}
nav.navbar.nav-scroll .header_link {
	margin-top: 15px;
}
nav .header_link p {
	display: inline-block;
	color: var(--font-base);
}
nav .header_link p a {
	margin-left: 10px;
	font-size: 14px;
	font-weight: var(--font-bd);
	font-family: var(--font-ko)!important;
}
nav .header_link > p:nth-last-of-type(1) {
	padding: 10px;
	margin-left: 10px;
}
nav .cur_lang {
	margin-left: 20px;
	font-size: 14px;
	font-weight: var(--font-bd);
	font-family: var(--font-ko)!important;
	cursor: pointer;
	position: relative;
}
nav .option_lang {
	position: absolute;
	left: 125px;
	border: 1px solid #e2e2e2;
	display: none;
	padding: 10px 0;
	background-color: var(--color-white);
}
nav .option_lang p {
	display: block;
}
nav .option_lang p a {
	margin-left: 0;
	width: 60px;
	text-align: center;
	font-weight: var(--font-md);
	padding: 5px 0;
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
}
nav .option_lang p a:hover {
	color: var(--color-point);
}
.topnav .menu-icon .icon i {
  width: 25px;
  margin: 6px 0;
}
.topnav .menu-icon.open {
  margin-left: 15px;
	z-index: 1000000000000;
}
.topnav .menu-icon.open .icon {
  padding-bottom: 20px;
	padding-top: 2px;
}
.topnav .menu-icon.open .icon i {
  top: calc(50%);
  left: -6px;
}
nav .header_link p.menu-icon {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 13px;
}
nav .header_link p img {
	display: inline-block;
	width: 7px;
}
@media (max-width: 1500px) {
	.navbar-expand-lg .navbar-collapse.pconly {
		display: inline-block!important;
	}
}
@media (max-width: 1250px) {
	.navbar-expand-lg .navbar-collapse.pconly {
		display: none!important;
	}
}
@media (max-width: 992px) {
	.navbar .logo {
    max-width: 113px !important;
    margin-left: 0;
		margin-top: 22px;
  }
	nav .header_link {
		margin-top: 17px;
		width: 100px;
	}
	nav .header_link p:nth-of-type(1), nav .header_link p:nth-of-type(2) ,nav .header_link p:nth-of-type(3) {
		display: none;
	}
  .navbar.nav-scroll {
    padding-top: 0;
  }	
	.hamenu .wrap  {
		width: calc(100% - 60px);
		padding-left: 0;
		padding-right: 0;
	}	
	.hamenu .top {
		height: 45px;
		border-bottom: 1px solid #e2e2e2;
	}
	.hamenu .top span {
		display: inline-block;
		padding-right: 10px;
		padding-top: 5px;
	}
	.hamenu .menu-links {
		height: 90vh;
	}	
	.hamenu .col-lg-6 {
		padding: 0;
	}
	.hamenu .menu-links .main-menu > li {
		border-bottom: 1px solid #e2e2e2;
	}
	.hamenu .menu-links .main-menu > li .link {
		padding: 15px 0;
	}
	.hamenu .menu-links .main-menu > li .link .fill-text {
		display: block;
	}
	.hamenu .menu-links .main-menu .sub-menu li a {
		display: block;
	}
}
@media (max-width: 768px) {
	.hamenu .wrap  {
		width: calc(100% - 30px);
	}	
	.hamenu.open .menu-links .main-menu > li .link {
    padding: 15px 0;
  }
	.hamenu .wrap .top .link {
		font-size: 14px;
	}
  .hamenu .menu-links .main-menu > li .link {
    font-size: 20px;
  }
  .hamenu .menu-links .main-menu .sub-menu li {
    font-size: 15px;
  }
	.hamenu .menu-links .main-menu .sub-menu li a {
		padding: 5px 0;
	}
	.hamenu .menu-links .main-menu > li .link i {
		right: 30px;
	}
}











/*푸터*/
.footer-container .tit span {
	display: inline-block;
	padding-right: 20px;
	color: var(--color-gray3);
	font-weight: var(--font-md);
}
.footer-container .info div {
	display: inline-block;
}
.footer-container .info span.tit {
	padding-right: 10px;
	font-weight: var(--font-md);
	color: var(--font-base);
}
.footer-container .info span {
	padding-right: 20px;
	font-weight: var(--font-rg);
	color: var(--color-gray3);
}
@media (max-width: 768px) {
	.footer-container .info.company {
		text-align: justify;
	}
	.footer-container .info.company div, .footer-container span {
		display: inline; 
		word-break: break-all;
	}
	.footer-container .pb-30 {
		padding-bottom: 15px!important;
	}
	.footer-container .pt-30 {
		padding-top: 15px!important;
	}
	footer.pb-50 {
		padding-bottom: 30px!important;
	}
} 
@media (max-width: 576px) {
	.footer-container .tit, .footer-container .info {
		font-size: 12px;
	}
	.footer-container .fz-14 {
		font-size: 11px!important;
	}
} 
/*공통 사이드바*/
.sidebar {
	position: fixed;
	right: 0;
	top: 80%;
	transform:translateY(-80%); /*translate 이동하다*/
	-moz-transform: translateY(-80%);
	-webkit-transform: translateY(-80%);
	-o-transform: translateY(-80%);
	z-index: 10;
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
	right: -100px;
	opacity: 0.9;
}
.sidebar:hover {
	right: 0;
}
.sidebar li {
	font-size: 18px;
	font-weight: var(--font-md);
	background-color: var(--color-base);
	color: var(--color-white);
}
.sidebar li span {
	color: var(--color-white);
	display: inline-block;
	padding-top: 10px;
}
.sidebar li span::after {
  content: '';
  display: block;
  background-color: var(--color-point2);
  width: 0;
  height: 2px;
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
}
.sidebar li:hover span::after {
  width: 100%;
}
.sidebar li:nth-of-type(1) {
	background-color: var(--color-point);
	border-radius: 10px 0 0 0;
}
.sidebar li:nth-of-type(4) {
	background-color: var(--color-white);
	border-radius: 0 0 0 10px;
}
.sidebar li:nth-of-type(4) span {
	color: var(--color-base);
}
.sidebar li a {	
	display: block;
	padding: 15px 30px 15px 15px;
}
.sidebar li img {
	width: 40px;
	margin-right: 15px;
}
@media (max-width: 1100px) {
	.sidebar {
		top: 93%;
		right: 20px;
	}
	.sidebar:hover {
		right: 20px;
	}
	.sidebar li {
		display: none;
	}
	.sidebar li:nth-of-type(4) {
		display: block;
		border-radius: 60px;
		border: 1px solid #e2e2e2;
		width: 60px;
		opacity: 0.8;
	}
	.sidebar li:nth-of-type(4) img {
		width: 210%;
	}
	.sidebar li:nth-of-type(4) span {
		display: none;
	}
}






























/*메인 슬라이드*/
.arch-slider {
	padding: 120px 5vw 0;
	min-height: 80vh;
}
.arch-slider .container {
	width: 1300px;
}
.arch-slider .bg-img, .arch-slider .swiper-wrapper, .arch-slider .swiper-slide {
	border-radius: var(--border-radius30);
}
.arch-slider .bg-img {
	background-position: center center;
}
.arch-slider .parallax-slider .caption h1 {
  font-size: 30px;
}
.arch-slider .parallax-slider .caption p {
  padding-left: 0;
  margin-left: 0;
	font-size: 75px;
	font-weight: var(--font-bd);
  position: relative;
}
.arch-slider .parallax-slider .caption p:after {
  display: none;
}
.slider .parallax-slider .caption p {
  color: var(--color-white);
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}
.slider .parallax-slider .swiper-slide {
  min-height: calc(100vh - 120px);
}

/*메인 about*/
.about-intro.section-padding {
	padding-top: 150px;
}
.about-intro .imago img, .about-intro .o-hidden {
	border-radius: var(--border-radius30);
}
.about-intro .imgs .img1 {
  width: 75%;
  margin-top: 0;
}
.about-intro .imgs .img2 {
  width: 46%;
  border: none;
}
.about-intro .imgs .img1 img {
  top: 0;
}
.about-intro .imgs .img2 img {
  border: 10px solid #ffffff;
}
.about-intro h2 .rotate-text {
	font-size: 75px;
	line-height: 1.3;
}
.about-intro h6 {
	font-size: 28px;
	font-weight: var(--font-bd);
	line-height: 1.5;
}
.about-intro p {
	padding-top: 50px;
	font-size: 25px;
	color: var(--color-base);
	font-weight: var(--font-bd);
	line-height: 1.8;
}
.about-intro .intro-arrow {
	position:relative;
}
.about-intro .intro-arrow .go a {
	position: absolute;
	bottom: 40px;
	right: 0;
	padding: 20px;
	display: block;
}

/*메인 제품*/
.works {
	position: relative;
	background-color: var(--color-gray1);
}
.works .container {
	position: relative;
	z-index: 000000000;
}
.works h2 {
	position: absolute;
	font-size: 80px;
	top: -20px;
}
.works.thecontainer {
	width: 200vw;
	z-index: 0;
}
.works .panel .item {
	padding-top: 100px;
  /* width: 39.5vw; */
}
.works .panel img {
	border-radius: var(--border-radius30);
}
.works .panel .item .cont {
  padding-left: 20px;
	margin-top: 20px;
}
.works .panel .item .cont h5 {
  font-size: 40px;
	font-weight: var(--font-bd);
}

/*메인 뉴스*/
.blog-list2 .item {
	padding: 30px 0;
}
.blog-list2 h3 {
	font-size: 60px;
	font-weight: var(--font-bd);
}
.blog-list2 h4 {
	font-size: 20px;
	font-weight: var(--font-bd);
}
.blog-list2 .vew-all {
	font-size: 20px;
	font-weight: var(--font-bd);
}
.blog-list2 .col-lg-12 a {
	display: block;
}
.blog-list2 .title {
	padding-right: 15px;
	padding-left: 15px;
}
.blog-list2 .title h5 {
	font-size: 26px;
	font-weight: var(--font-bd);	
}
.blog-list2 .title h6 {
	font-size: 16px;
	font-weight: var(--font-rg);
	line-height: 1.7;
}
.blog-list2 .title span {
	font-size: 14px;
	font-weight: var(--font-rg);
	color: var(--color-gray3);
	display: block;
}
.blog-list2 .items {
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
}
.blog-list2 .item:hover {
	background-color: var(--color-point);
}
.blog-list2 .item:hover h5, .blog-list2 .item:hover h6, .blog-list2 .item:hover span {
	color: var(--color-white);
}
.blog-list2 .items img {
	border-radius: var(--border-radius10);
}
.blog-list2 .item .categ a {
	border: 0;
}
@media (max-width: 1500px) {
	.arch-slider {
		padding-left: 3vw;
		padding-right: 3vw;
	}
	.works h2 {
		font-size: 70px;
		top: -20px;
	}
	.slider .parallax-slider .caption {
		padding-left: 30px;
	}
}
@media (max-width: 1399px) {
	.arch-slider .parallax-slider .caption h1 {
		font-size: 25px;
	}
	.arch-slider .parallax-slider .caption p {
		font-size: 60px;
	}
	.about-intro.section-padding {
		padding-top: 130px;
	}
	.about-intro .cont .feat {
		padding-left: 50px;
	}
	.about-intro h2 .rotate-text {
		font-size: 60px;
	}
	.about-intro h6 {
		font-size: 24px;
	}
	.about-intro p {
		padding-top: 50px;
		font-size: 20px;
	}
	.works h2 {
		font-size: 60px;
		top: 0;
	}
	.works .panel .item .cont h5 {
		font-size: 30px;
	}
	.blog-list2 .item {
		padding: 20px 0;
	}
	.blog-list2 h3 {
		font-size: 50px;
	}
	/* .blog-list2 .title {
		padding-top: 15px;
	} */
	.blog-list2 .title h5 {
		font-size: 24px;
	}
	.blog-list2 .title h6 {
		font-size: 15px;
	}
	.blog-list2.section-padding {
		padding-bottom: 50px;
	}
	
}
@media (max-width: 1200px) {	
	.about-intro .cont .feat {
		padding-left: 20px;
	}
	.about-intro .cont .feat.mt-80 {
		margin-top: 40px!important;
	}
	.about-intro h6 {
		font-size: 23px;
	}
	.about-intro.section-padding {
		padding-bottom: 100px;
	}
	.blog-list2 .item .categ a {
		padding: 8px 15px;
	}
}
@media (max-width: 992px) {
	.about-intro .cont .feat {
		padding-left: 0;
	}
	.about-intro .cont .feat .ml-30 {
		margin-left: 0!important;
	}
  .works.thecontainer {
    width: 100%;
    min-height: auto;
    display: block;
  }
	.works .panel .item {
		width: 80%;
		margin: 0 auto;
	}
	.blog-list2 .row .vew-all {
		display: none;
	}
	.blog-list2 .categ {
		width: 100%;
	}
	.blog-list2 .categ.md-mb30 {
		margin-bottom: 0!important;
	}
	.blog-list2 .item .categ a {
		padding: 0;
		width: 100%;
	}
	.blog-list2 .item:hover {
		background-color: inherit;
	}
	.blog-list2 .item:hover h5, .blog-list2 .item:hover h6, .blog-list2 .item:hover span {
		color: inherit;
	}
}
@media (max-width: 830px) {
	.works .panel .item {
		width: 90%;
	}
}
@media (max-width: 992px) {	
	.arch-slider {
		padding-top: var(--menu-height);
	}
}
@media (max-width: 768px) {
	.arch-slider .parallax-slider .caption h1 {
		font-size: 20px;
	}
	.arch-slider .parallax-slider .caption p {
		font-size: 50px;
	}
	.about-intro .cont .feat.mt-80 {
		margin-top: 10px!important;
	}
	.about-intro h2 .rotate-text {
		font-size: 50px;
	}
	.about-intro h6 {
		font-size: 20px;
	}
	.about-intro p {
		padding-top: 20px;
		font-size: 20px;
	}
}
@media (max-width: 576px) {
	.arch-slider {
		padding-left: 0;
		padding-right: 0;
	}
	.slider .parallax-slider .caption {
		padding-left: 0;
	}
	.arch-slider .parallax-slider .caption h1 {
		font-size: 16px;
		text-align: center;
	}
	.arch-slider .parallax-slider .caption p {
		font-size: 30px;
		text-align: center;
	}
	.about-intro.section-padding {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.about-intro h2 .rotate-text {
		font-size: 35px;
	}
	.about-intro h6 {
		font-size: 18px;
	}
	.about-intro p {
		font-size: 16px;
		font-weight: var(--font-md);
	}
	.works .panel .item {
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
	}
	.works .panel:nth-of-type(1) .item {
		padding-top: 70px;
	}
	.works h2 {
		font-size: 35px;
	}
	.works .panel {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	.works .panel .item .cont {
		padding-left: 0;
		margin-top: 10px;
	}
	.works .panel .item .cont h5 {
		font-size: 18px;
	}
	.works .panel .item .cont span {
		font-size: 14px;
		font-weight: var(--font-rg);
	}
	.works.thecontainer {
		padding-bottom: 90px;
	}	
	.blog-list2 .row > * {
		padding-left: 0;
		padding-right: 0;
	}
	.blog-list2 h3 {
		font-size: 35px;
	}
	.blog-list2 h4 {
		font-size: 16px;
	}
	.blog-list2.section-padding {
		padding-top: 100px;
		padding-bottom: 20px;
	}
	.blog-list2 .row.mb-30 {
		margin-bottom: 10px!important;
	}
	/* .blog-list2 .title {
		padding-right: 0;
	} */
	.blog-list2 .title h5 {
		font-size: 18px;
		text-align: justify;
	}
	.blog-list2 .title h6 {
		font-size: 13px;
		line-height: 1.5;
		text-align: justify;
	}
	.blog-list2 .title span {
		font-size: 12px;
	}	
}






















/*공통 서브*/
.top_subimg {
	margin-top: calc(var(--menu-height));	
	margin-left: var(--side-100);
	margin-right: var(--side-100);
	height: 300px;
	text-align: center;
	color: var(--color-white);
	padding-top: 90px;
	border-radius: var(--border-radius30);
}
.top_subimg h2 {
	color: var(--color-white);
	font-size: 60px;
}
.top_subimg p {
	font-weight: var(--font-md);
	font-size: 14px;
}
.sub-container {
	margin-top: var(--sub-h2-height);
}
.sub-container h2 {
	font-size: 45px;
	text-align: center;
}
.sub-container h3 {
	text-align: center;
}
.sub-contents {
	margin-top: 100px;
}
.sub-contents .inner {
	text-align: center;
}
.sub-contents .mt100 {
	margin-top: 100px;
}
.sub-contents .pd100 {
	padding-top: 100px;
}
.sub-contents .pdb100 {
	padding-bottom: 100px;
}
.sub-contents .mt70 {
	margin-top: 70px;
}
.sub-contents .mt50 {
	margin-top: 50px;
}
.sub-contents .mt20 {
	margin-top: 20px;
}
.sub-contents .mt10 {
	margin-top: 10px;
}
.sub-contents .inner h3, .sub-contents .inner .h3 {
	font-size: 35px;
	display: block;
	width: 100%;
	font-weight: var(--font-bd);
	line-height: 1.4;
}
.sub-contents .inner h4 {
	font-size: 25px;
	display: block;
	width: 100%;
}
.sub-contents .inner p, .sub-contents .inner .pp {
	font-size: 19px;
	font-weight: var(--font-rg);
	line-height: 1.7;
	width: 100%;
	display: block;
	font-family: var(--font-ko)!important;
}
.sub-contents .inner .p18 {
	font-size: 18px;
}
.sub-contents .inner p.p16 {
	font-size: 16px;
}
.sub-contents .inner p.img130 img {
	width: 130px;
}
.sub-contents .inner p.img90 img {
	width: 90px;
}
.sub-contents .inner .row.div2 .d-flex:nth-of-type(1) {
	padding-left: 0;
	padding-right: 10px;
}
.sub-contents .inner .row.div2 .d-flex:nth-of-type(2) {
	padding-right: 0;
	padding-left: 10px;
}
.sub-contents .inner .row.div4 .d-flex:nth-of-type(1) {
	padding-left: 0;
	padding-right: 20px;
}
.sub-contents .inner .row.div4 .d-flex:nth-of-type(2) {
	padding-left: 0;
	padding-right: 10px;
}
.sub-contents .inner .row.div4 .d-flex:nth-of-type(3) {
	padding-left: 10px;
	padding-right: 10px;
}
.sub-contents .inner .row.div4 .d-flex:nth-of-type(4) {
	padding-left: 10px;
	padding-right: 0;
}
.sub-contents .inner.bord .col-lg-4, .sub-contents .inner.bord .col-lg-3 {
	border: 1px solid #e2e2e2;
	border-radius: var(--border-radius10);
	padding: 50px 40px;
}
.sub-contents .inner .div3 .col-lg-4 {
	margin-right: 20px;
	width: calc(98.7% / 3 - 10px);
}
.sub-contents .inner .div3.img .col-lg-4 {
	margin-right: 60px;
	width: calc(99% / 3 - 40px);
	padding-left: 0;
	padding-right: 0;
}
.sub-contents .inner .div3 .col-lg-4:nth-of-type(3n) {
	margin-right: 0;
}
/* .sub-contents .inner .div4 .col-lg-3 {
	margin-right: 20px;
	width: calc(99% / 4 - 13px);
	border: 1px solid #000;
} */
.sub-contents .inner .div4.img .col-lg-3 {
	margin-right: 20px;
	width: calc(99% / 4 - 13px);
	padding-left: 0;
	padding-right: 0;
}
.sub-contents .inner .div4 .col-lg-3:nth-of-type(4n) {
	margin-right: 0;
}
.sub-contents .inner.blueline h4::after {
	content: '';
  display: block;
  background-color: var(--color-point);
  width: 30px;
  height: 2px;
  margin: 15px auto;
}
.sub-contents .inner p.w900img {
	text-align: center;
}
.sub-contents .inner p.w900img img {
	max-width: 1300px;
}
.sub-contents .inner p.w800img {
	text-align: center;
}
.sub-contents .inner p.w800img img {
	max-width: 800px;
}
.sub-contents img.radius10 {
	border-radius: var(--border-radius10);
}
.sub-contents .radius10 {
	border-radius: var(--border-radius10);
}
@media (max-width: 1200px) {
	.sub-contents .inner h4 {
		font-size: 21px;
	}
	.sub-contents .inner .p18 {
		font-size: 16px;
	}
	.sub-contents .inner p.p16 {
		font-size: 14px;
	}
	.sub-contents .inner .div3.img .col-lg-4 {
		width: calc(98.5% / 3 - 40px);
	}	
	.sub-contents .inner .div4.img .col-lg-3 {
		width: calc(98.5% / 4 - 13px);
	}
}
@media (max-width: 991px) {
	.sub-contents .inner h3, .sub-contents .inner .h3 {
		font-size: 25px;
	}
	.sub-contents .inner h4 {
		font-size: 19px;
	}
	.sub-contents .inner p, .sub-contents .inner .pp {
		font-size: 16px;
		line-height: 1.7;
	}
	.sub-contents .inner br {
		display: none;
	}
	.sub-contents .inner br.br {
		display: block;
	}
	.sub-contents .inner .p18 {
		font-size: 14px;
	}
	.sub-contents .inner p.p16 {
		font-size: 13px;
	}
	.sub-contents .inner .row.div2 .d-flex:nth-of-type(1) {
		padding-right: 0;
	}
	.sub-contents .inner .row.div2 .d-flex:nth-of-type(2) {
		padding-left: 0;
		padding-top: 20px;
	}
	.sub-contents .inner.bord .col-lg-4 {
		padding: 30px 20px;
	}
	.sub-contents .inner.bord .col-lg-3 {
		padding: 30px 20px;
	}
	.sub-contents .inner .div3 .col-lg-4 {
		width: 100%;
		margin-bottom: 20px;
	}
	.sub-contents .inner .div3.img .col-lg-4 {
		width: 100%;
		margin-bottom: 50px;
	}
	.sub-contents .inner .div3 .col-lg-4:nth-of-type(3) {
		margin-bottom: 0;
	}		
	.sub-contents .inner .div4.img .col-lg-3 {
		margin-right: 20px;
		width: calc(96% / 2);
		margin-bottom: 20px;
	}
	.sub-contents .inner .div4.img .col-lg-3:nth-of-type(2n), .sub-contents .inner .div4.img .col-lg-3:nth-of-type(4n) {
		margin-right: 0;
	}
	.sub-contents .inner .div4.img .col-lg-3:nth-of-type(3), .sub-contents .inner .div4.img .col-lg-3:nth-of-type(4) {
		margin-bottom: 0;
	}
	.sub-contents .inner .div4 .d-flex {
		width: calc(99.8% / 2);
		margin-bottom: 20px;
	}
	.sub-contents .inner .row.div4 .d-flex:nth-of-type(1) {
		padding-left: 0;
		padding-right: 20px;
	}
	.sub-contents .inner .row.div4 .d-flex:nth-of-type(2) {
		padding-left: 0;
		padding-right: 0;
	}
	.sub-contents .inner .row.div4 .d-flex:nth-of-type(3) {
		padding-left: 0;
		padding-right: 20px;
		margin-bottom: 0;
	}
	.sub-contents .inner .row.div4 .d-flex:nth-of-type(4) {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
	}
}
@media (max-width: 768px) {
	.sub-container h2 {
		font-size: 35px;
	}
	.sub-contents {
		margin-top: 40px;
	}
	.top_subimg {
		height: 150px;
		padding-top: 40px;
	}
	.top_subimg h2 {
		font-size: 30px;
	}
	.sub-contents .mt100 {
		margin-top: 50px;
	}
	.sub-contents .pd100 {
		padding-top: 50px;
	}
	.sub-contents .pdb100 {
		padding-bottom: 50px;
	}
	.sub-contents .pd70 {
		padding-top: 40px;
	}
	.sub-contents .mt50 {
		margin-top: 30px;
	}
	.sub-contents .inner .div4.img .col-lg-3 {
		width: calc(95% / 2);
	}
} 
@media (max-width: 576px) {
	.sub-container h2 {
		font-size: 25px;
	}
	.sub-container .mt-80 {
		margin-top: 40px!important;
	}
	.sub-contents .mt20 {
		margin-top: 10px;
	}
	.top_subimg {
		padding-top: 60px;
	}
	.top_subimg p {
		display: none;
	}
	.sub-contents .inner h3, .sub-contents .inner .h3 {
		font-size: 20px;
	}
	.sub-contents .inner h4 {
		font-size: 18px;
	}
	.sub-contents .inner p, .sub-contents .inner .pp {
		font-size: 15px;
		line-height: 1.7;
	}
	.sub-contents .inner p.img130 img {
		width: 100px;
	}
	.sub-contents .inner p.img90 img {
		width: 80px;
	}
	.sub-contents .inner .div4.img .col-lg-3 {
		width: calc(92% / 2);
	}
	.sub-contents .inner .div4.mt20 {
		margin-top: 20px;
	}
} 











/*탭*/
.sub-container .tab-kpt {
}
.sub-container .nav-item.active {
	background-color: #000;
}
.tab-content h2 {
	padding-top: var(--sub-h2-height);
}
ul.d-flex{
  gap: 5px;
	display: flex;
}
.nav-pills .nav-item {
	border: 1px solid #E2E2E2;
	border-radius: var(--border-radius10);
}
.nav-pills .nav-link {
	border-radius: calc(var(--border-radius10) - 2px);
	padding: 20px;
	color: var(--font-base);
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	height: 100%;
}
.nav-link:focus,.nav-link:hover {
	color: var(--font-base);
	font-weight: var(--font-md);
}
.nav-pills .nav-link.active {
	color: var(--color-white);
	background-color: var(--color-base);
	font-weight: var(--font-md);
}
@media (max-width: 992px) {
	.nav-pills .nav-link {
		padding: 15px;
		font-size: 15px;
	}
}
@media (max-width: 576px) {
	.board_search .custom-select {
		padding: 10px;
		font-size: 13px;
	}
	.nav-pills .nav-link {
		padding: 10px;
	}
}










/*게시판*/
.board_search {
	width: 600px;
	margin: 0 auto;
	margin-bottom: var(--sub-h2-height);
	overflow: hidden;
}
.board_search .selectbox {
	float: left;
  width: 25%;
	margin-right: 3%;
}
.board_search .selectbox select {
	display: none;
}
.board_search .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 54px;
  font-size: 18px;
  cursor: pointer;
	border-bottom: 2px solid #000;
	border-radius: 0;
}
.board_search .custom-select-text {
  position: absolute;
  top: 12px;
  left: 1px;
}
.board_search .custom-select-arrow {
  position: absolute;
  top: 15px;
  right: 0;
	width: 24px;
}
.board_search .custom-select-list {
  position: absolute;
  font-size: 16px;
	line-height: 48px;
  width: 150px;
  height: 96px;
  z-index: 15;
  border: solid 1px #c7c7c7;
  background-color: var(--color-white);
  text-align: left;
  margin-top: -3px;
	display: none;
}
.board_search .custom-select-option {
  height: 48px;
	line-height: 48px;
  padding-left: 15px;
  cursor: pointer;
}
.board_search .custom-select-option:hover {
  color: var(--color-white);
  background-color: var(--color-point);
}
.board_search .searchinput {
  position: relative;
	width: 70%;
	float: right;
}
.board_search.product_search .searchinput {
  position: relative;
	width: 100%;
	float: left;
}
.board_search .searchinput .form-group {
  position: relative;
}
.board_search .searchinput input {
	border: 0;
	border-bottom: 2px solid #000;
	border-radius: 0;
  padding: 15px 30px 15px 0;
}
.board_search .searchinput button {
  padding: 15px 5px;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: 0;
}
.board_list {
	border-top: 2px solid #000;
}
.board_list thead th {
	display: none;
}
.board_list th a {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	font-size: 20px;
	display: inline-block;
	width: 100%;
}
.board_list td {
	padding-top: 40px;
	font-size: 15px;
	padding-right: 30px;
	text-align: right;
}
.board_list2 {
  display: flex;
  flex-wrap: wrap;
}
.board_list2 > li a {
	width: 100%;
}
.board_list2 > li {
	width: calc(95% / 3);
	border: 1px solid #e2e2e2;
	display: inline-block;
	margin-right: 2%;	
	border-radius: var(--border-radius10);
	padding: 50px;
	text-align: center;
  flex-direction: column;
	-webkit-flex-direction: column;
	margin-bottom: 30px;
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
}
.board_list2 > li img {
	width: 100%;
}
.board_list2.taleft > li {
	text-align: left;
}
.board_list2 > li:hover {
	border: 1px solid #000000;
}
.board_list2 > li ul li {
	display: block;
}	
.board_list2 > li ul li.date {
	color: var(--color-gray3);
	padding-bottom: 20px;
}	
.board_list2 > li ul li.date2 {
	color: var(--color-gray3);
}	
.board_list2 > li ul li.title {
	font-weight: var(--font-bd);
	padding-bottom: 20px;
	font-size: 25px;
}	
.board_list2 > li ul li.down {
	font-weight: var(--font-bd);
	font-size: 18px;
}	
.board_list2 > li ul li.down img {
	width: 24px;
}	
.board_list2 > li:nth-of-type(3n) {
	margin-right: 0;	
}
.board_view {
	width: 100%;
}
.board_view li {
	text-align: center;
}
.board_view .subject {
	font-size: 35px;
	font-weight: var(--font-bd);
}
.board_view .date {
	font-size: 18px;
	padding-top: 20px;
}
.board_view .contents {
	font-size: 18px;
	text-align: left;
	margin-top: 70px;
	border-top: 2px solid #000;
}
.board_view .contents .file_download {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e2e2e2;
	padding-left: 10px;
	padding-right: 10px;
}
.board_view .contents .text {
	border-bottom: 1px solid #e2e2e2;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.7;
	padding-top: 70px;
	padding-bottom: 70px;
}
.board_view .contents .text img {
	width: 60%;
}
.board_view .file_download li {
	display: inline-block;
	margin-right: 20px;
}
.board_view .file_download li a {
	color: var(--color-point);
}
.board_view .file_download li:nth-of-type(1) {
	font-weight: var(--font-bd);
}
.board_view .file_download li img {
	width: 24px;
}
.board_btn_list {
	width: 100%;
	margin:0 auto;
	text-align: center;
}
.sub-container .board_list.type1 th {
	width: 80%;
}
.sub-container .pagination li {
  display: inline-block;
}
.sub-container .pagination li img {
  width: 24px;
	margin-top: -4px;
}
.sub-container .pagination li a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  margin: 0 4px;
  text-align: center;
	font-size: 16px;
}
.sub-container .pagination li.arrow a {
  border: 1px solid #e2e2e2;
}
.sub-container .pagination li.active a {
  background: rgba(0, 0, 0, 1);
	color: var(--color-white);
	font-weight: var(--font-bd);
}
@media (max-width: 1200px) {
	.board_list2 > li ul li.title {
		font-size: 20px;
	}	
	.board_list2 > li ul li.down {
		font-size: 16px;
	}	
}
@media (max-width: 992px) {
	.board_list2 > li {
		width: calc(97% / 2);
		padding: 30px;
		margin-right: 3%;	
	}
	.board_list2 > li:nth-of-type(3n) {
		margin-right: 3%;	
	}
	.board_list2 > li:nth-of-type(2n) {
		margin-right: 0;	
	}
	.board_list2 > li ul li.title {
		font-size: 20px;
	}	
}
@media (max-width: 768px) {
	.board_search {
		width: 100%;
	}
	.board_list th a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0;
		font-size: 15px;
	}
	.board_list td {
		padding-top: 18px;
		font-size: 14px;
		padding-right: 0;
	}
	.board_list2 > li {
		width: 100%;
		margin-right: 0;	
		margin-bottom: 20px;
	}
	.board_list2 > li ul li.date {
		padding-bottom: 10px;
	}	
	.board_list2 > li ul li.title {
		padding-bottom: 10px;
		font-size: 16px;
	}	
	.board_list2 > li ul li.down {
		font-size: 15px;
	}	
	.board_list2 > li ul li.down img {
		width: 18px;
	}	
	.board_list2 > li:nth-of-type(3n), .board_list2 > li:nth-of-type(2n) {
		margin-right: 0;	
	}
	.board_list2 > li ul li.pb-20 {
		padding-bottom: 10px!important;
	}
	.sub-container .pagination li img {
		width: 15px;
		margin-top: -2px;
	}
	.sub-container .pagination li a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
	}
	.board_view .subject {
		font-size: 20px;
	}
	.board_view .date {
		font-size: 14px;
		padding-top: 10px;
	}
	.board_view .contents {
		font-size: 14px;
		margin-top: 30px;
	}
	.board_view .contents .text img {
		width: 100%;
	}
	.board_view .contents .file_download {
		font-size: 15px;
		padding-top: 15px;
		padding-bottom: 7px;
	}
	.board_view .contents .text {
		padding-top: 40px;
		padding-bottom: 40px;
		font-weight: var(--font-rg);
	}
	.board_view .contents .file_download li {
		margin-bottom: 7px;
	}
} 
@media (max-width: 576px) {
	.board_search .custom-select {
		height: 51px;
		font-size: 15px;
	}
	.board_search .custom-select-list {
		font-size: 15px;
		width: 100px;
	}
} 
























/*로그인*/
.member {
	padding-top: calc(var(--menu-height));
}
.login {
	width: 500px;
	margin: 0 auto;
}
.login ul li {
	padding-bottom: 30px;
}
.login ul li:nth-of-type(4) {
	padding-bottom: 0;
}
.login ul li.label {
	font-size: 18px;
	font-weight: var(--font-bd);
	padding-bottom: 7px;
}
.login .loginlink {
	padding-top: 30px;
}
.login .loginlink p, .login .loginjoin p {
	display: inline-block;
	font-size: 14px;
	font-weight: var(--font-rg);
}
.login .loginlink input[type="checkbox"] {
	width: inherit;
}
.login .loginlink p:nth-of-type(2) {
	float: right;
}
.login .loginlink p:nth-of-type(2) a {
	padding-left: 20px;
}
.login .btn_blue {
	margin: 40px 0 20px;
}
.login .loginjoin p {
	font-size: 16px;
}
.login .loginjoin {
	text-align: center;
}
.login .loginjoin p:nth-of-type(1) {
	padding-right: 15px;
}
.login .loginjoin p:nth-of-type(2) {
	font-weight: var(--font-bd);
	color: var(--color-point);
}
.login .loginjoin p:nth-of-type(2) a {	
	text-decoration: underline;
}

/*아이디비번찾기*/
.search {
	width: 100%;
}
.search .notice {
	width: 100%;
	border-radius: var(--border-radius10);
	border: 1px solid var(--color-gray2);
	padding: 120px;
	text-align: center;
	font-size: 18px;
}
.search .notice span {
	color: var(--color-point);
	font-weight: var(--font-bd);
}

/*회원폼*/
.memberform .mt-80 {
	border-top: 2px solid #000;
}
.memberform dl {	
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	clear: both;
}
.memberform dt, dd {
	display: table-cell;	
}
.memberform dt {
	width: 220px;
	font-size: 18px;
	font-weight: var(--font-bd);
	padding: 20px 0 20px 50px;
	vertical-align: middle;
}
.memberform dt span {
	color: var(--color-point);
}
.memberform dd {
	padding: 20px 20px 20px 0;
}
.memberform dd .w400 {
	width: 400px;
}
.memberform dd .w1000 {
	width: 1050px;
}
.memberform dd .w200 {
	width: 200px;
}
.memberform dd .w300 {
	width: 300px;
}
.memberform dd .s_btn {
	width: inherit;
	background-color: var(--color-base);
	color: var(--color-white);
}
.memberform dl.pw div {
	display: table-cell;
}
.memberform input.add-file {
	border: 0;
	padding-left: 0;
}
.memberform dd p {
	font-size: 12px;
	padding-top: 5px;
	font-weight: var(--font-rg);
	color: var(--color-point);
}
.memberform .btn_blue {
	margin-top: 40px;
}
.agree {
	padding-top: var(--sub-h2-height)!important;
}
.agree h5 {
	font-size: 35px;
	font-weight: var(--font-bd);
}
.agree ul p {
	display: inline-block;
}
.agree li {
	padding-bottom: 20px;
	font-size: 18px;
}
.agree li:nth-of-type(4) {
	padding-bottom: 0;
}
.agree li p {
	font-size: 18px;
	font-weight: var(--font-bd);
	padding-left: 10px;
	text-decoration: underline;
	cursor: pointer;
}
.agree .checkbox_label {
	padding-top: 0;
}

@media (max-width: 1399px) {
	.memberform dl.pw div  {
		display: inline-block;
		margin-top: -30px;
	}
	.memberform dd .w1000 {
		width: 850px;
	}
}
@media (max-width: 1200px) {
	.memberform dd .w1000 {
		width: 650px;
	}
}
@media (max-width: 992px) {
	.memberform dd .w1000 {
		width: 400px;
	}
	.memberform dd .w400 {
		width: 100%;
	}
	.memberform dd .w200 {
		width: 25%;
	}
}

@media (max-width: 768px) {
	.login {
		width: 100%;
	}
	.btn2 {
		width: 100%;
	}
	.search .notice {
		padding: 60px;
		font-size: 16px;
	}
	.memberform dd .w1000 {
		width: 250px;
	}
	.memberform dd textarea {
		font-size: 13px;
	}
}

@media (max-width: 576px) {
	.btn2 div {
		width: 48%;
		display: inline-block;
	}
	.btn2 div:nth-of-type(1) {
		margin-right: 3%;
	}
	.btn2.pt-60 {
		padding-top: 10px!important;
	}
	.memberform dt {
		width: 100px;
		padding-left: 5px;
		font-size: 15px;
	}
	.login ul li.label {
		font-size: 16px;
	}
	.login.pt-50 {
		padding-top: 10px!important;
	}
	.memberform dt {
		font-size: 14px;
	}
	.agree.pt-100 {
		padding-top: 60px!important;
	}
	.agree h5 {
		font-size: 20px;
	}
	.agree li {
		font-size: 15px;
	}
	.agree li p {
		font-size: 15px;
	}
	.memberform dd .w1000 {
		width: 100%;
	}
} 









/*R&D*/
.top_subimg.rnd {
	background: url('/web/images/rnd/top.png') center center;
	background-size: cover;
}

/*IRPR*/
.top_subimg.irpr {
	background: url('/web/images/irpr/top.png') center center;
	background-size: cover;
}

/*고객지원*/
.top_subimg.customer {
	background: url('/web/images/customer/top.png') center center;
	background-size: cover;
}

/*회사소개*/
.top_subimg.company {
	background: url('/web/images/company/top.png') center center;
	background-size: cover;
}
.company .ceo .inner {
	background: url('/web/images/company/img_company.png') center left no-repeat;
}
.company .ceo1 {
	text-align: left;
	padding-left: 50px;
}
.company .ceo1 h2, .company .ceo1 h4 {
	text-align: left;
}
.company .ceo1 h2::before {
	content: '';
  display: block;
  background-color: var(--color-base);
  width: 30px;
  height: 5px;
  margin-bottom: 50px;
}
.company .history {
	position: relative;
}
.company .history .year {
	display: inline-block; 
	font-size: 80px;
	font-weight: var(--font-md);
	vertical-align: top;
	width: 250px;
}
.company .history .line {
	position: relative;
	display: inline-block; 
}
.company .history .circle {
	position: absolute;
	content: '';
  display: inline-block;
  background-color: var(--color-point);
  width: 18px;
  height: 18px;
	border-radius: 9px;
	border: 5px solid #ccdcf1;
  margin-left: 80px;
	margin-top: 50px;
}
.company .history .circle:after {
	position: absolute;
	content: '';
  display: inline-block;
  background-color: var(--color-gray4);
  width: 1px;
  height: 500px;
  margin-left: 4px;
	margin-top: 13px;
}
.company .history .list {
	display: inline-block;
	padding-left: 180px;
}
.company .history .list ul {
	display: inline-block;
}
.company .history .list li {
	display: block;
}
.company .history .list li p {
	display: inline-block;
	font-size: 18px;
	padding-bottom: 20px;
}
.company .history .list li p.date {
	font-weight: var(--font-bd);
	width: 100px;
	font-family: var(--font-ko)!important;
	vertical-align: top;
}
.company .history .list li p.comment {
	font-weight: var(--font-rg);
	font-family: var(--font-ko)!important;
}
.company .history img {
	width: 300px;
	vertical-align: top;
}
.company .history .list_2020 img {
	position: absolute;
	margin-left: 180px;
}
.company .history .list_2020 ul {
	padding-left: 350px;
}
.company .history .list_2010 img, .company .history .list_2000 img {
	position: absolute;
	right: 0;
}
.company .history .list_2010 .circle:after {
  height: 1200px;
}
.company .history .list_2010 ul, .company .history .list_2000 ul {
  padding-top: 45px;
}
.company .map {
	width: 100%;
	height: 600px;
}
.company .map iframe {
	border-radius: var(--border-radius10);
	width: 100%;
	height: 100%;
	border: 0;
}
.company .certification .row > * {
  padding-left: 0;
  padding-right: 0;
}
.company .certification .item2 {
	position: relative;
}
.company .certification .item .item3 {
	border: 1px solid #e2e2e2;
	border-radius: var(--border-radius10);
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
}
.company .certification .item .item2:hover .item3 {
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid #000;
	z-index: 1;
}
.company .certification .item .item2:hover img {
  -webkit-transition: var(--trans);
  -o-transition: var(--trans);
  transition: var(--trans);
}
.company .certification .item .item2:hover .item3 img {
	opacity: 0.5;
}
.company .certification .item .item2:hover .zoom {
	opacity: 1;
}
.company .certification .item > div .zoom {
	opacity: 0;
	width: 100%;
  -webkit-transition: var(--trans2);
  -o-transition: var(--trans2);
  transition: var(--trans2);
}
.company .certification .item .circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	background: #000;
	border-radius: 25px;
	z-index: 100;
	cursor: pointer;	
}
.company .certification .item .zoom img {
	width: 30px;
	padding-top: 10px;
}
.company .certification .item3 img {
	width: 100%;
	padding: 30px;
}
.company .certification .item > p {
	margin-top: 10px;
	line-height: 1.4;
}
.company .certification .d-flex {
	width: calc(100% / 5 - 48px);
	margin-right: 60px;
}
.company .certification .d-flex:nth-of-type(5n) {
	margin-right: 0;
}
.company .certification .d-flex:nth-of-type(n+6) {
	margin-top: 60px;
}
@media (max-width: 1399px) {
	.company .history img {
		position: absolute;
		margin-left: 0!important;
		left: 0;
		margin-top: 150px;
	}
	.company .history .list_2020 ul {
		padding-left: 0;
		padding-top: 45px;
	}
	.company .certification .item > p {
		font-size: 17px;
	}
	.company .certification .d-flex {
		width: calc(100% / 5 - 24px);
		margin-right: 30px;
	}
	/* .company .certification .d-flex:nth-of-type(n+6) {
		margin-top: 60px;
	}	 */
}
@media (max-width: 1200px) {
	.company .history .list {
		padding-left: 130px;
	}
}
@media (max-width: 991px) {
	.company .history .year {
		font-size: 40px;
	}
	.company .history img {
		position: relative!important;
		margin-top: 0;
		width: 100%;
		display: block;
	}
	.company .history .circle {
		display: none;
	}
	.company .history .list {
		position: relative;
		display: block;
		padding-left: 0;
	}
	.company .history .list li p {
		font-size: 16px;
	}
	.company .history .list_2020 ul {
		padding-left: 0;
		padding-top: 20px;
	}
	.company .history .list_2010 ul, .company .history .list_2000 ul {
		padding-top: 20px;
	}
	.company .certification .item > p {
		font-size: 15px;
	}
	.company .certification .d-flex {
		width: calc(100% / 3 - 34px);
		margin-right: 50px;
	}
	.company .certification .d-flex:nth-of-type(n+6) {
		margin-top: 0;
	}
	.company .certification .d-flex:nth-of-type(5n) {
		margin-right: 50px;
	}
	.company .certification .d-flex:nth-of-type(n+4) {
		margin-top: 60px;
	}
	.company .certification .d-flex:nth-of-type(3n) {
		margin-right: 0;
	}
}
@media (max-width: 768px) {
	.company .map {
		width: 100%;
		height: 500px;
	}
	.company .certification .d-flex {
		width: calc(100% / 3 - 20px);
		margin-right: 30px;
	}
	.company .certification .d-flex:nth-of-type(5n) {
		margin-right: 30px;
	}
	.company .certification .d-flex:nth-of-type(3n) {
		margin-right: 0;
	}
	.company .certification .d-flex:nth-of-type(n+4) {
		margin-top: 40px;
	}
	.company .certification .item > p:nth-of-type(2) {
		font-size: 14px;
	}
	.company .certification .item3 img {
		padding: 5px;
	}
	.company .history .year {
		font-size: 30px;
	}
	.company .history .list li {
		display: block;
	}
	.company .history .list li p {
		font-size: 14px;
	}
	.company .history .list li p.date {
		width: 70px;
	}
	.company .history .list li p.comment {
		width: calc(100% - 75px);
	}


} 

/*제품*/
.top_subimg.product {
	background: url('/web/images/product/top.png') center center;
	background-size: cover;
}
.sub-container .tab-kpt .col-2 {
	width: 16%
}
.prod_list {
	border-top: 1px solid #000;
}
.prod_list thead th {
	font-size: 18px;
	background-color: var(--color-gray1);
	padding: 20px;
	border-bottom: 1px solid #e2e2e2!important;
	vertical-align: middle;
}
.prod_list tbody td {
	padding: 20px;
	font-size: 16px;
	vertical-align: middle;
}
.prod_list.small thead th {
	font-size: 13px;
	padding: 15px 10px;
}
.prod_list.small tbody td {
	font-size: 14px;
}
.prod_list.small .color {
	width: 87px;
}
.prod_list.td3 tbody td {
	border-right: 1px solid #e2e2e2;
}
.prod_list.td3 tbody td:nth-of-type(3) {
	border: 0;
}
.prod_list.td4 tbody td {
	border-right: 1px solid #e2e2e2;
}
.prod_list.td4 tbody td:nth-of-type(4) {
	border: 0;
}
.prod_list.td9 tbody td {
	border-right: 1px solid #e2e2e2;
}
.prod_list.td9 tbody td:nth-of-type(9) {
	border: 0;
}
.sub-contents .starphere .row {
	text-align: left;
}
.sub-contents .starphere .row > div:nth-of-type(1) {
	padding-left: 0;
}
.sub-contents .starphere .row >  div:nth-of-type(2) {
	padding-right: 0;
	text-align: justify;
}
.sub-contents .starphere .row >  div h4 {
	margin-bottom: 0;
}
.sub-contents .starphere .row >  div .p18 {
	font-weight: var(--font-md);
}
.border5 {
	border: 5px solid #F7F7F7;
}
.bgc_lightblue {
	background-color: var(--color-lightblue2)!important;
	font-weight: var(--font-md);
}
.fwmd {
	font-weight: var(--font-md);
}
.bgc_gray {
	background-color: var(--color-gray1)!important;
}
.bgc_white {
	background-color: var(--color-white)!important;
}
.sub-contents ul.keyword li {
	padding: 10px;
	margin-top: 5px;
	border-radius: var(--border-radius10);
	font-weight: var(--font-md);
	border: 1px solid #e2e2e2;
}
@media (max-width: 1399px) {	
	.sub-container .inner.tableoverflow {
		overflow-x: auto;
	}
}
@media (max-width: 1199px) {
	.sub-contents .starphere .row >  div .p16 {
		line-height: 1.4;
	}
}
@media (max-width: 991px) {
	.prod_list thead th {
		font-size: 14px;
		padding: 20px;
	}
	.prod_list tbody td {
		font-size: 13px;
	}
	.sub-contents .starphere .row > div {
		padding-left: 0;
		padding-right: 0;
	}
	.sub-contents .starphere .row >  div h4 {
		padding-top: 10px;
		text-align: center;
		font-size: 25px;
	}
	.sub-contents .starphere .row >  div .p18 {
		text-align: center;
		font-size: 16px;
	}
	.sub-contents .starphere .row >  div .p16 {
		text-align: center;
		font-size: 16px;
		line-height: 1.6;
	}
}
@media (max-width: 768px) {
	.sub-container .tab-kpt .col-2 {
		width: 32%;
	}
	.sub-contents .starphere .row >  div h4 {
		font-size: 20px;
	}
	.sub-contents .starphere .row >  div .p18 {
		font-size: 15px;
	}
	.sub-contents .starphere .row >  div .p16 {
		font-size: 14px;
	}
	.tdoverflow {
		width: 800px;
	}
	.prod_list thead th {
		padding: 10px;
	}
	.prod_list tbody td {
		padding: 10px;
	}
	.prod_list.small thead th {
		font-size: 12px;
	}
	.prod_list.small tbody td {
		font-size: 13px;
	}
}
@media (max-width: 576px) {	
}
@media (max-width: 360px) {	
	.sub-container .tab-kpt .nav-pills .nav-link {
		font-size: 13px;
	}
}
.SlideCircle {
	background: url('/web/images/product/Charcoal7.png') center center;
	background-size: cover;
}
.SlideCircle.graybg {
	background: var(--color-gray1)
}
.SlideCircle h3 {
	color: var(--color-white);
	text-align: center;
}
.SlideCircle .brand-marq {
  padding: 180px 0 280px;
}
.SlideCircle.graybg .brand-marq {
  padding: 120px 0 280px;
}
.SlideCircle .brand-marq .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.SlideCircle .brand-marq .box .item {
  margin: 0 -50px;
}
.SlideCircle .brand-marq .box .item .img {
  width: 280px;
  height: 280px;
  top:50%;
	padding-top: 125px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
	color: var(--color-white);
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.SlideCircle.graybg .brand-marq .box .item .img {
  border: 1px solid rgba(0, 0, 0, 0.1);
	color: var(--color-base);
}
.SlideCircle .brand-marq .box .item .img.line2 {
	padding-top: 110px;
}
.SlideCircle .brand-marq .box .item .img.line3 {
	padding-top: 100px;
}
.SlideCircle .brand-marq .box .item .img img {
  width: 120px;
}
.SlideCircle .brand-marq .box .item .img:hover {
  border-color: rgba(255, 255, 255, 0.7);
}
.SlideCircle.SlideCircle.graybg .brand-marq .box .item .img:hover {
  border-color: rgba(0, 0, 0, 0.7);
}
.SlideCircle .brand-marq .box .item:nth-of-type(even) {
  margin-top: -180px;
}
.SlideCircle .brand-marq .box .item:nth-of-type(odd) {
  margin-bottom: -180px;
}
.slide-har.st1 .box {
  position: relative;
  -webkit-animation: slide-har 30s linear infinite;
  animation: slide-har 30s linear infinite;
}
.slide-har.st2 .box {
  position: relative;
  -webkit-animation: slide-har-revers 30s linear infinite;
  animation: slide-har-revers 30s linear infinite;
}
@media (max-width: 768px) {
	.SlideCircle .brand-marq {
		padding: 180px 0 230px;
	}
	.SlideCircle.graybg .brand-marq {
		padding: 200px 0 280px;
	}
} 

/*ESG*/
.top_subimg.esg {
	background: url('/web/images/esg/top.png') center center;
	background-size: cover;
}
/* .work-carsouel.social {
	height: 800px;
}*/
/* .valign {
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}  */
.work-carsouel .work-controls {
  bottom: -50px;
}
.swiper-button-next,.swiper-button-prev {
	background-color: var(--color-white);
}
.swiper-controls.arrow-out .right {
 margin-left: -20px;
}
.philosophy .row {
  padding-left: 0;
  padding-right: 0;
}
.philosophy .col-lg-6 {
	text-align: center;
}
.philosophy .col-lg-6 p.center {
	width: 550px;
	margin: 0 auto;
	text-align: justify;
}
.philosophy .col-lg-6 p.center .h3 {
	font-family: var(--font-ko)!important;
}
.philosophy .col-lg-6 p.center.blank {
	padding-top: 400px;
}
@media (max-width: 1399px) {
	.philosophy .col-lg-6 p.center {
		width: 450px;
	}
}
@media (max-width: 1200px) {
	.philosophy .col-lg-6 p.center {
		width: 350px;
	}
}
@media (max-width: 991px) {
	.philosophy .col-lg-6 p.center {
		width: 100%;
	}
	.philosophy .col-lg-6 p.center.blank {
		padding-top: 0;
	}
}

/*채용*/
.top_subimg.recruit {
	background: url('/web/images/recruit/top.png') center center;
	background-size: cover;
}
.recruit_after .col {
	background-color: var(--color-lightblue);
	border-radius: var(--border-radius10);
	padding: 30px;
	width: calc(100% / 6 - 10px);
	margin-right: 10px;
}
.recruit_after .col:nth-of-type(6n) {
	margin-right: 0;
}
.recruit_after .col p {
	font-size: 18px;
	line-height: 1.2;
}
.recruit_after .col img {
	width: 80%;
}
.recruit_test {
	background: var(--color-gray1);
	border-radius: var(--border-radius10);
	padding: 40px 30px;
}
.recruit_test > div > div {
	text-align: left;
}
.recruit_test > div > div span:nth-of-type(1) {
	display: inline-block!important;
	margin-right: 10px;
	background: var(--color-point);
	border-radius: 20px;
	padding: 5px;
	text-align: center;
	width: 180px;
	color: var(--color-white);
	vertical-align: top;
}
.recruit_test > div > div span:nth-of-type(2) {
	padding-top: 5px;
}
@media (max-width: 1399px) {
	.recruit_test .col-xl-6 {
		width: 100%;
	}
	.recruit_test .col-xl-6:nth-of-type(2) {
		margin-top: 10px;
	}
}
@media (max-width: 991px) {
	.recruit_after .col {
		padding: 20px 10px;
		width: calc(100% / 4 - 8px);
		margin-right: 10px;
	}
	.recruit_after .col:nth-of-type(6n) {
		margin-right: 10px;
	}
	.recruit_after .col:nth-of-type(4n) {
		margin-right: 0;
	}
	.recruit_after .col:nth-of-type(5) {
		margin-top: 10px;
	}
	.recruit_after .col:nth-of-type(6) {
		margin-top: 10px;
	}
	.recruit_after .col p {
		font-size: 15px;
	}
	.recruit_after .col img {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.recruit_test {
		padding: 30px 10px;
	}
	.recruit_test > div > div span:nth-of-type(1) {
		margin-right: 0;
		width: 100%;
	}
	.recruit_test > div > div span, .recruit_test > div > div p {
		display: block;
		text-align: center;
	}
	.recruit_after .col {
		width: calc(100% / 3 - 8px);
		margin-right: 10px;
	}
	.recruit_after .col:nth-of-type(6n) {
		margin-right: 10px;
	}
	.recruit_after .col:nth-of-type(4n) {
		margin-right: 10px;
	}
	.recruit_after .col:nth-of-type(3n) {
		margin-right: 0;
	}
	.recruit_after .col:nth-of-type(4) {
		margin-top: 10px;
	}
	.recruit_after .col p {
		font-size: 14px;
	}
}