@charset "utf-8";
@import url("reset.css");
@import url("layout.css");

/*bxslider*/
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/

.area_visual {position:relative;width:100%;height:670px;}
.area_visual .bxslider li{position:relative; text-align:right;}
.area_visual .bxslider .txt{position:absolute; bottom:40%; left:15%; z-index:10; box-sizing:border-box; padding:50px 40px; text-align:left;}
.area_visual .bxslider .txt h2{margin-bottom:30px; font-size:3.125em; color:#fff; line-height:1em; } 
.area_visual .bxslider .txt h2 p {line-height:130%;}
.area_visual .bxslider .txt h2 span {display:block; color:#fff;line-height:130%; font-family: 'S-Core Dream 3';}
.area_visual .bxslider .txt h2 b span {font-size:1.300em; font-family: 'S-Core Dream 8'; }
.area_visual .bxslider .txt .button{color:#fff; font-size:1.438em; border:1px solid #fff; padding:5px 15px; display:inline-block;}
.area_visual .bxslider .txt .button i {display:inline-block; padding-left:10px;}
.area_visual .bxslider .img{overflow:hidden; display:inline-block; position:relative; width:100%;background:#000; height:670px;}
.area_visual .bxslider .img img{position:absolute; top:0px; left:50%; width:auto; height:100%; transform:translateX(-50%);}
.area_visual .bx-controls{position:absolute;top:380px; left:16.7%; z-index:80; margin-left:0;padding-right:20px;}
.area_visual .bx-controls .bx-controls-auto,
.area_visual .bx-controls .bx-pager{display:inline-block;}
.area_visual .bx-controls .bx-controls-auto{position:absolute; right:0px; top:50%; transform:translateY(-50%);}
.area_visual .bx-controls .bx-controls-auto .bx-controls-auto-item{display:inline-block;}
.area_visual .bx-controls .bx-controls-auto .bx-controls-auto-item a{display:inline-block; width:9px; height:12px; background:url(/assets/factory/images/index/sp_control.png) no-repeat 0 0; background-size:18px 12px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.area_visual .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start{background-position-x:-9px;}
.area_visual .bx-controls .bx-pager .bx-pager-item,
.area_visual .bx-controls .bx-pager .bx-pager-link{display:inline-block;}
.area_visual .bx-controls .bx-pager .bx-pager-link{width:12px; height:12px; margin:0 7px; background:#fff; border-radius:100%; text-indent:100%; overflow:hidden; white-space:nowrap; transition:all 0.3s ease 0s;}
.area_visual .bx-controls .bx-pager .bx-pager-link.active{background:#d41d33;}
.area_visual .obj{position:absolute; z-index:-1;}
.area_visual .obj.circle{top:145px; left:-90px; width:311px; height:311px; animation:rotate360 40s infinite linear;}
.area_visual .obj.circle svg{width:100%; height:100%;}
.area_visual .obj.line{top:250px; left:15px; width:502px; transform:rotate(-78deg); transform-origin:50% 50%;}

.quick-wrap {position:absolute; left:50%; bottom:0;z-index:1; width:1260px; transform:translate(-50% , 0);}
.quick-wrap ul {position:relative; float:right; width:calc(100% - 67%); background-color:rgba(26,26,26,.5); padding:40px;}
.quick-wrap ul li {width:50%; float:left; text-align:center; padding:20px;}
.quick-wrap ul li:nth-child(odd) {border-right:1px solid #fff;}
.quick-wrap ul li:nth-child(3), .quick-wrap ul li:nth-child(4) {border-top:1px solid #fff;}
.quick-wrap ul li a {color:#fff; display:block;}
.quick-wrap ul li a em {font-style:normal; display:block; width:30px; margin:0 auto 20px;}
.quick-wrap ul li a em img {width:100%;}
.quick-wrap ul li a i {display:block; font-size:1.875em; margin-bottom:20px;}

#index-02-wrap {position:relative; max-width:1260px; margin:0 auto;}
.link-wrap {position:relative; display:flex;}
.link01-wrap {position:relative; width:67%; padding:40px 50px; background:#f2f2f2 url('/assets/factory/images/index/img_link01.png') right bottom no-repeat; border-left:1px solid #e6e6e6;}
.link01-wrap h2 {position:relative; color:#a67c52; font-family: 'S-Core Dream 6'; font-size:1.875em; margin-bottom:10px; padding-bottom:10px;}
.link01-wrap h2:after {content:''; position:absolute; width:40px; height:3px; background-color:#a67c52; left:0; bottom:0;}
.link01-wrap dl {margin:50px 0 40px;}
.link01-wrap dl dt {font-size:1.188em; font-family: 'S-Core Dream 6'; padding-bottom:12px;}
.link01-wrap dl dd {font-size:.938em; color:#808080;}

.link01-wrap p.link-a {}
.link01-wrap a {display:inline-flex; align-items:center; border:1px solid #333;font-size:.938em; padding:2px 20px; transition:all .3s ease;}
.link01-wrap a i {display:inline-block; padding-top:3px;}
.link01-wrap a:hover, .link01-wrap a:focus {background-color:#333; color:#fff;}


.link02-wrap {position:relative; width:calc(100% - 67%); background-color:#546071; padding:40px; text-align:center;}
.link02-wrap em {display:inline-block; width:105px;}
.link02-wrap em img {width:100%;}
.link02-wrap h2 {position:relative; color:#fff; font-family: 'S-Core Dream 6'; font-size:1.875em; padding:20px 0 10px;}
.link02-wrap p {color:#fff; font-size:1.188em; margin-bottom:20px;}
.link02-wrap a {display:inline-flex; align-items:center; border:1px solid #fff;font-size:.938em; padding:2px 20px; color:#fff; transition:all .3s ease;}
.link02-wrap a i {display:inline-block; padding-top:3px;}
.link02-wrap a:hover, .link02-wrap a:focus {background-color:#fff; color:#546071;}

.link03-wrap {position:relative; width:67%; padding:40px 50px; background:#fff url('/assets/factory/images/index/img_link03.png') right bottom no-repeat; border-left:1px solid #e6e6e6;}
.link03-wrap h2 {position:relative; color:#a67c52; font-family: 'S-Core Dream 6'; font-size:1.875em; margin-bottom:10px; padding-bottom:10px;}
.link03-wrap h2:after {content:''; position:absolute; width:40px; height:3px; background-color:#a67c52; left:0; bottom:0;}
.link03-wrap dl {margin:50px 0 10px;}
.link03-wrap dl dt {font-size:1.188em; font-family: 'S-Core Dream 6'; padding-bottom:12px;}
.link03-wrap dl dd {font-size:.938em; color:#808080;}

.link03-wrap p.link-a {}
.link03-wrap a {display:inline-flex; align-items:center; border:1px solid #333;font-size:.938em; padding:2px 20px; transition:all .3s ease;}
.link03-wrap a i {display:inline-block; padding-top:3px;}
.link03-wrap a:hover, .link03-wrap a:focus {background-color:#333; color:#fff;}


.link04-wrap {position:relative; width:calc(100% - 67%); background-color:#a67c52; padding:40px; text-align:center;}
.link04-wrap em {display:inline-block; width:105px;}
.link04-wrap em img {width:100%;}
.link04-wrap h2 {position:relative; color:#fff; font-family: 'S-Core Dream 6'; font-size:1.875em; padding:20px 0 10px;}
.link04-wrap p {color:#fff; font-size:1.188em; margin-bottom:20px;}
.link04-wrap a {display:inline-flex; align-items:center; border:1px solid #fff;font-size:.938em; padding:2px 20px; color:#fff; transition:all .3s ease;}
.link04-wrap a i {display:inline-block; padding-top:3px;}
.link04-wrap a:hover, .link04-wrap a:focus {background-color:#fff; color:#a67c52;}


/*carousel*/

#index-carousel-wrap {position:relative; background-color:#f2f2f2;}
.index-carousel-wrap {position:relative; max-width:1260px; margin:0 auto; padding:100px 0;}

.testimonials {
  background-color: #f33f02;
  position: relative;
  padding-top: 80px;
}
.testimonials:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 30%;
  background-color: #ddd;
}

#customers-testimonials .carouse-img-wrap {width:50%;}

#customers-testimonials .item-details {
  background-color: #fff;
  color: #333;
  padding: 40px 40px 80px;
  text-align: left;
  width:calc(100% - 50%);
}
#customers-testimonials .item-details h3 {
  font-size:1.875em;
  font-family: 'S-Core Dream 6';
}

#customers-testimonials .item-details dl {
  
}

#customers-testimonials .item-details dl dt {
  font-size:1.25em;
  border-bottom:1px solid #e6e6e6;
  padding-bottom:10px;
  letter-spacing:-.5px;
}

#customers-testimonials .item-details dl dd {
  font-size:.938em;
  padding:10px 0 15px;
  letter-spacing:-.5px;
}

#customers-testimonials .item {
  text-align: center;
}

#customers-testimonials .item .shadow-effect {
	display:flex;
}


.owl-carousel .owl-nav [class*='owl-'] {
  transition: all .3s ease;
}

.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

.owl-carousel {
  position: relative;
}

#customers-testimonials.owl-carousel .owl-nav.disabled {display:block !important;}
#customers-testimonials.owl-carousel .owl-nav {position:absolute; bottom:60px; left:53%;}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  padding:5px 10px;
  position: absolute;
  top: 80%;
  font-size: 1em;
  color: #fff;
  text-align: center;
  background-color:#808080;
  z-index:999;
}

.owl-carousel .owl-prev {
  left: 0;
}

.owl-carousel .owl-next {
  right:-80px;
}


#cardnews-carousel-wrap {position:relative; max-width:1260px; margin:0 auto; padding:100px 0;}

#cardnews-carousel-wrap h4 {text-align:center; color:#a67c52;font-size:1.875em;font-family: 'S-Core Dream 6'; padding-bottom:15px;}

#cardnews-testimonials .carouse-img-wrap {width:100%;}

#cardnews-testimonials .item {
  text-align: center;
}

#cardnews-testimonials .item .shadow-effect {
	display:flex;
}


.owl-carousel .owl-nav [class*='owl-'] {
  transition: all .3s ease;
}

.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

.owl-carousel {
  position: relative;
}

#cardnews-testimonials.owl-carousel .owl-dots.disabled {display:block !important;}

#cardnews-testimonials.owl-carousel .owl-dots {display:flex; position:absolute; left:50%; bottom:-30px; transform:translate(-50%, 0);}
#cardnews-testimonials.owl-carousel .owl-dots .owl-dot {width:10px; height:10px; background-color:#b3b3b3; border-radius:50%; margin:0 7px;}
#cardnews-testimonials.owl-carousel .owl-dots .owl-dot.active {background-color:#a67c52;}

#index-tab-wrap {position:relative; max-width:1260px; margin:60px auto 100px;}

/* 탭 전체 스타일 */
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #ffffff;
  margin: 0 auto;}

/* 탭 스타일 */
.tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 1px solid #333333;
  background-color:#808080;
  line-height: 50px;
  font-size:1.563em;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor:pointer;
  position:relative;
}

.tab_item a {position:absolute; right:0; padding:0 15px; height:50px; line-height:50px; color:#fff; background-color:#4d4d4d;}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}

.tab_content ul li {position:relative; padding:20px 0; border-bottom:1px solid #cccccc;}
.tab_content ul li a {display:block;}
.tab_content ul li dl {}
.tab_content ul li dl dt {font-size:1.125em; font-family: 'S-Core Dream 6'; width:90%; display:inline-block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tab_content ul li dl dd {width:90%; display:inline-block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tab_content ul li dl dd p {    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.tab_content ul li span {position:absolute; right:0; top:50%; padding:10px 15px; border:1px solid #808080; transform:translate(0 , -50%);}

/* 선택 된 탭 콘텐츠를 표시 */
#notice:checked ~ #notice_content,
#inquiry:checked ~ #inquiry_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item {
  background-color: #a67c52;
}

.tabs input:checked + .tab_item a {
  background-color: #644a31;
}

.popup{
	position:absolute;
	left:650px;
	top:100px;
	z-index:200;
	visibility:hidden;
	background-color:#fff;
}

.popup img {width:100%;}

@media (max-width:1300px) {
	.area_visual .bxslider .txt {left:5%;}
	.area_visual .bx-controls {left:8%;}
	.quick-wrap {width:100%;}
	.quick-wrap ul {padding:30px;}
	.link01-wrap, .link03-wrap {background-size:40%;}
	.index-carousel-wrap, #cardnews-carousel-wrap {padding:100px 30px;}
	.link02-wrap p {font-size:1.063em;}
	#customers-testimonials .carouse-img-wrap {position:relative; overflow:hidden;}
	#customers-testimonials.owl-carousel .owl-item img {position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50% , -50%); object-fit:cover;}

	.tab_content ul li {padding:20px 30px;}
	.tab_content ul li span {right:30px;}
}

@media (max-width:768px) {
	.quick-wrap {display:none;}
	.link-wrap {display:block;}
	.link01-wrap, .link02-wrap, .link03-wrap, .link04-wrap {width:100%;}
	.link01-wrap, .link03-wrap {background-size:60%; padding:40px 40px 80px;}
	.link01-wrap h2, .link02-wrap h2, .link03-wrap h2, .link04-wrap h2 {font-size:1.5em;}
	.link01-wrap dl, .link03-wrap dl {margin:30px 0 60px;}
	.link01-wrap a, .link02-wrap a, .link03-wrap a, .link04-wrap a {font-size:.875em;}

	#customers-testimonials .item .shadow-effect {display:block;}

	#customers-testimonials .carouse-img-wrap {width:100%;}
	#customers-testimonials .item-details {width:100%; padding:40px 40px 100px;}
	#customers-testimonials.owl-carousel .owl-item img {position:relative;left:0%; top:0%; transform:translate(0% , -0%);}
	#customers-testimonials.owl-carousel .owl-nav {left:40px;}
	
	.index-carousel-wrap {padding:60px 30px;}
	#cardnews-carousel-wrap {padding:60px 30px 100px;}

	.tab_item {font-size:1.25em;}
	.tab_content ul li dl dt {font-size:1em; width:80%;}
	.tab_content ul li dl dd {width:80%; font-size:.875em;}

	.popup{
	left:50%;
	top:20px;
	transform:translate(-50%, 0px);
	width:98%;
	}
}

@media (max-width:680px) {
	.area_visual .bxslider .txt h2 {
		font-size:2.5em;
	}
	.area_visual .bxslider .txt h2 span {
		line-height:1.2;
	}
}

@media (max-width:520px) {
	
	.area_visual .bxslider .txt {bottom:auto; top:15%; left:2%; padding:50px 10px;}
	.area_visual .bxslider .txt h2 {font-size:1.75em;}
	.area_visual .bxslider .txt h2 p {line-height:110%;}
	.area_visual .bxslider .txt h2 span {line-height:1.3em; margin-top:10px; line-height:110%;}
	.area_visual {height:420px;}
	.area_visual .bxslider .img {height:420px;}

	.area_visual .bx-controls {bottom:20%; left:4%; top:auto;}
	.area_visual .bxslider .txt .button {font-size:.875em;}

}

@media (max-width:420px) {
	
	.link01-wrap h2, .link02-wrap h2, .link03-wrap h2, .link04-wrap h2 {font-size:1.25em;}
	.link01-wrap dl dt, .link03-wrap dl dt, .link02-wrap p, .link04-wrap p {font-size:1em;}
	.link01-wrap dl dd, .link03-wrap dl dd {font-size:.875em;}
	.link01-wrap a, .link02-wrap a, .link03-wrap a, .link04-wrap a, {font-size:.75em;}
	.link01-wrap a i, .link02-wrap a i, .link03-wrap a i, .link04-wrap a i {padding-top:0;}


	#customers-testimonials .item-details h3 {font-size:1.25em;}
	#customers-testimonials .item-details dl dt {font-size:1em;}
	#customers-testimonials .item-details dl dd {font-size:.75em;}
	
	#cardnews-carousel-wrap h4 {font-size:1.5em;}
	
	#index-tab-wrap {margin:30px auto 50px;}
	.tab_item {font-size:1em;}
	.tab_content ul li dl dt {font-size:.875em;}
	.tab_content ul li dl dd {font-size:.75em;}
	.tab_content ul li span  {padding:5px 10px;}
	
}