/* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 http://cssreset.com
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
}

body {
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  position: relative;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color:#7d7d7d;
}

select, input, button, textarea {
  display: block;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  box-sizing: border-box;
  letter-spacing: 1px;
}

embed, object {
  position: absolute;
}

button {
  cursor: pointer;
}

img {
  display: block;
}

.nav {
  display: none;
  width: 100%;
  min-width: 320px;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/bg_nav.png);
  z-index: 100;
}
.nav.on {
  display: block;
}
.nav-top {
  height: 40px;
  color: #fff;
  background: #432e66;
}
.nav-title {
  padding: 0 0 0 15px;
  line-height: 40px;
}
.nav-close {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 12px;
  right: 15px;
  text-indent: -99999em;
  background: url(../images/nav_close.png) no-repeat;
  background-size: contain;
}

.gnb-menu {
  padding: 7px 15px;
  border-bottom: 1px solid #5b5b5b;
}
.gnb-menu:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.gnb-menu-item {
  width: 110px;
  float: left;
  line-height: 2;
}
.gnb-menu-item .menu-link {
  color: #baa2e1;
}
.gnb-sub {
  width: calc(100% - 110px);
  float: left;
}
.gnb-sub .sub-menu {
  position: relative;
  line-height: 2;
}
.gnb-sub .sub-menu .menu-link {
  color: #eee;
}
.gnb-sub .sub-menu .toggle {
  width: 30px;
  height: 15px;
  position: absolute;
  top: 4px;
  right: 0;
  text-indent: -99999em;
  cursor: pointer;
}
.gnb-sub .sub-menu .toggle:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  right: 0;
  background: url(../images/gnb_sub_toggle.png) no-repeat;
  background-size: cover;
}
.gnb-sub .sub-menu .toggle.open:after {
  background-position: 0 -156px;
}
.gnb-sub .sub-menu .sub-under {
  display: none;
  padding: 0 0 0 10px;
}
.gnb-sub .sub-menu .sub-under.open {
  display: block;
}
.gnb-sub .sub-menu .sub-under-menu {
  position: relative;
  padding: 0 0 0 13px;
}
.gnb-sub .sub-menu .sub-under-menu:after {
  content: "";
  display: block;
  width: 7px;
  height: 1px;
  position: absolute;
  top: 12px;
  left: 0;
  background: #eee;
}

.body {
  width: 100%;
  min-width: 320px;
  position: relative;
}

.header-top {
  height: 40px;
  text-align: center;
}
.header-top .logo {
  display: inline-block;
  width: 95px;
  padding: 5px 0 0 0;
}
.header-top .nav-btn {
  position: absolute;
  top: 3px;
  left: 10px;
  cursor: pointer;
}

.header-top .nav-btn img{
 width:23px;
}


.header-menu-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.header-menu-item {
  width: 33.33%;
  height: 37px;
  position: relative;
  float: left;
  text-align: center;
  line-height: 37px;
  background: #000;
}
.header-menu-item:after {
  content: "";
  display: block;
  width: 2px;
  height: 15px;
  position: absolute;
  top: 9px;
  right: 0;
  background: #525252;
}
.header-menu-item:nth-child(3n):after {
  display: none;
}
.header-menu-link {
  color: #eaeaea;
}

.contents {
  padding: 0 20px;
}
.contents.board, .contents.no-padding {
  padding: 0;
}
@media all and (max-width: 400px) {
  .contents {
    padding: 0 10px;
  }
}
.contents-top {
  width: 100%;
  min-height: 50px;
  padding: 4px 0;
  background: #262626;
  box-sizing: border-box;
}
.contents-top.single-line {
  line-height: 40px;
}
.contents-title {
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 20px;
  color: #ddd;
  text-align: center;
}
.contents-description {
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #ddd;
  text-align: center;
}

.contents-title-sub {

  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 20px;
  color: #ddd;
  text-align: center;
}
.contents-description-sub {

  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #ddd;
  text-align: center;
}

.contents-top>div{width:85%; display:inline-block;float:left;margin-left:6%;}
.contents-top .subtoggle{width:23px; height:23px;display:inline-block; background: url('../images/subtoggle.png') no-repeat;background-size: cover;  cursor: pointer; float:right; margin:8px 5px 0 0;}
.contents-top .subtoggle.open{background: url('../images/subtoggleon.png') no-repeat;background-size: cover;}

.togglewrap{ display:none; width:50%;float:right; position:absolute; right:0; top:90px;z-index:10;}
.togglewrap li{ font-size:1.15em; letter-spacing:-0.5px; text-align:left; padding:0 10px; color:#fff; height:50px; line-height:50px; border-bottom:0.5px solid #fff; background-color: rgba( 38, 38, 38, 0.85 ); }
.togglewrap li.none{border:none;}
.togglewrap li>span{ float:right}


@media all and (max-width: 400px) {
  .contents-description {
    font-size: 10px;
  }
}
.contents img {
  width: 100%;
}
.contents.main {
  padding: 0;
}
.contents.main .event {
  padding: 15px 0;
}
.contents.main .community {
  width: 100%;
  padding: 20px;
  border-top: 2px solid #ececec;
  border-bottom: 2px solid #ececec;
  box-sizing: border-box;
}
.contents.main .community:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.contents.main .community-list-item {
  width: 50%;
  float: left;
}
@media all and (max-width: 400px) {
  .contents.main .community {
    padding: 10px;
  }
}
.contents.main .pr {
  width: 100%;
  padding: 20px;
  border-bottom: 2px solid #ececec;
  box-sizing: border-box;
}
.contents.main .pr:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.contents.main .pr-list-item {
  width: 50%;
  float: left;
}
.contents.main .pr-list-item.full {
  width: 100%;
}
@media all and (max-width: 400px) {
  .contents.main .pr {
    padding: 10px;
  }
}
.contents.main .prg {
  padding: 20px;
  box-sizing: border-box;
}
.contents.main .prg-title {
  padding: 0 0 10px 0;
  font-size: 15px;
}
.contents.main .prg-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.contents.main .prg-list-item {
  width: 33.33%;
  float: left;
}
@media all and (max-width: 400px) {
  .contents.main .prg {
    padding: 10px;
  }
}
.contents.main .other-brand {
  position: relative;
}
.contents.main .other-brand-link {
  display: block;
  width: 100%;
  height: 200px;
  text-indent: -99999em;
}
.contents.main .other-brand .slidesjs-navigation {
  width: 35px;
  height: 45px;
  position: absolute;
  top: 50%;
  margin: -22px 0 0 0;
  text-indent: -99999em;
  border: 0;
  background: url(../images/banner_arrow.png) no-repeat 0 0;
  z-index: 90;
}
.contents.main .other-brand .slidesjs-previous {
  left: 0;
}
.contents.main .other-brand .slidesjs-next {
  right: 0;
  background-position: -55px 0;
}
.contents .article-title {
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 20px;
  color: #432e66;
  padding: 0 0 10px 0;
  margin: 10 0;
  border-bottom: 2px solid #c1b7d6;
}
.contents .article-title.narrow-margin {
  margin: 0 0 10px 0;
}
.contents .article-sub-title {
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #902e8d;
  margin: 0 0 10px 0;
}
.contents .article-sub-title.large {
  font-size: 15px;
}
.contents .article-group1 {
  padding: 20px;
  background: #f9f4ff;
}
@media all and (max-width: 400px) {
  .contents .article-group1 {
    padding: 10px;
  }
}
.contents .article-group2 {
  padding: 20px;
  background: #fff;
}
@media all and (max-width: 400px) {
  .contents .article-group2 {
    padding: 10px;
  }
}
.contents .article-unit {
  margin: 0 0 15px 0;
}
.contents .article-paragraph {
  line-height: 1.6;
  word-break: break-all;
}
.contents .article-block {
  margin: 10px 0 0 0;
}
.contents .article-block-title {
  padding: 10px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 15px;
  color: #fff;
  background: #cab5e5;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.contents .article-block-list {
  padding: 20px;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.contents .article-block-list-item:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.contents .article-block-list-item:first-child {
  margin: 0 0 10px 0;
}
.contents .article-block-list-head {
  width: 120px;
  position: relative;
  float: left;
  padding: 0 0 0 20px;
  color: #902e8d;
}
.contents .article-block-list-head:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0;
  background: url(../images/bullet_article_list.png) no-repeat;
  background-size: contain;
}
@media all and (max-width: 480px) {
  .contents .article-block-list-head {
    width: 100%;
  }
}
.contents .article-block-list-text {
  float: left;
}
@media all and (max-width: 480px) {
  .contents .article-block-list-text {
    padding: 10px 0 0 20px;
  }
}
.contents .brand-news-link {
  display: inline-block;
}


/*20161202 푸터메뉴 부분수정*/

.footer {
  width: 100%;
  padding: 20px 20px 40px;
  margin: 0;
  background: #0f0f0f;
  box-sizing: border-box;
}
.footer-outlink {
  text-align: center;
  line-height: 35px;
  border: 1px solid #7d7d7d;
}
.footer-outlink:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.footer-alliance {
  width: 50%;
  height: 35px;
  float: left;
  color: #bbb;
  border-right: 1px solid #7d7d7d;
  background: #252525;
  box-sizing: border-box;
}
.footer-family {
  width: 50%;
  height: 35px;
  position: relative;
  float: left;
  color: #bbb;
}
.footer-family:after {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  position: absolute;
  top: 13px;
  right: 10px;
  background: url(../images/family_arrow.png) no-repeat;
  background-size: cover;
}
.footer-family-popup {
  display: none;
  width: 100%;
  max-width: 640px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 50px;
  background: url(../images/bg_nav.png);
  z-index: 100;
}
.footer-family-popup.on {
  display: block;
}
.footer-family-popup .family-top {
  height: 40px;
  color: #fff;
  background: #432e66;
}
.footer-family-popup .family-title {
  padding: 0 0 0 15px;
  line-height: 40px;
}
.footer-family-popup .family-close {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 12px;
  right: 15px;
  text-indent: -99999em;
  background: url(../images/nav_close.png) no-repeat;
  background-size: contain;
}
.footer-family-list {
  padding: 7px 15px;
  border-bottom: 1px solid #5b5b5b;
}
.footer-family-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.footer-family-item {
  width: 50%;
  float: left;
  line-height: 3;
  border-bottom: 1px solid #7d7d7d;
}
.footer-family-item:last-child {
  border: 0;
}
.footer-family-item .family-link {
  color: #ccc;
}

.footer-sitemap {
  padding: 20px 0;
}
.footer-sitemap:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.footer-sitemap .sitemap-list {
  width: 24%;
  height:15px;
  float:left;
 }

.footer-sitemap .sitemap-list:nth-child(1) {
	border-right:0.5px solid #fff;
 }
 .footer-sitemap .sitemap-list:nth-child(2) {
	border-right:0.5px solid #fff;
 }
 .footer-sitemap .sitemap-list:nth-child(3) {
	border-right:0.5px solid #fff;
 }

.footer-sitemap .sitemap-list  .sitemap-link{
  display:block;
  width: 100%;
  height:15px;
  text-align:center;
  line-height:15px;
}

.footer-sitemap .sitemap-link {
  color: #eee;
}
.footer-address {
  font-size: 12px;
  font-weight: bold;
  color: #8b8b8b;
  text-align: center;
  line-height: 1.6;
}

.view {
  margin: 0 0 50px 0;
}
.view:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.view-big-item {
  display: none;
  position: relative;
}
.view-big-item.on {
  display: block;
}
.view-big-name {
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background: url(../images/franchise/bg_view_bar.png);
}
.view-thumb {
  width: 100%;
  margin: 10px 0 0 0;
}
.view-thumb-item {
  width: 33.33%;
  float: left;
  padding: 0 4px 0 0;
  margin: 0 0 7px 0;
  cursor: pointer;
  box-sizing: border-box;
}
.view-thumb-item:nth-child(3n+2) {
  padding: 0 2px;
}
.view-thumb-item:nth-child(3n) {
  padding: 0 0 0 4px;
}
.view-thumb-name {
  margin: 3px 0 0 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 10px;
  color: #2d2d2d;
  text-align: center;
}
@media all and (min-width: 480px) {
  .view-thumb-name {
    font-size: 15px;
  }
}

.success-list-tab {
  margin: 5px 0 0 0;
  background: #cacaca;
  padding: 10px 0;
}
.success-list-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.success-list-tab-item {
  width: 33.33%;
  float: left;
  text-align: center;
  border-right: 1px solid #dcdcdc;
  box-sizing: border-box;
}
.success-list-tab-item.last {
  border: 0;
}
.success-list-tab-link {
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #fff;
}
.success-list-tab-link.on {
  color: #902e8d;
}
.success-list-item {
  margin: 20px 0 0 0;
}
.success-list-item .before-after {
  position: relative;
}
.success-list-item .before-after:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.success-list-item .before-after-left {
  width: 47%;
  float: left;
}
.success-list-item .before-after-right {
  width: 47%;
  float: right;
}
.success-list-item .before-after-arrow {
  width: 12px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -6px;
}
.success-list-item .before-after-text {
  display: block;
  width: 100%;
  height: 20px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  background: #f087af;
}
.success-list-item .before-after-text.gray {
  background: #aaa;
}
.success-list-content {
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
  border-top: 1px solid #dcdcdc;
}
.success-list-content .content-list {
  padding: 3px 0;
}
.success-list-content .content-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.success-list-content .content-list-title {
  display: block;
  width: 50%;
  padding: 0 0 0 10px;
  float: left;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #902e8d;
  box-sizing: border-box;
}
.success-list-content .content-list-item {
  display: block;
  width: 50%;
  float: left;
}

.board-tab {
  padding: 5px 10px 0;
  background: #5d5d5d;
}
.board-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.board-tab-item {
  width: 32%;
  height: 39px;
  position: relative;
  float: left;
  text-align: center;
  box-sizing: border-box;
}
.board-tab-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  position: absolute;
  top: 9px;
  right: 0;
  background: #7d7d7d;
}
.board-tab-item.on:after {
  display: none;
}
.board-tab-item:first-child {
  width: 14%;
}
.board-tab-item:last-child {
  width: 22%;
}
.board-tab-item:last-child:after {
  display: none;
}
.board-tab-link {
  display: block;
  padding: 0 0 5px 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #fff;
  line-height: 34px;
}
.board-tab-link.double-line {
  line-height: normal;
}
.board-tab-link.on {
  color: #902e8d;
  background: #fff;
}
@media all and (max-width: 400px) {
  .board-tab-link {
    font-size: 12px;
  }
}
.board-list {
  padding: 10px 5px;
  border-bottom: 1px solid #ddd;
  }
.board-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.board-list-left {
  width: 25%;
  float: left;
}
.board-list-right {
  width: 75%;
  float: left;
  padding: 0 0 0 10px;
  box-sizing: border-box;
}
.board-list .list-head:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.board-list .list-category {
  width: 80px;
  height: 25px;
  float: left;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 10px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  background: #8470ad;
 }
.board-list .list-category.brand {
  float: none;
}
.board-list .list-category.double-line {
  height: 23px;
  padding: 2px 0 0;
  line-height: 1.1;
}
.board-list .list-title {
  height: 25px;
  float: left;
  padding: 0 2px 0 10px;
  line-height: 25px;
}
.board-list .list-title.brand {
  padding: 0;
  float: none;
}
.board-list .list-detail {
  margin: 3px 0 0 0;
}
.board-list .list-detail:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.board-list .list-detail.brand {
  margin: 0;
}
.board-list .list-detail .detail-item {
  height: 15px;
  padding: 0 7px;
  position: relative;
  float: left;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 10px;
  color: #7d7d7d;
  line-height: 15px;
}
.board-list .list-detail .detail-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  position: absolute;
  top: 3px;
  right: 0;
  background: #7d7d7d;
}
.board-list .list-detail .detail-item:first-child {
  padding: 0 7px 0 0;
}
.board-list .list-detail .detail-item:last-child:after {
  display: none;
}
.board-table {
  width: 100%;
  margin: 25px 0 0 0;
}
.board-table.no-margin {
  margin: 0;
}
.board-th {
  width: 60%;
  height: 30px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #fff;
  background: #cab5e5;
}
.board-th.heading {
  width: 40%;
  border-right: 2px solid #fff;
  box-sizing: border-box;
}
.board-td {
  width: 60%;
  height: 30px;
  padding: 5px 3%;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #2d2d2d;
  border-bottom: 1px solid #ddd;
}
.board-td.heading {
  width: 40%;
  color: #902e8d;
 }

.board-th1 {
  width: 30%;
  height: 30px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #fff;
  background: #cab5e5;
}
.board-th.heading1 {
  width: 70%;
  border-right: 2px solid #fff;
  box-sizing: border-box;
}
.board-td1 {
  width: 30%;
  height: 30px;
  padding: 5px 3%;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #2d2d2d;
  border-bottom: 1px solid #ddd;
}
.board-td.heading1 {
  width: 70%;
  color: #902e8d;
}
.board-view-title {
  width: 100%;
  height: 35px;
  padding: 0 0 0 10px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 15px;
  color: #fff;
  line-height: 35px;
  background: #cab5e5;
  box-sizing: border-box;
}
.board-view-info {
  width: 100%;
  height: 25px;
  padding: 0 0 0 10px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #902e8d;
  line-height: 25px;
  border-bottom: 2px solid #e6e2ef;
  box-sizing: border-box;
}
.board-view-area {
  color: #2d2d2d;
  padding: 10px;
}
.board-view-others {
  margin: 0 0 30px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.board-view-others .btn-prev {
  width: 100%;
  height: 35px;
  position: relative;
  padding: 0 0 0 40px;
  color: #999;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #999;
  background: none;
}
.board-view-others .btn-prev:after {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  position: absolute;
  top: 12px;
  left: 10px;
  background: url(../images/postscript_prev.png) no-repeat;
}
.board-view-others .btn-next {
  width: 100%;
  height: 35px;
  position: relative;
  padding: 0 0 0 40px;
  color: #999;
  text-align: left;
  border: 0;
  background: none;
}
.board-view-others .btn-next:after {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  position: absolute;
  top: 12px;
  left: 10px;
  background: url(../images/postscript_next.png) no-repeat;
}

.write-table {
  width: 100%;
}
.write-table th {
  width: 30%;
  padding: 0 0 0 10px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #902e8d;
  text-align: left;
}
.write-table td {
  width: 70%;
  padding: 5px 0;
}
.write-table .file-desc {
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 12px;
  color: #cab5e5;
  padding: 0 5% 0 0;
  text-align: right;
}

.agree-wrap {
  padding: 5px 0;
  margin: 10px 0 30px;
  text-align: center;
  border-top: 1px solid #e6e2ef;
  border-bottom: 1px solid #e6e2ef;
}
.agree-inner {
  display: inline-block;
}
.agree-inner:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.more {
  margin: 30px 0;
  text-align: center;
  border-top: 1px solid #989898;
  border-bottom: 1px solid #989898;
}
.more-btn {
  display: inline-block;
  position: relative;
  padding: 8px 30px 8px 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 15px;
  color: #989898;
  border: 0;
  background: none;
  cursor:pointer;
}
.more-btn:after {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  position: absolute;
  top: 13px;
  right: 0;
  background: url(../images/list_more.png) no-repeat;
}

.btn-wrap {
  text-align: center;
}
.btn-wrap:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.btn-purple {
  display: inline-block;
  width: 50%;
  height: 35px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #fff;
  border: 0;
  background: #432e66;
}
.btn-magenta {
  display: inline-block;
  width: 50%;
  height: 35px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #fff;
  border: 0;
  background: #902e8d;
}
.btn-gray {
  display: inline-block;
  width: 50%;
  height: 35px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #fff;
  border: 0;
  background: #999;
}
.btn-dark-gray {
  display: inline-block;
  width: 95%;
  height: 25px;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #fff;
  border: 0;
  background: #6c6c6c;
}

.input {
  width: 95%;
  height: 25px;
  padding: 0 0 0 10px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid #c3c3c3;
  background: none;
}
.input.third {
  width: 31%;
}
.input.half {
  width: 44%;
}

.select {
  width: 95%;
  height: 25px;
  padding: 0 0 0 10px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid #c3c3c3;
  background: url(../images/select_arrow.png) no-repeat center right;
}
.select.third {
  width: 31%;
}
.select.half {
  width: 44%;
}

.textarea {
  width: 95%;
  height: 100px;
  border: 1px solid #c3c3c3;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
}

.chkbox {
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin: 0 10px 0 0;
  border: 1px solid #c3c3c3;
  border-radius: 0;
}
.chkbox-label {
  color: #902e8d;
}

.strong {
  color: #902e8d;
}

.left-float {
  float: left;
}
.left-float.left {
  margin: 0 1% 0 0;
}

.right-float {
  float: right;
}

.required {
  padding: 0 5% 0 0;
  margin: 30px 0 0 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 12px;
  color: #902e8d;
  text-align: right;
}

.email-symbol {
  width: 7%;
  height: 25px;
  color: #cab5e5;
  text-align: center;
  line-height: 25px;
}

.date-blank {
  width: 7%;
  height: 25px;
}

.brand-image {
  padding: 0 0 20px 0;
}
.brand-movie {
  padding: 20px 10px;
  margin: 0 0 10px 0;
  background: #f5f5f5;
}
.brand-movie:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.brand-movie .movie-title {
  padding: 70px 10px 0 0;
  float: left;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 15px;
  color: #2d2d2d;
}
@media all and (max-width: 500px) {
  .brand-movie .movie-title {
    padding: 0 10px 20px 0;
  }
}
.brand-movie .movie-link {
  display: block;
  float: right;
}

.prg-tab {
  padding: 10px 0 10px 0;
}
.prg-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.prg-tab-item {
  width: 25%;
  float: left;
  cursor: pointer;
}
.prg-text-item {
  display: none;
}
.prg-text-item.on {
  display: block;
}

.prg-skincare-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.prg-skincare-tab-item {
  width: 33.33%;
  position: relative;
  float: left;
}
.prg-skincare-tab-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -8px 0 0 0;
  background: #dcdcdc;
}
.prg-skincare-tab-item.on:after, .prg-skincare-tab-item:last-child:after, .prg-skincare-tab-item.hide:after {
  display: none;
}
.prg-skincare-tab-link {
  display: block;
  height: 52px;
  padding: 10px 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 12px;
  color: #989898;
  text-align: center;
  box-sizing: border-box;
}
.prg-skincare-tab-link.on {
  color: #fff;
  background: #cab5e5;
}

.prg-body-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.prg-body-tab-item {
  width: 25%;
  position: relative;
  float: left;
}
.prg-body-tab-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -8px 0 0 0;
  background: #dcdcdc;
}
.prg-body-tab-item.on:after, .prg-body-tab-item:last-child:after, .prg-body-tab-item.hide:after {
  display: none;
}
.prg-body-tab-link {
  display: block;
  height: 52px;
  padding: 10px 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 12px;
  color: #989898;
  text-align: center;
  box-sizing: border-box;
}
.prg-body-tab-link.on {
  color: #fff;
  background: #d6bd49;
}

.event-visual {
  margin: 40px 0 0 0;
}
.event-item {
  margin: 20px 0;
}
.event-service {
  margin: 0 0 30px 0;
}
.event-franchise-link {
  margin: 20px 0 0 0;
}
.event-franchise-link:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.event-franchise-link-btn {
  display: block;
  width: 125px;
  float: left;
}
.event-franchise-link-btn:first-child {
  padding: 0 5px 0 0;
}
.event-form-top {
  padding: 10px;
  background: #e6e2ef;
}
.event-form-title {
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 15px;
  color: #222;
  padding: 0 0 5px 0;
}
.event-form-top-desc {
  font-size: 11px;
  line-height: 1.6;
}
.event-form-desc {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 11px;
  color: #333;
  text-align: center;
  border-top: 1px solid #e6e2ef;
}
.event-tel-wrap {
  display: block;
  margin: 0 0 10px 0;
}
.event-tel-wrap:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.popup {
  display: inline-block;
  width: 80%;
  position: relative;
  padding: 30px;
  text-align: center;
  border: 2px solid #7d7d7d;
  background: #fff;
  box-sizing: border-box;
}
.popup-wrap {
	display:none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	z-index: 100;
}

.popup-wrap.on{
	display: block;
}

.popup-pwd-label {
  display: block;
  text-align: center;
}
.popup-pwd-input {
  display: inline-block;
  width: 90%;
  height: 35px;
  margin: 20px 0;
  border: 2px solid #432e66;
}
.popup-pwd-btn {
  width: 90%;
}
.popup-close {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  text-indent: -99999em;
  border: 0;
  background: url(../images/bg_btn_close.png) no-repeat;
}

.event_btn{width:50%; float:left;}
.event_btn2{width:100%;}
/*# sourceMappingURL=common.css.map */
}

.introduce-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.introduce-tab-item {
  width: 25%;
  position: relative;
  float: left;
}
.introduce-tab-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -8px 0 0 0;
  background: #dcdcdc;
}
.introduce-tab-link {
  display: block;
  height: 40px;
  padding: 10px 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 12px;
  color: #989898;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
}
.introduce-tab-link.on {
  color: #902e8d;
}


.program-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.program-tab-item {
  width: 25%;
  position: relative;
  float: left;
}
.program-tab-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -8px 0 0 0;
  background: #dcdcdc;
}
.program-tab-link {
  display: block;
  height: 40px;
  padding: 10px 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 11px;
  letter-spacing:-0.3px;
  color: #989898;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
}
.program-tab-link.on {
  color: #902e8d;
}


.counsel-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.counsel-tab-item {
  width: 25%;
  position: relative;
  float: left;
}
.counsel-tab-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -8px 0 0 0;
  background: #dcdcdc;
}
.counsel-tab-link {
  display: block;
  height: 40px;
  padding: 10px 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 12px;
  letter-spacing:-0.2px;
  color: #989898;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
}
.counsel-tab-link.on {
  color: #902e8d;
}


.pgm-menu-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  
}
.pgm-menu-item {
  width: 50%;
  height: 30px;
  position: relative;
  float: left;
  text-align: center;
  line-height: 35px;



}
.pgm-menu-item:nth-child(3), .pgm-menu-item:nth-child(4) {
  width: 50%;
}

.pgm-menu-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  position: absolute;
  top: 11px;
  right: 0;
  background: #ddd;
}
.pgm-menu-item:nth-child(2):after, .pgm-menu-item:nth-child(4):after {
  display: none;
}
.pgm-menu-link {
  color: #989898;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 12px;
}
.pgm-menu-link.on {
  color: #902e8d;
}


.suc-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.suc-tab-item {
  width: 50%;
  position: relative;
  float: left;
}
.suc-tab-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -8px 0 0 0;
  background: #dcdcdc;
}
.suc-tab-item:first-child, .suc-tab-item:last-child {
  width: 50%;
}
.suc-tab-item.on:after, .suc-tab-item:last-child:after, .suc-tab-item.hide:after {
  display: none;
}
.suc-tab-link {
  display: block;
  height: 35px;
  padding: 10px 0;
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 12px;
  color: #989898;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
}
.suc-tab-link.on {
  color: #902e8d;
}



.success2-list-tab {
  margin: 15px 0 0 0;
}
.success2-list-tab:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.success2-list-tab-item {
  width: 20%;
  height: 34px;
  position: relative;
  float: left;
  text-align: center;
  box-sizing: border-box;
}
.success2-list-tab-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  position: absolute;
  top: 9px;
  right: 0;
  background: #dcdcdc;
}
.success2-list-tab-item:nth-child(3) {
  width: 23%;
}
.success2-list-tab-item:nth-child(4) {
  width: 14%;
}
.success2-list-tab-item.last {
  width: 23%;
}
.success2-list-tab-item.last:after {
  display: none;
}
.success2-list-tab-link {
  font-family: "arial", "Microsoft Yahei", sans-serif;
  font-size: 13px;
  color: #989898;
  line-height: 34px;
}
.success2-list-tab-link.double-line {
  line-height: normal;
}
.success2-list-tab-link.on {
  color: #005cb1;
}

/*15-12-17 추가*/
.pgm-menu-list,
.introduce-tab
{overflow: hidden; border-bottom: 1px solid rgb(221, 221, 221);}

/*16-02-04*/
.contents.main .event .slidesjs-navigation {
  width: 35px;
  height: 45px;
  position: absolute;
  top: 30.3%;
  margin: -22px 0 0 0;
  text-indent: -99999em;
  border: 0;
  background: url(../images/banner_arrow.png) no-repeat 0 0;
  z-index: 90;
}
.contents.main .event .slidesjs-previous {
  left: 0;
}
.contents.main .event .slidesjs-next {
  right: 0;
  background-position: -55px 0;
}


/*16-04-22*/
.board-view-area img{width:100% !important; height:auto !important;}

/*16 07 07*/
.tabMenu{overflow:hidden; margin-bottom:15px;}
.tabMenu img{width:100%;}
.tabMenu > li{float:left; width:33%; margin-left:1px;}
.tabMenu > li:first-child{width:66.5%; margin:0;}
.tabMenu > li.on{}
.tabMenu > li a{display:block; padding-bottom:45%;}
.tabMenu .menu1 a{padding-bottom:25%;}
.tabMenu .menu1{background:url("/bitinger/images/franchise/tabMenu0.png") no-repeat; background-size:100%;}
.tabMenu .menu2{background:url("/bitinger/images/franchise/tabMenu1.png") no-repeat; background-size:100%;}
.tabMenu .menu1.on{background:url("/bitinger/images/franchise/tabMenu0_on.png") no-repeat; background-size:100%;}
.tabMenu .menu2.on{background:url("/bitinger/images/franchise/tabMenu1_on.png") no-repeat; background-size:100%;}
.tab-content{position:relative;}
.tab-content.tabMenu2,
.tab-content.tabMenu3{display:none;}

.tab-content select{width:100%; height:30px; font-size:13px;}
.tab-content h3{margin-top:30px; padding-bottom:4px; border-bottom:1px solid #ddd; font-size:17px; font-weight:bold; color:#902e8d;}
.chinaTab .img1{display:block; margin:13px 0 25px;}
.chinaTab .map{display:block; margin:13px 0 35px;}
.bannImg_wrap{margin:13px 0 35px;}
.bannImg_wrap li{margin-top:10px;}
.bannImg_wrap li:first-child{margin:0;}

.mainSlide{overflow:hidden; position:absolute; top:36.5%;}
.mainSlideBlank{padding-bottom:90%;}
.bx-wrapper{margin:0;}
.bx-pager a{float:left; width:33%; margin-left:0.5%;}
.bx-pager a:first-child{margin-left:0;}
.bx-wrapper .bx-controls-direction a{width:35px; height:45px;}
.bx-wrapper .bx-prev{left:0; background:url("/wellkin/images/controls.png") no-repeat;}
.bx-wrapper .bx-next{right:0; background:url("/wellkin/images/controls.png") no-repeat -45px 0;}

.chinaTab{display:none;}
.chinaTab1{display:block;}
.tab-content{display:none;}
.tab-content.tabMenu1{display:block;}
.koreaTab{display:none;}
.koreaTab1{display:block;}

.tabMenu2 h3{margin-bottom:15px;}
.text_wrap h4{}
.text_wrap ul{margin:14px 0 20px;}
.text_wrap li{display:table; padding-left:11px;}
.text_wrap li span{display:table-cell;}
.text_wrap li .title{display:table-cell; width:120px; color:#902e8d;}
.text_wrap li .text{color:#7d7d7d;}
.text_wrapBox{border: 1px solid #ebebeb;}
.branch{display:none;}
.branch0{display:block;}