/*
폰트
font-family: 'Roboto', sans-serif;
font-family: 'NanumMyeongjo', sans-serifㅌ;
font-family: 'Noto Sans KR', sans-serif;
*/


main {position: relative; display: block; width: 100%; height: auto; min-height: 200px;}


/*메인 비주얼 슬라이드*/
.main_slider {overflow: hidden;}
.main_slider li {position: relative; display: flex; width: 100%;  height: auto; overflow: hidden; align-items: center; justify-content: center; flex-wrap: wrap;}
.main_slider li .slide {position: relative; display: block; min-width: 1920px; margin: 0 auto; height: 500px; background-position: center; background-repeat: no-repeat; background-size: 100%; transition: all 0.2s;}

.main_slider li .slide .slide_txt {position: relative; display: flex; width: 100%; max-width: 1120px; padding-left: 10px; padding-right: 10px; margin: 0 auto; align-items: center; height: 100%;}
.main_slider li .slide .slide_txt * {color: #fff;}
.main_slider li .slide .slide_txt h3 {font-size: 46px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; line-height: 1; display: block; margin-top: 8px; transition: all 0.2s;}
.main_slider li .slide .slide_txt p {font-size: 26px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; line-height: 150%; margin-top: 20px; display: block; transition: all 0.2s;}
.main_slider li .slide .slide_txt .more {display: flex;width: 140px;height: 48px;border: 1px solid #fff;font-size: 15px;line-height: 1;align-items: center;justify-content: center;border-radius: 0 12px 0 12px;margin-top: 45px;transition: all 0.2s;margin-left: 4px;}
.main_slider li .slide .slide_txt .more img {display: block; margin: 0 0 0 7px;  transition: all 0.2s;}


.main_slider .bx-wrapper .bx-pager {padding: 0;bottom: 20px;}

.main_slider .bx-wrapper .bx-pager.bx-default-pager a {width: 36px; height: 3px;background: #fff;margin: 0 5px;transition: width 0.3s;opacity: 0.5; border-radius: 0; }
.main_slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #555555; background: #fff;opacity: 1;}


.main_slider .bx-wrapper .bx-controls-direction a {width: 29px; height: 56px; margin-top: -28px;}
.main_slider .bx-wrapper .bx-prev {background: url(/images/main/prev.png)no-repeat center !important; left: 30px;}
.main_slider .bx-wrapper .bx-next {background: url(/images/main/next.png)no-repeat center !important; right: 30px;}

@media all and (min-width: 1921px) {
	.main_slider li .slide {width: 100%; background-size: 100%;}
}


@media all and (max-width: 1200px) {
	.main_slider li .slide {height: 400px; background-size: auto 100%;}
	.main_slider li .slide .slide_txt {max-width: 920px;}
	.main_slider li .slide .slide_txt h3 {font-size: 40px; margin-top: 5px;}
	.main_slider li .slide .slide_txt p {font-size: 20px; margin-top: 15px;}
	.main_slider li .slide .slide_txt .more {width: 120px;height: 40px;font-size: 14px;margin-top: 25px;}
}
@media all and (max-width: 1024px) {
	.main_slider .bx-wrapper .bx-controls-direction a {display: none;}
}


@media all and (max-width: 991px) {
	.main_slider li .slide {height: 350px; background-size: auto 120%;}
	.main_slider li .slide .slide_txt {max-width: 810px;}
	.main_slider li .slide .slide_txt h3 {font-size: 36px; margin-top: 3px;}
	.main_slider li .slide .slide_txt p {font-size: 17px; margin-top: 10px;}
	.main_slider li .slide .slide_txt .more {width: 120px;height: 40px;font-size: 13px;margin-top: 30px;}
}

@media all and (max-width: 767px) {
	.main_slider li .slide {height: 300px; background-size: cover; min-width: 100%;}
	.main_slider li .slide .slide_txt {max-width: 700px;}
	.main_slider li .slide .slide_txt h3 {font-size: 30px; margin-top: 0px;}
	.main_slider li .slide .slide_txt h3 img {width: 140px;}
	.main_slider li .slide .slide_txt p { padding-left: 5px; font-size: 15px; margin-top: 10px;}
	.main_slider li .slide .slide_txt .more {margin-left: 5px;width: 100px;height: 38px;font-size: 13px;margin-top: 30px;margin-left: 0;}
}


@media all and (max-width: 530px) {
	.main_slider li .slide {height: 270px; background-size: auto 270px; min-width: 100%; background-position: center right 50%;}
	.main_slider li .slide .slide_txt h3 {font-size: 26px; margin-top: 0px;}
	.main_slider li .slide .slide_txt p { padding-left: 3px; font-size: 14px; margin-top: 8px;}
	.main_slider li .slide .slide_txt .more {margin-left: 3px; width: 95px; height: 35px;}
}





/*메인 비주얼 슬라이드 end*/

/*about us*/
.about_us {padding: 110px 0 80px; background: #fff url(/images/main/about_us.png)no-repeat left bottom;}
.about_us_inner {display: flex; align-items: flex-start; justify-content: center;}
.about_us_inner .left {width: calc(100% - 550px); display: flex; align-items: center; padding-top: 20px;}
.about_us_inner .left span.deco {display: block; width: 136px; height: 1px; background: #e0e0e0; position: relative;}
.about_us_inner .left span.deco:after {position: absolute; right: -10px; top: 50%; margin-top: -3px; display: block; width: 6px; height: 6px; border-radius: 100%; background: #1eb682; content: ""; }
.about_us_inner .left p {display: block; padding-left: 30px; font-family: 'roboto', sans-serif; font-size: 44px; color: #333;}

.about_us_inner .right {position: relative; display: block; width: 550px;}
.about_us_inner .right h3 {font-size: 30px; color: #333; line-height: 46px; line-height: 140%; display: block; margin-top: -4px;}
.about_us_inner .right p {display: block; font-size: 15px; color: #666; line-height: 28px; margin-top: 15px;}
.about_us_inner .right a.history_btn {display: flex; }





.about_us_inner .right a.history_btn {display: flex; width: 140px; height: 48px; font-size: 15px; line-height: 1; align-items: center; justify-content: center; border-radius: 0 12px 0 12px; margin-top: 34px;  transition: all 0.2s; background: #333; color: #fff;}







@media all and (max-width: 1200px) {
	.about_us_inner .right a.history_btn {width: 120px; height: 40px; font-size: 14px; margin-top: 20px;}
}


@media all and (max-width: 991px) {
	.about_us {background-position: bottom right !important; padding: 90px 0 70px; background-size: 70%;}
	.about_us_inner {display: block; }
	.about_us_inner .left {width: 100%;}
	.about_us_inner .right {width: 100%;}
	.about_us_inner .left span.deco {display: none;}
	.about_us_inner .left p {padding-left: 0; padding-bottom: 20px;}
	.about_us_inner .right a.history_btn {width: 120px; height: 40px; font-size: 13px; margin-top: 20px;}
}

@media all and (max-width: 767px) {
	.about_us {padding: 70px 0 50px; background-size: 50%;}
	.about_us_inner .left p {font-size: 34px;padding-bottom: 15px;}
	.about_us_inner .right h3 {font-size: 24px;}
	.about_us_inner .right h3 br {display: none;}
	.about_us_inner .right p {font-size: 14px;margin-top: 5px;}
	.about_us_inner .right a.history_btn {idth: 100px; height: 38px; font-size: 13px; margin-top: 20px;}
}


@media all and (max-width: 530px) {
	.about_us {padding: 20px 0 40px;background-size: 30%;}
	.about_us_inner .left p {font-size: 32px;padding-bottom: 10px;}
	.about_us_inner .right h3 {font-size: 20px;}
	.about_us_inner .right h3 br {display: none;}
	.about_us_inner .right p {font-size: 14px;margin-top: 5px;}
	.about_us_inner .right a.history_btn {width: 95px; height: 35px;}
}


/*about us end*/


/* product */

.main_pro {padding-bottom: 110px;}
.main_pro>.bg {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 453px; background: #f0f0f0; z-index: 1;}
.main_pro>.main_pro_inner {z-index: 2;}
.main_pro>.main_pro_inner>h3 {position: relative; display: block; width: 100%; height: auto; font-family: 'roboto', sans-serif; font-size: 44px; line-height: 1; color: #333; text-align: center; padding-top: 117px;}
.main_pro>.main_pro_inner>h3>span.txt {font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; font-family: inherit;}
.main_pro>.main_pro_inner>h3>span.deco {position: relative; display: block; width: 300px; height: 1px; background: #ddd; margin: 28px auto 0;}
.main_pro>.main_pro_inner>h3>span.deco>span {position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -8px; display: block; width: 16px; height: 6px; background: #f0f0f0;}
.main_pro>.main_pro_inner>h3>span.deco>span:after {content: ""; margin: 0 auto; display: block; width: 6px; height: 6px; border-radius: 100%; background: #1eb682;}

.main_pro>.main_pro_inner .product {background: #fff;padding: 50px;/* margin-top: 50px; */}
.main_pro>.main_pro_inner .product .list_type_ {position: relative; display: flex; justify-content: space-between;}
.main_pro>.main_pro_inner .product .list_type_ .list {position: relative; display: block; height: auto;}
.main_pro>.main_pro_inner .product .list_type_ .list:last-child {margin-right: 0 !important;}
.main_pro>.main_pro_inner .product .list_type_ .list .thumb {position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; height: auto;}
.main_pro>.main_pro_inner .product .list_type_ .list .thumb img {display: block; max-width: 100%; width: 100%; height: auto; transition: transform 0.3s ease-in-out;}
.main_pro>.main_pro_inner .product .list_type_ .list:hover .thumb img {transform: scale(1.05);}

.main_pro>.main_pro_inner .product .list_type_ .list_info {position: relative; display: block; width: 100%; height: auto; text-align: center; padding-top: 27px;}
.main_pro>.main_pro_inner .product .list_type_ .list_info p.name {font-family: 'Noto Sans KR', sans-serif; font-size: 17px; color: #333; font-weight: 400; display: block; line-height: 1;}
.main_pro>.main_pro_inner .product .list_type_ .list_info p.txt {display: block; line-height: 175%; font-size: 14px; color: #666; font-weight: 300; margin: 10px 0 15px;}
.main_pro>.main_pro_inner .product .list_type_ .list_info a {position: relative; font-size: 14px; font-weight: 300; color: #333;}
.main_pro>.main_pro_inner .product .list_type_ .list_info a:after {content: ""; position: absolute; left: 0; bottom: -2px; display: block; width: 100%; height: 1px; background: #333;}





.main_pro>.main_pro_inner .product .list_type_.list_type_1 .list {margin-right: 40px; width: calc(33.333333% - 26.6666666px);}
.main_pro>.main_pro_inner .product .list_type_.list_type_2 {margin-top: 100px;}
.main_pro>.main_pro_inner .product .list_type_.list_type_2 .list {margin-right: 40px; width: calc(50% - 20px);}



@media all and (max-width: 1024px) {

	.main_pro {padding-bottom: 120px;}
	
	.main_pro>.main_pro_inner>h3 { padding-top: 100px;}
	.main_pro>.main_pro_inner>h3>span.deco {margin-top: 27px;}
	
	.main_pro>.main_pro_inner .product {padding: 30px;}
}
@media all and (max-width: 991px) {
	
	.main_pro {padding-bottom: 110px;}
	
	
	
	.main_pro>.main_pro_inner>h3 { padding-top: 90px;}
	.main_pro>.main_pro_inner>h3>span.deco {margin-top: 24px;}
	
	.main_pro>.main_pro_inner .product {padding: 25px;}
	.main_pro>.main_pro_inner .product .list_type_.list_type_1 .list {margin-right: 30px; width: calc(33.333333% - 20px);}
	.main_pro>.main_pro_inner .product .list_type_.list_type_2 {margin-top: 70px;}
	.main_pro>.main_pro_inner .product .list_type_.list_type_2 .list {margin-right: 30px; width: calc(50% - 15px);}
}

@media all and (max-width: 767px) {
	.main_pro {padding-bottom: 70px;}
	
	.main_pro>.main_pro_inner>h3 {font-size: 34px; padding-top: 80px;}
	.main_pro>.main_pro_inner>h3>span.deco {margin-top: 20px; width: 240px;}
	
	.main_pro>.main_pro_inner .product {padding: 20px;/* margin-top: 40px; */}
	.main_pro>.main_pro_inner .product .list_type_ .list_info {padding-top: 20px;}
	.main_pro>.main_pro_inner .product .list_type_ .list_info p.name {font-size: 17px;}
	.main_pro>.main_pro_inner .product .list_type_ .list_info p.txt {font-size: 13px; margin: 7px 0 8px;}
	.main_pro>.main_pro_inner .product .list_type_ .list_info a {font-size: 13px;}
	.main_pro>.main_pro_inner .product .list_type_ .list_info a:after {bottom: -1px;}
	.main_pro>.main_pro_inner .product .list_type_.list_type_1 .list {margin-right: 20px; width: calc(33.333333% - 6.666666666px);}
	.main_pro>.main_pro_inner .product .list_type_.list_type_2 {margin-top: 50px;}
	.main_pro>.main_pro_inner .product .list_type_.list_type_2 .list {margin-right: 20px; width: calc(50% - 10px);}
}

@media all and (max-width: 530px) {
	.main_pro {padding-bottom: 60px;}
	
	.main_pro>.main_pro_inner>h3 {font-size: 32px; padding-top: 70px;}
	.main_pro>.main_pro_inner>h3>span.deco {margin-top: 18px; width: 220px;}
	
	
	.main_pro>.main_pro_inner .product {padding: 15px;/* margin-top: 35px; */}
	
	
	.main_pro>.main_pro_inner .product .list_type_ .list_info {padding-top: 15px;}
	.main_pro>.main_pro_inner .product .list_type_ .list_info p.name {font-size: 16px;}
	.main_pro>.main_pro_inner .product .list_type_ .list_info p.txt {font-size: 12px; margin: 4px 0 6px; letter-spacing: -0.035em;}
	
	
	.main_pro>.main_pro_inner .product .list_type_.list_type_1 .list {margin-right: 10px; width: calc(33.333333% - 3.3333333333333px);}
	.main_pro>.main_pro_inner .product .list_type_.list_type_2 {margin-top: 40px;}
	.main_pro>.main_pro_inner .product .list_type_.list_type_2 .list {margin-right: 10px; width: calc(50% - 5px);}
}

@media all and (max-width: 425px) {
	.main_pro {padding-bottom: 50px;}
	
	.main_pro>.main_pro_inner>h3 {padding-top: 60px;}
	.main_pro>.main_pro_inner>h3>span.deco {margin-top: 16px; width: 210px;}
	
	
	.main_pro>.main_pro_inner .product {padding: 8px;/* margin-top: 30px; */}
	
	
	.main_pro>.main_pro_inner .product .list_type_ .list_info {padding-top: 10px;}
	.main_pro>.main_pro_inner .product .list_type_ .list_info p.txt br {display: none;}
	
	.main_pro>.main_pro_inner .product .list_type_.list_type_1 .list {margin-right: 6px; width: calc(33.333333% - 2px);}
	.main_pro>.main_pro_inner .product .list_type_.list_type_2 {margin-top: 30px;}
	.main_pro>.main_pro_inner .product .list_type_.list_type_2 .list {margin-right: 6px; width: calc(50% - 3px);}
}

/* product end */


/* product2 */
.main_pro2 { background: #f6f3ee;}
.main_pro2_inner {padding: 100px 0 110px;}
.main_pro2_inner>div .imgbox {position: relative; display: flex; align-items: flex-start; width: 100%; max-width: 750px; padding-left: 10px;z-index: 2; }
.main_pro2_inner>div .img {display: block; width: 50%; height: auto;}
.main_pro2_inner>div .img.img1 {margin-top: 60px;}
.main_pro2_inner .link_box {position: absolute; right: 0; top: 60px; background: #fff; display: flex; width: 570px; align-items: flex-start; justify-content: flex-end; height: 430px; padding: 135px 70px 0 0;z-index: 1; }
.main_pro2_inner .link_box ul {position: relative; display: block; height: auto; max-width: 310px; width: 100%;}
.main_pro2_inner .link_box ul li {position: relative; display: block; align-items: center; height: 60px; width: 100%; border-bottom: 1px dashed #e5e5e5;}
.main_pro2_inner .link_box ul li a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: space-between; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; padding-right: 8px;}

@media all and (max-width: 1200px) {
	.main_pro2_inner>div .imgbox {width: 700px;}
}
@media all and (max-width: 1130px) {
	.main_pro2_inner>div .imgbox {width: 650px;}
}
@media all and (max-width: 1100px) {
	.main_pro2_inner>div .imgbox {width: 620px;}
}
@media all and (max-width: 1024px) {
	.main_pro2_inner>div .imgbox {width: 100%; max-width: 760px; padding-right: 10px;}
	.main_pro2_inner .link_box {position: relative; right: inherit; top: inherit; width: 100%; justify-content: flex-start; margin-top: -100px;  z-index: 1; padding: 120px 10px 60px 20px; height: auto;}
	.main_pro2_inner .link_box ul {max-width: 760px;}
}
@media all and (max-width: 767px) {
	.main_pro2_inner {padding: 80px 0 100px;}
}
@media all and (max-width: 530px) {
	.main_pro2_inner {padding: 60px 0 80px;}
}

/* product2 end */


/*set main_bottom_banner*/

.main_bottom_banner {display: flex; justify-content: center; align-items: center; overflow: hidden;}
.main_bottom_banner>div {position: relative; display: block; min-width: 1920px; height: 250px; background: url(/images/main/main_bottom_banner.jpg)no-repeat center; }
@media all and (min-width: 1921px) {
	.main_bottom_banner>div {background-size: 100%; width: 100%;}
}
.main_bottom_banner {text-align: center;}
.main_bottom_banner h3 {display: block; font-size: 30px; color: #fff; line-height: 1;}
.main_bottom_banner a.more {display: flex; width: 140px; height: 48px; border: 1px solid #ddd; font-size: 15px; line-height: 1; align-items: center; justify-content: center; border-radius: 0 12px 0 12px;   transition: all 0.2s; margin: 0 auto; color: #fff; margin-top: 24px;}
.main_bottom_banner a.more img {display: block; margin: 0 0 0 7px;  transition: all 0.2s;}

@media all and (max-width: 767px) {
	.main_bottom_banner>div {height: 240px;}
	.main_bottom_banner h3 {font-size: 24px;}
	.main_bottom_banner h3 img {width: 330px;}
	.main_bottom_banner a.more {width: 120px; height: 44px; margin-top: 18px;}
}
@media all and (max-width: 530px) {
	.main_bottom_banner>div {height: 180px;}
	.main_bottom_banner h3 {font-size: 21px; margin-top: 5px;}
	.main_bottom_banner a.more {width: 110px; height: 42px; margin-top: 15px;}
}
@media all and (max-width: 430px) {
	.main_bottom_banner h3 img {width: 300px;}
}

/*set main_bottom_banner end*/



/*21.05.14 메인수정*/
.main_slider li .slide .slide_txt h3 {padding-left: 5px;}
.main_slider li .slide .slide_txt h3 img {display: block; padding-left: 0px;}
@media all and (max-width: 1024px) {
.main_slider li .slide .slide_txt h3 {padding-left: 1px;}
}
@media all and (max-width: 530px) {
.main_slider li .slide .slide_txt h3 img {width: 150px;}
}

@media all and (max-width: 430px) {
	
	.main_slider li .slide .slide_txt h3 img {width: 145px;}
}

.main_pro>.main_pro_inner>h3 {background: url(/images/main_pro_inner_h3.png)no-repeat center top 70px; padding-bottom: 50px;}
.main_pro>.main_pro_inner>h3>span.deco {width: 150px !important;}
@media all and (max-width: 767px) {
.main_pro>.main_pro_inner>h3 {padding-bottom: 40px;}	
}
@media all and (max-width: 530px) {
.main_pro>.main_pro_inner>h3 {padding-bottom: 35px;}	
}
@media all and (max-width: 425px) {
.main_pro>.main_pro_inner>h3 {padding-bottom: 30px;}	
}

.main_pro>.main_pro_inner .product .p_deco {position: absolute; left: 0; top: -17px; display: block; width: 100%; height: auto; text-align: center; font-size: 24px; letter-spacing: -0.025em; color: #00a6b0; font-weight: 300;}
@media all and (max-width: 991px) {
	.main_pro>.main_pro_inner>h3 {background: url(/images/main_pro_inner_h3.png)no-repeat center top 50px;}
	.main_pro>.main_pro_inner .product .p_deco {font-size: 24px; top: -15px; font-weight: 300;}
}
@media all and (max-width: 767px) {
	/* .main_pro>.main_pro_inner .product .p_deco {display: none;} */
	.main_pro>.main_pro_inner>h3 {background: url(/images/main_pro_inner_h3.png)no-repeat center top 50px; background-size: 330px;}
	.main_pro>.main_pro_inner .product .p_deco {font-size: 17px; top: -26px; font-weight: 300;}
}
@media all and (max-width: 530px) {
	.main_pro>.main_pro_inner .product .p_deco {font-size: 14px; top: -22px;}
}


footer {padding: 0;}
.footer2>div {padding: 50px 0; display:flex; align-items: flex-start;}

.footer2>div .f_logo {position: relative; display: block; width: 173px;}
.footer2>div .f_info {position: relative; display: block; width: calc(100% - 173px);}
.footer2>div .f_info p.p {display: block; font-size: 14px; letter-spacing: -0.0250em; color: #666; font-weight: 300; line-height: 25px; vertical-align: middle;}
.footer2>div .f_info p.p span.bar {display: inline-block; width: 1px; height: 9px; margin: 0 7px; background: #e8e8e8;}
.footer2>div .f_info p.copy {display: block; line-height: 1; font-size: 13px; color: #aaaaaa; font-weight: 300; margin-top: 13px;}
@media all and (max-width: 767px) {
	.footer2>div {display: block;}
	.footer2>div .f_info {width: 100%; padding-top: 20px;}
}








.goTop { position: fixed; right: 20px; bottom: 40px; display: none; z-index: 9999;}
@media all and (max-width: 1440px) {
	.goTop {opacity: 0.9;}
}
@media all and (max-width: 767px) {
	.goTop {opacity: 0.9;}
}
@media all and (max-width: 530px) {
	.goTop img {width: 60px;}
}

/*21.05.14 메인수정 end*/