.inbox{margin:0 auto;}
img{width:100%;}
.sub_wrap{background-color:#f7f6f3;margin: 0 !important;}

.sub_head{ }
.sub_head .inbox{ }
.sub_head h3{color:#ff661c; font-weight:bold} 
.sub_head h3 em{display:inline-block; opacity:0.3; color:#bdb6b3}

[data-aos^=tit][data-aos^=tit].aos-animate em{opacity:1; color:#ff661c; }

 
.sub_menu{position:relative;} 
.sub_menu .on{color:#ff661c;} 
.sub_menu>a,.sub_menu>span{display:inline-block;color:#bdb6b3;font-weight:500;vertical-align:middle;line-height: 1.5em;} 

.navi{position:absolute; right:0;bottom:0;}
.navi a,.navi,.navi span{display:inline-block; color:#bdb6b3;vertical-align:middle}
.navi span{vertical-align:top;}
.navi em{color:#210b00; font-weight:400}

.text,.text2{color:#210b00; font-weight:300; line-height:1.4em}

.pc,.tab,.mb{display:none;}
/***/
.intro01-sec-1{}
.intro01-sec-1 p{line-height:1.8em;}
.sign{text-align:center;}
.sign img{}

.intro02-sec-1{}
.intro02-sec-1 li{display:table; float:left; background-color:#fff;}
.intro02-sec-1 li div{display:table-cell; text-align:center; vertical-align:middle}
.intro02-sec-1 h6{color:#ff661c; font-weight:900;}
.intro02-sec-1 p{color:#2d2623; text-align:center; line-height:1.5em}


.intro02-sec-2{}
.slogan{position:relative; margin:0 auto;border-radius:50%}
.slogan_box{ border-radius:50%; height:100%; background:url(/images/intro/slogan_logo.png) no-repeat 50% #fff;} 
.slogan>div>div{position:absolute;}
 
.slogan h6{color:#ff661c; font-weight:900}
.slogan p{color:#2d2623;font-weight:300;line-height: 1.4em;}
.circle{position:absolute; border-radius:50%; z-index:2; background-color: #ff661c;}

.circle span,.circle:after,.circle:before {
 background-color: #ff661c;
  content: "";width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; right: 0; transform: scale(0.5);
  transform-origin: center center;
  animation: pulse-me 0.7s linear infinite;
  z-index:-1
}
 
.circle .p2 {animation-delay: 1.2s;}
.circle .p3 {animation-delay: 0.9s;}
@keyframes pulse-me {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1.2);
    opacity: 0.1;
  }
}



.mapbox{}
.mapbox>div{float:left;}
.mapbox .info{background-color:#ff661c;}
.mapbox li{color:#fff;font-weight:600;line-height:1.5em;word-break: keep-all;}
.mapbox li em{line-height:1em;display: block;}
.info1{background: url(/images/intro/map_icon1.png) no-repeat 5% 0;}
.info2{margin-bottom:0 !important; background: url(/images/intro/map_icon2.png) no-repeat 5% 0;}


.sub_title{}
.sub_title .inbox{display:table;}
.sub_title .inbox div{display:table-cell; vertical-align:middle}
.sub_title .inbox h5{color:#ff661c;font-weight:900;text-align: center;}
.sub_title .inbox p{color:#fff; font-weight:300; line-height:1.5em; text-align:center;}
.sub_title .inbox p a{color:#fff;  }

.sub_tit{color:#312a28; font-weight:900;}



.comm-sec-1{}

.comm-sec-1 li{position:relative;background: #fff;border-radius: 50%;}
.comm-sec-1 li .step_wrap{position: relative;vertical-align:middle;z-index: 1;}
.comm-sec-1 li .circle_wrap{position:absolute; top:0; left:0; width:100%; height:100%;}
.comm-sec-1 li canvas{width:100% !important; height:100% !important;}
.comm-sec-1 li h6{color:#ff661c;font-weight:900;text-align: center;}
.comm-sec-1 li p{color:#210b00;font-weight:300;text-align: center;line-height: 1.3em;}
 
.channel li{display:table; float:left; background-color:#fff;}
.channel li div{display:table-cell; vertical-align:middle}
.channel li div img{display:block;}
.channel li *{color:#210b00;text-align: center;}
.channel li strong{display:block; font-weight:900}
.channel li em{font-weight:500; line-height:1.4em}
.channel li p{font-weight:300; line-height:1.4em}
.channel li a{display:block; background-color:#ded7c0; font-weight:300; text-align:center; border-radius:50%}



.sub_tit2{color:#210b00; font-weight:900;}
.sub_tit2 em{display:inline-block}



 .cc_box{display:block;border:1px solid #ff661c;background-color:#fff;color:#ff661c;font-weight:bold;text-align: center;transform: rotate(-15deg);}

 
 
 .gall_list{}
.gall_list li{float:left;text-align:center;position: relative;}
.gall_list li .gall_chk{position:absolute; top:1%; left:1%; z-index:10;}
.gall_list li>a{position:relative;display:block;background: #fff; border-radius:20px; overflow:hidden}
.gall_list li>a:hover img{transform:scale(1.1);}
.gall_list li>a img{
    width: 100%;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 2.6s cubic-bezier(.19,1,.22,1);
}
.gall_list li>a span{position:absolute;display: flex;border-radius:50%;color:#fff;background-color:#ff661c;text-align:center;right:2%;bottom:2%;font-weight:600;word-break: keep-all;align-content: center;justify-content: center;flex-wrap: wrap;line-height: 1.2em;}
.gall_list li h6 a{color:#210b00;font-weight:600;word-break: keep-all;line-height: 1.3em;}
.gall_list li p{color:#7c7c7c; font-weight:300;}
.gall_list .buy{position:relative; display:block; background-color:#2d2623; color:#fff; text-align:left;}
.gall_list .buy i{position:absolute; top:50%; color:#fff;}

 
.cate{display:inline-block;text-align: center;vertical-align: middle;}

.cate1{ color:#fff; background-color:#ff661c;}
.cate2{background-color: #ded7c0 !important;color: #38281f !important;}
.cate3{background-color:#2d2623!important;  color:#fff !important;}
 

.gall_tab{text-align:center;}
.gall_tab a{position:relative; display:inline-block; vertical-align:middle; background-color:#ded7c0; color:#fff; font-weight:600; text-align:center; cursor:pointer}
.gall_tab a i{display:none}
.gall_tab a.on{background-color:#ff661c;}
.gall_tab a.on i{position:absolute;color:#fff;display: block;}
 


.gall_tab2{text-align:center;}
.gall_tab2 a{position:relative; display:inline-block; vertical-align:middle; background-color:#ded7c0; color:#fff; font-weight:600; text-align:center; cursor:pointer}
.gall_tab2 a i{display:none}
.gall_tab2 a.on{background-color:#ff661c;}
.gall_tab2 a.on i{position:absolute;color:#fff;display: block;}
 


 
.apply_write{}
.apply_write li{background:0;}
.apply_write table{width:100%; text-align:center;border-collapse:collapse;}
.apply_write .info_table td{border:1px solid #bfbfbf;}
.apply_write .info_table th{background-color:#eee; border:1px solid #bfbfbf; color:#444}
.apply_write li input[type=text]{width:90%;}
.apply_write li input[type=checkbox]{width:20px !important; height:20px;}
.apply_write textarea{font-family:'Nanum Gothic', sans-serif; overflow-y:scroll !important; }
.apply_write li div{margin-top:20px;text-align:center;}
.apply_write li div label{display:inline-block; vertical-align:middle; margin:0 10px;}
.btn_confirm{margin-top:50px;}
.apply_write .phone input[type=text]{max-width:90px; width:27% !important;}
.phone select{max-width:92px; width:30%;}


.apply_write .required {background:#fff !important;}
.apply_write{
 padding-bottom:30px;
 border-bottom:1px solid #d8d8d8;
 margin-bottom:30px;
 margin:0 auto;
 }
.apply_write h3{display:inline-block; padding-bottom:10px; border-bottom:3px solid #fc5c20;}
.apply_write h3,.apply_write h4{color:#121212; font-weight:bold; line-height:1em !important;}

.apply_write th,.apply_write td{padding:8px 0;}
.apply_write th{color:#121212;  font-weight:bold; text-align:left;}

.apply_write input,.apply_write select{border:1px solid #bfbfbf; border-radius:5px;}

.apply_write input{padding-left:3%;}

.phone {color:#121212; font-weight:bold; font-size:15px;}
.phone input,.phone select{ box-sizing:border-box;}



.video{position:relative;overflow:hidden;}
.video:after{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; content:''}
.video.v2:after{display:none}
.video iframe{position:absolute;}

 
@media (min-width:1300px) {



.sub_wrap{padding-bottom:200px}
 
.sub_head .inbox{padding:150px 0;}
.sub_head h3 em{font-size:70px;}
 .sub_head h3 {margin-bottom:50px;}
.sub_menu>a{font-size: 23px;}
.sub_menu>span{font-size:10px;margin: 0 1.7%;}
 

.navi a,.navi,.navi span{font-size:15px;bottom: 300%;}
.navi span{margin:0 20px;}

.text{font-size:22px}
.text2{font-size:18px}



 
.intro01-sec-1 p img{margin-bottom:60px}
.intro01-sec-1 .t_logo{width: 72px;margin: 0;}
.sign {margin-top:80px;}
.sign img{width:auto;margin-bottom: 20px;}


.intro02-sec-1 ul{margin: 0 -1.1%;}
.intro02-sec-1 li{width: 31%;height:390px;margin: 0 1.1%;border-radius: 30px;}
.intro02-sec-1 li img{width:auto}
.intro02-sec-1 h6{margin:30px 0; font-size:25px;}
.intro02-sec-1 p{font-size:25px;}


.s1{background: url(/images/intro/line1.png) no-repeat 103% 16%;}
.s2{background: url(/images/intro/line2.png) no-repeat 0% 62%;}
.s3{background: url(/images/intro/line3.png) no-repeat 103% -16%;}
.s4{background: url(/images/intro/line4.png) no-repeat -1% -3%;}


.intro02-sec-2{margin-top:200px}
.slogan{width:23vw; height:23vw; border:1px solid #ff661c; padding:14px;}
.slogan_box{border:6px solid #ff661c;background-size: 15.6vw auto;}
.slogan h6{font-size: 1.8vw;margin-bottom:20px;}
.slogan p{font-size: 1.1vw;}
.circle{width: 3.9%;height: 3.9% !important;border: 0 !important;}
.slogan_box>div{width: 110%;background-size: 5.35vw auto;}
.s1{top:15.5%;right: 97%;padding-right: 26%;}
.s2{top: 14%;left: 96%;padding-left: 26%;}
.s3{top: 71.8%;right: 97%;padding-right: 26%;padding-top: 5%;}
.s4{top: 70.8%;left: 96%;padding-left: 26%;padding-top: 5%;}
 

.c1{top:27%;left: 1.8%;}
.c2{top:27%;right: 1.8%;}
.c3{bottom:27%;left: 1.8%;}
.c4{bottom:27%;right: 1.8%;}



.mapbox>div{height:600px;}
.map{width:71%;}
.info{width:29%; padding:175px 5.5% 0;}
.info h3{margin-bottom:50px;}
.mapbox li{padding-left: 26%;background-size:33px auto}
.mapbox li.info1{ font-size:20px; margin-bottom:40px}
.mapbox li.info2{ font-size:35px;}




 
 
.sub_title .inbox {height:400px} 
.sub_title .inbox>div{display:table-cell; vertical-align:middle;}
.sub_title .inbox h5{font-size:50px; margin-bottom:35px;}
.sub_title .inbox p{font-size:22px;}
 
 
.sub_tit{font-size:40px;}


 
.comm-sec-1{padding:100px 0}
.comm-sec-1 ul{margin: 0 -0.9vw;}
.comm-sec-1 li{float:left;display:table; width:12.5vw;height:12.5vw;margin: 0 0.9vw;}
 .comm-sec-1 li .step_wrap{display:table-cell;}
.comm-sec-1 li h6{font-size:20px; margin-bottom:25px}
.comm-sec-1 li p{font-size:22px;}
 
 

.channel{margin-top:50px;}
.channel ul{margin: 0 -1.1vw;}
.channel li{width:21.75vw;margin: 0 1.1vw;border-radius:25px;height: 250px;}
.channel li img{width:auto; margin:0 auto 24px}

.channel li strong{font-size:30px; margin:22px 0 15px;}
.channel li p{font-size:18px; }
.channel li em{font-size:25px; }
.channel li a{margin:10px auto 0; width:35px; height:35px; line-height:35px; font-size:20px;}

.sub_tit2{font-size:58px; margin-bottom:50px;}


 .cc_box{width: 9vw;height: 5vw;line-height: 5vw;border-radius: 50%;font-size: 1.5vw;}
 
 
 
.gall_tab {margin-bottom: 100px !important;}
.gall_tab a{width:180px;height:85px;line-height:85px;font-size:30px;border-radius:43px;margin-right: 10px;}
.gall_tab a.on i{top:11px;right:35px;font-size: 10px;}
 
.gall_list ul{margin:0 -2%;}
.gall_list li{width:21%; margin:0 2% 4%;}
.gall_list li h6{margin:15px 0 10px;}
.gall_list li h6 a{font-size: 23px;}
.gall_list li p{font-size:18px; line-height:1.2em; height:2.4em}
.gall_list li .buy{width:150px; height:40px; line-height:40px; font-size:18px; padding-left:20px; border-radius:10px; margin:15px auto 0;}
.gall_list li .buy i{font-size:15px; right:18px; margin-top:-7px}
.gall_list li>a span{width:80px;height:80px;font-size: 19px;}

.cate{height:40px;line-height:40px;font-size:18px;border-radius:10px;margin-right:5px;padding: 0 1%;}


.gall_tab2 {margin-bottom: 100px;}
.gall_tab2 a{width: 120px;height: 60px;line-height: 60px;font-size: 20px;border-radius:43px}
 
 
 
.apply_write {
    width: 80%;
    margin: 0 auto;
}
.apply_write h3{margin-bottom:30px;}
.apply_write h3,.apply_write h4{font-size:25px;}

.apply_write th, .submit_area input, .apply_write td input{font-size:20px;}

.apply_write input,.apply_write select{height:42px;}
.apply_write input{width:315px;}
.input1 select,.input2 select{width:315px;}

.view_page.apply_write th{width:150px;}
.view_page.apply_write td{width:362px;}

.phone input,.phone select{width:102px; }

 
 
 
.customer .sub_title>div{background:url(/images/community/pc/consult.png) no-repeat 50%;}
.faq .sub_title>div{background:url(/images/community/pc/faq.png) no-repeat 50%;}
.story .sub_title>div{background:url(/images/community/pc/story.png) no-repeat 50%;}
}
 
@media (min-width:640px){

}
@media (min-width: 640px) and (max-width: 1299px){

 

.sub_wrap{padding-bottom:17vw}
 
.sub_head .inbox{padding:16vw 0;}
.sub_head h3 em{font-size:5.8vw;}
 .sub_head h3{margin-bottom:4vw;}
.sub_menu>a{font-size:2vw;}
.sub_menu>span{font-size:1vw; margin:0 2vw;}
 
 
.text{font-size:1.8vw}
.text2{font-size:1.8vw}


.intro01-sec-1 p img{margin-bottom:7vw}
 .intro01-sec-1 .t_logo{width: 6vw;margin: 0;}
.sign {margin-top:6vw;}
.sign img{width:11.2vw;margin-bottom: 1vw;}


.intro02-sec-1 ul{margin: 0 -1.1%;}
.intro02-sec-1 li{width: 31%;height: 32.5vw;margin: 0 1.1%;border-radius: 30px;}
.intro02-sec-1 li img{width: 7.2vw;}
.intro02-sec-1 h6{margin: 3vw 0;font-size: 2vw;}
.intro02-sec-1 p{font-size: 2vw;}


.s1{background: url(/images/intro/line1.png) no-repeat 102% 52%;}
.s2{background: url(/images/intro/line2.png) no-repeat -2% 193%;}
.s3{background: url(/images/intro/line3.png) no-repeat 103% 10%;}
.s4{background: url(/images/intro/line4.png) no-repeat -1% 4%;}


.intro02-sec-2{margin-top: 16vw;}
.slogan{width: 38vw;height: 38vw;border:1px solid #ff661c;padding: 1vw;}
.slogan_box{border:6px solid #ff661c;background-size: 26.1vw auto;}
.slogan h6{font-size: 2.5vw;margin-bottom: 1.6vw;}
.slogan p{font-size: 1.6vw;}
.circle{width: 3.9%;height: 3.9% !important;border: 0 !important;}
.slogan_box>div{width: 29vw;background-size: 9vw auto;}
.s1{top:15.5%;right: 97%;padding-right: 4.5vw;}
.s2{top: 16.5%;left: 96%;padding-left: 4.5vw;}
.s3{top: 68.8%;right: 97%;padding-right: 4.5vw;padding-top: 5%;}
.s4{top: 69.8%;left: 96%;padding-left: 4.5vw;padding-top: 5%;}
 

.c1{top: 32%;left: 0.8%;}
.c2{top: 32%;right: 0.8%;}
.c3{bottom:27%;left: 1.8%;}
.c4{bottom:27%;right: 1.8%;}


.mapbox>div{height:50vw;}
.map{width: calc(100% - 30vw);}
.info{width: 30vw;padding: 14.5vw 4vw 0;}
.info h3{margin-bottom:5vw;}
.mapbox li{padding-left: 5vw;background-size:2.5vw auto}
.mapbox li.info1{ font-size:1.6vw; margin-bottom:3.5vw}
.mapbox li.info2{ font-size:2.9vw;}


 
 
.sub_title .inbox {height: 33vw;} 
.sub_title .inbox>div{display:table-cell; vertical-align:middle;}
.sub_title .inbox h5{font-size: 4.1vw;margin-bottom: 3vw;}
.sub_title .inbox p{font-size: 1.8vw;}
 
 
.sub_tit{font-size: 3.3vw;}


 
.comm-sec-1{padding: 7vw 0 16vw;}
.comm-sec-1 ul{text-align: center;}
.comm-sec-1 li{width: 21vw;height: 21vw;margin: 0 4vw;display: inline-block;vertical-align: middle;padding-top: 6vw;}
.comm-sec-1 li h6{font-size: 1.6vw;margin-bottom: 2vw;}
.comm-sec-1 li p{font-size: 1.8vw;}
 
 

.channel{margin-top: 4vw;}
.channel ul{margin: 0 -2.3vw;}
.channel li{width: 27.5vw;margin: 0 2.3vw;border-radius:25px;height: 250px;}
.channel li img{width: 3.3vw;margin: 0 auto 0.5vw;}
.ch3 img{margin: 0 auto 3vw !important;}
.channel li strong{font-size: 2.5vw;margin: 0 0 0.5vw;}
.channel li p{font-size: 1.5vw;}
.channel li em{font-size: 2vw;}
.channel li a{margin: 1vw auto 0;width: 3vw;height: 3vw;line-height: 2.7vw;font-size: 3vw;}


.sub_tit2{font-size:5vw; margin-bottom: 4vw;}

.cc_box{width: 16vw;height: 8.5vw;line-height: 8.5vw;border-radius: 50%;font-size: 2.5vw;}


.gall_tab {margin-bottom: 17vw !important;}
.gall_tab a{width: 15vw;height: 7vw;line-height: 7vw;font-size: 2.5vw;border-radius: 3.5vw;margin-right: 1vw;}
.gall_tab a.on i{top: 1vw;right: 2vw;font-size: 0.5vw;}

.gall_list ul{margin:0 -1.65%;}
.gall_list li{width:30%; margin:0 1.65% 3.3%;}
.gall_list li h6{margin:1vw 0 0.5vw;}
.gall_list li h6 a{font-size:2vw}
.gall_list li p{font-size:1.6vw; line-height:1.2em; height:2.4em}
.gall_list li .buy{width:12.5vw; height:3.5vw; line-height:3.5vw; font-size:1.5vw; padding-left:1.5vw; border-radius:0.5vw; margin:1vw auto 0;}
.gall_list li .buy i{font-size:2vw; right:1vw; margin-top:-1vw}
.gall_list li>a span{width:7vw;height:7vw;/* line-height:7vw; */font-size: 1.7vw;}

.cate{height:3.5vw;line-height:3.5vw;font-size:1.5vw;border-radius:0.5vw;margin-right: 1vw;padding: 0 1%;}


.gall_tab2 {margin-bottom: 17vw;}
.gall_tab2 a{width: 15vw;height: 7vw;line-height: 7vw;font-size: 2.5vw;border-radius: 3.5vw;}
 


.apply_write {
    width: 80%;
    margin: 0 auto 5vw;
}
.apply_write h3{margin-bottom:20px;}
.apply_write h3,.apply_write h4{font-size:17px;}


.apply_write th, .submit_area input, .apply_write td input{font-size:15px;}

.apply_write input,.apply_write select{height:35px;}
.apply_write input{width:75%;}

.view_page.apply_write td{width:100%;}
.phone input,.phone select{width:24%; }


 
.customer .sub_title>div{background:url(/images/community/tab/consult.png) no-repeat 50%;}
.faq .sub_title>div{background:url(/images/community/tab/faq.png) no-repeat 50%;}
.story .sub_title>div{background:url(/images/community/tab/story.png) no-repeat 50%;}
}
@media (max-width:1299px){
.navi{display:none;}
.sub_head h3,.sub_menu{text-align:center;}
}
@media (max-width: 640px){


 

.sub_wrap{padding-bottom:19vw}
 
.sub_head .inbox{padding:20vw 0;}
.sub_head h3 em{font-size:8vw;}
.sub_head h3{margin-bottom:7vw;}
.sub_menu>a{font-size: 3.5vw;}
.sub_menu>span{font-size:1vw;margin: 0 1vw;}
 
 
.text{font-size: 3.5vw;}
.text2{font-size: 3vw;}

 .intro01-sec-1 .t_logo{width: 10vw;margin: 0;}
.intro01-sec-1 p img{margin-bottom:9vw}
.sign {margin-top:8vw;}
.sign img{width:13.4vw;margin-bottom: 2vw;}



.intro02-sec-1 ul{margin: 0 -1.1%;}
.intro02-sec-1 li{position: relative;width: 100%;height: 30vw;margin-bottom: 5vw;border-radius: 2vw;padding-left: 35vw;}
.intro02-sec-1 li div,.intro02-sec-1 li p{text-align:left;}
.intro02-sec-1 li img{width: 8.6vw;position: absolute;left: 12.4vw;top: 50%;transform: translateY(-50%);}
.intro02-sec-1 h6{margin-bottom: 2vw;font-size: 3vw;}
.intro02-sec-1 p{font-size: 3.5vw;}


.s1{background: url(/images/intro/line1.png) no-repeat 97% 14%;}
.s2{background: url(/images/intro/line2.png) no-repeat 1% 29%;}
.s3{background: url(/images/intro/line3.png) no-repeat 100% 2%;}
.s4{background: url(/images/intro/line4.png) no-repeat 2% 3%;}


.intro02-sec-2{margin-top: 32vw;padding-bottom: 25vw;}
.slogan{width: 26vw;height: 26vw;border:1px solid #ff661c;padding: 1vw;}
.slogan_box{border: 3px solid #ff661c;background-size: 18.2vw auto;}
.slogan h6{font-size: 4.5vw;margin-bottom: 1.6vw;background-color: #f7f6f3;}
.s1 h6,.s3 h6{padding-right: 1vw;margin-right: -1vw;}
 .s2 h6,.s4 h6{padding-left: 2vw;margin-left: -2vw;}
.slogan p{font-size: 2.8vw;}
 .slogan p br{display:none;}
.circle{width: 1.7vw;height: 1.7vw !important;border: 0 !important;}
.slogan_box>div{width: 34vw;background-size: 9vw auto;}
.s1{top: -4vw;right: 85%;padding-right: 8vw;}
.s2{top: -4vw;left: 85%;padding-left: 8vw;}
.s3{top: 21.7vw;right: 85%;padding-right: 8vw;padding-top: 3vw;}
.s4{top: 21.7vw;left: 85%;padding-left: 8vw;padding-top: 3vw;}
 

.c1{top: 2.8vw;left: 2.8vw;}
.c2{top: 2.8vw;right: 2.8vw;}
.c3{bottom: 2.8vw;left: 2.8vw;}
.c4{bottom: 2.8vw;right: 2.8vw;}


.mapbox>div{width:100%;}
 .map{height:90vw;}
.info{ padding:5vw 8vw;}
.info h3{margin:0 0 5vw; width:24.4vw}
.mapbox li{padding-left: 5vw;background-size:4vw auto; background-position:0 0 !important}
.mapbox li.info1{ font-size:4vw; margin-bottom:3.5vw}
.mapbox li.info1 br{display: none}
.mapbox li.info2{ font-size:6vw;}
.mapbox li.info2 em{line-height: 0.8em;}



 
 
.sub_title .inbox {height: 50vw;} 
.sub_title .inbox>div{display:table-cell; vertical-align:middle;}
.sub_title .inbox h5{font-size: 7vw;margin-bottom: 3.5vw;}
.sub_title .inbox p{font-size: 3vw;}
 
 
.sub_tit{font-size: 5vw;}


 
.comm-sec-1{padding: 10vw 0 19vw;}
.comm-sec-1 ul{margin: 0 -1.1vw;text-align: center;}
.comm-sec-1 li{width: 27.5vw;height: 27.5vw;margin: 0 1.1vw;display: inline-block;padding-top: 7vw;}
.comm-sec-1 li h6{font-size: 2.2vw;margin-bottom: 2.5vw;}
.comm-sec-1 li p{font-size: 3.5vw;}
 
 

.channel{margin-top: 8vw;}
.channel ul{margin: 0 -1.1vw;}
.channel li{width: 100%;margin: 0 1.1vw;border-radius:25px;height: 30vw;margin-bottom: 3vw;}
.channel li img{width: 4vw;margin: 0 auto 2vw;}
.ch3{margin-bottom:0;}
.channel li strong{font-size: 5vw;margin: 0 0 1vw;}
.channel li p{font-size: 3vw;}
.channel li em{font-size: 4vw;}
.channel li a{margin: 1vw auto 0;width: 6vw;height: 6vw;line-height: 5.5vw;font-size: 5vw;}



.sub_tit2{font-size:7vw; line-height:1.5em; margin-bottom:7vw;}


.cc_box{width: 20vw;height: 10vw;line-height: 10vw;border-radius: 50%;font-size: 4vw;}


.gall_tab{margin-bottom: 20vw !important;text-align: center;}
.gall_tab a{width: 23%;height: 10vw;font-size: 3.2vw;line-height: 10vw;margin-right: 2vw;border-radius: 5vw;vertical-align: middle;}
.gall_tab a.on i{top: 1vw;right: 3vw;font-size: 1vw;}

 
 .gall_list ul{margin:0 -2.5%;}
.gall_list li{width:45%;margin: 0 2.5% 10%;}
.gall_list li h6{margin:2vw 0 1vw;}
.gall_list li h6 a{font-size:4vw}
.gall_list li p{font-size:3vw; line-height:1.2em; height:2.4em}
.gall_list li .buy{width:25vw; height:8vw; line-height:8vw; font-size:3vw; padding-left:3vw; border-radius:1vw; margin:4vw auto 0;}
.gall_list li .buy i{font-size:4vw; right:2vw; margin-top:-2vw}
.gall_list li>a span{width:12vw;height:12vw;font-size: 2.8vw;}

.cate{width: 17vw;height: 6vw;line-height: 6vw;font-size:3vw;border-radius:1vw;margin: 0 0 2vw;display: block;}


.gall_tab2 {margin-bottom: 10vw;}
.gall_tab2 a{width: 14vw;height: 8vw;line-height: 8vw;font-size: 3vw;border-radius: 4vw;}
 
 
.customer .sub_title>div{background:url(/images/community/mb/consult.png) no-repeat 50%;}
.faq .sub_title>div{background:url(/images/community/mb/faq.png) no-repeat 50%;}
.story .sub_title>div{background:url(/images/community/mb/story.png) no-repeat 50%;}


 
.apply_write {
    text-align: center;
}
.apply_write h3{margin-bottom: 11vw;}
.apply_write h3,.apply_write h4{font-size: 5vw;}

.apply_write th, .submit_area input, .apply_write td input{font-size: 3.5vw;}

.apply_write input,.apply_write select{height: 8vw;}
.apply_write input{width:315px;}
                      
}