@charset "utf-8";

@font-face {
    font-family:'NanumS';font-style:normal;font-weight: 400;
    src: url(/font/NanumSquareR.eot);
    src: local('Nanum Square Regular'),
         local('NanumSquareR'),
         url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
         url(/font/NanumSquareR.woff2) format('woff2'),
         url(/font/NanumSquareR.woff) format('woff'),
         url(/font/NanumSquareR.ttf) format('truetype');
  }
  @font-face {
    font-family:'NanumS';font-style:bold;font-weight: 700;
    src: url(/font/NanumSquareB.eot);
    src: local('Nanum Square Bold'),
         local('NanumSquareB'),
         url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
         url(/font/NanumSquareB.woff2) format('woff2'),
         url(/font/NanumSquareB.woff) format('woff'),
         url(/font/NanumSquareB.ttf) format('truetype');
  }
  @font-face {
    font-family:'NanumRR';font-style:normal;font-weight: 400;
    src: url(/font/NanumSquareRoundR.eot);
    src: local('Nanum Square Round Regular'),
         local('NanumSquareRoundR'),
         url(/font/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
         url(/font/NanumSquareRoundR.woff) format('woff'),
         url(/font/NanumSquareRoundR.ttf) format('truetype');
  }
  @font-face {
    font-family:'NanumRL';font-style:normal;font-weight: 500;
    src: url(/font/NanumSquareRoundL.eot);
    src: local('Nanum Square Round Light'),
         local('NanumSquareRoundL'),
         url(/font/NanumSquareRoundL.eot?#iefix) format('embedded-opentype'),
         url(/font/NanumSquareRoundL.woff) format('woff'),
         url(/font/NanumSquareRoundL.ttf) format('truetype');
  }
  @font-face {
    font-family:'NanumRB';font-style:normal;font-weight: 600;
    src: url(/font/NanumSquareRoundB.eot);
    src: local('Nanum Square Round Bold'),
         local('NanumSquareRoundB'),
         url(/font/NanumSquareRoundB.eot?#iefix) format('embedded-opentype'),
         url(/font/NanumSquareRoundB.woff) format('woff'),
         url(/font/NanumSquareRoundB.ttf) format('truetype');
  }
  @font-face {
    font-family:'NanumREB';font-style:normal;font-weight: 700;
    src: url(/font/NanumSquareRoundEB.eot);
    src: local('Nanum Square Round Extra Bold'),
         local('NanumSquareRoundEB'),
         url(/font/NanumSquareRoundEB.eot?#iefix) format('embedded-opentype'),
         url(/font/NanumSquareRoundEB.woff) format('woff'),
         url(/font/NanumSquareRoundEB.ttf) format('truetype');
  }

  @font-face {
      font-family:'NST';
      src: url('/font/NotoSans-Thin.eot');
      src: url('/font/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
           url('/font/NotoSans-Thin.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family:'NSR';
      src: url('/font/NotoSans-Regular.eot');
      src: url('/font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
           url('/font/NotoSans-Regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family:'NSM';
      src: url('/font/NotoSans-Medium.eot');
      src: url('/font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
           url('/font/NotoSans-Medium.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family:'NSL';
      src: url('/font/NotoSans-Light.eot');
      src: url('/font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
           url('/font/NotoSans-Light.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family:'NSD';
      src: url('/font/NotoSans-DemiLight.eot');
      src: url('/font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
           url('/font/NotoSans-DemiLight.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family:'NSB';
      src: url('/font/NotoSans-Bold.eot');
      src: url('/font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
           url('/font/NotoSans-Bold.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family:'NSBB';
      src: url('/font/NotoSans-Black.eot');
      src: url('/font/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
           url('/font/NotoSans-Black.woff') format('woff');
      font-weight: normal;
      font-style: normal;
}


/* 초기화 */
/*html {overflow-y:scroll}*/
body {overflow-x:hidden; overflow-y:scroll; }
body {width:100%; margin:0;padding:0; font:500 12px "NanumSquareNeoVariable", "맑은 고딕", "Malgun Gothic", Helvetica, AppleSDGothicNeo, 돋움, dotum, Tahoma, sans-serif;
    font-weight: 300; letter-spacing: -0.06em; background-color:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NanumSquareNeoVariable','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul{margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd{margin:0;padding:0}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family:'NanumSquareNeoVariable','Malgun Gothic', dotum, sans-serif;font-size:1em; color:#353535}
button {cursor:pointer}
textarea, select {font-family:'NanumSquareNeoVariable','Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor: pointer;}
select {margin:0; background:#fff;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
input:-ms-input-placeholder {color:#a8a8a8;}
table.qa_view  {table-layout:fixed}
table.qa_view img, #bo_v_con img {max-width:100%}

*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
::selection {background:#ffdf01;}
::-moz-selection {background:#ffdf01;}
::-webkit-selection {background:#ffdf01;}

input, input[type=text],input[type=password], textarea, button, select {outline: none !important; letter-spacing:0px;}
.placeholdersjs { color: #aaa !important; }

.cyBtn {font-family:'NanumSquareNeoVariable',"굴림",Gulim; letter-spacing:0; cursor: pointer;}
.none {display:none !important}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0; z-index: 9999999;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;background:#fff;
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.4), -2px -2px 5px rgba(0,0,0,.1);
	-ms-box-shadow:2px 2px 3px rgba(0,0,0,.4), -2px -2px 5px rgba(0,0,0,.1);
	box-shadow:2px 2px 3px rgba(0,0,0,.4), -2px -2px 5px rgba(0,0,0,.1);
}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
/*241112 수정*/
.top_timesale {position: relative; width:100%; height:80%; background: #e3f5ff; overflow: hidden; position: relative; text-align:center; display:block;}
.top_timesale .top_timesale_inner {width: 100%; margin: 0 auto; text-align: center;}
.top_timesale .top_timesale_inner a {display: block; width: 100%;}
.top_timesale .top_timesale_inner a img {height: 100%;}
.top_timesale .btn_close {width: 60px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); cursor: pointer; text-align: center;}
.top_timesale .btn_close .close {display: inline-block; width:31px; height:31px; background:url(../../../img/icon/btn_big_close.png) no-repeat; text-indent:-9999px; overflow: hidden; border:0;}
.top_timesale .btn_close #timesale_chk + label {margin-left:3px; font-size: 11px; color: #888; cursor: pointer;}

/* 메인 더보기 팝업 */
#dx_main_images {display: block; position: fixed; background: rgba(0, 0, 0, 0.5); width: 100%; z-index: 9999999; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.2s ease;}
#dx_main_images.hide { top: 100%;}
#dx_main_images .ttl {width: 50%; height: 60px; line-height: 60px; margin: 0 auto; background: #fff; border-bottom: 1px solid #ededed; box-sizing: border-box; text-align: center; font-size: 18px; font-weight: 600; position: relative;}
#dx_main_images .ttl button {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background:url('../../../img/icon/btn_big_close.png')no-repeat right center; background-size: 16px 16px; border: none;}
#dx_main_images .img-wrap {width: calc(50% - 1px); margin: 0 auto; padding: 10px; background: #fff; height: calc(100vh - 60px); overflow-y: auto;}

#hd {min-width:1200px; width:100%; background-color:#fff}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:20px 0;height:125px;width:1200px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper > li {float:left; width:33.3%; min-height:70px;}
#hd_wrapper > li#logo {padding-top:10px; text-align:center}
/*#hd_wrapper > li#logo a {display:inline-block; width:350px; height:65px; background:url(/img/2305_logo.png); }*/
/*#hd_wrapper > li#logo a {display:inline-block; width:130px; height:60px; background: url(/img/layout_splite.png) no-repeat left -343px top; overflow:hidden;}*/
#hd_wrapper > li#logo a {display:inline-block; width:auto; height:auto; overflow:hidden;}
/*#hd_wrapper > li#logo a {display:inline-block; width:160px; height:60px; background: url(/img/16_event_pc.gif) no-repeat left 0px top; overflow:hidden;}*/
#hd_wrapper > li.right_menu {text-align:right}
#hd_wrapper > li.right_menu > a {position:relative; display:inline-block; width:60px; height: 50px; margin-top:23px; font-size:12px; color:#a0a0a0; text-align:center}
#hd_wrapper > li.right_menu > a:hover {color:#333;}
#hd_wrapper > li.right_menu > a span.count {position:absolute; top:-3px; right:10px;   width:16px; height:16px;   background-color: #ff8601; color:#fff; border-radius:100%; font-size: 10px; font-family: 'NanumSquareNeoVariable',tahoma; line-height: 16px; text-align: center;}
#hd_wrapper > li.right_menu > a i {display:block; margin:2px auto 3px}
#hd_wrapper > li.right_menu > a.stanby i {width:28px; height:25px; background: url(/img/layout_splite.png) no-repeat left -112px top;}
#hd_wrapper > li.right_menu > a.begin i {width:30px; height:27px; background: url(/img/layout_splite.png) no-repeat left -56px top;}
#hd_wrapper > li.right_menu > a.cart i { width:26px; height:27px;   background: url(/img/layout_splite.png) no-repeat left -86px top;}
#hd_wrapper > li.right_menu > a.gnb_my i {width: 25px; height: 27px;background: url(/img/layout_splite.png) no-repeat left -31px top;}

#tnb {height:31px; border-bottom:1px solid #ec7c00; background-color: #ff8601;}
#tnb > div {height:31px; margin:0 auto;width:1200px;zoom:1}
#tnb > div ul {height:31px;}
#tnb > div ul li {line-height:28px;}
#tnb > div ul.left {float:left; overflow:hidden;}
#tnb > div ul.left > li {float:left; position:relative; width:73px; border-left: #ec7c00 1px solid; border-right: #ec7c00 1px solid; padding-left:22px;}
#tnb > div ul.left > li > a {padding-right:0;}
#tnb > div ul.left > li:hover {background-color:#f48000}
#tnb > div ul.left > li:before {content:""; display: inline-block; width: 13px;height: 13px; position: absolute;left:7px;}
#tnb > div ul.left > li:first-child:before { background: url(/img/layout_splite.png) no-repeat left -264px top -13px; top:9px;}
#tnb > div ul.left > li:last-child {border-left:0}
#tnb > div ul.left > li:last-child:before {background: url(/img/layout_splite.png) no-repeat left -277px top -13px; top:9px;}
#tnb > div ul.left > li a:hover {text-decoration:none;}
#tnb > div ul.right {float:right;}
#tnb > div ul.right li {float:right; position:relative;}
#tnb > div ul.right li.name a:hover {text-decoration:none; cursor:auto;}
#tnb > div ul.right li.mypage {padding-right:8px;}
#tnb > div ul.right li.noti:after, #tnb > div ul.right li.mypage + li:after {display:none}
#tnb > div ul.right li.mypage > a {display: inline-block; position:relative;}
#tnb > div ul.right li.mypage > a:after, #tnb > div ul.right li.mypage > ul:before {content:""; display: inline-block; width: 5px; height: 5px; margin: 0 0 0 4px; position:absolute;}
#tnb > div ul.right li.mypage > a:after { background: url(/img/layout_splite.png) no-repeat left -5px top -100px; top:50%; margin-top:-2.5px;}
#tnb > div ul.right li.mypage > ul {position: absolute; left:-4px; top:0; background: #fff; width: 77px; height: 206px; border: #2f3541 1px solid; z-index: 999; padding:0 0 0 3px; display:none;}
#tnb > div ul.right li.mypage > ul:before {background: url(/img/layout_splite.png) no-repeat left -20px top -86px; top:11px; right:7px;}
#tnb > div ul.right li.mypage > ul li {float:left; clear:both; height:22px;}
#tnb > div ul.right li.mypage > ul li:first-child {margin-top:-1px;}
#tnb > div ul.right li.mypage > ul a {color:#000; text-align:left;}
#tnb > div ul.right li.mypage > ul a:hover {color:#ff8601;}
#tnb > div ul.right li.mypage:hover > ul {display:block;}
#tnb > div ul li {position: relative; display:inline-block;}
#tnb > div ul.right > li:not(:last-child):after {content:""; position: absolute; left:-2px; top:12px; width:1px; height:8px; background-color:#d87100;  }
#tnb > div ul li a {display:inline-block; padding:0 7.5px 0 4px; font-size:11px; font-family: 'NanumSquareNeoVariable',dotum;color:#fff;line-height:33px;}
#tnb > div ul li a:hover {text-decoration:underline}

#hd_menu{height:52px; position:relative; background:#fff;border-top:1px solid #e7e7e7; border-bottom:1px solid #ff8601}
#hd_menu.fixedOn {width:100%; position: fixed; z-index: 9990;background-color:#fff; top:0; border-bottom: #ff8601 1px solid;
-webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);}
#hd_menu > .gnb_inner {margin:0 auto;width:1200px;font-size:1.083em;padding:0;zoom:1}
#hd_menu > .gnb_inner:after {display:block;visibility:hidden;clear:both;content:""}
#hd_menu > .gnb_inner > li {float:left; position:relative; height:50px; line-height:52px; width:200px; text-align:center}
#hd_menu > .gnb_inner > li:not(:first-child):before {content:""; width: 1px; height: 12px; background: #e5e5e5; position: absolute; top: 50%; margin: -5px 0 0 0; right: 0;}
#hd_menu > .gnb_inner > li:nth-child(7):before {display:none;}
#hd_menu > .gnb_inner > li:first-child {width:200px;}
#hd_menu > .gnb_inner > li:first-child strong {position:relative; display:inline-block; width:150px; height: 32px; background-color:#ff8601; padding-left:35px;
    line-height: 32px; border-radius: 20px; color: #fff; font-size: 15px; font-weight: 600; }
#hd_menu > .gnb_inner > li:first-child strong:before {content:"";  width: 20px;height: 19px; background: url(/img/icon/btn_suggest.png) no-repeat center center; position:absolute; top:6px; left:20px;}
#hd_menu > .gnb_inner > li:last-child {width:180px; float:right}
#hd_menu > .gnb_inner > li > a {font-size:16px; font-weight:600;}

#hd_menu .allCategory { width:100%; background:#fff; border-bottom:#ff8601 1px solid; border-top:#e7e7e7 1px solid; position:absolute; left: 0; top:50px; margin:0 0 0 0; z-index: 9991; text-align: center; display:none;}
#hd_menu .allCategory .btn_close { display:inline-block;width:35px; height:35px; background:#eff3f6 url('/img/layout_splite.png') no-repeat left -308px top -1px; position: absolute; top:0; right:0; cursor:pointer;}
#hd_menu .allCategory > ul { width:1200px; margin:0 auto; text-align: left;}
#hd_menu .allCategory > ul > li { float:left; width:200px; height:auto; overflow:hidden;}
#hd_menu .allCategory > ul > li:hover { background:#f9f9fd; }
#hd_menu .allCategory > ul > li.allCateOn { background:#f9f9fd; }
#hd_menu .allCategory > ul > li:nth-child(n+8):hover { background:#fff; }
#hd_menu .allCategory > ul > li.cateOn { background:#f9f9fd; }
#hd_menu .allCategory > ul > li:first-child { width:200px; }
#hd_menu .allCategory > ul > li > h3 { margin:15px 0 0 0; font-size:14px; font-weight: bold; height:28px; line-height: 28px; padding:0 15px; }
#hd_menu .allCategory > ul > li > ul { margin:15px 0 !important; }
#hd_menu .allCategory > ul > li:nth-child(n+8) > ul { margin:0; }
#hd_menu .allCategory > ul > li > ul > li { width:100%; }
#hd_menu .allCategory > ul > li > ul > li > a { display:block; font-size:11px; height:28px; line-height: 20px; padding:0 15px; }
#hd_menu .allCategory > ul > li > ul > li > a:hover { color:#ff8601; text-decoration: none; }
#hd_menu .allCategory > ul > li > ul > li > a > strong { font-weight:normal; }
#hd_menu .allCategory > ul > li.allCateMy, #hd_menu .allCategory > ul > li.allCateSns { width:200px; }
#hd_menu .allCategory > ul > li.allCateMy > h3 { margin:12px 0 8px 0; }
a.gnbFocus:link { color:#000 !important; font-weight: bold !important; display:inline-block; margin:10px 0 0 0;}
a.gnbFocus > i { display:inline-block; width:14px; height:15px; background: url(/images/layout_splite.png) no-repeat left -160px top;  margin:0 5px 0 0;}

/**/
.fxIcon { width:100%; text-align: right; margin:8px 0 0 0;}
.fxIcon > a { display:inline-block; position:relative; width:40px; height:35px; text-align: center; }
.fxIcon > a > i { display: inline-block; text-align: center; transition: width 0.3s, height 0.3s;}
.fxIcon > a > i.hide { width:0px !important; height:0px !important;  }
.fxIcon > a > span { position:absolute; top:3px; right:0px; width:16px; height:16px; background:#ff8601; color:#fff; border-radius: 100%; font-size:10px; font-family:'NanumSquareNeoVariable',tahoma; line-height: 16px; text-align: center;}
.fxIcon > a.gnb_my > i { width:25px; height:27px; background:url('/img/layout_splite.png') no-repeat left -31px top; margin:0 0 0 7px;  }
.fxIcon > a.gnb_cooking > i { width:28px; height:25px; background:url('/img/layout_splite.png') no-repeat left -112px top; margin:0 0 0 0;  }
.fxIcon > a.gnb_deli > i { width:30px; height:27px; background:url('/img/layout_splite.png') no-repeat left -56px top; margin:0 0 0 3px; }
.fxIcon > a.gnb_cart > i { width:26px; height:27px; background:url('/img/layout_splite.png') no-repeat left -86px top; margin:0 5px 0 0;  }
.fxIcon > a.gnb_search > i { width:18px; height:27px; background:url('/img/layout_splite.png') no-repeat left -290px top; margin:0 5px 0 0;  }

/*검색창*/
#hd_sch { position: absolute; top: -2px; right: 0; width: 100%;text-align: right;}
#hd_sch #sch_str {width:180px; height:35px; padding:0 28px 0 7px; border: #dcdcdc 1px solid; border-radius:3px; font-size: 13px;}
#hd_sch #sch_str::placeholder {color:#dcdcdc }
#hd_sch #sch_str:focus {border-color:#ff8601; color:#ff8601}
#hd_sch #sch_str:focus + #sch_submit {background: #fff url(/img/layout_splite.png) no-repeat left -185px top -15px;}
#hd_sch #sch_submit {position:absolute; top:20px; right:8px; z-index:1; width:15px; height:15px; background: #fff url(/img/layout_splite.png) no-repeat left -185px top; border:0;}

/*사이드 메뉴*/
#quick2 { position:absolute; width:100px; height:100%; top:0; right:0; margin:0 0 0 0; z-index: 9; transition: right .4s;  display:none; }
#quick2 .qinner { position:relative; height:100%; background:#f8f8f8; border-left:#dedede 1px solid; }
#quick2 .qinner > ul { width:100%; display:inline-block; padding:0; margin:0; }
#quick2 .qinner > ul > li:first-child { border-top:#e7e7e7 1px solid; }
#quick2 .qinner > ul > li { width:100%; border-bottom:#e7e7e7 1px solid; position:relative; }
#quick2 .qinner > ul > li:hover { background:#fff; }
#quick2 .qinner > ul > li > a { display:block; text-align: center; padding:50px 5px 10px 5px; font-size:12px; text-decoration: none;  }
#quick2 .fixedOn { position:fixed; top:50px; width:100px; min-height: 200px; }
#quick2.qHide { right:-100px; }
.goBtn { width:40px; height:40px; position:absolute; z-index: 99; left:-41px; top:0; display:none; }
.btn_goHide { background:#ffc82f url('/img/btn_next2.png') no-repeat center center; }
.btn_goShow { background:#ffc82f url('/img/btn_prev2.png') no-repeat center center; }
#quick2 .qinner > ul > li > a.icon_month { background:url(/img/q2_icon01.png) no-repeat center top 12px; }
#quick2 .qinner > ul > li > a.icon_suggest { background:#ff8601 url(/img/q2_icon02.png) no-repeat center top 12px; color:#fff; font-weight:bold; }
#quick2 .qinner > ul > li > a.icon_suggest:hover { background:#ff6d01 url(/img/q2_icon02.png) no-repeat center top 12px; color:#fff; }
#quick2 .qinner > ul > li > a.icon_stamp { background:url(/img/q2_icon03.png) no-repeat center top 12px; }
#quick2 .qinner > ul > li > a.icon_join { background:url(/img/q2_icon04.png) no-repeat center top 12px; }
#quick2 .qinner > ul > li > a.icon_fcoupon { background:url(/img/q2_icon05.png) no-repeat center top 12px; }
#quick2 .qinner > ul > li > a.icon_starfield { background:url(/img/q2_icon06.png) no-repeat center top 12px; }
#quick2 .qinner > ul > li > a.icon_instagram { background:url(/img/q2_icon07.png) no-repeat center top 12px; }
#quick2 .qinner > ul > li > a.icon_banner { background:url(/img/q2_icon08.png) no-repeat center top 12px; }
#quick2 .qinner > ul > li > .icon_new { position:absolute; right:10px; top:10px;background:#ff0000; color:#fff; margin:0 0 0 0; font-family: verdana; font-size:10px; font-weight: bold; width:20px; height:20px; border-radius: 100%; line-height:20px; text-align: center; }
#quick2 .qinner > .btn_top { display:block;text-align: center; font-family: 'Verdana'; font-size:13px; font-weight: bold; padding:10px 0; margin:30px 0 0 0; background:url('/img/icon_up.png') no-repeat right 17px center; text-decoration: none; }
#quick2 .qinner > ul > li button.hide {display:block; width:30px; height:30px; background:#fff url(/img/subCateArrow.jpg) no-repeat center center; border:0; border-left:1px solid #ff8601; border-bottom:1px solid #ff8601; position:absolute; left:-30px; top:1px; z-index:9; -webkit-transition:background .2s linear; -ms-transition:background .2s linear; transition:background .2s linear;}
#quick2.hide .qinner > ul > li button.hide {background:#fff url(/img/subCateArrow2.jpg) no-repeat center center;}



#quick { position:absolute; top:40px; left:50%; margin:0 0 0 390px; width:210px; height:100%; }
#quick .qinner.fixedOn {position: fixed !important; top:75px; width:210px; }
#quick.endScroll {top: auto !important; bottom: 0px !important;}
#quick .qinner.quickEndScroll {position:absolute !important; top: auto !important; bottom: 0px !important;}
#quick .banner a { display:block; margin:15px 0 0; }
#quick .qinner { position:relative; }
#quick .qinner .noti2 {position: absolute; /*top:0;*/ top:-50px; left:0; border-top-left-radius:5px; border-top-right-radius:5px; background: #ffdf01; color: #423333; height:50px; width:100%; text-align:center; line-height:50px;}
#quick .qinner .noti2 h1 {font-weight:normal;}
#quick .qinner .qDate {margin:0 0 15px}
#quick .qinner .qDate #od_datetime {position: absolute; border:0; top:2px; right:7px; color:#ff8601; text-align:right; background:transparent}

#quick .qinner .qDate, #quick .qinner .qDate #datepicker {width:210px}
#quick .qinner .qDate #datepicker .header-print {display:none; transition:height 0.3s}
#quick .qinner .qDate #datepicker {position: relative; border:#ddd 1px solid; border-radius:5px; overflow: hidden;}

#quick .qinner .qDate #datepicker table {padding:10px 0; border-spacing:0; border:0; width:100%; border-style:none; text-align:center; background-color:#fff}
#quick .qinner .qDate #datepicker table tr.header-tr th {position: relative; padding-bottom:10px; font-weight:normal; font-size: 14px;}
#quick .qinner .qDate #datepicker table tr.header-tr th #next {display:inline-block; width:16px; height:16px; margin-right:6px; background:url(/img/btn_next.png) no-repeat center center; background-size:8px auto; text-indent:-9999px; overflow: hidden; position: absolute; right:0px; top:8px}
#quick .qinner .qDate #datepicker table tr.header-tr th #now {display:inline-block; width:16px; height:16px; margin-left:6px; background:url(/img/btn_prev.png) no-repeat center center; background-size:8px auto; text-indent:-9999px; overflow: hidden; position: absolute; left:0px; top:8px}
#quick .qinner .qDate #datepicker table tr.header-tr + tr th:first-child {color:#ee0c00}
#quick .qinner .qDate #datepicker table tr.header-tr + tr th:last-child {color:#0074d4 }
#quick .qinner .qDate #datepicker table th, #quick .qinner .qDate #datepicker table td {padding:5px 0; border:0; font-size:11px}
#quick .qinner .qDate #datepicker table td {width:14%; height:25px; position: relative; cursor: pointer;}
#quick .qinner .qDate #datepicker table td .date.notShip {color:#a6a6a6}
#quick .qinner .qDate #datepicker table td .date:hover {background-color:#f6f6f6}
#quick .qinner .qDate #datepicker table td span {display: inline-block; width:25px; height:25px; border-radius:25px; line-height:25px; position: absolute; left:50%; top:50%; margin:-12.5px 0 0 -12.5px;}
#quick .qinner .qDate #datepicker table td .date.circle { color: #fff; background: #ff8601; }
#quick .qinner .qDate #datepicker table td .today {background:#ffe321}
#quick .qinner .qDate + .basketShow {margin-top:0}

#quick .qinner .qDate > h1 { font-size:13px; margin:0 0 8px 0; font-weight: 500; position:relative; padding:0 0 0 22px;}
#quick .qinner .qDate > h1 > i { display:inline-block; width:16px;height:15px; margin:0 7px 0 0; background: url('/img/layout_splite.png') no-repeat left -308px top -95px; position:absolute; left:0; top:1px;}
#quick .qinner .qDate > h1 > span { float:right; display:inline-block; font-weight: normal; color:#ff8601; margin:0 10px 0 0;}
#quick .basketShow { width:100%; border:#e1e1e1 0px solid; margin:0 0 0 0; border-top:0; background:#fff; border-radius: 0; }

#quick .pg_wrap {margin:12px 0 !important}
#quick .pg_wrap .pg_start {background:url(../../../../img/icon/btn_s_prev2.jpg) no-repeat center center !important;}
#quick .pg_wrap .pg_prev {background:url(../../../../img/icon/btn_s_prev.png) no-repeat center center !important;}
#quick .pg_wrap .pg_next {background:url(../../../../img/icon/btn_s_next.png) no-repeat center center !important;}
#quick .pg_wrap .pg_end {background:url(../../../../img/icon/btn_s_next2.jpg) no-repeat center center !important;}
#quick .pg_wrap .pg_start, #quick .pg_wrap .pg_end, #quick .pg_wrap .pg_prev, #quick .pg_wrap .pg_next {border-radius:0 !important; width:16px !important; height:16px !important; line-height:16px !important; top:4px !important}
#quick .pg_wrap .pg_page, #quick .pg_wrap .pg_current {font-weight:bold; border-radius:0 !important; width:30px !important; height:16px !important; background:transparent !important; border:0 !important; color:#333 !important; line-height:16px !important; cursor: default !important}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto 0;width:1200px;position:relative;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
.lt_wr {width: 49%;}
.lt_wr:nth-child(2n+1){clear:both}
/* aside wrapper */
#aside {float:left;margin:0 10px 0 0;width:215px;margin-right:20px}

#container {position:relative;float:left;min-height:1250px;height:auto !important;height:600px;background:#fff;zoom:1; width:960px}
#container:after {display:block;visibility:hidden;clear:both;content:""}

.sale_prd h2{font-size:1.167em;margin:20px 0 10px}
.st_bg{display: inline-block;width: 1px;height: 10px;margin: 0 10px;background: #e2e1e0;vertical-align: -1px;}

/* 텍스트 크기 조절 */
#text_size {display:none;position:absolute;top:-31px;left:-1px}
#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}

/* 하단 레이아웃 */

#footer { width:100%; margin:50px 0 0 0; overflow:hidden; background: #495164;}
#footer ul {display:inline-block;}
#footer .foot_inner { width:100%; text-align: center; background:#495164; }
#footer .foot_inner > ul.fmenu { width:1200px; margin:0 auto; text-align: left; border-top: #969899 0px solid; border-bottom:#d3d3d3 0px solid; }
#footer .foot_inner > ul.fmenu > li { float:left; }
#footer .foot_inner > ul.fmenu > li > a { display:inline-block; height:40px; line-height: 40px; padding:0 20px 0 0; color:#9296a0;}
#footer .foot_inner > ul.fmenu > li > a > strong { color:#fff; }
#footer .foot_inner > ul.footer_info { padding:10px 0 40px 0; width:1200px; margin:0 auto; text-align: left; }
#footer .foot_inner > ul.footer_info > li { float:left; display:inline-block; position:relative; }
#footer .foot_inner > ul.footer_info > li > a.ft_logo { display:inline-block; width:81px; height:34px; background: url('/img/layout_splite.png') no-repeat left -175px top -124px; }
#footer .foot_inner > ul.footer_info > li > h3 { font-size:12px; line-height: 20px; color:#9296a0;  font-weight:400}
#footer .foot_inner > ul.footer_info > li > h3 > i { display:inline-block; width:1px; height:10px; border-left:#d3d3d3 1px solid; margin:0 7px; }
#footer .foot_inner > ul.footer_info > li > h3 > a { color:#9296a0; }
#footer .foot_inner > ul.footer_info > li > h3 > span { color:#999; font-family: tahoma; font-size:11px; letter-spacing: normal; margin:15px 0 0 0;}
#footer .foot_inner > ul.footer_info > li > h3 > strong.notice { font-weight: normal; text-decoration: underline; color:#fff; display:inline-block; margin:0 0 0 5px; }
#footer .foot_inner > ul.footer_info > li > h3 > strong.notice > a { color:#fff; }
#footer .foot_inner > ul.footer_info > li:last-child { text-align: right; float: right; padding-right: 25px;}
#footer .foot_inner > ul.footer_info > li > i { display:inline-block; width:50px; height:50px; margin:0 0 0 10px;}
#footer .foot_inner > ul.footer_info > li > i.cele01 { background: url('/img/icon_cele01.png') no-repeat;  }
#footer .foot_inner > ul.footer_info > li > i.cele02 { background: url('/img/icon_cele02.png') no-repeat;  }

a.ft_logo:link {display:inline-block; width:81px; height:50px; background: url(/svg/logo_hangeul.svg) center 0 / 82px 50px no-repeat;}
.foot_sitemap {width:100%; background:#f3f3f6; border-top:#ff8601 1px solid; text-align: center; }
.foot_sitemap a:hover {text-decoration:underline}
.foot_sitemap > ul { width:1200px; margin:0 auto; text-align: left; padding:25px 0;}
.foot_sitemap > ul > li:first-child {}
.foot_sitemap > ul > li { float:left; padding:0 50px 0 0; margin-bottom:30px;}
.foot_sitemap > ul > li > h2 { font-size:13px; color:#000; margin:0 0 10px 0; font-weight:500}
.foot_sitemap > ul > li > ul > li > a { font-size:11px; color:#7d7d7d; display:inline-block; padding:3.5px 0; font-weight:normal;}

.footer_sns { width:100%;background:#f3f3f6;height:50px; }
.footer_sns > div { float:right;padding-right:20%; }
.footer_sns > div > a > .footer_instagram {width:35px;height:35px;}
.footer_sns > div > a > .footer_naverblog {width:35px;height:35px;}
.footer_sns > div > a > .footer_youtube {width:35px;height:35px;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

 /* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 0; width:100%; }
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 0;}
#bo_v_con li{display: list-item;}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 목록 바로가기 */
.sanchor {margin:30px 0 11px ;padding:0;zoom:1; height:41px;}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;width:50%;text-align:center;}
.sanchor li a {display:block;height:41px; line-height:41px; color:#707070; background: #f3f3fa; border-left: 1px solid #cbcdce;  border-top: 1px solid #cbcdce; border-bottom:1px solid #495164}
.sanchor li:last-child a { border-right: 1px solid #cbcdce;}
.sanchor li.sanchor_on a { border-color:#495164; border-bottom-color:#fff; background:#fff; color:#495164;}
.sanchor li.sanchor_on + li a {border-left-color:#495164}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0;font-weight:bold}

/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;border-radius:3px;font-weight:bold;border:0;}

a.btn01 {display:inline-block;padding:0 7px;border:1px solid #ccc;border-bottom:1px solid #aaa;background:#fff;color:#333;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover,button.btn01:hover {text-decoration:none;background:#f3f3f3}
button.btn01 {display:inline-block;margin:0;padding:0 7px;border:1px solid #b3b3b3;background:#fff;color:#333;text-decoration:none}
a.btn02 {display:inline-block;padding:0 7px;border:1px solid #d50c0c;background:#d50c0c;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none;background:#fd0f0f}
button.btn02 {display:inline-block;margin:0;padding:0 7px;border:1px solid #d50c0c;background:#d50c0c;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {background:#ff6d01;color:#fff;border:0;}
.btn_submit:hover{background:#ff6d01}
.btn_address, .btn_addList {display: inline-block; background:#fff url(../../../img/icon/right_arrow_red.png) no-repeat right 10px center; border:1px solid #b4b4b4; width:83px; height:28px; line-height:28px; color:#353535;padding:0 10px;font-size:12px; font-family: 'NanumSquareNeoVariable',"굴림",Gulim; border-radius:3px; text-align:left; padding-left:10px;}
.btn_addList {width:82px; margin-left:7px; position: relative; cursor: pointer;}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_cancel {display:inline-block;padding:0 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 10px;height:30px;border:1px solid #495164;color:#495164;background:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#828ce8;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#656eca}
a.btn_b03, .btn_b03 {display:inline-block;background:none;border:1px solid #b9bdd3;color:#646982;background:none;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_admin,.btn_admin {display:inline-block;background:#ff8601;color:#fff;text-decoration:none;vertical-align:middle;padding:0 10px 10px}

/* 선택수정 버튼 */
.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 table{border-bottom:1px solid #d3d3d3}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all}
.tbl_head01 td:first-child{border-left:0}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-bottom: 1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

.tbl_head03 {margin:0 0 10px}
.tbl_head03 table {border-bottom:1px solid #d3d3d3}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th, #coupon .coupon_list th {padding:10px 0;border-top:2px solid #000;border-bottom:1px solid #dfdfdf;color:#353535;text-align:center;letter-spacing:-0.1em; font-size:12px; font-weight:400}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot td {padding:15px 10px 17px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#f5f5fc;text-align:right}
.tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {padding:8px 10px 7px;border-top:1px solid #eee;border-left:1px solid #eee;line-height:1.5em;word-break:break-all; color:#353535}
/*
.tbl_head03 td:first-child, .tbl_head03 td:nth-child(2) {border-right:0}
.tbl_head03 td:nth-child(2), .tbl_head03 td:nth-child(3) {border-left:0;}
*/
.tbl_head03 td:last-child {border-right:1px solid #eee;}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:90px;padding:5px 10px;background:none;text-align:right;font-weight:normal}
.tbl_frm01 td {padding:5px 10px;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #dcdcdc ;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:0 7px;}
.wr_content textarea {border-top:0; border-bottom:0; border-radius:0}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input,.frm_address{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본리스트*/
.list_01 li{border:1px solid #dbdbdb;border-radius:3px;margin:8px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}

.list_02 ul:after {display:block;visibility:hidden;clear:both;content:""}
.list_02 li{float:left;width:230px;margin:10px 0 15px 15px;}
.list_02 li:nth-child(4n+1){clear:both;margin-left:0}

/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.25em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}
.form_01 .form_left{float:left;width:49.5%}
.form_01 .form_right{float:right;width:49.5%}


.tbl_head03 td.td_date { text-align: center; }

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center;color:#777 !important}
.empty_list ,.empty_li{padding:20px 0 !important;text-align:center;color:#777 !important}

/* 필수입력 */
/*.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}*/

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_default {width:60px;text-align:center}
.td_dvr {width:100px;text-align:center}
.td_group {width:100px;text-align:center}
.td_imgsmall {width:60px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:50px;text-align:left}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_statsmall {width:50px;text-align:center}

.text_left{text-align:left  !important}
.text_center{text-align:center  !important}
.text_right{text-align:right  !important}

.cybutton {border-radius:2px; font-family: 'NanumSquareNeoVariable',"굴림",Gulim;  font-size:11px; border:1px solid transparent;}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#f3f7f7;width:33.333%;text-align:center;border-left:1px solid #dfe6e7;border-bottom:1px solid #dfe6e7;border-top:1px solid #dfe6e7}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-bottom-color:#fff;border-top-color:#ae99da;}
.new_win .win_ul .selected a{color:#9781c5}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;padding: 0 5px;color:#777;line-height: 26px;border: 1px solid #ddd;border-radius: 3px;font-size: 0.92em;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden}
.new_win .btn_submit {padding:0 20px;height:40px;border-radius:3px;font-weight:bold;font-size:1.083em;float:right}
.new_win .win_btn{margin:10px 0}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg_wrap .pg {display: inline-block;}
.pg_wrap .pg_page, .pg_wrap .pg_current {display: inline-block; margin:0 1px; width:40px; height:40px; line-height:40px; text-align:center; font-size:12px; border:#ddd 1px solid; border-radius:100%;}
.pg_wrap .pg_page:hover {background-color:#f0f2f2;}
.pg_wrap .pg_current {background:#ff8601 !important; color:#fff; border-color:#ff8601; cursor: pointer;}
.pg_wrap .pg_start, .pg_wrap .pg_end, .pg_wrap .pg_prev, .pg_wrap .pg_next {position: relative; top:10px; display: inline-block; width:32px; height:32px; text-align:center; line-height:32px; text-indent:-9999px; overflow: hidden; border:#ddd 1px solid; border-radius:100%;}
.pg_wrap .pg_start {margin-right:3px; background:#fff url(../../../img/prev3.jpg) no-repeat center center;}
.pg_wrap .pg_end {margin-left:3px; background:#fff url(../../../img/next3.jpg) no-repeat center center;}
.pg_wrap .pg_prev {margin-right:3px; background:#fff url(../../../img/prev2.jpg) no-repeat center center;}
.pg_wrap .pg_next {margin-left:3px; background:#fff url(../../../img/next2.jpg) no-repeat center center;}


/* 게시판 버튼 */
img.board_lock, img.board_file, #bo_list .bo_tit .title_icon, .td_subject img.title_hit {position:relative; top:-2px;}
#bo_list .bo_tit .title_icon, .td_subject img.title_hit {margin-left:5px;}
#bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}
#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {padding:0;list-style:none}
.bo_v_com {margin:20px 0;float:right; clear:none; width:206px;}
.bo_v_com li {float:left;margin-left:3px}
.bo_v_left {margin:20px 0;float:left}
.bo_v_left li {float:left;margin-right:3px}
.bo_v_left li a, .bo_v_com li a {width:100px; height:30px; line-height:30px; display: inline-block; border-radius:3px; text-align:center; border:1px solid #b4b4b4; font-family: 'NanumSquareNeoVariable',"굴림",Gulim; font-weight:normal;}
.bo_v_com li:nth-child(2) a {background-color:#8c8c8c; border-color:#8c8c8c; border-bottom:1px solid #696969; color:#fff}
.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_writeArea {margin-top:20px;}
.bo_writeArea {clear: both; width:100%; text-align:right !important;}
.bo_v_com li {display: inline-block;}

.bo_v_com li input[type="submit"] { display:inline-block; width:100px; height:30px; line-height:2px; border-radius:2px; margin-right:3px; background-color:#4a5164; border-color:#4a5164; border-bottom-color:#373d4b; color:#fff; }

.bo_v_com li a, .bo_writeArea a, .bo_writeArea button, .bo_writeArea input#btn_submit, .bo_writeArea input[type="submit"]  {display:inline-block;  width: 100px; height: 30px; line-height: 30px; border-radius: 2px; text-align: center; border: 1px solid #b4b4b4; font-family: 'NanumSquareNeoVariable',"굴림",Gulim; font-weight: normal;}
.bo_writeArea > * {float: right;}
.bo_writeArea button, .bo_v_com li a.answer, .bo_writeArea input#btn_submit, .bo_writeArea input[type="submit"] {margin-right:3px; background-color:#4a5164; border-color:#4a5164; border-bottom-color:#373d4b; color:#fff;}
.bo_writeArea input#btn_submit {position: relative; top:0; margin-right:4px;}
.bo_v_com li:first-child, .bo_writeArea a:first-child, .bo_writeArea li.list {float: left;}
.bo_v_com li:last-child {  }
.bo_writeArea li.list {margin-left:3px;}
.bo_writeArea a.cancel,.bo_v_com li a.cancel, .bo_writeArea a.cancel {background-color:#e8e8e8; border-color:#a1a1a1}
.bo_v_com li a.edit {background-color: #8c8c8c; border-color: #8c8c8c; border-bottom: 1px solid #696969;color: #fff;}

/* 게시판 리스트 검색 */
#bo_sch {clear: both; position: relative; margin:20px 0 0 10px; padding:20px 0 20px 62px; background:url(../../../img/icon/ico_triangle.gif) no-repeat 0 50%; }
#bo_sch:before {content:"검색어"; position: absolute; left:7px; top:24px;}
#bo_sch > form #sfl, #bo_sch > form #sfl2, #bo_sch > form #sfl1 {width:72px; height:24px; margin-right:2px; border:1px solid #d5d5d5}
#bo_sch > form #stx {width:162px; height:24px; padding:2px 4px; border:1px solid #d5d5d5; color: #353535; font-size: 12px;}
#bo_sch > form .sch_btn {width:59px; height:24px; line-height:24px; color:#fff; border-radius:3px; background-color:#8c8c8c; border:0; font-family: 'NanumSquareNeoVariable',"돋움",Dotum; cursor: pointer;}

.write_list {clear: both; padding: 10px 20px; border: 1px solid #d7d5d5; background: #fbfafa; text-align:right}
.write_list > a {display: inline-block; margin-top:10px; width:100px; height:30px; line-height:30px; color:#fff;border:0; font-family: 'NanumSquareNeoVariable',"돋움",Dotum;border-radius:3px;background-color:#495164;text-align:center}

#bo_gall #bo_btn_top > form, #bo_list #bo_btn_top > form {position: relative;}
#bo_gall .adm_list, #bo_list .adm_list, #bo_v .adm_list {clear: both; position: absolute; bottom:-205px; padding: 10px 0 0 71px; background: url(../../../img/icon/ico_triangle.gif) no-repeat 0 62%; color:#757575;}
#bo_gall .adm_list:before, #bo_list .adm_list:before, #bo_v .adm_list:before {content:"해당 글 이동"; color:#757575; position: absolute; left:7px; top:11px}
#bo_gall .adm_list > input,  #bo_list .adm_list > input, #bo_v .adm_list > a {position: relative; width:68px; height:24px; line-height:23px; border:1px solid #b4b4b4; border-radius:3px; overflow: hidden;  top:-3px; text-align:center}
#bo_v .adm_list > a, #bo_v .adm_list > span {display: inline-block; }
#bo_gall .adm_list .btn_move, #bo_list .adm_list .btn_move, #bo_v .adm_list .btn_move {background:#fff url(../../../svg/move.svg) no-repeat 10px center; background-size:12px 12px;}
#bo_gall .adm_list .btn_copy, #bo_list .adm_list .btn_copy, #bo_v .adm_list .btn_copy {background:#fff url(../../../svg/copy.svg) no-repeat 10px center; cursor: pointer; background-size:12px 12px;}
#bo_gall .adm_list #boardGroup, #bo_list .adm_list #boardGroup, #bo_v .adm_list #boardGroup {position: relative; top:-3px; border:1px solid #d5d5d5; width:137px; height: 24px; line-height:24px; margin:0 2px 0 0}
#bo_v .adm_list #boardGroup, #bo_v .adm_list > a, #bo_v .adm_list > span {float: left;}
#bo_v .adm_list #boardGroup {margin-right:5px;}
#bo_v .adm_list .btn_copy {margin-right:8px;}
#bo_v .adm_list .btn_move {margin:0 3px;}

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%;height:auto}

.sod_opt {}
.sod_opt ul {margin:0;padding:0;list-style:none}
.sod_opt li {color:#707070;margin:9px 0 0;line-height:16px}
.sod_option_btn .mod_options {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;margin:10px 0 0 }
.cp_btn {padding:0 4px;border:1px solid #ff8601;color:#fff;background:#ff8601;height:23px;margin:5px 0 0 0; font-size:10px; letter-spacing:-1px; }
.cp_cancel {padding:0 4px;border:1px solid #aaa;color:#666;background:#fff;height:23px;margin:5px 0 0 5px; font-size:10px; letter-spacing:-1px;}

/*장바구니 선택사항수정*/
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;width:540px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto;overflow-x:none;
-webkit-box-shadow:  1px 2px 5px #bbb;
-moz-box-shadow:  1px 2px 5px #bbb;
box-shadow: 1px 2px 5px #bbb;}
#mod_option_frm  h2{border-bottom:1px solid #cdcdcd;padding:0 20px;line-height:50px;margin:0 0 15px;font-size:1.25em;
-webkit-box-shadow:  1px 2px 2px #eee;
-moz-box-shadow:  1px 2px 2px #eee;
box-shadow: 1px 2px 2px #eee;}

.option_wr {background:#f3f3f3;margin:0 20px 10px;padding:15px}
.option_wr h3{font-size:1.167em}
.option_wr label{display:block;margin:10px 0 5px}
.option_wr select{width:100%;border:1px solid #ccc;height:35px}

#sit_opt_added {margin:0;padding:0;border-bottom:0;background:#fff;list-style:none}
#sit_opt_added li {padding: 15px 0;padding-right:220px;border-bottom:1px solid #e9e9e9;position:relative}
#sit_opt_added li .opt_name{line-height:20px;font-weight:bold}
#sit_opt_added li .opt_count{position:absolute;top:50%;right:0;margin-top:-15px}
#sit_opt_added button {position:absolute; border:0;float:left;width:22px;height:12px; border:1px solid #d4d8d9;}
#sit_opt_added button i {opacity:0}
#sit_opt_added button.sit_qty_minus {background:#fff url(/img/icon/quDown.jpg) no-repeat center center; border-bottom-right-radius:3px; bottom:3px}
#sit_opt_added button.sit_qty_plus {background:#fff url(/img/icon/quPlus.jpg) no-repeat center center; border-top-right-radius:3px; border-bottom:0; top:2.5px}

#sit_opt_added .num_input {float:left;width:22px; height:24px; margin:2px 6px 0 0; border:1px solid #d4d8d9;text-align:center; border-radius:3px 0 0 3px; font-size:11px;}
#sit_opt_added .sit_opt_del{border:0;font-size:15px}
#sit_opt_added .sit_opt_del:hover{color:#be334a}
#sit_opt_added .sit_opt_prc{position: absolute; right:8px; display:block;float:left;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}

#mod_option_frm #sit_sel_option{margin:20px;}
#mod_option_frm #sit_tot_price{margin:20px;}
#mod_option_frm #sit_opt_added {border-top:1px solid #e9e9e9;}
#mod_option_frm .btn_confirm{margin:20px ; }
#mod_option_frm .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:bold;width:100%;cursor:pointer}
#mod_option_frm .btn_confirm .btn_close{position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;border-left:1px solid #cdcdcd;font-size:1.25em}
#mod_option_frm .btn_confirm .btn_close:hover{background:#f3f3f3}

/* 주문서 작성 */
#sod_frm .od_prd_list {margin-bottom:20px; clear: both;}
#sod_frm  #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0}
#sod_frm  #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:bold}
#sod_frm  #sod_bsk_tot .sod_bsk_sell,#sod_frm  #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1}
#sod_frm  #sod_bsk_tot .sod_bsk_point,#sod_frm  #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right}
#sod_frm  #sod_bsk_tot .sod_bsk_point span,#sod_frm  #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0}
#sod_frm  #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff8601;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff8601;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_cnt strong{color:#ff8601;font-size:1.25em}

.sod_left{display: table-cell;width:645px;background:#fff;padding:20px;vertical-align:top; border:#ddd 1px solid; }
.sod_right{display: table-cell;width:320px;background:#fbfafa;padding:20px;vertical-align:top;
-webkit-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.1);
-moz-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.1);
box-shadow: inset 7px 0 11px -5px #dfdcdc;height:100%}

.display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9}
.display_setup_message strong {display:block;margin:0 0 10px}

#sod_frm h2 {margin:0 0 10px}
#sod_frm p {margin:0 0 10px}
#sod_list {position:relative}
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:99px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto;overflow-x:none;
-webkit-box-shadow:  1px 2px 5px #bbb;
-moz-box-shadow:  1px 2px 5px #bbb;
box-shadow: 1px 2px 5px #bbb;}
#sod_frm_orderer {margin:20px 0 40px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}

#sod_frm_taker label{display:inline-block;}

#sod_frm_same {margin:0 0 10px}

#sod_frm #od_memo {height:100px; resize:none; border-radius:0; padding:7px;}

#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block;margin:5px 0 0}

#sod_frm .btn_submit{width:100%;height:40px;font-weight:bold;font-size:1.25em;cursor:pointer}
#sod_frm .btn01 {width:100%;height:40px;line-height:38px;font-weight:bold;font-size:1.25em;margin:5px 0}


#sod_frm_pay {position:relative;margin:10px 0}
#sod_frm  #sod_frm_pay h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse}
#sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777}
#sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff}
#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px}
#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #ff8601;color: #ff8601;background: #fff;height: 23px;line-height: 21px;margin: 0;}
#od_coupon_frm td .btn_frmline{border-color:#4a5164 !important;color: #fff !important;background:#4a5164 !important; border-radius:2px;}
#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px}
#od_tot_price span{float:left;font-weight:bold}
#od_tot_price strong{font-size:28px;color:#ff8601}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto}
#sod_frm_deli {position:relative;line-height:2em}
.od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left; background:#333; color:#fff;}
.od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;     background: url(/img/close_btn.gif) no-repeat center center;
    background-size: 12px 12px;}
.od_coupon .btn_close i {display:none;}
.od_coupon .tbl_head02{margin:20px}
.od_coupon .cp_apply{padding: 0 5px;border: 1px solid #ff8601;color: #ff8601;background: #fff;height: 23px;line-height: 21px;}
.od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px}
#sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;}
.od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;}
.od_coupon .td_mngsmall{width:60px}
#sod_frm #sod_frm_pt_alert {margin:10px 0 10px;color:#777; line-height:1.6 }
#od_pay_sl h3{font-size:1.167em;margin:20px 0 5px}

#od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;}
#od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff8601;z-index:3}

#sod_frm_paysel {}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .naverpay_icon{background:url('../../../img/naverpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:20px}
#sod_frm_paysel .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:20px}
#sod_frm_paysel .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}

.sod_frm_point{clear:both;padding:10px 0}
.sod_frm_point div{background:#fff;margin-bottom:1px;padding:10px;text-align:left;text-align:right}
.sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div label{float:left;line-height:30px}
.sod_frm_point div span{display:block;font-size:0.92em}
.sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div strong{float:left;color:#666;font-weight:normal}
.sod_frm_point .max_point_box em{font-style:normal !important}
.sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;}

.sod_frm_emoney{clear:both;padding:10px 0; display:none;}
.sod_frm_emoney div{background:#fff;margin-bottom:1px;padding:10px;text-align:left;text-align:right}
.sod_frm_emoney div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_emoney div label{float:left;line-height:30px}
.sod_frm_emoney div strong.btn_emoney_all {float:left;line-height:30px; display:inline-block; cursor:pointer; background:#ff6d01; color:#fff; font-size:11px; padding:0 5px; margin:0 0 0 10px; border-radius: 2px; }
.sod_frm_emoney div span{display:block;font-size:0.92em}
.sod_frm_emoney div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_emoney div strong{float:left;color:#666;font-weight:normal}
.sod_frm_emoney .max_point_box em{font-style:normal !important}
.sod_frm_emoney #od_temp_emoney, .sod_frm_emoney #od_babyfair_emoney{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;}

.sod_frm_egift {clear:both;padding:10px 0 0 0; }
.sod_frm_egift div{background:#fff;margin-bottom:1px;padding:10px;text-align:left;text-align:right}
.sod_frm_egift div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_egift div label{float:left;line-height:30px}
.sod_frm_egift div strong.btn_egift_all {float:left;line-height:24px; display:inline-block; cursor:pointer; background:#ff6d01; color:#fff; font-size:11px; padding:0 5px; margin:0 0 0 10px; border-radius: 2px; border:#ff6d01 1px solid; }
.sod_frm_egift div strong.btn_egift_cancel {float:left;line-height:24px; display:inline-block; cursor:pointer; background:#fff; color:#666; font-size:11px; padding:0 5px; margin:0 0 0 2px; border-radius: 2px; border:#ddd 1px solid; display:none; }
.sod_frm_egift div span{display:block;font-size:0.92em}
.sod_frm_egift div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_egift div strong{float:left;color:#666;font-weight:normal}
.sod_frm_egift .max_point_box em{font-style:normal !important}
.sod_frm_egift #od_temp_egift {height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;}

.btn_point_all, .btn_egift_all {
    width: auto; float: left; 
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 8px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    font-size: 13px;
    cursor: pointer;
    border: #ddd 1px solid;
    border-bottom: #ccc 1px solid;
    border-radius: 3px;
    color: #444;
    padding: 0 7px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.sod_frm_point div span > em, .sod_frm_emoney div span > em, .sod_frm_egift div span > em {
    font-style: normal;
    display: inline-block;
    margin: 0 0 0 5px;
}


#settle_bank {margin:5px 0 10px;background:#fff;padding:10px; clear:both}
#settle_bank select{height:30px;margin:0 0 5px;width:100%;border:1px solid #ccc;}
#settle_bank #od_deposit_name{height:30px;border:1px solid #ccc;text-align:center;}

#sod_frm_escrow {margin:30px 0 0}
#sod_frm #sod_frm_escrow h2{margin:0;border:0}
#sod_frm #sod_frm_escrow p{margin:5px 0}
#display_pay_process {padding:20px;text-align:center}

/* 위시리스트 */
#sod_ws {}
.sod_ws_img {width:90px;text-align:center}
#sod_ws_act {text-align:center;padding:20px 0;}
#sod_ws_act button{height:50px;width:180px;font-weight:bold;font-size:1.167em}
#sod_ws li .info_link{display:block;margin:10px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#646464;font-weight:bold}
#sod_ws li .info_date{color:#646464;font-size:0.92em}
#sod_ws li .wish_chk {position: absolute;top: 0;left: 0;width: 30px;text-align: center;line-height: 35px;color:#f00}
#sod_ws li .wish_info {padding: 0 35px 10px 30px;position: relative;border-bottom: 1px solid #e0e0e0;margin-top: 10px;height: 45px;}
#sod_ws li .wish_del {position: absolute;top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #e6e6e6;display: block;font-size: 1.25em;color: #777;}
#sod_ws li .wish_del:hover{background:#777;color:#fff}

/* 주문상세내역 */
#sod_fin .od_confirm h1 {font-size:15px;}
#sod_fin .order_results td.td_hope {padding:10px 15px; background-color:#fafafa}
#sod_fin th{padding:8px}
#sod_fin .th_line th{padding: 11px 0 10px; border-left: 1px solid #dfdfdf;  border-bottom: 1px solid #dfdfdf; color: #353535;  font-weight: normal; background: #f5f5fc; border-top-color:#ff8601}
#sod_fin_no {clear: both; margin:0 0 20px;padding:15px;border:4px solid #f3f3f3;font-size:1.25em}

#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}

#sod_fin_legend {padding:10px;background:#f3f3f3;margin:10px 0;border:1px solid #e9e9e9;text-align:left;zoom:1}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
#sod_fin_legend dd {float:left;margin:0}

#sod_fin #sod_bsk_tot li{background:#fff;border-bottom:1px solid #e7ebf1;height: 40px;;padding:0 15px;line-height:40px;text-align:right}
#sod_fin #sod_bsk_tot li span{float:left;clear:both;color: #777;}
#sod_fin #sod_bsk_tot li strong{}
#sod_fin #sod_bsk_tot .sod_bsk_cnt strong{color:#ff8601;font-size:1.25em}

#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form .frm_input {width:300px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px;line-height:1.6em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em}
.sod_req_log_view caption span {color:#ff3061}
.sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center}
.sod_req_log_view td {background:#fff;color:#000}
.sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000}
.sod_req_log_view .sod_req_it {width:270px}
.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer}

#sod_fin_list h2 {margin:0 0 10px}
#sod_fin_list th#th_itsd {border-right:1px solid #dfdfdf}
#sod_fin_list td {padding:8px 10px 7px; border-left:0; color:#353535; border-color:#dfdfdf}
#sod_fin_list td:first-child {border-left:1px solid #dfdfdf}
#sod_fin_list .td_dvr {color:#707070}
#sod_fin_list .td_numbig {}
#sod_fin_list .td_bdno {border-left:0; font-weight:bold;}
#sod_fin_list .td_bdno a{font-weight:bold}
#sod_fin_view {border:1px solid #e9e9e9}
#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}

#sod_fin_pay {margin:0 0 30px}
#sod_fin_orderer {margin:0 0 30px}
#sod_fin_receiver {margin:0 0 30px;}
#sod_fin_dvr {}
#sod_fin .sod_left h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin .sod_left h3{font-size:1.167em ;margin:0 0 10px}
#sod_fin .sod_left .tbl_head01 {}
#sod_fin .sod_left th{padding:10px;border:0;border-top:1px solid #f3f3f3;text-align:left;width:100px;color:#666;background:#fff}
#sod_fin .sod_left td{padding:10px;border:0;border-top:1px solid #f3f3f3;background:#fff}

#sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline}

#sod_fin_tot {margin:10px 0}
#sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;background:#fff;border-bottom:1px solid #ddd;color:#535353;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot #alrdy .right{margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em}
#sod_fin_tot #alrdy .right p{position:relative}
#sod_fin_tot #alrdy .right .title{position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {height:40px;border:1px solid #5e6b6f;font-weight:bold;width:100%;background:none;color:#5e6b6f}
#sod_fin_cancel button:hover{background:#fff}
#sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px}
#sod_fin_cancelfrm .frm_input {background:#fff;margin: 0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline{background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer}
#sod_fin_test {padding:10px}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 공지사항 및 커뮤니티 새글 */
#sidx_lat h2{position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 쇼핑몰 이벤트 */
#sev {}
.sev_admin {margin:0 0 10px;text-align:right}
.sev_admin a{line-height:35px;padding:0 10px}

/* 쿠폰 */
#coupon div:after {display:block;visibility:hidden;clear:both;content:""}
#coupon .cou_tit {font-weight:bold}
#coupon .cou_pri{font-size: 1.25em;color: #00c4ac;font-weight: bold;float: right;}
#coupon .cou_target{color:#666}
#coupon .cou_date{float:right;color: #777;font-style: italic;}

/* 모바일일때 피시버전 주문폼*/
.sod_list {position:relative;margin:0;padding:0;list-style:none}
.sod_list .sod_li {position:relative;padding:0;border:1px solid #e9e9e9;margin:10px 0}
.sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_chk{position:absolute;top:10px;left:10px;}
.sod_list .li_name{min-height:130px}
.sod_list .li_name a,.sod_list .li_name strong{display:block;padding: 0 10px 0 25px;border-bottom:1px solid #e9e9e9;height:35px;line-height:35px}
.sod_list .li_name strong{padding-left:10px}
.sod_list .total_img{position:absolute;top:45px;left:10px;}
.sod_list .sod_opt{padding:10px 10px 5px;margin-left:90px;color:#9e9e9e;font-size:0.93em;background:none;border:none}
.sod_list .sod_opt li{margin-bottom:3px;border:none}
.sod_list .li_cp{position:relative}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {margin:0;padding:5px 8px;border:0;background:#000;color:#fff;font-size:0.93em}
.sod_list .li_cp .cp_cancel,.odf_tbl #od_coupon_cancel,.odf_tbl #sc_coupon_cancel{border:1px solid #999;color:#777;background:#fafafa;margin-left:3px;padding:4px 5px}
.sod_list .li_prqty{margin:10px;}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_prqty .li_prqty_sp{width:33%;display:inline-block;float:left;text-align:center;line-height:2.2em;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:1px solid #e9e9e9;color:#9e9e9e;font-size:0.93em;margin-left:-1px}
.sod_list .li_prqty  .prqty_price{border-left:1px solid #d3d3d3;}
.sod_list .li_prqty  .prqty_sc{border-right:1px solid #d3d3d3;}
.sod_list .li_prqty .li_prqty_sp span{display:block;background:#f2f2f2;}
.sod_list .li_total {position:relative;border-top:1px solid #e9e9e9;margin:10px 10px 0;}
.sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right;color:#343434}
.sod_list .total_span span{position:absolute;top:5px;left:0}
.sod_list .total_span strong{font-size:1.2em}

#sod_frm section{margin-bottom:10px}
#sod_frm section .frm_input {height:30px; border-radius:0;}
#sod_frm section h2{border-bottom:0px solid #e2e4e7;font-size:1.167em;padding-bottom:0}
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed;margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none;padding-left:5px;font-weight:normal}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th{width:90px}
#sod_frm_deli #order_address {display:block;;width:100px;background:#333;color:#fff;text-align:center}
#sod_frm_orderer {margin:0 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}
#sod_frm .odf_tbl table{width:100%;margin:0;padding:0;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-collapse:collapse}
#sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th{;border-bottom:1px solid #e9e9e9;padding:5px 0px 5px 10px ;text-align:left;line-height:26px;position:relative;}
#sod_frm .odf_tbl table th{width:90px;color:#343434;font-weight:normal;letter-spacing:-0.1em}
#sod_frm .odf_tbl table .frm_input{background-color:#fff !important;height:24px;line-height:24px;text-indent:5px}
#sod_frm .odf_tbl table .frm_address{margin-top:5px}
#sod_frm .odf_tbl button.btn_frmline{font-size:0.92em;padding:0 8px;height:26px;line-height:26px}
#sod_frm .odf_tbl textarea{width:99%;border:1px solid #e4eaec;}
#sod_frm_same {margin:0 0 10px}
#sod_frm_pay {position:relative}
#sod_frm_pay .tbl_head01 caption {font-size:0;line-height:0;overflow:hidden}
#sod_frm_pay .tbl_head01 th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .tbl_head01 td {border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}

html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_paysel ul {margin:0;padding:0;}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {float:left;padding:5px 2%;width:46%;height:21px;text-align:left;list-style:none}

/*네이버페이*/
.itemform-naverpay{margin:15px 0;clear:both}
.cart-naverpay{margin-top:15px}

/* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */
#bo_list table td, #fqalist table td{border-left:0;border-right:0}
#bo_v_top .btn_admin, #bo_list .btn_admin{padding-top:0}

/*개인결제*/
.pesonal{background:#f3f3f3;padding:20px}
.pesonal td{font-weight:bold}
#sod_frm_pay h2{font-size: 1.167em;margin: 0px 0 10px;border-bottom:1px solid #ddd;padding: 0 0 10px}
#personal_pay h2{font-size: 1.167em;margin: 0px 0 10px;}
#personal_pay input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;text-indent:-999px;left: 0;z-index: -1px;visibility:hidden;}
#personal_pay .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1}
#personal_pay input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3}
#personal_pay legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#personal_pay .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .PAYCO{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#personal_pay .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#personal_pay .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#personal_pay .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#personal_pay .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#personal_pay .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}
#personal_pay .btn_submit{width:100%;height:40px;font-weight: bold;font-size: 1.25em;margin:10px 0 5px}
#personal_pay .btn01{width:100%;height:40px;line-height:38px;font-weight: bold;font-size: 1.25em;}

/*게시판 상단 카테고리 (4개)*/
.subCa > ul{width:100%; display:inline-block; margin:10px 0 8px;}
.subCa > ul > li {width:25.1%; height:40px; float:left; margin: 0 0 0 -1px;}
.subCa > ul > li > a {display:block; height:40px; line-height: 40px;  padding: 0 15px; font-size: 14px; text-align:center; border: #ccc 1px solid;}
.subCa > ul > li.on > a {position: relative; border: #fce250 1px solid !important;color: #fff !important; background: #fce250;  z-index: 9;}

/*삭제*/
/*사이드 메뉴*/
#side_menu{position:fixed;top:0;right:0;z-index:999;height:100%;background:#fff}
.side_menu_wr{display:none;width:230px;overflow-y:auto;height: 100%;border-left:1px solid #cdcdcd;}
#btn_sidemenu{position:absolute;top:50%;left:-35px;width:35px;height:50px;margin-top:-25px;background:#fff;border:1px solid #cdcdcd;border-right:0;font-size:14px}
#side_menu .side_menu_shop{padding:10px 20px;border-bottom:1px solid #f3f3f3}
#side_menu .btn_side_shop{position:relative;background:none;border:0;width:100%;height:30px;text-align:left;font-weight:bold}
#side_menu .btn_side_shop span{position:absolute;top:5px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:#fff;background:#ed1c24}
#side_menu .side_menu_shop .op_area{ display:none;border-top:1px solid #f3f3f3;margin:5px 0}
#side_menu .side_menu_shop .op_area h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#side_menu .side_menu_shop .op_area li{border-bottom:1px solid #f3f3f3;position:relative;padding:10px 0;min-height:80px;padding-left:70px}
#side_menu .side_menu_shop .op_area li .prd_img{position:absolute;top:10px;left:0px;}
#side_menu .side_menu_shop .op_area li .prd_cost{display:block;font-weight:bold;margin:3px 0 0}
#side_menu .side_menu_shop .op_area  .li_empty{padding:50px 0;padding-left:0;color:#999;border-bottom:1px solid #f3f3f3;text-align:center}

/*게시판 상단*/
#bo_list .titleArea h2, #bo_gall .titleArea h2 {line-height:110px;}
.titleArea h2 > i:first-child {display: inline-block; width: 18px; height: 28px; background: url(../../../img/shop_splite.png) no-repeat left -100px top 0px; margin: 0 0 0 0; padding: 0 0; position: absolute; left: 0; top: 50%;  margin: -11px 0 0 0;}
.titleArea h2 > i.icon_recipe {width:30px; background: url(../../../img/shop_splite.png) no-repeat left -191px top 2px;}
.titleArea h2 > i.icon_wish {width:25px; background: url(../../../img/shop_splite.png) no-repeat left -75px top 2px;}
.titleArea h2 > i.icon_order {width:25px; background: url(../../../img/shop_splite.png) no-repeat left -50px top 4px;}
.titleArea h2 > i.icon_review {width:25px; background: url(../../../img/shop_splite.png) no-repeat left -273px top 1px;}
.titleArea h2 > i.icon_search {width:28px; background: url(../../../img/shop_splite.png) no-repeat left -298px top 0px}
.titleArea h2 > i.icon_calendar {width:24px; background: url(../../../img/shop_splite.png) no-repeat left -143px top 2px}
.titleArea h2 > i.icon_info {width:24px; background: url(../../../img/shop_splite.png) no-repeat left -221px top 2px}
.path {overflow:hidden; height:40px; line-height:40px; width:100%; border-bottom:1px solid #e0e0e0; font-family:'NanumSquareNeoVariable','dotum'; font-size:11px;}
.path span{overflow:hidden;position:absolute;width:0;height:0;white-space:nowrap;text-indent:100%;}
.path ol {float:left;}
.path li {float:left; padding:0 15px 0 20px; margin:0; color:#888; list-style:none;background: url(../../../img/icon/rightPatharrow.png) no-repeat 1px 14px;}
.path .path-home {background: url(../../../img/layout_splite.png) no-repeat left -160px top -341px;padding: 0 10px 0 25px;}
.path li strong {font-weight:normal}
.path li a {color:#888;}
.titleArea {border:0px solid #ddd; border-bottom:#333 2px solid; margin-bottom:10px; background:#fff; padding:0 7px; min-height:100px;}
.titleArea h2{ display:inline-block;  min-width:400px; padding-left:35px; color:#2e2e2e; font-size:26px; height:100px; line-height:108px;font-family:'NanumSquareNeoVariable','NanumRR';font-weight:bold;position:relative;}
.titleArea h2 strong {font-weight:normal;font-size:14px; color:#888; display:inline-block; margin-left:15px;}
.titleArea h2 font {color:#2e2e2e;}
.bow_title {height:30px; margin: 10px 0 20px; border-bottom:1px solid #e8e8e8}
.bow_title h3 {position: relative; display: inline-block; padding: 0 0 0 12px; color: #555; font-size: 16px; font-weight:normal}
.bow_title h3:before, .bow_title p:before {content:""; position: absolute; left:0;}
.bow_title h3:before {top:4px; width:5px; height:14px; border-radius:3px; border:1px solid #2f3249; background-color:#4a5262}
.bow_title p {position: relative; display: inline-block;  margin: 0 0 0 6px; padding: 0 0 0 10px; color: #939393; vertical-align: bottom;}
.bow_title p:before {width:1px; height:11px; top:2px; background-color:#d8d8d8}

.typeMember {display: inline-block; width:100%; margin:7px 0 20px; padding:10px 0; border:1px solid #e7e7e7; color:#404040}
.typeMember > li {float: left;}
.typeMember > li:first-child {width:100px; height:53px; text-align:center; border-right: 1px solid #e8e8e8;}
.typeMember > li:first-child h3 { font-weight:normal; padding-top:20px;}
.typeMember > li:nth-child(2) {width:88%; padding-left:10px;}
.typeMember > li:nth-child(2) > div { border-bottom: 1px solid #e8e8e8; padding:5px 0 7px; margin-bottom:6px;}
.typeMember > li:nth-child(2) > dl {clear: both; padding-top:2px;}
.typeMember > li:nth-child(2) > dl dt, .typeMember > li:nth-child(2) > dl dd {display: inline-block; float: left;}
.typeMember > li:nth-child(2) > dl dt:not(:first-child) {margin-left:40px;}
.typeMember > li:nth-child(2) > dl dd a {padding-left:5px; color:#ff8601; font-weight:bold;}

/* 게시판 */
.al_table {border-top: 2px solid #ff8601; border-left: 1px solid #dfdfdf;}
.al_table th {padding: 11px 0 10px; font-weight: normal; color: #353535; background: #f5f5fc; background-color:#f5f5fc; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.al_table td {padding: 11px 0 10px; color: #353535; border-bottom: 1px solid #dfdfdf; border-right:1px solid #eee;}
#bo_v_atc {padding:30px 0;}
#bo_v_atc p img { width:100% !important; }

/* 게시판 댓글 */
.commentBlank {margin: 30px 0 0; height:50px; line-height:50px; padding: 0 20px 0; border: 1px solid #e9e9e9; background-color: #fbfafa; color: #353535;}
#bo_vc {margin-top:30px; border-bottom:1px solid #d7d5d5}
#bo_vc > article {clear: both; position:relative;}
#bo_vc > article header {padding:12px 0 10px 20px; height:40px; border:1px solid #d7d5d5; border-bottom-color:#e9e9e9}
#bo_vc > article header > .left {float: left;}
#bo_vc > article header > .left strong .member {position:relative;}
#bo_vc > article header > .left strong .member + span {font-weight:normal;}
#bo_vc > article header > .left .bo_vc_hdinfo {margin-left:10px;}
#bo_vc > article header > .left time {font-size:11px;}
#bo_vc > article header > .right {position: relative; top:-5px; float: right; padding-right:20px; width:70%; text-align:right; display:inline-block;}
#bo_vc > article header > .right > ul { float: left; height:24px; line-height: 24px; }
#bo_vc > article header > .right > ul:last-child { float: right; }
#bo_vc > article header > .right .bo_vc_act > li {display: inline-block;}
#bo_vc > article header > .right .bo_vc_act > li a  {display: inline-block; height:24px; line-height:24px; border-radius:2px; border:1px solid #b4b4b4; font-family: 'NanumSquareNeoVariable',"굴림",Gulim; background-color:#fff !important;}
#bo_vc > article header > .right .bo_vc_act > li a.reply {width:57px; background:url(../../../img/icon/down_arrow.png) no-repeat right 8px center;  text-align:left; padding-left:8px;}
#bo_vc > article header > .right .bo_vc_act > li a.edit {width:41px; text-align:center;}
#bo_vc > article header > .right .bo_vc_act > li a.del {width:57px; padding-right:8px; background:url(../../../img/mobile/btn_close2.png) no-repeat 8px center; background-size:8px 8px;}
#bo_vc > article.comment {background-color:#fafafa; }
#bo_vc > article.comment .reply {display:none !important;}
#bo_vc > article.comment #fviewcomment {background-color:#fff !important}
#bo_vc > article.comment header, #bo_vc > article.comment .cmt_contents {padding-left:40px;}
#bo_vc > article.comment header {position:relative;}
#bo_vc > article.comment header .member:before {content: "┖"; position: absolute; color: #757575;left: -20px; top: 0px;}
#bo_vc > article.comment:last-child {border-bottom:0}

#bo_vc > article .cmt_contents {clear: both; padding:20px 25px 35px 25px; border-left:1px solid #d7d5d5; border-right:1px solid #d7d5d5;}
#bo_vc > article .cmt_contents img { max-width: 200px !important; display:inline-block; margin:10px 0;}
#bo_vc > article:last-child {border-bottom:1px solid #d7d5d5;}
#bo_vc_w, .cmt_contents .bo_vc_w #fviewcomment {display: inline-block; width:100%; margin: 30px 0 0; padding: 20px 20px 20px; border: 1px solid #e9e9e9; background-color: #fbfafa; color: #353535;}
#bo_vc_w h2, .cmt_contents .bo_vc_w #fviewcomment h2 {margin-bottom:10px;}
#bo_vc_w .top, .cmt_contents .bo_vc_w #fviewcomment .top {margin-bottom:15px; position:relative; }
#bo_vc_w .top > span, .cmt_contents .bo_vc_w #fviewcomment .top > span {display: inline-block; margin:0 8px 0 0;}
#bo_vc_w .top > span input, .cmt_contents .bo_vc_w #fviewcomment .top span input {width: 135px; height:24px; margin-left:10px; padding:2px 4px; border: 1px solid #d5d5d5;}
#bo_vc_w .bot, .cmt_contents .bo_vc_w #fviewcomment .bot, .cmt_contents .bo_vc_w #fviewcomment .bo_vc_w_wr {float: left;}
#bo_vc_w .bot textarea, .cmt_contents .bo_vc_w #fviewcomment .bot textarea {resize:none; width:823px; height:50px; padding:2px 2px 2px 4px; border:1px solid #d5d5d5;}
#bo_vc_w .bo_vc_w_wr .btn_confirm #wr_secret, #bo_vc_w .bo_vc_w_wr .btn_confirm #wr_secret, .cmt_contents .bo_vc_w #fviewcomment .btn_confirm #wr_secret, .cmt_contents .bo_vc_w #fviewcomment .btn_confirm #wr_secret {display:none;}
#bo_vc_w .bo_vc_w_wr .btn_confirm #btn_submit, .cmt_contents .bo_vc_w .btn_confirm #btn_submit {width:80px; height:50px; border-radius:2px; color:#fff; text-align:center; background-color:#8c8c8c; border-bottom:1px solid #696969; font-weight:bold; font-size:13px; margin-left:15px;}
.cmt_contents .bo_vc_w #fviewcomment {margin-top:0; margin-bottom:20px;}
.cmt_contents .bo_vc_w #fviewcomment .bot {-webkit-width:calc(100% - 95px); -ms-width:calc(100% - 95px); width:calc(100% - 95px);}
.cmt_contents .bo_vc_w #fviewcomment .bot textarea {width:100%;}
.comment_pading .pg_start:hover, .comment_pading .pg_end:hover {background-color:#fff !important}

#bo_v_link, .content_move, .content_copy {display:none !important}
#bo_w table.table_write {width:100%; border-right:1px solid #dfdfdf}
#bo_w table.table_write tfoot tr:last-child th, #bo_w table.table_write tfoot tr:last-child td {border-bottom:1px solid #dfdfdf}

.focusNotice {width: 250px; height: 50px; position: fixed; bottom: -100px; right: 10px; background: #ffd821; color: #000; border-radius: 30px; z-index: 9999;}
.focusNotice .btn_close {width: 22px; height: 22px; position: absolute; top: -10px; right: 0px; background: #423333 url(/img/icon/btn_close.png) no-repeat center center; border-radius: 100%; z-index: 9999; cursor: pointer;}
.focusNotice h1 {font-size: 13px; text-align: center; margin: 8px 0 0 0;}

.sendaddr { display:none; }

.addTable .tbl_frm01 table { border-top:#ddd 1px solid; }
.addTable .tbl_frm01 th,.addTable .tbl_frm01 td { border-bottom:#ddd 1px solid; padding:10px;  }
.addTable .tbl_frm01 th { background:#f5f5fc; font-weight:normal; text-align:left;}
.addTable .tbl_frm01 td { letter-spacing: normal; }
#od_memo_select { margin:0 0 5px 0; min-width:150px; height:28px; border:1px solid #dcdcdc}
#ad_name input,#ad_addr input,#ad_hp input { border:0; }
input:disabled { background:#fff; }

.icon_loading {z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -60px 0 0 -60px !important;  border-radius: 100% !important;
width: 120px !important; height: 120px; background: #ff8601;border-radius: 100%; color: #fff;text-align: center; font-size: 13px; font-weight: bold; color:#fff !important;display: none}
.icon_loading h1 {position:absolute; top:50%; margin-top:-17px; width:100%; text-align:center;}



.check_confirm { margin:0 0 10px 0; display:inline-block; width:100%;}
.check_confirm > label { display:inline-block; width:100%; margin:0 0 10px 0; }
.check_confirm > label > span > strong { color:#0073e9; text-decoration: underline; cursor: pointer; }
.p_cont { border:#ddd 1px solid; background:#fff; padding:10px; margin:0 0 10px 0; display:none; }
/* 추후 삭제 */
.cy_hardcording {display: inline-block; font-size:11px; color:red; font-weight:bold;}

.td_bdno h4 { font-weight: normal; color:#777; }


.od_confirm { width:100%; text-align: center; padding:50px 0; }
.od_confirm > h2 { font-size:32px; }
.od_confirm > h3 { font-size:22px; font-weight: normal; margin:10px 0; }


.payback { width:500px; heigth:auto; display:none; background:#fff; position:absolute; left:50%; top:50%; margin:-100px 0 0 -250px; z-index: 99; border:#333 1px solid; padding:15px;}
.payback .btn_close { position:absolute; top:15px; right:15px; width:15px; height:15px; display:inline-block; border:0; background:#fff url('../../../svg/btn_close.svg') no-repeat center center; background-size:14px 14px; z-index: 99;}
.payback > h1 { font-weight: normal; font-size:15px; margin:0 0 10px 0;}
.payback > ul > li { font-size:13px; padding:5px 0; display:inline-block; width:100%;}
.payback > ul > li > a, .payback > ul > li >  strong, .payback > ul > li > span, .payback > ul > li > i , .payback > ul > li > input { display:inline-block; font-weight: normal; float: left; font-style: normal; }
.payback > ul > li > a { margin:0 5px; }
.payback > ul > li > span { float: right; color:#777; }
.payback > ul > li > strong { margin:0 5px; }
.payback > ul > li > i { font-size:11px; color:#fff; padding:2px 4px; background:#ff8601; margin:0 5px; }
.payback > ul > li > i.done { background:#22ac38 !important; }
.payback > ul > li > input { width:17px; height:17px; display: inline-block; cursor: pointer; }
.payback > ul > li.po_ok > a, .payback > ul > li.po_ok >  strong, .payback > ul > li.po_ok > span, .payback > ul > li.po_ok > input { color:#777 !important; text-decoration: line-through !important;}
.payback .empty { font-size:12px; text-align: center; color:#777; padding:40px 0;}
.btn_search { display:inline-block; background:#ff8601; color:#fff; font-size:13px; padding:3px 6px; border:0; border-radius: 2px;}
.btn_search.done { background:#22ac38 !important; }
.btn_po_confirm { display:inline-block; padding:2px 4px; border-radius: 2px;  background:#ff8601; color:#fff; font-size:13px;  border:0; }
.btn_po_confirm.done { background:#ccc !important; }

.item_opt_3 { float:left; width:45%; height:auto; margin:15px; }
.item_opt_3 > h1 { font-weight:normal; font-size:15px; margin:10px 0; }
.item_opt_3 li { font-size:13px; padding:5px 0; display:inline-block; width:100%;}
.item_opt_3 li > a, .item_opt_3 li >  strong, .item_opt_3 li > span, .item_opt_3 li > i , .item_opt_3 li > input { display:inline-block; font-weight: normal; float: left; font-style: normal; }
.item_opt_3 li > a { margin:0 5px; }
.item_opt_3 li > span { float: right; color:#777; }
.item_opt_3 li > strong { margin:0 5px; }
.item_opt_3 li > i { font-size:11px; color:#fff; padding:2px 4px; background:#ff8601; margin:0 5px; }
.item_opt_3 li > i.done { background:#22ac38 !important; }
.item_opt_3 li > input { width:17px; height:17px; display: inline-block; cursor: pointer; }
.item_opt_3 li.po_ok > a, .item_opt_3 li.po_ok >  strong, .item_opt_3 li.po_ok > span, .item_opt_3 li.po_ok > input { color:#777 !important; text-decoration: line-through !important;}

.item_opt_28 { display:inline-block; width:45%; margin:15px; }
.item_opt_28 > h1 { font-weight:normal; font-size:15px; margin:10px 0; }
.item_opt_28 li { font-size:13px; padding:5px 0; display:inline-block; width:100%;}
.item_opt_28 li > a, .item_opt_28 li >  strong, .item_opt_28 li > span, .item_opt_28 li > i , .item_opt_28 li > input { display:inline-block; font-weight: normal; float: left; font-style: normal; }
.item_opt_28 li > a { margin:0 5px; }
.item_opt_28 li > span { float: right; color:#777; }
.item_opt_28 li > strong { margin:0 5px; }
.item_opt_28 li > i { font-size:11px; color:#fff; padding:2px 4px; background:#ff8601; margin:0 5px; }
.item_opt_28 li > i.done { background:#22ac38 !important; }
.item_opt_28 li > input { width:17px; height:17px; display: inline-block; cursor: pointer; }
.item_opt_28 li.po_ok > a, .item_opt_28 li.po_ok >  strong, .item_opt_28 li.po_ok > span, .item_opt_28 li.po_ok > input { color:#777 !important; text-decoration: line-through !important;}

.sel_opt_3 { font-size:13px; padding:5px 0; display:inline-block; width:100%; float:left; width:45%; margin:15px; }
.sel_opt_3 > a, .sel_opt_3 > strong, .sel_opt_3 > span, .sel_opt_3 > i , .sel_opt_3 > input { display:inline-block; font-weight: normal; float: left; font-style: normal; }
.sel_opt_3 > a { margin:0 5px; }
.sel_opt_3 > span { float: right; color:#777; }
.sel_opt_3 > strong { margin:0 5px; }
.sel_opt_3 > i { font-size:11px; color:#fff; padding:2px 4px; background:#ff8601; margin:0 5px; }
.sel_opt_3 > i.done { background:#22ac38 !important; }
.sel_opt_3 > input { width:17px; height:17px; display: inline-block; cursor: pointer; }
.sel_opt_3 li.po_ok > a, .sel_opt_3 li.po_ok >  strong, .sel_opt_3 li.po_ok > span, .sel_opt_3 li.po_ok > input { color:#777 !important; text-decoration: line-through !important;}

.sel_opt_28 { font-size:13px; padding:5px 0; display:inline-block; width:100%; display:inline-block; width:45%; margin:15px; }
.sel_opt_28 > a, .sel_opt_28 > strong, .sel_opt_28 > span, .sel_opt_28 > i , .sel_opt_28 > input { display:inline-block; font-weight: normal; float: left; font-style: normal; }
.sel_opt_28 > a { margin:0 5px; }
.sel_opt_28 > span { float: right; color:#777; }
.sel_opt_28 > strong { margin:0 5px; }
.sel_opt_28 > i { font-size:11px; color:#fff; padding:2px 4px; background:#ff8601; margin:0 5px; }
.sel_opt_28 > i.done { background:#22ac38 !important; }
.sel_opt_28 > input { width:17px; height:17px; display: inline-block; cursor: pointer; }
.sel_opt_28 li.po_ok > a, .sel_opt_28 li.po_ok >  strong, .sel_opt_28 li.po_ok > span, .sel_opt_28 li.po_ok > input { color:#777 !important; text-decoration: line-through !important;}

.sel_payback { clear : both; }
.sel_payback > h1 { font-weight:normal;font-size:15px; padding:8px 4px; }
.sel_payback > h1 > button.btn_sel { float:right; font-size:13px; background:#ff8601; color:#fff; padding:2px 4px; border:0; }

.btn_search1 { display:inline-block; background:#ff8601; color:#fff; font-size:13px; padding:3px 6px; border:0; border-radius: 2px;}
.btn_search1.done { background:#22ac38 !important; }

#blackBg { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.5); z-index: 99999;}
#blackBg > div { width:300px; height:450px; background:#fff; position:absolute; left:50%; top:50%; margin: -225px 0 0 -150px; overflow: hidden; }



.keyword_suggest { position: absolute; top:52px; right:0; border:#333 1px solid; background:#fff; width:280px; padding:10px 0; height:320px; z-index: 9999; text-align: left; display:none;}
.keyword_suggest > a { display:inline-block; width:100%; font-size:12px; color:#000; padding:0 10px; height:30px !important; line-height: 30px !important; float: left; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; }
.keyword_suggest > a > strong { display:inline-block; color:#ff8601;  }

.my_search { position: absolute; top:52px; right:0; border:#333 1px solid; background:#fff; width:450px; height:416px; z-index: 999; display:none; }

.sch_inner { width:100%; display:inline-block; }
.sch_list,.sch_rank { padding:20px 15px; width:60%; display:inline-block; line-height: normal; text-align: left; float: left; }
.sch_list {  }
.sch_list > h2,.sch_rank > h2 { font-size:15px; font-weight: normal; margin:0 0 10px 0; padding:7px 0; }
.sch_list > p {  display:block; text-align: center; padding:30px 0; font-size:14px;color:#888;}
.sch_list > strong { display:inline-block; width:100%; font-weight: normal; border-radius: 0; border:#ddd 0px solid; float: left; margin:0 3px 3px 0; position:relative; }
.sch_list > strong > a { display:inline-block; padding:0 15px 0 7px; height:30px; line-height: 30px; font-size:14px; margin:0 0 0 0; }
.sch_list > strong > button { width:30px;height:30px;background: url('../../../../../../svg/btn_close.svg') no-repeat right center; background-size:10px 10px; border:0 !important; text-indent: -99999px; margin:0 7px 0 0; position:absolute; top:0; right:0;}
.sch_list > h2 > button { border:0 !important; padding:0 !important; background:#fff; color:#ff8601; font-size:12px; float: right; }

.btn_back { width:40px; height:60px; background:#fff url('../../../../../../svg/arrow_left.svg') no-repeat center center; background-size:16px 16px; border:0; padding:0; }
.icon_search { width:40px; height:60px; background:#fff url('../../../../../../svg/icon_search.svg') no-repeat center center; background-size:16px 16px; border:0 !important; padding:0 !important; text-indent: -999999px; }
#sch_str { border:0; width:100%; background:#fff; font-size:16px; height:60px; }

.sch_rank { padding-left:20px; margin-left:10px; border-left:#ddd 1px solid; width:35%; }
.sch_rank > ul {  width:100%; padding:0; margin:0; display:inline-block; }
.sch_rank > ul > li { width:100%; padding:4px 0; font-size:15px; display:inline-block;}
.sch_rank > ul > li > strong { display:inline-block; width:22px; height:22px; line-height: 22px; margin:0 10px 0 0; float: left; text-align: center; background:#fff; border:#ddd 1px solid; font-weight: normal; }
.sch_rank > ul > li > a { display:inline-block; float: left; width:70%; height:22px; line-height: 22px;}
.sch_rank > ul > li:nth-child(-n+3) > strong { background:#ff8601; border:#ff8601 1px solid; color:#fff; }

.sod_frm_bank { width:100%; display:none; clear: both; margin:10px 0; }
.sod_frm_bank > a { display:block; text-align: center; padding:15px 0; font-size:13px; color:#ff8601; border:#ff8601 1px solid;}


#fp_tabs { width:100%; margin:0 0 20px 0; }
#fp_tabs > ul { width:100%; display:inline-block; padding:0; margin:0; }
#fp_tabs > ul > li { float: left; width:50%; text-align: center; position:relative; }
#fp_tabs > ul > li > a { display:block; font-size: 15px; font-weight: bold; color:#888; height:50px; line-height: 50px; border:#ddd 1px solid; border-bottom:#ff8601 1px solid; }
#fp_tabs > ul > li > a.on { border:#ff8601 1px solid; border-bottom:#fff 1px solid; position:relative; z-index: 1; color:#ff8601; }
#fp_tabs > ul > li > span { display:inline-block; position:absolute; top:-16px; left:50%; background:#fff100; color:#000; font-weight: bold; font-size:11px; width:40px; margin:0 0 0 -20px; height:24px; line-height: 24px; border-radius: 10px; z-index: 99;}
#fp_tabs > ul > li:last-child { margin-left:-1px; }


@media (max-width: 1024px) {
    #quick2 {display:none;}
    body, html {min-width:1200px;}
    body {position:relative;}
    #wrapper {min-width:1200px;}
    #footer {position:absolute; width:100%; height:401px;}
}

.app_alert { width:100%; height:100%; position:fixed; background:rgba(0,0,0,.5); text-align: center; left:0; top:0; right:0; bottom:0; z-index: 9999999; }
.app_alert > div { width:300px; height:150px; background:#fff; border-radius: 10px; top:50%; left:50%; margin:-10% 0 0 -150px; position:absolute; padding:0; overflow: hidden;  }
.app_alert > div > h1 { font-weight: normal; text-align: center; padding:10px; border-bottom:#ddd 1px solid; font-size:14px; color:#888; }
.app_alert > div > p { display:table; text-align: center; padding:10px; width:100%; font-size:15px; height:calc(100% - 50px); overflow: hidden; overflow-y: auto; }
.app_alert > div > p > strong { display:table-cell; vertical-align:middle; font-weight: normal; height:100%; }
.app_alert > div > button { width:100%; height:50px; background:#ff8601; color:#fff; font-size:15px; text-align: center; position:absolute; left:0; bottom:0; border:0; border-radius: 0px; }

.chat_wrap { position:fixed; right:130px; bottom:30px; z-index: 9999;}
.chat_wrap > button > span { display:inline-block; position:absolute; top:-5px; right:-5px; width:24px; height:24px; background:#ff0000; color:#fff; font-weight: bold; line-height: 24px; text-align: center; border-radius: 100%;}
.chat_wrap > button { width:0px; height:0; transition:all 0.6s; opacity: 0; }
.chat_wrap > button.show { width:60px; height:60px; opacity: 1; background:#fce250 url('../../../svg/icon_chat.svg') no-repeat center center; background-size:25px 25px; border-radius: 100%; box-shadow: 0 1px 6px 0 rgb(0 0 0 / 6%), 0 2px 32px 0 rgb(0 0 0 / 16%); transition: all 0.3s; border:0; position:absolute; bottom:0; right:0; }
.chat_wrap #chat_form { width:0; height:0; display:inline-block; background:#fff; border-radius: 10px; box-shadow: 0 1px 6px 0 rgb(0 0 0 / 6%), 0 2px 32px 0 rgb(0 0 0 / 16%); transition: all 0.3s; position:absolute; right:0; bottom:0; overflow: hidden; z-index: 99999; }
.chat_wrap #chat_form.show { width:400px; height:700px; }
.chat_wrap #chat_form > h1 { background:#54d38a; color:#fff; height:50px; line-height: 50px; font-size:16px; font-weight: bold; padding:0 15px;} 
.chat_wrap #chat_form > h1 > button { width:50px; height:50px; display:inline-block; border:0; background:url('../../../svg/icon_close.svg') no-repeat center center; background-size:25px 25px; position:absolute; top:0; right:0; }


#sit_inf_explan { display:inline-block; width:100%; }
#sit_inf_explan > div, #sit_inf_explan > p { display:inline-block; width:100%; float: left; }
#sit_inf_explan > div img { display:inline-block; float: left; }
#sit_inf_explan > div img.hide { display:none; }

#main_bn_dx2 .swiper-button-next, #main_bn_dx2 .swiper-button-prev, #main_bn_dx3 .swiper-button-prev, #main_bn_dx3 .swiper-button-next { width:27px; height:27px; text-indent:-9999999px !important; }
#main_bn_dx2 .swiper-button-next, #main_bn_dx3 .swiper-button-next {background:url('../../../img/icon_arrow_next_b.png') no-repeat center center; background-size:27px 27px; }
#main_bn_dx2 .swiper-button-prev, #main_bn_dx3 .swiper-button-prev {background:url('../../../img/icon_arrow_prev_b.png') no-repeat center center; background-size:27px 27px; }

.addr_member { width:100%; margin:0 0 20px 0; border:#eee 1px solid;text-align: left; padding:10px 15px; display:inline-block; } 
.addr_member > ul { width:100%; display:flex; flex-direction:column; }
.addr_member > ul > li { width:100%; margin:5px 0; }
.addr_member > ul > li > strong { font-size:15px; margin:0 10px 0 0; }
.addr_member > ul > li a { float: right; color:#007cd9; text-decoration: underline; }

#sod_dawn_kind .addr_ship_kind { margin:0 0 0 0; }
.addr_ship_kind { width:100%; margin:0 0 10px 0; display:inline-block; }
.addr_ship_kind > ul { width:100%; display:flex; flex-direction:column; }
.addr_ship_kind > ul > li { width:100%; margin:0 0 5px 0; position:relative; text-align: left; padding:0 5px 0 0; }
#sod_dawn_kind .addr_ship_kind > ul > li {  }
.addr_ship_kind > ul > li > label { width:100%; height:100%; padding:10px 10px 6px 10px; border:#eee 1px solid; border-radius: 5px; opacity: .7; }
.addr_ship_kind > ul > li > label > strong { padding:7px 0 0 30px; font-size:11px; color:#888; font-weight: normal; line-height: 20px; }
.addr_ship_kind > ul > li > label.on { border:#cfcfcf 1px solid; border-bottom:#c2c2c2 1px solid; border-right:#c2c2c2 1px solid; }
.addr_ship_kind > ul > li > label.on2 { opacity: 1; }
.addr_ship_kind .pure-material-radio { cursor: pointer; }
.addr_ship_kind .pure-material-radio > span { position:relative; }
.addr_ship_kind .pure-material-radio > span::after { top:2px; }
.addr_ship_kind .pure-material-radio > span > em { display:inline-block; font-style: normal; background:#374c81 /*url('../../../svg/icon_night.svg') no-repeat left center*/; background-size:28px 28px;  border-color:#374c81; color:#fff; height:28px; line-height: 30px; padding:0 15px 0 45px; border-radius: 20px; font-size:14px; position:relative; overflow: hidden; font-weight: bold; }
.addr_ship_kind .pure-material-radio > span > em:after { content:""; width:25px; height:25px; position:absolute; left:10px; bottom:-3px; background:url('../../../svg/icon_truck.svg') no-repeat center center; background-size:25px 25px; z-index: 2; transition: 0.3s left; animation-name: bounce; animation-timing-function: linear; animation-duration: 0.6s; animation-iteration-count: infinite; }
.addr_ship_kind .pure-material-radio > span > em:before { content:""; width:100%; height:25px; position:absolute; left:0; top:0px; background:url('../../../svg/icon_night_star.svg') no-repeat left -10px top -0px; background-size:40%;  z-index: 1; } 
.addr_ship_kind .pure-material-radio > input { top:2px; left:0px; } 
@keyframes bounce {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-1px); }
    100% { transform: translateY(0); }
}
.addr_ship_kind .btn_show_dawn { width:28px; height:28px; position:absolute; top:10px; right:10px; z-index: 99; background:url('../../../svg/icon_q.svg') no-repeat center center; background-size:25px 25px; border:0; opacity: .3; }

.addr_ship_price { width:100%; margin:0 0 0 0;text-align: right; display:inline-block; ;  }
.addr_ship_price > ul { width:100%; padding: 0; margin:0; display:inline-block; }
.addr_ship_price > ul > li { float: left; width:50%; text-align: left; display:flex; }
.addr_ship_price > ul > li:last-child { float: right; text-align: right; justify-content: flex-end;  }
.addr_ship_price > ul > li > * { display:inline-block; height:28px; line-height: 28px; font-style:normal; }
.addr_ship_price i { font-size:14px; }
.addr_ship_price strong { font-size:22px; margin:0 3px 0 10px; }
.addr_ship_price span { font-size:13px; }
.addr_ship_price em { margin:0 20px 0 0; }
.addr_ship_price em > i { font-style: normal; font-weight: bold; }

.addr_guest { width:100%; margin:0 0 20px 0; border:#eee 0px solid;text-align: center; padding:20px 0;}
.addr_guest > a { display:inline-block; border-radius: 20px; height:28px; line-height: 28px; background:#fff; border:#ddd 1px solid; font-size:13px; padding:0 14px;}
.addr_guest > a.btn_login { background:#fce250; border-color:#fce250; color:#000; }

.btn_bt_dawn { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.3); z-index: 99999; display:none; }
.btn_bt_dawn.show { display:inline-block; }
.btn_bt_dawn > div { width:400px; background:#fff; border-radius: 10px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); padding:20px; }
.btn_bt_dawn > div > h2 { padding: 0 0 0 35px; font-size:16px;
    margin: 0 0 15px 0;
    background: url(../../../svg/icon_warning.svg) no-repeat left center;
    background-size: 25px 25px;
} 
.btn_bt_dawn > div > h3 {
    font-weight: normal;
    font-size: 13px;
    color: #333;
    margin: 0 0 0 0;
}
.btn_bt_dawn #my_dawnmemo .pure-material-button-contained { border:0; width:100%; height:50px; line-height: 50px; margin:20px 0 0 0; background:#fce250 !important; color:#000 !important; }
.btn_bt_dawn .btn_close { 
        position: absolute;
    top: 20px;
    right: 20px;
    background: #fff url(../../../../../svg/btn_close2.svg) no-repeat center center;
    width: 20px;
    height: 20px;
    background-size: 15px 15px;
    border: 0;
    opacity: .3;
}
.ct_subject { position:relative; }
.is_dawn_icon { display:inline-block; font-style: normal; background:#374c81 /*url('../../../svg/icon_night.svg') no-repeat left center*/; background-size:28px 28px;  border-color:#374c81; color:#fff; height:28px; line-height:28px; padding:0 15px 0 45px; border-radius: 20px; font-size:14px; position:absolute; overflow: hidden; font-weight: bold; top:0; right:0; }
.is_dawn_icon:after { content:""; width:25px; height:25px; position:absolute; left:10px; bottom:-3px; background:url('../../../svg/icon_truck.svg') no-repeat center center; background-size:25px 25px; z-index: 2; transition: 0.3s left; animation-name: bounce; animation-timing-function: linear; animation-duration: 0.6s; animation-iteration-count: infinite; }
.is_dawn_icon:before { content:""; width:100%; height:25px; position:absolute; left:0; top:0px; background:url('../../../svg/icon_night_star.svg') no-repeat left -10px top -0px; background-size:40%;  z-index: 1; } 
.addrwriteWrap .ad_entrance_kind { position:relative; width:100%; display:inline-block;}
.addrwriteWrap .ad_entrance_kind > strong { position: relative; display: block; margin: 5px 0; font-size: 11px; font-weight: normal; color: #888; }
.addrwriteWrap .ad_entrance_kind > label { display:inline-block; float: left; margin:0 15px 0 0; padding:7px 0 12px 0; font-size:13px; color:#000; font-weight: bold; } 

.giftCardForm { width: 100%; 
    margin: 0 0 20px 0;
    padding: 20px !important;
    background: #fff;
    border: 0 !important;
    border-top: #ddd 1px solid !important;
    border-bottom: #ccc 1px solid !important; display:flex; flex-direction: row; flex-wrap: wrap; }
.giftCardForm > h2 {
    background-color: #fff !important;
    color: #000 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin: 0 0 0 0;
    height: 27px !important;
    line-height: 27px; width:100%; 
}
#cardDesignList { width:50%; margin:0 0 0 0; overflow: hidden; }
#cardDesignList > ul > li { position:relative; }
#cardDesignList > ul.cardThumb { height:auto; margin:0 0 15px 0; }
#cardDesignList > ul.cardThumb > li { width:20%; height:auto; cursor: pointer; }
#cardDesignList > ul.cardThumb > li img { border-radius: 3px; border:#fff 2px solid; width:100%; }
#cardDesignList > ul.cardThumb > li.on img { border:#222 2px solid; }
#cardDesignList > ul.cardSelected > li { display:flex; flex-direction: row; justify-content: center; }

#selectCardDesign { width:45%; margin-left: auto; }
#selectCardDesign h5 { margin:7px 0 0 0; }
#selectCardDesign > ul { width:100%; display:flex; flex-direction: column; justify-content: flex-start;  }
#selectCardDesign > ul > li { width:100%; position:relative; margin:0 0 5px 0; }
#selectCardDesign > ul > li:first-child { margin:0 0 20px 0; }
#selectCardDesign > ul > li img { border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,.2); }
#selectCardDesign > ul > li textarea { width:100%; border-radius: 10px; border:0; background:#f9f9f9; padding:10px; font-size:14px; height:100px; }
#selectCardDesign > ul > li input[type='text'] { width:100%; border-radius: 10px; border:0; background:#f9f9f9; padding:10px; font-size:14px; height:40px; }
#selectCardDesign #text_count { position:absolute; bottom:10px; right:10px; font-size:11px; font-weight: bold; color:#999; }

#selectCardDesign > ul > li.li_tel { display:flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#selectCardDesign > ul > li.li_tel > input[type='text'] { width:30%; }
#selectCardDesign > ul > li.li_tel > strong { color:#999; }
#selectCardDesign > ul > li .notice { width:100%; margin:5px 0 5px 0; font-size:11px; color:#999;  }
#selectCardDesign > ul > li.li_check { margin:0 0 10px 0; display:flex; width:100%; flex-direction: row; justify-content: space-between; }
#selectCardDesign > ul > li.li_check label span { font-size:13px; color:#777; }

.giftReceive { position:absolute; height:calc(100% - 40px); width:calc(50% - 0px); left:20px; top:20px; z-index: 1;}
.giftReceive > h2 { font-size:18px; position:relative; padding:0 10px 5px 30px; border-bottom:rgba(0,0,0, .3) 1px dashed; width:auto; display:inline-block; }
.giftReceive > h2:before { content:"To . "; position:absolute; left:0; top:50%; transform:translateY(-50%); opacity: .3; font-style: italic; font-family: 'Pacifico', cursive; } 
.giftReceive > h3 { font-size:12px;  padding:0 5px 2px 35px; border-bottom:rgba(0,0,0, .3) 1px dashed; width:auto; display:inline-block; position:absolute; left:0; bottom:0;}
.giftReceive > h3:before { content:"From . "; position:absolute; left:0; top:50%; transform:translateY(-50%); opacity: .3; font-style: italic; font-family: 'Pacifico', cursive; } 
.giftReceive > p { margin:20px 0 0 0; font-size:13px; }

.giftCardInfo { position:absolute; display:none; right:20px; top:20px; z-index: 1; background:rgba(0,0,0,.6); color:#fff; font-size:12px; height:22px; line-height: 22px; padding:0 8px; border-radius: 15px; }
.giftCardInfo > strong { font-weight: normal; }


.hope_gift_subject { margin-right:10px;width:10%;font-size:1.1em; }
.show_gift { margin-left:20px;font-size:1.1em;font-weight:600;display: inline-block;color:#000; }

.orderform_sel_gift { text-align: center;margin-bottom: 20px; }
.orderform_sel_gift > .subject { font-size:1.5em;text-align: center;border-bottom: 3px solid #fce250;padding:10px;font-weight: 700; }

.get_box { box-shadow:2px 2px #eee;border:1px solid #eee;width:30%;display: inline-block;padding:10px;position: relative;margin:0 10px 10px 0;border-radius:10px; }
.get_box > .get_box_left { float:left; }
.get_box > .get_box_right { width:65%;float:right;font-size:1.1em;margin-top: 20px;text-align: left }
.get_box > .get_box_right > b { color:#ff8601; }


.ev_div { width:100%;display:inline-block; margin-right:20px; }
.ev_table th { font-family:'NanumSquareNeoVariable' !important;font-size:15px; }
.ev_div > .ev_subject { text-align:center;border-bottom:2px solid #fce250;padding:5px;margin-bottom:10px; height:70px; width:100%; }
.ev_div > .ev_subject > span { font-size:18px;font-family:'NanumSquareNeoVariable' !important }
.ev_div > .ev_subject > .btn_arrow.down {  width:16px; height :16px; border:0; float:right;position:relative;top:30%; background:url('../../../../../svg/btn_arrow_down.svg') no-repeat center center;background-size:16px 16px; }
.ev_div > .ev_subject > .btn_arrow.up {  width:16px; height :16px; border:0; float:right;position:relative;top:30%; background:url('../../../../../svg/btn_arrow_up.svg') no-repeat center center;background-size:16px 16px; }
.ev_div .ev_table { margin-bottom:20px; }
.ev_div .ev_table tr { text-align:center;display: inline; }
.ev_div .ev_table tr td { width:300px;border:1px solid #ddd;height:100px;text-align:center;box-shadow:3px 3px #f7f7f7;border-radius:5px;margin-right:5px;padding:10px; }
.ev_div .ev_table tr td > div { font-size:13px;font-weight:700;margin-top:10px; }
.red_color { color:#ff0000; }
.ev_div .exclamation-button { background:url('../../../../../svg/exclamation-button.svg'); background-size:14px 14px; width:14px; height:14px; display:inline-block; top:10%; position:relative;}
.price_50000, .price_80000, .price_120000 { display:none; }
.ev_section { padding:10px;text-align:center;display:none; }
.margin_b_20 { margin-bottom:20px; }
.text_deco { text-decoration:underline; }
.evLayer { width:100%; height:100%; background:#ffcb1d; position:fixed; left:-100%; top:0; z-index: 99999999; transition: left 0.3s; display:flex; justify-content: center; flex-direction: column; align-items: center; }
.evLayer img { width:100%; }
.evLayer.show { left:0; transition: left 0.3s; }
.evLayer .btn_close { position:absolute; top:10px; right:10px; background:url('../../svg/icon_close_b.svg') no-repeat center center; background-size:20px 20px; width:20px; height:20px; border:0;}
.gift_soldout { position: absolute;top:40%;left:32%;font-size:2em !important; }
@media only screen and (min-width: 1021px) {
    .evLayer { width:600px; height:100%; background:#ffcb1d; position:fixed; left:-600px; top:0; z-index: 99999999; transition: left 0.3s; overflow: hidden; overflow-y: auto; display:flex; justify-content: center; flex-direction: column; align-items: center;  }
}


#seven_month_event .ev_table > ul.th {font-family:'NanumSquareNeoVariable' !important;font-size:15px;}
#seven_month_event .ev_table > ul {display: flex; flex-wrap: wrap; height: 100%; padding: 0; margin:0;}
#seven_month_event .ev_table > ul > li {flex-grow:  1;vertical-align: middle;width: 20%;padding: 10px;word-break: keep-all;}
#seven_month_event .giftprice_80000, #seven_month_event .giftprice_120000, #seven_month_event .giftprice_200000 { display:none; }
#seven_month_event .ev_div > .ev_subject {height: 70px;}
#seven_month_event .ev_div {margin-bottom: 10px;}
.sel_gift_area > .gift_area_subject{height: 50px;}
@media only screen and (max-device-width : 480px) and (orientation : portrait){
    #seven_month_event .ev_table > ul > li {width: 50%; padding: 0.8em;}
    #seven_month_event .ev_table > ul:nth-child(1) > li {width: 100%; padding: 0.8em;}
    #seven_month_event .ev_table.giftprice_120000 > ul {display: block; flex-wrap: wrap; height: 100%; padding: 0; margin:0;}
    #seven_month_event .ev_table.giftprice_120000 > ul:not(:nth-child(1)) > li {float:left;width: 33%; min-height: 170px;}
    #seven_month_event .ev_table.giftprice_120000 > ul > li > img {height: auto;}
    #hd_wrapper > li#logo {padding-top:15px; text-align:center}
}

#login_info > div { width:100%; }
#login_info > div > ul { width:auto; display:flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; }
#login_info > div > ul > li { position:relative; }
#login_info > div > ul > li:first-child:after { content:""; position:absolute; right:0px; top:50%; transform: translateY(-50%); width:1px; height:10px;
background:#eee;}
#mb_login #login_info a:not(:last-child):after { display:none; }
.tooltip_event { width:auto; position:absolute; left:50%; bottom:-22px; transform: translateX(-50%); white-space: nowrap; word-break: keep-all;
background:#1b1b1b; color:#fff; font-size:12px; padding:0 8px; height:24px; line-height: 24px; border-radius: 2px; z-index: 5; }
.tooltip_event > i { font-style: normal; font-weight: bold; color:#ffcb1d; }
.tooltip_event:before { content:""; position:absolute; left:50%; top:-5px; transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-bottom: 7px solid #1b1b1b;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;}
.tooltip_event.top { bottom:auto; top:-22px; }
.tooltip_event.top:before { content:""; position:absolute; left:50%; top:auto; bottom:-5px; transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-bottom:0;
    border-top: 7px solid #1b1b1b;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;}