/*------------------------------------ Theme Name:137lab-theme-basic Author:Design Laboratory 137lab Author URI:http://www.137lab.com/
Description:137lab의 기본 테마입니다. 본 테마는 저작권법 [ copyright law,著作權法 ] 에의해 보호받고 있습니다. 무단 복제나 변형등의 사용을 금하며 무단 사용시 사용한 당사자 또는 단체에게 법적 책임을 묻게 됩니다. Text Domain:137lab Version:1.0.0------------------------------------*/
@charset "euc-kr";
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	word-break:keep-all;
}
html {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow-x:hidden;
	position:absolute;
	width:100%;
	height:100%
}
*,*::before,*::after {
	-webkit-box-sizing:inherit;
	box-sizing:inherit;
}
li {
	list-style:none;
}
/* remember to define focus styles! */:focus {
	outline:0;
}
h1 {
	font-family:'Noto Sans KR';
	font-size:54px;
	color:#333333;
	font-style:normal;
	font-stretch:normal;
	line-height:normal;
	letter-spacing:-0.5px;
}
h2 {
	font-family:'Noto Sans KR';
	font-size:36px;
	color:#333333;
	font-style:normal;
	font-stretch:normal;
	line-height:1.28;
	letter-spacing:normal;
}
h3 {
	font-family:'Noto Sans KR';
	font-size:34px;
	color:#333333;
	font-style:normal;
	font-stretch:normal;
	line-height:normal;
	letter-spacing:normal;
}
h4 {
	font-family:'Noto Sans KR';
	font-size:24px;
	color:#333;
	font-style:normal;
	font-stretch:normal;
	line-height:1.42;
	letter-spacing:normal;
	text-align:left;
}
h5 {
	font-family:'Noto Sans KR';
	font-size:20px;
	color:#2f5bea;
	font-style:normal;
	font-stretch:normal;
	line-height:normal;
}
h6 {
	font-family:'Noto Sans KR';
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	font-stretch:normal;
	line-height:1.56;
	letter-spacing:normal;
}
body {
	font-family:'Noto Sans KR',sans-serif;
	line-height:1;
	color:#333;
	background:white;
	font-size:14px;
}
ol,ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
	font-weight:normal;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}
blockquote,q {
	quotes:"""";
}
img,fieldset {
	border:none;
}
img {
	vertical-align:middle;
}
hr.layout {
	display:none;
}
em,address {
	font-style:normal;
}
ins {
	text-decoration:none;
}
.text-cut {
	display:block;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
a {
	text-decoration:none;
	-khtml-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
a:active {
	text-decoration:none;
}
legend {
	height:0;
	width:0;
	display:block;
	text-indent:-9999em;
}
label {
	cursor:pointer;
}
button::-moz-focus-inner {
	padding:0;
	border: 0;
}
/*
 .pll-parent-menu-item > a{    border-radius: 30px; padding:6px 15px !important; margin-left:20px; margin-right:20px; background:#C9CACA; color:#fff !important; font-size:16px  !important; font-weight:400 !important;}
 */
 .commingsoon{
	 width:100%;

	 display:flex; flex-direction:column; justify-content: center;  align-items: center;
	 font-size:30px;
	 font-weight:900;

 }
 .commingsoon img{max-width:600px; margin:100px auto;}
.form-btns .wpcf7-submit {
	appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;

    background: #A72033 !important;
    color: #fff  !important;
    padding: 15px 25px;
    border-radius: 50px;
    font-size: 18px;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.current-menu-ancestor>a{color:#DF1F2A !important; }
/* html5 */
object,del,sub,var {
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
.searchform input {
	border:none;
	border-bottom:1px solid #333;
}
.fixedPosition {
	position:fixed;
	width:100vw;
}
.nav-up {
	top:-136px !important;
}
.nav-down {
	top:0px;
}
.nav-up .header-fixed {
	-khtml-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	top:-136px !important;
}
.nav-down .header-fixed {
	-khtml-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	top:0px;
	background:#fff;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.3);
}
/* 버튼 */
.basic-btn {
	display:inline-block;
	background:#2d74a4;
	color:#fff;
	padding:0 25px;
	border-radius:50px;
	font-size:18px;
	-khtml-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	height:55px;
	line-height:55px;
}
.product-item-btn{margin-bottom:5px; font-weight:bold; text-transform: uppercase; color:#fff; border:1px solid #fff; padding:0 0 0 15px; width:200px; height:50px; line-height:50px;}
.product-item-line{margin-bottom:5px; font-weight:bold; color:#fff; border-bottom:3px solid #0071ad; width:200px;height:50px; padding:0 15px; line-height:50px;}
.pw-wrap-0 li a{margin-bottom:5px; display:inline-block; font-weight:bold; color:#c2c2c2; width:100%;height:50px; padding:0 15px; line-height:50px;}
.pw-wrap-0 li .on{color:#fff; background:#0071ad;}
.pw-wrap-0 ul{overflow:hidden;}
.pw-wrap-0 li{margin-right:8px; margin-left:8px; width:200px;}
.search-icon a i{font-size:15px;}
.navigation-sub>li{float:left; margin-left:20px;}
.navigation-sub>li a{color: #333333;}
.gnb-login-btn{line-height:16px; margin-top:34px; border-right:1px solid #333; padding-right:15px;}
.side-menu{  }
.pll-parent-menu-item .sub-menu{max-width:100px !important; }
.search-wrap form i{font-size:30px;}
.search-wrap input {

	width: 350px;
    height: 54px;
    padding: 15px 0;
    flex: 1;
    font-size: 18px;
    box-sizing: border-box;
    border: 0;
}
.search-wrap  form{width:400px;}
.search-wrap label{display:none;}
.dimmed {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    opacity: 1.0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


.lag-btn {
	background:#ECECEC;
	color:#2d74a4;
	padding:10px;
	line-height:33px;
	display:inline-block;
	font-size:16px;
	border-radius:50px;
	-khtml-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.lag-btn img {
	margin-right:10px;
}
.lag-btn i {
	margin-left:10px;
}
.lag-btn:hover {
	background:#A72033;
	color:#fff;
}
.sns-wrap-01 a {
	margin-right:15px;
}
 .pc-fs-btn{
   width:300px;
 }
 .m-fs-btn{
  width:300px;
}
.pw-wrap-0{height:830px;}

.keyfact-wrap{width:100%; padding:100px 0;}

article {
  margin: 15px 0 150px 0;
}
 
.main-c-title {
    color: #000;
    text-align: center;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    padding: 110px 0;
}


.containerz {
  width: 90%;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}

.counter {
  text-align: center;
  font-size: 30px;
}

.stats-line {
    margin: 12px auto;
    width: 55px;
    height: 4px;
    background-color: #fff;
}
.count-number{color:#fff;    display:inline-block;}
.stats-text{color:#fff; font-size:16px; opacity:0.5;}

.brand-container > div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: #ffeead;
}

.brand-container > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
		border: 1px solid black
}

/* Grid */
.brand-container {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    grid-auto-rows: 525px;
		grid-auto-flow: dense; /* Fill all spaces with fitted images */
}
.brand-container div{overflow:hidden;}

.horizontal {
	grid-column: span 2;
}

.vertical {
	grid-row: span 2;
}
.vertical2 {
	grid-row: span 1;
}

.big {
	grid-column: span 2;
	grid-row: span 2;
}
.brand-container .overlay-b {
    opacity: 0.4;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.brand-container div:hover .overlay-b {
    opacity: 0.8;
}
.brand-container .overlay-img {
    display: block;
    height: 100%;
    transform: scale(1,1);
    transition: transform 0.8s;
}
.brand-container div:hover .overlay-img {
    transform: scale(1.3,1.3);
}
.brand-container .description {
    opacity: 0.0;
    position: absolute;
    bottom: 35px;
    left: 35px;
    z-index: 99;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.brand-container div:hover .description {
    opacity: 1.0;
}
.brand-container .bo14{color:#fff; font-weight:900; margin-bottom:15px; }
 
.brand-container .description{padding:3px 0;}

@media (min-width:1180px) {
	.big-title-white {
		text-shadow:2px 2px 2px rgba(0,0,0,0.5);
		color:#fff;
		font-size:60px;
		font-weight:500;
	}
	.small-title-white {
		text-shadow:2px 2px 2px rgba(0,0,0,0.5);
		display:inline-block;
		width:100%;
		color:#fff;
		font-size:25px;
		padding-top:30px;
		line-height:1.5;
	}
	.big-title-black {
		color:#333333;
		font-size:60px;
		font-weight:500;
	}
	.small-title-black {
		display:inline-block;
		width:100%;
		color:#333333;
		font-size:25px;
		padding-top:30px;
		line-height:1.5;
	}
	.navbar nav li {
		position:relative;
	}
	.sub-menu {
		padding:0 15px;
		position:absolute;
		width:100%;
		display:none !important;
		margin-left:0px !important;
		margin-top:0px !important;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
		background:#fff;

	}
 
	.sub-menu li{line-height:50px !important;}
	.sub-menu li a{line-height:50px !important;}
	.menu-item:hover>.sub-menu {
		display:block !important;
	}
	.menu-item:hover>.sub-menu .sub-menu{/* z-index:-1;top:0px; left:130px !important; background:#f5f5f5; */}
	.menu-item:hover>.sub-menu .sub-menu li{/* background:#f5f5f5 !important; */}
	.menu-item:hover>.sub-menu .sub-menu .sub-menu{/* background:#dfdfdf !important; */}
	.menu-item:hover>.sub-menu .sub-menu .sub-menu li{background:#dfdfdf !important;}
	.menu-item:hover>.sub-menu a:hover{color:#DF1F2A ;}

	.sub-menu .current-menu-item{
		background: #DF1F2A !important;
	}
	.sub-menu .current-menu-item a{
		color: #fff !important;
	}
	.sub-menu .current-menu-item a:hover{
		color: #fff !important;
	}
	.sub-menu>li {

		background:rgba(255,255,255,1) !important;
		display:block;
		margin-right:0px !important;
	}
	.mobile-off {
		visibility:visible;
	}
	.pc-off {
		visibility:hidden;
		height:0px !important;
		overflow:hidden;
		margin:0 !important;
		padding:0 !important;
	}
	.w1200 {
		width: 1200px;
	}
}
@media (max-width:1250px) {
	/* 모바일 */
	.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
		bottom:20px;
		left:0;
		width:100%;
	}
	.w1200 {
		width:90%;
	}
	.about-us-pr-info .w1200 img {
		width:400px;
	}
	.about-us-pr-info span {
		font-size:24px !important;
		font-weight:500;
	}
	.about-us-pr-info p {
		float:right;
		text-align:right;
		font-size:15px !important;
		line-height:24px !important;
		margin-top:70px;
	}
	.about-us-pr-info {
		width:100%;
		height: auto !important;
	}
}
@media (max-width:1180px) {
	/* 모바일 */
	.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
		bottom:20px;
		left:0;
		width:100%;
	}
	.w1200 {
		width:100%;
	}
	.about-us-pr-info .w1200 img {
		width:100%;
	}
	.big-title-white {
		text-shadow:2px 2px 2px rgba(0,0,0,0.5);
		color:#fff;
		font-size:34px;
		font-weight:500;
	}
	.small-title-white {
		text-shadow:2px 2px 2px rgba(0,0,0,0.5);
		display:inline-block;
		width:100%;
		color:#fff;
		font-size:16px;
		padding-top:30px;
		line-height:1.5;
	}
	.big-title-black {
		color:#333333;
		font-size:34px;
		font-weight:500;
	}
	.small-title-black {
		display:inline-block;
		width:100%;
		color:#333333;
		font-size:16px;
		padding-top:30px;
		line-height:1.5;
	}
	.navbar nav li {
		position:relative;
	}
	.sub-menu {
		left:10px;
		padding: 0 0 !important;
		position: absolute;
		z-index:999;
		width: auto !important;
		display: none !important;
		margin-left: 0px !important;
		margin-top: 0px !important;
		box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
 		background: #fff !important;
	}
	.sub-menu .current_page_item{
		color: #fff !important;
		background: #DF1F2A !important;
	}

	.sub-menu .current_page_item a{
		color: #fff !important;

	}
	.navbar nav li a {
		padding-right: 20px;
 
	}
	.menu-item:hover .sub-menu {
		padding:0;
		margin:0;
 		display:block !important;
		font-size:14px;
		font-weight:300;
		background:#F5F5F5;
		width:100%;
	}
	.sub-menu a {
		font-size:14px !important;
		font-weight:300 !important;
	}
	.sub-menu li {
		width:100%;
 
		background:rgba(255,255,255,0.0);
		display:block;
		margin-right:0px !important;
	}
	.pc-off {
		visibility:visible;
	}
	.mobile-off {
		visibility:hidden;
		height:0px !important;
		overflow:hidden;
		margin:0 !important;
		padding: 0 !important;
	}
}
/* mov */
.-mov {
	-khtml-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.arrow-btn {
	-khtml-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.arrow-btn:hover {
	padding:5px 20px;
	color:#fff;
	background:#2f5bea;
	border-bottom:3px solid #6585ea !important;
}
.fsl {
	font-weight:300;
}
.fsr {
	font-weight:400;
}
.fssb {
	font-weight:500;
}
.fsb {
	font-weight:900;
}
.fsbb {
	font-weight:900;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
/* gnb */
#header {
	position:relative;
	width:100%;
	top:0;
	height:84px;
	z-index:999;
	background:#fff;
	-khtml-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.header {
	background:rgba(255,255,255,1.0);
	-khtml-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.gnbFixed .header {
	position:fixed;
	height:84px;
	width:100%;
	background:#fff !important;
	-khtml-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.container {
	margin:0 auto;
}
.search-btn {
	color:#333;
}
.header-fixed {
	position:fixed;
	top:0;
	z-index:1;
	width:100%;
	height:136px;
}
.call-btn {
	background:rgba(0,0,0,0.5);
	border-radius:50px;
	width:220px;
	margin-top:13px;
	height:58px;
	line-height:58px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
  -khtml-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.call-btn img {
	height:34px;
	margin-right:15px;
  -khtml-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

 

.gnbFixed .call-btn {
  background: #A52633;
  color:#fff;
}
.gnbFixed .call-btn img{
	filter:brightness(1000%);
}
.navbar {
	width:100%;
	max-width:100%;
	padding:0 50px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	color:#fff;
	line-height:84px;
}
.navbar .logo {
	justify-content:center;
}
.navbar .logo a {
	display:inline-block;
}
.navbar nav {
}
.navbar label i {
	height:2px;
	position:relative;
	transition:background .2s ease-out;
	width:18px;
	font-style:normal;
	font-weight:normal;
}
.navbar label i:before {
	content:'';
	height:100%;
	position:absolute;
	transition:all .2s ease-out;
	width:18px;
}
.navbar label i:after {
	content:'';
	height:100%;
	position:absolute;
	transition:all .2s ease-out;
	width:18px;
}
.navbar label i:before {
	top:5px;
}
.navbar label i:after {
	top:-5px;
}
.navbar #navbar-toggle {
	visibility:hidden;
	display:none;
}
.header #navbar-toggle:checked~.menu {
	display:block;
	opacity:0.99;
	height:auto;

}
.header #navbar-toggle:checked~label {
	border-radius:50%;
}
.header #navbar-toggle:checked~label i {
	background:transparent;
}
.header #navbar-toggle:checked~label i:before {
	transform:rotate(-45deg);
	width:18px;
	background:#000;
}
.header #navbar-toggle:checked~label i:after {
	width:18px;
	background:#000;
	transform:rotate(45deg);
}
.header #navbar-toggle:checked~label:not(.steps) i:before,.header #navbar-toggle:checked~label:not(.steps) i:after {
	top:0;
}
.gnb_logo {
	display:inline-block;
}
.gnb_logo_w {
	display:none;
}
.gnbFixed .gnb_logo_w {
	display:none !important;
}
.gnbFixed .gnb_logo {
	display:inline-block !important;
}

.brand-container .description p{max-width:300px; color:#fff; font-size:14px; margin-top:20px; line-height:1.5;}
 
.brand-container .btn-2{
	color:#fff; 
	margin-top:15px; 
 	padding-bottom:2px;
	font-weight:900;
	font-size:14px;
	text-decoration: none;
	-khtml-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.brand-container .btn-2:hover{opacity:0.4;}

@media (max-width:1180px) {
	.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
		bottom:20px !important;
		left:0;
		width:100%;
	}
	#header {
		height:64px;
		background:rgba(0,0,0,0.3);
	}
	.navbar .logo a img {
		width:100px;
		opacity:1.0;
		margin-left:0px;
		-khtml-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
	}
	.navbar .logo a img:hover {
		opacity:0.5;
	}
	.navbar .logo {
		position:absolute;
		left:50%;
		margin-left:-50px;
	}
 
	.gnb_logo {
		display:none;
	}
	.gnb_logo_w {
		display:inline-block;
	}
	.gnbFixed .gnb_logo_w {
		display:none;
	}
	.navbar label i,.navbar label i:before,.navbar label i:after {
		display:block;
		background:#fff;
	}
	.gnbFixed .navbar label i,.gnbFixed .navbar label i:before,.gnbFixed .navbar label i:after {
		display:block;
		background:#333;
	}
	.gnbFixed .gnb_logo {
		display:inline-block;
	}
	.gnbFixed .gnb_logo_w {
		display:none;
	}
	.gnbFixed .navbar label i,.gnbFixed .navbar label i:before,.gnbFixed .navbar label i:after {
		display:block;
		background:#333;
	}
	.hero-banner {
		background:#2f5bea;
	}
	.header-fixed {
		background:rgba(255,255,255,1.0);
		height:66px;
	}
	#mobile-wraps.gnbFixed {
		position:fixed;
		width:100%;
		top:0;
		z-index:99;
	}
	.gnbFixed {
		background:#fff !important;
	}
	.navbar {
		padding:0;
		line-height:64px;
	}
	.navbar nav {
		display:none;
		opacity:0;
		position:fixed;
		top:0px;
		right:0px;
		width:280px;
		height:100%;
		transition:all 0.3s ease-out;
		display:table;

		z-index:3;
	}
	.fixedPosition .background-bg-menu::after {
		content:"";
		background:rgba(0,0,0,0.3);
		position:fixed;
		z-index:-1;
		width:100%;
		height:100%;
	}
	.navbar .nav111r {
		 content:"";
		position:fixed;
		z-index:2;
		width:100%;
		height:100%;
		background: #333;
	}
	.menu-main-menu-container{}
 
	.navbar nav li {
		display:block;
		text-align:center;
		padding:0 0;
		text-align:center;
		font-size:18px;
		height:auto;
		line-height:50px;
		font-weight:bold;
		cursor:pointer;
		transition:all 0.3s ease-out;
	}
	.navbar nav li a {
		line-height: 60px;
	}
}
@media (max-width:1180px) {
	.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
		bottom:20px !important;
		left:0;
		width:100%;
	}
	#header {
		height:64px;
		background:#fff;
	}
	.home #header {
		height:36px;
		background: rgba(255,255,255,0.3);
	}
	.home .gnb_logo {
		display: none;
	}
	.home .gnb_logo_w {
		display: inline-block;
	}
	.home .navbar label i,.home  .navbar label i:before,.home  .navbar label i:after {
		display: block;

	}
	.fixedPosition .navbar label i,.fixedPosition .navbar label i:before,.fixedPosition .navbar label i:after {
		display: block;
		background: #000 ;
	}
	.navbar .logo a img {
		width:150px;
		opacity:1.0;
		margin-left:0px;
		-khtml-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
	}
	.navbar .logo a img:hover {
		opacity:0.5;
	}
	.navbar .logo {
		position:absolute;
		left:0%;
		margin-left:15px;
		z-index:99999;
	}
 
	.gnb_logo {
		display:inline-block;
	}
	.gnb_logo_w {
		display:none;
	}
	.gnbFixed .gnb_logo_w {
		display:none;
	}
	.navbar label i,.navbar label i:before,.navbar label i:after {
		display:block;
		background:#000;
	}
	.gnbFixed .navbar label i,.gnbFixed .navbar label i:before,.gnbFixed .navbar label i:after {
		display:block;
		background:#333;
	}
	.gnbFixed .gnb_logo {
		display:inline-block;
	}
	.gnbFixed .gnb_logo_w {
		display:none;
	}
	.gnbFixed .navbar label i,.gnbFixed .navbar label i:before,.gnbFixed .navbar label i:after {
		display:block;
		background:#333;
	}
	.hero-banner {
		background:#2f5bea;
	}
	.header-fixed {
		background:rgba(255,255,255,1.0);
		height:66px;
	}
	#mobile-wraps.gnbFixed {
		position:fixed;
		width:100%;
		top:0;
		z-index:99;
	}
	.gnbFixed {
		background:#fff !important;
	}
	
	.navbar {
		padding:0;
		line-height:64px;
		height:36px;

	}
	.fixedPosition .navbar{
		height:auto;
 
	}
	.navbar nav {
		height:1px;
 
 		opacity:0;
		position:relative;
		top:0px;
		right:0px;
		width:100% !important;
 
		transition:all 0.3s ease-out;
 
	}
	
	.fixedPosition .background-bg-menu::after {
		content:"";
		background:rgba(0,0,0,0.3);
		position:fixed;
		z-index:-1;
		width:100%;
		height:100%;
	}
	.navbar .nav111r {
		 content:"";
		position:fixed;
		z-index:2;
		width:100%;
		height:100%;
		background: #333;
	}
	.navbar nav ul {
		width:100%;
		margin:36px 0 0 0;
		padding:0 0 20px 0;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		justify-content:center;
		height:auto;
		/* display:table-cell;*/
		vertical-align:middle;
		transition: all 0.3s ease;
		opacity:0.0;
		background: #fff;
	}
	}
	.fixedPosition .navbar nav ul{
		opacity:1.0;
	}
	.navbar nav li {
		display:block;
		text-align:center;
		padding:0 0;
		text-align:center;
		font-size:18px;
		height:auto;
		line-height:50px;
		font-weight:bold;
		cursor:pointer;
		transition:all 0.3s ease-out;
	}
	.navbar nav li a {
		line-height: 60px;
	}
}
/* 컨텍포인트 */
.contact-wrap {
	width:100%;
	height:400px;
	background-size:cover;
	position:relative;
}
.contact-wrap-inner {
	width:1280px;
	margin:0 auto;
	padding-top:75px;
	position:relative;
	vertical-align:top;
}
.contact-wrap-inner-title {
	font-size:35px;
	font-weight:bold;
	height:250px;
	width:149px;
	display:inline-block;
	position:relative;
	vertical-align:top;
	color:#A52633;
}
.contact-wrap-inner-box {
	width:357px;
	height:250px;
	background:#fff;
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin-left:20px;
	margin-right:-4px;
	box-sizing:border-box;
	padding:40px;
}
.contact-wrap-inner-box h3 {
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px;
}
.contact-wrap-inner-box p {
	font-size:16px;
	line-height:1.5;
}
.red-point-box {
	background:#cc0033;
}
.red-point-box h3 {
	color:#fff;
}
.red-point-box p {
	color:#fff;
}
.red-point-box h2 {
	color:#fff;
	margin-top:30px;
	font-weight:bold;
	font-size:40px;
}
.contact-wrap-inner-box i {
	position:absolute;
	right:30px;
	top:40px;
}
.contact-wrap-inner-box img {
	position:absolute;
	right:30px;
	bottom:20px;
	width: 60px;
}
/* 메인 와이드 배너 */
.menu-widebanner-wrap {
	width:100%;
	height:700px;
	background-size:cover;
	position:relative;
}
.menu-widebanner-wrap-inner {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	background:rgba(38,28,29,0.65);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	-khtml-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.menu-widebanner-wrap-inner h2 {
	color:#fff;
	margin-bottom:60px;
	line-height:1.5;
	text-align:center;
	font-weight:200;
}
.menu-widebanner-wrap-inner h2 b {
	font-weight:400;
}
.go-top {
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:9999;
	display:none;
}
.go-top img {
	width:40px;
}
.navbar label {
	transform: rotate(-180deg);
	user-select: none;
	cursor: pointer;
	padding: 31px 15px;
	position: absolute;
	z-index: 50;
	right: 10px;
}
@media (min-width:1180px) {

	.navbar .logo a img {
		margin-top:-7px;
		height:32px;
		opacity:1.0;
		-khtml-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
	}
	.navbar .logo a img:hover {
		opacity:0.5;
	}
	.navbar nav ul {
		margin:0;
		padding:0;
		display:flex;
		-webkit-justify-content:flex-end;
		justify-content:flex-end;
		text-align:center;
		list-style: none;
	}
	.navbar nav li {
		/* flex:1;*/
		-khtml-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
	}
	.navbar nav li a {
		position:relative;
		padding:9.5px 30px;
		color:#333333;
		font-size:18px;
		line-height:normal;
		letter-spacing:normal;
		text-align:center;
		border-bottom:3px solid transparent;
		-khtml-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
	}
	.home .navbar nav li a,.page .navbar nav li a {

	}
	.home .gnb_logo,.page .gnb_logo {
		display:none;
	}
	.home .gnb_logo_w,.page .gnb_logo_w {
		display:inline-block;
	}
	.sub-menu .menu-item a {
		font-weight:normal;
		font-size:13px;
		letter-spacing:-1px;
		padding:9.5px 0px;
	}
	.sub-menu .current-menu-item>a {
	}
	.sub-menu li {
		text-align:center;
	}

	.gnbFixed .navbar nav li a {
		color:#000;
	}
	.navbar nav li a.active {
		color:#2d74a4;
		font-weight:900;
	}
	.navbar .current-menu-item a:after {
		width:0% !important;
		left: 0;
	}
 
	#container {
		overflow:hidden;
		top:0;
		max-width:100%;
		margin:0 auto 0 auto;
		position:relative;
		background-color:#fff;
	}
	.navbar label {
		display:none;
	}
}
 
@media (min-width:1180px) {

	.navbar .logo a img {
		margin-top:-7px;
		height:40px;
		opacity:1.0;
		-khtml-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
	}
	.navbar .logo a img:hover {
		opacity:0.5;
	}
	.navbar nav ul {
		margin:0;
		padding:0;
		display:flex;
		-webkit-justify-content:flex-end;
		justify-content:flex-end;
		text-align:center;
		list-style: none;
	}
	.navbar nav li {
		/* flex:1;*/
		-khtml-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
	}
	.navbar nav li a {
		position:relative;
		padding:9.5px 10px;
		color:#000;
		font-size:18px;
		font-weight:700;
		line-height:normal;
		letter-spacing:normal;
		text-align:center;
		border-bottom:3px solid transparent;
		-khtml-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
	}
	.home .navbar nav li a,.page .navbar nav li a {
		line-height:84px;
	}
	.product-wraps .menu-item-327{margin-top:30px;}
	.product-wraps .menu-item-222{margin-top:30px;}
	.product-wraps .sub-menu li{float:left; height:33px !important; line-height:33px !important; width:120px;}
	.product-wraps .sub-menu li a{font-weight:bold;}
	.product-wraps .sub-menu .menu-item-325{margin-top:30px; margin-left:-120px}
	.product-wraps .sub-menu .menu-item-243{margin-top:30px; margin-left:-120px}
	.product-wraps .sub-menu{width:480px; height:300px; overflow:hidden;}
	.product-wraps .sub-menu li .sub-menu{box-shadow:none; position:relative; display:block !important; left:0 !important; top:0  !important; z-index:1  !important; width:100%;} 
	.product-wraps .sub-menu li .sub-menu li{float:none; width:100%;}
	.product-wraps .sub-menu li .sub-menu li a{font-weight:normal;}
	.home .gnb_logo,.page .gnb_logo {
		display:none;
	}
	.home .gnb_logo_w,.page .gnb_logo_w {
		display:inline-block;
	}
	.sub-menu .menu-item a {
		color:#000 ;
		font-weight:normal;
		font-size:13px;
		letter-spacing:-1px;
		padding:9.5px 0px;
	}
	.sub-menu .current-menu-item>a {
	}
	.sub-menu li {
		text-align:center;
	}
	.sub-menu .menu-item a:hover {
		color:#DF1F2A;
	}
	.gnbFixed .navbar nav li a {
		color:#000;
	}
	.navbar nav li a.active {
		color:#EA553E;
		font-weight:900;
	}
	.navbar .current-menu-item a:after {
		width:0% !important;
		left: 0;
	}
	.navbar nav li a:hover {
		/* border-bottom:3px solid #2f5bea;*/
		color:#DF1F2A;
	}
	#container {
		overflow:hidden;
		top:0;
		max-width:100%;
		margin:0 auto 0 auto;
		position:relative;
		background-color:#fff;
	}
	.navbar label {
		display:none;
	}
}


@media (min-width:1340px) {
	.navbar nav li a {
		padding:9.5px 30px;	
	}
}

@media (min-width:1640px) {
	.navbar nav li a {
		padding:9.5px 30px;
	}
}


@media (max-width:1450px) {
 
	.navbar nav li a {
		font-size:16px;
 
	}
	.call-btn {
		background: rgba(0,0,0,0.5);
		border-radius: 50px;
		width: 190px;
		margin-top: 23px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		-khtml-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.call-btn img {
		height: 20px;
		margin-right: 10px;
		-khtml-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
}
@media (max-width:1250px) {
 
	.current-menu-parent>a {
	
		font-weight: 900 !important;
	}
	  .navbar nav li {
		position:relative;
		 	
		  margin-right: 0px;
		  text-align: center;
		  -khtml-transition: all 0.5s ease;
		  -moz-transition: all 0.5s ease;
		  -ms-transition: all 0.5s ease;
		  -o-transition: all 0.5s ease;
		  transition: all 0.5s ease;
	  }
	
	  .navbar nav li a {
		  padding-left:15px;
		  color:#000;
		  font-size: 15px;
		  line-height: normal;
		  letter-spacing: normal;
		  text-align: left;
		  border-bottom: 3px solid transparent;
		  -khtml-transition: all 0.5s ease;
		  -moz-transition: all 0.5s ease;
		  -ms-transition: all 0.5s ease;
		  -o-transition: all 0.5s ease;
		  transition: all 0.5s ease;
	  }
	
   
 
	.call-btn {
		background: rgba(0,0,0,0.5);
		border-radius: 50px;
		width: 190px;
		margin-top: 23px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		-khtml-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.call-btn img {
		height: 20px;
		margin-right: 10px;
		-khtml-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
}

@media (max-width:1180px) {
	.contact-wrap-inner-title {
		font-size: 35px;
		font-weight: bold;
		height: 50px;
		width: 100%;
		text-align: center;
		display: inline-block;
		position: relative;
		vertical-align: top;
		color: #A52633;
		margin-bottom: 20px;
	}
	.contact-wrap-inner {
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
		padding-bottom: 50px;
		position: relative;
		vertical-align: top;
		text-align: center;
	}
	.contact-wrap-inner-box {
		width: 95%;
		margin: 0 auto 15px auto;
		height: 170px;
		background: #fff;
		display: inline-block;
		position: relative;
		vertical-align: top;
		text-align: left;
		box-sizing: border-box;
		padding: 30px;
	}
	.lag-btn {
		margin-bottom:15px !important;
	}
	.fixedPosition .navbar .logo a {
		display: inline-block;
		width: 215px;
		border-bottom: 1px solid #C0C0C0;
	}
	.current-menu-parent>a {

		font-weight: 900 !important;
	}
	  .navbar nav li {
		position:relative;
		  width:280px;
		  margin-right: 0px;
		  text-align: left;
		  -khtml-transition: all 0.5s ease;
		  -moz-transition: all 0.5s ease;
		  -ms-transition: all 0.5s ease;
		  -o-transition: all 0.5s ease;
		  transition: all 0.5s ease;
	  }
	
	  .navbar nav li a {
		  padding-left:20px;
		  color:#000;
		  font-size: 18px;
		  line-height: normal;
		  letter-spacing: normal;
		  text-align: left;
		  border-bottom: 3px solid transparent;
		  -khtml-transition: all 0.5s ease;
		  -moz-transition: all 0.5s ease;
		  -ms-transition: all 0.5s ease;
		  -o-transition: all 0.5s ease;
		  transition: all 0.5s ease;
	  }
	
	   
 
	.navbar label {
		transform:rotate(-180deg);
		user-select:none;
		cursor:pointer;
		padding:17px 15px;
		position:absolute;
		z-index:50;
		right:0px;
	}
	.navbar .logo{height:36px; line-height:36px;}
	.navbar .logo a{height:36px; line-height:36px;}
	.menu-widebanner-wrap {
		width:100%;
		height:400px;
		background-size:cover;
		position:relative;
	}
	.menu-widebanner-wrap-inner h2 {
		color:#fff;
		margin-bottom:60px;
		line-height:1.5;
		text-align:center;
		font-weight:200;
		font-size: 18px;
	}
	/* 컨텍포인트 */
	.contact-wrap {
		width:100%;
		height:auto;
		background-size:cover;
		position:relative;
	}
	.contact-wrap-inner {
		width:100%;
		margin:0 auto;
		padding-top:50px;
		padding-bottom:50px;
		position:relative;
		vertical-align:top;
		text-align:center;
	}
	.contact-wrap-inner-title {
		font-size:35px;
		font-weight:bold;
		height:50px;
		width:100%;
		text-align:center;
		display:inline-block;
		position:relative;
		vertical-align:top;
		color:#A52633;
		margin-bottom:20px;
	}
	.contact-wrap-inner-box {
		width:95%;
		margin:0 auto 15px auto;
		height:170px;
		background:#fff;
		display:inline-block;
		position:relative;
		vertical-align:top;
		text-align:left;
		box-sizing:border-box;
		padding:30px;
	}
	.contact-wrap-inner-box h3 {
		font-size:25px;
		font-weight:bold;
		margin-bottom:20px;
	}
	.contact-wrap-inner-box p {
		font-size:14px;
		line-height:1.5;
	}
	.red-point-box {
		background:#cc0033;
	}
	.red-point-box h3 {
		color:#fff;
	}
	.red-point-box p {
		color:#fff;
	}
	.red-point-box h2 {
		color:#fff;
		margin-top:30px;
		font-weight:bold;
		font-size:40px;
		display:none;
	}
	.contact-wrap-inner-box i {
		position:absolute;
		right:30px;
		top:40px;
		display:none;
	}
	.contact-wrap-inner-box img {
		position:absolute;
		right:30px;
		bottom:30px;
		width:60px;
	}
}
@media (max-width:480px) {


	.containerz {
		width: 90%;
		margin: 0 auto;
		display:flex; flex-direction:column; justify-content: center;  align-items: center;
	}

	.main-c-title {

		text-align: center;
		font-size: 25px !important;
		font-weight: 700;
		padding: 50px 0  !important;
	  }

	.footer-inner {
		padding:20px;
	  }

/* Grid */
.brand-container {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    grid-auto-rows: 525px;
		grid-auto-flow: dense; /* Fill all spaces with fitted images */
}
.brand-container div{overflow:hidden;}

.horizontal {
	grid-column: span 1;
}

.vertical {
	grid-row: span 1;
}
.vertical2 {
	grid-row: span 1;
}

.big {
	grid-column: span 1;
	grid-row: span 1;
}
.brand-container .overlay-b {
    opacity: 0.4;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.brand-container div:hover .overlay-b {
    opacity: 0.8;
}
.brand-container .overlay-img {
    display: block;
    height: 100%;
    transform: scale(1,1);
    transition: transform 0.8s;
}
.brand-container div:hover .overlay-img {
    transform: scale(1.3,1.3);
}
.brand-container .description {
    opacity: 1.0;
    position: absolute;
    bottom: 35px;
    left: 35px;
    z-index: 99;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.brand-container div:hover .description {
    opacity: 1.0;
}
.brand-container .bo14{color:#fff; font-weight:900; margin-bottom:15px; }
.brand-container .btn-2{color:#fff; font-size:20px; margin-top:15px; border-bottom:1px solid #fff;  font-weight:900; border-bottom:2px solid #fff;}
.brand-container .description{padding:3px 0;}









.keyfact-wrap{width:100%; padding:5px 0;}

article {
  margin: 15px 0 50px 0;
}
 
.footer-inner-li{width:100%; margin-bottom:20px;}

.counter {
  text-align: center;
  font-size: 30px;
  margin-bottom:20px;
}

.stats-line {
    margin: 12px auto;
    width: 55px;
    height: 4px;
    background-color: #fff;
}
.count-number{color:#fff;      display:inline-block;}
.stats-text{color:#fff; font-size:14px;}


	h1 {
		font-family:'Noto Sans KR';
		font-size:24px;
		color:#333333;
		font-style:normal;
		font-stretch:normal;
		line-height:normal;
		letter-spacing:-0.5px;
	}
	h2 {
		font-family:'Noto Sans KR';
		font-size:22px;
		color:#333333;
		font-style:normal;
		font-stretch:normal;
		line-height:1.28;
		letter-spacing:normal;
	}
	h3 {
		font-family:'Noto Sans KR';
		font-size:18px;
		color:#333333;
		font-style:normal;
		font-stretch:normal;
		line-height:normal;
		letter-spacing:normal;
	}
	h4 {
		font-family:'Noto Sans KR';
		font-size:16px;
		color:#333;
		font-style:normal;
		font-stretch:normal;
		line-height:1.42;
		letter-spacing:normal;
		text-align:left;
	}
	h5 {
		font-family:'Noto Sans KR';
		font-size:14px;
		color:#2f5bea;
		font-style:normal;
		font-stretch:normal;
		line-height:normal;
	}
	h6 {
		font-family:'Noto Sans KR';
		font-size:12px;
		font-weight:bold;
		font-style:normal;
		font-stretch:normal;
		line-height:1.56;
		letter-spacing:normal;
	}
	.gnbFixed .header {
		position:fixed;
		height:36px;
		width:100%;
		background:#fff !important;
	}
	.pw-wrap-0{height:240px;}
	.main-gb-wrap p{font-size:12px; width:280px; margin:0 auto;}
	.main-pro-wrap h3{padding-left:16px;}
	.main-pro-wrap p{padding-left:16px !important;}
	.navbar .logo a img {
		width: 180px;
	}
	.pw-wrap-0 li {
		margin-right: 8px;
		margin-left: 8px;
		width: 160px;
	}
	.product-item-btn {
		margin-bottom: 5px;
		padding: 0 0 0 15px;
		width: 160px;
		height: 40px;
		line-height: 40px;
	}
	.product-item-line {
		margin-bottom: 5px;
		width: 160px;
		height: 40px;
		padding: 0 15px;
		line-height: 40px;
		display:none;
	}
	.pw-wrap-0 li a{
		display:none;
	}
	.pib-opc{
		display:none;
	}
	.t-01-wrap svg {
		height: 38px !important;
		float: right;
	}
	.t-02-wrap svg {
		height: 38px !important;
		float: right;
	}
	.t-03-wrap svg {
		height: 38px !important;
		float: right;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 15px !important;
	}
 
	.form-btns .wpcf7-submit {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
	
	.basic-btn {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}

	.navbar nav {
		width:0px;
	}
	.navbar nav ul:before{
		content: "";
		width:95%;
		margin:0 auto;
		border-bottom:1px solid #C0C0C0;
		height:1px;
	}
	.navbar nav li {
		width:100%;
		margin-right:0px;
		text-align: left;
	}

	.navbar nav li a::after {
		/*
		font-family: 'xeicon' !important;
		content: "\e940";
		position:absolute;
		right:25px;
		top:13px;
		font-size:15px;
		*/
	  }
	  .sub-menu a::after {
		font-family: 'xeicon' !important;
		display:none;
		content: "\e940";
		position:absolute;
		right:25px;
		top:13px;
		font-size:15px;
	  }

	.footer-inner h3{
		color:#fff  !important;
		margin-top:30px;
		font-size:15px;
	}
	.footer-inner span{
		color:#000  !important;
		font-size:12px;
		line-height:1.6;
	}
	.footer-inner .download-btn{
		display:none !important;
	}
	.copyright-wrap{
		border-top: 1px solid #DCDDDD;
		margin-top:30px;
		padding-top:20px;
		color:#000  !important;
		font-size:12px;	
	}



.brand-container > div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: #ffeead;
}

.brand-container > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
		border: 1px solid black
}

 

}

@media (max-width:414px) {
	.fixedPosition .navbar .logo {

	}

	.fixedPosition .navbar .logo a {
		display:inline-block;
		width:auto;
		border-bottom:none;
	}

	.navbar nav ul:before{
		content: "";
		width:95%;
		margin:0 auto;
		border-bottom:1px solid #C0C0C0;
		height:1px;
	}
	.navbar nav li {
		margin-right:0px;
		text-align: left;
	}
}
@media (max-width:374px) {
	.fixedPosition .navbar .logo {
		margin-left: -75px;
	}

	.fixedPosition .navbar .logo a {
		display:inline-block;
		width:auto;
		border-bottom:none;
	}
	.navbar nav {
		width:280px !important;
	}
	.navbar nav ul:before{
		content: "";
		width:95%;
		margin:0 auto;
		border-bottom:1px solid #C0C0C0;
		height:1px;
	}
	.navbar nav li {
		width:280px;
		margin-right:0px;
		text-align: left;
	}
}
.site-nav li a {
	padding:9.5px 0;
	color:#333333;
	font-size:16px;
	line-height:normal;
	letter-spacing:normal;
	text-align:center;
	border-bottom:2px solid transparent;
}
.site-nav li a:hover {
	color:#DF1F2A;
	font-weight:900;
}
.current_page_item {
	color:#DF1F2A !important;
}
.current-menu-item>a {
	color:#DF1F2A !important;
	font-weight:900;
}
.current-menu-parent {
	color:#DF1F2A !important;
}
.current-menu-parent>a {
	color:#DF1F2A;
	font-weight:900;
}
#contents {
	position:relative;
	background-color:#fff;
}
article.post {
	padding:20px;
	box-sizing:border-box;
	border: 1px solid #ddd;
}
/*서브메뉴의 주메뉴 선택*/
.current-page-ancestor {
	background: #ddd;
}
/* hero banner */
@media (max-width:1180px) {
	#container {
		overflow:hidden;
		top:0;
		max-width:100%;
		margin:0 auto 0 auto;
		position:relative;
		background-color:#fff;
	}

}

/* hero banner */
@media (max-width:1180px) {
	.go-top {
			position:fixed;
			right:10px;
			bottom:20px;
			z-index:9999;
			display:none;
	}
	 .go-top img {
			width:30px;
	}
	#footer {
		width:100%;
		padding:40px 0;
		border-top: 1px solid #DCDDDD;
	
	}
	#footer p {
		text-align:center;
		color:#fff;
		line-height:1.8;
		font-size:12px;
		font-weight:300;
	}
	#footer a {

		font-weight: 700;
		font-size: 12px !important;
		margin-bottom: 0px  !important;
		display: inline-block;
		margin-right: 15px  !important;
	}
	#footer h2 {
		line-height: 1.8;
		font-size: 14px;
		font-weight: 900;
	}
	.footer-left {
		float:none;
	}
	.footer-right {
		float:none;
	}
	.footer-inner {
		width:100%;
		margin:0 auto;
		color:#fff;
	}
 
	.footer_logo {
		display:none;
	}
	.inner-menu {
		padding-top:38px;
	}
	.inner-menu a {
		display:inline-block;
		text-align:center;
		width:100%;
		margin-right:50px;
		font-size:16px;
		font-style:normal;
		font-stretch:normal;
		line-height:2.44;
		letter-spacing:normal;
		color:#ffffff;
	}
	.inner-sns {
		padding-top:30px;
		text-align:center;
	}
	.footer-right p {
		width:100%;
		padding-top:10px;
		text-align:center;
		color:#fff;
		font-size:8px;
		font-style:normal;
		font-stretch:normal;
		line-height:3.9;
		letter-spacing:normal;
	}
	.inner-sns i {
		font-size:24px;
		padding:10px 0;
		color:#fff;
		margin:0 15px;
	}
}
@media (min-width:1180px) {
	.main-footer-menu{background:#f2f3f4;}
	.main-footer-menu-inner{
		width:1280px;
		padding:50px 0;
		margin:0 auto;
	}
	.main-footer-menu-inner ul{
		display: flex;
 
	}
	.wrap-product-inner li{flex-grow: 1;}
	.main-footer-menu-inner h4{font-size:18px; font-weight:bold; border-bottom:1px solid #cbcbcb; padding-bottom:15px; margin-bottom:20px;}
	.main-footer-menu-inner li{margin-right:15px;}
	.main-footer-menu-inner li:last-child{margin-right:0px;}
	.main-footer-menu-inner li>a{font-size:15px; display:inline-block;  color:#333; line-height:2.2;}
	#footer {
		width:100%;
		padding:40px 0;
        border-top:1px solid #DCDDDD;
	}
	#footer h2{
		line-height:1.8;
		font-size:18px;
		font-weight:900;	
	}
	.footer-logo{max-height:40px;}
	#footer p {
		text-align:center;
		color:#829098;
		line-height:1.8;
		font-size:14px;
		font-weight:300;
	}
	.download-btn{color:#7F8D96; border:1px solid #7F8D96;}
	.footer-left .brand {
		float:left;
	}
	.footer-inner .footer-inner-li {width:25%;}
	.footer-left {
		float:left;
	}
	.footer-left p {
		float:left;
		padding-top:88px;
		color:#829098;
		font-size:10px;
		font-style:normal;
		font-stretch:normal;
		line-height:3.9;
		letter-spacing:normal;
		text-align:right;
	}
	.footer-right {
		float:right;
	}
	.footer-inner {
		width:1280px;
		margin:0 auto;
	}
	.footer-inner h3{color:#f2f3f4; font-size:17px; font-weight:bold; line-height:2.2;}
	.footer-inner span{ font-size:14px; line-height:1.5;}
	.copyright-wrap{margin-top:40px; padding-top:40px; border-top: 1px solid #DCDDDD;}
	.footer_logo {
		margin-top:85px;
		margin-right:24px;
		width:60px;
	}
	.inner-menu {
		padding-top:38px;
	}
	.inner-menu a {
		margin-right:50px;
		font-size:16px;
		font-style:normal;
		font-stretch:normal;
		line-height:2.44;
		letter-spacing:normal;
		color:#ffffff;
		opacity:1.0;
	}
	.inner-menu a:hover {
		opacity:0.5;
	}
	.inner-sns {
		padding-top:82px;
		text-align:right;
	}
	.inner-sns a {
		opacity:1.0;
	}
	.inner-sns a:hover {
		opacity:0.4;
	}
	.inner-sns i {
		font-size:24px;
		padding:10px 0;
		color:#fff;
		margin-left: 27px;
	}
}