@charset "utf-8";

/* font 
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');*/
/* NanumSquare: Regular(400), Bold(700), Extra Bold(800), Light(300) */

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 16px;
font: inherit;
font-family: 'Noto Sans KR', sans-serif;
vertical-align: baseline;
text-decoration: none;
word-break: keep-all;
color: #333;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

body {
line-height: 1;
}

ol, ul, li{
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

p{word-break: keep-all;}
.blind, caption{font-size: 0; position: absolute; top: -999999px; visibility: hidden;}


/*ÀÎÆ®·Î Æ˾÷ 200824*/


@media screen and (max-width: 1000px){
.pop-layer {width:90%;left:0%;margin-left:45%;}
}

@media screen and (max-width: 540px){.pc_pop{display:none!important;}.m_pop{display:block!important;}.pop-layer .btn-r{top: -40px;right: 0;}.pc_btn{display:none;}
.m_btn{position:absolute;width:46%;height:2%;bottom:15%;left:50%;}}@charset "utf-8";

.wrap{width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}

/*header*/
.header{position: fixed;top: 0;left: 0;z-index: 90; width: 100%; height: 80px; clear: both; background-color: #fff; border-bottom: solid 1px #ddd;}
.hd_wrap{width: 1156px; margin: 0 auto; }
.top_logo{float: left; overflow: hidden;}
.gnb, .gnb .nav{float: right;}
.gnb .tnb{float: right; overflow: hidden;}
.gnb .nav .menu, .gnb .tnb>li {float: left;}

/*main_logo*/
.top_logo{margin: 20px 0 0 0;}

/*main_gnb*/
.gnb{width: 800px;position:relative;}
.gnb .link_btn{position:absolute;left:100%;top:50%;transform:translateY(-50%);text-align:center;width: max-content;line-height: 1.4;background: #eceef6;border: 1px solid #ced5ed;padding: 5px 10px;border-radius:8px;}
.gnb .link_btn span{font-size:12px;display:block;color: #7383c1;}
.gnb .link_btn img{height:20px;}

.nav .menu{position: relative; z-index: 95; width: auto; height: 100%; text-align: center; padding:0 10px;}
.nav .menu>a{display: block; line-height: 80px; font-size: 17px; font-weight: bold; color: #484848;}
.nav .menu>a:hover{color: #5d2e19;}
.nav .menu0>a{font-weight: 800; color: #5d2e19;}
.nav .menu .sub_menu{display: none; position: absolute; top: 80px; z-index: 100; width: 250px; border: solid 1px #ddd; border-top: solid 3px #5d2e19; background-color:#fff; padding:5px 0;}
.menu .sub_menu li{height: 40px; text-align: left;}
.menu .sub_menu li a{display: block; padding: 0 0 0 24px; line-height: 40px; color: #535454;}
.menu .sub_menu li a:hover{color: #fff; background-color: #5d2e19;}
.nav .menu:hover .sub_menu{display: block;}



/* main_tnb*/
.tnb{margin-top: 35px;}
.tnb li{width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.tnb li a{display: block; line-height: 35px;}
.tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}

/*mobile gnb*/
.m_wrap {display: none; position: fixed; top: 0; right: 0; z-index: 100; width: 100%; height: 100%;}
.m_gnb{position: absolute; z-index: 50; width: 80%; height: 100%; margin-left: 20%; padding-top: 60px; border-bottom: 1px solid #e5e5e5; background-color: #fff;}
.m_gnb li a{ font-size: 17px; font-weight: bold; color: #484848;}
.m_gnb li{border-top: 1px solid #e5e5e5;}
.m_gnb_01, .m_gnb_02, .m_gnb_03, .m_gnb_04, .m_gnb_05, .m_gnb_06{display: block; overflow: hidden; clear: both; padding: 20px 24px 18px 16px;}
.m_gnb_01 span, .m_gnb_02 span, .m_gnb_03 span, .m_gnb_04 span, .m_gnb_05 span, .m_gnb_06 span{display: inline-block; float: right; width: 20px; height: 12px; background-position: center 12px;}
.m_gnb li.on .m_gnb_01 span, .m_gnb li.on .m_gnb_02 span, .m_gnb li.on .m_gnb_03 span, .m_gnb li.on .m_gnb_04 span, .m_gnb li.on .m_gnb_05 span, .m_gnb li.on .m_gnb_06 span{background-position: center 24px;}
.m_gnb .sub_menu{display: none; background-color: #fff;}
.m_gnb .sub_menu li a{display: block;padding: 15px 24px 14px 30px;font-size: 17px;font-weight: normal;background-color: #f1eae7;}
.m_gnb .sub_menu li a:hover{color: #fff; background: #5d2e19;}

/*toggle_btn*/
.toggle_btn{display: none; position: absolute; top: 21px; right: 21px; z-index: 9999; width: 25px; height: 22px; background: no-repeat left top;}
/*.header2 .toggle_btn{top: 25px; right: 21px;}*/
.toggle_btn.on{width: 23px; background-position: -25px top;}
.blank_box{position: absolute; z-index: 10; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}

/* mobile_tnb*/
.m_tnb{position: absolute; top: 25px; left: 16px; text-align: center;}
.m_tnb li{display: inline-block; width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.m_tnb li a{display: block; line-height: 35px;}

.m_tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}
/*footer*/
.footer{padding: 40px 0 40px; background-color: #333;}
.footer .f_wrap{clear: both; overflow: hidden; width: 1200px; margin: 0 auto;}
.f_wrap .f_left{float: left; width: 600px;}
.f_wrap .f_right{width: 180px; float: right; text-align: right;}
.sns_icon{display: block; padding: 19px 0 28px; text-align: right;}
.sns_icon li{display: inline-block;}
.sns_icon .sns_blog img {vertical-align:middle;margin-right:5px;}
.sns_icon .sns_blog span {color: #fff;}

.f_wrap .f_left p{padding-top: 28px; font-size: 16px; line-height: 24px; color:#aaa;}
.select_wrap{position: relative; width: 180px; height: 28px; display: inline-block;}
.select_wrap .site_label{position: absolute; top: 0; right: 0; display: block; width:78px; padding: 6px 89px 6px 11px; background: no-repeat 90% center; border: 1px solid #828282; color: #828282;}
.select_wrap .select{opacity: 0; display: block; width: 100%; height: 100%;}



@media screen and (max-width: 1280px){
/*header*/
.hd_wrap {width: 95%; min-width: 1024px;}

.top_logo {/*margin: 33px 30px 0;*/}
/*header2
.header.header2 .top_logo {margin: 25px 4% 0 5%;}*/
.footer .f_wrap{width: 95%;}
}

/*mobile start*/
@media screen and (max-width: 1023px){
.top_logo {margin: 10px 4% 0 30px;}
.top_logo img {width:100%;}
.gnb .link_btn{display:none;}

/*tnb*/
.tnb{display: none;}
.gnb{display: none;}
.toggle_btn{display: block;}

/*header*/
.header {height: 59px; border-bottom: 1px solid #7d7d7d;}
.mobile_menu{display: block;}
}

@media screen and (max-width: 768px){
.f_wrap .f_left, .f_wrap .f_right{width: 50%;}
}

@media screen and (max-width: 480px){
.footer {padding: 65px 0 68px;}
.f_wrap .f_left, .f_wrap .f_right{width: 100%; text-align: center;}
.f_wrap .f_right{margin-bottom: 10px;}
.sns_icon{padding: 30px 0 25px; text-align: center;}
}
.nav .menu1{position: relative; z-index: 95; width: auto; height: 100%; text-align: center;}
.nav .menu>a{display: block; line-height: 80px; font-size: 17px; font-weight: bold; color: #484848;}
.nav .menu>a:hover{color: #5d2e19;}
.nav .menu0>a{font-weight: 800; color: #5d2e19;}
.nav .menu .sub_menu{display: none; position: absolute; top: 80px; z-index: 100; width: 250px; border: solid 1px #ddd; border-top: solid 3px #5d2e19; background-color:#fff; padding:5px 0;}
.menu .sub_menu li{height: 40px; text-align: left;}
.menu .sub_menu li a{display: block; padding: 0 0 0 24px; line-height: 40px; color: #535454;}
.menu .sub_menu li a:hover{color: #fff; background-color: #5d2e19;}
.nav .menu:hover .sub_menu{display: block;}

/* main_tnb*/
.tnb{margin-top: 35px;}
.tnb li{width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.tnb li a{display: block; line-height: 35px;}
.tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}

/*mobile gnb*/
.m_wrap {display: none; position: fixed; top: 0; right: 0; z-index: 100; width: 100%; height: 100%;}
.m_gnb{position: absolute; z-index: 50; width: 80%; height: 100%; margin-left: 20%; padding-top: 60px; border-bottom: 1px solid #e5e5e5; background-color: #fff;}
.m_gnb li a{ font-size: 17px; font-weight: bold; color: #484848;}
.m_gnb li{border-top: 1px solid #e5e5e5;}
.m_gnb_01, .m_gnb_02, .m_gnb_03, .m_gnb_04, .m_gnb_05, .m_gnb_06{display: block; overflow: hidden; clear: both; padding: 20px 24px 18px 16px;}
.m_gnb_01 span, .m_gnb_02 span, .m_gnb_03 span, .m_gnb_04 span, .m_gnb_05 span, .m_gnb_06 span{display: inline-block; float: right; width: 20px; height: 12px; background-position: center 12px;}
.m_gnb li.on .m_gnb_01 span, .m_gnb li.on .m_gnb_02 span, .m_gnb li.on .m_gnb_03 span, .m_gnb li.on .m_gnb_04 span, .m_gnb li.on .m_gnb_05 span, .m_gnb li.on .m_gnb_06 span{background-position: center 24px;}
.m_gnb .sub_menu{display: none; background-color: #fff;}
.m_gnb .sub_menu li a{display: block;padding: 15px 24px 14px 30px;font-size: 17px;font-weight: normal;background-color: #f1eae7;}
.m_gnb .sub_menu li a:hover{color: #fff; background: #5d2e19;}

/*toggle_btn*/
.toggle_btn{display: none; position: absolute; top: 21px; right: 21px; z-index: 9999; width: 25px; height: 22px; background: no-repeat left top;}
/*.header2 .toggle_btn{top: 25px; right: 21px;}*/
.toggle_btn.on{width: 23px; background-position: -25px top;}
.blank_box{position: absolute; z-index: 10; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}

/* mobile_tnb*/
.m_tnb{position: absolute; top: 25px; left: 16px; text-align: center;}
.m_tnb li{display: inline-block; width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.m_tnb li a{display: block; line-height: 35px;}

.m_tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}
/*footer*/
.footer{padding: 40px 0 40px; background-color: #333;}
.footer .f_wrap{clear: both; overflow: hidden; width: 1200px; margin: 0 auto;}
.f_wrap .f_left{float: left; width: 600px;}
.f_wrap .f_right{width: 180px; float: right; text-align: right;}
.sns_icon{display: block; padding: 19px 0 28px; text-align: right;}
.sns_icon li{display: inline-block;}
.sns_icon .sns_blog img {vertical-align:middle;margin-right:5px;}
.sns_icon .sns_blog span {color: #fff;}

.f_wrap .f_left p{padding-top: 28px; font-size: 16px; line-height: 24px; color:#aaa;}
.select_wrap{position: relative; width: 180px; height: 28px; display: inline-block;}
.select_wrap .site_label{position: absolute; top: 0; right: 0; display: block; width:78px; padding: 6px 89px 6px 11px; background: no-repeat 90% center; border: 1px solid #828282; color: #828282;}
.select_wrap .select{opacity: 0; display: block; width: 100%; height: 100%;}



@media screen and (max-width: 1280px){
	/*header*/
	.hd_wrap {width: 95%; min-width: 1024px;}
	.gnb {width: auto;}
	.gnb .link_btn{display:none;}
	.top_logo img{width:280px;}
	.footer .f_wrap{width: 95%;}
}

/*mobile start*/
@media screen and (max-width: 1023px){
	.top_logo {margin: 10px 4% 0 30px;}
	.top_logo img {width:100%;}
	/*tnb*/
	.tnb{display: none;}
	.gnb{display: none;}
	.toggle_btn{display: block;}

	/*header*/
	.header {height: 59px; border-bottom: 1px solid #7d7d7d;}
	.mobile_menu{display: block;}
	.mobile_menu .link_btn{position:absolute;left:22%;top:14px;z-index:101;text-align:center;border:1px solid #ced5ed;padding:5px 10px;display: flex;align-items: center;border-radius: 5px;background:#eceef6;}
	.mobile_menu .link_btn span{color:#7383c1;font-size:12px;margin-left:10px;}
	.mobile_menu .link_btn img{height:20px;}
}

@media screen and (max-width: 768px){
	.f_wrap .f_left, .f_wrap .f_right{width: 50%;margin: 14px 4% 0 30px;}
}

@media screen and (max-width: 480px){
	.top_logo{width:220px;}
	.footer {padding: 65px 0 68px;}
	.f_wrap .f_left, .f_wrap .f_right{width: 100%; text-align: center;}
	.f_wrap .f_right{margin-bottom: 10px;}
	.sns_icon{padding: 30px 0 25px; text-align: center;}
}

.quick_link{position:fixed;right:50px;bottom:50px;z-index:50;display:flex;flex-flow:column;gap:10px;align-items: flex-end;}
.quick_link a{width:60px;height:60px;padding:5px 5px;text-align:center;border-radius:100px;background:#fff;box-sizing:border-box;box-shadow:5px 5px 10px rgba(0,0,0,0.15);position:relative;display:flex;align-items:center;}
.quick_link a.link1 i{display:inline-block;width:30px;height:30px;display:block;background:url(../images/theme/symbol.png) center center no-repeat;background-size:contain;margin:0 auto;}
.quick_link a.link2 i{display:inline-block;width:30px;height:30px;display:block;background:url(../images/theme/blog_icon.png) center center no-repeat;background-size:90%;margin:0 auto;}
.quick_link a span{width:0;overflow:hidden;font-size:14px;white-space:nowrap;}
.quick_link a:hover{width:100%;transition:all ease 0.3s;padding:5px 20px;}
.quick_link a:hover span{width:100%;padding-left:5px;}
.quick_link a:hover span:after{content:'';display:inline-block;width:14px;height:14px;background:url(../images/theme/link_icon.png) center center no-repeat;background-size:cover;margin-left:3px;vertical-align:middle;}
@media screen and (max-width: 1023px){
	.quick_link{right:20px;bottom:20px;}
}@charset "utf-8";

.wrap{width: 100%; max-width: 1920px; margin: 0 auto; padding-top:80px; overflow: hidden;}

/*visual*/
.visual{position: relative; z-index: 5; width: 100%; }
.slider li{ position: relative; z-index: 1}
.visual_text{position: absolute; top: 50%; left: 50%; margin-left: -330px; width: 660px; text-align: center; -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.visual_text h2{font-size: 65px; padding-bottom:50px;}
.visual_text strong{display: inline-block; font-size: 28px; padding: 33px 0 28px;}
.visual_text p{font-size: 17px; line-height: 28px;}
.visual_text h2, .visual_text strong, .visual_text p, .visual_text .more{color: #ebebea;}
.visual_text .more{display: inline-block; padding: 16px 21px 14px 23px; margin-top: 42px; border: 1px solid #fff; border-radius: 30px; -o-transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all; transition: 0.5s all;}
.visual_text .more:hover{background: #fff; color: #5d2e19;}
.visual .visual_text h2{font-weight: bold; color:rgba(255,255,255,.8);}

/*slide_btn*/
.slide_btn{position: absolute;}
.prev_btn{float: left; cursor: pointer;}
.next_btn{float: right; cursor: pointer;}
.slide_btn{top: 50%; left: 50%; z-index: 10; width: 60%; margin-left: -30%;}

/*section01*/
.section01{width: 100%;}
.section01 .part1{width: 1200px; margin: 99px auto 98px;}
.part1 .part1_list{clear: both; overflow: hidden;}
.part1 .part1_list li{float: left; width: 360px; margin-right: 60px; text-align:center;}
.part1 .part1_list .p_li03{margin-right: 0;}
.part1 .part1_list .part1_img{display: block; width: 100%; height: 221px; background: no-repeat center top; background-size: cover;}
.part1 .part1_list li dl dt{padding: 30px 0 17px; font-size: 18px; font-weight: bold; color: #292929; text-align:center;}
.part1 .part1_list li dl dd{padding-bottom: 27px; font-size: 14px; line-height: 20px; color: #666666; text-align:center;}
.part1 .part1_list li .more{font-size: 14px; font-weight: 800; color: #5d2e19; -o-transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all; transition: 0.5s all; text-align:center;}
.part1 .part1_list li .more:hover{color: #666666;}
.part2{background: no-repeat center top; background-size: cover; text-align: center;}
.part2 p{padding: 107px 25% 59px; font-size: 28px; line-height: 42px; color: #fff;}
.part2 .more{display: inline-block; padding: 17px 28px; margin-bottom: 79px; border: 1px solid #fff; font-size: 13px; color: #fff; -o-transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all; transition: 0.5s all;}
.part2 .more:hover{background-color: #5d2e19; color: #fff; border: 1px solid #5d2e19;}

/*section02*/
.section02 .field_title{padding: 96px 0 66px; text-align: center;}
.section02 .field_title h3{font-size: 34px; font-weight: 700; line-height: 28px; letter-spacing: 3px; color: #222222;}
.section02 .field_title .line_butn{display:block; width: 30px; height: 3px; margin: 24px auto 22px; background-color: #bbbbbb;}
.section02 .field_title p{font-size: 15px; line-height: 26px;}
.section02 .con_list{clear: both; overflow: hidden; width: 1200px; margin: 0 auto;}
.section02 .con_list li{width: 33.333%; float: left;}
.section02 .con_list li dl{padding: 17px 0 0 81px;background: no-repeat left top;}
.section02 .con_list li dl dt{padding-bottom: 14px;font-size: 22px;font-weight:600;line-height: 30px;color: #000;}
.section02 .con_list li dl dd{padding: 0 0 0 13px; font-size: 16px; line-height: 26px; background: no-repeat left 11px;}
.section02 .btn_wrap{padding: 50px 0 90px; text-align: center;}
.section02 .btn_wrap .more{display: inline-block; padding: 12px 17px; border-radius: 30px; font-size: 14px; color: #fff; background-color: #5d2e19; border: 1px solid #5d2e19; -o-transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all; transition: 0.5s all;}
.section02 .btn_wrap .more:hover{color: #5d2e19; background-color: #fff;}

/*section03*/
.section03 .product{clear: both; overflow: hidden;}
.section03 .product .pro_right, .section03 .product .pro_left{width: 50%; height:600px; background-color: #f2f2f2;}
.section03 .product .pro_bg{height: 600px; background: no-repeat center center; background-size: cover;}
.section03 .product .pro_right{float: right;}
.section03 .product .pro_left{float: left;}
.pro_list{width: 600px;}
.pro_list .part{padding: 90px 0 0;font-size: 17px; font-weight: bold; color: #888; letter-spacing: 1px;}
.pro_list .title{padding: 35px 0 40px;font-size: 45px;font-weight: 600;line-height: 50px;color: #444444;word-break: keep-all;}
.pro_list .arti{font-size: 16px; color: #888; line-height: 27px;}
.pro_list .more{padding: 64px 0 0;}
.pro_list .more a{display: inline-block; padding: 13px 41px; border: 1px solid #5d2e19; font-size: 13px; color: #5d2e19;-o-transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all; transition: 0.5s all;}
.pro_list .more a:hover{background-color: #5d2e19; color: #fff;}
.pro_right .pro_list{padding-left: 135px;}
.pro_left .pro_list{float: right; padding-right: 135px; text-align: right;}

/*section04*/
.section4_wrap{width: 1156px; margin: 0 auto;}
.section4_wrap{overflow: hidden; clear: both; padding: 100px 0 124px;}
.section4_wrap .fisrt_dl, .section4_wrap .second_dl,.section4_wrap .third_dl,.section4_wrap .fourth_dl{height: 65px; float: left; padding-left: 77px; margin-left: 80px; background: no-repeat left center;}
.section4_wrap .fisrt_dl{margin-left: 0;}
.section4_wrap .fisrt_dl dt, .section4_wrap .second_dl dt,.section4_wrap .third_dl dt,.section4_wrap .fourth_dl dt{padding: 5px 0 9px; font-weight: bold; font-size: 22px;}
.section4_wrap .fisrt_dl dd, .section4_wrap .second_dl dd,.section4_wrap .third_dl dd,.section4_wrap .fourth_dl dd{font-size: 13px; color:#999; line-height:20px;}
.section4_wrap dl a:hover{color: #5d2e19;}

@media screen and (max-width: 1600px){
/*slide_btn*/
.slide_btn2{width: 78%; margin-left: -39%;}
}

@media screen and (max-width: 1280px){
/*slide_btn*/
.slide_btn {width: 80%; margin-left: -40%;}
.slide_btn2{width: 95%; margin-left: -47.5%;}

/*section01*/
.section01 .part1 {width: 95%;}
.part1 .part1_list li{width: 31.333%; margin-right: 3%;}

/*section02*/
.section02 .con_list{width: 95%;}

/*section03*/
.pro_left .pro_list{padding-right: 10%;}
.pro_right .pro_list{padding-left: 10%;}

/*section4*/
.section4_wrap {width: 95%; margin: 0 auto;}
.section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 17%; padding-left: 8%; margin-left: 0;}
.section4_wrap .fisrt_dl {margin-left: 0;}
}

@media screen and (max-width: 1080px){
.section4_wrap dl dd{display: none;}
}

/*mobile start*/
@media screen and (max-width: 1023px){
.wrap{padding-top:60px;}

/*visual*/
.slide_btn, .visual_text .more {display: none;}
.visual_text {margin-left: -150px; width: 300px;}
.visual_text strong {padding: 17px 0 13px;}

/*section02*/
.section02 .field_title p{width: 95%; margin: 0 auto;}
.section02 .con_list li{width: 33.333%;}
.section02 .con_list li dl {padding: 80px 0 20px 0; background: no-repeat center top;}
.section02 .con_list li dl dt{text-align: center;}
.section02 .btn_wrap {padding: 59px 0 90px;}

/*section03*/
.pro_list{width: 95%;}
.pro_right .pro_list{padding-left: 5%;}
.pro_left .pro_list {padding-right: 5%;}

/*section04*/
.section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl{background-size: 50px;}
.section4_wrap {padding: 74px 0 72px;}
}

@media screen and (max-width: 768px){
/*visual*/
.visual_text h2{font-size: 50px;}
.slider li{height: 380px !important;}
.owl-carousel .owl-item img {width: auto !important; height: 100% !important;}

/*section01*/
.part2 p {padding: 107px 5% 30px; font-size: 25px;}

/*section03*/
.section03 .product .pro_right, .section03 .product .pro_left{width: 100%; height: auto;}
.section03 .product .pro_bg{height: 300px; }
.pro_list .title {padding: 25px 0 34px;}
.pro_list{width: 90%; margin: 0 auto;}
.pro_right .pro_list, .pro_left .pro_list{padding: 35px 5% 97px;}
.pro_list .part{padding:50px 0 0 0;}
.pro_list .more {padding-top: 34px;}

/*.section4*/
.section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 33%; padding-left: 12%; margin-left: 5%;}
.section4_wrap .fisrt_dl, .section4_wrap .second_dl{margin-bottom: 60px;}
}
@media screen and (max-width: 480px){
/*section01*/
.section01 .part1 {
margin: 99px auto 30px;
}
.part1 .part1_list li{width: 100%; margin: 0 0 50px 0; }

.pro_left .pro_list {text-align:center;}
.pro_list .part {padding-top:20px;}
.pro_right .pro_list, .pro_left .pro_list {text-align:center;}

/*section02*/
.section02 .field_title {padding: 96px 0 50px;}
.section02 .con_list{width: 320px; margin: 0 auto;}
.section02 .con_list li{width: 100%;}
.section02 .con_list li dl{/*padding: 21px 0 40px 70px;*/ background: no-repeat center top;}
.section02 .con_list li dl dt {text-align: center;}
.section02 .con_list li dl dd{padding: 0 0 0 11px;}
.section02 .btn_wrap {padding: 0 0 90px;}

/*section03*/
.section03 .product .pro_bg {height: 210px;}

/*.section4*/
.section4_wrap {width: 85%;padding: 65px 0 15px;}
.section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 35%; padding-left: 15%; margin-left: 0;float:left;vertical-align:middle;}
.section4_wrap .fisrt_dl dt, .section4_wrap .second_dl dt, .section4_wrap .third_dl dt, .section4_wrap .fourth_dl dt {padding: 18px 0 9px;}
.section4_wrap .fisrt_dl dt, .section4_wrap .second_dl dt, .section4_wrap .third_dl dt, .section4_wrap .fourth_dl dt {font-size: 1em;}
.section4_wrap .third_dl, .section4_wrap .fourth_dl {margin-bottom: 60px;}
.f_wrap .f_left p {font-size:0.8em;}
}

@media screen and (max-width: 480px){
 .visual .visual_text h2 {font-size:2.5em;}
.visual_text strong {font-size:1em;}
.visual_text p {font-size:0.8em;line-height:1.6em;}
.section02 .field_title h3 {font-size:1.3em;}
.pro_list .title {font-size:2em;line-height:1.4em;}
}/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}