/* -------- 사용자 지정 css (사이트에 맞게 변경하세요) -------- */
@import url("fonts/notokr/notoKR.css");
/* @import url("fonts/montserrat/Montserrat.css"); */


/* main */
/* catalog */
section.section_catalog {
	height: 400px;
}
body #wrap #content section.section_catalog {
	background-image: url('/html/_skin/eastprime/img/main/cat_bg2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	padding:0;

}
body #wrap #content section.section_catalog .container {
	height: 100%;
}
body #wrap #content section.section_catalog .container .box_diagonal-wrap{
	width: 720px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
body #wrap #content section.section_catalog .box_txt {
	position: absolute;
	padding:110px 0;
	width: 100%;
	height: 400px;
	text-align: center;
	z-index:100;
}
body #wrap #content section.section_catalog .box_diagonal {
	width:100%;
	left:0;
	top:0;
	background:rgba(20,24,26,.65);
	height: 400px;
	text-align: center;
	position: absolute;
	z-index:0;
	transform: skewX(-18deg);
	-webkit-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
}

body #wrap #content section.section_catalog h2 {
	font-size: 32px;
}
body #wrap #content section.section_catalog p {
	font-size: 20px;
}
@media screen and (min-width:768px) {
	body #wrap #content section.section_catalog a.readmore {
		min-width:200px;
	}
}

@media screen and (max-width:1099px) {

	body #wrap #content section.section_catalog {
		height:280px;
		padding: 0 !important;
	}
	body #wrap #content section.section_catalog .container .box_diagonal-wrap{
		width: 100%;
		height: 100%;
	}
	body #wrap #content section.section_catalog .box_diagonal {
		height: 280px;
	}
  body #wrap #content section.section_catalog .box_txt {
		padding:60px 0;
		height: 280px;
	}
}
/* // catalog */
/* // main */


/* 제품소개 - gallery board */
#product-list .board-wrap {
	padding:0;
}
.board-wrap .tab_title.business {
	margin-bottom: 1rem;
}
.board-wrap .tab_title.business li a {
	display: block;
	padding: .8rem 1rem;
}
.board-wrap .tab_title.business li a {
	position: relative;
	background-color: #f1f1f1;
	font-weight: 300;
	font-size: 1.375rem;
	color: #666666;
	letter-spacing: -1px;
}
.board-wrap .tab_title.business li.on a:before {
	background-image: url('/html/_skin/eastprime/img/business/tab_active_bg.jpg');
}
.board-wrap .tab_title.business li a:before {
	position: absolute;
	left: 0;
	top: -1px;
	width: 100%;
	height: 4px;
	background-repeat: no-repeat;
	content: "";
}
.board-wrap .tab_title.business li.on a {
	font-weight: 300;
	font-size: 1.375rem;
	color: #222222;
	background-color: #fff;
}

/* product modal */
.popgall-list figure img {
	max-width: 100%;
}

.modal-body img {
	max-width: 100%;
}

@media (min-width: 576px){
	.pro-modal .modal-dialog {
		max-width: 700px;
		margin: 1.75rem auto;
	}
}
/* // product modal */
/* // 제품소개 - gallery board */

/* location */

#content .location_wrap [class^=col] dl dd {
	font-weight: 400;
	font-size: 1rem;
}
#content .location_wrap {
	padding: 2.5rem 0;
}
@media screen and (min-width:768px){
	.location_wrap .location_dl {
		padding: 20px 0;
		min-height: 150px;
	}
}

/* 추가 오시는 길 */
.location_wrap.location_wrap2 {
	margin-bottom:30px;
}
.location_wrap.location_wrap2 [class^=col]:not(:first-child) dl {
	border-left: none;
}
.location_wrap2 .location_dl dt {
	width: 100px; 
	height: 100px;
	border-radius: 50%;
	border:1px solid #c7e6c5;
	display: inline-block;
}
.location_wrap2 .location_dl dt span {
	font-size: 20px;
	color:#46ac3e;
	line-height:100px;
}
/* // location */

/* 인증서 */
.section_cert {
	padding-bottom: 80px;
}

.section_cert .row {
	margin-right: -40px;
	margin-left: -40px;
}
.section_cert .col-md-3 {
	padding-bottom: 80px;
	padding-left: 40px;
	padding-right: 40px;
}
.section_cert figure {
	position: relative;
	padding: 20px;
}
.section_cert figure:after {
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url('/html/_skin/eastprime/img/rnd/certi_frame.png')no-repeat;
	background-size: contain;
	z-index:100;
}
.section_cert figure img {
	max-width: 100%;
	margin-bottom:0!important;
}

.section_cert figure figcaption {
	position: absolute;
	width: 100%;
	top: 100%;
	left:0;
	padding-top:10px;
	letter-spacing:-1px;
}

@media screen and (max-width:1199px) {
	.section_cert .col-md-3 {
			flex: 0 0 33.3333%;
			max-width: 33.3333%;
	}
}

@media screen and (max-width:1099px) {
	.section_cert .row {
		margin-right: -20px;
		margin-left: -20px;
	}
	.section_cert .col-md-3 {
		padding-bottom: 70px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.section_cert figure {
    padding: 15px;
	}
}
@media screen and (max-width:767px) {
	.section_cert .row {
		margin-right: -20px;
		margin-left: -20px;
	}
	.section_cert .col-md-3 {
			flex: 0 0 50%;
			max-width: 50%;
	}
	.section_cert figure {
    padding: 15px;
	}
}
@media screen and (max-width:550px) {
	.section_cert .row {
		margin-right: -20px;
		margin-left: -20px;
	}
	.section_cert .col-md-3 {
			flex: 0 0 100%;
			max-width: 100%;
	}
	.section_cert figure {
    padding: 20px;
		width: 250px;
    margin: 0 auto;
	}
}

/* 기술개발 슬라이드 */


#technology-slide {
	width:100%;
	box-sizing: border-box;
	/* height:800px; */
	/* padding-bottom: 270px; */
	/* margin-bottom:120px; */
}
#technology-slide .rnd_figure_wrap {
	display: flex;
  flex-wrap: wrap;
	outline: none;
}
#technology-slide .vis_img{
	width: 55%;
}
#technology-slide .vis_txt {
	width: 45%;
	padding-left: 80px;
	letter-spacing:-1px;
}
#technology-slide .rnd_figure_wrap h3 {
	margin-bottom: 0;
	font-size: 1.75rem;
}
#technology-slide .rnd_figure_wrap ul li {
	font-weight: 400;
}
#technology-slide .vis_txt img {
	margin-top: 20px;
	display: inline-block;
	max-width: 100%;
}

#technology-slide .slick-slider {
	margin-bottom: 0;
/* 	height:520px; */
	position:relative;
}
#technology-slide .slickslide {
	padding-left:0;
	font-size:0;
}
#technology-slide .slick-list {
	width: 100%;
	display:inline-block;
}
#technology-slide .slick-slider .slick-track {
	min-width:100%;
}
#technology-slide .slickslide figure img, .slick-dots button img {
	width:100%;
	height:auto;
}

/* 썸네일  */
#technology-slide .slick-dots {
	width:100%;
}
#technology-slide .slick-dots {
	position:relative;
	top: 100%;
	left: 0;
	margin-top: 60px;
	margin-bottom:90px;
	right:auto;
	line-height:0;
	padding:0;
	display: flex;
  flex-wrap: wrap;
}

#technology-slide .slick-dots li, #technology-slide .slick-dots li button:before {
/* width: 100px;
	height:100px; */
	margin:0;
	padding:0;
}
#technology-slide .slick-dots li {
	display:inline-block; 
	width: calc(25% - 27px);
	height:auto;
	margin-right:27px; 
	border-radius:none;
}
#technology-slide .slick-dots li:last-child {
	margin-right:0; 
}
#technology-slide .slick-slider .slick-track {
	min-width:100%;
}
#technology-slide .slick-dots li button {
	margin:0;
	height:auto;
	width:100%;
	padding:0;
}

#technology-slide .slick-dots li button.tab { 
	clear:both;   
	display:block; 
	border: none; 
	font-size: 0;
}
#technology-slide .slick-dots li button figure {
	position:relative;
}
#technology-slide .slick-dots li button figure figcaption {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	width: 100%;
	transform: translateY(-50%);
}
#technology-slide .slick-dots li button figure figcaption h5 {
	color:#fff;
	font-size: 20px;
}
#technology-slide .slick-dots li button figure figcaption p {
	color:#ccc;
	font-size: 14px;
	margin-bottom:0;
	line-height:1;
}
#technology-slide .slick-dots li button img { 
	width:100%; 
	max-width:100%; 
	height:auto;   
}
#technology-slide .slick-dots li button:before {
	content:''; 
	display:none; 
	width:100%;  
	max-width:100%; 
	overflow:hidden; 
	float:none;  
	position:absolute;
	width:100%;
	height:100%}

#technology-slide .slick-thumbs {
	position:absolute;
	left: -9999px;
	display:none;
}

#technology-slide .slick-dots .slick-active {
	box-shadow: 0 5px 20px rgba(100,100,100,.7);
	position:relative;
}
#technology-slide .slick-dots .slick-active:before {
	background-image: url('/html/_skin/eastprime/img/business/tab_active_bg.jpg');
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 4px;
	background-repeat: no-repeat;
	content: "";
	z-index:1000;
}

@media screen and (max-width:1099px) {
	#technology-slide {
		padding-bottom: 50px;

	}
	#technology-slide .vis_img{
		width: 100%;
	}
	#technology-slide .vis_txt {
		width: 100%;
		padding-left: 0;
		letter-spacing:-1px;
	}
	#technology-slide .slick-dots {
		margin-top:0;
    margin-bottom: 50px;
}
	#technology-slide .slick-dots li {
		width: calc(50% - 20px);
		margin-right: 20px; 
		margin-bottom:20px;
	}
	#technology-slide .slick-dots li:nth-child(even) {
		margin-right: 0; 
	}
}

/* arrows */
.slick-prev,
.slick-next {
	position:absolute; 
	top:25%; 
	margin-top:20px; 
	z-index:555; 
	font-size:0; 
	height:50px;
	line-height:0; 
	background:none;
}
.slick-prev {
	left:20px;
}
.slick-next {
	right:20px;
}
.slick-prev:before, 
.slick-next:before {
	display:inline-block; 
	font-size:50px; 
	line-height:1; 
	font-family:'FontAwesome'; 
	color:#ccc;
}
.slick-prev:before {
	content:"\f104";
}
.slick-next:before {
	content:"\f105";
}
.slick-prev:hover:before, 
.slick-next:hover:before {
	color: #3EB134;
}
.slick-prev:focus,
.slick-next:focus {
	outline:none;
}
@media screen and (max-width:891px) {

}
@media screen and (max-width:768px) {
	.slick-prev,
	.slick-next {
		top:20%; 
	}
}
@media screen and (max-width:500px) {
	.slick-prev,
	.slick-next {
		top:10px; 
	}
}
/* 공정소개 */
.process-box.pt5 {
	padding-top:50px;
}
.process-wrap .process-box {
	padding-bottom: 100px;
}
.bg-process {
	background-image: url('/html/_skin/eastprime/img/business/process05-outer.jpg');
	background-position:top center;
	background-size: cover;
	margin-bottom:100px;
}
.bg-process .process-box {
	width: 1280px;
	margin:0 auto;
}
.bg-process .process-box img,
.process-wrap .process-box img {
	max-width: 100%;
}

@media screen and (max-width:1300px) {
	.bg-process .process-box {
		width: 100%;
		margin:0 auto;
	}
	.process-wrap:first-child {
		padding-top:0px;
	}
	.process-wrap .process-box {
		padding-bottom: 50px;
	}
	.bg-process {
		margin-bottom:50px;
	}
}

/* 190710 추가 */
body #wrap section.section_product [class^=col] a figure,
.tab_title.business + .tab-content [class^=col] a figure {
	width: 100%;
}

/* en */
html[lang="en"] .location_wrap2 .location_dl dt span {
	font-size: 16px;
}
html[lang="en"] .tab_title+.tab-content [class^=col] h3+ul>li h4,
html[lang="en"] .tab_title+.tab-content [class^=col] h3+ul>li h4+ul li {
	line-height: 1.5;
}