@charset "UTF-8";

/********************************
 레이아웃 세팅
 *******************************/
.mainset {padding:5.0rem 0;}
.mainset.bgcolor {background-color:#f2f6f9;}
.mainset.main_area01 {padding:0; position:relative;}

.mainset .m_inner {margin:0 auto; max-width:1180px;}
.mainset .m_all {overflow:hidden; position:relative; z-index:1;}


.inner{margin:0 auto; max-width:1180px;}

h2.title{margin-bottom:3.0rem;}
h2.title strong{font-size:3.0rem; font-weight:500; color:#000;}
h2.title > span{display:block; font-size:2.0rem; font-weight:400; color:#666;}

	/*media query*/
@media screen and (max-width:1200px) {
}
/*media query*/
@media screen and (max-width:1180px){

	h2.title{margin-bottom:3.0rem; text-align:center;}
	h2.title strong{font-size:2.6rem;}
	h2.title span{font-size:1.8rem;}
	.inner{padding:0 2.0rem; max-width:inherit;}

}
@media screen and (max-width:1024px) {
	.mainset .m_inner {padding:0 3.0rem;}

}



@media screen and (max-width:767px) {
	.mainset .m_inner {padding:0 2.0rem;}
	h2.title strong{font-size:2.2rem;}
	h2.title span{font-size:1.6rem;}
}
@media screen and (max-width:640px) {
	.mainset .m_inner {padding:0 1.0rem;}
}
@media screen and (max-width:480px) {
}


/********************************
 01메인배너
 *******************************/
.main_slidebox {}
.mslide_item {height:530px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.mslide_item.mslide_item01 {background-image:url(./../images/main01.jpg);}
.mslide_item.mslide_item02 {background-image:url(./../images/main02.jpg);}
.mslide_item.mslide_item03 {background-image:url(./../images/main03.jpg);}
.main_slidebox .slick-dotted.slick-slider{margin-bottom:0;}
.mainslide_m{display:none;}

	/*슬라이드 수정*/
.main_slidebox .slick-prev, 
.main_slidebox .slick-next {display:none !important;}


	/*dots*/
.main_slidebox .slick-dots {display:inline-block !important; bottom: 30px; }
.main_slidebox .slick-dots li {width:8px; height:8px; background-color:#ebebeb; border-radius:50%;}
.main_slidebox .slick-dots li.slick-active {width:24px; height:8px; background-color:#dd0024; border-radius:4px;}
.main_slidebox .slick-dots li button:before {content:''}


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

	.mainslide_pc{display:none;}
	.mainslide_m{display:block;}
	.mainslide_m img{width:100%; height:auto;}
	/*
	.mslide_item_m{background-repeat:no-repeat; background-position:center; background-size:cover;}
	.mslide_item_m.mslide_item01m {background-image:url(./../images/m_main01.jpg);}
	.mslide_item_m.mslide_item02m {background-image:url(./../images/m_main02.jpg);}
	.mslide_item_m.mslide_item03m {background-image:url(./../images/m_main03.jpg);}
	*/
}
/********************************
 공지사항
 *******************************/
.noticebox {position:relative; margin-top:-46px; z-index:2;}
.noticebox .noticeinner {margin:0 auto; max-width:1180px; position:absolute; left:50%; transform:translate(-50%, -35%); width:100%;}
.noticebox .noticeinner .notice {padding:3.0rem 2.5rem; position:relative; background-color:#fff;  border-radius: 5px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.noticebox .noticeinner .notice::after{content:''; display:block; clear:both;}
.noticebox .noticeinner .notice .notice_title{margin-bottom:0; padding-left:6.0rem; position:relative; float:left; width:16.5rem; font-size:2.0rem; font-weight:500; color:#000; }
.noticebox .noticeinner .notice .notice_title::before{content:''; display:block; position:absolute; top:50%; left:0; width:5.0rem; height:5.0rem; transform:translateY(-50%); background:url(../images/notice.svg) center center no-repeat;}
.noticebox .noticeinner .notice .notice_title::after{content:''; display:block; position:absolute; top:50%; right:0; width:0.1rem; height:2.0rem; transform:translateY(-50%); background-color:#707070;}
.noticebox .noticeinner .notice .notice_tax{margin:0.1rem 0 0; padding-left:3.0rem; float:right; width:calc(100% - 16.5rem); font-size:1.8rem; color:#000;}
.noticebox .noticeinner .notice .notice_tax::after{content:''; display:block; clear:both;}
.noticebox .noticeinner .notice .notice_tax .RBT{margin-right:1.0rem; padding:0.6rem 1.5rem; border:1px solid #ddd; border-radius:3.0rem;}
.noticebox .noticeinner .notice .notice_tax .notict_more{position: absolute; right: 4rem; top: 50%; width: 3rem; height: 3rem; transform: translateY(-50%); background: url(../images/icon_plus.svg) center center no-repeat;}

/*media query*/
@media screen and (max-width:1180px){

	.noticebox .noticeinner{padding:0 2.0rem; max-width:inherit;}

}

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

	.noticebox .noticeinner .notice{padding:2.0rem 1.5rem;}
	.noticebox .noticeinner .notice .notice_tax{padding-right:5.0rem; width: calc(100% - 14.0rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.noticebox .noticeinner .notice .notice_tax .RBT{padding:0.3rem 1.5rem;}
	.noticebox .noticeinner .notice .notice_tax .notict_more{right:1.0rem;}
	.noticebox .noticeinner .notice .notice_title{padding-left:4.0rem; width:14.0rem;}
	.noticebox .noticeinner .notice .notice_title::before{width:3.0rem; height:3.0rem; background-size: contain;}

}

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

	.noticebox .noticeinner .notice .notice_title{width:12.5rem; font-size:1.8rem;}
	.noticebox .noticeinner .notice .notice_tax{padding-left:2.0rem; width:calc(100% - 12.5rem);}
	.noticebox .noticeinner .notice .notice_tax{font-size:1.6rem;}
	.noticebox .noticeinner .notice .notice_tax .RBT{font-size:1.6rem;}

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

	.noticebox .noticeinner .notice .notice_tax{padding-left:1.5rem; padding-right:3.0rem; width:calc(100% - 12.0rem);}
	.noticebox .noticeinner .notice .notice_tax .RBT{display:none;}
	.noticebox .noticeinner .notice .notice_title{padding-left:3.8rem; width:12.0rem;}

}

/********************************
제품소개
 *******************************/
.product{margin-top:-0.3rem; padding:14.0rem 0 0; width:100%; height:830px; background:url(../images/main_bg.jpg) center center no-repeat; background-size:cover;}
.product .inner{padding-bottom:2.0rem; overflow:hidden;}
.product-item .slick-prev, 
.product-item .slick-next {width:5.0rem; height:5.0rem; transform:inherit; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.product-item .slick-prev::before, 
.product-item .slick-next::before{content:'';}
.product-item .slick-prev{left:auto; right:5.5rem; top:-8.4rem; background: url(../images/slide_left_btn4.svg) center center no-repeat; background-size: cover;}
.product-item .slick-next{right:0; top:-8.4rem; background: url(../images/slide_right_btn4.svg) center center no-repeat; background-size: cover; }
.product .slick-list{margin-left: -1.5rem;padding: 2.0rem 0 2.0rem; }

.product .product-item{margin-bottom:6.0rem;  padding-left: 0.5rem; }
.product .product-item .product-item-box{margin:0 0 0 1.0rem; /* height:35.0rem;*/ border-radius: 30px; box-shadow:0 4px 8px rgb(0 0 0 / 8%);/* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */background-color:#fff; }
.product .product-item .product-item-box.slick-active{/*box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);*/}
.product .product-item .slick-active:last-child{margin-right:0 !important;}
.product .product-item .product-item-box:hover{background-color:#464646;}
.product .product-item .product-item-box:hover p{color:#fff;}
.product .product-item .product-item-box:last-child{}
.product .product-item .product-item-box img{width:100%; height:auto;border-top-right-radius: 26px; border-top-left-radius: 26px;}
.product .product-item .product-item-box a{display:block; width:100%; height:100%; text-decoration:none;}
.product .product-item .product-item-box:hover{transform:translateY(-20px); transition: 0.3s all;}
.product .product-item .product-item-box p{margin:0; padding:2.5rem 1.5rem; position:relative;}
.product .product-item .product-item-box p i{float:right;}
.product .product-item .product-item-box p::before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#efefef;}
.product .product-item .product-item-box .m_bg{display:none;}

.product .more_btn{padding-left:2.0rem; text-align:center;}
.more_btn a{padding:1.5rem 6.0rem; background-color:#d2d3db; color:#fff; border-radius:3.0rem;}
.more_btn a:hover{background-color:#464646; text-decoration:none;}


/*media query*/
@media screen and (max-width:1180px){

	.product{padding:10rem 0 0; /*height:100.0rem;*/}
	.product .inner{margin-left:-2.0rem; padding:0 0 2.0rem 0;}
	.product .inner .title{padding-left:2.0rem;}
	.product .slick-list{margin-left:0 !important;}
	.product .product-item{margin-left:0.5rem;}
	.product .product-item .slick-track{padding: 2rem 0px;}
	.product .product-item .product-item-box{position:relative; height:auto; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);}
	.product .product-item .product-item-box p{padding:1.8rem 1.5rem;}

	
	/*버튼*/
	.product-item .slick-prev , .product-item .slick-next{top:50%; transform:translateY(-50%); z-index:1;}
	.product-item .slick-prev{left:3.5rem; right:auto;}
	.product-item .slick-next{right:2.0rem; left:auto;}


}

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

	.product{padding:8.0rem 0 0; height:76.0rem;}

}

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

	.product{height:72.0rem;}

}

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

	.product{height:66.0rem;}
	.product .product-item{margin-bottom:4.0rem;}
	.more_btn a{padding:1.0rem 4.0rem;}

}

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

	.product{height:62.0rem;}
	.product .product-item{margin-bottom:2.0rem;}

}

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

	.product{padding:6.0rem 0 0; height:55.0rem;}
	.product .product-item .product-item-box:hover{transform:translateY(0);}
	.product .product-item .slick-track{padding: 1rem 0px 1.5rem;}

}

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

	.product{}

}
@media screen and (max-width:639px){
	
	.product{height: 72rem;}
	.product .product-item .product-item-box .m_bg{display:block; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); border-radius:3.0rem; z-index:1;}
	.product .product-item .product-item-box.slick-active .m_bg{display:none;}
		/*버튼*/
	.product-item .slick-prev , .product-item .slick-next{width:4.0rem; height:4.0rem;}
}


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

	.product{padding: 4rem 0 0; height:65.0rem;}

}

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

	.product{height:59.0rem;}

}

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

	.product{height:55.0rem;}

}

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

	.product{height:50.0rem;}

}

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

	.product{height:48.0rem;}

}

/*******************************
maker
******************************/
.maker{margin:8.0rem 0 9.0rem}
.maker .acoont_list{}
.maker .acoont_list li{margin:0 1.0rem 0 0; width:calc(20% - 0.8rem); height:auto;}
.maker .acoont_list li:last-child{margin-right:0;}
.maker .acoont_list li figure img{position:absolute; top:50%; left:50%; transform:translate(-50% , -50%);}


/*media query*/

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

	.maker{margin:6.0rem 0 7.0rem}
	.maker .acoont_list li{margin-bottom:1.0rem; width:calc(33.33% - 0.7rem);}
	.maker .acoont_list li:nth-child(3){margin-right:0;}

}

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

	.maker{margin:3.0rem 0 4.0rem}
	.maker .acoont_list li{width:calc(50% - 0.5rem);}
	.maker .acoont_list li:nth-child(2n){margin-right:0;}
	.maker .acoont_list li:nth-child(3){margin-right:1.0rem;}

}

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

	.maker .acoont_list li{min-height:13.0rem; background:url(../images/accont_nohover.svg) top 10rem right 1.0rem no-repeat;}
	.maker .acoont_list li:hover{background:url(../images/accont_hover.svg) top 10rem right 1.0rem no-repeat;}
	
}

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

	.maker .acoont_list li figure img{width:60%;}

}



/********************************
배너2
 *******************************/
.main_banner{margin:7.0rem 0 5.0rem;}
.main_banner ul{}
.main_banner ul::after{content:''; display:block; clear:both;}
.main_banner li{padding:2.5rem 4.0rem; display:inline-block; position:relative; float:left; width:calc(50% - 1.0rem); height:15.0rem; background-image: linear-gradient(to bottom, #fb8551, #f13b50); border-radius:1.0rem;}
.main_banner li:first-child{margin-right:2.0rem;}
.main_banner li img{position:absolute; top:50%; transform:translateY(-50%); float:left; width:9.0rem; height:auto;}
.main_banner li .text_area{padding-left:3.0rem; float:right; width:calc(100% - 9.0rem);}
.main_banner li .text_area .title{margin-bottom:0;font-size:2.0rem; font-weight:300; color:#fff; opacity: 0.9;}
.main_banner li .text_area .RBT{margin:-0.4rem 0 -0.2rem; font-size:3.0rem; font-weight:500; color:#fff;}
.main_banner li .text_area .time{margin-bottom:0; font-size:1.6rem; font-weight:300; color:#fff; opacity: 0.8;}

.main_banner li .text_area .morebtn{position:absolute; top:50%; right:4.0rem; transform:translateY(-50%); width: 5.0rem; height: 5.0rem; background: url(../images/banner_right_btn.svg) center center no-repeat;}


.main_banner li:nth-child(2) .text_area .title{margin-top:1.7rem}
.main_banner li:nth-child(2) .text_area .text{margin-bottom:0; font-size: 1.6rem; line-height:1.2; font-weight: 300; color: #fff; opacity: 0.8;}

.main_banner li a{display:block; width:100%; height:100%; text-decoration:none;}



/*media query*/
@media screen and (max-width:1180px){
	
		.main_banner{margin:2.0rem 0 1.0rem;}
		.main_banner li{padding: 1.5rem 2rem; float:inherit; width:100%;}
		.main_banner li a{display: flex; flex-direction: row; align-items: center;}
		.main_banner li:first-child{margin:0 0 1.0rem 0; }
		.main_banner li:nth-child(2) .text_area .title{margin-top:0;}
		.main_banner li .text_area{padding-left:11.5rem; width:calc(100% - 7rem); display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-evenly;}

}

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

	.main_banner li .text_area .time{line-height:1.2;}
	.main_banner li .text_area .time .bk7{display:block;}

}


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

	.main_banner li .text_area .title{font-size:1.8rem; font-weight:400;}
	.main_banner li .text_area .RBT{font-size:2.5rem; }
	.main_banner li:nth-child(2) .text_area .title{font-weight:500; opacity:1;}
	.main_banner li:nth-child(2) .text_area .text{font-weight:400;}
	.main_banner li .text_area .morebtn{right:2.0rem; width:4.0rem; height:4.0rem; background-size:cover;}

}


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

	.main_banner li{height:14.0rem;}
	.main_banner li .text_area{padding-left:9.0rem; width:calc(100% - 5.0rem);}
	.main_banner li:first-child .text_area{width:100%;}
	.main_banner li img{width:7.0rem;}

}

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

	.main_banner li{padding:1.0rem 1.5rem;}
	.main_banner li .text_area{padding-left:7.5rem; width:calc(100% - 4.0rem);}
	.main_banner li img{width:6.0rem;}
	.main_banner li .text_area .morebtn{width:3.0rem; height:3.0rem;}

}
/********************************
롤링배너
 *******************************/
.rolling-line{border-top:1px solid #ddd;}
.rolling-line .mainrolling-item {margin:3.0rem 0 5.0rem;}
.rolling-line .mainrolling-item .slick-list {margin-left:-10px;}
.rolling-line .mainrolling-item .slick-slide {padding-left:10px;}
.rolling-line .mainrolling-item .slick-list img{width:calc(100% - 2px); height:auto;}
.rolling-line .mainrolling-item .slick-prev, 
.rolling-line .mainrolling-item .slick-next {display:none !important;}

/*dot*/
.mainrolling-item .slick-dots {display:inline-block !important; bottom: -3.5rem; }
.mainrolling-item .slick-dots li {width:8px; height:8px; background-color:#ebebeb; border-radius:50%;}
.mainrolling-item .slick-dots li.slick-active {width:24px; height:8px; background-color:#dd0024; border-radius:4px;}
.mainrolling-item .slick-dots li button:before {content:''}




	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.mainset .m_inner {padding:0 3.0rem;}
}
@media screen and (max-width:767px) {
	.mainset .m_inner {padding:0 2.0rem;}
}
@media screen and (max-width:640px) {
	.mainset .m_inner {padding:0 1.0rem;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:1220px) {
}



/********************************
고객센터 문의 + 고객서비스문의
 *******************************/
.inquiry_box{margin-bottom:8.0rem;}
.inquiry_box::after{content:''; display:block; clear:both;}
.inquiry_box .inner > div{float:left;}
.inquiry_box .inner .inquirybox1{width:40%; position:relative;}
.inquiry_box .inner .inquirybox1::after{content:''; display:block; position:absolute; top:50%; right:0rem; width:1px; height:5.0rem; background-color:#e5e5e5;}
.inquiry_box .inner .inquirybox2{padding-left:3.0rem; width:60%;}

.inquiry_box .inner .inquirybox1 h2.title{margin-bottom:1.8rem;}
.inquiry_box .inner .inquirybox1 .number{margin-bottom:1.5rem; padding-left:7.0rem; position:relative; font-family:'Roboto'; font-size:3.8rem; font-weight:500; color:#000;}
.inquiry_box .inner .inquirybox1 .number::before{content:''; display:block; position:absolute; top:50%; left:0; width:6.0rem; height:6.0rem; transform:translateY(-50%); background: url(../images/main_call_icon.svg) center center no-repeat;}
.inquiry_box .inner .inquirybox1 .tax{line-height:1.2;}
.inquiry_box .inner .inquirybox1 .tax > span{display:block;}
.inquiry_box .inner .inquirybox1 .tax > span > span{padding-left:1.5rem; position:relative;}
.inquiry_box .inner .inquirybox1 .tax > span > span::before{content:''; display:block; position:absolute; top:0.8rem; left:0.8rem; width:1px; height:1.0rem; background-color:#707070; }

.inquiry_box .inner .inquirybox2 .title{margin-bottom:11.0rem;}
.inquiry_box .inner .inquirybox2 ul{}
.inquiry_box .inner .inquirybox2 ul::after{content:''; display:block; clear:both;}
.inquiry_box .inner .inquirybox2 ul li{display: inline-block; float: left; text-align: center;}
.inquiry_box .inner .inquirybox2 ul li:nth-child(1){width:25%;}
.inquiry_box .inner .inquirybox2 ul li:nth-child(2){width:50%;}
.inquiry_box .inner .inquirybox2 ul li:nth-child(3){width:25%;}
.inquiry_box .inner .inquirybox2 ul li span{padding-top:9.0rem; position:relative;}
.inquiry_box .inner .inquirybox2 ul li span::before{content:''; display:block; position:absolute; top:0; left:50%; width:8.0rem; height:8.0rem; transform:translateX(-50%); background-position:center center; background-repeat:no-repeat;}
.inquiry_box .inner .inquirybox2 ul li:nth-child(1) span::before{background-image:url(../images/main_file_icon.svg);}
.inquiry_box .inner .inquirybox2 ul li:nth-child(2) span::before{background-image:url(../images/main_estimate_icon.svg);}
.inquiry_box .inner .inquirybox2 ul li:nth-child(3) span::before{background-image:url(../images/main_company_icon.svg);}

/*media query*/
@media screen and (max-width:1180px){

	.inquiry_box{margin-bottom:7.0rem;}
	.inquiry_box h2.title{text-align:left;}

}

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

	.inquiry_box h2.title{text-align:center;}
	.inquiry_box .inner .inquirybox1 , .inquiry_box .inner .inquirybox2{width:100%;}
	.inquiry_box .inner .inquirybox1{margin-bottom:5.0rem; text-align:center;}
	.inquiry_box .inner .inquirybox1::after{display:none;}
	.inquiry_box .inner .inquirybox1 .number{margin-bottom:1.0rem; padding-left: 5.5rem; display:inline-block; font-size:2.8rem;}
	.inquiry_box .inner .inquirybox1 .number::before{width:4.5rem; height:4.5rem; background-size:cover;}
	.inquiry_box .inner .inquirybox2{padding-left:0;}
	.inquiry_box .inner .inquirybox2 ul li{width:33.33% !important;}

}


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

	.inquiry_box{margin-bottom:4.0rem;}
	.inquiry_box .inner .inquirybox1{margin-bottom:3.0rem;}

}


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

	.inquiry_box .inner .inquirybox1 h2.title{margin-bottom:1.0rem;}
	.inquiry_box .inner .inquirybox2 .title{margin-bottom:8.0rem;}
	.inquiry_box .inner .inquirybox2 ul li span{padding-top:6.6rem;}
	.inquiry_box .inner .inquirybox2 ul li span::before{width:6.0rem; height:6.0rem; background-size:cover;}

}

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

	

}