@charset "utf-8";

/* common */
  .gBlock { display:block; margin:5px 0 0; }

/* icon */
  .icoSFIX { overflow:hidden; display:inline-block; color:transparent; vertical-align:middle; text-indent:-150%;background-repeat:no-repeat; }
  .icoNotice { display:inline-block; text-align:center; letter-spacing:-0.05em; color:#41a3ff; border:1px solid #41a3ff; box-sizing:border-box; background-color:#fff; }
  .icoMore:after, .icoLink:after { display:inline-block; content:""; position:relative; border-color:#464b5b; border-style:solid; border-width:1px 1px 0 0; }
  .icoLink:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);  }
  .icoMore:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
    /* btn icon */
    .btnStrong.icoMore:after, .btnStrong.icoLink:after { border-color:#fff; }
    .btnStrong.icoMore:hover:after, .btnStrong.icoLink:hover:after{ border-color:#464b5b; }
    .btnBasic.icoMore:after, .btnBasic.icoLink:after { border-color:#afafaf; }

  .icoTel:before { display:inline-block; content:""; vertical-align:middle; background-repeat:no-repeat; }
  .icoValitationPass, .icoValitationError { position:relative; display:inline-block; width:22px; height:22px; vertical-align:middle; border:2px solid; border-radius:50%; box-sizing:border-box; }
  .icoValitationPass:before,
  .icoValitationPass:after { content:""; display:inline-block; position:absolute; background:#41a3ff; }
  .icoValitationPass:before { left:2px; top:9px; width:7px; height:2px;
    -webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -o-transform:rotate(50deg);
  }
  .icoValitationPass:after { left:10px; top:4px; width:2px; height:11px;
    -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg);
  }
  .icoValitationError:before,
  .icoValitationError:after { content:""; display:inline-block; position:absolute; background:#ed4e39;
    -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);
  }
  .icoValitationError:before { left:3px; top:8px; width:12px; height:2px; }
  .icoValitationError:after { left:8px; top:3px; width:2px; height:12px; }

/* button */
  .container [class^="btn"].icoMore:after { bottom:3px; }
  .container [class^="btn"].icoLink:after { left:0; }
  .container a[class^="btn"], .container button[class^="btn"], .container label[class^="btn"] { display:inline-block; vertical-align:middle; text-align:center; border-width:1px; border-style:solid; box-sizing:border-box; }
  .container a[class^="btn"]:hover, .container button[class^="btn"]:hover, .container label[class^="btn"]:hover { border-width:2px; text-decoration:none; }
  .container [class^="btn"].disabled:hover { border-width:1px; }
  .container [class^="btn"].disabled { color:#fff; border-color:#b3b3b3; background-color:#c0c0c0; cursor:text; }
  .container [class^="btn"].gFlex { width:auto; }
  .container .btnStrong:hover { color:#263238; border-color:#555; background-color:#fff; }
  .container .btnStrong { color:#fff; border-color:#474c5c; background-color:#474c5c; }
  .container .btnNormal { color:#263238; border-color:#555; background-color:#fff; }
  .container .btnBasic { color:#999; border-color:#ccc; background-color:#fff; }
  .container .btnEm { color:#263238; border-color:#ccc; background-color:#fff; }
  .container .btnPrimary { color:#41a3ff; border-color:#41a3ff; background-color:#fff; }
  .container label.btnChk { position:relative; width:auto; color:#777; border:1px solid #ccc; box-sizing:border-box; }
  .container label.btnChk.selected { color:#358de0; border:2px solid #41a3ff; }
  .container label.btnChk.selected:before { display:inline-block; content:""; vertical-align:middle; }
  .container a.btnIcon, .container button.btnIcon { margin:0; padding:0; line-height:1; background-repeat:no-repeat; }
  .container label.btnChk input { z-index:-1; position:absolute; top:0; left:0; opacity:0; cursor:pointer; }
  /* btnBox */
    .container a.btnBox { position:relative; color:#4c4c4f; border-color:#d5d5d5; background:#f9f9f9; }
    .container a.btnBox:hover { border-width:1px; }
    .container a.btnBox span { display:block; text-align:left; border-right:1px solid #e3e3e3; background:#fff; }
    .container a.btnBox:after { position:absolute; display:block; content:""; height:100%; vertical-align:middle; background-repeat:no-repeat; }
    .container a.btnBox.tel { padding:0; cursor:pointer; }
    .container a.btnBox.tel:hover { padding:0; }
    .container a.btnBox.tel span { padding-left:0; border-right:0; text-align:center; }
    .container a.btnBox.tel span:before { content:""; display:inline-block; position:relative; top:-2px; width:30px; height:30px; margin:0 10px 0 0; vertical-align:middle; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat; background-position:-200px -50px; }
  /* btnIcon */
    .container a.btnIcon[class*="ico"], .container button.btnIcon[class*="ico"] { overflow:hidden; padding:0; line-height:1em; white-space:nowrap; color:transparent; border:0; background-repeat:no-repeat; transition:none; }
    .container a.btnIcon[class*="ico"]:hover, .container button.btnIcon[class*="ico"]:hover { line-height:1em; }
    .container .btnIcon.icoDel { position:relative; vertical-align:middle; background:none; }
    .container .btnIcon.icoDel:before, .container .btnIcon.icoDel:after { position:absolute; left:0; display:block; content:""; height:1px; background:#474c5b; opacity:1; }
    .container .btnIcon.icoDel:before { -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    .container .btnIcon.icoDel:after {margin:-1px 0 0; -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

  /* keyframes */
    @-webkit-keyframes moreMove { 0% {bottom: 3px;} 50% {bottom: 12px;} 100% {bottom: 3px;} }
    @keyframes moreMove { 0% {bottom: 3px;} 50% {bottom: 12px;} 100% {bottom: 3px;} }
    @-webkit-keyframes downLoadMove { 0% {top: 12px;} 50% {top: 5px;} 100% {top: 12px;} }
    @keyframes downLoadMove { 0% {top: 12px;} 50% {top: 5px;} 100% {top: 12px;} }
    @-webkit-keyframes rightMove { 0% {right: 25px;} 50% {right: 35px;} 100% {right: 25px;} }
    @keyframes rightMove { 0% {right: 25px;} 50% {right: 35px;} 100% {right: 25px;} }

/* branchArea */
  .branchArea .mMap { border:1px solid #d5d5d5; }
  .branchArea .mCountry div.map { overflow:hidden; }
  .branchArea .map svg a path { stroke:#fff; stroke-opacity:1; stroke-width:2; fill:#c6cdcf; fill-opacity:1; }
  .branchArea .map svg a:hover path { fill:#eef1f3; }
  .branchArea .mTab .subList { display:none; }

/* toggle control */
  .eToggle .content { display:none; }
  .eToggle.selected .content { display:block; }

/* form */
  .fText , input[type="file"], .fTextarea { border:1px solid #ccc; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  .fText:disabled { background:#f9f9f9; }
  .fTextarea { color:#777; }
  .fCheck, .fRadio { display:inline-block; position:relative; vertical-align:middle; cursor:pointer; }
  .fCheck input, .fRadio input { z-index:-1; position:absolute; top:0; left:0; opacity:0; cursor:pointer; }
  .fCheck:before, .fRadio:before { content:""; display:inline-block; position:absolute; left:0; top:0; border:1px solid #b3b3b3; background:#fff; box-sizing:border-box; }
  .fCheck:after, .fRadio:after { content:""; position:absolute; display:block; }
  .fCheck:after { border-style:solid; border-color:#ddd; border-width:0 0 2px 2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
  .fRadio:before { border-radius:50%; }
  .fRadio:after { background:#fff; border-radius:50%; }
  .fCheck.selected, .fRadio.selected { color:#4c4c4f; }
  .fCheck.selected:after { border-color:#41a3ff; }
  .fRadio.selected:after { background:#41a3ff; }

/* grid */
  [class*="grid"]:after { display:block; content:""; clear:both; }
  [class*="grid"] > li { float:left; box-sizing:border-box; }
  [class*="grid"] > li:first-child { margin-left:0; }

/* HeadingArea */
  .headingArea { padding:40px 0 14px; border-bottom:2px solid #555; }
  .headingArea h1 { color:#263238; line-height:1; }

/* text */
  .multiEllipsis { overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; }
  .txtEllipsis { display:inline-block; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; }
  .txtEm { color:#358de0; }
  .txtWarn { color:#ed4e39; }
  .txtLess { font-size:0.85em !important; }
  .txtUnder { text-decoration:underline; }
  section [class^="m"] .title { color:#4c4c4f; }
  section [class^="m"] .title > a { color:#4c4c4f; }
  .gMerge { position:relative; z-index:1; margin-top:-1px; }

/* mArticle */
  .mArticle h2 { color:#263238; }

/* mAccountInfo */
  .mAccountInfo { overflow:hidden; }
  .mAccountInfo dt,
  .mAccountInfo dd { float:left; }
  .mAccountInfo .name { display:inline-block; font-weight:normal; }

/* mBook */
  .mBook { border:1px solid #4a505b; }
  .mBook .fDate { border-width:0; }
  .mBook .checkList li { color:#4c4c4f; }
  .mBook .checkList .fCheck.selected { color:#358de0; font-weight:bold; }
  .mBook .checkList .disabled { color:#b2b2b2; }
  .mBook .checkList .disabled .fCheck { text-decoration:line-through; cursor:text; }

/* mBox typeEmpty */
   .mBox.typeEmpty { margin:0; border-width:0; padding:0; background:none; }

/* mBreadcrumb */
  .mBreadcrumb { position:absolute; color:#777; }
  .mBreadcrumb:after { display:block; content:""; clear:both; }
  .mBreadcrumb li { position:relative; display:inline-block; vertical-align:middle; }
  .mBreadcrumb li:before { content:""; display:inline-block; border:solid #999; border-width:1px 1px 0 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); }
  .mBreadcrumb li:first-child:before { display:none; }
  .mBreadcrumb .home { overflow:hidden; text-indent:150%; white-space:nowrap; font-size:0; line-height:0; }

/* mBrdList */
  .mBrdList { border-top:1px solid #555; }
  .mBrdList table { border-bottom:1px solid #e2e2e2; }
  .mBrdList thead th, .mBrdList tbody thead th { text-align:center; }
  .mBrdList thead th { border-bottom:1px solid #e2e2e2; }
  .mBrdList tbody th { text-align:left; }
  .mBrdList thead + tbody th { color:#777; text-align:center; background:none; }
  .mBrdList th { color:#4c4c4f; font-weight:normal; background:#f9f9f9; }
  .mBrdList th, .mBrdList td { border:solid #e2e2e2; border-width:1px 0 0 1px; }
  .mBrdList tr:first-child th, .mBrdList tr:first-child td { border-top-width:0; }
  .mBrdList th:first-child, .mBrdList td:first-child { border-left-width:0; }
  .mBrdList th + td:first-child { border-left-width:1px; }
  .mBrdList [rowspan] { border-right-width:1px; }
  .mBrdList td:last-child { border-right-width:0; }
  .mBrdList .empty { text-align:center; border-bottom:1px solid #e2e2e2; }
  .mBrdList .positive { background-color:#e2f0fb; }
  .mBrdList .negative { background-color:#fff2f2; }
  .mBrdList .negative .error { color:#ed4e39; }
  .mBrdList .required { text-align:right; color:#4c4c4f; }
    /* gScroll */
    .mBrdList.gScroll { overflow:auto; border-bottom:1px solid #d5d5d5; }
    .mBrdList.gScroll table { border-bottom:0; }
    .mBrdList.gScroll th, .mBrdList.gScroll td { border-bottom-width:1px; }
    .mBrdList.gScroll .empty { border-bottom:0; }
  /* typeCalendar */
    .mBrdList.typeCalendar .nav { position:relative; text-align:center; border-bottom:1px solid #e2e2e2; background:#f9f9f9; }
    .mBrdList.typeCalendar .nav .condition { position:absolute; }
    .mBrdList.typeCalendar .nav .condition span { display:inline-block;color:#263238; }
    .mBrdList.typeCalendar .nav .condition span del { color:#b2b2b2; }
    .mBrdList.typeCalendar .nav .condition span.closed:before { display:inline-block; content:""; vertical-align:middle; background:#bbb; }
    .mBrdList.typeCalendar .nav .date { display:inline-block; color:#4c4c4f; vertical-align:middle; }
    .mBrdList.typeCalendar .nav .btnCalendar { width:auto; color:#4f4f4c; border-color:#e2e2e2; background:#fff; }
    .mBrdList.typeCalendar .nav .btnCalendar:after { top:0; margin:0; }
    .mBrdList.typeCalendar .nav .btnCalendar.next:after,
    .mBrdList.typeCalendar .nav .btnCalendar.prev:after { display:inline-block; content:""; position:relative; border:solid #4f4f4c; border-width:1px 1px 0 0; }
    .mBrdList.typeCalendar .nav .btnCalendar.next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);  }
    .mBrdList.typeCalendar .nav .btnCalendar.prev:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); }
    .mBrdList.typeCalendar .nav .btnCalendar.disabled { border-color:#e8e8e8; cursor:default; }
    .mBrdList.typeCalendar .nav .btnCalendar.disabled:after { border-color:#adb0b5; }
    .mBrdList.typeCalendar table .date { display:block; text-align:left; color:#4c4c4f; }
    .mBrdList.typeCalendar .sun, .mBrdList.typeCalendar .sun strong { color:#ed4e39; }
    .mBrdList.typeCalendar .today { background:#e5f3ff; }
    .mBrdList.typeCalendar .schedule a { color:#4c4c4f; line-height:1.4em; }
    .mBrdList.typeCalendar .schedule .closed a { color:#b2b2b2; text-decoration:line-through; }
    /* mini */
      .mBrdList.typeCalendar.mini .nav { background-color:transparent; }
      .mBrdList.typeCalendar.mini table button { display:block; width:100%; }
      .mBrdList.typeCalendar.mini .sun button { color:#ed4e39; }
      .mBrdList.typeCalendar.mini .today button { border:2px solid #41a3ff; }
    /* typeCalender reserve */
    .mBrdList.typeCalendar.reserve .nav .month { padding:0; }
    .mBrdList.typeCalendar.reserve .day { position:relative; z-index:1; display:inline-block; text-align:center; width:100%; line-height:1; vertical-align:top; box-sizing:border-box; }
    .mBrdList.typeCalendar.reserve .today { background:#e5f3ff; }
    .mBrdList.typeCalendar.reserve .selected .day { border:solid #41a3ff; }
    .mBrdList.typeCalendar.reserve .label { position:relative; left:0; right:0; margin:0 auto; display:inline-block; color:#fff; }
    .mBrdList.typeCalendar.reserve .label.able { background:#41a3ff; }
    .mBrdList.typeCalendar.reserve .label.unable { background:#c0c0c0; }
  /* typeGallery */
    .mBrdList.typeGallery { border-top:0; }
    .mBrdList.typeGallery li { box-sizing:border-box; border-bottom:1px solid #e2e2e2; }
    .mBrdList.typeGallery li:after { content:""; display:block; clear:both; }
    .mBrdList.typeGallery .thumbnail { position:relative; text-align:center; border:1px solid #d5d5d5; background-color:#f9f9f9;
      -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
    .mBrdList.typeGallery .thumbnail img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }
    .mBrdList.typeGallery .info { width:100%; vertical-align:middle; clear:both; }
    .mBrdList.typeGallery .info .title a { display:block; font-weight:700; line-height:1.2; }
    .mBrdList.typeGallery .info .title a:hover { color:#358de0; }
    .mBrdList.typeGallery .info .desc a { display:block; width:100%; height:50px; margin:14px 0 0; line-height:1.5em; color:#777; }
    /* grid */
      .mBrdList.typeGallery[class*="grid"] li { display:block; border:0; }
      .mBrdList.typeGallery[class*="grid"] .thumbnail { margin:0 auto; }
      .mBrdList.typeGallery[class*="grid"] .info { padding:10px 0; }
  /* typeAccordion */
    .mBrdList.typeAccordion .content { display:none; }
    .mBrdList.typeAccordion .content td > div { position:relative; }
    .mBrdList.typeAccordion .content .question:before,
    .mBrdList.typeAccordion .content .answer:before { display:block; position:absolute; font-weight:bold; text-align:center; }
    .mBrdList.typeAccordion .content .question:before { content:"Q"; color:#4c4c4f; }
    .mBrdList.typeAccordion .content .answer:before { content:"A"; color:#358de0; }
  /* 합계 */
    .mBrdList tfoot .sum th,
    .mBrdList tfoot .sum td { font-weight:bold; border-top-width:1px; background:#f9f9f9; }
    .mBrdList tfoot .sum .price { color:#358de0; text-align:right; border-left:0; }

  /* mBrdArea */
  .mBrdArea { border-bottom:1px solid #e2e2e2; }
  .mBrdArea .typeBody table { border-bottom:0; }
  .mBrdArea .typeHead td { background:#f9f9f9; }
  .mBrdArea .typeBody { overflow-y:scroll; border-top:0; }
  .mBrdArea .mBrdList .empty { border-bottom:0; }

/* mBrdMove */
  .mBrdMove { border-top:1px solid #aaa; border-bottom:1px solid #9b9b9b; }
  .mBrdMove li { position:relative; }
  .mBrdMove .prev { border-bottom:1px solid #e2e2e2; }
  .mBrdMove strong { color:#4c4c4f; font-weight:normal; }
  .mBrdMove strong:after { content:""; position:relative; display:inline-block; border-color:#393d4a; border-style:solid; border-width:1px 1px 0 0; }
  .mBrdMove .prev strong:after { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); }
  .mBrdMove .next strong:after { -webkit-transform:rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
  .mBrdMove .subject { display:inline-block; vertical-align:middle; }

/* mBrdView */
  .mBrdView .heading { position:relative; border-bottom:1px solid #e2e2e2; background-color:#f9f9f9; }
  .mBrdView .heading h2 { font-size:24px; color:#4c4c4f; }
  .mBrdView .content { color:#777; }

/* mButton */
  .mButton { text-align:center; }
  .mButton.left { text-align:left; }
  .mButton.right { text-align:right; }

/* mBox */
  .mBox.gCenter { text-align:center; }
  .mBox.typeComplete, .mBox.typeNotice { text-align:center; border:1px solid #d5d5d5; }
  .mBox.typeComplete .title:before, .mBox.typeNotice .title:before { display:block; content:""; }
  .mBox.typeComplete a[class^="btn"] { width:auto; }
  /* typeManual */
    .mBox.typeManual { width:100%; box-sizing:border-box; border:1px solid #d5d5d5; }
    .mBox.typeManual .item { vertical-align:middle; box-sizing:border-box; background:#f9f9f9; }
    .mBox.typeManual .item.manual { background:#fff; }
    .mBox.typeManual .item:after { content:""; display:block; clear:both; }
    .mBox.typeManual .item .point { display:inline-block; }
    .mBox.typeManual .item .title { font-weight:normal; color:#4c4c4f; }
    .mBox.typeManual .item .price { display:inline-block; text-align:right; color:#358de0; }
    .mBox.typeManual .item .button { display:inline-block; vertical-align:top; }
  /* typeBg */
    .mBox.typeBg { border:1px solid #d5d5d5; background:#f9f9f9; }
  /* gDivide */
    .mBox.gDivide .title { font-weight:normal; }
    .mBox.gDivide .price { display:inline-block; color:#358de0; }

/* mComment */
  .mComment li { padding:28px 75px 28px 0; border-top:1px solid #e2e2e2; }
  .mComment li:first-child { border-top:1px solid #aaa; }
  .mComment .id { color:#999; font-weight:normal; }
  .mComment .messege .date { color:#999; }
  .mComment .messege > .button { display:inline-block; margin-left:30px; }
  .mComment .messege > .button button { font-size:16px; color:#999; text-decoration:none; }
  .mComment .messege > .button button:first-child:after { content:""; display:inline-block; width:1px; height:16px; margin:0 12px 0 15px; vertical-align:-2px; background-color:#e1e1e1; }
  .mComment .messege .modify { position:relative; border:1px solid #d5d5d5; }
  .mComment .messege .modify .fTextarea { width:100%; border:0; resize:none; }
  .mComment .messege .modify .button { position:absolute; }
  .mComment .register { position:relative; padding:0 164px 0 0; background-color:#f9f9f9; }
  .mComment .register textarea { width:100%; height:58px; padding:18px 34px; font-size:16px; resize:none; border:1px solid #d5d5d5; border-right:0; box-sizing:border-box; background-color:#f9f9f9; }
  .mComment .register .btnStrong { position:absolute; top:0; right:0; width:164px; height:100%; font-size:18px; }
  .mComment .desc textarea { width:100%; font-size:16px; padding:5px; }

/* mCtrl */
  .mCtrl { overflow:hidden; margin-bottom:15px; }
  .mCtrl.right { text-align:right; }
  .mCtrl.center { text-align:center; }
  .mCtrl .gLeft { float:left; }
  .mCtrl .gRight { float:right; }
  .mCtrl .bar { display:inline-block; margin:0 10px; height:14px; vertical-align:middle; border-left:1px solid #d5d5d5; }
  /* type */
    .mCtrl.typeHeader, .mCtrl.typeFooter { margin-bottom:0; background-color:#f9f9f9; }
    .mCtrl.typeHeader { border-top:1px solid #555; }
      .mCtrl.typeHeader + .mBrdList { border-top-color:#d5d5d5; }
    .mCtrl.typeFooter { border-bottom:1px solid #d5d5d5; }
    .mCtrl.typeButton { position:relative; z-index:1; }
    .mCtrl.typeFlex { display:flex; align-items:center; }
    .mCtrl.typeFlex .gLeft { flex:1; text-align:left; justify-content:flex-start; }
    .mCtrl.typeFlex .gRight { flex:1; text-align:right; justify-content:flex-end; }

/* mCopy */
  .mCopy { text-align:center; }
  .mCopy h2 { color:#263238; }
  .mCopy h3 { font-weight:normal; color:#263238; }
  .mCopy p { color:#777; }
    /* typeVisual */
    .mCopy.typeVisual { margin-top:0; border-bottom:1px solid #d5d5d5; background-repeat:no-repeat; }
    .mCopy.typeVisual h2 { font-weight:normal; line-height:1.3; }
    .mCopy.typeVisual ul li { font-size:16px; line-height:21px; letter-spacing:-0.05em; }
    /* typeBg */
    .mCopy.typeBg { position:relative; background-color:#000; background-repeat:no-repeat; background-position:center; }
    .mCopy.typeBg:before { content:""; display:block; position:absolute; top:75px; left:50%; width:148px; height:148px; margin:0 0 0 -74px; border-radius:50%; background-color:#41a3ff; background-repeat:no-repeat; }
    .mCopy.typeBg h2 { color:#fff;  }
    .mCopy.typeBg p { color:#fff; }

/* mEmpty */
  .mEmpty { border:1px solid #d5d5d5; text-align:center; }
  .mEmpty strong { color:#263238; }

/* mFeature */
  .mFeature { text-align:center; }
  .mFeature h3 { position:relative; z-index:2; padding:0 0 23px; text-align:center; font-size:22px; color:#fff;   }
  .mFeature h3:before { content:""; display:block; margin:0 0 23px; padding-top:60%; }
  .mFeature .item1 h3 { background-color:#41a3ff; }
  .mFeature .item1 h3:before { background:url('//img.cafe24.com/img/soho/head/introduce/img_feature_introduce.jpg') no-repeat; background-size:cover; background-position:center top; }
  .mFeature .item2 h3 { background-color:#4093ff; }
  .mFeature .item2 h3:before { background:url('//img.cafe24.com/img/soho/head/introduce/img_feature_introduce2.jpg') no-repeat; background-size:cover; background-position:center top; }
  .mFeature .item3 h3 { background-color:#4083ff; }
  .mFeature .item3 h3:before { background:url('//img.cafe24.com/img/soho/head/introduce/img_feature_introduce3.jpg') no-repeat; background-size:cover; background-position:center top; }
    .mFeature.station .item1 h3:before { background:url('//img.cafe24.com/img/soho/head/introduce/img_feature_introduce4.jpg') no-repeat; background-size:cover; background-position:center top; }
  .mFeature .box { border:solid #d5d5d5; border-width:0 1px 0 1px; }
  .mFeature .box li:before { content:""; display:block; width:78px; height:78px; margin:0 auto 12px; background:url('//img.cafe24.com/img/soho/head/introduce/sfix_feature.png') no-repeat; }
  .mFeature .box li.design:before { background-position:-100px 0; }
  .mFeature .box li.model:before { background-position:-200px 0; }
  .mFeature .box li.studio:before { background-position:0 -100px; }
  .mFeature .box li.delivery:before { background-position:-100px -100px; }
  .mFeature .item1 .box li.delivery:before { background-position:-300px 0; }
  .mFeature .box li.md:before { background-position:-200px -100px; }
  .mFeature .box li.edu:before { background-position:0 -200px; }
  .mFeature .box li.marketing:before { background-position:-100px -200px; }
  .mFeature .box li.tax:before { background-position:-200px -200px; }
  .mFeature .box .title { display:block; font-size:13px; }
  .mFeature .box .headDesc { color:#263238; }
  .mFeature .box .btnBasic.gFlex { color:#777; border-width:1px; }

/* mFile */
  .mFile li { line-height:1.7em; }
  .mFile li .attached { position:relative; display:inline-block; }
  .mFile li .attached:before { position:absolute; top:4px; left:0; display:inline-block; content:""; background-repeat:no-repeat; }

/* mForm */
.mForm { position:relative; display:inline-block; vertical-align:middle; }
  /* typeFile */
  .mForm.typeFile { position:relative; }
  .mForm.typeFile label { cursor:pointer; }
  .mForm.typeFile input[type="file"] { position:absolute; top:0; left:0; padding:0; width:1px; cursor:pointer; opacity:0; }
  /* typeSelect */
  .mForm.typeSelect { border:1px solid #ccc; background-color:#fff; box-sizing:border-box; }
    .mForm.typeSelect.gFull { width:100%; }
  .mForm.typeSelect span { position:absolute; top:0; }
  .mForm.typeSelect select { width:100%; height:100%; opacity:0; filter:alpha(opacity=0); cursor:pointer; }
  .mForm.typeSelect:after { overflow:hidden; display:block; content:''; position:absolute; border-color:#263238 transparent #263238 transparent; border-style:solid; box-sizing:border-box; }

.mForm.typeSelect.disabled { border-color:#d6d6d6; }
.mForm.typeSelect.disabled span { color:#999; }
.mForm.typeSelect select:disabled { color:#999; cursor:default; }
.mForm.typeSelect.disabled:after { border-color:#c6c6c6 transparent #c6c6c6 transparent; }
/* typeSearch */
  .mForm.typeSearch { box-sizing:border-box; }
  .mForm.typeSearch .fText { width:100%; vertical-align:top; border-right:0; }
  .mForm.typeSearch button { position:absolute; top:0; right:0; margin-left:-1px; text-indent:150%; white-space:nowrap; font-size:0; line-height:0; border:1px solid #ccc; border-left:0; box-sizing:border-box; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat 0 0; background-position:-88px -43px; }
  /* typeVer */
  .mForm.typeVer { display:block; }
  .mForm.typeVer li { margin:10px 0 0; }
  .mForm.typeVer li:first-child { margin-top:0; }
  .mForm.typeVer .title { display:block; margin:16px 0 8px 0; font-size:16px; color:#777; }
  /* gColumn */
  .mForm.gColumn { display:table; table-layout:fixed; width:100%; box-sizing:border-box; }
    ul.mForm.gColumn > li { display:table; table-layout:fixed; width:100%;}
  .mForm.gColumn .column { display:table-cell; }
  .mForm.gColumn .column + .column { padding:0 0 0 10px; }
  .mForm.gColumn .fText { width:100%; }
  .mForm.gColumn .small { width:20%; }
  .mForm.gColumn .medium { width:30%; }
  .mForm.gColumn .large { width:40%; }
  /* addForm */
  .mForm.addForm { margin:2px 0; }

/* with anything */
  .gCellTel .mForm.typeSelect,
  .gCellEmail .mForm.typeSelect { display:inline-block; vertical-align:top; }

/* mFrame */
  .mFrame { line-height:0; border-top:1px solid #555; }

/* minfo */
  .mInfo { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; border:solid #d5d5d5; border-width:0 1px 1px 0; }
  .mInfo > dl { -webkit-flex:1; -ms-flex:1; flex:1; }
  .mInfo > dl:first-child { border-left-color:#d5d5d5; }
  .mInfo > dl > dt { color:#4c4c4f; border-bottom:1px solid #e3e3e3; background-color:#f7f8fa; }
  .mInfo > dl > dd { line-height:1.5em; color:#4f4f4c; }
  .mInfo strong { display:block; line-height:1; }
  .mInfo .effect { color:#358de0; }
  .mInfo .effect:before { display:inline-block; content:""; vertical-align:middle; background-repeat:no-repeat; }
  /* typeIcon */
    .mInfo.typeIcon { display:block; border-width:0; }
    .mInfo.typeIcon > dl { border:1px solid #d5d5d5; }
    .mInfo.typeIcon > dl:first-child { margin:0; }
    .mInfo.typeIcon > dl > dt { position:relative; text-align:left; }
    .mInfo.typeIcon > dl > dt:before { display:inline-block; content:""; vertical-align:middle; background-repeat:no-repeat; }
    .mInfo.typeIcon > dl > dt span { display:inline-block; vertical-align:middle; }

/* mLayer */
  .mLayer { display:none; z-index:110; position:absolute; border:1px solid #555; text-align:center; background:#fff; box-sizing:border-box;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1); }
  .mLayer h2 { font-size:26px; line-height:1; color:#263238; text-align:left; border-bottom:1px solid #e3e3e3; }
  .mLayer h3 { font-size:19px; line-height:1; color:#263238; text-align:left; }
  .mLayer h3:before { content:''; display:inline-block; vertical-align:middle; border-radius:50%; background-color:#a4a4a4; }
  .mLayer .contents { text-align:left; }
  .mLayer .infomation { line-height:1.5em;  text-align:center; }
  .mLayer .notifyCheck { text-align:right; background-color:#f9f9f9; }

  /* mList */
  .mList > li, p.mList, dl.mList { line-height:1.7em; }
  .mList > li, p.mList, dl.mList dt { position:relative; }
  .mList > li:before, p.mList:before, dl.mList dt:before { position:absolute; display:block; content:""; vertical-align:middle; border-radius:1em; background:#a4a4a4; }
  dl.mList dt { color:#4c4c4f; font-weight:bold; text-align:left; }
  dl.mList dt:first-child { margin:0; }
  dl.mList dd { font-size:0.9em; }
    /* gEmpty */
    .mList.gEmpty dt:before { content:none; display:none; }
    /* typeDash */
    .mList.typeDash > li:before { top:11px; width:4px; height:1px; }
.mList .empty,
p.mList.empty { padding-left:0; }
.mList .empty:before,
p.mList.empty:before { content:none; }

/* mMap */
  .mMap { border:1px solid #d5d5d5; box-sizing:border-box; }

/* mMapArea */
  .mMapArea .center .office .info { display:block; width:100%; text-decoration:none; }

/* mPaginate */
  .mPaginate { margin:40px 0; }
  .mPaginate { font-size:0; line-height:0; text-align:center; }
  .mPaginate a,
  .mPaginate strong { display:inline-block; font-weight:bold; vertical-align:top; text-decoration:none; }
  .mPaginate a { color:#4c4c4f; }
  .mPaginate ol,
  .mPaginate li { display:inline-block; }
  .mPaginate strong { color:#fff; background:#41a3ff; }
  .mPaginate .prev, .mPaginate .next,
  .mPaginate .first, .mPaginate .last { overflow:hidden; position:relative; border:1px solid #ccc; font-size:0; line-height:0; }
  .mPaginate .prev:before, .mPaginate .next:before,
  .mPaginate .first:before, .mPaginate .last:before,
  .mPaginate .first:after, .mPaginate .last:after { display:inline-block; content:""; position:absolute; border-color:#464b5b; border-style:solid; border-width:1px 1px 0 0;
    -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); }
  .mPaginate .prev:before, .mPaginate .first:before, .mPaginate .first:after { border-width:0 0 1px 1px; }
  .mPaginate .prev:before { left:15px; }
  .mPaginate .next:before { left:12px; }
  .mPaginate .first:before { left:13px; }
  .mPaginate .first:after { left:18px; }
  .mPaginate .last:before { left:9px; }
  .mPaginate .last:after { left:15px; }

/* mPoint */
  .mPoint li { text-align:center; }
  .mPoint .point { width:100%; padding:32px 0; font-size:18px; border:1px solid #d5d5d5; }
  .mPoint .selected .point,
  .mPoint .point:hover { padding:31px 0; color:#358de0; border:2px solid #41a3ff; }
  .mPoint .point strong { display:inline-block; }
  .mPoint .point strong:before { content:''; display:inline-block; width:32px; height:32px; margin:0 16px 0 0; vertical-align:bottom; border-radius:50%; background:#41a3ff url('//img.cafe24.com/img/soho/head/member/ico_point.png') no-repeat center; }

/* mProvide */
  .mProvide { padding:40px 79px; text-align:center; border:1px solid #d5d5d5; background:#f9f9f9; }
  .mProvide .title { font-size:22px; }
  .mProvide .desc { font-size:16px; color:#777; margin:12px 0 0; line-height:1.4em; }
  .mProvide .visual { margin:25px 0 0; }
  .mProvide .visual li { position:relative; overflow:hidden; border:1px solid #ddd; }
  .mProvide .visual li:first-child { margin-left:0; }
  .mProvide .visual li:before { content:""; display:block; }
  .mProvide .visual li img { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; }

/* mSearch */
  .mSearch { margin:50px 0 15px; }
  .mSearch:after { content:""; display:block; clear:both; }
  .mSearch fieldset { font-size:0; }
  .mSearch fieldset .mForm { display:inline-block; }
  .mSearch .mForm.typeSearch { vertical-align:top; }
  .mSearch fieldset .mForm.typeSelect { width:27%; margin:0 3% 0 0; }
  .mSearch fieldset .mForm.typeSearch { width:70%; }

/* mSlide */
  .mSlide { text-align:center; }
    .mCopy + .mSlide { border-top:1px solid #e3e3e3; }
    .tabContent .mSlide { padding-top:0; }
  .mSlide ul:after { display:block; content:""; clear:both; }
  .mSlide ul > li { float:left; }
  .mSlide .box { position:relative; overflow:hidden; margin:0 auto; }
  .mSlide .box ul { overflow:hidden; -webkit-transition:transform 1s; -moz-transition:transform 1s; transition:transform 1s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; }
  .mSlide ul.thumbnail { display:inline-block; margin:0 auto; width:auto !important; }
  .mSlide ul.thumbnail > li { overflow:hidden; border:1px solid #d6d6d6; box-sizing:border-box; }
  .mSlide ul.thumbnail > li a { display:block; }
  .mSlide ul.thumbnail > li.active { border:2px solid #41a3ff; }
  .mSlide ul.thumbnail > li.active a { margin:-1px; }
  .mSlide ul.thumbnail > li:first-child { margin:0; }
  .mSlide ul.thumbnail > li img { height:auto; }
  .mSlide .box .button { position:absolute; top:50%; height:0; }
  .mSlide .box .button button { z-index:5; position:absolute; font-size:0; color:transparent; background:rgba(255, 255, 255, 0.75); }
  .mSlide .box .button button.prev { left:0; }
  .mSlide .box .button button.next { right:0; }
  .mSlide .box .button button:after { display:inline-block; content:""; position:relative; border:solid #4e545f; border-width:1px 1px 0 0; }
  .mSlide .box .button button.prev:after { left:2px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); }
  .mSlide .box .button button.next:after { left:-2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

/* mState */
   .mState { overflow:hidden; margin:0 0 15px; }
   .mState.right { text-align:right; }
   .mState.center { text-align:center; }
   .mState .gLeft { float:left; }
   .mState .gRight { float:right; }

/* mStep */
  .mStep { position:relative; overflow:hidden; }
  .mStep > li { position:relative; }
  .mStep > li:before { z-index:2; position:absolute; display:block; content:""; background-repeat:no-repeat; }
  .mStep > li:last-child .box:before { display:none; }
  .mStep .box:before { z-index:4; position:absolute; display:block; content:""; }
  .mStep .title, .mStep .desc { color:#4c4c4f; }
  .mStep .title + .desc { color:#777; }
  .mStep [class^="seq"] { display:inline-block; text-align:center; color:#fff; text-transform:uppercase; }
  .mStep .label { display:block; }
  .mStep li:not(.separate) .label { font-weight:bold; color:#358de0; }
  /* type */
    .mStep.typeVer > li { display:table; width:100%; box-sizing:border-box; }
    .mStep.typeVer > li:after { background:#fff; }
    .mStep.typeVer .box { display:table-cell; vertical-align:middle; }
    .mStep.typeHor > li { margin:0; }

  /* gSeparate */
    .serviceArea.delivery .mStep.typeVer.gSeparate > li:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_step_separate_delivery.png') }
    .mStep.typeVer.gSeparate > li:before { background-color:#379eff; }
    .mStep.typeVer.gSeparate > li.separate:before { background-color:#9097a6; }
    .mStep.typeVer.gSeparate .box:before { width:0; height:0; border-style:solid; border-color:#fff transparent transparent; }
    .mStep.typeVer.gSeparate .box:after { content:""; display:block; position:absolute; z-index:3; width:0; height:0; border-style:solid; border-color:#337ccf transparent transparent; }
    .mStep.typeVer.gSeparate > li:last-child .box:after { display:none; }
    .mStep.typeVer.gSeparate .separate .box:after { border-top-color:#7e8291; }
  /* station */
    .mStep.station:before,
    .mStep.station:after { position:absolute; z-index:1; left:0; color:#00ad7d; display:inline-block; text-align:center; box-sizing:border-box; background:#fff; }
    .mStep.station:before { content:"개인 사무실"; }
    .mStep.station:after { content:"창업센터 스테이션"; }
    .mStep.station > li:after { content:""; position:absolute; top:0; display:inline-block; border-left:1px solid #00ad7d; }
    .mStep.station > li:first-child:after,
    .mStep.station > li:nth-child(4):after { border-top:1px solid #00ad7d; }
    .mStep.station > li:nth-child(3):after,
    .mStep.station > li:last-child:after { border-bottom:1px solid #00ad7d; }

/* mTab */
  .mTab ul { position:relative; border-left:1px solid #d5d5d5; }
  .mTab ul:after { content:""; display:block; clear:both; }
  .mTab li { float:left; text-align:center; margin:-1px 0 0; border:solid #d5d5d5; border-width:1px 1px 1px 0; box-sizing:border-box; background-color:#fff; }
  .mTab li a { display:inline-block; width:100%; text-decoration:none; line-height:1; box-sizing:border-box; }
  .mTab li.selected { position:relative; z-index:1; border-color:#393d4a; background:#474c5b; }
  .mTab li.selected:before,
  .mTab li.selected:after { content:""; position:absolute; top:-1px; left:0; z-index:2; display:inline-block; width:100%; height:1px; border-right:1px solid #393d4a; background:#393d4a; }
  .mTab li.selected:after { left:-1px; width:0; height:100%; border-top:2px solid #393d4a; }
  .mTab li.selected a { color:#fff; font-weight:bold; }
  /* gFlex */
    .mTab.gFlex { width:100%; }
    .mTab.gFlex ul { width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; }
    .mTab.gFlex ul li { float:none; flex:1; -webkit-flex:1; -ms-flex:1; -ms-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:space-around; }
  /* mTab typeText */
    .mTab.typeText { }
    .mTab.typeText ul { border:0; }
    .mTab.typeText li { position:relative; background:none; border:0; }
    .mTab.typeText li:before { position:absolute; top:0; bottom:0; margin:auto 0; left:0; content:""; display:inline-block; width:1px; height:16px; border:0; background:#b3b3b3; }
    .mTab.typeText li:first-child:before { content:none; }
    .mTab.typeText li a, .mTab.typeText li.selected a { padding:0 16px; }
    .mTab.typeText li:first-child a { padding-left:0; }
    .mTab.typeText li.selected { border:0; }
    .mTab.typeText li.selected a { color:#358de0; font-weight:normal; text-decoration:underline; }
    .mTab.typeText li.selected:after { content:none; }
  /* typeButton */
    .mTab.typeButton { text-align:center; }
    .mTab.typeButton ul { display:inline-block; border-width:0; }
    .mTab.typeButton li { color:#263238; border-width:1px; }
    .mTab.typeButton li:first-child { margin:0; }
    .mTab.typeButton li.selected { border-color:#41a3ff; background:#41a3ff; }
    .mTab.typeButton li.selected:before, .mTab.typeButton li.selected:after { display:none; }
    .mTab.typeButton li a { color:#263238; }
    .mTab.typeButton li.selected a { color:#fff; }

/* mTerms */
  .mTerms {  }
  .mTerms .check { border:1px solid #d5d5d5; border-bottom:0; background-color:#f9f9f9; }
  .mTerms .content { z-index:1; overflow-y:auto; overflow-x:hidden; border:1px solid #d5d5d5; }
  .mTerms .content p { line-height:1.7em; }
  .mTerms .content iframe { display:block; width:100%; height:100%; }
  .mTerms .content + .check { border-top:0; border-bottom:1px solid #d5d5d5; }
  /* mTerms typeAccordion */
  .mTerms.typeAccordion { border-top:0; }
  .mTerms.typeAccordion .check { font-weight:bold; }
  .mTerms.typeAccordion > ul > li + li { margin-top:-1px; }
  .mTerms.typeAccordion .heading { position:relative; border:1px solid #d5d5d5; border-bottom:0; }
  .mTerms.typeAccordion .heading h2 { color:#272739; }
  .mTerms.typeAccordion .heading button { position:absolute; overflow:hidden; text-indent:150%; white-space:nowrap; font-size:0; line-height:0; box-sizing:border-box; }
  .mTerms.typeAccordion .heading button:after { display:inline-block; content: ""; position:absolute; border:solid #464b5b; border-width:0 0 1px 1px;
    -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);
    -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
  .mTerms.typeAccordion .selected .heading button:after { border-color:#41a3ff; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);}
  .mTerms.typeAccordion .content { display:none; overflow-y:auto; overflow-x:hidden; }
  .mTerms.typeAccordion > ul > li:not(.selected) { border-bottom:1px solid #d5d5d5; }
  /* typeFrame */
  .mTerms.typeFrame .content { padding:0; }

/* mThumbList */
  .mThumbList li { position:relative; border:1px solid #d5d5d5; box-sizing:border-box; }
  .mThumbList li > a { display:block; text-decoration:none; }
  .mThumbList .thumbnail { overflow:hidden; }
  .mThumbList .info { box-sizing:border-box; }
  .mThumbList .info .date { display:inline-block; }
  .mThumbList .info .hit { position:absolute; }
  .mThumbList .info .hit:before { content:""; display:inline-block; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat 0 0; background-position:-150px -50px; }
  .mThumbList .info .desc { display:block; }

/* mTitle */
  .mTitle { position:relative; color:#4c4c4f; }
  .mTitle h2,
  .mTitle h3 { color:#263238; font-weight:normal; }
  .mTitle ul { margin:10px 0 0; }
  .mTitle ul > li { line-height:1.7em; }
  .mTitle ul > li:before { display:inline-block; content:""; vertical-align:middle; border-radius:1em; background:#a4a4a4; }
  .mTitle .gMerge { position:absolute; right:0; bottom:0; }
  .mCopy + .mTitle { border-top:1px solid #e3e3e3; }

/* mTooltip */
  .mTooltip { position:relative; z-index:10; display:inline-block; vertical-align:middle; text-align:left; }
  .mTooltip .icon { overflow:hidden; text-indent:150%; white-space:nowrap; font-size:0; cursor:pointer; border-radius:50%; background:#fff url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat; }
  .mTooltip > .text { color:#777; }
  .mTooltip .tooltip { display:none; position:absolute; left:50%; background-color:#fff; box-sizing:border-box;
    -webkit-box-shadow:1px 1px 1px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.26);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.26);
  }
  .mTooltip .content .title { display:block; color:#263238; font-weight:bold; word-spacing:-1px; }
  .mTooltip .edge { position:absolute; font-size:0; line-height:0; width:0; height:0; border-style:solid; border-color:#555 transparent; }
  .mTooltip .edge:after { content:""; position:absolute; display:inline-block; width:0; height:0; border-style:solid; border-color:#fff transparent; }
  .mTooltip .close { position:absolute; overflow:hidden; display:block; color:transparent; text-indent:150%; white-space:nowrap; line-height:0; font-size:0; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s; }
  .mTooltip .close:before, .mTooltip .close:after { position:absolute; display:block; content:""; width:100%; height:1px; background:#4d4d4d; opacity:1; left:0; }
  .mTooltip .close:before { -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .mTooltip .close:after { -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .mTooltip .close:hover { padding:0; border-width:1px; -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

  /* mQna */
  .mQna { border-top:1px solid #555; }
  .mQna .heading { position:relative; font-size:17px; }
  .mQna .heading strong { color:#4c4c4f; }
    /* typeBasic */
    .mQna.typeBasic > li { border-bottom:1px solid #e2e2e2; }
    .mQna.typeBasic .heading { position:relative; padding:0; color:#4c4c4f; font-weight:bold; }
    .mQna.typeBasic .heading:before { position:absolute; content:"Q."; color:#358de0; }
    /* typeAccordion */
    .mQna.typeAccordion .heading { padding:20px 100px 18px 85px; border-bottom:1px solid #e2e2e2; }
    .mQna.typeAccordion .content { display:none; position:relative; }
    .mQna .content { padding:30px 100px 40px 85px; font-size:17px; border-bottom:1px solid #e2e2e2; }
    .mQna .selected { background-color:#f9f9f9; }
    .mQna .selected .content { display:block; }
    .mQna .heading button { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:150%; white-space:nowrap; font-size:0; line-height:0; border-left:0; box-sizing:border-box; }
    .mQna .heading button:after { display:inline-block; content: ""; position:absolute; top:20px; right:35px; width:9px; height:9px; border:solid #464b5b; border-width:1px 1px 0 0;
      -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);
      -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
    }
    .mQna .selected .heading button:after { top:25px; border-color:#474b5a;
      -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);
      -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
    }

/* mVision */
  .mVision li { padding:60px 0; border-bottom:1px solid #e2e2e2; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; }
  .mVision .info .title { font-size:22px; display:block; padding-right:20px; }
  .mVision .info .title:after { display:block; content:""; width:94px; height:1px; margin:24px 0 0; background-color:#d5d5d5; }
  .mVision .info .desc { margin:20px 0 0; font-size:16px; line-height:24px; color:#777; letter-spacing:-0.05em; }
  .mVision .thumbnail { overflow:hidden; }

  /* mReserve */
  .mReserve .date { font-weight:bold; text-align:center; color:#4c4c4f; border-top:1px solid #4a505b; border-bottom:1px solid #e2e2e2; background-color:#f9f9f9; }
  .mReserve .branch { display:inline-block; text-align:center; }
  .mReserve .time { text-align:center; }
  .mReserve .empty { position:relative; color:#777; text-align:center; border:1px solid #d5d5d5; }
  .mReserve .empty:before { content:""; display:block; width:66px; height:66px; margin:0 auto 24px; border:4px solid #ccc; border-radius:50%; box-sizing:border-box; }
  .mReserve .empty:after { content:""; position:absolute; left:280px; top:222px; display:inline-block; width:16px; height:20px; border:solid #ccc; box-sizing:border-box; border-width:0 0 4px 4px; border-radius:2px; }
  .mReserve a.btnNormal.icoMore { width:100%; }

  /* termsTemplete */
  .termsTemplete .title,
  .termsTemplete .subTitle { display:block; color:#263238; }
  .termsTemplete .title { font-size:1.05em; }
  .termsTemplete .subTitle { font-size:0.9em; }
  .termsTemplete li,
  .termsTemplete p { color:#777; font-size:0.9em; line-height:1.5em; }
  .termsTemplete ol > li > ol > li { font-size:1em; }

/******************** page ********************/
  /* 메인 */
    .main .mMainTitle { padding:0; text-align:center; }
    .main .mMainTitle h2 { color:#263238; }
    .main .mMainTitle p { color:#4c4c4f; }
    .main .visual { position:relative; overflow:hidden; }
    .main .visual .slide { -webkit-transition:transform 1s; -moz-transition:transform 1s; transition:transform 1s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; }
    .main .visual .slide:after { content:""; display:block; clear:both; }
    .main .visual .slide li { position:relative; float:left; width:100%; }
    .main .visual .copy { visibility:hidden; overflow:hidden; text-indent:-150%; white-space:nowrap; width:0; height:0; font-size:0; line-height:0; border:0; }
    .main .visual .btnDetails { display:inline-block; position:absolute; top:0; bottom:0; z-index:1; width:100%; height:100%; font-size:0; border:0; padding:0; background:none; }
    .main .visual .btnDetails a { display:block; width:100%; height:100%; }
    .main .visual .button .prev,
    .main .visual .button .next { overflow:hidden; position:absolute; top:0; bottom:0; z-index:1; margin:auto 0; background-color:rgba(0,0,0,0.3); font-size:0; line-height:0; text-indent:150%; }
    .main .visual .button .prev { left:0; }
    .main .visual .button .next { right:0; }
    .main .visual .button .prev:before, .main .visual .button .next:before,
    .main .visual .button .prev:after, .main .visual .button .next:after { content:""; position:absolute; top:0; bottom:0; margin:auto; display:inline-block; border:solid #fff; z-index:1;
      -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); }
    .main .visual .button .prev:after,
    .main .visual .button .next:after { border-color:#5e5f62; top:2%; z-index:0; }
    .main .visual .button .prev:before,
    .main .visual .button .prev:after { left:5px; right:0; }
    .main .visual .button .next:before,
    .main .visual .button .next:after { left:0; right:5px; }
    .main .visual .button .controlBar { position:absolute; left:0; right:0; z-index:2; margin:0 auto; text-align:center; }
    .main .visual .button .btnSwipe { text-align:center; display:inline-block; font-size:0; vertical-align:middle; }
    .main .visual .button .btnSwipe li { display:inline-block; }
    .main .visual .button .btnSwipe li button { font-size:0; line-height:0; text-indent:150%; background-color:#fff; border-radius:50%;
      -webkit-box-shadow:0 1px 1px 0 rgba(97,98,102,1);
      -moz-box-shadow:0 1px 1px 0 rgba(97,98,102,1);
      box-shadow:0 1px 1px 0 rgba(97,98,102,1);
    }
    .main .visual .button .btnSwipe .selected button { background-color:#41a3ff; }
    .main .visual .button .btnMoveCtrl { display:inline-block; overflow:hidden; font-size:0; white-space:nowrap; text-align:left; vertical-align:middle; }
    .main .visual .button .btnMoveCtrl .play,
    .main .visual .button .btnMoveCtrl .pause { overflow:hidden; display:inline-block; color:transparent; -webkit-transition:all 250ms; transition: all 250ms; vertical-align:middle; }
    .main .visual .button .btnMoveCtrl .play { position:relative; top:0; width:0; height:0; opacity:0; border-style:solid; border-color:transparent #fff; }
    .main .visual .button .btnMoveCtrl .pause { position:relative; box-sizing:border-box; font-size:1em; }
    .main .visual .button .btnMoveCtrl .pause:before,
    .main .visual .button .btnMoveCtrl .pause:after { position:absolute; top:0; content:""; display:inline-block; background-color:#fff;
      -webkit-box-shadow:0 1px 1px 0 rgba(97,98,102,1);
      -moz-box-shadow:0 1px 1px 0 rgba(97,98,102,1);
      box-shadow:0 1px 1px 0 rgba(97,98,102,1);
    }
    .main .visual .button .btnMoveCtrl .pause:before { left:0; }
    .main .visual .button .btnMoveCtrl .pause:after { right:0; }
      /* stop */
      .main .visual .button .btnMoveCtrl.stop .pause { width:0; opacity:0; border:0; -webkit-transform:translate(-20px,0); transform:translate(-20px,0); }
      .main .visual .button .btnMoveCtrl.stop .play { opacity:1; -webkit-transform:translate(0, 0); transform:translate(0, 0); }
    .main .cafe24Area .counter li { text-align:center; }
    .main .cafe24Area .counter .number:before { content:""; display:inline-block; vertical-align:top; background:url('//img.cafe24.com/img/soho/head/main/sfix_counter.png') no-repeat; }
    .main .cafe24Area .counter .number { display:block; color:#263238; }
    .main .cafe24Area .counter .number strong { color:#379df4; font-family:arial; vertical-align:-3px; letter-spacing:-1px; }
    .main .cafe24Area .counter .founder .number:before { background-position:0 0; }
    .main .cafe24Area .counter .rank .number:before { background-position:-100px 0; }
    .main .cafe24Area .counter .branch .number:before { background-position:-200px 0; }
    .main .cafe24Area .counter .seat .number:before { background-position:-300px 0; }
    .main .cafe24Area .counter .desc { display:inline-block; color:#4c4c4f; background-color:#e9eced; border-radius:15px; letter-spacing:-0.05em; }
    .main .programArea .service li { text-align:center; }
    .main .programArea .service li a { display:block; font-weight:bold; color:#fff; text-decoration:none; background-color:#4d5360; }
    .main .programArea .service li a:before { content:""; display:block; margin:0 auto; background-image:url('//img.cafe24.com/img/soho/head/main/sfix_program.png'); background-repeat:no-repeat; }
    .main .programArea .service .edu a:before { background-position:-100px 0; }
    .main .programArea .service .consult a:before { background-position:-200px 0; }
    .main .programArea .service .studio a:before { background-position:-300px 0; }
    .main .programArea .service .low a:before { background-position:0 -80px; }
    .main .programArea .service .tax a:before { background-position:-100px -80px; }
    .main .programArea .service .buy a:before { background-position:-200px -80px; }
    .main .programArea .service .design a:before { background-position:-300px -80px; }
    .main .programArea .service li a:hover { color:#fff; background-color:#41a3ff; }
    .main .programArea .service li a:hover:before { background-image:url('//img.cafe24.com/img/soho/head/main/sfix_program_over.png'); }
    .main .branchArea { background-color:#f0f2f5; }

  /* 창업센터소개 > 창업센터란 */
    .introduceArea.introduce .mCopy.typeVisual { background-image:url('//img.cafe24.com/img/soho/head/introduce/bg_copy_introduce.png'); }
    /*  */
    .introduceArea.contact section + .mButton { margin:0; }

  /* 서비스 이용하기(serviceArea) */
    /* 비즈니스 서비스 */
    .mBusiness > li { position:relative; display:table; border:1px solid #d5d5d5; border-left:0; vertical-align:middle; box-sizing:border-box; }
    .mBusiness > li .info { display:table-cell; vertical-align:middle; }
    .mBusiness > li:before { position:absolute; top:-1px; left:0; display:inline-block; content:""; vertical-align:middle; background:#41a3ff url('//img.cafe24.com/img/soho/head/service/sfix_business.png') no-repeat; }
    .mBusiness .title { display:block; color:#4c4c4f; }
    /* 언론 속의 창업센터 */
    .serviceArea.edu .mInfo.typeIcon dt:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_info_edu.png'); }
    /* 택배 서비스 */
    .serviceArea.delivery .mStep > li:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_step_delivery.png'); }
    /* 1:1컨설팅 */
    .serviceArea.consult .mStep > li:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_step_consult.png') }
    #layerService .btnNormal { font-weight:bold; }
    #layerService .btnNormal.disabled { font-weight:normal; }
    /* 디자인 서비스 */
    .serviceArea.design .mInfo.typeIcon dt:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_info_design.png'); }
    /* 인터넷 전화 */
    .serviceArea.phone .mInfo.typeIcon dt:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_info_phone.png'); }
    .serviceArea.phone .mStep > li:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_step_phone.png'); }
    /* 세무 서비스 */
    .serviceArea.tax .mInfo.typeIcon dt:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_info_tax.png'); }
    /* 사입 서비스 */
    .serviceArea.purchase .local .mInfo.typeIcon dt:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_info_purchase_local.png'); }
    .serviceArea.purchase .oversea .mInfo.typeIcon dt:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_info_purchase_oversea.png'); }
    /* 브랜드 아이템 물류대행 */
    .serviceArea.brand .mInfo.typeIcon dt:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_info_brand.png'); }
    .serviceArea.brand .mStep > li:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_step_brand.png') }
    /* 다이소 BOX 서비스 */
    .serviceArea.daiso .mInfo.typeIcon dt:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_info_daiso.png'); }
    .serviceArea.daiso .mStep > li:before { background-image:url('//img.cafe24.com/img/soho/head/service/sfix_step_daiso.png') }
    /* 모델 섭외 서비스 */
    .serviceArea.model .modelList > li { text-align:center; }
    .serviceArea.model .modelList > li img { max-width:100%; }
    .serviceArea.model .modelList .code { display:block; color:#4f4f4c; }
    .serviceArea.model .mBrdList col:first-child { width:20% !important; }
    .serviceArea.modelDetail .profile { display:table; table-layout:fixed; width:100%; border-bottom:1px solid #e2e2e2; }
    .serviceArea.modelDetail .profile .thumbnail, .profile .information { display:table-cell; vertical-align:middle; }
    .serviceArea.modelDetail .profile .thumbnail { text-align:center; border-right:1px solid #e2e2e2; background:#f9f9f9; }
    .serviceArea.modelDetail .profile .information dl:after { display:block; content:""; clear:both; }
    .serviceArea.modelDetail .profile .information dt, .profile .information dd { float:left; line-height:1.8em; }
    .serviceArea.modelDetail .profile .information dt { width:25%; color:#4c4c4f; }
    .serviceArea.modelDetail .profile .information dd { position:relative; padding:0 0 0 4%; width:71%; }
    .serviceArea.modelDetail .profile .information dd:before { position:absolute; top:0; left:0; display:block; content:":"; width:2px; color:#4c4c4f; vertical-align:middle; }
    .serviceArea.modelDetail .profile .mButton a { margin:0; }
    .serviceArea.modelDetail .pictures { text-align:center; }
    .serviceArea.modelDetail .pictures img { display:block; max-width:100%; }
    .serviceArea.modelDetail .mBrdList col:first-child { width:20% !important; }
    .modelForm .fTextarea { width:100%; }
    .modelForm select.text { width:30%; -webkit-appearance:menulist; }
    .modelForm .email input { width:28% !important; }

  /* 입주문의하기 */
    /* 입주 문의 */
    .inquiryArea.step .mStep > li:before { background-image:url('//img.cafe24.com/img/soho/head/inquiry/sfix_step_step.png'); }
    /* 이용문의 */
    .inquiryArea.use .mBrdList.typeWrite .mForm.typeSelect { display:inline-block; vertical-align:top; }
    .inquiryArea.use .mBrdList.typeWrite textarea { width:100%; }
    /* 공지사항 */
    .inquiryArea.notice .mBrdList .txtEllipsis { vertical-align:middle; }
    .inquiryArea.notice .mBrdList .notice { color:#263238; }

  /* 가맹 문의 */
    /* 창업센터 가맹문의 */
    .franchiseeArea.intro section:last-of-type { border-bottom:1px solid #ddd; }
    .franchiseeArea.intro .mCopy.typeBg { background-image:url('//img.cafe24.com/img/soho/head/franchisee/img_franchisee_visual.jpg'); }
    .franchiseeArea.intro .mCopy.typeBg:before { background-image:url('//img.cafe24.com/img/soho/head/franchisee/sfix_copy.png'); background-position:0 0; }
    .franchiseeArea.intro .mStep > li:before { background-image:url('//img.cafe24.com/img/soho/head/franchisee/sfix_step_franchisee.png'); }

  /* 전국센터 안내 */
  .centerInfoArea.infoDetail .mCountry { bottom:0; }
  .centerInfoArea.infoDetail .tabContent .mBox { border-width:0; }

  /* login */
  .login .loginArea { margin:0 auto; text-align:center; border:1px solid #e3e3e3; box-sizing:border-box; }
  .login .loginArea .form { position:relative; }
  .login .loginArea .form .fText { width:100%; }
  .login .loginArea .form .buttonLogin { position:absolute; top:0; right:0; display:inline-block; color:#fff; font-size:18px; text-align:center; text-decoration:none; background:#41a3ff; }
  .login .loginArea .option { overflow:hidden; border-bottom:1px solid #e3e3e3; }
  .login .loginArea .option .saveCheck { float:left; }
  .login .loginArea .option .security { float:right; }
  .login .loginArea .member { overflow:hidden; display:inline-block; }
  .login .loginArea .member li { float:left; }
  .login .loginArea .member li a:before { display:inline-block; content:""; width:1px; vertical-align:middle; background:#d6d6d6; }
  .login .loginArea .member li:first-child a:before { display:none; }

  /* branchArea v2 */
    .branchArea.v2 .mTab li.selected { border-color:#41a3ff; background-color:#41a3ff; }
    .branchArea.v2 .mTab li.selected:before, .mTab li.selected:after { display:none; }

  /* 컨설팅 신청 레이어 */
    .mForm.typeHor li { display:inline-block; margin:5px 0 0; }
    .mBrdList.typeList .mConsultTip { display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; flex-wrap:wrap; margin:0 -5px; }
    .mBrdList.typeList .mConsultTip .item { position:relative; width:50%; padding:5px; box-sizing:border-box; font-size:14px; line-height:16px; }
    .mBrdList.typeList .mConsultTip .item .link { display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; align-items:center; margin:0; padding:0 16px 0 55px; border:1px solid #d5d5d5; }
    .mBrdList.typeList .mConsultTip .item .link:hover { text-decoration:none; }
    .mBrdList.typeWrite .txtByte { margin:15px 0 0; text-align:right; font-size:15px; line-height:16px; }
    .mBrdList.typeWrite .titleExample { margin:-17px 0 5px; color:#358de0; font-size:15px; line-height:16px; font-weight:normal; }
    .mBrdList.typeWrite .mList { padding:0; font-size:15px; line-height:24px; }
    .mBrdList.typeWrite .mList:before { width:0; }
    .mBrdList.typeWrite .fTextarea { font-size:14px; line-height:24px; }
    .mBrdList.typeWrite .mForm.typeVer .gLabel { margin-right:10px; }

/* ======================================== Media Query ======================================== */

/********************* Mobile *********************/
@media all and (max-width:767px) {
  /* global */
    .icoSFIX { background-size:150px auto; }
      .icoNew { margin:-2px 0 0 5px; width:10px; height:10px; background-position:-25px -75px; }
      .icoOn { margin:0 0 0 5px; width:19px; height:12px; background-position:0 -75px; }
      .icoRequired { width:4px; height:4px; background-position:-75px -75px; }
    .gBlankMS { margin-top:10px; }
    .gBlankMM { margin-top:15px; }
    .gBlankML { margin-top:20px; }
    .gSideBlankMS { margin-left:10px; }
    .gSideBlankMM { margin-left:15px; }
    .gSideBlankML { margin-left:20px; }
    .gSideBlankM { margin-left:8px; }
    .gBlockM { display:block; }
    .gBlockT, .gBlockW { display:inline; }

  /* form */
    select { border:1px solid #ccc; padding:0 0 0 5px; height:21px; line-height:23px; outline:0; font-size:13px; vertical-align:top; }
    a[href^="tel"] { white-space:nowrap; }
    .fText.date { width:75px; }
    .fText.date + img { margin:0 0 0 5px; width:17px; height:auto; }
    .fText, input[type="file"] { padding:0 7px; height:28px; font-size:13px; }
    .fTextarea { padding:6px 7px; font-size:11px; line-height:18px; }
    .fCheck, .fRadio { min-height:12px; line-height:12px; padding:0 0 0 15px; font-size:11px; }
    .fCheck:before, .fRadio:before { width:12px; height:12px; }
    .fCheck:after, .fRadio:after { left:3px; top:3px; border-width:0 0 1px 1px; }
    .fCheck:after { width:6px; height:3px; }
    .fRadio:after { width:6px; height:6px; }
    .fRadio + .fRadio, .fCheck + .fCheck { margin-left:10px; }
    .fCheck.gClear, .fRadio.gClear { padding-left:12px; }
    .fText.date { width:75px; }
    input[type="date"] { width:100%; border-width:0; }
    input[type="date"]::-webkit-calendar-picker-indicator { background:#fff; }
    .fDate { position:relative; display:inline-block; width:130px; border:1px solid #ccc; }
    .fDate:after { position:absolute; top:12px; right:11px; display:block; content:"▼"; font-size:7px; color:#555; }
    .fDate:hover:after { display:none; }

  /* icon */
    .icoNotice { width:23px; height:15px; line-height:15px; font-size:11px; }
    .icoMore:after, .icoLink:after { margin:0 0 0 5px; width:5px; height:5px; }
    .icoTel:before { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); background-size:150px auto; }
    .icoValitationPass, .icoValitationError { width:15px; height:15px; border:1px solid; }
    .icoValitationPass:before { left:2px; top:7px; width:5px; height:1px; }
    .icoValitationPass:after { left:7px; top:3px; width:1px; height:7px; }
    .icoValitationError:before { left:2px; top:6px; width:9px; height:1px; }
    .icoValitationError:after { left:6px; top:2px; width:1px; height:9px; }

  /* button */
    .container a[class^="btn"], .container button[class^="btn"], .container label[class^="btn"] { width:100%; height:38px; line-height:38px; font-size:13px; }
    .container a[class^="btn"]:hover, .container button[class^="btn"]:hover, .container label[class^="btn"]:hover { line-height:36px; }
    .container [class^="btn"].mini { height:28px; line-height:28px; font-size:12px; }
    .container [class^="btn"].disabled:hover { line-height:38px; }
    .container [class^="btn"].mini:hover { line-height:26px; }
    .container [class^="btn"].mini.disabled:hover { line-height:28px; }
    .container [class^="btn"].gFlex { padding:0 8px; }
    .container [class^="btn"].gFlex:hover { padding:0 7px; }
    .container [class^="btn"].mini.gFlex { padding:0 15px; }
    .container [class^="btn"].mini.gFlex:hover { padding:0 14px; }
    .container [class^="btn"].mini.gFlex.disabled:hover { padding:0 15px; }
    .container label.btnChk { padding:0 8px; height:30px; line-height:28px; font-size:12px; }
    .container label.btnChk:hover,
    .container label.btnChk.selected { padding:0 7px; line-height:26px; }
    .container label.btnChk.selected:before { margin:-2px 5px 0 0; width:13px; height:13px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png') no-repeat -50px -50px; background-size:150px auto; }

    /* btnBox */
    .container a.btnBox span { padding-left:10px; line-height:36px; }
    .container a.btnBox { padding:0 42px 0 0; width:100%; max-width:395px; }
    .container a.btnBox:after { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); background-size:150px auto; }
    .container a.btnBox.download:after { top:11px; right:13px; width:16px; height:12px; background-position:-75px 0; }
    .container a.btnBox.link:after { top:14px; right:13px; width:14px; height:8px; background-position:-100px 0; }
    .container a.btnBox.mini { height:28px; }
    .container a.btnBox.mini span { height:26px; line-height:26px; }
    .container a.btnBox.mini:after { top:8px; right:7px; }
    .container a.btnBox.mini.gFlex { padding:0 31px 0 0; }
    .container a.btnBox.mini.gFlex span { padding:0 10px; }
    .container a.btnBox.mini.gFlex:hover { padding:0 31px 0 0; }
    .container a.btnBox.tel span:before { top:-1px; width:15px; height:15px; margin-right:5px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); background-position:-50px -25px; background-size: 150px auto; }
    /* btnIcon */
    .container .btnIcon.icoDel { width:8px; height:8px; }
    .container .btnIcon.icoDel:before, .container .btnIcon.icoDel:after { left:-1px; top:4px; width:12px; }
    .container .btnIcon { background:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png') no-repeat; background-size:150px auto; }
    .container .btnIcon.icoCal { width:17px; height:17px; background-position:-25px -50px; }
    .container .btnIcon.icoSearch { width:19px; height:18px; background-size:150px auto; background-position:-75px -50px; }
    .container .btnIcon.icoPrint { width:19px; height:18px; background-size:150px auto; background-position:-75px -50px; }

  /* mArticle */
    .mArticle + .mArticle { margin-top:-1px; }
    .mArticle .heading { position:relative; padding:9px 9px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
    .mArticle .content { padding:10px; border-top:0; background:#f9f9f9; }
    .mArticle .content .mBrdList tbody th,
    .mArticle .content .mBrdList tbody td { background:#fff; }
    .mArticle .heading h2 { font-size:13px; font-weight:normal; }
    .mArticle .heading button { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; text-indent:150%; white-space:nowrap; font-size:0; line-height:0; box-sizing:border-box; }
    .mArticle .heading button:after { display:inline-block; content: ""; position:absolute; top:11px; right:7px; width:6px; height:6px; border:solid #464b5b; border-width:0 0 1px 1px;
      -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);
      -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
    .mArticle.selected .heading { background:#f9f9f9; }
    .mArticle.selected .heading button:after { border-color:#41a3ff; top:13px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); }

  /* mAccountInfo */
    .mAccountInfo dt,
    .mAccountInfo dd { min-height:28px; line-height:28px; font-size:11px; }
    .mAccountInfo dt,
    .mAccountInfo dd { width:100%; }

  /* mBook */
    .mBook .checkList .date { display:block; }
    .mBook .checkList ul { display:none; overflow:auto; padding:8px 10px; height:150px; border-top:1px solid #555; }
    .mBook .checkList li { padding:2px 0; }
    .mBook .checkList .fCheck { padding-left:22px; }
    .mBook .checkList .fDate { width:140px; }
    .mBook .checkList li .status { margin:0 0 0 10px; font-size:12px; }

  /* grid */
    [class*="grid"] > li { margin-top:15px; }

  /* headingArea */
    .headingArea { margin:0 -15px; padding:49px 15px 12px; border-width:1px; }
    .headingArea h1 { font-size:16px; }

  /* mButton */
    section + .mButton { margin:15px 0 0; }
    .mButton [class^="btn"] { margin-bottom:10px; }
    .mButton.column2 [class^="btn"] { margin-left:2%; width:48%; box-sizing:border-box; }
    .mButton.column2 [class^="btn"]:first-child { margin-left:0; }
    .mBrdList [class^="btn"].mini + [class^="btn"].mini { margin-left:5px; }
    /* reset */
      .mLayer .mButton [class^="btn"] { margin-bottom:0; }

  /* mBreadcrumb */
    .mBreadcrumb { height:35px; padding:11px 15px 0 0; }
    .mBreadcrumb li { font-size:11px; margin:0 0 0 3px; }
    .mBreadcrumb li:before { width:5px; height:5px; margin:0 6px 0 0; }
    .mBreadcrumb .home { margin:-2px 0 0; width:13px; height:12px; background-size:150px auto; background-position:0 -25px; }

  /* mBrdList */
    .mBrdList th, .mBrdList td { padding:9px 0; font-size:12px; line-height:1.5; }
    .mBrdList thead + tbody th { padding:9px 0; }
    .mBrdList tbody th { padding:9px 5px 9px 10px; }
    .mBrdList .left th, .mBrdList .left td, .mBrdList .left,
    .mBrdList .right th, .mBrdList .right td, .mBrdList .right { padding:9px 10px; }
    .mBrdList .empty { padding:94px 0; font-size:11px; }
    .mBrdList col.data { width:74px; }
    .mBrdList .gInfo { width:25%; }
    .mBrdList .gPoint { width:27%; }
    .mBrdList .required { margin:-20px 0 8px; font-size:10px; }
    /* mLayer */
      .mLayer .mBrdList th, .mBrdList td { padding:6px 0; }
      .mLayer .mBrdList thead + tbody th { padding:6px 0; }
      .mLayer .mBrdList tbody th,
      .mLayer .mBrdList .left th, .mBrdList .left td, .mBrdList .left,
      .mLayer .mBrdList .right th, .mBrdList .right td, .mBrdList .right { padding:6px 9px; }
    /* typeCalendar */
      .mBrdList.typeCalendar .nav { padding:9px 0; }
      .mBrdList.typeCalendar .nav .date { padding:0 9px; font-size:15px; }
      .mBrdList.typeCalendar .nav .btnCalendar { padding:0 7px; height:23px; font-size:10px; line-height:21px; }
      .mBrdList.typeCalendar .nav .btnCalendar:after { width:5px; height:5px; }
      .mBrdList.typeCalendar .nav .btnCalendar.prev:after { left:2px; }
      .mBrdList.typeCalendar .nav .btnCalendar.next:after { left:-1px; }
      .mBrdList.typeCalendar .nav .btnCalendar:hover { border-width:1px; }
      .mBrdList.typeCalendar .nav .btnCalendar.today { margin:0 0 0 3px; }
      .mBrdList.typeCalendar table .date { padding:5px; font-size:12px; }
      .mBrdList.typeCalendar table .date span { margin:0 0 0 3px; font-size:10px; }
      .mBrdList.typeCalendar table a[class^="btn"].mini.gFlex { padding:0 5px; height:24px; line-height:24px; font-size:11px; }
      .mBrdList.typeCalendar table a[class^="btn"].mini.gFlex:hover { padding:0 4px; line-height:22px; }
      /* mini */
        .mBrdList.typeCalendar.mini table a { margin:-9px 0; padding:9px 0; }
    /* mBrdList.typeGallery */
      .mBrdList.typeGallery li { position:relative; display:block; padding:18px 0 35px; }
      .mBrdList.typeGallery .thumbnail { position:absolute; bottom:15px; color:#777; font-size:11px; background:none; border:0; }
      .mBrdList.typeGallery .info .title a { font-size:15px; max-height:30px; line-height:1.2; }
      .mBrdList.typeGallery .info .desc a { height:40px; margin:6px 0 0; font-size:12px; }
    /* mBrdList typeWrite */
      .mBrdList.typeWrite td { padding:6px 9px; }
      /* gCell */
        .mBrdList.typeWrite .gCellBranch { font-size:0; }
        .mBrdList.typeWrite .gCellBranch .mForm.typeSelect { width:58%; }
        .mBrdList.typeWrite .gCellBranch .mForm.typeSelect:first-child { width:40%; margin:0 2% 0 0; }
        .mBrdList.typeWrite .gCellInquiry .mForm.typeSelect,
        .mBrdList.typeWrite .gCellName .fText { width:100%; }
        .mBrdList.typeWrite .gCellEmail .fText { width:45%; }
        .mBrdList.typeWrite .gCellEmail .mForm.typeSelect { width:100%; margin:7px 0 0; }
        .mBrdList.typeWrite .gCellTel .mForm.typeSelect,
        .mBrdList.typeWrite .gCellTel .fText { width:50px; }
        .mBrdList.typeWrite .gCellLicense .fText.first { width:27%; }
        .mBrdList.typeWrite .gCellLicense .fText.second { width:20%; }
        .mBrdList.typeWrite .gCellLicense .fText.last { width:40%; }
        .mBrdList.typeWrite .gCellCard .fText { width:20.5%; }
        .mBrdList.typeWrite .mForm.typeSelect select { padding:0 0 0 7px; font-size:12px; }
        .mBrdList.typeWrite .mForm.typeSelect span { left:8px; font-size:12px; }
        .mBrdList.typeWrite .gCellNameAddr .fText { width:112px; margin:0 5px 0 0; }
        .mBrdList.typeWrite .gCellAddr .postcode { width:60px; margin:0 5px 0 0; }
        .mBrdList.typeWrite .gCellAddr .address .fText { margin:5px 0 0; }
        .mBrdList.typeWrite .gCellHeight { line-height:20px; }
        .mBrdList.typeWrite .gCellBuilding .fText { width:100%; }
    /* typeTransform */
      .mBrdList.typeTransform tr { padding:0 0 7px; }
      .mBrdList.typeTransform .heading { margin-top:20px; font-size:13px; }
      .mBrdList.typeTransform tr:first-child .heading { margin-top:0; }
      .mBrdList.typeTransform td { font-size:12px; }
      .mBrdList.typeTransform td { padding:3px 0; }
      .mBrdList.typeTransform .heading { padding:7px 0; }
      .mBrdList.typeTransform .heading + td { padding-top:10px; }
      .mBrdList.typeTransform .title, .mBrdList.typeTransform .status { padding:0 10px; }
      .mBrdList.typeTransform [class^="btn"] + [class^="btn"] { margin-left:5px; }
        /* gStrong */
        .mBrdList.typeTransform.gStrong th .title { font-size:14px; }
        .mBrdList.typeTransform.gStrong .heading.strong {  margin:20px -1px 0; padding:9px 0; }
        .mBrdList.typeTransform.gStrong tr .heading.basic { margin-top:0; }
      .mBrdList.typeTransform .empty { padding:94px 0; font-size:15px; text-align:center; }
  /* typeAccordion */
    .mBrdList.typeAccordion { border-top:1px solid #e2e2e2; }
    .mBrdList.typeAccordion table { border-width:0; }
    .mBrdList.typeAccordion td { display:block; border-width:0; font-size:14px; box-sizing:border-box; }
    .mBrdList.typeAccordion tr { border:solid #e2e2e2; border-width:0 1px 1px; }
    .mBrdList.typeAccordion .heading { position:relative; display:block; padding:40px 10px 10px; }
    .mBrdList.typeAccordion .heading td { position:absolute; top:10px; display:inline-block; padding:0; border-width:0; }
    .mBrdList.typeAccordion .heading .subject { position:static; display:block; width:100%; padding-right:90px; font-size:13px; }
    .mBrdList.typeAccordion .heading .type { left:9px; color:#4c4c4f; font-weight:bold; }
    .mBrdList.typeAccordion .heading .type:before,
    .mBrdList.typeAccordion .heading .type:after { display:inline-block; height:100%; font-size:14px; vertical-align:middle; }
    .mBrdList.typeAccordion .heading .type:before { content:"["; }
    .mBrdList.typeAccordion .heading .type:after { content:"]"; }
    .mBrdList.typeAccordion .heading .date { top:40px; right:10px; font-size:13px; }
    .mBrdList.typeAccordion .heading .status { right:30px; width:60px; text-align:right; }
    .mBrdList.typeAccordion .content { display:block; padding:10px 10px 10px 20px; background:#f9f9f9; }
    .mBrdList.typeAccordion .content td { display:block; width:100%; }
    .mBrdList.typeAccordion .content .question:before,
    .mBrdList.typeAccordion .content .answer:before { left:-20px; font-size:14px; }
    .mBrdList.typeAccordion .content .question:before { top:0; }
    .mBrdList.typeAccordion .content .answer:before { top:10px; }
    .mBrdList.typeAccordion .content .answer { padding:10px 0 0; }
    .mBrdList.typeAccordion .content .answer p:first-of-type { margin:5px 0 0; }
    .mBrdList.typeAccordion .content .question .mButton { padding:10px 0 0; }
    .mBrdList.typeAccordion .content .question .mButton a { margin:0 5px 0 0; }
    .mBrdList.typeAccordion .icoToggle { display:block; }
    .mBrdList.typeAccordion .icoToggle:after { display:inline-block; content: ""; position:absolute; top:14px; right:10px; width:7px; height:7px; border:solid #464b5b; border-width:1px 1px 0 0;
      -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);
      -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
    }
    .mBrdList.typeAccordion .selected .icoToggle:after { top:18px; border-color:#41a3ff;
      -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);
      -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
    }
    /* reset */
      .container .mBrdList [class^="btn"].gFlex { padding:0 14px; }
      .container .mBrdList [class^="btn"].gFlex:hover { padding:0 13px; }
      .container .mBrdList [class^="btn"].mini.gFlex { padding:0 10px; }
      .container .mBrdList [class^="btn"].mini.gFlex:hover { padding:0 9px; }
      .container .mBrdList [class^="btn"].mini.gFlex.disabled:hover { padding:0 10px; }
      .container .mBrdList a.btnBox.mini.gFlex { padding:0 31px 0 0; }
      .container .mBrdList a.btnBox.mini.gFlex:hover { padding:0 31px 0 0; }
    /* 합계 */
    .mBrdList tfoot .sum th,
    .mBrdList tfoot .sum td { font-size:12px; padding:9px; }

  /* mBrdMove */
    .mBrdMove { margin-top:30px; }
    .mBrdMove li { padding:10px 0; font-size:11px; }
    .mBrdMove strong { padding:0 20px 0 10px; }
    .mBrdMove strong:after { width:4px; height:4px; margin-left:4px; }
    .mBrdMove .prev strong:after { top:1px; }
    .mBrdMove .next strong:after { top:-1px; }

  /* mBrdView */
    .mBrdView .heading { margin:0 -15px; padding:11px 15px; }
    .mBrdView .heading h2 { margin:0 0 6px; font-size:14px; }
    .mBrdView .heading .date { font-size:12px; }
    .mBrdView .content { padding:25px 0 35px; font-size:11px; line-height:14px; }

  /* mBox */
    .mBox.typeComplete, .mBox.typeNotice { margin:19px 0 0; padding:35px 0; font-size:11px; }
    .mBox.typeComplete .title, .mBox.typeNotice .title { margin:0 0 10px; font-size:13px; }
    .mBox.typeComplete .title:before, .mBox.typeNotice .title:before { margin:0 auto 20px; width:34px; height:34px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png') no-repeat; background-size:150px auto; }
    .mBox.typeComplete .title:before { background-position:0 -150px; }
    .mBox.typeNotice .title:before { background-position:-50px -150px; }
    .mBox.typeComplete a[class^="btn"] { padding:0 35px; }
    /* typeManual */
      .mBox.typeManual .item { padding:20px 10px 12px; }
      .mBox.typeManual .item.manual { padding:10px; }
      .mBox.typeManual .item .point { width:100%; text-align:center; }
      .mBox.typeManual .item .button { width:100%; margin:20px 0 0; text-align:center; }
      .mBox.typeManual .item .button a { width:48%; max-width:100%; }
      .mBox.typeManual .item .button [class*="btn"] + [class*="btn"] { margin-left:5px; }
      .mBox.typeManual .item .title { font-size:14px; }
      .mBox.typeManual .item .price { margin:0 25px 0 10px; font-size:14px; }
    .mBox .util { margin:11px 0; padding:10px 0 0; border-top:1px solid #d5d5d5; }
    /* gDivide */
      .mBox.gDivide { margin:15px 0; padding:10px 8px; }
      .mBox.gDivide .left { text-align:center; }
      .mBox.gDivide .title { font-size:15px; }
      .mBox.gDivide .price { margin:0 0 0 5px; font-size:15px; }
    /* mLayer reset */
      .mLayer .mBox.typeComplete, .mLayer .mBox.typeNotice { margin-top:0; }

  /* mComment */
    .mComment li { padding:14px 0; font-size:12px; }
    .mComment .id { font-size:11px; }
    .mComment .desc { margin:9px 0; line-height:18px; }
    .mComment .messege .modify { margin:10px 0; padding:0 75px 0 0; }
    .mComment .messege .modify .fTextarea { height:85px; padding:6px 9px; }
    .mComment .messege .modify .button { top:12px; right:11px; }
    .mComment .messege .modify .button button:first-child { display:block; margin-bottom:6px; }
    .mComment .messege > .button { margin-left:14px; }
    .mComment .messege > .button button { font-size:11px; vertical-align:top; }
    .mComment .messege > .button button:first-child:after { height:9px; margin:0 5px 0 7px; line-height:12px; }
    .mComment .register { padding:0 22% 0 0; }
    .mComment .register textarea { padding:10px 8px; font-size:11px; }
    .mComment .register .btnStrong { width:22%; font-size:12px; line-height:5em; }
    .mComment .register .btnStrong:hover { line-height:5em; }

  /* mCopy */
    .mCopy { margin:25px 0; padding:0 10px; }
    .mCopy h2 { font-size:16px; line-height:21px; }
    .mCopy p { margin:7px 0 0; font-size:12px; line-height:18px; }
    .mCopy h3 { font-size:15px; line-height:21px; }
    .mCopy .branch { display:inline-block; margin:10px 0 0; font-size:16px; line-height:19px; color:#358de0; font-weight:normal; }/* 한줄 : MPR-11091 추가 대상 */
    /* typeVisual */
      .mCopy.typeVisual { margin:0 0 35px; padding:25px 25px 77px; background-position:center bottom; background-size:50% auto; }
      .mCopy.typeVisual h2 { margin:0 0 8px; font-size:13px; }
      .mCopy.typeVisual ul li { font-size:10px; line-height:14px; }
    /* typeTitle */
      .mCopy.typeTitle { margin-bottom:15px; }
      .mCopy.typeTitle p { margin-top:5px; }
    /* typeBg */
      .mCopy.typeBg { padding:200px 0 36px; }
      .mCopy.typeBg:before { top:40px; }

  /* mCtrl */
    .mCtrl.typeHeader, .mCtrl.typeFooter { padding:4px 15px; border:solid #e2e2e2; border-width:0 1px 1px 1px; }
    /* typeButton */
    .mCtrl.typeButton { display:flex; justify-content:space-around; -webkit-justify-content:space-around; margin:0 -5px 15px; }
    .mCtrl.typeButton [class^="btn"] { flex:1; margin:0 5px; }
    /* typeFlex */
    .mCtrl.typeFlex .button { display:flex; margin:0 -3px; justify-content:space-around; }
    .mCtrl.typeFlex .button [class*="btn"] { flex:1; margin:0 3px; }

  /* mEmpty */
    .mEmpty { padding:94px 0; font-size:13px; }

  /* mFeature */
    .mFeature h3 { font-size:16px; padding:0 0 10px; }
    .mFeature h3:before { margin:0 0 10px; }
    .mFeature .box li { position:relative; padding:7px 18px 45px; min-height:123px; }
    .mFeature .box li:before { width:39px; height:39px; background-size:auto 150px; }
    .mFeature .box li.design:before { background-position:-50px 0; }
    .mFeature .box li.model:before { background-position:-100px 0; }
    .mFeature .box li.studio:before { background-position:0 -50px; }
    .mFeature .box li.delivery:before { background-position:-50px -50px; }
    .mFeature .item1 .box li.delivery:before { background-position:-150px 0; }
    .mFeature .box li.md:before { background-position:-100px -50px; }
    .mFeature .box li.edu:before { background-position:0 -100px; }
    .mFeature .box li.marketing:before { background-position:-50px -100px; }
    .mFeature .box li.tax:before { background-position:-100px -100px; }
    .mFeature .box .headDesc { font-size:11px; line-height:16px; }
    .mFeature .box .btnBasic.gFlex { width:82%; position:absolute; bottom:15px; left:0; right:0; margin:0 auto; padding:0 5px; height:24px; line-height:24px; font-size:10px; }
    .mFeature .box .btnBasic.mini.gFlex:hover { line-height:24px; padding:0 5px; }

  /* mFile */
    .mFile { margin:10px -9px 0; font-size:11px; }
    .mFile li { padding:5px 10px; position:relative; border-top:1px solid #e2e2e2; }
    .mFile li .attached { padding:0 0 0 15px; }
    .mFile li .attached:before { width:10px; height:11px; background-image:url('//img.cafe24.com/img/soho/head/common/sflex_file_m.png'); background-position:-25px -275px; background-size:150px auto; }
    .mFile .btnIcon.icoDel { position:absolute; top:8px; right:10px; }
    .mFile a[href$=".xls"]:before, .mFile a[href$=".xlsx"]:before { background-position:0 0; }
    .mFile a[href$=".ppt"]:before, .mFile a[href$=".pptx"]:before { background-position:-25px -25px; }
    .mFile a[href$=".doc"]:before, .mFile a[href$=".docx"]:before { background-position:-50px -50px; }
    .mFile a[href$=".hwp"]:before { background-position:-75px -75px; }
    .mFile a[href$=".pdf"]:before { background-position:-100px -100px; }
    .mFile a[href$=".psd"]:before { background-position:-125px -125px; }
    .mFile a[href$=".png"]:before { background-position:-100px -150px; }
    .mFile a[href$=".gif"]:before { background-position:-75px -175px; }
    .mFile a[href$=".jpg"]:before { background-position:-50px -200px; }
    .mFile a[href$=".zip"]:before { background-position:-25px -225px; }
    .mFile a[href$=".txt"]:before { background-position:0 -250px; }
    .mFile .attached.xls:before, .mFile .attached.xlsx:before { background-position:0 0; }
    .mFile .attached.ppt:before, .mFile .attached.pptx:before { background-position:-25px -25px; }
    .mFile .attached.doc:before, .mFile .attached.docx:before { background-position:-50px -50px; }
    .mFile .attached.hwp:before { background-position:-75px -75px; }
    .mFile .attached.pdf:before { background-position:-100px -100px; }
    .mFile .attached.psd:before { background-position:-125px -125px; }
    .mFile .attached.png:before { background-position:-100px -150px; }
    .mFile .attached.gif:before { background-position:-75px -175px; }
    .mFile .attached.jpg:before { background-position:-50px -200px; }
    .mFile .attached.zip:before { background-position:-25px -225px; }
    .mFile .attached.txt:before { background-position:0 -250px; }

  /* mForm */
    .mForm {  }
    /* typeSelect */
      .mForm.typeSelect { height:28px; }
      .mForm.typeSelect span { left:10px; height:28px; line-height:28px; font-size:13px; }
      .mForm.typeSelect:after { top:11px; right:7px; height:5px; border-width:5px 3px 0 3px; }
    /* typeFile */
      .mForm.typeFile input[type="file"] { height:30px; }
    /* typeSearch */
      .mForm.typeSearch { padding:0 33px 0 0; }
      .mForm.typeSearch .fText { width:100%; }
      .mForm.typeSearch button { width:33px; height:28px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png') no-repeat; background-size:150px auto; background-position:-13px -19px; }
    /* typeVer */
      .mForm.typeVer li { margin:4px 0 0; }
      .mForm.typeVer li:first-child { margin-top:0; }
      .mForm.typeVer li .title { font-size:11px; }
    /* gColumn */
      .mForm.gColumn .column + .column { padding:0 0 0 5px; }
      .mForm.gColumn .gFull { display:inline-block; width:100%; }
      .mForm.gColumn .gFull .column { display:block; width:100%; }
      .mForm.gColumn .gFull .column + .column { margin:5px 0 0; padding:0; }

  /* mInfo */
    .mInfo > dl > dt { padding:0 15px; height:38px; line-height:38px; font-size:14px; }
    .mInfo > dl > dd { padding:15px; font-size:12px; }
    .mInfo .effect { margin:7px 0 0; font-size:11px; }
    .mInfo .effect:before { margin:0 7px 0 0; width:13px; height:9px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); background-position:0 0; background-size:150px auto; }
    /* typeIcon */
      .mInfo.typeIcon > dl { margin:10px 0 0; }
      .mInfo.typeIcon > dl:first-child { margin:0; }
      .mInfo.typeIcon > dl > dt:before { margin:0 7px 0 0; width:28px; height:28px; background-size:auto 28px; }
      .mInfo.typeIcon .item1 dt:before { background-position:0 0; }
      .mInfo.typeIcon .item2 dt:before { background-position:-28px 0;; }
      .mInfo.typeIcon .item3 dt:before { background-position:-56px 0; }
      .mInfo.typeIcon .item4 dt:before { background-position:-84px 0; }

  /* mLayer */
    .mLayer { width:96%; }
    .mLayer h2 { padding:13px 15px 11px; font-size:18px; }
    .mLayer h3 { margin:15px 0 8px; font-size:13px; }
    .mLayer h3:first-child { margin-top:0; }
    .mLayer h3:before { width:2px; height:2px; margin-right:4px; }
    .mLayer .contents { padding:15px; }
    .mLayer [class^="btn"].mini { max-width:77px; }
    .mLayer [class^="btn"].mini.gFlex { max-width:none; }
    .mLayer .mButton { padding:0 15px 15px; }
    .mLayer .mButton[class*="column"] { padding:0 15px 10px; }
    .mLayer .mButton.column2 [class^="btn"].mini { max-width:none; width:48%; }
    .mLayer button.btnClose.gFlex { margin:0 auto 15px; padding:0 11px; height:25px; line-height:23px; font-size:13px; border:1px solid #555; }
    .mLayer button.btnClose.gFlex:hover { padding:0 10px; line-height:16px; border-width:2px; }
    .mLayer .infomation { margin:0 0 15px; font-size:13px; }
    .mLayer .notifyCheck { padding:10px 15px; }
    /* size */
      .mLayer.gSmall { max-width:320px; }
      .mLayer.gMedium { max-width:350px; }
      .mLayer.gLarge { max-width:380px; }
    /* typePopup */
      .mLayer.typePopup .contents { padding:58px 15px; }
      .mLayer.typePopup button.btnClose { top:8px; right:15px; width:22px; height:22px; }
      .mLayer.typePopup button.btnClose:before, .mLayer.typePopup button.btnClose:after { top:50%; height:1px; }

  /* mList */
    .mList { font-size:11px; }
    .mList > li, p.mList, dl.mList dt { padding-left:7px; }
    .mList > li:before, p.mList:before, dl.mList dt:before { top:7px; left:0; width:2px; height:2px; }
    .mList > li > ul > li { font-size:10px; }
    dl.mList { font-size:12px; }
    dl.mList dt { margin:8px 0 0; }
    dl.mList dd { padding:0 0 0 7px; }

  /* mMap */
    .mMap { height:264px; }

  /* mMapArea */
    .mMapArea .center .office li { min-height:120px; margin:0 0 10px; padding:0 0 28px; width:100%; }
    .mMapArea .center .office .info { min-height:69px; }
    .mMapArea .center .office .info:before { width:16px; top:16px; right:15px; }
    .mMapArea .center .office .info:after { width:6px; height:6px; top:13px; right:15px; }
    .mMapArea .center .office .title { padding:12px 15px 6px; font-size:14px; }
    .mMapArea .center .office .address { padding:0 45px 0 15px; font-size:12px; line-height:18px; }
    .mMapArea .center .office .tel { padding:0; line-height:33px; }
    .mMapArea .center .office .tel a { display:inline-block; font-size:13px;line-height:34px; }
    .mMapArea .center .office .tel .icoTel:before { width:15px; height:15px; margin-right:4px; background-position:-50px -25px; }

  /* mPaginate */
    .mPaginate { margin:15px 0; }
    .mPaginate li { margin-left:6px; width:22px; height:22px; font-size:13px; text-align:center; }
    .mPaginate li:first-child { margin-left:0; }
    .mPaginate a,
    .mPaginate li strong { min-width:25px; height:25px; line-height:25px; box-sizing:border-box; }
    .mPaginate .prev { margin:0 10px;  }
    .mPaginate .next { margin:0 10px;  }
    .mPaginate > a:before,
    .mPaginate > a:after { top:8px; }
    .mPaginate .prev:before, .mPaginate .next:before,
    .mPaginate .first:before, .mPaginate .last:before,
    .mPaginate .first:after, .mPaginate .last:after { width:6px; height:6px; }
    .mPaginate .first:after, .mPaginate .last:after { left:8px; }
    .mPaginate .prev:before  { left:10px; }
    .mPaginate .next:before { left:7px; }
    .mPaginate .first:before { left:13px; }
    .mPaginate .last:before { left:3px; }

  /* mPoint */
    .mPoint.grid3 li { width:49.25%; margin-left:1.5%; }
    .mPoint.grid3 > li:first-child, .mPoint.grid3 > li:nth-of-type(2) { margin-top:0; }
    .mPoint.grid3 > li:nth-of-type(odd) { margin-left:0; }
    .mPoint .point { padding:17px 0; font-size:12px; }
    .mPoint .point strong { margin:0 3px 0 0; font-size:16px; }
    .mPoint .point strong:before { width:16px; height:16px; margin:0 8px 0 0; vertical-align:middle; background-size:6px auto; }
    .mPoint .selected .point, .mPoint .point:hover { padding:16px 0; }

  /* mProvide */
    .mProvide { padding:20px; }
    .mProvide .visual li:before { margin-top:50%; }
    .mProvide .title { font-size:13px; }
    .mProvide .desc { font-size:12px; }
    .mProvide .visual { margin:14px 0 0; }

  /* mSearch */
    .mSearch { margin:15px 0 12px; }
    .mSearch .left { margin:0 0 8px; }
    .mSearch fieldset .mForm.typeSelect { margin:0 1.5% 0 0; }
    .mSearch fieldset .mForm.typeSearch { width:71.5%; }
    .mSearch .mForm.typeSearch { width:100%; }

  /* mSlide */
    .mSlide { padding:20px 0 0; }
    .mSlide .box { width:100%; }
    .mSlide ul.thumbnail { display:none; }
    .mSlide ul.thumbnail > li { margin:0 0 0 4px; width:50px; height:30px; }
    .mSlide .box .button { margin-top:-15px; width:100%; }
    .mSlide .box .button button { width:30px; height:30px; }
    .mSlide .box .button button:after { width:9px; height:9px; }

  /* mState */
    .mState { margin:0 -15px 15px; padding:0 15px; height:32px; line-height:32px; font-size:14px; color:#272739; border-bottom:1px solid #cdcdcd; }
    .mState .bar { display:inline-block; margin:0 6px; height:11px; vertical-align:middle; border-left:1px solid #d5d5d5; }

  /* mStep */
    .mStep { margin:-12px 0 0; }
    .mStep:before { display:none; }
    .mStep > li { padding:12px 0 12px 60px; height:60px; font-size:13px; }
    .mStep > li:first-child { border-top:0; }
    .mStep > li:before { top:0; bottom:0; margin:auto; left:0; width:60px; height:60px; background-size:60px auto; }
    .mStep > li:first-child:before { background-position:0 0; }
    .mStep > li:nth-child(2):before { background-position:0 -60px; }
    .mStep > li:nth-child(3):before { background-position:0 -120px; }
    .mStep > li:nth-child(4):before { background-position:0 -180px; }
    .mStep > li:nth-child(5):before { background-position:0 -240px; }
    .mStep > li:nth-child(6):before { background-position:0 -300px; }
    .mStep > li:nth-child(7):before { background-position:0 -360px; }
    .mStep > li:nth-child(8):before { background-position:0 -420px; }
    .mStep > li:nth-child(9):before { background-position:0 -480px; }
    .mStep .box { padding:0 15px; height:60px; }
    .mStep .box:before { bottom:-3px; left:25px; width:10px; height:5px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png') no-repeat -125px 0; background-size:150px auto; }
    .mStep [class^="seq"] { z-index:2; position:absolute; left:0; top:0; bottom:0; margin:auto; padding:35px 0 0; width:60px; height:13px; font-size:11px; }
    .mStep .desc { margin:7px 0 0; font-size:10px; line-height:1.5; }
    .mStep .desc li:before { margin:-1px 4px 0; width:1px; height:1px; }
    .mStep .label { margin:0 0 6px; font-size:9px; }
    /* typeVer gSeparate */
      .mStep.typeVer.gSeparate .box:before { left:28px; bottom:-4px; border-width:5px 5px 0; }
      .mStep.typeVer.gSeparate .box:after { left:26px; bottom:-5px; border-width:7px 7px 0; background:#fff; }
    /* typeVer multiLine */
      .mStep.multiLine .box:before { bottom:-4px; left:22px; width:15px; height:8px; background-position:-125px 0; background-color:#fff; }
      .mStep.multiLine > li:nth-child(n+1):nth-child(-n+3) .box:before { background-position:-100px -125px; }
      .mStep.multiLine > li:nth-child(n+4):nth-child(-n+6) .box:before { background-position:-100px -150px; }
      .mStep.multiLine > li:nth-child(n+7):nth-child(-n+9) .box:before { background-position:-100px -175px; }
    /* station */
      .mStep.station { padding-left:50px; }
      .mStep.station:before,
      .mStep.station:after { width:40px; height:45px; padding:10px 0 0; font-size:11px; line-height:14px; }
      .mStep.station:before { top:25%; }
      .mStep.station:after { bottom:15%; }
      .mStep.station > li:after { left:-30px; bottom:-30px; width:13px; }
      .mStep.station > li:first-child:after,
      .mStep.station > li:nth-child(4):after { top:12px; }
      .mStep.station > li:nth-child(3):after,
      .mStep.station > li:last-child:after { bottom:12px; }

  /* mLayer */
  /* typePopup */
  .mLayer.typePopup { position:fixed !important; top:0 !important; bottom:0; width:100% !important; max-width:none; height:100%; border:0; }
  .mLayer.typePopup h2 { z-index:2; position:absolute; top:0; left:0; width:100%; color:#fff; background:#474c5b; box-sizing:border-box; }
  .mLayer.typePopup button.btnClose { z-index:3; position:absolute; display:block; margin:0; padding:0;color:transparent; border:0; line-height:0; font-size:0; }
  .mLayer.typePopup button.btnClose:before, .mLayer button.btnClose:after { position:absolute; display:block; content:""; width:100%; background:#fff; opacity:1; left:0; }
  .mLayer.typePopup button.btnClose:before { -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .mLayer.typePopup button.btnClose:after { -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .mLayer.typePopup button.btnClose:hover { padding:0; border-width:1px; }
  .mLayer.typePopup > .mButton { position:absolute; left:0; bottom:0; padding-top:10px; width:100%; background:#fff; box-sizing:border-box; }
  .mLayer.typePopup > .mButton [class^="btn"] { margin-bottom:0; }
  .mLayer.typePopup .contents { overflow:auto; height:100%; box-sizing:border-box; }

  /* mTab */
    .mTab { position:relative; margin:20px 0; width:100%; }
    .mTab li a { padding:8px 3px; font-size:12px; }
    .mTab li.selected a { padding:9px 3px 7px; }
    /* gFlex */
      .mTab.gFlex ul { display:table; table-layout:fixed; }
      .mTab.gFlex ul li { display:table-cell; width:100%; }
    /* grid */
      .mTab[class*="grid"] ul:before { content:""; position:absolute; right:0; bottom:0; width:50%; height:24px; display:block; border-color:#d5d5d5; border-style:solid; border-width:0 1px 1px 0; box-sizing:border-box; }
      .mTab.grid2 ul:before { content:none; display:none; }
      .mTab[class*="grid"] ul > li { width:50%; }
      .mTab[class*="grid"] ul:before { content:none; }
      .mTab[class*="grid"]:before, .mTab[class*="grid"]:after { position:absolute; bottom:0; right:0; z-index:0; content:""; display:inline-block; border:solid #ddd; border-width:0 0 1px 1px; }
      .mTab[class*="grid"]:before { height:28px; }
      .mTab[class*="grid"]:after { width:100%; }
    /* typeToggle */
      .mTab.typeToggle { margin:0 -15px; }
      .mTab.typeToggle .heading { padding:12px 16px; }
      .mTab.typeToggle .heading h2 { font-size:16px; }
      .mTab.typeToggle .heading button:after { top:14px; right:16px; width:8px; height:8px; }
        .mTab.typeToggle.selected .heading button:after { top:18px; }
      .mTab.typeToggle li a { padding:9px 16px; font-size:13px; }
        .mTab.typeToggle li.selected a { padding:10px 16px 8px; }
      .mTab.typeToggle[class*="grid"]:before { height:31px; }
    /* typeButton */
      .mTab.typeButton { margin:15px 0; }
      .mTab.typeButton:before { content:none; }
      .mTab.typeButton li a { padding:6px 5px; }
      .mTab.typeButton.grid1 li { width:40%; min-width:100px; float:none; display:inline-block; }
      .mTab.typeButton.grid2 li { width:40%; min-width:100px; margin:0 0 0 10px; }
      .mTab.typeButton.grid3 li { width:30%; min-width:82px; margin:0 0 0 10px; }
      .mTab.typeButton.grid4 li { width:22%; min-width:67px; margin:0 0 0 5px; }
      .mTab.typeButton.grid5 li { width:17.5%; min-width:67px; margin:0 0 0 5px; }
      .mTab.typeButton.grid6 li { width:17.5%; min-width:67px; margin:0 0 0 5px; }
      .mTab.typeButton li:first-child { margin-left:0; }
    /* typeText */
      .mTab.typeText li a,
      .mTab.typeText li.selected a { padding:0 8px; }
      .mTab.typeText li:first-child a { padding-left:0; }
      .mTab.typeText li:before { height:12px; }

  /* mTerms */
    .mTerms .content { padding:10px 5px 10px 10px; }
    .mTerms .content p { font-size:11px; }
    .mTerms .check { padding:10px 12px; }
    /* typeAccordion */
     .mTerms.typeAccordion .heading { padding:10px 28px 10px 12px; line-height:14px; }
     .mTerms.typeAccordion .heading button { top:50%; right:8px; width:16px; height:24px; margin-top:-12px; }
     .mTerms.typeAccordion .heading button:after { top:6px; left:4px; width:6px; height:6px; }
     .mTerms.typeAccordion .selected .heading button:after { top:8px; }
     .mTerms.typeAccordion .content { max-height:120px; line-height:16px; }
    /* typeFrame */
    .mTerms.typeFrame .content { height:300px; }
    .mTerms.typeFrame .content iframe { min-width:288px; }
      /* reset */
      .mLayer .mTerms.typeFrame .content { height:200px; }


  /* mThumbList */
    .mThumbList .thumbnail { position:relative; }
    .mThumbList .thumbnail:before { content:""; display:block; margin-top:37.5%; }
    .mThumbList .thumbnail img { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; }
    .mThumbList .info { padding:17px 15px; font-size:12px; border-top:1px solid #d5d5d5; }
    .mThumbList .info .title { font-size:14px; }
    .mThumbList .info .desc { display:block; margin-top:10px; line-height:16px; }
    .mThumbList .info .date { margin-top:10px; }
    .mThumbList .info .hit { right:15px; bottom:12px; }
    .mThumbList .info .hit:before { width:19px; height:9px; margin-right:3px; vertical-align:middle; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png') no-repeat; background-position:0 -50px; background-size:150px auto; }

  /* mTitle */
    .mTitle { margin:0 0 7px; padding:20px 0 0; min-height:12px; font-size:12px; }
    .mTitle h2 { font-size:16px; }
    .mTitle ul > li:before { margin:-3px 5px 0 0; width:2px; height:2px; }

  /* mTooltip */
    .mTooltip .icon { width:16px; height:16px; }
    .mTooltip .tooltip { top:30px; min-width:90%; border:1px solid #555; }
    .mTooltip .content { padding:14px; line-height:1.2; }
    .mTooltip .content .title { margin:0 0 9px; font-size:13px; }
    .mTooltip .edge { left:139px; top:-8px; border-width:0 6px 8px; }
    .mTooltip .edge:after { left:-5px; top:1px; border-width:0 5px 7px; }
    .mTooltip .close { top:12px; right:12px; width:14px; height:14px; }
    .mTooltip .close:before, .mTooltip .close:after { top:6px; }
  /* typeModal */
  .mTooltip.typeModal .edge { display:none; }
  .mTooltip.typeModal .tooltip { position:fixed; left:0; right:0; top:auto; margin:auto; width:90%; vertical-align:middle; }
  .mTooltip.typeModal .tooltip:after { content:""; display:inline-block; height:100%; vertical-align:middle; }

  /* mVision */
    .mVision li { display:block; padding:40px 0; text-align:center; }
    .mVision .info { width:100%; text-align:center; }
    .mVision .info .title { padding-right:0; font-size:15px; }
    .mVision .info .title:after { width:47px; margin:15px auto 0; }
    .mVision .info .desc { margin:12px 0 0; padding:0 48px; font-size:12px; line-height:18px; }
    .mVision .thumbnail { position:relative; width:100%; margin:15px 0 0; }
    .mVision .thumbnail:before { content:""; display:block; margin-top:41%; }
    .mVision .thumbnail img { width:100%; position:absolute; left:0; right:0; top:0; bottom:0; }

  /* mQna */
    .mQna .heading { font-size:11px; line-height:1.5;}
    .mQna .heading button:after { top:11px; right:8px; width:5px; height:5px; }
    .mQna .selected .heading button:after { top:14px; }
    /* typeBasic */
      .mQna.typeBasic > li { padding:15px 12px 15px 27px; line-height:1.5; }
      .mQna.typeBasic .heading { font-size:12px; }
      .mQna.typeBasic .heading:before { top:0; left:-20px; }
      .mQna.typeBasic .answer { margin:10px 0 0; font-size:11px; }
    /* typeAccordion */
      .mQna.typeAccordion .heading { padding:10px 20px 8px 10px;  }
      .mQna.typeAccordion .content { padding:10px 9px; font-size:11px; }

  /* reserveArea */
  .reserveArea .select .mForm.typeSelect { width:100%; }

  /* mReserve */
  .mReserve { text-align:center; }
  .mReserve .date { padding:8px 0; font-size:12px; font-weight:bold; }
  .mReserve .reserve { margin:0 0 30px; }
  .mReserve dd { margin:10px 0; }
  .mReserve dd .time { margin:0 5px 0 0; font-size:11px; text-align:left; }
  .mReserve .mForm.typeSelect { overflow:hidden; }
  .mReserve .mForm.typeSelect span,
  .mReserve .mForm.typeSelect select { font-size:12px; }
  .mReserve .empty { margin:0 0 10px; padding:100px 0; font-size:14px; }
  .mReserve .btnPrimary.mini.gFlex { padding:0 10px; }
  .mReserve .btnPrimary.mini.gFlex:hover { padding:0 9px; }
  .mReserve .btnPrimary.mini.gFlex.disabled:hover { padding:0 10px; }
  .mReserve .consult { min-width:95px; }
  .mReserve .branch { flex:1; min-width:95px; font-size:12px; margin:0 5px; }
  .mReserve span.branch { overflow:hidden; }
  .mReserve .empty:before { width:33px; height:33px; margin:0 auto 12px; border-width:2px; }
  .mReserve .empty:after { left:0; right:0; margin:auto ;top:111px; width:8px; height:10px; border-width:0 0 2px 2px; border-radius:1px; }

  /* mBrdList typeCalender reserve */
  .mBrdList.typeCalendar.reserve { margin:15px 0 20px; }
  .mBrdList.typeCalendar.reserve td { padding:6px 0 0; }
  .mBrdList.typeCalendar.reserve .day { margin:-7px 0 -19px; padding:11px 0 26px; font-size:12px; }
  .mBrdList.typeCalendar.reserve .selected .day { padding:10px 0 25px; border-width:1px; }
  .mBrdList.typeCalendar.reserve .label { bottom:6px; margin:0 auto; width:23px; height:14px; padding:0 3px; font-size:10px; line-height:14px; }

  /* termsTemplete */
    .termsTemplete .title { margin:0 0 5px; }
    .termsTemplete .subTitle { margin:5px 0 2px; }
    .termsTemplete ol > li > ol { margin-left:5px; }

  /******************** page ********************/
  /* 메인 */
    .main section { padding:25px 15px; }
    .main .mMainTitle { margin:0 0 20px; }
    .main .mMainTitle h2 { margin:0 0 6px; font-size:16px; }
    .main .mMainTitle p { font-size:13px; }
    .main .visual .slide { position:relative; z-index:1; overflow:hidden; white-space:nowrap; }
    .main .visual .slide:after { content:""; display:block; clear:both; }
    .main .visual .slide li { float:left; width:100%; }
    .main .visual .slide li:before { content:""; display:block; width:100%; margin-top:60%; }
    .main .visual .slide img { max-width:none; width:100%; position:absolute; top:0; left:0; margin:auto; z-index:0; }
    .main .visual .slide img.RTB, .main .visual .slide img.RWF { display:none !important; }
    .main .visual .button .controlBar { bottom:20px; height:14px; }
    .main .visual .button .btnSwipe { margin:0 2px 0 0; height:12px; }
    .main .visual .button .btnSwipe li { margin:0 4px 0 0; }
    .main .visual .button .btnSwipe li button { width:12px; height:12px; }
    .main .visual .button .btnMoveCtrl { width:8px; height:12px; }
    .main .visual .button .btnMoveCtrl .pause { width:8px; height:100%; }
    .main .visual .button .btnMoveCtrl .pause:before,
    .main .visual .button .btnMoveCtrl .pause:after { width:3px; height:100%; }
    .main .visual .button .btnMoveCtrl .play { border-width:6px 0 6px 8px; }
    .main .cafe24Area .counter li { width:50%; margin:0; padding:12px 0 0; }
    .main .cafe24Area .counter li:first-child,
    .main .cafe24Area .counter li:nth-of-type(2) { padding:5px 0 17px; border-bottom:1px solid #dbdbdb; }
    .main .cafe24Area .counter li:nth-of-type(even) { border-left:1px solid #dbdbdb; }
    .main .cafe24Area .counter .number:before { width:30px; height:27px; background-size:200px auto; }
    .main .cafe24Area .counter .founder .number:before { background-position:0 -2px; }
    .main .cafe24Area .counter .rank .number:before { background-position:-47px 2px; }
    .main .cafe24Area .counter .branch .number:before { width:21px; background-position:-100px 2px; }
    .main .cafe24Area .counter .seat .number:before { background-position:-150px 3px; }
    .main .cafe24Area .counter .number { font-size:16px; }
    .main .cafe24Area .counter .number strong { font-size:24px; margin-right:2px; }
    .main .cafe24Area .counter .desc { margin:6px 0 0; padding:4px 10px; font-size:12px; }
    .main .programArea .service { margin-top:-2%; }
    .main .programArea .service li { width:49%; margin:2% 0 0 0; }
    .main .programArea .service li:nth-of-type(even) { margin-left:2%; }
    .main .programArea .service li a {  position:relative; padding:13px 20px 13px 50%; color:#272739; font-size:12px; line-height:16px; border:1px solid #dfdfdf; background-color:#fff; }
    .main .programArea .service li a:before { position:absolute; top:0; bottom:0; left:14%; margin:auto; width:50px; height:40px; background-image:url('//img.cafe24.com/img/soho/head/main/sfix_program_m.png'); background-repeat:no-repeat; background-size:200px auto; }
    .main .programArea .service.grid3 { max-width:290px; margin:0 auto; }
    .main .programArea .service.grid3 li { width:32%; }
    .main .programArea .service.grid3 li + li { margin-left:2%; }
    .main .programArea .service.grid3 li a:before { position:static; }
    .main .programArea .service.grid3 li a { padding:14px 5px; border:1px solid #dfdfdf; background-color:#fff; }
      .branch .main .programArea .service.grid3 li a:hover { background-color:#4e5871; }
    .main .programArea .service .edu a:before { background-position:-50px 0; }
    .main .programArea .service .consult a:before { background-position:-100px 0; }
    .main .programArea .service .studio a:before { background-position:-150px 0; }
    .main .programArea .service .low a:before { background-position:0 -40px; }
    .main .programArea .service .tax a:before { background-position:-50px -40px; }
    .main .programArea .service .buy a:before { background-position:-100px -40px; }
    .main .programArea .service .design a:before { background-position:-150px -40px; }
    .main .successArea { position:relative; }
    .main .successArea .shop .mThumbList > li { margin:0; }
    .main .successArea .shop .mThumbList .thumbnail { height:108px; }
    .main .successArea .shop .box { overflow:hidden; }
    .main .successArea .shop .box ul { -webkit-transition:transform 1s; -moz-transition:transform 1s; transition:transform 1s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; }
    .main .successArea .mThumbList .info { min-height:72px; padding:15px; }
    .main .successArea .mThumbList .info .desc { margin-top:6px; }
    .main .successArea .button button { overflow:hidden; position:absolute; top:-10px; bottom:0; margin:auto 0; width:25px; height:28px; font-size:0; line-height:0; text-indent:150%; background-color:rgba(0,0,0,0.3); }
    .main .successArea .button button:before,
    .main .successArea .button button:after { content:""; position:absolute; top:0; bottom:0; margin:auto; display:inline-block; width:9px; height:9px; border:solid #fff; z-index:1;
      -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); }
    .main .successArea .button button:after { border-color:#7a7a7a; top:2%; z-index:0; }
    .main .successArea .button .prev { left:15px; }
    .main .successArea .button .prev:before,
    .main .successArea .button .prev:after { left:5px; right:0; border-width:0 0 1px 1px; }
    .main .successArea .button .next { right:15px; }
    .main .successArea .button .next:before,
    .main .successArea .button .next:after { left:0; right:5px; border-width:1px 1px 0 0; }
    .main .branchArea .mForm.typeSelect { margin:0 0 10px; border:1px solid #4a505b; }
    .main .branchArea .mForm.typeSelect span { color:#263238; }

  /* 서비스 이용하기(serviceArea) */
    .serviceArea .mThumbList .thumbnail { height:129px; }
    /* 비즈니스 서비스 */
    .mBusiness > li { margin-bottom:10px; padding:0 0 0 70px; height:70px; }
    .mBusiness > li:before { width:70px; height:70px; background-size:300px auto; }
    .mBusiness > li:first-child:before { background-position:5px 5px; }
    .mBusiness > li:nth-of-type(2):before { background-position:-55px 5px; }
    .mBusiness > li:nth-of-type(3):before { background-position:-115px 5px; }
    .mBusiness > li:nth-of-type(4):before { background-position:-175px 5px; }
    .mBusiness > li:nth-of-type(5):before { background-position:-235px 5px; }
    .mBusiness > li:nth-of-type(6):before { background-position:5px -55px; }
    .mBusiness > li:nth-of-type(7):before { background-position:-55px -55px; }
    .mBusiness .title { margin:0 0 4px 12px; font-size:13px; }
    .mBusiness .desc { margin:0 10px 0 12px; font-size:11px; line-height:1.5; }
    /* 1:1 컨설팅 */
    #layerService { height:473px; }
    #layerService .mBrdList .empty { padding:135px 0; }
    /* 택배서비스 */
    .serviceArea.delivery .mStep.typeVer .box { padding:0 0 0 10px; font-size:10px; line-height:1.4; }
    .serviceArea.delivery .mStep.typeVer .box .title { font-size:11px; }
    .serviceArea.delivery .mStep.typeVer .box .desc { margin:4px 0 0; }
    .serviceArea.delivery .mStep.typeVer .box br { display:inline-block; content:""; width:5px; }
    /* 모델 섭외 서비스 */
    .serviceArea.model .modelList.grid6 > li { margin:0 0 20px; padding:0 13px; width:25%; }
    .serviceArea.model .modelList .code { margin:8px 0 0; font-size:11px; }
    .serviceArea.modelDetail .profile { margin:0 0 10px; }
    .serviceArea.modelDetail .profile .thumbnail, .serviceArea.modelDetail .profile .information { padding:15px; }
    .serviceArea.modelDetail .profile .thumbnail { width:92px; box-sizing:border-box; }
    .serviceArea.modelDetail .profile .thumbnail img { width:50px; height:auto; }
    .serviceArea.modelDetail .profile .information dt, .serviceArea.modelDetail .profile .information dd { font-size:11px; }
    .serviceArea.modelDetail .profile .information dd:before { margin:-2px 15px 0 0; width:2px; }
    .serviceArea.modelDetail .profile .mButton { margin:9px 0 0; }
    .serviceArea.modelDetail .pictures { margin:30px 0; }
    .serviceArea.modelDetail .pictures img { margin:0 auto 10px; }
    .modelForm .btnIcon.icoCal { margin:0 0 0 5px; }
    .serviceArea.modelForm .mTitle .gMerge { bottom:0; font-size:11px; }

  /* 입주 문의하기(inquiryArea) */
    /* 공지사항 */
    .inquiryArea.notice .mSearch .mForm.typeSelect:nth-of-type(1) { width:100%; margin:0 0 5px; }
    .inquiryArea.notice .mBrdList .icoNotice { margin:-2px 0; }
    .inquiryArea.notice .mBrdList .notice { max-width:82%; }
    .inquiryArea.notice .mBrdList a { line-height:14px; }
    /* faq */
    .inquiryArea.faq .empty { padding:15px 0; text-align:center; font-size:12px; }
    /* 입주절차 */
    .inquiryArea.step .mStep.typeVer .box { padding:0 0 0 10px; font-size:10px; line-height:1.4; }
    .inquiryArea.step .mStep.typeVer .box .title { font-size:11px; }
    .inquiryArea.step .mStep.typeVer .box .desc { margin:4px 0 0; }
    .inquiryArea.step .mStep.typeVer .box br { display:inline-block; content:""; width:5px; }
    .inquiryArea.step .mStep.typeVer .box .desc span { display:block; }

  /* 가맹 문의(franchisee) */
    /* 창업센터 가맹문의 */
      .franchiseeArea.intro .mCopy.typeBg { background-image:url('//img.cafe24.com/img/soho/head/franchisee/img_franchisee_visual_m.jpg'); }
      .franchiseeArea.intro .mThumbList li { margin-left:0;  }
      .franchiseeArea.intro .mThumbList li { min-height:176px; }
      .franchiseeArea.intro .mThumbList > li, .mThumbList > li > a { display:table; table-layout:fixed; width:100%; }
      .franchiseeArea.intro .mThumbList .thumbnail { display:block; height:174px; box-sizing:border-box; }
      .franchiseeArea.intro .mThumbList .info { display:block; width:50%; padding:25px; border-left:none; border-top:none; font-size:16px; box-sizing:border-box; vertical-align:middle; }
      .franchiseeArea.intro .mThumbList .info .title { font-size:22px; }
      .franchiseeArea.intro .mThumbList .info .desc { margin-top:10px; font-size:16px; line-height:20px; }
      .franchiseeArea.intro .mThumbList .info .date { margin-top:15px; }
      .franchiseeArea.intro .mThumbList .info .hit { right:30px; bottom:40px; }

  /* 전국센터안내 */
    .centerInfoArea.infoDetail .tabContent { padding:0 0 15px; }
    .centerInfoArea.infoDetail .btnBasic.icoTel { padding:0 13px; color:#4f4f4c; font-size:11px; }
    .centerInfoArea.infoDetail .btnBasic.icoTel:hover { padding:0 12px; }
    .centerInfoArea.infoDetail .btnBasic.icoTel:before { margin:-2px 5px 0 0; width:15px; height:15px; background-size:150px auto; background-position:-50px -25px; }

  /* login */
    .login .loginArea { padding:25px 15px 20px; max-width:320px; width:100%; }
    .login .mCopy h2 { font-size:21px; }
    .login .mCopy p { font-size:13px; }
    .login .loginArea .form { position:relative; padding:0 90px 0 0; }
    .login .loginArea .form .fText { height:25px; }
    .login .loginArea .form .fText:first-child { margin:0 0 10px; }
    .login .loginArea .form .buttonLogin { width:80px; height:58px; line-height:58px; font-size:13px; }
    .login .loginArea .option { padding:10px 0 15px; font-size:11px; }
    .login .loginArea .member { padding:25px 0 0; font-size:12px; }
    .login .loginArea .member li a:before { margin:-2px 10px 0; height:10px; }
  /* 두줄 이상 : MPR-11091 추가 대상 */
    .login .loginArea .info { margin:15px 0 0; }
    .login .loginArea .info li { position:relative; margin:6px 0 0; padding:0 0 0 10px; font-size:11px; line-height:13px; text-align:left; }
    .login .loginArea .info li:first-of-type { margin:0; }
    .login .loginArea .info li:before { content:""; display:inline-block; position:absolute; top:4px; left:0; width:2px; height:2px; background-color:#757575; }

  /* mFormBox */
    .mFormBox { width:100%; max-width:320px; margin:30px auto 0; padding:25px 15px; border:1px solid #e3e3e3; box-sizing:border-box; }
    .mFormBox .column { display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; position:relative; margin:16px 0 0;
      -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
    }
    .mFormBox .column:first-of-type { margin:0; }
    .mFormBox .column .title { display:block; width:100%; padding:0 0 8px; font-size:13px; color:#000; font-weight:normal; }
    .mFormBox .fText { width:100%; height:25px; color:#626263; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; }
    .mFormBox .column.certify .fText { padding-right:35px; }
    .mFormBox .fText + [class^="btn"] { margin:0 0 0 5px; }
    .mFormBox .time { position:absolute; top:30px; right:8px; font-size:12px; color:#ed4e39;}
    .mFormBox .info { width:100%; }
    .mFormBox .info li { position:relative; margin:5px 0 0; padding:0 0 0 10px; font-size:12px; color:#777; }
    .mFormBox .info li:before { content:""; display:inline-block; position:absolute; top:5px; left:0; width:2px; height:2px; background-color:#777; }
    .container .mFormBox [class^="btn"].mini,
    .container .mFormBox [class^="btn"].mini:hover { height:25px; line-height:25px; }
  /* //MPR-11091 */

  /* 지점 */
    /* 메인 */
    .main .locationArea .centerInfo { padding-bottom:43px; }
    .main .locationArea .centerInfo .mTitle { padding:25px 0 0; }
    .main .locationArea .centerInfo .mTitle h3 { font-size:13px; }
  /* 회원전용서비스 */
    #contents.memberArea { padding-top:35px; }
    /* 나의 데스크 사용 관리 */
      .memberArea.mydesk .mCtrl + .mList { margin:0 0 10px; }
      .memberArea.mydesk .mBrdList.typeTransform.gStrong .heading.strong { padding-bottom:68px; }
      .memberArea.mydesk .mBrdList.typeTransform.gStrong .heading.basic .title { line-height:20px; }
      .memberArea.mydesk .mBrdList.typeTransform.gStrong .state { top:38px; }
      .memberArea.mydesk .mBrdList.typeTransform.gStrong .state.pay { top:58px; }
      .memberArea.mydesk .mBrdList.typeTransform.gStrong .state.pay .title,
      .memberArea.mydesk .mBrdList.typeTransform.gStrong .state.pay .status { line-height:28px; }
      .memberArea.mydesk .mBrdList.typeTransform .title { width:35%; }
      .memberArea.mydesk .mBrdList.typeTransform .status { width:65%; }
      .memberArea.mydesk .mBrdList.typeTransform .status [class*="btn"] { margin:3px 0 0; }
      .memberArea.mydesk .mBrdList.typeTransform .rowChk { top:5px; left:10px; }
      .memberArea.mydesk .mBrdList.typeTransform .heading.check { padding-left:20px; }
      .memberArea.mydesk .mBrdList.typeTransform .heading.check .title { width:50%; }
      .memberArea.mydesk .mBrdList.typeTransform .heading.check .status { width:50%; }
    /* 스튜디오 예약관리 */
      .memberArea .mBrdList.typeTransform .room { padding:12px 0 0 10px; }
      .memberArea .mBrdList.typeTransform .timeTable { margin:0 0 0 30%; }
      .memberArea .mBrdList.typeTransform .timeTable li { padding:3px 10px; text-align:left; }
      .memberArea .mBrdList.typeTransform .timeTable .fCheck { margin:5px 0 0; }
      .memberArea .mCtrl .price { font-size:12px; line-height:28px; color:#4c4c4f; }
      .memberArea .mCtrl .price strong { margin:0 0 0 10px; }
      .memberArea.studioBook .desc { margin:15px 0; font-size:12px; color:#263238; text-align:center; }
      .memberArea.studioBasket .mBrdList.typeTransform .heading { padding-left:30px; }
      .memberArea.studioBasket .mBrdList.typeTransform .rowChk { top:5px; left:10px; }
      .memberArea.studioBasket .mCtrl.typeFooter { padding:4px 10px; }
      .memberArea.studioOrder .mBrdList.typeTransform .heading { padding-left:10px; }
      .memberArea.studioOrder .mBrdArea .typeBody { max-height:240px; }
      .memberArea.studioOrder .mBrdArea .kind { width:70px; }
      .memberArea.studioOrder .mBrdArea .period { width:100px; }
      .memberArea.studioOrder .mBrdList .gLabel:first-child { display:block; margin:0 0 7px; }
      .memberArea.studioOrder .mBrdList .gLabel + .gLabel { margin:0; }
      .memberArea.studioPay .mBrdList.typeTransform.gStrong .heading.strong { padding-bottom:80px; }
      .memberArea.studioPay .mBrdList.typeTransform.gStrong .heading.strong.cancel { padding-bottom:106px; }
      .memberArea.studioPay .mBrdList.typeTransform.gStrong .state { top:30px; }
      .memberArea.studioPay .mBrdList.typeTransform.gStrong .state.pay { top:52px; }
      .memberArea.studioPay .mBrdList.typeTransform.gStrong .state.condition { top:74px; }
      .memberArea.studioPay .mBrdList.typeTransform .timeTable li { margin:3px 0 0; }

      .gLabel { margin-right:10px; }
      .fRadio.gLabel { margin-left:0; }

      /* 택배신청 관리 */
      .memberArea[class*="delivery"] .mBox.gDivide .util .btnEm { width:100%; height:28px; margin:0 0 5px; line-height:28px; }
      .memberArea[class*="delivery"] .mBox.gDivide .util .btnEm:hover { line-height:26px; }
        /* 택배신청 */
        .memberArea.deliveryApply .mBox.typeNotice { margin-top:10px; }
        /* 택배 신청내역 */
        .memberArea.deliveryHistory .mState { margin:10px 0 0; padding:0; border-bottom:0; font-size:12px; }
        /* 택배포인트 환불 레이어 */
        #layerPointReturn.mLayer p { font-size:11px; line-height:14px; }
        #layerPointReturn.mLayer .pointInfo { margin:0 0 8px; font-size:13px; line-height:16px; }
        /* 주소록 레이어 */
        #layerAddressBook.mLayer .mBrdList.addressList { border:0; overflow:hidden; }
        #layerAddressBook.mLayer .mBrdList.addressList table { border-width:0; }
        #layerAddressBook.mLayer .mBrdList.addressList table, #layerAddressBook.mLayer .mBrdList.addressList tbody, #layerAddressBook.mLayer .mBrdList.addressList tr,
        #layerAddressBook.mLayer .mBrdList.addressList th, #layerAddressBook.mLayer .mBrdList.addressList td { display:block; text-align:left; border-color:#d5d5d5; }
        #layerAddressBook.mLayer .mBrdList.addressList thead { display:none; }
        #layerAddressBook.mLayer .mBrdList.addressList tr { position:relative; padding:0 0 7px; border:solid #d5d5d5; border-width:0 1px 1px 1px; }
        #layerAddressBook.mLayer .mBrdList.addressList tr:first-child { margin:0; }
        #layerAddressBook.mLayer .mBrdList.addressList td { overflow:hidden; width:100%; padding:2px 10px; border-width:0; box-sizing:border-box; }
        #layerAddressBook.mLayer .mBrdList.addressList .heading { width:100%; height:42px; margin-top:20px; padding:11px 10px; font-size:13px; border-width:1px 0 1px 0; box-sizing:border-box; background:#f9f9f9; }
        #layerAddressBook.mLayer .mBrdList.addressList tr:first-child .heading { margin-top:0; }
        #layerAddressBook.mLayer .mBrdList.addressList .heading + td { padding-top:10px; }
        #layerAddressBook.mLayer .mBrdList.addressList .empty { padding:80px 0; text-align:center; border-top:1px solid #d5d5d5; }
        #layerAddressBook.mLayer .mBrdList.addressList .button { position:absolute; top:4px; right:-3px; width:118px; }
        #layerAddressBook.mLayer .mBrdList.addressList .check .select { margin-right:8px; }
        #layerAddressBook.mLayer #myAddressBook .mButton .btnNormal.RTIB { display:none; }
      /* 쿠폰 등록하기 */
      .memberArea.coupon .mBox.gDivide .util input { width:50px; }
      .memberArea.coupon .mBox.gDivide .util .btnEm { width:50px; height:23px; line-height:23px; }
        /* 쿠폰등록 레이어 */
        #layerCouponRegister .info { font-size:14px; }
      /* 입주자 컨설팅 관리 */
      .memberArea.consult .mTab.typeSub { margin-bottom:0; }
      .memberArea.consult .mState { margin:15px 0 0; padding:0; }
      .memberArea.consult .mBrdList.typeTransform .title { width:30%; }
      .memberArea.consult .mBrdList.typeTransform .status { width:70%; }
      .memberArea.consult .mBrdList.typeWrite .mForm.typeSelect { width:100%; }
      /* 회원정보관리 */
        /* 탈퇴신청 레이어 */
        #layerWithdraw .info { margin:0 0 10px; font-size:12px; line-height:18px; text-align:center; }

      /* 컨설팅 신청 레이어 */
      .mBrdList.typeList .mConsultTip .item .link { font-size:12px; line-height:14px; }
      .mBrdList.typeWrite .txtByte { margin-top:7px; font-size:15px; line-height:16px; }
      .mBrdList.typeWrite .titleExample { margin-top:-15px; color:#358de0; font-size:12px; line-height:13px; }
      .mBrdList.typeWrite h3.titleExample:before { width:0; margin-right:0; }
      .mBrdList.typeWrite .mList { font-size:12px; line-height:18px; }
      .mBrdList.typeWrite .txtByte { font-size:12px; line-height:18px; }
      .mBrdList.typeWrite .fTextarea { font-size:12px; line-height:18px; }
      #layerConsultApply .fText, input[type="file"] { font-size:12px; }
}

/********************* Mobile(landscape) *********************/
@media all and (min-width:481px) and (max-width:767px) {

  /* button */
  .container a[class^="btn"], .container button[class^="btn"], .container label[class^="btn"] { max-width:224px; }

  /* mFeature */
  .mFeature h3:before { padding-top:50%; }

  /* 메인 */
  .main .programArea .service li a { padding-left:40%; }
  .main .programArea .service li a:before { left:30%; }
  .main .successArea .mThumbList .thumbnail { height:162px; }
}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1023px) {
  /* global */
    .gBlockT { display:block; }
    .gBlockM, .gBlockW { display:inline; }

    a[href^="tel"] { cursor:text; }
    .icoSFIX { }
      .icoNew { margin:-3px 0 0 5px; width:20px; height:19px; background-position:-50px -150px; }
      .icoOn { width:38px; height:24px; background-position:0 -150px; }
      .icoRequired { width:8px; height:8px; background-position:-150px -150px; }

  /* icon */
    .icoMore:after, .icoLink:after { margin:0 0 0 10px; width:9px; height:9px; }

  /* button */
    .container a[class^="btn"], .container button[class^="btn"], .container label[class^="btn"] { width:224px; height:56px; line-height:56px; font-size:19px; }
    .container a[class^="btn"]:hover, .container button[class^="btn"]:hover, .container label[class^="btn"]:hover { line-height:54px; }
    .container [class^="btn"].mini { height:40px; line-height:40px; font-size:16px; }
    .container [class^="btn"].mini:hover { line-height:38px; }
    .container [class^="btn"].disabled:hover { line-height:56px; }
    .container [class^="btn"].mini.disabled:hover { line-height:40px; }
    .container [class^="btn"].gFlex { padding:0 19px; }
    .container [class^="btn"].gFlex:hover { padding:0 18px; }
    .container [class^="btn"].mini.gFlex { padding:0 25px; }
    .container [class^="btn"].mini.gFlex:hover { padding:0 24px; }
    .container [class^="btn"].mini.gFlex.disabled:hover { padding:0 25px; }
    /* btnBox */
    .container a.btnBox { padding:0 83px 0 0; width:395px; }
    .container a.btnBox span { padding-left:20px; line-height:54px; }
    .container a.btnBox:after { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); }
    .container a.btnBox.download:after { top:12px; right:25px; width:32px; height:24px; background-position:-150px 0; }
    .container a.btnBox.link:after { top:19px; right:25px; width:28px; height:16px; background-position:-200px 0; }
    .container a.btnBox.mini { height:40px; }
    .container a.btnBox.mini span { height:38px; line-height:38px; font-size:16px; }
    .container a.btnBox.mini.gFlex { padding:0 48px 0 0; }
    .container a.btnBox.mini.gFlex span { padding:0 15px; }
    .container a.btnBox.mini.gFlex:hover { padding:0 48px 0 0; }
    .container a.btnBox.download.mini:after { top:5px; right:8px; }
    .container a.btnBox.tel span { padding-left:0; }
    /* btnIcon */
    .container .btnIcon.icoDel { width:14px; height:14px; }

    .container .btnIcon.icoDel:before, .container .btnIcon.icoDel:after { left:-1px; top:6px; width:19px; }
    .container .btnIcon { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); }
    .container .btnIcon.icoCal { width:24px; height:24px; background-position:-50px -100px; }
    .container .btnIcon.icoSearch { width:38px; height:35px; background-position:-150px -100px; }

  /* form */
    select { border:1px solid #ccc; padding:0 0 0 20px; height:46px; line-height:46px; outline:0; font-size:17px; vertical-align:top; }

  /* grid */
    [class*="grid"] > li { margin-top:20px; }
    .grid4 > li:first-child, .grid5 > li:first-child,
    .grid4 > li:nth-of-type(4n), .grid5 > li:nth-of-type(5n) { margin-left:0; }
    .grid4 > li, .grid5 > li { margin-left:1%; width:49.5%; }

  /* headingArea */
    .headingArea { margin:0 -20px; padding:78px 20px 22px; }
    .headingArea h1 { font-size:24px; }

  /* mArticle */
    .mArticle h2 { margin:0 0 15px; padding:40px 0 0; font-size:22px; }

  /* mBook */
    .mBook .chooseDate { padding:22px 20px 50px 20px; width:60%; }
    .mBook .checkList { padding:40px 30px 50px 40px; width:40%; }
    .mBook .checkList ul { overflow-y:scroll; }
    .mBook .checkList li { padding:5px 0; }

  /* mBox */
  /* typeManual */
    .mBox.typeManual .item { padding:30px 30px 30px 35px; }
    .mBox.typeManual .item .title { font-size:24px; }
    .mBox.typeManual .item .price { margin:0 25px 0 10px; font-size:30px; }
    .mBox.typeManual .item .button { float:right; }
  /* mBox gDivide */
    .mBox.gDivide { padding:30px 35px; }
    .mBox.gDivide .price { margin:0 0 0 10px; }
    .mBox.gDivide .left:after { content:''; display:block; clear:both; }
    .mBox.gDivide .right { margin:20px 0 0; padding:20px 0 0; border-top:1px solid #d6d6d6; }
    .mBox.gDivide .util { float:right; }

  /* mBreadcrumb */
    .mBreadcrumb { height:56px; padding:17px 18px 0 0; }
    .mBreadcrumb li { font-size:16px; }
    .mBreadcrumb li:before { margin:0 13px 0 0; width:9px; height:9px; }
    .mBreadcrumb .home { width:26px; height:24px; background-position:0 -50px; }

  /* mBrdList */
    .mBrdList col.data { width:148px; }
    .mBrdList .gPoint { width:18%; }
    .container .mBrdList [class^="btn"].mini { height:36px; line-height:36px; }
    .container .mBrdList [class^="btn"].mini:hover { line-height:34px; }
    .container .mBrdList .btnBox.mini span { height:34px; line-height:34px; }
    /* typeGallery */
      .mBrdList.typeGallery li { padding:20px 0; }
      .mBrdList.typeGallery .thumbnail { width:223px; height:120px; }
      .mBrdList.typeGallery .info { padding:0 20px 0 255px; }
      .mBrdList.typeGallery .info .title a { font-size:21px; }
      .mBrdList.typeGallery .info .desc a { font-size:16px; }
    /* typeWrite */
      .mBrdList.typeWrite .mForm.typeSelect span,
      .mBrdList.typeWrite .mForm.typeSelect select { font-size:16px; }
      .mBrdList.typeWrite .gCellAddr .address .fText { margin:10px 0 0; }
    /* typeTransform */
      .mBrdList.typeTransform tr { padding:0 0 18px; }
      .mBrdList.typeTransform .heading { margin-top:20px; padding:14px 0; font-size:20px; }
        .mBrdList.typeTransform tr:first-child .heading { margin-top:0; }
      .mBrdList.typeTransform td { padding:6px 0; font-size:17px; }
      .mBrdList.typeTransform .heading + td { padding-top:24px; }
      .mBrdList.typeTransform .title, .mBrdList.typeTransform .status { padding:0 20px; }
      .mBrdList.typeTransform table td.empty { padding:156px 0; font-size:19px; text-align:center; }
        /* gStrong */
        .mBrdList.typeTransform.gStrong td { padding:6px 0; }
        .mBrdList.typeTransform.gStrong .heading { margin-top:0; padding:12px 0; }
        .mBrdList.typeTransform.gStrong .heading + td { padding-top:24px; }
        .mBrdList.typeTransform.gStrong .heading.strong { margin:30px -1px 0; padding:12px 0; line-height:40px; }
        .mBrdList.typeTransform.gStrong .heading.strong + td { padding-top:12px; }
        .mBrdList.typeTransform.gStrong .heading.basic .title { font-size:20px; }
        .mBrdList.typeTransform.gStrong .heading.strong .title { font-size:22px;line-height:40px; }
        .mBrdList.typeTransform [class^="btn"] + [class^="btn"] { margin-left:10px; }

  /* mBrdMove */
    .mBrdMove { margin-top:60px; }
    .mBrdMove strong { padding:0 40px 0 20px; }

  /* mBrdView */
    .mBrdView .heading { margin:0 -20px; padding:24px 20px 23px; }
    .mBrdView .heading h2 { margin:0 0 5px; font-size:22px; }
    .mBrdView .heading .date { font-size:16px; }
    .mBrdView .content { padding:40px 0 60px; }

  /* mBusiness */
    .mBusiness > li { margin-bottom:20px; padding:0 0 0 120px; height:120px; }
    .mBusiness > li:before { bottom:25px; width:120px; height:120px; }
    .mBusiness > li.item1:before { background-position:0 0; }
    .mBusiness > li.item2:before { background-position:-120px 0; }
    .mBusiness > li.item3:before { background-position:-240px 0; }
    .mBusiness > li.item4:before { background-position:-360px 0; }
    .mBusiness > li.item5:before { background-position:-480px 0; }
    .mBusiness > li.item6:before { background-position:0 -120px; }
    .mBusiness > li.item7:before { background-position:-120px -120px; }
    .mBusiness .title { margin:0 0 10px 25px; font-size:21px; }
    .mBusiness .desc { margin:0 0 0 25px; font-size:16px; }

  /* mButton */
    .mButton [class^="btn"] { margin:0 0 20px 0; }
    .mButton a.btnBox + a.btnBox { margin-left:0; }

  /* mComment */
    .mComment li { padding:28px 40px 28px 0; }
    .mComment .id { width:135px; font-size:16px; padding:0 10px 0 18px; }
    .mComment .messege {  font-size:16px; line-height:24px; }
    .mComment .messege .desc {margin:0 0 14px; }
    .mComment .messege .modify { padding:0 114px 0 0; }
    .mComment .messege .modify .fTextarea { height:130px; }
    .mComment .messege .modify .button { top:17px; right:15px; }
    .mComment .messege .modify .button button:first-child { display:block; margin-bottom:15px; }
    .mComment .messege .modify .button button { margin-left:0; }
    .mComment .messege > .button { margin-left:25px; }
    .mComment .register textarea { padding:18px 19px; }

  /* mCopy */
    .mCopy { margin:48px 0; }
    .mCopy h2 { font-size:28px; line-height:42px; }
    .mCopy h3 { font-size:24px; line-height:32px; }
    .mCopy p { margin:5px 0 0; font-size:18px; line-height:26px; }
    .mCopy.typeVisual { padding:38px 20px; text-align:left; background-position:100% bottom; background-size:40% auto; }
    .mCopy.typeVisual ul { padding-right:285px; }
    /* typeBg */
      .mCopy.typeBg { margin:20px 0 40px; padding:210px 0 51px; }
      .mCopy.typeBg:before { top:45px; }

  /* mCtrl */
    .mCtrl.typeHeader, .mCtrl.typeFooter { padding:12px 30px; }
    .mCtrl.typeButton.gMerge { margin-top:-50px; }

  /* mEmpty */
    .mEmpty { padding:156px 0; font-size:24px; }

  /* mFeature */
    .mFeature li:before { height:338px; }
    .mFeature h3 { font-size:24px; }
    .mFeature h3:before { padding-top:50%; }
    .mFeature .box li { padding:15px 10px 35px; }
    .mFeature .box .title { font-size:18px; }
    .mFeature .box .headDesc { font-size:20px; line-height:30px; }
    .mFeature .box .btnBasic.mini.gFlex { height:30px; margin:18px 0 0; padding:0 20px; line-height:30px; font-size:14px; }
    .mFeature .box .btnBasic.mini.gFlex:hover { padding:0 20px; line-height:30px; }

  /* mFile */
    .mFile { margin:10px -20px 0; font-size:16px; }
    .mFile li { padding:5px 20px; position:relative; border-top:1px solid #e2e2e2; }
    .mFile li a { padding:0 0 0 28px; }
    .mFile li a:before { width:16px; height:19px; background-image:url('//img.cafe24.com/img/soho/head/common/sflex_file_m.png'); background-position:-50px -550px; }
    .mFile .btnIcon.icoDel { position:absolute; top:12px; right:20px; }

  /* mForm */
    .mForm {  }
      /* typeSelect */
      .mForm.typeSelect { height:36px; }
      .mForm.typeSelect span { left:13px; height:36px; line-height:36px; font-size:17px; }
      .mForm.typeSelect:after { top:15px; right:13px; height:5px; border-width:7px 5px 0 5px; }
      /* typeSearch */
      .mForm.typeSearch .fText { min-width:200px; }

  /* mInfo */
    .mInfo > dl > dt { padding:0 30px; font-size:21px; height:76px; line-height:76px; box-sizing:border-box; }
    .mInfo > dl > dd { padding:30px; font-size:18px; }
    .mInfo .effect { margin:15px 0 0; font-size:21px; }
    .mInfo .effect:before { margin:0 10px 0 0; width:25px; height:17px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); background-position:0 0; }
      /* typeIcon */
      .mInfo.typeIcon > dl > dt:before { margin:0 15px 0 0; width:56px; height:56px; background-size:auto 56px; }
      .mInfo.typeIcon .item1 dt:before { background-position:0 0; }
      .mInfo.typeIcon .item2 dt:before { background-position:-56px 0;; }
      .mInfo.typeIcon .item3 dt:before { background-position:-112px 0; }
      .mInfo.typeIcon .item4 dt:before { background-position:-168px 0; }

  /* mLayer */
    .mLayer [class^="btn"].mini { max-width:154px; }
    .mLayer [class^="btn"].mini.gFlex { max-width:none; }
    .mLayer .mButton { padding:30px 0 0; }
    .mLayer button.btnClose.gFlex { margin:0 auto 30px; padding:0 18px; height:40px; line-height:40px; font-size:16px; border:1px solid #555; }
    .mLayer button.btnClose.gFlex:hover { padding:0 17px; line-height:38px; border-width:2px; }
    .mLayer .infomation { margin:0 0 30px; font-size:17px; }
      /* size */
      .mLayer.gSmall { width:540px; }
      .mLayer.gMedium { width:640px; }
      .mLayer.gLarge { width:740px; }
      /* typePopup */
      /*.mLayer.typePopup .btnClose { display:none; }*/
      .mLayer.typePopup button.btnClose { position:absolute; top:30px; right:30px; display:block; padding:0 !important; width:30px !important; height:30px; color:transparent; line-height:0; font-size:0; border:0; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s; }
      .mLayer.typePopup button.btnClose:before, .mLayer.typePopup button.btnClose:after { position:absolute; display:block; content:""; top:13px; width:100%; height:1px; background:#555; opacity:1; left:0; }
      .mLayer.typePopup button.btnClose:before { -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
      .mLayer.typePopup button.btnClose:after { -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
      .mLayer.typePopup button.btnClose:hover { padding:0; border-width:1px; -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
      /* reset */
      .mLayer .mBrdList.typeWrite .gCellEmail .fText { width:125px; }
      .mLayer .mBrdList.typeWrite .gCellEmail .mForm.typeSelect { width:140px; }

  /* mMap */
    .mMap { height:330px; }

  /* mMapArea */
    .mMapArea .center .office li { float:left; width:49%; min-height:174px; margin:0 0 15px; }
    .mMapArea .center .office li:nth-of-type(even) { margin-left:2%; }
    .mMapArea .center .office .info { min-height:125px; }
    .mMapArea .center .office .info:before { width:32px; top:34px; right:20px; }
    .mMapArea .center .office .info:after { width:10px; height:10px; top:29px; right:20px; }
    .mMapArea .center .office .title { padding:24px 20px 16px; font-size:21px; }
    .mMapArea .center .office .address { padding:0 50px 0 20px; font-size:16px; line-height:22px; }
    .mMapArea .center .office .tel { padding:10px 0; }
    .mMapArea .center .office .tel a { font-size:21px; }

  /* mSearch */
    .mSearch { margin:32px 0 20px; }
    .mSearch .left { width:48%; margin-right:2%; }
    .mSearch .right { width:50%; }

  /* mSlide */
    .mSlide { padding:50px 0 0; }
    .mSlide .box { width:100%; }
    .mSlide ul.thumbnail { margin-top:30px; }
    .mSlide ul.thumbnail > li { margin:0 0 0 8px; width:100px; height:60px; }
    .mSlide .box .button { margin-top:-30px; width:100%; }
    .mSlide .box .button button { width:60px; height:60px; }
    .mSlide .box .button button:after { width:18px; height:18px; }

  /* mStep */
    .mStep { margin:-24px 0 0; }
    .mStep > li { padding:24px 0 24px 120px; height:120px; }
    .mStep > li:first-child { border-top:0; }
    .mStep > li:before { top:0; bottom:0; margin:auto; left:0; width:1400px; height:120px; }
    .mStep > li:first-child:before { background-position:0 0; }
    .mStep > li:nth-child(2):before { background-position:0 -120px; }
    .mStep > li:nth-child(3):before { background-position:0 -240px; }
    .mStep > li:nth-child(4):before { background-position:0 -360px; }
    .mStep > li:nth-child(5):before { background-position:0 -480px; }
    .mStep > li:nth-child(6):before { background-position:0 -600px; }
    .mStep > li:nth-child(7):before { background-position:0 -720px; }
    .mStep > li:nth-child(8):before { background-position:0 -840px; }
    .mStep > li:nth-child(9):before { background-position:0 -960px; }
    .mStep .box { padding:0 30px; height:120px; }
    .mStep .box:before { bottom:-7px; left:45px; width:29px; height:15px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png') no-repeat -250px 0; }
    .mStep [class^="seq"] { z-index:2; position:absolute; left:0; top:0; bottom:0; margin:auto; padding:55px 0 0; width:120px; height:18px; font-size:16px; }
    .mStep .desc { margin:7px 0 0; font-size:16px; line-height:1.5; }
    .mStep .desc li:before { margin:-1px 4px 0; width:1px; height:1px; }
    .mStep .label { margin:0 0 8px; font-size:16px; }
    /* typeVer gSeparate */
      .mStep.typeVer.gSeparate > li { height:130px; }
      .mStep.typeVer.gSeparate > li:before { width:140px; }
      .mStep.typeVer.gSeparate .box:before { left:56px; bottom:-8px; border-width:13px 13px 0; }
      .mStep.typeVer.gSeparate .box:after { left:54px; bottom:-9px; border-width:15px 15px 0; background:#fff; }
    /* typeVer multiLine */
      .mStep.multiLine .box:before { background-position:-200px -250px; background-color:#fff; }
      .mStep.multiLine > li:nth-child(n+1):nth-child(-n+3) .box:before { background-position:-200px -250px; }
      .mStep.multiLine > li:nth-child(n+4):nth-child(-n+6) .box:before { background-position:-200px -300px; }
      .mStep.multiLine > li:nth-child(n+7):nth-child(-n+9) .box:before { background-position:-200px -350px; }

    /* station */
    .mStep.station { padding-left:100px; }
    .mStep.station:before,
    .mStep.station:after { left:0; width:76px; height:80px; padding:19px 0 0; font-size:20px; line-height:26px; }
    .mStep.station:before { top:25%; }
    .mStep.station:after { bottom:16%; }
    .mStep.station > li:after { left:-60px; bottom:-30px; width:26px; }
    .mStep.station > li:first-child:after,
    .mStep.station > li:nth-child(4):after { top:24px; }
    .mStep.station > li:nth-child(3):after,
    .mStep.station > li:last-child:after { bottom:24px; }

  /* mTab */
    .mTab { margin:20px 0; }
    .mTab li a { font-size:17px; }
    /* grid */
      .mTab[class*="grid"] li:nth-of-type(3n) { width:33.4%; }
      .mTab[class*="grid"] ul:before,
      .mTab[class*="grid"]:after { content:""; position:absolute; right:0; bottom:0; width:100%; display:block; border-color:#d5d5d5; border-style:solid; border-width:0 0 1px; box-sizing:border-box; }
      .mTab.grid5 ul:before, .mTab.grid7 ul:before, .mTab.grid8 ul:before, .mTab.grid10 ul:before { width:calc(33.4% + 1px); height:42px; border-width:0 1px; }
      .mTab.grid2 ul > li, .mTab.grid4 ul > li:nth-of-type(n) { width:50%; }
      .mTab.grid5 ul > li, .mTab.grid6 ul > li, .mTab.grid7 ul > li,
      .mTab.grid8 ul > li, .mTab.grid9 ul > li, .mTab.grid10 ul > li { width:33.3%; }
    .mTab[class*="grid4"] ul:before, .mTab[class*="grid6"] ul:before,
    .mTab[class*="grid9"] ul:before, .mTab[class*="grid12"] ul:before { content:none !important; }
    /* typeButton */
      .mTab.typeButton ul { min-width:80%; }
      .mTab.typeButton li { margin:0 0 0 10px; }
    /* typeToggle */
      .mTab.typeToggle { margin:0 -20px; }
      .mTab.typeToggle .heading { padding:15px 20px; }
      .mTab.typeToggle .heading h2 { font-size:19px; }
      .mTab.typeToggle .heading button:after { top:17px; right:20px; width:10px; height:10px; }
        .mTab.typeToggle.selected .heading button:after { top:24px; }
      .mTab.typeToggle li a { padding:12px 20px; }
      .mTab.typeToggle li.selected a { padding:13px 20px 11px; }

  /* mThumbList */
    .mThumbList li { min-height:176px; }
    .mThumbList > li, .mThumbList > li > a { display:table; table-layout:fixed; width:100%; }
    .mThumbList .thumbnail { display:block; height:174px; box-sizing:border-box; }
    .mThumbList .info { display:table-cell; width:50%; padding:25px; border-left:1px solid #d5d5d5; font-size:16px; box-sizing:border-box; vertical-align:middle; }
    .mThumbList .info .title { font-size:22px; }
    .mThumbList .info .desc { margin-top:10px; font-size:16px; line-height:20px; }
    .mThumbList .info .date { margin-top:15px; }
    .mThumbList .info .hit { right:30px; bottom:40px; }

  /* mTitle */
    .mTitle { margin:0 0 15px; padding:40px 0 0; font-size:16px; }
    .mTitle h2 { font-size:22px; }

  /* mPaginate */
    .mPaginate { margin:30px 0; }
    .mPaginate li { width:40px; height:40px; font-size:17px; text-align:center; }
    .mPaginate a,
    .mPaginate li strong { min-width:40px; height:40px; line-height:42px; box-sizing:border-box; }
    .mPaginate .prev { margin:0 20px 0 8px; }
    .mPaginate .next { margin:0 8px 0 20px; }

  /* mPoint */
    .mPoint.grid3 li { width:32.33%; margin-left:1.5%; }
    .mPoint.grid3 > li:first-child, .mPoint.grid3 > li:nth-of-type(2), .mPoint.grid3 > li:nth-of-type(3) { margin-top:0; }
    .mPoint.grid3 > li:nth-of-type(3n + 1) { margin-left:0; }

  /* mProvide */
    .mProvide { padding:40px 20px; }
    .mProvide .visual li { width:32%; margin:0 0 0 2%; }
    .mProvide .visual li:before { margin-top:65%; }

  /* mVision */
    .mVision li { padding-left:8px; }
    .mVision .info { width:50.5%; }
    .mVision .info .desc { padding-right:20px; }
    .mVision .thumbnail { width:49.5%; height:182px; }

  /* mQna */
    /* typeBasic */
    .mQna.typeBasic .heading { font-size:18px; }
    .mQna.typeBasic .answer { font-size:16px; }

  /* reserveArea */
  .reserveArea .select .mForm.typeSelect { width:100%; }

  /* mBrdList typeCalender reserve */
  .mBrdList.typeCalendar.reserve { margin:15px 0 40px; }
  .mBrdList.typeCalendar.reserve .day { margin:-19px 0 -21px; padding:19px 0 39px; font-size:17px; }
  .mBrdList.typeCalendar.reserve .selected .day { padding:17px 0 37px; border-width:2px; }
  .mBrdList.typeCalendar.reserve .label { bottom:12px; width:33px; height:20px; padding:0 5px; font-size:13px; line-height:20px; }

  /* mReserve */
  .mReserve .date { padding:12px 0; font-size:20px; font-weight:bold; }
  .mReserve .reserve { margin:0 0 30px; }
  .mReserve dd { margin:10px 0; padding:0 20px; }
  .mReserve dd .time { margin:0 15px 0 0; font-size:17px; }
  .mReserve .branch { min-width:170px; margin:0 15px; font-size:17px; }
  .mReserve a.btnNormal.icoMore { width:100%; }
  .mReserve .btnPrimary.mini.gFlex { height:36px; line-height:36px; }
  .mReserve .btnPrimary.mini.gFlex:hover { height:34px; line-height:32px; }
  .mReserve .btnPrimary.mini.gFlex.disabled:hover { height:36px; line-height:36px; }
  .mReserve .empty { padding:200px 0; font-size:24px; }

  /******************** page ********************/

  /* 메인 */
    .main .visual .slide { position:relative; z-index:1; overflow:hidden; white-space:nowrap; }
    .main .visual .slide:after { content:""; display:block; clear:both; }
    .main .visual .slide li { float:left; width:100%; }
    .main .visual .slide li:before { content:""; display:block; width:100%; margin-top:48.5%; }
    .main .visual .slide img { max-width:none; width:100%; position:absolute; top:0; left:0; margin:0 auto; z-index:0; }
    .main .visual .button .controlBar { bottom:20px; height:19px; }
    .main section { margin:0; padding:50px 20px; }
    .main .mMainTitle { margin:0 0 40px; }
    .main .mMainTitle h2 { margin:0 0 12px; font-size:28px; }
    .main .mMainTitle p { font-size:21px; }
    .main .cafe24Area .counter li { position:relative; width:23.5%; margin:0 0 0 1%; padding:0 10px 0 20px; }
    .main .cafe24Area .counter li:before { content:""; position:absolute; bottom:0; left:0; width:1px; height:83px; background-color:#dbdbdb; }
    .main .cafe24Area .counter li:first-child:before { content:none; display:none; }
    .main .cafe24Area .counter .number:before { display:block; width:50px; height:47px; margin:0 auto; background-size:360px auto; }
    .main .cafe24Area .counter .founder .number:before { background-position:0 -5px; }
    .main .cafe24Area .counter .rank .number:before {  background-position:-86px 0; }
    .main .cafe24Area .counter .branch .number:before {  background-position:-168px 0; }
    .main .cafe24Area .counter .seat .number:before {  background-position:-268px 0; }
    .main .cafe24Area .counter .number { font-size:26px; }
    .main .cafe24Area .counter .number strong { font-size:40px; }
    .main .cafe24Area .counter .desc { margin:15px 0 0; padding:5px 14px; font-size:15px; }
    .main .programArea .service { margin-top:-20px; }
    .main .programArea .service.grid3 { width:720px; margin:0 auto; }
    .main .programArea .service.grid3 li { width:32%; margin-top:20px; }
    .main .programArea .service.grid3 li + li { margin-left:2%; }
    .main .programArea .service.grid4 li { width:23.5%; margin:20px 0 0 2%; }
    .main .programArea .service.grid4 > li:nth-of-type(4n + 1) { margin-left:0; }
    .main .programArea .service li a { font-size:18px; padding:10px 12px 20px; }
    .main .programArea .service li a:before { width: 100px; height:84px; }

  /* 창업센터 소개 */
    /* 입주자 성공사례 */
    .mThumbList .info .desc { margin-top:5px; }

  /* 서비스 이용하기(serviceArea) */
    .serviceArea .mThumbList .thumbnail { height:208px; }
    /* 1:1 컨설팅 */
      #layerService { height:743px; }
      #layerService .mBrdList .empty { padding:196px 0 195px; }
    /* 모델섭외 */
      .serviceArea.model .modelList.grid6 > li { margin:0 0 50px; width:20%; }
      .serviceArea.model .modelList .code { margin:15px 0 0; font-size:15px; }
      .modelList.grid6 > li { margin:0 0 60px; width:16.66%; }
      .modelList .code { margin:15px 0 0; }
      .modelForm .btnIcon.icoCal { margin:0 0 0 10px; }
      .serviceArea.modelForm .mTitle .gMerge { bottom:-5px; font-size:17px; }

  /* 입주 문의하기(inquiryArea) */
    /* 공지사항 */
      .inquiryArea.notice .mSearch .right { width:70%; }
      .inquiryArea.notice .mSearch .mForm.typeSearch { width:40%; }
      .inquiryArea.notice .mBrdList a { line-height:24px; }
      .inquiryArea.notice .mBrdList .notice { max-width:88%; }
  /* 가맹문의 */
    /* 창업센터 가맹문의 */
      .franchiseeArea.intro .mThumbList .info { display:table-cell; }

  /* 지점 */
    /* 메인 */
      .main .locationArea .centerInfo .mTitle { margin:0 0 20px; padding:50px 0 0; }
      .main .locationArea .centerInfo .mTitle h3 { font-size:24px; }
    /* 회원전용서비스 */
      #contents.memberArea { padding-top:56px; }
      /* 마이데스크 사용관리 */
        .memberArea.mydesk .mCtrl + .mList { margin-top:-45px; }
        .memberArea.mydesk .mCtrl + .mList + .mBrdList { margin:20px 0 0; }
        .memberArea.mydesk .mBrdList.typeTransform.gStrong .heading.strong { padding-bottom:95px; }
        .memberArea.mydesk .mBrdList.typeTransform.gStrong .heading.basic .title { line-height:40px; }
        .memberArea.mydesk .mBrdList.typeTransform.gStrong .state { top:60px; }
        .memberArea.mydesk .mBrdList.typeTransform.gStrong .state.pay { top:95px; }
        .memberArea.mydesk .mBrdList.typeTransform .rowChk { top:9px; left:20px; }
        .memberArea.mydesk .mBrdList.typeTransform .heading.check { padding-left:30px; }
        .memberArea.mydesk .mBrdList.typeTransform .payment.state .title,
        .memberArea.mydesk .mBrdList.typeTransform .payment.state .status { font-size:22px; }
      /* 스튜디오 예약관리 */
        .memberArea .mBrdList.typeTransform .room { padding:24px 0 0 20px; }
        .memberArea .mBrdList.typeTransform .timeTable { margin:0 0 0 30%; }
        .memberArea .mBrdList.typeTransform .timeTable li { padding:5px 20px 5px 10px; }
        .memberArea .mBrdList.typeTransform .timeTable .fCheck { margin:12px 0 0; }
        .memberArea.studioBasket .mBrdList.typeTransform .rowChk { top:7px; left:20px; }
        .memberArea.studioBasket .mBrdList.typeTransform .heading { margin:20px 0 0; padding-left:50px; }
        .memberArea.studioBasket .mCtrl.typeFooter { padding:12px 20px; }
        .memberArea.studioOrder .mBrdList.typeTransform .heading { margin:20px 0 0; padding-left:20px; }
        .memberArea.studioOrder .mBox { padding:15px; }
        .memberArea.studioOrder .mBox .title { display:inline-block; margin:0 10px 10px 0; font-size:17px; }
        .memberArea.studioOrder .mBox .util input { width:70px; }
        .memberArea.studioOrder .mBrdArea .typeBody { max-height:360px; }
        .memberArea.studioOrder .mBrdArea .kind { width:130px; }
        .memberArea.studioOrder .mBrdArea .period { width:205px; }
        .memberArea.studioPay .mBrdList.typeTransform.gStrong .heading.strong { padding-bottom:126px; }
        .memberArea.studioPay .mBrdList.typeTransform.gStrong .heading.strong.cancel { padding-bottom:146px; }
        .memberArea.studioPay .mBrdList.typeTransform.gStrong .state { top:60px; }
        .memberArea.studioPay .mBrdList.typeTransform.gStrong .state.pay { top:91px; }
        .memberArea.studioPay .mBrdList.typeTransform.gStrong .state.condition { top:122px; }
        .memberArea.studioPay .mBrdList.typeTransform .timeTable li { margin:5px 0 0; }
      /* 택배서비스 신청 관리 */
        /* 주소록 레이어 */
        #layerAddressBook.mLayer .mBrdList.addressList { height:313px; }
      /* 쿠폰 등록관리 */
        .memberArea.coupon .mBox.gDivide .util { margin:0 0 0 40px; }
      /* 입주자 컨설팅 관리 */
        .memberArea.consult .mBrdList.typeWrite .mForm.typeSelect { width:70%; }
      /* 	택배 신청내역 */
        .memberArea.deliveryHistory .mCtrl { font-size:17px; }
      /* 회원정보관리 */
        #layerWithdraw .info { margin:0 0 20px; font-size:16px; text-align:center; }
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1023px) {
  /* global */
    .gBlockMT { display:block; }
    .gBlockW { display:inline; }
    body.hidden { overflow:hidden; height:100%; }
    .icoSFIX { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); }

  /* button */
    /* btnIcon */
      .container a.btnIcon, .container button.btnIcon { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); }

  /* form */
    input[type="email"] { width:100%; }

  /* grid */
    [class*="grid"] > li:first-child { margin-top:0; }
    .grid2 > li, .grid3 > li, .grid6 > li, .grid7 > li, .grid8 > li { width:100%; }

  /* mBox.typeManual */
  .mBox.typeManual .item.manual { border-top:1px solid #d6d6d6; }

  /* mBrdList */
    .mBrdList th.RW + th, .mBrdList td.RW + td { border-width:1px 0 0 0; }
    .mBrdList .empty { padding:80px 0; text-align:center; border:1px solid #d5d5d5; }
    /* typeWrite */
      .mBrdList.typeWrite .gCellAddr .btnEm { max-width:none; }
      .mBrdList.typeWrite .gCellAddr .address .fText { width:100%; }
    /* typeTransform */
      .mBrdList.typeTransform { border:0; }
      .mBrdList.typeTransform table { border-width:0; text-align:left; }
      .mBrdList.typeTransform table,
      .mBrdList.typeTransform tbody,
      .mBrdList.typeTransform tr,
      .mBrdList.typeTransform th,
      .mBrdList.typeTransform td { display:block; border-color:#d5d5d5; }
      .mBrdList.typeTransform thead { display:none; }
      .mBrdList.typeTransform tr { position:relative; border:solid #d5d5d5; border-width:0 1px 1px 1px; }
      .mBrdList.typeTransform tr:first-child { margin:0; }
      .mBrdList.typeTransform th, .mBrdList.typeTransform td { overflow:hidden; width:100%; text-align:right; border-width:0; box-sizing:border-box; }
      .mBrdList.typeTransform .center th, .mBrdList.typeTransform .center td { text-align:center; }
      .mBrdList.typeTransform td.center { text-align:center; }
      .mBrdList.typeTransform .heading { width:100%; border-width:1px 0 1px 0; box-sizing:border-box; background:#f9f9f9; }
      .mBrdList.typeTransform .heading .title,
      .mBrdList.typeTransform .heading .status { color:#263238; }
      .mBrdList.typeTransform .title { width:40%; float:left; text-align:left; font-weight:normal; color:#777; }
      .mBrdList.typeTransform .status { width:60%; float:right; text-align:right; }
      .mBrdList.typeTransform .state { position:absolute; border:0; }
      .mBrdList.typeTransform .title, .mBrdList.typeTransform .status { display:inline-block; box-sizing:border-box; }
      .mBrdList.typeTransform .empty { border-top:1px solid #d5d5d5; }
      /* gStrong */
        .mBrdList.typeTransform.gStrong tr { margin:0; }
        .mBrdList.typeTransform.gStrong .heading { border-width:0 0 1px 0; }
        .mBrdList.typeTransform.gStrong .heading.strong { width:auto; border:1px solid #4a505b; background:#eee; }
        .mBrdList.typeTransform.gStrong tr:first-child .heading.strong { margin-top:0; }
        .mBrdList.typeTransform.gStrong .heading.strong .title { font-weight:bold; }

  /* mBreadcrumb */
    .mBreadcrumb { right:0; top:0; width:100%; text-align:right; border-bottom:1px solid #cdcdcd; background-color:#f9f9f9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
    .mBreadcrumb .home { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); background-repeat:no-repeat; }

  /* mChkList */
    .mChkList { overflow:hidden; position:relative; }
    .mChkList:after { z-index:-1; position:absolute; right:1px; bottom:0; display:block; content:""; clear:both; width:100%; height:50px; border:solid #ccc; border-width:0 1px 1px 0; }
    .mChkList li { float:left; margin-top:-1px; width:50%; }
    .mChkList li:nth-child(even) { margin-left:-1px; width:50%; }
    .mChkList li:first-child, .mChkList li:nth-child(2) { margin-top:0; }
    .mChkList li .btnChk { width:100%; max-width:none; }
    .mChkList li .btnChk.selected { z-index:2; position:relative; }

  /* mCtrl */
    .mCtrl.typeHeader, .mCtrl.typeFooter { margin:20px 0 0; border:1px solid #e2e2e2 }

  /* mFeature */
    .mFeature .box { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; border-width:0 1px 1px 1px; }
    .mFeature .box li { -ms-flex:1; flex:1; box-sizing:border-box; }
    .mFeature .box li + li { border-left:1px solid #d5d5d5; }

  /* mInfo */
    .mInfo > dl { border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
    .mInfo dt, .mInfo dd { text-align:left; }

  /* mMapArea */
    .mMapArea .center .office:after { content:""; display:block; clear:both; }
    .mMapArea .center .office li { position:relative; box-sizing:border-box; border:1px solid #d5d5d5; background-color:#fff; }
    .mMapArea .center .office .info:before,
    .mMapArea .center .office .info:after { content:""; display:inline-block; position:absolute; }
    .mMapArea .center .office .info:before { border-bottom:1px solid #afafaf; }
    .mMapArea .center .office .info:after {  border:solid #afafaf; border-width:1px 1px 0 0; -webkit-transform: rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); }
    .mMapArea .center .office .title { display:block; color:#263238; }
    .mMapArea .center .office .tel { position:absolute; bottom:0; width:100%; text-align:center; border-top:1px solid #d5d5d5; background-color:#f9f9f9; }

  /* mStep */
    .mStep > li { border-top:1px dashed #e2e2e2; }
    .mStep.typeHor > li { display:table; width:100%; box-sizing:border-box; }
    .mStep.typeHor .box { display:table-cell; vertical-align:middle; }
    .mStep.typeHor .desc li { display:inline-block; }
    .mStep .desc li:before { display:inline-block; content:""; vertical-align:middle; background:#777; }
    .mStep .desc li:first-child:before { display:none; }
    .mStep .desc.gBlock li { display:block; }
    .mStep .desc.gBlock li:before { display:none; }
    /* typeHor multiLine */
      .mStep.typeHor.multiLine {  }


  /* mTab */
    /* gFlex */
      .mTab.gFlex[class*="grid"] ul { display:block; }
      .mTab.gFlex[class*="grid"] ul li { float:left; }
    /* typeToggle */
      .mTab.typeToggle { width:auto; }
      .mTab.typeToggle .heading { position:relative; border-top:2px solid #555; border-bottom:1px solid #4a505b; background-color:#f0f2f5; }
      .mTab.typeToggle .heading h2 { color:#272739; }
      .mTab.typeToggle .heading button { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; text-indent:150%; white-space:nowrap; font-size:0; line-height:0; box-sizing:border-box; }
      .mTab.typeToggle .heading button:after { display:inline-block; content: ""; position:absolute; border:solid #464b5b; border-width:0 0 1px 1px;
        -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);
        -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
      .mTab.typeToggle.selected .heading button:after { border-color:#41a3ff; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);}
      .mTab.typeToggle li { text-align:left; background-color:#f9f9f9; }
      .mTab.typeToggle li.selected { background: #474c5b; }
      .mTab.typeToggle .content { background-color:#f9f9f9; }
      .mTab.typeToggle.selected[class*="grid"]:before { border-color:#d5d5d5; z-index:1; }
      .mBreadcrumb + .mTab.typeToggle { margin-top:-2px; }
    /* typeButton */
      .mTab.typeButton[class*="grid"] ul:before,
      .mTab.typeButton[class*="grid"]:after { display:none; }

  /* mTerms */
  .mTerms.typeFrame .content { overflow-y:auto; -webkit-overflow-scrolling:touch; }
    /* typeAccordion */
    .mTerms.typeAccordion .content { -webkit-overflow-scrolling:touch; }

  /* mReserve */
    .mReserve dd { display:flex; align-items:center; }
    .mReserve .consult { flex:1; }
    .mReserve .mForm.typeSelect span { padding:0 20px 0 0; }

  /******************** page ********************/
  /* 메인 */
    .main .programArea { background-color:#f6f6f6; }
    .main .visual img.RWF { display:none; }

  /* 지점 */
  /* 회원전용서비스 */
    .memberArea .headingArea { visibility:hidden; overflow:hidden; text-indent:-150%; white-space:nowrap; width:0; height:0; padding:0; font-size:0; line-height:0; border:0; }
    /* 나의 데스크 사용 관리 */
      .memberArea .mBrdList.typeTransform tr { position:relative; }
      .memberArea .mBrdList.typeTransform .room { position:absolute; width:30%; text-align:left; }
      /*.memberArea .mBrdList.typeTransform .timeTable { margin:0 0 0 30%; }*/
      .memberArea .mBrdList.typeTransform .heading { text-align:left; }
      .memberArea.mydesk .mBrdList.typeTransform.gStrong .heading.strong .title { width:auto; }
      .memberArea .mBrdList.typeTransform .timeTable li { overflow:hidden; text-align:left; }
      .memberArea .mBrdList.typeTransform .timeTable .fCheck { float:left; }
      .memberArea .mBrdList.typeTransform .timeTable .btnBox { float:right; }
      .memberArea.mydesk .mBrdList.typeTransform th.RW + th,
      .memberArea.mydesk .mBrdList.typeTransform td.RW + td { border-top-width:0; }
      .memberArea.mydesk .mBrdList.typeTransform .rowChk { position:absolute; width:auto; }
      .memberArea.mydesk .mBrdList.typeTransform .payment.state .title,
      .memberArea.mydesk .mBrdList.typeTransform .payment.state .status { color:#263238; }
      .memberArea.mydesk .mBrdList.typeTransform .payment.state .title { font-weight:bold; }
    /* 스튜디오 예약관리 */
      .memberArea.studioBook .desc { margin:0 0 15px; }
      .memberArea.studioBasket .mBrdList.typeTransform .rowChk { position:absolute; width:auto; }
      .memberArea.studioBasket .mBrdList.typeTransform tr { padding:0; }
      .memberArea.studioPay .mTab.typeSub { margin:0; }
      .memberArea.studioPay .mBrdList.typeTransform .timeTable { margin:0; }
      .memberArea.studioPay .mBrdList.typeTransform .timeTable li { padding:0; text-align:right; }
      .memberArea.studioPay .mBrdList.typeTransform .timeTable li:first-child { margin:0; }

    /* 컨설팅 신청 레이어 */
      .mBrdList.typeList { margin:13px 0 10px; }
      .mBrdList.typeList .mConsultTip { flex-direction: column; }
      .mBrdList.typeList .mConsultTip .item { width:100%; }
      .mBrdList.typeList .mConsultTip .item .link { padding:0 8px 0 28px; height:35px; }
      .mBrdList.typeList .mConsultTip .item .link:before { content:""; position:absolute; top:50%; left:13px; width:15px; height:15px; margin-top:-8px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); background-size:150px 200px; background-position:-100px -75px; }
}

/********************* Mobile(<480) *********************/
@media all and (max-width:480px) {
  /* 컨설팅 신청 레이어 */
    .mBrdList.typeList .mConsultTip .item .link { height:60px; }
}

/********************* PC & tablet *********************/
@media all and (min-width:768px) {
  /* global */
    .gBlankM { margin-top:30px; }
    .gBlankL { margin-top:50px; }
    .gSideBlankS { margin-left:10px; }
    .gSideBlankM { margin-left:20px; }
    .gSideBlankL { margin-left:30px; }
    .gBlockTW { display:block; }
    .gSpaceS { margin-right:10px; }

  /* icon */
    .icoNotice { width:46px; height:30px; padding:6px 0; font-size:17px; }
    .icoTel:before { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); }

  /* button */
    .container [class^="btn"] + [class^="btn"] { margin-left:20px; }
    .container label.btnChk, .container label.btnChk:first-child { margin-right:10px; margin-left:0 !important; padding:0 15px; width:auto; height:36px; line-height:34px; font-size:16px; }
    .container label.btnChk:hover,
    .container label.btnChk.selected { padding:0 14px; width:auto; line-height:32px; }
    .container label.btnChk.selected:before { margin:0 7px 0 0; width:20px; height:20px;  background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat -100px -100px; }
    .mBrdList .btnChk { margin:5px 10px 5px 0; width:auto; }
    /* btnIcon */
    .container a.btnIcon, .container button.btnIcon { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); }
    .container .btnIcon.icoPrint { width:26px; height:24px; background-position:-150px -100px; }

  /* form */
    input[type="email"] { width:370px; }
    .fText, input[type="file"] { padding:0 14px; font-size:16px; height:36px; }
    .fTextarea { padding:8px 14px; font-size:16px; line-height:24px; }
    .fCheck, .fRadio { min-height:18px; line-height:18px; padding:0 0 0 28px; font-size:17px; }
    .fCheck:before, .fRadio:before { width:18px; height:18px; }
    .fCheck:after { left:4px; top:4px; }
    .fRadio:after { left:5px; top:5px; }
    .fCheck:after { width:9px; height:5px; }
    .fRadio:after { width:8px; height:8px; }
    .fRadio + .fRadio, .fCheck + .fCheck { margin-left:25px; }
    .fCheck.gClear, .fRadio.gClear { padding-left:18px; }
    .fText.date + img { margin:0 0 0 10px; width:24px; height:auto; }

  /* grid */
    [class*="grid"] > li { margin-top:20px; }

  /* mArticle */
    .mArticle.eToggle .content { display:block; }
    .mArticle .heading button { display:none; }

  /* mAccountInfo */
    .mAccountInfo dt,
    .mAccountInfo dd { min-height:36px; line-height:36px; padding:0 0 5px; }
    .mAccountInfo dt { width:74px; }
    .mAccountInfo dd { width:calc(100% - 74px); }
    .mAccountInfo .name { margin:0 0 0 10px; }

  /* mBook */
    .mBook:after { display:block; content:""; clear:both; }
    .mBook > div { float:left; height:480px; box-sizing:border-box; }
    .mBook .chooseDate { border-right:1px solid #4a505b; }
    .mBook .chooseDate .mBrdList .nav .month { padding:0; }
    .mBook .chooseDate .mBrdList { border-width:0; }
    .mBook .checkList ul { height:100%; }
    .mBook .checkList li { padding:7px 0; }
    .mBook .checkList .fCheck { padding-left:33px; }
    .mBook .checkList li .status { margin:0 0 0 8px; font-size:17px; line-height:1; }

  /* mBreadcrumb */
    .mBreadcrumb li { margin:0 0 0 5px; }
    .mBreadcrumb li:before { margin:0 13px 0 0; }

  /* mBrdList */
    .mBrdList tbody th { line-height:24px; }
    .mBrdList th, .mBrdList td { padding:18px 0; font-size:17px; }
    .mBrdList thead + tbody th { padding:18px 0; }
    .mBrdList tbody th,
    .mBrdList .left th, .mBrdList .left td, .mBrdList .left,
    .mBrdList .right th, .mBrdList .right td, .mBrdList .right { padding:18px 20px; }
    .mBrdList .required { margin:-28px 0 9px; font-size:17px; }
    /* gFake */
      .mBrdList .gFake > td { overflow:hidden; border-top:0; padding:0; background:#f9f9f9; }
      .mBrdList .gFake > td .inner { display:inline-block; width:100%; padding:0 20px; border-left:1px solid #ddd; box-sizing:border-box; background:#fff; }
      .mBrdList .gFake:last-child > td .inner { padding-bottom:18px; }
    /* col */
      .mBrdList .gInfo { width:18%; }
    /* mLayer */
      .mLayer .mBrdList tbody td { padding:9px 0; }
      .mLayer .mBrdList .left th, .mLayer .mBrdList .left td, .mLayer .mBrdList .left,
      .mLayer .mBrdList .right th, .mLayer .mBrdList .right td, .mLayer .mBrdList .right { padding:9px 20px; }
      .mLayer .mBrdList tbody.left th, .mLayer .mBrdList tbody.right th { padding:15px 20px; }
      .mLayer .mBrdList .gFake > td { padding:0; }
      /* gLess */
      .mBrdList.gLess th,
      .mBrdList.gLess td { padding-top:12px; padding-bottom:12px; font-size:16px; line-height:1.5; }
      .mBrdList.gLess .empty { padding:80px 0; font-size:18px; }
      .container .mBrdList.gLess [class^="btn"].mini { font-size:15px; }

    /* typeCalendar */
      .mBrdList.typeCalendar .nav { padding:18px 0; }
      .mBrdList.typeCalendar .nav .condition { top:29px; left:20px; }
      .mBrdList.typeCalendar .nav .condition span del { font-size:14px; }
      .mBrdList.typeCalendar .nav .condition span.closed:before { margin:0 12px 0; width:1px; height:20px; }
      .mBrdList.typeCalendar .nav .month { padding:0 0 0 60px; }
      .mBrdList.typeCalendar .nav .date { padding:0 20px; font-size:26px; }
      .mBrdList.typeCalendar .nav .btnCalendar { padding:0 15px; height:36px; line-height:36px; font-size:16px; }
      .mBrdList.typeCalendar .nav .btnCalendar:after { width:9px; height:9px; }
      .mBrdList.typeCalendar .nav .btnCalendar.prev:after { left:3px; }
      .mBrdList.typeCalendar .nav .btnCalendar.next:after { left:-2px; }
      .mBrdList.typeCalendar .nav .btnCalendar:hover { border-width:1px; }
      .mBrdList.typeCalendar .nav .btnCalendar.today { margin:0 0 0 10px; }
      .mBrdList.typeCalendar table .date { padding:10px 22px; font-size:17px; }
      .mBrdList.typeCalendar table .date span { margin:0 0 0 10px; font-size:14px; }
      .mBrdList.typeCalendar .schedule,
      .mBrdList.typeCalendar .schedule .closed { font-size:14px; }
  /* typeCalendar reserve */
  .mBrdList.typeCalendar.reserve td { padding:18px 0 0; }
      /* mini */
        .mBrdList.typeCalendar.mini button { margin:-18px 0; padding:18px 0; font-size:17px; }
    /* mBrdList typeGallery */
      .mBrdList.typeGallery li { display:table; table-layout:fixed; width:100%; }
      .mBrdList.typeGallery .info { display:table-cell; }
    /* typeWrite */
      .mBrdList.typeWrite td { padding:9px 20px; }
      .mBrdList.typeWrite .txtInfo { font-size:15px; }
      /* gCell */
      .mBrdList.typeWrite .gCellBranch .mForm.typeSelect { width:214px; }
      .mBrdList.typeWrite .gCellBranch .mForm.typeSelect:first-child { width:154px; margin:0 8px 0 0; }
      .mBrdList.typeWrite .gCellInquiry .mForm.typeSelect { width:154px; }
      .mBrdList.typeWrite .gCellName .fText { width:240px; }
      .mBrdList.typeWrite .gCellEmail .fText { width:150px; }
      .mBrdList.typeWrite .gCellEmail .mForm.typeSelect { width:160px; }
      .mBrdList.typeWrite .gCellTel .mForm.typeSelect { width:90px; }
      .mBrdList.typeWrite .gCellTel .fText { width:90px; }
      .mBrdList.typeWrite .gCellLicense .fText.first { width:70px; }
      .mBrdList.typeWrite .gCellLicense .fText.second { width:50px; }
      .mBrdList.typeWrite .gCellLicense .fText.last { width:90px; }
      .mBrdList.typeWrite .gCellCard .fText { width:80px; }
      .mBrdList.typeWrite .gCellNameAddr .fText { width:240px; margin:0 10px 0 0; }
      .mBrdList.typeWrite .gCellAddr .postcode { width:112px; margin:0 10px 0 0; }
      .mBrdList.typeWrite .gCellHeight { line-height:32px; }
      .mBrdList.typeWrite .gCellBuilding .fText { width:366px; }
    /* typeAccordion */
      .mBrdList.typeAccordion .content { background:#f9f9f9; }
      .mBrdList.typeAccordion .content td { padding:0; }
      .mBrdList.typeAccordion .content td > div { margin:0 15% 0 12%; }
      .mBrdList.typeAccordion .content .question { padding:20px 100px 18px 0; color:#4c4c4f; }
      .mBrdList.typeAccordion .content .question .mButton { padding:20px 0 0; }
      .mBrdList.typeAccordion .content .answer { padding:20px 100px 40px 0; font-size:17px; }
      .mBrdList.typeAccordion .content .question:before,
      .mBrdList.typeAccordion .content .answer:before { left:-16%; width:16%; font-size:20px; }
      .mBrdList.typeAccordion .content .question:before { top:20px; }
      .mBrdList.typeAccordion .content .answer:before { top:30px; }
      .mBrdList.typeAccordion .content .id { margin:0 10px 0 0; }
      .mBrdList.typeAccordion .content .answer p:first-of-type { margin:10px 0 0; }
    /* 합계 */
      .mBrdList tfoot .sum th,
      .mBrdList tfoot .sum td { padding:15px 20px; font-size:18px; font-weight:bold; border-top-width:1px; background:#f9f9f9; }

  /* mBrdMove */
    .mBrdMove li { padding:20px 0; font-size:16px; }
    .mBrdMove strong:after { width:10px; height:10px; margin-left:16px; }
    .mBrdMove .prev strong:after { top:4px; }
    .mBrdMove .next strong:after { top:-2px; }

  /* mBrdView */
    .mBrdView .content { font-size:18px; line-height:28px; color:#777; }

  /* mBox */
    .mBox.typeComplete, .mBox.typeNotice { margin:50px 0 0; padding:130px 0; font-size:18px; }
    .mBox.typeComplete .title, .mBox.typeNotice .title { margin:0 0 10px; font-size:24px; }
    .mBox.typeComplete .title:before, .mBox.typeNotice .title:before { margin:0 auto 30px; width:66px; height:66px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat; }
    .mBox.typeComplete .title:before { background-position:-200px -150px; }
    .mBox.typeNotice .title:before { background-position:-100px -150px; }
    .mBox.typeComplete a[class^="btn"] { padding:0 50px; }
    .mBox.typeComplete a[class^="btn"]:hover { padding:0 49px; }
    /* gDivide */
      .mBox .title { font-size:24px; vertical-align:middle; }
      .mBox .price { font-size:30px; vertical-align:middle; }
      .mBox .util { display:inline-block; text-align:right; }
      .mBox.gDivide p.mList,
      .mBox.gDivide .mList li { letter-spacing:-0.025em; }
      .mBox.gDivide [class^="btn"] + [class^="btn"] { margin-left:5px; }
      /* mLayer reset */
      .mLayer .mBox.typeComplete, .mLayer .mBox.typeNotice { margin-top:0; padding:60px 0; }

  /* mButton */
    section + .mButton { margin:40px 0 0; }
    .mButton [class^="btn"] + [class^="btn"] { margin-left:20px; }
    .mButton [class^="btn"].mini + [class^="btn"].mini,
    .mBrdList [class^="btn"].mini + [class^="btn"].mini { margin-left:10px; }
    .mButton [class^="btn"]:first-child { margin-left:0; }

  /* mComment */
    .mComment li { display:table; table-layout:fixed; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
    .mComment .id { display:table-cell; vertical-align:middle; box-sizing:border-box; }
    .mComment .messege .modify { margin:0 0 16px; }
    .mComment .messege .modify .fTextarea { padding:11px 18px; }

  /* mCopy */
    .mCopy .branch { display:inline-block; margin:20px 0 0; font-size:24px; line-height:30px; color:#358de0; font-weight:normal; }/* 한줄 : MPR-11091 추가 대상 */
    .mCopy:after { display:block; content:""; clear:both; }
    .mCopy .gLeft { float:left; }
    .mCopy .gRight { float:right; }
    /* typeTitle */
      .mCopy.typeTitle { text-align:left; }
      .mCopy.typeTitle { margin-bottom:0; padding-bottom:20px; }
      .mCopy.typeTitle h2 { line-height:1; }
      .mCopy.typeTitle p { margin-top:10px; }
    /* typeVisual */
      .mCopy.typeVisual h2 { margin:0 0 15px; font-size:24px; }

  /* mCtrl */
    .mCtrl .txtInfo { margin:0 8px 0 0; font-size:16px; line-height:34px; }

  /* mFile */
    .mFile li .attached { padding:0 0 0 28px; }
    .mFile li .attached:before { width:16px; height:19px; background-image:url('//img.cafe24.com/img/soho/head/common/sflex_file.png'); background-position:-50px -550px; }
    .mFile a[href$=".xls"]:before, .mFile a[href$=".xlsx"]:before { background-position:0 0; }
    .mFile a[href$=".ppt"]:before, .mFile a[href$=".pptx"]:before { background-position:-50px -50px; }
    .mFile a[href$=".doc"]:before, .mFile a[href$=".docx"]:before { background-position:-100px -100px; }
    .mFile a[href$=".hwp"]:before { background-position:-150px -150px; }
    .mFile a[href$=".pdf"]:before { background-position:-200px -200px; }
    .mFile a[href$=".psd"]:before { background-position:-250px -250px; }
    .mFile a[href$=".png"]:before { background-position:-200px -300px; }
    .mFile a[href$=".gif"]:before { background-position:-150px -350px; }
    .mFile a[href$=".jpg"]:before { background-position:-100px -400px; }
    .mFile a[href$=".zip"]:before { background-position:-50px -450px; }
    .mFile a[href$=".txt"]:before { background-position:0 -500px; }
    .mFile .attached.xls:before, .mFile .attached.xlsx:before { background-position:0 0; }
    .mFile .attached.ppt:before, .mFile .attached.pptx:before { background-position:-50px -50px; }
    .mFile .attached.doc:before, .mFile .attached.docx:before { background-position:-100px -100px; }
    .mFile .attached.hwp:before { background-position:-150px -150px; }
    .mFile .attached.pdf:before { background-position:-200px -200px; }
    .mFile .attached.psd:before { background-position:-250px -250px; }
    .mFile .attached.png:before { background-position:-200px -300px; }
    .mFile .attached.gif:before { background-position:-150px -350px; }
    .mFile .attached.jpg:before { background-position:-100px -400px; }
    .mFile .attached.zip:before { background-position:-50px -450px; }
    .mFile .attached.txt:before { background-position:0 -500px; }

  /* mForm */
    .mForm.typeFile input[type="file"] { height:36px; }
    .mForm.typeSearch { padding:0 44px 0 0; }
    .mForm.typeSearch button { width:44px; height:36px; }

  /* typeVer */
  .mForm.typeVer li { margin:10px 0 0; }
  .mForm.typeVer li:first-child { margin-top:0; }
  /* gColumn */
  .mForm.gColumn .column + .column { padding:0 0 0 10px; }

  /* mInfo */
    /* typeIcon */
    .mInfo.typeIcon > dl { margin:15px 0 0; }

  /* mLayer */
    .mLayer h2 { padding:30px 30px 28px; }
    .mLayer h3 { margin:30px 0 12px; }
    .mLayer h3:first-child { margin-top:0; }
    .mLayer .contents { padding:30px; }
    .mLayer .mButton { padding:0 0 30px; }
    .mLayer .notifyCheck { padding:20px 30px; }
    /* reset */
      .mLayer .mBrdList.typeWrite .mForm.typeSelect span,
      .mLayer .mBrdList.typeWrite .mForm.typeSelect select { font-size:14px; }
      .mLayer .mBrdList.typeWrite .fText { font-size:14px; }

  /* mList */
    .mList { font-size:16px; }
    .mList > li, p.mList, dl.mList dt { padding-left:10px; }
    .mList > li {  }
    .mList > li:first-child { margin-top:0; }
    .mList > li:before, p.mList:before, dl.mList dt:before { top:9px; left:0; width:3px; height:3px; }
    .mList > li > ul > li { font-size:14px; }
    dl.mList { font-size:17px; }
    dl.mList dt { margin:10px 0 0; }
    dl.mList dd { padding:0 0 0 10px; }
    .mForm + .mList { margin:10px 0 0; }

  /* mMapArea */
    .mMapArea .center .office .tel a { display:inline-block; font-size:21px; line-height:30px; }
    .mMapArea .center .office .tel .icoTel:before { width:30px; height:30px; margin-right:8px; vertical-align:top; background-position:-200px -50px; }

  /* mPaginate */
    .mPaginate > a:before,
    .mPaginate > a:after { top:14px; }
    .mPaginate .prev:before, .mPaginate .next:before,
    .mPaginate .first:before, .mPaginate .last:before,
    .mPaginate .first:after, .mPaginate .last:after { width:9px; height:9px; }

  /* mPoint */
    .mPoint .point strong { margin:0 5px 0 0; font-size:27px; }

  /* mSearch */
    .mSearch .left { float:left; }
    .mSearch .right { float:right; text-align:right; }
    .mSearch fieldset .mForm.typeSelect { margin:0 3% 0 0; }

  /* mTab */
    .mTab { position:relative; }
    .mTab li a { padding:12px 5px; }
    .mTab li.selected a { padding:13px 5px 11px; }
    /* grid */
      .mTab.grid3 ul > li { width:33.3%; }
      .mTab.grid3 ul > li:nth-of-type(3n) { width:33.4%; }
    /* typeToggle */
      .mTab.typeToggle .content {  }
      .mTab.typeToggle[class*="grid"] ul:before,
      .mTab.typeToggle[class*="grid"]:after { content:""; position:absolute; right:0; bottom:0; width:100%; display:block; border-color:#d5d5d5; border-style:solid; border-width:0 0 1px; box-sizing:border-box; }
      .mTab.typeToggle.grid3 ul:before, .mTab.typeToggle.grid5 ul:before, .mTab.typeToggle.grid7 ul:before, .mTab.typeToggle.grid8 ul:before { width:calc(33.4% + 1px); height:42px; border-width:0 1px; }
      .mTab.typeToggle[class*="grid"] li:nth-of-type(3n) { width:33.4%; }
      .mTab.typeToggle.grid2 ul > li, .mTab.typeToggle.grid4 ul > li { width:50%; }
      .mTab.typeToggle.grid5 ul > li, .mTab.typeToggle.grid7 ul > li, .mTab.typeToggle.grid8 ul > li, .mTab.typeToggle.grid9 ul > li { width:33.3%; }
    /* typeButton */
      .mTab.typeButton li { margin:0 0 0 20px; }
      .mTab.typeButton li a { padding:12px 5px; }
      .mTab.typeButton.grid1 li { width:40%; min-width:200px; float:none; display:inline-block; }
      .mTab.typeButton.grid2 li { width:45%; min-width:184px; }
      .mTab.typeButton.grid3 li,
      .mTab.typeButton.grid3 li:nth-of-type(3n) { width:30%; min-width:164px; }
      .mTab.typeButton.grid4 ul > li,
      .mTab.typeButton.grid4 ul > li:nth-of-type(3n) { width:22%; min-width:144px; }
      .mTab.typeButton.grid5 li,
      .mTab.typeButton.grid5 li:nth-of-type(3n) { width:17.5%; min-width:124px; }
      .mTab.typeButton.grid6 li,
      .mTab.typeButton.grid6 li:nth-of-type(3n) { width:15%; min-width:108px; margin:0 0 0 10px; }

  /* mTerms */
    .mTerms .content { padding:16px; }
    .mTerms .content p { font-size:16px; }
    .mTerms .check { padding:15px 25px; }
    /* typeAccordion */
     .mTerms.typeAccordion .heading { padding:15px 35px 15px 25px; }
     .mTerms.typeAccordion .heading button { top:50%; right:14px; width:24px; height:24px; margin-top:-12px; }
     .mTerms.typeAccordion .heading button:after { top:4px; left:7px; width:10px; height:10px; }
     .mTerms.typeAccordion .selected .heading button:after { top:8px; }
     .mTerms.typeAccordion .content { max-height:180px; line-height:24px; font-size:17px; }
    /* typeFrame */
    .mTerms.typeFrame .content { height:600px; }
      /* reset */
      .mLayer .mTerms.typeFrame .content { height:400px; }

  /* mThumbList */
    .mThumbList .info .hit:before { width:25px; height:10px; margin-right:5px; }

  /* mTitle */
    .mTitle ul > li:before { margin:-3px 7px 0 0; width:3px; height:3px; }

  /* mTooltip */
  .mTooltip .icon { width:22px; height:22px; background-position:0 -250px; }
  .mTooltip .tooltip { top:38px; min-width:280px; border:2px solid #555; }
  .mTooltip .content { padding:28px; line-height:1.2; }
  .mTooltip .content .title { margin:0 0 18px; font-size:18px; }
  .mTooltip .edge { left:139px; top:-11px; border-width:0 9px 11px; }
  .mTooltip .edge:after { left:-7px; top:3px; border-width:0 7px 9px; }
  .mTooltip .close { top:24px; right:24px; width:22px; height:22px; }
  .mTooltip .close:before, .mTooltip .close:after { top:11px; }
  /* size */
  .mTooltip.gMedium .tooltip { width:506px; }

  /* mQna */
   .mQna .heading:before { content:"Q"; position:absolute; top:18px; left:32px; font-size:21px; font-weight:bold; }
    /* typeBasic */
    .mQna.typeBasic > li { padding:24px 35px 24px 65px; }
    .mQna.typeBasic .heading { padding:0; }
    .mQna.typeBasic .heading:before { top:-2px; left:-30px; }
    .mQna.typeBasic .answer { margin:10px 0 0; }
    /* typeAccordion */
    .mQna.typeAccordion .heading:before { color:#4c4c4f; }
    .mQna.typeAccordion .content:before { content:"A"; position:absolute; top:30px; left:32px; color:#358de0; font-size:21px; font-weight:bold; }

  /* termsTemplete */
    .termsTemplete .title { margin:0 0 10px; }
    .termsTemplete .subTitle { margin:10px 0 5px; }
    .termsTemplete ol > li > ol { margin-left:10px; }

  /******************** page ********************/
  /* 메인 */
    .main .visual .button .prev,
    .main .visual .button .next { width:51px; height:57px; }
    .main .visual .button .prev:before, .main .visual .button .next:before,
    .main .visual .button .prev:after, .main .visual .button .next:after { width:21px; height:21px; }
    .main .visual .button .prev:after,
    .main .visual .button .next:after { border-color:#5e5f62; top:2%; z-index:0; }
    .main .visual .button .prev:before,
    .main .visual .button .prev:after { border-width:0 0 3px 3px; }
    .main .visual .button .next:before,
    .main .visual .button .next:after { border-width:3px 3px 0 0; }
    .main .visual .button .btnSwipe { margin:0 2px 0 0; height:19px; }
    .main .visual .button .btnSwipe li { margin:0 7px 0 0; }
    .main .visual .button .btnSwipe li button { width:19px; height:19px; }
    .main .visual .button .controlBar { height:19px; }
    .main .visual .button .btnMoveCtrl { width:13px; height:19px; margin-left:3px; }
    .main .visual .button .btnMoveCtrl .pause { width:11px; height:18px; }
    .main .visual .button .btnMoveCtrl .pause:before,
    .main .visual .button .btnMoveCtrl .pause:after { width:4px; height:18px; }
    .main .visual .button .btnMoveCtrl .play { border-width:9px 0 9px 13px; }
    .main .cafe24Area .counter li:first-child { border-left:0; padding-left:0; }
    .main .programArea .service.grid3 li a { padding:19px 0 34px; }

  /* 모델 섭외 서비스 */
    .profile { margin:0 0 20px; }
    .profile .thumbnail, .profile .information { padding:30px; }
    .profile .thumbnail { width:200px; }
    .profile .information dt, .profile .information dd { font-size:17px; }
    .profile .information dd:before { margin:-2px 15px 0 0; width:2px; }
    .profile .mButton { margin:15px 0 0; }
    .pictures { margin:80px 0 60px; }
    .pictures img { margin:0 auto 10px; }
    .modelForm .mTerms .mList { font-size:17px; }

  /* 입주문의하기(inquiryArea) */
    .inquiryArea.faq .empty { padding:30px 0; text-align:center; font-size:21px; }
    .inquiryArea.notice .mBrdList .icoNotice { margin:-5px 0; }

    /* 가맹문의하기 */
    .contactInquiry .mBrdList.typeWrite .fText.address { width:700px; max-width:100%;  }

  /* 전국센터안내 */
    .centerInfoArea.infoDetail .tabContent .mBox { padding:40px 0; }
    .centerInfoArea.infoDetail .btnBasic.icoTel { padding:0 37px; color:#4f4f4c; font-size:18px; }
    .centerInfoArea.infoDetail .btnBasic.icoTel:hover { padding:0 36px; }
    .centerInfoArea.infoDetail .btnBasic.icoTel:before { margin:-5px 10px 0 0; width:24px; height:24px; background-size:240px auto; background-position:-160px -40px; }

  /* login */
    .login .loginArea { padding:50px 90px 40px; width:640px; }
    .login .loginArea .form { position:relative; padding:0 160px 0 0; }
    .login .loginArea .form .fText { width:100%; height:48px; }
    .login .loginArea .form .fText:first-child { margin:0 0 10px; }
    .login .loginArea .form .buttonLogin { width:150px; height:106px; line-height:106px; font-size:18px; }
    .login .loginArea .option { padding:20px 0 30px; font-size:17px; }
    .login .loginArea .member { padding:40px 0 0; font-size:16px; }
    .login .loginArea .member li a:before { margin:-2px 17px 0; height:17px; }
  /* 두줄 이상 : MPR-11091 추가 대상 */
    .login .loginArea .info { margin:20px 0 0; }
    .login .loginArea .info li { position:relative; margin:9px 0 0; padding:0 0 0 10px; font-size:15px; line-height:18px; text-align:left; }
    .login .loginArea .info li:first-of-type { margin:0; }
    .login .loginArea .info li:before { content:""; display:inline-block; position:absolute; top:6px; left:0; width:2px; height:2px; background-color:#757575; }

  /* mFormBox */
    .mFormBox { width:640px; margin:70px auto 0; padding:50px 90px; border:1px solid #e3e3e3; box-sizing:border-box; }
    .mFormBox .column { display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; position:relative; margin:24px 0 0;
      -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
    }
    .mFormBox .column:first-of-type { margin:0; }
    .mFormBox .column .title { display:block; width:100%; padding:0 0 6px; font-size:16px; color:#000; font-weight:normal; }
    .mFormBox .fText { width:100%; height:48px; color:#626263; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; }
    .mFormBox .column.certify .fText { padding-right:50px; }
    .mFormBox .fText + [class^="btn"] { margin:0 0 0 10px; }
    .mFormBox .time { position:absolute; top:42px; right:16px; font-size:16px; color:#ed4e39;}
    .mFormBox .info { width:100%; }
    .mFormBox .info li { position:relative; margin:5px 0 0; padding:0 0 0 10px; font-size:14px; color:#777; }
    .mFormBox .info li:before { content:""; display:inline-block; position:absolute; top:6px; left:0; width:2px; height:2px; background-color:#777; }
    .container .mFormBox [class^="btn"].mini,
    .container .mFormBox [class^="btn"].mini:hover { height:48px; line-height:48px; }
  /* //MPR-11091 */

  /* 지점 */
  /* 창업센터 소개 */
    /* 인사말 */
    .branch .introduceArea.introduce .mCopy.typeVisual { padding:40px; }
    .branch .introduceArea.introduce .mCopy.typeVisual h2 { margin:0; }
    /* 환불레이어 */
      #layerPointReturn.mLayer p { font-size:15px; line-height:24px; }
      #layerPointReturn.mLayer .pointInfo { margin:0 0 12px; font-size:17px; line-height:26px; }
  /* 회원전용서비스 */
    .memberArea .mBox .util input { width:80px; text-align:center; }
    .memberArea .mBox .util .btnEm { height:36px; line-height:36px; }
    .memberArea .mBox .util .btnEm:hover { line-height:34px; }
    /* 나의 데스크 사용 관리 */
      /* 결제하기 레이어 */
      #layerPaymentMonthly .mBrdList .gFake > td { padding-left:22%; }
      #layerPaymentMonthly .mBrdList .gFake > td input { height:32px; }
      #layerPaymentDeposit .mBrdList .gFake > td { padding-left:22%; }
      #layerPayment .mBrdList .gFake > td { padding-left:22%; }
  /* 스튜디오 예약관리 */
    .memberArea .mCtrl .price { font-size:18px; line-height:36px; color:#4c4c4f; }
    .memberArea .mCtrl .price strong { margin:0 0 0 30px; }
    .memberArea.studioBook .desc { font-size:20px; color:#263238; text-align:center; }
    .memberArea.studioOrder .mBrdList .gFake > td { padding-left:25%; }
  /* 택배서비스 신청 관리 */
    /* 주소록 레이어 */
    #layerAddressBook .mBrdList.addressList tr:last-child td { border-bottom-width:1px; }
    #layerAddressBook .mBrdList.addressList .heading { padding:0; }
    #layerAddressBook .mBrdList.addressList .heading { position:relative; overflow:hidden; }
    #layerAddressBook .mBrdList.addressList .check:after { content:''; position:absolute; top:0; left:40%; display:inline-block; width:1px; height:300%; background:#e2e2e2; }
    #layerAddressBook .mBrdList.addressList .check { overflow:hidden; }
    #layerAddressBook .mBrdList.addressList .select { float:left; display:inline-block; padding:9px 0 9px 0px; width:40%; box-sizing:border-box; }
    #layerAddressBook .mBrdList.addressList .name { float:right; display:inline-block; padding:9px 0; width:60%; box-sizing:border-box; }
    #layerAddressBook .mBrdList.addressList [class^="btn"].mini.gFlex { padding:0 14px; }
    #layerAddressBook .mBrdList.addressList [class^="btn"].mini.gFlex:hover { padding:0 13px; }
    #layerAddressBook .mBrdList.addressList [class^="btn"].mini + [class^="btn"].mini { margin-left:3px; }
    /* 택배신청 */
    .memberArea.deliveryApply .mBox.typeNotice { margin-top:20px; }
    /* 택배포인트 관리 */
    .memberArea.deliveryPointAdmin .mTab.typeText { z-index:2; width:400px; }
    /* 택배포인트 충전 */
    .memberArea.deliveryPointCharge .mBrdList .gFake > td { padding-left:22%; }
}

/********************* PC(1024 ~ 1170) *********************/
@media all and (min-width:1024px) and (max-width:1170px) {
  /* global */

  /* grid */
    [class*="grid"] > li { margin-left:1.5%; }
    .grid2 > li { width:49.25%; }
    .grid3 > li { width:32.33%; }
    .grid4 > li { width:23.875%; }
    .grid5 > li { width:18.8%; }
    .grid6 > li { width:15.416%; }
    .grid7 > li { width:13%; }
    .grid8 > li { width:11.1875%; }

  /* mBook */
    .mBook .chooseDate { padding:22px 40px 50px 40px; }
    .mBook .checkList {  padding:40px 10px 40px 25px; }

  /* mBox */
    /* mBox typeManual */
      .mBox.typeManual .item { width:67.6%; padding:35px 15px 35px 30px; }
      .mBox.typeManual .item.manual { width:32.4%; }
      .mBox.typeManual .item .price { width:230px; margin:0 15px 0 0; font-size:30px; }
  /* mBox gDivide */
      .mBox.gDivide { padding:30px 15px 30px 25px; }
      .mBox.gDivide .left { width:60%; }
      .mBox.gDivide .right { width:40%; padding:5px 0 5px 20px; }
      .mBox.gDivide .price { margin:0 10px; }

  /* mBrdList */
    .mBrdList col.data { width:160px; }
    .mBrdList .gPoint { width:20%; }
    /* typeGallery */
      .mBrdList.typeGallery li { padding:20px 60px 20px 0; }
      .mBrdList.typeGallery .thumbnail { width:225px; height:120px; }
      .mBrdList.typeGallery .info { padding:0 0 0 255px; }
    /* typeWrite */
      .mBrdList.typeWrite .gCellAddr .address .fText { width:350px; }
    /* typeCalendar reserve */
      .mBrdList.typeCalendar.reserve { width:350px; padding:20px 20px 20px; }

  /* mBrdMove */
    .mBrdMove .date { right:30px; }

  /* mBrdView */
    .mBrdView .heading { padding:34px 29px; }
    .mBrdView .heading .date { right:30px; }
    .mBrdView .content { padding:60px 29px; }

  /* mBreadcrumb */
    .mBreadcrumb { right:3%; }

  /* mComment */
    .mComment li { padding:28px 52px 28px 0; }
    .mComment .id { width:174px; padding:0 10px 0 29px; }
    .mComment .register textarea { padding:18px 28px; }

  /* mCopy */
    .mCopy { margin:50px 0 40px; }
    .mCopy h2 { font-size:28px; line-height:36px; }
    .mCopy h3 { font-size:24px; line-height:32px; }
    .mCopy p { margin:10px 0 0; font-size:15px; line-height:21px; }
    /* typeBg */
      .mCopy.typeBg { margin:30px 0 40px; padding:250px 0 68px; }
      .mCopy.typeBg:before { top:75px; }

  /* mCountry */
    .mCountry.RW { display:none; }

  /* mForm */
    .mForm.typeSearch .fText { min-width:146px; }

  /* mMapArea */
    .mMapArea .RTB { display:block !important; }
    .mMapArea .RW { display:none !important; }
    .mMapArea .center .office:after { content:""; display:block; clear:both; }
    .mMapArea .center .office li { position:relative; float:left; width:49%; min-height:174px; margin:0 0 15px; box-sizing:border-box; border:1px solid #d5d5d5; background-color:#fff; }
    .mMapArea .center .office li:nth-of-type(even) { margin-left:2%; }
    .mMapArea .center .office .info:before,
    .mMapArea .center .office .info:after { content:""; display:inline-block; position:absolute; }
    .mMapArea .center .office .info:before { width:34px; border-bottom:1px solid #afafaf; top:34px; right:20px; }
    .mMapArea .center .office .info:after { width:10px; height:10px; border:solid #afafaf; border-width:1px 1px 0 0; top:29px; right:20px;
      -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); }
    .mMapArea .center .office .info:hover:before,
    .mMapArea .center .office .info:hover:after { animation:rightMove 0.5s; }
    .mMapArea .center .office .title { display:block; color:#263238; padding:24px 20px 18px; font-size:21px; }
    .mMapArea .center .office .address { padding:0 20px; font-size:16px; line-height:22px; }
    .mMapArea .center .office .tel { position:absolute; bottom:0; width:100%; padding:9px 0 9px; text-align:center; border-top:1px solid #d5d5d5; background-color:#f9f9f9; }

  /* mSearch */
    .mSearch { margin:40px 0 15px; }
    .mSearch fieldset { width:308px; }

  /* mSlide */
    .mSlide { padding:40px 0 0; }

  /* mThumbList */
    .mThumbList .thumbnail { height:177px; }
    .mThumbList .info .hit { right:20px; }

  /* mProvide */
    .mProvide { padding:40px 20px; }

  /* mVision */
    .mVision .info .desc { padding-right:78px; }
    .mVision .thumbnail { width:50%; }

  /******************** page ********************/
    /* 메인 */
    .main section { padding:60px 30px; }
    .main .mMainTitle { margin:0 0 40px; }
    .main .mMainTitle h2 { margin:0 0 10px; font-size:30px; }
    .main .mMainTitle p { font-size:21px; }
    .main .visual .copy { top:14.3%; }
    .main .visual .copy h2 { font-size:70px; }
    .main .visual .copy p { font-size:32px; }
    .main .visual .slide li { overflow:hidden; }
    .main .visual .slide li:before { margin-top:43.5%; }
    .main .visual img { z-index:0; }
    .main .visual img.RWF { display:none; }
    .main .visual .button .controlBar { bottom:28px; }
    .main .cafe24Area .counter .number:before { height:46px; margin-right:4px; background-size:380px auto; }
    .main .cafe24Area .counter .founder .number:before { width:56px; background-position:0 -5px; }
    .main .cafe24Area .counter .rank .number:before { width:50px; background-position:-96px 0; }
    .main .cafe24Area .counter .branch .number:before { width:45px; background-position:-183px 0; }
    .main .cafe24Area .counter .seat .number:before { width:54px; background-position:-285px 0; }
    .main .cafe24Area .counter .number { font-size:26px; }
    .main .cafe24Area .counter .number strong { margin-right:2px; font-size:40px; }
    .main .cafe24Area .counter .desc { margin:12px 0 0; padding:5px 15px; font-size:15px; }
    .main .programArea .service.grid3 li { width:225px; }
    .branchArea .mTab { margin:20px 0; }

    /* 서비스 이용하기 */
    .serviceArea .mThumbList .thumbnail { height:228px; }
      /* 사입 서비스 */
      .serviceArea.purchaseLocal .mThumbList .info { height:153px; }
      /* 세무 서비스 */
      .serviceArea.tax .mThumbList .info { height:136px; }
      /* 브랜드 아이템 물류대행 */
      .serviceArea.brand .mThumbList .info { height:153px; }

    /* login */
    .login .mCopy { padding-top:80px; }

    /* reserveArea */
    .reserveArea .mReserve { margin:0 20px 0 0; }

    /* 지점 */
      /* 스튜디오 예약관리 */
        .memberArea.studioOrder .mBrdArea .period { width:260px; }
      /* 쿠폰 등록관리 */
        .memberArea.coupon .mBox.gDivide .util { margin:0 0 0 20px; }
      /* 택배서비스 신청 관리 */
        .memberArea[class*="delivery"] .mBox .left { position:relative; text-align:right; }
        .memberArea[class*="delivery"] .mBox .left .title { position:absolute; top:50%; left:0; margin-top:-13px; }
        .memberArea[class*="delivery"] .mBox .util { width:100px; margin:0 30px 0 0; vertical-align:middle; }
        .memberArea[class*="delivery"] .mBox.gDivide [class^="btn"] + [class^="btn"] { margin:5px 0 0; }
}

/********************* PC(1171 ~ full) *********************/
@media all and (min-width:1171px) {
  /* grid */
    [class*="grid"] > li { margin-left:2%; }
    .grid2 > li { width:49%; }
    .grid3 > li { width:32%; }
    .grid4 > li { width:23.5%; }
    .grid5 > li { width:18.4%; }
    .grid6 > li { width:15%; }
    .grid7 > li { width:12.57%; }
    .grid8 > li { width:10.75%; }

  /* branchArea */
    .branchArea .mTab { width:1090px; margin:0 auto; }

  /* mBook */
    .mBook .chooseDate { padding:22px 40px 50px 40px; }
    .mBook .checkList {  padding:40px 30px 40px 45px; }

  /* mBox */
    /* mBox typeManual */
      .mBox.typeManual .item { width:66.6%; padding:35px 30px 35px 50px; }
      .mBox.typeManual .item.manual { width:33.4%; }
      .mBox.typeManual .item .price { width:260px; margin:0 25px 0 0; font-size:34px; }
    /* mBox gDivide */
      .mBox.gDivide { padding:30px 35px; }
      .mBox.gDivide .left { width:62%; }
      .mBox.gDivide .right { width:38%; padding:5px 0 5px 40px; }
      .mBox.gDivide .price { margin:0 10px 0 50px; }

  /* mBreadcrumb */
    .mBreadcrumb { right:0; }

  /* mBrdList */
    .mBrdList col.data { width:170px; }
    .mBrdList .gPoint { width:18%; }
    /* typeGallery */
      .mBrdList.typeGallery li { padding:20px; }
      .mBrdList.typeGallery .thumbnail { width:250px; height:120px; }
      .mBrdList.typeGallery .info { padding:0 0 0 300px; }
    /* typeWrite */
      .mBrdList.typeWrite .gCellAddr .address .fText { width:370px; }
    /* typeCalendar reserve */
      .mBrdList.typeCalendar.reserve { width:464px; padding:20px 40px 40px; }

  /* mBrdView */
    .mBrdView .heading { padding:34px 36px; }
    .mBrdView .heading .date { right:36px; }
    .mBrdView .content { padding:50px 35px; }

  /* mComment */
    .mComment li { padding:28px 75px 28px 0; }
    .mComment .id { width:200px; padding:0 20px 0 58px; }

  /* mCopy */
    .mCopy { padding:60px 0 40px; }
    .mCopy h2 { font-size:34px; line-height:46px; }
    .mCopy h3 { font-size:26px; line-height:34px; }
    .mCopy p { margin:13px 0 0; font-size:16px; line-height:23px; }
    /* typeBg */
      .mCopy.typeBg { margin:30px 0 40px; padding:250px 0 68px; }
      .mCopy.typeBg:before { top:75px; left:50%; width:148px; height:148px; margin:0 0 0 -74px; }

  /* mCountry */
    .mCountry { position:absolute; bottom:90px; left:0; right:0; margin:0 auto; display:inline-block; width:1090px; height:474px; padding:100px 0 0; box-sizing:border-box; border:0;  }
    .mCountry .map { position:relative; z-index:2; width:348px; height:100%; }

  /* mForm */
    .mForm.typeSearch .fText { min-width:175px; }

  /* mMapArea */
    .mMapArea { overflow:hidden; position:relative; z-index:1; width:1090px; margin:-1px auto 0; padding:0; box-sizing:border-box; border:1px solid #4a505b; background-color:#fff; }
    .mMapArea h3 { position:absolute; top:50px; left:54px; font-size:24px; color:#263238; }
    .mMapArea { height:476px; }
    .mMapArea:after { content:""; display:block; clear:both; }
    .mMapArea .mList { position:absolute; padding-left:7px; font-size:14px; }
    .mMapArea > .mList { top:80px; left:54px; }
    .mMapArea .center { position:relative; width:740px; margin-left:348px; box-sizing:border-box; }
    .mMapArea .center:before { content:""; position:absolute; left:0; top:84px; display:inline-block; width:1px; height:334px; background-color:#e2e3e5; }
    .mMapArea .center .mList { top:80px; left:50px; }
    .mMapArea .center .office { width:100%; height:474px; background-repeat:no-repeat; }
    .mMapArea .center .office li { position:absolute; }
      /* 지역위치(서울) */
      .mMapArea .center .office.seoul { background-image:url('//img.cafe24.com/img/soho/head/common/bg_map_seoul.gif'); }
      .mMapArea .center .office .gsd { width:147px; top:386px; left:244px; }
      .mMapArea .center .office .ddg { width:120px; top:228px; left:494px; }
      .mMapArea .center .office .brm { width:90px; top:320px; left:284px; }
      .mMapArea .center .office .ss { width:80px; top:330px; left:490px; }
      .mMapArea .center .office .ssu { width:106px; top:174px; left:420px; }
      .mMapArea .center .office .sindang { width:80px; top:246px; left:370px; }
      .mMapArea .center .office .ys { width:80px; top:354px; left:422px; }
      .mMapArea .center .office .cs { width:80px; top:151px; left:330px; }
      .mMapArea .center .office .hongdae { width:80px; top:238px; left:240px; }
      .mMapArea .center .office .gd { width:80px; top:329px; left:558px; }
      .mMapArea .center .office .sungsu { width:80px; top:273px; left:430px; }
      .mMapArea .center .office .spgr { width:106px; top:381px; left:552px; }
      .mMapArea .center .office .spgr .info > .title { top:-23px; }
      .mMapArea .center .office .yc { width:80px; top:268px; left:191px; }
      .mMapArea .center .office .kds { width:90px; top:349px; left:387px; }
      .mMapArea .center .office .gbs { width:90px; top:174px; left:301px; }
      .mMapArea .center .office .md { width:80px; top:285px; left:167px; }
      .mMapArea .center .office .sc { width:80px; top:359px; left:566px; }
      .mMapArea .center .office .sc .info > .title { top:-28px; }
      .mMapArea .center .office .cube { width:134px; top:313px; left:447px; }
      .mMapArea .center .office .bs { width:80px; top:235px; left:137px; }
      .mMapArea .center .office .sb { width:80px; top:147px; left:502px; }
      .mMapArea .center .office .as { width:80px; top:302px; left:540px; }
      .mMapArea .center .office .gbs .info > .title { top:-13px; left:8px; }
      .mMapArea .center .office .ysn { top:170px; left:275px; }
      .mMapArea .center .office .hh { width:80px; top:144px; left:345px; }
      /* 지역위치(경기) */
      .mMapArea .center .office.gyeonggi { background-image:url('//img.cafe24.com/img/soho/head/common/bg_map_gyeonggi.gif'); }
      .mMapArea .center .office .bc { width:80px; top:244px; left:294px; }
      .mMapArea .center .office .bg { width:106px; top:257px; left:340px; }
      .mMapArea .center .office .sws { width:106px; top:298px; left:333px; }
      .mMapArea .center .office .yt { width:106px; top:325px; left:360px; }
      .mMapArea .center .office .or { width:106px; top:295px; left:360px; }
      .mMapArea .center .office .or .info > .title { top:-22px; }
      .mMapArea .center .office .sj { width:106px; top:248px; left:373px; }
      .mMapArea .center .office .sj .info > .title { top:-29px; }
      .mMapArea .center .office .asja { width:106px; top:278px; left:318px; }
      .mMapArea .center .office .asja .info > .title { top:-32px; }
      .mMapArea .center .office .bdyt { width:106px; top:275px; left:372px; }
      .mMapArea .center .office .bdyt .info > .title { top:-29px; }
      .mMapArea .center .office .sch { width:106px; top:346px; left:329px; }
      .mMapArea .center .office .dt { width:106px; top:352px; left:370px; }
      /* 지역위치(인천) */
      .mMapArea .center .office.incheon { background-image:url('//img.cafe24.com/img/soho/head/common/bg_map_incheon.gif'); }
      .mMapArea .center .office .bupyeong { width:80px; top:245px; left:476px; }
      .mMapArea .center .office .icc { width:106px; top:335px; left:497px; }
      /* 지역위치(충청) */
      .mMapArea .center .office.chungcheong { background-image:url('//img.cafe24.com/img/soho/head/common/bg_map_chungcheong.gif'); }
      .mMapArea .center .office .djc { width:133px; top:335px; left:394px; }
      .mMapArea .center .office .casy { width:105px; top:195px; left:348px; }
      .mMapArea .center .office .djda { width:105px; top:344px; left:412px; }
      /* 지역위치(영남) */
      .mMapArea .center .office.yeungnam { background-image:url('//img.cafe24.com/img/soho/head/common/bg_map_yeungnam.gif'); }
      .mMapArea .center .office .dgss { width:106px; top:255px; left:373px; }
      .mMapArea .center .office .dgjg { width:106px; top:239px; left:358px; }
      .mMapArea .center .office .bsja { width:106px; top:380px; left:430px; }
      .mMapArea .center .office .bsdy { width:106px; top:373px; left:450px; }
      /* 지역위치(호남) */
      .mMapArea .center .office.honam { background-image:url('//img.cafe24.com/img/soho/head/common/bg_map_honam.gif'); }
      .mMapArea .center .office .jnu { width:120px; top:197px; left:377px; }
      .mMapArea .center .office .gjsm { width:106px; top:243px; left:308px; }
      /* 지역위치(해외) */
      .mMapArea .center .office.global { background-image:url('//img.cafe24.com/img/soho/head/common/bg_map_global.gif'); }
      .mMapArea .center .office .gzu { top:170px; left:338px; }
      /* title */
      .mMapArea .center .office .title { display:inline-block; padding:6px 20px 5px; line-height:1; font-size:15px; font-weight:normal; color:#fff; background-color:#4a505b; border-radius:15px;
      -webkit-box-shadow:3px 5px 15px -1px rgba(0,0,0,0.2);
      -moz-box-shadow:3px 5px 15px -1px rgba(0,0,0,0.2);
      box-shadow:3px 5px 15px -1px rgba(0,0,0,0.2); }
      .mMapArea .center .office .title { position:absolute; top:-58px; left:-50%; margin-left:9px; white-space:nowrap; }
      .mMapArea .center .office .title:before { content:""; position:absolute; left:0; right:0; bottom:-5px; margin:0 auto; display:block; width:0; height:0; border-style:solid; border-color:#4a505b transparent; border-width:6px 5px 0; }
      /* right 지점 sj or yt dgss djda bsdy bdyt sc spgr gd as dt */
      .mMapArea .center .office .sj .title,
      .mMapArea .center .office .or .title,
      .mMapArea .center .office .yt .title,
      .mMapArea .center .office .dgss .title,
      .mMapArea .center .office .djda .title,
      .mMapArea .center .office .bsdy .title,
      .mMapArea .center .office .bdyt .title,
      .mMapArea .center .office .sc .title,
      .mMapArea .center .office .spgr .title,
      .mMapArea .center .office .gd .title,
      .mMapArea .center .office .as .title,
      .mMapArea .center .office .gbs .title,
      .mMapArea .center .office .dt .title { top:-25px; left:20px; }
      .mMapArea .center .office .sj .title:before,
      .mMapArea .center .office .or .title:before,
      .mMapArea .center .office .yt .title:before,
      .mMapArea .center .office .dgss .title:before,
      .mMapArea .center .office .djda .title:before,
      .mMapArea .center .office .bsdy .title:before,
      .mMapArea .center .office .bdyt .title:before,
      .mMapArea .center .office .sc .title:before,
      .mMapArea .center .office .spgr .title:before,
      .mMapArea .center .office .gd .title:before,
      .mMapArea .center .office .as .title:before,
      .mMapArea .center .office .gbs .title:before,
      .mMapArea .center .office .dt .title:before { bottom:0; top:0; left:-6px; right:auto; margin:auto; border-width:4px 7px 4px 0; border-color:transparent #4a505b; }
      /* left 지점 bc asja sws gjsm gbs md gsd kds cube */
      .mMapArea .center .office .bc .title,
      .mMapArea .center .office .asja .title,
      .mMapArea .center .office .sws .title,
      .mMapArea .center .office .gjsm .title,
      .mMapArea .center .office .md .title,
      .mMapArea .center .office .gsd .title,
      .mMapArea .center .office .kds .title,
      .mMapArea .center .office .cube .title,
      .mMapArea .center .office .ysn .title { top:-25px; right:100%; left:auto; margin-right:10px; }
      .mMapArea .center .office .cs .title { top:-32px; right:100%; left:auto; margin-right:10px; }
      .mMapArea .center .office .bc .title:before,
      .mMapArea .center .office .asja .title:before,
      .mMapArea .center .office .sws .title:before,
      .mMapArea .center .office .gjsm .title:before,
      .mMapArea .center .office .md .title:before,
      .mMapArea .center .office .gsd .title:before,
      .mMapArea .center .office .kds .title:before,
      .mMapArea .center .office .cube .title:before,
      .mMapArea .center .office .ysn .title:before,
      .mMapArea .center .office .cs .title:before { bottom:0; top:0; right:-6px; left:auto; margin:auto; border-width:4px 0 4px 7px; border-color:transparent #4a505b; }
      /* bottom 지점 sch ss ys */
      .mMapArea .center .office .sch .title,
      .mMapArea .center .office .ss .title,
      .mMapArea .center .office .ys .title { top:9px; }
      .mMapArea .center .office .sch .title:before,
      .mMapArea .center .office .ss .title:before,
      .mMapArea .center .office .ys .title:before { top:-36px; margin:auto; border-width:0 5px 6px; }
    .mMapArea .center .office li:after { content:""; position:absolute; left:0; display:block; }
    .mMapArea .center .office li:after { bottom:0; width:19px; height:25px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat 0 0; background-position:-250px -50px; }
    .mMapArea .center .office li:hover:after { animation:mapMove 0.3s; }
      /* keyframes */
      @-webkit-keyframes mapMove { 0% {bottom:-5px;} 50% {bottom:4px;} 100% {bottom:0;} }
      @keyframes mapMove { 0% {bottom:-5px;} 50% {bottom:4px;} 100% {bottom:0;} }

  /* mSearch */
    .mSearch fieldset { width:350px; }

  /* mSlide */
    .mSlide { padding:50px 0 0; }

  /* mThumbList */
    .mThumbList .thumbnail { height:197px; }
    .mThumbList .info .hit { right:30px; }

  /* mVision */
    .mVision .info .desc {  padding-right:144px;  }
    .mVision .thumbnail { width:555px; }

  /******************** page ********************/
    /* 메인 */
    .main section { padding:80px 0 90px; }
    .main .mMainTitle { margin:0 0 50px; }
    .main .mMainTitle h2 { margin:0 0 12px; font-size:36px; }
    .main .mMainTitle p { font-size:21px; }
    .main .visual .slide li:before { margin-top:30.3%; }
    .main .visual .slide img.RW { display:none; }
    .main .visual .button .controlBar { bottom:20px; }
    .main .cafe24Area .counter { width:1090px; margin:0 auto; }
    .main .cafe24Area .counter li { padding:0 10px 0 35px; }
    .main .cafe24Area .counter li:first-child { border-left:0; padding-left:0; }
    .main .cafe24Area .counter .number:before { height:56px; margin-right:7px; }
    .main .cafe24Area .counter .founder .number:before { width:60px; position:relative; top:-7px; }
    .main .cafe24Area .counter .rank .number:before { width:52px; }
    .main .cafe24Area .counter .branch .number:before { width:45px; }
    .main .cafe24Area .counter .seat .number:before { width:52px; }
    .main .cafe24Area .counter .number { font-size:28px; }
    .main .cafe24Area .counter .number strong { margin-right:2px; font-size:45px; }
    .main .cafe24Area .counter .desc { margin:8px 0 0; padding:6px 22px; font-size:16px; }
    .main .programArea .service { width:760px; margin:0 auto; }
    .main .success .mThumbList { width:1090px; margin:0 auto; }
    .branchArea { position:relative; }
    .branchArea .mTab { width:1090px; margin:0 auto; }
    /* 서비스 이용하기 */
    .serviceArea .mThumbList .thumbnail { height:238px; }
      /* 사입 서비스 */
      .serviceArea.purchaseLocal .mThumbList .info { height:136px; }
      /* 세무 서비스 */
      .serviceArea.tax .mThumbList .info { height:123px; }
      /* 브랜드 아이템 물류대행 */
      .serviceArea.brand .mThumbList .info { height:136px; }

    /* 전국센터안내 */
    .mCountry div.map svg { margin:-160px 0 0 -50px; width:455px !important; height:643px !important; }
    .mCountry div.map svg a.selected path { fill:#fff; stroke:#eef1f3; }
    .mCountry div.map .mList { margin-left:50px; }
    .branchArea .mTab { z-index:3; }
    .branchArea .mTab li a:before { z-index:100; display:none; content:""; position:absolute; top:0; left:0; width:40px; height:50px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat -250px -100px; }
    .branchArea .mTab li.selected a:before { display:inline-block; }
    .branchArea .mTab li.selected a[href="#tabSeoul"]:before { top:185px; left:110px; }
    .branchArea .mTab li.selected a[href="#tabGyeonggi"]:before { top:200px; left:-45px; }
    .branchArea .mTab li.selected a[href="#tabIncheon"]:before { top:215px; left:-246px; }
    .branchArea .mTab li.selected a[href="#tabChungcheong"]:before { top:270px; left:-410px; }
    .branchArea .mTab li.selected a[href="#tabYeungnam"]:before { top:300px; left:-535px; }
    .branchArea .mTab li.selected a[href="#tabHonam"]:before { top:340px; left:-790px; }
    .branchArea .mMapArea .center .office li .tel { display:none; }

    /* login */
      .login .mCopy { padding-top:120px; }

  /* reserveArea */
    .reserveArea .mReserve { margin:0 55px 0 0; }

  /* 지점 */
    /* 회원전용서비스 */
      .memberArea .mBox.gDivide .util { margin:0 0 0 10px; }
    /* 스튜디오 예약관리 */
    .memberArea.studioOrder .mBrdArea .period { width:357px; }

  /* branchArea v2 */
    /* reset */
    .branchArea.v2 .mTab > ul > li.selected:before,
    .branchArea.v2 .mTab > ul > li.selected:after,
    .branchArea.v2 .subList > li > a:before,
    .branchArea.v2 .subList > li.selected:after,
    .branchArea.v2 .mCountry,
    .branchArea.v2 .mMapArea > h3,
    .branchArea.v2 .mMapArea > p,
    .branchArea.v2 > .mTab li a:before,
    .branchArea.v2 > .mTab li.selected a before { display:none; }
    /* //reset */

    .branchArea.v2 .inner { overflow:hidden; max-width:1090px; margin:0 auto; border:1px solid #c0cbd4; background:#fff; }
    .branchArea.v2 .mTab { float:left; width:391px; height:476px; border:none; border-right:1px solid #c0cbd4; }
    .branchArea.v2 .mTab li { float:none; }
    .branchArea.v2 .mTab li.selected { position:static; border-color:#d8e1e9; }
    .branchArea.v2 .mTab > ul { display:block; width:auto; height:477px; border:none; margin:-1px 0 0; background:#fff; }
    .branchArea.v2 .mTab > ul > li { position:relative; width:160px; margin:0; border:solid #d8e1e9; border-width:0 0 1px 0; text-align:left; }
    .branchArea.v2 .mTab > ul > li > a { padding:18px 0; color:#666; }
    .branchArea.v2 .mTab > ul > li > a:before { display:inline-block; position:relative; top:2px; left:0; width:11px; height:15px; margin:0 8px 0 15px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat; background-position:-50px -250px; }
    .branchArea.v2 .mTab > ul > li.selected > a:before,
    .branchArea.v2 .mTab > ul > li:hover > a:before { background-position:-100px -250px; }
    .branchArea.v2 .mTab li.selected a[href="#tabSeoul"]:before,
    .branchArea.v2 .mTab li.selected a[href="#tabGyeonggi"]:before,
    .branchArea.v2 .mTab li.selected a[href="#tabIncheon"]:before,
    .branchArea.v2 .mTab li.selected a[href="#tabChungcheong"]:before,
    .branchArea.v2 .mTab li.selected a[href="#tabYeungnam"]:before,
    .branchArea.v2 .mTab li.selected a[href="#tabHonam"]:before { position:relative; top:2px; left:0; }
    .branchArea.v2 .mTab > ul > li:hover > a,
    .branchArea.v2 .mTab > ul > li.selected > a { color:#fff; background:#41a3ff; }
    .branchArea.v2 .mTab > ul .subList { display:none; position:absolute; top:0; left:160px; height:457px; padding:10px 0; border-left:1px solid #c0cbd4; }
    .branchArea.v2 .mTab > ul > li.selected .subList { display:block; overflow-x:hidden; overflow-y:auto; }
    .branchArea.v2 .subList { display:block; width:230px; }
    .branchArea.v2 .subList > li { width:230px; height:auto; min-height:34px; padding:0 20px; border:none; line-height:34px; text-align:left; }
    .branchArea.v2 .subList > li.selected { background-color:#f2f7f9; }
    .branchArea.v2 .subList > li > a { display:inline-block; position:relative; width:auto; max-width:100%; padding:0; vertical-align:middle; line-height:18px; white-space:normal; font-weight:normal; font-size:15px; color:#666; }
    .branchArea.v2 .subList > li > a:hover,
    .branchArea.v2 .subList > li.selected > a{ font-weight:bold; color:#41a3ff; }
    .branchArea.v2 .subList > li > a:hover:before,
    .branchArea.v2 .subList > li.selected > a:before{ content:""; display:block; position:absolute; top:auto; bottom:0; left:0; right:auto; width:100%; height:1px; background-color:#41a3ff; background-image:none; }
    .branchArea.v2 .subList > li > a:hover:after,
    .branchArea.v2 .subList > li.selected > a:after { content:""; display:inline-block; position:absolute; top:50%; right:-14px; margin:-4px 0 0; border:solid #41a3ff; border-width:0 1px 1px 0; padding:3px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
    .branchArea.v2 .mMapArea { width:inherit; height:476px; margin:0; border:none; background:#e8ebec; }
    .branchArea.v2 .mMapArea .center { width:100%; margin:0; }
    .branchArea.v2 .mMapArea .center .mList { top:30px; left:30px; }
    .branchArea.v2 .mMapArea .center .office { height:476px; }
    .branchArea.v2 .mMapArea .center .office li { display:block; position: absolute; width:0; height: 0; }
    .branchArea.v2 .mMapArea .center .office li:after { bottom:0; left:50%; width:24px; height:37px; margin:0 0 0 -12px; background:url('//img.cafe24.com/img/soho/head/common/ico_pin.png') no-repeat; background-position:0 0; }
    .branchArea.v2 .mMapArea .center .office li:hover:after,
    .branchArea.v2 .mMapArea .center .office li.active:after { animation:mapMove 0.3s; background-position:-50px 0; }
    .branchArea.v2 .mMapArea .center .office li .info { display:none; position:absolute; top:7px; left:0; width:130px; margin:0 0 0 -65px; text-align:center; }
    .branchArea.v2 .mMapArea .center .office li .title { position:relative; top:0; left:0; width:auto; margin:0; white-space:nowrap;  padding:5px 10px; border:1px solid #474c5b; border-radius:0; line-height:18px; text-align:center; font-weight:bold; color:#474c5b; background:#fff; }
    .branchArea.v2 .mMapArea .center .office li .title:before { display:none; }
    .branchArea.v2 .mMapArea .center .office li:hover,
    .branchArea.v2 .mMapArea .center .office li.active { z-index:1 }
    .branchArea.v2 .mMapArea .center .office li .tel { display:block; font-weight:normal; }
    .branchArea.v2 .mMapArea .center .office li.active .info,
    .branchArea.v2 .mMapArea .center .office li:hover .info { display:block; z-index:11; }

    /* 지역위치(서울) */
    .branchArea.v2 .mMapArea .center .office.seoul { background-image:url('//img.cafe24.com/img/soho/head/common/img_map_seoul.png'); }
    .branchArea.v2 .mMapArea .center .office .gsd { top:376px; left:220px; }
    .branchArea.v2 .mMapArea .center .office .ddg { top:218px; left:470px; }
    .branchArea.v2 .mMapArea .center .office .brm { top:310px; left:260px; }
    .branchArea.v2 .mMapArea .center .office .ss { top:320px; left:466px; }
    .branchArea.v2 .mMapArea .center .office .ssu { top:210px; left:391px; }
    .branchArea.v2 .mMapArea .center .office .sindang {top:236px; left:346px; }
    .branchArea.v2 .mMapArea .center .office .ys { top:344px; left:398px; }
    .branchArea.v2 .mMapArea .center .office .cs { top:155px; left:305px; }
    .branchArea.v2 .mMapArea .center .office .hongdae { top:228px; left:216px; }
    .branchArea.v2 .mMapArea .center .office .gd { top:319px; left:534px; }
    .branchArea.v2 .mMapArea .center .office .sungsu { top:263px; left:406px; }
    .branchArea.v2 .mMapArea .center .office .spgr { top:371px; left:528px; }
    .branchArea.v2 .mMapArea .center .office .yc { top:258px; left:167px; }
    .branchArea.v2 .mMapArea .center .office .kds { top:339px; left:363px; }
    .branchArea.v2 .mMapArea .center .office .gbs { top:164px; left:277px; }
    .branchArea.v2 .mMapArea .center .office .md { top:275px; left:143px; }
    .branchArea.v2 .mMapArea .center .office .sc { top:349px; left:542px; }
    .branchArea.v2 .mMapArea .center .office .cube { top:292px; left:416px; }
    .branchArea.v2 .mMapArea .center .office .bs { top:225px; left:113px; }
    .branchArea.v2 .mMapArea .center .office .sb { top:197px; left:449px; }
    .branchArea.v2 .mMapArea .center .office .as { top:292px; left:516px; }
    .branchArea.v2 .mMapArea .center .office .ysn { top:160px; left:251px; }
    .branchArea.v2 .mMapArea .center .office .hh { top:148px; left:326px; }
    .branchArea.v2 .mMapArea .center .office .sdr { top:340px; left:230px; }
    .branchArea.v2 .mMapArea .center .office .olp { top:340px; left:552px; }
    .branchArea.v2 .mMapArea .center .office .sl { top:308px; left:411px; }
    .branchArea.v2 .mMapArea .center .office .ysh { top:289px; left:320px; }
    .branchArea.v2 .mMapArea .center .office .gj { top:235px; left:445px; }
    .branchArea.v2 .mMapArea .center .office .dgj { top:162px; left:437px; }
    .branchArea.v2 .mMapArea .center .office .mia { top:144px; left:414px; }
    .branchArea.v2 .mMapArea .center .office .hj { top:218px; left:193px; }
    .branchArea.v2 .mMapArea .center .office .yj { top:381px; left:416px; }
    /* 지역위치(경기) */
    .branchArea.v2 .mMapArea .center .office.gyeonggi { background-image:url('//img.cafe24.com/img/soho/head/common/img_map_gyeonggi.png'); }
    .branchArea.v2 .mMapArea .center .office .bc { top:236px; left:221px; }
    .branchArea.v2 .mMapArea .center .office .bg { top:250px; left:260px; }
    .branchArea.v2 .mMapArea .center .office .sws { top:292px; left:255px; }
    .branchArea.v2 .mMapArea .center .office .swss { top:276px; left:265px; }
    .branchArea.v2 .mMapArea .center .office .yt { top:310px; left:284px; }
    .branchArea.v2 .mMapArea .center .office .or { top:281px; left:281px; }
    .branchArea.v2 .mMapArea .center .office .sj { top:238px; left:286px; }
    .branchArea.v2 .mMapArea .center .office .asja { top:266px; left:239px; }
    .branchArea.v2 .mMapArea .center .office .bdyt { top:255px; left:300px; }
    .branchArea.v2 .mMapArea .center .office .sch { top:340px; left:250px; }
    .branchArea.v2 .mMapArea .center .office .dt { top:345px; left:285px; }
    .branchArea.v2 .mMapArea .center .office .sjgu { top:285px; left:275px; }
    .branchArea.v2 .mMapArea .center .office .sanbon { top:254px; left:249px; }
    .branchArea.v2 .mMapArea .center .office .ay { top:248px; left:253px; }
    /* 지역위치(인천) */
    .branchArea.v2 .mMapArea .center .office.incheon { background-image:url('//img.cafe24.com/img/soho/head/common/img_map_incheon.png'); }
    .branchArea.v2 .mMapArea .center .office .bupyeong { top:232px; left:480px; }
    .branchArea.v2 .mMapArea .center .office .icc { top:326px; left:502px; }
    .branchArea.v2 .mMapArea .center .office .sd { top:421px; left:410px; }
    /* 지역위치(충청) */
    .branchArea.v2 .mMapArea .center .office.chungcheong { background-image:url('//img.cafe24.com/img/soho/head/common/img_map_chungcheong.png'); }
    .branchArea.v2 .mMapArea .center .office .djc { top:314px; left:347px; }
    .branchArea.v2 .mMapArea .center .office .casy { top:174px; left:300px; }
    .branchArea.v2 .mMapArea .center .office .djda { top:328px; left:367px; }
    /* 지역위치(영남) */
    .branchArea.v2 .mMapArea .center .office.yeungnam { background-image:url('//img.cafe24.com/img/soho/head/common/img_map_yeungnam.png'); }
    .branchArea.v2 .mMapArea .center .office .dgss { top:242px; left:337px; }
    .branchArea.v2 .mMapArea .center .office .dgjg { top:226px; left:318px; }
    .branchArea.v2 .mMapArea .center .office .bsja { top:370px; left:386px; }
    .branchArea.v2 .mMapArea .center .office .bsdy { top:362px; left:418px; }
    .branchArea.v2 .mMapArea .center .office .bsbi { top:346px; left:400px; }
    /* 지역위치(호남) */
    .branchArea.v2 .mMapArea .center .office.honam { background-image:url('//img.cafe24.com/img/soho/head/common/img_map_honam.png'); }
    .branchArea.v2 .mMapArea .center .office .jnu { top:184px; left:338px; }
    .branchArea.v2 .mMapArea .center .office .gjsm { top:230px; left:264px; }
  /* //branchArea v2 */
}

/********************* PC *********************/
@media all and (min-width:1024px) {
  /* global */
    .gBlock, .gBlockW { display:block; }
    .gBlockM, .gBlockT, .gBlockMT { display:inline; }
    .gBlankS { margin-top:15px; }
    .icoSFIX { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); }
      .icoNew { margin:-2px 0 0 5px; width:13px; height:12px; background-position:0 -150px; }
      .icoOn { margin:0 0 0 5px; width:31px; height:21px; background-position:-50px -150px; }
      .icoRequired { width:8px; height:8px; background-position:-50px -200px; }

  /* icon */
    .icoMore:after, .icoLink:after { margin:0 0 1px 7px; width:8px; height:8px; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s; }

  /* button */
    .container a[class^="btn"], .container button[class^="btn"], .container label[class^="btn"] { width:224px; height:56px; line-height:56px; font-size:18px; vertical-align:middle; box-sizing:border-box; }
    .container [class^="btn"]:first-child { margin:0; }
    .container [class^="btn"].mini { height:40px; line-height:40px; font-size:16px; }
    .container a[class^="btn"]:hover, .container button[class^="btn"]:hover, .container label[class^="btn"]:hover { line-height:54px; }
    .container [class^="btn"].disabled:hover { line-height:56px; }
    .container [class^="btn"].mini:hover { line-height:38px; }
    .container [class^="btn"].mini.disabled:hover { line-height:40px; }
    .container [class^="btn"].gFlex { padding:0 19px; }
    .container [class^="btn"].gFlex:hover { padding:0 18px; }
    .container [class^="btn"].mini.gFlex { padding:0 20px; }
    .container [class^="btn"].mini.gFlex:hover { padding:0 19px; }
    .container [class^="btn"].mini.gFlex.disabled:hover { padding:0 20px; }
    .container [class^="btn"].icoLink:hover:after { left:5px; }
    .container [class^="btn"].gFlex.icoLink:after { margin:0 0 0 3px; }
    .container [class^="btn"].gFlex.icoLink:hover:after { left:3px; }
    .container label.btnChk { width:auto; height:34px; line-height:34px; font-size:16px; }
    .container label.btnChk:hover { line-height:32px; }
    /* btnBox */
    .container a.btnBox { padding:0 83px 0 0; width:395px; height:54px; }
    .container a.btnBox span { padding-left:20px; line-height:52px; }
    .container a.btnBox:hover { padding:0 83px 0 0; border-width:1px; }
    .container a.btnBox:after { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); }
    .container a.btnBox.download:after { top:12px; right:34px; width:15px; height:19px; background-position:-100px 0; }
    .container a.btnBox.link:after { top:19px; right:25px; width:28px; height:16px; background-position:-150px 0; }
    .container a.btnBox.download:before { position:absolute; top:30px; right:24px; display:block; content:""; width:32px; height:5px; border:solid #333; border-width:0 1px 1px 1px; }
    .container a.btnBox.mini { height:36px; }
    .container a.btnBox.mini span { height:34px; line-height:34px; font-size:16px; }
    .container a.btnBox.mini.gFlex { height:36px; padding:0 48px 0 0; }
    .container a.btnBox.mini.gFlex span { padding:0 15px; height:34px; line-height:34px; }
    .container a.btnBox.mini.gFlex:hover { padding:0 48px 0 0; }
    .container a.btnBox.download.mini:after { top:10px; right:19px; width:11px; height:12px; background-position:0 -200px; }
    .container a.btnBox.download.mini:before { top:20px; right:15px; width:17px; }
    .container a.btnBox.link.mini:after { top:10px; right:11px; }
    /* btnIcon */
    .container .btnIcon.icoDel { margin:0 10px 0 0; width:11px; height:11px; }
    .container .btnIcon.icoDel:before, .container .btnIcon.icoDel:after { left:-1px; top:6px; width:15px; }
    .container .btnIcon { background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); background-repeat:no-repeat; }
    .container .btnIcon.icoCal { width:24px; height:24px; background-position:-50px -100px; }
    /* mLayer btn */
    .mLayer [class^="btn"].mini { width:110px; height:36px; line-height:36px; }
    .mLayer [class^="btn"].mini:hover { width:110px; line-height:34px; }
    .mLayer [class^="btn"].mini.disabled, .mLayer [class^="btn"].mini.disabled:hover { line-height:36px; }
    /* table btn */
    .container table [class^="btn"].gFlex,
    .container table [class^="btn"].gFlex.disabled { padding:0 14px; height:40px; line-height:40px; }
    .container table [class^="btn"].gFlex:hover { padding:0 13px; line-height:38px; }
    .container table [class^="btn"].mini.gFlex,
    .container .mCtrl [class^="btn"].mini.gFlex,
    .container table a.btnBox, [class*="Area"] table a.btnBox:hover,
    .container .mCtrl a.btnBox.mini.gFlex { height:36px; line-height:36px; padding:0 15px; }
    .container table .btnBox.mini.gFlex, [class*="Area"] table a.btnBox.mini.gFlex:hover, .container table a.btnBox.mini.gFlex:hover,
    .container .mCtrl a.btnBox.mini.gFlex, .container .mCtrl a.btnBox.mini.gFlex:hover { padding:0 48px 0 0; }
    .container table [class^="btn"].mini.gFlex:hover,
    .container .mCtrl [class^="btn"].mini.gFlex:hover { line-height:34px; padding:0 14px; }
    .container .mCtrl [class^="btn"] + [class^="btn"] { margin-left:10px; }
    /* button animation */
    .container a[class^="btn"], .container button[class^="btn"], .container label[class^="btn"] { -webkit-transition:background .3s; -moz-transition:background .3s; transition:background .3s; }
    .container [class^="btn"].icoMore:hover:after { animation:moreMove 0.5s; -webkit-animation:moreMove 0.5s; }
    a.btnBox.download:hover:after { animation:downLoadMove 0.5s; -webkit-animation:downLoadMove 0.5s; }
    .container a.btnBox.link:hover:after { animation:rightMove 0.5s; -webkit-animation:rightMove 0.5s; }

  /* form */
    select { border:1px solid #ccc; padding:0 0 0 13px; height:34px; line-height:34px; outline:0; font-size:17px; }
    .fText.date { width:130px; }

  /* grid */
    [class*="grid"] > li:first-child,
    .grid2 > li:nth-of-type(odd),
    .grid3 > li:nth-of-type(3n + 1),
    .grid4 > li:nth-of-type(4n + 1),
    .grid5 > li:nth-of-type(5n + 1),
    .grid6 > li:nth-of-type(6n + 1) { margin-left:0; }
    .grid2 > li:first-child, .grid2 > li:nth-of-type(2),
    .grid3 > li:first-child, .grid3 > li:nth-of-type(2), .grid3 > li:nth-of-type(3),
    .grid4 > li:first-child, .grid4 > li:nth-of-type(2), .grid4 > li:nth-of-type(3), .grid4 > li:nth-of-type(4),
    .grid5 > li:first-child, .grid5 > li:nth-of-type(2), .grid5 > li:nth-of-type(3), .grid5 > li:nth-of-type(4), .grid5 > li:nth-of-type(5),
    .grid6 > li:first-child, .grid6 > li:nth-of-type(2), .grid6 > li:nth-of-type(3), .grid6 > li:nth-of-type(4), .grid6 > li:nth-of-type(5), .grid6 > li:nth-of-type(6) { margin-top:0; }

  /* headingArea */
    .headingArea h1 { font-size:26px; }

  /* mArticle */
    .mArticle h2 { margin:0 0 15px; padding:50px 0 0; font-size:26px; }

  /* mBook */
    .mBook > div { width:50%; }
    .mBook .checkList ul { -webkit-column-count:2; -moz-column-count:2; column-count:2; }
    .mBook .checkList li { padding:7px 0; }

  /* mBox */
  /* typeManual */
    .mBox.typeManual { display:table; table-layout:fixed; }
    .mBox.typeManual .item { display:table-cell; }
    .mBox.typeManual .item.manual { border-left:1px solid #d6d6d6; }
    .mBox.typeManual .item .title { font-size:24px; }
    .mBox.typeManual .item .button [class^="btn"].mini.gFlex { padding:0 14px; }
    .mBox.typeManual .item .button [class^="btn"].gFlex:hover { padding:0 13px; }
    .mBox.typeManual .item .button [class^="btn"] + [class^="btn"] { margin-left:8px; }
  /* mBox gDivide */
    .mBox.gDivide { display:table; table-layout:fixed; width:100%; box-sizing:border-box; }
    .mBox.gDivide:after { content:""; display:block; clear:both; }
    .mBox.gDivide .left { display:table-cell; vertical-align:middle; box-sizing:border-box; }
    .mBox.gDivide .right { display:table-cell; vertical-align:middle; border-left:1px solid #d6d6d6; box-sizing:border-box; }

  /* mBreadcrumb */
    .mBreadcrumb { top:43px; }
    .mBreadcrumb li { font-size:14px; }
    .mBreadcrumb li:before { width:8px; height:8px; }
    .mBreadcrumb .home { width:16px; height:14px; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat 0 0; background-position:-50px -50px; }

  /* mBrdList */
    .mBrdList .empty { padding:80px 0; font-size:18px; text-align:center; border-bottom:1px solid #e2e2e2; }
    /* gScroll */
      .mBrdList.gScroll { max-height:400px; }
    /* gLess */
      .mBrdList.gLess th,
      .mBrdList.gLess td { padding-top:12px; padding-bottom:12px; font-size:16px; line-height:1.5; }
      .mBrdList.gLess .empty { padding:80px 0; font-size:18px; }
    /* typeGallery */
      .mBrdList.typeGallery .info .title a { font-size:18px; }
      .mBrdList.typeGallery .info .desc a { font-size:15px; }
    /* typeWrite */
      .mBrdList.typeWrite .gCellAddr .address { margin:10px 0 0; }
      .mBrdList.typeWrite .gCellAddr .address .fText:first-child { margin:0 6px 0 0; }
    /* typeTransform */
      .mBrdList.typeTransform .status .btnNormal,
      .mBrdList.typeTransform .status .btnEm,
      .mBrdList.typeTransform .status .btnStrong { margin-top:10px; padding:0; width:90%; }
      .mBrdList.typeTransform .status .btnNormal:hover,
      .mBrdList.typeTransform .status .btnEm:hover,
      .mBrdList.typeTransform .status .btnStrong:hover { padding:0; }
    /* typeAccordion */
      .mBrdList.typeAccordion .heading .subject { cursor:pointer; }
    /* typeCalender reserve */
      .mBrdList.typeCalendar.reserve { flex:1; border-top:0; box-sizing:border-box; background:#f2f4f7; }
      /* 선택자 수정 */
      .mBrdList.typeCalendar.reserve th,
      .mBrdList.typeCalendar.reserve td { background:#fff; }
      .mBrdList.typeCalendar.reserve .nav { background:transparent; }
      .mBrdList.typeCalendar.reserve .nav .month { padding:0; }
      .mBrdList.typeCalendar.reserve .day { margin:-19px 0 -21px; padding:15px 0 39px; font-size:17px; }
      .mBrdList.typeCalendar.reserve .selected .day { padding:13px 0 37px; border-width:2px; }
      .mBrdList.typeCalendar.reserve .label { bottom:12px; width:33px; height:20px; font-size:13px; line-height:20px; }
      .mBrdList.typeCalendar .nav .btnCalendar.disabled { line-height:36px; }
    /* reset */
      .mLayer .mBrdList.typeWrite .gCellAddr .address .fText { width:240px; }

  /* mBrdMove */
    .mBrdMove { margin-top:80px; }
    .mBrdMove strong { padding:0 100px 0 35px; }
    .mBrdMove .date { position:absolute; right:35px; top:23px; font-size:15px; }

  /* mBrdView */
    .mBrdView .heading .date { position:absolute; top:40px; }

  /* mCopy */
    .mCopy.typeVisual { padding:46px 40px 50px; text-align:left; background-position:95% bottom; }

  /* mComment */
    .mComment .messege { font-size:16px; }
    .mComment .messege .desc { line-height:24px; margin:0 0 16px; }
    .mComment .button { margin-left:30px; }
    .mComment .button a { font-size:16px; }
    .mComment .id { font-size:16px; }
    .mComment .messege .modify { padding:0 196px 0 0; }
    .mComment .messege .modify .fTextarea { height:70px; }
    .mComment .messege .modify .button { top:14px; right:20px; }

  /* mCtrl */
    .mCtrl.typeHeader, .mCtrl.typeFooter { padding:8px 30px; }
    .mCtrl.typeHeader { border-width:1px 0 1px 0; }
    .mCtrl.typeFooter {  border-width:0 0 1px 0; }
    .mCtrl.typeButton.gMerge { margin-top:-35px; }

  /* mEmpty */
    .mEmpty { padding:235px 0; font-size:24px; }

  /* mFeature */
    .mFeature .box li { padding:15px 0 30px; border-bottom:1px solid #d5d5d5; }
    .mFeature .box .title { font-size:19px; line-height:1; }
    .mFeature .box .headDesc { font-size:17px; line-height:26px; }
    .mFeature .box .desc { margin:12px 0 0; font-size:15px; }
    .mFeature .box .btnBasic.mini.gFlex { height:30px; margin:18px 0 0; padding:0 20px; line-height:30px; font-size:14px; }
    .mFeature .box .btnBasic.mini.gFlex:hover { padding:0 20px; }

  /* mFile */
    .mFile { margin:10px 0 0; font-size:16px; }

  /* mForm */
    .mForm {  }
      /* typeSelect */
      .mForm.typeSelect { height:36px; }
      .mForm.typeSelect span { left:13px; height:36px; line-height:36px; font-size:17px; }
      .mForm.typeSelect:after { top:15px; right:13px; height:5px; border-width:7px 5px 0 5px; }

  /* mInfo */
    .mInfo { border:1px solid #d5d5d5; }
    .mInfo > dl:after { display:block; content:""; clear:both; }
    .mInfo > dl > dt, .mInfo > dl > dd { display:table-cell; padding:30px 20px 30px 30px; vertical-align:middle; box-sizing:border-box; }
    .mInfo > dl > dt { width:170px; font-size:22px; border:solid #e3e3e3; border-width:0 1px 0 1px; }
    .mInfo > dl > dd { font-size:18px; }
    .mInfo > dl:first-child dt, .mInfo.typeIcon > dl dt { border-width:0 1px 0 0; }
    .mInfo .effect { margin:15px 0 0; font-size:22px; }
    .mInfo .effect:before { margin:0 10px 0 0; width:25px; height:17px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); background-position:0 -50px; }
      /* typeIcon */
      .mInfo.typeIcon > dl > dt { width:350px; }
      .mInfo.typeIcon > dl > dt { padding-left:45px; }
      .mInfo.typeIcon > dl > dt:before { margin:0 20px 0 0; width:80px; height:80px; }
      .mInfo.typeIcon .item1 dt:before { background-position:0 0; }
      .mInfo.typeIcon .item2 dt:before { background-position:-80px 0; }
      .mInfo.typeIcon .item3 dt:before { background-position:-160px 0; }
      .mInfo.typeIcon .item4 dt:before { background-position:-240px 0; }

  /* mLayer */
    .mLayer {top:40px; right:0; }
    .mLayer h2 { font-size:26px; line-height:1; }
    .mLayer button.btnClose { position:absolute; top:30px; right:30px; display:block; padding:0 !important; width:30px !important; height:30px; color:transparent; line-height:0; font-size:0; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s; }
    .mLayer button.btnClose:before, .mLayer button.btnClose:after { position:absolute; display:block; content:""; top:13px; width:100%; height:1px; background:#555; opacity:1; left:0; }
    .mLayer button.btnClose:before { -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    .mLayer button.btnClose:after { -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    .mLayer button.btnClose:hover { padding:0; border-width:1px; -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
    .mLayer .infomation { margin:0 0 30px; font-size:19px; }
    .mLayer .mBox.gDivide { padding:20px 35px; }
    .mLayer .mBrdList .mList { font-size:15px; }
    /* size */
      .mLayer.gSmall { width:480px; }
      .mLayer.gMedium { width:630px; }
      .mLayer.gLarge { width:780px; }
    /* reset */
      .mLayer [class^="btn"].mini.gFlex { width:auto; }
      .mLayer .mBrdList.typeWrite .gCellEmail .fText { width:125px; }
      .mLayer .mBrdList.typeWrite .gCellEmail .mForm.typeSelect { width:132px; }
    /* button */
      .mLayer.gSmall .mButton a[class^="btn"],
      .mLayer.gSmall .mButton button[class^="btn"] { width:197px; height:46px; line-height:46px; }
      .mLayer.gSmall .mButton a[class^="btn"]:hover, .mLayer.gSmall .mButton button[class^="btn"]:hover { line-height:44px; }

  /* 컨설팅 신청 레이어 */
    #layerConsultApply.mLayer.gLarge { width:1003px; }
    .mBrdList.typeList { margin:15px 0 30px; }
    .mBrdList.typeList .link { height:54px; margin:0 0 0 10px; padding:11px 16px 11px 55px; }
    .mBrdList.typeList .link:before { content:""; position:absolute; top:50%; left:16px; width:29px; height:29px; margin-top:-15px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); background-position:0 -300px; }

  /* mMap */
    .mMap { height:440px; }

  /* mPaginate */
    .mPaginate li { min-width:40px; height:40px; font-size:17px; text-align:center; }
    .mPaginate a,
    .mPaginate li strong { min-width:40px; height:40px; line-height:42px; box-sizing:border-box; }
    .mPaginate .prev { margin:0 20px 0 8px; }
    .mPaginate .next { margin:0 8px 0 20px; }

  /* mPoint */
    .mPoint .point { line-height:1; }
    .mPoint .point strong { vertical-align:bottom; }

  /* mProvide */
    .mProvide .visual li:before { content:""; display:block; margin-top:60%; }

  /* mSlide */
    .mSlide .box { width:900px; }
    .mSlide ul.thumbnail { margin-top:30px; }
    .mSlide ul.thumbnail > li { margin:0 0 0 8px; width:100px; height:60px; }
    .mSlide .box .button { margin-top:-30px; width:900px; }
    .mSlide .box .button button { width:60px; height:60px; }
    .mSlide .box .button button:after { width:18px; height:18px; }

  /* mStep */
    .mStep > li:before { width:120px; height:120px; }
    .mStep > li:first-child:before { background-position:0 0; }
    .mStep > li:nth-child(2):before { background-position:0 -120px; }
    .mStep > li:nth-child(3):before { background-position:0 -240px; }
    .mStep > li:nth-child(4):before { background-position:0 -360px; }
    .mStep > li:nth-child(5):before { background-position:0 -480px; }
    .mStep > li:nth-child(6):before { background-position:0 -600px; }
    .mStep > li:nth-child(7):before { background-position:0 -720px; }
    .mStep > li:nth-child(8):before { background-position:0 -840px; }
    .mStep > li:nth-child(9):before { background-position:0 -960px; }
    .mStep .title { font-size:21px; }
    .mStep .desc { font-size:16px; line-height:22px; }
    .mStep .title + .desc { margin-top:10px; font-size:16px; }
    .mStep .desc li { margin:5px 0 0; }
    .mStep [class^="seq"] { z-index:2; position:relative; margin-top:87px; width:120px; height:33px; }
    .mStep .label { margin:0 0 8px; font-size:15px; }
    /* type */
    .mStep.typeVer > li { margin:0 0 30px; padding:0 0 0 120px; height:120px; }
    .mStep.typeVer > li:before { left:0; }
    .mStep.typeVer .box { padding:0 30px; border:1px solid #d5d5d5; border-left-width:0; }
    .mStep.typeVer .box:before { left:50px; bottom:-20px; width:20px; height:10px; border-top:1px dashed #e2e2e2; background:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat; background-position:-200px 0; }
    .mStep.typeVer .box .desc { margin-top:10px; }
    .mStep.typeVer [class^="seq"] { margin-left:-120px }
    .mStep.typeHor > li { padding:0 1%; text-align:center; background:url('//img.cafe24.com/img/soho/head/common/bg_step.gif') no-repeat center 0; }
    .mStep.typeHor.grid2 > li {  width:50%; }
    .mStep.typeHor.grid3 > li {  width:33.33%; }
    .mStep.typeHor.grid6 > li:first-child {  width:33.34%; }
    .mStep.typeHor.grid4 > li {  width:25%; }
    .mStep.typeHor.grid5 > li {  width:20%; }
    .mStep.typeHor.grid6 > li {  width:16.67%; }
    .mStep.typeHor.grid6 > li:first-child, .mStep.typeHor.grid6 > li:nth-of-type(2) { width:16.66%; }
    .mStep.typeHor.grid7 > li {  width:14.29%; }
    .mStep.typeHor.grid7 > li:first-child, .mStep.typeHor.grid7 > li:nth-of-type(2), .mStep.typeHor.grid7 > li:nth-of-type(3) {  width:14.28%; }
    .mStep.typeHor.grid8 > li {  width:12.5%; }
    .mStep.typeHor > li:before { left:50%; margin-left:-60px; }
    .mStep.typeHor > li:after { text-align:center; }
    .mStep.typeHor .box:before { top:48px; right:-10px; width:19px; height:23px; background:#fff url('//img.cafe24.com/img/soho/head/common/sfix_icon.png') no-repeat -250px 0; }
    .mStep.typeHor [class^="seq"] { margin-bottom:20px; }
    .mStep.typeVer.gSeparate > li { height:130px; }
    .mStep.typeVer.gSeparate > li:before { height:100%; }
    .mStep.typeVer.gSeparate .box:before { left:52px; bottom:-19px; border-width:8px 8px 0; }
    .mStep.typeVer.gSeparate .box:after { left:50px; bottom:-20px; border-width:10px 10px 0; }
    /* multiLine */
      .mStep.typeHor.multiLine { margin-right:-5%; margin-bottom:-1px; }
      .mStep.typeHor.multiLine > li { margin:40px 0; padding:0 5%; }
      .mStep.typeHor.multiLine > li:before { overflow:hidden; left:0; margin-left:0; }
      .mStep.typeHor.multiLine > li:nth-child(3n) .box:before { display:none; }
      .mStep.typeHor.multiLine > li:nth-child(3n):after { content:""; display:block; position:absolute; bottom:-52px; left:-762px; width:1850px; height:20px; background:url('//img.cafe24.com/img/soho/head/common/ico_arrow_down.png') no-repeat; background-position: center; }
      .mStep.typeHor.multiLine > li:nth-child(6):after { background-image:url('//img.cafe24.com/img/soho/head/common/ico_arrow_down2.png'); }
      .mStep.typeHor.multiLine > li:nth-child(3n+1):after { content:""; display:block; position:absolute; bottom:-40px; left:-762px; width:1850px; height:0; border-top:1px dashed #e2e2e2; }
      .mStep.typeHor.multiLine > li:last-child:after { display:none; }
      .mStep.typeHor.multiLine > li:nth-child(n+4):nth-child(-n+6),
      .mStep.typeHor.multiLine > li:nth-child(n+10):nth-child(-n+12) { float:right; }
      .mStep.typeHor.multiLine > li:nth-child(n+4):nth-child(-n+6) .box:before,
      .mStep.typeHor.multiLine > li:nth-child(n+10):nth-child(-n+12) .box:before { left:-38px; right:auto; transform: rotate( -180deg ); }
      .mStep.typeHor.multiLine [class^="seq"] { float:left; margin-bottom:0; margin-left:-57px; }
      .mStep.typeHor.multiLine > li .box { height:118px; margin-left:63px; border:solid #d5d5d5; border-width:1px 1px 1px 0; line-height:118px; background:#f9f9f9; }
      .mStep.typeHor.multiLine > li .box:before { right:15px; background-position:-150px -250px; }
      .mStep.typeHor.multiLine > li .box .desc { display:inline-block; width:100%; padding:0 20px; line-height:24px; vertical-align:middle; font-size:20px; text-align:left; }
      .mStep.typeHor.multiLine > li .box .desc .txtLess { font-size:15px; color:#777; }

  /* station */
    .mStep.station { padding-left:90px; }
    .mStep.station:before,
    .mStep.station:after { width:66px; height:80px; padding:19px 0 0; font-size:18px; line-height:24px; }
    .mStep.station:before { top:23%; }
    .mStep.station:after { bottom:17%; }
    .mStep.station > li:after { left:-55px; bottom:-30px; width:26px; }
    .mStep.station > li:nth-child(3):after,
    .mStep.station > li:last-child:after { bottom:0; }

  /* mTab */
    .mTab { border-bottom:1px solid #555; }
    .mTab li a { font-size:16px; white-space:nowrap; }
    .mTab.grid2 ul > li { width:50%; }
    .mTab.grid4 ul > li { width:25%; }
    .mTab.grid5 ul > li { width:20%; }
    .mTab.grid6 ul > li { width:16.66%; }
    .mTab.grid7 ul > li { width:14.28%; }
    .mTab.grid8 ul > li { width:12.5%; }
    .mTab.grid9 ul > li { width:11.11%; }
    .mTab.grid10 ul > li { width:10%; }
    .mTab.grid10 li a { font-size:14px; }
    .mTab li { border-bottom-width:0; }
    .mTab[class*="type"] { border-bottom:0; }
    .mTab[class*="type"] li { border-bottom-width:1px; }
    /* typeSub */
      .mTab.typeSub ul:before { content:""; display:block; position:absolute; bottom:0; left:0; width:100%; margin:0 0 0 -1px; border-bottom:1px solid #474c5b; }
      .mTab.typeSub li.selected { color:#000; background:#fff; border-width:1px 1px 0 1px; margin:-1px 0 0 -1px; }
      .mTab.typeSub li.selected:before,
      .mTab.typeSub li.selected:after { content:none; display:none; }
      .mTab.typeSub li.selected a { padding:13px 5px 12px; color:#000; }
    /* typeToggle */
      .mTab.typeToggle .heading { display:none; }
      .mTab.typeToggle.eToggle .content { display:block; }

  /* mThumbList */
  .mThumbList .thumbnail img { -webkit-transition:1.2s; -moz-transition:1.2s; -o-transition:1.2s; transition:1.2s; }
  .mThumbList li:hover .thumbnail img { -webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); transform: scale(1.05, 1.05); }
  .mThumbList .info { padding:20px 20px 20px 28px; border-top:1px solid #d5d5d5; font-size:15px; }
  .mThumbList .info .title { font-size:21px; }
  .mThumbList .info .desc { margin-top:10px; font-size:16px; line-height:22px; }
  .mThumbList .info .date { margin-top:14px; }
  .mThumbList .info .hit { bottom:20px; }

  /* mTitle */
  .mTitle { margin:0 0 20px; padding:50px 0 0; }
  .mTitle h2 { font-size:26px; color:#263238; }
  .mTitle h3 { font-size:21px; }

  /* mVision */
  .mVision .info { width:50%; }
  .mVision .thumbnail { height:225px; }

  .mTerms.typeFrame .content { overflow:hidden; }

  /* reserveArea */
  .reserveArea { display:flex; flex-direction:row-reverse; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:flex-start; }
  .reserveArea .select { flex-basis:auto; width:100%; margin:0 0 20px; }
  .reserveArea .select .mForm.typeSelect { width:213px; }
  /* mReserve */
  .mReserve { width:573px; }
  .mReserve .date { padding:12px 0; font-size:20px; font-weight:bold; }
  .mReserve .reserve { margin:0 0 30px; }
  .mReserve dd { margin:10px 0; padding:0 20px; }
  .mReserve dd .time { margin:0 10px 0 0; font-size:17px; }
  .mReserve a.btnNormal.icoMore { width:100%; }
  .mReserve .btnPrimary.mini.gFlex { height:36px; line-height:36px; }
  .mReserve .btnPrimary.mini.gFlex:hover { height:34px; line-height:32px; }
  .mReserve .btnPrimary.mini.gFlex.disabled:hover { height:36px; line-height:36px; }
  .mReserve .empty { margin:0 0 20px; padding:200px 0; font-size:24px; }
  .mReserve .consult { width:175px; }
  .mReserve .branch { width:149px; margin:0 5px 0 3px; font-size:17px; }

  /******************** page ********************/
  /* 메인 */
    .main .visual .slide li { overflow:hidden; }
    .main .visual .slide img { width:100%; max-width:none; }
    .main .cafe24Area .counter li { padding:0 10px 0 35px; font-size:29px; border-left:1px solid #dbdbdb; }
    .main .programArea { background:url('//img.cafe24.com/img/soho/head/main/bg_program.jpg') no-repeat center top; background-size:cover; }
    .main .programArea .service { width:760px; margin:0 auto; }
    .main .programArea .service li a { padding:10px 0 20px; font-size:21px; -webkit-transition:background-color 0.3s; -moz-transition:background-color 0.3s; -o-transition:background-color 0.3s; transition:background-color 0.3s; }
    .main .programArea .service li a:before { width:100px; height:90px; -webkit-transition: 0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
    .main .successArea .shop { max-width:1090px; margin:0 auto; }

  /* 서비스 이용하기(serviceArea) */
    /* 비즈니스 서비스 */
      .mBusiness > li { margin-bottom:20px; padding:0 0 0 120px; height:120px; }
      .mBusiness > li:before { top:0; width:120px; height:120px; }
      .mBusiness > li.item1:before { background-position:0 0; }
      .mBusiness > li.item2:before { background-position:-120px 0; }
      .mBusiness > li.item3:before { background-position:-240px 0; }
      .mBusiness > li.item4:before { background-position:-360px 0; }
      .mBusiness > li.item5:before { background-position:-480px 0; }
      .mBusiness > li.item6:before { background-position:0 -120px; }
      .mBusiness > li.item7:before { background-position:-120px -120px; }
      .mBusiness .title { margin:0 0 10px 30px; font-size:21px; }
      .mBusiness .desc { margin:0 0 0 30px; font-size:15px; }
    /* 사입서비스 */
    .serviceArea.purchase .mThumbList .info { padding-right:0; }
    /* 1:1 컨설팅 */
      #layerService { height:640px; }
      #layerService .mBrdList .empty { padding:182px 0; }
    /* 모델 섭외 서비스 */
      .modelList.grid6 > li { margin:0 0 60px; width:16.66%; }
      .modelList .code { margin:15px 0 0; }
      .modelForm .btnIcon.icoCal { margin:0 0 0 10px; }
      .serviceArea.modelForm .mTitle .gMerge { bottom:-10px; font-size:17px; }

  /* 전국센터안내 */
    .centerInfoArea.infoDetail .tabContent { z-index:2; position:relative; margin-top:-1px; border:1px solid #4a505b; }
    .centerInfoArea.infoDetail .tabContent + .mButton { margin:40px 0 90px; }

  /* 입주 문의하기(inquiryArea) */
    /* 공지사항 */
      .inquiryArea.notice .mSearch fieldset { width:550px; }
      .inquiryArea.notice .mSearch .mForm.typeSelect { width:24%; }
      .inquiryArea.notice .mSearch .mForm.typeSearch { width:45%; }

  /* 지점 */
    /* 주소록 */
      #layerAddressBook { width:840px; }
      #layerAddressBook .mBrdList.addressList { min-height:281px; max-height:281px; }
      #layerAddressBook .mPaginate { margin:30px 0 0; }
    /* 메인 */
      .main .locationArea .centerInfo { max-width:1090px; margin:0 auto; }
      .main .locationArea .centerInfo .mTitle h3 { font-size:26px; }
    /* 회원전용서비스 */
      .memberArea > .mTab { margin:60px 0 0; }
      /* 나의 데스크 사용 관리 */
        .memberArea.mydesk .mBrdList.typeTransform [class^="btn"] { margin:10px 0; }
        .memberArea.mydesk .mBrdList.typeTransform [class^="btn"] + [class^="btn"] { margin-top:0; margin-left:0; }
      /* 스튜디오 예약관리 */
        .memberArea.studioBook .desc { margin:30px 0; }
        .memberArea.studioBook .mTab.typeSub { margin:50px 0; }
        .memberArea.studioBasket .mBrdList.typeTransform .timeTable { margin:-18px 0; }
        .memberArea.studioBasket .mBrdList.typeTransform .timeTable li { overflow:hidden; border-top:1px solid  #e2e2e2; }
        .memberArea.studioBasket .mBrdList.typeTransform .timeTable li:first-child { margin:0; border-top-width:0; }
        .memberArea.studioBasket .mBrdList.typeTransform .timeTable .time { float:left; padding:9px 0 9px 20px; width:60%; text-align:left; line-height:36px; box-sizing:border-box; }
        .memberArea.studioBasket .mBrdList.typeTransform .timeTable .btnBox {  float:right; padding:9px 0; width:40%; text-align:center; border-left:1px solid #e2e2e2; box-sizing:border-box; }
        .memberArea.studioOrder .mBrdList.typeTransform .timeTable li { padding-top:18px; }
        .memberArea.studioOrder .mBrdList.typeTransform .timeTable li:first-child { padding-top:0; }
        .memberArea.studioOrder .mBox { padding:18px 20px; }
        .memberArea.studioOrder .mBox .title { margin:0 50px 0 0; font-size:19px; }
        .memberArea.studioOrder .mBrdArea .typeBody { max-height:360px; }
        .memberArea.studioOrder .mBrdArea .kind { width:200px; }
        .memberArea.studioPay .mBrdList.typeTransform .timeTable li { margin:10px 0 0; border-top:0; }
      /* 	입주자 컨설팅 관리 */
      .memberArea.consult .mBrdList.typeWrite .mForm.typeSelect { width:45%; }
      /* 	택배신청 */
      .memberArea.deliveryApply .mCtrl.typeButton { margin-top:-30px; }
      .memberArea.deliveryApply .mList + .mCtrl { margin-top:10px; }
        /* 묶음배송설정 레이어 */
        #layerBundleDelivery { width:900px; }
        #layerBundleDelivery .mBox.gDivide fieldset { width:680px; margin:0 auto; }
        #layerBundleDelivery .mBox.gDivide .left { width:28%; padding:0 20px 0 0; }
        #layerBundleDelivery .mBox.gDivide .right { width:72%; padding:0 0 0 20px; }
        #layerBundleDelivery .mBox.gDivide .txtInfo { font-size:17px; margin:0 5px 0 0; }
        #layerBundleDelivery .mBox.gDivide [class*="btn"] { margin:0 5px 0 15px; }
        #layerBundleDelivery .mBrdArea .typeBody { max-height:300px; }
        #layerBundleDelivery .mCtrl { margin-bottom:10px; }
        #layerBundleDelivery .mCtrl .txtInfo { color:#263238; }
      /* 택배 신청내역 */
        /* 반품신청 레이어 */
        #layerReturnApply { width:860px; }
      /* 오픈마켓 */
      .memberArea.deliveryOpenmarket .mCtrl.typeButton { margin-top:-50px; }
      .memberArea.deliveryOpenmarket .mBrdList.typeWrite + .mList { margin-bottom:-20px; }
      /* 회원정보관리 */
      #layerWithdraw .info { margin:0 0 20px; font-size:16px; text-align:center; }
    /* 가맹 문의 */
      /* 창업센터 가맹문의 */
      .franchiseeArea.intro .mStep.typeHor.multiLine > li:first-child .box:before { background-position:-150px -250px; }
      .franchiseeArea.intro .mStep.typeHor.multiLine > li:nth-child(2) .box:before { background-position:-150px -250px; }
      .franchiseeArea.intro .mStep.typeHor.multiLine > li:nth-child(3) .box:before { background-position:-150px -250px; }
      .franchiseeArea.intro .mStep.typeHor.multiLine > li:nth-child(4) .box:before { background-position:-200px -250px; }
      .franchiseeArea.intro .mStep.typeHor.multiLine > li:nth-child(5) .box:before { background-position:-200px -250px; }
      .franchiseeArea.intro .mStep.typeHor.multiLine > li:nth-child(6) .box:before { background-position:-200px -250px; }
      .franchiseeArea.intro .mStep.typeHor.multiLine > li:nth-child(7) .box:before { background-position:-250px -250px; }
      .franchiseeArea.intro .mStep.typeHor.multiLine > li:nth-child(8) .box:before { background-position:-250px -250px; }
      .franchiseeArea.intro .mStep.typeHor.multiLine > li:nth-child(9) .box:before { background-position:-250px -250px; }
      .franchiseeArea.intro .mButton.gRight { margin:40px 0; text-align:right; }
      .franchiseeArea.intro .mButton.gRight .btnBox.tel { width:210px; }
      .franchiseeArea.intro .mButton.gRight .btnBox.link { width:270px; }
      .franchiseeArea.intro .mThumbList .thumbnail { position:relative; }
      .franchiseeArea.intro .mThumbList .thumbnail img { position:absolute; left:50%; margin-left:-150px; width:auto; max-width:none; max-width: 150%;  }
      .franchiseeArea.intro .mThumbList .info { height:130px; padding:20px 10px; text-align:center; }
}