@charset "utf-8";

/*================================================================*/
/*=========================== 공용CSS =============================*/
/*================================================================*/
input[type=text], input[type=password], textarea {-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;outline:none;position:relative;resize: vertical;}
/*input[type=text]:focus,input[type=password]:focus, input[type=email]:focus {-webkit-box-shadow:  0 0 5px #9ed4ff;-moz-box-shadow:  0 0 5px #9ed4ff;box-shadow: 0 0 5px #9ed4ff;}*/

[type=checkbox] {width: 14px;height: 14px;color: dodgerblue;vertical-align: middle;-webkit-appearance: none;background: none;border: 0;outline: 0;flex-grow: 0;border-radius: 0%;background-color: #FFFFFF;transition: background 300ms;cursor: pointer;}
[type=radio] { width: 1.25rem;height: 1.25rem;color: dodgerblue;vertical-align: middle;-webkit-appearance: none;background: none;border: 0;outline: 0;flex-grow: 0;border-radius: 50%;background-color: #FFFFFF;transition: background 300ms;cursor: pointer;}
/* Pseudo element for check styling */
[type=checkbox]::before {content: "";color: transparent;display: block;width: inherit;height: inherit;border-radius: inherit;border: 0;background-color: transparent;background-size: contain;box-shadow: inset 0 0 0 1px #CCD3D8;}
[type=radio]::before {content: "";color: transparent;display: block;width: inherit;height: inherit;border-radius: inherit;border: 0;background-color: transparent;background-size: contain;box-shadow: inset 0 0 0 1px #CCD3D8;}
/* Checked */
[type=checkbox]:checked, [type=radio]:checked {background-color: currentcolor;}
[type=checkbox]:checked::before, [type=radio]:checked::before {box-shadow: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");}
/* Disabled */
[type=checkbox]:disabled, [type=radio]:disabled {background-color: #CCD3D8;opacity: 0.84;cursor: not-allowed;}
/* IE */
[type=checkbox]::-ms-check, [type=radio]::-ms-check {content: "";color: transparent;display: block;width: inherit;height: inherit;border-radius: inherit;border: 0;background-color: transparent;background-size: contain;box-shadow: inset 0 0 0 1px #CCD3D8;}
[type=checkbox]:checked::-ms-check, [type=radio]:checked::-ms-check {box-shadow: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");}

select, button, input[type=text], input[type=submit], textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none; font-family: 'Pretendard', 'lato', 'noto sans kr', ����, 'Apple SD Gothic Neo', sans-serif;}
select { -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { select { padding-right: 22px !important; background: url(/images/bg_select.png) no-repeat right center; background-size: contain; } }
@-moz-document url-prefix() { select { padding-right: 22px !important; background: url(/images/bg_select.png) no-repeat right center; background-size: contain; } }

input[readonly] {cursor: not-allowed;}
input[disabled] {cursor: not-allowed;}

.switches [type="checkbox"] {
    position: absolute;
    left: -9999px;
}
.switches {position:relative;}
.switches li {position: relative;counter-increment: switchCounter;}
.switches li:not(:last-child) {border-bottom: 1px solid #434257;}
.switches li::before {content: counter(switchCounter);position: absolute;top: 50%;left: -30px;transform: translateY(-50%);font-size: 2rem;font-weight: bold;color: #ff4b77;}
.switches label {display: flex;align-items: center;gap: 10px;font-size: 14px; font-weight: 600;}
.switches span:last-child {position: relative;width: 50px;height: 26px;border-radius: 15px; background: #779dff;transition: all 0.3s;}
.switches span:last-child::before,.switches span:last-child::after {content: "";position: absolute;}
.switches span:last-child::before {left: 1px;top: 1px;width: 24px;height: 24px;background: #e8e9ed;border-radius: 50%;z-index: 1;transition: transform 0.3s;}
.switches span:last-child::after {top: 50%;right: 4px;transform: translateY(-50%);content: "\e922";font-family: xeicon;font-size: 21px;color: #fff;}
.switches [type="checkbox"]:checked + label span:last-child {background: #00d084;}
.switches [type="checkbox"]:checked + label span:last-child::before {transform: translateX(24px);}
.switches [type="checkbox"]:checked + label span:last-child::after {left: 5px;background-size: 14px 14px;content: "\e929";text-align:left}

@media screen and (max-width: 600px) {
	.switches li::before {
		display: none;
	}
}

.dimm{position:absolute;left:0;top:0;z-index:99999999;background-color:#000;display:none;opacity: 0.4;}

.div-wr {position:relative; width:100%;display:block;}
.div-cont {position:relative;width:440px !important;display:block;}
.flex {display:flex;}
.drt-column {flex-direction: column;}
.drt-row {flex-direction: row;}
.gird {display:gird;}
.flex-bw {justify-content:space-between !important}
.flex-align-center {align-items:center !important}
.flex-start {justify-content:start !important;}
.flex-centet {justify-content:centet !important;}
.flex-end {justify-content:end !important;}

button {cursor:pointer; background-color:transparent; border:none;}
input::placeholder {color: #888;}
.cursor {cursor:pointer}
/* input �⺻���� */
.frm_input {box-sizing: border-box;width: 100%;height: auto;padding: 0.8em 1em;font-size: 1.5rem;font-weight: 500;border: 1px solid #eaeaea;background: #fff;border-radius: 0.5rem;font-size: 14px;}

.toggle-arrow {position:relative; display: block; width: 40px;height: 40px;}
.toggle-arrow::before {font-family: xeicon;content: "\e941";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: transform 0.3s ease;}
.toggle-arrow.open::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

/*정렬 */
.center, .c {text-align:center !important;}
.right, .r {text-align:right !important;}
.left, .l {text-align:left !important;}

/* 기본색상 */
.c0  {color:#000 !important;}
.c2  {color:#222 !important;}
.c3  {color:#333 !important;}
.c5  {color:#555 !important;}
.c6  {color:#666 !important;}
.c8  {color:#888 !important;}
.c9  {color:#999 !important;}
.cf  {color:#fff !important;}

/*색상*/
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#b3b7bc !important;}
.cred {color:#DF2519 !important;}
.cblue {color:#2176C6 !important;}
.cblue1 {color:#4e70a5 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9F2C00 !important;}
.corg {color:#ff5612 !important;}
.bgray {background-color:#EAEAEA;border:1px solid #7F9DB9;}

.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}

.w5p {width:5%!important; }
.w10p{width:10%!important;}
.w15p{width:15%!important;}
.w20p{width:20%!important;}
.w25p{width:25%!important;}
.w30p{width:30%!important;}
.w35p{width:35%!important;}
.w40p{width:40%!important;}
.w45p{width:45%!important;}
.w50p{width:50%!important;}
.w55p{width:55%!important;}
.w60p{width:60%!important;}
.w65p{width:65%!important;}
.w70p{width:70%!important;}
.w75p{width:75%!important;}
.w80p{width:80%!important;}
.w85p{width:85%!important;}
.w90p{width:90%!important;}
.w95p{width:95%!important;}
.w100p{width:100% !important; _width:100% !important; *width:100% !important;}

/* 페딩 */
.pad0a {padding:0px !important}
.pad0l {padding-left:0px !important}
.pad0r {padding-right:0px !important}
.pad0t {padding-top:0px !important}
.pad0f {padding-bottom:0px !important}
.pad5a {padding:5px !important}
.pad5tf {padding-top:5px !important;padding-bottom:5px !important;}
.pad5lr {padding-left:5px !important; padding-right:5px !important;}
.pad5r {padding-right:5px !important}
.pad5l {padding-left:5px !important}
.pad5t {padding-top:5px !important}
.pad5f {padding-bottom:5px !important}
.pad10a {padding:10px !important}
.pad10tf {padding-top:10px !important;padding-bottom:10px !important}
.pad10lr {padding-left:10px;padding-right:10px;}
.pad10r {padding-right:10px !important}
.pad10l, .pad10 {padding-left:10px !important}
.pad10t {padding-top:10px !important}
.pad10f {padding-bottom:10px !important}
.pad15a {padding:15px !important}
.pad15tf {padding-top:15px !important;padding-bottom:15px}
.pad15lr {padding-left:15px !important;padding-right:15px !important}
.pad15r {padding-right:15px !important}
.pad15l, .pad15 {padding-left:15px !important}
.pad15t {padding-top:15px !important}
.pad15f {padding-bottom:15px !important}
.pad20a {padding:20px !important}
.pad20tf {padding-top:20px !important;padding-bottom:20px !important}
.pad20lr {padding-left:20px !important;padding-right:20px !important}
.pad20r {padding-right:20px !important}
.pad20l, .pad20 {padding-left:20px !important}
.pad20t {padding-top:20px !important}
.pad20f {padding-bottom:20px !important}
.pad25a {padding:25px !important}
.pad25tf {padding-top:25px !important;padding-bottom:25px !important}
.pad25lr {padding-left:25px !important;padding-right:25px; !important}
.pad25r {padding-right:25px !important}
.pad25l,.pad25 {padding-left:25px !important}
.pad25t {padding-top:25px !important}
.pad25f {padding-bottom:25px !important}
.pad30a {padding:30px !important}
.pad30tf {padding-top:30px !important;padding-bottom:30px !important}
.pad30lr {padding-left:30px !important;padding-right:30px !important}
.pad30r {padding-right:30px !important}
.pad30l, .pad30 {padding-left:30px !important}
.pad30t {padding-top:30px !important}
.pad30f {padding-bottom:30px !important}


.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}


.ls-0 { letter-spacing:0px; }
.ls-05 { letter-spacing:-0.5px; }
.ls-1 { letter-spacing:-1px; }
.ls-2 { letter-spacing:-2px; }

.lh-20 { line-height:20px; }
.lh-24 { line-height:24px; }
.lh-30 { line-height:30px; }
.lh-36 { line-height:36px; }
.lh-40 { line-height:40px; }
.lh-48 { line-height:48px; }

/*마진*/
.mg5t {margin-top:5px !important;}
.mg5l {margin-left:5px !important;}
.mg5r {margin-right:5px !important;}
.mg5f {margin-bottom:5px !important;}
.mg10r {margin-right:10px !important;}
.mg10l {margin-left:10px !important;}
.mg10t {margin-top:10px !important;}
.mg10f {margin-bottom:10px !important;}
.mg10tf {margin-top:10px !important;margin-bottom:10px !important;}
.mg15f {margin-bottom:15px !important;}
.mg20f {margin-bottom:20px !important;}
.mg25f {margin-bottom:25px !important;}
.mg30f {margin-bottom:30px !important;}
.mg15t {margin-top:15px !important;}
.mg20t {margin-top:20px !important;}
.mg25t {margin-top:25px !important;}
.mg30t {margin-top:30px !important;}
.mg5 {margin-left:5px !important;}
.mg10 {margin-left:10px !important;}
.mg15 {margin-left:15px !important;}
.mg20 {margin-left:20px !important;}
.mg25 {margin-left:25px !important;}
.mg30 {margin-left:30px !important;}
.mg5a {margin:5px !important;}
.mg10a {margin:10px !important;}
.mg15a {margin:15px !important;}
.mg20a {margin:20px !important;}
.mg25a {margin:25px !important;}
.mg30a {margin:30px !important;}

.gap5 {gap:5px;}
.gap10 {gap:10px;}
.gap15 {gap:15px;}
.gap20 {gap:20px;}
.gap25 {gap:25px;}
.gap30 {gap:30px;}
.gap35 {gap:35px;}
.gap40 {gap:40px;}

.blind {display:none !important;}
.alarm-info {display: flex;gap: 3px;align-items: center;margin-top: 5px;font-size:12px; color:#ff0000; padding: 0px 0px 0px 10px;}
.icon-toggle {font-size: 11px;transition: transform 0.3s ease; /* ������ ȸ�� �ִϸ��̼� */}
.icon-rotate {font-size: 11px;transform: rotate(180deg); /* + �������� - ���������� ȸ�� */}

.scrollbar {overflow-y: auto;}
/* 스크롤바 */
.scrollbar::-webkit-scrollbar {width: 10px;}
.scrollbar::-webkit-scrollbar-thumb {background: rgb(103 85 239); /* ��ũ�ѹ� ���� */border-radius: 10px; /* ��ũ�ѹ� �ձ� �׵θ� */}
.scrollbar::-webkit-scrollbar-track {background: rgb(103 85 239, .1);  /*��ũ�ѹ� �� ��� ����*/}

/* üũ�ڽ� �����̵� ��� */
.toggle-cont {display: flex;align-items: center;gap: 8px;}
.toggle-cont .label-text {font-size: 13px;color: #333;}
.switch {position: relative;display: inline-block;width: 38px;height: 18px;}
/* �⺻ üũ�ڽ� ����� */
.switch input {opacity: 0;width: 0;height: 0;}
/* �����̴� ��Ÿ�� */
.slider-toggle {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;border-radius: 34px;}
/* �����̴��� ���� ���� */
.slider-toggle:before {position: absolute;content: "";height: 12px;width: 12px;left: 4px;bottom: 3px;background-color: white;transition: 0.4s;border-radius: 50%;}
/* üũ�� ���¿����� ���� */
input:checked + .slider-toggle {background-color: #2196F3;}
/* üũ�� ���¿��� �����̴��� ��ġ ���� */
input:checked + .slider-toggle:before {transform: translateX(18px);}
/* �����̴��� �׸��� �߰� (���û���) */
.slider-toggle {box-shadow: 0 0 1px #2196F3;}

.empty_table {padding: 50px 0 !important;text-align: center;color: #000 !important;font-size: 13px;font-weight: 600;}
.empty_list, .empty_li {float:inherit;display:block;width:100%;padding:20px 0 !important;text-align:center;color:#777 !important;min-height: 150px;line-height: 150px;border-left: none !important; border-right: none !important; font-size:14px; font-weight:600}
.tooltip:after {content: "";display: block;width: 0;height: 0;position: absolute;z-index: 1000;bottom: 18px;left: -2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #404040;display: none;background: transparent;}

.loading-proc {width: 100%;display:none;height: 100%;background-color: rgba(0, 0, 0, .3);position: absolute;}
.loading-proc i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 46px;}

.cont-wr {position: relative;background-color: rgb(255, 255, 255);overflow: hidden; width:440px; height:100%;box-shadow: 0 0 20px -2px #b7b7b7bf;}
.cont-gap {padding:0px 10px;}
.cont-header {display: flex;justify-content: space-between;align-items: center;margin: 30px 0 10px;}
.cont-header h3 {font-size:14px; font-weight:600;}
.cont-header h3 strong{color:orange; margin-left:5px;}



/* 팝업 */
.new_win {}
.new_win #win_title {height:50px;line-height:30px;padding:10px;font-size:1.25em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con {margin:0 10px 10px}

.new_win .win_ul {margin:0 0 10px 1px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;width:33.333%;margin-left:-1px;text-align:center;background:#fff}
.new_win .win_ul li a {display:block;padding:10px 0;color:#667287;border:1px solid #dedede}
.new_win .win_ul .selected {position:relative;border:1px solid #f03040;color:#f03040;z-index:5}
.new_win .win_ul .selected a {font-weight:bold;background:#17bb9c;color:#fff}

.new_win .win_desc {padding:10px 0;margin:10px 0;font-size:1em;font-weight:bold;color:#364154;background:#dfe3ea;text-align:center}
.new_win .frm_info {display:block;margin:3px 0 0 0;text-align:right;font-size:0.92em;color:#707e8b}
.new_win .win_total {text-align:left;margin:10px 0;background:#fbfbfb;border:1px solid #f3f3f3;padding:10px 15px}
.new_win .win_total span {display:inline-block;font-size:1em;color:#707e8b}
.new_win .win_total span.win_total_r {float:right}

.new_win .win_btn {text-align:center;margin:20px 0 20px}
.new_win .memo_view_opt {padding:10px;border:1px solid #d9dee9;border-top:0;text-align:left;background:#f7f7f9}
.new_win .memo_view_opt:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .memo_view_opt .btn_right {float:right;margin-left:5px}
.new_win .memo_view_btn {margin:25px 0;text-align:center}
.new_win .btn_close {height: 40px; border: 1px solid #ccc; padding: 0 10px; line-height: 35px; margin: 0 auto; background: #fff; color: #000; cursor: pointer; display: block; margin-top: 20px;}
.new_win .btn_submit {height:40px;font-weight:bold;padding:0 10px;border-radius:3px}
#find_info {width: 100%; margin: 0 auto; padding:0px;}
#find_info .btn_submit {width:100%;}


.form-wr {width: 100%; margin: 0 0 20px;}
.form-wr h2 {font-size:24px;}
.form-wr h3 {font-size:14px; font-weight:400; margin-top:10px; color:#000}
.form-wr ul {width: 100%;display: flex;flex-direction: column;gap: 10px;margin: 50px 0px 30px 0px;}
.form-wr ul li {margin-bottom: 15px;font-size: 1em;width: 100%;}
.form-wr ul li .line-box {width: 100%;position: relative;display: inline-block;}
.form-wr ul li .line-box > input:focus {outline: none;}
.form-wr ul li .line-box {width:100%;position:relative;display:inline-block;}
.form-wr ul li .line-box::after, .form-wr ul li .line-box::before {content: ' ';width:0%;bottom:0px;left: 50%;transform: translate(-50%, -50%);position:absolute;transition:ease-in-out .5s all;}
.form-wr ul li .line-box::before {width:100%;border-bottom: 1px solid #e1e1e1;}
.form-wr ul li .line-box::after {border-bottom: 1px solid #182362;}
.form-wr ul li .line-box:focus-within::after {width:100%;}
.form-wr ul li input {width:100%;}
.form-wr .btn_confirm {display:flex;text-align: center;}
.form-wr .btn_confirm .btn_cancel, .form-wr .btn_confirm .btn_submit {float: left;height: 50px !important;width: 49.5%;text-align: center;font-weight: bold;font-size: 1.083em;}
.form-wr .btn_confirm .btn_submit {margin-left: 1%;}

textarea.pre {background-color: #fff;border-radius: 5px;overflow-x: auto;white-space: pre-line;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: Pretendard, apple sd gothic neo, noto sans kr, malgun gothic, sans-serif;color: var(--color-gray-900);border: none;font-size: 13px;line-height: 18px;min-height: 120px;}
textarea.pre::-webkit-scrollbar {width: 5px;background-color: transparent}
textarea.pre::-webkit-scrollbar-thumb {width: 3px;border-radius: 5em;background-color: #dbe0e9}
textarea.pre::-webkit-scrollbar-track {width: 3px;background-color: transparent}

.mini-srollbar {background-color: #fff;border-radius: 5px;overflow-x: auto;-webkit-appearance: none;-moz-appearance: none;appearance: none; border: none;font-size: 13px;line-height: 18px;}
.mini-srollbar::-webkit-scrollbar {width: 5px;background-color: transparent}
.mini-srollbar::-webkit-scrollbar-thumb {width: 3px;border-radius: 5em;background-color: #dbe0e9}
.mini-srollbar::-webkit-scrollbar-track {width: 3px;background-color: transparent}

.more-view-wr {padding:0px 15px;}
.more-view {width: 100%;line-height: 48px;border-radius: 5px;font-weight: 600;margin: 0px 0px 0px 0px;background-color: #fff;border: 1px solid #eee;transition: all 0.5s; font-size:14px;}
.more-view:hover {background-color:rgb(103 85 239); color:#fff;}
.more-view i {margin:0px 10px 0px 0px;transition: all 0.2s;}
.more-view:hover i{transform: rotate( 180deg ); color:#fff;}

#btn_more_item{width: 100%;line-height: 48px;border-radius: 5px;font-weight: 600;margin: 0px 0px 0px 0px;background-color: #fff;border: 1px solid #eee;transition: all 0.5s;font-size: 14px;}
#btn_more_item:hover {background-color:rgb(103 85 239); color:#fff;}
#btn_more_item i {margin:0px 10px 0px 0px;transition: all 0.2s;}
#btn_more_item:hover i{transform: rotate( 180deg ); color:#fff;}

#item_load_msg {display: none;flex-direction: column;justify-content: center;gap: 15px;text-align: center;align-items: center;margin: 20px 0;font-weight: 600;font-size: 14px;}
/*------------------------ �ݱ� ------------------------*/
.close-icon {position: relative;width: 24px;height: 24px;cursor: pointer;transition: transform 0.5s ease;}
.close-icon::before, .close-icon::after {content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 1px;background-color: black;transform-origin: center;}
.close-icon::before {transform: translate(-50%, -50%) rotate(45deg);}
.close-icon::after {transform: translate(-50%, -50%) rotate(-45deg);}
.close-icon:hover {transform: rotate(180deg);}



/* üũ�ڽ� ������ */
.set_chkbox {position: relative;display: flex;align-items: center;}
.set_chkbox input {position:absolute; left:0; top:0; width:0; height:0; border:0;}
.set_chkbox label {line-height: 23px;font-size: 14px;color: #444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;cursor:pointer;}
.set_chkbox label:before {content:""; position:relative; top:1px; display:block; float:left; width:20px; height:20px; margin-right:6px; border:2px solid #999; border-radius:50px; background-image:url(/images/check.png); background-repeat:no-repeat; background-position:3px 3px; background-size:10px; box-sizing:border-box;}
.set_chkbox input:checked+label:before {border:2px solid #4462ff; background-image:url(/images/check_on.png); background-color:#4462ff;}

.btn_submit{background: #4462ff;color: #fff;cursor: pointer;border: 0;border-radius: 5px;width: 100%;height:44px;font-size: 14px;font-weight: 600;display: flex;align-items: center;justify-content: center;}



/*------------------------------------------------- ���Ϲڽ� �� ----------------------------------------------------*/ 
.filebox {position: relative;display: flex;gap: 5px;align-items: center;}
.filebox input {display: inline-block !important;}
.filebox label {line-height: 32px;display: inline-block;padding: 0em 0.75em;color: #fff;font-size: inherit;vertical-align: middle;background-color: #2d7ef9;cursor: pointer;border: 1px solid #2d7ef9;border-radius: 0;font-size: 12px;margin: 0px;}
.filebox input[disabled] {display: block;width: 100%;padding: 6px 12px;font-size: 14px;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 0px;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.filebox .file-prev {width: 44px;height: 44px;margin: 0px !important;padding: 2px;background: #eee;border: 1px solid #ddd;overflow:hidden;border-radius:5px;display: flex;flex-shrink:0;align-items: center;
    justify-content: center;}
.filebox .file-prev.active {cursor:pointer; } 
.filebox .file-prev img {width:100%;}	
.filebox.preview {padding-left:55px;}
.filebox.preview .file-prev {width: 48px;height: 48px;position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);display: flex;justify-content: center;align-items: center;}
.filebox.preview input[disabled] {width:75%}
.filebox.preview label {color: #fff;margin: 0px;line-height: 46px;font-size: 14px;width: 25%;border-bottom: 5px;text-align: center;border-radius: 5px;border: 1px solid transparent;background-color: #ff6060;}
.file_size_chk {font-size: 12px;margin: 0 0 10px; padding:0px 0px 0px 10px}
.file_size_chk .info-icon {padding: 10px 0 0 0; display: block;}

/*------------------------ ����޴� ------------------------*/
.top-menu {width: 100%;max-width: 600px;margin: 0 auto 0px;padding: 0;background: #f7f7f7;position: relative;}
.top-menu ul {display: grid;grid-template-columns: repeat(5, 1fr);text-align: center;position: relative;}
.top-menu ul.cols-02 {grid-template-columns: repeat(2, 1fr);}
.top-menu ul.cols-03 {grid-template-columns: repeat(3, 1fr);}
.top-menu ul.cols-04 {grid-template-columns: repeat(4, 1fr);}
.top-menu li {position: relative;display: flex;align-items: center;cursor: pointer;transition: color 0.3s;font-weight: 600;font-size: 14px;color: #000;justify-content: center;line-height: 45px;}
.top-menu li.active {color: #000;}
.top-menu li.active, .top-menu li.bar-hover {color: #ff8a00;}
.top-menu .bar-line {position: absolute;bottom: 0;height: 2px;background-color: #ff8a00;transition: left 0.3s ease, width 0.3s ease;left: 0;width: 0;}

.top-info {position: relative;background-color: #f7f7f7;margin-bottom: 30px;display: flex;align-items: center;padding: 10px;}
.top-info p {background-color: #fff;width: 100%;line-height: 40px;font-size: 14px;text-align: center;border-radius: 8px;color: #ff0000;}

/*================================================================*/
/*========================== ���������� ============================*/
/*================================================================*/
.layout-wr{display: flex;-webkit-box-pack: center;justify-content: center;flex-direction: row;-webkit-box-align: center;align-items: center;background-color: #f1f1f1; /*height: var(--vh);*/}
.vis-wr {position: relative;width: 470px;}
.vis-layout {position: fixed;width: 470px;height: 720px;top: 50%;transform: translateY(-50%);text-align:center;display: flex; align-items: center;}
.vis-layout .app-wr {width: 100%;display: flex;flex-direction: column;}
.vis-layout .app-wr .app-logo {}
.vis-layout .app-wr .app-logo img {width:150px;}
.vis-layout .app-wr .app-title {margin: 30px 0px 0px 0px;}
.vis-layout .app-wr .app-title p{padding-top:10px; font-size:16px;}
.app-download {width: 100%;display: block;margin-top: 50px;}
.app-download h3 {font-family: 'Pretendard';font-size: 21px;font-weight: 600;text-align: center;margin-bottom: 15px;}
.app-download .app-button {display: flex;gap: 10px;justify-content: center;}
.app-download .app-button button {width: 162px;height: 50px;border: none;background-color: #fff;cursor: pointer;text-indent: -9999px;}
.app-download .app-button button:first-child {background: url('../icon/btn_apple.svg') 0 0 no-repeat;background-size: contain;}
.app-download .app-button button:last-child {background: url('../icon/btn_google.svg') 0 0 no-repeat;background-size: contain;}
.btn-link {position: absolute;right: 20px;top: 50%;transform: translate(-0%, -50%);display: flex;align-items: center;justify-content: center;gap:20px;}
.btn-link i {font-size:21px;} 

#footer-menu {width: 100%;bottom: 0;display: flex;position: fixed;flex-direction: column;justify-content: space-between;overflow: hidden;z-index: 1000;background-color: #fff;border-top: 1px solid #ddd;}
#footer-menu ul {height: 55px;align-items: center; padding: 0px;margin: 0;list-style: none;display: flex;}
#footer-menu li {display: flex;flex: 1;align-items: center;flex-direction: column;justify-content: center;padding: 0;margin: 0;text-align: center;font-size: 13px;color: #001a28;height: 50px;cursor: pointer;}
#footer-menu li.charge:before {content: '';
    background: url(/images/icon_under_construction.png) no-repeat center center;
    height: 25px;
    width: 25px;
    background-size: contain;}
#footer-menu li i {font-size:21px;}
#footer-menu li:hover {color:#b228f5}
#footer-menu li.active {color: #ff8a00;font-weight: 800;}

.giftbox-total {padding: 20px 15px;font-size: 14px;background-color: #edf3fc;display: flex;justify-content: space-between;width: 100%;}
.giftbox-total span {font-size:18px; font-weight:600}
.giftbox-list {margin:0px 0px 15px 0}
.giftbox-list ul{display:flex; flex-direction:column;width:100%;}
.giftbox-list ul li {padding: 5px 10px; border-bottom: 1px solid #ddd;}
.giftbox-list ul li:last-child {border-bottom:none;}
.giftbox-cont { display: flex; gap: 5px;align-items: center;}
.giftbox-cont .profile-icon{width: 60px; text-align: center; padding: 5px;}
.giftbox-cont .profile-icon img {width:100%; border-radius:50%}
.giftbox-cont .gift-price{font-size: 16px;color: #3a8afd;font-weight: bold;width: 110px;display: flex;justify-content: end;align-items: center;padding: 0px 10px 0 0;flex-shrink: 0;}

.giftbox-cont .info-wr {flex: 1;display: flex;flex-direction: column;gap: 10px;color: #696969;font-size: 13px;}
.giftbox-cont .info-wr .recv-name, .giftbox-cont .info-wr .send-name {display: flex;gap: 10px; align-items: center;}
.giftbox-cont .info-wr .sv_member {font-size:14px; font-weight:600}
.giftbox-cont .info-wr img {border-radius:50%; }
.giftbox-cont .info-wr button {position: relative;border-radius: 15px;background: #c9c9c9;color: #fff;width: 25px; height: 25px;display: flex;align-items: center;justify-content: flex-start; transition: width 0.5s ease, padding 0.5s ease;overflow: hidden;white-space: nowrap;padding-left: 5px;}
.giftbox-cont .info-wr button:before {content: "\ea3a";font-size: 16px;font-family: xeicon !important;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);}
.giftbox-cont .info-wr button span {opacity: 0;visibility: hidden;margin-left: 10px;transition: opacity 0.5s ease, margin-left 0.5s ease;}
.giftbox-cont .info-wr button.active {width: 80px;padding: 5px 10px;transition: width 0.5s ease, padding 0.5s ease;}
.giftbox-cont .info-wr button.active span {opacity: 1;visibility: visible;margin-left: 10px;transition: opacity 0.5s ease, margin-left 0.5s ease;}
.giftbox-cont .info-wr button:hover {width: 80px; padding: 5px 10px;background-color:#46b900}
.giftbox-cont .info-wr button:hover span {opacity: 1;visibility: visible;padding: 0px 0px 0px 5px;}
.giftbox-cont .info-wr button:not(:hover) {width: 25px;padding: 0;}
.giftbox-cont .info-wr button:not(:hover) span {opacity: 0;visibility: hidden;}

/*------------------------ ���̵�� ------------------------*/
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb;font-size: 12px;}
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color: #000;font-weight: 500;font-size: 13px;}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/*================================================================*/
/*============================= ��� ==============================*/
/*================================================================*/


/*------------------------ ��� ------------------------*/

#header #btn_nav {position: absolute;left: 20px;top: 50%;transform: translate(-0%, -50%);}
#header #btn_nav > a { display: block; position: relative; width: 22px; height: 24px; }
#header #btn_nav > a span, #header #btn_nav > a span:before, #header #btn_nav > a span:after { display: block; width: 100%; height: 1px; background-color: #444; -webkit-transition: all 0.3s; transition: all 0.3s; }
#header #btn_nav > a span { position: absolute; left: 0; top: 50%; text-indent: -999%; font-size: 0; line-height: 0; }
#header #btn_nav > a span:before, #header #btn_nav > a span:after { content: ""; position: relative; }
#header #btn_nav > a span:before { top: -6px; }
#header #btn_nav > a span:after { top: 5px; }
#header #btn_nav.on span { background-color: transparent; }
#header #btn_nav.on span:before, #header #btn_nav.on span:after { background-color: #444; }
#header #btn_nav.on span:before { top: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#header #btn_nav.on span:after { top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }


#header {position: fixed; top: 0; background-color: #fff; width: 100%; height: auto; margin: 0 auto; z-index: 999;transition: all 0.1s;border-bottom: 1px solid #cbcbcb;}
#header .inner {padding: 0px;height: 54px;;margin: 0px;display: flex;width: 100%;align-items: center;}
#header .inner .header-icon {width: 110px;display: flex;flex-shrink: 0;}
#header .inner .header_title {font-weight: 600;font-size: 16px;flex: 1;text-align: center;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
#header .inner .header-link {width: 110px;display: flex;justify-content: center;flex-shrink: 0;}
#header .inner .header-link > a {width: 45px;height: 45px;display: flex;justify-content: center;align-items: center; font-size:26px;color: #b228f5;}
#header .inner .header-link > a > img {width:22px}
#header .inner .header-link .noti-wr {display: block;width: 45px;height: 45px;}
#header .inner .header-icon a.logo, #header .inner .header-icon a.back {margin:0 0 0 15px}
#header .inner .header-icon a.logo img {width: 80px; height: auto;}
#header .inner .header-icon a.back i {font-size:28px; color:#000;}
#header .inner .header-icon a.back i:hover {color:#ff0000}

#header .link-mypage:hover {	content: url('<?php echo G5_THEME_URL ?>/icon/over_cart.svg');}
#header .link-back:hover {	content: url('<?php echo G5_THEME_URL ?>/icon/over_left_arrow.svg');}

/*------------------------ �޴� ------------------------*/
#nav {display: block;overflow: auto;position: absolute;top: 0;left: 0;width: 100%;height: 100vh;transform: translate(-100%, 0%);background: #fff;z-index: 200;transition: all 0.4s;}
#nav > div.nav-wr { overflow-y:auto; height: 100%; }
#nav .btn_close { position: absolute; right: 10px; top: 10px; color: #fff; }
#nav .set_login { text-align: left; padding: 18px 5%; background-color: #3d2a74; }
#nav .set_login > * { display: inline-block; }
#nav .set_login li { position: relative; }
#nav .set_login li:after { content: ""; display: inline-block; width: 1px; height: 10px; background-color: #ccc; margin: 0 10px; right: 0; top: 0; }
#nav .set_login li:last-child:after { display: none; }
#nav .set_login li a { font-size: 1.25rem; color: #fff; }
#nav .set_cart:after, #nav .set_best:after { content: ""; display: block; clear: both; }
#nav .set_cart li, #nav .set_best li { float: left; width: 50%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
#nav .set_cart li a, #nav .set_best li a { display: block; line-height: 32px; text-align: center; font-size: 1.3rem; color: #666; }
#nav .set_cart li:nth-child(2n), #nav .set_best li:nth-child(2n) { border-right: 0; }
#nav .nav_list a { display: block; padding: 0 5%; }
#nav .nav_list > li .dep1 { line-height: 40px; border-bottom: 1px solid #eee; font-size: 14px; font-weight: bold; color: #222; }
#nav .nav_list > li .dep2 li { padding: 5px 0; border-bottom: 1px solid #f0f0f0; background-color: #f9f9f9; }
#nav .nav_list > li .dep2 li a { line-height: 28px; font-size: 14px;; color: #555; padding-left:40px;}
.on #nav {transform: translateX(0%);transition: all 0.4s;transition-duration: 0.4s;transition-timing-function: ease;transition-delay: 0s;transition-property: all;}
#nav .btn-close {display: block;right: 0px;top: 0px;position: absolute;width: 55px;height: 55px;cursor:pointer;}
#nav .btn-close span {position: absolute;top: 50%;left: 50%;height: 1px;width: 30px;background: #000;transition: all 0.4s;}
#nav .btn-close span:first-child {transform: translate(-50%, -0%) rotate(45deg);}
#nav .btn-close span:nth-child(2) {opacity: 0;transform: translate(-50%, -0%);}
#nav .btn-close span:last-child {transform: translate(-50%, -0%) rotate(-45deg);}
.nav-link {display:flex;gap:0px;}
.nav-link a {font-size:13px;}
.nav-link a:first-child:after { content: "\00B7"; padding:0px 10px;}
.nav-top {display: flex;background: #fff;align-items: center;justify-content: space-between;padding-right: 60px;}
.nav-top .nav-title{color: #222;background: #fff;font-weight: 500;letter-spacing: -1px;margin: 0;line-height: 0;display: inline-block;text-align: left;padding: 0px 5px 5px 15px;}
.nav-top .nav-title a > img {max-height: 50px;}

.menubar { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; margin-top:7px; background:#fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); border-top:1px solid #dcdcdc; }
.menubar a { width:50%; padding:6px 15px; border-right:1px solid #dcdcdc; text-align:left; font-size:13px; letter-spacing:-1px; border-bottom:1px solid #dcdcdc; }
.menubar a:nth-child(2n) { border-right:0; }
.menubar a ion-icon { vertical-align:middle; margin-right:3px; }
.menubar a .m_katok { max-height:13px; vertical-align:middle; margin-right:3px; }


/*------------------------ ��ǰī�װ�� - ���� ------------------------*/
#navi-wr {background-color: #fff;padding: 0px 0;transform: translateY(100%); transition: all 0.3s;position: fixed;width: 100%;bottom:0;z-index: 1000;overflow-y: auto;height: calc(var(--vh) - var(--footer_vh));overflow-x: hidden;}
#navi-wr.active {transform: translateY(calc(var(--footer_vh) * -1));}

.navi-header {border-bottom: 1px solid #ddd;padding: 0px;height: 54px;margin: 0px;display: flex;width: 100%;align-items: center;box-sizing: border-box;}
.navi-header a.logo {width: 110px;display: flex;flex-shrink: 0;padding: 0 0 0 15px;}
.navi-header a.logo img{width:80px; height:auto}
.navi-header .navi-title {font-weight: 600;font-size: 16px;flex: 1;text-align: center;padding: 0 10px;}
.navi-header .navi-title span {}

.navi-header .button-close-wr {overflow: hidden;width: 110px;display: flex;align-items: center;justify-content: end;}
.navi-header button.button-close {position: relative;width: 50px;height: 50px;cursor: pointer;transition: transform 0.6s ease;outline: none;}
.navi-header button.button-close::before, .navi-header button.button-close::after {content: '';position: absolute;top: 50%;left: 50%;width: 30px;height: 2px;background-color: #333;transform-origin: center;}
.navi-header button.button-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.navi-header button.button-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.navi-header button.button-close:hover {transform: rotate(360deg);}

.cate_li_1 { border-bottom:1px solid #dcdcdc;; }
.cate_li_1:nth-last-child(1) { border-bottom:none; }
.cate_li_1 .sub_cate1 { display:none; width:100%; background:#f9f9f9; }
.cate_li_1_a { display:inline-block; position:relative; padding:10px 10px 10px 20px; width:100%;font-size:14px;font-weight:600}
.sub_cate1 .cate_li_2 { position:relative; border-top:1px solid #e1e1e1; }
.sub_cate1 .cate_li_2 > a { position:relative; width:100%; display:inline-block; padding:10px 25px; }
.sub_cate1 .cate_li_2 > a::before { content:''; position:absolute; top:8px; left:10px; width:1px; height:7px; border-left:1px dotted #000; }
.sub_cate1 .cate_li_2 > a::after { content:''; position:absolute; top:16px; left:10px; width:7px; height:1px; border-bottom:1px dotted #000; }
.sub_cate1 .cate_li_3 {position:relative;}
.sub_cate1 .cate_li_3 > a::before { content:''; position:absolute; top:7px; left:-14px; width:1px; height:7px; border-left:1px dotted #ccc; }
.sub_cate1 .cate_li_3 > a::after { content:''; position:absolute; top:15px; left:-14px; width:7px; height:1px; border-bottom:1px dotted #ccc; }
.sub_cate1 .cate_li_4 {position:relative;}
.sub_cate1 .cate_li_4 > a::before { content:''; position:absolute; top:8px; left:-14px; width:1px; height:7px; border-left:1px dotted #000; }
.sub_cate1 .cate_li_4 > a::after { content:''; position:absolute; top:16px; left:-14px; width:7px; height:1px; border-bottom:1px dotted #000; }
.cate_li_1 .sub_cate1.open { display:inline-block; }
.sub_cate1 .cate_li_2 > ul.opens { width:100%; display:inline-block; }
.sub_cate1 .cate_li_3 > ul.opens { display:inline-block; }
.sub_cate1 .cate_li_3 > ul { width:100%; display:none; padding-left:15px; padding-bottom:4px;}
.sub_cate1 .cate_li_2 > ul { display:none; padding-left:40px; padding-bottom:4px;}
/*------------------------ ��ǰī�װ�� - �� ------------------------*/

/*------------------------  ���� �� ��ǰ ����� - ���� ------------------------*/
#todayview {margin-top: 20px;}
#m_stv {display:flex; flex-direction:column; background:#fff; letter-spacing:-1px;}
#m_stv h1 {position:relative; width:100% font-size:13px; border-bottom:1px solid #dcdcdc; padding:5px 10px; }
#m_stv h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#m_stv_ul { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; list-style:none; background:#fff;}
#m_stv_ul li {width: 25%;background: #fff;position: relative;border-bottom: 0;padding: 5px;text-align: left;word-break: break-all;font-size: 12px;color: #666;flex-direction: column;justify-content: center;align-items: center;}
#m_stv_ul li:after {display:block;visibility:hidden;clear:both;content:""}
#m_stv_ul li .prd_img,
#m_stv_ul li .prd_cnt {display:inline-block;float:left}
#m_stv_ul li .prd_cnt {width:100%;}
#m_stv_ul li .prd_name,
#m_stv_ul li .prd_cost {display:block}
#m_stv_ul .qk_name { width:100%; line-height:1em; text-align:center; display:inline-block; padding:0 5px; transition:0.3s ease all; padding-top: 10px; padding-bottom: 5px;}
#m_stv_ul li .prd_name {font-size:1em}
#m_stv_ul li:hover .prd_name {color:#134cab}
#m_stv_ul li .prd_cnt .prd_cost {margin-top:5px;font-weight:bold}
#m_stv_ul li .prd_img img { width:100%; height: auto; border-radius: 20px;}
#m_stv .li_empty {background:#fff;font-size:1em; text-align:center; line-height:80px;color:#cecece;border-bottom: 1px solid #dddd;}
#m_stv_ul li:hover .qk_name { color:#134cab; transition:0.3s ease all; } 
#m_stv_btn {font-size:12px; color:#134cab; font-weight:600; display:inline-block; margin-left:5px;}
#m_stv_btn button {font-size:24px;color:#fff; font-weight:300; line-height:24px;border:0; margin:0; padding:0; background:transparent;}
#m_stv_btn button#up_two {position: absolute;top: 50%;right: 40px;transform: translate(0%, -50%);}
#m_stv_btn button#down_two {position: absolute;top: 50%;right: 10px;transform: translate(0%, -50%);}
#m_stv_pg { margin-left:7px; color:#fff; font-size:14px;}
/*------------------------  ���� �� ��ǰ ����� - �� ------------------------*/

/*------------------------  ���� �� ��ǰ ����� - ���� ------------------------*/
.brand-summary-wr {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; border-top: 1px solid #eaeaea;}	
.brand-summary-wr.cols-05{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.brand-summary-wr dl {display: -ms-flexbox;display: -webkit-flexbox;display: flex;flex-direction: column;justify-content: center;align-items: center;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 10px 0px;cursor:pointer}
.brand-summary-wr dl.brand-link {cursor:pointer;}
.brand-summary-wr dl.is-active {position: relative;box-shadow: inset 0 0 0 3px #b228f5}

.brand-summary-wr dl dt {position:relative; width: 50px;font-size: 14px;font-weight: 600;text-align: center;padding: 5px;}
.brand-summary-wr dl dt strong {position: absolute;right: -5px;top: -5px;width: 20px;height: 20px;background-color: #ff0000;border-radius: 50%;font-family: 'lato';font-size: 9px;font-weight: 600;color: #fff;display: flex;justify-content: center;align-items: center;}
.brand-summary-wr dl dt strong.empty {background-color:#ddd;}
.brand-summary-wr dl dt img{width:35px;border-radius:50%;}
.brand-summary-wr dl dd {width: 100%;font-size: 12px;padding: 5px;border-radius: 7px;text-align: center;}

.business-summary-wr {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; border-top: 1px solid #eaeaea;}	
.business-summary-wr.cols-05{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.business-summary-wr dl {display: -ms-flexbox;display: -webkit-flexbox;display: flex;flex-direction: column;justify-content: center;align-items: center;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 10px 0px;cursor:pointer}
.business-summary-wr dl.business-link {cursor:pointer;}
.business-summary-wr dl.is-active {position: relative;box-shadow: inset 0 0 0 3px #b228f5}
.business-summary-wr dl dt {position:relative; width: 50px;font-size: 14px;font-weight: 600;text-align: center;padding: 5px;}
.business-summary-wr dl dt strong {position: absolute;right: -5px;top: -5px;width: 20px;height: 20px;background-color: #ff0000;border-radius: 50%;font-family: 'lato';font-size: 9px;font-weight: 600;color: #fff;display: flex;justify-content: center;align-items: center;}
.business-summary-wr dl dt img{width:35px;/*border-radius:50%;*/height:35px;}
.business-summary-wr dl dd {width: 100%;font-size: 12px;padding: 5px;border-radius: 7px;text-align: center;}
/*------------------------  ���� �� ��ǰ ����� - �� ------------------------*/


/*================================================================*/
/*========================== ���θ� ���� ===========================*/
/*================================================================*/

.sct_ct:before,.sct_ct:after {content: '';position: absolute;top: 0;width: 30px; /* ��� ����ũ�� �ʺ� ���� */height: 100%;pointer-events: none;z-index: 2;}
.sct_ct:before {left: 0;background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.sct_ct:after {right: 0;background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.slider-menu {display: flex;overflow-x: auto;white-space: nowrap;padding: 0 10px;margin: 0;list-style: none;-webkit-overflow-scrolling: touch;cursor: grab;}
.slider-menu li {margin-right: 0px; /* ����Ʈ �׸� ���� ���� ���� */}
.slider-menu a {text-decoration: none;white-space: nowrap;display: flex;margin: 0 4px;padding: 5px 10px;align-items: center;justify-content: center;border-radius: 24px;min-width: 60px;font-size: 13px;font-style: normal;font-weight: 500;line-height: 150%;letter-spacing: -.8px;background: #f4f6f8;color: #000;transition: all 0.15s ease-in;}
.slider-menu a:hover {background-color:#333; color:#fff;}
.slider-menu::-webkit-scrollbar {display: none; /* ��ũ�ѹ� ����� */}

/*------------------------ ��ǰ ��� ajax : �������� ------------------------*/
.pd-list {margin: 20px 0px 50px 0px;display: grid;grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));grid-gap: 1em;;}
.pd-list:after { content: ""; display: block; clear: both; }
.pd-list.no-item {grid-template-columns:1fr; margin: 0px 0px 50px 0px;}

.pd-list > li {position: relative;padding: 0px;border: 1px solid #f1f1f1;border-radius: 8px;background: #fff;overflow: hidden;}
.pd-list > li > a { display: block; overflow:hidden}
.pd-list > li > a .point-rate{width: 35px;height: 35px;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 100px;position: absolute;top: 8px;right: 8px;color:#fff;background-image: url(/img/mark_01.svg);background-size: cover;}
.pd-list > li .info-wr {padding: 10px 10px;display: flex;flex-direction: column;}
.pd-list > li > div.info-wr > div {padding:10px 0px 0px 0px}
.pd-list > li .cust-price {color: #bbbbbb;font-weight: 600;text-decoration: line-through;}
.pd-list > li .img_cont img { display: block; width: 100%; height: auto;transition: transform 0.5s ease;}
.pd-list > li .img_cont img:hover {transform:scale(1.1);}
.pd-list > li .pd-name {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;font-weight: bold;color: #222;padding: 10px 0px 0px 0px;}
.pd-list > li .ex {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #c3c3c3;padding: 10px 0px 0px 0px;min-height: 20px;}
.pd-list > li > div.info-wr > div.price-info { font-size: 12px;color: #000;padding: 5px 0px 0px 0px;display: flex;flex-wrap: nowrap;display: flex;align-items: center;justify-content: flex-start;gap: 10px;}
.pd-list > li > div.info-wr > div.price-info .halin-rate {font-size: 14px;color: #f24538;font-weight: 600;}
.pd-list > li > div.info-wr > div.price-info .sell-price {font-size: 16px;font-weight: 800;}
.pd-list > li:nth-child(4n) { margin-right: 0; }
.pd-list + .btn_more { display: block; line-height: 40px; border: 1px solid #ddd; background-color: #f6f6f6; text-align: center; color: #777; }

.pd-list li:hover {box-shadow: 0 0 1.2rem 0 rgba(0,0,0,.2)}
.pd-list li:hover .prdt_rate dd b {display: inline-block;-webkit-animation: move_down 1.5s ease-in-out infinite;-moz-animation: move_down 1.5s ease-in-out infinite;animation: move_down 1.5s ease-in-out infinite}
.pd-list.no-item li {display: flex;justify-content: center;align-items: center;line-height: 300px;text-align: center;font-size:14px;border: none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-radius: 0;font-weight: 600;width: 100%;}
.pd-list.no-item li i {font-size: 24px;font-weight: 600;border: 1px solid;padding: 20px;background-color: #ddd;border-radius: 50%;border-width: 0px;margin-right: 20px;color: #ff0000;}
.pd-list.no-item li:hover {box-shadow:none}


/*------------------------ ��ǰ ���  ajax : ����Ʈ�� ------------------------*/
.list-view .pd-list {grid-template-columns: 1fr;}
.list-view .pd-list > li {display: flex; gap:10px}
.list-view .pd-list > li > a {flex: 1}
.list-view .pd-list > li > .info-wr {flex: 2;display: flex;flex-direction: column;}


/*------------------------ ��ǰ ��� : �������� ------------------------*/
.sct {display: grid; grid-gap: 1em; margin: 20px 0px 20px 0px;}

.sct_10 {grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));}
.sct_20 {grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));}


.sct_li{position: relative;padding: 0px;border: none;border-radius: 8px;background: #fff;overflow: hidden;}
/*.sct_li:hover {box-shadow: 0 0 1.2rem 0 rgba(0,0,0,.2)}
.sct_li:hover .sct_img img {transform:scale(1.1);}*/
.sct_cnt {padding: 10px 10px;display: flex;flex-direction: column;background-color: #fff;}
.sct_cnt > div {padding: 10px 0px 0px 0px;}
.sct_cnt > .sct_icon {padding-top:0px;}
.sct_a {display: block;position: relative;text-decoration: none;}
.sct_name {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;font-weight: bold;color: #222;padding: 10px 0px 0px 0px;}
.sct_basic {color:#666}
.sit_icon {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;align-items: center;gap: 5px;padding: 0px 0px 0px 10px;;}
.shop_icon {display: inline-block;border-radius: 5px;color: #fff;padding: 3px 8px;font-size: 10px;}
.shop_icon_coupon {background: #6fd1ff;}
.shop_icon_1 {background: #1bd7f7}
.shop_icon_2 {background: #1400b9}
.shop_icon_3 {background: #ffa22a}
.shop_icon_4 {background: #49ff1e}
.shop_icon_5 {background: #05b7ff}
.shop_icon_view {display:inline-block;border-radius:35px;color:#fff;line-height:20px;padding:1px 10px; margin:0px 2px; margin-bottom:3px;}
.shop_icon_soldout {display:flex; align-items: center; justify-content: center; text-align:center;color:#fff;font-size:20px;font-weight:bold}
.shop_icon_coupon {border: 1px solid #6fd1ff; background: -webkit-linear-gradient(to right, #39ceff, #6fd1ff); background: linear-gradient(to right, #39ceff, #6fd1ff);}

.sct_org_cost {color: #bbbbbb;font-weight: 600;text-decoration: line-through;font-size:14px;}
.sct_cost {color: #000;padding: 5px 0px 0px 0px;display: flex;flex-wrap: nowrap;display: flex;align-items: center;justify-content: flex-start;gap: 10px;font-size: 16px;font-weight: 800;}
.sct_discount {font-size: 14px;color: #f24538;font-weight: 600;}
.sct_noitem {font-size:14px; display: flex;justify-content: center;align-items: center;line-height: 200px;border-top: 1px solid #ddd; margin: 10px 0 20px 0;}
.sct_rate {width: 35px;height: 35px;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 100px;position: absolute;top: 8px;right: 8px;color: #fff;background-image: url(/img/mark_01.svg);background-size: cover;}
.sct_coupon {width: 35px;height: 35px;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 100px;position: absolute;top: 8px;right: 51px;color: #fff;background-color: #575cff;mask: url(/img/mark_01.svg) no-repeat center / cover;-webkit-mask: url(/img/mark_01.svg) no-repeat center / cover;}


/*------------------------ ���ø���Ʈ ------------------------*/
#sod_ws { margin:30px 0;}
#sod_ws .sod_ws_img {width:auto;text-align:center}
#sod_ws .sod_ws_img img {width:100%; height:auto}

#sod_ws_act {clear: both;text-align: center;padding: 20px 10px;width:100%;}
#sod_ws_act button {height:50px;width:100%;font-weight:bold;font-size:1.167em;border-radius:3px}
#sod_ws_act:after {display:block;visibility:hidden;clear:both;content:""}

#sod_ws .list_02 {padding:10px;}
#sod_ws ul {display:grid; grid-template-columns: 1fr 1fr;gap:10px; border: none;}
#sod_ws li {display: flex;border: 0;width: 100%;margin-top: 0;margin-bottom: 20px;flex-direction: column;}


#sod_ws li .info_link {display:block;margin:0px 0px 5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#646464;font-weight:bold}
#sod_ws li .info_date {color:#646464;font-size:1em}
#sod_ws li .wish_chk {position:absolute;top:0;left:0;width:30px;text-align:center;line-height:35px;color:#f00}
#sod_ws li .wish_info {padding:0 35px 10px 35px;position:relative;margin-top:10px;height:45px}
#sod_ws li .wish_del {position:absolute;top:0;right:0;width:35px;height:35px;line-height:35px;text-align:center;background:#e6e6e6;display:block;font-size:1.25em;color:#777}
#sod_ws li .wish_del:hover {background:#777;color:#fff}

/*------------------------ ������ ------------------------*/
#coupon #win_title { width:100%; background:#134cab; color:#fff; }
#coupon > ul { display:flex; flex-wrap: wrap; flex-direction: row; }
#coupon > ul > li { width:100%;padding: 10px; border-bottom: 1px solid #dcdcdc; background: #f9f9f9; }
#coupon > ul > li:first-child {border-top:1px solid #dcdcdc}

#coupon div:after {display:block;visibility:hidden;clear:both;content:""}
#coupon .cou_tit {font-weight:bold}
#coupon .cou_pri {font-size: 16px;color: #ff0000;font-weight: 600;float: right;letter-spacing: -0.05em;}
#coupon .cou_target {color:#666}
#coupon .cou_date {float: right;color: #777;font-size: 12px;letter-spacing: -0.07em;}


/*------------------------ ��ǰ ��� : ����Ʈ�� ------------------------*/
.list-view .sct {grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));}
.list-view .sct .sct_li {display: flex;gap: 10px;border: 1px solid #ddd;}
.list-view .sct .sct_li .sct_img {flex: 1;}
.list-view .sct .sct_li .sct_img img {width:100%; height:auto}
.list-view .sct .sct_li .sct_cnt {flex: 2;}
.list-view .sct .sct_li .sct_cnt .sct_icon {display:none}

.prdt_rate {display: -ms-flexbox;display: -webkit-flexbox;display: flex;justify-content: space-between;width:90%;position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);}
.prdt_rate dl {width: 32%;padding: 1em 0;font-size: 1.6rem;text-align: center;border-radius: .5rem; background-color: #fff;}
.prdt_rate dl:nth-child(1) {color: rgba(81,136,245,1);border: 1px solid rgba(81,136,245,1);}
.prdt_rate dl:nth-child(2) {color: rgba(85,189,239,1);border: 1px solid rgba(85,189,239,1);}
.prdt_rate dl:nth-child(3) {color: rgba(34,51,89,1);border: 1px solid rgba(34,51,89,1);}
.prdt_rate dt {font-size: 14px;margin-bottom: 1ex;color: rgba(25,31,40,1);font-weight: 600;}
.prdt_rate dd {font-size: 1.3rem;font-weight: 600;overflow: hidden;}


/*------------------------ ���� ------------------------*/
.cont-select {position: relative;width: 140px;z-index:10}
.btn-select {width: 100%;padding: 10px 13px 10px 13px;font-size: 12px;line-height: 14px;background-color: #fff;border: 1px solid #C4C4C4;box-sizing: border-box;border-radius: 5px;cursor: pointer;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.btn-select span.sbj-select {display:flex; gap:5px;}
.btn-select span.sbj-select::before {content:"\f0b0";display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 900;}
.btn-select i {transition: transform 0.4s ease;}
.btn-select:hover,.btn-select:focus {border: 1px solid #9B51E0;outline: 1px solid #F8E4FF;}
.list-select {display: none;position: absolute;width: 100%;top: 42px;left: 0;border: 1px solid #C4C4C4;box-sizing: border-box;box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);border-radius: 5px;background-color: #fff;height: 200px;overflow-y: auto;}
.btn-select.on i {transform: rotate(180deg);}
.btn-select.on+.list-select {display: block;}
.list-select li {height: 40px;padding: 5px 8px;box-sizing: border-box;}
.list-select li button {width: 100%;padding: 7px 10px;border: none;background-color: #fff;border-radius: 8px;cursor: pointer;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-select li button:hover,.list-select li button:focus {background-color: #F8E4FF;}

/*------------------------ ��ǰ �� Ÿ�� ------------------------*/
.filter-wr {display: flex;align-items: center;justify-content: center;gap: 10px;}
.view-toggle {display: flex;gap: 3px;justify-content: center;align-items: center;}
.view-toggle a{display: block;box-sizing: border-box;width: 36px;height: 36px;position: relative;background-color: #fff;border: 1px solid #cccccc;border-radius: 5px;}
.view-toggle .link-view-type.gallery-view .icon {width: 6px;height: 6px;position: absolute;display: block;background-color: #ccc;}
.view-toggle .link-view-type.gallery-view .icon:nth-child(1) {left: 11px;top: 11px;}
.view-toggle .link-view-type.gallery-view .icon:nth-child(2) {left: 19px;top: 11px;}
.view-toggle .link-view-type.gallery-view .icon:nth-child(3) {left: 11px;top: 19px;}
.view-toggle .link-view-type.gallery-view .icon:nth-child(4) {left: 19px;top: 19px;}
.view-toggle .link-view-type .ir {position: fixed;left: -999px;top: -999px;overflow: hidden;color: transparent;font-size: 0;}
.view-toggle .link-view-type.list-view {padding: 0;}
.view-toggle .link-view-type.on {background-color: #fff;}
.view-toggle .link-view-type.on .icon {background-color: #E4252F;}
.view-toggle .link-view-type.list-view .icon {width: 16px;height: 2px;position: absolute;display: block;background-color: #ccc;left: 10px;}
.view-toggle .link-view-type.on .icon {background-color: #E4252F;}
.view-toggle .link-view-type.list-view .icon:nth-child(1) {top: 12px;}
.view-toggle .link-view-type.list-view .icon:nth-child(2) {top: 17px;}
.view-toggle .link-view-type.list-view .icon:nth-child(3) {top: 22px;}

.li_more {margin-bottom:50px;}

#sub_contents {position: relative;z-index: 100;min-height: calc(var(--vh) + 0px);padding: var(--header_vh) 0 var(--footer_vh) 0;}
/*------------------------ ��ǰ�˻� - ����  ------------------------*/
.searcharea_wrap {display: flex;align-items: center;justify-content: center;width: 100%;height: 72px;padding:0px;}
.searcharea_wrap .search_inner {position: relative;width: 100%;height: 100%;max-width: 434px;min-width: 314px;}
.searcharea_wrap .search_inner #searcharea {position: absolute;top: 6px;left: 0;width: 100%;}
.searcharea_wrap .search_inner #searcharea {position: absolute;top: 6px;left: 0;width: 100%;}
.search_window {verflow: hidden;position: relative;min-height: 34px;background: transparent;width: 100%;padding: 12px 10px 12px 12px;border: 1px solid transparent;border-radius: 10px;box-sizing: border-box;z-index: 10;}
.search_window.win_focus {background:#f5f6f7;border: 1px solid #ecf0f5;}
.search_window .searchInputWrap{position: relative;min-height: 44px;padding-right: 38px;border: 1px solid #b228f5;border-radius: 36px;border-color: #E5E5E5;transition: all .2s;}
.search_window.win_focus .searchInputWrap {border-color: #b228f5;background-color: #fff;}
.search_window input {position: absolute;top: 0;width: 250px;padding-left: 16px;height: 42px;color: #333;border: 0 none;font-size: 15px;font-family: "NG";outline: none;background: none;ime-mode: active;width: calc(100% - 70px);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search_window .btn_search {position: absolute;border: 0 none;z-index: 10;font: 0 / 0 a !important;cursor: pointer;vertical-align: top;top: 2px;right: 7px;background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none' viewBox='0 0 17 16'%3e%3cpath fill='%23333' fill-rule='evenodd' d='M11.671 6.372c0 2.644-2.23 4.871-5.085 4.871-2.856 0-5.086-2.227-5.086-4.871C1.5 3.727 3.73 1.5 6.586 1.5c2.856 0 5.085 2.227 5.085 4.872Zm.215 3.782a6.208 6.208 0 0 0 1.285-3.782C13.171 2.852 10.223 0 6.586 0S0 2.853 0 6.372c0 3.519 2.949 6.371 6.586 6.371a6.7 6.7 0 0 0 4.019-1.324l4.37 4.228a.9.9 0 1 0 1.25-1.294l-4.34-4.199Z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;background-size: 17px 16px;width: 36px;height: 36px;}
.search_box {display: none;width: calc(100% + 22px);margin-left: -12px;padding-top: 19px;}
.search_box .tab {margin: 0;padding: 0 0 0 15px;}
.search_box .tab:after {display: block;clear: both;content: '';}
.search_box .tab li {float: left;height: 22px;margin-right: 16px;letter-spacing: -0.05em;list-style: none;}
.search_box .tab li.on {border-bottom: 1px solid #b228f5;}
.search_box .tab li a {display: block;height: 19px;line-height: 14px;padding-top: 3px;font-size: 12px;color: #888;}
.search_box .tab li.on a {color: #b228f5;}
.search_box .inner_area {display: none;}
.search_box .list {margin: 0;padding: 10px 0 0;}
.search_box .list li {position: relative;overflow: hidden;height: 34px;line-height: 34px;vertical-align: top;zoom: 1;font-size: 14px;transition: height 0.5s ease, opacity 0.5s ease;}
.search_box .list li a {display: block;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;width: 100%;height: 34px;padding: 0 50px 0 15px;line-height: 34px !important;font-size: 14px;color: #5a5a5a;letter-spacing: -0.05em;word-wrap: break-word;word-break: break-all;-webkit-line-clamp: 1;box-sizing: border-box;outline: none;text-decoration: none;}
.search_box .list li a .num {display: inline-block;width: 16px;text-align: right;font-size: 11px;color: #5a5a5a;vertical-align: middle;margin: 0 12px 1px 0;line-height: 100%;}	
.search_box .list li a i {position: absolute;top: 0;right: 20px;text-align: right;font-size: 11px;color: #5a5a5a;font-family: "dotum";letter-spacing: 0;font-style: normal;line-height: 34px !important;}
.search_box .list li a i:before {content: '';display: inline-block;width: 7px;height: 7px;margin: 0 4px 3px 0;vertical-align: middle;font-size: 0;}
.search_box .list li a i.up:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(252,69,56,0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4 12.932L8.666 12.932 8.666 19.332 15.066 19.332 15.066 12.932 19.733 12.932 11.867 4z' transform='translate(-4 -3.334)'/%3e%3c/svg%3e") 50% 50% no-repeat;background-size: 100% 100%;}
.search_box .list li a i.new {display: flex;align-items: center;height: 34px;}
.search_box .list li a i {position: absolute;top: 0;right: 20px;text-align: right;font-size: 11px;color: #5a5a5a;font-family: "dotum";letter-spacing: 0;font-style: normal;line-height: 34px !important}
.search_box .list li a i:before {content: '';display: inline-block;width: 7px;height: 7px;margin: 0 4px 3px 0;vertical-align: middle;font-size: 0}
.search_box .list li a i.up:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(252,69,56,0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4 12.932L8.666 12.932 8.666 19.332 15.066 19.332 15.066 12.932 19.733 12.932 11.867 4z' transform='translate(-4 -3.334)'/%3e%3c/svg%3e") 50% 50% no-repeat;background-size: 100% 100%}
.search_box .list li a i.down:before {margin: 0 4px 2px 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(32,124,227,0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M7.834 15.332L0 6.4 4.668 6.4 4.668 0 11.068 0 11.068 6.4 15.733 6.4z'/%3e%3c/svg%3e") 50% 50% no-repeat;background-size: 100% 100%}
.search_box .list li a i.new {display: flex;align-items: center;height: 34px}
.search_box .list li a i.new:before {content: 'NEW';width: 22px;height: 5px;margin: 0;background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='5'%3e%3cpath fill-rule='evenodd' fill='%23FC4538' d='M21 3.999V5h-6V3.999h-1V0h2v3.999h1V0h2v3.999h1V0h2v3.999h-1ZM6.999 0H13v1H8.999v1H12v.999H8.999v1H13V5H6.999V0Zm-3 3.999h-1v-1h-1V5H0V0h1.999v1h1v1h1V0h2v5h-2V3.999Z'/%3e%3c/svg%3e") no-repeat 0 0}
.search_box .list li a i.even {width: 30px;text-align: center;color: #ff3636}
.search_box .list li a em {display: inline-block;vertical-align: middle;text-indent: -9999px;width: 17px;height: 17px;margin: 0 10px 4px 4px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(184,184,184,0.999)' stroke='' viewBox='0 0 17 17' xml:space='preserve'%3e%3cpath class='st0' d='M16.8 16.2l-4.4-4.4c1.1-1.2 1.8-2.9 1.8-4.7 0-3.9-3.1-7-7-7s-7 3.1-7 7 3.2 7 7 7c1.7 0 3.2-.6 4.5-1.6l4.4 4.4c.1.1.3.1.4.1.1 0 .3-.1.3-.1.2-.2.2-.5 0-.7zm-15.6-9c0-3.3 2.7-6 6-6 3.2 0 5.9 2.7 6 6 0 3.3-2.7 6-6 6s-6-2.7-6-6z'/%3e%3cpath class='st0' d='M7.3 8.1H4.9c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h1.9V3.9c0-.3.2-.5.5-.5s.5.3.5.5v3.7c0 .3-.3.5-.5.5z'/%3e%3c/svg%3e") 0 0 no-repeat;background-size: 100% 100%}
.search_box .list li a .btn_delete {position: absolute;top: 2px;right: 5px;z-index: 10;width: 28px;height: 28px;text-indent: -9999px;transition: all .3s ease;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(137,137,137,0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 50% 50% no-repeat;background-size: 9px 9px;border: none;outline: none;cursor: pointer;}
.search_box .list li.info_empty {line-height: 100px;height: 100px;text-align: center;color: #ff0000;}

.search_box .info_text {padding: 37px 0;text-align: center;color: #333;font-size: 14px;line-height: 1.4;letter-spacing: -0.05em;}
.search_box .info_text span {font-size: 14px;color: #b228f5;}
.search_box .save_area {position: relative;padding-left: 15px;overflow: hidden;height: 36px;margin: 10px 0 -12px;padding-top: 9px;color: #888;font-size: 12px;background: #e7e7e7;}
.save_area input[type="checkbox"] {display: none;-webkit-appearance: none;}
.save_area input[type="checkbox"]+label {position: relative;display: inline-block;cursor: pointer;width: 40px;height: 18px;border-radius: 9px;vertical-align: middle;margin-left: 7px;text-align: center;background: #8c8c8c;transition: all 0.3s ease;}
.save_area input[type="checkbox"]:checked+label {background: #b228f5;}
.save_area input[type="checkbox"]+label:before {position: absolute;top: 0;left: 0;width: 40px;text-align: center;z-index: 10;font-family: 'latto';font-size: 9px;line-height: 18px;letter-spacing: -0.01em;color: #fff;content: 'OFF';transition: all 0.3s ease;}
.save_area input[type="checkbox"]:checked+label:before {content: 'ON';}
.save_area .delete {cursor:pointer;position: absolute;top: 0;right: 15px;display: block;height: 36px;line-height: 36px;padding: 0;color: #888;font-size: 12px;background: none;}
/*------------------------ ��ǰ�˻� - ��  ------------------------*/		


#charge-method {display: flex;gap: 30px;justify-content: center;align-items: center;padding: 50px 0;}
#charge-method button {position:relative;}
#charge-method button .c-reate {position: absolute;right: -5px;top: -10px;width: 40px;height: 40px;border-radius: 50%;align-items: center;display: flex;justify-content: center;font-weight: 600;color: #fff;background-image: url(/theme/unifun/skin/shop/basic/img/mark_01.svg);background-size: cover;}
#charge-method button:before {width: 110px;height: 110px;display: inline-block;content: '';border-radius: 50%;box-shadow:0px 0px 2px rgba(0, 0, 0, .3);border:2px solid #f5f5f5 }
#charge-method.cols-4, #charge-method.cols-5  {flex-direction: column;padding: 10px;margin: 10px 0px 0px 0px;gap: 10px;}
#charge-method.cols-4 button, #charge-method.cols-5 button{width: 100%;display: flex;align-items: center;gap: 10px;background-color: #eaf8ff;border-radius: 8px;padding: 5px;border: 1px solid #dddddd;}
#charge-method.cols-4 button:before, #charge-method.cols-5 button:before {width: 50px;height: 50px;background-color: #fff;background-size: 65%;}



#charge-method button.pay-mobile:before {background: #f5f5f5 url(/images/pay_mobile_01.png) no-repeat center center / 60%}
#charge-method button.pay-credit:before {background: #f5f5f5 url(/images/pay_credit_01.png) no-repeat center center / 60%}
#charge-method button.pay-bank:before {background: #f5f5f5 url(/images/icon_vbank_01.png) no-repeat center center / 60%}
#charge-method button.pay-vbank:before {background: #f5f5f5 url(/images/icon_vbank_01.png) no-repeat center center / 60%}
#charge-method button.pay-culturegift:before {background: #f5f5f5 url(/images/pay_culturegift_02.png) no-repeat center center / 80%}
#charge-method button.pay-cultureland:before {background: #f5f5f5 url(/images/pay_cultureland_02.png) no-repeat center center / 60%}
#charge-method button.on:before {border:2px solid #6576ff}
#charge-method button h3 {font-size: 16px; font-weight: 600; padding: 5px 0px 10px 0px;}


#charge-payment {display:none;}
.pay-item-wr {width:100%; position:relative; margin-top:0px;}
.pay-item-wr > sub {display: block;font-size: 16px;font-weight: 600;color: #222222;padding: 15px 0px 10px 15px; }
.pay-item-wr > ul {display: flex;flex-direction: column;overflow: hidden;border: none;border-radius: 0px;}

.pay-item-wr > ul > li.pay-item > .item-select {display:block;}
.pay-item-wr > ul > li.pay-item { position: relative;background: #fff;border-radius: 0px;text-align: left;font-size: 14px; border-top: 1px solid #ddd;}
.pay-item-wr > ul > li:last-child {border-bottom:1px solid #ddd}
.pay-item-wr > ul > li.pay-item.active {background-color: #fff; color: #000; border: 1px solid #00acff;}
.pay-item-wr > ul > li.pay-item > .pay-title{ position: relative;	line-height: 48px;font-weight: 600;text-align: left;padding: 0 0 0 20px;font-size:13px;cursor:pointer;background-color: #eaf8ff;}

.pay-item-wr > ul > li.pay-item.active > ul.item-select{ display: block;padding: 0px 0px 0px 0px;}
.pay-item-wr > ul > li.pay-item > ul.item-select > li{ position: relative;	line-height: 50px;padding-left:48px; display:flex;}
.pay-item-wr > ul > li.pay-item > ul.item-select > li:before {display: block;position: absolute;content: '\f058';left: 20px;top: 50%;transform: translate(0%, -50%);font-family: "Font Awesome 6 Free";font-weight: 900;color: #d1d1d1;font-size: 18px;}
.pay-item-wr > ul > li.pay-item > ul.item-select > li.selected:before{ color: #fff;}
.pay-item-wr > ul > li.pay-item > ul.item-select > li.selected {background-color:rgb(85 189 239)}
.pay-item-wr > ul > li.pay-item > ul.item-select > li > a {font-size: 14px;width: 100%;display: flex;justify-content: space-between;padding-right: 20px;}
.pay-item-wr > ul > li.pay-item > ul.item-select > li > a span:last-child {font-weight:600; color:#ff0000}
.pay-item-wr > ul > li.pay-item > ul.item-select > li > a span:first-child {display: flex;align-items: center;gap: 5px;}
.pay-item-wr > ul > li.pay-item > ul.item-select > li > a span:first-child i{background-color: #e6e9ff;border-radius: 50%;padding: 3px;font-size: 18px;color: #1c2254;}


.pay-item-wr > ul > li.pay-item > ul.item-select > li.selected > a{ color: #fff;font-weight:400; font-size:14px;}
.pay-item-wr > ul > li.pay-item > ul.item-select > li.selected > a span:last-child{ color: #fff000}



.pay-coupon-input dd .btn-base{position:absolute;right:0;top:0;padding:20px 45px;font-size:18px;border-radius:0 5px 5px 0;width:126px;}
.pay-charge-input{position:relative;}
.pay-charge-input dt{font-size: 16px;font-weight: 600;color: #222222;padding:20px 0px 10px 15px;display: flex;align-items: center;gap: 3px;}
.pay-charge-input dt i {background-color:#fff000;}
.pay-charge-input dd{position: relative;background: #f8f8f8;margin:0;}
.pay-charge-input dd ul.price-list{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;border-top: 1px solid #ddd;}
.pay-charge-input dd ul.price-list:after{content:'';display:block;clear:both;}
.pay-charge-input dd ul.price-list li{width: 100%;position: relative;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.pay-charge-input dd ul.price-list li:nth-child(4n) {border-right:none;}
.pay-charge-input dd ul.price-list li a{display: block;padding: 24px 0;color: #222222;text-align: center;background: #fff;font-size: 14px;}
.pay-charge-input dd ul.price-list li a strong{font-family:'latto';}
.pay-charge-input dd ul.price-list li a:before{border:1px solid #0671b0;content:'';width:100%;height:100%;position:absolute;left:0;top:0;border-radius:0px;box-shadow:1px 1px 5px rgba(0, 0, 0, .3);display:none;}
.pay-charge-input dd ul.price-list li a:hover, .pay-charge-input dd ul.price-list li a.on{color:#0671b0;}
.pay-charge-input dd ul.price-list li a:hover:before, .pay-charge-input dd ul.price-list li a.on:before{display:block;}
.pay-charge-input dd .price-direct{padding: 15px;background: rgba(245, 247, 249, 1);}
.pay-charge-input dd .price-inner{position: relative;display: flex;flex-direction: column;gap: 10px;text-align: left;}
.pay-charge-input dd .price-inner .tit{font-size: 16px; color: #222; display:flex;align-items: center;gap: 3px;}
.pay-charge-input dd .price-inner .tit i {background-color:#fff000;}
.pay-charge-input dd .price-inner .unit-won{position:relative;}
.pay-charge-input dd .price-inner .unit-won input{padding-right:40px;}
.pay-charge-input dd .price-inner .unit-won em{position: absolute;right: 15px;top: 50%;transform: translate(-0%, -50%);font-style: normal;font-weight: 600;font-size: 14px;}
.pay-charge-input dd .price-inner .price-range{font-size:14px;color:#ff1100;margin-left:10px;}



.pay-panel {position:relative; display:none;margin: 0px;}
.pay-status{padding: 10px 15px 20px 15px;background-color: #f5f7f9;}
.pay-status ul{width: 100%;background-color: #fff;border-radius: 0.5rem;padding: 20px;border: 1px solid #eaeaea;gap: 20px;display: flex;flex-direction: column;}
.pay-status ul li{display: flex;justify-content: space-between;align-items: center;width:100%;font-size:16px;color:#222222;}
.pay-status ul li:first-child{margin-top:0;}
.pay-status ul li .tit{display:flex; gap:5px;}
.pay-status ul li .tit em{font-style:normal; font-size:14px; font-weight:600; color:#ff0000}
.pay-status ul li .result{text-align:right;font-size:14px; font-weight:600;}
.pay-status ul li .result.roboto{font-family:'Roboto'}
.pay-status ul li .result.status{font-weight:500;}
.pay-status ul li .result span:first-child {font-weight:600}
.pay-status ul li .result strong{color:#ff1100;}
.pay-status-area .pay-total{background: #f00;padding: 13px 20px;display: flex;align-items: center;justify-content: space-between;}
.pay-status-area .pay-total .tit{font-size: 15px;font-weight: 600;color: #fff;}
.pay-status-area .pay-total .result{font-size: 14px; color: #fff;}
.pay-status-area .pay-total .result strong{font-weight: 800;font-size: 24px;margin-right: 3px;}


.payer-info {position:relative; margin-bottom:0px}
.payer-info h3 {position:relative; padding: 25px 0 0px 15px;font-size: 16px;font-weight: 500;text-align: left;background-color: #f5f7f9;display: flex;align-items: center;gap: 5px;}
.payer-info h3 > i{background-color: #fff000; border-radius: 50%;}
.payer-info h3 b{color: rgb(85 189 239)}
.payer-info h3 b i {font-size: 1.2em;transform: translateY(0.1em);}

#charge-gift {position: absolute;right: 20px;top: 20px;font-weight: 600;}
#pay_settle_bank select {width: 100%;height: 42px;border: 1px solid #eaeaea;border-radius: 5px;padding: 0.8em 1em;}

.pay-info {margin: 30px 0px 0px 0px;}
.pay-info h3{display: block;font-size: 16px;font-weight: 600;color: #222222;padding: 15px 0px 10px 15px;}
.info-box-wr{width: 100%;padding:15px;font-size: 1.6rem;background-color: rgba(245,247,249,1);border-radius: 0.5rem;border: 1px solid transparent;display: flex;flex-direction: column;gap: 10px;}
.info-box-wr .line-rows{display: -ms-flexbox;display: -webkit-flexbox;display: flex;justify-content: space-between;align-items: baseline;}
.info-box-wr .line-rows dt {width: 6em;font-size: 14px;font-weight: 600;}
.info-box-wr .line-rows dd {flex:1;font-size: 14px;background-color: #fff;padding: 10px;border-radius: 7px;line-height: 1.8em;color: #666; letter-spacing: -0.05em;}
.info-box-wr .line-cols {display:flex; flex-direction:column;gap:8px;}
.info-box-wr .line-cols dt {display:flex; flex:1;font-size: 13px;font-weight: 600;}
.info-box-wr .line-cols dt > div {background-color: #fff;padding: 10px 15px;border-radius: 8px;font-size: 14px;}
.info-box-wr .line-cols dt button { border-radius: 0px;padding: 0px 10px;line-height: 26px;color: #000;font-weight: 600;display: flex;align-items: center;gap: 5px; background-color: #fff;}
.info-box-wr .line-cols dt button i {transform: rotate(180deg); transition: transform 0.4s ease;}
.info-box-wr .line-cols dt button i.rotated {transform: rotate(0deg); }
.info-box-wr .line-cols dd {flex:1;}
.info-box-wr .line-cols dd .info-list {font-size: 13px; background-color: #fff;padding: 15px;border-radius: 7px;line-height: 1.8em; margin: 0;max-height:150px;color: #666;}
.info-box-wr ol {display:flex; flex-direction:column;gap: 15px;width: 100%;transition: all 1.4s ease; }
.info-box-wr ol li {position: relative;padding-left:10px;}
.info-box-wr ol li:before {content: '-';padding-left: 0px;position: absolute;left: 0px;top: 0px;}



.cash-finish-area{padding:60px 0;background:#f8f8f8;text-align:center;}
.cash-finish-area .finish-t1{padding-top:90px;position:relative;font-size:35px;color:#222222;}
.cash-finish-area .finish-t1:before{content:'';display:block;width:74px;height:59px;background:url(../img/sub/bg-cash-finish.png) 0 0 no-repeat;position:absolute;left:50%;top:0;margin-left:-37px;}
.cash-finish-area .finish-t1 strong{color:#ff1100;}
.cash-finish-area .finish-t2{margin-top:20px;font-size:20px;color:#222222;}

.charge-button {padding: 0px 15px; margin: 20px 0px 50px 0px;}
.charge-button button {width: 100%;height: 50px;font-weight: 600;cursor: pointer;font-size: 16px;border-radius: 5px;background-color: #000;color: #fff;transition:0.3s ease all;}
.charge-button button:hover {background-color:#8967ff}



#secure-pad {margin: 0 auto;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100vh;max-height: 700px;}
.password_masking {flex: 0 0 40%;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 5px;background-color: #fff;width: 100%;}
.number-pad-wr {flex: 0 0 60%;display: flex;justify-content: center;align-items: center;width: 100%;background-color: #00acff;}
.number-pad {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;width: 100%;height: 100%;justify-items: center;align-items: center;background-color: #00acff;max-width: 320px;}
.number-pad button {font-size: 21px;cursor: pointer;border: none;display: flex;justify-content: center;align-items: center;background-color: transparent;color: #fff;font-weight: 600;aspect-ratio: 1;}
.number-pad button.clear-all,.number-pad button.clear-one {font-size: 16px;letter-spacing: -0.05em;font-weight: 300;}
.clear-one::before {content: "";display: inline-block;width: 30px;height: 30px;background-image: url(/images/icon_backspace_01.png);background-size: cover;background-repeat: no-repeat;background-color: transparent;}
.password_masking .user_info {color: #0092d8;font-size: 14px;}
.password_masking h3 {background-color: transparent;font-size: 21px;margin: 5px 0 0 0;font-weight: 300;}
.password_chk {margin: 20px 0 0 0;}
.password_dot {width: 15px;height: 15px;display: inline-block;background-color: #00acff;border-radius: 50%;margin: 0 5px;}
.password_dot.empty {background-color: #ccc;}

.giftcard_list {display: flex;flex-direction: column;gap: 10px;padding: 20px 10px 20px 10px; background-color: #f5f7f9;}
.giftcard_list ol {width: 100%;overflow: hidden; display: flex; gap: 10px;}
.giftcard_list ol li {float: left;vertical-align: middle;text-align: center;}
.giftcard_list ol li.tit {font-size: 14px; width: 80px;font-weight: bold;line-height: 40px;flex-shrink: 0;text-align: left;display: flex;align-items: center;gap: 3px;background-color: #f6f6f6;padding: 0px 0px 0px 5px;}
.giftcard_list ol li {float: left;vertical-align: middle;text-align: center;list-style-type: none;}
.giftcard_list ol li.num {width: 60px;}
.giftcard_list ol li span {width: 25px;height: 25px;border: 1px solid #e4e4e4;font-size: 12px;font-weight: bold;text-align: center;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.giftcard_list ol li.pinNum {display: grid;grid-template-columns: 1fr 1fr 1fr 1.5fr;gap: 5px;}
.giftcard_list ol li .txt4 {padding: 8px 5px 8px;border: 1px solid #ddd;font-size: 14px;width: 100%;text-align: center; font-weight: 600;font-family:'lato';}
.giftcard_list ol li .txt6 {padding: 8px 5px 8px;border: 1px solid #ff0000;font-size: 14px;width: 100%;text-align: center; font-weight: 600;font-family:'lato';}


.cultureland_list {display: flex;flex-direction: column;gap: 10px;padding: 20px 10px 20px 10px; background-color: #f5f7f9;}
.cultureland_list ol {width: 100%;overflow: hidden; display: flex; gap: 10px;}
.cultureland_list ol li {float: left;vertical-align: middle;text-align: center;}
.cultureland_list ol li.tit {font-size: 14px; width: 80px;font-weight: bold;line-height: 40px;flex-shrink: 0;text-align: left;display: flex;align-items: center;gap: 3px;background-color: #f6f6f6;padding: 0px 0px 0px 5px;}
.cultureland_list ol li {float: left;vertical-align: middle;text-align: center;list-style-type: none;}
.cultureland_list ol li.num {width: 60px;}
.cultureland_list ol li span {width: 25px;height: 25px;border: 1px solid #e4e4e4;font-size: 12px;font-weight: bold;text-align: center;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.cultureland_list ol li.pinNum {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 5px;}
.cultureland_list ol li .txt4 {padding: 8px 5px 8px;border: 1px solid #ddd;font-size: 14px;width: 100%;text-align: center; font-weight: 600;font-family:'lato';}
.cultureland_list ol li .txt6 {padding: 8px 5px 8px;border: 1px solid #ff0000;font-size: 14px;width: 100%;text-align: center; font-weight: 600;font-family:'lato';}



#upload-excel {background-color: #21a366;color: #fff;padding: 0px 15px;line-height: 32px;border-radius: 5px;font-size: 14px;display: flex;align-items: center;gap: 5px;justify-content: center;font-weight: 500;position: absolute;right: 10px;top: 20px;}

.repay_culture_auth {padding:0px 15px;}

.repay-culture {padding:15px;}
.repay-culture ul{display:flex; flex-direction:column; gap:10px;}
.repay-culture li {display: flex;background-color:#f5f7f9;padding: 10px;flex-direction: column;gap: 10px;border-radius: 8px;}
.repay-culture li.active {border:1px solid #fff}
.repay-culture li .culture-id {position: relative;background-color: #fff;padding: 15px 10px;border-radius: 8px;text-align: center;font-weight: 600;font-size: 16px; cursor:pointer;}
.repay-culture li .culture-id .repay-result{position: absolute;left: 10px;top: 50%; font-size: 14px;transform: translate(0%, -50%);background-color: #ff0000;color: #fff;border-radius: 50%;width: 38px;height: 38px;display: flex;align-items: center; justify-content: center;}
.repay-culture li .culture-id .repay-result.succ {background-color:#6acbff}
.repay-culture li .culture-id .toggle-button {position:absolute; right:10px; top:50%; transform: translate(0%, -50%); width: 38px;height: 38px;}
.repay-culture li .culture-id .toggle-button:before {font-family: xeicon;content: "\e941";display: inline-block;transition: transform 0.3s ease;}
.repay-culture li .culture-id .toggle-button.rotated:before {transform: rotate(180deg);}
.repay-info {display: none;padding: 10px 0;background-color: #fff;width: 100%;margin: 0;}
.repay-info dl {position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;line-height: 32px;font-size: 14px;border-bottom: 1px solid #ddd; padding: 0px 10px;}
.repay-info dl:last-child {border-bottom:none;}

.button-wr {padding:10px 10px 0px 10px}
.button-wr .submit-button {background-color: #7bc37d;width: 100%;font-size: 14px;font-weight: 600;line-height: 40px;border-radius: 6px; color: #fff;}
.button-wr .submit-button.cancel {background-color:#ddd;}

.info-summary-wr {position: relative;background-color: #f4f4f4;padding: 10px;display: block;}
.info-summary-wr .info-summary {background-color: #51546d;display: flex;justify-content: center;width: 100%;border-radius: 7px;line-height: 46px;padding: 0px 15px;}
.info-summary-wr .info-summary span {color: #fff;font-size: 14px;}
.info-summary-wr .info-summary span:first-child {width: 150px;flex-shrink: 0;text-align: left;font-weight: 600;display: flex;align-items: center;}
.info-summary-wr .info-summary span:last-child {flex: 1;text-align: right;}
.info-summary-wr .info-summary strong {font-size: 18px;margin-right: 5px;color: #fff000;}


.tab-link {display:flex;}
.tab-link button{flex: 1;background-color: #f0f0f0;padding: 13px;font-weight: 600;font-size: 14px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.tab-link button.active {border-bottom-color:#fff; background-color:#fff;}
.tab-link button:last-child {border-right:none;}

#period-form{position: absolute;width: 100%;left: 0;top: -100%;z-index: 100;background-color: #edf3fc;padding: 15px;}
#period-form h3 {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
#period-form h3 button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(0%, -50%);
}
#period-form h3 button i {
    font-size: 21px;
}
#period-form .skey-button {background-color: #000;width: 100%;line-height: 44px;padding: 0px 0px 0px 0px;margin: 10px 0px 0px 0px;border-radius: 5px;color: #fff;font-size: 14px;font-weight: 600;}

#cash-form {}
#cash-form h3 i {font-size:18px;}
#cash-form h3 button {width: 30px;height: 30px;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;right: 15px;top: 50%;transform: translate(0%, -50%);}
#cash-form h3 button i {font-size: 21px;}

#gift-form {position: absolute;top: -100%;left: 0px;background-color: #eaf8ff;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; z-index: 100; display:none;}
#gift-form h3{position: relative;padding: 15px 0 10px 10px;font-size: 16px;font-weight: 500;text-align: left;background-color:transparent;display: flex;align-items: center;gap: 5px;}
#gift-form h3 i {font-size:18px;}
#gift-form h3 button {width: 30px;height: 30px;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;right: 15px;top: 50%;transform: translate(0%, -50%);}
#gift-form h3 button i {font-size: 21px;}

.write-form {display:flex; flex-direction:column; gap:10px; background-color: #eaf8ff; padding: 10px 15px 15px 15px;}
.write-form dl {display: flex;background-color: transparent;border-radius: 5px;line-height: 40px;font-size: 14px;}
.write-form dl dt {width:120px; padding: 0px 0px 0px 15px;}
.write-form dl dd {position: relative; flex: 1; letter-spacing: -0.03em; flex-shrink:0}
.write-form dl dd input[type=text] {border-color: #f0f0f0;padding: 0px 15px;line-height: 40px;}
.write-form dl dd .unit {position:relative;}
.write-form dl dd .unit input[type=text]{text-align: right;font-weight: 600;font-size: 18px;color: #ff0000;padding-right: 45px;}
.write-form dl dd .unit span {position:absolute;right:15px; top:0px;}
.gift-button {padding: 0px 15px;margin: 15px 0px 20px 0px;}
.gift-button button {width: 100%;height: 50px;font-weight: 600;cursor: pointer;font-size: 16px;border-radius: 5px;background-color: #000;color: #fff;transition: 0.3s ease all;}
.gift-button button:disabled {background-color:#a7a7a7; color:#fff}

#my-storage {display:flex; flex-direction:column; padding:20px 10px 20px 10px; gap:5px;}
#my-storage h3{display: flex;gap: 5px;align-items: center;font-size: 16px;font-weight: 500;}
#my-storage h3 i {font-size:18px;}
.storage-summary {background-color: #51546d;display: flex;justify-content: space-between;width: 100%;border-radius: 7px;line-height: 46px;padding: 0px 10px 0px 20px;color: #fff000; align-items: center;}
.storage-summary .opt-wr {display:flex; gap:8px;}
.storage-summary .my-cash {font-size:21px;}
.storage-summary button {color: #bd4141;font-size: 21px;font-weight: normal;background: #ddd;border-radius: 50%;width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;}



.user-check {display: flex;gap: 5px;align-items: center;}
.user-check img{width: 25px;height: 25px;border-radius: 50%;}
.user-check strong{color:#ff0000;}

/*================================================================*/
/*====================== 문화상품 상환 엑셀 ========================*/
/*================================================================*/

#repay-excel-frm .info-desc {background-color: #f2f2f2;padding: 20px;line-height: 21px;font-size: 14px;}
#repay-excel-frm .info-desc a {margin: 10px 0 0 0;color: #ff0000;font-weight: 600;text-decoration: underline;display: block;}
#repay-excel-wr {position: relative;display: flex;justify-content: center;align-items: center;padding: 20px 15px;}
#repay-excel-wr button {width: 100%;line-height: 42px;border-radius: 5px;background-color: #f19823;color: #fff;border: none;font-size: 15px;font-weight:600;}
#excelfile_upload {padding:10px;}
#excelfile_upload .filebox label {color: #fff;font-size: inherit;vertical-align: middle;background-color: #2d7ef9;cursor: pointer;border: 1px solid #2d7ef9;font-size: 12px;margin: 0px;width: 90px;height: 38px;text-align: center;border-radius: 5px;line-height: 38px;}
#excelfile_upload .frm_input {box-sizing: border-box;width: 100%;height: 40px;font-size: 14px;font-weight: 500;border: 1px solid #e7e7e7;background: #fff;border-radius: 0.3rem;box-shadow: none;}
/*================================================================*/
/*========================= 브랜드리스트 ==========================*/
/*================================================================*/

#brand-rank {padding-bottom: 0rem;}
#brand-rank .rank-header {display: flex;justify-content: space-between;padding: 24px 16px 4px;width: 100%;}
#brand-rank .rank-header h3{font-size: 16px;font-weight: 700;color: #222;display: inline-block;}
#brand-rank h3 > span{color: #ff8a00;font-size: 16px;font-style: normal;font-weight: 700;letter-spacing: -.6px;}
#brand-rank button {padding: 0 2px;margin-left: auto;color: #666;font-size: 14px;font-style: normal;font-weight: 300;letter-spacing: -1.4px; background-color: transparent; border: none;}
#brand-rank .rank-list{padding: 20px 10px 20px 10px;}
#brand-rank .rank-list ul{width:100%;display: flex;flex-direction: column;}
#brand-rank .rank-list ul li{cursor:pointer}
#brand-rank .rank-list ul > li > div.item-wr {display: flex;align-items: center;gap: 2px;border-radius: 5px;border: 1px solid rgba(34, 34, 34, .1);background: #fff;line-height: 43px; margin: 5px 0px;}
#brand-rank .rank-list ul > li > div.item-wr > div.rank-num{color: #ff8a00;text-align: center;width: 32px;font-size: 20px;font-style: normal;font-weight: 700;line-height: 130%;padding: 0px 10px;}
#brand-rank .rank-list ul > li > div.item-wr > div.brand-info{flex: 1 0 0;color: #222;font-size: 14px;font-weight: 600;padding: 0 2px;letter-spacing: -.8px;}
#brand-rank .rank-list ul > li > div.item-wr > div.rank-rate{color: #ff5959;text-align: right;font-size: 15px;font-style: normal;font-weight: 800;letter-spacing: -1.5px;padding: 0px 10px;}

footer.footer-wr{width: 100%;display: inline-block;padding: 10px 20px;position: relative;bottom: 0;background-color:#424656;font-family: 'Noto Sans Kr';}
footer.footer-wr .flogo img {width: 220px;}
footer.footer-wr .comp-info {width: 100%;max-width: 1200px;margin: 40px auto;font-size: 0;padding: 10px 0px;}
footer.footer-wr .comp-info ul{display: flex;flex-direction: column;color: #fff;justify-content: center;align-items: center;gap: 15px;}
footer.footer-wr .comp-info ul li {color: #fff;}
footer.footer-wr .comp-info ul li span {color: #fff;font-weight: 100;font-size:14px;}
footer.footer-wr .comp-info ul li:nth-child(2){margin-bottom:20px;}
footer.footer-wr .copyright {color:#fff;text-align: center;}
footer.footer-wr .flogo {text-align: center;margin: 20px 0 10px 0;padding-bottom: 10px;}
footer.footer-wr .flogo img {width:120px;}

#cultureland-payForm {background: rgba(245, 247, 249, 1);}
.price-info {padding: 10px 15px 20px 15px;background-color: #f5f7f9;display: flex;flex-direction: column;gap: 5px;}
.account-info {font-size: 18px;padding: 30px 15px 0px 20px;}
.price-wr {position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0px 20px;background-color: #fff;border-radius: 5px; line-height: 45px;}
.price-wr .price-sbj {font-size:16px; font-weight:600}
.price-wr .price-sbj img{height:13px; width:auto}
.price-wr .item-price {font-size: 21px;letter-spacing: -0.05em;font-weight: 600;color: #000;}

@media ( max-width: 1024px ) {
	.vis-wr {display:none;}
	.cont-wr {width:100%;}
	.view_top .set_pd_info .pd_info th {font-size:12px;}
	.view_top .set_pd_info .pd_info th, .view_top .set_pd_info .pd_info td {font-size:12px;}

	.div-cont {width:100% !important;}

	.list-view .pd-list > li .info-wr {padding:5px 10px;}
	.list-view .pd-list > li .pd-name {padding-top:5px;}
	.list-view .pd-list > li > div.info-wr > div {padding: 5px 0px 0px 0px;}

	
	#header .logo {width:100px;}
	#header img {width:100px;}
	#header a.logo {margin: 0 10px;}
	#sit_ov_btn button {width: 100%;margin-right: 0px;height: 45px;font-size: 14px; font-weight: 400;}
	.menu_bar_main {width:100% !important;}


	#noti_armv li:li {
		position: relative;
		transition: transform 0.3s ease, background-color 0.3s ease;
		cursor: grab; /* �⺻ ���¿��� grab Ŀ�� */
	}
	#noti_armv li:active {
		cursor: grabbing; /* Ŭ�� �� �巡�� ���� �� */
		background-color: #e0e0e0; /* Ȱ��ȭ ���¿��� ���� ���� */
		transform: scale(1.05); /* �ణ Ȯ�� */
	}

	/* �������� �������� �� */
	#noti_armv li.swipe-left {
		transform: translateX(-100px); /* �������� �̵� */
		background-color: #ffcccc; /* �������� �������� �� ���� ���� */
	}

	/* ���� �ִϸ��̼� */
	#noti_armv li.deleting {
		transition: opacity 0.3s ease, height 0.3s ease;
		opacity: 0;
		height: 0;
		margin: 0;
		padding: 0;
		border: none;
		overflow: hidden;
	}
}