@charset "utf-8";
/* 한글 noto serif */
@import url('https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css');
/* 영문 noto serif */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700');

@font-face { font-family: 'GyeonggiBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff'); font-weight: normal; font-style: normal; }


/* 공통 */
.w600{width:600px;margin:0 auto;}
.w640{width:640px;margin:0 auto;}
h2.common{font-family: 'GyeonggiBatang';font-size:42px;line-height:1.3;padding-top:60px;font-weight:bold;text-align:center;color:#272725;}

/* 메인 비주얼 */
.mv_area{}
.mv_area .bx-wrapper{position:relative;}
.mv_area .bx-pager{position:absolute;bottom:75px;width:100%;font-size:0;text-align:center;}
.mv_area .bx-pager .bx-pager-item{display:inline-block;vertical-align:top;margin-right:6px;}
.mv_area .bx-pager .bx-pager-item a.active{border-width:2px;}
.mv_area .bx-pager .bx-pager-item a{display:block;width:10px;height:10px;box-sizing:border-box;border:1px solid #fff;font-size:0;}
ul.mv_slider li{height:680px;}
ul.mv_slider li > img{position:absolute;top:0;left:0;z-index:-1;height:100%;}
ul.mv_slider li .whiteBox{width:640px;height:426px;margin:220px auto 0;box-sizing:border-box;padding:60px 0 25px;text-align:center;position:relative;}
ul.mv_slider li .whiteBox > h2{font-size:20px;line-height:32px;letter-spacing:-1px;font-weight:300;color:#fff;text-align:center;}
ul.mv_slider li .whiteBox > p{font-size:30px;line-height:25px;letter-spacing:0px;font-weight:500;color:#fff;text-align:center;padding-top:5px;}
ul.mv_slider li .whiteBox > span.mt30{margin-top:30px;}
ul.mv_slider li .whiteBox > span{display:inline-block;font-size:18px;line-height:1.3;letter-spacing:-0.065em;font-weight:300;color:#fff;text-align:center;padding:2px 5px;background-color:#614f3c;margin-top:5px;}
ul.mv_slider li .whiteBox > h3{position:absolute;bottom:25px;text-align:center;width:100%;text-align:center;font-size:16px;line-height:35px;letter-spacing:0.15em;font-weight:200;color:#272725;    transform: skewX(-10deg);-webkit-transform: skewX(-10deg);-ms-transform: skewX(-10deg);}


.iconbanner {position:absolute; width:100%; z-index:10; top:400px; }
.iconbanner_ {width:100%; margin:0 auto;}

.iconbanner2 {font-size:0; text-align:center;}
.iconbanner2 li {display:inline-block; *display:inline; *zoom:1; width: calc(100% /4 - 7px); margin-top:-10px;}
.iconbanner2 li img {width:100%;}

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

	.iconbanner {position:absolute; width:100%; z-index:10; top:230px; }

}


.main_product {width:100%; padding:10px 0; background:#efefef; height:420px;}
.main_titleArea h3 {text-align:center; font-size:25px; color:#000; padding:30px 0; letter-spacing:-1px;}
.main_titleArea h4 {text-align:center; font-size:14px; color:#606060; letter-spacing:-0.3px; font-weight:300; padding-bottom:30px;}


.main_product .prdList li { text-align:center; line-height:28px; letter-spacing:-0.4px; transition:0.5s; -webkit-transition:0.5s;}
.main_product .prdList li a {display:block; }
.main_product .prdList li img {margin-bottom:15px;height:150px;}
.main_product .prdList li .name {height:35px; padding-top:12px; font-size:20px; font-weight:400; line-height:20px; color:#000;}
.main_product .prdList li .prd_code {height:40px; display:block; font-weight:300; line-height:20px; font-size:13px; padding-top:10px; color:#646464; padding-bottom:20px;}
.main_product .prdList li .btn_more02 {margin-top:25px; font-size:35px; color:#646464; font-weight:100;}

.main_product .prdList li:hover .btn_more02 {border-color:#ec008c; color:#646464;}
.main_product .prdList li:hover .btn_more02:before, .main_product .prdList li:focus .btn_more02:before,.main_product .prdList li:active .btn_more02:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.main_product .main_prd_list .bx-controls-direction a {position:absolute; top:890px; display:block; width:48px; height:48px; background:url('/img/prd_arrow.png') no-repeat; font-size:0; line-height:0; z-index:300;}
.main_product .main_prd_list .bx-controls-direction a.bx-prev {left:0; background-position:left top;}
.main_product .main_prd_list .bx-controls-direction a.bx-next {right:0px; background-position:right top;}
.main_product .main_prd_list .bx-controls-direction a:hover {background-position-y:bottom;}

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

	.main_product .prdList li .name {padding-top:12px; font-size:22px; font-weight:500; color:#000;}
	
	.main_product .main_prd_list .bx-controls-direction a {position:absolute; top:2845px; display:block; width:48px; height:48px; background:url('/img/prd_arrow.png') no-repeat; font-size:0; line-height:0; z-index:300;}
	.main_product .main_prd_list .bx-controls-direction a img {width:30%;}

}

.mtxt{position: relative; width:100%; text-align:center; padding-top:30px; padding-bottom:60px; background:url('/img/banner.jpg') center top no-repeat;}
.mtxt ul {padding:0 20px;}
.mtxt ul li {color:#fff;}
.mtxt ul li:nth-child(1) {font-size:20px; color:#fff; font-weight:600; padding:30px 0 20px 0; line-height:30px;}
.mtxt ul li:nth-child(2) {font-size:15px; color:#fff; font-weight:300; line-height:25px;}



#mcontents2 {position: relative; width:100%; height:117px; background:#f5f5f5;}

.mbanner {width:100%; text-align:center; padding-top:20px;}
.mbanner ul {display:inline-block; *display:inline; *zoom:1;}
.mbanner ul li {padding:0 20px; text-align:center; font-size:15px; font-weight:400; line-height:20px; color:#373737; }


/* 컨텐츠 */
.mainCon01{padding-top:20px;}
.mainCon01 .w600 .cont{width:600px;height:320px;box-sizing:border-box;position:relative;}
.mainCon01 .w600 .cont > h2{font-size:22px;letter-spacing:-0.05em;font-weight:300;color:#634c32;line-height:1.3;}
.mainCon01 .w600 .cont > p{font-size:33px;letter-spacing:-0.075em;font-weight:bold;color:#634c32;line-height:1;}
.mainCon01 .w600 .cont > span{font-size:17px;line-height:25px;letter-spacing:-0.075em;font-weight:200;color:#634c32;padding-top:22px;display:block;}
.mainCon01 .w600 .cont > a{display:block;position:absolute;width:39px;height:39px;}
.mainCon01 .w600 .cont > a img{width:100%;}
.mainCon01 .w600 .cont.bg01{background:url(/img/mCon01_bg01.jpg)no-repeat center top;padding-top:95px;background-size:cover;padding-left:130px;}
.mainCon01 .w600 .cont.bg01 h2{text-align:left; }
.mainCon01 .w600 .cont.bg01 p{text-align:left;}
.mainCon01 .w600 .cont.bg01 span{text-align:left;}
.mainCon01 .w600 .cont.bg01 a{bottom:20px;right:20px;}
.mainCon01 .w600 .cont.bg02{background:url(/img/mCon01_bg02.jpg)no-repeat center top;padding-top:95px;padding-right:130px;background-size:cover;}
.mainCon01 .w600 .cont.bg02 h2{text-align:right;color:#333332;}
.mainCon01 .w600 .cont.bg02 p{text-align:right;color:#333332;}
.mainCon01 .w600 .cont.bg02 span{text-align:right;color:#634c32;}
.mainCon01 .w600 .cont.bg02 a{bottom:20px;left:20px;}



.mainCon02{padding-bottom:20px; background:#f7f7f7;}
.mainCon02 .w600 > p{width:200px;height:35px;line-height:35px;box-sizing:border-box;background-color:#272725;text-align:center;font-size:18px;letter-spacing:0.025em;font-weight:500;color:#fff0de;margin:20px auto 0;}
.mainCon02 .w600 > p span{font-size:10px;}
.mainCon02 .w600 > span{font-size:18px;letter-spacing:-0.075em;font-weight:300;color:#222;text-align:center;padding-top:10px;display:block;}
.mainCon02 .w600 .cont_wrap{font-size:0;text-align:center;margin-top:55px; background:#fff;}
.mainCon02 .w600 .cont_wrap .cont{display:inline-block;vertical-align:top;width:50%;height:340px;position:relative;}
.mainCon02 .w600 .cont_wrap .cont.bg01{background:url(/img/mCon02_bg01.jpg)no-repeat center top;background-size:cover;}
.mainCon02 .w600 .cont_wrap .cont.bg01 span{display:block;font-size:16px;letter-spacing:0.01em;font-weight:200;text-align:center;padding-top:40px; height:30px;}
.mainCon02 .w600 .cont_wrap .cont.bg01 h2{font-size:20px;letter-spacing:-0.075em;font-weight:500;color:#333;text-align:center;padding-top:20px;line-height:1.3;}
.mainCon02 .w600 .cont_wrap .cont.bg01 img{width:85%;display:block;margin:30px auto 0;}
.mainCon02 .w600 .cont_wrap .cont a{display:block;text-decoration:none;font-size:18px;letter-spacing:-0.045em;font-weight:300;color:#e9e4de;line-height:1.3;margin-top:40px;margin-right:25px;}
.mainCon02 .w600 .cont_wrap .cont a:after{display:block;content:"";width:60px;height:5px;background-color:rgba(255,255,255,0.3);position:absolute;bottom:60px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}


.mainCon04{padding:20px;}
.mainCon04 .w600{}
.mainCon04 .w600 span{display:inline-block;vertical-align:top;width:80px;height:40px;background-color:#a7a5a3;font-size:16px;line-height:40px;font-weight:bold;color:#fff;text-align:center;}
.mainCon04 .w600 p.title{display:inline-block;vertical-align:top;width:370px;font-size:18px;letter-spacing:-0.045em;font-weight:300;color:#666;height:40px;line-height:40px;padding-left:15px;box-sizing:border-box;}
.mainCon04 .w600 p.date{display:inline-block;vertical-align:top;font-size:18px;height:40px;line-height:40px;font-weight:200;color:#c5c3c2;margin-right:10px;}
.mainCon04 .w600 > a{display:inline-block;vertical-align:top;width:39px;height:39px;}
.mainCon04 .w600 a img{width:100%;}

.mainCon05{margin-bottom:20px;}
.mainCon05 .w640{}
.mainCon05 .w640 .cont_wrap{font-size:0;}
.mainCon05 .w640 .cont_wrap .cont:last-of-type{border-right:0px solid #e2ddd9;}
.mainCon05 .w640 .cont_wrap .cont{background-color:#f6f8f3; display:inline-block;vertical-align:top;border:0px solid #e2ddd9;box-sizing:border-box;padding:30px 0;border-right:0;cursor:pointer;}
.mainCon05 .w640 .cont_wrap .cont ul img{width:80%;}
.mainCon05 .w640 .cont_wrap .cont ul.img {float:left; width:30%; font-size:0; padding:20px 0px; margin-left:30px;}
.mainCon05 .w640 .cont_wrap .cont ul.txt {float:left; width:60%; padding-top:25px;}
.mainCon05 .w640 .cont_wrap .cont ul li {display:inline-block; *display:inline; *zoom:1; font-size:15px; border-bottom:1px dotted #87a9a1; padding-left:10px; padding-top:10px;}

.mainCon05 .w640 .cont_wrap .cont2{ vertical-align:top;border:0px solid #e2ddd9;box-sizing:border-box;padding:30px 0;border-right:0;cursor:pointer;}
.mainCon05 .w640 .cont_wrap .cont2 ul img{width:80%;}
.mainCon05 .w640 .cont_wrap .cont2 ul.img {float:left; width:30%; font-size:0; padding:20px 0px; margin-left:30px;}
.mainCon05 .w640 .cont_wrap .cont2 ul.txt {display:inline-block; *display:inline; *zoom:1; width:60%; padding-top:20px;}
.mainCon05 .w640 .cont_wrap .cont2 ul li {font-size:15px; border-bottom:1px dotted #87a9a1; padding-left:10px; padding-top:10px;}

.mpop {text-align:center;}
.mpop img {width:100%;}

@media all and (max-width:640px){
	/* 공통 */
	.w600{width:93.75vw;margin:0 auto;}
	.w640{width:100vw;margin:0 auto;}
	h2.common{font-size:6.5625vw;padding-top:9.375vw;}
	/* 메인 비주얼 */
	.mv_area .bx-pager{bottom:11.71875vw;}
	.mv_area .bx-pager .bx-pager-item{margin-right:0.9375vw;}
	.mv_area .bx-pager .bx-pager-item a.active{border-width:2px;}
	.mv_area .bx-pager .bx-pager-item a{width:1.5625vw;height:1.5625vw;}
	ul.mv_slider li{height:106.25vw;}
	ul.mv_slider li h2{font-size:7.8125vw;}

	ul.mv_slider li p{font-size:3.4375vw;line-height:5vw;padding-top:3.125vw;}

	/* 컨텐츠 */
	
	.mainCon02{padding-bottom:3.125vw;}
	.mainCon02 .w600 > p{width:31.25vw;height:5.46875vw;line-height:5.46875vw;font-size:2.8125vw;margin:3.125vw auto 0;}
	.mainCon02 .w600 > p span{font-size:1.5625vw;}
	.mainCon02 .w600 > span{font-size:2.8125vw;padding-top:1.5625vw;}
	.mainCon02 .w600 .cont_wrap{margin-top:8.59375vw;}
	.mainCon02 .w600 .cont_wrap .cont{height:53.125vw;}
	.mainCon02 .w600 .cont_wrap .cont.bg01 span{font-size:3vw;padding-top:5.25vw;}
	.mainCon02 .w600 .cont_wrap .cont.bg01 h2{font-size:3.0375vw;padding-top:2.98125vw;}
	.mainCon02 .w600 .cont_wrap .cont.bg01 img{width:85%;}
	.mainCon02 .w600 .cont_wrap .cont a{font-size:2.8125vw;margin-top:3.5vw;margin-right:3.90625vw;}
	.mainCon02 .w600 .cont_wrap .cont a:after{width:9.375vw;height:0.78125vw;bottom:9.375vw;}
	.mainCon02 .w600 .cont_wrap .cont.bg02 h2{font-size:3.4375vw;padding-top:10.46875vw;}
	.mainCon02 .w600 .cont_wrap .cont.bg02 p{font-size:2.8125vw;line-height:4.0625vw;padding-top:6.25vw;}
	.mainCon02 .w600 .cont_wrap .cont.bg02 a{margin-top:11.25vw;}
	.mainCon03 .w600{padding-bottom:3.125vw;}
	.mainCon03 .w600 > p{font-size:2.8125vw;padding-top:3.125vw;}
	.mainCon03 .w600 .inner{width:87.5%;margin:3.90625vw auto 0;padding:5.46875vw 3.90625vw 6.25vw;}
	.mainCon03 .w600 .inner .line img{margin:1.5625vw 1.25vw 0 2.8125vw;}
	.mainCon03 .w600 .inner .line span{width:14.625vw;font-size:2.8125vw;}
	.mainCon03 .w600 .inner .line p{font-size:2.8125vw;}
	.mainCon03 .w600 .inner .line p i{margin:0 3.125vw;}
	.mainCon03 .w600 .inner .line h2{margin-left:2.03125vw;width:17.96875vw;height:4.53125vw;border-radius:7.8125vw;font-size:2.5vw;line-height:4.53125vw;}
	.mainCon03 .w600 .inner h3{height:5.9375vw;line-height:5.9375vw;font-size:2.5vw;margin-top:3.90625vw;}
	.mainCon04{padding:3.125vw;}
	.mainCon04 .w600 span{width:12.5vw;height:6.25vw;font-size:2.5vw;line-height:6.25vw;}
	.mainCon04 .w600 p.title{width:52.8125vw;font-size:2.8125vw;height:6.25vw;line-height:6.25vw;padding-left:2.34375vw;}
	.mainCon04 .w600 p.date{font-size:2.8125vw;height:6.25vw;line-height:6.25vw;margin-right:1.5625vw;}
	.mainCon04 .w600 a{width:6.09375vw;height:6.09375vw;}
	.mainCon05{margin-bottom:3.125vw;}
	.mainCon05 .w600 .cont_wrap .cont{padding:4.6875vw 0;}
	.mainCon05 .w600 .cont_wrap .cont img{width:100%;}






	ul.mv_slider li .whiteBox{width:101.09375vw;height:66.5625vw;margin:34.0625vw auto 0; padding:9.375vw 0 3.90625vw;}
	ul.mv_slider li .whiteBox > h2{font-size:4.59375vw;line-height:6.6875vw;}

	ul.mv_slider li .whiteBox > p{font-size:5.3125vw;line-height:3.90625vw;padding-top:3.90625vw;}
	ul.mv_slider li .whiteBox > span.mt30{margin-top:4.6875vw;}
	ul.mv_slider li .whiteBox > span{font-size:2.8125vw;padding:0.3125vw 0.78125vw;margin-top:0.78125vw;}
	ul.mv_slider li .whiteBox > h3{bottom:3.90625vw;font-size:2.5vw;line-height:5.46875vw;}
	/* 추가 수정 */
	/* 컨텐츠 */
	.mainCon01{padding-top:3.125vw;}
	.mainCon01 .w600 .cont{width:93.75vw;height:50vw;}
	.mainCon01 .w600 .cont h2{font-size:3.4375vw;}
	.mainCon01 .w600 .cont p{font-size:5.15625vw;}
	.mainCon01 .w600 .cont span{font-size:2.65625vw;line-height:3.90625vw;padding-top:3.4375vw;}
	.mainCon01 .w600 .cont a{width:6.09375vw;height:6.09375vw;}
	.mainCon01 .w600 .cont.bg01{padding-top:14.84375vw;padding-left:20.3125vw;}
	.mainCon01 .w600 .cont.bg01 a{bottom:3.125vw;right:3.125vw;}
	.mainCon01 .w600 .cont.bg02{padding-top:14.84375vw;padding-right:20.3125vw;}
	.mainCon01 .w600 .cont.bg02 a{bottom:3.125vw;left:3.125vw;}

}
#header .right{font-size:0;text-align:right;padding-top:20px;padding-right:20px;}
#header .right a{display:inline-block;vertical-align:top;width:60px;height:59px;}
#header .right a.tel{margin-right:9px;}
#header .right a img{width:100%;height:100%;}
@media all and (max-width:640px){
	#header .right{padding-top:3.125vw;padding-right:3.125vw;}
	#header .right a{width:9.375vw;height:9.21875vw;}
	#header .right a.tel{margin-right:1.40625vw;}
}


.point{padding:50px 0;}
.point .sub_tit{padding-bottom:0;}
.point .sub_tit .sub_tit_line{margin:30px auto;}
.point h4{font-size:42px; color:#222; font-weight:200; letter-spacing:-0.045em; text-align:center; margin:0; padding-bottom:30px;}
.point h4 b{font-weight:700;}
.point ul{font-size:0; letter-spacing:-4px; text-align:center;}
.point ul li{padding-top:40px; display:inline-block; position:relative; vertical-align:top; width:245px; height:274px; margin:10px; background:url('/img/point_img.png') no-repeat center / contain; box-sizing:border-box;}
.point ul li span{display:block; width:40px; height:40px; border-radius:50%; background:#9ecadb; font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:700; text-align:center; line-height:40px; margin:0 auto;}
.point ul li h6{font-size:22px; color:#fff; letter-spacing:-0.045em; font-weight:700; margin:0; padding:20px;}
.point ul li .line{width:70%; height:0; display:block; border-bottom:1px dashed #dddddd; margin:0 auto;}
.point ul li p{width:100%; font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:300; text-align:center; padding-top:15px;}