<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap" rel="stylesheet">

@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face { font-family: 'Noto Sans KR-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/Noto Sans KR-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }

/* common _ jyp */
* {
  font-family: 'Raleway', 'Noto Sans KR', sans-serif;
}
body {
  font-family: 'Raleway', 'Noto Sans KR', sans-serif;
  color:#000;
  letter-spacing:0;
  -webkit-text-size-adjust: none;
  overflow-x:hidden;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {
  color:#333;
  margin:0;
  padding:0;
  font-size:15px;
  line-height:1.756em;
  font-weight:500;
}
table,td,th {
  font-family: 'Raleway', 'Noto Sans KR';
  color:#000;
}
table {
  border-collapse:collapse;
  border-spacing:0
}
ul,ol,li {
  list-style:none;
}
a,img {
  outline:0;
  text-decoration:none;
  border:0;
}
a:link,a:visited,a:active,a:hover {
  outline:0;
  text-decoration:none;
  color:#000;
}

img.fit {
  width:100%;
}
img.max-fit {
  max-width:100%;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, {
  margin-top:0;
  font-family: 'Raleway', 'Noto Sans KR', sans-serif;
}
.row {
  padding-right:0px !important;
  padding-left:0px !important
}
.row::after {
  clear:both;
}
.row::before,.row::after {
  display:table;
  content: " ";
}

[canvas=container],
[off-canvas] {
  padding: 10px 20px;
}

[class*=js-] {
  cursor: pointer;
}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

select {width:auto !important;}

/* Footer */
.P-footer {
  width: 100%;
  float: left;
  background: #272727;
  position: relative;
  z-index:9;
}
.f_wrap{width: 100%;max-width:1280px; margin: auto;position: relative;}
.footer-info {position: relative; width: 100%;margin-top: 50px;margin-bottom: 50px;float: left;}
.footer-info ul{float: left;width: 100%;}
.footer-info li {width: 100%;}
.copy-item {
  display: block;
  width: 60%;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
  color: #f9f9f9;
  font-weight: 300;
  float: left;
  word-break: keep-all;
}
.footer_m{display: none;}
.copy-item b {color:#ffffff;}
.copy-item div {font-size: 14px;font-weight: 400;color: #f9f9f9;line-height: 1.9;}
.footer-info li div span{margin-right: 10px; font-weight: 500;margin-right: 5px;color: #f9f9f9;}
.footer-info li div span span {font-weight: 400;margin-right: 5px;color: #fff;}
.footer_call_wrap{width: 100%; background: #272727;border-top:1px solid #ccc;}
#totalANDzeroweb {font-size: 13px;position: relative;padding: 0 !important; word-break:keep-all;}
#totalANDzeroweb div{font-size: 13px;color: #f9f9f9; text-align: left; background: #272727; margin-top:22px;}
/* Footer 끝*/
#menu_box { display:none; }

.s_blog {display:block; width:29px; float:right; position:absolute; right:0; top:0; z-index:9999999;}
.s_blog img {width:100%;}

/* all  */
@media all{
  dl {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
  }

  a{
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
  }
}
#SUB_Scontent {margin: 0 auto;}

.m { display: none; }
.t { display: none; }
.pc { display: block; }

#sticky-sticky-wrapper {z-index: 99999999; position: relative;}

.wrap .P-member {
    display: block;
    position: absolute;
    text-align: right;
    width: 100%;
    right: 0;
    z-index: 1;
}
.wrap .P-member-nav a{color: #fff;height: 50px;line-height: 50px;margin-left: 10px;font-size: 14px;font-weight: 400;}
.wrap .P-member-nav a:active, .wrap .P-member-nav a:visited{color: #fff;}

.pushy .P-member{background: #f5f5f5;width: 100%;padding: 15px 0;float: left;margin-bottom: 50px;}
.pushy .P-member-nav a{float: left;width: 50%;text-align: center;font-size: 18px;line-height: 18px;color: #fff;}
.pushy .P-member-nav a:active, .pushy .P-member-nav a:visited{color: #fff;}

#menu_box { display:none;}
.P-header {
	width: 100%;
	height: 90px;
	margin:auto;
	top: 0;
	z-index: 2;
	position: relative;
	display: inline-block;
	background:#fff;
}
.P-header.change {background:#fff;}
.P-nav-logo {
    position: relative;
    float: left;
    margin: auto;
    width: 200px;
    padding: 17px 0;
    overflow: hidden;
}
.P-nav {width:600px;cursor: pointer;float: left;}
.P-nav2 {width: 165px;cursor: pointer;float: right;}
.P-nav2 div{text-align: center;padding: 7px 0 3px 0;margin: 30px 0px;font-size: 16px;font-weight: 400;border-radius: 50px;transition-duration: .2s;border: 1px solid #333;letter-spacing: 1px;}
.P-nav2 div a{color: #000;} 
.P-nav2 div:hover{background: #000; border: 1px solid #000;}
.P-nav2 div:hover a{color: #000;}
#btn-top-menu{display: none !important;}

.P-nav li{position: relative; float: left;}
.P-nav ul ul{display: none;margin-top: 90px;position: absolute; left:0; text-align: left;width: 238%;background: #fff; padding-left: 20px;}
.P-nav ul .members{width: 160%;left: -30%;}
.P-nav-item:hover .P-nav ul ul{display: block;}
.P-nav ul ul li{height: 50px;line-height: 50px;font-size: 16px;font-weight: 300;float: inherit;}
.P-nav ul ul li:hover a{font-weight:600; color: #f26f27;}

.P-nav-item {
	position: relative;
	display: block;
	padding: 0 20px;
	height: 90px;
	color: #000 !important;
	float: left;
	text-align: center;
	font-weight: 500;
	transition-duration: .2s;
	font-size: 16px;
	line-height: 90px;
	letter-spacing: 0px;
} 
.visible-lg ul li:hover > ul{display:block;}
.P-nav-item span{
    position: absolute; 
    width: 100%; 
    top: 25px;
    opacity: 0;
    transition-duration: .2s;
}
.P-nav-item:hover, .P-nav-item:focus {
	color: #000 !important;
	height: 90px;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
}
/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #000;
  height: 3px;
  -webkit-transition-property:left, right;
  transition-property:left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0%;
}

.visible-lg {display: block !important;}
.hidden-lg {display: none!important;}

.lang_btn{float: right;line-height: 33px;padding: 0 0 0 18px; margin-top: 28px;}
.lang_col{border: 0;padding: 5px 38px 5px 3px; cursor: pointer;font-size: 16px;}

.gnb ul:after {content:""; display:block; clear:both;}

/*로고 끝*/
.wrap {
  width: 1280px;
  margin: auto;
}
.wrap_in {
  height: 90px;
  margin:0 auto;
}
.visible-lg {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.hidden-lg {display:none;}

/*덕우 메인*/
.main_visiual {width:100%;}
.visiual_wrap {position:relative; width:100%; margin:auto; height:635px;}
.swiper-container {height:635px;}
.visiual_in {height:635px; background:url("../images/main/main_img.png") no-repeat center / cover;}
.visiual_txt {width:1280px; position:absolute; left:50%; top:58%; transform:translate(-50%, -50%);  z-index:9;}
.visiual_txt strong {display:block; font-size:50px; font-weight:700; color:#fff; text-align:right; padding-bottom:22px;}
.visiual_txt p {font-size:26px; font-weight:400; color:#fff; text-align:center; }
.section_in {width:1280px; margin:auto;}

.mainTit {font-size:36px; color:#282828; line-height:1.4; font-weight:800;}
.mainsubTit {font-size:26px; font-weight:600;}
.mainsubTxt {font-size:16px; line-height:1.8; font-weight:400;}

/*상품소개*/
.best {width:100%; padding:94px 0;}
.best .left {width:40%; float:left;}
.best .right {width:60%; float:left;}
.best .right h3.mainTit {color:#282828; padding-bottom:30px; text-align:left;}
.best .right h3.mainsubTit {color:#282828; text-align:left;}
.best .right p.mainsubTxt {color:#282828; text-align:left; margin-top:30px;}
.best .section_in:after {content:""; display:block; clear:both;}
/*상품소개*/

/*회사소개*/
.products .section_in {position:relative; z-index:2;}
.products {position:relative; width:100%; max-height: 580px; padding:94px 0 0; background:url("../images/main/product_bg.png") no-repeat center / cover; background-attachment:fixed;}
.products .mainTit {color:#fff; text-align:center;}
.products .mainsubTxt {color:#fff; text-align:center;}
.productsList {margin-top:76px;}
.products ul li {width:31.75%; float:left;}
.products ul li a {display:block; width:100%; height:100%;}
.products ul li h3.mainsubTit {color:#fff; text-align:center;}
.products ul li span {display:block; margin:20px  auto; width:112px; height:37px; line-height:37px; border:1px solid rgba(255, 255, 255, 0.8); color:rgba(255, 255, 255, 0.8); text-align:center; font-size:16px; font-weight:500; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out;}
.products ul li div { width:100%; height:269px; overflow:hidden; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out; border:1px solid #f9f9f9;}
.products ul li div.one div {background:url("../images/main/proimg01_240724.png") no-repeat center / cover;}
.products ul li div.two div {background:url("../images/main/proimg02_210125.jpg") no-repeat center / cover;}
.products ul li div.three div {background:url("../images/main/proimg03_210125.jpg") no-repeat center / cover;}
.products ul li:nth-child(2) {margin:0 30px;}
.products ul li a:hover div div{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);  -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1);  transform: scale(1.1);}
.products ul li a:hover span {background:#fff; color:#000;}
.productsList:after {content:""; display:block; clear:both;}
/*회사소개*/

.etc {width:100%; padding:160px 0 94px;}
.etc ul {display:flex; flex-flow:wrap;}
.etc li {width:25%; text-align:center;}
.etc .mainsubTit {padding:22px 0;}
.etc .mainsubTxt {width: 65%; margin: auto;}

.blackBg.mobile {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3);}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  
}


/* [ 0 ~ 1280px 적용] */
@media all and (max-width:1280px){  
  #main {width:90%; margin: 0 auto;}
  .pc{display:none;}
  .t{display:block;}
  .m{display:none;}
  .subMenu {display:none;}
  .P-header{height: 80px; background: #fff;}
  .P-nav-logo{padding:24px 0;width: 150px;}
  #btn-top-menu{display: block !important; width: 28px; float: right; padding: 26px 0; margin-right: 5%;}
  .visible-lg{display: none !important;}
  .wrap .P-member{display: none;}
  .right.pushy-open {z-index:99999999999999999;}
  .lang_btn {display:none;}
  .bando_sns {float: right; margin-right: 5%; padding-top: 18px;}

  .section_in, .visiual_txt, .wrap {width:90%;}
  .products ul li {width: 30%;}
  .products ul li:nth-child(2) {margin:0 5%;}

  .f_wrap {max-width:90%;}
  
}

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

@media all and (max-width:974px) {
  .visiual_wrap {height:650px;}
  .visiual_txt {font-size:26px;}
  .mainTit {font-size:30px;}
  .mainsubTit {font-size:20px;}
  .mainsubTxt {font-size:15px;}
  #totalANDzeroweb div {float:none; margin-top:50px;}
  .etc li {width:50%; margin-bottom:44px;}
  .etc li:nth-child(3), .etc li:nth-child(4) {margin-bottom:0;}
  .etc .mainsubTxt {width:90%;}
}

@media all and (max-width:700px){
  .visiual_wrap {height:550px;}
  .visiual_txt {font-size:20px;}
  .products ul li {width:100%; float:none;}
  .products ul li h3.mainsubTit {float:left;}
  .products ul li span {float:right; margin:-10px 0 10px;}
  .products ul li div {height:180px;margin-bottom: 30px;}
  .products ul li:nth-child(2) {margin:0 auto 14px;}
  .products ul li a:after, .products ul li:after {content:""; display:block; clear:both;}
  .products {max-height:950px;}
  .etc li img {width:90px;}
  .best .left, .best .right {width:100%; float:none;}
  .best .left {margin-bottom:30px;}
  .products {background-size:inherit;}
  .blackBg.mobile {display:block; z-index:0;}
}

@media all and (max-width:480px){
  .best {padding:64px 0;}
  .products {padding-top:64px;}
  .etc {padding:150px 0 64px;}
  .mainsubTxt {line-height:1.5;}
  .best .right p.mainsubTxt {line-height:1.8;}
  .visiual_txt strong {font-size:34px; padding-bottom:12px;}
  .visiual_txt p {font-size:20px;}  
  .products {max-height: 850px;}
  .products ul li div {height: 150px; margin-bottom: 50px;}
  .etc .mainsubTit {padding: 18px 0 12px;}
}