@charset "utf-8";
/************************************************************************************************************
   Web Font
************************************************************************************************************/
/*https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css*/

@font-face {
    font-family:'Noto Sans Korean';
    src: url("/statics/fonts/NotoSansKR-DemiLight.eot");
    src: url("/statics/fonts/NotoSansKR-DemiLight.eot?#iefix") format("embedded-opentype"),
    url("/statics/fonts/NotoSansKR-DemiLight.woff") format("woff"),
    url("/statics/fonts/NotoSansKR-DemiLight.ttf") format("truetype");
    font-weight:350;
    font-style:normal;
}

@font-face {
    font-family:'Noto Sans Korean';
    src: url("/statics/fonts/NotoSansKR-Regular.eot");
    src: url("/statics/fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),
    url("/statics/fonts/NotoSansKR-Regular.woff") format("woff"),
    url("/statics/fonts/NotoSansKR-Regular.ttf") format("truetype");
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Noto Sans Korean';
    src: url("/statics/fonts/NotoSansKR-Medium.eot");
    src: url("/statics/fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"),
    url("/statics/fonts/NotoSansKR-Medium.woff") format("woff"),
    url("/statics/fonts/NotoSansKR-Medium.ttf") format("truetype");
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family:'Noto Sans Korean';
    src: url("/statics/fonts/NotoSansKR-Bold.eot");
    src: url("/statics/fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"),
    url("/statics/fonts/NotoSansKR-Bold.woff") format("woff"),
    url("/statics/fonts/NotoSansKR-Bold.ttf") format("truetype");
    font-weight:700;
    font-style:normal;
}

@font-face {
    font-family:'Noto Sans Korean';
    src: url("/statics/fonts/NotoSansKR-Black.eot");
    src: url("/statics/fonts/NotoSansKR-Black.eot?#iefix") format("embedded-opentype"),
    url("/statics/fonts/NotoSansKR-Black.woff") format("woff"),
    url("/statics/fonts/NotoSansKR-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
}

/**********************************************************************************
   기본설정
**********************************************************************************/
* {margin:0; padding:0;font-family:'Noto Sans Korean', sans-serif; font-weight:400; box-sizing:content-box; font-size:inherit;  line-height:1em;}
html,body{width:100%; height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0; font-size:14px; color:#232a32;}
body {font-size:14px;}
header,footer,nav {display:block;}
ul,ol {list-style:none;}
img,button {border:0 none; font-family:'Noto Sans Korean', sans-serif; font-weight:400; }
table {border-spacing:0px; border-collapse:separate;}
em {font-style:normal;}
a,u,a:hover {text-decoration:none;}
a {outline:0; color:#232a32;}
textarea {resize:none;}
input,select,textarea {outline:none; box-shadow:none;}
input {line-height:1.2em; word-break:keep-all;}
input::-ms-clear {display: none;}

body * {word-break:break-all; word-wrap:break-word; text-shadow:none;}
label {margin-bottom:0px; font-weight:normal;}
a:hover, a:active, a:focus {text-decoration:none;}
button:focus {outline:none;}
label {max-width:inherit;}
pre {padding:0px; margin:0px; border:none; background:none; border-radius:0px;}
pre code {background:none;}
select {-webkit-appearance:textfield}

body { margin: 0; padding: 0; }
body.dark { background: rgba(0,0,0,.4);z-index:10000000000; }

.menu_bg {width:100%;height:100%;position:absolute;top:0;left:0;background: rgba(0,0,0,.4);z-index:1000;display: none}

#hamburger-wrapper {
  float: right;
  margin-top: -30px;
}
#hamburger {
  cursor: pointer;
  font-size: 3em;
}
#close-sidenav {
  cursor: pointer;
  font-size: 3em;
  float: right;
}
#sidenav {
  height: 100%; width: 80%;
  top: 0; right: -80%;
  background: #fff;
  position: fixed;
  transition: 0.4s;
  z-index:1000000;
}
#sidenav ul { margin: 0; padding: 0; list-style-type: none; }
#sidenav header  {
  display: block;
  text-decoration: none;
  padding: 1em;
}
#sidenav a  {
  display: block;
  text-decoration: none;
  padding: 1em;
}
#sidenav header { background: teal; }


/**********************************************************************************
   main header
**********************************************************************************/
.layout-header {height:187px; border-bottom:1px solid #ccc;}
.wrap-header {width:982px; margin:0 auto;}
.ui-header {float:left; width:100%;}
.header-in {position:relative; overflow:hidden;}
.wrap-header .ui-global{overflow:hidden;}
.wrap-header .list-global {float:right; padding:20px 0 0px 0;}
.wrap-header .list-global  li {float:left;}
.wrap-header .list-global  li a {display:inline-block; position:relative; padding: 0 12px; font-size:12px;color:#696969;}
.wrap-header .list-global  li a:before {display:inline-block; position:absolute; top:50%; right:0; margin-top:-6px; height:12px; width:1px; border-right:1px solid #696969; content:'';}
.wrap-header .list-global  li:last-of-type a {padding-right:0px;}
.wrap-header .list-global  li:last-of-type a:before {display:none;}

.wrap-header .h1-logo {float:left; padding: 45px 17px 0 0;}
.wrap-header .wrap-search {position:relative; float:left; width:534px; padding:0 48px 0 0; margin:37px 0 0 0; border-radius:2px; border:2px solid #f15921; overflow:hidden; box-sizing:border-box;}
.wrap-header input {display:block; width:100%; height:48px; box-sizing:border-box; border:none;}
.wrap-header .btn-search {display:inline-block; position:absolute; top:0; right:0;  width:47px; height:48px; background:Url(/statics/images/btn_search.png) no-repeat;}
.wrap-header .ui-gift {position:Relative; margin-top:40px;}
.flexslider {position:absolute; top:0; right:0; width:164px; padding-right:48px;}
.flex-control-paging {display:none;}
.flex-direction-nav {position:absolute; bottom:0; right:0; border-radius:2px; border:1px solid #cfcfcf; overflow:hidden; z-index:1;}
.flex-direction-nav .flex-nav-prev,
.flex-direction-nav .flex-nav-next {float:Left;}
.flex-direction-nav .flex-nav-prev a {border-right:1px solid #d9d9d9;}
.flex-direction-nav .flex-nav-prev a,
.flex-direction-nav .flex-nav-next a {position:relative; float:left; width:15px; height:14px; text-indent:-30000px;}
.flex-direction-nav .flex-nav-prev a:before,
.flex-direction-nav .flex-nav-next a:before {display:inline-block; position:absolute; left:50%; top:50%; margin:-5px 0 0 -3px; width:6px; height:10px; background:Url(/statics/images/icon_page.png) no-repeat; content:'';}

.flex-direction-nav .flex-nav-next a:before {background-position:-7px top;}
.slides li {width:189px;}

.header-menu {overflow:hidden;}
.header-menu a.all-category {display:inline-block; float:left; padding:34px 0 13px 0;}
.header-menu a.all-category {display:inline-block; padding-right:75px; font-weight:500; font-size:16px;}
.header-menu a.all-category:before {display:inline-block; margin-right:10px; width:17px; height:15px; background:url(/statics/images/icon_listmenu.png) no-repeat; vertical-align:middle; content:'';}

.main-menu {float:left; margin:0 -15px; padding:33px 0 0 0;}
.main-menu li {float:left;}
.main-menu li a {display:block; padding:0 15px; font-size:16px; font-weight:500; }
.main-menu li.list-m a {color:#f15921;}
.main-menu li.list-m a:before {display:inline-block; position:relative; top:-2px; margin-right:7px; width:15px; height:15px; background:url(/statics/images/icon_m.png) no-repeat; vertical-align:middle; content:'';}


/**********************************************************************************
   main contents
**********************************************************************************/
.layout-contents {width:982px; margin:0 auto;}
.box-main {position:relative;border:1px solid #cccccc;height:400px;}

.page-title {
    color:#232a32;
    font-weight:bold;
    font-size:5rem;
    border-bottom:1px solid #ccc;
    padding-top:10px;
    padding-bottom:10px;
}

.list-category {float:left;width:182px; height:100%; padding:8px 0 0 0; border-right:1px solid #ccc;height:390px;}
.list-category li {position:relative;}
.list-category li a {display:block; position:relative; padding:9px 16px; font-size:16px;}
.list-category li:hover {background-color:#f15921; color:#fff;}
.list-category li:hover a {color:#fff;}
.list-category li a:before {display:none; position:absolute; top:50%; right:5px; margin-top:-6px; width:7px; height:12px; background:url(/statics/images/icon_listview.png) no-repeat; content:'';}
.list-category li a:hover:before {display:block;}
.list-category li .list-submenu {z-index:1000000;display:none; position:absolute; left:100%; top:-8px; width:188px; height:264px; border:1px solid #f15921; background-color:#fff;}
.list-category li:hover .list-submenu li a {color:#232a32;}
.list-category li .list-submenu li a {font-size:14px; padding:10px 17px;}
.list-category li .list-submenu li:hover { background:none;}
.list-category li .list-submenu li:hover a {color:#f15921;}
.list-category li:hover .list-submenu {display:block;}


.list-category-head {z-index:100;width:182px; height:100%; padding:8px 0 0 0; border-right:1px solid #ccc;position:relative;display:none;border:1px solid #e4e4e4;background:#fff}
.list-category-head li {position:relative;}
.list-category-head li a {display:block; position:relative; padding:9px 16px; font-size:16px;}
.list-category-head li:hover {background-color:#f15921; color:#fff;}
.list-category-head li:hover a {color:#fff;}
.list-category-head li a:before {display:none; position:absolute; top:50%; right:5px; margin-top:-6px; width:7px; height:12px; background:url(/statics/images/icon_listview.png) no-repeat; content:'';}
.list-category-head li a:hover:before {display:block;}
.list-category-head li .list-submenu {display:none; position:absolute; left:100%; top:-8px; width:188px; height:264px; border:1px solid #f15921; background-color:#fff;}
.list-category-head li:hover .list-submenu li a {color:#232a32;}
.list-category-head li .list-submenu li a {font-size:14px; padding:10px 17px;}
.list-category-head li .list-submenu li:hover { background:none;}
.list-category-head li .list-submenu li:hover a {color:#f15921;}
.list-category-head li:hover .list-submenu {display:block;}


.box-main .ui-ad {float:left;}
#s_banner_wrap {position:relative;width:598px;margin:0;}
.summary-menu {position:absolute; top:0; right:0; width:200px; background-color:#fff; height:100%;}
.ui-user {padding-bottom:10px;padding-top:13px;}
.ui-user .txt-msg {display:block; padding:13px 0 12px 0; text-align:center; color:#f15921; font-size:11px; font-weight:500;}
.ui-user .data-photo {padding-bottom:12px; text-align:center;}
.ui-user .data-photo img {display:inline-block; width:45px; height:44px; border-radius:50%; overflow:hidden;}
.ui-user .data-user {padding-bottom:12px; text-align:center;}
.ui-user .data-user .data-name {display:inline-block; padding-right:8px;font-size:12px;}
.ui-user .data-user .data-name .muser {font-size:17px;font-weight:bold;}
.ui-user .data-user .my-info {color:#787878; font-weight:500; font-size:10px;}
.ui-user .data-user .my-info em.icon-lock {display:inline-block; position:relative; top:-1px;width:8px; height:11px;background:url(/statics/images/icon_lock.png) no-repeat; vertical-align:middle;}
.ui-user .ui-link {text-align:center;}
.ui-user .ui-link .btn-logout {display:inline-block; padding:5px 12px; margin-right:7px; border:1px solid #ccc; font-weight:350; font-size:11px;}
.ui-user .ui-link .btn-info {display:inline-block; margin-right:7px;  width:12px; height:12px; background:url(/statics/images/icon_option.png) no-repeat;}

.wrap-cash {background-color:#f15921;}
.wrap-cash .ui-cash {height:58px;margin:0 1px; border-top:1px solid #f5855c; overflow:hidden;}
.wrap-cash .ui-cash:first-of-type {border-top:none}
.wrap-cash .ui-cash .txt-cash {border:0px solid #000;display:block; float:left; position:relative; padding:8px 0 3px 34px;  color:#ffffff; font-size:10px; }
.wrap-cash .ui-cash .txt-cash .icon-cash {display:inline-block; position:absolute; top:50%; left:9px; margin-top:-3px; width:23px; height:12px; background:url(/statics/images/icon_cash.png) no-repeat; vertical-align:middle;}
.wrap-cash .ui-cash .txt-cash .icon-saving {display:inline-block; position:absolute; top:50%; left:11px; margin-top:-5px; width:18px; height:21px; background:url(/statics/images/icon_saving.png) no-repeat; vertical-align:middle;}
.wrap-cash .data-cash {text-align:right;display:block;vertical-align:top;float:right; padding:0px 0px 5px 0; color:#fff; font-size:15px;margin-left:2px;margin-bottom:5px;margin-right:5px;border:0px solid #000;}

ul.list-mymenu {overflow:hidden;}
ul.list-mymenu li {float:left; width:50%;}
ul.list-mymenu li a {display:block; position:relative; height:76px; padding:49px 0 0 0; color:#787878; font-size:10px; font-weight:500; text-align:center; border-top:1px solid #ccc; border-left:1px solid #ccc; box-sizing:border-box;}
ul.list-mymenu li a em[class*="icon-"] {display:inline-block; background:url(/statics/images/icon_menus.png) no-repeat;}
ul.list-mymenu li a em.icon-mypage { position:absolute; top:20px; left:50%;width:23px; height:23px; margin-left:-12px;}
ul.list-mymenu li a em.icon-order { position:absolute; top:26px; left:50%;width:28px; height:17px; margin-left:-14px;background-position:left -24px;}
ul.list-mymenu li a em.icon-store { position:absolute; top:19px; left:50%;width:26px; height:21px; margin-left:-13px;background-position:left -42px;}
ul.list-mymenu li a em.icon-fav { position:absolute; top:22px; left:50%;width:21px; height:19px; margin-left:-10px;background-position:left -64px;}

.wrap-product {clear:both;padding:70px 0 0 0;}
.wrap-product.type-best  .ui-top .ui-label .txt-label {color:#cf2646;}
.wrap-product.type-best .ui-product {border-top-color:#cf2646;}

.wrap-product.type-choice .ui-top .ui-label .txt-label {color:#4b89bb;}
.wrap-product.type-choice .ui-product {border-top-color:#4b89bb;}

.wrap-product.type-enjoy .ui-top .ui-label .txt-label {color:#e31475;}
.wrap-product.type-enjoy .ui-product {border-top-color:#e31475;}

.wrap-product.type-theme .ui-top .ui-label .txt-label {color:#4bbb8a;}
.wrap-product.type-theme .ui-product {border-top-color:#4bbb8a;}
.wrap-product.type-special .ui-top .ui-label .txt-label {color:#bb4b50;}
.wrap-product.type-special .ui-product {border-top-color:#bb4b50; border-left:none;}

.wrap-product .ui-top {position:Relative; padding-bottom:10px;}
.wrap-product .ui-top .ui-label .txt-label {font-size:21px; font-weight:700;}
.wrap-product .ui-top .ui-label .txt-label.label-type1 {color:#f15921;}
.wrap-product .ui-top .ui-label .txt-label .icon-m {display:inline-block; position:relative; top:-3px; margin-right:10px; width:19px; height:21px; vertical-align:middle; background:url(/statics/images/icon_m2.png) no-repeat;}
.wrap-product .ui-top .ui-label .txt-sub {padding-left:17px; font-size:14px; font-weight:350;}
.wrap-product .ui-top .link-view {position:absolute; top:11px; right:9px; color:#5c5c5c; font-size:14px; font-weight:350px;}
.wrap-product .ui-top .link-view em.icon-view {display:inline-block; position:relative; top:-2px; width:7px; height:12px; margin-left:4px; background:url(/statics/images/icon_allview.png) no-repeat; vertical-align:middle;}

.ui-product {border:0px solid #ccc; border-top:2px solid #000;}
.list-product {overflow:Hidden;margin-top:10px;}
.list-product li {float:left; width:33.33333%;}
.list-product li a {display:block; border-left:0px solid #ccc;border-top:0px solid #ccc;border-right:0px solid #ccc;}
.list-product li:first-of-type a {border-left:none;}
.list-product li a .data-img {text-align:center; background-color:#fff; border-bottom:0px solid #ccc;}
.list-product li a .data-name {padding:18px 10px; text-align:center; font-size:14px; font-weight:350; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;border-bottom:0px solid #ccc;}
.list-product li a .data-price {text-align:center; }
.list-product li a .data-price .txt-event {margin-right:28px; color:#f15921; font-size:14px; font-weight:350;}
.list-product li a .data-price .price-num {display:inline-block;padding:10px 0; font-size:14px;}
.list-product li a .data-price .price-num strong{font-weight:800; font-size:25px;}
.product-type {overflow:hidden;}
.product-type .type-theme {float:left;width:66.666666%}
.product-type .type-theme .list-product li {width:50%;}
.product-type .type-special {float:left; width:33.333333%}
.product-type .type-special .list-product li{float:left; width:100%}



ul.list-hmenu {display:block;color:#fff;}
ul.list-hmenu li {display:inline-block;width:22%;}
ul.list-hmenu li a {height:76px;color:#000; font-size:10px; font-weight:500; text-align:center; border-top:1px solid #ccc; border-left:1px solid #ccc; box-sizing:border-box;}
ul.list-hmenu li a em[class*="icon-"] {display:inline-block; background:url(/statics/images/icon_menus.png) no-repeat;}
ul.list-hmenu li a em.icon-mypage { position:absolute; top:20px; left:50%;width:23px; height:23px; margin-left:-12px;}
ul.list-hmenu li a em.icon-order { position:absolute; top:26px; left:50%;width:28px; height:17px; margin-left:-14px;background-position:left -24px;}
ul.list-hmenu li a em.icon-store { position:absolute; top:19px; left:50%;width:26px; height:21px; margin-left:-13px;background-position:left -42px;}
ul.list-hmenu li a em.icon-fav { position:absolute; top:22px; left:50%;width:21px; height:19px; margin-left:-10px;background-position:left -64px;}


/* 충전 */

.box-mypage {position: relative;display:block;}
.box-mypage >h1 {color:'#232a32'; font-size:1rem; padding:2rem 0rem;border-bottom:2px solid #000}
.box-order >h1 {color:'#232a32'; font-size:1.5rem; padding:2rem 0rem;border-bottom:2px solid #000}
.btn-button {color:#fff; background:#f15921;font-size:0.9rem;padding:0.5rem 1rem;display: inline-block;font-weight: 100}
.box-head {display:block;border: 1px solid #ccc;margin:2rem 0;text-align: center;padding: 1rem 2rem}
.box-head > .left-side {width:47%;text-align: left;display: inline-block;border-right:1px solid #ccc;}
.box-head > .left-side >span{display: inline-block;width:25% ;font-weight: bold}
.box-head > .right-side {width:47%;text-align: left;display: inline-block;padding-left:2rem}
.box-head > .right-side >span{display: inline-block;width:25%;font-weight: bold}
.box-head > div> button{text-align: center}
.cache {text-align: left}
.orange {color:#f15921}
.box-tab {display: block;overflow:hidden;border:1px solid #ccc;display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.box-tab > li{width:34%;text-align: center;}
.box-tab > li:last-child > a{border-right:0}
.box-tab > li:last-child > a:hover{color:#fff;background: #f15921;border-right:0}

.box-tab > li > a {display: inline-block;zoom: 1;width:100%;border-right:1px solid #ccc;padding:1rem 0;font-size:1rem;}
.box-tab > li > a:hover{color:#fff;background: #f15921;}
.box-tab > li.on {background: #f15921;border-left:0}
.box-tab > li.on >a{color:#fff;}

.coupon-wrap {display:block;border:1px solid #ccc;margin:2rem 0}
.coupon-head {border-bottom: 1px solid #ccc;padding:1rem 2rem}
.coupon-th {border-bottom: 1px solid #ccc;padding:1rem 2rem;text-align: left;display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.coupon-th > li {display: inline-block;text-align: center}
.coupon-th > li >span{color:#f15921}
.coupon-th > li:nth-child(1){width:35%}
.coupon-th > li:nth-child(2){width:25%}
.coupon-th > li:nth-child(3){width:40%}
.coupon-body{border-bottom:1px solid #ccc;display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
.coupon-input-wrap{display:inline-block;width:65%;padding: 1rem 0 1rem;}
.coupon-input-wrap > li {display: block;font-weight: bold;padding:0 0 1rem;}
.coupon-input-wrap > li > ul { display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;padding:0 0 0 2rem;}
.coupon-input-wrap > li > ul > li{display: inline-block;vertical-align: middle;line-height: 3rem;text-align: center}
/*.coupon-input-wrap > li > ul > li:nth-child(1){width:8%}*/
.coupon-input-wrap > li > ul > li:nth-child(1){width:50%;letter-spacing: 0.1rem}
.coupon-input-wrap > li > ul > li:nth-child(2){width:42%;text-align:center}

.coupon-charge{display:inline-block;text-align: center;width:35%}
.coupon-charge > p { line-height: 1.3rem;margin:1rem}
.btn-button.icon-charge {padding:1rem 2.4rem}
#coupon-chg2 { display:none; }

.small-input {width:28%;padding:0.5rem 0;border:1px solid #ccc;text-align: center}
.medium-input {width:40%;padding:0.5rem 0;border:1px solid #ccc;text-align: center}
.coupon-info {display: block;padding:1rem 1.5rem;}
.coupon-info >span{line-height:1.5rem}
.coupon-info > ul > li {line-height: 1.5rem}

.icon-thunder {background:url('/statics/images/icon-thunder.png') 0.5rem / 0.6rem no-repeat #f15921;padding-left:1.5rem; }
.icon-list {background:url('/statics/images/icon-list.png') 0.5rem / 1rem no-repeat #f15921;padding-left:1.7rem; }
.icon-charge {background:url('/statics/images/icon-charge.png') 1.7rem / 0.7rem no-repeat #f15921;padding-left:1rem;text-indent: 0.5rem }
.icon-info {background:url('/statics/images/icon-info.png') left / 1rem no-repeat;padding-left:1.3rem; }


.my-box-tab {display: block;overflow:hidden;border:1px solid #ccc;display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.my-box-tab > li{width:25%;text-align: center;}
.my-box-tab > li:last-child > a{border-right:0}
.my-box-tab > li:last-child > a:hover{color:#fff;background: #f15921;border-right:0}

.my-box-tab > li > a {display: inline-block;zoom: 1;width:100%;border-right:1px solid #ccc;padding:1.5rem 0;font-size:1rem;}
.my-box-tab > li > a:hover{color:#fff;background: #f15921;}
.my-box-tab > li.on {background: #f15921;border-left:0}
.my-box-tab > li.on >a{color:#fff;}

.my-sub-menu ul {border-bottom:1px solid #d7d7d7;}
.my-sub-menu li {display:inline-block;padding:20px;font-size:1rem;}
.my-sub-menu li:hover {border-bottom:1px solid #f15921;}
.my-sub-menu .on {border-bottom:1px solid #f15921;}

.mypage-table {width:100%;margin-top:1rem;margin-bottom:1rem;}
.mypage-table th {background:#f1f1f1;padding:1rem;text-align:center;}
.mypage-table td {padding:1rem;text-align:center;}
.mypage-table .product img {display:inline-block;vertical-align:middle}
.mypage-table .product span {display:inline-block;vertical-align:middle}

.input-qty {width:40px;border:1px solid #585858}

.btn-order {display:block;margin:3px;padding:0.5rem;background:#f15921;border:1px solid #f15921;color:#fff}
.btn-cancel {display:block;margin:3px;padding:0.5rem;background:#fff;border:1px solid #585858}
.btn-qty {margin-top:3px;background:#fff;padding:0.5rem;border:1px solid #585858}

.my-name {padding:30px;background:#f6f6f6;text-align:center}
.my-name span {color:#f15921;font-weight:bold;font-size:1.2rem}
.my-search {margin-top:1rem}
.my-search table {width:100%}
.my-search table td:first-child {background:#dddddd;height:6rem;text-align:center;width:15%}
.my-search table td:last-child {background:#f6f6f6;height:6rem;width:85%}
.select-day {margin-left:1rem;margin-bottom:0.5rem}
.select-date {margin-left:1rem;vertical-align:top}
.select-date > select {padding:0.5rem;vertical-align:top}
.select-date > span {display:inline-block;padding:0.5rem;vertical-align:top}

.my-table-title {display:block;padding:1.5rem;padding-bottom:0;font-size:1.2rem;font-weight:bold;}
.my-info-title {display:block;margin-top:1.2rem;padding-bottom:0.8rem;font-size:1.6rem;border-bottom:1px solid #000;}

.mypage-pass-table {width:100%;margin-top:1rem}
.mypage-pass-table th {width:22%;padding:1rem;text-align:right;}
.mypage-pass-table td {padding:1rem;text-align:left}

.btn-m-cancel {display:inline-block;width:200px;padding:1rem;background:#575554;color:#fff;}
.btn-m-confirm {display:inline-block;width:200px;padding:1rem;background:#f15921;color:#fff;}
.btn-select-del {background:#f7f6f6;padding:0.5rem;border:1px solid #ccc;}
.order-title {margin-top:2rem;padding:0.5rem;}
.order-title h1 {font-size:1.2rem}
.order-title span {color:#f15921;font-size:1.3rem}

.order-items {width:100%;margin-bottom:1rem;}
.order-items thead th {padding:1rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.order-items tbody td {text-align:center;padding:1rem;border-bottom:1px solid #ccc;}

.order-amt-total {margin-top:1rem;width:100%;padding-top:1.5rem;padding-bottom:3em;background:#eeeeee;color:#585858;}
.order-amt-total div {font-size:1rem;float:right;margin-right:2rem;margin-bottom:1.5rem;}
.order-amt-total span {color:#f15921;font-weight:bold;}

.order-from {width:100%;margin-bottom:1rem;border-top:1px solid #ccc;}
.order-from th {text-align:left;padding:1rem;width:15%;border-bottom:1px solid #ccc;}
.order-from td {text-align:left;padding:1rem;width:85%;border-bottom:1px solid #ccc;}
.order-from div {margin-bottom:0.5rem;}
.order-input-l {width:50%;padding:0.5rem;}
.order-input-s {width:12%;padding:0.5rem;}

.payment-table {border-top:1px solid #ccc;width:100%;margin-bottom:1rem;}
.payment-table td {padding:1rem;border-bottom:1px solid #ccc;}
.payment-table li {display:block;line-height:1.2rem}
.order-sub-title {margin-left:1rem;padding:0rem;}
.order-sub-title h1 {font-size:0.9rem}
.order-sub-title span {color:#585858;font-size:1.0rem}

.arrow-title {vertical-align:top;display:inline-block;font-size:0.9rem}

.account-table {width:100%;}
.account-table th {padding:1rem;width:25%;text-align:right;}
.account-table td {padding:1rem;text-align:left;}
/**********************************************************************************
   footer
**********************************************************************************/
.layout-footer {margin-top:45px; background-color:#575e65;}
.ui-footer{width:980px; margin:0 auto;}
.ui-footer .ui-top {margin:0 17px; position:relative; border-bottom:1px solid #797e84;overflow:hidden;}
.ui-footer .ui-top .foot-menu {padding:47px 0 30px 0; overflow:hidden;}
.ui-footer .ui-top .foot-menu li {float:left;}
.ui-footer .ui-top .foot-menu li a {display:inline-block; padding:0 16px; border-left:1px solid #fff; color:#fff; font-size:14px; font-weight:350;}
.ui-footer .ui-top .foot-menu li:first-of-type a {border-left:none;}
.ui-footer .ui-top .ui-link {position:absolute; top:34px; right:0;}
.ui-footer .ui-top .ui-link a.btn-box {display:inline-block; position:relative; padding:12px 28px; margin-left:10px; width:156px; height:39px; color:#fff; font-size:14px; color:#fff; border:1px solid #fff; box-sizing:Border-box; }
.ui-footer .ui-top .ui-link a.btn-box em.icon-view {display:inline-block; position:absolute; top:50%; right:12px; margin-top:-6px; width:7px; height:12px; background:url(/statics/images/icon_linkview.png) no-repeat;}

/* 로그인 */
#mb_login {background:#efefef;min-height:100%;width:100%;padding-top:2rem;}
.mbskin_wr{margin:0 auto 30px;max-width:460px;background:#fff;}
#flogin,#mb_login #mb_login_notmb{padding:20px 40px 30px;margin-bottom:30px;}
#mb_login h1 {text-align:center;padding:40px 0 10px}
#mb_login h2  {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#login_fs label{font-size:0.92em;color:#777;margin:10px 0;display:inline-block}
#mb_login #login_frm {position:relative;padding:0 5px;font-size:1em}
#mb_login #login_frm div {padding:10px 0 0;text-align:right}
#mb_login .login_input {display:block;margin-bottom:5px;padding:0;width:100%;background:url('img/input-rq.gif') no-repeat bottom right #fff !important;border:1px solid #efefef;height:40px;line-height:40px;font-size:1.25em}
#mb_login .btn_submit {width:100%;height:50px;font-weight:bold}
#mb_login a.btn_submit {width:100%;height:50px;line-height:50px;color:#fff;text-align:center;padding:0;;margin-top:10px;font-weight:bold;display:inline-block}
#mb_login .btn_join{display:inline-block;background:#fff;border:1px solid #FC4C5E;color:#444;height:50px;line-height:48px;width:100%;font-weight:bold;text-align:center;margin:5px 0 20px;color:#FC4C5E;}
#mb_login section {margin:20px 0 0;padding:15px 0px;border-top:1px solid #ddd;color:#666;line-height:1.53em}
#mb_login section div {text-align:right}
#login_password_lost{text-align:center;display:block;text-decoration:underline;color:#666}

#mb_login_od{background:#fff;padding:40px;margin-bottom:30px;border-top:1px solid #efefef;}
#mb_login_od label{font-size:0.92em;color:#777;margin:10px 0 5px;display:inline-block}
#mb_login_od .frm_input{display:inline-block;background:#fff;border:1px solid #cbcbcb;color:#444;width:100%;font-weight:bold;}
#mb_login_od .btn_submit{margin-top:10px;}
#mb_login  #guest_privacy{border:1px solid #ddd;background:#f3f3f3;max-height:200px;padding:10px;margin:5px 0;overflow-y:scroll;background:#f3f3f3;text-align:left;color:#000}

.order-frm {padding:0.2rem;width:5rem}

@media (max-width: 640px){
    #mb_login {padding-top:30px}
    #mb_login h1{margin-bottom:10px;}
    #mb_login h1 img{max-width:50%;height:auto}
    #flogin,#mb_login #mb_login_notmb{padding:30px}
    #mb_login_od{padding:30px}
    #mb_login .login_input{height:30px}
    #mb_login .btn_submit,#mb_login .btn_join,#mb_login a.btn_submit{height:40px;line-height:40px;}
}

.ui-company {padding:27px 0 54px 0; overflow:hidden;}
.ui-company .logo {float:left; margin:20px 54px 0 34px;}
.ui-company .ui-address {float:left; padding-left:154px;}
.ui-company .ui-address:first-of-type {padding-left:0;}
.ui-company .ui-address span {display:block; padding:10px 0 0 0; color:#fff; font-size:14px; font-weight:350;}
.ui-company .ui-address span:first-of-type {padding-top:0;}
.ui-company .ui-address span a {color:#fff; font-size:14px; font-weight:350;}
.img-banner img {width:100%;}

.mobile-menu{display:none;}


.order_result_amt {width:100%}
.order_result_amt th {border-bottom:1px solid #e4e4e4;width:25%;padding:1rem;font-weight:bold;text-align:left}
.order_result_amt td {border-bottom:1px solid #e4e4e4;width:75%;text-align:right}

.coupon-account-amt {margin-left:1rem;display:inline-block;border:0px solid #000;vertical-align:middle}

.order-result-message {margin-top:2rem;margin-bottom:1rem;text-align:center;font-size:3rem;}
.order-result-message span {color:#f15921}
.charge-btn {display:inline-block;padding:0.7rem;text-align:center;width:4rem;background:#f15921;color:#fff;}

#num1_price_text, #num2_price_text, #num3_price_text, #num4_price_text, #num5_price_text {
    color:#b22424;
    font-size:0.8rem;
}

.choose-title {font-size:30px;font-weight:bold;margin:30px}

.choose-area {padding:20px;text-align:center}

@media (max-width: 1200px){

}

@media (max-width: 970px){
/*
    .wrap-header {width:100%;}
    .wrap-header .wrap-search {display:block;width:100%; margin:60px 0 0 0; border-radius:2px; border:2px solid #f15921; overflow:hidden; box-sizing:border-box;}
    .ui-global {display:none;}
    .ui-gift {display:none;}
    .summary-menu {display:none;}
    .list-category {display:none;}
    .layout-contents {width:100%; margin:0 auto;}
    .box-main {width:100%;margin-top:1rem;}
    .box-main .ui-ad {display:block;width:100%;}
    .ui-ad img {width:100%;height:22rem;}
    #s_banner_wrap{width:100%;height:22rem;};
    .list-product li {clear:both;width:100%;}
    .data-img img {width:100%;}
    .txt-sub {display:none;}
    #themeshow {display:none;}
    .wrap-product .type-special {display:none;}
    .layout-header{height:100px;}
    .layout-footer {width:100%;}
    .ui-footer{width:100%;}
    .foot-menu { width:100%; }
    .ui-footer .ui-top {width:100%;margin:0 0px; position:relative; border-bottom:1px solid #797e84;overflow:hidden;}
    .ui-footer .ui-top .foot-menu {padding:23px 0 15px 0; overflow:hidden;}
    .ui-footer .ui-top .foot-menu li a {display:inline-block; padding:0 0.4rem; border-left:1px solid #fff; color:#fff; font-size:14px; font-weight:350;}
    .ui-link {display:none;}
    .ui-company .logo {float:left; margin:20px 24px 0 34px;}
    .ui-company .ui-address {padding-left:0px;}
    #customer_center {margin-left:139px;margin-top:30px;}

    .mobile-menu{display:block;}
    .h1-logo{display:none;}

    .header-menu{display:none;}
    .my-box-tab {margin-top:1rem;}

    .mypage-table td:second {padding:1rem;text-align:center;width:15%;}
    .join-process {width:100%;}
    #mb_login {width:100%;}
    .ui-label {display:block;margin:0.7rem;}
    .page-title h1 {margin:0.5rem;}
    #sit_title {font-size:1.2rem;}

    .join-process img {width:100%}
    .choose_type_img {width:50%}
    .frm_input { width:70%;}
    .coupon-charge {display:block}
    .ui-footer .ui-top .foot-menu li a {padding-right:1rem;}
*/
}   

@media (max-width: 860px){
    .wrap-header {width:100%;}
    .wrap-header .wrap-search {display:block;width:100%; margin:60px 0 0 0; border-radius:2px; border:2px solid #f15921; overflow:hidden; box-sizing:border-box;}
    .ui-global {display:none;}
    .ui-gift {display:none;}
    .summary-menu {display:none;}
    .list-category {display:none;}
    .layout-contents {width:100%; margin:0 auto;}
    .box-main {width:100%;margin-top:1rem;}
    .box-main .ui-ad {display:block;width:100%;}
    .ui-ad img {width:100%;height:300px;}
    #s_banner_wrap{width:100%;height:300px;}
    .list-product li {float:left;width:50%;}
    .list-product li img {width:160px;height:160px;}
    .txt-sub {display:none;}
    #themeshow {display:none;}
    .wrap-product .type-special {display:none;}
    .layout-header{height:100px;}
    .layout-footer {width:100%;}
    .ui-footer{width:100%;}
    .foot-menu { width:100%; }
    .ui-footer .ui-top {width:100%;margin:0 0px; position:relative; border-bottom:1px solid #797e84;overflow:hidden;}
    .ui-footer .ui-top .foot-menu {padding:23px 0 15px 0; overflow:hidden;}
    .ui-footer .ui-top .foot-menu li a {display:inline-block; padding:0 0.4rem; border-left:1px solid #fff; color:#fff; font-size:0.7em; font-weight:350;}
    .ui-link {display:none;}
    .ui-company .logo {float:left; margin:20px 24px 0 34px;}
    .ui-company .ui-address span {font-size:11px; font-weight:350;}
    .ui-company .ui-address {padding-left:0px;}
    #customer_center {margin-left:139px;margin-top:30px;}

    .mobile-menu{display:block;}
    .h1-logo{display:none;}

    .header-menu{display:none;}
    .my-box-tab {margin-top:1rem;}
    .my-box-tab > li > a {font-size:0.8rem;}

    .mypage-table td:second {padding:1rem;text-align:center;width:15%;}
    .join-process {width:100%;}
    #mb_login {width:100%;}
    .ui-label {display:block;margin:0.7rem;}
    .page-title h1 {margin:0.5rem;}
    #sit_title {font-size:1.2rem;}

    .join-process img {width:100%}
    .choose_type_img {width:100%}
    .frm_input { width:50%;}


    .box-head {font-size:0.8rem;text-align:left;width:100%;display:block;border: 1px solid #ccc;padding:0;margin-top:1rem;margin-bottom:1rem;}
    .box-head > .left-side {margin-top:0.5rem;margin-bottom:0.5rem;width:46%;text-align: right;display: inline-block;border:0px solid #000}
    .box-head > .left-side >span{border:0px solid #000;display: inline-block;width:45% ;font-weight: bold;text-align:right}
    .box-head > .right-side {margin-top:0.5rem;margin-bottom:0.5rem;padding:0rem;width:51%;text-align: right;display: inline-block;border:0px solid #000}
    .box-head > .right-side >span{border:0px solid #000;display: inline-block;width:47%;font-weight: bold;text-align:right}
    .box-head > div> button{margin-top:0.5rem;text-align: center}


    .box-tab {display: block;overflow:hidden;border:1px solid #ccc;display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
    .box-tab > li{width:34%;text-align: center;}
    .box-tab > li:last-child > a{border-right:0}
    .box-tab > li:last-child > a:hover{color:#fff;background: #f15921;border-right:0}

    .box-tab > li > a {display: inline-block;zoom: 1;width:100%;border-right:1px solid #ccc;padding:1rem 0;font-size:0.7rem;}
    .box-tab > li > a:hover{color:#fff;background: #f15921;}
    .box-tab > li.on {background: #f15921;border-left:0}
    .box-tab > li.on >a{color:#fff;}

    .coupon-charge {display:block;text-align:center;width:100%;}
    #coupon-chg1 { display:none; }
    #coupon-chg2 { display:block; }
    .coupon-input-wrap{display:inline-block;width:95%;}

    .coupon-th > li:nth-child(1){width:62%}
    .coupon-th > li:nth-child(2){width:29%}
    .small-input {width:25%;padding:0.5rem 0;border:1px solid #ccc;text-align: center;font-size:0.8rem;}
    .medium-input {width:45%;padding:0.5rem 0;border:1px solid #ccc;text-align: center;font-size:0.8rem;}
    .coupon-input-wrap > li > ul { display: -webkit-box;display:-moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;padding:0 0 0 0rem;}
    /*.coupon-input-wrap > li > ul > li:nth-child(1){width:1%}*/
    .coupon-input-wrap > li > ul > li:nth-child(1){border:0px solid #000;width:65%;letter-spacing: 0.1rem}
    .coupon-input-wrap > li > ul > li:nth-child(2){border:0px solid #000;width:35%;text-align:left;}
    .coupon-input-wrap span {font-size:0.9rem;}
    
    .coupon-account-amt {display:block;margin:0;margin-top:1rem;}
    .acc-input {width:80%}

    .mypage-table{font-size:0.5rem}
    .mypage-table th {font-size:0.5rem;background:#f1f1f1;padding:0.6rem;text-align:center;}
    .mypage-table td {padding:0.6rem;text-align:center;}

    .my-sub-menu li {display:inline-block;padding:10px;font-size:0.7rem;}
    .hide-column {display:none !important }

    .order-items {width:100%;margin-bottom:1rem;}
    .order-items thead th {font-size:0.6rem;padding:0.5rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
    .order-items tbody td {font-size:0.6rem;text-align:center;padding:0.5rem;border-bottom:1px solid #ccc;}

    .order-from {width:100%;margin-bottom:1rem;border-top:1px solid #ccc;}
    .order-from th {text-align:left;padding:0.7rem;width:26%;border-bottom:1px solid #ccc;font-size:0.7rem}
    .order-from td {text-align:left;padding:0.7rem;width:74%;border-bottom:1px solid #ccc;font-size:0.7rem}
    .order-from div {margin-bottom:0.5rem;}
    .order-from input[type=text] {width:19%;}

    .order-result-message{font-size:2rem}

    .order-frm input {width:18%;margin-left:1px;margin-top:1px}
    .order-amt-total {text-algin:right;margin-top:1rem;width:100%;padding-top:1rem;padding-bottom:2.5rem;background:#eeeeee;color:#585858;}
    .order-amt-total div {line-height:1.5rem;font-size:0.7rem;}

    .mypage-pass-table th {width:35%;padding:1rem;text-align:right;font-size:0.7rem}
    .mypage-pass-table td {padding:0.3em;text-align:left}
    .mypage-pass-table input {width:80%;padding:0.3rem}

    #num1_price_text, #num2_price_text, #num3_price_text, #num4_price_text, #num5_price_text {
        color:#b22424;
        font-size:0.6rem;
    }
    .coupon-th li {
      font-size:0.7rem;
    }

    .account-table th {
      font-size:0.7rem;
    }

    .wrap-product {padding:30px 0 0 0;}

    .select-day img { width:3rem;height:1.5rem }
    .select-date img { width:5rem; }

    .my-table-title {padding-left:0.5rem;display:block;padding:1.5rem;padding-bottom:0;font-size:0.8rem;font-weight:bold;}
    .my-info-title {padding-left:0.5rem;display:block;margin-top:1.2rem;padding-bottom:0.8rem;font-size:1.1rem;border-bottom:1px solid #000;}

    .btn-button {font-size:0.7rem;}
    #choose_form .btn_submit {width:45%;border:0px solid #000;}
    .choose-title {font-size:15px;font-weight:bold;margin:30px}
    .btn_confirm .rsubmit { width:45%; }
    .btn_confirm img { width:45%; }
    .btn-m-cancel {display:inline-block;width:35%;padding:1rem;background:#575554;color:#fff;}
    .btn-m-confirm {display:inline-block;width:35%;padding:1rem;background:#f15921;color:#fff;}

    .mypage-table td {font-size:0.5rem;}

    .choose-area {padding:0.5rem;text-align:center}

    .list-product li a .data-price .price-num strong{font-weight:800; font-size:16px;}

    .wrap-product .ui-top .link-view {position:absolute; top:11px; right:9px; color:#5c5c5c; font-size:10px; font-weight:350px;}
    .item-explain img {width:100%;}
}