@charset "utf-8";
.visualWrap{overflow:hidden}
.visualWrap .visual{float:left;width:890px;height:370px}
.visual{position:relative;overflow:hidden}
.visual .swiper-container{width:890px;height:370px}
.visual .swiper-wrapper{position:relative}
.visual .swiper-slide{text-align:center}
.visual .swiper-slide.bg1{background:#69c0e1}
.visual .swiper-slide a{display:inline}
.visual .swiper-slide a img{width:100%}
.visual .swiper-container .swiper-slide-visible{opacity:1}
.visual #visual 
.visual-pagination{position:absolute;z-index:9999;left:45px;bottom:30px;height:10px;line-height:10px;display:inline-block;text-align:left;top:auto}
.visual #visual .visual-pagination 
.swiper-pagination-switch{border-radius:0;display:inline-block;width:10px;height:10px;margin-right:3px;cursor:pointer;background:url(../../designer/i
mages/index/visual_dot.png) no-repeat right 0;line-height:10px;opacity:1}
.visual #visual .visual-pagination .swiper-pagination-switch.swiper-active-switch{background:url(../../designer/images/index/visual_dot.png) 
no-repeat left 0;width:26px}
.swiper-links{position:absolute;left:30px;bottom:30px;z-index:1000;border:0 solid red;overflow:hidden}
.swiper-links a{display:block;width:10px;height:10px;text-indent:-999em;float:left;margin-right:3px}
.swiper-links a.play-slider{background:url(../../designer/images/index/visual_play.gif) no-repeat 0;display:none}
.swiper-links a.pause-slider{background:url(../../designer/images/index/visual_stop.gif) no-repeat 0}
@media all and (max-width :736px) {
.visualWrap .visual{float:none;width:100%;height:295px;border:0 solid red}
.visual .swiper-container{width:100%;height:295px}
}
@media all and (max-width :667px) {
.visualWrap .visual{float:none;width:100%;height:265px;border:0 solid red}
.visual .swiper-container{width:100%;height:265px}
}
@media all and (max-width :640px) {
.visualWrap .visual{float:none;width:100%;height:245px;border:0 solid red}
.visual .swiper-container{width:100%;height:245px}
}
@media all and (max-width :568px) {
.visualWrap .visual{float:none;width:100%;height:230px;border:0 solid red}
.visual .swiper-container{width:100%;height:230px}
}
@media all and (max-width :533px) {
.visualWrap .visual{float:none;width:100%;height:190px;border:0 solid red}
.visual .swiper-container{width:100%;height:190px}
}
@media all and (max-width :480px) {
.visualWrap .visual{float:none;width:100%;height:195px;border:0 solid #ff0}
.visual .swiper-container{width:100%;height:195px}
}
@media all and (max-width :414px) {
.visualWrap .visual{float:none;width:100%;height:170px;border:0 solid red}
.visual .swiper-container{width:100%;height:170px}
}
@media all and (max-width :400px) {
.visualWrap .visual{float:none;width:100%;height:160px;border:0 solid red}
.visual .swiper-container{width:100%;height:160px}
}
@media all and (max-width :375px) {
.visualWrap .visual{float:none;width:100%;height:154px;border:0 solid #3ff}
.visual .swiper-container{width:100%;height:154px}
}
@media all and (max-width :360px) {
.visualWrap .visual{float:none;width:100%;height:140px;border:0 solid red}
.visual .swiper-container{width:100%;height:140px}
}
@media all and (max-width :320px) {
.visualWrap .visual{float:none;width:100%;height:130px;border:0 solid #ff0}
.visual .swiper-container{width:100%;height:130px}
}
@media only screen and (min-width:768px)and (max-width:1024px) {
.visualWrap .visual{float:none;width:100%;height:300px;border:0 solid #ff0}
.visual .swiper-container{width:100%;height:300px}
}
@media only screen and (min-width:800px)and (max-width:1024px) {
.visualWrap .visual{float:none;width:100%;height:320px;border:0 solid #ff0}
.visual .swiper-container{width:100%;height:320px}
}
@media all and (width:1024px) {
.visualWrap .visual{float:none;width:100%;height:400px}
.visual .swiper-container{width:100%;height:400px}
}
.siLink{background:#363636;float:none}
.siLink h3{display:none}
.siLink .swiper-container{width:100%;height:160px}
.siLink ul.swiper-wrapper{height:160px;width:100%;margin:0;overflow:hidden;border:0 solid red;padding-top:0}
.siLink li.swiper-slide{height:160px;width:144px}
.siLink .swiper-slide a span{width:144px!important;display:block;height:100px!important;padding:30px 0}
.siLink .swiper-slide a span img{width:100%}
.siLink .swiper-slide a strong{display:none}
.siLink .swiper-slide-active{opacity:1}
.siLink .swiper-active-switch{background:#fff}
.siLink .swiper-slide{text-align:center}
.siLink .swiper-slide-active{text-align:center}
.siLink .swiper-visible-switch{background:#aaa;opacity:1}
.siLink .swiper-active-switch{background:#fff}
@media all and (max-width:767px) {
.siLink{height:80px}
.siLink .swiper-container{height:80px}
.siLink ul.swiper-wrapper{height:80px;width:100%}
.siLink li.swiper-slide{height:80px;width:77px}
.siLink .swiper-slide a span{width:77px!important;display:block;height:50px!important;padding:15px 0}
}
@media all and (min-width:1025px) {
.siLink{float:right;width:310px;height:370px;background:#363636}
.siLink h3{display:block;width:300px;background:url(../../designer/images/index/siteLink.gif) 0 0 no-repeat;height:73px;text-indent:-999em}
.siLink .swiper-container{padding:0;position:relative;width:282px;overflow:hidden;height:276px!important;/*margin:0 0 0 7px !important*/}
.siLink ul.swiper-wrapper{height:276px!important;width:282px!important;overflow:hidden;padding-top:15px}
.siLink 
li.swiper-slide{height:92px!important;opacity:1;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:30
0ms;z-index:3;float:left!important;width:94px!important}
.siLink .swiper-slide a{width:94px!important;height:92px!important;text-align:center;display:block;border:0 solid #ff0}
.siLink .swiper-slide a span{width:94px!important;display:block;height:92px!important;border:0 solid red;padding:0}
.siLink .swiper-slide a span img{width:100%;vertical-align:middle}
.siLink .swiper-slide a strong{display:none}
}
.newsWrap{overflow:hidden;position:relative}
.popLink{position:relative;overflow:hidden;float:left;width:270px;margin-right:30px;height:246px;border-right:solid 1px #e5e5e5;background:#FFF}
.popLink h3{position:absolute;z-index:3;left:30px;top:30px;width:50px;height:14px;text-indent: -999em;}
.popLink h3 img{width:100%}
.popLink .swiper-container{padding:0;margin:0 auto;position:relative;text-align:center;border:0 solid #000;z-index:1}
.popLink 
.swiper-slide{height:100%;opacity:1;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;z-index:
0}
.popLink .swiper-active-switch{background:#000}
.popLink .swiper-slide a img{width:100%;display:block}
.popLink .swiper-container .swiper-slide-visible{opacity:1}
.popLink #popLink .popLink-pagination{position:absolute;z-index:20;height:10px;line-height:10px;display:block;text-align:right;right:20px;top:30px}
.popLink #popLink .popLink-pagination 
.swiper-pagination-switch{border-radius:0;display:inline-block!important;width:10px;height:10px;margin-right:0;cursor:pointer;background:url(../../de
signer/images/index/popLink_dot_0.png) no-repeat center;line-height:10px;opacity:1}
.popLink #popLink .popLink-pagination .swiper-pagination-switch.swiper-active-switch{background:url(../../designer/images/index/popLink_dot_1.png) 
no-repeat center}
@media only screen and (max-width :768px) {
.newsWrap{overflow:hidden;position:relative;padding-bottom:122px;background:#fafafa}
.popLink{float:none;width:40%;margin:0;position:absolute;bottom:0;height:122px;left:0;right:60%}
.popLink h3{display:none}
.popLink .swiper-slide a img{width:auto;height:122px}
.popLink #popLink .popLink-pagination{position:absolute;z-index:20;height:10px;line-height:10px;display:block;text-align:right;right:10px;top:10px}
}
@media all and (min-width:768px) and (max-width:1024px) {
.newsWrap{overflow:hidden;position:relative;padding-bottom:244px;background:#fafafa}
.popLink{float:none;width:40%;margin:0;position:absolute;bottom:0;height:244px;left:0;right:60%}
.popLink h3{position:absolute;z-index:3;left:30px;top:25px;width:auto;height:auto}
.popLink h3 img{width:auto;height:auto}
.popLink .swiper-slide a img{width:auto;height:244px}
.popLink #popLink .popLink-pagination{top:20px}
}
.infoZone{position:relative;overflow:hidden;float:left;width:589px;height:246px;border-right:solid 1px #e5e5e5}
.infoZone h3{position:absolute;top:20px;left:0;z-index:2;height:36px;border:0 solid #000;display:inline-block}
.infoZone h3.tabM01{left:0;width:65px}
.infoZone h3.tabM02{left:65px;width:80px}
.infoZone h3.tabM03{left:145px;width:92px}
.infoZone h3.tabM04{left:237px;width:93px}
.infoZone h3.tabM05{left:330px;width:91px}
.infoZone h3 a{display:block;height:36px;background:url(../../designer/images/index/tabNews.gif) no-repeat;text-indent:-999em;cursor:pointer}
.infoZone h3.tabM01 a{background-position:-0 10px}
.infoZone h3.tabM02 a{background-position:-66px 10px}
.infoZone h3.tabM03 a{background-position:-145px 10px}
.infoZone h3.tabM04 a{background-position:-237px 10px}
.infoZone h3.tabM05 a{background-position:-330px 10px}
.infoZone h3.on a{background-image:url(../../designer/images/index/tabNews_ov.gif)}
.infoZone .newsCont{display:none;position:absolute;left:0;top:57px;z-index:1;right:30px;background:#fff}
.infoZone 
a.more{display:block;position:absolute;top:-37px;right:0;padding-left:0;text-indent:-999em;background:url(../../designer/images/index/tabNews_plus.gi
f) no-repeat right top;width:21px;height:21px}
.infoZone .newsCont.first{display:block}
.infoZone .newsCont ul li{position:relative;padding-right:80px}
.infoZone .newsCont ul li 
a{display:block;height:29px;line-height:29px;margin-right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.15em}
.infoZone .newsCont ul li 
span.date{display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:80px;height:20px;line-height:20px;text-align:right;color:#6f6f6f;fon
t-size:.9em}
.infoZone .newsCont ul li.nothing{background:url(../../designer/images/common/icon_data_blank.png) no-repeat 30% 55%;line-height:normal;padding:0 0 0 
40%;height:130px;line-height:130px;color:#999;font-size:1.2em}
.infoZone .newsCont li em{position:absolute;left:0;display:block;width:30px;height:13px;top:6px;line-height:0}
.infoZone .newsCont li em img{width:100%}
@media only screen and (max-width :767px) {
.infoZone{float:none;width:auto;margin:0;height:auto;border:0;background:#FFF;padding-top:37px;border-bottom:solid 1px #DDD}
.infoZone h3{position:absolute;top:0;left:0;z-index:2;height:30px;display:inline-block;width:25%}
.infoZone h3.tabM01{left:0;width:25%}
.infoZone h3.tabM02{left:25%;width:25%}
.infoZone h3.tabM03{left:50%;width:25%}
.infoZone h3.tabM04{left:75%;width:25%}
.infoZone h3 a{display:block;height:35px;background:#FFF;text-indent:0;cursor:pointer;border-left:0 solid #eee;border-bottom:1px solid 
#ddd;line-height:35px;font-size:1em;text-align:center;color:#999}
.infoZone h3.on a{background-image:none;color:#000;border-bottom:3px solid #76ba1a;height:34px}
.infoZone .newsCont.first{display:block}
.infoZone .newsCont{display:none;position:relative;left:auto;top:auto;z-index:1;right:auto;padding-bottom:30px}
.infoZone .newsCont li{border-bottom:solid 1px #e5e5e5;padding-right:0}
.infoZone .newsCont ul li a{display:block;height:32px;line-height:32px;font-size:1em;padding-left:5px}
.infoZone .newsCont ul li 
span.date{display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:80px;height:20px;line-height:20px;text-align:right;color:#6f6f6f;fon
t-size:.7em;padding-right:5px}
.infoZone 
a.more{display:none;display:block;position:absolute;top:auto;bottom:0;right:5px;padding-right:25px;text-indent:0;background:url(../../designer/images
/index/tabNews_plus.gif) no-repeat right center;width:100px;height:30px;line-height:30px;font-size:.9em;text-align:right}
}
@media all and (min-width:768px) and (max-width:1024px) {
.infoZone{float:none;width:auto;margin:0;height:auto;border:0;background:#FFF;padding-top:40px;border-bottom:solid 1px #DDD}
.infoZone h3{position:absolute;top:0;left:0;z-index:2;height:40px;display:inline-block;width:25%}
.infoZone h3.tabM01{left:0;width:25%}
.infoZone h3.tabM02{left:25%;width:25%}
.infoZone h3.tabM03{left:50%;width:25%}
.infoZone h3.tabM04{left:75%;width:25%}
.infoZone h3 a{display:block;height:40px;background:#FFF;text-indent:0;cursor:pointer;border-left:0 solid #eee;border-bottom:1px solid 
#ddd;line-height:40px;font-size:1.35em;text-align:center;color:#999}
.infoZone h3.on a{background-image:none;color:#000;border-bottom:3px solid #76ba1a;height:38px}
.infoZone .newsCont.first{display:block}
.infoZone .newsCont{display:none;position:relative;left:auto;top:auto;z-index:1;right:auto;padding-bottom:40px}
.infoZone .newsCont li{border-bottom:solid 1px #e5e5e5;padding-right:0}
.infoZone .newsCont ul li a{display:block;height:45px;line-height:45px;font-size:1.5em;padding-left:10px}
.infoZone .newsCont ul li 
span.date{display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:80px;height:20px;line-height:20px;text-align:right;color:#6f6f6f;fon
t-size:.75em;padding-right:10px}
.infoZone 
a.more{display:none;display:block;position:absolute;top:auto;bottom:0;right:10px;padding-right:25px;text-indent:0;background:url(../../designer/image
s/index/tabNews_plus.gif) no-repeat right center;width:51px;height:40px;line-height:40px;font-size:1.1em;text-align:right}
}
.imgLink{overflow:hidden;float:right;width:309px;border-bottom:solid 1px #e5e5e5}
.imgLink a{display:block;float:left;width:153px;background:#fafafa;height:102px}
.imgLink a.go2{padding-right:2px;border-left:solid 1px #e5e5e5}
.imgLink a span{display:block;margin:0 auto;padding-top:15px}
.imgLink a.go1 span{width:75px}
.imgLink a.go2 span{width:75px}
.imgLink a span img{width:100%}
@media only screen and (max-width :768px) {
.imgLink{float:none;width:60%;margin:0;position:absolute;bottom:0;height:122px;right:0;left:40.1%;border-bottom:0}
.imgLink a{display:block;float:left;width:49%;height:122px;background:none}
.imgLink a.go2{padding-right:0}
.imgLink a span{display:block;margin:0 auto;padding-top:25px}
.imgLink a.go1 span{width:73px;padding-top:25px}
.imgLink a.go2 span{width:73px}
}
@media all and (min-width:768px) and (max-width:1024px) {
.imgLink{float:none;width:60%;margin:0;position:absolute;bottom:0;height:244px;right:0;left:40.1%;border-bottom:0}
.imgLink a{display:block;float:left;width:49%;height:244px;background:none}
.imgLink a.go2{padding-right:0}
.imgLink a span{display:block;margin:0 auto;padding-top:50px}
.imgLink a.go1 span{width:146px;padding-top:50px}
.imgLink a.go2 span{width:146px}
}
.snsLink{overflow:hidden;float:right;width:309px;border-bottom:solid 1px 
#e5e5e5;height:102px;background:url(../../designer/images/index/snsLink_bg.gif) 0 bottom no-repeat}
.snsLink p,.snsLink ul{margin-top:20px}
.snsLink p{float:left;width:38%;background:url(../../designer/images/index/snsLink_txt.gif) 0 49% 
no-repeat;text-indent:-999em;height:59px;margin-left:9%}
.snsLink ul{float:right;width:43%;overflow:hidden;margin-right:6%}
.snsLink li{float:left;padding-left:6px;border-left:1px solid #ddd;margin-left:6px}
.snsLink li.first{padding-left:0;border-left:0;margin-left:0}
.snsLink li a{display:block;width:59px}
.snsLink li a img{width:100%;display:block;font-size:0}
@media only screen and (max-width :1024px) {
.snsLink{float:none;width:60%;margin:0;position:absolute;bottom:0;height:244px;right:0;left:40.1%;border-bottom:0;background:url(../../designer/image
s/index/snsLink_bg_m.gif) 0 bottom no-repeat;background-size:100% auto}
.snsLink p,.snsLink ul{margin-top:15%}
.snsLink p{background:url(../../designer/images/index/snsLink_txt_m.gif) 0 49% no-repeat;text-indent:-999em;height:72px;margin-left:9%}
.snsLink li a{display:block;width:72px}
}
@media only screen and (max-width :767px) {
.snsLink{height:122px;float:left;text-align:center}
.snsLink p{background:url(../../designer/images/index/snsLink_txt_m_02.jpg) 50% 15% 
no-repeat;margin-top:5px;width:100%;margin-left:auto;margin-right:auto;background-size:120px;float:none}
.snsLink ul{width:auto;margin-left:auto;margin-right:auto;margin-top:-25px;display:inline-block;float:none}
.snsLink li{display:inline-block;float:none}
.snsLink li a{width:55px}
}
.faq{position:relative;float:right;width:309px}
.faq ul{margin-left:30px;padding-right:30px}
.faq h3{margin:30px 0 15px 30px;width:78px;height:15px;background:url(../../designer/images/index/faq_tit.gif) no-repeat 0 0;text-indent:-999em}
.faq ul li{position:relative}
.faq ul li 
a{display:block;height:19px;line-height:19px;margin-right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(../../designer/i
mages/index/bullet.gif) no-repeat 0 center;padding-left:7px}
.faq 
a.more{display:block;position:absolute;top:21px;right:20px;padding-left:0;text-indent:-999em;background:url(../../designer/images/index/faq_plus.gif) 
no-repeat center;width:30px;height:30px;border:0 solid #000}
@media only screen and (max-width :1024px) {
.faq{display:none}
}
.grLink{overflow:hidden;background:#78b227 url(../../designer/images/index/gr_bg.gif) no-repeat 0 0 ;height:100px;width:100%}
/* .grLink h3{text-indent:-999em;float:left;width:200px} */
.grLink .swiper-container{height:100px;padding:0;margin:0 auto;position:relative;text-align:center;padding: 0 10px;/* float:right;width:1000px */}
.grLink .swiper-wrapper{height:100px}
.grLink 
.swiper-slide{height:100%;opacity:1;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;z-index:
0;text-align:center;/* width:7.69% */width:8.33%}
.grLink .swiper-slide-active{opacity:1}
.grLink .swiper-active-switch{background:#fff}
.grLink .swiper-slide-active{text-align:center}
.grLink .swiper-visible-switch{background:#aaa;opacity:1}
.grLink .swiper-active-switch{background:#fff}
.grLink .swiper-slide a{width:auto;height:100px;text-align:center;display:block;color:#FFF}
.grLink .swiper-slide a span{display:block;width:100%;height:46px;padding-top:12px;margin:0 auto;line-height:normal;border:solid 0 blue;width:50px}
/* .grLink .swiper-slide a span.gr_12{width: 60px;} */
.grLink .swiper-slide a span img{width:100%;vertical-align:middle}
.grLink .swiper-slide a strong{display:block;height:23px;width:100%;font-size:.9em}
.grLink .swiper-slide a:hover strong,.grLink .swiper-slide a:active strong{color:#dbfa6b}
.grLink .swiper-container .swiper-slide-visible{opacity:1}
@media only screen and (max-width :767px) {
.grLink{height:80px;background:#8dc73f url(../../designer/images/index/gr_bg_1.gif) no-repeat 0 0;background-size:50%}
.grLink h3{display:none}
.grLink .swiper-container{float:none;width:100%;height:80px}
.grLink .swiper-slide{width:90px}
.grLink .swiper-slide a{width:100%;height:80px}
.grLink .swiper-slide a span{width:46px;height:42px;padding-top:10px}
/* .grLink .swiper-slide a span.gr_12{width: 55px;padding-top: 7px;padding-bottom: 3px;} */
.grLink .swiper-slide a strong{font-size:.85em}
}
@media all and (min-width:768px) and (max-width:1024px) {
.grLink{height:160px;background:#8dc73f url(../../designer/images/index/gr_bg_1.gif) no-repeat 0 0}
.grLink h3{display:none}
.grLink .swiper-container{float:none;width:100%;height:160px}
.grLink .swiper-slide{width:144px}
.grLink .swiper-slide a span{width:92px;height:83px;padding-top:27px}
/* .grLink .swiper-slide a span.gr_12{width: 97px;} */
.grLink .swiper-slide a strong{font-size:1.2em}
}
.pgLink{padding-bottom:40px}
.pgLink h3{text-indent:-999em;width:0;height:0}
.pgLink .swiper-container{height:180px;padding:0;margin:0 auto;position:relative;text-align:center}
.pgLink .swiper-wrapper{height:180px}
.pgLink 
.swiper-slide{height:100%;opacity:1;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;z-index:
0}
.pgLink .swiper-slide-active{opacity:1}
.pgLink .swiper-active-switch{background:#fff}
.pgLink .swiper-slide{text-align:center;width:200px}
.pgLink .swiper-slide-active{text-align:center}
.pgLink .swiper-visible-switch{background:#aaa;opacity:1}
.pgLink .swiper-active-switch{background:#fff}
.pgLink .swiper-slide a{width:200px;height:180px;text-align:center;display:block}
.pgLink .swiper-slide a span{display:block;width:150px;margin:0 auto}
.pgLink .swiper-slide a span img{width:100%;vertical-align:middle}
.pgLink .swiper-slide a strong{display:block;padding-top:11px;width:100%;font-weight:400;color:#454545}
.pgLink .swiper-slide a:hover strong,.pgLink .swiper-slide a:active strong{color:#000;font-weight:700}
.pgLink .swiper-container .swiper-slide-visible{opacity:1}
@media only screen and (max-width :767px) {
.pgLink{padding:15px 0 12px}
.pgLink .swiper-container{height:95px}
.pgLink .swiper-wrapper{height:95px}
.pgLink .swiper-slide a{width:100px}
.pgLink .swiper-slide{width:100px}
.pgLink .swiper-slide a span{width:75px}
.pgLink .swiper-slide a strong{padding-top:6px;font-size:.8em}
}
@media all and (min-width:768px) and (max-width:1024px) {
.pgLink{padding:30px 0 25px}
}
.bbsWrap{padding-top:30px}
.bbsWrap h2.bbsTit{background:url(../../designer/images/index/bbsWrap_tit.gif) center 0 no-repeat;height:43px;padding-bottom:20px;text-indent:-999em}
.bbsTabCont{position:relative;overflow:hidden;width:100%;padding-top:70px;border:0 solid #000;height:300px}
.bbsTabCont 
h3{position:absolute;top:0;left:0;z-index:2;height:40px;background-image:url(../../designer/images/index/bbsWrap_tab.gif);background-repeat:no-repeat
;width:120px;cursor:pointer;text-align:center}
.bbsTabCont h3.bbsTab01{left:420px;background-position:0 0}
.bbsTabCont h3.bbsTab02{left:520px;background-position:-120px 0}
.bbsTabCont h3.bbsTab03{left:640px;background-position:-240px 0}
.bbsTabCont h3.bbsTab01.on{background-position:0 -40px}
.bbsTabCont h3.bbsTab02.on{background-position:-120px -40px}
.bbsTabCont h3.bbsTab03.on{background-position:-240px -40px}
.bbsTabCont h3 a{text-indent:-999em;display:block;text-align:center;width:120px;height:40px}
.bbsTabCont .tabCont{display:none;background:0;overflow:hidden}
.bbsTabCont .tabCont.first{display:block}
.bbsConBox{border:1px solid #e5e5e5;padding:25px;width:210px;overflow:hidden;height:198px;float:left;box-shadow:2px 2px 0 0 
#f2f2f2;margin-left:30px;margin-bottom:10px}
.bbsConBox h4{width:auto;height:17px;line-height:17px;display:inline-block;color:#FFF;background:#666;margin-bottom:19px;font-size:.85em;padding:0 
5px}
.bbsConBox h4.tc_1{background:#998675}
.bbsConBox h4.tc_2{background:#5674b9}
.bbsConBox h4.tc_3{background:#f7941d}
.bbsConBox h4.tc_4{background:#1cbbb4}
.bbsConBoxTit{display:block;line-height:135%;height:42px;border:solid 0 red;font-size:14px}
.bbsConBoxCont{line-height:145%;font-size:1em;color:#666;height:85px;border:solid 0 red;word-wrap:break-all}
.bbsConBoxHit{font-size:.9em;color:#999;display:block;padding-top:19px}
.bbsConBoxCont p.secret{height:85px;text-align:left;background:url(../../designer/images/common/icon_secret.png) no-repeat -5px 
15%;line-height:65px;padding-left:45px;font-size:1.2em;color:#999}
.bbsConBox .nothing{background:url(../../designer/images/common/icon_data_blank.png) no-repeat 50% 
20%;line-height:normal;padding:0;height:150px;line-height:200px;color:#999;font-size:1.2em;text-align:center}
@media only screen and (max-width :768px) {
.bbsWrap{padding-top:15px;background:#f2f2f2}
.bbsWrap h2.bbsTit{background:url(../../designer/images/index/bbsWrap_tit_1.png) center 0 
no-repeat;height:52px;padding-bottom:5px;text-indent:-999em;background-size:265px 52px}
.bbsTabCont{padding-top:50px;height:auto}
.bbsTabCont 
h3{position:absolute;top:0;left:0;z-index:2;height:40px;background-image:none;width:33.33%;cursor:pointer;background-size:auto;line-height:40px;borde
r-bottom:solid 1px #c2c2c2}
.bbsTabCont h3.on{border-bottom:solid 3px #222;height:39px}
.bbsTabCont h3.bbsTab01{left:0}
.bbsTabCont h3.bbsTab02{left:33.33%}
.bbsTabCont h3.bbsTab03{left:66.66%}
.bbsTabCont h3 a{background-repeat:no-repeat;background-position:center 0;width:47px;height:16px;margin:0 
auto;display:inline-block;vertical-align:middle;background-size:47px 16px}
.bbsTabCont h3.bbsTab01 a{background-image:url(../../designer/images/index/bbsWrap_tab_1.png)}
.bbsTabCont h3.bbsTab02 a{background-image:url(../../designer/images/index/bbsWrap_tab_2.png)}
.bbsTabCont h3.bbsTab03 a{background-image:url(../../designer/images/index/bbsWrap_tab_3.png)}
.bbsTabCont h3.bbsTab01.on a{background-image:url(../../designer/images/index/bbsWrap_tab_1o.png)}
.bbsTabCont h3.bbsTab02.on a{background-image:url(../../designer/images/index/bbsWrap_tab_2o.png)}
.bbsTabCont h3.bbsTab03.on a{background-image:url(../../designer/images/index/bbsWrap_tab_3o.png)}
.bbsTabCont .tabCont{display:none;padding:0 15px}
.bbsConBox{border:none;border-top:1px solid #c2c2c2;padding:15px 
0;width:100%;overflow:hidden;height:auto;float:none;box-shadow:none;margin-left:0;margin-bottom:0;margin-top:-1px;font-size:1.2em}
.bbsConBox.first{border-top:none}
.bbsConBox h4{width:auto;height:17px;line-height:17px;display:inline-block;color:#FFF;background:#666;margin-bottom:10px;font-size:.8em;padding:2px 
4px}
.bbsConBox h4.tc_1{background:#998675}
.bbsConBox h4.tc_2{background:#5674b9}
.bbsConBox h4.tc_3{background:#f7941d}
.bbsConBox h4.tc_4{background:#1cbbb4}
.bbsConBoxTit{display:block;line-height:135%;height:auto;padding-bottom:5px;color:#454545;font-size:1em}
.bbsConBoxCont{line-height:130%;font-size:.9em;color:#555;height:auto}
.bbsConBoxHit{font-size:.85em;color:#888;display:block;padding-top:9px}
}
@media all and (min-width:768px) and (max-width:1024px) {
.bbsWrap{padding-top:30px;background:#f2f2f2}
.bbsWrap h2.bbsTit{background:url(../../designer/images/index/bbsWrap_tit_1.png) center 0 
no-repeat;height:101px;padding-bottom:5px;text-indent:-999em}
.bbsTabCont{padding-top:65px;height:auto}
.bbsTabCont 
h3{position:absolute;top:0;left:0;z-index:2;height:63px;background-image:none;width:33.33%;cursor:pointer;background-size:auto;line-height:63px;borde
r-bottom:solid 1px #c2c2c2}
.bbsTabCont h3.on{border-bottom:solid 3px #222;height:62px}
.bbsTabCont h3.bbsTab01{left:0}
.bbsTabCont h3.bbsTab02{left:33.33%}
.bbsTabCont h3.bbsTab03{left:66.66%}
.bbsTabCont h3 a{background-repeat:no-repeat;background-position:center 0;width:67px;height:22px;margin:0 
auto;display:inline-block;vertical-align:middle}
.bbsTabCont h3.bbsTab01 a{background-image:url(../../designer/images/index/bbsWrap_tab_1.png)}
.bbsTabCont h3.bbsTab02 a{background-image:url(../../designer/images/index/bbsWrap_tab_2.png)}
.bbsTabCont h3.bbsTab03 a{background-image:url(../../designer/images/index/bbsWrap_tab_3.png)}
.bbsTabCont h3.bbsTab01.on a{background-image:url(../../designer/images/index/bbsWrap_tab_1o.png)}
.bbsTabCont h3.bbsTab02.on a{background-image:url(../../designer/images/index/bbsWrap_tab_2o.png)}
.bbsTabCont h3.bbsTab03.on a{background-image:url(../../designer/images/index/bbsWrap_tab_3o.png)}
.bbsTabCont .tabCont{display:none;padding:0 30px}
.bbsConBox{border:none;border-top:1px solid #c2c2c2;padding:30px 
0;width:100%;overflow:hidden;height:auto;float:none;box-shadow:none;margin-left:0;margin-bottom:0;margin-top:-1px;font-size:1.5em}
.bbsConBox.first{border-top:none}
.bbsConBox h4{width:auto;height:17px;line-height:17px;display:inline-block;color:#FFF;background:#666;margin-bottom:19px;font-size:.8em;padding:2px 
5px}
.bbsConBox h4.tc_1{background:#998675}
.bbsConBox h4.tc_2{background:#5674b9}
.bbsConBox h4.tc_3{background:#f7941d}
.bbsConBox h4.tc_4{background:#1cbbb4}
.bbsConBoxTit{display:block;line-height:135%;height:auto;padding-bottom:10px;color:#454545;font-size:1em}
.bbsConBoxCont{line-height:130%;font-size:.9em;color:#555;height:auto}
.bbsConBoxHit{font-size:.85em;color:#888;display:block;padding-top:15px}
}
.bannerLink{width:1100px;height:33px;margin:0 auto;padding:18px 50px 22px;position:relative;overflow:hidden;border-top:solid 1px #e5e5e5}
#viewArea{position:relative;width:1100px;height:33px;overflow:hidden;margin-left:0;border:solid 0 red}
#imgList{position:absolute;width:2200px;left:0;top:0}
#imgList .thm{float:left;margin:0;padding:0}
#imgList .thm a{line-height:33px;height:33px;display:block;text-align:center;padding:0;vertical-align:middle;width:138px}
#imgList .thm a img{font-size:0;line-height:0}
.b_btn_next,.b_btn_prev{position:absolute;top:18px;cursor:pointer;width:50px;height:33px;display:block;text-indent:-888em;background-color:#FFF}
.b_btn_next{right:0;background:url(../../designer/images/index/banner_aro_2.gif) 0 center no-repeat}
.b_btn_prev{left:0;background:url(../../designer/images/index/banner_aro_1.gif) right center no-repeat}
.bannerLink .l_l{float:right;margin-top:10px}
.bannerArea{width:1118px;height:33px;margin:0 auto;padding:18px 42px 22px 40px;position:relative;overflow:hidden;border-top:solid 1px #e5e5e5}
.bannerArea 
.banner-aro-1{position:absolute;top:18px;cursor:pointer;width:40px;height:33px;display:block;text-indent:-888em;background-color:#FFF;left:0;backgrou
nd:url(/_kor/designer/images/index/banner_aro_1.gif) right center no-repeat;z-index:10}
.bannerArea .banner-aro-2{position:absolute;top:18px;cursor:pointer;width:42px;height:33px;display:block;text-indent:-888em;right:0;background:#FFF 
url(/_kor/designer/images/index/banner_aro_2.gif) 0 center no-repeat;z-index:10}
.bannerArea .banner-swiper{position:relative;width:1120px;height:33px;overflow:hidden;margin:0 auto;z-index:1}
.bannerArea .swiper-slide{text-align:center;padding:0;width:140px;height:33px}
.bannerArea .swiper-wrapper .swiper-slide a{width:139px;height:33px;display:block;border-right:solid 1px #f0f0f0!important}
.bannerArea .swiper-slide a img{display:block;margin:0 auto}
.bannerArea .swiper-slide-active{text-align:center}
@media all and (max-width :1024px) {
.bannerLink,.bannerArea{display:none}
}
/* 2025-08-29 */
.snsLink a{display: block;text-indent: -9999em;}
.snsLink{display: flex;background-image: none;height: 103px;}
.snsLink p{position: absolute;z-index: -1;top: -9999px;left: -9999999px;height: 0;width: 0;font-size: 0;}
.snsLink img{max-width: 100%;display: block;font-size: 0;display: none;}
.snsLink .sns{display: flex;background: url(../../designer/images/index/snslink_txt.png) center 0 no-repeat;height: 50px;padding-top: 53px;flex: 0 0 
60%;position: relative;}
.snsLink .sns::before{display: block;content: '';border-left: 1px solid #e1e1e1;left: 0;top: 0;height: 53px;width: 1px;position: absolute;}
.snsLink .sns a{height: 100%;background: url(../../designer/images/index/snslink_3.jpg) center  no-repeat;width:50%;background-size:100% auto;}
.snsLink .sns a:last-of-type{background-image: url(../../designer/images/index/snslink_4.png);}
.chat{display: flex;align-items: flex-end;justify-content: center;flex: 0 0 40%;}
.chat a{background: url(../../designer/images/index/snslink_ai.png) center  no-repeat;height: 103px;width: 100px;}
@media (max-width:1024px) {
.snsLink {height:244px}
.snsLink .sns{background: url(../../designer/images/index/snslink_2.png) center 0 no-repeat;background-size:  auto;display: block;height: auto;}
.snsLink .sns::before{height: 50%;}
.snsLink .sns a{height: 50%;position: absolute;top: 50%;left: 0;background-size: cover}
.snsLink .sns a:last-of-type{left: 50%;}
.newsWrap{background: none;}
.chat {align-items: center;}
.chat a{width: 100%;height: 100%;background-image: url(../../designer/images/index/snslink_1.png);background-size: auto 100%;}
}
@media (max-width:767px) {
.snsLink {height:122px}
}
@media (min-width:531px) and (max-width:767px){
.snsLink .sns{background-size: auto 75px;background-position: center -5px;}
}
@media (max-width:530px) {
.snsLink .sns{background-size: 100% auto}
.snsLink{left: 41%;}
}