@charset "utf-8";

/* 삼성긴고딕 한글 */
@font-face {
	font-family: 'sg';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/SECGCWL.eot');
	src: local('※'), url('fonts/SECGCWL.woff') format('woff'),
	url('fonts/SECGCWL.ttf') format('truetype'),
	url('fonts/SECGCWL.ttf') format('svg');
}
/* SweetSans 영문 or 숫자 */
@font-face {
	font-family: 'ssm';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Sweet-SweetSans-Medium.eot');
	src: local('※'),
	url('fonts/Sweet-SweetSans-Medium.woff') format('woff'),
	url('fonts/Sweet-SweetSans-Medium.ttf') format('truetype'),
	url('fonts/Sweet-SweetSans-Medium.ttf') format('svg');
}


@font-face {
	font-family: 'ssr';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Sweet-SweetSans-Regular.eot');
	src: local('※'),
	url('fonts/Sweet-SweetSans-Regular.woff') format('woff'),
	url('fonts/Sweet-SweetSans-Regular.ttf') format('truetype'),
	url('fonts/Sweet-SweetSans-Regular.ttf') format('svg');
}


.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,
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;}

/*html {overflow-y: scroll;}*/
html,body {width: 100%; height: 100%;}
body { background-color: #fff; line-height: 1.2; 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;}
button {cursor: pointer; padding: 0; background: none; border: none;}

textarea {border: 1px solid #dadada;}

body,select,input,button,textarea,button {font-size: 12px; font-family: ssr, sg, '삼성긴고딕 웹 Light', Dotum, AppleGothic, sans-serif; color: #555; -webkit-font-smoothing: antialiased;}
legend {*width: 0;}
legend,hr,caption {overflow: hidden; font-size: 0; width: 0; height: 0; line-height: 0;}
legend,hr {overflow: hidden; position: absolute; top: 0; left: 0;}

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

a {color: #555; text-decoration: none;}
a:link,
a:visited {color: #555; text-decoration: none;}
a:hover {text-decoration: none;}

a[href^=tel] {color: inherit; text-decoration: none;} /* i phon number color reset */

input[type=text],
input[type=tel],
input[type=number],
input[type=password] {-webkit-appearance: none;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;} /* input reset */

::-webkit-input-placeholder {color: #9b9b9b;} /* WebKit browsers */
:-moz-placeholder {color: #9b9b9b; opacity: 1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color: #9b9b9b; opacity: 1;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#9b9b9b;} /* Internet Explorer 10+ */

/* bxslider css */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {max-width: 100%; /*display: block;*/}
.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	*/
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute; bottom: -30px; width: 100%;}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/common/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a { background:#bdbdbd; }
.bx-wrapper .bx-pager.bx-default-pager a:hover {background: #2B2B2B; }
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #002E5F; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px; background: url(../images/common/btn_blue_prev_12x22.png) no-repeat 0 0;}
.bx-wrapper .bx-next {right: 10px; background: url(../images/common/btn_blue_next_12x22.png) no-repeat 0 0;}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 12px;
	height: 22px;
	text-indent: -9999px;
	z-index: 50;
}

.bx-wrapper .bx-controls-direction a.disabled {cursor: default;}
.bx-wrapper .bx-controls-direction a.disabled.bx-prev {background: url(../images/common/btn_gray_prev_12x22.png) no-repeat 0 0;}
.bx-wrapper .bx-controls-direction a.disabled.bx-next {background: url(../images/common/btn_gray_next_12x22.png) no-repeat 0 0;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/common/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/common/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;	width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;	width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* 공통 */
h1, h2, h3, h4, h5, h6 {font-size: 12px; font-weight: normal;}

/* 한글폰트 */
.sg {font-family: sg, '삼성긴고딕 웹 Light', Dotum, AppleGothic, sans-serif;}

/* 영문폰트 */
.ssr {font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.ssm {font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif;}

.hidden {display: block; overflow: hidden; position: absolute; top: -1000em; left: 0;}

/* bullet */
span.bullet-dot {display: inline-block; padding-left: 8px; background: url(../images/common/bullet_dot_3x3.gif) no-repeat 0 4px;}
ul.bullet-dot li {padding-left: 10px; line-height: 18px; background: url(../images/common/bullet_dot_3x3.gif) no-repeat 0 8px;}

/* page path */
.page-path {margin-bottom: 40px; padding: 8px 0 10px; /*border: 1px solid #d4d4d4; border-width: 1px 0;*/}
.page-path a,
.page-path strong {
	display: inline-block;
	padding-left: 11px;
	/*vertical-align: middle;*/
	/*font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;*/
	background: url(../images/common/bullet_pageline_5x11.png) no-repeat 2px center;
}
.page-path .home-path {padding-left: 0; background: none;}
.page-path strong {font-weight: normal;}

/* text color */
.color01 {color: #8c8a8a;}
.color02 {color: #f88017;}

/* btn */
.btn-wrap {
	margin-top: 30px;
	text-align: center;
}
.btn-wrap .btn:first-child {margin-left: 0;}
.btn-wrap .btn {margin-left: 5px;}
.btn:visited,
.btn:link,
.btn {
	display: inline-block;
	min-width: 150px;
	height: 40px;
	padding: 0 20px;
	border: 1px solid #d4d4d4;
	vertical-align: middle;
	font-size: 15px;
	text-align: center;
	line-height: 36px;
	background-color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.btn.disabled {
	background: #f0f0f0 !important;
	border: 1px solid #d4d4d4 !important;
	color: #ccc !important;
	cursor: default !important;
}
.btn.btn-add,
.btn.btn-search {
	min-width: auto;
	height: 30px;
	padding: 0 15px;
	font-size: 12px;
	line-height: 25px;
}
.btn.btn-small {
	min-width: auto;
	height: 22px;
	padding: 0 10px;
	font-size: 11px;
	line-height: 17px;
	color: #8c8a8a;
}
.btn.btn-long {min-width: 220px;}
.btn.btn-full {min-width: 100%;}
.btn.btn-disabled {color: #8c8a8a;}
.btn.btn-quick {
	font-size: 12px;
	font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;
}
.btn.btn-quick:hover {
	border: 2px solid #555;
	line-height: 34px;
}

.btn.btn-color01 {
	border-color: #fc7e20;
	color: #fff;
	background-color: #fc7e20;
}
.btn.btn-color02 {
	border-color: #555;
	color: #fff;
	background-color: #555;
}
.btn.btn-border01 {
	border: 2px solid #f88017;
	color: #f88017;
}

/* 별점 */
.star,
.star span {
	display: inline-block;
	overflow: hidden;
	height: 14px;
}
.star {
	position: relative;
	top:-3px;
	width: 69px;
	vertical-align: middle;
	text-align: left;
	background: url(../images/common/img_star01.png) no-repeat 0 100%;
}
.star span {
	vertical-align: top;
	text-align: left;
	text-indent: -9999em;
	background: url(../images/common/img_star01.png) no-repeat 0 2px;
	*overflow: hidden;
	*font-size: 0;
	*line-height: 0;
	*text-indent: 0;
}

.star.big,
.star.big span {
	height: 20px;
}
.star.big {
	top:-3px;
	width: 120px;
	background: url(../images/common/img_star02.png) no-repeat 0 100%;
}
.star.big span {
	background: url(../images/common/img_star02.png) no-repeat 0 0;
}

/* 막대 평점 */
.graph-wrap {display: inline-block; width: 147px; vertical-align: middle;}
.graph-wrap .num { display: inline-block; width: 40px; text-align: right; }
.graph,
.graph span {display: inline-block; overflow: hidden; height: 6px;}
.graph {position: relative; width: 100px; vertical-align: middle; background-color: #f0f0f0;}
.graph span {vertical-align: top; text-indent: -9999em; background-color: #555; *overflow: hidden; *font-size: 0; *line-height: 0; *text-indent: 0;}

/* - 목록 텍스트 */
.list-text li {padding-left: 10px; text-indent: -10px; line-height: 18px; color: #8c8a8a;}

/* tab */
.tabs {}
.tabs .menu-list04 li {width: 256px;}
.tabs.ui-widget-content {border: 0 none;}
.tabs.ui-tabs .ui-widget-header {background: none; border: 0 none;}
.tabs.ui-tabs .ui-tabs-nav {padding: 0; border-bottom: 1px solid #f88017;}
.tabs.ui-tabs .ui-tabs-nav li {margin: 0 0 -1px 0; padding: 0; border: 0 none; text-align: center;}
.tabs.ui-tabs .ui-tabs-nav li a {display: block; float: none; height: 38px; border: 1px solid #d4d4d4; border-bottom: 1px solid #f88017; line-height: 38px; padding: 0; font-size: 13px; font-family: sg, SECGCR, 삼성긴고딕, '삼성긴고딕 Regular', Dotum, AppleGothic, sans-serif; background-color: #fbf7f2; border-left: none; }
.tabs.ui-tabs .ui-tabs-nav li:first-child a { border-left: 1px solid #d4d4d4 }
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {border-bottom-color: #fff;}
.tabs.ui-tabs .ui-tabs-nav .ui-tabs-active a {border-color: #f88017; font-weight: bold; color: #f88017; background-color: #fff; border-left:1px solid #f88017; outline: none; margin-left: -1px; }
.tabs.ui-tabs .ui-tabs-nav li:first-child.ui-tabs-active a { border-left:1px solid #f88017; }
.tabs.ui-tabs .ui-tabs-panel {padding: 0;}

.tabs .menu-list06 li {width: 130px;}
.tabs.ui-tabs .menu-list06.ui-tabs-nav li a { font-size: 12px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.tabs.ui-tabs .menu-list06.ui-tabs-nav .ui-tabs-active a { font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif; font-weight: normal; }

/* qna-table */
.qna-table {}
.qna-table table {}
.qna-table td {padding: 18px 0; border-bottom: 1px solid #d4d4d4; text-align: center; color: #8c8a8a;}
.qna-table td.left {padding-left: 25px; text-align: left;}
.qna-table td.left a {  line-height: 18px;}
.qna-table td.text-q,
.qna-table td.text-a {font-size: 16px;color: #f88017; vertical-align: top;}
.qna-table .answer {display: none;}
.qna-table .date { font-size:12px !important;}
.qna-table .que { overflow: hidden; display: block; max-height: 40px; line-height: 18px; color: #555;}
.qna-table .que.on { max-height: inherit; }

.qna-table.type02 { border-bottom: 1px solid #e1e1e1;}
.qna-table.type02 .question td.title,
.qna-table.type02 .answer td.qna-a { padding: 10px; border-top:none;  }
.qna-table.type02 .question td.title { border-bottom:none; }
.qna-table.type02 .answer td { background: #f7f7f7; border-top:none; color: #555; }
.qna-table.type02 .qa-lst td { border-bottom:none; }
.qna-table.type02 .bt-lst p + p { margin-top: 5px; }
.qna-table.type02 .bt-lst .btn.btn-small { min-width: 40px; }
.qna-table.type02 .qna-q { overflow: hidden; height: 18px; }
.qna-table.type02 .qna-q.on { height: auto; }

.qna-table.type03 * { vertical-align: top; }
.qna-table.type03 tbody td { border-bottom:none; border-top: 1px solid #d4d4d4; }
.qna-table.type03 tbody tr:first-child td,
.qna-table.type03 tbody tr.answer td { border-top: none; }
.qna-table.type03 { border-bottom: 1px solid #d4d4d4; }

.qna-table td .btn-wrap { margin-top: 10px; }
.qna-table td .btn-wrap .btn-small + .btn-small { margin-left: 0; }

.ico-secret { display: inline-block; padding-left: 18px; background: url(../images/common/ico_secret.png) no-repeat left center;}


/* table */
table {width: 100%;}
table th {font-size: 12px; background-color: #f0f0f0;}
table th,
table td {line-height: 18px;}
/*table .btn.btn-small {min-width: 65px;}*/
table td .product-swap {width: 65px; margin: 10px auto 0; text-align: center;}
table td .product-swap a:first-child {margin-left: 0; padding-left: 0; border-left: 0 none;}
table td .product-swap a {display: inline-block; margin-left: 3px; padding-left: 5px; border-left: 1px solid #d4d4d4; line-height: 12px; color: #8c8a8a;}

.th-color thead th {background-color: #fff;}

.table-row {}
.table-row tbody tr:first-child th,
.table-row tbody tr:first-child td {border-top: 1px solid #e1e1e1;}
.table-row tbody th,
.table-row tbody td {
	padding: 10px 5px;
	border-bottom: 1px solid #e1e1e1;
	line-height: 18px;
}
.table-row tbody th {padding-left: 20px; text-align: left; }
.table-row tbody td {
	text-align: center;
	color: #666;
}
.table-row tbody .left {
	padding-left: 20px;
	text-align: left;
}
.table-row.th-top th {vertical-align: top;}

.table-col {}
.table-col thead th,
.table-col tbody td {
	padding: 10px 5px;
	border: 1px solid #e1e1e1;
	border-width: 1px 0;
	text-align: center;
}
.table-col thead th.tal, .table-col tbody td.tal { text-align: left; }
.table-col thead th.pl50, .table-col tbody td.pl50 { padding-left: 50px; }
.table-col tbody .left {
	padding-left: 20px;
	text-align: left;
}
.table-col tbody td .btn-small {/*margin-top: 5px; margin-left: 3px;*/ vertical-align: bottom;}
.table-col tbody td .btn-small:first-child {margin-top: 0; margin-left: 0;}
.table-col.table-border th,
.table-col.table-border td {border: 1px solid #e1e1e1;}

/* 테이블의 상품 주문일,상품번호,주문상세 */
.table-col td .order-day,
.table-col td .code-num,
.table-col td .view-more {display: block;}

.table-col td .order-day {color: #8c8a8a;}
.table-col td .code-num {margin-bottom: 3px; color: #555;}
.table-col td .view-more {text-decoration: underline;}
.table-col td .change {text-decoration: underline; color: #8c8a8a;}
.table-col td .deliver {display: inline-block; margin-right: -10px; padding-right: 10px; text-decoration: underline; color: #8c8a8a; background: url(../images/common/bullet_arrow_r_6x10.png) no-repeat 100% 50%;}

/* 테이블 상품정보/옵션 */
.table-col .product-option dl {color: #8c8a8a;}
.table-col .product-option dt {float: left; margin-right: 3px;}
.table-col .product-option dd {overflow: hidden;}
.table-col .product-option dd a.quantity {display: inline-block; margin-left: 3px; text-decoration: underline; color: #8c8a8a;}

/* 공지사항 */
.table-col strong.notice {color: #db2a6e;}
.table-col td.no-data {padding: 45px 10px;}
.no-data { width: 100% !important; padding: 45px 10px; text-align: center;}

.table-col .evt-ing { font-weight: bold; }
.table-col .evt-end { color: #8c8a8a; }


/* select */
select {
	width: auto;
	background: #FFFFFF url(../images/common/img_arrow_down.png) right center no-repeat;
	/*font-family: sweetsans;*/
	border: 1px solid #FFF;
	color: #5F5F5F;
	/*font-size: 13px;*/
	margin: 0;
	padding: 2px 25px 3px 5px;
	text-align: left;
	max-width: none !important;
	outline: none;
	overflow: hidden;
	text-indent: 0.01px;
	text-overflow: '';
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.color-type {*zoom: 1;}
.color-type li:first-child {margin-left: 0;}
.color-type li {display: inline; float: left; margin-left: 4px;}
.color-type li a {display: block; border: 2px solid #fff; width: 32px; height: 32px; box-sizing:border-box; }
.color-type li a img {width: 28px; height: 28px;}
.color-type li a.on {border-color: #656364;}
.color-type li a.on img {width: 24px; height: 24px; border: 2px solid #fff;}

/* 날짜 검색 박스 */
.search-day-wrap {}
.search-day {padding: 20px; border: 1px solid #d4d4d4;}
.search-day .day {display: inline-block; margin-right: 20px; vertical-align: middle; *zoom: 1;}
.search-day .day:after {display: block; content: ""; clear: both;}
.search-day .day > a {float: left; width: 50px; height: 30px; margin-right: -1px; border: 1px solid #d4d4d4; line-height: 26px; text-align: center; color: #2b2b2b; background-color: #fff; box-sizing: border-box;}
.search-day .day > a:first-child {}
.search-day .day > a.on {color: #fff; border-color: #8c8a8a; background-color: #8c8a8a;}
.search-day .cal-date {width: 120px; height: 30px; line-height: 29px; box-sizing: border-box; }
.search-day .btn {margin-left: 5px; height: 30px; line-height: 26px;}

/* layout */
/*.wrap {min-width: 1400px;}*/
.content { position: relative; width: 1024px; margin: 0 auto;}
.section {*zoom: 1;}
.section:after {display: block; content: ""; clear: both;}
.section .fl {float: left;}
.section .fr {float: right;}
.center {text-align: center;}

/* lnb */
.lnb {float: left; width: 170px; padding: 30px 20px 30px; border: 1px solid #d4d4d4;}
.lnb.mypage { padding-bottom: 30px;}
.lnb h2:first-child {margin-top: 0;}
.lnb h2 {margin-top: 20px; font-size: 14px; font-weight: bold; color: #2b2b2b;}
.lnb h3 {font-size: 14px; font-weight: bold; color: #2b2b2b;}
.lnb ul {margin-top: 10px;}
.lnb li:first-child {margin-top: 0;}
.lnb li {margin-top: 8px;}
.lnb li a {color: #8c8a8a; line-height: 0; }
.lnb section {margin: 30px 0;}

/* about lnb */
.about-lnb {float: left; width: 204px; border: 1px solid #d4d4d4;}
.about-lnb h2,
.about-lnb li {height: 34px; padding-left: 15px; line-height: 34px;}
.about-lnb h2 {font-size: 14px; font-weight: bold;}
.about-lnb li {border-top: 1px solid #d4d4d4;}


#header-wrap {}

/* 상단 글로벌 메뉴 */
.global-wrap {position: relative; z-index: 600; height: 34px; padding-top: 6px; background-color: #fbf7f2;}
.global-wrap .inner {width: 1024px; margin: 0 auto; *zoom: 1;}
.global-wrap .inner:after {display: block; content: ""; clear: both;}
.global-wrap .global-menu {position: relative; z-index: 560; float: left; height: 28px; padding-top: 6px;}
.global-wrap .global-menu > a {padding-right: 35px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif; background: url(../images/common/header_dark_arrow.png) no-repeat 100% -17px; font-weight: bold; }
.global-wrap .global-menu > a.on {background-position: 100% 2px;}
.global-wrap .global-menu ul {display: none; position: absolute; left: -3px; top: 27px; z-index: 550; width: 300px; border: 1px solid #d4d4d4; background-color: #fff; *position: relative; *left: 0; *top: 10px;}
.global-wrap .global-menu li {overflow: hidden;}
.global-wrap .global-menu li:hover {background-color: #f0f0f0;}
.global-wrap .global-menu li a {display: block; padding: 5px; font-size: 11px; line-height: 14px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif; *zoom: 1;}
.global-wrap .global-menu li a:after {display: block; content: ""; clear: both;}
.global-wrap .global-menu li a img {margin-right: 10px; vertical-align: top; *vertical-align: middle;}
.global-wrap .global-menu li span {float: right; font-size: 10px; color: #9f9f9f; *margin-top: -15px;}
.global-wrap .global-menu li a.all {padding-left: 33px; background: url(../images/common/bullet_arrow_r_6x10.png) no-repeat 137px 7px;}
.global-wrap .global-menu {}

.global-find-menu {float: left;padding: 6px 0 0 30px;font-size: 11px; }

.global-wrap .global-search {float: right; margin-right: -105px;}
.global-wrap .global-search .total-search { position: relative; float: left; margin-right: 20px; background-color: #fff;}
.global-wrap .global-search .total-search input {padding: 5px; border: 0 none;}
.global-wrap .global-search .total-search .top-sch {display: inline-block; width: 23px; height: 24px; vertical-align: middle; text-indent: -999em; background: url(../images/common/search_dark.png) no-repeat 50% 50%; *font-size: 0; *line-height: 0;}

/* header 공통 검색 영역 */
.related-search { display: none; position: absolute; left: 0; top:28px; width: 100%; box-sizing:border-box; padding: 10px 10px 20px 10px; border:1px solid #d4d4d4; max-height: 150px; overflow-y: auto; background: #fff; }
.related-search.on  { display: block; }
.related-search ul li { margin-top: 8px; }
.related-search ul li em { color:#f88017; }

.global-search .total-search .related-search { display: none; position: absolute; left: 0; top:28px; width: 100%; box-sizing:border-box; padding: 10px 10px 20px 10px; border:1px solid #d4d4d4; max-height: 150px; overflow-y: auto; background: #fff; }
.global-search .total-search.on .related-search  { display: block; }
.global-search .total-search .related-search ul li { margin-top: 8px; }
.global-search .total-search .related-search ul li em { color:#f88017; }

.global-wrap .global-search .my-page {float: left; position: relative; z-index: 550; height: 30px; margin-right: 13px; padding-top: 6px;}
.global-wrap .global-search .my-page > a {font-size: 11px;}
.global-wrap .global-search .my-page > div {display: none; position: absolute; left: -20px; top: 33px; z-index: 540; width: 100px; padding: 15px 20px; background-color: #fbf7f2;}
.global-wrap .global-search .my-page li {padding: 7px;}
.global-wrap .global-search .my-page li a {color: #555;}
.global-wrap .global-search .my-page .btn-wrap {margin-top: 15px;}
.global-wrap .global-search .my-page .btn-wrap .btn {min-width: 98px; font-size: 11px; text-align: center; background-color: #fff;}
.global-wrap .global-search .basket { position: relative; float: left;}
.global-wrap .global-search .basket > a {display: inline-block; width: 24px; height: 13px; padding: 7px 0 3px; font-size: 11px; text-align: center; color: #8d8c8a; font-family: 'Arial', Helvetica, Tahoma, sans-serif; background: url(../images/common/icon_lock_24x22.png) no-repeat 0 0;}
.global-wrap .global-search .basket > a.on {background: url(../images/common/icon_lock_24x22_on.png) no-repeat 0 0; color: #fff;}

.header > .logo {padding-top: 21px; min-width:1024px; text-align: center;}

/* gnb 고정에 있는 로고 및 검색 */
.gnb-wrap { height: 53px; }
.gnb-inner { position: relative; z-index: 400; width: 100%; background-color: #fff;}
.gnb-inner .logo { display: none; position: absolute; left: 50%; top: 15px; margin-left: -654px; }
.gnb-inner .global-search {display: none; position: absolute; left: 50%; top: 15px; margin-left: 530px; width: 175px; }
.gnb-inner .global-search .total-search {float: left; /*width: 129px;*/ width: 25px; margin-right: 18px; border: 1px solid #fff; background-color: #fff;}
.gnb-inner .global-search .total-search.on { width: 129px; margin-left: -104px; border-color: #d4d4d4;}
.gnb-inner .global-search .total-search input {display: none; width: 90px; padding: 5px; border: 0 none; *float: left;}
.gnb-inner .global-search .total-search.on input {display: inline-block;}
.gnb-inner .global-search .total-search label {float: right; width: 23px; height: 24px; vertical-align: middle; text-indent: -999em; background: url(../images/common/search_dark.png) no-repeat 50% 50%; *font-size: 0;}
.gnb-inner .global-search .total-search form { position: relative; }

.gnb-inner .global-search .basket {float: left;}
.gnb-inner .global-search .basket > a {display: inline-block; width: 24px; height: 13px; padding: 7px 0 3px; font-size: 11px; text-align: center; color: #8d8c8a; background: url(../images/common/icon_lock_24x22.png) no-repeat 0 0; font-family: 'Arial', Helvetica, Tahoma, sans-serif;}
.gnb-inner .global-search .basket > a.on {background: url(../images/common/icon_lock_24x22_on.png) no-repeat 0 0; color: #fff;}

/* gnb */
#gnb {width: 1024px; height: 53px; margin: 0 auto;}
#gnb > ul { display:flex; justify-content: space-between; width: 1024px; *zoom: 1;}
#gnb > ul > li {font-size: 13px;}
#gnb > ul > li.first > a {color: #d3212a;}
#gnb > ul > li > a {display: inline-block; height: 15px; padding: 20px 0px 18px; line-height: 15px; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif; letter-spacing: .5px;}
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus {text-decoration: underline;}
#gnb > ul > li > div {display: none; position: absolute; left: 0; top: 52px; z-index: 300; width: 100%; border: 1px solid #d4d4d4; border-width: 1px 0; background-color: #fff;}
#gnb > ul > li > a > img {height:9px; margin-top:4px; vertical-align:top}
#gnb > ul > li.daily > a {width:83px; background:url(../images/common/torydaily_logo.jpg) no-repeat 50% 65%; text-indent:-9999em;}/* 160823 추가 */

#gnb .sub-menu {width: 1024px; margin: 0 auto; padding: 30px 0 33px; *zoom:1;}
#gnb .sub-menu:after {display: block; content: ""; clear: both;}
#gnb .sub-menu > li {float: left; width: 25%; /*margin-left: 10px;*/ box-sizing: border-box;}
#gnb .sub-menu > li:first-child {margin-left: 0;}

#gnb .sub-menu li {font-size: 13px; /*text-transform: uppercase;*/}
#gnb .sub-menu ul {margin-top: 14px;}
#gnb .sub-menu li:first-child {margin-top: 0;}
#gnb .sub-menu li strong {font-size: 13px; font-weight: normal; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif; text-transform: uppercase; letter-spacing: .5px;}
#gnb .sub-menu li li {margin-top: 12px; font-size: 13px;}

#gnb .sub-menu.thum02 > li { width: 246px; }
#gnb .sub-menu.thum03 > li { width: 226px; }
#gnb .sub-menu.thum02 > li.menu-thumb,
#gnb .sub-menu.thum03 > li.menu-thumb { width: 266px; }

/* gnb 첫번째 메뉴 */
/*#gnb > ul > li:first-child .sub-menu > li {width: 234px;}*/
/*#gnb > ul > li:first-child .sub-menu > li:first-child {width: 215px;}*/
/*#gnb > ul > li:first-child .sub-menu .menu-thumb {margin-left: 22px;}*/
/*#gnb > ul > li:first-child .sub-menu .menu-thumb img {padding: 3px;}*/

#gnb .sub-menu .menu-thumb {width: 25%; text-align: center;}
#gnb .sub-menu .menu-thumb > a { display: inline-block; width: 250px; text-align: left; }
#gnb .sub-menu .menu-thumb img {/*padding: 2px; border: 1px solid #d4d4d4; */width: 250px;}
#gnb .sub-menu .menu-thumb em {display: block; margin: 9px 0; font-size: 13px; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif; }

#gnb .daily .menu-info {width: 861px; margin: 0 auto; padding: 35px 0 65px 143px; *zoom: 1;}
#gnb .daily .menu-info:after {display: block; content: ""; clear: both;}
#gnb .daily .menu-info .thumb {float: left; display: inline-block; width: 200px; height: 200px; margin-right: 32px;}
#gnb .daily .menu-info .thumb img { max-width: 100%; /*padding: 2px; border: 1px solid #d4d4d4;*/}
#gnb .daily .menu-info .info-lst {float: left;}
#gnb .daily .menu-info .info-lst:first-child {margin-top: 8px;}
#gnb .daily .menu-info dt { margin-top: 18px; font-size: 13px; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif; }
#gnb .daily .menu-info dd { margin-top: 5px; }
#gnb .daily .menu-info .info-lst .img { position: absolute; left: -999em; }
#gnb .daily .menu-info .info-lst li { cursor: pointer; }
#gnb .daily .menu-info .info-lst li:hover a { text-decoration: underline; }

/* footer */
#footer {margin-top: 90px; padding-bottom: 100px;}
#footer .follow-link {padding: 24px 0; background-color: #fbf7f2;}
#footer .follow-link .inner {width: 1024px; margin: 0 auto; *zoom: 1;}
#footer .follow-link .inner:after {display: block; content: ""; clear: both;}
#footer .follow-link strong {float: left; margin-right: 35px; padding-left: 6px; line-height: 22px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
#footer .follow-link ul {float: left;}
#footer .follow-link li {display: inline; float: left; margin-left: 24px;}
#footer .follow-link li:first-child {margin-left: 0;}
#footer .follow-link li a {display: block; width: 22px; height: 22px; text-indent: -999em; *font-size: 0; *line-height: 0;}
/*#footer .follow-link li a.icon-insta {background: url(../images/common/icon_instagram_22x22.png) no-repeat 0 100%;}*/
#footer .follow-link li a.icon-insta {background: url(../images/common/icon_ins.png) no-repeat 2px -46px;}
#footer .follow-link li a.icon-facebook {background: url(../images/common/icon_facebook_22x22.png) no-repeat 0 100%;}
#footer .follow-link li a.icon-pinsta {background: url(../images/common/icon_pinsta_22x22.png) no-repeat 0 100%;}
#footer .follow-link li a.icon-twitter {background: url(../images/common/icon_twitter_22x22.png) no-repeat 0 100%;}
#footer .follow-link li a.icon-youtube { width:42px; background: url(../images/common/icon_utube_22x22.png) no-repeat 0 100%;}
#footer .follow-link li a.icon-kakao {background: url(../images/common/icon_kakao_22x22.png) no-repeat 0 100%;}
#footer .follow-link li a.icon-kakaoplus {background: url(../images/common/icon_kakao_21x18.png) no-repeat 0 100%;}

#footer .follow-link li a + .qrcode {display:none; position:absolute; margin:-10px 0 0 14px; padding:9px; background:#fff; border:1px solid #e5e5e5;}
#footer .follow-link li a:hover + .qrcode {display:block;}

#footer .follow-link li a.icon-insta:hover { background-position: 2px 2px }
#footer .follow-link li a.icon-facebook:hover,
#footer .follow-link li a.icon-pinsta:hover,
#footer .follow-link li a.icon-twitter:hover,
#footer .follow-link li a.icon-youtube:hover,
#footer .follow-link li a.icon-kakao:hover,
#footer .follow-link li a.icon-kakaoplus:hover {background-position: 0 0;}
#footer .footer-link {width: 1024px; margin: 0 auto; padding: 40px 0 63px; *zoom: 1;}
#footer .footer-link:after {display: block; content: ""; clear: both;}
#footer .footer-link ul {float: left; width: 204px;}
#footer .footer-link li {margin-top: 11px;}
#footer .footer-link li:first-child {margin-top: 0;}
#footer .footer-link li.policy a { font-weight: bold; font-size: 13px; color:#000; } /* #172811 서체수정 */

#footer .company-info { position: relative; width: 1024px; margin: 0 auto; *zoom: 1;}
#footer .company-info:after {display: block; content: ""; clear: both;}
#footer .company-info address {float: left; line-height: 20px;  color: #666;}
#footer .company-info address span {display: inline-block; margin-left: 8px; padding-left: 8px; background: url(../images/common/bullet_line_1x11.gif) no-repeat 0 50%;}
#footer .company-info address a {display: inline-block; margin-left: 5px; text-decoration: underline; color: #2b2b2b;}
#footer .company-info .service {float: right;}
#footer .company-info .service p {margin-top: 3px; line-height: 18px;}
#footer .company-info .service .btn {margin-left: 12px;}
#footer .company-info .service ul {margin-top: 10px; *zoom: 1;}
#footer .company-info .service ul:after {display: block; content: ""; clear: both;}
#footer .company-info .service li {display: inline; float: left; margin-left: 10px;}
#footer .company-info .service li:first-child {margin-left: 0;}

#footer .company-info .copyright{ clear: both; content: ""; display: block; padding-top:10px; }/* #178186 수정 */
#footer .company-info span.ismsp {clear: both; content: ""; display:flex; align-items: center; margin-top:26px; padding-left:48px; height:30px; line-height:30px; background:url("../images/mark-ismsp.svg") no-repeat left center;}/* #178187 추가 */
#footer .company-info span.ismsp a {text-decoration:none; display: flex; align-items: center; font-size: 12px; line-height: 18px; color: #666666;}/* #178187 추가 */
#footer .company-info span.ismsp a i {display: inline-block; justify-content: center; width:1px; height: 10px; background-color: #E5E5E5; margin:4px 12px 0; }/* #178187 추가 */


/* 상단 텍스트 베너 */
.massege-wrap { width: 1024px; min-width:1024px; margin: 0 auto; padding: 13px 0; text-align: center; background-color: #fff;} /* 20170103 색상수정 */
.massege-wrap .bx-wrapper {width: 1024px; height: 14px !important;}
.massege-wrap .bx-wrapper .bx-viewport {height: 14px !important;}
.massege-wrap ul {*zoom: 1;}
.massege-wrap ul li {*left: 0;}
.massege-wrap a,
.massege-wrap span {display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid #52223f; line-height:13px; font-size: 14px; color: #52223f; text-decoration: underline; } /*20170103 폰트수정*/
.massege-wrap p	{display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid #52223f; font-size: 14px; color: #52223f; text-decoration: underline; } /*20170103 추가*/
.massege-wrap a:first-child,
.massege-wrap span:first-child { border-left:none; text-decoration: none;}/*20160513 수정*/

/* 메인 */
.main .section {margin-top: 55px;}
.main .main_visual {margin: 30px 0 35px; border: 1px solid #d4d4d4;}
.main .main_visual .bx-wrapper .bx-pager {
	padding-top: 0px;
	bottom: -23px;
}
.main .main_visual .bx-wrapper .bx-pager.bx-default-pager a {width: 5px; height: 5px;}
.main .main_visual + .section {margin-top: 0;}
.main .main-product {text-align: center; overflow: hidden;}
.main .main-product h2 {margin-top: 16px; line-height: 22px;}
/*.main .main-product a { display: block; }*/
.main .main-product a img { max-width: 100%; }
.main .main-product strong,
.main .main-product em {font-size: 14px; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif; color: #002144;}
.main .main-product strong {display: block; font-weight: normal;}
.main .main-product em {display: inline-block; margin-right: 12px;}
.main .main-product em span {font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.main-vis-wrap { width: 1240px; margin:30px 0 0 -108px; }
.main-vis-wrap img { max-width: 100%; }
.main-layout1 .box01 { width: 318px; }
.main-layout1 .box02,
.main-layout1 .box03,
.main-layout1 .box04,
.main-layout1 .box07 { width: 671px; }
.main-layout1 .box05,
.main-layout1 .box06 { width: 318px; }
/* 대카 */
.product-caption h2,
.product-caption .more,
.product-caption .shop-link li a {color: #002144;}
.product-caption .section {margin-top: 65px;}
.product-caption .section h2 {margin: 18px 0 5px; font-size: 14px; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif;}
.product-caption .section p {line-height: 18px; margin-bottom: 5px;}
.product-caption .section .more {font-size: 14px; text-decoration: underline;}

/* 대카 상단 비주얼 */
.product-caption .visual {margin: 36px 0 65px; border: 1px solid #d4d4d4; *zoom: 1; display: table; width: 100%;}
.product-caption .visual:after {display: block; content: ""; clear: both;}
.product-caption .visual .img { /*float: left;*/ display: table-cell; /*width: 30%; */ }
.product-caption .visual.vs-slider .img { min-height: 100px; }
/*.product-caption .visual .img img {width: 623px;}*/
.product-caption .visual .text {/*float: right;*/ width: 70%; /*padding-top: 205px;*/ text-align: center;  display: table-cell; vertical-align: middle;  }
.product-caption .visual .text h2, .product-caption .visual .text a {color: #002e5f;}
.product-caption .visual .text h2 {font-size: 16px; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif;}
.product-caption .visual .text p {margin: 10px 0 35px; font-size: 14px; line-height: 20px; }
.product-caption .visual .text .more {display: inline-block; padding-right: 13px; font-size: 16px;font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif; background: url(../images/common/bullet_arrow_5x10.png) no-repeat 100% 50%;}

.product-caption .middle-banner-wrap {width: 871px; margin: 65px auto 0;}
.product-caption .middle-banner {text-align: center;}
.product-caption .middle-banner a { display: inline-block; width: 410px; }
.product-caption .middle-banner a img { max-width: 410px; }

.product-caption .collection {width: 780px; margin: 65px auto 0; padding: 28px 0 29px 91px; background-color: #faf8f6; *zoom: 1;}
.product-caption .collection:after {display: block; content: ""; clear: both;}
.product-caption .collection .img {display:table-cell; /*300px;*/ text-align: center; }
.product-caption .collection .img img { max-width: 300px; }
.product-caption .collection .text {/*float: right;*/ width: 70%; /*padding-top: 150px;*/ text-align: center;  display: table-cell; vertical-align: middle; }
.product-caption .collection .text h2 {font-size: 14px;}
.product-caption .collection .text p {}
.product-caption .collection .text .more {}

.product-caption .shop-link {margin-top: 50px; text-align: center;}
.product-caption .shop-link em,
.product-caption .shop-link a {font-size: 14px; color: #002144;}
.product-caption .shop-link em {font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif;}
.product-caption .shop-link a {display: inline-block; margin-left: 25px; text-decoration: underline; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}

/* 대카 메인 슬라이드 */
.product-slide li {text-align: center;}
.product-slide li span {display: inline-block; margin-top: 15px; font-size: 14px; text-decoration: underline; color: #002144;}
.product-slide .bx-wrapper .bx-controls-direction a {width: 12px; height: 22px;}
.product-slide .bx-wrapper .bx-prev {left: -30px;}
.product-slide .bx-wrapper .bx-next {right: -30px;}

/* 중카 제목 */
.guide-wrap .product-tit {margin: 35px 0 52px;}
.guide-wrap .product-tit h1 {font-size: 24px; color: #000000; text-align: center; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif;}
.guide-wrap .product-tit p {font-size: 14px; margin-top: 15px; text-align: center; }

/* 중카 메뉴 */
.product-menu-wrap.on { position: fixed; top: 40px; z-index: 10; }
.product-menu-wrap { height: 60px; margin-bottom: 30px;}
.product-menu {z-index: 200; width: 1024px; text-align: center; background: #fcf8f7;}
.product-menu.menu-list04 a:first-child {margin-left: 0;}
.product-menu.menu-list04 a {margin-left: 105px;}
.product-menu.menu-list06 a:first-child {margin-left: 0;}
.product-menu.menu-list06 a {margin-left: 60px;}

.product-menu a {display: inline-block; font-size: 16px; line-height: 60px; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif; color: #002144;}
.product-menu a:hover { text-decoration: underline; }

/* 중카 큰 배너 */
.full-banner {border: 1px solid #d4d4d4; *zoom: 1; display: table; width: 100%; margin-bottom: 30px; }
.full-banner:after {display: block; content: ""; clear: both;}
.full-banner .img {/*float: left; width: 593px;*/ display: table-cell; width:30%; }
.full-banner .text {position: relative; display: table-cell; width: 70%; height: 420px; text-align: center; vertical-align: middle; }
.full-banner .text h2,
.full-banner .text strong { font-size: 14px; color: #002e5f; }
.full-banner .text h2 {text-transform: uppercase; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif;}
.full-banner .text strong {display: inline-block; margin-top: 8px; text-transform: uppercase; font-weight: normal; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.full-banner .text p {margin-top: 8px; font-size: 14px;}
.full-banner .text .link {position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center;}
.full-banner .text .link a {font-size: 12px; color: #8c8a8a;}

.full-banner .visual-slider h2 { line-height: 22px; }
.full-banner .visual-slider .text p { color: #002e5f; line-height: 22px; margin-top: 0; }
.visual-slider .bx-viewport {height: 419px !important;}

.visual-slider {}
.visual-slider li {*zoom: 1;}
.visual-slider li:after {
	display: block;
	content: "";
	clear: both;
}

/* 리스트 정렬 방식 */
.product-filter {position: relative; margin: 0 0 30px 0; background-color: #fff; *zoom: 1;}
.product-filter.mid { height: 20px; margin: 35px 0; }
.product-filter:after {display: block; content: ""; clear: both;}
.product-filter .sort-box {position: relative; float: left; margin-right: 35px; }
.product-filter .sort-box > a { display: block; padding-right: 40px; font-size: 14px; background: url(../images/common/bul_down_arrow.gif) no-repeat right center; }
.product-filter .sort-box > a.on { background: url(../images/common/bul_up_arrow.gif) no-repeat right center; }

.product-filter .sort-box > div {display: none; position: absolute; left: 0; top: 45px; z-index: 52; border: 1px solid #d4d4d4; background-color: #fff;}
.product-filter .sort-box + .sort-box > div { left: inherit; right: 0; }
.product-filter .sort-box > div.attr-wrap {width: 820px; padding: 30px 0 0 30px;}

.product-filter .sort-box > div .attr-list {overflow-y: scroll; height: 300px;}
.product-filter .sort-box > div .attr-list ul {*zoom: 1;}
.product-filter .sort-box > div .attr-list ul:after {display: block; content: ""; clear: both;}
.product-filter .sort-box > div .attr-list li {float: left; width: 190px;}
.product-filter .sort-box > div .attr-list li strong {display: block; padding: 8px 0; font-size: 13px; font-weight: normal; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif;}
.product-filter .sort-box > div .attr-list li li {float: none; width: auto; padding: 5px 3px;}

.product-filter .sort-box > div.range {padding: 30px 30px 25px;}
.product-filter .sort-box > div.range ul {width: 104px;}
.product-filter .sort-box > div.range li {padding: 5px 3px;}

.product-filter .sort-box > div .btn-wrap {width: 300px; margin: 60px auto 0; text-align: center;}
.product-filter .sort-box > div .btn-wrap .btn {width: 300px; height: 38px; margin: 5px 0; border: 1px solid #555; color: #555; text-decoration: none; background-color: #fff;}
.product-filter .sort-box > div .btn-wrap .btn.clear {border: 0 none;}
.product-filter .sort-box > div .close {position: absolute; right: 10px; top: 10px; width: 17px; height: 17px; text-indent: -9999em; background: url(../images/common/btn_ly_close.gif) no-repeat 0 0; *text-indent: 0; *font-size: 0; *line-height: 0;}

.product-filter .view-wrap { position: absolute; right: 0; top: 0; *zoom: 1;}
.product-filter .view-wrap:after {display: block; content: ""; clear: both;}
.product-filter .view-wrap li {float: left; margin-left: 6px; }
.product-filter .view-wrap li a {display: block; text-indent: -9999px; width: 35px; height: 19px; background: url(../images/bg/bg_img_picker.gif) no-repeat; *font-size: 0; *line-height: 0;}
.product-filter .view-wrap li.col4-size a { background-position: left top;}
.product-filter .view-wrap li.col4-size a.on { background-position: left bottom;}
.product-filter .view-wrap li.col2-size a { background-position: right top;}
.product-filter .view-wrap li.col2-size a.on { background-position: right bottom;}

/* 상품 리스트 */
.product-wrap {}
.product-title {margin: 15px 0; padding-bottom: 25px; font-size: 14px; text-align: center; text-transform: uppercase;}

.product-list {}
.product-list ul {*zoom: 1;}
.product-list ul:after {display: block; content: ""; clear: both;}
.product-list ul.list02 li {width: 512px;}
.product-list ul.list04 li {width: 256px;}

.product-list .bnr-img { display: block; overflow: hidden; }
.product-list li .bnr-img img,
.product-list .bnr-img video { max-width: 100%; }
.product-list ul li.col2 { width: 50%; }
.product-list ul.list02 li.col2 { width: 100%; }

.product-list li {float: left; height: 480px; text-align: center;}
.product-list li .thumb-img { overflow: hidden; display: block; height: 290px; margin-bottom: 20px; text-align: center; }
.product-list li .thumb-img > img { max-height: 100%; }
.product-list li .thumb-img .img01 {}
.product-list li .thumb-img .img02 {display: none;}
.product-list li .thumb-img:hover .img01 {display: none;}
.product-list li .thumb-img:hover .img02 {display: block;}
.product-list li .thumb-img .img03 {}
.product-list li .thumb-img .img04 {display: none;}
.product-list li .thumb-img:hover .img03 {display: none;}
.product-list li .thumb-img:hover .img04 {display: block;}
.product-list li .btn-view:hover {height: 38px; border: 2px solid #555; line-height: 38px;}
.product-list li .name {margin-top: 15px; padding: 0 10px; font-size: 14px; line-height: 20px; font-weight: bold;}
.product-list li .name a:hover {text-decoration: underline;}
.product-list li .price {margin-top: 15px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}

/* 20160426 수정 */
.product-list .banner-looking {overflow: hidden; width: 215px; height: 350px; margin: 0 auto; background-color: #f6f2ec;}
.product-list > .banner-looking {margin: 0;}
/*.product-list li .banner-looking a {display: inline-block; margin-top: 150px; line-height: 18px; color: #002e5f;}*/
.product-list .banner-looking strong {display: block; font-size: 13px; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif; color: #002e5f;}
.product-list .banner-looking a {text-decoration: underline; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}

.product-list .banner-looking .bnr-wrap { display: table; width: 100%; }
.product-list .banner-looking .bnr-wrap .bx-inr { display: table-cell; vertical-align: middle; height: 340px; text-align: center; }
.product-list .banner-looking a { text-decoration: underline; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif; color: #002e5f;}
.product-list .banner-looking strong + a, .product-list .banner-looking strong + span { display: block; margin-top: 10px; }

.product-list ul.list02 .banner-looking {width: 336px; height: 472px;}
.product-list ul.list02 .banner-looking .bnr-wrap .bx-inr { height: 472px }
/*.product-list ul.list02 li .banner-looking a {margin-top:215px;}*/
.product-list ul.list02 li {height: 784px;}
.product-list ul.list02 li .thumb-img {height: 581px;}

.product-list .list02 .banner-bx {height: 472px !important;}
.product-list .list04 .banner-bx {height: 350px !important;}
/* //20160426 수정 */


/* boots */
.product-menu.boot-menu li a {color: #002144;}
.boots-wrap {*zoom: 1;}
.boots-wrap:after {display: block; content: ""; clear: both;}

.boots-banner {width: 512px; height: 960px;}

.boots-list {float: left; width: 256px; height: 480px; text-align: center;}
.boots-list .thumb-img {display: block; height: 290px; margin-bottom: 20px;}
.boots-list .thumb-img .img02 {display: none;}
.boots-list .thumb-img:hover .img01 {display: none;}
.boots-list .thumb-img:hover .img02 {display: block;}
.boots-list .btn-view {display: inline-block; width: 147px; height: 40px; border: 1px solid #d4d4d4; line-height: 40px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.boots-list .btn-view:hover {height: 38px; border: 2px solid #555; line-height: 38px;}
.boots-list .name {margin-top: 15px; padding: 0 10px; font-size: 14px; line-height: 20px; font-weight: bold;}
.boots-list .price {margin-top: 15px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}

/* boots banner */
#list01.boots-wrap .boots-banner {float: left;}
#list02.boots-wrap .boots-banner {float: right;}
#list03.boots-wrap .boots-banner {float: left;}
#list04.boots-wrap .boots-banner {float: right;}
#list05.boots-wrap .boots-banner {float: left;}
#list06.boots-wrap .boots-banner {float: right;}

/* 상품 상세 */
.product-view-wrap {}
.product-view {position: relative; padding-bottom: 70px; *zoom: 1;}
.product-view:after {display: block; content: ""; clear: both;}
.product-view .view-pager {overflow: hidden; position: absolute; left: -89px; top: 0; z-index: 10; width: 89px; height: 592px; padding: 40px 0;}
.product-view .view-pager .bx-wrapper {height: 592px;}
.product-view .view-pager li a,
.product-view .view-pager li span { position: relative; height: 99px; display: block; border-right: 2px solid #fff; cursor: pointer;}
.product-view .view-pager li span:after { position: absolute; content: ""; display: block; width: 100%; left: 0; top:0; right: 0; bottom:0; background: url(../images/common/btn_play.png) no-repeat center center; }
.product-view .view-pager li .current {border-right-color: #d4d4d4;}
.product-view .view-pager .bx-wrapper .bx-controls-direction a {left: 50%; top: -15px; width: 20px; height: 11px; margin-left: -10px;  }
.product-view .view-pager .bx-wrapper .bx-controls-direction .bx-prev {background: url(../images/common/btn_up_blue_20x11.png) no-repeat 0 0;}
.product-view .view-pager .bx-wrapper .bx-controls-direction .bx-next {top: 740px; background: url(../images/common/btn_down_blue_20x11.png) no-repeat 0 0;}

.product-view .view-pager .bx-wrapper .bx-controls-direction .bx-prev.disabled {display: inline-block; background: url(../images/common/btn_up_20x11.png) no-repeat 0 0;}
.product-view .view-pager .bx-wrapper .bx-controls-direction .bx-next.disabled {display: inline-block; background: url(../images/common/btn_down_20x11.png) no-repeat 0 0;}

.product-view { box-sizing:border-box; }
.product-view .view .img-inner { overflow: hidden; position: absolute; text-align: center; }
.product-view .view .img-inner img {max-width: 100%;}
.full-preview .product-view .view .img-inner img {max-width: none; height: 100%;}
.full-preview .guillotine-window { height: 100% !important; padding-top: 0 !important; }
.full-preview .guillotine-window .view-img {/* width:auto;*/ position: static; }
.ui-dialog[aria-describedby="dialog-full-preview"] .product-view .view .img-inner img,
.ui-dialog[aria-describedby="dialog-full-preview2"] .product-view .view .img-inner img {/* height: 100%; max-height: 2000px; max-width: 1762px;*/}


.quick-view .product-view .view { width: 453px; height: 514px; text-align: center;}
.quick-view .product-view .view-pager { position: static; float: left; width: 83px; height: 540px;box-sizing: border-box;overflow: hidden; }
.quick-view .product-view .view-pager .bx-wrapper { height: auto; }
.quick-view .product-view .view-pager .bx-wrapper .bx-loading { height: 460px; }
.quick-view .product-view .view-pager .bx-wrapper .bx-controls-direction .bx-next { top:495px; }

.product-view-wrap .product-view .view-pager { height: 665px; }
.product-view-wrap .product-view .view-pager .bx-wrapper { height: auto; }
.product-view-wrap .product-view .view-pager .bx-wrapper .bx-controls-direction .bx-next { top:695px; }

.full-preview .product-view .view-pager { top: 50px; height: auto; box-sizing: border-box;overflow: hidden; }
.full-preview .product-view .view-pager .bx-wrapper { height: auto; }
.full-preview .product-view .view .button { left: 1px; }
.full-preview .view-pager .bx-wrapper .bx-controls-direction .bx-next { top: 695px; }
.product-view .view .button .full-scr { overflow: hidden; display: block; width: 28px; height: 28px;}
.full-preview .product-view .view .button .full-scr img { margin-top: -28px; }

.product-view .view {overflow: hidden; position: relative; float: left; width: 600px; height: 681px; text-align: center;}
.product-view .view video {width: 511px !important;}
.guillotine-window { display: none; }
.guillotine-window:first-child { display: block; }
.product-view .view.mov-on .img-inner,
.product-view .view.mov-on .button { display: none; }
.product-view .view .button {position: absolute; right: 0; top: 0; }
.product-view .view .button li {float: left; border: 1px solid #d4d4d4; margin-left: -1px;}

.product-view .view-info {float: right; width: 390px;}
.product-view .view-info .title {padding: 20px 0 40px;}
.product-view .view-info .title h1 {margin-top: 10px; font-size: 20px; font-weight: bold;}
.product-view .view-info .title h1 em { color: #f88017; }
.product-view .view-info .title span {color: #8c8a8a; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}

.product-view .view-info dl.info {margin-bottom: 15px; *zoom: 1;}
.product-view .view-info dl.info:first-child {margin-bottom: 10px;}
.product-view .view-info dl.info:after {display: block; content: ""; clear: both;}
.product-view .view-info dl.info > dt {float: left; min-width: 40px; margin-right: 10px; padding-top: 1px; font-weight: bold;}
.product-view .view-info dl.info > dt span {display: inline-block; padding-top: 8px;}
.product-view .view-info dl.info > dd {position: relative; margin-left: 50px; color: #8c8a8a;}
.product-view .view-info dl.info > dd > div {margin-top: 10px;}
.product-view .view-info dl.info > dd > div strong {color: #2b2b2b;}
.product-view .view-info dl.info > dd .question {display: inline-block; margin: -3px 0 0 5px; vertical-align: middle;}
.product-view .view-info dl.info > dd em { position: relative; top: 3px; font-size: 20px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif; color: #2b2b2b;}
.product-view .view-info dl.info > dd .point-num {font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif; color: #2b2b2b;}
.product-view .view-info dl.info > dd em {}
.product-view .view-info dl.info > dd .color-type { overflow: hidden; margin-top: 10px; *zoom: 1;}
.product-view .view-info dl.info > dd .size-guide {position: absolute; right: 0; top: 0; text-decoration: underline; color: #555;}

.product-view .view-info dl.info > dd .ip-radio:first-child {margin-left: 0;}
.product-view .view-info dl.info > dd .ip-radio {margin: 0 0 0 15px;}
.product-view .view-info dl.info > dd .ip-radio div {margin-top: 0;}
.product-view .view-info dl.info > dd .ip-radio > span {vertical-align: top;}
.product-view .view-info dl.info > dd select { position: relative; top: -4px; padding: 0 25px 0 5px; }

.product-view .view-info .btn-wrap {margin-bottom: 40px; margin-top: 40px; }
.product-view .view-info .btn-wrap div {margin-top: 10px; *zoom: 1;}
.product-view .view-info .btn-wrap div:after {display: block; content: ""; clear: both;}
.product-view .view-info .btn-wrap .btn:first-child {float: left;}
.product-view .view-info .btn-wrap .btn {float: right; width: 188px;}
.product-view .view-info .btn-wrap .btn-buy {float: none; width: 100%; line-height: 31px; border: 2px solid #f88017; color: #f88017;}

/*#157396 캐리오버*/
.btn.carry {display:block; /*height:40px; line-height:40px; font-size:14px;*/ width:100% !important;}
.btn.carry span {position:relative; padding:0 15px; background:#fff url(../images/ui/btn_down.svg) no-repeat right 5px/10px auto;}
.btn.carry span em {font-weight:bold;}
.btn.carry.on span {background:#fff url(../images/ui/btn_up.svg) no-repeat right 5px/10px auto;}
.carry-prd {width:820px;}
.carry-prd .product-list li {height:375px; margin-right:10px; width:246px !important; }
.carry-prd .product-list li .thumb-img {margin-bottom:0;}
.carry-prd .product-list li .name {margin-top:10px;}
.carry-prd .product-list li .season {font-size:12px; color:#8C8A8A;}
.carry-prd .product-list li .price {margin-top:18px;}
.carry-prd .bx-wrapper {max-width:758px !important;}
.carry-prd .bx-wrapper .bx-prev {left:-30px;}
.carry-prd .bx-wrapper .bx-next {right:-30px;}
/*//#157396 캐리오버*/

/*.product-view .view-info dl.info.sale {margin-bottom: 3px;}*/
.product-view .view-info dl.info.sale dd {text-decoration: line-through;}

.product-view .view-info dl.info2 {margin-top: 40px;}
.product-view .view-info dl.info2 dt {position: relative; font-weight: bold;}
.product-view .view-info dl.info2 dt .store {float: none; position: absolute; right: 0; top: 0; text-decoration: underline; font-weight: normal;}
.product-view .view-info dl.info2 dd {float: none; margin-top: 10px;}
.product-view .view-info dl.info2 dd .sns {*zoom: 1;}
.product-view .view-info dl.info2 dd .sns:after {display: block; content: ""; clear: both;}
.product-view .view-info dl.info2 dd .sns li:first-child {margin-left: 0;}
.product-view .view-info dl.info2 dd .sns li {float: left; margin-left: 10px;}
.product-view .view-info dl.info2 dd .sns li a {display: block; width: 18px; height: 18px; text-indent: -999em; *font-size: 0; *line-height: 0; *overflow: hidden; *text-indent: 0; background: url(../images/common/sns_small.png) no-repeat;}

.product-view .view-info dl.info2 dd .sns li a.facebook {background-position: -7px -46px; }
.product-view .view-info dl.info2 dd .sns li a.twitter {background-position: -41px -46px;}
.product-view .view-info dl.info2 dd .sns li a.pinsta {background-position: -75px -46px;}
.product-view .view-info dl.info2 dd .sns li a.kakao {background-position: -108px -46px;}

.product-view .view-info dl.info2 dd .sns li a:hover.facebook {background-position: -7px -7px; }
.product-view .view-info dl.info2 dd .sns li a:hover.twitter {background-position: -41px -7px;}
.product-view .view-info dl.info2 dd .sns li a:hover.pinsta {background-position: -75px -7px;}
.product-view .view-info dl.info2 dd .sns li a:hover.kakao {background-position: -108px -7px;}

.box-grey.output-inf { padding: 15px 30px;  }
.output-inf { line-height: 20px; }


.sns-lst {*zoom: 1;}
.sns-lst:after {display: block; content: ""; clear: both;}
.sns-lst li:first-child {margin-left: 0;}
.sns-lst li {float: left; margin-left: 10px;}
.sns-lst li a {display: block; width: 18px; height: 18px; text-indent: -999em; *font-size: 0; *line-height: 0; *overflow: hidden; *text-indent: 0; background: url(../images/common/sns_small.png) no-repeat;}
.sns-lst li a.facebook {background-position: -7px -46px; }
.sns-lst li a.twitter {background-position: -41px -46px;}
.sns-lst li a.pinsta {background-position: -75px -46px;}
.sns-lst li a.kakao {background-position: -108px -46px;}
.sns-lst li a:hover.facebook {background-position: -7px -7px; }
.sns-lst li a:hover.twitter {background-position: -41px -7px;}
.sns-lst li a:hover.pinsta {background-position: -75px -7px;}
.sns-lst li a:hover.kakao {background-position: -108px -7px;}


.view-info .info .ip-radio .iradio_square-grey { width: 18px; }
.evt-info { margin-top: 10px; font-size: 12px; }
.evt-info * { display: inline-block; vertical-align: middle; }
.evt-info span {padding: 2px 10px 5px 10px; font-size: 11px;color: #8c8a8a;border: 1px solid #d4d4d4;box-sizing:border-box; }
.evt-info a { border-bottom: 1px solid #555; padding-bottom: 2px; }
.evt-info span + a { margin-left: 10px;}

.msg-head { padding-bottom: 30px; border-bottom:1px solid #d4d4d4; }
.msg-head strong { display: block; font-size: 16px; margin-bottom: 20px; color: #2b2b2b; }
.msg-head span {line-height: 20px; }
.view-content .msg-head + .section { margin-top: 30px; }

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

/* 상품상세 텝 컨텐트 */
.view-content {}
.view-content.ui-tabs .ui-tabs-nav {margin-bottom: 55px;}
.view-content .section {margin-top: 40px;}
.view-content .section header {position: relative; border-bottom: 1px solid #d4d4d4;}
.view-content .section h2 {margin-bottom: 20px; font-size: 16px; font-weight: bold;}
.view-content .section p {font-size: 14px; line-height: 24px; word-break: keep-all;}

/* detail cut */
.view-content .detail-cut {padding: 60px 0 80px; border: 1px solid #d4d4d4; border-width: 1px 0; text-align: center;}
.view-content .detail-cut h2 {font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.view-content .detail-cut h2 + img {margin-top: 0;}
.view-content .detail-cut img {margin-top: 80px;}

/* 상품상세 테이블 */
.view-content .product-data {width: 750px; margin: 60px auto 0;}
.view-content .product-data header {border-bottom: 0 none;}
.view-content .product-data header em {color: #8c8a8a;}
.view-content .product-data header .unit {position: absolute; right: 0; top: 5px;}
.view-content .product-data h2 {display: inline-block; margin-right: 20px;}
.view-content .product-data ul {margin-top: 15px;}
.view-content .product-data li {line-height: 18px; color: #8c8a8a;}

/* 상품상세 정보 이미지 슬라이드 */
.view-bottom-slide .bx-wrapper .bx-next {right: -20px;}
.view-bottom-slide .bx-wrapper .bx-prev {left: -20px;}

/* 상품상세 리뷰 */
.review-wrap {}
.review-wrap header {}
.review-wrap .right {position: absolute; right: 0; top: 0;}
.review-wrap .review {padding: 25px 0 90px; *zoom: 1;}
.review-wrap .review:after {display: block; content: ""; clear: both;}
.review-wrap .review > div {float: left;}
.review-wrap .review .box01 {width: 258px;}
.review-wrap .review .box02 {width: 204px;}
.review-wrap .review .box02 dt {width: 35px;}
.review-wrap .review .box03 {margin-left:204px; width: 292px;}
.review-wrap .review .box03 dt {width: 75px;}
.review-wrap .review .box04 {width: 270px;}
.review-wrap .review .box04 dt {width: 90px;}
.review-wrap .review h3 {margin-bottom: 20px; font-size: 16px; color: #656565;}
.review-wrap .review dl {*zoom: 1;}
.review-wrap .review dl:after {display: block; content: ""; clear: both;}
.review-wrap .review dt {float: left;}
.review-wrap .review dd {overflow: hidden; margin-bottom: 20px;}

.product-review {}
.product-review .table-header {position: relative; padding-bottom: 15px; color: #8c8a8a;}
.product-review .table-header em {color: #2b2b2b;}
.product-review .table-header .right {position: absolute; right: 0; top: -5px;}
.product-review .table-header .right > ul {float: left; margin-right: 30px; padding-top: 5px;}
.product-review .table-header .right > ul li:first-child {background: none;}
.product-review .table-header .right > ul li {float: left; padding: 0 20px; background: url(../images/common/bullet_line_1x11.gif) no-repeat 0 50%;}
.product-review .table-header .right > ul li a {color: #8c8a8a;}
.product-review .table-header .right > ul li a.all {color: #2b2b2b;}

.review-table {}
.review-table table {border-top: 1px solid #d4d4d4;}
.review-table th,
.review-table td {padding: 15px 0 10px; border-bottom: 1px solid #d4d4d4; text-align: center;}
.review-table td.left {padding-left: 5px; vertical-align: top; text-align: left;}
.review-table td a {display: block; margin-top: 15px; line-height: 18px; color: #8c8a8a;}
.review-table td .rev-anc {height: 38px; overflow: hidden;}
.review-table td .rev-anc.on {height: auto;}
.review-table td .pic {width:132px;}

.review-table .rev-cont { display: none; }
.review-table .rev-cont .cont-inr { padding: 20px 0; }
.review-table .rev-cont .cont-inr .star-lst { float: none; display: inline-block; }
.review-table .rev-cont .cont-inr .star-lst ul li { width: auto; margin-left: 80px; }
.review-table .rev-cont .cont-inr .star-lst ul li:first-child { margin-left: 0; }
.review-table .rev-cont .cont-inr .star-lst li > em { width: 50px; font-weight: bold; }
.review-table .rev-cont .cont-inr .text-lst ul li { display:inline-block; margin: 0 60px;}
.review-table .rev-cont .cont-inr .text-lst ul li > em {margin-right: 10px; color: #8c8a8a; }
.review-table .rev-cont .cont-inr + .photo-area { padding: 20px 0; }

.review-table .best {display: inline-block; width: 50px; height: 18px; margin-left: 5px; background-color: #f88017; font-size: 12px; color: #fff; line-height: 16px; text-align: center;}

.review-point {width: 600px; margin: 40px auto 0; text-align: center;}
.review-point strong {font-size: 14px; font-weight: normal;}
.review-point table {margin-top: 20px;}
.review-point th,
.review-point td {padding: 14px 0 13px; text-align: center; border: 1px solid #d4d4d4;}
.review-point thead th {background-color: #f0f0f0; color: #464646;}
.review-point th {}
.review-point td {font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}

.product-qna {}
.product-qna header {position: relative;}
.product-qna header .right {position: absolute; right: 0; top: 0;}
.product-qna header h2 {display: inline-block; margin-right: 10px;}
.product-qna header span {color: #8c8a8a;}
.product-qna header span em {color: #2b2b2b;}
.product-qna .noti_list {margin-top: 25px;}
.product-qna .noti_list li {line-height: 18px; color: #8c8a8a;}
.product-qna .noti_list li a {color: #2b2b2b;}

/* 상세 배송 */
.view-content .ship header {border-bottom: 0 none;}

/* 마이페이지 */
.my-wrap {*zoom: 1;}
.my-wrap:after {display: block; content: ""; clear: both;}
.my-wrap .my-content {float: right; width: 780px;}

.my-content > header {position: relative; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #f88017;}
.my-content > header h1 {font-size: 24px; font-weight: bold; color: #2b2b2b;}
/* .my-content > header .btn {position: absolute; right: 0; bottom: 0;} */
.my-content h1 span {display: inline-block; margin-left: 15px; padding-left: 20px; border-left: 1px solid #eaeaea; font-size: 16px; color: #8c8a8a;}
.my-content .section {margin-top: 30px;}
.my-content .section.type-50 {margin-top: 50px;}
.my-content .section header {position: relative; padding-bottom: 15px;}
.my-content .section header .right,
.my-content .section header .more {position: absolute; right: 0; bottom: 10px; color: #8c8a8a;}
.my-content .section header .more {padding-right: 12px; background: url(../images/common/bullet_arrow_5x9.png) no-repeat 100% 2px;}
.my-content .section header h2 {font-size: 14px; font-weight: bold; color: #2b2b2b; }

.my-content .section header .right input[type='text'] {width: 260px; height: 30px; line-height: 29px; }
.my-content .section header .right input[type='text'] + .btn { margin-left: 5px;}

.my-content .section header + .msg-no-result01 { border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.my-content .section + .search-day-wrap { margin-top: 50px; }

/* 상단 포인트 테이블 */
.point-table {padding: 30px 0; background-color: #f0f0f0;}
.point-table table th:first-child,
.point-table table td:first-child {border-left: 0;}
.point-table table th,
.point-table table td {padding: 5px; border-width: 0 0 0 1px; font-size: 14px;}
.point-table table th {font-weight: normal;}
.point-table table th.user-name {color: #a5a5a5; text-align: center;}
.point-table table th.user-name b {font-size: 18px; color: #2b2b2b;}
.point-table table th.user-name .btn {min-width: auto; height: 30px; line-height: 27px; font-size: 12px;}
.point-table table td.coupon {font-size: 18px; color: #555;}
.point-table table td.coupon * {vertical-align: middle;}
.point-table table td .num {font-size: 30px; color: #f88017; vertical-align: top;}

.point-box {position: relative; margin-bottom: 50px; padding: 35px 40px 40px; font-size: 14px; background-color: #f0f0f0;}
.point-box p {color: #f88017;}
.point-box p strong {display: inline-block; margin-right: 30px; font-size: 22px; color: #2b2b2b;}
.point-box p strong span {font-size: 16px;}
.point-box p > span {font-size: 26px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.point-box .btn {position: absolute; right: 40px; top: 52px; height: 30px; font-size: 12px; line-height: 26px; min-width: 80px;}
.point-box .lapse-point {position: absolute; right: 40px; bottom: 40px; color: #2b2b2b;}
.point-box .lapse-point span {font-size: 12px; color: #f88017; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.point-box .lapse-point span span {font-size: 16px;}

/* 내 상품 */
.my-product {padding: 30px 6px 10px 6px; border: 1px solid #d4d4d4; border-width: 1px 0; *zoom: 1;}
.my-product:after {display: block; content: ""; clear: both;}
.my-product li {float: left; width: 256px; height: 386px; text-align: center;}
.my-product li .img-wrap {position: relative; margin-bottom: 15px;}
.my-product li .img-wrap .img img {width: 254px; height: 288px; border: 1px solid #fff;}
.my-product li .img-wrap .img:hover img {border-color: #d4d4d4;}
.my-product li .img-wrap .close {position: absolute; right: 10px; top: 10px;}
.my-product li .name {display: block; margin-bottom: 10px; font-size: 14px; font-weight: bold;}
.my-product li span,
.my-product li em {font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.my-product li em {font-weight: bold; color: #db2b6d;}
.my-product li .btn-wrap {margin-top: 15px;}
.my-product > .no-data { padding: 45px 0 65px; height: auto; }

/* 날짜 검색 박스 */
.my-wrap .search-day-wrap {margin: 30px 0;}
.my-wrap .search-day-wrap h2 {margin-bottom: 15px; font-size: 14px; font-weight: bold;}

/* 테이블 상단에 ex)전체(2), 적립내역(1), 차감내역(1) */
.search-sort a:first-child {padding-left: 0; background: none;}
.search-sort a {display: inline-block; padding: 0 20px; font-size: 14px; color: #666; background: url(../images/common/bullet_line_1x11.gif) no-repeat 0 1px;}
.search-sort a.on {font-weight: bold; color: #2b2b2b;}

/* 포인트 안내 */
.point-info {margin-top: 50px; padding: 25px 30px; background-color: #f7f7f7;}
.point-info h2 {margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #2b2b2b;}
.point-info.type-wh { background: #fff; padding: 0; }

/* 일모카드 안내 */
.my-content .card-info {}
.my-content .card-info header {margin-bottom: 30px; border-bottom: 1px solid #d4d4d4;}
.my-content .card-info header h2 {font-size: 16px;}
.my-content .card-info h3 {margin: 30px 0 5px; font-size: 14px; font-weight: bold;}
.my-content .card-info p {line-height: 18px; color: #8c8a8a;}
.my-content .card-info table {width: 540px; margin-top: 30px;}

/* coupon-input */
.coupon-input {margin-top: 30px; text-align: center;}
.coupon-input input[type=text] {width:  90%; padding: 11px 10px 11px 20px;}

/* search */
.search-page > section {padding-top: 25px; border-top: 1px solid #d4d4d4;}
.search-wrap {margin-top: 85px; margin-bottom: 60px; padding: 35px 260px; text-align: center; background-color: #f0f0f0;}
.search-wrap .search-area {position: relative; padding-right: 65px;}
.search-wrap .search-area input[type='text'] {width: 415px; height: 30px; padding: 0 10px; }
.search-wrap .search-area .btn {position: absolute; right: 0; top: 1px; height: 30px; line-height: 26px;}
.search-wrap .check-area {margin-top: 20px;}
.search-wrap .check-area label {margin-right: 20px;}
.search-wrap .check-area .icheckbox_square-grey {margin-right: 5px;}
.search-text { margin: 60px auto 0;}
.search-text .top {padding-bottom: 60px; text-align: center;}
.search-text .top span {font-size: 24px; font-weight: normal;}
.search-text .top span strong {}
.search-text .top span em {font-size: 26px; color: #f88017; font-family: ssm, SweetSansMedium,'Sweet SweetSans Medium', 'Sweet-SweetSans-Medium', Dotum, AppleGothic, sans-serif;}
.search-text .top p {margin-top: 50px; font-size: 14px; line-height: 20px; color: #999;}
.search-text .bottom { width:500px; margin:0 auto; padding-top: 30px; border-top: 1px solid #d4d4d4;}
.search-text .bottom ul {}
.search-text .bottom li {padding-left: 8px; line-height: 18px; background: url(../images/common/bullet_dot_3x3.gif) no-repeat 0 9px;}

/* about us */
.about-wrap {padding: 0 32px; *zoom: 1;}
.about-wrap:after {display: block; content: ""; clear: both;}
.about-wrap .cont {float: right; width: 720px;}
.cont h1 {font-size: 28px; font-weight: bold; color: #2b2b2b; }
.cont p { margin-top: 15px; line-height: 18px; word-break: keep-all;}
.cont .tbl-inner-wrap > p {margin-top: 15px; line-height: 18px;}
.cont .page-header p {margin-top: 40px; line-height: 18px; }
.cont .page-header {text-align: center; padding-bottom: 20px;}
.cont .page-header h1 { padding-top: 10px; }

/* about 회사소개 */
.company-area {margin-bottom: 30px;}
.company-area h1 {margin: 20px 0;}

/* about 토리버치 소개 */
.tory-area {overflow: hidden; width: 720px;}
.tory-area img {float: right; padding: 0 0 10px 20px;}

/* about column */
.column { margin-top: 10px; border-bottom: 1px solid #d4d4d4;}
.column ul {padding: 10px 0; border-top: 1px solid #d4d4d4; *zoom: 1;}
.column ul:after {display: block; content: ""; clear: both;}
.column ul li {float: left; width: 226px; padding: 0 10px; border-left: 1px solid #d4d4d4; text-align: center;}
.column ul li b {display: block; margin-top: 10px; margin-bottom: 5px; font-size: 14px; line-height: 18px;}
.column ul li p {margin: 5px 0;}
.column ul li.col01 {border-left: 0 none; padding-left: 0;}
.column ul li.col03 {padding-right: 0;}

/* about history */
.history-wrap {width: 642px; margin: 20px auto 0;}
.history-wrap section {*zoom: 1;}
.history-wrap section:after {display: block; content: ""; clear: both;}
.history-wrap section .left {float: left; width: 320px; border-right: 2px solid #323232; text-align: right;}
.history-wrap section .right {float: left; width: 320px; margin-left: -2px; border-left: 2px solid #323232; text-align: left;}
.history-wrap section h2 {font-size: 38px; padding: 10px 30px;}
.history-wrap section p {/*padding: 0 30px 20px;*/ line-height: 18px;}
.history-wrap section .right p { padding: 0 0 20px 30px; }
.history-wrap section .left p { padding: 0 30px 20px 0; }

/* about foundation */
.about-foundation .column {margin-top: 30px;}

/* about stores */
.about-stores .more {display: inline-block; margin-top: 20px; padding-left: 10px; background: url(../images/common/bullet_arrow_3x5.gif) no-repeat 0 5px;}
.about-stores .more:hover {text-decoration: underline;}
.stores-slide {margin-bottom: 20px;}
.stores-slide .bx-controls-direction a {width: 42px; height: 43px;}
.stores-slide .bx-controls-direction a.bx-next {right: 0; background: url(../images/common/btn_next.jpg) no-repeat 0 0;}
.stores-slide .bx-controls-direction a.bx-prev {left: 0; background: url(../images/common/btn_prev.jpg) no-repeat 0 0;}

/* about media */
.about-media {}
.about-banner {display: table; padding: 10px 0; border-top: 1px solid #d4d4d4;}
.about-banner .img {display: table-cell;}
.about-banner .text {display: table-cell; width: 248px; height: 355px; vertical-align: middle; text-align: center;}
.about-banner .text p {margin: 5px 0;}
.about-media .column ul li {height: 290px;}

/* 고객센터 */
.search-wrap2 {position: relative; margin-bottom: 30px; padding: 35px 100px 35px 190px; background-color: #f0f0f0;}
.search-wrap2 h2 {position: absolute; left: 95px; top: 41px;font-size: 14px; font-weight: bold;}
.search-wrap2 .search-area {position: relative; width: 420px; padding-right: 65px;}
.search-wrap2 .search-area input[type='text'] {width: 400px; height: 30px; padding: 0 10px; line-height: 33px;}
.search-wrap2 .search-area .btn {position: absolute; right: 0; top: 1px;}
.search-wrap2 .search-word {margin-top: 20px; *zoom: 1;}
.search-wrap2 .search-word:after {display: block; content: ""; clear: both;}
.search-wrap2 .search-word h3 {float: left; color: #999898;}
.search-wrap2 .search-word ul {float: left; margin-left: 10px;}
.search-wrap2 .search-word li:first-child {padding-left: 0; background: none;}
.search-wrap2 .search-word li {float: left; padding: 0 10px; background: url(../images/common/bullet_line_1x11.gif) no-repeat 0 4px;}
.search-wrap2 .search-word li a {color: #666;}

.customer-box {border: 1px solid #d4d4d4; border-width: 1px 0; padding: 10px 0 20px 0; }
.customer-box ul { *zoom: 1;}
.customer-box ul + ul { margin-top: 30px; }
.customer-box ul:after {display: block; content: ""; clear: both;}
.customer-box li {float: left; width: 195px; text-align: center;}
.customer-box li img {display: block; margin: 0 auto;}

.table-col .qna-q {display: block; position: relative; padding:0 20px; background: url(../images/common/img_q.png) no-repeat 0 6px;}
.table-col .qna-q i {position: absolute; right: 0; top: 4px; width: 10px; height: 10px;background: url(../images/common/icon_plus_minus.png) no-repeat 0 100%;}
.table-col .qna-q.on i {background-position: 0 0;}
.table-col tbody .qna-a {padding: 0;}
.table-col .qna-a div {padding: 15px 60px 15px 135px; text-align: left; background: url(../images/common/img_a.png) no-repeat 110px 19px #fafafa; word-break: keep-all;}
.table-col .qna-a div > img { max-width: 100%; }

.search-menu {padding: 20px 0 10px 0; border: 2px solid #e2e2e2; *zoom: 1; }
.search-menu:after {display: block; content: ""; clear: both;}
.search-menu li {float: left; width: 164px; margin-bottom: 10px; padding-left: 30px;}
.search-menu li a {padding-left: 15px; background: url(../images/common/bullet_arrow_5x9.png) no-repeat 0 5px;}
.search-menu li a:hover, .search-menu li a.on { color: #f88017; background: url(../images/common/bullet_arrow_5x9_on.png) no-repeat 0 5px;}

.search-menu2 {padding: 30px 0; *zoom: 1; margin-top: -10px; }
.search-menu2:after {display: block; content: ""; clear: both;}
.search-menu2 li {float: left; width: 164px; margin: 10px 0 0 0; padding-left: 30px;}
.search-menu2 li a {padding-left: 15px; background: url(../images/common/bullet_dot_2x2.gif) no-repeat 0 9px;}
.search-menu2 li a.on {font-weight: bold;}

.img-inr { text-align: center; margin-top: 50px; }

.ico-cl { display: inline-block; width: 60px; height: 60px; background: url(../images/bg/bg_cl.gif) no-repeat 0 9px;}
.ico-cl.cl01 { background-position: 0 11px; }
.ico-cl.cl02 { background-position: 0 -49px; }
.ico-cl.cl03 { background-position: 0 -111px; }
.ico-cl.cl04 { background-position: 0 -169px; }
.ico-cl.cl05 { background-position: 0 -230px; }
.ico-cl.cl06 { background-position: 0 -293px; }
.ico-cl.cl07 { background-position: 0 -355px; }
.ico-cl.cl08 { background-position: 0 -416px; }
.ico-cl.cl09 { background-position: 0 -477px; }
.ico-cl.cl10 { background-position: 0 -539px; }
.ico-cl.cl11 { background-position: 0 -597px; }
.ico-cl.cl12 { background-position: 0 -658px; }
.ico-cl.cl13 { background-position: 0 -719px; }
.ico-cl.cl14 { background-position: 0 -781px; }
.ico-cl.cl15 { background-position: 0 -844px; }


/* 테이블 상세 */
.view-table {}
.view-table td {padding: 10px 5px; border: 1px solid #e1e1e1; border-width: 1px 0; text-align: center;}
.view-table .left,
.view-table .title {padding-left: 20px; text-align: left;}
.view-table .title {font-weight: bold;}
.view-table .cont {padding: 20px; text-align: left; line-height: 22px; }
.view-table .icon {padding-left: 45px;}
.view-table .prev .icon {background: url(../images/common/bullet_arrow_up.png) no-repeat 20px 50%;}
.view-table .next .icon {background: url(../images/common/bullet_arrow_down.png) no-repeat 20px 50%;}

.question a { display: inline-block;  padding-left: 20px;  background: url(../images/common/img_q.png) no-repeat left 5px; }


















/* common */
.dsp-non { display: none; }
.over-f { overflow: hidden; }
.over-f > .lt { float: left; }
.over-f > .rt { float: right; }
.over-f.left .lt + .lt { margin-left: 20px; }
.str-num { font-family: arial; }
.tit-h1, .tit-h2 { font-size: 24px; font-weight: bold; text-align: center; color: #2b2b2b; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fc-default { color: #555 !important; }
.fc-grey { color: #8c8a8a !important; }
.fc-org { color: #f88017; }
.fc-stg { color: #2b2b2b !important; }
.fc-str { color: #db2a6e !important; }
.fwb { font-weight: bold; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-18 { font-size: 18px; }
.lts04 { letter-spacing: -0.4px; }

.bul-dot-xs li { padding-left: 10px; background: url(../images/common/bullet_line_2x2.gif) no-repeat left 6px; }
.bul-dot  { padding-left: 7px; background: url(../images/common/bullet_line_2x2.gif) no-repeat left center; }
.global-lst li { margin-top: 5px; line-height: 17px; }
.global-lst li:first-child { margin-top: 0; }
.bul-lst li { padding-left: 7px; text-indent: -7px; }

.lst-info > li > p { font-weight: bold; color: #2b2b2b; }
.idnt20 > li { padding-left: 20px; text-indent: -20px; }

.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px; }
.mb10 { margin-bottom: 10px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mt-10 { margin-top: -10px; }

.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.non-bd { border:none !important; }
.non-bdl { border-left:none !important; }
.non-bdt { border-top:none !important; }
.non-bdb { border-bottom:none !important; }
.non-bdlr{ border-right:none !important; }
.vam * { vertical-align: middle; }
.vat * { vertical-align: top; }

/* Title */
.pop-inner .list-header .tit { font-size: 14px; }

/* box*/
.dsp-ib { display: inline-block; }
.dsp-tbl { display: table; width: 100%; box-sizing:border-box;}
.dsp-tbcell { display: table-cell; vertical-align: middle; box-sizing:border-box; }
.pre { position: relative; }
.par { position: absolute; right: 0; top: 0;}
.pa-hide { position: absolute; left: -9999px; }
.right-btn { position: absolute; right: 0; top: -10px;}
.parb { position: absolute; right: 0; bottom:0; }
.box-grey { background: #f0f0f0; padding: 20px; }
.box-grey.type-v20 { background: #f5f5f5; padding: 30px 0; }
.box-wh { border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
.box-wh01 { border:1px solid #d4d4d4; }
.scroll-area { overflow-y: auto; border:1px solid #d4d4d4; }
.section-area + .section-area { margin-top: 60px; }
.section-area + .section-area { margin-top: 60px; }
.section-bottom { margin-top: 50px; }
.section-xl { margin-top: 60px; }
.section-lg { margin-top: 30px; }
.section-md { margin-top: 20px; }
.section-sm { margin-top: 10px; }
.section-xs { margin-top: 5px; }
.my-content .section.mt50 { margin-top: 50px; }
.bottom-lst-box { margin-top: 50px; padding: 25px 30px; background-color: #f7f7f7; }
.bottom-lst-box ul.bullet-dot li {background: url(../images/common/bullet_line_2x2.gif) no-repeat 0 9px; }
.tit-header { margin-top: 40px; margin-bottom: 40px; }

.find-area { overflow: hidden; border:1px solid #d4d4d4; padding: 20px 30px; text-align: center;  }
.find-area .lt,
.find-area .rt { display: inline-block; }
.find-area .lt { float: left; padding-top: 5px; }
.find-area .rt { float: right; }
.find-area .find-inr + .find-inr { margin-left: 20px; }
.find-area .sbj { display: inline-block; padding-right: 10px; }
.find-area input[type="text"] + .btn.btn-small01 { min-width: 54px; margin-left: 5px; }

.find-area.on .rt.ip-cs,
.find-area .rt.ip-as-area { display: none; }
.find-area.on .rt.ip-as-area { display: inline-block; }

.panel-inr { margin-top: 40px; }
.panel-inr > h3 { font-weight: bold; color: #2b2b2b; font-size: 14px; }
.panel-inr > h3 span	 { font-size: 12px; color: #8c8a8a; font-weight: normal; }
.panel-inr > h3 span.str { color: #2b2b2b; font-size: 14px; }
.panel-inr > h3 + .lst-info,
.panel-inr > h3 + .tbl-default { margin-top: 20px; }
.panel-inr .bul-dot-xs { margin-top: 10px; }
.panel-inr .bul-dot-xs li { margin-top: 5px; }
.panel-inr .bul-dot-xs li:first-child { margin-top: 0; }

.panel-inr .lst-info > li { margin-top: 20px; }
.panel-inr .lst-info > li:first-child { margin-top: 0; }
.sub-dec { display: block; margin-top: 5px; line-height: 17px; }
.sub-dec.lst01 { text-indent: -115px; padding-left: 115px; }

/* buttons */
/*.btn { border:none; display: inline-block; text-align: center; box-sizing:border-box; }*/
/*.btn-sch  { height: 35px; background: #2b2b2b; color: #fff; font-size: 13px; line-height: 16px; }*/
.btn.btn-org { background: #f88017; color: #fff; }
.btn.btn-wh { background: #fff; border:1px solid #ddd; color: #8c8a8a; }
.btn.btn-small01 { min-width: inherit; height: 30px;padding: 0 10px; line-height: 26px; font-size: 12px; }

.btn-area.bottom { margin-top: 30px; }
.btn-area .btn.primary,
.btn-area .btn.second { width: 220px; height: 50px; font-size: 15px; line-height: 52px; }
.btn-area .btn.primary { background: #f88017; color: #fff; border:1px solid #f88017; }
.btn-area .btn.second { background: #fff; border:1px solid #ddd; color: #2b2b2b; margin-left: 6px; }
.btn-area.bk-type .btn { background: #2b2b2b; color: #fff; border:none; }
.btn-area .btn + .btn { margin-left: 5px; }

.btn-anc { display: inline-block; text-decoration: underline !important; color: #2b2b2b; }
.btn.bt-add { min-width: 0; width: 132px; height: 127px; padding: 0; text-indent: -9999px; background: url(../images/common/btn_add.png) no-repeat left top; border:none; cursor: pointer; }
.bt-underline { text-decoration: underline !important;} /* 20160708 추가 */

/* form ui */
.ip-radio { display: inline-block; height: 17px; }
.ip-radio > span { vertical-align: middle; }
.ip-radio + .ip-radio { margin-left: 15px; }
input.ip-txt01 { height: 30px; box-sizing:border-box; padding:2px 10px; }
.ip-textarea { padding: 10px; box-sizing:border-box; line-height: 18px; }

/* UI Control */
.panel-drop { display: none; }
.btn-drop.on + .panel-drop { display: block; }

/* select */
.ip-select { border:1px solid #d4d4d4; height: 30px; padding-left: 10px; box-sizing:border-box;}

/* Table */
.tbl-default { width: 100%;  border-bottom: 1px solid #e1e1e1; }
.tbl-default th, .tbl-default td { padding: 10px 0; text-align: center; border-top:1px solid #d4d4d4;  font-weight: normal;}
.tbl-default thead th { font-size: 14px; background: none; font-weight: bold; font-size: 12px; }
.tbl-default tbody td.left { text-align: left; }
.tbl-default tbody th { background: #fff; }
.table-col.lst thead th { background: #fff; }
.tbl-default .ip-inr + .ip-inr,
.table-col .ip-inr + .ip-inr { margin-top: 10px; }
.no-result-row td { border-bottom:none !important; }

.msg-required { color: #8a8a8a; }
.msg-no-result { text-align: center; padding: 30px 0; }
.msg-no-result01 { text-align: center; padding: 40px 0; }
.required { color: #db2a6e;  }
.tbl-default.ip-type + .tbl-default.ip-type { margin-top: 20px; }
.tbl-default.ip-type tbody th, .tbl-default.ip-type tbody td { text-align: left; }
.tbl-default.ip-type tbody th { background: #f0f0f0; /*padding:20px 0 20px 20px;*/ color: #2b2b2b; font-size: 12px; vertical-align: top; font-weight: bold; padding: 16px 0 15px 20px;  }
.tbl-default.ip-type tbody td  { /*padding: 10px 20px; */vertical-align: middle; padding: 10px 20px; }
.tbl-default.ip-type tbody th, .tbl-default.ip-type tbody td { /*height: 50px; */box-sizing:border-box; }

.tbl-default.border-type tbody th, .tbl-default.border-type tbody td,
.tbl-default.ico-type tbody th, .tbl-default.ico-type tbody td { border-left: 1px solid #d4d4d4; }
.tbl-default.border-type tbody td { vertical-align: top; padding: 15px 20px;  }
.tbl-default.ico-type tbody td.pd0 { padding: 0; text-align: center; }


.tbl-default.ip-type tbody th .required {color: #db2a6e; margin-left: -9px;}
.msg-ip { margin-top: 10px; color: #999; }
.msg-ip.duplicate { color: #db2a6e; }
.tbl-default.ip-type .ip-txt,
.tbl-default.ip-type .ip-txt01 { box-sizing:border-box; height: 30px; padding:2px 10px;  }
.ip-txt.duplicate, .ip-txt01.duplicate { border:1px solid #db2a6e;}
.tbl-default.ip-type tbody td .ip-chkbox + .ip-chkbox { margin-left: 20px;}
.table-area .msg-required { margin-bottom: 15px; }

.tbl-default.ip-type.sm {}
.tbl-default.ip-type.sm tbody th { /*padding:20px 0 20px 20px;*/ font-size: 12px; }
.tbl-default.ip-type.sm tbody td { padding: 10px; }
.tbl-default.ip-type.sm tbody td .ip-txt01,
.tbl-default.ip-type.sm01 tbody td .ip-txt01 { height: 30px; }

.tbl-default.ip-type.sm01 tbody th {/* padding:20px 0 20px 20px; */font-size: 12px; }
.tbl-default.ip-type.sm01 tbody td { /*padding: 10px 20px;*/ }

.tbl-default.ip-type .btn.btn-add, .btn.btn-search { height: 30px; line-height: 25px; }

/* Page Nav */
.paginnav { text-align: center; margin-top: 30px; }
.paginnav ul { display: inline-block; overflow: hidden;  *display: inline;}
.paginnav ul li { float: left; margin-left: 4px;}
.paginnav ul li:first-child { margin-left: 0; }
.paginnav ul li a { display: block; width: 30px; height: 30px; border:1px solid  #ddd; text-align: center; box-sizing:border-box; line-height: 26px; }
.paginnav ul li.current a { border:1px solid #555; background: #555; color: #fff; }
.paginnav ul li.first a,.paginnav ul li.prev a,.paginnav ul li.next a,.paginnav ul li.last a { border:none; text-indent: -9999px; background: url(../images/common/btn_pgnav.png) no-repeat;}
.paginnav ul li.first a { background-position: 0 0; }
.paginnav ul li.prev a { background-position: -34px 0; }
.paginnav ul li.next a { background-position: -68px 0; }
.paginnav ul li.last a { background-position: right 0; }


/* 아코디언 */
.section header + .acordian-area { border-top: 1px solid #d4d4d4; }
.acordian-area .acor-header { padding: 12px 0; border-bottom:1px solid #d4d4d4; background: url(../images/common/bul_ps.gif) no-repeat right center; cursor: pointer; }
.acordian-area .current .acor-header {background: url(../images/common/bul_ms.gif) no-repeat right center; }
.acordian-area .acor-penel { display: none; padding: 30px;  max-height: 200px; overflow-y:auto; border:1px solid #d4d4d4; border-top:none; }
.acordian-area .current .acor-penel { display: block; }
.acordian-area .acor-penel dt { margin-bottom: 20px; font-size: 16px; color: #2b2b2b; }
.acordian-area .acor-penel dd { margin-bottom: 50px; line-height: 20px; }
.acordian-area .acor-penel dd:last-child { margin-bottom: 0px; }
.acordian-area .lst.single .ip-chkbox > span { font-weight: bold; margin-left: 6px; }
.acordian-area .lst.single .acor-header { border-top: 1px solid #d4d4d4; }

/* 레이어팝업 사이즈 */
.ui-dialog[aria-describedby="dialog-post"] .dialog { min-height: 430px !important; }
.ui-dialog[aria-describedby="dialog-empty"] .dialog { overflow-y:auto; max-height: 510px !important; }
.ui-dialog[aria-describedby="dialog-multi-delivery"] .dialog { overflow-y:auto; max-height: 500px !important; }
.ui-dialog[aria-describedby="dialog-coupon-sel"] .dialog { overflow-y:auto; max-height: 500px !important; }
.ui-dialog[aria-describedby="dialog-pickup-store"] .dialog { overflow-y:auto; max-height: 700px !important; }
.ui-dialog[aria-describedby="dialog-couponAdd"] .dialog { overflow-y:auto; max-height: 500px !important; }
.ui-dialog[aria-describedby="dialog-review"] .dialog { overflow-y:auto; max-height: 500px !important; }


/* 레이어팝업 미리보기 */
.pop-inner.preview .product-view .view-pager { left: 0; }
.pop-inner.preview .product-view .view { }

/* Dialog 공통 */
.ui-dialog[aria-describedby="dialog-front"] { min-width:400px; }
.ui-dialog[aria-describedby="dialog-front"] .ui-dialog-title { display: none; }
.ui-dialog[aria-describedby="dialog-front"] .ui-button { margin:0; padding: 0; width: 13px; height: 13px; top: 15px; }
.ui-dialog[aria-describedby="dialog-front"] .ui-button-icon-only .ui-icon { position: static; margin:0; }
.ui-dialog[aria-describedby="dialog-front"] .dialog,
.ui-dialog[aria-describedby="dialog-front"] .dialog .pop-inner { padding:0; }
















/* 레이어팝업 미리보기 전체화면 */
.ui-dialog[aria-describedby="dialog-full-preview"] { box-sizing:border-box; }
.ui-dialog[aria-describedby="dialog-full-preview"] .ui-dialog-titlebar { height: 0 !important; }
.ui-dialog[aria-describedby="dialog-full-preview"] .dialog.full-preview { /*overflow: hidden; */min-height: 100% !important; max-height: 100% !important; height: 100% !important; box-sizing:border-box; padding: 30px; }
.ui-dialog[aria-describedby="dialog-full-preview"] .ui-dialog-titlebar-close { top: 24px; }
.ui-dialog[aria-describedby="dialog-full-preview"] .dialog .pop-inner,
.ui-dialog[aria-describedby="dialog-full-preview"] .dialog .pop-inner .product-view {height: 100%; padding-bottom: 0;}
.ui-dialog[aria-describedby="dialog-full-preview"] .dialog .pop-inner.preview .product-view .view { width: 100%; height: 100%; padding-left: 87px; box-sizing: border-box; }
/*.ui-dialog[aria-describedby="dialog-full-preview"] .dialog .pop-inner.preview .view-pager {height: 592px;}*/

.ui-dialog[aria-describedby="dialog-full-preview"] .dialog.full-preview .product-view .view video { display: block; width: auto !important; margin: 0 auto; }
.ui-dialog[aria-describedby="dialog-full-preview"] .product-view .view .img-inner { width: 100%; height: 100%; }


/*.product-view-wrap .product-view .view .img-inner .view-img,
.quick-view .product-view .view .img-inner .view-img { max-width: 100%; }*/

/*.product-view-wrap .product-view .view .img-inner .view-img { max-width: 100%; }*/








/* 레이어팝업 unttile */
.dialog-untitle {width:540px !important;}
.dialog-untitle .pop-inner {margin:auto; width:370px;}
.dialog-untitle h1 {font-size:18px; line-height:24px; color:#f88216; font-weight:bold; text-align:center;}
.dialog-untitle .headline {padding:15px 0 30px; margin-bottom:25px; font-size:14px; line-height:20px; color:#555; font-weight:bold; border-bottom:1px solid #e1e1e1;}
.dialog-untitle .center {font-size:14px; line-height:20px;}
.dialog-untitle .orange {color:#f88216;}
.dialog-untitle .gray {color:#8c8a8a;}
.dialog-untitle .dot_list {font-size:12px;}
.dialog-untitle .btn-wrap {margin:15px 0;}
.dialog-untitle .mar_tb25 {margin:25px 0;}
.dialog-untitle .btn-wrap .btn {width:308px; height:40px; font-size:14px !important; color:#8c8a8a; line-height:38px;}
.dialog-untitle .btn-wrap .btn.color01 {width:150px; color:#fff; background:#f88216; border:0;}









/* 레이어팝업 미리보기 전체화면2 */
.ui-dialog[aria-describedby="dialog-full-preview2"] { box-sizing:border-box; }
.ui-dialog[aria-describedby="dialog-full-preview2"] .ui-dialog-titlebar { height: 0 !important; }
.ui-dialog[aria-describedby="dialog-full-preview2"] .dialog.full-preview { /*overflow: hidden;*/ min-height: 100% !important; max-height: 100% !important; height: 100% !important; box-sizing:border-box; padding: 30px; }
.ui-dialog[aria-describedby="dialog-full-preview2"] .ui-dialog-titlebar-close { top: 24px; }
.ui-dialog[aria-describedby="dialog-full-preview2"] .dialog .pop-inner,
.ui-dialog[aria-describedby="dialog-full-preview2"] .dialog .pop-inner .product-view {height: 100%; padding-bottom: 0;}
.ui-dialog[aria-describedby="dialog-full-preview2"] .dialog .pop-inner.preview .product-view .view { width: 100%; height: 100%; padding-left: 87px; box-sizing: border-box; }
.ui-dialog[aria-describedby="dialog-full-preview2"] .dialog.full-preview .product-view .view video { display: block; width: auto !important; margin: 0 auto; }
.ui-dialog[aria-describedby="dialog-full-preview2"] .product-view .view .img-inner { width: 100%; height: 100%; }


/*.ui-dialog[aria-describedby="dialog-full-preview"] .dialog.full-preview .product-view .view video { width: auto !important; }
.product-view { box-sizing:border-box; }
.product-view .view .img-inner { overflow: hidden; position: absolute; text-align: center; }
.product-view .view .img-inner img { height: 100%;}*/

.product-view .view .bt-lst .btn-cont { display: none; }
.product-view .view .bt-lst .btn-cont.on { display: block; }



/* 레이어팝업 우편번호찾기 */
.radio-area.post-top { margin-bottom: 10px; }
.sch-info { padding: 20px; margin-top: 20px; background: #f0f0f0; }
.sch-info p { color: #2b2b2b; margin-bottom: 10px; font-weight: bold; }
.sch-info li { padding-left: 7px; margin-top: 5px; background: url(../images/common/bullet_line_2x2.gif) no-repeat left center; }
.sch-info li:first-child { margin-top: 0; }
.sch-info-adr { margin-top: 20px; }
.msg-top { margin-top: 10px; }
.sch-area { overflow: hidden;}
.sch-area input.ip-txt01 { float: left; height: 30px; }
.sch-area .btn-sch, .sch-area .btn-search { float: right; }
.sch-no-result { margin-top: 20px; padding: 25px 0; text-align: center; }

/* 레이어팝업 이메일 무단수집 거부 */
.att-type { padding-top: 80px; background: url(../images/bg/bg_att.gif) no-repeat center top;}
.att-type .box-grey { line-height: 20px; letter-spacing: -0.8px; }

/* 레이어팝업 아이디 찾기 결과  */
.find-id-result { min-height: 90px; }
.find-id-result p { font-size: 14px; color: #2b2b2b; text-align: center; margin-bottom: 20px; }
.find-id-result ul li { margin-top: 5px; text-align: center;}

/* 레이어팝업 QNA */
.pop-inner.qna .ip-area { margin-bottom: 10px; }
.pop-inner.qna .radio-area { margin-bottom: 20px; }
.pop-inner.qna .tit-01{ color: #2b2b2b; font-weight: bold; font-size: 14px;  margin-top: 20px; margin-bottom: 10px; }
.pop-inner.qna .ip-area .scroll-area ul { padding: 10px; }


/* 로그인 탭 */
.acount-area { width: 500px; margin: 0 auto; }
.tab-area .ui-widget-content, .acount-area .ui-widget-header { border:none; }
.tab-area .ui-tabs .ui-tabs-nav { padding: 0; }
.tab-area .ui-tabs .ui-tabs-nav li.ui-tabs-active, .tab-area .ui-tabs .ui-tabs-nav li { margin:0; padding: 0; }
.tab-area .ui-tabs .ui-tabs-nav > li { width: 50%; box-sizing:border-box; border:1px solid #ece8e3; border-left:none; }
.tab-area .ui-tabs .ui-tabs-nav > li:first-child {border-left:1px solid #ece8e3;}
.tab-area .ui-tabs .ui-tabs-nav li.ui-tabs-active { position: relative; z-index: 2; border:1px solid #f88017; border-bottom: 1px solid #fff ; }
.tab-area .ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: block; float: none; text-align: center; padding: 10px 0; font-size: 14px; background: #fbf7f2; color: #8c8a8a; outline: none; }
.tab-area .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { background: #fff; color: #f88017; text-decoration: underline; }
.tab-area .ui-tabs .ui-tabs-panel {position: relative; z-index: 1; margin-top: -1px; padding: 60px 0 0 0;  border-top: 1px solid #f88017; }

/* 상품 미리보기 탭*/
.product-tab.ui-widget-content { border:none; }
.product-tab.ui-tabs .ui-tabs-nav, .ui-widget-header, .product-tab.ui-tabs .ui-tabs-panel,
.product-tab.ui-tabs .ui-tabs-nav .ui-tabs-anchor{ padding: 0; border:none;}
.product-tab .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { border:none; }
/*.product-tab.ui-tabs .tab-lst.ui-tabs-nav { margin-bottom: 25px; }
.product-tab.ui-tabs .tab-lst.ui-tabs-nav li {margin-left: 40px; }
.product-tab.ui-tabs .tab-lst.ui-tabs-nav li:first-child { margin-left: 0; }
.product-tab.ui-tabs .tab-lst.ui-tabs-nav li .ui-tabs-anchor { color: #8c8a8a; }
.product-tab.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { color: #2b2b2b; font-weight: bold; }
.product-tab .tab-lst a { display: block; font-size: 16px; outline: none; }
.product-tab .tab-info p { font-size: 14px; line-height: 23px; }
.product-tab .tab-info ul li { font-size: 14px;}*/
.product-tab .tab-lst { margin-bottom: 25px; }
.product-tab .tab-lst li {margin-left: 40px; }
.product-tab .tab-lst li:first-child { margin-left: 0; }
.product-tab .tab-lst li a { color: #8c8a8a; }
.product-tab .tab-lst li a { color: #2b2b2b; font-weight: bold; }
.product-tab .tab-lst a { display: block; font-size: 16px; outline: none; }
.product-tab .tab-info p { font-size: 14px; line-height: 23px; }
.product-tab .tab-info ul li { font-size: 14px;}

/* 로그인 및 아이디 비밀번호 찾기 */
.acount-box { width: 330px; margin: 0 auto; }
.acount-box li { margin-top: 10px; }
.acount-box li:first-child { margin-top: 0; }
.acount-box li .ip-txt { width: 100%; height: 35px; padding: 0 10px; box-sizing:border-box; border:1px solid #d4d4d4; }
.acount-box li .ip-txt[disabled="disabled"] { border:none; }
.bt-box { margin-top: 35px; text-align: center; }
/*.bt-box.order-sch { margin-top: 40px; }*/
.acount-box > ul + .bt-box.order-sch { margin-top: 20px; }
.bt-box .btn-org { height: 40px; width: 100%; font-size: 14px; line-height: 41px;  }
.bt-box.bk-type .btn { background: #2b2b2b; color: #fff; width: 195px; height: 40px; border:none; font-size: 13px; line-height: 40px; }
.bt-box.bk-type .btn + .btn { margin-left: 5px; }
/*.acount-box  li .ip-check { margin-left: -2px; }*/

.acount-area .bottom-area { margin-top: 40px; padding: 20px 0; border-top: 1px solid #d4d4d4; }
.acount-area .bottom-area .acount-find { text-align: center; }
.acount-area .bottom-area .acount-find ul { display: inline-block; }
.acount-area .bottom-area .acount-find ul li { float: left; background: url(../images/bg/bg_dashed.gif) no-repeat left center; }
.acount-area .bottom-area .acount-find ul li:first-child {background:none;  }
.acount-area .bottom-area .acount-find ul li a { display: block; padding: 0 25px; }

.acount-area .msg-join {margin-left: 85px; line-height: 18px; *zoom: 1;}
.acount-area .msg-join.bullet-dot {position: relative; background-position: 0 8px;}
.acount-area .msg-join.bullet-dot .btn {position: absolute; left: 195px;}
.acount-area .msg-join:after {display: block; content: ""; clear: both;}
.acount-area .msg-join em {float: left; color: #8a8a8a;}
.acount-area .msg-join .btn {float: left; width: 88px; margin-left: 45px;}

.acount-area .bottom-area .acount-find + .msg-join { margin-top: 40px; }
.acount-area .bottom-area .acount-find + .msg-join + .msg-join { margin-top: 40px; }
.acount-area .tit-h2 { margin-top: 40px;  margin-bottom: 35px; }
.msg-no-rst { color: #d3212a; margin-top: 10px; }

.msg-top-center { text-align: center; font-size: 14px; margin-bottom: 20px; line-height: 22px; }
.msg-inr + .ip-form-area { margin-top: 30px; }
.ip-form-area .acount-box { width: auto; }

/* 레이어팝업 메세지 */
.msg-inr {text-align: center; line-height: 19px; }
.msg-inr .txt-top { display: block; margin-bottom: 15px; }
.msg-inr .txt-bot { line-height: 18px; }
.pop-inner .ly-btn-bot { text-align: center; margin-top: 30px; }
.pop-inner .ly-btn-bot .btn + .btn { margin-left: 7px; }

/* System Error */
.msg-error { padding: 100px 0 40px 0; text-align: center; }
.msg-error strong { display: block; font-size: 24px; margin-bottom: 20px; color: #2b2b2b; }
.msg-error span { font-size: 16px; color: #666; }
.err-wrap .box-grey { width: 640px; margin: 0 auto; color: #666; text-align: center; line-height: 21px; }
.err-wrap .btn-area { margin-top: 30px; text-align: center; }

/*  멤버십 안내 및 약관 */
.member-info-lst { text-align: center; }
.member-info-lst li { display: inline-block; padding: 0 50px; border-left: 1px solid #d4d4d4; }
.member-info-lst li:first-child { border-left:none;}
.member-info-lst li a { display: inline-block; font-size: 16px; color: #8c8a8a; border-bottom: 1px solid #fff; line-height: 17px;  }
.member-info-lst li.current a { color: #f88017; border-bottom: 1px solid #f88017; }
.membership-wrap .tit-h1 { margin-top: 40px; margin-bottom: 40px; }
.membership-wrap .tit {font-weight: bold;}

/* #172995_라벨링제 적용 */
.membership-wrap { position:relative; }
.membership-wrap .tit-h1 { margin-top: 40px; margin-bottom: 40px; }
.membership-wrap .tit {font-weight: bold;}
.membership-wrap .tac {z-index:9; position:absolute; top:-6px; right:0px; width:220px; height:40px; }
.membership-wrap .tac .ip-select { width:100%; height:100%; min-width:220px; }
.membership-wrap .tac .ip-select option:checked { width:220px }
/* //#172995_라벨링제 적용 */

.membership-wrap .info-area.top h2 { margin-bottom: 20px; font-size:16px; color: #2b2b2b; font-weight: bold; }
.membership-wrap .para.top { font-size:14px; color: #2b2b2b; margin: 0 0 40px 0; line-height: 22px; }
.membership-wrap .para.mid { font-size: 14px; margin-bottom: 40px; font-weight: bold; color: #2b2b2b;}
.membership-wrap .para.mid01 { font-size: 14px; color: #2b2b2b; margin-bottom: 20px; font-weight: bold; }
.membership-wrap .para.xs { margin-bottom: 7px; color: #2b2b2b; font-weight: bold; }
.membership-wrap .para.bot { color: #666; margin-top: 15px; }
.membership-wrap .info-area { margin-top: 40px; }
.membership-wrap .info-area.top {margin-top: 50px; padding-bottom: 40px; border-bottom: 1px solid #d4d4d4; }
.membership-wrap .info-area:first-child,
.membership-wrap .info-area > ul > li:first-child,
.membership-wrap .info-area > ul > li li:first-child { margin-top: 0; }
.membership-wrap .info-area > h3 { margin-bottom: 20px; font-size: 14px; color: #2b2b2b; font-weight: bold; }
.membership-wrap .info-area > ul > li { margin-top: 7px; }
.membership-wrap .info-area ul li em { color: #f88017; }
.membership-wrap .info-area li ul { padding: 10px 0; padding-left: 10px; }
.membership-wrap .info-area li ul li { margin-top: 5px; padding-left: 7px;  background: url(../images/common/bullet_line_2x2.gif) no-repeat left center; }
.membership-wrap .tbl-default th, .membership-wrap .tbl-default td { padding: 13px 0;}
.membership-wrap .tbl-default thead th { font-weight: bold; background: #f0f0f0; font-size: 12px; }
.membership-wrap .tbl-default .bd { border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
.membership-wrap .tbl-default .bd.last {border-right: none;}
.membership-wrap .scroll-area { margin-top: 50px; max-height: 1024px; padding: 30px 30px; box-sizing:border-box; }
.membership-wrap .type02 { margin-top: 20px;}
.membership-wrap .first_letter {margin: 0 4px 0 0;}
.membership-wrap .settingList li{line-height:20px;}

.terms > dt { margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #2b2b2b; }
.terms > dd { margin-bottom: 50px; line-height: 20px; }
.terms > dd.last {margin-bottom: 20px;}
.terms li { margin-top: 7px; padding-left: 16px; text-indent: -16px; }
.terms li:first-child { margin-top: 0; }
.terms li ul { padding: 5px 0; }
.terms li li {  line-height: normal; }
.terms .none-indent li {padding-left: 0; text-indent: 0; }

.terms-top { padding: 0 0 30px 0; }
.terms-top > p { line-height: 22px; }

/* #172995_라벨링제 적용 */
.personalPolicy .terms-top { padding: 0; }
.personalPolicy .terms-labeling {margin:32px 0; padding:40px; background-color: #FAFAFA;}
.personalPolicy .terms-labeling div {font-size:23px; line-height: 40px; color:#424242; margin-bottom:30px;}
.personalPolicy .terms-labeling ul {display: flex; justify-content: space-between;}
.personalPolicy .terms-labeling ul li:nth-child(3) {width:275px;}
.personalPolicy .terms-labeling ul li:nth-child(1) span.image { display: block; width:auto; height: 89px; background:url(../images/terms/processing_item_pc_1.png) no-repeat 0% 50%;}
.personalPolicy .terms-labeling ul li:nth-child(2) span.image { display: block; width:auto; height: 89px; background:url(../images/terms/processing_item_pc_2.png) no-repeat 0% 50%;}
.personalPolicy .terms-labeling ul li:nth-child(3) span.image { display: block; width:auto; height: 89px; background:url(../images/terms/processing_item_pc_3.png) no-repeat 0% 50%;}
.personalPolicy .terms-labeling ul li span img {width:auto; height:89px;}
.personalPolicy .terms-labeling ul li dl {margin-top:20px;}
.personalPolicy .terms-labeling ul li dl dt {font-size:16px; font-weight:bold; color:#424242; line-height:22px; margin-bottom:12px;}
.personalPolicy .terms-labeling ul li dl dd {display: flex; font-size:13px; font-weight:normal; color:#424242; line-height:19px;}
.personalPolicy .terms-labeling ul li dl dd:before {content: "∙"; width:10px;}
.personalPolicy .terms-labeling ul li:nth-child(1) dl dd { margin-bottom:10px;}
.personalPolicy .terms-labeling ul li:nth-child(2) dl span { margin-bottom:0px;}
.personalPolicy .terms-labeling ul li dl dd:nth-child(3) { margin-bottom:10px;}
.personalPolicy .terms-labeling ul li dl span {display:flex; width:100%; font-size:12px; font-weight:normal; color:#767676; line-height:16px; margin-bottom:12px;}
.personalPolicy .terms-labeling ul li dl span::before {content:"※"; display:block; width:10px; }
/* //#172995_라벨링제 적용 */

.terms-list { padding: 20px 30px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin-bottom: 30px; }
.terms-list ul { overflow: hidden; }
.terms-list ul li { float: left; width: 50%; margin-bottom: 10px; }

/* #172995_라벨링제 적용 */
.personalPolicy .terms dt {/*margin-top:36px;*/ font-size:14px; color:#444;display: flex; align-items: center; margin-bottom:10px; }
.personalPolicy .terms dt:nth-child(1):before {content:"";  width: 32px; height:36px;background:url(../images/terms/processing_item_pcmo_3_1.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(3):before {content:"";  width: 32px; height:36px;background:url(../images/terms/processing_item_pcmo_3_2.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(5):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_3.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(7):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_4.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(9):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_5.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(11):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_6.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(13):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_7.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(15):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_8.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(17):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_9.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(19):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_10.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(21):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_11.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(23):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_12.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(25):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_13.png) no-repeat 50% 50%;margin-right:6.8px;}
.personalPolicy .terms dt:nth-child(27):before {content:"";  width: 36px; height:36px;background:url(../images/terms/processing_item_pcmo_3_14.png) no-repeat 50% 50%;margin-right:6.8px;}
/* //#172995_라벨링제 적용 */

.terms .board-wrap .tbl-default { border:1px solid #d4d4d4; }
.terms .board-wrap { padding: 20px 0; }

.terms .tbl-default th, .membership-wrap .tbl-default td { padding: 13px 0;}
.terms .tbl-default thead th { font-weight: bold; background: #f0f0f0; font-size: 12px; }
.terms .tbl-default .bd { border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
.terms .tbl-default .bd.last {border-right: none;}
/* 사이트맵 */
.sitemap-wrap { overflow: hidden;  padding: 0 10px; }
.sitemap-wrap > ul { float: left; min-width: 334px; margin-top: 40px;}
.sitemap-wrap > ul > li { margin-top: 20px; }
.sitemap-wrap li:first-child { margin-top: 0; }
.sitemap-wrap ul ul { padding-left: 20px; margin-top: 15px; }
.sitemap-wrap ul ul li { margin-top: 10px; }
.sitemap-wrap li a:hover { text-decoration: underline; }
.sitemap-wrap > ul > li > a { color: #2b2b2b; }

/* 뷰티 대 카테고리 */
.beauty .content { width: 100%; margin: 0; background: url(../images/bg/bg_beauty_main01.jpg) repeat;  }
.beauty .content .beauty-wrap { width: 100%; background: url(../images/bg/bg_beauty_main02.jpg) repeat-x 0 0; }
.beauty .content .beauty-wrap > .inner { position: relative; width: 1200px; margin: 0 auto; background: #fef9f5;  }
.beauty #footer { margin-top: 10px; }
.beauty .content .beauty-wrap > .inner .top-area { padding: 30px; }
.beauty .massege-wrap { background: #fff;}

.beauty-wrap .tit-area { padding: 15px 0 30px 0; color: #002e5f; text-align: center; }
.beauty-wrap .tit-area .small { letter-spacing: 1px;  }
.beauty-wrap .tit-area .large { display: block; font-size: 32px; letter-spacing: 3px; }

.beauty-wrap .visual-banner { padding: 30px; background: #fff; display: table; width: 100%; box-sizing: border-box; }
.beauty-wrap .visual-banner .visul-img, .beauty-wrap .visual-banner .visual-info {display: table-cell; vertical-align: middle; text-align: center; }
.beauty-wrap .visual-banner .visul-img { width: 820px;  }
.beauty-wrap .visual-banner .visual-info > p { color: #002e5f; }
.beauty-wrap .visual-banner .visual-info .tit-small { font-size: 14px; letter-spacing: 1px; }
.beauty-wrap .visual-banner .visual-info .tit-large { font-size: 27px; margin-top: 40px; line-height: 34px;  letter-spacing: 2px; }
.beauty-wrap .visual-banner .visual-info .tit-kr { font-size: 13px; margin-top: 10px; }
.beauty-wrap .visual-banner .visual-info .btn-goto { margin-top: 30px; }
.beauty-wrap .visual-banner .visual-info .btn-goto .btn { width: 160px; height: 48px; text-align: center; background: #fff; line-height: 48px; color: #002e5f; border:2px solid #002e5f; }
.beauty-wrap .visual-banner .visual-info .btn-goto .btn:hover {color: #FD6400; border: 2px solid #FD6400;}

.prd-item {width: 400px; height: 410px; text-align: center;}
.prd-item .thumb-img { display: block; margin: 0 auto; width: 256px; height: 290px;}
.prd-item .thumb-img img { width: 100%; }
.prd-item .btn-view {display: inline-block; width: 147px; height: 40px; border: 1px solid #d4d4d4; line-height: 40px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif; background: #fff;}
.prd-item .btn-view:hover {height: 38px; border: 2px solid #555; line-height: 38px;}
.prd-item .name {margin-top: 10px; padding: 0 10px; line-height: 20px; font-size: 14px;}
.prd-item .name a:hover {text-decoration: underline;}
.prd-item .price { font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}


.middle-menu.on { position: fixed; top: 0; z-index: 10; }
.middle-menu ul { overflow: hidden; background: url(../images/bg/beauty-nav-light.jpg) no-repeat left top;}
.middle-menu ul li { float: left; }
.middle-menu ul li a:hover, .middle-menu ul li.current a { color: #f28b00; }
.middle-menu ul li a { display: block; width: 400px; height: 50px; text-align: center;  font-size: 14px; color: #002e5f; line-height: 46px; }

.bt-section ul { overflow: hidden; width: 1200px; }
.bt-section ul li { width: 400px; height: 410px; background: url(../images/bg/bg_beauty_main02.jpg) repeat-x 0 0; box-sizing:border-box; }
.bt-section ul li { background: url(../images/bg/bg_beauty_grid_vr.jpg) repeat-y right top; }
.bt-section ul li > .inner { background: url(../images/bg/bg_beauty_grid_hr.jpg) repeat-x left bottom; }

.bt-section.etc ul li { float: left; }
.bt-section.etc ul li.lst03 { background: none; }

.bt-section.perfume ul { position: relative; height: 820px; }
.bt-section.perfume ul li { position: absolute; }
.bt-section.perfume ul li.lst01 { left: 0; top: 0; }
.bt-section.perfume ul li.lst02 { right: 0; top: 0; background: none; }
.bt-section.perfume ul li.lst03 { left: 400px; top: 0px; height: 820px; background: url(../images/beauty/beauty-fragrance-lg-tile.jpg) no-repeat center top; }
.bt-section.perfume ul li.lst03 > .inner { height: 820px; }
.bt-section.perfume ul li.lst03 .prd-item .thumb-img { width: 100%; height: 700px; overflow: hidden; text-align: center; }
.bt-section.perfume ul li.lst04 { left: 0; top: 410px; }
.bt-section.perfume ul li.lst05 { right: 0; top: 410px; background: none; }

.bt-section.makeup ul { overflow: hidden; }
.bt-section.makeup ul li { float: left; }
.bt-section.makeup ul.col2 li { width: 50%; }
.bt-section.makeup ul.col2 li .prd-item { width: 100%; }
.bt-section.makeup ul.col2 li.lst02,
.bt-section.makeup ul.col2 li.lst04 { background: none; }
.bt-section.makeup ul.col3 li.lst03,
.bt-section.makeup ul.col3 li.lst06,
.bt-section.makeup ul.col3 li.lst09 { background: none; }

.mov-bnr { padding-top: 121px; background: url(../images/bg/bg_beauty_fixed.jpg) repeat; }
.mov-area { text-align: center; }
.mov-bnr .mov-area { text-align: center; height: 544px; background: #fff; text-align: center; }

.bt-section.article { background: #fbe1d7; }
.bt-section.article .tit-area  { padding: 73px 0; }
.bt-section.article .tit-area h2 { font-size: 32px; color: #002e5f; text-align: center; line-height: 50px; letter-spacing: 4px; }
.bt-section.article .tit-area h2 .lg-txt { font-size: 50px; letter-spacing: 8px; }
.bt-section.article .article-inr { width: 960px; margin: 0  auto; padding-bottom: 80px; }

.share-bt-area { position: relative; margin-bottom: 30px; width: 126px; }
.share-bt-area > p { position: relative; z-index: 2; }
.share-bt-area .btn-share { display: inline-block; width: 126px; padding-left: 29px; height: 48px; color: #f86405; border: 2px solid #f86405; line-height: 43px; background:#fff url(../images/common/org-down-arrow.png) no-repeat 106px center; box-sizing:border-box; }
.share-bt-area .sns-penel { display: none; overflow: hidden; position: absolute; left:0; top: 0; width: 188px; padding-top: 48px; background-color: #fd6400; z-index: 1;}
.share-bt-area:hover .sns-penel { display: block;}
.share-bt-area .sns-penel li { float: left; height: 94px; width: 94px; box-sizing:border-box; background: none; }
.share-bt-area .sns-penel li a { display: block; float: left; height: 94px; margin: 0;width: 94px; background: url(../images/common/share_sprite.png) no-repeat; text-indent: -9999px; }
.share-bt-area:hover .btn-share { color: #fff; background:#fd6400 url(../images/common/org-up-arrow.png) no-repeat 106px center; border:2px solid #fd6400; border-bottom: 1px solid #fff; }
.share-bt-area .sns-penel li.lst01 a  { background-position: 0 0 }
.share-bt-area .sns-penel li.lst02 a  { background-position: 0 -94px; }
.share-bt-area .sns-penel li.lst03 a  { background-position: -100px 0; }
.share-bt-area .sns-penel li.lst04 a  {  background-position: -100px -94px;}

.tiletitle1 {font-size: 10px;padding-top: 20px; text-transform: uppercase;color: #002856; }

.tiletitle2 {font-family: Baskerville2BTRoman,Times New Roman,serif; font-size: 30px;padding-top: 10px;color: #002856; font-style: italic;}

.bt-section.greeting { height: 321px; background: url(../images/bg/bg_beauty_fixed.jpg) repeat;}
.bt-section.greeting p { text-align: center;  font-size: 24px; color: #fff; padding-top: 95px; line-height: 36px; }
.bt-section.greeting p .tb-sign { display: block; padding-top: 45px; text-align: left; padding-left: 656px; }

/* 회원가입 */
.join-wrap { padding: 0 10px; }
.join-wrap.prd70 { padding: 0 70px; }
.join-wrap .btn-area { margin-top: 30px; text-align: center; }
.join-wrap .btn-area .btn { height: 40px; line-height: 40px; font-size: 14px; }

.join-step { text-align: center;}
.join-step li { display: inline-block; height: 25px; padding-left: 73px; background: url(../images/common/bg_step_arrow.gif) no-repeat 30px center; font-size: 16px; color: #999; line-height: 25px; font-weight: bold; }
.join-step .current { color: #f88017; }
.join-step li:first-child { background: none; padding-left: 0;}

.join-wrap .join-step { margin-top: 30px; margin-bottom: 80px; }
.join-wrap .acordian-area { }
.join-wrap .acordian-area .lst.all-chk .acor-header { background: none; cursor: inherit; border:none; padding:0;}
.icheckbox_square-grey.checked + span { color: #2b2b2b; }

.msg-ip.fc-default { line-height: 20px; }

.complete-join { font-size: 24px; text-align: center; width: 880px; margin: 0 auto; }
.complete-join em { color: #f7971c; }
.complete-join .join-name { display: block; margin-bottom: 10px; }
.msg-com01 { margin-bottom: 30px; line-height: 22px; font-weight: bold; }
.msg-com02 { margin-bottom: 30px; font-size: 16px; }
.msg-com03 { font-size: 12px; line-height: 16px; }

.member-joinhr { width: 512px; height: 210px; margin: 0 auto; background:url(../images/bg/bg_mem_card.gif) no-repeat left 0; }
.member-joinhr p { padding: 0 0 0 273px; box-sizing:border-box;  color: #0c223f; }
.member-joinhr p em { display: block; font-size: 25px;  margin-bottom: 15px; }
.member-joinhr p span {font-size: 16px; line-height: 22px;}

.member-join-bottom { margin-top: 50px; border-top:1px solid #d4d4d4; }
.member-join-bottom .msg-top { font-size: 18px; margin-top: 50px; margin-bottom: 30px; text-align: center; font-weight: bold; }
.member-join-bottom .box-grey { margin-bottom: 50px; }
.member-join-bottom .box-grey p { font-size: 16px; margin-bottom: 20px; }
.member-join-bottom .box-grey ul li { margin-top: 5px; }
.member-join-bottom .box-grey ul li:first-child { margin-top: 0; }
.member-join-bottom .box-grey ul li em { color: #f7971c; }
.acordian-area.bd-t { border-top: 1px solid #d4d4d4; }

.authe-area { margin-top: 50px; }
.authe-area dt { color: #2b2b2b; font-size: 16px; margin-bottom: 10px; text-align: center; font-weight: bold; }
.authe-area .at01 { padding-top: 30px; text-align: center; line-height: 20px; border-top: 1px solid #d4d4d4 }
.authe-area .at02 { margin-bottom: 30px; }
.authe-area .at02 .btn-area { text-align: center; }
.authe-area .at02 .btn { color: #fff; border:none; }
.authe-area .at03 ul { padding-left: 60px; }
.my-content .authe-area .at03 ul { padding-left: 0; }
.authe-area .at03 ul li { margin-top: 5px; color: #8c8a8a; }
.authe-area .at03 ul li:first-child { margin-top: 0; }
.authe-area .at03 ul a { text-decoration: underline; color: #2b2b2b; }


/* 레이어 박스 */
.layer-box { display: none; border:1px solid #d4d4d4; background: #fff; z-index: 10; }
.view-info .layer-box { position: absolute; }
.layer-box .bul-dot { background-position: left 8px; }
.sub-txt { margin-bottom: 15px; }
.layer-box * { font-size: 11px; }
.layer-box.card-info { right: 0; top: 190px; }

.layer-box .box-inner { position: relative; }
.layer-box .box-inner { padding: 20px; }
.layer-box .box-inner .box-close { position: absolute; right:15px; top: 15px;  }
.layer-box .box-inner .box-close a { display: block; width: 13px; height: 13px; text-indent: -9999px; background: url(../images/common/btn_close_13x13.png); }
.layer-box .box-inner .tit-01 { font-size: 14px; color: #2b2b2b; margin-bottom: 15px; font-weight: bold; }
.layer-box .box-inner .tit-02 { color: #2b2b2b; margin-bottom: 10px; }
.layer-box .box-inner .tit-s {margin-bottom: 10px; font-size: 12px; color: #555; font-weight: bold;}

.layer-box.card-info .global-lst li { margin-top: 5px; line-height: 15px; color: #8c8a8a;  }
.layer-box.card-info .box-grey { padding: 10px; }
.layer-box.card-info .box-grey + .bot-area { margin-top: 20px; }
.layer-box.card-info .box-grey .global-lst li { margin-top:10px; }
.layer-box.card-info .box-grey .global-lst li .bul-dot { margin-bottom: 3px; color: #555; }

.layer-box.member-price-info { top: 32px; left: -50px; }
.layer-box.member-price-info .box-inner { width: 308px; }
.layer-box.member-price-info .box-grey { padding: 10px; }
.layer-box .desc-tit, .layer-box .desc-bot {color: #8c8a8a; }
.layer-box .desc-tit { padding: 10px 0; }
.layer-box .desc-bot { line-height: 17px; }

.layer-box.delivery-price-info {top: 10px; left: -50px; }
.layer-box.delivery-price-info .box-inner { width: 308px; }

.layer-box.mem-point-info { top: 10px; left: -50px; }
.layer-box.mem-point-info .box-inner { width: 308px; }

.layer-box.mem-pickup-info { top: 10px; left: -50px;  }
.layer-box.mem-pickup-info .box-inner { width: 308px; }
.layer-box.mem-pickup-info .box-inner .bul-dot { color: #2b2b2b; }

.layer-box.shopping-back { display: none; position: absolute; margin-top:8px; right:0; width: 420px; border:1px solid #d4d4d4; background: #fff; z-index: 10; }
.gnb-inner.on .layer-box.shopping-back {margin-right:106px;}
.layer-box.shopping-back .box-inner { width: 420px; padding: 86px 0 30px 0; }
.layer-box.shopping-back .ly-header { position: absolute; left: 0; top: 0; width: 100%; height: 85px; text-align: center; border-bottom:1px solid #d4d4d4; }
.layer-box.shopping-back .ly-header .header-title { text-align: center; font-size: 16px; padding-top: 25px; font-weight: bold; }
.layer-box.shopping-back .ly-header .header-title .num { display: block; text-align: center; font-size: 14px; margin-top: 10px; font-weight: normal; }

.shopping-list > ul  { max-height: 501px; overflow-y: auto;}
.shopping-list > ul > li { overflow: hidden; padding: 20px 0; }
.shopping-list .product-img { float: left; }
.shopping-list .product-img span { overflow: hidden; display: block; width: 132px; height: 127px; text-align: center; }
.shopping-list .product-img span img { max-height: 100%; }
.shopping-list .product-info { float: left; padding: 10px 0 0 20px; }
.shopping-list .product-info .name {width: 250px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.shopping-list .product-info .name, .shopping-list .product-info .option { font-size: 13px; }
.shopping-list .product-info .option { margin-top: 5px; }
.shopping-list .scroll-btn { display: none; }
.shopping-list.on .scroll-btn { display: block; }

.scroll-btn a { display: block; height: 32px; background: url(../images/common/btn_sp_top.gif) no-repeat center center; text-indent: -9999px; }
.ly-bottom { text-align: center; }
.ly-bottom .btn { width: 378px; margin-top: 20px; }
.scroll-btn.bottom a { background: url(../images/common/btn_sp_bot.gif) no-repeat center center; }
.layer-box.shopping-back .ly-bottom {left: 0; bottom:0; width: 100%; border-top: 1px solid #d4d4d4; }
.layer-box.shopping-back .ly-bottom .gifts {margin-top:30px;}
.layer-box.shopping-back .ly-bottom .gifts p {font-size:18px; font-weight:bold; margin-top:20px;}
.layer-box.shopping-back .ly-bottom .gifts span {font-size:12px; line-height:30px;}
.layer-box.shopping-back .box-inner .box-close { position: absolute; right:20px; top: 26px;  }

/* 레이어팝업 제품미리보기 */
.pop-inner .product-view {}
.ui-dialog[aria-describedby="dialog-preview"] .ui-dialog-titlebar { height: 0; }
.ui-dialog[aria-describedby="dialog-preview"] .ui-dialog-titlebar-close { top:25px; }

/* 장바구니 & 주문결제 */
.cart-wrap .tit-h1 { padding: 0 0 30px 0; }
.join-step { margin-bottom: 80px; }
.join-step li span { font-weight: bold; margin-left: 5px; }
.lst-tab-menu { overflow: hidden; margin-bottom: 15px; }
.lst-tab-menu li { float: left; padding: 0 20px; background: url(../images/bg/bg_dashed01.gif) no-repeat left center; }
.lst-tab-menu li:first-child { padding-left: 0; background: none; }
.lst-tab-menu li a { font-size: 16px; font-weight: bold; color: #8c8a8a; }
.lst-tab-menu li.on a { color: #2b2b2b; }

.lst-tab-menu.small li a { font-size: 12px; }
.lst-tab-menu.small li { background: url(../images/bg/bg_dashed.gif) no-repeat left center; }

.lst-tab-menu + .list-header { margin-top: 70px; }

.prd-inf { display: table; width: 100%; }
.prd-inf .img, .prd-inf .inf { display: table-cell; vertical-align: middle; }
.prd-inf .img { position: relative; overflow: hidden; width: 132px; height: 127px; text-align: center; }
.prd-out { display: none; position: absolute; left: 0; top: 0; width: 100%; bottom: 0;  background: url(../images/bg/bg_opacity.png) no-repeat left top; text-align: center; padding-top: 52px; box-sizing:border-box; color: #2b2b2b; }
.prd-inf .img + .inf { padding-left: 10px;}
.prd-inf .img img { max-height: 100%; }
.prd-inf .inf { text-align: left; }
.prd-inf .inf dt { color: #2b2b2b; font-weight: bold; }
.prd-inf .inf dt a:hover { text-decoration: underline; }
.prd-inf .inf dd { margin-top: 5px; color: #8c8a8a }
.prd-inf .inf dd a { text-decoration: underline;}
.prd-inf .inf dd.price { color: #2b2b2b; }
.prd-inf .inf dd .quantity { margin-left: 5px;}
.non-prd .prd-out { display: block; }
.quantity-inf .ip-txt { width: 40px; height: 26px; text-align: center; box-sizing:border-box; }
.quantity-inf .apply { width: 40px; margin: 0 auto; margin-top: 5px;  }
.quantity-inf .apply .btn { min-width: 40px; height: 20px; background: #999; color: #fff; font-size: 11px; text-align: center; box-sizing:border-box; padding: 0; border:none; line-height: 12px; }
.btn:disabled { background: #d4d4d4 !important; color: #999 !important; cursor: default; }

.drop-area-inf { position: relative; }
.drop-area-inf .drop-btn a { display: inline-block; padding-right: 20px;  background: url(../images/common/btn_down_xs.gif) no-repeat right center;}
.drop-area-inf .drop-btn.on a { background: url(../images/common/btn_up_xs.gif) no-repeat right center; }
/*.drop-area-inf .drop-btn .ssr { font-size: 14px; }*/
.drop-area-inf .disc { display: none; position: absolute; right: 18px; top:20px; width: 200px; padding: 10px; border:1px solid #d4d4d4; background: #fff; z-index: 1; }
.drop-area-inf .drop-btn.on + .disc { display: block; }
.drop-area-inf.delivery .disc { width: 130px;}
.drop-area-inf .disc ul li { overflow: hidden; text-align: left; padding-right: 10px; }
.drop-area-inf .disc ul li em, .drop-area-inf .disc .box-grey em { float: left; }
.drop-area-inf .disc ul li span, .drop-area-inf .disc .box-grey > span { float: right; }
.drop-area-inf .disc .box-grey { overflow: hidden; padding: 5px 10px; margin-top: 10px; }
.drop-area-inf .disc .box-grey > span span { color: #f88017; }

.disc-img { overflow: hidden; text-align: left; margin-top: 10px; }
.disc-img span {display: inline-block; float: left !important; }
.disc-img span + span { margin-left:5px; }
.disc-img * { vertical-align: middle; }

.price-inf  { color: #2b2b2b; }
.price-inf .ssr { font-size: 14px;}

.col-btn .btn.btn-small { min-width: 66px; height: 20px; background: #999; color: #fff; font-size: 11px; text-align: center; box-sizing:border-box; padding: 0; border:none; line-height: 12px; }
.col-btn .ord .btn.btn-small  { background: #555; }
.col-btn .del .btn.btn-small { background: #fff; color: #8c8a8a; border:1px solid #d4d4d4; }
.col-btn .ord + .del { margin-top: 5px; }

.result-wrap { display: table; width: 100%; padding: 30px 95px; background: #f0f0f0; box-sizing:border-box; margin-top: 30px; }
.result-wrap .data-cell { display: table-cell; text-align: center; vertical-align: middle; }
.result-wrap .data-cell .top { height: 35px; font-size: 14px; font-weight: bold;}
.result-wrap .data-cell span.bot { display: block; padding-top: 35px; }
.result-wrap .data-cell .bot { font-size: 18px; }
.result-wrap .data-cell .bot .ssm { font-size: 23px; vertical-align: bottom; }
.result-wrap .data-cell.total .bot .ssm { color: #f88017;  vertical-align: bottom;}
.result-wrap .data-cell.operation { width: 100px; }
.result-wrap .data-cell.operation .bot { font-weight: bold; }

.result-wrap.type01 .data-cell .bot .ssm { font-size: 20px; }

.result-wrap.small { padding: 20px 10px; }
.result-wrap.small .data-cell .top { height: 20px; font-size: 12px;}
.result-wrap.small .data-cell span.bot { padding-top: 20px; }
.result-wrap.small .data-cell .bot { font-size: 14px; }
.result-wrap.small .data-cell .bot .ssr { font-size: 16px; }
.result-wrap.small .data-cell.operation { width: auto; }

.btn-wrap.list-bottom { overflow: hidden; }
.btn-wrap.list-bottom .lt { float: left; }
.btn-wrap.list-bottom .rt { float: right; }

.msg-bot { margin-top: 20px; }
.msg-bot.mt15 { margin-top: 15px; }
.msg-bot .msg-link { font-weight: bold; text-decoration: underline;}
.msg-no-product { padding: 60px 0; font-weight: bold; font-size: 13px; }

.cart-wrap .product-link { margin-top: 60px; }
.cart-wrap .product-link header { padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; }
.cart-wrap .product-link header .ssm { font-size: 16px; }

.dsp-tbl.mod-pickup dt { font-weight: bold; }
.dsp-tbl.mod-pickup p { font-weight: bold; text-align: right; padding-right: 10px; }

/* 레이어팝업 장바구니 & 주문결제 (옵션, 품절수량 안내) */
.opt-table + .opt-table { margin-top: 25px; }
.opt-table .tbl-default thead th { background: #fff; }
.opt-table .tbl-default tbody th { padding-left: 20px; text-align: left; font-weight: bold; }
.opt-table .tbl-default tbody td { text-align: left; }
.opt-lst-size { overflow: hidden;}
.opt-table .opt-lst-size { margin-top: -5px; }
.opt-lst-size li { float: left; margin-right:5px; margin-top: 5px; }
.opt-lst-size .btn { min-width: auto; width: 36px; height: 20px; border:1px solid #d4d4d4; padding: 0; line-height: normal; font-size: 12px;}
.opt-lst-size .btn.on { background: #555; color: #fff; border:none; }
.opt-lst-size .btn.disabled { background: url(../images/common/opt_disabled.gif) no-repeat left top;}

.msg-inr + .opt-table { margin-top: 25px; }
.opt-table .tbl-default + .msg-inr { margin-top: 10px; }
.opt-table .tbl-default.empty td { padding:20px 10px; text-align: center; }
.opt-table .tbl-default.empty thead th { font-weight: bold; }
.opt-table .tbl-default.empty .inf dt { font-weight: bold; }


/* 주문결제 */
.pop-inner .section-area + .section-area { margin-top: 40px; }
.list-header { position: relative; margin-bottom: 15px; }
.list-header .tit { font-size: 16px; font-weight: bold; color: #2b2b2b; }
.list-header .tit .fc-grey { font-size: 14px; vertical-align: middle;}
.list-header .tit label > span { font-size: 14px; }
.tbl-default.ip-type .ip-txt01 + .ip-txt01,
.tbl-default.ip-type .ip-txt01 + .btn,
.tbl-default.ip-type .ip-txt01 + .btn + label { margin-left: 5px; }
.tbl-default.ip-type .ip-txt01 + .btn.btn-add { min-width: 82px; box-sizing:border-box; padding: 0; }
.tbl-default.ip-type .ip-txt01 + label.ip-chkbox { margin-left: 5px; }
.tbl-default.ip-type.long-data tbody td { padding-right: 0; padding-left: 10px; }
.tbl-default.ip-type.long-data tbody td .drop-area-inf .disc { right: 0; width: auto; }

.card-benefit {display: none; position: absolute; bottom: 140px; left: 280px; width: 360px; z-index: 10;}
.card-benefit .box-grey {margin-bottom: 20px;}
.card-benefit .box-grey .color01 {letter-spacing: -1px;}


.harf-wrap { overflow: hidden; }
.harf-wrap .lt { float: left; }
.harf-wrap .rt { float: right; }

.harf-wrap.order-type { overflow: visible; display: table; width: 100%; }
.harf-wrap.order-type .lt { width: 700px; }
.harf-wrap.order-type .rt { width: 304px; }
/*.harf-wrap.order-type .rt .section-area + .section-area { margin-top: 37px; }*/

.order-history {padding-bottom: 32px;}
.order-history .tbl-default { border: none; }
.order-history .tbl-default th, .order-history .tbl-default td { border:none; background: none; padding: 8px 0; }
.order-history .tbl-default tbody th { text-align: left; font-size: 14px; font-weight: bold; }
.order-history .tbl-default tbody td { text-align: right; font-size: 13px; }
.order-history .tbl-default tbody td * { vertical-align: middle; }
.order-history .tbl-default tbody td .ssr { font-size: 18px;}
.order-history .bot { padding-top: 30px; border-top:1px solid #d4d4d4; margin-top: 30px;}
.order-history .bot .tbl-default tbody .total-price .ssr { font-size: 20px; color: #f88017; }
.order-history .bot .tbl-default tbody .total-point .ssr { font-size: 16px;}
.order-history .btn-wrap .btn { width: 100%; }

.payment-choose { position: relative; height: 240px; }
.payment-types > ul { min-height: 42px; padding: 10px 10px 0 10px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; box-sizing:border-box; }
.payment-types > ul > li { display: inline-block; margin-right: 20px; margin-bottom: 10px; }
.pop-inner .payment-types > ul > li { margin-right: 15px; }
.payment-info { display: none; position: absolute; left:0; top: 70px; width: 100%; padding: 10px; border-bottom: 1px solid #d4d4d4; box-sizing:border-box;}
.payment-types > ul > li.on .payment-info { display: block; }
.payment-types .radio-area .ip-chkbox + .ip-chkbox { margin-left: 10px; margin-right: 5px; }
.payment-types .radio-area .ip-chkbox .icheckbox_square-grey { margin-left: 5px; margin-right: 5px; }
.payment-info .desc-top em { display: inline-block; font-size: 14px; color: #2b2b2b; margin-right: 20px; font-weight: bold; }
.payment-info .desc-lst li { margin-top: 3px; }
.payment-info .desc-lst li:first-child { margin-top: 0; }
.payment-info .desc-top + .desc-lst { margin-top: 10px; }
.payment-info .inr-bot { margin-top: 10px; padding-left: 10px; }
.payment-info .desc-lst.indent li { padding-left: 7px; text-indent: -7px;  margin-top: 10px; line-height: 17px;}
.payment-info .desc-lst.indent li strong { font-weight: bold; }

.msg-non-member { border:1px solid #d4d4d4; padding: 15px 20px; margin-bottom: 30px; }
.privacy-topics { padding: 20px 15px; }
.privacy-topics dt { font-weight: bold; color: #2b2b2b; margin-bottom: 5px; }
.privacy-topics dd { padding: 0 0 25px 0; line-height: 17px; }
.privacy-topics dd ul li { padding-left: 7px; text-indent: -7px; margin-top: 0; line-height: 17px; }
.prd-choose li { margin-top: 10px; }
.prd-choose li:first-child { margin-top: 0; }
.prd-choose li em, .prd-choose li span { display: inline-block; }
.prd-choose li em { min-width: 150px; }

.inner-mid { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d4d4d4; }

.input-header { overflow: hidden; }
.input-header .lt, .input-header .ct { float: left; }
.input-header .lt { height: 30px; width: 13%; }
.input-header .ct { width: 69%; }
.input-header .ct .ip-txt01 { height: 30px; }
.input-header .rt { float: right; width: 16%; }
.input-header .lt .tit { display: block; width: 80px; font-size: 14px; font-weight: bold; line-height: 28px; }
.input-header .rt .btn { width: 75px; }
.dis-price { text-align: right; margin-top: 10px; }
.dis-price .ssr { color: #f88017; font-size: 14px;}

/* 주문완료 */
.order-com { border-top: 1px solid #d4d4d4; padding: 40px 0 0 0; }
.msg-complete { font-size: 24px; font-weight: bold; text-align: center; }
.result-wrap.complete { margin-top: 40px; }
.result-wrap.complete .data-cell { width: 50%; box-sizing:border-box; }
.result-wrap.complete .data-cell .bot .ssr { font-weight: normal; font-size: 25px; }
.result-wrap.complete .data-cell:first-child { border-right: 1px solid #d4d4d4; }
.result-wrap.complete .data-cell:first-child .bot .ssr { color: #f88017; }
.msg-info-bot { text-align: center; margin-top: 20px; }
.msg-info-bot .btn { margin-left: 15px; width: 100px;  }

.order-faild { padding: 40px 0;}
.order-faild .msg-complete { margin-bottom: 40px; line-height: 35px; }
.msg-fail-error { width: 640px; margin: 0 auto; text-align: center; padding: 30px 0; }
.msg-fail-error p span { display: block; margin-top: 5px; font-weight: bold; }

/*  레이어팝업 구매가능한 오프라인 매장 */
.offiine-store {}
.offiine-store .harf-wrap > .lt { width: 361px; height: 480px; }
.offiine-store .harf-wrap > .rt { width: 418px; height: 480px; }

.choose-area { padding: 10px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;  }
.choose-area > li {overflow: hidden; margin-top: 10px; }
.choose-area > li:first-child { margin-top: 0; }
.choose-area .inr01,.choose-area .inr02, .choose-area .inr03 { display: block; }
.choose-area .inr01,.choose-area .inr02 { float: left; }
.choose-area .inr03 { float: right; }
.choose-area .inr01 { width: 82px; color: #2b2b2b; font-size: 12px; line-height: 28px; font-weight: bold; height: 30px;  }
.choose-area .inr02 { width: 153px; }
.choose-area .inr03 { width: 125px; }
.choose-area .lst02 .inr03 { width: 278px; }
.offiine-store .list-header .tit { font-size: 12px; padding-top: 25px; color: #2b2b2b;}
.store-result .table-col .total-num { text-align: center; font-size: 12px; }
.store-result .table-col th, .store-result .table-col td { padding: 7px 5px; }
.store-result .table-col td { text-align: left; }
.divsn { display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(../images/common/bg_rd_bk.gif) no-repeat left top; color: #fff; text-align: center; font-size: 11px; font-weight: bold; line-height: 16px; }
.div-lst { overflow: hidden; position: absolute; right: 10px; bottom:18px; }
.div-lst .divsn { float: left; margin-right: 0; margin-left: 5px; }
.divsn.txt2 { font-size: 10px; letter-spacing: -1px;}
.div-lst .divsn:first-child { margin-left: 0; }
.store-lst { overflow-y: auto; max-height: 312px; border-bottom: 1px solid #d4d4d4; }
.store-lst > ul > li { position: relative; padding: 10px; border-top:1px solid #d4d4d4; }
.store-lst > ul > li:first-child {border-top:none; }
.store-lst > ul > li dl {}
.store-lst > ul > li dt { margin-bottom: 9px; color: #2b2b2b; font-weight: bold; font-size: 12px; }
.store-lst > ul > li dd { margin-top: 5px; }
.store-lst > ul > li dd:first-child { margin-top: 0; }
.store-lst .operation { color: #2b2b2b; font-weight: bold; }
.offiine-store .harf-wrap > .rt .map-area { overflow: hidden; width: 418px; height: 481px; }

.search-box { height: 30px; padding-right: 30px; background: url(../images/common/icon_search_14x14.png) no-repeat 96% center; box-sizing:border-box; border:1px solid #d4d4d4; }
.search-box input { border:none; width: 100%; height: 30px; }

/* 레이어팝업 재입고 알림 신청 */
#dialog-alarm .alarm {margin-top: -10px;}
.alarm .prd-info-lst { padding: 10px 0 0; border-top:1px solid #d4d4d4; /*border-bottom:1px solid #d4d4d4;*/  }
.alarm .prd-info-lst > ul > li { margin-top: 10px; border-bottom: 1px solid #d4d4d4;}
.alarm .prd-info-lst > ul > li:first-child { margin-top: 0; }

.search-bar { overflow: hidden; }
.search-bar .inr01,
.search-bar .inr02,
.search-bar .inr03 { float: left; box-sizing:border-box; }
.search-bar .inr04 { float: right; }

/* 레이어팝업 픽업매장 선택 */
.search-bar.store-sch {}
.search-bar.store-sch .inr01 { width: 13%; color: #2b2b2b; font-weight: bold; font-size: 14px; line-height: 27px; }
.search-bar.store-sch .inr02 { width: 23%; padding-right: 1%; }
.search-bar.store-sch .inr03 { width: 51%; padding-right: 1%; }
.search-bar.store-sch .inr03 input { height: 30px;}
.search-bar.store-sch .inr04 { width: 13%; text-align: right; }
.search-bar.store-sch .inr04 .btn { width: 100%; box-sizing:border-box; text-align: center;  }
.sch-helper { margin-top: 5px; font-size: 11px; color: #8c8a8a }

.pickup-store-list { border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
.pickup-store-list .non-result { padding: 40px 0; text-align: center; }
.pickup-store-list > li { position: relative; border-top:1px solid #d4d4d4;  padding: 20px 0;}
.pickup-store-list > li:first-child { margin-top: 0; border-top:none; }
.pickup-store-list .desc-store, .pickup-store-list .desc-address { margin-bottom: 5px; padding-right: 100px; box-sizing:border-box; }
.pickup-store-list .desc-choose { position: absolute; right: 0; top:20px; text-align: center; }
.pickup-store-list .desc-choose .bt-sel { display: inline-block; width: 90px; padding: 3px 0; color: #fff; background: #666; margin-top: 3px; text-align: center; }
.pickup-store-list .desc-map { margin-top: 10px; }
.pickup-store-list .desc-map .btn-mapview .btm { display: inline-block; padding: 3px 27px 3px 10px; text-align: center; border:1px solid #d4d4d4;  }
.pickup-store-list .desc-map .btn-mapview .bt-open { background: url(../images/common/bul_down_xs.gif) no-repeat 86% center;}
.pickup-store-list .desc-map .btn-mapview .bt-close { display: none; background: url(../images/common/bul_up_xs.gif) no-repeat 86% center;}
.pickup-store-list .desc-map .btn-mapview.on .bt-open { display: none; }
.pickup-store-list .desc-map .btn-mapview.on .bt-close { display: inline-block; }
.pickup-store-list .desc-map .map-view { display: none; margin-top: 10px; }
.pickup-store-list .desc-map .btn-mapview.on + .map-view { display: block; }

/* 상품리스트 동영상 이벤트 */
.product-list > ul > li { position: relative; }
.mov-area .mov-inner { display: none;  height: 290px; margin-bottom: 20px; box-sizing:border-box;  background: rgb(255,255,255);}
.mov-area .mov-inner video {
	display: block; margin: 0 auto;
}
.product-list > ul > li.on .mov-inner { display: block; }
.product-list > ul > li.on .thumb-img, .product-list > ul > li.on .btn-play { display: none; }
.mov-area .btn-play { position: absolute; right: -1px; top: 269px; }
.mov-area .btn-play button { display: block; width: 21px; height: 20px; background: url(../images/common/btn_mov.png) no-repeat left top; text-indent: -9999px; }
.mov-area .btn-play button:hover { background: url(../images/common/btn_mov_on.png) no-repeat left top; }

/* GNB Fixed */
.gnb-inner.on { position: fixed; top: 0; height: 40px; border-bottom:1px solid #d4d4d4; }
.gnb-inner.on  .logo,
.gnb-inner.on .global-search { display: block; }

.gnb-inner.on #gnb { height: 40px; }
.gnb-inner.on #gnb > ul > li > a { padding: 13px 0; }
.gnb-inner.on #gnb > ul > li > div { top: 40px; }
.gnb-inner.on .logo { top: 8px; }
.gnb-inner.on .global-search { top: 9px; height: 32px; }

/* 마이페이지 */
.order-btn { margin-top: 5px; }
.result-wrap.type01 { padding: 30px 0; }
.result-wrap.type01 .data-cell { border-left:1px solid #e5e5e5; width: 33.3%; }
.result-wrap.type01 .data-cell:first-child { border-left:none; }

.delivery-info { position: relative; margin-bottom: 15px; padding-right: 110px; }
.delivery-info .parb { top: 30px;  }
.delivery-info .area { font-weight: bold; }
.delivery-info .area + .addr,
.delivery-info .area + .addr + .comment {margin-top:3px; }
.delivery-info .addr { overflow: hidden; }
.delivery-info .addr .first,
.delivery-info .addr .cell-num,
.delivery-info .addr .p-num { display: inline-block; background: url(../images/common/bul_dashed_xs.gif) no-repeat left center; padding:0 15px;  }
.delivery-info .addr .first { padding-left: 0; background: none; }
.delivery-info .comment { color: #8c8a8a }
.delivery-info .packing { display: inline-block; font-size: 11px; color: #d3212a; border:1px solid #d3212a; padding: 2px 3px 3px; text-align: center; }

.section header + .delivery-info { border-top:1px solid #d4d4d4; padding-top: 30px; }
.section .list-header + .delivery-info { padding-top: 15px; border-top:1px solid #d4d4d4; }
.section header > h2 + .btn-area.par { margin-top: -10px; }
.top-info-box  + .delivery-info { padding-top: 15px; }

.top-info-box { display: table; width:100%; border:1px solid #d4d4d4; padding: 15px 20px; box-sizing:border-box; }
.top-info-box .lt, .top-info-box .rt { display: table-cell; vertical-align: middle; }
.top-info-box .lt { text-align: left; }
.top-info-box .lt .top {display: block; font-weight: bold;  }
.top-info-box .lt .bot {display: block; margin-top: 3px; }
.top-info-box .rt { text-align: right; font-weight: bold; }
.top-info-box .rt .price { color: #f88017}

.desc-wrap { position: relative; }
.tit-desc { padding: 20px 0; text-align: center; font-size: 14px; font-weight: bold; }
.btn-desc-view  { position: absolute; right: 10px; top: 20px; }
.btn-desc-view a { display: block; padding-right: 20px; background: url(../images/common/btn_down_xs.gif) no-repeat right center; color: #2b2b2b; font-weight: bold; }
.btn-desc-view.on a { background: url(../images/common/btn_up_xs.gif) no-repeat right center; }
.tbl-desc { display: none; }
.btn-desc-view.on + .tbl-desc { display: block; }

.dsp-tbl.type-pay .dsp-tbcell:first-child { width: 15%;}
.dsp-tbl.type-pay .dsp-tbcell.box-grey { background: #e1e1e1; width: 85%; padding: 10px; font-size: 16px; }

.payment-com .msg-result { font-size: 16px; text-align: center; }
.payment-com .msg-result + .box-grey { margin-top: 20px; }
.payment-com .box-grey { padding: 10px; text-align: center; }
.payment-com .box-grey * { vertical-align: middle; }
.payment-com .msg-bot { margin-top: 15px; line-height: 17px; text-align: center; }

.lyt-com {padding-top: 25px;}
.lyt-com .msg-result { font-size: 16px; text-align: center; line-height: 22px; }
.lyt-com .msg-result + .box-grey { margin-top: 20px; line-height: 20px; line-height: 17px; }
.lyt-com .box-grey { padding: 10px; text-align: center; }
.lyt-com .box-grey * { vertical-align: middle; }
.lyt-com .msg-bot { margin-top: 15px; line-height: 17px; text-align: center; }

.sch-top table { border}
.sch-top table tbody td { border:none; padding:10px 0 0 0; }
.sch-top table tbody tr:first-child td { padding-top: 0; }
.sch-top table input { height: 30px; }
.sch-top table .btn { height: 30px; line-height: 26px; }

.auth-wrap { margin-top: 80px; }
.auth-wrap .msg-auth { font-size: 16px; line-height: 26px; text-align: center; }
.auth-wrap .msg-auth + .box-grey { width: 510px; margin: 0 auto; box-sizing:border-box; padding: 40px 0 40px 0; margin-top: 35px; text-align: center; }

.complete-wrap { font-size: 24px; font-weight: bold; padding: 50px 0 20px 0; text-align: center; }
.complete-wrap .top { line-height: 34px; }
.complete-wrap .bot { margin-top: 40px; font-size: 14px; line-height: 20px; font-weight: normal; }

.ip-lyt { width: 450px; margin: 0 auto; }
.ip-lyt > li { display: table; margin-top: 10px; }
.ip-lyt > li:first-child { margin-top: 0; }
.ip-lyt > li > .dsp-tbcell:first-child { width: 95px; text-align: left; vertical-align: top; padding-top: 10px; }

.product-info-lst { overflow: hidden; margin-top: -10px; }
.product-info-lst > li { overflow: hidden; height: 127px; float: left; margin-right: 10px; margin-top: 10px; }

.prd-img-wrap { position: relative; }
.prd-img-wrap  .btn-remove { position: absolute; right: 5px; top: 5px;  }
.prd-img-wrap  .img { display: block; overflow: hidden; }
.prd-img-wrap .sm .mg { overflow: hidden; width: 132px; height: 127px; text-align: center; }

.attachment-lst {}
.attachment-lst li { margin-top: 10px; }
.attachment-lst li:first-child { margin-top: 0; }
.attachment-lst .attachment, .attachment-lst .btn-remove { display: inline-block; vertical-align: middle;}
.attachment-lst .attachment { min-width: 90px; height: 16px; padding-left: 20px; background: url(../images/common/ico_attachment.gif) no-repeat left center; line-height: 14px;  }
.attachment-lst .btn-remove { height: 9px; padding-left: 9px; background: url(../images/common/btn_close_9x9.gif) no-repeat left top; text-indent: -9999px; }
.attachment-lst .attachment + .btn-remove { margin-left: 10px; }

.file-box .ip-file { display: none; }
.file-box .ip-txt01 { height: 30px; }
.view-table .cont img { max-width: 100%; }
.tbl-inner-wrap { padding: 70px 0; }

.top-info01 {}
.top-info01 .dsc-top { font-weight: bold; color: #2b2b2b; margin-bottom: 10px; }
.top-info01 .dsc-bot { margin-top: 5px; }
.top-info01 .dsc-bot:first-child { margin-top: 0;  }
.top-info01 .inf { display: inline-block; }
.top-info01 .inf+ .inf { margin-left: 10px; }

.top-info02 .dsc-bot { margin-top: 5px; }

.select-area .ip-etc { display: none; }
.ly-blank .lt { display: inline-block; padding-right: 20px; min-width: 170px; }
.btn-wrap.list-bottom .btn.btn-small01 { min-width: 50px !important; }
.btn-wrap.list-bottom.sm { margin-top:20px; }
.para-ans { display: block; padding-left: 20px;  background: url(../images/common/img_a.png) no-repeat left 5px; }
select.ip-eval option[value="star01"] { display: block; background: url(../images/common/bg_eval.gif) no-repeat left top; }

.prd-comment { padding: 20px 0 10px 0; }
.prd-comment .cmt { display: inline-block; overflow: hidden; width: 400px; text-overflow:ellipsis; white-space: nowrap; vertical-align: middle; }
.photo-ico { margin-left: 5px; }

.comment-inr { padding: 30px 10px 20px 10px; line-height: 20px; }
.comment-inr p { text-align: left; }
.comment-inr + .photo-area { padding-top: 0; }

.star-lst + .comt-lst { margin-top: 20px; }
.rev-cont td { padding: 0 !important; }
.rev-cont .cont-inr { padding: 20px 0 20px 110px; border: 1px solid #d4d4d4; border-top: none; }
.star-lst ul, .comt-lst ul { overflow: hidden; }
.star-lst ul li, .comt-lst ul li { float: left;  width: 220px; text-align: left; }
.star-lst li > em, .comt-lst li > em {display: inline-block;  width: 40px; text-align: left; }

.rev-cont .cont-inr {padding-left:0;}
.rev-cont .cont-inr .text-lst ul li { display:inline-block; margin: 0 60px;}
.rev-cont .cont-inr .text-lst ul li > em {margin-right: 10px; color: #8c8a8a; }

.photo-area { width: 600px; margin: 0 auto; padding: 50px 0 30px 0; }
.photo-area .img { overflow: hidden;text-align: center; }
.photo-area .img img { max-width: 100%; }

/* 매장찾기 구버전 */
.offiine-store.default {}
.offiine-store.default .harf-wrap > .rt { width: 645px; }
.offiine-store.default .harf-wrap > .rt .map-area {width: 645px; height: auto;  }
.dsp-tbl.store-name { background: #f5f5f5; padding: 10px; margin-bottom: 20px; }
.brand-img { width: 180px; min-height: 140px; text-align: center; background: #fff; }
.brand-img img { max-width: 100%; }
.store-info {  vertical-align: middle;  }
.store-info > dl { width: 100%; padding-left: 25px; box-sizing:border-box;}
.store-info dt { font-weight: bold; color: #2b2b2b; font-size: 18px; }
.store-info dd { margin-top: 10px; font-size: 14px; line-height: 20px; }
.offiine-store.default .list-header .tit { font-size: 12px; padding-top: 30px; }
.offiine-store.default .choose-area .inr01 { font-size: 12px; }
.offiine-store.default .store-lst { max-height: 704px; }
.offiine-store.default .store-lst > ul > li { cursor: pointer; }
.offiine-store.default .store-lst > ul > li dt { font-size: 12px; }
.offiine-store.default .store-lst > ul > li.current { border:3px solid #d4d4d4; box-sizing:border-box; padding:10px 7px; }
.offiine-store.default .store-lst > ul > li.current + li { border-top:none; }
.offiine-store.default .div-lst { right: 10px; }
.offiine-store.default .current .div-lst { right: 7px; }
.store-result { border-top: 1px solid #2b2b2b;}
.store-result .table-col.table-border tr:first-child th,
.store-result .table-col.table-border tr:first-child td { border-top:none; }
.store-result .table-col .total-num a { color: #2b2b2b; letter-spacing: -1px; }
.offiine-store.default .store-result .table-col td a { color: #8c8a8a;  letter-spacing: -1px; }
.offiine-store.default .choose-area .inr01 { line-height: 28px; width: 60px; }
.offiine-store.default .choose-area .lst02 .inr03 { width: 301px;}
.offiine-store.default .search-box { background: url(../images/common/icon_search_14x14.png) no-repeat 96% center;}
.offiine-store.default .search-box,
.offiine-store.default .search-box input { height: 30px; }
.offiine-store.default .choose-area .inr03 { width: 148px; }
.offiine-store.default .store-lst .operation { font-weight: normal; }

/* 매장찾기 수정 */
.find-header { position: relative; margin-bottom: 30px; width: 100%; height: 30px; }
.top-rt { position: absolute; right: 0; top: -25px; }
.bul-arr-blk { display: inline-block; padding-right: 15px; background: url(../images/common/bullet_arrow_5x10.png) no-repeat right center; font-weight: bold; color: #2b2b2b; }
.find-header > .lt,
.find-header > .rt { overflow: hidden; }
.find-header > .lt { float: left; }
.find-header > .rt { float: right; }
.find-header .label,
.find-header .ip-area { float: left; }
.find-header .ip-area .ip-select + .ip-select { margin-left: 5px; }
.find-header .label { color: #2b2b2b; font-weight: bold; padding-right: 20px; line-height: 30px; }

.store-img { overflow: hidden; text-align: left; }
.store-img img { /*width: 100%;*/ max-width: 100%;}
.find-store-list { margin-top: 60px; }
.store-img + .find-store-list { margin-top: 40px; }
.find-store-list .tit { font-size: 24px; font-weight: bold; color: #2b2b2b; }
.find-store-list > ul {overflow: hidden; }
.find-store-list > ul > li { float: left; width: 25%; margin-top: 40px; }
.find-store-list .info-inner { position: relative; height: 145px; padding-bottom: 20px; box-sizing:border-box; }
.find-store-list .info-inner .name { font-size: 14px; color: #2b2b2b; font-weight: bold; }
.find-store-list .info-inner .address { margin: 8px 20px 0 0; line-height: 17px; }
/*.find-store-list .info-inner .time { margin-top: 20px; }*/
.find-store-list .info-inner .bt-map { position: absolute; left: 0; bottom:0; width: 100%; }
.find-store-list .info-inner .bt-map a { display: inline-block; border-bottom: 1px solid #f88017; color: #f88017; }

/* 셀렉트박스 UI */
.select-box-wrap { height: 30px; width: 100%; }
.select-box-wrap > li { float: left; height: 30px; margin-left: 20px; }
.select-box-wrap > li:first-child { margin-left: 0; }
.select-box-wrap .eval-item,
.select-box-wrap .select-box { float: left; }
.eval-item { display: inline-block; height: 30px; line-height: 30px; padding-right: 10px;}

.select-box { position: relative; height: 30px; border:1px solid #d4d4d4; background: #fff; }
.select-box * {box-sizing:border-box; }
.select-box a { display: block; height: 28px; text-align: left; }
.select-box .select-box-menu { display: none; position: absolute; left: -1px; top:30px; border:1px solid #d4d4d4; min-width: 100%; background: #fff; z-index: 10; box-sizing: content-box; }
.select-box .select-box-menu > li:hover { background: #f8f8f8; }
.select-box .select-box-menu > li a { line-height: 26px; padding: 0 10px; white-space: nowrap; }
.select-box .current-item { position: relative; }
.select-box .current-item:after { position: absolute; right: 0; top: 0;  z-index: 4; content: ""; display: block; width: 28px; height: 28px; background: url(../images/common/btn_down_xs.gif) no-repeat center center;}
.select-box .current-item.on:after { background: url(../images/common/btn_up_xs.gif) no-repeat center center;}
.select-box .current-item a { overflow: hidden; position: relative; width: 100%; z-index: 5; padding-right: 28px; line-height: 26px; padding-left: 10px }
.select-box .current-item.on + .select-box-menu,
.select-box-menu.on { display: block; }
.select-box .current-item.on + div.sel_cnt,
.select-box .current-item.on + div.sel_cnt.on .select-box-menu { display: block; }

.select-box.eval-type { width: 109px; }
.select-box.eval-type a { background: url(../images/common/img_star.png) no-repeat; text-indent: -9999px; }
.select-box.eval-type .lst00 { background-position: 8px 8px; }
.select-box.eval-type .lst01 { background-position: 8px -19px; }
.select-box.eval-type .lst02 { background-position: 8px -46px; }
.select-box.eval-type .lst03 { background-position: 8px -73px; }
.select-box.eval-type .lst04 { background-position: 8px -100px; }
.select-box.eval-type .lst05 { background-position: 8px -127px; }
.select-box.eval-type .select-box-menu { min-width: auto; width: 100%; border-top:none; }

.ip-lyt.ip-type { margin: 0; width: 100%; }
.ip-lyt.ip-type > li > .dsp-tbcell:first-child { width: 65px; vertical-align: middle; padding-top: 0; }

/* 반송 및 교환 절차 영역 */
header + .step-list { border-top: 1px solid #d4d4d4; padding-top: 30px; }
.step-list .dsp-tbcell { width: 25%; padding-left: 40px; vertical-align: top;  }
.step-list .dsp-tbcell em { display: block; margin-bottom: 10px; padding-left: 23px; text-indent: -23px; background: url(../images/common/bul_arr_rt.gif) no-repeat right 2px; font-weight: bold; }
.step-list .dsp-tbcell.last em { background: none; }
.step-list .dsp-tbcell p { font-size: 11px; color: #8c8a8a; }
.step-list.step6 .dsp-tbcell { width: 16%; padding-left: 20px; }
.step-list.step5 .dsp-tbcell { width: 20%; padding-left: 20px; }
.step-line { background: url(../images/bg/bg_step_line.gif) no-repeat left top; margin-top: 25px; }
.step-line ul { display: table; width: 100%; padding-top: 30px; }
.step-line ul li { display: table-cell; text-align: center; }
.step-line ul .lst01 { width: 406px; }
.step-line ul .lst02 { width: 139px; text-indent: -23px; }
.step-line ul .lst03 { width: 139px; text-indent: -5px; }

/* 공통요소 */
.map-arera { overflow: hidden; width: 100%; height: 370px; }
.ord-date + .ord-num { display: block; }
.ord-num { font-size: 14px; font-weight: bold; }
.td-inr + .td-inr { margin-top: 5px;}
.box-wh .inline-list { padding: 15px 0; }
.inline-list li { display: inline-block; font-size: 14px; }
.inline-list li + li { margin-left: 30px; }
.msg-complete.secession { margin-top: 60px; margin-bottom: 50px; line-height: 34px; color: #2b2b2b; }
.msg-complete.secession + .btn-wrap { margin-top: 0; }
.my-wrap .section header + .search-day-wrap { margin-top: 0; }
.txt-inr { line-height: 18px; }
.privacy-list { margin-top: 15px; }
.privacy-list > ul > li { width: 250px; margin-left: 15px; }
.privacy-list > ul > li:first-child { margin-left: 0; }
.privacy-list  .list-inner { padding: 20px 0; background: #f0f0f0; text-align: center; box-sizing:border-box; min-height: 148px; }
.privacy-list  .list-inner .top { color: #2b2b2b; font-weight: bold; }
.privacy-list  .list-inner .mid { margin-top: 10px; color: #8c8a8a; }
.privacy-list  .list-inner .bot { margin-top: 15px; }
.privacy-list  .list-inner .bot .btn { width: 167px; }
.sub-tit { font-size: 14px; font-weight: bold; margin-top: 20px; }
.int-tit { display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.locate { position: absolute; left: -9999px; }

/* SNS 공통 버튼 영역 */
.sns-area .follow-link .inner:after {display: block; content: ""; clear: both;}
.sns-area .follow-link strong {float: left; margin-right: 35px; padding-left: 6px; line-height: 22px; font-family: ssr, SweetSansRegular,'Sweet SweetSans Regular', 'Sweet-SweetSans-Regular', Dotum, AppleGothic, sans-serif;}
.sns-area .follow-link ul {float: left;}
.sns-area .follow-link li {display: inline; float: left; margin-left: 24px;}
.sns-area .follow-link li:first-child {margin-left: 0;}
.sns-area .follow-link li a {display: block; width: 22px; height: 22px; text-indent: -999em; *font-size: 0; *line-height: 0;}
.sns-area .follow-link li a.icon-insta {background: url(../images/common/icon_instagram_22x22.png) no-repeat 0 100%;}
.sns-area .follow-link li a.icon-facebook {background: url(../images/common/icon_facebook_22x22.png) no-repeat 0 100%;}
.sns-area .follow-link li a.icon-pinsta {background: url(../images/common/icon_pinsta_22x22.png) no-repeat 0 100%;}
.sns-area .follow-link li a.icon-twitter {background: url(../images/common/icon_twitter_22x22.png) no-repeat 0 100%;}
.sns-area .follow-link li a.icon-youtube {background: url(../images/common/icon_utube_22x22.png) no-repeat 0 100%;}
.sns-area .follow-link li a.icon-kakao {background: url(../images/common/icon_kakao_22x22.png) no-repeat 0 100%;}
.sns-area .follow-link li a.icon-insta:hover,
.sns-area .follow-link li a.icon-facebook:hover,
.sns-area .follow-link li a.icon-pinsta:hover,
.sns-area .follow-link li a.icon-twitter:hover,
.sns-area .follow-link li a.icon-youtube:hover,
.sns-area .follow-link li a.icon-kakao:hover,
.sns-area .follow-link li a.icon-insta.on,
.sns-area .follow-link li a.icon-facebook.on,
.sns-area .follow-link li a.icon-pinsta.on,
.sns-area .follow-link li a.icon-twitter.on,
.sns-area .follow-link li a.icon-youtube.on,
.sns-area .follow-link li a.icon-kakao.on {background-position: 0 0;}

/* 공통 스크롤 탑 버튼 */
.scroll-up { display: none; position: fixed;  bottom:100px; right: 50%; z-index: 51; margin-right: -570px;}
.scroll-up a { display: block; width: 54px; height: 54px; background: url(../images/common/back_top.png) no-repeat left top; text-indent: -9999px; }

/* 고객센터 LNB Box 추가 */
.lnb-info {margin-top: 60px; }
.lnb-info p { color: #2b2b2b; margin-bottom: 10px; font-weight: bold; padding-top: 20px; border-top: 1px solid #d4d4d4 }
.lnb-info li { padding-left: 7px; margin-top: 5px; background: url(../images/common/bullet_line_2x2.gif) no-repeat left 7px; }
.lnb-info li:first-child { margin-top: 0; }
.lnb-info li span { margin-top: 5px; display: inline-block; }

/* 국가별 SHOP */
.shop-wrap { overflow: hidden; padding: 30px 0; border:1px solid #d4d4d4; margin-top: -20px; }
.shop-wrap .lst {  float: left; width: 33.3%; padding: 0 30px; box-sizing:border-box; border-left: 1px solid #d4d4d4; margin-bottom: 30px; }
.shop-wrap .lst:first-child { border-left:none; }
.shop-wrap .lst dt { font-size: 14px; margin-bottom: 20px; font-weight: bold; }
.shop-wrap .lst dl + dl { margin-top: 50px; padding-top: 50px; border-top: 1px solid #d4d4d4; }
.shop-wrap .lst li { margin-top: 10px; height: 19px; padding-left: 40px; background: url(../images/bg/bg_country.gif) no-repeat;   }
.shop-wrap .lst li:first-child { margin-top: 0; }
.shop-wrap .lst li a { display: block; height: 19px; }
.shop-wrap .lst dd .lst01 { background-position: 0 0; }
.shop-wrap .lst dd .lst02 { background-position: 0 -31px; }
.shop-wrap .lst dd .lst03 { background-position: 0 -62px; }
.shop-wrap .lst dd .lst04 { background-position: 0 -93px; }
.shop-wrap .lst dd .lst05 { background-position: 0 -124px; }
.shop-wrap .lst dd .lst06 { background-position: 0 -155px; }
.shop-wrap .lst dd .lst07 { background-position: 0 -186px; }
.shop-wrap .lst dd .lst08 { background-position: 0 -217px; }
.shop-wrap .lst dd .lst09 { background-position: 0 -248px; }
.shop-wrap .lst dd .lst10 { background-position: 0 -282px; }
.shop-wrap .lst dd .lst11 { background-position: 0 -313px; }
.shop-wrap .lst dd .lst12 { background-position: 0 -344px; }
.shop-wrap .lst dd .lst13 { background-position: 0 -375px; }
.shop-wrap .lst dd .lst14 { background-position: 0 -406px; }
.shop-wrap .lst dd .lst15 { background-position: 0 -437px; }
.shop-wrap .lst dd .lst16 { background-position: 0 -468px; }
.shop-wrap .lst dd .lst17 { background-position: 0 -499px; }
.shop-wrap .lst dd .lst18 { background-position: 0 -530px; }
.shop-wrap .lst dd .lst19 { background-position: 0 -561px; }
.shop-wrap .lst dd .lst20 { background-position: 0 -592px; }
.shop-wrap .lst dd .lst21 { background-position: 0 -623px; }
.shop-wrap .lst dd .lst22 { background-position: 0 -654px; }
.shop-wrap .lst dd .lst23 { background-position: 0 -685px; }
.shop-wrap .lst dd .lst24 { background-position: 0 -716px; }
.shop-wrap .lst dd .lst25 { background-position: 0 -747px; }
.shop-wrap .lst dd .lst26 { background-position: 0 -778px; }
.shop-wrap .lst dd .lst27 { background-position: 0 -809px; }
.shop-wrap .lst dd .lst28 { background-position: 0 -840px; }
.shop-wrap .lst dd .lst29 { background-position: 0 -871px; }
.shop-wrap .lst dd .lst30 { background-position: 0 -902px; }
.shop-wrap .lst dd .lst31 { background-position: 0 -933px; }
.shop-wrap .lst dd .lst32 { background-position: 0 -964px; }
.shop-wrap .lst dd .lst33 { background-position: 0 -995px; }
.shop-wrap .lst dd .lst34 { background-position: 0 -1026px; }
.shop-wrap .lst dd .lst35 { background-position: 0 -1057px; }
.shop-wrap .lst dd .lst36 { background-position: 0 -1088px; }
.shop-wrap .lst dd .lst37 { background-position: 0 -1119px; }
.shop-wrap .lst dd .lst38 { background-position: 0 -1150px; }
.shop-wrap .lst dd .lst39 { background-position: 0 -1181px; }
.shop-wrap .lst dd .lst40 { background-position: 0 -1212px; }
.shop-wrap .lst dd .lst41 { background-position: 0 -1243px; }
.shop-wrap .lst dd .lst42 { background-position: 0 -1274px; }
.shop-wrap .lst dd .lst43 { background-position: 0 -1305px; }
.shop-wrap .lst dd .lst44 { background-position: 0 -1336px; }
.shop-wrap .lst dd .lst45 { background-position: 0 -1367px; }
.shop-wrap .lst dd .lst46 { background-position: 0 -1398px; }
.shop-wrap .lst dd .lst47 { background-position: 0 -1429px; }
.shop-wrap .lst dd .lst48 { background-position: 0 -1460px; }
.shop-wrap .lst dd .lst49 { background-position: 0 -1491px; }
.shop-wrap .lst dd .lst50 { background-position: 0 -1522px; }
.shop-wrap .lst dd .lst51 { background: url(../images/bg/korea.png) no-repeat 0 0; }/* 160817 한국 추가 */
.shop-wrap .bottom { width: 964px; margin: 0 auto; clear: both;  border-top: 1px solid #d4d4d4; padding:30px 0 0 0;}
.shop-wrap .bottom p { }
.shop-wrap .bottom p a { font-size: 14px; font-weight: bold;  }

/* 공통 UI */
.ui-drop-area { position: relative; display: inline-block}
.ui-drop-area .ui-drop-panel { display: none; position: absolute; left: 0; top: 29px; width: 100%; overflow-y: auto; max-height: 200px; background: #fff; box-sizing:border-box; border:1px solid #d4d4d4; padding:5px 10px; z-index: 10; }
.ui-drop-area.on .ui-drop-panel { display: block; }
.ui-drop-area .ui-drop-panel > ul > li a { display: block; padding: 5px 0; }
.ui-drop-area .ui-drop-panel .rel-id { color: #f88017; }

/* 윈도우 팝업 레이아웃 */
.pop-wrap { width: 100%; max-height: 100%; overflow-y: auto; border:1px solid #d4d4d4; box-sizing:border-box; }
.pop-wrap header { position: relative; background: #fbf7f2;
	height: 58px;
	text-align: center;
	color: #2b2b2b;
	line-height: 52px;
}
.pop-wrap header h1 { font-size: 18px; font-weight: bold; }
.pop-wrap header a {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -8px;
	display:block;
	width: 13px;
	height: 13px;
	background: url(../images/common/btn_close.png) no-repeat left top;
	text-indent: -9999px;
}
.pop-inner.paym { width: 500px; margin:0 auto; padding: 30px; }
.pop-inner { padding-bottom: 30px; }

.standardprice { display: inline-block; text-decoration: line-through; vertical-align: middle; }
.salesprice { display: inline-block; color: #e62617;  vertical-align: middle;}
.standardprice + .salesprice { margin-left: 3px; }

.exclusive{color:#0d1158; margin-top:10px; font-size:14px;}

/* 이벤트 & 기획전 */
.event-info { margin-top: -10px; }
.evt-top { position: relative; height: 22px; }
.evt-top .evt-date, .evt-top .sns-lst { position: absolute; }
.evt-top .evt-date { left: 0; top: 2px; font-size: 14px; }
.evt-top .evt-date em { color: #2b2b2b; vertical-align: top; }
.evt-top .evt-date span { position: relative; top:2px; display: inline-block;  vertical-align: top; background: url(../images/bg/bg_dashed_1x8.gif) no-repeat 9px 6px; padding-left: 20px;  }
.evt-top .sns-lst { right: 0; top: 0; }

.evt-title { margin:50px 0 40px 0; text-align: center; }
.evt-title h1 { font-family: ssm; font-size: 30px; color: #002144; }
.evt-title p { margin-top: 20px; font-size: 14px; }

.evt-img { margin-bottom: 20px; text-align: center; }
.evt-img img { max-width: 100%; }
.evt-cate { margin-bottom: 40px; }

.content.td-wrap {  }
iframe { width: 100%; height: 700px;  }


/* MUST-HAVES */
.page-path + .title-top { margin-top: -40px; }
.category-landing + .category-landing { border-top:1px solid #d4d4d4; margin-top: 65px; }
.mh-landing { text-align: center; }
.mh-landing.top-view { border:1px solid #d4d4d4; text-align: center; }
.mh-landing.top-view img { max-width: 100%; }
.mh-landing + .mh-landing { margin-top: 50px; }
.mh-landing img { max-width: 100%; }
.mh-landing .top, .mh-landing .bot { display: block; width: 800px; overflow: hidden; margin:0 auto; text-align: center; }
.mh-landing .top video { max-width: 100%; }

/* watches main */
.group-name * {text-transform: uppercase;}
.group-name {padding: 0 0 30px 0}
.group-name .subname {display: block; letter-spacing: .07em;text-align: center;color: #101c41; font-size: 18px; font-family: "ssm"}
.group-name h1 {font-size: 44px;padding: 0;letter-spacing: .01em;color: #101c41;text-align: center; margin-top: 10px;}
.tab-vs { position: relative; padding-bottom: 50px; border:1px solid #d4d4d4; }
.tab-vs .visual { display: none;  }
.tab-vs .vs-anc.on + .visual { display: block; }
.tab-vs .visual .box-inner { display: table; width: 100%; height: 540px; box-sizing: border-box;}
.tab-vs .visual .img,
.tab-vs .visual .text { display: table-cell; text-align: center; vertical-align: middle; }
.tab-vs  .visual .text .more { display: inline-block; padding-right: 13px; font-size: 16px;
	background: url(../images/common/bullet_arrow_5x10.png) no-repeat 100% 50%; color: #002e5f;}
.tab-vs .visual.watches .img { width: 480px; }
.tab-vs .visual.watches .img img { width: 100%; }
.tab-vs .visual.watches .text .tit { font-size: 20px; color: #002e5f; }
.tab-vs .visual.watches .text .sub-str { margin: 40px 0; font-size: 16px; line-height: 27px; color: #002e5f;}
.tab-vs .visual.videos { text-align: center; }
.tab-vs .visual.details .box-inner {padding: 24px 0 23px; height: 475px}
.tab-vs .visual.details .box-inner .sub-str,
.tab-vs .visual.details .box-inner .img { display: table-cell; width: 33%; text-align: center; vertical-align: middle; }
.tab-vs .visual.details .sub-str {font-size: 16px; line-height: 20px; color: #002e5f;}
.details-copy {width: 80%; margin: 0 auto 13%;}
.tab-vs .visual.details .tit {width: 100%; padding: 30px 0 11px; font-size: 20px; color: #002144;  text-align: center;}
.tab-vs .vs-anc { position: absolute; bottom: 0; width: 33%; background: #fbf7f2; }
.tab-vs .vs-anc.anc02 { width: 34%; }
.tab-vs .vs-anc a { display: block; height: 50px; text-align: center; line-height: 50px; color: #002144; font-size: 14px; }
.tab-vs .vs-anc.on a { background: url(../images/common/bul_arr_up.png) no-repeat center bottom; }
.tab-vs .anc01 { left: 0; }
.tab-vs .anc02 { left: 33%; }
.tab-vs .anc03 { right: 0; }
.visual.prd-caption { width: 835px; margin:0 auto; }
.visual.prd-caption .img { width: 383px; overflow: hidden; text-align: center; }
.visual.prd-caption .img a { display: block; }
.visual.prd-caption .img img { max-width: 100%; }
.visual.prd-caption .text { width: 452px; height: 438px !important; color: #002e5f;}
.visual.prd-caption .text h2 { font-size: 20px; }
.visual.prd-caption .text p { font-size: 16px; }
.product-list.dsp-ib { width: 100%; text-align: center; }
.product-list.dsp-ib > ul { display: inline-block; }


.dialog.atta-layers,
.dialog.atta-layers .pop-inner { padding: 0; }

/* Modal Layer */
.md-layer { display: none;  position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 9999; box-shadow: 1px 1px 3px 1px rgba(85,85,85,.33); }
/* #171157 */
.md-layer.dialog_ui .btn-close a { background: url(../images/common/uiDialogClose.png) no-repeat center center; }
/* //#171157 */
.md-layer.on {display: table;}
.md-layer form { max-height: 100%; }
/* #171157 */
.md-layer .layer-wrap { position: relative; display: table-cell; text-align: center; vertical-align: middle; padding: 0 15px; height: 100%; }
/* //#171157 */
.md-layer .layer-header { width: 100%; border-bottom: 1px solid #d4d4d4; z-index: 10; }
.md-layer .header-inner { position: relative; height: 45px; background: #fbf7f2; }
.md-layer .layer-header h1 { height: 45px; text-align: center; font-size: 14px; font-weight: bold; line-height: 43px;  }
.md-layer .btn-close { position: absolute; right: 0; top: 0; z-index: 1; }
/* #171157 */
.md-layer.notice .btn-close { display:none; }
.md-layer .btn-close a { display: block; width:60px; height: 60px; background: #ddd; background: url(../images/common/btn_close.png) no-repeat center center; background-size: 16px; text-indent: -999em; }
.md-layer .layer-inner { position: relative; display: inline-block; min-width: 200px; z-index: 300; /*border:1px solid #d4d4d4; */}
/* //#171157 */
.md-layer .layer-content { background: #fff; }
.md-layer  .content-inner { /*padding: 15px;*/ }
.md-shadow { position: fixed; left:0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; opacity: 0.6; filter: Alpha(Opacity=60); z-index: 299; }

.promotion-area { text-align: left; width: 495px; padding: 0 40px; box-sizing:border-box;     box-shadow: 1px 1px 3px 1px rgba(85,85,85,.33); }
.promotion-area .pm-tit1 { color: #0a233f; font-size: 19px; font-family: "ssm" }
.promotion-area .pm-tit2 { color: #0a233f; font-size: 40px; font-family: "ssm" }
.promotion-area .info-msg {color: #0a233f;  margin-top: 10px; font-size: 14px; }
.promotion-area .info-msg em { color: #f88071; }
.promotion-area .info-code { margin-top: 34px; font-size: 20px; font-family: "ssm" }
.promotion-area .info-code em { color: #0a233f;}
.promotion-area .info-code span { color: #f88017; }
.promotion-area .top-box { text-align: center; padding: 40px 0 40px 0;}
.promotion-area .bot-box { border-top: 1px solid #e1e1e1; padding: 24px 0 45px 0; }
.promotion-area .bul-dot-xs li { color: #8c8a8a; margin-top: 5px; line-height: 17px; background-position: 0 9px; letter-spacing: -0.5px; word-break: keep-all; }
.promotion-area .bul-dot-xs li:first-child { margin-top: 0; }
.promotion-area .bul-dot-xs li img {margin-top: -3px;}

/* 공지사항 레이어팝업 */
.md-layer.dialog_ui.notice .btn-close { right: 3px; top: 3px; }
.md-layer.dialog_ui.notice .btn-close a { width:30px; height: 30px; }
.pop-cnt { padding: 20px 10px 10px 10px; min-width: 300px; border:1px solid #d4d4d4;}
.pop-mid { margin-top: 10px; text-align: center; }
.pop-mid img {  }
.pop-bottom { overflow: hidden; border-top:1px solid #d4d4d4; padding-top: 10px; margin-top: 20px; }
.pop-bottom .btn { float: right; }
.pop-bottom label { float: left; margin-top: 5px }

/* 공통 모달레이어 */
.md-layer.default .layer-header { background: #fbf7f2; }
.md-layer.default .layer-header h1 { height: 60px; font-size: 18px; line-height: 59px; }
.md-layer.default .layer-inner {border: 1px solid #d4d4d4;}
.layer-cnt { padding: 30px; }
.md-layer.default .tbl-partner { overflow-y: auto; max-height: 500px; width: 400px; }
.md-layer.default .tbl-partner .tbl-default { border:1px solid #d4d4d4; border-top:none; width: 100%; }
.md-layer.default .tbl-partner .tbl-default tbody td { border-left: 1px solid #d4d4d4; }
.md-layer.default .tbl-partner .tbl-default thead th:first-child,
.md-layer.default .tbl-partner .tbl-default tbody td:first-child { width: 15%; }
.md-layer.default .lst-more { display: none; }







/* IE10, IE11 Hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	.global-find-menu {float: left;padding: 8px 0 0 30px;}

	.btn:visited, .btn:link, .btn { line-height: 41px; }
	.btn-add.btn, .btn-search.btn { line-height: 29px; }
	.btn.btn-small { line-height: 21px; }
	/*.btn.btn-small + .btn.btn-small { line-height: 18px; }*/
	.btn.btn-small01 { line-height: 28px; }
	.btn.btn-small01 + .btn.btn-small01 { line-height: 25px; }
	.btn.btn-quick { line-height: 36px; }
	.result-wrap.type01 .data-cell .btn-area .btn,
	.btn-area .btn.btn-small01 { line-height: 25px; }
	.btn-wrap.list-bottom .btn { line-height: 37px; }
	.btn-wrap.list-bottom .btn + .btn { line-height: 41px;}
	.btn-wrap.list-bottom .btn.btn-small01 { line-height: 30px; }
	.btn-wrap.list-bottom.sm .btn.btn-small { line-height: 17px; }
	.result-wrap.type01 .data-cell .btn-area .btn + .btn,
	.btn-wrap.list-bottom .btn.btn-small01 + .btn.btn-small01 { line-height: 28px; }
	.err-wrap .btn-wrap .btn.btn-long { line-height: 35px; }
	#footer .company-info .service .btn { line-height: 17px; }
	.qna-table td .btn-wrap .btn-small { line-height: 21px; }
	.btn-area.par .btn.btn-small01.btn-color02 { line-height: 28px; }

	.pop-wrap .btn-wrap .btn { line-height: 36px; }

	.input-header .lt .tit { height: 30px; line-height: 30px; }
	.ip-radio > span { vertical-align: middle; }
	.parb .btn { line-height: 26px; }

	.star {top:-4px;}

	/* 상세화면 */
	.product-view .view-info dl.info dd { top: -1px; }
	.product-view .view-info .info .btn.btn-small { line-height: 17px; }
	.product-view .view-info dl.info dd em { top: 2px; }
	.product-view .view-info dl.info dd select { top: -3px; }
	.product-view .view-info .btn-wrap .btn { line-height: 34px; }
	.evt-info span {padding: 4px 10px; }

	/* 제품 목록 */
	.mov-area .mov-inner video { width: 217px; }
	.mov-area .mov-inner { overflow: hidden; height: 289px; margin-bottom: 21px; }
	.quick-view .product-view .view { overflow: hidden; height: 513px;}
	[aria-describedby='dialog-preview'].ui-dialog .product-view video { height: 514px !important; }

	.page-path a, .page-path strong {
		background: url(../images/common/bullet_pageline_5x11.png) no-repeat 2px 1px;}
}






body.guillotine-dragging, body.guillotine-dragging * {
	cursor: move !important;
	cursor: -webkit-grabbing !important;
	cursor:    -moz-grabbing !important;
	cursor:         grabbing !important;
	cursor: grabbing, move;  /* IE hack */
}

.guillotine-window {
	display: block;
	position: relative;
	overflow: hidden;
	cursor: move;
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	cursor: grab, move;  /* IE hack */
}

.guillotine-canvas {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	-webkit-transition: .5s;
	transition: .5s;
}
body.guillotine-dragging .guillotine-canvas { transition: all 0s; }

.guillotine-canvas > * {
	position: absolute;
	top: 0;
	left: 0;
	/*max-width: 1762px;*/
	max-height: none;
	/*width: 1762px;*/
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.guillotine-sample {
	position: absolute !important;
	top: -100000px     !important;
	left: -100000px    !important;
	width: auto        !important;
	height: auto       !important;
}


.preview .guillotine-canvas > * { /*width: 1762px;*/ }
/*.preview .product-view .view .img-inner .guillotine-canvas.current.max { width: 1762px; }*/

/*160822 메일수신거부 */
.err-wrap.refusal{background:url(../images/common/icon_mail) no-repeat 50% 0;}
.err-wrap.refusal .msg-error{padding-top:135px;}

/*160907 메인 비디오 영역 추가 */
.main_video{width:1024px; height:576px; margin-top:30px;}

/* 161024 카카오톡 아이콘 추가 */
.product-view .view-info dl.info2 dd .sns li a.cacao {width:20px; height:18px; background:url(../images/common/kakao_small) no-repeat 0 0;}
.product-view .view-info dl.info2 dd .sns li a:hover.cacao {background-position: 0 -18px;}


/* Gifts Contents */
.gifts-full-banner {width:1366px; height:200px; margin-left:-171px;}
.gifts-full-banner img {width:1366px; height:200px;}

.gifts-bottom-banner {margin-top:0;}
.gifts-bottom-banner img {width:1024px; height:576px;}

.gifts-index-area {position:relative; height:54px; padding-bottom:27px; text-align:center;}
.gifts-index-area .gifts-index {margin:-27px 0 0 125px; z-index:99;}
.gifts-index-area .gifts-index span {float:left; margin:0 10px; width:238px; height:54px; line-height:54px; background:#fafafa; font-size:15px; color:#002144; text-align:center; box-shadow:1px 1px 0 #979797;}
.gifts-index-area .gifts-index span:hover {background:#001244; color:#fff; box-shadow:1px 1px 0 #636363;}

.grid-splash-item.col2.row2 {height:960px !important;}
.grid-splash-item.col2.row2 .gifts-banner div {height:960px !important;}
.grid-splash-item.col2 .gifts-banner video {width:512px;}

.tunicsbottom {width:100%; text-align:center; margin-top:10px;}
.tunicsbottom .cta {font-size:16px; line-height:24px; color:#002144;}
.tunicsbottom .triangle {margin-bottom:0px; margin-left:8px; border-color:transparent transparent transparent #002144; border-width:4.5px 0 4.5px 7.8px; width:0; height:0; border-style:solid; display:inline-block;}

.member-all-chk {margin:2px 0 10px;}
.member-all-chk > p {height:30px; border-bottom:1px solid #e1e1e1; background:url(../images/common/bul_ps.gif) no-repeat right 5px; cursor:pointer;}
.member-all-chk:not(.type2) > p {font-size:15px; color:#555; text-decoration:underline;}
.member-all-chk.on > p { background:url(../images/common/bul_ms.gif) no-repeat right 9px;}
.member-all-chk .member-agree {display:none; margin-bottom:10px; padding:25px 30px 0; max-height:220px; overflow-y:auto; line-height:22px; border:1px solid #e1e1e1; border-top:0;}
.member-all-chk.on .member-agree {display:block;}
.member-all-chk .member-agree p {padding-left:8px; text-indent:-8px;}
.member-all-chk .member-agree ul {margin-top:10px; padding-bottom:25px;}
.member-all-chk .member-agree ul li {padding-left:16px; text-indent:-16px;}
.member-all-chk.type2 {margin:2px 0 0;}
.member-all-chk.type2 > p {padding-top:3px; height:24px; border-bottom:0; background:url(../images/common/bul_ps.gif) no-repeat right 5px; cursor:pointer;}
.member-all-chk.type2 .member-agree {margin-top:10px; border:1px solid #e1e1e1;}

.feature {display:block; color:#0a1251 !important; padding-bottom:3px;}

/*161209 회원가입쿠폰 */
.complete-join-coupon {margin:50px auto; padding:30px auto; width:880px; border:1px solid #ddd;}
.complete-join-coupon img {margin-left:90px; margin-top:40px; float:left;}
.complete-join-coupon div {width:460px; text-align:center; margin:auto; padding:30px;}
.complete-join-coupon .coupon-greet {padding-bottom:10px; font-size:24px; line-height:24px;}
.complete-join-coupon .coupon-title {padding-bottom:20px; font-size:16px;}
.complete-join-coupon ul {text-align:left;}
.complete-join-coupon ul li {height:22px;}


/* #45473 카카오 알림톡 동의 - common.css 추가 */
.alert_type {line-height:24px;}
.msg-ip-alert {display:none;}
.msg-ip-alert.on {display:block;}

.alert_kakao h4 {margin-bottom:10px; font-size:14px; font-weight:bold;}
.alert_kakao p {line-height:22px;}
.alert_kakao img {margin:13px;}
.alert_kakao + .alert_kakao {margin-top:18px; padding-top:25px; border-top:1px solid #e1e1e1;}



/* 161216 GiftGuide기획전 동영상 추가 */
.full-visual {margin-bottom:25px; text-align:center;}
.full-visual img {width:1024px;}
#full-video {width:100%;}

/* #35070 [토리버치] 기획전 new 템플릿 개발 요청 : S */
.gemini .product-filter {margin-top:34px;}
.gemini .product-list .twocolumn-banner {width:512px !important;}
.gemini .product-list .twocolumn-banner img {width:100%;}
.gemini .product-list .twocolumn-banner .caption {margin-top:13px; font-size:14px; line-height:24px; color:#0a223e; font-weight:bold;}

.gemini .banner-list {display:inline-block; padding-bottom:50px;}
.gemini .banner-list ul {margin:60px 0 0 -20px;}
.gemini .banner-list ul li {float:left; width:241px; height:374px; margin-left:20px; margin-bottom:20px;}
.gemini .banner-list .twocolumn-banner {width:502px !important;}
.gemini .banner-list img {width:100%;}

.gemini .ingridlast {text-align:center;}
.gemini .ingridlast a div {margin:0 30px; height:342px; background:#fbf6f2;}
.gemini .ingridlast a div p {padding-top:125px; font-size:14px; color:#022147; font-weight:bold; line-height:20px;}
.gemini .ingridlast a div u {margin-top:40px; display:block; font-size:12px;}

.gemini .tunicsbottom .cta {clear:both; margin-top:30px;}
.gemini .inview-container {text-align:center; width:686px ; margin:0 auto;}
.gemini video {width: 100%;}

.gemini .twocolumn-banner {position:relative;}
.gemini .twocolumn-banner .video-play {position:absolute; width:100%; height:100%; z-index:20; background:url(../images/common/play-white) center center no-repeat; cursor:pointer;}

.gemini .overlay-btns {position:absolute; margin-top:-100px; width:100%;}
.gemini .overlay-btns-inner {width:416px; margin:0 auto;}
.gemini .tunics-btn {float:left; margin:0 10px; font-size:18px; text-align:center; line-height:45px; padding-bottom:3px; color:#fff; width:186px; border: 1px solid #fff;}
.gemini .tunics-btn:hover, .gemini .tunics-btn.active {color:#fff; background-color:rgba(255,255,255,0.4);}
.gemini .tunics-btn .triangle, .tunics-btn:hover .triangle {border-color:transparent transparent transparent #fff;}
.gemini .tunics-btn .triangle-down {border-color:#fff transparent transparent}
.gemini .tunics-btn .triangle {border-width: 4.5px 0 4.5px 7.8px;}
.gemini .tunics-btn .triangle-down {border-width:7.8px 4.5px 0;}
.gemini .tunics-btn .triangle, .tunics-btn .triangle-down {width:0; height:0; border-style:solid; display:inline-block; margin-left:10px; margin-bottom:2px;}
/* #35070 [토리버치] 기획전 new 템플릿 개발 요청 : E */
.file-link {margin-right:20px; display:inline-block;}


/* 46749 14세 미만 인증팝업 추가 */
#dialog-sr46749 {width:540px !important;}
#dialog-sr46749 .pop-inner {margin:auto; width:500px;}
#dialog-sr46749 h1 {font-size:16px; line-height:16px; color:#f88216; font-weight:bold; text-align:center;}
#dialog-sr46749 .headline {padding:15px 0 30px; margin-bottom:35px; text-align:center; font-size:12px; line-height:20px; color:#555; border-bottom:1px solid #e1e1e1;}
#dialog-sr46749 .center {font-size:14px; line-height:20px; color:#555;}
#dialog-sr46749 .orange {color:#f88216;}
#dialog-sr46749 .gray {color:#555;}
#dialog-sr46749 .dot_list {text-align:left; padding-top:30px; font-size:12px; border-top:1px solid #e1e1e1;}
#dialog-sr46749 .btn-wrap {margin:30px 0 40px;}
#dialog-sr46749 .mar_tb25 {margin:25px 0 5px;}
#dialog-sr46749 .btn-wrap .btn {width:308px; height:40px; font-size:14px !important; color:#8c8a8a; line-height:38px;}
#dialog-sr46749 .btn-wrap .btn.color01 {width:150px; color:#fff; background:#f88216; border:0;}
#dialog-sr46749 .btn-wrap .btn.color02 {width:180px; color:#fff; background:#555; border:0;}

/* #51256 회원가입 개인정보수집동의 페이지 */
.terms .zoom120,
.terms .zoom120 p,
.terms .zoom120 li,
.terms .zoom120 th,
.terms .zoom120 td,
.terms .zoom120 h3 {line-height:22px !important; font-size:14px !important; font-weight:bold;}
.terms .zoom120 dt {margin:20px 0; color:#2b2b2b; font-size:20px; font-weight:bold;}

/* #40447 온라인 회원가입 프로세스 변경 */
.select_sign {margin:0 auto; height:206px;}
.select_sign > div {float:left; width:50%; height:206px; text-align:center;}
.select_sign > div + div {border-left:1px solid #ddd; box-sizing:border-box;}
.select_sign > div h3 {margin-top:30px; line-height:34px; color:#2b2b2b; font-size:24px;}
.benefit_wrap {margin-top:60px; height:322px; background:url(../images/common/ico_plus.gif) #f0f0f0 center center no-repeat;}
.benefit_wrap > div {float:left; width:50%; height:322px; text-align:center;}
.benefit_wrap > div h3 {margin-top:42px; line-height:30px; color:#2b2b2b; font-size:20px; font-weight:bold;}
.benefit_wrap > div p {margin-top:34px; line-height:18px; color:#f88017; font-size:20px; font-weight:bold;}
.benefit_wrap > div ul {margin:30px 50px 0; text-align:left;}
.benefit_wrap > div ul li {padding-left:11px; text-indent:-11px; line-height:18px;}
.benefit_wrap > div ul li:before {content:"· ";}
.benefit_wrap > div ul li + li {margin-top:5px;}

.join-wrap.unite_member h3 {margin:-25px 0 55px; text-align:center; color:#2b2b2b; font-size:16px; font-weight:bold;}
.join-wrap.unite_member .table-area .tbl-default + .tbl-default {margin-top:25px;}
.join-wrap.unite_member .certify-area h4, .join-wrap.unite_member .table-area h4 {margin:30px 0 15px; color:#2b2b2b; font-size:14px; font-weight:bold;}
.join-wrap.unite_member .certify-area .btn-wrap {margin:0; padding:20px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.join-wrap.unite_member .msg-ip a {color:#f88017; text-decoration:underline}
.join-wrap.unite_member .input_wrap {position:relative; width:400px;}
.join-wrap.unite_member .input_wrap input {width:100%;}

.join-wrap.unite_member .msg-com01 {margin-bottom:0; line-height:34px; color:#2b2b2b; font-weight:bold;}
.join-wrap.unite_member .msg-com02 {margin-top:40px; margin-bottom:0; line-height:20px; color:#555; font-size:14px;}
.join-wrap.unite_member .msg-com03 {line-height:18px;}
.join-wrap.unite_member .complete-join .btn-wrap {margin-top:50px;}
.join-wrap.unite_member .complete-join .box-grey {margin-top:50px;}
.join-wrap.unite_member .complete-join h4 {margin-bottom:20px; color:#2b2b2b; font-size:16px; font-weight:bold;}
.join-wrap.unite_member .complete-join .box-top-line {margin-top:50px; padding-top:46px; border-top:1px solid #d4d4d4;}
.join-wrap.unite_member .complete-join .box-top-line .msg-com02 {margin-top:0;}
.join-wrap.unite_member .complete-join .complete-join-coupon {font-size:12px;}

.input_wrap {display:inline-block; position:relative; margin-right:10px;}
.input_wrap input {width:100%;}
.input_wrap .show_pass {position:absolute; top:4px; right:8px; width:22px; height:22px; background:url(../images/common/ico_show_pass.png) no-repeat #fff center top; line-height:30px; cursor:pointer; z-index:9999;}
.input_wrap .input_del {display:none; position:absolute; top:5px; right:8px; width:19px; height:22px; background:url(../images/common/ico_input_del.png) no-repeat #fff center center; line-height:30px; cursor:pointer; z-index:9999;}
.input_wrap .show_pass + .input_del {right:30px;}

ul.notice li {line-height:18px; padding-left:11px; text-indent:-11px;}
ul.notice li:before {content:"· ";}

/* #55007 비회원 약관수집동의 페이지*/
.privacy-topics .zoom120,
.privacy-topics .zoom120 p,
.privacy-topics .zoom120 li,
.privacy-topics .zoom120 th,
.privacy-topics .zoom120 td,
.privacy-topics .zoom120 h3 {line-height:22px !important; font-size:14px !important; font-weight:bold;}
.privacy-topics .zoom120 dt {margin:20px 0; color:#2b2b2b; font-size:20px; font-weight:bold;}


/* #55785 common.css 회원가입 약관동의 레이어 추가 */
.remote {color:#555 !important;}
.remote.on {color:#f88017 !important;}
.remote_wrap {display:none; margin-top:20px; }
.remote_wrap .scroll-area {height:270px;}

.member-all-chk.type2 {margin:2px 0 0;}
.member-all-chk.type2 > p {padding-top:3px; height:24px; border-bottom:0; background:url(../images/common/bul_ps.gif) no-repeat right 5px; cursor:pointer;}
.member-all-chk.type2 .member-agree {margin-top:10px; border:1px solid #e1e1e1;}

.join-wrap.unite_member h3 {margin:0 0 25px; text-align:center; color:#2b2b2b; font-size:16px; font-weight:bold;}
.terms .agreeContents {margin-bottom:30px;}
.terms .agreeContents li {line-height:22px;}
.terms .agreeContents table {margin-top:20px;}
.terms .agreeContents th, .terms .agreeContents td {text-indent:0; text-align:center; padding:10px 0; border:1px solid #e5e5e5;}

/* #56758: ssfshop/토리/톰 멤버십 안내 페이지 문구 추가 및 수정 common.css 추가 */
.membership-wrap .section > ul {margin-top: 3px;}
.membership-wrap .member-info:first-child {margin-top: 0; padding-top: 0; border-top: 0 none;}
.membership-wrap .member-info {margin-top:50px; border-top: 1px solid #d4d4d4;}
.membership-wrap .member-info h2.title {font-size: 16px; font-weight:bold; color:#2b2b2b;}
.membership-wrap .member-info p.top-text {margin-top: 15px; font-size:14px; line-height:26px; color:#2b2b2b;}
.membership-wrap .member-info .benefit {margin-top: 45px;}
.membership-wrap .member-info .benefit h3.title {margin-bottom: 3px; font-size: 14px; font-weight:bold; color:#2b2b2b;}
.membership-wrap li {}
.membership-wrap li .bullet-dot {padding: 5px 0 5px 10px;}

.benefit {line-height:22px;}
.benefit .benefit_detail {margin-top:10px;}
.benefit .benefit_detail th {padding:15px; line-height:22px; border-bottom:1px solid #e1e1e1; border-top:1px solid #c0c0c0; text-align:center;}
.benefit .benefit_detail td {padding:11px; line-height:22px; text-align:center; border-bottom:1px solid #e1e1e1;}
.benefit .benefit_detail_info {margin-top:15px;}

.benefit .benefit_detail2 {margin-top:50px;}
.benefit .benefit_detail2 th {padding:11px; line-height:22px; border-bottom:1px solid #e1e1e1; border-top:1px solid #c0c0c0; text-align:center;}
.benefit .benefit_detail2 td {padding:11px; line-height:22px; border-bottom:1px solid #e1e1e1; vertical-align:top;}
.benefit .benefit_detail2 .innner {margin:5px; text-align:left; vertical-align:top:}
.benefit .benefit_detail2 .innner ul {margin-bottom:0;}
.benefit .benefit_detail2 .innner ul li {padding-left:10px; background:url(../images/common/bullet_dot_2x2.gif) no-repeat 0 7px;}
.benefit .benefit_detail2 .innner ul li.bg_none {padding-left:0px; background:none;}
.benefit .benefit_detail2 .innner ul li span {display:block;}
.benefit .benefit_detail2 .innner ul li em {display:block; color:#8c8a8a;}
.benefit .benefit_detail2 .innner table {color:#555; line-height:20px;}
.benefit .benefit_detail2 .innner table tr:last-child td {border:0;}


/* 상품상세 썸네일 슬라이더 5개처리 */
.product-view-wrap .product-view .view-pager .bx-wrapper .bx-viewport {height:550px !important;}
.product-view-wrap .product-view .view-pager .bx-wrapper .bx-controls-direction .bx-next {top:580px !important;}

/* 썸네일 간격생성 */
.product-list ul.list04 li .thumb-img img {padding:0 5px; width:246px;}
.product-list ul.list04 li .mov-area .btn-play { position:absolute; right:4px; top:259px;}
.product-list ul.list02 li .thumb-img img {padding:0 5px; width:502px;}
.product-list ul.list02 li .mov-area .btn-play { position:absolute; right:4px; top:550px;}


/* #68908: 글로벌 사이트 조정 가이드 : S */
@font-face {
	font-family:"adobe-garamond-pro";
	src:url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
	font-style:italic;font-weight:400;
}

@font-face {
	font-family:"adobe-garamond-pro";
	src:url("https://use.typekit.net/af/2011b6/00000000000000003b9b00c1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/2011b6/00000000000000003b9b00c1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/2011b6/00000000000000003b9b00c1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-style:normal;font-weight:400;
}

.global-wrap {background:#f6f6f8;}
.global-wrap .global-search .my-page > div {background-color:#f6f6f8;}
.global-wrap .global-menu > a {color:#191919; font-family:'ssr'; font-weight:600; font-style:normal; font-size:10px;}
#footer .follow-link {background-color:#f6f6f8;}

.copy_wrap p, .copy_wrap p.ko {
	font-family:'Adobe Garamond Pro', 'serif', ssr, sg, "삼성긴고딕 웹 Light", Dotum, AppleGothic, sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:18px;
	line-height:25px;
	color:#515152;
}

.page-path .home-path,
.page-path a, .page-path strong {
	font-family:'Adobe Garamond Pro', 'serif', ssr, sg, "삼성긴고딕 웹 Light", Dotum, AppleGothic, sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:12px;
	line-height:1.1;
	color:#191919;
}

.full-banner .text,
.full-banner .text h2, .full-banner .text strong {
	font-family:ssr, sg, "삼성긴고딕 웹 Light", Dotum, AppleGothic, sans-serif;
	font-style:normal;
	font-weight:700;
	font-size:20px;
	line-height:25px;
	color:#191919;
}
/* #68908: 글로벌 사이트 조정 가이드 : E */


/* #76293: 사은품 배송 개선 : S */
.freebie-wrap {border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.freebie-wrap table td {padding:10px 15px; width:calc(50% - 30px); height:148px; border-bottom:1px solid #d4d4d4;}
.freebie-wrap table tr:last-child td {border-bottom:0;}
.freebie-wrap table td img {display:inline-block; width:112px; height:148px;}
.freebie-wrap table td .info {display:inline-block; margin-left:20px; width:208px; vertical-align:middle;}
.freebie-wrap table td .info .name {display:block; max-height:36px; line-height:18px; overflow:hidden;}
.freebie-wrap table td .info .txt-quantity {display:block; margin:8px 0; color:#8c8a8a;}
.freebie-wrap table td .info .txt-quantity + a {display:block; margin-top:16px;}
.freebie-wrap + p {padding-top:16px; color:#8c8a8a;}
/* #76293: 사은품 배송 개선 : E */


/* #77636: 상품 Q&A 추가 답변 기능 : S */
.qna-table .answer .box-grey {padding:0 !important;}
.qna-table .answer .box-grey .para-ans {padding:18px 25px 18px 45px; background-position:25px 23px;}
.qna-table .answer .box-grey .para-ans + .para-ans {border-top:1px solid #d4d4d4;}

.qna-table .answer .qna-a div.para-ans {padding:0 0 0 20px; background-position:left 5px;}
.qna-table .answer .qna-a div.para-ans + div.para-ans {margin-top:10px; padding-top:10px; border-top:1px solid #e1e1e1; background-position:left 15px;}
.qna-table .answer .qna-a div.para-ans p {display:table-cell; width:600px;}
.qna-table .answer .qna-a div.para-ans span {display:table-cell; width:132px; vertical-align:middle; text-align:right;}
/* #77636: 상품 Q&A 추가 답변 기능 : E */


/* 토리버치 네비게이션 HTML EDIT : S */
.edit_nav {margin-top:-30px; width:50% !important;}
.edit_nav > div {margin-top:-14px;}
.edit_nav .menu-thumb {margin-top:0 !important;}
.edit_nav li ul + strong {display:block; margin-top:33px;}
/* 토리버치 네비게이션 HTML EDIT : E */


/* GNB 레이아웃 변경 : S */
.global-wrap {position:absolute; top:20px; left:50%; margin-left:-512px; padding-top:6px; width:1024px; height:34px; background:none !important; z-index:600;}
.global-wrap .global-find-menu, .global-wrap .global-search .my-page > a {font-size:12px;}
.global-wrap .global-search {margin-right:0 !important;}
.global-wrap .global-search .total-search input {padding:4px 25px 4px 4px !important; width:150px; border:1px solid #d4d4d4;}
.global-wrap .global-search .total-search .top-sch {display:inline-block; margin-left:-27px; width:23px; height:24px; vertical-align:middle; text-indent:-999em; background: url(../images/common/search_dark.png) no-repeat 50% 50%;}
.global-wrap .global-search .my-page > div {display:none; position:absolute; top:28px; right:-37px; left:auto; padding:15px 20px; width:100px; z-index:540;}

.header {position:relative;}
.header > .logo {margin-top:3px; height:55px;}
.header > .logo > a {display:inline-block; position:absolute; width:175px; left:50%; margin-left:-88px; z-index:601;}
/* GNB 레이아웃 변경 : E */



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

.member-info .txt-center {text-align:center !important;}
.member-info .txt-left {text-align:left !important;}

.mem-class {font-size:0;}
.mem-class .coin {display:inline-block; width:121px; height:121px; line-height:121px; text-align:center; color:#fff; font-size:18px; border-radius:50%; font-weight:600;}
.mem-class .badge {display:inline-block; padding:0 12px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:13px; border-radius:6px;}
.mem-class .coin.min {width:45px; height:45px; line-height:43px; font-size:20px;}

.mem-class .lv-01 {background:#444;}
.mem-class .lv-02 {background:#111;}
.mem-class .lv-03 {background:linear-gradient(-45deg, #5b1eaa 40%, #903cc1 100%);}
.mem-class .badge.lv-03 {background:linear-gradient(-90deg, #5b1eaa 40%, #903cc1 100%);}
.mem-class .lv-04 {background:linear-gradient(-45deg, #74553c 40%, #b58643 100%);}
.mem-class .badge.lv-04 {background:linear-gradient(-90deg, #74553c 40%, #b58643 100%);}
.mem-class .lv-05 {background:linear-gradient(-45deg, #acacac 40%, #d5d5d5 100%);}
.mem-class .badge.lv-05 {background:linear-gradient(-90deg, #acacac 40%, #d5d5d5 100%);}
.mem-class .lv-06 {background:linear-gradient(-45deg, #c08837 40%, #e1be61 100%);}
.mem-class .badge.lv-06 {background:linear-gradient(-90deg, #c08837 40%, #e1be61 100%);}
.mem-class .lv-07 {background:linear-gradient(-45deg, #000380 40%, #874af7 100%);}
.mem-class .badge.lv-07 {background:linear-gradient(-90deg, #000380 40%, #874af7 100%);}
.mem-class .lv-08 {background:linear-gradient(-45deg, #7a47ec 40%, #57eaef 100%);}
.mem-class .badge.lv-08 {background:linear-gradient(-90deg, #7a47ec 40%, #57eaef 100%);}
.mem-class .lv-01:after {content:'SSF 멤버';}
.mem-class .lv-02:after {content:'WELCOME';}
.mem-class .lv-03:after {content:'FAMILY';}
.mem-class .lv-04:after {content:'BRONZE';}
.mem-class .lv-05:after {content:'SILVER';}
.mem-class .lv-06:after {content:'GOLD';}
.mem-class .lv-07:after {content:'PLATINUM';}
.mem-class .lv-08:after {content:'DIAMOND';}
.mem-class .min.lv-03:after {content:'F';}
.mem-class .min.lv-04:after {content:'B';}
.mem-class .min.lv-05:after {content:'S';}
.mem-class .min.lv-06:after {content:'G';}
.mem-class .min.lv-07:after {content:'P';}
.mem-class .min.lv-08:after {content:'D';}

.member-info .membership {margin-bottom:57px; padding:50px 0;}
.member-info .membership .mem-class {width:460px;}
.member-info .membership .mem-class .coin {vertical-align:top;}
.member-info .membership .mem-profile {display:inline-block; margin-left:30px;}
.member-info .membership h2 {color:#111; line-height:32px; font-size:32px;}
.member-info .membership h2 > a {padding-right:26px; background:url(../images/common/photo_alburm_next.png) no-repeat right center; background-size:10px;}
.member-info .membership h2 > small {display:block; margin-top:10px; color:#8c8a8a; line-height:18px; font-size:18px;}
.member-info .membership .mem-grade {margin-top:20px; font-size:16px;}
.member-info .membership .mem-grade .tip {line-height:20px;}
.member-info .membership .mem-grade .speech {display:none; position:absolute; margin-top:-8px; margin-left:90px;}
.member-info .membership .mem-grade .tip:hover + .speech,
.member-info .membership .mem-grade .speech:hover {display:block;}
.member-info .membership .mem-grade .speech .bulloon {position:relative; margin-top:15px; padding:16px 20px; line-height:22px; font-size:14px; background:#f7eeff; border:1px solid #f0e5fa;}
.member-info .membership .mem-grade .speech .bulloon em {display:block; margin:10px 0; color:#8c8a8a; font-size:13px;}
.member-info .membership .mem-grade .speech .bulloon a { font-size:13px;}
.member-info .membership .mem-grade .speech .bulloon:after {display:block; content:''; position:absolute; top:-6px; left:30px; width:10px; height:10px; background:#f7eeff; border-top:1px solid #f0e5fa; border-left:1px solid #f0e5fa; transform:rotate(45deg);}
.member-info .membership .mem-grade .badge {margin-left:6px;}
.member-info .membership .mem-grade > span {display:block; line-height:24px; font-size:16px;}
.member-info .membership .mem-grade > span.sum {margin-top:2px; color:#8c8a8a; font-size:14px;}
.member-info .membership .mem-grade > span.sum > em {color:#444;}
.member-info .membership .mem-grade + .btn {margin-top:24px;}
.member-info .membership .switch {display:inline-block; position:relative; width:78px; height:20px; margin-left:10px; border:1px solid #d5d5d5; vertical-align:middle;}
.member-info .membership .switch input[type=checkbox] + .slider {position:absolute; top:-1px; left:39px; z-index:10; width:40px; height:22px; background-color:#959595; transition:all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.member-info .membership .switch input[type=checkbox]:checked + .slider {top:-1px; left:-1px; background-color:#5b1eaa;}
.member-info .membership .switch span + span {position:relative; z-index:20; float:left; width:50%; height:20px; font-size:11px; color:#fff; line-height:20px; text-align:center;}
.member-info .membership .mem-wallet {float:right; width:500px; vertical-align:top;}
.member-info .membership .mem-wallet > ul > li {float:left; width:33.33%;}
.member-info .membership .mem-wallet > ul > li > span {display:block; color:#444; font-size:14px;}
.member-info .membership .mem-wallet > ul > li > .value {display:block; margin-top:5px; color:#111; font-size:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.member-info .membership .mem-wallet > ul:after {display:block; content:''; clear:both;}
.member-info .membership .mem-wallet > ul + ul {margin-top:30px; padding-top:36px; border-top:1px solid #e9e9e9;}
.member-info .membership + .banners + .order_wrap {margin-top:-30px;}

.member-info .membership.info {height:174px;}
.member-info .membership.info + .grade .grade_list {padding-top:22px; border-top:0;}

.member-info .membership h3 {line-height:36px; font-size:24px;}
.member-info .membership h3 > span }
.member-info .membership .mem-decide {margin-top:15px; line-height:24px; font-size:14px;}
.member-info .membership .mem-decide label {display:inline-block; width:85px; color:#8c8a8a;}
.member-info .membership .mem-decide span {color:#111;}

.member-info .membership .mem-next {float:right; width:420px; vertical-align:top;}
.member-info .membership .mem-next .mem-class {font-size:16px;}
.member-info .membership .mem-next .mem-class .badge {margin:0 10px;}
.member-info .membership .mem-next .mem-class > small {display:block; margin-top:5px; color:#8c8a8a; font-size:14px;}

.member-info .membership .mem-next .mem-step {position:relative; margin-top:40px; height:20px;}
.member-info .membership .mem-next .mem-step > div:before {display:block; content:''; position:absolute; top:50%; margin-top:-2px; width:100%; height:4px; background-color:#e9e9e9; z-index:0;}
.member-info .membership .mem-next .mem-step > div:after {display:block; content:''; position:absolute; top:50%; margin-top:-2px; height:4px; background-color:#5b1eaa; z-index:1;}
.member-info .membership .mem-next .mem-step > div.tobe_lv-03:after {width:0%;}
.member-info .membership .mem-next .mem-step > div.tobe_lv-04:after {width:20%;}
.member-info .membership .mem-next .mem-step > div.tobe_lv-05:after {width:40%;}
.member-info .membership .mem-next .mem-step > div.tobe_lv-06:after {width:60%;}
.member-info .membership .mem-next .mem-step > div.tobe_lv-07:after {width:80%;}
.member-info .membership .mem-next .mem-step > div.tobe_lv-08:after {width:100%;}
.member-info .membership .mem-next .mem-step > div > ul {display:block; position:absolute; width:100%; font-size:0; z-index:2;}
.member-info .membership .mem-next .mem-step > div > ul > li {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:12px; background-color:#e9e9e9; border-radius:50%;}
.member-info .membership .mem-next .mem-step > div > ul > li + li {margin-left:60px;}

.member-info .membership .mem-next .mem-step .tobe_lv-03 > ul > li:nth-last-child(1n+6),
.member-info .membership .mem-next .mem-step .tobe_lv-04 > ul > li:nth-last-child(1n+5),
.member-info .membership .mem-next .mem-step .tobe_lv-05 > ul > li:nth-last-child(1n+4),
.member-info .membership .mem-next .mem-step .tobe_lv-06 > ul > li:nth-last-child(1n+3),
.member-info .membership .mem-next .mem-step .tobe_lv-07 > ul > li:nth-last-child(1n+2),
.member-info .membership .mem-next .mem-step .tobe_lv-08 > ul > li {background-color:#5b1eaa;}

.member-info .membership .mem-next .mem-step div > ul > li:after {content:''; position:absolute; margin:-21px 0 0 -9%; width:16%; color:#959595; text-align:center; font-size:12px;}
.member-info .membership .mem-next .mem-step div.lv-03 > ul > li:nth-child(1):after {content:'FAMILY';}
.member-info .membership .mem-next .mem-step div.lv-04 > ul > li:nth-child(2):after {content:'BRONZE';}
.member-info .membership .mem-next .mem-step div.lv-05 > ul > li:nth-child(3):after {content:'SILVER';}
.member-info .membership .mem-next .mem-step div.lv-06 > ul > li:nth-child(4):after {content:'GOLD';}
.member-info .membership .mem-next .mem-step div.lv-07 > ul > li:nth-child(5):after {content:'PLATINUM';}
.member-info .membership .mem-next .mem-step div.lv-08 > ul > li:nth-child(6):after {content:'DIAMOND';}

.member-info .membership .mem-next .mem-step div.tobe_lv-03 > ul > li:nth-child(1):after {content:'FAMILY'; color:#5b1eaa !important;}
.member-info .membership .mem-next .mem-step div.tobe_lv-04 > ul > li:nth-child(2):after {content:'BRONZE'; color:#5b1eaa !important;}
.member-info .membership .mem-next .mem-step div.tobe_lv-05 > ul > li:nth-child(3):after {content:'SILVER'; color:#5b1eaa !important;}
.member-info .membership .mem-next .mem-step div.tobe_lv-06 > ul > li:nth-child(4):after {content:'GOLD'; color:#5b1eaa !important;}
.member-info .membership .mem-next .mem-step div.tobe_lv-07 > ul > li:nth-child(5):after {content:'PLATINUM'; color:#5b1eaa !important;}
.member-info .membership .mem-next .mem-step div.tobe_lv-08 > ul > li:nth-child(6):after {content:'DIAMOND'; color:#5b1eaa !important;}

.member-info .membership .mem-next .mem-step .speech {position:absolute; margin:17px 0 0 -26px;}
.member-info .membership .mem-next .mem-step .speech .bulloon {display:inline-block; position:relative; margin-top:15px; padding:16px 20px; line-height:22px; white-space:nowrap; font-size:14px; background:#f7eeff; border:1px solid #f0e5fa;}
.member-info .membership .mem-next .mem-step .speech .bulloon span {color:#5b1eaa;}
.member-info .membership .mem-next .mem-step .speech .bulloon:after {display:block; content:''; position:absolute; top:-6px; left:30px; width:10px; height:10px; background:#f7eeff; border-top:1px solid #f0e5fa; border-left:1px solid #f0e5fa; transform:rotate(45deg);}

.member-info .membership .mem-next .mem-step div.tobe_lv-06 .speech .bulloon:after,
.member-info .membership .mem-next .mem-step div.tobe_lv-07 .speech .bulloon:after,
.member-info .membership .mem-next .mem-step div.tobe_lv-08 .speech .bulloon:after {left:auto; right:30px; text-align:right;}

.member-info .membership .mem-next .mem-step div.tobe_lv-03 .speech {left:0;}
.member-info .membership .mem-next .mem-step div.tobe_lv-04 .speech {left:19%;}
.member-info .membership .mem-next .mem-step div.tobe_lv-05 .speech {left:38%;}
.member-info .membership .mem-next .mem-step div.tobe_lv-06 .speech {right:32%;}
.member-info .membership .mem-next .mem-step div.tobe_lv-07 .speech {right:13%;}
.member-info .membership .mem-next .mem-step div.tobe_lv-08 .speech {right:-6%;}

.member-info .newly > ul {font-size:0;}
.member-info .newly > ul > li {display:inline-block; width:20%; height:190px; text-align:center; vertical-align:top; font-size:14px; border:1px solid #efefef; box-sizing:border-box;}
.member-info .newly > ul > li + li {border-left:0;}
.member-info .newly > ul > li:nth-child(1n+6) {border-top:0;}
.member-info .newly > ul > li:nth-child(5n+6) {border-left:1px solid #efefef !important;}
.member-info .newly > ul > li > i {display:block; margin:40px auto 12px; width:64px; height:64px; background-color:rgba(196, 135, 252, .2);; border-radius:50%;}
.member-info .newly > ul > li > a {display:inline-block; color:#8c8a8a; font-size:12px;}

.member-info .benefits {margin-top:40px;}
.member-info .benefits > p {text-align:center; height:10px; border-bottom:1px solid #efefef;}
.member-info .benefits > p > .remote {margin-top:10px; padding:6px 35px 6px 15px; line-height:10px; color:#000; font-size:13px; background:url("../images/base/bg_combobox.png") #fff 140px 5px no-repeat;}
.member-info .benefits > p > .remote.on {background-position:140px -45px;}
.member-info .benefits .gray_box {line-height:24px; color:#444; font-size:13px; background-color:#f0f0f0;}
.member-info .benefits .gray_box h5 {color:#111; font-size:14px;}
.member-info .benefits .gray_box ul {margin-top:7px;}
.member-info .benefits .gray_box ul + h5 {margin-top:20px;}
.member-info .benefits .gray_box ul ol {padding-left:20px;}
.member-info .benefits .gray_box ul table {margin:5px 0 15px; width:100%;}
.member-info .benefits .gray_box ul table th,
.member-info .benefits .gray_box ul table td {padding:5px 10px; border:1px solid #efefef; background-color:#Fff;}

.member-info i.icons {position:relative;}
.member-info i.icons:after {display:block; position:absolute; content:''; top:12px; left:12px; width:40px; height:40px; background:url(../images/common/ssf_icons.png) no-repeat;}
.member-info i.icons.class:after {background-position:left 0;}
.member-info i.icons.p-point:after {background-position:left -40px;}
.member-info i.icons.i-point:after {background-position:left -80px;}
.member-info i.icons.g-point:after {background-position:left -120px;}
.member-info i.icons.money:after {background-position:left -160px;}
.member-info i.icons.needle:after {background-position:left -200px;}
.member-info i.icons.backfree:after {background-position:left -240px;}
.member-info i.icons.fitting:after {background-position:left -280px;}
.member-info i.icons.backfavor:after {background-position:left -320px;}
.member-info i.icons.headset:after {background-position:left -360px;}
.member-info i.icons.discount:after {background-position:left -400px;}
.member-info i.icons.diamond:after {background-position:left -440px;}
.member-info i.icons.coupon:after {background-position:left -480px;}

.member-info .class-table h4 {margin-top:60px; margin-bottom:24px; color:#2b2b2b; font-size:18px; font-weight:bold;}
.member-info .class-table h4 .set-right {float:right; font-size:13px;}

.member-info .class-table table {margin-top:28px;}
.member-info .class-table table th {padding:25px 0 25px 50px; line-height:18px; text-align:left; color:#2b2b2b; font-weight:600; background-color:#f0f0f0;}
.member-info .class-table table th,
.member-info .class-table table td {font-size:13px; border:1px solid #e1e1e1; border-right:0; border-left:0;}
.member-info .class-table table td {height:68px; text-align:center;}
.member-info .class-table table th > span {display:block; color:#8c8a8a; font-size:12px; font-weight:400;}
.member-info .class-table table .mem-class td {height:120px; font-weight:600;}
.member-info .class-table table .mem-class .coin.min {display:block; margin:0 auto 8px;}
.member-info .class-table table td li {line-height:24px;}

.member-info .class-table i {vertical-align:middle;}
.member-info .class-table i.icons:after {top:0; left:-30px; width:20px; height:20px;}
.member-info .class-table i.icons.class:after {background-position:right -4px;}
.member-info .class-table i.icons.p-point:after {background-position:right -44px;}
.member-info .class-table i.icons.i-point:after {background-position:right -85px;}
.member-info .class-table i.icons.g-point:after {background-position:right -124px;}
.member-info .class-table i.icons.money:after {background-position:right -165px;}
.member-info .class-table i.icons.needle:after {background-position:right -205px;}
.member-info .class-table i.icons.backfree:after {background-position:right -244px;}
.member-info .class-table i.icons.fitting:after {background-position:right -284px;}
.member-info .class-table i.icons.backfavor:after {background-position:right -324px;}
.member-info .class-table i.icons.headset:after {background-position:right -364px;}
.member-info .class-table i.icons.discount:after {background-position:right -405px;}
.member-info .class-table i.icons.diamond:after {background-position:right -445px;}
.member-info .class-table i.icons.coupon:after {background-position:right -484px;}

.member-info .info-header {min-height:240px;}
.member-info .info-header h2 {padding-top:10px; font-size:38px; font-weight:bold; color:#2b2b2b;}
.member-info .info-header p {margin-top:20px; line-height:30px; color:#555; font-size:18px;}
.member-info .info-header p span {display:block; color:#8c8a8a; font-size:14px; font-weight:bold;}
.member-info .info-header p .btn {display:inline-block; margin-top:36px; margin-right:12px; width:208px; height:60px; line-height:59px; color:#fff; font-weight:bold; background:#fc7e20; border:0;}

.member-info .benefits .gray_box {margin-top:60px; padding:40px;}
.member-info .benefits .gray_box .welcome {display:inline-block; padding-right:40px; border-right:1px solid #e5e5e5;}
.member-info .benefits .gray_box .applogin {display:inline-block; margin-left:40px;}
.member-info .benefits .gray_box h4 {color:#2b2b2b; font-size:18px; font-weight:bold;}
.member-info .benefits .gray_box > div {margin-top:36px; vertical-align:top;}
.member-info .benefits .gray_box > div > h5 {color:#2b2b2b; font-size:16px;}
.member-info .benefits .gray_box > div > p {displaY:block; margin-top:17px;}
.member-info .benefits .gray_box > div > p > img {width:auto;}
.member-info .benefits .gray_box > div > p > img + img {margin-left:5px;}
.member-info .benefits .gray_box > div > ul {margin-top:20px;}
.member-info .benefits .gray_box > div > ul > li {line-height:24px; color:#555; font-size:14px;}
.member-info .benefits .gray_box > div > ul + p {margin-top:3px; color:#8c8a8a; font-size:13px;}

.member-info .member-info-accordion {margin-top:60px;}
.member-info .member-info-accordion .title {display:block; position:relative; padding:23px 20px; line-height:24px; color:#2b2b2b; font-size:16px; font-weight:600;}
.member-info .member-info-accordion .title.on {border-bottom:1px solid #e1e1e1;}
.member-info .member-info-accordion .title:after {position:absolute; right:0; content:''; top:5px; right:10px; width:36px; height:60px; background:url(../images/common/bul_ps.gif) no-repeat right 25px;}
.member-info .member-info-accordion .title.on:after {background:url(../images/common/bul_ms.gif) no-repeat right 29px;}

.member-info .member-info-accordion .content {margin-bottom:30px;}
.member-info .member-info-accordion .content > table {margin-top:10px; width:calc(100% - 40px);}
.member-info .member-info-accordion .content > table th, .member-info .member-info-accordion .content > table .txt-left {padding-left:20px;}
.member-info .member-info-accordion .content > ul {margin-top:25px; line-height:23px; color:#8c8a8a; font-size:13px;}
.member-info .member-info-accordion .content > table td {padding:20px; height:auto;}
.member-info .member-info-accordion .content ul ul,
.member-info .member-info-accordion .content ul ol {padding-left:8px; color:#8c8a8a;}
.member-info .member-info-accordion + .detail {margin-top:60px; border-top:0;}
.member-info .member-info-accordion + .detail .mCS {margin-top:24px;}
.member-info .member-info-accordion + .detail .submit_order a.btn {padding:16px 47px;}

/* ########## 멤버십 통합 : E ########## */