@charset "utf-8";

/* ********************All Device******************** */

.txtIcon { font-family:dotum; }

/* mTab */
  .mTab ul { position:relative; }
  .mTab ul:before { z-index:1; display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#585e6a; }
  .mTab ul:after { display:block; content:""; clear:both; }
  .mTab li { float:left; text-align:center; }
  .mTab li a { display:block; position:relative; background:#f9f9fa; }
  .mTab .selected a { z-index:1; border-color:#585e6a; font-weight:bold; background:#fff; }
  /* mTab grid */
  .mTab.grid2 li { width:50%; }

/* mCtrl */
  .mCtrl { padding:0 10px 10px; color:#777; }
  .mCtrl:after { display:block; content:""; clear:both; }
  .mCtrl .gLeft { float:left; }
  .mCtrl .gRight { float:right; }

/* mBrdList  */
  .mBrdList { border-top:2px solid #585e6a; border-bottom:1px solid #585e6a; }
  .mBrdList thead th { text-align:center; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#f9f9fa; }
  .mBrdList thead th:first-child { border-left:0; }
  .mBrdList tbody tr th,
  .mBrdList tbody tr td { border-top:1px solid #d0d0d0; }
  .mBrdList tbody tr:first-child th,
  .mBrdList tbody tr:first-child td { border-top:0; }
  .mBrdList tbody tr td:first-child { border-left:0; }
  .mBrdList th,
  .mBrdList td { vertical-align:middle; }
  .mBrdList td { border-left:1px solid #d0d0d0; }
  .mBrdList [rowspan] { border-right:1px solid #d0d0d0; }
  .mBrdList th:last-of-type { border-right:0; }
  .mBrdList tbody tr th + th { border-left:1px solid #d0d0d0; }
  .mBrdList .empty { text-align:center; }
  .mBrdList .subject { width:auto; }
  /* 정렬 */
  .mBrdList .left { text-align:left !important; }
  .mBrdList .center { text-align:center !important; }
  .mBrdList .right { text-align:right !important; }
  .mBrdList .top { vertical-align:top !important; }
  /* mBrdList typeList */
  .mBrdList.typeRow tbody tr th { background:#f9f9fa; }
  /* mBrdList > toggleArea */
  .mBrdList .toggleArea td { display:none; }
  .mBrdList tr.toggleArea.show td { display:table-cell; padding:0; }
  .mBrdList tr.toggleArea.show > td { border-top:1px solid #3d81d6; }
  .mBrdList tr.selected + .toggleArea + tr td { border-top:1px solid #3d81d6; }
  .mBrdList .toggleArea .content,
  .mBrdList .toggleArea .content td { text-align:left; }
  .mBrdList .toggleArea .content td { border-collapse:collapse; }
  .mBrdList .toggleArea .content table { border:solid #d0d0d0; border-width:1px 1px 1px 0; }
  .mBrdList .toggleArea .content td:first-child { border-left:1px solid #d0d0d0; }
  .mBrdList .toggleArea .content .mButton { margin:0; }
  .mBrdList .toggleArea .answer { position:relative; border-top:1px solid #d6d6d6; color:#5089f0; text-align:left; background:#ebf2fd; }
  .mBrdList .toggleArea .answer .title { overflow:hidden; position:absolute; text-indent:120%;  white-space:nowrap; }
  .mBrdList .favor,
  .mBrdList .discount { color:#a1a1a1; }
  .mBrdList .discount strong { display:block; color:#444; font-weight:normal; }

/* mBrdWrite */
  .mBrdWrite .agree { display:block; }

/* mList */
  .mList { color:#777; }
  p.mList,
  .mList li { position:relative; }
  p.mList:before,
  .mList li:before { position:absolute; top:0; left:0; display:block; content:"-"; }
  /* mBrd mList */
  [class*="mBrd"] p.mList:before,
  [class*="mBrd"] .mList li:before { position:absolute; top:0; display:block; content:"·"; }
  /* mList.typeMore */
  .mList.typeMore { color:#444; }
  /* mList.typeNone */
  p.mList.typeNone,
  .mList.typeNone li { padding:0; }
  p.mList.typeNone:before,
  .mList.typeNone li:before { display:none; }
  /* mBrd mList.typeMore */
  [class*="mBrd"] p.mList.typeMore:before,
  [class*="mBrd"] .mList.typeMore li:before { content:"-"; }

/* mCustom */
  .mCustom { position:relative; }
  .mCustom .dt {  line-height:1.5;}
  .mCustom .info { color:#777; }
  .mCustom a.txtEm { font-weight:bold; }

/* mButton */
  .mButton { margin:10px 0; text-align:center; }
  span.mButton { display:inline-block; margin:0; }
  .mButton a,
  .mButton button { box-sizing:border-box; display:inline-block; border-radius:2px; font-weight:bold; text-align:center; vertical-align:top; cursor:pointer; }
  /* mButton Style */
  .mButton .btnEm { border:1px solid #3f80ef; color:#3f80ef; }
  .mButton .btnNormal { border:1px solid #d0d0d0; color:#777; font-weight:normal; }
  .mButton .btnStrong { color:#fff; background:#3d81d6; transition:background 1s; -webkit-transition:background 1s; }
  .mButton .btnStrong:hover { background:#e74b45; }

/* mForm */
  .mForm { position:relative; }
  /* mForm typeSelect */
  .mForm.typeSelect { height:28px; }
  .mForm.typeSelect span { position:absolute; top:0; left:10px; height:28px; line-height:28px; }
  .mForm.typeSelect select { width:100%; height:100%; opacity:0; filter:alpha(opacity=0); cursor:pointer; }
  .mForm.typeSelect:after { display:block; content:''; position:absolute; top:10px; height:7px; }
  /* mForm typeText */
  .mForm.typeText { height:28px; }
  .mForm.typeText input { width:100%; height:100%; border:0; text-indent:10px; background:#f9f9f9; box-sizing:border-box; }
  .mForm.typeText button { position:absolute; top:0; right:0; height:28px; color:transparent; font-size:0; white-space:nowrap; }
  .mForm.typeText button:after { display:block; content:''; position:absolute; top:5px; right:10px; }
  /* mForm typeTextarea */
  .mForm.typeTextarea textarea { width:100%; height:100%; border:0; font-family:'Nanum Gothic',Helvetica,Arial,sans-serif; background:#f9f9f9; }
  .mForm.typeTextarea,
  .mForm.typeSelect,
  .mForm.typeText { border-width:1px; border-style:solid; background-color:#f9f9f9; }
  /* mForm typeFile */
  .mForm.typeFile { overflow:hidden; }
  .mForm.typeFile label.btnFile { display:inline-block; margin:0 2px 0 0; width:81px; height:30px; border-radius:2px; line-height:30px; font-weight:bold; color:#fff; vertical-align:top; text-align:center; background:#585e6a; cursor:pointer; }
  .mForm.typeFile input[type="file"] { position: absolute; top: -100%; left: -100%; width: 100%; height: 30px; cursor: pointer; opacity: 0; filter:alpha(opacity=0); }
  .mForm.typeFile .name { height:28px; border:1px solid #b3bbc1; line-height:28px; text-indent:8px; border-radius:0; box-shadow:0 0; }
  .mForm.typeFile button { position:absolute; right:0; width:38px; color:transparent; font-size:0; white-space:nowrap; }
  .mForm.typeFile button:after { display:block; content:''; position:absolute; width:10px; height:10px; }
  /* mForm typeTerm */
  .mForm.typeTerm { overflow-y:auto; border-width:1px; border-style:solid; }
  .mForm.typeTerm strong { display:block; font-weight:normal; }
  .mForm.typeTerm .mList { padding:0; color:#303030; }
  .mForm.typeTerm .mList li { margin:0; }
  .mForm.typeTerm p { position:relative; }
  .mForm.typeTerm p:after { content:'※'; position:absolute; top:0; left:0; }
  /* fCheck */
  .fCheck { display:inline-block; position:relative; }
  .fCheck input { z-index:-1; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); cursor:pointer; }
  .fCheck:after { display:block; content:''; position:absolute; top:1px; left:0; }
  /* fRadio */
  .fRadio { display:inline-block; position:relative; }
  .fRadio input { z-index:-1; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); cursor:pointer; }
  .fRadio:after { display:block; content:''; position:absolute; top:1px; left:0; }

/* mPaginate */
  .mPaginate { margin:12px 0; }
  .mPaginate { font-size:0; line-height:0; text-align:center; }
  .mPaginate a,
  .mPaginate strong { display:inline-block; border-radius:2px; font-weight:bold; vertical-align:top; text-decoration:none; }
  .mPaginate ol,
  .mPaginate li { display:inline-block; }
  .mPaginate strong { color:#fff; background:#3d81d6; }
  .mPaginate .prev,
  .mPaginate .next,
  .mPaginate .first,
  .mPaginate .last { overflow:hidden; position:relative; border:1px solid #d8d9dc; font-size:0; line-height:0; }
  .mPaginate .prev:after,
  .mPaginate .next:after,
  .mPaginate .first:after,
  .mPaginate .last:after { display:block; content:''; position:absolute; width:12px; height:10px; }

/* mDivide */
  .mDivide { overflow:hidden; }
  .mDivide .gPartition { float:left; width:50%; padding:0 10px; box-sizing:border-box; }
  .mDivide .gPartition:first-child { padding:0; }
  .mDivide .mButton { padding:0 0 0 10px; text-align:left; }

/* mProcess */
  .mProcess > ol > li .step { display:block; line-height:1.2; color:#3d81d6; }
  .mProcess > ol > li .step .num { display:block; color:#585e6a; line-height:1; }
  .mProcess dl { display:table-cell; vertical-align:middle; }
  .mProcess dt { font-weight:bold; color:#464646; }
  .mProcess dd { position:relative; color:#777; }
  .mProcess dd:after { content:''; position:absolute; left:0; border-radius:100%; background:#777; }

/* mFeature */
  .mFeature .title { display:block; color:#444; }
  .mFeature .summary { display:block; color:#777; }
  .mFeature .desc { color:#444; }
  .mFeature .details ul li,
  .mFeature .details p { position:relative; }
  .mFeature .details .info li:after,
  .mFeature .details .list li:after,
  .mFeature .details p.info:after { content:''; position:absolute; left:0; border-radius:100%; }
  .mFeature .details .list li:after {  background:#444; }
  .mFeature .details ul.info li:after,
  .mFeature .details p.info:after { background:#3d81d6; }

/* mIntro */
  .mIntro .list { color:#777; }
  .mIntro .left .list { text-align:left; }

/* mSoho */
  .mSoho { overflow:hidden; }
  .mSoho > li { float:left; }
  .mSoho .box { position:relative; border:1px solid #dcdcdc; }
  .mSoho .box:after { display:block; content:''; position:absolute; }
  .mSoho .title { display:block; }
  .mSoho .txtStep { letter-spacing:-0.04em; }
  .mSoho .txtNum{ color:#50acec; }
  .mSoho .txtGuide { display:block; letter-spacing:-0.02em; }
  .mSoho .list li { position:relative; color:#777; }
  .mSoho .list li:before { display:block; content:''; position:absolute; left:0; background:#585e6a; }
  .mSoho .related { position:absolute; }
  .mSoho .related a,
  .mSoho .guide .btnFaq { position:relative; display:block; border:1px solid #d9d9d9; box-sizing:border-box; box-shadow:0 1px #cacaca; color:#444; background:#f8f8fa; }
  .mSoho .related a:after,
  .mSoho .guide .btnFaq:after { display:block; content:''; position:absolute; }
  .mSoho .guide .btnFaq { position:absolute; left:9px; right:31px; bottom:34px; background:#fff; }
  .mSoho em { display:block; position:relative; color:#bf8f0f; }
  .mSoho em:after { display:block; content:'*'; position:absolute; top:0; left:0; }

/* mBusiness */
  .mBusiness { border-top:2px solid #585e6a; }
  .mBusiness h2 { text-align:center; }
  .mBusiness p { color:#777; text-align:center; }
  .mBusiness ul { overflow:hidden; }
  .mBusiness li { float:left; color:#777; text-align:center; }
  .mBusiness li strong { display:block; color:#464646; }

/* mPartner */
  .mPartner > li { overflow:hidden; border-bottom:1px solid #dcdcdc; color:#777; }
  .mPartner .thumb { border:1px solid #d0d0d0; }
  .mPartner .txtEm { display:block; font-weight:bold; }
  .mPartner .name { color:#444; }
  .mPartner .url { position:relative; border-bottom:1px solid #777; font-weight:bold; color:#777; }
  .mPartner .url:after { display:block; content:''; position:absolute; }
  .mPartner .info dt { float:left; font-weight:bold; color:#444; text-align:justify; }
  .mPartner .press .bar { color:#d3d3d3; vertical-align:top; }
  .mPartner .press .news { display:inline-block; position:relative; border:1px solid #dadada; color:#444; }
  .mPartner .press .news:after { display:block; content:''; position:absolute; }
  .mPartner .desc { clear:both; }
  .mPartner .desc .knowhow { display:inline-block; border:1px solid #d0d0d0; font-weight:bold; color:#444; }

/* mMerit */
  .mMerit > ul > li li { position:relative; color:#777; }
  .mMerit > ul > li li:after { content:'-'; position:absolute; top:0; left:0; }

/* mLayer */
  .mLayer { z-index:40; position:absolute; left:50%; border:2px solid #585e6a; line-height:1.5; background-color:#fff;
      -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
      -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
      box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);

  }
  .mLayer > h2 { border-bottom:1px solid #d9d9d9; text-align:left; }
  .mLayer > .title { border-bottom:1px solid #686868; text-align:left; background:#6f717a; }
  .mLayer > .title h3 { color:#777; }
  .mLayer .contents { word-wrap:break-word; }
  .mLayer .contents:after { content:" "; display:block; clear:both; }
  .mLayer .contents .mTitle:first-child { margin-top:0; }
  .mLayer .contents .mTitle h4 { font-weight:normal; }
  .mLayer .footer { text-align:center; }
  .mLayer .footer .btnNormal { display:inline-block; border:1px solid #aaa; border-radius:2px; box-sizing:border-box; }
  .mLayer .btnClose { overflow:hidden; position:absolute; text-indent:120%; font-size:0; line-height:0; white-space:nowrap; }

/* mSitemap */
  .mSitemap { float:left; border-bottom:1px solid #ececec; border-right:1px solid #ececec; }
  .mSitemap a:hover { color:#3d81d6; }
  .mSitemap h2:before { content:''; display:block; width:16px; height:2px; margin:0 0 13px 1px; background:#2b2b2b; }
  .mSitemap > ul { overflow:auto; }

/* 고객센터 */
  .customerArea .search { overflow:hidden; }
  .customerArea .search .mForm { float:left; }
  .customerArea .mBrdList td { text-align:center; }
  .customerArea .mBrdList .txtEllipsis { display:block; }
  .customerArea .mBrdList .done { color:#3f80ef; }
  .customerArea .mBrdList .stand { color:#9a9a9a; }
  .customerArea .mBrdList .doing { color:#f75a0a; }
  .customerArea .mBrdList .txtEllipsis { position:relative; text-align:left; }
  .customerArea .mBrdList .txtEllipsis span { overflow:hidden; position:absolute; text-indent:120%; white-space:nowrap; }

/* 마이페이지 */
  /* 마이샵 */
  .myshopArea .mBrdList .btnNormal { color:#444; }
  .myshopArea .mBrdList td { color:#303030; text-align:center; }
  .myshopArea .mBrdList td.id { text-align:left; }
  .myshopArea .mBrdList .live { color:#3f80ef; }
  .myshopArea .mBrdList .mButton { overflow:hidden; }
  .myshopArea .mBrdList .btnNormal { width:100%; }
  .myshopArea .mBrdList .grid2 .btnNormal { float:left; width:49%; }
  .myshopArea .mBrdList .grid2 .btnNormal + a { float:right; }

/* 사이트맵 */
.sitemapArea .section { overflow:hidden; padding:0; }

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

/******************** mobile(portarait) ********************/
@media all and  (max-width:480px) {
  /* grid */
  [class*="grid"] > li,
  [class*="grid"] > ul > li,
  [class*="grid"] > ol > li { width:50% !important; }
  .grid2 > ul > li,
  .mProcess[class*="grid"] > ol > li,
  .mMerit[class*="grid"] > ul > li { width:100% !important; }
}

/* ********************Mobile******************** */
@media all and (max-width:767px) {
  /* common */
    .admng-multi-tempbox,
    .admng-multi-tempbox span > a > img { width:100% !important; }
    .section.emphasis { padding:10px;  background:#f9f9fa; }
    .RMI {  padding-top:5px; display:inline !important; }
    .RMB { display:block !important; }
    .RMIB { display:inline-block !important; }
    .RW { display:none !important; }
    .hideM,
    .video{ display:none; }
    .txtInfo { margin:10px 0 0; padding:0 0 0 15px; font-size:11px; text-align:left; color:#777; background:url("/theme/basic/img/sflex_icon_m.png") no-repeat -225px 1px; background-size:250px auto; }
    .txtLink { position:relative; padding:0 14px 0 0; font-weight:bold; color:#3d81d6; text-decoration: underline; }
    .txtLink:after { position:absolute; display:block; content:""; top:50%; right:0px; margin:-5px 0 0 0; width:10px; height:10px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -100px -75px; background-size:300px auto; }
    .amount { text-align:right !important; }
    .tCellM { display:table; width:100%; height:26px; text-align:center; }
    .tCellM .mForm { display:table-cell; height:26px; }
    .tCellM .mForm span { height:26px; line-height:26px; }

    /* icon */
    em.icoSFIX { overflow:hidden; display:inline-block; vertical-align:middle; color:transparent; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; background-image:url("/theme/basic/img/sfix_icon_m.png"); background-repeat:no-repeat; background-size:300px auto; }
    em.icoSFIX.offer { width:13px; height:11px; background-position:0 -75px; }
    em.icoSFIX.not { width:12px; height:12px; background-position:-25px -75px; }
    em.icoSFIX.warn { width:17px; height:14px; background-position:-50px -75px; }

  /* gWidth - (pc = width-30px) */
    .gWidth { display:inline-block; }
    .gWidth.w80 { width:50px; }
    .gWidth.w110 { width:70px; }

  /* headingArea */
    .headingArea { padding:20px 0 13px; height:auto; border-bottom:2px solid #585e6a; }
    .headingArea h1 { margin:0; line-height:1.0; font-size:15px; color:#444; }
    .headingArea p { display:none; }

  /* section */
    .section { padding:20px 0 0; }

  /* 1단 레이아웃 */
    #container.full { text-align:center; }
    #container.full #contents { position:relative; min-height:430px; }

  /* mTitle */
    .mTitle { margin:0 0 10px; }
    .mTitle h2 { margin:0 0 9px; font-size:15px; }
    .mTitle p,
    .mTitle ul { font-size:12px; line-height:14px; }
    .mSubTitle { margin:20px 0 10px; }
    .mSubTitle h3 { position:relative; padding:0 0 0 8px; font-size:13px; line-height:1; }
    .mSubTitle h3:before { position:absolute; top:3px; left:0; display:block; content:""; width:3px; height:3px; background:#444; }
    .mSubTitle p,
    .mSubTitle ul { margin:9px 0 0 7px; font-size:12px; line-height:14px; }
    h4 { margin:15px 0 9px 7px; font-size:13px; }
    .mSubTitle + .mBrdList + .mBrdList,
    h4 + .mBrdList + .mBrdList { margin:20px 0 0; }

  /* mIntro */
    .mIntro { margin:-20px 0 0; padding:15px 0; border-bottom:1px solid #7f828d; background:#f8f8fa; }
    .mIntro .desc { margin:0 0 10px; padding:0 10px; text-align:center; font-size:14px; }
    .mIntro .desc br { display:inline-block; content:""; width:4px; }
    .mIntro .benefit { padding:0 10px; font-size:0; }
    .mIntro .benefit > li { display:inline-block; vertical-align:top; margin:0 0 10px; width:50%; text-align:center; font-size:12px; }
    .mIntro .benefit > li:before { content:""; display:block; width:98px; height:98px; margin:0 auto 10px; background-repeat:no-repeat; background-size:98px auto; }
    .mIntro .benefit > li:first-child:before { background-position:50% 0; }
    .mIntro .benefit > li:nth-of-type(2):before { background-position:50% -175px; }
    .mIntro .benefit > li:nth-of-type(3):before { background-position:50% -350px; }
    .mIntro .benefit > li:nth-of-type(4):before { background-position:50% -525px; }
    .mIntro .benefit > li:nth-of-type(5):before { background-position:50% -700px; }
    .mIntro .benefit > li strong { display:block; margin:0 0 7px; }
    .mIntro .benefit  .list li { font-size:12px; line-height:15px; }
    .mIntro .left .list { width:85px; margin:0 auto; }
    .mIntro .txtInfo { margin:0 20px; }
    /* mIntro typeBanner */
    .mIntro.typeBanner { padding:15px 10px 20px; }
    .mIntro.typeBanner .desc { padding:0; line-height:17px; }
    .mIntro.typeBanner .desc:after { display:block; content:""; width:170px; height:118px; margin:20px auto 0; background-repeat:no-repeat; background-size:510px auto; }
    .mIntro.typeBanner .desc strong { display:block; margin:0 0 10px; }
    /* mIntro typeVideo */
    .mIntro.typeVideo { padding:15px 10px 20px; }
    .mIntro.typeVideo .desc { margin:0; }
    .mIntro.typeVideo .desc:after { display:block; content:""; width:170px; height:118px; margin:20px auto 0; background-repeat:no-repeat; background-size:510px auto;}
    .mIntro.typeVideo .video { display:none; }

  /* mTab */
    .mTab { padding:0 0 10px; }
    .mTab ul { margin:0 0 0 -10px; border:0; border-bottom:0; }
    .mTab ul:before { display:none; }
    .mTab li { margin:0 0 10px; padding:0 0 0 10px; box-sizing:border-box; }
    .mTab li a { padding:10px 0 10px 0; font-size:11px; border:1px solid #dedede; border-radius:4px; }
    .mTab li a span { display:block; font-size:9px; color:#777; }
    .mTab li.selected a { top:0; margin:0; color:#fff; border:1px solid #585e6a; border-top:1px solid #bdbfc3; border-bottom:1px solid #e2e2e2; background:#585e6a; }
    .mTab li.selected a span { color:#fff; }
    /* mTab.grid2 */
    .mTab.grid2 ul { margin:0; padding:0 0 0 1px; border-bottom:1px solid #585e6a; }
    .mTab.grid2 li { margin:0; padding:0; width:50% !important; font-size:12px; }
    .mTab.grid2 li a { margin:0 0 0 -1px; padding:10px 0 11px; border:1px solid #d6d6d6; border-bottom:0; border-radius:0; }
    .mTab.grid2 li.selected a { margin:0 0 -1px; padding:10px 0 12px; border:1px solid #585e6a; border-width:1px 1px 0; color:#444; background:#fff; }

  /* mProcess */
    .mProcess > ol > li { position:relative; padding:11px 10px 13px; width:100%; min-height:107px; height:107px; border-bottom:1px dashed #d0d0d0; font-weight:bold; box-sizing:border-box; }
    .mProcess > ol > li:last-child { border-bottom:0; }
    .mProcess > ol > li:before,
    .mProcess > ol > li:after  { position:absolute; left:50%; display:block; content:""; height:8px; }
    .mProcess > ol > li:before { bottom:-4px; left:50%; margin:0 0 0 -14px; width:28px; background:#fff; }
    .mProcess > ol > li:after { bottom:-3px; width:8px; margin:0 0 0 -4px; border:1px solid #565659; border-width:0 0 1px 1px;
         transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); }
    .mProcess > ol > li > strong { display:block; width:82px; height:82px; font-size:10px; color:#3d81d6; text-align:center; border:3px solid #969aa3; border-radius:100%; box-sizing:border-box; }
    .mProcess > ol > li:last-child:before,
    .mProcess > ol > li:last-child:after { display:none; }
    .mProcess .step { position:absolute; top:50%; left:10px; margin:-44px 0 0; }
    .mProcess .step .num { margin:14px 0 3px; font-size:20px; }
    .mProcess .desc { padding:0 13px 0 109px; min-height:82px; font-size:15px; color:#444; box-sizing:border-box; }
    .mProcess span.desc { display:inline-block; padding-top:20px; vertical-align:middle; box-sizing:border-box;}
    .mProcess div.desc { display:table; table-layout: fixed; }
    .mProcess div.desc dl,
    .mProcess div.desc ul { display:table-cell; height:82px; vertical-align:middle; }
    .mProcess .desc dt { margin:0 0 5px; font-size:11px; }
    .mProcess .desc dd { padding:0 0 0 7px; font-size:9px; line-height:12px; }
    .mProcess .desc dd:after { top:4px; width:2px; height:2px; }
    /* mProcess .gNoDesc */
    .mProcess.gNoDesc .step .num { display:inline-block; margin-top:27px; width:76px; }
    .mProcess.gNoDesc .step .descM { position:absolute; top:27px; left:0; display:inline-block; margin:0 0 0 100px; width:100%; min-width:180px; text-align:left; color:#444; font-size:15px; }
    /* typeCol */
    .mProcess.typeCol > ol > li { display:table; }
    .mProcess.typeCol .desc { display:table-cell; }
    .mProcess.typeCol span.desc { padding-top:0; word-break:keep-all; }

  /* mList */
    .mList { margin:6px 0 0; font-size:12px; line-height:16px; }
    p.mList,
    .mList li { padding:0 0 0 8px; }
    /* mList.typeMore */
    .mList.typeMore { font-size:10px; }
    /* mList.typeNone */
    .mList.typeNone { padding:0; background:none; }
    /* mBrd mList */
    [class*="mBrd"] .mList { margin:6px 0 0; }
    [class*="mBrd"] p.mList,
    [class*="mBrd"] .mList li { padding:0 0 0 13px; }
    [class*="mBrd"] p.mList:before,
    [class*="mBrd"] .mList li:before { left:6px; }
    /* mSubTitle +  mList */
    .mSubTitle + .mList { margin-left:10px; }

  /* mCtrl */
    .mCtrl { padding:0 7px 7px; font-size:11px; }

  /* mBrdList */
    .mBrdList thead th,
    .mBrdList th { font-size:12px; }
    .mBrdList td { font-size:11px; }
    .mBrdList .left th,
    .mBrdList .left td,
    .mBrdList .center .left { padding:7px 0 7px 10px; }
    .mBrdList .right th,
    .mBrdList .right td,
    .mBrdList .center .right { padding:7px 10px 7px 0; }
    .mBrdList thead th,
    .mBrdList .center th,
    .mBrdList .center td { padding:7px 0; }
    .mBrdList th.center { padding-left:0; }
    .mBrdList .empty { padding:102px 0 53px 0; font-size:9px; background:url("/theme/basic/img/ico_empty_m.png") no-repeat 50% 47px; background-size:40px auto; }
    .mBrdList .subject { width:81%; }
    .mBrdList .state,
    .mBrdList .hit,
    .mBrdList .date { width:24%; }
    .mBrdList .favor:after,
    .mBrdList .discount strong:before { display:inline-block; content:""; margin:0 5px; width:8px; height:4px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -125px -50px; background-size:300px auto; }
    /* mBrdList + attach */
    .mBrdList .attach { display:block; position:relative; margin:6px 0 0; font-size:10px; }
    .mBrdList .attach:before { content:''; display:inline-block; width:6px; height:10px; margin:2px 2px 0 0; vertical-align:top; background:url("/theme/basic/img/sfix_icon_m.png") -100px -50px; background-size:300px auto; }
    .mBrdList .attach em { display:block; padding:6px 0 7px; margin:4px 0 0; border:1px solid #b6bec4; font-size:10px; color:#777; text-indent:6px; }
    /* .mBrdList typeRow */
    .mBrdList.typeRow th { width:92px; }
    /* mBrdList typeRating */
    .mBrdList.typeRating th { background:#fff; }
    .mBrdList.typeRating thead th { border-bottom:1px solid #585e6a; }
    .mBrdList.typeRating th.standard { color:#fff; background:#858992; }
    .mBrdList.typeRating th.premium { color:#fff; background:#585e6a; }
    .mBrdList.typeRating .icon { position:relative; }
    .mBrdList.typeRating .icon:after { position:absolute; display:block; content:""; top:-2px; left:-15px; width:14px; height:15px; background-image:url("/theme/basic/img/sfix_icon_m.png"); background-repeat:no-repeat; background-size:300px auto; }
    .mBrdList.typeRating .standard .icon:after { background-position:-200px -50px; }
    .mBrdList.typeRating .premium .icon:after { background-position:-225px -50px; }
    /* mBrdList toggleArea */
    .mBrdList .toggleArea .content { padding:13px 10px 12px; line-height:13px; }
    .mBrdList .toggleArea .content .title { margin:0 0 3px; font-size:11px; }
    .mBrdList .toggleArea .content .desc { margin:14px 0 15px; }
    .mBrdList .toggleArea .answer { padding:6px 10px 7px 23px; line-height:13px; }
    .mBrdList .toggleArea .answer .title { top:8px; left:10px; width:9px; height:9px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -25px -50px; background-size:300px auto; }
    /* mBrdList + typeFlex */
    .mBrdList.typeFlex { display:block; position:relative; }
    .mBrdList.typeFlex thead { display:block; float:left; width:30%; }
    .mBrdList.typeFlex tbody { display:block; width:auto; position:relative; overflow-x:hidden; white-space:nowrap; }
    .mBrdList.typeFlex tr,
    .mBrdList.typeFlex th,
    .mBrdList.typeFlex td { display:block; position:relative; width:100%; }
    .mBrdList.typeFlex th { border:0; background:#f9f9fa; }
    .mBrdList.typeFlex th,
    .mBrdList.typeFlex td { padding:10px 0; border-top:1px solid #d0d0d0 !important; font-size:12px; }
    .mBrdList.typeFlex td,
    .mBrdList.typeFlex td:first-child { border-left:1px solid #d0d0d0; }
    .mBrdList.typeFlex th:first-child,
    .mBrdList.typeFlex td:first-child { border-top:0; }
    .mBrdList.typeFlex td[colspan="2"] { height:57px; line-height:57px; }
    .mBrdList.typeFlex td[colspan="3"] { height:96px; line-height:96px; }
    .mBrdList.typeFlex td[colspan="4"] { height:135px; line-height:135px; }
    .mBrdList.typeFlex td[colspan="5"] { height:174px; line-height:174px; }
    .mBrdList.typeFlex td[colspan="6"] { height:213px; line-height:213px; }
    .mBrdList.typeFlex td[colspan="7"] { height:252px; line-height:252px; }
    .mBrdList.typeFlex td[colspan="8"] { height:291px; line-height:291px; }
    /* mBoard + mBoard */
    .mBrdList + .mBrdList { margin:10px 0 0; }

  /* mBrdWrite */
    .mBrdWrite { border-top:1px solid #d3d3d3; }
    .mBrdWrite dl { border:1px solid #d3d3d3; border-top:0; }
    .mBrdWrite dt { font-weight:bold; font-size:12px; }
    .mBrdWrite dd { font-size:11px; }
    .mBrdWrite .id { position:relative; padding:0 0 0 9px; }
    .mBrdWrite .id:after { display:block; content:'-'; position:absolute; top:0; left:2px; }
    .mBrdWrite .typeTextarea { height:170px; }
    .mBrdWrite .typeTextarea textarea { font-size:11px; }
    .mBrdWrite .email .typeSelect { width:33.5%; }
    .mBrdWrite .email .typeText { width:29%; }
    .mBrdWrite .phone .mForm { width:30%; }
    .mBrdWrite .agree { padding:0 0 6px; border-bottom:1px dashed #d0d0d0; line-height:14px; }

  /* mButton */
    .mButton { padding:0 36px; }
    span.mButton {  padding:0; }
    .mButton a,
    .mButton button { height:30px; font-size:13px; padding:0 5px; line-height:30px; }
    .mButton.left { padding:0; text-align:left; }
    /* mButton ico */
    .mButton [class*="btn"][class*="ico"] { position:relative; padding:0 24px 0 10px; font-size:10px; }
    .mButton [class*="btn"][class*="ico"]:after { position:absolute; display:block; content:""; background-image:url("/theme/basic/img/sfix_icon_m.png"); background-repeat:no-repeat; background-size:300px auto;}
    .mButton .icoLink:after { top:6px; right:8px; width:6px; height:10px; }
    .mButton .btnStrong.icoLink:after { background-position:-225px 0; }
    .mButton .btnNormal.icoLink:after { background-position:-200px 0; }
    /* mButton size */
    .mButton .tiny { min-width:0; height:20px; padding:0 5px; font-size:10px; line-height:20px; }
    .mButton .small { min-width:61px; height:24px; padding:0 5px; font-size:10px; line-height:24px; }
    /* mButton grid */
    .mButton.grid1 a,
    .mButton.grid1 button { width:100%; max-width:490px; }
    .mButton.grid2 a,
    .mButton.grid2 button { width:49%; max-width:240px; }

  /* mMerit */
    .mMerit > ul { border-left:1px solid #a9a9ac; }
    .mMerit > ul:after { display:block; content:""; clear:both; }
    .mMerit > ul > li { position:relative; float:left; margin:-1px 0 0; min-height:97px; vertical-align:top; border:1px solid #a9a9ac; border-left-width:0; box-sizing:border-box; }
    .mMerit > ul > li strong { display:block; margin:0 0 7px 0; color:#464646; font-size:12px; line-height:1; }
    .mMerit > ul > li p { color:#777; font-size:12px; line-height:1.2; }
    .mMerit > ul > li li { padding:0 0 0 6px; font-size:12px; line-height:14px; }
    .mMerit > ul > li:after { display:block; content:""; position:absolute; top:15px; width:67px; height:67px; vertical-align:top; background-repeat:no-repeat; background-size:67px auto; }
    .mMerit > ul > li:nth-child(odd):after { right:15px; }
    .mMerit > ul > li:nth-child(even):after { left:15px; }
    .mMerit > ul > li.item1:after { background-position:0 0; }
    .mMerit > ul > li.item2:after { background-position:0 -67px; }
    .mMerit > ul > li.item3:after { background-position:0 -134px; }
    .mMerit > ul > li.item4:after { background-position:0 -201px; }
    .mMerit > ul > li.item5:after { background-position:0 -268px; }
    .mMerit > ul > li.item6:after { background-position:0 -335px; }
    .mMerit > ul > li.item7:after { background-position:0 -402px; }
    .mMerit > ul > li.item8:after { background-position:0 -469px; }
    .mMerit > ul > li.item9:after { background-position:0 -536px; }
    .mMerit > ul > li.item10:after { background-position:0 -603px; }
    .mMerit > ul > li strong { display:block; margin:0 0 7px 0; color:#464646; font-size:12px; line-height:1; }
    .mMerit > ul > li p { color:#777; font-size:12px; line-height:1.2; }
    .mMerit > ul > li li { padding:0 0 0 6px; font-size:12px; line-height:14px; }
    /* grid */
    .mMerit[class*="grid"] > ul > li:nth-child(odd) { padding:15px 97px 15px 15px; }
    .mMerit[class*="grid"] > ul > li:nth-child(even) { padding:15px 15px 15px 97px; }
    .mMerit[class*="grid"] > ul > li:nth-child(odd) .mList { margin-right:-76px; }

  /* mEffect */
    .mEffect > div { padding:25px 29px 29px; font-size:10px; border:1px solid #a9a9ac; background-color:#fff; }
    .mEffect .title { font-size:12px; }
    /* gBefore/gAfter */
    .mEffect .gBefore { position:relative; margin:0 0 54px; }
    .mEffect .gBefore:after,
    .mEffect div[class*="g"] > ul > li:before { position:absolute; display:block; content:""; background-image:url("/theme/basic/img/sfix_icon_m.png"); background-repeat:no-repeat; background-size:300px auto; }
    .mEffect .gBefore:after { bottom:-40px; left:50%; margin:0 0 0 -21px; width:42px; height:49px; background-position:-250px -25px; }
    .mEffect h3 { padding:0 0 20px; font-size:14px; text-align:center; text-decoration:underline; border-bottom:1px solid #d6d6d6; }
    .mEffect div[class*="g"] > ul > li { position:relative; padding:8px 0 8px 30px; line-height:1.5; border-bottom:1px solid #d6d6d6; }
    .mEffect div[class*="g"] > ul > li:before { top:50%; left:9px; margin:-10px 0 0; width:13px; height:10px; }
    .mEffect div[class*="g"] > ul > li > span { display:block; }
    .mEffect .gBefore > ul >  li:before { background-position:-200px -25px; }
    .mEffect .gAfter > ul >  li:before { background-position:-225px -25px; }
    .mEffect .detail { padding:13px 15px; }
    .mEffect .detail .cost { display:block; text-align:center; font-size:15px; }
    .mEffect .gBefore .detail .cost {padding:20px 0 0; }
    .mEffect .detail .cost .total { font-size:18px; }
    .mEffect .detail .discount { display:block; margin:15px 0 0; text-align:center; color:#f15a5c; }
    .mEffect .summary { margin:0 auto; padding:10px 0; min-width:220px; text-align:center; font-weight:bold; box-sizing:border-box; }
    .mEffect .gBefore .summary { color:#777; font-size:15px; border:1px solid #d6d6d6; }
    .mEffect .gAfter .summary { color:#3d81d6; font-size:15px; border:2px solid #3d81d6; }
    /* mEffect + grid */
    .mEffect.grid2 > div { margin:-1px 0 0; }
    .mEffect .graph { margin:18px 0 0; text-align:center; }
    /* origin */
    .mEffect .origin { margin:9px 0 0 0; color:#777; font-size:11px; }

  /* mFormality */
    .mFormality { padding:0 10px; }
    .mFormality ol { background-repeat:no-repeat; background-position:right top; }
    .mFormality ol > li { margin:0 115px 0 0; padding:6px 0 0 10px; height:98px; line-height:1.5; box-sizing:border-box; }
    .mFormality ol > li li { list-style-type:disc; }

  /* mTooltip */
    .mTooltip { position:relative; display:inline-block; width:11px; height:11px; vertical-align:middle; text-align:left; font-size:0; color:transparent; }
    .mTooltip .tooltip { display:none; position:absolute; left:50%; top:15px; min-width:280px; text-align:left; font-weight:normal; letter-spacing:normal; border:2px solid #3fa6ee; background-color:#fff; border-radius:5px; box-sizing:border-box;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.26);
           -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.26);
                    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.26);
     }
     .mTooltip .close,
    .mTooltip .edge { position:absolute; background-image:url("/theme/basic/img/sfix_icon_m.png"); background-repeat:no-repeat; background-size:250px auto; }
    .mTooltip .close { right:12px; top:12px; overflow:hidden; width:8px; height:7px; text-indent:120%; white-space:nowrap; font-size:0; color:transparent; background-position:-20px -20px; }
    .mTooltip .edge { left:139px; top:-6px; width:9px; height:6px; font-size:0; line-height:0; background-position:-41px -41px; }
    .mTooltip .content { padding:10px; line-height:1.2; }
    .mTooltip .title { display:block; color:#1c94e7; font-size:10px; word-spacing:-1px; }
    .mTooltip .content .mDesc { margin:10px 0 0;font-size:10px; }
    .mTooltip .icon { position:absolute; overflow:hidden; width:100%; height:100%; text-indent:120%; white-space:nowrap; font-size:0; color:transparent; cursor:pointer; background:url("/theme/basic/img/sflex_icon_m.png") no-repeat -200px -50px; background-size:250px auto; }

  /* mLayer */
    .mLayer { overflow-y:auto; left:0 !important; margin:0 1.5% !important; width:97%; box-sizing:border-box; }
      .mLayer.typeFixed { position:fixed; top:63px !important; bottom:20px; left:0 !important; margin:0 1.5% !important; width:97%; box-sizing:border-box; }
    .mLayer h2 { padding:10px 15px; font-size:15px; line-height:1em; }
    .mLayer .contents { margin:0 0; padding:10px 15px 0; box-sizing:border-box; }
    .mLayer .contents .info { font-size:10px; color:#777; }
    .mLayer .contents .info + .mBrdList,
    .mLayer .contents .mBrdList + .info { margin:5px 0 0; }
    .mLayer .footer { padding:10px 15px; background:#fff; box-sizing:border-box; }
    .mLayer .footer .btnNormal { padding:5px 15px; font-size:10px; }
    .mLayer .btnClose { top:10px; right:15px; width:11px; height:11px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -75px -75px; background-size:300px auto; }

  /* mCustom */
    .mCustom { display:table; padding:15px 0; width:100%; }
    .mCustom .title { position:relative; display:table-cell; width:115px; font-size:15px; line-height:34px; vertical-align:top; text-align:center; }
    .mCustom .title:after { display:inline-block; content:""; margin:0 0 0 10px; width:34px; height:34px; vertical-align:top; background:url("/theme/basic/img/ico_counsel_m.png") no-repeat 0 0; background-size:34px auto; }
    .mCustom p,
    .mCustom ul { display:table-cell; padding:0 0 0 19px; font-size:10px; vertical-align:middle; }
    .mCustom .dt,
    .mCustom .contact { display:inline-block; vertical-align:middle; }
    .mCustom p span,
    .mCustom ul li > span { display:block; }
    /* mCustom typeBorder */
    .mCustom.typeBorder { border-top:1px solid #d0d0d0; }
    /* mProvide */
      .mProvide { position:relative; padding:17px 0 0; border-top:1px solid #d0d0d0; }
      .mProvide .logo { position:absolute; left:0; top:17px; }
      .mProvide em { margin:0 0 0 123px; font-weight:bold; font-size:11px; }
      .mProvide ul,
      .mProvide em { margin:0 0 0 123px; font-size:12px; line-height:1.5; }
      .mProvide em { font-weight:bold; }
      .mProvide a[href*="tel"] { display:inline-block; }
      .mProvide + .mProvide { margin:20px 0 0; }

  /* mSupply */
    .mSupply { display:table; width:100%; padding:15px 0; border-top:1px solid #d0d0d0; }
    .mSupply .logo { display:table-cell; vertical-align:top; width:115px; text-align:center; }
    .mSupply .info { display:table-cell; vertical-align:middle; padding:0 0 0 10px; }
    .mSupply strong { display:block; margin:10px 0 3px; font-weight:bold; font-size:13px; line-height:1.25; }
    .mSupply strong:first-child { margin-top:0; }
    .mSupply dl { font-weight:bold; font-size:12px; line-height:1.25; }
    .mSupply dt { float:left; margin:0 3px 0 0; }
    .mSupply a[href*="tel"] { display:inline-block; font-size:12px; }

  /* mForm */
    .mForm { box-sizing:border-box; border-color:#b4bbc1; }
    /* mForm typeSelect */
    .mForm.typeSelect:after { right:7px; width:11px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat 0 0; background-size:300px auto; }
    /* mForm typeText */
    .mForm.typeText button { width:36px; }
    .mForm.typeText button:after { width:16px; height:16px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat 0 -50px; background-size:300px auto; }
    /* mForm typeFile */
    .mForm.typeFile label.btnFile { display:block; width:100%; height:31px; margin:0 0 8px; font-size:14px; line-height:31px; }
    .mForm.typeFile .name { display:block; width:100%; box-sizing: border-box; font-size:11px; }
    .mForm.typeFile button { bottom:0; height:28px; }
    .mForm.typeFile button:after { top:10px; right:10px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat 0 -25px; background-size:300px auto; }
    /* mForm typeTerm */
    .mForm.typeTerm { width:100%; height:77px; padding:0 8px 13px; font-size:10px; box-sizing:border-box; }
    .mForm.typeTerm strong { margin:9px 0 7px; }
    .mForm.typeTerm p { padding:0 0 0 13px; margin:3px 0; line-height:1.5; }
    .mForm.typeTerm .mList { margin:0 0 0 -6px; }
    /* fCheck */
      .fCheck { min-height:21px; margin:8px 0 0; padding:0 0 0 25px; line-height:21px; }
      .fCheck input { width:20px; height:21px; }
      .fCheck:after { width:20px; height:21px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -150px -25px; background-size:300px auto; }
      .fCheck.selected:after { background-position:-175px -25px; }
    /* fRadio */
      .fRadio { height:16px; margin:8px 22px 0 0; padding:1px 0 0 21px; line-height:16px; }
      .fRadio input { width:16px; height:16px; }
      .fRadio:after { width:16px; height:16px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -100px -25px; background-size:300px auto; }
      .fRadio.selected:after { background-position:-125px -25px; }

  /* mSitemap */
    .mSitemap { width:50%; height:380px; padding:10px; box-sizing:border-box; }
    .mSitemap h2 { margin:0 0 15px; font-size:15px; }
    .mSitemap > ul > li { margin:10px 0; }
    .mSitemap > ul > li > a { font-weight:bold; font-size:13px; line-height:1.5; }
    .mSitemap > ul > li > ul { margin:5px 0 13px; }
    .mSitemap > ul > li > ul li { position:relative; margin:5px 0; padding:0 0 0 4px; }
    .mSitemap > ul > li > ul li:after { content:''; position:absolute; top:4px; left:0; width:2px; height:2px; border-radius:100%; background:#777; }
    .mSitemap > ul > li > ul a { font-size:11px; color:#777; }
    /* grid2 */
      .mSitemap.grid2 { width:100%; }
      .mSitemap.grid2 > ul > li { float:left; width:50% !important; padding:0 0 0 10px; box-sizing:border-box; }
      .mSitemap.grid2 > ul > li:first-child { padding:0; }

  /* mLogin */
    .mLogin { position:absolute; top:50%; left:10px; right:10px; margin:-298px 0 0; padding:0 0 50px; }
    .mLogin h1 { margin:34px 0 0; font-size:18px; }
    .mLogin p { margin:13px 0 0; font-weight:normal; font-size:13px; }
    .mLogin .mButton a { width:122px; font-size:12px; color:#444; letter-spacing:-1px; }
    .mLogin .box { overflow:hidden; display:block; max-width:400px; min-width:300px; height:176px; margin:23px auto 20px; padding:25px 19px; border:6px solid #f6f6f6; box-sizing:border-box; }
    .mLogin label { display:block; position:relative; width:100%; height:28px; margin:0 0 9px; }
    .mLogin strong { position:absolute; top:0; left:10px; font-weight:normal; font-size:12px; line-height:28px; color:#777; }
    .mLogin input { display:block; width:100%; height:100%; border:1px solid #b4bbc1; box-sizing:border-box; font-size:12px; line-height:28px; text-indent:9px; background:#f9f9f9; }
    .mLogin .btnLogin { width:100%; height:31px; margin:10px 0 0; border-radius:3px; box-sizing:border-box; font-weight:bold; font-size:12px; line-height:28px; color:#fff; text-align:center; background:#3d81d6; }
    .mLogin .mButton { padding:0; }
    .mLogin { margin:-215px 0 0; }
    .mLogin + .banner { position:absolute; left:0; bottom:30px; }
    .mLogin + .banner > div { margin:0 auto; text-align:center; }

  /* mHelp */
    .mHelp { margin:30px 0 0; padding:10px 10px 0; font-size:10px; line-height:1.5; border-top:2px solid #585e6a; }
    .mHelp h3 { padding:0 0 5px 14px; background:url("/theme/basic/img/sflex_icon_m.png") no-repeat -225px 4px; background-size:250px auto; }
    .mHelp li { position:relative; padding:0 0 0 9px; color:#777; }
    .mHelp li:before { position:absolute; top:0; left:0; display:block; content:"-"; }
      .mBrdList + .mHelp { margin:0 0 30px; border-top:0; }

  /* mPaginate */
    .mPaginate { height:30px; margin:12px 0; }
    .mPaginate a,
    .mPaginate strong { width:27px; height:27px; border-radius:2px; color:#444; font-size:13px; font-weight:bold; line-height:27px; }
    .mPaginate strong { color:#fff; }
    .mPaginate .prev,
    .mPaginate .next,
    .mPaginate .first,
    .mPaginate .last { width:25px; height:25px; }
    .mPaginate .prev { margin:0 6px 0 3px; }
    .mPaginate .next { margin:0 3px 0 6px; }
    .mPaginate .prev:after,
    .mPaginate .next:after,
    .mPaginate .first:after,
    .mPaginate .last:after { top:8px; background-image:url("/theme/basic/img/sfix_icon_m.png"); background-repeat:no-repeat; background-size:300px auto; }
    .mPaginate .first:after { left:6px; background-position:-75px 0; }
    .mPaginate .prev:after { left:9px; background-position:-100px 0; }
    .mPaginate .next:after { left:9px; background-position:-125px 0; }
    .mPaginate .last:after { left:7px; background-position:-150px 0; }

  /* mSoho */
    .mSoho > li { width:50%; }
    .mSoho .box { height:152px; padding:7px 4px 5px; margin:0 5px 10px; }
    .mSoho .box:after { top:10px; right:10px; width:28px; height:28px; background:url("/img/ec/customer/sfix_soho.gif") no-repeat 0 0; background-size:150px auto; }
    .mSoho .step2:after { background-position:-35px 0; }
    .mSoho .step3:after { background-position:-70px 0; }
    .mSoho .step4:after { background-position:0 -35px; }
    .mSoho .step5:after { background-position:-35px -35px; }
    .mSoho .step6:after { background-position:-70px -35px; }
    .mSoho .step7:after { background-position:-105px -35px; }
    .mSoho .title { margin:0 0 8px 4px; }
    .mSoho .txtStep { font-size:13px; word-spacing:-2px; }
    .mSoho .txtGuide { margin:2px 0 0; font-size:10px; word-spacing:-1px; }
    .mSoho .list { margin:-1px 0 0 5px; }
    .mSoho .list li { padding:0 0 0 5px; font-size:9px; line-height:13px; letter-spacing:-1px; }
    .mSoho .list li:before { top:4px; width:2px; height:2px; }
    .mSoho .related { left:4px; right:4px; bottom:5px; }
    .mSoho .related a { height:21px; margin:2px 0 0; border-radius:3px; font-size:9px; line-height:21px; text-indent:8px; }
    .mSoho .related a:after { top:7px; right:7px; width:4px; height:7px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -175px 0; background-size:300px auto; }
    .mSoho .box.down,
    .mSoho li.guide { display:none; }
    .mSoho em { margin:2px 0 0 4px; padding:0 0 0 7px; font-size:9px; line-height:13px; letter-spacing:-1px; }
    .mSoho.global .step1:after { background-position:0 -70px; }
    .mSoho.global .step2:after { background-position:-35px -35px; }
    .mSoho.global .step3:after { background-position:-35px 0; }
    .mSoho.global .step4:after { background-position:-70px -35px; }
    .mSoho.global .step5:after { background-position:-35px -70px; }
    .mSoho.global .step6:after { background-position:-70px -70px; }
    .mSoho.global .step7:after { background-position:-105px -70px; }
    .mSoho.global .step8:after { background-position:-105px -35px; }

  /* mDesign */
    .mDesign:after { display:block; content:""; clear:both; }
    .mDesign > li { position:relative; float:left; margin:0 0 20px; font-size:10px; }
    .mDesign > li .best { z-index:2; overflow:hidden; display:block; position:absolute; top:0; left:16px; width:18px; height:18px; font-size:0; color:transparent; text-indent:120%; background:url("/img/ec/mobile/ico_best_m.gif") no-repeat 0 0; background-size:18px auto; }
    .mDesign li .thumbnail { display:block; border:1px solid #a9a9ac; }
    .mDesign li .title { display:block; margin:10px 0 7px; color:#777; font-weight:normal; }
    .mDesign li .summary { display:block; min-height:12px; }
    /* .grid */
    .mDesign.grid4 { margin:0 0 0 -16px; }
    .mDesign.grid4 > li { padding:0 0 0 16px; width:50%; box-sizing:border-box; }

  /* mMethod */
    .mMethod { position:relative; width:100%; }
    .mMethod .view { overflow:hidden; }
    .mMethod .view ol { min-height:440px; }
    .mMethod .view li { position:absolute; left:0; top:0; padding:0 20px; width:100%; min-height:440px; text-align:center; box-sizing:border-box; }
    .mMethod .view li .title { font-size:13px; }
    .mMethod .view li .title span { display:inline-block; width:15px; height:15px; line-height:15px; font-size:10px; color:#fff; font-weight:normal; vertical-align:middle; background:url("/theme/basic/img/bg_icon.png") no-repeat 0 0; background-size:15px auto; }
    .mMethod .view li .desc { margin:10px 0; font-size:10px; color:#777; line-height:1.7em; }
    .mMethod .gButton { margin:20px 0; width:100%; text-align:center; }
    .mMethod .gButton ol { overflow:hidden; display:inline-block; position:relative; bottom:0; }
    .mMethod .gButton li { float:left; }
    .mMethod .gButton li button { display:block; margin:0 4px; width:13px; height:13px; background:#bbb; border-radius:100%; }
    .mMethod .gButton li.selected button { background:#3d81d6; }
    .mMethod .gButton button span { overflow:hidden; font-size:0; line-height:0; text-indent:120%; }
    .mMethod .gButton > button { position:absolute; width:38px; height:38px; background:url("/theme/basic/img/sfix_btn_slide_m.png") no-repeat; background-size:90px auto; }
    .mMethod .gButton > button.prev { left:0; background-position:0 0; }
    .mMethod .gButton > button.next { right:0; background-position:-50px 0; }

  /* mShopList */
    .mShopList { text-align:center; }
    .mShopList ul { margin:0 0 0 -2%; font-size:0; }
    .mShopList ul:after { display:block; content:""; clear:both; }
    .mShopList ul li { float:left; margin:0 0 10px 0; padding:0 0 0 10px; box-sizing:border-box; }
    .mShopList ul li .desc { border:1px solid #dcdcdc; }
    .mShopList ul li:hover .desc { border:2px solid #3d81d6; }
    .mShopList ul li:hover .logo { margin-top:-1px; }
    .mShopList ul li .logo { display:block; text-align:center; vertical-align:middle; }
    .mShopList ul li .logo img { height:auto; }
    .mShopList ul li .info { background:#f8f8fa; }
    .mShopList ul li .info .name { display:block; margin:0 0 10px; font-size:12px; }
    .mShopList ul li .info .flag { font-size:0; }
    .mShopList ul li .info .flag span { display:inline-block; margin:0 0 0 2px; width:16px; height:11px; font-size:0; color:transparent; background-image:url("/img/ec/typical/sfix_flag_m.png"); background-repeat:no-repeat; background-size:auto 11px; }
    .mShopList ul li .info .flag span:first-child { margin:0; }
    .mShopList .flag .kr { background-position:0 0; }
    .mShopList .flag .us { background-position:-25px 0; }
    .mShopList .flag .jp { background-position:-50px 0; }
    .mShopList .flag .cn { background-position:-75px 0; }
    .mShopList .flag .tw { background-position:-100px 0; }
    .mShopList .flag .pt { background-position:-125px 0; }
    .mShopList .flag .es { background-position:-150px 0; }

  /* mBox */
    .mBox { padding:15px; border:1px solid #a9a9ac; }
    .mBox.typeNone { padding:0; border:0; line-height:1.4em; }

  /* mAdvertising */
    .mAdvertising > ul { font-size:0; }
    .mAdvertising > ul > li {display:inline-block; margin:0 0 10px; padding:162px 0 0; vertical-align:top; border:1px solid #a9a9ac; box-sizing:border-box; }
    .mAdvertising > ul > li .box { padding:12px 10px; border-top:1px solid #a9a9ac; background:#f8f8fa; }
    .mAdvertising > ul > li .title { display:block; margin:0 0 10px; font-size:12px; }
    .mAdvertising > ul > li .desc { min-height:40px; line-height:1.3; font-size:10px; color:#777; }
    .mAdvertising > ul > li .mButton { margin:10px 0 0; padding:0; text-align:left; }

  /* mFeature */
    .mFeature .details { margin:0 10px; }
    .mFeature .details > li { position:relative; border-top:1px solid #d4d4d4; }
    .mFeature .details > li:after { content:''; position:absolute; left:0; background-repeat:no-repeat; }
    .mFeature .details > li:first-child { border-top:0; }
    .mFeature .title { font-size:12px; }
    .mFeature .summary { margin:3px 0 0; font-size:10px; }
    .mFeature .desc { margin:6px 0 0; font-size:9px; line-height:13px; }
    .mFeature .details ul,
    .mFeature .details p.info { margin:6px 0 0; }
    .mFeature .details ul li,
    .mFeature .details p.info { font-size:9px; line-height:13px; padding:0 0 0 10px; }
    .mFeature .details ul li:after,
    .mFeature .details p.info:after { top:6px; width:2px; height:2px; }
    .mFeature .details .info,
    .mFeature .details .info a{ color:#3d81d6; }
    .mFeature .details .info .more { text-decoration:underline; }
    /* mFeature.typeImgTag */
    .mFeature.typeImgTag li { padding:18px 0 21px; }
    .mFeature.typeImgTag .title { margin:0 0 10px; }
    .mFeature.typeImgTag .summary { padding:0 0 0 124px; min-height:85px; }
    .mFeature.typeImgTag .thumb { position:absolute; top:42px; left:0; display:block; }

  /* mPartner */
    .mPartner .info .txtEm { font-size:11px; }
    .mPartner .info .name { font-size:13px; }
    .mPartner .info .url { margin:0 0 0 14px; font-size:9px; }
    .mPartner .info .url:after { top:3px; left:-11px; width:10px; height:9px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -75px -50px; background-size:300px auto; }
    .mPartner .desc .knowhow { height:14px; padding:0 4px; margin:0 0 6px; border-radius:14px; font-size:10px; line-height:14px; }
    .mPartner .desc p { font-size:10px; }

  /* mFootnote */
    .mFootnote { margin:0 10px; padding:10px  0; border-top:1px solid #585e6a; color:#777; font-size:9px; line-height:1.67; }
    .footnoteBox { position:relative; }
    .footnote { position:absolute; top:-3px; color:#777; font-size:7px; }

  /* mBusiness */
    .mBusiness { margin:-20px 0 0; padding:27px 0 3px; }
    .mBusiness h2 { margin:0 0 5px; font-size:17px; }
    .mBusiness p { font-size:10px; line-height:13px; }
    .mBusiness ul { margin:16px 0 0; }
    .mBusiness li { width:50%; height:68px; padding:55px 0 0; font-size:10px; line-height:13px; background-repeat:no-repeat; background-size:140px auto; }
    .mBusiness li strong { margin:0 0 5px; font-size:12px; }
    .mBusiness.onestop { border-top-width:1px; }
    .mBusiness.onestop ul li { background-image:url("/img/ec/info/sfix_business_onestop_m.gif"); }
    .mBusiness.with li { background-image:url("/img/ec/info/sfix_business_with_m.gif"); }
      .mBusiness li:first-child { background-position:50% 0; }
      .mBusiness li:nth-of-type(2) { background-position:50% -125px; }
      .mBusiness li:nth-of-type(3) { background-position:50% -250px; }
      .mBusiness li:nth-of-type(4) { background-position:50% -375px; }
      .mBusiness li:nth-of-type(5) { background-position:50% -500px; }
      .mBusiness li:nth-of-type(6) { background-position:50% -625px; }

  /* mThumbList */
    .mThumbList > ul > li { box-sizing:border-box; }
    .mThumbList .desc dt { float:left; }
    .mThumbList .frame { display:block; border:1px solid #a9a9ac; text-align:center; background:#fff; }
    .mThumbList .title { display:block; font-size:12px; }
    .mThumbList .desc { margin:7px 0 10px; font-size:10px; line-height:13px; }
    .mThumbList .desc.bullet { margin:10px 0; }
    .mThumbList .desc.bullet li { margin:0 0 3px; }
    .mThumbList .desc.bullet dt, .mThumbList .desc.bullet dd { margin:0 0 3px; }
    .mThumbList .mButton { margin:0; padding:0; }
      /* type */
      .mThumbList.typeVer > ul { overflow:hidden; }
      .mThumbList.typeVer .info { overflow:hidden; margin:-1px 0 0; padding:11px 9px 10px; border:1px solid #a9a9ac; white-space:nowrap; background:#f8f8fa; }
      .mThumbList.typeVer .mButton { text-align:left; }
      .mThumbList.typeHor { margin:-10px 0 25px; text-align:center; }
      .mThumbList.typeHor > ul > li { padding:25px 10px; border-bottom:1px solid #a9a9ac; }
      .mThumbList.typeHor .frame { display:inline-block; min-width:172px; max-width:50%; }
      .mThumbList.typeHor .title { margin:13px 0 0; }
      /* grid */
      .mThumbList [class^="grid"] > li { float:left; }

  /* main */
    .main .section { padding:0; }
    #container.main #contents {  padding:0; background:#d6d6d6; }
    .main #contents .section { margin:0 0 7px; padding:0 0 20px; border-top:1px solid #c0c7d6; border-bottom:1px solid #a1a7b4; background:#fff; }
    .main #contents .section:first-child { border-top:0; }
    .main #contents .section:last-child { margin:0; }
    .main .btnSwipe { padding:10px 0 0; text-align:center; height:auto !important; }
    .main .btnSwipe ol { overflow:hidden; display:inline-block; }
    .main .btnSwipe li { float:left; margin:0 7px 0 0; }
    .main .btnSwipe .circle { display:block; width:8px; height:8px; background:#777; border-radius:100%; }
    .main .btnSwipe .circle span { overflow:hidden; position:absolute; left:0; font-size:0; color:transparent; text-indent:120%; white-space:nowrap; }
    .main .btnSwipe li.selected .circle { background:#4080d7; }
    .main .btnSwipe > button { display:none; }
    .main .view { overflow:hidden; }
    .main .visual .view ul li { position:absolute; left:0; top:0; width:100%; }
    .main .visual .view ul li:first-child { z-index:2; }
    .main .visual li > div { width:100% important; }
      .main .visual.typeDefault { position:relative; padding:0 0 24px; height:100%; }
      .main .visual.typeDefault .default,
      .main .visual.typeDefault .default img { width:100%; max-width:100%; }
      .main .visual.typeDefault .slide { overflow:hidden; position:absolute; top:0; width:100%; height:100%; }
      .main .visual.typeDefault .slide .view { overflow:visible; height:100%; }
      .main .visual.typeDefault .slide .btnSwipe { margin:-24px 0 0; }

    .main .news { overflow:hidden; padding:10px 3px; }
    .main .news ul { margin:0 0 0 -5px; }
    .main .news ul:after { display:block; content:""; clear:both; }
    .main .news ul > li { position:absolute; top:0; padding:0 0 0 10px; width:50%; box-sizing:border-box; }
    .main .news ul > li:first-child { left:0; }
    .main .news ul > li:nth-of-type(2) { left:50%; }
    .main .news ul > li:nth-of-type(3) { left:100%; }
    .main .news ul > li:nth-of-type(4) { left:150%; }
    .main .news ul > li:nth-of-type(5) { left:200%; }
    .main .news ul > li:nth-of-type(6) { left:250%; }
    .main .news ul > li > div { width:auto !important; }
    .main .board { background:#d6d6d6; }
    .main .board h3 { padding:14px 0 14px 7px; font-size:15px; }
    .main .board > div { padding:0 10px; background:#fff; }
    .main .board .notice { position:relative; margin:0 0 7px; border-bottom:1px solid #a1a7b4;}
    .main .board .notice ul { border-top:1px solid #a9a9ac; }
    .main .board .notice li { position:relative; border-bottom:1px solid #d6d6d6; }
    .main .board .notice li:last-child { border-bottom:0; }
    .main .board .notice li a { overflow:hidden; display:block; padding:15px 9px; width:75%; text-overflow:ellipsis; white-space:nowrap; }
    .main .board .notice .more { position:absolute; top:14px; right:10px; padding:5px 17px 5px 0; font-size:11px; }
    .main .board .notice .icoSfix.more:after { position:absolute; display:block; content:""; background-image: url("/theme/basic/img/sfix_icon_m.png"); background-repeat:no-repeat; background-size: 300px auto; }
    .main .board .notice .more:after { top:5px; right:0; width:7px; height:10px; background-position:-125px 0; }
    .main .board .notice .date { position:absolute; top:15px; right:7px; color:#ababab; font-size:11px; }

    .main .board .notice2 { position:relative; margin:0 0 7px; border-bottom:1px solid #a1a7b4;}
    .main .board .notice2 ul { border-top:1px solid #a9a9ac; }
    .main .board .notice2 li { position:relative; border-bottom:1px solid #d6d6d6; }
    .main .board .notice2 li:last-child { border-bottom:0; }
    .main .board .notice2 li a { overflow:hidden; display:block; padding:15px 9px; width:75%; text-overflow:ellipsis; white-space:nowrap; }
    .main .board .notice2 .more { position:absolute; top:14px; right:10px; padding:5px 17px 5px 0; font-size:11px; }
    .main .board .notice2 .icoSfix.more:after { position:absolute; display:block; content:""; background-image: url("/theme/basic/img/sfix_icon_m.png"); background-repeat:no-repeat; background-size: 300px auto; }
    .main .board .notice2 .more:after { top:5px; right:0; width:7px; height:10px; background-position:-125px 0; }
    .main .board .notice2 .date { position:absolute; top:15px; right:7px; color:#ababab; font-size:11px; }	


    .main .board .edu { border-top:1px solid #c0c7d6; }
    .main .board .edu ul { height:70px; }
    .main .board .edu li a { position:relative; display:block; padding:0 0 0 82px; }
    .main .board .edu li img { position:absolute; top:0; left:0; width:70px; }
    .main .board .edu li .title { overflow:hidden; display:block; margin:0 0 10px; height:15px; line-height:15px; text-overflow:ellipsis; white-space:nowrap; }
    .main .board .edu li .desc { display:block; height:43px; font-size:11px; color:#777; line-height:14px; }
    .main .board .edu #sliderEdu-paging { display:none; }
    .main .serviceArea {  }
    .main .serviceArea h2 { padding:24px 0 19px; text-align:center; font-size:15px; line-height:19px; }
    .main .serviceArea h2 strong { display:block; }
    .main .serviceCenter { padding:0 10px; }
    .main .serviceCenter > ul { overflow:hidden; border-top:1px solid #a9a9ac; border-left:1px solid #a9a9ac; }
    .main .serviceCenter > ul > li { float:left; margin:-1px 0 0; padding:14px 10px; width:100%; min-height:95px; vertical-align:top; border:1px solid #a9a9ac; border-left-width:0; background-image:url("/img/ec/main/sfix_serviceCenter_m.gif"); background-repeat:no-repeat; background-size:68px auto; box-sizing:border-box; }
    .main .serviceCenter > ul > li:first-child { background-position:92% 23px; }
    .main .serviceCenter > ul > li:nth-of-type(2) {  background-position:16px -80px; }
    .main .serviceCenter > ul > li:nth-of-type(3) {  background-position:92% -180px; }
    .main .serviceCenter > ul > li:nth-of-type(4) {  background-position:16px -280px; }
    .main .serviceCenter > ul > li:nth-of-type(5) {  background-position:92% -380px; }
    .main .serviceCenter > ul > li:nth-of-type(6) {  background-position:16px -480px; }
    .main .serviceCenter > ul > li:nth-of-type(7) {  background-position:92% -580px; }
    .main .serviceCenter > ul > li:nth-of-type(8) {  background-position:16px -680px; }
    .main .serviceCenter > ul > li:nth-child(odd) { padding-right:98px; }
    .main .serviceCenter > ul > li:nth-child(even) { padding-left:98px; }
    .main .serviceCenter .title { position:relative; display:inline-block; padding:0 14px 0 0; }
    .main .serviceCenter .title:after { position:absolute; top:4px; right:0; display:block; content:""; width:4px; height:7px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -50px -25px; background-size:300px auto; }
    .main .serviceCenter .summary { display:block; margin:5px 0 7px; font-size:10px; }
    .main .serviceCenter .desc { font-size:10px; color:#777; }
    .main .produce { display:none; }
    .main .contact { position:relative; padding:20px 10px 0; }
    .main .contact h2{ position:absolute; left:10px; top:20px; width:102px; text-align:center; font-size:15px; }
    .main .contact h2:after {  position:absolute; top:23px; left:35px; display:block; content:""; width:34px; height:34px; background:url("/theme/basic/img/ico_counsel_m.png") no-repeat 0 0; background-size:34px auto; }
    .main .contact .info { padding:0 0 0 102px; font-size:10px; line-height:17px; }
    .main .contact .info .mainPhone { font-size:15px; color:#3d81d6; }
    .main .adArea, .main .shopArea { display:none; }

 

  /* 고객센터 customerArea */
    .customerArea .search { margin:0 0 8px; }
    .customerArea .search .mForm label { font-size:10px; }
    .customerArea .search .mForm.typeSelect { width:32.6%; margin:0 2.4% 0 0; }
    .customerArea .search .mForm.typeText { width:65%; padding:0 36px 0 0; }
    .customerArea .mBrdList th { padding:0; height:24px; line-height:24px; }
    .customerArea .mBrdList .txtEllipsis { padding:0 29px 0 9px; font-size:11px; }
    .customerArea .mBrdList .txtEllipsis span { top:5px; right:8px; width:10px; height:6px; background:url("/theme/basic/img/sfix_icon_m.png") no-repeat -25px 0; background-size:300px auto; }
    .customerArea .mBrdList .selected .txtEllipsis span { background-position:-50px 0; }
    .customerArea .mBrdList .RW + th,
    .customerArea .mBrdList .RW + td { border-left:0; }
    .customerArea .mBrdWrite dl { padding:14px 9px; }
    .customerArea .mBrdWrite dt { margin:0 0 6px; }

  /* etc */
    /* 사이트 맵 */
    .sitemapArea .section { margin:0 -10px -30px; }

    /* 이용약관 */
    .termArea { overflow-y:scroll; z-index:1; width:100%; background:#fff; }
    .termArea iframe { width:100%; height:100%; min-width:320px; }
}

/******************** mobile(landscape) ********************/
@media all and (min-width:481px) and (max-width:767px) {
  [class*="grid"] > li,
  [class*="grid"] > ul > li,
  [class*="grid"] > ol > li { width:33.3% !important; }
  .mIntro .benefit.grid2 > li,
  .mMerit.grid2 > ul > li,
  .main .serviceCenter > ul > li{ width:50% !important; }
  .mAdvertising.grid2 > ul { margin-left:-1%; }
  .mAdvertising.grid2 > ul > li { margin-left:1%; width:49% !important; }
  .mMerit.grid3 > ul > li,
  .mProcess[class*="grid"] > ol > li { width:100% !important; }
   .mMerit.grid2 > ul > li p br { display:inline-block; content:""; width:2px; }
  /* main */
  .main .serviceCenter > ul > li { height:122px; }
  .main .serviceCenter > ul > li:nth-child(odd) { padding-right:87px; }
  .main .serviceCenter > ul > li:nth-child(even) { padding-left:87px; }
  .main .serviceCenter > ul > li br { display:none; }
  .main .serviceCenter > ul > li .title,
  .main .serviceCenter > ul > li .summary { margin:0 0 5px; }
 
}

/******************** Tablet ********************/
@media all and (min-device-width:768px) and (max-device-width:1024px) {
  .video { display:none; }
  /* mIntro typeVideo */
    .mIntro.typeVideo { padding:40px 0 40px 220px; }
    .mIntro.typeVideo .desc { margin:0; padding:0; text-align:left; }

  /* 쇼핑몰센터 infoArea */
      .infoArea .mIntro.typeVideo { background-image:url("/img/ec/info/sfix_intro_video_m.gif"); background-repeat:no-repeat; background-size:150px auto; }
    /* 글로벌 쇼핑몰 */
      .infoArea.global .mIntro.typeVideo { background-position:35px 35px; }
      .infoArea.global .mIntro.typeVideo .desc { padding:20px 0; }
    /* 모바일 쇼핑몰 */
      .infoArea.mobile .mIntro.typeVideo { background-position:35px -275px; }
}

/******************** Tablet & Desktop ********************/
@media all and (min-width:768px) {
  /* common */
    input[type="text"], input[type="file"] { border:1px solid #cbcbcb; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
    input[type="file"] {}
    a[href^="tel"] { cursor:default; pointer-events: none; }
    select { border:1px solid #cbcbcb; padding:0 0 0 10px; height:35px; line-height:35px; outline:0; font-family:'Nanum Gothic'; font-size:14px; }
    .RMI, .RMB, .RMIB { display:none !important; }
    .section { position:relative; padding:20px 20px 150px; }
    .section.emphasis { margin:30px 0 0; padding:20px 29px 60px;  background:#f9f9fa; }
    .amount { text-align:right !important; }
    .txtInfo { margin:10px 0 0; padding:0 0 0 25px; line-height:1.8; text-align:left; font-size:12px; color:#777; background:url("/theme/basic/img/sflex_icon.png") no-repeat -450px 0; }
    .txtLink { position:relative; padding:0 16px 0 0; font-weight:bold; color:#3d81d6; text-decoration: underline; }
    .txtLink:after { position:absolute; display:block; content:""; top:50%; right:0px; margin:-5px 0 0 0; width:12px; height:12px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -250px -150px; }
    .video { width:846px; height:468px; }

    /* .mBrdList + txtInfo */
    .mBrdList + .txtInfo { margin-left:10px; }

    .gWidth { display:inline-block; }
    .gWidth.w80 { width:80px; }
    .gWidth.w110 { width:110px; }
    .tCellM { display: inline-block; }

    /* icon */
    .icoSfix, em.icoSFIX { display:inline-block; vertical-align:middle; background-image:url("/theme/basic/img/sfix_icon.png"); background-repeat:no-repeat; }
    .icoSfix span, em.icoSFIX { overflow:hidden; color:transparent; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; }
    em.icoSFIX.offer { width:15px; height:13px; background-position:0 -150px; }
    em.icoSFIX.not { width:13px; height:13px; background-position:-50px -150px; }
    em.icoSFIX.warn { width:23px; height:20px; background-position:-100px -150px; }

  /* headingArea */
    .headingArea { padding:44px 10px 0 10px; height:75px; border-bottom:1px solid #d7d7d7; }
    .headingArea h1 { margin:0 0 5px; line-height:1.5; font-size:25px; color:#3d81d6; }
    .headingArea p { line-height:1.0; font-size:16px; color:#777; }

  /* mTitle */
    .mTitle { margin:1px 0 20px; }
    .mTitle h2 { line-height:1; font-size:26px; }
    .mSubTitle { margin:30px 0 20px; padding:0 0 0 10px; }
    .mSubTitle h3 { position:relative; padding:0 0 0 14px; font-size:22px; line-height:1; font-weight:normal; }
    .mSubTitle h3:before { position:absolute; top:8px; left:0; display:block; content:""; width:4px; height:4px; background:#444; }
    h4 { margin:30px 25px 15px; font-size:20px; font-weight:normal; }
    .mSubTitle + h4 { margin-top:20px; }
    .mTitle p, .mTitle ul, .mSubTitle p, .mSubTitle ul { color:#777; font-size:14px; line-height:1.4; }
    .mTitle p, .mTitle ul { padding:10px 0 0; }
    .mSubTitle p, .mSubTitle ul { padding:20px 14px 0; }

  /* mIntro */
    .mIntro { margin:-50px -29px 0; padding:40px 29px 30px; text-align:center; border-bottom:1px solid #7f828d; background:#f8f8fa; }
    .mIntro .desc { margin:0 0 45px; font-size:34px; line-height:1.3; letter-spacing:-2px; }
    .mIntro .benefit { width:100%; }
    .mIntro .benefit:after { display:block; content:""; clear:both; }
    .mIntro .benefit > li { float:left; padding:115px 0 0; color:#777; }
    .mIntro .benefit > li strong { display:block; margin:0 0 14px; font-size:18px; color:#444; }
    .mIntro .benefit .list li { font-size:14px; line-height:20px; }
    .mIntro .left .list { margin:0 0 0 33px; }
    .mIntro .txtInfo { margin:30px 0 0 10px; }
    /* mIntro grid */
    .mIntro .benefit.grid5 > li { width:20%; }
    .mIntro .benefit.grid4 > li { width:25%; }
    .mIntro .benefit.grid2 { padding:0 90px; box-sizing:border-box; }
    .mIntro .benefit.grid2 > li { padding:0 0 0 123px; width:50%; min-height:100px; text-align:left; box-sizing:border-box;}
    .mIntro .benefit.grid2 > li strong {  margin:15px 0 14px; }
    /* mIntro typeBanner */
    .mIntro.typeBanner { position:relative; display:table; padding:0 50px 0 340px; height:240px; box-sizing:border-box; }
    .mIntro.typeBanner:before { position:absolute; top:10px; left:50px; display:inline-block; content:""; width:240px; height:220px; vertical-align:top; background-repeat:no-repeat; }
    .mIntro.typeBanner .desc { display:table-cell; margin:0; width:514px; text-align:left; vertical-align:middle; font-size:18px; line-height:24px; }
    .mIntro.typeBanner .desc strong { display:inline-block; margin:0 0 5px; font-size:26px; line-height:34px; }

    /* mTab */
      .mTab { border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background:#f9f9fa; }
      .mTab ul { width:845px; padding:0 0 0 1px; }
      .mTab li { margin:-1px 0 0; font-size:16px; }
      .mTab li a { padding:14px 0 16px; margin:0 0 -1px -1px; border:1px solid #d6d6d6; border-width:1px 1px 0; font-weight:bold; }
      .mTab li.selected a { margin-bottom:0; padding:13px 0 16px; border-width:2px 2px 0; }
      /* mTab.typeIcon */
      .mTab.typeIcon ul { padding:0 0 0 1px; }
      .mTab.typeIcon li a { padding:45px 0 12px 0; font-size:12px; }
      .mTab.typeIcon li a span { display:block; margin:4px 0 0; font-size:11px; color:#777; }
      .mTab.typeIcon li.selected a { padding:44px 0 14px; border:2px solid #585e6a; border-bottom:0; }
      .mTab.typeIcon li a:before { position:absolute; left:0; display:block; content:''; background-repeat:no-repeat; }
      .mTab.typeIcon li.selected a:before { left:-1px; }
      .mTab.typeIcon li.empty a { padding:30px 0 27px 0; }
      .mTab.typeIcon li.empty a:before { display:none; }
      /* mTab grid */
      .mTab.grid5 li { width:20%; }
      .mTab.grid6 li { width:141px; }
      .mTab.grid6 li:first-child { width:140px; }
      /* tabInfo */
        .tabInfo { padding:40px 10px; }
        .tabInfo:after { display:block; content:""; clear:both; }
        .tabInfo h2 { float:left; padding:0 10px 0; width:150px; font-size:22px; }
        .tabInfo p { float:left; width:650px; font-size:18px; line-height:1.5; }
        .tabInfo > div { float:left; width:100%; }
        .tabInfo .first { display:inline-block; padding:5px 10px; font-size:16px; color:#fff; line-height:1; background:#c75c5c; border-radius:3px; }

  /* mProcess */
    .mProcess { margin:0 0 30px; padding:0 10px; }
    .mProcess> ol > li { position:relative; text-align:center; }
    .mProcess.typeCol > ol > li:after,
    .mProcess.typeRow > ol > li:after { display:block; content:''; position:absolute; background-image:url("/theme/basic/img/sfix_bg_progress.png"); background-repeat:no-repeat; }
    .mProcess .step { width:118px; height:94px; padding:24px 0 0; font-size:14px; line-height:20px; background:url("/theme/basic/img/sfix_bg_progress.png") no-repeat 0 0; }
    .mProcess .step .num { font-size:26px; font-weight:normal; }
    .mProcess .desc { margin:15px 0 0;font-size:12px; color:#777; }
    .mProcess span.desc { display:block; }
    /* mProcess.typeCol */
      .mProcess.typeCol > ol {  }
      .mProcess.typeCol > ol:after { display:block; content:""; clear:both; }
      .mProcess.typeCol > ol > li { float:left; width:118px; }
      .mProcess.typeCol > ol > li:first-child { margin:0 !important; }
      .mProcess.typeCol > ol > li:after { top:50px; width:11px; height:18px; background-position:-200px 0; }
      .mProcess.typeCol > ol > li:first-child:after { display:none; }
      .mProcess.typeCol.step { margin:0 0 16px; }
      .mProcess.typeCol .step .num { margin:0 0 3px; }
      .mProcess.typeCol .desc { margin:15px -10px 0; }
      .mProcess.typeCol .desc li { margin:10px 0 0; }
      .mProcess.typeCol .desc li:first-child { margin:0; }
      /* grid6 */
      .mProcess.typeCol.grid6 > ol > li { margin:0 0 0 22px; }
      .mProcess.typeCol.grid6 > ol > li:first-child { width:116px; }
      .mProcess.typeCol.grid6 > ol > li:after { left:-17px; }
      /* grid5 */
      .mProcess.typeCol.grid5 > ol > li { margin:0 0 0 58px; }
      .mProcess.typeCol.grid5 > ol > li:after { left:-35px; }
      /* grid4 */
      .mProcess.typeCol.grid4 > ol > li { margin:0 0 0 117px; }
      .mProcess.typeCol.grid4 > ol > li:after { left:-65px; }
      /* grid3 */
      .mProcess.typeCol.grid3 > ol > li { margin:0 0 0 99px; }
      .mProcess.typeCol.grid3 > ol > li:first-child { margin:0 0 0 135px !important; }
      .mProcess.typeCol.grid3 > ol > li:after { left:-55px; }
    /* mProcess.typeRow */
      .mProcess.typeRow > ol > li { min-height:150px; }
      .mProcess.typeRow > ol > li:after { left:50px; top:-6px; width:18px; height:11px; background-position:-200px -50px; }
      .mProcess.typeRow > ol > li:first-child { padding:6px 0 0; }
      .mProcess.typeRow > ol > li:first-child:after { display:none; }
      .mProcess.typeRow .step {position:absolute; left:0; top:50%; margin:-59px 0 0; width:118px; height:118px; line-height:20px; }
      .mProcess.typeRow .step .num { margin:0 0 9px; }
      .mProcess.typeRow .desc { display:table; min-height:150px; padding:0 0 0 159px; margin:0; text-align:left; }
      .mProcess.typeRow dt { margin:0 0 15px; font-size:18px; }
      .mProcess.typeRow dd { padding:0 0 0 11px; font-size:14px; line-height:20px; }
      .mProcess.typeRow dd:after { top:9px; width:3px; height:3px; }

  /* mButton */
    .mButton a,
    .mButton button { min-width:140px; height:40px; padding:0 10px; font-size:16px; line-height:40px; }
    .section + .mButton { margin:30px 0 0; }
    .mButton.left { padding:0; text-align:left; }
    /* mButton size */
    .mButton .tiny { min-width:auto; height:25px; line-height:25px; }
    .mButton .small { min-width:90px; height:30px; line-height:30px; }
    .mButton .large { padding:0 20px; }
    /* mButton ico */
      .mButton [class*="btn"][class*="ico"] { position:relative; padding:0 32px 0 15px; font-size:14px; }
      .mButton [class*="btn"][class*="ico"]:after { position:absolute; display:block; content:""; background-image:url("/theme/basic/img/sfix_icon.png"); background-repeat:no-repeat;}
      .mButton .btnStrong.icoLink { padding:0 32px 0 15px; font-size:14px; }
      .mButton .btnNormal.icoLink { padding:0 25px 0 10px; font-size:13px; }
      .mButton .btnStrong.icoLink:after { top:50%; right:10px; margin:-6px 0 0; width:8px; height:13px; background-position:-600px 0; }
      .mButton .btnNormal.icoLink:after { top:50%; right:10px; margin:-5px 0 0; width:7px; height:11px; background-position:-550px 0; }

  /* mForm */
    .mForm { border-color:#898f93 #b3bbc1 #b3bbc1 #898f94; font-size:14px }
    /* mForm typeSelect */
    .mForm.typeSelect:after { right:10px; width:12px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -300px 0; }
    /* mForm typeText */
    .mForm.typeText button { width:40px; }
    .mForm.typeText button:after { width:20px; height:20px; background:url("/theme/basic/img/sfix_icon.png") no-repeat 0 -100px; }
    /* mForm typeTerm */
    .mForm.typeTerm { width:607px; height:93px; padding:0 13px 13px; font-size:13px; }
    .mForm.typeTerm strong { margin:13px 0 9px; }
    .mForm.typeTerm p { padding:0 0 0 14px; margin:6px 0; line-height:1.5; }
    .mForm.typeTerm + .fCheck { margin:7px 0 6px 11px; }
    /* fCheck */
      .fCheck { min-height:13px; padding:0 0 0 19px; line-height:13px; font-size:13px; color:#707070; }
      .fCheck input { width:13px; height:13px; }
      .fCheck:after { width:13px; height:13px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -300px -50px; }
      .fCheck.selected:after { background-position:-350px -50px; }
    /* fRadio */
      .fRadio { min-height:13px; margin:10px 16px 2px 0; padding:0 0 0 18px; line-height:13px; font-size:13px; color:#707070; }
      .fRadio span { font-size:13px; color:#707070; }
      .fRadio:after { width:13px; height:13px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -150px -50px; }
      .fRadio.selected:after { background-position:-200px -50px; }

  /* mPaginate */
    .mPaginate a,
    .mPaginate strong { width:30px; height:30px; color:#767676; font-size:12px; line-height:30px; }
    .mPaginate ol,
    .mPaginate li { font-family:'굴림', sans-serif; }
    .mPaginate strong { color:#fff; }
    .mPaginate .prev,
    .mPaginate .next,
    .mPaginate .first,
    .mPaginate .last { width:28px; height:28px; }
    .mPaginate .prev { margin:0 12px 0 4px; }
    .mPaginate .next { margin:0 4px 0 12px; }
    .mPaginate .prev:after,
    .mPaginate .next:after,
    .mPaginate .first:after,
    .mPaginate .last:after { top:9px; height:10px; background-image:url("/theme/basic/img/sfix_icon.png"); background-repeat:no-repeat; }
    .mPaginate .first:after { left:8px; background-position:-350px 0; }
    .mPaginate .prev:after { left:12px; background-position:-400px 0; }
    .mPaginate .next:after { left:12px; background-position:-450px 0; }
    .mPaginate .last:after { left:9px; background-position:-500px 0; }

  /* mList */
    .mList { margin:15px 0 0; padding:0 10px; font-size:14px; }
    p.mList,
    .mList li { margin-bottom:5px; padding:0 0 0 8px; line-height:1.5; }
    .mList > li > .mList { margin:5px 0 0; padding: }
    .mList > li > .mList.typeNone { padding:0; }
    /* mList.typeMore */
    .mList.typeMore { color:#444; font-size:16px; }
    [class*="mBrd"] .mList.typeMore { padding:0 10px; font-size:14px; }
    p.mList.typeMore,
    .mList.typeMore li { padding:0 0 0 10px; }
    /* mBrd mList.typeMore */
    [class*="mBrd"] .mList.typeMore { margin:15px 0 0; padding:0; font-size:14px; }
    /* mSubTitle + mList */
    .mSubTitle +  .mList { margin-left:10px; padding:0 15px; }

  /* mCtrl */
    .mCtrl { padding:0 10px 10px; font-size:14px; }

  /* mBrdList */
    .mBrdList thead th { font-size:16px; }
    .mBrdList tbody th,
    .mBrdList tbody td { font-size:14px; }
    .mBrdList .left th,
    .mBrdList .left td,
    .mBrdList .center .left,
    .mBrdList .right .left { padding:15px 0 15px 30px; }
    .mBrdList .right th,
    .mBrdList .right td,
    .mBrdList .center .right,
    .mBrdList .left .right { padding:15px 30px 15px 0; }
    .mBrdList thead th,
    .mBrdList .center th,
    .mBrdList .center td,
    .mBrdList th.center,
    .mBrdList td.center { padding:15px 0; }
    .mBrdList ul li { margin:0 0 5px; }
    .mBrdList .favor:after,
    .mBrdList .discount strong:before { display:inline-block; content:""; margin:0 5px; width:15px; height:8px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -150px -150px; }
    /* mBrdList + attach */
    .mBrdList .attach { display:inline-block; position:relative; top:-7px; margin:0 0 13px; font-size:14px; }
    .mBrdList .attach:before { content:''; display:inline-block; width:7px; height:12px; margin:7px 5px 0 2px; vertical-align:top; background:url("/theme/basic/img/sfix_icon.png") -600px -100px; }
    .mBrdList .attach em { text-decoration:underline; color:#777; }
    /* .mBrdList typeRow */
    .mBrdList.typeRow th { width:160px; }
    /* mBrdList typeRating */
    .mBrdList.typeRating th { background:#fff; }
    .mBrdList.typeRating thead th { border-bottom:1px solid #585e6a; }
    .mBrdList.typeRating th.standard { color:#fff; background:#858992; }
    .mBrdList.typeRating th.premium { color:#fff; background:#585e6a; }
    .mBrdList.typeRating .icon { position:relative; }
    .mBrdList.typeRating .icon:after { position:absolute; display:block; content:""; top:-5px; left:-45px; width:25px; height:29px; background-image:url("/theme/basic/img/sfix_icon.png"); background-repeat:no-repeat; }
    .mBrdList.typeRating .standard .icon:after { background-position:-500px -50px; }
    .mBrdList.typeRating .premium .icon:after { background-position:-550px -50px; }
    /* mSubTitle + mBrdList */
    .mSubTitle + .mBrdList, h4 + .mBrdList, .mSubTitle + .mCtrl + .mBrdList, h4 +.mCtrl +  .mBrdList { margin:0 10px; }
    .mSubTitle + .mBrdList + .mBrdList, h4 + .mBrdList + .mBrdList, .mCtrl + .mBrdList + .mBrdList { margin:20px 10px 0; }
    /* mBrdList > toggleArea */
    .mBrdList .toggleArea .content { padding:23px 0 30px 91px; line-height:25px; }
    .mBrdList .toggleArea .content .title { display:block; margin:0 0 11px; font-size:16px; }
    .mBrdList .toggleArea .content .desc { margin:0 0 13px; }
    .mBrdList .toggleArea .answer { padding:18px 10px 17px 117px; line-height:25px; }
    .mBrdList .toggleArea .answer .title { top:23px; left:95px; width:12px; height:11px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -50px -100px; }
    .mBrdList .toggleArea .content .mButton { padding:0 20px 0 0; text-align:right; }
    .mBrdList .empty { padding:178px 0 111px 0; font-size:16px; background:url("/theme/basic/img/ico_empty.png") no-repeat 50% 82px; }
    /* mBrdFull */
    .mBrdFull { overflow:hidden; }
    .mBrdFull .gHalf { float:left; padding:0; margin:0; width:50%; }
    .mBrdFull .gHalf .mBrdList { margin:0 !important; }
    .mBrdFull .gHalf .col2 th { padding:42px 0 43px !important; }
    .mBrdFull .thHide .mBrdList.typeRow thead th { width:100%; }
    .mBrdFull .thHide .mBrdList.typeRow tbody th { width:0 !important; visibility:collapse; }
    .mBrdFull .thHide .mBrdList.typeRow thead th:first-child,
    .mBrdFull .thHide .mBrdList tbody th,
    .mBrdFull .thHide .mBrdList thead tr:nth-of-type(2) th:first-child { padding:0; margin:0; border:0; width:0; font-size:0; line-height:0; visibility:collapse; }
    .mBrdFull .thHide .mBrdList colgroup col:first-child { width:0 !important; }
    /* mBrdList + typeFlex */
    .mBrdList.typeFlex td { position:relative; }

  /* mBrdWrite */
    .mBrdWrite { border-top:2px solid #585e6a; border-bottom:1px solid #585e6a; background:url("/img/ec/customer/bg_table.gif") repeat-y 0 0; }
    .mBrdWrite dl { overflow:hidden; border-top:1px solid #d6d6d6; }
    .mBrdWrite dl:first-child { border-top:0; }
    .mBrdWrite dt { float:left; font-weight:bold; font-size:16px; color:#303030; }
    .mBrdWrite dd { float:left; font-size:14px; }

  /* mMerit */
    .mMerit > ul { overflow:hidden; border-top:1px solid #a9a9ac; border-left:1px solid #a9a9ac; }
    .mMerit > ul > li { position:relative; float:left; margin:-1px 0 0; vertical-align:top; border:1px solid #a9a9ac; border-left-width:0; box-sizing:border-box; }
    .mMerit > ul > li:after { display:block; content:""; position:absolute; width:72px; height:72px; background-repeat:no-repeat; }
    .mMerit > ul > li strong { display:block; margin:0 0 20px; color:#464646; font-size:18px; line-height:1.2em; letter-spacing:-0.06em; }
    .mMerit > ul > li p { color:#777; font-size:14px; line-height:1.5; }
    .mMerit > ul > li li { padding:0 0 0 9px; font-size:14px; line-height:20px; }
    /* grid */
    .mMerit.grid2 > ul > li { padding:30px 112px 30px 30px; width:50%; height:180px; }
    .mMerit.grid2 > ul > li:after { top:30px; right:30px; }
    .mMerit.grid2 > ul > li.item1:after { background-position:0 0; }
    .mMerit.grid2 > ul > li.item2:after { background-position:-72px 0; }
    .mMerit.grid2 > ul > li.item3:after { background-position:0 -72px; }
    .mMerit.grid2 > ul > li.item4:after { background-position:-72px -72px; }
    .mMerit.grid2 > ul > li.item5:after { background-position:0 -144px; }
    .mMerit.grid2 > ul > li.item6:after { background-position:-72px -144px; }
    .mMerit.grid2 > ul > li.item7:after { background-position:0 -216px; }
    .mMerit.grid2 > ul > li.item8:after { background-position:-72px -216px; }
    .mMerit.grid2 > ul > li.item9:after { background-position:0 -288px; }
    .mMerit.grid2 > ul > li.item10:after { background-position:-72px -288px; }
    .mMerit.grid3 > ul > li { padding:122px 30px 30px; width:33.33%; height:288px; text-align:center; }
    .mMerit.grid3 > ul > li:after { top:30px; left:50%; margin:0 0 0 -36px; }
    .mMerit.grid3 > ul > li.item1:after { background-position:0 0; }
    .mMerit.grid3 > ul > li.item2:after { background-position:-72px 0; }
    .mMerit.grid3 > ul > li.item3:after { background-position:-144px 0; }
    /* .mSubTitle + .mMerit */
    .mSubTitle + .mMerit { padding:0 10px; }

  /* mEffect */
    .mEffect:after { display:block; content:""; clear:both; }
    .mEffect > div { float:left; padding:25px 29px 29px; width:338px; font-size:14px; border:1px solid #a9a9ac; background-color:#fff; box-sizing:border-box; }
    /* gBefore gAfter */
    .mEffect > div[class*="g"] { width:47%; }
    .mEffect .gBefore { position:relative; margin:0 6% 0 0; }
    .mEffect .gBefore:after { position:absolute; display:block; content:""; top:50%; right:-45px; width:36px; height:24px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -250px -100px; }
    .mEffect h3 { padding:0 0 20px; font-size:18px; text-align:center; border-bottom:1px solid #d6d6d6; }
    .mEffect div[class*="g"] > ul > li { position:relative; padding:20px 0 20px 69px; line-height:1.5; border-bottom:1px solid #d6d6d6; }
    .mEffect div[class*="g"] > ul > li:before,
    .mEffect .detail .discount:after { position:absolute; display:block; content:""; background-image:url("/theme/basic/img/sfix_icon.png"); background-repeat:no-repeat; }
    .mEffect div[class*="g"] > ul > li:before { top:50%; left:19px; margin:-10px 0 0; width:28px; height:21px; }
    .mEffect .gBefore > ul > li:before { background-position:-400px -50px; }
    .mEffect .gAfter > ul > li:before { background-position:-450px -50px; }
    .mEffect .detail { padding:25px 30px; }
    .mEffect .detail .cost { display:block; padding:20px 0 0; text-align:center; font-size:18px; }
    .mEffect .detail .cost .total { font-size:26px; }
    .mEffect .detail .discount { position:relative; padding:5px 0 0; text-align:center; color:#f15a5c; }
    .mEffect .detail .discount:after { top:9px; right:-15px; width:11px; height:16px; font-size:14px; background-position:-300px -100px;  }
    .mEffect .summary { margin:0 auto; padding:23px 0; width:296px; text-align:center; box-sizing:border-box; }
    .mEffect .gBefore .summary { color:#777; border:1px solid #d6d6d6; }
    .mEffect .gAfter .summary { color:#3d81d6; border:3px solid #3d81d6; }
    /* item */
    .mEffect.grid2 > div { width:50%; box-sizing:border-box; }
    .mEffect.grid2 > div.item2 { margin:0 0 0 -1px; }
    .mEffect.grid2 > div[class*="item"] { font-size:18px; }
    .mEffect .graph { margin:40px 0 0; text-align:center; }
    /* origin */
    .mEffect .origin { margin:15px 0 0 0; color:#777; font-size:11px; }
  /* mService */
    .mService { font-size:0; text-align:center; }
    .mService li,
    .mService p { display:inline-block; font-size:14px; vertical-align:top; }
    .mService .gt { position:relative; margin:0 50px 0 0; }
    .mService .gt:after { position:absolute; top:40px; right:-40px; display:block; width:20px; content:">"; font-size:33px; color:#858992;  }
    .mService .title { display:block; margin:0 0 12px; padding:0 20px; height:27px; line-height:27px; font-size:12px; color:#fff; border-radius:27px; }
    .mService .list { color:#45a7eb; }
    .standard .mService .title { background:#858992; }
    .premium .mService .title { background:#585e6a; }

  /* mFormality */
    .mFormality ol:after { display:block; content:""; clear:both; }
    .mFormality ol > li {  display:table; float:left; width:50%; height:200px; line-height:1.5; font-size:14px; box-sizing:border-box; }
    .mFormality ol > li.item1,
    .mFormality ol > li.item2 { padding-top:45px; }
    .mFormality ol > li.item3,
    .mFormality ol > li.item4 { padding-bottom:55px; }
    .mFormality ol > li.item1,
    .mFormality ol > li.item3 { padding-left:95px; }
    .mFormality ol > li.item2,
    .mFormality ol > li.item4 { padding-left:245px; }
    .mFormality ol > li.item2 { padding-top:45px; }
    .mFormality ol > li.item3 ul,
    .mFormality ol > li.item4 ul { display:table-cell; vertical-align:bottom; }
    .mFormality ol > li li { list-style-type:disc; }

  /* mTooltip */
    .mTooltip { position:relative; display:inline-block; width:21px; height:21px; vertical-align:middle; text-align:left; }
    .mTooltip .tooltip { display:none; position:absolute; left:-13px; top:30px; min-width:445px; text-align:left; font-weight:normal; letter-spacing:normal; border:3px solid #3fa6ee; background-color:#fff; border-radius:8px; box-sizing:border-box;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.26);
           -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.26);
                   box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.26);
    }
    .mTooltip .close { position:absolute; right:9px; top:11px; overflow:hidden; width:20px; height:20px; text-indent:120%; white-space:nowrap; background:url("/theme/basic/img/sfix_icon.png") no-repeat -45px -45px; }
    .mTooltip .edge { position:absolute; left:11px; top:-13px; width:20px; height:13px; font-size:0; line-height:0; background:url("/theme/basic/img/sfix_icon.png") no-repeat -100px -100px; }
    .mTooltip .content { padding:20px; font-size:12px; line-height:1.2; }
    .mTooltip .title { display:block; margin:0 0 5px; color:#1c94e7; font-size:14px; word-spacing:-1px; }
    .mTooltip .content .mList {  font-size:12px !important; }
    .mTooltip .icon { position:absolute; overflow:hidden; width:100%; height:100%; text-indent:120%; white-space:nowrap; cursor:pointer; background:url("/theme/basic/img/sflex_icon.png") no-repeat -400px -100px; }
    /* size */
    .mTooltip.gSmall .tooltip { width:455px; }

  /* mLayer */
    .mLayer h2 { padding:15px 25px 0; height:35px; font-size:22px; line-height:1em; }
    .mLayer .contents { padding:20px 25px 0; }
    .mLayer .contents .info { color:#777; font-size:14px; line-height:1em; }
    .mLayer .contents .info + .mBrdList,
    .mLayer .contents .mBrdList + .info { margin:15px 0 0; }
    .mLayer .footer { padding:20px 30px 20px; }
    .mLayer .footer .btnNormal { padding:10px 25px; font-size:14px; line-height:1em; }
    .mLayer .btnClose { top:15px; right:25px; width:22px; height:22px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -200px -150px; }
    /* mLayer > mBrdList */
    .mLayer .mBrdList th { font-size:14px; }
    .mLayer .mBrdList td { font-size:13px; }
    .mLayer .mBrdList .left { padding-left:15px; }
    .mLayer .mBrdList .right { padding-right:15px; }
    /* size */
    .mLayer.gSmall {  }
    .mLayer.gMedium { width:450px; }
    .mLayer.gLarge { width:600px; }

  /* mCustom */
    .mCustom { display:table; padding:20px 0; width:100%; }
    .mCustom .title { position:relative; display:table-cell; width:250px; height:81px; font-size:22px; vertical-align:middle; text-align:center; }
    .mCustom .title:after { display:inline-block; content:""; margin:0 0 0 6px; width:59px; height:59px; vertical-align:middle; background:url("/theme/basic/img/ico_counsel.png") no-repeat 0 0; }
    .mCustom p,
    .mCustom ul { display:table-cell; padding:0 0 0 20px; font-size:14px; vertical-align:middle; }
    .mCustom .dt { width:62px; }
    .mProcess + .mCustom { margin:60px 0 0; }
    .mCustom .btnLink { display:inline-block; position:relative; height:22px; margin:12px 0 0; padding:0 32px 0 8px; border:1px solid #dedede; font-size:12px; line-height:22px; color:#666; background:#fafafa; }
    .mCustom .btnLink:after { content:''; position:absolute; top:7px; right:9px; width:7px; height:9px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -650px -50px; }
    .mCustom + .mButton { margin-top:40px; }
    /* typeBorder */
    .mCustom.typeBorder { border:0 solid #d0d0d0; border-width:1px 0 1px 0; }
    /* mCustom > mButton */
    .mCustom > .mButton { text-align:center; }
    /* fastbox */
      .fastbox { position:relative; margin:0 10px; padding:30px 0; border:0 solid #d0d0d0; border-width:1px 0 1px 0; }
      .fastbox .logo { position:absolute; left:0; top:30px; padding:0 0 0 40px; width:auto; }
      .fastbox ul { margin:0 0 0 320px; width:508px; font-size:14px; line-height:1.5; }
      .fastbox > .mButton { margin:15px 0 0; line-height:1.5; }

  /* mProvide */
    .mProvide { position:relative; margin:0 10px; padding:30px 0; border:0 solid #d0d0d0; border-width:1px 0 1px 0; }
    .mProvide .logo { position:absolute; left:0; top:30px; padding:0 0 0 40px; width:auto; }
    .mProvide em { margin:0 0 0 320px; font-weight:bold; font-size:16px; }
    .mProvide ul { margin:0 0 0 320px; width:508px; font-size:14px; line-height:1.5; }
    .mProvide .dt + strong,
    .mProvide .dt + span,
    .mProvide .dt + a { font-size:12px; }
    .mProvide > .mButton { margin:15px 0 0; line-height:1.5; }
    .mProvide + .mProvide { margin:-1px 0 0; }

  /* mSupply */
    .mSupply { display:table; width:100%; min-height:81px; margin:0 10px; padding:20px 0; border:0 solid #d0d0d0; border-width:1px 0 1px 0; }
    .mSupply .logo { display:table-cell; width:270px; vertical-align:middle; text-align:center; }
    .mSupply .info { display:table-cell; padding:0 0 0 19px; vertical-align:middle; }
    .mSupply .info strong { display:block; margin:15px 0 10px; font-weight:bold; font-size:16px; }
    .mSupply .info strong:first-child { margin-top:0; }
    .mSupply dl { font-weight:bold; font-size:14px; line-height:1.5; }
    .mSupply dt { float:left; margin:0 3px 0 0; }
    .mSupply > .mButton { margin:15px 0 0; line-height:1.5; }
    .mSupply + .mButton { margin:40px 0 0; }
    .mSupply + .mSupply { margin-top:-1px; }

  /* mHelp */
    .mHelp { padding:30px 0 0; margin:0 0 47px; font-size:12px; line-height:1.5; border-top:2px solid #585e6a; }
    .mHelp h3 { padding:0 0 10px 25px; background:url("/theme/basic/img/sflex_icon.png") no-repeat -450px 0; }
    .mHelp .content { padding:0 0 0 16px; }
    .mHelp li { position:relative; padding:0 0 0 8px; color:#777; }
    .mHelp li:before { position:absolute; top:0; left:0; display:block; content:"-"; }
    .mBrdList + .mHelp { border-top:0; }

  /* iframe */
    .iframe { padding:20px 0 0; text-align:center; }
    .iframe iframe { margin:0 auto; }

  /* mShopList */
    .mShopList { font-size:0; text-align:center; }
    .mShopList ul { overflow:hidden; margin:0 0 0 -10px; }
    .mShopList ul li { float:left; padding:1px 0 0; height:233px; }
    .mShopList ul li .desc {  margin:0 0 10px 10px; width:204px; border:1px solid #dcdcdc; box-sizing:border-box; }
    .mShopList ul li:hover .desc { border:2px solid #3d81d6; }
    .mShopList ul li .logo { display:block; margin:1px 0 0; text-align:center; vertical-align:middle; }
    .mShopList ul li:hover .logo { margin:0; }
    .mShopList ul li .logo img { height:auto; }
    .mShopList ul li .info {  background:#f8f8fa; }
    .mShopList ul li .info .name { display:block; }
    .mShopList ul li .info .flag { font-size:0; }
    .mShopList ul li .info .flag span { display:inline-block; margin:0 0 0 5px; width:18px; height:14px; font-size:0; color:transparent; background-image:url("/img/ec/typical/sfix_flag.png"); background-repeat:no-repeat; }
    .mShopList ul li .info .flag span:first-child { margin:0; }
    .mShopList .flag .kr { background-position:0 0; }
    .mShopList .flag .us { background-position:-20px 0; }
    .mShopList .flag .jp { background-position:-40px 0; }
    .mShopList .flag .cn { background-position:-60px 0; }
    .mShopList .flag .tw { background-position:-80px 0; }
    .mShopList .flag .pt { background-position:-100px 0; }
    .mShopList .flag .es { background-position:-120px 0; }

  /* mAdvertising */
    .mAdvertising { padding:0 10px; }
    .mAdvertising > ul { overflow:hidden; margin-left:-46px; }
    .mAdvertising > ul > li { float:left; margin:0 0 0 46px; padding:228px 0 40px; width:390px; vertical-align:top; }
    .mAdvertising > ul > li .title { display:block; margin:0 0 10px; font-size:20px; }
    .mAdvertising > ul > li .desc { height:55px; line-height:1.3; font-size:14px; color:#777; }
    .mAdvertising > ul > li .mButton { margin:13px 0 0; text-align:left; }

  /* mFeature */
    .mFeature .details > li { margin:0 0 50px; }
    .mFeature .title { padding:13px 0 0; font-size:20px; }
    .mFeature .summary { margin:3px 0 0; font-size:16px; }
    .mFeature .desc { margin:14px 0 0; font-size:14px; line-height:20px; }
    .mFeature .details ul { margin:13px 0 0; }
    .mFeature .details ul.mList { padding:0; }
    .mFeature .details .list li,
    .mFeature .details .info li,
    .mFeature .details p.info { font-size:14px; line-height:20px; padding:0 0 0 10px; color:#3d81d6; }
    .mFeature .details ul li:after,
    .mFeature .details p.info:after { top:8px; width:4px; height:4px; }
    /* mFeature.typeImgTag */
    .mFeature.typeImgTag {  }
    .mFeature.typeImgTag li .thumb { position:absolute; top:0; left:0; }

  /* mSoho */
    .mSoho { width:909px; }
    .mSoho .box { width:268px; height:303px; padding:14px 9px 10px; margin:0 21px 22px 0; box-sizing:border-box; }
    .mSoho .box:after { top:19px; right:19px; width:56px; height:56px; background:url("/img/ec/customer/sfix_soho.gif") no-repeat 0 0; }
    .mSoho .step2:after { background-position:-70px 0; }
    .mSoho .step3:after { background-position:-140px 0; }
    .mSoho .step4:after { background-position:0 -70px; }
    .mSoho .step5:after { background-position:-70px -70px; }
    .mSoho .step6:after { background-position:-140px -70px; }
    .mSoho .step7:after { background-position:-210px -70px; }
    .mSoho .title { margin:0 0 16px 9px; }
    .mSoho .txtStep { font-size:26px; word-spacing:-4px; }
    .mSoho .txtGuide { margin:5px 0 0; font-size:18px; word-spacing:-2px; }
    .mSoho .list { margin:0 0 0 10px; }
    .mSoho .list li { padding:0 0 0 12px; font-size:14px; line-height:22px; }
    .mSoho .list li:before { top:10px; width:3px; height:3px; }
    .mSoho .related { left:9px; right:9px; bottom:11px; }
    .mSoho .related a,
    .mSoho .guide .btnFaq { height:31px; margin:7px 0 0; border-radius:6px; font-size:14px; line-height:31px; text-indent:16px; }
    .mSoho .related a:after,
    .mSoho .guide .btnFaq:after { top:9px; right:10px; width:8px; height:13px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -650px 0; }
    .mSoho .guide { position:relative; }
    .mSoho .box.down { display:block; text-align:center; background:#f8f8fa; }
    .mSoho .box.down strong { display:block; margin:62px 0 0; font-size:20px; line-height:26px; }
    .mSoho .box.down:after { top:151px; right:108px; width:50px; height:66px; background-position:0 -210px; }
    .mSoho em { margin:13px 0 0 9px; padding:0 0 0 14px; font-size:14px; line-height:20px; }
    .mSoho.global .step1:after { background-position:0 -140px; }
    .mSoho.global .step2:after { background-position:-70px -70px; }
    .mSoho.global .step3:after { background-position:-70px 0; }
    .mSoho.global .step4:after { background-position:-140px -70px; }
    .mSoho.global .step5:after { background-position:-70px -140px; }
    .mSoho.global .step6:after { background-position:-140px -140px; }
    .mSoho.global .step7:after { background-position:-210px -140px; }
    .mSoho.global .step8:after { background-position:-210px -70px; }

  /* mDesign */
    .mDesign:after { display:block; content:""; clear:both; }
    .mDesign > li { position:relative; float:left; margin:0 0 40px; }
    .mDesign > li .best { z-index:2; overflow:hidden; display:block; position:absolute; top:0; left:14px; width:26px; height:26px; font-size:0; color:transparent; text-indent:120%; background:url("/img/ec/mobile/ico_best.gif") no-repeat 0 0; }
    .mDesign li .thumbnail { display:block; border:1px solid #a9a9ac; }
    .mDesign li .title { display:block; margin:10px 0 7px; color:#777; font-weight:normal; }
    /* .grid */
    .mDesign.grid4 { margin:0 0 0 -14px; }
    .mDesign.grid4 > li { padding:0 0 0 14px; width:25%; box-sizing:border-box; }

  /* mMethod */
    .mMethod { position:relative; width:100%; padding:0 110px 100px; box-sizing:border-box; }
    .mMethod .view { overflow:hidden; }
    .mMethod .view li { position:absolute; left:0; top:0; width:100%; text-align:center; }
    .mMethod .view li .title { font-size:18px; }
    .mMethod .view li .title span { display:inline-block; width:22px; height:22px; line-height:22px; font-size:12px; color:#fff; background:url("/theme/basic/img/bg_icon.png") no-repeat 0 0; }
    .mMethod .view li .desc { margin:20px 0; font-size:14px; color:#777; line-height:1.7em; }
    .mMethod .gButton { padding:20px 0; width:100%; text-align:center; }
    .mMethod .gButton ol { overflow:hidden; display:inline-block; position:relative; bottom:0; }
    .mMethod .gButton li { float:left; }
    .mMethod .gButton li button { margin:0 6px; width:27px; height:27px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -450px -150px; }
    .mMethod .gButton li.selected button { background:url("/theme/basic/img/sfix_icon.png") no-repeat -400px -150px; }
    .mMethod .gButton button span { overflow:hidden; font-size:0; line-height:0; text-indent:120%; }
    .mMethod .gButton > button { position:absolute; width:52px; height:52px; background:url("/theme/basic/img/sfix_btn_slide.png") no-repeat; }
    .mMethod .gButton > button.prev { left:50px; background-position:0 0; }
    .mMethod .gButton > button.next { right:50px; background-position:-100px 0; }
    .mMethod .gButton > button.prev:hover { background-position:0 -100px; }
    .mMethod .gButton > button.next:hover { background-position:-100px -100px; }

  /* mBusiness */
    .mBusiness { margin:-35px 0 0; padding:43px 0 35px; }
    .mBusiness h2 { margin:0 0 6px; font-size:37px; }
    .mBusiness p { font-size:14px; letter-spacing:-0.02em; }
    .mBusiness ul { margin:26px 0 0; background-image:url("/img/ec/info/sfix_business.gif"); background-repeat:no-repeat; }
    .mBusiness li { width:33.3%; height:78px; padding:72px 0 0; font-size:14px; line-height:20px; }
    .mBusiness li strong { margin:12px 0 7px; font-size:18px; }
    .mBusiness.onestop { border-top:0; }
    .mBusiness.onestop ul { background-position:50% 0; }
    .mBusiness.with ul { background-position:50% -350px; }

  /* mPartner */
    .mPartner > li { padding:30px 10px 26px; min-height:188px; font-size:14px; }
    .mPartner > li:first-child { padding:0 10px 26px; }
    .mPartner .thumb { float:left; margin:0 29px 0 0; }
    .mPartner .info { float:left; width:647px; }
    .mPartner .info .txtEm { font-size:18px; }
    .mPartner .info .name { font-size:26px; }
    .mPartner .info .url { margin:0 0 0 24px; }
    .mPartner .info .url:after { top:3px; left:-20px; width:14px; height:13px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -200px -100px; }
    .mPartner .info dl { margin:15px 0 0; }
    .mPartner .info dt { float:left; min-width:67px; line-height:22px; }
    .mPartner .info dd { line-height:22px; }
    .mPartner .press p { margin:9px 0 15px; }
    .mPartner .press .bar { padding:0 9px; font-size:12px; }
    .mPartner .press .news { clear:both; height:29px; padding:0 25px 0 8px ; border-radius:6px; font-size:16px; line-height:29px; }
    .mPartner .press .news:after { top:9px; right:10px; width:7px; height:10px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -550px 0; }
    .mPartner .desc .knowhow { height:25px; padding:0 13px 0 11px; margin:0 0 5px; border-radius:25px; line-height:25px; }
    .mPartner .desc p { line-height:22px; }

  /* mFootnote */
    .mFootnote { margin:0 29px; padding:20px  0; border-top:1px solid #585e6a; color:#777; font-size:12px; line-height:1.67; }
    .footnoteBox { position:relative; }
    .footnote { position:absolute; top:-2px; color:#777; font-size:12px; }

  /* mSitemap */
    .mSitemap { width:187px; height:565px; padding:40px 0 0 39px; margin:0 -1px -1px 0; }
    .mSitemap h2 { margin:0 0 22px; font-size:22px; }
    .mSitemap h2:before { content:''; display:block; width:16px; height:2px; margin:0 0 13px 1px; background:#2b2b2b; }
    .mSitemap > ul > li { margin:23px 0; }
    .mSitemap > ul > li > a { font-weight:bold; font-size:16px; line-height:24px; }
    .mSitemap > ul > li > ul { margin:10px 0 26px; }
    .mSitemap > ul > li > ul li { position:relative; margin:10px 0; padding:0 0 0 7px; }
    .mSitemap > ul > li > ul li:after { content:''; position:absolute; top:7px; left:1px; width:2px; height:2px; border-radius:100%; background:#777; }
    .mSitemap > ul > li > ul a { font-size:14px; color:#777; }
    /* grid2 */
      .mSitemap.grid2 { overflow:hidden; width:413px; }
      .mSitemap.grid2 > ul > li { float:left; width:149px; margin-right:38px; }
      .mSitemap.grid2 > ul > li:first-child { margin-right:76px; }
      .mSitemap.grid2 > ul > li + li { margin-bottom:0; }

  /* mLogin */
    .mLogin { padding:110px 0 200px; }
    .mLogin h1 { font-size:34px; }
    .mLogin p { margin:21px 0 0; font-weight:normal; font-size:28px; }
    .mLogin .mButton a { width:167px; margin:0 1px; font-weight:normal; color:#444; }
    .mLogin .box { overflow:hidden; width:400px; height:90px; margin:47px auto 30px; padding:60px 102px; border:8px solid #f6f6f6; }
    .mLogin .inner { float:left; width:300px; margin:0 10px 0 0; }
    .mLogin label { display:block; position:relative; width:300px; height:40px; margin:10px 0 0; }
    .mLogin label:first-child { margin:0; }
    .mLogin strong { position:absolute; top:0; left:14px; font-weight:normal; font-size:16px; line-height:40px; color:#777; }
    .mLogin input { display:block; width:100%; height:100%; border:1px solid #b4bbc1; box-sizing:border-box; font-size:16px; line-height:40px; text-indent:12px; background:#f9f9f9; }
    .mLogin .btnLogin { float:left; width:90px; height:90px; border:1px solid #306db9; border-radius:2px; box-sizing:border-box; font-weight:bold; font-size:16px; line-height:90px; color:#fff; text-align:center; background:#3d81d6; }
    .mLogin + .banner { margin:-150px 0 50px; }
    .mLogin + .banner > div { margin:0 auto; text-align:center; }

  /* mBox */
    .mBox { padding:30px 40px; border:1px solid #dedede; }
    .mBox.typeNone { padding:0; border:0; font-size:14px; line-height:1.4em; }
    .mBox .infoTitle { margin:0 0 -10px; padding:0 0 0 10px; }
    .mSubTitle + .mBox { margin:0 10px; }

  /* mThumbList */
    .mThumbList > ul > li { box-sizing:border-box; }
    .mThumbList .frame { border:1px solid #a9a9ac; text-align:center; }
    .mThumbList .title { display:block; margin:0 0 9px; font-size:20px; }
    .mThumbList .desc { margin:0 0 10px; font-size:14px; line-height:20px; }
    .mThumbList .desc dt { float:left; margin:0 4px 0 0; }
    .mThumbList .mButton { margin:0; text-align:left; }
    .mThumbList .desc.bullet { margin:14px 0 24px; }
    .mThumbList .desc.bullet li,
    .mThumbList .desc.bullet dt { position:relative; padding:0 0 0 12px; margin-bottom:4px; }
    .mThumbList .desc.bullet dd { margin:0 0 4px; }
    .mThumbList .desc.bullet li:before,
    .mThumbList .desc.bullet dt:before { content:''; position:absolute; top:9px; left:0; width:3px; height:3px; background:#464646; }
      /* type */
      .mThumbList.typeVer .frame { display:block; border:1px solid #a9a9ac; }
      .mThumbList.typeVer > ul { overflow:hidden; margin:-10px 0 0; }
      .mThumbList.typeHor { margin:0 0 50px; }
      .mThumbList.typeHor > ul > li { padding:30px 9px; border-bottom:1px solid #dcdcdc; }
      .mThumbList.typeHor .frame { display:inline-block; }
      .mThumbList.typeHor .info { display:inline-block; vertical-align:top; }
      /* grid */
      .mThumbList [class^="grid"] > li { float:left; }
      .mThumbList .grid1 > li { width:100%; }
      .mThumbList .grid2 > li { width:50%; }
      .mThumbList .grid3 > li { width:33.33%; }
      .mThumbList .grid4 > li { width:25%; }

  /* main */
    .main { padding:0; }
    .main .view { overflow:hidden; }
    .main .admng-paging { display:none; }
    .main .visual { overflow:hidden; position:relative; width:100%; }
      .main .visual .admng-multi-tempbox { width:100% !important; }
      .main .visual .view ul li { position:absolute; left:0; top:0; width:100%; }
      .main .visual .view ul li:first-child { z-index:2; }
      .main .visual .view img { width:100%; }
      .main .visual.typeDefault .default,
      .main .visual.typeDefault .default img { width:100%; }
      .main .visual.typeDefault .slide { position:absolute; top:0; width:100%; height:100%; }
      .main .visual.typeDefault .slide .view { overflow:visible; height:100%; }
      .main .visual .btnSwipe { width:100%; height:0 !important; text-align:center; }
      .main .visual .btnSwipe ol { z-index:2; position:relative; bottom:67px; display:inline-block; }
      .main .visual .btnSwipe li button { background-position:-450px -100px; }
      .main .visual .btnSwipe li.selected button { background-position:-400px -100px; }
      .main .visual .btnSwipe > button { z-index:2; position:absolute; display:block; bottom:50% !important; margin-bottom:-27px; width:50px; height:57px; background-image:url("/img/ec/main/sfix_btn_slide.png"); background-repeat:no-repeat;}
      .main .visual .btnSwipe > button.prev { left:0; background-position:0 0; }
      .main .visual .btnSwipe > button.next { right:0; background-position:-100px 0; }
      .main .visual .btnSwipe > button span { overflow:hidden; position:absolute; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; }
    .main .startCafe24 { padding:30px 0 25px; background:#f8f8fa; }
      .main .startCafe24 ul { margin:0 auto; width:1090px; }
      .main .startCafe24 ul:after { display:block; content:""; clear:both; }
      .main .startCafe24 li { position:relative; float:left; width:16.66%; text-align:center; }
      .main .startCafe24 li:first-child { width:16.7%; }
      .main .startCafe24 li a { position:relative; display:block; padding:51px 0 0; background-image:url("/img/ec/main/bg_startCafe24.gif"); background-repeat:no-repeat; transition:background 0.8s; -webkit-transition:background 0.3s; }
      .main .startCafe24 li a:hover { background-image:url("/img/ec/main/bg_startCafe24_hover.gif"); }
      .main .startCafe24 li.item1 a { background-position:50% 0; }
      .main .startCafe24 li.item2 a { background-position:50% -100px; }
      .main .startCafe24 li.item3 a { background-position:50% -200px; }
      .main .startCafe24 li.item4 a { background-position:50% -300px; }
      .main .startCafe24 li.item5 a { background-position:50% -400px; }
      .main .startCafe24 li.item6 a { background-position:50% -500px; }
      .main .startCafe24 li a:before { position:absolute; top:13px; left:0; display:block; content:""; width:1px; height:46px; background:#d0d0d0; }
      .main .startCafe24 li:first-child a:before { display:none; }
    .main .news { position:relative; padding:30px 0; }
      .main .news ul:after { display:block; content:""; clear:both; }
      .main .news li { position:relative; float:left; width:25%; height:174px; }
      .main .news li.new .flag { z-index:2; position:absolute; top:0; right:2px; display:block; width:40px; height:40px; background:url("/img/ec/main/ico_new.png") no-repeat 0 0; }
      .main .news li a { display:block; padding:0 5px 0 6px; width:264px; height:174px; }
      .main .news .view img { display:block; width:100%; }
      .main .news .button button { width:0; }
      .main .news .slide:hover .button button { width:34px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; transition: width 0.2s; }
      .main .news .button button { position:absolute; top:61px; height:100px; background-image:url("/img/ec/main/sfix_btn_slide.png"); background-repeat:no-repeat;}
      .main .news .button button.prev { left:-10px; background-position:0 -100px; }
      .main .news .button button.next { right:-10px; background-position:-50px -100px; }
      .main .news .button button span { overflow:hidden; position:absolute; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; }
    .main .board { margin:30px 0; border:0px solid #d0d0d0; }
      .main .board:after { display:block; content:""; clear:both; }
      .main .board > div { position:relative; float:left; width:50%; height:162px; box-sizing:border-box; }
      .main .board > div h3 { font-size:20px; line-height:1; }
      .main .board .notice { padding:20px 22px; border-right:1px solid #d0d0d0; }
      .main .board .notice h3 { margin:0 0 25px; }
      .main .board .notice li { position:relative; margin:0 0 16px; padding:0 0 0 13px; font-size:14px; line-height:1; }
      .main .board .notice li:before { position:absolute; top:48%; left:0; display:block; content:""; width:3px; height:3px; background:#66676b; }
      .main .board .notice li a { overflow:hidden; display:block; width:360px; text-overflow:ellipsis; white-space:nowrap; }
      .main .board .notice li .date { position:absolute; top:0; right:0; font-size:12px; color:#888; }
      .main .board .notice .icoSfix.more { position:absolute; top:20px; right:26px; width:15px; height:15px; background-position:-250px -50px; transition:transform 0.5s; -webkit-transition:-webkit-transform 0.5s; }
      .main .board .notice .icoSfix.more:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
      .main .board .edu { position:relative; overflow:hidden; padding:20px 0 20px 0; }
      .main .board .edu h3 { margin:0 30px 25px 22px; }
      .main .board .edu .slide { padding:0 30px 0 24px; }
      .main .board .edu .slide .view { position:relative; overflow:hidden; height:84px; }
      .main .board .edu ul { height:84px; }
      .main .board .edu ul:after { display:block; content:""; clear:both; }
      .main .board .edu li { position:relative; }
      .main .board .edu li a { display:block; padding:0 0 0 110px; width:380px; height:84px; }
      .main .board .edu .thumb { position:absolute; top:0; left:0; }
      .main .board .edu .title { display:block; margin:0 0 10px; font-size:14px; line-height:20px; }
      .main .board .edu .desc { overflow: hidden; display:block; text-overflow: ellipsis; color:#777; word-wrap:break-word;  line-height:18px;; height:36px; }
      .main .board .edu .btnSlide { top:21px; right:28px; }
    .main .serviceArea { margin:20px 0 20px; }
      .main .serviceArea h2 { padding:30px 0 10px; font-size:34px; text-align:center; font-weight:normal; }
      .main .serviceCenter { margin:0 0 34px; }
      .main .serviceCenter ul { border:1px solid #d0d0d0; border-left:0;
        -webkit-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.09);
        -moz-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.09);
        box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.09); }
      .main .serviceCenter ul:after { display:block; content:""; clear:both; }
      .main .serviceCenter li { position:relative; float:left; border-left:1px solid #d0d0d0; }
      .main .serviceCenter li.edu a,
      .main .serviceCenter li.soho a,
      .main .serviceCenter li.hosting a { border-bottom:0; }
      .main .serviceCenter li a { display:block; margin:0 29px; padding:37px 10px 0 10px; width:284px; height:155px; border-bottom:1px solid #e7e7e7;background-image:url("/img/ec/main/sfix_serviceCenter.gif"); background-repeat:no-repeat; transition:background 0.8s; -webkit-transition:background 0.8s; }
      .main .serviceCenter li:hover a { background-image:url("/img/ec/main/sfix_serviceCenter_hover.gif"); }
      .main .serviceCenter li.marketing a { background-position:230px 0; }
      .main .serviceCenter li.marketingGlobal a { background-position:230px -200px; }
      .main .serviceCenter li.design a { background-position:230px -400px; }
      .main .serviceCenter li.edu a { background-position:230px -600px; }
      .main .serviceCenter li.soho a { background-position:230px -800px; }
      .main .serviceCenter li.hosting a{ background-position:230px -1000px; }
      .main .serviceCenter li .title { position:relative; display:block; font-size:20px; }
      .main .serviceCenter li .title:after { position:absolute; top:5px; right:0; display:block; content:""; width:6px; height:11px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -600px -50px; }
      .main .serviceCenter li .summary { display:block; margin:10px 0 25px; font-size:16px; letter-spacing:-0.07em; }
      .main .serviceCenter li .desc { font-size:12px; line-height:16px; color:#777; }
    .main .produce { overflow:hidden; }
      .main .produce > div { float:left; margin:0 0 0 14px; width:354px; height:220px; box-sizing:border-box; }
      .main .produce > div:first-child { margin:0; }
      .main .produce.revision > div { height:190px; }
      .main .produce .clipGuide,
      .main .produce .customer { overflow:hidden; position:relative; padding:19px 24px 0; border:1px solid #dadada; }
      .main .produce .clipGuide {  text-align:left; }
      .main .produce .clipGuide h3 { margin:0 0 30px; font-size:20px; }
      .main .produce .clipGuide h3 span { color:#e14d4d; }
      .main .produce .clipGuide ul { height:150px; }
      .main .produce .clipGuide li > a { display:block; height:89px; }
      .main .produce .clipGuide .thumb { float:left; width:126px; }
      .main .produce .clipGuide .info { float:left; width:178px; }
      .main .produce .clipGuide .view .desc { display:block; margin:0 0 10px; height:60px; font-size:14px; line-height:1.1em; color:#808080; }
      .main .produce .clipGuide .view .desc strong { display:block; margin:0 0 10px; font-size:18px; color:#4484da; line-height:1em; }
      .main .produce .clipGuide .btnSlide { top:22px; right:20px; }
      .main .produce .customer .contact { border-bottom:1px dashed #cfcfcf; }
      .main .produce .customer li { overflow:hidden; }
      .main .produce .customer .title { float:left; width:104px; }
      .main .produce .customer .contact .title { font-size:20px; }
      .main .produce .customer .account .title { font-size:14px; }
      .main .produce .customer .box { float:left; width:200px; }
      .main .produce .customer .account { padding:15px 0 0; }
      .main .produce .customer .mainPhone { font-size:32px; line-height:1; }
      .main .produce .customer .contact .info { margin:10px 0 9px; }
      .main .produce .customer .info li { color:#777; line-height:17px; }
    .main .adArea { overflow:hidden; }
      .main .adArea > div { float:left; }
      .main .adArea h3 { padding:10px 0; font-size:20px; }
      .main .adArea .marketing { margin:0 36px 0 0; width:714px; }
      .main .marketing .mTab ul { width:714px; }
      .main .marketing .mTab.grid4 li { width:25%; }
      .main .marketing .adList { overflow:hidden; padding:10px; }
      .main .marketing .adList li { position:relative; float:left; margin:20px 0 0; width:12.5%; font-size:11px; text-align:center; background:url("/img/ec/main/sfix_bg_adList.gif") no-repeat 50% 0; }
      .main .marketing .adList li:hover { background-position:50% -100px; }
      .main .marketing .adList li a { z-index:3; position:relative; display:block; padding:55px 0 0; width:100%; height:15px; color:#777; }
      .main .marketing .adList li:after { z-index:2; position:absolute; top:0; left:50%; display:block; content:""; margin:0 0 0 -25px; width:50px; height:50px; background-repeat:no-repeat; }
      .main .marketing .adList.keyword li:after { background-image:url("/img/ec/main/sfix_ico_adList_keyword.png"); }
      .main .marketing .adList.shopping li:after { background-image:url("/img/ec/main/sfix_ico_adList_shopping.png"); }
      .main .marketing .adList.onOff li:after { background-image:url("/img/ec/main/sfix_ico_adList_onOff.png"); }
      .main .marketing .adList.global li:after { background-image:url("/img/ec/main/sfix_ico_adList_global.png"); }
      .main .marketing .adList li.brand:after { background-position:50% 0; }
      .main .marketing .adList li.brand2:after { background-position:50% -50px; }
      .main .marketing .adList li.brand3:after { background-position:50% -100px; }
      .main .marketing .adList li.brand4:after { background-position:50% -150px; }
      .main .marketing .adList li.brand5:after { background-position:50% -200px; }
      .main .marketing .adList li.brand6:after { background-position:50% -250px; }
      .main .marketing .adList li.brand7:after { background-position:50% -300px; }
      .main .marketing .adList li.brand8:after { background-position:50% -350px; }
      .main .marketing .adList li.brand9:after { background-position:50% -400px; }
      .main .marketing .adList li.brand10:after { background-position:50% -450px; }
      .main .marketing .adList li.brand11:after { background-position:50% -500px; }
      .main .marketing .adList li.brand12:after { background-position:50% -550px; }
      .main .marketing .adList li.brand13:after { background-position:50% -600px; }
      .main .marketing .adList li.brand14:after { background-position:50% -650px; }
      .main .marketing .adList li.brand15:after { background-position:50% -700px; }
      .main .marketing .adList li.brand16:after { background-position:50% -750px; }
      .main .marketing .adList li.brand17:after { background-position:50% -800px; }
      .main .adArea .hotItem { position:relative; width:340px; }
      .main .adArea .hotItem ul { overflow:hidden; margin:-4px 0 0; }
      .main .adArea .hotItem li { float:left; margin:4px 0 0; width:20%; height:80px; text-align:center; }
      .main .adArea .hotItem li a { display:block; margin:0 0 0; line-height:14px; font-size:11px; color:#777; }
      .main .adArea .hotItem li a > div { padding:5px 0 0; width:100% !important; }
      .main .adArea .hotItem li a > div font { color:#777; }
      .main .adArea .hotItem .btnAd { position:absolute; top:3px; right:0; }
    .main .shopArea { border-top:1px solid #d0d0d0; background:#fbfbfc; }
      .main .shopArea h2 { margin:0 auto; padding:10px 0 0; width:1090px; font-size:20px;  }
      .main .shopArea .shopList { position: relative; margin: 0 auto; padding:15px 0 41px; width: 1090px; }
      .main .shopArea .shopList .bxslider { overflow:hidden; }
      .main .shopArea .shopList .bxslider .box { overflow:hidden; margin:0 0 0 -8px; }
      .main .shopArea .shopList .bxslider .box li{ display:inline-block; margin: 0 0 14px 10px; width: 170px; height: 100px; text-align: center; border: 1px solid #d0d0d0; background: #fff; border-radius: 5px; box-sizing: border-box; }
      .main .shopArea .shopList .bxslider > li .name { display:block; padding:8px 0 0; }
      .main .shopArea .shopBtnSwipe { position: absolute; top:-15px; right:0; margin: 0 auto; }
      .main .shopArea .shopBtnSwipe .sort { overflow:hidden; text-align: center; }
      .main .shopArea .shopBtnSwipe .sort li { display:inline-block; margin:0 0 0 14px; }
      .main .shopArea .shopBtnSwipe .sort li:first-child { margin:0; }
      .main .shopArea .shopBtnSwipe li button { width:16px; height:16px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -550px -100px; }
      .main .shopArea .shopBtnSwipe li.selected button { background-position:-500px -100px; }
      .main .shopArea .shopBtnSwipe button span { overflow:hidden; position:absolute; font-size:0; color:transparent; text-indent:120%; }
      .slick-track { position: relative; top: 0; left: 0; display: block; }

 

  /* 고객센터 */
    .customerArea .search { margin:0 0 10px 518px; }
    .customerArea .search .mForm { width:94px; }
    .customerArea .search .mForm label { font-size:14px; }
    .customerArea .search .mForm.typeSelect { width:94px; margin:0 6px 0 0; }
    .customerArea .search .mForm.typeText { width:184px; padding:0 40px 0 0; }
    .customerArea .mBrdList .no { width:70px; }
    .customerArea .mBrdList .state,
    .customerArea .mBrdList .date,
    .customerArea .mBrdList .hit,
    .customerArea .mBrdList .id { width:121px; }
    .customerArea .mBrdList .txtEllipsis { padding:0 45px 0 19px; font-size:16px; }
    .customerArea .mBrdList .txtEllipsis span { top:6px; right:20px; width:12px; height:8px; background:url("/theme/basic/img/sfix_icon.png") no-repeat -100px 0; }
    .customerArea .mBrdList .selected .txtEllipsis span { background-position:-250px 0; }
    .customerArea .mBrdList + .mButton { text-align:right; }
    .customerArea .mBrdWrite dt { width:141px; padding:13px 0 13px 19px; line-height:22px; }
    .customerArea .mBrdWrite dd { width:655px; min-height:30px; padding:10px 10px 9px 21px; }
    .customerArea .mBrdWrite .id { display:block; height:28px; padding:0 0 2px 11px; line-height:28px; }
    .customerArea .mBrdWrite .typeSelect { max-width:276px; }
    .customerArea .mBrdWrite .typeTextarea { height:298px; }
    .customerArea .mBrdWrite .typeTextarea textarea { width:625px; height:287px; padding:11px 14px 0 14px; font-size:13px; line-height:20px; }
    .customerArea .mBrdWrite .email .mForm { display:inline-block; }
    .customerArea .mBrdWrite .email .typeSelect { width:146px; margin:0 6px 0 -5px; }
    .customerArea .mBrdWrite .email .typeText { width:167px; }
    .customerArea .mBrdWrite .phone .mForm { display:inline-block; }
    .customerArea .mBrdWrite .phone .typeSelect { width:74px; }
    .customerArea .mBrdWrite .phone .typeText { width:104px; }
    .customerArea .mBrdWrite .typeFile span { float:left; width:81px; height:30px; margin:0 6px 0 0; line-height:30px; }
    .customerArea .mBrdWrite .typeFile .name { width:100%; min-width:412px; max-width:566px; font-size:12px; color:#303030; }
    .customerArea .mBrdWrite .typeFile button { top:0; height:30px; }
    .customerArea .mBrdWrite .typeFile button:after { top:10px; right:14px; background:url("/theme/basic/img/sfix_icon.png") no-repeat 0 -50px; }
    .customerArea .mBrdWrite .details strong { float:left; width:124px; height:30px; margin:0 0 5px; padding:0 0 0 10px; font-size:13px; line-height:30px; color:#303030; }
    .customerArea .mBrdWrite .details .mForm { float:left; width:519px; margin:0 0 5px; }
    .customerArea .mBrdWrite .details .typeFile { float:left; width:521px; }
    .customerArea .mBrdWrite .details .typeFile .name { width:432px; }
    .customerArea .mBrdWrite .details .typeFile + .mList { margin:3px 0 11px 134px; }
    .customerArea .mBrdWrite .details .mList { clear:both; }
    .customerArea .mBrdWrite .details .txtStrong { clear:both; width:100%; margin:7px 0 5px; }
    .customerArea .mBrdWrite .details .txtStrong + ul { margin:0 0 0 6px; }
    .customerArea .mBrdWrite .details .typeTextarea { width:519px; height:88px; }
    .customerArea .mBrdWrite .details .typeTextarea textarea { width:499px; height:68px; padding:10px; }
    .customerArea .mBrdWrite .details .fCheck { float:left; width:497px; height:29px; margin:0 0 6px 5px; line-height:29px; }
    .customerArea .mBrdWrite .details .fCheck:after { top:9px; }
    .customerArea .mBrdWrite .agree { display:block; margin:4px 0 8px 12px; font-size:13px; line-height:20px; color:#707070; }
    .customerArea .mBrdWrite .agree + .fCheck { margin:0 0 7px 12px; }
    .customerArea .mBrdWrite + .mList + .mButton { text-align:center; }
    /* 공지사항 */
      .customerArea.notice .mBrdList .txtEllipsis { padding:0 45px 0 31px; }
      .customerArea.notice .mBrdList .toggleArea .content { padding:23px 0 30px 34px; }

  /* 마이페이지 */
    /* 마이샵 */
      .myshopArea .mBrdList { margin:40px 0 0; }
      .myshopArea .mBrdList td { font-size:16px; }
      .myshopArea .mBrdList td.id { width:196px; padding:0 15px }
      .myshopArea .mBrdList .state { width:108px; }
      .myshopArea .mBrdList .date { width:126px; }
      .myshopArea .mBrdList .url { width:246px; }
      .myshopArea .mBrdList .mButton {  margin:9px 15px 9px 16px; }
      .myshopArea .mBrdList .btnNormal { font-size:14px; letter-spacing:-0.02em; }
      .myshopArea .txtInfo + .mPaginate { margin:25px 0 0; }

  /* etc */
    /* 사이트 맵 */
    .sitemapArea .section { margin:0 0 -70px; }

    /* 이용약관 */
    .termArea { overflow:hidden; width:100%; height:100%; }
    .termArea iframe { width:100%; height:100%; }
}