body.scroll {overflow:hidden !important;}
html::-webkit-scrollbar {display:none !important;}
html {-ms-overflow-style:none !important; scrollbar-width:none !important;}
.price_before {text-decoration:line-through !important;}

/* 메인 상단 배너 */
.top_banner {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; width:100%; transition:all 0.3s;}
.top_banner > .owl_counter {position:absolute; top:50%; left:20px; z-index:1; height:20px; margin-top:-10px; font-size:12px; font-weight:400; color:#ffffff; line-height:22px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; word-wrap:normal; word-break:keep-all;}
.top_banner > .tb_close {display:inline-block; vertical-align:middle; position:absolute; right:20px; top:50%; width:24px; height:24px; margin-top:-12px;}
.top_banner > .tb_close button {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%;}
.top_banner > .tb_close button:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#ffffff; transform:rotate(45deg);}
.top_banner > .tb_close button:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#ffffff; transform:rotate(-45deg);}
.top_banner.on {position:absolute; top:-100%;}
.top_banner.close {display:none;}

/* popup */
.main_popup {display:none; vertical-align:middle; overflow:hidden; position:fixed; top:0; bottom:0; left:0; right:0; z-index:99; background-color:rgba(0,0,0,0.9);}
.main_popup.close {display:none;}
.main_popup .mp_wrap {display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:0; width:100%;}
.main_popup .carousel {display:inline-block; vertical-align:middle; width:100%;}
.main_popup .carousel .owl-item:not('.mainBannerItem') {display:flex; overflow:hidden; border-radius:30px 30px 0 0; background-color:#ffffff; flex-direction:row; flex-wrap:wrap; justify-content:center; align-content:flex-end; aspect-ratio: 4 / 3}
.main_popup .carousel .owl-item a {width:auto;}
.main_popup .carousel .owl-item img {float:left; width:100%;}
.main_popup .carousel.t1 .owl-item img {float:left; width:100%; height: 100vw; object-fit: cover;}
.main_popup .carousel .owl-dots {display:flex; vertical-align:middle; width:100%; position:absolute; top:-18px; left:0; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center;}
.main_popup .carousel .owl-dots .owl-dot {display:inline-block; vertical-align:middle; width:8px; height:8px; margin:0 5px; border-radius:4px; background-color:#D8D8D8;}
.main_popup .carousel .owl-dots .owl-dot.active {background-color:#ffffff;}
.main_popup .mp_btn {display:inline-block; vertical-align:middle; width:100%;}
.main_popup .mp_btn button {display:inline-block; vertical-align:middle; float:left; width:50%; height:50px; padding:0; text-align:center;}
.main_popup .mp_btn .p_hide {box-sizing:border-box; border:#070707 solid 1px; background-color:#ffffff; font-size:14px; font-weight:400; color:#070707; line-height:48px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
.main_popup .mp_btn .p_close {box-sizing:border-box; background-color:#001958; font-size:14px; font-weight:400; color:#ffffff; line-height:48px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}

/* 헤더 */
#header {display:inline-block; vertical-align:middle; box-sizing:border-box; position:sticky; left:0; top:0; z-index:11; width:100%; height:auto; padding:0; background-color:#ffffff; font-size:0; line-height:0; transition:all 0.3s; filter:drop-shadow(0 4px 4px rgba(7, 7, 7, .02));}
#header .h_wrap {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; height:60px; padding:0 20px;}
#header .h_logo {display:inline-block; vertical-align:middle; position:absolute; top:15px; bottom:15px; left:calc(50% - 48px); width:92px;}
#header .h_logo img {float:left; width:100%;}
#header p.title {display:inline-block; vertical-align:middle; width:100%; height:30px; margin-top:15px; font-size:20px; font-weight:400; color:#070707; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#header ul.h_left,
#header ul.h_right {display:inline-block; vertical-align:middle; position:absolute; top:15px; width:auto; height:30px; pointer-events:none;}
#header ul.h_left {left:15px;}
#header ul.h_right {right:15px;}
#header li {width:20px;}
#header li > * {display:inline-block; vertical-align:middle;}
#header .h_btn > a,
#header .h_btn > button,
#header .h_btn .h_menu_btn > a,
#header .h_btn .h_menu_btn > button,
#header .h_btn {float:left; width:30px; height:30px; pointer-events:auto;}
#header .h_menu_btn {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#header .h_cart {display:inline-block;}
/* #header .h_wish {display:inline-block; position:relative; margin-right:20px;}
#header .h_wish strong {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; top:-4px; right:-8px; width:auto; min-width:16px; height:16px; padding:0 3px; border-radius:8px; background-color:#E6002E; font-size:12px; font-weight:400; color:#ffffff; line-height:18px; letter-spacing:-0.83px; text-align:center;} */
#header .h_prev {display:inline-block;}
#header .hm_close {display:none;}
#header li a > i, #header li button > i {display:inline-block; vertical-align:middle; width:100%; height:100%; background-image:url("../m/images/common/icon_header.svg"); background-repeat:no-repeat; background-size:500%;}
#header .hm_menu_btn > i,
#header .hm_menu_btn > i {background-position:0;}
#header .h_cart a > i,
#header .h_cart button > i {background-position:25%;}
#header .h_wish a > i,
#header .h_wish button > i {background-position:50%;}
#header .h_prev a > i,
#header .h_prev button > i {background-position:75%;}
#header .hm_close > i,
#header .hm_close > i {background-position:100%;}
#header.h_main .h_prev {display:none;}
#header.open .hm_close {display:inline-block;}
#header.open .h_btn,
#header.open .hm_menu_btn {display:none;}
#header.open .h_btn.t1 {display:inline-block;}
#header .h_menu {display:flex; vertical-align:middle; box-sizing:border-box; overflow:auto; position:relative; top:auto; width:100%; height:50px; padding:0 20px; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:flex-start; pointer-events:auto;}
#header .h_menu li {display:inline-block; vertical-align:middle; width:auto; height:auto; margin-right:20px;}
#header .h_menu li:last-child {margin-right:0;}
#header .h_menu li a {display:inline-block; vertical-align:middle; position:relative; width:auto; height:25px; font-size:15px; font-weight:700; color:#ffffff; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; white-space:nowrap;}
#header .h_menu li.on a {font-weight:600;}
#header .h_menu.t1 {background-color:#F0008C;}
#header .h_menu.t1 li.on a:before {content:''; display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; bottom:-2px; width:auto; height:2px; background-color:#00145A;}
#header .h_menu.t2 {background-color:#fff;}
#header .h_menu.t2 li a {font-size:13px; color:#070707;}
#header .h_menu.t2 li.on a:before {content:''; display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; bottom:4px; width:auto; height:1px; background-color:#001958;}
#header .h_menu.t2 li.on a {color:#001958;}
#header .h_menu::-webkit-scrollbar {display:none !important;}
#header .h_menu {-ms-overflow-style:none !important; scrollbar-width:none !important;}

/* 검색 팝업 */
.search_popup {display:inline-block; vertical-align:middle; overflow:hidden; position:fixed; top:0; bottom:0; left:0; right:0; z-index:99; background-color:rgba(0,0,0,0.9);}
.search_popup.close {display:none;}
.search_popup .sp_close {display:inline-block; vertical-align:middle; position:absolute; top:20px; right:20px; width:24px; height:24px;}
.search_popup .sp_close:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#070707; transform:rotate(45deg);}
.search_popup .sp_close:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#070707; transform:rotate(-45deg);}
.search_popup .sp_wrap {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; top:50%; left:20px; width:calc(100% - 40px); margin-top:-200px; padding:60px 20px 80px; background-color:#ffffff;}
.search_popup .sp_title {position:relative; padding-bottom:23px;}
.search_popup .sp_title:after {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:0; left:0; width:30px; height:3px; background-image:url("../m/images/common/icon_title_deco.svg"); background-repeat:no-repeat; background-position:center; background-size:100%;}
.search_popup .sp_title p {display:inline-block; vertical-align:middle; position:relative; width:100%; font-size:25px; font-weight:700; color:#070707; line-height:35px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:left;}
.search_popup .sp_title p:first-child {margin-bottom:20px;}
.search_popup .sp_title p:first-child:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:-8px; left:-20px; width:150px; height:50px; background-image:url("../m/images/common/bg_search_title.svg"); background-repeat:no-repeat; background-size:100%; background-position:0;}
.search_popup .sp_title p span:nth-child(1) {color:#F0008C;}
.search_popup .sp_title p span:nth-child(2) {color:#001958;}
.search_popup .sp_txt {display:inline-block; vertical-align:middle; width:100%; margin-top:30px;}
.search_popup .sp_txt span {display:inline-block; vertical-align:middle; width:100%; height:25px; font-size:15px; font-weight:400; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
.search_popup .sp_form {display:inline-block; vertical-align:middle; width:100%; margin-top:30px;}
.search_popup .sp_form form {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:0 10px 10px; border-bottom:#070707 solid 1px;}
.search_popup .sp_form .form_field {display:inline-block; vertical-align:middle; width:100%;}
.search_popup .sp_form .form_field input {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(100% - 24px); height:24px; padding:0; padding-right:10px; border:0; background-color:transparent !important; font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
.search_popup .sp_form .form_field input::placeholder {color:#070707;}
.search_popup .sp_form .form_field input:focus {outline:none;}
.search_popup .sp_form .form_field button {display:inline-block; vertical-align:middle; float:left; width:24px; height:24px; padding:2px;}
.search_popup .sp_form .form_field button i {display:inline-block; vertical-align:middle; float:left; width:20px; height:20px; background-image:url("../m/images/common/icon_menubar.svg"); background-repeat:no-repeat; background-size:120px; background-position:-26px;}

/* 하단네비바 */
#navi {display:inline-block; vertical-align:middle; box-sizing:border-box; position:fixed; bottom:0; left:0; right:0; z-index:12; width:100%; height:60px; padding:0; background-color:#ffffff; font-size:0; line-height:0;}
#navi .n_deco {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; background-color:#ffffff; pointer-events:none; filter:drop-shadow(0 -4px 4px rgba(7, 7, 7, .02));}
#navi .n_deco:before {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:4px; left:calc(50% - 35px); width:70px; height:70px; border-radius:35px; background-color:#ffffff;}
#navi .n_list {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#navi .n_list > li {display:inline-block; vertical-align:middle; position:relative; float:left; width:20%; height:100%;}
#navi .n_list > li > a,
#navi .n_list > li button {width:100%; height:100%;}
#navi .nl_icon {display:flex; vertical-align:middle; width:100%; height:100%;}
#navi .nl_team {display:inline-block; vertical-align:middle;}
#navi .nl_search {display:inline-flex; vertical-align:middle;}
#navi .nl_home {display:inline-block; vertical-align:middle;}
#navi .nl_home p {display:inline-block; vertical-align:middle; position:absolute; bottom:4px; left:calc(50% - 35px); width:70px; height:70px; border-radius:35px; background-color:#ffffff;}
#navi .nl_home span {display:inline-block; vertical-align:middle; width:100%; height:25px; margin-top:3px; text-align:center; font-size:13px; font-weight:400; color:#001958; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#navi .nl_barcode {display:inline-block; vertical-align:middle;}
#navi .nl_member {display:inline-block; vertical-align:middle;}
#navi .nl_icon i {display:inline-block; vertical-align:middle; float:left; width:30px; height:30px; margin:0 calc(50% - 15px); margin-top:15px; background-image:url("../m/images/common/icon_menubar.svg"); background-repeat:no-repeat; background-size:500%;}
#navi .nl_icon:hover i {filter:invert(25%) sepia(93%) saturate(6970%) hue-rotate(315deg) brightness(92%) contrast(109%);}
#navi .nl_team i {background-position:0;}
#navi .nl_search i {background-position:25%;}
#navi .nl_home i {background-position:50%; margin-top:12px; filter:invert(8%) sepia(77%) saturate(6165%) hue-rotate(207deg) brightness(69%) contrast(119%) !important;}
#navi .nl_barcode i {background-position:75%;}
#navi .nl_member i {background-position:100%;}#navi .hn_deco {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; background-color:#ffffff; pointer-events:none; filter:drop-shadow(0 -4px 4px rgba(7, 7, 7, .02));}
#navi .hn_deco:before {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:4px; left:calc(50% - 35px); width:70px; height:70px; border-radius:35px; background-color:#ffffff;}
#navi .hn_list {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#navi .hn_list > li {display:inline-block; vertical-align:middle; position:relative; float:left; width:20%; height:100%;}
#navi .hn_list > li > a,
#navi .hn_list > li button {width:100%; height:100%;}
#navi .hn_menu {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#navi .hn_menu .hnm_wrap {display:inline-block; vertical-align:middle; position:fixed; top:calc(100% + 60px); bottom:calc(-100% - 60px); left:0; right:0; z-index:-1; background-color:#ffffff; font-size:0; line-height:0; transition:all 0.5s;}
#navi .hn_menu .hnm_wrap.open {overflow:scroll; top:60px; bottom:60px;}
#navi .hn_menu .hnm_wrap.open .hnm_etc {position:fixed; bottom:60px;}
#navi .hn_menu .hnm_wrap::-webkit-scrollbar {display:none !important;}
#navi .hn_menu .hnm_wrap {-ms-overflow-style:none !important; scrollbar-width:none !important;}
#navi .hn_menu .hnm_login {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:27px 20px 20px; background-color:#F0008C;}
#navi .hn_menu .hnm_login p {display:inline-block; vertical-align:middle; position:relative; z-index:2; height:30px; font-size:20px; font-weight:400; color:#ffffff; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#navi .hn_menu .hnm_login p:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:-12px; bottom:-13px; left:-20px; right:-20px; z-index:-1; width:auto; border-radius:0 30px 30px 0; background:linear-gradient(300deg, #E6002D, #001958);}
#navi .hn_menu .hnm_login .hnml_signin {display:none;}
#navi .hn_menu .hnm_login.signin .hnml_signin {display:inline-block;}
#navi .hn_menu .hnm_login.signin .hnml_notice {display:none;}
#navi .hn_menu .hnm_login > ul {display:inline-block; vertical-align:middle; float:right; width:100%; margin-top:10px; text-align:right;}
#navi .hn_menu .hnm_login > ul li {display:inline-block; vertical-align:middle; position:relative; width:auto; padding:0 20px;}
#navi .hn_menu .hnm_login > ul li:nth-child(1),
#navi .hn_menu .hnm_login > ul li:nth-child(3) {padding-left:0;}
#navi .hn_menu .hnm_login > ul li:nth-child(2),
#navi .hn_menu .hnm_login > ul li:nth-child(4) {padding-right:0;}
#navi .hn_menu .hnm_login > ul li:nth-child(3),
#navi .hn_menu .hnm_login > ul li:nth-child(4) {display:none;}
#navi .hn_menu .hnm_login > ul li:after {content:''; display:inline-block; vertical-align:middle; width:1px; height:10px; position:absolute; top:7px; right:0; background-color:#ffffff; opacity:0.2;}
#navi .hn_menu .hnm_login > ul li:nth-child(2):after,
#navi .hn_menu .hnm_login > ul li:last-child:after {display:none;}
#navi .hn_menu .hnm_login > ul li a {display:inline-block; vertical-align:middle; height:25px; font-size:13px; font-weight:400; color:#ffffff; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#navi .hn_menu .hnm_login.signin > ul li:nth-child(1),
#navi .hn_menu .hnm_login.signin > ul li:nth-child(2) {display:none;}
#navi .hn_menu .hnm_login.signin > ul li:nth-child(3),
#navi .hn_menu .hnm_login.signin > ul li:nth-child(4) {display:inline-block;}
#navi .hn_menu .hnm_list {display:inline-block; vertical-align:middle; width:100%; margin-bottom:60px;}
#navi .hn_menu .hnm_list > li {display:inline-block; vertical-align:middle; width:100%; border-bottom:#D9D9D9 solid 1px;}
#navi .hn_menu .hnm_list > li > div > p {display:inline-block; vertical-align:middle; width:100%; height:30px; padding:20px 0; font-size:20px; font-weight:700; color:#070707; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer;}
#navi .hn_menu .hnm_list > li > div > p span {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%;}
#navi .hn_menu .hnm_list > li > div > p span:before {content:''; display:inline-block; vertical-align:middle; width:20px; height:20px; position:absolute; top:5px; right:0; background-image:url("../m/images/common/icon_drop01.svg"); background-repeat:no-repeat; background-size:100%; transform:rotate(0deg); transition:all 0.3s;}
#navi .hn_menu .hnm_list > li.on {border-bottom:0;}
#navi .hn_menu .hnm_list > li.on > div > p span:before {top:7px; transform:rotate(180deg);}
#navi .hn_menu .hnm_list > li.on > div > p + .hnm_sub {display:inline-block; border-top:#D9D9D9 solid 1px;}
#navi .hn_menu .hnm_list .hnm_sub {display:none; vertical-align:middle; box-sizing:border-box; width:calc(100% + 40px); margin-left:-20px; padding:15px 20px; background-color:#F6F6F6;}
#navi .hn_menu .hnm_list .hnm_sub li {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; margin-bottom:10px; padding-left:10px;}
#navi .hn_menu .hnm_list .hnm_sub li:last-child {margin-bottom:0;}
#navi .hn_menu .hnm_list .hnm_sub li:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:2px; background-color:#001958;}
#navi .hn_menu .hnm_list .hnm_sub li a {display:inline-block; vertical-align:middle; height:25px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#navi .hn_menu .hnm_list .hnm_sub li.on a {font-weight:700; color:#001958 !important; text-decoration:underline; text-decoration-color:#001958; text-underline-position:under;}
#navi .hn_menu .hnm_etc {display:flex; vertical-align:middle; position:absolute; bottom:0; left:0; z-index:1; width:100%; border-top:#D9D9D9 solid 1px; background-color:#ffffff; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; transition:0.1s all; transition-delay:350ms;}
#navi .hn_menu .hnm_etc li {display:inline-block; vertical-align:middle; position:relative; width:auto; height:25px; padding:18px 0; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#navi .hn_menu .hnm_etc li a {display:inline-block; vertical-align:middle; padding:0 40px;}
#navi .hn_menu .hnm_etc li:after {content:''; display:inline-block; vertical-align:middle; width:1px; height:10px; position:absolute; top:25px; right:0; background-color:#D9D9D9;}
#navi .hn_menu .hnm_etc li:last-child:after {display:none;}
#navi .hn_icon {display:flex; vertical-align:middle; width:100%; height:100%;}
#navi .hn_barcode {display:inline-block; vertical-align:middle;}
#navi .hn_home {display:inline-block; vertical-align:middle;}
#navi .hn_home p {display:inline-block; vertical-align:middle; position:absolute; bottom:4px; left:calc(50% - 35px); width:70px; height:70px; border-radius:35px; background-color:#ffffff;}
#navi .hn_home span {display:inline-block; vertical-align:middle; width:100%; height:25px; margin-top:3px; text-align:center; font-size:13px; font-weight:400; color:#001958; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#navi .hn_cart {display:inline-block; vertical-align:middle;}
#navi .hn_member {display:inline-block; vertical-align:middle;}
#navi .hn_icon i {display:inline-block; vertical-align:middle; float:left; width:30px; height:30px; margin:0 calc(50% - 15px); margin-top:15px; background-image:url("../m/images/common/icon_menubar.svg"); background-repeat:no-repeat; background-size:600%;}
#navi .hn_icon:hover i {filter:invert(12%) sepia(77%) saturate(7374%) hue-rotate(343deg) brightness(88%) contrast(106%);}
#navi .hn_menu i {background-position:0;}
#navi .hn_barcode i {background-position:20%;}
#navi .hn_home i {background-position:40%; margin-top:12px; filter:invert(8%) sepia(77%) saturate(6165%) hue-rotate(207deg) brightness(69%) contrast(119%) !important;}
#navi .hn_cart i {background-position:60%;}
#navi .hn_member i {background-position:80%;}
#navi .hn_close i {background-position:100%;}
#navi.goods_view {display:none;}

/* 컨텐츠 */
#contents {display:inline-block; vertical-align:middle; width:100%;}

/* bottom_sheet */
#contents .bottom_sheet {display:inline-block; vertical-align:middle; overflow:hidden; position:fixed; top:0; bottom:0; left:0; right:0; z-index:99; background-color:rgba(0,0,0,0); pointer-events:none;}
#contents .bottom_sheet .bs_close {display:none; vertical-align:middle; overflow:hidden; position:fixed; top:0; bottom:0; left:0; right:0; z-index:1; background-color:transparent;}
#contents .bottom_sheet .bottom_sheet_wrap {display:inline-block; vertical-align:middle; overflow:hidden; position:fixed; bottom:-99999px; left:0; right:0; z-index:2; border-radius:30px 30px 0 0; background-color:#ffffff; box-shadow:0px -5px 40px 0px rgba(0, 25, 88, .1); pointer-events:auto;}
#contents .bottom_sheet .bottom_sheet_title {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:100%; height:70px; padding:23px 30px 16px; border-bottom:#F6F6F6 solid 1px; font-size:20px; font-weight:400; color:#070707; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .bottom_sheet .bottom_sheet_title i {display:inline-block; vertical-align:middle; position:absolute; top:5px; left:50%; width:40px; height:3px; margin-left:-20px; border-radius:3px; background-color:#D8D8D8;}
#contents .bottom_sheet .bottom_sheet_contents {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:100%;}
#contents .bottom_sheet.open {pointer-events:auto;}
#contents .bottom_sheet.open .bs_close {display:inline-block;}
#contents .bottom_sheet.open .bottom_sheet_wrap {bottom:0;}

/* dropdown */
#contents .dropdown {display:inline-block; vertical-align:middle; position:relative; z-index:10; width:100%; border-radius:4px; border:#D8D8D8 solid 1px;}
#contents .dropdown button {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:0 15px; line-height:50px !important; text-align:left;}
#contents .dropdown span {display:inline-block; vertical-align:middle; position:relative; width:100%; height:50px; text-align:left; font-size:15px; font-weight:400; color:#070707; line-height:52px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .dropdown span:before {content:''; display:inline-block; vertical-align:middle; width:20px; height:20px; position:absolute; top:15px; right:2px; background-image:url("../m/images/common/icon_drop01.svg"); background-repeat:no-repeat; background-size:100%; transform:rotate(0deg); transition:all 0.3s;}
#contents .dropdown-content {display:none; vertical-align:middle; width:100%; box-shadow:0px 4px 4px 0px rgba(0, 0, 0, .04);}
#contents .dropdown-content li {display:inline-block; vertical-align:middle; width:100%;}
#contents .dropdown-content a {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:10px 15px; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-decoration:none;}
#contents .dropdown.on {border-radius:4px 4px 0 0; border-bottom:0;}
#contents .dropdown.on .dropdown-content {display:inline-block; position:absolute; top:50px; left:-1px; border-radius:0 0 4px 4px; border:#D8D8D8 solid 1px; border-top:0; background-color:#ffffff;}
#contents .dropdown.on span:before {transform:rotate(180deg);}
#contents .dropdown + div {margin-top:20px;}

/* simpletab */
#contents .simpletab_btn_wrap {display:inline-block; vertical-align:middle; width:100%; height:auto;}
#contents .simpletab_btn {display:inline-block; box-sizing:border-box; vertical-align:middle; float:left; width:100%; border:#070707 solid 1px; border-bottom:0; background-color:#ffffff; font-size:15px; font-weight:400; color:#070707; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; line-height:50px !important; text-align:center; cursor:pointer;}
#contents .simpletab_btn:first-child {border-radius:4px 4px 0 0;}
#contents .simpletab_btn:last-child {border-radius:0 0 4px 4px; border-bottom:#070707 solid 1px;}
#contents .simpletab_btn.on {border-color:#001958; background-color:#001958; color:#fff !important;}
#contents .simpletab_content {display:none; vertical-align:middle; width:100%; margin-top:40px;}
#contents .simpletab_content.on {display:inline-block;}

/* 슬라이더 */
.carousel {width:100%;}
.carousel .owl-item {float:left;}
.carousel .owl-item a {display:inline-block; position:relative; float:left; width:100%; transition:0.5s;}
.carousel .owl-item img {float:left; width:100%;}
.carousel .owl-nav {display:none !important;}
.carousel .owl-dots {display:none;}
/*
.carousel:not('.topBanner') .owl-dots {display:none;}
.carousel.topBanner .owl-dots {
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    color: #000;
}
*/
/* 제품 */
#contents .item_list .item_brand {margin-top:10px; font-size:12px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .item_list .item_name {font-size:13px; font-weight:400; color:#070707; line-height:18px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .item_list .item_name_a {margin: 8px 0 3px 0;}
#contents .item_list .item_price {display:inline-block; vertical-align:middle; width:100%;}
#contents .item_list .item_price_before {font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .item_list .item_price {font-size:15px; font-weight:700; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .item_list .item_rate {display:inline-block; vertical-align:middle; margin-right:5px; font-size:15px; font-weight:700; color:#E6002E; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}

#contents .product_detail .brand {font-size:12px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .product_detail .name {font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .product_detail .item_price {display:inline-block; vertical-align:middle; width:100%;}
#contents .product_detail .price_before {font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .product_detail .option {font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .product_detail .price {font-size:15px; font-weight:700; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .product_detail .rate {display:inline-block; vertical-align:middle; margin-right:5px; font-size:15px; font-weight:700; color:#E6002E; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}

/* 메인 */
#contents.c_main {display:inline-block; vertical-align:middle; overflow:hidden; width:100%; ;}
#contents.c_main .btn_viewall {position:absolute; top:5px; right:20px; height:25px; font-size:12px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; opacity:0.5;}
#contents.c_main .btn_viewall:after {content:''; display:inline-block; vertical-align:middle; width:12px; height:12px; margin:6px 0 7px 10px; background-image:url("../m/images/common/icon_viewall.svg"); background-repeat:no-repeat; background-position:center; background-size:100%;}
#contents.c_main .cm_hero {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_main .cm_hero .cmh_img {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_main .cm_hero .cmh_img img {float:left; width:100%;}
#contents.c_main .cm_hero .cmh_txt {display:flex; vertical-align:middle; position:relative; width:calc(100% - 40px); height:50px; padding:0 20px; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:flex-start; gap:15px; box-shadow:0px 4px 4px 0px rgba(0, 0, 0, .04);}
#contents.c_main .cm_hero .cmh_txt > p {display:inline-block; vertical-align:middle; overflow:hidden; width:50px; height:25px; font-size:15px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_hero .cmh_txt .item {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_main .cm_hero .cmh_txt .item p {display:inline-block; vertical-align:middle; width:100%; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:400; color:#070707; line-height:27px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_hero .cmh_txt > .carousel {display:inline-block; vertical-align:middle; overflow:hidden; width:calc(100% - 140px);}
#contents.c_main .cm_hero .cmh_txt > .owl_counter {display:inline-block; vertical-align:middle; position:absolute; top:11px; right:20px; height:25px; font-size:12px; font-weight:400; color:#ffffff; line-height:27px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_hero .cmh_txt > .owl_counter:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:-5px; right:-20px; z-index:-1; width:80px; height:35px; border-radius:30px 0 0 30px; background-color:#F0008C;}
#contents.c_main .cm_popular .item_name {display:-webkit-box; vertical-align:middle; box-sizing:border-box; overflow:hidden; width:100%; margin-top:10px; padding:0 10px; font-size:13px; font-weight:400; color:#070707; line-height:18px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; vertical-align:middle; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#contents.c_main .cm_popular .item_price {display:inline-block; vertical-align:middle; box-sizing:border-box; overflow:hidden; width:100%; height:30px; padding:0 10px; font-size:15px; font-weight:400; color:#070707; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-overflow:ellipsis; white-space:nowrap;}
#contents.c_main .cm_ticket {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding-top:50px;}
#contents.c_main .cm_ticket .title {display:inline-block; vertical-align:middle; width:100%; height:35px; font-size:25px; font-weight:700; color:#070707; line-height:37px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_ticket .title + p {display:inline-block; vertical-align:middle; width:100%; height:25px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_ticket dt,
#contents.c_main .cm_ticket dd {display:inline-block; vertical-align:middle; width:100%; height:25px; text-align:center; font-size:12px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_ticket .date_list {display:flex; margin-top:10px;}
#contents.c_main .cm_ticket .date_list dl {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
#contents.c_main .cm_ticket .date_list .dl_year {display:inline-block; vertical-align:middle; overflow:hidden; width:100%; text-align:center;}
#contents.c_main .cm_ticket .date_list .dl_month {display:inline-block;}
#contents.c_main .cm_ticket .date_list .dl_year dd,
#contents.c_main .cm_ticket .date_list .dl_month dd {display:none;}
#contents.c_main .cm_ticket .date_list .dl_year dd.on,
#contents.c_main .cm_ticket .date_list .dl_month dd.on {display:inline-block;}
#contents.c_main .cm_ticket .date_list .dl_day dl {cursor:pointer;}
#contents.c_main .cm_ticket .date_list .swiper {display:inline-block; vertical-align:middle; overflow:hidden; width:calc(100% - 42px); margin-left:18px;}
#contents.c_main .cm_ticket .date_list .swiper .swiper-slide dd {position:relative; transition:all 0.2s;}
#contents.c_main .cm_ticket .date_list .swiper .swiper-slide:hover dd,
#contents.c_main .cm_ticket .date_list .swiper .swiper-slide dd.mark {color:#ffffff;}
#contents.c_main .cm_ticket .date_list .swiper .swiper-slide dd:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; z-index:-1; width:20px; height:20px; margin-top:-10px; margin-left:-10px; border-radius:25px; background-color:transparent; transition:background-color 0.2s;}
#contents.c_main .cm_ticket .date_list .swiper .swiper-slide:hover dd:before,
#contents.c_main .cm_ticket .date_list .swiper .swiper-slide dd.mark:before {background-color:#001958;}
#contents.c_main .cm_ticket .cmt_role {display:flex; vertical-align:middle; box-sizing:border-box; margin-top:10px; margin-left:-20px; padding:15px 20px 40px; background-color:#001A58; flex-direction:row; flex-wrap:nowrap; justify-content:center; column-gap:17px; width: 100%;}
#contents.c_main .cm_ticket .cmt_role .cmtr_nation {display:inline-block; vertical-align:middle; width:75px; min-width:58px; margin-top:28px;}
#contents.c_main .cm_ticket .cmt_role .cmtr_nation img {display:inline-block; vertical-align:middle; float:left; width:100%; height:50px;}
#contents.c_main .cm_ticket .cmt_role .cmtr_nation p {display:inline-block; vertical-align:middle; float:left; width:100%; margin-top:11px; font-size:13px; font-weight:700; color:#ffffff; line-height:25px; letter-spacing:-0.5px; text-align:center;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date {display:flex; vertical-align:middle; flex-direction:column; flex-wrap:nowrap; align-items:center;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date .time {display:inline-block; vertical-align:middle; box-sizing:border-box; min-width:150px; height:25px; padding:0 15px; border:#ffffff solid 1px; border-radius:30px; font-size:12px; font-weight:400; color:#ffffff; line-height:27px; letter-spacing:-0.5px;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date .time span {display:inline-block; vertical-align:middle; float:left;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date .time b {display:inline-block; vertical-align:middle; float:left;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date .verse {display:inline-block; vertical-align:middle; width:100%; margin-top:5px; font-size:18px; font-weight:700; color:#ffffff; line-height:30px; letter-spacing:-0.5px; text-align:center;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date .date {display:inline-block; vertical-align:middle; font-size:12px; font-weight:400; color:#ffffff; line-height:25px; letter-spacing:-0.5px;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date .date span {display:inline-block; vertical-align:middle; float:left;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date .date b {display:inline-block; vertical-align:middle; float:left; padding:0 8px;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date .days {display:inline-block; vertical-align:middle; border-top:#ffffff solid 1px; font-size:12px; font-weight:400; color:#ffffff; line-height:25px; letter-spacing:-0.5px; opacity:0.5;}
#contents.c_main .cm_ticket .cmt_role .cmtr_date .days span {display:inline-block; vertical-align:middle; float:left; width:35px; text-align:center;}

#contents.c_main .cm_ticket .btn_wrap {display:flex; vertical-align:middle; width:100%; margin-top:-30px; flex-direction:row; flex-wrap:nowrap; justify-content:center; position: absolute; bottom: -30px;}
#contents.c_main .cm_ticket .btn_book {display:inline-block; vertical-align:middle; box-sizing:border-box; width:auto; height:60px; padding:15px 50px; border-radius:30px; background:#f0008c; font-size:20px; font-weight:400; color:#ffffff; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; z-index:5;}
#contents.c_main .cm_popular {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding-top:50px;}
#contents.c_main .cm_popular .title {display:inline-block; vertical-align:middle; width:100%; height:35px; font-size:25px; font-weight:700; color:#070707; line-height:37px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_popular .title + p {display:inline-block; vertical-align:middle; width:100%; height:25px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_popular .carousel {display:inline-block; vertical-align:middle; margin-top:20px;}
#contents.c_main .cm_popular .carousel .cmp_order {display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 33px; height: 30px; margin-top: 10px; padding-right: 5px; border-radius: 0 30px 30px 0; background: #fff; border: 2px solid #f0008c; text-align: center; font-size: 15px; font-weight: 400; color: #f0008c; line-height: 30px; letter-spacing: -0.5px; word-wrap: normal; word-break: keep-all; border-left: none;}
#contents.c_main .cm_popular .carousel .owl-item {filter:drop-shadow(0 0 24px rgba(0, 25, 88, 0.12)); transition:all 0.2s;}
#contents.c_main .cm_popular .carousel .owl-item.active {scale:1;}
#contents.c_main .cm_popular .carousel .owl-item img {float:left; width:100%;}
#contents.c_main .cm_popular .carousel .owl-dots {display:flex; vertical-align:middle; width:100%; padding-top:20px; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center;}
#contents.c_main .cm_popular .carousel .owl-dots .owl-dot {display:inline-block; vertical-align:middle; width:8px; height:8px; margin:0 5px; border-radius:4px; background-color:#D8D8D8;}
#contents.c_main .cm_popular .carousel .owl-dots .owl-dot.active {background-color:#001958;}

.ticketTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ticketTitle a{
    padding: 4px 8px;
    border-radius: 25px;
    border: 1px solid #f0008c;
    color: #f0008c;
}
.cm_popular .carousel {
    width:calc(100% - 40px)
}
.cm_popular .itemPriceOri {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 700;
    color: #808080;
    line-height: 27px;
    letter-spacing: -0.5px;
    word-wrap: normal;
    word-break: keep-all;
    text-decoration: line-through;
}
.cm_popular .item_price_before {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 10px;
    color: #E6002E;
    font-size: 18px;
    font-weight: 700;
    color: #070707;
    line-height: 25px;
    letter-spacing: -0.5px;
    word-wrap: normal;
    word-break: keep-all;
}
.cm_popular .item_price {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 10px;
    color: #E6002E;
    font-size: 18px;
    font-weight: 700;
    color: #070707;
    line-height: 25px;
    letter-spacing: -0.5px;
    word-wrap: normal;
    word-break: keep-all;
}
.cm_popular .item_price_before .item_rate {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    color: #E6002E;
    font-size: 18px;
    font-weight: 700;
    color: #E6002E;
    line-height: 25px;
    letter-spacing: -0.5px;
    word-wrap: normal;
    word-break: keep-all;
    margin-right: 10px;
}
.game-slide .swiper-container {
    overflow: visible !important;
}

#contents.c_main .cm_discount {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:50px; padding-top:50px; padding-bottom:50px; background-color:rgba(214, 219, 239, 0.5);}
#contents.c_main .cm_discount .title {display:inline-block; vertical-align:middle; width:100%; height:35px; font-size:25px; font-weight:700; color:#070707; line-height:37px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_discount .title + p {display:inline-block; vertical-align:middle; width:100%; height:25px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_discount .carousel {width:calc(100% - 40px); margin-top:20px;}
#contents.c_main .cm_discount .carousel:before {content:''; position:absolute; top:0; bottom:0; left:0; z-index:10; width:20px; background:#eaedf7;}
#contents.c_main .cm_discount .carousel .owl-item .cmd_percent {display: inline-block; vertical-align: middle; box-sizing: border-box; position: absolute; left: 0; top: 8px; width: 38px; height: 32px; padding: 10px 5px 10px 0; border-radius: 0 30px 30px 0; background: #fff; border: 2px solid #f0008c; font-size: 13px; font-weight: 700; color: #f0008c; border-left: none; letter-spacing: -0.5px; word-wrap: normal; word-break: keep-all; text-align: center;}
#contents.c_main .cm_discount .carousel .owl-item .item_name {display:inline-block; vertical-align:middle; box-sizing:border-box; margin-top:10px; padding:0 10px; font-size:13px; font-weight:400; color:#070707; line-height:18px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
#contents.c_main .cm_discount .carousel .owl-item .item_price_before {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; height:25px; padding:0 10px; font-size:13px; font-weight:700; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_discount .carousel .owl-item .item_price {display:inline-block; vertical-align:middle; box-sizing:border-box; padding:0 10px; color:#E6002E; font-size:15px; font-weight:700; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_discount .carousel .owl-item .item_rate {display:inline-block; vertical-align:middle; float:left; color:#E6002E; font-size:18px; font-weight:700; color:#E6002E; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; margin-right: 10px;}
#contents.c_main .cm_discount .carousel .owl-dots {display:flex; vertical-align:middle; width:100%; padding-top:20px; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center;}
#contents.c_main .cm_discount .carousel .owl-dots .owl-dot {display:inline-block; vertical-align:middle; width:8px; height:8px; margin:0 5px; border-radius:4px; background-color:#ffffff;}
#contents.c_main .cm_discount .carousel .owl-dots .owl-dot.active {background-color:#001958;}
#contents.c_main .cm_new {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding-top:50px;}
#contents.c_main .cm_new .title {display:inline-block; vertical-align:middle; width:100%; height:35px; font-size:25px; font-weight:700; color:#070707; line-height:37px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}

#contents.c_main .cm_new .btn_wrap {display:inline-block; vertical-align:middle; width:100%; margin-top:5px; padding:5px 0 10px; border-bottom:#D8D8D8 solid 1px;}
#contents.c_main .cm_new .btn_wrap li {display:inline-block; vertical-align:middle; float:left; width:auto; margin-right:20px;}
#contents.c_main .cm_new .btn_wrap li:last-child {margin-right:0;}
#contents.c_main .cm_new .btn_wrap button {height:25px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_new .btn_wrap button.active {color:#001958 !important; font-weight:600 !important; text-decoration:underline; text-decoration-color:#001958; text-underline-position:under;}
#contents.c_main .cm_new .cmn_tab {display:none; vertical-align:middle; width:100%; margin-top:20px;}
#contents.c_main .cm_new .cmn_tab.on {display:inline-block;}
#contents.c_main .cm_new .cmn_tab .btn_more {margin-top:20px;}
#contents.c_main .cm_new .cmn_tab ul {display:flex; width:100%; flex-direction:row; flex-wrap:wrap; gap:20px;}
#contents.c_main .cm_new .cmn_tab li {display:inline-block; vertical-align:middle; position:relative; width:calc(50% - 10px);}
#contents.c_main .cm_new .cmn_tab li a {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_main .cm_new .cmn_tab li a img {display:inline-block; vertical-align:middle; width:100%; border:#D8D8D8 solid 1px;}
#contents.c_main .cm_new .cmn_tab li .item_brand {height:25px; margin-top:10px; padding:0;}
#contents.c_main .cm_new .cmn_tab li .item_name {margin-top:0; padding:0;}
#contents.c_main .cm_new .cmn_tab li .item_price_before {height:25px;text-decoration: line-through;}
#contents.c_main .cm_new .cmn_tab li .item_price {height:25px; padding:0;}
#contents.c_main .cm_new .cmn_tab li .item_rate {display:inline-block; vertical-align:middle; height:25px; margin-right:5px;}
#contents.c_main .cm_new .cmn_tab li .wish {display:inline-block; vertical-align:middle; position:absolute; top:0; left:0; width:100%; aspect-ratio:1/1; pointer-events:none;}
#contents.c_main .cm_new .cmn_tab li .wish i {display:inline-block; vertical-align:middle; position:absolute; bottom:8px; right:8px; z-index:10; width:24px; height:24px; background-image:url("../m/images/common/icon_wish.svg"); background-repeat:no-repeat; background-size:100%; background-position:0; opacity:0.2; cursor:pointer; pointer-events:auto;}
#contents.c_main .cm_new .cmn_tab li .wish.on i {opacity:1; filter:invert(18%) sepia(88%) saturate(7374%) hue-rotate(341deg) brightness(86%) contrast(113%);}

#contents.c_main .cm_shop {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding-top:50px;}
#contents.c_main .cm_shop .title {display:inline-block; vertical-align:middle; width:100%; height:35px; font-size:25px; font-weight:700; color:#070707; line-height:37px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents.c_main .cm_shop .carousel {display:inline-block; vertical-align:middle; overflow:hidden; height:20vw; margin-top:20px;}
#contents.c_main .m_middleBannerList {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding-top:50px;}

/* 서브 */
#contents .cs_title {display:flex; vertical-align:middle; width:100%; margin-top:40px; margin-bottom:30px; flex-direction:row; flex-wrap:nowrap; justify-content:center;}
#contents .cs_title img {width:190px;}
#contents .cs_title p {position:relative; height:35px; padding-bottom:23px; font-size:25px; font-weight:700; color:#070707; line-height:37px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_title.deco p:after {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:0; left:50%; width:30px; height:3px; margin-left:-15px; background-image:url("../m/images/common/icon_title_deco.svg"); background-repeat:no-repeat; background-position:center; background-size:100%;}

/* 로그인 */
#contents .cs_login {display:inline-block; vertical-align:middle; width:100%;}
#contents .csl_box {display:inline-block; vertical-align:middle; width:100%;}
#contents .csl_box + .csl_box {margin-top:10px;}
#contents .cs_login .csl_row {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .cs_login .csl_row input {height:50px;}
#contents .cs_login .csl_row.find {margin-top:5px;}
#contents .cs_login .csl_row .csl_text {display:inline-block; vertical-align:middle; width:100%; margin-bottom:5px;padding-top:15px; border-top:#001958 solid 1px; text-align:center; word-break:keep-all; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_login .csl_row .csl_join_btn {display:inline-block; vertical-align:middle; width:100%; margin-top:50px; font-size:12px; font-weight:400; color:#808080; line-height:20px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_login .csl_row .csl_join_btn span {display:inline-block; vertical-align:middle; width:100%; text-decoration:underline; text-underline-position:under;}
#contents .cs_login .csl_find {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_login .csl_find ul {display:inline-block; vertical-align:middle; float:right; width:auto;}
#contents .cs_login .csl_find ul li {display:inline-block; vertical-align:middle; float:left; position:relative; float:left; width:auto; height:25px; padding:0 15px; font-size:12px; font-weight:400; color:#070707; line-height:28px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_login .csl_find ul li:first-child {padding-left:0;}
#contents .cs_login .csl_find ul li:last-child {padding-right:0;}
#contents .cs_login .csl_find ul li:after {content:''; display:inline-block; vertical-align:middle; width:1px; height:12px; position:absolute; top:7px; right:0; background-color:#D8D8D8;}
#contents .cs_login .csl_find ul li:last-child:after {display:none;}
#contents .cs_login .csl_popup {display:inline-block; vertical-align:middle; overflow:hidden; position:fixed; top:0; bottom:0; left:0; right:0; z-index:99; background-color:rgba(0,0,0,0.9);}
#contents .cs_login .csl_popup.close {display:none;}
#contents .cs_login .csl_popup .cslp_wrap {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; top:50%; left:20px; right:20px; padding:20px 15px; background-color:#ffffff; transform:translateY(-50%);}
#contents .cs_login .csl_popup .cslp_head {display:inline-block; vertical-align:middle; float:left; width:100%; padding-bottom:7px; border-bottom:#001958 solid 1px;}
#contents .cs_login .csl_popup .cslp_head p {display:inline-block; vertical-align:middle; float:left; height:25px; font-size:15px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_login .csl_popup .cslp_head button {display:inline-block; vertical-align:middle; position:relative; float:right; width:24px; height:24px;}
#contents .cs_login .csl_popup .cslp_head button:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#070707; transform:rotate(45deg);}
#contents .cs_login .csl_popup .cslp_head button:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#070707; transform:rotate(-45deg);}
#contents .cs_login .csl_popup .cslp_txt {display:inline-block; vertical-align:middle; float:left; width:100%; margin:18px 0; font-size:13px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_login .csl_popup .cslp_txt span {display:inline-block; vertical-align:middle; float:left; width:100%; text-align:center;}
#contents .cs_login .csl_popup .cslp_info {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:20px; background-color:#F6F6F6;}
#contents .cs_login .csl_popup .cslp_info p {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
#contents .cs_login .csl_popup .cslp_info .title {height:35px; font-size:25px; font-weight:700; color:#070707; line-height:37px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_login .csl_popup .cslp_info .date {margin-top:10px; font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_login .csl_popup .cslp_input {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_login .csl_popup .cslp_input p {font-size:13px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_login .csl_popup .cslp_input input {font-size:14px;}
#contents .cs_login .csl_popup .cslp_input input + p {margin-top:10px;}
#contents .cs_login .csl_popup .cslp_wrap .cslp_btn {margin-top:20px;}

/* shop */
/* list */
#contents .cs_shop .css_product {display:inline-block; vertical-align:middle; width:100%; margin-top:40px;}
#contents .cs_shop .css_product .total {display:inline-block; vertical-align:middle; width:auto; height:25px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_product .total span {font-weight:700; color:#001958;}
#contents .cs_shop .css_product .cssp_top {display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:nowrap;}
#contents .cs_shop .css_product .cssp_top .item_sort {display:inline-block; vertical-align:middle; width:auto; height:25px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_product .cssp_top .item_sort i {display:inline-block; vertical-align:middle; width:12px; height:12px; margin-top:-1px; background-image:url("../m/images/common/icon_select_arrow.svg"); background-repeat:no-repeat; background-size:100%; background-position:0;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents {padding:30px;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li {display:inline-block; vertical-align:middle; width:100%; margin-top:15px;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li:first-child {margin-top:0;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li input {display:none;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li label {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; float:left; width:100%; height:25px; padding-left:26px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer; pointer-events:none;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li label span {padding:0; pointer-events:auto;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li label:before {content:''; display:inline-block; vertical-align:middle; position:absolute; left:0; top:5px; box-sizing:border-box; width:16px; height:16px; border:#D8D8D8 solid 1px; border-radius:50%; background-color:#ffffff; pointer-events:auto;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li label:after {content:''; display:none; vertical-align:middle; position:absolute; left:4px; top:9px; width:8px; height:8px; border-radius:5px; background:linear-gradient(to bottom right, #E6002E, #001958);}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li label i {pointer-events:auto;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li input:checked + label span {font-weight:600;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li input:checked + label:before {border:1px solid transparent; border-radius:25px; background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom right ,#E6002E, #001958); border-image-slice:1; background-origin:border-box; background-clip:padding-box, border-box;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li input:checked + label:after {display:inline-block;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet .bottom_sheet_contents li input:checked + label b {display:inline-block;}
#contents .cs_shop .css_product .cssp_top .bottom_sheet.open {background-color:rgba(0,0,0,0.9);}
#contents .cs_shop .css_product .cssp_goods {display:flex; width:100%; margin-top:10px; flex-direction:row; flex-wrap:wrap; gap:20px;}
#contents .cs_shop .css_product .cssp_goods li {display:inline-block; vertical-align:middle; position:relative; width:calc(50% - 10px);}
#contents .cs_shop .css_product .cssp_goods li a {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .cs_shop .css_product .cssp_goods li a img {display:inline-block; vertical-align:middle; width:100%; border:#F6F6F6 solid 1px;}
#contents .cs_shop .css_product .cssp_goods li .wish {display:inline-block; vertical-align:middle; position:absolute; top:0; left:0; width:100%; aspect-ratio:1/1; pointer-events:none;}
#contents .cs_shop .css_product .cssp_goods li .wish i {display:inline-block; vertical-align:middle; position:absolute; bottom:8px; right:8px; z-index:10; width:24px; height:24px; background-image:url("../m/images/common/icon_wish.svg"); background-repeat:no-repeat; background-size:100%; background-position:0; opacity:0.2; cursor:pointer; pointer-events:auto;}
#contents .cs_shop .css_product .cssp_goods li .wish.on i {filter:invert(18%) sepia(88%) saturate(7374%) hue-rotate(341deg) brightness(86%) contrast(113%); opacity:1;}
#contents .cs_shop .css_product .cssp_goods li .item_info {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:10px; padding:0 10px;}

#contents .cs_shop .css_product .no_item {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:48px 0; text-align:center; box-shadow:0 0 40px 0 rgba(0, 25, 88, 0.08);}
#contents .cs_shop .css_product .no_item img {display:inline-block; vertical-align:middle; width:80px; aspect-ratio:1/1;}
#contents .cs_shop .css_product .no_item p {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; text-align:center; font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}

/* view */
#contents .cs_shop .css_purchase_btn {position:fixed; bottom:0; left:0; right:0; z-index:99;}
#contents .cs_shop .css_purchase_btn button {display:inline-block; vertical-align:middle; float:left; width:50%; padding:15px 0;}
#contents .cs_shop .css_purchase_btn button.cart_btn {background-color:#E6002E;}
#contents .cs_shop .css_purchase_btn button.btn_purchase {background-color:#001958;}
#contents .cs_shop .css_purchase_btn button i {display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:5px; background-image:url("../m/images/shop/icon_purchase.svg"); background-repeat:no-repeat; background-size:200%;}
#contents .cs_shop .css_purchase_btn button span {display:inline-block; vertical-align:middle; font-size:15px; font-weight:700; color:#ffffff; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_purchase_btn .cart_btn i {background-position:0;}
#contents .cs_shop .css_purchase_btn .btn_purchase i {background-position:100%;}
#contents .cs_shop .css_purchase_btn .bottom_sheet.open .bottom_sheet_wrap {bottom:50px;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:20px;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select form {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select form:first-child {margin-bottom:10px;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select #colorSelect,
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select #sizeSelect {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; height:50px; padding:0 15px; border:#D8D8D8 solid 1px; border-radius:4px; background-color:#ffffff; font-size:15px; font-weight:400; color:#070707; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select #colorSelect + .select_arrow,
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select #sizeSelect + .select_arrow {display:inline-block; vertical-align:middle; position:absolute; width:24px; height:24px; top:13px; right:15px; background-image:url("../m/images/common/icon_select_arrow.svg"); background-repeat:no-repeat; background-size:100%; background-position:0; transition:0.3s all;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select #colorSelect:focus + .select_arrow,
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select #sizeSelect:focus + .select_arrow {transform:rotate(180deg);}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select table {display:none; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:10px; padding:20px; background-color:#F6F6F6;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select table tbody {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select table.on {display:inline-block;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result {display:flex; vertical-align:middle; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_name {display:inline-block; vertical-align:middle; width:calc(100% - 24px);}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_name strong {display:inline-block; vertical-align:middle; float:left; width:auto;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_name span {display:inline-block; vertical-align:middle; position:relative; width:auto; font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_name span + span {padding-left:16px;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_name span + span:before {content:'/'; display:inline-block; vertical-align:middle; position:absolute; left:6px;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_close {display:inline-block; vertical-align:middle; position:relative; width:24px; height:24px;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_close:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#070707; transform:rotate(45deg);}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_close:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#070707; transform:rotate(-45deg);}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount {display:inline-block; vertical-align:middle; width:107px; margin-top:15px;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty input {display:inline-block; vertical-align:middle; width:65px; height:30px; margin:0 21px; padding:0 !important; border:0 !important; background-color:transparent !important; line-height:32px; text-align:center;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty input:focus {outline:none !important;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty span {display:inline-block; vertical-align:middle; position:absolute; top:0; left:0; right:0; pointer-events:none;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty span button {display:inline-block; vertical-align:middle; position:relative; top:4px; width:21px; height:21px; padding:0; border-radius:4px; border:#D8D8D8 solid 1px; pointer-events:auto;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty span button.down {float:left;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty span button.up {float:right;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty span button:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:9px; left:4px; width:11px; height:1px; background-color:#070707;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty span button:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:4px; left:9px; width:1px; height:11px; background-color:#070707;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_amount .goods_qty span button.down:after {display:none;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .select_result .select_result_price {display:inline-block; vertical-align:middle; width:calc(100% - 107px); height:30px; margin-top:15px; text-align:right; font-size:15px; font-weight:400; color:#070707; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .total_amount {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .total_amount dt {display:inline-block; vertical-align:middle; float:left; width:50%; height:25px; text-align:left; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_purchase_btn .bottom_sheet .item_option_select .total_amount dd {display:inline-block; vertical-align:middle; float:right; width:50%; height:25px; text-align:right; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_info {display:inline-block; vertical-align:middle; width:calc(100% + 40px); margin-left:-20px; background-color:#F6F6F6;}
#contents .cs_shop .css_view_info .cssv_photo {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; float:left; width:100%; background-color:#ffffff;}
#contents .cs_shop .css_view_info .cssv_photo .owl_counter {display:inline-block; vertical-align:middle; position:absolute; left:50%; bottom:20px; width:auto; height:20px; margin-left:-25px; padding:0 15px; border-radius:20px; background-color:rgba(7,7,7,0.6); font-size:12px; font-weight:700; color:#ffffff; line-height:22px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_shop .css_view_info .cssv_info {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:100%; padding:10px 20px; background-color:#ffffff;}
#contents .cs_shop .css_view_info .cssv_info .cssvi_btn_wrap {display:flex; vertical-align:middle; width:100%; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
#contents .cs_shop .css_view_info .cssv_info .brand {display:inline-block; vertical-align:middle; height:25px; font-size:12px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_info .cssv_info .name {display:inline-block; vertical-align:middle; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_info .cssv_info .price_before {display:inline-block; vertical-align:middle; width:100%; height:25px; font-size:18px; font-weight:700; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_info .cssv_info .price {display:inline-block; vertical-align:middle; height:25px; font-size:18px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_info .cssv_info .rate {display:inline-block; vertical-align:middle; height:25px; font-size:18px; font-weight:700; color:#E6002E; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_info .cssv_info .cssvi_btn_wrap ul {display:inline-block; vertical-align:middle;}
#contents .cs_shop .css_view_info .cssv_info .cssvi_btn_wrap ul li {display:inline-block; vertical-align:middle; float:left; width:24px; height:24px;}
#contents .cs_shop .css_view_info .cssv_info .cssvi_btn_wrap ul li button {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#contents .cs_shop .css_view_info .cssv_info .cssvi_btn_wrap ul li button i {display:inline-block; vertical-align:middle; width:100%; height:100%; background-image:url("../m/images/shop/icon_view.svg"); background-repeat:no-repeat; background-size:300%; opacity:0.2;}
#contents .cs_shop .css_view_info .cssv_info .cssvi_btn_wrap ul .btn_wish i {background-position:0;}
#contents .cs_shop .css_view_info .cssv_info .cssvi_btn_wrap ul .btn_wish.on i {opacity:1; filter:invert(18%) sepia(88%) saturate(7374%) hue-rotate(341deg) brightness(86%) contrast(113%);}
#contents .cs_shop .css_view_info .cssv_info .cssvi_btn_wrap ul .btn_share i {background-position:50%;}
#contents .cs_shop .css_view_info .cssv_delivery {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:100%; margin-bottom:15px; padding:20px 20px; background-color:#ffffff; border-top:#f6f6f6 solid 1px;}
#contents .cs_shop .css_view_info .cssv_delivery .cssvd_icon {display:flex; vertical-align:middle; float:left; width:80px; height:80px; border-radius:40px; background-color:#F6F6F6; flex-direction:column; flex-wrap:nowrap; align-items:center; justify-content:center;}
#contents .cs_shop .css_view_info .cssv_delivery .cssvd_icon i {display:inline-block; vertical-align:middle; width:24px; height:24px; background-image:url("../m/images/shop/icon_view.svg"); background-repeat:no-repeat; background-size:300%; background-position:100%;}
#contents .cs_shop .css_view_info .cssv_delivery .cssvd_icon p {display:inline-block; vertical-align:middle; width:auto; height:25px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_info .cssv_delivery .cssvd_txt {display:inline-block; vertical-align:middle; float:left; width:calc(100% - 100px); margin-left:20px;}
#contents .cs_shop .css_view_info .cssv_delivery .cssvd_txt p {display:inline-block; vertical-align:middle; width:100%; padding:2px 0;}
#contents .cs_shop .css_view_info .cssv_delivery .cssvd_txt p span {display:inline-block; vertical-align:middle; float:left; width:100%; height:25px; font-size:13px; font-weight:400; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content {display:inline-block; vertical-align:middle; width:calc(100% + 40px); margin-left:-20px;}
#contents .cs_shop .css_view_content .cssv_tab {display:inline-block; vertical-align:middle; width:100%; background-color:#ffffff; border-bottom:#f6f6f6 solid 1px;}
#contents .cs_shop .css_view_content .cssv_tab li {display:inline-block; vertical-align:middle; position:relative; float:left; width:25%; height:25px; padding:10px 0; background-color:#ffffff; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center; cursor:pointer;}
#contents .cs_shop .css_view_content .cssv_tab li.on:before {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:-1px; left:0; right:0; height:2px; background-color:#001958;}
#contents .cs_shop .css_view_content .cssv_tab li.on p {color:#001958;}
#contents .cs_shop .css_view_content .tab_box {display:none; vertical-align:middle; width:100%;}
#contents .cs_shop .css_view_content .tab_box.open {display:inline-block;}
#contents .cs_shop .css_view_content .tab_box .tab_inner {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_detail {margin-top:30px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_detail a {display:inline-block; vertical-align:middle; width:100%; float:left; width:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_detail img {display:inline-block; vertical-align:middle; width:100%; float:left; width:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_detail i {display:inline-block; vertical-align:middle; overflow:hidden; position:absolute; bottom:12px; right:32px; width:50px; height:50px; border-radius:25px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_detail i:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#D8D8D8; opacity:0.5;}
#contents .cs_shop .css_view_content .tab_box .cssvc_detail i:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:9px; left:9px; width:32px; height:32px; background-image:url("../m/images/shop/icon_modal.svg"); background-repeat:no-repeat; background-size:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review {box-sizing:border-box; margin-top:45px; padding:0 20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title {display:flex; vertical-align:middle; width:100%; padding-bottom:38px; border-bottom:#F6F6F6 solid 1px; flex-direction:column; align-items:center; flex-wrap:nowrap;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title strong {display:inline-block; vertical-align:middle; width:100%; height:30px; font-size:20px; font-weight:400; color:#070707; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title div {display:flex; vertical-align:middle; width:100%; margin-top:10px; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title i {display:inline-block; vertical-align:middle; width:160px; height:28px; margin-right:20px; background-image:url("../m/images/shop/icon_review.svg"); background-repeat:no-repeat; background-size:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title i.star1 {background-position:0 0;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title i.star2 {background-position:0 25%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title i.star3 {background-position:0 50%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title i.star4 {background-position:0 75%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title i.star5 {background-position:0 100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title p {display:inline-block; vertical-align:middle;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title span {display:inline-block; vertical-align:middle; float:left;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_title b {display:inline-block; vertical-align:middle; float:left;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review {display:inline-block; vertical-align:middle; width:100%; padding-top:20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review + .user_review {border-top:#F6F6F6 solid 1px; margin-top:10px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating i {display:inline-block; vertical-align:middle; float:left; width:85px; height:14px; margin:4px 10px 7px 0; background-image:url("../m/images/shop/icon_review.svg"); background-repeat:no-repeat; background-size:85px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating i.star1 {background-position:0 0;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating i.star2 {background-position:0 25%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating i.star3 {background-position:0 50%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating i.star4 {background-position:0 75%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating i.star5 {background-position:0 100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating p {display:inline-block; vertical-align:middle; height:25px; font-size:12px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating .user_id {float:left; color:#808080;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating .date {float:right;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .ques_content {display:inline-block; vertical-align:middle; font-size:13px; font-weight:400; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating span {display:inline-block; vertical-align:middle; float:left;}
#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .user_review .review_rating b {display:inline-block; vertical-align:middle; float:left;}


#contents .cs_shop .css_view_content .tab_box .cssvc_review .review_content .no_review {display:inline-block; vertical-align:middle; width:100%; height:25px; margin-top:34px; color:#808080; text-align:center; font-size:13px; font-weight:400; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry {box-sizing:border-box; margin-top:40px; padding:0 20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_btn {margin-bottom:20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup {display:inline-block; vertical-align:middle; overflow:hidden; position:fixed; top:0; bottom:0; left:0; right:0; z-index:101; background-color:rgba(0,0,0,0.9);}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup.close {display:none;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_wrap {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; top:50%; left:20px; right:20px; padding:20px 15px; background-color:#ffffff; transform:translateY(-50%);}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_head {display:inline-block; vertical-align:middle; float:left; width:100%; padding-bottom:7px; border-bottom:#001958 solid 1px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_head p {display:inline-block; vertical-align:middle; float:left; height:25px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_head button {display:inline-block; vertical-align:middle; position:relative; float:right; width:24px; height:24px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_head button:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#070707; transform:rotate(45deg);}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_head button:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background-color:#070707; transform:rotate(-45deg);}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content {display:inline-block; vertical-align:middle; overflow:auto; width:100%; max-height:380px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content dl {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:0 10px; border-bottom:#D8D8D8 solid 1px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content dl dt {display:inline-block; vertical-align:middle; float:left; width:100px; height:30px; padding:7px 0; font-size:13px; font-weight:400; color:#808080; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content dl dd {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(100% - 100px); padding:7px 0; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type dd {line-height:25px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li {display:inline-block; vertical-align:middle; float:left; width:50%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li input {display:none;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li label {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; float:left; width:100%; padding-left:17px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer; pointer-events:none;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li label span {padding:0; pointer-events:auto;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li label:before {content:''; display:inline-block; vertical-align:middle; position:absolute; left:0; top:7px; box-sizing:border-box; width:12px; height:12px; border:#D8D8D8 solid 1px; border-radius:50%; background-color:#ffffff; pointer-events:auto;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li label:after {content:''; display:none; vertical-align:middle; position:absolute; left:3px; top:10px; width:6px; height:6px; border-radius:5px; background:linear-gradient(to bottom right, #E6002E, #001958);}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li label i {pointer-events:auto;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li input:checked + label span {color:#070707; font-weight:600;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li input:checked + label:before {border:1px solid transparent; border-radius:25px; background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom right ,#E6002E, #001958); border-image-slice:1; background-origin:border-box; background-clip:padding-box, border-box;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li input:checked + label:after {display:inline-block;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_type ul li input:checked + label b {display:inline-block;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_title {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_title input::placeholder {color:#070707;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_content {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_content textarea {padding-top:10px; padding-bottom:10px; word-wrap:break-word !important;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_content textarea::placeholder {color:#070707;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_warn {display:inline-block; vertical-align:middle; width:100%; padding-bottom:20px; margin-top:5px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_content .cssvcipc_warn span {display:inline-block; vertical-align:middle; width:100%; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_secret {display:inline-block; vertical-align:middle; width:100%; padding-top:10px; border-top:#d8d8d8 solid 1px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_secret label {float:left;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_secret i {float:left; height:25px; margin-right:5px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_secret p {float:left; box-sizing:border-box; height:25px; padding-left:35px; font-size:12px; font-weight:400; color:#080808; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_btn {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .cssvci_popup .cssvcip_btn button {float:left;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_info {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_info > div {display:inline-block; vertical-align:middle; float:left; width:auto;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_info > div .ans_state {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:65px; height:25px; margin:0; margin-right:5px; padding:0; border-radius:25px; font-size:12px; font-weight:400; color:#ffffff; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_info > div .ans_state span {display:inline-block; vertical-align:middle;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_info > div .ans_state.t1 {background-color:#001958;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_info > div .ans_state.t2 {background-color:#E6002E;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_info > div .ques_name {display:inline-block; vertical-align:middle; float:right; width:auto; height:25px; font-size:13px; font-weight:400; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content.drop .ques .ques_info .drop_arrow {display:inline-block; vertical-align:middle; float:right; width:24px; height:24px; background-image:url("../m/images/shop/icon_drop.svg"); background-repeat:no-repeat; background-size:100%; transform:rotate(0deg); transition:all 0.3s;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_detail {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_detail .type {display:inline-block; vertical-align:middle; float:left; width:auto; height:25px; font-size:13px; font-weight:400; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_detail .type span {display:inline-block; vertical-align:middle;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_detail .date {display:inline-block; vertical-align:middle; float:right; width:auto; height:25px; font-size:13px; font-weight:400; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ques .ques_content {display:inline-block; vertical-align:middle; width:100%; margin-top:10px; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content.open .ques .ques_info .drop_arrow{transform:rotate(180deg);}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ans {display:none; vertical-align:middle; box-sizing:border-box; width:100%; background-color:#F6F6F6; padding:15px 20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ans .ans_icon {display:inline-block; vertical-align:middle;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ans .ans_icon i {display:inline-block; vertical-align:middle; width:20px; height:20px; margin:2px 0 3px; background-image:url("../m/images/shop/icon_reply.svg"); background-repeat:no-repeat; background-size:100%;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ans .ans_icon span {display:inline-block; vertical-align:middle; margin-left:5px; font-size:12px; font-weight:400; color:#001958; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content .ans .ans_content {display:inline-block; vertical-align:middle; margin-top:5px; font-size:13px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_inquiry .inquiry_content.open .ans {display:inline-block; margin-top:16px; border-top:#D9D9D9 solid 1px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return {box-sizing:border-box; margin-top:40px; padding:0 20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return > div {display:none; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return > div:first-child {margin-top:0;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return > div.on {display:inline-block;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return strong {display:inline-block; vertical-align:middle; width:100%; padding-bottom:7px; border-bottom:#001958 solid 1px; font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return dl {display:flex; vertical-align:middle; box-sizing:border-box; width:100%; flex-direction:row; flex-wrap:wrap;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return dt {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:100px; padding:10px 10px 10px 10px; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return dd {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(100% - 100px); padding:10px 10px 10px 0; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return .product_sale_info dt {width:100%; padding-bottom:2px; border-bottom:0;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return .product_sale_info dd {width:100%; padding-top:2px; padding-left:10px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return .product_warn_info ul {margin-top:10px;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return .product_warn_info li {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; padding-left:15px; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return .product_warn_info li:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:10px; left:6px; width:3px; height:1px; background-color:#707070;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return .product_warn_info li:last-child {text-decoration:underline; text-underline-position:under; color:#E6002E;}
#contents .cs_shop .css_view_content .tab_box .cssvc_return .btn_more {margin-top:20px;}

/* cart */
#contents .cs_cart .csc_content {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_cart .csc_content ul {display:inline-block; vertical-align:middle; width:calc(100% + 40px); margin-left:-20px; background-color:#F6F6F6;}
#contents .cs_cart .csc_content li {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:0 20px 20px; background-color:#ffffff;}
#contents .cs_cart .csc_content li + li {margin-top:20px; padding-top:20px;}
#contents .cs_cart .csc_content li > .chk_box {margin-bottom:15px;}
#contents .cs_cart .csc_content li .btn_purchase {margin-top:20px;}
#contents .cs_cart .csc_content .csc_product {display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; justify-content:center;}
#contents .cs_cart .csc_content .csc_product + .csc_product {margin-top:15px;}
#contents .cs_cart .csc_content .csc_pic {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; float:left; width:calc(50% - 10px);}
#contents .cs_cart .csc_content .csc_pic .chk_box {display:inline-block; vertical-align:middle; position:absolute; top:10px; left:10px;}
#contents .cs_cart .csc_content .csc_pic img {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_cart .csc_content .csc_info {display:inline-block; vertical-align:middle; float:left; width:calc(50% - 10px); margin-left:20px;}
#contents .cs_cart .csc_content .csc_info .goods_qty {display:inline-block; vertical-align:middle; position:relative; width:107px; margin-top:10px;}
#contents .cs_cart .csc_content .csc_info .goods_qty input {display:inline-block; vertical-align:middle; width:65px; height:30px; margin:0 21px; padding:0 !important; border:0 !important; background-color:transparent !important; font-size:15px; font-weight:400; color:#070707; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_cart .csc_content .csc_info .goods_qty input:focus {outline:none !important;}
#contents .cs_cart .csc_content .csc_info .goods_qty div {display:inline-block; vertical-align:middle; position:absolute; top:0; left:0; right:0; pointer-events:none;}
#contents .cs_cart .csc_content .csc_info .goods_qty div button {display:inline-block; vertical-align:middle; position:relative; width:21px; height:21px; margin-top:5px; padding:0; border-radius:4px; border:#D8D8D8 solid 1px; pointer-events:auto;}
#contents .cs_cart .csc_content .csc_info .goods_qty div button.down {float:left;}
#contents .cs_cart .csc_content .csc_info .goods_qty div button.up {float:right;}
#contents .cs_cart .csc_content .csc_info .goods_qty div button:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:9px; left:4px; width:11px; height:1px; background-color:#070707;}
#contents .cs_cart .csc_content .csc_info .goods_qty div button:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:4px; left:9px; width:1px; height:11px; background-color:#070707;}
#contents .cs_cart .csc_content .csc_info .goods_qty div button.down:after {display:none;}
#contents .cs_cart .csc_content .csc_amount {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:100%; margin-top:15px; padding:20px 15px; background-color:#F6F6F6;}
#contents .cs_cart .csc_content .csc_amount dl {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_cart .csc_content .csc_amount dt {display:inline-block; vertical-align:middle; float:left; width:50%; margin-top:3px; font-size:13px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:left;}
#contents .cs_cart .csc_content .csc_amount dd {display:inline-block; vertical-align:middle; float:left; width:50%; margin-top:3px; font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:right;}
#contents .cs_cart .csc_content .csc_amount dt:nth-child(1),
#contents .cs_cart .csc_content .csc_amount dd:nth-child(2) {margin-top:0;}
#contents .cs_cart .csc_content .csi_btn {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}

/* 주문내역 */
#contents .cs_order .cso_content > ul {display:inline-block; vertical-align:middle; width:calc(100% + 40px); margin-left:-20px; background-color:#F6F6F6;}
#contents .cs_order .cso_content > ul > li {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:0 20px 20px; background-color:#ffffff;}
#contents .cs_order .cso_content > ul > li + li {margin-top:20px; padding-top:20px;}
#contents .cs_order .cso_content > ul > li .cso_product {display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; justify-content:center;}
#contents .cs_order .cso_content > ul > li .cso_product + .cso_product {margin-top:10px;}
#contents .cs_order .cso_content > ul > li .cso_pic {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; float:left; width:calc(50% - 10px);}
#contents .cs_order .cso_content > ul > li .cso_pic .chk_box {display:inline-block; vertical-align:middle; position:absolute; top:10px; left:10px;}
#contents .cs_order .cso_content > ul > li .cso_pic img {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_order .cso_content > ul > li .cso_info {display:inline-block; vertical-align:middle; float:left; width:calc(50% - 10px); margin-left:20px;}
#contents .cs_order .cso_content > ul > li div strong {display:inline-block; vertical-align:middle; width:100%; padding-bottom:7px; border-bottom:#001958 solid 1px; font-size:15px; font-weight:700; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_order .cso_content > ul > li div form .cso_row {display:inline-block; vertical-align:middle; width:100%; margin-top:15px;}
#contents .cs_order .cso_content > ul > li div form .cso_row label {display:inline-block; vertical-align:middle; float:left; width:100%; font-size:13px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_order .cso_content > ul > li div form .cso_row input::placeholder {color:#070707 !important;}
#contents .cs_order .cso_content > ul > li div form .cso_row input#address {float:left; width:calc(100% - 40px); border-radius:4px 0 0 4px;}
#contents .cs_order .cso_content > ul > li div form .cso_row input + button {float:left; width:40px; height:40px; border-radius:0 4px 4px 0; background-color:#001958;}
#contents .cs_order .cso_content > ul > li div form .cso_row input + button i {display:inline-block; vertical-align:middle; float:left; width:18px; height:18px; margin:11px; background-image:url("../m/images/common/icon_header.svg"); background-repeat:no-repeat; background-size:300%; background-position:0; filter:invert(100%) sepia(91%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);}
#contents .cs_order .cso_content > ul > li div .chk_box {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_order .cso_content > ul > li .deliver_info {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_order .cso_content > ul > li .order_info {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_order .cso_content > ul > li .order_info .check_order {margin-top:15px;}
#contents .cs_order .cso_content > ul > li .coupon_info {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_order .cso_content > ul > li .coupon_info strong {padding:0; border:0;}
#contents .cs_order .cso_content > ul > li .coupon_info .coupon {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; margin-top:10px; padding:15px 20px; background-color:#F6F6F6; text-align:center;}
#contents .cs_order .cso_content > ul > li .coupon_info .coupon p {font-size:13px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_order .cso_content > ul > li .coupon_info .coupon .coupon_delete {display:inline-block; vertical-align:middle; position:absolute; top:17px; right:20px; width:20px; height:21px; border:#D8D8D8 solid 1px; background-color:#ffffff;}
#contents .cs_order .cso_content > ul > li .coupon_info .coupon .coupon_delete:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:10px; height:1px; margin-top:-1px; margin-left:-5px; background-color:#070707; transform:rotate(45deg);}
#contents .cs_order .cso_content > ul > li .coupon_info .coupon .coupon_delete:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:10px; height:1px; margin-top:-1px; margin-left:-5px; background-color:#070707; transform:rotate(-45deg);}
#contents .cs_order .cso_content > ul > li .coupon_info .coupon.avail {text-align:left;}
#contents .cs_order .cso_content > ul > li .coupon_info .coupon.avail p {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; margin-bottom:3px; padding-left:9px;}
#contents .cs_order .cso_content > ul > li .coupon_info .coupon.avail p:last-child {margin-bottom:0;}
#contents .cs_order .cso_content > ul > li .coupon_info .coupon.avail p:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:12px; left:1px; width:4px; height:1px; background-color:#070707;}
#contents .cs_order .cso_content > ul > li .coupon_info .btn_more {margin-top:10px;}
#contents .cs_order .cso_content > ul > li .point_info {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_order .cso_content > ul > li dl {display:flex; vertical-align:middle; padding:0; flex-direction:row; flex-wrap:wrap;}
#contents .cs_order .cso_content > ul > li dl dt {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:100px; padding:10px 10px 10px 10px; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_order .cso_content > ul > li dl dd {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(100% - 100px); padding:10px 10px 10px 0; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_order .cso_content > ul > li .point_info dl dd:last-child {padding-bottom:0;}
#contents .cs_order .cso_content > ul > li .point_info dl dt:nth-last-child(2) {border-bottom:0;}
#contents .cs_order .cso_content > ul > li .point_info dl dd:nth-last-child(1) {border-bottom:0;}
#contents .cs_order .cso_content > ul > li dl .final_amount + dd {font-size:15px; font-weight:700; color:#001958;}
#contents .cs_order .cso_content > ul > li div .check_useall {margin-top:10px; padding-bottom:0;}
#contents .cs_order .cso_content .make_payment {margin-top:20px;}
#contents .cs_order .cso_content .make_payment li {display:inline-block; vertical-align:middle; margin-right:10px;}
#contents .cs_order .cso_content .make_payment li input {display:none;}
#contents .cs_order .cso_content .make_payment li label {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; float:left; width:auto; padding-left:26px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer; pointer-events:none;}
#contents .cs_order .cso_content .make_payment li label span {padding:0; pointer-events:auto;}
#contents .cs_order .cso_content .make_payment li label:before {content:''; display:inline-block; vertical-align:middle; position:absolute; left:0; top:7px; box-sizing:border-box; width:16px; height:16px; border:#D8D8D8 solid 1px; border-radius:50%; background-color:#ffffff; pointer-events:auto;}
#contents .cs_order .cso_content .make_payment li label:after {content:''; display:none; vertical-align:middle; position:absolute; left:4px; top:11px; width:8px; height:8px; border-radius:5px; background:linear-gradient(to bottom right, #E6002E, #001958);}
#contents .cs_order .cso_content .make_payment li label i {pointer-events:auto;}
#contents .cs_order .cso_content .make_payment li input:checked + label span {font-weight:600;}
#contents .cs_order .cso_content .make_payment li input:checked + label:before {border:1px solid transparent; border-radius:25px; background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom right ,#E6002E, #001958); border-image-slice:1; background-origin:border-box; background-clip:padding-box, border-box;}
#contents .cs_order .cso_content .make_payment li input:checked + label:after {display:inline-block;}
#contents .cs_order .cso_content .make_payment li input:checked + label b {display:inline-block;}
#contents .cs_order .cso_content .make_payment .check_payment {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin:0; padding:15px 10px;}
#contents .cs_order .cso_content .make_payment .check_payment .notice {display:inline-block; vertical-align:middle; width:100%; margin-top:10px; font-size:12px; font-weight:400; color:#808080; line-height:22px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_order .cso_content .make_payment .payment_info .accordion {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; height:45px; padding:10px 15px; border-bottom:#F6F6F6 solid 1px; border-left:#F6F6F6 solid 1px; border-right:#F6F6F6 solid 1px; background-color:#ffffff; text-align:left; outline:none; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer;}
#contents .cs_order .cso_content .make_payment .payment_info .accordion:first-child {border-top:#F6F6F6 solid 1px;}
#contents .cs_order .cso_content .make_payment .payment_info .accordion:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:15px; right:15px; width:12px; height:12px; background-image:url("../m/images/common/icon_drop02.svg"); background-repeat:no-repeat; background-size:100%; transform:rotate(0deg); transition:all 0.3s;}
#contents .cs_order .cso_content .make_payment .payment_info .accordion.on:before {transform:rotate(180deg);}
#contents .cs_order .cso_content .make_payment .payment_info .panel {display:none; vertical-align:middle; box-sizing:border-box; overflow:auto; width:100%; max-height:190px; padding:15px; background-color:#F6F6F6; font-size:12px; font-weight:400; color:#070707; line-height:20px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_order .cso_content .make_payment .payment_info .accordion.on + .panel {display:inline-block;}

/* search */
#contents .cs_shop .search_area {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:20px; padding:20px; background-color:#F6F6F6;}
#contents .cs_shop .search_area form {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:20px; padding:0 8px 10px; border-bottom:#070707 solid 1px;}
#contents .cs_shop .search_area .form_field {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_shop .search_area .form_field input {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(100% - 24px); height:24px; padding:0; padding-right:10px; border:0; background-color:transparent; font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shop .search_area .form_field input::placeholder {color:#070707;}
#contents .cs_shop .search_area .form_field input:focus {outline:none;}
#contents .cs_shop .search_area .form_field button {display:inline-block; vertical-align:middle; float:left; width:24px; height:24px; padding:2px;}
#contents .cs_shop .search_area .form_field button i {display:inline-block; vertical-align:middle; float:left; width:20px; height:20px; background-image:url("../m/images/common/icon_header.svg"); background-repeat:no-repeat; background-size:300%; background-position:0;}
#contents .cs_shop .search_area .css_txt {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
#contents .cs_shop .search_area .css_txt > span {display:inline-block; vertical-align:middle; width:100%; font-size:20px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_shop .search_area .css_txt > span span {color:#001958; font-weight:700;}

/* ticket */
#contents .cs_ticket {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_ticket .cs_hero {display:inline-block; vertical-align:middle; width:calc(100% + 40px); margin-left:-20px;}
#contents .cs_ticket .cs_hero img {float:left; width:100%;}
#contents .cs_ticket .cst_tab {display:inline-block; vertical-align:middle; width:calc(100% + 40px); margin-left:-20px; background-color:#ffffff; border-bottom:#f6f6f6 solid 1px;}
#contents .cs_ticket .cst_tab li {display:inline-block; vertical-align:middle; position:relative; float:left; width:25%; height:25px; padding:10px 0; background-color:#ffffff; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center; cursor:pointer;}
#contents .cs_ticket .cst_tab li.on:before {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:-1px; left:0; right:0; height:2px; background-color:#001958;}
#contents .cs_ticket .cst_tab li.on p {color:#001958; font-weight:600;}
#contents .cs_ticket .cst_content .tab_box {display:none; vertical-align:middle; width:100%;}
#contents .cs_ticket .cst_content .tab_box.open {display:inline-block;}
#contents .cs_ticket .cst_content .tab_box .tab_inner {display:inline-block; vertical-align:middle; width:100%; margin-top:45px;}
#contents .cs_ticket .cst_content .tab_box .cstc_pic {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .cs_ticket .cst_content .tab_box .cstc_pic:first-child {margin-top:0;}
#contents .cs_ticket .cst_content .tab_box img {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; float:left; width:100%; border:#D9D9D9 solid 1px;}
#contents .cs_ticket .cst_content .cst_match {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:20px; box-shadow:0 0 40px 0 rgba(0, 25, 88, .08);}
#contents .cs_ticket .cst_content .cst_match .acstm_top {display:flex; vertical-align:middle; width:100%; padding-bottom:15px; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; border-bottom:#D8D8D8 solid 1px;}
#contents .cs_ticket .cst_content .cst_match .acstm_top p {display:inline-block; vertical-align:middle; height:25px; font-size:12px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_ticket .cst_content .cst_match .acstm_top p:nth-child(2) {font-weight:700;}
#contents .cs_ticket .cst_content .cst_match .acstm_bottom {display:flex; vertical-align:middle; width:100%; margin-top:40px; flex-direction:column; flex-wrap:nowrap; align-items:center; justify-content:space-between;}
#contents .cs_ticket .cst_content .cst_match .acstm_bottom .acstm_flag {display:flex; vertical-align:middle; width:100%; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between;}
#contents .cs_ticket .cst_content .cst_match .acstm_bottom .acstm_flag .cstmf_pic {width:100%; max-width:120px;}
#contents .cs_ticket .cst_content .cst_match .acstm_bottom .acstm_flag .cstmf_verse {display:inline-block; vertical-align:middle; width:110px; height:25px; font-size:13px; font-weight:700; color:#070707; line-height:27px; text-align:center;}
#contents .cs_ticket .cst_content .cst_match .acstm_bottom .acstm_nation {display:flex; vertical-align:middle; width:100%; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between;}
#contents .cs_ticket .cst_content .cst_match .acstm_bottom .acstm_nation p {display:inline-block; vertical-align:middle; width:100%; max-width:120px; height:25px; margin-top:5px; font-size:13px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_ticket .cst_content .cst_match .acstm_bottom .acstm_nation .cstmf_btw {display:inline-block; vertical-align:middle; width:110px;}
#contents .cs_ticket .cst_content .cst_match a {margin-top:20px;}

/* 이벤트 */
#contents .cs_event {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_event .cse_container {display:flex; vertical-align:middle; flex-direction:column;}
#contents .cs_event .cse_content li + li {margin-top:20px;}
#contents .cs_event .cse_content .csec_pic {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .cs_event .cse_content .csec_pic img {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_event .cse_content .csec_pic strong {display:inline-block; vertical-align:middle; position:absolute; bottom:-20px; left:50%; z-index:1; width:120px; height:40px; font-size:15px; font-weight:700; color:#ffffff; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; line-height:40px !important; margin-left:-60px; text-align:center;}
#contents .cs_event .cse_content .csec_pic strong:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:0; left:0; z-index:-1; width:120px; height:40px; background-image:url("../m/images/event/bg_event_title.svg"); background-repeat:no-repeat; background-position:center; background-size:100%; filter:invert(10%) sepia(51%) saturate(6147%) hue-rotate(218deg) brightness(70%) contrast(108%);}
#contents .cs_event #end.cse_content .csec_pic strong:before {filter:invert(14%) sepia(80%) saturate(7229%) hue-rotate(342deg) brightness(87%) contrast(109%);}
#contents .cs_event .cse_content .csec_info {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:50px 20px 20px; border-bottom:#070707 solid 1px; border-left:#070707 solid 1px; border-right:#070707 solid 1px;}
#contents .cs_event .cse_content .csec_info .cseci_category {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:auto; height:25px; margin:0; padding:0 15px; border-radius:25px;}
#contents .cs_event .cse_content .csec_info .cseci_category.bgcm {background-color:#22A6B3 !important;}
#contents .cs_event .cse_content .csec_info .cseci_category span {font-size:12px; font-weight:400; color:#ffffff; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_event .cse_content .csec_info .cseci_title {display:inline-block; vertical-align:middle; float:left; width:100%; margin-top:5px; font-size:18px; font-weight:700; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_event .cse_content .csec_info .cseci_date {display:inline-block; vertical-align:middle; float:left; width:100%; margin-top:5px; font-size:15px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_event .board_view .bv_head {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_event .board_view .bv_head .bvh_subject {display:inline-block; vertical-align:middle; width:100%; font-size:18px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_event .board_view .bv_head .bvh_subject span {color:#22A6B3;}
#contents .cs_event .board_view .bv_head .bvh_info {display:inline-block; vertical-align:middle; width:100%; margin-top:15px; border-top:#001958 solid 1px;}
#contents .cs_event .board_view .bv_head .bvh_info p {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:10px 10px; border-bottom:#F6F6F6 solid 1px;}
#contents .cs_event .board_view .bv_head .bvh_info p span {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100px; padding-right:10px; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_event .board_view .bv_body {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_event .board_view .bv_body .bvb__wrap {display:inline-block; vertical-align:middle; width:100%; padding:20px 0;}
#contents .cs_event .board_view .bv_body img {float:left; width:100%;}
#contents .cs_event .board_view .bv_body img + img {margin-top:10px;}

/* 공지사항 */
#contents .cs_notice {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_notice .board_list {display:inline-block; vertical-align:middle; width:100%; border-top:#001958 solid 1px;}
#contents .cs_notice .board_list li {display:inline-block; vertical-align:middle; width:100%; padding:10px 0; border-bottom:#F6F6F6 solid 1px;}
#contents .cs_notice .board_list .bl_no {display:inline-block; vertical-align:middle; width:100%; height:25px; font-size:13px; font-weight:700; color:#001958; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_notice .board_list .bl_notice {display:none; vertical-align:middle; width:100%;}
#contents .cs_notice .board_list .notice .bl_notice {display:inline-block;}
#contents .cs_notice .board_list .notice .bl_no {display:none;}
#contents .cs_notice .board_list .bl_notice p {display:inline-block; vertical-align:middle; float:left; width:auto; height:25px; margin:2px 0; padding:0 18px; border-radius:25px; background-color:#C8D2FF !important; font-size:12px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_notice .board_list .bl_notice i {display:inline-block; vertical-align:middle; float:right; width:16px; height:16px; margin:4px; background-image:url("../m/images/board/icon_notice.svg"); background-repeat:no-repeat; background-position:center; background-size:100%;}
#contents .cs_notice .board_list .bl_subject {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .cs_notice .board_list .bl_subject a {display:-webkit-box; vertical-align:middle; overflow:hidden; width:100%; font-size:15px; font-weight:700; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#contents .cs_notice .board_list .bl_info {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .cs_notice .board_list .bl_hit {display:inline-block; vertical-align:middle; float:left; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_notice .board_list .bl_date {display:inline-block; vertical-align:middle; float:right; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_notice .board_view .bv_head {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_notice .board_view .bv_head .bvh_subject {display:inline-block; vertical-align:middle; width:100%; font-size:18px; font-weight:700; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_notice .board_view .bv_head .bvh_subject span {color:#001958;}
#contents .cs_notice .board_view .bv_head .bvh_info {display:inline-block; vertical-align:middle; width:100%; margin-top:15px; border-top:#001958 solid 1px;}
#contents .cs_notice .board_view .bv_head .bvh_info p {display:inline-block; vertical-align:middle; width:100%; padding:10px 0; border-bottom:#F6F6F6 solid 1px; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_notice .board_view .bv_head .bvh_info p span {display:inline-block; vertical-align:middle; width:100px; margin-left:10px; color:#808080;}
#contents .cs_notice .board_view .bv_body {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_notice .board_view .bv_body .bvb__wrap {display:inline-block; vertical-align:middle; width:100%; padding:20px 0;}
#contents .cs_notice .board_view .bv_body img {float:left; width:100%;}
#contents .cs_notice .board_view .bv_foot {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_notice .board_view .bv_foot .bvf_nav {display:inline-block; vertical-align:middle; width:100%; margin-bottom:20px; border-top:#001958 solid 1px;}
#contents .cs_notice .board_view .bv_foot .bvf_nav li {display:inline-block; vertical-align:middle; width:100%; border-bottom:#F6F6F6 solid 1px;}
#contents .cs_notice .board_view .bv_foot .bvf_nav li span {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:100px; height:50px; padding:10px; background-color:#F6F6F6; font-size:13px; font-weight:400; color:#070707; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_notice .board_view .bv_foot .bvf_nav li span i {display:inline-block; vertical-align:middle; position:relative; float:left; width:12px; height:30px; margin-right:10px;}
#contents .cs_notice .board_view .bv_foot .bvf_nav li span i:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:5px; height:1px; margin-top:-1px; margin-left:-4px; background-color:#070707; transform:rotate(-45deg);}
#contents .cs_notice .board_view .bv_foot .bvf_nav li span i:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:5px; height:1px; margin-top:-1px; margin-left:-1px; background-color:#070707; transform:rotate(45deg);}
#contents .cs_notice .board_view .bv_foot .bvf_nav li.btn_next span i:before {transform:rotate(45deg);}
#contents .cs_notice .board_view .bv_foot .bvf_nav li.btn_next span i:after {transform:rotate(-45deg);}
#contents .cs_notice .board_view .bv_foot .bvf_nav li a {display:inline-block; vertical-align:middle; overflow:hidden; box-sizing:border-box; float:left; width:calc(100% - 100px); height:50px; padding:10px; font-size:13px; font-weight:400; color:#070707; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-overflow:ellipsis; white-space:nowrap;}

/* 고객센터 */
#contents .cs_service {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_service .css_info p {display:inline-block; vertical-align:middle; text-align:center;}
#contents .cs_service .css_info {display:inline-block; vertical-align:middle; box-sizing:border-box; width:calc(100% + 40px); margin-left:-20px; padding:20px; background-color:#001958;}
#contents .cs_service .css_info .cssi_title {display:inline-block; vertical-align:middle; width:100%; height:30px; text-align:center; font-size:18px; font-weight:400; color:#ffffff; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_service .css_info .cssi_number {display:inline-block; vertical-align:middle; width:100%; position:relative; padding-bottom:13px;}
#contents .cs_service .css_info .cssi_number a {display:inline-block; vertical-align:middle; width:100%; height:35px; font-size:25px; font-weight:700; color:#ffffff; line-height:37px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_service .css_info .cssi_number:before {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:0; left:50%; width:30px; height:3px; margin-left:-15px; background-image:url("../m/images/common/icon_title_deco.svg"); background-repeat:no-repeat; background-position:center; background-size:100%;}
#contents .cs_service .css_info .cssi_time {margin-top:10px;}
#contents .cs_service .css_info .cssi_time span {display:inline-block; vertical-align:middle; float:left; width:100%; height:25px; font-size:15px; font-weight:400; color:#ffffff; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_service .css_search {display:inline-block; vertical-align:middle; box-sizing:border-box; width:calc(100% + 40px); margin-left:-20px; padding:20px; background-color:#F6F6F6;}
#contents .cs_service .css_search .csss_warn {margin-top:10px;}
#contents .cs_service .css_search .csss_form {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_service .css_search .csss_form form {display:inline-block; vertical-align:middle; overflow:hidden; width:100%; border-radius:4px 4px 4px 4px; border:#D8D8D8 solid 1px;}
#contents .cs_service .css_search .csss_form input {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(100% - 50px); height:48px; padding:0 10px; margin:0; border:0;}
#contents .cs_service .css_search .csss_form button {display:inline-block; vertical-align:middle; float:left; width:50px; height:48px; background-color:#D8D8D8;}
#contents .cs_service .css_search .csss_form button i {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 auto; background-image:url("../m/images/common/icon_header.svg"); background-repeat:no-repeat; background-size:300%; background-position:0;}
#contents .cs_service .css_search .csss_warn span {display:inline-block; vertical-align:middle; float:left; width:100%; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_service .css_content {margin-top:20px;}
#contents .cs_service .css_content > form {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .cs_service .css_content #service_category {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; height:50px; padding:0 15px; border:#D8D8D8 solid 1px; border-radius:4px; background-color:#ffffff; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#contents .cs_service .css_content #service_category + .select_arrow {display:inline-block; vertical-align:middle; position:absolute; width:24px; height:24px; top:13px; right:15px; background-image:url("../m/images/common/icon_select_arrow.svg"); background-repeat:no-repeat; background-size:100%; background-position:0; transition:0.3s all;}
#contents .cs_service .css_content #service_category:focus + .select_arrow {transform:rotate(180deg);}
#contents .cs_service .css_content .accordion {display:inline-block; vertical-align:middle; width:100%; overflow:hidden;}
#contents .cs_service .css_content .accordion-item {display:flex; vertical-align:middle; box-sizing:border-box; width:100%; background-color:#ffffff; border-bottom:#d8d8d8 solid 1px; cursor:pointer; padding:15px 0; flex-direction:column; flex-wrap:nowrap; align-items:flex-start;}
#contents .cs_service .css_content .accordion-item:last-child {border-bottom:none;}
#contents .cs_service .css_content .accordion-item .acc_category {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:auto; height:25px; margin:0; padding:0 18px; border-radius:25px; font-size:12px; font-weight:400; color:#ffffff; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_service .css_content .accordion-item .acc_category.bgcv {background-color:#5032F0 !important;}
#contents .cs_service .css_content .accordion-item .acc_category.bgcg {background-color:#00B4A0 !important;}
#contents .cs_service .css_content .accordion-item .acc_category.bgcp {background-color:#F0008C !important;}
#contents .cs_service .css_content .accordion-item .acc_category + p {display:inline-block; vertical-align:middle; margin-top:5px; font-size:15px; font-weight:700; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_service .css_content .accordion-item.on {font-weight:600 !important; text-decoration:underline; text-underline-position:under;}
#contents .cs_service .css_content .accordion-item.on .acc_category span {font-weight:400 !important; text-decoration:unset;}
#contents .cs_service .css_content .accordion-content {display:none; vertical-align:middle; box-sizing:border-box; width:100%; padding:20px 15px; background-color:#F6F6F6;}
#contents .cs_service .css_content .accordion-content.active {display:inline-block;}
#contents .cs_service .css_content .accordion-content span {display:inline-block; vertical-align:middle; width:100%; font-size:13px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}

/* terms / policy */
#contents .cs_terms {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_terms .cst_content {border-top:#001958 solid 1px;}
#contents .cs_terms .cst_content li {font-size:13px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_terms .cst_content li.cstc_title {margin-top:15px; margin-bottom:8px; font-weight:700;}
#contents .cs_terms .cst_content li.cstc_sub_title {margin-top:10px;}

/* 마이페이지 - 메인 */
#contents .cs_mypage .csm_menu {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_mypage .csm_menu ul {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_mypage .csm_menu li {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:10px; padding:20px 15px; background-color:#F6F6F6; text-align:center;}
#contents .cs_mypage .csm_menu li:first-child {margin-top:0;}
#contents .cs_mypage .csm_menu li strong {display:inline-block; vertical-align:middle; width:100%; height:25px; font-size:15px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_mypage .csm_menu li p {display:inline-block; vertical-align:middle; width:100%; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_mypage .csm_menu li p span {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_mypage .csm_menu li a {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100px; height:30px; margin-top:15px; border:#070707 solid 1px; border-radius:25px; font-size:12px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}

/* 마이페이지 - 포인트현황 */
#contents .cs_point .csp_content {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_point .csp_content .csp_box {margin-top:40px;}
#contents .cs_point .csp_content .csp_title {display:inline-block; vertical-align:middle; width:100%; height:25px; padding-bottom:10px; border-bottom:#001958 solid 1px; font-size:15px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_point .csp_content .point_state strong {display:inline-block; vertical-align:middle; width:100%; margin-bottom:7px;}
#contents .cs_point .csp_content .point_state dl {display:flex; vertical-align:middle; flex-direction:row; flex-wrap:wrap;}
#contents .cs_point .csp_content .point_state dl dt {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:50%; padding:10px; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:left;}
#contents .cs_point .csp_content .point_state dl dd {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:50%; padding:10px; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:right;}
#contents .cs_point .csp_content .point_category {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; background-color:#F6F6F6; margin-top:20px; padding:10px 20px;}
#contents .cs_point .csp_content .point_category li {display:inline-block; vertical-align:middle; float:left; width:auto; margin-left:20px;}
#contents .cs_point .csp_content .point_category li:first-child {margin-left:0;}
#contents .cs_point .csp_content .point_category li input {display:none;}
#contents .cs_point .csp_content .point_category li label {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; float:left; width:100%; padding-left:17px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer; pointer-events:none;}
#contents .cs_point .csp_content .point_category li label span {display:inline-block; vertical-align:middle; height:25px; padding:0; pointer-events:auto; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_point .csp_content .point_category li label:before {content:''; display:inline-block; vertical-align:middle; position:absolute; left:0; top:7px; box-sizing:border-box; width:12px; height:12px; border:#D8D8D8 solid 1px; border-radius:50%; background-color:#ffffff; pointer-events:auto;}
#contents .cs_point .csp_content .point_category li label:after {content:''; display:none; vertical-align:middle; position:absolute; left:3px; top:10px; width:6px; height:6px; border-radius:5px; background:linear-gradient(to bottom right, #E6002E, #001958);}
#contents .cs_point .csp_content .point_category li label i {pointer-events:auto;}
#contents .cs_point .csp_content .point_category li input:checked + label span {font-weight:600; color:#070707 !important;}
#contents .cs_point .csp_content .point_category li input:checked + label:before {border:1px solid transparent; border-radius:25px; background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom right ,#E6002E, #001958); border-image-slice:1; background-origin:border-box; background-clip:padding-box, border-box;}
#contents .cs_point .csp_content .point_category li input:checked + label:after {display:inline-block;}
#contents .cs_point .csp_content .point_category li input:checked + label b {display:inline-block;}
#contents .cs_point .csp_content .point_details {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_point .csp_content .point_details dl {display:none; vertical-align:middle; box-sizing:border-box; width:100%; padding:15px 20px; box-shadow:0 0 40px 0 rgba(0, 25, 88, .08); flex-direction:row; flex-wrap:wrap;}
#contents .cs_point .csp_content .point_details dl.on {display:flex;}
#contents .cs_point .csp_content .point_details dl + dl {margin-top:20px;}
#contents .cs_point .csp_content .point_details dl dt {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:120px; padding:10px; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_point .csp_content .point_details dl dd {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(100% - 120px); padding:10px 0; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:left;}
#contents .cs_point .csp_content .point_details dl .category_deco {padding:15px 0;}
#contents .cs_point .csp_content .point_details dl .category_deco p {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:auto; height:25px; margin:0; margin-top:-2px; padding:0 18px; border-radius:25px; font-size:12px; font-weight:400; color:#ffffff; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_point .csp_content .point_details dl.available .category_deco p {background-color:#001958;}
#contents .cs_point .csp_content .point_details dl.used .category_deco p {background-color:#E6002E;}
#contents .cs_point .csp_content .point_details dl dt:nth-last-child(2),
#contents .cs_point .csp_content .point_details dl dd:nth-last-child(1) {border-bottom:0;}

/* 마이페이지 - 등급별혜택보기 */
#contents .cs_grade .csg_content .grade_benefits {display:inline-block; vertical-align:middle; width:100%; margin-top:40px;}
#contents .cs_grade .csg_content .grade_benefits .user_grade {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; background-color:#F6F6F6; padding:10px 30px;}
#contents .cs_grade .csg_content .grade_benefits .user_grade p {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
#contents .cs_grade .csg_content .grade_benefits .user_grade p span {display:inline-block; vertical-align:middle; width:100%; font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_grade .csg_content .grade_benefits .user_grade p span mark {font-weight:700;}
#contents .cs_grade .csg_content .grade_benefits .user_grade p span b {display:none; vertical-align:middle;}
#contents .cs_grade .csg_content .grade_benefits .user_grade p span b.on {display:inline-block;}
#contents .cs_grade .csg_content .grade_benefits .user_grade p span .grade_family {color:#5EAA12;}
#contents .cs_grade .csg_content .grade_benefits .user_grade p span .grade_blue {color:#072F93;}
#contents .cs_grade .csg_content .grade_benefits .user_grade p span .grade_black {color:#070707;}
#contents .cs_grade .csg_content .grade_benefits .user_grade p span .grade_thered {color:#E6002D;}
#contents .cs_grade .csg_content .grade_benefits .grade_details li {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:20px; padding:15px 20px; box-shadow:0 0 40px 0 rgba(0, 25, 88, .08);}
#contents .cs_grade .csg_content .grade_benefits .grade_details li > div {display:flex; vertical-align:middle; box-sizing:border-box; width:100%; padding:10px 0; border-bottom:#d8d8d8 solid 1px; flex-direction:column; flex-wrap:nowrap; align-items:center;}
#contents .cs_grade .csg_content .grade_benefits .grade_details li > div:last-child {padding-bottom:0; border-bottom:0;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .method,
#contents .cs_grade .csg_content .grade_benefits .grade_details .detail ,
#contents .cs_grade .csg_content .grade_benefits .grade_details .accrual,
#contents .cs_grade .csg_content .grade_benefits .grade_details .benefit,
#contents .cs_grade .csg_content .grade_benefits .grade_details .point,
#contents .cs_grade .csg_content .grade_benefits .grade_details .rights,
#contents .cs_grade .csg_content .grade_benefits .grade_details .present {font-size:13px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .blue .goal .method span {color:#072F93; font-weight:700;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .black .goal .method span {color:#072F93; font-weight:700;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .thered .goal .method span {color:#E6002D; font-weight:700;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .goal .badge {width:100px; height:100px; border-radius:50px; font-size:20px; font-weight:700; color:#ffffff; line-height:102px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .family .goal .badge {background-color:#5EAA12;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .blue .goal .badge {background-color:#072F93;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .black .goal .badge {background-color:#070707;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .thered .goal .badge {background-color:#E6002D;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .goal .method {display:inline-block; vertical-align:middle; width:130px; margin-top:10px; white-space:nowrap;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .goal .method i {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:4px 5px 5px 0; background-image:url("../m/images/mypage/icon_system.svg"); background-repeat:no-repeat; background-size:100%; background-position:0;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .blue .goal .method span {color:#072F93; font-weight:600;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .black .goal .method span {color:#070707; font-weight:600;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .thered .goal .method span {color:#E6002D; font-weight:600;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .ticket img {display:inline-block; vertical-align:middle; margin-top:10px; width:110px;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .ticket .detail {display:inline-block; vertical-align:middle; width:130px; margin-top:10px; white-space:nowrap;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .ticket .detail i {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:4px 5px 5px 0; background-image:url("../m/images/mypage/icon_system.svg"); background-repeat:no-repeat; background-size:100%; background-position:0;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .ticket .detail span {display:block; vertical-align:middle; box-sizing:border-box; width:100%; padding-left:21px; color:#808080;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .accrual p {display:inline-block; vertical-align:middle; width:130px; white-space:nowrap;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .accrual p i {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:4px 5px 5px 0; background-image:url("../m/images/mypage/icon_system.svg"); background-repeat:no-repeat; background-size:100%; background-position:0;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .benefit i {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:4px 5px 5px 0; background-image:url("../m/images/mypage/icon_system.svg"); background-repeat:no-repeat; background-size:100%; background-position:0;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .benefit p {display:inline-block; vertical-align:middle; width:130px; white-space:nowrap;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .benefit span {display:block; vertical-align:middle; box-sizing:border-box; width:100%; padding-left:21px; color:#808080;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .point p {display:inline-block; vertical-align:middle; width:130px; white-space:nowrap;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .point i {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:4px 5px 5px 0; background-image:url("../m/images/mypage/icon_system.svg"); background-repeat:no-repeat; background-size:100%; background-position:0;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .rights i {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:4px 5px 5px 0; background-image:url("../m/images/mypage/icon_system.svg"); background-repeat:no-repeat; background-size:100%; background-position:0;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .rights p {display:inline-block; vertical-align:middle; width:130px; white-space:nowrap;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .rights span {display:block; vertical-align:middle; box-sizing:border-box; width:100%; padding-left:21px; color:#808080;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .present i {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:4px 5px 5px 0; background-image:url("../m/images/mypage/icon_system.svg"); background-repeat:no-repeat; background-size:100%; background-position:0;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .present p {display:inline-block; vertical-align:middle; width:130px; white-space:nowrap;}
#contents .cs_grade .csg_content .grade_benefits .grade_details .present span {display:block; vertical-align:middle; box-sizing:border-box; width:100%; padding-left:21px; color:#808080;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab > p {display:inline-block; vertical-align:middle; width:100%; height:25px; margin-top:40px; padding-bottom:10px; border-bottom:#070707 solid 1px; font-size:15px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab > p i {display:inline-block; vertical-align:middle; float:right; width:24px; height:24px; background-image:url("../m/images/shop/icon_drop.svg"); background-repeat:no-repeat; background-size:100%; transform:rotate(0deg); transition:all 0.3s;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab ul {display:none; vertical-align:middle; width:100%;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab li {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab li p {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; padding-left:9px;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab li p:before {content:'';display:inline-block; vertical-align:middle; position:absolute; top:12px; left:2px; width:4px; height:1px; background-color:#808080;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab li p span {display:inline-block; vertical-align:middle; width:100%; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab.on ul {display:inline-block;}
#contents .cs_grade .csg_content .grade_benefits .grade_info_tab.on > p i {transform:rotate(180deg);}

/* 마이페이지 - 할인쿠폰현황 */
#contents .cs_coupon .csc_content .coupon_category {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:40px; background-color:#F6F6F6; padding:10px 30px;}
#contents .cs_coupon .csc_content .coupon_category li {display:inline-block; vertical-align:middle; float:left; width:auto; margin-left:20px;}
#contents .cs_coupon .csc_content .coupon_category li:first-child {margin-left:0;}
#contents .cs_coupon .csc_content .coupon_category li input {display:none;}
#contents .cs_coupon .csc_content .coupon_category li label {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; float:left; width:100%; padding-left:17px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer; pointer-events:none;}
#contents .cs_coupon .csc_content .coupon_category li label span {height:25px; padding:0; pointer-events:auto; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_coupon .csc_content .coupon_category li label:before {content:''; display:inline-block; vertical-align:middle; position:absolute; left:0; top:7px; box-sizing:border-box; width:12px; height:12px; border:#D8D8D8 solid 1px; border-radius:50%; background-color:#ffffff; pointer-events:auto;}
#contents .cs_coupon .csc_content .coupon_category li label:after {content:''; display:none; vertical-align:middle; position:absolute; left:3px; top:10px; width:6px; height:6px; border-radius:5px; background:linear-gradient(to bottom right, #E6002E, #001958);}
#contents .cs_coupon .csc_content .coupon_category li label i {pointer-events:auto;}
#contents .cs_coupon .csc_content .coupon_category li input:checked + label span {font-weight:600; color:#070707 !important; color:#808080;}
#contents .cs_coupon .csc_content .coupon_category li input:checked + label:before {border:1px solid transparent; border-radius:25px; background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom right ,#E6002E, #001958); border-image-slice:1; background-origin:border-box; background-clip:padding-box, border-box;}
#contents .cs_coupon .csc_content .coupon_category li input:checked + label:after {display:inline-block;}
#contents .cs_coupon .csc_content .coupon_category li input:checked + label b {display:inline-block;}
#contents .cs_coupon .csc_content .simpletab_content {margin-top:25px;}
#contents .cs_coupon .csc_content .coupon_details {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_coupon .csc_content .coupon_details dl {display:none; vertical-align:middle; box-sizing:border-box; width:100%; padding:15px 20px; box-shadow:0 0 40px 0 rgba(0, 25, 88, .08); flex-direction:row; flex-wrap:wrap;}
#contents .cs_coupon .csc_content .coupon_details dl.on {display:flex;}
#contents .cs_coupon .csc_content .coupon_details dl + dl {margin-top:20px;}
#contents .cs_coupon .csc_content .coupon_details dl dt {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:120px; padding:10px; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_coupon .csc_content .coupon_details dl dd {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(100% - 120px); padding:10px 0; border-bottom:#d8d8d8 solid 1px; text-align:left; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_coupon .csc_content .coupon_details dl dt.coupon_name + dd {display:inline-block; vertical-align:middle; box-sizing:initial; width:100%; height:25px; padding-top:0; padding-bottom:7px; border-bottom:#001958 solid 1px; font-size:15px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_coupon .csc_content .coupon_details dl .category_deco {padding:15px 0;}
#contents .cs_coupon .csc_content .coupon_details dl .category_deco p {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:auto; height:25px; margin:0; margin-top:-1px; padding:0 18px; border-radius:25px; font-size:13px; font-weight:400; color:#ffffff; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_coupon .csc_content .coupon_details dl.available .category_deco p {background-color:#001958;}
#contents .cs_coupon .csc_content .coupon_details dl.used .category_deco p {background-color:#E6002E;}
#contents .cs_coupon .csc_content .coupon_details dl dt:nth-last-child(2),
#contents .cs_coupon .csc_content .coupon_details dl dd:nth-last-child(1) {border-bottom:0;}

/* 마이페이지 - 구매배송조회 */
#contents .cs_check .csc_content {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_check .csc_content .simpletab_content .month_btn {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_check .csc_content .simpletab_content ul {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_check .csc_content .simpletab_content li {display:inline-block; vertical-align:middle; box-sizing:border-box; margin-top:20px; padding:20px; width:100%; box-shadow:0 0 40px 0 rgba(0, 25, 88, 0.08);}
#contents .cs_check .csc_content .simpletab_content .order_detail {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_check .csc_content .simpletab_content .order_detail dl {display:flex; border-top:#001958 solid 1px; flex-direction:row; flex-wrap:wrap;}
#contents .cs_check .csc_content .simpletab_content .order_detail dl dt {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:120px; padding:10px; border-bottom:#D8D8D8 solid 1px; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_check .csc_content .simpletab_content .order_detail dl dd {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(100% - 120px); padding:10px; border-bottom:#D8D8D8 solid 1px; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:right;}
#contents .cs_check .csc_content .simpletab_content .order_check_btn {display:inline-block; vertical-align:middle; width:100%; margin-top:15px;}
#contents .cs_check .csc_content .simpletab_content .order_check_btn a {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(33.333% - 6.7px); height:30px; margin-left:10px; border:#070707 solid 1px; border-radius:25px; font-size:12px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_check .csc_content .simpletab_content .order_check_btn a:first-child {margin-left:0;}
#contents .cs_check .csc_content .simpletab_content .delivery_completed .order_check_btn a {width:100%;}
#contents .cs_check .csc_content .simpletab_content .product_detail {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_check .csc_content .simpletab_content .product_detail .order_product_pic {display:inline-block; vertical-align:middle; position:relative; float:left; width:calc(50% - 10px);}
#contents .cs_check .csc_content .simpletab_content .product_detail .order_product_pic img {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_check .csc_content .simpletab_content .product_detail .order_product_pic .order_state {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:12px; border-radius:25px; font-size:15px; font-weight:400; color:#001958; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_check .csc_content .simpletab_content .delivery_completed .order_product_pic .order_state {color:#E6002E;}
#contents .cs_check .csc_content .simpletab_content .product_detail .order_product_info {display:inline-block; vertical-align:middle; float:left; width:calc(50% - 10px); margin-left:20px;}
#contents .cs_check .csc_content .simpletab_content .order_price {display:flex; vertical-align:middle; width:100%; margin-top:35px; flex-direction:row; flex-wrap:wrap;}
#contents .cs_check .csc_content .simpletab_content .order_price dt {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:50%; padding:10px; border-top:#D8D8D8 solid 1px; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:left;}
#contents .cs_check .csc_content .simpletab_content .order_price dd {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:50%; padding:10px; border-top:#D8D8D8 solid 1px; font-size:15px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:right;}
#contents .cs_check .csc_content .simpletab_content .no_item {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:20px; padding:48px 15px; text-align:center; box-shadow:0 0 40px 0 rgba(0, 25, 88, 0.08);}
#contents .cs_check .csc_content .simpletab_content .no_item img {display:inline-block; vertical-align:middle; width:80px; aspect-ratio:1/1;}
#contents .cs_check .csc_content .simpletab_content .no_item p {display:inline-block; vertical-align:middle; width:100%; height:25px; margin-top:10px; text-align:center; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_check .csc_content .simpletab_content .no_item a {display:inline-block; vertical-align:middle; box-sizing:border-box; width:130px; height:30px; margin-top:10px; padding:0; border-radius:15px; border:#070707 solid 1px; font-size:12px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_check .csc_content .simpletab_content .order_price dt:nth-last-child(2) {padding-bottom:0;}
#contents .cs_check .csc_content .simpletab_content .order_price dd:nth-last-child(1) {padding-bottom:0;}
#contents .cs_cancel .csc_content .product_detail {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_cancel .csc_content .product_detail .order_product_pic {display:inline-block; vertical-align:middle; position:relative; float:left; width:calc(50% - 10px);}
#contents .cs_cancel .csc_content .product_detail .order_product_pic img {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_cancel .csc_content .product_detail .order_product_info {display:inline-block; vertical-align:middle; float:left; width:calc(50% - 10px); margin-left:20px;}
#contents .cs_cancel .csc_content .total_cancel_amount {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .cs_cancel .csc_content .total_cancel_amount dl {display:flex; vertical-align:middle; flex-direction:row; flex-wrap:wrap;}
#contents .cs_cancel .csc_content .total_cancel_amount dl dt {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:50%; padding:10px; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#808080; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:left;}
#contents .cs_cancel .csc_content .total_cancel_amount dl dd {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:50%; padding:10px; border-bottom:#d8d8d8 solid 1px; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:right;}
#contents .cs_cancel .csc_content .cancel_reason {display:inline-block; vertical-align:middle; width:100%; margin-top:40px;}
#contents .cs_cancel .csc_content .cancel_reason .csc_title {display:inline-block; vertical-align:middle; width:100%; height:25px; padding-bottom:10px; border-bottom:#001958 solid 1px; font-size:15px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_cancel .csc_content .cancel_reason ul {display:inline-block; vertical-align:middle; width:100%; padding:15px 0;}
#contents .cs_cancel .csc_content .cancel_reason li {display:inline-block; vertical-align:middle; float:left; width:100%; margin-top:10px;}
#contents .cs_cancel .csc_content .cancel_reason li:first-child {margin-top:0;}
#contents .cs_cancel .csc_content .cancel_reason li input {display:none;}
#contents .cs_cancel .csc_content .cancel_reason li label {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; float:left; width:100%; padding-left:17px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer; pointer-events:none;}
#contents .cs_cancel .csc_content .cancel_reason li label span {display:inline-block; vertical-align:middle; height:25px; padding:0; pointer-events:auto; font-size:13px; font-weight:400; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_cancel .csc_content .cancel_reason li label:before {content:''; display:inline-block; vertical-align:middle; position:absolute; left:0; top:7px; box-sizing:border-box; width:12px; height:12px; border:#D8D8D8 solid 1px; border-radius:50%; background-color:#ffffff; pointer-events:auto;}
#contents .cs_cancel .csc_content .cancel_reason li label:after {content:''; display:none; vertical-align:middle; position:absolute; left:3px; top:10px; width:6px; height:6px; border-radius:5px; background:linear-gradient(to bottom right, #E6002E, #001958);}
#contents .cs_cancel .csc_content .cancel_reason li label i {pointer-events:auto;}
#contents .cs_cancel .csc_content .cancel_reason li input:checked + label span {font-weight:600; color:#070707 !important;}
#contents .cs_cancel .csc_content .cancel_reason li input:checked + label:before {border:1px solid transparent; border-radius:25px; background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom right ,#E6002E, #001958); border-image-slice:1; background-origin:border-box; background-clip:padding-box, border-box;}
#contents .cs_cancel .csc_content .cancel_reason li input:checked + label:after {display:inline-block;}
#contents .cs_cancel .csc_content .cancel_reason li input:checked + label b {display:inline-block;}
#contents .cs_cancel .csc_content .cancel_reason .csc_content {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_cancel .csc_content .cancel_reason .csc_content label {display:inline-block; vertical-align:middle; width:100%; height:25px; padding-bottom:10px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_cancel .csc_content .cancel_reason .csc_content textarea {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_cancel .csc_content .csc_btn {margin-top:10px;}
#contents .cs_shipping .css_content .product_detail {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_shipping .css_content .product_detail .order_product_pic {display:inline-block; vertical-align:middle; position:relative; float:left; width:calc(50% - 10px);}
#contents .cs_shipping .css_content .product_detail .order_product_pic img {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_shipping .css_content .product_detail .order_product_info {display:inline-block; vertical-align:middle; float:left; width:calc(50% - 10px); margin-left:20px;}
#contents .cs_shipping .css_content .ordered_view_more {display:inline-block; vertical-align:middle; width:100%; height:30px; margin-top:20px; border-radius:15px; border:#070707 solid 1px; font-size:12px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_shipping .css_content .shipping_destination_change {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_shipping .css_content .shipping_destination_change strong {display:inline-block; vertical-align:middle; width:100%; height:25px; padding-bottom:10px; border-bottom:#001958 solid 1px; font-size:15px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shipping .css_content .shipping_destination_change label {display:inline-block; vertical-align:middle; width:100%; height:25px; margin-top:7px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_shipping .css_content .shipping_destination_change .css_address input {float:left; width:calc(100% - 40px); border-radius:4px 0 0 4px;}
#contents .cs_shipping .css_content .shipping_destination_change .css_address button {float:left; width:40px; height:40px; border-radius:0 4px 4px 0; background-color:#001958;}
#contents .cs_shipping .css_content .shipping_destination_change .css_address button i {display:inline-block; vertical-align:middle; float:left; width:18px; height:18px; margin:11px; background-image:url("../m/images/common/icon_header.svg"); background-repeat:no-repeat; background-size:300%; background-position:0; filter:invert(100%) sepia(91%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);}
#contents .cs_shipping .css_content .shipping_destination_change .css_phone {display:inline-block; vertical-align:middle; width:100%; overflow:hidden;}
#contents .cs_shipping .css_content .shipping_destination_change .css_phone input {display:inline-block; vertical-align:middle; float:left; width:calc(100% - 114px);}
#contents .cs_shipping .css_content .shipping_destination_change .css_phone button {display:inline-block; vertical-align:middle; float:left; width:104px; height:40px; margin-left:10px; border-radius:4px; border:#070707 solid 1px; font-size:12px; font-weight:400; color:#070707; letter-spacing:-0.5px;}
#contents .cs_shipping .css_content .css_btn {margin-top:10px;}

/* 마이페이지 - 문의내역 */
#contents .cs_inquiry .csi_content .product_detail {display:flex; vertical-align:middle; width:100%; flex-direction:row; flex-wrap:wrap;}
#contents .cs_inquiry .csi_content .product_detail .order_product_pic {display:inline-block; vertical-align:middle; position:relative; float:left; width:calc(50% - 10px);}
#contents .cs_inquiry .csi_content .product_detail .order_product_pic img {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents .cs_inquiry .csi_content .product_detail .order_product_info {display:inline-block; vertical-align:middle; float:left; width:calc(50% - 10px); margin-left:20px;}
#contents .cs_inquiry .csi_content .ordered_view_more {display:inline-block; vertical-align:middle; width:100%; height:30px; margin-top:20px; border-radius:15px; border:#070707 solid 1px; font-size:12px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:center;}
#contents .cs_inquiry .csi_content .order_product_inquiry {margin-top:20px;}
#contents .cs_inquiry .csi_content .order_product_inquiry strong {display:inline-block; vertical-align:middle; width:100%; height:25px; padding-bottom:10px; border-bottom:#001958 solid 1px; font-size:15px; font-weight:700; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_inquiry .csi_content .order_product_inquiry label {display:inline-block; vertical-align:middle; height:25px; margin-top:7px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_inquiry .csi_content .order_product_inquiry .csi_btn {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .cs_inquiry .csi_content .order_product_inquiry .csi_btn button {float:left;}

/* 마이페이지 - 관심상품 */
#contents .cs_wish .csw_content .csw_btn {display:inline-block; vertical-align:middle; width:100%; margin-top:40px; padding-bottom:10px; border-bottom:#d8d8d8 solid 1px;}
#contents .cs_wish .csw_content .csw_btn .chk_box {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; padding:2px 0;}
#contents .cs_wish .csw_content .csw_btn > button {display:inline-block; vertical-align:middle; box-sizing:border-box; float:right; width:auto; height:30px; padding:0 15px 0 10px; font-size:13px; font-weight:400; color:#070707; line-height:30px !important; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_wish .csw_content .csw_btn > button i {display:inline-block; vertical-align:middle; float:left; width:20px; height:20px; margin:4px 8px 4px 0; background-image:url("../m/images/mypage/icon_delete.svg"); background-repeat:no-repeat; background-size:100%;}
#contents .cs_wish .csw_content #goods_list {display:flex; width:100%; flex-direction:row; flex-wrap:wrap; gap:20px; margin-top:20px;}
#contents .cs_wish .csw_content #goods_list li {display:inline-block; vertical-align:middle; position:relative; width:calc(50% - 10px);}
#contents .cs_wish .csw_content #goods_list li a {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .cs_wish .csw_content #goods_list li a .chk_box {display:inline-block; vertical-align:middle; position:absolute; top:10px; left:10px;}
#contents .cs_wish .csw_content #goods_list li a img {display:inline-block; vertical-align:middle; width:100%; border:#F6F6F6 solid 1px;}
#contents .cs_wish .csw_content #goods_list li .item_info {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:0 10px;}

/* 마이페이지 - 문의내용 */
#contents .cs_inquiry .csi_content .date_check_box {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:40px; padding:20px; background-color:#F6F6F6;}
#contents .cs_inquiry .csi_content .date_check_list {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_inquiry .csi_content .date_check_list button {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:25%; padding:5px 0;}
#contents .cs_inquiry .csi_content .date_check_list button span {display:inline-block; vertical-align:middle; width:100%; height:25px; border-right:#D8D8D8 solid 1px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_inquiry .csi_content .date_check_list button:last-child span {border-right:none;}
#contents .cs_inquiry .csi_content .date_check_list button.on {background-color:#001958;}
#contents .cs_inquiry .csi_content .date_check_list button.on span {border-right:none; color:#fff !important;}
#contents .cs_inquiry .csi_content .date_check_calendar {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-top:20px;}
#contents .cs_inquiry .csi_content .date_check_calendar .date_picker {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; min-height:40px !important; margin-top:10px; padding:5px 39px 5px 15px; border-radius:4px; border:#D8D8D8 solid 1px; background-image:url("../m/images/mypage/icon_calendar.svg"); background-repeat:no-repeat; background-size:24px; background-position:center right 14px; font-size:12px; font-weight:400; color:#070707; line-height:26px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_inquiry .csi_content .date_check_calendar .date_picker:first-child {margin:0;}
#contents .cs_inquiry .csi_content .date_check_calendar .date_picker:focus {outline:none;}
#contents .cs_inquiry .csi_content .date_check_calendar .date_picker::placeholder {color:#070707;}
#contents .cs_inquiry .csi_content .date_check_calendar .date_picker::-webkit-calendar-picker-indicator {position:absolute; right:0; top:0; background:none; padding:13px;}
#contents .cs_inquiry .csi_content .date_check_calendar + button {margin-top:20px;}
#contents .cs_inquiry .csi_content .inquiry_category {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:20px; background-color:#F6F6F6; padding:10px 20px;}
#contents .cs_inquiry .csi_content .inquiry_category li {display:inline-block; vertical-align:middle; float:left; width:auto; margin-left:20px;}
#contents .cs_inquiry .csi_content .inquiry_category li:first-child {margin-left:0;}
#contents .cs_inquiry .csi_content .inquiry_category li input {display:none;}
#contents .cs_inquiry .csi_content .inquiry_category li label {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; float:left; width:100%; padding-left:17px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer; pointer-events:none;}
#contents .cs_inquiry .csi_content .inquiry_category li label span {height:25px; padding:0; font-size:13px; font-weight:400; color:#808080; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; pointer-events:auto;}
#contents .cs_inquiry .csi_content .inquiry_category li label:before {content:''; display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; left:0; top:7px; width:12px; height:12px; border:#D8D8D8 solid 1px; border-radius:50%; background-color:#ffffff; pointer-events:auto;}
#contents .cs_inquiry .csi_content .inquiry_category li label:after {content:''; display:none; vertical-align:middle; position:absolute; left:3px; top:10px; width:6px; height:6px; border-radius:5px; background:linear-gradient(to bottom right, #E6002E, #001958);}
#contents .cs_inquiry .csi_content .inquiry_category li label i {pointer-events:auto;}
#contents .cs_inquiry .csi_content .inquiry_category li input:checked + label span {font-weight:600; color:#070707 !important;}
#contents .cs_inquiry .csi_content .inquiry_category li input:checked + label:before {border:1px solid transparent; border-radius:25px; background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom right ,#E6002E, #001958); border-image-slice:1; background-origin:border-box; background-clip:padding-box, border-box;}
#contents .cs_inquiry .csi_content .inquiry_category li input:checked + label:after {display:inline-block;}
#contents .cs_inquiry .csi_content .inquiry_category li input:checked + label b {display:inline-block;}
#contents .cs_inquiry .csi_content .inquiry_list {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .cs_inquiry .csi_content .inquiry_list li {display:none; vertical-align:middle; box-sizing:border-box; width:100%; padding-bottom:15px; border-top:#001958 solid 1px;}
#contents .cs_inquiry .csi_content .inquiry_list li.on {display:inline-block;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_detail {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding-top:10px;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_detail .csid_state {display:inline-block; vertical-align:middle; float:left; width:50%; text-align:left;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_detail .csid_state span {display:inline-block; vertical-align:middle; width:65px; height:25px; text-align:center; border-radius:20px; font-size:12px; font-weight:400; color:#ffffff; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_detail .csid_state.t1 span {background-color:#E6002E;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_detail .csid_state.t2 span {background-color:#001958;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_detail .csid_date {display:inline-block; vertical-align:middle; float:left; width:50%; height:25px; font-size:12px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; text-align:right;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_subject {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:10px; padding-bottom:10px; border-bottom:#D8D8D8 solid 1px; font-size:13px; font-weight:700; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_subject a {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_content {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_content .csic_product {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding-top:10px; font-size:13px; font-weight:700; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_content .csic_sub {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding-top:10px; font-size:13px; font-weight:700; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_ans {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:10px; padding:15px 20px; background-color:#F6F6F6;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_ans .ans_icon {display:inline-block; vertical-align:middle;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_ans .ans_icon i {display:inline-block; vertical-align:middle; width:20px; height:20px; margin:2px 0 3px; background-image:url("../m/images/shop/icon_reply.svg"); background-repeat:no-repeat; background-size:100%;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_ans .ans_icon span {display:inline-block; vertical-align:middle; margin-left:5px; font-size:13px; font-weight:700; color:#001958; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_inquiry .csi_content .inquiry_list .csi_ans .ans_content {margin-top:5px; font-size:13px; font-weight:700; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}

/* 마이페이지 - 회원정보관리 */
#contents .cs_member_info .csm_content label {display:inline-block; vertical-align:middle; height:25px; margin-top:10px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #modifyinfo {width:100%;}
#contents .cs_member_info .csm_content #modifyinfo > div > strong {display:inline-block; vertical-align:middle; width:100%; height:25px; padding-bottom:7px; border-bottom:#001958 solid 1px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #modifyinfo form > div {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_member_info .csm_content #modifyinfo form > div > label {width:100%; height:25px; margin-top:15px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #modifyinfo input {font-size:14px;}
#contents .cs_member_info .csm_content #modifyinfo .csm_phone {display:inline-block; vertical-align:middle; width:100%; overflow:hidden;}
#contents .cs_member_info .csm_content #modifyinfo .csm_phone input {display:inline-block; vertical-align:middle; float:left; width:calc(100% - 114px);}
#contents .cs_member_info .csm_content #modifyinfo .csm_phone button {display:inline-block; vertical-align:middle; float:left; width:104px; height:40px; margin-left:10px; border-radius:4px; border:#070707 solid 1px; font-size:12px; font-weight:400; color:#070707; letter-spacing:-0.5px;}
#contents .cs_member_info .csm_content #modifyinfo .csm_email input {display:inline-block; vertical-align:middle; float:left; width:calc(50% - 5px);}
#contents .cs_member_info .csm_content #modifyinfo .csm_email select {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(50% - 5px); height:40px; margin-left:10px; padding:7px 30px 7px 15px; border-radius:4px; border:1px solid #D8D8D8; background-image:url("../m/images/mypage/icon_arrow.svg"); background-repeat:no-repeat; background-size:16px; background-position:center right 13px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#contents .cs_member_info .csm_content #modifyinfo .csm_email select::-ms-expand{display:none;}
#contents .cs_member_info .csm_content #modifyinfo .csm_dob strong {display:inline-block; vertical-align:middle; float:left; width:100%; height:25px; margin-top:15px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #modifyinfo .csm_dob select {display:inline-block; vertical-align:middle; box-sizing:border-box; float:left; width:calc(33.3333% - 6.7px); height:40px; margin-left:10px; padding:7px 30px 7px 15px; border-radius:4px; border:1px solid #D8D8D8; background-color:#ffffff; background-image:url("../m/images/mypage/icon_arrow.svg"); background-repeat:no-repeat; background-size:16px; background-position:center right 13px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#contents .cs_member_info .csm_content #modifyinfo .csm_dob select::-ms-expand{display:none;}
#contents .cs_member_info .csm_content #modifyinfo .csm_dob select#inquiry_dob_year {margin-left:0;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio {padding-bottom:10px; border-bottom:#D8D8D8 solid 1px;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio strong {display:inline-block; vertical-align:middle; width:100%; height:25px; margin-top:20px; font-size:13px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio input {display:none;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio label {box-sizing:border-box; position:relative; float:left; width:50%; margin-top:0; padding-left:26px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; cursor:pointer; pointer-events:none;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio label span {padding:0; pointer-events:auto;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio label:before {content:''; display:inline-block; vertical-align:middle; position:absolute; left:0; top:5px; box-sizing:border-box; width:16px; height:16px; border:#D8D8D8 solid 1px; border-radius:50%; background-color:#ffffff; pointer-events:auto;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio label:after {content:''; display:none; vertical-align:middle; position:absolute; left:4px; top:9px; width:8px; height:8px; border-radius:5px; background:linear-gradient(to bottom right, #E6002E, #001958);}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio label i {pointer-events:auto;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio input:checked + label span {font-weight:600;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio input:checked + label:before {border:1px solid transparent; border-radius:25px; background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom right ,#E6002E, #001958); border-image-slice:1; background-origin:border-box; background-clip:padding-box, border-box;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio input:checked + label:after {display:inline-block;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio input:checked + label b {display:inline-block;}
#contents .cs_member_info .csm_content #modifyinfo .csm_radio .notice {display:inline-block; vertical-align:middle; margin-top:10px; font-size:12px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #modifyinfo .csm_agree div label {float:left;}
#contents .cs_member_info .csm_content #modifyinfo .csm_agree div i {display:inline-block; vertical-align:middle; float:left; width:calc(100% - 35px); height:auto; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #changepassword > div > strong {display:inline-block; vertical-align:middle; width:100%; height:25px; padding-bottom:7px; border-bottom:#001958 solid 1px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #changepassword .csm_btn {margin-top:20px;}
#contents .cs_member_info .csm_content #withdrawal > div > strong {display:inline-block; vertical-align:middle; width:100%; height:25px; padding-bottom:8px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #withdrawal .withdraw_info {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:20px; background-color:#F6F6F6;}
#contents .cs_member_info .csm_content #withdrawal .withdraw_info strong {display:inline-block; vertical-align:middle; width:100%; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #withdrawal .withdraw_info p {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding-left:9px; font-size:13px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #withdrawal .withdraw_info p span {display:inline-block; vertical-align:middle; width:100%;}
#contents .cs_member_info .csm_content #withdrawal .withdraw_info p:before {content:'';display:inline-block; vertical-align:middle; position:absolute; top:12px; left:2px; width:4px; height:1px; background-color:#808080;}
#contents .cs_member_info .csm_content #withdrawal .csm_withdraw {margin-top:20px; padding-bottom:10px; border-bottom:#D8D8D8 solid 1px;}
#contents .cs_member_info .csm_content #withdrawal .csm_withdraw div label {float:left;}
#contents .cs_member_info .csm_content #withdrawal .csm_withdraw div i {display:inline-block; vertical-align:middle; float:left; width:calc(100% - 35px); height:auto; word-wrap:normal; word-break:keep-all;}
#contents .cs_member_info .csm_content #withdrawal .csm_current_password_check input {font-size:14px;}
#contents .cs_member_info .csm_content #withdrawal .csm_btn {margin-top:20px;}
#contents .cs_member_info .csm_content #modifyinfo .csm_agree {margin-top:20px;}
#contents .cs_member_info .csm_content #modifyinfo .csm_btn {margin-top:20px;}



/* 푸터 */
#footer {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:40px; margin-bottom:60px; padding:15px 20px; background-color:#F6F6F6;}
#footer a:hover {text-decoration:underline; text-underline-position:under;}
#footer .f_link {display:inline-block; vertical-align:middle; width:100%; padding-bottom:10px; border-bottom:#D8D8D8 solid 1px;}
#footer .f_link > ul {display:inline-block; vertical-align:middle; width:auto;}
#footer .f_link > ul li {display:inline-block; vertical-align:middle; position:relative; width:auto; padding:0 15px; font-size:15px; font-weight:400; color:#070707; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#footer .f_link > ul li:first-child {padding-left:0;}
#footer .f_link > ul li:last-child {padding-right:0;}
#footer .f_link > ul li:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:7px; right:0; width:1px; height:10px; background-color:#D8D8D8;}
#footer .f_link > ul li:last-child:after {display:none;}
#footer .f_customer {display:inline-block; vertical-align:middle; width:100%; margin-top:15px; padding-bottom:15px; border-bottom:#D8D8D8 solid 1px;}
#footer .f_customer h3 {height:30px; font-size:20px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#footer .f_customer > ul {display:flex; vertical-align:middle; width:100%; max-width:335px; margin-top:5px; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;}
#footer .f_customer > ul li {display:inline-block; vertical-align:middle; position:relative; width:auto;}
#footer .f_customer > ul li i {display:inline-block; vertical-align:middle; float:left; width:20px; height:20px; margin-top:5px; margin-bottom:5px; margin-right:5px; background-image:url("../m/images/common/icon_footer.svg"); background-repeat:no-repeat; background-size:200%;}
#footer .f_customer > ul li.fc_tel i {background-position:0; filter:invert(8%) sepia(77%) saturate(6165%) hue-rotate(207deg) brightness(69%) contrast(119%);}
#footer .f_customer > ul li.fc_email i {background-position:100%;}
#footer .f_customer > ul li a {display:inline-block; vertical-align:middle; float:left; height:30px;}
#footer .f_customer > ul li.fc_tel a {font-size:18px; font-weight:700; color:#001958; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#footer .f_customer > ul li.fc_email a {margin-top:2px; font-size:13px; font-weight:400; color:#070707; line-height:30px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#footer .f_customer > p {display:inline-block; vertical-align:middle; width:100%; margin-top:5px; opacity:0.5;}
#footer .f_customer > p span {display:inline-block; vertical-align:middle; float:left; font-size:12px; font-weight:400; color:#070707; line-height:18px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#footer .f_customer > p span span {display:inline-block; vertical-align:middle;}
#footer .f_info {display:inline-block; vertical-align:middle; width:100%; margin-top:15px; padding-bottom:15px; border-bottom:#D8D8D8 solid 1px;}
#footer .f_info > p {display:inline-block; vertical-align:middle; position:relative; width:100%; height:25px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#footer .f_info > p:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:6px; right:0; width:12px; height:12px; background-image:url("../m/images/common/icon_drop02.svg"); background-repeat:no-repeat; background-size:100%; transform:rotate(0deg); transition:all 0.3s;}
#footer .f_info > p.on:before {top:7px; transform:rotate(180deg);}
#footer .f_info > ul {display:none; vertical-align:middle; width:100%; margin-top:10px;}
#footer .f_info > p.on + ul {display:inline-block; font-size:12px; font-weight:400; color:#808080; line-height:25px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#footer .f_info > p.on + ul a {color:#808080;}
#footer .f_copyright {display:inline-block; vertical-align:middle; width:100%; margin-top:10px; margin-bottom:5px;}
#footer #btn_top {display:inline-block; vertical-align:middle; position:fixed; bottom:78px; right:18px; width:40px; height:40px; border-radius:20px; background-color:#001958; z-index: 1;}
#footer #btn_top i {display:inline-block; vertical-align:middle; width:100%; height:100%; background-image:url("../m/images/common/icon_top.svg"); background-repeat:no-repeat; background-size:100%; background-position:100%;}
#footer.goods_view {margin-bottom:50px;}



.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.nav-list {
  list-style: none;
  display: flex;
  gap: 20px;
}
.nav-list li {
  color: white;
}
.menu-toggle {
  cursor: pointer;
  display: none;
}
.bar {
  display: block;
  width: 25px;
  height: 2px;
  background-color: #111111;
  margin: 5px 0;
}
#header .navbar .nav-list {
    display: none;
    flex-direction: column;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 5;
    top: 0;
    background-color: rgba(0,0,0,0.9);
    background-color: #ffffff;
}
#header .nav-list.show {
    display: flex;
}
.menu-toggle {
    display: block;
}
.side-menu .side-menu-header {
    display: flex;
    height: 6.25rem;
    padding-top: 2.75rem;
    color: #ffffff;
    background-color: #001a58;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
}
.hambuger_top{
    width: 100%;
    height: 20vw;
    color: #001752;
}

.carousel.t7 .owl-item  {}
.carousel.t7 .owl-item a {
    border-radius: 50%;
}
.imgWrap {
    display: flex;
    align-items: center;
    min-width: 3.5rem;
    max-width: 70px;
    border-radius: 50%;
    height: 70px;
    overflow:hidden;
    border: 1px solid #d8d8d8;
}
.imgWrap img {
    object-fit: contain;
    text-align: center;
}