@charset "utf-8";

/* notokr */
@font-face {
	font-family:'NotoSans_kr_Bold';
	src : url(//img.ssfshop.com/font/NotoSans_kr_Bold_4e9abb70b982577f8802d326e5006b17.eot),
	url(//img.ssfshop.com/font/NotoSans_kr_Bold_84cf469fb96f31d4b8d896e79325014d.woff) format('woff'),
	url(//img.ssfshop.com/font/NotoSans_kr_Bold_073dba1021899e96cb959ebe406f707a.woff2) format('woff2'),
	url(//img.ssfshop.com/font/NotoSans_kr_Bold_d661b21d0a948cad31a0de8bd63d060c.ttf) format('truetype');
	font-weight:800;
	font-style:normal;
}
@font-face {
	font-family:'NotoSans_kr_Medium';
	src : url(//img.ssfshop.com/font/NotoSans_kr_Medium_c1f84afcd04a474c37b8a573e2f7a44c.eot),
	url(//img.ssfshop.com/font/NotoSans_kr_Medium_81bd542f397d1c5560442ae96d9f5f14.woff) format('woff'),
	url(//img.ssfshop.com/font/NotoSans_kr_Medium_6a273c1578aaeb244be785ebed570c75.woff2) format('woff2'),
	url(//img.ssfshop.com/font/NotoSans_kr_Medium_0c7a6400db018d56d1e7becbb5744128.ttf) format('truetype');
	font-weight:600;
	font-style:normal;
}
@font-face {
	font-family:'NotoSans_kr_Regular';
	src : url(//img.ssfshop.com/font/NotoSans_kr_Regular_bae006813b0a476a15cc0306c573ddac.eot),
	url(//img.ssfshop.com/font/NotoSans_kr_Regular_031547cb477885094f0fb06c678c135b.woff) format('woff'),
	url(//img.ssfshop.com/font/NotoSans_kr_Regular_a288961d62681aeff38489afad616c28.woff2) format('woff2'),
	url(//img.ssfshop.com/font/NotoSans_kr_Regular_7a70d8c1df2527611971a40d007c2c28.ttf) format('truetype');
	font-weight:400;
	font-style:normal;
}
@font-face {
	font-family:'NotoSans_kr_Demilight'; /* 모두 레귤러로 치환 */
	src : url(//img.ssfshop.com/font/NotoSans_kr_Regular_bae006813b0a476a15cc0306c573ddac.eot),
	url(//img.ssfshop.com/font/NotoSans_kr_Regular_031547cb477885094f0fb06c678c135b.woff) format('woff'),
	url(//img.ssfshop.com/font/NotoSans_kr_Regular_a288961d62681aeff38489afad616c28.woff2) format('woff2'),
	url(//img.ssfshop.com/font/NotoSans_kr_Regular_7a70d8c1df2527611971a40d007c2c28.ttf) format('truetype');
	font-weight:400;
	font-style:normal;
}
/*
@font-face {
	font-family:'NotoSans_kr_Demilight';
	src : url(//img.ssfshop.com/font/NotoSans_kr_Demilight_e15163f82849976006457cde18a697c1.eot),
	url(//img.ssfshop.com/font/NotoSans_kr_Demilight_98752b54d835fa2870b10996315299a6.woff) format('woff'),
	url(//img.ssfshop.com/font/NotoSans_kr_Demilight_058459aa43a555f7fd7d9f988713e73a.woff2) format('woff2'),
	url(//img.ssfshop.com/font/NotoSans_kr_Demilight_a997bb7a0ece975e73f16ebf1a6c566a.ttf) format('truetype');
	font-weight:200;
	font-style:normal;
}
*/
@font-face {
	font-family:'NotoSans_kr_Light';
	src : url(//img.ssfshop.com/font/NotoSans_kr_Light_cd2b5e732aa33c73340acd82a5406304.eot),
	url(//img.ssfshop.com/font/NotoSans_kr_Light_2ea9b0e3609fed1eb1ddc97c177c70cb.woff) format('woff'),
	url(//img.ssfshop.com/font/NotoSans_kr_Light_251f03d8302b2bb85bf86f14a7bc7057.woff2) format('woff2'),
	url(//img.ssfshop.com/font/NotoSans_kr_Light_bff7374cfbadb765f300ace765c0ba8e.ttf) format('truetype');
	font-weight:100;
	font-style:normal;
}

/* ssf */
@font-face {
	font-family:'SSF_Bold';
	src : url(//img.ssfshop.com/font/SSF_Bold_fedf588eb82cf1e9ab65a806e608aaf2.eot),
	url(//img.ssfshop.com/font/SSF_Bold_1993c2e51511563c287aa8de0fb61f99.woff) format('woff'),
	url(//img.ssfshop.com/font/SSF_Bold_4960fdbee36c3a0fb57ee0c76c53f813.woff2) format('woff2'),
	url(//img.ssfshop.com/font/SSF_Bold_1744ea394f50573c9bbb8e71711f8c47.ttf) format('truetype');
	font-weight:600;
	font-style:normal;
}
@font-face {
	font-family:'SSF_Regular';
	src : url(//img.ssfshop.com/font/SSF_Regular_ca6a7e60092b1bd7cbf9f05eba7f4247.eot),
	url(//img.ssfshop.com/font/SSF_Regular_7c35a4976825b2b71bcafdd4f6d42364.woff) format('woff'),
	url(//img.ssfshop.com/font/SSF_Regular_58ffefbbb13f2ff8c03b86e019c1b72e.woff2) format('woff2'),
	url(//img.ssfshop.com/font/SSF_Regular_92d35593d19d01621468abf8b05d796c.ttf) format('truetype');
	font-weight:400;
	font-style:normal;
}
@font-face {
	font-family:'SSF_Light';
	src : url(//img.ssfshop.com/font/SSF_Light_b4e56d9eda6cb62707871694d21d37ef.eot),
	url(//img.ssfshop.com/font/SSF_Light_c8daa55a7b77ae664152ae21af2659d8.woff) format('woff'),
	url(//img.ssfshop.com/font/SSF_Light_1d81c3edec04fa9b0fb233c05f67a771.woff2) format('woff2'),
	url(//img.ssfshop.com/font/SSF_Light_0f70e9cb53296a15af13188e22e2842b.ttf) format('truetype');
	font-weight:200;
	font-style:normal;
}
@font-face {
	font-family:'SSF_Thin';
	src : url(//img.ssfshop.com/font/SSF_Thin_cfb1501be09e09b5320138a52f166482.eot),
	url(//img.ssfshop.com/font/SSF_Thin_f519155b54aa5c226adc4ce66247cad9.woff) format('woff'),
	url(//img.ssfshop.com/font/SSF_Thin_fda487aaa89f92fbb1b5da5a8794ac0e.woff2) format('woff2'),
	url(//img.ssfshop.com/font/SSF_Thin_b3a382adaf6a3925c97d5d899e4bd082.ttf) format('truetype');
	font-weight:100;
	font-style:normal;
}
b, strong {font-weight:normal; font-family:'SSF_Bold', 'NotoSans_kr_Medium';}

.safari * {
 	-webkit-text-stroke:0.01px;
 	letter-spacing:-1px;
}

/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, u,
dl, dt, dd, ol, ul, li,
form,fieldset,legend,input,label,button,textarea,/*select,*/
table, caption, tbody, tfoot, thead, tr, th, td,
textarea, input,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight:500; line-height:1.1; color:inherit; font-family:'SSF_Bold','NotoSans_kr_Medium';}
h1 {line-height:52px; font-size:48px;}
h2 {line-height:40px; font-size:36px;}
h3 {line-height:28px; font-size:24px;}
h4 {line-height:20px; font-size:16px;}
small {font-size:14px;}

html,body {width:100%; height:100%;}
body {background-color:#fff; text-align:left; *word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none;}

article, aside, canvas, details, figcaption, figure,
footer, header, main, hgroup, menu, nav, section, summary {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:none;}

ins {text-decoration:none;}
mark {font-style:italic; font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;}

table {empty-cells:show; border-collapse:collapse; border-spacing:0;}
table td {word-break:break-all;}
ol,ul,li {list-style:none;}

img,fieldset,iframe {border:0 none;}

input,select,button,img/*,label*/,textarea {vertical-align:middle;}
label,button {cursor:pointer;}

textarea {border:1px solid #dadada;}

body,select,input,button,textarea {font-size:14px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight', sans-serif; color:#111; -webkit-font-smoothing:antialiased;}

legend {*width:0;}
legend,hr,caption {overflow:hidden; font-size:0; width:0; height:0; line-height:0; opacity:0;}
legend,hr {overflow:hidden; position:absolute; top:0; left:0;}

i,em,address {font-style:normal;}

a {color:#111; text-decoration:none;}
a:link,
a:visited {color:#111; /*text-decoration:none;*/}
a:hover {text-decoration:none;}
a:focus {*outline:none;} 
a[href^=tel] {color:inherit; text-decoration:none;} /* iphone number color reset */

.cursor_none {cursor:default;}

:lang(en) {}
:lang(ko) {}
:lang(zh) {}
:lang(ja) {}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.ie_update {*display:none; text-align:center; width:100%; background:#f7f7f7; text-align:center;}
.browser {*display:none; text-align:center; width:100%; background:#f7f7f7;}
.ie_update img,
.browser img {width:auto;}

body {width:auto;}

/* input */
input[type="text"], input[type="number"], input[type="password"], input[type=tel], input[type="email"], input[type="url"] {
	margin:-3px 0 0 0;
	padding:5px 0;
	width:100%;
	height:24px;
	line-height:24px;
	border:0;
	border-bottom:1px solid #e5e5e5;
	box-sizing:content-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type=tel]:focus, input[type="email"]:focus, input[type="url"]:focus {border-color:#8e8e8e;}
input::-ms-clear {display:none; width:0; height:0;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;} /* input reset */
::-webkit-input-placeholder {color:#959595;} /* WebKit browsers */
:-moz-placeholder {color:#959595; opacity:1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#959595; opacity:1;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#959595;} /* Internet Explorer 10+ */
input:focus {color:#111; *outline:none;}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type=tel]:focus, input[type="email"]:focus, input[type="url"]:focus {border-color:#8e8e8e;}

textarea {
	padding:20px;
	width:calc(100% - 40px);
	line-height:18px;
	border:1px solid #d4d4d4;
	overflow:auto;
}

select {
	margin:-3px 0 0 0;
	padding:2px 0 2px 6px;
	width:auto;
	height:24px;
	border:1px solid #d4d4d4;
	box-sizing:content-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:#FFF url("../images/base/bg_base.png") right -295px no-repeat;
	color:#5F5F5F;
	text-align:left;
	max-width:none !important;
	*outline:none;
	overflow:hidden;
	text-overflow:"";
}
select::-ms-expand {display:none;}

/* select box */
.select {display:inline-block; position:relative; margin-top:-3px; height:35px; text-align:left; vertical-align:middle;}
.select.over {z-index:10;}
.select > a label {display:inline-block; position:relative; padding:5px 24px 5px 0; height:24px; line-height:24px; vertical-align:top; border-bottom:1px solid #e5e5e5; background:url("../images/base/bg_base.png") #fff right -292px no-repeat; overflow:hidden; cursor:default;}
.select.over > a label {border-color:#d4d4d4; background-position:right -342px;}
.select .option {display:none; position:absolute; top:0; left:0; width:100%;}
.select.over .option {display:inline-block;}
.select.over .option > ul {margin-top:34px; border:1px solid #e5e5e5; background-color:#fff; max-height:205px; overflow-y:auto;}
.select .option > ul > li {margin-top:0 !important;}
.select .option > ul > li > a {display:block; margin:0; padding:5px 10px 5px 8px; line-height:24px; background:#fff; cursor:default;}
.select .option > ul > li:not(.title):hover > a {background-color:#e5e5e5;}
.select .option > ul > li.title a {border-bottom:1px solid #e5e5e5;}
.select .option > ul > li.disabled a {color:#959595; /* text-decoration:line-through !important; */}
.select .option > ul > li.on > a {background-color:#e5e5e5;}

/* check & radio */
input[type=checkbox], input[type=radio] {position:absolute; width:0;}
.checkbox > input[type=checkbox], .radio > input[type=radio] {width:0; height:0;}

.checkbox > label, .radio > label {display:inline-block; margin:0 10px 0 0; min-height:34px; line-height:34px; vertical-align:middle; /* border:1px solid #fff; box-sizing:border-box; */}
.checkbox > label > i, .radio > label > i {display:inline-block; margin:-3px 8px 0 0; vertical-align:middle; width:20px; height:20px; background:url("../images/base/bg_base.png") no-repeat;}
.checkbox > label > i {background-position:0 -7px;}
.checkbox > input[type=checkbox]:checked + label > i {background-position:0 -107px; *color:#f56592;}
.checkbox > input[type=checkbox]:disabled + label > i {background-color:#eee; *color:#f56592; cursor:default;}
.radio > label > i {background-position:0 -157px; border-radius:7px;}
.radio > input[type=radio]:checked + label > i {background-position:0 -257px; *color:#f56592;}
.radio > input[type=radio]:disabled + label > i {background-color:#eee; *color:#f56592; cursor:default;}
/*
.checkbox > input[type=checkbox]:focus + label,
.radio > input[type=radio]:focus + label {border:1px dotted #8e8e8e;}
*/

/* heart */
.heart > label {display:inline-block; margin:0; width:20px; height:18px; vertical-align:middle; font-size:0;}
.heart > label > i {display:inline-block; margin:-1px 0 0 0; vertical-align:middle; width:20px; height:20px; background:url("../images/base/heart.png") no-repeat right bottom;}
.heart > input[type=checkbox]:checked + label > i {background-position:right top;}

/* star point */
.star {display:inline-block; width:80px; height:16px; vertical-align:middle; background:url("../images/base/starpoint.png") no-repeat;}
section.detail .tag .review .star {width:100px; background:url('../images/base/starpoint_small.png') no-repeat;}
.star.point0 {background-position:left 0 !important;}
.star.point0h {background-position:left -16px !important;}
.star.point1 {background-position:left -32px !important;}
.star.point1h {background-position:left -48px !important;}
.star.point2 {background-position:left -64px !important;}
.star.point2h {background-position:left -80px !important;}
.star.point3 {background-position:left -96px !important;}
.star.point3h {background-position:left -112px !important;}
.star.point4 {background-position:left -128px !important;}
.star.point4h {background-position:left -144px !important;}
.star.point5 {background-position:left -160px !important;}
.star.big {margin-top:25px; width:190px; height:35px; background:url("../images/base/starpoint_large.png");}
.star.big.point0 {background-position:left 0 !important;;}
.star.big.point0h {background-position:left -35px !important;;}
.star.big.point1 {background-position:left -70px !important;;}
.star.big.point1h {background-position:left -105px !important;;}
.star.big.point2 {background-position:left -140px !important;;}
.star.big.point2h {background-position:left -175px !important;;}
.star.big.point3 {background-position:left -210px !important;;}
.star.big.point3h {background-position:left -245px !important;;}
.star.big.point4 {background-position:left -280px !important;;}
.star.big.point4h {background-position:left -315px !important;;}
.star.big.point5 {background-position:left -350px !important;;}
.star > input[type=radio] {float:left; width:0; height:0;}
.star > label {float:left; width:16px; height:16px; font-size:0px;}

/* button */
button {display:inline-block; margin-top:-3px; padding:5px 15px; height:24px; line-height:24px; vertical-align:middle; background:#eee; border:1px solid #d4d4d4; box-sizing:content-box; cursor:pointer;}
button:focus {*outline:none;} 

a.btn {display:inline-block; padding:5px 20px; height:25px; line-height:25px; color:#444; text-align:center; border:1px solid #e5e5e5; background:#fff; font-size:14px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; overflow:hidden;}
a.link {padding:2px 0; border-bottom:1px solid #111;}

a.btn.bk {color:#fff; background:#111; border:1px solid #111;}
a.btn.dg {color:#fff; background:#444; border:1px solid #444;}
a.btn.br {color:#111; border:1px solid #111;}
a.btn.gy {color:#fff; background:#444; border:1px solid #444;}

a.btn.big {padding:12px 50px;}
a.disabled {color:#999 !important; cursor:default;}

a.play {position:absolute; top:50%; left:50%; margin:-55px 0 0 -55px !important; z-index:2;}
a.play img {width:auto;}

.submit {margin-top:50px; text-align:center;}
.submit:after {display:block; clear:both; content:"";}
.submit a.btn + a.btn {margin-left:10px;}
.submit a.btn.half {padding:12px 0 !important; float:left; width:calc(49% - 2px);}
.submit a.btn.half + a.btn.half {margin-left:2%;}
.submit a.btn.full {padding:12px 0; width:calc(100% - 2px);}
.submit a.btn.full + a.btn.full {margin:10px 0 0 0;}

/* Design Box */
input.box,
label.box {text-indent:8px; border:1px solid #e5e5e5 !important;}
input.box:focus {border-color:#8e8e8e !important;}

/* input function */
.input_box {position:relative;}
.input_box .skills {position:absolute; margin-top:-14px; top:50%; right:5px;}
.input_box .skills i + i {margin-left:6px;}
.input_box .skills .show_pass {display:inline-block; width:22px; height:22px; background:url("../images/base/bg_base.png") no-repeat #fff center -400px; cursor:pointer;}
.input_box .skills .reset_txt {display:none; width:22px; height:22px; background:url("../images/base/bg_base.png") no-repeat #fff center -500px; cursor:pointer; vertical-align:top;}
.input_box .skills .valid_txt,
.input_box .skills .pw_txt {display:none; height:22px; line-height:27px; vertical-align:top; color:#5b1eaa; font-size:14px;}
.valid .input_box .skills .valid_txt {display:inline-block;}
.valid .input_box .skills.pw_level .pw_txt {display:inline-block;}
/* input.invalid, textarea.invalid {border:1px solid red;}
input.valid, textarea.valid {border:1px solid green;} */

/* input & select */
.input_select {position:relative;}
.input_select.on ul {display:block;}
.input_select ul {display:none; position:absolute; z-index:10; left:0px; top:29px; padding:20px 0; text-indent:6px; width:100%; border:1px solid #e5e5e5; box-sizing:border-box; background-color:#fff;}
.input_select ul li {display:block; padding:0 20px; font-size:13px; line-height:36px; background:#fff; cursor:default;}

/* focus color */
*input:focus, textarea:focus, button:focus, select:focus {border-color:#e5e5e5;}
.select > a:focus label, .select.over .option > ul {border-color:#e5e5e5;}

.form_wrap {width:100%;}
.form_wrap > .check_txt {position:relative; float:right; margin-right:290px; padding-left:14px; font-size:13px; color:#8e8e8e; line-height:12px;}
.form_wrap > .check_txt:after {position:absolute; top:5px; left:0; width:4px; height:4px; background-color:#5b1eaa; border-radius:3px; content:'';}
.form_wrap > ul {*border:1px solid #aaa;}
.form_wrap > ul > li {display:table; padding:10px 0; width:100%; min-height:35px; line-height:35px;}
.form_wrap > ul > li + li {*border-top:1px solid #aaa;}
.form_wrap > ul > li .item {display:table-cell; padding:5px 0 6px; width:140px; line-height:20px; vertical-align:middle; color:#8e8e8e;}
.form_wrap > ul > li .item.check {position:relative;}
.form_wrap > ul > li .item.check:after {position:absolute; top:10px; width:4px; height:4px; margin-left:6px; background-color:#5b1eaa; border-radius:3px; content:'';}
.form_wrap > ul > li .input_box {display:inline-block; width:100%;}
.form_wrap > ul > li .desc, .form_wrap > ul > li .txt {margin-top:5px; line-height:20px; color:#959595; font-size:12px;}
.form_wrap > ul > li.valid .desc, .form_wrap > ul > li.invalid .desc {display:none;}
.form_wrap > ul > li .txt {display:none;}
.form_wrap > ul > li.valid .txt, .form_wrap > ul > li.invalid .txt {display:block;}
.form_wrap > ul > li.valid .txt {color:#5b1eaa !important;}
.form_wrap > ul > li.invalid .txt {color:#f0394d !important;}
.form_wrap > ul > li .file_box input[type="file"] {display:none;}
.form_wrap > ul.unit_list {margin-bottom:10px;}
.form_wrap > ul.unit_list li {position:relative; padding:0 0 10px 0;}
.form_wrap > ul.unit_list li .input_box {width:170px; margin-top:10px;}
.form_wrap > ul.unit_list .txt {position:absolute; bottom:-15px; left:0;}
.form_wrap > p {margin:10px 0 0;}

/* input img preview */
.file_box:after {display:block; content:""; clear:both;}
.file_box .prev_img li {display:inline-block; position:relative; margin-left:10px; float:left; width:94px; height:124px; background:url("../images/ui/img_add.png") #fff no-repeat center center; border:1px solid #d4d4d4;}
.file_box .prev_img li:first-child {margin-left:0;}
.file_box .prev_img li img {width:100%; height:100%; background:none;}
.file_box .prev_img li input[type=file] {position:absolute; width:100%; height:100%; opacity:0; filter:Alpha(Opacity=0); /* support:IE8 */ background:pink; z-index:2; cursor:pointer; text-indent:-100%;}
.file_box .prev_img li a {position:absolute; top:0; right:0; width:32px; height:32px; font-size:0; background:url("../images/ui/bg_del.png") no-repeat 0 0; z-index:3;}

/* input img preview(개별) */
.file_img {display:inline-block; position:relative; float:left; width:94px; height:124px; background:url("../images/ui/img_add.png") #fff no-repeat center center; border:1px solid #e5e5e5;}
.file_img input[type=file] {position:absolute; width:100%; height:100%; opacity:0; filter:Alpha(Opacity=0); /* support:IE8 */ background:pink; z-index:2; cursor:pointer; text-indent:-100%;}
.file_img img {width:100%; height:100%; background:none;}
.file_img a {position:absolute; top:0; right:0; width:32px; height:32px; font-size:0; background:url("../images/ui/bg_del.png") no-repeat 0 0; z-index:3;}		

/* input quantity */
.quantity {display:inline-block; position:relative;}
.quantity input[type=number] {text-align:center; text-indent:0;}
.quantity .minus, 
.quantity .plus {display:inline-block; position:absolute; top:0; width:16px; height:30px; line-height:30px; text-align:center; color:#959595; font-size:16px; font-family:"SSF_Bold";}
.quantity .minus { left:6px;}
.quantity .plus {right:6px;}

.quantity.disabled input[type=number], .quantity.disabled a {color:#999 !important; cursor:default;}

/* calendar */
.search-date {display:inline-block; padding-left:30px; background:#fff url("../images/base/bg_base.png") no-repeat 0 -547px;}
.search-date > input {width:110px !important; border:1px solid #e5e5e5 !important;}
.search-date > input:last-child {margin-left:7px;}

/* Date Picker */
.ui-datepicker {padding:40px 30px; width:auto; border-color:#111; border-radius:0 !important; z-index:202 !important;}
.ui-datepicker .ui-datepicker-header {border:0; background:#fff;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {line-height:18px; color:#111; font-size:16px;}
.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w {width:10px; height:18px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:0; width:10px; height:18px; border:0; border-radius:0; background:url('../images/base/bg_datepicker.png') no-repeat; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev {left:8px; background-position:-4px center;}
.ui-datepicker .ui-datepicker-next {right:8px; background-position:-22px center;}
.ui-datepicker table th {padding:0; height:80px; color:#8e8e8e; font-size:12px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight'; font-weight:normal;}
.ui-datepicker table td {padding:0 8px; width:26px; height:26px; text-align:center;}
.ui-datepicker .ui-state-default {padding:0; width:22px; height:22px; line-height:22px; text-align:center; color:#444; font-family:'SSF_Regular'; border:2px solid #fff; background:#fff;}
.ui-datepicker .ui-state-active {color:#fff; border-color:#5b1eaa; background:#5b1eaa !important;}
.ui-datepicker .ui-state-highlight {border-color:#5b1eaa; background-color:#fff;}
.ui-datepicker .ui-datepicker-buttonpane .set_date {margin-top:20px; height:36px; line-height:36px;}
.ui-datepicker .ui-datepicker-buttonpane .set_date span {float:right; height:37px;}
.ui-datepicker .ui-datepicker-buttonpane .set_date span .btn {padding:5px 14px;}
.ui-datepicker .ui-datepicker-buttonpane .set_date span .btn:nth-child(2) {border-left:0; border-right:0;}

/* mCustomScroll */
/* basic style */
.mCustomScrollbar {-ms-touch-action:pinch-zoom; touch-action:pinch-zoom;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {-ms-touch-action:auto; touch-action:auto;}
.mCustomScrollBox {position:relative; overflow:hidden; height:100%; max-width:100%; *outline:none; direction:ltr;}
.mCSB_container {overflow-y:hidden; overflow-x:hidden; width:auto; height:auto;}
/* vertical scrollbar y-axis */
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right:0; margin-left:30px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left:0;}
.mCSB_scrollTools {position:absolute; width:5px; height:auto; left:auto; top:0; right:0; bottom:0;}
.mCSB_outside + .mCSB_scrollTools {right:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {right:auto; left:0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {left:-26px;}
.mCSB_scrollTools .mCSB_draggerContainer {position:absolute; top:0; left:0; bottom:0; right:0;  height:auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer {margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail {width:2px; height:100%; margin:0 auto; background:#f0f0f0;}
.mCSB_scrollTools .mCSB_dragger {cursor:pointer; width:100%; height:30px; z-index:1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position:relative; width:4px; height:100%; margin:0 auto; text-align:center; background:#cdcdcd;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width:12px;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width:8px;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {display:block; position:absolute; height:20px; width:100%; overflow:hidden; margin:0 auto; cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown {bottom:0;}
/* themes :gray */
.mCS-gray.mCSB_scrollTools .mCSB_draggerRail {width:2px;}
.mCS-gray.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;}
.mCS-gray.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:4px; margin:6px 0;}
.mCS-gray.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:6px; margin:5px auto;}
.mCS-gray.mCSB_scrollTools {z-index:3;}
.mCS-gray.mCSB_scrollTools .mCSB_draggerRail {background-color:#e5e5e5 !important;}
.mCS-gray.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#444 !important;}
/* themes :purple */
.mCS-purple.mCSB_scrollTools .mCSB_draggerRail {width:2px;}
.mCS-purple.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;}
.mCS-purple.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:4px; margin:6px 0;}
.mCS-purple.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:6px; margin:5px auto;}
.mCS-purple.mCSB_scrollTools {z-index:3;}
.mCS-purple.mCSB_scrollTools .mCSB_draggerRail {background-color:#e5e5e5 !important;}
.mCS-purple.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#444 !important;}


/* .slider .lSSlideOuter {position:relative;}
.slider .lSSlideWrapper {position:relative; height:67px; overflow:hidden;}
.slider .lSSlideWrapper .lSSlide > li {float:left; width:100%; height:100%;}
.slider .lSSlideWrapper .lSSlide > li > a > img {width:100%; height:67px;}
.slider .lSAction {position:absolute; top:50%; margin-top:-8px; width:100%; height:15px;}
.slider .lSAction a {float:left; margin-left:-20px; width:15px; height:15px; background:url("../images/base/bg_base.png") no-repeat left -700px; cursor:pointer;}
.slider .lSAction a.lSNext {float:right; margin-right:-20px; background-position:right -750px} */

.slider .lSSlideOuter {position:relative;}
.slider .lSSlideWrapper {position:relative; overflow:hidden; z-index:1;}
.slider .lSSlideWrapper .lSSlide > li {float:left;}
.slider .lSAction {position:absolute; top:50%; margin-top:-20px; width:100%; height:41px;}
.slider .lSAction a {float:left; margin-left:-40px; width:21px; height:41px; background:url("../images/ui/bg_slider_arr.png") no-repeat 0 0; cursor:pointer;}
.slider .lSAction a.lSNext {float:right; margin-right:-40px; background-position:-21px 0}

.lookbook .lSSlideOuter {position:relative;}
.lookbook .lSSlideWrapper {position:relative; overflow:hidden;}
.lookbook .lSSlideWrapper .lSSlide > li {float:left;}
.lookbook .lSAction a {position:absolute; top:50%; margin-top:-43px; width:45px; height:85px; background:url("../images/base/bg_lSAction_light.png") no-repeat; cursor:pointer; z-index:3;}
.lookbook .lSAction a.lSPrev {left:95px; background-position:left center;}
.lookbook .lSAction a.lSNext {right:95px; background-position:right center;}

.vertical-slider {width:100px;}
.vertical-slider .lSSlideOuter {position:relative;}
.vertical-slider .lSSlideWrapper {position:relative; overflow:hidden; height:416px !important;}
.vertical-slider .lSSlideWrapper .lSSlide > li {width:100px; height:132px;}
.vertical-slider .lSSlideWrapper .lSSlide > li > a > img {width:100%;}
.vertical-slider .lSAction a {position:absolute; bottom:0; left:50%; margin-left:-7px; margin-bottom:-30px; width:15px; height:15px; background:url("../images/base/bg_base.png") no-repeat left -850px; cursor:pointer;}
.vertical-slider .lSAction a.lSNext {top:0; bottom:auto; margin-top:-30px; background-position:left -800px}
@media only all and (max-height:670px) {
	.vertical-slider .lSSlideWrapper {height:274px !important;}
}
@media only all and (max-height:520px) {
	.vertical-slider .lSSlideWrapper {height:142px !important;}
}

.gallery .lSSlideOuter {position:relative;}
.gallery .lSSlideWrapper {position:relative; height:630px !important; /*slide = overflow:hidden;*/}
.gallery .lSSlideWrapper .lSSlide > li {float:left; width:100%;}
.gallery .lSSlideWrapper .lSFade > li {position:absolute; top:0; width:100%; opacity:0; filter:Alpha(Opacity=0); /* support:IE8 */ display:none;}
.gallery .lSSlideWrapper .lSFade > li.active {opacity:1; filter:Alpha(Opacity=100); /* support:IE8 */ display:block;}
.gallery .lSSlideWrapper .lSSlide > li > a > img {width:100%; height:100%;}
.gallery .lSGallery {margin-top:5px;}
.gallery .lSGallery li {display:inline-block; position:relative; float:left;}
.gallery .lSGallery li.active:after {position:absolute; top:-2px; left:-2px; width:70px; height:92px; border:2px solid #5b1eaa; background-color:transparent; content:'';}
.gallery .lightSlider li {display:block; height:100%;}
/*
.gallery ul:after {display:block; content:""; clear:both;}
*/
.gallery video {width:100%; height:100%;}

.pause .play {position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; border:3px solid red; border-radius:25px; box-sizing:border-box;}
/* lightslider : E */

/* Zoom */
.zoom-in {position:relative; width:100%; height:100%;}
.zoom-in a {cursor:url(//img.ssfshop.com/display/common/zoom_img.cur), auto;}
.zoom-in img {width:100%;}
.zoom-in .zoomImg {position:absolute; top:0; left:100%; margin-left:10px; width:100%; height:100%; border:1px solid #aaa; overflow:hidden; display:none; z-index:99; box-sizing: border-box;}
.zoom-in .zoomImg img {position:absolute; top:0; left:0; width:auto;}

/* ui-dialog */
#popup {max-height:680px !important;}
.popup {padding:0; border:0; border-radius:0; background:none;}
.popup .ui-dialog-titlebar {margin:0; padding:0; border:0; z-index:2;}
.popup .ui-dialog-titlebar .ui-dialog-title {display:none;}
.popup .ui-dialog-titlebar .ui-dialog-titlebar-close {top:13px; right:20px !important; margin:0; padding:0; width:30px; height:30px; border:0; border-radius:0; background:url("../images/ui/bg_pop_close.png") no-repeat center center;}
.popup.scroll .ui-dialog-titlebar .ui-dialog-titlebar-close {right:30px;}
.popup .ui-dialog-content {background:#fff;}

#zoom {height:100% !important; padding:0 !important; overflow:hidden;}
.zoom {width:100% !important; height:100% !important; padding:0; border:0; border-radius:0; background:none;}
.zoom .ui-dialog-titlebar {margin:0; padding:0; border:0; z-index:2;}
.zoom .ui-dialog-titlebar .ui-dialog-title {display:none;}
.zoom .ui-dialog-titlebar .ui-dialog-titlebar-close {top:13px; right:30px; margin:0; padding:0; width:30px; height:30px; border:0; border-radius:0; background:url("../images/ui/bg_pop_close.png") no-repeat center center; opacity:0;}
.zoom .ui-dialog-content > div {padding-bottom:0;}

.zoom .zoomer {width:100%; padding-bottom:0; background:#000;}
.zoom .zoomer .lSSlideWrapper .lightSlider > li {display:block; float:left; width:100%; text-align:center; overflow:hidden;}
.zoom .zoomer .lSFade .lslide {position:absolute; top:0; left:0; opacity:0; filter:Alpha(Opacity=0); /* support:IE8 */}
.zoom .zoomer .lSFade .lslide.active {opacity:1; filter:Alpha(Opacity=100); /* support:IE8 */ z-index:1;}
.zoom .zoomer .lSPager {display:none; position:absolute; margin-top:18px; width:100%; text-align:center; z-index:2;}
.zoom .zoomer .lSPager ul, .zoom .zoomer .lSPager li {display:inline;}
.zoom .zoomer .lSPager li a {display:inline-block; margin:0 3px; width:8px; height:8px; text-indent:-9999px; background:#ccc;}
.zoom .zoomer .lSPager li.active a {background:#444;}
.zoom .zoomer .lSAction {position:fixed; width:100%; top:50%; margin-top:-20px; z-index:3;}
.zoom .zoomer .lSAction a {position:absolute; margin-top:12px; width:50px; height:50px; cursor:pointer;}
.zoom .zoomer .lSAction a.lSPrev {left:0px;}
.zoom .zoomer .lSAction a.lSPrev:after {position:absolute; top:50%; left:10px; margin-top:-9px; width:18px; height:18px; background:url("../images/base/bg_datepicker.png") no-repeat; background-position:left center; content:'';}
.zoom .zoomer .lSAction a.lSNext {right:0px;}
.zoom .zoomer .lSAction a.lSNext:after {position:absolute; top:50%; right:10px; margin-top:-9px; width:18px; height:18px; background:url("../images/base/bg_datepicker.png") no-repeat; background-position:right center; content:'';}
.zoom .zoomer .lSSlideWrapper .lightSlider > li {cursor: url(//img.ssfshop.com/display/common/zoom_close.cur), pointer;}

.alert,
.confirm {padding:40px 30px; min-width:400px; border:0; border-radius:0; background:#fff;}
.alert .ui-dialog-titlebar,
.confirm .ui-dialog-titlebar {margin:0; padding:0; border:0; z-index:2;}
.alert .ui-dialog-titlebar .ui-dialog-title,
.confirm .ui-dialog-titlebar .ui-dialog-title {display:none;}
.alert .ui-dialog-titlebar .ui-dialog-titlebar-close,
.confirm .ui-dialog-titlebar .ui-dialog-titlebar-close {top:-27px; right:-17px !important; margin:0; padding:0; width:30px; height:30px; border:0; border-radius:0; background:url("../images/ui/bg_pop_close.png") no-repeat center center;}
.alert .ui-dialog-content,
.confirm .ui-dialog-content {width:400px !important; padding:0 0 40px; text-align:center; line-height:1.6em; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.alert .ui-dialog-buttonpane {margin:0; padding:0; text-align:center; border:0;}
.alert .ui-dialog-buttonpane button {margin:0; width:100%; height:60px; line-height:58px; color:#fff; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:#111; border:1px solid #111; box-sizing:border-box; border-radius:0;}
.confirm .ui-dialog-titlebar .ui-dialog-titlebar-close {top:-27px; right:-17px; margin:0; padding:0; width:30px; height:30px; border:0; border-radius:0; background:url("../images/ui/bg_pop_close.png") no-repeat center center;}
.confirm .ui-dialog-content {padding:0 0 40px; text-align:center; line-height:1.6em; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.confirm .ui-dialog-buttonpane {margin:0; padding:0; text-align:center; border:0;}
.confirm .ui-dialog-buttonpane button {margin:0; width:calc(50% - 4px); height:60px; line-height:58px; color:#fff; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:#111; border:1px solid #111; box-sizing:border-box; border-radius:0;}
.confirm .ui-dialog-buttonpane button:last-child {margin-left:8px; color:#111; background:#fff;}
.caution {padding-left:25px; line-height:20px; text-align:left; color:#5b1eaa; font-size:13px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:url("../images/base/bg_caution.png") no-repeat left 1px;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* general css */
.v-top {vertical-align:top !important;}
.v-middle {vertical-align:middle !important;}
.v-bottom {vertical-align:bottom !important;}
.txt-center {text-align:center !important;}
.txt-right {text-align:right !important;}
.txt-left {text-align:left !important;}
.ellipsis {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.set-left {float:left !important;}
.set-right {float:right !important;}

.c111 {color:#111 !important;}
.c444 {color:#444 !important;}
.c777 {color:#777 !important;}
.c999 {color:#999 !important;}
.cssf {color:#5b1eaa !important;}

.f-s12 {font-size:12px !important;}
.f-s13 {font-size:13px !important;}
.f-s14 {font-size:14px !important;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* wrap */
.grid_wrap {/*table-layout:fixed;*/ width:100%;}
.grid_wrap th, .grid_wrap td {padding:6px 0; line-height:18px; text-align:center; vertical-align:middle; border:1px solid #e5e5e5;}
.grid_wrap th {background:#eee;}

.list_wrap > ul > li {padding:0 0 0 10px; line-height:20px; text-indent:-10px;}
.list_wrap > ul > li.notice {color:#5b1eaa;}
.list_wrap > ul > li:before {content:"· ";}
.list_wrap > ul > li.notice:before {content:"! ";}
.list_wrap.hyphen > ul > li:before {content:"- ";}

.gray_box {background:#f7f7f7;}

/* tabs & index */
.tabs .tab {height:40px; line-height:40px; border-bottom:4px solid #d4d4d4;}
.tabs .tab > li {display:inline-block; float:left;}
.tabs .tab > li > a {display:inline-block; width:100%; text-align:center; color:#959595; font-size:16px;}
.tabs .tab > li > a.on {color:#5b1eaa; border-bottom:4px solid #5b1eaa;}
.tabs > div {display:none;}
.tabs > div.on {display:block;}

.index.tabs .tab {height:auto; border:0;}
.index.tabs .tab > li {display:inline; float:none;}
.index.tabs .tab > li > a {display:inline-block; padding:5px 10px; color:#fff; border:1px solid #aaa; border-bottom:0; background:#aaa;}
.index.tabs .tab > li > a.on {background:#fefefe; font-weight:normal; color:#111;}
.index.tabs > div {display:none; margin-top:-1px; padding:20px; border:1px solid #aaa; background:#fefefe;}
.index.tabs > div.on {display:block;}

/* accordion */
.accordion > ul {border:1px solid #e5e5e5; border-right:0; border-left:0;}
.accordion > ul > li {}
.accordion > ul > li + li {border-top:1px solid #e5e5e5;}
.accordion .title {padding:12px 0; line-height:18px; cursor:pointer;}
.accordion .title.on {background-position:right -340px;}
.accordion .content {display:none; padding:20px; line-height:24px;}
.accordion .title.disabled {cursor:default;}

/* toggle_review */
.toggle_ellipsis > ul {border:1px solid #e5e5e5; border-right:0; border-left:0;}
.toggle_ellipsis > ul > li {}
.toggle_ellipsis > ul > li + li {border-top:1px solid #e5e5e5;}
.toggle_ellipsis .summary {margin:0 0 8px !important; line-height:18px;}
.toggle_ellipsis .content {display:block; margin-bottom:12px; padding-right:50px; height:20px; line-height:20px; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word; /* word-break:keep-all; */ cursor:pointer; background:#eee; background:url("../images/base/bg_combobox.png") #fff right top no-repeat;}
.toggle_ellipsis .content.on {height:auto; white-space:normal; background-position:right -50px;}
.toggle_ellipsis .content.disabled {background:none; cursor:default;}

/* tip layer */
.tip {display:inline-block; margin-left:5px; width:16px; height:16px; line-height:16px; text-align:center; text-indent:-9999px; color:#aaa; font-size:12px; background:url("../images/base/bg_base.png") no-repeat center -947px; cursor:pointer;}
.tip_content {display:none; overflow-y:auto; position:absolute; margin-left:22px; padding:30px; max-height:400px; border:1px solid #8e8e8e; border-radius:3px; z-index:9999; background:#fff;}
.tip_content.on {display:inline-block;}
.tip_content .ui-dialog-titlebar .ui-dialog-titlebar-close {top:13px; right:13px; margin:0; padding:0; width:30px; height:30px; border:0; border-radius:0; background:url("../images/ui/bg_pop_close.png") no-repeat center center;}
.tip_content.scroll .ui-dialog-titlebar .ui-dialog-titlebar-close {right:30px;}

/* icons */
i.close {position:absolute; top:13px; right:13px; margin:0; padding:0; width:30px; height:30px; font-size:0; background:url("../images/ui/bg_pop_close.png") no-repeat center center; cursor:pointer; z-index:1;}
i.ibag,
i.ibox {display:inline-block; position:relative; padding-left:25px; color:#8e8e8e;}
i.ibag:after {position:absolute; top:50%; left:0; width:18px; height:18px; margin-top:-9px; background:url("../images/ui/ico_packing.png") no-repeat 0 0; content:'';}
i.ibox:after {position:absolute; top:50%; left:0; width:18px; height:18px; margin-top:-9px; background:url("../images/ui/ico_packing.png") no-repeat 0 -18px; content:'';}
i.map {width:38px; height:38px; font-size:0; background:url('../images/ui/ico_map.png') no-repeat center center; cursor:pointer;}
i.map_small {display:inline-block; vertical-align:middle; width:14px; height:18px; font-size:0; background:url('../images/ui/ico_map_small.png') no-repeat center center; cursor:pointer;}
i.del {display:inline-block; vertical-align:middle; width:16px; height:16px; font-size:0; background:url('../images/base/bg_base.png') no-repeat center -897px; cursor:pointer;}
i.new {display:inline-block; margin-left:5px; padding:0 4px; height:20px; line-height:20px; vertical-align:top; color:#fff; font-size:11px; background:#5b1eaa;} 
i.new:after {content:'NEW';}
i.camera {display:inline-block; vertical-align:top; width:16px; height:16px; font-size:0; background:url('../images/ui/ico_camera.png') no-repeat center center;}
i.lock {display:inline-block; vertical-align:top; width:16px; height:16px; font-size:0; background:url('../images/ui/ico_lock.png') no-repeat center center;}
i.csr {display:inline-block; margin-left:5px; padding:0 4px; height:20px; line-height:18px; vertical-align:top; color:#5b1eaa; font-size:11px; background:#fff; border:1px solid #5b1eaa; box-sizing:border-box;} 
i.csr:after {content:'CSR';}

/* share sns */
.share {display:inline-block; position:relative; vertical-align:top;}
.share > a {display:inline-block; padding-left:30px; line-height:30px; text-indent:-9999px; background:url("../images/base/bg_sns.png") no-repeat left top;}
.share:hover > a {display:none;}
.share .sns  {display:none; position:absolute; top:0; right:0; width:230px; vertical-align:middle;}
.share:hover .sns {display:inline-block; background:#fff;}
.share .sns a {display:block; float:left; width:28px; height:30px; font-size:0; background:url("../images/base/bg_sns.png") no-repeat;}
.share .sns a + a {margin-left:20px;}
.share .sns a.site01 {background-position:left -60px;}
.share .sns a.site01:hover {background-position:left -30px;}
.share .sns a.site02 {background-position:left -180px;}
.share .sns a.site02:hover {background-position:left -150px;}
.share .sns a.site03 {background-position:left -240px;}
.share .sns a.site03:hover {background-position:left -210px;}
.share .sns a.site04 {background-position:left -300px;}
.share .sns a.site04:hover {background-position:left -270px;}
.share .sns a.site05 {background-position:left -360px;}
.share .sns a.site05:hover {background-position:left -330px;}
.share .sns a.site06 {background-position:left -420px;}
.share .sns a.site06:hover {background-position:left -390px;}
.share .sns a.site07 {background-position:left -480px;}
.share .sns a.site07:hover {background-position:left -450px;}
.share .sns a.site08 {background-position:left -540px;}
.share .sns a.site08:hover {background-position:left -510px;}
.share .layer_clip {display:none; position:fixed; top:50%; left:50%; z-index:100; width:203px; height:203px; margin-top:-100px; margin-left:-100px; background:url("../images/ui/bg_layer_clip.png") no-repeat 0 0;}
.share .layer_clip span {display:block; margin-top:135px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:16px; color:#fff; text-align:center;}

/* el_wrap */
.line_wrap {display:table; width:100%;}
.line_wrap .center {display:table-cell; text-align:center;}
.line_wrap .left {display:table-cell; text-align:left;}
.line_wrap .right {display:table-cell; text-align:right;}

img {width:100%; /* background:url("../images/base/loading.gif") no-repeat center center; */}
img.noimg {width:100%; height:100%; background:url("../images/base/noimg.gif") no-repeat center center;}

/* Calendar json */
#calId > div > p {position:relative; text-align:center;}
#calId > div > p > span {margin:0 10px; font-size:20px;}
#calId > table {margin-top:10px; width:100%;}
#calId > table th {width:14%; height:20px; font-weight:normal; border:1px solid #d4d4d4; vertical-align:top;}
#calId > table td {padding:2px 4px; width:14%; height:60px; vertical-align:top; border:1px solid #d4d4d4;}
#calId > table th:first-child, #calId > table td:first-child {color:red;}
#calId > table th:last-child, #calId > table td:last-child {color:gray;}
#calId > table td.today {background:#ffffd9;}
#calId > table td.today span:first-child {font-weight:bold;}
#calId > table td.holiday {color:red !important;}
#calId > table td span, #calId > table td span em, #calId > table td span a {display:block;}
#calId > table td span em, #calId > table td span a {width:60px; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#calId button {margin-top:5px; padding:0 6px; height:16px; line-height:16px; vertical-align:top; font-size:11px; cursor:pointer;}
#calId button.today {position:absolute; right:0;}


.checkbox + .remote {display:inline-block; width:34px; height:34px; background:url("../images/base/bg_sel_remote.png") no-repeat 0 0; vertical-align:top}
.checkbox + .remote.on {background-position:0 -34px;}

.remote_wrap {display:none;}
.remote_wrap.on {display:block;}
.terms {word-wrap:break-word; word-break:keep-all;}

.row_arrow {padding-right:20px; background:url('../images/ui/bg_arrow_down.png') no-repeat right center;}
.row_arrow.up {background:url('../images/ui/bg_arrow_up.png') no-repeat right center;}
.col_arrow {padding-right:20px; background:url() no-repeat;}

/* Sorting Layer
.layer {padding-right:24px; background:url("../images/base/bg_base.png") right -301px no-repeat;}
.layer + .layer {margin-left:6px;}
.sort_option {display:none; position:absolute; margin-top:4px; padding:10px; border:1px solid #d4d4d4; background:#fff; z-index:1;}
.sort_option li {padding:2px 0; line-height:18px; text-align:left;}
.sort_option li.on {text-decoration:underline;}
*/


/* 검색 */
.wrap > header > .layer {float:right; margin:34px 50px 0 0;}
.wrap.inshop > header > .layer {margin-top:24px;}
.wrap.inshop > header .status,
.wrap.inshop > header > .layer {margin-bottom:0;}
.wrap > header > .layer > a.input_finder {display:inline-block; position:relative; width:380px; height:31px; border-bottom:2px solid #111; box-sizing:border-box;}
.wrap > header > .layer > a.input_finder > .advertise {display:block; position:absolute; top:0; left:0; width:380px; text-indent:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.wrap > header > .layer > a.submit_finder {display:inline-block; float:right; margin-left:12px; width:23px; height:31px; font-size:0; background:url(../images/ui/btn_finder.png) right top no-repeat;}
.wrap > header .layer #finder {display:none; position:absolute; margin-top:2px; background:#fff; z-index:101;}
.wrap > header .layer #finder {top:15px !important; padding:30px; width:520px; overflow:hidden;}
.wrap > header .layer #finder input[type="text"] {float:left; margin:20px 0 0; padding:0 0 7px 0; width:476px; height:42px; line-height:42px; font-size:20px; font-family:"SSF_Bold", "NotoSans_kr_Medium", 'SSF_Regular', 'NotoSans_kr_Demilight', sans-serif ; border:0; border-bottom:3px solid #111;}
.wrap > header .layer #finder input[type="text"]:focus {color:#111;}
.wrap > header .layer #finder input[type="submit"] {float:left; margin:20px 0 0; width:44px; height:42px; vertical-align:top; border:0; background:url("../images/ui/finder_big.png") no-repeat right bottom; cursor:pointer;}
.wrap > header .layer #finder .radio {line-height:80px;}
.wrap > header .layer #finder .word_list h3 {margin-top:15px; height:30px; line-height:30px; color:#444; font-size:22px;}
.wrap > header .layer #finder .word_list h3 small a {margin-left:10px; line-height:16px; color:#8e8e8e; font-size:12px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';}
.wrap > header .layer #finder .word_list h3 small a .del {margin-left:3px; vertical-align:-4px;}
.wrap > header .layer #finder .history .word_list .latest,
.wrap > header .layer #finder .history .word_list .popular,
.wrap > header .layer #finder .keyword .word_list .wording,
.wrap > header .layer #finder .keyword .word_list .link  {float:left; width:260px;}
.wrap > header .layer #finder .history ul {max-height:300px; overflow:hidden;}
.wrap > header .layer #finder .keyword ul {max-height:338px; overflow:hidden;}
.wrap > header .layer #finder .keyword ul li {font-size:14px;}
.wrap > header .layer #finder .keyword ul li a.on {background-color:#f5f5f5;}
.wrap > header .layer #finder .keyword .word_list .link li {font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap > header .layer #finder ul {margin-top:20px;}
.wrap > header .layer #finder ul li {padding:0; line-height:30px; font-size:13px;}
.wrap > header .layer #finder ul li a {display:block; width:90%; color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.wrap > header .layer #finder ul li a span {color:#5b1eaa; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap > header .layer #finder .keyword,
.wrap > header .layer #finder.searching .history {display:none;}
.wrap > header .layer #finder .history,
.wrap > header .layer #finder.searching .keyword {display:block;}


/* filter */
.filter {display:inline-block; margin-top:12px; float:right; line-height:24px; text-align:right;}
.filter a {font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.filter a + a {margin-left:24px;}
.filter .layer {float:left;}
.filter .layer + .layer {margin-left:40px;}
.filter .layer > a {display:inline-block; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.filter .layer > a.disable {color:#959595;}
.filter .layer.check > a:not(.row_arrow) {color:#5b1eaa;}
.filter .layer > div {display:none; position:absolute; margin-top:10px; padding:0; border:1px solid #e5e5e5; background:#fff; z-index:99;}
.filter .layer.on > div {display:block;}
.filter .layer .sort .list_sort {display:block; width:240px; max-height:300px; }
.filter .layer .sort .list_sort.mCS {height:300px;}
.filter .layer .sort .list_sort ul {padding:30px;}
.filter .layer .sort .list_sort ul li {padding:6px 0; line-height:22px; text-align:left; font-size:14px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.filter .layer .sort .list_sort ul li.on > a {color:#5b1eaa;}

.filter .layer #detail .list_sort {width:auto; max-height:none;}
.filter .layer #detail .list_sort .picker {display:table; padding:0;}
.filter .layer #detail .list_sort .picker:after {display:block; clear:both; content:'';}
.filter .layer #detail .list_sort .picker > li {display:table-cell; padding:50px 20px 30px;}
.filter .layer #detail .list_sort .picker > li + li {border-left:1px solid #f7f7f7;}
.filter .layer #detail .list_sort .picker > li h4 {width:100%; line-height:30px; font-size:13px; border-bottom:2px solid #111;}
.filter .layer #detail .list_sort .picker > li .none {display:block; margin-top:60px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight'; font-size:13px; color:#959595; text-align:center;}
.filter .layer #detail .list_sort .picker > li > div > div {margin-top:30px; height:300px;}
.filter .layer #detail .list_sort .picker label {font-family:'SSF_Regular', 'NotoSans_kr_Demilight'; font-size:12px; color:#111;}
.filter .layer #detail .list_sort .picker input:checked + label {font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#5b1eaa;}

.filter .layer #detail .list_sort .picker .category {width:184px;}
.filter .layer #detail .list_sort .picker .category li em,
.filter .layer #detail .list_sort .picker .category li em > a {font-family:'SSF_Regular', 'NotoSans_kr_Demilight' !important;}
.filter .layer #detail .list_sort .picker .category li .toggle {cursor:pointer;}
.filter .layer #detail .list_sort .picker .category li.check > .toggle,
.filter .layer #detail .list_sort .picker .category li.check > .group_tit {font-family:"SSF_Bold", "NotoSans_kr_Medium" !important; color:#5b1eaa;}
.filter .layer #detail .list_sort .picker .category .tabs .tab {display:block; float:left; width:70px; height:300px; border:0;}
.filter .layer #detail .list_sort .picker .category .tabs .tab li {display:block; padding-bottom:10px; width:100%;}
.filter .layer #detail .list_sort .picker .category .tabs .tab li a {display:inline-block; width:auto; text-align:left; font-size:13px;}
.filter .layer #detail .list_sort .picker .category .tabs .tab li a.default {color:#111 !important; border-bottom:0 !important;}
.filter .layer #detail .list_sort .picker .category .tabs .tab li a.on {color:#5b1eaa; border-bottom:2px solid #5b1eaa;}
.filter .layer #detail .list_sort .picker .category .tabs .tab li a.check {color:#5b1eaa;}
.filter .layer #detail .list_sort .picker .category .tabs > div {margin-left:70px; width:114px; height:300px; overflow:hidden;}
.filter .layer #detail .list_sort .picker .category > div ul {padding:0;}
.filter .layer #detail .list_sort .picker .category ul li {padding:3px 0; line-height:16px; font-size:12px;}
.filter .layer #detail .list_sort .picker .category ul ul {display:none; margin-left:18px;}
.filter .layer #detail .list_sort .picker .category ul .on > ul {display:block;}

.filter .layer #detail .list_sort .picker .brand {width:164px;}
.filter .layer #detail .list_sort .picker .brand ul {padding:0;}
.filter .layer #detail .list_sort .picker .brand ul li {padding:3px 6px 3px 0; line-height:16px; font-size:12px;}
.filter .layer #detail .list_sort .picker .brand ul li.check > em {color:#5b1eaa;}
.filter .layer #detail .list_sort .picker .brand ul ul {display:none; margin-left:18px;}
.filter .layer #detail .list_sort .picker .brand ul .on ul {display:block;}

.filter .layer #detail .list_sort .picker .size {width:150px;}
.filter .layer #detail .list_sort .picker .size h5 {line-height:22px; color:#8e8e8e; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';}
.filter .layer #detail .list_sort .picker .size p {width:calc(100% - 20px); line-height:20px;}
.filter .layer #detail .list_sort .picker .size p + h5 {margin-top:10px;}
.filter .layer #detail .list_sort .picker .size p em {margin-right:7px; font-size:12px;}

.filter .layer #detail .list_sort .picker .colors {width:108px;}
.filter .layer #detail .list_sort .picker .colors .mCS {margin:30px -2px 0 -2px;}
.filter .layer #detail .list_sort .picker .colors .color-select {display:block;}
.filter .layer #detail .list_sort .picker .colors .color-select > label {margin:2px; font-size:0;}

.filter .layer #detail .list_sort .picker .material {width:148px;}
.filter .layer #detail .list_sort .picker .material em {float:left; width:74px; height:23px; line-height:23px;}
.filter .layer #detail .list_sort .picker + .checkbox {display:block; margin:10px 20px 0; padding-top:8px; color:#444; font-size:13px; border-top:1px solid #e5e5e5; font-family:"SSF_Bold", "NotoSans_kr_Medium";}

:lang(en) .filter .layer #detail .list_sort .picker .material em {display:block; overflow:hidden; float:none; width:auto; white-space:nowrap; text-overflow:ellipsis;}
.filter .layer #detail .list_sort .submit {margin-bottom:50px;}

/* Goods List */
.list_Wrap h4 {display:inline-block; height:40px; line-height:40px; font-size:32px; color:#111;}
.list_Wrap h4 small {margin-left:14px; color:#8e8e8e; font-size:24px;}
.list_Wrap h4 .brand {font-size:28px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';}
.list_Wrap h4 + .filter + .goods_container,
.list_Wrap h4 + .filter + .list_goods {margin-top:32px !important;}
.list_goods > ul {margin:32px -8px 0 -8px; max-width:1920px;}
.list_goods > ul:after {display:block; content:""; clear:both;}
.list_goods > ul > li {position:relative; float:left; margin:20px 2% 0 0;}
.list_goods ul > li a .hover {display:block; position:absolute; top:0; opacity:0; width:100%; filter:Alpha(Opacity=0); /* support:IE8 */}
.list_goods ul > li a:hover .hover {opacity:1; filter:Alpha(Opacity=100); /* support:IE8 */}
.list_goods ul > li a .hover {overflow:hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.list_goods ul > li a .hover .copy {position:absolute; width:calc(100% - 40px); bottom:-100%; padding:20px; font-size:15px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:url('../images/ui/bg_drop.png') repeat; word-wrap:break-word; word-break:keep-all; opacity:0.7; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.list_goods ul > li a:hover .hover .copy {bottom:0;}
.list_goods ul > li a .info {margin-bottom:40px; height:142px;}
.list_goods ul > li a .info > span {display:block; width:100%; line-height:18px; font-size:12px;}
.list_goods ul > li a .info > span:first-child {margin-top:18px !important;}
.list_goods ul > li a .info .brand {margin-top:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list_goods ul > li a .info .name {margin-top:6px; max-height:18px; line-height:18px; font-family:"SSF_Bold", "맑은 고딕"; overflow:hidden; word-wrap:break-word; word-break:keep-all;}
.list_goods ul > li a .info .price {margin-top:8px; line-height:22px; font-size:14px;}
.list_goods ul > li a .info .price del {display:inline-block; margin-left:3px; color:#959595; font-size:12px;}
.list_goods ul > li a .info .price .sale {display:inline-block; margin-left:6px; color:#5b1eaa;}
.list_goods ul > li a .info .color {display:block; margin-top:13px; width:100%; max-height:14px; overflow:hidden;}
.list_goods ul > li a .info .color:after {display:block; clear:both; content:"";}
.list_goods ul > li a .info .color span {float:left; width:14px; height:14px; line-height:14px; font-size:0;}
.list_goods ul > li a .info .color span + span {margin-left:3px;}
.list_goods ul > li a .info .badge {display:block; margin-top:16px; width:100%; max-height:20px; overflow:hidden;}
.list_goods ul > li a .info .badge i {display:inline-block; float:left; margin:0; padding:0 10px; height:20px; line-height:17px; color:#fff; font-size:11px; background:#0d0b08; font-family:"SSF_Bold", "NotoSans_kr_Regular"; border:1px solid #fff; box-sizing:border-box;}
.list_goods ul > li a .info .badge i + i {margin-left:4px; }
.list_goods ul > li a .info .badge .reorder  {color:#fff; background:#0d0b08; border-color:#0d0b08;}
.list_goods ul > li a .info .badge .reorder:after {/*content:"차 리오더";*/}
:lang(en) .list_goods ul > li a .info .badge .reorder:after,
:lang(zh) .list_goods ul > li a .info .badge .reorder:after {/*content:"nd REORDER";*/}
.list_goods ul > li a .info .badge .new {background:#5b1eaa; border-color:#5b1eaa;}
.list_goods ul > li a .info .badge .new:after {content:"NEW";}
.list_goods ul > li a .info .badge .hot {color:#5b1eaa; background:#fff; border-color:#5b1eaa;}
.list_goods ul > li a .info .badge .hot:after {content:"HOT";}
.list_goods ul > li a .info .badge .gift {color:#5b1eaa; background:#fff; border-color:#5b1eaa;}
.list_goods ul > li a .info .badge .gift:after {content:"GIFT";}
.list_goods ul > li a .info .badge .exc {color:#0d0b08; background:#fff; border-color:#0d0b08;}
.list_goods ul > li a .info .badge .exc:after {content:"EXCLUSIVE";}
.list_goods ul > li a .info .badge .only {color:#0d0b08; background:#fff; border-color:#0d0b08;}
.list_goods ul > li a .info .badge .only:after {content:"SSF ONLY";}
.list_goods ul > li a .info .badge .collabor {color:#0d0b08; background:#fff; border-color:#0d0b08;}
.list_goods ul > li a .info .badge .collabor:after {content:"COLLABORATION";}
.list_goods ul > li a .info .badge .sale {color:#5b1eaa; background:#fff; border-color:#fff;}
.list_goods ul > li a .info .badge .sale:after {content:"SALE!";}
.list_goods ul > li a .info .badge .last {background:#444; border-color:#444;}
.list_goods ul > li a .info .badge .last:after {content:"Last Piece";}
.list_goods ul > li a .info .badge .overseas {padding-left:28px; color:#0d0b08; background:url("../images/ui/ico_post.png") #fff no-repeat 10px -98px; border-color:#0d0b08;}
.list_goods ul > li a .info .badge .overseas:after {content:"해외직배송";}
.list_goods ul > li a .info .badge .inshop {color:#777; background:#fff; border-color:#959595;}
.list_goods ul > li a .info .badge .inshop:after {content:"입점상품";}
.list_goods ul > li a .info .badge .fit {color:#50506e; background:#fff; border-color:#50506e;}
.list_goods ul > li a .info .badge .fit:after {content:"홈피팅";}
.list_goods ul > li a .info .badge .adaptive {color:#0d0b08; background:#fff; border-color:#0d0b08;}
.list_goods ul > li a .info .badge .adaptive:after {content:"Adaptive Clothing";}
:lang(en) .list_goods ul > li a .info .badge .inshop:after,
:lang(zh) .list_goods ul > li a .info .badge .inshop:after {content:"입점상품";}
.list_goods ul > li a .info .badge .csr {color:#5b1eaa; background:#fff; border-color:#5b1eaa;}
.list_goods ul > li a .info .badge .csr:after {content:"CSR";}

/* Review List */
.list_review > ul {margin:0 -9px !important; max-width:1920px;}
.list_review > ul:after {display:block; content:""; clear:both;}
.list_review > ul > li {position:relative; float:left; margin:0 9px !important; padding-bottom:40px; width:calc(33.33% - 18px) !important;}
.list_review > ul > li a {width:30%;}
.list_review > ul > li a img {width:50%;}
.list_review > ul > li a .hover {display:block; position:absolute; top:0; opacity:0; width:100%; filter:Alpha(Opacity=0); /* support:IE8 */}
.list_review > ul > li a:hover .hover {opacity:1; filter:Alpha(Opacity=100); /* support:IE8 */}
.list_review > ul > li a .hover {overflow:hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.list_review > ul > li a .info {position:absolute; top:50%; right:0; margin-top:-154px; padding:37px 36px 0; width:50%; background:url(../images/ui/bg_quotes.png) no-repeat 36px top; box-sizing:border-box;}
.list_review > ul > li a .info .txt {height:80px; line-height:20px; color:#444; font-size:13px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.list_review > ul > li a .info .point {display:block; margin:34px 0 18px; color:#8e8e8e;}
.list_review > ul > li a .info .point .star {margin-right:4px;}
.list_review > ul > li a .info .brand {line-height:20px; color:#8e8e8e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list_review > ul > li a .info .name {line-height:20px; color:#8e8e8e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list_review > ul > li a .info > span {display:block; position:relative; width:100%;}

.list_review > ul {margin:0 -9px !important;}
.list_review > ul > li {width:calc(33.33% - 18px) !important; margin:0 9px !important;}

/* 해상도 대응 */
@media only all and (max-width:1680px) {
	.list_review > ul > li {padding-bottom:60px;}
}
@media only all and (max-width:1400px) {
	.list_review > ul > li {padding-bottom:80px;}
}


/* 개발소스에 .flow 와 .list_Wrap 사이 script 및 form 의 간섭으로 class 무시됨 */
.contents section.flow + section.list_Wrap {margin-top:22px !important;}
.contents section.flow + section.list_Wrap h4 + .filter + .list_goods {margin-top:29px !important;}

/* 개발 form ID 상속 */
.contents section.flow + #dspCtgryForm section.list_Wrap {margin-top:22px !important;}
.contents section.flow + #dspCtgryForm section.list_Wrap h4 + .filter + .list_goods {margin-top:29px !important;}
.contents section.flow + #dspCtgryForm section.product + section.list_Wrap {margin-top:60px !important;}
.contents section.flow + #dspCtgryForm section.product + section.list_Wrap h4 + .filter + .list_goods {margin-top:32px !important;}

.list_goods.between > ul > li.banner:last-child {display:block;}
.list_goods .banner {display:none; width:100% !important; text-align:center;}
.list_goods .banner a {position:relative; margin:60px auto 100px; display:block; max-width:520px; text-align:left;}
.list_goods .banner span {display:block; margin-top:20px; width:100%; height:34px; line-height:34px; color:#111; font-size:28px; font-family:"SSF_Bold", "NotoSans_kr_Regular"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list_goods .banner em {display:block; margin-top:9px; width:100%; height:24px; line-height:24px; color:#111; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.list_goods.drop ul > li a .hover .copy {display:none;}
.list_goods.drop ul > li {margin-bottom:50px; overflow:hidden;}
.list_goods.drop ul > li a .info {position:absolute; margin:0; padding:2px 20px 20px; width:calc(100% - 40px); height:auto; bottom:-100%; background:url('../images/ui/bg_drop.png') repeat; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.list_goods.drop ul > li a:hover .info {bottom:0;}

.list_goods > ul.col6 {margin:0 -9px !important;}
.list_goods > ul.col6 > li {width:calc(16.66% - 18px) !important; margin:0 9px !important;}
.list_goods > ul.col5 {margin:0 -8px !important;}
.list_goods > ul.col5 > li {width:calc(20% - 16px) !important; margin:0 8px !important;}
.list_goods > ul.col4 {margin:0 -8.5px !important;}
.list_goods > ul.col4 > li {width:calc(25% - 17px) !important; margin:0 8.5px !important;}
.list_goods > ul.col3 {margin:0 -9px !important;}
.list_goods > ul.col3 > li {width:calc(33.33% - 18px) !important; margin:0 9px !important;}

.list_goods.drop > ul.col6 > li,
.list_goods.drop > ul.col5 > li,
.list_goods.drop > ul.col4 > li,
.list_goods.drop > ul.col3 > li {margin-bottom:50px !important;}

/* .list_goods > ul.col6 > li:nth-child(6n),
.list_goods > ul.col5 > li:nth-child(5n),
.list_goods > ul.col4 > li:nth-child(4n),
.list_goods > ul.col3 > li:nth-child(3n) {clear:both;} */


@media only all and (max-width:4096px) {
	.list_goods.between > ul > li:nth-child(7),
	.list_goods.between > ul > li:nth-child(10) {display:none;}
	.list_goods.between > ul > li:nth-child(13) {display:block;}
}
@media only all and (max-width:1680px) {
	.list_goods.between > ul > li:nth-child(7) {display:none;}
	.list_goods.between > ul > li:nth-child(10) {display:block;}
	.list_goods.between > ul > li:nth-child(13) {display:none;}
}
@media only all and (max-width:1280px) {
	.list_goods.between > ul > li:nth-child(7) {display:block;}
	.list_goods.between > ul > li:nth-child(10),
	.list_goods.between > ul > li:nth-child(13) {display:none;}
}


.color .color01 {background:#ffbd9d;}
.color .color02 {background:#ff7e46;}
.color .color03 {background:#ff958f;}
.color .color04 {background:#f80040;}
.color .color05 {background:#ebceb1;}
.color .color06 {background:#aa704b;}
.color .color07 {background:#a53613;}
.color .color08 {background:#6c462f;}
.color .color09 {background:#fff4c7; border:1px solid #ebebeb; box-sizing:border-box;} /* IVORY */
.color .color10 {background:#fffa6a;} /* LEMON */
.color .color11 {background:#ffc80e;}
.color .color12 {background:#d3a125;}
.color .color13 {background:#e4f949;} /* APPLE GREEN */
.color .color14 {background:#8fc735;}
.color .color15 {background:#1b8056;}
.color .color16 {background:#7b885c;}
.color .color17 {background:#d7dbf8;} /* LAVENDA */
.color .color18 {background:#b685e0;}
.color .color19 {background:#5b1eaa;}
.color .color20 {background:#fcd0eb;}
.color .color21 {background:#ff5fc2;}
.color .color22 {background:#d81c7a;}
.color .color23 {background:#9408b1;}
.color .color24 {background:#a92078;}
.color .color25 {background:#ccecff;} /* SKY BULE */
.color .color26 {background:#089acc;}
.color .color27 {background:#0059b0;}
.color .color28 {background:#0a1f89;}
.color .color29 {background:#ffffff; border:1px solid #ebebeb; box-sizing:border-box;} /* WHITE */
.color .color30 {background:#dddddd;}
.color .color31 {background:#808080;}
.color .color32 {background:#000000;}
.color .color33 {background:#494949;}
.color .color34 {background:#515c37;}


/* Events List */
.list_events {margin-top:0 !important;}
.list_events h4 {display:inline-block; height:40px; margin-top:27px; line-height:40px; font-size:16px; color:#111;}
.list_events h4 a + a {margin-left:15px;}
.list_events h4 a {color:#8e8e8e;}
.list_events h4 a.on {color:#111;}
.list_events .filter {margin-top:35px;}
.list_events > ul {margin:24px -9px 0 -9px;}
.list_events > ul:after {display:block; content:""; clear:both;}
.list_events > ul > li {position:relative; float:left; width:calc(33.333333% - 18px); margin:0 9px;}
.list_events > ul > li a .info {margin-bottom:30px; height:72px;}
.list_events > ul > li a .info span {display:block; width:100%; /*white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/}
.list_events > ul > li a .info .title {margin-top:18px; max-height:66px; line-height:22px; color:#333; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; overflow:hidden; word-wrap:break-word; word-break:keep-all;}
.list_events > ul > li a .info .summary {margin-top:6px; line-height:18px; color:#8e8e8e; font-size:12px; font-family:"SSF_Bold", "NotoSans_kr_Demilight";}


/* Browser Suppor */
#browserSupportWrap {height:70px; text-align:center; background:#eee;}
.bs-wrap {margin:0 auto; padding-top:10px; width:930px; text-align:left;}
.bs-message {float:left; margin-top:8px; font-size:12px; color:#333; letter-spacing:-1px; line-height:18px;}
.bs-browser-download li {float:left; margin-left:44px; height:50px;}
.bs-browser-download a {display:inline-block; padding:10px 0 0 66px; height:40px; color:#333; font-size:12px; text-decoration:none; background:url(//img1a.coupangcdn.com/image/coupang/common/browser_icon.png) no-repeat; letter-spacing:-1px; line-height: 18px;}
.bs-browser-download li.chrome a {background-position: 0 -100px;}
.bs-browser-download li.firefox a {background-position: 0 -200px;}

/* Select Color */
.color-select {display:inline-block; font-size:0;}
.color-select + .color-select {margin-top:3%;}
.color-select:after {display:block; content:""; clear:both;}
.color-select > input[type=radio] {width:0; height:0;}
.color-select > label {display:block; float:left; width:24px; height:24px;}
.color-select > label i {display:block; margin:0; width:100%; height:100%; background:url("../images/base/bg_base.png") no-repeat center 1000px;}
.color-select > input[type=radio]:checked + label i,
.color-select > input[type=checkbox]:checked + label i {background-position:center -993px;}
.color-select > input[type=radio]:disabled + label i {cursor:default;}

.detail .color-select {display:block;}
.detail .color-select > label {margin-left:2%; width:12.57%; height:40px;}
.detail .color-select > label:nth-child(14n+2) {margin-left:0 !important;}
.detail .color-select > label:nth-child(1n+16) {margin-top:9px;}
.detail .color-select > label > i {border:0;}
.detail .color-select > label > span {display:block; width:100%; height:100%;}
.detail .color-select > input[type=radio]:checked + label i,
.detail .color-select > input[type=checkbox]:checked + label i {background-position:center -985px !important;}

.len2.color-select > label {width:49%;}
.len3.color-select > label {width:32%;}
.len4.color-select > label {width:23.5%;}
.len5.color-select > label {width:18.4%;}
.len6.color-select > label {width:15%;}

/* 간편로그인 */
.submit a.facebook, .submit a.naver, .submit a.kakao {display:inline-block; padding-left:25px; height:35px; line-height:35px; color:#444; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.submit a.facebook {background:url("../images/ui/bg_facebook.png") no-repeat 0 center;}
.submit a.naver {background:url("../images/ui/bg_naver.png") no-repeat 0 center;}

/* 이용약관 */
.agreeContents {margin:10px 15px; padding:20px; line-height:20px; color:#777; font-size:12px;}
.agreeContents h3 {margin:16px 0 8px; line-height:22px; color:#444; font-size:12px;}
.agreeContents h3:first-child {margin-top:0 !important;}
.agreeContents table {margin-top:20px;}
.agreeContents table th, .agreeContents table td {padding:8px 16px; border:1px solid #ddd}
.agreeContents dl {margin:6px 0;}
.agreeContents dl dt, .agreeContents dl dd {word-wrap:break-word; word-break:keep-all;}
.agreeContents ul {margin:6px 0;}
.agreeContents ul li {word-wrap:break-word; word-break:keep-all;}
.agreeContents ol {margin:6px 0;}
.agreeContents ol li {padding-left:17px; word-wrap:break-word; word-break:keep-all;}
.agreeContents ol li span {margin-left:-17px;}
.agreeContents .agreeEnd {margin-top:16px;}
.agreeContents .zoom120,
.agreeContents .zoom120 p,
.agreeContents .zoom120 li,
.agreeContents .zoom120 dd,
.agreeContents .zoom120 span {color:#111; /*line-height:24px !important; font-size:15px !important; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-weight:600;*/}
/*
.agreeContents .zoom120 h3 {font-size:17px;}
.agreeContents .zoom120 li {padding-left:14px; text-indent:-14px;}
.agreeContents .zoom120 h3 {margin:20px 0 10px;}
*/
.admin section {border:1px solid #aaa; box-sizing:border-box;}





/* common ----------------------------------------------------------------------------------------------------------------------------------------------- */

.wrap {position:relative; margin:auto; min-width:1280px; max-width:1920px;}

/* Gnb */
.wrap header {width:100%; height:90px;}
.wrap header .bi_ssf {position:absolute; margin:34px 0 0 50px; width:160px; height:24px; background:url("../images/ui/bi_ssf.png") no-repeat center center;}
.wrap header .brands {display:none; position:absolute; top:12px; left:260px;}
.wrap.inshop header .brands {display:block;}
.wrap header .finder {float:right; margin:34px 50px 25px 0;}
.wrap header .finder input[type="text"] {margin:0; padding:0 0 7px 0; width:140px; height:22px; line-height:22px; border:0; border-bottom:2px solid #111;}
.wrap header .finder input[type="submit"] {margin-left:12px; border:0; width:23px; height:22px; vertical-align:top; background:url("../images/ui/finder.png") no-repeat center center;}
.wrap header .status {float:right; margin:34px 60px 34px 0; height:22px; line-height:22px;}
.wrap header .status > ul > li {float:left;}
.wrap header .status > ul > li:last-child a {padding-right:5px;}
.wrap header .status > ul > li + li {margin-left:30px;}
.wrap header .status > ul > li .basketNum {display:inline-block; float:right; margin-top:2px; padding:0 4px; min-width:10px; height:18px; line-height:18px; text-align:center; color:#fff; font-size:11px; font-family:"SSF_Bold"; background:#5b1eaa; border-radius:9px;}
.wrap header .status #list_cart {display:none; position:absolute; right:50px; width:320px; border:1px solid #e5e5e5; background:#fff; z-index:5;}
.wrap header .status #list_cart .goods {display:block; margin-top:50px; margin-left:20px; height:240px;}
.wrap header .status #list_cart .goods ul {margin-right:20px;}
.wrap header .status #list_cart .goods ul li {padding:10px 0;}
.wrap header .status #list_cart .goods ul li + li {border-top:1px solid #e5e5e5;}
.wrap header .status #list_cart .goods ul li a img {width:60px;}
.wrap header .status #list_cart .goods ul li .info {display:block; float:right; padding-top:4px; width:210px; text-align:left; font-size:12px;}
.wrap header .status #list_cart .goods ul li .info span {display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.wrap header .status #list_cart .goods ul li .info .name em {color:#5b1eaa;}
.wrap header .status #list_cart .goods ul li .info .option {margin-top:5px; color:#8e8e8e;}
.wrap header .status #list_cart .goods ul li p.null {line-height:200px;}
.wrap header .status #list_cart > a {display:block; padding:15px 0 !important; width:100%; line-height:20px; color:#fff; text-align:center; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:#111;}

/* Lnb */
.wrap nav {position:absolute; top:90px; padding:0 0 0 50px; min-width:210px; z-index:3;}
.wrap nav .bi_box {display:table; width:160px; height:160px;}
.wrap nav .bi_box h2 {/*display:none;*/ width:160px; height:160px;}
.wrap nav .bi_box .bi {display:none; padding:10px 20px; vertical-align:middle;}
.wrap nav .bi_box .bi .brand {display:none; color:#fff; line-height:26px; font-size:18px; word-wrap:break-word; word-break:keep-all;}
.wrap nav .bi_box .bi .heart {display:block; margin-top:12px; text-align:center;}
.wrap nav > ul {margin:28px 0 0 10px;}
.wrap nav ul + ul {margin-top:15px;}
.wrap nav ul li {padding:4px 0; line-height:14px; font-size:13px;}
.wrap.main nav ul li {line-height:16px; font-size:14px;}
.wrap:not(.inshop) nav ul li {max-width:160px;}
.wrap nav .mCS ul li {max-width:130px;}
.wrap nav ul li a {color:#777;}
.wrap nav ul li a.toggle + ul {display:none;}
.wrap nav ul li.on > a.toggle + ul {display:block;}
.wrap nav ul:not(.big) li a + ul {padding-left:10px;}
.wrap nav ul.big > li {padding:0; line-height:30px; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Regular";}
.wrap nav ul.big > li a.on {color:#5b1eaa; text-decoration:underline;}
.wrap.main nav ul.big > li {line-height:46px; font-size:28px;}
.wrap nav ul.big > li > a {color:#111; transition:all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.wrap nav.themeB ul > li > a {color:#fff !important;}
.wrap nav ul.big > li > ul {margin:7px 0 10px;}
.wrap nav ul.big > li > a.toggle {display:inline-block; width:150px; background:url("../images/ui/bg_split.png") no-repeat right -8px;}
.wrap.main.ssf nav ul.big > li > a.snb.toggle {position:absolute; top:664px;}
.wrap.main nav ul.big > li > a.snb.toggle {position:absolute; top:574px;}
.wrap.main nav ul.big > li > a.toggle {background-position:right 0;}
.wrap nav ul.big > li.on > a.toggle {display:inline-block; width:150px; background:url("../images/ui/bg_split.png") no-repeat right -54px;}
.wrap.main nav ul.big > li.on > a.toggle {background-position:right -46px;}
.wrap nav ul.big > li > a.toggle.snb {background-position:right 0 !important;}
.wrap nav.themeB ul.big > li > a.toggle {display:inline-block; width:150px; background:url("../images/ui/bg_split_themeB.png") no-repeat right 0;}
.wrap nav.themeB ul.big > li.on > a.toggle {display:inline-block; width:150px; background:url("../images/ui/bg_split_themeB.png") no-repeat right -46px;}
.wrap nav.themeB ul.big > li > a.toggle.snb {background-position:right 0;}
.wrap nav ul.mid > li {padding:0; line-height:22px; /*line-height:23px;*/ font-size:14px; font-family:"SSF_Regular", "NotoSans_kr_Regular";}
.wrap.main nav ul.mid > li {line-height:28px; font-size:15px;}
.wrap nav ul.mid > li a {color:#111;}
.wrap nav ul.mid.bold > li {font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap nav ul li.bold {margin:6px 0 12px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap nav ul li.bold a {color:#111;}
.wrap nav ul.mid + ul.mid {margin-top:14px;}
.wrap nav > h3 {margin:34px 0 0 10px; font-size:16px;}
.wrap nav > h3 > ul li {padding:3px 0; font-size:16px;}
:lang(en) .wrap nav > h3 > ul li {font-size:14px; word-wrap:break-word; word-break:keep-all;}
.wrap nav > h3 > ul li + li {margin-top:6px;}
.wrap nav > h3 > ul li a {color:#111;}
.wrap nav > h3 + ul {margin-top:10px;}
.wrap nav > h3 + ul li {padding:2px 0; line-height:18px; font-size:13px; font-family:"SSF_Bold", "NotoSans_kr_Regular";}
.wrap nav > h3 + ul li a {display:block; max-width:160px; color:#444; word-wrap:break-word; word-break:keep-all;}
.wrap nav .contact {margin-top:83px; padding:25px 0 0 10px; width:140px; border-top:1px solid #111;}
:lang(en) .wrap nav .contact {margin-top:71px;}
.wrap nav .contact h3 {font-size:16px;}
:lang(en) .wrap nav .contact h3 {font-size:14px;}
.wrap nav .contact tel {display:block; font-size:20px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
:lang(en) .wrap nav .contact tel,
:lang(zh) .wrap nav .contact tel {font-size:18px;}
.wrap nav .contact span {display:block; margin-top:16px; line-height:18px; color:#8e8e8e; font-size:12px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
:lang(en) .wrap nav .contact span {letter-spacing:-0.4px;}

.wrap nav .inbeaker {margin:30px 0 0 0;}
.wrap nav .inbeaker h3 {line-height:23px; font-size:14px;}
.wrap nav .inbeaker .alphabetize {margin-top:10px; line-height:23px; font-size:14px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap nav .inbeaker .alphabetize a {margin-right:6px; color:#8e8e8e;}
.wrap nav .inbeaker .alphabetize a.on {color:#5b1eaa;}
.wrap nav .inbeaker #list_brand {margin-top:20px; padding:10px 2px 10px 10px; width:138px; height:194px; font-size:13px; background:#f7f7f7; overflow:hidden;}
.wrap nav .inbeaker #list_brand h5 {line-height:18px; font-size:15px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap nav .inbeaker #list_brand ul {margin:10px 0;}
.wrap nav .inbeaker #list_brand ul li {width:130px; line-height:18px; word-wrap:break-word; word-break:keep-all;}
.wrap nav .inbeaker #list_brand ul li a {color:#444;}
.wrap nav .inbeaker #list_brand ul li.on a {color:#5b1eaa;}
.wrap nav .inbeaker #list_brand ul li.blank {line-height:174px; text-align:center; color:#8e8e8e; font-size:13px;}

.wrap nav img {width:auto;}
.wrap nav ul .all {margin-top:23px;}
.wrap nav ul .all a {color:#444;}
.wrap nav ul .multi {margin-top:12px; padding:7px 0; width:140px; border-top:1px solid #444; border-bottom:1px solid #444;}
.wrap nav ul .multi + .multi {margin-top:0; border-top:0;}
.wrap nav ul .multi + li:not(.multi) {margin-top:11px;}
.wrap nav ul .multi a {color:#444;}
.wrap nav ul .img {margin-top:10px;}
.wrap nav ul li i.new {height:15px; line-height:15px; font-size:10px;}
.wrap nav ul li i.csr {height:15px; line-height:13px; font-size:10px;}

.wrap nav .catalog {margin:36px 0 0 10px;}
.wrap nav .catalog h3 {margin-bottom:12px; line-height:46px; font-size:28px;}
.wrap nav .catalog > ul > li.strong {padding-left:0; font-size:15px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap nav .catalog > ul > li.strong a {color:#111;}
.wrap nav .catalog > ul > li:not(.strong) + li.strong {margin-top:15px;}
.wrap nav .catalog > ul > li {padding-left:15px; width:140px;}
.wrap nav .catalog .mCS {margin-top:20px; padding:10px 2px 10px 10px; width:138px; height:194px; font-size:13px; background:#f7f7f7; overflow:hidden;}
.wrap nav .catalog .mCS ul li a {color:#444;}

/* Bi */
.wrap.ssf header .bi_ssf {display:none;}
.wrap.ssf nav {top:0; padding-top:34px;}
.wrap.ssf nav .bi_box {background-position:0 0;}
.wrap.ssf nav .bi_box h2 {display:block;}
.wrap:not(.ssf) .contents .flow {margin-top:56px;}

/* 8seconds */
.wrap.b-8SBSS nav .bi_box {background-position:-160px 0;}

/* Beaker */
.wrap.b-MCBR nav .bi_box {background-position:-9999px 0;}
.wrap.b-MCBR nav .bi_box .bi {display:table-cell; background-color:#111;}
.wrap.b-MCBR nav .bi_box .bi .brand {display:block; max-width:120px; max-height:120px; overflow:hidden;}
.wrap.b-MCBR nav .bi_box .bi .heart {text-align:right; /*background:url("../images/ui/bi_split.png") no-repeat -330px -70px;*/}
.wrap.main.b-MCBR nav .bi_box {background-position:-160px 0;}
.wrap.main nav .bi_box h2 {display:block;}
.wrap.main.b-MCBR nav .bi_box .bi, .wrap.main.b-MCBR nav .bi_box .bi .brand, .wrap.main.b-MCBR nav .bi_box .bi .heart {display:none;}

/* Another# */
.wrap.b-ORBR nav .bi_box {background-position:-9999px 0;}
.wrap.b-ORBR nav .bi_box .bi {display:table-cell; background-color:#111;}
.wrap.b-ORBR nav .bi_box .bi .brand {display:block; max-width:120px; max-height:120px; overflow:hidden;}
.wrap.b-ORBR nav .bi_box .bi .heart {text-align:right; background:url("../images/ui/bi_split.png") no-repeat -330px -70px;}
.wrap.main.b-ORBR nav .bi_box {background-position:-160px 0;}
.wrap.main nav .bi_box h2 {display:block;}
.wrap.main.b-ORBR nav .bi_box .bi, .wrap.main.b-ORBR nav .bi_box .bi .brand, .wrap.main.b-ORBR nav .bi_box .bi .heart {display:none;}

/* Kuho */
.wrap.b-WMBKF nav .bi_box {background-position:-480px 0;}
/* Beanpole */
.wrap.b-BPBR nav .bi_box {background-position:-645px 5px;}
/* Beanpole men */
.wrap.b-BPBBC nav .bi_box {background-position:-5px 165px;}
/* Beanpole ladies */
.wrap.b-BPBBF nav .bi_box {background-position:-165px 165px;}
/* Beanpole kids */
.wrap.b-BPBBK nav .bi_box {background-position:-325px 165px;}
/* Beanpole acc */
.wrap.b-BPBBE nav .bi_box {background-position:-485px 165px;}
/* Beanpole outdoor */
.wrap.b-BPBBO nav .bi_box {background-position:-645px 165px;}
/* Beanpole golf */
.wrap.b-BPBBJ nav .bi_box {background-position:-5px 325px;}
/* Ravenova */
.wrap.b-WMBAZ nav .bi_box {background-position:-165px 325px;}
/* Ilmo */
.wrap.b-HMBMA nav .bi_box {background-position:-325px 325px;}
/* Galaxy */
.wrap.b-HMBGA nav .bi_box {background-position:-485px 325px;}
/* Galaxy lifestyle */
.wrap.b-HMBGC nav .bi_box {background-position:-645px 325px;}
/* rogatis */
.wrap.b-HMBRX nav .bi_box {background-position:-5px 485px;}
/* Rogatis collelction */
.wrap.b-HMBRA nav .bi_box {background-position:-165px 485px;}
/* Pal zileri */
.wrap.b-HMBPA nav .bi_box {background-position:-325px 485px;}
/* Mvio */
.wrap.b-HMBMK nav .bi_box {background-position:-485px 485px;}
/* Lebeige */
.wrap.b-ECBVF nav .bi_box {background-position:-645px 485px;}
/* Lansmere */
.wrap.b-HMBLA nav .bi_box {background-position:-5px 645px;}
/* CACADA GOOSE */
.wrap.b-ECQSG nav .bi_box {background-position:-165px 645px;}

/* Floating banner */
.float_ban {position:absolute; top:200px; left:1000px; z-index:200; box-shadow:4px 4px #dbdbdb;}
.float_ban img {width:auto;}
.float_ban .ban_btm {position:relative; padding:8px 17px; background-color:#f7f7f7; line-height:20px;}
.float_ban .ban_btm label {color:#444;}
.float_ban .ban_btm .out {overflow:hidden; position:absolute; top:8px; right:8px; width:14px; height:14px; padding:10px; background:url("../images/ui/bg_ban_close.png") no-repeat 50% 50%; text-indent:100%; white-space:nowrap; text-overflow:ellipsis;}

/* popup banner */
.popup_ban {position:absolute; top:200px; left:500px; z-index:90;}
.popup_ban img {display:block; width:auto; box-shadow:4px 4px #dbdbdb;}
.popup_ban .ban_btm {position:relative; padding:5px 0; line-height:20px; text-align:right;}
.popup_ban .ban_btm label {margin-right:0; color:#444;}
.popup_ban .ban_btm label i {background-color:#fff;}
.popup_ban .ban_btm .out {overflow:hidden; display:inline-block; width:14px; height:14px; padding:10px; font-size:0; background:url("../images/ui/bg_ban_close.png") no-repeat 50% 50%; text-indent:100%; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}			

/* Top banner */
.top_ban {position:relative; width:100%; height:100px; overflow:hidden;}
.top_ban > a {position:absolute; left:50%; margin-left:-960px;}
.top_ban > a > img {width:auto;} 
.top_ban .ban_btm {display:block; position:absolute; bottom:0; right:0; padding:8px 17px; text-align:right; line-height:20px;}
.top_ban .ban_btm label {margin-right:40px; color:#444;}
.top_ban .ban_btm .out {overflow:hidden; position:absolute; top:8px; right:8px; width:14px; height:14px; padding:10px; font-size:0; background:url("../images/ui/bg_ban_close.png") no-repeat 50% 50%; text-indent:100%; white-space:nowrap; text-overflow:ellipsis;}

/* Widget */
.wrap .widget {display:block;}
.wrap .widget > div {transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.wrap .widget .basement {display:block; position:fixed; right:30px; bottom:0; padding:0 20px; height:60px; background:#111; z-index:5;}
.wrap .widget.down .basement {bottom:-60px; opacity:0;}
.wrap .widget.down .toast.on {bottom:-450px !important;}
.wrap .widget .basement li {display:block; float:left;}
.wrap .widget .basement li + li {margin-left:2px;}
.wrap .widget .basement li a {display:block; width:60px; height:60px; font-size:0; background:url("../images/ui/bg_widget.png") no-repeat;}
.wrap .widget .basement li a.beneft {background-position:0 0;}
.wrap .widget .basement li a.view {background-position:-60px 0;}
.wrap .widget .basement li a.view em {display:inline-block; float:right; margin-top:7px; margin-right:6px; padding:0 4px; min-width:10px; height:18px; line-height:18px; text-align:center; color:#fff; font-size:11px; font-family:"SSF_Bold"; background:#5b1eaa; border-radius:9px;}
.wrap .widget .basement li a.talk {background-position:-120px 0;}
.wrap .widget .basement li a.top {background-position:-180px 0;}
.wrap .widget .toast {position:fixed; right:30px; padding:40px 50px 50px; border:1px solid #111; background:#fff; opacity:0; z-index:1;}
.wrap .widget .toast.on {bottom:60px !important; opacity:1; z-index:4;}
.wrap .widget .toast > h3 {font-size:18px;}
.wrap .widget .toast > h3 > em {color:#5b1eaa;}
.wrap .widget .toast > h3 + div:not(.slider) {margin-top:30px;}
.wrap .widget .toast > h3 + div:not(.slider) ul {overflow:hidden;}
.wrap .widget .toast > h3 + div:not(.slider) ul li {float:left; width:425px;}
.wrap .widget .toast > h3 + div:not(.slider) ul li:first-child {margin-right:10px;}
.wrap .widget .toast .slider {margin-top:30px;}
.wrap .widget .toast .slider ul {position:relative; z-index:10;}
.wrap .widget .toast .slider:after {display:block; clear:both; content:"";}
.wrap .widget .toast .slider .lSAction a {margin-left:-35px;}
.wrap .widget .toast .slider .lSAction .lSNext {margin-right:-35px;}
.wrap .widget .toast .slider .lSSlideWrapper {height:auto; z-index:1;}
.wrap .widget #beneft {min-width:860px; min-height:355px; bottom:-447px;}
.wrap .widget #view {bottom:-348px;}
.wrap .widget #beneft .slider .lSSlideOuter {width:860px;}
.wrap .widget #beneft .slider li {float:left; margin-right:10px; width:430px; max-height:297px;}
.wrap .widget #view .slider .lSSlideOuter {width:630px;}
.wrap .widget #view .slider li {float:left; width:150px;}

/* Snb
.wrap.main .snb {position:absolute; top:750px; padding:50px 60px; width:calc(100% - 120px); max-width:1800px; background:#fff; border-bottom:2px solid #e5e5e5; z-index:3;}
 */

/* Content */
.wrap .contents {margin:0 50px 0 280px; width:calc(100% - 330px);}
.wrap.inshop .contents {margin:220px 50px 0; width:calc(100% - 100px);}
.wrap.main .contents {margin:0; width:100% !important;}
.wrap.fixed .contents {width:960px !important;}
.wrap.inshop.fixed .contents {/*position:relative;*/ z-index:3; margin:220px auto 0; padding-top:10px;}

/* Footer */
.wrap footer {margin-top:100px; padding:50px 60px 60px; border-top:1px solid #e5e5e5;}
.wrap footer .company {display:inline-block; line-height:20px; color:#8e8e8e; font-size:12px;}
.wrap footer .company h5 {display:block; margin-bottom:18px; color:#444; line-height:14px; font-size:14px; font-family:"SSF_Bold", "NotoSans_kr_Regular";}
.wrap footer .company address {margin-top:16px; display:inline;}
.wrap footer .company a {color:#8e8e8e; text-decoration:underline;}
.wrap footer .company > span {display:block; float:left;}
.wrap footer .company > span + span {margin-left:8px; padding-left:8px; background:url("../images/base/split.gif") no-repeat left center;}
.wrap footer .company > span.escrow {color:#959595;}
.wrap footer .company > span.copy {padding-top:10px; width:100%; color:#8e8e8e; font-size:12px; font-family:"SSF_Bold", "NotoSans_kr_Regular";}
.wrap footer .company > span.ismsp {margin-top:8px; padding-left:52px; height:42px; line-height:42px; color:#8e8e8e; font-size:12px; font-family:"SSF_Bold", "NotoSans_kr_Regular"; background:url("../images/base/mark-ismsp.png") no-repeat left center;}
.wrap footer .company > span.ismsp a {text-decoration:none;}
.wrap footer .link {float:right; vertical-align:top; text-align:right;}
.wrap footer .link .quick {display:block; height:14px; line-height:14px;}
:lang(en) .wrap footer .link .quick,
:lang(zh) .wrap footer .link .quick {display:none;}
.wrap footer .link .quick ul > li {display:inline-block; float:left; text-align:right;}
.wrap footer .link .quick ul > li + li:before {content:"·";}
.wrap footer .link .quick ul > li a {margin:0 10px; color:#444; font-size:14px;}
.wrap footer .link .quick ul > li:first-child a {margin-left:0;}
.wrap footer .link .quick ul > li:last-child a {margin-right:0;}
.wrap footer .link .article {display:block; line-height:20px;}
.wrap footer .link .quick + .article {margin-top:24px;}
.wrap footer .link .article ul {display:inline-block;}
:lang(en) .wrap footer .link .article ul,
:lang(zh) .wrap footer .link .article ul {float:right;}
.wrap footer .link .article ul + ul {margin-left:30px;}
.wrap footer .link .article ul > li { font-size:12px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap footer .link .article ul > li a {color:#8e8e8e;}
.wrap footer .link .article ul > li a.terms {color:#444;}

/* Layer */
/* #popup, #alert {display:none;} */

/* Layout Controller */

.wrap .contents h1 {margin-top:12px; line-height:50px; font-size:32px;  font-family:'SSF_Regular','NotoSans_kr_Demilight';}
.wrap .contents h1 a {float:right; margin-top:7px;}
.wrap .contents h1 .btn_wrap {float:right;}
.wrap .contents h1 .btn_wrap .btn {float:left !important; width:68px; height:18px; margin-left:8px; line-height:18px;}
.wrap .contents h1 + section {margin:28px auto 0;}

.wrap.inshop header {height:70px;}
.wrap.inshop header .bi_ssf,
.wrap.inshop header .status,
.wrap.inshop header .finder {margin-top:24px;}

.wrap.inshop nav {position:absolute; top:70px; padding-left:0; width:100%; max-width:1920px; z-index:4;}

.wrap.inshop nav {position:absolute; width:100%; text-align:center;}
.wrap.inshop nav .bi {display:inline-block; margin-top:80px;}
.wrap.inshop nav .bi img {width:auto; max-height:80px;}
.wrap.inshop nav .mybrand {margin-top:24px; height:24px;}
.wrap.inshop nav > ul {display:block; margin-top:34px; width:calc(100% - 10px);}
.wrap.inshop nav > ul > li {display:inline-block; padding-bottom:20px; height:26px; line-height:26px; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Regular";}
.wrap.inshop nav > ul > li + li {margin-left:60px;}
.wrap.inshop nav > ul > li > a {color:#111;}
.wrap.inshop nav > ul > li:hover > a {color:#5b1eaa; border-bottom:2px solid #5b1eaa; box-sizing:border-box;}
.wrap.inshop nav.themeB > ul > li:hover > a {border-bottom-color:#fff;}

.wrap.inshop nav > ul > li .snb {display:block; position:absolute; top:-9999px; left:0; margin-top:20px; padding:40px 0; width:100%; text-align:center; background:#fff; border-bottom:2px solid #e5e5e5;}
.wrap.inshop nav > ul > li:hover .snb {top:auto;}
.wrap.inshop nav > ul > li .snb .category {display:inline-block; vertical-align:top; text-align:left;}
.wrap.inshop nav > ul > li .snb .category + .category {margin-left:100px;}
.wrap.inshop nav > ul > li .snb .category h5 {margin-bottom:12px; line-height:24px; font-size:15px; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap.inshop nav > ul > li .snb .category h5 a {margin-bottom:12px; line-height:24px; font-size:15px; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap.inshop nav > ul > li .snb .category h5.on a {text-decoration:underline;}
.wrap.inshop nav > ul > li .snb .category ul li {padding:4px 0; line-height:16px; font-size:13px;}
.wrap.inshop nav > ul > li .snb .category ul li a {color:#444 !important; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.wrap.inshop nav > ul > li .snb .category ul li a.on {color:#5b1eaa; border-bottom:1px solid #5b1eaa;}
.wrap.inshop nav > ul > li .snb .category .view_all {display:block; margin-top:40px; text-align:center;}
.wrap.inshop nav > ul > li .snb .category .view_all a {padding:8px 80px; line-height:22px; color:#444; font-size:14px; border:1px solid #e5e5e5;}
.wrap.inshop nav > ul > li .snb .view_all {display:block; margin-top:40px; margin-bottom:20px; text-align:left;}
.wrap.inshop nav > ul > li .snb .view_all a {padding:8px 80px; line-height:22px; color:#444; font-size:14px; border:1px solid #e5e5e5;}
.wrap.inshop nav > ul > li .snb .category.banner {max-width:485px;}
.wrap.inshop nav > ul > li .snb .category.banner ul li {float:left;}
.wrap.inshop nav > ul > li .snb .category.banner ul li a img {display:block; width:240px !important; height:240px;}
.wrap.inshop nav > ul > li .snb .category.banner ul li a span {display:block; margin-top:15px; width:240px; line-height:24px; font-size:15px; color:#111; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



/* flow */
section.flow span {display:inline-block; float:left; margin-right:7px; padding:14px 0; line-height:22px; color:#111; font-size:13px;}
section.flow span a {padding-right:14px; color:#8e8e8e; background:url('../images/base/flow.png') no-repeat right center;}
section.flow span em {display:inline-block; margin-left:10px;}
section.flow:after {display:block; clear:both; content:"";}
section.flow + .list_goods {margin-top:22px;}


@media only all and (max-width:4096px) {
	.list_goods > ul {margin:0 -8px;}
	.list_goods > ul > li {width:calc(20% - 16px); margin:0 8px;}

	.list_goods > ul.align_3-4-4 {margin:0 -8.5px;}
	.list_goods > ul.align_3-4-4 > li {width:calc(25% - 17px); margin:0 8.5px;}
}
@media only all and (max-width:1680px) {
	.list_goods > ul {margin:0 -8.5px;}
	.list_goods > ul > li {width:calc(25% - 17px); margin:0 8.5px;}
}
@media only all and (max-width:1280px) {
	.list_goods > ul {margin:0 -9px;}
	.list_goods > ul > li {width:calc(33.333333% - 18px); margin:0 9px;}
}


/* Snb (Brands) */
#snb {display:none; position:absolute; top:624px; margin:0 20px; width:calc(100% - 40px); background:#fff; z-index:4; *opacity:0.7;}
#snb.on {display:block;}
#snb i.close {top:30px; right:40px;}

.inshop #snb {top:70px;}

#snb > div {padding:50px 40px; width:calc(100% - 80px);}
#snb > div:last-child {padding-bottom:70px;}
#snb > div + div {border-top:1px solid #e5e5e5;}
#snb > div > h3 {display:inline-block; line-height:27px; color:#111; font-size:28px;}
#snb > div > h3 .toggle {display:inline-block; width:150px; background:url("../images/ui/bg_split.png") no-repeat right -56px;}
#snb .link {float:right; margin-top:-20px; margin-right:40px;}
#snb .link a {display:inline-block; padding:0 24px; height:28px; line-height:28px; font-size:12px; border:1px solid #e5e5e5;}
#snb .link a + a {margin-left:5px;}
#snb .link a.mybrands {padding-left:44px; background:url('../images/ui/ico_mybrands.png') no-repeat 24px center;}
#snb > div > ul {margin-top:20px;}
#snb > div > ul:after {display:block; clear:both; content:'';}
#snb > div > ul > li {display:block; float:left; padding:4px 40px 4px 0; vertical-align:top; line-height:20px; width:210px; font-size:13px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
#snb > div > ul > li.bold a {font-size:14px; color:#5b1eaa; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
#snb .multi h3 {line-height:28px; font-size:26px; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
#snb .multi h3 small {display:block; color:#8e8e8e; font-size:12px;}
#snb .multi ul {margin-top:-60px; padding-left:250px;}



/* 본인인증 */
.certify > a {display:inline-block; padding:40px 0; width:250px; height:78px; background:url("../images/ui/bg_auth01.png") no-repeat center 45px; color:#444; text-align:center; font-size:16px; border:1px solid #e5e5e5; font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.certify > a:last-child {float:right; background:url("../images/ui/bg_auth02.png") no-repeat center 45px;}
.certify > a span {display:block; padding-top:60px;}
.certify .fin {display:block; padding-top:54px; background:url("../images/ui/bg_fin_check.png") no-repeat center 6px; font-size:16px; color:#333; text-align:center;}




/* 추천상품 광고 */
.ad_recommend {margin-top:130px;}
.ad_recommend:after {display:block; clear:both; content:"";}
.ad_recommend h3 {line-height:24px; font-size:24px;}
.ad_recommend h3 small {margin-left:12px; color:#8e8e8e; font-size:14px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';}
.ad_recommend ul {margin-top:30px;}
.ad_recommend ul li {float:left;}
.ad_recommend ul li + li {margin-left:12px;}
.ad_recommend img {width:150px;}



.null {display:block; clear:both; width:100%; line-height:300px; text-align:center; color:#959595; font-size:14px;} 

.page {height:35px; line-height:35px; text-align:center;}
.page a,
.page span {margin:0 5px; color:#8e8e8e;}
.page .on {color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium"; text-decoration:underline;}

.page a.first:after {content:'<<';}
.page a.prev:after {content:'<';}
.page a.next:after {content:'>';}
.page a.last:after {content:'>>';}













/* 매장위치 */
.location #map {margin-top:30px; width:960px; height:467px; overflow:hidden;}
.location .contact {display:inline-block; margin-top:30px;}
.location .contact span {display:block; line-height:22px;}
.location .contact span + span {margin-top:15px;}
.location .service {display:inline-block; float:right; margin-top:30px;}
.location .service i + i {margin-left:20px;}
.location .service i {display:inline-block; padding-top:52px; width:40px; line-height:24px; text-align:center; color:#8e8e8e;}
.location .service i.pickup {background:url(../images/ui/ico_pickup.png) no-repeat center top;}
.location .service i.repair {background:url(../images/ui/ico_repair.png) no-repeat center top;}	





/* window 팝업 */
.popup {padding:35px 30px;}
.popup h1 {height:60px; line-height:60px; font-size:20px; border-bottom:1px solid #111;}
.wrap + .popup {padding:0;}
.wrap + .popup .ui-dialog-content {padding:0;}
.wrap + .popup .ui-dialog-content > div,
.wrap + .popup .ui-dialog-content > form {padding:35px 30px;}
.ui-dialog .ui-dialog-content > form {padding-bottom:35px;}

/* 우편번호 찾기 */
.popup .postal {min-width:780px;}
.popup .postal .form_wrap {margin-top:20px;}
.popup .postal .form_wrap li + li {margin-top:10px;}
.popup .postal .form_wrap .input_box {width:calc(100% - 96px);}
.popup .postal .form_wrap .btn {display:inline; margin-left:8px; padding:7px 30px;}
.popup .postal h3 {margin-top:30px; color:#444; font-size:16px;}
.popup .postal .list_wrap {margin-top:20px;}
.popup .postal #result {overflow-y:scroll; margin-top:50px; height:396px;}
.popup .postal .grid_wrap td:first-child {border-left:0;}
.popup .postal .grid_wrap td:last-child {text-align:left; text-indent:20px; border-right:0;}
.popup .postal .grid_wrap th {padding:18px 0; line-height:20px; color:#8e8e8e; font-size:12px; font-weight:normal; background:#fff; border-right:0; border-left:0;}
.popup .postal .grid_wrap td {padding:12px 0; color:#8e8e8e; line-height:24px;}
.popup .postal .grid_wrap td em {color:#111;}
.popup .postal .grid_wrap td .keyword {font-family:"SSF_Bold", "NotoSans_kr_Medium";}
.popup .postal .grid_wrap td .null {line-height:191px; border-bottom:0;} 

/* 처리지연 로딩 */
.fullLayerLoadWrap {position:fixed; top:0; left:0; right:0; height:100%; z-index:2000; display:none;}
.layerLoadDim {position:fixed; width:100%; height:100%; background:#fff; opacity:0.9; z-index:9000;}
.loadGif img {position:fixed; top:50%; left:50%; width:58px; height:58px; margin-top:-58px; margin-left:-32px; z-index:9001;}
.loadMsg {display:none; position:fixed; top:50%; margin-top:24px; width:100%; line-height:24px; text-align:center; font-size:13px; color:#959595; z-index:9002;}

body.dimed {overflow:hidden;}
#dimed {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:Alpha(Opacity=50); z-index:100;}



section.error {margin-top:132px !important;}
section.error .tit_wrap + .submit_order a.btn {padding:16px 50px;}


/* 2018-04-19:17:22 */