@charset 'utf-8';

@font-face {
	font-family: 'Montserrat';
	src: url('../../font/Montserrat-Thin.woff2') format('woff2'),
		url('../../font/Montserrat-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../../font/Montserrat-ExtraLight.woff2') format('woff2'),
		url('../../font/Montserrat-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../../font/Montserrat-Light.woff2') format('woff2'),
		url('../../font/Montserrat-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../../font/Montserrat-Regular.woff2') format('woff2'),
		url('../../font/Montserrat-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../../font/Montserrat-Medium.woff2') format('woff2'),
		url('../../font/Montserrat-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../../font/Montserrat-Bold.woff2') format('woff2'),
		url('../../font/Montserrat-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../../font/Montserrat-SemiBold.woff2') format('woff2'),
		url('../../font/Montserrat-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../../font/Montserrat-ExtraBold.woff2') format('woff2'),
		url('../../font/Montserrat-ExtraBold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../../font/Montserrat-Black.woff2') format('woff2'),
		url('../../font/Montserrat-Black.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* reset */
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
	min-width: 320px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
	font-family: "Montserrat", "Apple-Gothic", "애플고딕", "Tahoma", dotum, "돋움",
		sans-serif;
	color: #222;
	word-break: keep-all;
	-webkit-text-size-adjust: none;
}

div, header, footer, p, article, aside, details, figcaption, figure,
	hgroup, menu, nav, section, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt,
	dd, table, th, td, form, fieldset, legend, input, textarea, button,
	select, blockquote {
	margin: 0;
	padding: 0;
}

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

legend, caption, .hide {
	overflow: hidden;
	position: absolute;
	left: -9999em;
	top: -9999em;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'Montserrat';
	font-weight: bold;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

img, input, textarea, fieldset {
	border: none;
	outline: none;
	border-radius: 0;
}

a {
	color: #222;
	text-decoration: none;
}
/* a:link, a:visited, a:hover, a:active {text-decoration:none; outline:none;} */
ul, ol {
	list-style: none;
}

li {
	list-style: none;
}

em, address {
	font-style: normal;
}

strong {
	font-weight: bold;
}

legend, hr, caption {
	display: none;
}

table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

th {
	font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

u {
	text-decoration: none;
}

figure {
	margin: 0;
	padding: 0;
}

pre {
	margin: 0;
	padding: 0;
}

input, textarea, select, button {
	padding: 0;
	margin: 0;
	border: none;
	font-family: 'Montserrat';
	font-size: 14px;
	color: #888;
	vertical-align: middle;
	-webkit-appearance: none;
}

textarea {
	resize: none;
	overflow: auto;
}

label {
	cursor: pointer;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

button {
	outline: none;
	cursor: pointer;
}

sup {
	font-size: 0.5em;
	line-height: 0.5em;
	vertical-align: super;
}

/**
layout
**/
html {
	touch-action: manipulation;
}

#wrap {
	background: #fff;
}

#container {
	padding-top: 60px;
	background: #fff;
}

#container.has-sub {
	padding-top: 120px;
	transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.fixedWidth {
	min-width: 480px;
	margin: 0 auto;
}

.loading {
	overflow: hidden;
	height: 100%;
}

.loading.exc {
	overflow: auto;
	height: auto;
}

.loading:before {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
	content: "";
	width: 100%;
	height: 100%;
	background: url("../images/common/blank.gif");
}

.loading:after {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 9999;
	content: "";
	width: 130px;
	height: 130px;
	margin: -65px 0 0 -65px;
	border-radius: 50%;
	background: #fff url("../images/common/loading.gif") no-repeat 50% 50%;
	-webkit-background-size: 118px;
	background-size: 118px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

/**
common style
**/
.after:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	clear: both;
}

.fl_l {
	float: left;
}

.fl_r {
	float: right;
}

.posR {
	position: relative;
}

br.col {
	display: none;
}

@media all and (max-width: 320px) {
	br.col {
		display: block;
	}
}

.colorBK {
	color: #222;
}

.colorGR {
	color: #888;
}

.colorGR2 {
	color: #666;
}

.colorWH {
	color: #fff;
}

.colorBL {
	color: #5f77ba;
}

.colorRD {
	color: #ff3f3c;
}

.required {
	color: #ff3f3c;
}
/* 제품 라인별 컬러 */

/* ATOBARRIER */
.PC0101 {
	color: #0b658a;
}
/* THERACNE */
.PC0102 {
	color: #9a1d3c;
}
/* REGEDERM RX */
.PC0103 {
	color: #7e3587;
}
/* MD */
.PC0104 {
	color: #6077bd;
}
/* 화이트 736 */
.PC0105 {
	color: #888;
}
/* TRICHONE */
.PC0106 {
	color: #754200;
}
/* ATOBARRIER365 */
.PC0201 {
	color: #0b658a;
}
/* THERACNE365 */
.PC0202 {
	color: #9a1d3c;
}
/* REGEDERM365 */
.PC0203 {
	color: #7e3587;
}
/* ACICA */
.PC0204 {
	color: #005438;
}
/* ACICA */
.PC0204 {
	color: #005438;
}
/* DERMA UV */
.PC0206 {
	color: #fa8866;
}

/* text */
.ta_r {
	text-align: right;
}

.ta_l {
	text-align: left;
}

.ta_c {
	text-align: center;
}

.va_t {
	vertical-align: top;
}

.va_m {
	vertical-align: middle;
}

.va_b {
	vertical-align: bottom;
}

.ellipsis {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ellipsis2 {
	display: block;
	overflow: hidden;
	height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.nr {
	font-family: 'Montserrat';
}

.nb {
	font-family: 'Montserrat';
	font-weight: bold;
}
/*
.gm {
  font-family: 'Montserrat';
}
.gb {
  font-family: 'Montserrat';
font-weight: bold;
}
*/
.fz12 {
	font-size: 12px;
}

.fz13 {
	font-size: 13px;
}

.fz14 {
	font-size: 14px;
}

.fz16 {
	font-size: 16px;
}

.fz18 {
	font-size: 18px;
}

.mgt5 {
	margin-top: 5px;
}

.mgt10 {
	margin-top: 10px;
}

.mgt15 {
	margin-top: 15px;
}

.mgt20 {
	margin-top: 20px;
}

.mgt25 {
	margin-top: 25px;
}

.mgt30 {
	margin-top: 30px;
}

.mgt50 {
	margin-top: 50px;
}

.mgb5 {
	margin-bottom: 5px;
}

.mgb10 {
	margin-bottom: 10px;
}

.mgb15 {
	margin-bottom: 15px;
}

.mgb20 {
	margin-bottom: 20px;
}

.mgb25 {
	margin-bottom: 25px;
}

.mgb30 {
	margin-bottom: 30px;
}

.mgl5 {
	margin-left: 5px;
}

.mgl10 {
	margin-left: 10px;
}

.mgl15 {
	margin-left: 15px;
}

.mgl20 {
	margin-left: 20px;
}

.mgl25 {
	margin-left: 25px;
}

.mgl30 {
	margin-left: 30px;
}

.mgr5 {
	margin-right: 5px;
}

.mgr10 {
	margin-right: 10px;
}

.mgr15 {
	margin-right: 15px;
}

.mgr20 {
	margin-right: 20px;
}

.mgr25 {
	margin-right: 25px;
}

.mgr30 {
	margin-right: 30px;
}

.pdt25 {
	padding-top: 25px !important;
}

/* button */
.btn {
	text-align: center;
}

span.btn {
	display: inline-block;
	vertical-align: middle;
}

.btn a {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

span.btn a {
	padding: 0 10px;
}

.btn.sizeL a {
	display: block;
	height: 45px;
	line-height: 43px;
}

.btn.sizeS a {
	display: inline-block;
	height: 40px;
	padding: 0 10px;
	line-height: 38px;
}

.btn.sizeXS a {
	display: inline-block;
	height: 30px;
	padding: 0 5px;
	line-height: 28px;
	font-size: 13px;
}

.btn.style1 a {
	border: 1px solid #d9d9d9;
	background: #fff;
	font-family: 'Montserrat';
	color: #222;
}

.btn.style2 a {
	background: #fff url("../images/common/bg_board_search.png") no-repeat
		50% 50%;
	-webkit-background-size: 11.5px;
	background-size: 11.5px;
	box-sizing: border-box;
}

.btn.style3 a {
	border: 1px solid #5f77ba;
	background: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.btn.style4 a {
	border: 1px solid #888;
	background: #888;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.btn.style5 a {
	background: #222;
	color: #fff;
}

.btn.style1.disabled a {
	border-color: #dcdcdc;
	color: #dcdcdc;
}

.btn.style2.disabled a, .btn.style3.disabled a, .btn.style4.disabled a {
	border-color: #dcdcdc;
	background: #dcdcdc;
	cursor: default;
}

@media all and (max-width: 320px) {
	.btn a {
		font-size: 12px;
	}
}

.btnWrap ul:after {
	content: "";
	display: block;
	clear: both;
}

.btnWrap ul li {
	margin-top: 8px;
	box-sizing: border-box;
}

.btnWrap ul li:first-child {
	margin-top: 0;
}

.btnWrap.type2 ul li {
	float: left;
	width: 50%;
	margin-top: 0;
}

.btnWrap.type2 ul li:nth-of-type(1) {
	padding-right: 4px;
}

.btnWrap.type2 ul li:nth-of-type(2) {
	padding-left: 4px;
}

.btnWrap.type3 ul li:nth-of-type(1) {
	clear: both;
}

.btnWrap.type3 ul li:nth-of-type(2) {
	float: left;
	width: 50%;
	padding-right: 4px;
}

.btnWrap.type3 ul li:nth-of-type(3) {
	float: left;
	width: 50%;
	padding-left: 4px;
}

.btnWrap.type4 ul li {
	margin-top: 0;
}

.btnWrap.type4 ul li:nth-of-type(1) {
	float: left;
	width: 50%;
	padding-right: 4px;
}

.btnWrap.type4 ul li:nth-of-type(2) {
	float: left;
	width: 50%;
	padding-left: 4px;
}

.btnWrap.type4 ul li:nth-of-type(3) {
	clear: both;
	padding-top: 8px;
}

.btnTxt {
	display: inline-block;
	vertical-align: middle;
	text-decoration: underline;
	color: #222;
}

.btnTxt2 {
	display: inline-block;
	vertical-align: middle;
	text-decoration: underline;
	color: #5f77ba;
}

.txtBtnWrap {
	text-align: center;
	font-size: 0;
}

.txtBtnWrap a {
	position: relative;
	display: inline-block;
	margin-left: 40px;
	font-size: 14px;
}

.txtBtnWrap a:before {
	position: absolute;
	left: -23px;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 13px;
	background: #dcdcdc;
}

@media all and (max-width: 375px) {
	.txtBtnWrap a {
		margin-left: 16px;
	}
	.txtBtnWrap a:before {
		left: -8px;
	}
}

@media all and (max-width: 330px) {
	.txtBtnWrap a {
		margin-left: 10px;
	}
	.txtBtnWrap a:before {
		left: -5px;
	}
}

.txtBtnWrap a:first-child {
	margin-left: 0;
}

.txtBtnWrap a:first-child:before {
	display: none;
}

.btnSnsShare {
	display: inline-block;
	height: 18px;
	padding-left: 18px;
	line-height: 18px;
	background: url("../images/common/bg_share.png") no-repeat;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #333;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
	background-position: 0 center;
}

.viewMore {
	padding: 0 25px;
	margin-top: 30px;
	margin-bottom: 60px;
}

.viewMore .btn a span {
	display: inline-block;
}

.viewMore .btn a span em {
	font-family: 'Montserrat';
}

.viewMore .btn a span:after {
	content: "＋";
	display: inline-block;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	font-size: 16px;
	font-family: 'Montserrat';
}

/* form */
input[type="checkbox"] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #000;
	box-sizing: border-box;
	transition: border-color 0.2s;
}

input[type="checkbox"]:checked {
	border-color: #000;
	background: url("../images/common/bg_input.png") no-repeat -3px -2px;
	-webkit-background-size: 20px;
	background-size: 20px;
}

input[type="radio"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	box-sizing: border-box;
	transition: border-color 0.2s;
}

input[type="radio"]:checked {
	border-color: #5f77ba;
	background: url("../images/common/bg_input.png") no-repeat -1px -41px;
	-webkit-background-size: 20px;
	background-size: 20px;
}

input[type="checkbox"]:disabled {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #aaa;
	background: #fff;
	box-sizing: border-box;
}

input[type="checkbox"]:disabled:checked {
	background: #f7f7f7 url("../images/common/bg_input.png") no-repeat -1px
		-21px;
	-webkit-background-size: 20px;
	background-size: 20px;
}

input[type="checkbox"]:disabled+label {
	color: #a7a7a7;
}

input[type="radio"]:disabled {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #eee;
	background: #f7f7f7;
	border-radius: 50%;
	box-sizing: border-box;
}

input[type="radio"]:disabled:checked {
	background: #f7f7f7 url("../images/common/bg_input.png") no-repeat -1px
		-75px;
	-webkit-background-size: 20px;
	background-size: 20px;
}

input::-ms-clear, input::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input::-webkit-search-decoration, input::-webkit-search-cancel-button,
	input::-webkit-search-results-button, input::-webkit-search-results-decoration
	{
	display: none;
}

.inputText input, input[type="text"] {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 40px;
	padding: 12px;
	line-height: 40px;
	color: #888;
	box-sizing: border-box;
	transition: border-color 0.2s;
}

.inputText input[readonly], input[type="text"][readonly] {
	border-color: #eee;
	background: #f7f7f7;
	color: #ccc;
}

.inputText input:focus, input[type="text"]:focus {
	border-color: #222;
	color: #222;
}

.inputText input[readonly]:focus, input[type="text"][readonly]:focus {
	border-color: #eee;
	color: #ccc;
}

.inputWrap {
	overflow: hidden;
	font-size: 0;
}

.inputWrap input {
	float: left;
	margin-right: 7px;
}

.inputWrap label {
	overflow: hidden;
	display: block;
	line-height: 20px;
	font-size: 13px;
	color: #666;
}

.inputWrap p.error {
	padding-left: 27px;
}

span.inputWrap {
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
}

span.inputWrap:first-of-type {
	margin-left: 0;
}

.inputWrapList .inputWrap {
	margin-top: 0;
}

.inputWrapList ul li {
	margin-top: 15px;
}

.inputWrapList ul li:first-child {
	margin-top: 0;
}

.inputWrapList dl {
	margin-top: 15px;
}

.inputWrapList dl:first-of-type {
	margin-top: 0;
}

.inputWrapList dl:after {
	content: "";
	display: block;
	clear: both;
}

.inputWrapList dl dt {
	float: left;
	width: 120px;
	color: #222;
}

.inputWrapList dl dd {
	float: left;
	min-width: 80px;
}

.inputWrapList.survey_wrap>span {
	display: block;
	margin-top: 8px;
}

.inputWrapList.survey_wrap>span:first-child {
	margin-top: 0;
}

.inputWrapList.survey_wrap>span label {
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	margin-left: 6px;
	color: #222;
	vertical-align: middle;
}

.inputWrapList.survey_wrap span .inputText {
	margin-top: 10px;
}

.inputText {
	position: relative;
}

.inputText input[type="text"] {
	width: 100%;
}

.inputText .label, .userInputArea .label {
	display: block;
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #222;
}

.inputText.valError input[type="text"] {
	border-color: #ff3f3c;
}

.inputText.valError input[type="password"] {
	border-color: #ff3f3c;
}

.inputText .certTime {
	position: absolute;
	right: 13px;
	top: 10px;
	text-align: right;
	color: #222;
}

p.error {
	padding-left: 13px;
	margin: 5px 0 15px;
	font-size: 12px;
	color: #ff3f3c;
}

.textarea {
	position: relative;
}

.textarea .label {
	display: block;
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.textarea textarea {
	width: 100%;
	height: 155px;
	border: 1px solid #dcdcdc;
	padding: 12px;
	line-height: 21px;
	color: #888;
	box-sizing: border-box;
	transition: border-color 0.2s;
}

.textarea textarea[readonly] {
	border-color: #eee;
	background: #f7f7f7;
}

.textarea textarea:focus {
	border-color: #222;
	color: #222;
}

.textarea textarea[readonly]:focus {
	border-color: #eee;
}

.textarea .charCnt {
	position: absolute;
	right: 10px;
	bottom: 14px;
}

.textarea .charCnt em {
	color: #222;
}

.textarea.valError textarea {
	border-color: #ff3f3c;
}

.textarea .error {
	padding-left: 13px;
	margin-top: 5px;
	font-size: 12px;
	color: #ff3f3c;
}

.select .label {
	display: block;
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.select select {
	width: 100%;
}

select {
	height: 40px;
	padding-right: 0;
	border-bottom: 1px solid #d9d9d9;
	border-radius: 0;
	background: #fff url("../images/common/arr_selectbar.png") no-repeat
		100% 0;
	-webkit-background-size: 24px;
	background-size: 24px;
	box-sizing: border-box;
}

select:focus {
	background-position: 100% -38px;
	outline: none;
}

select:disabled {
	border-color: #eee;
	background-color: #f7f7f7;
	color: #dcdcdc;
}

.select.error select, .select.valError select {
	border-color: #ff3f3c;
}

.select2 {
	font-size: 0;
}

.select2 select {
	height: auto;
	padding-left: 0;
	padding-right: 34px;
	border: none;
	background-position: 100% -10px;
	font-size: 12px;
}

.select2 select:focus {
	background-position: 100% -48px;
}

.inputForm {
	padding: 25px 25px 55px;
	border-bottom: 1px solid #dcdcdc;
}

.inputForm .select, .inputForm .inputText, .inputForm .textarea {
	margin-top: 15px;
}

.inputForm .btnWrap {
	margin-top: 50px;
}

.inputEmail {
	overflow: hidden;
}

.inputEmail .inputText {
	width: calc(50% - 17px);
	margin-top: 0 !important;
	box-sizing: border-box;
}

.inputEmail .inputText:first-of-type {
	float: left;
}

.inputEmail .inputText:last-of-type {
	float: right;
}

.inputEmail .at {
	float: left;
	display: block;
	width: 34px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #222;
}

.inputPhone {
	overflow: hidden;
}

.inputPhone .select {
	float: left;
	width: 32%;
}

.inputPhone .select+.inputText {
	margin: 0 2%;
}

.inputPhone .inputText {
	float: left;
	width: 32%;
}

.inputPhoneCert {
	overflow: hidden;
}

.inputPhoneCert .select {
	float: left;
	width: 38%;
	margin-right: 2%;
}

.inputPhoneCert .inputText {
	float: left;
	width: 60%;
}

.inputMail .inputText {
	float: left;
	width: 45%;
}

.inputMail .at {
	float: left;
	width: 10%;
	line-height: 38px;
	font-size: 18px;
	text-align: center;
	color: #222;
}

.inputMail .select {
	clear: both;
	padding-top: 10px;
}

.inputLicence, .inputPhone2 {
	overflow: hidden;
}

.inputLicence .inputText, .inputPhone2 .inputText, .inputLicence .inputText,
	.inputPhone2 .select {
	float: left;
	width: 30%;
}

.inputLicence .dash, .inputPhone2 .dash {
	float: left;
	display: block;
	width: 5%;
	line-height: 38px;
	text-align: center;
}

.inputFile {
	overflow: hidden;
}
.biz-reg-form .btn.sizeS a{
	height: 40px;
    line-height: 40px;
}
.num-inputCon {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.inputFile .inputText {
	float: left;
	width: 65%;
}

.inputFile .btn {
	float: right;
	width: 33%;
}

.inputHasBtn {
	overflow: hidden;
	position: relative;
	padding-right: 70px;
}

.inputHasBtn .inputText {
	width: 100%;
}

.inputHasBtn .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
}

.inputHasBtn2 {
	overflow: hidden;
	position: relative;
	padding-right: 115px;
}

.inputHasBtn2 .inputText {
	width: 100%;
}

.inputHasBtn2 .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 110px;
}

.inputHasBtn3 {
	overflow: hidden;
	position: relative;
	padding-right: 95px;
}

.inputHasBtn3 .inputText {
	width: 100%;
}

.inputHasBtn3 .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 90px;
}

.inputHasBtn4 {
	overflow: hidden;
	position: relative;
	padding-right: 75px;
}

.inputHasBtn4 .inputText {
	width: 100%;
}

.inputHasBtn4 .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
}

.userInputArea>.inputText, .userInputArea>.select, .userInputArea>.inputPhone,
	.userInputArea>.inputWrap, .userInputArea>.textarea, .userInputArea>.inputWrapList
	{
	margin-top: 10px;
}

.userInputArea>.inputText:first-of-type, .userInputArea>.select:first-of-type,
	.userInputArea>.inputWrap:first-of-type {
	margin-top: 0;
}

.userInputArea>.label {
	margin-top: 25px;
}

.userInputArea>.label:first-child {
	margin-top: 0;
}

.userInputArea .border {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #dcdcdc;
}

.userInputArea h2.formTitle {
	margin-bottom: 40px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.userInputArea h3.formTitle {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.userInputArea h3.formTitle2 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 9px;
	border-bottom: 1px solid #222;
	text-indent: -9px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.userInputArea h3.formTitle2 span {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	font-family: 'Montserrat';
	color: #888;
}

.userInputArea .label_type1 {
	margin-top: 15px;
}

.userInputArea .sms_input {
	margin-top: 30px;
}

.userInputArea .sms_input.type2 {
	margin-top: 40px;
}

.userInputArea .sms_input label {
	display: inline-block;
	margin-left: 3px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.userInputArea .email_input_check, .userInputArea .phone_input_check {
	padding: 18px 0 15px;
	font-size: 14px;
	color: #222;
}

.userInputArea .email_input_check .detail_view, .userInputArea .phone_input_check .detail_view
	{
	display: inline-block;
	margin-left: 4px;
	color: #222;
	text-decoration: underline;
}

.userInputArea .info_txt {
	padding-top: 25px;
	border-top: 1px solid #eee;
	margin-top: 35px;
}

.userInputArea>.inputWrap>label {
	line-height: 16px;
	font-family: 'Montserrat';
}

.privacy_popup .layerPopup .layerGround .layerBody {
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: 'Montserrat';
}

.privacy_popup .tit {
	display: block;
	font-size: 14px;
	line-height: 1.6;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.privacy_popup .txt1 {
	padding-top: 15px;
	font-size: 13px;
	line-height: 20px;
	color: #888;
}

.privacy_popup .txt_list {
	padding-top: 20px;
}

.privacy_popup .txt_list li {
	padding-top: 5px;
	font-size: 13px;
	line-height: 20px;
	color: #888;
}

.privacy_popup .txt_list li:first-child {
	padding-top: 0;
}

.privacy_popup .txt_list .point {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

/* 수량조절 */
.qtyOption {
	overflow: hidden;
	background: #fff;
	width: 105px;
}

.qtyOption button {
	position: relative;
	float: left;
	width: 35px;
	height: 30px;
	border: 1px solid #dcdcdc;
	background: #fff;
	font-size: 0;
	color: transparent;
	outline: none;
	box-sizing: border-box;
}

.qtyOption .up:before, .qtyOption .down:before {
	position: absolute;
	left: 10px;
	top: 13px;
	content: "";
	display: block;
	width: 13px;
	height: 1px;
	background: #666;
}

.qtyOption .up:after {
	position: absolute;
	left: 16px;
	top: 7px;
	content: "";
	display: block;
	width: 1px;
	height: 13px;
	background: #666;
}

.qtyOption .inputText {
	float: left;
	margin: 0 -1px;
	width: 37px;
	height: 30px;
	z-index: 1;
}

.qtyOption .inputText input {
	height: 30px;
	line-height: 21px;
	font-size: 14px;
	padding: 0;
	background: none;
	text-align: center;
	color: #222;
}

.qtyOption .inputText input[readonly] {
	border-color: #dcdcdc;
	background: #fff;
	color: #222;
}

/* 탭메뉴 */
.tabMenu {
	padding: 0 0px;
	margin: 30px 0;
}

.tabMenu ul {
	overflow: hidden;
}

.tabMenu ul li {
	float: left;
	width: 50%;
}

/*
.tabMenu ul li a {
  display: block;
  height: 30px;
  border: 1px solid #222;
  line-height: 28px;
  text-align: center;
  color: #222;
  box-sizing: border-box;
}
 .tabMenu ul li.current a,
.tabMenu ul li.on a {
  background: #222;
  color: #fff;
} */
.tabMenu2 ul:after {
	content: "";
	display: block;
	clear: both;
}

.tabMenu2 li {
	float: left;
}

.tabMenu2.L2 li {
	width: 50%;
}

.tabMenu2.L3 li {
	width: 33.33333%;
}

.tabMenu2.L4 li {
	width: 25%;
}

.tabMenu2 li a {
	position: relative;
	display: block;
	height: 45px;
	background: #fff;
	line-height: 45px;
	text-align: center;
}

.tabMenu2 li a:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #222;
	box-sizing: border-box;
}

.tabMenu2 li.on a {
	color: #222;
}

.tabMenu2 li.on a:after {
	border: 2px solid #222;
	border-bottom: none;
}

.tabMenu2 li:first-child.on a:after {
	border-left: none;
}

.tabMenu2 li:last-child.on a:after {
	border-right: none;
}

.tabMenu3 ul {
	overflow: hidden;
}

.tabMenu3 li {
	float: left;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
}

.tabMenu3.L2 li {
	width: 50%;
}

.tabMenu3.L3 li {
	width: 33.33333%;
}

.tabMenu3.L4 li {
	width: 25%;
}

.tabMenu3 li a {
	position: relative;
	display: block;
	height: 48px;
	line-height: 48px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.tabMenu3 li a:after {
	position: absolute;
	left: 50%;
	bottom: -1px;
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: #222;
	transition: all 0.2s ease-in-out;
}

.tabMenu3 li.on a {
	color: #222;
}

.tabMenu3 li.on a:after {
	left: 0;
	width: 100%;
}

.tabMenu4 {
	overflow-y: hidden;
	overflow-x: auto;
	background: #f8f8f8;
	text-align: center;
	font-size: 0;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.tabMenu4 ul:after {
	content: "";
	display: block;
	clear: both;
}

.tabMenu4 li {
	display: inline-block;
	margin-left: 25px;
}

.tabMenu4 li:last-child {
	margin-right: 25px;
}

.tabMenu4 li a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}

.tabMenu4 li.on a {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.tabCont {
	display: none;
	font-family: 'Montserrat';
}

.tabCont.type2 {
	overflow: hidden;
	display: block;
	height: 0;
	visibility: hidden;
}

/* 검색영역 */
.result_tab {
	gap: 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 35px 0;
}

.result_tab-01 {
	gap: 0 10px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 35px 0;
}

.result_tab div {
	box-sizing: border-box;
	width: calc(50% - 10px);
}

.schKwd {
	position: relative;
	border-bottom: 1px solid #d9d9d9;
}

.schKwd.inputText input[type="text"] {
	border: none;
}

.schKwd.inputText input[type="text"]::placeholder {
	color: #aaa;
}

.schKwd .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}

/* slick */
.indicator {
	position: absolute;
	left: 40px;
	bottom: 40px;
	z-index: 2;
	width: calc(100% - 80px);
	height: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.indicator li {
	position: relative;
	float: left;
	height: 2px;
	margin-top: -1px;
	font-size: 0;
}

.indicator li button {
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 2px;
	font-size: 0;
	color: transparent;
	transition: all 0.2s ease-in-out;
}

.indicator li.slick-active button {
	width: 100%;
	left: 0;
	background: #5f77ba;
}

.indicator li.on button {
	left: 0;
	width: 100%;
}

.indicator li.off button {
	opacity: 0;
}

/* 레이어팝업 */
.layerPopupArea {
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3002;
	display: none;
	width: 100%;
	height: 100%;
	padding: 25px;
	background: rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

.layerPopup {
	position: relative;
	width: 100%;
}

.layerPopup.is-visible {
	position: absolute;
	left: 25px;
	top: 100px;
	width: -webkit-calc(100% - 50px) !important;
	width: calc(100% - 50px) !important;
	height: auto !important;
	z-index: 6000;
}

.layerPopup .layerGround {
	width: 100%;
	background: #fff;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}

.layerPopup .layerGround .layerClose {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
	width: 14px;
	height: 14px;
	padding: 10px;
	font-size: 0;
}

.layerPopup .layerGround .layerBody {
	position: relative;
	padding: 30px 30px 25px;
	font-family: 'Montserrat';
}

.layerPopup .layerGround .layerBody .layerCont u {
	word-break: break-all;
}

.layerPopup .layerGround .layerBody .layerCont strong a {
	word-break: break-all;
}

.layerPopup .layerGround .titleArea {
	position: relative;
	display: inline-block;
	padding: 30px 0 5px 30px;
	margin-right: 50px;
	font-size: 17px;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #222;
}

.layerPopup .layerGround .titleArea i {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 0;
	height: 0px;
	background: #222;
	transition: all 0.4s;
}

.layerPopup .layerGround .msg {
	margin-bottom: 40px;
	line-height: 24px;
	text-align: center;
}

.layerPopup .layerGround .msg2 {
	margin-bottom: 40px;
	line-height: 24px;
}

.layerPopup .cookieChk {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #dcdcdc;
}

.layerPopupArea.fullSize {
	padding: 0;
}

.layerPopupArea.fullSize .layerGround {
	min-height: 100vh;
}

.layerPopupArea.floating .layerPopup {
	height: 100%;
}
/* .layerPopupArea.floating .layerGround {position:absolute; left:50%; margin:0; top:50%;} */
.layerPopupArea.floating .layerGround {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
}

.layerPopupArea.alertType .layerPopup .layerGround .layerBody {
	padding-top: 60px;
}

.layerPopupArea.alertType .layerCont .msg {
	color: #222;
}

.layerPopupArea.alertType .layerCont .btn {
	width: 135px;
	margin: 0 auto;
}

.layerPopupArea.alertType .layerCont .btnWrap.type2 .btn {
	width: 100%;
}

.layerPopupArea.dueDateChangePop .layerGround .layer_wrap {
	position: relative;
	margin-top: 20px;
}

.layerPopupArea.dueDateChangePop .layerGround .layer_wrap::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #222;
}

.layerPopupArea.dueDateChangePop .calender_title {
	padding-top: 20px;
}

.layerPopupArea.dueDateChangePop .ui-datepicker.ui-datepicker-inline {
	margin: 10px 0;
}

.layerPopupArea.dueDateChangePop .calendar_select .calendar_btn {
	margin-top: 10px;
}

.layerPopupArea.dueDateChangePop .calendar_select .calendar_btn ul {
	font-size: 0;
}

.layerPopupArea.dueDateChangePop .calendar_select .calendar_btn ul li {
	display: inline-block;
	width: 33.3%;
	box-sizing: border-box;
}

.layerPopupArea.dueDateChangePop .calendar_select .calendar_btn ul li input[type="radio"]:checked+label
	{
	background: #222;
	color: #fff;
}

.layerPopupArea.dueDateChangePop .calendar_select .calendar_btn ul li:first-child label,
	.layerPopupArea.dueDateChangePop .calendar_select .calendar_btn ul li:nth-child(2) label
	{
	border-right: 0;
}

.layerPopupArea.dueDateChangePop .calendar_select .calendar_btn ul li label
	{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 15px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.layerPopupArea.dueDateChangePop .calendar_select .calendar_btn ul li input
	{
	display: none;
}

.layerPopupArea.dueDateChangePop .btn.sizeL {
	margin-top: 20px;
}

#snsShare .snsShare ul {
	text-align: center;
}

#snsShare .snsShare ul li {
	display: inline-block;
	margin: 0 6px;
	vertical-align: middle;
}

#snsShare .snsShare ul li a {
	display: block;
	width: 50px;
	height: 50px;
	background: url("../images/common/ico_sns_share3.png?ver=20240527")
		no-repeat;
	font-size: 0;
	color: transparent;
	-webkit-background-size: auto 50px;
	background-size: auto 50px;
}

#snsShare .snsShare ul li.fb a {
	background-position: 0 0;
}

#snsShare .snsShare ul li.kakao a {
	background-position: -50px 0;
}

#snsShare .snsShare ul li.url a {
	background-position: -100px 0;
}

#snsShare .btn {
	width: 135px;
	margin: 40px auto 0;
}

/* 이미지 중앙 크롭 */
.vAlign {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100% !important;
	min-width: 100% !important;
	transform: translate(-50%, -50%);
}

.hAlign {
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto !important;
	height: 100% !important;
	max-width: none !important;
	min-height: 100% !important;
	transform: translate(-50%, -50%);
}

/* 공지리스트 */
.notice_list {
	line-height: 22px;
}

.notice_list .secTit {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.notice_list li {
	padding-left: 8px;
	text-indent: -8px;
	font-size: 13px;
}

.infoList {
	margin-top: 15px;
}

.infoList ul li {
	margin-top: 8px;
	text-indent: -10px;
	padding-left: 10px;
}

.infoList2>ul>li {
	margin-top: 22px;
}

.infoList2>ul>li:first-child {
	margin-top: 0;
}

.infoList2>ul>li>dl>dt {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.infoList2>ul>li>dl>dd {
	margin-top: 6px;
	word-break: break-all;
}

.infoList3 .secTit {
	margin-bottom: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.infoList3>ul>li {
	margin-top: 22px;
}

.infoList3>ul>li:first-child {
	margin-top: 0;
}

.infoList3>ul>li>dl>dt {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.infoList3>ul>li>dl>dd>ul>li {
	position: relative;
	margin-top: 10px;
	padding-left: 9px;
	line-height: 24px;
}

.infoList3>ul>li>dl>dd>ul>li:before {
	position: absolute;
	left: 0;
	top: 11px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
}

.infoList3>ul>li>dl>dd>ul>li:first-child {
	margin-top: 0;
}

.infoList4 .secTit {
	margin-bottom: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.infoList4 li {
	position: relative;
	margin-top: 10px;
	padding-left: 11px;
	line-height: 23px;
	font-size: 12px;
}

.infoList4 li:first-child {
	margin-top: 0;
}

.infoList4 li:before {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
}

/* 테이블 */
.tblType1 {
	margin-top: 30px;
}

.tblType1.first {
	margin-top: 0;
}

.tblType1 .tblTit {
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.tblType1 .tbl li {
	margin-top: 15px;
}

.tblType1 .tbl li:first-child {
	margin-top: 0;
}

.tblType1 .tbl li dt {
	padding-bottom: 6px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 13px;
}

.tblType1 .tbl li dd {
	padding: 12px 0;
	border-bottom: 1px solid #dcdcdc;
	color: #222;
}

/* 기타 */
.sectionLine {
	height: 10px;
	border-top: 1px solid #eee;
	background: #f8f8f8;
}

/* 평점 */
.rating {
	width: 103px;
	height: 18px;
	background: url("../images/common/rating02.png") no-repeat;
	font-size: 0;
	color: transparent;
}

span.rating {
	display: inline-block;
	vertical-align: middle;
}

.rating.s0 {
	background-position: 0 100%;
}

.rating.s1 {
	background-position: 0 -72px;
}

.rating.s2 {
	background-position: 0 -54px;
}

.rating.s3 {
	background-position: 0 -36px;
}

.rating.s4 {
	background-position: 0 -18px;
}

.rating.s5 {
	background-position: 0 0;
}

.rating_large .pointArea {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 214px;
	height: 35px;
	background: #dcdcdc;
	vertical-align: middle;
}

.rating_large .pointArea .pointBg {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	margin-left: -100%;
	background: #5f77ba;
	font-size: 0;
	color: transparent;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.rating_large .pointArea .starPoint {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/common/bg_rating_large.png") no-repeat;
	-webkit-background-size: 215px;
	background-size: 215px;
	font-size: 0;
	color: transparent;
}

.rating_large .pointArea .starPoint button {
	float: left;
	width: 36px;
	height: 100%;
	margin: 0 4px;
	font-size: 0;
	color: transparent;
	outline: none;
	background: none;
}

.rating_large .pointArea .starPoint button:first-of-type {
	margin-left: 0;
}

.rating_large .pointArea .starPoint button:last-of-type {
	margin-right: 0;
}

.rating.white {
	width: 100px;
	height: 17px;
	background: url("../images/common/rating_white.png") no-repeat;
	-webkit-background-size: 100px;
	background-size: 100px;
	font-size: 0;
	color: transparent;
}

.rating.white.s0 {
	background-position: 0 0;
}

.rating.white.s1 {
	background-position: 0 -22px;
}

.rating.white.s2 {
	background-position: 0 -43px;
}

.rating.white.s3 {
	background-position: 0 -65px;
}

.rating.white.s4 {
	background-position: 0 -86px;
}

.rating.white.s5 {
	background-position: 0 -108px;
}

/* 댓글 */
.commentBox {
	margin-top: 50px;
}

.commentBox .title {
	position: relative;
	padding: 0 25px 18px;
	margin-bottom: 40px;
	border-bottom: 2px solid #222;
}

.commentBox .title h2 {
	font-size: 14px;
	color: #222;
}

.commentBox .title h2 span {
	color: #5f77ba;
}

.commentBox .title .applyEv {
	margin-top: 5px;
	font-size: 12px;
}

.commentBox .title .good {
	position: absolute;
	right: 25px;
	top: 4px;
	display: inline-block;
	padding-left: 20px;
	background: url("../images/common/ico_good.png") no-repeat 0 4px;
	-webkit-background-size: 14px;
	background-size: 14px;
	font-size: 12px;
}

.commentBox .title .good.on {
	background-position: 0 -20px;
}

.commentBox .cmt_write {
	position: relative;
	padding: 0 25px;
}

.commentBox .cmt_write .textarea textarea {
	height: 160px;
}

.commentBox .cmt_write .btn {
	margin-top: 20px;
}

.commentBox .cmt_list {
	padding: 0 25px;
}

.commentBox .cmt_list li {
	padding: 40px 0;
	border-bottom: 1px solid #dcdcdc;
}

.commentBox .cmt_list li:last-of-type {
	border-bottom: none;
}

.commentBox .cmt_list .cmtInfo {
	position: relative;
}

.commentBox .cmt_list .cmtInfo .userId {
	color: #222;
}

.commentBox .cmt_list .cmtInfo .userId .ico_admin {
	margin: -4px 6px 0 0;
}

.commentBox .cmt_list .cmtInfo .date {
	position: relative;
	padding-left: 12px;
	margin-left: 9px;
}

.commentBox .cmt_list .cmtInfo .date:before {
	position: absolute;
	left: 0;
	top: 5px;
	content: "";
	display: block;
	width: 1px;
	height: 11px;
	background: #dcdcdc;
}

.commentBox .cmt_list .cmtInfo .repairMenu {
	right: 10px;
	top: 0px;
	background: none;
}

.commentBox .cmt_list .cmt {
	margin-top: 15px;
	line-height: 26px;
	word-break: break-all;
}

.commentBox .cmt_list li>.cmt_write {
	margin-top: 35px;
	padding: 0;
}

.commentBox .cmt_list li .btnWrap {
	padding: 0;
	margin-bottom: 0;
	margin-top: 10px;
	border: none;
}

.commentBox .cmt_list li .btnWrap li {
	padding-top: 0;
	padding-bottom: 0;
	border: none;
}

.commentBox .cmt_list li .btnWrap li .btn {
	margin-top: 0;
}

.commentBox .cmt_list .replyWrap {
	margin: 40px -25px -41px;
}

.commentBox .cmt_list .reply {
	position: relative;
	padding: 30px 25px 30px 45px;
	background: #f8f8f8;
}

.commentBox .cmt_list .reply:before {
	position: absolute;
	left: 25px;
	top: 30px;
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.commentBox .cmt_list .reply:first-child {
	margin-top: 40px;
}

.commentBox .cmt_list .replyWrap.write .reply {
	padding: 25px;
	border: none;
}

.commentBox .cmt_list .replyWrap.write .reply .cmt_write {
	padding: 0;
}

.commentBox .cmt_list .replyWrap .cmt_write {
	padding: 0 25px 25px 25px;
	background: #f8f8f8;
}

.commentBox .viewMore {
	margin: 0 25px;
	padding: 30px 0 0;
	border-top: 1px solid #dcdcdc;
}

/* 글수정삭제메뉴 */
.repairMenu {
	position: absolute;
	z-index: 1;
	height: 15px;
	background: #fff;
}

.repairMenu .handler {
	display: block;
	width: 15px;
	height: 15px;
	background: url("../images/common/btn_repair.png") no-repeat 50% 50%;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
	font-size: 0;
	color: transparent;
}

.repairMenu .btns {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	padding: 5px 0;
	margin-top: 5px;
	border: 1px solid #dcdcdc;
	background: #fff;
}

.repairMenu .btns a {
	display: block;
	width: 85px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 13px;
	color: #222;
}

/* 달력 */
.ui-datepicker {
	overflow: hidden;
	position: fixed !important;
	left: 50% !important;
	top: calc(50% + 86px) !important;
	z-index: 3001 !important;
	display: none;
	width: 90%;
	min-width: 288px;
	max-width: 380px;
	padding: 50px 25px 20px 25px;
	box-sizing: border-box;
	border: 1px solid #222;
	background: #fff;
	text-align: center;
	line-height: 1;
	transform: translate(-50%, -50%);
}

.ui-datepicker.ui-datepicker-inline {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	z-index: 1;
	display: block;
	width: 100%;
	min-width: 260px;
	max-width: 360px;
	margin: 40px auto 0;
	padding-top: 30px;
	box-sizing: border-box;
	transform: none;
}

.ui-datepicker-header {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
}

.ui-datepicker-header .ui-corner-all {
	position: absolute;
	top: -2px;
	font-size: 0;
	width: 7px;
	height: 11px;
	padding: 5px;
	background: url("/resources/web/images/mypage/arr_calendar.png")
		no-repeat 50% 50%;
	cursor: pointer;
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
	left: 9px;
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-next {
	right: 9px;
	transform: rotate(180deg);
}

.ui-datepicker-header .ui-datepicker-title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
	margin-left: -6px;
}

.ui-datepicker-calendar thead th, .ui-datepicker-calendar tbody td {
	height: 36px;
}

.ui-datepicker-calendar thead th {
	font-size: 12px;
}

.ui-datepicker-calendar thead th.ui-datepicker-week-end:first-child {
	color: #ff3f3c;
}

.ui-datepicker-calendar tbody td {
	font-family: 'Montserrat';
	font-size: 13px;
}

.ui-datepicker-calendar .ui-state-default {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	line-height: 28px;
}

.ui-datepicker-calendar .ui-state-disabled {
	color: #ddd;
}

.ui-datepicker-calendar .ui-state-default.ui-state-highlight,
	.ui-datepicker-calendar .ui-state-default.ui-state-active {
	color: #fff;
}

.ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight {
	background: #eee;
	color: #666;
}

.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active {
	background: #5f77ba;
}

.ui-datepicker-calendar
  .ui-datepicker-current-day
  .ui-state-active.ui-state-hover {
	color: #fff;
}

.ui-datepicker-buttonpane .ui-datepicker-current {
	display: none;
}

.ui-datepicker-buttonpane .ui-datepicker-close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 14px;
	height: 14px;
	background: url("../images/common/btn_pop_close.png") no-repeat;
	-webkit-background-size: 14px;
	background-size: 14px;
	font-size: 0;
	color: transparent;
}

.ui-datepicker-calendar .range .ui-state-default {
	border-radius: 50%;
	background: #5f77ba;
	color: #fff;
}

.ui-datepicker-calendar .on .ui-state-default {
	border-radius: 50%;
	background: #888;
	color: #fff;
}

.ui-datepicker-multi-2 {
	width: auto !important;
	padding: 0 25px;
	border: none;
}

.ui-datepicker-group {
	position: relative;
	float: left;
	width: 228px;
	min-height: 280px;
	margin: 0 15px;
	padding: 25px 25px 20px 25px;
	border: 1px solid #dcdcdc;
}

.ui-datepicker-group .ui-datepicker-current-day .ui-state-active {
	background: none;
	color: #888;
}

.ui-datepicker-group .ui-datepicker-today .ui-state-highlight {
	background: none;
	color: #888;
}

.ui-datepicker-group .ui-datepicker-header {
	position: static;
}

.ui-datepicker-group .ui-datepicker-header .ui-corner-all {
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	padding: 0;
	background: url("/resources/web/images/common/arr_showcase.png")
		no-repeat 50% 50%;
}

.ui-datepicker-group .ui-datepicker-header .ui-corner-all.ui-datepicker-prev
	{
	left: -50px;
	transform: rotate(180deg);
}

.ui-datepicker-group .ui-datepicker-header .ui-corner-all.ui-datepicker-next
	{
	right: -50px;
	transform: rotate(0);
}

.ui-datepicker-group .ui-datepicker-header .ui-corner-all.ui-state-disabled
	{
	opacity: 0.2;
}

.date_select:after {
	content: "";
	display: block;
	clear: both;
}

.date_select .inputText {
	float: left;
	width: 45%;
}

.date_select .inputText input {
	background: #fff url("../images/common/ico_calendar.png") no-repeat;
	background-position: calc(100% - 9px) 50%;
	-webkit-background-size: 20px;
	background-size: 20px;
}

.date_select .inputText .ui-datepicker-trigger {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
}

.date_select .tilde {
	float: left;
	width: 10%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #222;
}

/* header */
.header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3000;
	width: 100%;
	min-width: 320px;
	min-height: 59px;
	transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
	border-bottom: 1px solid #d9d9d9;
	background-color: #fff;
}

.header .totalSearch .reset {
	position: absolute;
	right: 24px;
	top: 9px;
	width: 18px;
	height: 18px;
	background:
		url("https://image.aestura.com/resources/web/images/common/btn_search_reset.png")
		no-repeat;
	font-size: 0;
	color: transparent;
}

.header .mainBtn {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	background: #fff;
	transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
	border-bottom: 1px solid #e2e2e2;
	height: 62px;
}

.header .mainBtn h1 {
	text-align: center;
	font-size: 0;
}

.header .mainBtn h1 a {
	display: inline-block;
	width: 100px;
	height: 59px;
	line-height: 59px;
	background: url("../images/common/logo.png?ver=250512") no-repeat 50%
		50%;
	-webkit-background-size: 99px 16px;
	background-size: 99px 16px;
	vertical-align: middle;
	font-size: 0;
	color: transparent;
	transition: all 0.3s ease-in-out;
}

.header .mainBtn h1.pageNm span {
	display: block;
	width: 100%;
	padding: 0 50px;
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 45px;
	letter-spacing: -0.05em;
	color: #222;
	box-sizing: border-box;
}

.header .mainBtn .aside {
	position: absolute;
	right: 5px;
	top: -2px;
}

.header .mainBtn .btnTotalSch {
	display: inline-block;
	width: 14px;
	height: 16px;
	padding: 10px 0 10px 10px;
	background: url("../images/common/btn_total_sch_bk.png") no-repeat 50%
		50%;
	-webkit-background-size: 14px;
	background-size: 14px;
	font-size: 0;
	color: transparent;
	transition: all 0.3s ease-in-out;
}

.header .mainBtn .btnCart {
	position: relative;
	display: inline-block;
	width: 19px;
	height: 17px;
	padding: 10px 10px 10px 0;
	background: url("../images/common/ico_cart.png") no-repeat 50% 50%;
	-webkit-background-size: 19px;
	background-size: 19px;
	font-size: 0;
	color: transparent;
	transition: all 0.3s ease-in-out;
}

.header .mainBtn .btnCart span {
	position: absolute;
	right: -1px;
	top: 5px;
	display: block;
	min-width: 14px;
	height: 14px;
	padding: 0 2px;
	border-radius: 7px;
	box-sizing: border-box;
	background: #5f77ba;
	line-height: 14px;
	text-align: center;
	font-size: 10px;
	color: #fff;
}

.header .btnOfferSlide {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
}

.header .btnOfferSlide:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	display: block;
	width: 1px;
	height: 30px;
	background: #454545;
}

.header .btnOfferSlide a {
	float: left;
	display: block;
	width: 50%;
	height: 30px;
	background: #222;
	text-align: center;
	line-height: 30px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #fff;
}

.header .btnOfferSlide a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 2px;
	background: url(../images/common/ico_plus.png) no-repeat 50% 50%;
	-webkit-background-size: 7px;
	background-size: 7px;
}

.header .header_emblem {
	position: absolute;
	top: 5px;
	left: 44px;
	width: 34px;
	height: 34px;
}

.header .header_emblem img {
	width: 100%;
}

.gnbWrap {
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding-top: 57px;
	background: #fff;
	box-sizing: border-box;
	transform: translateX(-100%);
	transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.gnbWrap .scrollArea {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	min-height: 100%;
	border-top: 1px solid #d9d9d9;
	-webkit-overflow-scrolling: touch;
}

.gnbWrap .loginInfo {
	overflow: hidden;
	padding: 20px 25px;
	border-bottom: 1px solid #dcdcdc;
	letter-spacing: -0.02em;
}

.gnbWrap .loginInfo .user {
	float: left;
	padding-left: 23px;
	background: url("../images/common/ico_login_info.png") no-repeat 0 -70px;
	-webkit-background-size: 25px;
	background-size: 25px;
	color: #222;
}

.gnbWrap .loginInfo .user a {
	color: #222;
}

.gnbWrap .loginInfo .link {
	float: right;
	padding-right: 15px;
	background: url("../images/common/arr_right_gr2.png") no-repeat 100% 5px;
	-webkit-background-size: 6px;
	background-size: 6px;
	font-size: 13px;
}

.gnbWrap .loginInfo.on .user {
	padding-left: 0;
	background: none;
}

.gnbWrap .userInfo {
	background: #5f77ba;
}

.gnbWrap .userInfo .dt {
	font-size: 12px;
}

.gnbWrap .userInfo .dd {
	font-family: 'Montserrat';
	font-weight: bold;
}

.gnbWrap .userInfo .pointBox {
	float: left;
	display: block;
	width: 50%;
	padding: 25px;
	box-sizing: border-box;
	color: #fff;
}

.gnbWrap .userInfo .pointBox .dt {
	display: block;
	margin-bottom: 5px;
}

.gnbWrap .userInfo .pointBox .dt:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../images/common/ico_login_info.png") no-repeat;
	-webkit-background-size: 25px;
	background-size: 25px;
	vertical-align: middle;
}

.gnbWrap .userInfo .pointBox.mileage .dt:before {
	width: 24px;
	height: 15px;
	background-position: 0 0;
}

.gnbWrap .userInfo .pointBox.btPT .dt:before {
	margin-right: 5px;
	background: url("../images/common/img_beauty_point_w.svg") no-repeat;
	-webkit-background-size: 25px;
	background-size: 100% 100%;
	background-position: 0 0;
}

.gnbWrap .userInfo .pointBox.astrPT .dt:before {
	background-position: 0 -23px;
}

.gnbWrap .userInfo .pointBox .dd {
	font-size: 23px;
}

.gnbWrap .userInfo .orderInfo {
	float: left;
	display: block;
	width: 50%;
	padding: 20px 25px;
	border-top: 1px solid #8fa0cf;
	box-sizing: border-box;
	font-size: 0;
	color: #fff;
}

.gnbWrap .userInfo .orderInfo:first-child {
	border-right: 1px solid #8fa0cf;
}

.gnbWrap .userInfo .orderInfo .dd {
	float: right;
	font-size: 18px;
}

.gnbWrap .gnb {
	position: relative;
	padding: 27px 0;
	letter-spacing: -0.05em;
}

.gnbWrap .gnb ul li.on .subMenu {
	display: block;
	opacity: 1;
	transform: translateX(0);
}

.gnbWrap .gnb>ul>li {
	margin-top: 38px;
}

.gnbWrap .gnb>ul>li:first-child {
	margin-top: 0;
}

.gnbWrap .gnb>ul>li>a {
	position: relative;
	display: block;
	margin: 0 24px;
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 14px;
	color: #222;
	box-sizing: border-box;
}

.gnbWrap .gnb .subMenu {
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	width: 100%;
	margin-top: 0;
	transform: translateX(100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 1;
	opacity: 0;
}

.gnbWrap .gnb .subMenu .btn_prev, .gnbWrap .gnb .subMenu .btn_sub_prev,
	.gnbWrap .gnb .subMenu .btn_third_prev {
	display: block;
	margin: 27px 20px;
	padding-left: 27px;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #5887da;
	background: url("../images/common/arr_back_b.png") no-repeat 0 50%;
	-webkit-background-size: 16px 12px;
	background-size: 16px 12px;
}

.gnbWrap .gnb .subMenu ul li {
	margin-bottom: 35px;
}

.gnbWrap .gnb .subMenu ul li a {
	position: relative;
	display: block;
	margin: 0 20px;
	font-family: 'Montserrat';
	font-size: 14px;
	color: #222;
	line-height: 20px;
	box-sizing: border-box;
}

.gnbWrap .gnb i.ico_arrow {
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
	width: 9px;
	height: 16px;
	background: url("../images/common/arr_right_bk.png") no-repeat 100% 50%;
	-webkit-background-size: 9px 16px;
	background-size: 9px 16px;
}

.gnbWrap .gnb .subMenu ul li.subOn .sub_subMenu {
	display: block;
	opacity: 1;
	transform: translateX(0);
}

.gnbWrap .gnb .subMenu ul li .sub_subMenu {
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	width: 100%;
	margin-top: 0;
	transform: translateX(100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 1;
}

.gnbWrap .gnb .sub_subMenu ul li.thirdOn .sub_thirdMenu {
	display: block;
	opacity: 1;
	transform: translateX(0);
}

.gnbWrap .gnb .sub_subMenu ul li .sub_thirdMenu {
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	width: 100%;
	margin-top: 0;
	transform: translateX(100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 1;
}

.gnbWrap .gnb .subMenu ul li.has_subMenu>a, .gnbWrap .gnb .subMenu ul li.has_thirdMenu>a
	{
	position: relative;
	font-family: 'Montserrat';
	font-weight: 600;
}

.gnbWrap .gnb .subMenu ul li ul li a {
	font-family: 'Montserrat';
	font-weight: 500;
}

.gnbWrap .gnb .subMenu ul li.has_subMenu.subOn a i:after {
	transform: rotate(90deg);
}

.gnbWrap .gnb .subMenu ul li a sup {
	font-size: 0.5em;
	line-height: 1;
}

.gnbWrap .gnb .subMenu ul li .sub_subMenu .menuNm {
	position: relative;
	z-index: 1;
	display: block;
	padding: 20px 45px 0 45px;
	margin-bottom: -10px;
	background: #f8f8f8;
	font-size: 15px;
	color: #222;
}

.gnbWrap .gnb .subMenu ul li .sub_subMenu.type2 .menuNm {
	margin-bottom: 0;
}

.gnbWrap .gnb .subMenu ul li .sub_subMenu.type2>ul>li {
	margin-top: 0;
}

.gnbWrap .gnb .subMenu ul li .sub_subMenu.type2>ul>li:first-child {
	margin-top: 20px;
}

.gnbWrap .gnb .subMenu ul li .sub_subMenu .menuNm.pt0 {
	padding-top: 0;
}

.gnbWrap .gnb .subMenu ul li ul.link {
	position: relative;
	overflow: hidden;
	margin: 0 20px;
}

.gnbWrap .gnb .subMenu ul li ul.link:first-child {
	margin: 20px 0 0 0;
}

.gnbWrap .gnb .subMenu ul li ul.link li {
	margin-bottom: 30px;
}

.gnbWrap .gnb .subMenu ul li ul.link li a {
	margin: 0;
	font-family: 'Montserrat';
}

.gnbWrap .gnb .subMenu ul li p {
	padding: 0 45px 25px;
	background: #f8f8f8;
	font-size: 11px;
	color: #888;
}

.gnbWrap .cs {
	position: relative;
	margin: 0 25px;
	padding: 24px 0;
	border-top: 1px solid #dcdcdc;
}

.gnbWrap .cs li {
	margin-top: 15px;
}

.gnbWrap .cs li:first-child {
	margin-top: 0;
}

.gnbWrap .cs a {
	font-size: 15px;
	letter-spacing: -0.05em;
	color: #222;
}

.gnbWrap .userInfo+.cs {
	margin-top: 15px;
	border-top: none;
}

.totalSearch {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding-top: 105px;
	background: #5f77ba;
	box-sizing: border-box;
	margin-left: 100%;
	transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.totalSearch .scrollArea {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	min-height: 100%;
	padding: 0 25px;
	-webkit-overflow-scrolling: touch;
}

.totalSearch .schBar {
	position: relative;
}

.totalSearch .schBar .schKeyword {
	width: 100%;
	height: 40px;
	padding-left: 0;
	padding-right: 50px;
	border: none;
	border-bottom: 1px solid #fff;
	background: none;
	line-height: 39px;
	font-size: 18px;
	color: #fff;
	box-sizing: border-box;
}

.totalSearch .schBar .schKeyword::-webkit-input-placeholder {
	color: #fff;
}

.totalSearch .schBar .btnSch {
	position: absolute;
	right: -9px;
	top: 0;
	display: block;
	width: 13px;
	height: 15px;
	padding: 10px;
	background: url(../images/common/btn_total_sch_wh.png) no-repeat 50% 50%;
	-webkit-background-size: 13px;
	background-size: 13px;
	font-size: 0;
	color: transparent;
	box-sizing: content-box;
	border: 0;
}

.totalSearch dl {
	overflow: hidden;
}

.totalSearch dl dt {
	margin: 25px 0 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

.totalSearch dl dd {
	float: left;
	margin: 5px 5px 0 0;
}

.totalSearch dl dd:first-child {
	clear: both;
}

.totalSearch dl dd a {
	display: inline-block;
	height: 25px;
	padding: 0 6px;
	background: #4d63a0;
	line-height: 25px;
	font-size: 15px;
	color: #fff;
}

.header.transition .mainBtn {
	background: none;
}

.header.transition .mainBtn h1 a {
	background-image: url("../images/common/logo_wh.png?ver=20240710");
}

.header.transition .mainBtn .btnMenu span {
	background: #fff;
	transition-duration: 0.3s;
	transition-delay: 0;
}

.header.transition .mainBtn .btnTotalSch {
	background-image: url("../images/common/btn_total_sch_wh.png");
}

.header.transition .mainBtn .btnCart {
	background-image: url("../images/common/ico_cart_wh.png");
}

.header.gnbON .mainBtn h1 a {
	background-image: url("../images/common/logo.png?ver=20240710");
}

.header.gnbON .mainBtn .btnMenu span {
	background: #222;
	transition-duration: 0.3s;
	transition-delay: 0;
}

.header.gnbON .mainBtn .btnTotalSch {
	background-image: url("../images/common/btn_total_sch_wh.png");
	opacity: 0;
	visibility: hidden;
}

.header.gnbON .mainBtn .btnCart {
	background-image: url("../images/common/ico_cart.png");
}

.header.gnbON .gnbWrap {
	transform: translateX(0);
}

.header.searchON {
	position: fixed;
}

.header.searchON .totalSearch {
	margin-left: 0;
}

.header.searchON .mainBtn {
	background: none;
}

.header.searchON .mainBtn .btnMenu {
	opacity: 0;
}

.header.searchON .mainBtn h1 a {
	background-image: url("../images/common/logo_wh.png");
}

.header.searchON .mainBtn .btnMenu span {
	background: #fff;
	transition-duration: 0.3s;
	transition-delay: 0;
}

.header.searchON .mainBtn .btnTotalSch {
	right: 0;
	margin-top: 4px;
	float: right;
	background-image: url("../images/common/btn_close_wh.png");
}

.header.searchON .mainBtn .btnCart {
	visibility: hidden;
	opacity: 0;
}

.header .btnMenu, .btnMenu span {
	display: inline-block;
	transition: all 0.15s;
	box-sizing: border-box;
}

.header .btnMenu {
	transform: translateY(-50%);
	position: absolute;
	left: 25px;
	top: 50%;
	width: 17px;
	height: 14px;
}

.header .btnMenu span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #222;
}

.header .btnMenu span:nth-of-type(1) {
	top: 0;
	-webkit-animation: menu-bar01 0.75s forwards;
	animation: menu-bar01 0.75s forwards;
}

.header .btnMenu span:nth-of-type(2) {
	top: 6px;
}

.header .btnMenu span:nth-of-type(3) {
	bottom: 0;
}

@
-webkit-keyframes menu-bar01 { 0% {
	-webkit-transform: translateY(5px) rotate(45deg);
}

50






%
{
-webkit-transform






:






translateY




(






5px






)






rotate




(






0






)




;
}
100






%
{
-webkit-transform






:






translateY




(






0






)






rotate




(






0






)




;
}
}
@
keyframes menu-bar01 { 0% {
	transform: translateY(5px) rotate(45deg);
}

50






%
{
transform






:






translateY




(






5px






)






rotate




(






0






)




;
}
100






%
{
transform






:






translateY




(






0






)






rotate




(






0






)




;
}
}
.header .btnMenu span:nth-of-type(2) {
	transition: all 0.15s 0.15s;
	opacity: 1;
}

.header .btnMenu span:nth-of-type(3) {
	-webkit-animation: menu-bar02 0.75s forwards;
	animation: menu-bar02 0.75s forwards;
}

@
-webkit-keyframes menu-bar02 { 0% {
	-webkit-transform: translateY(-5px) rotate(-45deg);
}

50






%
{
-webkit-transform






:






translateY




(






-5px






)






rotate




(






0






)




;
}
100






%
{
-webkit-transform






:






translateY




(






0






)






rotate




(






0






)




;
}
}
@
keyframes menu-bar02 { 0% {
	transform: translateY(-5px) rotate(-45deg);
}

50






%
{
transform






:






translateY




(






-5px






)






rotate




(






0






)




;
}
100






%
{
transform






:






translateY




(






0






)






rotate




(






0






)




;
}
}
/*.header .btnMenu.active span:nth-of-type(1) {
	top: 1px;
	-webkit-animation: active-menu-bar01 0.75s forwards;
	animation: active-menu-bar01 0.75s forwards;
}*/
.header .btnMenu.active span:nth-of-type(1) {
	top: 5px;
	transform: rotate(45deg);
	-webkit-animation: spin 3s ease-in-out infinite alternate;
	animation: spin 3s ease-in-out infinite alternate;
}

@
-webkit-keyframes active-menu-bar01 { 0% {
	-webkit-transform: translateY(0) rotate(0);
}

50






%
{
-webkit-transform






:






translateY




(






5px






)






rotate




(






0






)




;
}
100






%
{
-webkit-transform






:






translateY




(






5px






)






rotate




(






45deg






)




;
}
}
@
keyframes active-menu-bar01 { 0% {
	transform: translateY(0) rotate(0);
}

50






%
{
transform






:






translateY




(






5px






)






rotate




(






0






)




;
}
100






%
{
transform






:






translateY




(






5px






)






rotate




(






45deg






)




;
}
}
.header .btnMenu.active span:nth-of-type(2) {
	opacity: 0;
}

/*.header .btnMenu.active span:nth-of-type(3) {
	bottom: 1px;
	-webkit-animation: active-menu-bar03 0.75s forwards;
	animation: active-menu-bar03 0.75s forwards;
}*/
.header .btnMenu.active span:nth-of-type(3) {
	top: 5px;
	transform: rotate(135deg);
	animation: spin 3s ease-in-out infinite alternate;
	-webkit-animation: spin 3s ease-in-out infinite alternate;
}

@
-webkit-keyframes active-menu-bar03 { 0% {
	-webkit-transform: translateY(0) rotate(0);
}

50






%
{
-webkit-transform






:






translateY




(






-5px






)






rotate




(






0






)




;
}
100






%
{
-webkit-transform






:






translateY




(






-5px






)






rotate




(






-45deg






)




;
}
}
@
keyframes active-menu-bar03 { 0% {
	transform: translateY(0) rotate(0);
}

50






%
{
transform






:






translateY




(






-5px






)






rotate




(






0






)




;
}
100






%
{
transform






:






translateY




(






-5px






)






rotate




(






-45deg






)




;
}
}

/* sub menu */
.snbMenuTab {
	background: #fff;
}

.snbMenuTab ul {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #d9d9d9;
}

.snbMenuTab ul li {
	width: 33.33%;
	text-align: center;
}

.snbMenuTab ul li a {
	display: block;
	padding: 15px 0;
	font-size: 12px;
	color: #888;
}

.snbMenuTab ul li.current a {
	border-bottom: 4px solid #5f77ba;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

/* offer slide */
.offerSlide {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3003;
	transform: translateY(-100%);
	width: 100%;
	height: 100%;
	background: #fff;
	transition: transform 0.6s ease-in-out;
}

.offerSlide .astrLine {
	position: relative;
}

.offerSlide .astrLine .slick-list, .offerSlide .astrLine .slick-track {
	height: 100%;
}

.offerSlide .astrMD {
	height: calc(50% - 15px);
}

.offerSlide .astr365 {
	height: calc(50% - 15px);
}

.offerSlide .slideWrap {
	overflow: hidden;
	height: 100%;
}

.offerSlide .slide_item {
	float: left;
	width: 100%;
	height: 100%;
}

.offerSlide .slide_item a {
	display: block;
	width: 100%;
	height: 100%;
}

.offerSlide .slide_item .contWrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.offerSlide .slide_item .contWrap .tabName {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 53%;
	text-align: right;
	font-family: 'Montserrat';
	color: #5f77ba;
}

.offerSlide .about .contWrap {
	padding: 50px 25px 0;
}

.offerSlide .about .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 19px;
	color: #222;
}

.offerSlide .about .desc {
	margin: 10px 0 0 14px;
	font-size: 11px;
	line-height: 17px;
	color: #222;
}

.offerSlide .product .contWrap .pdtThumb {
	overflow: hidden;
	position: relative;
	float: left;
	width: 39%;
	height: 100%;
}

.offerSlide .product .contWrap .pdtThumb img {
	position: absolute;
	left: 50%;
	top: 0;
	width: auto;
	max-width: none;
	height: 100%;
	transform: translateX(-50%);
}

.offerSlide .product .contWrap .txtWrap {
	float: left;
	display: table;
	table-layout: fixed;
	width: 61%;
	height: 100%;
	box-sizing: border-box;
}

.offerSlide .product .contWrap .txtWrap .inner {
	display: table-cell;
	height: 100%;
	padding: 0 25px;
	vertical-align: middle;
}

.offerSlide .product .contWrap .txtWrap .titleDesc {
	margin-bottom: 5px;
	font-family: 'Montserrat';
	font-size: 11px;
	color: #222;
}

.offerSlide .product .contWrap .txtWrap .title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	word-break: keep-all;
	line-height: 20px;
	color: #222;
}

.offerSlide .product .contWrap .txtWrap .desc {
	margin-top: 12px;
	font-size: 11px;
	color: #222;
}

.offerSlide .evBan a {
	display: block;
	width: 100%;
	height: 100%;
}

.offerSlide .evBan .contWrap {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.offerSlide .evBan .txtWrap {
	padding-top: 35px;
	text-align: center;
}

.offerSlide .evBan .txtWrap .titleDesc {
	font-size: 12px;
	color: #222;
}

.offerSlide .evBan .txtWrap .title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.offerSlide .evBan .txtWrap .desc {
	margin-top: 10px;
	font-size: 11px;
}

.offerSlide .tab {
	position: absolute;
	left: 40px;
	bottom: 20px;
	overflow: hidden;
	width: calc(100% - 80px);
}

.offerSlide .tab:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: -1px;
	background: #dcdcdc;
}

.offerSlide .tab ul {
	position: relative;
	text-align: center;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.offerSlide .tab li {
	display: inline-block;
	margin-left: 35px;
	vertical-align: bottom;
}

.offerSlide .tab li:first-child {
	margin-left: 0;
}

.offerSlide .tab li a {
	position: relative;
	display: inline-block;
	padding: 8px 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 11px;
	color: #222;
}

.offerSlide .tab li.on a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #5f77ba;
}

.offerSlide .slideClose {
	height: 24px;
}

.offerSlide .slideClose a {
	display: block;
	height: 30px;
	background: #333;
	text-align: center;
	line-height: 30px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #fff;
}

.offerSlide .slideClose a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 6px;
	margin-left: 3px;
	background: url("../images/common/arr_offer_close.png") no-repeat;
	-webkit-background-size: 10px;
	background-size: 10px;
}

.offerSlide .astrMD .about {
	background: url("../images/common/bg_md.jpg") no-repeat 100% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}

.offerSlide .astr365 .about {
	background: #5f77ba;
}

.offerSlide .astr365 .about .tit, .offerSlide .astr365 .about .desc {
	color: #fff;
}

.offerSlide .astr365 .slide_item .contWrap .tabName {
	color: #222;
}

.offerSlide .astr365 .product {
	background: #5f77ba;
	color: #fff;
}

.offerSlide .astr365 .product .contWrap .txtWrap .titleDesc, .offerSlide .astr365 .product .contWrap .txtWrap .title,
	.offerSlide .astr365 .product .contWrap .txtWrap .desc {
	color: #fff;
}

.offerSlide .astr365 .evBan .contWrap {
	background-color: #5f77ba;
}

.offerSlide .astr365 .tab:after {
	background: rgba(220, 220, 220, 0.4);
}

.offerSlide .astr365 .tab li a {
	color: #fff;
}

.offerSlide .astr365 .tab li.on a:after {
	background: #fff;
}

.offerSlide .astr365 .evBan .txtWrap .titleDesc, .offerSlide .astr365 .evBan .txtWrap .title,
	.offerSlide .astr365 .evBan .txtWrap .desc {
	color: #fff;
}

.offerSlide.on {
	transform: translateY(0);
}

/* footer */
.footer {
	border-top: 1px solid #d9d9d9;
}

.footer .notice {
	overflow: hidden;
	padding: 15px 25px;
	border-top: 1px solid #dcdcdc;
	background: #fff;
}

.footer dt {
	float: left;
	width: 55px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.footer dd:first-of-type {
	float: left;
	width: calc(100% - 125px);
}

.footer dd:first-of-type a {
	display: block;
	color: #222;
}

.footer dd:last-child {
	float: right;
	width: 70px;
	text-align: right;
}

.footer .inner {
	padding: 5px 25px 49px;
}

.footer .links_type2 {
	font-size: 11px;
	border-bottom: 1px solid #3d3d3d;
}

.footer .links_type2 li {
	display: inline-block;
	padding-bottom: 10px;
}

.footer .links li {
	margin-top: 17px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.footer .links li:first-child {
	margin-left: 0;
}

@media all and (max-width: 374px) {
}

.footer .cs {
	margin-top: 18px;
	line-height: 25px;
	font-family: 'Montserrat';
}

.footer .siteInfo {
	margin: 10px -24px 0;
	padding: 25px 24px 0;
	border-top: 1px solid #d9d9d9;
	font-family: 'Montserrat';
}

.footer .siteInfo .trigger {
	position: relative;
	display: block;
	height: 40px;
	border-bottom: 1px solid #3d3d3d;
	line-height: 40px;
	font-size: 12px;
}

.footer .siteInfo .trigger:before {
	position: absolute;
	right: 5px;
	top: 21px;
	content: "";
	display: block;
	width: 9px;
	height: 1px;
	margin-left: -2px;
	background: #666;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.footer .siteInfo .trigger:after {
	position: absolute;
	right: 13px;
	top: 21px;
	content: "";
	display: block;
	width: 9px;
	height: 1px;
	margin-right: -2px;
	background: #666;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.footer .siteInfo.on .trigger:before {
	transform: rotate(45deg);
}

.footer .siteInfo.on .trigger:after {
	transform: rotate(-45deg);
}

.footer .copy img {
	width: 70px;
}

.footer .siteInfo .logo {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 25px;
}

.footer .copy p {
	font-family: 'Montserrat';
	margin: 15px 0 24px;
	line-height: 25px;
}

.footer .copy p a {
	display: inline-block;
	text-decoration: underline;
}

.footer .sns {
	margin-top: 24px;
}

.footer .sns a {
	display: inline-block;
	margin-right: 10px;
	padding: 10px;
	vertical-align: top;
	font-size: 0;
	color: transparent;
}

.footer .sns a span {
	display: inline-block;
	width: 16px;
	height: 16.5px;
	background: url("../images/common/ico_footer_sns02.png") no-repeat;
	-webkit-background-size: auto 69.5px;
	background-size: auto 69.5px;
}

.footer .sns a:nth-of-type(1) span {
	background-position: 0 0;
}

.footer .sns a:nth-of-type(2) span {
	background-position: 0 -26px;
}

.footer .sns a:nth-of-type(3) span {
	background-position: 0 -54px;
}

.modal {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}

#widget {
	position: fixed;
	right: 12px;
	bottom: 12px;
	z-index: 1001;
}

#widget .widgetWrap {
	position: relative;
}

#widget .widgetWrap a {
	position: relative;
	display: block;
	width: 45px;
	height: 44px;
	border-radius: 50%;
	background: #fff url("../images/common/widget.png") no-repeat;
	-webkit-background-size: 45px;
	background-size: 45px;
	font-size: 0;
	color: transparent;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

#widget .widgetWrap .btnExec {
	position: relative;
	z-index: 2;
	background-color: #5f77ba;
	background-position: 0 100%;
}

#widget .widgetWrap .btnExec:before {
	display: inline-block;
	content: "";
	width: 45px;
	height: 44px;
	border-radius: 50%;
	background: #5f77ba url("../images/common/widget.png") no-repeat;
	-webkit-background-size: 45px;
	background-size: 45px;
	font-size: 0;
	color: transparent;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	background-position: 0 100%;
}

#widget .widgetWrap .btnExec:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -23px;
	margin-left: -23px;
	background: #5f77ba;
	width: 45px;
	height: 45px;
	content: "";
	display: block;
	border-radius: 50%;
	animation: wave-animate 4s infinite;
	transform-origin: center;
	z-index: -1;
}

#widget .quickMenu {
	overflow: hidden;
	position: absolute;
	right: -10px;
	bottom: -11px;
	z-index: -1;
	padding: 10px;
	visibility: hidden;
}

#widget .quickMenu ul {
	position: relative;
	min-width: 150px;
	min-height: 325px;
}

#widget .quickMenu li {
	position: absolute;
	height: 45px;
	right: 0;
	bottom: 0;
	line-height: 45px;
	text-align: right;
	font-size: 0;
	opacity: 0;
	transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

#widget .quickMenu li:first-child {
	margin-top: 0;
}

#widget .quickMenu li:first-child a {
	background: #fff url("../images/common/widget_07.png") no-repeat center;
	background-size: 40px;
}

#widget .quickMenu li:nth-of-type(2) a {
	background: #fff url("../images/common/widget_04.png") no-repeat center;
	background-size: 30px;
}

#widget .quickMenu li:nth-of-type(3) a {
	background: #fff url("../images/common/widget_05.png") no-repeat center;
	background-size: 31px;
}

#widget .quickMenu li:nth-of-type(4) a {
	background: #fff url("../images/common/widget_06.png") no-repeat center;
	background-size: 35px;
}

#widget .quickMenu li a {
	display: inline-block;
}

#widget .quickMenu li span {
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 55px;
	text-align: right;
	white-space: nowrap;
	font-size: 16px;
	color: #fff;
}

#widget.on {
	z-index: 3001;
}

#widget.on .btnExec {
	background-position: 0 -180px;
}

#widget.on .quickMenu {
	z-index: 1;
	visibility: visible;
}

#widget.on .quickMenu ul li {
	opacity: 1;
}
/*
#widget.on .quickMenu ul li:nth-of-type(1) {
  bottom: 220px;
}
*/
#widget.on .quickMenu ul li:nth-of-type(1) {
	bottom: 165px;
	transition-delay: 0.03s;
}

#widget.on .quickMenu ul li:nth-of-type(2) {
	bottom: 110px;
	transition-delay: 0.06s;
}

#widget.on .quickMenu ul li:nth-of-type(3) {
	bottom: 55px;
	transition-delay: 0.09s;
}

#widget .evWg {
	position: absolute;
	right: -2px;
	bottom: 50px;
	transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

#widget.on .evWg {
	bottom: -5px;
	opacity: 0;
}

#widget .quickMenu.mdMenu ul {
	position: relative;
	padding: 10px;
	min-width: 150px;
}

#widget .quickMenu.mdMenu li:nth-of-type(1) a {
	background: #fff url("../images/common/widget_05.png") no-repeat center;
	background-size: 31px;
}

#widget .quickMenu.mdMenu li:nth-of-type(2) a {
	background: #fff url(../images/common/widget_01.png) no-repeat center;
	background-size: 31px;
}

#widget .quickMenu.mdMenu li:nth-of-type(3) a {
	background: #fff url(../images/common/widget_02.png?ver=20231129)
		no-repeat center;
	background-size: 30px;
}

#widget .quickMenu.mdMenu li:nth-of-type(4) a {
	background: #fff url(../images/common/widget_03.png) no-repeat center;
	background-size: 33px;
}

#widget.on .mdMenu .btnExec {
	background-position: 0 -135px;
}

#widget.on .widgetWrap .btnExec:after {
	animation: forwards;
}
/* #widget.on {animation:forwards;} */

/* @keyframes _widgetAction{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
} */
@
keyframes wave-animate { 0% {
	transform: scale(0);
	opacity: 1;
	transform-origin: center;
}

40






%
{
transform






:






scale




(






1






)




;
opacity






:






0




.6




;
transform-origin






:






center




;
}
100






%
{
transform






:






scale




(






1




.5






)




;
opacity






:






0




;
transform-origin






:






center




;
}
}
#container.productView #widget, .testerWrap #widget, .shopMainBWrap #widget,
	.cartWrap #widget {
	bottom: 65px;
}

/* 게시판 */
.boardWrap {
	margin: 0 24px;
	font-family: 'Montserrat';
}

.boardWrap .pagination {
	margin-top: 59px;
}

.boardWrap .snbMenuTab {
	margin-top: 22px;
}

.boardWrap .totalCnt {
	margin: 0 0 15px;
	color: #222;
}

.boardWrap .totalCnt span {
	color: #888;
}

.boardList {
	border-top: 1px solid #000;
}

.boardList li {
	border-bottom: 1px solid #d9d9d9;
}

.boardList li:first-child {
	border-top: none;
}

.boardList li a {
	display: block;
	padding: 25px 0;
}

.boardList li a .tit {
	overflow: hidden;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
	line-height: 27px;
}

.boardList li a .date {
	margin-top: 16px;
	font-size: 12px;
	color: #aaa;
}

.boardWrap .viewMore {
	margin-bottom: 100px;
}

.boardView {
	padding: 0 25px;
	font-family: 'Montserrat';
}

.boardView .info {
	padding: 40px 0 35px;
	border-bottom: 1px solid #d9d9d9;
}

.boardView .info .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
}

.boardView .info .date {
	margin-top: 20px;
	font-size: 12px;
	color: #aaa;
}

.boardView .cont {
	padding-top: 30px;
	color: #222;
}

.boardView .goList {
	margin: 30px 0 60px;
	text-align: right;
}

.boardView .goList .btn {
	display: inline-block;
	width: 150px;
}

#frm_noticeView .boardView .cont div, #frm_noticeView .boardView .cont span,
	#frm_noticeView .boardView .cont p {
	text-align: left !important;
	margin-left: 0 !important;
	text-indent: 0 !important;
}

#frm_noticeView .boardView .cont table {
	width: 100% !important;
}

.boardView2 .info {
	position: relative;
	padding: 35px 25px 40px;
}

.boardView2 .info .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: #222;
	word-break: break-all;
}

.boardView2 .info .date {
	margin-top: 12px;
	font-size: 12px;
	line-height: 18px;
}

.boardView2 .info .date span {
	margin-left: 5px;
}

.boardView2 .info .date span:first-child {
	margin-left: 10px;
}

.boardView2 .info .btnSnsShare {
	position: absolute;
	right: 25px;
	bottom: 12px;
}

.boardView2 .txt {
	padding: 15px 25px 5px;
	line-height: 21px;
	color: #222;
}

.boardView2 .cont {
	margin-top: 40px;
	padding: 0 25px 5px;
	color: #222;
	overflow: hidden;
	word-break: break-all;
}

.boardView2 .cont img {
	display: block;
	width: 100%;
	margin: 0 auto 20px;
}

.boardView2 .cont .source {
	margin-top: 30px;
}

.boardView2 .btnWrap {
	margin: 30px 0 60px;
	padding: 0 25px;
}

.board_others .item {
	padding: 20px 30px;
	border-top: 1px solid #eee;
}

.board_others .item span {
	font-size: 12px;
}

.board_others .item p {
	color: #222;
}

/* 데이터없음 */
.noData {
	padding: 60px 25px;
	text-align: center;
	font-family: 'Montserrat';
}

.noData p {
	padding-top: 77px;
	background: url("../images/common/ico_nodata.png") no-repeat 50% 0;
	-webkit-background-size: 12px;
	background-size: 12px;
}

.noData p span {
	color: #5f77ba;
}

.noData .btn {
	width: 150px;
	margin: 30px auto 0;
}

.removed {
	padding: 60px 25px;
	text-align: center;
}

.removed p {
	padding-top: 90px;
	background: url("../images/common/ico_cont_removed.png") no-repeat 50% 0;
	-webkit-background-size: 52px;
	background-size: 52px;
	line-height: 23px;
	color: #888;
}

/**
Main
**/
#container.main {
	padding-top: 0;
}

.main h2 {
	margin-bottom: 30px;
	padding-top: 48px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.mainMotion {
	opacity: 0;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.mainMotion:not(h2, .tiktokarea .mainMotion) {
	transition-delay: 0.5s;
}

.mainVisualWrap {
	position: relative;
	overflow: hidden;
	margin-top: 60px;
}

.mainVisualWrap:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	content: "";
	display: block;
	width: 100%;
	height: 150px;
	background: url("../images/product/bg_shadow.png") repeat-x;
	-webkit-background-size: 25px;
	background-size: 25px;
}

.mainVisual {
	position: relative;
	height: 100%;
}

.mainVisual .item {
	position: relative;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mainVisual .item.mv:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/common/blank.gif);
}

.mainVisual .item.mv iframe {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	height: 125%;
}

.mainVisual .item a {
	display: block;
	width: 100%;
	height: 100%;
	color: #222;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.mainVisual .item .txt {
	transform: translateY(-50%);
	position: absolute;
	left: 24px;
	top: 50%;
	color: #222;
}

.mainVisual .item .txt .t1 {
	margin-bottom: 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	opacity: 0;
	transform: translateY(-50px);
	transition: all 1s 0.2s ease;
}

.mainVisual .item .txt .t2 {
	margin-top: 24px;
	font-family: 'Montserrat';
	font-size: 14px;
	line-height: 20px;
	opacity: 0;
	transform: translateY(-50px);
	transition: all 1s 0.35s ease;
}

.mainVisual .btnMore {
	position: relative;
	width: auto;
	display: inline-block;
	margin-top: 30px;
	opacity: 0;
	transform: translateY(-50px);
	transition: all 1s 0.5s ease;
}

.mainVisual .btnMore a {
	width: auto;
	height: 42px;
	padding: 0 28px;
	line-height: 42px;
	font-size: 14px;
	color: #fff;
	background-color: #5887da;
	border: 1px solid #5887da;
}

.mainVisual .btnMore a:not(.type2):hover {
	color: #5887da;
	background-color: #fff;
	border-color: #5887da;
}

.mainVisual .btnMore2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.mainVisual .btnMore2>a {
	display: block;
	width: 100%;
	height: 100%;
}

.mainVisual .slick-list, .mainVisual .slick-track {
	height: 100%;
}

.mainVisual .item.on .txt .t1 {
	opacity: 1;
	transform: translateY(0);
}

.mainVisual .item.on .txt .t2 {
	opacity: 1;
	transform: translateY(0);
}

.mainVisual .item.on .btnMore {
	opacity: 1;
	transform: translateY(0);
}

.mainVisualWrap .numCount {
	font-size: 14px;
}

.mainVisualWrap .slideUnit .progress {
	width: 160px;
	display: block;
	height: 2px;
	overflow: hidden;
	margin: 0 17px 0 14px;
	background-color: #ccc;
	background-image: linear-gradient(to right, #222, #222);
	background-repeat: no-repeat;
	background-size: 0 100%;
	transition: background-size .4s ease-in-out;
}

.mainVisualWrap .slideUnit .progress .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.mainVisualWrap .slideUnit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	left: 24px;
	bottom: 22px;
	z-index: 5;
	width: calc(100% - 48px);
	height: 15px;
}

.mainVisualWrap .slideUnit .slick-arrow {
	display: inline-block;
	z-index: 5;
	width: 12px;
	height: 12px;
	background-color: transparent;
	font-size: 0;
}

.mainVisualWrap .slideUnit .slick-arrow:after {
	content: "";
}

.mainVisualWrap .slideUnit .slick-arrow.prev:after {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: transparent #333 #333 transparent;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	background: transparent;
}

.mainVisualWrap .slideUnit .slick-arrow.next:after {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: transparent #333 #333 transparent;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: transparent;
}

.main .steadySeller {
	max-width: 768px;
	margin: 35px auto 0;
}

.main .bestSeller {
	max-width: 768px;
	margin: 50px auto 0;
}

.main .steadySeller img, .main .bestSeller img {
	width: 100%;
}

.mainPromotion h2 {
	margin-bottom: 8px;
	padding: 0 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 12px;
	color: #aaa;
}

.mainPromotion .bannerArea {
	position: relative;
}

.mainPromotion .bannerArea .item {
	position: relative;
}

.mainPromotion .bannerArea .item .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin-bottom: -25px;
	margin-left: 100px;
	padding: 0 40px;
	font-size: 20px;
	letter-spacing: -0.05em;
	line-height: 1.4em;
	white-space: nowrap;
	color: #222;
	opacity: 0;
	transition: all 1.5s ease-in-out;
	box-sizing: border-box;
}

.mainPromotion .bannerArea .item .txt span {
	display: block;
	margin-left: 100px;
	font-family: 'Montserrat';
	font-weight: bold;
	opacity: 0;
	transition: all 1.5s 0.2s ease-in-out;
}

.mainPromotion .bannerArea .item .txt sup {
	font-size: 0.5em;
	line-height: 1;
}

.mainPromotion .bannerArea .slick-list {
	padding-bottom: 25px;
}

.mainPromotion .bannerArea .slick-dots {
	position: absolute;
	right: 40px;
	top: 20px;
	text-align: right;
	font-size: 0;
}

.mainPromotion .bannerArea .slick-dots li {
	display: inline-block;
	margin-left: 3px;
	vertical-align: middle;
}

.mainPromotion .bannerArea .slick-dots li button {
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #666;
	vertical-align: middle;
	font-size: 0;
	color: transparent;
	transition: all 0.3s ease-in-out;
}

.mainPromotion .bannerArea .slick-dots li.slick-active button {
	width: 6px;
	height: 6px;
	background: #5f77ba;
}

.mainPromotion .bannerArea .item.on .txt {
	margin-left: 0;
	opacity: 1;
}

.mainPromotion .bannerArea .item.on .txt span {
	margin-left: 0;
	opacity: 1;
}

.mainPromotion .bannerArea .item.off .txt {
	margin-left: -50px;
	opacity: 0;
}

.mainPromotion .bannerArea .item.off .txt span {
	margin-left: -50px;
	opacity: 0;
}

.main .blogPost {
	margin-top: 70px;
	padding: 40px 25px;
	border-top: 1px solid #ddd;
}

.main .blogPost h2 {
	position: relative;
	margin-bottom: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.main .blogPost h2 a {
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Montserrat';
	line-height: 1;
	color: #888;
}

.main .blogPost .item {
	margin-top: 10px;
	padding: 35px 16px;
	background: #f7f7f7;
}

.main .blogPost .item .tit {
	overflow: hidden;
	height: 52px;
	font-size: 17px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 26px;
	color: #222;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.main .blogPost .item .summary {
	overflow: hidden;
	margin: 20px 0 15px;
	height: 40px;
	line-height: 20px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.main .blogPost .item .source {
	font-size: 13px;
	word-break: break-all;
}

.main .blogPost .item .relatePdt {
	margin-top: 30px;
	border-top: 1px solid #222;
}

.main .blogPost .item .relatePdt ul {
	margin-top: 30px;
}

.main .blogPost .item .relatePdt ul li {
	margin-top: 15px;
}

.main .blogPost .item .relatePdt ul li a {
	overflow: hidden;
	position: relative;
	display: block;
	font-size: 11px;
}

.main .blogPost .item .relatePdt ul li a .img {
	float: left;
	width: 55px;
	margin-right: 15px;
	background: #fff;
}

.main .blogPost .item .relatePdt ul li a .info {
	float: left;
	width: calc(100% - 75px);
	/* margin-top: -4px; */
}

.main .blogPost .item .relatePdt ul li a .info .price {
	margin-top: 8px;
	color: #6077ba;
}

.main .mainVideo {
	padding: 0 24px 40px;
	background-color: #edf2fb;
	text-align: center;
}

.main .mainVideo h2 {
	position: relative;
	margin: 0 25px 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
}

.main .mainVideo h2 a {
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Montserrat';
	line-height: 1;
	color: #888;
}

.main .mainVideo .playerArea {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	margin: 0 auto;
}

.main .mainVideo .playerArea iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.main .mainVideo .playerArea .cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	font-size: 0;
	color: transparent;
}

.main .mainVideo .playerArea .cover.play {
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.main .mainVideo .playerArea .cover.play:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	display: block;
	width: 52px;
	height: 52px;
	margin: -26px 0 0 -26px;
	background: url("../images/common/ico_play02.png") no-repeat 50% 50%;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.main .mainVideo .playerArea .cover.stop {
	display: none;
}

.main .mainVideo .txt1 {
	padding: 0 25px;
	margin: 15px 0 2px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.main .mainVideo .txt2 {
	padding: 0 25px;
}

.main .mainbanner img {
	width: 100%;
}

.main .aboutbanner {
	margin-bottom: 40px;
}

.main .aboutbanner img {
	width: 100%;
}

.main .tiktokWrap .item {
	aspect-ratio: 9/16;
	margin: 0 5px;
	position: relative;
}

.main .tiktokWrap .item iframe {
	width: 100%;
	height: 100%;
}

.main .tiktokWrap .slick-arrow {
	position: absolute;
	z-index: 1;
	text-align: center;
	top: calc(50% - 45px);
	width: 40px;
	height: 40px;
	background-color: #ffffffe6;
	border: none;
	opacity: .9;
	cursor: pointer;
	font-size: 0;
}

.main .tiktokWrap .slick-arrow:before {
	/* display: inline-block; */
	content: "";
	width: 40px;
	height: 40px;
	background: url("../images/common/btn_tiktok.jpg") no-repeat 0 0;
	background-size: 100% 100%;
}

.main .tiktokWrap .slick-prev {
	left: 0;
}

.main .tiktokWrap .slick-prev:before {
	transform: rotate(-180deg)
}

.main .tiktokWrap .slick-next {
	right: 0
}

.main .tiktokWrap .slick-arrow[class*=disabled] {
	opacity: 0
}
/*.main .tiktokWrap .slick-dots {
	position:absolute;
	bottom:-31px;
	left: 50%;
    display: flex ;
    align-items: flex-end;
    margin-left: -38px;
    margin-bottom: 30px;
    justify-content: space-around;
    margin-top: 10px;
    width: 40px;
    
}*/
/*08-27수정*/
.main .tiktokWrap .slick-dots {
	position: absolute;
	bottom: -31px;
	left: 50%;
	display: flex;
	align-items: flex-end;
	margin-left: -38px;
	margin-bottom: 30px;
	justify-content: space-around;
	margin-top: 10px;
	transform: translateX(-50%);
}

.main .tiktokWrap .slick-dots li {
	margin: 0 6px;
	border-top: none;
}

.main .tiktokWrap .slick-dots li.slick-active button {
	background-color: #5887da;
}

.main .tiktokWrap .slick-dots li button {
	color: #fff;
	font-size: 0;
	text-indent: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #d9d9d9;
}

.main .tiktokWrap .item {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
}

.main .tiktokWrap .item ul.tiktokCon {
	height: 400px;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main .tiktokWrap .item ul.tiktokCon li {
	margin: 0 5px;
	flex: 1 1 50%;
	height: 50%;
	box-sizing: border-box;
}

.main .tiktokWrap .item ul.tiktokCon li a {
	display: block;
	height: 100%;
}

.main .tiktokWrap .item ul:only-child li, .main .tiktokWrap .item li:only-child
	{
	flex: 1 1 100%;
	height: 100%;
}

.main .tiktokWrap .item .slick-dots li {
	width: 10px;
	flex: none !important;
}

.main .tiktokWrap .innerWrap {
	position: relative;
	height: 100%;
}

.main .tiktokWrap .innerWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(0%, 0%);
}

.main .tiktokWrap a .innerWrap.show-info .date-item {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 10px;
}

.main .tiktokWrap a .innerWrap.show-info .ico {
	display: block;
	width: 20px;
	height: 21px;
	background: url("../images/experience/ico_insta.png") no-repeat;
	background-size: 20px 21px;
	font-size: 0;
	color: transparent;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.main .tiktokWrap a .innerWrap.show-info .date-item .date {
	padding-left: 5px;
	color: #aaa;
	font-size: 12px;
}

.main
 
.tiktokWrap
 
.info {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	padding: 15px;
	z-index: 10;
	cursor: pointer;
	height: 100%;
	box-sizing: border-box;
	overflow-y: auto;
}

.main
 
.tiktokWrap
 
.innerWrap
.show-info
 
.info {
	display: block;
}

.main
 
.tiktokWrap
 
.slick-arrow
:before {
	display: inline !important;
}

.main
 
.dermaclinic {
	margin-top: 20px;
	padding: 0 24px;
	background-color: #f9fbff;
}

.main
 
.dermaclinic
 
.dermaThumb {
	display: flex;
	gap: 2px;
}

.main
 
.dermaThumb
 
li {
	overflow: hidden;
}

.main
 
.dermaThumb
 
img {
	transform: scale(1) rotate(.001deg);
	transform-origin: center center;
	transition-duration: 0.2s;
}

.main
 
.dermaThumb
 
img
:hover {
	transform: scale(1.1) rotate(.001deg)
}

.main
 
.dermaAsk {
	margin: 15px 0 0;
	padding-bottom: 48px;
}

.main
 
.dermaAsk
 
.list {
	margin: 0 auto;
}

.main
 
.dermaAsk
 
.list
:after {
	content: "";
	display: block;
	clear: both;
}

.main
 
.dermaAsk
 
.list {
	display: inline-block;
	width: 100%;
	text-align: left;
}

.main
 
.dermaAsk
 
.list
 
.item {
	margin-top: 0;
}

.main
 
.dermaAsk
 
.list
 
.item
 
li {
	padding: 10px 8px;
	border-bottom: 1px solid #d9d9d9;
	height: 36px;
	display: flex;
	align-items: center;
}

.main
 
.dermaAsk
 
.list
 
.item
 
li
:last-child {
	border-bottom: none;
}

.main
 
.dermaAsk
 
.list
 
.item
 
li
 
a {
	display: flex;
	gap: 10px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.main
 
.dermaAsk
 
.list
 
.item
 
li
 
a
 
strong {
	font-family: 'Montserrat';
	font-weight: bold;
	height: 21px;
	display: block;
	line-height: 19px;
}

.main
 
.dermaAsk
 
.list
 
.item
 
li
 
a
 
span {
	line-height: 19px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	min-height: 21px;
}

.main
 
.dermaAsk
 
.tabBox {
	border-bottom: 1px solid #d9d9d9;
}

.main
 
.dermaAsk
 
.tabBox
 
.slick-dots {
	position: relative;
	top: auto;
	right: auto;
	display: flex;
	align-items: end;
}

.main
 
.dermaAsk
 
.tabBox
 
.slick-dots
 
li {
	width: 33.33%;
	margin: 0;
}

.main
 
.dermaAsk
 
.tabBox
 
.slick-dots
 
li
 
a {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	padding: 19px 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 12px;
	color: #aaa;
	line-height: 18px;
	text-align: center;
}

.main
 
.dermaAsk
 
.tabBox
 
.slick-dots
 
.slick-active
 
a {
	color: #5887da;
}

.main
 
.dermaAsk
 
.tabBox
 
.slick-dots
 
.slick-active
 
a
:
:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: #5887da;
}

.main
 
.astrSNS {
	overflow: hidden;
	margin-top: 40px;
	padding: 40px 0;
	border-top: 1px solid #f1f1f1;
}

.main
 
.astrSNS
 
.tit {
	margin-bottom: 12px;
	padding: 0 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.05em;
	color: #222;
}

.main
 
.astrSNS
 
.tit
 
span {
	display: block;
	margin-top: 4px;
	font-family: "Montserrat";
	font-size: 11px;
}

.main
 
.astrSNS
 
.list {
	overflow: hidden;
	margin-left: -1px;
}

.main
 
.astrSNS
 
.list
 
.item {
	position: relative;
	float: left;
	width: 33.333%;
	padding: 1px 0 33.333% 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main
 
.astrSNS
 
.list
 
.item
 
a {
	overflow: hidden;
	position: absolute;
	left: 1px;
	top: 1px;
	display: block;
	width: calc(100% - 
 
 1px);
	height: calc(100% - 
 
 1px);
}

.main
 
.astrSNS
 
.list
 
.item
 
img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}

.main
 
.astrSNS
 
.btn {
	margin: 25px 25px 0;
}

/**
Shop main
**/
/* B2C */
.shopMain
 
.visualBan
 
.item {
	position: relative;
	height: calc(100vh - 
 
 75px);
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	outline: none;
}

.shopMain
 
.visualBan
 
.item
 
.txt {
	position: absolute;
	left: 0;
	bottom: 80px;
	z-index: 1;
	width: 100%;
	padding: 0 40px;
	color: #222;
	box-sizing: border-box;
}

.shopMain
 
.visualBan
 
.item
 
.txt
 
a {
	outline: none;
}

.shopMain
 
.visualBan
 
.item
 
.txt
 
.date {
	position: relative;
	top: 40px;
	opacity: 0;
	margin-bottom: 10px;
	font-family: "Montserrat";
	font-size: 13px;
	color: #222;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.shopMain
 
.visualBan
 
.item
 
.txt
 
.txt1 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	line-height: 26px;
	-webkit-transition: all 1s 0.1s ease-in-out;
	transition: all 1s 0.1s ease-in-out;
}

.shopMain
 
.visualBan
 
.item
 
.txt
 
.txt2 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-size: 14px;
	margin-top: 10px;
	-webkit-transition: all 1s 0.2s ease-in-out;
	transition: all 1s 0.2s ease-in-out;
}

.shopMain
 
.visualBan
 
.item
.slick-current
 
.txt
 
.date, .shopMain
 
.visualBan
 
.item
.slick-current
 
.txt
 
.txt1, .shopMain
 
.visualBan
 
.item
.slick-current
 
.txt
 
.txt2, .shopMain
 
.visualBan
 
.item
.slick-current
 
.txt
 
.btn {
	top: 0;
	opacity: 1;
}

.shopMain
 
.keyService {
	margin: 40px 0 50px;
}

.shopMain
 
.keyService
 
.item {
	width: 61%;
	min-width: 210px;
}

.shopMain
 
.keyService
 
.item
:first-child {
	margin-left: 25px;
}

.shopMain
 
.keyService
 
.item
:last-child {
	margin-right: 25px;
}

.shopMain
 
.keyService
 
.item
 
a {
	display: block;
	height: 85vw;
	padding: 30px 25px 0;
	box-sizing: border-box;
	color: #222;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}

.shopMain
 
.keyService
 
.item
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
}

.shopMain
 
.keyService
 
.item
 
.txt {
	margin: 12px 0 20px;
	font-size: 12px;
	line-height: 18px;
}

.shopMain
 
.keyService
 
.item
 
.detail {
	display: inline-block;
	padding-right: 20px;
	background: url("../images/common/arr_viewall.png") no-repeat 100% 50%;
	-webkit-background-size: 12px;
	background-size: 12px;
}

.shopMain
 
.productListType1 {
	padding: 40px 0 50px;
}

.shopMain
 
.productListType1
.new {
	background: #f8f8f8;
}

.shopMain
 
.productListType1
.best {
	background: #f2f2f2;
}

.shopMain
 
.productListType1
 
.lineInfo {
	position: relative;
	left: auto;
	top: auto;
	margin-bottom: 60px;
}

.shopMain
 
.productListType1
 
.lineInfo
 
.lineName {
	margin: 0 0 12px;
	font-size: 20px;
}

.shopMain
 
.productListType1
 
.lineInfo
 
.desc {
	font-size: 13px;
}

.shopMain
 
.productListType1
 
.mCSB_inside>.mCSB_container {
	margin-bottom: 40px;
}

.shopMain
 
.md365 {
	padding: 50px 0;
}

.shopMain
 
.md365>.title {
	margin-bottom: 25px;
	padding: 0 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.shopMain
 
.md365
 
.summary
 
.item {
	width: 80%;
	padding: 15px 15px 40px;
	background: #eee;
	box-sizing: border-box;
}

.shopMain
 
.md365
 
.summary
 
.item
:first-child {
	margin-left: 25px;
}

.shopMain
 
.md365
 
.summary
 
.item
:last-child {
	margin-right: 25px;
}

.shopMain
 
.md365
 
.summary
 
.item
 
.category {
	padding: 5px 10px 10px;
	font-size: 10px;
}

.shopMain
 
.md365
 
.summary
 
.item
 
.subTit {
	padding: 10px;
	border-top: 2px solid #222;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.shopMain
 
.md365
 
.summary
 
.item
 
.lineNm {
	padding: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.shopMain
 
.md365
 
.summary
 
.item
 
.lineDesc {
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 19px;
}

.shopMain
 
.md365
 
.summary
 
.item
 
.label {
	position: relative;
	margin-top: 10px;
	border-top: 1px solid #222;
	font-size: 0;
}

.shopMain
 
.md365
 
.summary
 
.item
 
.label
 
span {
	display: inline-block;
	height: 22px;
	padding: 0 8px;
	margin-top: -1px;
	background: #222;
	line-height: 22px;
	font-family: "Montserrat";
	font-size: 10px;
	color: #fff;
}

.shopMain
 
.md365
 
.summary
 
.item
 
.pdt_list_simple {
	margin-top: 8px;
}

.shopMain
 
.faqDiff {
	margin-top: 60px;
	text-align: center;
}

.shopMain
 
.faqDiff
 
.item {
	outline: none;
}

.shopMain
 
.faqDiff
 
.item
 
.q {
	padding: 0 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	color: #222;
}

.shopMain
 
.faqDiff
 
.item
 
.q
 
.qNum {
	display: block;
	padding-top: 35px;
	margin-bottom: 15px;
	background: url("../images/product/ico_quotes.png") no-repeat 50% 0;
	-webkit-background-size: 33px;
	background-size: 33px;
	font-family: "Montserrat";
	color: #5f77ba;
}

.shopMain
 
.faqDiff
 
.item
 
.a {
	margin-top: 30px;
	padding: 0 40px;
	line-height: 20px;
}

.shopMain
 
.faqDiff
 
.slick-arrow {
	position: absolute;
	top: 85px;
	width: 15px;
	height: 29px;
	background: url("../images/common/arr_bk.png") no-repeat;
	-webkit-background-size: 50px;
	background-size: 50px;
	font-size: 0;
	color: transparent;
	z-index: 1;
}

.shopMain
 
.faqDiff
 
.slick-arrow
.slick-prev {
	left: 12px;
	background-position: 0 0;
}

.shopMain
 
.faqDiff
 
.slick-arrow
.slick-next {
	right: 12px;
	background-position: 100% 0;
}

.shopMain
 
.faqDiff
 
.slick-dots {
	width: 100%;
	margin-top: 35px;
	text-align: center;
}

.shopMain
 
.faqDiff
 
.slick-dots
 
li {
	display: inline-block;
	margin: 0 4px;
	vertical-align: middle;
}

.shopMain
 
.faqDiff
 
.slick-dots
 
li
 
button {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666;
	font-size: 0;
	color: transparent;
}

.shopMain
 
.faqDiff
 
.slick-dots
 
li
.slick-active
 
button {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #5f77ba;
	font-size: 0;
	color: transparent;
}

.shopMain
 
.bestReview {
	border-top: 1px solid #dcdcdc;
	margin-bottom: 40px;
}

.shopMain
 
.bestReview
 
.titArea {
	padding-bottom: 30px;
	text-align: left;
}

.shopMain
 
.bestReview
 
.titArea
 
p {
	margin: 5px 0 0;
	color: #222;
}

.shopMain
 
.bestReview
 
.photoRvItem {
	padding-right: 0;
	margin: 0;
}

.shopMain
 
.bestReview
 
.photoRvItem
:first-child {
	margin-left: 25px;
}

.shopMain
 
.bestReview
 
.photoRvItem
:last-child {
	margin-right: 25px;
}

.shopMain
 
.photoReviewList
 
.photoRvItem
 
.cont {
	padding-right: 25px;
}

.shopMain
 
.photoReviewList
 
.photoRvItem
 
.cont
 
.repairMenu {
	right: 10px;
}

/* B2B */
#container
.shopMainBWrap {
	padding-top: 115px;
}

.shopMainB {
	position: relative;
	padding-bottom: 130px;
}

.shopMainB
 
.visualBan_wrap {
	position: relative;
	height: 0;
	padding-top: 182%;
	max-height: 91.6667%;
	overflow: hidden;
}

.shopMainB
 
.visualBan {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.shopMainB
 
.slick-list, .shopMainB
 
.slick-track {
	height: 100%;
}

.shopMainB
 
.visualBan
 
.item {
	position: relative;
	height: 100%;
}

.shopMainB
 
.visualBan
 
.item
 
.item_bg {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.shopMainB
 
.visualBan
 
.item
 
.txt {
	position: absolute;
	left: 0;
	bottom: 80px;
	z-index: 1;
	width: 100%;
	padding: 0 40px;
	color: #222;
	box-sizing: border-box;
}

.shopMainB
 
.visualBan
 
.item
 
.txt
 
.txt1 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	line-height: 26px;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.shopMainB
 
.visualBan
 
.item
 
.txt
 
.txt2 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-size: 14px;
	margin-top: 10px;
	-webkit-transition: all 1s 0.1s ease-in-out;
	transition: all 1s 0.1s ease-in-out;
}

.shopMainB
 
.visualBan
 
.item
.slick-current
 
.txt
 
.txt1, .shopMainB
 
.visualBan
 
.item
.slick-current
 
.txt
 
.txt2, .shopMainB
 
.visualBan
 
.item
.slick-current
 
.txt
 
.btn {
	top: 0;
	opacity: 1;
}

.shopMainB
 
.secTitle {
	margin-top: 75px;
	border-top: 1px solid #dcdcdc;
	padding: 45px 12px 0;
	text-align: center;
	font-size: 13px;
	color: #222;
}
/* .shopMainB .secTitle.first {margin-top:0; border:none;} */
.shopMainB
 
.secTitle
 
span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
}

.shopMainB
 
.goPayment {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	display: none;
}

.shopMainB
 
.goPayment
.floating {
	position: fixed;
}

.productDetail
.productView
 
.pdtInfo {
	padding: 0;
	border-bottom: none;
}

.productDetail
.productView
 
.pdtInfo
 
.thumbnail {
	background: #f8f8f8;
}

.productDetail
.productView
 
.pdtInfo
 
.top {
	padding-bottom: 25px;
}

.productDetail
.productView
 
.pdtInfo
 
.top
 
.pdtName {
	margin: 25px 0 5px;
}

.productDetail
.productView
 
.pdtInfo
 
.pdtEnName {
	font-size: 12px;
}

.productDetail
.productView
 
.pdtInfo
 
.bnfBadge {
	margin-top: 0;
}

.productDetail
 
.detailSummary {
	padding: 20px 30px;
	border-top: 2px solid #222;
}

.productDetail
 
.detailSummary
 
.tit {
	margin-bottom: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #222;
}

.productDetail
 
.detailSummary
 
dl {
	margin: 25px 0 35px;
	line-height: 24px;
}

.productDetail
 
.detailSummary
 
dl
 
dt {
	margin-top: 15px;
	padding-left: 8px;
	text-indent: -8px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.productDetail
 
.detailSummary
 
dl
 
dd {
	padding-left: 8px;
}

.mdCart
 
.selected>ul>li {
	position: relative;
	margin-top: 20px;
	padding-left: 117px;
}

.mdCart
 
.selected>ul>li
:first-child {
	margin-top: 0;
}

.mdCart
 
.selected>ul>li
 
.thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 103px;
	background: #f8f8f8;
}

.mdCart
 
.selected>ul>li
 
.name {
	padding: 10px 0 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.mdCart
 
.selected>ul>li
 
.qty {
	overflow: hidden;
	margin-top: 16px;
}

.mdCart
 
.selected>ul>li
 
.qty
 
.qtyOption {
	float: left;
	width: auto;
	margin-right: 5px;
}

.mdCart
 
.selected>ul>li
 
.qty
 
.qtyOption
 
.inputText {
	width: 40px;
}

.mdCart
 
.selected>ul>li
 
.qty
 
.btn {
	float: left;
}

.mdCart
 
.btnWrap {
	margin-top: 40px;
}

.mdCart
 
.selected
 
.btnWrap
.type2
 
li
:first-child {
	width: 60%;
}

.mdCart
 
.selected
 
.btnWrap
.type2
 
li
:last-child {
	width: 40%;
}

.mdCart
 
.gift {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.mdCart
 
.gift
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mdCart
 
.gift
 
ul {
	padding: 20px 15px;
}

.mdCart
 
.gift
 
li {
	position: relative;
	margin-top: 15px;
	font-size: 11px;
}

.mdCart
 
.gift
 
li
:first-child {
	margin-top: 0;
}

.mdCart
 
.gift
 
li
 
img {
	width: 55px;
	background: #f8f8f8;
}

.mdCart
 
.gift
 
li
 
.txt {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	padding-left: 70px;
	box-sizing: border-box;
	transform: translateY(-50%);
}

.mdCart
 
.gift
 
li
 
.name {
	color: #222;
}

.mdCart
 
.amount {
	padding: 40px 0;
}

.mdCart
 
.amount
 
dl {
	overflow: hidden;
	padding: 0 15px;
	margin-top: 30px;
	color: #222;
}

.mdCart
 
.amount
 
dl
:first-child {
	margin-top: 0;
}

.mdCart
 
.amount
 
dl
 
dt {
	float: left;
}

.mdCart
 
.amount
 
dl
 
dd {
	float: right;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 1;
}

.mdCart
 
.amount
 
dl
 
dd
 
span {
	font-size: 18px;
}

.mdSavePdt
 
dl {
	padding: 20px 0;
	border-top: 1px solid #dcdcdc;
}

.mdSavePdt
 
dl
:first-child {
	padding-top: 0;
	border-top: none;
}

.mdSavePdt
 
dl
:last-of-type {
	padding-bottom: 0;
}

.mdSavePdt
 
dl
 
dt {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mdSavePdt
 
dl
 
dd {
	margin-top: 15px;
	line-height: 24px;
	color: #222;
}

.mdSavePdt
 
dl
 
dd>.btn {
	float: right;
	width: 48px;
}

.mdSavePdt
 
dl
:first-of-type
 
dd {
	height: 40px;
	line-height: 40px;
}

.mdSavePdt
 
dl
:first-of-type
 
dd
 
.inputHasBtn3 {
	padding-right: 53px;
	font-size: 0;
}

.mdSavePdt
 
dl
:first-of-type
 
dd
 
.inputHasBtn3
 
.btn {
	width: 48px;
	font-size: 14px;
}

.mdSavePdt
 
.btnWrap {
	margin-top: 50px;
}

.mdSavePdtList
 
.svList {
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc;
}

.mdSavePdtList
 
.svList
:first-child {
	border-top: 1px solid #dcdcdc;
}

.mdSavePdtList
 
.svList
 
.item {
	position: relative;
	height: 40px;
	color: #222;
}

.mdSavePdtList
 
.svList
 
.item
 
.input
.radio {
	height: 40px;
	line-height: 40px;
}

.mdSavePdtList
 
.svList
 
.item
 
.input
.radio
 
span {
	overflow: hidden;
	display: inline-block;
	width: calc(100% - 
 
 130px);
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
}

.mdSavePdtList
 
.svList
 
.item
 
.inputText {
	display: inline-block;
	width: calc(100% - 
 
 130px);
	margin-left: 10px;
}

.mdSavePdtList
 
.svList
 
.item
 
.svDate {
	float: right;
	margin: 10px 20px 0 0;
	font-size: 12px;
	color: #888;
}

.mdSavePdtList
 
.svList
 
.item
 
.handler {
	position: absolute;
	right: -10px;
	top: 5px;
	display: block;
	width: 10px;
	height: 6px;
	padding: 10px;
	background: url("../images/common/arr_down_gr2.png") no-repeat 50% 50%;
	-webkit-background-size: 10px;
	background-size: 10px;
	font-size: 0;
	color: transparent;
}

.mdSavePdtList
 
.svList
 
.list {
	display: none;
	padding: 0 20px 0 24px;
	margin-top: 20px;
	line-height: 24px;
	color: #222;
}

.mdSavePdtList
 
.svList
 
.list
 
li {
	overflow: hidden;
}

.mdSavePdtList
 
.svList
 
.list
 
li
 
.name {
	float: left;
	width: 80%;
}

.mdSavePdtList
 
.svList
 
.list
 
li
 
span {
	float: right;
	width: 20%;
	text-align: right;
}

.mdSavePdtList
 
.svList
 
.list
 
a {
	display: inline-block;
	margin-top: 20px;
	text-align: right;
	width: calc(100% - 
 
 26px);
}

.mdSavePdtList
 
.svList
 
.list
 
a+div {
	display: inline-block;
	width: 17px;
	text-align: right;
	padding-left: 5px;
}

.mdSavePdtList
 
.svList
 
.list
 
a+div
 
img {
	position: relative;
	top: 3px;
}

.mdSavePdtList
 
.svList
.on
 
.list {
	display: block;
}

.mdSavePdtList
 
.svList
.on
 
.handler {
	transform: rotate(180deg);
}

.mdSavePdtList
 
.btnWrap {
	margin-top: 30px;
}

/**
PRODUCT
**/
/* product view */
#container
.productView {
	padding-top: 0;
}

.pdtVisualWrap {
	position: relative;
}

.pdtVisualWrap
:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	content: "";
	display: block;
	width: 100%;
	height: 150px;
	background: url("../images/product/bg_shadow.png") repeat-x;
	-webkit-background-size: 25px;
	background-size: 25px;
}

.pdtVisualWrap
 
.pdtVisual
 
.item
 
img {
	width: 100%;
}

.pdtVisualWrap
 
.pdtVisual
 
.indicator {
	bottom: 25px;
}

.productView
 
.pdtInfo {
	padding: 30px 25px 60px;
	border-bottom: 2px solid #222;
}

.productView
 
.pdtInfo
 
.bnfBadge {
	margin-bottom: 10px;
	font-size: 0;
}

.productView
 
.pdtInfo
 
.bnfBadge
 
span {
	display: inline-block;
	width: 35px;
	height: 15px;
	margin-right: 2px;
	background: #222;
	text-align: center;
	line-height: 15px;
	font-family: "Montserrat";
	font-size: 10px;
	color: #fff;
}

.productView
 
.pdtInfo
 
.bnfBadge
 
span
.sale {
	background: #5f77ba;
}

.productView
 
.pdtInfo
 
.keyword {
	margin-top: 4px;
}

.productView
 
.pdtInfo
 
.keyword
 
li {
	display: inline-block;
	height: 26px;
	padding: 0 7px;
	margin: 4px 4px 0 0;
	border: 1px solid #5f77ba;
	border-radius: 2px;
	vertical-align: middle;
	line-height: 24px;
	font-size: 14px;
	color: #5f77ba;
}

.productView
 
.pdtInfo
 
.purchaseBnf {
	padding: 10px 15px;
	background: #f8f8f8;
	font-size: 13px;
	line-height: 20px;
}

.productView
 
.pdtInfo
 
.giftList {
	margin-top: 3px;
	background: #f8f8f8;
	font-size: 0;
}

.productView
 
.pdtInfo
 
.giftList
 
dt
 
a {
	position: relative;
	display: block;
	padding: 10px 15px;
	font-size: 13px;
}

.productView
 
.pdtInfo
 
.giftList
 
dt
 
a
:after {
	position: absolute;
	right: 15px;
	top: 16px;
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	background: url("../images/common/arr_offer_close.png") no-repeat 50%
		100%;
	-webkit-background-size: 10px;
	background-size: 10px;
	transition: all 0.2s;
}

.productView
 
.pdtInfo
 
.giftList
 
dd {
	display: none;
	padding: 8px 15px;
}

.productView
 
.pdtInfo
 
.giftList
 
dd
:first-of-type {
	margin-top: 13px;
}

.productView
 
.pdtInfo
 
.giftList
 
dd
:last-of-type
:after {
	content: "";
	display: block;
	width: 100%;
	height: 13px;
}

.productView
 
.pdtInfo
 
.giftList
 
dd
 
img {
	display: inline-block;
	width: 55px;
	vertical-align: middle;
	background: #fff;
}

.productView
 
.pdtInfo
 
.giftList
 
dd
 
.txt {
	display: inline-block;
	width: calc(100% - 
 
 70px);
	margin-left: 15px;
	vertical-align: middle;
	font-size: 11px;
}

.productView
 
.pdtInfo
 
.giftList
 
dd
 
.txt
 
p
:last-child {
	color: #222;
}

.productView
 
.pdtInfo
 
.giftList
 
dt
 
a {
	position: relative;
}

.productView
 
.pdtInfo
 
.giftList
 
dt
 
a
:before {
	position: absolute;
	right: 18px;
	top: 16px;
	content: "";
	display: block;
	width: 1px;
	height: 7px;
	background: #bbb;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.productView
 
.pdtInfo
 
.giftList
 
dt
 
a
:after {
	position: absolute;
	right: 22px;
	top: 16px;
	content: "";
	display: block;
	width: 1px;
	height: 7px;
	background: #bbb;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.productView
 
.pdtInfo
 
.giftList
.on
 
dt
 
a
:before {
	transform: rotate(135deg);
}

.productView
 
.pdtInfo
 
.giftList
.on
 
dt
 
a
:after {
	transform: rotate(-135deg);
}

.productView
 
.pdtInfo
 
.top {
	position: relative;
	padding-bottom: 30px;
	border-bottom: 2px solid #222;
}

.productView
 
.pdtInfo
 
.top>.pdtName
:first-child {
	padding-top: 35px;
	margin-top: 0;
}

.productView
 
.pdtInfo
 
.top
 
.typeLabel {
	display: inline-block;
	height: 22px;
	padding: 0 6px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
}

.productView
 
.pdtInfo
 
.top
 
.typeLabel
.type_md {
	background: #222;
}

.productView
 
.pdtInfo
 
.top
 
.typeLabel
.type_365 {
	background: #5f77ba;
}

.productView
 
.pdtInfo
 
.top
 
.regOrd {
	display: inline-block;
	height: 20px;
	padding: 0 6px;
	border: 1px solid #5f77ba;
	vertical-align: middle;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #5f77ba;
}

.productView
 
.pdtInfo
 
.top
 
.pdtName {
	margin: 12px 0 5px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	line-height: 28px;
	word-break: keep-all;
	color: #222;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.productView
 
.pdtInfo
 
.top
 
.btnSnsShare {
	position: absolute;
	right: 0;
	top: 3px;
}

.productView
 
.pdtInfo
 
.mid {
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc;
}

.productView
 
.pdtInfo
 
.mid
 
.intro {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.productView
 
.pdtInfo
 
.mid
 
.desc {
	margin-top: 8px;
	font-size: 13px;
	line-height: 20px;
	color: #222;
}

.productView
 
.pdtInfo
 
.btm {
	overflow: hidden;
	padding-top: 12px;
	margin-bottom: 15px;
}

.productView
 
.pdtInfo
 
.btm
 
.quantity {
	float: left;
	margin: 3px 10px 0 0;
	font-size: 14px;
}

.productView
 
.pdtInfo
 
.btm
 
.price {
	float: left;
	font-size: 14px;
	color: #222;
}

.productView
 
.pdtInfo
 
.btm
 
.price
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.productView
 
.pdtInfo
 
.btm
 
.price
 
.cost {
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 10px;
	text-decoration: line-through;
	font-size: 15px;
	font-family: "Montserrat";
	color: #888;
}

.productView
 
.pdtInfo
 
.btm
 
.soldOut {
	float: right;
	font-size: 14px;
	font-family: "Montserrat";
	color: #ff3f3c;
}

.productView
 
.tabType
.tabMenu3 {
	background: #fff;
	width: 100%;
}

.productView
 
.pdtInfoBox {
	padding: 20px 25px 40px;
	border-top: 2px solid #222;
}

.productView
 
.pdtInfoBox
 
.secTit {
	margin-bottom: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.productView
 
.pdtInfoBox
 
.relatePdtWrap
 
.slick-list
 
a {
	outline: none;
}

.productView
 
.ingredient {
	margin-top: 40px;
}

.productView
 
.ingredient
 
ul
 
li {
	margin-top: 5px;
	padding: 20px;
	border: 1px solid #dcdcdc;
}

.productView
 
.ingredient
 
ul
 
li
:first-child {
	margin-top: 0;
}

.productView
 
.ingredient
 
ul
 
li
 
.name {
	padding-left: 18px;
	background: url("../images/product/ico_check.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.productView
 
.ingredient
 
ul
 
li
 
.desc {
	margin-top: 12px;
	font-size: 14px;
	color: #222;
}

.productView
 
.ingredient
 
.btn {
	width: 150px;
	margin: 20px auto 0;
}

.productView
 
.noAdditives
 
ul {
	font-size: 0;
}

.productView
 
.noAdditives
 
ul
 
li {
	display: inline-block;
	height: 36px;
	margin: 0 7px 10px 0;
	padding: 0 15px;
	border: 1px solid #dcdcdc;
	border-radius: 18px;
	line-height: 34px;
	vertical-align: middle;
	font-size: 0;
	color: #222;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}

.productView
 
.noAdditives
 
ul
 
li
 
span {
	display: inline-block;
	padding-left: 17px;
	font-size: 14px;
	background: url("../images/product/ico_check.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
}

.productView
 
.recommPdt
 
.relatePdtWrap {
	padding: 0 15px;
}

.productView
 
.reqInfo {
	padding: 0;
}

.productView
 
.reqInfo
 
a {
	position: relative;
	display: block;
	padding: 20px 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.productView
 
.reqInfo
 
a
:after {
	position: absolute;
	right: 25px;
	top: 24px;
	content: "";
	display: block;
	width: 9px;
	height: 16px;
	background: url("../images/common/arr_right_bk.png") no-repeat;
	-webkit-background-size: 9px;
	background-size: 9px;
}

.productView
 
#goShop
 
.btnWrap
 
ul
 
li
 
.btn
 
a {
	padding: 0 18px;
	font-family: "Montserrat";
	font-size: 16px;
	text-align: left;
}

.productView
 
#goShop
 
.btnWrap
 
ul
 
li
 
.btn
 
span {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/product/arr_right.png") no-repeat 100% 50%;
	-webkit-background-size: auto 13px;
	background-size: auto 13px;
}

.productView
.tabFloating
 
.tabType
.tabMenu3 {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3;
}

.productView
 
.pdtDlvInfo {
	padding: 40px 25px;
}

.productView
 
.pdtDlvInfo
 
.infoList3 {
	margin-bottom: 60px;
}

.productView
 
.reviewShowcase
 
.reviewSummary {
	padding: 60px 25px 40px;
	text-align: center;
}

.productView
 
.reviewShowcase
 
.reviewSummary
 
.total {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 19px;
	color: #222;
}

.productView
 
.reviewShowcase
 
.reviewSummary
 
.rating_large {
	margin: 20px auto 15px;
}

.productView
 
.reviewShowcase
 
.writeRvw {
	margin: 0 25px;
}

.productView
 
.reviewShowcase
 
.gradeAvgWrap {
	padding: 0 25px;
}

.productView
 
.reviewShowcase
 
.gradeAvgWrap
 
.after {
	padding: 40px 0;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.productView
 
.reviewShowcase
 
.gradeAvgWrap
 
.gradeAvg {
	float: left;
	width: 46%;
	font-size: 12px;
}

.productView
 
.reviewShowcase
 
.gradeAvgWrap
 
.gradeAvg
:first-child {
	padding-right: 4%;
}

.productView
 
.reviewShowcase
 
.gradeAvgWrap
 
.gradeAvg
:last-child {
	padding-left: 4%;
}

.productView
 
.reviewShowcase
 
.gradeAvgWrap
 
.gradeAvg
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.productView
 
.reviewShowcase
 
.gradeAvgWrap
 
.gradeAvg
 
.rating {
	margin: 18px 0 12px;
}

.productView
 
.reviewShowcase
 
.graph {
	padding: 40px 25px 85px;
}

.productView
 
.reviewShowcase
 
.graph
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg {
	position: relative;
	height: 100px;
	margin-top: 30px;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
.guideline {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
.guideline
 
span {
	display: block;
	margin-top: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 0;
	color: #222;
	font-size: 0;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
.guideline
 
span
:first-child {
	margin-top: 0;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
.guideline
 
span
:after {
	position: absolute;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 16px;
	background: #dcdcdc;
}

.productView

  
.reviewShowcase

  
.graph

  
.afterUseAvg

  
.guideline

  
span
:nth-of-type
(
1
)
:after {
	top: 0;
}

.productView

  
.reviewShowcase

  
.graph

  
.afterUseAvg

  
.guideline

  
span
:nth-of-type
(
2
)
:after {
	top: 50%;
}

.productView

  
.reviewShowcase

  
.graph

  
.afterUseAvg

  
.guideline

  
span
:nth-of-type
(
3
)
:after {
	top: 100%;
	background: #222;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
.guideline
 
span
 
em {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 86px;
	height: 23px;
	padding-right: 10px;
	background: #fff;
	line-height: 23px;
	text-align: right;
	font-size: 13px;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
.guideline
 
span
 
em
:after {
	position: relative;
	top: 6px;
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin-left: 6px;
	background: url("../images/experience/ico_barometer.png") no-repeat;
	-webkit-background-size: auto 23px;
	background-size: auto 23px;
}

.productView

  
.reviewShowcase

  
.graph

  
.afterUseAvg

  
.guideline

  
span
:nth-of-type
(
1
)

  
em
:after {
	background-position: 100% 0;
}

.productView

  
.reviewShowcase

  
.graph

  
.afterUseAvg

  
.guideline

  
span
:nth-of-type
(
2
)

  
em
:after {
	background-position: 50% 0;
}

.productView

  
.reviewShowcase

  
.graph

  
.afterUseAvg

  
.guideline

  
span
:nth-of-type
(
3
)

  
em
:after {
	background-position: 0 0;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl {
	position: absolute;
	right: 0;
	bottom: -16px;
	width: calc(100% - 
 
 96px);
	height: 100px;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dt {
	position: absolute;
	bottom: -25px;
	width: 40px;
	margin-left: 15%;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dt
:nth-of-type
(
1
) {
	left: 0%;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dt
:nth-of-type
(
2
) {
	left: 30%;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dt
:nth-of-type
(
3
) {
	left: 60%;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dd {
	position: absolute;
	bottom: 0;
	height: 100%;
	margin-left: 16px;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dd
:nth-of-type
(
1
) {
	left: 15%;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dd
:nth-of-type
(
2
) {
	left: 45%;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dd
:nth-of-type
(
3
) {
	left: 75%;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dd
 
i {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 8px;
	height: 0;
	background: #5f77ba;
	transition: all 1s ease-in-out;
}

.productView
 
.reviewShowcase
 
.graph
 
.afterUseAvg
 
dl
 
dd
 
span {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: 4px;
	margin-bottom: 4px;
	white-space: nowrap;
	transform: translateX(-50%);
	color: #5f77ba;
	transition: all 1s ease-in-out;
}

.productView
 
.reviewShowcase
 
.listSort {
	padding: 40px 25px 15px;
	border-bottom: 1px solid #222;
}

.productView
 
.reviewShowcase
 
.listSort
 
a {
	margin-right: 15px;
}

.productView
 
.reviewShowcase
 
.listSort
 
a
.on {
	color: #222;
}

.productView
 
.reviewShowcase
 
.photoReviewList {
	margin: 40px 0 100px;
}

.pdtBuyingOpt {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 3000;
	width: 100%;
	height: 45px;
}

.pdtBuyingOpt
 
.buy_panel {
	display: none;
	position: absolute;
	left: 0;
	bottom: 45px;
	width: 100%;
	transform: translateY(100%);
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.pdtBuyingOpt
 
.handler {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: -1px;
}

.pdtBuyingOpt
 
.handler
 
a {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 17px;
	border: 1px solid #dcdcdc;
	border-bottom: none;
	background: #fff;
	font-size: 0;
	color: transparent;
}

.pdtBuyingOpt
 
.handler
 
a
:after {
	position: absolute;
	left: 50%;
	top: 6px;
	content: "";
	display: block;
	width: 10px;
	height: 5px;
	margin-left: -5px;
	background: url("../images/common/arr_up_bk.png") no-repeat;
	-webkit-background-size: 10px;
	background-size: 10px;
}

.pdtBuyingOpt
 
.scrollArea {
	border-top: 1px solid #dcdcdc;
	background: #fff;
}

.pdtBuyingOpt
 
.select {
	padding: 15px 12px;
}

.pdtBuyingOpt
 
.selItem {
	position: relative;
	padding: 16px 12px;
	margin-top: 1px;
	background: #f8f8f8;
}

.pdtBuyingOpt
 
.selItem
:first-child {
	margin-top: 15px;
}

.pdtBuyingOpt
 
.selItem
 
.name {
	color: #222;
}

.pdtBuyingOpt
 
.selItem
 
.qtyOption {
	margin-top: 15px;
}

.pdtBuyingOpt
 
.selItem
 
.price {
	position: absolute;
	right: 12px;
	bottom: 23px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.pdtBuyingOpt
 
.selItem
 
.delete {
	position: absolute;
	right: 12px;
	top: 20px;
	width: 11px;
	font-size: 0;
}

.pdtBuyingOpt
 
.regOrdChk {
	padding: 15px 12px;
	border-bottom: 1px solid #dcdcdc;
}

.pdtBuyingOpt
 
.regOrdChk
 
.inputWrap
 
label {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.pdtBuyingOpt
 
.amount {
	overflow: hidden;
	padding: 25px 12px 15px;
	color: #222;
}

.pdtBuyingOpt
 
.amount
 
.qty {
	float: left;
	margin-top: 4px;
}

.pdtBuyingOpt
 
.amount
 
.price {
	float: right;
}

.pdtBuyingOpt
 
.amount
 
.price
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
}

.pdtBuyingOpt
 
.btnWrap {
	position: relative;
}

.pdtBuyingOpt
 
.btnWrap
.type2
 
li {
	padding: 0 !important;
}

.pdtBuyingOpt
 
.btnWrap
.type2
:before {
	position: absolute;
	left: 50%;
	top: 11px;
	content: "";
	display: block;
	width: 1px;
	height: 24px;
	background: #8598cb;
}

.pdtBuyingOpt
.isVisible {
	z-index: 3001;
}

.pdtBuyingOpt
.isVisible
 
.buy_panel {
	transform: translateY(0);
}

@media all and (max-height: 320px) {
	.pdtBuyingOpt .scrollArea {
		max-height: 200px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* 관련제품 */
.relatePdt
 
.item {
	position: relative;
	min-height: 103px;
	padding-left: 115px;
	margin: 10px 0;
}

.relatePdt
 
.item
 
.thumb {
	position: absolute;
	left: 0;
	top: 50%;
	width: 103px;
	background: #eee;
	transform: translateY(-50%);
}

.relatePdt
 
.item
 
.txt {
	display: table-cell;
	height: 103px;
	vertical-align: middle;
}

.relatePdt
 
.item
 
.desc {
	font-size: 13px;
	color: #222;
}

.relatePdt
 
.item
 
.tit {
	margin: 4px 0 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.relatePdt
 
.item
 
.stat {
	font-size: 13px;
}

.relatePdt
 
.item
 
.stat
 
.price {
	color: #222;
}

.relatePdt
 
.item
 
.stat
 
.price
 
em {
	font-size: 14px;
	color: #5f77ba;
}

.relatePdt
 
.item
 
.stat
 
.price
 
.cost {
	margin-right: 10px;
	font-size: 12px;
	text-decoration: line-through;
	color: #888;
}

.relatePdt
 
.item
 
.stat
 
.price
 
.soldOut {
	color: #ff3f3c;
}

.relatePdt
 
.item
 
.stat
 
.qty {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

.relatePdt
 
.item
 
.stat
 
.qty
:before {
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: #888;
}

.relatePdt
 
.indicator {
	position: relative;
	left: auto;
	bottom: auto;
	width: 100%;
	margin-top: 20px;
}

/* 제품리스트 */
.productListType1 {
	position: relative;
	padding: 185px 0 50px;
}

.productListType1
:nth-of-type
(
odd
) {
	background: #f8f8f8;
}

.productListType1
:nth-of-type
(
even
) {
	background: #f2f2f2;
}

.productListType1
 
.lineInfo {
	position: absolute;
	left: 0;
	top: 45px;
	width: 100%;
	padding: 0 25px;
	box-sizing: border-box;
}

.productListType1
 
.lineInfo
 
.lineDesc {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
}

.productListType1
 
.lineInfo
 
.lineDesc
.C01 {
	color: #0b658a;
}

.productListType1
 
.lineInfo
 
.lineDesc
.C02 {
	color: #7e3587;
}

.productListType1
 
.lineInfo
 
.lineDesc
.C03 {
	color: #9a1d3c;
}

.productListType1
 
.lineInfo
 
.lineDesc
.C04 {
	color: #6077bd;
}

.productListType1
 
.lineInfo
 
.lineDesc
.C05 {
	color: #888;
}

.productListType1
 
.lineInfo
 
.lineName {
	margin: 1px 0 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 29px;
	color: #222;
}

.productListType1
 
.lineInfo
 
.desc {
	font-size: 14px;
	color: #222;
}

.productListType1
 
.viewall {
	display: block;
	margin: 25px 0 0 25px;
}

.productListType1
 
.viewall
 
a {
	display: inline-block;
	padding-right: 20px;
	background: url("../images/common/arr_viewall.png") no-repeat 100% 6px;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
	font-size: 14px;
	color: #222;
}

.pdtListType1 {
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
}

.pdtListType1
 
.item {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 50vw;
	white-space: normal;
}

.pdtListType1
 
.item
:first-of-type {
	padding-left: 25vw;
}

.pdtListType1
 
.item
:last-of-type {
	padding-right: 25vw;
}

.pdtListType1
 
.item
 
.name {
	overflow: hidden;
	max-height: 3em;
	margin: 40px 0 10px;
	padding: 0 25px;
	font-size: 14px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.shopMain
 
.productListType1
 
.pdtListType1
 
.item
 
.name {
	overflow: hidden;
	max-height: 3em;
	margin: 10px 0 10px;
	padding: 0 25px;
	font-size: 14px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.shopMain
 
.productListType1
 
.pdtListType1
 
.item
 
.desc {
	display: block;
	margin-top: 40px;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: nowrap;
}

.pdtListType1
 
.item
 
.price {
	font-size: 13px;
	color: #222;
}

.pdtListType1
 
.item
 
.price
 
em {
	font-size: 14px;
	color: #5f77ba;
}

.pdtListType1
 
.item
 
.price
 
.cost {
	margin-right: 5px;
	font-size: 13px;
	text-decoration: line-through;
	color: #888;
}

.pdtListType1
 
.item
 
.price
 
.soldout {
	font-size: 14px;
	color: #ff3f3c;
}

.pdtListType1
 
.item
 
.rvw {
	margin-top: 8px;
	text-align: center;
	font-size: 12px;
	color: #333;
}

.pdtListType1
 
.item
 
.rating {
	margin-top: 20px;
}

.pdtListType1
 
.item
 
.keyword {
	display: block;
	margin-top: 18px;
	font-size: 14px;
	color: #5f77ba;
}

.pdtItem
 
.linkArea {
	display: block;
	width: 100%;
	padding: 30px 25px 40px;
	box-sizing: border-box;
}

.pdtItem
 
.thumbnail {
	position: relative;
	width: 77%;
	margin: 0 auto 20px;
}

.pdtItem
 
.thumbnail
 
.restock {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 75px;
	height: 30px;
	margin: -15px 0 0 -37px;
	text-align: center;
	background: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.pdtItem
 
.desc {
	font-size: 14px;
	letter-spacing: -0.05em;
	color: #222;
}

.pdtItem
 
.name {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -0.05em;
	color: #222;
}

.pdtItem
 
.keyword {
	margin-top: 25px;
	padding-top: 8px;
	border-top: 1px solid #dcdcdc;
}

.pdtItem
 
.keyword
 
span {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	color: #5f77ba;
}

.pdtItem
 
.price {
	margin-top: 13px;
	font-size: 13px;
	color: #222;
}

.pdtItem
 
.price
 
em {
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.pdtItem
 
.price
 
.qty {
	position: relative;
	margin-left: 5px;
	padding-left: 8px;
	color: #888;
}

.pdtItem
 
.price
 
.qty
:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #888;
}

.pdtItem
 
.price
 
.cost {
	margin-right: 5px;
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.pdtItem
 
.price
 
.soldOut {
	font-size: 14px;
	color: #ff3f3c;
}

.bnfBadge {
	margin-top: 10px;
	font-size: 0;
}

.bnfBadge
 
.sale, .bnfBadge
 
.set, .bnfBadge
 
.gift, .bnfBadge
 
.nn {
	display: inline-block;
	width: 45px;
	height: 15px;
	margin-right: 2px;
	background: #222;
	text-align: center;
	line-height: 15px;
	font-family: "Montserrat";
	font-size: 10px;
	color: #fff;
}

.bnfBadge
 
.sale {
	background: #5f77ba;
}

.bnfBadge
 
.new, .bnfBadge
 
.best, .bnfBadge
 
.reg {
	display: inline-block;
	width: 45px;
	height: 15px;
	margin-right: 2px;
	border: 1px solid #5f77ba;
	background: none;
	text-align: center;
	color: #5f77ba;
	font-family: "Montserrat";
	font-size: 10px;
	line-height: 13px;
	box-sizing: border-box;
}

.pdtItem
 
.btnCart {
	display: inline-block;
	width: 30px;
	padding: 5px;
	background: none;
}

.pdtSort {
	overflow: hidden;
	padding: 15px 0 15px 12px;
}

.pdtSort
 
.totalCnt {
	float: left;
	font-size: 12px;
}

.pdtSort
 
.select2 {
	float: right;
}

.productListType2 {
	padding-bottom: 100px;
}

.productListType2
 
.lineInfo {
	padding: 55px 15px;
	background: #ececec;
	letter-spacing: -0.05em;
}

.productListType2
 
.lineInfo
 
.lineType {
	display: inline-block;
	height: 21px;
	padding: 0 6px;
	font-size: 12px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 21px;
	color: #fff;
}

.productListType2
 
.lineInfo
 
.lineType
.type_md {
	background: #222;
}

.productListType2
 
.lineInfo
 
.lineType
.type_365 {
	background: #5f77ba;
}

.productListType2
 
.lineInfo
 
.lineName {
	margin: 6px 0 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	color: #222;
}

.productListType2
 
.lineInfo
 
.desc {
	font-size: 14px;
	color: #222;
}

.pdtListType2
 
.pdtItem
 
.linkArea {
	max-width: 480px;
	margin: 0 auto;
}

.pdtListType2
 
.pdtItem
:nth-of-type
(
odd
) {
	background: #f8f8f8;
}

.pdtListType2
 
.pdtItem
:nth-of-type
(
even
) {
	background: #f2f2f2;
}

.pdtListType3
 
.pdtItem {
	border-top: 1px solid #dcdcdc;
}

.pdtListType3
 
.pdtItem
:first-child {
	border-top: none;
}

.pdtListType3
 
.pdtItem
 
.linkArea {
	position: relative;
	display: block;
	padding: 26px 15px 26px 175px;
}

.pdtListType3
 
.pdtItem
 
.linkArea
 
.thumbnail {
	position: absolute;
	left: 15px;
	top: 30px;
	width: 135px;
	margin-bottom: 0;
	background: #eee;
}

.pdtListType3
 
.pdtItem
 
.linkArea
 
.thumbnail
 
.lineType {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	height: 21px;
	padding: 0 7px;
	line-height: 21px;
	color: #fff;
}

.pdtListType3
 
.pdtItem
 
.linkArea
 
.thumbnail
 
.lineType
.type_md {
	background: #222;
}

.pdtListType3
 
.pdtItem
 
.linkArea
 
.thumbnail
 
.lineType
.type_365 {
	background: #5f77ba;
}

.pdtListType3
 
.pdtItem
 
.desc, .pdtListType3
 
.pdtItem
 
.name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pdtListType3
 
.pdtItem
 
.name {
	font-size: 12px;
}

.pdtListType3
 
.pdtItem
 
.price {
	margin-top: 17px;
}

.pdtListType3
 
.pdtItem
 
.keyword {
	margin-top: 10px;
	padding-top: 4px;
	border-top: 2px solid #222;
	height: 46px;
	font-size: 14px;
	display: block;
	overflow: hidden;
	line-height: 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.pdtListType3
 
.pdtItem
 
.keyword
 
span {
	color: #888;
}

.pdtListType4 {
	overflow: hidden;
}

.pdtListType4
 
.pdtItem {
	position: relative;
	float: left;
	width: 50%;
	margin-top: 50px;
}

.pdtListType4
 
.pdtItem
:nth-of-type
(
2n-1
) {
	clear: both;
}

.pdtListType4
 
.pdtItem
:nth-of-type
(
2n-1
)
 
.linkArea {
	padding: 0 5px 0 12px;
}

.pdtListType4
 
.pdtItem
:nth-of-type
(
2n
)
 
.linkArea {
	padding: 0 12px 0 5px;
}

.pdtListType4
 
.pdtItem
 
.thumbnail {
	position: relative;
	width: 100%;
	margin: 0;
	background: #f8f8f8;
}

.pdtListType4
 
.pdtItem
 
.bnfBadge {
	height: 15px;
}

.pdtListType4
 
.pdtItem
 
.desc { /* height: 42px; */
	margin-top: 10px;
	font-size: 13px;
	color: #888;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
}

.pdtListType4
 
.pdtItem
 
.name {
	overflow: hidden;
	height: 36px;
	margin-top: 35px;
	font-family: "Montserrat";
	font-size: 13px;
	line-height: 18px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.pdtListType4
 
.pdtItem
 
.desc+.name, .pdtListType4
 
.pdtItem
 
.bnfBadge+.name, .pdtListType4
 
.pdtItem
 
.cp+.name {
	margin-top: 10px;
}

.pdtListType4
 
.pdtItem
 
.cp {
	height: 19px;
	margin-top: 18px;
	font-size: 13px;
	color: #5f77ba;
}

.pdtListType4
 
.pdtItem
 
.price {
	margin-top: 7px;
}

.pdtListType4
 
.pdtItem
 
.msr_price {
	font-size: 13px;
	margin-top: 10px;
}

.pdtListType4
 
.pdtItem
 
.btnCart {
	position: absolute;
	right: 5px;
	bottom: -3px;
}

.pdtListType4
 
.pdtItem
:nth-of-type
(
2n
)
 
.btnCart {
	right: 12px;
}

.pdtListType4
 
.pdtItem
 
.qty {
	overflow: hidden;
	padding: 0 5px 0 12px;
	margin-top: 15px;
}

.pdtListType4
 
.pdtItem
:nth-of-type
(
2n
)
 
.qty {
	padding: 0 12px 0 5px;
}

.pdtListType4
 
.pdtItem
 
.qty
.align_center {
	max-width: 175px;
	padding: 0;
	margin: 0 auto;
	margin-top: 15px;
}

.pdtListType4
 
.pdtItem
 
.qty
 
.qtyOption {
	float: left;
	width: auto;
}

.pdtListType4
 
.pdtItem
 
.qty
 
.qtyOption
 
.inputText {
	width: 35px;
}

.pdtListType4
 
.pdtItem
 
.qty
 
.btn {
	float: left;
	margin-left: 4px;
}

.pdtListType4
 
.pdtItem
 
.qty
 
.btn
 
a {
	height: 30px;
	padding: 0 5px;
	line-height: 28px;
	font-size: 13px;
}

.productListType2
 
.pdtListType4+.viewMore {
	margin: 60px 0 0 0;
}

@media all and (min-width: 380px) {
	.pdtListType4 .pdtItem .qty .qtyOption .inputText {
		width: 55px;
	}
	.pdtListType4 .pdtItem .qty .btn a {
		padding: 0 10px;
	}
}

/* scrollbar */
.productListType1
 
.mCSB_scrollTools {
	margin: 0 25px;
	opacity: 1;
}

.productListType1
 
.mCSB_inside>.mCSB_container {
	margin-right: 0;
}

.mCSB_scrollTools
.mCSB_scrollTools_horizontal {
	height: 2px;
}

.productListType1
 
.mCS-dark-2
.mCSB_scrollTools
 
.mCSB_dragger
 
.mCSB_dragger_bar {
	height: 2px;
	margin: -1px auto 0;
	background-color: #5f77ba;
}

.productListType1
 
.mCS-dark-2
.mCSB_scrollTools_horizontal
 
.mCSB_draggerRail {
	height: 1px;
	margin: 0 auto;
	border-radius: 0;
	background-color: #dcdcdc;
}

.productListType1

  
.mCS-dark-2
.mCSB_scrollTools

  
.mCSB_dragger
.mCSB_dragger_onDrag

  
.mCSB_dragger_bar, .mCS-dark-2
.mCSB_scrollTools
 
.mCSB_dragger
:active
 
.mCSB_dragger_bar {
	background-color: #5f77ba;
}

.mCustomScrollbar, .mCustomScrollbar
.mCS_touch_action, .mCustomScrollbar
.mCS_touch_action
 
.mCS-aviva
.mCSB_scrollTools {
	-ms-touch-action: auto;
	touch-action: auto;
}

.mCustomScrollBox {
	-ms-touch-action: pan-x pinch-zoom;
	touch-action: pan-x pinch-zoom;
}

.mCustomScrollBox
.mCSB_vertical_horizontal {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
}

.mCustomScrollBox
.mCSB_horizontal {
	-ms-touch-action: pan-y pinch-zoom;
	touch-action: pan-y pinch-zoom;
}

/* 쇼핑 alert */
#shoppingAlert {
	position: fixed;
	left: 50%;
	top: 45%;
	z-index: 50;
	width: 160px;
	height: 160px;
	margin: -80px 0 0 -80px;
	border-radius: 50%;
	background: rgba(95, 119, 186, 0.8);
	opacity: 0;
}

#shoppingAlert
 
span {
	display: block;
	padding-top: 90px;
	background: url("../images/common/ico_shopping_alert.png") no-repeat 50%
		40px;
	-webkit-background-size: 50px;
	background-size: 50px;
	text-align: center;
	line-height: 21px;
	color: #fff;
}

/* 프로덕트맵 */
.productMap
 
.pdtTy {
	padding: 30px 15px 18px;
	margin-bottom: 25px;
	border-bottom: 1px solid #222;
	font-size: 13px;
}

.productMap
 
.pdtTy
 
span {
	display: block;
	margin-bottom: 5px;
	font-family: "Montserrat bold";
	font-size: 24px;
	color: #222;
	letter-spacing: -0.02em;
}

.productMap
 
.line_wrap {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #222;
}

.productMap
 
.line_wrap
 
.index {
	margin-bottom: 15px;
}

.productMap
 
.line_wrap
 
.index
 
a {
	display: block;
	padding: 22% 15px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: cover;
	font-size: 13px;
	color: #222;
}

.productMap
 
.line_wrap
 
.index
 
a
 
span {
	display: block;
	margin-bottom: 5px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 22px;
}

.productMap
 
.line_wrap
 
.index
 
a
 
em {
	text-shadow: 1px 1px 1px #f4f4f4;
}

.productMap
 
.line_wrap
 
.list {
	display: none;
}

.productMap
 
.line_wrap
 
.list
 
ul {
	overflow: hidden;
	padding: 0 12px 20px;
}

.productMap
 
.line_wrap
 
.list
 
li {
	float: left;
	width: 50%;
	margin-bottom: 40px;
	box-sizing: border-box;
}

.productMap
 
.line_wrap
 
.list
 
li
 
.thumb {
	display: block;
	background: #f6f6f9;
}

.productMap
 
.line_wrap
 
.list
 
li
 
.name {
	margin-top: 12px;
	font-size: 13px;
	color: #222;
}

.productMap
 
.line_wrap
 
.list
 
li
:nth-of-type
(
odd
) {
	clear: both;
	padding-right: 3px;
}

.productMap
 
.line_wrap
 
.list
 
li
:nth-of-type
(
even
) {
	padding-left: 3px;
}

/**
EVENT
**/
/* 이벤트리스트 */
.eventList {
	margin: 0 24px;
	font-family: 'Montserrat';
}

.eventList
 
.snbMenuTab {
	margin-top: 22px;
}

.eventList
 
.boxList {
	margin-top: 35px;
	border-bottom: 1px solid #d9d9d9;
}

.eventList
 
li
 
.thumb {
	position: relative;
}

.eventList
 
li
 
.thumb
 
img {
	width: 100%;
}

.eventList
 
li
 
.thumb
 
.ing {
	position: absolute;
	left: 0;
	top: 0;
	height: 14px;
	padding: 0 4px;
	background: #5887da;
	font-size: 10px;
	color: #fff;
	line-height: 12px;
}

.eventList
 
li
 
.thumb
 
.end {
	position: absolute;
	left: 0;
	top: 0;
	height: 14px;
	padding: 0 4px;
	background: #acacac;
	font-size: 10px;
	color: #fff;
	line-height: 12px;
}

.eventList
 
li
 
.info {
	padding: 15px 0 35px;
}

.eventList
 
li
 
.info
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	word-break: break-all;
}

.eventList
 
li
 
.info
 
.date {
	margin-top: 14px;
	font-size: 12px;
	color: #aaa;
}

.endList
 
li
 
.info {
	position: relative;
	padding-right: 130px;
}

.endList
 
li
 
.info
 
.btn {
	position: absolute;
	right: 25px;
	top: 16px;
}

.eventList
 
.pagination {
	margin-top: 59px;
}

.ing {
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	padding: 0 10px;
	background: #5887da;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
}

/* 이벤트상세 */
.eventView
 
.evInfo {
	margin: 40px 24px 0;
	padding-bottom: 35px;
	border-bottom: 1px solid #d9d9d9;
}

.eventView
 
.evInfo
 
.evTitle {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.eventView
 
.evInfo
 
.date {
	position: relative;
	margin-top: 30px;
	font-size: 12px;
	color: #aaa;
}

.eventView
 
.evInfo
 
.date
 
.btnSnsShare {
	position: absolute;
	right: 0;
	top: 0;
}

.eventView
 
.eventCont {
	position: relative;
	margin: 35px 24px 0;
}

.eventView
 
.goList {
	margin: 40px 25px 60px;
	text-align: right;
}

.eventView
 
.goList
 
.btn {
	display: inline-block;
	width: 150px;
}

.eventView
 
.goList
.type2
 
.btn {
	width: auto;
	margin: 0;
}

.eventView
 
.onGoingList {
	border-top: 1px solid #dcdcdc;
}

.eventView
 
.onGoingList
 
.title {
	padding: 45px 15px 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.eventView
 
.onGoingList
 
.item
 
a {
	display: block;
}

.eventView
 
.onGoingList
 
.item
 
.tit {
	padding: 15px;
	font-size: 13px;
}

.eventView
 
.onGoingList
 
.item
 
.tit
 
span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #222;
}

.eventView
 
.onGoingList
.onInit
 
.item {
	width: 69%;
}

/* 쇼핑혜택 */
.shoppingChance
 
.titleArea {
	padding: 70px 0;
	background: url("../images/event/bg_shopping_chance.jpg") no-repeat 50%
		50%;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	color: #222;
}

.shoppingChance
 
.titleArea
 
.title {
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
}

.shoppingChance
 
.offerContain {
	padding-bottom: 50px;
	border-bottom: 1px solid #222;
}

.shoppingChance
 
.offerContain
:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}

.shoppingChance
 
.offerContain
 
.offer_tab {
	padding: 50px 25px 40px;
}

.shoppingChance
 
.offerContain
 
.tpl_tit {
	padding: 0 25px;
	margin-bottom: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.shoppingChance
 
.offer_tab
 
ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.shoppingChance
 
.offer_tab
 
li {
	display: inline-block;
	margin-left: 20px;
	border-bottom: 2px solid #fff;
	font-size: 16px;
}

.shoppingChance
 
.offer_tab
 
li
:first-child {
	margin-left: 0;
}

.shoppingChance
 
.offer_tab
 
li
.on {
	border-color: #222;
}

.shoppingChance
 
.offer_tab
 
li
.on
 
a {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.shoppingChance
 
.pdtItem {
	text-align: center;
}

.shoppingChance
 
.pdtItem
 
.linkArea {
	padding: 0 25px;
}

.shoppingChance
 
.pdtItem
 
.name {
	overflow: hidden;
	display: -webkit-box;
	padding: 0 25px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.shoppingChance
 
.pdtItem
 
.bnfBadge {
	position: absolute;
	left: 0;
	top: 0;
}

.shoppingChance
 
.pdtItem
 
.bnfBadge
 
span {
	display: block;
	width: 45px;
	margin-bottom: 3px;
	font-family: "Montserrat";
}

.shoppingChance
 
.pdtItem
 
.rating {
	margin: 10px auto;
}

.shoppingChance
 
.prm_tpl {
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.shoppingChance
 
.prm_tpl
:after {
	position: absolute;
	left: 25px;
	bottom: 0;
	content: "";
	display: block;
	width: calc(100% - 
 
 50px);
	height: 1px;
	background: #dcdcdc;
}

.shoppingChance
 
.prm_tpl
:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
}

.shoppingChance
 
.prm_tpl
:last-of-type
:after {
	display: none;
}

.shoppingChance
 
.offerContain
:last-of-type
 
.prm_tpl
:last-of-type {
	margin-bottom: 100px;
}

.shoppingChance
 
.prm_tpl_thumb {
	margin-top: 30px;
}

.shoppingChance
 
.prm_tpl_thumb
 
.item {
	position: relative;
	width: 25vw;
	height: 25vw;
	padding-left: 20px;
}

.shoppingChance
 
.prm_tpl_thumb
 
.item
 
a {
	position: relative;
	display: block;
	outline: none;
	background: #f8f8f8;
}

.shoppingChance
 
.prm_tpl_thumb
 
.item
.slick-current
 
a {
	background: none;
}

.shoppingChance
 
.prm_tpl_thumb
 
.item
.slick-current
 
a
:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #5f77ba;
}

/* 타임세일 */
.timeSale {
	overflow: hidden;
	position: relative;
	padding-top: 50px;
	background-color: #5f77ba;
	text-align: center;
	color: #fff;
}

.timeSale
 
.t {
	font-family: 'Montserrat';
	font-weight: bold;
}

.timeSale
 
.timer {
	position: relative;
	padding-bottom: 80px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 0;
	transition: all 0.3s;
}

.timeSale
 
.timer
 
.time {
	display: inline-block;
	width: 65px;
	font-size: 39px;
	vertical-align: middle;
}

.timeSale
 
.timer
 
.timeHyphen {
	display: inline-block;
	font-size: 30px;
	vertical-align: middle;
}

.timeSale
 
.qtyLabel {
	position: absolute;
	left: 50%;
	top: 100%;
	display: inline-block;
	height: 23px;
	margin-top: -50px;
	padding: 0 8px;
	background: #222;
	line-height: 21px;
	font-family: "Montserrat";
	font-size: 13px;
	color: #fff;
	transform: translateX(-50%);
	transition: all 0.3s;
}

.timeSale
 
.qtyLabel
 
em {
	position: relative;
	z-index: 1;
}

.timeSale
 
.qtyLabel
:after {
	position: absolute;
	left: 50%;
	bottom: -2px;
	z-index: 0;
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	margin-left: -5px;
	background: #222;
	transform: rotate(45deg);
}

.timeSale
 
.pdtInfo {
	overflow: hidden;
	position: relative;
	display: none;
}

.timeSale
 
.pdtInfo
 
.name {
	overflow: hidden;
	padding: 0 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.timeSale
 
.pdtInfo
 
.desc {
	overflow: hidden;
	height: 40px;
	padding: 0 6.25%;
	margin: 12px 0 18px;
	font-size: 13px;
	line-height: 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.timeSale
 
.pdtInfo
 
.price {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
}

.timeSale
 
.pdtInfo
 
.price
 
em {
	font-size: 14px;
}

.timeSale
 
.pdtInfo
 
.price
 
.cost {
	text-decoration: line-through;
	margin-right: 5px;
	font-family: "Montserrat";
	font-size: 13px;
}

.timeSale
 
.thumb {
	position: relative;
	margin: 65px -40px 0;
}

.timeSale
 
.thumb
 
img {
	width: 210px;
	font-size: 0;
}

.timeSale
 
.btn {
	padding: 0 80px 40px;
	box-sizing: border-box;
}

.timeSale
 
.btn
 
a {
	border-color: #fff;
	background: none;
	color: #fff;
}

.timeSale
 
.handler {
	position: relative;
	display: block;
	height: 50px;
	margin: 0 -40px;
	border-top: 1px solid #8fa0cf;
	line-height: 50px;
	font-size: 0;
	color: transparent;
}

.timeSale
 
.handler
:before {
	position: absolute;
	left: 50%;
	top: 12px;
	content: "";
	display: block;
	width: 23px;
	height: 23px;
	margin-left: -12px;
	background: url("../images/common/ico_timesale_handler.png") no-repeat 0
		100%;
	-webkit-background-size: 23px;
	background-size: 23px;
}

.timeSale
.on
 
.timer {
	padding-bottom: 20px;
}

.timeSale
.on
 
.qtyLabel {
	margin-top: 140px;
}

.timeSale
.on
 
.handler
:before {
	background-position: 0 0;
}

.shoppingChance
 
.timeSale {
	padding-bottom: 40px;
}

.shoppingChance
 
.timeSale
 
.timer {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.shoppingChance
 
.timeSale
 
.pdtInfo {
	display: block;
	transition: none;
	text-align: center;
}

.shoppingChance
 
.timeSale
 
.pdtInfo
 
.desc {
	margin-bottom: 10px;
}

.shoppingChance
 
.timeSale
 
.pdtInfo
 
.price {
	margin: 20px 0;
}

.shoppingChance
 
.timeSale
 
.qtyLabel {
	position: relative;
	left: auto;
	top: auto;
	margin: 0;
	transform: none;
	transition: none;
}

.shoppingChance
 
.timeSale
 
.thumb {
	max-width: 480px;
	margin: 10px auto 0;
}

.shoppingChance
 
.timeSale
 
.btn {
	position: static;
	left: auto;
	bottom: auto;
	padding: 0 40px;
}

/**
BRAND
**/
/* about aestura */
#container
.aboutAesturaWrap {
	padding-top: 60px;
}

.pageNavigation {
	overflow: hidden;
	height: 39px;
	margin-top: 75px;
	border-top: 1px solid #dcdcdc;
	background: #fff;
	transition: height 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.pageNavigation
 
button {
	position: relative;
	display: block;
	width: 100%;
	height: 38px;
	padding: 0 37px 0 12px;
	background: #fff;
	text-align: left;
	line-height: 38px;
	font-size: 12px;
	border-radius: 0;
	box-sizing: border-box;
}

.pageNavigation
 
button
 
span {
	font-family: "Montserrat";
	color: #222;
}

.pageNavigation
 
button
 
.currentScene {
	display: inline-block;
	height: 10px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #dcdcdc;
	line-height: 10px;
	color: #888;
}

.pageNavigation
 
button
 
i {
	position: absolute;
	right: 12px;
	top: 18px;
	display: block;
	width: 10px;
	height: 10px;
}

.pageNavigation
 
button
 
i
:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	margin-left: -2px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.pageNavigation
 
button
 
i
:after {
	position: absolute;
	right: 50%;
	top: 0;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	margin-right: -2px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.pageNavigation
.on
 
button
 
i
:before {
	transform: rotate(45deg);
}

.pageNavigation
.on
 
button
 
i
:after {
	transform: rotate(-45deg);
}

.pageNavigation
 
ul {
	border-bottom: 1px solid #dcdcdc;
}

.pageNavigation
 
ul
 
li {
	border-top: 1px solid #dcdcdc;
}

.pageNavigation
 
ul
 
li
 
a {
	display: block;
	height: 38px;
	padding-left: 12px;
	line-height: 38px;
	font-family: "Montserrat";
	font-size: 12px;
	color: #222;
}

.aboutAestura {
	overflow: hidden;
}

.aboutAestura
 
.intro
 
.sec_area {
	position: relative;
	height: calc(100vh - 
 
 115px);
	background: url("../images/brand/sec01_bg.jpg") no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.aboutAestura
 
.intro
 
.sec_area
 
.txt {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.aboutAestura
 
.intro
 
.sec_area
 
.txt
 
.p1 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 33px;
	line-height: 35px;
	color: #fff;
}

.aboutAestura
 
.intro
 
.sec_area
 
.txt
 
.p2 {
	margin-top: 15px;
	color: #fff;
}

.aboutAestura
 
.intro
 
.sec_area
 
.scroll {
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -13px;
	opacity: 0;
	-webkit-animation: scroll 2s infinite;
	animation: scroll 2s infinite;
}

.aboutAestura
 
.intro
 
.sec_area
 
.scroll
 
img {
	width: 26px;
}

@
-webkit-keyframes
 
scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
@
keyframes
 
scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
.aboutAestura
 
.section01
 
.sec_area
 
.p1 {
	margin-top: 35px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.aboutAestura
 
.section01
 
.sec_area
 
.p2 {
	margin: 15px 30px 35px;
	text-align: center;
	font-size: 13px;
	color: #5f77ba;
}

.aboutAestura
 
.section01
 
.sec_area
 
.videoArea {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 55%;
}
/* .aboutAestura .section01 .sec_area .videoArea .cover {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url('../images/common/ico_play.png') no-repeat 50% 50%; -webkit-background-size:33px; background-size:33px; font-size:0; color:transparent;} */
.aboutAestura
 
.section01
 
.sec_area
 
.videoArea
 
.cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url("../images/brand/about_aestura_play_bg.jpg") no-repeat
		center top;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 0;
	color: transparent;
}

.aboutAestura
 
.section01
 
.sec_area
 
.videoArea
 
.cover
.stop {
	display: none;
	background: none;
}

.aboutAestura
 
.section01
 
.sec_area
 
.videoArea
 
video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}

.aboutAestura
 
.section02
 
.sec_area1 {
	padding: 65px 25px;
}

.aboutAestura
 
.section02
 
.sec_area1
 
.p1 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.aboutAestura
 
.section02
 
.sec_area1
 
.p2 {
	margin-top: 20px;
	margin-bottom: 60px;
	line-height: 23px;
}

.aboutAestura
 
.section02
 
.sec_area1
 
dl {
	overflow: hidden;
	max-width: 480px;
	margin-top: 38px;
}

.aboutAestura
 
.section02
 
.sec_area1
 
dl
 
dt {
	float: left;
	width: 90px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 11px;
	color: #222;
}

.aboutAestura
 
.section02
 
.sec_area1
 
dl
 
dd {
	overflow: hidden;
}

.aboutAestura
 
.section02
 
.sec_area2 {
	padding: 24vw 25px 41vw 35%;
	background: url("../images/brand/sec02_bg.jpg") no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.aboutAestura
 
.section02
 
.sec_area2
 
.p1 {
	margin-bottom: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}

.aboutAestura
 
.section02
 
.sec_area2
 
p
:not
(
:first-child
) {
	margin-top: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 21px;
	color: #fff;
}

.aboutAestura
 
.section03 {
	margin-top: -11vw;
	background: url("../images/brand/sec03_bg.png") no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.aboutAestura
 
.section03
 
.concept1 {
	padding: 18vw 25px;
}

.aboutAestura
 
.section03
 
.concept1
 
.p1 {
	padding-left: 30px;
	margin-bottom: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 35px;
	line-height: 35px;
	color: #222;
}

.aboutAestura
 
.section03
 
.concept1
 
.p2 {
	font-size: 16px;
	color: #222;
}

.aboutAestura
 
.section03
 
.concept1
 
.p2
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.aboutAestura
 
.section03
 
.concept1
 
.p3 {
	margin-top: 84vw;
	padding: 0 15px;
	line-height: 23px;
}

.aboutAestura
 
.section03
 
.concept1
 
.p3
 
em {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.aboutAestura
 
.section03
 
.concept1
 
.p3
 
span {
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
	text-indent: -8px;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea1 {
	height: 200vw;
	background: url("../images/brand/sec03_02_bg_01.jpg") no-repeat 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2 {
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
	height: 200vw;
	background: rgba(58, 72, 113, 0.8);
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
 
.inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	table-layout: fixed;
	padding: 0 40px;
	vertical-align: middle;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
 
.p1 {
	line-height: 23px;
	color: #fff;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
 
.p2 {
	margin-top: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	line-height: 28px;
	color: #fff;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
 
.logo {
	position: relative;
	width: 108px;
	padding-top: 55px;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
 
.logo
:before {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	display: block;
	width: 1px;
	height: 25px;
	background: #fff;
}

.aboutAestura
 
.section04 {
	background: #f2f4f5 url("../images/brand/sec04_bg.jpg") no-repeat 50%
		100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	text-align: center;
}

.aboutAestura
 
.section04 {
	padding: 75px 25px 165px;
}

.aboutAestura
 
.section04
 
.p1 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	line-height: 25px;
	color: #222;
}

.aboutAestura
 
.section04
 
.p1
 
span {
	display: block;
	font-family: "Montserrat";
	font-size: 11px;
	color: #5f77ba;
}

.aboutAestura
 
.section04
 
.p2 {
	margin: 15px 0 35px;
	color: #222;
}

.aboutAestura
 
.section04
 
.pdtLineupWrap {
	overflow: hidden;
}

.aboutAestura
 
.section04
 
.pdtLineup {
	position: relative;
	float: left;
	width: 48%;
	height: 258px;
	padding: 20px 15px;
	background: #fff;
	box-sizing: border-box;
}

.aboutAestura
 
.section04
 
.pdtLineup
:nth-of-type
(
2
) {
	float: right;
}

.aboutAestura
 
.section04
 
.pdtLineup
 
dt {
	text-align: left;
	font-size: 13px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.aboutAestura
 
.section04
 
.pdtLineup
 
dd {
	text-align: center;
}

.aboutAestura
 
.section04
 
.pdtLineup
 
dd
 
ul {
	display: inline-block;
	text-align: left;
}

.aboutAestura
 
.section04
 
.pdtLineup
 
dd
 
ul
 
li {
	margin-top: 5px;
}

.aboutAestura
 
.section04
 
.pdtLineup
 
dd
 
ul
 
li
:first-child {
	margin-top: 10px;
}

.aboutAestura
 
.section04
 
.pdtLineup
 
dd
 
ul
 
li
 
img {
	height: 10px;
}

.aboutAestura
 
.section04
 
.pdtLineup>span {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	font-size: 10px;
	color: #dcdcdc;
}

.aboutAestura
 
.section05 {
	padding: 90px 0 90px 25px;
}

.aboutAestura
 
.section05
 
.p1 {
	padding-right: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	line-height: 25px;
	text-align: center;
	color: #222;
}

.aboutAestura
 
.section05
 
.p1
 
span {
	display: block;
	text-align: center;
	font-family: "Montserrat";
	font-size: 11px;
	color: #5f77ba;
}

.aboutAestura
 
.section05
 
.p2 {
	padding-right: 25px;
	margin-top: 15px;
	margin-bottom: 45px;
	text-align: center;
	color: #222;
}

.aboutAestura
 
.section05
 
.history
 
li {
	position: relative;
	margin-top: 25px;
}

.aboutAestura
 
.section05
 
.history
 
li
:first-child {
	margin-top: 0;
}

.aboutAestura
 
.section05
 
.history
 
li
:after {
	position: absolute;
	left: 17px;
	bottom: -26px;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #5f77ba;
}

.aboutAestura
 
.section05
 
.history
 
li
:last-child
:after {
	display: none;
}

.aboutAestura
 
.section05
 
.history
 
li
 
dl {
	overflow: hidden;
}

.aboutAestura
 
.section05
 
.history
 
li
 
dt {
	position: relative;
	float: left;
	height: 24px;
	background: #fff;
	line-height: 24px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.aboutAestura
 
.section05
 
.history
 
li
 
dd {
	overflow: hidden;
	padding-left: 60px;
	padding-right: 25px;
	margin-top: 10px;
	line-height: 24px;
	font-size: 13px;
}

.aboutAestura
 
.section05
 
.history
 
li
 
dd
:first-of-type {
	padding-left: 25px;
	margin-top: 0;
}

.aboutAestura
 
.section05
 
.history
 
li
 
dd
:last-of-type
:not
(
:first-of-type
) {
	margin-bottom: 10px;
}

.aboutAestura

  
.section05

  
.history

  
li
:last-child
:not
(
:first-of-type
)

  
dd
:last-of-type {
	margin-bottom: 0;
}

.aboutAestura
 
.section05
 
.history
 
li
 
dd
 
em {
	float: left;
}

.aboutAestura
 
.section05
 
.history
 
li
 
dd
 
span {
	overflow: hidden;
	display: block;
	padding-left: 10px;
	color: #222;
}

.aboutAestura
 
.section05
 
.history
 
li
:nth-of-type
(
7
)
 
dd
:nth-of-type
(
1
) {
	padding-right: 0;
}

.aboutAestura
 
.section05
 
.history
 
li
:nth-of-type
(
7
)
 
dd
:nth-of-type
(
1
)
 
img {
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
}

.aboutAestura
 
.section06 {
	padding: 65px 25px;
	background: #f5f5f5;
}

.aboutAestura
 
.section06
 
.p1 {
	margin-bottom: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	line-height: 25px;
	text-align: center;
	color: #222;
}

.aboutAestura
 
.section06
 
.p1
 
span {
	display: block;
	text-align: center;
	font-family: "Montserrat";
	font-size: 11px;
	color: #5f77ba;
}

.aboutAestura
 
.section06
 
.location
.branch {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #dcdcdc;
}

.aboutAestura
 
.section06
 
.location
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #222;
}

.aboutAestura
 
.section06
 
.location
 
.tab {
	overflow-y: hidden;
	overflow-x: auto;
	margin: 25px 0 15px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.aboutAestura
 
.section06
 
.location
 
.tab
 
li {
	display: inline-block;
	margin-left: 10px;
}

.aboutAestura
 
.section06
 
.location
 
.tab
 
li
:first-child {
	margin-left: 0;
}

.aboutAestura
 
.section06
 
.location
 
.tab
 
li
 
a {
	color: #222;
}

.aboutAestura
 
.section06
 
.location
 
.tab
 
li
.current
 
a {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.aboutAestura
 
.section06
 
.location
 
.mapArea {
	display: none;
}

.aboutAestura
 
.section06
 
.location
 
.mapArea
 
.map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 60%;
}

.aboutAestura
 
.section06
 
.location
 
.mapArea
 
.add {
	margin-top: 10px;
	font-size: 13px;
	color: #222;
}

.aboutAestura
 
.section06
 
.location
 
.mapArea
 
.add
 
span {
	display: inline-block;
	margin-right: 15px;
}

/* ------- motion s */
.aboutAestura
 
.intro
 
.sec_area
 
.txt
 
.p1 {
	position: relative;
	top: -50px;
	opacity: 0;
	transition: all 0.7s 0.6s;
}

.aboutAestura
 
.intro
 
.sec_area
 
.txt
 
.p2 {
	position: relative;
	bottom: -50px;
	opacity: 0;
	transition: all 0.7s 0.6s;
}

.aboutAestura
 
.intro
 
.sec_area
.active
 
.txt
 
.p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.intro
 
.sec_area
.active
 
.txt
 
.p2 {
	bottom: 0;
	opacity: 1;
}

.aboutAestura
 
.section01
 
.sec_area
 
.p1 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura
 
.section01
 
.sec_area
 
.p2 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s 0.2s;
}

.aboutAestura
 
.section01
 
.sec_area
.active
 
.p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section01
 
.sec_area
.active
 
.p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section02
 
.sec_area1
 
.p1 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura
 
.section02
 
.sec_area1
 
.p2 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s 0.2s;
}

.aboutAestura
 
.section02
 
.sec_area1
 
dl {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s 0.4s;
}

.aboutAestura
 
.section02
 
.sec_area1
.active
 
.p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section02
 
.sec_area1
.active
 
.p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section02
 
.sec_area1
.active
 
dl {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section02
 
.sec_area2
 
p
:nth-of-type
(
1
) {
	position: relative;
	left: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura
 
.section02
 
.sec_area2
 
p
:nth-of-type
(
2
) {
	position: relative;
	left: 30px;
	opacity: 0;
	transition: all 0.7s 0.1s;
}

.aboutAestura
 
.section02
 
.sec_area2
 
p
:nth-of-type
(
3
) {
	position: relative;
	left: 30px;
	opacity: 0;
	transition: all 0.7s 0.2s;
}

.aboutAestura
 
.section02
 
.sec_area2
 
p
:nth-of-type
(
4
) {
	position: relative;
	left: 30px;
	opacity: 0;
	transition: all 0.7s 0.3s;
}

.aboutAestura
 
.section02
 
.sec_area2
.active
 
p {
	left: 0;
	opacity: 1;
}

.aboutAestura
 
.section03
 
.concept1
 
.p1 {
	position: relative;
	left: 50px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura
 
.section03
 
.concept1
 
.p2 {
	position: relative;
	left: 50px;
	opacity: 0;
	transition: all 0.5s 0.2s;
}

.aboutAestura
 
.section03
 
.concept1
 
.p3 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
 
.p1 {
	position: relative;
	top: 50px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
 
.p2 {
	position: relative;
	top: 50px;
	opacity: 0;
	transition: all 0.7s 0.1s;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
 
.logo
:before {
	height: 0;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
 
.logo
 
img {
	opacity: 0;
}

.aboutAestura
 
.section03
.active
 
.concept1
 
.p1 {
	left: 0;
	opacity: 1;
}

.aboutAestura
 
.section03
.active
 
.concept1
 
.p2 {
	left: 0;
	opacity: 1;
}

.aboutAestura
 
.section03
 
.concept1
 
.p3
.active {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
.active
 
.p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
.active
 
.p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
.active
 
.logo
:before {
	height: 25px;
	transition: all 0.7s 1s;
}

.aboutAestura
 
.section03
 
.concept2
 
.sceneArea2
.active
 
.logo
 
img {
	opacity: 1;
	transition: all 0.7s 1.7s;
}

.aboutAestura
 
.section04
 
.p1 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura
 
.section04
 
.p2 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s 0.2s;
}

.aboutAestura
 
.section04
 
.pdtLineup
:nth-of-type
(
1
) {
	position: relative;
	left: -30px;
	opacity: 0;
	transition: all 0.7s 0.4s;
}

.aboutAestura
 
.section04
 
.pdtLineup
:nth-of-type
(
2
) {
	position: relative;
	right: -30px;
	opacity: 0;
	transition: all 0.7s 0.4s;
}

.aboutAestura
 
.section04
.active
 
.p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section04
.active
 
.p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura
 
.section04
.active
 
.pdtLineup
:nth-of-type
(
1
) {
	left: 0;
	opacity: 1;
}

.aboutAestura
 
.section04
.active
 
.pdtLineup
:nth-of-type
(
2
) {
	right: 0;
	opacity: 1;
}
/* ------- motion e */

/* 사회공헌활동 */
.socialActivity
 
.titleArea {
	padding: 25px 25px 40px;
	border-bottom: 2px solid #222;
	text-align: center;
}

.socialActivity
 
.titleArea
 
h3 {
	display: table;
	width: 85px;
	height: 85px;
	margin: 0 auto 25px;
	background: #5f77ba;
}

.socialActivity
 
.titleArea
 
h3
 
span {
	display: table-cell;
	vertical-align: middle;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #fff;
}

.socialActivity
 
.titleArea
 
p {
	font-size: 13px;
	color: #222;
}

.socialActivity
 
.galleryWrap {
	overflow: hidden;
	padding: 40px 0;
	border-top: 1px solid #dcdcdc;
}

.socialActivity
 
.galleryWrap
.first {
	border-top: none;
}

.socialActivity
 
.galleryWrap
 
.index {
	padding: 0 33px;
}

.socialActivity
 
.galleryWrap
 
.index
 
.type {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 12px;
	color: #5f77ba;
}

.socialActivity
 
.galleryWrap
 
.index
 
.tit {
	margin-bottom: 6px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.socialActivity
 
.galleryWrap
 
.gallery {
	margin: 22px -3px 0;
}

.socialActivity
 
.galleryWrap
 
.gallery
 
.item {
	padding: 3px;
	box-sizing: border-box;
}

.socialActivity
 
.galleryWrap
 
.gallery
 
.item
 
img {
	width: 100%;
}

.socialActivity
 
.galleryWrap
 
.gallery
 
.slick-dots {
	width: 100%;
	text-align: center;
}

.socialActivity
 
.galleryWrap
 
.gallery
 
.slick-dots
 
li {
	display: inline-block;
	margin: 0 4px;
	vertical-align: middle;
}

.socialActivity
 
.galleryWrap
 
.gallery
 
.slick-dots
 
li
 
button {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666;
	font-size: 0;
	color: transparent;
}

.socialActivity
 
.galleryWrap
 
.gallery
 
.slick-dots
 
li
.slick-active
 
button {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #5f77ba;
	font-size: 0;
	color: transparent;
}

.socialActivity
 
.history {
	margin: 65px 0 70px;
}

.socialActivity
 
.history
 
ul
 
li
:first-child {
	margin-top: 0;
}

.socialActivity
 
.history>ul>li {
	margin-top: 15px;
	padding: 0 25px;
}

.socialActivity
 
.history>ul>li
:nth-child
(
4
) {
	margin-top: 40px;
}

.socialActivity
 
.history>ul>li
 
.year {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.socialActivity
 
.history>ul>li
 
.bg {
	margin: 35px -25px 0;
}

.socialActivity
 
.history>ul>li
 
ul {
	min-height: 62px;
	margin-top: 10px;
	margin-left: 15px;
	padding-left: 10px;
	border-left: 1px solid #dcdcdc;
}

.socialActivity
 
.history>ul>li
:last-child
 
ul {
	min-height: auto;
}

.socialActivity
 
.history>ul>li
:last-child
 
ul
 
li {
	padding-bottom: 0;
}

.socialActivity
 
.history>ul>li
 
ul
 
li {
	padding-bottom: 10px;
	color: #222;
}

.socialActivity
 
.history>ul>li
 
ul
 
li
 
.date {
	float: left;
	display: block;
	width: 75px;
	font-size: 12px;
	color: #888;
}

.socialActivity
 
.history>ul>li
 
ul
 
li
 
em {
	overflow: hidden;
	display: block;
}

/* 에스트라 뉴스 */
.newsList
 
li {
	border-top: 1px solid #dcdcdc;
}

.newsList
 
li
:first-child {
	border-top: none;
}

.newsList
 
li
:first-child
 
a {
	padding-top: 15px;
}

.newsList
 
li
 
a {
	overflow: hidden;
	display: block;
	padding: 25px 12px;
	box-sizing: border-box;
}

.newsList
 
li
 
a
 
.thumb {
	overflow: hidden;
	position: relative;
	float: left;
	width: 125px;
	padding-top: 125px;
	margin-right: 12px;
}

.newsList
 
li
 
a
 
.thumb
 
img {
	position: absolute;
	left: 50%;
	top: 50%;
}

.newsList
 
li
 
a
 
.txt {
	overflow: hidden;
}

.newsList
 
li
 
a
 
.txt
 
.tit {
	overflow: hidden;
	margin-top: 2px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 20px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.newsList
 
li
 
a
 
.txt
 
.summary {
	overflow: hidden;
	margin: 8px 0 18px;
	font-size: 12px;
	line-height: 17px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.newsList
 
li
 
a
 
.txt
 
.date {
	font-size: 12px;
}

.newsView
 
.boardView2
 
.info {
	background: #f7f7f7;
	text-align: center;
}

.newsView
 
.boardView2
 
.info
 
.tit {
	padding-bottom: 10px;
	border-bottom: 1px solid #222;
}

.newsView
 
.boardView2
 
.cont
 
table {
	width: 100% !important;
}

.newsView
 
.boardView2
 
.cont
 
table
 
img {
	width: auto !important;
}

.newsView
 
.boardView2
 
.cont
 
table
 
thead
 
td {
	width: 100% !important;
}

.newsView
 
.boardView2
 
.cont
 
table
 
p {
	word-break: break-all !important;
}

.newsView
 
.cont
 
p {
	line-height: normal !important;
	word-break: normal !important;
}

#newsContainer
 
.main
 
.tiktokWrap {
	margin-bottom: 20px;
}

/* 더마온 스토리 */
#container
.dermaon_info {
	padding-top: 0;
}

.dermaon_info
 
.visual {
	position: relative;
	padding-top: 115px;
	height: 100vh;
	background: url("../images/brand/dermaon_visual.jpg") no-repeat center
		bottom;
	background-size: cover;
	box-sizing: border-box;
	text-align: center;
}

.dermaon_info
 
.visual
 
.tit_wrap {
	padding-top: 75px;
	color: #222;
	letter-spacing: -1px;
}

.dermaon_info
 
.visual
 
.tit_wrap
 
h2 {
	font-size: 29px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.visual
 
.tit_wrap
 
h2
 
span {
	font-size: 29px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.visual
 
.tit_wrap
 
p {
	font-size: 14px;
	line-height: 26px;
	color: #222;
}

.dermaon_info
 
.visual
 
.tit_wrap
 
p
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.visual
 
.scroll {
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -13px;
	opacity: 0;
	-webkit-animation: scroll 2s infinite;
	animation: scroll 2s infinite;
}

.dermaon_info
 
.visual
 
.scroll
 
img {
	width: 26px;
}

@
-webkit-keyframes
 
scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
@
keyframes
 
scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
.dermaon_info
 
.info1 {
	padding: 115px 0 200px 0;
	text-align: center;
}

.dermaon_info
 
.sec {
	text-align: center;
	padding: 0 12px;
}

.dermaon_info
 
.sec>.tit_wrap
 
h3 {
	font-size: 22px;
	color: #222;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -1.4px;
}

.dermaon_info
 
.sec>.tit_wrap
 
p {
	padding-top: 20px;
	font-size: 20px;
	line-height: 32px;
	color: #555;
}

.dermaon_info
 
.sec>.tit_wrap
 
.point {
	color: #0b658a;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info1
 
.tit_wrap {
	padding: 75px 20px 0 20px;
}

.dermaon_info
 
.info1
 
.tit_wrap
 
p {
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	letter-spacing: -1px;
}

.dermaon_info
 
.info1
 
.info_list {
	padding: 20px 0 0 0;
}

.dermaon_info
 
.info1
 
.info_list
 
li {
	margin-top: 10px;
	padding: 6px;
	border: 2px solid #e5eff7;
	box-sizing: border-box;
}

.dermaon_info
 
.info1
 
.info_list
 
li
 
strong {
	display: block;
	font-size: 14px;
	line-height: 40px;
	color: #222;
	background: #e6f0f7;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info1
 
.info_list
 
li
 
.img_wrap {
	padding: 30px;
}

.dermaon_info
 
.info1
 
.info_list2 {
	margin-top: 10px;
}

.dermaon_info
 
.info1
 
.info_list2
 
p {
	position: relative;
	z-index: 1;
}

.dermaon_info
 
.info1
 
.info_list2
.type1
 
img {
	position: relative;
	left: -20px;
	top: -10px;
}

.dermaon_info
 
.info1
 
.info_list2
.type2
 
.img_wrap {
	margin: 40px 0 60px 0;
	padding: 0 30px;
}

.dermaon_info
 
.info_type {
	position: relative;
}

.dermaon_info
 
.info_type
 
.tit_wrap
 
strong {
	display: block;
	font-size: 23px;
	line-height: 30px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: left;
}

.dermaon_info
 
.info_type
 
.tit_wrap
 
p {
	padding-top: 20px;
	font-size: 14px;
	line-height: 21px;
	color: #888;
}

.dermaon_info
 
.info_type
 
.tit_wrap
 
p
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #0b658a;
}

.dermaon_info
 
.info_type
 
.tit_wrap
 
em {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 21px;
	color: #0b658a;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
}

.dermaon_info
 
.info2 {
	background: #eef0f6;
	padding: 60px 12px 40px 12px;
}

.dermaon_info
 
.info2
 
.tit_wrap
 
p {
	color: #222;
	font-size: 14px;
	line-height: 21px;
}

.dermaon_info
 
.info2
 
.tit_wrap
 
p
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info2
 
.box {
	margin: 25px auto 0;
	padding: 30px 12px;
	background: #fff;
	box-sizing: border-box;
}

.dermaon_info
 
.info2
 
.box
 
.info_list
 
li {
	position: relative;
}

.dermaon_info
 
.info2
 
.box
 
.info_list
 
li
:first-child {
	padding-bottom: 50px;
	border-bottom: 1px solid #e8e8e8;
}

.dermaon_info
 
.info2
 
.box
 
.info_list
 
li
:last-child {
	padding-top: 50px;
}

.dermaon_info
 
.info2
 
.box
 
.info_list
 
li
:first-child
:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: calc(100% - 
 
 60px);
	background: #e8e8e8;
}

.dermaon_info
 
.info2
 
.box
 
.info_list
 
li
 
strong {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.dermaon_info
 
.info2
 
.box
 
.info_list
 
li
 
strong
 
span {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 23px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info2
 
.box
 
.info_list
 
li
 
strong
 
span
:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #222;
}

.dermaon_info
 
.info2
 
.box
 
.info_list
 
li
 
.mark {
	position: absolute;
	bottom: -48px;
	left: 50%;
	width: 48px;
	height: 48px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	line-height: 48px;
	margin-left: -24px;
	color: #fff;
	background: #0b658a;
	text-align: center;
	border-radius: 50%;
	transform: translateY(-50%);
}

.dermaon_info
 
.info2
 
.box
 
.info_list
 
li
 
.img_wrap {
	padding: 0 42px;
}

.dermaon_info
 
.info2
 
.box
 
.info_txt {
	margin-top: 30px;
	background: #f8f8f8;
	padding: 15px 35px;
	text-align: left;
}

.dermaon_info
 
.info2
 
.box
 
.info_txt
 
li {
	padding-left: 8px;
	text-indent: -8px;
	font-size: 10px;
	line-height: 16px;
	color: #888888;
	vertical-align: top;
}

.dermaon_info
 
.info2
 
.box
 
.info_txt
 
li
:before {
	display: inline-block;
	content: "";
	width: 2px;
	height: 2px;
	background: #888;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 5px;
}

.dermaon_info
 
.info3 {
	padding: 40px 0 60px 0;
}

.dermaon_info
 
.info3
 
.tit_wrap
 
p {
	padding: 0 30px;
	margin-top: 15px;
	font-size: 14px;
	line-height: 21px;
	padding-top: 0;
	color: #222;
}

.dermaon_info
 
.info3
 
.info_list
 
li {
	margin-top: 28px;
	padding: 0 60px;
	box-sizing: border-box;
}

.dermaon_info
 
.info3
 
.info_list
 
li
 
img {
	width: 100%;
}

.dermaon_info
 
.info3
 
.info_list
 
li
 
strong {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #222;
}

.dermaon_info
 
.info4 {
	padding: 60px 0;
	background: url("../images/brand/dermaon_info4_bg.jpg") no-repeat center
		top;
	background-size: cover;
	text-align: center;
}

.dermaon_info
 
.info4
 
h3 {
	color: #fff;
	letter-spacing: -1px;
	font-size: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info4
 
h3
 
span {
	font-size: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info4
 
.con_box {
	padding-top: 40px;
	font-size: 0;
}

.dermaon_info
 
.info4
 
.con_box
 
.img_wrap {
	padding: 0 35px;
}

.dermaon_info
 
.info4
 
.con_box
 
.txt_wrap {
	margin-top: 40px;
	padding: 0 20px;
}

.dermaon_info
 
.info4
 
.con_box
 
strong {
	display: block;
	color: #fff;
	font-size: 17px;
	line-height: 21px;
	text-align: left;
	font-weight: 500;
}

.dermaon_info
 
.info4
 
.con_box
 
strong
 
em {
	display: block;
	font-size: 19px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info4
 
.con_box
 
strong
 
span {
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info4
 
.con_box
 
p {
	padding-top: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	text-align: left;
}

.dermaon_info
 
.info5 {
	padding: 60px 0;
	text-align: center;
}

.dermaon_info
 
.info5
 
.box
 
.tit_wrap {
	padding: 0 20px;
}

.dermaon_info
 
.info5
 
.box
 
.tit_wrap
 
em {
	display: block;
	font-size: 23px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #0b658a;
}

.dermaon_info
 
.info5
 
.box
 
.tit_wrap
 
em
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info5
 
.box
 
.tit_wrap
 
p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 21px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1 {
	margin-top: 35px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li {
	position: relative;
	padding: 35px 40px;
	margin: 0 40px 0 40px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
:first-child {
	border-top: 2px solid #222;
	margin-top: 20px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
:last-child {
	border-bottom: 1px solid #d7d7d7;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
:last-child
 
p {
	padding-bottom: 0;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
:last-child
 
img {
	position: relative;
	left: 30px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
 
.heading {
	display: block;
	padding-top: 20px;
	font-size: 12px;
	line-height: 21px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
 
strong {
	display: block;
	margin-top: 5px;
	font-size: 17px;
	line-height: 21px;
	color: #0b658a;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
 
strong
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
 
p {
	margin-top: 5px;
	padding-bottom: 35px;
	font-size: 14px;
	line-height: 21px;
	color: #222;
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
:nth-child
(
1
)
:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 35px;
	height: 35px;
	background: url("../images/brand/icon_plus.png") no-repeat center top;
	background-size: cover;
	transform: translateX(-50%);
}

.dermaon_info
 
.info5
 
.box
 
.info_list1
 
li
:nth-child
(
2
)
:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
	height: 38px;
	background: url("../images/brand/icon_arrow.png") no-repeat center top;
	background-size: cover;
	transform: translateX(-50%);
}

.dermaon_info
 
.info5
 
.box
 
.info_list2 {
	padding-top: 60px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.tit_wrap
 
strong {
	display: block;
	font-size: 23px;
	line-height: 30px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.tit_wrap
 
strong
 
em {
	color: #0b658a;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.tit_wrap
 
strong
 
em
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.tit_wrap
 
p {
	font-size: 14px;
	line-height: 21px;
	color: #222;
	letter-spacing: -1px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.tit_wrap
 
p
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #0b658a;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.top {
	padding: 106px 0 35px 0;
	margin: -70px 25px 0 25px;
	background: #f9f9f9;
	font-size: 0;
	text-align: center;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.top
 
.desc {
	padding: 0 40px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.top
 
.desc
 
img {
	max-width: 280px;
	width: 100%;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.top
 
.desc
 
strong {
	display: block;
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: center;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.top
 
.desc
.type1 {
	position: relative;
	padding-bottom: 20px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.top
 
.desc
.type1
:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 15px;
	height: 30px;
	background: url("../images/brand/arrow.png") no-repeat center top;
	background-size: cover;
	transform: translateX(-50%);
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.top
 
.desc
.type1
 
strong {
	padding-bottom: 22px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.top
 
.desc
.type2>div {
	margin-top: 25px;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.bottom {
	margin: 0 25px;
	padding: 25px 15px;
	background: #f3f3f3;
}

.dermaon_info
 
.info5
 
.box
 
.info_list2
 
.grey_box
 
.bottom
 
p {
	font-size: 12px;
	line-height: 18px;
	color: #555;
}

.dermaon_info
 
.info6 {
	padding: 60px 0;
	background: #f8f8f8;
	text-align: center;
}

.dermaon_info
 
.info6
 
h3 {
	font-size: 23px;
	line-height: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.dermaon_info
 
.info6
 
.info_list {
	margin: 15px 12px 0 12px;
	padding: 23px 12px 15px 12px;
	background: #fff;
	box-sizing: border-box;
	font-size: 0;
}

.dermaon_info
 
.info6
 
.info_list
 
h4 {
	display: block;
}

.dermaon_info
 
.info6
 
.info_list
 
h4
 
em {
	display: inline-block;
	position: relative;
	font-size: 21px;
	line-height: 27px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -1px;
}

.dermaon_info
 
.info6
 
.info_list
:nth-of-type
(
1
)
 
h4
 
em
:before {
	display: block;
	content: "";
	width: 50px;
	height: 54px;
	margin: 0 auto;
	background: url("../images/brand/icon_num1.png") no-repeat center top;
	background-size: 70%;
}

.dermaon_info
 
.info6
 
.info_list
:nth-of-type
(
2
)
 
h4
 
em
:before {
	display: block;
	content: "";
	width: 50px;
	height: 54px;
	margin: 0 auto;
	background: url("../images/brand/icon_num2.png") no-repeat center top;
	background-size: 70%;
}

.dermaon_info
 
.info6
 
.info_list
:nth-of-type
(
3
)
 
h4
 
em
:before {
	display: block;
	content: "";
	width: 50px;
	height: 54px;
	margin: 0 auto;
	background: url("../images/brand/icon_num3.png") no-repeat center top;
	background-size: 70%;
}

.dermaon_info
 
.info6
 
.info_list
:nth-of-type
(
4
)
 
h4
 
em
:before {
	display: block;
	content: "";
	width: 50px;
	height: 54px;
	margin: 0 auto;
	background: url("../images/brand/icon_num4.png") no-repeat center top;
	background-size: 70%;
}

.dermaon_info
 
.info6
 
.info_list
 
h4
 
span {
	color: #0b658a;
}

.dermaon_info
 
.info6
 
.info_list
 
.con {
	padding: 10px 0 0 0;
}

.dermaon_info
 
.info6
 
.info_list
 
.txt_wrap
 
strong {
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #222;
}

.dermaon_info
 
.info6
 
.info_list
 
.txt_wrap
 
strong
 
span {
	position: relative;
	z-index: 1;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info6
 
.info_list
 
.txt_wrap
 
strong
 
span
:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 8px;
	background: #daedff;
	z-index: -1;
}

.dermaon_info
 
.info6
 
.info_list
 
.img_wrap {
	margin-top: 25px;
	padding: 0 30px;
}

.dermaon_info
 
.info6
 
.info_txt {
	margin-top: 25px;
	padding: 15px 0 15px 30px;
	font-size: 10px;
	line-height: 16px;
	color: #888;
	text-align: left;
	background: #f8f8f8;
}

.dermaon_info
 
.info6
 
.info_txt
 
li {
	padding-left: 6px;
	text-indent: -6px;
}

.dermaon_info
 
.info6
 
.info_txt
 
li
:before {
	display: inline-block;
	content: "";
	width: 2px;
	height: 2px;
	background: #888;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 4px;
}

.dermaon_info
 
.info6
 
.info_list
.type2
 
.txt_wrap
 
strong {
	padding-top: 10px;
}

.dermaon_info
 
.info6
 
.txt1 {
	padding-top: 6px;
	font-size: 10px;
	line-height: 14px;
	color: #888;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt
.type1 {
	width: 170px;
	margin: 20px auto 0;
	text-align: left;
	letter-spacing: -1px;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt
.type2 {
	width: 220px;
	margin: 15px auto 0;
	text-align: left;
	letter-spacing: -1px;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt
.type1
 
li
 
span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 4px;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt {
	margin-top: 50px;
	font-size: 0;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt
 
li {
	font-size: 12px;
	line-height: 22px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt
 
li
 
span {
	display: inline-block;
	width: 14px;
	height: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	text-align: center;
	letter-spacing: -1px;
	font-size: 10px;
	margin-top: 5px;
	vertical-align: top;
	margin-right: 4px;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt
 
li
.list1 {
	color: #666;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt
 
li
.list2 {
	color: #526ec1;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt
 
li
.list1
 
span {
	background: #d7d7d7;
}

.dermaon_info
 
.info6
 
.info_list
 
.type_txt
 
li
.list2
 
span {
	background: #a0b2e9;
}

.dermaon_info
 
.info6
 
.info_list
.type3
 
.txt_wrap
 
.txt2 {
	display: inline-block;
	margin-top: 10px;
	padding: 0 5px;
	background: #0b658a;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
}

.dermaon_info
 
.info6
 
.info_list
.type4
 
.img_wrap {
	display: block;
	padding: 0 45px;
	width: auto;
}

.dermaon_info
 
.info6
 
.info_list
.type4
 
.img_wrap
 
img {
	width: 100%;
}

.dermaon_info
 
.obj {
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	-moz-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	-o-transform: translate(0, 30px);
	transform: translate(0, 30px);
}

.dermaon_info
 
.obj1 {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.dermaon_info
 
.obj2 {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.dermaon_info
 
.obj3 {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.dermaon_info
 
.obj4 {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.dermaon_info
 
.obj5 {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.dermaon_info
 
.obj6 {
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.dermaon_info
 
.obj
.animated {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

/**
EXPERIENCE
**/
/* SNS Channel */
.snsChannel
 
.tabMenu
 
li
 
a
:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: -5px 4px 0 0;
	vertical-align: middle;
	background: url("../images/experience/sns_icon2.png") no-repeat;
	-webkit-background-size: 30px;
	background-size: 30px;
}

.snsChannel
 
.tabMenu
 
li
.current
 
a
:before {
	background-position-y: 100%;
}

.snsChannel
 
.tabMenu
 
li
.insta
 
a
:before {
	background-position-x: 100%;
}

.snsList
 
ul
 
li {
	border-bottom: 7px solid #eee;
}

.snsList
 
ul
 
li
 
a {
	display: block;
	width: 100%;
}

.snsList
 
ul
 
li
 
a
 
img {
	width: 100%;
}

.snsList
 
ul
 
li
 
.info {
	overflow: hidden;
	position: relative;
	height: 28px;
	padding: 20px 25px;
	line-height: 28px;
	font-size: 13px;
}

.snsList
 
ul
 
li
 
.info
 
.count {
	position: absolute;
	right: 25px;
	top: 20px;
}

.snsList
 
ul
 
li
 
.info
 
.count
 
span {
	display: inline-block;
	margin-left: 10px;
}

.snsList
 
ul
 
li
 
.summary {
	overflow: hidden;
	height: 42px;
	margin: 15px 25px 25px;
	line-height: 21px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.snsList
 
ul
 
li
 
.info
:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 52px;
	height: 1px;
}

.snsList
 
ul
 
li
 
.info
 
.date
:before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	-webkit-background-size: 28px;
	background-size: 28px;
}

.snsList
.fb
 
ul
 
li
 
.info
:after {
	background: #5f77ba;
}

.snsList
.fb
 
ul
 
li
 
.info
 
.date
:before {
	background-image: url("../images/experience/ico_fb.png");
}

.snsList
.insta
 
ul
 
li
 
.info
:after {
	background: #db2f7a;
}

.snsList
.insta
 
ul
 
li
 
.info
 
.date
:before {
	background-image: url("../images/experience/ico_insta.png");
}

/* beauty inside */
.beautyInsideList
 
li {
	border-top: 7px solid #f7f7f7;
	border-bottom: 1px solid #eee;
}

.beautyInsideList
 
li
:first-child {
	border-top: none;
}

.beautyInsideList
 
li
:last-child {
	border-bottom: none;
}

.beautyInsideList
 
li
 
a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.beautyInsideList
 
li
 
a
:after {
	position: absolute;
	left: 22px;
	bottom: 22px;
	content: "";
	display: block;
	width: 33px;
	height: 42px;
	background: url("../images/experience/ico_play.png") no-repeat;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.beautyInsideList
 
li
 
a
 
img {
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 100%;
	transform: translate(-50%, -50%);
}

.beautyInsideList
 
li
 
.tit {
	overflow: hidden;
	padding: 10px 25px 20px;
	font-size: 17px;
	line-height: 23px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.beautyInsideView
 
.boardView2
 
.playerArea {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56%;
}

.beautyInsideView
 
.boardView2
 
.playerArea
 
.cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 0;
	color: transparent;
}

.beautyInsideView
 
.boardView2
 
.playerArea
 
.cover
 
img {
	width: 100%;
}

.beautyInsideView
 
.boardView2
 
.playerArea
 
.cover
.play
:after {
	position: absolute;
	left: 22px;
	bottom: 22px;
	content: "";
	display: block;
	width: 33px;
	height: 42px;
	background: url("../images/experience/ico_play.png") no-repeat;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.beautyInsideView
 
.boardView2
 
.playerArea
 
#player {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* blog view */
.ranking {
	padding-bottom: 35px;
	border-bottom: 1px solid #eee;
}

.ranking
 
.title {
	padding: 22px 12px 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.ranking
 
.item {
	width: 71%;
}

.ranking
 
.item
 
.thumb
 
img {
	width: 100%;
}

.ranking
 
.item
 
.tit {
	overflow: hidden;
	height: 46px;
	padding: 12px 12px 0;
	font-size: 17px;
	line-height: 23px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.swiper-pagination {
	position: relative;
	left: auto;
	bottom: auto;
	margin-top: 35px;
	font-size: 0;
}

.swiper-pagination
 
.swiper-pagination-bullet {
	width: 4px;
	height: 4px;
	margin: 0 3px;
	background: #666;
}

.swiper-pagination
 
.swiper-pagination-bullet-active {
	width: 5px;
	height: 5px;
	background: #5f77ba;
}

.blogViewList {
	padding: 30px 25px 0;
	border-top: 7px solid #f7f7f7;
}

.blogViewList>ul>li {
	margin-top: 55px;
}

.blogViewList>ul>li
:first-child {
	margin-top: 0;
}

.blogViewList>ul>li>a
 
img {
	width: 100%;
}

.blogViewList
 
li
 
.innerWrap {
	padding-top: 12px;
}

.blogViewList
 
li
 
.innerWrap
 
.tit {
	font-size: 17px;
	line-height: 23px;
	color: #222;
}

.blogViewList
 
li
 
.innerWrap
 
.relatePdt {
	overflow-y: hidden;
	overflow-x: auto;
	margin-top: 18px;
	padding-top: 20px;
	border-top: 2px solid #222;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.blogViewList
 
li
 
.innerWrap
 
.relatePdt
 
li {
	display: inline-block;
	font-size: 0;
}

.blogViewList
 
li
 
.innerWrap
 
.relatePdt
 
li
 
a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 65px;
	padding-left: 70px;
	margin-right: 20px;
}

.blogViewList
 
li
 
.innerWrap
 
.relatePdt
 
li
 
a
 
.thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #eee;
}

.blogViewList
 
li
 
.innerWrap
 
.relatePdt
 
li
 
a
 
.name {
	overflow: hidden;
	display: block;
	height: 30px;
	font-size: 11px;
	line-height: 15px;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.blogViewList
 
li
 
.innerWrap
 
.relatePdt
 
li
 
a
 
.price {
	display: block;
	margin-top: 8px;
	font-size: 11px;
	color: #6077ba;
}

/* 포토리뷰 */
#frm_photoreviewSearch
 
.reviewSort {
	margin: 0;
	margin-top: 25px;
}

.photoReviewList {
	padding: 30px 25px 0;
}

.photoReviewList>ul>li {
	margin-top: 55px;
}

.photoReviewList>ul>li
:first-child {
	margin-top: 0;
}

.photoReviewList
 
.photoRvItem
 
.thumbnail {
	overflow: hidden;
	position: relative;
	display: block;
	height: 0;
	padding-top: 57%;
}

.photoReviewList
 
.photoRvItem
 
.thumbnail
 
.bestTester {
	position: absolute;
	left: 0;
	top: 0;
}

.photoReviewList
 
.photoRvItem
 
.thumbnail
 
img {
	position: absolute;
}

.photoReviewList
 
.photoRvItem
 
.thumbnail
 
.goodRvCnt {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	height: 24px;
	padding: 0 11px 0 30px;
	line-height: 24px;
	background: #fff url("../images/common/ico_good.png") no-repeat 11px 6px;
	-webkit-background-size: 14px;
	background-size: 14px;
	font-size: 12px;
}

.photoReviewList
 
.photoRvItem
 
.innerWrap {
	padding-top: 12px;
}

.photoReviewList
 
.photoRvItem
 
.cont {
	position: relative;
	padding: 0 15px;
}

.photoReviewList
 
.photoRvItem
 
.cont
 
.tit {
	overflow: hidden;
	height: 46px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	line-height: 23px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.photoReviewList
 
.photoRvItem
 
.cont
 
.txt {
	overflow: hidden;
	height: 60px;
	margin-top: 15px;
	line-height: 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.photoReviewList
 
.photoRvItem
 
.cont
 
.admMsg {
	height: auto;
}

.photoReviewList
 
.photoRvItem
 
.cont
 
.info {
	overflow: hidden;
	margin-top: 15px;
	font-size: 12px;
}

.photoReviewList
 
.photoRvItem
 
.cont
 
.info
 
.user {
	float: left;
	color: #222;
}

.photoReviewList
 
.photoRvItem
 
.cont
 
.info
 
.concern {
	float: left;
	margin-left: 15px;
}

.photoReviewList
 
.photoRvItem
 
.cont
 
.info
 
.date {
	float: right;
}

.photoReviewList
 
.photoRvItem
 
.cont
 
.rating {
	margin-top: 20px;
}

.photoReviewList
 
.photoRvItem
 
.cont
 
.repairMenu {
	right: 20px;
	bottom: 0;
}

.photoReviewList
 
.photoRvItem
 
.relateProduct {
	margin-top: 30px;
	border-top: 2px solid #222;
	padding-top: 20px;
}

.relateProduct
 
a {
	position: relative;
	display: block;
	height: 55px;
	padding: 0 25px 0 70px;
	font-size: 12px;
	line-height: 15px;
}

.relateProduct
 
span {
	display: block;
}

.relateProduct
 
.thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
}

.relateProduct
 
.name {
	margin-top: 5px;
}

.relateProduct
 
.price {
	margin-top: 5px;
	color: #5f77ba;
}

.bestReview
 
.titArea {
	padding: 50px 25px;
	text-align: center;
}

.bestReview
 
.titArea
 
.title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.bestReview
 
.titArea
 
p {
	margin: 12px 0 20px;
	line-height: 24px;
	color: #666;
}

.bestReview
 
.titArea
 
p
 
span {
	color: #222;
}

.bestReview
 
.photoRvItem {
	width: 74%;
	padding-right: 19px;
	box-sizing: border-box;
}

.bestReview
 
.photoRvItem
 
.cont
 
.repairMenu {
	right: 0;
	top: 63px;
}

.reviewSort {
	margin: 35px 0 60px;
	padding: 20px 25px 25px;
	background: #f8f8f8;
	text-align: center;
}

.reviewSort
 
.inputHasBtn {
	margin-bottom: 25px;
}

.reviewSort
 
select {
	height: auto;
	padding: 0 17px 0 15px;
	border: none;
	background: url("../images/common/ico_filter.png") no-repeat 0 50%;
	-webkit-background-size: 12px;
	background-size: 12px;
	vertical-align: middle;
	color: #222;
}

.reviewSort
 
.selCate {
	position: relative;
	display: inline-block;
	padding-left: 17px;
	margin-left: 15px;
	background: url("../images/common/ico_filter2.png") no-repeat 0 50%;
	-webkit-background-size: 11px;
	background-size: 11px;
	vertical-align: middle;
	color: #222;
}

.reviewSort
 
.selCate
:before {
	position: absolute;
	left: -19px;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 13px;
	background: #dcdcdc;
}

.bestTester {
	width: 100%;
	font-size: 0;
	z-index: 1;
}

.bestTester
 
span {
	display: inline-block;
	height: 19px;
	padding: 0 8px;
	margin-right: 5px;
	border: 1px solid #5f77ba;
	line-height: 19px;
	background: #5f77ba;
	vertical-align: middle;
	font-size: 12px;
	color: #fff;
}

.bestTester
 
span
.tester {
	background: #fff;
	color: #5f77ba;
}

.category_panel>dl {
	font-size: 0;
	margin-top: 30px;
}

.category_panel>dl
:first-child {
	margin-top: 0;
}

.category_panel>dl>dt {
	margin-bottom: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.category_panel>dl
:first-child>dd {
	width: 100%;
}

.category_panel
 
dl
 
dd {
	display: inline-block;
	width: 50%;
}

.category_panel>dl>dd
 
dl
 
dt {
	height: 23px;
	margin-bottom: 18px;
	margin-top: 25px;
	padding: 0 8px;
	background: #888888;
	line-height: 23px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

.category_panel>dl>dd
 
dl
:first-child
 
dt {
	margin-top: 0;
}

.category_panel>dl>dd, .category_panel>dl>dd
 
dd {
	margin-bottom: 10px;
	box-sizing: border-box;
}

.category_panel>dl>dd
:nth-of-type
(
2n-1
), .category_panel>dl>dd
 
dd
:nth-of-type
(
2n-1
) {
	padding-right: 5px;
}

.category_panel>dl>dd
:nth-of-type
(
2n
), .category_panel>dl>dd
 
dd
:nth-of-type
(
2n
) {
	padding-left: 5px;
}

.category_panel>dl>dd
 
input {
	display: none;
}

.category_panel>dl>dd
 
label {
	display: block;
	height: 38px;
	border: 1px solid #222;
	line-height: 38px;
	text-align: center;
	color: #222;
	font-size: 12px;
}

.category_panel>dl>dd
 
input
:checked+label {
	background: #222;
	color: #fff;
}

.category_panel
 
.btnWrap {
	margin-top: 40px;
}

.photoReview
 
.info {
	position: relative;
	padding: 40px 25px 0;
}

.photoReview
 
.bestTester {
	margin-bottom: 15px;
}

.photoReview
 
.tit {
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.photoReview
 
.userInfo {
	margin-top: 15px;
	font-size: 12px;
}

.photoReview
 
.userInfo
 
.user {
	margin-right: 15px;
	color: #222;
}

.photoReview
 
.info
 
.date {
	padding-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 12px;
}

.photoReview
 
.btnSnsShare {
	position: absolute;
	right: 25px;
	bottom: 18px;
}

.photoReview
 
.targetPdt {
	overflow: hidden;
	padding: 15px 25px 30px;
}

.photoReview
 
.targetPdt
 
.name {
	float: left;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.photoReview
 
.targetPdt
 
.rating {
	float: right;
	margin-top: 2px;
}

.photoReview
 
.cont {
	padding: 0 25px;
	color: #222;
}

.photoReview
 
.cont
 
p {
	word-break: break-all;
}

.photoReview
 
.cont
 
img {
	display: block;
	margin: 40px auto 20px;
}

.photoReview
 
.cont
 
img
:first-of-type {
	margin-top: 0;
}

.photoReview
 
.btnWrap {
	margin-top: 35px;
	padding: 0 25px;
}

.photoReview
 
.afterUse {
	margin-top: 40px;
	padding: 0 25px;
}

.photoReview
 
.goodReview {
	margin-top: 35px;
	text-align: center;
}

.photoReview
 
.goodReview
 
a {
	display: inline-block;
	height: 36px;
	padding: 0 23px;
	border: 1px solid #dcdcdc;
	border-radius: 20px;
	line-height: 34px;
}

.photoReview
 
.goodReview
 
a
 
span {
	display: inline-block;
	padding-left: 20px;
	background: url("../images/common/ico_good.png") no-repeat 0 11px;
	-webkit-background-size: 15px;
	background-size: 15px;
}

.photoReview
 
.goodReview
 
a
.on
 
span {
	background-position: 0 -15px;
}

.photoReview
 
.goodReview
 
a
 
span
 
em {
	font-family: 'Montserrat';
	font-weight: bold;
}

.photoReview
 
.commentBox {
	padding-bottom: 100px;
}

.cautionList
 
a {
	position: relative;
	display: block;
	padding: 22px 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.cautionList
 
a
:before {
	position: absolute;
	right: 23px;
	top: 30px;
	content: "";
	display: block;
	width: 11px;
	height: 1px;
	background: #999;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.cautionList
 
a
:after {
	position: absolute;
	right: 31px;
	top: 30px;
	content: "";
	display: block;
	width: 11px;
	height: 1px;
	background: #999;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.cautionList
.on
 
a
:before {
	transform: rotate(45deg);
}

.cautionList
.on
 
a
:after {
	transform: rotate(-45deg);
}

.cautionList
 
.infoList4 {
	overflow: hidden;
	display: none;
	padding: 0 25px 25px;
}

.reviewWrite {
	padding-bottom: 50px;
}

.reviewWrite
 
.cautionList {
	border-bottom: 1px solid #eee;
}

.reviewWrite
 
.userInputArea
.first {
	border-top: 10px solid #f7f7f7;
	border-bottom: 1px solid #dcdcdc;
}

.reviewWrite
 
.userInputArea
.border {
	border-top: 10px solid #f7f7f7;
}

.reviewWrite
 
.userInputArea {
	padding: 40px 25px 25px 25px;
}

.reviewWrite
 
.check_wrap {
	padding: 0 25px 40px 25px;
}

.reviewWrite
 
.check_wrap
 
.checkbox_link {
	display: inline-block;
	font-size: 12px;
	margin-left: 4px;
	text-decoration: underline;
	color: #222;
}

.reviewWrite
 
.check_wrap
 
label {
	color: #222;
}

#detail_conditions_view
 
.detail_dep1>li {
	padding-left: 16px;
	text-indent: -16px;
	margin-top: 15px;
}

#detail_conditions_view
 
.detail_dep1>li
:first-child {
	margin-top: 0;
}

#detail_conditions_view
 
.detail_dep2 {
	padding-left: 16px;
}

#detail_conditions_view
 
.detail_dep2>li {
	padding-top: 3px;
}

.reviewWrite
 
.item_tit {
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
	margin-top: 50px;
}

.reviewWrite
 
.tit_first {
	margin-top: 15px;
}

.reviewWrite
 
.radio_wrap {
	margin-top: 10px;
	font-size: 0;
	margin-left: -6px;
}

.reviewWrite
 
.radio_wrap
 
input
[type="radio"] {
	background: none;
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.reviewWrite
 
.radio_wrap
 
input
[type="radio"]
:checked+label {
	background: #5f77ba;
	color: #fff;
}

.reviewWrite
 
.radio_wrap
 
.selList {
	margin-top: -4px;
}

.reviewWrite
 
.radio_wrap
 
li {
	display: inline-block;
	border: 1px solid #dcdcdc;
	margin-left: 4px;
	margin-top: 4px;
}

.reviewWrite
 
.radio_wrap
 
li
 
label {
	display: block;
	padding: 0 8px;
	color: #888888;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
}

.reviewWrite
 
.checkbox_link2 {
	margin-top: 5px;
	display: inline-block;
	font-size: 12px;
	margin-left: 4px;
	text-decoration: underline;
	color: #222;
}

#detail_conditions_view2
 
table {
	border-top: 1px solid #dcdcdc;
}

#detail_conditions_view2
 
table
 
th {
	background: #eeeeee;
	padding: 18px 10px;
	width: 20%;
	font-size: 12px;
	text-align: left;
	color: #222;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

#detail_conditions_view2
 
table
 
td {
	width: 80%;
	color: #222;
	padding-left: 10px;
	border-bottom: 1px solid #dcdcdc;
}

#detail_conditions_view2
 
table
 
td
.type2 {
	font-size: 14px;
	font-weight: bold;
}

#detail_conditions_view2
 
.bottom_txt {
	font-size: 12px;
	margin-top: 15px;
}

.reviewWrite
 
.ratingSlider {
	position: relative;
	padding-bottom: 25px;
}

.reviewWrite
 
.ratingSlider
:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "BAD";
	font-size: 12px;
	font-family: "Montserrat";
}

.reviewWrite
 
.ratingSlider
:after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "GOOD";
	font-size: 12px;
	font-family: "Montserrat";
}

.reviewWrite
 
.ratingSlider
 
.inner {
	overflow: hidden;
	padding-left: 1px;
	font-size: 0;
	color: transparent;
}

.reviewWrite
 
.ratingSlider
 
a {
	position: relative;
	float: left;
	z-index: 1;
	margin-left: -1px;
	display: block;
	width: calc(20% + 
 
 1px);
	height: 20px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.reviewWrite
 
.ratingSlider
 
a
.on {
	z-index: 2;
	border-color: #222;
	background: #222;
}

.reviewWrite
 
.imgUpload {
	display: block;
	width: 100%;
	padding: 35px 0;
	margin-top: 20px;
	background: #eee;
	text-align: center;
}

.reviewWrite
 
.imgUpload
 
span {
	display: inline-block;
	width: 90px;
	height: 90px;
	padding-top: 60px;
	border-radius: 50%;
	box-sizing: border-box;
	background: #fff url("../images/experience/ico_img_upload.png")
		no-repeat 50% 20px;
	-webkit-background-size: 37px;
	background-size: 37px;
	font-size: 11px;
	color: #222;
}

.reviewWrite
 
.imgUpload
 
p {
	margin-top: 10px;
	font-size: 12px;
}

.reviewWrite
 
.imgUpload
 
p
 
em {
	color: #5f77ba;
}

.reviewWrite
 
.article {
	position: relative;
	border: 1px solid #dcdcdc;
	margin-top: 15px;
}

.reviewWrite
 
.article
 
.delete {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 14px;
	height: 14px;
	padding: 8px;
	background: rgba(34, 34, 34, 0.4);
	font-size: 0;
}

.reviewWrite
 
.article
 
.delete
 
img {
	width: 100%;
}

.reviewWrite
 
.article
 
.picture {
	position: relative;
}

.reviewWrite
 
.article
 
.picture
 
.rep {
	position: absolute;
	left: 5px;
	top: 5px;
}

.reviewWrite
 
.article
 
.picture
 
.rep
 
input {
	display: none;
}

.reviewWrite
 
.article
 
.picture
 
.rep
 
label {
	display: inline-block;
	height: 22px;
	padding: 0 8px 0 20px;
	font-size: 12px;
	background: #888 url("../images/experience/chk_main_pic.png") no-repeat;
	-webkit-background-size: 20px;
	background-size: 20px;
	line-height: 22px;
	color: #666;
}

.reviewWrite
 
.article
 
.picture
 
.rep
 
input
:checked+label {
	background-color: #5f77ba;
	background-position: 0 100%;
	color: #fff;
}
/* .reviewWrite .article textarea {border:none;} */
.reviewWrite
 
.btnWrap {
	padding: 0 25px;
}

.findProduct
 
.select {
	margin-bottom: 10px;
}

.findProduct
 
.findResult {
	margin-top: 12px;
}

.findProduct
 
.findResult
 
li {
	padding: 20px 0;
	border-top: 1px solid #dcdcdc;
}

.findProduct
 
.findResult
 
li
:first-child {
	padding-top: 0;
	border-top: none;
}

.findProduct
 
.findResult
 
li
:last-child {
	padding-bottom: 0;
}

.findProduct
 
.findResult
 
li
 
.simple_pdt_layer {
	height: auto;
}

.findProduct
 
.pagination {
	margin-top: 40px;
}

#findProduct
 
.scrollArea {
	margin-top: 15px;
	overflow: hidden;
	height: 320px;
	border: 1px solid #dcdcdc;
}

#findProduct
 
.list {
	padding: 30px;
}

#findProduct
 
.pdt_list_simple {
	margin-top: 0;
	border-top: none;
}

#findProduct
 
.pdt_list_simple
 
li {
	padding: 20px 0;
	margin: 0;
	border-top: 1px solid #dcdcdc;
}

#findProduct
 
.pdt_list_simple
 
li
:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

#findProduct
 
.pdt_list_simple
 
li
:last-child {
	padding-bottom: 0;
}

#findProduct
 
.mCSB_scrollTools {
	margin: 5px 5px 5px 0;
}

.simple_pdt_layer {
	position: relative;
	display: block;
	height: 55px;
	min-height: 55px;
	padding-left: 70px;
	font-size: 11px;
	line-height: 15px;
}

.simple_pdt_layer
 
img {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
	font-size: 0;
}

.simple_pdt_layer
 
.name {
	margin-top: 2px;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.simple_pdt_layer
 
.price {
	margin-top: 6px;
	color: #5f77ba;
}

.simple_pdt_layer
 
.price
 
.cost {
	margin-right: 5px;
	font-size: 10px;
	text-decoration: line-through;
	color: #888;
}

.simple_pdt_layer
 
.price
 
.soldout {
	color: #ff3f3c;
}

/* 포토리뷰 사용평가 */
.afterUse
:after {
	content: "";
	display: block;
	clear: both;
}

.afterUse
 
.ct_box {
	position: relative;
	min-height: 105px;
	padding: 20px 18px 30px 110px;
	margin-top: 10px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.afterUse
 
.ct_box
:first-child {
	margin-top: 0;
}

.afterUse
 
.ct_box
 
.result {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 110px;
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	color: #5f77ba;
}

.afterUse
 
.ct_box
 
.tit {
	display: block;
	margin: 10px 0 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.afterUse
 
.slider {
	position: relative;
	width: calc(100% - 
 
 24px);
	height: 9px;
	margin: 0 auto;
}

.afterUse
 
.sliderWrap {
	position: relative;
	padding-bottom: 18px;
}

.afterUse
 
.sliderWrap
 
.slider {
	height: 7px;
	background: #f8f8f8;
}

.afterUse
 
.sliderWrap
 
.slider
:after {
	position: absolute;
	left: -12px;
	top: 0;
	content: "";
	display: block;
	width: calc(100% + 
 
 24px);
	height: 100%;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.afterUse
 
.sliderWrap
 
.gauge {
	position: absolute;
	top: -1px;
	z-index: 1;
	width: 24px;
	height: 9px;
	margin-left: -12px;
	background: #222;
	font-size: 0;
	color: transparent;
}

.afterUse
 
.sliderWrap
 
.barometer {
	position: absolute;
	bottom: 0;
	font-size: 11px;
	font-family: "Montserrat";
	line-height: 1;
	letter-spacing: -0.04em;
	color: #888;
}

.afterUse
 
.sliderWrap
 
.barometer
.bad {
	left: 0;
}

.afterUse
 
.sliderWrap
 
.barometer
.good {
	right: 0;
}

.afterUse
 
.ct_box
 
.result
:before {
	content: "";
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 auto 5px;
	background: url("../images/experience/ico_barometer.png") no-repeat;
	-webkit-background-size: 140px;
	background-size: 140px;
}

.afterUse
 
.ct_box
 
.result
.val1
:before, .afterUse
 
.ct_box
 
.result
.val2
:before {
	background-position: 0 0;
}

.afterUse
 
.ct_box
 
.result
.val3
:before {
	background-position: -48px 0;
}

.afterUse
 
.ct_box
 
.result
.val4
:before, .afterUse
 
.ct_box
 
.result
.val5
:before {
	background-position: -96px 0;
}

.reviewListWrap
 
.reviewSort {
	margin: 0;
}

.reviewListWrap
 
.btnWrap {
	padding: 40px 25px;
}

.reviewListWrap
 
.reviewList {
	border-top: 1px solid #dcdcdc;
}

.reviewList {
	padding: 0 25px;
}

.reviewList
 
ul
 
li {
	padding: 40px 0;
	border-bottom: 1px solid #dcdcdc;
}

.reviewList
 
ul
 
li
 
.bestTester {
	margin-bottom: 10px;
}

.reviewList
 
ul
 
li
 
.pdt {
	position: relative;
	min-height: 60px;
	padding-left: 80px;
}

.reviewList
 
ul
 
li
 
.pdt
 
img {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	background: #f8f8f8;
}

.reviewList
 
ul
 
li
 
.pdt
 
.name {
	padding: 4px 0 9px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	color: #222;
}

.reviewList
 
ul
 
li
 
.pdt
 
.repairMenu {
	right: 0;
	bottom: 6px;
}

.reviewList
 
ul
 
li
 
.reviewTxt {
	margin-top: 22px;
	line-height: 24px;
	word-break: break-all;
}

.reviewList
 
ul
 
li
 
.contInfo {
	overflow: hidden;
	margin-top: 10px;
	font-size: 12px;
}

.reviewList
 
ul
 
li
 
.contInfo
 
.user {
	float: left;
	margin-right: 10px;
	color: #222;
}

.reviewList
 
ul
 
li
 
.contInfo
 
.good {
	float: right;
	display: block;
	padding-left: 20px;
	background: url("../images/common/ico_good.png") no-repeat 0 4px;
	-webkit-background-size: 14px;
	background-size: 14px;
}

.reviewList
 
ul
 
li
 
.contInfo
 
.good
.on {
	background-position: 0 -20px;
}

/* 샘플신청 */
.tester {
	position: relative;
}

.tester
 
.playerArea {
	position: relative;
	height: 0;
	padding-top: 58%;
	margin: 50px 0;
}

.tester
 
.playerArea
 
iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tester
 
.visualBan
 
.item {
	position: relative;
	height: calc(100vh - 
 
 182px);
	background: url("../images/experience/bg_tester.jpg") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}

.tester
 
.visualBan
 
.item
 
.txt {
	position: absolute;
	left: 0;
	bottom: 80px;
	z-index: 1;
	width: 100%;
	padding: 0 40px;
	color: #222;
	box-sizing: border-box;
}

.tester
 
.visualBan
 
.item
 
.txt
 
.txt1 { /* position:relative; top:40px; opacity:0; */
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	line-height: 26px;
	/* -webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out; */
}

.tester
 
.visualBan
 
.item
 
.txt
 
.txt2 { /* position:relative; top:40px; opacity:0; */
	font-size: 14px;
	margin-top: 10px;
	/* -webkit-transition:all 1s .1s ease-in-out;
	transition:all 1s .1s ease-in-out; */
}
/* .tester .visualBan .item.slick-current .txt .txt1,
.tester .visualBan .item.slick-current .txt .txt2,
.tester .visualBan .item.slick-current .txt .btn {top:0; opacity:1;} */
.tester
 
.ptState {
	overflow: hidden;
	padding: 40px 0;
}

.tester
 
.ptState
 
a {
	position: relative;
	float: left;
	display: block;
	width: 50%;
	text-align: center;
	font-size: 12px;
	color: #222;
}

.tester
 
.ptState
 
a
 
span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
}

.tester
 
.ptState
 
a
:first-child
:after {
	position: absolute;
	right: 0;
	top: 2px;
	content: "";
	display: block;
	width: 1px;
	height: 35px;
	background: #dcdcdc;
}

.tester
 
.ptState
 
a
:first-child
 
span {
	font-size: 17px;
	line-height: 1;
}

.tester
 
.ptState
 
a
:first-child
 
span
 
em {
	color: #5f77ba;
}

.tester
 
.pdtListType4 {
	padding-bottom: 50px;
}

.tester
 
.pdtListType4
 
.pdtItem
:first-child, .tester
 
.pdtListType4
 
.pdtItem
:first-child+.pdtItem {
	margin-top: 0;
}

.tester
 
.subTotal {
	overflow: hidden;
	padding: 8px 25px;
	border-top: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.tester
 
.subTotal
 
.btn {
	float: right;
	width: 50%;
	max-width: 158px;
}

.tester
 
.subTotal
 
.totalCnt {
	float: left;
	margin-top: 8px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.tester
 
.subTotal
 
.totalCnt
 
i {
	font-style: normal;
	font-family: "Montserrat";
	color: #888;
}

.tester
 
.subTotal
 
.totalCnt
 
span {
	font-size: 18px;
}

.tester
 
.subTotal
 
.totalCnt
 
span
 
em {
	font-size: 14px;
}

.tester
 
.subTotal
.floating {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	background: #fff;
}

.tester
 
.sample
 
.sampleList
 
ul {
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc;
}

.tester
 
.sample
 
.sampleList
 
li {
	position: relative;
	min-height: 55px;
	margin: 15px 15px 0;
	padding-left: 70px;
	font-size: 11px;
	color: #222;
}

.tester
 
.sample
 
.sampleList
 
li
:first-child {
	margin-top: 0;
}

.tester
 
.sample
 
.sampleList
 
li
 
img {
	position: absolute;
	left: 0;
	top: 2px;
	width: 55px;
	background: #f8f8f8;
}

.tester
 
.sample
 
.sampleList
 
li
 
.price {
	margin: 4px 0;
	color: #222;
}

.tester
 
.sample
 
.sampleList
 
li
 
.price
 
span {
	color: #5f77ba;
}

.tester
 
.sample
 
.total {
	overflow: hidden;
	line-height: 18px;
	padding-left: 12px;
}

.tester
 
.sample
 
.total
 
dt {
	float: left;
	width: 50%;
	margin-top: 30px;
}

.tester
 
.sample
 
.total
 
dd {
	float: left;
	width: 50%;
	margin-top: 30px;
	text-align: right;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.tester
 
.sample
 
.total
 
dd
 
span {
	font-size: 18px;
}

.tester
 
.sample
 
.btnWrap {
	margin: 40px 0 60px;
}

.layerPopupArea
 
.layerPopup
 
.layerGround
 
.layerBody
.sampleApply {
	padding: 0;
}

.sampleApply
 
.applyList>ul>li {
	padding: 40px 30px 30px;
	border-bottom: 1px solid #eee;
}

.sampleApply
 
.applyList
 
.info {
	position: relative;
	min-height: 100px;
	padding-left: 115px;
}

.sampleApply
 
.applyList
 
.info
 
.thumb {
	position: absolute;
	left: 0;
	top: 5px;
	width: 100px;
	background: #f8f8f8;
}

.sampleApply
 
.applyList
 
.info
 
.name {
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 24px;
	font-size: 15px;
	color: #222;
}

.sampleApply
 
.applyList
 
.info
 
.price {
	margin: 5px 0 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.sampleApply
 
.applyList
 
.info
 
.price
 
span {
	color: #5f77ba;
}

.sampleApply
 
.applyList
 
.info
 
.qty {
	overflow: hidden;
}

.sampleApply
 
.applyList
 
.info
 
.qty
 
.qtyOption {
	float: left;
}

.sampleApply
 
.applyList
 
.info
 
.qty
 
.btn {
	float: left;
	margin-left: 5px;
}

.sampleApply
 
.applyList
 
.coupon {
	margin-top: 20px;
	background: #f8f8f8;
}

.sampleApply
 
.applyList
 
.coupon
 
.handler {
	position: relative;
	display: block;
	padding: 15px;
	color: #222;
}

.sampleApply
 
.applyList
 
.coupon
 
.handler
:after {
	position: absolute;
	right: 25px;
	top: 22px;
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	background: url("../images/common/arr_up_bk.png") no-repeat;
	-webkit-background-size: 10px;
	background-size: 10px;
	transform: rotate(180deg);
}

.sampleApply
 
.applyList
 
.coupon
 
ul {
	display: none;
	padding: 0 15px 10px;
}

.sampleApply
 
.applyList
 
.coupon
 
ul
 
li {
	padding: 15px 0;
	border-top: 1px solid #dcdcdc;
	font-size: 0;
}

.sampleApply
 
.applyList
 
.coupon
 
ul
 
li
:first-child {
	border-top: 0;
}

.sampleApply
 
.applyList
 
.coupon
 
ul
 
li
 
span {
	display: inline-block;
	width: calc(100% - 
 
 100px);
	vertical-align: middle;
	font-size: 12px;
	color: #666;
}

.sampleApply
 
.applyList
 
.coupon
 
ul
 
li
 
.btn {
	width: 90px;
}

.sampleApply
 
.applyList
 
.coupon
.on
 
ul {
	display: block;
}

.sampleApply
 
.applyList
 
.coupon
.on
 
.handler
:after {
	transform: rotate(0deg);
}

.sampleApply
 
dl {
	overflow: hidden;
	padding: 40px 30px;
	line-height: 18px;
}

.sampleApply
 
dl
 
dt {
	float: left;
	width: 50%;
	margin-top: 25px;
	color: #222;
}

.sampleApply
 
dl
 
dd {
	float: left;
	width: 50%;
	margin-top: 25px;
	text-align: right;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.sampleApply
 
dl
 
dd
 
span {
	font-size: 18px;
}

.sampleApply
 
dl
 
dt
:first-of-type, .sampleApply
 
dl
 
dd
:first-of-type {
	margin-top: 0;
}

.sampleApply
 
.btnWrap {
	padding: 0 30px 40px;
}

.sampleApply
 
.infoList4 {
	padding: 40px 30px;
	background: #f8f8f8;
}

@media all and (max-width: 374px) {
	.sampleApply .applyList .info .qty .qtyOption {
		width: 100%;
	}
	.sampleApply .applyList .info .qty .qtyOption .inputText {
		width: calc(100% - 68px);
	}
	.sampleApply .applyList .info .qty .btn {
		width: 100%;
		margin-top: 5px;
		margin-left: 0;
	}
}

/**
CONTACT
**/
.boardTop
 
h2
.title {
	padding: 50px 25px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.boardTop
 
.boardSearch {
	margin: 0 25px;
}

.boardTop
 
.sort {
	padding: 20px 25px;
	margin: 40px 0;
	background: #f8f8f8;
}

.boardSearch {
	position: relative;
}

.boardSearch
 
input
[type="text"] {
	border: none;
	border-bottom: 2px solid #222;
}

.boardSearch
 
input
[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: url("../images/common/btn_total_sch_bk.png") no-repeat 50%
		50%;
	-webkit-background-size: 14px;
	background-size: 14px;
	font-size: 0;
	color: transparent;
}

.csMain
 
.top {
	padding: 45px 25px 60px;
}

.csMain
 
.top
 
.title {
	margin-bottom: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.csMain
 
.top
 
.links {
	overflow: hidden;
	margin-top: 35px;
}

.csMain
 
.top
 
.links
 
li {
	float: left;
	width: 32%;
}

.csMain
 
.top
 
.links
 
li
:nth-of-type
(
2
) {
	margin: 0 2%;
}

.csMain
 
.top
 
.links
 
li
 
a {
	display: block;
	padding: 30px 0;
	border: 1px solid #dcdcdc;
	text-align: center;
}

.csMain
 
.top
 
.links
 
li
 
a
 
span, .csMain
 
.top
 
.links
 
.counselBox
 
a
 
span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.csMain
 
.top
 
.links
 
li
 
a
 
span
:before, .csMain
 
.top
 
.links
 
.counselBox
 
a
 
span
:before {
	content: "";
	display: block;
	width: 24px;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 20px;
	background: url("../images/contact/ico_menu.png") no-repeat;
	-webkit-background-size: 150px;
	background-size: 150px;
}

.csMain
 
.top
 
.links
 
li
:nth-of-type
(
1
)
 
a
 
span
:before {
	background-position: 0 0;
}

.csMain
 
.top
 
.links
 
li
:nth-of-type
(
2
)
 
a
 
span
:before {
	width: 33px;
	background-position: -50px 0;
}

.csMain
 
.top
 
.links
 
li
:last-of-type
 
a
 
span
:before {
	width: 32px;
	background-position: -100px 0;
}

.csMain
 
.top
 
.links
.L2
 
li {
	width: 48%;
}

.csMain
 
.top
 
.links
.L2
 
li
:last-of-type {
	margin: 0 0 0 4%;
}

.csMain
 
.top
 
.links
 
.counselBox {
	width: 100%;
	margin: 0;
}

.csMain
 
.top
 
.links
 
.counselBox
 
a {
	display: block;
	padding: 30px 0;
	border: 1px solid #dcdcdc;
	text-align: center;
}

.csMain
 
.top
 
.links
 
.counselBox
 
a
 
span
:before {
	width: 32px;
	background-position: -100px 0;
}

.csInfo {
	padding: 0 25px;
}

.csInfo
 
.tit {
	padding-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.csInfo
 
.tel {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.csInfo
 
.opTime {
	display: inline-block;
	margin-top: 15px;
	text-align: right;
	line-height: 21px;
	color: #222;
}

@media all and (max-width: 320px) {
	.csInfo .opTime {
		font-size: 13px;
	}
}

.csInfo
 
.btnWrap {
	margin-top: 30px;
}

.csMain
 
h3
.title {
	margin: 55px 25px 10px;
	position: relative;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.csMain
 
h3
.title
 
a {
	position: absolute;
	right: 0;
	top: 0;
	font-family: "Montserrat";
	font-size: 13px;
	color: #888;
}

.csMain
 
.faqList {
	margin-bottom: 100px;
}

.csMain
 
.faqList
 
li
 
a
 
span {
	overflow: hidden;
}

.noticeList
 
.boardList
 
li
.important
 
a {
	padding-left: 57px;
	background-image: url("../images/contact/ico_important.png"),
		url("../images/common/arr_right_gr.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 25px 23px, calc(100% - 
 
 25px) 50%;
	-webkit-background-size: 18px, 7px;
	background-size: 18px, 7px;
}

.findStore
 
.schOption {
	padding: 15px 25px;
}

.findStore
 
.schOption>.select {
	margin-bottom: 10px;
}

.findStore
 
.schOption
 
.addSel {
	overflow: hidden;
	display: none;
}

.findStore
 
.schOption
 
.addSel
 
.select {
	float: left;
	width: 40%;
	padding-right: 4px;
	box-sizing: border-box;
}

.findStore
 
.schOption
 
.addSel
 
.inputText {
	float: left;
	width: 40%;
	padding-right: 4px;
	box-sizing: border-box;
}

.findStore
 
.schOption
 
.addSel
 
.btn {
	float: left;
	width: 20%;
}

.findStore
 
.totalCnt {
	margin: 15px 25px;
	color: #222;
}

.findStore
 
.totalCnt
 
span {
	color: #5f77ba;
}

.findStore
 
.mapArea {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 80%;
}

.findStore
 
.mapArea
 
.note {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 32px;
	font-size: 11px;
	line-height: 32px;
	background: rgba(45, 40, 38, 0.5);
	text-align: center;
	color: #fff;
}

.findStore
 
.mapArea
 
.marker {
	width: 33px;
	height: 43px;
	line-height: 28px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.findStore
 
.mapArea
 
.marker
.type_md {
	background: url("../images/contact/map_pin_bk.png") no-repeat;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.findStore
 
.mapArea
 
.marker
.type_365 {
	background: url("../images/contact/map_pin_bl.png") no-repeat;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.shopList>ul>li {
	border-top: 1px solid #eee;
}

.shopList>ul>li
:first-child {
	border-top-color: #222;
}

.shopList>ul>li
:last-child {
	border-bottom: 1px solid #222;
}

.shopList
 
li
 
a {
	position: relative;
	display: block;
	width: 100%;
	padding: 25px 25px 20px 55px;
	box-sizing: border-box;
}

.shopList
 
li
 
a
 
.num {
	position: absolute;
	left: 25px;
	top: 25px;
	display: block;
	width: 22px;
	height: 27px;
	padding-top: 2px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.shopList
 
li
 
a
 
.num
.type_md {
	background: url("../images/contact/map_label_bl.png") no-repeat;
	-webkit-background-size: 22px;
	background-size: 22px;
}

.shopList
 
li
 
a
 
.num
.type_365 {
	background: url("../images/contact/map_label_bk.png") no-repeat;
	-webkit-background-size: 22px;
	background-size: 22px;
}

.shopList
 
li
 
a
 
.name {
	position: relative;
	padding-right: 55px;
	margin-top: -4px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.shopList
 
li
 
a
 
.name
 
.distance {
	position: absolute;
	right: 0;
	top: 0;
	font-family: "Montserrat";
	font-size: 12px;
	color: #888;
}

.shopList
 
li
 
a
 
.add {
	margin: 6px 0 2px;
	font-size: 12px;
}

.shopList
 
li
 
a
 
.tel {
	font-size: 12px;
	color: #222;
}

.shopList
 
li
 
a
 
ul {
	margin-top: 10px;
	font-size: 0;
}

.shopList
 
li
 
a
 
ul
 
li {
	position: relative;
	display: inline-block;
	width: 118px;
	padding-left: 8px;
	margin-bottom: 5px;
	font-size: 12px;
	box-sizing: border-box;
}

.shopList
 
li
 
a
 
ul
 
li
.CA01 {
	color: #0b658a;
}

.shopList
 
li
 
a
 
ul
 
li
.CA02 {
	color: #7e3587;
}

.shopList
 
li
 
a
 
ul
 
li
.CA03 {
	color: #9a1d3c;
}

.shopList
 
li
 
a
 
ul
 
li
.CA04 {
	color: #a8a9ad;
}

.shopList
 
li
 
a
 
ul
 
li
.CA05 {
	color: #5f77ba;
}

.shopList
 
li
 
a
 
ul
 
li
.CA05
 
.md {
	display: inline-block;
	height: 13px;
	line-height: 13px;
	padding: 0 3px;
	background: #5f77ba;
	color: #fff;
}

.shopList
 
li
 
a
 
ul
 
li
:before {
	position: absolute;
	left: 0;
	top: 7px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
}

.faqList {
	border-top: 1px solid #222;
}

.faqList
 
li {
	border-bottom: 1px solid #eee;
}

.faqList
 
li
 
a {
	position: relative;
	display: block;
	padding: 22px 45px 22px 30px;
	color: #222;
	transition: all 0.2s;
}

.faqList
 
li
 
a
:before {
	position: absolute;
	right: 30px;
	top: 50%;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	background: #666;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.faqList
 
li
 
a
:after {
	position: absolute;
	right: 25px;
	top: 50%;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	background: #666;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.faqList
 
li
 
a
 
span {
	display: block;
	/* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */
}

.faqList
 
li
 
a
 
.cate {
	font-size: 12px;
	color: #888;
}

.faqList
 
li
 
.answer {
	display: none;
	padding: 15px 40px 40px;
	background: #f8f8f8;
	line-height: 24px;
}

.faqList
 
li
.on
 
a {
	background: #f8f8f8;
}

.faqList
 
li
.on
 
a
:before {
	transform: rotate(-45deg);
}

.faqList
 
li
.on
 
a
:after {
	transform: rotate(45deg);
}

.inquiry
 
.userInputArea {
	padding: 40px 25px 50px;
}

.inquiry
 
.userInputArea
 
.agree {
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.inquiry
 
.inputPhone2
 
#mblNoArea+.error {
	float: left;
}

.inquiry
 
.btnWrap {
	padding: 0 25px;
	margin-bottom: 100px;
}

.inquiry
 
.userInputArea
 
.phone_btn {
	margin-top: 10px;
}

.inquiry
 
.userInputArea
 
.phone_btn
 
a {
	color: #222;
	text-decoration: underline;
}

.inquiry
 
.userInputArea
 
.phone_btn
 
.txt {
	margin-top: 5px;
	color: #222;
	font-size: 12px;
}

/* 멤버십 */
.membership {
	padding-bottom: 100px;
}

.membership
 
.tab {
	margin-bottom: 40px;
}

.membership
 
.tab
 
ul {
	overflow: hidden;
}

.membership
 
.tab
 
ul
 
li {
	float: left;
	width: 33%;
	text-align: center;
}

.membership
 
.tab
 
ul
 
li
:nth-of-type
(
2
) {
	width: 34%;
}

.membership
 
.tab
 
ul
 
li
 
a {
	display: block;
	padding: 10px 0;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	border-right: none;
	background: #f8f8f8;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #dcdcdc;
}

.membership
 
.tab
 
ul
 
li
 
a
:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 5px;
	background: url("../images/contact/ico_mbr_grade.png") no-repeat;
	-webkit-background-size: 90px;
	background-size: 90px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.5;
}

.membership
 
.tab
 
ul
 
li
:nth-of-type
(
2
)
 
a
:before {
	background-position: -30px 0;
}

.membership
 
.tab
 
ul
 
li
:nth-of-type
(
3
)
 
a
:before {
	background-position: -60px 0;
}

.membership
 
.tab
 
ul
 
li
:first-child
 
a {
	border-left: none;
}

.membership
 
.tab
 
ul
 
li
.on
 
a {
	border-bottom-color: #fff;
	background: #fff;
	color: #222;
}

.membership
 
.tab
 
ul
 
li
.on
 
a
:before {
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}

.membership
 
.tabCont {
	padding: 0 25px;
}

.membership
 
.tabCont
 
.title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.membership
 
.tabCont
 
.desc {
	padding: 10px 0;
	margin-bottom: 25px;
	border-bottom: 1px solid #222;
	font-size: 13px;
}

.membership
 
.tabCont
 
ul
 
li {
	position: relative;
	margin-top: 12px;
}

.membership
 
.tabCont
 
ul
 
li
:before {
	content: "";
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #f8f8f8;
	vertical-align: middle;
}

.membership
 
.tabCont
 
ul
 
li
:after {
	position: absolute;
	left: 13px;
	top: 50%;
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url("../images/contact/ico_mbr_benefit.png") no-repeat;
	-webkit-background-size: 105px;
	background-size: 105px;
	transform: translateY(-50%);
}

.membership
 
.tabCont
 
ul
 
li
.CS1002
:after {
	background-position: 0 0;
}

.membership
 
.tabCont
 
ul
 
li
.CS1003
:after {
	background-position: -35px 0;
}

.membership
 
.tabCont
 
ul
 
li
.CS1001
:after {
	background-position: -70px 0;
}

.membership
 
.tabCont
 
ul
 
li
 
div {
	display: inline-block;
	width: calc(100% - 
 
 80px);
	margin-left: 15px;
	vertical-align: middle;
}

.membership
 
.tabCont
 
ul
 
li
 
div
 
strong {
	display: block;
	margin-bottom: 4px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-weight: normal;
	color: #222;
}

.membership
 
.sectionLine {
	margin: 30px 0;
}

.membership
 
.infoList4 {
	padding: 0 25px;
}

.aboutPoint {
	position: relative;
	padding-bottom: 70px;
}

.aboutPoint
 
.tabType {
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
}

.aboutPoint
 
.tabType
 
ul {
	padding: 0 25px;
}

.aboutPoint
 
.tabType
 
ul
 
li
 
a {
	background: none;
}

.aboutPoint
 
.summary {
	padding: 115px 25px 40px;
	background: #f8f8f8;
}

.aboutPoint
 
.summary
 
.innerWrap {
	padding: 30px 20px;
}

.aboutPoint
 
#astr
 
.summary
 
.innerWrap {
	background: #fff url("../images/contact/bg_point_astr.gif") no-repeat
		100% 100%;
	-webkit-background-size: 122px;
	background-size: 122px;
}

.aboutPoint
 
#bp
 
.summary
 
.innerWrap {
	background: #fff url("../images/contact/bg_point_bp.gif") no-repeat 100%
		100%;
	-webkit-background-size: 94px;
	background-size: 94px;
}

.aboutPoint
 
.summary
 
.innerWrap
 
.ta_c
 
img {
	width: 120px;
}

.aboutPoint
 
.summary
 
.innerWrap
 
ul {
	margin-top: 25px;
}

.aboutPoint
 
.summary
 
.innerWrap
 
ul
 
li {
	position: relative;
	padding-left: 11px;
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
}

.aboutPoint
 
.summary
 
.innerWrap
 
ul
 
li
 
span {
	color: #222;
}

.aboutPoint
 
.summary
 
.innerWrap
 
ul
 
li
:before {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
}

.aboutPoint
 
.summary
 
.innerWrap
 
.btn {
	margin-top: 25px;
}

.aboutPoint
 
.cont {
	padding: 40px 25px;
}

.aboutPoint
 
.cont
 
.sTit {
	margin-bottom: 12px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.aboutPoint
 
.cont
 
.tbl, .aboutPoint
 
.cont
 
.txt {
	margin-bottom: 50px;
}

.aboutPoint
 
.cont
 
.txt
:last-child {
	margin-bottom: 0;
}

.aboutPoint
 
.cont
 
.txt {
	line-height: 24px;
}

.aboutPoint
 
.cont
 
.txt
 
ul
 
li {
	position: relative;
	padding-left: 11px;
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
}

.aboutPoint
 
.cont
 
.txt
 
ul
 
li
:before {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
}

.aboutPoint
 
.cont
 
table {
	font-size: 12px;
}

.aboutPoint
 
.cont
 
table
 
thead
 
th {
	padding: 12px 15px;
	border-top: 1px solid #222;
	border-left: 1px solid #dcdcdc;
	vertical-align: top;
	text-align: left;
	color: #222;
}

.aboutPoint
 
.cont
 
table
 
tbody
 
td {
	padding: 12px 15px;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	vertical-align: top;
}

.aboutPoint
 
.cont
 
table
 
thead
 
th
:first-child, .aboutPoint
 
.cont
 
table
 
tbody
 
td
:first-child {
	border-left: none;
}

.aboutPoint
 
.cont
 
table
 
tbody
 
tr
:first-child
 
td {
	border-top: 1px solid #dcdcdc;
}

.aboutPoint
 
.cont
 
table
 
tbody
 
tr
:last-child
 
td {
	border-bottom: 1px solid #222;
}

.aboutPoint
 
.infoList4 {
	padding: 25px;
}

@media all and (max-width: 413px) {
	.aboutPoint .cont .tbl {
		overflow-y: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.aboutPoint .cont .tbl table {
		width: 145%;
		max-width: 500px;
	}
}
/**
로그인.회원가입
**/
#numLogin
 
.login_phone
 
.box {
	padding: 20px 0;
	border: 1px solid #dcdcdc;
	text-align: center;
	box-sizing: border-box;
}

#numLogin
 
.login_phone
 
.box
 
span {
	display: inline-block;
	padding-left: 15px;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	vertical-align: middle;
	color: #222;
}

#numLogin
 
.login_phone
 
.box
 
img {
	height: 65px;
}

.registerForm {
	padding: 40px 25px 100px;
}

.registerForm
 
h2
.formTitle {
	margin-bottom: 40px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.registerForm
 
h3
.formTitle {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.registerForm
 
h3
.formTitle2 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.registerForm
 
h3
.formTitle2
 
span {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	font-family: "Montserrat";
	color: #888;
}

.registerForm
 
h4
.formTitle {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.registerForm
 
.txtBtnWrap {
	margin-top: 35px;
}

.registerForm
 
.guideTxt1 {
	text-align: center;
	line-height: 24px;
	color: #222;
}

.registerForm
 
.guideTxt1
 
.lockTime {
	display: block;
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 27px;
	color: #5f77ba;
}

.registerForm
 
.guideTxt2 {
	line-height: 18px;
	font-size: 12px;
	color: #666;
}

.registerForm
 
.guideTxt3 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	line-height: 23px;
	color: #222;
}

.registerForm
 
.guideTxt4 {
	font-size: 13px;
	line-height: 22px;
}

.registerForm
 
.guideTxt5 {
	line-height: 23px;
	color: #222;
}

.registerForm
 
.guideArea {
	padding: 45px 25px;
	background: #f8f8f8;
}

.registerForm
 
h2
.formTitle
 
.guideTxt3+.guideTxt4, .registerForm
 
h2
.formTitle+.guideTxt4 {
	margin: 15px 0 45px;
}

.registerForm
.login
 
.guideTxt1 {
	margin: 45px 0 70px;
}

.registerForm
.login
 
.guideTxt2 {
	margin: 15px 0;
}

.registerForm
.login
 
.userInputArea {
	margin-top: 30px;
}
/* .registerForm.login .userInputArea .inputPhone {margin-top:25px;} */
.registerForm
.login
 
.guideTxt1+.userInputArea {
	margin-top: -30px;
}

.registerForm
.policy
 
.guideTxt4 {
	margin: 15px 0 45px;
}

.registerForm
.policy
 
.inputWrap {
	margin-top: 10px;
}

.registerForm
.policy
 
.inputWrap
:first-child {
	margin-top: 0;
}

.registerForm
.policy
 
.termsWrap {
	overflow-x: hidden;
	overflow-y: auto;
	height: 140px;
	padding: 12px;
	border: 1px solid #dcdcdc;
	-webkit-overflow-scrolling: touch;
}

.registerForm
.policy
 
.termsWrap
 
table {
	table-layout: auto;
}

.registerForm
.policy
 
.termsWrap
 
table
 
colgroup {
	display: none;
}

.registerForm
.policy
 
.terms
 
.tbl
 
table
 
thead
 
th {
	width: auto !important;
	white-space: nowrap;
}

.registerForm
.policy
 
.termsWrap
.has-tbl {
	height: 300px;
}

.registerForm
.policy
 
h3
.formTitle+.termsWrap {
	margin-top: 10px;
}

.registerForm
.policy
 
.chkAll {
	padding-bottom: 20px;
	border-bottom: 1px solid #222;
}

.registerForm
.policy
 
h4
.formTitle {
	margin-top: 35px;
}

.registerForm
.policy
 
.btnWrap {
	margin-top: 70px;
}

.registerForm
.pwChange {
	padding: 40px 0 0 0;
}

.registerForm
.pwChange
 
.txtWrap {
	padding: 0 25px;
}

.registerForm
.pwChange
 
.guideTxt4 {
	margin-top: 10px;
}

.registerForm
.pwChange
 
.userInputArea {
	padding: 40px 25px 0;
	margin-top: 40px;
	border-top: 1px solid #dcdcdc;
}

.registerForm
.pwChange
 
.btnWrap {
	margin: 30px 25px 50px;
}

.registerForm
.pwChange
 
.notice_list {
	margin-top: 10px;
}

.registerForm
.pwChange
 
.guideArea {
	margin-top: 50px;
}

.registerForm
.pwChange
 
.guideArea
 
.btnWrap {
	padding: 0;
}

.registerForm
.pwChange
 
.guideArea
 
.inputWrap {
	margin-top: 20px;
}

.registerForm
 
.sendInfo {
	margin-top: 40px;
	text-align: center;
}

.registerForm
 
.sendInfo
 
.p1 {
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 24px;
	color: #222;
}

.registerForm
 
.sendInfo
 
.p2 {
	margin-top: 10px;
	line-height: 24px;
}

.registerForm
 
.sendInfo
 
.idInfo {
	margin-top: 20px;
	padding: 15px 0;
	background: #f8f8f8;
}

.registerForm
 
.sendInfo
 
.idInfo
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.registerForm
 
.sendInfoWay {
	margin: 40px -25px 0;
	padding: 30px 25px;
	border-top: 1px solid #dcdcdc;
}

.registerForm
 
.sendInfoWay
 
dl {
	overflow: hidden;
	margin-top: 20px;
}

.registerForm
 
.sendInfoWay
 
dl
 
dt {
	float: left;
	width: 120px;
	margin-top: 15px;
	clear: both;
}

.registerForm
 
.sendInfoWay
 
dl
 
dd {
	float: left;
	margin-top: 15px;
	color: #222;
}

.registerForm
 
.sendInfoWay
 
.btn {
	margin-top: 40px;
}

.layerPopupArea
.sendTempPw
 
ul {
	overflow: hidden;
	padding: 20px;
	background: #f8f8f8;
}

.layerPopupArea
.sendTempPw
 
ul
 
li {
	margin-top: 15px;
}

.layerPopupArea
.sendTempPw
 
ul
 
li
:first-child {
	margin-top: 0;
}

.layerPopupArea
.sendTempPw
 
ul
 
li
 
em {
	display: inline-block;
}

.registerForm
 
.steps {
	padding: 45px 25px 35px;
	background: #eee;
	text-align: center;
}

.registerForm
 
.steps
 
h2
.formTitle {
	margin-top: 0;
}

.registerForm
 
.steps
 
ol
 
li {
	display: inline-block;
	font-family: "Montserrat";
}

.registerForm
 
.steps
 
ol
 
li
.on {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.registerForm
 
.steps
 
ol
 
li
:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	margin: 0 12px;
	background: url("../images/common/arr_right_gr2.png");
	-webkit-background-size: 6px;
	background-size: 6px;
}

.registerForm
 
.steps
 
ol
 
li
:last-child
:after {
	display: none;
}

.registerForm
.join {
	padding: 0;
}

.registerForm
.join
 
.userInputArea {
	padding: 40px 25px;
	border-top: 1px solid #dcdcdc;
}

.registerForm
.join
 
.userInputArea
.first {
	border-top: none;
}

.registerForm
.join
 
.btnWrap
.btm {
	padding: 0 25px;
	margin-bottom: 100px;
}

.registerForm
.join
 
.termsWrap {
	margin-top: 15px;
}

.registerForm
.joinComplete {
	padding: 0;
	text-align: center;
}

.registerForm
.joinComplete>.formTitle {
	margin-top: 40px;
	font-size: 21px;
}

.registerForm
.joinComplete
 
.mbrInfo {
	margin: 0 25px;
	padding: 20px 0;
	background: #f8f8f8;
	font-size: 15px;
}

.registerForm
.joinComplete
 
.mbrInfo
 
dl {
	margin-top: 4px;
}

.registerForm
.joinComplete
 
.mbrInfo
 
dl
:first-child {
	margin-top: 0;
}

.registerForm
.joinComplete
 
.mbrInfo
 
dt {
	display: inline-block;
	margin-right: 4px;
	color: #222;
}

.registerForm
.joinComplete
 
.mbrInfo
 
dd {
	display: inline-block;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.registerForm
.joinComplete
 
.mbrInfo+p {
	margin-top: 30px;
	padding: 0 25px;
	line-height: 22px;
}

.registerForm
.joinComplete
 
.btnWrap {
	margin: 40px 25px 50px;
}

.registerForm
.dormancy {
	padding-bottom: 0;
}

.registerForm
.dormancy>.guideTxt4 {
	margin: 15px 0 40px;
}

.registerForm
.dormancy
 
.guideArea {
	margin: 50px -25px 0;
}

.registerForm
.dormancy
 
.guideArea
 
.guideTxt4 {
	margin-top: 15px;
}

.registerForm
.exclusive {
	text-align: center;
}

.registerForm
.exclusive
 
p {
	margin-bottom: 50px;
	line-height: 23px;
	font-size: 13px;
	color: #222;
}

/**
주문결제
**/
/* 주문 */
.orderPdtItemList
 
.orderPdtItem {
	padding: 30px 0;
	border-bottom: 1px solid #dcdcdc;
}

.orderPdtItemList
 
.orderPdtItem
 
.editMenu {
	position: relative;
	margin-bottom: 10px;
}

.orderPdtItemList
 
.orderPdtItem
 
.editMenu
 
.del {
	position: absolute;
	right: -10px;
	top: -5px;
	width: 12px;
	padding: 10px;
	font-size: 0;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo {
	position: relative;
	min-height: 100px;
	padding-left: 115px;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.thumbnail {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	background: #f8f8f8;
	font-size: 0;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.thumbnail
 
span {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 23px;
	line-height: 23px;
	background: rgba(95, 119, 186, 0.8);
	text-align: center;
	font-size: 11px;
	color: #fff;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.name {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	line-height: 21px;
	color: #222;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.price {
	margin: 8px 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.price
:after {
	display: block;
	content: "";
	clear: both;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.price
 
em {
	font-size: 14px;
	color: #5f77ba;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.price
 
.cost {
	margin-right: 10px;
	font-family: "Montserrat";
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.price
 
.point {
	float: right;
	font-family: "Montserrat";
	font-size: 13px;
	white-space: nowrap;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.price
 
.soldout {
	font-family: "Montserrat";
	font-size: 14px;
	color: #ff3f3c;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.price
 
.cp {
	font-family: "Montserrat";
	color: #222;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.qty {
	overflow: hidden;
	padding-right: 20px;
	color: #222;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.qty
 
.cost {
	float: left;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.qty
 
.count {
	float: right;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.btn {
	margin-top: 8px;
}

.orderPdtItemList
 
.orderPdtItem
 
.option {
	padding: 20px;
	margin-top: 20px;
	background: #f8f8f8;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt {
	position: relative;
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
:first-child
 
.del {
	top: -6px;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.optNm {
	padding-right: 40px;
	font-size: 13px;
	color: #666;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.qty {
	overflow: hidden;
	margin-top: 20px;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.qty
 
.qtyOption, .orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.qty
 
.btn {
	float: left;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.qty
 
.count {
	float: left;
	margin-top: 5px;
	color: #222;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.qty
 
.price {
	float: right;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.qty
 
.state {
	float: left;
	color: #222;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.qty
 
.state+.count {
	float: right;
	margin-top: 0;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.price {
	margin-top: 4px;
	text-align: right;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.price
 
em {
	font-size: 14px;
	color: #5f77ba;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.price
 
.cost {
	margin-right: 8px;
	font-family: "Montserrat";
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.price
 
.soldout {
	font-family: "Montserrat";
	font-size: 14px;
	color: #ff3f3c;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.del {
	position: absolute;
	right: -10px;
	top: 19px;
	width: 12px;
	padding: 10px;
	font-size: 0;
}

.orderPdtItemList
 
.orderPdtItem
 
.option
 
.editOpt
 
.setOpt {
	margin-top: 12px;
}

.orderPdtItemList
 
.orderPdtItem
 
.giftWrap {
	margin-top: 35px;
}

.orderPdtItemList
 
.orderPdtItem
 
.giftWrap
 
.tit {
	margin-bottom: 20px;
	padding-left: 23px;
	background: url("../images/common/ico_gift.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
	color: #5f77ba;
}

.orderPdtItemList
 
.orderPdtItem
 
.giftWrap
 
ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.orderPdtItemList
 
.orderPdtItem
 
.giftWrap
 
ul
 
li {
	position: relative;
	display: inline-block;
	width: 85px;
	min-height: 55px;
	padding-left: 70px;
	margin-left: 20px;
	font-size: 11px;
}

.orderPdtItemList
 
.orderPdtItem
 
.giftWrap
 
ul
 
li
:first-child {
	margin-left: 0;
}

.orderPdtItemList
 
.orderPdtItem
 
.giftWrap
 
ul
 
li
 
img {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
}

.orderPdtItemList
 
.orderPdtItem
 
.giftWrap
 
ul
 
li
 
.name {
	overflow: hidden;
	height: 30px;
	margin-bottom: 5px;
	line-height: 15px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.orderPdtItemList
 
.orderPdtItem
 
.giftWrap
 
ul
 
li
 
.qty {
	color: #222;
}

.orderPdtItemList
 
.orderPdtItem>label {
	display: block;
	margin-top: 10px;
}

.orderPdtItemList
 
.total {
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #222;
	color: #222;
	line-height: 27px;
}

.orderPdtItemList
 
.total
 
dt {
	clear: both;
	float: left;
	width: 50%;
	margin-top: 12px;
}

.orderPdtItemList
 
.total
 
dd {
	float: left;
	width: 50%;
	margin-top: 12px;
	text-align: right;
}

.orderPdtItemList
 
.total
 
dd
 
.price {
	font-family: 'Montserrat';
	font-weight: bold;
}

.orderPdtItemList
 
.total
 
dd
 
.price
 
span {
	font-size: 18px;
	color: #5f77ba;
}

.orderPdtItemList
 
.total
 
dt
:first-of-type, .orderPdtItemList
 
.total
 
dd
:first-of-type {
	margin-top: 0;
}

/* 신청상품 */
.orderProduct
 
.inside_folding {
	overflow: hidden;
	height: 0;
	padding-top: 30px;
}

.inside_folding
 
.folding_wrap {
	position: relative;
	padding-bottom: 30px;
}

.inside_folding
 
.folding_wrap
:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #222;
	top: 0;
	left: 0;
}

.inside_folding
 
.folding_wrap
 
.btn {
	padding-top: 30px;
}

.inside_folding
 
.folding_wrap
 
.btn
 
a {
	padding: 0 20px;
}

.inside_folding
 
.folding_wrap
 
.tab_btn_wrap {
	margin-top: 20px;
}

.inside_folding
 
.folding_wrap
 
.tab_btn_wrap
 
ul {
	font-size: 0;
}

.inside_folding
 
.folding_wrap
 
.tab_btn_wrap
 
ul
 
li {
	position: relative;
	display: inline-block;
	width: 49.8999%;
	border: 1px solid #dcdcdc;
	font-size: 13px;
	box-sizing: border-box;
}

.inside_folding
 
.folding_wrap
 
.tab_btn_wrap
 
ul
 
li
:first-child {
	border-right: 0;;
	border-bottom: 0;
}

.inside_folding
 
.folding_wrap
 
.tab_btn_wrap
 
ul
 
li
:nth-child
(
2
) {
	border-bottom: 0;
}

.inside_folding
 
.folding_wrap
 
.tab_btn_wrap
 
ul
 
li
:nth-child
(
3
) {
	border-right: 0;
}

.inside_folding
 
.folding_wrap
 
.tab_btn_wrap
 
ul
 
li
.on
:
:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid #222;
	z-index: 10;
}

.inside_folding
 
.folding_wrap
 
.tab_btn_wrap
 
ul
 
li
.on
 
a {
	color: #222;
}

.inside_folding
 
.folding_wrap
 
.tab_btn_wrap
 
ul
 
li
 
a {
	display: block;
	color: #dcdcdc;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.inside_folding
 
.folding_wrap
 
.tab_con_wrap {
	margin-top: 20px;
}

.inside_folding
 
.folding_wrap
 
.tab_con_wrap
 
.applyPdtItemList {
	display: none;
}

.inside_folding
 
.folding_wrap
 
.tab_con_wrap
 
.applyPdtItemList
.active {
	display: block;
}

.applyPdtItemList {
	height: 510px;
	overflow: scroll;
	padding-right: 20px;
	margin-top: 20px;
}

.applyPdtItemList
 
.applyPdtItem {
	padding: 30px 0;
	border-bottom: 1px solid #dcdcdc;
}

.applyPdtItemList
 
.applyPdtItem
 
.editMenu {
	position: relative;
	margin-bottom: 10px;
}

.applyPdtItemList
 
.applyPdtItem
 
.editMenu
 
.del {
	position: absolute;
	right: -10px;
	top: -5px;
	width: 12px;
	padding: 10px;
	font-size: 0;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo {
	position: relative;
	min-height: 100px;
	padding-left: 115px;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.thumbnail {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	background: #f8f8f8;
	font-size: 0;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.thumbnail
 
span {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 23px;
	line-height: 23px;
	background: rgba(95, 119, 186, 0.8);
	text-align: center;
	font-size: 11px;
	color: #fff;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.name {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	line-height: 21px;
	color: #222;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.price {
	margin: 8px 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.price
:after {
	display: block;
	content: "";
	clear: both;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.price
 
em {
	font-size: 14px;
	color: #5f77ba;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.price
 
.cost {
	margin-right: 10px;
	font-family: "Montserrat";
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.price
 
.point {
	float: right;
	font-family: "Montserrat";
	font-size: 13px;
	white-space: nowrap;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.price
 
.soldout {
	font-family: "Montserrat";
	font-size: 14px;
	color: #ff3f3c;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.price
 
.cp {
	font-family: "Montserrat";
	color: #222;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.qty {
	overflow: hidden;
	color: #222;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.qty
 
.qtyOption {
	float: left;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.qty
 
.add_btn {
	float: right;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.qty
 
.add_btn
 
a {
	display: inline-block;
	border: 1px solid #222;
	color: #222;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.qty
 
.cost {
	float: left;
}

.applyPdtItemList
 
.applyPdtItem
 
.pdtInfo
 
.qty
 
.count {
	float: right;
}

.applyPdtItemList
 
.applyPdtItem
 
.option {
	padding: 20px;
	margin-top: 20px;
	background: #f8f8f8;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt {
	position: relative;
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
:first-child
 
.del {
	top: -6px;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.optNm {
	padding-right: 40px;
	font-size: 13px;
	color: #666;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.qty {
	overflow: hidden;
	margin-top: 20px;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.qty
 
.qtyOption, .applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.qty
 
.btn {
	float: left;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.qty
 
.count {
	float: left;
	margin-top: 5px;
	color: #222;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.qty
 
.price {
	float: right;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.qty
 
.state {
	float: left;
	color: #222;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.qty
 
.state+.count {
	float: right;
	margin-top: 0;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.price {
	margin-top: 4px;
	text-align: right;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.price
 
em {
	font-size: 14px;
	color: #5f77ba;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.price
 
.cost {
	margin-right: 8px;
	font-family: "Montserrat";
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.price
 
.soldout {
	font-family: "Montserrat";
	font-size: 14px;
	color: #ff3f3c;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.del {
	position: absolute;
	right: -10px;
	top: 19px;
	width: 12px;
	padding: 10px;
	font-size: 0;
}

.applyPdtItemList
 
.applyPdtItem
 
.option
 
.editOpt
 
.setOpt {
	margin-top: 12px;
}

.applyPdtItemList
 
.applyPdtItem
 
.giftWrap {
	margin-top: 35px;
}

.applyPdtItemList
 
.applyPdtItem
 
.giftWrap
 
.tit {
	margin-bottom: 20px;
	padding-left: 23px;
	background: url("../images/common/ico_gift.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
	color: #5f77ba;
}

.applyPdtItemList
 
.applyPdtItem
 
.giftWrap
 
ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.applyPdtItemList
 
.applyPdtItem
 
.giftWrap
 
ul
 
li {
	position: relative;
	display: inline-block;
	width: 85px;
	min-height: 55px;
	padding-left: 70px;
	margin-left: 20px;
	font-size: 11px;
}

.applyPdtItemList
 
.applyPdtItem
 
.giftWrap
 
ul
 
li
:first-child {
	margin-left: 0;
}

.applyPdtItemList
 
.applyPdtItem
 
.giftWrap
 
ul
 
li
 
img {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
}

.applyPdtItemList
 
.applyPdtItem
 
.giftWrap
 
ul
 
li
 
.name {
	overflow: hidden;
	height: 30px;
	margin-bottom: 5px;
	line-height: 15px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.applyPdtItemList
 
.applyPdtItem
 
.giftWrap
 
ul
 
li
 
.qty {
	color: #222;
}
/* 신청상품 버튼 */
.orderProduct
 
.inside_foldTrigger {
	position: absolute;
	bottom: 0;
	right: 0;
}

.orderProduct
 
.inside_foldTrigger
 
span
:before {
	content: url("../images/common/arr_left_wh.png");
	display: inline-block;
	margin-right: 15px;
	transform: rotate(-90deg);
}

.orderProduct
 
.inside_foldTrigger
.on
 
span
:before {
	transform: rotate(90deg);
}

.order
 
.paymentSteps {
	padding: 15px 25px;
	border-bottom: 2px solid #5f77ba;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.order
 
.formBox {
	position: relative;
	padding: 40px 25px;
}

.order
 
.formBox
 
.formTitle {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.order
 
.formBox
 
.formTitle
 
span {
	display: block;
	font-family: "Montserrat";
	font-size: 13px;
	color: #888;
}

.order
 
.formBox
 
.subTotal {
	position: absolute;
	right: 25px;
	top: 40px;
}

.order
 
.formBox
 
.subTotal
 
.handler {
	position: relative;
	display: block;
	min-width: 25px;
	min-height: 22px;
	padding-right: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #5f77ba;
}

.order
 
.formBox
 
.subTotal
 
.handler
:before {
	position: absolute;
	right: 5px;
	top: 10px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.order
 
.formBox
 
.subTotal
 
.handler
:after {
	position: absolute;
	right: 0;
	top: 10px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.order
 
.formBox
 
.subTotal
 
.price {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order
 
.formBox
 
.subTotal
 
.price
 
em {
	font-size: 18px;
	color: #5f77ba;
}

.order
 
.formBox
 
.folding {
	display: none;
	padding-top: 35px;
}

.order
 
.formBox
.employee
 
.formPanel {
	padding-top: 15px;
}

.order
 
.formBox
.employee
 
.inputWrap
 
label {
	font-size: 13px;
	color: #222;
}

.order
 
.formBox
.employee
 
.item {
	padding-top: 15px;
	font-size: 12px;
}

.order
 
.formBox
.employee
 
.item {
	padding-left: 8px;
	text-indent: -8px;
}

.order
 
.formBox
.employee
 
.item
 
li {
	margin-top: 4px;
}

.order
 
.formBox
.employee
 
.item
 
li
:first-child {
	margin-top: 0;
}

.order
 
.formBox
.employee
 
.item
 
sup {
	vertical-align: middle;
}

.order
 
.formBox
.isVisible
 
.folding {
	display: block;
}

.order
 
.formBox
.isVisible
 
.subTotal
 
.handler
:before {
	transform: rotate(-45deg);
}

.order
 
.formBox
.isVisible
 
.subTotal
 
.handler
:after {
	transform: rotate(45deg);
}

.order
 
.pdtGiftList {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.order
 
.pdtGiftList
 
li {
	position: relative;
	display: inline-block;
	width: 130px;
	min-height: 130px;
	padding-left: 115px;
	margin-left: 18px;
	font-size: 15px;
	vertical-align: top;
}

.order
 
.pdtGiftList
 
.title {
	overflow: hidden;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.order
 
.pdtGiftList
 
.quantity {
	margin-top: 5px;
}

.order
 
.pdtGiftList
 
li
:first-child {
	margin-left: 0;
}

.order
 
.pdtGiftList
 
li
 
img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	background: #f8f8f8;
}

.order
 
.pdtGiftList
 
li
 
.name {
	overflow: hidden;
	height: 48px;
	margin: 10px 0 12px;
	line-height: 24px;
	white-space: normal;
	color: #222;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.order
 
.pdtGiftList
 
li
 
.btn {
	width: 50px;
}

.order
 
#ul_purc_freegift_list
 
li
 
p {
	overflow: hidden;
	height: 48px;
	margin: 10px 0 12px;
	line-height: 24px;
	white-space: normal;
	color: #222;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.cart
 
.chkAll {
	padding: 17px 25px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.cart
 
.chkAll
 
label {
	color: #222;
}

.cart
 
.orderPdtItemList
 
.orderPdtItem {
	padding: 30px 25px;
}

.cart
 
.orderPdtItemList
 
.orderPdtItem
:first-child {
	border-top: 1px solid #dcdcdc;
}

.cart
 
.btnEditList {
	padding: 25px 25px 40px;
}

.cart
 
.pdtGift
 
.note {
	margin-top: 10px;
	line-height: 23px;
	color: #222;
}

.cart
 
.pdtGift
 
.menu {
	margin: 30px 0;
}

.cart
 
.pdtGift
 
.menu
 
ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.cart
 
.pdtGift
 
.menu
 
li {
	display: inline-block;
	margin-left: 20px;
}

.cart
 
.pdtGift
 
.menu
 
li
:first-child {
	margin-left: 0;
}

.cart
 
.pdtGift
 
.menu
 
li
 
a {
	display: inline-block;
	border-bottom: 2px solid #fff;
}

.cart
 
.pdtGift
 
.menu
 
li
.on
 
a {
	font-family: 'Montserrat';
	font-weight: bold;
	border-color: #222;
	color: #222;
}

.cart
 
.recommend
 
.recommendList
 
li {
	position: relative;
	margin-top: 20px;
}

.cart
 
.recommend
 
.recommendList
 
li
 
.btnCart {
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
	width: 30px;
	padding: 5px;
	background: none;
}

.cart
 
.subTotal {
	overflow: hidden;
	padding: 8px 25px;
	border-top: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.cart
 
.subTotal
 
.btn {
	float: right;
	width: 50%;
	max-width: 158px;
}

.cart
 
.subTotal
 
.totalCnt {
	float: left;
	margin-top: 8px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.cart
 
.subTotal
 
.totalCnt
 
.t {
	display: block;
	font-size: 11px;
	font-family: "Montserrat";
}

.cart
 
.subTotal
 
.totalCnt
 
span {
	font-size: 18px;
}

.cart
 
.subTotal
 
.totalCnt
 
.point {
	margin-left: 10px;
	font-family: "Montserrat";
	font-size: 14px;
	color: #888;
}

.cart
 
.subTotal
.type2
 
.totalCnt {
	margin-top: 2px;
}

.cart
 
.subTotal
.floating {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	background: #fff;
}

.changeOption
 
.msg {
	margin: 20px 0 !important;
}

.changeOption
 
.select {
	margin-bottom: 20px;
}

.cart
 
.regularOrderSteps {
	padding: 50px 20px 58%;
	background: #e8ebf0 url("../images/common/bg_regular_order_cart.jpg")
		no-repeat 50% 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	text-align: center;
}

.cart
 
.regularOrderSteps
 
.tit {
	margin-bottom: 12px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.cart
 
.regularOrderSteps
 
.txt {
	font-size: 13px;
	line-height: 22px;
}

.cart
 
.regularOrderSteps
 
ol {
	margin: 25px 0;
}

.cart
 
.regularOrderSteps
 
ol
:after {
	content: "";
	display: block;
	clear: both;
}

.cart
 
.regularOrderSteps
 
li {
	position: relative;
	display: inline-block;
	height: 25px;
	margin-right: 15px;
	padding: 0 10px;
	border-radius: 4px;
	background: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 11px;
	line-height: 25px;
	color: #222;
}

.cart
 
.regularOrderSteps
 
li
:last-child {
	margin-right: 0;
}

.cart
 
.regularOrderSteps
 
li
:after {
	position: absolute;
	right: -12px;
	top: 7px;
	content: "";
	display: block;
	width: 6px;
	height: 10px;
	background: url("../images/common/arr_right_gr2.png");
	-webkit-background-size: 6px;
	background-size: 6px;
}

.cart
 
.regularOrderSteps
 
li
:last-child
:after {
	display: none;
}

.cart
 
.check_txt_wrap {
	padding: 0 20px 25px;
}

.cart
 
.check_txt_wrap
 
p {
	padding: 25px 20px;
	background: #f8f8f8;
	color: #5f77ba;
	word-break: break-all;
}

.regularOrderGuide {
	margin-bottom: 40px;
}

.regularOrderGuide>li {
	margin-top: 25px;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.regularOrderGuide
 
li
:first-child {
	margin-top: 0;
}

.regularOrderGuide>li>ul {
	margin-top: 6px;
}

.regularOrderGuide>li>ul>li {
	margin-top: 3px;
	padding-left: 8px;
	line-height: 24px;
	font-size: 14px;
	font-family: "Montserrat";
	text-indent: -8px;
	color: #222;
}

.regularOrderGuide>li>ul>li
 
ul {
	margin-top: 3px;
}

.regularOrderGuide>li>ul>li
 
li {
	margin-top: 3px;
	padding-left: 0;
	text-indent: 0;
	font-family: "Montserrat";
	color: #888;
}

.promotion_sale {
	margin-top: 25px;
	padding: 0 25px;
	color: #222;
}

.promotion_sale
 
.btn_wrap {
	height: 46px;
	padding: 0 10px;
	line-height: 46px;
	background: #f8f8f8;
	box-sizing: border-box;
	text-align: center;
}

.promotion_sale
 
button {
	outline: none;
	font-size: 13px;
	color: #222;
	background: 0;
	height: 46px;
	line-height: 46px;
	font-weight: bold;
}

.promotion_sale
 
.promotion_drop_down {
	margin-top: 5px;
	color: #222;
}

.promotion_sale
 
.promotion_drop_down
 
.promotion_info {
	display: none;
	margin-top: 10px;
	font-size: 12px;
}

.promotion_sale
 
.promotion_drop_down
 
.sale_list {
	margin-top: 5px;
}

.promotion_sale
 
.promotion_drop_down
 
.sale_list
 
li
:first-child {
	margin-top: 0;
}

.promotion_sale
 
.promotion_drop_down
 
.sale_list
 
li {
	position: relative;
	line-height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
	color: #888;
}

.promotion_sale
 
.promotion_drop_down
 
.sale_list
 
li
:after {
	display: block;
	content: "";
	clear: both;
}

.promotion_sale
 
.promotion_drop_down
 
.sale_list
 
li
 
p {
	float: left;
}

.promotion_sale
 
.promotion_drop_down
 
.sale_list
 
li
 
.price {
	float: right;
}

.order
 
.userInfo
 
.formPanel {
	margin-top: 35px;
}

.order
 
.userInfo
 
dl
:after {
	content: "";
	display: block;
	clear: both;
}

.order
 
.userInfo
 
dl
 
dt {
	float: left;
	clear: both;
	width: 68px;
	padding-top: 15px;
}

.order
 
.userInfo
 
dl
 
dd {
	float: left;
	width: calc(100% - 
 
 68px);
	color: #222;
	padding-top: 15px;
}

.order
 
.shipping
 
.formPanel {
	margin-top: 35px;
}

.order
 
.shipping
 
.formTitle
 
.btn {
	float: right;
}

.order
 
.shipping
 
.add {
	line-height: 24px;
}

.order
 
.shipping
 
.add
 
.name {
	color: #222;
	word-wrap: break-word;
}

.order
 
.shipping
 
.add
 
.zipcode {
	color: #222;
	word-wrap: break-word;
}

.order
 
.shipping
 
.add
 
dl {
	margin-bottom: 20px;
	overflow: hidden;
	color: #222;
}

.order
 
.shipping
 
.add
 
dl
 
dt {
	position: relative;
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.order
 
.shipping
 
.add
 
dl
 
dt
:after {
	position: absolute;
	right: 0;
	top: 7px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #dcdcdc;
}

.order
 
.shipping
 
.add
 
dl
 
dd {
	float: left;
}

.order
 
.shipping
 
.select {
	margin-top: 30px;
}

.order
 
.shipping
 
.textarea {
	margin-top: 10px;
}

.order
 
.shipping
 
.inputWrap {
	margin-top: 25px;
}

.order
 
.shipping
 
.shippingMsg {
	margin-top: 10px;
	color: #222;
}

.order
 
.shipping
 
.modifyGuide {
	margin: 20px 0 25px;
	font-size: 13px;
}

.order
 
.shipping
 
.shippingMsg
 
dt {
	color: #888;
}

.order
 
.shipping
 
.shippingMsg
 
dd {
	margin-top: 10px;
	color: #222;
}

.order
 
.orderProduct
.isVisible {
	
}

.order
 
.orderProduct
 
.summary {
	margin-top: 25px;
	font-size: 13px;
	color: #222;
}

.order
 
.orderProduct
 
.summary
 
span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
}

.order
 
.orderProduct
 
.orderPdtItemList
 
li
:first-of-type {
	padding-top: 0;
}

.order
 
.orderProduct
 
.orderPdtItemList
 
li
:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}

.order
 
.orderProduct
 
.setPdt {
	padding: 40px 25px 20px;
	margin: 40px -25px 0;
	border-top: 1px solid #dcdcdc;
}

.order
 
.coupon
 
.couponList {
	padding: 25px 20px;
	background: #f8f8f8;
	color: #222;
}

.order
 
.coupon
 
.couponList
 
.tit {
	margin-bottom: 30px;
	text-align: center;
	font-size: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order
 
.coupon
 
.couponList
 
dl {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.order
 
.coupon
 
.couponList
 
dl
:first-of-type {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.order
 
.coupon
 
.couponList
 
dt {
	margin-bottom: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.order
 
.coupon
 
.couponList
 
dd {
	margin-top: 15px;
}

.order
 
.coupon
 
.couponList
 
dd
:first-of-type {
	margin-top: 0;
}

.order
 
.coupon
 
.couponList
 
dd
 
.select {
	margin-top: 10px;
}

.order
 
.coupon
 
.btnWrap {
	margin-top: 30px;
}

.order
 
.coupon
 
.btnWrap+.inputWrap {
	margin: 25px 0 12px;
}

.order
 
.btPoint
 
.formPanel {
	margin-top: 35px;
}

.order
 
.btPoint
 
.summary {
	color: #222;
}

.order
 
.btPoint
 
.summary
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.order
 
.btPoint
 
.inputHasBtn2 {
	margin-top: 15px;
}

.order
 
.btPoint
 
.inputText
 
input {
	text-align: right;
}

.order
 
.btPoint
 
.note {
	margin-top: 20px;
	line-height: 24px;
	color: #222;
}

.order
 
.pdtGift
 
.formPanel {
	margin-top: 35px;
}

.order
 
.pdtGift
 
.notice_list {
	margin-top: 30px;
}

.order
 
.pdtGift
 
.giftWrap {
	padding: 30px 0;
	border-top: 1px solid #eee;
}

.order
 
.pdtGift
 
.giftWrap
:first-child {
	padding-top: 0;
	border-top: none;
}

.order
 
.pdtGift
 
.giftWrap
:last-child {
	padding-bottom: 0;
}

.order
 
.pdtGift
 
.giftWrap
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order
 
.pdtGift
 
.giftWrap
 
ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	margin-top: 30px;
}

.order
 
.pdtGift
 
.giftWrap
 
ul
 
li {
	position: relative;
	display: inline-block;
	width: 90px;
	min-height: 55px;
	padding-left: 70px;
	margin-left: 20px;
	font-size: 11px;
	vertical-align: top;
}

.order
 
.pdtGift
 
.giftWrap
 
ul
 
li
:first-child {
	margin-left: 0;
}

.order
 
.pdtGift
 
.giftWrap
 
ul
 
li
 
img {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
}

.order
 
.pdtGift
 
.giftWrap
 
ul
 
li
 
.name {
	overflow: hidden;
	height: 30px;
	margin-bottom: 5px;
	line-height: 15px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.order
 
.pdtGift
 
.giftWrap
 
ul
 
li
 
.qty {
	color: #222;
}

.order
 
.payMethod
 
.subTotal
 
.handler {
	font-size: 13px;
	font-family: "Montserrat";
	color: #888;
}

.order
 
.payMethod
 
.method {
	max-width: 480px;
	margin: 0 auto;
}

.order
 
.payMethod
 
.method
 
ul {
	overflow: hidden;
}

.order
 
.payMethod
 
.method
 
li {
	float: left;
	position: relative;
	width: 33%;
	height: 0;
	padding-top: 29%;
	margin: 2px 0 0;
}

.order
 
.payMethod
 
.method
 
li
:nth-of-type
(
3n-1
) {
	margin: 2px 0.5% 0;
}

.order
 
.payMethod
 
.method
 
li
 
a {
	position: absolute;
	left: 0;
	top: 0;
	display: table;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #eee;
	background: #f8f8f8;
	text-align: center;
}

.order
 
.payMethod
 
.method
 
li
 
a
 
span {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	line-height: 19px;
}

.order
 
.payMethod
 
.method
 
li
.on
 
a {
	border-color: #5f77ba;
	background: #5f77ba;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.order
 
.payMethod
 
.method
 
li
.disabled
 
a {
	border-color: #eee;
	background: #f8f8f8;
	color: #dcdcdc;
}

.order
 
.payMethod
 
.handler
.on {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #5f77ba;
}

.order
 
.payMethod
 
.payGuide
 
.payDetail {
	margin: 30px 0 25px;
}

.order
 
.payMethod
 
.payDetail
 
dl
:after {
	content: "";
	display: block;
	clear: both;
}

.order
 
.payMethod
 
.payDetail
 
dt {
	float: left;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order
 
.payMethod
 
.payDetail
 
dd {
	float: left;
	margin-left: 10px;
	color: #222;
}

.order
 
.payMethod
 
.payDetail
 
.select {
	margin-top: 10px;
}

.order
 
.payMethod
 
.payDetail
 
.select
:first-child {
	margin-top: 0;
}

.order
 
.payMethod
 
.payDetail
 
.btn
 
a {
	border: 1px solid #dcdcdc;
	background: #fff;
}

.order
 
.payMethod
 
.payDetail
 
.btnWrap
 
li
.on
 
.btn
.naver
 
a {
	border-color: #00c73c;
	background: #00c73c;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.order
 
.payMethod
 
.payDetail
 
.btnWrap
 
li
.on
 
.btn
.kakao
 
a {
	border-color: #fae100;
	background: #fae100;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #36191d;
}

.order
 
.payMethod
 
.inputWrap
.save {
	margin-top: 25px;
}

.order
 
.payMethod
 
.mobilePayment {
	overflow: hidden;
	margin-top: 25px;
}

.order
 
.payMethod
 
.mobilePayment
 
dt {
	float: left;
	width: 100%;
	font-family: "Montserrat";
}

.order
 
.payMethod
 
.mobilePayment
 
dd {
	float: left;
	margin-left: 15px;
}

.order
 
.payMethod
 
.mobilePayment
 
dd
:first-of-type {
	margin-left: 0;
}

.order
 
.payMethod
 
.mobilePayment
 
dd
 
img {
	height: 21px;
}

.order
 
.amount
 
dl {
	overflow: hidden;
	font-size: 13px;
}

.order
 
.amount
 
dt {
	float: left;
	width: 50%;
	margin-top: 15px;
}

.order
 
.amount
 
dd {
	float: right;
	width: 50%;
	margin-top: 15px;
	text-align: right;
	color: #222;
}

.order
 
.amount
 
dt
:first-of-type, .order
 
.amount
 
dd
:first-of-type {
	margin-top: 0;
}

.order
 
.amount
 
.savePoint {
	margin-top: 25px;
	padding: 15px 0;
	background: #f8f8f8;
	text-align: center;
	color: #222;
}

.order
 
.amount
 
.savePoint
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.order
 
.execPay
 
label {
	font-size: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order
 
.execPay
 
.policy {
	margin: 12px 0 20px;
	font-size: 13px;
	line-height: 23px;
}

.order
 
.execPay
 
.policy
 
.underAge {
	
}

.order
 
.execPay
 
.underAge {
	margin-bottom: 30px;
}

.order
 
.execPay
 
.underAge
 
.tit {
	margin-bottom: 5px;
	font-size: 13px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order
 
.execPay
 
.underAge
 
.p {
	font-size: 11px;
	color: #767676;
}

.order
 
.purchaseInfo
 
dl {
	margin-top: 30px;
}

.order
 
.purchaseInfo
 
dt {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.order
 
.purchaseInfo
 
dd {
	overflow: hidden;
	margin-top: 16px;
	font-size: 15px;
	color: #222;
}

.order
 
.purchaseInfo
 
dd
.time {
	color: #888;
}

.order
 
.purchaseInfo
 
dd
 
span {
	position: relative;
	display: block;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
}

.order
 
.purchaseInfo
 
dd
 
span
:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: #dcdcdc;
}

.order
 
.purchaseInfo
 
dd
 
span
:first-child {
	margin-left: 0;
	padding-left: 0;
}

.order
 
.purchaseInfo
 
dd
 
span
:first-child
:before {
	display: none;
}

.order
 
.purchaseInfo
 
dd
.colorGR {
	color: #888;
}

.order
 
.purchaseInfo
 
.note {
	margin-top: 16px;
	font-size: 12px;
}

.order
 
.startShipping
 
.userInputArea {
	margin-top: 35px;
}

.order
 
.startShipping
 
.userInputArea
 
.label {
	font-family: "Montserrat";
	color: #888;
}

.order
 
.startShipping
 
.userInputArea
 
.selectWrap
 
.select {
	float: left;
	width: 33%;
}

.order
 
.startShipping
 
.userInputArea
 
.selectWrap
 
.select
:nth-of-type
(
2
) {
	margin: 0 0.5%;
}

.order
 
.startShipping
 
.userInputArea
 
.cycle
 
.btn {
	float: left;
	width: 33%;
}

.order
 
.startShipping
 
.userInputArea
 
.cycle
 
.btn
:nth-of-type
(
2
) {
	margin: 0 0.5%;
}

.order
 
.startShipping
 
.userInputArea
 
.cycle
 
.btn
 
a {
	border-color: #dcdcdc;
	font-family: "Montserrat";
	color: #888;
}

.order
 
.startShipping
 
.userInputArea
 
.cycle
 
.btn
.on
 
a {
	border-color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order
 
.startShipping
 
.setDate {
	margin-top: 20px;
	line-height: 24px;
	color: #222;
}

.order
 
.startShipping
 
.setDate
 
span {
	color: #5f77ba;
}

.order
 
.startShipping
 
.btnWrap {
	margin-top: 30px;
}

/* 정기배송 발송예정일 팝업*/
#regularPaymentInfo
 
.layerBody
 
.txt1 {
	font-size: 14px;
	line-height: 24px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

#regularPaymentInfo
 
.layerBody
 
.txt1
 
.point {
	color: #5f77ba;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.ui-datepicker
.ui-datepicker-inline {
	width: 98%;
	height: 370px;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.ui-datepicker-header {
	margin-top: 20px;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap {
	max-width: 320px;
	margin: 0 auto;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.slick-slide {
	outline: none;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.txt_wrap {
	display: table;
	height: 120px;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.txt_wrap
 
.inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.txt_wrap
 
.point {
	font-size: 16px;
	line-height: 35px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.txt_wrap
 
p {
	display: inline-block;
	padding-left: 5px;
	font-size: 16px;
	line-height: 35px;
	color: #222;
	font-family: "Montserrat";
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.slick-arrow {
	position: absolute;
	top: calc(100% - 
 
 84px);
	width: 30px;
	height: 0;
	max-height: 46px;
	padding-top: 46px;
	overflow: hidden;
	z-index: 5;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.slick-arrow
.slick-prev {
	left: 0px;
	background: url("../images/order/arrow_left.png") no-repeat center
		center;
	background-size: 30%;
}

#regularPaymentInfo
 
.layerBody
 
.slide_wrap
 
.slick-arrow
.slick-next {
	right: 0px;
	background: url("../images/order/arrow_right.png") no-repeat center
		center;
	background-size: 30%;
}

#regularPaymentInfo

  
.layerBody

  
.slide_wrap

  
.ui-datepicker-header

  
.ui-corner-all {
	display: none;
}

#regularPaymentInfo

  
.layerBody

  
.slide_wrap

  
.ui-datepicker-calendar

  
.ui-state-default
.on {
	color: #fff;
	background: #5f77ba;
}

.order
 
.agreeForm {
	padding: 45px 25px;
}

.order
 
.agreeForm
 
.title {
	margin-bottom: 45px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.order
 
.agreeForm
 
.chkAll {
	margin-top: 0;
}

.order
 
.agreeForm
 
.terms {
	overflow-x: hidden;
	overflow-y: auto;
	height: 126px;
	padding: 14px;
	border: 1px solid #dcdcdc;
	-webkit-overflow-scrolling: touch;
}

.order
 
.agreeForm
 
.inputWrap {
	margin: 10px 0 20px;
}

.order
 
.refund {
	padding-left: 0;
	padding-right: 0;
}

.order
 
.refund
 
.formTitle {
	padding: 0 25px;
}

.order
 
.refund
 
.contBox {
	padding: 35px 25px;
}

.order
 
.refund
 
.contBox
 
.formTitle {
	padding: 0;
	margin-bottom: 30px;
}

.order
 
.refund
 
.contBox
.first {
	padding-top: 0;
}

.order
 
.refund
 
.contBox
.last {
	padding-bottom: 0;
}

.order
 
.refund
 
.contBox
.border {
	border-top: 1px solid #dcdcdc;
}

.order
 
.refund
 
.contBox
 
dl {
	overflow: hidden;
}

.order
 
.refund
 
.contBox
 
dl
 
dt {
	float: left;
	width: 115px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order
 
.refund
 
.contBox
 
dl
 
dd {
	float: left;
	width: calc(100% - 
 
 115px);
	color: #222;
}

.order
 
.refund
 
.contBox
 
dl
 
dt, .order
 
.refund
 
.contBox
 
dl
 
dd {
	margin-top: 25px;
}

.order
 
.refund
 
.contBox
 
dl
 
dt
:first-of-type, .order
 
.refund
 
.contBox
 
dl
 
dd
:first-of-type {
	margin-top: 0;
}

.order
 
.refund
 
.returnFee {
	margin: 10px 0 20px;
	padding: 0 14px;
	color: #222;
}

.order
 
.refund
 
.userInputArea {
	padding: 25px;
}

.order
 
.orderSummary {
	padding: 50px 25px 40px;
	text-align: center;
}

.order
 
.orderSummary
 
h2 {
	padding-top: 80px;
	background: url("../images/order/ico_order_summary.png") no-repeat 50% 0;
	-webkit-background-size: 55px;
	background-size: 55px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.order
 
.orderSummary
 
.odNum {
	margin: 18px 0 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order
 
.orderSummary
 
.info {
	padding: 25px;
	background: #f8f8f8;
	line-height: 24px;
	color: #222;
}

.order
 
.orderSummary
 
.info
 
span {
	color: #5f77ba;
}

.order
 
.goHome {
	padding: 0 25px 40px;
}

.order
 
.dueDate
 
.noti {
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 24px;
	color: #222;
}

.order
 
.dueDate
 
.notice_list {
	margin: 20px 0 25px;
}

.order
 
.dueDate
 
.notice_list
 
li {
	margin-top: 6px;
	padding-left: 16px;
	text-indent: -16px;
}

.order
 
.dueDate
 
.notice_list
 
li
:first-child {
	margin-top: 0;
}

.layerPopup
 
.setDateCal
 
.ui-datepicker-today
 
.ui-state-default {
	background: none;
	color: #888;
}

@media all and (max-width: 374px) {
	.orderPdtItemList .orderPdtItem .pdtInfo .price .point {
		float: none;
		display: block;
	}
	.order .payMethod .payGuide dt {
		width: 100%;
	}
	.order .payMethod .payGuide dd {
		margin-left: 0;
		margin-right: 10px;
	}
}

/**
마이페이지
**/
/* 공통 */
.layerPopupArea
 
.layerPopup
 
.layerGround
 
.layerBody
.findAddress {
	padding-left: 0;
	padding-right: 0;
}

.findAddessStep1 {
	padding: 0 25px;
}

.findAddessStep1
 
.guide {
	margin-top: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	line-height: 23px;
	color: #222;
}

.findAddessStep1
 
.ex {
	margin: 15px 0;
	padding-bottom: 25px;
	border-bottom: 1px solid #dcdcdc;
}

.findAddessStep1
 
.ex
 
ul
 
li {
	position: relative;
	margin-top: 5px;
	padding-left: 7px;
	font-size: 12px;
}

.findAddessStep1
 
.ex
 
ul
 
li
:first-child {
	margin-top: 0;
}

.findAddessStep1
 
.ex
 
ul
 
li
:before {
	position: absolute;
	left: 0;
	top: 8px;
	content: "";
	display: block;
	width: 2px;
	height: 2px;
	background: #222;
}

.findAddessStep1
 
.ex
 
ul
 
li
 
span {
	color: #222;
}

.findAddessStep2
 
.inputHasBtn4 {
	margin: 0 25px;
}

.findAddessStep2
 
.resultCnt {
	padding: 30px 25px 15px;
}

.findAddessStep2
 
.findAddResult {
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

.findAddessStep2
 
.findAddResult
 
li {
	padding: 25px;
	border-top: 1px solid #dcdcdc;
}

.findAddessStep2
 
.findAddResult
 
li
:first-child {
	border-top: none;
}

.findAddessStep2
 
.findAddResult
 
li
 
.zipcode {
	display: block;
	margin-bottom: 12px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.findAddessStep2
 
.findAddResult
 
li
 
dl {
	margin-top: 6px;
}

.findAddessStep2
 
.findAddResult
 
li
 
dl
:after {
	display: block;
	content: "";
	clear: both;
}

.findAddessStep2
 
.findAddResult
 
li
 
dt {
	float: left;
	width: 44px;
	height: 19px;
	margin-right: 10px;
	line-height: 19px;
	background: #5f77ba;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.findAddessStep2
 
.findAddResult
 
li
 
dd {
	float: left;
	width: calc(100% - 
 
 54px);
	line-height: 19px;
	color: #222;
	word-break: break-all;
}

.findAddessStep2
 
.findAddResult
 
li
 
.userInputArea {
	margin-top: 25px;
}

.findAddessStep2
 
.findAddResult
 
li
 
.userInputArea
 
.inputWrap
.mgt20 {
	margin-top: 20px;
}

.findAddessStep2
 
.findAddResult
 
li
 
.userInputArea
 
.btnWrap {
	margin-top: 30px;
}

.findAddessStep2
 
.viewMore {
	margin-bottom: 0;
}

.findAddress
 
.resultCnt {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.findAddress
 
.resultCnt
 
span {
	color: #5f77ba;
}

.oneclickCardList
 
li {
	margin-top: 15px;
}

.oneclickCardList
 
li
:first-child {
	margin-top: 0;
}

.oneclickCardList
 
li
 
a {
	display: block;
	padding: 22px 18px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
}

.oneclickCardList
 
.cardName {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.oneclickCardList
 
.cardName
 
span {
	display: inline-block;
	height: 19px;
	padding: 0 4px;
	margin-left: 10px;
	line-height: 19px;
	vertical-align: middle;
	background: #5f77ba;
	font-size: 12px;
	font-family: "Montserrat";
	color: #fff;
}

.oneclickCardList
 
.num {
	margin-top: 5px;
	color: #222;
}

.oneclickCardList
 
.num
 
span {
	margin-right: 10px;
}

.oneclickCardList
 
li
.delegate
 
a {
	border-color: #5f77ba;
}

.oneclickCardList
 
li
.new
 
a {
	padding: 35px 0;
	border: none;
	background: #eee;
	text-align: center;
}

.oneclickCardList
 
li
.new
 
a
 
i {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 18px;
	margin-right: 7px;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	vertical-align: middle;
}

.oneclickCardList
 
li
.new
 
a
 
i
:before {
	content: "+";
	display: block;
	font-family: "Montserrat";
	font-style: normal;
}

.oneclickCardList
 
li
.new
 
a
 
span {
	vertical-align: middle;
}

.newOneclickCard
 
.notice_list {
	margin: 40px -30px -30px;
	padding: 30px 25px;
	background: #f8f8f8;
}

/* 마이페이지공통 */
#container
.mypage
.has-sub {
	padding-top: 172px;
}

#container
.mypage
.mypageMainWrap {
	padding-top: 120px;
}

.mypage
 
.footer {
	margin-top: 100px;
}

.mypage
.mgb0
 
.footer {
	margin-top: 0;
}

.mypage
 
.skinType
 
.p {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 18px;
	line-height: 26px;
	color: #222;
}

.mypage
 
.skinType
 
.myConcern
 
dl {
	overflow: hidden;
}

.mypage
 
.skinType
 
.myConcern
 
dl
 
dt {
	float: left;
	padding-left: 23px;
	box-sizing: border-box;
	margin-bottom: 20px;
	background: url("../images/product/ico_check.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
	color: #222;
}

.mypage
 
.skinType
 
.myConcern
 
dl
 
dd {
	float: right;
	width: 65px;
	height: 23px;
	margin-right: 2px;
	border-radius: 3px;
	background: #5f77ba;
	line-height: 23px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.mypage
 
.skinType
 
.myConcern
 
.noInfo {
	position: relative;
	padding-left: 22px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage
 
.skinType
 
.myConcern
 
.noInfo
:before {
	position: absolute;
	left: 0;
	top: 3px;
	content: "!";
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #222;
	border-radius: 50%;
	line-height: 14px;
	text-align: center;
	font-size: 11px;
	font-family: "Montserrat";
	color: #222;
}

.mypage
 
.skinType
 
.myConcern
 
.note {
	margin-top: 10px;
	line-height: 21px;
}

.mypage
 
.skinType
 
.reset {
	margin-top: 25px;
}

.mypage
 
.skinType
 
.recommend {
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
	color: #222;
}

.mypage
 
.skinType
 
.recommend
 
.btn {
	margin-top: 20px;
}

.mypage
 
.skinType
 
.recommend
 
.tabType2 {
	overflow-y: hidden;
	overflow-x: auto;
	margin: 0 -25px 20px;
	white-space: nowrap;
}

.mypage
 
.skinType
 
.recommend
 
.tabType2
 
li {
	display: inline-block;
	margin-left: 25px;
}

.mypage
 
.skinType
 
.recommend
 
.tabType2
 
li
:last-child {
	margin-right: 25px;
}

.mypage
 
.skinType
 
.recommend
 
.tabType2
 
li
 
a {
	position: relative;
	display: block;
	padding-bottom: 3px;
}

.mypage
 
.skinType
 
.recommend
 
.tabType2
 
li
.on
 
a {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage
 
.skinType
 
.recommend
 
.tabType2
 
li
.on
 
a
:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #222;
}

.mypage
 
.mypageBody {
	position: relative;
	padding-top: 52px;
}

.mypage
 
.pageMenu {
	background: #fff;
}

.mypage
 
.pageMenu
 
.currentPage {
	position: relative;
	display: block;
	height: 50px;
	padding: 0 25px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	line-height: 50px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.mypage
 
.pageMenu
 
.currentPage
:before {
	position: absolute;
	right: 25px;
	top: 24px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-left: -2px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.mypage
 
.pageMenu
 
.currentPage
:after {
	position: absolute;
	right: 32px;
	top: 24px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-right: -2px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.mypage
 
.pageMenu
.on
 
.currentPage
:before {
	transform: rotate(45deg);
}

.mypage
 
.pageMenu
.on
 
.currentPage
:after {
	transform: rotate(-45deg);
}

.mypage
 
.pageMenu
 
ul {
	overflow: hidden;
	display: none;
}

.mypage
 
.pageMenu
 
ul
 
li {
	border-bottom: 1px solid #dcdcdc;
}

.mypage
 
.pageMenu
 
ul
 
li
 
a {
	display: block;
	height: 45px;
	padding: 0 25px;
	background: #f8f8f8;
	line-height: 44px;
	font-size: 13px;
	color: #222;
}

.mypage
 
.pageSummary {
	padding: 40px 25px;
	background: #f8f8f8;
}

.mypage
 
.pageSummary
 
.title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #222;
}

.mypage
 
.pageSummary
 
p {
	margin-top: 6px;
	font-size: 13px;
}

.mypage
 
.secTitle {
	padding: 40px 25px 15px;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypage
 
.btnWrap
.btm {
	padding: 40px 25px 0;
}

.mypage
 
.orderSummary {
	padding: 40px 25px;
	border-bottom: 1px solid #eee;
}

.mypage
 
.orderSummary
 
dl {
	overflow: hidden;
}

.mypage
 
.orderSummary
 
dt {
	clear: both;
	float: left;
	width: 115px;
	margin-top: 10px;
	line-height: 28px;
}

.mypage
 
.orderSummary
 
dd {
	float: left;
	width: calc(100% - 
 
 115px);
	margin-top: 10px;
	line-height: 28px;
	color: #222;
}

.mypage
 
.orderSummary
 
dt
:first-of-type, .mypage
 
.orderSummary
 
dd
:first-of-type {
	margin-top: 0;
}

.mypage
 
.orderSummary
 
dd
 
.btn {
	width: 120px;
	margin: 8px 0 5px;
}

.mypage
 
.orderSummary
 
dd
 
.btn
 
a {
	color: #fff;
}

.mypage
 
.orderSummary
.type2 {
	border-bottom: none;
	background: #f8f8f8;
	text-align: left;
}

.mypage
 
.orderSummary
.type2
 
.btnWrap
 
.btn {
	margin-top: 40px;
}

.mypage
 
.orderSummary
 
.innerWrap {
	margin-top: 35px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.mypage
 
.orderSummary
 
.innerWrap
.first {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.mypage
 
.orderSummary
 
.innerWrap
 
a {
	position: relative;
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #666;
}

.mypage
 
.orderSummary
 
.innerWrap
 
a
:before {
	position: absolute;
	right: 0;
	top: 8px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-left: -2px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.mypage
 
.orderSummary
 
.innerWrap
 
a
:after {
	position: absolute;
	right: 7px;
	top: 8px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-right: -2px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.mypage
 
.orderSummary
 
.innerWrap
.folding
 
dl {
	display: none;
}

.mypage
 
.orderSummary
 
.innerWrap
.isVisible
 
dl {
	display: block;
	margin-top: 30px;
}

.mypage
 
.orderSummary
 
.innerWrap
.isVisible
 
a
:before {
	transform: rotate(45deg);
}

.mypage
 
.orderSummary
 
.innerWrap
.isVisible
 
a
:after {
	transform: rotate(-45deg);
}

/* 마이페이지 - 개인정보 수정*/
.mypage
 
.infoModifyGate
 
h3
.title {
	padding-bottom: 12px;
	margin-bottom: 30px;
	font-size: 16px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	border-bottom: 1px solid #222;
}

.mypage
 
.infoModifyGate
 
.title_type {
	margin-top: 60px;
}

.mypage
 
.infoModifyGate
 
ul
 
li
 
strong {
	display: block;
	margin-top: 20px;
	font-size: 14px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.mypage
 
.infoModifyGate
 
ul
 
li
.phone_num {
	position: relative;
}

.mypage
 
.infoModifyGate
 
ul
 
li
.phone_num
 
.btn {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100%/ 3 - 
 
 10px);
	height: 35px;
}

.mypage
 
.infoModifyGate
 
ul
 
li
.phone_num
 
.btn
 
a {
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}

.mypage
 
.infoModifyGate
 
ul
 
li
.phone_num
 
.inputText
 
input {
	margin-top: 25px;
}

.mypage
 
.infoModifyGate
 
.inputText
 
input {
	margin-top: 15px;
}

.mypage
 
.infoModifyGate
 
.inputText
.type1
 
input {
	width: calc(100%/ 3 - 
 
 10px);
}

.mypage
 
.infoModifyGate
 
.inputText
 
.desc {
	display: inline-block;
	width: 8px;
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
}

.mypage
 
.infoModifyGate
 
.add_info
 
.inputText {
	margin-top: 15px;
}

.mypage
 
.infoModifyGate
 
.add_info
 
.inputText
 
.type2 {
	width: calc(100% - 
 
 29% - 
 
 10px);
}

.mypage
 
.infoModifyGate
 
.add_info
 
.inputText
 
.btn {
	width: 29%;
	margin-left: 6px;
}

.mypage
 
.infoModifyGate
 
.add_info
 
.inputText
 
.btn
 
a {
	height: 40px;
	line-height: 38px;
}

.mypage
 
.infoModifyGate
 
.add_info
 
.inputText
 
input {
	margin-top: 8px;
}

.mypage
 
.infoModifyGate
 
.add_info
 
.inputText
 
input
:first-child {
	margin-top: 0;
}

.mypage
 
.infoModifyGate
 
.add_info
 
.inputWrap {
	margin-top: 15px;
}

.mypage
 
.infoModifyGate
 
.add_info
 
.inputWrap
 
label {
	color: #222;
}

.mypage
 
.infoModifyGate
 
.add_info
 
.txt1 {
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
	color: #888;
}

.mypage
 
.infoModifyGate
 
.email_check
 
h3
.title {
	margin-bottom: 15px;
}

.mypage
 
.infoModifyGate
 
.email_check
 
th {
	padding: 10px 0;
	color: #222;
	font-weight: 500;
	vertical-align: top;
	line-height: 1.2;
	text-align: left;
	font-size: 13px;
}

.mypage
 
.infoModifyGate
 
.email_check
 
td
 
label {
	margin: 0 12px 0 5px;
	font-size: 13px;
	color: #222;
	vertical-align: middle;
	line-height: 20px;
}

.mypage
 
.infoModifyGate
 
.btnwrap {
	margin-top: 35px;
	text-align: center;
}

.mypage
 
.infoModifyGate
 
.btnwrap
 
.btn {
	width: 100%;
}

.mypage
 
.infoModifyGate
 
.btnwrap
 
.btn
 
a {
	color: #fff;
	background: #222;
}

#privacyPopup
 
.sub_tit {
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

#privacyPopup
 
.input_wrap
 
.select
 
input, #privacyPopup
 
.input_wrap
 
.select
 
select {
	width: calc(100%/ 3 - 
 
 10px);
}

#privacyPopup
 
.input_wrap
 
.desc {
	display: inline-block;
	width: 8px;
	text-align: center;
	vertical-align: middle;
}

#privacyPopup
 
.btnwrap
 
.btn {
	width: 100%;
	margin-top: 10px;
}

#privacyPopup
 
.btnwrap
 
.btn
 
a {
	color: #fff;
	background: #222;
}

#privacyPopup
 
.tit_type {
	margin-top: 25px;
}

#privacyPopup
 
.bottom_txt {
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
	color: #222;
}

.mypage
 
.changePhone
 
.btnwrap
.type1 {
	margin-top: 40px;
}

.privacyPopup
.mypage_popup
 
.desc {
	padding-bottom: 20px;
}

.privacyPopup
.mypage_popup
 
.desc
 
.txt1 {
	font-size: 12px;
	line-height: 23px;
	color: #666;
}

.privacyPopup
.mypage_popup
 
.desc01 {
	border-bottom: 1px solid #eee;
}

.privacyPopup
.mypage_popup
 
.desc01
 
.txt1
:last-child {
	margin-top: 6px;
}

.privacyPopup
.mypage_popup
 
.desc
:first-of-type {
	margin-bottom: 20px;
}

.privacyPopup
.mypage_popup
 
.desc
 
.txt_list
 
li {
	margin-bottom: 10px;
	padding-left: 8px;
	text-indent: -8px;
	font-size: 12px;
	line-height: 23px;
}

.privacyPopup
.mypage_popup
 
.desc
 
.txt_list
 
li
:last-child {
	margin-bottom: 0;
}

.privacyPopup
.mypage_popup
 
.desc
 
.txt_list
 
li
:before {
	display: inline-block;
	content: "";
	width: 3px;
	height: 3px;
	background: #888;
	vertical-align: middle;
	margin-bottom: 3px;
	margin-right: 4px;
}

.privacyPopup
.mypage_popup
 
.table_wrap {
	text-align: center;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #dcdcdc;
}

.privacyPopup
.mypage_popup
 
table
 
th {
	height: 65px;
	font-size: 12px;
	line-height: 23px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.privacyPopup
.mypage_popup
 
table
 
tr
:last-child
 
th {
	border-bottom: 0;
}

.privacyPopup
.mypage_popup
 
table
 
tbody
 
td {
	padding: 15px 0;
	font-size: 12px;
	line-height: 23px;
	color: #666;
	border-bottom: 1px solid #eee;
}

.privacyPopup
.mypage_popup
 
table
 
tbody
 
td
:last-child {
	border-bottom: 0;
}

.privacyPopup
.mypage_popup
 
.btnWrap
.type2 {
	margin-top: 50px;
}

.privacyPopup
.mypage_popup
 
.input {
	text-align: center;
}

.privacyPopup
.mypage_popup
 
.input
 
input {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

.privacyPopup
.mypage_popup
 
.input
 
input
[type="checkbox"]
:checked+label {
	background: #222;
}

.privacyPopup
.mypage_popup
 
.input
 
label {
	font-family: 'Montserrat';
	font-weight: bold;
	background: #888;
	display: inline-block;
	height: 45px;
	line-height: 43px;
	font-size: 14px;
	color: #fff;
	width: 100%;
	padding: 0;
}

.mypage
 
.myAgree
 
.txt1 {
	font-size: 12px;
	line-height: 23px;
	color: #222;
}

.mypage
 
.myAgree
 
table {
	margin-top: 25px;
	text-align: center;
	border-top: 1px solid #222;
}

.mypage
 
.myAgree
 
table
 
th {
	padding: 20px 0;
	font-size: 12px;
	line-height: 23px;
	color: #222;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	letter-spacing: -1px;
}

.mypage
 
.myAgree
 
table
 
td {
	padding: 20px 0;
	font-size: 12px;
	line-height: 23px;
	color: #888;
	border-bottom: 1px solid #dcdcdc;
	letter-spacing: -1px;
}

.layer_staff_service
 
.con {
	padding-top: 20px;
}

.layer_staff_service
 
.con
 
.tit {
	display: block;
	font-size: 18px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.layer_staff_service
 
.con
 
.info {
	margin: 30px 0;
}

.layer_staff_service
 
.con
 
.inputText {
	margin-top: 15px;
}

.layer_staff_service
 
.con
 
.inputText
 
sup {
	vertical-align: middle;
}

.layer_staff_service
 
.con
 
.inputText
 
.error {
	font-size: 10px;
}

.layer_staff_service
 
.con
 
.txt1 {
	text-align: center;
	line-height: 1.6;
}

.layer_staff_service
 
.btnWrap
.type
 
li {
	float: none;
	margin: 0 auto;
}

.layer_staff_service
 
.layerGround {
	background: 0;
}

.layer_staff_service
 
.layerBody {
	background: #fff;
}

/* 마이페이지메인 */
.mypageMain
 
.gradeSummary {
	padding: 25px 25px 35px;
	background: #eee;
	text-align: center;
}

.mypageMain
 
.gradeSummary
 
.grade {
	display: inline-block;
	width: 70px;
	padding: 15px;
	border-radius: 50%;
	background: #fff;
}

.mypageMain
 
.gradeSummary
 
.grade
.md {
	width: 100px;
	padding: 0;
}

.mypageMain
 
.gradeSummary
 
.grade
 
img {
	width: 100%;
}

.mypageMain
 
.gradeSummary
 
h2 {
	margin: 25px 0 20px;
	font-size: 13px;
}

.mypageMain
 
.gradeSummary
 
h2
 
span {
	display: block;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypageMain
 
.gradeSummary
 
h2
 
em {
	color: #5f77ba;
}

.mypageMain
 
.gradeSummary
 
.link {
	display: inline-block;
	padding-right: 16px;
	margin: 0 9px;
	background: url("../images/common/arr_right_bk2.png") no-repeat 100% 5px;
	-webkit-background-size: 7px;
	background-size: 7px;
	color: #222;
}

.mypageMain
 
.skinType {
	padding: 40px 25px;
}

.mypageMain
 
.skinType
 
.myConcern
 
dl
 
dt {
	width: 100%;
}

.mypageMain
 
.skinType
 
.myConcern
 
dl
 
dd {
	float: left;
}

.mypageMain
 
.point_stat
 
a {
	display: block;
	width: 100%;
	padding: 27px 0;
	border-top: 1px solid #eee;
}

.mypageMain
 
.point_stat
 
a
:first-of-type {
	border-top: none;
}

.mypageMain
 
.point_stat
 
dl {
	padding: 0 25px;
	color: #666;
}

.mypageMain
 
.point_stat
 
dl
:after {
	content: "";
	display: block;
	clear: both;
}

.mypageMain
 
.point_stat
 
dl
 
dt {
	position: relative;
	float: left;
	padding-left: 26px;
	min-height: 20px;
}

.mypageMain
 
.point_stat
 
dl
 
dt
:before {
	position: absolute;
	left: 0;
	top: 1px;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../images/mypage/ico_point_stat.png") no-repeat;
	-webkit-background-size: 70px;
	background-size: 70px;
}

.mypageMain
 
.point_stat
 
a
:nth-of-type
(
1
)
 
dl
 
dt
:before {
	background-position: 0 0;
}

.mypageMain
 
.point_stat
 
a
:nth-of-type
(
2
)
 
dl
 
dt
:before {
	background-position: -25px 0;
}

.mypageMain
 
.point_stat
 
a
:nth-of-type
(
3
)
 
dl
 
dt
:before {
	background-position: -50px 0;
}

.mypageMain
 
.point_stat
 
dl
 
dd {
	float: right;
}

.mypageMain
 
.point_stat
 
dl
 
dd
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 19px;
	color: #5f77ba;
}

.mypageMain
 
.order_process {
	padding: 40px 25px;
}

.mypageMain
 
.order_process
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypageMain
 
.order_process
 
.tit
 
span {
	margin-left: 10px;
	font-family: "Montserrat";
	font-size: 13px;
	color: #666;
}

.mypageMain
 
.order_process
 
.process {
	max-width: 480px;
	margin: 40px auto 24px;
}

.mypageMain
 
.order_process
 
.process
:after {
	content: "";
	display: block;
	clear: both;
}

.mypageMain
 
.order_process
 
.process
 
li {
	float: left;
	position: relative;
	width: 33.33333%;
	margin-bottom: 16px;
	text-align: center;
	font-size: 13px;
}

.mypageMain
 
.order_process
 
.process
 
li
:after {
	position: absolute;
	right: -4px;
	top: 9px;
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	background: url("../images/common/arr_right_gr4.png") no-repeat;
	-webkit-background-size: 7px;
	background-size: 7px;
}

.mypageMain
 
.order_process
 
.process
 
li
:nth-of-type
(
3n
)
:after {
	display: none;
}

.mypageMain
 
.order_process
 
.process
 
li
 
span {
	display: block;
	margin-bottom: 5px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 25px;
}

.mypageMain
 
.order_process
 
.process
 
li
.ing
 
span {
	color: #5f77ba;
}

.mypageMain
 
.recentlyOrder {
	padding: 40px 25px;
}

.mypageMain
 
.recentlyOrder
 
.tit {
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypageMain
 
.recentlyOrder
 
.noData {
	padding-top: 20px;
	padding-bottom: 20px;
}

.mypageMain
 
.administrationMenu
 
a {
	position: relative;
	display: block;
	height: 70px;
	padding: 0 25px;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	line-height: 70px;
}

.mypageMain
 
.administrationMenu
 
ul {
	overflow: hidden;
}

.mypageMain
 
.administrationMenu>ul>li>a {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypageMain
 
.administrationMenu>ul>li>a
:after {
	position: absolute;
	right: 25px;
	top: 29px;
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	background: url("../images/common/arr_right_bk3.png") no-repeat;
	-webkit-background-size: 7px;
	background-size: 7px;
}

.mypageMain
 
.administrationMenu>ul>li>ul>li {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.mypageMain
 
.administrationMenu>ul>li>ul>li
:nth-of-type
(
2n
) {
	border-left: 1px solid #eee;
}

.mypageMain

  
.administrationMenu>ul>li>ul>li
:nth-of-type
(
odd
)
:last-child {
	width: 100%;
}

.mypageMain
 
.administrationMenu>ul>li>ul>li
 
a {
	font-size: 15px;
	color: #222;
}

.mypage
 
.confirmPw {
	padding: 0 25px;
}

.mypage
 
.confirmPw
 
.pageTitle {
	padding: 40px 0;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.mypage
 
.confirmPw
 
.message {
	margin-bottom: 40px;
	line-height: 24px;
	color: #666;
}

.mypage
 
.confirmPw
 
.btn {
	margin-top: 30px;
}

.mypage
 
.infoModifyGate
 
.area {
	padding: 40px 25px 50px;
}

.mypage
 
.infoModifyGate
 
.area
:last-child {
	padding-bottom: 0;
}

.mypage
 
.infoModifyGate
 
.area
 
.t {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypage
 
.infoModifyGate
 
.area
 
.note {
	margin: 10px 0 20px;
	font-size: 13px;
	line-height: 23px;
	color: #222;
}

.mypage
 
.infoModifyGate
 
.area
 
.clear_txt {
	margin-bottom: 20px;
	font-size: 12px;
	color: #5f77ba;
}

.mypage
 
.infoModifyGate
 
.area
 
sup {
	vertical-align: middle;
}

.mypage
 
.leaveAestura {
	padding: 0 25px;
}

.mypage
 
.leaveAestura
 
.pageTitle {
	padding: 40px 0;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.mypage
 
.leaveAestura
 
.note {
	margin-bottom: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.mypage
 
.leaveAestura
 
.agree {
	margin-top: 40px;
	padding: 30px 15px;
	background: #f8f8f8;
}

.mypage
 
.leaveAestura
 
.agree
 
label {
	color: #222;
}

.mypage
 
.leaveAestura
 
.btn {
	margin-top: 40px;
}

.mypage
 
.infoModify
 
.userInputArea {
	padding: 0 25px;
	margin-top: 45px;
}

.mypage
 
.infoModify
 
.userInputArea
 
.btnWrap {
	margin-top: 40px;
}

.mypage
 
.infoModify
 
.subscribe
 
.inputWrapList {
	margin-top: 20px;
}

.mypage
 
.infoModify
 
.area_leave {
	margin-top: 45px;
	padding: 40px 25px 0;
	border-top: 1px solid #222;
}

.mypage
 
.infoModify
 
.area_leave
 
p {
	margin-bottom: 25px;
	line-height: 24px;
	color: #222;
}

.mbrWithdraw
 
.userInputArea {
	margin-top: 40px;
}

.mbrWithdraw
 
.agree {
	margin-top: 40px;
	padding: 30px 15px;
	background: #f8f8f8;
}

.mbrWithdraw
 
.agree
 
label {
	color: #222;
}

.mbrWithdraw
 
.btnWrap {
	margin-top: 40px;
}

.mypage
 
.skinConcern {
	padding: 40px 25px 0;
}

.mypage
 
.skinConcern
 
.skinType {
	padding-bottom: 40px;
}

.mypage
 
.skinConcern
 
.typeReg
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.mypage
 
.skinConcern
 
.typeReg
 
.tit2 {
	margin: 30px 0 20px;
	font-size: 13px;
}

.mypage
 
.skinConcern
 
.typeReg
 
.tit2
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.mypage
 
.skinConcern
 
.typeReg
 
ul {
	overflow: hidden;
	max-width: 480px;
	margin: 0 auto;
}

.mypage
 
.skinConcern
 
.typeReg
 
ul
 
li {
	float: left;
	width: 33.33333%;
	margin-top: 8px;
	box-sizing: border-box;
}

.mypage
 
.skinConcern
 
.typeReg
 
ul
 
li
:nth-of-type
(
3n-2
) {
	padding-right: 4px;
}

.mypage
 
.skinConcern
 
.typeReg
 
ul
 
li
:nth-of-type
(
3n-1
) {
	padding: 0 2px;
}

.mypage
 
.skinConcern
 
.typeReg
 
ul
 
li
:nth-of-type
(
3n
) {
	padding-left: 4px;
}

.mypage
 
.skinConcern
 
.typeReg
 
ul
 
li
:nth-of-type
(
1
), .mypage
 
.skinConcern
 
.typeReg
 
ul
 
li
:nth-of-type
(
2
), .mypage
 
.skinConcern
 
.typeReg
 
ul
 
li
:nth-of-type
(
3
) {
	margin-top: 0;
}

.mypage
 
.skinConcern
 
.typeReg
 
ul
 
li
 
label {
	display: block;
	width: 100%;
	height: 65px;
	border-radius: 4px;
	background: #dcdcdc;
	text-align: center;
	line-height: 65px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.mypage
 
.skinConcern
 
.typeReg
 
ul
 
li
 
input
:checked+label {
	background: #5f77ba;
}

.mypage
 
.skinConcern
 
.agree {
	margin: 25px 0 50px;
}

.deliveryInfoMng
 
.list>ul>li {
	position: relative;
	padding: 30px 0;
	border-top: 1px solid #dcdcdc;
}

.deliveryInfoMng
 
.list>ul>li
:first-child {
	padding-top: 0;
	border-top: none;
}

.deliveryInfoMng
 
.list>ul>li
:last-child {
	padding-bottom: 0;
}

.deliveryInfoMng
 
.list
 
li
 
input
[type="radio"] {
	position: absolute;
	left: 0;
	top: 34px;
}

.deliveryInfoMng
 
.list>ul>li
:first-child
 
input
[type="radio"] {
	position: absolute;
	left: 0;
	top: 4px;
}

.deliveryInfoMng
 
.list
 
li
 
.name {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
	word-wrap: break-word;
}

.deliveryInfoMng
 
.list
 
li
 
.name
 
.default {
	display: inline-block;
	height: 19px;
	padding: 0 4px;
	margin-left: 15px;
	background: #5f77ba;
	line-height: 19px;
	font-family: "Montserrat";
	font-size: 12px;
	color: #fff;
}

.deliveryInfoMng
 
.list
 
li
 
.recipient {
	margin: 10px 0;
	font-size: 0;
}

.deliveryInfoMng
 
.list
 
li
 
.recipient
 
span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #222;
}

.deliveryInfoMng
 
.list
 
li
 
.recipient
 
span
:first-child {
	position: relative;
	padding-right: 10px;
	margin-right: 10px;
	display: block;
	word-wrap: break-word;
}

.deliveryInfoMng
 
.list
 
li
 
.recipient
 
span
:first-child
:after {
	position: absolute;
	right: 0;
	top: 6px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #dcdcdc;
}

.deliveryInfoMng
 
.list
 
li
 
.add {
	line-height: 23px;
}

.deliveryInfoMng
 
.list
 
li
 
.add
 
span {
	color: #222;
	word-wrap: break-word;
}

.deliveryInfoMng
 
.list
 
li
 
.btnWrap {
	margin-top: 25px;
}

.deliveryInfoMng
 
.new {
	margin-top: 40px;
}

.deliveryInfoMng
 
.noData+.new {
	margin-top: 0;
}

.mypage
 
.deliveryInfoMng
 
.list {
	padding: 40px 25px 30px;
	border-bottom: 1px solid #dcdcdc;
}

.mypage
 
.deliveryInfoMng
 
.list>ul>li {
	padding: 30px 0;
}

.mypage
 
.deliveryInfoMng
 
.list>ul>li
:first-child {
	padding-top: 0;
}

.mypage
 
.deliveryInfoMng
 
.list>ul>li
:last-child {
	padding-bottom: 0;
}

.mypage
 
.deliveryInfoMng
 
.new {
	margin-top: 0;
	padding: 35px 25px 0;
}

.mypage
 
.deliveryInfoMng
 
.noData+.new {
	padding-top: 0;
}

.layerPopup
 
.deliveryInfoMng
 
.list {
	padding: 0 0 30px 0;
}

.layerPopup
 
.deliveryInfoMng
 
.list>ul>li {
	padding-left: 30px;
}

.layerPopup
 
.deliveryInfoMng
 
.viewMore {
	padding: 0;
	margin-bottom: 30px;
}

.layerPopup
 
.deliveryInfoMng
 
.new {
	padding: 0;
	margin-top: 30px;
}

.mypage
 
.oneclickCard
 
.cardList {
	padding: 45px 0;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item {
	position: relative;
	width: 100%;
	min-width: 190px;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	color: #222;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
.new {
	padding: 0 45px;
	background: none;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
.new
 
a {
	display: block;
	width: 100%;
	height: 175px;
	border-radius: 8px;
	background: #5f77ba;
	color: #fff;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
.new
 
a
 
i {
	position: relative;
	display: block;
	width: 46px;
	height: 30px;
	margin: 0 auto 12px;
	border-radius: 4px;
	background: #fff;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
.new
 
a
 
i
:before {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	display: block;
	width: 2px;
	height: 14px;
	margin: -7px 0 0 -1px;
	background: #5f77ba;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
.new
 
a
 
i
:after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	display: block;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #5f77ba;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
 
.transformed {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
 
.inner {
	width: 100%;
	height: 175px;
	padding: 0 40px;
	border-radius: 8px;
	box-sizing: border-box;
	background: #eee;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
 
.default {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 22px;
	padding: 0 4px;
	border-radius: 2px;
	background: #5f77ba;
	line-height: 22px;
	font-size: 13px;
	color: #fff;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
 
.name {
	padding-top: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
 
.num {
	margin: 8px 0 20px;
	font-size: 16px;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
 
.btnWrap
 
li
 
a {
	background: none;
}

.mypage
 
.oneclickCard
 
.cardList
 
.item
.new
.slick-slide {
	padding: 0 10px;
}

.mypage
 
.oneclickCard
 
.notice_list {
	margin: 0 25px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.mypage
 
.orderSort {
	padding: 30px 25px;
	border-bottom: 1px solid #222;
}

.mypage
 
.orderSort
 
.period {
	overflow: hidden;
	padding-top: 1px;
}

.mypage
 
.orderSort
 
.period
 
li {
	position: relative;
	float: left;
	width: 33.33333%;
	margin: -1px 0 0 -1px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.mypage
 
.orderSort
 
.period
 
li
:nth-of-type
(
3n-2
) {
	margin-left: 0;
}

.mypage
 
.orderSort
 
.period
 
li
 
a {
	display: block;
	width: 100%;
	height: 38px;
	text-align: center;
	line-height: 38px;
}

.mypage
 
.orderSort
 
.period
 
li
.on {
	position: relative;
	z-index: 1;
	border-color: #222;
}

.mypage
 
.orderSort
 
.period
 
li
.on
 
a {
	color: #222;
}

.mypage
 
.orderSort
 
.date_select {
	margin-top: 15px;
}

.mypage
 
.orderSort
 
.inputHasBtn3 {
	margin-top: 25px;
}

.mypage
 
.myOrderList
 
.viewMore {
	margin-bottom: 50px;
}

.mypage
 
.infoList4 {
	padding: 40px 25px;
	background: #f8f8f8;
}

.mypage
 
.orderList
 
.list>li {
	position: relative;
	padding: 25px;
	border-bottom: 1px solid #eee;
}

.mypage
 
.orderList
 
.list>li
:last-child {
	border-color: #222;
}

.mypage
 
.orderList
 
.odrNum {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #5f77ba;
}

.mypage
 
.orderList
 
.odrDate {
	position: absolute;
	right: 25px;
	top: 28px;
	font-size: 13px;
}

.mypage
 
.orderList
 
.odrDate
:first-of-type {
	position: relative;
	right: auto;
	top: auto;
}

.mypage
 
.orderList
 
.odrPdt {
	margin: 15px 0 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage
 
.orderList
 
.odrPdt
 
span {
	color: #5f77ba;
}

.mypage
 
.orderList
 
.odrQty {
	font-size: 13px;
}

.mypage
 
.orderList
 
.odrQty
 
span {
	margin-right: 15px;
}

.mypage
 
.orderList
 
.odrPeriod {
	margin-top: 7px;
	font-size: 13px;
}

.mypage
 
.orderList
 
.odrState {
	margin-top: 15px;
	color: #222;
}

.mypage
 
.orderList
 
.btnWrap {
	margin-top: 20px;
}

.purchaseConfirm
 
.p1 {
	margin: 0 -30px;
	padding: 0 30px 30px;
	border-bottom: 1px solid #222;
	line-height: 24px;
	color: #222;
}

.purchaseConfirm
 
.p1
 
span {
	color: #5f77ba;
}

.purchaseConfirm
 
.list>li {
	margin-top: 35px;
}

.purchaseConfirm
 
.list>li
 
p {
	margin-bottom: 20px;
	color: #222;
}

.purchaseConfirm
 
.viewMore {
	margin: 35px -55px 0;
	padding: 35px 55px 10px;
	border-top: 1px solid #eee;
}

.mypage
 
.regular_delay
 
dl {
	margin: 0 25px;
	padding: 30px 0;
	border-top: 1px solid #eee;
}

.mypage
 
.regular_delay
 
dl
:first-of-type {
	padding-top: 40px;
	border-top: none;
}

.mypage
 
.regular_delay
 
dl
:last-of-type {
	padding-bottom: 40px;
}

.mypage
 
.regular_delay
 
dl
 
dt {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage
 
.regular_delay
 
dl
 
dd {
	margin-top: 15px;
	color: #222;
}

.mypage
 
.regular_delay
 
dl
 
dd
 
span {
	display: block;
	margin-top: 8px;
	color: #5f77ba;
}

.mypage
 
.regular_delay
 
.note {
	padding: 20px 0 0 40px;
	border-top: 1px solid #dcdcdc;
	font-size: 12px;
	line-height: 23px;
	text-indent: -15px;
}

.mypage
 
.regular_delay
 
.btnWrap {
	padding: 35px 25px 0;
}

.mypage
 
.pointState {
	overflow: hidden;
	padding: 35px 25px;
	background: #eee;
}

.mypage
 
.pointState
 
.cell {
	position: relative;
	float: left;
	color: #222;
}

.mypage
 
.pointState
 
.cell
 
em {
	font-size: 12px;
}

.mypage
 
.pointState
 
.cell
 
strong {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
}

.mypage
 
.pointState
 
.cell2 {
	padding-left: 40px;
}

.mypage
 
.pointState
 
.cell2
:before {
	position: absolute;
	left: 15px;
	top: 30px;
	content: "";
	display: block;
	width: 9px;
	height: 3px;
	background: #222;
}

.mypage
 
.pointState
 
.cell2
.clean
:before {
	display: none;
}

.mypage
 
.pointState
 
.cell3 {
	width: 100%;
	margin-top: 20px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.mypage
 
.pointState
 
.cell3
 
em {
	font-size: 15px;
}

.mypage
 
.pointState
 
.cell3
 
strong {
	float: right;
	margin-top: -5px;
	font-size: 25px;
}
/* 20241205 추가 */
.mypage
 
.pointState
.type2
 
.cell3
.topLine {
	margin-top: 0;
	padding-top: 0;
	border: none;
}
/* //20241205 추가 */
.mypage
 
.myCoupon
 
.regCp {
	padding: 30px 25px;
	background: #f8f8f8;
}

.mypage
 
.myCoupon
 
.regCp
 
.tit {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage
 
.myCoupon
 
.regCp
 
.inputText {
	margin: 15px 0 10px;
}

.mypage
 
.myCoupon
 
.couponList {
	padding: 35px 25px;
}

.mypage
 
.myCoupon
 
.couponList
 
.item {
	position: relative;
	padding: 30px 20px;
	margin-top: 20px;
	border: 1px solid #dcdcdc;
	border-right: 10px solid #5f77ba;
	border-radius: 10px;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
:first-child {
	margin-top: 0;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
.name {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
.dcRate {
	position: absolute;
	right: 20px;
	top: 25px;
	color: #5f77ba;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
.dcRate
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
.summary {
	margin-top: 6px;
	font-size: 11px;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
dl {
	overflow: hidden;
	font-size: 12px;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
dl
 
dt {
	position: relative;
	clear: both;
	float: left;
	margin-top: 12px;
	padding-right: 15px;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
dl
 
dt
:after {
	position: absolute;
	right: 7px;
	top: 5px;
	content: "";
	display: block;
	width: 1px;
	height: 9px;
	background: #dcdcdc;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
dl
 
dd {
	float: left;
	margin-top: 12px;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
dl
 
dd
:last-of-type {
	color: #222;
}

.mypage
 
.myCoupon
 
.couponList
 
.item
 
.cpInfo {
	position: absolute;
	right: 20px;
	bottom: 29px;
	height: 17px;
	padding: 0 5px;
	border: 1px solid #dcdcdc;
	background: #eee;
	line-height: 17px;
	font-size: 12px;
}

.mypage
 
.myCoupon
 
.viewMore {
	margin-top: 0;
	padding-top: 35px;
	border-top: 1px solid #dcdcdc;
}

.mypage
 
.counsel
 
.new {
	padding: 35px 30px 30px 30px;
	border-bottom: 1px solid #dcdcdc;
}

.mypage
 
.counsel
 
.orderSort {
	border-bottom: none;
}

.mypage
 
.counsel
 
.totalCount {
	padding: 0 25px 15px;
	border-bottom: 1px solid #222;
	color: #222;
}

.mypage
 
.counsel
 
.counselList
 
li {
	border-top: 1px solid #eee;
}

.mypage
 
.counsel
 
.counselList
 
li
:first-of-type {
	border-top: none;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a {
	position: relative;
	display: block;
	padding: 25px 55px 25px 25px;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a
:before {
	position: absolute;
	right: 25px;
	top: 50%;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-top: -3px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a
:after {
	position: absolute;
	right: 30px;
	top: 50%;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-top: -3px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a
 
.info {
	overflow: hidden;
	font-size: 13px;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a
 
.info
 
span {
	position: relative;
	float: left;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a
 
.info
 
span
:first-child {
	padding-right: 20px;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a
 
.info
 
span
:first-child
:before {
	position: absolute;
	right: 10px;
	top: 5px;
	content: "";
	display: block;
	width: 1px;
	height: 10px;
	background: #dcdcdc;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a
 
.qTitle {
	margin: 10px 0;
	font-size: 14px;
	color: #222;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a
 
.flag {
	display: inline-block;
	height: 19px;
	padding: 0 5px;
	line-height: 19px;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	color: #dcdcdc;
}

.mypage
 
.counsel
 
.counselList
 
li
 
a
 
.flag
.solved {
	border-color: #5f77ba;
	color: #5f77ba;
}

.mypage
 
.counsel
 
.counselList
 
li
 
.cont {
	display: none;
	background: #f8f8f8;
	word-break: break-all;
}

.mypage
 
.counsel
 
.counselList
 
li
 
.cont
 
.q {
	padding: 40px 25px;
	line-height: 24px;
	color: #666;
}

.mypage
 
.counsel
 
.counselList
 
li
 
.cont
 
.a {
	padding: 0 25px 40px !important;
	color: #5f77ba;
	line-height: 24px;
}

.mypage
 
.counsel
 
.counselList
 
li
 
.cont
 
p {
	padding: 0 25px;
}

.mypage
 
.counsel
 
.counselList
 
li
.on {
	position: relative;
	z-index: 1;
	margin-bottom: -1px;
}

.mypage
 
.counsel
 
.counselList
 
li
:last-child
.on {
	margin-bottom: 0;
}

.mypage
 
.counsel
 
.counselList
 
li
.on
 
a
:before {
	transform: rotate(45deg);
}

.mypage
 
.counsel
 
.counselList
 
li
.on
 
a
:after {
	transform: rotate(-45deg);
}

.mypage
 
.counsel
 
.viewMore {
	margin-top: 0;
	padding-top: 40px;
	border-top: 1px solid #222;
}

.mypage
 
.order
 
.pdtGift
 
.formPanel {
	margin-top: 0;
}

.mypage
 
.order
 
.pdtGift
 
.formPanel
 
.notice_list {
	margin-top: 0;
	padding-top: 15px;
	border-top: 1px solid #dcdcdc;
}

.mypage
 
.order
 
.shipping
 
.formPanel {
	margin-top: 0;
}

.mypage
 
.order
 
.amount2 {
	padding: 40px 0;
}

.mypage
 
.order
 
.amount2
.isVisible {
	padding-bottom: 0;
}

.mypage
 
.order
 
.amount2
 
.formTitle {
	padding: 0 25px;
}

.mypage
 
.order
 
.amount2
 
dl {
	overflow: hidden;
	padding: 25px 25px;
	border-top: 1px solid #eee;
}

.mypage
 
.order
 
.amount2
 
dl
:first-of-type {
	padding-top: 0;
	border-top: none;
}

.mypage
 
.order
 
.amount2
 
dl
 
dt {
	clear: both;
	float: left;
	width: 50%;
	margin-top: 25px;
	line-height: 16px;
}

.mypage
 
.order
 
.amount2
 
dl
 
dd {
	float: right;
	width: 50%;
	margin-top: 25px;
	text-align: right;
	line-height: 16px;
}

.mypage
 
.order
 
.amount2
 
dl
 
dd
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
}

.mypage
 
.order
 
.amount2
 
dl
 
dt
:first-of-type, .mypage
 
.order
 
.amount2
 
dl
 
dd
:first-of-type {
	margin-top: 0;
}

.privacyPolicy {
	position: relative;
	padding: 0 25px;
	margin-top: 45px;
}

.privacyPolicy
 
.sectionLine {
	margin: 0 -25px;
}

.privacyPolicy
 
.trigger {
	position: absolute;
	right: 20px;
	top: 35px;
	width: 25px;
	height: 25px;
}

.privacyPolicy
 
.trigger
:before {
	position: absolute;
	right: 4px;
	top: 12px;
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background: #888;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.privacyPolicy
 
.trigger
:after {
	position: absolute;
	right: 11px;
	top: 12px;
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background: #888;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.privacyPolicy
.on
 
.trigger
:before {
	transform: rotate(45deg);
}

.privacyPolicy
.on
 
.trigger
:after {
	transform: rotate(-45deg);
}

.privacyPolicy
 
.inputWrap {
	margin: 25px 0 25px;
	padding-right: 25px;
}

.privacyPolicy
 
.inputWrap
 
label {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.privacyPolicy
 
.terms
 
.tbl {
	margin: 25px 0 40px;
}

.privacyPolicy
 
.terms
 
.tbl
 
table
 
th, .mypage
 
.privacyPolicy
 
.terms
 
.tbl
 
table
 
td {
	text-align: left;
	vertical-align: top;
}

.privacyPolicy
 
.terms
 
.tbl
 
table
 
th {
	padding: 9px 12px;
}

.privacyPolicy
 
.cont {
	display: none;
	font-size: 12px;
	line-height: 23px;
}

.privacyPolicy
 
.cont
 
.infoList4 {
	padding: 0;
	margin: 10px 0;
	background: none;
}

.layerPopup
 
.privacyPolicy {
	margin-top: 0;
	padding: 0;
}

.layerPopup
 
.privacyPolicy
 
.cont {
	display: block;
}

.layerPopup
 
.privacyPolicy
 
.cont
 
.terms
 
.tbl
 
table
 
tbody
 
td {
	vertical-align: top;
	text-align: left;
}

.mypage
 
.sns_link_info {
	padding: 0 25px;
	text-align: center;
}

.mypage
 
.sns_link_info
 
.list
 
.img_wrap {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

.mypage
 
.sns_link_info
 
.list
 
li {
	padding: 35px 0 30px 0;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
}

.mypage
 
.sns_link_info
 
.list
 
li
:last-child {
	border-bottom: 0;
}

.mypage
 
.sns_link_info
 
.list
 
li
 
p {
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
}

.mypage
 
.sns_link_info
 
.list
 
li
 
p
.txt {
	color: #888;
}

.mypage
 
.sns_link_info
 
.list
 
li
 
p
.sns_info_txt {
	color: #222;
}

.mypage
 
.sns_link_info
 
.list
 
li
 
button {
	width: 100%;
	height: 45px;
	margin-top: 25px;
	line-height: 45px;
	background: #222;
	outline: 0;
}

.mypage
 
.sns_link_info
 
.list
 
li
 
button
 
span {
	font-size: 14px;
	color: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
}

.mypage
 
.sns_link_info
 
.list
 
li
 
button
 
span
:before {
	display: inline-block;
	content: "";
	position: relative;
	width: 13px;
	height: 10px;
	margin-right: 5px;
	background: url("/resources/mobile/images/mypage/check.png") no-repeat
		center top;
	background-size: cover;
}

.mypage
 
.sns_link_info
 
.list
 
li
 
button
.on {
	background: #fff;
	border: 1px solid #222;
}

.mypage
 
.sns_link_info
 
.list
 
li
 
button
.on
 
span {
	color: #222;
}

.mypage
 
.sns_link_info
 
.list
 
li
 
button
.on
 
span
:before {
	width: 11px;
	height: 11px;
	top: 0;
	background: url("/resources/mobile/images/mypage/close.png") no-repeat
		center top;
	background-size: cover;
}

@media all and (max-width: 374px) {
	.oneclickCardList .num span {
		display: block;
	}
	.mypageMain .administrationMenu a {
		padding: 0 20px 0 25px;
	}
	.mypageMain .administrationMenu>ul>li>ul>li a {
		font-size: 14px;
	}
}

/**
UTIL
**/
/* 검색결과 */
.searchResult
 
.result_tab
 
.tab {
	margin-top: 20px;
	text-align: center;
}

.searchResult
 
.result_tab
 
.tab
 
li {
	position: relative;
	display: inline-block;
	margin-left: 12px;
	padding-left: 15px;
	vertical-align: middle;
}

.searchResult
 
.result_tab
 
.tab
 
li
:first-child {
	margin-left: 0;
	padding-left: 0;
}

.searchResult
 
.result_tab
 
.tab
 
li
:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 13px;
	background: #dcdcdc;
}

.searchResult
 
.result_tab
 
.tab
 
li
:first-child
:before {
	display: none;
}

.searchResult
 
.result_tab
 
.tab
 
li
 
a {
	font-size: 14px;
	color: #888;
}

.searchResult
 
.result_tab
 
.tab
 
li
.on
 
a {
	color: #222;
}

.searchResult
 
.snbMenuTab {
	margin-top: 12px;
}

.searchResult
 
.btnWrap {
	padding: 0 15px;
	margin-bottom: 70px;
}

.searchResult
 
.blogViewList {
	border-top: none;
}

.searchResult
 
.beautyInsideList {
	margin-top: 30px;
}

.searchResult
 
.newsList {
	margin-top: 15px;
}

.searchResult
 
.contBox
 
.blogViewList {
	padding-top: 0;
}

.searchResult
 
.contBox {
	border-bottom: 1px solid #eee;
	border-top: 7px solid #f7f7f7;
}

.searchResult
 
.contBox
 
h3
.title {
	padding: 25px 12px 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #222;
}

.searchResult
 
.contents
 
.contBox
:first-of-type {
	border-top: none;
}

.searchResult
 
.contents
 
.contBox
:last-of-type {
	border-bottom: none;
}

.searchResult
 
.contents
 
.contBox
 
.blogViewList
 
li {
	padding-top: 0;
	border-top: none;
}

.searchResult
 
.contents
 
.contBox
 
.btnWrap {
	margin: 40px 0;
	padding: 0 25px;
}

.searchResult
 
.contents
 
.contBox
 
.beautyInsideList
 
li
 
.tit {
	padding-bottom: 0;
}

.searchResult
 
.contents
 
.contBox
 
.newsList
 
li
 
a {
	padding-bottom: 0;
}

/* 약관 */
.termsWrap
 
.contents {
	margin-bottom: 100px;
	padding: 0 25px;
	line-height: 23px;
	font-size: 13px;
}

.termsWrap
 
.title {
	margin-bottom: 40px;
	padding: 45px 0 30px;
	border-bottom: 2px solid #222;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.termsWrap
 
.p {
	margin-bottom: 35px;
}

.termsWrap
 
.articleList {
	margin-bottom: 35px;
}

.terms {
	line-height: 23px;
	font-size: 13px;
}

.terms>li {
	margin-bottom: 35px;
}

.terms>li
:last-child {
	margin-bottom: 0;
}

.terms
 
.article {
	margin-bottom: 12px;
	color: #222;
}

.terms
 
.paragraph>li {
	padding-left: 16px;
	text-indent: -16px;
}

.terms
 
.paragraph
 
.def {
	padding-left: 0;
	text-indent: 0;
}

.terms
 
.subparagraph
 
li {
	padding-left: 0;
	text-indent: 0;
	word-break: break-all;
}

.terms
 
.paragraph
 
.def
 
.subparagraph {
	padding-left: 0;
}

.terms
 
.clause
 
li {
	padding-left: 16px;
	text-indent: 0;
}

.terms
 
.tbl {
	margin: 30px 0 30px -17px;
}

.terms
 
.tbl
 
table
 
th, .terms
 
.tbl
 
table
 
td {
	padding: 14px 0;
	text-align: center;
	text-indent: 0;
	color: #666;
	word-break: break-all;
}

.terms
 
.tbl
 
table
 
thead
 
th {
	border-top: 1px solid #222;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	color: #222;
}

.terms
 
.tbl
 
table
 
thead
 
th
:first-child {
	border-left: none;
}

.terms
 
.tbl
 
table
 
tbody
 
th {
	border-bottom: 1px solid #dcdcdc;
}

.terms
 
.tbl
 
table
 
tbody
 
td {
	padding: 9px 12px;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.terms
 
.tbl
 
table
 
tbody
 
td
:first-child {
	border-left: none;
}

.terms
 
.tbl
.scroll
 
table
 
thead
 
th
:first-child {
	width: 110px;
}

.terms
 
.tbl
.scroll
 
table
 
thead
 
th
:nth-child
(
2
), .terms
 
.tbl
.scroll
 
table
 
thead
 
th
:nth-child
(
3
) {
	width: 30%;
}

.accordion_box {
	margin: 28px 0 40px;
	background-color: #f5f5f5;
	padding: 0 20px;
}

.accordion_box
 
.accordion_btn {
	display: block;
	position: relative;
	font-size: 15px;
	padding: 25px 0;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	color: #222;
	background: 0;
}

.accordion_box
 
.accordion_btn
 
.arrow {
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 8px;
	margin-top: -4px;
}

.accordion_box
 
.accordion_btn
 
.arrow
 
img {
	width: 100%;
	display: none;
}

.accordion_box
 
.accordion_btn
 
.arrow
 
img
.open {
	display: block;
}

.accordion_box
 
.add_list {
	display: none;
	margin-top: 15px;
	padding-bottom: 25px;
	text-align: left;
}

.accordion_box
 
.add_list
.on {
	display: block;
}

.accordion_box
 
.add_list
 
li {
	position: relative;
	margin-top: 20px;
	padding-left: 88px;
}

.accordion_box
 
.add_list
 
li
 
.add_day {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
	color: #888;
}

.accordion_box
 
.add_list
 
li
 
.add_con {
	display: inline-block;
	line-height: 1.5;
	font-size: 13px;
	color: #888;
}

.accordion_box
 
.add_list
 
li
 
a {
	text-align: left;
	color: #4c4c4c;
	font-weight: bold;
	display: block;
	width: 150px;
	height: 22px;
	margin-top: 0;
	font-size: 12px;
	line-height: 22px;
	border: none;
}

@media all and (max-width: 767px) {
	.terms .tbl.scroll {
		position: relative;
		overflow-y: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.terms .tbl.scroll table {
		table-layout: auto;
		width: 920px;
	}
	.terms .tbl.scroll table thead th {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		width: 270px;
		border-left: none;
		background: #fff;
	}
	.terms .tbl.scroll table thead th:first-child {
		width: 110px;
	}
	.terms .tbl.scroll table thead th:before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background: #dcdcdc;
	}
	.terms .tbl.scroll table thead th:first-child:before {
		display: none;
	}
	.terms .tbl.scroll table tbody td:first-child {
		border-left: 1px solid #dcdcdc;
	}
}

.mdCheckPopup
 
.txt {
	font-size: 14px;
	line-height: 24px;
	color: #222;
	text-align: center;
}

.mdCheckPopup
 
.prd_list {
	margin: 20px 0 10px 0;
	padding: 20px 0;
	border-top: 1px solid #222;
	border-bottom: 1px solid #888;
}

.mdCheckPopup
 
.prd_list
 
li {
	margin-top: 20px;
	font-size: 0;
	height: auto;
	padding: 0 12px;
}

.mdCheckPopup
 
.prd_list
 
li
:first-child {
	margin-top: 0;
}

.mdCheckPopup
 
.prd_list
 
li
:after {
	display: block;
	content: "";
	clear: both;
}

.mdCheckPopup
 
.prd_list
 
li
 
.prd_name {
	float: left;
	width: calc(95% - 
 
 63px);
	margin-right: 5%;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
	font-size: 14px;
	line-height: 1.4;
}

.mdCheckPopup
 
.prd_list
 
li
 
.input
.check {
	position: relative;
	float: right;
	width: 26%;
	max-width: 63px;
	text-align: right;
	height: auto;
}

.mdCheckPopup
 
.prd_list
 
li
 
.input
.check
 
label {
	width: 100%;
	height: 30px;
	padding: 0;
	background: 0;
	line-height: 28px;
	box-sizing: border-box;
	border: 1px solid #222;
	color: #222;
	font-size: 13px;
	text-align: center;
}

.mdCheckPopup
 
.prd_list
 
li
 
.input
.check
 
input
[type="checkbox"]
:checked+label {
	color: #fff;
	background: #5f77ba url("../images/common/check_icon.png") no-repeat
		10px center;
	text-indent: 20px;
	border-color: #5f77ba;
}

.mdCheckPopup
 
.layerPopup
 
.btnWrap {
	margin-top: 30px;
	padding: 0;
	font-size: 0;
}

.mdCheckPopup
 
.btn
.sizeL {
	width: calc(50% - 
 
 5px);
	font-size: 14px;
}

.mdCheckPopup
 
.btn
.sizeL
:first-child {
	margin-right: 10px;
}

.mdCheckPopup
 
.checkTxt {
	font-size: 12px;
	line-height: 20px;
	color: #ff3f3c;
	text-align: center;
	display: none;
}

.mdCheckPopup
 
.checkTxt
 
sup {
	vertical-align: middle;
}

.mdCheckPopup
 
.input
 
input {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
	-webkit-appearance: none;
}

.mdCheckPopup
 
.input
 
label {
	display: inline-block;
	height: 17px;
	padding-left: 26px;
	line-height: 17px;
	vertical-align: middle;
	font-size: 13px;
	color: #666;
}

.shopMainB
 
.contents_type1
 
.secTitle {
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.shopMainB
 
.contents_type1
:first-of-type
 
.secTitle {
	margin-top: 0;
	border-top: 0;
}

.shopMainB
 
.scrollArea
 
.pdtListType4 {
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
}

.shopMainB
 
.mCSB_scrollTools {
	margin: 0 25px;
	opacity: 1;
}

.shopMainB
 
.mCSB_inside>.mCSB_container {
	margin-right: 0;
}

.shopMainB
 
.mCS-dark-2
.mCSB_scrollTools
 
.mCSB_dragger
 
.mCSB_dragger_bar {
	height: 2px;
	margin: -1px auto 0;
	background-color: #5f77ba;
}

.shopMainB
 
.mCS-dark-2
.mCSB_scrollTools_horizontal
 
.mCSB_draggerRail {
	height: 1px;
	margin: 0 auto;
	border-radius: 0;
	background-color: #dcdcdc;
}

.shopMainB

  
.mCS-dark-2
.mCSB_scrollTools

  
.mCSB_dragger
.mCSB_dragger_onDrag

  
.mCSB_dragger_bar, .shopMainB
 
.mCS-dark-2
.mCSB_scrollTools
 
.mCSB_dragger
:active
 
.mCSB_dragger_bar {
	background-color: #5f77ba;
}

.shopMainB
 
.scrollArea
 
.pdtItem {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 50vw;
	white-space: normal;
	float: none;
}

/*닥터몰 라이브러리*/
.anchorLibrary {
	margin-top: 30px;
}

.anchorLibrary
 
.pageTitle {
	margin: 24px 0 14px;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #101010;
	word-break: break-all;
}

.anchorLibrary
 
.inner {
	padding: 0 12px;
}

.libraryList {
	margin-bottom: 40px;
}

.anchorLibrary
 
.libraryList
 
li {
	margin-top: 40px;
}

.anchorLibrary
 
.libraryList
 
li
:first-child {
	margin-top: 0;
}

.anchorLibrary
 
.libraryList
 
.thumb {
	display: block;
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 57%;
}

.anchorLibrary
 
.libraryList
 
.txt {
	margin-top: 10px;
}

.anchorLibrary
 
.libraryList
 
.txt
 
.tit {
	font-size: 15px;
	line-height: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #101010;
}

.anchorLibrary
 
.libraryList
 
.txt
 
.summary {
	padding-top: 2px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
}

.anchorLibrary
 
.libraryList
 
.txt
 
.date {
	margin-top: 24px;
	font-size: 10px;
}

.search_util {
	position: relative;
	padding: 0 12px;
}

.search_util
:after {
	display: block;
	content: "";
	clear: both;
}

.search_util
 
.libraryList_hash {
	margin-top: -4px;
	font-size: 0;
}

.search_util
 
.libraryList_hash
:after {
	display: block;
	content: "";
	clear: both;
}

.search_util
 
.input_list {
	position: relative;
	float: left;
	margin: 4px 4px 0 0;
}

.search_util
 
.input_list
:last-child {
	margin-right: 0;
}

.search_util
 
.input_list
 
label {
	display: block;
	height: 26px;
	padding: 0 10px;
	font-size: 13px;
	line-height: 24px;
	color: #5f77ba;
	border: 1px solid #5f77ba;
	box-sizing: border-box;
	border-radius: 2px;
}

.search_util
 
input
[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.search_util
 
input
[type="checkbox"]
:checked+input+label {
	background: #5f77ba;
	color: #fff;
}

.search_util
 
.libraryList_search {
	margin-top: 25px;
}

.search_util
 
.libraryList_search
:after {
	display: block;
	content: "";
	clear: both;
}

.search_util
 
.libraryList_search
 
.select {
	float: left;
	width: 90px;
	margin-right: 4px;
}

.search_util
 
.libraryList_search
 
.select
 
select {
	font-size: 12px;
}

.search_util
 
.inputText {
	display: block;
	float: left;
	position: relative;
	width: calc(100% - 
 
 ( 
 
 90px + 
 
 4px));
}

.search_util
 
.inputText
 
input {
	padding-right: 40px;
	box-sizing: border-box;
	font-size: 12px;
}

.search_util
 
.library_search_btn {
	position: absolute;
	top: 50%;
	right: 14px;
	width: 19px;
	height: 19px;
	transform: translateY(-50%);
}

.search_util
 
.library_search_btn
:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 14px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/common/btn_total_sch_bk.png) no-repeat 50% 50%;
	-webkit-background-size: 14px;
	background-size: 14px;
	font-size: 0;
	color: transparent;
	transition: all 0.3s ease-in-out;
}

.anchorLibrary_view {
	padding-top: 30px;
}

.anchorLibrary_view
 
i {
	font-style: normal;
}

.anchorLibrary_view
 
.boardView2
 
.info {
	padding: 0 12px;
	margin-top: 25px;
}

.anchorLibrary_view
 
.boardView2
 
.cont {
	margin-top: 15px;
	padding: 0 12px;
	word-break: break-all;
}

.anchorLibrary_view
 
.boardView2
 
.info
 
.date {
	margin-top: 4px;
}

.anchorLibrary_view
 
.video_wrap {
	overflow: hidden;
	position: relative;
	display: block;
	height: 0;
	padding-top: 57%;
}

.anchorLibrary_view
 
.video_wrap
 
video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.anchorLibrary_view
 
.video_wrap
 
iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.anchorLibrary_view
 
.boardView2
 
.btnWrap
.share_url {
	margin-bottom: 0;
	padding: 0 15px;
}

.anchorLibrary_view
 
.btnWrap
.type2 {
	padding-top: 40px;
}

.anchorLibrary_view
 
.btnWrap
.type2
:after {
	display: block;
	content: "";
	clear: both;
}

.anchorLibrary_view
 
.btnWrap
.type2
 
.btn {
	float: left;
	width: 100%;
}

.anchorLibrary_view
 
.btnWrap
.type2
 
.btnSnsShare {
	float: right;
	margin-top: 20px;
}

/*의사회원 로그인폼*/
.registerForm
 
#normal_lock
 
.btn
.sizeL
.style1 {
	margin-top: 10px;
}

/* aestura now list*/
.brandSec
 
.sec_tit {
	padding: 55px 0;
	text-align: center;
	border-top: 1px solid #dcdcdc;
}

.brandSec
 
.sec_tit
 
h2 {
	font-size: 21px;
	color: #000;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
}

.brandSec
 
.sec_tit
 
.txt1 {
	padding-top: 10px;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	font-family: "Montserrat";
}

.brandSec
 
.selectType1
 
select {
	height: auto;
	padding: 0 17px 0 15px;
	border: none;
	background: url("../images/common/ico_filter.png") no-repeat 0 50%;
	-webkit-background-size: 12px;
	background-size: 12px;
	vertical-align: middle;
	color: #222;
}

.brandSec
 
.newsList {
	padding-top: 25px;
}

.aesturaNow
 
.boardUtilMenu {
	padding: 0 15px 12px 15px;
	border-bottom: 1px solid #222;
}

.aesturaNow
 
.boardUtilMenu
:after {
	display: block;
	content: "";
	clear: both;
}

.aesturaNow
 
.boardUtilMenu
 
.totalCnt {
	float: left;
	font-size: 14px;
	line-height: 1.8;
	color: #222;
}

.aesturaNow
 
.boardUtilMenu
 
.selectbox {
	float: right;
}

/* keyFinding */
.keyFinding
 
.reviewSort {
	margin: 0;
}

.keyFinding
 
.itemList
 
li
 
a
 
.txt
 
.top_tit {
	margin-top: 20px;
}

.keyFinding
 
.itemList
 
li
 
a
 
.hash_txt {
	padding-top: 10px;
	font-size: 12px;
	line-height: 17px;
	color: #888;
}

.keyFindingView
 
.boardView2
 
.info
 
.top_tit {
	font-size: 20px;
	line-height: 22px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView
 
.boardView2
 
.info
 
.tit {
	padding-top: 6px;
}

.keyFindingView
 
.boardView2
 
.info
 
.hash_txt {
	padding-top: 10px;
	font-size: 12px;
	line-height: 1.8;
	color: #888;
}

.keyFindingView
 
.cont {
	word-break: break-all;
}

.keyFindingView
 
.cont
 
.view1
 
.img_wrap {
	height: 0;
	padding-top: 1368%;
	background: url("../images/brand/con1.png") no-repeat center top;
	background-size: cover;
}

.keyFindingView
 
.cont
 
.view2
 
.boardView2
 
.cont {
	padding-left: 0;
	padding-right: 0;
}

.keyFindingView
 
.cont
 
.view2
 
.sec {
	padding: 40px 10px 0 10px;
	text-align: center;
}

.keyFindingView
 
.cont
 
.view2
 
.sec_heading {
	padding-bottom: 30px;
}

.keyFindingView
 
.cont
 
.view2
 
.sec_heading
 
p {
	font-size: 12px;
	line-height: 27px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView
 
.cont
 
.view2
 
.sec_heading
 
strong {
	font-size: 18px;
	line-height: 27px;
	color: #6077ba;
	font-family: "Montserrat";
}

.keyFindingView
 
.cont
 
.view2
 
.sec_heading
 
strong
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView
 
.cont
 
.view2
 
.howto_vod {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 59%;
}

.keyFindingView
 
.cont
 
.view2
 
.videoArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.keyFindingView
 
.cont
 
.view2
 
.videoArea
 
.cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	font-size: 0;
	color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.keyFindingView
 
.cont
 
.view2
 
.videoArea
 
.cover
.stop {
	display: none;
	background: none;
}

.keyFindingView
 
.cont
 
.view2
 
.videoArea
 
video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.keyFindingView
 
.cont
 
.view2
 
.sec_txt_wrap {
	padding-top: 15px;
	text-align: left;
}

.keyFindingView
 
.cont
 
.view2
 
.sec_txt_wrap
 
em {
	font-size: 16px;
	line-height: 23px;
	color: #444;
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView
 
.cont
 
.view2
 
.sec_txt_wrap
 
em
 
span {
	color: #6077ba;
}

.keyFindingView
 
.cont
 
.view2
 
.sec_txt_wrap
 
.txt1 {
	font-size: 12px;
	color: #999;
	line-height: 21px;
}

.keyFindingView
 
.cont
 
.view2
 
.sec_txt_wrap
 
.txt1
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
}

/*about new*/
.about_aestura_new
 
.color1 {
	color: #fff;
}

.about_aestura_new
 
.color2 {
	color: #5f77ba;
}

.about_aestura_new
 
.color3 {
	color: #666;
}

.about_aestura_new
 
.color4 {
	color: #222;
}

.about_aestura_new
 
strong {
	display: block;
}

.about_aestura_new
 
em {
	font-family: 'Montserrat';
	font-weight: bold;
}
/* .about_aestura_new .text_in{z-index:10;transform:translateY(50px);transition:all 0.6s ease-in-out;opacity:0;} */
/* .about_aestura_new .text_in.on{position:relative;z-index:10;transform:translateY(0);opacity:1;} */
.about_aestura_new
 
.dim_text_in {
	z-index: 10;
	transform: translateY(50px);
	transition: all 0.6s ease-in-out;
	transition-delay: 0.6s;
	opacity: 0;
}

.about_aestura_new
 
.text_in {
	z-index: 10;
	transform: translateY(50px);
	transition: all 0.6s ease-in-out;
	opacity: 0;
}

.about_aestura_new
 
.dim
:after {
	content: "";
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(95, 119, 186, 0.5);
	transition: all 0.6s ease-out;
}

.about_aestura_new
 
.dim
.on
:after {
	opacity: 1;
}

.about_aestura_new
 
.text_in
.on {
	position: relative;
	z-index: 10;
	transform: translateY(0);
	opacity: 1;
}

.about_aestura_new
 
.dim
.on
 
.dim_text_in {
	position: relative;
	z-index: 10;
	transform: translateY(0);
	opacity: 1;
}

.about_aestura_new
 
.inner
:after {
	display: block;
	content: "";
	clear: both;
}

.about_aestura_new
 
.sticky_element {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
}

.about_aestura_new
 
.sticky_element_end {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about_aestura_new
 
.cover
.stop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.about_aestura_new
 
.num_txt {
	display: inline-block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 26px;
	line-height: 33px;
	color: #222;
	border-bottom: 1px solid #222;
	margin-bottom: 20px;
}

/* .about_aestura_new .dim:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);} */
.about_aestura_new
 
.center_layout {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

.about_aestura_new
 
.tit_wrap {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	z-index: 1;
}

.about_aestura_new
 
.tit_wrap
 
.sub_txt {
	font-size: 16px;
	line-height: 25px;
	letter-spacing: -0.025em;
}

.about_aestura_new
 
.tit_wrap
 
.title+.sub_txt {
	padding-top: 15px;
}

.about_aestura_new
 
.tit_wrap
.type1
 
.title {
	font-size: 30px;
	line-height: 37px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.tit_wrap
.type2
 
.title {
	font-size: 24px;
	line-height: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.tit_wrap
.type2
 
.sub_txt {
	padding-top: 15px;
}

.about_aestura_new
 
.tit_wrap
.type3
 
.title {
	font-size: 22px;
	line-height: 33px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.sec_tit
 
.title+.sub_txt {
	padding-top: 15px;
}

.about_aestura_new
 
.since
 
.visual {
	position: relative;
	height: calc(100vh - 
 
 115px);
	background: url("../images/brand/since_visual_1.png") no-repeat center
		center;
	background-size: cover;
}

.about_aestura_new
 
.since
 
.sec1 {
	position: relative;
	padding: 29.3% 0;
	background: url("../images/brand/since_sec1.png") no-repeat center
		center;
	background-size: cover;
}

.about_aestura_new
 
.since
 
.sec2 {
	position: relative;
}

.about_aestura_new
 
.since
 
.sec2
 
.con1 {
	position: sticky;
	top: 83px;
	height: 0;
	padding-top: 220%;
	background: url("../images/brand/since_sec2.png") no-repeat center top
		-40px;
	background-size: cover;
	text-align: center;
}

.about_aestura_new
 
.since
 
.sec2
.on {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.about_aestura_new
 
.since
 
.sec5
 
.sec_tit {
	position: relative;
}

.about_aestura_new
 
.since
 
.sec6
 
.sec_tit {
	position: relative;
	padding: 0 20px;
	box-sizing: border-box;
}

.about_aestura_new
 
.since
 
.sec7 {
	position: relative;
}

.about_aestura_new
 
.since
 
.scroll {
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -13px;
	opacity: 0;
	-webkit-animation: scroll 2s infinite;
	animation: scroll 2s infinite;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.heading
 
.num_txt {
	color: #6077ba;
	border-color: #6077ba;
}

.about_aestura_new
 
.since
 
.scroll
 
img {
	width: 26px;
}

@
-webkit-keyframes
 
scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
@
keyframes
 
scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
.about_aestura_new
 
.since
 
.visual
 
.top_txt {
	display: block;
	font-size: 22px;
	line-height: 1.5;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.since
 
.sec1
 
.desc {
	position: relative;
	padding-top: 60px;
}

/* .about_aestura_new .since .sec1 .desc:not(:last-child):after{display:block;content:"";width:1px;height:80px;margin:20px auto 20px auto;background:#868788;}		 */
.about_aestura_new
 
.since
 
.sec1
 
.heading {
	font-size: 25px;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.since
 
.sec1
 
.txt1 {
	padding: 60px 0;
	font-size: 18px;
	line-height: 24px;
	font-family: 'Montserrat';
	font-weight: bold;
}

/* .about_aestura_new .since .sec2:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/brand/since_sec_bg.png')no-repeat center top;background-size:cover;} */
.about_aestura_new
 
.since
 
.sec2
 
.desc
.type1 {
	padding-top: 415px;
}

.about_aestura_new
 
.since
 
.sec2
 
.desc
.type1
 
.title {
	font-size: 34px;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.since
 
.sec2
 
.desc
.type1
 
.sub_txt {
	font-size: 18px;
	line-height: 30px;
	color: #cad6f8;
}

.about_aestura_new
 
.since
 
.sec3 {
	position: relative;
	height: 100%;
	margin-top: -220%;
	z-index: 1;
}

.about_aestura_new
 
.since
 
.sec3
 
.tit_wrap {
	vertical-align: top;
}

.about_aestura_new
 
.since
 
.sec3
 
.tit_wrap
 
.desc {
	padding-top: 135px;
}

.about_aestura_new
 
.since
 
.sec3
 
.tit_wrap
 
.sub_txt {
	color: #cad6f8;
}

.about_aestura_new
 
.since
 
.sec4 {
	position: relative;
	padding: 60px 0 100px;
	background: #fff;
	z-index: 1;
	transition: 0.3s ease-out;
}

.about_aestura_new
 
.since
 
.sec4
 
.inner {
	transition: all 0.3s ease-in-out;
}

.about_aestura_new
 
.since
 
.sec4
.on {
	position: relative;
	background: #5b71ad;
}

.about_aestura_new
 
.since
 
.sec4
.on
 
.img_wrap
 
img
:first-child {
	border: 1px solid #ccc;
}

.about_aestura_new
 
.since
 
.sec4
.on
:after {
	position: absolute;
	top: -60px;
	left: 0;
	content: "";
	width: 100%;
	height: 100px;
	background: url("/resources/web/images/brand/top_desc.png") no-repeat
		center top;
	background-size: cover;
}

.about_aestura_new
 
.since
 
.sec4
.on
 
strong {
	color: #fff;
}

.about_aestura_new
 
.since
 
.sec4
 
.inner {
	padding: 0 20px;
}

.about_aestura_new
 
.since
 
.sec4
 
strong {
	padding-bottom: 10px;
	font-size: 17px;
	line-height: 28px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.since
 
.sec4
 
.box
:not
(
:first-child
) {
	padding-top: 40px;
}

.about_aestura_new
 
.since
 
.sec4
 
.img_wrap {
	font-size: 0;
}

.about_aestura_new
 
.since
 
.sec4
 
.img_wrap
 
img {
	width: calc(50% - 
 
 5px);
	box-sizing: border-box;
}

.about_aestura_new
 
.since
 
.sec4
 
.img_wrap
 
img
:first-child {
	margin-right: 10px;
}

.about_aestura_new
 
.since
 
.sec5 {
	position: relative;
	background: #fff;
}

.about_aestura_new
 
.since
 
.sec5
 
.sec_visual {
	padding: 80px 20px;
	transition: all 0.4s ease-out;
}

.about_aestura_new
 
.since
 
.sec5
 
.sec_visual
.on {
	padding: 0;
}

.about_aestura_new
 
.since
 
.sec5
 
.inner {
	position: relative;
}

.about_aestura_new
 
.since
 
.sec5
 
.inner
:after {
	display: block;
	content: "";
	clear: both;
}

.about_aestura_new
 
.since
 
.sec5
 
.sec_tit
 
.bottom_txt {
	font-size: 18px;
	padding-top: 10px;
}

.about_aestura_new
 
.since
 
.sec5
 
.sec_tit
 
.tit_wrap {
	position: absolute;
	top: 15%;
	left: 0;
	text-align: center;
	width: 100%;
	transform: translateY(-50%);
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.inner {
	padding-top: 100px;
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.txt_wrap
 
li {
	position: absolute;
	top: 0;
	opacity: 0;
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.txt_wrap
 
li
.on {
	opacity: 1;
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.txt_wrap
.on {
	position: fixed;
	top: 120px;
	z-index: 2;
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.txt_wrap {
	position: absolute;
	top: 32px;
	left: 0;
	padding: 0 20px;
	width: 60%;
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.txt_wrap
 
strong {
	font-size: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 1;
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.txt_wrap
 
p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.6;
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.img_wrap
 
li {
	padding-top: 120px;
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.img_wrap
 
strong {
	padding: 0 20px;
	font-size: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 1;
}

.about_aestura_new
 
.since
 
.sec5
 
.history
 
.img_wrap
 
p {
	padding: 0 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 1.6;
}

.about_aestura_new
 
.since
 
.sec6 {
	position: relative;
	background: #fff;
	padding: 0 0 120px;
}

.about_aestura_new
 
.since
 
.sec6
 
.sec_visual {
	padding: 80px 20px;
	transition: all 0.4s ease-in-out;
}

.about_aestura_new
 
.since
 
.sec6
 
.sec_visual
.on {
	padding: 0;
}

.about_aestura_new
 
.since
 
.sec6
 
.sec_visual
 
.tit_wrap {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
}

.about_aestura_new
 
.since
 
.sec6
 
.sec_tit {
	padding: 0;
}

.about_aestura_new
 
.since
 
.sec6
 
.sec_tit
 
.bottom_txt {
	position: absolute;
	bottom: 5%;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	text-align: center;
	width: 100%;
}

.about_aestura_new
 
.since
 
.sec6
 
.con1 {
	position: relative;
	height: 0;
	padding: 25% 0 95%;
	background: url("../images/brand/since_sec6_con1_1.png") no-repeat
		center center;
	background-size: cover;
	box-sizing: border-box;
}

.about_aestura_new
 
.since
 
.sec6
 
.con1
 
.tit_wrap
 
.title {
	font-size: 40px;
	line-height: 50px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.since
 
.sec6
 
.con1
 
.tit_wrap
 
.title
 
span {
	display: inline-block;
	font-family: "Montserrat";
}

.about_aestura_new
 
.since
 
.sec6
 
.con1
 
.bottom_txt {
	position: absolute;
	bottom: 5%;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	text-align: center;
	left: 0;
}

.about_aestura_new
 
.since
 
.sec6
 
.con1
 
.tit_wrap
 
.con1_emblem {
	padding-top: 20px;
	width: 110px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2 {
	padding-top: 60px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box
 
.txt_wrap {
	padding: 0 20px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box
 
.txt_wrap
 
.heading {
	font-size: 40px;
	line-height: 50px;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -1px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box
 
.txt_wrap
 
.heading
 
em {
	font-size: 44px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box
 
.txt_wrap
 
.txt1 {
	font-size: 20px;
	line-height: 30px;
	padding: 20px 0 15px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box
 
.txt_wrap
 
.bottom_txt {
	font-size: 13px;
	line-height: 20px;
	color: #999;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box1 {
	position: relative;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box1
 
.txt_wrap {
	margin-top: 35px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box2 {
	padding-top: 100px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box2
 
.txt_wrap
 
.txt1 {
	padding: 0;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box2
 
.txt_wrap
 
.heading {
	padding-top: 230px;
	padding-top: 10px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box2
 
.txt_wrap
 
.bottom_txt {
	padding-top: 20px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box2
 
.img_wrap {
	padding-top: 20px;
	width: 90%;
	margin: 0 auto;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box3 {
	font-size: 0;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box3>div {
	display: inline-block;
	vertical-align: middle;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box3
 
.img_wrap {
	margin-left: 32%;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box3
 
.img_wrap
 
img {
	position: relative;
	right: -43%;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box3
 
.txt_wrap {
	position: relative;
	z-index: 5;
	text-align: left;
	margin-top: -20%;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box3
 
.txt_wrap
 
.txt2 {
	font-size: 20px;
	line-height: 30px;
}

.about_aestura_new
 
.since
 
.sec6
 
.con2
 
.box3
 
.txt_wrap
 
.heading {
	padding-top: 5px;
}

.about_aestura_new
 
.since
 
.sec7
 
.inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about_aestura_new
 
.since
 
.sec7
 
.heading {
	padding-top: 10%;
	text-align: center;
}

.about_aestura_new
 
.since
 
.sec7
 
.heading
 
.tit {
	font-size: 26px;
	line-height: 32px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.about_aestura_new
 
.since
 
.sec7
 
.heading
 
.txt1 {
	font-size: 13px;
	line-height: 30px;
	color: #fff;
}

.about_aestura_new
 
.since
 
.sec7
 
.heading
 
.txt2 {
	padding-top: 20px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}

.about_aestura_new
 
.since
 
.sec7
 
.heading
 
.txt2
 
span {
	font-weight: bold;
}

.about_aestura_new
 
.since
 
.sec7
 
.box {
	width: 51%;
	box-sizing: border-box;
}

.about_aestura_new
 
.since
 
.sec7
 
.box1 {
	position: absolute;
	top: 21.5%;
	height: 8%;
	left: 50%;
}

.about_aestura_new
 
.since
 
.sec7
 
.box2 {
	position: absolute;
	top: 31%;
	height: 8%;
	right: 50%;
}

.about_aestura_new
 
.since
 
.sec7
 
.box3 {
	position: absolute;
	top: 41%;
	height: 8%;
	left: 50%;
}

.about_aestura_new
 
.since
 
.sec7
 
.box4 {
	position: absolute;
	top: 51.5%;
	height: 8%;
	right: 50%;
}

.about_aestura_new
 
.since
 
.sec7
 
.box5 {
	position: absolute;
	top: 61.5%;
	height: 8%;
	left: 50%;
}

.about_aestura_new
 
.since
 
.sec7
 
.box6 {
	position: absolute;
	top: 71%;
	height: 8%;
	right: 50%;
}

.about_aestura_new
 
.since
 
.sec7
 
.box7 {
	position: absolute;
	top: 80.5%;
	height: 8%;
	left: 50%;
}

.about_aestura_new
 
.since
 
.sec7
 
.box8 {
	position: absolute;
	top: 91.5%;
	width: 59%;
	height: 8%;
	right: 40%;
}
/* .about_aestura_new .since .sec7 .box2{margin-top:156px;height:480px;}
.about_aestura_new .since .sec7 .box3{margin-top:216px;height:640px;}
.about_aestura_new .since .sec7 .box4{margin-top:120px;height:538px;}
.about_aestura_new .since .sec7 .box5{margin-top:12px;height:480px;}
.about_aestura_new .since .sec7 .box6{margin-top:145px;height:505px;}
.about_aestura_new .since .sec7 .box7{margin-top:220px;height:559px;} */
.about_aestura_new
 
.since
 
.sec7
 
.box
 
.txt_wrap {
	display: table-cell;
	vertical-align: middle;
}

.about_aestura_new
 
.since
 
.sec7
 
.box
 
.txt_wrap
 
.top_txt {
	font-size: 16px;
	line-height: 24px;
}

.about_aestura_new
 
.since
 
.sec7
 
.box
 
.txt_wrap
 
.ko_name {
	padding-top: 10px;
	font-size: 20px;
	line-height: 1.4;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.since
 
.sec7
 
.box
 
.txt_wrap
 
.eng_name {
	padding-top: 10px;
	font-size: 13px;
	line-height: 1.4;
	font-family: "Montserrat";
	opacity: 0.5;
}

.about_aestura_new
 
.since
 
.sec7
 
.box
 
.txt_wrap
 
.emblem_list {
	padding-top: 20px;
	font-size: 0;
}

.about_aestura_new
 
.since
 
.sec7
 
.box
.type1
 
.txt_wrap
 
.emblem_list
 
li {
	display: inline-block;
	margin-right: 10px;
	width: 50px;
}

.about_aestura_new
 
.since
 
.sec7
 
.box
.type2
 
.txt_wrap
 
.emblem_list
 
li {
	display: inline-block;
	margin-left: 8px;
	width: 40px;
}

.about_aestura_new
 
.since
 
.sec7
 
.box
.type1 {
	display: table;
	float: right;
	width: 50%;
}

.about_aestura_new
 
.since
 
.sec7
 
.box
.type2 {
	display: table;
	float: left;
	text-align: right;
}

.about_aestura_new
 
.since
 
.sec7
 
.box
.type2
 
.eng_name {
	opacity: 0.7;
}

.about_aestura_new
 
.actual_science
 
.visual {
	position: relative;
	height: 0;
	padding: 45.6% 0;
	background: url("../images/brand/science_visual_1.png") no-repeat center
		center;
	background-size: cover;
	box-sizing: border-box;
}

.about_aestura_new
 
.actual_science
 
.visual
 
.bottom_txt {
	font-size: 14px;
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 1;
}

.about_aestura_new
 
.actual_science
 
.sec1 {
	
}

.about_aestura_new
 
.actual_science
 
.sec1
 
.sec_visual {
	padding: 20px 20px 0;
	transition: all 0.4s ease-in-out;
}

.about_aestura_new
 
.actual_science
 
.sec1
 
.sec_visual
.on {
	padding: 0;
}

.about_aestura_new
 
.actual_science
 
.sec1
 
.sec_tit {
	position: relative;
}

.about_aestura_new
 
.actual_science
 
.sec1
 
.tit_wrap {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
}

.about_aestura_new
 
.actual_science
 
.sec1
 
.tit_wrap
 
.title
 
span {
	display: inline-block;
	line-height: 1;
	font-family: "Montserrat";
	letter-spacing: 1px;
}

.about_aestura_new
 
.actual_science
 
.sec2 {
	position: relative;
}

.about_aestura_new
 
.actual_science
 
.sec2
 
.con1 {
	height: 100vh;
	background: url("../images/brand/science_sec2_img1_1.png") no-repeat
		center center;
	background-size: cover;
}
/* .about_aestura_new .actual_science .sec2 .con1 .tit_Wrap{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center;} */
.about_aestura_new
 
.actual_science
 
.sec2
 
.con2 {
	position: fixed;
	top: 0;
	transition: all 0.3s ease-out;
	opacity: 0;
	height: 100vh;
	background: url("../images/brand/science_sec2_img2_1.png") no-repeat
		center top;
	background-size: cover;
}

.about_aestura_new
 
.actual_science
 
.sec2
 
.con2
.on {
	opacity: 1;
	z-index: 10;
}
/* .about_aestura_new .actual_science .sec2 .con2 .tit_Wrap{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center;} */
.about_aestura_new
 
.actual_science
 
.sec2
 
.title {
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 32px;
}

.about_aestura_new
 
.actual_science
 
.sec2
 
.sub_txt {
	font-size: 18px;
	line-height: 26px;
}

.about_aestura_new
 
.actual_science
 
.sec2
 
.bottom_txt {
	position: absolute;
	bottom: 25px;
	width: 100%;
	font-size: 14px;
	text-align: center;
	opacity: 0.7;
}

.about_aestura_new
 
.actual_science
 
.sec2
 
.con2
 
.txt1 {
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.actual_science
 
.sec2
 
.con2
 
.desc {
	padding-top: 25px;
}

.about_aestura_new
 
.actual_science
 
.sec2
 
.con2
 
.desc
 
p {
	font-size: 26px;
	line-height: 45px;
	font-family: 'Montserrat';
	font-weight: bold;
	opacity: 0.7;
}

.about_aestura_new
 
.actual_science
 
.sec3 {
	text-align: center;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.heading {
	padding: 80px 20px 0 20px;
	text-align: left;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.heading
 
.top_txt {
	display: block;
	font-size: 26px;
	line-height: 32px;
	color: #6077ba;
	font-family: 'Montserrat';
	font-weight: bold;
	padding-bottom: 30px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.heading
 
.top_txt
 
span {
	display: inline-block;
	font-family: "Montserrat";
	line-height: 1;
	letter-spacing: 1px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.heading
 
.txt1 {
	padding-top: 25px;
	font-size: 16px;
	line-height: 24px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.heading
 
.txt1
 
em {
	color: #6077ba;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.heading
 
.txt2 {
	padding-top: 10px;
	font-size: 13px;
	line-height: 24px;
	color: #999;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.desc {
	padding: 120px 0 70px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.desc
 
.txt1 {
	font-size: 24px;
	line-height: 36px;
	color: #6077ba;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.desc
 
.txt1
 
em {
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.tit {
	color: #6077ba;
	font-size: 30px;
	line-height: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.tit
 
em {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 34px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.txt1 {
	font-size: 18px;
	line-height: 26px;
	color: #444;
	padding-bottom: 10px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.txt2 {
	font-size: 14px;
	line-height: 22px;
	color: #999;
	padding-top: 20px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box {
	font-size: 0;
	text-align: left;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box1
 
.img_wrap {
	padding-right: 18%;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box1
 
.txt_wrap {
	margin-top: 30px;
	padding-left: 20px;
	box-sizing: border-box;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box2 {
	float: right;
	margin-top: 75px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box2
 
.img_wrap {
	padding-left: 18%;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box2
 
.txt_wrap {
	padding-left: 18%;
	margin-top: 30px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box3 {
	float: left;
	margin-top: 75px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box3
 
.img_wrap {
	padding-right: 18%;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box3
 
.txt_wrap {
	margin-top: 30px;
	padding-left: 20px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box4 {
	float: right;
	margin-top: 75px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box4
 
.img_wrap {
	padding-left: 18%;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box4
 
.txt_wrap {
	padding-left: 18%;
	margin-top: 30px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box5 {
	float: left;
	margin-top: 75px;
	padding: 0 20px;
	text-align: center;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box6 {
	float: left;
	margin-top: 75px;
	text-align: left;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.img_list
 
.box6
 
.txt_wrap {
	padding-left: 20px;
	margin-top: 30px;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.desc2 {
	height: auto;
	padding: 120px 0 100px;
	background: url("../images/brand/science_sec3_bottom_bg.jpg") no-repeat
		center bottom;
	background-size: cover;
	text-align: center;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.desc2
 
.txt1 {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.about_aestura_new
 
.actual_science
 
.sec3
 
.desc2
 
strong {
	padding-top: 10px;
	color: #6077ba;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
}

.about_aestura_new
 
.made_in {
	text-align: center;
}

.about_aestura_new
 
.made_in
 
.visual {
	position: relative;
	padding: 22% 0;
	background: url("../images/brand/madein_visual.png") no-repeat center
		center;
	background-size: cover;
	box-sizing: border-box;
}

.about_aestura_new
 
.made_in
 
.videoSec1 {
	height: 0;
	padding-top: 57%;
	margin: 30px 25px;
	background: url("../images/brand/madein_video_img1.png") no-repeat
		center center;
	background-size: cover;
	box-sizing: border-box;
}

.about_aestura_new
 
.made_in
 
.videoSec2 {
	height: 0;
	padding-top: 178%;
	box-sizing: border-box;
}

.about_aestura_new
 
.made_in
 
.videoSec3 {
	height: 0;
	padding-top: 178%;
	box-sizing: border-box;
}

.about_aestura_new
 
.made_in
 
.videoSec4 {
	height: 0;
	padding-top: 178%;
	box-sizing: border-box;
}

.about_aestura_new
 
.made_in
 
.video_wrap {
	position: relative;
}

.about_aestura_new
 
.made_in
 
.video_wrap
 
.inner {
	position: relative;
	height: 100%;
}
/* .about_aestura_new .made_in .video_wrap .video_play_btn{position:absolute;top:50%;left:50%;width:60px;height:60px;background:url('../images/brand/play_btn.png')no-repeat center top;transform:translate(-50%,-50%);background-size:cover;} */
.about_aestura_new
 
.made_in
 
.video_wrap
 
.txt_wrap {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: left;
	transform: translateY(-50%);
	color: #fff;
	padding: 0 20px;
	z-index: 2;
}

.about_aestura_new
 
.made_in
 
.video_wrap
 
.txt_wrap
 
.txt1 {
	font-size: 16px;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.made_in
 
.video_wrap
 
.txt_wrap
 
.txt2 {
	padding-top: 20px;
	font-size: 16px;
	line-height: 26px;
}

.about_aestura_new
 
.made_in
 
.video_wrap
 
.txt_wrap
 
.name {
	padding-top: 10px;
	font-size: 24px;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.made_in
 
.video_wrap
 
.videoArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about_aestura_new
 
.made_in
 
.video_wrap
 
.videoArea
 
video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background: #000;
	transform: translate(-50%, -50%);
}

@media ( min-width : 600px) {
	.about_aestura_new .made_in .videoSec2 {
		height: 0;
		padding-top: 50%;
		box-sizing: border-box;
	}
	.about_aestura_new .made_in .videoSec3 {
		height: 0;
		padding-top: 50%;
		box-sizing: border-box;
	}
	.about_aestura_new .made_in .videoSec4 {
		height: 0;
		padding-top: 50%;
		box-sizing: border-box;
	}
	.about_aestura_new .made_in .video_wrap {
		background: #000;
	}
	.about_aestura_new .made_in .video_wrap .videoArea video {
		object-fit: contain;
		width: 60%;
		height: 60%;
	}
}

.about_aestura_new
 
.made_in
 
.video_wrap
 
.video_play_btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-size: cover;
}

.about_aestura_new
 
.made_in
 
.video_wrap
 
.video_play_btn
:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	background: url("../images/brand/play_btn.png") no-repeat center top;
	transform: translate(-50%, -50%);
	background-size: cover;
}

.about_aestura_new
 
.made_in
 
.visual
 
.title {
	padding-top: 30px;
}

.about_aestura_new
 
.made_in
 
.visual
 
img {
	width: 120px;
}

.about_aestura_new
 
.made_in
 
.visual
 
.title
 
span {
	display: inline-block;
	padding: 2px 2px 0;
	font-family: "Montserrat";
	letter-spacing: 1px;
	vertical-align: top;
}

.about_aestura_new
 
.made_in
 
.heading {
	padding: 80px 20px 35px 20px;
	text-align: left;
}

.about_aestura_new
 
.made_in
 
.heading
 
.txt1 {
	padding-top: 15px;
	font-size: 24px;
	line-height: 36px;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -1px;
}

.about_aestura_new
 
.made_in
 
.desc {
	padding: 40px 20px;
	text-align: center;
}

.about_aestura_new
 
.made_in
 
.desc
 
strong {
	font-size: 20px;
	line-height: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: left;
}

.about_aestura_new
 
.made_in
 
.mark_img {
	width: 225px;
}

.about_aestura_new
 
.made_in
 
.sec1 {
	padding-bottom: 80px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box {
	text-align: left;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.inner {
	font-size: 0;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.txt_wrap {
	padding: 4px 20px 0 20px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.txt_wrap
 
.tit {
	font-size: 28px;
	line-height: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.txt_wrap
 
.txt1 {
	padding-top: 5px;
	font-size: 18px;
	line-height: 26px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.txt2 {
	padding-top: 25px;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.txt3 {
	font-size: 16px;
	line-height: 24px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box {
	width: 100%;
	margin: 30px 0 20px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.bottom_txt {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #a4a4a4;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
th {
	height: 60px;
	border-bottom: 1px solid #ddd;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
td {
	padding: 15px 0;
	vertical-align: top;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type1 {
	background: #f1f5ff;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type1
.top_txt {
	font-size: 18px;
	color: #6077ba;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type1
 
.txt1 {
	font-size: 14px;
	color: #798fcd;
	line-height: 22px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type1
 
.txt2 {
	padding-top: 6px;
	font-size: 22px;
	color: #6077ba;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type1
 
.txt2
 
em {
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type2
.top_txt {
	font-size: 18px;
	color: #999;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type2
 
.txt1 {
	font-size: 14px;
	color: #a4a4a4;
	line-height: 22px;
	padding-bottom: 10px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type2
 
.txt2 {
	padding-top: 6px;
	font-size: 22px;
	color: #999;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type2
 
.txt2
 
em {
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.last {
	padding-bottom: 40px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.table_box
 
.type1
 
.txt2
 
span {
	display: block;
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 4px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
.type1
 
.img_wrap {
	padding-left: 40px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.txt_wrap2 {
	padding-left: 40px;
	margin-top: 35px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box
 
.txt_wrap2
 
.txt3 {
	margin-top: 5px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box2 {
	margin-top: 60px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box2
 
.txt_wrap2 {
	padding-left: 20px;
}

.about_aestura_new
 
.made_in
 
.sec1
 
.box2
 
.img_wrap {
	padding: 0 20px;
}

.about_aestura_new
 
.made_in
 
.sec2 {
	padding-bottom: 90px;
	background: #6e83c0;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.heading_img {
	margin-top: 25px;
}

.about_aestura_new
 
.made_in
 
.sec2>.img_wrap {
	padding: 0 20px;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.desc
 
strong {
	font-family: "Montserrat";
	font-weight: 400;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box {
	text-align: left;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
:not
(
:first-child
) {
	margin-top: 50px;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
 
.inner {
	font-size: 0;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
 
.txt_wrap {
	box-sizing: border-box;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
.type1
 
.img_wrap {
	padding-left: 20px;
	margin-top: 20px;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
 
.tit {
	font-size: 20px;
	line-height: 28px;
	font-family: 'Montserrat';
	font-weight: bold;
	padding-left: 20px;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
 
.txt_wrap
 
.txt1 {
	padding-top: 18px;
	opacity: 0.7;
	font-size: 16px;
	line-height: 24px;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
.type1
 
.txt_wrap {
	padding: 0 20px;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
.type2
 
.txt_wrap {
	padding-left: 20px;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
.type2
 
.img_wrap {
	margin-top: 20px;
	padding-right: 20px;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
.box3
 
.img_wrap {
	padding: 0 20px;
}

.about_aestura_new
 
.made_in
 
.sec2
 
.box
.box3
 
.txt_wrap {
	padding: 0 20px;
}

.about_aestura_new
 
.made_in
 
.sec3
 
.desc {
	padding: 75px 0;
}

.about_aestura_new
 
.made_in
 
.sec3
 
.desc
 
strong {
	text-align: center;
	font-size: 24px;
	line-height: 36px;
}

.about_aestura_new
 
.made_in
 
.sec3
 
.videoSec2
 
.video_play_btn
:after {
	top: 50%;
	left: 20px;
	transform: none;
	margin-top: 130px;
}

.about_aestura_new
 
.made_in
 
.sec3
 
.videoSec3
 
.video_play_btn
:after {
	top: 50%;
	left: 20px;
	transform: none;
	margin-top: 130px;
}

.about_aestura_new
 
.made_in
 
.sec3
 
.videoSec4
 
.video_play_btn
:after {
	top: 50%;
	left: 20px;
	transform: none;
	margin-top: 130px;
}

/* 채팅봇 */
.chatbot
 
.con {
	position: relative;
	padding: 35px 25px 100px;
}

.chatbot
 
.box
:after {
	display: block;
	content: "";
	clear: both;
}

.chatbot
 
.box
 
.txt {
	font-size: 14px;
	line-height: 24px;
	color: #222;
}

.chatbot
 
.title {
	font-size: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	padding: 15px 25px;
	color: #222;
	border-bottom: 2px solid #94a4d1;
	box-sizing: border-box;
}

.chatbot
 
.line {
	margin-top: -4px;
}

.chatbot
 
.check_btn {
	float: left;
	height: 25px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 27px;
	color: #5f77ba;
	border: 1px solid #5f77ba;
	border-radius: 2px;
	margin-top: 4px;
	margin-right: 4px;
}

.chatbot
 
.line
:after {
	display: block;
	content: "";
	clear: both;
}

.chatbot
 
.prev_btn {
	position: absolute;
	bottom: 14px;
	padding-left: 10px;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.chatbot
 
.prev_btn
:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
	background: url("../images/common/arrow_prev.png") no-repeat center top;
	background-size: contain;
}

.chatbot
 
.administrator {
	position: relative;
	float: left;
	width: 86.156%;
	padding-left: 25px;
	color: #222222;
	font-size: 14px;
	line-height: 24px;
	margin-top: 22px;
}

.chatbot
 
.administrator
:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 21px;
	height: 21px;
	background: url("../images/common/admin.png") no-repeat center top;
	background-size: contain;
}

.chatbot
 
.administrator
 
.btn_wrap {
	padding-top: 5px;
	letter-spacing: -1px;
}

.chatbot
 
.administrator
.recommend_prd {
	width: 100%;
	padding-left: 0;
}

.chatbot
 
.administrator
.recommend_prd
 
.txt {
	padding-left: 25px;
}

.chatbot
 
.administrator
.recommend_prd
 
.txt_wrap {
	margin-top: 15px;
	padding: 25px 0;
	border-top: 1px solid #dcdcdc;
	font-size: 0;
}

.chatbot
 
.administrator
.recommend_prd
 
.txt_wrap>div {
	display: inline-block;
	vertical-align: middle;
}

.chatbot
 
.administrator
.recommend_prd
 
.txt_wrap
 
.img_wrap {
	position: relative;
	width: 73px;
	height: 73px;
	overflow: hidden;
}

.chatbot
 
.administrator
.recommend_prd
 
.txt_wrap
 
.img_wrap
 
img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
}

.chatbot
 
.administrator
.recommend_prd
 
.txt_wrap
 
.con_box {
	padding-left: 15px;
}

.chatbot
 
.administrator
.recommend_prd
 
.txt_wrap
 
.con_box
 
.name {
	display: block;
	width: 230px;
	font-size: 15px;
	line-height: 21px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chatbot
 
.administrator
.recommend_prd
 
.txt_wrap
 
.con_box
 
.prd_link {
	display: inline-block;
	width: 120px;
	height: 36px;
	margin-top: 10px;
	background: #5f77ba;
	line-height: 38px;
	color: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

.chatbot
 
.admin_notice {
	float: left;
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #222;
	text-align: left;
}

.chatbot
 
.user {
	float: right;
	width: 100%;
	text-align: right;
}

.chatbot
 
.user+.user {
	margin-top: 12px;
}

.chatbot
 
.user
 
.txt1 {
	display: inline-block;
	position: relative;
	height: 25px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 27px;
	color: #fff;
	background: #5f77ba;
	border-radius: 2px;
}

.chatbot
 
.user
 
.txt1
:after {
	content: "";
	position: absolute;
	bottom: -5px;
	right: 3px;
	width: 14px;
	height: 5px;
	background: url("../images/common/deco.png") no-repeat center top;
	background-size: contain;
}

.chatbot
 
.bottom_box {
	padding: 40px 25px;
	background: #f7f7f7;
}

.chatbot
 
.bottom_box
 
.txt {
	font-size: 13px;
	line-height: 23px;
	color: #888;
}

.chatbot
 
.bottom_box
 
.link_btn {
	display: block;
	height: 40px;
	margin-top: 18px;
	background: #000;
	color: #fff;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}

#popIngredient
 
.layerCont {
	word-break: break-all;
}

.momCart
 
.regularOrderSteps
 
.txt2 {
	margin-top: 15px;
}

.momCart
 
.tabMenu3
 
li {
	position: relative;
}

.momCart
 
.tabMenu3
 
li
 
a {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.4;
}

.cartWrap
 
.circle {
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	background: #5f77ba;
	margin-left: 4px;
	border-radius: 50%;
	margin-top: -4px;
	vertical-align: middle;
}

.cartWrap
 
.circle
 
em {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 11px;
	transform: translate(-50%, -50%);
}

.shopMain
 
.productListType1 {
	padding: 40px 15px 50px;
}

.shopMain
 
.productListType1
 
.scrollArea {
	padding-bottom: 40px;
}

.shopMain
 
.productListType1
 
.swiper-container-horizontal>.swiper-scrollbar {
	width: 85%;
	left: 50%;
	transform: translateX(-50%);
}

.shopMain
 
.productListType1
 
.scrollArea
 
.pdtListType1 {
	overflow: visible;
	white-space: normal;
}

.shopMain
 
.productListType1
 
.swiper-scrollbar {
	opacity: 1 !important;
}

.shopMain
 
.productListType1
 
.swiper-scrollbar-drag {
	background: #5f77ba;
	opacity: 0.8;
}

.shopMain
 
.productListType1
 
.pdtListType1
 
.item
:first-of-type {
	padding-left: 0;
}

.shopMain
 
.productListType1
 
.pdtListType1
 
.item
:last-of-type {
	padding-right: 0;
}

#deliveryArea
 
.userInfo
 
.zipcode {
	line-height: 1.65;
}

#deliveryArea
 
.userInfo
 
.addr_info {
	float: left;
	padding-top: 20px;
	width: 100%;
}

#deliveryArea
 
.userInfo
 
.addr_info
 
dd {
	line-height: 1.65;
}

#deliveryArea
 
.userInfo
 
.addr_info
 
.txt
 
em {
	font-weight: bold;
}

#deliveryArea
 
.userInfo
 
.addr_info
 
.txt_list {
	padding-top: 20px;
	font-size: 12px;
}

#deliveryArea
 
.userInfo
 
.addr_info
 
.txt_list
 
li
:not
(
:first-of-type
) {
	padding-top: 5px;
}

.marker
.type_md {
	width: 20px;
	height: 26px;
	margin: 10px auto 0;
	text-align: center;
	line-height: 22px;
	font-family: "Montserrat";
	font-size: 12px;
	color: #fff;
	background:
		url("https://image.aestura.com/resources/web/images/contact/ico_pin_l_bk.png")
		no-repeat;
	background-size: contain;
}

.marker
.type_365 {
	width: 20px;
	height: 26px;
	margin: 10px auto 0;
	text-align: center;
	line-height: 22px;
	font-family: "Montserrat";
	font-size: 12px;
	color: #fff;
	background:
		url("https://image.aestura.com/resources/web/images/contact/ico_pin_l_bl.png")
		no-repeat;
	background-size: contain;
}

.pagination {
	text-align: center;
	font-size: 0;
	margin: 0px 0 50px;
}

.pagination
 
.pageBtn {
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

.pagination
 
.pageBtn
 
a {
	display: block;
	width: 20px;
	height: 28px;
	background: url("../images/common/page02.png") no-repeat;
	font-size: 0;
	text-indent: -9999em;
	background-size: 20px;
}

.pagination
 
.pageBtn
.prev
.disabled
 
a {
	background-position: 0 0;
}

.pagination
 
.pageBtn
.prev
 
a {
	background-position: 0 -26px;
}

.pagination
 
.pageBtn
.next
 
a {
	background-position: 0 -56px;
}

.pagination
 
.pageBtn
.next
.disabled
 
a {
	background-position: 0 -83px;
}

.pagination
 
ol {
	display: inline-block;
	vertical-align: middle;
}

.pagination
 
ol
 
li {
	display: inline-block;
	margin: 0 3px;
	vertical-align: middle;
}

.pagination
 
ol
 
li
 
a {
	position: relative;
	box-sizing: border-box;
	display: block;
	min-width: 20px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #333;
}

.pagination
 
ol
 
li
.current
 
a {
	min-width: 20px;
	color: #5887da;
}

.pagination
 
ol
 
li
.current
 
a
:
:after {
	position: absolute;
	content: "";
	display: block;
	height: 2px;
	inset: auto 0 0;
	background: #5887da;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.qty {
	padding-right: 0;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.qty
 
.qtyOption {
	float: left;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.qty
 
.delete_btn {
	float: right;
}

.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.qty
 
.delete_btn
 
a {
	display: inline-block;
	border: 1px solid #222;
	color: #222;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
}

.inside_folding
 
.folding_wrap
 
p
.changeGuide {
	padding-top: 30px;
	color: #000;
	font-weight: bold;
}

/* 쇼핑 alert */
#addAlert {
	position: fixed;
	left: 50%;
	top: 45%;
	z-index: 50;
	width: 160px;
	height: 160px;
	margin: -80px 0 0 -80px;
	border-radius: 50%;
	background: rgba(95, 119, 186, 0.8);
	opacity: 0;
}

#addAlert
 
span {
	position: relative;
	display: block;
	padding-top: 80px;
	text-align: center;
	color: #fff;
}

#addAlert
 
span
:before {
	position: absolute;
	content: "";
	top: 27px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	background: url("../images/common/ico_add_alert.png") no-repeat center
		center;
	background-size: cover;
	line-height: 24px;
	color: #fff;
}

/* 20230412 수정 추가 */
.order
 
.formBox
 
.noteType3 {
	margin-top: 20px;
	font-size: 13px;
}

.order
 
.formBox
 
.promotion_title {
	font-weight: bold;
	color: #5f77ba;
	margin-top: 10px;
}

.order
 
.pdtGift
 
.giftWrap
 
.my
.promotion_title {
	font-weight: bold;
	color: #5f77ba;
	margin-top: 10px;
}
/* 20230419 추가 css */
.about_aestura_new
 
.since
 
.sec6
 
.con1
 
.tit_wrap
 
.middle_txt {
	margin-top: 20px;
	line-height: 38px;
	display: block;
	font-size: 22px;
	color: #fff;
}

.about_aestura_new
 
.since
 
.sec6
 
.con1
 
.tit_wrap
 
.middle_txt
 
span {
	position: relative;
}

.about_aestura_new
 
.since
 
.sec6
 
.con1
 
.tit_wrap
 
.middle_txt
 
span
:after {
	position: absolute;
	display: block;
	content: "";
	width: 120%;
	height: 100%;
	background-color: #5f77ba;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50px;
	z-index: -1;
}

.about_aestura_new
 
.since
 
.sec7
 
.heading
 
.tit
 
span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
}

/* 20230530_의사몰회원가입페이지 추가 */
.registerForm
.policy
 
.policyForm {
	border-top: 1px solid #222;
	margin-top: 0;
	padding-top: 8%;
}

.registerForm
.policy
 
.all_guide
 
.p1 {
	margin: 5% 0;
	padding-left: 26px;
	font-size: 13px;
}

.registerForm
.policy
 
.policyForm
.type2 {
	border: 0;
}

.registerForm
.policy
 
.policyForm
.input_list
 
.input
.check {
	margin-bottom: 20px;
}

.registerForm
.policy
 
.policyForm
.input_list
 
.input
.check
:nth-child
(
4
) {
	margin-bottom: 0;
}

.registerForm
.policy
 
.policyForm
 
.policy_look {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	float: right;
}

.registerForm
.policy
 
.policyForm
 
.inputWrap
 
label {
	display: inline-block;
}

.registerForm
.policy
 
.policy_wrap {
	border-top: 1px solid #222;
}

.registerForm
.policy
 
.policyForm
 
.policy_look
 
a {
	text-decoration: underline;
	color: #000;
}

.registerForm
.policy
 
.termsWrap
.type1 {
	height: 270px;
}

.registerForm
.policy
 
.termsWrap
.type2 {
	height: 90px;
}

.registerForm
.policy
 
.layerPopup
 
.layerBody
 
.termsWrap {
	margin-top: 0;
	height: 83vh;
	box-sizing: border-box;
}

.registerForm
.policy
 
.termsWrap
 
.terms
 
table {
	table-layout: auto;
}

/* 20230609_의사몰회원가입페이지 추가 */
.registerForm
.policy
 
.policy_wrap
 
.inputWrap
 
input {
	float: none;
	vertical-align: baseline;
}

.mypage
 
.infoModify
 
.userInputArea
 
.input
 
input
[type="checkbox"] {
	border-color: #000;
	transition: border-color 0.2s;
}

.mypage
 
.infoModify
 
.userInputArea
 
.input
 
input
[type="checkbox"]
:checked {
	border-color: #5f77ba;
}

/* 20230614_위치기반 서비스 이용약관 추가 */
.findstorePopup
 
.layerPopup
 
.layerBody
 
.layerCont
 
p {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.findstorePopup
 
.layerPopup
 
.layerBody
 
.layerCont
 
a
.location_link {
	margin-top: 20px;
	display: inline-block;
	color: #000;
	text-decoration: underline;
}

.findstorePopup
 
.layerPopup
 
.layerBody
 
.layerCont
 
.btnWrap {
	margin-top: 30px;
}

.findstorePopup
#locationPopup2
 
.layerPopup
 
.layerBody {
	padding: 55px 30px 35px !important;
}

.mypage
 
.infoModify
 
.userInputArea
 
.inputWrapList
.sms
 
.sms_select {
	display: block;
	width: 100% !important;
	padding-bottom: 20px;
}

.mypage
 
.infoModify
 
.userInputArea
 
.inputWrapList
.sms
 
.input
.radio
 
label {
	margin-right: 20px;
}

.mypage
 
.infoModify
 
.userInputArea
 
.terms
 
.tbl {
	margin: 20px 0 20px -17px;
}

/* --S 의사회원 사은품 css-- */
/* 의사몰 장바구니 제공 사은품 확인 버튼 */
.mdCart
 
.btnWrap
.type1 {
	overflow: hidden;
}

#mdCart
 
.btn {
	
}

#mdCart
 
.btn
.style3
.typeS {
	width: 60%;
	display: inline-block;
	float: right;
	margin-top: 20px
}

#mdCart
 
.btn
.style3
.typeS
:after {
	display: table;
	content: '';
	clear: both;
}

/* 의사몰 구매시 제공될 사은품 확인 팝업 */
#offerGiftPopup
 
.selectGiftWrap
 
.giftWrap {
	margin-top: 18px;
}

#offerGiftPopup
 
.selectGiftWrap
 
.giftWrap
:first-child {
	margin-top: 0;
}

#offerGiftPopup
 
.selectGiftWrap
 
.giftWrap
 
ul {
	font-size: 0;
	overflow: hidden;
}

#offerGiftPopup
 
.selectGiftWrap
 
.giftWrap
 
ul
 
li {
	display: inline-block;
	width: 24%;
	height: 156px;
	box-sizing: border-box;
	padding: 10px 2px 0 2px;
	text-align: center;
	font-size: 13px;
	vertical-align: top;
}

@media all and (max-width: 530px) {
	#offerGiftPopup .selectGiftWrap .giftWrap ul li {
		width: 33%;
	}
}

.main .tiktokWrap .info {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	padding: 15px;
	z-index: 10;
	cursor: pointer;
	height: 100%;
	box-sizing: border-box;
	overflow-y: auto;
}

.main .tiktokWrap .innerWrap.show-info .info {
	display: block;
}

.main .tiktokWrap .slick-arrow:before {
	display: inline !important;
}

.main .dermaclinic {
	margin-top: 20px;
	padding: 0 24px;
	background-color: #f9fbff;
}

.main .dermaclinic .dermaThumb {
	display: flex;
	gap: 2px;
}

.main .dermaThumb li {
	overflow: hidden;
}

.main .dermaThumb img {
	transform: scale(1) rotate(.001deg);
	transform-origin: center center;
	transition-duration: 0.2s;
}

.main .dermaThumb img:hover {
	transform: scale(1.1) rotate(.001deg)
}

.main .dermaAsk {
	margin: 15px 0 0;
	padding-bottom: 48px;
}

.main .dermaAsk .list {
	margin: 0 auto;
}

.main .dermaAsk .list:after {
	content: "";
	display: block;
	clear: both;
}

.main .dermaAsk .list {
	display: inline-block;
	width: 100%;
	text-align: left;
}

.main .dermaAsk .list .item {
	margin-top: 0;
}

.main .dermaAsk .list .item li {
	padding: 10px 8px;
	border-bottom: 1px solid #d9d9d9;
	height: 36px;
	display: flex;
	align-items: center;
}

.main .dermaAsk .list .item li:last-child {
	border-bottom: none;
}

.main .dermaAsk .list .item li a {
	display: flex;
	gap: 10px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.main .dermaAsk .list .item li a strong {
	font-family: 'Montserrat';
	font-weight: bold;
	height: 21px;
	display: block;
	line-height: 19px;
}

.main .dermaAsk .list .item li a span {
	line-height: 19px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	min-height: 21px;
}

.main .dermaAsk .tabBox {
	border-bottom: 1px solid #d9d9d9;
}

.main .dermaAsk .tabBox .slick-dots {
	position: relative;
	top: auto;
	right: auto;
	display: flex;
	align-items: end;
}

.main .dermaAsk .tabBox .slick-dots li {
	width: 33.33%;
	margin: 0;
}

.main .dermaAsk .tabBox .slick-dots li a {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	padding: 19px 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 12px;
	color: #aaa;
	line-height: 18px;
	text-align: center;
}

.main .dermaAsk .tabBox .slick-dots .slick-active a {
	color: #5887da;
}

.main .dermaAsk .tabBox .slick-dots .slick-active a::after {
	position: absolute;
	left: 0;
	bottom: -1px;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: #5887da;
}

.main .astrSNS {
	overflow: hidden;
	margin-top: 40px;
	padding: 40px 0;
	border-top: 1px solid #f1f1f1;
}

.main .astrSNS .tit {
	margin-bottom: 12px;
	padding: 0 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.05em;
	color: #222;
}

.main .astrSNS .tit span {
	display: block;
	margin-top: 4px;
	font-family: 'Montserrat';
	font-size: 11px;
}

.main .astrSNS .list {
	overflow: hidden;
	margin-left: -1px;
}

.main .astrSNS .list .item {
	position: relative;
	float: left;
	width: 33.333%;
	padding: 1px 0 33.333% 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main .astrSNS .list .item a {
	overflow: hidden;
	position: absolute;
	left: 1px;
	top: 1px;
	display: block;
	width: calc(100% - 1px);
	height: calc(100% - 1px);
}

.main .astrSNS .list .item img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}

.main .astrSNS .btn {
	margin: 25px 25px 0;
}

/**
Shop main
**/
/* B2C */
.shopMain .visualBan .item {
	position: relative;
	height: calc(100vh - 75px);
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	outline: none;
}

.shopMain .visualBan .item .txt {
	position: absolute;
	left: 0;
	bottom: 80px;
	z-index: 1;
	width: 100%;
	padding: 0 40px;
	color: #222;
	box-sizing: border-box;
}

.shopMain .visualBan .item .txt a {
	outline: none;
}

.shopMain .visualBan .item .txt .date {
	position: relative;
	top: 40px;
	opacity: 0;
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-size: 13px;
	color: #222;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.shopMain .visualBan .item .txt .txt1 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	line-height: 26px;
	-webkit-transition: all 1s 0.1s ease-in-out;
	transition: all 1s 0.1s ease-in-out;
}

.shopMain .visualBan .item .txt .txt2 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-size: 14px;
	margin-top: 10px;
	-webkit-transition: all 1s 0.2s ease-in-out;
	transition: all 1s 0.2s ease-in-out;
}

.shopMain .visualBan .item.slick-current .txt .date, .shopMain .visualBan .item.slick-current .txt .txt1,
	.shopMain .visualBan .item.slick-current .txt .txt2, .shopMain .visualBan .item.slick-current .txt .btn
	{
	top: 0;
	opacity: 1;
}

.shopMain .keyService {
	margin: 40px 0 50px;
}

.shopMain .keyService .item {
	width: 61%;
	min-width: 210px;
}

.shopMain .keyService .item:first-child {
	margin-left: 25px;
}

.shopMain .keyService .item:last-child {
	margin-right: 25px;
}

.shopMain .keyService .item a {
	display: block;
	height: 85vw;
	padding: 30px 25px 0;
	box-sizing: border-box;
	color: #222;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}

.shopMain .keyService .item .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
}

.shopMain .keyService .item .txt {
	margin: 12px 0 20px;
	font-size: 12px;
	line-height: 18px;
}

.shopMain .keyService .item .detail {
	display: inline-block;
	padding-right: 20px;
	background: url("../images/common/arr_viewall.png") no-repeat 100% 50%;
	-webkit-background-size: 12px;
	background-size: 12px;
}

.shopMain .productListType1 {
	padding: 40px 0 50px;
}

.shopMain .productListType1.new {
	background: #f8f8f8;
}

.shopMain .productListType1.best {
	background: #f2f2f2;
}

.shopMain .productListType1 .lineInfo {
	position: relative;
	left: auto;
	top: auto;
	margin-bottom: 60px;
}

.shopMain .productListType1 .lineInfo .lineName {
	margin: 0 0 12px;
	font-size: 20px;
}

.shopMain .productListType1 .lineInfo .desc {
	font-size: 13px;
}

.shopMain .productListType1 .mCSB_inside>.mCSB_container {
	margin-bottom: 40px;
}

.shopMain .md365 {
	padding: 50px 0;
}

.shopMain .md365>.title {
	margin-bottom: 25px;
	padding: 0 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.shopMain .md365 .summary .item {
	width: 80%;
	padding: 15px 15px 40px;
	background: #eee;
	box-sizing: border-box;
}

.shopMain .md365 .summary .item:first-child {
	margin-left: 25px;
}

.shopMain .md365 .summary .item:last-child {
	margin-right: 25px;
}

.shopMain .md365 .summary .item .category {
	padding: 5px 10px 10px;
	font-size: 10px;
}

.shopMain .md365 .summary .item .subTit {
	padding: 10px;
	border-top: 2px solid #222;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.shopMain .md365 .summary .item .lineNm {
	padding: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.shopMain .md365 .summary .item .lineDesc {
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 19px;
}

.shopMain .md365 .summary .item .label {
	position: relative;
	margin-top: 10px;
	border-top: 1px solid #222;
	font-size: 0;
}

.shopMain .md365 .summary .item .label span {
	display: inline-block;
	height: 22px;
	padding: 0 8px;
	margin-top: -1px;
	background: #222;
	line-height: 22px;
	font-family: 'Montserrat';
	font-size: 10px;
	color: #fff;
}

.shopMain .md365 .summary .item .pdt_list_simple {
	margin-top: 8px;
}

.shopMain .faqDiff {
	margin-top: 60px;
	text-align: center;
}

.shopMain .faqDiff .item {
	outline: none;
}

.shopMain .faqDiff .item .q {
	padding: 0 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	color: #222;
}

.shopMain .faqDiff .item .q .qNum {
	display: block;
	padding-top: 35px;
	margin-bottom: 15px;
	background: url("../images/product/ico_quotes.png") no-repeat 50% 0;
	-webkit-background-size: 33px;
	background-size: 33px;
	font-family: 'Montserrat';
	color: #5f77ba;
}

.shopMain .faqDiff .item .a {
	margin-top: 30px;
	padding: 0 40px;
	line-height: 20px;
}

.shopMain .faqDiff .slick-arrow {
	position: absolute;
	top: 85px;
	width: 15px;
	height: 29px;
	background: url("../images/common/arr_bk.png") no-repeat;
	-webkit-background-size: 50px;
	background-size: 50px;
	font-size: 0;
	color: transparent;
	z-index: 1;
}

.shopMain .faqDiff .slick-arrow.slick-prev {
	left: 12px;
	background-position: 0 0;
}

.shopMain .faqDiff .slick-arrow.slick-next {
	right: 12px;
	background-position: 100% 0;
}

.shopMain .faqDiff .slick-dots {
	width: 100%;
	margin-top: 35px;
	text-align: center;
}

.shopMain .faqDiff .slick-dots li {
	display: inline-block;
	margin: 0 4px;
	vertical-align: middle;
}

.shopMain .faqDiff .slick-dots li button {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666;
	font-size: 0;
	color: transparent;
}

.shopMain .faqDiff .slick-dots li.slick-active button {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #5f77ba;
	font-size: 0;
	color: transparent;
}

.shopMain .bestReview {
	border-top: 1px solid #dcdcdc;
	margin-bottom: 40px;
}

.shopMain .bestReview .titArea {
	padding-bottom: 30px;
	text-align: left;
}

.shopMain .bestReview .titArea p {
	margin: 5px 0 0;
	color: #222;
}

.shopMain .bestReview .photoRvItem {
	padding-right: 0;
	margin: 0;
}

.shopMain .bestReview .photoRvItem:first-child {
	margin-left: 25px;
}

.shopMain .bestReview .photoRvItem:last-child {
	margin-right: 25px;
}

.shopMain .photoReviewList .photoRvItem .cont {
	padding-right: 25px;
}

.shopMain .photoReviewList .photoRvItem .cont .repairMenu {
	right: 10px;
}

/* B2B */
#container.shopMainBWrap {
	padding-top: 115px;
}

.shopMainB {
	position: relative;
	padding-bottom: 130px;
}

.shopMainB .visualBan_wrap {
	position: relative;
	height: 0;
	padding-top: 182%;
	max-height: 91.6667%;
	overflow: hidden;
}

.shopMainB .visualBan {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.shopMainB .slick-list, .shopMainB .slick-track {
	height: 100%;
}

.shopMainB .visualBan .item {
	position: relative;
	height: 100%;
}

.shopMainB .visualBan .item .item_bg {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.shopMainB .visualBan .item .txt {
	position: absolute;
	left: 0;
	bottom: 80px;
	z-index: 1;
	width: 100%;
	padding: 0 40px;
	color: #222;
	box-sizing: border-box;
}

.shopMainB .visualBan .item .txt .txt1 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	line-height: 26px;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.shopMainB .visualBan .item .txt .txt2 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-size: 14px;
	margin-top: 10px;
	-webkit-transition: all 1s 0.1s ease-in-out;
	transition: all 1s 0.1s ease-in-out;
}

.shopMainB .visualBan .item.slick-current .txt .txt1, .shopMainB .visualBan .item.slick-current .txt .txt2,
	.shopMainB .visualBan .item.slick-current .txt .btn {
	top: 0;
	opacity: 1;
}

.shopMainB .secTitle {
	margin-top: 75px;
	border-top: 1px solid #dcdcdc;
	padding: 45px 12px 0;
	text-align: center;
	font-size: 13px;
	color: #222;
}
/* .shopMainB .secTitle.first {margin-top:0; border:none;} */
.shopMainB .secTitle span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
}

.shopMainB .goPayment {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	display: none;
}

.shopMainB .goPayment.floating {
	position: fixed;
}

.productDetail.productView .pdtInfo {
	padding: 0;
	border-bottom: none;
}

.productDetail.productView .pdtInfo .thumbnail {
	background: #f8f8f8;
}

.productDetail.productView .pdtInfo .top {
	padding-bottom: 25px;
}

.productDetail.productView .pdtInfo .top .pdtName {
	margin: 25px 0 5px;
}

.productDetail.productView .pdtInfo .pdtEnName {
	font-size: 12px;
}

.productDetail.productView .pdtInfo .bnfBadge {
	margin-top: 0;
}

.productDetail .detailSummary {
	padding: 20px 30px;
	border-top: 2px solid #222;
}

.productDetail .detailSummary .tit {
	margin-bottom: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #222;
}

.productDetail .detailSummary dl {
	margin: 25px 0 35px;
	line-height: 24px;
}

.productDetail .detailSummary dl dt {
	margin-top: 15px;
	padding-left: 8px;
	text-indent: -8px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.productDetail .detailSummary dl dd {
	padding-left: 8px;
}

.mdCart .selected>ul>li {
	position: relative;
	margin-top: 20px;
	padding-left: 117px;
}

.mdCart .selected>ul>li:first-child {
	margin-top: 0;
}

.mdCart .selected>ul>li .thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 103px;
	background: #f8f8f8;
}

.mdCart .selected>ul>li .name {
	padding: 10px 0 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.mdCart .selected>ul>li .qty {
	overflow: hidden;
	margin-top: 16px;
}

.mdCart .selected>ul>li .qty .qtyOption {
	float: left;
	width: auto;
	margin-right: 5px;
}

.mdCart .selected>ul>li .qty .qtyOption .inputText {
	width: 40px;
}

.mdCart .selected>ul>li .qty .btn {
	float: left;
}

.mdCart .btnWrap {
	margin-top: 40px;
}

.mdCart .selected .btnWrap.type2 li:first-child {
	width: 60%;
}

.mdCart .selected .btnWrap.type2 li:last-child {
	width: 40%;
}

.mdCart .gift {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.mdCart .gift .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mdCart .gift ul {
	padding: 20px 15px;
}

.mdCart .gift li {
	position: relative;
	margin-top: 15px;
	font-size: 11px;
}

.mdCart .gift li:first-child {
	margin-top: 0;
}

.mdCart .gift li img {
	width: 55px;
	background: #f8f8f8;
}

.mdCart .gift li .txt {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	padding-left: 70px;
	box-sizing: border-box;
	transform: translateY(-50%);
}

.mdCart .gift li .name {
	color: #222;
}

.mdCart .amount {
	padding: 40px 0;
}

.mdCart .amount dl {
	overflow: hidden;
	padding: 0 15px;
	margin-top: 30px;
	color: #222;
}

.mdCart .amount dl:first-child {
	margin-top: 0;
}

.mdCart .amount dl dt {
	float: left;
}

.mdCart .amount dl dd {
	float: right;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 1;
}

.mdCart .amount dl dd span {
	font-size: 18px;
}

.mdSavePdt dl {
	padding: 20px 0;
	border-top: 1px solid #dcdcdc;
}

.mdSavePdt dl:first-child {
	padding-top: 0;
	border-top: none;
}

.mdSavePdt dl:last-of-type {
	padding-bottom: 0;
}

.mdSavePdt dl dt {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mdSavePdt dl dd {
	margin-top: 15px;
	line-height: 24px;
	color: #222;
}

.mdSavePdt dl dd>.btn {
	float: right;
	width: 48px;
}

.mdSavePdt dl:first-of-type dd {
	height: 40px;
	line-height: 40px;
}

.mdSavePdt dl:first-of-type dd .inputHasBtn3 {
	padding-right: 53px;
	font-size: 0;
}

.mdSavePdt dl:first-of-type dd .inputHasBtn3 .btn {
	width: 48px;
	font-size: 14px;
}

.mdSavePdt .btnWrap {
	margin-top: 50px;
}

.mdSavePdtList .svList {
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc;
}

.mdSavePdtList .svList:first-child {
	border-top: 1px solid #dcdcdc;
}

.mdSavePdtList .svList .item {
	position: relative;
	height: 40px;
	color: #222;
}

.mdSavePdtList .svList .item .input.radio {
	height: 40px;
	line-height: 40px;
}

.mdSavePdtList .svList .item .input.radio span {
	overflow: hidden;
	display: inline-block;
	width: calc(100% - 130px);
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
}

.mdSavePdtList .svList .item .inputText {
	display: inline-block;
	width: calc(100% - 130px);
	margin-left: 10px;
}

.mdSavePdtList .svList .item .svDate {
	float: right;
	margin: 10px 20px 0 0;
	font-size: 12px;
	color: #888;
}

.mdSavePdtList .svList .item .handler {
	position: absolute;
	right: -10px;
	top: 5px;
	display: block;
	width: 10px;
	height: 6px;
	padding: 10px;
	background: url("../images/common/arr_down_gr2.png") no-repeat 50% 50%;
	-webkit-background-size: 10px;
	background-size: 10px;
	font-size: 0;
	color: transparent;
}

.mdSavePdtList .svList .list {
	display: none;
	padding: 0 20px 0 24px;
	margin-top: 20px;
	line-height: 24px;
	color: #222;
}

.mdSavePdtList .svList .list li {
	overflow: hidden;
}

.mdSavePdtList .svList .list li .name {
	float: left;
	width: 80%;
}

.mdSavePdtList .svList .list li span {
	float: right;
	width: 20%;
	text-align: right;
}

.mdSavePdtList .svList .list a {
	display: inline-block;
	margin-top: 20px;
	text-align: right;
	width: calc(100% - 26px);
}

.mdSavePdtList .svList .list a+div {
	display: inline-block;
	width: 17px;
	text-align: right;
	padding-left: 5px;
}

.mdSavePdtList .svList .list a+div img {
	position: relative;
	top: 3px;
}

.mdSavePdtList .svList.on .list {
	display: block;
}

.mdSavePdtList .svList.on .handler {
	transform: rotate(180deg);
}

.mdSavePdtList .btnWrap {
	margin-top: 30px;
}

/**
PRODUCT
**/
/* product view */
#container.productView {
	padding-top: 0;
}

.pdtVisualWrap {
	position: relative;
}

.pdtVisualWrap:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	content: "";
	display: block;
	width: 100%;
	height: 150px;
	background: url("../images/product/bg_shadow.png") repeat-x;
	-webkit-background-size: 25px;
	background-size: 25px;
}

.pdtVisualWrap .pdtVisual .item img {
	width: 100%;
}

.pdtVisualWrap .pdtVisual .indicator {
	bottom: 25px;
}

.productView .pdtInfo {
	padding: 30px 25px 60px;
	border-bottom: 2px solid #222;
}

.productView .pdtInfo .bnfBadge {
	margin-bottom: 10px;
	font-size: 0;
}

.productView .pdtInfo .bnfBadge span {
	display: inline-block;
	width: 35px;
	height: 15px;
	margin-right: 2px;
	background: #222;
	text-align: center;
	line-height: 15px;
	font-family: 'Montserrat';
	font-size: 10px;
	color: #fff;
}

.productView .pdtInfo .bnfBadge span.sale {
	background: #5f77ba;
}

.productView .pdtInfo .keyword {
	margin-top: 4px;
}

.productView .pdtInfo .keyword li {
	display: inline-block;
	height: 26px;
	padding: 0 7px;
	margin: 4px 4px 0 0;
	border: 1px solid #5f77ba;
	border-radius: 2px;
	vertical-align: middle;
	line-height: 24px;
	font-size: 14px;
	color: #5f77ba;
}

.productView .pdtInfo .purchaseBnf {
	padding: 10px 15px;
	background: #f8f8f8;
	font-size: 13px;
	line-height: 20px;
}

.productView .pdtInfo .giftList {
	margin-top: 3px;
	background: #f8f8f8;
	font-size: 0;
}

.productView .pdtInfo .giftList dt a {
	position: relative;
	display: block;
	padding: 10px 15px;
	font-size: 13px;
}

.productView .pdtInfo .giftList dt a:after {
	position: absolute;
	right: 15px;
	top: 16px;
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	background: url("../images/common/arr_offer_close.png") no-repeat 50%
		100%;
	-webkit-background-size: 10px;
	background-size: 10px;
	transition: all 0.2s;
}

.productView .pdtInfo .giftList dd {
	display: none;
	padding: 8px 15px;
}

.productView .pdtInfo .giftList dd:first-of-type {
	margin-top: 13px;
}

.productView .pdtInfo .giftList dd:last-of-type:after {
	content: "";
	display: block;
	width: 100%;
	height: 13px;
}

.productView .pdtInfo .giftList dd img {
	display: inline-block;
	width: 55px;
	vertical-align: middle;
	background: #fff;
}

.productView .pdtInfo .giftList dd .txt {
	display: inline-block;
	width: calc(100% - 70px);
	margin-left: 15px;
	vertical-align: middle;
	font-size: 11px;
}

.productView .pdtInfo .giftList dd .txt p:last-child {
	color: #222;
}

.productView .pdtInfo .giftList dt a {
	position: relative;
}

.productView .pdtInfo .giftList dt a:before {
	position: absolute;
	right: 18px;
	top: 16px;
	content: "";
	display: block;
	width: 1px;
	height: 7px;
	background: #bbb;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.productView .pdtInfo .giftList dt a:after {
	position: absolute;
	right: 22px;
	top: 16px;
	content: "";
	display: block;
	width: 1px;
	height: 7px;
	background: #bbb;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.productView .pdtInfo .giftList.on dt a:before {
	transform: rotate(135deg);
}

.productView .pdtInfo .giftList.on dt a:after {
	transform: rotate(-135deg);
}

.productView .pdtInfo .top {
	position: relative;
	padding-bottom: 30px;
	border-bottom: 2px solid #222;
}

.productView .pdtInfo .top>.pdtName:first-child {
	padding-top: 35px;
	margin-top: 0;
}

.productView .pdtInfo .top .typeLabel {
	display: inline-block;
	height: 22px;
	padding: 0 6px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
}

.productView .pdtInfo .top .typeLabel.type_md {
	background: #222;
}

.productView .pdtInfo .top .typeLabel.type_365 {
	background: #5f77ba;
}

.productView .pdtInfo .top .regOrd {
	display: inline-block;
	height: 20px;
	padding: 0 6px;
	border: 1px solid #5f77ba;
	vertical-align: middle;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #5f77ba;
}

.productView .pdtInfo .top .pdtName {
	margin: 12px 0 5px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	line-height: 28px;
	word-break: keep-all;
	color: #222;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.productView .pdtInfo .top .btnSnsShare {
	position: absolute;
	right: 0;
	top: 3px;
}

.productView .pdtInfo .mid {
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc;
}

.productView .pdtInfo .mid .intro {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.productView .pdtInfo .mid .desc {
	margin-top: 8px;
	font-size: 13px;
	line-height: 20px;
	color: #222;
}

.productView .pdtInfo .btm {
	overflow: hidden;
	padding-top: 12px;
	margin-bottom: 15px;
}

.productView .pdtInfo .btm .quantity {
	float: left;
	margin: 3px 10px 0 0;
	font-size: 14px;
}

.productView .pdtInfo .btm .price {
	float: left;
	font-size: 14px;
	color: #222;
}

.productView .pdtInfo .btm .price span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.productView .pdtInfo .btm .price .cost {
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 10px;
	text-decoration: line-through;
	font-size: 15px;
	font-family: 'Montserrat';
	color: #888;
}

.productView .pdtInfo .btm .soldOut {
	float: right;
	font-size: 14px;
	font-family: 'Montserrat';
	color: #ff3f3c;
}

.productView .tabType.tabMenu3 {
	background: #fff;
	width: 100%;
}

.productView .pdtInfoBox {
	padding: 20px 25px 40px;
	border-top: 2px solid #222;
}

.productView .pdtInfoBox .secTit {
	margin-bottom: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.productView .pdtInfoBox .relatePdtWrap .slick-list a {
	outline: none;
}

.productView .ingredient {
	margin-top: 40px;
}

.productView .ingredient ul li {
	margin-top: 5px;
	padding: 20px;
	border: 1px solid #dcdcdc;
}

.productView .ingredient ul li:first-child {
	margin-top: 0;
}

.productView .ingredient ul li .name {
	padding-left: 18px;
	background: url("../images/product/ico_check.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.productView .ingredient ul li .desc {
	margin-top: 12px;
	font-size: 14px;
	color: #222;
}

.productView .ingredient .btn {
	width: 150px;
	margin: 20px auto 0;
}

.productView .noAdditives ul {
	font-size: 0;
}

.productView .noAdditives ul li {
	display: inline-block;
	height: 36px;
	margin: 0 7px 10px 0;
	padding: 0 15px;
	border: 1px solid #dcdcdc;
	border-radius: 18px;
	line-height: 34px;
	vertical-align: middle;
	font-size: 0;
	color: #222;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}

.productView .noAdditives ul li span {
	display: inline-block;
	padding-left: 17px;
	font-size: 14px;
	background: url("../images/product/ico_check.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
}

.productView .recommPdt .relatePdtWrap {
	padding: 0 15px;
}

.productView .reqInfo {
	padding: 0;
}

.productView .reqInfo a {
	position: relative;
	display: block;
	padding: 20px 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.productView .reqInfo a:after {
	position: absolute;
	right: 25px;
	top: 24px;
	content: "";
	display: block;
	width: 9px;
	height: 16px;
	background: url("../images/common/arr_right_bk.png") no-repeat;
	-webkit-background-size: 9px;
	background-size: 9px;
}

.productView #goShop .btnWrap ul li .btn a {
	padding: 0 18px;
	font-family: 'Montserrat';
	font-size: 16px;
	text-align: left;
}

.productView #goShop .btnWrap ul li .btn span {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/product/arr_right.png") no-repeat 100% 50%;
	-webkit-background-size: auto 13px;
	background-size: auto 13px;
}

.productView.tabFloating .tabType.tabMenu3 {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3;
}

.productView .pdtDlvInfo {
	padding: 40px 25px;
}

.productView .pdtDlvInfo .infoList3 {
	margin-bottom: 60px;
}

.productView .reviewShowcase .reviewSummary {
	padding: 60px 25px 40px;
	text-align: center;
}

.productView .reviewShowcase .reviewSummary .total {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 19px;
	color: #222;
}

.productView .reviewShowcase .reviewSummary .rating_large {
	margin: 20px auto 15px;
}

.productView .reviewShowcase .writeRvw {
	margin: 0 25px;
}

.productView .reviewShowcase .gradeAvgWrap {
	padding: 0 25px;
}

.productView .reviewShowcase .gradeAvgWrap .after {
	padding: 40px 0;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.productView .reviewShowcase .gradeAvgWrap .gradeAvg {
	float: left;
	width: 46%;
	font-size: 12px;
}

.productView .reviewShowcase .gradeAvgWrap .gradeAvg:first-child {
	padding-right: 4%;
}

.productView .reviewShowcase .gradeAvgWrap .gradeAvg:last-child {
	padding-left: 4%;
}

.productView .reviewShowcase .gradeAvgWrap .gradeAvg .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.productView .reviewShowcase .gradeAvgWrap .gradeAvg .rating {
	margin: 18px 0 12px;
}

.productView .reviewShowcase .graph {
	padding: 40px 25px 85px;
}

.productView .reviewShowcase .graph .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.productView .reviewShowcase .graph .afterUseAvg {
	position: relative;
	height: 100px;
	margin-top: 30px;
}

.productView .reviewShowcase .graph .afterUseAvg .guideline {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.productView .reviewShowcase .graph .afterUseAvg .guideline span {
	display: block;
	margin-top: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 0;
	color: #222;
	font-size: 0;
}

.productView .reviewShowcase .graph .afterUseAvg .guideline span:first-child
	{
	margin-top: 0;
}

.productView .reviewShowcase .graph .afterUseAvg .guideline span:after {
	position: absolute;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 16px;
	background: #dcdcdc;
}

.productView
  .reviewShowcase
  .graph
  .afterUseAvg
  .guideline
  span:nth-of-type(1):after {
	top: 0;
}

.productView
  .reviewShowcase
  .graph
  .afterUseAvg
  .guideline
  span:nth-of-type(2):after {
	top: 50%;
}

.productView
  .reviewShowcase
  .graph
  .afterUseAvg
  .guideline
  span:nth-of-type(3):after {
	top: 100%;
	background: #222;
}

.productView .reviewShowcase .graph .afterUseAvg .guideline span em {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 86px;
	height: 23px;
	padding-right: 10px;
	background: #fff;
	line-height: 23px;
	text-align: right;
	font-size: 13px;
}

.productView .reviewShowcase .graph .afterUseAvg .guideline span em:after
	{
	position: relative;
	top: 6px;
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin-left: 6px;
	background: url("../images/experience/ico_barometer.png") no-repeat;
	-webkit-background-size: auto 23px;
	background-size: auto 23px;
}

.productView
  .reviewShowcase
  .graph
  .afterUseAvg
  .guideline
  span:nth-of-type(1)
  em:after {
	background-position: 100% 0;
}

.productView
  .reviewShowcase
  .graph
  .afterUseAvg
  .guideline
  span:nth-of-type(2)
  em:after {
	background-position: 50% 0;
}

.productView
  .reviewShowcase
  .graph
  .afterUseAvg
  .guideline
  span:nth-of-type(3)
  em:after {
	background-position: 0 0;
}

.productView .reviewShowcase .graph .afterUseAvg dl {
	position: absolute;
	right: 0;
	bottom: -16px;
	width: calc(100% - 96px);
	height: 100px;
}

.productView .reviewShowcase .graph .afterUseAvg dl dt {
	position: absolute;
	bottom: -25px;
	width: 40px;
	margin-left: 15%;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.productView .reviewShowcase .graph .afterUseAvg dl dt:nth-of-type(1) {
	left: 0%;
}

.productView .reviewShowcase .graph .afterUseAvg dl dt:nth-of-type(2) {
	left: 30%;
}

.productView .reviewShowcase .graph .afterUseAvg dl dt:nth-of-type(3) {
	left: 60%;
}

.productView .reviewShowcase .graph .afterUseAvg dl dd {
	position: absolute;
	bottom: 0;
	height: 100%;
	margin-left: 16px;
}

.productView .reviewShowcase .graph .afterUseAvg dl dd:nth-of-type(1) {
	left: 15%;
}

.productView .reviewShowcase .graph .afterUseAvg dl dd:nth-of-type(2) {
	left: 45%;
}

.productView .reviewShowcase .graph .afterUseAvg dl dd:nth-of-type(3) {
	left: 75%;
}

.productView .reviewShowcase .graph .afterUseAvg dl dd i {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 8px;
	height: 0;
	background: #5f77ba;
	transition: all 1s ease-in-out;
}

.productView .reviewShowcase .graph .afterUseAvg dl dd span {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: 4px;
	margin-bottom: 4px;
	white-space: nowrap;
	transform: translateX(-50%);
	color: #5f77ba;
	transition: all 1s ease-in-out;
}

.productView .reviewShowcase .listSort {
	padding: 40px 25px 15px;
	border-bottom: 1px solid #222;
}

.productView .reviewShowcase .listSort a {
	margin-right: 15px;
}

.productView .reviewShowcase .listSort a.on {
	color: #222;
}

.productView .reviewShowcase .photoReviewList {
	margin: 40px 0 100px;
}

.pdtBuyingOpt {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 3000;
	width: 100%;
	height: 45px;
}

.pdtBuyingOpt .buy_panel {
	display: none;
	position: absolute;
	left: 0;
	bottom: 45px;
	width: 100%;
	transform: translateY(100%);
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.pdtBuyingOpt .handler {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: -1px;
}

.pdtBuyingOpt .handler a {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 17px;
	border: 1px solid #dcdcdc;
	border-bottom: none;
	background: #fff;
	font-size: 0;
	color: transparent;
}

.pdtBuyingOpt .handler a:after {
	position: absolute;
	left: 50%;
	top: 6px;
	content: "";
	display: block;
	width: 10px;
	height: 5px;
	margin-left: -5px;
	background: url("../images/common/arr_up_bk.png") no-repeat;
	-webkit-background-size: 10px;
	background-size: 10px;
}

.pdtBuyingOpt .scrollArea {
	border-top: 1px solid #dcdcdc;
	background: #fff;
}

.pdtBuyingOpt .select {
	padding: 15px 12px;
}

.pdtBuyingOpt .selItem {
	position: relative;
	padding: 16px 12px;
	margin-top: 1px;
	background: #f8f8f8;
}

.pdtBuyingOpt .selItem:first-child {
	margin-top: 15px;
}

.pdtBuyingOpt .selItem .name {
	color: #222;
}

.pdtBuyingOpt .selItem .qtyOption {
	margin-top: 15px;
}

.pdtBuyingOpt .selItem .price {
	position: absolute;
	right: 12px;
	bottom: 23px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.pdtBuyingOpt .selItem .delete {
	position: absolute;
	right: 12px;
	top: 20px;
	width: 11px;
	font-size: 0;
}

.pdtBuyingOpt .regOrdChk {
	padding: 15px 12px;
	border-bottom: 1px solid #dcdcdc;
}

.pdtBuyingOpt .regOrdChk .inputWrap label {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.pdtBuyingOpt .amount {
	overflow: hidden;
	padding: 25px 12px 15px;
	color: #222;
}

.pdtBuyingOpt .amount .qty {
	float: left;
	margin-top: 4px;
}

.pdtBuyingOpt .amount .price {
	float: right;
}

.pdtBuyingOpt .amount .price span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
}

.pdtBuyingOpt .btnWrap {
	position: relative;
}

.pdtBuyingOpt .btnWrap.type2 li {
	padding: 0 !important;
}

.pdtBuyingOpt .btnWrap.type2:before {
	position: absolute;
	left: 50%;
	top: 11px;
	content: "";
	display: block;
	width: 1px;
	height: 24px;
	background: #8598cb;
}

.pdtBuyingOpt.isVisible {
	z-index: 3001;
}

.pdtBuyingOpt.isVisible .buy_panel {
	transform: translateY(0);
}

@media all and (max-height: 320px) {
	.pdtBuyingOpt
 
.scrollArea {
		max-height: 200px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* 관련제품 */
.relatePdt .item {
	position: relative;
	min-height: 103px;
	padding-left: 115px;
	margin: 10px 0;
}

.relatePdt .item .thumb {
	position: absolute;
	left: 0;
	top: 50%;
	width: 103px;
	background: #eee;
	transform: translateY(-50%);
}

.relatePdt .item .txt {
	display: table-cell;
	height: 103px;
	vertical-align: middle;
}

.relatePdt .item .desc {
	font-size: 13px;
	color: #222;
}

.relatePdt .item .tit {
	margin: 4px 0 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.relatePdt .item .stat {
	font-size: 13px;
}

.relatePdt .item .stat .price {
	color: #222;
}

.relatePdt .item .stat .price em {
	font-size: 14px;
	color: #5f77ba;
}

.relatePdt .item .stat .price .cost {
	margin-right: 10px;
	font-size: 12px;
	text-decoration: line-through;
	color: #888;
}

.relatePdt .item .stat .price .soldOut {
	color: #ff3f3c;
}

.relatePdt .item .stat .qty {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

.relatePdt .item .stat .qty:before {
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: #888;
}

.relatePdt .indicator {
	position: relative;
	left: auto;
	bottom: auto;
	width: 100%;
	margin-top: 20px;
}

/* 제품리스트 */
.productListType1 {
	position: relative;
	padding: 185px 0 50px;
}

.productListType1:nth-of-type(odd) {
	background: #f8f8f8;
}

.productListType1:nth-of-type(even) {
	background: #f2f2f2;
}

.productListType1 .lineInfo {
	position: absolute;
	left: 0;
	top: 45px;
	width: 100%;
	padding: 0 25px;
	box-sizing: border-box;
}

.productListType1 .lineInfo .lineDesc {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
}

.productListType1 .lineInfo .lineDesc.C01 {
	color: #0b658a;
}

.productListType1 .lineInfo .lineDesc.C02 {
	color: #7e3587;
}

.productListType1 .lineInfo .lineDesc.C03 {
	color: #9a1d3c;
}

.productListType1 .lineInfo .lineDesc.C04 {
	color: #6077bd;
}

.productListType1 .lineInfo .lineDesc.C05 {
	color: #888;
}

.productListType1 .lineInfo .lineName {
	margin: 1px 0 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 29px;
	color: #222;
}

.productListType1 .lineInfo .desc {
	font-size: 14px;
	color: #222;
}

.productListType1 .viewall {
	display: block;
	margin: 25px 0 0 25px;
}

.productListType1 .viewall a {
	display: inline-block;
	padding-right: 20px;
	background: url("../images/common/arr_viewall.png") no-repeat 100% 6px;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
	font-size: 14px;
	color: #222;
}

.pdtListType1 {
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
}

.pdtListType1 .item {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 50vw;
	white-space: normal;
}

.pdtListType1 .item:first-of-type {
	padding-left: 25vw;
}

.pdtListType1 .item:last-of-type {
	padding-right: 25vw;
}

.pdtListType1 .item .name {
	overflow: hidden;
	max-height: 3em;
	margin: 40px 0 10px;
	padding: 0 25px;
	font-size: 14px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.shopMain .productListType1 .pdtListType1 .item .name {
	overflow: hidden;
	max-height: 3em;
	margin: 10px 0 10px;
	padding: 0 25px;
	font-size: 14px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.shopMain .productListType1 .pdtListType1 .item .desc {
	display: block;
	margin-top: 40px;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: nowrap;
}

.pdtListType1 .item .price {
	font-size: 13px;
	color: #222;
}

.pdtListType1 .item .price em {
	font-size: 14px;
	color: #5f77ba;
}

.pdtListType1 .item .price .cost {
	margin-right: 5px;
	font-size: 13px;
	text-decoration: line-through;
	color: #888;
}

.pdtListType1 .item .price .soldout {
	font-size: 14px;
	color: #ff3f3c;
}

.pdtListType1 .item .rvw {
	margin-top: 8px;
	text-align: center;
	font-size: 12px;
	color: #333;
}

.pdtListType1 .item .rating {
	margin-top: 20px;
}

.pdtListType1 .item .keyword {
	display: block;
	margin-top: 18px;
	font-size: 14px;
	color: #5f77ba;
}

.pdtItem .linkArea {
	display: block;
	width: 100%;
	padding: 30px 25px 40px;
	box-sizing: border-box;
}

.pdtItem .thumbnail {
	position: relative;
	width: 77%;
	margin: 0 auto 20px;
}

.pdtItem .thumbnail .restock {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 75px;
	height: 30px;
	margin: -15px 0 0 -37px;
	text-align: center;
	background: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.pdtItem .desc {
	font-size: 14px;
	letter-spacing: -0.05em;
	color: #222;
}

.pdtItem .name {
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -0.05em;
	color: #222;
}

.pdtItem .keyword {
	margin-top: 25px;
	padding-top: 8px;
	border-top: 1px solid #dcdcdc;
}

.pdtItem .keyword span {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	color: #5f77ba;
}

.pdtItem .price {
	margin-top: 13px;
	font-size: 13px;
	color: #222;
}

.pdtItem .price em {
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.pdtItem .price .qty {
	position: relative;
	margin-left: 5px;
	padding-left: 8px;
	color: #888;
}

.pdtItem .price .qty:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #888;
}

.pdtItem .price .cost {
	margin-right: 5px;
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.pdtItem .price .soldOut {
	font-size: 14px;
	color: #ff3f3c;
}

.bnfBadge {
	margin-top: 10px;
	font-size: 0;
}

.bnfBadge .sale, .bnfBadge .set, .bnfBadge .gift, .bnfBadge .nn {
	display: inline-block;
	width: 45px;
	height: 15px;
	margin-right: 2px;
	background: #222;
	text-align: center;
	line-height: 15px;
	font-family: 'Montserrat';
	font-size: 10px;
	color: #fff;
}

.bnfBadge .sale {
	background: #5f77ba;
}

.bnfBadge .new, .bnfBadge .best, .bnfBadge .reg {
	display: inline-block;
	width: 45px;
	height: 15px;
	margin-right: 2px;
	border: 1px solid #5f77ba;
	background: none;
	text-align: center;
	color: #5f77ba;
	font-family: 'Montserrat';
	font-size: 10px;
	line-height: 13px;
	box-sizing: border-box;
}

.pdtItem .btnCart {
	display: inline-block;
	width: 30px;
	padding: 5px;
	background: none;
}

.pdtSort {
	overflow: hidden;
	padding: 15px 0 15px 12px;
}

.pdtSort .totalCnt {
	float: left;
	font-size: 12px;
}

.pdtSort .select2 {
	float: right;
}

.productListType2 {
	padding-bottom: 100px;
}

.productListType2 .lineInfo {
	padding: 55px 15px;
	background: #ececec;
	letter-spacing: -0.05em;
}

.productListType2 .lineInfo .lineType {
	display: inline-block;
	height: 21px;
	padding: 0 6px;
	font-size: 12px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 21px;
	color: #fff;
}

.productListType2 .lineInfo .lineType.type_md {
	background: #222;
}

.productListType2 .lineInfo .lineType.type_365 {
	background: #5f77ba;
}

.productListType2 .lineInfo .lineName {
	margin: 6px 0 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	color: #222;
}

.productListType2 .lineInfo .desc {
	font-size: 14px;
	color: #222;
}

.pdtListType2 .pdtItem .linkArea {
	max-width: 480px;
	margin: 0 auto;
}

.pdtListType2 .pdtItem:nth-of-type(odd) {
	background: #f8f8f8;
}

.pdtListType2 .pdtItem:nth-of-type(even) {
	background: #f2f2f2;
}

.pdtListType3 .pdtItem {
	border-top: 1px solid #dcdcdc;
}

.pdtListType3 .pdtItem:first-child {
	border-top: none;
}

.pdtListType3 .pdtItem .linkArea {
	position: relative;
	display: block;
	padding: 26px 15px 26px 175px;
}

.pdtListType3 .pdtItem .linkArea .thumbnail {
	position: absolute;
	left: 15px;
	top: 30px;
	width: 135px;
	margin-bottom: 0;
	background: #eee;
}

.pdtListType3 .pdtItem .linkArea .thumbnail .lineType {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	height: 21px;
	padding: 0 7px;
	line-height: 21px;
	color: #fff;
}

.pdtListType3 .pdtItem .linkArea .thumbnail .lineType.type_md {
	background: #222;
}

.pdtListType3 .pdtItem .linkArea .thumbnail .lineType.type_365 {
	background: #5f77ba;
}

.pdtListType3 .pdtItem .desc, .pdtListType3 .pdtItem .name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pdtListType3 .pdtItem .name {
	font-size: 12px;
}

.pdtListType3 .pdtItem .price {
	margin-top: 17px;
}

.pdtListType3 .pdtItem .keyword {
	margin-top: 10px;
	padding-top: 4px;
	border-top: 2px solid #222;
	height: 46px;
	font-size: 14px;
	display: block;
	overflow: hidden;
	line-height: 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.pdtListType3 .pdtItem .keyword span {
	color: #888;
}

.pdtListType4 {
	overflow: hidden;
}

.pdtListType4 .pdtItem {
	position: relative;
	float: left;
	width: 50%;
	margin-top: 50px;
}

.pdtListType4 .pdtItem:nth-of-type(2n-1) {
	clear: both;
}

.pdtListType4 .pdtItem:nth-of-type(2n-1) .linkArea {
	padding: 0 5px 0 12px;
}

.pdtListType4 .pdtItem:nth-of-type(2n) .linkArea {
	padding: 0 12px 0 5px;
}

.pdtListType4 .pdtItem .thumbnail {
	position: relative;
	width: 100%;
	margin: 0;
	background: #f8f8f8;
}

.pdtListType4 .pdtItem .bnfBadge {
	height: 15px;
}

.pdtListType4 .pdtItem .desc {
	/* height: 42px; */
	margin-top: 10px;
	font-size: 13px;
	color: #888;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
}

.pdtListType4 .pdtItem .name {
	overflow: hidden;
	height: 36px;
	margin-top: 35px;
	font-family: 'Montserrat';
	font-size: 13px;
	line-height: 18px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.pdtListType4 .pdtItem .desc+.name, .pdtListType4 .pdtItem .bnfBadge+.name,
	.pdtListType4 .pdtItem .cp+.name {
	margin-top: 10px;
}

.pdtListType4 .pdtItem .cp {
	height: 19px;
	margin-top: 18px;
	font-size: 13px;
	color: #5f77ba;
}

.pdtListType4 .pdtItem .price {
	margin-top: 7px;
}

.pdtListType4 .pdtItem .msr_price {
	font-size: 13px;
	margin-top: 10px;
}

.pdtListType4 .pdtItem .btnCart {
	position: absolute;
	right: 5px;
	bottom: -3px;
}

.pdtListType4 .pdtItem:nth-of-type(2n) .btnCart {
	right: 12px;
}

.pdtListType4 .pdtItem .qty {
	overflow: hidden;
	padding: 0 5px 0 12px;
	margin-top: 15px;
}

.pdtListType4 .pdtItem:nth-of-type(2n) .qty {
	padding: 0 12px 0 5px;
}

.pdtListType4 .pdtItem .qty.align_center {
	max-width: 175px;
	padding: 0;
	margin: 0 auto;
	margin-top: 15px;
}

.pdtListType4 .pdtItem .qty .qtyOption {
	float: left;
	width: auto;
}

.pdtListType4 .pdtItem .qty .qtyOption .inputText {
	width: 35px;
}

.pdtListType4 .pdtItem .qty .btn {
	float: left;
	margin-left: 4px;
}

.pdtListType4 .pdtItem .qty .btn a {
	height: 30px;
	padding: 0 5px;
	line-height: 28px;
	font-size: 13px;
}

.productListType2 .pdtListType4+.viewMore {
	margin: 60px 0 0 0;
}

@media all and (min-width: 380px) {
	.pdtListType4
 
.pdtItem
 
.qty
 
.qtyOption
 
.inputText {
		width: 55px;
	}
	.pdtListType4
 
.pdtItem
 
.qty
 
.btn
 
a {
		padding: 0 10px;
	}
}

/* scrollbar */
.productListType1 .mCSB_scrollTools {
	margin: 0 25px;
	opacity: 1;
}

.productListType1 .mCSB_inside>.mCSB_container {
	margin-right: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 2px;
}

.productListType1 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
	{
	height: 2px;
	margin: -1px auto 0;
	background-color: #5f77ba;
}

.productListType1 .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail
	{
	height: 1px;
	margin: 0 auto;
	border-radius: 0;
	background-color: #dcdcdc;
}

.productListType1
  .mCS-dark-2.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar
	{
	background-color: #5f77ba;
}

.mCustomScrollbar, .mCustomScrollbar.mCS_touch_action, .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools
	{
	-ms-touch-action: auto;
	touch-action: auto;
}

.mCustomScrollBox {
	-ms-touch-action: pan-x pinch-zoom;
	touch-action: pan-x pinch-zoom;
}

.mCustomScrollBox.mCSB_vertical_horizontal {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
}

.mCustomScrollBox.mCSB_horizontal {
	-ms-touch-action: pan-y pinch-zoom;
	touch-action: pan-y pinch-zoom;
}

/* 쇼핑 alert */
#shoppingAlert {
	position: fixed;
	left: 50%;
	top: 45%;
	z-index: 50;
	width: 160px;
	height: 160px;
	margin: -80px 0 0 -80px;
	border-radius: 50%;
	background: rgba(95, 119, 186, 0.8);
	opacity: 0;
}

#shoppingAlert span {
	display: block;
	padding-top: 90px;
	background: url("../images/common/ico_shopping_alert.png") no-repeat 50%
		40px;
	-webkit-background-size: 50px;
	background-size: 50px;
	text-align: center;
	line-height: 21px;
	color: #fff;
}

/* 프로덕트맵 */
.productMap .pdtTy {
	padding: 30px 15px 18px;
	margin-bottom: 25px;
	border-bottom: 1px solid #222;
	font-size: 13px;
}

.productMap .pdtTy span {
	display: block;
	margin-bottom: 5px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	color: #222;
	letter-spacing: -0.02em;
}

.productMap .line_wrap {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #222;
}

.productMap .line_wrap .index {
	margin-bottom: 15px;
}

.productMap .line_wrap .index a {
	display: block;
	padding: 22% 15px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: cover;
	font-size: 13px;
	color: #222;
}

.productMap .line_wrap .index a span {
	display: block;
	margin-bottom: 5px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 22px;
}

.productMap .line_wrap .index a em {
	text-shadow: 1px 1px 1px #f4f4f4;
}

.productMap .line_wrap .list {
	display: none;
}

.productMap .line_wrap .list ul {
	overflow: hidden;
	padding: 0 12px 20px;
}

.productMap .line_wrap .list li {
	float: left;
	width: 50%;
	margin-bottom: 40px;
	box-sizing: border-box;
}

.productMap .line_wrap .list li .thumb {
	display: block;
	background: #f6f6f9;
}

.productMap .line_wrap .list li .name {
	margin-top: 12px;
	font-size: 13px;
	color: #222;
}

.productMap .line_wrap .list li:nth-of-type(odd) {
	clear: both;
	padding-right: 3px;
}

.productMap .line_wrap .list li:nth-of-type(even) {
	padding-left: 3px;
}

/**
EVENT
**/
/* 이벤트리스트 */
.eventList {
	margin: 0 24px;
}

.eventList .snbMenuTab {
	margin-top: 22px;
}

.eventList .boxList {
	margin-top: 35px;
	border-bottom: 1px solid #d9d9d9;
}

.eventList li .thumb {
	position: relative;
}

.eventList li .thumb img {
	width: 100%;
}

.eventList li .thumb .ing {
	position: absolute;
	left: 0;
	top: 0;
	height: 14px;
	padding: 0 4px;
	background: #5887da;
	font-size: 10px;
	color: #fff;
	line-height: 12px;
}

.eventList li .thumb .end {
	position: absolute;
	left: 0;
	top: 0;
	height: 14px;
	padding: 0 4px;
	background: #acacac;
	font-size: 10px;
	color: #fff;
	line-height: 12px;
}

.eventList li .info {
	padding: 15px 0 35px !important;
}

.eventList li .info .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	word-break: break-all;
}

.eventList li .info .date {
	margin-top: 14px;
	font-size: 12px;
	color: #aaa;
}

.endList li .info {
	position: relative;
	padding-right: 130px;
}

.endList li .info .btn {
	position: absolute;
	right: 25px;
	top: 16px;
}

.eventList .pagination {
	margin-top: 59px;
}

.ing {
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	padding: 0 10px;
	background: #5887da;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
}

/* 이벤트상세 */
.eventView .evInfo {
	margin: 40px 24px 0;
	padding-bottom: 35px;
	border-bottom: 1px solid #d9d9d9;
}

.eventView .evInfo .evTitle {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.eventView .evInfo .date {
	position: relative;
	margin-top: 30px;
	font-size: 12px;
	color: #aaa;
}

.eventView .evInfo .date .btnSnsShare {
	position: absolute;
	right: 0;
	top: 0;
}

.eventView .eventCont {
	position: relative;
	margin: 35px 24px 0;
	font-family: 'Montserrat';
}

.eventView .goList {
	margin: 40px 25px 60px;
	text-align: right;
}

.eventView .goList .btn {
	display: inline-block;
	width: 150px;
}

.eventView .goList.type2 .btn {
	width: auto;
	margin: 0;
}

.eventView .onGoingList {
	border-top: 1px solid #dcdcdc;
}

.eventView .onGoingList .title {
	padding: 45px 15px 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.eventView .onGoingList .item a {
	display: block;
}

.eventView .onGoingList .item .tit {
	padding: 15px;
	font-size: 13px;
}

.eventView .onGoingList .item .tit span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #222;
}

.eventView .onGoingList.onInit .item {
	width: 69%;
}

/* 쇼핑혜택 */
.shoppingChance .titleArea {
	padding: 70px 0;
	background: url("../images/event/bg_shopping_chance.jpg") no-repeat 50%
		50%;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	color: #222;
}

.shoppingChance .titleArea .title {
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
}

.shoppingChance .offerContain {
	padding-bottom: 50px;
	border-bottom: 1px solid #222;
}

.shoppingChance .offerContain:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}

.shoppingChance .offerContain .offer_tab {
	padding: 50px 25px 40px;
}

.shoppingChance .offerContain .tpl_tit {
	padding: 0 25px;
	margin-bottom: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.shoppingChance .offer_tab ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.shoppingChance .offer_tab li {
	display: inline-block;
	margin-left: 20px;
	border-bottom: 2px solid #fff;
	font-size: 16px;
}

.shoppingChance .offer_tab li:first-child {
	margin-left: 0;
}

.shoppingChance .offer_tab li.on {
	border-color: #222;
}

.shoppingChance .offer_tab li.on a {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.shoppingChance .pdtItem {
	text-align: center;
}

.shoppingChance .pdtItem .linkArea {
	padding: 0 25px;
}

.shoppingChance .pdtItem .name {
	overflow: hidden;
	display: -webkit-box;
	padding: 0 25px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.shoppingChance .pdtItem .bnfBadge {
	position: absolute;
	left: 0;
	top: 0;
}

.shoppingChance .pdtItem .bnfBadge span {
	display: block;
	width: 45px;
	margin-bottom: 3px;
	font-family: 'Montserrat';
}

.shoppingChance .pdtItem .rating {
	margin: 10px auto;
}

.shoppingChance .prm_tpl {
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.shoppingChance .prm_tpl:after {
	position: absolute;
	left: 25px;
	bottom: 0;
	content: "";
	display: block;
	width: calc(100% - 50px);
	height: 1px;
	background: #dcdcdc;
}

.shoppingChance .prm_tpl:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
}

.shoppingChance .prm_tpl:last-of-type:after {
	display: none;
}

.shoppingChance .offerContain:last-of-type .prm_tpl:last-of-type {
	margin-bottom: 100px;
}

.shoppingChance .prm_tpl_thumb {
	margin-top: 30px;
}

.shoppingChance .prm_tpl_thumb .item {
	position: relative;
	width: 25vw;
	height: 25vw;
	padding-left: 20px;
}

.shoppingChance .prm_tpl_thumb .item a {
	position: relative;
	display: block;
	outline: none;
	background: #f8f8f8;
}

.shoppingChance .prm_tpl_thumb .item.slick-current a {
	background: none;
}

.shoppingChance .prm_tpl_thumb .item.slick-current a:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #5f77ba;
}

/* 타임세일 */
.timeSale {
	overflow: hidden;
	position: relative;
	padding-top: 50px;
	background-color: #5f77ba;
	text-align: center;
	color: #fff;
}

.timeSale .t {
	font-family: 'Montserrat';
	font-weight: bold;
}

.timeSale .timer {
	position: relative;
	padding-bottom: 80px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 0;
	transition: all 0.3s;
}

.timeSale .timer .time {
	display: inline-block;
	width: 65px;
	font-size: 39px;
	vertical-align: middle;
}

.timeSale .timer .timeHyphen {
	display: inline-block;
	font-size: 30px;
	vertical-align: middle;
}

.timeSale .qtyLabel {
	position: absolute;
	left: 50%;
	top: 100%;
	display: inline-block;
	height: 23px;
	margin-top: -50px;
	padding: 0 8px;
	background: #222;
	line-height: 21px;
	font-family: 'Montserrat';
	font-size: 13px;
	color: #fff;
	transform: translateX(-50%);
	transition: all 0.3s;
}

.timeSale .qtyLabel em {
	position: relative;
	z-index: 1;
}

.timeSale .qtyLabel:after {
	position: absolute;
	left: 50%;
	bottom: -2px;
	z-index: 0;
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	margin-left: -5px;
	background: #222;
	transform: rotate(45deg);
}

.timeSale .pdtInfo {
	overflow: hidden;
	position: relative;
	display: none;
}

.timeSale .pdtInfo .name {
	overflow: hidden;
	padding: 0 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.timeSale .pdtInfo .desc {
	overflow: hidden;
	height: 40px;
	padding: 0 6.25%;
	margin: 12px 0 18px;
	font-size: 13px;
	line-height: 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.timeSale .pdtInfo .price {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
}

.timeSale .pdtInfo .price em {
	font-size: 14px;
}

.timeSale .pdtInfo .price .cost {
	text-decoration: line-through;
	margin-right: 5px;
	font-family: 'Montserrat';
	font-size: 13px;
}

.timeSale .thumb {
	position: relative;
	margin: 65px -40px 0;
}

.timeSale .thumb img {
	width: 210px;
	font-size: 0;
}

.timeSale .btn {
	padding: 0 80px 40px;
	box-sizing: border-box;
}

.timeSale .btn a {
	border-color: #fff;
	background: none;
	color: #fff;
}

.timeSale .handler {
	position: relative;
	display: block;
	height: 50px;
	margin: 0 -40px;
	border-top: 1px solid #8fa0cf;
	line-height: 50px;
	font-size: 0;
	color: transparent;
}

.timeSale .handler:before {
	position: absolute;
	left: 50%;
	top: 12px;
	content: "";
	display: block;
	width: 23px;
	height: 23px;
	margin-left: -12px;
	background: url("../images/common/ico_timesale_handler.png") no-repeat 0
		100%;
	-webkit-background-size: 23px;
	background-size: 23px;
}

.timeSale.on .timer {
	padding-bottom: 20px;
}

.timeSale.on .qtyLabel {
	margin-top: 140px;
}

.timeSale.on .handler:before {
	background-position: 0 0;
}

.shoppingChance .timeSale {
	padding-bottom: 40px;
}

.shoppingChance .timeSale .timer {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.shoppingChance .timeSale .pdtInfo {
	display: block;
	transition: none;
	text-align: center;
}

.shoppingChance .timeSale .pdtInfo .desc {
	margin-bottom: 10px;
}

.shoppingChance .timeSale .pdtInfo .price {
	margin: 20px 0;
}

.shoppingChance .timeSale .qtyLabel {
	position: relative;
	left: auto;
	top: auto;
	margin: 0;
	transform: none;
	transition: none;
}

.shoppingChance .timeSale .thumb {
	max-width: 480px;
	margin: 10px auto 0;
}

.shoppingChance .timeSale .btn {
	position: static;
	left: auto;
	bottom: auto;
	padding: 0 40px;
}

/**
BRAND
**/
/* about aestura */
#container.aboutAesturaWrap {
	padding-top: 60px;
}

.pageNavigation {
	overflow: hidden;
	height: 39px;
	margin-top: 75px;
	border-top: 1px solid #dcdcdc;
	background: #fff;
	transition: height 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.pageNavigation button {
	position: relative;
	display: block;
	width: 100%;
	height: 38px;
	padding: 0 37px 0 12px;
	background: #fff;
	text-align: left;
	line-height: 38px;
	font-size: 12px;
	border-radius: 0;
	box-sizing: border-box;
}

.pageNavigation button span {
	font-family: 'Montserrat';
	color: #222;
}

.pageNavigation button .currentScene {
	display: inline-block;
	height: 10px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #dcdcdc;
	line-height: 10px;
	color: #888;
}

.pageNavigation button i {
	position: absolute;
	right: 12px;
	top: 18px;
	display: block;
	width: 10px;
	height: 10px;
}

.pageNavigation button i:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	margin-left: -2px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.pageNavigation button i:after {
	position: absolute;
	right: 50%;
	top: 0;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	margin-right: -2px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.pageNavigation.on button i:before {
	transform: rotate(45deg);
}

.pageNavigation.on button i:after {
	transform: rotate(-45deg);
}

.pageNavigation ul {
	border-bottom: 1px solid #dcdcdc;
}

.pageNavigation ul li {
	border-top: 1px solid #dcdcdc;
}

.pageNavigation ul li a {
	display: block;
	height: 38px;
	padding-left: 12px;
	line-height: 38px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #222;
}

.aboutAestura {
	overflow: hidden;
}

.aboutAestura .intro .sec_area {
	position: relative;
	height: calc(100vh - 115px);
	background: url("../images/brand/sec01_bg.jpg") no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.aboutAestura .intro .sec_area .txt {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.aboutAestura .intro .sec_area .txt .p1 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 33px;
	line-height: 35px;
	color: #fff;
}

.aboutAestura .intro .sec_area .txt .p2 {
	margin-top: 15px;
	color: #fff;
}

.aboutAestura .intro .sec_area .scroll {
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -13px;
	opacity: 0;
	-webkit-animation: scroll 2s infinite;
	animation: scroll 2s infinite;
}

.aboutAestura .intro .sec_area .scroll img {
	width: 26px;
}

@
-webkit-keyframes scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
@
keyframes scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
.aboutAestura .section01 .sec_area .p1 {
	margin-top: 35px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.aboutAestura .section01 .sec_area .p2 {
	margin: 15px 30px 35px;
	text-align: center;
	font-size: 13px;
	color: #5f77ba;
}

.aboutAestura .section01 .sec_area .videoArea {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 55%;
}
/* .aboutAestura .section01 .sec_area .videoArea .cover {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url('../images/common/ico_play.png') no-repeat 50% 50%; -webkit-background-size:33px; background-size:33px; font-size:0; color:transparent;} */
.aboutAestura .section01 .sec_area .videoArea .cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url("../images/brand/about_aestura_play_bg.jpg") no-repeat
		center top;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 0;
	color: transparent;
}

.aboutAestura .section01 .sec_area .videoArea .cover.stop {
	display: none;
	background: none;
}

.aboutAestura .section01 .sec_area .videoArea video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}

.aboutAestura .section02 .sec_area1 {
	padding: 65px 25px;
}

.aboutAestura .section02 .sec_area1 .p1 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.aboutAestura .section02 .sec_area1 .p2 {
	margin-top: 20px;
	margin-bottom: 60px;
	line-height: 23px;
}

.aboutAestura .section02 .sec_area1 dl {
	overflow: hidden;
	max-width: 480px;
	margin-top: 38px;
}

.aboutAestura .section02 .sec_area1 dl dt {
	float: left;
	width: 90px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 11px;
	color: #222;
}

.aboutAestura .section02 .sec_area1 dl dd {
	overflow: hidden;
}

.aboutAestura .section02 .sec_area2 {
	padding: 24vw 25px 41vw 35%;
	background: url("../images/brand/sec02_bg.jpg") no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.aboutAestura .section02 .sec_area2 .p1 {
	margin-bottom: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}

.aboutAestura .section02 .sec_area2 p:not(:first-child) {
	margin-top: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 21px;
	color: #fff;
}

.aboutAestura .section03 {
	margin-top: -11vw;
	background: url("../images/brand/sec03_bg.png") no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.aboutAestura .section03 .concept1 {
	padding: 18vw 25px;
}

.aboutAestura .section03 .concept1 .p1 {
	padding-left: 30px;
	margin-bottom: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 35px;
	line-height: 35px;
	color: #222;
}

.aboutAestura .section03 .concept1 .p2 {
	font-size: 16px;
	color: #222;
}

.aboutAestura .section03 .concept1 .p2 span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.aboutAestura .section03 .concept1 .p3 {
	margin-top: 84vw;
	padding: 0 15px;
	line-height: 23px;
}

.aboutAestura .section03 .concept1 .p3 em {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.aboutAestura .section03 .concept1 .p3 span {
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
	text-indent: -8px;
}

.aboutAestura .section03 .concept2 .sceneArea1 {
	height: 200vw;
	background: url("../images/brand/sec03_02_bg_01.jpg") no-repeat 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}

.aboutAestura .section03 .concept2 .sceneArea2 {
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
	height: 200vw;
	background: rgba(58, 72, 113, 0.8);
}

.aboutAestura .section03 .concept2 .sceneArea2 .inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	table-layout: fixed;
	padding: 0 40px;
	vertical-align: middle;
}

.aboutAestura .section03 .concept2 .sceneArea2 .p1 {
	line-height: 23px;
	color: #fff;
}

.aboutAestura .section03 .concept2 .sceneArea2 .p2 {
	margin-top: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	line-height: 28px;
	color: #fff;
}

.aboutAestura .section03 .concept2 .sceneArea2 .logo {
	position: relative;
	width: 108px;
	padding-top: 55px;
}

.aboutAestura .section03 .concept2 .sceneArea2 .logo:before {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	display: block;
	width: 1px;
	height: 25px;
	background: #fff;
}

.aboutAestura .section04 {
	background: #f2f4f5 url("../images/brand/sec04_bg.jpg") no-repeat 50%
		100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	text-align: center;
}

.aboutAestura .section04 {
	padding: 75px 25px 165px;
}

.aboutAestura .section04 .p1 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	line-height: 25px;
	color: #222;
}

.aboutAestura .section04 .p1 span {
	display: block;
	font-family: 'Montserrat';
	font-size: 11px;
	color: #5f77ba;
}

.aboutAestura .section04 .p2 {
	margin: 15px 0 35px;
	color: #222;
}

.aboutAestura .section04 .pdtLineupWrap {
	overflow: hidden;
}

.aboutAestura .section04 .pdtLineup {
	position: relative;
	float: left;
	width: 48%;
	height: 258px;
	padding: 20px 15px;
	background: #fff;
	box-sizing: border-box;
}

.aboutAestura .section04 .pdtLineup:nth-of-type(2) {
	float: right;
}

.aboutAestura .section04 .pdtLineup dt {
	text-align: left;
	font-size: 13px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.aboutAestura .section04 .pdtLineup dd {
	text-align: center;
}

.aboutAestura .section04 .pdtLineup dd ul {
	display: inline-block;
	text-align: left;
}

.aboutAestura .section04 .pdtLineup dd ul li {
	margin-top: 5px;
}

.aboutAestura .section04 .pdtLineup dd ul li:first-child {
	margin-top: 10px;
}

.aboutAestura .section04 .pdtLineup dd ul li img {
	height: 10px;
}

.aboutAestura .section04 .pdtLineup>span {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	font-size: 10px;
	color: #dcdcdc;
}

.aboutAestura .section05 {
	padding: 90px 0 90px 25px;
}

.aboutAestura .section05 .p1 {
	padding-right: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	line-height: 25px;
	text-align: center;
	color: #222;
}

.aboutAestura .section05 .p1 span {
	display: block;
	text-align: center;
	font-family: 'Montserrat';
	font-size: 11px;
	color: #5f77ba;
}

.aboutAestura .section05 .p2 {
	padding-right: 25px;
	margin-top: 15px;
	margin-bottom: 45px;
	text-align: center;
	color: #222;
}

.aboutAestura .section05 .history li {
	position: relative;
	margin-top: 25px;
}

.aboutAestura .section05 .history li:first-child {
	margin-top: 0;
}

.aboutAestura .section05 .history li:after {
	position: absolute;
	left: 17px;
	bottom: -26px;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #5f77ba;
}

.aboutAestura .section05 .history li:last-child:after {
	display: none;
}

.aboutAestura .section05 .history li dl {
	overflow: hidden;
}

.aboutAestura .section05 .history li dt {
	position: relative;
	float: left;
	height: 24px;
	background: #fff;
	line-height: 24px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.aboutAestura .section05 .history li dd {
	overflow: hidden;
	padding-left: 60px;
	padding-right: 25px;
	margin-top: 10px;
	line-height: 24px;
	font-size: 13px;
}

.aboutAestura .section05 .history li dd:first-of-type {
	padding-left: 25px;
	margin-top: 0;
}

.aboutAestura .section05 .history li dd:last-of-type:not(:first-of-type)
	{
	margin-bottom: 10px;
}

.aboutAestura
  .section05
  .history
  li:last-child:not(:first-of-type)
  dd:last-of-type {
	margin-bottom: 0;
}

.aboutAestura .section05 .history li dd em {
	float: left;
}

.aboutAestura .section05 .history li dd span {
	overflow: hidden;
	display: block;
	padding-left: 10px;
	color: #222;
}

.aboutAestura .section05 .history li:nth-of-type(7) dd:nth-of-type(1) {
	padding-right: 0;
}

.aboutAestura .section05 .history li:nth-of-type(7) dd:nth-of-type(1) img
	{
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
}

.aboutAestura .section06 {
	padding: 65px 25px;
	background: #f5f5f5;
}

.aboutAestura .section06 .p1 {
	margin-bottom: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	line-height: 25px;
	text-align: center;
	color: #222;
}

.aboutAestura .section06 .p1 span {
	display: block;
	text-align: center;
	font-family: 'Montserrat';
	font-size: 11px;
	color: #5f77ba;
}

.aboutAestura .section06 .location.branch {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #dcdcdc;
}

.aboutAestura .section06 .location .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #222;
}

.aboutAestura .section06 .location .tab {
	overflow-y: hidden;
	overflow-x: auto;
	margin: 25px 0 15px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.aboutAestura .section06 .location .tab li {
	display: inline-block;
	margin-left: 10px;
}

.aboutAestura .section06 .location .tab li:first-child {
	margin-left: 0;
}

.aboutAestura .section06 .location .tab li a {
	color: #222;
}

.aboutAestura .section06 .location .tab li.current a {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.aboutAestura .section06 .location .mapArea {
	display: none;
}

.aboutAestura .section06 .location .mapArea .map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 60%;
}

.aboutAestura .section06 .location .mapArea .add {
	margin-top: 10px;
	font-size: 13px;
	color: #222;
}

.aboutAestura .section06 .location .mapArea .add span {
	display: inline-block;
	margin-right: 15px;
}

/* ------- motion s */
.aboutAestura .intro .sec_area .txt .p1 {
	position: relative;
	top: -50px;
	opacity: 0;
	transition: all 0.7s 0.6s;
}

.aboutAestura .intro .sec_area .txt .p2 {
	position: relative;
	bottom: -50px;
	opacity: 0;
	transition: all 0.7s 0.6s;
}

.aboutAestura .intro .sec_area.active .txt .p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura .intro .sec_area.active .txt .p2 {
	bottom: 0;
	opacity: 1;
}

.aboutAestura .section01 .sec_area .p1 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura .section01 .sec_area .p2 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s 0.2s;
}

.aboutAestura .section01 .sec_area.active .p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section01 .sec_area.active .p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section02 .sec_area1 .p1 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura .section02 .sec_area1 .p2 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s 0.2s;
}

.aboutAestura .section02 .sec_area1 dl {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s 0.4s;
}

.aboutAestura .section02 .sec_area1.active .p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section02 .sec_area1.active .p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section02 .sec_area1.active dl {
	top: 0;
	opacity: 1;
}

.aboutAestura .section02 .sec_area2 p:nth-of-type(1) {
	position: relative;
	left: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura .section02 .sec_area2 p:nth-of-type(2) {
	position: relative;
	left: 30px;
	opacity: 0;
	transition: all 0.7s 0.1s;
}

.aboutAestura .section02 .sec_area2 p:nth-of-type(3) {
	position: relative;
	left: 30px;
	opacity: 0;
	transition: all 0.7s 0.2s;
}

.aboutAestura .section02 .sec_area2 p:nth-of-type(4) {
	position: relative;
	left: 30px;
	opacity: 0;
	transition: all 0.7s 0.3s;
}

.aboutAestura .section02 .sec_area2.active p {
	left: 0;
	opacity: 1;
}

.aboutAestura .section03 .concept1 .p1 {
	position: relative;
	left: 50px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura .section03 .concept1 .p2 {
	position: relative;
	left: 50px;
	opacity: 0;
	transition: all 0.5s 0.2s;
}

.aboutAestura .section03 .concept1 .p3 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura .section03 .concept2 .sceneArea2 .p1 {
	position: relative;
	top: 50px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura .section03 .concept2 .sceneArea2 .p2 {
	position: relative;
	top: 50px;
	opacity: 0;
	transition: all 0.7s 0.1s;
}

.aboutAestura .section03 .concept2 .sceneArea2 .logo:before {
	height: 0;
}

.aboutAestura .section03 .concept2 .sceneArea2 .logo img {
	opacity: 0;
}

.aboutAestura .section03.active .concept1 .p1 {
	left: 0;
	opacity: 1;
}

.aboutAestura .section03.active .concept1 .p2 {
	left: 0;
	opacity: 1;
}

.aboutAestura .section03 .concept1 .p3.active {
	top: 0;
	opacity: 1;
}

.aboutAestura .section03 .concept2 .sceneArea2.active .p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section03 .concept2 .sceneArea2.active .p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section03 .concept2 .sceneArea2.active .logo:before {
	height: 25px;
	transition: all 0.7s 1s;
}

.aboutAestura .section03 .concept2 .sceneArea2.active .logo img {
	opacity: 1;
	transition: all 0.7s 1.7s;
}

.aboutAestura .section04 .p1 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s;
}

.aboutAestura .section04 .p2 {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: all 0.7s 0.2s;
}

.aboutAestura .section04 .pdtLineup:nth-of-type(1) {
	position: relative;
	left: -30px;
	opacity: 0;
	transition: all 0.7s 0.4s;
}

.aboutAestura .section04 .pdtLineup:nth-of-type(2) {
	position: relative;
	right: -30px;
	opacity: 0;
	transition: all 0.7s 0.4s;
}

.aboutAestura .section04.active .p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section04.active .p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section04.active .pdtLineup:nth-of-type(1) {
	left: 0;
	opacity: 1;
}

.aboutAestura .section04.active .pdtLineup:nth-of-type(2) {
	right: 0;
	opacity: 1;
}
/* ------- motion e */

/* 사회공헌활동 */
.socialActivity .titleArea {
	padding: 25px 25px 40px;
	border-bottom: 2px solid #222;
	text-align: center;
}

.socialActivity .titleArea h3 {
	display: table;
	width: 85px;
	height: 85px;
	margin: 0 auto 25px;
	background: #5f77ba;
}

.socialActivity .titleArea h3 span {
	display: table-cell;
	vertical-align: middle;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #fff;
}

.socialActivity .titleArea p {
	font-size: 13px;
	color: #222;
}

.socialActivity .galleryWrap {
	overflow: hidden;
	padding: 40px 0;
	border-top: 1px solid #dcdcdc;
}

.socialActivity .galleryWrap.first {
	border-top: none;
}

.socialActivity .galleryWrap .index {
	padding: 0 33px;
}

.socialActivity .galleryWrap .index .type {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 12px;
	color: #5f77ba;
}

.socialActivity .galleryWrap .index .tit {
	margin-bottom: 6px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.socialActivity .galleryWrap .gallery {
	margin: 22px -3px 0;
}

.socialActivity .galleryWrap .gallery .item {
	padding: 3px;
	box-sizing: border-box;
}

.socialActivity .galleryWrap .gallery .item img {
	width: 100%;
}

.socialActivity .galleryWrap .gallery .slick-dots {
	width: 100%;
	text-align: center;
}

.socialActivity .galleryWrap .gallery .slick-dots li {
	display: inline-block;
	margin: 0 4px;
	vertical-align: middle;
}

.socialActivity .galleryWrap .gallery .slick-dots li button {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666;
	font-size: 0;
	color: transparent;
}

.socialActivity .galleryWrap .gallery .slick-dots li.slick-active button
	{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #5f77ba;
	font-size: 0;
	color: transparent;
}

.socialActivity .history {
	margin: 65px 0 70px;
}

.socialActivity .history ul li:first-child {
	margin-top: 0;
}

.socialActivity .history>ul>li {
	margin-top: 15px;
	padding: 0 25px;
}

.socialActivity .history>ul>li:nth-child(4) {
	margin-top: 40px;
}

.socialActivity .history>ul>li .year {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.socialActivity .history>ul>li .bg {
	margin: 35px -25px 0;
}

.socialActivity .history>ul>li ul {
	min-height: 62px;
	margin-top: 10px;
	margin-left: 15px;
	padding-left: 10px;
	border-left: 1px solid #dcdcdc;
}

.socialActivity .history>ul>li:last-child ul {
	min-height: auto;
}

.socialActivity .history>ul>li:last-child ul li {
	padding-bottom: 0;
}

.socialActivity .history>ul>li ul li {
	padding-bottom: 10px;
	color: #222;
}

.socialActivity .history>ul>li ul li .date {
	float: left;
	display: block;
	width: 75px;
	font-size: 12px;
	color: #888;
}

.socialActivity .history>ul>li ul li em {
	overflow: hidden;
	display: block;
}

/* 에스트라 뉴스 */
.newsList li {
	border-top: 1px solid #dcdcdc;
}

.newsList li:first-child {
	border-top: none;
}

.newsList li:first-child a {
	padding-top: 15px;
}

.newsList li a {
	overflow: hidden;
	display: block;
	padding: 25px 12px;
	box-sizing: border-box;
}

.newsList li a .thumb {
	overflow: hidden;
	position: relative;
	float: left;
	width: 125px;
	padding-top: 125px;
	margin-right: 12px;
}

.newsList li a .thumb img {
	position: absolute;
	left: 50%;
	top: 50%;
}

.newsList li a .txt {
	overflow: hidden;
}

.newsList li a .txt .tit {
	overflow: hidden;
	margin-top: 2px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 20px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.newsList li a .txt .summary {
	overflow: hidden;
	margin: 8px 0 18px;
	font-size: 12px;
	line-height: 17px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.newsList li a .txt .date {
	font-size: 12px;
}

.newsView .boardView2 .info {
	background: #f7f7f7;
	text-align: center;
}

.newsView .boardView2 .info .tit {
	padding-bottom: 10px;
	border-bottom: 1px solid #222;
}

.newsView .boardView2 .cont table {
	width: 100% !important;
}

.newsView .boardView2 .cont table img {
	width: auto !important;
}

.newsView .boardView2 .cont table thead td {
	width: 100% !important;
}

.newsView .boardView2 .cont table p {
	word-break: break-all !important;
}

.newsView .cont p {
	line-height: normal !important;
	word-break: normal !important;
}

#newsContainer .main .tiktokWrap {
	margin-bottom: 20px;
}

/* 더마온 스토리 */
#container.dermaon_info {
	padding-top: 0;
}

.dermaon_info .visual {
	position: relative;
	padding-top: 115px;
	height: 100vh;
	background: url("../images/brand/dermaon_visual.jpg") no-repeat center
		bottom;
	background-size: cover;
	box-sizing: border-box;
	text-align: center;
}

.dermaon_info .visual .tit_wrap {
	padding-top: 75px;
	color: #222;
	letter-spacing: -1px;
}

.dermaon_info .visual .tit_wrap h2 {
	font-size: 29px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .visual .tit_wrap h2 span {
	font-size: 29px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .visual .tit_wrap p {
	font-size: 14px;
	line-height: 26px;
	color: #222;
}

.dermaon_info .visual .tit_wrap p span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .visual .scroll {
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -13px;
	opacity: 0;
	-webkit-animation: scroll 2s infinite;
	animation: scroll 2s infinite;
}

.dermaon_info .visual .scroll img {
	width: 26px;
}

@
-webkit-keyframes scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
@
keyframes scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
.dermaon_info .info1 {
	padding: 115px 0 200px 0;
	text-align: center;
}

.dermaon_info .sec {
	text-align: center;
	padding: 0 12px;
}

.dermaon_info .sec>.tit_wrap h3 {
	font-size: 22px;
	color: #222;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -1.4px;
}

.dermaon_info .sec>.tit_wrap p {
	padding-top: 20px;
	font-size: 20px;
	line-height: 32px;
	color: #555;
}

.dermaon_info .sec>.tit_wrap .point {
	color: #0b658a;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info1 .tit_wrap {
	padding: 75px 20px 0 20px;
}

.dermaon_info .info1 .tit_wrap p {
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	letter-spacing: -1px;
}

.dermaon_info .info1 .info_list {
	padding: 20px 0 0 0;
}

.dermaon_info .info1 .info_list li {
	margin-top: 10px;
	padding: 6px;
	border: 2px solid #e5eff7;
	box-sizing: border-box;
}

.dermaon_info .info1 .info_list li strong {
	display: block;
	font-size: 14px;
	line-height: 40px;
	color: #222;
	background: #e6f0f7;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info1 .info_list li .img_wrap {
	padding: 30px;
}

.dermaon_info .info1 .info_list2 {
	margin-top: 10px;
}

.dermaon_info .info1 .info_list2 p {
	position: relative;
	z-index: 1;
}

.dermaon_info .info1 .info_list2.type1 img {
	position: relative;
	left: -20px;
	top: -10px;
}

.dermaon_info .info1 .info_list2.type2 .img_wrap {
	margin: 40px 0 60px 0;
	padding: 0 30px;
}

.dermaon_info .info_type {
	position: relative;
}

.dermaon_info .info_type .tit_wrap strong {
	display: block;
	font-size: 23px;
	line-height: 30px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: left;
}

.dermaon_info .info_type .tit_wrap p {
	padding-top: 20px;
	font-size: 14px;
	line-height: 21px;
	color: #888;
}

.dermaon_info .info_type .tit_wrap p span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #0b658a;
}

.dermaon_info .info_type .tit_wrap em {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 21px;
	color: #0b658a;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
}

.dermaon_info .info2 {
	background: #eef0f6;
	padding: 60px 12px 40px 12px;
}

.dermaon_info .info2 .tit_wrap p {
	color: #222;
	font-size: 14px;
	line-height: 21px;
}

.dermaon_info .info2 .tit_wrap p span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info2 .box {
	margin: 25px auto 0;
	padding: 30px 12px;
	background: #fff;
	box-sizing: border-box;
}

.dermaon_info .info2 .box .info_list li {
	position: relative;
}

.dermaon_info .info2 .box .info_list li:first-child {
	padding-bottom: 50px;
	border-bottom: 1px solid #e8e8e8;
}

.dermaon_info .info2 .box .info_list li:last-child {
	padding-top: 50px;
}

.dermaon_info .info2 .box .info_list li:first-child:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: calc(100% - 60px);
	background: #e8e8e8;
}

.dermaon_info .info2 .box .info_list li strong {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.dermaon_info .info2 .box .info_list li strong span {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 23px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info2 .box .info_list li strong span:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #222;
}

.dermaon_info .info2 .box .info_list li .mark {
	position: absolute;
	bottom: -48px;
	left: 50%;
	width: 48px;
	height: 48px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	line-height: 48px;
	margin-left: -24px;
	color: #fff;
	background: #0b658a;
	text-align: center;
	border-radius: 50%;
	transform: translateY(-50%);
}

.dermaon_info .info2 .box .info_list li .img_wrap {
	padding: 0 42px;
}

.dermaon_info .info2 .box .info_txt {
	margin-top: 30px;
	background: #f8f8f8;
	padding: 15px 35px;
	text-align: left;
}

.dermaon_info .info2 .box .info_txt li {
	padding-left: 8px;
	text-indent: -8px;
	font-size: 10px;
	line-height: 16px;
	color: #888888;
	vertical-align: top;
}

.dermaon_info .info2 .box .info_txt li:before {
	display: inline-block;
	content: "";
	width: 2px;
	height: 2px;
	background: #888;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 5px;
}

.dermaon_info .info3 {
	padding: 40px 0 60px 0;
}

.dermaon_info .info3 .tit_wrap p {
	padding: 0 30px;
	margin-top: 15px;
	font-size: 14px;
	line-height: 21px;
	padding-top: 0;
	color: #222;
}

.dermaon_info .info3 .info_list li {
	margin-top: 28px;
	padding: 0 60px;
	box-sizing: border-box;
}

.dermaon_info .info3 .info_list li img {
	width: 100%;
}

.dermaon_info .info3 .info_list li strong {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #222;
}

.dermaon_info .info4 {
	padding: 60px 0;
	background: url("../images/brand/dermaon_info4_bg.jpg") no-repeat center
		top;
	background-size: cover;
	text-align: center;
}

.dermaon_info .info4 h3 {
	color: #fff;
	letter-spacing: -1px;
	font-size: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info4 h3 span {
	font-size: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info4 .con_box {
	padding-top: 40px;
	font-size: 0;
}

.dermaon_info .info4 .con_box .img_wrap {
	padding: 0 35px;
}

.dermaon_info .info4 .con_box .txt_wrap {
	margin-top: 40px;
	padding: 0 20px;
}

.dermaon_info .info4 .con_box strong {
	display: block;
	color: #fff;
	font-size: 17px;
	line-height: 21px;
	text-align: left;
	font-weight: 500;
}

.dermaon_info .info4 .con_box strong em {
	display: block;
	font-size: 19px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info4 .con_box strong span {
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info4 .con_box p {
	padding-top: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	text-align: left;
}

.dermaon_info .info5 {
	padding: 60px 0;
	text-align: center;
}

.dermaon_info .info5 .box .tit_wrap {
	padding: 0 20px;
}

.dermaon_info .info5 .box .tit_wrap em {
	display: block;
	font-size: 23px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #0b658a;
}

.dermaon_info .info5 .box .tit_wrap em span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info5 .box .tit_wrap p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 21px;
}

.dermaon_info .info5 .box .info_list1 {
	margin-top: 35px;
}

.dermaon_info .info5 .box .info_list1 li {
	position: relative;
	padding: 35px 40px;
	margin: 0 40px 0 40px;
}

.dermaon_info .info5 .box .info_list1 li:first-child {
	border-top: 2px solid #222;
	margin-top: 20px;
}

.dermaon_info .info5 .box .info_list1 li:last-child {
	border-bottom: 1px solid #d7d7d7;
}

.dermaon_info .info5 .box .info_list1 li:last-child p {
	padding-bottom: 0;
}

.dermaon_info .info5 .box .info_list1 li:last-child img {
	position: relative;
	left: 30px;
}

.dermaon_info .info5 .box .info_list1 li .heading {
	display: block;
	padding-top: 20px;
	font-size: 12px;
	line-height: 21px;
}

.dermaon_info .info5 .box .info_list1 li strong {
	display: block;
	margin-top: 5px;
	font-size: 17px;
	line-height: 21px;
	color: #0b658a;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info5 .box .info_list1 li strong span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info5 .box .info_list1 li p {
	margin-top: 5px;
	padding-bottom: 35px;
	font-size: 14px;
	line-height: 21px;
	color: #222;
}

.dermaon_info .info5 .box .info_list1 li:nth-child(1):after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 35px;
	height: 35px;
	background: url("../images/brand/icon_plus.png") no-repeat center top;
	background-size: cover;
	transform: translateX(-50%);
}

.dermaon_info .info5 .box .info_list1 li:nth-child(2):after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
	height: 38px;
	background: url("../images/brand/icon_arrow.png") no-repeat center top;
	background-size: cover;
	transform: translateX(-50%);
}

.dermaon_info .info5 .box .info_list2 {
	padding-top: 60px;
}

.dermaon_info .info5 .box .info_list2 .tit_wrap strong {
	display: block;
	font-size: 23px;
	line-height: 30px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info5 .box .info_list2 .tit_wrap strong em {
	color: #0b658a;
}

.dermaon_info .info5 .box .info_list2 .tit_wrap strong em span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info5 .box .info_list2 .tit_wrap p {
	font-size: 14px;
	line-height: 21px;
	color: #222;
	letter-spacing: -1px;
}

.dermaon_info .info5 .box .info_list2 .tit_wrap p span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #0b658a;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top {
	padding: 106px 0 35px 0;
	margin: -70px 25px 0 25px;
	background: #f9f9f9;
	font-size: 0;
	text-align: center;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc {
	padding: 0 40px;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc img {
	max-width: 280px;
	width: 100%;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc strong {
	display: block;
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: center;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc.type1 {
	position: relative;
	padding-bottom: 20px;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc.type1:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 15px;
	height: 30px;
	background: url("../images/brand/arrow.png") no-repeat center top;
	background-size: cover;
	transform: translateX(-50%);
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc.type1 strong
	{
	padding-bottom: 22px;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc.type2>div {
	margin-top: 25px;
}

.dermaon_info .info5 .box .info_list2 .grey_box .bottom {
	margin: 0 25px;
	padding: 25px 15px;
	background: #f3f3f3;
}

.dermaon_info .info5 .box .info_list2 .grey_box .bottom p {
	font-size: 12px;
	line-height: 18px;
	color: #555;
}

.dermaon_info .info6 {
	padding: 60px 0;
	background: #f8f8f8;
	text-align: center;
}

.dermaon_info .info6 h3 {
	font-size: 23px;
	line-height: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.dermaon_info .info6 .info_list {
	margin: 15px 12px 0 12px;
	padding: 23px 12px 15px 12px;
	background: #fff;
	box-sizing: border-box;
	font-size: 0;
}

.dermaon_info .info6 .info_list h4 {
	display: block;
}

.dermaon_info .info6 .info_list h4 em {
	display: inline-block;
	position: relative;
	font-size: 21px;
	line-height: 27px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -1px;
}

.dermaon_info .info6 .info_list:nth-of-type(1) h4 em:before {
	display: block;
	content: "";
	width: 50px;
	height: 54px;
	margin: 0 auto;
	background: url("../images/brand/icon_num1.png") no-repeat center top;
	background-size: 70%;
}

.dermaon_info .info6 .info_list:nth-of-type(2) h4 em:before {
	display: block;
	content: "";
	width: 50px;
	height: 54px;
	margin: 0 auto;
	background: url("../images/brand/icon_num2.png") no-repeat center top;
	background-size: 70%;
}

.dermaon_info .info6 .info_list:nth-of-type(3) h4 em:before {
	display: block;
	content: "";
	width: 50px;
	height: 54px;
	margin: 0 auto;
	background: url("../images/brand/icon_num3.png") no-repeat center top;
	background-size: 70%;
}

.dermaon_info .info6 .info_list:nth-of-type(4) h4 em:before {
	display: block;
	content: "";
	width: 50px;
	height: 54px;
	margin: 0 auto;
	background: url("../images/brand/icon_num4.png") no-repeat center top;
	background-size: 70%;
}

.dermaon_info .info6 .info_list h4 span {
	color: #0b658a;
}

.dermaon_info .info6 .info_list .con {
	padding: 10px 0 0 0;
}

.dermaon_info .info6 .info_list .txt_wrap strong {
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #222;
}

.dermaon_info .info6 .info_list .txt_wrap strong span {
	position: relative;
	z-index: 1;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info6 .info_list .txt_wrap strong span:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 8px;
	background: #daedff;
	z-index: -1;
}

.dermaon_info .info6 .info_list .img_wrap {
	margin-top: 25px;
	padding: 0 30px;
}

.dermaon_info .info6 .info_txt {
	margin-top: 25px;
	padding: 15px 0 15px 30px;
	font-size: 10px;
	line-height: 16px;
	color: #888;
	text-align: left;
	background: #f8f8f8;
}

.dermaon_info .info6 .info_txt li {
	padding-left: 6px;
	text-indent: -6px;
}

.dermaon_info .info6 .info_txt li:before {
	display: inline-block;
	content: "";
	width: 2px;
	height: 2px;
	background: #888;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 4px;
}

.dermaon_info .info6 .info_list.type2 .txt_wrap strong {
	padding-top: 10px;
}

.dermaon_info .info6 .txt1 {
	padding-top: 6px;
	font-size: 10px;
	line-height: 14px;
	color: #888;
}

.dermaon_info .info6 .info_list .type_txt.type1 {
	width: 170px;
	margin: 20px auto 0;
	text-align: left;
	letter-spacing: -1px;
}

.dermaon_info .info6 .info_list .type_txt.type2 {
	width: 220px;
	margin: 15px auto 0;
	text-align: left;
	letter-spacing: -1px;
}

.dermaon_info .info6 .info_list .type_txt.type1 li span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 4px;
}

.dermaon_info .info6 .info_list .type_txt {
	margin-top: 50px;
	font-size: 0;
}

.dermaon_info .info6 .info_list .type_txt li {
	font-size: 12px;
	line-height: 22px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.dermaon_info .info6 .info_list .type_txt li span {
	display: inline-block;
	width: 14px;
	height: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	text-align: center;
	letter-spacing: -1px;
	font-size: 10px;
	margin-top: 5px;
	vertical-align: top;
	margin-right: 4px;
}

.dermaon_info .info6 .info_list .type_txt li.list1 {
	color: #666;
}

.dermaon_info .info6 .info_list .type_txt li.list2 {
	color: #526ec1;
}

.dermaon_info .info6 .info_list .type_txt li.list1 span {
	background: #d7d7d7;
}

.dermaon_info .info6 .info_list .type_txt li.list2 span {
	background: #a0b2e9;
}

.dermaon_info .info6 .info_list.type3 .txt_wrap .txt2 {
	display: inline-block;
	margin-top: 10px;
	padding: 0 5px;
	background: #0b658a;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
}

.dermaon_info .info6 .info_list.type4 .img_wrap {
	display: block;
	padding: 0 45px;
	width: auto;
}

.dermaon_info .info6 .info_list.type4 .img_wrap img {
	width: 100%;
}

.dermaon_info .obj {
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	-moz-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	-o-transform: translate(0, 30px);
	transform: translate(0, 30px);
}

.dermaon_info .obj1 {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.dermaon_info .obj2 {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.dermaon_info .obj3 {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.dermaon_info .obj4 {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.dermaon_info .obj5 {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.dermaon_info .obj6 {
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.dermaon_info .obj.animated {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

/**
EXPERIENCE
**/
/* SNS Channel */
.snsChannel .tabMenu li a:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: -5px 4px 0 0;
	vertical-align: middle;
	background: url("../images/experience/sns_icon2.png") no-repeat;
	-webkit-background-size: 30px;
	background-size: 30px;
}

.snsChannel .tabMenu li.current a:before {
	background-position-y: 100%;
}

.snsChannel .tabMenu li.insta a:before {
	background-position-x: 100%;
}

.snsList ul li {
	border-bottom: 7px solid #eee;
}

.snsList ul li a {
	display: block;
	width: 100%;
}

.snsList ul li a img {
	width: 100%;
}

.snsList ul li .info {
	overflow: hidden;
	position: relative;
	height: 28px;
	padding: 20px 25px;
	line-height: 28px;
	font-size: 13px;
}

.snsList ul li .info .count {
	position: absolute;
	right: 25px;
	top: 20px;
}

.snsList ul li .info .count span {
	display: inline-block;
	margin-left: 10px;
}

.snsList ul li .summary {
	overflow: hidden;
	height: 42px;
	margin: 15px 25px 25px;
	line-height: 21px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.snsList ul li .info:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 52px;
	height: 1px;
}

.snsList ul li .info .date:before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	-webkit-background-size: 28px;
	background-size: 28px;
}

.snsList.fb ul li .info:after {
	background: #5f77ba;
}

.snsList.fb ul li .info .date:before {
	background-image: url("../images/experience/ico_fb.png");
}

.snsList.insta ul li .info:after {
	background: #db2f7a;
}

.snsList.insta ul li .info .date:before {
	background-image: url("../images/experience/ico_insta.png");
}

/* beauty inside */
.beautyInsideList li {
	border-top: 7px solid #f7f7f7;
	border-bottom: 1px solid #eee;
}

.beautyInsideList li:first-child {
	border-top: none;
}

.beautyInsideList li:last-child {
	border-bottom: none;
}

.beautyInsideList li a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.beautyInsideList li a:after {
	position: absolute;
	left: 22px;
	bottom: 22px;
	content: "";
	display: block;
	width: 33px;
	height: 42px;
	background: url("../images/experience/ico_play.png") no-repeat;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.beautyInsideList li a img {
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 100%;
	transform: translate(-50%, -50%);
}

.beautyInsideList li .tit {
	overflow: hidden;
	padding: 10px 25px 20px;
	font-size: 17px;
	line-height: 23px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.beautyInsideView .boardView2 .playerArea {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56%;
}

.beautyInsideView .boardView2 .playerArea .cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 0;
	color: transparent;
}

.beautyInsideView .boardView2 .playerArea .cover img {
	width: 100%;
}

.beautyInsideView .boardView2 .playerArea .cover.play:after {
	position: absolute;
	left: 22px;
	bottom: 22px;
	content: "";
	display: block;
	width: 33px;
	height: 42px;
	background: url("../images/experience/ico_play.png") no-repeat;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.beautyInsideView .boardView2 .playerArea #player {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* blog view */
.ranking {
	padding-bottom: 35px;
	border-bottom: 1px solid #eee;
}

.ranking .title {
	padding: 22px 12px 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.ranking .item {
	width: 71%;
}

.ranking .item .thumb img {
	width: 100%;
}

.ranking .item .tit {
	overflow: hidden;
	height: 46px;
	padding: 12px 12px 0;
	font-size: 17px;
	line-height: 23px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.swiper-pagination {
	position: relative;
	left: auto;
	bottom: auto;
	margin-top: 35px;
	font-size: 0;
}

.swiper-pagination .swiper-pagination-bullet {
	width: 4px;
	height: 4px;
	margin: 0 3px;
	background: #666;
}

.swiper-pagination .swiper-pagination-bullet-active {
	width: 5px;
	height: 5px;
	background: #5f77ba;
}

.blogViewList {
	padding: 30px 25px 0;
	border-top: 7px solid #f7f7f7;
}

.blogViewList>ul>li {
	margin-top: 55px;
}

.blogViewList>ul>li:first-child {
	margin-top: 0;
}

.blogViewList>ul>li>a img {
	width: 100%;
}

.blogViewList li .innerWrap {
	padding-top: 12px;
}

.blogViewList li .innerWrap .tit {
	font-size: 17px;
	line-height: 23px;
	color: #222;
}

.blogViewList li .innerWrap .relatePdt {
	overflow-y: hidden;
	overflow-x: auto;
	margin-top: 18px;
	padding-top: 20px;
	border-top: 2px solid #222;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.blogViewList li .innerWrap .relatePdt li {
	display: inline-block;
	font-size: 0;
}

.blogViewList li .innerWrap .relatePdt li a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 65px;
	padding-left: 70px;
	margin-right: 20px;
}

.blogViewList li .innerWrap .relatePdt li a .thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #eee;
}

.blogViewList li .innerWrap .relatePdt li a .name {
	overflow: hidden;
	display: block;
	height: 30px;
	font-size: 11px;
	line-height: 15px;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.blogViewList li .innerWrap .relatePdt li a .price {
	display: block;
	margin-top: 8px;
	font-size: 11px;
	color: #6077ba;
}

/* 포토리뷰 */
#frm_photoreviewSearch .reviewSort {
	margin: 0;
	margin-top: 25px;
}

.photoReviewList {
	padding: 30px 25px 0;
}

.photoReviewList>ul>li {
	margin-top: 55px;
}

.photoReviewList>ul>li:first-child {
	margin-top: 0;
}

.photoReviewList .photoRvItem .thumbnail {
	overflow: hidden;
	position: relative;
	display: block;
	height: 0;
	padding-top: 57%;
}

.photoReviewList .photoRvItem .thumbnail .bestTester {
	position: absolute;
	left: 0;
	top: 0;
}

.photoReviewList .photoRvItem .thumbnail img {
	position: absolute;
}

.photoReviewList .photoRvItem .thumbnail .goodRvCnt {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	height: 24px;
	padding: 0 11px 0 30px;
	line-height: 24px;
	background: #fff url("../images/common/ico_good.png") no-repeat 11px 6px;
	-webkit-background-size: 14px;
	background-size: 14px;
	font-size: 12px;
}

.photoReviewList .photoRvItem .innerWrap {
	padding-top: 12px;
}

.photoReviewList .photoRvItem .cont {
	position: relative;
	padding: 0 15px;
}

.photoReviewList .photoRvItem .cont .tit {
	overflow: hidden;
	height: 46px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	line-height: 23px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.photoReviewList .photoRvItem .cont .txt {
	overflow: hidden;
	height: 60px;
	margin-top: 15px;
	line-height: 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.photoReviewList .photoRvItem .cont .admMsg {
	height: auto;
}

.photoReviewList .photoRvItem .cont .info {
	overflow: hidden;
	margin-top: 15px;
	font-size: 12px;
}

.photoReviewList .photoRvItem .cont .info .user {
	float: left;
	color: #222;
}

.photoReviewList .photoRvItem .cont .info .concern {
	float: left;
	margin-left: 15px;
}

.photoReviewList .photoRvItem .cont .info .date {
	float: right;
}

.photoReviewList .photoRvItem .cont .rating {
	margin-top: 20px;
}

.photoReviewList .photoRvItem .cont .repairMenu {
	right: 20px;
	bottom: 0;
}

.photoReviewList .photoRvItem .relateProduct {
	margin-top: 30px;
	border-top: 2px solid #222;
	padding-top: 20px;
}

.relateProduct a {
	position: relative;
	display: block;
	height: 55px;
	padding: 0 25px 0 70px;
	font-size: 12px;
	line-height: 15px;
}

.relateProduct span {
	display: block;
}

.relateProduct .thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
}

.relateProduct .name {
	margin-top: 5px;
}

.relateProduct .price {
	margin-top: 5px;
	color: #5f77ba;
}

.bestReview .titArea {
	padding: 50px 25px;
	text-align: center;
}

.bestReview .titArea .title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.bestReview .titArea p {
	margin: 12px 0 20px;
	line-height: 24px;
	color: #666;
}

.bestReview .titArea p span {
	color: #222;
}

.bestReview .photoRvItem {
	width: 74%;
	padding-right: 19px;
	box-sizing: border-box;
}

.bestReview .photoRvItem .cont .repairMenu {
	right: 0;
	top: 63px;
}

.reviewSort {
	margin: 35px 0 60px;
	padding: 20px 25px 25px;
	background: #f8f8f8;
	text-align: center;
}

.reviewSort .inputHasBtn {
	margin-bottom: 25px;
}

.reviewSort select {
	height: auto;
	padding: 0 17px 0 15px;
	border: none;
	background: url("../images/common/ico_filter.png") no-repeat 0 50%;
	-webkit-background-size: 12px;
	background-size: 12px;
	vertical-align: middle;
	color: #222;
}

.reviewSort .selCate {
	position: relative;
	display: inline-block;
	padding-left: 17px;
	margin-left: 15px;
	background: url("../images/common/ico_filter2.png") no-repeat 0 50%;
	-webkit-background-size: 11px;
	background-size: 11px;
	vertical-align: middle;
	color: #222;
}

.reviewSort .selCate:before {
	position: absolute;
	left: -19px;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 13px;
	background: #dcdcdc;
}

.bestTester {
	width: 100%;
	font-size: 0;
	z-index: 1;
}

.bestTester span {
	display: inline-block;
	height: 19px;
	padding: 0 8px;
	margin-right: 5px;
	border: 1px solid #5f77ba;
	line-height: 19px;
	background: #5f77ba;
	vertical-align: middle;
	font-size: 12px;
	color: #fff;
}

.bestTester span.tester {
	background: #fff;
	color: #5f77ba;
}

.category_panel>dl {
	font-size: 0;
	margin-top: 30px;
}

.category_panel>dl:first-child {
	margin-top: 0;
}

.category_panel>dl>dt {
	margin-bottom: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.category_panel>dl:first-child>dd {
	width: 100%;
}

.category_panel dl dd {
	display: inline-block;
	width: 50%;
}

.category_panel>dl>dd dl dt {
	height: 23px;
	margin-bottom: 18px;
	margin-top: 25px;
	padding: 0 8px;
	background: #888888;
	line-height: 23px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

.category_panel>dl>dd dl:first-child dt {
	margin-top: 0;
}

.category_panel>dl>dd, .category_panel>dl>dd dd {
	margin-bottom: 10px;
	box-sizing: border-box;
}

.category_panel>dl>dd:nth-of-type(2n-1), .category_panel>dl>dd dd:nth-of-type(2n-1)
	{
	padding-right: 5px;
}

.category_panel>dl>dd:nth-of-type(2n), .category_panel>dl>dd dd:nth-of-type(2n)
	{
	padding-left: 5px;
}

.category_panel>dl>dd input {
	display: none;
}

.category_panel>dl>dd label {
	display: block;
	height: 38px;
	border: 1px solid #222;
	line-height: 38px;
	text-align: center;
	color: #222;
	font-size: 12px;
}

.category_panel>dl>dd input:checked+label {
	background: #222;
	color: #fff;
}

.category_panel .btnWrap {
	margin-top: 40px;
}

.photoReview .info {
	position: relative;
	padding: 40px 25px 0;
}

.photoReview .bestTester {
	margin-bottom: 15px;
}

.photoReview .tit {
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.photoReview .userInfo {
	margin-top: 15px;
	font-size: 12px;
}

.photoReview .userInfo .user {
	margin-right: 15px;
	color: #222;
}

.photoReview .info .date {
	padding-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 12px;
}

.photoReview .btnSnsShare {
	position: absolute;
	right: 25px;
	bottom: 18px;
}

.photoReview .targetPdt {
	overflow: hidden;
	padding: 15px 25px 30px;
}

.photoReview .targetPdt .name {
	float: left;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.photoReview .targetPdt .rating {
	float: right;
	margin-top: 2px;
}

.photoReview .cont {
	padding: 0 25px;
	color: #222;
}

.photoReview .cont p {
	word-break: break-all;
}

.photoReview .cont img {
	display: block;
	margin: 40px auto 20px;
}

.photoReview .cont img:first-of-type {
	margin-top: 0;
}

.photoReview .btnWrap {
	margin-top: 35px;
	padding: 0 25px;
}

.photoReview .afterUse {
	margin-top: 40px;
	padding: 0 25px;
}

.photoReview .goodReview {
	margin-top: 35px;
	text-align: center;
}

.photoReview .goodReview a {
	display: inline-block;
	height: 36px;
	padding: 0 23px;
	border: 1px solid #dcdcdc;
	border-radius: 20px;
	line-height: 34px;
}

.photoReview .goodReview a span {
	display: inline-block;
	padding-left: 20px;
	background: url("../images/common/ico_good.png") no-repeat 0 11px;
	-webkit-background-size: 15px;
	background-size: 15px;
}

.photoReview .goodReview a.on span {
	background-position: 0 -15px;
}

.photoReview .goodReview a span em {
	font-family: 'Montserrat';
	font-weight: bold;
}

.photoReview .commentBox {
	padding-bottom: 100px;
}

.cautionList a {
	position: relative;
	display: block;
	padding: 22px 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.cautionList a:before {
	position: absolute;
	right: 23px;
	top: 30px;
	content: "";
	display: block;
	width: 11px;
	height: 1px;
	background: #999;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.cautionList a:after {
	position: absolute;
	right: 31px;
	top: 30px;
	content: "";
	display: block;
	width: 11px;
	height: 1px;
	background: #999;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.cautionList.on a:before {
	transform: rotate(45deg);
}

.cautionList.on a:after {
	transform: rotate(-45deg);
}

.cautionList .infoList4 {
	overflow: hidden;
	display: none;
	padding: 0 25px 25px;
}

.reviewWrite {
	padding-bottom: 50px;
}

.reviewWrite .cautionList {
	border-bottom: 1px solid #eee;
}

.reviewWrite .userInputArea.first {
	border-top: 10px solid #f7f7f7;
	border-bottom: 1px solid #dcdcdc;
}

.reviewWrite .userInputArea.border {
	border-top: 10px solid #f7f7f7;
}

.reviewWrite .userInputArea {
	padding: 40px 25px 25px 25px;
}

.reviewWrite .check_wrap {
	padding: 0 25px 40px 25px;
}

.reviewWrite .check_wrap .checkbox_link {
	display: inline-block;
	font-size: 12px;
	margin-left: 4px;
	text-decoration: underline;
	color: #222;
}

.reviewWrite .check_wrap label {
	color: #222;
}

#detail_conditions_view .detail_dep1>li {
	padding-left: 16px;
	text-indent: -16px;
	margin-top: 15px;
}

#detail_conditions_view .detail_dep1>li:first-child {
	margin-top: 0;
}

#detail_conditions_view .detail_dep2 {
	padding-left: 16px;
}

#detail_conditions_view .detail_dep2>li {
	padding-top: 3px;
}

.reviewWrite .item_tit {
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
	margin-top: 50px;
}

.reviewWrite .tit_first {
	margin-top: 15px;
}

.reviewWrite .radio_wrap {
	margin-top: 10px;
	font-size: 0;
	margin-left: -6px;
}

.reviewWrite .radio_wrap input[type="radio"] {
	background: none;
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.reviewWrite .radio_wrap input[type="radio"]:checked+label {
	background: #5f77ba;
	color: #fff;
}

.reviewWrite .radio_wrap .selList {
	margin-top: -4px;
}

.reviewWrite .radio_wrap li {
	display: inline-block;
	border: 1px solid #dcdcdc;
	margin-left: 4px;
	margin-top: 4px;
}

.reviewWrite .radio_wrap li label {
	display: block;
	padding: 0 8px;
	color: #888888;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
}

.reviewWrite .checkbox_link2 {
	margin-top: 5px;
	display: inline-block;
	font-size: 12px;
	margin-left: 4px;
	text-decoration: underline;
	color: #222;
}

#detail_conditions_view2 table {
	border-top: 1px solid #dcdcdc;
}

#detail_conditions_view2 table th {
	background: #eeeeee;
	padding: 18px 10px;
	width: 20%;
	font-size: 12px;
	text-align: left;
	color: #222;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

#detail_conditions_view2 table td {
	width: 80%;
	color: #222;
	padding-left: 10px;
	border-bottom: 1px solid #dcdcdc;
}

#detail_conditions_view2 table td.type2 {
	font-size: 14px;
	font-weight: bold;
}

#detail_conditions_view2 .bottom_txt {
	font-size: 12px;
	margin-top: 15px;
}

.reviewWrite .ratingSlider {
	position: relative;
	padding-bottom: 25px;
}

.reviewWrite .ratingSlider:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "BAD";
	font-size: 12px;
	font-family: 'Montserrat';
}

.reviewWrite .ratingSlider:after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "GOOD";
	font-size: 12px;
	font-family: 'Montserrat';
}

.reviewWrite .ratingSlider .inner {
	overflow: hidden;
	padding-left: 1px;
	font-size: 0;
	color: transparent;
}

.reviewWrite .ratingSlider a {
	position: relative;
	float: left;
	z-index: 1;
	margin-left: -1px;
	display: block;
	width: calc(20% + 1px);
	height: 20px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.reviewWrite .ratingSlider a.on {
	z-index: 2;
	border-color: #222;
	background: #222;
}

.reviewWrite .imgUpload {
	display: block;
	width: 100%;
	padding: 35px 0;
	margin-top: 20px;
	background: #eee;
	text-align: center;
}

.reviewWrite .imgUpload span {
	display: inline-block;
	width: 90px;
	height: 90px;
	padding-top: 60px;
	border-radius: 50%;
	box-sizing: border-box;
	background: #fff url("../images/experience/ico_img_upload.png")
		no-repeat 50% 20px;
	-webkit-background-size: 37px;
	background-size: 37px;
	font-size: 11px;
	color: #222;
}

.reviewWrite .imgUpload p {
	margin-top: 10px;
	font-size: 12px;
}

.reviewWrite .imgUpload p em {
	color: #5f77ba;
}

.reviewWrite .article {
	position: relative;
	border: 1px solid #dcdcdc;
	margin-top: 15px;
}

.reviewWrite .article .delete {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 14px;
	height: 14px;
	padding: 8px;
	background: rgba(34, 34, 34, 0.4);
	font-size: 0;
}

.reviewWrite .article .delete img {
	width: 100%;
}

.reviewWrite .article .picture {
	position: relative;
}

.reviewWrite .article .picture .rep {
	position: absolute;
	left: 5px;
	top: 5px;
}

.reviewWrite .article .picture .rep input {
	display: none;
}

.reviewWrite .article .picture .rep label {
	display: inline-block;
	height: 22px;
	padding: 0 8px 0 20px;
	font-size: 12px;
	background: #888 url("../images/experience/chk_main_pic.png") no-repeat;
	-webkit-background-size: 20px;
	background-size: 20px;
	line-height: 22px;
	color: #666;
}

.reviewWrite .article .picture .rep input:checked+label {
	background-color: #5f77ba;
	background-position: 0 100%;
	color: #fff;
}
/* .reviewWrite .article textarea {border:none;} */
.reviewWrite .btnWrap {
	padding: 0 25px;
}

.findProduct .select {
	margin-bottom: 10px;
}

.findProduct .findResult {
	margin-top: 12px;
}

.findProduct .findResult li {
	padding: 20px 0;
	border-top: 1px solid #dcdcdc;
}

.findProduct .findResult li:first-child {
	padding-top: 0;
	border-top: none;
}

.findProduct .findResult li:last-child {
	padding-bottom: 0;
}

.findProduct .findResult li .simple_pdt_layer {
	height: auto;
}

.findProduct .pagination {
	margin-top: 40px;
}

#findProduct .scrollArea {
	margin-top: 15px;
	overflow: hidden;
	height: 320px;
	border: 1px solid #dcdcdc;
}

#findProduct .list {
	padding: 30px;
}

#findProduct .pdt_list_simple {
	margin-top: 0;
	border-top: none;
}

#findProduct .pdt_list_simple li {
	padding: 20px 0;
	margin: 0;
	border-top: 1px solid #dcdcdc;
}

#findProduct .pdt_list_simple li:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

#findProduct .pdt_list_simple li:last-child {
	padding-bottom: 0;
}

#findProduct .mCSB_scrollTools {
	margin: 5px 5px 5px 0;
}

.simple_pdt_layer {
	position: relative;
	display: block;
	height: 55px;
	min-height: 55px;
	padding-left: 70px;
	font-size: 11px;
	line-height: 15px;
}

.simple_pdt_layer img {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
	font-size: 0;
}

.simple_pdt_layer .name {
	margin-top: 2px;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.simple_pdt_layer .price {
	margin-top: 6px;
	color: #5f77ba;
}

.simple_pdt_layer .price .cost {
	margin-right: 5px;
	font-size: 10px;
	text-decoration: line-through;
	color: #888;
}

.simple_pdt_layer .price .soldout {
	color: #ff3f3c;
}

/* 포토리뷰 사용평가 */
.afterUse:after {
	content: "";
	display: block;
	clear: both;
}

.afterUse .ct_box {
	position: relative;
	min-height: 105px;
	padding: 20px 18px 30px 110px;
	margin-top: 10px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.afterUse .ct_box:first-child {
	margin-top: 0;
}

.afterUse .ct_box .result {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 110px;
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	color: #5f77ba;
}

.afterUse .ct_box .tit {
	display: block;
	margin: 10px 0 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.afterUse .slider {
	position: relative;
	width: calc(100% - 24px);
	height: 9px;
	margin: 0 auto;
}

.afterUse .sliderWrap {
	position: relative;
	padding-bottom: 18px;
}

.afterUse .sliderWrap .slider {
	height: 7px;
	background: #f8f8f8;
}

.afterUse .sliderWrap .slider:after {
	position: absolute;
	left: -12px;
	top: 0;
	content: "";
	display: block;
	width: calc(100% + 24px);
	height: 100%;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.afterUse .sliderWrap .gauge {
	position: absolute;
	top: -1px;
	z-index: 1;
	width: 24px;
	height: 9px;
	margin-left: -12px;
	background: #222;
	font-size: 0;
	color: transparent;
}

.afterUse .sliderWrap .barometer {
	position: absolute;
	bottom: 0;
	font-size: 11px;
	font-family: 'Montserrat';
	line-height: 1;
	letter-spacing: -0.04em;
	color: #888;
}

.afterUse .sliderWrap .barometer.bad {
	left: 0;
}

.afterUse .sliderWrap .barometer.good {
	right: 0;
}

.afterUse .ct_box .result:before {
	content: "";
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 auto 5px;
	background: url("../images/experience/ico_barometer.png") no-repeat;
	-webkit-background-size: 140px;
	background-size: 140px;
}

.afterUse .ct_box .result.val1:before, .afterUse .ct_box .result.val2:before
	{
	background-position: 0 0;
}

.afterUse .ct_box .result.val3:before {
	background-position: -48px 0;
}

.afterUse .ct_box .result.val4:before, .afterUse .ct_box .result.val5:before
	{
	background-position: -96px 0;
}

.reviewListWrap .reviewSort {
	margin: 0;
}

.reviewListWrap .btnWrap {
	padding: 40px 25px;
}

.reviewListWrap .reviewList {
	border-top: 1px solid #dcdcdc;
}

.reviewList {
	padding: 0 25px;
}

.reviewList ul li {
	padding: 40px 0;
	border-bottom: 1px solid #dcdcdc;
}

.reviewList ul li .bestTester {
	margin-bottom: 10px;
}

.reviewList ul li .pdt {
	position: relative;
	min-height: 60px;
	padding-left: 80px;
}

.reviewList ul li .pdt img {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	background: #f8f8f8;
}

.reviewList ul li .pdt .name {
	padding: 4px 0 9px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	color: #222;
}

.reviewList ul li .pdt .repairMenu {
	right: 0;
	bottom: 6px;
}

.reviewList ul li .reviewTxt {
	margin-top: 22px;
	line-height: 24px;
	word-break: break-all;
}

.reviewList ul li .contInfo {
	overflow: hidden;
	margin-top: 10px;
	font-size: 12px;
}

.reviewList ul li .contInfo .user {
	float: left;
	margin-right: 10px;
	color: #222;
}

.reviewList ul li .contInfo .good {
	float: right;
	display: block;
	padding-left: 20px;
	background: url("../images/common/ico_good.png") no-repeat 0 4px;
	-webkit-background-size: 14px;
	background-size: 14px;
}

.reviewList ul li .contInfo .good.on {
	background-position: 0 -20px;
}

/* 샘플신청 */
.tester {
	position: relative;
}

.tester .playerArea {
	position: relative;
	height: 0;
	padding-top: 58%;
	margin: 50px 0;
}

.tester .playerArea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tester .visualBan .item {
	position: relative;
	height: calc(100vh - 182px);
	background: url("../images/experience/bg_tester.jpg") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}

.tester .visualBan .item .txt {
	position: absolute;
	left: 0;
	bottom: 80px;
	z-index: 1;
	width: 100%;
	padding: 0 40px;
	color: #222;
	box-sizing: border-box;
}

.tester .visualBan .item .txt .txt1 {
	/* position:relative; top:40px; opacity:0; */
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	line-height: 26px;
	/* -webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out; */
}

.tester .visualBan .item .txt .txt2 {
	/* position:relative; top:40px; opacity:0; */
	font-size: 14px;
	margin-top: 10px;
	/* -webkit-transition:all 1s .1s ease-in-out;
	transition:all 1s .1s ease-in-out; */
}
/* .tester .visualBan .item.slick-current .txt .txt1,
.tester .visualBan .item.slick-current .txt .txt2,
.tester .visualBan .item.slick-current .txt .btn {top:0; opacity:1;} */
.tester .ptState {
	overflow: hidden;
	padding: 40px 0;
}

.tester .ptState a {
	position: relative;
	float: left;
	display: block;
	width: 50%;
	text-align: center;
	font-size: 12px;
	color: #222;
}

.tester .ptState a span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
}

.tester .ptState a:first-child:after {
	position: absolute;
	right: 0;
	top: 2px;
	content: "";
	display: block;
	width: 1px;
	height: 35px;
	background: #dcdcdc;
}

.tester .ptState a:first-child span {
	font-size: 17px;
	line-height: 1;
}

.tester .ptState a:first-child span em {
	color: #5f77ba;
}

.tester .pdtListType4 {
	padding-bottom: 50px;
}

.tester .pdtListType4 .pdtItem:first-child, .tester .pdtListType4 .pdtItem:first-child+.pdtItem
	{
	margin-top: 0;
}

.tester .subTotal {
	overflow: hidden;
	padding: 8px 25px;
	border-top: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.tester .subTotal .btn {
	float: right;
	width: 50%;
	max-width: 158px;
}

.tester .subTotal .totalCnt {
	float: left;
	margin-top: 8px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.tester .subTotal .totalCnt i {
	font-style: normal;
	font-family: 'Montserrat';
	color: #888;
}

.tester .subTotal .totalCnt span {
	font-size: 18px;
}

.tester .subTotal .totalCnt span em {
	font-size: 14px;
}

.tester .subTotal.floating {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	background: #fff;
}

.tester .sample .sampleList ul {
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc;
}

.tester .sample .sampleList li {
	position: relative;
	min-height: 55px;
	margin: 15px 15px 0;
	padding-left: 70px;
	font-size: 11px;
	color: #222;
}

.tester .sample .sampleList li:first-child {
	margin-top: 0;
}

.tester .sample .sampleList li img {
	position: absolute;
	left: 0;
	top: 2px;
	width: 55px;
	background: #f8f8f8;
}

.tester .sample .sampleList li .price {
	margin: 4px 0;
	color: #222;
}

.tester .sample .sampleList li .price span {
	color: #5f77ba;
}

.tester .sample .total {
	overflow: hidden;
	line-height: 18px;
	padding-left: 12px;
}

.tester .sample .total dt {
	float: left;
	width: 50%;
	margin-top: 30px;
}

.tester .sample .total dd {
	float: left;
	width: 50%;
	margin-top: 30px;
	text-align: right;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.tester .sample .total dd span {
	font-size: 18px;
}

.tester .sample .btnWrap {
	margin: 40px 0 60px;
}

.layerPopupArea .layerPopup .layerGround .layerBody.sampleApply {
	padding: 0;
}

.sampleApply .applyList>ul>li {
	padding: 40px 30px 30px;
	border-bottom: 1px solid #eee;
}

.sampleApply .applyList .info {
	position: relative;
	min-height: 100px;
	padding-left: 115px;
}

.sampleApply .applyList .info .thumb {
	position: absolute;
	left: 0;
	top: 5px;
	width: 100px;
	background: #f8f8f8;
}

.sampleApply .applyList .info .name {
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 24px;
	font-size: 15px;
	color: #222;
}

.sampleApply .applyList .info .price {
	margin: 5px 0 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.sampleApply .applyList .info .price span {
	color: #5f77ba;
}

.sampleApply .applyList .info .qty {
	overflow: hidden;
}

.sampleApply .applyList .info .qty .qtyOption {
	float: left;
}

.sampleApply .applyList .info .qty .btn {
	float: left;
	margin-left: 5px;
}

.sampleApply .applyList .coupon {
	margin-top: 20px;
	background: #f8f8f8;
}

.sampleApply .applyList .coupon .handler {
	position: relative;
	display: block;
	padding: 15px;
	color: #222;
}

.sampleApply .applyList .coupon .handler:after {
	position: absolute;
	right: 25px;
	top: 22px;
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	background: url("../images/common/arr_up_bk.png") no-repeat;
	-webkit-background-size: 10px;
	background-size: 10px;
	transform: rotate(180deg);
}

.sampleApply .applyList .coupon ul {
	display: none;
	padding: 0 15px 10px;
}

.sampleApply .applyList .coupon ul li {
	padding: 15px 0;
	border-top: 1px solid #dcdcdc;
	font-size: 0;
}

.sampleApply .applyList .coupon ul li:first-child {
	border-top: 0;
}

.sampleApply .applyList .coupon ul li span {
	display: inline-block;
	width: calc(100% - 100px);
	vertical-align: middle;
	font-size: 12px;
	color: #666;
}

.sampleApply .applyList .coupon ul li .btn {
	width: 90px;
}

.sampleApply .applyList .coupon.on ul {
	display: block;
}

.sampleApply .applyList .coupon.on .handler:after {
	transform: rotate(0deg);
}

.sampleApply dl {
	overflow: hidden;
	padding: 40px 30px;
	line-height: 18px;
}

.sampleApply dl dt {
	float: left;
	width: 50%;
	margin-top: 25px;
	color: #222;
}

.sampleApply dl dd {
	float: left;
	width: 50%;
	margin-top: 25px;
	text-align: right;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.sampleApply dl dd span {
	font-size: 18px;
}

.sampleApply dl dt:first-of-type, .sampleApply dl dd:first-of-type {
	margin-top: 0;
}

.sampleApply .btnWrap {
	padding: 0 30px 40px;
}

.sampleApply .infoList4 {
	padding: 40px 30px;
	background: #f8f8f8;
}

@media all and (max-width: 374px) {
	.sampleApply
 
.applyList
 
.info
 
.qty
 
.qtyOption {
		width: 100%;
	}
	.sampleApply
 
.applyList
 
.info
 
.qty
 
.qtyOption
 
.inputText {
		width: calc(100% - 
 
 68px);
	}
	.sampleApply
 
.applyList
 
.info
 
.qty
 
.btn {
		width: 100%;
		margin-top: 5px;
		margin-left: 0;
	}
}

/**
CONTACT
**/
.boardTop h2.title {
	padding: 50px 25px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.boardTop .boardSearch {
	margin: 0 25px;
}

.boardTop .sort {
	padding: 20px 25px;
	margin: 40px 0;
	background: #f8f8f8;
}

.boardSearch {
	position: relative;
}

.boardSearch input[type="text"] {
	border: none;
	border-bottom: 2px solid #222;
}

.boardSearch input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: url("../images/common/btn_total_sch_bk.png") no-repeat 50%
		50%;
	-webkit-background-size: 14px;
	background-size: 14px;
	font-size: 0;
	color: transparent;
}

.csMain .top {
	padding: 45px 25px 60px;
}

.csMain .top .title {
	margin-bottom: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.csMain .top .links {
	overflow: hidden;
	margin-top: 35px;
}

.csMain .top .links li {
	float: left;
	width: 32%;
}

.csMain .top .links li:nth-of-type(2) {
	margin: 0 2%;
}

.csMain .top .links li a {
	display: block;
	padding: 30px 0;
	border: 1px solid #dcdcdc;
	text-align: center;
}

.csMain .top .links li a span, .csMain .top .links .counselBox a span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.csMain .top .links li a span:before, .csMain .top .links .counselBox a span:before
	{
	content: "";
	display: block;
	width: 24px;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 20px;
	background: url("../images/contact/ico_menu.png") no-repeat;
	-webkit-background-size: 150px;
	background-size: 150px;
}

.csMain .top .links li:nth-of-type(1) a span:before {
	background-position: 0 0;
}

.csMain .top .links li:nth-of-type(2) a span:before {
	width: 33px;
	background-position: -50px 0;
}

.csMain .top .links li:last-of-type a span:before {
	width: 32px;
	background-position: -100px 0;
}

.csMain .top .links.L2 li {
	width: 48%;
}

.csMain .top .links.L2 li:last-of-type {
	margin: 0 0 0 4%;
}

.csMain .top .links .counselBox {
	width: 100%;
	margin: 0;
}

.csMain .top .links .counselBox a {
	display: block;
	padding: 30px 0;
	border: 1px solid #dcdcdc;
	text-align: center;
}

.csMain .top .links .counselBox a span:before {
	width: 32px;
	background-position: -100px 0;
}

.csInfo {
	padding: 0 25px;
}

.csInfo .tit {
	padding-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.csInfo .tel {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.csInfo .opTime {
	display: inline-block;
	margin-top: 15px;
	text-align: right;
	line-height: 21px;
	color: #222;
}

@media all and (max-width: 320px) {
	.csInfo
 
.opTime {
		font-size: 13px;
	}
}

.csInfo .btnWrap {
	margin-top: 30px;
}

.csMain h3.title {
	margin: 55px 25px 10px;
	position: relative;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.csMain h3.title a {
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Montserrat';
	font-size: 13px;
	color: #888;
}

.csMain .faqList {
	margin-bottom: 100px;
}

.csMain .faqList li a span {
	overflow: hidden;
}

.noticeList .boardList li.important a {
	padding-left: 57px;
	background-image: url("../images/contact/ico_important.png"),
		url("../images/common/arr_right_gr.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 25px 23px, calc(100% - 25px) 50%;
	-webkit-background-size: 18px, 7px;
	background-size: 18px, 7px;
}

.findStore .schOption {
	padding: 15px 25px;
}

.findStore .schOption>.select {
	margin-bottom: 10px;
}

.findStore .schOption .addSel {
	overflow: hidden;
	display: none;
}

.findStore .schOption .addSel .select {
	float: left;
	width: 40%;
	padding-right: 4px;
	box-sizing: border-box;
}

.findStore .schOption .addSel .inputText {
	float: left;
	width: 40%;
	padding-right: 4px;
	box-sizing: border-box;
}

.findStore .schOption .addSel .btn {
	float: left;
	width: 20%;
}

.findStore .totalCnt {
	margin: 15px 25px;
	color: #222;
}

.findStore .totalCnt span {
	color: #5f77ba;
}

.findStore .mapArea {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 80%;
}

.findStore .mapArea .note {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 32px;
	font-size: 11px;
	line-height: 32px;
	background: rgba(45, 40, 38, 0.5);
	text-align: center;
	color: #fff;
}

.findStore .mapArea .marker {
	width: 33px;
	height: 43px;
	line-height: 28px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.findStore .mapArea .marker.type_md {
	background: url("../images/contact/map_pin_bk.png") no-repeat;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.findStore .mapArea .marker.type_365 {
	background: url("../images/contact/map_pin_bl.png") no-repeat;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.shopList>ul>li {
	border-top: 1px solid #eee;
}

.shopList>ul>li:first-child {
	border-top-color: #222;
}

.shopList>ul>li:last-child {
	border-bottom: 1px solid #222;
}

.shopList li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 25px 25px 20px 55px;
	box-sizing: border-box;
}

.shopList li a .num {
	position: absolute;
	left: 25px;
	top: 25px;
	display: block;
	width: 22px;
	height: 27px;
	padding-top: 2px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.shopList li a .num.type_md {
	background: url("../images/contact/map_label_bl.png") no-repeat;
	-webkit-background-size: 22px;
	background-size: 22px;
}

.shopList li a .num.type_365 {
	background: url("../images/contact/map_label_bk.png") no-repeat;
	-webkit-background-size: 22px;
	background-size: 22px;
}

.shopList li a .name {
	position: relative;
	padding-right: 55px;
	margin-top: -4px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.shopList li a .name .distance {
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #888;
}

.shopList li a .add {
	margin: 6px 0 2px;
	font-size: 12px;
}

.shopList li a .tel {
	font-size: 12px;
	color: #222;
}

.shopList li a ul {
	margin-top: 10px;
	font-size: 0;
}

.shopList li a ul li {
	position: relative;
	display: inline-block;
	width: 118px;
	padding-left: 8px;
	margin-bottom: 5px;
	font-size: 12px;
	box-sizing: border-box;
}

.shopList li a ul li.CA01 {
	color: #0b658a;
}

.shopList li a ul li.CA02 {
	color: #7e3587;
}

.shopList li a ul li.CA03 {
	color: #9a1d3c;
}

.shopList li a ul li.CA04 {
	color: #a8a9ad;
}

.shopList li a ul li.CA05 {
	color: #5f77ba;
}

.shopList li a ul li.CA05 .md {
	display: inline-block;
	height: 13px;
	line-height: 13px;
	padding: 0 3px;
	background: #5f77ba;
	color: #fff;
}

.shopList li a ul li:before {
	position: absolute;
	left: 0;
	top: 7px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
}

.faqList {
	border-top: 1px solid #222;
}

.faqList li {
	border-bottom: 1px solid #eee;
}

.faqList li a {
	position: relative;
	display: block;
	padding: 22px 45px 22px 30px;
	color: #222;
	transition: all 0.2s;
}

.faqList li a:before {
	position: absolute;
	right: 30px;
	top: 50%;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	background: #666;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.faqList li a:after {
	position: absolute;
	right: 25px;
	top: 50%;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	background: #666;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.faqList li a span {
	display: block;
	/* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */
}

.faqList li a .cate {
	font-size: 12px;
	color: #888;
}

.faqList li .answer {
	display: none;
	padding: 15px 40px 40px;
	background: #f8f8f8;
	line-height: 24px;
}

.faqList li.on a {
	background: #f8f8f8;
}

.faqList li.on a:before {
	transform: rotate(-45deg);
}

.faqList li.on a:after {
	transform: rotate(45deg);
}

.inquiry .userInputArea {
	padding: 40px 25px 50px;
}

.inquiry .userInputArea .agree {
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.inquiry .inputPhone2 #mblNoArea+.error {
	float: left;
}

.inquiry .btnWrap {
	padding: 0 25px;
	margin-bottom: 100px;
}

.inquiry .userInputArea .phone_btn {
	margin-top: 10px;
}

.inquiry .userInputArea .phone_btn a {
	color: #222;
	text-decoration: underline;
}

.inquiry .userInputArea .phone_btn .txt {
	margin-top: 5px;
	color: #222;
	font-size: 12px;
}

/* 멤버십 */
.membership {
	padding-bottom: 100px;
}

.membership .tab {
	margin-bottom: 40px;
}

.membership .tab ul {
	overflow: hidden;
}

.membership .tab ul li {
	float: left;
	width: 33%;
	text-align: center;
}

.membership .tab ul li:nth-of-type(2) {
	width: 34%;
}

.membership .tab ul li a {
	display: block;
	padding: 10px 0;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	border-right: none;
	background: #f8f8f8;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #dcdcdc;
}

.membership .tab ul li a:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 5px;
	background: url("../images/contact/ico_mbr_grade.png") no-repeat;
	-webkit-background-size: 90px;
	background-size: 90px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.5;
}

.membership .tab ul li:nth-of-type(2) a:before {
	background-position: -30px 0;
}

.membership .tab ul li:nth-of-type(3) a:before {
	background-position: -60px 0;
}

.membership .tab ul li:first-child a {
	border-left: none;
}

.membership .tab ul li.on a {
	border-bottom-color: #fff;
	background: #fff;
	color: #222;
}

.membership .tab ul li.on a:before {
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}

.membership .tabCont {
	padding: 0 25px;
}

.membership .tabCont .title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.membership .tabCont .desc {
	padding: 10px 0;
	margin-bottom: 25px;
	border-bottom: 1px solid #222;
	font-size: 13px;
}

.membership .tabCont ul li {
	position: relative;
	margin-top: 12px;
}

.membership .tabCont ul li:before {
	content: "";
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #f8f8f8;
	vertical-align: middle;
}

.membership .tabCont ul li:after {
	position: absolute;
	left: 13px;
	top: 50%;
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url("../images/contact/ico_mbr_benefit.png") no-repeat;
	-webkit-background-size: 105px;
	background-size: 105px;
	transform: translateY(-50%);
}

.membership .tabCont ul li.CS1002:after {
	background-position: 0 0;
}

.membership .tabCont ul li.CS1003:after {
	background-position: -35px 0;
}

.membership .tabCont ul li.CS1001:after {
	background-position: -70px 0;
}

.membership .tabCont ul li div {
	display: inline-block;
	width: calc(100% - 80px);
	margin-left: 15px;
	vertical-align: middle;
}

.membership .tabCont ul li div strong {
	display: block;
	margin-bottom: 4px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-weight: normal;
	color: #222;
}

.membership .sectionLine {
	margin: 30px 0;
}

.membership .infoList4 {
	padding: 0 25px;
}

.aboutPoint {
	position: relative;
	padding-bottom: 70px;
}

.aboutPoint .tabType {
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
}

.aboutPoint .tabType ul {
	padding: 0 25px;
}

.aboutPoint .tabType ul li a {
	background: none;
}

.aboutPoint .summary {
	padding: 115px 25px 40px;
	background: #f8f8f8;
}

.aboutPoint .summary .innerWrap {
	padding: 30px 20px;
}

.aboutPoint #astr .summary .innerWrap {
	background: #fff url("../images/contact/bg_point_astr.gif") no-repeat
		100% 100%;
	-webkit-background-size: 122px;
	background-size: 122px;
}

.aboutPoint #bp .summary .innerWrap {
	background: #fff url("../images/contact/bg_point_bp.gif") no-repeat 100%
		100%;
	-webkit-background-size: 94px;
	background-size: 94px;
}

.aboutPoint .summary .innerWrap .ta_c img {
	width: 120px;
}

.aboutPoint .summary .innerWrap ul {
	margin-top: 25px;
}

.aboutPoint .summary .innerWrap ul li {
	position: relative;
	padding-left: 11px;
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
}

.aboutPoint .summary .innerWrap ul li span {
	color: #222;
}

.aboutPoint .summary .innerWrap ul li:before {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
}

.aboutPoint .summary .innerWrap .btn {
	margin-top: 25px;
}

.aboutPoint .cont {
	padding: 40px 25px;
}

.aboutPoint .cont .sTit {
	margin-bottom: 12px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.aboutPoint .cont .tbl, .aboutPoint .cont .txt {
	margin-bottom: 50px;
}

.aboutPoint .cont .txt:last-child {
	margin-bottom: 0;
}

.aboutPoint .cont .txt {
	line-height: 24px;
}

.aboutPoint .cont .txt ul li {
	position: relative;
	padding-left: 11px;
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
}

.aboutPoint .cont .txt ul li:before {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
}

.aboutPoint .cont table {
	font-size: 12px;
}

.aboutPoint .cont table thead th {
	padding: 12px 15px;
	border-top: 1px solid #222;
	border-left: 1px solid #dcdcdc;
	vertical-align: top;
	text-align: left;
	color: #222;
}

.aboutPoint .cont table tbody td {
	padding: 12px 15px;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	vertical-align: top;
}

.aboutPoint .cont table thead th:first-child, .aboutPoint .cont table tbody td:first-child
	{
	border-left: none;
}

.aboutPoint .cont table tbody tr:first-child td {
	border-top: 1px solid #dcdcdc;
}

.aboutPoint .cont table tbody tr:last-child td {
	border-bottom: 1px solid #222;
}

.aboutPoint .infoList4 {
	padding: 25px;
}

@media all and (max-width: 413px) {
	.aboutPoint
 
.cont
 
.tbl {
		overflow-y: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.aboutPoint
 
.cont
 
.tbl
 
table {
		width: 145%;
		max-width: 500px;
	}
}
/**
로그인.회원가입
**/
#numLogin .login_phone .box {
	padding: 20px 0;
	border: 1px solid #dcdcdc;
	text-align: center;
	box-sizing: border-box;
}

#numLogin .login_phone .box span {
	display: inline-block;
	padding-left: 15px;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	vertical-align: middle;
	color: #222;
}

#numLogin .login_phone .box img {
	height: 65px;
}

.registerForm {
	padding: 40px 25px 100px;
}

.registerForm h2.formTitle {
	margin-bottom: 40px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.registerForm h3.formTitle {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.registerForm h3.formTitle2 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.registerForm h3.formTitle2 span {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	font-family: 'Montserrat';
	color: #888;
}

.registerForm h4.formTitle {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.registerForm .txtBtnWrap {
	margin-top: 35px;
	font-family: 'Montserrat';
}

.registerForm .guideTxt1 {
	text-align: center;
	line-height: 24px;
	color: #222;
}

.registerForm .guideTxt1 .lockTime {
	display: block;
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 27px;
	color: #5f77ba;
}

.registerForm .guideTxt2 {
	line-height: 18px;
	font-size: 12px;
	color: #666;
}

.registerForm .guideTxt3 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	line-height: 23px;
	color: #222;
}

.registerForm .guideTxt4 {
	font-size: 13px;
	line-height: 22px;
}

.registerForm .guideTxt5 {
	line-height: 23px;
	color: #222;
}

.registerForm .guideArea {
	padding: 45px 25px;
	background: #f8f8f8;
}

.registerForm h2.formTitle .guideTxt3+.guideTxt4, .registerForm h2.formTitle+.guideTxt4
	{
	margin: 15px 0 45px;
}

.registerForm.login .guideTxt1 {
	margin: 45px 0 70px;
}

.registerForm.login .guideTxt2 {
	margin: 15px 0;
}

.registerForm.login .userInputArea {
	margin-top: 30px;
}
/* .registerForm.login .userInputArea .inputPhone {margin-top:25px;} */
.registerForm.login .guideTxt1+.userInputArea {
	margin-top: -30px;
}

.registerForm.policy .guideTxt4 {
	margin: 15px 0 45px;
}

.registerForm.policy .inputWrap {
	margin-top: 10px;
}

.registerForm.policy .inputWrap:first-child {
	margin-top: 0;
}

.registerForm.policy .termsWrap {
	overflow-x: hidden;
	overflow-y: auto;
	height: 140px;
	padding: 12px;
	border: 1px solid #dcdcdc;
	-webkit-overflow-scrolling: touch;
}

.registerForm.policy .termsWrap table {
	table-layout: auto;
}

.registerForm.policy .termsWrap table colgroup {
	display: none;
}

.registerForm.policy .terms .tbl table thead th {
	width: auto !important;
	white-space: nowrap;
}

.registerForm.policy .termsWrap.has-tbl {
	height: 300px;
}

.registerForm.policy h3.formTitle+.termsWrap {
	margin-top: 10px;
}

.registerForm.policy .chkAll {
	padding-bottom: 20px;
	border-bottom: 1px solid #222;
}

.registerForm.policy h4.formTitle {
	margin-top: 35px;
}

.registerForm.policy .btnWrap {
	margin-top: 70px;
}

.registerForm.pwChange {
	padding: 40px 0 0 0;
}

.registerForm.pwChange .txtWrap {
	padding: 0 25px;
}

.registerForm.pwChange .guideTxt4 {
	margin-top: 10px;
}

.registerForm.pwChange .userInputArea {
	padding: 40px 25px 0;
	margin-top: 40px;
	border-top: 1px solid #dcdcdc;
}

.registerForm.pwChange .btnWrap {
	margin: 30px 25px 50px;
}

.registerForm.pwChange .notice_list {
	margin-top: 10px;
}

.registerForm.pwChange .guideArea {
	margin-top: 50px;
}

.registerForm.pwChange .guideArea .btnWrap {
	padding: 0;
}

.registerForm.pwChange .guideArea .inputWrap {
	margin-top: 20px;
}

.registerForm .sendInfo {
	margin-top: 40px;
	text-align: center;
}

.registerForm .sendInfo .p1 {
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 24px;
	color: #222;
}

.registerForm .sendInfo .p2 {
	margin-top: 10px;
	line-height: 24px;
}

.registerForm .sendInfo .idInfo {
	margin-top: 20px;
	padding: 15px 0;
	background: #f8f8f8;
}

.registerForm .sendInfo .idInfo span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.registerForm .sendInfoWay {
	margin: 40px -25px 0;
	padding: 30px 25px;
	border-top: 1px solid #dcdcdc;
}

.registerForm .sendInfoWay dl {
	overflow: hidden;
	margin-top: 20px;
}

.registerForm .sendInfoWay dl dt {
	float: left;
	width: 120px;
	margin-top: 15px;
	clear: both;
}

.registerForm .sendInfoWay dl dd {
	float: left;
	margin-top: 15px;
	color: #222;
}

.registerForm .sendInfoWay .btn {
	margin-top: 40px;
}

.layerPopupArea.sendTempPw ul {
	overflow: hidden;
	padding: 20px;
	background: #f8f8f8;
}

.layerPopupArea.sendTempPw ul li {
	margin-top: 15px;
}

.layerPopupArea.sendTempPw ul li:first-child {
	margin-top: 0;
}

.layerPopupArea.sendTempPw ul li em {
	display: inline-block;
}

.registerForm .steps {
	padding: 45px 25px 35px;
	background: #eee;
	text-align: center;
}

.registerForm .steps h2.formTitle {
	margin-top: 0;
}

.registerForm .steps ol li {
	display: inline-block;
	font-family: 'Montserrat';
}

.registerForm .steps ol li.on {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.registerForm .steps ol li:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	margin: 0 12px;
	background: url("../images/common/arr_right_gr2.png");
	-webkit-background-size: 6px;
	background-size: 6px;
}

.registerForm .steps ol li:last-child:after {
	display: none;
}

.registerForm.join {
	padding: 0;
	font-family: 'Montserrat';
}

.registerForm.join .userInputArea {
	padding: 40px 25px;
	border-top: 1px solid #dcdcdc;
}

.registerForm.join .userInputArea.first {
	border-top: none;
}

.registerForm.join .btnWrap.btm {
	padding: 0 25px;
	margin-bottom: 100px;
}

.registerForm.join .termsWrap {
	margin-top: 15px;
}

.registerForm.joinComplete {
	padding: 0;
	text-align: center;
}

.registerForm.joinComplete>.formTitle {
	margin-top: 40px;
	font-size: 21px;
}

.registerForm.joinComplete .mbrInfo {
	margin: 0 25px;
	padding: 20px 0;
	background: #f8f8f8;
	font-size: 15px;
}

.registerForm.joinComplete .mbrInfo dl {
	margin-top: 4px;
}

.registerForm.joinComplete .mbrInfo dl:first-child {
	margin-top: 0;
}

.registerForm.joinComplete .mbrInfo dt {
	display: inline-block;
	margin-right: 4px;
	color: #222;
}

.registerForm.joinComplete .mbrInfo dd {
	display: inline-block;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.registerForm.joinComplete .mbrInfo+p {
	margin-top: 30px;
	padding: 0 25px;
	line-height: 22px;
}

.registerForm.joinComplete .btnWrap {
	margin: 40px 25px 50px;
}

.registerForm.dormancy {
	padding-bottom: 0;
}

.registerForm.dormancy>.guideTxt4 {
	margin: 15px 0 40px;
}

.registerForm.dormancy .guideArea {
	margin: 50px -25px 0;
}

.registerForm.dormancy .guideArea .guideTxt4 {
	margin-top: 15px;
}

.registerForm.exclusive {
	text-align: center;
}

.registerForm.exclusive p {
	margin-bottom: 50px;
	line-height: 23px;
	font-size: 13px;
	color: #222;
}

/**
주문결제
**/
/* 주문 */
.orderPdtItemList .orderPdtItem {
	padding: 30px 0;
	border-bottom: 1px solid #dcdcdc;
}

.orderPdtItemList .orderPdtItem .editMenu {
	position: relative;
	margin-bottom: 10px;
}

.orderPdtItemList .orderPdtItem .editMenu .del {
	position: absolute;
	right: -10px;
	top: -5px;
	width: 12px;
	padding: 10px;
	font-size: 0;
}

.orderPdtItemList .orderPdtItem .pdtInfo {
	position: relative;
	min-height: 100px;
	padding-left: 115px;
}

.orderPdtItemList .orderPdtItem .pdtInfo .thumbnail {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	background: #f8f8f8;
	font-size: 0;
}

.orderPdtItemList .orderPdtItem .pdtInfo .thumbnail span {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 23px;
	line-height: 23px;
	background: rgba(95, 119, 186, 0.8);
	text-align: center;
	font-size: 11px;
	color: #fff;
}

.orderPdtItemList .orderPdtItem .pdtInfo .name {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	line-height: 21px;
	color: #222;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.orderPdtItemList .orderPdtItem .pdtInfo .price {
	margin: 8px 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.orderPdtItemList .orderPdtItem .pdtInfo .price:after {
	display: block;
	content: "";
	clear: both;
}

.orderPdtItemList .orderPdtItem .pdtInfo .price em {
	font-size: 14px;
	color: #5f77ba;
}

.orderPdtItemList .orderPdtItem .pdtInfo .price .cost {
	margin-right: 10px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.orderPdtItemList .orderPdtItem .pdtInfo .price .point {
	float: right;
	font-family: 'Montserrat';
	font-size: 13px;
	white-space: nowrap;
}

.orderPdtItemList .orderPdtItem .pdtInfo .price .soldout {
	font-family: 'Montserrat';
	font-size: 14px;
	color: #ff3f3c;
}

.orderPdtItemList .orderPdtItem .pdtInfo .price .cp {
	font-family: 'Montserrat';
	color: #222;
}

.orderPdtItemList .orderPdtItem .pdtInfo .qty {
	overflow: hidden;
	padding-right: 20px;
	color: #222;
}

.orderPdtItemList .orderPdtItem .pdtInfo .qty .cost {
	float: left;
}

.orderPdtItemList .orderPdtItem .pdtInfo .qty .count {
	float: right;
}

.orderPdtItemList .orderPdtItem .pdtInfo .btn {
	margin-top: 8px;
}

.orderPdtItemList .orderPdtItem .option {
	padding: 20px;
	margin-top: 20px;
	background: #f8f8f8;
}

.orderPdtItemList .orderPdtItem .option .editOpt {
	position: relative;
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.orderPdtItemList .orderPdtItem .option .editOpt:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.orderPdtItemList .orderPdtItem .option .editOpt:first-child .del {
	top: -6px;
}

.orderPdtItemList .orderPdtItem .option .editOpt .optNm {
	padding-right: 40px;
	font-size: 13px;
	color: #666;
}

.orderPdtItemList .orderPdtItem .option .editOpt .qty {
	overflow: hidden;
	margin-top: 20px;
}

.orderPdtItemList .orderPdtItem .option .editOpt .qty .qtyOption,
	.orderPdtItemList .orderPdtItem .option .editOpt .qty .btn {
	float: left;
}

.orderPdtItemList .orderPdtItem .option .editOpt .qty .count {
	float: left;
	margin-top: 5px;
	color: #222;
}

.orderPdtItemList .orderPdtItem .option .editOpt .qty .price {
	float: right;
}

.orderPdtItemList .orderPdtItem .option .editOpt .qty .state {
	float: left;
	color: #222;
}

.orderPdtItemList .orderPdtItem .option .editOpt .qty .state+.count {
	float: right;
	margin-top: 0;
}

.orderPdtItemList .orderPdtItem .option .editOpt .price {
	margin-top: 4px;
	text-align: right;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.orderPdtItemList .orderPdtItem .option .editOpt .price em {
	font-size: 14px;
	color: #5f77ba;
}

.orderPdtItemList .orderPdtItem .option .editOpt .price .cost {
	margin-right: 8px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.orderPdtItemList .orderPdtItem .option .editOpt .price .soldout {
	font-family: 'Montserrat';
	font-size: 14px;
	color: #ff3f3c;
}

.orderPdtItemList .orderPdtItem .option .editOpt .del {
	position: absolute;
	right: -10px;
	top: 19px;
	width: 12px;
	padding: 10px;
	font-size: 0;
}

.orderPdtItemList .orderPdtItem .option .editOpt .setOpt {
	margin-top: 12px;
}

.orderPdtItemList .orderPdtItem .giftWrap {
	margin-top: 35px;
}

.orderPdtItemList .orderPdtItem .giftWrap .tit {
	margin-bottom: 20px;
	padding-left: 23px;
	background: url("../images/common/ico_gift.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
	color: #5f77ba;
}

.orderPdtItemList .orderPdtItem .giftWrap ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.orderPdtItemList .orderPdtItem .giftWrap ul li {
	position: relative;
	display: inline-block;
	width: 85px;
	min-height: 55px;
	padding-left: 70px;
	margin-left: 20px;
	font-size: 11px;
}

.orderPdtItemList .orderPdtItem .giftWrap ul li:first-child {
	margin-left: 0;
}

.orderPdtItemList .orderPdtItem .giftWrap ul li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
}

.orderPdtItemList .orderPdtItem .giftWrap ul li .name {
	overflow: hidden;
	height: 30px;
	margin-bottom: 5px;
	line-height: 15px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.orderPdtItemList .orderPdtItem .giftWrap ul li .qty {
	color: #222;
}

.orderPdtItemList .orderPdtItem>label {
	display: block;
	margin-top: 10px;
}

.orderPdtItemList .total {
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #222;
	color: #222;
	line-height: 27px;
}

.orderPdtItemList .total dt {
	clear: both;
	float: left;
	width: 50%;
	margin-top: 12px;
}

.orderPdtItemList .total dd {
	float: left;
	width: 50%;
	margin-top: 12px;
	text-align: right;
}

.orderPdtItemList .total dd .price {
	font-family: 'Montserrat';
	font-weight: bold;
}

.orderPdtItemList .total dd .price span {
	font-size: 18px;
	color: #5f77ba;
}

.orderPdtItemList .total dt:first-of-type, .orderPdtItemList .total dd:first-of-type
	{
	margin-top: 0;
}

/* 신청상품 */
.orderProduct .inside_folding {
	overflow: hidden;
	height: 0;
	padding-top: 30px;
}

.inside_folding .folding_wrap {
	position: relative;
	padding-bottom: 30px;
}

.inside_folding .folding_wrap:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #222;
	top: 0;
	left: 0;
}

.inside_folding .folding_wrap .btn {
	padding-top: 30px;
}

.inside_folding .folding_wrap .btn a {
	padding: 0 20px;
}

.inside_folding .folding_wrap .tab_btn_wrap {
	margin-top: 20px;
}

.inside_folding .folding_wrap .tab_btn_wrap ul {
	font-size: 0;
}

.inside_folding .folding_wrap .tab_btn_wrap ul li {
	position: relative;
	display: inline-block;
	width: 49.8999%;
	border: 1px solid #dcdcdc;
	font-size: 13px;
	box-sizing: border-box;
}

.inside_folding .folding_wrap .tab_btn_wrap ul li:first-child {
	border-right: 0;;
	border-bottom: 0;
}

.inside_folding .folding_wrap .tab_btn_wrap ul li:nth-child(2) {
	border-bottom: 0;
}

.inside_folding .folding_wrap .tab_btn_wrap ul li:nth-child(3) {
	border-right: 0;
}

.inside_folding .folding_wrap .tab_btn_wrap ul li.on::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid #222;
	z-index: 10;
}

.inside_folding .folding_wrap .tab_btn_wrap ul li.on a {
	color: #222;
}

.inside_folding .folding_wrap .tab_btn_wrap ul li a {
	display: block;
	color: #dcdcdc;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.inside_folding .folding_wrap .tab_con_wrap {
	margin-top: 20px;
}

.inside_folding .folding_wrap .tab_con_wrap .applyPdtItemList {
	display: none;
}

.inside_folding .folding_wrap .tab_con_wrap .applyPdtItemList.active {
	display: block;
}

.applyPdtItemList {
	height: 510px;
	overflow: scroll;
	padding-right: 20px;
	margin-top: 20px;
}

.applyPdtItemList .applyPdtItem {
	padding: 30px 0;
	border-bottom: 1px solid #dcdcdc;
}

.applyPdtItemList .applyPdtItem .editMenu {
	position: relative;
	margin-bottom: 10px;
}

.applyPdtItemList .applyPdtItem .editMenu .del {
	position: absolute;
	right: -10px;
	top: -5px;
	width: 12px;
	padding: 10px;
	font-size: 0;
}

.applyPdtItemList .applyPdtItem .pdtInfo {
	position: relative;
	min-height: 100px;
	padding-left: 115px;
}

.applyPdtItemList .applyPdtItem .pdtInfo .thumbnail {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	background: #f8f8f8;
	font-size: 0;
}

.applyPdtItemList .applyPdtItem .pdtInfo .thumbnail span {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 23px;
	line-height: 23px;
	background: rgba(95, 119, 186, 0.8);
	text-align: center;
	font-size: 11px;
	color: #fff;
}

.applyPdtItemList .applyPdtItem .pdtInfo .name {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	line-height: 21px;
	color: #222;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.applyPdtItemList .applyPdtItem .pdtInfo .price {
	margin: 8px 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.applyPdtItemList .applyPdtItem .pdtInfo .price:after {
	display: block;
	content: "";
	clear: both;
}

.applyPdtItemList .applyPdtItem .pdtInfo .price em {
	font-size: 14px;
	color: #5f77ba;
}

.applyPdtItemList .applyPdtItem .pdtInfo .price .cost {
	margin-right: 10px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.applyPdtItemList .applyPdtItem .pdtInfo .price .point {
	float: right;
	font-family: 'Montserrat';
	font-size: 13px;
	white-space: nowrap;
}

.applyPdtItemList .applyPdtItem .pdtInfo .price .soldout {
	font-family: 'Montserrat';
	font-size: 14px;
	color: #ff3f3c;
}

.applyPdtItemList .applyPdtItem .pdtInfo .price .cp {
	font-family: 'Montserrat';
	color: #222;
}

.applyPdtItemList .applyPdtItem .pdtInfo .qty {
	overflow: hidden;
	color: #222;
}

.applyPdtItemList .applyPdtItem .pdtInfo .qty .qtyOption {
	float: left;
}

.applyPdtItemList .applyPdtItem .pdtInfo .qty .add_btn {
	float: right;
}

.applyPdtItemList .applyPdtItem .pdtInfo .qty .add_btn a {
	display: inline-block;
	border: 1px solid #222;
	color: #222;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
}

.applyPdtItemList .applyPdtItem .pdtInfo .qty .cost {
	float: left;
}

.applyPdtItemList .applyPdtItem .pdtInfo .qty .count {
	float: right;
}

.applyPdtItemList .applyPdtItem .option {
	padding: 20px;
	margin-top: 20px;
	background: #f8f8f8;
}

.applyPdtItemList .applyPdtItem .option .editOpt {
	position: relative;
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.applyPdtItemList .applyPdtItem .option .editOpt:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.applyPdtItemList .applyPdtItem .option .editOpt:first-child .del {
	top: -6px;
}

.applyPdtItemList .applyPdtItem .option .editOpt .optNm {
	padding-right: 40px;
	font-size: 13px;
	color: #666;
}

.applyPdtItemList .applyPdtItem .option .editOpt .qty {
	overflow: hidden;
	margin-top: 20px;
}

.applyPdtItemList .applyPdtItem .option .editOpt .qty .qtyOption,
	.applyPdtItemList .applyPdtItem .option .editOpt .qty .btn {
	float: left;
}

.applyPdtItemList .applyPdtItem .option .editOpt .qty .count {
	float: left;
	margin-top: 5px;
	color: #222;
}

.applyPdtItemList .applyPdtItem .option .editOpt .qty .price {
	float: right;
}

.applyPdtItemList .applyPdtItem .option .editOpt .qty .state {
	float: left;
	color: #222;
}

.applyPdtItemList .applyPdtItem .option .editOpt .qty .state+.count {
	float: right;
	margin-top: 0;
}

.applyPdtItemList .applyPdtItem .option .editOpt .price {
	margin-top: 4px;
	text-align: right;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.applyPdtItemList .applyPdtItem .option .editOpt .price em {
	font-size: 14px;
	color: #5f77ba;
}

.applyPdtItemList .applyPdtItem .option .editOpt .price .cost {
	margin-right: 8px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #888;
	text-decoration: line-through;
}

.applyPdtItemList .applyPdtItem .option .editOpt .price .soldout {
	font-family: 'Montserrat';
	font-size: 14px;
	color: #ff3f3c;
}

.applyPdtItemList .applyPdtItem .option .editOpt .del {
	position: absolute;
	right: -10px;
	top: 19px;
	width: 12px;
	padding: 10px;
	font-size: 0;
}

.applyPdtItemList .applyPdtItem .option .editOpt .setOpt {
	margin-top: 12px;
}

.applyPdtItemList .applyPdtItem .giftWrap {
	margin-top: 35px;
}

.applyPdtItemList .applyPdtItem .giftWrap .tit {
	margin-bottom: 20px;
	padding-left: 23px;
	background: url("../images/common/ico_gift.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
	color: #5f77ba;
}

.applyPdtItemList .applyPdtItem .giftWrap ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.applyPdtItemList .applyPdtItem .giftWrap ul li {
	position: relative;
	display: inline-block;
	width: 85px;
	min-height: 55px;
	padding-left: 70px;
	margin-left: 20px;
	font-size: 11px;
}

.applyPdtItemList .applyPdtItem .giftWrap ul li:first-child {
	margin-left: 0;
}

.applyPdtItemList .applyPdtItem .giftWrap ul li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
}

.applyPdtItemList .applyPdtItem .giftWrap ul li .name {
	overflow: hidden;
	height: 30px;
	margin-bottom: 5px;
	line-height: 15px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.applyPdtItemList .applyPdtItem .giftWrap ul li .qty {
	color: #222;
}
/* 신청상품 버튼 */
.orderProduct .inside_foldTrigger {
	position: absolute;
	bottom: 0;
	right: 0;
}

.orderProduct .inside_foldTrigger span:before {
	content: url("../images/common/arr_left_wh.png");
	display: inline-block;
	margin-right: 15px;
	transform: rotate(-90deg);
}

.orderProduct .inside_foldTrigger.on span:before {
	transform: rotate(90deg);
}

.order .paymentSteps {
	padding: 15px 25px;
	border-bottom: 2px solid #5f77ba;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.order .formBox {
	position: relative;
	padding: 40px 25px;
}

.order .formBox .formTitle {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.order .formBox .formTitle span {
	display: block;
	font-family: 'Montserrat';
	font-size: 13px;
	color: #888;
}

.order .formBox .subTotal {
	position: absolute;
	right: 25px;
	top: 40px;
}

.order .formBox .subTotal .handler {
	position: relative;
	display: block;
	min-width: 25px;
	min-height: 22px;
	padding-right: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #5f77ba;
}

.order .formBox .subTotal .handler:before {
	position: absolute;
	right: 5px;
	top: 10px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.order .formBox .subTotal .handler:after {
	position: absolute;
	right: 0;
	top: 10px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.order .formBox .subTotal .price {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .formBox .subTotal .price em {
	font-size: 18px;
	color: #5f77ba;
}

.order .formBox .folding {
	display: none;
	padding-top: 35px;
}

.order .formBox.employee .formPanel {
	padding-top: 15px;
}

.order .formBox.employee .inputWrap label {
	font-size: 13px;
	color: #222;
}

.order .formBox.employee .item {
	padding-top: 15px;
	font-size: 12px;
}

.order .formBox.employee .item {
	padding-left: 8px;
	text-indent: -8px;
}

.order .formBox.employee .item li {
	margin-top: 4px;
}

.order .formBox.employee .item li:first-child {
	margin-top: 0;
}

.order .formBox.employee .item sup {
	vertical-align: middle;
}

.order .formBox.isVisible .folding {
	display: block;
}

.order .formBox.isVisible .subTotal .handler:before {
	transform: rotate(-45deg);
}

.order .formBox.isVisible .subTotal .handler:after {
	transform: rotate(45deg);
}

.order .pdtGiftList {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.order .pdtGiftList li {
	position: relative;
	display: inline-block;
	width: 130px;
	min-height: 130px;
	padding-left: 115px;
	margin-left: 18px;
	font-size: 15px;
	vertical-align: top;
}

.order .pdtGiftList .title {
	overflow: hidden;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.order .pdtGiftList .quantity {
	margin-top: 5px;
}

.order .pdtGiftList li:first-child {
	margin-left: 0;
}

.order .pdtGiftList li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	background: #f8f8f8;
}

.order .pdtGiftList li .name {
	overflow: hidden;
	height: 48px;
	margin: 10px 0 12px;
	line-height: 24px;
	white-space: normal;
	color: #222;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.order .pdtGiftList li .btn {
	width: 50px;
}

.order #ul_purc_freegift_list li p {
	overflow: hidden;
	height: 48px;
	margin: 10px 0 12px;
	line-height: 24px;
	white-space: normal;
	color: #222;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.cart .chkAll {
	padding: 17px 25px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.cart .chkAll label {
	color: #222;
}

.cart .orderPdtItemList .orderPdtItem {
	padding: 30px 25px;
}

.cart .orderPdtItemList .orderPdtItem:first-child {
	border-top: 1px solid #dcdcdc;
}

.cart .btnEditList {
	padding: 25px 25px 40px;
}

.cart .pdtGift .note {
	margin-top: 10px;
	line-height: 23px;
	color: #222;
}

.cart .pdtGift .menu {
	margin: 30px 0;
}

.cart .pdtGift .menu ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.cart .pdtGift .menu li {
	display: inline-block;
	margin-left: 20px;
}

.cart .pdtGift .menu li:first-child {
	margin-left: 0;
}

.cart .pdtGift .menu li a {
	display: inline-block;
	border-bottom: 2px solid #fff;
}

.cart .pdtGift .menu li.on a {
	font-family: 'Montserrat';
	font-weight: bold;
	border-color: #222;
	color: #222;
}

.cart .recommend .recommendList li {
	position: relative;
	margin-top: 20px;
}

.cart .recommend .recommendList li .btnCart {
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
	width: 30px;
	padding: 5px;
	background: none;
}

.cart .subTotal {
	overflow: hidden;
	padding: 8px 25px;
	border-top: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.cart .subTotal .btn {
	float: right;
	width: 50%;
	max-width: 158px;
}

.cart .subTotal .totalCnt {
	float: left;
	margin-top: 8px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.cart .subTotal .totalCnt .t {
	display: block;
	font-size: 11px;
	font-family: 'Montserrat';
}

.cart .subTotal .totalCnt span {
	font-size: 18px;
}

.cart .subTotal .totalCnt .point {
	margin-left: 10px;
	font-family: 'Montserrat';
	font-size: 14px;
	color: #888;
}

.cart .subTotal.type2 .totalCnt {
	margin-top: 2px;
}

.cart .subTotal.floating {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	background: #fff;
}

.changeOption .msg {
	margin: 20px 0 !important;
}

.changeOption .select {
	margin-bottom: 20px;
}

.cart .regularOrderSteps {
	padding: 50px 20px 58%;
	background: #e8ebf0 url("../images/common/bg_regular_order_cart.jpg")
		no-repeat 50% 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	text-align: center;
}

.cart .regularOrderSteps .tit {
	margin-bottom: 12px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.cart .regularOrderSteps .txt {
	font-size: 13px;
	line-height: 22px;
}

.cart .regularOrderSteps ol {
	margin: 25px 0;
}

.cart .regularOrderSteps ol:after {
	content: "";
	display: block;
	clear: both;
}

.cart .regularOrderSteps li {
	position: relative;
	display: inline-block;
	height: 25px;
	margin-right: 15px;
	padding: 0 10px;
	border-radius: 4px;
	background: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 11px;
	line-height: 25px;
	color: #222;
}

.cart .regularOrderSteps li:last-child {
	margin-right: 0;
}

.cart .regularOrderSteps li:after {
	position: absolute;
	right: -12px;
	top: 7px;
	content: "";
	display: block;
	width: 6px;
	height: 10px;
	background: url("../images/common/arr_right_gr2.png");
	-webkit-background-size: 6px;
	background-size: 6px;
}

.cart .regularOrderSteps li:last-child:after {
	display: none;
}

.cart .check_txt_wrap {
	padding: 0 20px 25px;
}

.cart .check_txt_wrap p {
	padding: 25px 20px;
	background: #f8f8f8;
	color: #5f77ba;
	word-break: break-all;
}

.regularOrderGuide {
	margin-bottom: 40px;
}

.regularOrderGuide>li {
	margin-top: 25px;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.regularOrderGuide li:first-child {
	margin-top: 0;
}

.regularOrderGuide>li>ul {
	margin-top: 6px;
}

.regularOrderGuide>li>ul>li {
	margin-top: 3px;
	padding-left: 8px;
	line-height: 24px;
	font-size: 14px;
	font-family: 'Montserrat';
	text-indent: -8px;
	color: #222;
}

.regularOrderGuide>li>ul>li ul {
	margin-top: 3px;
}

.regularOrderGuide>li>ul>li li {
	margin-top: 3px;
	padding-left: 0;
	text-indent: 0;
	font-family: 'Montserrat';
	color: #888;
}

.promotion_sale {
	margin-top: 25px;
	padding: 0 25px;
	color: #222;
}

.promotion_sale .btn_wrap {
	height: 46px;
	padding: 0 10px;
	line-height: 46px;
	background: #f8f8f8;
	box-sizing: border-box;
	text-align: center;
}

.promotion_sale button {
	outline: none;
	font-size: 13px;
	color: #222;
	background: 0;
	height: 46px;
	line-height: 46px;
	font-weight: bold;
}

.promotion_sale .promotion_drop_down {
	margin-top: 5px;
	color: #222;
}

.promotion_sale .promotion_drop_down .promotion_info {
	display: none;
	margin-top: 10px;
	font-size: 12px;
}

.promotion_sale .promotion_drop_down .sale_list {
	margin-top: 5px;
}

.promotion_sale .promotion_drop_down .sale_list li:first-child {
	margin-top: 0;
}

.promotion_sale .promotion_drop_down .sale_list li {
	position: relative;
	line-height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
	color: #888;
}

.promotion_sale .promotion_drop_down .sale_list li:after {
	display: block;
	content: "";
	clear: both;
}

.promotion_sale .promotion_drop_down .sale_list li p {
	float: left;
}

.promotion_sale .promotion_drop_down .sale_list li .price {
	float: right;
}

.order .userInfo .formPanel {
	margin-top: 35px;
}

.order .userInfo dl:after {
	content: "";
	display: block;
	clear: both;
}

.order .userInfo dl dt {
	float: left;
	clear: both;
	width: 68px;
	padding-top: 15px;
}

.order .userInfo dl dd {
	float: left;
	width: calc(100% - 68px);
	color: #222;
	padding-top: 15px;
}

.order .shipping .formPanel {
	margin-top: 35px;
}

.order .shipping .formTitle .btn {
	float: right;
}

.order .shipping .add {
	line-height: 24px;
}

.order .shipping .add .name {
	color: #222;
	word-wrap: break-word;
}

.order .shipping .add .zipcode {
	color: #222;
	word-wrap: break-word;
}

.order .shipping .add dl {
	margin-bottom: 20px;
	overflow: hidden;
	color: #222;
}

.order .shipping .add dl dt {
	position: relative;
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.order .shipping .add dl dt:after {
	position: absolute;
	right: 0;
	top: 7px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #dcdcdc;
}

.order .shipping .add dl dd {
	float: left;
}

.order .shipping .select {
	margin-top: 30px;
}

.order .shipping .textarea {
	margin-top: 10px;
}

.order .shipping .inputWrap {
	margin-top: 25px;
}

.order .shipping .shippingMsg {
	margin-top: 10px;
	color: #222;
}

.order .shipping .modifyGuide {
	margin: 20px 0 25px;
	font-size: 13px;
}

.order .shipping .shippingMsg dt {
	color: #888;
}

.order .shipping .shippingMsg dd {
	margin-top: 10px;
	color: #222;
}

.order .orderProduct.isVisible {
	
}

.order .orderProduct .summary {
	margin-top: 25px;
	font-size: 13px;
	color: #222;
}

.order .orderProduct .summary span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
}

.order .orderProduct .orderPdtItemList li:first-of-type {
	padding-top: 0;
}

.order .orderProduct .orderPdtItemList li:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}

.order .orderProduct .setPdt {
	padding: 40px 25px 20px;
	margin: 40px -25px 0;
	border-top: 1px solid #dcdcdc;
}

.order .coupon .couponList {
	padding: 25px 20px;
	background: #f8f8f8;
	color: #222;
}

.order .coupon .couponList .tit {
	margin-bottom: 30px;
	text-align: center;
	font-size: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .coupon .couponList dl {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.order .coupon .couponList dl:first-of-type {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.order .coupon .couponList dt {
	margin-bottom: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.order .coupon .couponList dd {
	margin-top: 15px;
}

.order .coupon .couponList dd:first-of-type {
	margin-top: 0;
}

.order .coupon .couponList dd .select {
	margin-top: 10px;
}

.order .coupon .btnWrap {
	margin-top: 30px;
}

.order .coupon .btnWrap+.inputWrap {
	margin: 25px 0 12px;
}

.order .btPoint .formPanel {
	margin-top: 35px;
}

.order .btPoint .summary {
	color: #222;
}

.order .btPoint .summary span {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

.order .btPoint .inputHasBtn2 {
	margin-top: 15px;
}

.order .btPoint .inputText input {
	text-align: right;
}

.order .btPoint .note {
	margin-top: 20px;
	line-height: 24px;
	color: #222;
}

.order .pdtGift .formPanel {
	margin-top: 35px;
}

.order .pdtGift .notice_list {
	margin-top: 30px;
}

.order .pdtGift .giftWrap {
	padding: 30px 0;
	border-top: 1px solid #eee;
}

.order .pdtGift .giftWrap:first-child {
	padding-top: 0;
	border-top: none;
}

.order .pdtGift .giftWrap:last-child {
	padding-bottom: 0;
}

.order .pdtGift .giftWrap .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .pdtGift .giftWrap ul {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	margin-top: 30px;
}

.order .pdtGift .giftWrap ul li {
	position: relative;
	display: inline-block;
	width: 90px;
	min-height: 55px;
	padding-left: 70px;
	margin-left: 20px;
	font-size: 11px;
	vertical-align: top;
}

.order .pdtGift .giftWrap ul li:first-child {
	margin-left: 0;
}

.order .pdtGift .giftWrap ul li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	background: #f8f8f8;
}

.order .pdtGift .giftWrap ul li .name {
	overflow: hidden;
	height: 30px;
	margin-bottom: 5px;
	line-height: 15px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.order .pdtGift .giftWrap ul li .qty {
	color: #222;
}

.order .payMethod .subTotal .handler {
	font-size: 13px;
	font-family: 'Montserrat';
	color: #888;
}

.order .payMethod .method {
	max-width: 480px;
	margin: 0 auto;
}

.order .payMethod .method ul {
	overflow: hidden;
}

.order .payMethod .method li {
	float: left;
	position: relative;
	width: 33%;
	height: 0;
	padding-top: 29%;
	margin: 2px 0 0;
}

.order .payMethod .method li:nth-of-type(3n-1) {
	margin: 2px 0.5% 0;
}

.order .payMethod .method li a {
	position: absolute;
	left: 0;
	top: 0;
	display: table;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #eee;
	background: #f8f8f8;
	text-align: center;
}

.order .payMethod .method li a span {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	line-height: 19px;
}

.order .payMethod .method li.on a {
	border-color: #5f77ba;
	background: #5f77ba;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.order .payMethod .method li.disabled a {
	border-color: #eee;
	background: #f8f8f8;
	color: #dcdcdc;
}

.order .payMethod .handler.on {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #5f77ba;
}

.order .payMethod .payGuide .payDetail {
	margin: 30px 0 25px;
}

.order .payMethod .payDetail dl:after {
	content: "";
	display: block;
	clear: both;
}

.order .payMethod .payDetail dt {
	float: left;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .payMethod .payDetail dd {
	float: left;
	margin-left: 10px;
	color: #222;
}

.order .payMethod .payDetail .select {
	margin-top: 10px;
}

.order .payMethod .payDetail .select:first-child {
	margin-top: 0;
}

.order .payMethod .payDetail .btn a {
	border: 1px solid #dcdcdc;
	background: #fff;
}

.order .payMethod .payDetail .btnWrap li.on .btn.naver a {
	border-color: #00c73c;
	background: #00c73c;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.order .payMethod .payDetail .btnWrap li.on .btn.kakao a {
	border-color: #fae100;
	background: #fae100;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #36191d;
}

.order .payMethod .inputWrap.save {
	margin-top: 25px;
}

.order .payMethod .mobilePayment {
	overflow: hidden;
	margin-top: 25px;
}

.order .payMethod .mobilePayment dt {
	float: left;
	width: 100%;
	font-family: 'Montserrat';
}

.order .payMethod .mobilePayment dd {
	float: left;
	margin-left: 15px;
}

.order .payMethod .mobilePayment dd:first-of-type {
	margin-left: 0;
}

.order .payMethod .mobilePayment dd img {
	height: 21px;
}

.order .amount dl {
	overflow: hidden;
	font-size: 13px;
}

.order .amount dt {
	float: left;
	width: 50%;
	margin-top: 15px;
}

.order .amount dd {
	float: right;
	width: 50%;
	margin-top: 15px;
	text-align: right;
	color: #222;
}

.order .amount dt:first-of-type, .order .amount dd:first-of-type {
	margin-top: 0;
}

.order .amount .savePoint {
	margin-top: 25px;
	padding: 15px 0;
	background: #f8f8f8;
	text-align: center;
	color: #222;
}

.order .amount .savePoint span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.order .execPay label {
	font-size: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .execPay .policy {
	margin: 12px 0 20px;
	font-size: 13px;
	line-height: 23px;
}

.order .execPay .policy .underAge {
	
}

.order .execPay .underAge {
	margin-bottom: 30px;
}

.order .execPay .underAge .tit {
	margin-bottom: 5px;
	font-size: 13px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .execPay .underAge .p {
	font-size: 11px;
	color: #767676;
}

.order .purchaseInfo dl {
	margin-top: 30px;
}

.order .purchaseInfo dt {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.order .purchaseInfo dd {
	overflow: hidden;
	margin-top: 16px;
	font-size: 15px;
	color: #222;
}

.order .purchaseInfo dd.time {
	color: #888;
}

.order .purchaseInfo dd span {
	position: relative;
	display: block;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
}

.order .purchaseInfo dd span:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: #dcdcdc;
}

.order .purchaseInfo dd span:first-child {
	margin-left: 0;
	padding-left: 0;
}

.order .purchaseInfo dd span:first-child:before {
	display: none;
}

.order .purchaseInfo dd.colorGR {
	color: #888;
}

.order .purchaseInfo .note {
	margin-top: 16px;
	font-size: 12px;
}

.order .startShipping .userInputArea {
	margin-top: 35px;
}

.order .startShipping .userInputArea .label {
	font-family: 'Montserrat';
	color: #888;
}

.order .startShipping .userInputArea .selectWrap .select {
	float: left;
	width: 33%;
}

.order .startShipping .userInputArea .selectWrap .select:nth-of-type(2)
	{
	margin: 0 0.5%;
}

.order .startShipping .userInputArea .cycle .btn {
	float: left;
	width: 33%;
}

.order .startShipping .userInputArea .cycle .btn:nth-of-type(2) {
	margin: 0 0.5%;
}

.order .startShipping .userInputArea .cycle .btn a {
	border-color: #dcdcdc;
	font-family: 'Montserrat';
	color: #888;
}

.order .startShipping .userInputArea .cycle .btn.on a {
	border-color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .startShipping .setDate {
	margin-top: 20px;
	line-height: 24px;
	color: #222;
}

.order .startShipping .setDate span {
	color: #5f77ba;
}

.order .startShipping .btnWrap {
	margin-top: 30px;
}

/* 정기배송 발송예정일 팝업*/
#regularPaymentInfo .layerBody .txt1 {
	font-size: 14px;
	line-height: 24px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

#regularPaymentInfo .layerBody .txt1 .point {
	color: #5f77ba;
}

#regularPaymentInfo .layerBody .slide_wrap .ui-datepicker.ui-datepicker-inline
	{
	width: 98%;
	height: 370px;
}

#regularPaymentInfo .layerBody .slide_wrap .ui-datepicker-header {
	margin-top: 20px;
}

#regularPaymentInfo .layerBody .slide_wrap {
	max-width: 320px;
	margin: 0 auto;
}

#regularPaymentInfo .layerBody .slide_wrap .slick-slide {
	outline: none;
}

#regularPaymentInfo .layerBody .slide_wrap .txt_wrap {
	display: table;
	height: 120px;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

#regularPaymentInfo .layerBody .slide_wrap .txt_wrap .inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

#regularPaymentInfo .layerBody .slide_wrap .txt_wrap .point {
	font-size: 16px;
	line-height: 35px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5f77ba;
}

#regularPaymentInfo .layerBody .slide_wrap .txt_wrap p {
	display: inline-block;
	padding-left: 5px;
	font-size: 16px;
	line-height: 35px;
	color: #222;
	font-family: 'Montserrat';
}

#regularPaymentInfo .layerBody .slide_wrap .slick-arrow {
	position: absolute;
	top: calc(100% - 84px);
	width: 30px;
	height: 0;
	max-height: 46px;
	padding-top: 46px;
	overflow: hidden;
	z-index: 5;
}

#regularPaymentInfo .layerBody .slide_wrap .slick-arrow.slick-prev {
	left: 0px;
	background: url("../images/order/arrow_left.png") no-repeat center
		center;
	background-size: 30%;
}

#regularPaymentInfo .layerBody .slide_wrap .slick-arrow.slick-next {
	right: 0px;
	background: url("../images/order/arrow_right.png") no-repeat center
		center;
	background-size: 30%;
}

#regularPaymentInfo
  .layerBody
  .slide_wrap
  .ui-datepicker-header
  .ui-corner-all {
	display: none;
}

#regularPaymentInfo
  .layerBody
  .slide_wrap
  .ui-datepicker-calendar
  .ui-state-default.on {
	color: #fff;
	background: #5f77ba;
}

.order .agreeForm {
	padding: 45px 25px;
}

.order .agreeForm .title {
	margin-bottom: 45px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.order .agreeForm .chkAll {
	margin-top: 0;
}

.order .agreeForm .terms {
	overflow-x: hidden;
	overflow-y: auto;
	height: 126px;
	padding: 14px;
	border: 1px solid #dcdcdc;
	-webkit-overflow-scrolling: touch;
}

.order .agreeForm .inputWrap {
	margin: 10px 0 20px;
}

.order .refund {
	padding-left: 0;
	padding-right: 0;
}

.order .refund .formTitle {
	padding: 0 25px;
}

.order .refund .contBox {
	padding: 35px 25px;
}

.order .refund .contBox .formTitle {
	padding: 0;
	margin-bottom: 30px;
}

.order .refund .contBox.first {
	padding-top: 0;
}

.order .refund .contBox.last {
	padding-bottom: 0;
}

.order .refund .contBox.border {
	border-top: 1px solid #dcdcdc;
}

.order .refund .contBox dl {
	overflow: hidden;
}

.order .refund .contBox dl dt {
	float: left;
	width: 115px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .refund .contBox dl dd {
	float: left;
	width: calc(100% - 115px);
	color: #222;
}

.order .refund .contBox dl dt, .order .refund .contBox dl dd {
	margin-top: 25px;
}

.order .refund .contBox dl dt:first-of-type, .order .refund .contBox dl dd:first-of-type
	{
	margin-top: 0;
}

.order .refund .returnFee {
	margin: 10px 0 20px;
	padding: 0 14px;
	color: #222;
}

.order .refund .userInputArea {
	padding: 25px;
}

.order .orderSummary {
	padding: 50px 25px 40px;
	text-align: center;
}

.order .orderSummary h2 {
	padding-top: 80px;
	background: url("../images/order/ico_order_summary.png") no-repeat 50% 0;
	-webkit-background-size: 55px;
	background-size: 55px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.order .orderSummary .odNum {
	margin: 18px 0 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .orderSummary .info {
	padding: 25px;
	background: #f8f8f8;
	line-height: 24px;
	color: #222;
}

.order .orderSummary .info span {
	color: #5f77ba;
}

.order .goHome {
	padding: 0 25px 40px;
}

.order .dueDate .noti {
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 24px;
	color: #222;
}

.order .dueDate .notice_list {
	margin: 20px 0 25px;
}

.order .dueDate .notice_list li {
	margin-top: 6px;
	padding-left: 16px;
	text-indent: -16px;
}

.order .dueDate .notice_list li:first-child {
	margin-top: 0;
}

.layerPopup .setDateCal .ui-datepicker-today .ui-state-default {
	background: none;
	color: #888;
}

@media all and (max-width: 374px) {
	.orderPdtItemList
 
.orderPdtItem
 
.pdtInfo
 
.price
 
.point {
		float: none;
		display: block;
	}
	.order
 
.payMethod
 
.payGuide
 
dt {
		width: 100%;
	}
	.order
 
.payMethod
 
.payGuide
 
dd {
		margin-left: 0;
		margin-right: 10px;
	}
}

/**
마이페이지
**/
/* 공통 */
.layerPopupArea .layerPopup .layerGround .layerBody.findAddress {
	padding-left: 0;
	padding-right: 0;
}

.findAddessStep1 {
	padding: 0 25px;
}

.findAddessStep1 .guide {
	margin-top: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	line-height: 23px;
	color: #222;
}

.findAddessStep1 .ex {
	margin: 15px 0;
	padding-bottom: 25px;
	border-bottom: 1px solid #dcdcdc;
}

.findAddessStep1 .ex ul li {
	position: relative;
	margin-top: 5px;
	padding-left: 7px;
	font-size: 12px;
}

.findAddessStep1 .ex ul li:first-child {
	margin-top: 0;
}

.findAddessStep1 .ex ul li:before {
	position: absolute;
	left: 0;
	top: 8px;
	content: "";
	display: block;
	width: 2px;
	height: 2px;
	background: #222;
}

.findAddessStep1 .ex ul li span {
	color: #222;
}

.findAddessStep2 .inputHasBtn4 {
	margin: 0 25px;
}

.findAddessStep2 .resultCnt {
	padding: 30px 25px 15px;
}

.findAddessStep2 .findAddResult {
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

.findAddessStep2 .findAddResult li {
	padding: 25px;
	border-top: 1px solid #dcdcdc;
}

.findAddessStep2 .findAddResult li:first-child {
	border-top: none;
}

.findAddessStep2 .findAddResult li .zipcode {
	display: block;
	margin-bottom: 12px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.findAddessStep2 .findAddResult li dl {
	margin-top: 6px;
}

.findAddessStep2 .findAddResult li dl:after {
	display: block;
	content: "";
	clear: both;
}

.findAddessStep2 .findAddResult li dt {
	float: left;
	width: 44px;
	height: 19px;
	margin-right: 10px;
	line-height: 19px;
	background: #5f77ba;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.findAddessStep2 .findAddResult li dd {
	float: left;
	width: calc(100% - 54px);
	line-height: 19px;
	color: #222;
	word-break: break-all;
}

.findAddessStep2 .findAddResult li .userInputArea {
	margin-top: 25px;
}

.findAddessStep2 .findAddResult li .userInputArea .inputWrap.mgt20 {
	margin-top: 20px;
}

.findAddessStep2 .findAddResult li .userInputArea .btnWrap {
	margin-top: 30px;
}

.findAddessStep2 .viewMore {
	margin-bottom: 0;
}

.findAddress .resultCnt {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.findAddress .resultCnt span {
	color: #5f77ba;
}

.oneclickCardList li {
	margin-top: 15px;
}

.oneclickCardList li:first-child {
	margin-top: 0;
}

.oneclickCardList li a {
	display: block;
	padding: 22px 18px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
}

.oneclickCardList .cardName {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.oneclickCardList .cardName span {
	display: inline-block;
	height: 19px;
	padding: 0 4px;
	margin-left: 10px;
	line-height: 19px;
	vertical-align: middle;
	background: #5f77ba;
	font-size: 12px;
	font-family: 'Montserrat';
	color: #fff;
}

.oneclickCardList .num {
	margin-top: 5px;
	color: #222;
}

.oneclickCardList .num span {
	margin-right: 10px;
}

.oneclickCardList li.delegate a {
	border-color: #5f77ba;
}

.oneclickCardList li.new a {
	padding: 35px 0;
	border: none;
	background: #eee;
	text-align: center;
}

.oneclickCardList li.new a i {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 18px;
	margin-right: 7px;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	vertical-align: middle;
}

.oneclickCardList li.new a i:before {
	content: "+";
	display: block;
	font-family: 'Montserrat';
	font-style: normal;
}

.oneclickCardList li.new a span {
	vertical-align: middle;
}

.newOneclickCard .notice_list {
	margin: 40px -30px -30px;
	padding: 30px 25px;
	background: #f8f8f8;
}

/* 마이페이지공통 */
#container.mypage.has-sub {
	padding-top: 172px;
}

#container.mypage.mypageMainWrap {
	padding-top: 120px;
}

.mypage .footer {
	margin-top: 100px;
}

.mypage.mgb0 .footer {
	margin-top: 0;
}

.mypage .skinType .p {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 18px;
	line-height: 26px;
	color: #222;
}

.mypage .skinType .myConcern dl {
	overflow: hidden;
}

.mypage .skinType .myConcern dl dt {
	float: left;
	padding-left: 23px;
	box-sizing: border-box;
	margin-bottom: 20px;
	background: url("../images/product/ico_check.png") no-repeat 0 50%;
	-webkit-background-size: 15px;
	background-size: 15px;
	color: #222;
}

.mypage .skinType .myConcern dl dd {
	float: right;
	width: 65px;
	height: 23px;
	margin-right: 2px;
	border-radius: 3px;
	background: #5f77ba;
	line-height: 23px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.mypage .skinType .myConcern .noInfo {
	position: relative;
	padding-left: 22px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage .skinType .myConcern .noInfo:before {
	position: absolute;
	left: 0;
	top: 3px;
	content: "!";
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #222;
	border-radius: 50%;
	line-height: 14px;
	text-align: center;
	font-size: 11px;
	font-family: 'Montserrat';
	color: #222;
}

.mypage .skinType .myConcern .note {
	margin-top: 10px;
	line-height: 21px;
}

.mypage .skinType .reset {
	margin-top: 25px;
}

.mypage .skinType .recommend {
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
	color: #222;
}

.mypage .skinType .recommend .btn {
	margin-top: 20px;
}

.mypage .skinType .recommend .tabType2 {
	overflow-y: hidden;
	overflow-x: auto;
	margin: 0 -25px 20px;
	white-space: nowrap;
}

.mypage .skinType .recommend .tabType2 li {
	display: inline-block;
	margin-left: 25px;
}

.mypage .skinType .recommend .tabType2 li:last-child {
	margin-right: 25px;
}

.mypage .skinType .recommend .tabType2 li a {
	position: relative;
	display: block;
	padding-bottom: 3px;
}

.mypage .skinType .recommend .tabType2 li.on a {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage .skinType .recommend .tabType2 li.on a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #222;
}

.mypage .mypageBody {
	position: relative;
	padding-top: 52px;
}

.mypage .pageMenu {
	background: #fff;
}

.mypage .pageMenu .currentPage {
	position: relative;
	display: block;
	height: 50px;
	padding: 0 25px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	line-height: 50px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.mypage .pageMenu .currentPage:before {
	position: absolute;
	right: 25px;
	top: 24px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-left: -2px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.mypage .pageMenu .currentPage:after {
	position: absolute;
	right: 32px;
	top: 24px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-right: -2px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.mypage .pageMenu.on .currentPage:before {
	transform: rotate(45deg);
}

.mypage .pageMenu.on .currentPage:after {
	transform: rotate(-45deg);
}

.mypage .pageMenu ul {
	overflow: hidden;
	display: none;
}

.mypage .pageMenu ul li {
	border-bottom: 1px solid #dcdcdc;
}

.mypage .pageMenu ul li a {
	display: block;
	height: 45px;
	padding: 0 25px;
	background: #f8f8f8;
	line-height: 44px;
	font-size: 13px;
	color: #222;
}

.mypage .pageSummary {
	padding: 40px 25px;
	background: #f8f8f8;
}

.mypage .pageSummary .title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #222;
}

.mypage .pageSummary p {
	margin-top: 6px;
	font-size: 13px;
}

.mypage .secTitle {
	padding: 40px 25px 15px;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypage .btnWrap.btm {
	padding: 40px 25px 0;
}

.mypage .orderSummary {
	padding: 40px 25px;
	border-bottom: 1px solid #eee;
}

.mypage .orderSummary dl {
	overflow: hidden;
}

.mypage .orderSummary dt {
	clear: both;
	float: left;
	width: 115px;
	margin-top: 10px;
	line-height: 28px;
}

.mypage .orderSummary dd {
	float: left;
	width: calc(100% - 115px);
	margin-top: 10px;
	line-height: 28px;
	color: #222;
}

.mypage .orderSummary dt:first-of-type, .mypage .orderSummary dd:first-of-type
	{
	margin-top: 0;
}

.mypage .orderSummary dd .btn {
	width: 120px;
	margin: 8px 0 5px;
}

.mypage .orderSummary dd .btn a {
	color: #fff;
}

.mypage .orderSummary.type2 {
	border-bottom: none;
	background: #f8f8f8;
	text-align: left;
}

.mypage .orderSummary.type2 .btnWrap .btn {
	margin-top: 40px;
}

.mypage .orderSummary .innerWrap {
	margin-top: 35px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.mypage .orderSummary .innerWrap.first {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.mypage .orderSummary .innerWrap a {
	position: relative;
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #666;
}

.mypage .orderSummary .innerWrap a:before {
	position: absolute;
	right: 0;
	top: 8px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-left: -2px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.mypage .orderSummary .innerWrap a:after {
	position: absolute;
	right: 7px;
	top: 8px;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-right: -2px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.mypage .orderSummary .innerWrap.folding dl {
	display: none;
}

.mypage .orderSummary .innerWrap.isVisible dl {
	display: block;
	margin-top: 30px;
}

.mypage .orderSummary .innerWrap.isVisible a:before {
	transform: rotate(45deg);
}

.mypage .orderSummary .innerWrap.isVisible a:after {
	transform: rotate(-45deg);
}

/* 마이페이지 - 개인정보 수정*/
.mypage .infoModifyGate h3.title {
	padding-bottom: 12px;
	margin-bottom: 30px;
	font-size: 16px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	border-bottom: 1px solid #222;
}

.mypage .infoModifyGate .title_type {
	margin-top: 60px;
}

.mypage .infoModifyGate ul li strong {
	display: block;
	margin-top: 20px;
	font-size: 14px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.mypage .infoModifyGate ul li.phone_num {
	position: relative;
}

.mypage .infoModifyGate ul li.phone_num .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100%/ 3 - 10px);
	height: 35px;
}

.mypage .infoModifyGate ul li.phone_num .btn a {
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}

.mypage .infoModifyGate ul li.phone_num .inputText input {
	margin-top: 25px;
}

.mypage .infoModifyGate .inputText input {
	margin-top: 15px;
}

.mypage .infoModifyGate .inputText.type1 input {
	width: calc(100%/ 3 - 10px);
}

.mypage .infoModifyGate .inputText .desc {
	display: inline-block;
	width: 8px;
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
}

.mypage .infoModifyGate .add_info .inputText {
	margin-top: 15px;
}

.mypage .infoModifyGate .add_info .inputText .type2 {
	width: calc(100% - 29% - 10px);
}

.mypage .infoModifyGate .add_info .inputText .btn {
	width: 29%;
	margin-left: 6px;
}

.mypage .infoModifyGate .add_info .inputText .btn a {
	height: 40px;
	line-height: 38px;
}

.mypage .infoModifyGate .add_info .inputText input {
	margin-top: 8px;
}

.mypage .infoModifyGate .add_info .inputText input:first-child {
	margin-top: 0;
}

.mypage .infoModifyGate .add_info .inputWrap {
	margin-top: 15px;
}

.mypage .infoModifyGate .add_info .inputWrap label {
	color: #222;
}

.mypage .infoModifyGate .add_info .txt1 {
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
	color: #888;
}

.mypage .infoModifyGate .email_check h3.title {
	margin-bottom: 15px;
}

.mypage .infoModifyGate .email_check th {
	padding: 10px 0;
	color: #222;
	font-weight: 500;
	vertical-align: top;
	line-height: 1.2;
	text-align: left;
	font-size: 13px;
}

.mypage .infoModifyGate .email_check td label {
	margin: 0 12px 0 5px;
	font-size: 13px;
	color: #222;
	vertical-align: middle;
	line-height: 20px;
}

.mypage .infoModifyGate .btnwrap {
	margin-top: 35px;
	text-align: center;
}

.mypage .infoModifyGate .btnwrap .btn {
	width: 100%;
}

.mypage .infoModifyGate .btnwrap .btn a {
	color: #fff;
	background: #222;
}

#privacyPopup .sub_tit {
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

#privacyPopup .input_wrap .select input, #privacyPopup .input_wrap .select select
	{
	width: calc(100%/ 3 - 10px);
}

#privacyPopup .input_wrap .desc {
	display: inline-block;
	width: 8px;
	text-align: center;
	vertical-align: middle;
}

#privacyPopup .btnwrap .btn {
	width: 100%;
	margin-top: 10px;
}

#privacyPopup .btnwrap .btn a {
	color: #fff;
	background: #222;
}

#privacyPopup .tit_type {
	margin-top: 25px;
}

#privacyPopup .bottom_txt {
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
	color: #222;
}

.mypage .changePhone .btnwrap.type1 {
	margin-top: 40px;
}

.privacyPopup.mypage_popup .desc {
	padding-bottom: 20px;
}

.privacyPopup.mypage_popup .desc .txt1 {
	font-size: 12px;
	line-height: 23px;
	color: #666;
}

.privacyPopup.mypage_popup .desc01 {
	border-bottom: 1px solid #eee;
}

.privacyPopup.mypage_popup .desc01 .txt1:last-child {
	margin-top: 6px;
}

.privacyPopup.mypage_popup .desc:first-of-type {
	margin-bottom: 20px;
}

.privacyPopup.mypage_popup .desc .txt_list li {
	margin-bottom: 10px;
	padding-left: 8px;
	text-indent: -8px;
	font-size: 12px;
	line-height: 23px;
}

.privacyPopup.mypage_popup .desc .txt_list li:last-child {
	margin-bottom: 0;
}

.privacyPopup.mypage_popup .desc .txt_list li:before {
	display: inline-block;
	content: "";
	width: 3px;
	height: 3px;
	background: #888;
	vertical-align: middle;
	margin-bottom: 3px;
	margin-right: 4px;
}

.privacyPopup.mypage_popup .table_wrap {
	text-align: center;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #dcdcdc;
}

.privacyPopup.mypage_popup table th {
	height: 65px;
	font-size: 12px;
	line-height: 23px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.privacyPopup.mypage_popup table tr:last-child th {
	border-bottom: 0;
}

.privacyPopup.mypage_popup table tbody td {
	padding: 15px 0;
	font-size: 12px;
	line-height: 23px;
	color: #666;
	border-bottom: 1px solid #eee;
}

.privacyPopup.mypage_popup table tbody td:last-child {
	border-bottom: 0;
}

.privacyPopup.mypage_popup .btnWrap.type2 {
	margin-top: 50px;
}

.privacyPopup.mypage_popup .input {
	text-align: center;
}

.privacyPopup.mypage_popup .input input {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

.privacyPopup.mypage_popup .input input[type="checkbox"]:checked+label {
	background: #222;
}

.privacyPopup.mypage_popup .input label {
	font-family: 'Montserrat';
	font-weight: bold;
	background: #888;
	display: inline-block;
	height: 45px;
	line-height: 43px;
	font-size: 14px;
	color: #fff;
	width: 100%;
	padding: 0;
}

.mypage .myAgree .txt1 {
	font-size: 12px;
	line-height: 23px;
	color: #222;
}

.mypage .myAgree table {
	margin-top: 25px;
	text-align: center;
	border-top: 1px solid #222;
}

.mypage .myAgree table th {
	padding: 20px 0;
	font-size: 12px;
	line-height: 23px;
	color: #222;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	letter-spacing: -1px;
}

.mypage .myAgree table td {
	padding: 20px 0;
	font-size: 12px;
	line-height: 23px;
	color: #888;
	border-bottom: 1px solid #dcdcdc;
	letter-spacing: -1px;
}

.layer_staff_service .con {
	padding-top: 20px;
}

.layer_staff_service .con .tit {
	display: block;
	font-size: 18px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.layer_staff_service .con .info {
	margin: 30px 0;
}

.layer_staff_service .con .inputText {
	margin-top: 15px;
}

.layer_staff_service .con .inputText sup {
	vertical-align: middle;
}

.layer_staff_service .con .inputText .error {
	font-size: 10px;
}

.layer_staff_service .con .txt1 {
	text-align: center;
	line-height: 1.6;
}

.layer_staff_service .btnWrap.type li {
	float: none;
	margin: 0 auto;
}

.layer_staff_service .layerGround {
	background: 0;
}

.layer_staff_service .layerBody {
	background: #fff;
}

/* 마이페이지메인 */
.mypageMain .gradeSummary {
	padding: 25px 25px 35px;
	background: #eee;
	text-align: center;
}

.mypageMain .gradeSummary .grade {
	display: inline-block;
	width: 70px;
	padding: 15px;
	border-radius: 50%;
	background: #fff;
}

.mypageMain .gradeSummary .grade.md {
	width: 100px;
	padding: 0;
}

.mypageMain .gradeSummary .grade img {
	width: 100%;
}

.mypageMain .gradeSummary h2 {
	margin: 25px 0 20px;
	font-size: 13px;
}

.mypageMain .gradeSummary h2 span {
	display: block;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypageMain .gradeSummary h2 em {
	color: #5f77ba;
}

.mypageMain .gradeSummary .link {
	display: inline-block;
	padding-right: 16px;
	margin: 0 9px;
	background: url("../images/common/arr_right_bk2.png") no-repeat 100% 5px;
	-webkit-background-size: 7px;
	background-size: 7px;
	color: #222;
}

.mypageMain .skinType {
	padding: 40px 25px;
}

.mypageMain .skinType .myConcern dl dt {
	width: 100%;
}

.mypageMain .skinType .myConcern dl dd {
	float: left;
}

.mypageMain .point_stat a {
	display: block;
	width: 100%;
	padding: 27px 0;
	border-top: 1px solid #eee;
}

.mypageMain .point_stat a:first-of-type {
	border-top: none;
}

.mypageMain .point_stat dl {
	padding: 0 25px;
	color: #666;
}

.mypageMain .point_stat dl:after {
	content: "";
	display: block;
	clear: both;
}

.mypageMain .point_stat dl dt {
	position: relative;
	float: left;
	padding-left: 26px;
	min-height: 20px;
}

.mypageMain .point_stat dl dt:before {
	position: absolute;
	left: 0;
	top: 1px;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../images/mypage/ico_point_stat.png") no-repeat;
	-webkit-background-size: 70px;
	background-size: 70px;
}

.mypageMain .point_stat a:nth-of-type(1) dl dt:before {
	background-position: 0 0;
}

.mypageMain .point_stat a:nth-of-type(2) dl dt:before {
	background-position: -25px 0;
}

.mypageMain .point_stat a:nth-of-type(3) dl dt:before {
	background-position: -50px 0;
}

.mypageMain .point_stat dl dd {
	float: right;
}

.mypageMain .point_stat dl dd span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 19px;
	color: #5f77ba;
}

.mypageMain .order_process {
	padding: 40px 25px;
}

.mypageMain .order_process .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypageMain .order_process .tit span {
	margin-left: 10px;
	font-family: 'Montserrat';
	font-size: 13px;
	color: #666;
}

.mypageMain .order_process .process {
	max-width: 480px;
	margin: 40px auto 24px;
}

.mypageMain .order_process .process:after {
	content: "";
	display: block;
	clear: both;
}

.mypageMain .order_process .process li {
	float: left;
	position: relative;
	width: 33.33333%;
	margin-bottom: 16px;
	text-align: center;
	font-size: 13px;
}

.mypageMain .order_process .process li:after {
	position: absolute;
	right: -4px;
	top: 9px;
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	background: url("../images/common/arr_right_gr4.png") no-repeat;
	-webkit-background-size: 7px;
	background-size: 7px;
}

.mypageMain .order_process .process li:nth-of-type(3n):after {
	display: none;
}

.mypageMain .order_process .process li span {
	display: block;
	margin-bottom: 5px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 25px;
}

.mypageMain .order_process .process li.ing span {
	color: #5f77ba;
}

.mypageMain .recentlyOrder {
	padding: 40px 25px;
}

.mypageMain .recentlyOrder .tit {
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypageMain .recentlyOrder .noData {
	padding-top: 20px;
	padding-bottom: 20px;
}

.mypageMain .administrationMenu a {
	position: relative;
	display: block;
	height: 70px;
	padding: 0 25px;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	line-height: 70px;
}

.mypageMain .administrationMenu ul {
	overflow: hidden;
}

.mypageMain .administrationMenu>ul>li>a {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypageMain .administrationMenu>ul>li>a:after {
	position: absolute;
	right: 25px;
	top: 29px;
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	background: url("../images/common/arr_right_bk3.png") no-repeat;
	-webkit-background-size: 7px;
	background-size: 7px;
}

.mypageMain .administrationMenu>ul>li>ul>li {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.mypageMain .administrationMenu>ul>li>ul>li:nth-of-type(2n) {
	border-left: 1px solid #eee;
}

.mypageMain
  .administrationMenu>ul>li>ul>li:nth-of-type(odd):last-child {
	width: 100%;
}

.mypageMain .administrationMenu>ul>li>ul>li a {
	font-size: 15px;
	color: #222;
}

.mypage .confirmPw {
	padding: 0 25px;
}

.mypage .confirmPw .pageTitle {
	padding: 40px 0;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.mypage .confirmPw .message {
	margin-bottom: 40px;
	line-height: 24px;
	color: #666;
}

.mypage .confirmPw .btn {
	margin-top: 30px;
}

.mypage .infoModifyGate .area {
	padding: 40px 25px 50px;
}

.mypage .infoModifyGate .area:last-child {
	padding-bottom: 0;
}

.mypage .infoModifyGate .area .t {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypage .infoModifyGate .area .note {
	margin: 10px 0 20px;
	font-size: 13px;
	line-height: 23px;
	color: #222;
}

.mypage .infoModifyGate .area .clear_txt {
	margin-bottom: 20px;
	font-size: 12px;
	color: #5f77ba;
}

.mypage .infoModifyGate .area sup {
	vertical-align: middle;
}

.mypage .leaveAestura {
	padding: 0 25px;
}

.mypage .leaveAestura .pageTitle {
	padding: 40px 0;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 21px;
	color: #222;
}

.mypage .leaveAestura .note {
	margin-bottom: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.mypage .leaveAestura .agree {
	margin-top: 40px;
	padding: 30px 15px;
	background: #f8f8f8;
}

.mypage .leaveAestura .agree label {
	color: #222;
}

.mypage .leaveAestura .btn {
	margin-top: 40px;
}

.mypage .infoModify .userInputArea {
	padding: 0 25px;
	margin-top: 45px;
}

.mypage .infoModify .userInputArea .btnWrap {
	margin-top: 40px;
}

.mypage .infoModify .subscribe .inputWrapList {
	margin-top: 20px;
}

.mypage .infoModify .area_leave {
	margin-top: 45px;
	padding: 40px 25px 0;
	border-top: 1px solid #222;
}

.mypage .infoModify .area_leave p {
	margin-bottom: 25px;
	line-height: 24px;
	color: #222;
}

.mbrWithdraw .userInputArea {
	margin-top: 40px;
}

.mbrWithdraw .agree {
	margin-top: 40px;
	padding: 30px 15px;
	background: #f8f8f8;
}

.mbrWithdraw .agree label {
	color: #222;
}

.mbrWithdraw .btnWrap {
	margin-top: 40px;
}

.mypage .skinConcern {
	padding: 40px 25px 0;
}

.mypage .skinConcern .skinType {
	padding-bottom: 40px;
}

.mypage .skinConcern .typeReg .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.mypage .skinConcern .typeReg .tit2 {
	margin: 30px 0 20px;
	font-size: 13px;
}

.mypage .skinConcern .typeReg .tit2 span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.mypage .skinConcern .typeReg ul {
	overflow: hidden;
	max-width: 480px;
	margin: 0 auto;
}

.mypage .skinConcern .typeReg ul li {
	float: left;
	width: 33.33333%;
	margin-top: 8px;
	box-sizing: border-box;
}

.mypage .skinConcern .typeReg ul li:nth-of-type(3n-2) {
	padding-right: 4px;
}

.mypage .skinConcern .typeReg ul li:nth-of-type(3n-1) {
	padding: 0 2px;
}

.mypage .skinConcern .typeReg ul li:nth-of-type(3n) {
	padding-left: 4px;
}

.mypage .skinConcern .typeReg ul li:nth-of-type(1), .mypage .skinConcern .typeReg ul li:nth-of-type(2),
	.mypage .skinConcern .typeReg ul li:nth-of-type(3) {
	margin-top: 0;
}

.mypage .skinConcern .typeReg ul li label {
	display: block;
	width: 100%;
	height: 65px;
	border-radius: 4px;
	background: #dcdcdc;
	text-align: center;
	line-height: 65px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.mypage .skinConcern .typeReg ul li input:checked+label {
	background: #5f77ba;
}

.mypage .skinConcern .agree {
	margin: 25px 0 50px;
}

.deliveryInfoMng .list>ul>li {
	position: relative;
	padding: 30px 0;
	border-top: 1px solid #dcdcdc;
}

.deliveryInfoMng .list>ul>li:first-child {
	padding-top: 0;
	border-top: none;
}

.deliveryInfoMng .list>ul>li:last-child {
	padding-bottom: 0;
}

.deliveryInfoMng .list li input[type="radio"] {
	position: absolute;
	left: 0;
	top: 34px;
}

.deliveryInfoMng .list>ul>li:first-child input[type="radio"] {
	position: absolute;
	left: 0;
	top: 4px;
}

.deliveryInfoMng .list li .name {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
	word-wrap: break-word;
}

.deliveryInfoMng .list li .name .default {
	display: inline-block;
	height: 19px;
	padding: 0 4px;
	margin-left: 15px;
	background: #5f77ba;
	line-height: 19px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #fff;
}

.deliveryInfoMng .list li .recipient {
	margin: 10px 0;
	font-size: 0;
}

.deliveryInfoMng .list li .recipient span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #222;
}

.deliveryInfoMng .list li .recipient span:first-child {
	position: relative;
	padding-right: 10px;
	margin-right: 10px;
	display: block;
	word-wrap: break-word;
}

.deliveryInfoMng .list li .recipient span:first-child:after {
	position: absolute;
	right: 0;
	top: 6px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #dcdcdc;
}

.deliveryInfoMng .list li .add {
	line-height: 23px;
}

.deliveryInfoMng .list li .add span {
	color: #222;
	word-wrap: break-word;
}

.deliveryInfoMng .list li .btnWrap {
	margin-top: 25px;
}

.deliveryInfoMng .new {
	margin-top: 40px;
}

.deliveryInfoMng .noData+.new {
	margin-top: 0;
}

.mypage .deliveryInfoMng .list {
	padding: 40px 25px 30px;
	border-bottom: 1px solid #dcdcdc;
}

.mypage .deliveryInfoMng .list>ul>li {
	padding: 30px 0;
}

.mypage .deliveryInfoMng .list>ul>li:first-child {
	padding-top: 0;
}

.mypage .deliveryInfoMng .list>ul>li:last-child {
	padding-bottom: 0;
}

.mypage .deliveryInfoMng .new {
	margin-top: 0;
	padding: 35px 25px 0;
}

.mypage .deliveryInfoMng .noData+.new {
	padding-top: 0;
}

.layerPopup .deliveryInfoMng .list {
	padding: 0 0 30px 0;
}

.layerPopup .deliveryInfoMng .list>ul>li {
	padding-left: 30px;
}

.layerPopup .deliveryInfoMng .viewMore {
	padding: 0;
	margin-bottom: 30px;
}

.layerPopup .deliveryInfoMng .new {
	padding: 0;
	margin-top: 30px;
}

.mypage .oneclickCard .cardList {
	padding: 45px 0;
}

.mypage .oneclickCard .cardList .item {
	position: relative;
	width: 100%;
	min-width: 190px;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	color: #222;
}

.mypage .oneclickCard .cardList .item.new {
	padding: 0 45px;
	background: none;
}

.mypage .oneclickCard .cardList .item.new a {
	display: block;
	width: 100%;
	height: 175px;
	border-radius: 8px;
	background: #5f77ba;
	color: #fff;
}

.mypage .oneclickCard .cardList .item.new a i {
	position: relative;
	display: block;
	width: 46px;
	height: 30px;
	margin: 0 auto 12px;
	border-radius: 4px;
	background: #fff;
}

.mypage .oneclickCard .cardList .item.new a i:before {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	display: block;
	width: 2px;
	height: 14px;
	margin: -7px 0 0 -1px;
	background: #5f77ba;
}

.mypage .oneclickCard .cardList .item.new a i:after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	display: block;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #5f77ba;
}

.mypage .oneclickCard .cardList .item .transformed {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.mypage .oneclickCard .cardList .item .inner {
	width: 100%;
	height: 175px;
	padding: 0 40px;
	border-radius: 8px;
	box-sizing: border-box;
	background: #eee;
}

.mypage .oneclickCard .cardList .item .default {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 22px;
	padding: 0 4px;
	border-radius: 2px;
	background: #5f77ba;
	line-height: 22px;
	font-size: 13px;
	color: #fff;
}

.mypage .oneclickCard .cardList .item .name {
	padding-top: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
}

.mypage .oneclickCard .cardList .item .num {
	margin: 8px 0 20px;
	font-size: 16px;
}

.mypage .oneclickCard .cardList .item .btnWrap li a {
	background: none;
}

.mypage .oneclickCard .cardList .item.new.slick-slide {
	padding: 0 10px;
}

.mypage .oneclickCard .notice_list {
	margin: 0 25px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.mypage .orderSort {
	padding: 30px 25px;
	border-bottom: 1px solid #222;
}

.mypage .orderSort .period {
	overflow: hidden;
	padding-top: 1px;
}

.mypage .orderSort .period li {
	position: relative;
	float: left;
	width: 33.33333%;
	margin: -1px 0 0 -1px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.mypage .orderSort .period li:nth-of-type(3n-2) {
	margin-left: 0;
}

.mypage .orderSort .period li a {
	display: block;
	width: 100%;
	height: 38px;
	text-align: center;
	line-height: 38px;
}

.mypage .orderSort .period li.on {
	position: relative;
	z-index: 1;
	border-color: #222;
}

.mypage .orderSort .period li.on a {
	color: #222;
}

.mypage .orderSort .date_select {
	margin-top: 15px;
}

.mypage .orderSort .inputHasBtn3 {
	margin-top: 25px;
}

.mypage .myOrderList .viewMore {
	margin-bottom: 50px;
}

.mypage .infoList4 {
	padding: 40px 25px;
	background: #f8f8f8;
}

.mypage .orderList .list>li {
	position: relative;
	padding: 25px;
	border-bottom: 1px solid #eee;
}

.mypage .orderList .list>li:last-child {
	border-color: #222;
}

.mypage .orderList .odrNum {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 17px;
	color: #5f77ba;
}

.mypage .orderList .odrDate {
	position: absolute;
	right: 25px;
	top: 28px;
	font-size: 13px;
}

.mypage .orderList .odrDate:first-of-type {
	position: relative;
	right: auto;
	top: auto;
}

.mypage .orderList .odrPdt {
	margin: 15px 0 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage .orderList .odrPdt span {
	color: #5f77ba;
}

.mypage .orderList .odrQty {
	font-size: 13px;
}

.mypage .orderList .odrQty span {
	margin-right: 15px;
}

.mypage .orderList .odrPeriod {
	margin-top: 7px;
	font-size: 13px;
}

.mypage .orderList .odrState {
	margin-top: 15px;
	color: #222;
}

.mypage .orderList .btnWrap {
	margin-top: 20px;
}

.purchaseConfirm .p1 {
	margin: 0 -30px;
	padding: 0 30px 30px;
	border-bottom: 1px solid #222;
	line-height: 24px;
	color: #222;
}

.purchaseConfirm .p1 span {
	color: #5f77ba;
}

.purchaseConfirm .list>li {
	margin-top: 35px;
}

.purchaseConfirm .list>li p {
	margin-bottom: 20px;
	color: #222;
}

.purchaseConfirm .viewMore {
	margin: 35px -55px 0;
	padding: 35px 55px 10px;
	border-top: 1px solid #eee;
}

.mypage .regular_delay dl {
	margin: 0 25px;
	padding: 30px 0;
	border-top: 1px solid #eee;
}

.mypage .regular_delay dl:first-of-type {
	padding-top: 40px;
	border-top: none;
}

.mypage .regular_delay dl:last-of-type {
	padding-bottom: 40px;
}

.mypage .regular_delay dl dt {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage .regular_delay dl dd {
	margin-top: 15px;
	color: #222;
}

.mypage .regular_delay dl dd span {
	display: block;
	margin-top: 8px;
	color: #5f77ba;
}

.mypage .regular_delay .note {
	padding: 20px 0 0 40px;
	border-top: 1px solid #dcdcdc;
	font-size: 12px;
	line-height: 23px;
	text-indent: -15px;
}

.mypage .regular_delay .btnWrap {
	padding: 35px 25px 0;
}

.mypage .pointState {
	overflow: hidden;
	padding: 35px 25px;
	background: #eee;
}

.mypage .pointState .cell {
	position: relative;
	float: left;
	color: #222;
}

.mypage .pointState .cell em {
	font-size: 12px;
}

.mypage .pointState .cell strong {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
}

.mypage .pointState .cell2 {
	padding-left: 40px;
}

.mypage .pointState .cell2:before {
	position: absolute;
	left: 15px;
	top: 30px;
	content: "";
	display: block;
	width: 9px;
	height: 3px;
	background: #222;
}

.mypage .pointState .cell2.clean:before {
	display: none;
}

.mypage .pointState .cell3 {
	width: 100%;
	margin-top: 20px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
}

.mypage .pointState .cell3 em {
	font-size: 15px;
}

.mypage .pointState .cell3 strong {
	float: right;
	margin-top: -5px;
	font-size: 25px;
}
/* 20241205 추가 */
.mypage .pointState.type2 .cell3.topLine {
	margin-top: 0;
	padding-top: 0;
	border: none;
}
/* //20241205 추가 */
.mypage .myCoupon .regCp {
	padding: 30px 25px;
	background: #f8f8f8;
}

.mypage .myCoupon .regCp .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage .myCoupon .regCp .inputText {
	margin: 15px 0 10px;
}

.mypage .myCoupon .couponList {
	padding: 35px 25px;
}

.mypage .myCoupon .couponList .item {
	position: relative;
	padding: 30px 20px;
	margin-top: 20px;
	border: 1px solid #dcdcdc;
	border-right: 10px solid #5f77ba;
	border-radius: 10px;
}

.mypage .myCoupon .couponList .item:first-child {
	margin-top: 0;
}

.mypage .myCoupon .couponList .item .name {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.mypage .myCoupon .couponList .item .dcRate {
	position: absolute;
	right: 20px;
	top: 25px;
	color: #5f77ba;
}

.mypage .myCoupon .couponList .item .dcRate span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
}

.mypage .myCoupon .couponList .item .summary {
	margin-top: 6px;
	font-size: 11px;
}

.mypage .myCoupon .couponList .item dl {
	overflow: hidden;
	font-size: 12px;
}

.mypage .myCoupon .couponList .item dl dt {
	position: relative;
	clear: both;
	float: left;
	margin-top: 12px;
	padding-right: 15px;
}

.mypage .myCoupon .couponList .item dl dt:after {
	position: absolute;
	right: 7px;
	top: 5px;
	content: "";
	display: block;
	width: 1px;
	height: 9px;
	background: #dcdcdc;
}

.mypage .myCoupon .couponList .item dl dd {
	float: left;
	margin-top: 12px;
}

.mypage .myCoupon .couponList .item dl dd:last-of-type {
	color: #222;
}

.mypage .myCoupon .couponList .item .cpInfo {
	position: absolute;
	right: 20px;
	bottom: 29px;
	height: 17px;
	padding: 0 5px;
	border: 1px solid #dcdcdc;
	background: #eee;
	line-height: 17px;
	font-size: 12px;
}

.mypage .myCoupon .viewMore {
	margin-top: 0;
	padding-top: 35px;
	border-top: 1px solid #dcdcdc;
}

.mypage .counsel .new {
	padding: 35px 30px 30px 30px;
	border-bottom: 1px solid #dcdcdc;
}

.mypage .counsel .orderSort {
	border-bottom: none;
}

.mypage .counsel .totalCount {
	padding: 0 25px 15px;
	border-bottom: 1px solid #222;
	color: #222;
}

.mypage .counsel .counselList li {
	border-top: 1px solid #eee;
}

.mypage .counsel .counselList li:first-of-type {
	border-top: none;
}

.mypage .counsel .counselList li a {
	position: relative;
	display: block;
	padding: 25px 55px 25px 25px;
}

.mypage .counsel .counselList li a:before {
	position: absolute;
	right: 25px;
	top: 50%;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-top: -3px;
	background: #222;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.mypage .counsel .counselList li a:after {
	position: absolute;
	right: 30px;
	top: 50%;
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	margin-top: -3px;
	background: #222;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.mypage .counsel .counselList li a .info {
	overflow: hidden;
	font-size: 13px;
}

.mypage .counsel .counselList li a .info span {
	position: relative;
	float: left;
}

.mypage .counsel .counselList li a .info span:first-child {
	padding-right: 20px;
}

.mypage .counsel .counselList li a .info span:first-child:before {
	position: absolute;
	right: 10px;
	top: 5px;
	content: "";
	display: block;
	width: 1px;
	height: 10px;
	background: #dcdcdc;
}

.mypage .counsel .counselList li a .qTitle {
	margin: 10px 0;
	font-size: 14px;
	color: #222;
}

.mypage .counsel .counselList li a .flag {
	display: inline-block;
	height: 19px;
	padding: 0 5px;
	line-height: 19px;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	color: #dcdcdc;
}

.mypage .counsel .counselList li a .flag.solved {
	border-color: #5f77ba;
	color: #5f77ba;
}

.mypage .counsel .counselList li .cont {
	display: none;
	background: #f8f8f8;
	word-break: break-all;
}

.mypage .counsel .counselList li .cont .q {
	padding: 40px 25px;
	line-height: 24px;
	color: #666;
}

.mypage .counsel .counselList li .cont .a {
	padding: 0 25px 40px !important;
	color: #5f77ba;
	line-height: 24px;
}

.mypage .counsel .counselList li .cont p {
	padding: 0 25px;
}

.mypage .counsel .counselList li.on {
	position: relative;
	z-index: 1;
	margin-bottom: -1px;
}

.mypage .counsel .counselList li:last-child.on {
	margin-bottom: 0;
}

.mypage .counsel .counselList li.on a:before {
	transform: rotate(45deg);
}

.mypage .counsel .counselList li.on a:after {
	transform: rotate(-45deg);
}

.mypage .counsel .viewMore {
	margin-top: 0;
	padding-top: 40px;
	border-top: 1px solid #222;
}

.mypage .order .pdtGift .formPanel {
	margin-top: 0;
}

.mypage .order .pdtGift .formPanel .notice_list {
	margin-top: 0;
	padding-top: 15px;
	border-top: 1px solid #dcdcdc;
}

.mypage .order .shipping .formPanel {
	margin-top: 0;
}

.mypage .order .amount2 {
	padding: 40px 0;
}

.mypage .order .amount2.isVisible {
	padding-bottom: 0;
}

.mypage .order .amount2 .formTitle {
	padding: 0 25px;
}

.mypage .order .amount2 dl {
	overflow: hidden;
	padding: 25px 25px;
	border-top: 1px solid #eee;
}

.mypage .order .amount2 dl:first-of-type {
	padding-top: 0;
	border-top: none;
}

.mypage .order .amount2 dl dt {
	clear: both;
	float: left;
	width: 50%;
	margin-top: 25px;
	line-height: 16px;
}

.mypage .order .amount2 dl dd {
	float: right;
	width: 50%;
	margin-top: 25px;
	text-align: right;
	line-height: 16px;
}

.mypage .order .amount2 dl dd span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
}

.mypage .order .amount2 dl dt:first-of-type, .mypage .order .amount2 dl dd:first-of-type
	{
	margin-top: 0;
}

.privacyPolicy {
	position: relative;
	padding: 0 25px;
	margin-top: 45px;
}

.privacyPolicy .sectionLine {
	margin: 0 -25px;
}

.privacyPolicy .trigger {
	position: absolute;
	right: 20px;
	top: 35px;
	width: 25px;
	height: 25px;
}

.privacyPolicy .trigger:before {
	position: absolute;
	right: 4px;
	top: 12px;
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background: #888;
	transform: rotate(-45deg);
	transition: all 0.2s;
}

.privacyPolicy .trigger:after {
	position: absolute;
	right: 11px;
	top: 12px;
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background: #888;
	transform: rotate(45deg);
	transition: all 0.2s;
}

.privacyPolicy.on .trigger:before {
	transform: rotate(45deg);
}

.privacyPolicy.on .trigger:after {
	transform: rotate(-45deg);
}

.privacyPolicy .inputWrap {
	margin: 25px 0 25px;
	padding-right: 25px;
}

.privacyPolicy .inputWrap label {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.privacyPolicy .terms .tbl {
	margin: 25px 0 40px;
}

.privacyPolicy .terms .tbl table th, .mypage .privacyPolicy .terms .tbl table td
	{
	text-align: left;
	vertical-align: top;
}

.privacyPolicy .terms .tbl table th {
	padding: 9px 12px;
}

.privacyPolicy .cont {
	display: none;
	font-size: 12px;
	line-height: 23px;
}

.privacyPolicy .cont .infoList4 {
	padding: 0;
	margin: 10px 0;
	background: none;
}

.layerPopup .privacyPolicy {
	margin-top: 0;
	padding: 0;
}

.layerPopup .privacyPolicy .cont {
	display: block;
}

.layerPopup .privacyPolicy .cont .terms .tbl table tbody td {
	vertical-align: top;
	text-align: left;
}

.mypage .sns_link_info {
	padding: 0 25px;
	text-align: center;
}

.mypage .sns_link_info .list .img_wrap {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

.mypage .sns_link_info .list li {
	padding: 35px 0 30px 0;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
}

.mypage .sns_link_info .list li:last-child {
	border-bottom: 0;
}

.mypage .sns_link_info .list li p {
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;
}

.mypage .sns_link_info .list li p.txt {
	color: #888;
}

.mypage .sns_link_info .list li p.sns_info_txt {
	color: #222;
}

.mypage .sns_link_info .list li button {
	width: 100%;
	height: 45px;
	margin-top: 25px;
	line-height: 45px;
	background: #222;
	outline: 0;
}

.mypage .sns_link_info .list li button span {
	font-size: 14px;
	color: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
}

.mypage .sns_link_info .list li button span:before {
	display: inline-block;
	content: "";
	position: relative;
	width: 13px;
	height: 10px;
	margin-right: 5px;
	background: url("/resources/mobile/images/mypage/check.png") no-repeat
		center top;
	background-size: cover;
}

.mypage .sns_link_info .list li button.on {
	background: #fff;
	border: 1px solid #222;
}

.mypage .sns_link_info .list li button.on span {
	color: #222;
}

.mypage .sns_link_info .list li button.on span:before {
	width: 11px;
	height: 11px;
	top: 0;
	background: url("/resources/mobile/images/mypage/close.png") no-repeat
		center top;
	background-size: cover;
}

@media all and (max-width: 374px) {
	.oneclickCardList
 
.num
 
span {
		display: block;
	}
	.mypageMain
 
.administrationMenu
 
a {
		padding: 0 20px 0 25px;
	}
	.mypageMain
 
.administrationMenu>ul>li>ul>li
 
a {
		font-size: 14px;
	}
}

/**
UTIL
**/
/* 검색결과 */
.searchResult .result_tab .tab {
	margin-top: 20px;
	text-align: center;
}

.searchResult .result_tab .tab li {
	position: relative;
	display: inline-block;
	margin-left: 12px;
	padding-left: 15px;
	vertical-align: middle;
}

.searchResult .result_tab .tab li:first-child {
	margin-left: 0;
	padding-left: 0;
}

.searchResult .result_tab .tab li:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 13px;
	background: #dcdcdc;
}

.searchResult .result_tab .tab li:first-child:before {
	display: none;
}

.searchResult .result_tab .tab li a {
	font-size: 14px;
	color: #888;
}

.searchResult .result_tab .tab li.on a {
	color: #222;
}

.searchResult .snbMenuTab {
	margin-top: 12px;
}

.searchResult .btnWrap {
	padding: 0 15px;
	margin-bottom: 70px;
}

.searchResult .blogViewList {
	border-top: none;
}

.searchResult .beautyInsideList {
	margin-top: 30px;
}

.searchResult .newsList {
	margin-top: 15px;
}

.searchResult .contBox .blogViewList {
	padding-top: 0;
}

.searchResult .contBox {
	border-bottom: 1px solid #eee;
	border-top: 7px solid #f7f7f7;
}

.searchResult .contBox h3.title {
	padding: 25px 12px 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #222;
}

.searchResult .contents .contBox:first-of-type {
	border-top: none;
}

.searchResult .contents .contBox:last-of-type {
	border-bottom: none;
}

.searchResult .contents .contBox .blogViewList li {
	padding-top: 0;
	border-top: none;
}

.searchResult .contents .contBox .btnWrap {
	margin: 40px 0;
	padding: 0 25px;
}

.searchResult .contents .contBox .beautyInsideList li .tit {
	padding-bottom: 0;
}

.searchResult .contents .contBox .newsList li a {
	padding-bottom: 0;
}

/* 약관 */
.termsWrap .contents {
	margin-bottom: 100px;
	padding: 0 25px;
	line-height: 23px;
	font-size: 13px;
}

.termsWrap .title {
	margin-bottom: 40px;
	padding: 45px 0 30px;
	border-bottom: 2px solid #222;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.termsWrap .p {
	margin-bottom: 35px;
}

.termsWrap .articleList {
	margin-bottom: 35px;
}

.terms {
	line-height: 23px;
	font-size: 13px;
}

.terms>li {
	margin-bottom: 35px;
}

.terms>li:last-child {
	margin-bottom: 0;
}

.terms .article {
	margin-bottom: 12px;
	color: #222;
}

.terms .paragraph>li {
	padding-left: 16px;
	text-indent: -16px;
}

.terms .paragraph .def {
	padding-left: 0;
	text-indent: 0;
}

.terms .subparagraph li {
	padding-left: 0;
	text-indent: 0;
	word-break: break-all;
}

.terms .paragraph .def .subparagraph {
	padding-left: 0;
}

.terms .clause li {
	padding-left: 16px;
	text-indent: 0;
}

.terms .tbl {
	margin: 30px 0 30px -17px;
}

.terms .tbl table th, .terms .tbl table td {
	padding: 14px 0;
	text-align: center;
	text-indent: 0;
	color: #666;
	word-break: break-all;
}

.terms .tbl table thead th {
	border-top: 1px solid #222;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	color: #222;
}

.terms .tbl table thead th:first-child {
	border-left: none;
}

.terms .tbl table tbody th {
	border-bottom: 1px solid #dcdcdc;
}

.terms .tbl table tbody td {
	padding: 9px 12px;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.terms .tbl table tbody td:first-child {
	border-left: none;
}

.terms .tbl.scroll table thead th:first-child {
	width: 110px;
}

.terms .tbl.scroll table thead th:nth-child(2), .terms .tbl.scroll table thead th:nth-child(3)
	{
	width: 30%;
}

.accordion_box {
	margin: 28px 0 40px;
	background-color: #f5f5f5;
	padding: 0 20px;
}

.accordion_box .accordion_btn {
	display: block;
	position: relative;
	font-size: 15px;
	padding: 25px 0;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	color: #222;
	background: 0;
}

.accordion_box .accordion_btn .arrow {
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 8px;
	margin-top: -4px;
}

.accordion_box .accordion_btn .arrow img {
	width: 100%;
	display: none;
}

.accordion_box .accordion_btn .arrow img.open {
	display: block;
}

.accordion_box .add_list {
	display: none;
	margin-top: 15px;
	padding-bottom: 25px;
	text-align: left;
}

.accordion_box .add_list.on {
	display: block;
}

.accordion_box .add_list li {
	position: relative;
	margin-top: 20px;
	padding-left: 88px;
}

.accordion_box .add_list li .add_day {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
	color: #888;
}

.accordion_box .add_list li .add_con {
	display: inline-block;
	line-height: 1.5;
	font-size: 13px;
	color: #888;
}

.accordion_box .add_list li a {
	text-align: left;
	color: #4c4c4c;
	font-weight: bold;
	display: block;
	width: 150px;
	height: 22px;
	margin-top: 0;
	font-size: 12px;
	line-height: 22px;
	border: none;
}

@media all and (max-width: 767px) {
	.terms
 
.tbl
.scroll {
		position: relative;
		overflow-y: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.terms
 
.tbl
.scroll
 
table {
		table-layout: auto;
		width: 920px;
	}
	.terms
 
.tbl
.scroll
 
table
 
thead
 
th {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		width: 270px;
		border-left: none;
		background: #fff;
	}
	.terms
 
.tbl
.scroll
 
table
 
thead
 
th
:first-child {
		width: 110px;
	}
	.terms
 
.tbl
.scroll
 
table
 
thead
 
th
:before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background: #dcdcdc;
	}
	.terms
 
.tbl
.scroll
 
table
 
thead
 
th
:first-child
:before {
		display: none;
	}
	.terms
 
.tbl
.scroll
 
table
 
tbody
 
td
:first-child {
		border-left: 1px solid #dcdcdc;
	}
}

.mdCheckPopup .txt {
	font-size: 14px;
	line-height: 24px;
	color: #222;
	text-align: center;
}

.mdCheckPopup .prd_list {
	margin: 20px 0 10px 0;
	padding: 20px 0;
	border-top: 1px solid #222;
	border-bottom: 1px solid #888;
}

.mdCheckPopup .prd_list li {
	margin-top: 20px;
	font-size: 0;
	height: auto;
	padding: 0 12px;
}

.mdCheckPopup .prd_list li:first-child {
	margin-top: 0;
}

.mdCheckPopup .prd_list li:after {
	display: block;
	content: "";
	clear: both;
}

.mdCheckPopup .prd_list li .prd_name {
	float: left;
	width: calc(95% - 63px);
	margin-right: 5%;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
	font-size: 14px;
	line-height: 1.4;
}

.mdCheckPopup .prd_list li .input.check {
	position: relative;
	float: right;
	width: 26%;
	max-width: 63px;
	text-align: right;
	height: auto;
}

.mdCheckPopup .prd_list li .input.check label {
	width: 100%;
	height: 30px;
	padding: 0;
	background: 0;
	line-height: 28px;
	box-sizing: border-box;
	border: 1px solid #222;
	color: #222;
	font-size: 13px;
	text-align: center;
}

.mdCheckPopup .prd_list li .input.check input[type="checkbox"]:checked+label
	{
	color: #fff;
	background: #5f77ba url("../images/common/check_icon.png") no-repeat
		10px center;
	text-indent: 20px;
	border-color: #5f77ba;
}

.mdCheckPopup .layerPopup .btnWrap {
	margin-top: 30px;
	padding: 0;
	font-size: 0;
}

.mdCheckPopup .btn.sizeL {
	width: calc(50% - 5px);
	font-size: 14px;
}

.mdCheckPopup .btn.sizeL:first-child {
	margin-right: 10px;
}

.mdCheckPopup .checkTxt {
	font-size: 12px;
	line-height: 20px;
	color: #ff3f3c;
	text-align: center;
	display: none;
}

.mdCheckPopup .checkTxt sup {
	vertical-align: middle;
}

.mdCheckPopup .input input {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
	-webkit-appearance: none;
}

.mdCheckPopup .input label {
	display: inline-block;
	height: 17px;
	padding-left: 26px;
	line-height: 17px;
	vertical-align: middle;
	font-size: 13px;
	color: #666;
}

.shopMainB .contents_type1 .secTitle {
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.shopMainB .contents_type1:first-of-type .secTitle {
	margin-top: 0;
	border-top: 0;
}

.shopMainB .scrollArea .pdtListType4 {
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
}

.shopMainB .mCSB_scrollTools {
	margin: 0 25px;
	opacity: 1;
}

.shopMainB .mCSB_inside>.mCSB_container {
	margin-right: 0;
}

.shopMainB .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
	{
	height: 2px;
	margin: -1px auto 0;
	background-color: #5f77ba;
}

.shopMainB .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 1px;
	margin: 0 auto;
	border-radius: 0;
	background-color: #dcdcdc;
}

.shopMainB
  .mCS-dark-2.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar, .shopMainB .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar
	{
	background-color: #5f77ba;
}

.shopMainB .scrollArea .pdtItem {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 50vw;
	white-space: normal;
	float: none;
}

/*닥터몰 라이브러리*/
.anchorLibrary {
	margin-top: 30px;
}

.anchorLibrary .pageTitle {
	margin: 24px 0 14px;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #101010;
	word-break: break-all;
}

.anchorLibrary .inner {
	padding: 0 12px;
}

.libraryList {
	margin-bottom: 40px;
}

.anchorLibrary .libraryList li {
	margin-top: 40px;
}

.anchorLibrary .libraryList li:first-child {
	margin-top: 0;
}

.anchorLibrary .libraryList .thumb {
	display: block;
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 57%;
}

.anchorLibrary .libraryList .txt {
	margin-top: 10px;
}

.anchorLibrary .libraryList .txt .tit {
	font-size: 15px;
	line-height: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #101010;
}

.anchorLibrary .libraryList .txt .summary {
	padding-top: 2px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
}

.anchorLibrary .libraryList .txt .date {
	margin-top: 24px;
	font-size: 10px;
}

.search_util {
	position: relative;
	padding: 0 12px;
}

.search_util:after {
	display: block;
	content: "";
	clear: both;
}

.search_util .libraryList_hash {
	margin-top: -4px;
	font-size: 0;
}

.search_util .libraryList_hash:after {
	display: block;
	content: "";
	clear: both;
}

.search_util .input_list {
	position: relative;
	float: left;
	margin: 4px 4px 0 0;
}

.search_util .input_list:last-child {
	margin-right: 0;
}

.search_util .input_list label {
	display: block;
	height: 26px;
	padding: 0 10px;
	font-size: 13px;
	line-height: 24px;
	color: #5f77ba;
	border: 1px solid #5f77ba;
	box-sizing: border-box;
	border-radius: 2px;
}

.search_util input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.search_util input[type="checkbox"]:checked+input+label {
	background: #5f77ba;
	color: #fff;
}

.search_util .libraryList_search {
	margin-top: 25px;
}

.search_util .libraryList_search:after {
	display: block;
	content: "";
	clear: both;
}

.search_util .libraryList_search .select {
	float: left;
	width: 90px;
	margin-right: 4px;
}

.search_util .libraryList_search .select select {
	font-size: 12px;
}

.search_util .inputText {
	display: block;
	float: left;
	position: relative;
	width: calc(100% - ( 90px + 4px));
}

.search_util .inputText input {
	padding-right: 40px;
	box-sizing: border-box;
	font-size: 12px;
}

.search_util .library_search_btn {
	position: absolute;
	top: 50%;
	right: 14px;
	width: 19px;
	height: 19px;
	transform: translateY(-50%);
}

.search_util .library_search_btn:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 14px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/common/btn_total_sch_bk.png) no-repeat 50% 50%;
	-webkit-background-size: 14px;
	background-size: 14px;
	font-size: 0;
	color: transparent;
	transition: all 0.3s ease-in-out;
}

.anchorLibrary_view {
	padding-top: 30px;
}

.anchorLibrary_view i {
	font-style: normal;
}

.anchorLibrary_view .boardView2 .info {
	padding: 0 12px;
	margin-top: 25px;
}

.anchorLibrary_view .boardView2 .cont {
	margin-top: 15px;
	padding: 0 12px;
	word-break: break-all;
}

.anchorLibrary_view .boardView2 .info .date {
	margin-top: 4px;
}

.anchorLibrary_view .video_wrap {
	overflow: hidden;
	position: relative;
	display: block;
	height: 0;
	padding-top: 57%;
}

.anchorLibrary_view .video_wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.anchorLibrary_view .video_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.anchorLibrary_view .boardView2 .btnWrap.share_url {
	margin-bottom: 0;
	padding: 0 15px;
}

.anchorLibrary_view .btnWrap.type2 {
	padding-top: 40px;
}

.anchorLibrary_view .btnWrap.type2:after {
	display: block;
	content: "";
	clear: both;
}

.anchorLibrary_view .btnWrap.type2 .btn {
	float: left;
	width: 100%;
}

.anchorLibrary_view .btnWrap.type2 .btnSnsShare {
	float: right;
	margin-top: 20px;
}

/*의사회원 로그인폼*/
.registerForm #normal_lock .btn.sizeL.style1 {
	margin-top: 10px;
}

/* aestura now list*/
.brandSec .sec_tit {
	padding: 55px 0;
	text-align: center;
	border-top: 1px solid #dcdcdc;
}

.brandSec .sec_tit h2 {
	font-size: 21px;
	color: #000;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
}

.brandSec .sec_tit .txt1 {
	padding-top: 10px;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	font-family: 'Montserrat';
}

.brandSec .selectType1 select {
	height: auto;
	padding: 0 17px 0 15px;
	border: none;
	background: url("../images/common/ico_filter.png") no-repeat 0 50%;
	-webkit-background-size: 12px;
	background-size: 12px;
	vertical-align: middle;
	color: #222;
}

.brandSec .newsList {
	padding-top: 25px;
}

.aesturaNow .boardUtilMenu {
	padding: 0 15px 12px 15px;
	border-bottom: 1px solid #222;
}

.aesturaNow .boardUtilMenu:after {
	display: block;
	content: "";
	clear: both;
}

.aesturaNow .boardUtilMenu .totalCnt {
	float: left;
	font-size: 14px;
	line-height: 1.8;
	color: #222;
}

.aesturaNow .boardUtilMenu .selectbox {
	float: right;
}

/* keyFinding */
.keyFinding .reviewSort {
	margin: 0;
}

.keyFinding .itemList li a .txt .top_tit {
	margin-top: 20px;
}

.keyFinding .itemList li a .hash_txt {
	padding-top: 10px;
	font-size: 12px;
	line-height: 17px;
	color: #888;
}

.keyFindingView .boardView2 .info .top_tit {
	font-size: 20px;
	line-height: 22px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView .boardView2 .info .tit {
	padding-top: 6px;
}

.keyFindingView .boardView2 .info .hash_txt {
	padding-top: 10px;
	font-size: 12px;
	line-height: 1.8;
	color: #888;
}

.keyFindingView .cont {
	word-break: break-all;
}

.keyFindingView .cont .view1 .img_wrap {
	height: 0;
	padding-top: 1368%;
	background: url("../images/brand/con1.png") no-repeat center top;
	background-size: cover;
}

.keyFindingView .cont .view2 .boardView2 .cont {
	padding-left: 0;
	padding-right: 0;
}

.keyFindingView .cont .view2 .sec {
	padding: 40px 10px 0 10px;
	text-align: center;
}

.keyFindingView .cont .view2 .sec_heading {
	padding-bottom: 30px;
}

.keyFindingView .cont .view2 .sec_heading p {
	font-size: 12px;
	line-height: 27px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView .cont .view2 .sec_heading strong {
	font-size: 18px;
	line-height: 27px;
	color: #6077ba;
	font-family: 'Montserrat';
}

.keyFindingView .cont .view2 .sec_heading strong span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView .cont .view2 .howto_vod {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 59%;
}

.keyFindingView .cont .view2 .videoArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.keyFindingView .cont .view2 .videoArea .cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	font-size: 0;
	color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.keyFindingView .cont .view2 .videoArea .cover.stop {
	display: none;
	background: none;
}

.keyFindingView .cont .view2 .videoArea video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.keyFindingView .cont .view2 .sec_txt_wrap {
	padding-top: 15px;
	text-align: left;
}

.keyFindingView .cont .view2 .sec_txt_wrap em {
	font-size: 16px;
	line-height: 23px;
	color: #444;
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView .cont .view2 .sec_txt_wrap em span {
	color: #6077ba;
}

.keyFindingView .cont .view2 .sec_txt_wrap .txt1 {
	font-size: 12px;
	color: #999;
	line-height: 21px;
}

.keyFindingView .cont .view2 .sec_txt_wrap .txt1 span {
	font-family: 'Montserrat';
	font-weight: bold;
}

/*about new*/
.about_aestura_new .color1 {
	color: #fff;
}

.about_aestura_new .color2 {
	color: #5f77ba;
}

.about_aestura_new .color3 {
	color: #666;
}

.about_aestura_new .color4 {
	color: #222;
}

.about_aestura_new strong {
	display: block;
}

.about_aestura_new em {
	font-family: 'Montserrat';
	font-weight: bold;
}
/* .about_aestura_new .text_in{z-index:10;transform:translateY(50px);transition:all 0.6s ease-in-out;opacity:0;} */
/* .about_aestura_new .text_in.on{position:relative;z-index:10;transform:translateY(0);opacity:1;} */
.about_aestura_new .dim_text_in {
	z-index: 10;
	transform: translateY(50px);
	transition: all 0.6s ease-in-out;
	transition-delay: 0.6s;
	opacity: 0;
}

.about_aestura_new .text_in {
	z-index: 10;
	transform: translateY(50px);
	transition: all 0.6s ease-in-out;
	opacity: 0;
}

.about_aestura_new .dim:after {
	content: "";
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(95, 119, 186, 0.5);
	transition: all 0.6s ease-out;
}

.about_aestura_new .dim.on:after {
	opacity: 1;
}

.about_aestura_new .text_in.on {
	position: relative;
	z-index: 10;
	transform: translateY(0);
	opacity: 1;
}

.about_aestura_new .dim.on .dim_text_in {
	position: relative;
	z-index: 10;
	transform: translateY(0);
	opacity: 1;
}

.about_aestura_new .inner:after {
	display: block;
	content: "";
	clear: both;
}

.about_aestura_new .sticky_element {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
}

.about_aestura_new .sticky_element_end {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about_aestura_new .cover.stop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.about_aestura_new .num_txt {
	display: inline-block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 26px;
	line-height: 33px;
	color: #222;
	border-bottom: 1px solid #222;
	margin-bottom: 20px;
}

/* .about_aestura_new .dim:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);} */
.about_aestura_new .center_layout {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

.about_aestura_new .tit_wrap {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	z-index: 1;
}

.about_aestura_new .tit_wrap .sub_txt {
	font-size: 16px;
	line-height: 25px;
	letter-spacing: -0.025em;
}

.about_aestura_new .tit_wrap .title+.sub_txt {
	padding-top: 15px;
}

.about_aestura_new .tit_wrap.type1 .title {
	font-size: 30px;
	line-height: 37px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .tit_wrap.type2 .title {
	font-size: 24px;
	line-height: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .tit_wrap.type2 .sub_txt {
	padding-top: 15px;
}

.about_aestura_new .tit_wrap.type3 .title {
	font-size: 22px;
	line-height: 33px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .sec_tit .title+.sub_txt {
	padding-top: 15px;
}

.about_aestura_new .since .visual {
	position: relative;
	height: calc(100vh - 115px);
	background: url("../images/brand/since_visual_1.png") no-repeat center
		center;
	background-size: cover;
}

.about_aestura_new .since .sec1 {
	position: relative;
	padding: 29.3% 0;
	background: url("../images/brand/since_sec1.png") no-repeat center
		center;
	background-size: cover;
}

.about_aestura_new .since .sec2 {
	position: relative;
}

.about_aestura_new .since .sec2 .con1 {
	position: sticky;
	top: 83px;
	height: 0;
	padding-top: 220%;
	background: url("../images/brand/since_sec2.png") no-repeat center top
		-40px;
	background-size: cover;
	text-align: center;
}

.about_aestura_new .since .sec2.on {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.about_aestura_new .since .sec5 .sec_tit {
	position: relative;
}

.about_aestura_new .since .sec6 .sec_tit {
	position: relative;
	padding: 0 20px;
	box-sizing: border-box;
}

.about_aestura_new .since .sec7 {
	position: relative;
}

.about_aestura_new .since .scroll {
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -13px;
	opacity: 0;
	-webkit-animation: scroll 2s infinite;
	animation: scroll 2s infinite;
}

.about_aestura_new .actual_science .sec3 .heading .num_txt {
	color: #6077ba;
	border-color: #6077ba;
}

.about_aestura_new .since .scroll img {
	width: 26px;
}

@
-webkit-keyframes scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
@
keyframes scroll { 0% {
	bottom: 40px;
	opacity: 0;
}

50






%
{
bottom






:






15px




;
opacity






:






1




;
}
75






%
{
bottom






:






15px




;
opacity






:






1




;
}
100






%
{
bottom






:






10px




;
opacity






:






0




;
}
}
.about_aestura_new .since .visual .top_txt {
	display: block;
	font-size: 22px;
	line-height: 1.5;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .since .sec1 .desc {
	position: relative;
	padding-top: 60px;
}

/* .about_aestura_new .since .sec1 .desc:not(:last-child):after{display:block;content:"";width:1px;height:80px;margin:20px auto 20px auto;background:#868788;}		 */
.about_aestura_new .since .sec1 .heading {
	font-size: 25px;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .since .sec1 .txt1 {
	padding: 60px 0;
	font-size: 18px;
	line-height: 24px;
	font-family: 'Montserrat';
	font-weight: bold;
}

/* .about_aestura_new .since .sec2:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/brand/since_sec_bg.png')no-repeat center top;background-size:cover;} */
.about_aestura_new .since .sec2 .desc.type1 {
	padding-top: 415px;
}

.about_aestura_new .since .sec2 .desc.type1 .title {
	font-size: 34px;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .since .sec2 .desc.type1 .sub_txt {
	font-size: 18px;
	line-height: 30px;
	color: #cad6f8;
}

.about_aestura_new .since .sec3 {
	position: relative;
	height: 100%;
	margin-top: -220%;
	z-index: 1;
}

.about_aestura_new .since .sec3 .tit_wrap {
	vertical-align: top;
}

.about_aestura_new .since .sec3 .tit_wrap .desc {
	padding-top: 135px;
}

.about_aestura_new .since .sec3 .tit_wrap .sub_txt {
	color: #cad6f8;
}

.about_aestura_new .since .sec4 {
	position: relative;
	padding: 60px 0 100px;
	background: #fff;
	z-index: 1;
	transition: 0.3s ease-out;
}

.about_aestura_new .since .sec4 .inner {
	transition: all 0.3s ease-in-out;
}

.about_aestura_new .since .sec4.on {
	position: relative;
	background: #5b71ad;
}

.about_aestura_new .since .sec4.on .img_wrap img:first-child {
	border: 1px solid #ccc;
}

.about_aestura_new .since .sec4.on:after {
	position: absolute;
	top: -60px;
	left: 0;
	content: "";
	width: 100%;
	height: 100px;
	background: url("/resources/web/images/brand/top_desc.png") no-repeat
		center top;
	background-size: cover;
}

.about_aestura_new .since .sec4.on strong {
	color: #fff;
}

.about_aestura_new .since .sec4 .inner {
	padding: 0 20px;
}

.about_aestura_new .since .sec4 strong {
	padding-bottom: 10px;
	font-size: 17px;
	line-height: 28px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .since .sec4 .box:not(:first-child) {
	padding-top: 40px;
}

.about_aestura_new .since .sec4 .img_wrap {
	font-size: 0;
}

.about_aestura_new .since .sec4 .img_wrap img {
	width: calc(50% - 5px);
	box-sizing: border-box;
}

.about_aestura_new .since .sec4 .img_wrap img:first-child {
	margin-right: 10px;
}

.about_aestura_new .since .sec5 {
	position: relative;
	background: #fff;
}

.about_aestura_new .since .sec5 .sec_visual {
	padding: 80px 20px;
	transition: all 0.4s ease-out;
}

.about_aestura_new .since .sec5 .sec_visual.on {
	padding: 0;
}

.about_aestura_new .since .sec5 .inner {
	position: relative;
}

.about_aestura_new .since .sec5 .inner:after {
	display: block;
	content: "";
	clear: both;
}

.about_aestura_new .since .sec5 .sec_tit .bottom_txt {
	font-size: 18px;
	padding-top: 10px;
}

.about_aestura_new .since .sec5 .sec_tit .tit_wrap {
	position: absolute;
	top: 15%;
	left: 0;
	text-align: center;
	width: 100%;
	transform: translateY(-50%);
}

.about_aestura_new .since .sec5 .history .inner {
	padding-top: 100px;
}

.about_aestura_new .since .sec5 .history .txt_wrap li {
	position: absolute;
	top: 0;
	opacity: 0;
}

.about_aestura_new .since .sec5 .history .txt_wrap li.on {
	opacity: 1;
}

.about_aestura_new .since .sec5 .history .txt_wrap.on {
	position: fixed;
	top: 120px;
	z-index: 2;
}

.about_aestura_new .since .sec5 .history .txt_wrap {
	position: absolute;
	top: 32px;
	left: 0;
	padding: 0 20px;
	width: 60%;
}

.about_aestura_new .since .sec5 .history .txt_wrap strong {
	font-size: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 1;
}

.about_aestura_new .since .sec5 .history .txt_wrap p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.6;
}

.about_aestura_new .since .sec5 .history .img_wrap li {
	padding-top: 120px;
}

.about_aestura_new .since .sec5 .history .img_wrap strong {
	padding: 0 20px;
	font-size: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 1;
}

.about_aestura_new .since .sec5 .history .img_wrap p {
	padding: 0 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 1.6;
}

.about_aestura_new .since .sec6 {
	position: relative;
	background: #fff;
	padding: 0 0 120px;
}

.about_aestura_new .since .sec6 .sec_visual {
	padding: 80px 20px;
	transition: all 0.4s ease-in-out;
}

.about_aestura_new .since .sec6 .sec_visual.on {
	padding: 0;
}

.about_aestura_new .since .sec6 .sec_visual .tit_wrap {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
}

.about_aestura_new .since .sec6 .sec_tit {
	padding: 0;
}

.about_aestura_new .since .sec6 .sec_tit .bottom_txt {
	position: absolute;
	bottom: 5%;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	text-align: center;
	width: 100%;
}

.about_aestura_new .since .sec6 .con1 {
	position: relative;
	height: 0;
	padding: 25% 0 95%;
	background: url("../images/brand/since_sec6_con1_1.png") no-repeat
		center center;
	background-size: cover;
	box-sizing: border-box;
}

.about_aestura_new .since .sec6 .con1 .tit_wrap .title {
	font-size: 40px;
	line-height: 50px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .since .sec6 .con1 .tit_wrap .title span {
	display: inline-block;
	font-family: 'Montserrat';
}

.about_aestura_new .since .sec6 .con1 .bottom_txt {
	position: absolute;
	bottom: 5%;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	text-align: center;
	left: 0;
}

.about_aestura_new .since .sec6 .con1 .tit_wrap .con1_emblem {
	padding-top: 20px;
	width: 110px;
}

.about_aestura_new .since .sec6 .con2 {
	padding-top: 60px;
}

.about_aestura_new .since .sec6 .con2 .box .txt_wrap {
	padding: 0 20px;
}

.about_aestura_new .since .sec6 .con2 .box .txt_wrap .heading {
	font-size: 40px;
	line-height: 50px;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -1px;
}

.about_aestura_new .since .sec6 .con2 .box .txt_wrap .heading em {
	font-size: 44px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .since .sec6 .con2 .box .txt_wrap .txt1 {
	font-size: 20px;
	line-height: 30px;
	padding: 20px 0 15px;
}

.about_aestura_new .since .sec6 .con2 .box .txt_wrap .bottom_txt {
	font-size: 13px;
	line-height: 20px;
	color: #999;
}

.about_aestura_new .since .sec6 .con2 .box1 {
	position: relative;
}

.about_aestura_new .since .sec6 .con2 .box1 .txt_wrap {
	margin-top: 35px;
}

.about_aestura_new .since .sec6 .con2 .box2 {
	padding-top: 100px;
}

.about_aestura_new .since .sec6 .con2 .box2 .txt_wrap .txt1 {
	padding: 0;
}

.about_aestura_new .since .sec6 .con2 .box2 .txt_wrap .heading {
	padding-top: 230px;
	padding-top: 10px;
}

.about_aestura_new .since .sec6 .con2 .box2 .txt_wrap .bottom_txt {
	padding-top: 20px;
}

.about_aestura_new .since .sec6 .con2 .box2 .img_wrap {
	padding-top: 20px;
	width: 90%;
	margin: 0 auto;
}

.about_aestura_new .since .sec6 .con2 .box3 {
	font-size: 0;
}

.about_aestura_new .since .sec6 .con2 .box3>div {
	display: inline-block;
	vertical-align: middle;
}

.about_aestura_new .since .sec6 .con2 .box3 .img_wrap {
	margin-left: 32%;
}

.about_aestura_new .since .sec6 .con2 .box3 .img_wrap img {
	position: relative;
	right: -43%;
}

.about_aestura_new .since .sec6 .con2 .box3 .txt_wrap {
	position: relative;
	z-index: 5;
	text-align: left;
	margin-top: -20%;
}

.about_aestura_new .since .sec6 .con2 .box3 .txt_wrap .txt2 {
	font-size: 20px;
	line-height: 30px;
}

.about_aestura_new .since .sec6 .con2 .box3 .txt_wrap .heading {
	padding-top: 5px;
}

.about_aestura_new .since .sec7 .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about_aestura_new .since .sec7 .heading {
	padding-top: 10%;
	text-align: center;
}

.about_aestura_new .since .sec7 .heading .tit {
	font-size: 26px;
	line-height: 32px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #fff;
}

.about_aestura_new .since .sec7 .heading .txt1 {
	font-size: 13px;
	line-height: 30px;
	color: #fff;
}

.about_aestura_new .since .sec7 .heading .txt2 {
	padding-top: 20px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}

.about_aestura_new .since .sec7 .heading .txt2 span {
	font-weight: bold;
}

.about_aestura_new .since .sec7 .box {
	width: 51%;
	box-sizing: border-box;
}

.about_aestura_new .since .sec7 .box1 {
	position: absolute;
	top: 21.5%;
	height: 8%;
	left: 50%;
}

.about_aestura_new .since .sec7 .box2 {
	position: absolute;
	top: 31%;
	height: 8%;
	right: 50%;
}

.about_aestura_new .since .sec7 .box3 {
	position: absolute;
	top: 41%;
	height: 8%;
	left: 50%;
}

.about_aestura_new .since .sec7 .box4 {
	position: absolute;
	top: 51.5%;
	height: 8%;
	right: 50%;
}

.about_aestura_new .since .sec7 .box5 {
	position: absolute;
	top: 61.5%;
	height: 8%;
	left: 50%;
}

.about_aestura_new .since .sec7 .box6 {
	position: absolute;
	top: 71%;
	height: 8%;
	right: 50%;
}

.about_aestura_new .since .sec7 .box7 {
	position: absolute;
	top: 80.5%;
	height: 8%;
	left: 50%;
}

.about_aestura_new .since .sec7 .box8 {
	position: absolute;
	top: 91.5%;
	width: 59%;
	height: 8%;
	right: 40%;
}
/* .about_aestura_new .since .sec7 .box2{margin-top:156px;height:480px;}
.about_aestura_new .since .sec7 .box3{margin-top:216px;height:640px;}
.about_aestura_new .since .sec7 .box4{margin-top:120px;height:538px;}
.about_aestura_new .since .sec7 .box5{margin-top:12px;height:480px;}
.about_aestura_new .since .sec7 .box6{margin-top:145px;height:505px;}
.about_aestura_new .since .sec7 .box7{margin-top:220px;height:559px;} */
.about_aestura_new .since .sec7 .box .txt_wrap {
	display: table-cell;
	vertical-align: middle;
}

.about_aestura_new .since .sec7 .box .txt_wrap .top_txt {
	font-size: 16px;
	line-height: 24px;
}

.about_aestura_new .since .sec7 .box .txt_wrap .ko_name {
	padding-top: 10px;
	font-size: 20px;
	line-height: 1.4;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .since .sec7 .box .txt_wrap .eng_name {
	padding-top: 10px;
	font-size: 13px;
	line-height: 1.4;
	font-family: 'Montserrat';
	opacity: 0.5;
}

.about_aestura_new .since .sec7 .box .txt_wrap .emblem_list {
	padding-top: 20px;
	font-size: 0;
}

.about_aestura_new .since .sec7 .box.type1 .txt_wrap .emblem_list li {
	display: inline-block;
	margin-right: 10px;
	width: 50px;
}

.about_aestura_new .since .sec7 .box.type2 .txt_wrap .emblem_list li {
	display: inline-block;
	margin-left: 8px;
	width: 40px;
}

.about_aestura_new .since .sec7 .box.type1 {
	display: table;
	float: right;
	width: 50%;
}

.about_aestura_new .since .sec7 .box.type2 {
	display: table;
	float: left;
	text-align: right;
}

.about_aestura_new .since .sec7 .box.type2 .eng_name {
	opacity: 0.7;
}

.about_aestura_new .actual_science .visual {
	position: relative;
	height: 0;
	padding: 45.6% 0;
	background: url("../images/brand/science_visual_1.png") no-repeat center
		center;
	background-size: cover;
	box-sizing: border-box;
}

.about_aestura_new .actual_science .visual .bottom_txt {
	font-size: 14px;
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 1;
}

.about_aestura_new .actual_science .sec1 {
	
}

.about_aestura_new .actual_science .sec1 .sec_visual {
	padding: 20px 20px 0;
	transition: all 0.4s ease-in-out;
}

.about_aestura_new .actual_science .sec1 .sec_visual.on {
	padding: 0;
}

.about_aestura_new .actual_science .sec1 .sec_tit {
	position: relative;
}

.about_aestura_new .actual_science .sec1 .tit_wrap {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
}

.about_aestura_new .actual_science .sec1 .tit_wrap .title span {
	display: inline-block;
	line-height: 1;
	font-family: 'Montserrat';
	letter-spacing: 1px;
}

.about_aestura_new .actual_science .sec2 {
	position: relative;
}

.about_aestura_new .actual_science .sec2 .con1 {
	height: 100vh;
	background: url("../images/brand/science_sec2_img1_1.png") no-repeat
		center center;
	background-size: cover;
}
/* .about_aestura_new .actual_science .sec2 .con1 .tit_Wrap{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center;} */
.about_aestura_new .actual_science .sec2 .con2 {
	position: fixed;
	top: 0;
	transition: all 0.3s ease-out;
	opacity: 0;
	height: 100vh;
	background: url("../images/brand/science_sec2_img2_1.png") no-repeat
		center top;
	background-size: cover;
}

.about_aestura_new .actual_science .sec2 .con2.on {
	opacity: 1;
	z-index: 10;
}
/* .about_aestura_new .actual_science .sec2 .con2 .tit_Wrap{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center;} */
.about_aestura_new .actual_science .sec2 .title {
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 32px;
}

.about_aestura_new .actual_science .sec2 .sub_txt {
	font-size: 18px;
	line-height: 26px;
}

.about_aestura_new .actual_science .sec2 .bottom_txt {
	position: absolute;
	bottom: 25px;
	width: 100%;
	font-size: 14px;
	text-align: center;
	opacity: 0.7;
}

.about_aestura_new .actual_science .sec2 .con2 .txt1 {
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .actual_science .sec2 .con2 .desc {
	padding-top: 25px;
}

.about_aestura_new .actual_science .sec2 .con2 .desc p {
	font-size: 26px;
	line-height: 45px;
	font-family: 'Montserrat';
	font-weight: bold;
	opacity: 0.7;
}

.about_aestura_new .actual_science .sec3 {
	text-align: center;
}

.about_aestura_new .actual_science .sec3 .heading {
	padding: 80px 20px 0 20px;
	text-align: left;
}

.about_aestura_new .actual_science .sec3 .heading .top_txt {
	display: block;
	font-size: 26px;
	line-height: 32px;
	color: #6077ba;
	font-family: 'Montserrat';
	font-weight: bold;
	padding-bottom: 30px;
}

.about_aestura_new .actual_science .sec3 .heading .top_txt span {
	display: inline-block;
	font-family: 'Montserrat';
	line-height: 1;
	letter-spacing: 1px;
}

.about_aestura_new .actual_science .sec3 .heading .txt1 {
	padding-top: 25px;
	font-size: 16px;
	line-height: 24px;
}

.about_aestura_new .actual_science .sec3 .heading .txt1 em {
	color: #6077ba;
}

.about_aestura_new .actual_science .sec3 .heading .txt2 {
	padding-top: 10px;
	font-size: 13px;
	line-height: 24px;
	color: #999;
}

.about_aestura_new .actual_science .sec3 .desc {
	padding: 120px 0 70px;
}

.about_aestura_new .actual_science .sec3 .desc .txt1 {
	font-size: 24px;
	line-height: 36px;
	color: #6077ba;
}

.about_aestura_new .actual_science .sec3 .desc .txt1 em {
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .actual_science .sec3 .img_list .tit {
	color: #6077ba;
	font-size: 30px;
	line-height: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .actual_science .sec3 .img_list .tit em {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 34px;
}

.about_aestura_new .actual_science .sec3 .img_list .txt1 {
	font-size: 18px;
	line-height: 26px;
	color: #444;
	padding-bottom: 10px;
}

.about_aestura_new .actual_science .sec3 .img_list .txt2 {
	font-size: 14px;
	line-height: 22px;
	color: #999;
	padding-top: 20px;
}

.about_aestura_new .actual_science .sec3 .img_list .box {
	font-size: 0;
	text-align: left;
}

.about_aestura_new .actual_science .sec3 .img_list .box1 .img_wrap {
	padding-right: 18%;
}

.about_aestura_new .actual_science .sec3 .img_list .box1 .txt_wrap {
	margin-top: 30px;
	padding-left: 20px;
	box-sizing: border-box;
}

.about_aestura_new .actual_science .sec3 .img_list .box2 {
	float: right;
	margin-top: 75px;
}

.about_aestura_new .actual_science .sec3 .img_list .box2 .img_wrap {
	padding-left: 18%;
}

.about_aestura_new .actual_science .sec3 .img_list .box2 .txt_wrap {
	padding-left: 18%;
	margin-top: 30px;
}

.about_aestura_new .actual_science .sec3 .img_list .box3 {
	float: left;
	margin-top: 75px;
}

.about_aestura_new .actual_science .sec3 .img_list .box3 .img_wrap {
	padding-right: 18%;
}

.about_aestura_new .actual_science .sec3 .img_list .box3 .txt_wrap {
	margin-top: 30px;
	padding-left: 20px;
}

.about_aestura_new .actual_science .sec3 .img_list .box4 {
	float: right;
	margin-top: 75px;
}

.about_aestura_new .actual_science .sec3 .img_list .box4 .img_wrap {
	padding-left: 18%;
}

.about_aestura_new .actual_science .sec3 .img_list .box4 .txt_wrap {
	padding-left: 18%;
	margin-top: 30px;
}

.about_aestura_new .actual_science .sec3 .img_list .box5 {
	float: left;
	margin-top: 75px;
	padding: 0 20px;
	text-align: center;
}

.about_aestura_new .actual_science .sec3 .img_list .box6 {
	float: left;
	margin-top: 75px;
	text-align: left;
}

.about_aestura_new .actual_science .sec3 .img_list .box6 .txt_wrap {
	padding-left: 20px;
	margin-top: 30px;
}

.about_aestura_new .actual_science .sec3 .desc2 {
	height: auto;
	padding: 120px 0 100px;
	background: url("../images/brand/science_sec3_bottom_bg.jpg") no-repeat
		center bottom;
	background-size: cover;
	text-align: center;
}

.about_aestura_new .actual_science .sec3 .desc2 .txt1 {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.about_aestura_new .actual_science .sec3 .desc2 strong {
	padding-top: 10px;
	color: #6077ba;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
}

.about_aestura_new .made_in {
	text-align: center;
}

.about_aestura_new .made_in .visual {
	position: relative;
	padding: 22% 0;
	background: url("../images/brand/madein_visual.png") no-repeat center
		center;
	background-size: cover;
	box-sizing: border-box;
}

.about_aestura_new .made_in .videoSec1 {
	height: 0;
	padding-top: 57%;
	margin: 30px 25px;
	background: url("../images/brand/madein_video_img1.png") no-repeat
		center center;
	background-size: cover;
	box-sizing: border-box;
}

.about_aestura_new .made_in .videoSec2 {
	height: 0;
	padding-top: 178%;
	box-sizing: border-box;
}

.about_aestura_new .made_in .videoSec3 {
	height: 0;
	padding-top: 178%;
	box-sizing: border-box;
}

.about_aestura_new .made_in .videoSec4 {
	height: 0;
	padding-top: 178%;
	box-sizing: border-box;
}

.about_aestura_new .made_in .video_wrap {
	position: relative;
}

.about_aestura_new .made_in .video_wrap .inner {
	position: relative;
	height: 100%;
}
/* .about_aestura_new .made_in .video_wrap .video_play_btn{position:absolute;top:50%;left:50%;width:60px;height:60px;background:url('../images/brand/play_btn.png')no-repeat center top;transform:translate(-50%,-50%);background-size:cover;} */
.about_aestura_new .made_in .video_wrap .txt_wrap {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: left;
	transform: translateY(-50%);
	color: #fff;
	padding: 0 20px;
	z-index: 2;
}

.about_aestura_new .made_in .video_wrap .txt_wrap .txt1 {
	font-size: 16px;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .made_in .video_wrap .txt_wrap .txt2 {
	padding-top: 20px;
	font-size: 16px;
	line-height: 26px;
}

.about_aestura_new .made_in .video_wrap .txt_wrap .name {
	padding-top: 10px;
	font-size: 24px;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .made_in .video_wrap .videoArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about_aestura_new .made_in .video_wrap .videoArea video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background: #000;
	transform: translate(-50%, -50%);
}

@media ( min-width : 600px) {
	.about_aestura_new
 
.made_in
 
.videoSec2 {
		height: 0;
		padding-top: 50%;
		box-sizing: border-box;
	}
	.about_aestura_new
 
.made_in
 
.videoSec3 {
		height: 0;
		padding-top: 50%;
		box-sizing: border-box;
	}
	.about_aestura_new
 
.made_in
 
.videoSec4 {
		height: 0;
		padding-top: 50%;
		box-sizing: border-box;
	}
	.about_aestura_new
 
.made_in
 
.video_wrap {
		background: #000;
	}
	.about_aestura_new
 
.made_in
 
.video_wrap
 
.videoArea
 
video {
		object-fit: contain;
		width: 60%;
		height: 60%;
	}
}

.about_aestura_new .made_in .video_wrap .video_play_btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-size: cover;
}

.about_aestura_new .made_in .video_wrap .video_play_btn:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	background: url("../images/brand/play_btn.png") no-repeat center top;
	transform: translate(-50%, -50%);
	background-size: cover;
}

.about_aestura_new .made_in .visual .title {
	padding-top: 30px;
}

.about_aestura_new .made_in .visual img {
	width: 120px;
}

.about_aestura_new .made_in .visual .title span {
	display: inline-block;
	padding: 2px 2px 0;
	font-family: 'Montserrat';
	letter-spacing: 1px;
	vertical-align: top;
}

.about_aestura_new .made_in .heading {
	padding: 80px 20px 35px 20px;
	text-align: left;
}

.about_aestura_new .made_in .heading .txt1 {
	padding-top: 15px;
	font-size: 24px;
	line-height: 36px;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: -1px;
}

.about_aestura_new .made_in .desc {
	padding: 40px 20px;
	text-align: center;
}

.about_aestura_new .made_in .desc strong {
	font-size: 20px;
	line-height: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: left;
}

.about_aestura_new .made_in .mark_img {
	width: 225px;
}

.about_aestura_new .made_in .sec1 {
	padding-bottom: 80px;
}

.about_aestura_new .made_in .sec1 .box {
	text-align: left;
}

.about_aestura_new .made_in .sec1 .box .inner {
	font-size: 0;
}

.about_aestura_new .made_in .sec1 .box .txt_wrap {
	padding: 4px 20px 0 20px;
}

.about_aestura_new .made_in .sec1 .box .txt_wrap .tit {
	font-size: 28px;
	line-height: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .made_in .sec1 .box .txt_wrap .txt1 {
	padding-top: 5px;
	font-size: 18px;
	line-height: 26px;
}

.about_aestura_new .made_in .sec1 .box .txt2 {
	padding-top: 25px;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .made_in .sec1 .box .txt3 {
	font-size: 16px;
	line-height: 24px;
}

.about_aestura_new .made_in .sec1 .box .table_box {
	width: 100%;
	margin: 30px 0 20px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.about_aestura_new .made_in .sec1 .box .bottom_txt {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #a4a4a4;
}

.about_aestura_new .made_in .sec1 .box .table_box th {
	height: 60px;
	border-bottom: 1px solid #ddd;
}

.about_aestura_new .made_in .sec1 .box .table_box td {
	padding: 15px 0;
	vertical-align: top;
}

.about_aestura_new .made_in .sec1 .box .table_box .type1 {
	background: #f1f5ff;
}

.about_aestura_new .made_in .sec1 .box .table_box .type1.top_txt {
	font-size: 18px;
	color: #6077ba;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .made_in .sec1 .box .table_box .type1 .txt1 {
	font-size: 14px;
	color: #798fcd;
	line-height: 22px;
}

.about_aestura_new .made_in .sec1 .box .table_box .type1 .txt2 {
	padding-top: 6px;
	font-size: 22px;
	color: #6077ba;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .made_in .sec1 .box .table_box .type1 .txt2 em {
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .made_in .sec1 .box .table_box .type2.top_txt {
	font-size: 18px;
	color: #999;
}

.about_aestura_new .made_in .sec1 .box .table_box .type2 .txt1 {
	font-size: 14px;
	color: #a4a4a4;
	line-height: 22px;
	padding-bottom: 10px;
}

.about_aestura_new .made_in .sec1 .box .table_box .type2 .txt2 {
	padding-top: 6px;
	font-size: 22px;
	color: #999;
	line-height: 26px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .made_in .sec1 .box .table_box .type2 .txt2 em {
	font-family: 'Montserrat';
	font-weight: bold;
}

.about_aestura_new .made_in .sec1 .box .table_box .last {
	padding-bottom: 40px;
}

.about_aestura_new .made_in .sec1 .box .table_box .type1 .txt2 span {
	display: block;
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 4px;
}

.about_aestura_new .made_in .sec1 .box.type1 .img_wrap {
	padding-left: 40px;
}

.about_aestura_new .made_in .sec1 .box .txt_wrap2 {
	padding-left: 40px;
	margin-top: 35px;
}

.about_aestura_new .made_in .sec1 .box .txt_wrap2 .txt3 {
	margin-top: 5px;
}

.about_aestura_new .made_in .sec1 .box2 {
	margin-top: 60px;
}

.about_aestura_new .made_in .sec1 .box2 .txt_wrap2 {
	padding-left: 20px;
}

.about_aestura_new .made_in .sec1 .box2 .img_wrap {
	padding: 0 20px;
}

.about_aestura_new .made_in .sec2 {
	padding-bottom: 90px;
	background: #6e83c0;
}

.about_aestura_new .made_in .sec2 .heading_img {
	margin-top: 25px;
}

.about_aestura_new .made_in .sec2>.img_wrap {
	padding: 0 20px;
}

.about_aestura_new .made_in .sec2 .desc strong {
	font-family: 'Montserrat';
	font-weight: 400;
}

.about_aestura_new .made_in .sec2 .box {
	text-align: left;
}

.about_aestura_new .made_in .sec2 .box:not(:first-child) {
	margin-top: 50px;
}

.about_aestura_new .made_in .sec2 .box .inner {
	font-size: 0;
}

.about_aestura_new .made_in .sec2 .box .txt_wrap {
	box-sizing: border-box;
}

.about_aestura_new .made_in .sec2 .box.type1 .img_wrap {
	padding-left: 20px;
	margin-top: 20px;
}

.about_aestura_new .made_in .sec2 .box .tit {
	font-size: 20px;
	line-height: 28px;
	font-family: 'Montserrat';
	font-weight: bold;
	padding-left: 20px;
}

.about_aestura_new .made_in .sec2 .box .txt_wrap .txt1 {
	padding-top: 18px;
	opacity: 0.7;
	font-size: 16px;
	line-height: 24px;
}

.about_aestura_new .made_in .sec2 .box.type1 .txt_wrap {
	padding: 0 20px;
}

.about_aestura_new .made_in .sec2 .box.type2 .txt_wrap {
	padding-left: 20px;
}

.about_aestura_new .made_in .sec2 .box.type2 .img_wrap {
	margin-top: 20px;
	padding-right: 20px;
}

.about_aestura_new .made_in .sec2 .box.box3 .img_wrap {
	padding: 0 20px;
}

.about_aestura_new .made_in .sec2 .box.box3 .txt_wrap {
	padding: 0 20px;
}

.about_aestura_new .made_in .sec3 .desc {
	padding: 75px 0;
}

.about_aestura_new .made_in .sec3 .desc strong {
	text-align: center;
	font-size: 24px;
	line-height: 36px;
}

.about_aestura_new .made_in .sec3 .videoSec2 .video_play_btn:after {
	top: 50%;
	left: 20px;
	transform: none;
	margin-top: 130px;
}

.about_aestura_new .made_in .sec3 .videoSec3 .video_play_btn:after {
	top: 50%;
	left: 20px;
	transform: none;
	margin-top: 130px;
}

.about_aestura_new .made_in .sec3 .videoSec4 .video_play_btn:after {
	top: 50%;
	left: 20px;
	transform: none;
	margin-top: 130px;
}

/* 채팅봇 */
.chatbot .con {
	position: relative;
	padding: 35px 25px 100px;
}

.chatbot .box:after {
	display: block;
	content: "";
	clear: both;
}

.chatbot .box .txt {
	font-size: 14px;
	line-height: 24px;
	color: #222;
}

.chatbot .title {
	font-size: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	padding: 15px 25px;
	color: #222;
	border-bottom: 2px solid #94a4d1;
	box-sizing: border-box;
}

.chatbot .line {
	margin-top: -4px;
}

.chatbot .check_btn {
	float: left;
	height: 25px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 27px;
	color: #5f77ba;
	border: 1px solid #5f77ba;
	border-radius: 2px;
	margin-top: 4px;
	margin-right: 4px;
}

.chatbot .line:after {
	display: block;
	content: "";
	clear: both;
}

.chatbot .prev_btn {
	position: absolute;
	bottom: 14px;
	padding-left: 10px;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.chatbot .prev_btn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
	background: url("../images/common/arrow_prev.png") no-repeat center top;
	background-size: contain;
}

.chatbot .administrator {
	position: relative;
	float: left;
	width: 86.156%;
	padding-left: 25px;
	color: #222222;
	font-size: 14px;
	line-height: 24px;
	margin-top: 22px;
}

.chatbot .administrator:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 21px;
	height: 21px;
	background: url("../images/common/admin.png") no-repeat center top;
	background-size: contain;
}

.chatbot .administrator .btn_wrap {
	padding-top: 5px;
	letter-spacing: -1px;
}

.chatbot .administrator.recommend_prd {
	width: 100%;
	padding-left: 0;
}

.chatbot .administrator.recommend_prd .txt {
	padding-left: 25px;
}

.chatbot .administrator.recommend_prd .txt_wrap {
	margin-top: 15px;
	padding: 25px 0;
	border-top: 1px solid #dcdcdc;
	font-size: 0;
}

.chatbot .administrator.recommend_prd .txt_wrap>div {
	display: inline-block;
	vertical-align: middle;
}

.chatbot .administrator.recommend_prd .txt_wrap .img_wrap {
	position: relative;
	width: 73px;
	height: 73px;
	overflow: hidden;
}

.chatbot .administrator.recommend_prd .txt_wrap .img_wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
}

.chatbot .administrator.recommend_prd .txt_wrap .con_box {
	padding-left: 15px;
}

.chatbot .administrator.recommend_prd .txt_wrap .con_box .name {
	display: block;
	width: 230px;
	font-size: 15px;
	line-height: 21px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chatbot .administrator.recommend_prd .txt_wrap .con_box .prd_link {
	display: inline-block;
	width: 120px;
	height: 36px;
	margin-top: 10px;
	background: #5f77ba;
	line-height: 38px;
	color: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

.chatbot .admin_notice {
	float: left;
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #222;
	text-align: left;
}

.chatbot .user {
	float: right;
	width: 100%;
	text-align: right;
}

.chatbot .user+.user {
	margin-top: 12px;
}

.chatbot .user .txt1 {
	display: inline-block;
	position: relative;
	height: 25px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 27px;
	color: #fff;
	background: #5f77ba;
	border-radius: 2px;
}

.chatbot .user .txt1:after {
	content: "";
	position: absolute;
	bottom: -5px;
	right: 3px;
	width: 14px;
	height: 5px;
	background: url("../images/common/deco.png") no-repeat center top;
	background-size: contain;
}

.chatbot .bottom_box {
	padding: 40px 25px;
	background: #f7f7f7;
}

.chatbot .bottom_box .txt {
	font-size: 13px;
	line-height: 23px;
	color: #888;
}

.chatbot .bottom_box .link_btn {
	display: block;
	height: 40px;
	margin-top: 18px;
	background: #000;
	color: #fff;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}

#popIngredient .layerCont {
	word-break: break-all;
}

.momCart .regularOrderSteps .txt2 {
	margin-top: 15px;
}

.momCart .tabMenu3 li {
	position: relative;
}

.momCart .tabMenu3 li a {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.4;
}

.cartWrap .circle {
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	background: #5f77ba;
	margin-left: 4px;
	border-radius: 50%;
	margin-top: -4px;
	vertical-align: middle;
}

.cartWrap .circle em {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 11px;
	transform: translate(-50%, -50%);
}

.shopMain .productListType1 {
	padding: 40px 15px 50px;
}

.shopMain .productListType1 .scrollArea {
	padding-bottom: 40px;
}

.shopMain .productListType1 .swiper-container-horizontal>.swiper-scrollbar
	{
	width: 85%;
	left: 50%;
	transform: translateX(-50%);
}

.shopMain .productListType1 .scrollArea .pdtListType1 {
	overflow: visible;
	white-space: normal;
}

.shopMain .productListType1 .swiper-scrollbar {
	opacity: 1 !important;
}

.shopMain .productListType1 .swiper-scrollbar-drag {
	background: #5f77ba;
	opacity: 0.8;
}

.shopMain .productListType1 .pdtListType1 .item:first-of-type {
	padding-left: 0;
}

.shopMain .productListType1 .pdtListType1 .item:last-of-type {
	padding-right: 0;
}

#deliveryArea .userInfo .zipcode {
	line-height: 1.65;
}

#deliveryArea .userInfo .addr_info {
	float: left;
	padding-top: 20px;
	width: 100%;
}

#deliveryArea .userInfo .addr_info dd {
	line-height: 1.65;
}

#deliveryArea .userInfo .addr_info .txt em {
	font-weight: bold;
}

#deliveryArea .userInfo .addr_info .txt_list {
	padding-top: 20px;
	font-size: 12px;
}

#deliveryArea .userInfo .addr_info .txt_list li:not(:first-of-type) {
	padding-top: 5px;
}

.marker.type_md {
	width: 20px;
	height: 26px;
	margin: 10px auto 0;
	text-align: center;
	line-height: 22px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #fff;
	background:
		url("https://image.aestura.com/resources/web/images/contact/ico_pin_l_bk.png")
		no-repeat;
	background-size: contain;
}

.marker.type_365 {
	width: 20px;
	height: 26px;
	margin: 10px auto 0;
	text-align: center;
	line-height: 22px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #fff;
	background:
		url("https://image.aestura.com/resources/web/images/contact/ico_pin_l_bl.png")
		no-repeat;
	background-size: contain;
}

.pagination {
	text-align: center;
	font-size: 0;
	margin: 0px 0 50px;
}

.pagination .pageBtn {
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

.pagination .pageBtn a {
	display: block;
	width: 20px;
	height: 28px;
	background: url("../images/common/page02.png") no-repeat;
	font-size: 0;
	text-indent: -9999em;
	background-size: 20px;
}

.pagination .pageBtn.prev.disabled a {
	background-position: 0 0;
}

.pagination .pageBtn.prev a {
	background-position: 0 -26px;
}

.pagination .pageBtn.next a {
	background-position: 0 -56px;
}

.pagination .pageBtn.next.disabled a {
	background-position: 0 -83px;
}

.pagination ol {
	display: inline-block;
	vertical-align: middle;
}

.pagination ol li {
	display: inline-block;
	margin: 0 3px;
	vertical-align: middle;
}

.pagination ol li a {
	position: relative;
	box-sizing: border-box;
	display: block;
	min-width: 20px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #333;
}

.pagination ol li.current a {
	min-width: 20px;
	color: #5887da;
}

.pagination ol li.current a::after {
	position: absolute;
	content: "";
	display: block;
	height: 2px;
	inset: auto 0 0;
	background: #5887da;
}

.orderPdtItemList .orderPdtItem .pdtInfo .qty {
	padding-right: 0;
}

.orderPdtItemList .orderPdtItem .pdtInfo .qty .qtyOption {
	float: left;
}

.orderPdtItemList .orderPdtItem .pdtInfo .qty .delete_btn {
	float: right;
}

.orderPdtItemList .orderPdtItem .pdtInfo .qty .delete_btn a {
	display: inline-block;
	border: 1px solid #222;
	color: #222;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
}

.inside_folding .folding_wrap p.changeGuide {
	padding-top: 30px;
	color: #000;
	font-weight: bold;
}

/* 쇼핑 alert */
#addAlert {
	position: fixed;
	left: 50%;
	top: 45%;
	z-index: 50;
	width: 160px;
	height: 160px;
	margin: -80px 0 0 -80px;
	border-radius: 50%;
	background: rgba(95, 119, 186, 0.8);
	opacity: 0;
}

#addAlert span {
	position: relative;
	display: block;
	padding-top: 80px;
	text-align: center;
	color: #fff;
}

#addAlert span:before {
	position: absolute;
	content: "";
	top: 27px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	background: url("../images/common/ico_add_alert.png") no-repeat center
		center;
	background-size: cover;
	line-height: 24px;
	color: #fff;
}

/* 20230412 수정 추가 */
.order .formBox .noteType3 {
	margin-top: 20px;
	font-size: 13px;
}

.order .formBox .promotion_title {
	font-weight: bold;
	color: #5f77ba;
	margin-top: 10px;
}

.order .pdtGift .giftWrap .my.promotion_title {
	font-weight: bold;
	color: #5f77ba;
	margin-top: 10px;
}
/* 20230419 추가 css */
.about_aestura_new .since .sec6 .con1 .tit_wrap .middle_txt {
	margin-top: 20px;
	line-height: 38px;
	display: block;
	font-size: 22px;
	color: #fff;
}

.about_aestura_new .since .sec6 .con1 .tit_wrap .middle_txt span {
	position: relative;
}

.about_aestura_new .since .sec6 .con1 .tit_wrap .middle_txt span:after {
	position: absolute;
	display: block;
	content: "";
	width: 120%;
	height: 100%;
	background-color: #5f77ba;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50px;
	z-index: -1;
}

.about_aestura_new .since .sec7 .heading .tit span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
}

/* 20230530_의사몰회원가입페이지 추가 */
.registerForm.policy .policyForm {
	border-top: 1px solid #222;
	margin-top: 0;
	padding-top: 8%;
}

.registerForm.policy .all_guide .p1 {
	margin: 5% 0;
	padding-left: 26px;
	font-size: 13px;
}

.registerForm.policy .policyForm.type2 {
	border: 0;
}

.registerForm.policy .policyForm.input_list .input.check {
	margin-bottom: 20px;
}

.registerForm.policy .policyForm.input_list .input.check:nth-child(4) {
	margin-bottom: 0;
}

.registerForm.policy .policyForm .policy_look {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	float: right;
}

.registerForm.policy .policyForm .inputWrap label {
	display: inline-block;
}

.registerForm.policy .policy_wrap {
	border-top: 1px solid #222;
}

.registerForm.policy .policyForm .policy_look a {
	text-decoration: underline;
	color: #000;
}

.registerForm.policy .termsWrap.type1 {
	height: 270px;
}

.registerForm.policy .termsWrap.type2 {
	height: 90px;
}

.registerForm.policy .layerPopup .layerBody .termsWrap {
	margin-top: 0;
	height: 83vh;
	box-sizing: border-box;
}

.registerForm.policy .termsWrap .terms table {
	table-layout: auto;
}

/* 20230609_의사몰회원가입페이지 추가 */
.registerForm.policy .policy_wrap .inputWrap input {
	float: none;
	vertical-align: baseline;
}

.mypage .infoModify .userInputArea .input input[type="checkbox"] {
	border-color: #000;
	transition: border-color 0.2s;
}

.mypage .infoModify .userInputArea .input input[type="checkbox"]:checked
	{
	border-color: #5f77ba;
}

/* 20230614_위치기반 서비스 이용약관 추가 */
.findstorePopup .layerPopup .layerBody .layerCont p {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}

.findstorePopup .layerPopup .layerBody .layerCont a.location_link {
	margin-top: 20px;
	display: inline-block;
	color: #000;
	text-decoration: underline;
}

.findstorePopup .layerPopup .layerBody .layerCont .btnWrap {
	margin-top: 30px;
}

.findstorePopup#locationPopup2 .layerPopup .layerBody {
	padding: 55px 30px 35px !important;
}

.mypage .infoModify .userInputArea .inputWrapList.sms .sms_select {
	display: block;
	width: 100% !important;
	padding-bottom: 20px;
}

.mypage .infoModify .userInputArea .inputWrapList.sms .input.radio label
	{
	margin-right: 20px;
}

.mypage .infoModify .userInputArea .terms .tbl {
	margin: 20px 0 20px -17px;
}

/* --S 의사회원 사은품 css-- */
/* 의사몰 장바구니 제공 사은품 확인 버튼 */
.mdCart .btnWrap.type1 {
	overflow: hidden;
}

#mdCart .btn {
	
}

#mdCart .btn.style3.typeS {
	width: 60%;
	display: inline-block;
	float: right;
	margin-top: 20px
}

#mdCart .btn.style3.typeS:after {
	display: table;
	content: '';
	clear: both;
}

/* 의사몰 구매시 제공될 사은품 확인 팝업 */
#offerGiftPopup .selectGiftWrap .giftWrap {
	margin-top: 18px;
}

#offerGiftPopup .selectGiftWrap .giftWrap:first-child {
	margin-top: 0;
}

#offerGiftPopup .selectGiftWrap .giftWrap ul {
	font-size: 0;
	overflow: hidden;
}

#offerGiftPopup .selectGiftWrap .giftWrap ul li {
	display: inline-block;
	width: 24%;
	height: 156px;
	box-sizing: border-box;
	padding: 10px 2px 0 2px;
	text-align: center;
	font-size: 13px;
	vertical-align: top;
}

@media all and (max-width: 530px) {
	#offerGiftPopup
 
.selectGiftWrap
 
.giftWrap
 
ul
 
li {
		width: 33%;
	}
}

#offerGiftPopup .selectGiftWrap .giftWrap .tit.event {
	position: relative;
	display: inline-block;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
	padding-left: 20px;
}

#offerGiftPopup .selectGiftWrap .giftWrap .tit.event:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: "▶";
}

#offerGiftPopup .selectGiftWrap .giftWrap .my.promotion_title {
	display: inline-block;
	margin-left: 65px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

#offerGiftPopup .selectGiftWrap .giftWrap ul li img {
	width: 65px;
	background: #f8f8f8;
}

#offerGiftPopup .selectGiftWrap .giftWrap ul li .name {
	overflow: hidden;
	height: 30px;
	margin: 5px 0;
	line-height: 15px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

#offerGiftPopup .selectGiftWrap .giftWrap ul li .set {
	overflow: hidden;
	height: 20px;
	margin-top: 5px;
	color: #5f77ba;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

#offerGiftPopup .selectGiftWrap .giftWrap ul li .qty {
	overflow: hidden;
	height: 20px;
	color: #888;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.order .pdtGiftList ul li .set {
	overflow: hidden;
	height: 30px;
	margin-top: 5px;
	color: #5f77ba;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
	font-size: 0.75rem;
}

.order .pdtGiftList ul li .qty {
	overflow: hidden;
	height: 20px;
	color: #888;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.order .pdtGift .giftWrap ul li .set {
	overflow: hidden;
	height: 30px;
	margin-top: 5px;
	color: #5f77ba;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.order .formBox .subTotal .freegift {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.order .formBox .subTotal .freegift em {
	font-size: 18px;
	color: #5f77ba;
}

.order .formBox.GiftList .folding .pdtGift {
	padding: 30px 0;
	border-bottom: 1px solid #dcdcdc;
}

.order .formBox.GiftList .folding .pdtGift:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.order .formBox.GiftList .folding {
	padding-top: 0;
}

.order .formBox.GiftList .folding .pdtGift .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.order .formBox.GiftList .folding .pdtGift .tit span {
	display: block;
	font-family: 'Montserrat';
	font-size: 13px;
	color: #888;
}

.order .formBox.GiftList .folding .pdtGift .tit span.qty_error {
	color: #ff3f3c !important;
}

.ranking .item .thumb {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 180px;
}

#directText {
	color: #ff3f3c;
	margin-top: 10px;
	padding-left: 11px;
	font-size: 12px;
}

.mypageMain .gradeSummary h2 p {
	display: inline-block;
}

.salesguide {
	color: #000;
	padding: 30px 25px 0 25px;
	text-align: center;
}

.mypageMain .gradeSummary h2 .manager {
	display: block;
	margin-bottom: 20px;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
	line-height: 26px;
}

.mypageMain .gradeSummary h2 .manager span {
	display: inline-block;
	line-height: normal;
	margin-bottom: 0
}

.mypageMain .gradeSummary h2 .manager .sales_guide {
	font-size: 12px;
}

.layerPopup .layerGround .msg .sales_manager {
	color: #222;
	line-height: normal;
}

.layerPopup .layerGround .msg .sales_manager .my_address {
	font-weight: bold;
}

#container.register #widget {
	display: none;
	visibility: hidden;
}

.mypage .infoModifyGate .add_info span#ChangeAddress {
	width: 50%;
	min-width: 195px;
	margin-top: 30px;
}

.mypage .infoModifyGate .add_info span#ChangeAddress a {
	height: 40px;
	line-height: 38px;
}

.userInputArea .corp_cont .textWrap {
	margin-top: 10px;
}

.userInputArea .corp_cont .inputWrap {
	margin-top: 15px;
}

.userInputArea .corp_cont .inputText {
	margin-top: 10px;
}

.userInputArea .corp_cont {
	margin-top: 20px;
}

.userInputArea .corp_cont .inputWrap {
	position: relative;
}

.userInputArea .corp_cont .policy_look {
	font-size: 13px;
	margin-left: 5px;
}

.userInputArea .corp_cont .policy_look a {
	text-decoration: underline;
	color: #000;
}

.userInputArea .corp_cont .word_wrap {
	position: relative;
	width: 100%;
}

.userInputArea .corp_cont .word_wrap a {
	display: inline-block;
	font-size: 13px;
	text-align: center;
	margin-left: 10px;
	width: 18px;
	height: 18px;
	line-height: 17px;
	cursor: pointer;
	border: 1px solid #888;
	border-radius: 15px;
}

.userInputArea .inputWrap.corp_cont input[type="checkbox"]:disabled {
	border-color: #c9c9c9;
	background: url(../images/common/bg_input.png) no-repeat -2px 0;
	-webkit-background-size: 20px;
	background-size: 20px;
	background-position-y: -22px;
}

#healthPop .msg {
	margin: 0;
	text-align: left;
	color: #ff0000;
}

.mypage .infoModifyGate .mypage_table {
	margin-top: 25px;
	text-align: center;
	border-top: 1px solid #222;
}

.mypage .infoModifyGate .mypage_table th {
	padding: 20px 0;
	font-size: 12px;
	line-height: 23px;
	color: #222;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	letter-spacing: -1px;
}

.mypage .infoModifyGate .mypage_table td {
	padding: 20px 0;
	font-size: 12px;
	line-height: 23px;
	color: #888;
	border-bottom: 1px solid #dcdcdc;
	letter-spacing: -1px;
}

.mypage .infoModifyGate .title_type.border_none {
	border: none;
	padding-bottom: 0;
	margin-bottom: 20px;
}

.findsalesmanForm {
	padding: 0;
}

.findsalesmanForm h2.formTitle {
	margin-bottom: 30px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 23px;
	color: #222;
}

.findsalesmanForm h3.formTitle {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.findsalesmanForm h3.formTitle2 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.findsalesmanForm h3.formTitle2 span {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	font-family: 'Montserrat';
	color: #888;
}

.findsalesmanForm h4.formTitle {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	color: #222;
}

.findsalesmanForm .txtBtnWrap {
	margin-top: 35px;
}

.findsalesmanForm .guideTxt1 {
	text-align: center;
	line-height: 24px;
	color: #222;
}

.findsalesmanForm.findsalesman {
	color: #222;
}

.findsalesmanForm.findsalesman button {
	color: #222;
}

.findsalesmanForm.findsalesman .formTitle {
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: 500;
	margin-top: 40px;
	padding: 0 12%;
}

.findsalesmanForm.findsalesman .depth_wrap {
	width: 100%;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_header {
	width: 100%;
	height: 65px;
	background: #f5f6f8;
	padding-top: 10px;
	padding-bottom: 5px;
}

.findsalesmanForm.findsalesman .depth_wrap#depth0 .depth_header {
	padding-bottom: 10px;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_header .header_wrap {
	width: 100%;
	height: 100%;
	background: #fff;
	position: relative;
	text-align: center;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_header .header_wrap .back_btn
	{
	position: absolute;
	top: 50%;
	left: 30px;
	width: 20px;
	transform: translateY(-50%);
}

.findsalesmanForm.findsalesman .depth_wrap .depth_header .header_wrap .depth_tit
	{
	position: relative;
	display: inline-block;
	margin-top: 20px;
	vertical-align: top;
	font-size: 18px;
	font-family: 'Montserrat';
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list {
	width: 100%;
	font-size: 0;
	background: #f5f6f8;
	border: 3px solid #f5f6f8;
	border-top: 0;
	box-sizing: border-box;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list li {
	position: relative;
	display: inline-block;
	width: calc(33.344444% - 7px);
	text-align: center;
	font-size: 14px;
	margin: 3px;
	box-sizing: border-box;
	overflow: hidden;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list li:after {
	content: "";
	display: block;
	padding-bottom: 80%;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list li button {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5%;
	background: #fff;
	font-size: 16px;
	border-radius: 8px;
	box-sizing: border-box;
	outline: none;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list li button em {
	word-wrap: break-word;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list li button span {
	display: block;
	color: #858585;
	font-size: 13px;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list li button:hover {
	background: #edf3fb;
	color: #5386d9;
	border: 2px solid #5386d9;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list li.on button {
	background: #edf3fb;
	color: #5386d9;
	border: 2px solid #5386d9;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list li button:hover span
	{
	color: #5386d9;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_list li.on button span
	{
	color: #5386d9;
}

.findsalesmanForm.findsalesman .depth_wrap#depth0 {
	padding-bottom: 50px;
}

.findsalesmanForm.findsalesman .depth_wrap#depth0 .depth_list {
	width: 70%;
	margin: 0 auto;
	background: none;
	border: none;
}

.findsalesmanForm.findsalesman .depth_wrap#depth0 .depth_list li {
	width: calc(50% - 10px);
	margin-right: 10px;
	border: 1px;
}

.findsalesmanForm.findsalesman .depth_wrap#depth0 .depth_list li:last-child
	{
	margin-right: 0;
}

.findsalesmanForm.findsalesman .depth_wrap#depth0 .depth_list li button
	{
	background: #f5f6f8;
}

.findsalesmanForm.findsalesman .depth_wrap#depth0 .depth_list li button:hover
	{
	background: #edf3fb;
	color: #222;
	border: 0;
}

.findsalesmanForm.findsalesman .depth_wrap#depth0 .depth_list li.on button
	{
	background: #edf3fb;
	color: #222;
	border: 0;
}

.findsalesmanForm.findsalesman .find_salesman_com {
	margin-top: 20px;
}

.findsalesmanForm.findsalesman .find_salesman_com .info p {
	display: inline-block;
}

.findsalesmanForm.findsalesman .find_salesman_com .info .btnWrap {
	float: right;
	display: inline-block;
}

.findsalesmanForm.findsalesman .find_salesman_com .info .btnWrap a {
	border: 1px solid #000;
	padding: 0 2px;
}

#visitPopup .layerPopup .layerBody {
	width: auto;
	box-sizing: border-box;
	color: #3d3e42;
	padding: 50px 30px 40px;
}

.visitPopup  .pop_tit {
	color: #3d3e42;
	font-size: 16px;
}

.visitPopup  .pop_tit .main {
	font-weight: bold;
}

.visitPopup  .pop_tit .sub {
	font-size: 14px;
	margin-top: 15px;
}

.visitPopup .form_wrap ul li {
	margin-top: 15px;
}

.visitPopup .inputText {
	margin-top: 10px;
}

.visitPopup .inputText input {
	border: 0;
	height: 55px;
	background: #f8f8f8;
}

.visitPopup .agree_wrap {
	margin-top: 30px;
}

.visitPopup .agree_wrap .agree_1 {
	display: inline-block;
	font-size: 15px;
}

.visitPopup .agree_wrap .agree_check {
	display: none
}

.visitPopup .agree_wrap label {
	position: relative;
}

.visitPopup .agree_wrap label:after {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	top: 50%;
	right: -25px;
	transform: translateY(-50%);
	background: url('../images/common/input_chk.png') no-repeat bottom;
	background-size: cover;
	margin-top: 1px;
}

.visitPopup .agree_wrap input:checked+label:after {
	background-position: top;
}

.visitPopup .agree_wrap .txt_wrap {
	margin-top: 15px;
	font-size: 12px;
}

.visitPopup .agree_wrap .txt_wrap span {
	font-size: 13px;
	font-weight: bold;
}

.visitPopup .btnWrap {
	width: 100%;
	margin-top: 35px;
	padding: 0;
}

.visitPopup .btn {
	width: 100%;
}

.visitPopup .btn a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 48px;
	font-size: 16px;
	background: #5386d9;
	border: 0;
	color: #fff;
}

.visitPopup .chk_wrap {
	margin-top: 20px;
}

.visitPopup .chk_wrap .chk_txt {
	display: block;
	color: #222;
}

.visitPopup .chk_wrap .sales_chk_wrap {
	margin-top: 10px;
}

.visitPopup .chk_wrap .input label {
	position: relative;
	background: 0;
	height: auto;
	padding-left: 28px;
	color: #222;
}

.visitPopup .chk_wrap .input label:before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 18px;
	height: 18px;
	background: url(../images/common/bg_input.png) no-repeat;
	font-size: 14px;
	top: 1px;
	left: 0;
}

.visitPopup .chk_wrap .input input[type="checkbox"]:checked+label:before
	{
	display: inline-block;
	content: "";
	background-position: 0 -30px;
}

.findsalesmanForm.salesman_result {
	padding: 0 25px;
}

.findsalesmanForm.salesman_result .formTitle {
	font-size: 20px;
	font-family: 'Montserrat';
	margin-top: 15px;
	text-align: left;
	margin-bottom: 40px;
}

.findsalesmanForm.salesman_result .sales_num_input {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 40px;
	padding: 12px;
	line-height: 38px;
	color: #888;
	box-sizing: border-box;
	transition: border-color 0.2s;
	outline: 0;
}

.findsalesmanForm.salesman_form {
	padding: 0 25px;
}

.findsalesmanForm.salesman_form .formTitle {
	font-size: 20px;
	font-family: 'Montserrat';
	margin-top: 15px;
	text-align: left;
	margin-bottom: 40px;
}

.findsalesmanForm.salesman_form .medical_info {
	font-size: 15px;
	font-family: 'Montserrat';
}

.findsalesmanForm.salesman_form .respond_form_post {
	padding: 20px;
	border: 1px solid #888;
	margin-top: 15px;
}

.findsalesmanForm.salesman_form .respond_select .select_tit {
	font-size: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #000;
}

.findsalesmanForm.salesman_form .respond_select .list_control {
	width: 100%;
	font-size: 15px;
	color: #888;
	height: 40px;
	border: 1px solid #888;
	outline: 0;
	margin-top: 15px;
	padding-left: 13px;
	box-sizing: border-box;
	background: #fff url('../images/common/arr_selectbox.png') 100% 50%
		no-repeat;
}

.findsalesmanForm.salesman_form .respond_textarea {
	margin-top: 15px;
}

.findsalesmanForm.salesman_form .respond_textarea textarea {
	border: 1px solid #222;
	transition: border-color 0.2s;
}

.findsalesmanForm.salesman_form .respond_textarea textarea:disabled {
	border-color: #dcdcdc;
}

/* main specialchance */
.main .specialchance {
	margin-top: 20px;
	padding: 40px 15px 50px;
}

.main .specialchance h2 {
	position: relative;
	margin-bottom: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.main .specialchance h2 span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
}

.main .specialchance h2 a {
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Montserrat';
	line-height: 1;
	color: #888;
}

.main .specialchance .scrollArea2 {
	margin-top: 40px;
}

.main .specialchance .pdtListType1 {
	padding-bottom: 40px;
}

.main .specialchance .pdtListType1 .swiper-scrollbar {
	opacity: 1 !important;
	width: 85%;
	left: 50%;
	transform: translateX(-50%);
}

.main .specialchance .pdtListType1 .swiper-scrollbar-drag {
	background: #5f77ba;
	opacity: 0.8;
}

.main .specialchance .pdtListType1 .list {
	overflow: visible;
	white-space: normal;
}

.main .specialchance .pdtListType1 .item {
	vertical-align: top;
	padding-right: 10px;
	box-sizing: border-box;
}

.main .specialchance .pdtListType1 .item:first-child {
	padding-left: 0;
	margin-left: 0;
}

.main .specialchance .pdtListType1 .item .name {
	font-size: 15px;
	font-weight: bold;
	margin-top: 30px;
}

.main .specialchance .pdtListType1 .item .price .vol {
	position: relative;
	display: inline-block;
	padding-left: 7px;
	margin-left: 6px;
	color: #888 !important;
}

.main .specialchance .pdtListType1 .item .price .vol:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #888;
}

/* main bestreview */
.main .bestreview {
	padding: 40px 15px 50px;
	border-top: 1px solid #ddd;
}

.main .bestreview .photoReviewList {
	padding: 0;
}

.main .bestreview h2 {
	position: relative;
	margin-bottom: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

.main .photoRvItem {
	width: 74%;
	padding-right: 20px;
	box-sizing: border-box;
}

.main .bestreview .cont .repairMenu {
	right: 0;
	top: 63px;
}

.main .photoRvItem .cont .info .date {
	float: right;
}

.main .photoRvItem .relateProduct .thumb {
	height: 55px;
	overflow: hidden;
}

/* mcl */
.mypage .infoModifyGate .email_check .title_type_wrap {
	margin-top: 60px;
	padding-bottom: 12px;
	margin-bottom: 30px;
	border-bottom: 1px solid #222;
}

.mypage .infoModifyGate .email_check .title_type_wrap h3 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.mclPopup h3.title {
	padding-bottom: 12px;
	font-size: 17px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.mclPopup .txt1 {
	font-size: 12px;
	line-height: 23px;
	color: #222;
}

.mclPopup .mypage_table {
	margin-top: 25px;
	text-align: center;
	border-top: 1px solid #222;
}

.mclPopup .mypage_table th {
	padding: 20px 0;
	font-size: 12px;
	line-height: 23px;
	color: #222;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	letter-spacing: -1px;
}

.mclPopup .mypage_table td {
	padding: 20px 0;
	font-size: 12px;
	line-height: 23px;
	color: #888;
	border-bottom: 1px solid #dcdcdc;
	letter-spacing: -1px;
}

.mclPopup .email_check .title_type_wrap {
	padding-bottom: 12px;
	margin-bottom: 30px;
	border-bottom: 1px solid #222;
}

.mclPopup .email_check .title_type_wrap h3 {
	font-size: 16px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
}

.mclPopup .email_check th {
	padding: 10px 0;
	color: #222;
	font-weight: 500;
	vertical-align: top;
	line-height: 1.2;
	text-align: left;
	font-size: 13px;
}

.mclPopup .email_check td label {
	margin: 0 12px 0 5px;
	font-size: 13px;
	color: #222;
	vertical-align: middle;
	line-height: 20px;
}

/* top banner */
.top_banner {
	position: relative;
	height: 155px;
	background-position: 100% 0;
	background-size: 375px auto;
	background-size: cover;
}

.top_banner.type2 {
	background-position: 0 0;
}

.top_banner .inner {
	box-sizing: border-box;
	display: flex;
	height: 100%;
	margin: 0 auto;
	padding: 24px;
	justify-content: flex-start;
	align-items: center;
}

.top_banner.type2 .inner {
	justify-content: flex-end;
}

.top_banner h2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/*font-size: 20px;
	line-height: 1.2;*/
	font-size: 18px;
    line-height: 22px;
}

.top_banner.type2 h2 {
	/*width: 120px;*/
	justify-content: center;
}
.top_banner.type2.about02 .inner {
	padding: 64px 8px 0 0 !important;
}

.top_banner.about01 {
	background-color: #fff;
	background-image: url("../images/banner/img_top_brand01.png?ver=20251112");
	background-repeat: no-repeat;
	background-position: right 0 top 0;
}

.top_banner.about02 {
	background-color: #fff;
	background-image: url("../images/banner/img_top_brand02.png?ver=20251112");
	background-repeat: no-repeat;
	background-position: left -4px top 0;
}

.top_banner.about03 {
	background-color: #fff;
	background-image: url("../images/banner/img_top_brand03.png?ver=20251112");
	background-repeat: no-repeat;
	background-position: right -110px top 0;
}

.top_banner.about04 {
	background-color: #fff;
	background-image: url("../images/banner/img_top_brand04.png?ver=20251112");
	background-repeat: no-repeat;
	background-position: right -84px top 0;
}

.top_banner.event {
	background-color: #fff;
	background-image: url("../images/banner/img_top_event.png?ver=20251112");
	background-repeat: no-repeat;
	background-position: right -90px top 0;
}

.top_banner.derma {
	background-color: #fff;
	background-image: url("../images/banner/img_top_derma.png?ver=20251112");
	background-repeat: no-repeat;
	background-position: right -80px top 0px;
}

.top_banner.beauty {
	background-color: #fff;
	background-image: url("../images/banner/img_top_beauty.webp");
	background-repeat: no-repeat;
}

/*products-slide*/
.top_banner .topVisual {
	position: relative;
	height: 155px;
}

.top_banner .topVisual .scroll {
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 60px;
	height: 80px;
	margin-left: -30px;
}

.top_banner .topVisual .scroll img {
	position: absolute;
	left: 0;
	top: 0;
}

.top_banner .topVisual .innerWrap, .top_banner .topVisual .slick-list,
	.top_banner .topVisual .slick-track {
	height: 100%;
}

.top_banner .topVisual .slide {
	position: relative;
	width: 100%;
	height: 100%;
	outline: transparent;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.top_banner .topVisual .slide .txt {
	transform: translateY(-75%);
	position: absolute;
	left: 10%;
	right: 0;
	top: 70%;
	max-width: 1580px;
	min-width: 1280px;
	margin: auto;
	padding-left: 20px;
	color: #222;
	-ms-word-break: keep-all;
	word-break: keep-all;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 250px;
}

.top_banner .topVisual h2.pageTitle {
	position: absolute;
	margin-left: 24px;
	top: 50%;
	margin-top: -12px;
	width: calc(100% - 24px);
	z-index: 1;
}

.top_banner .topVisual h2.pageTitle .pageTitle-num {
	font-size: 12px;
	margin-top: -3px;
	font-family: 'Montserrat ExtraBold';
}

.top_banner .topVisual .slick-dots {
	position: absolute;
	bottom: 30px;
}

.top_banner .topVisual .slick-dots {
	position: absolute;
	bottom: 10px;
	left: 50%;
	display: flex;
	align-items: flex-end;
	margin-left: -20px;
	justify-content: space-around;
	margin-top: 10px;
	width: 40px;
}

.top_banner .topVisual .slick-dots li {
	margin: 0 6px;
}

.top_banner .topVisual .slick-dots li.slick-active button {
	background-color: #5887da;
}

.top_banner .topVisual .slick-dots li button {
	color: #fff;
	font-size: 0;
	text-indent: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #d9d9d9;
}

.slide.product01 {
	background-image: url("../images/banner/img_top_product01.png");
	background-position: right -108px top 0 !important;
}

.slide.product02 {
	background-image: url("../images/banner/img_top_product02.png");
	background-position: right -108px top 0 !important;
}

.slide.product03 {
	background-image: url("../images/banner/img_top_product03.png");
	background-position: right -108px top 0 !important;
}

.slide.product04 {
	background-image: url("../images/banner/img_top_product04.png");
	background-position: right -108px top 0 !important;
}

.slide.product05 {
	background-image: url("../images/banner/img_top_product05.png");
	background-position: right -108px top 0px !important
}

.slide.product_clinic01 {
	background-image: url("../images/banner/img_top_product_clinic01.png");
	background-position: right -120px top 0px !important;
}

.slide.product_clinic02 {
	background-image: url("../images/banner/img_top_product_clinic02.png");
	background-position: right -120px top 0px !important;
}

.slide.product_clinic03 {
	background-image: url("../images/banner/img_top_product_clinic03.png");
	background-position: right -120px top 0 !important;
}

.slide.product_clinic04 {
	background-image: url("../images/banner/img_top_product_clinic04.png");
	background-position: right -120px top 0 !important;
}

.slide.product_clinic05 {
	background-image: url("../images/banner/img_top_product_clinic05.png");
	background-position: right -120px top 0 !important;
}

/*//products-slide*/
.slider {
	margin: 0 auto;
	height: auto;
}

.slide img {
	width: calc(100% - 15px);
	height: 300px;
}

.slick-prev:before, .slick-next:before {
	color: black;
	font-size: 30px;
}

.slick-arrow::after {
	display: inline-block;
	content: "";
	width: 40px;
	height: 40px;
	background: url("../images/common/btn_tiktok.jpg") no-repeat 0 0;
	background-size: 100% 100%;
}

.slick-prev {
	left: 0;
	background: url("../images/common/btn_tiktok.jpg") no-repeat 0 0;
	transform: rotate(-180deg)
}

.slick-prev:before {
	transform: rotate(-180deg)
}

.slick-next {
	right: 0
}

.slick-track {
	height: 300px;
}

.slick-slide-01 {
	height: 450px;
	margin: 0 20px;
}

.slick-track {
	height: 300px;
}

.slick-slide {
	margin: 0 20px;
}

.banner_img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100% !important;
	min-width: 100% !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.thumb {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
}

.slick-prev:before, .slick-next:before {
	color: black;
	font-size: 30px;
}

.slick-track {
	height: 350px
}

.slick-prev:before {
	transform: rotate(-180deg)
}

.slick-next {
	right: 0
}

.thumb {
	width: 100%;
	height: 250px;
	overflow: hidden;
}

.thumb img {
	width: 100%;
	height: 250px;
	object-fit: contain;
}

.thumb-pr {
	overflow: hidden;
}

.thumb-pr img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.thumb-pr-01 {
	width: 100%;
	/*aspect-ratio: 1 / 1;*/
	overflow: hidden;
	display: block;
	position: relative;
}

.thumb-pr-01 img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 채우되 비율에 맞게 잘림 */
	display: block;
}

.thumb-pr-01 .ratio-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.thumb-300 {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
}

.thumb-300 img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.tit {
	overflow: hidden;
	margin-top: 10px;
	font-size: 16px;
	line-height: 22px;
	font-family: 'Montserrat';
	font-weight: bold;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.height {
	height: 40px;
}

.txt {
	display: block;
	line-height: 20px;
	font-size: 12px;
	color: #aaa;
}

.slick-slide {
	box-sizing: border-box;
	transition: margin 0.15s ease, padding 0.15s ease;
} /* 부드러운 전환 */
.main .tiktokWrap .item {
	/* aspect-ratio: 9 / 16; */
	margin: 0px !important;
}

.new-margin-15 {
	margin: 0 22px;
}

.category {
	position: relative;
	margin-right: 8px;
	padding-right: 14px;
	vertical-align: baseline;
}

.category::after {
	transform: translateY(-50%);
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	width: 1px;
	height: 11px;
	background-color: #ededed;
}

.new-flex {
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
}

.top_banner.news {
	background-image: url("../images/banner/img_top_news.png?ver=20251112");
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: right -86px top 0;
}

.top_banner.event {
	background-image: url("../images/banner/img_top_event.png?ver=20251112");
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: right -90px top 0;
}

.top_banner.ask {
	background-image: url("../images/banner/img_top_ask.png?ver=20251112");
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: right -140px top 0;
}

.top_banner.store {
	background-image: url("../images/banner/img_top_store.webp?ver=20251112");
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: right -105px top 0;
}

.left-ban-text {
	width: 100% !important;
	text-align: left !important;
	justify-content: flex-start !important;
}

.right-ban-text {
	width: 100% !important;
	text-align: right !important;
	justify-content: flex-end !important;
}

.new-year {
	font-size: 18px;
	margin-bottom: 20px;
}

.new-line {
	height: 1px;
	width: 100%;
	background-color: #d9d9d9;
	margin-bottom: 20px
}

.eventView .contArea .titleArea {
	position: relative;
	margin: 20px;
}

.eventView .contArea .titleArea .category {
	margin: 30px 0 10px 0;
	color: #5887da;
	text-transform: uppercase;
	font-size: 12px;
}

.eventView .contArea .titleArea .d-day {
	position: absolute;
	left: 0;
	top: 4px;
	display: inline-block;
	width: 55px;
	height: 19px;
	background: #5f77ba;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.eventView .contArea .titleArea .title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
}

.eventView .contArea .titleArea .date {
	margin-top: 30px;
	font-size: 12px;
	color: #aaa;
	margin-bottom: 40px;
}

.eventView .contArea .titleArea .btnShare {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 18px;
	background: url("../images/common/bg_share.png") no-repeat 0 50%;
	color: #333;
	background-size: 30%;
	font-size: 12px;
}

.eventView .contArea .cont {
	font-family: 'Montserrat';
	position: relative;
	padding: 30px 20px;
	border-top: 1px solid #ebebeb;
	word-break: break-word;
	overflow-wrap: break-word;
}

.eventView .contArea .btnArea {
	position: relative;
	overflow: hidden;
	margin-top: 56px;
	text-align: right;
}

.eventView .contArea .btnArea .snsShare {
	position: absolute;
	left: 0;
	top: 0;
}

.eventView .contArea .btnArea .btn {
	width: 153px;
	margin-bottom: 25px;
	line-height: 40px;
}

.eventView .ongoingList {
	float: right;
	width: 270px;
	margin-top: 75px;
}

.eventView .ongoingList img {
	width: 100%;
}

.eventView .ongoingList .dt {
	padding-bottom: 6px;
	border-bottom: 2px solid #222;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.eventView .ongoingList .listWrap {
	overflow: hidden;
	padding-bottom: 55px;
}

.eventView .ongoingList .item {
	margin-top: 30px;
}

.eventView .ongoingList .item a {
	outline: none;
}

.eventView .ongoingList .item .tit {
	overflow: hidden;
	display: block;
	margin-top: 10px;
	color: #222;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.eventView .ongoingList .item .date {
	display: block;
	font-size: 13px;
}

.eventView .ongoingList .slick-arrow {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 132px;
	height: 28px;
	border: 1px solid #222;
	background: #fff;
	font-size: 0;
	color: transparent;
	outline: none;
}

.eventView .ongoingList .slick-arrow:before {
	position: absolute;
	left: 50%;
	top: 50%;
	content: url("../images/common/arr_down_bk.png");
	margin: -4px 0 0 -5px;
}

.eventView .ongoingList .slick-arrow.slick-prev {
	left: 0;
}

.eventView .ongoingList .slick-arrow.slick-prev:before {
	transform: rotate(180deg);
}

.eventView .ongoingList .slick-arrow.slick-next {
	right: 0;
}

/* .new-380 {height: 380px;} */
.new-brand-title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
	margin-bottom: 22px;
	line-height: 30px;
}

.new-product {
	font-size: 22px;
	margin: 30px 0;
}

.new-search {
	background-color: rgb(241, 241, 241);
	color: #5a7de5;
	border-radius: 4px;
	font-size: 12px;
	padding: 3px 5px;
	width: 60px;
	height: 20px;
	margin-right: 10px;
	line-height: 22px;
	margin-bottom: 5px;
}

.new-flex-wrap {
	display: flex;
	flex-wrap: wrap
}

.pdtListType3 {
	
}

.pdtItem {
	position: relative;
	padding: 0 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.infoWrap {
	letter-spacing: -0.03em;
}

.name {
	margin-top: 20px;
	margin-top: 15px;
	font-size: 16px;
	text-align: left;
}

.name {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.wrap_recommend {
	
}

.wrap_recommend .pdtListType3 .pdtItem .keyword {
	margin-top: 35px;
}

.pdtListType3 .pdtItem .keyword {
	border-top: none;
	padding-top: 0;
	margin-top: 15px;
	text-align: left;
}

.keyword {
	display: block;
	padding-top: 10px;
	margin-top: 10px;
	line-height: 20px;
}

.keyword li {
	display: inline-block;
	height: 16px;
	padding: 0 6px;
	margin-bottom: 3px;
	margin-right: 8px;
	line-height: 16px;
	background-color: #f2f4f7;
	vertical-align: middle;
	font-size: 12px;
	color: #5887da;
}

.area_txt {
	font-family: 'Montserrat';
	padding: 15px 10px;
	background-color: #f3f5f9;
	font-size: 13px;
	color: #000;
	text-align: center;
}
/* adviceskin */
.askList {
	margin: 0px 0 60px;
}

.askList>ul>li {
	position: relative;
	min-height: 220px;
	border-bottom: 1px solid #ededed;
}

.askList>ul>li>a {
	display: block;
	padding: 35px 140px 35px 0;
}

.askList>ul>li span {
	display: block;
}

.askList>ul>li .title {
	margin-bottom: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
}

.askList>ul>li .sub_txt {
	margin-bottom: 35px;
	font-size: 12px;
}

.askList>ul>li .period {
	font-size: 12px;
	color: #aaa;
}

.askList>ul>li span.img {
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}

.askList>ul>li span.img img {
	width: 120x;
	height: 90px;
}

.cont {
	position: relative;
	padding: 30px 20px;
	border-top: 1px solid #ebebeb;
	word-break: break-word;
	overflow-wrap: break-word;
}

.ask-layout {
	display: flex;
	margin: 30px 0;
	justify-content: space-between;
	font-family: 'Montserrat';
}

.ask-layout>div:nth-child(1) {
	display: flex;
	flex-direction: column;
	width: 60%;
}

.ask-layout>div:nth-child(2) {
	display: flex;
	flex-direction: column;
	width: 35%;
}

.ask-layout>div span:nth-child(1) {
	font-size: 18px;
	margin: 0 5px 10px 0;
	font-family: 'Montserrat bold'
}

.ask-layout>div span:nth-child(2) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.5em;
	max-height: 4.5em;
	word-break: break-word;
	overflow-wrap: break-word;
	width: 100%;
}

.ask-layout div span:nth-child(3) {
	font-size: 12px;
	color: #929292;
	margin: 30px 5px 10px 0;
}

.ask-img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.ask-divsize {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: contain;
}

.img-width {
	width: 100%;
}

/* tab menu */
.tabMenu {
	margin: 40px 0;
}

.tabMenu ul {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
}

.tabMenu li {
	position: relative;
	width: 33.33%;
}

.tabMenu.type2 li {
	position: relative;
	width: 50%;
}

.tabMenu li a {
	display: block;
	padding: 25px 0;
	font-size: 16px;
	color: #777;
}

.tabMenu li.on a {
	position: relative;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #5887da;
}

.tabMenu li.on::after {
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #5887da;
}

.tabMenu2 {
	margin-top: 40px;
}

.tabMenu2 ul {
	overflow: hidden;
	padding-bottom: 10px;
}

.tabMenu2 li {
	position: relative;
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tabMenu2 li a {
	position: relative;
	display: block;
	height: 60px;
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: 500;
	line-height: 60px;
	letter-spacing: -0.05em;
	text-align: center;
	color: #222;
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.tabMenu2 li a:after {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	height: 60px;
	background: transparent;
}

.tabMenu2 li:first-child a:after {
	right: 0;
}

.tabMenu2 li:last-child a:after {
	left: 0;
}

.tabMenu2 li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #222;
}

.tabMenu2 li:after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #222;
}

.tabMenu2 li:first-child:before {
	left: auto;
	right: 0;
}

.tabMenu2 li:last-child:after {
	right: auto;
	left: 0;
}

.tabMenu2 li.on:before {
	width: 100%;
	-webkit-transition: width 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: width 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.tabMenu2 li.on:after {
	width: 0;
}

.tabMenu2 li.off:before {
	width: 0;
}

.tabMenu2 li.off:after {
	width: 100%;
	-webkit-transition: width 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: width 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.tabMenu2 li:first-child.on a:after {
    border-left: none;
}
.tabMenu2 li.on a {
	opacity: 1;
}

.tabMenu3 ul:after {
	content: "";
	display: block;
	clear: both;
}

.tabMenu3 li {
	float: left;
}

.tabMenu3.L2 li {
	width: 50%;
}

.tabMenu3.L3 li {
	width: 33.33333%;
}

.tabMenu3.L4 li {
	width: 25%;
}

.tabMenu3 li a {
	position: relative;
	display: block;
	height: 50px;
	background: #fff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
}

.tabMenu3 li a:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #222;
	box-sizing: border-box;
}

.tabMenu3 li.on a {
	color: #222;
}

.tabMenu3 li.on a:after {
	border: 2px solid #222;
	border-bottom: none;
}

.tabMenu3 li:first-child.on a:after {
	border-left: none;
}

.tabMenu3 li:last-child.on a:after {
	border-right: none;
}

/* store */
.contents_wide.store .inner h3 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
}

.tabType2.tabMenu {
	margin-bottom: 55px;
}

.contents_wide.store .inner {
	width: 100%;
}

.contents_wide.store .box_online .inner {
	display: flex;
	border-bottom: 1px solid #ededed;
}

.contents_wide.store .box_online .inner:first-child {
	margin-top: -30px;
}

.contents_wide.store .box_online .inner:last-child {
	border-bottom: none;
}

.contents_wide.store .box_online .inner h3 {
	width: 30%;
	margin: 30px 10px;
}

.contents_wide.store .box_online .inner .list_store {
	width: 70%;
}

.contents_wide.store .box_online .inner .list_store>li {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 32px 0;
	border-bottom: 1px solid #ededed;
}

.contents_wide.store .box_online .inner .list_store>li:last-child {
	border-bottom: none;
}

.contents_wide.store .box_online .inner .list_store strong {
	display: block;
	width: 25%;
	height: 40px;
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}

/*.contents_wide.store .box_online .inner .list_platform {
	display: flex;
	justify-content: end;
	width: 75%;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-end;
	row-gap: 8px;
	margin-top: 2px;
}*/
.contents_wide.store .box_online .inner .list_platform {
	width: 75%;
}

.contents_wide.store .box_online .inner .list_platform li {
	margin-bottom: 8px;
}

.contents_wide.store .box_online .inner .list_platform li.only {
	text-align: right;
	margin-bottom: 0;
}

.contents_wide.store .box_online .inner .list_platform li.only>a {
	display: block;
	margin-left: 0;
	margin-top: 4px;
}

.contents_wide.store .box_online .inner .list_platform a {
	margin-left: 30px;
	padding-right: 13px;
	background: #fff url("../images/common/bg_arrow_link.png") no-repeat
		100% 50%;
	text-align: right;
	display: block;
	background-position: right 0 top 4px !important;
}

.contents_wide.store .box_offline {
	display: none;
}

.contents_wide.store .box_offline h3 {
	margin-bottom: 35px;
}

.contents_wide.store .box_offline .inner {
	margin-bottom: 75px;
}

.contents_wide.store .box_offline .inner:first-child {
	margin-top: 30px;
}

.contents_wide.store .box_offline .list_offstore {
	grid-template-columns: repeat(3, 1fr);
	display: grid;
	gap: 20px;
}

.contents_wide.store .box_offline .list_offstore li {
	aspect-ratio: 1/1;
	overflow: hidden;
	border: 1px solid #d9d9d9;
}

.contents_wide.store .box_offline .list_offstore img {
	transform: scale(1) rotate(.001deg);
	transform-origin: center center;
	transition-duration: 0.2s;
	object-fit: cover;
	width: 100%;
}

.contents_wide.store .box_offline .list_offstore img:hover {
	transform: scale(1.1) rotate(.001deg)
}

.contents_wide.store .box_offline .txt_guide {
	margin-top: 80px;
	font-size: 16px;
	font-family: 'Montserrat';
}

.contents_wide {
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wrap_filter .tit {
	display: block;
	padding: 0 0 25px 23px;
	font-family: 'Montserrat';
	font-weight: bold;
	background: url('../images/common/bg_filter.png') no-repeat 0 0;
	border-bottom: 1px solid #e1e1e1;
}

.dropdown {
	width: 200px;
	font-family: sans-serif;
	position: relative;
	border-bottom: 1px solid #ccc;
	z-index: 100;
	height: 40px;
}

.dropdown summary {
	list-style: none;
	cursor: pointer;
	padding: 10px 35px 10px 12px;
	background: white;
	position: relative;
	font-size: 14px;
	border-radius: 6px;
}

/* 화살표 커스텀 */
.dropdown summary::after {
	content: '';
	position: absolute;
	right: 12px;
	top: 50%;
	width: px;
	height: px;
	transform: translateY(-50%) rotate(45deg);
	border: solid black;
	border-width: 0 1.5px 1.5px 0;
	padding: 3px;
	transition: transform 0.3s;
}

/* 열린 상태일 때 화살표 회전 */
.dropdown[open] summary::after {
	transform: translateY(-50%) rotate(-135deg);
}

/* 목록 스타일 */
.dropdown ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #ccc;
	background: white;
}

.dropdown li {
	padding: 10px 12px;
	font-size: 14px;
}

.dropdown li:hover {
	background-color: #f5f5f5;
}

.dropdown input[type="radio"] {
	display: none;
}

.dropdown label {
	cursor: pointer;
}

.thumbnail {
	position: absolute;
	left: 15px;
	top: 30px;
	width: 135px;
	margin-bottom: 0;
	background: #eee;
}

.pdtFlag span {
	display: inline-block;
	width: 37px;
	height: 16px;
	margin-left: 5px;
	background-color: #5887da;
	text-align: center;
	vertical-align: middle;
	line-height: 16px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #fff;
}

.pdtFlag span:first-child {
	margin-left: 0;
}

.pdtItem .pdtFlag {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
}

.pro-img {
	width: 100%;
	margin-bottom: 0;
	background: #f3f5f9;
	overflow: hidden;
}

.pro-img img {
	width: 100%;
}

.pdtItem:hover .pro-img img {
	animation: pulseOnce 0.4s ease;
}

@
keyframes pulseOnce { 0% {
	transform: scale(1);
}

50






%
{
transform






:






scale




(






1




.05






)




;
}
100






%
{
transform






:






scale




(






1






)




;
}
}
.pro-img img.pulse {
	animation: pulseOnce 0.4s ease;
}

.pro-new-text {
	position: absolute;
	top: 5px;
	left: 7px;
}

.pro-imgbox-wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.pro-filter {
	width: 20px !important;
	height: 20px !important;
	background-size: cover;
	background: url(../images/common/bg_filter.png) no-repeat left 0 top 3px;
	margin-right: 10px;
}

.pro-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pro-flex-01 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.side-menu {
	position: fixed;
	top: 0;
	right: -100%;
	width: 300px;
	height: 100%;
	background: white;
	transition: right 0.4s ease;
	z-index: 4000;
}

.side-menu.active {
	right: 0;
}

.menu-content {
	height: 100dvh;
}

.close-btn {
	font-size: 24px;
	border: none;
	background: none;
	float: right;
	cursor: pointer;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); /* 반투명 검정 */
	display: none;
	z-index: 3500;
}

.box_filter {
	margin: 0 20px;
	padding: 22px 0;
	border-bottom: 1px solid #e1e1e1;
	font-family: 'Montserrat';
}

.box_filter .btn_toggle {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	background: url("../images/common/arr_selectbox02.png") no-repeat 100%
		50%;
}

.box_filter .btn_toggle.open {
	background: url("../images/common/arr_selectbox02_up.png") no-repeat
		100% 50%;
}

/*.box_filter .btn_toggle:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}*/

/* 슬라이드 토글 효과 */
.filter-titCon {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d9d9d9;
	height: 80px;
	width: 100%;
}

.filter-tit {
	width: 100%;
	margin: 0 20px;
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #3a3a3c;
	background: url("../images/common/btn_filter_closed.png") no-repeat
		right 0 top 0;
	background-size: 9px 9px;
}

.box_filter ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.box_filter ul.active {
	max-height: 800px;
}

.box_filter ul li {
	margin-top: 16px;
}

.box_filter ul li div {
	display: flex;
	align-items: center;
}

.box_filter ul li label {
	display: block;
	margin-left: 12px;
}

.box_filter ul li label span {
	margin-left: 8px;
}

.wrap_select {
	text-align: right;
}

body.no-scroll {
	overflow: hidden;
	height: 100%;
	touch-action: none; /* 모바일에서 손가락 스크롤도 방지 */
}

.overlay.hidden {
	display: none;
}

#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

/* 사이드 메뉴 기본 상태: 오른쪽 밖에 있음 */
#sideMenu {
	position: fixed;
	top: 0;
	right: -300px;
	width: 300px;
	height: 100dvh;
	background: white;
	z-index: 3000;
	transition: right 0.3s ease;
}

/* 열렸을 때: 오른쪽으로 들어옴 */
#sideMenu.active {
	right: 0;
}

.side-menu-header {
	position: sticky;
	top: 0;
	background: white;
	padding: 10px 20px;
	border-bottom: 1px solid #ddd;
	z-index: 10;
}

.side-menu-footer {
	position: sticky;
	bottom: 0;
	background: white;
	border-top: 1px solid #ddd;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	padding: 5px 20px;
}

.scroll-wrapper {
	height: 600px; /* 원하는 영역 높이 */
	overflow-y: auto; /* 스크롤 발생 */
	position: relative; /* sticky 기준이 됨 */
	border: 1px solid #ccc;
}

/* .content {
  height: 1000px;             /* 예시로 긴 내용 
  background: #f8f8f8;
} */
.pro-bottom-bt {
	position: sticky;
	bottom: 0;
	width: 100%;
	display: flex;
	background: white;
	z-index: 10;
}

.bottom-fixed-btn {
	flex: 1;
	height: 40px;
	font-size: 15px;
	border: none;
	margin-top: 20px;
	cursor: pointer;
}

.bottom-fixed-btn:first-child {
	background-color: #fff;
	color: #000;
}

.bottom-fixed-btn:last-child {
	background-color: rgb(43, 128, 226);
	color: #fff;
}

.end {
	transform: rotate(180deg) !important;
}

.about-aestura {
	background-color: #fff;
	position: relative;
	height: 125px;
	background-size: 375px auto;
	background-image: url(../images/banner/img_top_brand01.png);
	background-repeat: no-repeat;
	font-size: 15px;
}

.inner-text {
	box-sizing: border-box;
	display: flex;
	font-size: 15px;
	height: 100%;
	margin: 0 auto;
	padding: 24px;
	justify-content: flex-end;
	align-items: center;
}

.inner-text-title {
	font-size: 15px;
}

.filter-text-box {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 10px 10px 0;
}

.filter-text {
	border: 1px solid #ccc;
	border-radius: 20px;
	font-size: 11px;
	padding: 2px 5px;
	margin: 5px 4px;
	display: flex;
	align-items: center;
	color: #797979;
	font-family: 'Montserrat';
}

.filter-text-remove {
	font-size: 11px;
	padding: 3px 5px 0 0;
	margin: 5px 4px;
	color: #797979;
	line-height: 19px;
}

.filter-text>span {
	/*background: url(../images/common/ico_close2.png);*/
	background-size: 100%;
	width: 5px;
	height: 5px;
	margin-right: 3px;
	margin-left: 4px;
	margin-bottom: 9px;
}

.findStore .chatbot_contents {
	padding: 80px 0 0 0;
}

.findStore .chatbot_box {
	max-width: 1020px;
	margin: 0 auto;
}

.findStore .chatbot_box>.title {
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

.findStore .chatbot_box .title em {
	display: inline-block;
	padding-left: 6px;
	font-size: 38px;
	vertical-align: middle;
}

.findStore .chatbot_box .title img {
	padding-top: 4px;
}

.findStore .chatbot_box .chat_admin {
	padding: 40px 0;
	border-top: 1px solid #d9d9d9;
}

.findStore .chatbot_box .chat_admin:first-child {
	border-top: none;
}

.findStore .chatbot_box .chat_admin .avatar {
	margin-bottom: 10px;
	color: #5887da;
}

.findStore .chatbot_box .chat_admin .text_box {
	position: relative;
	box-sizing: border-box;
}

.findStore .chatbot_box .chat_admin .text_box .description {
	margin-bottom: 45px;
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: 500;
}

.findStore .chatbot_box .chat_admin .text_box .notice {
	display: block;
	padding-top: 15px;
	font-family: 'Montserrat';
	font-size: 14px;
}

.findStore .chatbot_box .chat_admin .text_box .description .distance {
	font-weight: bold;
}

.findStore .chatbot_box .chat_admin .text_box .selected_box {
	flex-wrap: wrap;
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.findStore .chatbot_box .chat_admin .text_box .selected_box>li {
	width: 100%
}

.findStore .chatbot_box .chat_admin .text_box .selected_box>li {
	height: 40px;
	line-height: 40px;
}

.findStore .chatbot_box .chat_admin .text_box .selected_box.col4>li {
	width: 100%
}

.findStore .chatbot_box .chat_admin .text_box .selected_box li>input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.findStore .chatbot_box .chat_admin .text_box .selected_box li>label {
	display: block;
	background-color: #fff;
	text-align: center;
	font-family: 'Montserrat';
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 20px;
	overflow: hidden;
	color: #5887da;
	border: 1px solid #5887da;
}

.findStore .chatbot_box .chat_admin .text_box .selected_box li>input:checked+label
	{
	background: #5887da;
	color: #fff;
}

.findStore .chatbot_box .chat_admin .text_box .box_map {
	position: relative;
}

.findStore .chatbot_box .chat_admin .text_box .box_map .map {
	min-height: 360px;
	overflow: hidden;
	background-color: #e1e1e1;
}

.findStore .chatbot_box .chat_admin .text_box .box_map .search_btn {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 80px;
	height: 40px;
	color: #fff;
	background-color: #5887da;
}

.findStore .chatbot_box .chat_admin .text_box .box_map .search_btn .ico_search
	{
	margin-left: 12px;
}

.findStore .chatbot_box .chat_user .text_box {
	position: relative;
	max-width: 570px;
	margin-top: 70px;
	margin-right: 20px;
	padding: 20px 30px;
	background: #6e7ebc;
	border-radius: 10px;
	box-sizing: border-box;
}

.findStore .chatbot_box .chat_user .text_box:after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 43px;
	height: 22px;
	background: url('../images/contact/border_right.png') no-repeat center
		top;
	background-size: contain;
}

.findStore .chatbot_box .chat_user .text_box .description {
	font-size: 22px;
	color: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
}

.findStore .chatbot_box .chat_user {
	display: flex;
	justify-content: right;
}

.findStore .chatbot_box .chat_admin.map_search {
	justify-content: center;
	border-top: none;
}

.findStore .chatbot_box .chat_admin.map_search .search_desc {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
	font-family: 'Montserrat';
}

.findStore .chatbot_box .chat_admin.map_search .tit {
	display: block;
	font-size: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-bottom: 50px;
	text-align: center;
	line-height: 50px;
}

.findStore .chatbot_box .chat_admin.map_search .tit .txt_num {
	font-size: 16px;
}

.findStore .chatbot_box .chat_admin.map_search .search_list ul>li {
	display: flex;
	position: relative;
	padding-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
	height: 67px;
}

.findStore .chatbot_box .chat_admin.map_search .search_list ul>li:not(:first-of-type)
	{
	margin-top: 20px;
}

.findStore .chatbot_box .chat_admin.map_search .search_list {
	margin-top: 38px;
}

.findStore .chatbot_box .chat_admin.map_search .search_list .info {
	position: relative;
	margin-left: 10px;
	width: 100%;
	padding-right: 50px;
	display: flex;
	flex-flow: wrap;
	box-sizing: border-box;
	font-family: 'Montserrat';
}

.findStore .chatbot_box .chat_admin.map_search .search_list .info .name
	{
	font-size: 16px;
	font-weight: 600;
	color: #000;
	width: 100%;
}

.findStore .chatbot_box .chat_admin.map_search .search_list .info .address
	{
	font-size: 14px;
	color: #777;
	padding-top: 10px;
	width: 100%;
	display: block;
}

.findStore .chatbot_box .chat_admin.map_search .search_list .info .distance
	{
	position: relative;
	margin-right: 11px;
	padding-right: 13px;
}

.findStore .chatbot_box .chat_admin.map_search .search_list .info .distance::after
	{
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	display: block;
	width: 1px;
	height: 17px;
	background-color: #d9d9d9;
}

.findStore .chatbot_box .chat_admin.map_search .search_list .info .direction
	{
	position: absolute;
	top: 0;
	right: 0;
}

.findStore .chatbot_box .chat_admin.map_search .search_list .info .direction i
	{
	vertical-align: baseline;
}

.findStore .chatbot_box .chat_admin.map_search .ico_number {
	position: relative;
	min-width: 30px;
	width: 30px;
	height: 38px;
	color: #000;
	text-align: center;
	margin-top: 14px;
}

.findStore .chatbot_box .chat_admin.map_search .pagination {
	margin-top: 60px;
}

.findStore .chatbot_box .chat_admin .box_map+.selected_box {
	display: block;
	margin-top: 40px;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap ol {
	display: flex;
	align-items: center;
	line-height: 1;
	margin-left: 15px;
	border: 1px solid #5887da;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap ol li label
	{
	height: 100%;
	padding: 10px;
	background: #fff;
	color: #5887da;
	border: none;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap ol li:not(:first-child)
	{
	border-left: 1px solid #5887da;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap ol li input:checked+label
	{
	background: #5887da;
	color: #fff;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap ol li:not(:first-of-type)
	{
	margin: 0;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap .desc {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #000;
	font-size: 18px;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap .desc span
	{
	display: inline-block;
	font-family: 'Montserrat';
	font-size: 15px;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap .box_distance
	{
	display: flex;
	align-items: center;
	font-family: 'Montserrat';
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap .box_distance .C06
	{
	margin-left: 10px;
}

.findStore .chatbot_box .chat_admin .vendor_input {
	position: relative;
}

.findStore .chatbot_box .chat_admin .vendor_input input {
	display: block;
	width: 100%;
	border: 1px solid #d9d9d9;
	height: 40px;
	font-size: 14px;
	color: #000;
	padding: 0 72px 0 20px;
	box-sizing: border-box;
}

.findStore .chatbot_box .chat_admin .vendor_input .search_btn {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	background: #5887da;
}

.ico_search {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('../images/common/bg_search_w.png') no-repeat 100% 50%;
	vertical-align: middle;
}

.C06 {
	color: #5887da;
	margin-left: 0 !important;
}

.ico_arrow {
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(../images/common/bg_arrow_link.png) no-repeat 100% 50%;
	vertical-align: middle;
}

.box_distance>p {
	width: 80px;
}

.pdtVisual {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	max-width: 1580px;
	min-width: 1280px;
	margin: 0 auto 120px;
	padding: 0 20px;
}

.pdtInfo {
	font-family: 'Montserrat';
	box-sizing: border-box;
	z-index: 1000;
	margin: 40px 0;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pdtName {
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 32px;
	color: #333;
}

.pdtInfo .intro {
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #333;
}

sup {
	vertical-align: super;
	font-family: inherit;
	font-size: 0.5em;
	line-height: 1;
}

.pdtInfo .desc {
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
}

.btn.style5 a, .btn.style5 button {
	border: 1px solid #5887da;
	background: #5887da;
	color: #fff;
	font-family: 'Montserrat';
}

.btn.style5 a:hover, .btn.style5 button:hover {
	border: 1px solid #5887da;
	background: #fff;
	color: #5887da;
}

.pdtInfo .quantity {
	margin-top: 35px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #222;
}

.pdtInfo .btnWrap {
	margin-top: 40px;
}

.pdtInfo .quantity {
	margin-top: 35px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #222;
}

.pdtInfo .btnWrap {
	margin-top: 40px;
}

.pdtInfo .toggleBox {
	margin-top: 45px;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #d9d9d9;
}

.pdtInfo .toggleBox>a {
	position: relative;
	display: block;
	padding: 25px 0;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #3a3a3c;
}

.pdtInfo .toggleBox>a::after {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-color: transparent #3f3f3f #3f3f3f transparent;
	border-width: 0 1px 1px 0;
}

.pdtInfo .toggleBox.open>a::after {
	transform: rotate(225deg);
}

.pdtInfo .toggleBox .txtBox {
	display: none;
	padding-bottom: 25px;
}

.pdtInfo .toggleBox.open .txtBox {
	display: block;
	word-break:keep-all;
	overflow-wrap: break-word;
}

/* 기본 토글 버튼 스타일 */
.toggleBox .btn_toggle {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	cursor: pointer;
	font-weight: bold;
}

/* 화살표 표시 */
.toggleBox .btn_toggle::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg) translateY(-50%);
	transition: transform 0.2s ease;
}

/* 열렸을 때 회전된 화살표 */
.toggleBox.open .btn_toggle::after {
	transform: rotate(225deg) translateY(-50%);
}

/* 숨겨진 내용 */
.toggleBox .txtBox {
	display: none;
	padding: 10px 0 25px;
	font-size: 14px;
	color: #444;
}

/* 열렸을 때 내용 표시 */
.toggleBox.open .txtBox {
	display: block;
}

.pdtInfo .keyword {
	margin-top: 20px;
}

.pdtInfo .keyword {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 10px;
}

.pdtInfo .toggleBox .txtBox {
	display: none;
	padding-bottom: 25px;
}

.pdtInfo .keyword {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 10px;
}

.pdtInfo .keyword li {
	height: 32px;
	margin: 0 0 3px 0;
	padding: 0 10px;
	line-height: 32px;
	vertical-align: middle;
	color: #5887da;
	background-color: #f2f4f7;
}

.wrapFaq {
	margin: 0 auto;
	font-family: 'Montserrat';
}

.wrapFaq dl {
	margin: 0 20px;
	border-bottom: 1px solid #d9d9d9;
}

.wrapFaq dl:first-child {
	border-top: 1px solid #d9d9d9;
}

.wrapFaq dl dt {
	position: relative;
}

.wrapFaq dl dt a {
	display: block;
	padding: 20px 30px 20px 30px;
	font-size: 14px;
	color: #333;
}

.wrapFaq_q {
	font-family: 'Montserrat';
	font-weight: bold;
}

.wrapFaq dl dd {
	position: relative;
	padding: 10px 30px 35px 30px;
	font-size: 14px;
	color: #5887da;
}

.wrapFaq dl dt::after {
	content: 'Q.';
	position: absolute;
	left: 0px;
	top: 22px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.wrapFaq dl dd::after {
	content: 'A.';
	position: absolute;
	left: 0px;
	top: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.wrapFaq dl dt a::after {
	position: absolute;
	right: 4px;
	top: 22px;
	transform: rotate(45deg);
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-color: transparent #3f3f3f #3f3f3f transparent;
	border-width: 0 1px 1px 0;
}

.wrapFaq dl dd {
	display: none;
}

.wrapFaq dl.open dt a::after {
	transform: rotate(225deg);
}

.wrapFaq dl.open dd {
	display: block;
}

.faq-h3 {
	margin: 60px auto 60px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 36px;
}

.pdtView h3 {
	margin: 60px auto 30px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 36px;
}

.pdtView .wrapREview {
	margin: 0 auto;
}

.pdtView .wrapREview .reviewTotal {
	width: calc(100% - 80px);
	margin: 0 auto;
	padding: 23px 23px 18px;
	background-color: #f7f7f7;
	border-radius: 15px;
}

.pdtView .wrapREview .reviewTotal .rating {
	display: inline-block;
	vertical-align: text-bottom;
}

.pdtView .wrapREview .reviewTotal .ratingNum {
	margin-left: 5px;
	font-size: 20px;
	color: #e06e34;
	vertical-align: middle;
}

.pdtView .wrapREview .reviewTotal .totalCount {
	margin-top: 5px;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #000;
}

.pdtView .wrapREview .postingList {
	margin-top: 25px;
}

.pdtView .wrapREview .postingList .slick-list {
	width: 100%; /* calc 제거 */
	max-width: 1200px; /* 또는 원하는 값 */
	margin: 0 auto;
}

.pdtView .wrapREview .postingList .item {
	font-family: 'Montserrat';
	padding: 25px 20px;
	background-color: #f7f7f7;
	border-radius: 15px;
	/*height: 300px;*/
	height: auto;
}

.pdtView .wrapREview .postingList .item .box_rating {
	position: relative;
}

.pdtView .wrapREview .postingList .item .box_rating .rating {
	display: inline-block;
	vertical-align: text-bottom;
}

.pdtView .wrapREview .postingList .item .box_rating .ratingNum {
	margin-left: 5px;
	font-size: 20px;
	color: #e06e34;
	vertical-align: middle;
}

.pdtView .wrapREview .postingList .item .box_rating .ico_naver {
	position: absolute;
	right: 0;
	top: 3px;
}

.pdtView .wrapREview .postingList .item .user {
	margin-top: 10px;
}

.pdtView .wrapREview .postingList .item .option {
	margin-top: 15px;
	color: #a9a9a9;
}

.pdtView .wrapREview .postingList .item .user .id {
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 16px;
	color: #000;
}

.pdtView .wrapREview .postingList .item .user .date {
	display: inline-block;
	margin-left: 15px;
	color: #a9a9a9;
}

.pdtView .wrapREview .postingList .item .box_review {
	display: flex;
	gap: 0 30px;
	justify-content: space-between;
	margin-top: 15px;
}

.pdtView .wrapREview .postingList .item .box_review.open {
	display: flex;
	flex-direction: column;
}

.pdtView .wrapREview .postingList .item .box_review .reviewTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
	color: #333;
	width: 90%;
}

.pdtView .wrapREview .postingList .item .box_review.open .reviewTxt {
	-webkit-line-clamp: unset;
	height: auto;
	min-height: 80px;
	overflow-y: auto;
	width: calc(100% - 10px);
	padding-right: 10px;
	margin-bottom: 18px;
}

.pdtView .wrapREview .slick-track {
	height: auto;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg {
	cursor: pointer;
	justify-content: flex-end;
	position: relative;
	display: flex;
	width: 80px;
	height: 80px;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg.type2 {
	min-width: 108px;
}

.wrapREview .slick-active  .reviewImg.type2 {
	margin-left: 10px;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg.type2 .imgAmt
	{
	z-index: 9;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 26px;
	color: #fff;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg.type2 .img {
	z-index: 3;
	position: absolute;
	right: 0;
	width: 80px;
	height: 80px;
	border-radius: 12px;
	border: 2px solid rgb(243, 243, 243);
	display: block;
}
.pdtView .wrapREview .postingList .item .box_review.open .reviewImg .img {
	display:block;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg.type2 .img:nth-child(1)::after
	{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 12px;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg.type2 .img:nth-child(2)
	{
	z-index: 2;
	right: 18px;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg.type2 .img:nth-child(3)
	{
	z-index: 1;
	right: 36px;
}
.pdtView .wrapREview .postingList .item .box_review .reviewImg a {
	display: block;
}
.pdtView .wrapREview .postingList .item .box_review .reviewImg a > .img {
	position: relative;
	display:block;
	width: 80px;
	height: 80px;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg .img img
	{
	width: 100%;
	height: 100%;
	border-radius: 12px;
}

.pdtView .wrapREview .postingList .item .btnToggle {
	display: inline-block;
	margin-top: 20px;
	color: #a9a9a9;
}

.customNav {
	display: flex;
	justify-content: space-between;
	width: 100px;
	margin: 20px auto;
}

.btn-prev, .btn-next {
	width: 38px;
	height: 39px;
	cursor: pointer;
	transition: background 0.2s;
}

.btn-prev {
	background: url(../images/common/btn_review_prev.png) no-repeat 0 0;
}

.btn-next {
	background: url(../images/common/btn_review_next.png) no-repeat 0 0;
}

/* beauty inside */
.beautyInside {
	margin: 80px 0 55px;
}

.beautyInside li {
	align-items: center;
	margin-top: 45px;
}

/* 16:9 비율 유지하는 박스 */
.ytArea {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 비율 (9 / 16 = 0.5625) */
	overflow: hidden;
}

/* 내부 요소는 이 비율 박스를 덮음 */
.ytArea .playerArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 썸네일 공통 설정 */
.ytArea .playerArea .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	color: transparent;
}

/* 썸네일 이미지 */
.ytArea .playerArea .cover.play {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 2;
	transition: transform 0.2s ease;
}

/* hover 시 확대 효과 */
.ytArea .playerArea .cover.play:hover {
	transform: scale(1.1);
}

/* 중앙에 재생 아이콘 위치 */
.ytArea .playerArea .cover.play:after {
	content: url("../images/common/ico_play02.png");
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 정지 버튼 기본 숨김 */
.ytArea .playerArea .cover.stop {
	display: none;
	background: url("../images/common/blank.gif");
	z-index: 2;
}

/* 유튜브 플레이어 iframe 들어오는 자리 */
.ytArea .playerArea .player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.beautyInside .currentVideo .ytArea .playerArea .cover.play:hover {
	transform: scale(1.1) rotate(.001deg);
}

.beautyInside .currentVideo .ytArea .playerArea .cover.play:after {
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	content: url("../images/common/ico_play02.png");
}

.beautyInside .currentVideo .ytArea .playerArea .cover.stop {
	background: url("../images/common/blank.gif");
	display: none;
}

.beautyInside .currentVideo .info {
	margin: 0 10px;
	font-family: 'Montserrat';
}

.beautyInside .currentVideo .info .tit {
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.beautyInside .currentVideo .info .desc {
	font-size: 13px;
}

.tit-derma {
	overflow: hidden;
	height: 40px;
	margin-top: 20px;
	font-size: 18px;
	line-height: 22px;
	font-family: 'Montserrat';
	font-weight: bold;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

/* sitemap */
.sitemapWrap .titleArea {
	margin: 30px 0 65px;
}

.sitemapWrap .titleArea .title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 44px;
}

.sitemapWrap .mapInner {
	margin-bottom: 60px;
	font-family: 'Montserrat';
}

.sitemapWrap .mapInner [class*='title'] {
	display: block;
}

.sitemapWrap .mapInner .title2 {
	font-size: 24px;
}

.sitemapWrap .mapInner .title3 {
	margin-bottom: 25px;
	font-size: 18px;
}

.sitemapWrap .mapInner .title4 {
	margin-bottom: 15px;
	font-size: 16px;
}

.sitemapWrap .mapInner .title2 {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d9d9d9;
}

.sitemapWrap .mapInner ul li {
	font-size: 16px;
	margin-top: 17px;
}

.sitemapWrap .mapInner .wrapDepth1 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.sitemapWrap .mapInner .wrapDepth1>div {
	width: 100%;
	margin-bottom: 30px;
}

.sitemapWrap .mapInner .wrapDepth2 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.sitemapWrap .mapInner .wrapDepth2>div {
	width: 100%;
	margin-bottom: 30px;
}

.pdtListType3 .listWrap {
	margin: 0;
	text-align: center;
}

.productList .pdtListType3 .listWrap>ul>li.animated {
	opacity: 1;
	transform: translateY(0);
}

.pdtItem .linkArea {
	position: relative;
	display: block;
}

.pdtItem .innerWrap  img {
	transform: scale(1);
	transition: transform 0.5s ease;
}

.pdtItem  img {
	width: 100%;
	font-size: 0;
	object-fit: cover;
	object-position: center center;
	aspect-ratio: 1/1;
	a: link, a:visited{
  text-decoration: none;
}

}
/* 제품리스트 */
.footer {
	margin-top: 0;
	font-family: 'Montserrat';
}

.selectbox.type2 {
	width: 240px;
	border: none;
}

.selectbox.type2:hover {
	border: none;
}

.selectbox.type2 .title {
	width: 93px;
	padding-right: 23px;
	background: #fff url("../images/common/arr_selectbox02.png") 100% 50%
		no-repeat;
}

.selectbox.type2.open .title {
	background: #fff url("../images/common/arr_selectbox02_up.png") 100% 50%
		no-repeat;
}

.selectbox.type2 .selList {
	overflow-y: hidden;
	top: 40px;
	border: none;
	box-shadow: 0px 4px 10px 0px rgb(206, 206, 205, 0.8);
	text-align: left;
}

.wrap_product {
	display: flex;
	justify-content: space-between;
	margin: 100px auto 150px;
}

.wrap_product .wrap_filter {
	width: 250px;
}

.wrap_product .wrap_prdlist {
	max-width: calc(100% - 270px);
}

.pdtListType3>ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pdtListType3>ul>li {
	width: calc(33.15% - 10px);
	padding: 0;
	text-align: center;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s ease, transform 0.5s ease;
}

.pdtListType3>ul>li.animated {
	flex-direction: column;
	animation-delay: 75ms;
	opacity: 1;
	display: flex;
	position: relative;
	width: 49%;
	transform: translateY(0);
}

.pdtListType3>ul>li .pdtItem {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.pr-height {
	height: 170px;
}

@
keyframes slideIn {from { transform:translateY(20px);
	opacity: 0.01;
}

to {
	transform: translateY(0);
	opacity: 1;
}

}
@
keyframes animateMenuOpen { 0% {
	opacity: 0;
	transform: translateY(-15px);
}

100






%
{
opacity






:






1




;
transform






:






translateY




(






0






)




;
}
}
.pdtItem .infoWrap {
	letter-spacing: -0.03em;
	width: 100%;
}

.pdtListType3 .pdtItem .keyword {
	border-top: none;
	padding-top: 0;
	margin-top: 15px;
	text-align: left;
	height: 43px;
	overflow-y: hidden;
}

.pdtListType3 .pdtItem .keyword li {
	font-family: 'Montserrat';
	display: inline-block;
	height: 16px;
	padding: 0 6px;
	margin-bottom: 3px;
	margin-right: 8px;
	line-height: 16px;
	background-color: #f2f4f7;
	vertical-align: middle;
	font-size: 10px;
	color: #5887da;
}

.pr-innerWrap {
	width: 150px;
}

.pr-linkArea {
	position: relative;
	display: block;
	width: 100%;
}

.end-text {
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	padding: 0 10px;
	background: #767676;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
}

.ask-text-line {
	margin-bottom: 35px;
	font-size: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 800px;
	word-break: break-word;
}

.thumb-pr-01 .slick-slide {
	margin: 0 !important;
}

.porduct-line {
	display: flex;
	width: 100%;
	height: 2px;
}

.porduct-line-blue {
	background-color: #5887da !important;
	transition: background-color 0.3s ease-in-out;
	height: 2px;
	width: 30%;
}

.porduct-line-gray {
	background-color: rgb(199, 199, 199);
	transition: background-color 0.3s ease-in-out;
	height: 2px;
	width: 70%;
}

.porduct-line-gray.active {
	background-color: #5887da;
	height: 2px;
	width: 70%;
}

.insta_post {
	overflow: hidden;
	/*display: none;*/
}

.insta_post ul {
	overflow: hidden;
	height: 384px;
}

.insta_post li {
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 384px;
	margin: 0 0 9px 0px;
	opacity: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.insta_post li:nth-of-type(3n-2) {
	clear: both;
	margin-left: 0;
}

.insta_post li.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.insta_post li a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.insta_post li a .innerWrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

.insta_post li a .innerWrap .ico {
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 1;
	display: block;
	width: 25px;
	height: 26px;
	background: url("../images/experience/ico_insta_off.png") no-repeat;
	font-size: 0;
	color: transparent;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.insta_post li a .innerWrap .info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 40px 20px;
	opacity: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.insta_post li a .innerWrap .info .txt {
	overflow: hidden;
	display: block;
	width: 100%;
	max-height: 240px;
	line-height: 24px;
	font-family: 'Montserrat';
	color: #fff;
	-ms-word-break: break-all;
	word-break: break-all;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	font-size: 16px;
}

.insta_post li a .innerWrap .info .txt:after {
	position: absolute;
	left: 20px;
	top: 290px;
	content: "...더 보기>";
	display: block;
}

.insta_post li a .innerWrap .info .date {
	position: absolute;
	left: 50px;
	bottom: 25px;
	font-size: 13px;
	color: #fff;
}

.insta_post li a .innerWrap .info .count {
	position: absolute;
	right: 20px;
	bottom: 25px;
	font-size: 13px;
	color: #fff;
}

.insta_post li a .innerWrap .info .count span {
	margin-left: 7px;
}

.insta_post li a:hover .innerWrap .ico {
	background-image: url("../images/experience/ico_insta_on.png");
}

.insta_post li a:hover .innerWrap .info {
	background: rgba(0, 0, 0, 0.4);
	opacity: 1;
}

pre {
	white-space: pre-wrap; /* 줄바꿈 허용 */
	word-break: break-word; /* 긴 단어 줄바꿈 */
	font-family: 'Montserrat', "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol", "Noto Color Emoji", monospace;
}

.btn.sizeS a, .btn.sizeS button {
	height: 30px;
	line-height: 27px;
	font-size: 14px;
	font-family: 'Montserrat';
}

.btn.style1 a, .btn.style1 button {
	border: 1px solid #5f77ba;
	background: #ffffff;
	color: #5f77ba;
	font-family: 'Montserrat';
}

.btn.style1 a:hover, .btn.style1 button:hover {
	border: 1px solid #5887da;
	background: #5887da;
	color: #fff;
	font-family: 'Montserrat';
}

.btn.style2 a, .btn.style2 button {
	border: 1px solid #5887da;
	background: #5887da;
	color: #fff;
	font-family: 'Montserrat';
}

.btn.style2 a:hover, .btn.style2 button:hover {
	border: 1px solid #5f77ba;
	background: #ffffff;
	color: #5f77ba;
	font-family: 'Montserrat';
}

/*pop-up*/
.layerPopupArea#review_view {
	background: rgba(0, 0, 0, 0.7);
}

.layerPopupArea#review_view .layerPopup {
	background: transparent;
	box-shadow: none;
	margin-top: 100px;
}

.layerPopup.floating {
	position: absolute;
	left: 50%;
	top: 50%;
	v
}

.layerPopupArea {
	overflow-x: auto;
	overflow-y: scroll;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.layerPopup .layerBody {
	position: relative;
	word-break: keep-all;
}

.layerPopupArea#review_view .layerPopup .layerBody .layerCont {
	height: 100%;
}

.layerPopupArea#review_view .boxReview .item {
	text-align: center;
	margin-top: 40px;
}

.layerPopup .layerCont img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

.layerPopup .layerClose {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}

.layerPopupArea#review_view .layerClose {
	right: 0px;
	top: 0px;
	width: 23px;
	height: 23px;
	border: 1px solid #e2e2e2;
	border-radius: 50%;
	text-align: center;
	line-height: 23px;
}
.layerPopupArea#review_view .layerClose img {
	top: 50%;
    display: block;
    position: absolute;
    margin-top: -5px;
    left: 50%;
    margin-left: -6px;
    width: 11px;
    height: 11px;
}

.layerPopupArea#review_view .boxReview .slick-arrow {
	position: absolute;
	display: inline-block;
	z-index: 5;
	width: 40px;
	height: 40px;
	background-color: transparent;
	font-size: 0;
}

.layerPopupArea#review_view .boxReview .slick-arrow.slick-next {
	transform: translateY(-50%);
	right: -45px;
	top: 50%;
}

.layerPopupArea#review_view .boxReview .slick-arrow:after {
	content: "";
}

.layerPopupArea#review_view .boxReview .slick-arrow.slick-next:after {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-style: solid;
	border-color: transparent #808080 #808080 transparent;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.layerPopupArea#review_view .boxReview .slick-arrow.slick-prev {
	transform: translateY(-50%);
	left: -15px;
	top: 50%;
	background-image: none;
}

.layerPopupArea#review_view .boxReview .slick-arrow.slick-prev:after {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-style: solid;
	border-color: transparent #808080 #808080 transparent;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	background: transparent;
}

.layerPopupArea#review_view .boxReview .slick-arrow.slick-next {
	transform: translateY(-50%);
	right: -15px;
	top: 50%;
}

.layerPopupArea#review_view .boxReview .slick-arrow.slick-next:after {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-style: solid;
	border-color: transparent #808080 #808080 transparent;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: transparent;
}

.tiktokWrap.new-flex.pro-slide>.slick-list {
	width: 100%;
}
/*250901-수정*/
.main .tiktokWrap.ask-view {
	height: 450px;
	overflow: hidden;
}

.main .tiktokWrap.ask-view .slick-prev, .main .tiktokWrap.ask-view .slick-next
	{
	top: 130px;
}

.main .tiktokWrap.ask-view .slick-dots {
	position: absolute;
	bottom: -31px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	margin-left: 0;
}

.newsList {
	margin-left: -2px;
	width: calc(100% - 3px) !important;
	height: 350px !important;
	overflow: hidden;
}

.main .tiktokWrap.newsList .slick-arrow {
	top: 111px;
}

.main .tiktokWrap.newsList .slick-dots {
	margin-left: 0;
}

.layerPopup .layerGround #layer_alert_msg.msg {
	margin-top: 10px;
	margin-bottom: 20px !important;
	font-family: 'Montserrat';
}

.main .tiktokWrap .item ul.tiktokCon.instaCon .slick-dots {
	margin-left: 0 !important;
}

.dermaAsk .list .slick-track {
	height: auto !important;
}

.main .dermaAsk .list .item li a {
	height: 60px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main .dermaAsk .list .item li a span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.main .dermaAsk .list .item li a span>em {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	word-break: break-word;
	line-height: 20px;
	font-family: 'Montserrat';
}

.pdt_frame.in_sec {
	margin-bottom: 30px;
	font-family: 'Montserrat';
}
.text_section1 strong {
	line-height: 24px !important;
	font-weight: 600 !important;
}
.about_area {
	font-family: 'Montserrat';
}