@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/****************************** RESET ******************************/
*,:after,:before{margin:0;padding:0;box-sizing:border-box;word-break:break-word}
.radio-tab:after, .gui-tab ul:after, .pg-ctrl-box:after, .flex-wrap:after, .clearfix:after, .swiper-wrapper:after, .doc-wrap:after, .prd-list ul:after, .modal-layer header:after, .horizon .prd-item:after, .prd-item.horizon:after, .prd-info .price-info:after, .prd-item:after {
    content: '';
    display: block;
    clear: both;
}
header, footer, main, hgroup, section, article, aside, details, figure, figcaption, nav, menu, summary {display: block;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none 0}
body{font-family: 'Noto Sans KR', sans-serif, 'Malgun Gothic','맑은 고딕','Apple Gothic','돋움', 'dotum','굴림', 'gulim';font-size:14px;color:#666;line-height:1.5;font-weight:400;}
select,input,img,li,button,textarea{vertical-align:middle;text-align:left;font-family:'Noto Sans KR', sans-serif, 'Malgun Gothic','맑은 고딕','Apple Gothic','돋움', 'dotum','굴림', 'gulim';}
input{margin:0;padding:0}
form legend,table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
img,fieldset,iframe{border:0 none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table,div{border-collapse:collapse;border-spacing:0;table-layout:fixed; }
table{width:100%;word-break:break-all;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ul,li,ol{list-style-type:none}
li,p,dt,dd,div,span{white-space:normal}
button{*overflow:visible;border:0 none;padding:0;margin:0;background:transparent;cursor:pointer;}
button::-moz-focus-inner{border:0;padding:0}
a{text-decoration:none;color:#666;outline:none}
a:hover {text-decoration:none;}
label{cursor:pointer}
button,select,option,input,textarea{outline:none}
::-webkit-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; } /* firefox 19+ */
:-ms-input-placeholder { color:#aaa; } /* ie */
input:-moz-placeholder { color:#aaa;}

/****************************** global class ******************************/
.admin {color:#fa2720;}
/* none */
.bg_none{background:none !important}
.pad_none{padding:0 !important}
.mar_none{margin:0 !important}
.bor_none{border:0 none !important}
.over_h{overflow:hidden !important}
/* align */
.txt_left{text-align:left !important}
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
/* float */
.floatL{float:left !important}
.floatR{float:right !important}
.float_a{display:block !important;float:left !important}
.list_float{overflow:hidden !important}
.list_float li{float:left !important}
/* font */
.font12{font-size:12px !important}
.font13{font-size:13px !important}
.font14{font-size:14px !important}
.font16{font-size:16px !important}
.bold{font-weight:bold !important}
.normal{font-weight:normal !important}
.underline{text-decoration:underline !important}
/* color */
.blk{color:#000 !important}
/* ellipsis */
.ellWrap{width:100%}
.ellipsis,.ellipsisList li{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
/* margin */
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt30{margin-top:30px !important}
.mgt40{margin-top:40px !important}
.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb20{margin-bottom:20px !important}
.mgb30{margin-bottom:30px !important}
.mgb40{margin-bottom:40px !important}
.mgl10{margin-left:10px !important}
.mgl20{margin-left:20px !important}
.mgr10{margin-right:10px !important}
.mgr20{margin-right:20px !important}
.pdt40{padding-top:40px !important}
/* width */
.wid50{width: 50px !important}
.wid70{width: 70px !important}
.wid80{width: 80px !important}
.wid90{width: 90px !important}
.wid100{width: 100px !important}
.wid120{width: 120px !important}
.wid150{width: 150px !important}
/* display */
.in{display:inline !important}
.blind{position:absolute;top:-9999px;overflow:hidden;width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important;border:0 !important;margin:0 !important;}

.inipay_modal{left:0 !important}
.txt_bar{margin: 2px 21px 0 16px; color: transparent; font-size: 10px; border-right: 1px solid #e6e6e6;}

/****************************** layout class ******************************/
/* initialize */
body{min-width:1240px;}
#doc-container {min-width:1240px;}
#doc-contents {}
.main-doc-wrap {margin:0 auto; position:relative; box-sizing: border-box; width: 1240px;}
.doc-wrap {margin:0 auto; position:relative; box-sizing: border-box; width: 1240px;}
.item-module {position: relative; margin-top: 40px;}

/* header top banner */
#adbanner {width:100%;overflow:hidden;text-align:center;}
#adbanner > div {width:1240px;}
#adbanner > div > div {width:1920px;margin-left:-410px;text-align:center;}
#adbanner .btn_close {position:absolute;right:0;top:50%;margin-top:-19px;}

/* header */
#doc-header{width:100%; clear:both;position:relative; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); z-index: 1003; background: #fff;}
#doc-header {word-spacing: .1em;}
#doc-header .doc-wrap{width:1240px; position: relative; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items:center;}
#global-logo {position:relative; height:100%;}
#global-logo a {display: block; font-size:30px; font-weight:600; color:#111; position:relative; min-height: 80px; line-height:68px; width: 190px; text-align:center;}
#global-logo a span {display: block; font-size:13px; font-weight:400; color:#666; position:absolute; bottom: 15px; left: 50%; letter-spacing: 1.8px; width: 190px;transform: translate(-50%, 25px);}

#global-search {position: relative; margin:0 auto;}
#global-search .search-form {position: relative; width: 500px; height: 50px; background: #fff; }
#global-search .search-input {display: block; height: 50px; padding: 0 75px 0 25px; border: 1px solid #ddd; box-sizing:border-box; border-radius: 25px;}
#global-search .search-input input {width: 100%; line-height: 48px; padding:0; border: 0; font-size: 18px; font-weight: 400; outline: none; ime-mode: active; height:48px;}
#global-search .search-submit {position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #fa2720; font-size: 26px; color:#fff; text-align: center; border-radius: 25px; line-height: 20px;}
#global-search .search-submit span {width: 25px;}

#user-side {position: relative; white-space: nowrap;}
#user-side .item {position: relative; float: left; display: inline-block; width: 65px; max-width: 70px;  margin: 0 0 0 10px; text-align: center; z-index: 10;}
#user-side .item>a {display: block; width: 60px; height: 60px; font-size: 12px; color: #888;}
#user-side .item a>span { display: inline-block; position: relative; line-height: 20px;}
#user-side .item>a i {display:block; width:40px; height:40px; margin:0 auto; }
#user-side .item>a i.my{background-image:url("/resource/icon/icon_my.png"); background-repeat:no-repeat; background-size:40px 40px; background-position:center center;}
#user-side .item>a i.cart{background-image:url("/resource/icon/icon_cart.png"); background-repeat:no-repeat; background-size:40px 40px; background-position:center center;}
#user-side .mypage-layer {display: none; position: absolute; left: 0; top: 100%; width: 150px; padding: 10px 0 0; font-size: 14px; text-align: center; background: #fff;margin-left:-10px;}
#user-side .on .mypage-layer {display: block; z-index: 10;}
#user-side .mypage-layer ul {padding: 15px 0; border: 1px solid #ddd; background: #fff; }
#user-side .mypage-layer li a {display: block; height: 35px; line-height: 35px; padding: 0 7px 0 17px; color: #888; }
#user-side .mypage-layer li a:hover {background:#fafafa; color:#111;}
#user-side .mypage-layer li a span {}
#user-side .item a>span:before {content: ''; position: absolute; top: auto; bottom: 0; left: 0; width: 100%; width: 0 \0/IE9;  -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0s; transition: all 0s; -webkit-transform: scaleX(0); transform: scaleX(0);}

#user-side .item .cart em {display: block; position: absolute; top: 0px; right: 8px; height: 20px; padding: 0 7px; background: #fa2720; border-radius: 100px;  color: #fff; font-size: 11px; line-height: 20px; text-align: center; font-weight: 500;}

#doc-header .doc-block {position: relative; border-top: 1px solid #e5e5e5; z-index: 1;}
.doc-block > * {box-sizing: border-box;}
#doc-header .doc-block .doc-wrap { min-height: 55px;}
#doc-header #gnb-category {position: absolute; width: 190px; top: 0; left: 0; z-index: 500; letter-spacing: -0.04em;}
#doc-header #gnb-category h2 {position: relative; height: 55px; line-height: 52px; padding: 0 0 0 80px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 17px; font-weight: 400; letter-spacing: -1px; color: #111; /*color: transparent;*/ background: #fff; z-index: 1; cursor:pointer;}
#gnb-category h2 .category-ico {position:absolute; left:20px; top:15px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(/resource/images/menu.png) no-repeat center center;}
.category-wrap {display: none; height:100%; width: 190px;  padding: 0; position:absolute; top:-1px; left:0; z-index:999;}
.category-wrap.on {display:block;}

.section_category_wrap {width: 1240px; position:relative; margin:0 auto;}
.section_category_wrap > * {box-sizing: border-box;}
.category-list {padding: 0; border-bottom: 1px solid #d9d9d9; }
.category-list .items {width: 190px; max-width: 190px; position: relative;}

.category-list .items.on>a, .category-list .items>a:hover {font-weight: bold; color: #fff;  background: #fa2720; text-decoration: none; border-left: 1px solid #fa2720; border-right: 1px solid #fa2720;}
.category-list .items>a {display: block; padding: 0 10px 0 20px; font-size: 16px; height:50px; line-height: 50px; color:#111; background: rgba(0,0,0,.25); background-color: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.category-list .items:last-child>a {height:100%;}
.category-list .items:first-child>a {border-top: 0;}
.category-list .items.on .depth {display: block;}
.category-list .items .depth {display: none; position: absolute; left: 100%; top: 0; padding-bottom:10px; min-width: 225px; height: auto; border: 1px solid #d9d9d9; border-left: 0; background-color: #fff; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.28); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.28); }
.category-list .items .depth h3 {display: block; text-align: left; position: relative; padding: 14px 20px 11px; font-size: 20px; white-space: nowrap;}
.category-list .items .depth ul {display: block; height: calc(100% - 57px); max-height: 100%; position: relative; z-index: 2;}
.category-list .items .depth li a {display: block; position: relative;  margin: 0; text-align: left; padding: 0 20px 0 20px; padding-bottom: 1px; font-size: 16px; font-weight: 400; line-height: 40px;}
.category-list .items .depth li a:hover:after {display: block; position: absolute; top: 50%; right: 20px; width: 5px; height: 5px; margin-top: -3px; border: solid #ff0038; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: "";}
.category-list .items .depth li a:hover {font-weight: 600; color: #fa2720;  background: #fff; text-decoration: none;}
.category-list .layer_cate_banner{overflow: hidden; width: 428px;}
.category-list .layer_cate_banner a{display: block; position: absolute; bottom: 0; right: 0;}

#gnb-navigation {max-width: 715px; height: 55px; margin-left: 200px; font-size: 17px; letter-spacing: -1px;}
#gnb-navigation ul{display: flex; flex-wrap:nowrap; align-items:center; height: 100%;}
#gnb-navigation ul li{height:100%; margin: 0 0 0 14px;}
#gnb-navigation a {height: 100%; line-height: 55px; font-weight: 400; color: #111; white-space: nowrap; display: block; position: relative;}
#gnb-navigation a:hover{color:#fa2720;}
#gnb-navigation a:before {content: ''; position: absolute; top: auto; bottom: 0; left: 0; width: 100%; width: 0 \0/IE9; height: 3px; background-color: #fa2720; -webkit-backface-visibility: hidden; backface-visibility: hidden;    -webkit-transition: all 0s; transition: all 0s; -webkit-transform: scaleX(0); transform: scaleX(0);}
#gnb-navigation a:hover:before, #gnb-navigation a:focus:before {width: 100% \0/IE9; -webkit-transform: scaleX(1); transform: scaleX(1); }
#gnb-navigation a:before {
    bottom: -1px;
}

#members-link {position: absolute; top: 16px; right: 10px; white-space: nowrap;  }
#members-link li {position: relative; display: inline-block; padding: 0 5px 0 12px; vertical-align: middle;}
#members-link li:before, #members-link li>.before {content: ''; position: absolute; top: 6px; left: 3px; display: block; width: 1px; height: 9px; background: #ddd;}
#members-link li:first-child:before {width:0;}
#members-link li a {font-size:15px; font-weight:400; letter-spacing: -0.04em;}

#ie-browser-old {padding: 25px 0; background: #3a3939;}
#ie-browser-old .doc-wrap {position: relative; z-index: 3000;}
#ie-browser-old .msg {line-height: 1.5em; color: #fff;}
#ie-browser-old .btn-wrap {position: absolute; top: 2px; right: 0;}
#ie-browser-old .gui-btn {border: 0; padding: 1px 20px; display: inline-block; position: relative; overflow: hidden; min-width: 2.57143em; height: 2.57143em; line-height: 2.42857em; padding: 0 .85714em;  border: 1px solid #c9c9c9; background-color: #fff; vertical-align: middle; text-align: center; cursor: pointer; white-space: nowrap; letter-spacing: -0.02em; transition: 0.15s ease-in-out; font-size: 14px; font-size: .875rem;}
#ie-browser-old .gui-btn.blue {border-color: #2185d0; background-color: #2185d0; color:#fff;}

#ie-browser-old .gui-btn * { cursor: pointer;}
#ie-browser-old .gui-btn.giant {min-width: 3.05556em; height: 3.05556em; line-height: 3.05556em; font-weight: 700; font-size: 20px; }
#ie-browser-old .round { -webkit-border-radius: .3em; border-radius: .3em; background-clip: padding-box;}

#header_logo_area{overflow:hidden;position:relative;}
#header_logo_area h1{float:left;padding:43px 0 34px;}
#header_logo_area .lnb{position:absolute;top:9px;right:0;font-family:'돋움','dotum';}
#header_logo_area .lnb li{float:left;padding-right:8px;margin-left:6px;font-size:11px;background:url(../imgs/global/bul_lnb.gif) right 2px no-repeat;letter-spacing:-1px}
#header_logo_area .lnb li em {display:none;}
#header_logo_area .lnb a{color:#888}
#header_logo_area .right_box {float:right;padding:39px 0 18px;overflow:hidden;}
#header_logo_area .search_box {float:left;width:195px;border-bottom:solid 1px #e8e8e8;position:relative;padding:18px 0 10px;height:21px;}
#header_logo_area .search_box input{float:left;width:165px;height:21px;font-weight:bold;line-height:21px;border: 0 none}
#header_logo_area .search_box button{float:right;padding-right:2px;}
#header_logo_area .right_box .banners {float:right;margin-left:15px;}
#header_logo_area .fixed_menu {display:none;}
#header_gnb_area{border-top:solid 1px #000;}
#header_gnb_area .header_inner {overflow:hidden;position:relative;}
#header_gnb_area .header_inner i{font-size:24px;}
#header_ctg_area {position:absolute;bottom:0;left:0;margin-left:0;background:#f5f5f5;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;width:58px;height:29px;text-align:center;padding:15px 0}
#header_gnb_area .gnb{overflow:hidden;float:left;padding-left:60px;}
#header_gnb_area .gnb li{float:left;}
#header_gnb_area .gnb li a {display: inline-block; padding: 0 19px; font-weight: 600; font-size: 15px; line-height: 59px; color: #16181a;}
#header_gnb_area .sub_gnb{overflow:hidden;float:right;}
#header_gnb_area .sub_gnb li{float:left;}

/* total category */
#header_total_ctg{position:absolute;left:0;margin-top:1px;width:100%;background-color:#fff;border-bottom:solid 1px #000;z-index:20;display:none;}
#header_total_ctg .close{position:absolute;left:50%;top:-60px;margin-left:-550px;background:#f5f5f5;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;width:58px;height:29px;text-align:center;padding:15px 0}
#header_total_ctg ul{overflow:hidden;background:url(../imgs/global/totalCate_bg.png) 40px top repeat-y;width:1180px;margin:0 auto;padding-bottom:20px;}
#header_total_ctg ul li{float:left;padding:0 20px 0 40px;width:140px;}
#header_total_ctg ul li a{display:block;padding:4px 0;font-size:12px;font-weight:normal;text-decoration:none}
#header_total_ctg ul li a strong{color:#000;font-size:13px;padding-bottom:10px;}
/*
#header.fixed_header {position:fixed;left:0;top:0;background:#fff;z-index:17;border-bottom:solid 1px #000;}
#header.fixed_header #header_logo_area {padding:20px 0;}
#header.fixed_header #header_logo_area h1 {float:left;padding:0;}
#header.fixed_header #header_logo_area .lnb{top:26px;}
#header.fixed_header #header_logo_area .lnb li {display:none;}
#header.fixed_header #header_logo_area .lnb li.member,
#header.fixed_header #header_logo_area .lnb li.cart {display:block;width:27px;height:29px;padding:0;margin:0;margin-left:18px;text-indent:-999em;position:relative;}
#header.fixed_header #header_logo_area .lnb li.member {background:url(../imgs/global/icon_member.png) left top no-repeat;}
#header.fixed_header #header_logo_area .lnb li.cart {background:url(../imgs/global/icon_cart.png) left top no-repeat;}
#header.fixed_header #header_logo_area .lnb li em {display:block;text-indent:0em;position:absolute;bottom:0;right:0;width:18px;height:18px;background:url(../imgs/global/bg_topLnb.png) left top no-repeat;color:#fff;text-align:center;line-height:18px;}
#header.fixed_header #header_logo_area .right_box {float:right;padding:0;margin-right:97px;}
#header.fixed_header #header_logo_area .search_box {padding:0;padding-top:7px;}
#header.fixed_header #header_logo_area .banners {display:none;}
#header.fixed_header #header_logo_area .fixed_menu {display:block;overflow:hidden;float:left;margin-left:65px;}
#header.fixed_header #header_logo_area .fixed_menu li {float:left;}
#header.fixed_header #header_gnb_area {border:none 0;}
#header.fixed_header #header_gnb_area .gnb,
#header.fixed_header #header_gnb_area .sub_gnb {display:none;}
#header.fixed_header #header_ctg_area {position:fixed;top:21px;left:50%;margin-left:-550px;background:#fff;border:none 0;padding:0;}
#header.fixed_header #header_total_ctg .close {position:fixed;top:21px;left:50%;margin-left:-550px;background:#fff;border:none 0;padding:0;}
*/
/* footer */
#footer{clear:both;background:#f6f6f6; color:#888;font-size:13px;}
#footer a {color:#888; font-size:12px;}
#footer .txt_bar {padding:0; margin: 2px 10px 0;}
#footer .footer_inner {width:1240px;margin:0 auto;}
#footer .footer_menu{background:#fff;border-top:solid 1px #d9d9d9;}
#footer .footer_menu .footer_inner {overflow:hidden;line-height:21px;}
#footer .footer_menu .menu {width:1240px;float:left;margin-left:-15px;padding:12px 0;}
#footer .footer_menu .menu li{float:left;padding-right:16px;margin-left:15px;background:url(../imgs/global/bul_footer_menu.gif) right 7px no-repeat;line-height:21px;}
#footer .footer_menu .menu li a {font-size:13px;}
#footer .footer_menu .notice {width:340px;float:right;overflow:hidden;padding:12px 0;}
#footer .footer_menu .notice span,
#footer .footer_menu .notice a {display:block;}
#footer .footer_menu .notice span {width:36px;float:left;color:#000;font-weight:bold;}
#footer .footer_menu .notice .link {color:#444;width:240px;float:left;}
#footer .footer_menu .notice .more {width:30px;float:right;}
#footer .footer_content{clear:both;border-top:solid 1px #e5e5e5;padding:35px 0; background:#fff; font-size:13px;}
#footer .footer_content .footer_inner {overflow:hidden;}
#footer .footer_content .company_info {float:left;}
#footer .footer_content .company_info h6 {margin-bottom:0px;}
#footer .footer_content .company_info address {line-height:1.5; font-size:13px;}
#footer .footer_content .company_info address .btn_bizno{font-size:12px; border:1px solid #d4d4d4; background:#d5d5d5; margin-left:5px; padding:0 2px; }
#footer .footer_content .company_info address strong {color:#444;}
#footer .footer_content .company_info address span {color:#c3c3c3;padding:0 10px;}
#footer .footer_content .company_info p {font-family:"verdana";}
#footer .footer_content .customer_info {display:none; float:left;border-right:solid 1px #e2e2e2;border-left:solid 1px #e2e2e2;width:220px;padding:0 25px 0 30px;}
#footer .footer_content .customer_info h6 {font-size:12px;color:#444;font-weight:bold;}
#footer .footer_content .customer_info .tel {font-size:28px;color:#444;font-weight:bold;}
#footer .footer_content .customer_info .link {line-height:14px;margin-top:9px;}
#footer .footer_content .customer_info .link a {color:#000;}
#footer .footer_content .customer_info .link span {color:#c3c3c3;padding:0 10px;}
#footer .footer_content .customer_info .time_box {overflow:hidden; line-height:18px;margin-top:6px;}
#footer .footer_content .customer_info .time_box span {float:left; }
#footer .footer_content .customer_info .time_box span.time {width:57px; margin-right:4px;}
#footer .footer_content .amark {float:right;padding-left:20px;}
#footer .footer_content .amark li {float:left;}

/* quick bar */
#quick_bar{display:block; position: fixed; left:0; bottom:0; right:0; z-index:999; width: 100%; height:0; }
#quick_bar .todays_list{width:100px; position: absolute; right:0; bottom: 30px; margin-right: 30px;text-align:center}
#quick_bar .todays_list .titles{display:block;text-align:center;font-size:13px;line-height:18px; padding: 10px 0; border:1px solid #ccc; border-radius: 35px; background-color:#fff;}
#quick_bar .todays_slide{width:80px;margin:17px auto;position:relative;}
#quick_bar .todays_slide .todays_container{position:relative;min-height:120px; font-size:12px;}
#quick_bar .todays_slide .todays_container ul{position:absolute;left:0;top:0}
#quick_bar .todays_slide .todays_container li{width:80px;height:80px;margin-bottom:5px;}
#quick_bar .todays_slide .todays_container li.no_data{font-size:11px; text-align:center; margin-top: 50%;white-space: nowrap;}
#quick_bar .todays_slide .todays_container li img{width:70px;height:70px; border-radius:50%;}
#quick_bar .todays_slide .todays_container a{border: 1px solid rgba(0, 0, 0, 0.08); border-radius:50%; display:block; overflow:hidden;background:#fff;padding:4px;}
#quick_bar .todays_slide .todays_pagination {display:none; position: relative; margin: 10px auto 0; font-size: 0; box-sizing: content-box; background:#fff;}

#quick_bar .todays_slide .todays_pagination button{display:inline-block; font-size:0; position:relative;border:1px solid #c9c9c9; background:#fff; text-align:center; width:50%; height:25px;}
#quick_bar .todays_slide .todays_pagination button.prev{margin:0 0 0 0; background:url("/resource/button/btn_quick_prev.png") no-repeat center center;}
#quick_bar .todays_slide .todays_pagination button.next{margin:0 0 0 -1px; background:url("/resource/button/btn_quick_next.png") no-repeat center center;}
#quick_bar .todays_slide .todays_pagination strong{color:#f2740d}
#quick_bar .todays_slide .todays_pagination .pageDisabled{opacity:0.4;filter:alpha(opacity=40)}


#quick_bar .banner{margin-top:5px}
#quick_bar.fixArea {position: fixed; top: 10px;}
#quick_bar .wingTopBtn {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    background: url('/resource/images/btnWingTop.png') center center no-repeat #fff;
	border:1px solid #ccc;
	background-size: 50%;
	color:#fff;
	line-height: 60px;
	font-weight: 600;
}

@media (max-width: 1510px) {
    #quick_bar {
        display: none;
    }
	#quick_bar .todays_list {
        /* min-width: 1280px; */
        right: 30px;
        top: auto;
        left: auto;
        bottom: 0;
    }
}

/* 하단 모바일 버전으로 보기 */
.go_mobile{clear:both;background:#444;text-align:center;margin-top:10px}
.go_mobile a{display:block;color:#fff;font-size:53px;padding:37px 0}

/* container */
#container{position:relative;width:100%;overflow:hidden;min-height:540px;margin:0 0 80px;}

#container_inner {width:1240px; text-align:left;margin:0 auto;}
#container_inner:after {content:''; display:block; clear:both;} /* 왼쪽메뉴 없을 때 */

/* contents */
#contents{display:block; margin-left:210px; min-height: 650px; padding-bottom:40px;} /* 왼쪽메뉴 있을 때 */
#contents:before {
	position: absolute;
    left: 186px;
    top: 0;
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    border-right: 1px solid #e5e5e5;
/*    -webkit-box-shadow: 3px 0 2px 0 rgba(0, 0, 0, .03);
    box-shadow: 3px 0 2px 0 rgba(0, 0, 0, .03);
*/
}

#contents100 {width:100%;text-align:left;margin-top:30px;} /* 왼쪽메뉴 없을 때 */

/* aside */
#aside {width:190px; position: absolute; top: 0; left:0; right:0; bottom:0; margin-left: 10px; display:block;}
#aside .title {margin: 42px 0 35px; font-weight: 400; font-size: 34px; color: #111; text-align:left;}

.list_snb { overflow: hidden; margin-bottom: 4px;}
.list_snb>li { margin-bottom: 20px;}
.list_snb .tit_sub {display: block; margin-bottom: 8px; font-size: 17px;  font-weight:400;}
.list_snb_sub li {font-size: 14px; line-height: 26px; color: #111;}
.list_snb_sub .link_snb_sub {color: #111;}
#aside .aside_banner {margin-top:20px;}
#aside .aside_banner img {max-width:100%;}



#aside .lnb_navigation {padding:10px 20px;margin-top:-1px;border:1px solid #dfdfdf;}
#aside .lnb_navigation a {border-top:1px solid #ededed;}
#aside .lnb_navigation .depth1 li div,
#aside .lnb_navigation .depth1 li a {display:block;padding:14px 0 13px;font-size:16px;font-weight:bold;color:#444;line-height:18px;background:url(../imgs/global/lnb_arrow.png) 97% 22px no-repeat;}
#aside .lnb_navigation .depth1 .depth2 li a {display:block;font-size:13px;font-weight:normal;color:#666;background:none;}

#aside .myinfo_box {padding:0 8px 8px;margin-top:-1px;border:1px solid #dfdfdf;border-top:0 none;background:#f5f5f5;}
#aside .myinfo_box .inbox {padding:0 12px;border:1px solid #eee;background:#fff;font-size:12px;}
#aside .myinfo_box .inbox p {padding:14px 0 8px;border-bottom:1px solid #eee;color:#000;text-align:center;line-height:14px;}
#aside .myinfo_box .inbox .infolist {padding:12px 0 4px;}
#aside .myinfo_box .inbox .infolist dl {overflow:hidden;margin-bottom:8px;line-height:14px;}
#aside .myinfo_box .inbox .infolist dl dt {float:left;width:40%;}
#aside .myinfo_box .inbox .infolist dl dd {float:right;width:60%;color:#222;text-align:right;}
#aside .csinfo_box {padding:0 8px 8px;margin-top:-1px;border:1px solid #dfdfdf;border-top:0 none;background:#f5f5f5;}
#aside .csinfo_box p {padding:14px 12px;border:1px solid #eee;background:#fff;font-size:12px;color:#000;text-align:center;line-height:18px;}


/****************************** common class ******************************/
/* navigation */
/*.navigation {margin:10px auto 0;}*/
.navigation ul{width:100%;margin:0 auto;overflow:hidden;padding:8px 0;}
.navigation li{float:left;line-height:30px;font-size:12px;background:url(../imgs/global/bul_navi.png) left center no-repeat;padding-left:14px;margin-left:9px;height:30px;font-weight:400;color:#111;}
.navigation li.home{background:none;padding:0;margin:0;}
.navigation li a {color:#000;}
.navigation li strong {text-decoration:underline;}
	/* category navi */
.navigation button.ctg{height:20px;border:solid 1px #ccc;font-size:11px;color:#666;padding:0 35px 0 8px;margin:0;line-height:14px;background:url(../button/navi_category_btn.gif) #fff right top no-repeat}
.navigation li div{position:absolute;top:0px;z-index:10;display:none}
.navigation li div ol{background:#fff;border:solid 2px #aaa;margin-top:22px}
.navigation li div ol:after{content:" ";display:block;clear:both}
.navigation li div ol li{padding:10px 20px 10px 15px;background:none;border-right:solid 1px #ddd}
.navigation li div ol li.last{border-right:none}
.navigation li div ol li a{color:#444;display:block;line-height:18px}
.navigation li div ol li a:hover{color:#ca1818}
.navigation li div ol li a.on{font-weight:bold;color:#ca1818}

/* title */
.pagetitle {padding:30px 0; font-size:30px; font-weight:bold; letter-spacing:-0.05em; color:#111; text-align:center; border-bottom:0px solid #000;}
.pagetitle span {margin-left:15px; font-size:14px; font-weight:normal; color:#666;}
.subtitle {margin:40px 0 10px;font-size:20px;color:#000;font-weight:bold;line-height:30px;}
.subtitle span {padding-left:15px;font-size:13px;color:#666;font-weight:normal;}

/* list_style */
.list_type_disc {padding-left:20px;}
.list_type_disc li {list-style-type:disc;list-style-position:outside;line-height:22px;font-size:13px}

/* paging */
.paging{overflow:hidden;text-align:center;margin-top:30px;}
.paging ul {display:inline-block;}
.paging ul li{float:left; width:45px; margin:auto 4px; border:1px solid #ddd;}
.paging ul li:first-child {margin-left:0;}
.paging ul li:last-child {margin-right:0;}
.paging ul li a {display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:100; font-family:Tahoma, arial}
.paging ul li a strong {display:block; background:#111; color:#fff;}
.paging ul li a.next, .paging ul li a.last, .paging ul li a.prev, .paging ul li a.first {font-size:22px; color:#a5a5a5;}
.paging ul li a:hover {background:#eee; }

/* form */
select {height:30px;padding:4px;border:solid 1px #ddd;background:#fff;line-height:18px;}
input[type=text], input[type=password] {height:30px;padding:4px 6px;margin:0;border:solid 1px #ddd;background:#fff;line-height:30px; box-sizing: border-box;}
textarea {padding:4px 6px;border:solid 1px #ddd;background:#fff;line-height:18px;}
input[type=text]:disabled, textarea:disabled, select:disabled {background: #eee;border:solid 1px #ddd;color:#999;}
input[type=radio], input[type=checkbox] {width:20px; height:20px;}
/* product */

/* 앨범형 리스트 */
.product_grid_box {}
.product_grid_box ul {margin-top:30px; display:flex;flex-wrap:wrap; flex-direction:row; gap: 16px;}
.product_grid_box ul li {position:relative; width:298px; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);}
.product_grid_box ul li:hover {-webkit-box-shadow: 0px 6px 32px -8px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 6px 32px -8px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.7);} 
.product_grid_box ul li:hover .imgs_box img {transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08);}
.product_grid_box ul li.none_pro{clear:both;width:100%;padding:100px 0;text-align:center; color:#999;} /* 상품이 없을시 노출 */
.product_grid_box ul li a {display:block;}
.product_grid_box ul li input {position:absolute;right:9px;top:8px;z-index:1;}
.product_grid_box ul li .imgs_box {padding: 10px 10px 0 10px; position: relative;overflow:hidden;}
.product_grid_box ul li .imgs_box span {display:inline-block;width:243px;height:243px;overflow:hidden;margin:0 auto;}
.product_grid_box ul li .imgs_box span img {max-width:100%; max-height:100%; margin:auto; position:absolute;top:0;left:0;right:0;bottom:0;}
.product_grid_box ul li .imgs_box .sale {display:block;position:absolute;left:0;top:0;z-index:1;color:#fff;background:#e74c3c;font-size:11px;line-height:12px;padding:6px 10px;}
.product_grid_box ul li .imgs_box .sale strong {font-size:12px;}
.product_grid_box ul li .imgs_box .soldout {display:block;position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:url(../imgs/global/bg_soldout.png) left top repeat #000;text-align:center;opacity: .6;}
.product_grid_box ul li .imgs_box .soldout strong {color:#fff;line-height:248px; font-size:38px;}
.product_grid_box ul li .cont_box {margin:20px 0; padding:0 15px; position: relative;}
.product_grid_box ul li .cont_box > a > span {display:block;text-align:center;color:#333;line-height:20px;}
.product_grid_box ul li .cont_box .brand {font-size:13px;height:20px;text-align:left;}
.product_grid_box ul li .cont_box .name {font-weight:400; color:#000; font-size:14px; text-align:left;}
.product_grid_box ul li .cont_box .price_box {margin:8px 0 5px 0; text-align:left;}
.product_grid_box ul li .cont_box .price_box .sale {margin-right:4px; font-size:15px; line-height:21px;color:#ff0038;}
.product_grid_box ul li .cont_box .price_box .original {text-decoration:line-through;font-size:13px; line-height:21px;}
.product_grid_box ul li .cont_box .price_box .x_price {display:block; font-size:14px; color:#000;}
.product_grid_box ul li .cont_box .price_box .x_price strong {font-weight:bold; font-size:20px;vertical-align:baseline; line-height:21px;}
.product_grid_box ul li .cont_box .icons {position:absolute; top:-35px;left:0;right:0;}
.product_grid_box ul li .cont_box .icons img {margin:0 1px;}
/* 상품명 줄임말 2줄 */
.boxStyle {display: inline-block; width: 100%;}
.ellipsis--line2 {overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: keep-all; }

/* 리스트형 리스트 */
.product_list_box{table-layout:fixed; border-top:1px solid #ddd;}
.product_list_box thead tr th{padding:16px 0 17px; text-align:center; border-bottom:solid 1px #ddd; background:url(../imgs/goods/category_list_line.png) no-repeat left center;}
.product_list_box thead tr th:first-child {background:none;}
.product_list_box tbody tr td{padding:10px 0;border-bottom:solid 1px #ededed;text-align:center}
.product_list_box tbody tr td .cont {padding-left:15px;}
.product_list_box tbody tr td .cont span {display:block; color:#000;}
.product_list_box tbody tr td .cont span.brand {height:13px; margin-bottom:6px; font-size:13px; font-weight:bold;}
.product_list_box tbody tr td .cont span.pro_name {margin-bottom:15px;}
.product_list_box tbody tr td.price span {display:block;}
.product_list_box tbody tr td.price span.org_price {margin-bottom:5px; color:#999;}
.product_list_box tbody tr td.price span.sale_price {font-size:16px;}
.product_list_box tbody tr td.none_pro{color:#999;padding:100px 0} /* 상품이 없을시 노출 */

/* 탭메뉴 */
.tab_menu_box {overflow:hidden;}
.tab_menu_box ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: row; align-content: center; gap: 10px;}
.tab_menu_box ul li {flex: 1 1 auto;}
.tab_menu_box ul li a {display:block; border:1px solid #dfdfdf; border-radius: 20px; text-align:center;line-height:36px; }
.tab_menu_box ul li.on a {background:#000;color:#fff;}
.tab_menu_box ul li.first {}

/* 버튼 */
.buttons_box {overflow:hidden;margin-top:30px;text-align:center;}
.buttons_box a,
.buttons_box button {display:inline-block;*zoom:1;*display:inline;width:200px;height:50px;background:#f43142;box-sizing: border-box;border:1px solid #f43142; color:#fff;font-size:15px;font-weight:bold;line-height:50px;vertical-align:middle;text-align:center;}
.buttons_box .border {background:#fff;border:1px solid #ccc;color:#666;}
.buttons_box a.border {width:198px;height:50px;line-height:50px; box-sizing: border-box;}
.buttons_box .dark {background:#666; border:1px solid #666; }
.buttons_box.middle a,
.buttons_box.middle button {width:140px;height:40px;font-size:14px;line-height:40px;}
.buttons_box.middle a.border {width:140px;height:40px;line-height:40px;}
.buttons_box.small {margin-top:20px}
.buttons_box.small a,
.buttons_box.small button {width:100px;height:30px;font-size:14px;line-height:30px;font-weight:normal;}
.buttons_box.small a.border {height:28px;line-height:28px;}
.buttons_inline {text-align:center;}
.buttons_inline a,
.buttons_inline button {display:inline-block;*zoom:1;*display:inline;margin:2px 0;padding:5px 8px;background:#000;font-size:12px;color:#fff;line-height:14px;vertical-align:middle;text-align:center;}
.buttons_inline .border {padding:4px 7px;background:#f9f9f9;border:1px solid #ccc;color:#222;}
.buttons_inline .border2 {padding:4px 7px;background:#fafafa;border:1px solid #aaa;color:#222;font-weight:bold;}

/* 테이블 */
.type_rows {border-top:2px solid #000;}
.type_rows th, .type_rows td {padding:15px 20px;border-bottom:1px solid #dfdfdf;line-height:18px;}
.type_rows th {background:#f9f9f9;color:#000;font-weight:normal;text-align:left;}
.type_rows tbody td.data_none {padding:100px 0;color:#999;text-align:center;}
.type_cols {border-top:1px solid #ddd;}
.type_cols th, .type_cols td {border-bottom:1px solid #dfdfdf;line-height:18px;}
.type_cols thead th {padding:10px 5px;color:#444;font-weight:bold;text-align:center;}
.type_cols thead th.bg_none {}
.type_cols tbody td {padding:15px 5px;text-align:center;}
.type_cols tbody td.text_left {padding:15px 10px;text-align:left;}
.type_cols tbody td.data_none {padding:100px 0;color:#999;}
.type_cols tbody td .goodsName {color:#444}
.type_cols tbody td .graysmall {font-size:13px;color:#999;}
.type_cols tbody td .state {display:block;font-size:13px;color:#000;}
.type_cols tbody td .buttons_inline a,
.type_cols tbody td .buttons_inline button {margin:1px 0;}
.type_cols tbody td.text_left .graysmall {font-size:12px;color:#999;line-height:15px;}
.type_cols tbody td.text_left .buttons_inline {text-align:left;}

/* 폼관련테이블 */
.type_rows.type_form th, .type_rows.type_form td {padding:10px 20px;line-height:28px;}
.type_form .w280 {width:280px;}
.type_form .w150 {width:150px;}
.type_form .w90p {width:90%;}
.type_form .w100p {width:100%;}
.type_form .form_id input {}
.type_form .form_id .btn_check {display:inline-block;*zoom:1;*display:inline;padding:0 8px;background:#000;font-size:12px;color:#fff;line-height:30px;text-align:center;}
.type_form .form_tel {overflow:hidden;}
.type_form .form_tel input, .type_form .form_tel select, .type_form .form_tel .blank {display:block;float:left;}
.type_form .form_tel select {width:116px;}
.type_form .form_tel input {width:100px;}
.type_form .form_tel .blank {width:20px;text-align:center;}
.type_form .form_tel .btn_check {display:inline-block;*zoom:1;*display:inline;padding:0 8px;background:#000;font-size:13px;color:#fff;line-height:30px;vertical-align:top;text-align:center; font-weight:300;float:left;}
.type_form .form_email {overflow:hidden;}
.type_form .form_email input, .type_form .form_email select, .type_form .form_email .blank {display:block;float:left;}
.type_form .form_email select {width:150px;margin-left:5px; height:30px; padding:0;box-sizing:border-box;}
.type_form .form_email input {width:150px;}
.type_form .form_email .blank {width:20px;text-align:center;}
.type_form .marketting_agree {margin-top:5px;font-size:13px;}
.type_form .marketting_agree input[type=radio] {margin-left:15px;}
.type_form .marketting_agree label {margin-left:5px;}
.type_form .form_address input {width:350px;}
.type_form .form_address .post {margin-bottom:5px;}
.type_form .form_address .post input {width:100px;}
.type_form .form_address .post .btn_post {display:inline-block;*zoom:1;*display:inline;padding:0 8px;background:#ccc;font-size:13px;color:#111;line-height:30px;height:30px;text-align:center; font-weight:300;box-sizing:border-box;vertical-align:middle;}
.type_form .form_gender label {margin:0 15px 0 7px;}
.type_form .form_birth {overflow:hidden;}
.type_form .form_birth input[type=text], .type_form .form_birth .blank, .type_form .form_birth .check {display:block;float:left;}
.type_form .form_birth input[type=text] {width:60px;}
.type_form .form_birth .blank {padding:0 15px 0 5px}
.type_form .form_birth .check {margin-left:10px;}
.type_form .form_birth .check label {margin:0 15px 0 7px;}
.type_form .checks {display:inline-block;*zoom:1;*display:inline;margin-left:8px;vertical-align:top;height:28px;line-height:28px;}
.type_form .checks label {margin-left:6px;font-size:13px;color:#222}
.type_form .notetext {display:inline-block;*zoom:1;*display:inline;margin-left:8px;vertical-align:top;height:28px;line-height:28px;font-size:13px;color:#999}
.type_form .notetextblock {margin-top:5px;font-size:13px;line-height:15px;color:#999}

/* scroll box */
.scroll_guide_box {border-top:2px solid #000;}
.scroll_guide_box .scroll {height:150px;overflow-y:auto;padding:18px;border:1px solid #dfdfdf;border-top:0 none;background-color:#fff;line-height:22px;color:#666}
.scroll_guide_box .check_agree {background:#fafafa;border:1px solid #dfdfdf;border-top:0 none;text-align:right;padding:15px 20px}
.scroll_guide_box .check_agree label {margin-left:8px;color:#000}

/* popup (layer) */
.layer_wrap {background:#fff;}
.layer_wrap h1{padding:25px 20px 20px; font-size:20px; font-weight:bold; color:#000; border-bottom:2px solid #000;}
.layer_wrap .layer_cont {padding:20px 20px 30px;}
.layer_wrap .layer_cont h2{font-weight:bold;color:#3d3d3d;font-size:12px}
.layer_wrap .layer_cont .type_rows, .layer_wrap .layer_cont .type_cols {border-top:1px solid #dfdfdf;}
.layer_wrap .layer_cont .quantity_box {width:80px;border:solid 1px #ccc;text-align:left;position:relative;}
.layer_wrap .layer_cont .quantity_box input {border:0 none;width:56px;text-align:center;margin:0;padding:4px 0;}
.layer_wrap .layer_cont .quantity_box .btns {display:block;position:absolute;right:0;top:0;width:24px;height:26px;border-left:1px solid #ccc}
.layer_wrap .layer_cont .quantity_box .btns .up, .quantity_box .btns .down {display:block;text-indent:-999em;height:12px}
.layer_wrap .layer_cont .quantity_box .btns .up {height:13px;border-bottom:1px solid #ccc;background:url(../button/btn_quantity_up.png) center center no-repeat;}
.layer_wrap .layer_cont .quantity_box .btns .down {background:url(../button/btn_quantity_down.png) center center no-repeat;}
.layer_wrap .layer_cont .type_form .form_tel select {width:72px;}
.layer_wrap .layer_cont .type_form .form_tel input {width:56px;}
.layer_wrap .layer_cont .type_form .form_address input {width:90%;margin-top:5px;}
.layer_wrap .layer_cont .type_form .form_address .post {margin:0;}
/* 바로주문 popup */
.layer_wrap .layer_cont .type_form .form_address .post input {width:30%;margin:0;}
.layer_wrap .layer_cont .order_direct {overflow-y:auto; max-height:400px;}
.layer_wrap .layer_cont table tr.amount td div.num {float:left; line-height:30px;}
.layer_wrap .layer_cont table tr.amount td div.num span{display:block;float:left;}
.layer_wrap .layer_cont table tr.amount td div.num span a{display:block;}
.layer_wrap .layer_cont table tr.amount td div.num input{float:left; width:55px; height:28px; line-height:28px; padding:0; text-align:center; border:solid 1px #e5e5e5;}
.layer_wrap .layer_cont table tr.option_title th{padding:10px 0 10px 12px; font-weight:bold; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#f9f9f9;}
.layer_wrap .layer_cont table tr.option td p{font-size:14px; color:#000; padding-left:12px;}
.layer_wrap .layer_cont table tr.option td textarea{width:100%;}

/* 옵션선택시 나오는 부분 */
.layer_wrap .layer_cont table tr.option_select td{padding:10px 15px; border-top:1px solid #ccc; border-bottom:1px solid #000; background:#f9f9f9;}
.layer_wrap .layer_cont table tr.option_select td p{color:#000;line-height:1.3em;}
.layer_wrap .layer_cont table tr.option_select td div{display:none; overflow:hidden; margin-top:10px; padding-top:10px; border-top:1px solid #e3e3e3;}
.layer_wrap .layer_cont table tr.option_select td div ul{overflow:hidden; padding:5px 0;}
.layer_wrap .layer_cont table tr.option_select td div ul li{float:left; line-height:28px;}
.layer_wrap .layer_cont table tr.option_select td div ul li.title{width:200px; color:#000;}
.layer_wrap .layer_cont table tr.option_select td div ul li.price{float:right; width:170px; font-weight:bold; text-align:right;}
.layer_wrap .layer_cont table tr.option_select td div ul li.price a {margin-left:9px;}
.layer_wrap .layer_cont table tr.option_select td div ul li input{float:left; width:55px; height:28px; line-height:28px; padding:0; text-align:center; border:solid 1px #e5e5e5;}
.layer_wrap .layer_cont table tr.option_select td div ul li span{float:left;}
.layer_wrap .layer_cont table tr.option_select td div ul li span a{display:block;}

/* 최종가격 */
.layer_wrap .layer_cont table tr.total_sum td{padding:25px 15px 20px 0; font-size:14px; text-align:right; font-weight:bold; color:#000;}
.layer_wrap .layer_cont table tr.total_sum td strong{font-size:18px; font-weight:bold;}

.layer_wrap .layer_cont .claim_info h2 {font-size:14px;margin-bottom:10px;}
.layer_wrap .layer_cont .claim_info h2.mgt20 {margin-top:20px;}

/* popup 창 버튼 */
.btn_close_popup {padding: 2px 5px 3px; font-size: 12px; line-height: 1.5; border-radius: 0; border:1px solid #111; background: #111; color:#fff; float:right;}

/* 상품 마우스 오버시 확대 */
.prd-img, .product .list_wrap .item .thumb {overflow: hidden;}
.prd-img img, .product .list_wrap .item .fig .thumb img, .product_grid_box ul li .imgs_box img {overflow:hidden; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out;}
.prd-img img:hover, .product .list_wrap .item .fig .thumb img:hover, .product_grid_box ul li .imgs_box img:hover {transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08);}

.mini-btn {display: inline-block;min-width:45px;text-align:center; height: 30px;line-height: 30px; border: 1px solid #c4c4c4; border-radius: 2px; text-decoration: none !important; letter-spacing: -1px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); vertical-align: middle;border-color: #bdbdbd; border-bottom-color: #828282; background: #fafafa;margin-right:2px;padding:0 5px;}

/* checkbox */
.checkbox-container {position: relative;}
.checkbox-container input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.checkbox-container input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkbox-container input[type="checkbox"] + label:before {content: ' '; display: inline-block; width: 15px; height: 15px; line-height: 15px; margin: 0; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #eee; position:absolute; top:1px; left:1px; z-index:1;}
.checkbox-container input[type="checkbox"] + label:active:before, .checkbox-container input[type="checkbox"]:checked + label:active:before {}
.checkbox-container input[type="checkbox"]:checked + label:before {content: '\2713'; color: #fa2720; border-color: #eee;}


.mobile_link_button { font-size:2rem; position: fixed; bottom: 30px; left: 50%; z-index: 100; padding: 29px 25px; border-radius: 28px; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .17); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .17); color:#fff; background-color:#111; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); line-height: 56px; text-align: center; white-space: nowrap; }
.mobile_link_button::after {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0, 0, 0, .02); border-radius: inherit;}