@charset "utf-8";

/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
html { width:100%; min-height:100%; font-size:10px; }
body,code { font-family:'나눔바른고딕','Nanum Barun Gothic',Helvetica,Arial,sans-serif; word-break:keep-all; word-wrap:break-word; -webkit-hyphens:none; hyphens:none; color:#777; background:#fff; -webkit-text-size-adjust:none; }
ul,ol,dl,li { list-style:none; }
img,fieldset { border:0; max-width:100%; vertical-align:top; }
i,em,address { font-style:normal; }
table { table-layout:fixed; width:100%; border:0; border-spacing:0; border-collapse:collapse; }
table img { vertical-align:middle; }
th,td { border:0; word-wrap:break-word; }
input,select,textarea { font-size:12px; font-family:'Nanum Barun Gothic',Helvetica,Arial,sans-serif; color:#4c4c4f; vertical-align:middle; outline:0; -webkit-appearance:none; -webkit-border-radius:0; }
label { cursor:pointer; }
legend,caption,hr.layout,.blind { visibility:hidden; overflow:hidden; text-indent:-120%; white-space:nowrap; width:0; height:0; font-size:0; line-height:0; border:0; }
button { overflow:visible; padding:0; margin:0; border:0; outline:0; cursor:pointer; background:transparent; font-family:'Nanum Barun Gothic',Helvetica,Arial,sans-serif; }
button::-moz-focus-inner { padding:0; border:0; }
a { text-decoration:none; color:#777; }
a:hover { text-decoration:underline; }
a[href^="tel"]:hover { text-decoration:none; }

/* html5 */
object,del,sub,var { margin:0; padding:0; }
article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section { display:block; }

/* skipNavigation */
#skipNavigation { position:absolute; top:0; left:0; z-index:100; width:100%; height:0; }
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li { height:0; }
#skipNavigation p a { position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap; }
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active { width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100; }

/* global */
table .left { text-align:left; }
table .center { text-align:center; }
table .right { text-align:right; }
table .top { vertical-align:top; }
table .middle { vertical-align:middle; }
.dimmed { z-index:100; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,0.3); }

/* 애드관리자 reset */
[id*="admng"] input[type="checkbox"] { -webkit-appearance:checkbox; }

/* For Print */
@media print {
  #header, #sidebar, #aside, footer, #btnFoldLayout { display:none; }
  #contents { float:none; width:auto; }
}

/* ie8 */
  .ie8 { background:url('//img.cafe24.com/img/soho/head/common/bg_main_ie8.jpg') no-repeat 0 0; }
  .ie8 #wrap { display:none; }
  .ie8 .unsupported .footer { display:none; }

/* layout common */
  body { min-width:320px; }
  header a:hover { text-decoration:none; }
  header .branch .mForm { width:100%; box-sizing:border-box; }
  header .branch .mForm.typeSelect { width:100%; margin:0 6px 0 0; }
  header .branch h3 { line-height:1; }
  header .branch .container { overflow:hidden; height:auto; transition:height 0.5s; -webkit-transition:height 0.5s; -moz-transition:height 0.5s; }
  header .branch .container.hidden { height:0; border-bottom-width:0; }
  /* PHDEV-13695 삭제예정 */
  header .branch .local, header .branch .oversea { overflow:hidden; }
  header .branch .local { height:auto; transition:height 0.5s; -webkit-transition:height 0.5s; -moz-transition:height 0.5s; }
  header .branch .local.hidden { height:0; border-bottom-width:0; }
  header .branch .local .list li { display:none; }
  header .branch .local .list li.selected { display:block; }
  /* // PHDEV-13695 삭제예정 */
  header .branch .message { line-height:1.875em; color:#777; }
  header .branch .list li { width:50%; }
  header .branch .container .list li { display:none; }
  header .branch .container .list li.selected { display:block; }
  header .branch .list li a { vertical-align:middle; color:#777; line-height:1.875em; }
  header .branch .oversea { border-top:1px solid #ccc; }
  header .branch .oversea li.flag:before { display:inline-block; content:""; vertical-align:middle; background-repeat:no-repeat; }
  header .branch .oversea li.flag.cngzu { background-position:0 0; }
  #container { background:#fff; }
  #contents { position:relative; margin:0 auto; box-sizing:border-box; }
  footer .btnTop { display:none; z-index:21; position:fixed; border:1px solid #4a505b; color:#4a505b; line-height:1; text-align:center; text-transform: uppercase; text-decoration:none; background-color:rgba(255,255,255,0.7); box-sizing:border-box; transition:bottom 0.5s; -webkit-transition:bottom 0.5s; -moz-transition:bottom 0.5s; }
  footer .familysite { z-index:11; }
  footer .mail:after { content:"@cafe24corp.com"; display:inline-block; }
  /* 지점 */
  .branch header .logo { position:relative; }
  .branch header .logo .headLink { overflow:hidden; z-index:1; position:absolute; top:0; left:0; font-size:0; white-space:nowrap; text-indent:-150%; }

/* 미대응브라우저 */
  #unsupported { overflow:hidden; height:100%; }
    #unsupported .unsupported { display:block; }
  .unsupported { display:none; }
  .unsupported .infoBox { z-index:110; position:fixed; top:15%; left:0; right:0; margin:0 auto; padding:60px 48px; width:820px; height:588px; color:#4c4c4f; text-align:center; border:2px solid #000; background:#fff; box-sizing:border-box; }
  .unsupported h1 { margin:0 0 30px; font-size:50px; color:#27273a; font-weight:normal; }
  .unsupported .desc { margin:0 0 40px; font-size:16px; line-height:24px; }
  .unsupported .desc strong { color:#000; }
  .unsupported .browser { overflow:hidden; }
  .unsupported .browser li { float:left; margin:0 0 0 27px; }
  .unsupported .browser li:first-child { margin:0; }
  .unsupported .browser li > img { border:1px solid #d5d5d5; border-bottom-width:0; }
  .unsupported .browser li .btnLink { display:block; padding:15px 0; color:#fff; background:#43485b; }
  .unsupported .footer { padding:20px 0 0; text-align:right; }
  .unsupported .close { position:absolute; top:30px; right:30px; }
  .unsupported .close { overflow:hidden; display:block; width:25px; height:24px; white-space:nowrap; font-size:0; text-indent:-150%; background:url("//img.cafe24.com/images/common/browser/sfix_footer.png") no-repeat 0 0; }
  .unsupported .today { font-family:"돋움", Dotum, sans-serif; font-size:12px; }
  .unsupported .today .check { width:17px; height:17px; margin:0 0 0 9px; vertical-align:top; border-radius:0; cursor:pointer; background:url("//img.cafe24.com/images/common/browser/sfix_footer.png") no-repeat 0 -50px; }
  .unsupported .today .check:checked { background-position:-50px -50px; }

  .dimmedBlack { z-index:100; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.4); }
/* ======================================== Media Query ======================================== */

/********************* Mobile *********************/
@media all and (max-width:767px) {
  /* 애드관리자 reset */
  #wrap [id*="admng"] .RTB { display:none; }

  /* global */
  body { font-size:1rem; }
  #wrap .RMI { display:inline; }
  #wrap .RMB { display:block; }
  #wrap .RMIB { display:inline-block; }
  #wrap .RWT { display:none; }
  .gBlankS { margin-top:10px; }
  .gBlankM { margin-top:15px; }
  .gBlankL { margin-top:20px; }

  /* layout */
  header { height:38px; }
  header, header h1 a, nav .login, header .topHead { height:46px; line-height:46px; }
  header .buttonWrap { margin:0 10px 0 0; width:58px; }
  header .buttonWrap .btnConsult { margin:0 0 0 -40px; width:37px; height:28px; background-position:0 -100px; background-size:150px auto; }
  header .buttonWrap .btnBranch { top:0; right:10px; margin:11px 0 0 0; width:20px; height:25px; background-position:-125px -25px; background-size:150px auto; }
  header .searchBranch h2 { height:46px; line-height:46px; font-size:16px; }
  header .searchBranch .mForm { height:30px; font-size:11px; color:#263238; border-color:#4a505b; }
  header .searchBranch .mForm span,
  header .searchBranch .mForm select { font-size:13px; }
  header .searchBranch .container { padding:0 10px; }
  header .searchBranch h3 { padding:15px 0 0; font-size:14px; line-height:1; }
  header .searchBranch .contents { padding:15px 5%; }
  header .searchBranch .message { padding:15px 0; font-size:11px; }
  header .searchBranch .list { overflow:hidden; padding:10px 0 0; }
  header .searchBranch .container .list { margin:0 0 15px; }
  /* PHDEV-13695 삭제예정 */
  header .searchBranch .local, header .searchBranch .oversea { padding:0 10px; }
  header .searchBranch .local .list { margin:0 0 15px; }
  /* // PHDEV-13695 삭제예정 */
  header .searchBranch .list li { float:left; line-height:1.5; }
  header .searchBranch .list li a { font-size:12px; }
  header .searchBranch .oversea li { width:100%; }
  header .searchBranch .oversea li.flag:before { margin:-1px 10px 0 0; width:27px; height:20px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_flag_m.png'); background-size:auto auto; }
  header .searchBranch .btnClose { overflow:hidden; top:15px; right:15px; width:20px; height:20px; }
  header .searchBranch .btnClose:before, header .searchBranch .btnClose:after { left:0; width:20px; height:1px; }
  /* 펼쳤을 때 */
  .mShowBranch header .btnBranch { width:18px; height:13px; background-position:-50px 0; }
  header h1 img { width:auto; height:16px; }
  header .fold { top:14px; left:10px; width:25px; height:20px; }
  header .fold span { height:4px; }
  header .fold span:nth-child(2) { top:8px; }
  header .fold span:nth-child(3) { top:16px; }
  /* 펼쳐졌을 때 */
  .mNav #navigation { padding:46px 0 0; }
  .mNav .fold { top:12px; right:3.2%; width:20px; height:20px; }
  .mNav .fold span { height:1px; }
  .mNav .fold span:nth-child(1) { top:7px; }
  nav { top:46px; padding:0 0 43px; }
  nav a { height:36px; line-height:36px; }
  nav > ul > li > a, nav .loginArea { font-size:13px; }
  nav .loginArea { top:-40px; left:15px; height:32px; line-height:32px; }
  nav .loginArea .login, nav .logout { display:inline-block; padding:0 20px; height:28px; line-height:28px; font-size:13px; }
  nav .loginArea .member { padding:0 0 0 22px; }
  nav .loginArea .member:before { top:9px; width:15px; height:14px; background-size:150px auto; background-position:-100px -100px; }
  nav > ul { overflow:auto; height:100%; border-bottom:1px solid #d5d5d5; }
  nav .logoutArea { position:absolute; bottom:0; padding:10px 15px 0; height:43px; line-height:1em; border-top:1px solid #d5d5d5; box-sizing:border-box; }
  nav .logout { color:#fff; background:#585e6a; }
  nav li li a { height:30px; line-height:30px; font-size:12px; }
  nav > ul > li > a:after { top:10px; width:10px; height:10px; }
  nav li.selected a:after { top:14px; }

  #container {padding:46px 0 0; }
  #contents { padding:0 15px 30px; }

  footer .btnTop { right:17px; bottom:283px; width:36px; height:36px; font-size:12px; }
  footer .btnTop:before { margin:5px auto; width:9px; height:9px; background-position:-25px 0; background-size:150px auto; }
  footer .logo { margin:0 0 10px; }
  footer h2.logo img { width:60px; height:auto; }
  footer .util li, footer .info .simplexi { font-size:11px; }
  footer .info { font-size:11px; }
  footer .info ul li dt { width:30%; }
  footer .info ul li dd { width:70%; }
  footer .info ul li dt, footer .info ul li dd { line-height:17px; }
  footer .association img { width:auto; height:20px; }
  footer .copyright { height:29px; line-height:29px; font-size:11px; }

  /* 지점 */
  .branch header .headLink { width:147px; height:46px; }
  .branch header .buttonWrap .btnConsult { background-position:-50px -100px; }
}

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

}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1023px) {
  /* global */
  body { font-size:2rem; }
  .gBlankS { margin-top:20px; }
  #wrap .RMI, #wrap .RMB, #wrap .RMIB { display:none; }

  /* layout */
  header {  }
  header, header h1 a, header .topHead { height:76px; line-height:75px; }
  header .searchBranch h2 { height:76px; line-height:76px; font-size:26px; }
  header .searchBranch .mForm label { font-size:20px; border-color:#4a505b; }
  header .searchBranch h3, header .searchBranch .list, header .searchBranch li, header .searchBranch .message { float:left; }
  header .searchBranch .container { padding:0 10px; }
  /* PHDEV-13695 삭제예정 */
  header .searchBranch .local, header .searchBranch .oversea { padding:0 10px; }
  header .searchBranch .local .list { margin:0 0 30px; }
  /* // PHDEV-13695 삭제예정 */
  header .searchBranch h3 { padding:30px 0 0; width:24%; font-size:22px; }
  header .searchBranch .contents { padding:15px 5%; }
  header .searchBranch .message { padding:30px 0 30px 3.5%; font-size:20px; }
  header .searchBranch .list { padding:25px 0 0; width:65%; }
  header .searchBranch .container .list { margin:0 0 30px; }
  header .searchBranch .list li { text-indent:3.5%; line-height:2; }
  header .searchBranch .list li a { font-size:16px; }
  header .searchBranch .oversea li.flag:before { margin:-1px 10px 0 0; width:27px; height:20px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_flag_m.png'); background-size:auto auto; }
  header .buttonWrap { margin:0 20px 0 0; width:110px; }
  header .buttonWrap .btnConsult { margin:0 0 0 -50px; width:73px; height:56px; background-position:0 -200px; background-size:auto auto; }
  header .buttonWrap .btnBranch { top:0; right:20px; margin:11px 0 0 0; width:40px; height:50px; background-position:-250px -50px; background-size:auto auto; }
  header .searchBranch .btnClose { top:25px; right:30px; width:22px; height:22px; }
  header .searchBranch .btnClose:before, header .searchBranch .btnClose:after { left:-3px; width:27px; height:2px; }
  header .fold { top:20px; left:20px; width:41px; height:33px; }
  header .fold span.bar { height:7px; }
  header .fold span:nth-child(2) { top:13px; }
  header .fold span:nth-child(3) { top:26px; }
  /* 펼쳐졌을 때 */
  .mNav #navigation { padding:76px 0 0; }
  .mNav .fold { top:26px; right:3.8%; width:22px; height:22px; }
  .mNav .fold span.bar { height:2px; }
  .mNav .fold span:nth-child(1),
  .mNav .fold span:nth-child(2),
  .mNav .fold span:nth-child(3) { top:50%; }
  nav { top:76px; padding:0 0 86px; }
  nav a { height:64px; line-height:64px; }
  nav .loginArea { top:-70px; left:30px; height:64px; line-height:64px; }
  nav .loginArea .login, nav .logout { display:inline-block; padding:0 39px; height:46px; line-height:46px; font-size:22px; }
  nav > ul > li > a, nav .loginArea { font-size:22px; }
  nav .logoutArea { position:absolute; bottom:0; padding:20px 30px 0; height:86px; line-height:1em; border-top:1px solid #d5d5d5; box-sizing:border-box; }
  nav .loginArea .member { padding:0 0 0 44px; }
  nav .loginArea .member:before { top:17px; width:30px; height:28px; background-position:-200px -200px; }
  nav > ul { overflow:auto; height:100%; border-bottom:1px solid #d5d5d5; }
  nav .logout { color:#fff; background:#585e6a; }
  nav li li a { height:50px; line-height:50px; font-size:20px; }
  nav > ul > li > a:after { top:20px; width:12px; height:12px; border-width:0 0 2px 2px;  }
  nav li.selected a:after { top:28px; }

  #container { padding:76px 0 0; }
  #contents { padding:0 20px 90px; }

  footer .btnTop { right:20px; bottom:350px; width:60px; height:55px; font-size:13px; }
  footer .btnTop:before { margin:10px auto 4px; width:17px; height:18px; background-position:-50px 0; }
  footer .logo { margin:0 0 22px; }
  footer .util li { font-size:13px; }
  footer .info { font-size:12px; }
  footer .info dd { margin:0 20px 0 0; }
  footer .info ul li dt, footer .info ul li dd { line-height:22px; }
  footer .copyright { height:31px; line-height:31px; font-size:12px; }

  /* 지점 */
  .branch header .headLink { width:284px; height:76px; }
  .branch header .buttonWrap .btnConsult { background-position:-100px -200px; }
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1023px) {
    /* 미대응브라우저 */
      .unsupported, .unsupported .dimmedBlack { display:none !important; }
      #unsupported { overflow:visible; height:auto; }

    /* 애드관리자 reset */
    [id*="admng"] .RWF { display:none; }

    /* global */
    #wrap .RTI { display:inline; }
    #wrap .RTB { display:block; }
    #wrap .RTIB { display:inline-block; }
    #wrap .RW { display:none; }

    /* layout */
    header { z-index:20; position:fixed;top:0; left:0; width:100%; background:#343a4a; }
    header .topHead { text-align:center; }
    header .topHead .branch { z-index:21; position:fixed; right:-70%; top:0; bottom:0; width:70%; font-size:18px; text-align:left; background:#fff; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s; }
    header .branch h2 { text-align:center; color:#fff; background:#34394c; }
    header .topHead .buttonWrap { position:absolute; top:0; right:0; }
      body.branch header .topHead .buttonWrap { width:auto; }
    header .topHead .buttonWrap a[class^="btn"] { overflow:hidden; display:inline-block; vertical-align:middle; line-height:0; color:transparent; text-indent:-120%; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); background-repeat:no-repeat; }
    header .topHead .buttonWrap .btnBranch { position:fixed; }
    header .searchBranch .btnClose { position:absolute; display:block; color:transparent; line-height:0; font-size:0; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s; }
    header .searchBranch .btnClose:before, header .searchBranch .btnClose:after { display:block; content:""; position:absolute; top:50%; background:#fff; opacity:1; }
    header .searchBranch .btnClose:before { -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    header .searchBranch .btnClose:after { -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    header .branch .searchBranch { z-index:22; overflow:auto; height:100%; }
    header .branch .container { border-bottom:1px solid #ccc; }
    /* PHDEV-13695 삭제예정 */
    header .branch .local { border-bottom:1px solid #ccc; }
    /* // PHDEV-13695 삭제예정 */
    /* 펼쳤을 때 */
    .mShowBranch header .branch { right:0; }
    .mShowBranch #btnFoldLayout { z-index:21; right:auto; left:0; width:30%; }
    .mShowBranch .btnTop { display:none; }
    .mShowBranch header .btnBranch { visibility:hidden; }
    header h1 { display:inline-block; }
    header h1 a { display:inline-block; height:100%; vertical-align:middle; }
    header h1 img { vertical-align:middle; }
    header .topBar { position:absolute; top:0; right:0; text-align:right; }
    header .fold { position:relative; display:block; cursor:pointer;
      -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s; -moz-transition:.5s; transition:.5s;
    }
    header .fold span.bar { display:block; position:absolute; width:100%; background:#fff; opacity:1; left:0;
      -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;
    }
    header .fold span:nth-child(1) { top:0; }
    #navigation { z-index:30; position:absolute; top:0; }
    nav { position:fixed; bottom:0; left:-100%; width:70%; background:#fff; box-sizing:border-box; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s; }
    nav a { text-decoration:none; }
    nav .loginArea { z-index:33; position:absolute; }
    nav .loginArea .login { color:#fff; background:#41a3ff; }
    nav .loginArea .login:after { display:none; }
    nav .loginArea .member { position:relative; display:inline-block; color:#fff; }
    nav .loginArea .member:before { position:absolute; left:0; display:block; content:""; vertical-align:middle; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); background-repeat:no-repeat; }
    nav > ul > li > a { position:relative; display:block; padding:0 4%; color:#272739; border-bottom:1px solid #d5d5d5; background:#f0f2f5; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s; }
    nav > ul > li > a:after { position:absolute; right:4.5%; display:block; content:""; border:solid #2c2c3d; border-width:0 0 1px 1px;
      -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;
    }
    nav li li a { display:block; padding:0 6%; width:88%; color:#737374; }
    nav ul ul { display:none; border-bottom:1px solid #d5d5d5; }
    #btnFoldLayout { position:fixed; top:0; right:0; display:block; width:0; height:100%; font-size:0; color:transparent; line-height:0; background:rgba(0, 0, 0, 0.4); -webkit-transition:.32s; -moz-transition:.32s; transition:.32s; }
    /* 펼쳐졌을 때 */
    .mNav { overflow:hidden; position:relative; height:100%; }
    .mNav #navigation { position:absolute; top:0; bottom:0; width:70%; height:100%; background:#393d4a; box-sizing:border-box; }
    .mNav nav { left:0; }
    .mNav .fold { z-index:32; position:absolute; left:auto; }
    .mNav .fold span.bar { top:50%; left:50%; margin-left:-50%; width:100%; }
    .mNav .fold span:nth-child(1) { width:0; left:50%; }
    .mNav .fold span:nth-child(2) { -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    .mNav .fold span:nth-child(3) { -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    .mNav #btnFoldLayout { z-index:21; width:30%; }
    nav li.selected > a { font-weight:700; color:#fff; background:#41a3ff; }
    nav li.selected a:after { border-color:#fff; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s; }
    #wrap nav li.member.off { display:none; }
    nav li.selected > ul { display:block; padding:10px 0; }
    .mNav footer .btnTop { display:none; }

    .main #contents { padding:0; }

    footer { padding:21px 0 0; background:#282c32; }
    footer .btnTop:before { display:block; content:""; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon_m.png'); }
    footer .inner, footer .inner a, footer .inner button { color:#969aa3; }
    footer .logo { text-align:center; }
    footer .util { padding:21px 0 15px; font-size:0; text-align:center; }
    footer .util li { position:relative; display:inline-block; }
    footer .util li:before { position:absolute; top:5px; left:0; display:block; content:""; width:1px; height:11px; background:#4a4d51; }/* 한줄 : MPR-11091 수정 대상 */
    footer .util li:first-child:before { display:none; }
    footer .util li a { display:block; padding:5px 13px; }
    footer .util li strong { color:#4a83c4; }
    footer .info { background:#363b43; }
    footer .association { padding:13px 0; text-align:center; }
    footer .association a { margin:0 0 0 12px; }
    footer .association a:first-child { margin:0; }
    footer .familysite { position:relative; margin:0 auto; width:90%; max-width:250px; font-size:13px; }
    footer .familysite > button { position:relative; display:block; margin:0 auto; padding:4px 8px; width:100%; text-align:left; border:1px solid #4f5259; background-color:#3b3e45; }
    footer .familysite > button:after { display:block; content:"\002B"; position:absolute;top:4px; right:8px; width:8px; height:8px; font-weight:bold; }
    footer .familysite a { display:block; padding:6px 20px; color:#989a9e; text-align:left; }
    footer .familysite ul { display:none; position:absolute; bottom:24px; left:0; width:100%; padding:5px 7px 8px; max-height:400px; overflow-y:auto; border:1px solid #4f5259; background-color:#3b3e45; box-sizing:border-box; }
    footer .familysite.selected ul { display:block; }
    footer .familysite ul li { position:relative; }
    footer .familysite ul li:before { display:block; content:""; position:absolute; top:12px; left:15px; width:2px; height:2px; background:#989a9e; }
    footer .info .simplexi { display:block; margin:0 0 1px; padding:11px 0; text-align:center; border-top:1px solid #3c414a; cursor:pointer; }
    footer .info .simplexi span { position:relative; padding:0 18px 0 0; }
    footer .info .simplexi span:after { position:absolute; top:0; right:0; display:block; content:""; width:7px; height:7px; vertical-align:middle; border:1px solid #8c8e92; border-width:0 0 1px 1px;
      -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;
    }
    footer .info.selected .simplexi span:after { top:4px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s; }
    footer .info > ul { overflow:hidden; height:0; }
    footer .info.selected > ul { padding:15px 14px; height:auto; border-top:1px solid #282c32; }
    footer .info ul dl:after { display:block; content:""; clear:both; }
    footer .info ul li dt, footer .info ul li dd { float:left; }
    footer .info dd a.btnBizinfo { display:inline-block; padding:4px 7px; line-height:1; border:1px solid #4f5259; }
    footer .copyright { width:100%; text-align:center; color:#5c6573; font-family:"돋움", Dotum, sans-serif; border-top:1px solid #2f343a; background:#282c32; }
    /* 두줄 이상 : MPR-11091 추가 대상 */
    /* reset */
      #wrap.parcel footer { padding:0; }
      #wrap.parcel footer .util { padding:11px 0; }
    /* //MPR-11091 */
    #banner.RW { display:none !important; }

    /* 지점 */
    .branch header,
    .branch.mNav #navigation { background:#41a3ff; }
    .branch nav .loginArea .login { background:#343a4a; }
    .branch nav li.selected > a { background:#393d4a; }
    .branch nav .logout { background:#393d4a; }
}

/********************* PC & tablet *********************/
@media all and (min-width:768px) {

}

/********************* PC(1024 ~ 1170) *********************/
@media all and (min-width:1024px) and (max-width:1170px) {
    /* 애드관리자 reset */
    [id*="admng"] .RWF { display:none; }

    /* layout */
    header .topBar .inner, header .topHead, nav > ul, footer .inner { width:100%; max-width:1090px; }
    header .topHead { padding:20px 3% 0; }
    #contents { padding:0 30px; width:100%; max-width:1090px; }
    footer .association { right:3%; }
    footer .btnTop { right:23px; bottom:285px; width:60px; height:55px; }
}

/********************* PC(1171 ~ full) *********************/
@media all and (min-width:1171px) {
    /* 애드관리자 reset */
    [id*="admng"] .RW { display:none; }

    /* layout */
    header .topBar .inner, header .topHead,nav > ul, #contents, footer .inner { width:1090px; }
    header .topHead { padding:20px 0 0; }
    footer .association { right:0; }
}

/********************* PC *********************/
@media all and (min-width:1024px) {
    /* global */
    body { font-size:1.5rem; }
    #wrap .RMI, #wrap .RMB, #wrap .RMIB, #wrap .RTI, #wrap .RTB, #wrap .RTIB { display:none; }
    a[href^="tel"] { cursor:text; }

    /* layout */
    header { z-index:10; position:relative; padding:30px 0 43px; }
    header .topHead { margin:0 auto; height:77px; box-sizing:border-box; }
    header .topHead h1 { display:inline-block; }
    header .buttonWrap { float:right; position:relative; }
    header .buttonWrap:after { display:block; content:""; clear:both; }
    header .branch { float:right; position:relative; }
    header .buttonWrap a[class^="btn"] { display:inline-block; margin:0 0 0 10px; padding:0 17px; height:30px; line-height:30px; border:1px solid #4a505b; background:#fafafa; }
    header .buttonWrap a[class^="btn"]:before { display:inline-block; content:""; margin:0 8px 0 0; vertical-align:middle; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); background-repeat:no-repeat; }
    header .buttonWrap .btnBranch:before { width:15px; height:18px; background-position:0 0; }
    header .buttonWrap .btnConsult:before { width:24px; height:18px; background-position:0 -100px; }
    header .searchBranch { opacity:0; z-index:50; position:absolute; top:-1000px; right:0; padding:30px; width:480px; border:1px solid #555; background:#fff;
      box-sizing:border-box;
      box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
      -webkit-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
      transition: opacity .3s;
      -o-transition: opacity .3s;
      -moz-transition: opacity .3s;
      -webkit-transition: opacity .3s;
      -webkit-transition-delay:display 2s;
      transition-delay:display 2s;
    }
    header .searchBranch h2 { font-size:26px; line-height:1; }
    header .searchBranch .btnClose { position:absolute; top:30px; right:30px; display:block; width:22px; height:22px; color:transparent; line-height:0; font-size:0; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s; }
    header .searchBranch .btnClose:before, header .searchBranch .btnClose:after { display:block; content:""; width:100%; height:2px; background:#555; opacity:1; left:0; }
    header .searchBranch .btnClose:before { -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    header .searchBranch .btnClose:after {margin:-2px 0 0; -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    header .searchBranch .btnClose:hover { -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
    header .searchBranch .contents { padding:30px 0 0; }
    header .searchBranch .mForm label { font-size:17px; }
    header .searchBranch h3, header .searchBranch .list, header .searchBranch li, header .searchBranch .message { float:left; }
    header .searchBranch .container { padding:0 10px; }
    /* PHDEV-13695 삭제예정 */
    header .searchBranch .local, header .branch .oversea { padding:0 10px; }
    header .searchBranch .local .list { margin:0 0 30px; }
    /* // PHDEV-13695 삭제예정 */
    header .searchBranch h3 { padding:30px 0 0; width:70px; font-size:19px; }
    header .searchBranch .message { padding:27px 0 30px 40px; font-size:16px; }
    header .searchBranch .list { padding:27px 0 0; width:325px; }
    header .searchBranch .container .list { margin:0 0 30px; }
    header .searchBranch .list li { text-indent:40px; line-height:2; }
    header .searchBranch .list li a { font-size:16px; }
    header .searchBranch .oversea li.flag:before { margin:-1px 10px 0 0; width:23px; height:17px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_flag.png'); }
      /* searchBranch col4 */
      header .searchBranch.col4 { width:955px; }
      header .searchBranch.col4 .list { width:802px; }
      header .searchBranch.col4 .list li { width:25%; }
      header .searchBranch.col4 .container .list { margin-bottom:0; }
      header .searchBranch.col4 .container:last-child .list { margin-bottom:30px; }

    /* 펼쳤을 때 */
    .mShowBranch header .searchBranch { opacity:1; top:40px; display:block; }
    header .topBar { position:absolute; top:0; width:100%; height:29px; line-height:29px; border-bottom:1px solid #d4d4d4; }
    header .topBar .inner { margin:0 auto; height:100%; }
    header .topBar .inner:after { display:block; content:""; clear:both; }
    header .topBar ul, header .topBar li, header .topBar .login { float:left; height:100%; }
    header .topBar a { display:block; height:100%; line-height:1; text-align:center; box-sizing:border-box; }
    header .topBar .centerList li a { padding:9px 14px 0; font-size:11px; color:#777; border-right:1px solid #f0f0f0; }
    header .topBar .centerList li:first-child a { border-left:1px solid #f0f0f0; }
    header .topBar .buttonArea { float:right; }
    header .topBar .buttonArea li { margin-left:1px; }
    header .topBar .buttonArea a { padding:9px 0 0; width:112px; font-size:13px; color:#fff; }
    header .topBar .login a, header .topBar .member > a { background:#41a3ff; }
    header .topBar .faq a { background:#585e6a; }
    header .topBar .member > a { position:relative; }
    header .topBar .member > a:after { position:relative; top:-2px; display:inline-block; content:""; margin:0 0 0 8px; width:8px; height:8px; border:solid #fff; border-width:0 0 2px 2px;
      -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
    }
    header .topBar .member:hover .mypage { padding:1px 0 0; height:50px; border-width:0 1px 1px 1px; }
    header .topBar .member .mypage { overflow:hidden; height:0; z-index:51; position:relative; float:none; width:100%; border:solid #7f8185; border-width:0; background:#fff; box-sizing:border-box;
      transition:height 0.3s; -webkit-transition:height 0.3s; -moz-transition:height 0.3s;
    }
    header .topBar .member .mypage li { float:none; padding:0 13px; height:auto; border-top:1px solid #ddd; }
    header .topBar .member .mypage li:first-child { border-top:0; }
    header .topBar .member .mypage li a { display:block; padding:0; width:100%; height:23px; line-height:23px; color:#777; }
    /* reset */
      #wrap.parcel header { padding:0; border-bottom:1px solid #d4d4d4; }/* 한줄 : MPR-11091 추가 대상 */

    #navigation { z-index:11; position:absolute; top:107px; left:0; width:100%; height:43px; background:#fff; transition:height 0.5s; -webkit-transition:height 0.5s; -moz-transition:height 0.5s; }
    #navigation.open { height:393px; border-bottom:1px solid #989ca5; }
    nav { width:100%; background:#34394c; height:43px; }
    nav a { display:block; text-align:center; text-decoration:none; }
    nav > ul { margin:0 auto; height:43px; }
    nav > ul > li { position:relative; float:left; width:25%; height:100%; line-height:43px; }
    nav.col5 > ul > li { width:20%; }
    nav > ul > li > a { width:100%; height:100%; color:#fff; font-size:17px; }
    nav > ul > li.inquire > a { color:#fff67f; }
    nav > ul > li > ul { border-right:1px solid #e5e5e5; box-sizing:border-box; }
    nav > ul > li:first-child > ul { border-left:1px solid #e5e5e5; }
    nav > ul > li:hover > a { background:#41a3ff; }
    nav > ul > li:hover > ul { background:#f7f8fa; }
    nav > ul > li:hover > ul a { color:#263238; }
    nav ul ul { overflow:hidden; position:absolute; left:0; top:43px; width:100%; height:0; transition:height 0.5s; -webkit-transition:height 0.5s; -moz-transition:height 0.5s; }
    #navigation.open nav ul ul { height:350px; }
    nav ul ul li { font-size:15px; line-height:26px; }
    nav ul ul li:first-child { margin:20px 0 0; }
    nav ul ul li a { color:#666; }
    nav ul ul li.consult a { color:#000; }
    nav ul ul li a:hover { font-weight:700; color:#379df4; }
    .fold { display:none; }

    #container { min-height:700px; }
    #contents { padding-bottom:90px; box-sizing:border-box; }
    .main #contents { padding:0; width:100%; max-width:100%; }

    aside.banner { z-index:9; position:fixed; top:300px; left:1350px; width:90px; padding:10px 0 0; text-align:center; color:#4c4c4f; font-size:13px; border:1px solid #e1e1e1; background:#fff; box-sizing:border-box; }
      .main aside.banner { top:700px; left:1350px; }
    aside.banner p { margin:10px 0; }
    aside.banner .btnTop { display:inline-block; width:100%; height:25px; line-height:25px; vertical-align:middle; text-transform: uppercase; border-top:1px solid #e1e1e1; text-decoration:none; }
    aside.banner .btnTop:after { display:inline-block; content:""; margin:0 0 0 3px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:7px solid #4c4c4f; vertical-align:middle; }

    footer { z-index:20; position:relative; width:100%; background:#20242b; }
    footer .btnTop { bottom:350px; width:60px; height:55px; line-height:1; font-size:13px; }
    footer .btnTop:before { display:block; content:""; margin:10px auto 4px; width:17px; height:18px; background-image:url('//img.cafe24.com/img/soho/head/common/sfix_icon.png'); background-position:-50px 0; }
    footer .inner { position:relative; margin:0 auto; color:#989a9e; }
    footer .inner:after { display:block; content:""; clear:both; }
    footer .inner > div { float:left; }
    footer .corp { padding:49px 0 0 30px;width:24%; box-sizing:border-box; }
    footer .corp h2 { margin:0 0 16px; }
    footer .familysite { position:relative; width:165px; }
    footer .familysite > button { position:relative; display:block; width:100%; border:1px solid #4f5259; padding:9px 20px; margin:0 auto; text-align:left; color:#989a9e; font-size:13px; background-color:#3b3e45; }
    footer .familysite > button:after { display:block; content:"\002B"; position:absolute; top:9px; right:20px; width:8px; height:8px; font-weight:bold; }
    footer .familysite a { display:block; padding:6px 20px; color:#989a9e; text-align:left; }
    footer .familysite a:hover { text-decoration:underline; }
    footer .familysite ul { display:none; position:absolute; bottom:34px; left:0; padding:10px 7px 15px; width:100%; max-height:400px; overflow-y:auto; border:1px solid #4f5259; background-color:#3b3e45; box-sizing:border-box; }
    footer .familysite.selected ul { display:block; }
    footer .familysite ul li { position:relative; }
    footer .familysite ul li:before { display:block; content:""; position:absolute; top:12px; left:15px; width:2px; height:2px; background:#989a9e; }
    footer .infoWrap { position:relative; padding:0 3% 25px 0; width:73%; line-height:1.8; }
    footer .infoWrap strong { padding:0 10px 0 0; }
    footer .simplexi, footer .util { float:left; }
    footer .util { margin:0 0 20px; padding:20px 0; width:100%; border-bottom:1px solid #484848; }
    footer .util li { position:relative; float:left; padding:0 5%; text-align:center; }
    footer .util li:first-child { padding:0 5% 0 0; }
    footer .util li:last-child { padding:0 0 0 5%; }
    footer .util li:before { position:absolute; top:7px; left:0; display:block; content:""; width:1px; height:11px; background:#484848; }/* 한줄 : MPR-11091 수정 대상 */
    footer .util li:first-child:before { display:none; }
    footer .util li a { color:#fff; }
    footer .util li strong { color:#4a83c4; }
    footer .info:after { display:block; content:""; clear:both; }
    footer .info { font-size:11px; }
    footer .association { position:absolute; right:3%; bottom:45px; }
    footer .association a { margin:0 0 0 24px; }
    footer .association a:first-child { margin:0; }
    footer .info dl:after { display:block; content:""; clear:both; }
    footer .info dt,
    footer .info dd { display:inline-block; }
    footer .info dt { position:relative; padding:0 0 0 11px; }
    footer .info dt:first-child { padding:0; }
    footer .info dd { padding:0 10px 0 0; }
    footer .info dt:after { position:absolute; top:4px; left:0; display:block; content:""; width:1px; height:11px; background:#484848; }
    footer .info dt:first-child:after { display:none; }
    footer .info dd a { color:#989a9e; }
    footer .info dd a.btnBizinfo { display:inline-block; margin:0 0 0 10px; padding:0 4px; border:1px solid #4f5259; color:#989a9e; background:#3b3e45; }
    footer .copyright { width:100%; height:47px; line-height:47px; background:#282c32; text-align:center; color:#8c8e92; }
    /* 두줄 이상 : MPR-11091 추가 대상 */
    /* reset */
      #wrap.parcel footer .inner { width:640px; }
      #wrap.parcel footer .infoWrap { width:100%; padding-right:0; }
    /* //MPR-11091 */

    /* 지점 */
    .branch header .topHead h1 { margin:6px 0 0; }
    .branch header .headLink { width:197px; height:35px; }
    .branch header .buttonWrap .btnTel:before { width:24px; height:24px; background-size:240px auto; background-position:-160px -40px; }

    .branch nav { background:#41a3ff; }
    .branch nav > ul > li:hover > a { background:#474c5b; }

    /* 미대응브라우저 */
    #unsupported #wrap { -webkit-filter: blur(1.5px); -moz-filter: blur(1.5px); -ms-filter: blur(1.5px); filter: blur(1.5px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); }
}