@charset "utf-8";

/* 전체 */
#wrapper { overflow:hidden; width:100%; padding-top:100px; }

@media screen and (max-width:1940px) {
	#wrapper { padding-top:80px; }
}
@media screen and (max-width:1040px) {
	#wrapper { padding-top:60px; }
}

/* 페이징로딩 */
#page_loading {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999999}
#page_loading > .inner {display:table; width:100%; height:100%}
.load {display:table-cell; margin:auto; width:100px; text-align:center; font-size:0; vertical-align:middle;}
.load > div {display:inline-block; width:100px; height:56px; background:url('../images/main/loading.png') no-repeat; -webkit-animation:loadingAni 1.2s infinite ease-in-out; animation:loadingAni 1.2s infinite ease-in-out;}
@-webkit-keyframes loadingAni {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes loadingAni {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(0deg) rotateY(-180.1deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(-180.1deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes ldio-3tdaxp6oxhk {
  0% { transform: translate(-50%,-50%) rotate(0deg); -webkit-transform: translate(-50%,-50%) rotate(0deg);}
  100% { transform: translate(-50%,-50%) rotate(360deg); -webkit-transform: translate(-50%,-50%) rotate(360deg);}
}
.ldio-3tdaxp6oxhk div {
  position: absolute;
  width:50px;
  height:50px;
  border:10px solid #002b82 !important;
  border-top-color: transparent;
  border-radius:50%;
}
.ldio-3tdaxp6oxhk div {
  animation: ldio-3tdaxp6oxhk 1s linear infinite;
  -webkit-animation: ldio-3tdaxp6oxhk 1s linear infinite;
  top: 100px;
  left: 100px
}
.loadingio-spinner-rolling-t79bvdgxqce {
  width:200px;
  height:200px;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: inline-block;
  overflow: hidden;
  background:#ffffff;
}
.ldio-3tdaxp6oxhk {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  -webkit-transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
  -webkit-transform-origin: 0 0;
}
.ldio-3tdaxp6oxhk div { box-sizing: content-box; -webkit-box-sizing: content-box;}
/* generated by https://loading.io/ */

/* ===================================================================== */
/* 메인 비주얼 텍스트 */
.mainVisual .visual-item .bg {
  width:100%;
  height:680px;
  overflow:hidden;
  position:relative;
}
.mainVisual .visual-item .bg > img {
	height:100%;
	position:absolute;
	left:50%;
	top:0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.mainVisual .visual-item .tit_box {
  position:absolute;
  left:50%;
  top:60px;
  width:575px;
  height:552px;
  margin-left:-287.5px;
  text-align:left;
  z-index: 99;
}
.mainVisual .visual-item .btit {
  position:absolute;
  left:0; top:100px;
  opacity:0;filter:Alpha(opacity=0);
 -webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;
}

.mainVisual .visual-item .stit {
  position:absolute;
  left:0; top:-50px;
  opacity:0;filter:Alpha(opacity=0);
 -webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;
}

.mainVisual .visual-item .c1,
.mainVisual .visual-item .c2,
.mainVisual .visual-item .c3,
.mainVisual .visual-item .c4 {
  position:absolute;
  left:0; top:-50px;
  opacity:0; filter:Alpha(opacity=0);
 -webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;
}

.mainVisual .visual-item .btit { -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s }
.mainVisual .visual-item .stit { -webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s }
.mainVisual .visual-item .c1 { -webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;-ms-transition-delay:2s;transition-delay:2s }
.mainVisual .visual-item .c2 { -webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-o-transition-delay:2.5s;-ms-transition-delay:2.5s;transition-delay:2.5s }
.mainVisual .visual-item .c3 { -webkit-transition-delay:3s;-moz-transition-delay:3s;-o-transition-delay:3s;-ms-transition-delay:3s;transition-delay:3s }
.mainVisual .visual-item .c4 { -webkit-transition-delay:3.5s;-moz-transition-delay:3.5s;-o-transition-delay:3.5s;-ms-transition-delay:3.5s;transition-delay:3.5s }

.mainVisual .visual-item.active .btit,
.mainVisual .visual-item.active .stit { top:0; opacity:1.0; filter:Alpha(opacity=100); }
.mainVisual .visual-item.active .c1,
.mainVisual .visual-item.active .c2,
.mainVisual .visual-item.active .c3,
.mainVisual .visual-item.active .c4 { top:0; opacity:1.0; filter:Alpha(opacity=100); }

/* 메인 비주얼 */
.mainVisual { position:relative; width:100%; overflow:hidden; /* max-width:1900px; */ max-height:760px; margin:0 auto; /* z-index:1 */ }
.mainVisual .visual-item { position:relative; width:100%; height:100%; overflow:hidden; }
.mainVisual .visual-item > img {
	width:100%; height:100%;
}
/* active */
.mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); 
    -o-transform: scale(1,1); 
    -moz-transform: scale(1,1); 
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}

/* 메인 비주얼 :: 버튼 */
.mainVisual .slick-dots {position:absolute; width:100%; text-align:center; bottom:80px; }
.mainVisual .slick-dots li {display:inline-block; margin:0 10px;}
.mainVisual .slick-dots li button {cursor:pointer; margin:0px; padding:0px; background:#ababab; 
font-size:0; width:17px; height:17px; border:none; border-radius:17px;}
.mainVisual .slick-dots li.slick-active button {background:#002b82; }/* 버튼 active */


/* ===================================================================== */
/* 메인이미지 */
@media screen and (max-width:1440px) {
	.mainVisual .visual-item .bg { width:100%; }
	.mainVisual .visual-item .bg > img { left:25% }
}
@media screen and (max-width:1240px) {
	.mainVisual { max-height:640px; }
	.mainVisual .visual-item .bg > img { height:640px; }
}
@media screen and (max-width:1040px) {
	.mainVisual .visual-item .tit_box img { height:600px; }
	.mainVisual .slick-dots li {margin:0 5px ; }
	.mainVisual .slick-dots li button { width:13px; height:13px; border-radius:13px;}
}
@media screen and (max-width:820px) {
	.mainVisual { max-height:480px; }
	.mainVisual .visual-item .bg > img { height:480px; }
	.mainVisual .visual-item .tit_box { margin-left:-210px; width:420px; }
	.mainVisual .visual-item .tit_box img { width:420px; height:auto; }
	.mainVisual .visual-item .stit { font-size:14px; line-height:1.5; }
	.mainVisual .slick-dots {bottom:70px; }
}
@media screen and (max-width:480px) {
	.mainVisual { max-height:380px; }
	.mainVisual .visual-item .bg > img { height:380px; }
	.mainVisual .visual-item .tit_box { margin-left:-150px; width:300px; }
	.mainVisual .visual-item .tit_box img { width:300px; }
	.mainVisual .visual-item .stit { font-size:13px; }
	.mainVisual .visual-item .stit p { display:block}
	.mainVisual .visual-item .stit br { display:block }
}

/* ============================================================================= */

/* 프로그램 */
.main_porgram_bg { overflow:hidden; position:relative; width:100%; max-height:100%; 
background:#040c1f url('/images/index/main_intro_tbg.jpg') repeat-x; }
.main_porgram_wrap { width:100%; overflow:hidden; }
.main_porgram_wrap > .main_logo { position:absolute; left:50%; transform:translateX(-50%); top:20%; z-index:100 }
.main_porgram_wrap > .main_img {
	display:block; margin:0 auto;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); 
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
     transform: scale(1.2,1.2);
	-webkit-transition:all 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ; 
	-o-transition:transform 5000ms ease-in-out ; 
	-ms-transition:transform 5000ms ease-in-out ; 
    transition:transform 5000ms ease-in-out ;
}
/* active */
.main_porgram_wrap.active > .main_img {
	-ms-transform: scale(1,1); 
    -o-transform: scale(1,1); 
    -moz-transform: scale(1,1); 
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
.main_porgram { position:fixed; top:600px; width:1277px; left:50%; transform:translateX(-50%); }
.main_porgram li { float:left; width:25%; position:relative; display:block;
border-right:1px solid #ddd; height:185px; text-align:center;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(215,215,215,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 63%,rgba(215,215,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 63%,rgba(215,215,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
}
.porgram_box { position:relative; position:absolute; bottom:0; left:0; height:0; display:block; width:100%; height:185px; line-height:185px; 
overflow:hidden; 
 -moz-transition:all 0.7s; -ms-transition:all 0.7s; transition:all 0.7s; }

.porgram_box .txt { position:relative; line-height:24px; padding-top:20px; }
.porgram_box .txt:before { position:absolute; left:50%; top:0; content:''; margin-left:-19px; width:37px; height:3px; background:#004dbf }
.porgram_box .go { display:block; margin:75px auto 0; width:74px; height:74px; border-radius:100%; 
background:#004dbf url('/images/index/main_intro_go.png') no-repeat center }

.open .porgram_box { opacity:1; height:412px; line-height:128px; background:#fff;  }


/* ABOUT US */
.main_info_wrap {
	background:url('/images/index/main_info_bg.jpg') no-repeat center; background-size:cover;
	padding:60px 0 60px
}
.main_info_box {
	width:1200px;
	margin:0 auto;
}
.main_info_box h3 {
	text-align:center;
	width:310px;
	margin:0 auto;
	font-size:25px;
	padding:0 18px 10px;
	color:#000;
	letter-spacing:1px;
	font-family:'Arial';
	position:relative;
}
.main_info_box h3:before {
	background:#c3c3c3;
	width:50px;
	height:1px;
	position:absolute;
	left:0;
	top:10px;
	content:''
}
.main_info_box h3:after {
	background:#c3c3c3;
	width:50px;
	height:1px;
	position:absolute;
	right:0;
	top:10px;
	content:''
}
.main_info_box h4 {
	text-align:center;
	font-size:15px;
	padding:0 18px 30px;
	color:#000;
	font-weight:400
}
.main_info_box .info_txt {
	text-align:center;
	font-size:15px;
	line-height:30px;
	color:#353535;
	font-weight:400
}
.main_info_box .info_txt b {
	font-size:15px;
	color:#002b82;
	font-weight:600
}
.main_info_box img {
	display:block;
	margin:30px auto;
}


@media screen and (max-width:1240px) {
	.main_info_box {
		width:1000px;
	}
}
@media screen and (max-width:1020px) {
	.main_info_box {
		width:100%;
	}
}
@media screen and (max-width:765px) {
	.main_info_wrap {
		padding:60px 20px 60px
	}
	.main_info_box h3 {
		font-size:20px;
	}
	.main_info_box .info_txt,
	.main_info_box .info_txt b {
		font-size:13px;
		line-height:24px;
	}
}
@media (max-width:380px) {
	.main_info_box h3 { width:100%; }
	.main_info_box .info_txt { letter-spacing:-1px }
}


/* 협력업체 */
.main_partner_wrap {
	width:1200px;
	margin:75px auto 100px;
}
.main_partner_wrap h3 {
	text-align:center;
	width:310px;
	margin:0 auto;
	font-size:25px;
	padding:0 18px 10px;
	color:#000;
	letter-spacing:1px;
	font-family:'Arial';
	position:relative;
}
.main_partner_wrap h3:before {
	background:#c3c3c3;
	width:78px;
	height:1px;
	position:absolute;
	left:0;
	top:10px;
	content:''
}
.main_partner_wrap h3:after {
	background:#c3c3c3;
	width:78px;
	height:1px;
	position:absolute;
	right:0;
	top:10px;
	content:''
}
.main_partner_wrap h4 {
	text-align:center;
	font-size:15px;
	padding:0 18px 50px;
	color:#000;
	font-weight:400
}

.main_partner_box {
	overflow:hidden;
}
.main_partner_box li {
	float:left;
	width:23.5%;
	margin-right:2%
}
.main_partner_box li:last-child {
	margin-right:0
}
.main_partner_box li a {
	display:block;
}
.main_partner_box li a div {
	text-align:center;
	height:205px;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.main_partner_box li:nth-child(1) a div { background:#ededed url('/images/index/kfarm_partner_05.png') no-repeat center }
.main_partner_box li:nth-child(2) a div { background:#ededed url('/images/index/kfarm_partner_01.png') no-repeat center }
.main_partner_box li:nth-child(3) a div { background:#ededed url('/images/index/kfarm_partner_03.png') no-repeat center }
.main_partner_box li:nth-child(4) a div { background:#ededed url('/images/index/kfarm_partner_02.png') no-repeat center }

.main_partner_box li:nth-child(1) a:hover div { background:#002b82 url('/images/index/kfarm_partner_05_w.png') no-repeat center }
.main_partner_box li:nth-child(2) a:hover div { background:#002b82 url('/images/index/kfarm_partner_01_w.png') no-repeat center }
.main_partner_box li:nth-child(3) a:hover div { background:#002b82 url('/images/index/kfarm_partner_03_w.png') no-repeat center }
.main_partner_box li:nth-child(4) a:hover div { background:#002b82 url('/images/index/kfarm_partner_02_w.png') no-repeat center }

.main_partner_box li a h5 {
	display:block;
	text-align:center;
	padding-top:15px;
	font-size:16px;
	color:#000
}
.main_partner_box a div img {
	max-width:100%;
}

@media screen and (max-width:1240px) {
	.main_partner_wrap {
		width:1000px;
	}
}
@media screen and (max-width:1020px) {
	.main_partner_wrap {
		width:100%; 
		padding:0 10px;
	}
	.main_partner_box li:nth-child(1) a div,
	.main_partner_box li:nth-child(1) a:hover div,
	.main_partner_box li:nth-child(2) a div,
	.main_partner_box li:nth-child(2) a:hover div,
	.main_partner_box li:nth-child(3) a div,
	.main_partner_box li:nth-child(3) a:hover div,
	.main_partner_box li:nth-child(4) a div,
	.main_partner_box li:nth-child(4) a:hover div { background-size:80% auto }
}
@media screen and (max-width:765px) {
	.main_partner_wrap {
		margin:45px auto 70px;
	}
	.main_partner_wrap h3 {
		font-size:20px;
	}
	.main_partner_wrap h4 {
		font-size:13px;
		line-height:24px;
		padding:0 18px 30px;
	}
	.main_partner_box li {
		float:left;
		width:48%;
		margin-right:4%;
	}
	.main_partner_box li:nth-child(2n) {
		margin-right:0
	}
	.main_partner_box li a h5 {
		padding-bottom:10px;
		padding-bottom:15px;
	}
	.main_partner_box li:nth-child(1) a div,
	.main_partner_box li:nth-child(1) a:hover div,
	.main_partner_box li:nth-child(2) a div,
	.main_partner_box li:nth-child(2) a:hover div,
	.main_partner_box li:nth-child(3) a div,
	.main_partner_box li:nth-child(3) a:hover div,
	.main_partner_box li:nth-child(4) a div,
	.main_partner_box li:nth-child(4) a:hover div { background-size:60% auto }
}
@media screen and (max-width:480px) {
	.main_partner_box li a div { height:165px; }
	.main_partner_box li:nth-child(1) a div,
	.main_partner_box li:nth-child(1) a:hover div,
	.main_partner_box li:nth-child(2) a div,
	.main_partner_box li:nth-child(2) a:hover div,
	.main_partner_box li:nth-child(3) a div,
	.main_partner_box li:nth-child(3) a:hover div,
	.main_partner_box li:nth-child(4) a div,
	.main_partner_box li:nth-child(4) a:hover div { background-size:60% auto }
}
@media (max-width:380px) {
	.main_partner_wrap h3 { width:100%; }
}

/* 제품소개 */
.main_product {
	width:1200px;
	margin:35px auto;
	background:#fff;
	position:relative
}
.main_product h3 {
	text-align:center;
	width:310px;
	margin:0 auto;
	font-size:25px;
	padding:0 18px 10px;
	color:#000;
	letter-spacing:1px;
	font-family:'Arial';
	position:relative;
}
.main_product h3:before {
	background:#c3c3c3;
	width:78px;
	height:1px;
	position:absolute;
	left:0;
	top:10px;
	content:''
}
.main_product h3:after {
	background:#c3c3c3;
	width:78px;
	height:1px;
	position:absolute;
	right:0;
	top:10px;
	content:''
}
.main_product h4 {
	text-align:center;
	font-size:15px;
	padding:0 18px 50px;
	color:#000;
	font-weight:400
}
.main_product h4 br {
	display:none
}
.main_product ul {
	overflow:hidden;
}
.main_product ul li {
	float:left;
	overflow:hidden;
	width:32%; 
	margin-right:2%; 
	margin-bottom:64px;
}
.main_product ul li:nth-child(3n) {
	margin-right:0
}
.main_product ul li .photo { position:relative; width:100%; padding-top:67%; text-align:center; overflow:hidden; border:1px solid #e8e8e8; }
.main_product ul li .photo .img {
	width:100%; height:100%;
	position:absolute; top:50%; left:50%; right:0; bottom:0; 
	-webkit-transform:translate(-50%, -50%) !important;
	-moz-transform:translate(-50%, -50%) !important;
	-ms-transform:translate(-50%, -50%) !important;
	transform:translate(-50%, -50%) !important; 
}
.main_product ul li .photo img {
	width:100%; height:100%;
	box-sizing:border-box;
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:1;
}
.main_product ul li a:hover .photo img {
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
	opacity:0.7;
}

.main_product ul li .mark1,
.main_product ul li .mark2,
.main_product ul li .mark3,
.main_product ul li .mark4 {
	position:absolute; 
	right:20px; bottom:15px;
	z-index:10; opacity:0.7;
}
.main_product ul li .mark1 img { width:100px; }
.main_product ul li .mark2 img { width:80px }
.main_product ul li .mark3 img { width:100px }
.main_product ul li .mark4 img { width:100px }

.main_product ul li .info {
	padding-top:20px;
	position:relative
}
.main_product ul li .info h4 {
	color:#010101;
	font-size:16px;
	font-weight:500;
	padding:5px 0 10px;
	width:100%;
	display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.main_product ul li .info p {
	line-height:20px;
	color:#626262;
	font-size:14px;
	font-weight:400;
	padding:5px 0 10px;
	text-align:center;
	overflow:hidden;
}
.main_product ul li .info p.sProduct {
	height:42px;
	line-height:20px;
}
@media screen and (max-width:1240px) {
	.main_product {
		width:1000px;
	}
}

@media screen and (max-width:1020px) {
	.main_product {
		width:100%;
		padding:10px;
	}
	.main_product ul li .info h4 {
		font-size:18px;
		padding:0 18px 30px;
	}
	.main_product ul li .photo {
		height:120px;
	}
}
@media screen and (max-width:765px) {
	.main_product h3 {
		font-size:20px;
	}
	.main_product h4 {
		font-size:13px;
		padding:0 18px 30px;
	}
	.main_product h4 br {
		display:block
	}
	.main_product ul li {
		width:48%;
		/*margin-right:4%;*/
		margin-bottom:30px;
	}
	.main_product ul li:nth-child(2n) {
		margin-right:0;
		float:right
	}
	.main_product ul li:nth-child(3n) {
		margin-right:4%;
	}
	.main_product ul li:nth-child(6) {
		margin-right:0;
	}	
	.main_product ul li .photo {
		height:160px;
	}
	.main_product ul li .info {
		padding-top:15px;
	}
	.main_product ul li .info h4 {
		font-size:16px;
		padding:0 0 5px;
	}
	.main_product ul li .info p {
		padding-top:0;
		font-size:13px;
	}
	.main_product ul li .info p br {
		display:none;
	}
}
@media screen and (max-width:520px) {
	.main_product ul li .photo {
		height:120px;
	}
	.main_product ul li .info h4, 
	.main_product ul li .info p {
		text-align:left;
	}
	.main_product ul li .info h4 {
		padding:0;
	}
	.main_product ul li .info p { font-size:12px; }
}
@media (max-width:380px) {
	.main_product h3 { width:100%; }
}

/* 공지사항 */
.main_customer_box {
	background:#ebebeb;
	padding:67px 0 60px
}
.main_customer {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.main_customer h3 {
	text-align:center;
	width:350px;
	margin:0 auto;
	font-size:25px;
	padding:0 18px 10px;
	color:#000;
	letter-spacing:1px;
	font-family:'Arial';
	position:relative;
}
.main_customer h3:before {
	background:#c3c3c3;
	width:78px;
	height:1px;
	position:absolute;
	left:0;
	top:10px;
	content:''
}
.main_customer h3:after {
	background:#c3c3c3;
	width:78px;
	height:1px;
	position:absolute;
	right:0;
	top:10px;
	content:''
}
.main_customer h4 {
	text-align:center;
	font-size:15px;
	padding:0 18px 50px;
	color:#000;
	font-weight:400
}
/*.main_customer li { float:left; width:49%; margin-right:2%; }*/
.main_customer li {
    display: block;
    width: 49%;
    margin: 0 auto;
}
.main_customer li:nth-child(2) { margin-right:0; }
.main_customer li a {
    display: block;
    height: 220px;
    padding-top: 40px;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.main_customer li:first-child a {
    background: #f3f3f3 url(/images/index/main_q1.png) no-repeat;
    background-position: center top 60%;
}
.main_customer li:nth-child(2) a { background:#f3f3f3 url('/images/index/main_q2.png') no-repeat center }
.main_customer li:nth-child(3) a { margin-right:0; background:#f3f3f3 url('/images/index/main_q3.png') no-repeat center }

.main_customer li:first-child a:hover {
    background: #002b82 url(/images/index/main_q1_w.png) no-repeat;
    background-position: center top 60%;
}
.main_customer li:nth-child(2) a:hover { background:#002b82 url('/images/index/main_q2_w.png') no-repeat center }
.main_customer li:nth-child(3) a:hover { margin-right:0; background:#002b82 url('/images/index/main_q3_w.png') no-repeat center }

.main_customer li a h5 { display:block; font-size:22px; color:#000 }
.main_customer li a h6 { display:block; padding-top:120px; font-size:14px; color:#393939 }
.main_customer li a h6 br.line { display:none }
.main_customer li a:hover h5,
.main_customer li a:hover h6 { color:#fff }

@media screen and (max-width:1240px) {
	.main_customer {
		width:1000px;
	}
}
@media (max-width:1070px) {
	.main_customer { width:100%; padding:0 20px }
	.main_customer li a h5 { font-size:18px; }
	.main_customer li a h6 { font-size:13px; }
	.main_customer li a h6 br.line { display:block }
}
@media (max-width:765px) {
	.main_customer_box {
		padding:37px 0 30px
	}
	.main_customer h3 {
		font-size:20px;
	}
	.main_customer h4 {
		font-size:13px;
		padding:0 18px 30px;
	}
	.main_customer li { width:80%; /*margin-right:4%;*/ margin-bottom:4% }
	.main_customer li:nth-child(2) { margin-right:0; }
	.main_customer li:nth-child(3) { width:100%; margin-right:0; }

	.main_customer li a {
		height: 165px;
		 padding-top: 25px;
	}
	.main_customer li:first-child a { background-size:50px auto; /*background-position:center 60px*/ }
	.main_customer li:nth-child(2) a { background-size:50px auto; background-position:center 60px }
	.main_customer li:nth-child(3) a { height:170px; background-size:50px auto; background-position:center 60px }
	.main_customer li a h5 { font-size:16px; }
	.main_customer li a h6 { padding-top:80px; font-size:12px; }
	.main_customer li:nth-child(1) a h6 { padding-top:80px; }
	.main_customer li:nth-child(2) a h6 { padding-top:75px; }
	.main_customer li:nth-child(3) a h6 { padding-top:85px; }
}	
@media (max-width:350px) {
	.main_customer h3 { width:100%; }
	.main_customer h3:before,
	.main_customer h3:after { width:50px; }
	.main_customer li a h5 { font-size:15px; }
	.main_customer li { width:100%; margin-right:0; margin-bottom:4% } 
	.main_customer li a h6 { padding-top:90px; }
}



/* 레이어 팝업 */
.layer_wrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; }
.layer_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.9; filter:alpha(opacity=90); }
.layer_area { position:absolute; left:50%; top:50%; background:#fff}

#layer1 { width:1260px; border:5px solid #7e6544; }
.pop_header { display:block; padding-left:15px; height:46px; line-height:46px; background:#b09671; }
.pop_header h2 { float:left; display:block; width:200px; font-size:20px; font-weight:bold; color:#fff; }
.pop_header .pop_close { float:right; width:46px; height:46px; padding-left:15px; background:#545557 url('../images/index/pop_close.png') no-repeat 50%; 
border:1px solid #545557; border-left:none; font-size:0; box-shadow:inset 5px 0 10px 0 rgba(0, 0, 0, 0.5); }
.pop_body { clear:both; overflow-x:hidden; overflow-y:scroll; height:610px; padding:5px; border-top:none; }

.layer_wrap2 { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; }
#layer2 { width:500px; border-radius:8px; }
#layer2 .pop_body { position:relative; height:300px; padding:70px 30px; text-align:center; color:#666; font-size:16px; line-height:24px; overflow-y:hidden }
#layer2 .pop_body h2 { display:block; font-size:24px; font-weight:bold; color:#333; text-align:center; padding-bottom:20px }
#layer2 .pop_close { font-size:24px; font-family:'Arial';position:relative; position:absolute; right:10px; top:10px; width:36px; height:36px; background:none; border:none}

#layer2 .pop_close span {display:inline-block;position:absolute;left:50%;margin-left:-13px;top:50%;margin-top:-1px;width:26px;height:3px;}
#layer2 .pop_close span:before {background:#666 !important; top:0; transform:rotate(45deg);}
#layer2 .pop_close span:after {background:#666 !important; top:0; transform:rotate(-45deg);}


/* 퀵메뉴 */
#quick { position:absolute; top:780px; right:50%; margin-right:-770px; z-index:1;}
#sub_wrap #quick { top:330px; }
#quick .quick_menu { width:104px; background:#fff; border:3px solid #029f48; border-radius:8px 8px 0 0; padding:7px }
#quick .quick_menu li { height:97px; border-bottom:1px solid #dfdfdf; }
#quick .quick_menu li a { display:block; height:97px; padding-top:67px; text-align:center; 
font-weight:500; font-size:13px; color:#000; line-height:16px; text-decoration:none }
#quick .quick_menu li a:hover { color:#029f48 }
#quick .quick_menu li:last-child { border:none }

#quick .quick_tel { height:50px; border:3px solid #029f48; background:#029f48; text-align:center; color:#fff; border-radius:0 0 8px 8px; font-weight:500; letter-spacing:-0.5px; }
#quick .quick_tel span { display:block; color:#fff; text-align:center; font-weight:600; height:20px; line-height:20px; border-radius:3px; font-size:13px }

#quick .quick01 { background:url('../images/common/sub_q1.png') no-repeat center 20px; }
#quick .quick02 { background:url('../images/common/sub_q2.png') no-repeat center 24px; }
#quick .quick03 { background:url('../images/common/sub_q3.png') no-repeat 60% 17px; padding-top:70px !important; }

@media (max-width:1420px) {
	#quick { display:none }
}

#quick_wide { 
	background:#fff;
	border:1px solid #dedede;
	border-radius:5px;
	padding:15px;
	position:absolute; 
	top:200px; 
	right:20px; 
	z-index:1;
}
#quick_wide .quick_g2b { 
	line-height:1.4;
	font-size:12px;
}
#quick_wide .quick_g2b h4 {
	color:#000;
	font-size:17px;
	font-weight:500;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #dedede;
}
#quick_wide .quick_g2b img {
	margin-right:7px;
	float:left;
}
#quick_wide .quick_g2b span {
	color:#ff3000;
}
#quick_wide .quick_g2b b {
	color:#029f48;
	font-weight:400;
}
#quick_wide .quick_card {
	font-size:17px;
	border:2px solid #000;
	margin-top:15px;
	border-radius:5px;
	padding:10px;
	color:#000;
	font-weight:500;
}
#quick_wide .quick_call {
	background-color:#029f48;
	border-radius:5px;
	color:#fff;
	font-size:17px;
	font-weight:500;
	padding:10px;
	margin-top:10px;
	text-align:center;
}
@media (max-width:1420px) {
	#quick_wide { display:none }
}

.quick_box {max-width: 1200px; margin: 0 auto 20px;}

h3.h3_tit{
	font-size: 33px;
	padding: 45px 0 45px 0;
	background: #fff url('/images/sub/dy_ksmark3.png') no-repeat 230px center;
	background-size: 33px;
	color:#000;
}

#quick_fixed { 
	width: 100%;
	background:#fff;
	border:1px solid #dedede;
	border-radius:5px;
	padding:15px 15px 55px; 
	z-index:1;
	margin: 0 auto;
	/* margin-bottom: 65px; */
}
#quick_fixed .quick_g2b { 
	line-height:1.4;
	font-size:12px;
}
#quick_fixed .quick_g2b p {
	color:#000;
	font-size:24px;
	font-weight:500;
	padding-bottom:15px;
	margin-bottom:10px;
	/* border-bottom:1px solid #dedede; */
}
#quick_fixed .quick_g2b p.p_txt{font-weight: normal; font-size: 17px; margin: 5px 0; }

#quick_fixed .quick_g2b span {
	color:#ff3000;
}
#quick_fixed .quick_g2b b {
	color:#029f48;
	font-weight:400;
}
#quick_fixed .quick_card {
	width: 49%; margin-right: 2%; float: left;
	font-size:15px;
	border:2px solid #000;
	/* margin-top:15px; */
	border-radius:5px;
	height: 40px; line-height: 35px;
	margin-right: 5px;
	padding:0 10px;
	color:#000;
	font-weight:500;
	text-align: center;
}
#quick_fixed .quick_card img {width:25px;}
#quick_fixed .quick_call {
	float: left;
	width: 49%;
	background-color:#029f48;
	border-radius:5px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	height: 40px; line-height: 40px;
	padding:0 10px;
	/* margin-top:10px; */
	text-align:center;
}

@media (max-width:1240px) {
	#quick_fixed { max-width: 940px; }
}

@media (max-width:480px) {
	#quick_fixed .quick_card {width: 100%; margin-right: 0; float: none; margin-bottom: 10px;}
	#quick_fixed .quick_call {width: 100%;}
}