@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /* font-family: 'NanumSquare', sans-serif;  Regular(400), Bold(700), Extra Bold(800), Light(300) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* font-family: 'Montserrat', sans-serif; */

@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../font/fa-light-300.eot);src:url(../font/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../font/fa-light-300.woff2) format("woff2"),url(../font/fa-light-300.woff) format("woff"),url(../font/fa-light-300.ttf) format("truetype"),url(../font/fa-light-300.svg#fontawesome) format("svg")}.fal{font-family:"Font Awesome 5 Pro";font-weight:300}
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../font/fa-regular-400.eot);src:url(../font/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../font/fa-regular-400.woff2) format("woff2"),url(../font/fa-regular-400.woff) format("woff"),url(../font/fa-regular-400.ttf) format("truetype"),url(../font/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Pro";font-weight:400}
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../font/fa-solid-900.eot);src:url(../font/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../font/fa-solid-900.woff2) format("woff2"),url(../font/fa-solid-900.woff) format("woff"),url(../font/fa-solid-900.ttf) format("truetype"),url(../font/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}
 
*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; -webkit-text-size-adjust:none; }
body{font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif;color:#353535;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-0.05em; word-break:keep-all;}
html, body {width:100%;/*height:100%;*/;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:normal }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0; vertical-align:top; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}
a {text-decoration:none; color:#353535}

.transition {
	-webkit-transition: all 0.6s;
	   -moz-transition: all 0.6s;
	     -o-transition: all 0.6s;
	        transition: all 0.6s;
}


/* layout */
#wrap {overflow:hidden;}
.inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner2 {width:93%; max-width:1000px; margin-left:auto; margin-right:auto;}

.text_hidden {display:none;}

html.no_scroll {position:fixed; left:0; top:0; right:0; bottom:0;}

.tc {text-align:center;}

.mb0 {margin-bottom:0 !important;}

@media all and (max-width:1199px) {
.inner {width:100%;}
.s-inner {width:93%;}
}

@media all and (max-width:1024px) {
	body { font-size: 15px; }
}

@media all and (max-width:767px) {
	body { font-size: 13px; }

	br.mo_br {display:none;}
}


::selection {background:rgba(250,218,3,0.8); color:#fff;}
::-moz-selection {background:rgba(250,218,3,0.8); color:#fff;}
::-webkit-selection {background:rgba(250,218,3,0.8); color:#fff;}


.dyled_btn {display:block; width:170px; line-height:48px; font-size:1em; color:#fff; font-weight:500; text-align:center; border:1px solid #fff; border-radius:25px; transition:all 0.6s; transition-property:border, background, color}
.dyled_btn:after {content:'\f067'; font-weight:300; font-family:'Font Awesome 5 Pro'; margin-left:10px;}
.dyled_btn:hover {border-color:#fada03; background:#fada03; color:#353535;}
.dyled_btn.case2 {border-color:#fada03; background:#fada03; color:#353535;}

@media screen and (max-width:1024px){
	.dyled_btn {width:160px; line-height:43px;}
}

@media screen and (max-width:767px){
	.dyled_btn {width:140px; line-height:38px;}
}


/* header */
#dyled_header {width:100%; height:130px; position:fixed; left:0; top:0; z-index:300; overflow:hidden; transition:0.6s; transition-property:height, background}
#dyled_header:before {content:''; display:block; width:100%; height:calc(100% - 130px); position:absolute; left:0; top:130px; background:#f7f8f9; transition:all 0.6s; transition-property:height, top}
#dyled_header .h_lang {width:85px; background:#fff; border-radius:17.5px; font-family:"Montserrat"; text-align:center; position:fixed; right:50%; top:48px; margin-right:-550px; z-index:10; transition:top 0.6s}
#dyled_header .h_lang p {display:block; width:100%; font-size:0.875em; line-height:35px; font-weight:700; cursor:pointer;}
#dyled_header .h_lang p:after {content:'\f078'; font-weight:400; font-family:'Font Awesome 5 Pro'; margin-left:7px;}
#dyled_header .h_lang p.on:after {content:'\f077'}
#dyled_header .h_lang ul {display:none; padding:5px 0 10px;}
#dyled_header .h_lang ul li a {font-size:0.875em; color:#a7acbe; line-height:1.6em; font-weight:700; transition:color 0.6s}
#dyled_header .h_lang ul li a:hover {color:#353535}

#dyled_logo {float:left; margin-top:50px; transition:margin-top 0.6s}
#dyled_logo img {width:165px;}

#dyled_gnb {float:right; margin-right:200px;}
#dyled_gnb > ul > li {float:left; text-align:center;}
#dyled_gnb > ul > li > a {display:block; margin:0 25px; font-size:1.125em; color:#fff; font-weight:700; line-height:130px; position:relative; transition:line-height 0.6s}
#dyled_gnb > ul > li > a:before {content:''; display:block; width:0; height:2px; background:#fff; position:absolute; left:50%; top:90px; transform:translateX(-50%); transition:width 0.6s}
#dyled_gnb > ul > li > ul {padding:20px 0;}
#dyled_gnb > ul > li > ul > li {margin-bottom:7px;}
#dyled_gnb > ul > li > ul > li:last-child {margin-bottom:0;}
#dyled_gnb > ul > li > ul > li > a {font-size:1em; line-height:1.5em; transition:all 0.5s; transition-property:color;}
#dyled_gnb > ul > li > ul > li > a:hover {color:#153da2;}

#menuToggle {display:none; float:right; width:20px; height:14px; margin-top:22px; position:relative; cursor:pointer;}
#menuToggle span {display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.6s}
#menuToggle span:nth-child(1) {top:0;}
#menuToggle span:nth-child(2) {top:50%; margin-top:-1px;}
#menuToggle span:nth-child(3) {bottom:0;}

.mo_on #menuToggle span:nth-child(1) {transform:translateY(6px) rotate(45deg);}
.mo_on #menuToggle span:nth-child(2) {width:0;}
.mo_on #menuToggle span:nth-child(3) {transform:translateY(-6px) rotate(-45deg);}

#dyled_header.scroll_on {background:#183682}


#dyled_header.active {background:#183682}

@media screen and (min-width:1025px){
	#dyled_header.pc_on {height:380px; background:#183682}
	#dyled_gnb > ul > li:hover > a:before {width:100%;}
	#dyled_gnb > ul > li.point > a:before {background:#ffed00}
	#dyled_gnb > ul > li > ul {display:block !important;}

	#dyled_header.scroll_on {height:95px;}
	#dyled_header.scroll_on:before {height:calc(100% - 95px); top:95px;}
	#dyled_header.scroll_on.pc_on {height:345px;}
	#dyled_header.scroll_on .h_lang {top:32px;}

	#dyled_header.scroll_on #dyled_logo {margin-top:34px;}

	#dyled_header.scroll_on #dyled_gnb > ul > li > a {line-height:95px;}
	#dyled_header.scroll_on #dyled_gnb > ul > li > a:before {top:65px;}

	#dyled_header.active {height:95px;}
	#dyled_header.active:before {height:calc(100% - 95px); top:95px;}
	#dyled_header.active.pc_on {height:345px;}
	#dyled_header.active .h_lang {top:32px;}

	#dyled_header.active #dyled_logo {margin-top:34px;}

	#dyled_header.active #dyled_gnb > ul > li > a {line-height:95px;}
	#dyled_header.active #dyled_gnb > ul > li > a:before {top:65px;}

	#dyled_gnb > ul > li.point > a {color:#ffde00;}
}

@media screen and (max-width:1199px){
	#dyled_header .h_lang {right:3.5%; margin-right:0;}

	#dyled_gnb {margin-right:100px;}
	#dyled_gnb > ul > li > a {margin:0 16px;}
}

@media screen and (max-width:1024px){
	#dyled_header {height:60px; overflow:visible;}
	#dyled_header.mo_on {background:#183682}
	#dyled_header .h_lang {width:65px; right:calc(3.5% + 40px); top:18px; border-radius:12.5px;}
	#dyled_header .h_lang p {line-height:25px;}
	#dyled_header .h_lang p:after {font-size:0.875em;}
	#dyled_header .h_lang ul {padding:0 0 5px;}

	#dyled_logo {margin-top:18px;}
	#dyled_logo img {width:128px;}

	#dyled_gnb {float:none; margin-right:0; width:100%; height:calc(100vh - 60px); background:#fff; position:fixed; left:100%; top:60px; overflow-y:scroll; overflow-y:scroll; -ms-overflow-style:none; transition:left 0.8s}
	#dyled_gnb::-webkit-scrollbar {display:none;}
	#dyled_gnb > ul > li {float:none; width:100%; text-align:left;}
	#dyled_gnb > ul > li > a {color:#353535; line-height:55px; margin:0; padding:0 3.5%}
	#dyled_gnb > ul > li > a:before {width:12px; height:2px; background:#353535; left:auto; right:3.5%; top:50%; margin-top:-1px; transform:translateX(0)}
	#dyled_gnb > ul > li > a:after {content:''; display:block; width:2px; height:12px; background:#353535; position:absolute; right:calc(3.5% + 5px); top:50%; margin-top:-6px; transform:translateX(0); transition:transform 0.6s}
	#dyled_gnb > ul > li.on > a:after {transform:rotate(90deg)}
	#dyled_gnb > ul > li > ul {display:none; padding:18px 0; background:#f7f8f9;}
	#dyled_gnb > ul > li > ul > li > a {display:block; padding:0 5%;}

	.mo_on #dyled_gnb {left:0;}

	#menuToggle {display:block;}
}

@media screen and (max-width:500px){
	#dyled_header .h_lang {right:calc(3.5% + 35px);}
}


/* footer */
#dyled_footer {width:100%; background:#2b2c2c; padding-bottom:70px;}
#dyled_footer .f_util {overflow:hidden; padding:40px 0;}
#dyled_footer .f_util li {float:left;}
#dyled_footer .f_util li:before {content:''; display:inline-block; width:1px; height:15px; background:rgba(255,255,255,0.3); vertical-align:middle; margin:0 20px;}
#dyled_footer .f_util li:first-child:before {display:none;}
#dyled_footer .f_util li a {font-size:1em; color:#fff; font-weight:500;}
#dyled_footer .f_info {width:100%; overflow:hidden;}
#dyled_footer .f_info dl {float:left; width:50%;}
#dyled_footer .f_info dl:last-child {padding-left:20px;}
#dyled_footer .f_info dl dt {font-size:1em; color:#ffee00; line-height:1.3em; font-weight:700; font-family:'Montserrat'; margin-bottom:10px;}
#dyled_footer .f_info dl dd {display:inline-block; font-size:1em; color:#fff; line-height:1.8em; font-weight:500; margin-right:15px;}
#dyled_footer .copy {font-size:1em; color:#a7acbe; margin-top:30px; display:inline-block; margin-right:15px;}
#dyled_footer .f_member {display:inline-block; font-size:0.81em; color:#a7acbe; letter-spacing:0; margin-left:5px; font-weight:400; border:1px solid #a7acbe; padding:2px 5px;}
#dyled_footer .go_top {width:90px; height:90px; line-height:90px; border-radius:50%; background:#ffde00; position:absolute; right:0; top:-45px; text-align:center; cursor:pointer;}
#dyled_footer .go_top:before {content:'\f176'; font-size:1.875em; color:#000; font-weight:300; font-family:'Font Awesome 5 Pro'}

@media screen and (max-width:1024px){
	#dyled_footer {padding-bottom:40px;}
	#dyled_footer .f_util {padding:20px 0 30px;}
	#dyled_footer .f_info dl dt {margin-bottom:5px;}
	#dyled_footer .f_info dl dd {font-size:0.93em;}
	#dyled_footer .copy {font-size:0.93em; margin-top:20px;}
	#dyled_footer .go_top {width:70px; height:70px; line-height:70px; top:-35px;}
	#dyled_footer .go_top:before {font-size:1.5em;}
}

@media screen and (max-width:767px){
	#dyled_footer .f_info dl {float:none; width:100%;}
	#dyled_footer .f_info dl:last-child {padding-left:0; margin-top:3%;}
	#dyled_footer .go_top {width:50px; height:50px; line-height:50px; top:-25px;}
	#dyled_footer .go_top:before {font-size:1.25em;}
}

/* main */
#mVisual {width:100%; height:850px; position:relative; overflow:hidden;}
#mVisual .post {position:absolute; right:50%; top:320px; margin-right:-600px; z-index:10; width:320px; height:250px; background:#fada03; border-radius:0 0 45px 0; padding:40px 50px; overflow:hidden; box-sizing:15px 10px 20px rgba(0,0,0,0.2)}
#mVisual .post h2 {font-size:1.875em; line-height:1.2em; font-weight:700; font-family:'Montserrat'; margin-bottom:10px;}
#mVisual .post p {font-size:1.125em; line-height:1.6em; font-weight:500;}
#mVisual .post a {float:right; font-size:1em; color:#cb6900; font-weight:700; margin-top:40px;}
#mVisual .post a:after {content:'\f067'; font-weight:400; font-family:'Font Awesome 5 Pro'; margin-left:10px;}
.mVisual_slide {width:100%; height:100%;}
.mVisual_slide .swiper-slide {position:relative;}
.mVisual_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; transform:scale(1.1, 1.1); transition:transform 6000ms}
#mVisual.active .mVisual_slide .img_box {transform:scale(1,1)}
.mVisual_slide .txt_box {width:93%; max-width:1200px; margin:320px auto 0; position:relative; z-index:10; padding-right:320px;}
.mVisual_slide .txt_box .t1 {font-size:1.875em; color:#fff; line-height:1.6em; font-weight:500; margin:30px 0 50px;}
#mVisual .mVisual_slide .swiper-pagination {bottom:40px;}
.mVisual_slide .swiper-pagination-bullet {width:80px; height:3px; background:#fff; border-radius:0; border-radius:0; opacity:1; position:relative;}
.mVisual_slide .swiper-pagination-bullet:before {content:''; display:block; width:0; height:100%; background:#fada03; position:absolute; left:0; top:0; transition:width 0s linear}
.mVisual_slide .swiper-pagination-bullet-active:before {width:100%; transition:width 5s}

/*.mVisual_slide .txt_box .logo, .mVisual_slide .txt_box .t1, .mVisual_slide .txt_box .t2 {opacity:0; transform:translateY(60px); transition:all 0.8s; transition-property:opacity, transform;}
.mVisual_slide .txt_box .t1 {transition-delay:0.2s}
.mVisual_slide .txt_box .t2 {transition-delay:0.4s}
.mVisual_slide .swiper-slide-active .txt_box .logo, .mVisual_slide .swiper-slide-active .txt_box .t1, .mVisual_slide .swiper-slide-active .txt_box .t2 {opacity:1; transform:translateY(0)}*/

@media screen and (max-width:1199px){
	#mVisual {height:750px;}
	#mVisual .post {right:3.5%; margin-right:0}
	.mVisual_slide .txt_box {margin-top:260px;}
}

@media screen and (max-width:1024px){
	#mVisual {height:630px;}
	#mVisual .post {width:290px; height:190px; top:220px; padding:30px; border-bottom-right-radius:30px;}
	#mVisual .post h2 {font-size:1.5em; margin-bottom:5px;}
	#mVisual .post p {font-size:1em;}
	#mVisual .post a {margin-top:30px;}
	.mVisual_slide .txt_box {margin-top:220px;}
	.mVisual_slide .txt_box .logo img {height:60px;}
	.mVisual_slide .txt_box .t1 {font-size:1.5em; margin:3% 0 5%;}
	#mVisual .mVisual_slide .swiper-pagination {bottom:10px;}
	.mVisual_slide .swiper-pagination-bullet {width:70px;}
}

@media screen and (max-width:767px){
	#mVisual {height:530px;}
	#mVisual .post {top:auto; bottom:8%; right:50%; margin-right:-90px; width:190px; height:120px; padding:3%; text-align:center; border-bottom-right-radius:20px;}
	#mVisual .post h2 {font-size:1.125em;}
	#mVisual .post p {font-size:0.93em;}
	#mVisual .post a {float:none; display:inline-block; font-size:0.93em; margin-top:15px;}
	.mVisual_slide .txt_box {margin-top:170px; text-align:center; padding-right:0;}
	.mVisual_slide .txt_box .logo img {height:40px;}
	.mVisual_slide .txt_box .dyled_btn {margin:0 auto;}
	.mVisual_slide .swiper-pagination-bullet {width:40px; height:2px; margin:0 1.5px !important;}
}

.mTitle h2 {font-size:3.125em; line-height:1.2em; font-weight:700; font-family:'Montserrat'; text-transform:uppercase;}
.mTitle p {font-size:1.125em; line-height:1.6em; font-weight:500; margin-top:30px;}
.mTitle.white h2, .mTitle.white p {color:#fff;}

@media screen and (max-width:1024px){
	.mTitle h2 {font-size:2.6em;}
	.mTitle p {font-size:1em; margin-top:2%;}
}


#mAbout {width:100%; padding:140px 0; background:url(/images/mAboutBG.png) no-repeat center top; background-size:cover;}
#mAbout .s-inner {width:93%; max-width:1350px;}
#mAbout ul {width:100%; overflow:hidden; margin-top:100px;}
#mAbout ul li {float:left; width:calc(50% - 70px); height:300px; position:relative; overflow:hidden;}
#mAbout ul li:nth-child(1) {margin-left:70px;}
#mAbout ul li:nth-child(2) ~ li {width:33.33%;}
#mAbout ul li:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; position:absolute; left:0; top:0; transition:transform 0.6s}
#mAbout ul li a {display:block; width:100%; height:100%; position:relative; z-index:10; padding:200px 50px 0; transition:padding-top 0.6s}
#mAbout ul li a h3 {font-size:1.875em; color:#fff; line-height:1.2em; font-weight:700; font-family:'Montserrat'}
#mAbout ul li a h3:after {content:'\f178'; display:block; font-size:0.8em; font-weight:300; font-family:'Font Awesome 5 Pro';  opacity:0.7}
#mAbout ul li a dl dt {font-size:1.125em; color:#fff; line-height:1.2em; font-weight:500; margin-top:5px; display:none;}
#mAbout ul li a dl dt:after {content:''; display:block; width:65px; height:3px; background:#fff; transition:width 0.6s; margin:25px 0;}
#mAbout ul li a dl dd {font-size:1em; color:rgba(255,255,255,0.7); line-height:1.6em; font-weight:500; opacity:0; transition:opacity 0.6s; display:none;}
#mAbout ul li a dl dd:after {content:'\f178'; display:block; font-size:1.875em; font-weight:300; font-family:'Font Awesome 5 Pro'; margin-top:25px;}

#mAbout ul li:nth-child(1):before {background-image:url(/images/mAbout_img1.jpg)}
#mAbout ul li:nth-child(2):before {background-image:url(/images/mAbout_img2.jpg)}
#mAbout ul li:nth-child(3):before {background-image:url(/images/mAbout_img3.jpg)}
#mAbout ul li:nth-child(4):before {background-image:url(/images/mAbout_img4.jpg)}
#mAbout ul li:nth-child(5):before {background-image:url(/images/mAbout_img5.jpg)}

#mAbout ul li:hover:before {transform:scale(1.1)}
/*#mAbout ul li:hover a {padding-top:50px;}*/
#mAbout ul li:hover a dl dt:after {width:300px;}
#mAbout ul li:hover a dl dd {opacity:1;}

@media screen and (max-width:1024px){
	#mAbout {padding:13% 0;}
	#mAbout ul {margin-top:9%;}
	#mAbout ul li {width:calc(50% - 30px); height:250px;}
	#mAbout ul li:nth-child(1) {margin-left:30px;}
	#mAbout ul li a {padding:175px 30px 0;}
	#mAbout ul li a h3 {font-size:1.5em;}
	#mAbout ul li a dl dt {font-size:1em; margin-top:3px;}
	#mAbout ul li a dl dt:after {max-width:100%; height:2px; margin:15px 0;}
	#mAbout ul li a dl dd {font-size:0.93em;}
	#mAbout ul li a dl dd:after {margin-top:15px;}
}

@media screen and (max-width:767px){
	#mAbout ul li {float:none; width:100%; height:225px;}
	#mAbout ul li:nth-child(1) {margin-left:0;}
	#mAbout ul li:nth-child(1), #mAbout ul li:nth-child(4) {margin-top:0;}
	#mAbout ul li:nth-child(2) ~ li {width:100%;}
	#mAbout ul li a {padding:160px 25px 0; background:rgba(0,0,0,0.3)}

	/*#mAbout ul li:hover a {padding-top:140px;}*/
	#mAbout ul li:hover a dl dt:after {width:65px;}
	#mAbout ul li:hover a dl dd {opacity:0;}
}

#mProduct {width:100%; padding:140px 0; background:#f5f6fa;}
#mProduct .mTitle {margin-bottom:90px;}
.mProduct_slide_wrap {width:100%; padding:0 60px;}
.mProduct_slide {width:100%; padding-bottom:80px; position:relative;}
.mProduct_slide a {display:block; width:100%; height:460px; overflow:hidden; border-radius:0 0 70px 0; position:relative; transition:border 0.6s; box-shadow:30px 20px 20px rgba(125,132,163,0.1)}
.mProduct_slide a:before {content:''; display:block; width:100%; height:100%; border:0px solid #ffde00; position:absolute; left:0; top:0; border-radius:3px 3px 70px 3px; transition:border 0.6s; z-index:10;}
.mProduct_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;}
.mProduct_slide .txt_box {padding:50px 50px 0; position:relative; z-index:10;}
.mProduct_slide .txt_box h3 {font-size:1.875em; /*color:#fff;*/ line-height:1.2em; font-weight:700; font-family:'Montserrat'}
.mProduct_slide .txt_box p {font-size:1em; /*c0olor:#fff;*/ line-height:1.6em; font-weight:normal; margin-top:10px;}
#mProduct .mProduct_slide .swiper-pagination {bottom:0;}
.mProduct_slide .swiper-pagination-bullet {width:10px; height:10px; border:1px solid #a7acbe; opacity:1; background:none;}
.mProduct_slide .swiper-pagination-bullet-active {background:#a7acbe}

.mProduct_slide a:hover {border-radius:3px 3px 70px 3px;}
.mProduct_slide a:hover:before {border-width:8px;}

@media screen and (max-width:1199px){
	.mProduct_slide_wrap {padding:0 3.5%;}
	.mProduct_slide a {height:400px;}
	.mProduct_slide .txt_box {padding:30px 30px 0;}
}

@media screen and (max-width:1024px){
	#mProduct {padding:13% 0;}
	#mProduct .mTitle {margin-bottom:6%;}
	.mProduct_slide {padding-bottom:8%;}
	.mProduct_slide a {height:330px; border-bottom-right-radius:40px;}
	.mProduct_slide a:before {border-bottom-right-radius:40px;}
	.mProduct_slide .txt_box {padding:20px 20px 0;}
	.mProduct_slide .txt_box h3 {font-size:1.5em;}
	.mProduct_slide .txt_box p {font-size:1em; margin-top:1%;}
	.mProduct_slide .swiper-pagination-bullet {width:7px; height:7px; margin:0 2px;}

	.mProduct_slide a:hover {border-bottom-right-radius:40px;}
	.mProduct_slide a:hover:before {border-width:5px;}
}

@media screen and (max-width:767px){
	.mProduct_slide_wrap {padding:0 5%;}
	.mProduct_slide a:hover:before {border-width:0;}
}

#mContent1 {display:table; width:100%;}
#mContent1 > div {display:table-cell; width:50%; overflow:hidden; vertical-align:middle;}
#mContent1 > div > div {width:600px;}
#mContent1 > div:first-child > div {float:right;}

#mPurchase {background:url(/images/mPurchaseBG.jpg) no-repeat center center; background-size:cover;}
#mPurchase .dyled_btn {margin-top:45px;}

#mNews {background:#ffde00}
#mNews > div {padding:80px 0 80px 80px;}
#mNews .tit {width:100%; overflow:hidden;}
#mNews .tit h2 {float:left; font-size:1.875em; line-height:1.2em; font-weight:700; font-family:'Montserrat'}
#mNews .tit a {float:right; font-size:1.875em; line-height:1.2em; font-weight:700; font-family:'Montserrat'}
#mNews ul {border-top:1px solid rgba(53,53,53,0.3); margin-top:30px;}
#mNews ul li a {display:block; width:100%; padding:20px 10px; overflow:hidden; font-size:1.125em; line-height:1.4em; font-weight:500; border-bottom:1px solid rgba(53,53,53,0.3)}
#mNews ul li a .txt {float:left; width:calc(100% - 90px); transition:color 0.6s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#mNews ul li a .date {float:right; width:90px; font-family:'Montserrat'; text-align:right;}
#mNews ul li a:hover .txt {color:#cc6a00}

@media screen and (max-width:1199px){
	#mContent1 > div > div {width:100%;}

	#mPurchase > div {padding:0 3vw;}

	#mNews > div {padding-right:3vw; padding-left:40px;}
}

@media screen and (max-width:1024px){
	#mPurchase .dyled_btn {margin-top:35px;}

	#mNews .tit h2, #mNews .tit a  {font-size:1.5em;}
	#mNews > div {padding:10% 3vw;}
	#mNews ul {margin-top:3.5%;}
	#mNews ul li a {padding:15px 10px; font-size:1em;}
	#mNews ul li a .txt {width:calc(100% - 80px)}
	#mNews ul li a .date {width:80px;}
}

@media screen and (max-width:767px){
	#mContent1 {display:block;}
	#mContent1 > div {display:block; width:100%;}
	
	#mPurchase > div {padding:15% 3.5%;}
	
	#mNews > div {padding:9% 3.5%;}
}

#mService {padding:120px 0;}
#mService ul {width:100%; max-width:920px; margin:0 auto; overflow:hidden;}
#mService ul li {float:left; width:25%; text-align:center; position:relative;}
#mService ul li:before {content:''; display:block; width:1px; height:40px; background:rgba(167,172,190,0.4); position:absolute; right:0; top:50%; margin-top:-20px;}
#mService ul li:last-child:before {display:none;}
#mService ul li a {display:block; color:#000; transition:color 0.5s}
#mService ul li i {font-size:4.375em;}
#mService ul li h2 {font-size:1.375em; line-height:1.3em; font-weight:500; margin-top:25px;}

#mService ul li:hover a {color:#ffde00}

@media screen and (max-width:1024px){
	#mService {padding:10% 0;}
	#mService ul li:before {height:30px; margin-top:-15px;}
	#mService ul li i {font-size:3.7em;}
	#mService ul li h2 {font-size:1.125em; margin-top:15px;}
}

@media screen and (max-width:500px){
	#mService ul li i {font-size:2.1em; padding-top:3px;}
	#mService ul li h2 {font-size:1em; margin-top:5px;}
}


/* sub */
#sVisu {display:table; width:100%; height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#sVisu h2 {display:table-cell; text-align:center; vertical-align:middle; font-size:3.125em; color:#fff; line-height:1.2em; font-weight:700;}

.sVisu1 {background-image:url(/images/sVisual_img1.jpg)}

#subContent {margin-top:95px; transition:margin-top 0.6s}
#pageCont {margin:100px auto;}
.subTitle {width:93%; max-width:1000px; margin:0 auto 50px; font-size:2.5em; line-height:1.3em; font-weight:700;}

@media screen and (max-width:1024px){
	#sVisu {height:230px;}
	#sVisu h2 {font-size:2.6em;}

	#subContent {margin-top:60px;}
	#pageCont {margin:10% auto;}
	.subTitle {margin-bottom:5%; font-size:2em;}
}

@media screen and (max-width:767px){
	#sVisu {height:200px;}
}

.sub_top {position:relative; width:1000px; margin:-40px auto 0; background:#ffde00; box-shadow:15px 10px 20px rgba(0,0,0,0.05)}
.smenu_50 {display:none;}
.sub_top .sub_top_in { position:relative; z-index:50; margin:0 auto; max-width: 1200px; }
.snb:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.snb>div { float:left; position:relative;}
.snb .home>a { display:block; width:125px; line-height:80px; text-align:center; font-size:1.375em; position:relative;}
.snb .home>a i {font-family:'Font Awesome 5 Pro'}
.snb .home>a:before {content:''; display:block; width:1px; height:30px; background:rgba(0,0,0,0.2); position:absolute; right:0; top:50%; margin-top:-15px;}
.snb>.depth1_area, .snb>.depth2_area { width:235px;}
.snb .open_depth {display:block; position:relative; height:80px; line-height: 80px; padding:0 25px; font-size:1.125em; font-weight:700; white-space:nowrap;}
.snb .open_depth:before {content:''; display:block; width:1px; height:30px; background:rgba(0,0,0,0.2); position:absolute; right:0; top:50%; margin-top:-15px;}
.snb .open_depth:after { content:'\f107'; display:block; font-size:1.125em; font-weight:400; font-family:'Font Awesome 5 Pro'; position:absolute; top:50%; right:25px; transform:translateY(-50%)}
.snb .open_depth.on:after { content:'\f106';}
.snb .smenu {display:none; position:absolute; top:80px; left:0; width:100%; border:1px solid #dce0ed; border-top:0; padding-bottom:15px; background:#fff;}
.snb .smenu>li>a { display:block; padding:0 5px 0 25px; font-size:1.125em; line-height:2.2em;}
.snb .smenu>li>a:hover {color:#ffd800; font-weight:700;}
.snb .depth:hover .open_depth {background:#fff; border:1px solid #dce0ed; border-bottom:0;}
.snb .depth:hover .open_depth:before {display:none;}

@media screen and (max-width:1024px){
	.sub_top {width:93%; height:50px; margin-top:-25px;}
	.snb { padding-left:50px;}
	.snb .home { position:absolute; top:0; left:0; z-index:10;}
	.snb .home>a { width:50px; line-height:50px; font-size:1em;}
	.snb .home>a:before {height:20px; margin-top:-10px;}
	.snb>.depth1_area, .snb>.depth2_area { width:50%;}
	.snb .depth2_area .open_depth {border-right:0;}
	.snb .open_depth { height:50px; line-height: 50px; padding:0px 15px; font-size:0.875em; overflow:hidden; text-overflow:ellipsis; }
	.snb .open_depth:before {height:20px; margin-top:-10px;}
	.snb .depth:last-child .open_depth:before {display:none;}
	.snb .open_depth:after {right:10px; line-height:50px;}
	.snb .smenu { top:50px;}
	.snb .smenu>li>a {padding:0 15px; font-size:0.875em;}

}

@media screen and (max-width:1024px){
	.sub_top {height:40px; margin-top:-20px;}
	.snb .home>a {line-height:40px;}
	.snb .home>a:before {height:15px; margin-top:-7.5px;}
	.snb .open_depth {height:40px; line-height:40px;}
	.snb .open_depth:before {height:15px; margin-top:-7.5px;}
	.snb .smenu {top:40px;}
}

/* ceo greeting */
.sGreeting_case1 dl {width:100%; position:relative; overflow:hidden; margin-bottom:150px;}
.sGreeting_case1 dl:before {content:''; float:left; display:block; width:50%; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sGreeting_case1 dl dt, .sGreeting_case1 dl dd {width:50%; float:right; padding-left:150px;}
.sGreeting_case1 dl dt {font-size:2.5em; color:#ffd800; line-height:1.25em; font-weight:700; margin-bottom:35px; position:relative; margin-top:50px; padding-top:55px;}
.sGreeting_case1 dl dt:before {content:''; display:block; width:530px; height:1px; background:#ffd800; position:absolute; right:0; top:0;}
.sGreeting_case1 dl dd {font-size:1em; line-height:1.6em; margin-bottom:15px;}
.sGreeting_case1 dl dd:last-child {margin-bottom:0;}
.sGreeting_case1 dl:nth-child(even):before {float:right;}
.sGreeting_case1 dl:nth-child(even) dt, .sGreeting_case1 dl:nth-child(even) dd {float:left; padding-left:0;}
.sGreeting_case1 dl:nth-child(even) dt:before {left:0; right:auto;}

.sGreeting_case1 dl:nth-child(1):before {background-image:url(/images/sGreeting_img1.jpg);}
.sGreeting_case1 dl:nth-child(2):before {background-image:url(/images/sGreeting_img2.jpg);}

.sGreeting_case2 {width:100%; padding:150px 0; background:#f5f6fa url(/images/sGreeting_img3.png) no-repeat center center;}
.sGreeting_case2 .tit {font-size:2.5em; line-height:1.25em; font-weight:700; text-align:center; margin-bottom:90px;}
.sGreeting_case2 ul {width:100%; overflow:hidden;}
.sGreeting_case2 ul li {float:left; width:calc(25% - 40px); margin-right:53.33px; text-align:center;}
.sGreeting_case2 ul li:last-child {margin-right:0;}
.sGreeting_case2 ul li dl dt {width:100%; height:210px; border:3px solid #b0b6cc; background:#fff; border-radius:50%; font-size:1.25em; color:#183682; font-weight:700; padding-top:45px; margin-bottom:25px;}
.sGreeting_case2 ul li dl dt i {font-size:3.5em; display:block; margin:0 auto 20px;}
.sGreeting_case2 ul li dl dd {font-size:1em; color:#707898; line-height:1.6em; font-weight:500;}

.sGreeting_case3 {width:100%; height:400px; background:url(/images/sGreeting_img4.jpg) no-repeat center center; background-size:cover; text-align:center; padding:160px 3.5% 0;}
.sGreeting_case3 .t1 {display:inline-block; font-size:1.25em; color:#fff; line-height:2em; font-weight:700; position:relative;}
.sGreeting_case3 .t1:before {content:''; display:block; width:35px; height:32px; background:url(/images/sGreeting_img5.png) no-repeat center center; position:absolute; left:-70px; top:10px;}
.sGreeting_case3 .t1:after {content:''; display:block; width:35px; height:32px; background:url(/images/sGreeting_img6.png) no-repeat center center; position:absolute; right:-70px; top:10px;}

@media screen and (max-width:1024px){
	.sGreeting_case1 dl {margin-bottom:15%;}
	.sGreeting_case1 dl:before {height:400px}
	.sGreeting_case1 dl dt, .sGreeting_case1 dl dd {padding-left:50px;}
	.sGreeting_case1 dl dt {font-size:1.8em; margin:5% 0 3%; padding-top:5%;}
	.sGreeting_case1 dl dt:before {width:470px;}
	.sGreeting_case1 dl dd {margin-bottom:1.5%;}

	.sGreeting_case2 {padding:15% 0; background-size:90% auto;}
	.sGreeting_case2 .tit {font-size:1.8em; margin-bottom:8%;}
	.sGreeting_case2 ul li {width:calc(25% - 20px); margin-right:26.66px;}
	.sGreeting_case2 ul li dl dt {height:20.5vw; padding-top:5vw; font-size:1.125em; margin-bottom:2vw;}
	.sGreeting_case2 ul li dl dt i {font-size:3.2em; margin-bottom:1.5vw;}

	.sGreeting_case3 {height:300px; padding-top:120px;}
	.sGreeting_case3 .t1 {font-size:1.125em;}
	.sGreeting_case3 .t1:before, .sGreeting_case3 .t1:after {width:23px; height:21px; background-size:cover;}
	.sGreeting_case3 .t1:before {left:-50px;}
	.sGreeting_case3 .t1:after {right:-50px;}
}

@media screen and (max-width:767px){
	.sGreeting_case1 dl:before {float:none !important; width:100%; height:70vw;}
	.sGreeting_case1 dl dt, .sGreeting_case1 dl dd {float:none !important; width:100%; padding-left:0;}
	.sGreeting_case1 dl dt {padding-top:0;}
	.sGreeting_case1 dl dt:before {display:none;}

	.sGreeting_case2 ul li {width:50%; margin-right:0; padding:0 3.5%;}
	.sGreeting_case2 ul li:nth-child(2) ~ li {margin-top:5%;}
	.sGreeting_case2 ul li dl dt {width:130px; height:130px; margin:0 auto 4%; padding-top:30px;}
	.sGreeting_case2 ul li dl dt i {font-size:2.7em;}

	.sGreeting_case3 {height:auto; padding:15% 3.5%}
	.sGreeting_case3 .t1:before, .sGreeting_case3 .t1:after {width:15px; height:15px;}
	.sGreeting_case3 .t1:before {left:-10px;}
	.sGreeting_case3 .t1:after {right:-10px;}
}


/* history */
.sHistory_case1 ul {padding-left:145px;}
.sHistory_case1 ul li {position:relative; width:100%; padding:70px 0 50px 240px;}
.sHistory_case1 ul li:last-child {padding-bottom:0;}
.sHistory_case1 ul li:before {content:''; display:block; width:1px; height:100%; background:rgba(112,120,152,0.3); position:absolute; left:75px; top:0;}
.sHistory_case1 ul li dl dt {width:150px; line-height:150px; background:#ffde00; border-radius:50%; font-size:2.18em; color:#fff; font-weight:600; font-family:'Montserrat'; text-align:center; position:absolute; left:0; top:0;}
.sHistory_case1 ul li dl dd {font-size:1.125em; line-height:2em; font-weight:500; position:relative; padding-left:60px; margin-bottom:8px;}
.sHistory_case1 ul li dl dd .month {font-size:1.38em; font-weight:700; font-family:'Montserrat'; position:absolute; left:0; top:0;}

@media screen and (max-width:1024px){
	.sHistory_case1 ul {padding-left:0;}
	.sHistory_case1 ul li {padding:65px 0 40px 200px;}
	.sHistory_case1 ul li:before {left:65px;}
	.sHistory_case1 ul li dl dt {width:130px; line-height:130px; font-size:1.7em;}
	.sHistory_case1 ul li dl dd {font-size:1em; margin-bottom:4px; padding-left:50px;}
}

@media screen and (max-width:767px){
	.sHistory_case1 ul li {padding:40px 0 5% 110px;}
	.sHistory_case1 ul li:before {left:40px;}
	.sHistory_case1 ul li dl dt {width:80px; line-height:80px; font-size:1.5em;}
	.sHistory_case1 ul li dl dd {padding-left:40px;}
}


.sBrand_case1 {overflow:hidden;}
.sBrand_case1 > div {float:left; width:50%;}
.sBrand_case1 .img_box img {width:100%;}
.sBrand_case1 .txt_box {padding:70px 0 0 120px;}
.sBrand_case1 .txt_box h4 {font-size:2.5em; color:#ffd800; line-height:1.2em; font-weight:700; margin-bottom:40px; position:relative; padding-top:50px;}
.sBrand_case1 .txt_box h4:before {content:''; display:block; width:540px; height:1px; background:#ffd800; position:absolute; right:0; top:0;}
.sBrand_case1 .txt_box .t1 {font-size:1em; line-height:1.7em; margin-bottom:10px;}
.sBrand_case1 .txt_box .t1:last-child {margin-bottom:0;}

.sBrand_case2 {width:100%; background:#f5f6fa; margin-top:140px; padding:140px 0;}
.sBrand_case2 h4 {font-size:2.5em; text-align:center; font-weight:700; margin-bottom:50px;}
.sBrand_case2 ul {width:100%; overflow:hidden;}
.sBrand_case2 ul li {float:left; width:calc(33.33% - 6.66px); margin-right:10px;}
.sBrand_case2 ul li:last-child {margin-right:0;}
.sBrand_case2 ul li .img_box {background:#fff; width:100%;}
.sBrand_case2 ul li .img_box img {width:100%;}
.sBrand_case2 ul li h5 {font-size:1.375em; line-height:1.2em; font-weight:700; text-align:center; margin:20px 0 70px;}
.sBrand_case2 ul li p {font-size:1em; color:#fff; font-weight:700; line-height:60px; text-align:center;}

.sBrand_case2 ul li:nth-child(1) p {background:#000}
.sBrand_case2 ul li:nth-child(2) p {background:#fcda00}
.sBrand_case2 ul li:nth-child(3) p {background:#14489d}

@media screen and (max-width:1024px){
	.sBrand_case1 .txt_box {padding:50px 0 0 40px;}
	.sBrand_case1 .txt_box h4 {font-size:2.2em; margin-bottom:5%; padding-top:7%;}
	.sBrand_case1 .txt_box h4:before {width:500px;}

	.sBrand_case2 {margin-top:14%; padding:14% 0;}
	.sBrand_case2 h4 {font-size:2.2em; margin-bottom:5%;}
	.sBrand_case2 ul li h5 {font-size:1.25em;}
}

@media screen and (max-width:767px){
	.sBrand_case1 > div {float:none; width:100%;}
	.sBrand_case1 .txt_box {padding:0;}
	.sBrand_case1 .txt_box h4 {margin-bottom:3%; padding-top:5%;}
	.sBrand_case1 .txt_box h4:before {display:none;}

	.sBrand_case2 ul li {float:none; width:100%; margin-right:0; margin-bottom:8%}
	.sBrand_case2 ul li:last-child {margin-bottom:0;}
	.sBrand_case2 ul li .img_box {text-align:center;}
	.sBrand_case2 ul li .img_box img {width:auto; height:170px;}
	.sBrand_case2 ul li h5 {margin:10px 0 4%;}
	.sBrand_case2 ul li p {line-height:40px;}
}


.sLocation_case1 > div {margin-bottom:100px;}
.sLocation_case1 > div:last-child {margin-bottom:0;}
.sLocation_case1 .map {width:100%; height:450px; margin-bottom:65px;}
.sLocation_case1 .txt_box {width:100%; overflow:hidden;}
.sLocation_case1 .txt_box h4 {float:left; width:300px; font-size:1.375em; font-weight:700;}
.sLocation_case1 .txt_box dl {float:left; width:calc(100% - 300px); border-left:1px solid rgba(112,120,152,0.3); padding-left:40px; overflow:hidden;}
.sLocation_case1 .txt_box dl dt, .sLocation_case1 .txt_box dl dd {margin-bottom:10px;}
.sLocation_case1 .txt_box dl dt:last-of-type, .sLocation_case1 .txt_box dl dd:last-of-type {margin-bottom:0;}
.sLocation_case1 .txt_box dl dt {float:left; width:70px; font-size:1em; line-height:1.9em; font-weight:700; clear:both;}
.sLocation_case1 .txt_box dl dd {float:left; width:calc(100% - 70px); font-size:1em; line-height:1.9em; font-weight:500;}

@media screen and (max-width:1024px){
	.sLocation_case1 > div {margin-bottom:10%;}
	.sLocation_case1 .map {height:370px; margin-bottom:6%;}
	.sLocation_case1 .txt_box h4 {width:230px; font-size:1.25em;}
	.sLocation_case1 .txt_box dl {width:calc(100% - 230px); padding-left:30px;}
	.sLocation_case1 .txt_box dl dt, .sLocation_case1 .txt_box dl dd {margin-bottom:6px;}
}

@media screen and (max-width:767px){
	.sLocation_case1 .map {height:240px;}
	.sLocation_case1 .txt_box h4 {float:none; width:100%;}
	.sLocation_case1 .txt_box dl {float:none; width:100%; border-left:0; padding-left:0; margin-top:1%;}
}

.sProduct_list ul {width:100%; overflow:hidden;}
.sProduct_list ul li {float:left; width:calc(33.33% - 20px); margin-right:30px;}
.sProduct_list ul li:nth-child(3n) {margin-right:0;}
.sProduct_list ul li:nth-child(3) ~ li {margin-top:50px}
.sProduct_list ul li .img_box {width:calc(100% - 20px); height:200px; padding:10px 0;background-repeat:no-repeat; background-position:center center; background-size:cover; margin:10px auto; position:relative;}
.sProduct_list ul li .img_box:before {content:''; display:block; width:calc(100% + 20px); height:calc(100% + 20px); border:1px solid #898989; position:absolute; left:-10px; top:-10px; transition:border 0.4s}
.sProduct_list ul li:hover .img_box:before {border:4px solid #ffde00}
.sProduct_list ul li h3 {font-size:1.25em; line-height:1.2em; font-weight:500; text-align:center; margin-top:20px;}

.sProduct_tab {margin-bottom:40px;}
.sProduct_tab li {display:inline-block; margin:2px;}
.sProduct_tab li a {display:block; font-size:0.875em; color:#777; letter-spacing:-0.025em; line-height:1.4em; padding:5px 18px; border-radius:3px; border:1px solid #eee; transition:all 0.6s; transition-property:background;}
.sProduct_tab li a:hover {background:#f1f1f1}
.sProduct_tab li.on a {background:#f1f1f1; color:#222; font-weight:500;}

.sProduct_detail h3 {background:#f6f6f6; font-size:1.875em; padding:15px 3.5%; margin-bottom:10px;}
.sProduct_detail h4 {font-size:1.6em; line-height:1.3em; margin:70px 0 20px; position:relative; padding-left:15px;}
.sProduct_detail h4:before {content:''; display:block; width:5px; height:21px; background:#183682; position:absolute; left:0; top:8px;}
.sProduct_detail h4 .logo_img {width:50px; position:relative; top:-19px;}
.sProduct_detail .img_box li {text-align:center; margin-bottom:5px;}
.sProduct_detail .img_box li:last-child {margin-bottom:0;}
.sProduct_detail .img_box li img {width:100%;max-width:100%;border: 1px solid #eee;border-collapse:collapse;}
.sProduct_detail .table_box {overflow-x:scroll; overflow-y:scroll; -ms-overflow-style:none;}
.sProduct_detail .table_box::-webkit-scrollbar {display:none;}
.sProduct_detail .table_box table {width:100%; min-width:600px; border-collapse:collapse;border: 1px solid #ddd;border-top: 2px solid #183682;}
.sProduct_detail .table_box table th, .sProduct_detail .table_box table td {font-size:1em; line-height:1.5em; padding:10px 5px; text-align:center;}
.sProduct_detail .table_box table th {font-weight:500; background:#f5f6fa; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.sProduct_detail .table_box table td {border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
/*.sProduct_detail .table_box table tr th:last-child, .sProduct_detail .table_box table tr td:last-child {border-right:0;}*/
.sProduct_detail .table_box table tr th.bor {border-right:1px solid #ddd;}
.sProduct_detail .table_box.mt70 {margin-top:70px;}

@media screen and (max-width:1024px){
	.sProduct_list ul li {width:calc(33.33% - 10px); margin-right:15px;}
	
	.sProduct_tab {margin-bottom:4%;}
	.sProduct_tab li {margin:2px 1px;}

	.sProduct_detail h3 {font-size:1.5em; padding:10px 3.5%; margin-bottom:2%;}
	.sProduct_detail h4 {font-size:1.3em; margin:7% 0 2%; padding-left:12px;}
	.sProduct_detail h4:before {width:4px; height:16px; top:5px;}
	.sProduct_detail h4 .logo_img {width:35px;  top:-12px;}
	.sProduct_detail .table_box table th, .sProduct_detail .table_box table td {font-size:0.93em;}
	.sProduct_detail .table_box.mt70 {margin-top:7%}
}

@media screen and (max-width:767px){
	.sProduct_list ul li {width:calc(50% - 2.5px); margin-right:5px;}
	.sProduct_list ul li:nth-child(3n) {margin-right:5px}
	.sProduct_list ul li:nth-child(even) {margin-right:0;}
	.sProduct_list ul li:nth-child(2) ~ li {margin-top:6%;}
	.sProduct_list ul li .img_box {width:calc(100% - 10px); height:30vw; margin:5px auto; padding:5px 0;}
	.sProduct_list ul li .img_box:before {width:calc(100% + 10px); height:calc(100% + 10px); left:-5px; top:-5px;}
	.sProduct_list ul li:hover .img_box:before {border-width:3px;}
	.sProduct_list ul li h3 {font-size:1.125em; margin-top:10px;}

	.sProduct_detail h4:before {width:3px; height:14px;}
	.sProduct_detail h4 .logo_img {width:25px; top:-5px;}
}



/* swiper */
/**
 * Swiper 5.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 11, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}