@charset "utf-8";

* { transition:all .5s ease; outline:none; }

/* 초기화 */
html {overflow-y:scroll; }
body {margin:0;padding:0;font-size:1rem;font-family:'SCoreDream', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'SCoreDream', dotum, sans-serif}

dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'SCoreDream', dotum, sans-serif;font-size:1em}
input[type="submit"], button {cursor:pointer}

textarea, select {font-family:'SCoreDream', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1rem}
a {text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; 
}

input[type=text],input[type=password], textarea {outline:none;}

/* 추가 */
.fleft { float:left; }
.fright { float:right; }
.contain { width:1400px; margin:0 auto; }

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #444;color:#444;text-align:center;font-size:15px;z-index:1001;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#1ca199;background:#1ca199;color:#fff}

* {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}

.noEffect {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
}

.center { text-align:center;}

.flexbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.flexbox_stretch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.around {
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap { flex-wrap: wrap; }
.column { 
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
}

.boxPage { margin:0 auto; text-align:center; }

.under { 
	background-image: -webkit-linear-gradient(transparent 60%, #fffab2 40%);
	background-image: -moz-linear-gradient(transparent 60%, #fffab2 40%);
	background-image: -ms-linear-gradient(transparent 60%, #fffab2 40%);
	background-image: -o-linear-gradient(transparent 60%, #fffab2 40%);
	background-image: linear-gradient(transparent 60%, #fffab2 40%);
	background-size: 100% 100%; 
}

.overflow { overflow:hidden; }

.radius4 {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.radius16 {
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-ms-border-radius:14px;
	-o-border-radius:14px;
	border-radius:14px;
}
.radius26 {
	-webkit-border-radius:26px;
	-moz-border-radius:26px;
	-ms-border-radius:26px;
	-o-border-radius:26px;
	border-radius:26px;
}
.radius50 {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}
.radius100 {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}

.임팩트론 { font-family: 'MuseoModerno', cursive; }

.boxReviewDetail .boxReviewDetailStar { display:block; font-size:22px; color:#f5b02f; }
.boxReviewDetail .boxReviewDetailStar span { font-size:16px; color:#444; display:inline-block; margin-left:8px; line-height:22px; }
.boxReviewDetail .boxReviewDetailSubject { color:#1ca199; font-size:24px; display:block; margin:10px 0; font-family:'esamanru'; font-weight:300; overflow:hidden; text-align:left; border-bottom:1px solid #ddd; padding-bottom:.75rem; }
.boxReviewDetail .boxReviewDetailContent { color:#444; font-size:18px; line-height:160%; text-align:left; padding-top:.5rem; height:420px; overflow-y:scroll; }

#complete { width:100%; height:100vh; background:#ededed; color:#444; font-size:3rem; font-family:'esamanru'; font-weight:bold; text-align:center; line-height:120%; }
#complete button { display:block; width:200px; height:50px; line-height:50px; border:0; background:#71808e; color:#fff; font-size:1.2rem; font-family:'NotoR'; margin:1rem auto 0 auto; cursor:pointer; }

.smallLogo { height:20px; }

.boxForm { position:relative; background:#fff; text-align:left; color:#444; width:80%; margin:0 auto; max-width:540px; max-height:600px; overflow-y:scroll; padding:1.5rem 3em 3em 3em; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em; -o-border-radius:1em; -ms-border-radius:1em; }
.boxForm img { max-width:100%; display:block; margin:1rem auto; }
.boxForm strong { display:block; padding:1rem; letter-spacing:-1px; font-size:28px; font-weight:500; color:#444; border-bottom:1px solid #ddd; margin-bottom:1rem; text-align:left; }
.boxForm p,
.boxForm pre { display:block; font-size:16px; line-height:140%; padding:0 1rem; max-height:400px; white-space: pre-wrap; font-family:'SCoreDream'; overflow-x:hidden; overflow-y:auto; }
.boxForm .popclose { position:absolute; top:1rem; right:1rem; cursor:pointer; font-size:2rem; }

#boxTop { height:110px; position:fixed; left:0; top:0; width:100%; overflow:hidden; z-index:1000; background:rgba(255,255,255,.95); }
#boxTop .boxLogo a { display:block; line-height:20px; margin-right:1rem; float:left; font-size:.9rem; color:#777; text-align:left; position:relative; top:-7px; }
#boxTop .boxLogo a img { display:block; margin-right:3rem; }
#boxTop .boxLogo a .biznumber { z-index:100; position:absolute; text-align:left; display:block; bottom:-1.25rem; font-size:.75rem; width:100%; color:#1ca199; }
#boxTop .boxLogo .boxLogoSub { float:left; }
#boxTop .boxLogo .boxLogoSub strong { display:block; font-size:18px; padding:2px 4px; color:#555; font-family:'NotoM'; font-weight:normal; }
#boxTop .boxLogo .boxLogoSub span { display:block; background:#464646; color:#fff; font-size:14px; padding:0 4px; line-height:150%; font-family:'NotoL'; position:relative; }

#boxTop .boxMenu { width:68%; padding-top:10px; }
#boxTop .boxMenu .mn { display:block; color:#666; line-height:90px; height:90px; font-size:16px; font-family:'SCoreDream'; }
#boxTop .boxMenu .mn.on { color:#1ca199; }

#boxTop .boxTel { background:#1ca199; color:#fff; line-height:40px; height:40px; padding:0 1.25rem; font-family: 'MuseoModerno', cursive; font-size:1.25rem; font-weight:400; }
#boxTop .boxTel i { margin-right:.5rem; }

#boxBlank { display:block; height:110px; }

#boxMainpage { padding:150px 0 80px 0; background:url('../img/bg.png') no-repeat top center; background-size:cover; }
#boxMainpage .title { text-align:left; padding-left:50px; font-size:40px; font-weight:500px; letter-spacing:-3px; line-height:135%; margin-bottom:3rem; }
#boxMainpage .title strong { font-weight:600;color:#1ca199; }
#boxMainpage .title strong.dampic { font-weight:900; }
#boxMainpage .title span {font-size:700;font-weight:600;color:#1ca199;}

#boxSvList { width:100%; font-family:'SCoreDream'; }
#boxSvList .boxPro { width:24.5%; background:#F5F5F5; border:2px solid #F5F5F5;  padding:2.5rem 1.5rem 5rem 2rem; color:#1ca199; margin-top:.6rem; position:relative; }
#boxSvList .boxPro .boxProTxt strong { font-size:32px; font-weight:600; display:block; text-align:left; line-height:110%; margin-bottom:2rem; letter-spacing:-1px; }
#boxSvList .boxPro .boxProTxt p { display:block; font-size:16px; color: #222222; line-height:140%; }
#boxSvList .boxPro .mic { position:absolute; right:2rem; bottom:1.5rem; }
#boxSvList .boxPro:hover { background:#1ca199; color:#fff; }
#boxSvList .boxPro:hover p { color:#fff; }

#boxMainForm { width:27%; background:#fff; border:1px solid #ddd; padding:2rem; text-align:left; }
#boxMainForm .bpxFormTxt { margin-bottom:1.5rem; }
#boxMainForm .bpxFormTxt strong { display:block; font-size:24px; color:#1ca199; margin-bottom:.25rem; letter-spacing:-1px; font-weight:500; }
#boxMainForm .bpxFormTxt p { display:block; color:#888; font-size:15px; font-weight:400; }
#boxMainForm input[type='text'],
#boxMainForm input[type='number'],
#boxMainForm select { border:1px solid #ddd; line-height:44px; height:44px; width:100%; padding:0 1rem; text-align:left; color:#464646; font-size:16px; margin-bottom:.5rem; }
#boxMainForm .telbox input,
#boxMainForm .telbox select { width:32%; }
#boxMainForm .boxAgree { font-size:14px; line-height:30px; margin-bottom:.75rem; }
#boxMainForm .boxAgree a { color:#1ca199; }
#boxMainForm button { border:0; line-height:54px; height:54px; width:100%; background:#1ca199; color:#fff; font-size:18px; text-align:center;  }

#boxMiddle { text-align:center; padding:160px 0; font-size:28px; letter-spacing:-1px; font-weight:400; color:#fff; background:#1ca199; }
#boxMiddle .txt { color:#fff; font-size:44px; font-weight:300; letter-spacing:-3px; margin-bottom:2.5rem; }
#boxMiddle .txt p { font-size:18px; letter-spacing:-1px; opacity:.65; margin:1rem auto 4rem auto; }
#boxMiddle .txt p span { display:block; }
#boxMiddle .tag { margin-top:3.5rem; }
#boxMiddle .tag span { background:#0c7c75; color:#fff; }
#boxMiddle .boxSecImage .phone { position:relative; background:#1ca199; border:8px solid #fff; border-bottom:0; border-radius:2.5rem 2.5rem 0 0; width:360px; height:320px; }
#boxMiddle .boxSecImage .phone > span { display:block; width:25%; height:8px; background:#fff; margin:2rem auto; }
#boxMiddle .boxSecImage .phone .phoneSub div.swiper-slide { background:#fff; width:100%; padding:1.5rem; margin:.5rem auto; box-shadow:0 0 15px rgba(0,0,0,.15); }
#boxMiddle .boxSecImage .phone .phoneSub div.swiper-slide strong { display:block; font-size:1.2rem; font-weight:500; color:#464646; margin-bottom:.5rem; text-align:left; }
#boxMiddle .boxSecImage .phone .phoneSub div.swiper-slide .flexbox { margin-top:.25rem; font-size:1rem; color:#666; letter-spacing:-1px; }
#boxMiddle .boxSecImage .phone .phoneSub div.swiper-slide .flexbox em { font-style:normal; font-size:1.25rem; font-weight:600; }
#boxMiddle .boxSecImage .phone .phoneSub div.swiper-slide .flexbox .point { color:#1ca199; }
#boxMiddle .boxSecImage .phone .phoneSub div.swiper-slide .gray { background:#1ca199; color:#fff; padding:.25rem 0; margin-top:.75rem; letter-spacing:-1px; }

#boxPhone { position:absolute; left:50%; transform:translateX(-50%); width:1040px; padding:0 1rem 2rem 1rem; overflow:hidden; }
#boxPhone .swiper-pagination { margin:0 auto; width:100%; position:relative; }
#boxPhone .swiper-pagination span { margin:0 2px; width:10px; height:10px; }

.tag { font-size:16px; color:#1ca199; margin-top:2rem; }
.tag span { display:inline-block; background:#1ca199; color:#fff; line-height:40px; height:40px; padding:0 1.25rem; margin:.35rem; }

.boxSec { overflow:hidden; }
.boxSec .boxSecTxt > span { font-size:24px; color:#1ca199; font-weight:500; margin-bottom:2rem; display:block; }
.boxSec .boxSecTxt strong { font-size:54px; letter-spacing:-3px; color:#444; font-weight:600; display:block; line-height:135%; }
.boxSec .boxSecTxt strong.point { color:#1ca199; }
.boxSec .boxSecTxt p { display:block; font-size:20px; line-height:160%; letter-spacing:-1px; }
.boxSec .boxSecTxt ul { padding:0; margin:0; }
.boxSec .boxSecTxt ul li { display:block; font-size:20px; line-height:180%; letter-spacing:-1px; padding:0; }
.boxSec .boxSecTxt .mgt { margin-top:1.5rem; }
.boxSec .contain { width:1200px; }

#boxSec1 { background:#fff; padding:200px 0 0 0; }
#boxSec1 .boxSecImage { height:100%; position:relative; }
#boxSec1 .boxSecImage .phone { position:relative; margin-top:-40px; background:#1ca199; border:8px solid #fff; border-bottom:0; border-radius:2.5rem 2.5rem 0 0; width:360px; height:580px; box-shadow:0 0 15px rgba(40,80,200,0.15); }
#boxSec1 .boxSecImage .phone > span { display:block; width:25%; height:8px; background:#fff; margin:2rem auto; }
#boxSec1 .boxSecImage .phone .phoneSub > div { background:#fff; width:82%; padding:1.5rem; margin:.75rem auto; }
#boxSec1 .boxSecImage .phone .phoneSub > div strong { display:block; font-size:1.2rem; font-weight:500; color:#464646; margin-bottom:.5rem; }
#boxSec1 .boxSecImage .phone .phoneSub > div .flexbox { margin-top:.25rem; font-size:1rem; color:#666; letter-spacing:-1px; }
#boxSec1 .boxSecImage .phone .phoneSub > div .flexbox em { font-style:normal; font-size:1.25rem; font-weight:600; }
#boxSec1 .boxSecImage .phone .phoneSub > div .flexbox .point { color:#1ca199; }
#boxSec1 .boxSecImage .phone .phoneSub > div .gray { background:#1ca199; color:#fff; padding:.25rem 0; margin-top:.75rem; }
#boxSec1 .boxSecImage img { position:absolute; bottom:10px; left:0; margin-left:-350px; z-index:100; }
#boxSec2 { background:#f7f7f7; padding:200px 0; }
#boxSec2 .boxSecTxt,
#boxSec2 .boxSecImage { width:50%; }
#boxSec2 .boxSecImage .boxNotice { width:340px; background:#e6e6e6; overflow:hidden; padding:2px; margin:0 auto; }
#boxSec2 .boxSecImage .boxNotice strong { padding:1rem 2rem; text-align:left; font-weight:400; display:block; }
#boxSec2 .boxSecImage .boxNotice strong b { font-weight:500; }
#boxSec2 .boxSecImage .boxNotice strong span { color:#e73846; display:block; margin-top:3px; }
#boxSec2 .boxSecImage .boxNotice p { background:#fff; display:block; padding:1.5rem; text-align:center; }
#boxSec2 .boxSecImage .boxNotice p img { display:block; margin:0 auto 2rem auto; zoom:40%; }
#boxSec2 .boxSecTxt strong span { color:#1ca199; }

#boxBiz { background:url('../img/businessman2.png') no-repeat center center; background-size:auto 100%; width:50%; height:700px; margin:0 auto; }
#boxBiz .boxSecTxt { text-align:center; width:100%; }
#boxBiz .boxSecTxt strong { display:block; color:#ffffff;}
#boxBiz .boxSecTxt strong.point { color:#1ca199; }
#boxBiz .boxSecTxt p { color:rgba(255, 255, 255, 0.91); }

#boxSec4 { background:#fff; padding:200px 0; }
#boxSec4 .boxSecTxt { width:50%; }
#boxSec4 .boxSecTxt strong,
#boxSec4 .boxSecTxt p { display:block; color:#444; }
#boxSec4 .boxSecTxt strong.point { color:#1ca199; }

#boxSec5 { background:#f5f5f5; padding:200px 0; }
#boxSec5 .boxSecTxt strong.point { display:block; color:#1ca199; }
#boxSec5 .boxSecImage { width:50%; }
#boxSec5 .boxSecImage img { display:block; margin:0 auto; }
#boxSec5 .tag span { background:#1ca199; }

#boxSec6 { background:#fff; padding:200px 0; }
#boxSec6 .boxSecImage { width:50%; background:rgba(20,143,238,.15); position:relative; }
#boxSec6 .boxSecImage img { width:85%; margin:3rem auto 0 auto; display:block; }
#boxSec6 .flexbox_stretch { margin-top:120px; }
#boxSec6 .flexbox_stretch div.radius16 { width:24%; font-size:18px; background-color:#f5f5f5; color:#444; height:320px; }
#boxSec6 .flexbox_stretch div.radius16 img { margin-bottom:1rem; }
#boxSec6 .flexbox_stretch div.radius16 div { width:100%; text-align:center; color:#444; }
#boxSec6 .flexbox_stretch div.radius16 div.txt { margin-bottom:1rem; }
#boxSec6 .flexbox_stretch div.radius16 div strong { font-size:44px; font-weight:bold; color:#1ca199; }
#boxSec6 .flexbox_stretch div.radius16 div span { font-weight:normal; font-size:18px; color:#444; }

#boxSec7 { background:#fff; padding:200px 0; }
#boxSec7 .boxSecTxt { width:45%; }
#boxSec7 .boxSecTxt strong.point { display:block; color:#1ca199; }
#boxSec7 .boxSecImage { width:45%; background:rgba(20,143,238,.15); overflow:hidden; }
#boxSec7 .boxSecImage img { display:block; margin:0 auto; position:relative; bottom:-3.5rem; }
#boxSec7 .tag span { background:#1ca199; }

#boxSec8 { background:#f5f3f3; padding:200px 0; }
#boxSec8 .boxSecTxt,
#boxSec8 .boxSecTxt strong { color:#000; }
#boxSec8 .boxSecTxt strong.point { display:block; color:#1ca199; }
#boxSec8 .boxSecImage { width:50%; background:#1ca199; }
#boxSec8 .boxSecImage img { display:block; margin:0 auto; }
#boxSec8 .tag span { background:#1ca199; }

#boxForm { overflow:hidden; background:#e8ebf2; width:360px; box-shadow:0 0 10px rgba(0,0,0,0.25); padding:8px; margin:0 auto; position:relative; }
#boxForm .popclose { position:absolute; top:1.5rem; right:1.5rem; z-index:1000; color:#555; font-size:1.5rem; }
#boxForm .bpxFormTxt { margin-top:1.5rem; text-align:center; margin-bottom:1rem;}
#boxForm .bpxFormTxt strong { display:block; font-weight:600; color:#444; font-size:34px; letter-spacing:-2px; line-height:125%; }
#boxForm .bpxFormTxt strong span { display:block; color:#1ca199; }
#boxForm .bpxFormTxt p { display:block; font-size:18px; color:#333; margin-top:.5rem; letter-spacing:-1px; text-align:center; }
#boxForm .txtBottom { display:block; font-size:16px; color:#333; margin-top:.5rem; letter-spacing:-1px; text-align:center; }
#boxForm .boxFormBtn { margin-top:.5rem; }
#boxForm .boxFormBtn button { border:0; width:49%; line-height:3rem; height:3rem; margin-top:.5rem; font-size:.9rem; }
#boxForm .boxFormBtn button.btn1 { background:#dc4430; color:#fff; }
#boxForm .boxFormBtn button.btn2 { background:#18a79e; color:#fff; }
#boxForm .inPhone { background:#fff; padding:0 1.5rem 1.5rem 1.5rem; }
#boxForm .inPhone .inPhoneTop { display:block; width:50%; background:#e8ebf2; border-radius:0 0 1.5rem 1.5rem; margin:0 auto; padding:.75rem 0 .75rem 0; }
#boxForm .inPhone .inPhoneTop > span { display:block; width:70%; height:8px; background:#fff; margin:0 auto; }

#boxForm form { display:block; }
#boxForm form .btnSubmit { margin:1rem auto; width:100%; color:#fff; background:#1ca199; font-size:1rem; height:3rem; line-height:3rem; font-weight:normal; border:0; }
#boxForm form input[type=text],
#boxForm form input[type=number],
#boxForm form select { margin-top:.5rem; font-size:1rem; height:3rem; line-height:3rem; padding:0 1rem; display:block; width:100%; border:1px solid #ddd; }
#boxForm form .telbox select,
#boxForm form .telbox input[type=number] { width:32%; }
#boxForm label { display:block; color:#444; margin:1rem 0 0 0; padding:.15rem 0rem 0rem 1.5rem; font-size:.9rem; text-align:left; }
#boxForm label a { color:#444; }
#boxForm .magic-radio + label:before, 
#boxForm .magic-checkbox + label:before { top:5px; }
#boxForm .magic-checkbox + label:after { top:7px; }
#boxForm * {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
}

#boxBottom { background:rgba(6, 227, 209, 0.15); border-top:1px solid #464646; }
#boxBottom .contain { text-align:center; line-height:100%; }
#boxBottom .contain > div { display:block; font-size:14px; font-weight:400; line-height:60px; margin-right:50px; }
#boxBottom .contain > div:last-child { margin-right:0; }
#boxBottom .contain > div strong { font-weight:500; color:#1ca199; font-size:18px; }

#boxNotice { padding:40px 0; text-align:left; border-top:1px solid #ddd; }
#boxNotice .contain { padding:0; color:#444; line-height:180%; font-size:.9rem; }
#boxNotice .contain strong { display:block; color:#1ca199; }

#boxCopy { padding:40px 0 240px 0; background:#f7f7f7; color:#828282; text-align:center; line-height:180%; font-size:.9rem; }
#boxCopy .flexbox { margin-bottom:1rem; }
#boxCopy .flexbox a,
#boxCopy .flexbox span { display:block; margin:0 25px; color:#828282; }
#boxCopy .flexbox span { width:1px; height:15px; background:#ddd; }

#boxProContent { padding:60px 0; font-family:'SCoreDream'; }
#boxProContent .title { text-align:center; font-size:36px; font-weight:500; letter-spacing:-1px; line-height:120%; margin-bottom:50px; }
#boxProContent .boxTable { display:table; border-spacing:0; border-collapse:collapse; width:100%; }
#boxProContent .boxTable dl { display:table-row; }
#boxProContent .boxTable dl dt,
#boxProContent .boxTable dl dd { display:table-cell; padding:40px 20px; text-align:left; font-size:16px; border-bottom:1px solid #ddd; line-height:160%; }
#boxProContent .boxTable dl:last-child dt,
#boxProContent .boxTable dl:last-child dd { border-bottom:0; }
#boxProContent .boxTable dl dt { color:#1ca199; font-size:18px; }
#boxProContent .boxTable dl dt span { display:inline-block; width:4px; height:17px; background:#1ca199; margin-right:.75rem; position:relative; top:2px; }
#boxProContent .boxTable dl dt { width:240px; }
#boxProContent .boxTable dl dd { color:#666; }

#boxLink { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0; background:#f1f1f1; }
#boxLink img { max-height:40px; }

#boxNav { background:#efefef; height:60px; position:fixed; width:100%; left:0; }
#boxNav .home { background:#1ca199; color:#fff; display:block; width:60px; height:60px; line-height:60px; text-align:center; font-size:1.5rem; }
#boxNav .nav { position:relative; padding:0 1.5rem; height:60px; line-height:60px; min-width:220px; border-right:1px solid #cdcdcd; cursor:pointer; }
#boxNav .nav:last-child { min-width:260px; }
#boxNav .nav i { float:right; height:60px; line-height:60px; }
#boxNav .nav .boxNavSub { position:absolute; display:none; z-index:100; left:0; top:0; background:#fff; }
#boxNav .nav:hover > .boxNavSub { display:block; border:1px solid #004592; width:100%; }
#boxNav .nav:hover > .boxNavSub strong,
#boxNav .nav:hover > .boxNavSub a { display:block; width:100%; padding:0 1.5rem; line-height:50px; height:50px; color:#444; }
#boxNav .nav:hover > .boxNavSub a:hover,
#boxNav .nav:hover > .boxNavSub a.on { background:#1ca199; color:#fff; }
#boxNav .nav:hover > .boxNavSub strong { color:#1ca199; line-height:60px; height:60px; font-weight:normal; }
#boxNav .nav:hover > .boxNavSub strong i { color:#1ca199; }

#boxSubtitle { text-align:center; padding:120px 0 60px 0; color:#444; display:block; }
#boxSubtitle strong { font-size:44px; display:block; font-weight:300; letter-spacing:-3px; margin-bottom:.5rem; }
#boxSubtitle p { font-size:18px; display:block; color:#888; }
#boxSubtitle .boxTagSub { display:block; margin-top:.75rem; text-align:left; }
#boxSubtitle .boxTagSub span { display:inline-block; font-size:.8rem; background:#1ca199; color:#fff; line-height:2.4rem; height:2.4rem; padding:0 1rem; margin:.5rem .3rem 0 0; }

.animate__delay-05s { animation-delay: 0.5s; }
.animate__delay-1s { animation-delay: 1s; }
.animate__delay-15s { animation-delay: 1.5s; }
.animate__delay-2s { animation-delay: 2s; }
.animate__delay-25s { animation-delay: 2.5s; }
.animate__delay-3s { animation-delay: 3s; }
.animate__delay-35s { animation-delay: 3.5s; }
.animate__delay-4s { animation-delay: 4s; }
.animate__delay-45s { animation-delay: 4.5s; }

#boxDetail { padding:120px 0; background:#fff; }
#boxDetail .contain { padding:0 50px; }
#boxDetail .contain .tit { color:#1ca199; font-weight:500; font-size:24px; margin-bottom:2rem; }
#boxDetail .contain .tit span { display:inline-block; width:5px; height:20px; }
#boxDetail .contain .con { background:#f9f9f9; margin-bottom:2rem; padding:2rem; }
#boxDetail .table { display:table; border-top:3px solid #1ca199; width:100%; border-spacing:0; border-collapse:collapse; }
#boxDetail .table dl { display:table-row; border-bottom:1px solid #ccc; }
#boxDetail .table dl dt { display:table-cell; background:#f2faff; color:#1ca199; padding:1.5rem 2rem; text-align:left; line-height:160%; width:200px; }
#boxDetail .table dl dd { display:table-cell; padding:1.5rem; text-align:left; color:#444; line-height:160%; }
#boxDetail .table dl dd span.red { color:#ff0000; }
#boxDetail .table dl dd span.blue { color:#1ca199; }

#boxCommon dl { display:block; border-bottom:1px solid #ccc; }
#boxCommon dl dt { display:block; color:#1ca199; font-weight:500; font-size:24px; padding:1.5rem 2rem; text-align:left; line-height:44px; cursor:pointer; }
#boxCommon dl dt i { float:right; line-height:44px; color:#1ca199; }
#boxCommon dl dt i.fa-chevron-down { color:#444; }
#boxCommon dl dd { display:none; color:#444; font-weight:400; font-size:16px; padding:0 2rem 1.5rem 2rem; text-align:left; line-height:160%; }
#boxCommon dl dd.on { display:block; }
#boxCommon dl dd div { margin-bottom:1rem; }

#boxReview { background:rgba(20,143,238,.05); padding:120px 0; overflow:hidden; position:relative; }
#boxReview .tit { text-align:center; font-size:44px; margin-bottom:3rem; }
#boxReview .tit span { color:#1ca199; font-weight:700; }
#boxReview .swiper-slide { width:440px; background:#fff; padding:40px; box-shadow:0 0 10px rgba(20,143,238,.15); }
#boxReview .swiper-slide .star { margin-bottom:1rem; }
#boxReview .swiper-slide .star span { display:block; width:4rem; height:4rem; margin-right:1rem; }
#boxReview .swiper-slide .star strong { display:block; font-weight:500; margin-top:.25rem; }
#boxReview .swiper-slide .star .star1 { color:#1ca199; }
#boxReview .swiper-slide .star .star2 { color:#1ca199; }
#boxReview .swiper-slide .star .name { display:block; color:#666; font-size:1rem; }
#boxReview .swiper-slide .content { width:100%; display:block; font-size:1rem; color:#666; height:8.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; }
#boxReview .swiper-slide .content strong { display:block; margin:0 auto 1rem auto; color:#333; font-weight:500; }
#boxReview .swiper-slide .tag { height:95px; margin-top:1rem; }
#boxReview .swiper-slide .tag span { background:#1ca199; color:#fff; display:block; margin-right:.25rem; margin-bottom:.25rem; font-size:.8rem; }


#boxFormFixed { position:fixed; z-index:1000; bottom:0; left:0; width:100%; padding:1.5rem 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }
#boxFormFixed .boxFormFixedLine { display:block; width:1px; height:150px; background:#eee; }
#boxFormFixed .boxFormFixed1 { width:35%; }
#boxFormFixed .boxFormFixed2 { width:60%; }
#boxFormFixed .boxFormFixedSub .inp { margin-bottom:.5rem; width:100%; }
#boxFormFixed .boxFormFixedSub .txt { margin-bottom:1rem; }
#boxFormFixed .boxFormFixedSub .txt strong { display:block; color:#1ca199; font-size:1.2rem; font-weight:500; margin-bottom:.25rem; letter-spacing:-1px; }
#boxFormFixed .boxFormFixedSub .txt strong i { margin-right:.5rem; }
#boxFormFixed .boxFormFixedSub .txt span { display:block; font-size:.9rem; color:#888; }
#boxFormFixed .boxFormFixedSub .btnSubmit { background:linear-gradient(135deg, #40cbc1, #1ca199); color:#fff; font-size:1rem; line-height:2.6rem; height:2.6rem; padding:0 1rem; border:0; -webkit-border-radius:2rem; -moz-border-radius:2rem; -ms-border-radius:2rem; -o-border-radius:2rem; border-radius:2rem; width:150px; }
#boxFormFixed .boxFormFixedSub input[type='text'],
#boxFormFixed .boxFormFixedSub input[type='number'],
#boxFormFixed .boxFormFixedSub select { border:1px solid #ddd; width:32%; margin-left:.5rem; font-size:1rem; line-height:3rem; height:3rem; padding:0 1rem; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
#boxFormFixed .boxFormFixedSub .telbox { margin-left:.5rem; }
#boxFormFixed .boxFormFixedSub .telbox input[type='number'],
#boxFormFixed .boxFormFixedSub .telbox select { width:32%; margin-left:0; }
#boxFormFixed .boxFormFixed1 .name { width:30%; margin-left:0 !important; }
#boxFormFixed .boxFormFixed1 .telbox { width:69%; }
#boxFormFixed .boxFormFixed2 .name { width:25%; margin-left:0 !important; }
#boxFormFixed .boxFormFixed2 .telbox { width:49%; }
#boxFormFixed .boxFormFixed2 .product { width:24%; }
#boxFormFixed .boxFormFixed2 .carnum { display:none; }
#boxFormFixed .boxFormFixed2.chk .name { max-width:120px; margin-left:0 !important; }
#boxFormFixed .boxFormFixed2.chk .telbox { min-width:280px; }
#boxFormFixed .boxFormFixed2.chk .product { min-width:150px; }
#boxFormFixed .boxFormFixed2.chk .carnum { max-width:120px; display:block; }
.wbox{color:#1ca199;}