@charset "utf-8";
@import url('fonts.css');
@import url('open-color.css');

/* === CSS reset === */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/* table, caption, tbody, tfoot, thead, tr, th, td, */
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; background: transparent; box-sizing: border-box; }
html { -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color: transparent; }
body { -webkit-text-size-adjust: none; /*overflow-x:hidden; overflow-y:auto;*/ }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {display:block;}
ul, ol, li {list-style:none;}
a { margin:0; padding:0; border:0; outline:0; text-decoration:none !important; color:inherit; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid var(--oc-gray-3); margin:1rem 0; padding:0; }
img {border:0; max-width:100%; vertical-align:middle;}
em {font-style:normal;}
input, textarea, button { -webkit-appearance:none; -moz-appearance:none; appearance:none; }
input, textarea, button, select { border-radius:0; }
button { border:none; outline:none; background:none; cursor:pointer; }
input, select {vertical-align:middle;}
input:required, input:invalid { /*border:0 none;*/ outline: 0 none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; }
address, cite, dfn, em, var {font-style: normal;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
embed { /*for the damn thouder plugin*/ display:none; }

/* === form CSS reset cross browsing === */

select::-ms-expand { display:none; }
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display:none; }
input:-moz-submit-invalid { box-shadow: none; }
input:-moz-ui-invalid { box-shadow:none; }

/* === Common === */

:root {
	--color-point: #0b3099;	
	--color-point-rgb: 11, 48, 153; 
	
	--color-trans-wh : rgba(255,255,255,0.7);
	--color-trans-bk : rgba(0,0,0,0.5);

	--font-title :	'Poppins', 'Spoqa Han Sans Neo', 'Pretendard', 'Noto Sans KR', 'AppleGothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	--font-text :	'Roboto', 'Pretendard', 'Noto Sans KR', 'AppleGothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	--font-icon : 'Font Awesome 6 free', 'xeicon', 'Roboto', 'Pretendard', 'Noto Sans KR', 'AppleGothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;

	--transition-slow : all .3s ease-in-out;
	--transition-fast : all .1s ease-in-out;
}

body { font-size:16px; color:var(--oc-gray-7); font-family:var(--font-text); line-height:1.7; word-break:keep-all; }
h1, h2, h3, h4, h5, h6 { font-family:var(--font-title); color:var(--oc-gray-9); }
input, textarea, button, select { font-family:var(--font-text); }
a { color:var(--oc-gray-8); transition: var(--transition-fast); -webkit-transition: var(--transition-fast); }
a:hover { color:var(--oc-gray-9); }
a:hover, a:focus,
button:active, button:focus { outline: none !important; box-shadow: none !important; }
.inner { height:100%; padding-left:50px; padding-right:50px; margin:0 auto; position:relative; }
.inner_p100 { max-width:2560px; padding-left:100px; padding-right:100px; }
.inner_w1500 { max-width:1500px; }
.inner_w820 { max-width:820px; }
.sound_only { display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; order:0 !important; overflow:hidden !important; }
@media all and (max-width:1600px) {
	.inner_p100 { padding-left:50px; padding-right:50px; }
}
@media all and (max-width:1200px) {
	body, button, input, optgroup, select, textarea { font-size:14px; }
}
@media all and (max-width:1000px) {
	.inner { padding-left:20px; padding-right:20px; }
	.inner_p100 { padding-left:25px; padding-right:25px; }
}

/* === Component === */

/* color */
.bg-point { background-color:var(--color-point); }
.bg-point-light { background-color:rgba(var(--color-point-rgb), 0.1); }
.text-point { color:var(--color-point); }

/* button */
.btn-point { color: #fff !important; background-color:rgba(var(--color-point-rgb), 0.9) !important; border-color:rgba(var(--color-point-rgb), 0.9) !important; }
.btn-point:hover { color: #fff !important; background-color:var(--color-point) !important; border-color:var(--color-point) !important; }
.btn_wrap { display:flex; flex-direction: row !important; justify-content:flex-end !important; }
.section_shop .inner_p100 .btn_wrap.admin { margin-top:-2em; margin-bottom:1em; }
.inner_p100.btn_wrap.admin { margin-bottom:1em; }

/* mode */
.mode_dark { color:#fff; }
.mode_dark hgroup h3 { color:#fff !important; }
.mode_dark h4,
.mode_dark h5,
.mode_dark h6 { color:#fff !important; }

/* tooltip */
.tooltip { border-radius:0.375rem; z-index: 2000 !important; }
.tooltip-inner { font-family:var(--font-text); word-break:keep-all; }
.custom-tooltip-mobile .tooltip-inner { max-height: 150px; /* 필요에 맞게 조정 */ overflow-y: auto; white-space: normal; /* 줄바꿈 가능 */ }

/* badge & label */
.label { display:inline-flex; align-items:center; border:1px solid transparent; justify-content:center; font-size:0.9em; font-weight:500; padding:0 0.7em; margin-bottom:0.5em; border-radius:3px; }
.label.round { border-radius:20px; }
.label.color { background-color:hsla(0, 0%, 0%, .5); color:#fff; }
.label.border { color:var(--oc-gray-6); }
.label.color.md			/* 오리지널 */		{ background-color:rgba( var(--color-point-rgb), 0.8); }
.label.border.md		/* 오리지널 */		{ border-color:rgba( var(--color-point-rgb), 0.5) !important; color:var(--color-point) !important; }
.label.color.collabo	/* 콜라보 */		{}
.label.border.collabo	/* 콜라보 */		{}
.label.color.preorder	/* 예약 */		{}
.label.border.preorder	/* 예약 */		{}
.label.color.dday.on	/* 마감임박 */		{ background-color:rgba( var(--oc-violet-6-rgb), 0.8); }
.label.border.dday.on	/* 마감임박 */		{ border-color:rgba( var(--oc-violet-6-rgb), 0.5) !important; color:var(--oc-violet-6) !important; }
.label.color.closed		/* 예약마감 */		{ background-color:rgba( var(--oc-gray-4-rgb), 0.8); }
.label.border.closed	/* 예약마감 */		{ border-color:rgba( var(--oc-gray-4-rgb), 0.5) !important; color:var(--oc-gray-4) !important; }
.label.color.stock		/* 입고 */		{}
.label.border.stock		/* 입고 */		{}
.label.color.restock	/* 재입고 */		{}
.label.border.restock	/* 재입고 */		{}
.label.color.soldout	/* 품절 */		{ background-color:rgba( var(--oc-gray-4-rgb), 0.8); }
.label.border.soldout	/* 품절 */		{ border-color:rgba( var(--oc-gray-4-rgb), 0.5) !important; color:var(--oc-gray-4) !important; }
.label.color.delivery	/* 무료배송 */		{}
.label.border.delivery	/* 무료배송 */		{}
.label.color.coupon		/* 쿠폰 */		{ background-color:rgba( var(--oc-green-6-rgb), 0.8); }   
.label.border.coupon	/* 쿠폰 */		{ border-color:rgba( var(--oc-green-6-rgb), 0.5) !important; color:var(--oc-green-6) !important; }
.label.color.sale		/* 할인 */		{ background-color:rgba( var(--oc-red-6-rgb), 0.8); }
.label.border.sale		/* 할인 */		{ border-color:rgba( var(--oc-red-6-rgb), 0.5) !important; color:var(--oc-red-6) !important; }
.label.border.point		/* 포인트 */		{ border-color:rgba( var(--oc-orange-6-rgb), 0.5) !important; color:var(--oc-orange-6) !important; }
.win_point .badge	{ background-color: var(--oc-orange-5); color:#fff; }
.win_coupon .badge	{ background-color: var(--oc-green-5); color:#fff; }
.win_memo .badge	{ background-color: var(--oc-blue-5); color:#fff; }

/* tab */
.tab-title .tab-nav.current .key { background:var(--color-point); border-color:var(--color-point); color:#fff; }
.tab-title .tab-nav.current .key:before { color:#fff; }
.tab-title + .tab-panel { margin-top:1.5em; }
.tab-panel { width: 100%; position: relative; }
.tab-panel .tab-cont { display:none; width: 100%; }
.tab-panel .tab-cont.current { display:block; }

/* form */
.form_search { display:flex; align-items:center; border-bottom: 2px solid var(--oc-gray-7); }
.form_search:hover,
.form_search:focus { border-color:var(--color-point); }
.form_search .inp_search { padding:0.3em 0.5em; border:0; outline:0; width:20em; background-color:transparent; }
.form_search .inp_search:hover,
.form_search .inp_search:focus { border:none !important; background-color:none !important; outline:none; box-shadow:none; }
.form_search button { color:var(--oc-gray-7); }
.form_search:hover button,
.form_search:focus button { color:var(--color-point); }

.filter_prd .list_form li a {display:block;margin-bottom:0.3em;}
.filter_prd .list_form li dl dt { font-family:var(--font-title); font-size:1.1em; font-weight:600; display:flex; align-items:center; justify-content:space-between; }
.filter_prd .list_form li dl dd { margin-top:0.3em; /*padding-left:0.3em;*/ }
.filter_prd .list_form li dl dt .show-hide { position:relative; width:1rem; height:1rem; transform:rotate(0deg); transform-origin:50% 50%; overflow:hidden; transition: var(--transition-fast); -webkit-transition: var(--transition-slow); }
.filter_prd .list_form li dl dt .show-hide:before,
.filter_prd .list_form li dl dt .show-hide:after { content:""; position:absolute; top:50%; left:50%; background-color:var(--oc-gray-7); }
.filter_prd .list_form li dl dt .show-hide:before { transform:translate(-50%,-50%); width:1rem; height:2px; }
.filter_prd .list_form li dl dt .show-hide:after { transform:translate(-50%,-50%) rotate(0deg); width:2px; height:2px; }
.filter_prd .list_form li dl.hide { position:relative; }
.filter_prd .list_form li dl.hide dt .show-hide:after { height:1rem; }
.filter_prd .list_form li dl.hide dt .show-hide { transform:rotate(180deg); }
.filter_prd .list_form li dl.hide dd { max-height:11.5em; overflow-y:hidden; margin-bottom:1.25em; }
.filter_prd .list_form li dl.hide:after { content:'\e949'; font-family:xeicon; position:absolute; bottom:-1.25em; left:50%; color:var(--oc-gray-5); }
.filter_prd .list_form li dl.edit dd { margin-bottom:0; }
.filter_prd .list_form li dl.edit:after { display:none; }
.filter_prd .list_form li dl.edit ~ .ellipsis { width:100%; text-align:center; color:var(--oc-gray-5); }
.filter_prd .list_form > li { padding:10px 0; border-bottom:1px dashed var(--oc-gray-3); }
.filter_prd .list_form > li:first-child { padding-top:0; }
.filter_prd .list_form > li:last-child { padding-bottom:0; border-bottom:none; }
.filter_prd .list_form + .btn_box { padding-top:15px; }
.filter_prd .list_form .option.edit .form-check-label { display:inline-flex; align-items:center; gap:0.4em; }
@media all and (max-width:1200px) {
	.filter_prd .list_form li dl { display:flex; }
	.filter_prd .list_form li dl dt { flex:1; }
	.filter_prd .list_form li dl dd { flex:6; margin-top:0.1em; }
	.filter_prd .list_form li dt { font-size:1em; }
	.filter_prd .list_form li dl dt .show-hide { display:none; }
	.filter_prd .list_form li dl.hide dd { max-height:auto; margin-bottom:0; }
	.filter_prd .list_form li dl.hide:after { display:none; }
	.filter_prd .list_form .option { display:flex; flex-wrap:wrap; gap:0.1em 1.5em; }	
	.filter_prd .list_form .option.edit .form-check-label { gap:0.4em; }
}
@media all and (max-width:560px) {
	.filter_prd .list_form li dl { display:block; margin-top:0.3em; }
}

/* flex */
.flex-wrap { display:flex; flex-wrap:wrap; gap:50px; width:100%; }
.flex-wrap.col2 .flex-box { width: calc( (100% - 50px) / 2); }
.flex-wrap.col3 .flex-box { width: calc( (100% - 100px) / 3); }
.flex-wrap.col4 .flex-box { width: calc( (100% - 150px) / 4); }
.flex-wrap.col6 .flex-box { width: calc( (100% - 250px) / 6); }
.flex-wrap.col9 .flex-box { width: calc( (100% - 400px) / 9); }
@media all and (max-width:1600px) {
	.flex-wrap.col4 .flex-box { width: calc( (100% - 50px) / 2); }
	.flex-wrap.col6 .flex-box { width: calc( (100% - 100px) / 3); }
	.flex-wrap.col9 .flex-box { width: calc( (100% - 250px) / 6); }
}
@media all and (max-width:1200px) {
	.flex-wrap { gap:25px 15px; }
	.flex-wrap.col2 .flex-box { width: calc( (100% - 15px) / 2); }
	.flex-wrap.col3 .flex-box { width: calc( (100% - 30px) / 3); }
	.flex-wrap.col4 .flex-box { width: calc( (100% - 45px) / 4); }
	.flex-wrap.col6 .flex-box { width: calc( (100% - 60px) / 6); }
	.flex-wrap.col9 .flex-box { width: calc( (100% - 75px) / 9); }
}
@media all and (max-width:770px) {
	.flex-wrap.col2,
	.flex-wrap.col3 { flex-direction:column; }
	.flex-wrap.col2 .flex-box,
	.flex-wrap.col3 .flex-box { width:100%; }
	.flex-wrap.col4 .flex-box { width: calc( (100% - 15px) / 2); }	
	.flex-wrap.col6 .flex-box { width: calc( (100% - 30px) / 3); }
	.flex-wrap.col9 .flex-box { width: calc( (100% - 60px) / 6); }
}
@media all and (max-width:560px) {	
	.flex-wrap.col6 .flex-box { width: calc( (100% - 15px) / 2); }
	.flex-wrap.col9 .flex-box { width: calc( (100% - 30px) / 3); }
}

/* card */
.item_card .item_thumb { position:relative; margin-bottom:0.5em; border:1px solid hsla(0, 0%, 90%, .5); border-radius:0.5em; overflow:hidden; }
.item_card .item_thumb .label_box { position:absolute; top:10px; }
.item_card .item_thumb .label_box .label { padding:0 0.5em; font-family:var(--font-title); }
.item_card .item_thumb .label_box.left { left:0; }
.item_card .item_thumb .label_box.right { right:0; }
.item_card .item_thumb .label_box.left .label { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.item_card .item_thumb .label_box.right .label { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.item_card .item_thumb .icon_box { position:absolute; bottom:0; display:flex; width:100%; height:80px; transform:translateY(80px);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.75), 50%, rgba(0, 0, 0, 0)); transition:var(--transition-slow); z-index:1; }
.item_card .item_thumb .icon_box .icon { flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; margin-top:auto;
	padding:0.5em 0.2em; color:hsla(0, 100%, 100%, .6); transition:var(--transition-fast); }
.item_card .item_thumb .icon_box .icon + .icon { border-left:1px solid hsla(0, 100%, 100%, .25); }
.item_card .item_thumb .icon span { font-size:0.7em; display:inline-block; margin-top:2px; }
.item_card .item_thumb .icon:hover { color:hsla(0, 100%, 100%, 1); }
.item_card .item_thumb:hover .icon_box { transform:translateY(0);}
.item_card .item_thumb .icon_box.right { margin-top:0; width:auto; height:auto; right:0; transform:translateY(0); background:none; }
.item_card .item_thumb .icon_box.right .icon { padding:0.5em; }
.item_card .item_thumb .icon_box.right .icon span { display:none; }
.item_card .item_info .icon_box .icon { display:inline-block; margin-right:0.3em; color:var(--oc-gray-6); padding:0; }
.item_card .item_info .icon_box .icon span { display:none; }
.item_card .item_info .logo_box { display:flex; gap:0.5em; }
.item_card .item_info .logo_box a { display:block; max-width:160px; position:relative; border:1px solid var(--bs-border-color); border-radius:0.5em; overflow:hidden; }
.item_card .item_info .logo_box a div { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;
	background:hsla(0, 0%, 10%, .5); color:#fff; opacity:0; transition: var(--transition-fast); -webkit-transition: var(--transition-fast); }
.item_card .item_info .logo_box a:hover div { opacity:1; }
.item_card .item_info h6 { font-size:1.1em; margin-bottom:0; }
.item_card .item_info .cate { margin-bottom:0.3em; word-break: auto-phrase; line-height:1.3; }
.item_card .item_info .cate a { font-size:0.9em; color:var(--color-point); }
.item_card .item_info .cate a:after { content:' | '; color:var(--oc-gray-5);  }
.item_card .item_info .cate a:last-child:after { display:none; }
.item_card .item_info .price { margin:0.2em 0 0.5em; line-height:1.1; }
.item_card .item_info .price b,
.item_card .item_info .price strong { font-size:1.2em; font-family:var(--font-title); font-weight:600; }
.item_card .item_info .price del { font-size:0.9em; color:var(--oc-gray-5); }
.item_card .item_info .price em { color:var(--oc-red-6); font-family:var(--font-title); font-weight:500; }
.item_card .item_info .tag { display:flex; flex-wrap:wrap; gap:0.2em; }
.item_card.soldout .item_thumb a::before,
.item_card.comingsoon .item_thumb a::before,
.item_card.comingsoon .item_thumb.no-link::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:hsla(0, 0%, 80%, .5); }
.item_card.soldout .item_thumb a::after,
.item_card.comingsoon .item_thumb a::after,
.item_card.comingsoon .item_thumb.no-link::after { position:absolute; top:0; left:0; width:100%; height:100%; padding:4px;
	display:flex; align-items:center; justify-content:center; color:hsla(0, 100%, 100%, .75); font-family:var(--font-title); font-size:1.7em; font-weight:800; letter-spacing:0; text-align:center; line-height:1.1; }
.item_card.soldout .item_thumb a::after { content:'SOLD OUT'; }
.item_card.soldout.out .item_thumb a::after { content:'일시품절'; }
.item_card.soldout.end .item_thumb a::after { content:'판매종료'; }
.item_card.soldout.soon .item_thumb a::after { content:'입고예정'; }
.item_card.comingsoon .item_thumb a::after,
.item_card.comingsoon .item_thumb.no-link::after { content:'COMING SOON'; /*pointer-events: none;*/ }
.item_card.comingsoon .item_thumb.no-link a::before,
.item_card.comingsoon .item_thumb.no-link a::after { display:none; }
.item_card.soldout .item_info h6,
.item_card.soldout .item_info h6 a,
.item_card.soldout .item_info .cate a,
.item_card.soldout .item_info .cate a:after,
.item_card.soldout .item_info .label,
.item_card.soldout .item_info .price,
.item_card.soldout .item_info .price del,
.item_card.soldout .item_info .price em,
.item_card.soldout .item_info .price b,
.item_card.soldout .item_info .tag .label.border { color:var(--oc-gray-4); !important; }
/* .item_card.comingsoon .item_info h6,
.item_card.comingsoon .item_info h6 a,
.item_card.comingsoon .item_info .cate a,
.item_card.comingsoon .item_info .cate a:after,
.item_card.comingsoon .item_info .label,
.item_card.comingsoon .item_info .price,
.item_card.comingsoon .item_info .price del,
.item_card.comingsoon .item_info .price em,
.item_card.comingsoon .item_info .price b,
.item_card.comingsoon .item_info .tag .label.border { color:var(--oc-gray-4); !important; } */
.item_card.soldout .icon_box .icon.cart,
.item_card.comingsoon .icon_box .icon.cart { display:none; }
.item_card .icon i { font-size:24px; }
.item_card .item_thumb .icon_box .icon.wish,
.item_card .icon.wish,
.item_card .item_thumb .icon_box .icon.wish.off,
.item_card .icon.wish.off { color:rgba(var(--oc-gray-3-rgb),.6); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,0.6); }
.item_card .item_thumb .icon_box .icon.wish:hover,
.item_card .icon.wish:hover,
.item_card .item_thumb .icon_box .icon.wish.off:hover,
.item_card .icon.wish.off:hover { color:var(--oc-pink-1); }
.item_card .item_thumb .icon_box .icon.wish.on,
.item_card .icon.wish.on { color:var(--oc-pink-5); }
.btn_wish.off i.xi-heart-toggle::before { content: "\ea10"; /* \ea11 코드: xi-heart-o */ font-family: 'xeicon' !important; }
.btn_wish.on i.xi-heart-toggle::before { content: "\ea10"; /* \ea10 코드: xi-heart */ font-family: 'xeicon' !important; }
@media all and (max-width:770px) {
	.item_card.soldout .item_thumb a::after,
	.item_card.comingsoon .item_thumb a::after { font-size:1.5em; }
}

.title_card { width:100%; aspect-ratio:3 / 4; position: relative; display: flex; justify-content: center; align-items: flex-end; perspective: 2500px; }
.title_card .cover-image { width: 100%; height: 100%; object-fit: cover; }
.title_card .wrapper { transition:var(--transition-slow); position: absolute; width: 100%; z-index: -1; }
.title_card .wrapper::before,
.title_card .wrapper::after { content: ""; opacity: 0; width: 100%; height: 20%; transition:var(--transition-slow); position: absolute; left: 0; }
.title_card .wrapper::before { top: 0; height: 100%; background-image: linear-gradient( to top, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19) 97% ); }
.title_card .wrapper::after { bottom: 0; opacity: 1; background-image: linear-gradient( to bottom, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19) 97% ); }
.title_card .title { height:20%; width:auto; display: block; object-fit: contain; /* 필요에 따라 cover 또는 fill 로 변경 가능 */
	margin-bottom:5%; transition: transform .3s ease-in-out; }
.title_card .character { height:100%; width:auto; display: block; object-fit: contain; /* 필요에 따라 cover 또는 fill 로 변경 가능 */
	opacity: 0; transition:var(--transition-slow); position: absolute; z-index: -1; }
.swiper-slide-active .title_card .wrapper,
.title_card:hover .wrapper { transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
	box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.3); }
.swiper-slide-active .title_card .wrapper::before,
.swiper-slide-active .title_card .wrapper::after,
.title_card:hover .wrapper::before,
.title_card:hover .wrapper::after { opacity: 1; }
.swiper-slide-active .title_card .wrapper::after,
.title_card:hover .wrapper::after { height: 25%; }
.swiper-slide-active .title_card .title,
.title_card:hover .title { transform: translate3d(0%, -15%, 0); }
.swiper-slide-active .title_card .character,
.title_card:hover .character { opacity: 1; transform: translate3d(0%, -7.5%, 0); }    

.vod_card .vod_thumb { position:relative; border:1px solid hsla(0, 0%, 90%, .5); border-radius:0.5em; overflow:hidden; }
.vod_card .vod_thumb .icon.play { position:absolute; top:50%; left:50%; display:flex; transform:translate(-50%,-50%); color:hsla(0, 100%, 100%, .6); transition:var(--transition-fast); z-index:1; }
.vod_card .vod_thumb .icon.play i { font-size:5em; }
.vod_card .vod_thumb:hover .icon.play { color:#fff; }
.vod_box { width:100%; height:100%; position:relative; overflow:hidden; }
.vod_box .vod_vid { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: auto; height: auto; min-width: 100%; min-height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.vod_box .toggle_sound_btn { position: absolute; z-index: 10; top: 1rem; left: 1rem; cursor: pointer; 
	display: flex; justify-content:center; align-items:center; height: 60px; width: 60px; font-size:24px; color: var(--oc-gray-6);
	background:var(--color-trans-wh); border-radius: 50%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
@media all and (orientation: landscape) {
	.vod_box.portrait { display:none; }
	.vod_box.landscape { display:block; }
	.vod_box.landscape .vod_vid { min-width: 100%; min-height: 100%; }
}
@media all and (min-aspect-ratio:16/17) {
	.vod_box.landscape .vod_vid { max-width: auto; }
}
@media all and (max-aspect-ratio:16/17) {
	.vod_box.landscape { display:none; }
	.vod_box.portrait { display:block; }
	.vod_box.portrait .vod_vid { max-width: 100%; }
}
@media all and (max-aspect-ratio:9/15) {
	.vod_box.portrait .vod_vid { max-width: 110%; max-height:auto; min-width: 100%; min-height: 100%; }
}
@media all and (max-aspect-ratio:1/2) {
	.vod_box.portrait .vod_vid { max-width: 120%; }
}
@media all and (max-aspect-ratio:2/5) {
	.vod_box.portrait .vod_vid { max-width: 130%; }
}
@media all and (max-width:1000px) {
	.vod_box .toggle_sound_btn { height:40px; width:40px; font-size:18px; }
}

/* list */
.list_dl { margin-bottom:calc(1rem - 0.25rem); }
.list_dl:after { clear:both; display: block; content: ''; line-height: 0; }
.list_dl dt { float:left; font-weight:500; margin-bottom:0.25rem; }
.list_dl dd { margin:0; margin-bottom:0.25rem; }
.list_ul li { position:relative; text-align:left; word-break:keep-all; padding-left:0.75em; }
.list_ul li:before { content:''; position:absolute; left:0; top:0.75em; width:3px; height:3px; border-radius:50px; background:var(--oc-gray-5); }
.list_ul li em { color: var(--color-point); font-style: normal; }
.list_ul.check li { margin-left:1em; }
.list_ul.check li:before { content:'\2714'; color:var(--oc-gray-5); top:0; left:-1em; width:1em; height:1em; background:none; }  

.list_keyword { display:flex; flex-wrap:wrap; margin-bottom:-0.5rem; }
.list_keyword li { margin: 0 0.5rem 0.5rem 0; }
.list_keyword li .key { padding: 0.25em 1em 0.2em; font-size: 1.1em; display: inline-block; background: #fff; border-radius: 2rem; border:1px solid var(--oc-gray-3);
	transition: var(--transition-fast); -webkit-transition: var(--transition-fast); cursor:pointer; }
.list_keyword li .key:before { content:'\23'; display:inline-block; font-family: FontAwesome; padding-right:0.3em; color:var(--oc-gray-5); transition: var(--transition-fast); -webkit-transition: var(--transition-fast); }
.list_keyword li .key.brand:before { content:'\40'; }
.list_keyword li:hover .key { border-color:var(--color-point); color:var(--color-point); }
.list_keyword li:hover .key:before { color:var(--color-point); }
.list_keyword li.active .key { background:var(--color-point); border-color:var(--color-point); color:#fff; }
.list_keyword li.active .key:before { color:#fff; }
@media all and (max-width:1200px) {
	.list_keyword li .key { padding: 0.25em 0.75em; font-size: 1em; }
}

.list_item .swiper-slide .item_card .item_info h6 a,
.tab-cont .item_card .item_info h6 a { display:inline-block; width:100%; overflow: hidden; white-space: normal; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: normal; }
.list_item .swiper-button-prev.circle,
.list_item .swiper-button-next.circle { top:30%; }
.list_item .item_card.view_module { display:block; }
.list_item .item_card.view_module .item_thumb { margin-bottom:0.5em; }
.list_item .item_card.view_module .item_thumb img { height: auto; }
.list_item .item_card.view_list { display:flex; gap:1em; align-items:flex-start; }
.list_item .item_card.view_list .item_thumb { margin-bottom:0; }
.list_item .item_card.view_list .item_thumb img { height: auto; }
.list_item .item_card.view_list .item_info { flex:1; }
@media all and (max-width:1000px) {
	.list_item .swiper-button-prev.circle,
	.list_item .swiper-button-next.circle { display:none; }
}

.list_table { display:flex; flex-wrap:wrap; border-bottom:1px solid var(--oc-gray-3); }
.list_table > li { display:flex; border-top:1px solid var(--oc-gray-3); }
.list_table > li.col1 { flex: 1 1 100%; }
.list_table > li.col2 { flex: 1 1 50%; }
.list_table > li.col3 { flex: 1 1 33.3333%; }
.list_table > li > div { padding: 0.5em 1em; }
.list_table > li .tt { width:12em; background:var(--oc-gray-0); font-weight:600; }
.list_table > li .con { width:calc(100% - 12em); }
.list_table > li .con .list_ul p span,
.list_table > li .con .list_ul ul li span { font-family:var(--font-text) !important; }
.list_table > li .con .list_ul ul li:before { top:0.5em; }
.list_table .list_tr { width:100%; display:flex; flex-wrap:wrap; border-right:1px dotted var(--oc-gray-3); }
.list_table .list_tr .list_td { border-left:1px dotted var(--oc-gray-3); flex: 1 1 auto; }
.list_table .list_thead { font-family:var(--font-title); background:var(--oc-gray-0); font-weight:600; }
.list_table .list_thead .list_td,
.list_table .list_thead .list_td span { text-align:center; }
.list_table .list_tbody .list_td.right { text-align:right; }
.list_table .list_tbody .list_td.center { text-align:center; }
@media all and (max-width:1200px) {
	.list_table > li .tt { width:10em; }
	.list_table > li .con { width:calc(100% - 10em); }
}
@media all and (max-width:770px) {
	.list_table > li { flex: 1 1 100% !important; }
	.list_table > li > div { padding: 0.5em 0.75em; }
	.list_table > li > .tt { width:8em; }
	.list_table > li > .con { width:calc(100% - 8em); }
	.list_table > li.col1 { display:block; }
	.list_table > li.col1 > .tt,
	.list_table > li.col1 > .con { width:100%; }
}

/* pagination */
.nav_page .page-link { color:var(--oc-gray-9); min-width:2.25em; text-align:center; font-family:var(--font-title); }
.nav_page .disabled>.page-link,
.nav_page .page-link.disabled { color:var(--oc-gray-5); }
.nav_page .active>.page-link,
.nav_page .page-link.active { background-color:var(--color-point); border-color:var(--color-point); color:#fff; font-weight:600; }

/* slider */
.swiper-container { position:relative; }
.swiper-button-prev,
.swiper-button-next { font-size:26px; color:var(--oc-gray-6); width:50px; height:50px; margin-top: calc(0px - (32px / 2)); transition:var(--transition-fast); background: transparent;
    border-radius: 50%;display: flex;align-items: center;justify-content: center; }
.mode_dark .swiper-button-prev,
.mode_dark .swiper-button-next,
.mode_dark ~ .swiper-button-prev,
.mode_dark ~ .swiper-button-next { color:var(--color-trans-wh); }
.swiper-button-prev { left:50px; }
.swiper-button-next { right:50px; }
.swiper-button-prev:after,
.swiper-button-next:after { font-size:26px; }
.inner .swiper-button-prev { left:-40px; }
.inner .swiper-button-next { right:-40px; }
.swiper-button-prev:hover,
.swiper-button-next:hover { color:var(--color-point); }
.mode_dark .swiper-button-prev:hover,
.mode_dark .swiper-button-next:hover,
.mode_dark ~ .swiper-button-prev:hover,
.mode_dark ~ .swiper-button-next:hover { color:#fff; }
.swiper-button-prev.circle,
.swiper-button-next.circle { font-size:24px; width:56px; height:56px; margin-top: calc(0px - (56px / 2)); border-radius:50%;
	background:hsla(0, 100%, 100%, .75); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.swiper-button-prev.circle:after,
.swiper-button-next.circle:after { font-size:24px; }
.swiper-button-prev.circle:hover,
.swiper-button-next.circle:hover { background:#fff; }
.inner .swiper-button-prev.circle { left:-28px; }
.inner .swiper-button-next.circle { right:-28px; }
.slider_progress .swiper-button-prev.circle,
.slider_progress .swiper-button-next.circle { top:45%; }
.swiper-pagination-bullet { background:transparent; border:1px solid var(--oc-gray-6); opacity:1; border-radius:4px; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background:var(--oc-gray-6); width:1.5em; }
.mode_dark .swiper-pagination-bullet { border-color: #fff; }
.mode_dark .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff; }
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal	{ height:1px; }
.swiper-pagination-progressbar { background:var(--oc-gray-3); }
.swiper-pagination-progressbar.swiper-pagination-horizontal { top:auto; bottom:0; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--color-point); }
.swiper-pagination-fraction { bottom:0; left:50%; transform:translateX(-50%); width:auto; min-width:3.5em; padding:0 0.5em; display:flex; justify-content:center; gap:0.25em;
	font-family:var(--font-title); font-weight:500; background:hsla(0, 100%, 100%, .75); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.swiper-pagination-current { font-weight:800; color:var(--color-point); }
@media all and (max-width:1600px) {
	.swiper-button-prev { left:15px; }
	.swiper-button-next { right:15px; }
}
@media all and (max-width:1200px) {
	.swiper-button-prev,
	.swiper-button-next { font-size:24px; color:var(--oc-gray-6); width:40px; height:40px; margin-top: calc(0px - (40px / 2)); }
	.swiper-button-prev:after,
	.swiper-button-next:after { font-size:24px; }
	.inner .swiper-button-prev { left:-10px; }
	.inner .swiper-button-next { right:-10px; }
	.swiper-button-prev.circle,
	.swiper-button-next.circle { font-size:18px; display:flex; width:48px; height:48px; margin-top: calc(0px - (48px / 2)); }
	.swiper-button-prev.circle:after,
	.swiper-button-next.circle:after { font-size:18px; }
	.inner .swiper-button-prev.circle { left:-24px; }
	.inner .swiper-button-next.circle { right:-24px; }
}
@media all and (max-width:1000px) {
	.swiper-button-prev,
	.swiper-button-next { display:none; }
	.swiper-button-prev.circle,
	.swiper-button-next.circle { font-size:16px; display:flex; width:40px; height:40px; margin-top: calc(0px - (40px / 2)); }
	.swiper-button-prev.circle:after,
	.swiper-button-next.circle:after { font-size:16px; }
	.inner .swiper-button-prev.circle { left:-20px; }
	.inner .swiper-button-next.circle { right:-20px; }
}

.slider { overflow-x: hidden; }
.slider .list_item .swiper-button-prev,
.slider .list_item .swiper-button-next { top:32.5%; }
.slider_progress .swiper-container { padding-bottom:50px; }
.slider.slider_edit .slider_wrap { position:relative; }
.slider.slider_edit .swiper-container { overflow:hidden; }
.slider.slider_edit .swiper-button-prev.circle,
.slider.slider_edit .swiper-button-next.circle { top:50%; margin-top:0; transform:translateY(-50%); }
.slider.slider_edit .swiper-button-prev.circle.swiper-button-disabled,
.slider.slider_edit .swiper-button-next.circle.swiper-button-disabled { opacity:0; }
.slider.slider_edit	.swiper-container.list_item ~ .swiper-button-prev.circle,
.slider.slider_edit	.swiper-container.list_item ~ .swiper-button-next.circle { top:35%; }
.slider.slider_edit.mdpick .slider_wrap { padding-bottom:calc(3em); }
.slider.slider_edit.slider_progress .swiper-container { overflow: visible; padding-bottom:0; }
.slider.slider_edit.slider_progress .slider_wrap { padding-bottom:50px; }
.slider.slider_edit.slider_progress .swiper-button-prev.circle,
.slider.slider_edit.slider_progress .swiper-button-next.circle { top:calc(50% - 25px); }
.slider.slider_edit.slider_progress.title .swiper-button-prev.circle,
.slider.slider_edit.slider_progress.title .swiper-button-next.circle { top:calc(50% - 25px - 0.75em); }
.view_prd .view_item.head .item_img .swiper-button-prev.circle, 
.view_prd .view_item.head .item_img .swiper-button-next.circle { top:42.5%; }
@media all and (max-width:1000px) {
	.slider .list_item .swiper-button-prev,
	.slider .list_item .swiper-button-next,
	.slider_progress.title .swiper-button-prev,
	.slider_progress.title .swiper-button-next { display:none; }
	.slider_progress .swiper-container { padding-bottom:25px; }	
	.slider.slider_edit	.swiper-container.list_item { overflow: visible; }
	.slider.slider_edit	.swiper-container.list_item ~ .swiper-button-prev.circle,
	.slider.slider_edit	.swiper-container.list_item ~ .swiper-button-next.circle { display:none; }
	.slider.slider_edit.slider_progress .slider_wrap { padding-bottom:26px; }
	.slider.slider_edit.slider_progress .swiper-button-prev.circle,
	.slider.slider_edit.slider_progress .swiper-button-next.circle { top:calc(50% - 13px); }
	.slider.slider_edit.slider_progress.title .swiper-button-prev.circle,
	.slider.slider_edit.slider_progress.title .swiper-button-next.circle { display:none; }
}

/* view more */
.hidden_cont { max-height:100dvh; overflow-y:hidden; position:relative; }
.hidden_cont:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height:100px;
	background: rgb(255,255,255); background: linear-gradient( 0deg , rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0.02) 100%); }
.visible_cont { max-height:auto; }
.hidden_cont ~ .btn-box,
.visible_cont ~ .btn-box { display:flex; justify-content:center; margin-top:1rem; }

/* modal */
/* 가입완료 */
.modal-body,
.modal-body p {word-break:keep-all;}
.modal-header .btn-close-fix {position:absolute;top:-40px;right:-5px;font-size:1.5rem;color:#ddd;}
#register_md .modal-header {justify-content:center;}
#register_md .modal-body {text-align:center;}
#register_md .modal-body h3 {margin-top:10px;}
#register_md .modal-body h3 span {color: var(--oc-blue-6);font-size: 1.1em;}
#register_md .modal-body .btn {min-width:200px;margin:20px 0 0;}


/* === Layout === */

/* header */
#header ~ #contents { padding-top:120px; }
#header { width:100%; height:120px; position:fixed; top:0; z-index:1000; display:flex; flex-direction:column; background:var(--color-trans-wh);
	transition: var(--transition-slow); -webkit-transition: var(--transition-slow); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
#header.scrolled { position:fixed; top:-60px; }
#header .inner { display:flex; align-items:center; gap:2rem; }
#header .logo a { display:inline-flex; align-items:center; height:60px; }
#header .logo a img { max-height:36px; }
#header legend { display:none; }

#header .head_top { flex:1; border-bottom:1px solid var(--oc-gray-3); }
#header .head_top .inner { justify-content:space-between; }
.head_top .btn_head > ul > li > a svg { display:none; }
/*
.head_top .btn_head > ul > li:last-child > a svg { display:block; }
.head_top .btn_head > ul > li:last-child > a .txt { display:none; }
*/
#header .head_bottom { flex:1; border-bottom:1px solid var(--oc-gray-3); }
#header .head_bottom .btn_head { margin-left:auto; }

.btn_head > ul { display:flex; align-items:center; gap:1.5em; }
.btn_head > ul > li { position:relative; display:flex; align-items:center; gap:0.4em;  }
.btn_head > ul > li > button,
.btn_head > ul > li > a { height:48px; min-width:auto; color:var(--oc-gray-6); display:flex; align-items:center; gap:0.4em; line-height:1; padding:0; position:relative; }
.btn_head > ul > li > button .txt,
.btn_head > ul > li > a .txt { font-size:0.8em; }
.btn_head > ul > li > button .badge,
.btn_head > ul > li > a .badge { position:absolute; top:50%; right:0; transform: translate(75%, -100%); }
.btn_head > ul > li > button svg,
.btn_head > ul > li > a svg { width:18px; height:18px; }
.btn_head > ul > li > button:hover,
.btn_head > ul > li > a:hover { color:var(--oc-gray-9); }
.btn_head > ul > li .btn_member { height:48px; min-width:auto; color:var(--oc-gray-6); display:flex; align-items:center; gap:0.4em; line-height:1; padding:0; font-size:0.8em; }
.btn_head > ul > li .btn_member .profile_img { margin:0; border-radius:50%; overflow:hidden; }
.btn_head > ul > li .btn_member .profile_name { max-width:auto; line-height:1.7; vertical-align:baseline; color:var(--oc-gray-8); }
.btn_head .dropdown-item { display:inline-flex; align-items:center; gap:0.4em; font-size:14px; } 
.btn_head .dropdown-item .badge { display:inline-flex; align-items:center; font-size:11px; }

.nav_gnb ul { display:flex; align-items:center; gap:1.5em; }
.nav_gnb.tab .tag:before { content:'\23'; display:inline-block; font-family: FontAwesome; padding-right:0.3em; color:var(--oc-gray-6); }
.nav_gnb.tab .brand:before { content:'\40'; display:inline-block; font-family: FontAwesome; padding-right:0.3em; color:var(--oc-gray-6); }
#header .head_bottom .inner_p100 .nav_gnb.tab > ul > li:first-child,
#header .head_bottom .inner_p100 .nav_gnb.tab > ul > li:first-child button { height:24px; line-height:1; }
#header .head_bottom .inner_p100 .nav_gnb.tab > ul > li:nth-child(2) a,
#header .head_bottom .inner_p100 .nav_gnb.tab > ul > li:nth-child(3) a,
#header .head_bottom .inner_p100 .nav_gnb.tab > ul > li:nth-child(4) a { font-weight:500; color:var(--color-point); }

#navMenu { width:80%; max-width:480px; }
#todayView { width:80%; max-width:480px; }
.nav_menu .depth1 { position:relative; display:flex; flex-wrap:wrap; gap:2em; margin-bottom:2em; }
.nav_menu .depth1:before { content:''; position:absolute; top:-1em; left:-1em; width:calc(100% + 2em); height:1px; border-top:1px solid var(--oc-indigo-2); }
.nav_menu .depth1:first-child:before { display:none; }
.nav_menu .depth1 > li { flex:1 1 calc(50% - 1em); position:relative; }
.nav_menu .depth1 > li:before { content:''; position:absolute; top:-1em; left:-1em; width:calc(100% + 2em); height:1px; border-top:1px dashed var(--oc-gray-3); }
.nav_menu .depth1 > li:nth-child(1):before,
.nav_menu .depth1 > li:nth-child(2):before { display:none; }
.nav_menu .depth1 > li:after { content:''; position:absolute; left:-1em; top:-1em; width:1px; height: calc(100% + 2em); border-left:1px dashed var(--oc-gray-3); }
.nav_menu .depth1 > li:nth-child(odd):after { display:none; }
.nav_menu .btn_dep1 { font-size:1.1em; font-family:var(--font-title); font-weight:600; color:var(--color-point); }
.nav_menu .depth2 { margin-top:0.25em; }
.nav_menu .depth2 > li { }
.nav_menu .btn_dep2 { font-size:1em; font-family:var(--font-title); font-weight:500; }
.nav_menu .btn_dep2:before { content:'· ';}
.nav_menu .depth3 { display:flex; flex-wrap:wrap; gap:0.5em; margin:0.25em 0 1em; }
.nav_menu .depth3 > li {  }
.nav_menu .btn_dep3 { font-size:0.9em; border: 1px solid var(--oc-gray-3); padding:0.25em 0.75em; border-radius: 3em; }
.nav_menu.edit { margin:-1em; }
.nav_menu.edit .depth1:before { left:0; width:100%; }
.nav_menu.edit .depth1.accordion { position:relative; display:block; margin-bottom:1em; }
.nav_menu.edit .depth1.accordion > li:before { display:none; }
.nav_menu.edit .depth1.accordion > li:after { display:none; }
.nav_menu.edit .depth1.accordion .accordion-button,
.nav_menu.edit .depth1.accordion .accordion-body { padding:0.75em 1em; }
.nav_menu.edit .depth1.accordion .accordion-button:not(.collapsed) { background-color:var(--oc-indigo-0); }
.nav_menu.edit .depth1.cate:before { display:none; }
.nav_menu.edit .depth1.menu { display:none; position:relative; margin-bottom:1em; padding:0 1em; }
.nav_menu.edit .btn_dep1 { font-size:1.2em; }
.offcanvas-header { height:60px; border-bottom:1px solid var(--oc-indigo-2); }
.offcanvas-title { display:inline-flex; align-items:center; gap:0.4em; }
.offcanvas-title img { max-height:24px; }
.offcanvas-body { padding:1em; }
.offcanvas-body .list_prd .list_item.flex-wrap { gap:15px !important; }
@media all and (max-width:1200px) {
	.head_bottom .btn_head > ul > li > button .txt,
	.head_bottom .btn_head > ul > li > a .txt { display:none; }	
}
@media all and (max-width:1000px) {
	#header ~ #contents { padding-top:90px; }
	#header { height:90px; top:0; }
	#header.scrolled { position:fixed; top:0; }
	#header .logo a { height:40px; }
	#header .logo a img { max-height:32px; }
	#header .head_top { flex:5; }
	#header .head_bottom { flex:4; } 
	.head_top .btn_head > ul > li > a svg { display:block; width:24px; height:24px; }
	.head_top .btn_head > ul > li > a .txt { display:none; }
	.head_bottom { display: block; white-space: nowrap; overflow-x: auto; }
	.nav_gnb.tab > ul { padding-right:1.5em; gap:1.25em; }
	.nav_menu .depth3 { display:none; }
	.nav_menu.edit .depth1.menu { display:flex; }
	.offcanvas-header { height:50px; }
}

.go-top { position:fixed; bottom:calc(60px + 1em); right:20px; z-index:100; opacity:0; transition: var(--transition-slow); -webkit-transition: var(--transition-slow);visibility: hidden; }
.go-top.scrolled { opacity:1; visibility: visible;}
.go-top .btn-top { display: flex; justify-content:center; align-items:center; height: 60px; width: 60px; font-size:24px; color: var(--oc-gray-6);
	background:var(--color-trans-wh); border-radius: 50%; cursor:pointer; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	transition: var(--transition-slow); -webkit-transition: var(--transition-slow); }
.go-top .btn-top:hover { background:#fff; color:var(--color-point); }
.go-top.scrolled .btn-top { cursor:pointer; }
@media all and (max-width:1000px) {
	.go-top { bottom:70px; right:10px; }
	.go-top .btn-top { height:40px; width:40px; }
}

/* footer */
#footer { width:100%; margin-top:50px; }
#footer .inner { display:flex; align-items:center; justify-content:space-between; gap:0 2em; }
#footer .logo { margin-bottom:0.5em; }
#footer .logo a { display:inline-flex; align-items:center; height:36px; }
#footer .logo a img { max-height:36px; }
#footer .foot h6 { font-size:1.1em; letter-spacing:-0.02em; font-weight:600; }
#footer .foot > ul { display:flex; flex-wrap:wrap; gap:0 2rem; }
#footer .foot_board { padding:1em 0; border-top:1px solid var(--oc-gray-3); }
#footer .foot_board .inner { gap:0 100px; }
#footer .foot_board .foot { width:calc(50% - 1em); display:flex; align-items:center; position:relative; }
#footer .foot_board .foot:not(:first-child):after { content:''; display:block; width:1px; height:100%; position:absolute; top:0; left:-50px; background-color:var(--oc-gray-3); }
#footer .foot_board .foot h6 { margin-right:1rem; width:7rem; }
#footer .foot_board .foot > ul { display:block; width:calc(100% - 8rem); }
#footer .foot_board .foot li { display:flex; line-height:1; padding:0.4em 0; }
#footer .foot_board .foot li a { display:inline-block; width:calc(100% - 6em); position:relative; padding-left:1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height:1; }
#footer .foot_board .foot li a:before { display:block; position:absolute; top:0.5em; left:0; width:0.5em; height:1px; content:""; background:var(--oc-gray-6); }
#footer .foot_board .foot li time { margin-left:auto; color:var(--oc-gray-6); font-size:0.9em; /*font-style: italic;*/ }
#footer .foot_top,
#footer .foot_middle,
#footer .foot_bottom { background:var(--oc-gray-1); padding:1em 0; border-top:1px solid var(--oc-gray-3); }
#footer .foot_middle li,
#footer .foot_middle p { font-size:0.9em; }
#footer .foot_bottom p { font-size:0.8em; color:var(--oc-gray-6); word-break:keep-all; }
#footer .foot.info > ul { max-width:1000px; }
#footer .foot.info address { display:inline; }
#footer .foot.sns li a { display:inline-flex; align-items:center; justify-content:center; width:1.75em; height:1.75em; background-color:var(--oc-gray-8); color:#fff; border-radius:50%; font-size:1.5em; }
#footer .foot.sns li a:hover { background-color:var(--color-point); }
#footer .foot.sns > ul { gap:0 1em; }
#footer .foot.cs a { display:inline-block; white-space:nowrap; font-size:2.5em; font-weight:600; line-height:1.2; font-family:var(--font-title); }
#footer .foot.cs a:hover { color:var(--color-point); }
#footer .foot.link .depth1 { display:none; font-size:0.95em; }
#footer .foot.link .depth1 > li { position:relative; }
#footer .foot.link .depth1 > li:after { content:' | '; display:inline-block; position:absolute; right:-1.2em; color:var(--oc-gray-4); }
#footer .foot.link .depth1 > li:last-child:after { display:none; }
#footer .foot.link .depth1 > li strong { color:var(--oc-gray-9); }
#footer .foot.link .depth2,
#footer .foot.link .depth2 > li { display:inline-block; position:relative; }
#footer .foot.link .depth2 > li:before { content:'· '; }
#footer .foot_partner { padding:1em 0; border-top:1px solid var(--oc-gray-3); }
#footer .foot_partner .partners { position: relative; height:60px; }
#footer .foot_partner .partners .simply-scroll { position:absolute; top:0; left:50%; width:100%; height:60px; transform:translateX(-50%); }
#footer .foot_partner .partners .simply-scroll .simply-scroll-clip { width:100%; height:60px; }
#footer .foot_partner .partners .simply-scroll .simply-scroll-clip::after { content: ""; display: block; clear: both; }
#footer .foot_partner .partners .simply-scroll .simply-scroll-list li { display:flex; width:auto; height:60px; padding:0 1.5rem; }
#footer .foot_partner .partners .simply-scroll .simply-scroll-list li a { display:flex; width:auto; height:60px; }
#footer .foot_partner .partners .simply-scroll .simply-scroll-list li img {
	-webkit-filter: grayscale(1) brightness(1) contrast(0.5); filter: grayscale(1) brightness(1) contrast(0.5); }
#footer .foot_partner .partners .simply-scroll .simply-scroll-list li:hover img { -webkit-filter:none; filter:none; }
@media all and (max-width:1700px) {
	#footer .foot.link { max-width:45em; }
}
@media all and (max-width:1000px) {
	#footer .foot.link .depth1 { display:flex; }
	#footer .foot.link .depth1 > li:after { right:-0.9em; }
	#footer .foot_partner .partners { height:40px; }
	#footer .foot_partner .partners .simply-scroll { height:40px; }
	#footer .foot_partner .partners .simply-scroll .simply-scroll-clip { height:40px; }
	#footer .foot_partner .partners .simply-scroll .simply-scroll-list li { width:auto; height:40px; padding:0 0.75rem; }
}
@media all and (max-width:560px) {
	#footer .foot.link .depth1 { flex-direction:column; gap:2px 0; }
	#footer .foot.link .depth1 > li:after { display:none; }
	#footer .foot.cs a { font-size:2em; white-space: normal; word-break: break-all; }
}

.nav_fnb { width:100%; position:fixed; bottom:0; z-index:1000; background:var(--color-trans-wh);
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.nav_fnb ul { border-top: 1px solid var(--oc-gray-3); display:flex; align-items:center; }
.nav_fnb li { flex:1; }
.nav_fnb li a,
.nav_fnb li button { width:100%; height:60px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; padding:0.5em 0.2em; line-height: 1.7; }
.nav_fnb li a span,
.nav_fnb li button span { font-size:0.7em; display:inline-block; margin-top:2px; }
@media all and (max-width:1400px) {
	#footer .foot_board .inner { gap:0 4em; }
	#footer .foot_board .foot:not(:first-child):after { left:-2em; }
}
@media all and (max-width:1200px) {
	#footer .foot_board .foot h6 { margin-right:1rem; width:6rem; }
	#footer .foot_board .foot > ul { display:block; width:calc(100% - 7rem); }
	#footer .foot.sns > ul { gap:0 0.5em; }
}
@media all and (max-width:1000px) {
	#footer { margin-top:25px; }
	#footer .inner { flex-direction:column; align-items: stretch; gap:1em; }
	#footer .foot > ul { gap:0 1.5em; }
	#footer .logo a { height:32px; } 
	#footer .logo a img { max-height:32px; } 
	#footer .foot_bottom { padding-bottom:calc(1em + 60px); }
	#footer .foot_board .inner { gap:2em; }
	#footer .foot_board .foot { width:100%; }
	#footer .foot_board .foot:not(:first-child):after { top:-1em; left:-25px; width:calc(100% + 50px); height:1px; }
}
@media all and (max-width:560px) {
	#footer .foot_board .foot { display:block; }
	#footer .foot_board .foot > ul { margin-top:0.5em; width:100%; }
}

/* === section === */

/* section shop */
.section_shop { padding-top:50px; padding-bottom:50px; position:relative; }
.section_shop hgroup { margin-bottom:2em; }
.section_shop h2,
.section_shop h3,
.section_shop h4,
.section_shop h5,
.section_shop h6 { letter-spacing:-0.02em; line-height:1.4; word-break:keep-all; }
.section_shop h2 { font-size:3em; margin-bottom:0.3em; }
.section_shop h3 { font-size:2.5em; color:var(--oc-gray-9); }
.section_shop h4 { font-size:2.0em; letter-spacing:-0.02em; }
.section_shop h5 { font-size:1.5em; letter-spacing:-0.02em; }
.section_shop h6 { font-size:1.1em; letter-spacing:-0.02em; }
.section_shop hgroup h2 { font-size:1.5em; margin-bottom:0.3em; line-height:1.3; }
.section_shop hgroup h2 img { max-height:5em; }
.section_shop hgroup h3 { color:var(--oc-gray-9); line-height:1.3; }
.section_shop hgroup ~ .desc { font-size:1.2em; }
.section_shop p { word-break:keep-all; }
.section_shop .btn { display:inline-flex; justify-content:center; align-items:center; gap:0.4em; font-family:var(--font-title); }
.section_shop .btn i { font-size:1.2em; }}
@media all and (max-width:1000px) {
	.section_shop { padding:25px 0; }
	.section_shop hgroup { margin-bottom:1.5em; }
	.section_shop hgroup h2 img { max-height:4em; }
}

/* index */
.section_shop.intro { position:relative; min-height:100dvh; background: no-repeat 50% 50% / cover; }
.section_shop.intro .title { position:absolute; width:90vw; max-width:1400px; top:45%; left:50%; transform:translate(-50%, -50%); }
.section_shop.intro .title.move { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; }
.section_shop.intro .text { position:absolute; width:60vw; max-width:560px; bottom:10%; left:50%; transform:translateX(-50%); }
.section_shop.intro.full { padding:0; }
.section_shop.intro.full .vod_box { width:100vw; height:100dvh; z-index:1; }
.section_shop.intro.full .vod_box .vod_vid { top:auto; bottom:0; transform: translate(-50%, 0); }
@-webkit-keyframes mover {
    0% { transform: translate(-50%,-50%); }
    100% { transform: translate(-50%,-60%); }
}
@keyframes mover {
    0% { transform: translate(-50%,-50%); }
    100% { transform: translate(-50%,-60%); }
}

.section_shop.visual { padding:0; }
.section_shop.visual .swiper-slide { aspect-ratio : 5 / 2; height:auto; background:#000 no-repeat center center; background-size: cover; }
.section_shop.visual .swiper-slide .inner { display:flex; flex-direction:column; justify-content: flex-end; align-items:flex-start; padding:80px 100px; }
.section_shop.visual .swiper-slide hgroup h3 { font-size:3.0em; font-weight:600; }
.section_shop.visual_edit .swiper-slide { background-repeat: no-repeat, no-repeat; background-position: center center, center center; background-size: contain, auto 100%; }
.section_shop.visual_edit .swiper-slide .inner { padding:80px 150px; }
.section_shop.visual_edit .swiper-slide .text { display:flex; flex-direction:column; justify-content: flex-end; align-items:flex-start; }
.section_shop.visual_edit .swiper-slide .text hgroup h2 { margin-bottom: 0.5rem; }
.section_shop.visual_edit .swiper-slide .text hgroup h2 img { max-height: 3em; } 
.section_shop.visual_edit .swiper-slide .text hgroup h3,
.section_shop.visual_edit .swiper-slide .text .desc { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding:0.1rem 0.5rem; margin:-0.1rem -0.5rem; }
.section_shop.visual_edit .swiper-slide .text .desc .btn { margin-top:1em; }
.section_shop.visual_edit .swiper-slide .m-bn-link { display:none; position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; }

.section_shop.title { padding-top:90px; background-color:var(--oc-gray-0); }
.section_shop.title .swiper-slide { text-align:center; }
.section_shop.title .swiper-slide .title_card { aspect-ratio: 3 / 4; }
.section_shop.title .swiper-slide h5 { font-size:1.25em; margin-top:0.75em; } 
.section_shop.title .swiper-slide a { display:block; }
.section_shop.title .swiper-slide a:hover h5 { color:var(--color-point); }
.section_shop.title .swiper-slide .soon { pointer-events: none; cursor:default; }
.section_shop.title .swiper-slide .soon .title_card .wrapper::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:block; opacity:1; background:hsla(0, 0%, 80%, .5); }
.section_shop.title .swiper-slide .soon .title_card .wrapper::after { content:'COMING SOON'; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; padding:4px;
	display:flex; align-items:center; justify-content:center; color:hsla(0, 100%, 100%, .75); font-family:var(--font-title); font-size:1.8em; font-weight:800; letter-spacing:0; text-align:center; line-height:1.1; pointer-events: none;}
.section_shop.title .swiper-slide .soon h5,
.section_shop.title .swiper-slide .soon:hover h5 { color:var(--oc-gray-5); !important; }

.section_shop.pb .swiper-container.list_item ~ .swiper-button-prev.circle,
.section_shop.pb .swiper-container.list_item ~ .swiper-button-next.circle { top:42.5%; }
.section_shop.pb .swiper-slide .item_card.comingsoon .item_thumb::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:hsla(0, 0%, 80%, .5); }
.section_shop.pb .swiper-slide .item_card.comingsoon .item_thumb::after { content:'COMING SOON'; position:absolute; top:0; left:0; width:100%; height:100%; padding:4px;
	display:flex; align-items:center; justify-content:center; color:hsla(0, 100%, 100%, .75); font-family:var(--font-title); font-size:1.8em; font-weight:800; letter-spacing:0; text-align:center; line-height:1.1; pointer-events: none;}
.section_shop.pb .swiper-slide .item_card.comingsoon .item_thumb a::after { display:none; } /* index_오리지널에 커밍순 텍스트 중복이슈로 추가함 __ KJS */

.section_shop.event .swiper-slide { height:660px; background:no-repeat center right / contain; border-radius:1.5em; overflow:hidden; }
.section_shop.event .swiper-slide .inner { display:flex; flex-direction:column; justify-content: flex-end; align-items:flex-start; padding-top:80px; padding-bottom:80px; max-width:40%; margin:0 auto 0 0; }
.section_shop.event .swiper-slide h4 { font-size:3.0em; }
.section_shop.event .swiper-pagination-fraction { border-top-left-radius:0.5em; border-top-right-radius:0.5em;
	background: hsla(0, 100%, 100%, .75); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.section_shop.event_edit .swiper-slide { background-repeat: no-repeat, no-repeat; background-position: center center, center right;  background-size: contain, auto 100%; }

.section_shop.mdpick .swiper-container { width: 100%; }
.section_shop.mdpick .swiper-slide { display:flex; flex-direction:column; border:1px solid var(--oc-gray-3); border-radius:1.5em; overflow:hidden; }
.section_shop.mdpick .swiper-slide .inner { flex:1; display:flex; flex-direction:column; height:auto; width:100%; padding:40px; }
.section_shop.mdpick .swiper-slide hgroup {margin-bottom:1em;}
.section_shop.mdpick .swiper-slide h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:1.25em; height:2.5em; overflow: hidden; text-overflow: ellipsis; }
.section_shop.mdpick .swiper-slide .desc { flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:1rem; }
.section_shop.mdpick .swiper-slide .desc .btn { margin-top:auto; }
.section_shop.mdpick .swiper-pagination-fraction { border-top-left-radius:0.5em; border-top-right-radius:0.5em;
	background: hsla(0, 100%, 100%, .75); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); bottom:1px; }

.section_shop.best .inner > .flex-wrap { height:auto; align-items:flex-start; }
.section_shop.best .tab-title { width:11rem; position:sticky; top:80px; }
.section_shop.best .tab-panel { width:calc(100% - 50px - 11rem); margin-top:0; }
.section_shop.best .list_item { display: grid; grid-template-columns: repeat(3, 1fr); }
.section_shop.best .list_item .item_card.view_list .item_thumb,
.section_shop.best .list_item .item_card.view_list .item_info { flex:1; }

@media all and (max-width:1600px) {
	.section_shop.visual .swiper-slide .inner { padding:80px 50px; }
	.section_shop.visual_edit .swiper-slide { aspect-ratio: auto; height:50vw; min-height:720px; }
	.section_shop.visual_edit .swiper-slide .inner { padding:80px 100px; }
	.section_shop.best .list_item { display: grid; grid-template-columns: repeat(2, 1fr); }
}
@media all and (max-width:1400px) {
	.section_shop.visual .swiper-slide { aspect-ratio : 2 / 1; }	
	.section_shop.visual .swiper-slide .inner { padding:60px 50px; }
	.section_shop.visual_edit .swiper-slide { aspect-ratio: auto; height:60vw; min-height:680px; }
	.section_shop.visual_edit .swiper-slide .inner { padding:60px 80px; }
	.section_shop.event .swiper-slide { height:auto; aspect-ratio : 9 / 5; }
	.section_shop.event .swiper-slide .inner { padding-top:60px; padding-bottom:60px; max-width:45%; }	
}
@media all and (max-width:1200px) {
	.section_shop.visual_edit .swiper-slide { min-height:620px; }
	.section_shop.best .tab-title { width:8rem; }
	.section_shop.best .tab-panel { width:calc(100% - 50px - 8rem); }
}
@media all and (max-width:1000px) {
	.section_shop.visual .swiper-slide { aspect-ratio : 5 / 3; }
	.section_shop.visual .swiper-slide .inner { padding:50px 25px; }
	.section_shop.visual .swiper-slide hgroup h3 { font-size:2.5em; }
	.section_shop.visual .swiper-button-prev,
	.section_shop.visual .swiper-button-next { display:none; }
	.section_shop.visual_edit .swiper-slide { aspect-ratio: auto; height:80vw; min-height:580px; }
	.section_shop.visual_edit .swiper-slide .inner { padding:50px 40px; }
	.section_shop.title { padding-top:60px; }
	.section_shop.event .swiper-slide { aspect-ratio: auto; background-image:none !Important; border-radius:none; }
	.section_shop.event .swiper-slide .inner { max-width:100%; display:block; align-items:stretch; height:auto; padding:40px 40px 50px; margin:0 auto; }
	.section_shop.event .swiper-slide h4 { font-size:2.0em; }
	.section_shop.best .inner > .flex-wrap { display:block; }
	.section_shop.best .tab-title { width:100%; position:static; }
	.section_shop.best .tab-panel { width:100%; margin-top:1.5em; }
	.section_shop.best .list_item .item_card.view_list .item_thumb { max-width:160px; }
}
@media all and (max-width:770px) {
	.section_shop.visual .swiper-slide { height:110vw; min-height:480px; }
	.section_shop.visual_edit .swiper-slide { background-position: center center, center 25%; background-size: contain, cover; }
	.section_shop.visual_edit .swiper-slide .inner { padding:0; }
	.section_shop.visual_edit .swiper-slide .text { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding:20px 25px 40px; width:100%; background:hsla(0, 0%, 60%, .5);}
	.section_shop.visual_edit .swiper-slide hgroup { margin-bottom:0.5em; }
	.section_shop.visual_edit .swiper-slide hgroup h2 { display:none; }
	.section_shop.visual_edit .swiper-slide hgroup h2 img { max-height: 2.5em; } 
	.section_shop.visual_edit .swiper-slide hgroup h3 { font-size: 2em; }
	.section_shop.visual_edit .swiper-slide hgroup ~ .desc { font-size:1.1em; }
	.section_shop.visual_edit .swiper-slide .text hgroup h3,
	.section_shop.visual_edit .swiper-slide .text .desc { -webkit-backdrop-filter:none; backdrop-filter:none; padding:0; margin:0; color:#fff !important; }
	.section_shop.visual_edit .swiper-slide .text .desc { width:100%; display:flex; justify-content:space-between; align-items:flex-end; gap:4px; }
	.section_shop.visual_edit .swiper-slide .text .desc br { display:none; }
	.section_shop.visual_edit .swiper-slide .text .desc .btn { margin-top:0; padding-left: 0.375rem; padding-right: 0.375rem; border-color:#fff; color:#fff; border-radius:50%; }
	.section_shop.visual_edit .swiper-slide .m-bn-link { display:block; }
	.section_shop.visual_edit .swiper-pagination-bullet { border-color:#fff; }
	.section_shop.visual_edit .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff; }
	.section_shop.title .swiper-slide .soon .title_card .wrapper::after { font-size:1.5em; }
	.section_shop.mdpick .swiper-slide h4 { line-height:1.4; height:auto; }
	.section_shop.best .list_item { display:flex; flex-direction:column; }	
}
@media all and (max-width:560px) {
	.section_shop.visual .swiper-slide { height:125vw; }
}

/* subhead */
.section_shop.subhead { padding:20px 0 !important; background-color:var(--oc-gray-0); }
.section_shop.subhead hgroup { text-align:center; }
.section_shop.subhead .list_keyword { justify-content:center; }
.section_shop.subhead .list_keyword li { margin: 0 0.25rem 0.5rem; }
.nav_bread + hgroup { margin-top:1rem; }
.nav_bread .breadcrumb { margin-bottom:0; }
.nav_bread .breadcrumb .breadcrumb-item a svg { width:1em; height:1em; vertical-align:-0.1em; }
.nav_bread .breadcrumb .breadcrumb-item.active { font-weight:700; }
@media all and (max-width:1000px) {
	.section_shop.subhead { padding:1rem 0 !important; }
	.nav_bread + hgroup { margin-bottom:1rem; }
}

/* product */
.nav-prd { position: sticky; top:60px; padding:5px 0; z-index:100;
	background: var(--color-trans-wh); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.nav-prd .nav.nav-pills { gap:1em; justify-content:center; }
.nav-prd .nav.nav-pills .nav-link { display:inline-flex; color:var(--oc-gray-6); align-items:center; gap:0.3em; }
.nav-prd .nav.nav-pills .nav-link:focus,
.nav-prd .nav.nav-pills .nav-link:hover { color:var(--oc-gray-9); }
.nav-prd .nav.nav-pills .nav-link.active { background-color:rgba(var(--color-point-rgb), 0.1); color:var(--color-point); font-weight:600; }
.nav-prd + .article { border-top: 1px solid var(--oc-gray-3); }
@media all and (max-width:1000px) {
	.nav-prd { top:90px; }
	.nav-prd .nav.nav-pills { margin:0 -25px; width:calc(100% + 50px); padding-left:9px; padding-right:9px; gap:0; flex-wrap: nowrap; justify-content:flex-start; overflow-x:auto; }
	.nav-prd .nav.nav-pills .nav-link { padding-top:0.25em; padding-bottom:0.25em; }
	/*.nav-prd .nav.nav-pills .nav-link .badge { display:none; }*/
}
.section_shop.product .inner.flex-wrap { height:auto; align-items:flex-start; }
.section_shop.product .filter_prd { flex:1; }
.section_shop.product .list_prd { flex:5; }
.section_shop.product .list_prd .list_top { display:flex; align-items:center; gap:20px; margin-bottom:40px; }
.section_shop.product .list_prd .list_top .total { margin-right:auto; }
.section_shop.product .list_prd .list_top .total b { font-size:1.1em; font-weight:700; color:var(--color-point); }
.section_shop.product .list_prd .list_top .view_prd .btn { padding:0.375rem; }
.section_shop.product .list_prd .list_top .view_prd .btn i { font-size:24px; }
.section_shop.product .list_prd .list_top .form-select { width:auto; }
#sct_sortlst.list_top { display:flex; align-items:center; gap:20px; margin-bottom:20px; }
#sct_sortlst.list_top .total { margin-right:auto; }
#sct_sortlst.list_top .total b { font-size:1.1em; font-weight:700; color:var(--color-point); }
#sct_sortlst.list_top .view_prd .btn { padding:0.375rem; }
#sct_sortlst.list_top .view_prd .btn i { font-size:24px; }
#sct_sortlst.list_top .form-select { width:auto; }
.section_shop.product .list_prd .list_item + .nav_page { margin-top:40px; }
.list_prd .list_item.flex-wrap,
.view_prd .list_item.flex-wrap { gap:40px 15px; }
.list_prd .list_item.flex-wrap.col6 .flex-box { width: calc( (100% - 75px) / 6); }
.list_prd .list_item.flex-wrap.col5 .flex-box { width: calc( (100% - 60px) / 5); }
.list_prd .list_item.flex-wrap.col4 .flex-box { width: calc( (100% - 45px) / 4); }
.list_prd .list_item.flex-wrap.col3 .flex-box { width: calc( (100% - 30px) / 3); }
.list_prd .list_item.flex-wrap.col2 .flex-box { width: calc( (100% - 15px) / 2); }
.list_prd .list_item.flex-wrap.col1 .flex-box { width: 100% }
.view_prd .view_item.head { align-items:flex-start; justify-content:space-between; margin-bottom:50px; }
.view_prd .view_item.head .item_img { width:600px; gap:20px; position:relative; }
.view_prd .view_item.head .item_img .view_thumb { margin-top:20px; }
.view_prd .view_item.head .item_img .view_thumb .swiper-slide { cursor:pointer; opacity:0.5; }
.view_prd .view_item.head .item_img .view_thumb .swiper-slide.swiper-slide-thumb-active { opacity:1; }
.view_prd .view_item.head .swiper-slide { border:1px solid hsla(0, 0%, 90%, .5); border-radius:0.5em; overflow:hidden; }
.view_prd .view_item.head .swiper-slide .img { text-align:center; background-color:var(--oc-gray-1); }
.view_prd .view_item.head .swiper-slide .img a { display:block; }
.view_prd .view_item.head .swiper-slide .img img { max-width:100%; height:auto !important; }
.view_prd .view_item.head .swiper-pagination-fraction { bottom:1px; border-top-left-radius:0.5em; border-top-right-radius:0.5em;
	background: hsla(0, 0%, 0%, .5); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); color:hsla(0, 100%, 100%, .5); }
.view_prd .view_item.head .swiper-pagination-fraction .swiper-pagination-current { color:#fff; }
.view_prd .view_item.head .item_info { flex:1; }
.view_prd .view_item .item_info .flex-wrap.set { display:flex; align-items:center; gap:1em; margin-bottom:1rem; }
.view_prd .view_item.head .item_info .brand_box .brand { display:flex; align-items:center; gap:0.5em; }
.view_prd .view_item.head .item_info .brand_box .brand h6 { margin-bottom:0; }
.view_prd .view_item.head .item_info .brand_box .brand .img { border: 1px solid var(--oc-gray-3); border-radius:50%; overflow:hidden; max-width:50px; }
.view_prd .view_item.head .item_info .brand_box .brand .img img { width:48px; height:48px; object-fit:cover; }
.view_prd .view_item.head .item_info .brand_box + .icon_box .icon { margin:0; margin-left:0.3em; }
.view_prd .view_item.head .item_info .prd_desc { font-size:1.1em; line-height:1.6; color:var(--oc-gray-6); margin-bottom:1rem; }
.view_prd .view_item.head .item_info .price,
.view_prd .view_item.foot .item_info .price { margin:0; }
.view_prd .view_item.head .item_info .price em,
.view_prd .view_item.foot .item_info .price em { font-size:1.25em; }
.view_prd .view_item.head .item_info .price b,
.view_prd .view_item.foot .item_info .price b,
.view_prd .view_item.head .item_info .price strong,
.view_prd .view_item.foot .item_info .price strong { font-size:1.5em; }
.view_prd .view_item.head .item_info .summary_box { margin-bottom:1rem; }
.view_prd .view_item.head .item_info .summary_box span,
.view_prd .view_item.head .item_info .summary_box li { color:var(--oc-gray-6); margin-bottom:0; gap:0.2em; }
.view_prd .view_item .item_info .shop_box { display:flex; justify-content: space-between; gap:0.5em; height:48px; }
.view_prd .view_item .item_info .shop_box .btn { flex: 1 1 0%; justify-content: center; align-items: center; /*max-width:480px;*/ }
.view_prd .view_item .item_info .shop_box .btn.icon { display: flex; gap:0; flex-direction: column; height:48px; max-width:48px; padding:0; color: var(--oc-gray-6); -webkit-text-stroke-width:0; }
.view_prd .view_item .item_info .shop_box .btn i { font-size:24px; }
.view_prd .view_item .item_info .shop_box .btn.btn-sm i { font-size:18px; }
.view_prd .view_item .item_info .shop_box .btn span { line-height:1.2; }
.view_prd .view_item .item_info .shop_box .btn.icon span { font-size:0.8em; line-height: normal; }
.view_prd .view_item .item_info .shop_box .btn.icon.wish.on { color:var(--oc-pink-5); }
.view_prd .view_item .item_info .shop_box .btn.coupon { background-color:var(--oc-green-6); border-color:var(--oc-green-6); color:#fff; }
.view_prd .view_item .item_info .shop_box .btn.coupon:hover { background-color:var(--oc-green-5); border-color:var(--oc-green-5); }
.view_prd .view_item .item_info .count { font-size:1.1em; }
.view_prd .view_item .item_info .prd_option.form-select + .option_box { margin-top:0.5em; }
.option_box { display:flex; flex-direction:column; gap:0.5em; padding-bottom:1em; }
.option_box .prd_select { background:var(--oc-gray-0); border-radius:0.375rem; padding:1em; }
.option_box .prd_select .prd_name h6 { display:flex; align-items:flex-start; gap:0.3em; }
.option_box .prd_select .prd_name h6 button { margin-left:auto; }
.option_box .prd_select .prd_name p { color:var(--oc-gray-6); }
.option_box .prd_select .prd_name p:before { content:'옵션 : '; }
.option_box .prd_count { display:flex; align-items:center; gap:0.5em; margin-top:0.5em; }
.option_box .prd_count .prd_price { margin-left:auto; }
.option_box .prd_count .prd_limit { color:var(--oc-gray-5); font-size:0.8em; }
.option_box .quantity { display:flex; align-items:center; }
.option_box .quantity .quantity-button { width:2rem; height:2rem; border:1px solid var(--oc-gray-3); background-color:#fff; cursor:pointer;
	display:flex; align-items:center; justify-content:center; }
.option_box .quantity .quantity-button.down { border-radius:0.375rem 0 0 0.375rem; }
.option_box .quantity .quantity-button.up { border-radius:0 0.375rem 0.375rem 0; }
.option_box .quantity .quantity-button.disabled { background-color:var(--oc-gray-0); color:var(--oc-gray-5); }
.option_box .quantity input[type=number] {text-align:center;width:2.5rem;height:2rem;border:1px solid var(--oc-gray-3); border-radius:0; border-left:none; border-right:none; }
.option_box .quantity input[type=number]:focus { outline:none; box-shadow:none; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
.view_prd .view_item.body .nav-prd .nav.nav-pills .nav-link .badge.rounded-pill { color:#000; background-color:var(--oc-gray-2); }
.view_prd .view_item.body .nav-prd .nav.nav-pills .nav-link.active .badge.rounded-pill { color:#fff; background-color:var(--color-point); }
.view_prd .view_item.body .article { padding-top:50px; }
.view_prd .view_item.body .article .table th { font-weight:500; }
.view_prd .view_item.body .article h5 { display:flex; align-items:center; gap:0.4em; margin-bottom:1rem; }
.view_prd .view_item.body .article h5 .btn-box { margin-left:auto; }
.view_prd .view_item.body .article h6 { display:flex; align-items:center; gap:0.4em; margin-bottom:0.5rem; }
.view_prd .view_item.body .article .alert-warning.d-flex { gap:0.5em; }
.view_prd .view_item.body .article .list_table { font-size:0.9em; }
.view_prd .view_item.body .article .list_table .list_keyword li .key { font-size:1em; padding:0 0.75em; }
.view_prd .view_item.body .article.detail p { font-size:1.1em; }
.view_prd .view_item.body .article.detail img + p { margin-top:1rem; }
.view_prd .view_item.body .article.detail p + img { margin-top:1rem; }
.view_prd .view_item.body .article.detail .hidden_cont { min-height:100px; }
.view_prd .view_item.body .article.review .summary_box { background:var(--oc-gray-0); border-radius: 0.5em; padding:1.5rem; display:flex; gap:5rem; justify-content:center; }
.view_prd .view_item.body .article.review .summary_box .rating_total { width:auto; }
.view_prd .view_item.body .article.review .summary_box .rating_chart { width:300px; }
.view_prd .view_item.body .article.review .summary_box dl dt { text-align:center; font-size:1.25em; font-family:var(--font-title); font-weight:500; }
.view_prd .view_item.body .article.review .summary_box .rating_total dd { font-size:2.5em; height:80%; display:flex; align-items:center; justify-content:center; }
.view_prd .view_item.body .article.review .summary_box .rating_chart ul li + li { margin-top:10px; }
.view_prd .view_item.body .article.review .summary_box .rating_chart .tit { display:flex; justify-content:space-between; }
.view_prd .view_item.body .article.review .summary_box .rating_chart .progress { height:3px; }
.view_prd .view_item.body .article.review .summary_box .rating_chart .progress .progress-bar { background-color:var(--color-point); }
/*.view_prd .view_item.body .article.qa .table tbody th { width:3em; }*/
.view_prd .view_item.body .article.qa .table tbody td:nth-of-type(2) { width:4em; }
.view_prd .view_item.body .article.qa .table tbody td:nth-of-type(3) { width:6em; }
.view_prd .view_item.body .article.qa .table tbody td:nth-of-type(4) { width:5em; }
.view_prd .view_item.body .article.qa .table .wait { color:var(--oc-gray-5); }
.view_prd .view_item.body .article.qa .table .done { color:var(--oc-blue-5); }
.view_prd .view_item.body .article.qa .table td .qa_box { margin:-0.5rem -0.5rem 0; width:calc(100% + 1rem); }
.view_prd .view_item.body .article.qa .qa_box dt { padding:1em; font-weight:normal; }
.view_prd .view_item.body .article.qa .qa_box dd { background:var(--oc-gray-0); padding:1em; padding-left:3em; border-radius: 0.5em; position:relative; }
.view_prd .view_item.body .article.qa .qa_box h6 { margin-bottom:3px; }
.view_prd .view_item.body .article.qa .qa_box p { color:var(--oc-gray-7); }
.view_prd .view_item.body .article.qa .qa_box dd:before { content:'\e981'; font-family:xeicon; position:absolute; top:1em; left:1em; color:var(--oc-gray-5); }
.view_prd .view_item.body .article.qa .qa_box dt h6:before { content:'Q. '; } 
.view_prd .view_item.body .article.qa .qa_box dd h6:before { content:'A. '; color:var(--oc-blue-5); }
.view_prd .view_item.body .article.review .list_review { border-top:1px solid var(--oc-gray-3); padding-bottom:1rem; }
.view_prd .view_item.body .article.review .list_review .review_box { border-bottom:1px solid var(--oc-gray-3); padding:1em; display:flex; gap:1em; }
.view_prd .view_item.body .article.review .list_review .review_box .img { min-width:96px; max-width:180px; }
.view_prd .view_item.body .article.review .list_review .review_box .cont { flex:1; }
.view_prd .view_item.body .article.review .list_review .review_box.edit .cont dd { display:none; }
.view_prd .view_item.body .article.review .list_item.flex-wrap { gap:1em; }
.view_prd .view_item.body .article.review .list_item.flex-wrap.col8 .flex-box { width: calc( (100% - 7em) / 8); }
.qa_list .list { cursor:pointer; }
.qa_list .list.lock { cursor:default; }
.qa_list .list.lock .tit:before { content:'\e964'; font-family:xeicon; display:inline-block; margin-right:0.3em; }
.qa_list .view { display:none; }
.review_box dt { display:flex; font-weight:normal; }
.review_box dt .user { color:var(--oc-gray-6); margin-left:auto; }
.review_box dt .date { color:var(--oc-gray-6); }
.review_box dt .date:before { content:' ｜ '; font-weight:300; }
.review_box dd { margin-top:1em; color: var(--oc-gray-8); }
.review_box dd .prd_name { color: var(--oc-gray-6); font-size:0.9em; margin-bottom:0.5em; }
.review_box dd .prd_name h6 { font-size: 1em; margin-bottom:0 !important; }
.review_box dd .prd_name p:before { content:'옵션 - '; }
.review_box.edit dt { display:flex; gap:1em; position:relative; }
.review_box.edit dt .info { margin-left:auto; text-align:right; }
.review_box.edit dt h6 { display:block !important; font-size:1.2em; }
.review_box.edit dt .grade { font-size:1.1em; }
.review_box.edit dt .grade b { color:var(--oc-yellow-8); font-weight:500; }
.review_box.edit dt .prd_title { color:var(--oc-gray-6); font-weight:600; }
.review_box.edit dt .prd_option { color:var(--oc-gray-6); font-weight:300; }
.review_box.edit dt .prd_option .option:before { content:'옵션 - '; font-weight:300; }
.review_box.edit dt .prd_option .option_add:before { content:' ｜ 추가옵션 - '; font-weight:300; }
.review_box.edit dt .btn-review { position:absolute; top:4.5em; right:0; }
.review i.xi-star,
.review i.xi-star-o,
.review_box i.xi-star,
.review_box i.xi-star-o { color:var(--oc-yellow-5); }
.coupon_box .list_table { font-size:0.9em; }
.coupon_box .list_table .cp_name { width:calc(100% - 19.5em); }
.coupon_box .list_table .cp_type { width:7.5em; }
.coupon_box .list_table .cp_discount { width:6em; }
.coupon_box .list_table .cp_download { width:6em; }
.coupon_box .btn.coupon { background-color:var(--oc-green-6); border-color:var(--oc-green-6); color:#fff; }
.coupon_box .btn.coupon:hover { background-color:var(--oc-green-5); border-color:var(--oc-green-5); }
.modal-body .review_box .cont { margin-top:1em; }
.modal-body .review_box.edit dt { flex-direction:column; gap:0.5em; }
.modal-body .review_box.edit dt .grade { text-align:left; }
.modal-body .review_box.edit dt .info { display:flex; align-items:center; margin-left:0; text-align:left; }
.view_prd .view_item.foot { padding:6px 0; background: var(--color-trans-wh); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	position:fixed; bottom:-60px; left:0; right:0; z-index:101; transition: bottom .3s ease-in-out; -webkit-transition: bottom .3s ease-in-out; }
.view_prd .view_item.foot.scrolled { bottom:0; }
.view_prd .view_item.foot.show_option { border-top:1px solid rgba(var(--oc-gray-8-rgb), 0.15); background:#fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); padding-top:1em; }
.view_prd .view_item.foot .prd-option-close { display:none; position:absolute; top:-30px; left:50%; transform:translateX(-50%); height:30px; width:5em; line-height:26px;
	padding-inline: .5em;
	--r: .75em;
    border-inline: var(--r) solid #0000;
    border-radius: calc(2 * var(--r)) calc(2 * var(--r)) 0 0 / var(--r);
    mask: radial-gradient(var(--r) at var(--r) 0, #0000 98%, #000 101%) calc(-1 * var(--r)) 100% / 100% var(--r) repeat-x, conic-gradient(#000 0 0) padding-box; }
.view_prd .view_item.foot .prd_option_wrap { display:none; }

@media all and (max-width:1600px) {
	.section_shop.product .list_prd { flex:4; }
	.list_prd .list_item.flex-wrap.col5 .flex-box { width: calc( (100% - 45px) / 4); }
	.list_prd .list_item.flex-wrap.col6 .flex-box { width: calc( (100% - 30px) / 3); }
}
@media all and (max-width:1400px) {
	.section_shop.product .list_prd { flex:3; }
	.list_prd .list_item.flex-wrap.col5 .flex-box { width: calc( (100% - 15px) / 2); }
}
@media all and (min-width:1200px) {
	.section_shop.product .list_prd .list_top .btn_more { display:none; }
	.section_shop.product > .inner > .filter_prd.hidden_cont { max-height:100%; overflow: visible; }
	.section_shop.product > .inner > .filter_prd.hidden_cont:after { display:none; }
}
@media all and (max-width:1200px) {
	.section_shop.product > .inner > .filter_prd.hidden_cont { max-height:0px; }
	.section_shop.product > .inner > .filter_prd.hidden_cont:after { display:none; }
	.section_shop.product .inner.flex-wrap { display: block; }
	.section_shop.product .list_prd .list_top { margin-bottom:25px; gap:0.5em; }
	.section_shop.product .filter_prd.visible_cont + .list_prd { margin-top:15px; padding-top:15px; border-top:2px solid var(--oc-gray-3); }
	.list_prd .list_item.flex-wrap { gap:25px 15px; }
	.list_prd .list_item.flex-wrap.col5 .flex-box { width: calc( (100% - 45px) / 4); }	
	.view_prd .view_item.head { gap:40px; }
	.view_prd .view_item.head .item_img { width:480px; }
	.view_prd .view_item.body .article.detail p { font-size:1em; }	
	.view_prd .view_item.body .article.qa .table,
	.view_prd .view_item.body .article.review .summary_box,
	.view_prd .view_item.body .article.review .list_review .review_box { font-size:0.9em; }
	.review_box.edit dt .btn-review { top:3.5em; }
}
@media all and (max-width:1000px) {	
	.list_prd .list_item.flex-wrap.col5 .flex-box,
	.list_prd .list_item.flex-wrap.col4 .flex-box { width: calc( (100% - 15px) / 2); }
	.view_prd .view_item.head { flex-direction:column; gap:25px 20px; }
	.view_prd .view_item.head .item_img { width:100%; }
	.view_prd .view_item.head .item_info { width:100%; }
	.view_prd .view_item.body .article.review .list_review .review_box { padding:1em 0; }
	.view_prd .view_item.body .article.review .list_review .review_box .img { max-width:60px; }
	.view_prd .view_item.body .article.qa .qa_box dt { padding:1em 0; }
	.view_prd .view_item.body .article.qa .qa_box dd { padding:1em 0.5em; padding-left:2em; }
	.view_prd .view_item.body .article.qa .qa_box dd:before { left:0.5em; }	
	.view_prd .view_item.body .article.review .list_item.flex-wrap { gap:1em; }
	.view_prd .view_item.body .article.review .list_item.flex-wrap.col8 .flex-box { width: calc( (100% - 3em) / 4); }
	.view_prd .view_item.foot { padding:6px 9px; }
	.view_prd .view_item.foot .inner_p100 { padding:0; }
	.review_box.edit dt { display:block; }
	.review_box.edit dt .grade { text-align:left; }
	.review_box.edit dt .info { margin-top:0.5rem; display:flex; align-items:center; margin-left:0; text-align:left; }
	.review_box.edit dt .btn-review { margin-top:0.5rem; position:static; }
}
@media all and (max-width:770px) {	
	.view_prd .view_item.head .item_img .view_thumb { margin-top:10px; }
	.view_prd .view_item.body .nav-tabs .nav-link .badge { display:none; }
	.view_prd .view_item.body .article.review .summary_box { padding:1.5em; gap:1.5em; }
	.view_prd .view_item.body .article.review .summary_box .rating_total,
	.view_prd .view_item.body .article.review .summary_box .rating_chart { width:auto; flex:1; }
	.list_prd .list_item.flex-wrap.col6 .flex-box { width: calc( (100% - 15px) / 2); }
	.list_prd .list_item.flex-wrap.col2 .flex-box { width: 100%; }
}
@media all and (max-width:560px) {
	.view_prd .view_item.body .article.review .summary_box { flex-direction:column; }
	.view_prd .view_item.body .article.review .summary_box dl dt { font-size:1.1em; }
	.view_prd .view_item.body .article.review .summary_box .rating_total dd { font-size:2em; }
	.view_prd .view_item.body .article.review .list_review .review_box { flex-direction:column; }	
}

/* media */
.max_wide, .max_pc, .max_ta, .max_mo { display:none !important; }
@media all and (max-width:1200px) {
	.min_wide { display:none !important; }
	.max_wide { display:block !important; }
}
@media all and (max-width:1000px) {
	.min_pc { display:none !important; }
	.max_pc { display:block !important; }
}
@media all and (max-width:770px) {
	.min_ta { display:none !important; }
	.max_ta { display:block !important; }
}
@media all and (max-width:560px) {
	.min_mo { display:none !important; }
	.max_mo { display:block !important; }
}