/*---------------------------
[Template Structure]


    1. General */


html{height:100%;}

.disabled{
    display:none;
}

::-webkit-scrollbar {
    display: none;
}


/*Header*/

.header{
    height:55px;
}

.header .header-logo {
    display: inline-block;
    float: left;
    margin-top: 13px;
    margin-left: 40px;
}

.header .header-logo img {
    height:28px;
}

.homepage-header{
    position: fixed;
    z-index:100;
    border-bottom: 1px solid #2f2f2f;
    text-align: center;
    width: 100%;
    background: #fff;
}
.header .snap-content {
    width: 100%;
}
.header .sub_header {
    top: 55px;
}
.header .sidebar-deploy{
    position: absolute;
    left: 15px;
    top: 15px;
    width: 23px;
}
.header .sidebar-deploy{
    float:left;
    text-align:center;
    position:relative;
    z-index:1;
}
.header .contact-deploy{
    position: absolute;
    right: 5px;
    top: 10px;
}
.header .contact-deploy a{
    margin-right:5px;
}
.header .contact-deploy .cateSearchBtn {
    display: inline-block;
}

/* 硫붾돱諛� */
.gnb {top:55px;height: 45px;border-bottom: 1px solid #2f2f2f;font-weight: bold;position: fixed;width: 100%;z-index: 1;background: #fff;}
.gnb li {float:left;text-align:center;line-height: 3.3;}
.gnb a {display: inline-block;color: #2f2f2f;font-size: 14px;}
.gnb a.on {font-weight: bold;color: #d01f1f;border-bottom: 3px solid #d01f1f;/* height: 28px; */line-height: 3.1; height:42px}
.gnb .gnb01 {width:19%;}
.gnb .gnb02 {width:19%;}
.gnb .gnb03 {width:23%;}
.gnb .gnb04 {width:16%;}
.gnb .gnb05 {width:23%;}
.gnb .gnb06 {width:17%;}
.gnb .gnb07 {width:17%;}
.gnb .gnb08 {width:20%;}
.gnb .gnb09 {width:21%;}
.gnb .gnb10 {width:25%;}

/* �ㅻ뜑 怨듯넻 */
.sub_header{padding: 14px 0;text-align:center;font-weight: bold;position: fixed;width: 100%;z-index: -1;background: #fff;}
.sub_header .header_title{ font-size:15px; color:#2f2f2f; font-weight: 600;}
.sub_header .btn_back{position:absolute;top: 3px;left:0;}

.sub_header .btn_close{ height:17px; padding:19px; position:absolute; top:0; right:0; }
.sub_header.border_b{ border-bottom:1px solid #333; }
.sub_header.top_navi{position: fixed;background: #fff;width: 100%;z-index: 1;}

/*content*/
#content .reco_main_box {margin: 40px 0px 20px;padding-top: 5px;border-top: 0px solid #333;position: relative;/* background: #f0f0f0; */}
#content .relation{height:inherit;background-color:transparent;margin: 20px 0 0;z-index: 0;}
#content .relation .relation_product .relation_box {margin: 5px 15px 5px 0px;padding: 0;width: 42%;border: 1px solid #d9d9d9;background-color: #fff;box-shadow: 2px 2px 2px rgba(0,0,0,0.05);}/* �섏젙 : 2019.05.14 */
#content .relation .relation_product .relation_box:first-child {margin: 5px 15px 5px 10px;}/* �섏젙 : 2019.05.14 */
#content .relation .relation_product .relation_box:last-child  {margin: 5px 25px 5px 0px;}/* �섏젙 : 2019.05.14 */
#content .relation .relation_product .relation_box .pimg{position:relative; text-align: center;}
#content .relation .relation_product .relation_box .pimg img {width: 100%;height: auto;/* max-width: 190px; */top:0;left:0;}
#content .relation .relation_product .relation_box .product_desc{line-height:1.4;margin: 15px 10px 5px 10px;position:relative;}
#content .relation .relation_product .relation_box .product_desc .brand{ height:18px; margin-top:5px; font-weight:bold; color:#2f2f2f; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1; overflow:hidden; word-break:break-all; }
#content .relation .relation_product .relation_box .product_desc .one_pname{margin-top:2px; height:18px; color:#666; letter-spacing: -0.02em; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1; overflow:hidden; word-break:break-all; }

#content .relation .relation_product .relation_box .product_desc .price{color:#d01f1f; font-weight: bold; margin-top:8px; font-size:15px;font-family: 'Roboto', sans-serif;}
#content .relation .relation_product .relation_box .product_desc .price .num{ font-size:15px; font-weight:bold; }

#content .relation .relation_product .bloger_box {margin: 0;width: 19.5%;max-width: 110px;}
#content .relation .relation_product .bloger_box:first-child{padding-left: 20px;}
#content .relation .relation_product .bloger_box:last-child{padding-right: 10px;}
#content .relation .relation_product .bloger_box .box_tab a {display: inline-block;width: 70%;border-radius: 50px;}
#content .relation .relation_product .bloger_box .box_tab a img {border-radius: 50px;margin-bottom: 20px;width: 100%;max-width: 80px;}

#content .category {position: relative;z-index: 0;background: #333;padding: 0px 0px;border: 1px solid #555;border-width: 1px 0 0;}
#content .category .category_product .category_box {margin:0px;line-height: 3.4;width:auto;height: 44px;position: relative;text-align: center;}
#content .category .category_product .category_box:first-child {margin-left:0px;}
#content .category .category_product .category_box:last-child {margin-right:0px;}
#content .category .category_product .category_box a {display: block;padding: 0 13px;margin:0;font-size: 13px;text-align: center;color: #aaa;background: #333;overflow: auto;}
#content .category .category_product .category_box a.on {font-weight: bold;color: #000;background: #fff;/* line-height: 3.8; */}/* 20191002 수정 */

#content .midLine_header {position:absolute;top:-8px;left: 10px;right: 10px;text-align:center;border-top: 1px solid #333;}
#content .midLine_header span{ padding:0 10px;  background-color:#fff; color:#2f2f2f;}
#content .midLine_header .double{line-height: 0.3;background-color:#fff;display:inline-block;letter-spacing: -0.1px;}
#content .midLine_header .double .bold {font-size: 17px;top: -12px;line-height: 0.8;position: relative;background: #fff;display: inline-block;padding: 0px 15px 0px;}
#content .midLine_header .double .comment{display: block;color: #aaa;font-size: 13px;}

#content .main_product_list{ position:relative; margin-top:10px; }
#content .main_product_list:after {position:absolute;top:50%;right:0;width:100%;height:10px;background: #fff;content:'';display:block;clear:both;}
#content .main_product_list .introduce { max-width: 540px; }

#content .tab_menu_wrap {}
#content .product_menu { border-left:none; background:#fff; overflow:hidden; }
#content .product_menu li {float:left;width:20%;display:inline-block;padding: 0;cursor:pointer;border-bottom:1px solid #2f2f2f;text-align:center;box-sizing:border-box;}
#content .product_menu li.on div {color:#2f2f2f;border-bottom: 3px solid #d01f1f;color:#d01f1f;margin-bottom: -1px;height: 47px;font-weight: bold;}
#content .product_menu li div{display:table-cell;vertical-align:middle;height: 46px;padding: 15px 5px;border:none;display: inline-block;box-sizing:border-box;}

#content .tab_menu{border: 1px solid #2f2f2f;border-left:none;background:#fff;overflow:hidden;margin: 20px 10px 0;}
#content .tab_menu li {float:left;width:25%;border-left: 1px solid #2f2f2f;text-align:center;box-sizing:border-box;line-height: 2.9;}
#content .tab_menu li {display:inline-block;cursor:pointer;}
/* #content .tab_menu li.on {background-color: #fff;color:#d01f1f;} */
#content .tab_menu li:last-child {border-right:0px;}
#content .tab_menu li.on div {display: block;vertical-align:middle;background:#2f2f2f;color:#fff;}

#content .tab_con { position: relative; clear:both; padding:30px 0px 0px; }

#content .tab_con .view_box0 table tr th{padding: 14px 10px 14px 17px;border-color:#e3e3e3;text-align: left;/* height: 30px; */line-height: initial;}
#content .tab_con .view_box0 table tr td{padding: 14px 10px;border-color:#e3e3e3;text-align: left;}
#content .tab_con .view_box0 .img_box { margin:0px auto;max-width:600px; }
/*#content .tab_con .view_box0 img { margin:0px auto; }*/

#content .tab_con .list_table{ margin-bottom:20px;}
#content .tab_con .list_table .satisfy{ padding-left:0; vertical-align:top !important; text-align:right; white-space:nowrap; }
#content .tab_con .list_table .btn_new {padding: 5px 8px 4px;font-size:smaller;font-weight: 600;letter-spacing: -0.5px;border-radius: 25px;border: 1px solid #2f2f2f;background-color: white;margin-top: -5px;display: block;}
#content .tab_con .list_table .photo_view img { width: 100%; height: 100%; max-width: 240px; transform: translate3d(0px, 0px, 0px);transition-property: -webkit-transform; }
#content .tab_con .list_table .list_title{ font-size:13px; line-height: 1.4; font-weight:normal; margin: 15px 10px 10px 33px; letter-spacing: -0.2px; }
#content .tab_con .list_table .list_btn {position: absolute;top: 20px;right: 10px;}

.tab_con div > div { display: block;line-height: 1.6; }
.tab_con h4{padding: 5px 10px 10px;line-height:18px;color:#2f2f2f;text-align: left;font-size: 15px;}
.tab_con h5{padding-bottom:10px;line-height: 12px;color:#2f2f2f;text-align: left;text-indent: 15px;}

/* paging*/
.wrap-page {width: 50%; max-width:200px; height:50px;background:#f9f9f9;box-sizing:border-box;}
.box-page-button{position:relative;padding:20px;text-align:center;}
.box-page-button .disable{opacity:0.3}
.box-page-button .img_group_left_menu{top:10px}
.box-page-button .img_group_left_menu.page-back{left:10px}
.box-page-button .img_group_left_menu.page-next{right:10px}
.box-page-button .page-btn{height:30px;margin:0 5px;padding:0 2px;color:#999;font-size:14px;font-family: 'Roboto', sans-serif;}
.box-page-button .page-btn.active{color:#2f2f2f;font-weight: bold;}

/* cump */
.subttl_area {position: relative;padding: 15px 15px 15px;text-align:center;}
.subttl_area h4 {color: #d01f1f;font-size: 16px;line-height: 2.5;padding: 0 25px;margin-bottom: 13px;display: inline-block;border-radius: 50px;border: 1px solid #d01f1f;}
.subttl_area li {font-size: 12px;color: #aaa;line-height: 1.4;}

/* member */
.member_area {position: relative;padding:20px 20px 20px; }
.member_area h4 {color: #2f2f2f;font-size: 16px;line-height: 3;}
.member_area li {font-size: 12px;color: #777;line-height: 1.4;}

/* rule_area */
.agree_area {position: relative;padding: 0 20px 20px;  }
.agree_area h4 {line-height:2.0; border-bottom: 2px solid #2f2f2f; font-size:15px; }
.agree_area .agree {margin:20px 0 20px 0}
.agree_area .agree .txtbox {height: 100px;margin: 10px 0;background:#fff;padding: 0px;overflow-x: auto;color:#666;line-height: 1.68;}

/* �곸꽭 而⑦뀗痢� */
.cump_talklist {position: relative; background: #fff; line-height:1.7;margin:0px;padding: 10px 15px;color:#666;word-break:break-all;border-bottom: 1px solid #eee;display: grid;}/* �섏젙 : 2019.05.14 */
.cump_talklist li {position: relative;display: inline-block;width: 100%;}/* �섏젙 : 2019.05.14 */
.cump_talklist .list_title{float: right;color: #2f2f2f;font-size: 13px;line-height: 1.5;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width: calc(100% - 80px);min-height: 40px;margin-top: 5px;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;} /* �섏젙 : 2019.05.14 */
.cump_talklist table {width: 100%;border:1px solid #ccc;margin: 10px 0 10px;background: #fff;}
.cump_talklist table tr td{ padding:10px; }
.cump_talklist table tr td .cump_brand {font-size: 13px;line-height: 1.5;color: #666;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;text-align:left;min-height: 40px;}/* �섏젙 : 2019.05.14 */
.cump_talklist table tr td .cump_brand img{ width:inherit; }
.cump_talklist table tr td .cump_name{font-size: 13px;margin-top: 5px;color:#666;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;text-align:left;}/* �섏젙 : 2019.05.14 */
.cump_talklist table tr td .cump_author{  color:#999; }
.cump_talklist table tr td .cump_price{margin-top: 10px;text-align:left;}

/* Q&A*/
.accordion_banner {width: 100%;border: 2px solid #2f2f2f;border-width: 2px 0 0;}
table.accordion_banner tr td {padding: 0;display: block;text-align: left;line-height: 1.4;font-size: 13px;border-bottom: 1px solid #eee;}
table.accordion_banner tr td .accordion_title {line-height: 1.5;padding: 12px 15px 12px 20px;color:#2f2f2f;}
table.accordion_banner tr td .accordion_sub {display: none;line-height: 1.4;padding: 20px 20px;background-color:#f8f8f8;}
table.accordion_banner tr td .accordion_sub img {width: 100%;}
table.accordion_banner tr td .accordion_sub .q {width: 89%;padding-bottom:10px;border-bottom: 1px dotted #aaa;color: #999;}
@media  screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    table.accordion_banner tr td .accordion_sub .q { width:92%; padding-bottom:10px;}
}
table.accordion_banner tr td .accordion_sub .a {width: 89%;padding-top:10px;}
@media  screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    table.accordion_banner tr td .accordion_sub .a { width:92%; padding-top:10px;}
}
/* 20191002 수정 */
.internal_category {display: grid;}
.internal_category h5 {color: #fff;line-height: 2.0;padding-top: 5px;}
.internal_category .category_bottom {width: 98%;background:#fff;padding: 1% 1%;margin: 0px 0px 7px;border-bottom: 1px solid #d0d0d0;-webkit-box-shadow: 0 6px 0px rgba(0,0,0,.05);-moz-box-shadow: 0 6px 0px rgba(0,0,0,.05);box-shadow: 0 6px 0px rgba(0,0,0,.05);}
.internal_category .category_bottom .divide_50 {float:left;width: -webkit-calc(50% - 1px);width: -moz-calc(50% - 1px);width: calc(50% - 1px);display: table-cell;height: 32px;line-height: 2.5;border: 1px solid #fff;border-width: 0px 1px 1px 0px;}
.internal_category .category_bottom .divide_50 > a {display: contents;padding: 0px;font-size: 13px;color: #666;}
.internal_category .category_bottom .divide_50 > a.on span {display: block;font-weight: bold;color: #000;background: #fff;color: #000;}
/* .internal_category .category_bottom .divide_50 > a.on span:after {content: '';background: #fff url(../images/ico_arrow_user_form.png) no-repeat;background-size: 10px auto;background-position: 10px 13px;box-sizing: border-box;-webkit-appearance: none;display: inline-block;width: 25px;height: 20px;} */
.internal_category .category_bottom .divide_50:nth-child(odd) span {display:inline-block;padding-left: 15px;}
.internal_category .category_bottom .divide_50:nth-child(even) span {display:inline-block;padding-left: 15px;}

.internal_category .category_bottom .divide_33 {float: left;width: 33.33%;width: -webkit-calc(33.33% - 1px);width: -moz-calc(33.33% - 1px);width: calc(33.33% - 1px);display: table-cell;height: 35px;line-height: 2.5;background: #fff;border: 1px solid #fff;border-width: 1px 1px 0px 0px;}
.internal_category .category_bottom .divide_33 > a {display: block;padding: 0px;color: #777;}
.internal_category .category_bottom .divide_33 > a.on span {display: block;font-weight: bold;color: #000;padding: 0 0 0 10px;background: #fff;}
/* .internal_category .category_bottom .divide_33 > a.on span:after {content: '';background: #fff url('../images/ico_arrow_user_form.png') no-repeat;background-size: 10px auto;background-position: 10px 13px;box-sizing: border-box;-webkit-appearance: none;display: inline-block;width: 25px;height: 20px;}*/
.internal_category .category_bottom .divide_33:nth-child(odd) span {display:inline-block;padding-left: 10px;}
.internal_category .category_bottom .divide_33:nth-child(even) span {display:inline-block;padding-left: 10px;}
.internal_category .category_bottom {float: none;}

/* �곹뭹 �곸꽭寃��� */ /* �섏젙 : 20190513 */
.detail_search {margin-bottom: 0px;background: #fff;}
.detail_search .label {position: absolute;right: 10px;top: 10px;text-align: center;line-height: 2.9;outline: none;background: #2f2f2f;width: 60px;height: 37px;border: 1px solid #2f2f2f;margin: 0px auto;font-size: 13px;color: #fff;} /* �섏젙 : 20190513 */
.detail_search .label p {position: relative;outline: none;background-color: #fff;line-height: 2.6;width: 85px;height: 30px;border: 1px solid #2f2f2f;border-width: 0 1px 1px;box-shadow: 0 -5px 0 #fff;text-align: center;margin: auto;padding: 0 10px;top: -1px;}
.detail_search #sb1 {position: absolute;width: -webkit-calc(100% - 32px) !important;width: -moz-calc(100% - 32px) !important;width: calc(100% - 22px) !important;background: #fff;z-index: 1;left: 10px;bordeR: 1px solid #222;top: 48px;}/* �섏젙 : 20190513 */

/* 援щℓ�� 由ъ뒪�� */
.list_table{ position: relative; margin-bottom:20px;}
.list_table tr td{ padding:10px; border-right: 0; text-align: left;}
.list_table tr td .list_title{font-size: 14px; font-weight:bold; }
.list_table tr td .list_desc{ margin-top:5px; }
.list_table tr td .sstory {width:25px;margin-top:-4px;}
.list_table tr td.satisfy{ padding-left:0; vertical-align:top !important; text-align:right; white-space:nowrap; }
.list_table tr td.review_reply{ padding-top:0; border-top:0; text-align:center; }
.list_table tr.list_answer td{ padding-left:5px; border-top:0; }
.list_table tr.review_reply_detail td{ padding:0; border:none; }
.list_table tr.review_reply_detail td .reply_tag{ padding:3px 5px 1px; margin-bottom:5px; border:1px solid #333; color:#333; background-color:#fff; display:inline-block; }
.all_table .list_table tr:first-child td{ border-top:0; }


/****************************** �곹뭹寃��됯껐怨� ******************************/
/* 寃��됰떒 */
.detail_array{margin-bottom:0px;height:inherit;padding: 5px 0 0;}/* �섏젙 : 20190513 */
.detail_array .array_box{padding:5px 10px 12px;/* background-color:#f5f5f5; */}
.detail_array .array_box .search_array{width:100%; }
.detail_array .array_box .search_array tr th{padding: 0px 5px 0px 7px;color: #777;text-align:left;}
.detail_array .array_box .search_array tr td{padding:5px;color: #777;line-height: 1.4;}
.detail_array .array_box .search_array input {vertical-align:middle; width:100%; height:40px; text-indent:10px; line-height:4.2; border:1px solid #ddd;}
.detail_array .array_box h2 { width: 100%; height: 48px; padding: 10px 0px 11px; margin-bottom: 10px; box-sizing: border-box; color: #fff; font-weight: normal; font-size: 15px; line-height: 1.5;border-bottom: 3px solid #fff;}

.detail_array .array_box .search_array table{width:100%;}
.detail_array .btn_filter {vertical-align:middle;outline:none;border:1px solid #ddd;width:90px;height:35px;background-color:#fff;}

/* �곹뭹�꾪꽣寃��� */
.goods_list_content {position: relative;}
.goods_list_content .goods_top_box {padding:10px 10px 0px;/* background: #f5f5f5; */}/*�섏젙 : 20190515*/
.goods_list_content .goods_top_box .goods_arr_box {display:table; width:100%; }
.goods_list_content .goods_top_box .goods_arr_box .goods_sort {display:table-cell;width:50%;line-height: 2;vertical-align:middle;color: #777;}/*�섏젙 : 2019.05.14*/
.goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel {width:150px;}/*�섏젙 : 2019.05.13*/
.goods_list_content .goods_top_box .goods_arr_box .goods_view_type {position: absolute;right: 70px;width:40px;vertical-align:middle;} /*�섏젙 : 20190515*/
.goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul {/* text-align:right; */}/*text-align:right;��젣 : 20190510*/
.goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li {display:inline-block; padding:0;background: #fff;}
.goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li button {display:inline-block; width:31px; height:31px; ; border:1px solid #aaa;text-indent:-9999em;}

.inp_sel select{width:100%;line-height: 37px;border: 1px solid #ccc;padding: 0px 33px 0 6px;background:#fff url(../images/ico_sel.png) no-repeat;background-size: 25px auto;background-position: right 6px;box-sizing: border-box;-webkit-appearance: none;}/*수정 : 20190515*/

/* OFF
.goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button    {width:39px;height:39px;padding:0px;background:#fff url('../images/view_type_btn.png') no-repeat;background-size: 342% auto !important;background-position: -60px 2.5px;background-size:16px;opacity: 0.6;}
.goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button    {width:39px;height:39px;padding:0px;background:#fff url('../images/view_type_btn.png') no-repeat;background-size: 342% auto !important;background-position: -93px 2.5px;background-size:16px;opacity: 0.6;}
*//* �섏젙 : 2019.05.13*/
/* ON */
.goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li button.gallery {position: relative;width:39px;height:39px;padding:0px;background:#fff url('../images/view_type_btn.png') no-repeat;background-size: 300% auto !important;background-position: 4px 4.5px;background-size:16px;opacity: 1;border: 1px solid #ccc;margin-right: 0px;} /* �섏젙 : 2019.05.13*/
.goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li button.list {position: relative;width:39px;height:39px;padding:0px;background:#fff url('../images/view_type_btn.png') no-repeat;background-size: 300% auto !important; background-position:-24px 4.5px;background-size:16px;opacity: 1;border: 1px solid #ccc;margin-left: 0px;}/* �섏젙 : 2019.05.13*/
.goods_list_box {list-style:none; padding: 0 10px; margin-top: 10px; }

/*
�곹뭹�뚯씠釉� - �먭컻 �섎��� �곹뭹
* (�곹뭹媛ㅻ윭由щ럭 & 硫붿씤) */
.product_tab{position: relative;float:left;width: 50%;display: inline-block;border-top: 1px solid #eee;margin-bottom: -1px;}
.product_tab .product_box{position: relative;padding: 12px 5px;margin: 10px 16px 10px;background: #fff;} /*�섏젙 20190813*/
.product_tab .category_box{display:inline-block;position:absolute;top: -17px;left: 5px;background-color: rgba(255, 255, 255, 0.5);box-sizing:border-box;color: #333;font-weight: bold;text-align: left;z-index: 1;height: 20px;padding: 0px; color: magenta}
.product_tab:last-child{border-bottom:0px;}
/*  */
.product_tab:nth-child(odd) .product_box{/* margin-left:5px; */}/*�섏젙 : 20190515*/
.product_tab:nth-child(even) .product_box{/* margin-right:5px; */}/*�섏젙 : 20190515*/
.product_box .a_block{width: 27%;float: left;margin-right: 7%;margin-bottom: 10px;}
.product_box .b_block{width: 20% !important;float: left;margin-right: 4%;margin-bottom: 0px;}
.product_box .product_img{ position:relative; }
.product_tab .product_box .h_discount {position:absolute;font-size: 12.5px;top: 5px;left: 5px;background: #d01f1f;border: 1px solid #d01f1f;border-width: 1px 0 0 0px;color: #fff;letter-spacing: -0.02em;font-family: 'Roboto', sans-serif;width: 35px;height: 35px;text-align: center;}/*�섏젙 : 20190515*/
.product_tab .product_box .h_discount em {color: #fff;font-size: 13px;font-weight: bold;letter-spacing: -0.1em;line-height: 2.6;display: inline-block;font-family: 'Roboto', sans-serif;}/*�섏젙 : 20190515*/
.product_box .product_img .coupon_badge{ width:40px; position:absolute; left:5px; top:5px; cursor:pointer; }
.product_box .product_desc{margin: 0px 0 0;position:relative;font-size: 13px;}/* �섏젙 : 2019.05.15 */
.product_box .product_desc .brand{margin: 0px 0 2px;height: 15px;font-weight:bold;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;overflow:hidden;word-break:break-all;}
.product_box .product_desc .one_pname{color:#666;letter-spacing: -0.02em;line-height: 1.3;min-height: 33px;height: 33px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break: break-all;text-align: left;}/*�섏젙 : 20190515*/
.product_box .product_desc .one_cname{color:#666;letter-spacing: -0.02em;line-height: 1.2;width: 58%;height: 30px;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.product_box .product_desc .win   {float:right;margin-top: 0px;background-color: #ff5454;color: #fff;text-align: center;font-size: 11px;font-weight: bold;border-radius: 50px;width: 37px;height: 37px;line-height: 3.4;white-space: nowrap;}
.product_box .product_desc .nowin {float:right;margin-top: 0px;background-color: #96969a;color: #fff;text-align: center;font-size: 11px;font-weight: bold;border-radius: 50px;width: 37px;height: 37px;line-height: 3.4;white-space: nowrap;}
.product_box .product_desc .ongoing {float:right;margin-top: 0px;background-color: #54a2ff;color: #fff;text-align: center;font-size: 11px;font-weight: bold;border-radius: 50px;width: 37px;height: 37px;line-height: 3.4;white-space: nowrap;}
.product_box .product_desc .inact {float:right;padding-top: 10px;background-color: #96969a;color: #fff;text-align: center;font-size: 11px;font-weight: bold;border-radius: 50px;width: 40px;height: 30px;line-height: 1.0;white-space: nowrap;}
.product_box .product_desc .act   {float:right;padding-top: 10px;background-color: #ff5454;color: #fff;text-align: center;font-size: 11px;font-weight: bold;border-radius: 50px;width: 40px;height: 30px;line-height: 1.0;white-space: nowrap;}


/*�섏젙 20190813 : S*/
.product_box .product_desc .gallery_view {position: relative;}
.product_box .product_desc .gallery_view .price{display: inline-block;color:#d01f1f;font-weight: bold;font-size: 17px !important;font-family: 'Roboto', sans-serif;letter-spacing: -0.05em;line-height: 2;margin-top: 3px;}/*占쎌꼷�� : 20190514*/
.product_box .product_desc .gallery_view .price .num{ font-size:16px; font-weight:bold; }
.product_box .product_desc .gallery_view .price span {color:#999;text-indent: 2px;vertical-align: middle;}

.product_box .product_desc .view {position: absolute;right: -10px;top: -35px;border: 1px solid #222;background: #fff;line-height: 1.2;font-family: 'Roboto', sans-serif;}
.product_box .product_desc .view label {font-size: 10px;color: #aaa;padding: 5px 0px 0px 5px;cursor: default;text-align: right;}
.product_box .product_desc .view .viewer {color: #222;padding: 5px 5px;cursor: default;font-weight: 600;font-size: 11px;text-align: right;}
/*�섏젙 20190813 : E*/

.product_box .product_desc .list_view {position: relative;margin-top: 5px;height: 20px;}
.product_box .product_desc .list_view .origin_price{font-family: 'Roboto-Medium',sans-serif;color: #999;letter-spacing: -0.05em;display: inline-block;}
.product_box .product_desc .list_view .discount {color: #2f2f2f;font-size: 15px;border-bottom: 0px solid #333;line-height: 1.2;font-family: 'Roboto', sans-serif;}
.product_box .product_desc .list_view .discount em {position: relative;color:#000;font-size: 24px;font-weight: 600;letter-spacing: -0.02em;font-family: 'Roboto', sans-serif;}
.product_box .product_desc .list_view .price{color: #d01f1f;font-weight: bold;font-size: 18px !important;font-family: 'Roboto', sans-serif;display: inline-block;letter-spacing: -0.7px;}/*�섏젙 20190813*/
.product_box .product_desc .list_view .price .num{ font-size:15px; font-weight:bold; }
.product_box .product_desc .list_view .price span {color:#999;margin-left: 2px;}

/*�섏젙 20190813 : S*/
.product_box .view {position: absolute;right: -5px;top: 160px;border: 1px solid #222;background: #fff;line-height: 1.2;font-family: 'Roboto', sans-serif;}
.product_box .view label {font-size: 10px;color: #aaa;padding: 5px 0px 0px 5px;cursor: default;text-align: right;}
.product_box .view .viewer {color: #222;padding: 5px 5px;cursor: default;font-weight: 600;font-size: 11px;text-align: right;}
/*�섏젙 20190813 : E*/

.product_box .product_desc .btn_love{ width:20px; position:absolute; right:0; bottom:2px; }
.product_box .product_tag{ padding:5px; border-top:1px solid #e3e3e3; }
.product_box .product_tag .option{ padding:2px 4px; border:1px solid #999; font-size:10px; color:#999; display:inline-block; letter-spacing: -0.02em;vertical-align:middle; }

/* iPads (portrait) */
@media screen and (max-width:320px){
    .product_tab {
        /* min-height: 328px; */
    }
    .product_box .a_block {
        width: 33%;
    }
    .product_box .b_block {
        width: 70px;
    }
    .product_box .product_desc .nowin,.product_box .product_desc .win {
        /* margin-top: -30px; */
    }
    .product_box .product_desc .one_cname {
        width: 45%;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .product_box .a_block {
        float: left;
        width: 112px;
        margin-bottom: 0px;
    }
    .product_tab a img {width: 300px;}

    .product_tab {
        float: left;
        width: 33.33% !important; /* �섏젙 : 2019.05.15 */
        /* margin: 0% 0 1% 1%;
        min-height: 226px;*/
    }
    .product_box .b_block {
        width: 50px !important;
        margin-bottom: 0px;
    }
    .product_box .product_desc .one_cname{
        width: 53%;
    }
}
/* Desktops and laptops */
@media only screen
and (min-width : 1224px) {
    .product_box .a_block {
        width: 140px;
        float: left;
        margin-bottom: 15px;
    }
    .product_tab a img {
        /* width: 200px !important;  */
        text-align: center;
    }
    .product_tab {
        float: left;
        width: 32.3% !important;
        padding-right: 1.0%;
    }
}
.product_tab a img {width: 300px;}

.product_box .rate-group {margin: 5px 0px 0px 0px;line-height: 1.4;text-align: left;border-top: 1px dotted #ccc;padding-top: 7px;color: #999;letter-spacing: -0.05em;text-overflow: ellipsis;white-space: nowrap;-webkit-line-clamp: 1;overflow: hidden;word-break: break-all;}
.product_box .rate-group p .btn_shop {background: #3ead5e;color:#fff;margin-right: 0px;}
.product_box .rate-group p em {display: inline-block;border: 1px solid #3ead5e;color: #3ead5e;vertical-align: top;font-size:11px;height: 15px;padding: 4px 3px 3px;margin-top: 3px;}
.product_box .rate-group p .ico-arrow {margin-top: 2px;font-size:11px;}

.product_box .percent-group {margin: 0px 0px 10px 2PX;line-height: 1.4;text-align: left;background: #f5f5f5;padding: 5px;color: #777;display: block;width: auto;size: 13px;letter-spacing: -0.02em;overflow: hidden;}/* 占쎌꼷�� : 2019.05.14 */
.product_box .percent-group span {color: #777; padding: 1px 15px;}

.product_box .opinion-group {margin-top: 5px !important;line-height: 1.4;text-align: left;padding: 7px 5px 0px;letter-spacing: -0.02em;border: 1px solid #2f2f2f;border-width: 0px 0 0px;background-color: #f8f8f8;}
.product_box .opinion-group .txt {height: 30px;line-height: 130%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.product_box .opinion-group .date {float:right;color: #999;font-size: 11.5px;font-family: 'Roboto', sans-serif;margin-top: 5px;}
.product_box .opinion-group .bloger {margin: 5px 0px 0px 0px;text-align: left;padding: 2px 0px 0;border:0px solid #eee;width: 100%;display: inline-block;}
.product_box .opinion-group table {width:100%;}
.product_box .opinion-group table tr td {position: relative; padding:3px 3px; font-size: 11px; color:#777;}

.product_box .box_info_top {display: inline-block;width: 100%;border: 1px solid #ddd;background-color: #fff;margin: 10px 0px;line-height: 1.5;text-align: left;font-size: 11px;padding: 5px 0;letter-spacing: -0.02em;text-overflow: ellipsis;white-space: nowrap;-webkit-line-clamp: 1;overflow: hidden;word-break: break-all;}/* �섏젙 : 2019.05.14 */
.product_box .box_info_top .box_info_list:first-child {width: 40.5%;border-left: 0px;}
.product_box .box_info_top .box_info_list {text-align:center;float:left;width: 29%;border-left: 1px dotted #ccc;}
.product_box .box_info_top .box_info_list p {color: #999;} /* �섏젙 : 2019.05.14 */
.product_box .box_info_top .box_info_list span {font-size:12px !important;}

.product_box .icons-group {
    position: relative;
    margin: 5px 0 0px;
    padding-top: 5px;
    line-height: 1.2;
    color: #2f2f2f;
    height: 40px;
    overflow: hidden;
} /* �섏젙 : 2019.05.15 */
/* .product_box .icons-group .low{color: #0fdf7b;}
.product_box .icons-group .best{color: #ff673e;}
.product_box .icons-group .recom{color: #3e7aff;}
.product_box .icons-group .new{color: #f14444;}
.product_box .icons-group .special{color: #ff42ad;}
.product_box .icons-group .plan{color: #ba61f8;}
.product_box .icons-group .free{color: #64b7a1;} */
.product_box .icons-group span {display: inline-block;padding: 3px 5px;margin-right: 2px;margin-bottom: 2px;font-size: 11px;color: #aaa;letter-spacing: -1px;background: #f5f5f5;}

/* �곸꽭�섏씠吏� �곹뭹�뺣낫 */
#product_detail .info_area .content_box {padding:0px 15px;}
/* #product_detail .info_area .cump_talklist{ border:none; }
#product_detail .info_area .cump_talklist tr td{position: relative; line-height:1.6; padding:10px 5px;  } */
#product_detail .info_area .product_box_all .cump_talklist tr td{ padding:3px 5px; }
#product_detail .info_area .list_table tr th{padding:11px 0 11px 20px; text-align:left; }
#product_detail .info_area .list_table tr td{padding:11px 20px 11px 0; text-align:right; }
#product_detail .info_area .list_table tr.integral th,
#product_detail .info_area .list_table tr.integral td{ padding-top:12px; padding-bottom:0px; border-bottom:0; }
#product_detail .box_gray {background-color:#f5f5f5;text-align:center;padding:14px 0 12px;margin:20px 15px 15px;}

#product_detail .box_list_area {margin: 5px 15px 0px;padding: 15px 0 5px;border-top:1px solid #ccc;position: relative;}
#product_detail .box_list_area ul {width:100%;}
#product_detail .box_list_area li {position: relative;display: inline-block;vertical-align: top;color: #999;line-height: 1.4;font-size: 13px;}
#product_detail .box_list_area li.li_left {width: 22%;padding: 0px 0px 0 5px;display: -webkit-inline-box;max-width: 150px;}
#product_detail .box_list_area li.li_right {padding:5px 0px;/* width: 78%; */padding: 0px 0px 13px 0px;color: #2f2f2f;}
#product_detail .box_list_area .lower_badge,
#product_detail .box_list_area  .lower_linker {
    font-size: 11px;
    margin-top:0 !important;
}
#product_detail .box_list_area .lower_badge {
    background: #3ead5e;
    color: #fff;
    margin-right: 0px;
}
#product_detail .box_list_area  .lower_linker {
    display: inline-block;
    border: 1px solid #3ead5e;
    color: #3ead5e;
    vertical-align: top;
    height: 15px;
    padding: 4px 3px 3px;
}

#product_detail .selling_theme {padding: 2px 10px 0;color:#2f2f2f;border-color:#414141;line-height: 1.4;}

/* �곹뭹援щℓ */
#buy_btn {position:relative;display:none;height:auto;color:#4c4c4c;font-weight:700;letter-spacing:1px;line-height:1.42857143;text-transform: uppercase;margin:0 auto;background: #fff;}
/*
.option-layer .layer-close {padding:0 10px 3px 10px;text-align:right;cursor:pointer;background: #d01f1f;}
.option-layer .tbl_option {width:100%}
.option-layer .tbl_option td {font-size: 14px; padding:5px 10px}
.option-layer .btn-area {padding:10px}
.option-layer .btn_amount {width:27px; height:27px; background:#fff; border:1px solid #c6c6c6; text-align:center;; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden}
.option-layer .buy_amount {vertical-align:middle}
.option-layer .input-group-btn {position: relative;right: 0em;left: 0;top: -24px;} */

.buy_option_wrap{position:fixed;bottom:0;z-index:300;left:0;width:100%;box-sizing:border-box;-webkit-box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.1);box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.1);}
.buy_option_wrap .btn_list_wrap{border:0 none;background:#e2e4e6;position:relative;height: 50px;}

.btn_list_wrap{position:relative; border-top:1px solid #2f2f2f;background:#fff;}
.btn_list_wrap .btn_list:after{display:block;content:'';clear:both}
.btn_list_wrap .wp{width: 100%;box-sizing:border-box;}
.btn_list_wrap .wp.wp100{width:100%;padding-left:0 !important}
.btn_list_wrap .wp a{float: left;height: 50px;font-size:16px;line-height: 2.5;letter-spacing:-0.5px;font-weight:normal;margin: 0;padding: 5px 0 0 0;text-align:center;}
.btn_list_wrap .immt {background: #fff;color: #212121;width: 85%;/* font-size: 20px;border: 0px solid #2f2f2f; */-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.btn_list_wrap .bask {background: #2f2f2f;color: #2f2f2f;width: 15%;}
.btn_list_wrap .story{background: #2f2f2f;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width: 15%;}

/******************************* �곹뭹�곸뿭 ****************************************/
/* 愿��⑥긽�덊뀒�대툝 1媛쒖뵫 */
.relation_one{ width:100%; border:1px solid #e3e3e3; }
.relation_one img{ max-width:100%; }
.relation_one tr td{padding: 10px 0 5px;}
.relation_one tr td .relation_brand{ font-size: 18px; line-height:1.2; color:#2f2f2f; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-all; text-align:left; }
.relation_one tr td .relation_brand img{ width:inherit; }
.relation_one tr td .relation_name{ max-height:3em; line-height: 1.4; color:#2f2f2f; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-all; text-align:left; }
.relation_one tr td .relation_author{ color:#999; }
.relation_one tr td .relation_price{ margin-top:3px;  font-weight:bold; color:#d01f1f; text-align:left; }

/* �곹뭹�뚯씠釉� - relataion_one怨� �④퍡 �ъ슜
 * (援щℓ以묒씤�댁뿭 & 二쇰Ц�곸꽭�댁뿭 & �λ컮援щ땲) */
.product_one{ border-bottom:none; background-color:#fff; }
.product_one tr td{ position: relative; border-bottom:1px solid #666; }
.product_one tr.product_box td{ padding-bottom:0; border-bottom:0; }
.product_one tr td .relation_brand{ margin: 10px 0;width: 100%; }
.product_one tr td .relation_name{ margin-bottom:10px; }
.product_one tr td .relation_btn {margin-top: -10px !important;height: 50px;}
.product_one tr td .relation_btn .num{ padding: 5px 0 0 0px; line-height: 1.8; font-weight:bold; font-size: 13px; }
.product_one tr td .product_btn{ float:right; }
.product_one tr td .product_btn img{ height:18px; }

/* 理쒗븯�� 踰꾪듉�곸뿭 */
.btn_area  {display: inline-block;margin:25px 10px 30px;overflow:auto;text-align:center;width: -webkit-calc(100% - 20px) !important;width: -moz-calc(100% - 20px) !important;width: calc(100% - 20px) !important;}
.btn_area .btn_more {width: 100%;padding: 15px 0 12px;display:block;border:0;background-color: #f5f5f5;color: #777;line-height: 1.5;margin: 0 auto;}

.btn_area_search  {display: inline-block;margin: 15px 20px;overflow:auto;text-align:center;border: 1px solid #999999;width: -webkit-calc(100% - 40px) !important;width: -moz-calc(100% - 40px) !important;width: calc(100% - 40px) !important;}
.btn_area_search .btn_more {width: 100%;padding: 13px 0 12px;display:block;border:0;background-color: #fff;color: #777;line-height: 1.5;margin: 0 auto;}
.btn_area_search .btn_close {width: 100%;padding: 13px 0 12px;display:block;border:0;background-color: #fff;color: #777;line-height: 1.5;margin: 0 auto;}

/* Desktops and laptops
@media screen and (min-width: 801px) {
    .btn_area .btn_more {
        width: 96%;height: 50px;padding:11px;display:block;border:0;background-color:#fff;color:#2f2f2f;margin: 0 auto; border-top:1px solid #999;font-weight: bold;
    }
}*/
/*荑좏룿�뺣낫�뚯씠釉�*/
/*#product_detail .coupon_table .border_b_none {display:table;}*/
#product_detail .coupon_table .border_b_none>div {width:100%;display:table;display: flex;padding:4px 0;}
#product_detail .coupon_table .coupon_left {display:table-cell;width:auto;vertical-align: middle;width: 22%; max-width: 150px;line-height: 1.8;}
#product_detail .btn_new.coupon_btn {width:85px;height:22px;font-size:11px;padding:0;margin-left:10px;}
#product_detail .coupon_table .coupon_right {display:table-cell;vertical-align:middle;width: 78%;}
#product_detail .coupon_table .coupon_right small.normal {color:inherit;}
#product_detail .coupon_table .price {font-weight:bold; letter-spacing: -0.5px;}
#product_detail .coupon_table .detail_coupon_btn_round {
    position: absolute;
    right: 5px;
    top: 0;
    border-radius: 50px;
    background-color: #2f2f2f;
    color: #fff;
    text-align: center;
    width: 55px;
    height: 55px;
    margin: 12px auto 0 auto;
    font-size: 20px;
    letter-spacing: -1px;
    border: none;
    float: right;
    font-family: 'Roboto', sans-serif;
}

#product_detail .save_money th,
#product_detail .save_money td {padding:4px 5px !important;}


/* �λ컮援щ땲 */
.cart_info {background: #f8f8f8;}
.cart_info .txt {float:left; padding-right:10px;}
.cart_info .txt > div > input {padding:8px 0;}
.cart_info .txt h5 {font-size:15px;line-height: 1.3;margin-bottom: 5px;}
.cart_info .thumb {float:left;}
.cart_info .txt .option {display:block}
.cart_info .supplier_total {padding: 20px 15px;line-height:1.4em;font-size:13.5px;color:#333;background: #fff;font-weight: normal;}
.cart_info .supplier_total strong {font-family: 'Roboto'; }
.cart_info .change-option {position:absolute; top:119px; left:12px}
.cart_info .change-option .btn-option {width:72px; height:28px; text-align:center; font-size:11px; padding:0; border-radius:3px; color:#333; background-color:#fcfcfc; border-color: #ddd}
.cart_info .amount {float:right}

/* �λ컮援щ땲 寃곗옱 */
.cart_btn_area {margin:20px 10px 50px 10px;}
.btn_prev   {display:inline-block;background:#2f2f2f; color:#fff; font-weight: 600; padding:10px 0; width:30%; font-size:14px;line-height: 14px;text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn_del    {display:inline-block;background: #aaa;border: 1px solid #aaa;color:#fff;font-weight: 600;padding: 0;line-height: 3;width: 50%;font-size:15px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_frb222 {display:inline-block;float: right;border:1px solid #2f2f2f;background: #fff; font-weight: 600;color:#2f2f2f;line-height: 3;width:-webkit-calc(46% - 6px);width:-moz-calc(46% - 6px);width: calc(50% - 10px);font-size:15px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_pay    {display:inline-block;float: right;border:1px solid #2f2f2f; background: #2f2f2f;font-weight: 600;color:#fff;padding: 0;line-height: 3.0;width:-webkit-calc(46% - 6px);width:-moz-calc(46% - 6px);width: calc(50% - 10px);font-size:15px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_pay2   {display:inline-block;background:#d01f1f; color:#fff; font-weight: 600; padding:10px 0; width:-webkit-calc(70% - 3px); width:-moz-calc(70% - 3px); width:calc(70% - 3px); font-size:15px;line-height:15text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn_pay3   {display:inline-block;background:#2f2f2f;color:#fff;font-weight: 600;padding:15px 0;width:100%;font-size: 14px;line-height: 14px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_pay4   {display:inline-block;background:#fff;border:1px solid #2f2f2f;color:#2f2f2f;font-weight: 600;padding:15px 0;width:100%;font-size: 15px;line-height: 15px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_search1{display:inline-block;background: #fff;border: 1px solid #2f2f2f;color: #2f2f2f;font-weight: 600;padding: 12px 0 13px;width:100%;font-size: 14px;line-height: 15px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_regist {display:inline-block;text-align: center;line-height: 2.9;outline: none;background: #2f2f2f;width: 75px;height: 52px;border: 1px solid #2f2f2f;margin: 0px auto;font-size: 13px;color: #fff;}/* �섏젙 : 2019.05.14 */
.btn_confirm{display:inline-block;background: #999;color:#fff;font-weight: 600;padding: 12px 0 13px;width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);width: calc(100% - 10px);font-size: 16px;line-height: 16px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_member {display:inline-block;border:1px solid #2f2f2f;color:#2f2f2f;background: #fff;padding: 13px 0 14px;width:100%;font-size: 15px;line-height: 15px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_shop   {display: inline-block;height: 15px;line-height: 15px;padding: 5px 6px 4px;margin-top: 3px;color: #999;letter-spacing: -1px;border: 0px solid #f0f0f0;background: #f5f5f5;}

.cart_sum_area  {text-align: right;background-color: #f8f8f8;padding: 15px;color: #777;font-size: 14px;}


/* ��궧 */
.ranking{ width:100%; }
.ranking tr td{ position: relative; padding:8px; border-bottom:1px solid #eee; vertical-align: top; color: #666;line-height: 1.3;}
.ranking tr td .num{font-weight:bold;color:#2f2f2f;font-size: 15px;line-height: 1.5;border-bottom: 1px solid #d01f1f;}/*수정 20190626*/
.ranking tr td .bloger{ font-weight:bold; color:#2f2f2f; font-size: 14px; line-height: 2.5; }
.ranking tr td .rate{ color:#d01f1f; margin-right:20px; font-family: 'Roboto', sans-serif; }


/*Sidebar Menu*/
/* 2019.03.27 �④� */
.snap-drawer{
    height: 100%;
    background-color:#f0f0f0;
}
.sidebar-header {
    display: block;
    width:100%;
    height:55px;
    background-color: #2f2f2f;
}
.sidebar-header a{
    float:left;
    margin-left: 15px;
    height: 55px;
    line-height: 4.0;
    color:#FFFFFF;
    font-size: 1.2em;
}
.sidebar-header .menu_header_right{
    position: absolute;
    top: 0;
    right: 10px;
    height: 55px;
}
.sidebar-header .menu_header_right a{
    float: left;
    margin-top: 10px;
}

.sidebar-header a:hover{
    color:#FFFFFF;
    /* background-color:rgba(255,255,255,0.03); */
}

.sidebar-close{width: 20% !important;}

.sidebar-logo{
    background-image:url(../images/sidebar-logo.png);
    background-size:133px 157px;
    width:133px;
    height:157px;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
}

.sidebar-decoration{
    border-bottom:solid 1px rgba(0,0,0,0.1);
    height:0px;
    width:100%;
}

.sidebar-copyright{
    font-size: 11px;
    padding-left: 20px;
    padding-bottom: 30px;
    color: Rgba(255,255,255,0.3);
    margin-bottom: 0px;
    margin-top: 10px;
    left: 0;
    right: 0;
    z-index: 100;
}
.sidebar-menu {background-color: #f5f5f5;}

.sidebar-menu li{
    position:relative;
    overflow:hidden;
    display:block;
    list-style:none;
    line-height:6;
    margin-bottom:0px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}

.sidebar-menu li a:hover{
    background-color:rgba(255,255,255,0.02);
}

.submenu li a:hover{
    background-color:rgba(255,255,255,0.02)!important;
}


.sidebar-menu li a{
    padding-left:70px;
    line-height:6;
    text-indent: -10px;
    color:#FFFFFF;
    font-family:'Roboto', sans-serif;
    transition:all 250ms ease;
}

.sidebar-menu li a i:first-child{
    position:absolute;
    height:60px;
    width:60px;
    line-height:6;
    text-align:center;
    left:10px;
    font-size:16px;
    color:#bcbdbd;
}

.sidebar-menu li a i:last-child{
    position:absolute;
    height:60px;
    width:60px;
    text-align:center;
    line-height:6;
    font-size:4px;
    color:#bcbdbd;
    left:190px;
}

.sidebar-menu li .fa-caret-right{
    font-size:10px!important;
}

.sidebar-menu li .fa-mobile{
    font-size:27px!important;
}

.UtilBr {
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    border-top: 1px solid #d3d3d3;
    background: #eee;
    z-index: 10;
}
.UtilBr a{display:-webkit-box;display:-ms-flexbox;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;line-height:3.8;;text-align:center;background-color:#fff;border-left:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;}
.UtilBr a span{display:block;font-weight: 600;color: #777;font-size: 11px;}
.UtilBr a:first-child{border:0 none;}

.list_wrap {float: left;display: block;width: 100%;margin-bottom: 8px;background-color:#fff;}
.list_wrap li {box-sizing:border-box;border-right:1px solid #ddd;border-bottom:1px solid #ddd;float:left;}
.list_wrap li > .go_mypage {display:block;padding:14px 0 13px;text-align:center;line-height: 1.8;}
.list_wrap li.divide_33 {width:33.3333%;height: 70px;text-align:center;}
.list_wrap li.divide_none {width:100%;height:40px;}
.list_wrap li.divide_33 > .go_mypage {padding: 6px 0;}
.list_wrap li.divide_33 > .go_mypage > span {display:block;margin: 0 auto;color: #999;}
.list_wrap li.divide_33 > .go_mypage > span.img_group_left_menu {margin: 0 auto;}

.list_wrap li.divide_50 {width:50%;height: 43px;}
.list_wrap li.divide_50 .c_red {color: #d01f1f;font-size:108%; font-weight: 700;font-family: 'Roboto', sans-serif;text-indent: 10px;}
.list_wrap li.divide_50 > .go_mypage {line-height: 15px;}
.list_wrap li.divide_50 > .go_mypage .text_mypage {margin-right: 10px; color: #999;}

.left_menu_wrap {display: inline-block;width: 100%;background-color: #fff;}
.left_menu_wrap .title_wrap.title_category {padding: 15px 15px 0;margin-bottom: 13px;}
.left_menu_wrap .title_wrap.title_brand > a.title_link{padding:20px 15px 12px;box-sizing:border-box;}

.left_menu_wrap .title_wrap {position:relative;}
.left_menu_wrap .title_wrap > a {display:block;}
.left_menu_wrap .title_wrap > a.title_link {padding:20px 15px 12px;box-sizing:border-box;}
.left_menu_wrap .title_wrap .left_header {margin:0;padding-left:5px;font-size:15px;font-weight:bold;height:20px;}
.left_menu_wrap .title_wrap .title_desc {color:#999;padding-left:5px;margin-top:3px;}
.left_menu_wrap .title_wrap .detail_view {position:absolute;top:18px;right:10px;padding:10px;color:#999;}
.left_menu_wrap .title_wrap .detail_view.title_one_line {top:10px;}

.left_menu_wrap .choice_category {display: block;padding:0px;border-top: 1px solid #ccc;}
.left_menu_wrap .choice_category li {border-bottom: 1px solid #eee; border-right: 1px solid #eee;box-sizing: border-box;}
.left_menu_wrap .choice_category li.divide_25 {position: relative;float: left;width:25%;height:87px;text-align:center;background: #fff;color: #777;}
.left_menu_wrap .choice_category li.divide_25 a {display: block;height:87px;}
.left_menu_wrap .choice_category .img_group_left_menu {text-align:center;position:relative;top: 10px;}
.left_menu_wrap .choice_category .img_group_left_menu:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index: 0;border-radius:50%;}

.left_menu_wrap .choice_category .img_group_left_menu.cate_3:after {opacity: 0.5;}
.left_menu_wrap .choice_category .img_group_left_menu.cate_K:after {opacity: 0.5;}
.left_menu_wrap .choice_category .cate_1 {width:50px;height:50px;background-position:0 0px;}
.left_menu_wrap .choice_category .cate_3 {width:50px;height:50px;background-position:-50px 0px;}
.left_menu_wrap .choice_category .cate_4 {width:50px;height:50px;background-position:-100px 0px;}
.left_menu_wrap .choice_category .cate_8768 {width:50px;height:50px;background-position:-150px 0px;}
.left_menu_wrap .choice_category .cate_5 {width:50px;height:50px;background-position:-200px 0px;}
.left_menu_wrap .choice_category .cate_6 {width:50px;height:50px;background-position:-250px 0px;}
.left_menu_wrap .choice_category .cate_7 {width:50px;height:50px;background-position:0px -52px;}
.left_menu_wrap .choice_category .cate_8 {width:50px;height:50px;background-position:-50px -52px;}
.left_menu_wrap .choice_category .cate_9 {width:50px;height:50px;background-position:-100px -52px;}
.left_menu_wrap .choice_category .cate_10 {width:50px;height:50px;background-position:-150px -52px;}

.left_menu_wrap .choice_category .c_white {position:absolute;top: 62px;left:0;right:0;text-align:center;font-size: 11.5px;}

.search {margin: 20px auto 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width: -webkit-calc(100% - 30px);width: -moz-calc(100% - 30px);width: calc(100% - 30px);height: 43px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border: 1px solid #2f2f2f;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius: 40px;background-color:#fff;}
.input_text {float: left;border:none;outline:0;margin: 13px 15px;}
.btn_search {margin-top: 5px;width: 30px;height: 30px;background: url(../images/ico_btn.png) no-repeat;background-size: 175px 175px;text-indent:-9999em;}

#headermenu_third {position:relative;z-index:102;height:auto;top: 55px;color:#4c4c4c;font-weight:700;letter-spacing:1px;line-height:1.42857143;text-transform: uppercase;margin:0 auto;background: #fff;}
#headermenu_third .padding .block{width:100%;  font-weight:700;}
#headermenu_third .padding .padding_group {display:table;width:100%;position:relative;padding-top: 0;padding-bottom: 10px;border-bottom: 1px solid #2f2f2f;}
#headermenu_third .padding .padding_group .input-group{display:table-cell;width:100%;background: #ffffff;}

#headermenu_third .padding .padding_group .input-group span{ position: absolute; font-size: 1.5em; top: 0.5em; left: .5em;}
#headermenu_third .padding .padding_group .input-group span:after {content:"\e003"; color: #b0b0b0;}

#headermenu_third .padding .padding_group .input-group .form-control{width: 92%;color:#666;text-indent: 0.8rem;height: 2.2rem;line-height:2.2;font-size: 0.8rem;border-radius:2rem;box-sizing:border-box;box-shadow: none;border: 1px solid #dbdbdb;}
#headermenu_third .padding .padding_group .recomm_list {background-color: #fff;margin: 15px 20px;text-align: left;letter-spacing: -0.02em;}
#headermenu_third .padding .padding_group .recomm_list li {color:#999;padding-left:5px;font-weight: normal;padding: 10px 4px;border-bottom: 1px solid #ebebeb;letter-spacing: -0.02em;}
#headermenu_third .padding .padding_group .recomm_list li:last-child {border-bottom: none;}
#headermenu_third .padding .padding_group .recomm_list h4.title {margin:0;padding: 5px 0px 15px;font-size: 14px;color: #2f2f2f;font-weight: bold;height: 15px;border-bottom: 2px solid #2f2f2f;margin-bottom: 5px;}
#headermenu_third .padding .input-group-btn {position: absolute;right: 0em;top: -45px;z-index: 101;}
#headermenu_third .padding .input-group-btn .btn-primary{padding-right:0.5rem;}
#headermenu_third .padding .input-group-btn .btn-primary img{width: 1.16rem;}

.searchAutoWrap {position:relative; display:inline;}

.searchAutoWrap .inputBox {display:inline;}
.searchAutoWrap .inputBox .inputBorder{*ime-mode:active;outline:none;width:100%;height:26px; top:1px; padding-left:3px;}

.searchAutoWrap .suggestBox {position:absolute;top:23px;left:1px;z-index:9999;width:100%; padding:0 0 0 0; width:100%;}
.searchAutoWrap .suggestBox {line-height:27px;font-family:'占쏙옙占쏙옙',gulim,sans-serif;background-color:#fff}
.searchAutoWrap .suggestBox .list {padding:1px 0 1px;border-right:1px solid #a5a6ac;border-left:1px solid #a5a6ac;color:#000}

.searchAutoWrap .suggestBox .baseBox {border:1px solid #e5333d; border-width:0px 1px;background-color:#fff;color: #e5333d;zoom:1}
.searchAutoWrap .suggestBox ._resultBox {border-top:1px solid #e5333d;}
.searchAutoWrap .suggestBox .bottom {overflow:hidden;text-align:right;clear:both;width:100%;padding:6px 0;margin:0px;border:1px solid #e1e1e1;border-width:1px 0 0;border-bottom:1px solid #e5333d;background:#f5f5f5;color:#5d5d5d;font:11px/1.3em Dotum,Helvetica,sans-serif;letter-spacing: -0.02em;}

.searchAutoWrap .suggestBox .baseBox ul {padding:0px;margin:0px;}
.searchAutoWrap .suggestBox .baseBox li {padding:0px;margin:0px;overflow:hidden;height:20px;padding:2px 9px 0;line-height:1.6;;text-align:left;cursor:pointer;white-space:nowrap; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.searchAutoWrap .suggestBox .baseBox li strong {color:#e5333d}
.searchAutoWrap .suggestBox .baseBox li.emp {background-color:#e7e7e7}
.searchAutoWrap .suggestBox .baseBox li.lastitem { border-bottom: 1px solid goldenrod; }
.searchAutoWrap .suggestBox .baseBox li.title {overflow:hidden;text-align:left;clear:both;width:100%;padding:6px 0;border:1px solid #e1e1e1;border-width:1px 0 0;background:#f5f5f5;color:#5d5d5d;font:13px/1.3em Dotum,Helvetica,sans-serif;}


/* 留덉뒪�� �곗슦湲� */
#mask {
    position:absolute;
    z-index:9000;
    background-color:#000;
    display:none;
    left:0;
    top:0;
}
/* �앹뾽�쇰줈 �⑤뒗 �덈룄�� css  */
.window{
    display: none;
    position:absolute;
    left:50%;
    top:50px;
    margin-left: -500px;
    width:1000px;
    height:500px;
    background-color:#FFF;
    z-index:10000;
}

.option-layer {
    position:fixed;
    bottom: 0;
    z-index:301;
    left:0;
    width:100%;
    background: #fff;
    border-top: 1px solid #2f2f2f;
    text-align: center;
    margin-top: -24px;
    display:none;
}
.option-layer .layer-close {padding:0 10px 3px 10px; text-align:right; cursor:pointer}
.option-layer .tbl_option {width:100%}
.option-layer .tbl_option th {font-weight: normal;}
.option-layer .tbl_option td {padding: 0 10px 5px 0;}
.option-layer .btn-area {padding: 16px 0; background: #2f2f2f;margin-top: 20px;display: inline-block;width: 100%;}
.option-layer a img {width:15px;}

.pre-scrollable { max-height:450px;overflow-y:auto; }
.pre-scrollable .all_count_layer{margin: 10px 10px 0px 0;padding: 0px 0px 25px;display: block;}
.pre-scrollable .btn_count{ width:100%; }
.pre-scrollable .btn_count tr td{ padding:0; }


/*main_slider*/
#slider {margin: 0 0 10px!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

/* 理쒖긽�⑤같�� */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:40px;z-index:100;}
.swiper-pagination-bullet{ width:7px; height:7px; border-radius:0px; background:#ccc; opacity:1;}
.swiper-pagination-bullet-active{ width:7px; height:7px; border-radius:0px; background:#2f2f2f; opacity:1; }
.swiper-pagination.maintop-pagination {bottom:130px;}
.swiper-pagination.maintop-pagination .swiper-pagination-bullet-active {background:#fff;}

.swiper_goods{position: relative;height: 100%;z-index: 0;}
.swiper_goods .swiper-container {width: 100%;height: 100%;}
.swiper_goods .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #f5f5f5;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper_goods .swiper-slide img {width:100%;}

#content .ico_menu_view {position: relative;float: right;z-index: 1001;right: 5px;margin-top: -40px;line-height: 2.5;font-size: 1.0em;width: 55px;height: 30px;text-align: center;border: 1px solid #555;color: #fff;}
#content .ico_menu_close {position: relative;float: right;z-index: 1001;right: 10px;margin-top: 1px;line-height: 2.5;font-size: 1.0em;width: 45px;height: 30px;text-align: center;border: 1px solid #555;color: #fff;}

/*image left_menu*/
.img_group_left_menu {vertical-align:top;display:inline-block;background-image:url('../images/ico_btn_left_menu.png');background-repeat:no-repeat;-webkit-background-size:300px 200px;background-size:300px 200px;color:transparent;line-height:0;}

/*icon_menu*/
.ico-group {vertical-align:top;display: inline-block;background-image:url('../images/ico_btn.png?v=2');background-repeat:no-repeat;-webkit-background-size:200px 200px;background-size: 200px 200px;color:transparent;text-indent:-9999em;line-height:0;}
.ico-group_a {vertical-align:top;display: inline-block;background-image:url('../images/ico_btn_a.png');background-repeat:no-repeat;-webkit-background-size:200px 200px;background-size:200px 200px;color:transparent;text-indent:-9999em;line-height:0;}
.ico-group_b {vertical-align:top;display: inline-block;background-image:url('../images/ico_btn_b.png');background-repeat:no-repeat;-webkit-background-size:200px 200px;background-size: 200px 200px;color:transparent;text-indent:-9999em;line-height:0;}/*수정 20190626*/

.ico-search{
    width:35px;
    height:35px;
    background-position:-0px 0px;
}

.ico-buying{
    width:35px;
    height:35px;
    background-position:-32px 0px;
}
.ico-mypage{
    width:35px;
    height:35px;
    background-position:-68px 0px;
}
.ico-mypage_on{
    width:35px;
    height:35px;
    background-position:-100px 0px;
}
.ico-mypage_go{
    width:35px;
    height:35px;
    background-position:-67px 0px;
}
.ico-close{
    width:35px;
    height:35px;
    background-position:-138px 0px;
}
.ico-close_1{
    width:35px;
    height:35px;
    background-position:3px -67px;
}
.ico-close_2 {
    width: 60px;
    height: 32px;
    background-position: -337px -152px;
    background-size: 400px;
    margin-top: -24px;
}
.ico-close_3 {
    width: 40px;
    height: 40px;
    background-position: -47px -193px;
    background-size: 280px;
}
.ico-story{
    width:35px;
    height:35px;
    background-position:-165px 0px;
}
.mypage_order{
    width:35px;
    height:35px;
    background-position:0px -34px;
}
.mypage_goods_inquiry{
    width:35px;
    height:35px;
    background-position:-34px -34px;
}
.thumbsup{
    width: 28px;
    height: 20px;
    background-position: -50px -32px;
    background-size: 160px 160px;
    margin-bottom: 10px;
}
.more{
    width: 20px;
    height: 20px;
    background-position: -107px -39px;
    opacity: 0.6;
}
.ico_close{
    width: 20px;
    height: 20px;
    background-position: -170px -174px;
    opacity: 0.6;
}
.left{
    background-position: -135px -40px;
}
.right{
    background-position: -175px -40px;
}
.ico-back{
    width: 35px;
    height: 44px;
    background-position: -24px -56px;
    background-size: 180px 180px;
}
.ico-checkbox{
    width:35px;
    height:35px;
    background-position:-68px -68px;
}
.ico-checkbox{
    width:35px;
    height:35px;
    background-position:-68px -68px;
}
.ico-rating{
    width: 30px;
    height: 30px;
    background-position: -28px -105px;
}
.ico-review{
    width: 30px;
    height: 30px;
    background-position: -63px -104px;
}
.ico-heart{
    width: 30px;
    height: 30px;
    background-position: -96px -104px;
}
.ico-arrow{
    width: 13px;
    height: 15px;
    background-position: -65px -50px;
    /* background-color: #f4202f; */
    background-size: 100px;
}
.ico-arrow-a{
    width: 10px;
    height: 10px;
    background-position: -55px -41px;
    background-size: 80px;
}
.ico-satisfaction {
    width: 26px;
    height: 26px; /* 占쎌꼷�� : 20190514 */
    background-position: -70px -91px;
    background-size: 140px;
    margin-right: 5px;
}
/* iPads (portrait) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .ico-arrow{
        width: 13px;
        height: 23px;
        background-position: -65px -44px;
        background-size: 99px;
    }
}
.ico-basket {
    /* width: 35px;
    height: 20px;
    background-position: -161px -114px; */
    width: 28px;
    height: 20px;
    background-position: -90px -59px;
    background-size: 115px 115px;
}
.ico-order {
    width: 30px;
    height: 30px;
    background-position: -91px -60px;
    margin-left: 0px;
    background-size: 180px;
}
.ico-recom {
    width: 30px;
    height: 33px;
    background-position: -116px -58px;
    background-size: 175px;
}
.ico-like {
    width: 20px;
    height: 20px;
    background-position: -109px -112px;
}
.ico-won {
    width: 22px;
    height: 22px;
    background-position: -120px -98px;
    background-size: 142px;
    margin-right: 3px;
}
.ico-h-order01 {
    width: 40px;
    height: 40px;
    background-position: -2px -232px;
    background-size: 275px;
}
.ico-h-order02 {
    width: 35px;
    height: 40px;
    background-position: -42px -200px;
    background-size: 240px;
}
.ico-h-order03 {
    width: 35px;
    height: 40px;
    background-position: -83px -200px;
    background-size: 240px;
}
.ico-h-order04 {
    width: 35px;
    height: 40px;
    background-position: -121px -200px;
    background-size: 240px;
}
.ico-h-order05 {
    width: 35px;
    height: 40px;
    background-position: -163px -200px;
    background-size: 240px;
}
.ico-s-order01 {
    width: 50px;
    height: 50px;
    background-position: 4px 0px;
    background-size: 300px;
}
.ico-s-order02 {
    width: 50px;
    height: 50px;
    background-position: -49px 0px;
    background-size: 300px;
}
.ico-s-order03 {
    width: 50px;
    height: 50px;
    background-position: -102px 0px;
    background-size: 300px;
}
.ico-s-order04 {
    width: 50px;
    height: 50px;
    background-position: -150px 0px;
    background-size: 300px;
}
.ico-logout {
    width: 35px;
    height: 35px;
    background-position: 0px 0px;/*수정 20190626*/
}
.img_group_left_menu.page-back {
    width: 40px;
    height: 30px;
    background-position: -156px -65px;
    background-size: 190px 127px;
}
.img_group_left_menu.page-next {
    width: 40px;
    height: 30px;
    background-position: -154px -97px;
    background-size: 190px 127px;
}

/* footer */
#mcom_footer{position: relative;margin-top: 50px;padding-bottom:50px;background:#fff;}
.mcom_footer .bar{margin:0 5px;font-size:10px;color:#cdcdd0}
.mcom_footer .mcom_btnbx_warp{padding:0 13px;background: #717277;}
.mcom_footer .mcom_btnbx_list{display:table;width:100%;border-collapse:collapse}
.mcom_footer .mcom_btnbx_list li{display:table-cell;position:relative;vertical-align:top}
.mcom_footer .mcom_btnbx_list li:after{position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background: #999;content:'';}
.mcom_footer .mcom_btnbx_list li:last-child:after{display:none}
.mcom_footer .mcom_btnbx_list li a{display:block;position:relative;margin:0 10px;padding: 12px 0;font-size: 12px;color: #fff;text-align:center;}
.mcom_footer .mcom_service_wrap{padding:0 15px;border: 1px solid #e0e0e0;border-width: 0px 0 0px 0;background: #ffffff;}
.mcom_footer .mcom_service_area{display:table;width:100%;padding: 10px 0;border-top:1px solid #666;box-sizing:border-box;}
.mcom_footer .mcom_service_area:first-of-type{border-top:0}
.mcom_footer .mcom_service_area .mcom_service_info{display:table-cell;position:relative;padding: 5px 0 2px 5px;font-size: 11px;color: #999;vertical-align:middle;line-height:1.6;}
.mcom_footer .mcom_service_info .mcom_tel_tx{font-size: 18px;font-family: 'Roboto';font-weight: 500;vertical-align:-1px;white-space:nowrap;}
.mcom_footer .mcom_service_info .mcom_email_tx{font-family: 'Roboto',sans-serif;letter-spacing:-.3px;line-height: 1.4;}
.mcom_footer .mcom_service_btnarea{display:table-cell;vertical-align:top;text-align:right}
.mcom_footer .mcom_service_btnarea .mcom_service_btn{display:inline-block;height: 25px;margin: 3px 5px 2px 0px;padding: 0 12px;border: 1px solid #ddd;letter-spacing: -0.02em;}
.mcom_footer .mcom_service_btnarea .mcom_service_btn em{display:inline-block;vertical-align:-1px;line-height: 1.4;color: #999;letter-spacing: -0.02em;}
.mcom_footer .mcom_service_btnarea .mcom_service_btn:last-child{margin-right:0;}
.mcom_footer .mcom_service_btnarea .mcom_service_btn:before{display:inline-block;width:1px;height:100%;margin-left:-1px;vertical-align:middle;content:''}
.mcom_footer .mcom_mall_wrap{padding:0 20px}
.mcom_footer .mcom_mall_box{margin-top:7px;}
.mcom_footer .mcom_mall_box .mcom_mall_name{margin-top:8px;color:#999;font-weight:bold;letter-spacing: -0.02em;}
.mcom_footer .mcom_mall_box address{margin-top:5px;font-size: 10.5px;color:#999;line-height:1.7;letter-spacing: -0.02em;}
.mcom_footer .mcom_mall_box address a{color:#666;text-decoration: underline;}
.mcom_footer .mcom_cont_info{margin-left: 1px;margin-top:13px;color:#999;padding-top:20px;border-top:1px dotted #ccc;}
.mcom_footer .mcom_cont_lst:after{display:block;clear:both;content:''}
.mcom_footer .mcom_cont_lst li{float:left;margin-right:8px}
.mcom_footer .mcom_cont_lst li a{font-size:11px;color:#666;letter-spacing: -0.02em;}
.mcom_footer .mcom_cont_lst li .bar{margin:0 8px 0 0}
@media screen and (max-width:320px){
    .mcom_footer .mcom_service_wrap{padding:0 13px}
    .mcom_footer .mcom_service_btnarea .mcom_service_btn{padding:0 4px}
}

.return-top{ position:fixed; cursor:pointer; text-decoration:none; right:-25px; bottom:130px; position:fixed; z-index:9999;}
.return-top img {width:50%;}

/*float */
* html .clfx { height: 1%; overflow: visible;} /* IE6 float */
*+html .clfx{ min-height: 1%;} /* IE7 float  */
.clfx:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.clfix{clear: both; content: "."; display: block; height: 0;}

/* 泥댄겕諛뺤뒪 */
.cmft_inp_chk{position:relative;min-width: 20px;min-height: 20px;display:inline-block;word-wrap:normal;word-break:normal;vertical-align:top;/* text-indent: 25px; */}
.cmft_inp_chk input[type='checkbox']{position:absolute;top:0px;left:0;width: 25px;height: 25px;margin:0;padding:0;border: 0 !important;outline:0;vertical-align:top;border-radius:0;background:transparent;appearance:none;-webkit-appearance:none;}
.cmft_inp_chk input:after{content:'';position:absolute;top:0px;left:0;width: 24px;height: 24px;border:1px solid #ccc;border-radius:100%;box-sizing:border-box;background-color:#fff;background: url(../images/ico_btn.png) -34px -71px no-repeat;background-size: 110px auto;}
.cmft_inp_chk input:checked:after{border: 0;background: #d21815 url(../images/ico_btn.png) -33px -34px no-repeat;background-size: 110px auto;}
.cmft_inp_chk input + label{display:inline-block;padding-left: 30px;line-height: 1.8;vertical-align:top;font-size: 13px;/* font-size: 13.5px;font-weight: 600; */}
.cmft_inp_chk input:disabled{opacity:.5}
.cmft_inp_chk input:disabled + label{opacity:.5}

/* �쇰뵒�ㅻ쾭�� */
.cmft_rd_chk{position:relative;min-width:20px;min-height:20px;display:inline-block;word-wrap:normal;word-break:normal;vertical-align:top;/* text-indent: 25px; */}
.cmft_rd_chk input[type='radio']{position:absolute;top: 3px;left:0;width: 25px;height: 25px;margin:0;padding:0;border: 0 !important;outline:0;vertical-align:top;border-radius:0;background:transparent;appearance:none;-webkit-appearance:none;}
.cmft_rd_chk input[type='radio'].radio_idt:after{content:'';position:absolute;top: 0px;left:0;width: 25px;height: 25px;border:1px solid #ddd;border-radius:100%;box-sizing:border-box;background: url(../images/ico_btn_a.png) -109px -2px no-repeat;background-size: 160px auto;}
.cmft_rd_chk input[type='radio'].radio_idt:checked:after{width: 25px;height: 25px;content:'';display:block;border-radius: 25px;position:relative;top: 0px;left: 0px;background: url(../images/ico_btn.png) -2px -109px no-repeat;background-size: 160px auto;}
.cmft_rd_chk input[type='radio'].radio_idt ~ label {margin-left: 30px;line-height: 2.0;margin-top: 3px;display: inline-block;font-size: 13px;}

/* 醫뚯슦 �⑤뵫 input */
.padding_input{position: relative;padding: 0px 10px 0px;border:1px solid #ddd;color:#777;background-color:#fff;line-height: 3.3;}
.padding_input input{ width:100%; height:35px; border:0; outline:none; }
.padding_input.find_addr {padding-right: 90px;position: relative;}
.padding_input.find_addr .btn_gray9 {width: 90px;height: 100%;padding: 0;position: absolute;top: 0px;right: 0px;background: #999;color: #fff;}
.padding_input:first-child{ border-top:1px solid #ddd; }
.padding_input:last-child{ border-top:1px solid #ddd; }

/* �덉씠�� �앹뾽 (諛곌꼍�대몼寃�) */
.addrbox {margin: 5px 0 15px;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.addrbox .addr_list  {}
.addrbox .addr_list li {font-size: 14px;cursor:pointer;}
.addrbox .addr_list li:first-child {padding:0 0 7px 0}
.addrbox .addr_list li:last-child {border:none; padding:7px 0 0 0}
.addrbox .addr_list li span {display:block}
.addrbox .addr_list li.list {padding: 10px 15px 10px;text-indent:10px;border: 1px solid #ccc;margin-bottom: 10px;}
.addrbox .addr_list li.list .txt_add {margin: 8px 5px 5px 25px;line-height: 1.4; text-indent: 0px;word-wrap: break-word;}
.addrbox .addr_list li.list .name {color:#2f2f2f; padding:5px 5px 10px 15px; font-size:14px; font-weight:bold;}
.addrbox .addr_list li.txt {padding: 25px 15px;text-indent:10px;background: #f5f5f5;line-height: 2.0; font-size:14px;}


/* modal - bootstrap */

.glyphicon-modal-window:before {
    content: "\e237";
}
/* 2016-09-05 */
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=70);
    /* opacity: .7; */
}
.close:hover,
.close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=30);
    opacity: .3;
}
/* 2016-09-05 */
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.find-address {
    float: right;
}
.modal-open {
    overflow: hidden;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 50px 5px 0;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);*/
    outline: 0;
    /*
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, .2);*/
}
.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
/* 2016-09-05 */
.modal-header {
    padding: 15px;
    border: 1px solid #333;
    border-width: 0px 0 1px 0;
}
/* 2016-09-05 */
.modal-header .close {
    position: absolute;
    right: 0;
    top: -40px;
}
.bg-white {
    background-color:#fff;
    border-radius:6px 6px 0 0;
}
.bg-red {
    background: #d01f1f !important;
    color: #fff !important;;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight:600;
}
.modal-body {
    position: relative;
    margin: 5px 15px;
    padding: 10px 0 0;
}
/* 2016-09-05 */
.modal-footer {
    padding: 5px  10px 25px;
    text-align: center;
}
/* 2016-09-05 */
.modal-footer .btn {
    height: 40px;
    font-size: 14px;
    padding: 11px 0;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        /*
          -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
                  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);*/
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        /*
          -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
                  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);*/
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.modal-footer:after {
    clear: both;
}

/* �앹뾽 �뚯씠釉�*/
.add_option .tbl_option {width:100%}
.add_option .tbl_option td {font-size: 14px; padding:5px 5px}
.add_option .tbl_option .input_tag {position: relative;padding: 0px 10px 0px;border:1px solid #ddd;color:#777;background-color:#fff;line-height: 3.3;width: -webkit-calc(100% - 20px) !important;width:-moz-calc(100% - 20px) !important;width:calc(100% - 20px) !important;}

.layer-style {opacity:1; position:relative; background-color:#fff; margin-top: 5px !important;border:1px solid #c6c6c6}
.layer-style h2 {background-color:#eee; font-size: 14px; font-weight:600; padding:10px 32px 10px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.layer-style .box {padding:5px 10px 5px 5px;}
.layer-style .b-close {position:absolute; right:5px; top:6px; padding:5px; display:inline-block; cursor:pointer}


.edit_bi {/* width:125px; */}
.edit_bi img {width:170px;border:1px solid #aaa;}

/* �대�吏��낅줈�� input */
/* .upload-img label{display:inline-block; padding: 3px 7px;  line-height: 1.6666667; border-radius: 2px; vertical-align:middle; border:1px solid #555; background-color:#555; color:#fff; cursor:pointer}
 */.upload-img input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}

/* �댁눥�묒뒪�좊━ */
.wrap_mystory {position:relative;background:#fff;padding:0px;margin: 0px;border-bottom: 0px solid #f0f0f0;}
.story_date{text-align: right;padding: 20px 15px 10px 0;border-bottom: 1px solid #eee;font-size:11px;color:#aaa;}

/*  .story_title p span {border-right:1px solid #ccc; padding:0 7px 0 0; margin:0 5px 0 0}
.story_title p span:last-child {border:none; padding:0; margin:0} */
.wrap_mystory dl { padding: 20px 20px 5px; }
.wrap_mystory dl dt {float:left; width:65px;margin:20px 20px 0 5px; background:url(../images/common/bg_photo0.gif) no-repeat; background-size:100px 100px}/* 20190517 */
.wrap_mystory dl dt img {width:100%; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; border-radius:50px}
.wrap_mystory dl dd { padding:0; }/* 20190517 */
.wrap_mystory dl a img {margin:0 0 0 3px}

.wrap_mystory .greet {line-height: 1.4;color: #777;overflow: hidden;}/* 20190517 */
.wrap_mystory .like {font-weight:700;  color:#d01f1f; padding:0 0 0 14px; background:url(../images/common/ico_heart.png) no-repeat left center; background-size:12px 11px}
.wrap_mystory .basket {font-weight:700;  margin:0 0 0 10px; padding:0 0 0 14px; background:url(../images/common/ico_basket.png) no-repeat left center; background-size:12px 12px}
.wrap_mystory > .btn_area {position:absolute; top:125px; left:20px}
.wrap_mystory > .btn_area .btn_red {display:inline-block; background:#d01f1f; width:100px; height:30px; line-height:30px; color:#fff; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px}

.wrap_mystory .btn_story {margin:10px 0 0 115px}
.wrap_mystory .btn_story .btn_grey {border-radius:3px; color:#fff; font-size:11px; background-color:#999; padding:5px 6px}
.wrap_mystory .cump_win { padding:5px; display: inline; border-top:1px solid #aaa; }


/* 濡쒓렇�� 怨듯넻 */
.member_box{padding: 30px 25px 50px;}
.login_input p{display: inline-block;margin: 0 0 10px 0;border: 1px solid #ddd;font-size:14px;width: 100%;}
.login_input{ width:100%; margin:10px 0 5px 0; border:0px solid #ccc; box-sizing:border-box;}
.login_input input[type='text'],
.login_input input[type='password'],
.login_input input[type='email'],
.login_input input[type='tel'],
.login_input input[type='number']{width:100%;height: 40px;border:0;font-size: 14px;text-indent: 10px;letter-spacing: -0.03em;font-family: 'Roboto', sans-serif;}

.login_form label {display:inline-block; height:24px; background: url(../images/ico_btn.png) -33px -36px no-repeat; padding:3px 0 0 27px}
.login_form input[type=checkbox]:checked + label {background: url(../images/ico_btn.png) -33px -66px no-repeat; }

.forgot_btn {width:100%;margin: 0px auto 15px;}
.forgot_btn input{width:100%;height:40px;line-height: 38px;color: #777;font-size: 14px;background: #fff;border: 1px solid #aaa;}
.add_btn_desc{margin: 10px 0 20px; font-size: 13px; color:#777; }
.member_txt {margin-top: 20px;font-size: 13px;color: #777;line-height: 1.4;}

/* 留덉씠�� - �쇳븨�뺣낫 */
.wrap_myorder {float: left; width:100%; background:#fff}
.wrap_myorder h3 {background:#969696; color:#fff; height:32px; line-height:32px; padding:0 12px; font-weight:600}
.wrap_myorder dl {position:relative;width:20%; float:left; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 5 10px;}
.wrap_myorder dt {font-size:11px; color:#666; line-height: 1.8;}
.wrap_myorder dt img {margin:0 0 3px 0; height:25px}
.wrap_myorder dd {font-size: 15px;color:#d01f1f;margin: 7px 0 0 0;}
.wrap_myorder dd.num {font-size: 14px;font-weight: 500;color:#d01f1f;margin: 4px 0 10px 0;display: inline-block;}
.wrap_myorder table {}
.wrap_myorder table tr td {/* float:left; */position:relative;background: #f5f5f5;color:#666;width: 33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 7px 0px 4px;text-align: center;line-height: 2;display: table-cell;}
.wrap_myorder table tr td.bar:after {content: ' ';display: block;width: 10px;height: 1px;background: #d01f1f;margin: 0 auto;}
.wrap_myorder table tr td:first-child {margin-left:0px;}
.wrap_myorder table tr td:last-child {margin-right:0px;}
.wrap_myorder dl.dot:after {content: ' ';position: absolute;top: 10px;left: 0px;width: 0px;height: 35px;border-left: 1px dotted #ccc;}

/* �쇳븨�쒕룞 - 誘몄옉�깆긽�덊룊 �ъ쭊�대�吏� 泥⑤� */
.btn_addImg{width: 27px;height:25px;line-height:30px;padding:5px 0 0 5px;background-color:#fff;cursor:pointer;position:relative;overflow:hidden;display:inline-block;float:left;}
/* .btn_addImg .imgadd{width:100%;height:45px;position:absolute;top:0;right:0;opacity:0;cursor:pointer;} */
/* .upload-img label{display:inline-block; padding: 3px 7px;  line-height: 1.6666667; border-radius: 2px; vertical-align:middle; border:1px solid #555; background-color:#555; color:#fff; cursor:pointer}*/
.upload-img input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}

/* �쇳븨�ㅽ넗由� �꾩떆�곹뭹 */
.wrap_recom_list {margin:10px}
.recom_list {background:#fff;padding: 20px 0px 5px;margin: 0 0 20px;border-bottom: 1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.recom_list:first-child {border-width:1px}
.recom_list .recom_img {float:left;width: 90px;text-align: center;}
.recom_list .recom_txt {float: right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/* width: 100%; */width: -moz-calc(100% - 165px);width: calc(100% - 100px);padding-right: 10px;}
.recom_list dt {font-size: 14px;font-weight: 600;line-height: 1.4;}
.recom_list dd {font-size:13px;margin-top: 5px;color: #777;}
.recom_list .recom_button {float: left;width: 100%;text-align: center;padding: 0 0 10px 0px;}

/* The switch - the box around the slider */
.recom_list .recom_button .switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 36px;
    vertical-align:middle;
}

/* Hide default HTML checkbox */
.recom_list .recom_button .switch input {display:none;}

/* The slider */
.recom_list .recom_button .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c0c0c0;
    -webkit-transition: .4s;
    transition: .4s;
    /* border: 1px solid #aaa; */
    border-radius: 25px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.35);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.35);
}

.recom_list .recom_button .slider:before {
    position: absolute;
    content: "";
    height: 35px;
    width: 70px;
    bottom: 1px;
    left: 0px;
    transition: .4s;
    border-radius: 25px;
    z-index: 0;
    background: #505050;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.recom_list .recom_button input:checked + .slider {
    background-color: #c0c0c0;
}

.recom_list .recom_button input:focus + .slider {
    box-shadow: 0 0 1px #d01f1f;
}

.recom_list .recom_button input:checked + .slider:before {
    transform: translateX(10px);
    left: 10px;
    background: #d01f1f;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* Rounded sliders */
.recom_list .recom_button .slider.round {
    /* border-radius: 34px; */
}

.recom_list .recom_button .slider.round:before {
    /* border-radius: 50%; */
}

/* Rounded sliders */
.recom_list .recom_button .slider.round {
    /* border-radius: 34px; */
}

.recom_list .recom_button .slider.round:before {
    /* border-radius: 50%; */
}


.recom_list .recom_button .slider p {
    margin:0px;
    display:inline-block;
    position: absolute;
    left: 15px;
    top: 7px;
    color: #fff;
    transition-duration: 1s;
    font-size: 13px;
    font-weight: 400;
}
.recom_list .recom_button .slider .on {
    left: 32px;
    color: #fff;
    transition-delay: 1s;
    display: none;
}

.recom_list .recom_button div {
    position: relative;
}

/** �꾨줈�� �ъ쭊 �깅줉 **/
.img-crop-area {width:200px; height:200px; border:0px solid #ddd; margin:0 auto; text-align:center}

/* �� */
.UserTerms {
    width: 95%;
    border: 0px;
    padding: 2.5%;
    margin: 5% 0;
    font-size: 12px;
    overflow-y: auto;
    overflow-x: hidden;
}
.tab_dropmenu {
    width: 100%;
    margin: 0px auto;
    border-bottom: 1px solid #ccc;
}
.tab_dropmenu > ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0px 0;
}

.dropdown a {
    text-decoration: none;
}
.dropdown [data-toggle="dropdown"] {
    position: relative;
    display: block;
    color: #2f2f2f;
    font-size: 13px;
    background: #fff;
    padding: 20px 45px 20px 15px;
    border-top: 1px solid #ddd;
}
.dropdown [data-toggle="dropdown"]:hover {
    background: #fff;
}

.dropdown .icon-arrow {
    position: absolute;
    display: block;
    font-size: 14px;
    color: #2f2f2f;
    top: 15px;
    right: 11px;
    font-family: Helvetica, Arial;
    opacity: .3;
}
.dropdown .icon-arrow.open {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -moz-transition: -moz-transform 0.0s;
    -o-transition: -o-transform 0.0s;
    -webkit-transition: -webkit-transform 0.0s;
    transition: transform 0.0s;
}
.dropdown .icon-arrow.open {
    right: 0;
    top: 30px;
    width: 15px;
    height: 9px;
    padding-left: 15px;
}
.dropdown .icon-arrow.close {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: -moz-transform 0.0s;
    -o-transition: -o-transform 0.0s;
    -webkit-transition: -webkit-transform 0.0s;
    transition: transform 0.0s;
}
.dropdown .icon-arrow:before {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    width: 15px;
    height: 9px;
    background: url(../images/ico_arrow_user_form.png) no-repeat 0 0;
    background-size: 13px 7px;
}
.dropdown .dropdown-menu {
    max-height: 0;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown .dropdown-menu li {
    padding: 20px 20px 20px;
    background: #f5f5f5;
    border-top: 1px solid #fff;
    font-size: 12.5px;
    color: #999;
    margin-top: -1px;
}
.dropdown .dropdown-menu li p {
    line-height: 1.6;
}
.dropdown .show, .dropdown .hide {
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.dropdown .show {
    display: block;
    max-height: 9999px;
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    margin-top: -1px;
    border-top: 1px solid #fff;
}
.dropdown .hide {
    max-height: 0;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.tlbarwp {
    position:relative;
    z-index:200;
}
.tlbarinr {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
}
.tlbar {
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    opacity: 1 !important;
    height: 47px;
    border-top: 1px solid #2f2f2f;
    background-color:#fff;
    background-color:rgba(255,255,255,.96);
}
.tlbar a {
    display:block;
    float:left;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:20%;
    height:100%;
    padding-top:0px;
    margin-top: 0.5px;
    font-size:10px;
    color:#16181a;
    letter-spacing:0;
    text-align:center;
    border-right: 1px solid #eee;
}
.tlbar a:last-child {
    border-right: 0px;
}
.tlbar a .sp_tcm {
    display:none
}
.tlbar a:before {
    display:block!important;
    margin:0 auto 2px;
    content:''
}
a .ico-cate {
    width: 40px;
    height: 40px;
    background-position:1px -64px;
    background-size: 200px 133px;
}
a.on .ico-cate {
    width: 40px;
    height: 40px;
    background-position:1px -97px;
    background-size: 200px 133px;
}
a .ico-shbasket {
    width: 40px;
    height: 40px;
    background-position:-30px -64px;
    background-size: 200px 133px;
}
a.on .ico-shbasket {
    width: 40px;
    height: 40px;
    background-position:-30px -97px;
    background-size: 200px 133px;
}
a .ico-home {
    width: 40px;
    height: 40px;
    background-position:-63px -64px;
    background-size: 200px 133px;
}
a.on .ico-home {
    width: 40px;
    height: 40px;
    background-position:-63px -97px;
    background-size: 200px 133px;
}
a .ico-my {
    width: 40px;
    height: 40px;
    background-position:-131px -64px;
    background-size: 200px 133px;
}
a.on .ico-my {
    width: 40px;
    height: 40px;
    background-position:-131px -97px;
    background-size: 200px 133px;
}
a .ico-top {
    width: 40px;
    height: 40px;
    background-position:-97px -64px;
    background-size: 200px 133px;
}
a.on .ico-top {
    width: 40px;
    height: 40px;
    background-position:-97px -97px;
    background-size: 200px 133px;
}
.tlbar .sp_tcm {
    display:block;
    margin:0 auto 5px
}
.tlbar .home .sp_tcm {
    background-position:-378px -140px
}
.tlbar .cate .sp_tcm {
    background-position:-378px -162px
}
.tlbar .srch .sp_tcm {
    background-position:-378px -184px
}
.tlbar .mytm .sp_tcm {
    background-position:-378px -206px
}
.tlbar .on .sp_tcm {
    background-position-x:-402px
}
.tlbar_tip {
    position:absolute;
    bottom:65px;
    left:37.5%;
    z-index:100;
    margin:0 0 0 -62px;
    padding:16px 68px 15px 25px;
    border-radius:2px;
    background-color:rgba(0,0,0,.85);
    font-size:1.2em;
    line-height:1.35em;
    color:#fff
}
.tlbar_tip:after {
    position:absolute;
    bottom:-10px;
    left:55px;
    border-width:10px 7px 0;
    border-style:solid;
    border-color:rgba(0,0,0,.85) transparent;
    content:''
}
.tlbar_tip .hl {
    color:#ff6948
}
.tlbar_tip .clse {
    position:absolute;
    top:50%;
    right:16px;
    width:35px;
    height:35px;
    margin-top:-16px;
    border:1px solid #ff6948;
    border-radius:50%;
    font-size:0;
    color:transparent
}
.tlbar_tip .clse:after,.tlbar_tip .clse:before {
    display:block;
    position:absolute;
    top:50%;
    left:9px;
    width:15px;
    border-top:1px solid #ff6948;
    content:''
}
.tlbar_tip .clse:before {
    -webkit-transform:rotate(45deg)
}
.tlbar_tip .clse:after {
    -webkit-transform:rotate(-45deg)
}
.tlbtn .bt {
    display:block;
    overflow:hidden;
    position:absolute;
    bottom:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:39px;
    height:39px;
    border:1px solid #c4c4c4;
    border-top-right-radius:100%;
    border-bottom-right-radius:100%;
    border-bottom-left-radius:100%;
    border-top-left-radius:100%;
    background:#fff;
    font-size:.9em;
    line-height:999px;
    color:transparent;
    text-align:center;
    vertical-align:top;
    -webkit-tap-highlight-color:transparent
}
.tlbtn .bt.xpd {
    bottom:70px
}
.tlbtn .bt:before {
    position:absolute;
    top:50%;
    left:50%;
    content:''
}
.tlbtn .bt:active {
    background-color:#f27935
}
body.deal .tlbtn .bt {
    bottom:85px
}
body.deal .tlbtn .bt.xpd {
    bottom:135px
}
.tlbar+.tlbtn .bt {
    bottom:75px
}
.tlbar+.tlbtn .bt.xpd {
    bottom:125px
}
.no_tlbtn .tlbtn {
    display:none
}
.tlbtn .sp_tcm {
    display:none
}
.tlbtn .prv {
    left:15px
}
.tlbtn .prv:before {
    width:15px;
    height:9px;
    margin:-4.5px 0 0 -7.5px;
    background:url(../im/common/sp-common.png?v=20190405143047) no-repeat;
    background-position:-348px -306px;
    -webkit-background-size:365px 330px;
    background-size:365px 330px
}
.tlbtn .prv:active:before {
    width:15px;
    height:9px;
    background:url(../im/common/sp-common.png?v=20190405143047) no-repeat;
    background-position:-348px -317px;
    -webkit-background-size:365px 330px;
    background-size:365px 330px
}
.tlbtn .xpd {
    right:15px;
    bottom:115px
}
.tlbtn .xpd:before {
    width:14px;
    height:14px;
    margin:-7px 0 0 -7px;
    background:url(../im/common/sp-common.png?v=20190405143047) no-repeat;
    background-position:-348px -167px;
    -webkit-background-size:365px 330px;
    background-size:365px 330px
}
.tlbtn .xpd:active:before {
    width:14px;
    height:14px;
    background:url(../im/common/sp-common.png?v=20190405143047) no-repeat;
    background-position:-348px -183px;
    -webkit-background-size:365px 330px;
    background-size:365px 330px
}
.tlbtn .ttp {
    right:15px
}
.tlbtn .ttp:before {
    width:9px;
    height:15px;
    margin:-7.5px 0 0 -4.5px;
    background:url(../im/common/sp-common.png?v=20190405143047) no-repeat;
    background-position:-224px -177px;
    -webkit-background-size:365px 330px;
    background-size:365px 330px
}
.tlbtn .ttp:active:before {
    width:9px;
    height:15px;
    background:url(../im/common/sp-common.png?v=20190405143047) no-repeat;
    background-position:-213px -177px;
    -webkit-background-size:365px 330px;
    background-size:365px 330px
}
.deal .tlbarinr {
    height:64px
}

/* 議고쉶寃곌낵�놁쓬 異붽� : 20190513 */
.list_empty {background:#fff; padding:50px 10px; text-align:center}
.list_empty img {width:100px; margin-bottom:20px}

/* �쒕툕�곷떒移댄뀒怨좊━ 異붽� : 20190514 */
.sub_header .h_cate_path:after{width:7px;height:4px;margin:22px 0 0 3px;background-position:-127px -17px;vertical-align:top}
.sub_header .h_cate{overflow:hidden;display:inline-block;max-width:85%;font-size:15px;color:#333;white-space:nowrap;text-overflow:ellipsis}
.sub_header .h_cate_path .h_cate a{color:#333;text-decoration:none}
.sub_header .bx_select{overflow:hidden;position: relative;display: inline;top:0;left:0;width:100%;}
.sub_header .bx_select select{position:absolute;top:50%;left: 50%;margin-left: -47px;height: 15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-appearance:none;opacity: 0;}

.sp_hd{overflow:hidden;font-size:0;color:transparent}
.sp_hd:after{content:'';background: #fff url(../images/ico_arrow_user_form.png) no-repeat;background-size: 10px auto;background-position: 12px;box-sizing: border-box;-webkit-appearance: none;display: inline-block;width: 25px;height: 20px;}


.seller_join .join_process { width:100%;margin-bottom:20px; }
.seller_join .login_form { margin:20px 10px;}
.seller_join .tbl_join {width:100%; background:#fff; border:1px solid #c6c6c6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px}
.seller_join .tbl_join tr {border:1px solid #e6e6e6; border-width:0 0 1px 0}
.seller_join .tbl_join tr:last-child {border:none}
.seller_join .tbl_join th {text-align:left; padding:7px; border:solid #e6e6e6; border-width:0 0 1px 0;}
.seller_join .tbl_join td { padding:14px 7px; }
.seller_join .tbl_join .btn_gray {display:inline-block; background:#555; padding:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px; color:#fff; font-size:12px}
.seller_join .tbl_join .btn_gray_line {display:inline-block; background:#fff; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #999; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px; color:#666; font-size:12px}
.seller_join ul.disc{list-style: disc !important;padding-left: 20px;}
.seller_join ul.disc li { list-style : disc; }


/******* event detail ******/
.common-content .event-header img {width:100%;}
.common-content .event-category {margin-top: 20px;}
.common-content .event-category h3 {padding: 12px !important;margin: 0px 10px;border: 1px solid #2f2f2f;font-size: 14px;}
.common-content .best-product50 .goods_list .list {position: relative;padding: 5px 10px 0px;margin: 10px 0px 10px;background: #fff;width: 50%;display: inline-block;width: -webkit-calc(50% - 20px);width: -moz-calc(50% - 20px);width: calc(50% - 20px);}
.common-content .best-product50 .goods_list .list img {display: block; margin: 0 auto;}
.common-content .best-product50 .goods_list .list dl dt {margin-top: 15px;font-size: 13px;color:#666;letter-spacing: -0.02em;line-height: 1.3;min-height: 33px;height: 33px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break: break-all;text-align: left;}
.common-content .best-product50 .goods_list .list dl dd .price {color:#d01f1f;font-weight: bold;font-size: 15px !important;font-family: 'Roboto', sans-serif;letter-spacing: -0.05em;display: inline-block;}

.content {
    margin: auto;
    padding: 0px;
    width: 600px;
}
.t_slider {
    margin: 0px auto 0px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.progress {
    display: block;
    width: 100%;
    height: 5px;
    margin:10px 0;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f0f0f0;
    background-image: linear-gradient(to right, #999, #999);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
}

#submain-app {margin-top: 4px;}
.show-overlay {overflow-y: scroll;position: fixed !important;height: 100%;width: 100% !important;top: 100px !important;left:0 !important;}

.cmkwd_bestkeyword {padding-bottom:25px;background-color:#fff}
.cmkwd_bestkeyword .cmkwd_orderprd {padding-top:20px}
.cmkwd_bestkeyword .cmkwd_orderprd .cmkwd_orderprd_collectionlst {height:230px;overflow:hidden}

.cmkwd_scrollunit{overflow:hidden;overflow-x:scroll;margin:0 0 -30px 15px;padding-bottom:20px;font-size:0;white-space:nowrap;-webkit-overflow-scrolling:touch}
.cmkwd_scrollunit_inner{display:inline-block;padding-right:20px}
.cmkwd_scrollunit .m_lst{display:inline-block;white-space:normal;vertical-align:top}
.cmkwd_scrollunit .ty_thmb2 li{display:table-cell;width:130px;padding:0 5px 0 5px}
.cmkwd_scrollunit .ty_thmb2 li .thmb img{width:125px;max-width:inherit;height:125px}
.cmkwd_scrollunit .ty_thmb2 li:first-child{padding-left:0}
.cmkwd_scrollunit .ty_thmb2 li:last-child{padding-right:0}
.cmkwd_scrollunit .ty_thmb2 li:first-child:before{display:none}
.cmkwd_scrollunit .ty_thmb2 li:after{display:none}
.cmkwd_scrollunit .ty_thmb2 li:before{right:auto;left:-1px}

.ty_thmb2{display:table;width:100%;padding:0;font-size:0;vertical-align:top}
.ty_thmb2:after{display:block;clear:both;content:''}

.ty_thmb2 li{display:inline-block;position:relative;width:50%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;font-size:14px;padding:10px 0 0 0}
.ty_thmb2 li:after{content:'';position:absolute;top:0;left:0;right:0;height:10px;background:#f0f1f5;border-top:1px solid #e1e1e1;z-index:1}
.ty_thmb2 li:nth-child(1):after,.ty_thmb2 li:nth-child(2):after{display:none}
.ty_thmb2 li:nth-child(1),.ty_thmb2 li:nth-child(2){padding-top:0}

.ty_thmb2 li .cm_item{display:block;position:relative;padding:0;margin:0}
.ty_thmb2 li .cm_item .thmb > button{position:absolute;top:auto;bottom:2px;right:44px}
.ty_thmb2 li .cm_item .thmb > button:last-of-type{right:2px}
.ty_thmb2 li .thmb{position:relative;margin:0 auto}
.ty_thmb2 li .thmb img{width:100%;vertical-align:top}

.ty_thmb2 .cm_clip_item{position:absolute;right:2px;bottom:2px;margin-left:4px}

.ty_thmb2 li .tx_thmb{text-align:left;padding:7px 5px;}
.ty_thmb2 li .tx_thmb .tit{display:-webkit-box;overflow:hidden;padding-top:3px;line-height:17px;color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:-.5px;font-size:13px}
.ty_thmb2 li .tx_thmb .tit:after{display:block;clear:both;content:''}
.ty_thmb2 li .tx_thmb .pricewrap{padding-top:10px}
.ty_thmb2 li .tx_thmb .new_price{color:#222;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break: break-all;}
.ty_thmb2 li .tx_thmb .new_price .price{font-family:'Roboto',sans-serif;font-size:18px;letter-spacing:-1px;font-weight: 600;}
.ty_thmb2 li .tx_thmb .new_price .tx{font-size:11px}

.cmkwd_bestkeyword .cmkwd_orderprd_scrollbarwrap {margin: 0 20px;box-sizing: border-box;position: relative;height: 3px}
.cmkwd_bestkeyword .cmkwd_orderprd_scrollbarwrap:before {content:'';position:absolute;left:0;top:0;height:3px;background-color:#000;width:14.97005988023952%;z-index:10}
.cmkwd_bestkeyword .cmkwd_orderprd_scrollbar {position: relative;height: 3px;margin-left:14.97005988023952%;background-color: #eaeaea;overflow: hidden;}
.cmkwd_bestkeyword .cmkwd_orderprd_scrollbar .cmkwd_orderprd_scrollbar_currnet {position:absolute;left:0;top:0;height:3px;background-color:#000;background:#000;}