@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/images/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;}
.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:300ms; 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(../../designer/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.gif) 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; font-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; font-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; font-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/images/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/images/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/images/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 .swiper-container {height:100px; padding:0; margin:0 auto; position:relative; text-align:center; padding:0 10px;}
.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%}
.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 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 (min-width :768px) {
.grLink .swiper-slide {width:7.69%; font-size:12px !important;}
.grLink .swiper-slide a strong {font-size:12px; letter-spacing:-1px;}
}

@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 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 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; border-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; border-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; background: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}
}

.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%;}
}