@charset "utf-8";


.main_cont_wrap * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.main_cont_wrap *::before, .main_cont_wrap *::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

svg:not(:root) {
    overflow: hidden;
}

.scroll-arrow {
    position: absolute;
	display:none;
    width: 15px;
    height: 71px;
    z-index: 2;
    left: calc(50% - 7px);
    bottom: -10px;
	z-index:9999;
}


.visual_wrap {max-height: 580px;}
.visual_img img {max-height: 580px;}


.main_cont_wrap {
  padding: 32px 0;
  position:relative;
  display:block;
  background: url(/kor/img/main/main_cont_bg.jpg);
}
.main_cont_wrap:after {clear:both;content:"";display:block;}


/*cont_01*/
.cont_01 {position:relative;display:block;}
.cont_01:after {clear:both;content:"";display:block;}

.cont_01_c {
	position:absolute;
	display:block;
	width: 50%;
}
.cont_01_c:after {clear:both;content:"";display:block;}
.main_inocom {
	left:0px;
	background: url(/kor/img/main/main_cont01_bg.jpg?v=2) no-repeat 50%;
	background-size:cover;
	height: 100%;
	padding-left: 50px;
}
.main_inocom p {
  font-size: 35px;
  padding-top: 82px;
}
.main_inocom p span {
  display: block;
  font-weight: 400;
  line-height: 35px;
}
.main_inocom p strong {
  font-size:49px;
  color: #ae1608;
}
.main_inocom button {
  text-indent: -9999px;
  border: 0;
  outline: 0;
  width: 150px;
  height: 50px;
  background: url(/kor/img/main/main_cont1_btn.png)no-repeat;
  margin-top: 10px;
}


.main_cont2 {position:relative;display:block;text-align:center;max-height:342px;}
.main_cont2:after {clear:both;content:"";display:block;}
.main_cont2 img {max-width:100% !important;}

.slick-dots {bottom:10px !important;}
.slick-dots li button::before {width:12px;height:12px;background: url(/kor/img/main/pager.png) no-repeat 0 0;color: #fff !important;text-indent: -9999px;}
.slick-dots li.slick-active button::before {background: url(/kor/img/main/pager_on.png) no-repeat 9% 0;color: #fff !important;}
.slick-dotted.slick-slider {margin-bottom:0px !important;}

.main_banner {position:relative;left:50%;}
.main_banner:after {clear:both;content:"";display:block;}

.bx-controls-direction{display: none;}
.bx-controls-auto{display: none;}
.bx-pager{
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -32px;
  z-index: 100;
}
.bx-pager-item{
  float: left;
  margin-right: 8px;
}
.bx-pager-item:last-child {margin-right: 0;}
.bx-pager-item a{
  text-indent: -9999px;
  display: inline-block;
  background: url(/kor/img/main/pager.png) no-repeat 0 0;
  width: 12px;
  height: 12px;
}
/*pd_sld pager활성화 bg변경*/
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
  background: url(/kor/img/main/pager_on.png) no-repeat 9% 0;
}


/*cont_02*/
.cont_02 {position:relative;display:block;}
.cont_02:after {clear:both;content:"";display:block;}

.cont_02_c {float: left;}

.quick_bn {width: 29%;}
.quick_bn div a {padding: 43px 48px; display: inline-block;}
.quick_bn div img {float: left;margin-right: 39px;}
.quick_bn div p {display: inline-block;}
.quick_bn div p .title {
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  display: block;
}
.quick_bn div p .text {
  font-size: 14px;
  color: #ffffff;
}


.notice {width: 31%;height:306px;background-color: #ffffff;}
.notice h2 a {
  font-size: 16px;
  color: #ffffff;
  display: block;
  line-height: 18px;
  background: #ae1608;
  padding: 14px 26px;
}
.notice h2 a i {display: inline-block;margin-right: 9px;}
.notice_list {
  padding: 34px 25px;
  background-color: #ffffff;
}
.notice_list li {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin-bottom: 20px;}
.notice_list li:last-child {margin-bottom: 0;}
.notice_list li a {font-size: 15px;font-weight: 400;}
.notice_list li a .date {display:inline-block;font-weight:300;letter-spacing:-1px;margin-right:3px;}
.notice_list li.no-notice {line-height:190px;}

.product {
  background: #fafafa;
  width: 40%;
  height: 306px;
  position: relative;
  padding: 51px 26px;
}

/*product slider*/
.product .pd_sld {position: absolute !important;top: 5%;}
.product .bx-viewport { height: 199px !important; overflow: visible!important;}
.product .bx-pager {
  bottom: 54px;
  left: 57%;
}
.product .bx-pager-item a {
  background: #ffffff !important;
  border: 1px solid #d8d8d8;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 42px;
}
.product .bx-pager-item a:before {
  content: "1";
  display: block;
  margin-top: -16px;
  line-height: 12px;
}
/*pd_sld pager활성화 bg변경*/
.product .bx-wrapper .bx-pager.bx-default-pager a.active{
  color: #ffffff;
  border: 1px solid #ae1608;
  background: #ae1608 !important;
}


.product .pd_sld {
  position: absolute;
  max-width: 426px;
}
.product .thum {
  float: left;
  margin-top: -14px;
}
.product .item_txt {
  float: left;
  margin-left: 10px;
  max-width: 204px;
}
.product .item_txt .item_tit {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  display: block;
}
.product .product_name {
  font-size: 18px;
  font-weight: 400;
  display: block;
  margin-top: 20px;
}
.product .product_text {
  font-size: 16px;
  max-width: 204px;
  display: block;
  line-height: 21px;
}

#customer_center {background: #ffffff;padding: 26px 0;margin-top: 28px;}
#customer_center .cut_list {
  width: 25%;
  float: left;
  padding: 0 30px;
  border-right: 1px solid #bfbfbf;
}
#customer_center .cut_list_call {border-right: none;}
#customer_center .cut_list a {display: inline-block; width: 100%;}
#customer_center .cut_list a:hover img {
    background: #64666c;
}
.cut_list a article {
  float: left;
}
.cut_list a article h3 {
  font-size: 18px;
}
.cut_list a article p {
  font-size: 14px;
  line-height: 19px;
}
.cut_list a article p span {
  display: block;
}
.cut_list a img {
  background: #d2d2d2;
  float: right;
  padding: 7px;
  margin: 8px 0;
}
.cut_list_call h3 {font-size: 18px;}
.cut_list_call p {
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
}



/*반응형*/
@media all and (max-width:1200px) {
	.cont_02_c {width:50%;}
	.quick_bn {width:100%;}
	.quick_bn > div {width:50%;float:left;padding-right:10px;}
}

@media all and (max-width:1100px) {
	.main_inocom p {padding-top:65px;font-size:29px;}
	.main_inocom p span {display:inline-block;font-size:32px;}
	.main_inocom p strong {display:block;font-size:45px;}

	.product .thum {max-width: 180px;max-height:100%;}

	#customer_center {background: none; padding: 0;margin-top:5px;}
	#customer_center .cut_list {
		padding: 13px 30px;
		margin-top: 4px;
		width: calc(50% - 2px);
		border: 1px solid #bfbfbf;
		height: 100px;
		background: #ffffff;
		margin-right: 4px;
	}
	#customer_center .cut_list:nth-child(2n) {margin-right: 0;}
	.cut_list_call h3 {margin-bottom: 3px;}
}

@media all and (max-width:920px) {
	.cont_01_c{position:relative;width:100%;}

	.main_inocom p {padding-top:50px;}
	.main_banner {left:0px;}
	.product .thum {max-width: 160px;max-height:100%;}
}

@media all and (max-width:860px) {
	.cont_02_c {width:100%;}
	.notice {height:auto;border-bottom:1px solid #eee;margin-bottom:5px;}

	.product {height:auto;padding: 51px 12%;}
	.product .thum {max-width: 170px;max-height:100%;}
	.product .product_text {font-size: 14px;}
	.product .bx-pager {
		bottom: 20px;
		left: 50%;
		margin-left: -84px;
	}
}

@media all and (max-width:680px) {
	.main_inocom p {padding-top:35px;font-size:24px;}
	.main_inocom p span {font-size:22px;}
	.main_inocom p strong {font-size:35px;}

	.quick_bn > div {width:100%;float:none;}
  .quick_bn > div > a{padding: 35px 44px;}

	.product {height:auto;padding: 25px 20px;}
	.product .item_txt {margin-left: 43px;}

}

@media all and (max-width:600px) {
  .quick_bn > div > a{padding: 30px 44px;}
	#customer_center .cut_list {width: 100%; margin-right: 0;}
	#customer_center .cut_list_call {text-align: center;}
}


@media all and (max-width:520px) {
	.main_inocom {padding-left:35px;}
	.main_inocom p {padding-top:35px;font-size:22px;}
	.main_inocom p span {font-size:20px;}
	.main_inocom p strong {font-size:33px;}


	.product {height: auto; padding: 20px 10px;padding-bottom:50px;}
	.product .thum {float: none;display: block; margin: 0 auto;}
	.product .item_txt {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.product .item_txt .item_tit {margin-top: 10px;}
	.product .product_name {margin-top: 13px;}
	.product .product_text {line-height: 16px;}
	.product .bx-viewport {min-height: 320px !important;}
	.product .bx-pager {bottom: 10px;}
}

@media all and (max-width:400px;) {
  .quick_bn > div {width:100%;float:none;}
}