@charset "UTF-8";

/* FONT **************************************************/
@font-face {
	font-family: 'NotoSans-KR';
	font-style: normal;
	font-weight: 300;
	src:url('../../../fonts/notosanskr/NotoSans-Light.woff') format('woff');
}
@font-face {
	font-family: 'NotoSans-KR';
	font-style: normal;
	font-weight: 400;
	src:url('../../../fonts/notosanskr/NotoSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'NotoSans-KR';
	font-style: normal;
	font-weight: 600;
	src:url('../../../fonts/notosanskr/NotoSans-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'NotoSans-KR';
	font-style: normal;
	font-weight: 700;
	src:url('../../../fonts/notosanskr/NotoSans-Bold.woff') format('woff');
}
@font-face {
	font-family: 'outfit';
	font-style: normal;
	font-weight: 300;
	src:url('../../../fonts/outfit/Outfit-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'outfit';
	font-style: normal;
	font-weight: 400;
	src:url('../../../fonts/outfit/Outfit-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'outfit';
	font-style: normal;
	font-weight: 600;
	src:url('../../../fonts/outfit/Outfit-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'outfit';
	font-style: normal;
	font-weight: 700;
	src:url('../../../fonts/outfit/Outfit-Bold.ttf') format('truetype');
}

/* RESET **************************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:none 0}
html {font-size:10px;}
body {min-width:1280px;background-color:#fff;font-family:'outfit';font-weight:300;font-size:1.4rem;color:#111;line-height:1.285;letter-spacing: 1.0px;}
table,div {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table {width:100%;word-break:break-all;}
ul,li,ol {list-style-type:none}
button {*overflow:visible;border:0 none;padding:0;margin:0;background:transparent;cursor:pointer;}
button::-moz-focus-inner {border:0;padding:0}
button,select,option,input,textarea {outline:none}
select,input,img,li,button,textarea {vertical-align:middle;text-align:left;font-family:'outfit';font-weight:300;font-size:1.4rem;color:#111;}
input,select {margin:0;padding:0;border:0 none;outline:none;box-shadow: none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
form legend,table caption {width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
img,fieldset,iframe {border:0 none}
img {max-width:100%;}
label {cursor:pointer;}
strong {font-weight:700;}
em {font-style:normal}
a {text-decoration:none;outline:none;color:#111;}
a:hover {text-decoration:none;}
::selection {background-color:#111; color:#fff;}
::-moz-selection {background-color:#111; color:#fff}
body {overflow-y:scroll;}

/* COMMON **************************************************/
/* display */
.inline {display:inline !important}
.inblock {display:inline-block !important}
.flexblock {display:flex !important}
.blind {position:absolute;top:-9999px;overflow:hidden;width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important;border:0 !important;margin:0 !important;}
.overH {height:auto; gap: 70px; margin-left: 220px; justify-content: center;}
/* none */
.bdno {border:none 0 !important}
.mgno {margin:0 !important}
.pdno {padding:0 !important}

/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.clearB {clear:both !important;}

/* cursor */
.csDefault {cursor:default;}

/* align */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}
.vtop {vertical-align:top !important;}
.vmid {vertical-align:middle !important;}
.vbtm {vertical-align:bottom !important;}

/* margin */
.mgb0 {margin-bottom:0 !important;}
.mgb5 {margin-bottom:5px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}

/* width */
.w70 {width:70px !important;}
.w130 {width:130px !important;}
.w160 {width:160px !important;}
.w180 {width:180px !important;}
.w240 {width:240px !important;}
.w100p {width:100% !important;}

/* etc */
.break {word-wrap:break-word !important;word-break:break-all !important;}
.ellipsis {display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}

/* font */
.fc_point {font-weight:400 !important;}
.fc_default {color:#111 !important;}
.fc_gray {color:#888 !important;}
.fc_gray2 {color:#999 !important;}
.fc_guide {color:#bbb !important;}
.fs_12rem {font-size:1.2rem;}
.price_org {font-size:1.2rem;color:#888;text-decoration:line-through;}
.price {font-family:'outfit';font-weight:300;font-size:1.6rem;letter-spacing:0px;color:#555555;}
.sale {font-family:'outfit';font-weight:400;font-size:1.6rem;color:#FF0600;}
.won {font-family:'outfit';}
.under {text-decoration:underline;}
.strike {text-decoration:line-through;}

/* Button */
.buttonwrap {width:50%;text-align:center;margin-top:30px;}
.buttonwrap.full-width {width:100%;}
.buttonwrap:after {content:'';display:block;clear:both;}
.buttonwrap.col2 .button {display:block;float:left;width:calc(50% - 2px);}
.buttonwrap.col2 .button:last-child {margin-left:4px;}
.buttonwrap.col1 .button {display:block;width:100%; transition: all 0.2s;}
.buttonwrap.col1 .button:hover {background: #fff; color: #111; transition: all 0.2s;}
.buttonwrap.flex {display:flex;align-items:center;justify-content:center;}
.buttonwrap.flex .button {margin:0 2px;}
.button {display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;color:#111;}
.button.large {width:100px;height:30px;font-family:'outfit';font-weight:400;font-size:12px;line-height:27px; letter-spacing: 1.0px;}
.button.middle {width:100px;height:40px;padding:8px 0 9px;font-size:1.6rem;line-height:2.3rem;}
.button.small {min-width:64px;height:30px;padding:7px 8px 6px;font-size:1.2rem;line-height:1.5rem;}
.button.large,
.button.middle,
.button.small {background-color:#111;border:solid 1px #111;text-align:center;color:#fff;}
.button.etc {background-color:#111;color:#fff;}
.button.denial {background-color:transparent;border-color:#b3b3b3;color:#888;}
.button.disabled {background-color:#d9d9d9;border-color:#d9d9d9}
.button.wbgray {background-color:#fff;border-color:#dfe1eb;color:#888;}
.button.arrow {min-width:80px;height:30px;padding:7px 24px 6px 10px;background-color:transparent;border:solid 1px #b3b3b3;text-align:left;font-size:1.2rem;color:#888;}
.button.arrow:after {content:'';width:5px;height:5px;border:solid 1px #666;border-left-width:0;border-bottom-width:0;position:absolute;right:11px;top:50%;margin-top:-3px;transform:rotate(45deg);}
.button.arrow.light {border-color:#d0d2db;}
.button.text {font-weight:300;}
.button.textarrow {font-weight:300;padding-right:11px;}
.button.textarrow:after {content:'';width:5px;height:5px;border:solid 1px #111;border-left-width:0;border-bottom-width:0;position:absolute;right:0;top:50%;margin-top:-2px;transform:rotate(45deg);}
.button.fsmall {font-size:1.2rem;}
.button.fw400 {font-weight:400;}
.btn_wish {display:inline-block;vertical-align:top;width:30px;height:30px;background-image:url(../../../imgs/front/cw/global/wish.png);background-position:left center;background-repeat:no-repeat;border: solid 1px #d0d2db;border-radius:50%;text-indent:-999em;box-sizing:border-box;position:relative;}
.btn_wish.middle {width:40px;height:40px;background-image:url(../../../imgs/front/cw/global/wish_middle.png);}
.btn_wish.large {width:60px;height:60px;background-image:url(../../../imgs/front/cw/global/wish_large.png);border-radius:0;}
.btn_wish.on {border-color:#3343E0;background-position:right center;}
.btn_share {display:inline-block;vertical-align:top;width:30px;height:30px;background-image:url(../../../imgs/front/cw/global/btn_share.png);background-position:center center;background-repeat:no-repeat;text-indent:-999em;box-sizing:border-box;position:relative;}

/* Form */
input {display:inline-block;vertical-align:middle;box-sizing:border-box;}
input:-ms-input-placeholder {color:#bbb;}
input::-webkit-input-placeholder {color:#bbb;}
input::-moz-placeholder {color:#bbb;}
input[type=text],
input[type=password],
input[type=number] {width:300px;height:40px;padding:0 12px;border:solid 1px #dfdfdf;}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus {background-color:#fff;border-color:#111;}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled {background-color:#e5e5e5;border-color:#e5e5e5;color:#fff;}
input.h30 {height:30px;font-size:12px;}
input.h50 {height:50px;font-size:1.6rem;}
textarea {display:inline-block;vertical-align:middle;width:100%;padding:8px 12px;background-color:#fafafa;border:solid 1px #d0d2db;box-sizing:border-box;resize:none;overflow:auto;}
textarea:-ms-input-placeholder {color:#bbb;}
textarea::-webkit-input-placeholder {color:#bbb;}
textarea::-moz-placeholder {color:#bbb;}
textarea:focus {background-color:#fff;border-color:#111;}
textarea:disabled {background-color:#e5e5e5;border-color:#e5e5e5;color:#fff;}
textarea:disabled:-ms-input-placeholder {color:#fff;}
textarea:disabled::-webkit-input-placeholder {color:#fff;}
textarea:disabled::-moz-placeholder {color:#fff;}

/* byte count */
.content_byte {position:relative;}
.content_byte textarea {display:block;height:140px;}
.content_byte .byte {position:absolute;right:10px;bottom:9px;font-size:1.2rem;color:#888;}
.content_byte .byte .count {color:#111;font-weight:700;}

/* radio */
.radio {display:inline-block;vertical-align:middle;position:relative;min-width:20px;min-height:20px;padding-left:20px;}
.radio input[type=radio] {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;}
.radio .label {display:inline-block;vertical-align:top;color:#888;margin:0 20px 0 10px;min-height:20px;line-height:19px;}
.radio .label:before {content:'';width:20px;height:20px;position:absolute;left:0;top:0;background-image:url(../../../imgs/front/cw/global/bg_radio.png);background-position:left -30px;background-repeat:no-repeat;}
.radio :checked + .label {color:#111;}
.radio :checked + .label:before {background-position:left top;}
.radio :disabled + .label:before {background-position:left bottom;}
.radio.text {padding-left:0;}
.radio.text .label {margin:0;}
.radio.text .label:before {display:none;}
.radio.nolabel {padding-left:0;}
.radio.nolabel .label {margin:0;text-indent:-999em;}

/* checkbox */
.checkbox {display:inline-block;vertical-align:middle;position:relative;min-width:20px;min-height:20px;padding-left:20px;}
.checkbox input[type=checkbox] {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;}
.checkbox .label {display:inline-block;vertical-align:top;color:#7b7b7b;margin:0 20px 0 10px;min-height:20px;line-height:19px;font-size:11px;}
.checkbox .label:before {content:'';width:20px;height:20px;position:absolute;left:0;top:0;background-image:url(../../../imgs/front/cw/global/bg_checkbox.png);background-position:left -30px;background-repeat:no-repeat;}
.checkbox :checked + .label {color:#111;}
.checkbox :checked + .label:before {background-position:left top;}
.checkbox :disabled + .label:before {background-position:left bottom;}
.checkbox.nolabel {padding-left:0;}
.checkbox.nolabel .label {margin:0;text-indent:-999em;}

/* select */
div.select select {display:block;width:100%;}
span.select {display:inline-block;vertical-align:middle;}
.select select {display:inline-block;vertical-align:top;}
select::-ms-expand {display:none}
select {height:40px;padding:0 52px 0 12px;background-color:#fafafa;border:solid 1px #d0d2db;background-image:url(../../../imgs/front/cw/global/bg_select.png);background-position:right top;background-repeat:no-repeat;}
select:focus {background-color:#fff;border-color:#111;background-position:right top -50px;}
select:disabled {background-color:#e5e5e5;border:none 0;background-position:right top -99px;color:#fff;}
select[disabled='disabled']::-ms-value {color: #fff;}
select.h30 {height:30px;padding:0 29px 0 12px;background-image:url(../../../imgs/front/cw/global/bg_select_h30.png);font-size:1.2rem;}
select.align {height:30px;padding:0 42px 0 12px;border:none 0;background-color:#fff;background-image:url(../../../imgs/front/cw/global/bg_select_align.png);background-position:right 10px top;}
select.align:focus {background-position:right 10px bottom;}
/* IE9,10 */
@media screen and (min-width:0\0) and (min-resolution: .001dpcm){
	/*.select {position:relative;}
	.select select {padding-right:40px;}
	.select:after {content:'';position:absolute;top:1px;left:-22px;width:20px;height:calc(100% - 2px);background-color:#fafafa;}
	.select select:focus + .arrow:after {background-color:#fff;}
	.select select:disabled + .arrow:after {background-color:#e5e5e5;}*/
}

/* switch */
.ui-switcher.front {width:32px;border-color:#d0d2db}
.ui-switcher.front:before {display:none;}
.ui-switcher.front[swt-checked=true] {background-color:#fff;border-color:#3343E0;color:#fff;}
.ui-switcher.front[swt-checked=true]:after {left:15px;background-color:#3343E0;}

/* 수량 */
.quantity {display:inline-block;vertical-align:middle;height:30px;width:92px;position:relative;}
.quantity input {width:100%;height:30px;text-align:center;padding:0 29px;background-color:#fff;font-size:1.2rem;}
.quantity .minus,
.quantity .plus {position:absolute;left:0;top:0;width:30px;height:30px;text-indent:-999em;}
.quantity .plus {left:auto;right:0;}
.quantity .minus:after,
.quantity .plus:after {content:'';width:10px;height:2px;background-color:#b4b5bf;position:absolute;left:50%;top:50%;margin:-1px 0 0 -5px;}
.quantity .plus:before {content:'';width:2px;height:10px;background-color:#b4b5bf;position:absolute;left:50%;top:50%;margin:-5px 0 0 -1px;}
.quantity input:disabled ~ a:after,
.quantity input:disabled ~ a:before {background-color:#fff;}
.quantity .soldout {position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background-color:#d9d9d9;text-align:center;}
.quantity .soldout:after {content:'품절';font-size:1.2rem;color:#fff;line-height:3rem;}

/* date */
.datepickerbox {display:inline-block;vertical-align:middle;position:relative;}
.datepickerbox input[type=text] {width:180px !important;}
.datepickerbox span {width:39px;height:40px;background-image:url(../../../imgs/front/cw/global/btn_datepicker.png) !important;background-repeat:no-repeat;background-position:center center;position:absolute;right:0;top:0;z-index:1;border-left:solid 1px #d0d2db;cursor:pointer;}
.datepickerbox input[type=text]:focus + span {border-color:#111;}

/* file */
.filebox {overflow:hidden;margin-left:-4px;}
.filebox .ux-file-photo {float:left;margin-left:4px;}

.filebox .fx-file-photo li {width:84px;}
.filebox .fx-file-photo .fx-attach,
.filebox .fx-file-photo .fx-preview {height:84px;border:none 0;margin:0;background-color:#fafafa;}
.filebox .fx-file-photo .fx-attach input[type=file] + label {left:0;top:0;width:84px;height:84px;border:solid 1px #d0d2db;background-image:url(../../../imgs/front/cw/global/icon_no_photo.png);background-position:center center;background-repeat:no-repeat;box-sizing:border-box;}
.filebox .fx-file-photo .fx-attach input[type=file] + label:before,
.filebox .fx-file-photo .fx-attach input[type=file] + label:after {display:none;}
.filebox .fx-file-photo .fx-preview:before {content:'';position:absolute;left:0;top:0;width:84px;height:84px;border:solid 1px #d0d2db;box-sizing:border-box;}
.filebox .fx-file-photo .fx-preview .fx-control-box {left:0 !important;bottom:0 !important;width:84px !important;}
.filebox .fx-file-photo .fx-preview .fx-control-box > * {margin-left:3px !important;}
.filebox .fx-file-photo .fx-preview .fx-control-box > *:first-child {margin-left:0 !important;}

/* navigation */
.navigation {position:absolute;left:0;top:20px;width:1280px;height:20px;margin:0 auto;}
.navigation:after {content:'';display:block;clear:both;}
.navigation li {float:left;padding-right:25px;position:relative;}
.navigation li:after {content:'';width:6px;height:6px;border:solid 1px #b4b5bf;border-left-width:0;border-bottom-width:0;position:absolute;right:11px;top:50%;margin-top:-2px;transform:rotate(45deg);}
.navigation li a {color:#888;}
.navigation li:last-child {padding-right:0;}
.navigation li.stay:after {display:none;}

/* Title */
h1,h2,h3,h4,h5,h6,.title_big,.title_middle,.title_small {font-family:'outfit';font-weight:400;}
.title_big {position:relative;margin-bottom:40px;text-align:center;font-size:16px;line-height:4.8rem;}
.title_big .search_key {font-size:28px;}
.title_big .fc_guide {font-size:20px;}
.title_big .summary {font-family: 'outfit';font-size:1.6rem;font-weight:300;margin:-4px 0;}
.title_big .btn_share, .title_big .btn_wish {position:absolute;right:0;top:0;width:38px;height:38px;border:solid 1px #dfe1eb;border-radius:50%;}
.title_middle {text-align:center;font-size:2.4rem;line-height:3rem;}
.title_small {text-align:left;font-weight:400;font-size:1.8rem;line-height:3rem;}
.title_small i {display:inline-block;vertical-align:middle;width:18px;height:18px;background-color:#ccc;border-radius:50%;margin-right:12px;position:relative;}
.title_small i:after {content:'';width:2px;height:2px;border-top:solid 6px #fff;border-bottom:solid 2px #fff;position:absolute;left:50%;top:50%;margin:-5px 0 0 -1px;}

/* tab */
.tab_center ul {text-align:center;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;}
.tab_center li {position:relative;}
.tab_center li a {display:block;position:relative;color:#555;font-size:1.6rem;line-height:2.4rem;background:#F5F5F5;border:1px solid #f5f5f5;padding:7px 19px;border-radius:20px;}
.tab_center li.active a,
.tab_center li a:hover {background:#fff;border-color:#3343E0;color:#3343E0;font-weight: 500;}

.tab_grid {position:relative;}
.tab_grid:after {content:'';width:100%;height:100%;border:solid 1px #dfe1eb;position:absolute;left:0;top:0;box-sizing:border-box;}
.tab_grid ul {background-color:#fff;}
.tab_grid ul:after {content:'';display:block;clear:both;}
.tab_grid li {float:left;width:20%;text-align:center;border-right:solid 1px #dfe1eb;border-bottom:solid 1px #dfe1eb;position:relative;z-index:1;padding:20px 36px;box-sizing:border-box;}
.tab_grid li a {display:block;font-size:1.6rem;color:#888;line-height:1.8rem;}
.tab_grid li.active {z-index:2;}
.tab_grid li.active:before {content:'';width:100%;height:100%;border:solid 1px #111;position:absolute;right:-1px;top:-1px;z-index:2;}
.tab_grid li a:hover,
.tab_grid li.active a {color:#111;}
.tab_grid li:nth-child(5n+1).active:before {width:calc(100% - 1px);}
.tab_grid li:nth-child(n+1).active:nth-child(-n+5).active:before {height:calc(100% - 1px);top:0;}

.tab_content ul {border:solid 1px #dfe1eb;border-left-width:0;border-right-width:0;}
.tab_content ul:after {content:'';display:block;clear:both;}
.tab_content li {float:left;width:25%;text-align:center;font-family:'outfit';font-size:16px;position:relative;}
.tab_content li:before {content:'';width:1px;height:22px;background-color:#dfe1eb;position:absolute;left:0;top:50%;margin-top:-11px;}
.tab_content li:first-child:before {display:none;}
.tab_content li a {display:inline-block;vertical-align:top;color:#888;line-height:2.2rem;padding:24px 0;position:relative;}
.tab_content li.active a,
.tab_content li a:hover {color:#111;}
.tab_content li.active a:after {content:'';width:100%;height:4px;background-color:#111;position:absolute;left:0;bottom:0;}
.tab_content.col2 li {width:50%;}

.tab_contentbox {display:none;}

/* alignment */
.alignment_label {height:30px;margin-bottom:20px;}
.alignment_label:after {content:'';display:block;clear:both;}
.alignment_label li {float:left;display:flex;line-height:19px;}
.alignment_label li:last-child {float:right;}
.alignment_label li input[type=radio] {display:none;}
.alignment_label li label {margin:0;vertical-align:top;}
.alignment_label li a {color:#888;}
.alignment_label li a.active {color:#111;}
.alignment_label li .box {padding:5px 15px 5px 16px;position:relative;}
.alignment_label li .box:before {content:'';width:1px;height:14px;background-color:#dfe1eb;position:absolute;left:0;top:50%;margin-top:-7px;}
.alignment_label li .box:first-child {padding-left:0;}
.alignment_label li .box:first-child:before {display:none;}
.alignment_label li .box:last-child {padding-right:0;}
.alignment_label li .tab_center li:first-child {padding-left:0;}

.alignment_form {height:30px;margin-bottom:20px;}
.alignment_form:after {content:'';display:block;clear:both;}
.alignment_form li {float:left;height:30px;display:flex;align-items:center;justify-content:center;}
.alignment_form li:last-child {float:right;}
.alignment_form li.line .box {padding:0 10px 0 11px;position:relative;}
.alignment_form li.line .box:before {content:'';width:1px;height:14px;background-color:#dfe1eb;position:absolute;left:0;top:50%;margin-top:-7px;}
.alignment_form li.line .box:first-child {padding-left:0;}
.alignment_form li.line .box:first-child:before {display:none;}
.alignment_form li.line .box:last-child {padding-right:0;}
.alignment_form li .searchform {width:209px;height:28px;border:solid 1px #212121;border-radius:4px;position:relative;padding-right:29px;overflow:hidden;}
.alignment_form li .searchform input {display:block;width:100%;height:28px;padding:0 0 0 9px;border:none 0;border-radius:4px;background-color:#fff;line-height:27px;}
.alignment_form li .searchform button {width:29px;height:28px;position:absolute;right:0;top:0;background:url(../../../imgs/front/cw/global/btn_search_mini.png) center center no-repeat;text-indent:-999em;}
.alignment_form li .ui-switcher {margin-left:6px;vertical-align:top;}
.alignment_form li.line .checkbox {margin-left:10px}
.alignment_form li.line .checkbox .label {margin-right:9px;}
.alignment_form li.line .box:first-child .checkbox {margin-left:0;}
.alignment_form.topline {border-top:solid 1px #dfe1eb;padding-top:20px;}

/* 기간조회 */
.period_check {border:solid 6px #f0f0f0;padding:34px 44px;}
.period_check ul {overflow:hidden;}
.period_check li {float:left;display:flex;}
.period_check .period {width:360px;height:40px;}
.period_check .period .box {padding:8px 15px 8px 16px;position:relative;}
.period_check .period .box:before {content:'';width:1px;height:16px;background-color:#dfe1eb;position:absolute;left:0;top:50%;margin-top:-7px;}
.period_check .period .box:first-child {padding-left:0;}
.period_check .period .box:first-child:before {display:none;}
.period_check .period .box button {color:#888;font-size:1.6rem;}
.period_check .period .box button.select {color:#111;font-weight:700;}
.period_check .form {float:right;width:494px;text-align:right;}
.period_check .form .inblock {width:24px;text-align:center;font-size:1.6rem;line-height:40px;}
.period_check .form .button {margin-left:10px;}
.period_check .form.select {width:550px;}
.period_check .form.select .datepickerbox input[type=text] {width:140px !important;}
.period_check .form.select .select {margin-left:10px;width:126px;}
.period_check .form.select .select select {width:100%;}

/* scroll */
.scrollbox {height:500px;overflow:auto;padding:10px 0;}

/* 상품리스트 */
.product_list {font-size:0px;line-height:0;margin-left:-30px;}
.product_list:after {content:'';display:block;clear:both;}
.product_list li {display:inline-block;vertical-align:top;width:320px;padding-left:30px;margin-bottom:30px;font-size:1.4rem;line-height:1.285;}
.product_list .img_box .link {display:block;height:320px;position:relative;text-align:center;line-height:320px;overflow:hidden;}
.product_list .img_box .link:after {content:'';position:absolute;left:0;top:0;z-index:1;width:calc(100% - 2px);height:calc(100% - 2px);border:solid 1px #dfe1eb;}
.product_list .img_box .link img {position:absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.product_list .img_box .link .soldout {position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background-color:rgba(173,173,173,0.70);}
.product_list .img_box .link .soldout:after {content:'품절';font-size:3rem;color:#fff;font-weight:500;}
.product_list .info_box {margin-top:14px;}
.product_list .info_box .brand {margin-bottom:4px;font-size:1.5rem;font-weight:600;line-height:2.2rem;}
.product_list .info_box .title {margin-bottom:4px;color:#555;}
.product_list .info_box .title a {display:block;max-height:44px;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;font-size:1.5rem;line-height:2.2rem;}
.product_list .info_box .price_info {display:flex;flex-wrap:wrap;}
.product_list .info_box .price_info > * {display:inline-block;vertical-align:top;font-size:1.6rem;line-height:2.4rem;}
.product_list .info_box .price_info .sale {margin-right:6px;}
.product_list .info_box .price_info .price_box {display:inline-flex;font-size:1.4rem;font-weight:normal;}
.product_list .info_box .price_info .price_box .price {font-size:1.6rem;font-weight:700;}
.product_list .info_box .price_info .price_box .won {margin-left:2px;}
.product_list .info_box .price_info .price_strike {display:block;width:100%;font-size:1.4rem;line-height:2rem;text-decoration: line-through;color:#aaa;}
.product_list .info_box .icons {margin-top:10px;}
.product_list.medium {margin-left:-20px;}
.product_list.medium li {width:305px;margin-top:0;padding-left:20px;}
.product_list.medium .img_box .link {height:305px;line-height:305px;}
.product_list.regular li {width:266px;margin-top:0;}
.product_list.regular .img_box .link {height:266px;line-height:266px;}
.product_list.small li {width:232px;margin-top:0;}
.product_list.small .img_box .link {width:213px;height:320px;}
.product_list li.none {width:calc(100% - 30px);border-top:solid 1px #dfe1eb;padding:48px 0;margin-left:30px;}
.product_list.bestranking {counter-increment:group;counter-reset:row;}
.product_list.bestranking li {counter-increment:row;}
.product_list.bestranking li .img_box .link:before {content:counter(row);position:absolute;top:0px;left:14px;z-index:3;width:40px;height:40px;background:url(../../../imgs/front/cw/global/bg_rank.png) no-repeat center center;text-align:center;color:#fff;font-size:1.5rem;line-height:4rem;font-weight: 600;}
#prod_detail_info{width:30%;margin-top:7%;}
.detail_wrap h3 {color:#555;font-size:12px;line-height:1.8;font-weight:300;}


/* 상품라인 */
.product_line li {padding:0 0 20px 0;}
.product_line li:first-child {padding-top:20px;}
.product_line li.none {padding:74px 0;}
.product_line .product {position:relative;}
.product_line .product .img_box {position:absolute;left:0;top:50%;transform:translateY(-50%);width:84px;height:84px;}
.product_line .product .img_box .link {display:block;height:100%;position:relative;text-align:center;}
.product_line .product .img_box .link:after {content:'';position:absolute;left:0;top:0;z-index:1;width:calc(100% - 2px);height:calc(100% - 2px);border:solid 1px #dfe1eb;}
.product_line .product .img_box .link img {position:absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.product_line .product .img_box .link .soldout {position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background-color:rgba(173,173,173,0.70);}
.product_line .product .img_box .link .soldout:after {content:'품절';position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;color:#fff;font-weight:500;}
.product_line .product .info_box {margin-left:104px;}
.product_line .product .info_box .seller {display:block;height:1.2rem;font-size:1.2rem;color:#888;line-height:1.2rem;margin-bottom:8px;}
.product_line .product .info_box .seller:before {content:'';display:inline-block;vertical-align:top;width:18px;height:1.2rem;background:url(../../../imgs/front/cw/global/bg_home_s.png) left center no-repeat;}
.product_line .product .info_box .seller:after {content:'';display:inline-block;vertical-align:top;width:11px;height:1.2rem;background:url(../../../imgs/front/cw/global/arrow_move_s.png) right center no-repeat;}
.product_line .product .info_box .brand {font-size:1.4rem;font-weight:400;line-height:2rem;}
.product_line .product .info_box .orderno {margin-bottom:6px;font-size:1.2rem;color:#888;font-weight:700;}
.product_line .product .info_box .title {margin-bottom:2px;color:#555;}
.product_line .product .info_box .title a {display:block;max-height:40px;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;font-size:1.4rem;line-height:2rem;}
.product_line .product .info_box .title.row1 a {max-height:20px;-webkit-line-clamp:1;}
.product_line .product .info_box .price_info {display:flex;}
.product_line .product .info_box .price_info > * {display:inline-block;vertical-align:top;font-size:1.5rem;line-height:2.2rem;}
.product_line .product .info_box .price_info .sale {margin-right:6px;}
.product_line .product .info_box .price_info .price_box {display:inline-flex;font-size:1.4rem;font-weight:normal;}
.product_line .product .info_box .price_info .price_box .price {font-size:1.6rem;font-weight:600;}
.product_line .product .info_box .price_info .price_box .won {margin-left:2px;}
.product_line .product .info_box .price_info .quantity {position:relative;vertical-align:middle;height:auto;width:auto;padding-left:21px;font-size:1.2rem;}
.product_line .product .info_box .price_info .quantity:before {content:'';position:absolute;left:10px;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#dfe1eb}
.product_line .product .info_box .option {display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;color:#888;}
.product_line .product .info_box .icons {margin-top:13px;}
.product_line .product.wish .info_box {width:calc(100% - 98px - 38px);}
.product_line .product.wish .btn_wish {position:absolute;right:6px;bottom:6px;border:none;background-image:url(../../../imgs/front/cw/global/gnb_wish.png);z-index:2;width:26px;height:26px;}
.product_line .product.small {min-height:60px;}
.product_line .product.small .img_box {width:60px;}
.product_line .product.small .info_box {margin-left:80px;}
.product_line .product.large {min-height:120px;}
.product_line .product.large .img_box {width:80px;height:120px;}
.product_line .product.large .info_box {margin-left:140px;}
.product_line .product.mypage .brand {margin-bottom:5px;}
.product_line .product.mypage .title {margin-bottom:6px;}
.product_line .product.mypage .price_info {margin-top:6px;}
.product_line .product.order .brand {margin-bottom:4px;}
.product_line .product.order .title {margin-bottom:5px;}
.product_line .product.order .price_info {height:18px;margin-top:6px;}
.product_line .product.order .price_info .quantity {vertical-align:top;}
.product_line.order {border:solid 1px #dfe1eb;background-color:#fff;}
.product_line.order .order_box {position:relative;border-bottom:solid 1px #dfe1eb;padding:12px 19px;font-size:1.2rem;color:#888;line-height:1.4rem;}
.product_line.order .order_box .num {display:inline-block;vertical-align:top;padding-left:19px;position:relative;}
.product_line.order .order_box .num:before {content:'';position:absolute;left:9px;top:1px;width:1px;height:14px;background-color:#dfe1eb;}
.product_line.order .order_box .date {position:absolute;right:19px;top:50%;transform:translateY(-50%);width:auto;}
.product_line.order .product {margin:19px;}

/* none data */
.none_wrap {width:100%;border-top:solid 1px #dfe1eb;padding:48px 0 !important;border-bottom:none 0 !important;}
.none_data,
.none_data_recently,
.none_data_cart,
.none_data_coupon,
.none_data_img {padding-top:40px;background-position:center top;background-repeat:no-repeat;color:#bbb !important;text-align:center !important;line-height:1.4rem !important;}
.none_data {background-image:url(../../../imgs/front/cw/global/none_data.png);}
.none_data_recently {background-image:url(../../../imgs/front/cw/global/none_data_recently.png);}
.none_data_cart {background-image:url(../../../imgs/front/cw/global/none_data_cart.png);}
.none_data_coupon {background-image:url(../../../imgs/front/cw/global/none_data_coupon.png);}
.none_data_img {background-image:url(../../../imgs/front/cw/global/none_data_img.png);}

/* paging */
.paging {text-align:center;height:40px;margin-top:30px;font-size:0;line-height:0;}
.paging > * {display:inline-block;vertical-align:top;width:40px;font-size:1.4rem;line-height:39px;}
.paging ol {width:auto;height:40px;position:relative;}
.paging ol:after {content:'';display:block;clear:both;}
.paging ol li {float:left;width:40px;position:relative;}
.paging ol li a {display:block;height:40px;text-align:center;color:#aaa;}
.paging ol li .stay {color:#111;}
.paging ol:before {right:auto;left:-1px;}
.paging .btns {background-position:center center;background-repeat:no-repeat;text-indent:-999em;}
.paging .btns.prev {background-image:url(../../../imgs/front/cw/global/btn_paging_prev.png);}
.paging .btns.next {background-image:url(../../../imgs/front/cw/global/btn_paging_next.png);}

/* table */
.tbl_row table {border-top:solid 1px #dfe1eb;border-right:solid 1px #dfe1eb}
.tbl_row table th,
.tbl_row table td {border-bottom:solid 1px #dfe1eb;border-left:solid 1px #dfe1eb;font-weight:400;text-align:left;padding:15px 20px;}
.tbl_row table th {background-color:#f5f5f5;color:#888;}

/* swiper */
#wrap .swiper-pagination {position:absolute;top:-50px;right:0;height:2.2rem;font-size:0px;color:#888;line-height:2.2rem;text-align:right;}
#wrap .swiper-pagination-current {padding-right:0px;color:#111;font-size:1.5rem;}
#wrap .swiper-pagination-total {position:relative;padding-left:17px;font-size:1.5rem;}
#wrap .swiper-pagination-total:before {position: absolute;top: 50%;left: 8px;width: 1px;height: 12px;transform: translateY(-50%);content: "";background: #aaa;}
#wrap .swiper-slide .btn_wish {position:absolute;right:16px;top:16px;z-index:1;}
.swiper-button-box {position:absolute;right:20px;bottom:20px;z-index:3;width:80px;height:40px;border-radius:20px;background-color:rgba(0,0,0,0.3);overflow:hidden;}
.swiper-button-box:after {content:'';position:absolute;left:50%;top:50%;margin-top:-9px;width:1px;height:18px;background-color:rgba(255,255,255,0.3);}
.swiper-button-prev2,
.swiper-button-next2 {float:left;width:40px;height:40px;background-position:center center;background-repeat:no-repeat;cursor:pointer;outline:0;}
.swiper-button-prev2 {background-image:url(../../../imgs/front/cw/global/btn_swiper_prev2.png)}
.swiper-button-next2 {background-image:url(../../../imgs/front/cw/global/btn_swiper_next2.png)}
.swiper-button-prev1,
.swiper-button-next1 {position:absolute;top:125px;z-index:3;width:56px;height:56px;background-position:center center;background-repeat:no-repeat;cursor:pointer;outline:0;}
.swiper-button-prev1 {left:0px;background-image:url(../../../imgs/front/cw/global/btn_swiper_prev.png);}
.swiper-button-next1 {right:0px;background-image:url(../../../imgs/front/cw/global/btn_swiper_next.png);}
.swiper-button-disabled {opacity:0;}
.swiper-pagination2 {margin-top:30px;height:4px;text-align:center;}
.swiper-pagination2 .swiper-pagination-bullet {width:60px;height:4px;border-radius:0;background-color:#e7e7e7;outline:0;opacity:1;}
.swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#111;}
.slideproduct {position:relative;}
.slideproduct .product_list {width:100%;height:426px;margin-left:0;}
.slideproduct .product_list li {float:left;}
.slideproduct .product_list li:first-child {padding-left:0;}
.slideproduct .product_list.small {height:auto;}
.slideproduct .load .product_list {padding:0;}
.slideproduct .load .product_list li {padding:0;}
.slidebanner_2cols {position:relative;}
.slidebanner_2cols ul:after {content:'';display:block;clear:both;}
.slidebanner_2cols li {float:left;width:calc(50% - 16px);}
.slidebanner_2cols li:nth-child(2) {float:right;margin-left:auto;}
.slidebanner_2cols .swiper-button-prev1,
.slidebanner_2cols .swiper-button-next1 {top:50%;margin-top:-28px;}
.slidebanner_5cols {position:relative;}
.slidebanner_5cols ul:after {content:'';display:block;clear:both;}
.slidebanner_5cols li {float:left;width:calc((100%/5) - 24px);margin-right:30px;}
.slidebanner_5cols li:nth-child(5) {float:right;margin-right:0;}
.slidebanner_5cols .swiper-button-prev1,
.slidebanner_5cols .swiper-button-next1 {top:50%;margin-top:-28px;}

/* 상품별 */
.star {display:inline-block;vertical-align:top;width:88px;height:16px;text-indent:-999em;background-image:url(../../../imgs/front/cw/global/bg_review.png);background-position:left top;background-repeat:no-repeat;}
.star.score5 {background-position:left top;}
.star.score4 {background-position:left -26px;}
.star.score3 {background-position:left -52px;}
.star.score2 {background-position:left -78px;}
.star.score1 {background-position:left -104px;}
.star.score0 {background-position:left bottom;}

/* 약관 토글 */
.termlist .allcheck {margin-bottom:30px;}
.termlist .allcheck .checkbox {display:block;position:relative;width:100%;padding:0;margin:0;}
.termlist .allcheck .checkbox .label {display:block;height:5.8rem;padding:0;margin:0;border:solid 1px #dfe1eb;text-align:center;font-size:1.8rem;font-family:'outfit';font-weight:400;line-height:5.8rem;color:#888}
.termlist .allcheck .checkbox .label:before {position:relative;left:auto;top:auto;display:inline-block;vertical-align:middle;width:29px;height:100%;background-image:url(../../../imgs/front/cw/global/bg_checkbox_all.png);background-position:left top;}
.termlist .allcheck .checkbox :checked + .label {border-color:#111;color:#111;}
.termlist .allcheck .checkbox :checked + .label:before {background-position:left bottom;}
.termlist .checkbox .label {font-size:1.6rem;color:#111;}
.termlist ul {border-bottom:solid 1px #dfe1eb;}
.termlist li {position:relative;border-top:solid 1px #dfe1eb;padding:20px 0;}
.termlist li .subtext {padding-left:30px;margin-top:5px;font-size:1.2rem;color:#888;line-height:1.3rem;}
.termlist li .button {position:absolute;right:0;top:50%;margin-top:-15px;}

/* 입력항목 */
.formgroup {margin-bottom:60px;}
.formgroup .info {text-align:center;font-size:1.6rem;line-height:1.6rem;}
.formgroup .summary {text-align:center;font-size:1.2rem;color:#888; line-height:1.6rem;margin-top:5px;}
.formgroup .summary .essential {margin:5px 2px 0 0;}
.formgroup .non_essential,
.formgroup .essential {display:inline-block;vertical-align:top;width:6px;height:6px;border-radius:50%;background-color:#3343E0;text-indent:-999em;}
.formgroup .non_essential:after {content:'필수아님'}
.formgroup .essential:after {content:'필수'}
.formgroup .non_essential {background-color:transparent;}
.formgroup .form {padding:20px 0;border-top:solid 1px #111;border-bottom:solid 1px #dfe1eb;margin-top:20px;}
.formgroup .form dl {padding:10px 0;}
.formgroup .form dl:after {content:'';display:block;clear:both;}
.formgroup .form dl dt {float:left;width:130px;color:#888;line-height:1.8rem;padding-top:11px;}
.formgroup .form dl dt .non_essential,
.formgroup .form dl dt .essential {margin:6px 15px 0 0;}
.formgroup .form dl dd {float:left;width:440px;}
.formgroup .form dl dd input[type=text],
.formgroup .form dl dd input[type=password] {width:300px;}
.formgroup .form dl dd .summary {text-align:left;}
.formgroup .form .h20 dt {line-height:2rem;padding:0;}
.formgroup .form .group {padding:8px 0;}
.formgroup .form .group dl {padding:2px 0;}
.formgroup .form .input:after {content:'';display:block;clear:both;}
.formgroup .form .input input[type=text],
.formgroup .form .input input[type=password] {display:block;float:left;}
.formgroup .form .input .button.middle {display:block;float:left;width:auto;padding-left:18px;padding-right:18px;margin-left:10px;}
.formgroup .form .address .input {margin-top:4px;}
.formgroup .form .address .input.post {margin-top:0;}
.formgroup .form .address .input.post input {width:126px;}
.formgroup .form .address .check {height:20px;margin-bottom:10px;}
.formgroup .form .birth .select {display:block;float:left;margin-left:4px;}
.formgroup .form .birth .select select {width:110px;}
.formgroup .form .birth .select.long {margin-left:0;}
.formgroup .form .birth .select.long select {width:140px;}
.formgroup .form .deliver .select {margin-bottom:4px;}
.formgroup .form .refund .select {display:block;float:left;width:180px;margin-right:4px;}
.formgroup .form .refund input[type=text] {display:block;float:left;width:186px;}
.formgroup .form .refund .button.middle {width:66px;padding-left:0;padding-right:0;}
.formgroup .form .refund .depositor {margin-top:14px;font-size:1.6rem;line-height:1.8rem;}
.formgroup .form .refund.non_member input[type=text] {width:256px;}
.formgroup .form .refund.non_member input.long {width:370px;margin-top:4px;}
.formgroup .form .refund.non_member input.full {width:440px;margin-top:4px;}
.formgroup .form .refund.non_member input + .button {margin-top:4px;}
.formgroup .form .refund.non_member .info_text_dot {margin-top:8px;}
.formgroup .form .receipt .typeselect {height:20px;}
.formgroup .form .receipt .input {margin-top:20px;}
.formgroup .form .receipt .select {display:block;float:left;width:180px;margin-right:4px;}
.formgroup .form .receipt input[type=text] {display:block;float:left;width:256px;}
.formgroup .form .output {padding:0;}
.formgroup .form .output dd {font-size:1.6rem;line-height:4rem;}
.formgroup .form.output dl {padding:0;}
.formgroup .form.output dt {padding-top:0;}
.formgroup .form.output dt,
.formgroup .form.output dd {line-height:3rem;}
.formgroup .form.wide dd {width:calc(100% - 130px);}
.formgroup .form.address_list > * {padding-top:30px;border-top:solid 1px #dfe1eb;margin-top:20px;}
.formgroup .form.address_list > *:first-child {padding-top:10px;border-top:none;margin-top:0;}

/* 안내문구 */
.info_text_dot {margin-top:18px;}
.info_text_dot li {position:relative;padding-left:8px;font-size:1.2rem;color:#888;line-height:1.6rem;}
.info_text_dot li:before {content:'·';position:absolute;left:-2px;top:0;}
.info_text_dot li .button {vertical-align:top;margin-left:9px;}
.info_text_star {margin-top:18px;}
.info_text_star dt {font-size:1.4rem;color:#888;font-weight:700;line-height:1.7rem;margin-bottom:8px;}
.info_text_star dt:before {content:'※ ';}
.info_text_star dd {position:relative;padding-left:8px;font-size:1.2rem;color:#888;line-height:1.6rem;}
.info_text_star dd:before {content:'·';position:absolute;left:-2px;top:0;}
.info_text_star dd .button {vertical-align:top;}
span.info_text_dot {display:inline-block;vertical-align:middle;position:relative;padding-left:8px;margin-top:0;margin-left:6px;font-size:1.2rem;color:#888;line-height:1.6rem;}
span.info_text_dot:before {content:'·';position:absolute;left:-2px;top:0;}

/* 공유하기 */
.btn_share {position:relative;}
.sharebox {position:absolute;left:-1000px;z-index:2;min-width:40px;border:solid 1px #111;background-color:#fff;padding:19px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.15);}
.sharebox ul {overflow:hidden;}
.sharebox li {float:left;margin-left:4px;}
.sharebox li:first-child {margin-left:0;}

/* 배송지 */
.destination_list li {border-bottom:solid 1px #dfe1eb;padding:30px 0;}
.destination_list li:first-child {border-top:solid 1px #dfe1eb;}
.destination_list .titlebox {position:relative;}
.destination_list .titlebox .radio .label {margin-right:0;font-size:1.6rem;color:#111;}
.destination_list .titlebox .radio :checked + .label {font-weight:700;}
.destination_list .titlebox .radio .label .default {display:inline-block;vertical-align:top;height:14px;padding:0 2px;border:solid 1px #3343E0;margin:2px 7px 0 0;font-size:1.2rem;color:#3343E0;line-height:1.3rem;font-weight:400;}
.destination_list .titlebox .btns {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.2rem;}
.destination_list .detailbox {position:relative;margin-top:10px;background-color:#f5f5f5;padding:16px 20px 17px;line-height:2rem;}
.destination_list .detailbox .mobile {position:relative;display:inline-block;vertical-align:top;padding-left:21px;}
.destination_list .detailbox .mobile:before {content:'';position:absolute;left:10px;top:50%;transform:translateY(-50%);width:1px;height:14px;background-color:#dfe1eb;}
.destination_list .detailbox .btns {position:absolute;right:20px;top:50%;transform:translateY(-50%);}
.destination_list .detailbox .btns .button.small {min-width:52px;}

/* 쿠폰 */
.coupon_down_list dt {color:#888;line-height:1.4rem;font-weight:700;margin-bottom:14px;}
.coupon_down_list dd {border-bottom:solid 1px #dfe1eb;padding-bottom:17px;margin-bottom:20px;}
.coupon_down_list .info {margin-top:12px;}
.coupon_down_list .info .title {font-size:1.6rem;font-weight:700;}
.coupon_down_list .info .text {font-size:1.2rem;line-height:1.6rem;color:#888;margin-top:4px;}
.coupon_down_list .download {position:relative;overflow:hidden;}
.coupon_down_list .download .couponbox {border:solid 1px #111;border-radius:4px;overflow:hidden;padding:25px 0;}
.coupon_down_list .download:before,
.coupon_down_list .download:after {content:'';position:absolute;right:71px;width:16px;height:16px;background-color:#fff;border:solid 1px #111;border-radius:50%;}
.coupon_down_list .download:before {top:-9px;}
.coupon_down_list .download:after {bottom:-9px;}
.coupon_down_list .download .discount {float:left;width:calc(100% - 107px);height:68px;padding-left:28px;border-right:solid 1px #dfe1eb;}
.coupon_down_list .download .discount .box:before {content:'C O U P O N';display:block;width:100%;color:#3343E0;font-size:1.2rem;font-weight:700;margin-bottom:7px;}
.coupon_down_list .download .discount .box strong {display:inline-block;vertical-align:top;font-size:4rem;line-height:4rem;}
.coupon_down_list .download .discount .box .free {font-size:3.6rem;}
.coupon_down_list .download .discount .box span {display:inline-block;vertical-align:top;color:#888;margin-left:5px;line-height:2rem;}
.coupon_down_list .download .state {float:right;width:78px;text-align:center;}
.coupon_down_list .download .state .count {display:inline-block;vertical-align:top;border:solid 1px #ced0d9;padding:2px 6px 3px 18px;background-image:url(../../../imgs/front/cw/global/bg_multiply.png);background-position:6px center;background-repeat:no-repeat;border-radius:10px;font-size:1.2rem;line-height:1.3rem;margin-bottom:8px;}
.coupon_down_list .download .state .box {width:32px;height:32px;margin:0 auto;padding:4px;line-height:1.6rem;text-align:center;}
.coupon_down_list .download .state .box .btn_coupon {display:block;height:100%;background:url(../../../imgs/front/cw/global/bg_coupon_download.png) center center no-repeat;text-indent:-999em;}
.coupon_down_list .end {color:#888;}
.coupon_down_list .end .download {color:#fff;}
.coupon_down_list .end .download .couponbox,
.coupon_down_list .end .download:before,
.coupon_down_list .end .download:after {border-color:#e0e0e0;}
.coupon_down_list .end .download .couponbox {background-color:#e0e0e0;}
.coupon_down_list .end .download .discount {color:#fff;border-color:#ebebeb;}
.coupon_down_list .end .download .discount .box:before,
.coupon_down_list .end .download .discount .box span {color:#fff;}
.coupon_down_list .end .download .state .count {border-color:#fff;background-image:url(../../../imgs/front/cw/global/bg_multiply_w.png);}

/* 도움말 */
.help {display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../../../imgs/front/cw/global/icon_help.png) center center no-repeat;text-indent:-999em;line-height:0;margin-top:-2px;}

/* LAYOUT **************************************************/
.innerwidth {margin:0 auto !important;}
.innerwidth:after {content:'';display:block;clear:both;}

#wrap {background-color:#fff;overflow-x:hidden;}

#topbanner {width:100%;position:relative;overflow:hidden;transition:height 0.2s;}
#topbanner .innerwidth {height:100%;}
#topbanner .banner {position:relative;width:1920px;margin-left:calc((1280px - 1920px) / 2);}
#topbanner .btn_close {position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url(../../../imgs/front/cw/global/close_30_b.png) center center no-repeat;text-indent:-999em;}
#topbanner.hide {height:0;}

#header {position:relative;background:#111;}
#header .logo_section {}
#header .logo_section .innerwidth {display:flex;justify-content:space-between;}
#header .logo_section .innerwidth:after {display:none;}
#header .logo_section h1 {padding:20px 0px;}
#header .logo_section .util-box {display:flex;align-self:flex-start;}
#header .logo_section .util-box .popular_search {position:relative;width:130px;margin-top:24px;}
#header .logo_section .util-box .popular_search .ranking {height:20px;overflow:hidden;margin:0 22px 0 0px;}
#header .logo_section .util-box .popular_search div {position:relative;}
#header .logo_section .util-box .popular_search ol {counter-reset:list-number;}
#header .logo_section .util-box .popular_search li {height:20px;counter-increment:list-number;line-height:2rem;}
#header .logo_section .util-box .popular_search li:before {content:counter(list-number)". ";display:block;float:left;font-family: 'outfit';font-size:1.4rem;font-weight:400;color:#fff;margin-right:8px;}
#header .logo_section .util-box .popular_search li a {float:left;width:calc(100% - 30px);color:#fff;font-family: 'outfit';font-size:1.4rem;line-height:2rem;}
#header .logo_section .util-box .popular_search .open {position:absolute;right:0;top:0;width:14px;height:20px;background:url(../../../imgs/front/cw/global/pc_icon_arrow_down.png) center center no-repeat;text-indent:-999em;}
#header .logo_section .util-box .popular_search .searchview_box {display:none;position:absolute;top:44px;right:0;z-index:99;width:280px;background-color:#fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);}
#header .logo_section .util-box .popular_search .searchview_box dl {}
#header .logo_section .util-box .popular_search .searchview_box dt {position:relative;border-bottom:solid 1px #E8E8E8;padding:20px;font-weight:600;}
#header .logo_section .util-box .popular_search .searchview_box dd {padding:20px 0px;}
#header .logo_section .util-box .popular_search .searchview_box .title {font-size:1.5rem;line-height:3rem;}
#header .logo_section .util-box .popular_search .searchview_box .close {position:absolute;right:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:url(../../../imgs/front/cw/global/pc_icon_etc_close_1.png) center center no-repeat;text-indent:-999em;}
#header .logo_section .util-box .popular_search .searchview_box ol {height:auto;top:auto !important;}
#header .logo_section .util-box .popular_search .searchview_box li {position:relative;height:30px;padding:0 20px;margin-bottom:4px;line-height:3rem;}
#header .logo_section .util-box .popular_search .searchview_box li:before {width:22px;font-size:1.5rem;font-weight:600;color:#3343E0;}
#header .logo_section .util-box .popular_search .searchview_box li a {color:#111;line-height:3rem;}
#header .logo_section .util-box .popular_search .searchview_box li:last-child {margin-bottom:0px;}
#header .logo_section .util-box .popular_search .searchview_box li:hover {background-color:#F0F3FA;}
#header .logo_section .util-box > ul {margin-top:24px;margin-left:30px;}
#header .logo_section .util-box > ul:after {content:'';display:block;clear:both;}
#header .logo_section .util-box > ul li {float:left;margin:0 10px 0 11px;position:relative;}
#header .logo_section .util-box > ul li a {display:block;font-family:'outfit';font-size:1.4rem;color:#aaa;line-height:2rem;}
#header .logo_section .util-box > ul li:after {content:'';position:absolute;left:-11px;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#888;}
#header .logo_section .util-box > ul li:first-child:after {display:none;}
#header .logo_section .util-box > ul li:last-child {margin-right:0;}
#header .logo_section .word_box {display:none;position:absolute;left:0;z-index:99;width:calc(100% - 2px);background-color:#fff;border:solid 1px #dfe1eb;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.15);}
#header .logo_section .word_box dl {padding:0 19px 19px;}
#header .logo_section .word_box dt {position:relative;border-bottom:solid 1px #dfe1eb;padding:17px 0;}
#header .logo_section .word_box dd {border-bottom:solid 1px #dfe1eb;padding:10px 0;}
#header .logo_section .word_box .title {line-height:1.5rem;}
#header .logo_section .word_box .button {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.2rem;}
#header .logo_section .word_box ul {height:auto;top:auto !important;margin:0 -19px;}
#header .logo_section .word_box li {position:relative;height:20px;padding:5px 19px;line-height:19px;}
#header .logo_section .word_box li .word {position:relative;display:block;width:calc(100% - 50px);height:20px;padding-left:30px;}
#header .logo_section .word_box li .word:before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#d0d2db url(../../../imgs/front/cw/global/search_20.png) center center no-repeat;border-radius:50%;}
#header .logo_section .word_box li .delete {position:absolute;right:19px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url(../../../imgs/front/cw/global/close_20.png) center center no-repeat;text-indent:-999em;}
#header .logo_section .word_box li:hover {background-color:#f5f5f5;}
#header .logo_section .word_box li a:hover {text-decoration:underline;}
#header .logo_section .word_box li.none {height:auto;padding:25px 0;}
#header .logo_section .word_box li.none:hover {background-color:#fff;}
#header .logo_section .word_box li.none .none_data {background-image:url(../../../imgs/front/cw/global/none_data_search.png)}
#header .util_section {position:absolute;top:0;right:0;width:100%;height:29px;border-bottom:solid 1px #dfe1eb;}
#header .util_section ul {position:absolute;top:8px;right:50%;margin-right:-640px;}
#header .util_section ul:after {content:'';display:block;clear:both;}
#header .util_section ul li {float:left;margin:0 10px 0 11px;position:relative;}
#header .util_section ul li a {display:block;font-size:1.2rem;color:#888;}
#header .util_section ul li:after {content:'';position:absolute;left:-11px;top:0;width:1px;height:12px;background-color:#dfe1eb;}
#header .util_section ul li:first-child:after {display:none;}
#header .util_section ul li:last-child {margin-right:0;}
#header .gnb_section .innerwidth {position:relative;}
#header .gnb_section .viewcate {float:left;width:30px;padding:6px 15px 24px 0px;position:relative;}
#header .gnb_section .viewcate .btn_cate {height:30px;position:relative;background:url(../../../imgs/front/cw/global/btn_cate.png) center top no-repeat;text-align:center;text-indent:-999em;cursor:pointer;}
#header .gnb_section .viewcate.on .btn_cate {height:30px;background-position:center bottom;}
#header .gnb_section .gnb {float:left;width:calc(100% - 77px - 281px);}
#header .gnb_section .gnb:after {content:'';display:block;clear:both;}
#header .gnb_section .gnb li {float:left;}
#header .gnb_section .gnb li a {display:block;}
#header .gnb_section .gnb li.text a {padding:8px 15px;color:#fff;font-family: 'outfit';font-size:1.8rem;font-weight:400;line-height:2.6rem;}
#header .gnb_section .util {float:right;max-width:calc(50% - 220px);position:relative;}
#header .gnb_section .util:after {content:'';display:block;clear:both;}
#header .gnb_section .util > li {position:relative;float:left;padding:6px 15px 24px;}
#header .gnb_section .util > li:last-child {padding-right:0;}
#header .gnb_section .util li .target {display:block;width:30px;height:30px;overflow:hidden;background-repeat:no-repeat;background-position:center center;text-indent:-999em;}
#header .gnb_section .util li .delete {position:absolute;right:0;top:0;width:20px;height:20px;background:url(../../../imgs/front/cw/global/close_20.png) center center no-repeat;text-indent:-999em;}
#header .gnb_section .util li.search .target {background-image:url(../../../imgs/front/cw/global/gnb_search.png)}
#header .gnb_section .util li.mypage .target {background-image:url(../../../imgs/front/cw/global/gnb_mypage.png)}
#header .gnb_section .util li.recently .target {background-image:url(../../../imgs/front/cw/global/gnb_recently.png)}
#header .gnb_section .util li.favorite .target {background-image:url(../../../imgs/front/cw/global/gnb_favorite.png)}
#header .gnb_section .util li.basket .target {background-image:url(../../../imgs/front/cw/global/gnb_cart.png)}
#header .gnb_section .util li .util_box {display:none;position:absolute;right:0;z-index:99;width:376px;background-color:#fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);}
#header .gnb_section .util li .util_box dl {}
#header .gnb_section .util li .util_box dt {position:relative;padding:20px;border-bottom:solid 1px #E8E8E8;font-weight:600;}
#header .gnb_section .util li .util_box dt .title {font-family: 'outfit';font-size:1.5rem;line-height:2.2rem;}
#header .gnb_section .util li .util_box dt .button {position:absolute;right:20px;top:50%;margin-top:-10px;font-size:1.4rem;color:#888;font-weight:400;line-height:2rem;text-decoration:underline;}
#header .gnb_section .util li .util_box dd {padding:0px 20px;}
#header .gnb_section .util li .util_box dd li.none {border-bottom:none 0;padding:74px 0px;}
#header .gnb_section .util li .util_box dd li.none .none_data_recently,
#header .gnb_section .util li .util_box dd li.none .none_data_cart {background:none;padding-top:0px;color:#888 !important;font-size:1.5rem !important;line-height:2.2rem !important;}
#header .gnb_section .util li .util_box dd .paging {margin-top:0px;margin-bottom:20px;}
#header .gnb_section .util li.mypage .util_box {width:280px;}
#header .gnb_section .util li.mypage .util_box dt {padding:20px;}
#header .gnb_section .util li.mypage .util_box dt .link {position:relative;display:block;background:url(../../../imgs/front/cw/global/icon_human.png) no-repeat center left;padding:0px 30px;font-size:1.8rem;line-height:2.6rem;font-weight:500;}
#header .gnb_section .util li.mypage .util_box dt .link:after {position:absolute;top:50%;right:0;width:6px;height:10px;margin-top:-5px;background:url(../../../imgs/front/cw/global/icon_mypage_arrow.png) no-repeat center center;content:"";}
#header .gnb_section .util li.mypage .util_box dt .grade {position:absolute;right:0;top:29px;width:30px;height:30px;}
#header .gnb_section .util li.mypage .util_box dd {padding:20px;}
#header .gnb_section .util li.mypage .util_box dd li {margin-bottom:4px;}
#header .gnb_section .util li.mypage .util_box dd li:last-child {margin-bottom:0px;}
#header .gnb_section .util li.mypage .util_box dd li a {display:block;position:relative;padding:4px 0;font-size:1.5rem;color:#555;line-height:2.2rem;}
#header .gnb_section .util li.mypage .util_box dd li a:hover {color:#111;}
#header .gnb_section .util li.mypage .util_box dd li .count {position:absolute;right:0;font-size:1.4rem;}
#header .gnb_section .util li.mypage .util_box dd li .count .fc_point {font-size:1.5rem;font-weight:600;}
#header .gnb_section .util li.mypage .util_box dd li a:hover .count {color:#111;}
#header .gnb_section .util li.search .search_layer {display:none;position:fixed;left:0;top:0;z-index:99;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);}
#header .gnb_section .util li.search .search_layer .search_box {padding:80px 0px;background:#fff;}
#header .gnb_section .util li.search .search_layer .close {position:absolute;top:40px;right:40px;width:60px;height:60px;background:url(../../../imgs/front/cw/global/icon_search_close.png) no-repeat center center;text-indent:-999em;}
#header .gnb_section .util li.search .search_layer .form {position:relative;width:624px;margin:0 auto;}
#header .gnb_section .util li.search .search_layer form {}
#header .gnb_section .util li.search .search_layer form input {display:block;width:100%;height:60px;background:#fff;border:none;border-bottom:2px solid #111;padding:0px 10px;font-size:1.8rem;font-weight:500;}
#header .gnb_section .util li.search .search_layer form input::placeholder {color:#888;}
#header .gnb_section .util li.search .search_layer form button {position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url(../../../imgs/front/cw/global/icon_gnb_search.png) no-repeat center center;text-indent:-999em;}
#header .gnb_section .util li.search .search_layer .word_box {width:624px;margin:0 auto;}
#header .gnb_section .util li.search .search_layer .word_box dt {padding:30px 10px 14px;}
#header .gnb_section .util li.search .search_layer .word_box dt .title {font-size:1.8rem;line-height:2.6rem;font-weight:500;}
#header .gnb_section .util li.search .search_layer .word_box dt .button {display:none;}
#header .gnb_section .util li.search .search_layer .word_box li {position:relative;padding:4px 10px;margin-bottom:4px;}
#header .gnb_section .util li.search .search_layer .word_box li:last-child {margin-bottom:0px;}
#header .gnb_section .util li.search .search_layer .word_box li .word {display:block;width:calc(100% - 34px);font-size:1.5rem;line-height:2.2rem;}
#header .gnb_section .util li.search .search_layer .word_box li .delete {right:6px;top:50%;transform:translateY(-50%);}
#header .gnb_section .util li.search .search_layer .word_box li:hover {background-color:#F0F3FA;}
#header .gnb_section .util li.search .search_layer .word_box li:hover .word {color:#3343E0;}
.search_open #header .gnb_section .util li.search .search_layer {display:block;}
#header .cate_branch_box {display:none;position:absolute;left:0;top:60px;z-index:99;height:500px;background-color:#fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);}
#header .cate_branch_box:after {content:'';display:block;clear:both;}
#header .cate_branch_box .branch {display:none;float:left;width:280px;height:100%;overflow-y:auto;border-left:solid 1px #E8E8E8;}
#header .cate_branch_box .branch:first-child {display:block;border-left:none 0;}
#header .cate_branch_box ul {width:100%;}
#header .cate_branch_box ul li {padding:13px 20px;}
#header .cate_branch_box ul li a {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2.4rem;color:#555;font-size:1.6rem;}
#header .cate_branch_box ul li:hover,
#header .cate_branch_box ul li.on {background:url(../../../imgs/front/cw/global/arrow_category.png) right 20px center no-repeat;}
#header .cate_branch_box ul li:hover,
#header .cate_branch_box ul li.on {background-color:#F0F3FA;}
#header .cate_branch_box ul li:hover a,
#header .cate_branch_box ul li.on a {color:#111;font-weight:500;}
/*#header .cate_branch_box .branch:last-child ul li:hover,
#header .cate_branch_box .branch:last-child ul li.on {background:none;}*/
#header .cate_branch_box .branch ul li.last:hover,
#header .cate_branch_box .branch ul li.last.on {background:none;}
#header .cate_branch_box .mCSB_container_wrapper {margin-right:26px;}
#header .cate_branch_box .mCSB_container_wrapper > .mCSB_container {padding-right:0;}
#header .cate_branch_box.on {display:block;}

#container {width:1280px;min-height:500px;margin:0 auto;position:relative;padding-top:40px;}
#container:after {content:'';display:block;clear:both;}

#contents {margin-top:20px;}

.mypage_content,
.help_content{display:flex;flex-direction:column;align-items:center;}
.mypage_custom,
.help_custom{width:80vw;display:flex;justify-content:space-between;margin: 10vh auto;}

#aside {width:200px;margin-top:20px;}
#aside ~ #contents {width:calc(100% - 260px);}

#aside .title_big {margin-bottom:60px;text-align:left;}
#aside .menu {border-top:solid 1px #dfe1eb;}
#aside .menu dl {border-bottom:solid 1px #dfe1eb;padding:30px 0;}
#aside .menu dl dt {font-family:'outfit';font-size:1.8rem;font-weight:400;line-height:2rem;margin-bottom:17px;}
#aside .menu dl dd {font-size:1.6rem;color:#888;line-height:2rem;margin-top:10px;}
#aside .menu dl dd a {color:#888;}
#aside .menu dl dd .new {display:inline-block;vertical-align:top;font-size:1.2rem;margin-left:9px;}
#aside .menu dl dd.stay a {color:#111;font-weight:700;}
#aside .menu li {border-bottom:solid 1px #dfe1eb;}
#aside .menu li a {display:block;padding:22px 0;font-size:1.6rem;line-height:1.6rem;}
#aside .storeinfo {text-align:left;margin-top:27px;}
#aside .storeinfo dt,
#aside .storeinfo dd {color:#888;line-height:1.8rem;}
#aside .storeinfo dt {margin-bottom:8px;}
#aside .storeinfo .tel {font-family:'outfit';font-size:2.4rem;color:#111;line-height:2.8rem;font-weight:400;margin-bottom:10px;}

#footer {padding:0px 50px;margin:80px 100px 50px 220px;}
#footer .innerwidth {position:relative; width: 100%;}
#footer .innerwidth .top {display:flex;align-items:center;justify-content:space-between;height: 130px;text-align:left !important;}
#footer .innerwidth .right .info{width: 400px;}
#footer .menu {width:150px;height:auto;margin-top:10px;overflow:hidden;}
#footer .menu li {position:relative;display:block;margin-top:4px;}
#footer .menu li:first-child {margin-top:0px;}
#footer .menu li a {display:block;color:#000;font-size:10px;line-height: 2rem;font-weight:300;}
#footer .buttonbox {position:absolute;top:0px;right:210px;display:flex;flex-direction:column;}
#footer .buttonbox a {align-self:flex-start;color:#111;font-size:10px;line-height: 2rem;padding-right:14px;background:url(../../../imgs/front/cw/global/icon_mypage_arrow.png) no-repeat center right;}
#footer .info {margin-left:20px;font-size:0px;height:100%;}
#footer .info span {display:inline-block;vertical-align:top;position:relative;color:#000000;font-size:10px;line-height: 2rem;}
#footer .info span.line {padding-right:21px;}
#footer .info span.line:after {position:absolute;top:50%;right:10px;transform:translateY(-50%);width:1px;height:12px;background:#aaa;content:"";}
#footer .copy {color:#888;font-size:1.2rem;line-height: 1.8rem;}

#quick_top {display:none;position:fixed;bottom:20px;right:20px;z-index:10;}
#quick_top li {margin-top:10px;}
#quick_top li:first-child {margin-top:0px;}
#quick_top .top {display:block;width:60px;height:60px;background:url(../../../imgs/front/cw/global/pc_btn_top_nor.png) no-repeat center center;text-indent:-999em;}

#laybox-canvas {position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); margin: 0 !important; z-index: 10002 !important;}

.cart{position:fixed;top:40px;right:40px;width:55px;height:35px;display:flex;z-index:2}
.cart p{color:#000;font-size:10px;line-height:12px;margin:0;margin-top:17px}
.cart img{width:30px;height:30px}