@import url("/web/front/libs/buttons-master/main.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/**/
.color0{ color:#eb2024 !important; }
.color1{ color:#007bff !important; }
.color2{ color:#28a745 !important; }
.color3{ color:#0aafa9 !important; }
.color4{ color:#f74a5a !important; }
.color5{ color:#4D6E4D !important; }
.color333{ color:#333333 !important; }
.color666{ color:#666666 !important; }
.color999{ color:#999999 !important; }
/**/
.star:before{ color:orangered; content:'*'; display:inline-block; }
/**/
.tit0{ font-family:Pretendard Variable; margin-bottom:0.25em; line-height:1.5em; font-size:26px; color:#333333; letter-spacing:-0.05em; }
.tit0{ padding-left:9px; }
.tit0:before{ background:#eb2024; width:4px; height:24px; margin-top:-12px; position:absolute; top:0.75em; left:0px; content:''; display:inline-block; }
.tit1{ font-family:Pretendard Variable; margin-bottom:0.25em; line-height:1.5em; font-size:24px; letter-spacing:-0.05em; color:#333333; }
.tit1{ padding-left:11px; }
.tit1:before{ background:#333333; width:6px; height:6px; margin-top:-3px; position:absolute; top:0.75em; left:0px; content:''; display:block; }
.tit2{ font-family:Pretendard Variable; margin-bottom:0.25em; line-height:1.5em; font-weight:bold; font-size:14px; letter-spacing:-0.05em; color:#222222; }
/*.tit2:before{ background:#4d4f5c; width:6px; height:12px; margin-top:-6px; position:absolute; top:0.75em; left:0px; content:''; display:block; }*/
.tit3{ padding-left:30px; font-family:Pretendard Variable; margin-bottom:0.25em; font-weight:bold; font-size:22px; line-height:1.5em; color:#222222; box-sizing:border-box; border-bottom:1px solid #4b505d; }
.tit3 .btnui{ position:absolute; top:0px; right:0px; z-index:1; font-weight:normal; }
.tit3:before{ background:url(/front/imgs/common/ico4.png) no-repeat center; width:19px; height:30px; position:absolute; top:0px; left:0px; content:''; display:block; }
/**/
.txt0{ font-size:12px; line-height:1.5em; letter-spacing:-0.05em; color:#333333; }
.txt1{ font-size:14px; line-height:1.5em; letter-spacing:-0.05em; color:#444444; }
.txt2{ font-size:16px; line-height:1.5em; letter-spacing:-0.05em; color:#444444; }
.txt3{ font-size:18px; line-height:1.5em; letter-spacing:-0.05em; color:#444444; }
/**/
.btnui{ display:inline-block; text-align:center; box-sizing:border-box; margin:0; padding:0; cursor: pointer;}
.btnui{ transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.btnui{ vertical-align:middle; overflow:hidden; }
.btnui > *{ display:inline-block; vertical-align:middle; }
.btnui{ padding:0 0.75em; }
.btnui{ font-size:12px; line-height:27px; }
.btnui.size_m{ font-size:14px; line-height:38px; }
.btnui.size_lg{ font-size:17px; line-height:38px; }
.btnui.size_xl{ font-size:16px; line-height:46px; }
.btnui.size_xxl{ font-size:26px; line-height:60px; }
.btnui{ background:#f6f6f6; color:#333333; border:1px solid #dddee0; }
.btnui:hover{ background:#e0e0e0; border-color:rgba(224, 224, 224, 0.5); }
.btnui.reverse:hover{ color:white !important; }
.btnui:focus{ outline:0; box-shadow:0 0 0 0.2rem rgba(167, 199, 252, 0.5); }
.btnui.btnui_0{ background:#007bff; color:white; border-color:#007bff; }
.btnui.btnui_0.reverse{ background:white; color:#007bff; }
.btnui.btnui_0:hover{ background:#0069d9; border-color:#0062cc; }
.btnui.btnui_0:focus{ box-shadow:0 0 0 0.2rem rgba(0, 123, 255, .5); }
.btnui.btnui_1{ background:#0aafa9; color:white; border-color:#0aafa9; }
.btnui.btnui_1.reverse{ background:white; color:#0aafa9; }
.btnui.btnui_1:hover{ background:#0a908a; border-color:#08615c; }
.btnui.btnui_1:focus{ box-shadow:0 0 0 0.2rem rgba(0, 155, 100, 0.5); }
.btnui.btnui_2{ background:#dc3545; color:white; border-color:#c82333; }
.btnui.btnui_2.reverse{ background:white; color:#dc3545; }
.btnui.btnui_2:hover{ background:#c82333; border-color:#bd2130; }
.btnui.btnui_2:focus{ box-shadow:0 0 0 0.2rem rgba(220, 53, 69, .5); }
.btnui.btnui_3{ background:#ffc107; color:#212529; border-color:#ffc107; }
.btnui.btnui_3.reverse{ background:white; color:#ffc107; }
.btnui.btnui_3:hover{ background:#e0a800; border-color:#d39e00; }
.btnui.btnui_3:focus{ box-shadow:0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btnui.btnui_4{ background:#ffdeb8; color:#212529; border-color:#f4c386; }
.btnui.btnui_4.reverse{ background:white; color:#ffc107; }
.btnui.btnui_4:hover{ background:#f4c386; border-color:#f4c386; }
.btnui.btnui_4:focus{ box-shadow:0 0 0 0.2rem rgba(244, 195, 134, 0.5); }
.btnui.btnui_5{ background:#4D6E4D; color:white; border-color:#344A34; }
.btnui.btnui_5.reverse{ background:white; color:#496949; }
.btnui.btnui_5:hover{ background:#344A34; border-color:#2A3C2A; }
.btnui.btnui_5:focus{ box-shadow:0 0 0 0.2rem rgba(63, 89, 63, .5); }
.btnui.btnui_333{ background:#333333; color:white; border-color:#151515; }
.btnui.btnui_333:focus{ box-shadow:0 0 0 0.2rem rgba(51, 51, 51, 0.5); }
.btnui.btnui_666{ background:#666666; color:white; border-color:#484848; }
.btnui.btnui_666:focus{ box-shadow:0 0 0 0.2rem rgba(102, 102, 102, 0.5); }
.btnui.btnui_999{ background:#999999; color:white; border-color:#7a7a7a; }
.btnui.btnui_999:focus{ box-shadow:0 0 0 0.2rem rgba(153, 153, 153, 0.5); }
.btnui.btnui_999_r{ width: 100%; background:#f6f6f6; color:#333333; font-weight: bold; border-radius: 25px; }
/**/
input[type=text],
input[type=radio],
input[type=date],
input[type=search],
input[type=password],
textarea,
select{ display:inline-block; color:#333333; letter-spacing:-0.05em; box-sizing:border-box; border:1px solid #dddee0; vertical-align:middle; }
input[type=date].inpui{ text-align:center; position:relative; cursor:pointer; }
input[type=date].inpui::-webkit-calendar-picker-indicator{ z-index:1; position:absolute; top:0px; left:0px; }
input[type=date].inpui::-webkit-calendar-picker-indicator{ width:100%; height:100%; cursor:pointer; }
input[type=date].inpui::-webkit-calendar-picker-indicator{ opacity:0; }
input[type=date].inpui::-webkit-inner-spin-button{display:none;}
input[type=date].inpui::-webkit-clear-button{ z-index:5; }

.telc{width: 29%}
/**/
.inpui{ padding:0px 5px; }
.inpui[readonly]{ background:#f3f3f3; color:#333333; }
.inpui{ height:24px; font-size:12px; }
.inpui.size_m{ height:35px; font-size:15px;  }
.inpui.size_lg{ height:40px; font-size:16px; }
.inpui.size_xl{ height:48px; font-size:20px; }
/**/
.selui{ padding-left:5px; line-height:30px; }

.selui[readonly]{ background:#f3f3f3; color:#999999; }
.selui{ height:24px; font-size:12px; }
.selui.size_lg{ height:40px; width:80px; font-size:17px; }
.selui.size_xl{ height:48px; font-size:20px; }
/**/
.chkui{ display:inline-block; vertical-align:top; font-size:0; font-weight:normal; }
.chkui + .chkui{ margin-left:1em; }
.chkui > *{ vertical-align:middle; }
.chkui > input{ }
.chkui > label{ padding:0 5px; display:inline-block; }
.chkui > label{ font-size:12px; line-height:24px; }
.chkui.size_lg > label{ font-size:14px; line-height:32px; }
.chkui.size_xl > label{ font-size:20px; line-height:48px; }
/**/
.rdoui{ display:inline-block; vertical-align:top; font-size:0; }
.rdoui + .rdoui{ margin-left:1em; }
.rdoui > *{ vertical-align:middle; }
.rdoui > input{ }
.rdoui > input[disabled] + label{ opacity:0.5; }
.rdoui > label{ padding:0 0.5em; display:inline-block; }
.rdoui > label{ font-size:12px; line-height:24px; }
.rdoui.size_lg > label{ font-size:14px; line-height:32px; }
.rdoui.size_xl > label{ font-size:20px; line-height:48px; }
/**/
.ftxt{ display:inline-block; vertical-align:top; }
.ftxt{ color:#666666; }
.ftxt{ font-size:12px; line-height:24px; }
.ftxt.size_lg{ font-size:14px; line-height:32px; }
.ftxt.size_xl{ font-size:20px; line-height:48px; }
/**/
.file_ui{ display:inline-block; vertical-align:top; }
.file_ui{ color:#666666; }
.file_ui{ font-size:12px; line-height:24px; }
.file_ui.size_lg{ font-size:14px; line-height:32px; }
.file_ui.size_xl{ font-size:20px; line-height:48px; }
/**/
.search_filter_box{ position:relative; display:block; font-size:0; padding:10px 5px; background:#f7f7f7; box-sizing:border-box; border:1px solid #dddddd; }
.search_filter_box > .inner{ }
.search_filter_box > .inner > .item{ display:inline-block; vertical-align:top; }
.search_filter_box > .inner > .item{ padding:5px; }
.search_filter_box > .inner > .item > .label{ line-height:16px; padding-left:9px; font-size:13px; color:#0c2e87; letter-spacing:-0.05em; }
.search_filter_box > .inner > .item > .label{ margin-bottom:5px; }
.search_filter_box > .inner > .item > .label:before{ background:#0c2e87; border-radius:100%; width:4px; height:4px; margin-top:-2px; position:absolute; top:50%; left:0px; content:''; display:block; }
.search_filter_box{ padding-right:115px; }
.search_filter_box > .inner > .btn_submit{ position:absolute; top:0px; right:-105px; }
.search_filter_box > .inner > .btn_submit{ width:100px; height:100%; }
.search_filter_box > .inner > .item{ width:25%; }
.search_filter_box > .inner > .item.block_desktop{ width:100%; }
/**/
.table0{ margin-top:5px; margin-bottom:5px; border-top:1px solid #999999; }
.table0 > table{ display:table; border-collapse:collapse; width:100%; }
.table0.fixed > table{ table-layout:fixed; }
.table0.center > table > * > tr > *{ text-align:center; }
.table0 > table > * > tr > *{ vertical-align:middle; height:38px; border:1px solid #eaeaea; background:white; padding:5px; color:#666666; font-size:18px; line-height:24px; letter-spacing:-0.025em; word-break:break-all; }
.table0 > table > * > tr.bg02point > *{ background:#ffead3; }
.table0 > table > * > tr.bg04point > *{ background:#def1f1; }
.table0 > table > * > tr > th{ color:#000000; background:#f9fafc; font-weight:normal; text-align:center; }
.table0 > table > * > tr > *.label{ color:#333333; background:#fafafa; font-weight:normal; text-align:center; }
.table0 > table > * > tr:first-child > *{ border-top:none; }
.table0 > table > * > tr > *:first-child{ border-left:none; }
.table0 > table > * > tr > *:last-child{ border-right:none; }
/**/
.table1{ margin-top:5px; margin-bottom:5px; border:5px solid #b0d0d5; }
.table1 > table{ display:table; border-collapse:collapse; width:100%; }
.table1.fixed > table{ table-layout:fixed; }
.table1.center > table > * > tr > *{ text-align:center; }
.table1 > table > * > tr > *{ vertical-align:middle; height:38px; border:1px solid #bdd9dd; background:white; padding:5px; color:#666666; font-size:12px; letter-spacing:-0.025em; word-break:break-all; }
.table1 > table > * > tr > th{ color:#333333; background:#cee2e5; font-weight:bold; text-align:center; }
.table1 > table > * > tr > *.label{ color:#333333; background:#d9eaec; font-weight:normal; text-align:center; }
.table1 > table > * > tr:first-child > *{ border-top:none; }
.table1 > table > * > tr > *:first-child{ border-left:none; }
.table1 > table > * > tr > *:last-child{ border-right:none; }
/**/
.table2{ margin-top:5px; margin-bottom:5px; }
.table2 > table{ display:table; border-collapse:collapse; width:100%; }
.table2.fixed > table{ table-layout:fixed; }
.table2.center > table > * > tr > *{ text-align:center; }
.table2 > table > * > tr > *{ vertical-align:middle; height:38px; border:1px solid #eaeaea; background:white; padding:5px; color:#666666; font-size:12px; line-height:24px; letter-spacing:-0.025em; word-break:break-all; }
.table2 > table > * > tr > th{ color:#000000; background:#f9fafc; font-weight:normal; text-align:center; }
.table2 > table > * > tr > *.label{ color:#333333; background:#fafafa; font-weight:normal; text-align:center; }
.table2 > table > * > tr > *:first-child{ border-left:none; }
.table2 > table > * > tr > *:last-child{ border-right:none; }
/**/
.table3{ margin-top:5px; margin-bottom:5px; border-top:1px solid #999999; }
.table3 > table{ display:table; border-collapse:collapse; width:100%; }
.table3.fixed > table{ table-layout:fixed; }
.table3.center > table > * > tr > *{ text-align:center; }
.table3 > table > * > tr > *{ vertical-align:middle; height:38px; border:1px solid #eaeaea; background:white; padding:5px; color:#666666; font-size:15px; line-height:24px; letter-spacing:-0.025em; word-break:break-all; }
.table3 > table > * > tr.bg02point > *{ background:#ffead3; }
.table3 > table > * > tr.bg04point > *{ background:#def1f1; }
.table3 > table > * > tr > th{ color:#000000; background:#f9fafc; font-weight:normal; text-align:center; }
.table3 > table > * > tr > *.label{ color:#333333; background:#fafafa; font-weight:normal; text-align:center; }
.table3 > table > * > tr:first-child > *{ border-top:none; }
.table3 > table > * > tr > *:first-child{ border-left:none; }
.table3 > table > * > tr > *:last-child{ border-right:none; }
/**/
.desc0{ font-weight:normal; font-size:12px; line-height:1.5em; color:#999999; }
.desc0:before{ content:'※'; display:inline-block; margin-right:3px; }
/**/
.alert0{ padding:12px 20px; font-size:14px; background:white; box-sizing:border-box; border:5px solid #b9b9b9; }
.alert1{ padding:15px 25px 18px 25px; font-size:14px; background:#f4f4f4; box-sizing:border-box; border:1px solid #dcdcdc; }
.alert2{ padding:10px; background:#fdfdfd; box-sizing:border-box; border:1px solid #0aafa9; }
.alert3{ padding:10px; background:#fdfdfd; box-sizing:border-box; border:1px solid #e9e9e9; }
/**/
.window_popup0{ background:white; padding:30px; }
/**/
.window_popup0 > .pop_head > .title0{ margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #4b505d; }
.window_popup0 > .pop_head > .title0 > *{ display:inline-block; vertical-align:top; }
.window_popup0 > .pop_head > .title0 > .text0{ font-family:Pretendard Variable; font-weight:bold; font-size:26px; color:#2b2b2b; line-height:1.5em; }
.window_popup0 > .pop_head > .title0 > .text1{ font-family:Pretendard Variable; font-weight:bold; font-size:18px; color:#2b2b2b; line-height:1.5em; }
.window_popup0 > .pop_head > .title0 > .text2{ font-family:Pretendard Variable; font-weight:bold; font-size:22px; color:#2b2b2b; line-height:1.5em; }
.window_popup0 > .pop_head > .title0 > small{ padding-top:17px; font-size:12px; color:#eb2024; }
.window_popup0 > .pop_body{ overflow:auto; }
.window_popup0 > .close {width:25px;height: 25px;}
.window_popup0 > .close:before, .close:after {position: absolute;left: 15px;content:' ';height: 20px;width: 2px;background-color: #000;}
.window_popup0 > .close:before {transform: rotate(45deg);}
.window_popup0 > .close:after {transform: rotate(-45deg);}
/**/
.window_popup1{ background:white; padding:10px; }
/**/
.window_popup1 > .pop_head > .title0{ margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #4b505d; }
.window_popup1 > .pop_head > .title0 > *{ display:inline-block; vertical-align:top; }
.window_popup1 > .pop_head > .title0 > .text0{ font-family:Pretendard Variable; font-weight:bold; font-size:26px; color:#2b2b2b; line-height:1.5em; }
.window_popup1 > .pop_head > .title0 > small{ padding-top:17px; font-size:12px; color:#eb2024; }
.window_popup1 > .pop_body{ overflow:auto; }
/**/
.divide_box{ text-align:right; }
.divide_box:after{ content:""; display:block; clear:both; }
.divide_box > div{ display:inline-block; text-align:left; }
.divide_box > div.left{ float:left; }
/**/
.paging0{ margin:20px 0; text-align:center; font-size:0; }
.paging0 > *{ vertical-align:top; }
.paging0.for_mobile{ display:none; }
.paging0 > .btns > li{}
.paging0 > .btns > li:hover{ background:#f6f6f6; }
.paging0 > .btns > li:before, .paging0 > .btns > li:after{ z-index:0; position:absolute; top:50%; left:50%; width:0; height:0; content:''; display:inline-block; }
.paging0 > .btns > li:before, .paging0 > .btns > li:after{ border-top:4px solid transparent; border-bottom:4px solid transparent; margin-top:-4px; }
.paging0 .btn_first:before{ border-right:4px solid #aaaaaa; }
.paging0 .btn_first:before{ margin-left:-2px; }
.paging0 .btn_prev:before{ border-right:4px solid #aaaaaa; }
.paging0 .btn_prev:before{ margin-left:-4px; }
.paging0 .btn_prev:after{ border-right:4px solid #aaaaaa; }
.paging0 .btn_last:before{ border-left:4px solid #aaaaaa; }
.paging0 .btn_last:before{ margin-left:-2px; }
.paging0 .btn_next:before{ border-left:4px solid #aaaaaa; }
.paging0 .btn_next:before{ margin-left:-4px; }
.paging0 .btn_next:after{ border-left:4px solid #aaaaaa; }
/**/
.paging0 > .btns > li > a{ z-index:5; overflow:hidden; text-indent:-10000px; }
.paging0 > .num_btns{ margin-left:20px; margin-right:20px; }
.paging0 > .num_btns > li:hover{ background:#f6f6f6; }
.paging0 > ul{ display:inline-block; font-size:0; }
.paging0 > ul > li{ letter-spacing:-0.05em; width:31px; height:33px; line-height:31px; color:#aaaaaa; font-size:12px; display:inline-block; box-sizing:border-box; }
.paging0 > ul > li{ border-right:1px solid #dddddd; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.paging0 > ul > li.on{ background:#f6f6f6; color:#555555; font-weight:bold; }
.paging0 > ul > li:first-child{ border-left:1px solid #dddddd; }
.paging0 > ul > li > a{ display:block; height:100%; }
/**/
.filter_grid{ font-size:0; border-top:1px solid #999999; border-bottom:1px solid #eaeaea; }
.filter_grid .btn_search{ width:150px; }
.filter_grid > .row{ }
.filter_grid > .row + .row{ border-top:1px solid #eaeaea; }
.filter_grid > .row > .col{ display:inline-table; vertical-align:top; }
.filter_grid > .row > .col > *{ display:table-cell; vertical-align:top; padding:2px 5px; }
.filter_grid > .row > .col > *{ font-size:12px; line-height:1.5em; color:#666666; }
.filter_grid > .row > .col > *:first-child{ border-left:none; }
.filter_grid > .row > .col > *:last-child{ border-right:none; }
.filter_grid > .row > .col > .label{ color:#333333; background:#f4f4f4; font-weight:bold; text-align:center; }
.filter_grid.type2 > .row > .col > .label{ width:225px; text-align:left; padding-left:10px; }
.filter_grid.type2 > .row > .col > .label .chkui{ }
.filter_grid.type2 > .row > .col > .label .desc0{ font-size:12px; }
.filter_grid > .row > .col > .label{ border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; }
.filter_grid > .row > .col > .label{ width:150px; vertical-align:middle; }
.filter_grid > .row > .col > .cont{ border-right:1px solid #eaeaea; }
/**/
.layout_grid{ font-size:0; }
.layout_grid > .row{ }
.layout_grid > .row > .col{ display:inline-block; vertical-align:top; }
.layout_grid > .row > .col{ font-size:14px; }
/**/
.no_data_msg{ padding-top:5px; padding-bottom:5px; font-size:14px; color:#666666; text-align:center; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
/**/
.pay_sym0{ background:#8a93e4; color:white; text-align:center; border-radius:100%; width:18px; line-height:18px; font-size:12px; }
.pay_sym1{ background:#74cb66; color:white; text-align:center; border-radius:100%; width:18px; line-height:18px; font-size:12px; }
.pay_sym2{ background:#e077b6; color:white; text-align:center; border-radius:100%; width:18px; line-height:18px; font-size:12px; }
/**/
.layout190527164954{ box-sizing:border-box; border:1px solid #0aafa9; }
.layout190527164954 > .filter_grid{ border-top:none; }
/**/
.ta0{ padding:10px; box-sizing:border-box; border:1px solid #dddddd; width:100%; box-sizing:border-box; min-height:100px; resize:vertical; }
.ta0{ font-size:14px; line-height:1.5em; color:#333333; }
/**/
.ul0{ font-size:12px; color:#666666; line-height:1.5em; letter-spacing:-0.05em; margin-bottom:0.25em; }
.ul0 > li{ padding-left:9px; }
.ul0 > li + li{ margin-top:0.25em; }
.ul0 > li:before{ background:#eb2024; width:2px; height:2px; margin-top:-1px; position:absolute; top:0.75em; left:0px; content:''; display:inline-block; }
/**/
.layout190528095053{ margin-bottom:2px; padding:10px; font-size:0; box-sizing:border-box; border:5px solid #1cd7ce; }
.layout190528095053 > *{ vertical-align:middle; display:inline-block; }
.layout190528095053 > .cnt{ margin-left:10px; font-weight:bold; font-size:18px; color:#222222; }
.layout190528095053 > .txt0{ margin-left:10px; }
/**/

/*product detail 20191027 tazkaz*/
.layoutproductdetail{ margin-bottom:5px; padding:20px; font-size:0; box-sizing:border-box; border:5px solid #1cd7ce; text-align:center; vertical-align:middle}
.layoutproductdetail > .title{ margin-left:10px; font-weight:bold; font-size:24px; color:#222222; text-align:center; }
.layoutproductdetail > .txt0{ margin-left:10px; }
/**/
.layout190528095815{ margin-bottom:2px; }
.layout190528095815{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190528095815 > .item{ display:table-cell; vertical-align:top; }
.layout190528095815 > .item{ padding-left:1px; padding-right:1px; }
.layout190528095815 > .item:first-child{ padding-left:0; }
.layout190528095815 > .item:last-child{ padding-right:0; }
.layout190528095815 > .item > .inner{ padding:14px 12px; background-color:#8be3dc; text-align:center; letter-spacing:-0.05em; }
.layout190528095815 > .item.on > .inner{ background-color:#fec9c5; }
.layout190528095815 > .item > .inner > .text0{ font-weight:bold; font-size:18px; color:#333333; }
.layout190528095815 > .item > .inner > .text0:before{ margin-right:3px; background:url(/front/imgs/common/bul_check.png) no-repeat center; width:15px; height:17px; vertical-align:middle; content:''; display:inline-block; }
.layout190528095815 > .item.on > .inner > .text0:before{ background-image:url(/front/imgs/common/bul_check00.png); }
.layout190528095815 > .item > .inner > .text1{ height:16px; margin-top:2px; font-size:12px; color:#555555; }
.layout190528095815 > .item > .inner > .text2{ margin-top:5px; width:100%; background-color:white; box-sizing:border-box; border:7px solid #6ed3cb; }
.layout190528095815 > .item.on > .inner > .text2{ border-color:#ff9c9d; }
.layout190528095815 > .item > .inner > .text2{ font-size:22px; line-height:40px; color:#222222; }
/**/
.layout190528100936{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190528100936 > .item{ display:table-cell; vertical-align:top; }
.layout190528100936 > .item{ padding-left:1px; padding-right:1px; }
.layout190528100936 > .item:first-child{ padding-left:0; }
.layout190528100936 > .item:last-child{ padding-right:0; }
.layout190528100936 > .item > a{ display:block; background:#3dbec7; }
.layout190528100936 > .item.on > a{ background:#ff9495; }
.layout190528100936 > .item > a{ line-height:54px; text-align:center; font-weight:bold; font-size:16px; color:white; }
.layout190528100936 > .item > a:before{ background:url(/front/imgs/common/ico3.png) no-repeat center; width:15px; height:18px; content:''; vertical-align:middle; display:inline-block; }
.layout190528100936 > .item > a > *{ vertical-align:middle; display:inline-block; }
/**/
.text190528103615{ font-size:12px; }
/**/
.layout190528145432{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190528145432 > .item{ display:table-cell; vertical-align:top; }
.layout190528145432 > .item:first-child{ padding-right:20px; }
.layout190528145432 > .item:first-child + .item{ padding-left:20px; }
/**/
.layout190528145644{ box-sizing:border-box; border-bottom:1px solid #4b505d; }
.layout190528145644 > a{ font-size:12px; color:#444444; }
.layout190528145644 > a:hover{ color:#27b1aa; }
.layout190528145644 > a{ width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.layout190528145644 > a{ padding:5px 10px; }
.layout190528145644 > a + a{ border-top:1px solid #e9e9e9; }
/**/
.layout190528150047{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190528150047 > .item{ display:table-cell; vertical-align:top; }
.layout190528150047 > .item:first-child{ padding-right:10px; }
.layout190528150047 > .item:flast-child{ padding-left:10px; }
/*.layout190528150047 > .item{ outline:1px dashed red; box-shadow:0px 0px 10px red; }*/
/**/
.layout190528150106{ box-sizing:border-box; border:1px solid #ff0000; }
.layout190528150106{ height:124px; border:5px solid #bdd9dd;background:#cee2e5;padding:15px 20px; }
.layout190528150106 > .text0{ font-size:14px; color:#222222; line-height:24px; }
.layout190528150106 > .area0{ margin-top:10px; font-size:0; }
.layout190528150106 > .area0 > *{ display:inline-block; vertical-align:top; }
/**/
.layout190528150937{}
.layout190528150937 > .row{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190528150937 > .row > .item{ display:table-cell; vertical-align:top; }
.layout190528150937 > .row > .item:first-child{ width:130px; }
/**/
.text190528150831{ font-weight:bold; font-size:12px; color:#222222; line-height:1.5em; }
/**/
.layout190528180122{}
.layout190528180122 > .item{ }
.layout190528180122 > .item > *{ display:inline-block; vertical-align:middle; }
.layout190528180122 > .item > *{ font-size:14px; line-height:26px; }
.layout190528180122 > .item > .label{ font-weight:bold; }
.layout190528180122 > .item > .code{ font-weight:bold; color:#0aafa9; }
.layout190528180122 > .item > .desc{ font-size:12px; color:#f74a5a; }
/**/
.layout190528182824{ font-family:Pretendard Variable; font-size:20px; font-weight:bold; }
/**/
.kkao_message{}
.kkao_message{ border:1px solid #bbbbbb; overflow:hidden;font-size:13px;width:360px; }
.kkao_message > .talktitle{ display:inline-block; background:url(/front/imgs/common/snsform_talk.jpg) no-repeat center; width:360px; height:60px; }
/**/
.layout190528192325{ margin-top:10px; }
.layout190528192325 > .ta0{ resize:none; }
.layout190528192325 > .btns{ margin-top:5px; text-align:right; }
/**/
.layout190529075021{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.layout190529075021 > .item{ display:table-cell; vertical-align:top; }
.layout190529075021 > .item:first-child{ padding-right:5px; }
.layout190529075021 > .item:first-child + .item{ width:135px; }
/**/
.wid190529083603{ width:160px; }
/**/
.table190529093632{ position:relative; display:inline-block; }
.table190529093632{ padding-top:30px; }
.table190529093632 > table{}
.table190529093632 > table > tbody{}
.table190529093632 > table > tbody > tr{}
.table190529093632 > table > tbody > tr > td{ vertical-align:top; }
.table190529093632 .sel0{ width:200px; font-size:14px; padding:5px; }
.table190529093632 .btns0{ position:absolute; top:0px; right:0px; }
.table190529093632 .btns1{ vertical-align:middle; padding:10px; }
.table190529093632 .btns1 > div{}
.table190529093632 .btns1 > div + div{ margin-top:5px; }
.table190529093632 .btns1 > div > button{ width:100%; }
/**/
.tabui0_wrap{ font-size:16px; }
.tabui0_wrap > .inner{}
.tabui0{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; background:white; }
.tabui0 > .for_mobile{ display:none; }
.tabui0 > a{ cursor:pointer; display:table-cell; text-align:center; vertical-align:middle; height:54px; }
.tabui0 > a{ box-sizing:border-box; border:1px solid #e0e0e0; color:#ababab; }
.tabui0 > a.on{ font-weight:bold; background:#333333; color:white; }
.tabui0 > a > *{ display:inline-block; vertical-align:middle; line-height:normal; }
/**/
.layout190613084248{ margin-top:20px; font-size:14px; box-sizing:border-box; border:1px solid #dddddd; }
.layout190613084248{ height:225px; overflow-y:scroll; }
.layout190613084248 > .item{}
.layout190613084248 > .item:hover{ background:#f5f5f5; }
.layout190613084248 > .item + .item{ box-sizing:border-box; border-top:1px solid #dddddd; }
.layout190613084248 > .item > a{ display:block; width:100%; padding:20px; }
.layout190613084248 > .item > a > div{ display:inline-block; vertical-align:top; }
.layout190613084248 > .item > a > .date{ color:#999999; }
.layout190613084248 > .item > a > .cont{ color:#333333; }
/**/
.table190613090937{ padding:10px;  }
.table190613090937.type2{ padding-left:0; }
.table190613090937 > table{ table-layout:fixed; border-collapse:collapse; width:100%; }
.table190613090937 > table > tbody{}
.table190613090937 > table > tbody > tr{}
.table190613090937 > table > tbody > tr > td{ padding:5px 2px; }
/**/
.delivery_comment {width: 100%;display: none;position: absolute;z-index: 100;background-color: #fff;}
.delivery_comment p{border-bottom: 1px solid #d4d4d4; border-left: 2px solid #000; border-right: 2px solid #000; padding: 10px;cursor: pointer;}
.delivery_comment p:first-child{border-top:2px solid #000;;padding: 10px; }
.delivery_comment p:last-child{border-bottom:2px solid #000;;padding: 10px; }

.popup_delivery_comment {width: 56%;display: none; position: fixed; z-index: 100;background-color: #fff; border-top:2px solid #000; border-bottom:2px solid #000; overflow-y: auto; height: 230px;}
.popup_delivery_comment p{border-bottom: 1px solid #d4d4d4; border-left: 2px solid #000; border-right: 2px solid #000; padding: 10px;cursor: pointer;}
.popup_delivery_comment p:first-child{padding: 10px; }
.popup_delivery_comment p:last-child{padding: 10px; }



/*마이페이지*/



/**/
.memo-tooltip {position: relative; display: inline-block;}
.memo-tooltip .tt-text {visibility: hidden; width: 350px; position: absolute; top: 30px; left: 50px; border-radius: 5px; padding: 5px; font-size: 12px; color: white; background: gray; box-sizing: border-box; line-height: 1.8; text-align: left; z-index: 1100;}
.memo-tooltip:hover .tt-text { visibility: visible;}

/**/
.balloon {position:relative;margin: 50px; width:400px; background:pink; border-radius: 10px; z-index: 1100;}
.balloon:after {border-top:0px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid pink;content:"";position:absolute;top:-10px;left:200px;}


.mypage_menu {
    position: absolute;
    top: 77px;
    left: 50%;
    margin-left: -58px;
    background: #fff;
    border: 1px solid #ff0000;
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
    height: auto;
    z-index: 9999;
    width: 170px;
}

.mypage_menu:before {
    top: -30px;
    left: 51%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border: solid transparent;
    border-color: rgba(46, 46, 46, 0);
    border-bottom-color: #ff5675;
    border-width: 15px;
}

.mypage_menu:after {
    top: -28px;
    left: 51%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border: solid transparent;
    border-color: rgba(46, 46, 46, 0);
    border-bottom-color: #fff;
    border-width: 15px;
}

.mypage_menu .menu_list ul li {
    width: 100%;
    height: 40px;
    border-top: 1px solid #efefef;
    padding-left: 15px;
    box-sizing: border-box;
    margin-left: 0px;
    line-height: 40px;
}

.mypage_menu .menu_list ul li a {
    font-size: 14px;
    color: #222;
    width: 100%;
    height: 100%;
    text-align:left;
}

.mypage_menu .menu_list ul li:hover {
    background: #f3f3f3;
}

.mypage_menu .logout_wrap {
    display: block;
    width: 100%;
    padding: 10px 15px;
    height: 55px;
    box-sizing: border-box;
}

.mypage_menu .logout_wrap .profile_img  {
    width: 40px; height: 40px; margin-right: 10px; object-fit: cover; border-radius: 70%; float:left;
}

.mypage_menu .logout_wrap > a {
    display: block;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.mypage_menu .logout_wrap > a.logout_btn {
    background: #fff;
    color: #555;
    margin-left: 15px;
    border: 1px solid #aaa;
    font-size: 14px;
    float:left;
}

.mypage_menu .logout_wrap > a.logout_btn:hover {
    border: 1px solid #333;
    color: #222;
}

.mypage_menu .logout_wrap .user_info {
    letter-spacing: -1px;
    float:left;
}

.mypage_menu .logout_wrap .txt_over {
    display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mypage_menu .logout_wrap .honor_title {
    color: black;
    float: right;
}

.mypage_menu .logout_wrap .user_info > span {
    max-width: 100px;
    font-size: 14px;
    color: #990000;
    font-weight: 600;
    float: left
}

.mypage_menu .login_wrap {
    display: block;
    width: 100%;
    padding: 10px 15px;
    height: 55px;
    box-sizing: border-box;
}

.mypage_menu .login_wrap > a {
    display: block;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.mypage_menu .login_wrap > a.login_btn {
    background: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
}

.mypage_menu .login_wrap > a.login_btn:hover {
    border: 1px solid #CC0000;
    background: #CC0000;
}

.mypage_menu .login_wrap > a.login_btn {
    background: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
}


/*상품 상세 탭*/

.product_detail_tab{background:white;}

.product_detail_tab_nav_A, .product_detail_tab_nav_B, .product_detail_tab_nav_C{
    display: flex;
    font-size:0;
    z-index: 10;
    width: 100%;
    min-width:300px;
    /*border:1px solid #ddd;*/
}

.product_detail_tab_nav_A li, .product_detail_tab_nav_B li, .product_detail_tab_nav_C li{
    flex: 1;
    display: inline-block;
    height:46px;
    text-align:center;
    font-weight: bold ;
    /*border-right:1px solid #ddd;*/
    /*width: calc(100%/3);*/
}

.product_detail_tab_nav_A li a:before
, .product_detail_tab_nav_B li a:before
, .product_detail_tab_nav_C li a:before{
    content:"";
    position:absolute;
    left:0;
    /*top:0px;*/
    bottom: 0px;
    width:100%;
    height:3px;
}

.product_detail_tab_nav_A li a.active:before{
    background:#ff0000;
}

.product_detail_tab_nav_B li a.active:before{
    background:#ff0000;
}

.product_detail_tab_nav_C li a.active:before{
    background:#4D6E4D;
}

.product_detail_tab_nav_A li a.active
, .product_detail_tab_nav_B li a.active
, .product_detail_tab_nav_C li a.active{
    border-bottom:1px solid #fff;
}
.product_detail_tab_nav_A li a
, .product_detail_tab_nav_B li a
, .product_detail_tab_nav_C li a{
    position:relative;
    display:block;
    background: #f8f8f8;
    color: #000;
    padding:0 30px;
    line-height:46px;
    text-decoration:none;
    font-size:16px;
}
/*.product_detail_tab_nav_A li a:hover*/
/*, .product_detail_tab_nav_B li a:hover*/
/*, .product_detail_tab_nav_C li a:hover,*/

.product_detail_tab_nav_A li a.active{
    background:#fff;
    color:#ff0000;
}
.product_detail_tab_nav_B li a.active{
    background:#fff;
    color:#ff0000;
}
.product_detail_tab_nav_C li a.active{
    background:#fff;
    color:#4D6E4D;
}

.product_detail_tab_nav_A.fixed, .product_detail_tab_nav_B.fixed, .product_detail_tab_nav_C.fixed{
    position: fixed;
    /*left: 0;*/
    top: 0;
    max-width:640px;
    min-width:300px;
}

.product_detail_tab_content{
    padding: 20px;
    /*border:1px solid #ddd;*/
    border-top:none;
}

#product_detail_tab_content.fixed{
    padding-top: 66px;
}

.review_img img{
    width: 15%;
    height: 100%;
}

.review_img img:hover{
    opacity: 0.8;
}

.review_modal{
    display: none; /* 모달창 숨겨 놓기 */
    position: fixed;
    z-index: 20; /* 모달창을 제일 앞에 두기 */
    padding-top: 100px;
    left: 0; top: 0;
    width: 100%; height: 100%;
    overflow: auto; /* 스크롤 허용 auto */
    cursor: pointer; /* 마우스 손가락모양 */
    background-color: rgba(0, 0, 0, 0.8);
    /*max-width: 85%;*/
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}

.review_modal_content {
    margin: auto;
    display: block;
    width: 70%;
    height: auto;
    max-width: 1000px;
    border-radius: 10px;
    animation-name: zoom;
    animation-duration: 0.8s;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.review_modal_close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.review_modal_close:hover, .review_modal_close:focus{
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.qna_q{
    display:inline-block;
    vertical-align: top;
    background:#ff0000;
    color:white;
    text-align:center;
    border-radius:100%;
    width:25px;
    line-height:25px;
    font-size:16px;
}
.qna_a{
    display:inline-block;
    vertical-align: top;
    background:#74cb66;
    color:white;
    text-align:center;
    border-radius:100%;
    width:25px;
    line-height:25px;
    font-size:16px;
}

.qna_content{
    display:inline-block;
    font-weight: bold;
    padding-left: 10px;
    width: 90%;
    max-width: 90%;
    text-align: left;
    font-size:15px;
    color: black;
    white-space: pre-wrap;
}

.product_detail_list_nothing{
    text-align: center;
}

.speech_bubble_span {
    position: absolute;
    background: #ff0000;
    color: white;
    border-radius: 5px;
    padding: 12px 12.8px;
    bottom: calc(100% + 3px);
    left: 50%;
    display: block;
    padding: 0 12px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    background-color: #ff0000;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 9;
}


.speech_bubble_span:after  {
     border-top: 10px solid #ff0000;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 0px solid transparent;
     content: "";
     position: absolute;
     top: 20px;
     left: 45%;
}

.table_qna{ margin-top:5px; margin-bottom:5px; }
.table_qna > table{ display:table; border-collapse:collapse; width:100%; }
.table_qna.fixed > table{ table-layout:fixed; }
.table_qna.center > table > * > tr > *{ text-align:center; word-break:break-all; }
.table_qna > table > * > tr > *{ vertical-align:middle; height:38px; border:1px solid #eaeaea; background:white; padding:5px;  font-size:18px; line-height:24px; letter-spacing:-0.025em; word-break:break-all;}
.table_qna > table > * > tr.bg02point > *{ background:#ffead3; }
.table_qna > table > * > tr.bg04point > *{ background:#def1f1; }
.table_qna > table > * > tr > th{  font-weight:normal; border-top:1px solid #999999; text-align:center; border-top:none; }
.table_qna > table > * > tr > *.label{  background:#fafafa; font-weight:normal; text-align:center; }
.table_qna > table > * > tr:first-child > *{ border-top:none; }
.table_qna > table > * > tr > *{ border-left:none; border-right:none; }
.table_qna.center > table > * > tr:hover > td { background-color: #f3f3f3; }
/*.table_qna.center > table > * > tr > td.table_qna_td { color: red; font-weight:bold; }*/
.table_qna_td { color: #ff0000 !important; font-weight:bold; }

.mypage_list_menu{margin-left: 20px;}

.question_write_btn{ text-align:center; display:inline-block; font-size:16px; font-weight:400;background:#ffffff;color: #8c8c8c; border:1px solid #d2d2d2;border-radius:1px;padding:8px 0 8px 0;box-sizing:border-box;}
.question_submit_btn{ text-align:center; display:inline-block;font-size:16px;font-weight:600;color:#ffffff;background:#df4747;border:1px solid #df4747;border-radius:1px;padding:5px 0 5px 0;box-sizing:border-box; }
.question_submit_btn > .fr{ float:right;}

.question_text_area{ padding:10px; box-sizing:border-box; border:1px solid #dddddd; width:100%; box-sizing:border-box; min-height:200px; resize:vertical; }
.question_text_area{ font-size:14px; line-height:1.5em; color:#333333; }

.question_my{ color: #ff0000; border:1px solid #ff0000; border-radius: 5px; padding: 1px 3px 1px 3px; }


.mypage_main_menu_div{
    height: 100px;
    display: block;
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
    /*justify-content: center;*/
    /*display: flex;*/
    align-items: center;
    /*text-align: center;*/
}

.mypage_nick_div{
    height: 50px;
    width: 100%;
    padding: 0px 15px;
    /*box-sizing: border-box;*/
    display: flex;
    /*align-items: center;*/
}

.mypage_main_menu_div .mypage_main_profile_img {width: 50px; height: 50px; display: block; margin-right: 10px; object-fit: cover; border-radius: 70%; float:left;}
.mypage_main_menu_div .nick_txt_over {
    white-space: nowrap;
    overflow: hidden;
    font-weight:bold;
}
.mypage_main_menu_div .nick_honor_title {
    color: black;
}
.mypage_main_menu_div .user_info {
    letter-spacing: -1px;
    display: inline-block;
    margin:0 auto;
    /*vertical-align: middle;*/
}

.mypage_main_menus {
    height: 80px;
    list-style: none;
    margin-top: 10px;
    padding: 0px;
    text-align: center;
    width: 100%;
    min-width: 350px;
}

.mypage_main_menus .mypage_menu_btn{
    display: inline-block;
    width: 23%;
}

.mypage_main_menus .mypage_menu_btn:hover {
    cursor: pointer;
}


.mypage_main_menus .mypage_menu_img{
    height: 40px;
    /*border: 1px solid black;*/
}

.mypage_main_save {
    height: 80px;
    list-style: none;
    padding: 0px;
    text-align: center;
}

.mypage_main_save .save_area{
    height: 50px;
    background-color: #ebebeb;
    border: 1px solid #dddddd;
    margin-top: 20px;
    border-radius: 10px;
    width: 100%;
    min-width: 350px;
}

.mypage_main_save .save_area .cpn_save_cnt {width: 49%;  margin-top: 12px; display: inline-flex;justify-content: space-between; }
.mypage_main_save .save_area .cpn_save_cnt .sc_cnt {width : 60%; color: #ff0000; text-align: right; font-weight:bold; font-size:16px; margin-right: 10px}

.mypage_main_save .save_area .cpn_save_cnt:hover {
    cursor: pointer;
}

.scrollLock { overflow: hidden; }


.rank_box {
     position: absolute;
     top:0;
     left:0;
     display: flex;
     z-index:10;
 }
.rank_box .rank_txt {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 4px;
     width: 28px;
     height: 28px;
     line-height: 1;
     font-size: 0.85rem;
     font-weight: 600;
     color: #fff;
     background-color: #4D6E4D;
     border-radius: 0;
 }

#foot_fixed {
    position: fixed;
    width: 60px;
    left: 50%;
    transform: translateX(240px);
    bottom: 100px;
    z-index: 85; /* 포지션을 먼저 지정후 z-좌표(레이어) : 9999입니다. */
}

.leftArea{
    width: 400px;
    height: 100%;
    position: fixed;
    bottom : 0%;
    left : calc(50% - 720px);
}
.leftfixed{
    height: 100%;
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 400px;
    align-items: center;
    justify-content: center;
}

.signup-btn {
    border: 1px solid #eb2024;
    background-color: white;
    color: #eb2024;
    padding: 10px 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.signup-btn:hover {
    border: 1px solid #eb2024;
    background-color: #eb2024;
    color: white;
}

.login_popup {
    background: #fff;
    border-radius: 20px;
    padding: 35px 20px;
    width: 400px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    position: relative;
}
.login_popup h2 {
    text-align: center;
    margin-bottom: 20px;
}

.guest-link {
    display: block;
    width: 60%;
    margin-top: 20px;
    padding: 12px;
    font-size: 14px;
    /*font-weight: bold;*/
    color: #333;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-align: center;
    margin: 20px auto 0;
}

.guest-link:hover {
    background-color: #ddd;
    color: #000;
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 44px;
    line-height: 44px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #555;
    z-index: 200;
}

.rightArea{
    width: 400px;
    height: 100%;
    position: fixed;
    bottom : 0%;
    right : calc(50% - 720px);
}
.rightfixed{
    height: 100%;
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 200px;
    align-items: center;
    justify-content: center;
}

.recently-viewed-wrapper {
    text-align: center;
    font-family: sans-serif;
}

.recently-viewed-wrapper h4 {
    font-size: 16px;
    margin-bottom: 12px;
    color: #333;
}

.recently-viewed-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.recently-viewed-list li {
    margin-bottom: 12px;
}

.recently-viewed-list img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #ddd;
    transition: transform 0.3s;
}

.recently-viewed-list img:hover {
    transform: scale(1.05);
}

.hide-important {
    display: none !important;
}



@media all and (max-width:767px){
    #top_category.fixed,
    #product_detail_tab_nav.fixed{
        width:100%;
        max-width:100%;
        left: 0;
        /*padding-right: 10px;*/
        /*padding-left: 10px;*/
    }
    #foot_fixed {
            left: calc(100% - 60px - 20px);
            transform: translateX(0px);
        }
}