@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 */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Montserrat", Malgun Gothic, "맑은고딕", dotum, "돋움",
		sans-serif, Arial;
	-ms-word-break: keep-all;
	word-break: keep-all;
	font-weight: normal;
	font-size: 14px;
	color: #222;
}

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

ol, ul, li {
	list-style: none;
}

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

th {
	font-weight: normal;
}

form, fieldset, iframe {
	display: block;
	border: 0;
}

img, button {
	border: none;
	vertical-align: middle;
}

hr {
	height: 0;
	display: none;
}

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

label, button {
	cursor: pointer;
}

blockquote, q {
	quotes: none;
}

caption, .hide {
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 0 !important;
	text-indent: -9999em !important;
}

legend {
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-indent: -100%;
	white-space: nowrap;
	z-index: -1;
}

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

a {
	color: #222;
	text-decoration: none;
}

a:link, a:visited {
	text-decoration: none;
}

button {
	display: inline-block;
	background: none;
	border: none;
}

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

::-webkit-input-placeholder {
	color: #888;
}

::-moz-selection {
	background: #5f77ba;
	color: #fff;
	text-shadow: none;
}

::-webkit-selection {
	background: #5f77ba;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #5f77ba;
	color: #fff;
	text-shadow: none;
}

/* skip navi */
.skipNavi {
	position: relative;
	z-index: 1000;
}

.skipNavi li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.skipNavi li a {
	display: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 1em;
}

.skipNavi li a:focus, .skipNavi li a:active {
	width: 100%;
	height: auto;
	padding: 7px 0;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background: #000;
	border: 1px solid #daab29;
}

/**
motion
**/
.fadeEffect {
	opacity: 0;
	transform: translateY(-50px);
	transition: all 0.6s ease;
}

.fadeEffect.fade-in {
	opacity: 1;
	transform: translateY(0);
}
/**
layout
**/
html, body {
	width: 100%;
	height: 100%;
}

#wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#wrapper.offerON {
	overflow: hidden;
	position: fixed;
	left: 0;
}

#wrapper.ovh {
	overflow: hidden;
}

#wrap {
	position: relative;
	z-index: 1;
	background: #fff;
}

#container {
	position: relative;
	-z-index: 12;
	padding-top: 151px;
}

.contents_wide {
	box-sizing: border-box;
	position: relative;
	min-width: 1280px;
	max-width: 1580px;
	margin: 0 auto;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.contents_wide .contents {
	padding: 0;
}

.contents {
	position: relative;
	width: 1020px;
	margin: 70px auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.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: -75px 0 0 -75px;
	background: #fff url("../images/common/loading.gif") no-repeat 50% 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

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

.clear {
	clear: both;
}

.fl_l {
	float: left;
}

.fl_r {
	float: right;
}

.colorBK {
	color: #222;
}

.colorGR {
	color: #888;
}

.colorGR2 {
	color: #666;
}

.colorWH {
	color: #fff;
}

.colorBL {
	color: #5f77ba;
}

.colorRD {
	color: #ff3f3c;
}

.C01 {
	color: #0b658a;
}

.C02 {
	color: #7e3587;
}

.C03 {
	color: #9a1d3c;
}

.C04 {
	color: #6077bd;
}

.C05 {
	color: #888;
}

.C06 {
	color: #5887da;
}

.required {
	color: #ff3f3c;
}

.ico_search {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('../images/common/bg_search_w.png') no-repeat 100% 50%;
	vertical-align: middle;
}

.ico_arrow {
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url('../images/common/bg_arrow_link.png') no-repeat 100% 50%;
	vertical-align: middle;
}

.ico_naver {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('../images/common/ico_naver.png') no-repeat 100% 50%;
	vertical-align: middle;
}

/* 제품 라인별 컬러 */
.PC0101 {
	color: #0b658a;
}

/* ATOBARRIER */
.PC0102 {
	color: #9a1d3c;
}

/* THERACNE */
.PC0103 {
	color: #7e3587;
}

/* REGEDERM RX */
.PC0104 {
	color: #6077bd;
}

/* MD */
.PC0105 {
	color: #888;
}

/* 화이트 736 */
.PC0106 {
	color: #754200;
}

/* TRICHONE */
.PC0202 {
	color: #0b658a;
}

/* ATOBARRIER365 */
.PC0201 {
	color: #0b658a;
}

/* THERACNE365 */
.PC0202 {
	color: #9a1d3c;
}

/* REGEDERM365 */
.PC0203 {
	color: #7e3587;
}

/* ACICA */
.PC0204 {
	color: #005438;
}

/* DERMA UV */
.PC0206 {
	color: #fa8866;
}

/* DERMA UV PRO */
.PC0113 {
	color: #222;
}

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

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

.mgt5 {
	margin-top: 5px;
}

.mgt10 {
	margin-top: 10px;
}

.mgt15 {
	margin-top: 15px;
}

.mgt20 {
	margin-top: 20px;
}

.mgt30 {
	margin-top: 30px;
}

.mgt50 {
	margin-top: 50px;
}

.mgb5 {
	margin-bottom: 5px;
}

.mgb10 {
	margin-bottom: 10px;
}

.mgb15 {
	margin-bottom: 15px;
}

.mgb20 {
	margin-bottom: 20px;
}

.mgb30 {
	margin-bottom: 30px;
}

.mgl5 {
	margin-left: 5px;
}

.mgl10 {
	margin-left: 10px;
}

.mgl15 {
	margin-left: 15px;
}

.mgl20 {
	margin-left: 20px;
}

.mgl30 {
	margin-left: 30px;
}

.mgr5 {
	margin-right: 5px;
}

.mgr10 {
	margin-right: 10px;
}

.mgr15 {
	margin-right: 15px;
}

.mgr20 {
	margin-right: 20px;
}

.mgr30 {
	margin-right: 30px;
}

/* 이미지 중앙 크롭 */
.vAlign {
	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%);
}

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

/* button */
.btnWrap {
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.btnWrap>div.btn {
	width: 100%;
	margin-top: 10px;
}

.btnWrap>div.btn:first-child {
	margin-top: 0;
}

.btnWrap>span.btn {
	margin-left: 1px;
}

.btnWrap>span.btn:first-child {
	margin-left: 0;
}

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

.btnWrap ul li {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.btnWrap ul li:first-child {
	padding-right: 2px;
}

.btnWrap ul li:last-child {
	padding-left: 2px;
}

.btnWrap ul li .btn {
	width: 100%;
}

.btnWrap.type1 ul li {
	width: 50%;
}

.btnWrap.type2 ul li:first-child {
	width: 60%;
}

.btnWrap.type2 ul li:last-child {
	width: 40%;
}

.btnWrap.type3 {
	width: 330px;
}

.btnWrap.ta_l {
	text-align: left;
}

.btnWrap.ta_r {
	text-align: right;
}

.btn {
	overflow: hidden;
	position: relative;
	text-align: center;
}

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

.btn a, .btn button {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.1s 0.05s ease-in-out;
	transition: all 0.1s 0.05s ease-in-out;
}

.btn.sizeL {
	width: 210px;
}

.btn.sizeL a, .btn.sizeL button {
	height: 60px;
	line-height: 58px;
	font-size: 16px;
}

.btn.sizeM {
	width: 210px;
	font-family: 'Montserrat';
}

.btn.sizeM a, .btn.sizeM button {
	height: 48px;
	line-height: 46px;
	font-size: 14px;
}

.btn.sizeS a, .btn.sizeS button {
	height: 30px;
	line-height: 27px;
	font-size: 14px;
}

.btn.sizeXS {
	width: 90px;
}

.btn.sizeXS a, .btn.sizeXS button {
	height: 20px;
	line-height: 16px;
	font-size: 12px;
}

.btn.style1 a, .btn.style1 button {
	border: 1px solid #5f77ba;
	background: #ffffff;
	color: #5f77ba;
}

.btn.style1.WH a, .btn.style1.WH button {
	border: 1px solid #fff;
	color: #fff;
}

.btn.style1 a:hover, .btn.style1 button:hover {
	border: 1px solid #5887da;
	background: #5887da;
	color: #fff;
}

.btn.style1.WH a:hover, .btn.style1.WH button:hover {
	border-color: #fff;
	background: #fff;
	color: #222;
}

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

.btn.style3 a, .btn.style3 button {
	border: 1px solid #dcdcdc;
	background: #eee;
	color: #888;
}

.btn.style3 a:hover, .btn.style3 button:hover {
	border: 1px solid #888;
	background: #888;
	color: #fff;
}

.btn.style4 a {
	border: 1px solid #888;
	background: #888;
	color: #fff;
}

.btn.style5 a, .btn.style5 button {
	border: 1px solid #5887da;
	background: #5887da;
	color: #fff;
}

.btn.style5 a:hover, .btn.style5 button:hover {
	border: 1px solid #5887da;
	background: #fff;
	color: #5887da;
}

.btn.style1.disabled a, .btn.style1.disabled button, .btn.style3.disabled a,
	.btn.style3.disabled button {
	border: 1px solid #dcdcdc;
	background: #fff;
	color: #dcdcdc;
	cursor: default;
}

.btn.style2.disabled a, .btn.style2.disabled button, .btn.style4.disabled a,
	.btn.style4.disabled button, .btn.style5.disabled a, .btn.style5.disabled button
	{
	border: 1px solid #dcdcdc;
	background: #dcdcdc;
	color: #fff;
	cursor: default;
}

.btnTxt {
	display: inline-block;
	margin-right: 15px;
	border-bottom: 1px solid #222;
	vertical-align: bottom;
	font-size: 15px;
	color: #222;
}

.btnTxt:first-of-chlid {
	margin-right: 0;
}

.btnTxt2 {
	display: inline-block;
	border-bottom: 1px solid #5f77ba;
	vertical-align: bottom;
	font-family: 'Montserrat';
	font-size: 13px;
	color: #5f77ba;
}

.viewmore {
	margin-top: 40px;
}

.viewmore a {
	display: block;
	width: 100%;
	height: 50px;
	border: 1px solid #dcdcdc;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	color: #222;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.viewmore a span {
	display: inline-block;
	padding-right: 20px;
	background: url("../images/common/ico_viewmore.png") no-repeat 100% 50%;
}

/* pagination */
.pagination {
	text-align: center;
	font-size: 0;
	margin: 80px 0 50px;
}

.pagination .pageBtn {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}

.pagination .pageBtn a {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/common/page02.png") no-repeat;
	font-size: 0;
	text-indent: -9999em;
}

.pagination .pageBtn.prev.disabled a {
	background-position: 4px 6px;
}

.pagination .pageBtn.prev a {
	background-position: 4px -20px;
}

.pagination .pageBtn.next a {
	background-position: 3px -44px;
}

.pagination .pageBtn.next.disabled a {
	background-position: 3px -69px;
}

.pagination ol {
	display: inline-block;
	vertical-align: middle;
}

.pagination ol li {
	display: inline-block;
	margin: 0 6px;
	vertical-align: middle;
}

.pagination ol li.current a::after {
	position: absolute;
	content: "";
	display: block;
	height: 2px;
	inset: auto 6px -2px;
	background: #5887da;
}

.pagination ol li a {
	position: relative;
	box-sizing: border-box;
	display: block;
	min-width: 32px;
	height: 32px;
	padding: 0 4px;
	line-height: 32px;
	font-size: 16px;
	color: #333;
}

.pagination ol li.current a {
	min-width: 32px;
	height: 32px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5887da;
}

/* form */
.selectbox {
	display: inline-block;
	position: relative;
	width: 240px;
	height: 40px;
	border: 1px solid #dcdcdc;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.selectbox:hover {
	border: 1px solid #222;
}

.selectbox.open {
	border-color: #555;
}

.selectbox .title {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 38px;
	line-height: 38px;
	padding-right: 35px;
	text-align: left;
	text-indent: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #fff url("../images/common/arr_selectbox.png") 100% 50%
		no-repeat;
	outline: none;
}

.selectbox .selList {
	display: none;
	position: absolute;
	top: 39px;
	left: -1px;
	width: 100%;
	background: #fff;
	border: 1px solid #555555;
	border-top: none;
	opacity: 0;
}

.selectbox.open .selList {
	overflow-y: auto;
	margin-bottom: 30px;
	opacity: 1;
	z-index: 100;
}

.selectbox .selList li {
	position: relative;
	width: 100%;
	background: #fff;
}

.selectbox .selList li input[type="radio"] {
	position: absolute;
	left: -9999em;
	top: -9999em;
	width: 0;
	height: 0;
	font-size: 0;
	visibility: hidden;
	opacity: 0;
}

.selectbox .selList li label {
	display: block;
	position: relative;
	overflow: hidden;
	width: 98%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #555555;
	text-indent: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.selectbox .selList li .option {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border: 0;
	opacity: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.selectbox .selList li:hover {
	background: #f9f9f9;
}

.selectbox .selList li:hover label {
	color: #222;
}

.selectbox.valError {
	border-color: #fa5855;
}

.selectbox.disabled {
	background: #eee;
}

.selectbox.disabled:hover {
	border-color: #dcdcdc;
}

.selectbox.disabled .title {
	background-color: transparent;
	cursor: default;
	opacity: 0.5;
}

.selectbox1 {
	display: inline-block;
	position: relative;
	height: 40px;
	border: 1px solid #dcdcdc;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.selectbox1:hover {
	border: 1px solid #222;
}

.selectbox1.open {
	border-color: #555;
}

.selectbox1 .title {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 38px;
	line-height: 38px;
	padding-right: 35px;
	text-align: left;
	text-indent: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #fff url("../images/common/arr_selectbox.png") 100% 50%
		no-repeat;
	outline: none;
}

.selectbox1 .selList {
	display: none;
	position: absolute;
	top: 39px;
	left: -1px;
	width: 100%;
	background: #fff;
	border: 1px solid #555555;
	border-top: none;
	opacity: 0;
}

.selectbox1.open .selList {
	overflow-y: auto;
	margin-bottom: 30px;
	opacity: 1;
	z-index: 100;
}

.selectbox1 .selList li {
	position: relative;
	width: 100%;
	background: #fff;
}

.selectbox1 .selList li input[type="radio"] {
	position: absolute;
	left: -9999em;
	top: -9999em;
	width: 0;
	height: 0;
	font-size: 0;
	visibility: hidden;
	opacity: 0;
}

.selectbox1 .selList li label {
	display: block;
	position: relative;
	overflow: hidden;
	width: 98%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #555555;
	text-indent: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.selectbox1 .selList li .option {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border: 0;
	opacity: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.selectbox1 .selList li:hover {
	background: #f9f9f9;
}

.selectbox1 .selList li:hover label {
	color: #222;
}

.selectbox1.valError {
	border-color: #fa5855;
}

.selectbox1.disabled {
	background: #eee;
}

.selectbox1.disabled:hover {
	border-color: #dcdcdc;
}

.selectbox1.disabled .title {
	background-color: transparent;
	cursor: default;
	opacity: 0.5;
}

.input {
	position: relative;
	height: 17px;
	line-height: 17px;
	font-size: 0;
}

span.input {
	display: inline-block;
	margin-right: 25px;
	vertical-align: middle;
}

span.input:last-child {
	margin-right: 0;
}

.input input {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}

.input label {
	display: inline-block;
	height: 17px;
	padding-left: 26px;
	background: url("../images/common/bg_input.png") no-repeat;
	line-height: 17px;
	vertical-align: middle;
	font-size: 14px;
	color: #666;
	font-family: 'Montserrat';
}

.input input[type="checkbox"]+label {
	background-position: 0 0;
}
.input input[type="checkbox"]+label > b {
	font-weight: 500;
}

.input input[type="checkbox"]:checked+label {
	background-position: 0 -30px;
}

.input input[type="checkbox"]:disabled+label {
	background-position: 0 -60px;
	cursor: default;
	color: #a7a7a7;
}

.input input[type="radio"]+label {
	background-position: 0 -90px;
}

.input input[type="radio"]:checked+label {
	background-position: 0 -120px;
}

.input input[type="radio"]:disabled+label {
	background-position: 0 -150px;
	cursor: default;
}

.input input[type="radio"]:checked:disabled+label {
	background-position: 0 -180px;
	cursor: default;
}

.inputChkWrap {
	font-size: 0;
}

.inputChkWrap .input {
	vertical-align: middle;
	margin-left: 20px;
	margin-right: 0;
}

.inputChkWrap .input:first-child {
	margin-left: 0;
}

.inputChkWrap ul li {
	margin-top: 20px;
}

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

.inputChkWrap ul li .input {
	display: block;
}

p.error {
	margin-top: 10px;
	text-align: left;
	color: #ff3f3c;
}

p.inputNote {
	margin-top: 10px;
}

.inputText {
	position: relative;
}

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

.inputText input {
	width: 100%;
	height: 40px;
	padding-left: 15px;
	border: 1px solid #dcdcdc;
	line-height: 40px;
	color: #222;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.inputText input:focus {
	border-color: #222;
	color: #222;
}

.inputText.valError input {
	border-color: #ff3f3c;
}

.inputText.valError .error {
	padding-left: 16px;
	margin-bottom: 5px;
}

.inputText input[readonly] {
	background: #eee;
	border-color: #dcdcdc;
	color: #ccc;
}

.inputText input[readonly]:focus {
	border-color: #dcdcdc;
	color: #ccc;
}

input[type="file"] {
	border: none !important;
	line-height: 0 !important;
}

.textarea {
	position: relative;
	min-width: 300px;
	height: 180px;
}

.textarea textarea {
	width: 100%;
	height: 100%;
	padding: 15px;
	border: 1px solid #dcdcdc;
	outline: none;
	color: #222;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*ITO0083-436 textarea 고정*/
.textarea textarea {
	resize: none;
}

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

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

.textarea.valError .error {
	margin-top: 10px;
	padding-left: 16px;
	color: #ff3f3c;
}

.textarea .charCnt {
	position: absolute;
	right: 20px;
	bottom: 15px;
	font-size: 13px;
}

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

/* text */
.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;
}

/* slick */
.slick-slide img {
	display: inline-block;
}

.slick-dots li {
	display: inline-block;
	margin: 0 6px;
	vertical-align: middle;
	margin-top: 30px;
}

.slick-dots li button {
	display: block;
	width: 4px;
	height: 4px;
	background: #a0a0a0;
	font-size: 0;
	text-indent: -9999em;
	color: transparent;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

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

/* scrollbar */
.mCSB_scrollTools {
	width: 4px;
	opacity: 1;
}

.mCSB_inside>.mCSB_container {
	margin-right: 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
}

/* location */
.locationMap {
	height: 12px;
	padding: 30px 0;
	line-height: 12px;
	font-size: 0;
}

.locationMap span {
	display: inline-block;
	padding-right: 11px;
	margin-right: 5px;
	background: url("../images/common/arr_location02.png") no-repeat 100%
		50%;
	vertical-align: middle;
	font-size: 12px;
	line-height: 12px;
}

.locationMap a {
	font-size: 12px;
	cursor: default;
	color: #3a3a3c;
}

.locationMap span:first-child a {
	cursor: pointer;
}

.locationMap .current {
	background: none;
	padding-right: 0;
	margin-right: 0;
}

/* tab menu */
.tabMenu {
	margin: 80px 0;
}

.tabMenu ul {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
	font-family: 'Montserrat';
}

.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: 40px 0 30px;
}

.tabMenu2 ul {
	overflow: hidden;
	padding-bottom: 60px;
}

.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: bold;
	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;
	width: 1px;
	height: 60px;
	background: #222;
}

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

/* page title */
.pageTitle {
	margin: 40px 0 50px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 36px;
	text-align: center;
}

.pageSubTit {
	margin: 50px 0 30px 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 28px;
}

/* 별점 */
.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.white {
	width: 98px;
	height: 17px;
	background-image: url("../images/common/rating_wh.png");
}

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

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

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

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

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

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

.rating_large .pointArea {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 186px;
	height: 28px;
	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;
	font-size: 0;
	color: transparent;
}

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

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

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

/* 수량조절 */
.qtyOption {
	overflow: hidden;
}

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

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

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

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

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

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

/* user input form */
.userInputArea {
	position: relative;
	margin-top: 30px;
}

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

.userInputArea .tit {
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #222;
	font-size: 16px;
	color: #222;
}

.userInputArea table tbody th {
	padding: 5px 0;
	line-height: 40px;
	text-align: left;
	vertical-align: top;
	color: #222;
}

.userInputArea table tbody td {
	padding: 5px 0;
	vertical-align: top;
	color: #222;
}

.userInputArea table tbody td>p.error {
	padding-left: 16px;
	margin-bottom: 5px;
}

.userInputArea table tbody td .textarea {
	height: 160px;
}

.userInputArea table tbody td .textWrap {
	padding-top: 8px;
}

.userInputArea table tbody td .inputChkWrap {
	padding-top: 12px;
}

.userInputArea table tbody .business_registration .input {
	height: 60px;
	line-height: 1.4;
}

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

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

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

.email_input .inputText {
	float: left;
	width: 32.5%;
	white-space: nowrap;
}

.email_input .at {
	float: left;
	width: 5%;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.email_input .selectbox {
	float: left;
	margin-left: 5px;
	width: -webkit-calc(30% - 5px);
	width: -moz-calc(30% - 5px);
	width: calc(30% - 5px);
}

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

.phone_input .selectbox {
	float: left;
	width: 32.333333%;
}

.phone_input .inputText {
	float: left;
	width: 32.333333%;
}

.phone_input .selectbox+.inputText {
	margin: 0 1.5%;
}

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

.phone_input2 .selectbox {
	float: left;
	width: 28%;
}

.phone_input2 .inputText {
	float: left;
	width: 42%;
	margin: 0 1%;
}

.phone_input2 .inputText+.btn {
	float: left;
	width: 28%;
}
.phone_input2 .inputText+.btn > a {
	height: 40px;
	line-height: 40px;
}

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

.phone_input3 .inputText input {
	float: left;
	width: 30%;
}

.phone_input3 .inputText .dash {
	float: left;
	display: block;
	width: 5%;
	height: 40px;
	line-height: 36px;
	text-align: center;
}

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

.phone_cert .inputText {
	float: left;
	position: relative;
	width: 71%;
	margin-right: 1%;
}

.phone_cert .inputText .certTime {
	position: absolute;
	right: 15px;
	top: 9px;
	color: #222;
}

.phone_cert .inputText+.btn {
	float: left;
	width: 28%;
	height: 40px;
}
.phone_cert .inputText+.btn > a {
	line-height: 40px;
}

.licence_num {
	width: 69%;
}

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

.licence_num .inputText input {
	float: left;
	width: 30%;
}

.licence_num .inputText .dash {
	float: left;
	display: block;
	width: 5%;
	height: 40px;
	line-height: 36px;
	text-align: center;
}

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

.input_file .inputText {
	float: left;
	position: relative;
	width: 69%;
	margin-right: 1%;
}

.input_file .inputText+.btn {
	float: left;
	width: 30%;
	height: 40px;
}
.input_file .inputText+.btn > a,
.input_file .inputText+.btn > a:hover   {
	line-height: 40px;
	height: 40px;
}

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

.input_has_btn .inputText {
	float: left;
	position: relative;
	width: 69%;
	margin-right: 1%;
}

.input_has_btn .inputText+.btn {
	float: left;
	width: 30%;
}

.input_has_btn2 {
	position: relative;
	padding-right: 90px;
}

.input_has_btn2 .inputText+.btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 85px;
}

.input_address .inputText {
	margin-top: 8px;
}

.input_address .inputText:first-child {
	padding-right: 65%;
	margin-top: 0;
}

.input_address .inputText:first-child .btn {
	position: absolute;
	left: 35%;
	top: 0;
	width: 130px;
	margin-left: 1%;
}

/* 레이어팝업 */
#wrapper.popup {
	position: fixed;
	width: 100%;
}

.layerPopupArea {
	overflow-x: auto;
	overflow-y: scroll;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 6000;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.layerPopup {
	display: none;
	position: relative;
	min-width: 500px;
	margin: 50px auto;
	background: #fff;
	-ms-word-break: break-all;
	word-break: break-all;
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}

.layerPopup.floating {
	position: absolute;
	left: 50%;
	margin: 0;
	top: 50%;
}

.layerPopup .layerClose {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}

.layerPopup .layerBody {
	position: relative;
	padding: 50px 50px 40px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.layerPopup .titleArea {
	position: relative;
	display: inline-block;
	padding: 50px 0 10px 50px;
	margin-right: 50px;
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

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

.layerPopup .btnWrap {
	margin: 50px auto 0;
	padding: 0 40px;
}

.layerPopup .btnWrap.type3 {
	padding: 0;
}

.layerPopup .layerCont .msg {
	line-height: 24px;
	font-size: 16px;
	text-align: center;
	color: #222;
}

.layerPopup .layerCont img {
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	margin: 0 auto;
}

.layerPopup.alertType {
	width: 420px;
}

.layerPopup.alertType .layerCont .msg {
	margin-top: 20px;
}

.layerPopup.alertType .btnWrap {
	width: 160px;
	margin-top: 40px;
	padding: 0;
}

.layerPopup.alertType .btnWrap.L2 {
	width: 100%;
}

.layerPopup.is-visible {
	position: absolute;
	left: 50%;
	top: 130px;
	z-index: 6000;
	display: block;
	min-width: 320px;
	margin: 0;
	transform: translateX(-50%);
}

.layerPopup.is-visible .titleArea i {
	width: 100%;
}

.layerPopup.is-visible .cookieChk {
	overflow: hidden;
	padding: 13px 20px;
	border-top: 1px solid #dcdcdc;
}

.layerPopup.is-visible .cookieChk .input.check {
	float: left;
	margin-top: 6px;
}

.layerPopup.is-visible .cookieChk .btn {
	float: right;
	width: 110px;
}

#tempPopup .layerCont {
	color: #222;
}

#tempPopup .txt2 {
	margin-top: 40px;
	text-align: center;
}

#tempPopup .txt3 {
	margin: 40px 0 50px;
	line-height: 24px;
}

#tempPopup .txt4 {
	text-align: center;
	line-height: 24px;
}

#tempPopup .txt4 span {
	display: block;
	margin-bottom: 10px;
}

#layer_confirm .layerPopup {
	width: 400px;
}

/* 일반팝업 */
.commonPopup {
	position: relative;
}

.commonPopup .cookieChk {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;
	overflow: hidden;
	padding: 13px 20px;
	border-top: 1px solid #dcdcdc;
	box-sizing: border-box;
}

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

.commonPopup .cookieChk .input.check {
	float: left;
	margin-top: 6px;
}

.commonPopup .cookieChk .btn {
	float: right;
	width: 110px;
}

.commonPopup .titleArea {
	position: relative;
	display: inline-block;
	padding: 50px 0 10px 50px;
	margin-right: 50px;
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.commonPopup .titleArea i {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #222;
}

.commonPopup .layerBody {
	position: relative;
	margin-bottom: 57px;
	padding: 50px 50px 40px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.commonPopup .layerBody .layerCont img {
	width: 100%;
}

/* 리스트통계.검색 */
.boardUtilMenu {
	margin: 75px 0 50px;
}

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

.boardUtilMenu .totalCnt {
	float: left;
	margin-top: 8px;
	font-size: 16px;
}

.boardUtilMenu .boardSearch {
	float: right;
}

.boardUtilMenu .boardSearch .selectbox {
	float: left;
	width: 375px;
	margin-left: 19px;
	border: none;
	border-bottom: 1px solid #d9d9d9;
}

.boardUtilMenu .boardSearch .selectbox .title {
	font-family: 'Montserrat';
	font-weight: bold;
	background: #fff url("../images/common/arr_selectbox02.png") 100% 50%
		no-repeat;
}

.boardUtilMenu .boardSearch .selectbox.open .title {
	background: #fff url("../images/common/arr_selectbox02_up.png") 100% 50%
		no-repeat;
}

.boardUtilMenu .boardSearch .selectbox .selList {
	top: 40px;
	border-color: #d9d9d9;
}

.boardUtilMenu .boardSearch .searchBox {
	position: relative;
	float: left;
	margin-left: 19px;
}

.boardUtilMenu .boardSearch .searchBox .inputText {
	width: 375px;
}

.boardUtilMenu .boardSearch .searchBox .btnSch {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 38px;
	height: 38px;
	border: none;
	background: url("../images/common/bg_board_search.png") no-repeat 12px
		12px;
	font-size: 0;
	color: transparent;
}

/* 230727 searchBox */
.boardUtilMenu .boardSearch .searchBox .inputText input {
	padding: 0 35px 0 15px;
	border: none;
	border-bottom: 1px solid #d9d9d9;
}

/* 게시판 */
.boardList {
	margin-bottom: 60px;
	letter-spacing: -0.03em;
}

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

.boardList thead {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(0, 0, 0, 0);
	clip-path: polygon(0 0, 0 0, 0 0);
	white-space: nowrap;
	margin: -1px;
	overflow: hidden;
}

.boardList tbody tr td {
	padding: 31px 0 32px;
	border-top: 1px solid #d9d9d9;
	font-size: 16px;
}

.boardList tbody tr td:first-child {
	padding-left: 30px;
}

.boardList tbody tr td:last-child {
	color: #aaa;
}

.boardList tbody tr .title {
	font-size: 0;
}

.boardList tbody tr .title a {
	overflow: hidden;
	display: inline-block;
	width: 100%;
	padding-right: 200px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.boardList tbody tr td .type {
	display: inline-block;
	margin-right: 5px;
	color: #5f77ba;
}

/* nodata */
.noData {
	padding: 30px 0 80px;
	text-align: center;
}

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

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

.noData .btn {
	margin-top: 30px;
}

/* 게시판 상세내용 */
.boardView {
	margin-top: 70px;
}

.boardView .titleArea {
	position: relative;
	padding: 16px 200px 16px 30px;
	background: #f7f7f7;
	letter-spacing: -0.03em;
}

.boardView .titleArea .title {
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.boardView .titleArea .date {
	position: absolute;
	right: 30px;
	top: 17px;
}

.boardView .cont {
	padding: 50px 30px;
	border-bottom: 1px solid #888;
	color: #222;
}

.boardView .btnArea {
	overflow: hidden;
	padding-top: 20px;
	text-align: right;
}

.boardView .btnArea .snsShare {
	float: left;
}

.boardView .btnArea .btn {
	width: 130px;
}

/* 테이블스타일 */
.tblType1 table {
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
}

.tblType1 table thead th {
	height: 53px;
	padding: 0 22px;
	text-align: left;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.tblType1 table tbody td {
	height: 65px;
	padding-left: 22px !important;
	border-top: 1px solid #eee;
	text-align: left;
	word-break: break-all;
}

.tblType2 tbody th {
	padding: 14px 0;
	text-align: left;
	vertical-align: top;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.tblType2 tbody td {
	padding: 12px 0;
	font-size: 16px;
	color: #222;
}

.tblType3 {
	padding-top: 15px;
	border-top: 2px solid #222;
}

.tblType3 table {
	color: #222;
}

.tblType3 table tbody {
	padding-top: 15px;
}

.tblType3 table tbody th {
	font-family: 'Montserrat';
	font-weight: bold;
	padding: 8px 0 8px 22px;
	text-align: left;
}

.tblType4 table {
	color: #222;
}

.tblType4 table tbody th, .tblType4 table tbody td {
	padding: 14px 0;
	text-align: left;
}

/* 달력 */
.ui-datepicker {
	overflow: hidden;
	display: none;
	width: 228px;
	padding: 25px 25px 20px 25px;
	border: 1px solid #222;
	background: #fff;
	text-align: center;
	line-height: 1;
}

.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("../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: 32px;
}

.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: 12px;
}

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

.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-default {
	background: #eee;
	color: #888;
}

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

.ui-datepicker-calendar .ui-datepicker-other-month a {
	color: #ddd;
}

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

/*20221221 마이페이지 정기배송 달력 커스텀*/
#chgDatepicker .ui-datepicker-group .ui-datepicker-current-day .ui-state-active
	{
	background: #5f77ba;
	color: #fff;
}

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

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

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

.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("../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 {
	font-size: 0;
}

.date_select .inputText {
	width: 140px;
}

.date_select .inputText input {
	background: #fff url("../images/mypage/ico_calendar.png") no-repeat;
	background-position: calc(100% - 12px) 50%;
	color: #222;
}

.date_select .dash {
	margin: 0 10px;
	font-size: 14px;
	color: #222;
	vertical-align: middle;
}

/* 주의사항리스트 */
.notice_list {
	padding: 35px 40px;
	background: #f8f8f8;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

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

.notice_list li {
	position: relative;
	margin-top: 8px;
	padding-left: 10px;
	font-size: 13px;
	color: #888;
}

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

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

.notice_list li li {
	padding-left: 0;
}

.notice_list li li:before {
	display: none;
}

.notice_list.type2 {
	padding: 0;
	background: none;
}

.notice_list.type2 li {
	margin-top: 3px;
}

.notice_list2 li {
	padding-left: 15px;
	text-indent: -15px;
	font-size: 12px;
	line-height: 20px;
}

/* header */
.header {
	transition: transform 0.3s ease;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3000;
	width: 100%;
	min-width: 1200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
}

.header.hidden {
	transform: translateY(-100%);
}

.header .gnbWrap {
	position: relative;
	padding-top: 50px;
}

.header .gnbWrap h1 {
	position: relative;
	z-index: 1;
	min-width: 1120px;
	max-width: 1570px;
	margin: 0 auto;
	padding: 0 15px 20px 15px;
	text-align: center;
	font-size: 0;
}

.header .gnbWrap h1 a.sizeB {
	position: relative;
	display: inline-block;
	width: 198px;
	height: 30px;
	vertical-align: top;
	font-size: 0;
	color: transparent;
}

.header .gnbWrap h1 a img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
}

.header .menuList {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header .menuList .cvs {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 1px;
	display: block;
	width: 100%;
	height: 0;
	margin-top: 50px;
	background: #fff;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.header .menuList .cvs:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #e7e7e7;
}

.header .menuList .cvs.S {
	height: 100px;
}

.header .menuList .cvs.L {
	height: 305px;
}

.header .menuList .menuWrap {
	width: 1280px;
	margin: 0 auto;
	text-align: center;
}

.header .menuList .menuWrap.type1 {
	padding-right: 50px;
}

.header .menuList .gnb {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.header .menuList .gnb>li {
	display: inline-block;
	vertical-align: bottom;
	margin-left: -3px;
}

.header .menuList .gnb>li>a {
	display: inline-block;
	padding: 0 46px;
	height: 50px;
	font-size: 13px;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #222;
	text-transform: uppercase;
}

.header .menuList .gnb>li>a:hover {
	color: #5887da;
}

.header .menuList .gnb>li>a>span {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
}

.header .menuList .gnb>li>a>span:after {
	z-index: 2;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -2px;
	display: block;
	width: 0;
	height: 2px;
	background: #6286d4;
	/*
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  */
}

.header .menuList .gnb>li.on>a>span:after, .header .menuList .gnb>li:hover>a>span:after
	{
	left: 0;
	width: 100%;
}

.header .menuList .gnb>li .subWrap {
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 51px;
	z-index: 1;
	width: 100%;
	text-align: left;
	box-shadow: 0px 4px 5px rgba(18, 18, 18, 0.1);
}

.header .menuList .gnb>li.hover .subWrap {
	display: block;
	height: 78px;
	background-color: #fff;
}

.header .menuList .gnb>li.hover .subWrap.type2 {
	height: 305px;
}

.header .menuList .gnb>li .subWrap .inner {
	overflow: hidden;
	width: 1280px;
	margin: 0 auto;
}

.header .menuList .gnb>li .subWrap .subMenu {
	position: relative;
	z-index: 1;
	width: 1170px;
	padding: 25px 15px 33px;
	margin: 0 auto;
}

.header .menuList .gnb>li .subWrap .subMenu ul {
	text-align: center;
}

.header .menuList .gnb>li .subWrap .subMenu ul li {
	display: inline-block;
	margin-left: 150px;
}

.header .menuList .gnb>li .subWrap .subMenu ul li:first-child {
	margin-left: 0;
}

.header .menuList .gnb>li .subWrap .subMenu ul li a {
	flex-direction: column;
    justify-content: center;
    align-items: center;
	line-height: 18px;
	font-family: 'Montserrat';
	font-size: 13px;
	color: #3a3a3c;
}

.header .menuList .gnb>li .subWrap .subMenu ul li a sup {
	font-size: 0.5em;
	line-height: 1;
}

.header .menuList .gnb>li .subWrap.type2 .subMenu {
	overflow: hidden;
	float: left;
	width: 585px;
	padding: 35px 0 50px;
	box-sizing: border-box;
}

.header .menuList .gnb>li .subWrap.type2 .subMenu:first-child {
	margin-left: 255px;
	width: 260px;
}

.header .menuList .gnb>li .subWrap.type2 .description {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px;
	/*margin-bottom: 25px;*/
}

.header .menuList .gnb>li .subWrap.type2 .description .menuNm {
	display: block;
	line-height: 13px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 13px;
	color: #222;
}

.header .menuList .gnb>li .subWrap.type2 .description .menuNm a {
	color: #222;
}

.header .menuList .gnb>li .subWrap.type2 .description p {
	margin-top: 10px;
	line-height: 21px;
}

.header .menuList .gnb>li .subWrap.type2 .description p span {
	display: block;
	margin-top: 10px;
	font-size: 12px;
}

.header .menuList .gnb>li .subWrap.type2 .list {
	text-align: left;
}

.header .menuList .gnb>li .subWrap.type2 .list li {
	display: block;
	margin: 0;
}

.header .menuList .gnb>li .subWrap.type2 .list .menuNm2 {
	display: block;
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 13px;
	color: #222;
}

.header .menuList .gnb>li .subWrap.type2 .list .menuNm2>a {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.header .menuList .gnb>li .subWrap.type2 .list .link {
	text-align: left;
}

.header .menuList .gnb>li .subWrap.type2 .list .link li {
	float: none;
	display: block;
	margin-left: 0;
	margin-bottom: 8px;
}
.header .menuList .gnb>li .subWrap.type2 .list .link li a.list-all {
	font-weight: bold;
}

.header .menuList .gnb>li .subWrap.type2 .list .link li:first-child {
	margin-top: 0;
}

.header .menuList .gnb>li .subWrap.type2 .list.type2 {
	display: flex;
}

.header .menuList .gnb>li .subWrap.type2 .list.type2>li {
	width: 180px;
}

.header .menuList .gnb>li .subWrap.type2 .banner {
	position: relative;
	float: left;
	width: 45%;
	margin-top: 15px;
	text-align: right;
}

.header .menuList .gnb>li .subWrap.type2 .banner span {
	display: block;
	margin-top: 5px;
	text-align: right;
	font-family: 'Montserrat';
	color: #222;
}

.header .menuList .gnb>li .subWrap.type2 .subMenu.pdtMap {
	width: 1170px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}

.header .menuList .gnb>li .subWrap.type2 .subMenu.pdtMap .description {
	overflow: hidden;
	width: 100%;
	margin-top: 0;
}

.header .menuList .gnb>li .subWrap.type2 .subMenu.pdtMap .description .menuNm
	{
	float: left;
	width: 315px;
}

.header .menuList .gnb>li .subWrap.type2 .subMenu.pdtMap .description p
	{
	float: left;
	margin-top: 0;
}

.header .menuList .gnb>li .subWrap.type3 .subMenu {
	padding: 24px 15px 44px;
}

.header .menuList .gnb>li .subWrap.type3 .subMenu ul {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 100px;
}

.header .menuList .gnb>li .subWrap.type3 .subMenu ul li {
	margin-left: 0;
}

.header .menuList .gnb>li .subWrap.type3 .subMenu ul li a.thumbnail-list {
	display: flex;
	align-items: center;
    flex-direction: column;
}

.header .menuList .gnb>li .subWrap.type3 .subMenu ul li a img {
	display: block;
	width: 160px;
	height: 160px;
	margin-bottom: 20px;
}

.subMenu_all {
	font-weight: 600;
	margin-bottom: 14px;
	display: block;
}

.header .menuList .mall {
	position: relative;
	display: inline-block;
	padding-left: 46px;
	margin-left: 0;
	vertical-align: middle;
}

.header .menuList .mall:before {
	position: absolute;
	left: -2px;
	top: 2px;
	content: "";
	display: block;
	width: 1px;
	height: 17px;
	background: #c5c5c5;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header .menuList .mall>a {
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header .menuList .util {
	position: absolute;
	left: 50%;
	top: 15px;
	margin-left: 295px;
}

.header .menuList .util ul:after {
	content: "";
	display: block;
	clear: both;
}

.header .menuList .util ul li {
	float: left;
	margin-left: 13px;
}

.header .menuList .util ul li:first-child {
	margin-left: 0;
}

.header .menuList .util ul li:last-child {
	margin-left: 10px;
}

.header .menuList .util ul li a {
	position: relative;
	display: block;
	width: 19px;
	height: 19px;
	font-size: 0;
	color: transparent;
}

.header .menuList .util ul li a:before, .header .menuList .util ul li a:after
	{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	width: 19px;
	height: 19px;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header .menuList .util ul li a:before {
	background-image: url("../images/common/util_off.png");
}

.header .menuList .util ul li a:after {
	background-image: url("../images/common/util_on.png");
	opacity: 0;
}

.header .menuList .util ul li.scrh a:before, .header .menuList .util ul li.scrh a:after
	{
	background-position: 2px 0;
}

.header .menuList .util ul li.scrh a.close {
	background: url("../images/common/btn_search_close.png") no-repeat 2px 0;
}

.header .menuList .util ul li.scrh a.close:before, .header .menuList .util ul li.scrh a.close:after
	{
	display: none;
}

.header .menuList .util ul li.mypg a:before, .header .menuList .util ul li.mypg a:after
	{
	background-position: -36px 0;
}

.header .menuList .util ul li.cart a:before, .header .menuList .util ul li.cart a:after
	{
	background-position: -71px 0;
}

.header .menuList .util ul li.cart span {
	position: absolute;
	right: -16px;
	top: -5px;
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #5f77ba;
	text-align: center;
	line-height: 18px;
	font-size: 10px;
	color: #fff;
}

.header .shortCut {
	overflow: hidden;
	position: absolute;
	right: 15px;
	top: 15px;
}

.header .shortCut li {
	position: relative;
	float: left;
	margin-left: 8px;
	padding-left: 8px;
}

.header .shortCut li a {
	font-size: 13px;
	color: #fff;
	transition: all 0.2s ease-in-out;
}

.header .shortCut li:before {
	position: absolute;
	left: 0;
	top: 6px;
	content: "";
	display: block;
	width: 1px;
	height: 10px;
	background: #dcdcdc;
}

.header .shortCut li:first-child {
	padding-left: 0;
	margin-left: 0;
}

.header .shortCut li:first-child:before {
	display: none;
}

.header .totalSearch {
	overflow: hidden;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.header .totalSearch .searchWrap {
	height: 240px;
	padding: 37px 0 37px;
	background: #5f77ba;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.header .totalSearch .searchWord {
	position: relative;
	width: 760px;
	margin: 0 auto;
}

.header .totalSearch .searchWord .keyword {
	width: 100%;
	padding: 4px 70px 7px 0;
	border-bottom: 3px solid #fff;
	background: none;
	font-family: 'Montserrat';
	font-size: 22px;
	letter-spacing: -0.05em;
	color: #fff;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.header .totalSearch .searchWord .keyword::-webkit-input-placeholder {
	color: #94a8e0;
}

.header .totalSearch .searchWord .reset {
	position: absolute;
	right: 48px;
	top: 7px;
	width: 18px;
	height: 18px;
	background: url("../images/common/btn_search_reset.png") no-repeat;
	font-size: 0;
	color: transparent;
}

.header .totalSearch .searchWord .btnSch {
	position: absolute;
	right: 2px;
	top: -6px;
	width: 40px;
	height: 40px;
	border: none;
	background: url("../images/common/btn_search.png") no-repeat 50% 50%;
	font-size: 0;
	text-indent: -9999em;
	color: transparent;
	outline: none;
	cursor: pointer;
}

.header .totalSearch .keywordRecomm {
	width: 760px;
	margin: 17px auto 0;
}

.header .totalSearch .keywordRecomm dl {
	overflow: hidden;
	margin-top: 10px;
}

.header .totalSearch .keywordRecomm dl:first-of-type {
	margin-top: 0;
}

.header .totalSearch .keywordRecomm dt {
	float: left;
	width: 70px;
	height: 29px;
	margin-right: 15px;
	line-height: 29px;
	color: #fff;
}

.header .totalSearch .keywordRecomm dd {
	float: left;
	margin-left: 5px;
	background: #4d63a0;
	color: #fff;
}

.header .totalSearch .keywordRecomm dd a {
	display: inline-block;
	height: 29px;
	padding: 0 4px;
	line-height: 29px;
	color: #fff;
}

.header .totalSearch.on {
	height: 240px;
}

.header .totalSearch.on .searchWrap {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.header .header_emblem {
	position: absolute;
	width: 116px;
	/*height:116px;*/
	top: 14px;
	left: 50%;
	margin-left: -660px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

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

.header.minimize .header_emblem {
	display: none;
}

.header .menuList {
	border-bottom: 1px solid #ececec;
}

.header .menuList .util ul li a:before {
	opacity: 0;
}

.header .menuList .util ul li a:after {
	opacity: 1;
}

.header .menuList .mall a {
	color: #222;
	font-weight: 600;
}

.header .menuList .mall a:hover {
	color: #5887da;
}

.header .shortCut li a {
	color: #666;
}

/* footer */
footer {
	position: relative;
	z-index: 11;
	margin-top: 80px;
	background: #fff;
}

footer .map {
	margin: 0 auto;
	padding: 30px 0 60px;
	border-top: 1px solid #ddd;
}

footer .map>ul {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

footer .map>ul>li {
	float: left;
	width: -webkit-calc(( 100% - 75px)/5);
	width: -moz-calc(( 100% - 75px)/5);
	width: calc(( 100% - 75px)/5);
}

footer .map>ul>li:last-of-type {
	width: 75px;
}

footer .map>ul>li>a {
	display: inline-block;
	margin-bottom: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
}

footer .map>ul>li ul li {
	margin-top: 5px;
}

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

footer .map>ul>li ul li a {
	font-size: 13px;
}

footer .map.md>ul {
	text-align: center;
}

footer .map.md>ul>li {
	width: auto;
	text-align: left;
}

footer .map.md>ul>li:first-child {
	float: left;
	width: calc(50% - 40px);
}

footer .map.md>ul>li:nth-of-type(2) {
	display: inline-block;
}

footer .map.md>ul>li:last-child {
	float: right;
}

footer .noticeArea {
	overflow: hidden;
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #d9d9d9;
}

.noticeArea .contents_wide {
	display: flex;
	gap: 40px;
	justify-content: flex-start;
	align-items: center;
}

footer .noticeArea .links li {
	position: relative;
	display: inline-block;
	margin-left: 37px;
	vertical-align: middle;
}

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

footer .noticeArea .links li a {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

footer .noticeArea .footLinks {
	float: right;
	font-size: 0;
}

footer .noticeArea .notice .t {
	float: left;
	font-size: 13px;
	color: #222;
}

footer .noticeArea .notice a {
	float: left;
	overflow: hidden;
	display: block;
	width: 380px;
	margin: 0 40px 0 20px;
	font-size: 13px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

footer .noticeArea .notice .date {
	float: right;
	font-size: 13px;
}

footer .footLinks {
	overflow: hidden;
	padding: 20px 0;
	background: #f8f8f8;
}

footer .footLinks .sns {
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}

footer .footLinks .sns li {
	display: inline-block;
	vertical-align: middle;
}

footer .footLinks .sns li a {
	display: block;
	margin-left: 5px;
	padding: 10px;
	font-size: 0;
	color: transparent;
}

footer .footLinks .sns li a span {
	display: block;
	width: 16px;
	height: 16px;
	background: url("../images/common/ico_footer_sns02.png") no-repeat;
}

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

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

footer .footLinks .cs {
	color: #222;
}

footer .copy {
	padding: 35px 0 70px;
	border-top: 1px solid #d9d9d9;
}

footer .copy .inner {
	overflow: hidden;
	max-width: 1570px;
	min-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}

footer .copy .logo {
	float: left;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
}

footer .copy .info {
	float: left;
	margin-left: 50px;
	font-size: 14px;
	line-height: 25px;
}

footer .copy .info em {
	position: relative;
	display: inline-block;
	margin-right: 18px;
}

footer .copy .info .bar {
	padding-right: 8px;
	margin-right: 7px;
}

footer .copy .info .bar:after {
	position: absolute;
	right: 0;
	top: 5px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #ccc;
}

footer .copy .info em.edge:after {
	display: none;
}

footer .copy .info .rights {
	display: block;
	margin-top: 5px;
}

footer .copy .info .btn {
	margin: 0 0 0 10px;
}

footer .copy a {
	display: inline-block;
	margin-left: 5px;
	color: #222;
	text-decoration: underline;
}

footer .copy .escrow {
	float: right;
	font-size: 13px;
}

footer .copy .escrow p {
	margin: 8px 0;
}

.btmBan {
	position: fixed;
	left: 0;
	bottom: 0;
	overflow: hidden;
	display: block;
	width: 100%;
	min-width: 1280px;
	z-index: 0;
}

.btmBan .left {
	float: left;
	width: 50%;
	height: 585px;
	background: #6077ba url("../images/common/bg_footer_1.jpg") no-repeat 0
		100%;
	text-align: center;
	color: #fff;
}

.btmBan .left .tit {
	margin-top: 190px;
	font-size: 30px;
}

.btmBan .left .desc {
	margin: 15px 0 40px;
	font-size: 13px;
}

.btmBan .left .btn.style1 a {
	border-color: #fff;
	color: #fff;
}

.btmBan .left .btn.style1 a:hover {
	border-color: #fff;
	background: #fff;
	color: #222;
}

.btmBan .right {
	position: relative;
	overflow: hidden;
	float: right;
	width: 50%;
	height: 585px;
	/* padding-top:25%; background:url(../images/footer_bg2.jpg) no-repeat 50% 100% / cover; */
}

.btmBan .right img {
	position: absolute;
	left: 50%;
	top: 50%;
	min-height: 101%;
	min-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* event floating widget */
#evWg {
	position: fixed;
	right: 17px;
	bottom: 100px;
	z-index: 1000;
	-webkit-transition: all 0.65s 0.05s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.65s 0.05s cubic-bezier(0.65, 0.05, 0.36, 1);
}

#evWg.down {
	bottom: 20px;
}

/**
offer slide
**/
.offerSlideCall {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	min-width: 1200px;
	height: 80px;
	background: #333;
	-webkit-transition: all 0.65s 0.05s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.65s 0.05s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.pageON .offerSlideCall {
	height: 100%;
}

.offerSlideCall.down {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.offerSlideCall ul {
	position: absolute;
	left: 50%;
	bottom: 0;
	overflow: hidden;
	width: 1200px;
	margin-left: -600px;
}

.offerSlideCall ul li {
	position: relative;
	float: left;
	width: 50%;
}

.offerSlideCall ul li:first-child:after {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	display: block;
	width: 1px;
	height: 88px;
	background: #222;
}

.offerSlideCall ul li a {
	display: block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	color: #fff;
}

.offerSlideCall ul li a:after {
	content: url("../images/main/ico_plus.png");
	display: inline-block;
	margin-top: -4px;
	margin-left: 12px;
	vertical-align: middle;
}

.offerSlideCall ul li a span {
	font-family: 'Montserrat';
}

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

.offerSlide.on .slideWrapper .close {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.offerSlide {
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5001;
	width: 100%;
	height: 100%;
	min-width: 1400px;
	min-height: 768px;
	background: #fff;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .slideWrapper {
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
}

.offerSlide .slideWrapper .close {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.2s 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.2s 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .slideWrapper .close a {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 15px;
	background: #000;
}

.offerSlide .slideWrapper .close a:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 11px;
	margin-right: 10px;
	background: url("../images/common/arr_offer_close.png") no-repeat;
}

/* 공통 */
.offerSlide .pageWrap {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	min-width: 480px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s 0.1s cubic-bezier(0.65, 0.05, 0, 1);
	transition: all 0.5s 0.1s cubic-bezier(0.65, 0.05, 0, 1);
}

.offerSlide .pageWrap:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap .page {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap .sectionWrap {
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap .sectionWrap .slideArea {
	position: relative;
	height: 100%;
}

.offerSlide .pageWrap .sectionWrap .slideArea .slick-list, .offerSlide .pageWrap .sectionWrap .slideArea .slick-track
	{
	height: 100%;
}

.offerSlide .pageWrap .sectionWrap .slick-arrow {
	position: absolute;
	right: 0;
	display: block;
	width: 41px;
	height: 41px;
	background: url("../images/common/arr_offer_slick.gif") no-repeat;
	font-size: 0;
	color: transparent;
}

.offerSlide .pageWrap .sectionWrap .slick-prev {
	top: 45px;
	background-position: 0 0;
}

.offerSlide .pageWrap .sectionWrap .slick-next {
	bottom: 0;
	background-position: 0 -41px;
}

.offerSlide .pageWrap .sectionWrap .innerWrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap .sectionWrap .innerWrap .tabName {
	position: absolute;
	left: 0;
	top: 10%;
	width: 100%;
	font-family: 'Montserrat';
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.3em;
	color: #5f77ba;
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap .sectionWrap.cont {
	background: #fff !important;
	z-index: 1;
	-webkit-transition: all 0.7s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.7s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap .sectionWrap.cont .pdtThumb {
	display: inline-block;
	width: 36vh;
	margin-top: 5vh;
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap .sectionWrap.cont .pdtThumb img {
	width: 100%;
}

.offerSlide .pageWrap button.pageCtrl {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	display: block;
	width: 100%;
	height: 100%;
	outline: transparent;
}

.offerSlide .pageWrap .section.type1 {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap .section.type1 .introTxt {
	overflow: hidden;
	white-space: nowrap;
}

.offerSlide .pageWrap .section.type1 .introTxt .titleDesc {
	margin-bottom: 10px;
	font-size: 18px;
	color: #222;
	letter-spacing: -0.05em;
}

.offerSlide .pageWrap .section.type1 .introTxt .title {
	position: relative;
	display: inline-block;
	margin: 5px 0 30px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 45px;
	letter-spacing: -2px;
	line-height: 55px;
	color: #222;
}

.offerSlide .pageWrap .section.type1 .introTxt .title sup {
	font-family: 'Montserrat';
	font-weight: bold;
	vertical-align: super;
	line-height: 1;
	font-size: 0.5em;
}

.offerSlide .pageWrap .section.type1 .introTxt .title:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #222;
}

.offerSlide .pageWrap .section.type1 .introTxt .desc {
	margin-bottom: 30px;
	line-height: 24px;
	color: #666;
}

.offerSlide .pageWrap .section.type2 {
	background-color: #fff;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.offerSlide .pageWrap .section.type2 .introTxt {
	margin-top: 20%;
	text-align: center;
}

.offerSlide .pageWrap .section.type2 .introTxt .titleDesc {
	font-size: 18px;
	color: #222;
	letter-spacing: -0.05em;
}

.offerSlide .pageWrap .section.type2 .introTxt .title {
	position: relative;
	margin: 5px 0 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 45px;
	letter-spacing: -2px;
	color: #222;
}

.offerSlide .pageWrap .section.type2 .introTxt .title:after {
	position: absolute;
	bottom: -20px;
	left: 50%;
	content: "";
	display: block;
	width: 66px;
	height: 4px;
	margin-left: -33px;
	background: #222;
}

.offerSlide .pageWrap .section.type2 .introTxt .desc {
	font-size: 16px;
	color: #666;
}

.offerSlide .pageWrap .section.type2 .introTxt .btn {
	position: absolute;
	bottom: 10%;
	left: 50%;
	margin-left: -105px;
}

.offerSlide .pageWrap .page .contWrap .section.type1 .title {
	margin-bottom: 20px;
	font-size: 42px;
	line-height: 1em;
	white-space: pre-line;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.offerSlide .pageWrap .page .contWrap .section.type1 .title:after {
	display: none;
}

.offerSlide .pageWrap .page .tabList {
	overflow: hidden;
	z-index: 2;
	width: 30%;
	height: 100%;
	background: #fff;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.53s 0.05s cubic-bezier(0.65, 0.05, 0, 1);
	transition: all 0.53s 0.05s cubic-bezier(0.65, 0.05, 0, 1);
}

.offerSlide .pageWrap .page .tabList dl {
	padding-top: 15vh;
	letter-spacing: -0.05em;
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap .page .tabList dl dt {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	color: #222;
	white-space: normal;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.offerSlide .pageWrap .page .tabList dl dd {
	margin-top: 35px;
}

.offerSlide .pageWrap .page .tabList dl dd a {
	font-family: 'Montserrat';
	font-size: 16px;
	color: #222;
}

.offerSlide .pageWrap .page .tabList dl dd.on a, .offerSlide .pageWrap .page .sectionWrap .tabList dl dd:hover a
	{
	color: #5f77ba;
}

.offerSlide .pageWrap .page .tabList .link {
	width: 55%;
}

.offerSlide .pageWrap .page .tabList .link li {
	margin-top: 5px;
}

.offerSlide .pageWrap .page .tabList .link li a {
	display: inline-block;
	width: 100%;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.offerSlide .pageWrap .page .tabList .prev {
	display: inline-block;
	font-size: 15px;
	color: #222;
}

.offerSlide .pageWrap .slogan {
	position: absolute;
	top: 50%;
	z-index: 6;
	font-family: 'Montserrat';
	font-size: 16px;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

/* 좌우 스타일 */
.offerSlide .pageWrap.astr_medi .page button.goPrev {
	display: none;
}

.offerSlide .pageWrap.astr_medi .page .sectionWrap {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	background: url("../images/common/offer_cover_md.jpg") no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.offerSlide .pageWrap.astr_medi .page .sectionWrap .section.type1 .innerWrap
	{
	padding: 15vh 21% 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.offerSlide .pageWrap.astr_medi .page .contWrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap.astr_medi .page .contWrap .section.type1 .title {
	margin-left: 100px;
}

.offerSlide .pageWrap.astr_medi .page .tabList {
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid #ccc;
	text-align: right;
}

.offerSlide .pageWrap.astr_medi .page .tabList dl {
	padding-right: 10%;
}

.offerSlide .pageWrap.astr_medi .page .tabList .link {
	position: absolute;
	right: 10%;
	bottom: 120px;
}

.offerSlide .pageWrap.astr_medi .page .tabList .link li a {
	background: #222 url("../images/common/arr_link_wh_left.png") no-repeat
		20px 50%;
}

.offerSlide .pageWrap.astr_medi .page .tabList .prev {
	position: absolute;
	right: 10%;
	bottom: 50px;
	padding-right: 35px;
	background: url("../images/common/arr_offer_right.png") no-repeat 100%
		50%;
}

.offerSlide .pageWrap.astr_medi .slogan {
	left: -43px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.offerSlide .pageWrap.astr_365 .page button.goPrev {
	display: none;
}

.offerSlide .pageWrap.astr_365 .page .sectionWrap {
	position: absolute;
	left: 0;
	top: 0;
	background: url("../images/common/offer_cover_365.jpg") no-repeat 50%
		50%;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap.astr_365 .page .sectionWrap .section.type1 .innerWrap
	{
	padding: 15vh 0 0 21%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.offerSlide .pageWrap.astr_365 .page .contWrap {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offerSlide .pageWrap.astr_365 .page .contWrap .section.type1 .title {
	margin-right: 100px;
}

.offerSlide .pageWrap.astr_365 .page .tabList {
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #ccc;
}

.offerSlide .pageWrap.astr_365 .page .tabList dl {
	padding-left: 10%;
}

.offerSlide .pageWrap.astr_365 .page .tabList .link {
	position: absolute;
	left: 10%;
	bottom: 120px;
}

.offerSlide .pageWrap.astr_365 .page .tabList .link li a {
	background: #222 url("../images/common/arr_link_wh_right.png") no-repeat;
	background-position: -webkit-calc(100% - 20px) 50%;
	background-position: -moz-calc(100% - 20px) 50%;
	background-position: calc(100% - 20px) 50%;
}

.offerSlide .pageWrap.astr_365 .page .tabList .prev {
	position: absolute;
	left: 10%;
	bottom: 50px;
	padding-left: 35px;
	background: url("../images/common/arr_offer_left.png") no-repeat 0 50%;
}

.offerSlide .pageWrap.astr_365 .slogan {
	right: -30px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/* current */
/* .offerSlide .slideWrapper.current_medi .pageWrap .sectionWrap button,
.offerSlide .slideWrapper.current_365 .pageWrap .sectionWrap button {display:none;} */
.offerSlide .slideWrapper.current_medi .pageWrap.astr_365 {
	width: 30%;
}

.offerSlide .slideWrapper.current_medi .pageWrap.astr_365:after {
	z-index: 4;
	opacity: 1;
}

.offerSlide .slideWrapper.current_medi .pageWrap.astr_365 button.goPrev
	{
	display: block;
}

.offerSlide .slideWrapper.current_medi .pageWrap.astr_365 button.goInit
	{
	display: none;
}

.offerSlide .slideWrapper.current_medi .pageWrap.astr_medi {
	width: 70%;
	max-width: -webkit-calc(100% - 480px);
	max-width: -moz-calc(100% - 480px);
	max-width: calc(100% - 480px);
}

.offerSlide .slideWrapper.current_medi .pageWrap.astr_medi button.goInit
	{
	display: none;
}

.offerSlide .slideWrapper.current_medi .pageWrap.astr_medi .sectionWrap
	{
	width: 70%;
}

.offerSlide .slideWrapper.current_medi .pageWrap.astr_medi .sectionWrap.cont
	{
	width: 100%;
	padding-left: 30%;
}

.offerSlide .slideWrapper.current_medi .pageWrap.astr_medi .page .contWrap
	{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.offerSlide .slideWrapper.current_medi .pageWrap.astr_medi .slogan {
	opacity: 0;
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_medi {
	width: 30%;
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_medi:after {
	z-index: 4;
	opacity: 1;
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_medi button.goPrev
	{
	display: block;
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_medi button.goInit
	{
	display: none;
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_365 {
	width: 70%;
	max-width: -webkit-calc(100% - 480px);
	max-width: -moz-calc(100% - 480px);
	max-width: calc(100% - 480px);
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_365 button.goInit {
	display: none;
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_365 .sectionWrap {
	width: 70%;
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_365 .sectionWrap.cont
	{
	width: 100%;
	padding-right: 30%;
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_365 .page .contWrap
	{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.offerSlide .slideWrapper.current_365 .pageWrap.astr_365 .slogan {
	opacity: 0;
}

/* 제품리스트 */
.pdtItem {
	position: relative;
	padding: 0 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pdtItem .linkArea {
	position: relative;
	display: block;
}

.pdtItem .pdtFlag {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
}

.pdtItem .innerWrap .thumbnail {
	overflow: hidden;
	display: block;
	width: 100%;
}

.pdtItem .innerWrap .thumbnail img {
	transform: scale(1);
	transition: transform 0.5s ease;
}

.pdtItem .innerWrap .thumbnail img:hover {
	transform: scale(1.05);
}

.pdtItem .thumbnail {
	position: relative;
}

.pdtItem .thumbnail img {
	font-size: 0;
	object-fit: cover;
	object-position: center center;
	aspect-ratio: 1/1;
	width: 411px;
	height: 411px;
}
.pdtItem .thumbnail.pcThum img {
	width: 100%;
	height: 100%;
}

.pdtItem .thumbnail .bnfBadge {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.pdtItem .typeLabel {
	display: inline-block;
	height: 22px;
	padding: 0 6px;
	line-height: 22px;
	background: #222;
	font-size: 12px;
	color: #fff;
}

.pdtItem .typeLabel.type_md {
	background: #222;
}

.pdtItem .typeLabel.type_365 {
	background: #5f77ba;
}

.pdtItem .infoWrap {
	letter-spacing: -0.03em;
}

.pdtItem .infoWrap .desc {
	display: block;
	margin-top: 12px;
	color: #222;
}

.pdtItem .infoWrap .name {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.pdtItem .infoWrap .name a {
	color: #222;
}

.pdtItem .infoWrap .price {
	display: block;
	margin-top: 12px;
	color: #222;
}

.pdtItem .infoWrap .price .cost {
	margin-right: 10px;
	text-decoration: line-through;
	color: #888;
}

.pdtItem .infoWrap .price .num {
	font-size: 14px;
	color: #5f77ba;
}

.pdtItem .infoWrap .price .vol {
	position: relative;
	display: inline-block;
	padding-left: 7px;
	margin-left: 6px;
	color: #888;
}

.pdtItem .infoWrap .price .vol:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #888;
}

.pdtItem .infoWrap .price .soldout {
	font-size: 14px;
	color: #ff3f3c;
}

.pdtItem .infoWrap .price .rvCnt {
	margin-top: -5px;
	margin-left: 8px;
}

/* .pdtItem .infoWrap .rating {margin-top:15px;} */
.pdtItem .infoWrap .rvw {
	margin-top: 15px;
	font-size: 0;
}

.pdtItem .infoWrap .rvw .rating {
	display: inline-block;
	vertical-align: middle;
}

.pdtItem .infoWrap .rvCnt {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	vertical-align: middle;
	font-size: 15px;
	color: #333;
}

.pdtItem .infoWrap .rvCnt:before {
	position: absolute;
	left: 0;
	top: 6px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #5f77ba;
}

.pdtItem .infoWrap .keyword {
	display: block;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 2px solid #222;
	line-height: 20px;
}

.pdtItem .infoWrap .keyword em {
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
}

.pdtItem .infoWrap .keyword em:last-of-type {
	margin-right: 0;
}

.pdtItem .btnCart {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 110px;
	height: 110px;
	margin: 0 1px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: rgba(95, 118, 186, 0.8);
	font-size: 13px;
	color: #fff;
	outline: none;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}

.pdtItem .btnCart span {
	display: block;
	padding-top: 35px;
	background: url("../images/common/ico_btn_cart.png") no-repeat 36px 0;
}

.pdtItem.hover .btnCart {
	visibility: visible;
	opacity: 1;
}

.pdtItem .btnRestock {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 110px;
	height: 110px;
	margin: 0 1px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: rgba(102, 102, 102, 0.8);
	font-size: 13px;
	color: #fff;
	outline: none;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}

.pdtItem .btnRestock span {
	display: block;
	padding-top: 35px;
	background: url("../images/common/ico_btn_restock.png") no-repeat 50%
		5px;
}

.pdtItem.hover .btnRestock {
	visibility: visible;
	opacity: 1;
}

.bnfBadge {
	font-size: 0;
}

.bnfBadge span {
	display: inline-block;
	min-width: 46px;
	height: 22px;
	padding: 0 10px;
	margin-left: 2px;
	background: #222;
	text-align: center;
	line-height: 22px;
	font-family: 'Montserrat';
	font-size: 11px;
	letter-spacing: -0.03em;
	color: #fff;
	box-sizing: border-box;
}

.bnfBadge span.sale {
	background: #5f77ba;
}

.bnfBadge span:first-child {
	margin-left: 0;
}

.pdtFlag {
	font-size: 0;
}

.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 em {
	display: inline-block;
	line-height: 1;
	margin-top: 12px;
}

.pdtFlag span:first-child {
	margin-left: 0;
}
/*
.pdtListWrapType1 {
  overflow: hidden;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.pdtListWrapType1:nth-of-type(odd) {
  background: #f8f8f8;
}

.pdtListWrapType1:nth-of-type(even) {
  background: #f2f2f2;
}

.pdtListWrapType1.on {
  margin-top: 0;
  opacity: 1;
}

.pdtListWrapType1:nth-of-type(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.pdtListWrapType1:nth-of-type(3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.pdtListWrapType1:nth-of-type(4) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.pdtListWrapType1:nth-of-type(5) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.pdtListWrapType1:nth-of-type(6) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.pdtListWrapType1:nth-of-type(7) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.pdtListWrapType1:nth-of-type(8) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.pdtListWrapType1:nth-of-type(9) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.pdtListWrapType1:nth-of-type(10) {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.pdtListWrapType1.off {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.pdtListWrapType1 .lineInfo {
  float: left;
  width: 404px;
  padding: 285px 70px 0;
  letter-spacing: -0.05em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pdtListWrapType1 .lineInfo .lineDesc {
  font-size: 16px;
  font-family: 'Pretendard bold';
}

.pdtListWrapType1 .lineInfo .lineName {
  margin: 5px 0;
  font-size: 32px;
  font-family: 'Pretendard bold';
  color: #222;
}

.pdtListWrapType1 .lineInfo .desc {
  font-size: 16px;
  line-height: 24px;
  color: #222;
  word-break: keep-all;
}

.pdtListWrapType1 .lineInfo .btnTxt {
  margin-top: 50px;
  padding-right: 16px;
  background: url("../images/product/arr_viewall.png") no-repeat 100% 50%;
}

.pdtListWrapType1 .pdtListType1 {
  overflow: hidden;
  float: left;
  width: -webkit-calc(100% - 404px);
  width: -moz-calc(100% - 404px);
  width: calc(100% - 404px);
}

.pdtListType1 .item .price .soldout {
  color: #ff3f3c;
}

.pdtListWrapType1 .pdtListType1 .listWrap {
  position: relative;
}

.pdtListWrapType1 .pdtListType1 .listWrap:after {
  content: "";
  display: block;
  clear: both;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item {
  width: 28%;
  height: 578px;
  max-height: 578px;
  text-align: center;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item a {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 578px;
  padding: 125px 30px 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item a:hover {
  background: #eee;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap {
  max-width: 320px;
  max-height: 578px;
  margin: 0 auto;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap .thumbnail {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap .thumbnail img {
  width: 100%;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap .desc {
  display: block;
  margin-top: 10px;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap .name {
  overflow: hidden;
  display: block;
  margin: 15px 0 4px;
  font-size: 16px;
  color: #222;
  height: 3em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap .price {
  display: block;
  font-size: 13px;
  color: #222;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap .price em {
  font-size: 14px;
  color: #5f77ba;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap .price .cost {
  margin-right: 10px;
  font-size: 14px;
  text-decoration: line-through;
  color: #888;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap .price .cost i {
  font-size: 13px;
  vertical-align: top;
}

.pdtListWrapType1 .pdtListType1 .listWrap .item .innerWrap .rating {
  margin-top: 13px;
}

.pdtListWrapType1 .pdtListType1 .listNav {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 40px;
  height: 100%;
  background: url("../images/common/blank.gif");
  outline: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.pdtListWrapType1 .pdtListType1 .listNav.btnPrev {
  left: 0;
}

.pdtListWrapType1 .pdtListType1 .listNav.btnNext {
  right: 0;
}

.pdtListWrapType1 .pdtListType1 .listNav span {
  display: block;
  width: 40px;
  height: 100%;
  background: #7e91c6 url("../images/product/arr_list_navi.png") no-repeat 0 50%;
  font-size: 0;
  color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.pdtListWrapType1 .pdtListType1 .listNav.btnPrev span {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.pdtListWrapType1 .pdtListType1 .listNav.btnNext span {
  background-position: 100% 50%;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.pdtListWrapType1 .pdtListType1 .listNav:hover span {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.pdtListWrapType1 .pdtListType1 .listNav.hidden {
  display: none;
}


.pdtListType2 .pdtItem {
  width: 33.333%;
  margin-bottom: 100px;
}

.pdtListType2 .pdtItem:nth-of-type(3n-2) {
  clear: both;
}

.pdtListWrapType2 {
  position: relative;
}

.pdtListWrapType2 .lineInfo {
  float: left;
  position: relative;
  width: 33.3%;
  padding-top: 33.3%;
}

.pdtListWrapType2 .lineInfo .txtWrap {
  position: absolute;
  left: 10%;
  top: 19%;
  z-index: 1;
  letter-spacing: -0.05em;
}

.pdtListWrapType2 .lineInfo .txtWrap .lineType {
  display: inline-block;
  height: 24px;
  padding: 0 4px;
  line-height: 22px;
  font-size: 16px;
  font-family: 'Pretendard bold';
  color: #fff;
}

.pdtListWrapType2 .lineInfo .txtWrap .lineType.type_md {
  background: #222;
}

.pdtListWrapType2 .lineInfo .txtWrap .lineType.type_365 {
  background: #5f77ba;
}

.pdtListWrapType2 .lineInfo .txtWrap .lineName {
  margin: 8px 0;
  font-size: 32px;
  font-family: 'Pretendard bold';
  color: #222;
}

.pdtListWrapType2 .lineInfo .txtWrap .desc {
  width: 220px;
  font-size: 16px;
  color: #222;
  word-break: keep-all;
}

.pdtListWrapType2 .lineInfo img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.pdtListWrapType2 .pdtListType2 .pdtItem {
  position: relative;
  padding: 33.3% 0 0 0;
  margin-bottom: 0;
  background: #f2f2f2;
}

.pdtListWrapType2 .pdtListType2 .pdtItem:first-child {
  margin-left: 33.3%;
}

.pdtListWrapType2 .pdtListType2 .pdtItem:nth-of-type(6n + 1),
.pdtListWrapType2 .pdtListType2 .pdtItem:nth-of-type(6n + 2),
.pdtListWrapType2 .pdtListType2 .pdtItem:nth-of-type(6n + 3) {
  background: #f3f5f9;
}

.pdtListWrapType2 .pdtListType2 .pdtItem:nth-of-type(3n-2) {
  clear: none;
}

.pdtListWrapType2 .pdtListType2 .pdtItem a.linkArea {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.pdtListWrapType2 .pdtListType2 .pdtItem.hover a.linkArea {
  background: #ececec;
}

.pdtListWrapType2 .pdtListType2 .pdtItem.hover a.linkArea .infoWrap {
  bottom: 7%;
}

.pdtListWrapType2 .pdtListType2 .pdtItem.hover a.linkArea .thumbnail img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.pdtListWrapType2 .pdtListType2 .pdtItem .pdtFlag {
  position: absolute;
  left: 9%;
  top: 6%;
}

.pdtListWrapType2 .pdtListType2 .pdtItem .innerWrap {
  width: 100%;
}

.pdtListWrapType2 .pdtListType2 .pdtItem .innerWrap .thumbnail {
  width: 60%;
  margin: 7% auto 0;
}

.pdtListWrapType2 .pdtListType2 .pdtItem .innerWrap .thumbnail img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.pdtListWrapType2 .pdtListType2 .pdtItem .innerWrap .infoWrap {
  position: absolute;
  left: 0;
  bottom: 6%;
  width: 100%;
  padding: 0 9%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s 0.2s;
  transition: all 0.4s 0.2s;
}

.pdtListWrapType2 .pdtListType2 .pdtItem .innerWrap .name {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.pdtListWrapType2 .pdtListType2 .pdtItem .innerWrap .keyword {
  padding-top: 0;
  border-top: none;
  font-size: 13px;
  color: #5f77ba;
}
*/
.pdtListType3 .listWrap>ul {
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	gap: 15px;
}

.pdtListType3 .listWrap>ul>li {
	width: calc(33.33% - 15px);
	padding: 0;
	text-align: center;
}

.pdtListType3 .pdtItem {
	padding: 0;
}

.pdtListType3 .pdtItem .thumbnail {
	background: #f3f5f9;
}
.pdtListType3 .pdtItem .thumbnail.pcThum picture {
	height: 100%;
	display: block;
	width: 100%;
}
.pdtListType3 .pdtItem .thumbnail picture {
	height: 391px;
	display: block;
	width: 391px;
}

.pdtListType3 .pdtItem .infoWrap .name {
	margin-top: 15px;
	font-size: 16px;
	text-align: left;
}

.pdtListType3 .pdtItem .infoWrap .desc {
	overflow: hidden;
	margin-top: 25px;
	color: #888;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdtListType3 .pdtItem .price {
	display: block;
	margin: 20px 0 10px;
}

.pdtListType3 .pdtItem .price .cost {
	margin-right: 10px;
	text-decoration: line-through;
	font-size: 14px;
	color: #888;
}

/* .pdtListType3 .pdtItem .price .cost i {
  font-size: 13px;
  vertical-align: text-top;
} */
.pdtListType3 .pdtItem .price .vol {
	margin-top: 0;
}

.pdtListType3 .pdtItem .value {
	overflow: hidden;
	margin: 10px 0 15px;
}

.pdtListType3 .pdtItem .value .price {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.pdtListType3 .pdtItem .value .msr_price {
	display: block;
}

.pdtListType3 .pdtItem .value .msr_price.none_price {
	opacity: 0;
}

.pdtListType3 .pdtItem .value .qtyOption {
	display: inline-block;
	/* margin-left: 15px; */
	vertical-align: middle;
}

.pdtListType3 .pdtItem .keyword {
	border-top: none;
	padding-top: 0;
	margin-top: 15px;
	text-align: left;
}

.pdtListType3 .pdtItem .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;
}

.pdtListType3 .pdtItem .btn.select {
	width: 150px;
}

.pdtListWrapType3 .pdtListType3 .listWrap {
	margin: 0;
	text-align: center;
}

.pdtListWrapType3 .pdtListType3 .pdtItem {
	float: none;
	display: inline-block;
	padding: 0 3px;
	margin-top: 80px;
	vertical-align: top;
}

.pdtListWrapType3 .pdtListType3 .pdtItem:nth-of-type(1),
	.pdtListWrapType3 .pdtListType3 .pdtItem:nth-of-type(2),
	.pdtListWrapType3 .pdtListType3 .pdtItem:nth-of-type(3) {
	margin-top: 0;
}

.pdtListWrapType3 .pdtListType3 .pdtItem .infoWrap .name {
	display: -webkit-box;
}

/* 썸네일 화살표 수정 및 우측 짤림 수정
.pdtView .pdtVisual .thumbnail .slick-arrow.slick-next {
	top: auto;
}

.pdtView .pdtVisual .visualArea .slick-arrow.slick-prev {
	left: -11px !important;
	background: transparent;
}

.pdtView .pdtVisual .visualArea .slick-arrow.slick-next {
	right: -11px !important;
}

.slider-nav-thumbnails  .slick-list {
	margin-left: -20px;
}

.pdtView .pdtVisual .thumbnail .item {
	width: 104px !important;
	overflow: hidden;
}

.pdtView .pdtVisual .thumbnail .item img {
	object-position: center;
}

.pdtView .pdtVisual .thumbnail .item.slick-current button:after {
	top: -1px !important;
} */

/* sns 공유 */
.snsShare:after {
	content: "";
	display: block;
	clear: both;
}

.snsShare li {
	float: left;
	margin-right: 5px;
}

.snsShare li:last-child {
	margin-right: 0;
}

.snsShare li a {
	display: block;
	width: 30px;
	height: 30px;
	background: url("../images/common/ico_sns_share.png?ver=20240527_1")
		no-repeat;
	font-size: 0;
	color: transparent;
}

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

.snsShare li.kakao a {
	background-position: -30px 0;
}

.snsShare li.url a {
	background-position: -60px 0;
}

.snsShare li a:hover {
	-ms-background-position-y: -30px;
	background-position-y: -30px;
}

/* 관련제품 */
.pdt_list_simple {
	margin-top: 60px;
	border-top: 1px solid #000;
}

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

.pdt_list_simple ul li:first-child {
	margin-top: 20px;
}

.pdt_list_simple ul li a, .pdt_list_simple .item a {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	letter-spacing: -0.03em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pdt_list_simple ul li a .thumb, .pdt_list_simple .item a .thumb {
	position: relative;
	display: inline-block;
}

.pdt_list_simple ul li a .thumb .btnCart, .pdt_list_simple .item a .thumb .btnCart
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(95, 119, 186, 0.8)
		url("../images/common/ico_btn_cart.png") no-repeat 16px 50%;
	outline: none;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}

.pdt_list_simple ul li a .thumb:hover .btnCart, .pdt_list_simple .item a .thumb:hover .btnCart
	{
	opacity: 1;
	visibility: visible;
}

.pdt_list_simple ul li a img, .pdt_list_simple .item a img {
	width: 70px;
	background: #f8f8f8;
}

.pdt_list_simple ul li a .info, .pdt_list_simple .item a .info {
	position: absolute;
	left: 90px;
	top: 50%;
	width: -webkit-calc(100% - 90px);
	width: -moz-calc(100% - 90px);
	width: calc(100% - 90px);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pdt_list_simple ul li a .name, .pdt_list_simple .item a .name {
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pdt_list_simple ul li a .enName, .pdt_list_simple .item a .enName {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pdt_list_simple ul li a .price, .pdt_list_simple .item a .price {
	margin-top: 12px;
	font-size: 12px;
	color: #5f77ba;
}

.pdt_list_simple ul li a .price .cost, .pdt_list_simple .item a .price .cost
	{
	margin-right: 5px;
	text-decoration: line-through;
	color: #888;
}

.pdt_list_simple ul li a .soldout, .pdt_list_simple .item a .soldout {
	margin-top: 12px;
	font-size: 12px;
	color: #ff3f3c;
}

/* 쇼핑 alert */
#shoppingAlert {
	position: fixed;
	left: 50%;
	top: 45%;
	z-index: 50;
	width: 170px;
	height: 170px;
	margin: -85px 0 0 -85px;
	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
		59px 40px;
	text-align: center;
	line-height: 24px;
	color: #fff;
}

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

.main .contents {
	box-sizing: border-box;
	max-width: 1580px;
	min-width: 1280px;
	width: auto;
	padding: 0 20px;
}

.main .contents h2 {
	margin-bottom: 55px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 36px;
	color: #000;
}

.main .mainVisual {
	position: relative;
	height: -webkit-calc(100vh - 165px);
	height: -moz-calc(100vh - 165px);
	height: calc(100vh - 165px);
	margin-top: 150px;
}
/*
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  content: "";
  display: block;
  width: 100%;
  height: 274px;
  background: url("../images/product/bg_shadow.png") repeat-x;
}
*/
.main .mainVisual .scroll {
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 60px;
	height: 80px;
	margin-left: -30px;
}

.main .mainVisual .scroll img {
	position: absolute;
	left: 0;
	top: 0;
}

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

.main .mainVisual .slide {
	position: relative;
	width: 100%;
	height: 100% !important;
	outline: transparent;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.main .mainVisual .slide .txt {
	transform: translateY(-75%);
	position: absolute;
	left: 0;
	right: 0;
	top: 60%;
	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;
}

.main .mainVisual .txt1 {
	overflow: hidden;
	margin-bottom: 45px;
	font-size: 44px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: inherit;
}

.main .mainVisual .txt2, .main .mainVisual .txt3 {
	overflow: hidden;
	width: 50%;
	font-size: 28px;
	line-height: 1.2em;
	font-family: 'Montserrat';
	color: inherit;
}

.main .mainVisual .viewMore {
	position: relative;
	margin-top: 55px;
	top: -50px;
	opacity: 0;
	-webkit-transition: all 1s 0.5s ease;
	transition: all 1s 0.5s ease;
}

.main .mainVisual .viewMore a {
	height: 48px;
	padding: 0 37px;
	line-height: 48px;
	font-size: 14px;
	color: #fff;
	background-color: #5887da;
	border: 1px solid #5887da;
}

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

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

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

.main .mainVisual .txt1 {
	line-height: 40px;
	position: relative;
	display: block;
	/*
  -webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
  */
	top: -50px;
	opacity: 0;
	-webkit-transition: all 1s 0.2s ease;
	transition: all 1s 0.2s ease;
}

.main .mainVisual .txt2 {
	position: relative;
	display: block;
	/*
  -webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
  */
	top: -50px;
	opacity: 0;
	-webkit-transition: all 1s 0.35s ease;
	transition: all 1s 0.35s ease;
}

.main .mainVisual .txt3 {
	position: relative;
	display: block;
	/*
  -webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
  */
	top: -50px;
	opacity: 0;
	-webkit-transition: all 1s 0.35s ease;
	transition: all 1s 0.35s ease;
}

.main .mainVisual .viewMore a {
	position: relative;
	display: inline-block;
	transition: all .2s;
	/*
  -webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
  */
}

.main .mainVisual .viewMore a:hover {
	color: #fff;
	background-color: #5887da;
	border-color: #fff;
}

.main .mainVisual .viewMore a.colorWh {
	background-color: #fff;
	border-color: #fff;
	color: #222;
}

.main .mainVisual .viewMore a.colorWh:hover {
	color: #fff;
	background-color: #5887da;
	border-color: #fff;
}

.main .mainVisual a {
	position: relative;
	top: -40px;
}

.main .mainVisual .on .txt1, .main .mainVisual .on .txt2, .main .mainVisual .on .txt3,
	.main .mainVisual .on .viewMore {
	/* -webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0); */
	top: 0;
	opacity: 1;
}

.main .mainVisual .on a {
	top: 0;
	opacity: 1;
}

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

.main .mainVisual .slide.mv iframe {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 110% !important;
	height: 56.25vw !important;
	min-height: 100vh;
	transform: translate(-50%, -50%);
}

.main .mainVisual .indicator {
	position: absolute;
	left: 50%;
	bottom: 140px;
	width: 600px;
	text-align: right;
}

.main .mainVisual .indicator li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}

.main .mainVisual .indicator li button {
	width: 8px;
	height: 8px;
	background: #666;
	font-size: 0;
	color: transparent;
	outline: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.main .mainVisual .indicator li.slick-active button {
	width: 24px;
	height: 24px;
	background: #5f77ba url("../images/main/ico_main_visual.png") no-repeat
		6px 5px;
}

.main .mainVisual .numCount {
	font-size: 14px;
}

.main .mainVisual .slideUnit .progress {
	width: 160px;
	display: block;
	height: 2px;
	overflow: hidden;
	margin: 0 15px 0 12px;
	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;
}

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

.main .mainVisual .slideUnit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	z-index: 5;
	height: 15px;
	margin-left: 20px;
	inset: auto 0 60px;
}

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

.main .mainVisual .slideUnit .slick-arrow:after {
	background-color: transparent;
	content: "";
}

.main .mainVisual .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;
}

.main .mainVisual .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;
}

.mainPromotion .contents {
	padding: 120px 60px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

.mainPromotion .bannerSec {
	position: relative;
	width: 481px;
}

.mainPromotion .bannerSec .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	color: #aaa;
}

.mainPromotion .bannerSec .item .img {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 481px;
	height: 533px;
}

.mainPromotion .bannerSec .item .img img {
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.mainPromotion .bannerSec .item .txt {
	position: absolute;
	margin-left: 100px;
	font-size: 26px;
	font-family: 'Montserrat';
	letter-spacing: -0.08em;
	line-height: 40px;
	color: #222;
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}

.mainPromotion .bannerSec .item .txt sup {
	font-size: 0.5em;
	font-family: inherit;
}

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

.mainPromotion .bannerSec .item a {
	display: block;
}

.mainPromotion .bannerSec .item a:hover .img img {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

.mainPromotion .steadySeller {
	float: left;
	padding-left: 22px;
	-webkit-transform: translateY(75px);
	-ms-transform: translateY(75px);
	transform: translateY(75px);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.mainPromotion .steadySeller .tit {
	position: absolute;
	left: -54px;
	top: 50px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.mainPromotion .steadySeller .item {
	padding-bottom: 40px;
}

.mainPromotion .steadySeller .item .txt {
	left: 50px;
	bottom: 7px;
}

.mainPromotion .newPdt {
	float: right;
	padding-right: 22px;
	margin-top: 120px;
	-webkit-transform: translateY(-75px);
	-ms-transform: translateY(-75px);
	transform: translateY(-75px);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.mainPromotion .newPdt .tit {
	position: absolute;
	right: -52px;
	bottom: 50px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.mainPromotion .newPdt .item {
	padding-top: 30px;
	text-align: right;
}

.mainPromotion .newPdt .item .txt {
	left: 50px;
	top: -4px;
	text-align: left;
}

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

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

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

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

.mainPromotion .slick-dots {
	position: absolute;
}

.mainPromotion .steadySeller .slick-dots {
	right: 15px;
	top: 12px;
}

.mainPromotion .newPdt .slick-dots {
	left: 15px;
	bottom: 20px;
}

.blogPost {
	padding-top: 120px;
	opacity: 0;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	clear: both;
}

.blogPost .secTit {
	margin-bottom: 70px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 32px;
	color: #222;
	text-align: center;
}

.blogPost .contents {
	overflow: hidden;
	padding: 0 160px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.blogPost .item {
	width: 390px;
}

.blogPost .item:first-child {
	float: left;
}

.blogPost .item:last-child {
	float: right;
}

.blogPost .item:before {
	content: "";
	display: block;
	width: 80px;
	height: 5px;
	margin-bottom: 25px;
	background: #000;
}

.blogPost .item .goBlog {
	display: block;
	height: 110px;
}

.blogPost .item .goBlog .tit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.05em;
	color: #222;
}

.blogPost .item .goBlog .summary {
	margin: 15px 0 30px;
	line-height: 24px;
}

.main .mainVideo {
	padding: 85px 0 80px;
	text-align: center;
	background-color: #f9fbff;
}

.main .mainVideo .playerArea {
	position: relative;
	width: 100%;
	margin: 0 auto;
	aspect-ratio: 16/9;
}

.main .mainVideo .playerArea iframe {
	width: 100%;
	height: 100%;
}

.main .mainVideo .playerArea .cover {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 0;
	color: transparent;
}

.main .mainVideo .playerArea .cover.play:after {
	transform: translate(-50%, -50%);
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 82px;
	height: 82px;
	background: url("../images/main/ico_play.png") no-repeat;
}

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

.main .mainVideo .txt1 {
	width: 600px;
	margin: 30px auto 5px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.main .mainVideo .txt2 {
	width: 600px;
	margin: 0 auto 20px;
	font-size: 16px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.main .mainbanner {
	text-align: center;
}

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

.main .aboutbanner {
	text-align: center;
}

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

.main .tiktokarea {
	padding-top: 85px;
	text-align: center;
}

.main .tiktokarea .contents ul {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.main .tiktokarea .contents ul li {
	width: 25%;
	aspect-ratio: 9/16;
}

.main .tiktokarea .contents ul li iframe {
	width: 100%;
	height: 100%;
}

.main .dermaclinic {
	margin-top: 80px;
	padding: 95px 0 50px;
	text-align: center;
	background-color: #f9fbff;
}

.main .dermaclinic h2 {
	margin-bottom: 55px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 36px;
	color: #000;
}

.main .dermaclinic .contents {
	max-width: 1320px;
	margin-bottom: 0;
}

.main .dermaThumb {
	display: flex;
	gap: 8px;
	justify-content: space-between;
}

.main .dermaThumb li {
	flex-grow: 1;
	overflow: hidden;
}

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

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

.main .dermaAsk {
	margin-top: 50px;
}

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

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

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

.main .dermaAsk .list .item {
	margin-top: 25px !important;
}

.main .dermaAsk .list .item li {
	margin-bottom: 15px;
	height: 45px;
}

.main .dermaAsk .list .item li a {
	font-size: 20px;
	color: #333;
	line-height: 30px;
}

.main .dermaAsk .list .item li a strong {
	font-family: 'Montserrat';
	font-weight: bold;
}

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

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

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

.main .dermaAsk .tabBox .slick-dots li a {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 25px 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #777;
}

.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 {
	position: relative;
	margin-top: 120px;
	text-align: center;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.main .astrSNS.on {
	top: 0;
	opacity: 1;
}

.main .astrSNS .secTit {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 32px;
	color: #222;
}

.main .astrSNS .secTit span {
	display: block;
	margin-top: 5px;
	font-family: 'Montserrat';
	font-size: 16px;
}

.main .astrSNS .desc {
	margin-top: 16px;
	font-size: 14px;
	color: #231f20;
}

.main .astrSNS .desc a {
	text-decoration: underline;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #6077ba;
}

.main .astrSNS .list {
	overflow: hidden;
	margin: 30px 0 40px;
	font-size: 0;
}

.main .astrSNS .list .item {
	overflow: hidden;
	position: relative;
	float: left;
	width: 20%;
}

.main .astrSNS .list .item a {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}

.main .astrSNS .list .item img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}

.main .astrSNS .list .item.slick-current img, .main .astrSNS .list .item a:hover img
	{
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);
	transform: translate(-50%, -50%) scale(1.2);
}

/**
Shop main
**/
/* B2C */
.shopMain .visualBan {
	overflow: hidden;
	position: relative;
}

.shopMain .visualBan:before {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1000;
	content: "";
	display: block;
	width: 2000px;
	height: 137px;
	margin-left: -1000px;
	background: url("../images/product/bg_shadow.png") repeat-x 0 100%;
}

.shopMain .visualBan .item {
	position: relative;
	height: 537px;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

.shopMain .visualBan .item .txt {
	position: absolute;
	left: 50%;
	bottom: 150px;
	width: 1200px;
	margin-left: -600px;
	color: #222;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.shopMain .visualBan .item .txt .txt1 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 42px;
	line-height: 49px;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.shopMain .visualBan .item .txt .txt1 span {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

.shopMain .visualBan .item .txt .txt2 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-size: 16px;
	margin-top: 30px;
	-webkit-transition: all 1s 0.1s ease-in-out;
	transition: all 1s 0.1s ease-in-out;
}

.shopMain .visualBan .item .txt .btn {
	position: relative;
	top: 40px;
	opacity: 0;
	margin-top: 50px;
	-webkit-transition: all 1s 0.2s ease-in-out;
	transition: all 1s 0.2s ease-in-out;
}

.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 .visualBan .indicator {
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 600px;
	text-align: right;
}

.shopMain .visualBan .indicator li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}

.shopMain .visualBan .indicator li button {
	width: 8px;
	height: 8px;
	background: #666;
	font-size: 0;
	color: transparent;
	outline: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.shopMain .visualBan .indicator li.slick-active button {
	width: 24px;
	height: 24px;
	background: #5f77ba url("../images/main/ico_main_visual.png") no-repeat
		6px 5px;
}

.shopMain .serviceBanner {
	position: relative;
	margin: 160px 55px 110px;
	height: 490px;
}

.shopMain .serviceBanner .dt {
	display: block;
	margin-bottom: 8px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	color: #222;
}

.shopMain .serviceBanner .dd {
	font-size: 16px;
	line-height: 26px;
	color: #222;
}

.shopMain .serviceBanner .skSolution {
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: 0;
	padding-left: 40px;
}

.shopMain .serviceBanner .skSolution .txt {
	position: absolute;
	left: 0;
	top: 95px;
	width: 280px;
}

.shopMain .serviceBanner .skSolution .dd2 {
	position: absolute;
	right: -70px;
	top: 48px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #aaa;
	transform: rotate(-90deg);
}

.shopMain .serviceBanner .sample {
	position: absolute;
	right: 0;
	bottom: 45px;
}

.shopMain .serviceBanner .sample .txt {
	position: absolute;
	left: 40px;
	bottom: -50px;
}

.shopMain .serviceBanner .sample .dd2 {
	display: none;
}

.shopMain .secTitle {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 32px;
	color: #222;
}

.shopMain .secTitle span {
	display: block;
	font-family: 'Montserrat';
	font-size: 18px;
}

.shopMain .secDesc {
	display: block;
	margin-top: 3px;
	font-size: 16px;
	color: #666;
}

.shopMain .pdtRecmnd .pdtListWrapType1 {
	margin-top: 50px;
	opacity: 100;
	transition: none;
}

.shopMain .pdtRecmnd .pdtListWrapType1 .pdtListType1 {
	float: none;
	width: 100%;
}

.shopMain .pdtRecmnd .pdtListWrapType1 .pdtListType1.center .listWrap {
	justify-content: center;
}

.shopMain .pdtRecmnd .pdtListWrapType1 .pdtListType1 .listWrap .item {
	width: 19%;
}

.shopMain .pdtRecmnd .pdtListWrapType1 .pdtListType1 .listWrap .item a {
	padding-top: 70px;
}

.shopMain .timeSale {
	position: relative;
}

.shopMain .timeSale:hover .cover {
	visibility: hidden;
	opacity: 0;
}

.shopMain .timeSale .cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 480px;
	text-align: center;
	background: #fff;
	transition: all 0.1s ease-in-out;
}

.shopMain .timeSale .cover .title {
	padding: 155px 0 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.shopMain .timeSale .cover .timer span {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 90px;
	color: #222;
}

.shopMain .timeSale .cover .timer span.time {
	width: 150px;
	text-align: center;
}

.shopMain .timeSale .cover .timer span.timeHyphen {
	margin-top: -10px;
	font-size: 70px;
}

.shopMain .timeSale .viewDetail {
	height: 480px;
	background-color: #5f77ba;
}

.shopMain .timeSale .viewDetail .contents {
	padding: 30px 0;
}

.shopMain .timeSale .viewDetail .thumbnail {
	text-align: center;
}

.shopMain .timeSale .pdtInfo {
	position: absolute;
	left: 15px;
	top: 160px;
	color: #fff;
}

.shopMain .timeSale .pdtInfo .name {
	overflow: hidden;
	width: 360px;
	font-size: 34px;
	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;
}

.shopMain .timeSale .pdtInfo .desc {
	overflow: hidden;
	width: 300px;
	margin: 15px 0 15px;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.shopMain .timeSale .pdtInfo .price {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
}

.shopMain .timeSale .pdtInfo .cost {
	margin-right: 10px;
	font-family: 'Montserrat';
	font-size: 16px;
	text-decoration: line-through;
	opacity: 0.7;
}

.shopMain .timeSale .timeInfo {
	position: absolute;
	right: 15px;
	top: 160px;
	color: #fff;
}

.shopMain .timeSale .timeInfo .t {
	font-family: 'Montserrat';
	font-weight: bold;
}

.shopMain .timeSale .timeInfo .timer {
	margin: 5px 0 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 42px;
}

.shopMain .timeSale .timeInfo .timer .time {
	display: inline-block;
	width: 52px;
}

.shopMain .timeSale .timeInfo .timer .timeHyphen {
	font-size: 32px;
	vertical-align: top;
	line-height: 46px;
}

.shopMain .timeSale .timeInfo .btn {
	width: 225px;
}

.shopMain .timeSale .timeInfo .btn a {
	border-color: #fff;
	color: #fff;
}

.shopMain .timeSale .timeInfo .btn a:hover {
	background: #fff;
	color: #5f77ba;
}

.shopMain .timeSale .progress {
	position: absolute;
	left: 15px;
	bottom: 60px;
	color: #fff;
}

.shopMain .timeSale .progress:after {
	content: "";
	display: block;
	clear: both;
}

.shopMain .timeSale .progress .value {
	display: block;
	float: left;
	width: 45px;
}

.shopMain .timeSale .progress .end {
	text-align: right;
}

.shopMain .timeSale .progress .bar {
	position: relative;
	float: left;
	width: 1080px;
	margin-top: 10px;
}

.shopMain .timeSale .progress .gauge {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 2px;
	background: rgba(255, 255, 255, 0.3);
}

.shopMain .timeSale .progress .gauge em {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	transition: all 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.shopMain .timeSale .progress .label {
	position: absolute;
	left: 0;
	bottom: 20px;
	height: 30px;
	padding: 0 8px;
	line-height: 28px;
	background: #222;
	white-space: nowrap;
	font-size: 13px;
	color: #fff;
	transform: translateX(-50%);
	transition: all 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.shopMain .timeSale .progress .label:after {
	position: absolute;
	left: 50%;
	bottom: -3px;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background: #222;
	transform: rotate(45deg);
}

.shopMain .md365 {
	padding-top: 120px;
	background: url("../images/product/bg_md365_top.gif");
}

.shopMain .md365 .secTitle {
	font-family: 'Montserrat';
	font-weight: bold;
}

.shopMain .md365 .line_box {
	position: absolute;
	width: 345px;
}

.shopMain .md365 .line_box .category {
	font-size: 12px;
}

.shopMain .md365 .line_box .subTit {
	margin: 10px 0 18px;
	padding: 7px 0 9px;
	border-top: 2px solid #222;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.shopMain .md365 .line_box .lineNm {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 26px;
	color: #222;
}

.shopMain .md365 .line_box .lineDesc {
	margin: 5px 0 22px;
	line-height: 24px;
}

.shopMain .md365 .line_box .label {
	position: relative;
	display: inline-block;
	height: 30px;
	padding: 0 8px;
	background: #222;
	line-height: 30px;
	font-size: 12px;
	font-family: 'Montserrat';
	color: #fff;
}

.shopMain .md365 .line_box .label:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	width: 345px;
	height: 1px;
	background: #222;
}

.shopMain .md365 .line_box .pdt_list_simple {
	border-top: none;
	margin-top: 0;
}

.shopMain .md365 .line_md {
	left: 15px;
	top: 290px;
}

.shopMain .md365 .line_365 {
	right: 15px;
	top: 130px;
}

.shopMain .md365 .faq {
	margin-top: -100px;
	background: #f2f2f2;
}

.shopMain .md365 .item {
	padding: 110px 0 140px;
	text-align: center;
	outline: none;
}

.shopMain .md365 .item .q {
	padding: 0 100px;
	font-size: 24px;
	line-height: 32px;
	color: #222;
	-ms-word-break: break-all;
	word-break: break-all;
}

.shopMain .md365 .item .qNum {
	display: block;
	padding-top: 42px;
	margin-bottom: 15px;
	background: url("../images/product/ico_quotes.png") no-repeat 50% 0;
	font-family: 'Montserrat';
	font-size: 16px;
	color: #5f77ba;
}

.shopMain .md365 .item .a {
	padding: 0 230px;
	margin-top: 20px;
	line-height: 24px;
	-ms-word-break: break-all;
	word-break: break-all;
}

.shopMain .md365 .slick-arrow {
	position: absolute;
	display: block;
	width: 20px;
	height: 40px;
	background: url("../images/product/arr_faq.png") no-repeat;
	font-size: 0;
	color: transparent;
	outline: none;
	z-index: 1;
}

.shopMain .md365 .slick-arrow.slick-prev {
	left: 15px;
	top: 50%;
}

.shopMain .md365 .slick-arrow.slick-next {
	right: 15px;
	top: 50%;
	background-position: 100% 0;
}

.shopMain .md365 .slick-dots {
	position: absolute;
	left: 0;
	bottom: 85px;
	width: 100%;
	text-align: center;
}

.shopMain .bestReview {
	padding-top: 140px;
}

.shopMain .bestReview .postingList {
	border-top: none;
	padding-top: 0;
}

.shopMain .bestReview .postingList:before {
	display: none;
}

.shopMain .bestReview .postingList .list {
	padding-top: 0;
}

.shopMain .bestReview .viewMore {
	border-top: 1px solid #dcdcdc;
	padding-top: 15px;
	text-align: right;
}

.shopMain .bestReview .viewMore a {
	position: relative;
	padding-left: 15px;
	color: #222;
}

.shopMain .bestReview .viewMore a:before {
	position: absolute;
	left: 0;
	top: 11px;
	content: "";
	display: block;
	width: 11px;
	height: 1px;
	background: #5f77ba;
}

.shopMain .bestReview .viewMore a:after {
	position: absolute;
	left: 5px;
	top: 6px;
	content: "";
	display: block;
	width: 1px;
	height: 11px;
	background: #5f77ba;
}

.shopMain .newPdt {
	padding-top: 75px;
}

.shopMain .newPdt .secTitle {
	text-align: center;
}

.shopMain .newPdt .secTitle span {
	display: block;
	font-family: 'Montserrat';
	font-size: 18px;
}

.shopMain .newPdt .pdtListType3 {
	margin-top: 40px;
}

.shopMain .newPdt .pdtListType3 .pdtItem .infoWrap .name {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.shopMain .bestSeller {
	padding-top: 75px;
	margin-top: 120px;
	border-top: 1px solid #dcdcdc;
}

.shopMain .bestSeller .secTitle {
	text-align: center;
}

.shopMain .bestSeller .secTitle span {
	display: block;
	font-family: 'Montserrat';
	font-size: 18px;
}

.shopMain .bestSeller .pdtListType3 {
	margin-top: 40px;
}

.shopMain .bestSeller .pdtListType3 .pdtItem .thumbnail img {
	font-size: 0;
}

.shopMain .bestSeller .pdtListType3 .pdtItem .infoWrap .name {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.shopMain .promotion {
	overflow: hidden;
	padding-top: 120px;
}

.shopMain .promotion .giftType {
	float: left;
	margin-right: 10px;
}

.shopMain .promotion .ev_etc {
	position: relative;
	float: left;
	width: 700px;
}

.shopMain .promotion .ev_etc .slick-dots {
	position: absolute;
	right: 20px;
	top: 20px;
}

.shopMainB .footer {
	margin-top: 250px;
}

.shopMainB .secTitle {
	padding: 45px 0 20px;
	margin-top: 80px;
	border-top: 1px solid #dcdcdc;
	font-size: 16px;
	color: #222;
	text-align: center;
}

/* .shopMainB .contents:first-of-type .secTitle{border-top:none; margin-top:0;} */
.shopMainB .secTitle span {
	display: block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 32px;
}

.shopMainB .visualBan .item {
	display: table;
	height: 537px;
	text-align: center;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.shopMainB .visualBan .item .txt {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.shopMainB .visualBan .item .txt1 {
	position: relative;
	top: 40px;
	opacity: 0;
	font-size: 40px;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.shopMainB .visualBan .item .txt1 span {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

.shopMainB .visualBan .item .txt2 {
	position: relative;
	top: 40px;
	opacity: 0;
	margin-top: 10px;
	font-size: 21px;
	-webkit-transition: all 1s 0.1s ease-in-out;
	transition: all 1s 0.1s ease-in-out;
}

.shopMainB .visualBan .item.slick-current .txt1, .shopMainB .visualBan .item.slick-current .txt2
	{
	top: 0;
	opacity: 1;
}

.shopMainB .visualBan .indicator {
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 585px;
	text-align: right;
}

.shopMainB .visualBan .indicator li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}

.shopMainB .visualBan .indicator li:last-child {
	margin-right: 0;
}

.shopMainB .visualBan .indicator li button {
	width: 8px;
	height: 8px;
	background: #666;
	font-size: 0;
	color: transparent;
	outline: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.shopMainB .visualBan .indicator li.slick-active button {
	width: 24px;
	height: 24px;
	background: #5f77ba url("../images/main/ico_main_visual.png") no-repeat
		6px 5px;
}

/* .shopMainB .pdtItem .linkArea[prdseq="1001"] .thumbnail {background:#5f77ba;} */
.shopMainB .pdtItem .linkArea[prdseq="1001"] .thumbnail .bnfBadge span.sale
	{
	background: #5f77ba;
	color: #fff;
}

.buyWindow {
	position: absolute;
	left: 0;
	bottom: 510px;
	z-index: 10;
	width: 100%;
	border-top: 2px solid #5f77ba;
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.buyWindow .innerWrap {
	overflow: hidden;
	height: 80px;
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.buyWindow .door {
	position: absolute;
	left: 50%;
	top: -24px;
	width: 56px;
	height: 22px;
	margin-left: -28px;
	border: 2px solid #5f77ba;
	border-bottom: none;
	background: #fff;
	font-size: 0;
	color: transparent;
}

.buyWindow .door:before {
	position: absolute;
	left: 22px;
	top: 7px;
	content: url("../images/product/arr_window.gif");
	display: block;
	transition-duration: 0.2s;
}

.buyWindow .total {
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
}

.buyWindow .total .totalVal {
	float: left;
	margin-top: 6px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
}

.buyWindow .total .goPay {
	float: right;
}

.buyWindow .total .goPay .payAmt {
	float: left;
	margin: 7px 20px 0 0;
	font-size: 18px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.buyWindow .total .goPay .payAmt span {
	color: #5f77ba;
}

.buyWindow .total .goPay .btnWrap {
	float: left;
}

.buyWindow .total .goPay .btnWrap .btn {
	width: 150px;
}

.buyWindow .scrollArea {
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}

.buyWindow .scrollArea .strPdt {
	position: absolute;
	right: 0;
	bottom: -40px;
	font-size: 0;
}

.buyWindow .scrollArea .strPdt a {
	position: relative;
	margin-left: 30px;
	color: #222;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}

.buyWindow .scrollArea .strPdt a:before {
	position: absolute;
	left: -15px;
	top: 3px;
	content: "";
	display: block;
	width: 1px;
	height: 17px;
	background: #ddd;
}

.buyWindow .scrollArea .strPdt a:first-child {
	margin-left: 0;
}

.buyWindow .scrollArea .strPdt a:first-child:before {
	display: none;
}

.buyWindow .pdtList {
	max-height: 185px;
	padding: 37px 80px;
}

.buyWindow .pdtList .item {
	overflow: hidden;
	margin-top: 10px;
}

.buyWindow .pdtList .item:first-child {
	margin-top: 0;
}

.buyWindow .pdtList .item .input.check {
	float: left;
}

.buyWindow .pdtList .item .thumb {
	float: left;
}

.buyWindow .pdtList .item .thumb img {
	width: 55px;
	font-size: 0;
}

.buyWindow .pdtList .item .thumb .name {
	display: inline-block;
	width: 500px;
	margin-left: 15px;
	vertical-align: middle;
	font-size: 16px;
	color: #222;
}

.buyWindow .pdtList .item .value {
	float: right;
	margin-top: 15px;
}

.buyWindow .pdtList .item .value .price {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #222;
}

.buyWindow .pdtList .item .value .price em {
	font-family: 'Montserrat';
font-weight: bold;
	color: #5f77ba;
}

.buyWindow .pdtList .item .value .price .soldout {
	font-family: 'Montserrat';
	font-size: 18px;
	color: #ff3f3c;
}

.buyWindow .pdtList .item .value .qtyOption {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}

.buyWindow .pdtList .item .btn {
	display: inline-block;
	width: 110px;
	margin-left: 28px;
	vertical-align: middle;
}

.buyWindow .pdtList .item .btn i {
	display: inline-block;
	padding-left: 16px;
	background: url("../images/common/ico_remove.png") no-repeat 0 50%;
}

.buyWindow .pdtList .mCSB_inside>.mCSB_container {
	margin-right: 30px;
}

.buyWindow .pdtList .noData {
	padding: 50px 0;
}

.buyWindow .giftWrap {
	padding: 15px 0 50px;
}

.buyWindow .giftWrap .t {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.buyWindow .giftWrap ul {
	overflow: hidden;
	margin-top: 25px;
	padding: 0 33px;
}

.buyWindow .giftWrap li {
	float: left;
	width: 140px;
	margin-left: 16px;
	text-align: center;
}

.buyWindow .giftWrap li:first-child {
	margin-left: 0;
}

.buyWindow .giftWrap li .thumb {
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 auto 10px;
	background: #f8f8f8;
}

.buyWindow .giftWrap li img {
	width: 110px;
}

.buyWindow .giftWrap li .name {
	color: #222;
}

.buyWindow.on .innerWrap {
	max-height: 615px;
}

.buyWindow.on .door:before {
	transform: rotate(180deg);
}

.buyWindow.floating {
	position: fixed;
	bottom: 0;
	z-index: 1002;
}

/**
제품
**/

/* 제품리스트 */
.productList .footer {
	margin-top: 0;
}

.productList .selectbox.type2 {
	width: 240px;
	border: none;
}

.productList .selectbox.type2:hover {
	border: none;
}

.productList .selectbox.type2 .title {
	width: 93px;
	padding-right: 23px;
	background: #fff url("../images/common/arr_selectbox02.png") 100% 50%
		no-repeat;
}

.productList .selectbox.type2.open .title {
	background: #fff url("../images/common/arr_selectbox02_up.png") 100% 50%
		no-repeat;
}

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

.productList .wrap_product {
	display: flex;
	justify-content: space-between;
	margin: 100px auto 150px;
}

.productList .wrap_product .wrap_filter {
	width: 250px;
	margin-top: -55px;
}

.productList .wrap_product .wrap_prdlist {
	width: calc(100% - 270px);
}

.productList .pdtListType3 .listWrap>ul {
	flex-wrap: wrap;
	display: flex;
	justify-content: flex-start;
	gap: 80px 12px;
}

.productList .pdtListType3 .listWrap>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;
}

.productList .pdtListType3 .listWrap>ul>li.animated {
	opacity: 1;
	transform: translateY(0);
}

.productList .pdtListType3 .listWrap>ul>li .pdtItem {
	padding: 0;
}

@
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
);
}
}
.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 top 8px left
		0px;
	border-bottom: 1px solid #e1e1e1;
	height: auto;
	margin-top: 0;
}

.wrap_filter .box_filter {
	padding: 22px 0;
	border-bottom: 1px solid #e1e1e1;
}

.wrap_filter .box_filter .btn_toggle {
	display: block;
	font-family: 'Montserrat';
font-weight: bold;
	background: url("../images/common/arr_selectbox02.png") no-repeat 100%
		50%;
}

/*.wrap_filter .box_filter .btn_toggle:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
}*/

.wrap_filter .box_filter .btn_toggle.open {
	background: url("../images/common/arr_selectbox02_up.png") no-repeat
		100% 50%;
}
.wrap_filter .box_filter .btn_toggle.close {
	background: url("../images/common/arr_selectbox02_down.png") no-repeat
		100% 50%;
}

.wrap_filter .box_filter ul {
	display: none;
	margin-top: 27px;
}

.wrap_filter .box_filter .btn_toggle.open+ul {
	display: block;
	animation: animateMenuOpen 0.2s ease;
}

.wrap_filter .box_filter ul li {
	margin-top: 16px;
}

.wrap_filter .box_filter ul li label {
	display: block;
}

.wrap_prdlist .wrap_select {
	text-align: right;
}

#restockNoti .layerPopup {
	width: 600px;
}

#restockNoti .p1 {
	line-height: 24px;
	color: #666;
}

#restockNoti .p2 {
	margin: 15px 0 50px;
	line-height: 24px;
}

#restockNoti .tbTitle {
	margin: 35px 0 5px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

#restockNoti tbody {
	border-bottom: 1px solid #ddd;
}

#restockNoti tbody th {
	height: 55px;
	padding-left: 12px;
	border-top: 1px solid #ddd;
	font-size: 13px;
	vertical-align: middle;
	text-align: left;
}

#restockNoti tbody td {
	height: 55px;
	border-top: 1px solid #ddd;
	font-size: 16px;
	vertical-align: middle;
	text-align: left;
	color: #222;
}

#restockNoti tbody td span {
	float: right;
	margin: 3px 40px 0 0;
	font-size: 13px;
	color: #888;
}

#restockNoti table:nth-of-type(2) tbody {
	border-bottom: none;
}

#pdtSummary .layerPopup {
	width: 790px;
}

#pdtSummary .infoWrap {
	overflow: hidden;
}

#pdtSummary .infoWrap .thumb {
	float: left;
	width: 305px;
	background: #f8f8f8;
}

#pdtSummary .infoWrap .thumb img {
	width: 100%;
}

#pdtSummary .infoWrap .info {
	float: right;
	width: 335px;
}

#pdtSummary .infoWrap .nmWrap {
	padding: 15px 10px;
	border-bottom: 2px solid #222;
}

#pdtSummary .infoWrap .name {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 28px;
	line-height: 36px;
	color: #222;
}

#pdtSummary .infoWrap .enName {
	margin-top: 5px;
	font-size: 12px;
}

#pdtSummary .infoWrap .txt {
	padding: 15px 10px;
	border-bottom: 1px solid #dcdcdc;
	word-break: keep-all;
}

#pdtSummary .infoWrap .txt .tit {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 15px;
	color: #222;
}

#pdtSummary .infoWrap .txt .smr {
	margin-top: 6px;
	line-height: 23px;
}

#pdtSummary .infoWrap .price {
	padding: 10px 10px 0 10px;
	font-size: 16px;
	color: #222;
}

#pdtSummary .infoWrap .price .vol {
	margin-right: 8px;
	font-size: 14px;
	color: #888;
}

#pdtSummary .infoWrap .price .cost {
	margin-right: 14px;
	font-size: 14px;
	text-decoration: line-through;
	color: #888;
}

#pdtSummary .infoWrap .price .cost em {
	font-family: 'Montserrat';
font-weight: bold;
}

#pdtSummary .infoWrap .price .num {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
}

#pdtSummary .infoWrap .price .soldOut {
	float: right;
	margin-top: 8px;
	font-size: 14px;
	color: #ff3f3c;
}

#pdtSummary .detailSummary {
	margin-top: 60px;
}

#pdtSummary .detailSummary .tit {
	margin-bottom: 18px;
	font-family: 'Montserrat';
	font-size: 20px;
	color: #222;
}

#pdtSummary .detailSummary dl {
	margin-top: 18px;
}

#pdtSummary .detailSummary dl dt {
	margin-bottom: 4px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

#pdtSummary .detailSummary dl dd {
	margin-bottom: 4px;
	padding-left: 8px;
}

#savePdt dl:after {
	content: "";
	display: block;
	clear: both;
}

#savePdt dl:first-child {
	padding-bottom: 30px;
	margin-bottom: 25px;
	border-bottom: 1px solid #dcdcdc;
}

#savePdt dl dt {
	float: left;
	width: 110px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

#savePdt dl dd {
	float: left;
	width: 350px;
	color: #222;
}

#savePdt dl dd .btn {
	width: 46px;
	margin-left: 10px;
}

#savePdt dl dd ul li {
	margin-bottom: 5px;
}

#savePdtList .layerPopup {
	width: 740px;
}

#savePdtList .svList {
	border-bottom: 1px solid #dcdcdc;
}

#savePdtList .svList:first-child {
	border-top: 1px solid #dcdcdc;
}

#savePdtList .svList .innerWrap {
	display: table;
	width: 100%;
}

#savePdtList .svList .item {
	position: relative;
	display: table-cell;
	width: 100%;
	height: 70px;
	vertical-align: middle;
}

#savePdtList .svList .item .listSel {
	float: left;
	height: 40px;
	line-height: 40px;
}

#savePdtList .svList .item .input.radio {
	display: inline-block;
	margin-right: 0;
	vertical-align: middle;
}

#savePdtList .svList .item .listNm {
	vertical-align: middle;
	color: #666;
}

#savePdtList .svList .item .inputText {
	display: none;
	width: 200px;
	vertical-align: middle;
}

#savePdtList .svList .item .inputText .btn {
	position: absolute;
	right: -60px;
	top: 10px;
	width: 50px;
}

#savePdtList .svList .item .svDate {
	position: absolute;
	right: 0;
	top: 23px;
	margin-top: 2px;
}

#savePdtList .svList .item .svDate a {
	position: relative;
	display: inline-block;
	padding-right: 44px;
	margin-left: 10px;
}

#savePdtList .svList .item .svDate a:after {
	position: absolute;
	right: 4px;
	top: -1px;
	content: url("../images/common/arr_list.png");
}

#savePdtList .svList .list {
	display: none;
	padding: 15px 0;
	border-top: 1px solid #dcdcdc;
	line-height: 24px;
	color: #666;
}

#savePdtList .svList.on .item a:after {
	top: 1px;
	transform: rotate(180deg);
}

#savePdtList .svList.on .list {
	display: block;
}

/* 제품상세 */
.productView .contents_wide .locationMap {
	padding-bottom: 70px;
}

.pdtView {
	position: relative;
}

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

.pdtView .pdtVisual .visualArea {
	overflow: hidden;
	width: 50%;
	max-width: 600px;
	height: 600px;
	margin-left: 9%;
}

.pdtView .pdtVisual .visualArea .slick-list, .pdtView .pdtVisual .visualArea .slick-track
	{
	height: 100%;
}

.pdtView .pdtVisual .visualArea .item {
	cursor: pointer;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-position: 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}

.pdtView .pdtVisual .visualArea .item img {
	width: 100%;
}

.pdtView .pdtVisual .visualArea .slick-arrow {
	position: absolute;
	display: inline-block;
	z-index: 5;
	width: 40px;
	height: 40px;
	background-color: transparent;
	font-size: 0;
}

.pdtView .pdtVisual .visualArea .slick-arrow:after {
	content: "";
}

.pdtView .pdtVisual .visualArea .slick-arrow.slick-prev {
	transform: translateY(-50%);
	left: -10px !important;
	top: 50%;
	background: none !important;
}

.pdtView .pdtVisual .visualArea .slick-arrow.slick-next {
	transform: translateY(-50%);
	right: -10px !important;
	top: 50%;
}

.pdtView .pdtVisual .visualArea .slick-arrow.slick-disabled {
	opacity: 0 !important;
	pointer-events: none;
	visibility: hidden;
	transition: none !important;
}

.pdtView .pdtVisual .visualArea .slick-arrow.slick-disabled {
	opacity: 0 !important;
	pointer-events: none;
	visibility: hidden;
	transition: none !important;
}

.pdtView .pdtVisual .visualArea .slick-arrow.slick-prev:after {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-style: solid;
	border-color: transparent #757575 #757575 transparent;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	background-image: none;
}

.pdtView .pdtVisual .visualArea .slick-arrow.slick-next:after {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-style: solid;
	border-color: transparent #757575 #757575 transparent;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-image: none;
}

.pdtView .pdtVisual .thumbnail {
	position: absolute;
	left: 22px;
	top: 19px;
	z-index: 1000;
	width: 104px;
	margin: 0 !important;
}

.pdtView .pdtVisual .thumbnail .item {
	position: relative;
	width: 100% !important;
	height: 100% !important;
	margin-bottom: 3px;
	margin-left: 0 !important;
}

.pdtView .pdtVisual .thumbnail .item button {
	outline: none;
	width: 100px !important;
	height: 100px !important;
	/*width: 100%;
	height: 100%;*/
}

.pdtView .pdtVisual .thumbnail .item button:after {
	position: absolute;
	left: 0;
	top: 0 !important;
	content: "";
	display: block;
	width: 99px !important;
	height: 99px !important;
	border: 1px solid #d9d9d9;
}

.pdtView .pdtVisual .thumbnail .item.slick-current button:after {
	left: 0px !important;
	top: 0 !important;
	width: 99px !important;
	height: 99px !important;
	border: 1px solid #5887da !important;
}

.pdtView .pdtVisual .thumbnail .slick-slide.slick-current button:after {
    content: '';
    display: block;
}

.pdtView .pdtVisual .thumbnail .item img {
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.pdtView .pdtVisual .thumbnail .pdtFlag {
	margin-bottom: 40px;
}

.pdtView .pdtVisual .thumbnail .slick-arrow.slick-disabled {
	opacity: 0 !important;
	pointer-events: none;
	visibility: hidden;
	transition: none !important;
}

.pdtView .pdtVisual .thumbnail .slick-arrow {
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	display: inline-block;
	z-index: 5;
	width: 100%;
	height: 20px;
	background-color: transparent;
	font-size: 0;
}

.pdtView .pdtVisual .thumbnail .slick-arrow:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: transparent #333 #333 transparent;
	border-width: 0 1px 1px 0;
}

.pdtView .pdtVisual .thumbnail .slick-arrow.slick-prev {
	top: -21px;
	background-image: none;
}

.pdtView .pdtVisual .thumbnail .slick-arrow.slick-prev:after {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	background-image: none;
}

.pdtView .pdtVisual .thumbnail .slick-arrow.slick-next {
	top: auto !important;
	bottom: -15px;
	background-image: none;
}

.pdtView .pdtVisual .thumbnail .slick-arrow.slick-next:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-image: none;
}

.pdtView .pdtInfo {
	box-sizing: border-box;
	z-index: 1000;
	width: 37%;
	max-width: 560px;
	margin-left: 5%;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pdtView .pdtInfo .typeLabel {
	position: absolute;
	left: 0;
	top: 25px;
	height: 25px;
	padding: 0 6px;
	line-height: 25px;
	font-size: 13px;
	color: #fff;
}

.pdtView .pdtInfo .typeLabel.type_md {
	background: #222;
}

.pdtView .pdtInfo .typeLabel.type_365 {
	background: #5f77ba;
}

.pdtView .pdtInfo .snsShare {
	position: absolute;
	right: 25px;
	top: 25px;
}

.pdtView .pdtInfo .snsShare li a {
	width: 24px;
	height: 24px;
	background: url("../images/common/ico_sns_share3.png?ver=20240527")
		no-repeat;
}

.pdtView .pdtInfo .snsShare li.kakao a {
	background-position: -24px 0;
}

.pdtView .pdtInfo .snsShare li.url a {
	background-position: -48px 0;
}

.pdtView .pdtInfo .snsShare li.fb a:hover {
	background-position: 0 -25px;
}

.pdtView .pdtInfo .snsShare li.kakao a:hover {
	background-position: -24px -25px;
}

.pdtView .pdtInfo .snsShare li.url a:hover {
	background-position: -48px -25px;
}

.pdtView .pdtInfo .pdtName {
	font-size: 28px;
	font-family: 'Montserrat';
font-weight: bold;
	line-height: 42px;
	color: #333;
}

.pdtView .pdtInfo .intro {
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
}

.pdtView .pdtInfo .desc {
	margin-top: 30px;
	font-size: 16px;
	line-height: 24px;
	color: #777777;
}

.pdtView .pdtInfo .quantity {
	margin-top: 35px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #222;
}

.pdtView .pdtInfo .btnWrap {
	margin-top: 40px;
}

.pdtView .pdtInfo .toggleBox {
	margin-top: 45px;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #d9d9d9;
}

.pdtView .pdtInfo .toggleBox>a {
	position: relative;
	display: block;
	padding: 25px 0;
	font-family: 'Montserrat';
font-weight: bold;
	color: #3a3a3c;
}

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

.pdtView .pdtInfo .toggleBox.open>a::after {
	transform: rotate(225deg);
}

.pdtView .pdtInfo .toggleBox .txtBox {
	display: none;
	padding-bottom: 25px;
}

.pdtView .pdtInfo .toggleBox.open .txtBox {
	display: block;
}

.pdtView .pdtInfo .keyword {
	margin-top: 20px;
}

.pdtView .pdtInfo .btm .price {
	float: left;
	font-size: 16px;
	color: #222;
}

.pdtView .pdtInfo .btm .price span {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	color: #111;
}

.pdtView .pdtInfo .btm .qtyOption {
	float: right;
}

.pdtView .pdtInfo .btnArea .btn {
	width: 100%;
	margin-top: 4px;
}

.pdtView .pdtInfo .btnArea .btn:nth-of-type(1) {
	margin-top: 0;
}

.pdtView .pdtInfo .keyword {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 10px;
}

.pdtView .pdtInfo .keyword li {
	height: 32px;
	margin: 0 0 3px 0;
	padding: 0 10px;
	line-height: 32px;
	vertical-align: middle;
	color: #5887da;
	background-color: #f2f4f7;
}

.pdtView .pdtInfo .purchase {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1001;
	display: none;
	width: 100%;
	padding: 19px;
	border: 1px solid #dcdcdc;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pdtView .pdtInfo .purchase .tit {
	display: inline-block;
	margin-left: -19px;
	padding-left: 19px;
	border-bottom: 2px solid #222;
	font-size: 18px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.pdtView .pdtInfo .purchase .close {
	position: absolute;
	right: 19px;
	top: 19px;
}

.pdtView .pdtInfo .purchase ul li {
	margin-top: 5px;
}

.pdtView .pdtInfo .purchase ul li:first-child {
	margin-top: 30px;
}

.pdtView .pdtInfo .purchase ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-indent: 25px;
	background: #000;
	color: #fff;
}

.pdtView .pdtInfo .purchase ul li a:after {
	position: absolute;
	right: 30px;
	top: 0;
	content: url("../images/product/arr_purchase_pop.png");
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.pdtView .pdtVisual .pdtInfo .purchase ul li a:hover:after {
	right: 10px;
	opacity: 1;
}

.pdtView .pdtInfo.line365 {
	padding-top: 70px;
}

.pdtView .pdtInfo.line365 .top {
	padding-bottom: 15px;
}

.pdtView .pdtInfo.line365 .pdtName {
	font-size: 30px;
}

.pdtView .pdtInfo.line365 .intro {
	margin: 0;
}

.pdtView .pdtInfo.line365 .pdtEnName {
	margin-top: 5px;
}

.pdtView .pdtInfo.line365 .mid {
	padding: 10px;
}

.pdtView .pdtInfo.line365 .quantity {
	line-height: 34px;
}

.pdtView .pdtInfo.line365 .price span {
	font-size: 20px;
}

.pdtView .pdtInfo.line365 .price .cost {
	margin-right: 8px;
	font-family: 'Montserrat';
	font-size: 16px;
	color: #888;
	text-decoration: line-through;
}

.pdtView .pdtInfo.line365 .price .cost em {
	font-size: 15px;
}

.pdtView .pdtInfo.line365 .btm .qtyOption {
	float: right;
	margin-top: 2px;
}

.pdtView .pdtInfo.line365 .soldOut {
	float: right;
	margin-top: 5px;
	color: #ff3f3c;
}

.pdtView .pdtInfo.line365 .btm {
	padding: 10px 0 10px 10px;
}

.pdtView .pdtInfo.line365 .option {
	margin-bottom: 4px;
}

.pdtView .pdtInfo.line365 .option .selectbox {
	width: 100%;
}

.pdtView .pdtInfo.line365 .option .selectbox .selList label span {
	float: right;
	margin-right: 15px;
}

.pdtView .pdtInfo.line365 .option .selOpt {
	position: relative;
	padding: 12px 16px;
	margin-top: 4px;
	background: #eee;
}

.pdtView .pdtInfo.line365 .option .opNm {
	color: #222;
}

.pdtView .pdtInfo.line365 .option .qtyOption {
	margin-top: 12px;
}

.pdtView .pdtInfo.line365 .option .price {
	position: absolute;
	right: 13px;
	bottom: 14px;
}

.pdtView .pdtInfo.line365 .option .price span {
	font-size: 16px;
	font-family: 'Montserrat';
font-weight: bold;
}

.pdtView .pdtInfo.line365 .option .price span em {
	font-size: 14px;
	font-family: 'Montserrat';
}

.pdtView .pdtInfo.line365 .option .price span.cost {
	font-family: 'Montserrat';
}

.pdtView .pdtInfo.line365 .option .price span.num {
	color: #222;
}

.pdtView .pdtInfo.line365 .option .delete {
	position: absolute;
	right: 13px;
	top: 8px;
}

.pdtView .pdtInfo.line365 .option .delete img {
	width: 12px;
}

.pdtView .pdtInfo.line365 .scrollArea.mCustomScrollbar {
	margin-top: 14px;
}

.pdtView .pdtInfo.line365 .scrollArea .mCSB_inside>.mCSB_container {
	margin-right: 20px;
}

.pdtView .pdtInfo.line365 .total {
	padding: 10px;
	border: 1px solid #dcdcdc;
}

.pdtView .pdtInfo.line365 .total dl {
	overflow: hidden;
}

.pdtView .pdtInfo.line365 .total dl dt {
	float: left;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.pdtView .pdtInfo.line365 .total dl dd {
	float: right;
}

.pdtView .pdtInfo.line365 .total dl dd .qty {
	color: #222;
	margin-right: 10px;
}

.pdtView .pdtInfo.line365 .total dl dd .amt {
	color: #5f77ba;
	font-size: 16px;
	font-family: 'Montserrat';
font-weight: bold;
}

.pdtView .pdtInfo.line365 .total dl dd .amt em {
	font-size: 14px;
	font-family: 'Montserrat';
}

.pdtView .pdtInfo.line365 .total .benefit {
	font-size: 13px;
}

.pdtView .pdtInfo.line365 .gift {
	position: relative;
	padding: 5px 10px;
	margin-top: 4px;
	border: 1px solid #dcdcdc;
	font-size: 13px;
}

.pdtView .pdtInfo.line365 .gift button {
	position: absolute;
	right: 6px;
	top: 4px;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: #222;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.pdtView .pdtInfo.line365 .rglDlv {
	margin-top: 15px;
}

.pdtView .pdtInfo.line365 .btnWrap {
	margin-top: 10px;
}

.freeGiftPop .layerPopup {
	min-width: auto;
}

.freeGiftPop ul {
	overflow: hidden;
	max-width: 370px;
}

.freeGiftPop ul li {
	float: left;
	text-align: center;
	width: 110px;
	margin-left: 20px;
}

.freeGiftPop ul li:nth-of-type(3n+1) {
	margin-left: 0;
	clear: both;
}

.freeGiftPop ul li img {
	width: 110px;
	background: #f8f8f8;
}

.freeGiftPop ul li p {
	color: #222;
}

.pdtView .pdtDetail .pdtKeyword {
	width: 1170px;
	padding: 0 15px;
	margin: 105px auto 0;
	text-align: center;
}

.pdtView .pdtDetail .pdtKeyword li {
	display: inline-block;
	height: 37px;
	padding: 0 10px;
	border: 1px solid #222;
	border-radius: 1px;
	line-height: 35px;
	font-size: 19px;
	color: #222;
}

.pdtView .pdtDetail .pdtInfoTab {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
}

.pdtView .pdtDetail .pdtInfoTab ul {
	font-size: 0;
}

.pdtView .pdtDetail .pdtInfoTab li {
	display: inline-block;
	margin: 0 28px;
	vertical-align: bottom;
}

.pdtView .pdtDetail .pdtInfoTab li a {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}

.pdtView .pdtDetail .pdtInfoTab li a:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #222;
	transition: all 0.3s;
}

.pdtView .pdtDetail .pdtInfoTab li.on a, .pdtView .pdtDetail .pdtInfoTab li a:hover
	{
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.pdtView .pdtDetail .pdtInfoTab li.on a:after, .pdtView .pdtDetail .pdtInfoTab li a:hover:after
	{
	left: 0;
	width: 100%;
}

.pdtView.tabFloating {
	padding-top: 51px;
}

.pdtView.tabFloating .pdtDetail .pdtInfoTab {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1001;
	background: #fff;
}

.pdtView .pdtInfoBox {
	margin-top: 120px;
	padding-top: 10px;
	border-top: 2px solid #222;
}

.pdtView .pdtInfoBox h3.tit {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.pdtView .pdtInfoBox.ingredient .ingredientList {
	overflow: hidden;
	margin-top: 35px;
}

.pdtView .pdtInfoBox.ingredient .ingredientList li {
	float: left;
	width: 170px;
	min-height: 170px;
	margin-right: 24px;
	padding: 22px 15px;
	border: 1px solid #dcdcdc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pdtView .pdtInfoBox.ingredient .ingredientList li .name {
	padding-left: 19px;
	margin-bottom: 10px;
	background: url("../images/product/ico_check.png") no-repeat 0 50%;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.pdtView .pdtInfoBox.ingredient .ingredientList li span {
	font-size: 16px;
	color: #222;
}

.pdtView .pdtInfoBox.ingredient .ingredientList li .desc {
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #222;
}

.pdtView .pdtInfoBox.ingredient .noAdditives {
	overflow: hidden;
	padding: 18px 0;
	margin-top: 30px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
}

.pdtView .pdtInfoBox.ingredient .noAdditives h4.tit {
	float: left;
	margin: 10px 60px 0 0;
	font-size: 16px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.pdtView .pdtInfoBox.ingredient .noAdditives ul {
	overflow: hidden;
}

.pdtView .pdtInfoBox.ingredient .noAdditives ul li {
	float: left;
	height: 38px;
	padding: 0 24px;
	margin: 5px 10px 5px 0;
	border: 1px solid #dcdcdc;
	line-height: 36px;
	vertical-align: middle;
	font-size: 16px;
	color: #222;
	-webkit-border-radius: 19px;
	border-radius: 19px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.pdtView .pdtInfoBox.ingredient .noAdditives ul li span {
	display: inline-block;
	padding-left: 19px;
	background: url("../images/product/ico_check.png") no-repeat 0 50%;
}

.pdtView .pdtInfoBox.ingredient .btnWrap {
	margin-top: 30px;
	text-align: right;
}

.pdtView .pdtInfoBox.ingredient .btnWrap .btn {
	width: 160px;
}

.pdtView .pdtInfoBox.recommPdt .pdtListType3 {
	margin-top: 35px;
}

.pdtView .reqInfo {
	margin-top: 60px;
	padding: 60px 0;
	background: #f8f8f8;
}

.pdtView .reqInfo .tit {
	padding-top: 14px;
	margin-bottom: 20px;
	border-top: 2px solid #222;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.pdtView .reqInfo th {
	padding: 15px 100px 15px 30px;
	text-align: left;
	vertical-align: top;
	line-height: 28px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.pdtView .reqInfo td {
	padding: 15px 30px 15px 0;
	line-height: 28px;
	vertical-align: top;
	color: #666;
	word-break: break-all;
}

.pdtView .delivery {
	margin-top: 80px;
}

.pdtView .delivery .tit {
	margin-bottom: 20px;
}

.pdtView .delivery th {
	padding: 15px 100px 15px 30px;
	text-align: left;
	vertical-align: top;
	line-height: 28px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.pdtView .delivery td {
	padding: 15px 30px 15px 0;
	line-height: 28px;
	vertical-align: top;
	color: #666;
}

.pdtView .delivery td li {
	position: relative;
	padding-left: 8px;
	line-height: 28px;
	color: #666;
}

.pdtView .delivery td li:before {
	position: absolute;
	left: 0;
	top: 13px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
}

.pdtView .delivery td li:last-child.colorBK {
	color: #222;
}

.pdtView .reviewShowcase .reviewSummary {
	padding: 80px 0 60px;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
}

.pdtView .reviewShowcase .reviewSummary .total {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 26px;
	color: #222;
}

.pdtView .reviewShowcase .reviewSummary .rating_large {
	margin: 18px 0 15px;
}

.pdtView .reviewShowcase .grade {
	overflow: hidden;
	padding: 50px 60px 80px;
}

.pdtView .reviewShowcase .grade .gradeAvg {
	float: left;
	width: 180px;
	padding-right: 65px;
	font-size: 13px;
}

.pdtView .reviewShowcase .grade .gradeAvg .tit {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #222;
}

.pdtView .reviewShowcase .grade .gradeAvg .rating {
	margin: 35px 0 20px;
}

.pdtView .reviewShowcase .grade .gradeAvg:last-of-type {
	width: 560px;
	padding-right: 0;
}

.pdtView .reviewShowcase .grade .afterUseAvg {
	position: relative;
	width: 100%;
	height: 70px;
	margin-top: 30px;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span {
	display: block;
	margin-top: 15px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
	font-size: 0;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span:first-child
	{
	margin-top: 0;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span:after {
	position: absolute;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 14px;
	background: #dcdcdc;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span:nth-of-type(1):after
	{
	top: 0;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span:nth-of-type(2):after
	{
	top: 50%;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span:nth-of-type(3):after
	{
	top: 100%;
	background: #222;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span em {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 86px;
	height: 20px;
	padding-right: 35px;
	background: #fff;
	line-height: 20px;
	text-align: right;
	font-size: 14px;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span em:after {
	position: relative;
	top: 4px;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	background: url("../images/experience/ico_barometer.png") no-repeat;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span:nth-of-type(1) em:after
	{
	background-position: -40px 0;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span:nth-of-type(2) em:after
	{
	background-position: -20px 0;
}

.pdtView .reviewShowcase .grade .afterUseAvg .guideline span:nth-of-type(3) em:after
	{
	background-position: 0 0;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl {
	position: absolute;
	right: 0;
	bottom: -14px;
	width: 439px;
	height: 70px;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl dt {
	position: absolute;
	bottom: -25px;
	width: 60px;
	text-align: center;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 14px;
	color: #222;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl dt:nth-of-type(1) {
	left: 13.5%;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl dt:nth-of-type(2) {
	left: 43.5%;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl dt:nth-of-type(3) {
	left: 73.6%;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl dd {
	position: absolute;
	bottom: 0;
	height: 100%;
	margin-left: 20px;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl dd:nth-of-type(1) {
	left: 15%;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl dd:nth-of-type(2) {
	left: 45%;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl dd:nth-of-type(3) {
	left: 75%;
}

.pdtView .reviewShowcase .grade .afterUseAvg dl dd i {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 8px;
	height: 0;
	background: #5f77ba;
	transition: all 1s ease-in-out;
}

.pdtView .reviewShowcase .grade .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;
}

.pdtView .reviewShowcase .reviewType {
	border-top: 2px solid #222;
	padding-top: 15px;
}

.pdtView .reviewShowcase .reviewType:after {
	content: "";
	display: block;
	clear: both;
}

.pdtView .reviewShowcase .reviewType .menu li {
	float: left;
	margin-right: 20px;
}

.pdtView .reviewShowcase .reviewType .menu li a {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
}

.pdtView .reviewShowcase .reviewType .menu li.on a {
	color: #222;
}

.pdtView .reviewShowcase .reviewType .sort {
	float: right;
	margin-top: 5px;
}

.pdtView .reviewShowcase .reviewType .selectbox {
	width: 135px;
}

.pdtView .reviewShowcase .reviewType .selectbox1 {
	width: 135px;
}

.pdtView .reviewShowcase .reviewType .sort .btn {
	width: 280px;
	margin-left: 5px;
}

.pdtView .reviewShowcase .postingList {
	margin-top: 60px;
}

.pdtView .reviewShowcase .postingList:before {
	display: none;
}

.pdtView .reviewShowcase .postingList .list {
	padding-top: 0;
}

.pdtView .reviewShowcase .postingList .list .item {
	margin-bottom: 0;
}

.pdtView .reviewShowcase .postingList .list+.pagination {
	margin-top: 30px;
	padding-top: 40px;
	border-top: 1px solid #dcdcdc;
}

.pdtView .reviewShowcase .reviewList {
	margin-top: 85px;
}

.pdtView .reviewShowcase .reviewList li:first-child {
	padding-top: 0;
	border-top: none;
}

.pdtView .reviewShowcase .reviewList li:first-child .thumb {
	top: 5px;
}

.pdtView .reviewShowcase .reviewList li:first-child .good {
	top: 5px;
}

.pdtView .reviewShowcase .reviewList+.pagination {
	margin-top: 60px;
}

.pdtView h3 {
	max-width: 1580px;
	min-width: 1280px;
	margin: 170px auto 60px;
	text-align: center;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 36px;
}

.pdtView .wrapREview {
	max-width: 1580px;
	min-width: 1280px;
	margin: 0 auto;
}

.pdtView .wrapREview .reviewTotal {
	margin: 0 55px;
	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: bold;
	color: #000;
}

.pdtView .wrapREview .postingList {
	margin-top: 25px;
}

.pdtView .wrapREview .postingList .slick-list {
	width: calc(100% - 90px);
	margin: 0 auto;
}

.pdtView .wrapREview .postingList .item {
	margin: 0 8px;
	padding: 25px 20px;
	background-color: #f7f7f7;
	border-radius: 15px;
	height: 280px;
}

.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: bold;
	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 .reviewTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
	color: #333;
	height: 117px;
}

.pdtView .wrapREview .postingList .item .box_review.open {
	display: flex;
	flex-direction: column;
}

.pdtView .wrapREview .postingList .item .box_review.open .reviewTxt {
	-webkit-line-clamp: unset;
	height: auto;
	min-height: 80px;
	overflow-y: auto !important;
	width: calc(100% - 10px);
	padding-right: 10px;
	margin-bottom: 18px
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg {
	cursor: pointer;
	justify-content: flex-end;
	position: relative;
	display: flex;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg.type2 {
	min-width: 108px;
}
.re-more-bg .reviewImg.type2 {
	margin-left: 8px;
}

.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 .img {
	z-index: 3;
	position: absolute;
	right: 0;
	width: 80px;
	height: 80px;
	border-radius: 12px;
	border: 2px solid rgb(243, 243, 243);
}

.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 .img:nth-child(2)
	{
	z-index: 2;
	right: 18px;
}

.pdtView .wrapREview .postingList .item .box_review .reviewImg .img:nth-child(3)
	{
	z-index: 1;
	right: 36px;
}

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

.pdtView .wrapREview .postingList .slick-arrow {
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	display: inline-block;
	z-index: 5;
	width: 38px;
	height: 39px;
	background-color: transparent;
	font-size: 0;
}

.pdtView .wrapREview .postingList .slick-arrow.slick-prev {
	left: 0;
	background: url("../images/common/btn_review_prev.png") no-repeat 0 0;
}
.pdtView .wrapREview .postingList .slick-arrow::after {
	background: none !important;
}

.pdtView .wrapREview .postingList .slick-arrow.slick-next {
	right: 0;
	background: url("../images/common/btn_review_next.png") no-repeat 0 0;
}

.pdtView .wrapFaq {
	max-width: 1580px;
	min-width: 1280px;
	margin: 0 auto;
}

.pdtView .wrapFaq dl {
	margin: 0 20px;
	border-bottom: 1px solid #d9d9d9;
}

.pdtView .wrapFaq dl:first-child {
	border-top: 1px solid #d9d9d9;
}

.pdtView .wrapFaq dl dt {
	position: relative;
}

.pdtView .wrapFaq dl dt a {
	display: block;
	padding: 30px 60px 30px 70px;
	font-size: 16px;
	color: #333;
}

.pdtView .wrapFaq dl dd {
	position: relative;
	padding: 10px 60px 35px 70px;
	font-size: 16px;
	color: #5887da;
}

.pdtView .wrapFaq dl dt::after {
	content: 'Q.';
	position: absolute;
	left: 30px;
	top: 34px;
	font-family: 'Montserrat';
font-weight: bold;
}

.pdtView .wrapFaq dl dd::after {
	content: 'A.';
	position: absolute;
	left: 30px;
	top: 14px;
	font-family: 'Montserrat';
font-weight: bold;
}

.pdtView .wrapFaq dl dt a::after {
	position: absolute;
	right: 4px;
	top: 35px;
	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;
}

.pdtView .wrapFaq dl dd {
	display: none;
}

.pdtView .wrapFaq dl.open dt a::after {
	transform: rotate(225deg);
}

.pdtView .wrapFaq dl.open dd {
	display: block;
}

.pdtView .pagination {
	margin-top: 60px;
}

.layerPopupArea#popImg {
	background-color: #fff;
}

.layerPopupArea#popImg .layerClose {
	width: 40px;
	height: 40px;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
	text-align: center;
	line-height: 37px;
}

.layerPopupArea#popImg .layerPopup {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	box-shadow: none;
}

.layerPopupArea#popImg .layerPopup .layerBody {
	height: calc(100% - 100px);
	padding: 50px 100px;
}

.layerPopupArea#popImg .layerPopup .layerBody .layerCont {
	height: 100%;
	display: flex;
    align-items: center;
}

.layerPopupArea#popImg .layerPopup .layerBody .layerCont img {
	width: auto;
	height: auto;
}

.layerPopupArea#review_view {
	background: rgba(0, 0, 0, 0.7);
}

.layerPopupArea#review_view .layerClose {
	right: 50px;
	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 .layerPopup {
	background: transparent;
	box-shadow: none;
}

.layerPopupArea#review_view .layerPopup .layerBody {
	height: 100%;
	padding: 50px 100px;
}

.layerPopupArea#review_view .layerPopup .layerBody .layerCont {
	height: 100%;
}

.layerPopupArea#review_view .boxReview .item {
	text-align: center;
	height: 100%;
}

.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:after {
	content: "";
}

.layerPopupArea#review_view .boxReview .slick-arrow.slick-prev {
	transform: translateY(-50%);
	left: -45px;
	top: 50%;
	background: transparent;
}

.layerPopupArea#review_view .boxReview .slick-arrow.slick-next {
	transform: translateY(-50%);
	right: -45px;
	top: 50%;
}

.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 3px 3px 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	background-image: none;
}

.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);
	background-image: none;
}

/* product map */
.productMap .lineName {
	margin: 55px 0 45px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 36px;
	color: #222;
}

.productMap .lineName.mgt130 {
	margin-top: 130px;
}

.productMap table {
	border-top: 2px solid #222;
	border-bottom: 2px solid #222;
}

.productMap thead th {
	padding: 15px 0 0 40px;
	font-size: 12px;
	text-align: left;
}

.productMap thead th:first-child {
	padding-left: 0;
	border-right: 1px solid #dcdcdc;
}

.productMap tbody th {
	padding: 45px 0;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.productMap tbody th .index {
	width: 274px;
	height: 424px;
	padding: 40px 20px 0 20px;
	background-repeat: no-repeat;
	letter-spacing: -0.05em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* PC0000 product map 이미지 추가영역 css로 관리  */
.productMap tbody tr.PC0201 .index {
	background-image:
		url("../images/product/pdtMap/bg_index_365_atobarrier.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_365_atobarrier.webp")
		1x);
}

.productMap tbody tr.PC0201 .index .name, .productMap tbody tr.PC0201 .index .desc
	{
	color: #fff;
}

.productMap tbody tr.PC0202 .index {
	background-image:
		url("../images/product/pdtMap/bg_index_365_theracne.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_365_theracne.webp")
		1x);
}

.productMap tbody tr.PC0202 .index .name {
	color: #9a1d3c;
}

.productMap tbody tr.PC0203 .index {
	background-image:
		url("../images/product/pdtMap/bg_index_365_regederm.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_365_regederm.webp")
		1x);
}

.productMap tbody tr.PC0203 .index .name {
	color: #7e3587;
}

.productMap tbody tr.PC0204 .index {
	background-image: url("../images/product/pdtMap/bg_index_acica.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_acica.webp") 1x
		);
}

.productMap tbody tr.PC0206 .index {
	background-image: url("../images/product/pdtMap/bg_index_derma_uv.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_derma_uv.webp")
		1x);
}

.productMap tbody tr.PC0101 .index {
	background-image:
		url("../images/product/pdtMap/bg_index_medi_atobarrier.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_medi_atobarrier.webp")
		1x);
}

.productMap tbody tr.PC0101 .index .name {
	color: #0b658a;
}

.productMap tbody tr.PC0102 .index {
	background-image:
		url("../images/product/pdtMap/bg_index_medi_theracne.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_medi_theracne.webp")
		1x);
}

.productMap tbody tr.PC0102 .index .name {
	color: #9a1d3c;
}

.productMap tbody tr.PC0103 .index {
	background-image:
		url("../images/product/pdtMap/bg_index_medi_regederm.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_medi_regederm.webp")
		1x);
}

.productMap tbody tr.PC0103 .index .name {
	color: #7e3587;
}

.productMap tbody tr.PC0104 .index {
	background-image: url("../images/product/pdtMap/bg_index_medi_md.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_medi_md.webp")
		1x);
}

.productMap tbody tr.PC0104 .index .name {
	color: #5f77ba;
}

.productMap tbody tr.PC0105 .index {
	background-image:
		url("../images/product/pdtMap/bg_index_medi_white.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_medi_white.webp")
		1x);
}

.productMap tbody tr.PC0109 .index {
	background-image:
		url("../images/product/pdtMap/bg_index_medi_acicapro.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/bg_index_medi_acicapro.webp")
		1x);
}

.productMap tbody tr.PC0110 .index {
	background-image: url("../images/product/pdtMap/derma_scalp_pro.png");
	background-image: -webkit-image-set(url("../images/product/pdtMap/derma_scalp_pro.webp")
		1x);
}

.productMap tbody tr.PC0111 .index {
	background-image: url("../images/product/pdtMap/derma_baby_pro_md.png");
	background-image: -webkit-image-set(url("../images/product/pdtMap/derma_baby_pro_md.webp")
		1x);
}

.productMap tbody tr.PC0112 .index {
	background-image: url("../images/product/pdtMap/derma_baby_pro.png");
	background-image: -webkit-image-set(url("../images/product/pdtMap/derma_baby_pro.webp") 1x
		);
}

.productMap tbody tr.PC0113 .index {
	background-image: url("../images/product/pdtMap/derma_uv_pro.jpg");
	background-image: -webkit-image-set(url("../images/product/pdtMap/derma_uv_pro.webp") 1x);
}

.productMap tbody th .index .name {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
}

.productMap tbody th .index .desc {
	margin-top: 4px;
	color: #222;
	line-height: 19px;
}

.productMap tbody td {
	padding: 45px 40px;
	border-bottom: 1px solid #dcdcdc;
	vertical-align: top;
}

.productMap tbody td ul {
	overflow: hidden;
}

.productMap tbody td ul li {
	float: left;
	margin-right: 40px;
}

.productMap tbody td ul li:nth-of-type(4n-3) {
	clear: both;
}

.productMap tbody td ul li:nth-of-type(5), .productMap tbody td ul li:nth-of-type(6),
	.productMap tbody td ul li:nth-of-type(7), .productMap tbody td ul li:nth-of-type(8)
	{
	margin-top: 67px;
}

.productMap tbody td ul li a {
	display: block;
	width: 147px;
}

.productMap tbody td ul li a em {
	display: block;
	background: #f7f6fb;
}

.productMap tbody td ul li a em img {
	width: 147px;
}

.productMap tbody td ul li span {
	display: block;
	margin-top: 10px;
	color: #222;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

/**
이벤트
**/
.eventList ul {
	flex-wrap: wrap;
	display: flex;
	justify-content: flex-start;
	gap: 50px 20px;
}

.eventList li {
	position: relative;
	width: calc(33.33% - 15px);
}

.eventList li a {
	display: block;
}

.eventList li .img {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.eventList li .img img {
	aspect-ratio: 6/4;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.eventList li .img .d-day {
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	padding: 0 10px;
	background: #5f77ba;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
}

.eventList li .img .ing {
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	padding: 0 10px;
	background: #5887da;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
}

.eventList li .img .d-day.end {
	background: #767676;
}

.eventList li a:hover .img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.eventList li .title {
	display: block;
	margin: 25px 0 20px;
	padding-right: 84px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #222;
}

.eventList li .period {
	display: block;
	font-size: 16px;
	color: #aaa;
}

.eventList li .btn {
	position: absolute;
	top: 330px;
	right: 0;
}

.eventView .contArea .titleArea {
	position: relative;
	margin-bottom: 40px;
}

.eventView .contArea .titleArea .category {
	margin-bottom: 10px;
	color: #5887da;
	text-transform: uppercase;
}

.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: 36px;
}

.eventView .contArea .titleArea .date {
	margin-top: 30px;
	font-size: 14px;
	color: #aaa;
}

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

.eventView .contArea .cont {
	position: relative;
	padding-top: 56px;
	border-top: 1px solid #ebebeb;
	width: 100%;
	overflow: hidden;
}

.eventView .contArea .cont img {
	max-width: 100%;
	width: auto;
	min-width: auto;
	overflow: hidden;
	height: auto;
}

.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 {
	font-family: 'Montserrat';
font-weight: bold;
	width: 153px;
}

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

/* .eventView .ongoingList .btn {width:100%; margin-top:30px;}
.eventView .ongoingList .btn em {display:inline-block; padding-right:15px; background:url('../images/common/arr_down_bk.png') no-repeat 100% 50%;
	-webkit-transition:all .1s .05s ease-in-out
	transition:all .1s .05s ease-in-out
}
.eventView .ongoingList .btn button:hover em {background:url('../images/common/arr_down_wh.png') no-repeat 100% 50%; color:#fff;} */

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

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

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

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

.commentBox .title p {
	position: absolute;
	right: 0;
	top: 2px;
}

.commentBox .cmt_write {
	position: relative;
}

.commentBox .cmt_write .textarea {
	margin-right: 160px;
	height: 150px;
}

.commentBox .cmt_write .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
	height: 150px;
}

.commentBox .cmt_write .btn a {
	height: 150px;
	line-height: 150px;
}

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

.commentBox .cmt_list .info {
	position: relative;
	overflow: hidden;
}

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

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

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

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

.commentBox .cmt_list .info .btns {
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
	text-align: right;
}

.commentBox .cmt_list .btns a {
	position: relative;
	padding-left: 10px;
	margin-left: 7px;
}

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

.commentBox .cmt_list .btns a:first-child:before {
	display: none;
}

.commentBox .cmt_list .btns .bt_re {
	padding-left: 16px;
	background: url("../images/common/ico_cmt_reply.png") no-repeat 0 2px;
}

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

.commentBox .cmt_list .cmt_remove {
	padding-left: 17px;
	background: url("../images/common/ico_cmt_caution.png") no-repeat 0 50%;
	color: #bbb;
}

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

.commentBox .cmt_list .cmt_write .btns {
	margin-top: 15px;
	padding-left: calc(100% - 150px);
	text-align: center;
}

.commentBox .cmt_list .cmt_write .btns a:first-child {
	padding-left: 0;
	margin-left: 0;
}

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

.commentBox .cmt_list .reply {
	padding: 30px 30px 30px 45px;
	border-bottom: 1px solid #dcdcdc;
	background: #f8f8f8 url("../images/common/ico_reply.png") no-repeat 20px
		31px;
}

.commentBox .cmt_list .reply:first-child {
	margin-top: 40px;
	border-top: 1px solid #dcdcdc;
}

.commentBox .cmt_list .replyWrap.write .reply {
	padding: 30px;
	border: none;
	background-position: 12px 44px;
}

.commentBox .pagination {
	margin-top: 60px;
}

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

/* 쇼핑혜택 */
.specialOffer .pageTitle {
	padding: 70px 0;
	margin: 0;
	background: url("../images/event/bg_shopping_chance.jpg") no-repeat 50%
		0;
	text-align: center;
	font-size: 34px;
	color: #222;
}

.specialOffer .pageTitle span {
	display: block;
	margin-top: 20px;
	font-family: 'Montserrat';
	font-size: 14px;
}

.specialOffer .offer_tab {
	width: 1170px;
	padding: 0 15px;
	margin: 0 auto 30px;
}

.specialOffer .offer_tab ul {
	overflow: hidden;
}

.specialOffer .offer_tab li {
	float: left;
	margin-left: 60px;
}

.specialOffer .offer_tab li:first-child {
	margin-left: 0;
}

.specialOffer .offer_tab li a {
	position: relative;
	height: 40px;
	padding-bottom: 5px;
	line-height: 40px;
	font-family: 'Montserrat';
	font-size: 22px;
	color: #dcdcdc;
}

.specialOffer .offer_tab li.on a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #222;
	transition: all 0.3s;
}

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

.specialOffer .offerContain {
	margin-top: 150px;
}

.specialOffer .offerContain .tpl_tit {
	position: relative;
	z-index: 1;
	width: 1170px;
	padding: 0 15px;
	margin: 70px auto -13px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.prm_tpl {
	overflow: hidden;
	position: relative;
}

.prm_tpl .prm_tpl_slide .pdtItem {
	padding: 0;
	letter-spacing: -0.04em;
	outline: none;
}

.prm_tpl .prm_tpl_slide .pdtItem a {
	outline: none;
}

.prm_tpl .prm_tpl_slide .pdtItem .linkArea {
	overflow: hidden;
	position: relative;
	outline: none;
}

.prm_tpl .prm_tpl_slide .pdtItem .display {
	overflow: hidden;
	position: relative;
	float: left;
	width: 50%;
	padding: 70px 40px 60px 0;
	margin-right: -40px;
	background: #f8f8f8;
	text-align: right;
}

.prm_tpl .prm_tpl_slide .pdtItem .display .thumb {
	position: relative;
	display: inline-block;
	width: 410px;
	font-size: 0;
}

.prm_tpl .prm_tpl_slide .pdtItem .display .thumb img {
	width: 410px;
	height: 410px;
}

.prm_tpl .prm_tpl_slide .pdtItem .bnfBadge {
	position: absolute;
	left: 0;
	bottom: -22px;
	width: 410px;
	text-align: center;
}

.prm_tpl .prm_tpl_slide .info {
	position: absolute;
	left: 53%;
	width: 585px;
	margin: 60px 0 0 -20px;
	opacity: 0;
	transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.prm_tpl .prm_tpl_slide .info .pdtFlag {
	position: static;
	left: auto;
	top: auto;
	margin-bottom: 22px;
}

.prm_tpl .prm_tpl_slide .info .desc {
	font-size: 18px;
}

.prm_tpl .prm_tpl_slide .info .name {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 32px;
	color: #222;
}

.prm_tpl .prm_tpl_slide .info .price {
	margin-top: 18px;
	color: #222;
}

.prm_tpl .prm_tpl_slide .info .price .num {
	font-size: 18px;
	color: #5f77ba;
}

.prm_tpl .prm_tpl_slide .info .price .cost {
	color: #888;
	text-decoration: line-through;
	margin-right: 10px;
}

.prm_tpl .prm_tpl_slide .info .price .cost i {
	font-size: 13px;
}

.prm_tpl .prm_tpl_slide .info .price .soldout {
	color: #ff3f3c;
}

.prm_tpl .prm_tpl_slide .info .rating {
	margin-top: 12px;
}

.prm_tpl .prm_tpl_thumb {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: 118px;
	overflow: hidden;
}

.prm_tpl .prm_tpl_thumb .item {
	float: left;
}

.prm_tpl .prm_tpl_thumb .item a {
	display: block;
	border: 2px solid #fff;
	outline: none;
	transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.prm_tpl .prm_tpl_thumb .item a img {
	width: 112px;
	background: #f8f8f8;
}

.prm_tpl .prm_tpl_thumb .item.on a {
	border-color: #5f77ba;
}

.prm_tpl .prm_tpl_slide .pdtItem.on .info {
	left: 50%;
	opacity: 1;
}

.prm_tpl .prm_tpl_slide .pdtItem.off .info {
	left: 53%;
	opacity: 0;
}

.prm_tpl_time {
	padding: 100px 0 80px;
	background: #5f77ba;
	text-align: center;
}

.prm_tpl_time .title {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.prm_tpl_time .timer span {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 58px;
	color: #fff;
}

.prm_tpl_time .timer span.time {
	width: 115px;
	text-align: center;
}

.prm_tpl_time .timer span.timeHyphen {
	margin-top: -8px;
	font-size: 45px;
}

.prm_tpl_time .thumb {
	margin: 5px 0 15px;
}

.prm_tpl_time .progress {
	color: #fff;
}

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

.prm_tpl_time .progress .value {
	display: inline-block;
	width: 45px;
	vertical-align: middle;
}

.prm_tpl_time .progress .end {
	text-align: right;
}

.prm_tpl_time .progress .bar {
	position: relative;
	display: inline-block;
	width: 700px;
	vertical-align: middle;
}

.prm_tpl_time .progress .gauge {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 2px;
	background: rgba(255, 255, 255, 0.3);
}

.prm_tpl_time .progress .gauge em {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	transition: all 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.prm_tpl_time .progress .label {
	position: absolute;
	left: 0;
	bottom: 20px;
	height: 30px;
	padding: 0 8px;
	line-height: 28px;
	background: #222;
	white-space: nowrap;
	font-size: 13px;
	color: #fff;
	transform: translateX(-50%);
	transition: all 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.prm_tpl_time .progress .label:after {
	position: absolute;
	left: 50%;
	bottom: -3px;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background: #222;
	transform: rotate(45deg);
}

.prm_tpl_time .pdtInfo {
	color: #fff;
}

.prm_tpl_time .pdtInfo .rating {
	margin-top: 50px;
}

.prm_tpl_time .pdtInfo .desc {
	width: 700px;
	margin: 14px auto 10px;
	font-size: 16px;
	-ms-word-break: break-all;
	word-break: break-all;
}

.prm_tpl_time .pdtInfo .name {
	width: 700px;
	margin: 0 auto;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 28px;
	-ms-word-break: break-all;
	word-break: break-all;
}

.prm_tpl_time .pdtInfo .price {
	margin: 20px 0 35px;
	font-size: 24px;
}

.prm_tpl_time .pdtInfo .price .cost {
	margin-right: 10px;
	font-size: 16px;
	text-decoration: line-through;
	opacity: 0.7;
}

.prm_tpl_time .pdtInfo .price em {
	font-size: 0.9em;
}

.prm_tpl_time .btn {
	width: 225px;
}

.prm_tpl_time .btn a {
	border-color: #fff;
	color: #fff;
}

.prm_tpl_time .btn a:hover {
	border-color: #fff;
	background: #fff;
	color: #5f77ba;
}

@
-webkit-keyframes scroll { 0% {
	bottom: 80px;
	opacity: 0;
}

50
%
{
bottom
:
60px;
opacity
:
1;
}
75
%
{
bottom
:
60px;
opacity
:
1;
}
100
%
{
bottom
:
40px;
opacity
:
0;
}
}
@
keyframes scroll { 0% {
	bottom: 80px;
	opacity: 0;
}

50
%
{
bottom
:
60px;
opacity
:
1;
}
75
%
{
bottom
:
60px;
opacity
:
1;
}
100
%
{
bottom
:
40px;
opacity
:
0;
}
}
.aboutAestura .section01 .p1 {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.aboutAestura .section01 .p2 {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.6s 0.1s ease-in-out;
	transition: all 0.6s 0.1s ease-in-out;
}

.aboutAestura .section01 .p3 {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.6s 0.2s ease-in-out;
	transition: all 0.6s 0.2s ease-in-out;
}

.aboutAestura .slide01.active .p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura .slide01.active .p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura .slide01.active .p3 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section02 .videoArea {
	width: 100%;
	height: 100%;
}

.aboutAestura .section02 .videoArea .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.aboutAestura .section02 .videoArea .cover a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	color: transparent;
}

.aboutAestura .section02 .videoArea .cover.stop {
	display: none;
}

.aboutAestura .section02 .videoArea .cover.play a {
	background: url("../images/brand/ico_play.png") no-repeat 50% 50%;
}

.aboutAestura .section02 .videoArea .cover.stop a {
	background: url("../images/common/blank.gif");
}

.aboutAestura .section02 .videoArea video {
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.aboutAestura .section03 .logoIntro {
	padding: 70px 0 100px;
}

.aboutAestura .section03 .logoIntro .secTitle {
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.aboutAestura .section03 .logoIntro .logoDesc {
	overflow: hidden;
	margin-top: 100px;
	padding: 0 75px;
}

.aboutAestura .section03 .logoIntro .logoDesc .tit {
	float: left;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 24px;
	color: #222;
}

.aboutAestura .section03 .logoIntro .logoDesc .desc {
	float: left;
	width: 640px;
	margin-left: 65px;
}

.aboutAestura .section03 .logoIntro .logoDesc .desc .txt {
	line-height: 24px;
}

.aboutAestura .section03 .logoIntro .logoDesc .desc .logoImg {
	overflow: hidden;
	margin-top: 55px;
}

.aboutAestura .section03 .logoIntro .logoDesc .desc .logoImg>div p {
	margin-bottom: 10px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.aboutAestura .section03 .logoIntro .logoDesc .desc .logoImg .wordmark {
	float: left;
	margin-right: 20px;
}

.aboutAestura .section03 .logoIntro .logoDesc .desc .logoImg .symbol {
	float: left;
}

.aboutAestura .section03 .ourMission {
	min-height: 463px;
	padding: 7.5% 0 15%;
	margin: 0 auto;
	background: url("../images/brand/sec03_bg_01.jpg") no-repeat 50% 50%
		fixed;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	width: -webkit-calc(100% - 200px);
	width: -moz-calc(100% - 200px);
	width: calc(100% - 200px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.aboutAestura .section03 .ourMission .tit {
	margin-bottom: 80px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 24px;
	color: #fff;
}

.aboutAestura .section03 .ourMission .descWrap {
	overflow: hidden;
	text-align: center;
}

.aboutAestura .section03 .ourMission .descWrap .desc {
	display: inline-block;
	width: 260px;
	margin: 0 15px;
	text-align: left;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	vertical-align: top;
	color: #fff;
}

.aboutAestura .section03 .logoIntro .secTitle {
	position: relative;
	left: 50px;
	opacity: 0;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.aboutAestura .section03 .logoIntro .logoDesc {
	position: relative;
	top: 50px;
	opacity: 0;
	-webkit-transition: all 0.7s 0.2s;
	transition: all 0.7s 0.2s;
}

.aboutAestura .section03.animate .logoIntro .secTitle {
	left: 0;
	opacity: 1;
}

.aboutAestura .section03.animate .logoIntro .logoDesc {
	top: 0;
	opacity: 1;
}

.aboutAestura .section04 .concept {
	position: relative;
	z-index: 1;
	padding-right: 100px;
	margin-top: -10vh;
	min-height: 809px;
	text-align: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.aboutAestura .section04 .concept .txt {
	position: absolute;
	left: 25%;
	top: 50%;
	z-index: 1;
	padding: 100px 0;
	text-align: left;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.aboutAestura .section04 .concept .txt .p1 {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 70px;
	line-height: 70px;
	color: #222;
}

.aboutAestura .section04 .concept .txt .p2 {
	margin: 25px -55px;
	font-size: 30px;
	line-height: 42px;
	color: #222;
}

.aboutAestura .section04 .concept .txt .p2 span {
	font-family: 'Montserrat';
font-weight: bold;
	color: #5f77ba;
}

.aboutAestura .section04 .concept .txt .p3 {
	width: 565px;
	line-height: 24px;
}

.aboutAestura .section04 .concept .txt .p3 em {
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.aboutAestura .section04 .concept .txt .p3 span {
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
	text-indent: -8px;
}

.aboutAestura .section04 .concept img {
	width: 70%;
}

.aboutAestura .section04 .concept2 {
	margin-top: -100px;
}

.aboutAestura .section04 .concept2 .sceneArea1 {
	width: 100%;
	height: 100vh;
	background: url("../images/brand/sec03_02_bg_01.jpg") no-repeat 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
}

.aboutAestura .section04 .concept2 .sceneArea2 {
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
	height: 100vh;
}

.aboutAestura .section04 .concept2 .sceneArea2 .inner {
	display: table-cell;
	height: 100%;
	background: rgba(58, 72, 113, 0.8);
	vertical-align: middle;
	text-align: center;
}

.aboutAestura .section04 .concept2 .sceneArea2 .p1 {
	line-height: 24px;
	color: #fff;
}

.aboutAestura .section04 .concept2 .sceneArea2 .p2 {
	margin-top: 25px;
	font-size: 22px;
	line-height: 36px;
	color: #fff;
}

.aboutAestura .section04 .concept2 .sceneArea2 .logo {
	position: relative;
	padding-top: 115px;
}

.aboutAestura .section04 .concept2 .sceneArea2 .logo:before {
	position: absolute;
	left: 50%;
	top: 25px;
	content: "";
	display: block;
	width: 1px;
	height: 40px;
	background: #fff;
}

.aboutAestura .section04 .concept .txt {
	margin-left: -200px;
	opacity: 0;
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}

.aboutAestura .section04 .concept .txt .p2 {
	position: relative;
	left: -100px;
	opacity: 0;
	-webkit-transition: all 1.2s 0.4s ease-in-out;
	transition: all 1.2s 0.4s ease-in-out;
}

.aboutAestura .section04 .concept2 .sceneArea2 .p1 {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}

.aboutAestura .section04 .concept2 .sceneArea2 .p2 {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 1.2s 0.1s ease-in-out;
	transition: all 1.2s 0.1s ease-in-out;
}

.aboutAestura .section04 .concept2 .sceneArea2 .logo {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 1.2s 0.2s ease-in-out;
	transition: all 1.2s 0.2s ease-in-out;
}

.aboutAestura .section04.animate .concept .txt {
	margin-left: 0;
	opacity: 1;
}

.aboutAestura .section04.animate .concept .txt .p2 {
	left: 0;
	opacity: 1;
}

.aboutAestura .section04 .concept2 .sceneArea2.animate .p1 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section04 .concept2 .sceneArea2.animate .p2 {
	top: 0;
	opacity: 1;
}

.aboutAestura .section04 .concept2 .sceneArea2.animate .logo {
	top: 0;
	opacity: 1;
}

.aboutAestura .section05 {
	padding-top: 20vh;
	background: #fff;
}

.aboutAestura .section05 .innerWrap {
	padding-bottom: 135px;
	background: url("../images/brand/sec04_bg.jpg") no-repeat 50% 50% fixed;
	-webkit-background-size: cover;
	background-size: cover;
}

.aboutAestura .section05 .secTit {
	position: relative;
	top: -70px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 34px;
	line-height: 36px;
	text-align: center;
	color: #222;
}

.aboutAestura .section05 .secTit span {
	display: block;
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #5f77ba;
}

.aboutAestura .section05 .p1 {
	margin-top: -50px;
	margin-bottom: 60px;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	color: #222;
}

.aboutAestura .section05 .pdtLineup {
	overflow: hidden;
	width: 770px;
	margin: 0 auto;
}

.aboutAestura .section05 .pdtLineup dl {
	position: relative;
	float: left;
	width: 380px;
	height: 475px;
	padding: 50px 40px;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.aboutAestura .section05 .pdtLineup dl:first-child {
	margin-right: 10px;
}

.aboutAestura .section05 .pdtLineup dt {
	font-size: 16px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.aboutAestura .section05 .pdtLineup dt span {
	display: block;
	font-family: 'Montserrat';
font-weight: bold;
}

.aboutAestura .section05 .pdtLineup dt em {
	position: absolute;
	right: -50px;
	bottom: 100px;
	display: block;
	font-size: 12px;
	font-family: 'Montserrat';
	color: #dcdcdc;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.aboutAestura .section05 .pdtLineup dd {
	margin: 20px 0 0 50px;
}

.aboutAestura .section05 .pdtLineup dd:first-of-type {
	margin-top: 50px;
}

.aboutAestura .section05 {
	opacity: 0;
	-webkit-transition: opacity 0.7s;
	transition: opacity 0.7s;
}

.aboutAestura .section05.animate {
	opacity: 1;
}

.aboutAestura .section06 {
	margin-top: 140px;
	background: #fff;
}

.aboutAestura .section06 .contents {
	padding-bottom: 180px;
}

.aboutAestura .section06 .bg {
	position: absolute;
	right: 50%;
	top: 470px;
}

.aboutAestura .section06 .secTit {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 34px;
	line-height: 36px;
	text-align: center;
	color: #222;
}

.aboutAestura .section06 .secTit span {
	display: block;
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #5f77ba;
}

.aboutAestura .section06 .p1 {
	margin-top: 25px;
	text-align: center;
	font-size: 18px;
	color: #222;
}

.aboutAestura .section06 .p1+.history {
	margin-top: 80px;
	padding-right: 50%;
	padding-left: 185px;
}

.aboutAestura .section06 .p1+.history+.history {
	margin-left: 50%;
	margin-top: 65px;
	padding-left: 80px;
	width: 400px;
}

.aboutAestura .section06 .history li {
	position: relative;
	margin-top: 30px;
}

.aboutAestura .section06 .history li:first-child {
	margin-top: 0;
}

.aboutAestura .section06 .history li:after {
	position: absolute;
	left: 17px;
	bottom: -31px;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	padding-top: 5px;
	background: #5f77ba;
}

.aboutAestura .section06 .history li:last-child:after {
	display: none;
}

.aboutAestura .section06 .history li dl {
	overflow: hidden;
}

.aboutAestura .section06 .history li dt {
	position: relative;
	float: left;
	height: 24px;
	background: #fff;
	line-height: 24px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.aboutAestura .section06 .history li dd {
	overflow: hidden;
	padding-left: 90px;
	margin-top: 15px;
	line-height: 24px;
}

.aboutAestura .section06 .history li dd:first-of-type {
	padding-left: 55px;
	margin-top: 0;
}

.aboutAestura .section06 .history li dd:last-of-type:not(:first-of-type)
	{
	margin-bottom: 15px;
}

.aboutAestura .section06 .history li:last-child:not(:first-of-type) dd:last-of-type
	{
	margin-bottom: 0;
}

.aboutAestura .section06 .history li dd em {
	float: left;
}

.aboutAestura .section06 .history li dd span {
	overflow: hidden;
	display: block;
	padding-left: 10px;
	color: #222;
}

.aboutAestura .section07 {
	border-top: 1px solid #dcdcdc;
	background: #fff;
}

.aboutAestura .section07 .contents {
	padding: 120px 0 160px;
}

.aboutAestura .section07 .secTit {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 34px;
	line-height: 36px;
	text-align: center;
	color: #222;
}

.aboutAestura .section07 .secTit span {
	display: block;
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #5f77ba;
}

.aboutAestura .section07 .location {
	width: 903px;
	margin: 0 auto;
}

.aboutAestura .section07 .secTit+.location {
	margin-top: 60px;
}

.aboutAestura .section07 .secTit+.location+.location {
	margin-top: 110px;
}

.aboutAestura .section07 .location .tit {
	margin-bottom: 25px;
	text-align: center;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.aboutAestura .section07 .location .tab {
	overflow: hidden;
}

.aboutAestura .section07 .location .tab li {
	position: relative;
	float: left;
	width: 175px;
	margin-left: 7px;
}

.aboutAestura .section07 .location .tab li:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #dcdcdc;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.aboutAestura .section07 .location .tab li.current:after {
	height: 4px;
	background: #5f77ba;
}

.aboutAestura .section07 .location .tab li:first-child {
	margin-left: 0;
}

.aboutAestura .section07 .location .tab li a {
	display: block;
	padding-bottom: 13px;
	text-align: center;
	font-size: 16px;
	color: #222;
}

.aboutAestura .section07 .location .tab li.current a {
	font-family: 'Montserrat';
font-weight: bold;
	color: #5f77ba;
}

.aboutAestura .section07 .location .mapArea {
	display: none;
	margin-top: 30px;
}

.aboutAestura .section07 .location .mapArea .add {
	min-height: 48px;
	margin-bottom: 20px;
	line-height: 24px;
	color: #222;
}

.aboutAestura .section07 .location .mapArea .add span {
	display: inline-block;
	margin-right: 20px;
}

.aboutAestura .section07 .location .mapArea .map {
	width: 100%;
	height: 403px;
}

.aboutAestura .section07 .location.factory .tab li {
	width: 447px;
}

/* 사회공헌활동 */
.socialAct .titleArea {
	padding: 60px 0 100px;
	border-bottom: 1px solid #222;
	text-align: center;
}

.socialAct .titleArea .title {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 34px;
	color: #222;
}

.socialAct .titleArea .txt {
	margin-top: 25px;
	line-height: 24px;
	color: #222;
}

.socialAct .galleryWrap {
	overflow: hidden;
	padding: 60px 73px 0;
}

.socialAct .galleryWrap.first {
	padding-top: 80px;
}

.socialAct .galleryWrap .index {
	float: left;
	width: 312px;
	letter-spacing: -0.05em;
}

.socialAct .galleryWrap .index .type {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 13px;
	color: #5f77ba;
}

.socialAct .galleryWrap .index .tit {
	margin: 20px 0 5px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	color: #222;
}

.socialAct .galleryWrap .index .desc {
	line-height: 24px;
}

.socialAct .galleryWrap .gallery {
	float: left;
	position: relative;
	overflow: hidden;
	width: 710px;
}

.socialAct .galleryWrap .gallery .item {
	overflow: hidden;
	float: left;
	width: 234px;
	height: 234px;
	padding: 2px;
	outline: none;
}

.socialAct .galleryWrap .gallery .item img {
	width: 100%;
}

.socialAct .galleryWrap .gallery .slick-arrow {
	position: absolute;
	top: 2px;
	z-index: 1;
	width: 32px;
	height: 233px;
	background: rgba(95, 119, 186, 0.8)
		url("../images/product/arr_list_navi.png") no-repeat -4px 50%;
	font-size: 0;
	color: transparent;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.socialAct .galleryWrap .gallery .slick-prev {
	left: 2px;
}

.socialAct .galleryWrap .gallery .slick-next {
	right: 1px;
	background-position: -44px 50%;
}

.socialAct .galleryWrap .gallery:hover .slick-arrow {
	opacity: 1;
}

/*연구회운영*/
.rschSctWrap {
	padding-bottom: 120px;
	background: url("../images/brand/bg_research_society.jpg") no-repeat 50%
		100%;
}

.rschSct .titleArea {
	padding: 60px 0 100px;
	border-bottom: 1px solid #222;
	text-align: center;
}

.rschSct .titleArea .title {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 34px;
	color: #222;
}

.rschSct .titleArea .txt {
	margin-top: 25px;
	line-height: 24px;
	color: #222;
}

.rschSct .history {
	margin-top: 80px;
	padding-left: 185px;
}

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

.rschSct .history>ul>li {
	margin-top: 15px;
}

.rschSct .history>ul>li:nth-child(4) {
	margin-top: 40px;
}

.rschSct .history>ul>li .year {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.rschSct .history>ul>li ul {
	min-height: 62px;
	margin-top: 10px;
	margin-left: 24px;
	padding-left: 10px;
	border-left: 1px solid #dcdcdc;
}

.rschSct .history>ul>li:last-child ul {
	min-height: auto;
}

.rschSct .history>ul>li:last-child ul li {
	padding-bottom: 0;
}

.rschSct .history>ul>li ul li {
	padding-bottom: 10px;
	color: #222;
}

.rschSct .history>ul>li ul li .date {
	display: inline-block;
	width: 75px;
	color: #888;
}

/* aestura news */
.contents_wide.news .boardUtilMenu {
	margin: 75px 0;
}

.newsList {
	padding-bottom: 55px;
	border-bottom: 1px solid #ededed;
}

.newsList ul {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	gap: 50px 20px;
}

.newsList li {
	position: relative;
	width: calc(33.33% - 15px);
}

.newsList li a {
	display: block;
}

.newsList li .thumb {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
}

.newsList li .thumb img {
	width: 100%;
}

.newsList li .tit {
	overflow: hidden;
	height: 60px;
	margin-top: 20px;
	font-size: 20px;
	line-height: 30px;
	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;
}

.newsList li .txt {
	display: block;
	margin: 15px 0 0;
	line-height: 24px;
	font-size: 16px;
	color: #aaa;
}

.newsList li .txt .category {
	position: relative;
	margin-right: 8px;
	padding-right: 14px;
	vertical-align: baseline;
}

.newsList li .txt .category::after {
	transform: translateY(-50%);
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	width: 1px;
	height: 11px;
	background-color: #ededed;
}

.newsList li .txt .date {
	vertical-align: baseline;
}

.contents_wide.news .pagination {
	margin-top: 55px;
}

.newsView .titleArea {
	position: relative;
	margin-bottom: 40px;
}

.newsView .contArea .titleArea .category {
	margin-bottom: 10px;
	color: #5887da;
	text-transform: uppercase;
}

.newsView .titleArea .title {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 36px;
}

.newsView .titleArea .date {
	margin-top: 30px;
	font-size: 14px;
	color: #aaa;
}

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

.newsView .cont {
	padding: 60px 30px 70px 30px;
	line-height: 26px;
}

.newsView .cont img {
	max-width: 100%;
}

.newsView .cont p {
	line-height: normal !important;
	word-break: normal !important;
}

/* 더마온 스토리 */
#container.dermaon_info {
	padding-top: 0 !important;
}

.dermaon_info .visual {
	position: relative;
	padding-top: 140px;
	height: 100vh;
	background: url("../images/brand/dermaon_visual.jpg") no-repeat center
		top;
	background-size: cover;
	box-sizing: border-box;
	text-align: center;
}

.dermaon_info .visual .tit_wrap {
	padding-top: 120px;
	color: #222;
	letter-spacing: -1px;
}

.dermaon_info .visual .tit_wrap h2 {
	font-size: 56px;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .visual .tit_wrap h2 span {
	font-size: 56px;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .visual .tit_wrap p {
	font-size: 26px;
	line-height: 52px;
	color: #222;
}

.dermaon_info .visual .tit_wrap p span {
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .visual .scroll {
	position: absolute;
	bottom: 80px;
	left: 50%;
	margin-left: -15px;
	opacity: 0;
	-webkit-animation: scroll 2s infinite;
	animation: scroll 2s infinite;
}

@
-webkit-keyframes scroll { 0% {
	bottom: 80px;
	opacity: 0;
}

50
%
{
bottom
:
60px;
opacity
:
1;
}
75
%
{
bottom
:
60px;
opacity
:
1;
}
100
%
{
bottom
:
40px;
opacity
:
0;
}
}
@
keyframes scroll { 0% {
	bottom: 80px;
	opacity: 0;
}

50
%
{
bottom
:
60px;
opacity
:
1;
}
75
%
{
bottom
:
60px;
opacity
:
1;
}
100
%
{
bottom
:
40px;
opacity
:
0;
}
}
.dermaon_info .info1 {
	padding: 115px 0 200px 0;
	text-align: center;
}

.dermaon_info .sec {
	text-align: center;
}

.dermaon_info .sec>.tit_wrap h3 {
	font-size: 36px;
	color: #222;
	line-height: 1;
	font-family: 'Montserrat';
font-weight: bold;
}

.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 p {
	font-size: 16px;
	line-height: 24px;
}

.dermaon_info .info1 .info_list {
	width: 980px;
	margin: 0 auto;
	padding-top: 40px;
}

.dermaon_info .info1 .info_list:after {
	display: block;
	content: "";
	clear: both;
}

.dermaon_info .info1 .info_list li {
	float: left;
	width: 485px;
	padding: 6px;
	border: 2px solid #e5eff7;
	box-sizing: border-box;
}

.dermaon_info .info1 .info_list li:first-child {
	margin-right: 8px;
}

.dermaon_info .info1 .info_list li strong {
	display: block;
	font-size: 20px;
	line-height: 60px;
	color: #222;
	background: #e6f0f7;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .info1 .info_list li img {
	padding: 35px 0;
}

.dermaon_info .info1 .info_list2 {
	max-width: 1170px;
	margin: 95px auto 0;
}

.dermaon_info .info1 .info_type.type2 {
	margin: 140px auto 0;
}

.dermaon_info .info_type {
	position: relative;
}

.dermaon_info .info_type .tit_wrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
}

.dermaon_info .info_type .tit_wrap strong {
	display: block;
	font-size: 36px;
	line-height: 48px;
	color: #222;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .info_type .tit_wrap p {
	padding-top: 20px;
	font-size: 16px;
	line-height: 24px;
	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;
	font-size: 18px;
	line-height: 34px;
	color: #0b658a;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .info_type.type1 {
	text-align: left;
}

.dermaon_info .info_type.type1 .tit_wrap {
	left: 50%;
	margin-left: 20px;
}

.dermaon_info .info_type.type2 .tit_wrap {
	left: 95px;
}

.dermaon_info .info_type.type2 img {
	padding-left: 530px;
}

.dermaon_info .info2 {
	padding: 120px 0 100px 0;
	background: url("../images/brand/dermaon_info2_bg.jpg") no-repeat center
		bottom;
	background-size: cover;
}

.dermaon_info .info2 .tit_wrap p {
	color: #222;
}

.dermaon_info .info2 .tit_wrap p span {
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .info2 .box {
	width: 980px;
	margin: 45px auto 0;
	padding: 62px 80px;
	background: #fff;
	box-sizing: border-box;
}

.dermaon_info .info2 .box .info_list {
	border-bottom: 1px solid #e8e8e8;
}

.dermaon_info .info2 .box .info_list:after {
	display: block;
	content: "";
	clear: both;
}

.dermaon_info .info2 .box .info_list li {
	position: relative;
	float: left;
	width: 50%;
	height: 420px;
}

.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:first-child {
	text-align: left;
}

.dermaon_info .info2 .box .info_list li:first-child strong {
	margin-bottom: 50px;
	padding-right: 70px;
}

.dermaon_info .info2 .box .info_list li:last-child {
	text-align: right;
}

.dermaon_info .info2 .box .info_list li:last-child strong {
	margin-bottom: 25px;
	padding-left: 70px;
}

.dermaon_info .info2 .box .info_list li strong {
	display: block;
	text-align: center;
}

.dermaon_info .info2 .box .info_list li strong span {
	display: inline-block;
	position: relative;
	font-size: 20px;
	line-height: 32px;
	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: 2px;
	background: #222;
}

.dermaon_info .info2 .box .info_list li .mark {
	position: absolute;
	top: calc(50% - 30px);
	right: -35px;
	width: 70px;
	height: 70px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 24px;
	line-height: 70px;
	color: #fff;
	background: #0b658a;
	text-align: center;
	border-radius: 50%;
	transform: translateY(-50%);
}

.dermaon_info .info2 .box .info_txt {
	padding: 35px 0 0 0;
	text-align: left;
}

.dermaon_info .info2 .box .info_txt li {
	padding-left: 35px;
	font-size: 14px;
	line-height: 22px;
	color: #888888;
	vertical-align: top;
}

.dermaon_info .info2 .box .info_txt li:before {
	display: inline-block;
	content: "";
	width: 3px;
	height: 3px;
	background: #888;
	vertical-align: middle;
	margin-bottom: 3px;
	margin-right: 8px;
}

.dermaon_info .info3 {
	padding: 120px 0 135px 0;
}

.dermaon_info .info3 .tit_wrap p {
	font-size: 20px;
	line-height: 32px;
	padding-top: 0;
	color: #222;
}

.dermaon_info .info3 .info_list {
	width: 1170px;
	margin: 60px auto 0;
}

.dermaon_info .info3 .info_list:after {
	display: block;
	content: "";
	clear: both;
}

.dermaon_info .info3 .info_list li {
	float: left;
	width: 370px;
	margin-right: 30px;
}

.dermaon_info .info3 .info_list li img {
	width: 100%;
}

.dermaon_info .info3 .info_list li:last-child {
	margin-right: 0;
}

.dermaon_info .info3 .info_list li strong {
	display: block;
	margin-top: 22px;
	font-size: 18px;
	line-height: 28px;
	color: #222;
}

.dermaon_info .info4 {
	padding: 120px 0 225px 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: 56px;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .info4 h3 span {
	font-size: 56px;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .info4 .con_box {
	padding-top: 40px;
	font-size: 0;
}

.dermaon_info .info4 .con_box>div {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.dermaon_info .info4 .con_box .txt_wrap {
	padding: 30px 0 0 80px;
}

.dermaon_info .info4 .con_box strong {
	display: block;
	color: #fff;
	font-size: 24px;
	line-height: 43px;
}

.dermaon_info .info4 .con_box strong em {
	display: block;
	font-size: 34px;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .info4 .con_box strong span {
	font-size: 37px;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .info4 .con_box p {
	padding-top: 30px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
}

.dermaon_info .info5 .box {
	width: 1170px;
	margin: -164px auto 0;
	padding: 82px 98px;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
}

.dermaon_info .info5 .box .tit_wrap em {
	display: block;
	font-size: 36px;
	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: 16px;
	line-height: 24px;
}

.dermaon_info .info5 .box .info_list1 {
	margin-top: 60px;
}

.dermaon_info .info5 .box .info_list1:after {
	display: block;
	content: "";
	clear: both;
}

.dermaon_info .info5 .box .info_list1 li {
	position: relative;
	float: left;
	width: 300px;
	height: 365px;
	margin-right: 37px;
	padding: 20px 0 0 0;
	border-top: 3px solid #222;
	border-bottom: 1px solid #bcbcbc;
}

.dermaon_info .info5 .box .info_list1 li:last-child {
	margin-right: 0;
}

.dermaon_info .info5 .box .info_list1 li .heading {
	display: block;
	font-size: 16px;
	line-height: 30px;
}

.dermaon_info .info5 .box .info_list1 li strong {
	display: block;
	margin-top: 5px;
	font-size: 24px;
	line-height: 30px;
	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: 45px;
	font-size: 16px;
	line-height: 30px;
	color: #222;
}

.dermaon_info .info5 .box .info_list1 li:nth-child(1):after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 28px;
	height: 28px;
	margin-top: 30px;
	background: url("../images/brand/icon_plus.png") no-repeat center top;
	background-size: cover;
}

.dermaon_info .info5 .box .info_list1 li:nth-child(2):after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: -43px;
	width: 43px;
	height: 34px;
	margin-top: 30px;
	background: url("../images/brand/icon_arrow.png") no-repeat center top;
	background-size: cover;
}

.dermaon_info .info5 .box .info_list2 {
	padding-top: 130px;
}

.dermaon_info .info5 .box .info_list2 .tit_wrap strong {
	display: block;
	font-size: 36px;
	line-height: 48px;
	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: 20px;
	line-height: 32px;
	color: #222;
}

.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: 90px 177px;
	background: #f9f9f9;
	font-size: 0;
	text-align: left;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc>.img_wrap {
	display: inline-block;
	vertical-align: middle;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc strong {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	line-height: 30px;
	color: #222;
	font-family: 'Montserrat';
font-weight: bold;
	text-align: center;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc.type1 {
	padding-bottom: 50px;
}

.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.type1 .img_wrap
	{
	margin-right: 60px;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc.type2>div {
	display: inline-block;
	text-align: center;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc.type2 strong
	{
	margin-top: 20px;
}

.dermaon_info .info5 .box .info_list2 .grey_box .top .desc.type2>div:nth-child(1)
	{
	margin-right: 60px;
}

.dermaon_info .info5 .box .info_list2 .grey_box .bottom {
	padding: 50px 0;
	background: #f3f3f3;
}

.dermaon_info .info5 .box .info_list2 .grey_box .bottom p {
	font-size: 18px;
	line-height: 28px;
	color: #555;
}

.dermaon_info .info6 {
	padding: 110px 0 100px 0;
	background: #f8f8f8;
	text-align: center;
}

.dermaon_info .info6 h3 {
	font-size: 36px;
	line-height: 1;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.dermaon_info .info6 .info_list {
	width: 980px;
	margin: 40px auto 0;
	padding: 60px 98px;
	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;
	padding-left: 70px;
	font-size: 28px;
	line-height: 70px;
	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: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 50px;
	height: 68px;
	background: url("../images/brand/icon_num1.png") no-repeat center top;
	background-size: cover;
}

.dermaon_info .info6 .info_list:nth-of-type(2) h4 em:before {
	display: block;
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 50px;
	height: 68px;
	background: url("../images/brand/icon_num2.png") no-repeat center top;
	background-size: cover;
}

.dermaon_info .info6 .info_list:nth-of-type(3) h4 em:before {
	display: block;
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 50px;
	height: 68px;
	background: url("../images/brand/icon_num3.png") no-repeat center top;
	background-size: cover;
}

.dermaon_info .info6 .info_list:nth-of-type(4) h4 em:before {
	display: block;
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 50px;
	height: 68px;
	background: url("../images/brand/icon_num4.png") no-repeat center top;
	background-size: cover;
}

.dermaon_info .info6 .info_list h4 span {
	color: #0b658a;
}

.dermaon_info .info6 .info_list .con {
	padding: 40px 0 45px 0;
	border-bottom: 1px solid #e5e5e5;
}

.dermaon_info .info6 .info_list .con>div {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.dermaon_info .info6 .info_list .txt_wrap {
	text-align: left;
}

.dermaon_info .info6 .info_list .txt_wrap strong {
	display: inline-block;
	padding-top: 90px;
	font-size: 20px;
	line-height: 30px;
	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: -4px;
	left: 0;
	width: 100%;
	height: 15px;
	background: #daedff;
	z-index: -1;
}

.dermaon_info .info6 .info_txt {
	padding: 30px 0 0 30px;
	font-size: 14px;
	line-height: 22px;
	color: #888;
	text-align: left;
}

.dermaon_info .info6 .info_txt li:before {
	display: inline-block;
	content: "";
	width: 3px;
	height: 3px;
	background: #888;
	vertical-align: middle;
	margin-bottom: 3px;
	margin-right: 8px;
}

.dermaon_info .info6 .info_list.type2 .con {
	padding-top: 50px;
}

.dermaon_info .info6 .info_list.type2 .txt_wrap strong {
	padding-top: 10px;
}

.dermaon_info .info6 .info_list .txt_wrap .txt1 {
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #888;
}

.dermaon_info .info6 .info_list .txt_wrap .type_txt {
	margin-top: 50px;
	font-size: 0;
}

.dermaon_info .info6 .info_list .txt_wrap .type_txt li {
	font-size: 16px;
	line-height: 26px;
	font-family: 'Montserrat';
font-weight: bold;
}

.dermaon_info .info6 .info_list .txt_wrap .type_txt li span {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-family: 'Montserrat';
font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	letter-spacing: -1px;
}

.dermaon_info .info6 .info_list .txt_wrap .type_txt li.list1 {
	color: #666;
}

.dermaon_info .info6 .info_list .txt_wrap .type_txt li.list2 {
	color: #526ec1;
}

.dermaon_info .info6 .info_list .txt_wrap .type_txt li.list1 span {
	background: #d7d7d7;
}

.dermaon_info .info6 .info_list .txt_wrap .type_txt li.list2 span {
	background: #a0b2e9;
}

.dermaon_info .info6 .info_list.type3 .txt_wrap .txt2 {
	display: inline-block;
	margin-top: 10px;
	padding: 0 6px;
	background: #0b658a;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
}

.dermaon_info .info6 .info_list.type4 .img_wrap {
	display: block;
	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 .obj7 {
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.dermaon_info .obj8 {
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.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
**/

/* 포토리뷰 사용평가 */
.afterUse:after {
	content: "";
	display: block;
	clear: both;
}

.afterUse .ct_box {
	float: left;
	width: 33.33333%;
	padding-right: 45px;
	box-sizing: border-box;
}

.afterUse .ct_box .tit {
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.afterUse .sliderWrap {
	position: relative;
	width: 100%;
	margin: 12px auto;
	padding-bottom: 18px;
}

.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 {
	display: block;
	margin-top: 20px;
	text-align: center;
	color: #5f77ba;
}

.afterUse .ct_box .result:before {
	content: "";
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto 5px;
	background: url("../images/experience/ico_barometer.png") no-repeat;
}

.afterUse .ct_box .result.val1:before, .afterUse .ct_box .result.val2:before
	{
	background-position: 0 0;
}

.afterUse .ct_box .result.val3:before {
	background-position: -45px 0;
}

.afterUse .ct_box .result.val4:before, .afterUse .ct_box .result.val5:before
	{
	background-position: -90px 0;
}

.ui-slider, .slider {
	position: relative;
	width: calc(100% - 32px);
	height: 7px;
	margin: 0 auto;
}

.ui-slider:after, .slider:after {
	position: absolute;
	left: -16px;
	top: 0;
	content: "";
	display: block;
	width: calc(100% + 32px);
	height: 100%;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.ui-slider .ui-slider-range {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.ui-slider .ui-slider-handle, .slider .handle {
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 1;
	width: 32px;
	height: 9px;
	margin-left: -16px;
	background: #222;
	font-size: 0;
	color: transparent;
}

.ui-slider .ui-slider-handle {
	outline: none;
	cursor: pointer;
}

/* blog view */
.blogView .bestPosting {
	padding: 0 15px;
}

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

.bestPosting .item {
	float: left;
	width: 390px;
}

.bestPosting .item a {
	display: block;
	width: 100%;
}

.bestPosting .item img {
	width: 100%;
}

.bestPosting .item .tit {
	overflow: hidden;
	height: 44px;
	padding: 20px 15px 0;
	font-size: 16px;
	line-height: 22px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.bestPosting .slick-dots {
	width: 100%;
	margin-top: 60px;
	text-align: center;
}

.reviewPopup .layerPopup .titleArea {
	padding: 30px 30px 20px;
}

.reviewPopup .layerPopup .titleArea .page {
	margin-bottom: 25px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 14px;
	color: #222;
}

.reviewPopup .layerPopup .titleArea .page.best {
	display: inline-block;
	height: 25px;
	padding: 0 10px;
	background: #5f77ba;
	line-height: 25px;
	vertical-align: middle;
	font-family: 'Montserrat';
	color: #fff;
}

.reviewPopup .layerPopup .titleArea .page.tester {
	display: inline-block;
	width: 86px;
	height: 21px;
	padding: 0 10px;
	border: 2px solid #5f77ba;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	font-family: 'Montserrat';
	color: #5f77ba;
}

.reviewPopup .layerPopup .titleArea .title {
	font-size: 26px;
}

.reviewPopup .layerBody {
	padding: 0 30px 40px 30px;
}

.reviewPopup .reviewerInfo {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 2px solid #222;
}

.reviewPopup .reviewerInfo .source {
	float: left;
	padding-left: 20px;
	background: url("../images/experience/ico_link.png") no-repeat 2px 50%;
	font-size: 12px;
	font-family: 'Montserrat';
font-weight: bold;
}

.reviewPopup .reviewerInfo .source a {
	font-family: 'Montserrat';
}

.reviewPopup .reviewerInfo .user {
	float: left;
	font-size: 13px;
}

.reviewPopup .reviewerInfo .user .id {
	margin-right: 10px;
	color: #222;
}

.reviewPopup .reviewerInfo .date {
	float: right;
	font-size: 13px;
}

.reviewPopup .pdtInfo {
	position: relative;
	margin-top: 15px;
}

.reviewPopup .pdtInfo .name {
	display: block;
	padding-right: 120px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.reviewPopup .pdtInfo .rating {
	position: absolute;
	right: 0;
	top: 3px;
}

.reviewPopup article {
	display: block;
	padding: 40px 0 50px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
	line-height: 25px;
	color: #222;
}

.reviewPopup article p {
	word-break: break-all;
}

.reviewPopup article img {
	display: block;
	max-width: 100%;
	margin: 30px auto;
}

.reviewPopup article img:first-of-type {
	margin-top: 0;
}

.reviewPopup .afterUse {
	margin-top: 70px;
}

.reviewPopup .afterUse>div:nth-of-type(2) {
	margin: 0 0.5%;
}

.reviewPopup .ct_box {
	width: 33%;
	padding: 22px 25px 20px;
	border: 1px solid #dcdcdc;
}

.reviewPopup .snsShare {
	position: relative;
}

.reviewPopup .snsShare .btnWrap {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

.reviewPopup .snsShare .btnWrap .btn {
	width: 150px;
}

.reviewPopup .goodReview {
	margin-top: 50px;
	text-align: center;
}

.reviewPopup .goodReview a {
	display: inline-block;
	height: 38px;
	padding: 0 22px;
	border: 1px solid #dcdcdc;
	border-radius: 20px;
	line-height: 38px;
}

.reviewPopup .goodReview a span {
	display: inline-block;
	padding-left: 22px;
	background: url("../images/experience/ico_good.png") no-repeat 0 11px;
}

.reviewPopup .goodReview a.on span {
	background-position: 0 -16px;
}

.content_removed {
	padding: 90px 0 90px;
	text-align: center;
}

.content_removed p {
	padding-top: 100px;
	background: url("../images/common/ico_cont_removed.png") no-repeat 50% 0;
	font-size: 16px;
	color: #888;
}

#postingView .layerPopup .titleArea {
	padding: 30px 30px 20px;
}

#postingView .layerPopup .titleArea .page {
	margin-bottom: 25px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 14px;
	color: #222;
}

#postingView .layerPopup .titleArea .title {
	font-size: 26px;
}

#postingView .layerBody {
	padding: 0 30px 40px 30px;
}

#postingView .info {
	overflow: hidden;
	padding-bottom: 8px;
	border-bottom: 2px solid #222;
}

#postingView .info .source {
	float: left;
	padding-left: 20px;
	background: url("../images/experience/ico_link.png") no-repeat 2px 50%;
	font-size: 12px;
	font-family: 'Montserrat';
font-weight: bold;
}

#postingView .info .source a {
	font-family: 'Montserrat';
}

#postingView .info .date {
	float: right;
	font-size: 12px;
}

#postingView article {
	display: block;
	padding: 40px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
	line-height: 25px;
	color: #222;
}

#postingView article img {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 30px auto;
}

#postingView article img:first-of-type {
	margin-top: 0;
}

/* beauty inside */
.beautyInside {
	margin: 80px 0 55px;
}

.beautyInside li {
	display: flex;
	align-items: center;
	margin-top: 45px;
}

.beautyInside .currentVideo .ytArea {
	position: relative;
	width: 600px;
	height: 340px;
	padding-top: 0;
	overflow: hidden;
}

.beautyInside .currentVideo .ytArea .playerArea {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.beautyInside .currentVideo .ytArea .playerArea .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 340px;
	font-size: 0;
	color: transparent;
}

.beautyInside .currentVideo .ytArea .playerArea .cover.play {
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: 101%;
	transform: scale(1) rotate(.001deg);
	transform-origin: center center;
	transition-duration: 0.2s;
}

.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/main/ico_play02.png?ver=20250626");
}

.beautyInside .currentVideo .ytArea .playerArea .cover.stop {
	background: url("../images/common/blank.gif");
	display: none;
}

.beautyInside .currentVideo .info {
	width: calc(100% - 645px);
	margin-left: 45px;
}

.beautyInside .currentVideo .info .tit {
	margin-bottom: 15px;
	font-size: 28px;
	font-family: 'Montserrat';
font-weight: bold;
}

.beautyInside .currentVideo .info .desc {
	font-size: 16px;
}

/* sns channel */
.fb_post ul {
	overflow: hidden;
	margin: 0 -12px;
}

.fb_post ul li {
	overflow: hidden;
	width: 25%;
	padding: 0 12px;
	margin-bottom: 24px;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fb_post ul li a {
	display: block;
	width: 100%;
	max-width: 275px;
	margin: 0 auto;
	border: 1px solid #dcdcdc;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.fb_post ul li a:hover {
	border-color: #5f77ba;
}

.fb_post ul li .thumb img {
	width: 100%;
}

.fb_post ul li .info {
	padding: 20px 15px 25px;
}

.fb_post ul li .info .date {
	position: relative;
	padding-bottom: 15px;
}

.fb_post ul li .info .date:after {
	position: absolute;
	left: -15px;
	bottom: 0;
	content: "";
	display: block;
	width: 39px;
	height: 1px;
	background: #5f77ba;
}

.fb_post ul li .info .date img {
	vertical-align: middle;
}

.fb_post ul li .info .date span {
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
	vertical-align: middle;
}

.fb_post ul li .info .txt {
	margin-top: 15px;
	line-height: 24px;
	color: #222;
	white-space: pre-line;
	word-break: break-all;
}

.insta_post {
	overflow: hidden;
	display: none;
}

.insta_post ul {
	overflow: hidden;
}

.insta_post li {
	float: left;
	overflow: hidden;
	position: relative;
	width: 384px;
	height: 384px;
	margin: 0 0 9px 9px;
	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;
}

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

.snsChannel .tabMenu2 li a span.fb {
	display: inline-block;
	padding-left: 25px;
}

.snsChannel .tabMenu2 li a span.inst {
	display: inline-block;
	padding-left: 25px;
}

.snsChannel .tabMenu2 li.fb a span.fb {
	background: url("../images/experience/ico_tab_fb.png") no-repeat 0 50%;
}

.snsChannel .tabMenu2 li.insta a span.inst {
	background: url("../images/experience/ico_tab_insta.png") no-repeat 0
		50%;
}

/* 샘플신청 */
.sampleTester .pageTitle {
	padding: 60px 0 70px;
	margin: 0;
	background: url("../images/experience/bg_tester.jpg") no-repeat 50% 0;
	text-align: center;
	font-size: 34px;
}

.sampleTester .playerArea {
	width: 1170px;
	text-align: center;
	margin: 50px auto 50px auto;
}

.sampleTester .pageTitle span {
	display: block;
	margin-top: 20px;
	font-family: 'Montserrat';
	font-size: 14px;
}

.sampleTester .userInfo {
	position: relative;
	overflow: hidden;
	margin-top: 80px;
	text-align: center;
}

.sampleTester .userInfo:after {
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	display: block;
	width: 1px;
	height: 35px;
	background: #dcdcdc;
}

.sampleTester .userInfo .myPoint {
	float: left;
	width: 50%;
	font-size: 18px;
	color: #222;
}

.sampleTester .userInfo .myPoint:before {
	content: url("../images/experience/ico_astr_point.png");
	margin-right: 10px;
	vertical-align: middle;
}

.sampleTester .userInfo .myPoint .point {
	color: #5f77ba;
}

.sampleTester .userInfo .goHistory {
	font-size: 18px;
	color: #222;
}

.sampleTester .userInfo .goHistory:before {
	content: url("../images/experience/ico_list.png");
	display: inline-block;
	margin-right: 10px;
	margin-top: -3px;
	vertical-align: middle;
}

.sampleTester .userInfo .goHistory {
	float: left;
	width: 50%;
}

.sampleTester .pdtListType3 {
	margin-bottom: 250px;
}

.sampleTester .pdtListType3 .pdtItem {
	margin-top: 80px;
}

.sampleTester .pdtListType3 .pdtItem:nth-of-type(4n+1) {
	clear: both;
}

.sampleTester .pdtListType3 .pdtItem .infoWrap {
	position: relative;
	padding-top: 45px;
}

.sampleTester .pdtListType3 .pdtItem .infoWrap .desc {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #5f77ba;
}

.sampleTester .buyWindow .total .myPoint {
	float: left;
	margin: 7px 0 0 40px;
	font-size: 16px;
	color: #222;
}

.sampleTester .buyWindow .pdtList {
	max-height: 355px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.sampleTester .buyWindow .pdtList .item {
	margin-top: 0;
	padding: 20px 0;
	border-top: 1px solid #dcdcdc;
}

.sampleTester .buyWindow .pdtList .item:first-child {
	border-top: none;
}

.sampleTester .buyWindow .pdtList .item .useCoupon {
	overflow: hidden;
	padding: 20px 0;
	margin-top: 20px;
	border-top: 1px dashed #dcdcdc;
}

.sampleTester .buyWindow .pdtList .item .useCoupon dl {
	position: relative;
	padding-left: 75px;
}

.sampleTester .buyWindow .pdtList .item .useCoupon dt {
	position: absolute;
	left: 0;
	top: 5px;
	width: 55px;
	text-align: center;
}

.sampleTester .buyWindow .pdtList .item .useCoupon dd {
	position: relative;
	height: 30px;
	margin-top: 10px;
	line-height: 30px;
}

.sampleTester .buyWindow .pdtList .item .useCoupon dd:first-of-type {
	margin-top: 0;
}

.sampleTester .buyWindow .pdtList .item .useCoupon dd .btn {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}

.sampleTester .buyWindow .selList .noticeWrap {
	overflow: hidden;
	padding: 0 80px;
}

.sampleTester .buyWindow .selList .notice_list {
	float: left;
	width: 50%;
	padding: 35px 0;
	box-sizing: border-box;
}

.sampleTester .buyWindow .selList .notice_list:last-child {
	padding-left: 40px;
}

#sampleApplication .tbTitle {
	margin-bottom: 17px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #222;
}

#sampleApplication .order_pdt_list .tbl tbody td {
	font-size: 16px;
}

#sampleApplication .order_pdt_list .tbl tbody td .cpLabel {
	display: inline-block;
	padding: 0 10px;
	height: 29px;
	line-height: 29px;
	background: #5f77ba;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

#sampleApplication .orderProc .userInputArea table {
	width: 100%;
}

#sampleApplication .deliveryMsg {
	border-top: none;
}

#sampleApplication .subTotalWrap {
	margin-top: 15px;
}

#sampleApplication .subTotalWrap .subTotal {
	float: none;
	width: auto;
}

#sampleApplication .subTotalWrap .subTotal .total {
	width: auto;
	text-align: right;
}

#sampleApplication .subTotalWrap .subTotal .total dt, #sampleApplication .subTotalWrap .subTotal .total dd
	{
	float: none;
	display: inline-block;
}

#sampleApplication .subTotalWrap .subTotal .total dt {
	margin-left: 25px;
}

#sampleApplication .subTotalWrap .subTotal .total dd {
	font-size: 16px;
	color: #222;
}

/**
리뷰
**/
.review .tabMenu3 {
	margin-bottom: 0;
}

.review .boardUtilMenu {
	margin-top: 60px;
}

.review .boardUtilMenu .boardSearch .btn {
	width: 176px;
}

.review .postingList {
	margin-top: 20px;
}

.review .postingList:before {
	display: none;
}

.review .postingList .list {
	padding-top: 0;
}

/* 리뷰정렬 */
.reviewSort {
	margin-top: 60px;
	padding: 30px 0;
	background: #f8f8f8;
	text-align: center;
	font-size: 0;
}

.reviewSort .selectbox {
	width: 135px;
	text-align: left;
}

.reviewSort .selectbox1 {
	width: 135px;
	text-align: left;
}

.reviewSort .inputText {
	width: 450px;
	margin-left: 10px;
}

.reviewSort .btn {
	width: 85px;
	margin-left: 5px;
}

.reviewSort .sel_category {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.reviewSort .sel_category .btn {
	width: 135px;
	margin-left: 10px;
	background: #fff;
}

.reviewSort .sel_category .btn a:hover {
	background: #fff;
	border: 1px solid #222;
	color: #222;
}

.reviewSort .sel_category .btn a span {
	display: inline-block;
	padding-left: 22px;
	background: url("../images/common/ico_category.png") no-repeat 0 50%;
}

.reviewSort .sel_category .category_panel {
	position: absolute;
	left: 10px;
	top: 70px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}

.reviewSort .sel_category .category_panel.on {
	top: 50px;
	opacity: 1;
	visibility: visible;
}

.reviewSort .btn.write {
	width: 280px;
	margin-left: 60px;
}

.category_panel {
	overflow: hidden;
	z-index: 2;
	width: 660px;
	padding: 40px 30px 50px 30px;
	border: 1px solid #222;
	background: #fff;
	text-align: left;
}

.category_panel dl {
	float: left;
	width: 150px;
	margin-left: 20px;
}

.category_panel dl:first-child {
	margin-left: 0;
}

.category_panel>dl:first-child {
	width: 320px;
}

.category_panel>dl>dt {
	border-bottom: 2px solid #222;
}

.category_panel dl dt {
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
	padding-bottom: 6px;
	font-size: 14px;
}

.category_panel dl dd {
	margin-top: 16px;
}

.category_panel dl dd:first-child {
	margin-top: 0;
}

.category_panel .btnBox {
	position: absolute;
	right: 12px;
	bottom: 12px;
}

.category_panel .btnBox a {
	margin-left: 10px;
	font-size: 15px;
	color: #222;
	text-decoration: underline;
}

.category_panel .close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 20px;
	background: url("../images/common/ico_close2.png") no-repeat 50% 50%;
}

.category_panel.small {
	width: 200px;
}

.category_panel.small dl {
	width: 200px;
}

/* 구매후기 리스트 */
.reviewList li {
	position: relative;
	min-height: 116px;
	padding: 26px 195px 30px 145px;
	border-bottom: 1px solid #dcdcdc;
}

.reviewList li:first-child {
	border-top: 1px solid #dcdcdc;
}

.reviewList li .thumb {
	position: absolute;
	left: 0;
	top: 30px;
	display: block;
	width: 112px;
	background: #f8f8f8;
}

.reviewList li .thumb img {
	width: 100%;
}

.reviewList li .pdtNm {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.reviewList li .pdtNm .rating {
	margin-right: 20px;
}

.reviewList li .pdtNm span {
	vertical-align: middle;
}

.reviewList li .info {
	position: relative;
	overflow: hidden;
	margin: 12px 0 18px;
}

.reviewList li .info .userId {
	color: #222;
}

.reviewList li .info .date {
	position: relative;
	padding-left: 12px;
	margin-left: 9px;
}

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

.reviewList li .cmt {
	line-height: 24px;
	word-break: break-all;
}

.reviewList li .good {
	position: absolute;
	right: 0;
	top: 30px;
	display: block;
	padding-left: 22px;
	background: url("../images/experience/ico_good.png") no-repeat 0 3px;
}

.reviewList li .good.on {
	background-position: 0 -24px;
}

.reviewList li .testerFlag {
	position: absolute;
	right: 0;
	bottom: 30px;
	z-index: 1;
	width: 84px;
	height: 21px;
	padding: 0 12px;
	border: 2px solid #5f77ba;
	background: #fff;
	line-height: 20px;
	text-align: center;
	color: #5f77ba;
}

.reviewList li .btns {
	position: absolute;
	right: 90px;
	top: 30px;
}

.reviewList li .btns a {
	position: relative;
	margin-left: 15px;
	font-size: 13px;
}

.reviewList li .btns a:before {
	position: absolute;
	left: -9px;
	top: 5px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #dcdcdc;
}

.reviewList li .btns a:first-child:before {
	display: none;
}

/* 베스트포토리뷰 */
.bestPhotoReview {
	margin-top: 80px;
}

.bestPhotoReview .title {
	text-align: center;
	margin-bottom: 60px;
}

.bestPhotoReview .title h3 {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 24px;
	color: #222;
}

.bestPhotoReview .title p {
	margin-top: 10px;
	font-size: 16px;
}

.bestPhotoReview .title p span {
	color: #222;
}

.bestPhotoReview .postingList {
	overflow: hidden;
}

.bestPhotoReview .postingList .list {
	margin: 0;
}

.bestPhotoReview .postingList .item {
	position: relative;
	padding: 0 0 40px 0;
	margin: 0;
	border-bottom: 1px solid #eee;
}

.bestPhotoReview .postingList .item .thumb {
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.bestPhotoReview .postingList .item .txt {
	position: relative;
	padding: 0 10px;
	margin-top: 20px;
}

.bestPhotoReview .postingList .item .tit {
	font-size: 16px;
	line-height: 22px;
	height: 44px;
}

.bestPhotoReview .postingList .item .summary {
	margin: 10px 0 20px;
}

.bestPhotoReview .postingList .item .btns {
	position: absolute;
	right: 10px;
	bottom: 40px;
}

.bestPhotoReview .postingList .item .btns a {
	position: relative;
	margin-left: 15px;
	font-size: 13px;
}

.bestPhotoReview .postingList .item .btns a:before {
	position: absolute;
	left: -9px;
	top: 5px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #dcdcdc;
}

.bestPhotoReview .postingList .item .btns a:first-child:before {
	display: none;
}

/* 리뷰작성팝업 */
.review_write .selectbox {
	width: 100%;
	margin-bottom: 30px;
}

.review_write .chk_item {
	padding: 30px 0;
	border-top: 1px solid #dcdcdc;
}

.review_write .chk_item .dt {
	display: inline-block;
	width: 70px;
	vertical-align: middle;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.review_write .chk_item.rate {
	padding: 40px 0;
}

.review_write .chk_item.rate .rating_large {
	display: inline-block;
	vertical-align: middle;
}

.review_write .chk_item.write .dt {
	width: auto;
}

.review_write .chk_item.write .textarea {
	height: 150px;
	margin-top: 10px;
}

.review_write .notice_list {
	margin-bottom: 30px;
}

.review_write .btnWrap {
	margin-top: 10px;
}

.review_write .input.input_type2 {
	margin-top: 10px;
}

.review_write .check_wrap .checkbox_link {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	font-size: 13px;
	text-decoration: underline;
	color: #222222;
}

.review_write .check_wrap .checkbox_link2 {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	font-size: 13px;
	text-decoration: underline;
	color: #222222;
}

.review_write .check_wrap .detail_conditions_view {
	display: none;
	margin-top: 40px;
	overflow-y: scroll;
	height: 250px;
}

.review_write .check_wrap .detail_conditions_view2 {
	display: none;
	margin-top: 40px;
	border-top: 1px solid #dcdcdc;
}

.review_write .check_wrap .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;
}

.review_write .check_wrap .detail_conditions_view2 table td {
	width: 80%;
	color: #222;
	padding-left: 10px;
	border-bottom: 1px solid #dcdcdc;
}

.review_write .check_wrap .detail_conditions_view2 table td.type2 {
	font-size: 16px;
	font-weight: bold;
}

.review_write .check_wrap .bottom_txt {
	font-size: 13px;
	margin-top: 15px;
}

.review_write .check_wrap .detail_conditions_view .tit {
	font-size: 16px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.review_write .check_wrap .detail_conditions_view .detail_dep1 {
	padding-top: 10px;
	font-size: 13px;
}

.review_write .check_wrap .detail_conditions_view .detail_dep1>li {
	padding: 5px 0 0 16px;
	text-indent: -16px;
}

.review_write .check_wrap .detail_conditions_view .detail_dep2 {
	padding-left: 16px;
}

.review_write .check_wrap .detail_conditions_view .detail_dep2>li {
	padding-top: 5px;
}

.review_write.photo .selectbox {
	width: 205px;
	margin-bottom: 0;
}

.review_write.photo .chk_item.detail .itemWrap {
	margin-top: 15px;
}

.review_write.photo .chk_item.detail .itemWrap:after {
	content: "";
	display: block;
	clear: both;
}

.review_write.photo .chk_item.detail .itemWrap:first-child {
	margin-top: 0;
}

.review_write.photo .chk_item.detail .itemWrap .dt {
	float: left;
	margin-top: 8px;
}

.review_write.photo .chk_item.detail .itemWrap .dd {
	float: left;
}

.review_write.photo .chk_item.detail .itemWrap .note {
	margin-top: 10px;
}

.review_write.photo .chk_item.detail .itemWrap .error {
	margin-left: 15px;
}

.review_write.photo .chk_item.detail .itemWrap .inputText {
	width: 366px;
}

.review_write.photo .chk_item.detail .itemWrap .btn {
	width: 150px;
}

.review_write.photo .chk_item.detail .itemWrap .selectbox {
	margin-right: 36px;
}

.review_write.photo .chk_item.detail .itemWrap.type1.first {
	padding-top: 35px;
	border-top: 1px solid #dcdcdc;
}

.review_write.photo .chk_item.detail .itemWrap.type1 .dt {
	float: none !important;
	display: block;
	margin-top: 15px !important;
}

.review_write.photo .chk_item.detail .itemWrap.type1 .item_tit {
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #222;
}

.review_write.photo .chk_item.detail .itemWrap.type1 .radio_wrap {
	margin-top: 10px;
	font-size: 0;
	margin-left: -10px;
}

.review_write.photo .chk_item.detail .itemWrap.type1 .radio_wrap .selList
	{
	margin-top: -10px;
}

.review_write.photo .chk_item.detail .itemWrap.type1 .radio_wrap li {
	display: inline-block;
	border: 1px solid #dcdcdc;
	margin-left: 10px;
	margin-top: 10px;
}

.review_write.photo .chk_item.detail .itemWrap.type1 .radio_wrap li label
	{
	display: block;
	padding: 0 18px;
	color: #888888;
	font-size: 13px;
	height: 36px;
	line-height: 36px;
}

.review_write.photo .chk_item.detail .itemWrap.type1 .radio_wrap li input[type="radio"]:checked+label
	{
	background: #5f77ba;
	color: #fff;
}

.review_write.photo .chk_item.write .inputText {
	margin-top: 10px;
}

.review_write.photo .chk_item.write .picture {
	position: relative;
	margin-top: 20px;
	text-align: center;
}

.review_write.photo .chk_item.write .picture .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}

.review_write.photo .chk_item.write .picture .cover .edit {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -11px;
	text-align: center;
	color: #fff;
}

.review_write.photo .chk_item.write .picture .cover a {
	position: relative;
	display: inline-block;
	margin-left: 7px;
	padding-left: 10px;
	color: #fff;
}

.review_write.photo .chk_item.write .picture .cover a:after {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	display: block;
	width: 1px;
	height: 13px;
	background: #fff;
}

.review_write.photo .chk_item.write .picture .cover a:first-child {
	padding-left: 0;
	margin-left: 0;
}

.review_write.photo .chk_item.write .picture .cover a:first-child:after
	{
	display: none;
}

.review_write.photo .chk_item.write .picture:hover .cover {
	opacity: 1;
	visibility: visible;
}

.review_write.photo .chk_item.write .picture .rep {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}

.review_write.photo .chk_item.write .picture .rep label {
	display: block;
	height: 30px;
	padding: 0 10px 0 30px;
	line-height: 28px;
	background: #888 url("../images/experience/ico_check.png") no-repeat
		14px -23px;
	color: #666;
}

.review_write.photo .chk_item.write .picture .rep input {
	display: none;
}

.review_write.photo .chk_item.write .picture .rep input:checked+label {
	background: #5f77ba url("../images/experience/ico_check.png") no-repeat
		14px 10px;
	color: #fff;
}

.review_write.photo .chk_item.write .textarea {
	margin-top: 20px;
}

.review_write.photo .chk_item.write .textarea+.error {
	margin-left: 15px;
}

.review_write.photo .chk_item.write .imgUpload {
	margin-top: 20px;
}

.review_write.photo .chk_item.write .imgUpload a {
	display: block;
	width: 100%;
	padding: 95px 0 70px;
	background: #eee;
	text-align: center;
}

.review_write.photo .chk_item.write .imgUpload a>span {
	display: inline-block;
	padding-top: 36px;
	margin-bottom: 30px;
	background: url("../images/experience/ico_img_upload.png") no-repeat 50%
		0;
	font-size: 12px;
	color: #222;
}

.review_write.photo .chk_item.write .imgUpload a p span {
	color: #5f77ba;
}

/* 상품찾기팝업 */
.findProductPop .selectbox {
	width: 100%;
}

.findProductPop .find_word {
	position: relative;
	padding-right: 105px;
	margin: 10px 0;
}

.findProductPop .find_word .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}

.findProductPop .scrollArea {
	overflow: hidden;
	height: 355px;
	border: 1px solid #dcdcdc;
}

.findProductPop .list {
	padding: 30px;
}

.findProductPop .pdt_list_simple {
	margin-top: 0;
	border-top: none;
}

.findProductPop .pdt_list_simple li {
	padding: 20px 0;
	margin: 0;
	border-top: 1px solid #dcdcdc;
}

.findProductPop .pdt_list_simple li:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.findProductPop .pdt_list_simple li:last-child {
	padding-bottom: 0;
}

.findProductPop .mCSB_scrollTools {
	margin: 5px 5px 5px 0;
}

.findProductPop .pagination {
	padding-top: 30px;
}

/**
CONTACT
**/
.noticeList .boardList thead th:first-of-type, .noticeList .boardList td:first-of-type
	{
	text-align: center;
	padding-left: 0;
}

.noticeList .boardList tr.important .title a {
	font-family: 'Montserrat';
font-weight: bold;
}

.noticeList .boardList tr.important .articleType {
	display: inline-block;
	height: 19px;
	padding: 0 10px;
	background: #5f77ba;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
}

.noticeList .boardList thead th:nth-of-type(2), .noticeList .boardList .title
	{
	padding-left: 150px;
}

.noticeList .boardList .title a {
	padding-right: 10px;
	vertical-align: middle;
	width: -webkit-calc(100% - 150px);
	width: -moz-calc(100% - 150px);
	width: calc(100% - 150px);
}

.noticeList .boardList .title .new {
	vertical-align: middle;
	font-size: 12px;
	color: #5f77ba;
}

/* 메인 */
.csMain .pageTitle {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 34px;
	text-align: center;
}

.csMain .secTitle {
	padding-bottom: 15px;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.csMain .secTitle span {
	margin-left: 15px;
	font-family: 'Montserrat';
	font-size: 14px;
	color: #666;
}

.csMain .secTitle a {
	float: right;
	font-family: 'Montserrat';
}

.csMain .goTo {
	overflow: hidden;
	border: 1px solid #dcdcdc;
}

.csMain .goTo li {
	position: relative;
	float: left;
	width: 33.33333%;
	padding: 75px 50px 70px 140px;
	box-sizing: border-box;
}

.csMain .goTo li:before {
	position: absolute;
	left: 0;
	top: 60px;
	content: "";
	display: block;
	width: 1px;
	height: 110px;
	background: #dcdcdc;
}

.csMain .goTo li:first-child:before {
	display: none;
}

.csMain .goTo li p:nth-of-type(1), .csMain .goTo.type2 .counselBox p:nth-of-type(1)
	{
	position: relative;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.csMain .goTo li p:nth-of-type(1):before {
	position: absolute;
	top: -2px;
	content: "";
	display: block;
	height: 38px;
	background: url("../images/contact/ico_menu.png") no-repeat;
}

.csMain .goTo li:nth-of-type(1) p:nth-of-type(1):before {
	left: -50px;
	width: 30px;
}

.csMain .goTo li:nth-of-type(2) p:nth-of-type(1):before {
	left: -65px;
	width: 47px;
	background-position: -30px 0;
}

.csMain .goTo li:nth-of-type(3) p:nth-of-type(1):before {
	left: -60px;
	width: 41px;
	background-position: -77px 0;
}

.csMain .goTo li p:nth-of-type(2), .csMain .goTo .counselBox {
	margin-top: 8px;
	line-height: 26px;
}

.csMain .goTo.type2 .counselBox {
	position: relative;
	float: none;
	width: 360px;
	margin: 0 auto;
	padding: 75px 0 75px 60px;
	box-sizing: border-box;
}

.csMain .goTo.type2 .counselBox p:nth-of-type(1):before {
	position: absolute;
	top: -2px;
	content: "";
	display: block;
	height: 38px;
	background: url("../images/contact/ico_menu.png") no-repeat;
	left: -60px;
	width: 41px;
	background-position: -77px 0;
}

.csMain .center {
	overflow: hidden;
	margin-top: 75px;
}

.csMain .center .call {
	float: left;
	width: 555px;
}

.csMain .center .call .inner {
	padding: 30px 25px 0 25px;
}

.csMain .center .call .t {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	line-height: 32px;
	color: #222;
}

.csMain .center .call .num {
	margin: 10px 0 10px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	color: #5f77ba;
}

.csMain .center .call .time {
	line-height: 26px;
	color: #666;
}

.csMain .center .notice {
	float: right;
	width: 555px;
}

.csMain .center .notice ul {
	padding: 30px 0 0 10px;
}

.csMain .center .notice li {
	overflow: hidden;
	margin-top: 22px;
	color: #666;
}

.csMain .center .notice li:first-child {
	margin-top: 0;
}

.csMain .center .notice li a {
	color: #666;
}

.csMain .center .notice li span {
	float: right;
}

.csMain .faq .faqList li a .cate {
	width: 85px;
	height: 100%;
	padding-left: 0;
	font-size: 0;
	color: transparent;
}

.csMain .faq .faqList li a .tit {
	width: 1085px;
}

.csMain .faq .faqList li .answer .inner {
	padding-left: 120px;
}

.csMain .faq .faqList li .answer .inner:before {
	left: 85px;
}

/* 1:1문의 */
.inquiry .pageTitle {
	margin: 100px 0 20px;
	text-align: center;
	font-size: 34px;
}

.inquiry .pageTitle+ul {
	margin-bottom: 50px;
	text-align: center;
}

.inquiry .pageTitle+ul li {
	line-height: 26px;
}

.inquiry .note {
	float: right;
	font-size: 14px;
	color: #888;
}

.inquiry .userInputArea .txt_red {
	color: #ff3f3c;
}

.inquiry .userInputArea .info_txt {
	border-top: 1px solid #eee;
	padding: 40px 0 30px;
	margin-top: 30px;
	font-size: 16px;
	line-height: 20px;
	color: #888;
}

.inquiry .userInputArea .sms_input {
	margin-bottom: 25px;
}

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

.inquiry .userInputArea .sms_input label {
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.inquiry .userInputArea .email_input #applyError .error {
	margin-top: -10px;
}

.inquiry .userInputArea .email_input #reqEmailChkError .error {
	margin-top: -10px;
}

.inquiry .userInputArea .email_input .email_form {
	float: left;
	width: 495px;
}

.inquiry .userInputArea .email_input .input.check, .inquiry .userInputArea .phone_input_area .input.check
	{
	float: left;
	width: 100%;
	padding: 15px 0 20px 0;
}

.inquiry .userInputArea .email_input .input.check a, .inquiry .userInputArea .phone_input_area .input.check a
	{
	margin-left: 8px;
	font-size: 13px;
	color: #222;
	vertical-align: middle;
	text-decoration: underline;
}

.inquiry .userInputArea .email_input .privacy_check, .inquiry .userInputArea .phone_input_area .privacy_check
	{
	display: none;
	float: left;
	width: 100%;
	margin: 5px 0 20px;
	padding: 35px 40px;
	background: #f9f9f9;
	box-sizing: border-box;
}

.inquiry .userInputArea .email_input .privacy_check .name, .inquiry .userInputArea .phone_input_area .privacy_check .name
	{
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 26px;
	color: #222;
	font-family: 'Montserrat';
font-weight: bold;
}

.inquiry .userInputArea .email_input .privacy_list, .inquiry .userInputArea .phone_input_area .privacy_list
	{
	margin: 16px 0;
	border-top: 1px solid #222;
	border-bottom: 1px solid #888;
}

.inquiry .userInputArea .email_input .privacy_list:after, .inquiry .userInputArea .phone_input_area .privacy_list:after
	{
	display: block;
	content: "";
	clear: both;
}

.inquiry .userInputArea .email_input .privacy_list li, .inquiry .userInputArea .phone_input_area .privacy_list li
	{
	float: left;
	text-align: center;
	box-sizing: border-box;
}

.inquiry .userInputArea .email_input .privacy_list li:nth-child(1),
	.inquiry .userInputArea .phone_input_area .privacy_list li:nth-child(1)
	{
	width: 25.4%;
	border-right: 1px solid #dcdcdc;
}

.inquiry .userInputArea .email_input .privacy_list li:nth-child(2),
	.inquiry .userInputArea .phone_input_area .privacy_list li:nth-child(2)
	{
	width: 47.6%;
	border-right: 1px solid #dcdcdc;
}

.inquiry .userInputArea .email_input .privacy_list li:nth-child(3),
	.inquiry .userInputArea .phone_input_area .privacy_list li:nth-child(3)
	{
	width: 27%;
}

.inquiry .userInputArea .email_input .privacy_list li strong, .inquiry .userInputArea .phone_input_area .privacy_list li strong
	{
	display: block;
	font-family: 'Montserrat';
font-weight: bold;
	line-height: 50px;
	border-bottom: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.inquiry .userInputArea .email_input .privacy_list li p, .inquiry .userInputArea .phone_input_area .privacy_list li p
	{
	line-height: 75px;
}

.inquiry .userInputArea .email_input .privacy_list li em, .inquiry .userInputArea .phone_input_area .privacy_list li em
	{
	font-family: 'Montserrat';
font-weight: bold;
	line-height: 75px;
}

.inquiry .userInputArea .email_input .privacy_check .txt, .inquiry .userInputArea .phone_input_area .privacy_check .txt
	{
	color: #666;
}

.inquiry .userInputArea .phone_input_wrap {
	position: relative;
}

.inquiry .userInputArea .phone_input_wrap:after {
	display: block;
	content: "";
	clear: both;
}

.inquiry .userInputArea .phone_input_wrap .input.check {
	position: absolute;
	left: 515px;
	top: 9px;
}

.inquiry .userInputArea .phone_input {
	float: left;
	width: 495px;
}

.inquiry .userInputArea .phone_btn .btn.style2 a {
	background: #888;
	border: 1px solid #888;
}

/* .inquiry .userInputArea .phone_input .inputText input[readonly] {
  background: 0;
} */
/* .inquiry .userInputArea .phone_input .selectbox .title {
  background: 0;
} */
.inquiry .userInputArea .phone_btn {
	float: left;
	margin-left: 20px;
}

.inquiry .userInputArea .phone_btn .txt {
	padding-top: 8px;
	font-size: 13px;
}

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

.inquiry .btnWrap {
	margin-top: 60px;
	text-align: center;
}

/* FAQ */
.faqSch {
	text-align: center;
	margin: 140px 0 110px;
}

.faqSch p {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.faqSch .searchWord {
	position: relative;
	width: 430px;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
}

.faqSch .searchWord .keyword {
	width: 100%;
	padding: 4px 40px 7px 0;
	border-bottom: 3px solid #222;
	background: none;
	font-family: 'Montserrat';
	font-size: 22px;
	letter-spacing: -0.05em;
	color: #666;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.faqSch .searchWord .reset {
	position: absolute;
	right: 48px;
	top: 7px;
	width: 18px;
	height: 18px;
	background: url("../images/contact/faq_search.png") no-repeat;
	font-size: 0;
	color: transparent;
}

.faqSch .searchWord .btnSch {
	position: absolute;
	right: 10px;
	top: 2px;
	width: 23px;
	height: 25px;
	border: none;
	background: url("../images/contact/faq_search.png") no-repeat -28px 0;
	font-size: 0;
	text-indent: -9999em;
	color: transparent;
	outline: none;
	cursor: pointer;
}

.faq .boardUtilMenu .totalCnt {
	margin-top: 0;
}

.faq .boardUtilMenu .bdCategory {
	float: right;
	overflow: hidden;
}

.faq .boardUtilMenu .bdCategory li {
	float: left;
	margin-left: 15px;
}

.faq .boardUtilMenu .bdCategory li:first-child {
	margin-left: 0;
}

.faq .boardUtilMenu .bdCategory li.on a {
	text-decoration: underline;
	color: #222;
}

.faq .faqList {
	margin-bottom: 60px;
}

.faq .faqList ul {
	border-top: 1px solid #222;
}

.faq .faqList li {
	border-bottom: 1px solid #dcdcdc;
}

.faq .faqList li:last-child {
	border-bottom: 1px solid #222;
}

.faq .faqList li a {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 65px;
	line-height: 65px;
}

.faq .faqList li a .cate {
	position: relative;
	float: left;
	width: 155px;
	padding-left: 105px;
}

.faq .faqList li a .cate:before {
	position: absolute;
	left: 40px;
	top: 20px;
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	background: url("../images/contact/ico_faq.png") no-repeat;
}

.faq .faqList li a .tit {
	position: relative;
	float: left;
	width: 910px;
	color: #222;
}

.faq .faqList li a .tit:after {
	position: absolute;
	right: 15px;
	top: 0;
	content: url("../images/common/arr_list.png");
	transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.faq .faqList li .answer {
	overflow: hidden;
	height: 0;
	transition: height 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.faq .faqList li .answer .inner {
	position: relative;
	padding: 20px 35px 35px 295px;
	line-height: 26px;
	color: #666;
}

.faq .faqList li .answer .inner:before {
	position: absolute;
	left: 260px;
	top: 20px;
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	background: url("../images/contact/ico_faq.png") no-repeat 0 100%;
}

.faq .faqList li.on a .tit:after {
	transform: rotate(180deg);
}

/* 판매처찾기 */
.findStore .footer {
	margin-top: 0;
}

.findStore .searchType {
	margin-top: 2px;
	padding: 35px 0 50px;
	border-top: 1px solid #dcdcdc;
}

.findStore .schArea {
	width: 410px;
}

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

.findStore .schArea .inputArea .inputText {
	width: 155px;
}

.findStore .schArea .inputArea .btn {
	width: 85px;
	margin-left: 5px;
}

.findStore .schArea.type1 {
	float: left;
	margin-left: 135px;
}

.findStore .schArea.type1 .selectbox {
	width: 156px;
}

.findStore .schArea.type2 {
	float: right;
	margin-right: 135px;
}

.findStore .schArea.type2 .inputText {
	width: 315px;
}

.findStore .mapArea {
	overflow: hidden;
	position: relative;
	height: 90vh;
	padding-left: 407px;
}

.findStore .storeList {
	position: absolute;
	left: 0;
	top: 0;
	width: 406px;
	height: 100%;
	border: 1px solid #e3e3e3;
	border-left: none;
}

.findStore .storeList .tab {
	overflow: hidden;
}

.findStore .storeList .tab li {
	float: left;
	width: 50%;
	border-left: 1px solid #e3e3e3;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.findStore .storeList .tab li:first-child {
	border-left: none;
}

.findStore .storeList .tab li a {
	display: block;
	width: 100%;
	height: 63px;
	border-bottom: 1px solid #e3e3e3;
	background: #bbb;
	line-height: 62px;
	font-size: 16px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.findStore .storeList .tab li.on a {
	border-bottom-color: #fff;
	background: #fff;
	font-family: 'Montserrat';
font-weight: bold;
	color: #5f77ba;
}

.findStore .storeList .count {
	margin: 10px 15px;
}

.findStore .storeList .count span {
	font-family: 'Montserrat';
font-weight: bold;
	color: #5f77ba;
}

.findStore .storeList .result {
	position: relative;
	display: none;
	padding-right: 20px;
}

.findStore .storeList .result#list_md {
	display: block;
}

.findStore .storeList .result .scrollArea {
	overflow: hidden;
	height: calc(80vh - 103px);
}

.findStore .storeList .viewmore {
	width: 90%;
	margin: 25px auto 0;
}

.findStore .mapView {
	position: relative;
}

.findStore .stockNote {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	width: calc(100% - 407px);
	height: 64px;
	line-height: 64px;
	background: rgba(45, 40, 38, 0.5);
	text-align: center;
	color: #fff;
}

.mapWindow {
	position: relative;
	width: 300px;
	bottom: 35px;
	padding: 0 15px 20px 15px;
	margin-bottom: 22px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mapWindow:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -14px;
	display: block;
	width: 15px;
	height: 14px;
	background: url("../images/contact/map_tail.png") no-repeat;
}

.mapWindow .close {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 0;
}

.mapWindow .label {
	height: 20px;
	line-height: 1;
}

.mapWindow .label span {
	display: inline-block;
	height: 20px;
	padding: 0 6px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
}

.mapWindow .label.type_md span {
	background: #222;
}

.mapWindow .label.type_365 span {
	background: #5f77ba;
}

.mapWindow .storeName {
	padding: 10px 0 15px;
	border-bottom: 1px solid #dcdcdc;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #222;
}

.mapWindow ul {
	overflow: hidden;
	padding-top: 10px;
}

.mapWindow ul li {
	position: relative;
	float: left;
	width: 50%;
	min-width: 130px;
	padding-left: 18px;
	margin-top: 8px;
	font-family: 'Montserrat';
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mapWindow ul li:after {
	position: absolute;
	left: 8px;
	top: 9px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #dcdcdc;
}

.mapWindow ul li.C01 {
	color: #0b658a;
}

.mapWindow ul li.C02 {
	color: #7e3587;
}

.mapWindow ul li.C03 {
	color: #9a1d3c;
}

.mapWindow+.marker {
	width: 32px;
	height: 43px;
	margin: 10px auto 0;
	text-align: center;
	line-height: 28px;
	font-family: 'Montserrat';
	font-size: 20px;
	color: #fff;
}

.marker.type_md {
	/* background: url("../images/contact/ico_pin_l_bk.png") no-repeat; */
	width: 32px;
	height: 43px;
	margin: 10px auto 0;
	text-align: center;
	line-height: 28px;
	font-family: 'Montserrat';
	font-size: 20px;
	color: #fff;
	background: url("../images/contact/ico_pin_l_bk.png") no-repeat;
}

.marker.type_365 {
	/* background: url("../images/contact/ico_pin_l_bl.png") no-repeat; */
	width: 32px;
	height: 43px;
	margin: 10px auto 0;
	text-align: center;
	line-height: 28px;
	font-family: 'Montserrat';
	font-size: 20px;
	color: #fff;
	background: url("../images/contact/ico_pin_l_bl.png") no-repeat;
}

.findStore .storeList .result ul li a {
	position: relative;
	display: block;
	padding: 20px 25px 25px 55px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.findStore .storeList .result ul li a:hover {
	background: #f7f7f7;
}

.findStore .storeList .result ul li a span {
	display: block;
}

.findStore .storeList .result ul li a .label {
	position: absolute;
	left: 15px;
	top: 25px;
	width: 22px;
	height: 29px;
	padding-top: 2px;
	background: url("../images/contact/ico_pin_s_bk.png") no-repeat;
	text-align: center;
	font-family: 'Montserrat';
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.findStore .storeList .result ul li a .storeName {
	font-size: 16px;
	color: #222;
}

.findStore .storeList .result ul li a .add {
	margin: 10px 0 5px;
}

.findStore .storeList .result ul li a .tel {
	color: #222;
}

.findStore .storeList .result ul li a .distance {
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 13px;
}

.findStore .storeList .result.list_365 ul li a .label {
	background-image: url("../images/contact/ico_pin_s_bl.png");
}

.findStore .storeList .result .noList {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.findStore .storeList .result .noList p {
	padding-top: 80px;
	background: url("../images/contact/ico_nodata.png") no-repeat 50% 0;
	text-align: center;
	line-height: 26px;
	font-size: 16px;
}

/* 멤버십안내 */
.membership .titleArea {
	margin-bottom: 100px;
	text-align: center;
}

.membership .titleArea .title {
	margin: 70px 0 25px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 34px;
	color: #222;
}

.membership .tabMenu3 {
	margin-bottom: 60px;
}

.membership .tabCont {
	display: none;
}

.membership .tblType1 th, .membership .tblType1 td {
	text-align: center;
}

.membership .tblType1 th {
	border-top: 1px solid #eee;
}

.membership .tblType1 thead tr:first-of-type th {
	border-top: 1px solid #222;
}

.membership .tblType1 thead tr:first-of-type th:first-of-type {
	border-right: 1px solid #eee;
}

.membership .tblType1 tbody th {
	padding: 22px 0;
	border-right: 1px solid #eee;
}

.membership .tblType1 tbody th, .membership .tblType1 tbody td {
	color: #666;
}

.membership .tblType1 tbody th p {
	display: inline-block;
	margin-left: 45px;
	vertical-align: middle;
}

.membership .tblType1 tbody th p em {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
}

.membership .tblType1 tbody td {
	height: auto;
	padding: 22px;
	line-height: 26px;
}

.membership .notice_list {
	margin-top: 60px;
}

.membership .aboutPoint {
	height: 280px;
	padding: 70px 0 0 70px;
	margin-bottom: 60px;
	box-sizing: border-box;
}

.membership .aboutPoint.astr {
	background: url("../images/contact/bg_astr_point.jpg") no-repeat;
}

.membership .aboutPoint.bt {
	background: url("../images/contact/bg_bt_point.jpg?ver=20250227")
		no-repeat;
}

.membership .aboutPoint .title {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	color: #222;
}

.membership .aboutPoint ul {
	margin: 15px 0 40px;
}

.membership .aboutPoint ul li {
	padding-left: 25px;
	background: url("../images/product/ico_check.png") no-repeat 0 4px;
	line-height: 26px;
	font-size: 16px;
	color: #666;
}

.membership .aboutPoint .btn {
	width: 180px;
}

.membership .sTit {
	margin-bottom: 15px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #222;
}

.membership .cont {
	margin-bottom: 50px;
}

.membership .cont ul li {
	padding-left: 23px;
	text-indent: -23px;
	line-height: 26px;
}

/**
주문.결제
**/
/* 공통 */
.pay_order_steps ol {
	overflow: hidden;
}

.pay_order_steps li {
	position: relative;
	float: left;
	margin-right: 13px;
	padding-right: 23px;
	background: url("../images/common/arr_steps.png") no-repeat 100% 50%;
	font-size: 16px;
	color: #222;
	opacity: 0.2;
}

.pay_order_steps li:last-child {
	padding-right: 0;
	margin-right: 0;
	background: none;
}

.pay_order_steps li span {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: -2px 8px 0 0;
	border: 2px solid #222;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 16px;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #222;
}

.pay_order_steps li.on {
	font-family: 'Montserrat';
font-weight: bold;
	opacity: 1;
}

.pay_order_steps li.on span {
	background: #222;
	color: #fff;
}

.order_pdt_list .tbl table {
	letter-spacing: -0.03em;
	border-bottom: 2px solid #222;
}

.order_pdt_list .tbl thead th {
	height: 42px;
	background: #f8f8f8;
	text-align: left;
	font-size: 13px;
	color: #222;
}

.order_pdt_list .tbl thead th:first-child {
	padding-left: 10px;
}

.order_pdt_list .tbl tbody td:first-child {
	padding-left: 10px;
}

.order_pdt_list .tbl tbody td {
	padding: 20px 0;
	border-top: 1px solid #dcdcdc;
	vertical-align: middle;
}

.order_pdt_list .tbl tbody tr:first-child td {
	border-top: none;
}

.order_pdt_list .tbl tbody td .btn {
	width: 70px;
}

.order_pdt_list .tbl tbody td.ol_tc_thumb a {
	display: block;
	width: 55px;
	background: #f8f8f8;
}

.order_pdt_list .tbl tbody td.ol_tc_thumb img {
	width: 55px;
	font-size: 0;
}

.order_pdt_list .tbl tbody td.ol_tc_name {
	padding-right: 30px;
	font-size: 16px;
	color: #222;
}

.order_pdt_list .tbl tbody td.ol_tc_name a {
	overflow: hidden;
	display: inline-block;
	max-width: calc(100% - 30px);
	margin-right: 30px;
	font-size: 16px;
	color: #222;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.order_pdt_list .tbl tbody td.ol_tc_qty, .order_pdt_list .tbl tbody td.ol_tc_bp
	{
	font-size: 16px;
	color: #222;
}

.order_pdt_list .tbl tbody td.ol_tc_qty .soldout {
	width: 98px;
	text-align: center;
}

.order_pdt_list .tbl tbody td.ol_tc_qty .soldout span {
	font-size: 14px;
	color: #ff3f3c;
}

.order_pdt_list .tbl tbody td.ol_tc_qty .soldout .btn {
	width: 100%;
	margin-top: 2px;
}

.order_pdt_list .tbl tbody td.ol_tc_fz14 {
	font-size: 14px;
	color: #222;
}

.order_pdt_list .tbl tbody td.ol_tc_price .cost {
	text-decoration: line-through;
	font-size: 13px;
}

.order_pdt_list .tbl tbody td.ol_tc_price .cost span {
	font-size: 14px;
}

.order_pdt_list .tbl tbody td.ol_tc_price .amt {
	font-size: 16px;
	color: #222;
}

.order_pdt_list .tbl tbody td.ol_tc_price .amt span {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #5f77ba;
}

.order_pdt_list .tbl tbody td.ol_tc_price .amt i {
	font-size: 18px;
}

.order_pdt_list .tbl tbody td.ol_tc_price .dcMsg {
	display: inline-block;
	padding: 0 4px;
	height: 17px;
	border-radius: 2px;
	background: #5f77ba;
	line-height: 17px;
	font-size: 12px;
	color: #fff;
}

.order_pdt_list .tbl tbody td.ol_tc_btn {
	padding-right: 10px;
	text-align: right;
}

.order_pdt_list .tbl tbody td.ol_tc_state {
	font-size: 16px;
	color: #222;
}

.order_pdt_list .tbl tbody tr.ol_tr_option td, .order_pdt_list .tbl tbody tr.ol_tr_gift td
	{
	border-top: 1px dashed #dcdcdc;
}

.order_pdt_list .tbl tbody tr.ol_tr_option td:first-child,
	.order_pdt_list .tbl tbody tr.ol_tr_gift td:first-child {
	border-top: none;
}

.order_pdt_list .tbl tbody tr.ol_tr_option td {
	height: 52px;
	padding: 8px 0;
}

.order_pdt_list .tbl tbody tr.ol_tr_option td:nth-of-type(2) {
	padding-right: 12px;
	text-align: center;
}

.order_pdt_list .tbl tbody tr.ol_tr_option .opt_t {
	padding-right: 15px;
	text-align: center;
}

.order_pdt_list .tbl tbody tr.ol_tr_option .ol_tc_btn {
	padding-right: 10px;
}

.order_pdt_list .tbl tbody tr.ol_tr_option .ol_tc_qty {
	font-size: 14px;
	color: #888;
}

.order_pdt_list .tbl tbody tr.ol_tr_gift td {
	border-top: 1px dashed #dcdcdc;
}

.order_pdt_list .tbl tbody tr.ol_tr_gift .tit {
	padding-left: 20px;
	background: url("../images/common/ico_gift.png") no-repeat 0 4px;
}

.order_pdt_list .tbl tbody tr.ol_tr_gift .list {
	overflow: hidden;
}

/* .order_pdt_list .tbl tbody tr.ol_tr_gift .list li {
  float: left;
  width: 245px;
  padding-right: 15px;
  margin-top: 10px;
  box-sizing: border-box;
  font-size: 0;
} */
.order_pdt_list .tbl tbody tr.ol_tr_gift .list li {
	float: left;
	width: auto;
	padding-right: 15px;
	margin-top: 10px;
	box-sizing: border-box;
	font-size: 0;
}

.order_pdt_list .tbl tbody tr.ol_tr_gift .list li img {
	width: 55px;
	background: #f8f8f8;
}

/* .order_pdt_list .tbl tbody tr.ol_tr_gift .list li .txt {
  display: inline-block;
  width: 165px;
  margin-left: 10px;
  vertical-align: middle;
  line-height: 20px;
} */
.order_pdt_list .tbl tbody tr.ol_tr_gift .list li .txt {
	display: inline-block;
	width: auto;
	margin-left: 10px;
	vertical-align: middle;
	line-height: 20px;
}

.order_pdt_list .tbl tbody tr.ol_tr_gift .list li .txt span {
	font-size: 14px;
}

.order_pdt_list.type2 table {
	border-bottom: 1px solid #222;
}

.order_pdt_list.type2 thead th {
	height: 46px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #dcdcdc;
	background: none;
	line-height: 46px;
	font-size: 14px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.subTotalWrap {
	position: relative;
}

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

.subTotalWrap .btnWrap {
	float: left;
}

.subTotalWrap .btnWrap .btn {
	width: 120px;
}

.subTotalWrap .subTotal {
	position: relative;
	float: right;
	width: 480px;
}

.subTotalWrap .subTotal dl {
	overflow: hidden;
	width: 255px;
}

.subTotalWrap .subTotal dl dt {
	float: left;
}

.subTotalWrap .subTotal dl dd {
	float: right;
}

.subTotalWrap .subTotal .total {
	margin-bottom: 2px;
}

.subTotalWrap .subTotal .total dt {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.subTotalWrap .subTotal .total dd {
	margin-top: -2px;
}

.subTotalWrap .subTotal .total dd .price {
	font-size: 16px;
	color: #222;
}

.subTotalWrap .subTotal .total dd .price span {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #5f77ba;
}

.subTotalWrap .subTotal .btn {
	position: absolute;
	right: 0;
	top: 0;
}

/* 정기배송 프로모션 */
.promotion_sale {
	margin-top: 40px;
	color: #222;
}

.promotion_sale .btn_wrap {
	height: 60px;
	padding: 0 20px;
	line-height: 60px;
	background: #f8f8f8;
	box-sizing: border-box;
	text-align: right;
}

.promotion_sale button {
	outline: none;
	font-size: 16px;
	color: #222;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
}

.promotion_sale .promotion_drop_down {
	margin-top: 20px;
	color: #222;
}

.promotion_sale .promotion_drop_down .promotion_info {
	display: none;
	margin-top: 15px;
}

.promotion_sale .promotion_drop_down .sale_list {
	margin-top: 10px;
}

.promotion_sale .promotion_drop_down .sale_list li:first-child {
	margin-top: 0;
}

.promotion_sale .promotion_drop_down .sale_list li {
	position: relative;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	color: #888;
	box-sizing: border-box;
}

.promotion_sale .promotion_drop_down .sale_list li:after {
	display: block;
	content: "";
	clear: both;
}

.promotion_sale .promotion_drop_down .sale_list li p {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -50px;
}

.promotion_sale .promotion_drop_down .sale_list li .price {
	float: right;
}

/* 장바구니 */
.shoppingCart {
	overflow-x: hidden;
	overflow-y: scroll;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5001;
	width: 100%;
	height: 100%;
	min-width: 840px;
	background: rgba(34, 34, 34, 0.4);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
}

.shoppingCart .cartWrap {
	position: absolute;
	right: 0;
	top: 0;
	width: 840px;
	min-height: 100%;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	transform: translateX(100%);
	transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.shoppingCart .cart {
	position: relative;
	padding: 30px;
}

.shoppingCart .cart .close {
	position: absolute;
	right: 30px;
	top: 30px;
}

.shoppingCart .cart>.tabCont {
	overflow: hidden;
	height: 0;
	visibility: hidden;
}

.shoppingCart .tabMenu2 {
	margin: 30px 0 20px;
}

.shoppingCart .tabMenu2 ul {
	padding-bottom: 0;
}

.shoppingCart .subTotalWrap {
	min-height: 50px;
	margin-top: 20px;
}

.shoppingCart .area_close {
	display: block;
	width: calc(100% - 840px);
	height: 100%;
	background: url("../images/common/blank.gif");
	cursor: default;
}

.shoppingCart.on {
	visibility: visible;
	opacity: 1;
}

.shoppingCart.on .cartWrap {
	transform: translateX(0);
	transition-delay: 0.2s;
}

.shoppingCart .check_txt_wrap {
	margin-top: 50px;
	padding: 25px 20px;
	background: #f8f8f8;
	color: #5f77ba;
}

.shoppingCart .check_txt_wrap+.orderAside.payment_gift {
	margin-top: 50px;
}

.shoppingCart .check_txt_wrap+.payment_gift {
	margin-top: 50px;
}

.orderAside {
	position: relative;
	padding: 20px;
	border: 1px solid #dcdcdc;
}

.orderAside .tit {
	display: block;
	margin-bottom: 35px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #222;
}

.orderAside .tit em {
	font-size: 13px;
	font-family: 'Montserrat';
}

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

.orderAside .showcase .item {
	outline: none;
}

.orderAside .showcase .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 1;
	display: block;
	width: 14px;
	height: 24px;
	margin-top: -12px;
	background: url("../images/common/arr_showcase.png") no-repeat;
	font-size: 0;
	color: transparent;
}

.orderAside .showcase .slick-prev {
	left: 0;
	transform: rotate(180deg);
}

.orderAside .showcase .slick-next {
	right: 0;
}

.orderAside.payment_gift {
	margin-top: 80px;
}

.orderAside.payment_gift .menu {
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 20px;
	padding-left: 200px;
	text-align: right;
}

.orderAside.payment_gift .menu li {
	display: inline-block;
	margin-left: 20px;
}

.orderAside.payment_gift .menu li a {
	display: block;
	padding-bottom: 3px;
	font-size: 16px;
}

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

.orderAside.payment_gift .menu li.on a:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #222;
}

.orderAside.payment_gift .showcase {
	overflow: hidden;
	height: 140px;
	padding: 0 60px;
	text-align: center;
	font-size: 0;
}

.orderAside.payment_gift .showcase .item {
	display: inline-block;
	width: 25%;
	padding: 0 10px;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
}

.orderAside.payment_gift .showcase .item img {
	width: 110px;
	background: #f8f8f8;
}

.orderAside.payment_gift .showcase .item p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
	font-size: 14px;
	color: #222;
}

.orderAside.payment_gift .note {
	margin-top: 15px;
	font-size: 13px;
	text-align: center;
}

.orderAside.recommendPdt {
	padding-bottom: 40px;
	margin-top: 10px;
}

.orderAside.recommendPdt .pdt_list_simple {
	overflow: hidden;
	border-top: none;
	margin-top: 0;
	padding: 0 25px;
}

.orderAside.recommendPdt .pdt_list_simple .item {
	float: left;
	width: 300px;
	margin: 0 20px;
}

.orderAside.is-hide+.recommendPdt {
	margin-top: 80px;
}

.regularOrder .regularOrderSteps {
	height: 287px;
	padding: 30px;
	margin-bottom: 20px;
	background: url("../images/order/bg_fixed_order_steps.jpg") no-repeat 0
		100%;
}

.regularOrder .regularOrderSteps .tit {
	margin-bottom: 3px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	color: #222;
}

.regularOrder .regularOrderSteps ol {
	margin: 25px 0 30px;
}

.regularOrder .regularOrderSteps ol:after {
	content: "";
	display: block;
	clear: both;
}

.regularOrder .regularOrderSteps li {
	position: relative;
	float: left;
	height: 33px;
	margin-right: 37px;
	padding: 0 10px;
	border-radius: 4px;
	background: #fff;
	font-family: 'Montserrat';
font-weight: bold;
	line-height: 33px;
	color: #222;
}

.regularOrder .regularOrderSteps li:after {
	position: absolute;
	right: -24px;
	top: 4px;
	content: url("../images/common/arr_steps.png");
}

.regularOrder .regularOrderSteps li:last-child:after {
	display: none;
}

.regularOrder .subTotalWrap .subTotal {
	width: 520px;
}

.regularOrder .subTotalWrap .subTotal dl {
	width: 295px;
}

#regularOrderGuide .list {
	-ms-word-break: keep-all;
	word-break: keep-all;
}

#regularOrderGuide .list>li {
	margin-top: 25px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

#regularOrderGuide .list li:first-child {
	margin-top: 0;
}

#regularOrderGuide .list>li>ul {
	margin-top: 6px;
}

#regularOrderGuide .list>li>ul>li {
	margin-top: 3px;
	padding-left: 8px;
	font-family: 'Montserrat';
	text-indent: -8px;
	color: #222;
}

#regularOrderGuide .list>li>ul>li ul {
	margin-top: 3px;
}

#regularOrderGuide .list>li>ul>li li {
	margin-top: 3px;
	padding-left: 0;
	text-indent: 0;
	font-family: 'Montserrat';
	color: #888;
}

#prtMomRegularOrderGuide .list {
	-ms-word-break: keep-all;
	word-break: keep-all;
}

#prtMomRegularOrderGuide .list>li {
	margin-top: 25px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

#prtMomRegularOrderGuide .list li:first-child {
	margin-top: 0;
}

#prtMomRegularOrderGuide .list>li>ul {
	margin-top: 6px;
}

#prtMomRegularOrderGuide .list>li>ul>li {
	margin-top: 3px;
	padding-left: 8px;
	font-family: 'Montserrat';
	text-indent: -8px;
	color: #222;
}

#prtMomRegularOrderGuide .list>li>ul>li ul {
	margin-top: 3px;
}

#prtMomRegularOrderGuide .list>li>ul>li li {
	margin-top: 3px;
	padding-left: 0;
	text-indent: 0;
	font-family: 'Montserrat';
	color: #888;
}

#selectOption .selectbox {
	width: 100%;
	margin-top: 15px;
}

#selectOption .btnWrap {
	width: 320px;
}

/* 결제 */
#container.orderProc {
	padding-top: 0;
}

.orderProcHeader {
	overflow: hidden;
	height: 90px;
	border-bottom: 2px solid #5f77ba;
}

.orderProcHeader .logo {
	float: left;
	margin: 23px 0 0 50px;
}

.orderProcHeader .pay_order_steps {
	float: right;
	margin: 32px 50px 0 0;
}

.orderProc .pageTitle {
	text-align: center;
	font-size: 24px;
}

.orderProc .formBox {
	position: relative;
	padding: 20px 30px 30px 30px;
	margin-top: 8px;
	border: 1px solid #dcdcdc;
}

.orderProc .formBox .mgauto {
	margin: 0 auto;
}

.orderProc .formBox .formTitle {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #222;
}

.orderProc .formBox .noteType1 {
	margin-top: 25px;
	color: #222;
}

.orderProc .formBox .noteType2 {
	/*margin-top: 20px;*/
	font-size: 13px;
}

.orderProc .orderInfo_typeH {
	margin-top: 25px;
}

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

.orderProc .orderInfo_typeH dt {
	float: left;
	margin-right: 10px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.orderProc .orderInfo_typeH dd {
	float: left;
	margin-right: 30px;
	color: #222;
}

.orderProc .orderInfo_typeH dd:last-child {
	margin-right: 0;
}

.orderProc .orderInfo_typeH dd.has-input {
	width: 210px;
	margin-top: -10px;
}

.orderProc .orderInfo_typeH dd.add {
	width: calc(100% - 320px);
}

.orderProc .orderInfo_typeH .selectbox {
	width: 140px;
}

.orderProc .orderInfo_typeH.type2 {
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ddd;
}

.orderProc .orderInfo_typeH.type2 .has-input {
	position: relative;
	width: calc(100% - 110px);
}

.orderProc .orderInfo_typeH.type2 .has-input .slick-slide {
	padding-right: 30px;
	outline: none;
}

.orderProc .orderInfo_typeH.type2 .has-input .slick-slide:last-child {
	padding-right: 0;
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap {
	width: 900px;
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap .slick-arrow {
	position: absolute;
	top: 50%;
	width: 13px;
	height: 0;
	max-height: 24px;
	padding-top: 24px;
	margin-top: -42px;
	overflow: hidden;
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap .slick-arrow.slick-prev
	{
	left: -95px;
	background: url("../images/order/arrow_left.png") no-repeat center top;
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap .slick-arrow.slick-next
	{
	right: -95px;
	background: url("../images/order/arrow_right.png") no-repeat center top;
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap .txt_wrap {
	padding-top: 15px;
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap .txt_wrap .point
	{
	font-size: 14px;
	line-height: 26px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #5f77ba;
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap .txt_wrap p {
	display: inline-block;
	padding-left: 5px;
	font-size: 14px;
	line-height: 26px;
	color: #222;
	font-family: 'Montserrat';
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap .ui-datepicker-header .ui-corner-all
	{
	display: none;
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap .ui-datepicker-calendar .ui-state-default.on
	{
	background: #5f77ba;
	color: #fff;
}

.orderProc .orderInfo_typeH.type2 .has-input .slide_wrap .ui-datepicker-calendar .ui-datepicker-today .ui-state-default
	{
	background: #fff;
	color: #ddd;
}

.orderProc .folding {
	overflow: hidden;
	height: 0;
}

.orderProc .folding_type2 {
	overflow: hidden;
	height: 0;
}

.orderProc .foldTrigger {
	position: absolute;
	right: 0;
	bottom: 0;
}

.orderProc .foldTrigger_type2 {
	position: absolute;
	right: 165px;
	bottom: 0;
}

.orderProc .foldTrigger_type2.on {
	right: 0;
}

.orderProc .foldTrigger span:before {
	content: url("../images/common/arr_link_wh_left.png");
	display: inline-block;
	margin-right: 15px;
	transform: rotate(-90deg);
}

.orderProc .foldTrigger_type2 span:before {
	content: url("../images/common/arr_link_wh_left.png");
	display: inline-block;
	margin-right: 15px;
	transform: rotate(-90deg);
}

.orderProc .foldTrigger.on span:before {
	transform: rotate(90deg);
}

.orderProc .foldTrigger_type2.on span:before {
	transform: rotate(90deg);
}

.orderProc .procSubTotal {
	overflow: hidden;
	text-align: right;
	color: #222;
}

.orderProc .procSubTotal dl {
	width: 100%;
}

.orderProc .procSubTotal dt {
	display: inline-block;
	margin-right: 25px;
	font-size: 16px;
}

.orderProc .procSubTotal dd {
	display: inline-block;
}

.orderProc .procSubTotal dd .price {
	font-size: 16px;
}

.orderProc .procSubTotal dd .price span {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #5f77ba;
}

.orderProc .procSubTotal dd .price i {
	font-size: 18px;
}

.orderProc .procSubTotal dl:first-of-type {
	margin-left: 0;
}

.orderProc .procSubTotal dl:last-of-type dt {
	font-family: 'Montserrat';
font-weight: bold;
}

.orderProc .procSubTotal .extraChg {
	text-align: right;
	font-size: 13px;
}

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

.orderProc .orderSummary .formTitle {
	float: left;
	width: 16.25%;
}

.orderProc .orderSummary .item {
	float: left;
}

.orderProc .orderSummary .item li {
	line-height: 26px;
	color: #222;
}

.orderProc .orderSummary .item li span {
	font-family: 'Montserrat';
font-weight: bold;
	color: #5f77ba;
}

.orderProc .orderSummary .item li.colorGR {
	margin-top: 5px;
	font-size: 13px;
	color: #888;
}

.orderProc .orderSummary .procSubTotal {
	float: right;
}

.orderProc .orderSummary .orderInfo_typeH {
	float: right;
	width: 83.75%;
	margin-top: 5px;
}

.orderProc .orderSummary.type2 {
	margin: 20px -30px 0;
	padding: 30px;
	background: #f8f8f8;
}

.orderProc .orderSummary.type2 .formTitle {
	font-size: 14px;
}

.orderProc .orderSummary.type2 .orderInfo_typeH {
	margin-top: 0;
	padding: 18px 0;
	border-top: 1px solid #dcdcdc;
}

.orderProc .orderSummary.type2 .orderInfo_typeH:first-of-type {
	padding-top: 0;
	border-top: none;
}

.orderProc .orderSummary.type2 .orderInfo_typeH:last-of-type {
	padding-bottom: 0;
}

.orderProc .orderSummary.type2 .orderInfo_typeH dt, .orderProc .orderSummary.type2 .orderInfo_typeH dd
	{
	margin: 0;
}

.orderProc .orderSummary.type2 .orderInfo_typeH dt:last-of-type {
	width: 120px;
}

.orderProc .orderSummary.type2 .orderInfo_typeH dt:first-of-type {
	width: 80px;
}

.orderProc .orderSummary.type2 .orderInfo_typeH dd:first-of-type {
	width: 165px;
}

.orderProc .orderSummary.type2 .orderInfo_typeH dd .btn {
	width: 80px;
	margin: -4px 0 0 10px;
}

.orderProc .orderSummary.type2 .orderInfo_typeH.single dd {
	width: calc(100% - 110px);
}

.orderProc .orderSummary .delivery_li {
	clear: both;
	overflow: hidden;
}

.orderProc .orderSummary .delivery_li .orderInfo_typeH {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #dcdcdc;
}

.orderProc .orderProfile {
	overflow: hidden;
}

.orderProc .orderProfile dt {
	float: left;
	width: 10%;
	margin: 5px 0;
	line-height: 30px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.orderProc .orderProfile dd {
	float: left;
	width: 40%;
	margin: 5px 0;
	line-height: 30px;
	color: #222;
}

.orderProc .orderProfile .state {
	color: #5f77ba;
}

.orderProc .orderProfile .state .btn {
	width: 75px;
	margin-left: 10px;
}

.orderProc .orderProfile dd .mail {
	margin-left: 20px;
}

.orderProc .userInputArea table {
	width: 640px;
}

.orderProc .userInputArea table tbody th {
	font-family: 'Montserrat';
font-weight: bold;
}

.orderProc .userInputArea table tbody td .input_address .btnWrap {
	padding: 0;
	margin-top: 15px;
	text-align: left;
}

.orderProc .userInputArea table tbody td .input_address .input.check {
	margin-top: 15px;
}

.orderProc .deliveryMsg .textarea {
	height: 75px;
	margin-top: 10px;
}

.orderProc .deliveryInfo {
	margin-top: 35px;
}

.orderProc .deliveryMsg {
	margin-top: 15px;
	padding-top: 14px;
	border-top: 2px solid #222;
}

.orderProc .deliveryMsg .selectbox {
	width: 100%;
}

.orderProc .deliveryMsg .input.check {
	margin-top: 15px;
}

.orderProc .order_pdt_list {
	margin-top: 40px;
}

.orderProc .order_pdt_list table {
	border-top: 2px solid #222;
}

.orderProc .subTotal {
	margin-top: 20px;
	text-align: center;
	color: #222;
}

.orderProc .subTotal dt {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
}

.orderProc .subTotal dd {
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
	font-size: 16px;
}

.orderProc .subTotal dd .price {
	font-size: 18px;
}

.orderProc .subTotal dd .price span {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	color: #5f77ba;
}

.orderProc .couponListWrap {
	padding: 25px 40px;
	margin-top: 40px;
	background: #f8f8f8;
}

.orderProc .couponListWrap .formTitle {
	font-size: 16px;
}

.orderProc .couponListWrap .noteType2 {
	margin: 8px 0 30px;
}

.orderProc .couponListWrap .noData {
	padding: 20px 0;
}

.orderProc .couponListWrap .couponList {
	position: relative;
	padding: 25px 0;
	border-top: 1px solid #dcdcdc;
}

.orderProc .couponListWrap .couponList dt {
	margin-bottom: 15px;
	font-size: 16px;
	color: #222;
}

.orderProc .couponListWrap .couponList>dd {
	margin: 15px 0 0 10px;
}

.orderProc .couponListWrap .couponList>dd:last-child {
	position: absolute;
	right: 0;
	top: 8px;
}

.orderProc .couponListWrap .couponList>dd .selectbox {
	margin-top: 10px;
}

.orderProc .couponListWrap+.input.check {
	margin-top: 15px;
}

.orderProc .couponListWrap+.input.check+.noteType2 {
	margin-top: 5px;
}

.orderProc .applyCP {
	position: relative;
	margin: 20px 0 30px;
}

.orderProc .applyCP .btnWrap {
	position: absolute;
	right: 0;
	top: 0;
	width: 244px;
}

.orderProc .bpPointWrap {
	padding-bottom: 20px;
}

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

.orderProc .bpPointWrap .formTitle {
	float: left;
	width: 180px;
}

.orderProc .bpPointWrap .useBP {
	float: left;
	margin-top: 5px;
	color: #222;
}

.orderProc .bpPointWrap .useBP span {
	color: #5f77ba;
}

.orderProc .bpPointWrap .useBP .input {
	margin: 2px 0 0 8px;
	vertical-align: top;
}

.orderProc .bpPointWrap .colorRD {
	float: left;
	margin: 5px 0 0 12px;
}

.orderProc .bpPointWrap .inputText {
	position: relative;
	float: left;
	width: 90px;
	padding-right: 12px;
	margin-left: 10px;
}

.orderProc .bpPointWrap .inputText span {
	position: absolute;
	right: 0;
	top: 10px;
	color: #222;
}

.orderProc .bpPointWrap .btn {
	float: left;
	width: 90px;
	margin-left: 20px;
}

.orderProc .bpPointWrap .procSubTotal {
	float: right;
	margin-top: 5px;
}

.orderProc .selectGiftWrap {
	overflow: hidden;
}

.orderProc .selectGiftWrap .formTitle {
	float: left;
	width: 15%;
}

.orderProc .selectGiftWrap .selectGift {
	/* float: left; */
	float: none;
	margin-left: 180px;
}

.orderProc .selectGiftWrap .formTitle span {
	font-size: 14px;
	font-family: 'Montserrat';
	color: #5f77ba;
}

.orderProc .selectGiftWrap .selectGift .tit {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

/* 20230412 수정 추가 */
.orderProc .selectGiftWrap .selectGift ul li {
	display: inline-block;
	width: 140px;
	height: auto;
	padding: 15px 8px 0;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
}

.orderProc .selectGiftWrap .selectGift ul li img {
	width: 110px;
	background: #f8f8f8;
}

.orderProc .selectGiftWrap .selectGift ul li p {
	overflow: hidden;
	height: 40px;
	margin: 10px 0 5px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.orderProc .selectGiftWrap .selectGift ul li .qtyOption {
	display: inline-block;
}

.orderProc .selectGiftWrap .selectGift ul li .btn {
	width: 100px;
}

.orderProc .selectGiftWrap .noteType2 {
	clear: both;
	margin-left: 180px;
	padding-top: 25px;
}

.orderProc .periodWrap dd:nth-of-type(1) {
	margin-right: 10px;
}

.orderProc .periodWrap dd .error {
	padding-top: 10px;
}

.orderProc .periodWrap .period {
	display: inline-block;
	vertical-align: middle;
}

.orderProc .periodWrap .period li {
	float: left;
	border: 1px solid #dcdcdc;
	border-right: none;
}

.orderProc .periodWrap .period li:last-child {
	border-right: 1px solid #dcdcdc;
}

.orderProc .periodWrap .period li a {
	display: block;
	width: 66px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}

.orderProc .periodWrap .period li.on {
	border-color: #222;
}

.orderProc .periodWrap .period li.on a {
	background: #222;
	color: #fff;
}

.orderProc .periodWrap .notice_list {
	margin-top: 30px;
}

.orderProc .payProfile {
	font-size: 0;
	color: #222;
}

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

.orderProc .payProfile dt {
	display: inline-block;
	width: 50%;
	margin-top: 22px;
	font-size: 16px;
}

.orderProc .payProfile dd {
	display: inline-block;
	width: 50%;
	margin-top: 20px;
	text-align: right;
	font-size: 16px;
}

.orderProc .payProfile dd .price span {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #5f77ba;
}

.orderProc .payOptionWrap {
	position: relative;
	margin-top: 8px;
	border: 2px solid #222;
}

.orderProc .payOptionWrap:before {
	position: absolute;
	left: 839px;
	top: 0;
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: #222;
}

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

.orderProc .payOptionWrap .payOption {
	position: relative;
	float: left;
	width: 839px;
	height: 100%;
	padding: 40px;
	box-sizing: border-box;
}

.orderProc .payOptionWrap .payOption .payMethod {
	overflow: hidden;
	margin-bottom: 20px;
}

.orderProc .payOptionWrap .payOption .payMethod li {
	float: left;
	width: 16.22%;
	margin-left: 4px;
}

.orderProc .payOptionWrap .payOption .payMethod li:first-child {
	margin-left: 0;
}

.orderProc .payOptionWrap .payOption .payMethod li .btn {
	width: 100%;
}

.orderProc .payOptionWrap .payOption .payMethod li .btn a {
	height: 105px;
	line-height: 105px;
	font-size: 14px;
}

.orderProc .payOptionWrap .payOption .payMethod li .btn a span {
	position: absolute;
	left: 0;
	top: 30px;
	width: 100%;
	line-height: 22px;
}

.orderProc .payOptionWrap .payOption .payGuide {
	display: none;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 2px solid #222;
}

.orderProc .payOptionWrap .payOption .payGuide dl {
	font-size: 0;
	margin-top: 10px;
}

.orderProc .payOptionWrap .payOption .payGuide dl:first-of-type {
	margin-top: 0;
}

.orderProc .payOptionWrap .payOption .payGuide dt {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 14px;
	color: #222;
}

.orderProc .payOptionWrap .payOption .payGuide dd .notice_list {
	padding: 0;
	margin: 6px 0 0 5px;
	background: none;
}

.orderProc .payOptionWrap .payOption .payGuide dd .notice_list li {
	margin-top: 0px;
	font-size: 13px;
}

.orderProc .payOptionWrap .mobilePayment {
	margin-top: 30px;
	padding-left: 65px;
}

.orderProc .payOptionWrap .mobilePayment ul {
	overflow: hidden;
}

.orderProc .payOptionWrap .mobilePayment ul li {
	float: left;
	margin-left: 20px;
}

.orderProc .payOptionWrap .mobilePayment ul li:first-child {
	margin-left: 0;
}

.orderProc .payOptionWrap .payOption #payOneclick.payGuide dt {
	display: inline-block;
	vertical-align: middle;
}

.orderProc .payOptionWrap .payOption #payOneclick.payGuide dd {
	display: inline-block;
	margin-left: 30px;
	vertical-align: middle;
	font-size: 16px;
	color: #222;
}

.orderProc .payOptionWrap .payOption #payOneclick.payGuide dd span {
	margin-left: 10px;
}

.orderProc .payOptionWrap .payOption #payOneclick.payGuide dd .btn {
	font-size: 14px;
}

.orderProc .payOptionWrap .payOption #payOneclick.payGuide .caution {
	margin-left: 0;
}

.orderProc .payOptionWrap .payOption #payCreditCard.payGuide dt {
	display: inline-block;
	width: 65px;
	margin-top: 10px;
	vertical-align: middle;
}

.orderProc .payOptionWrap .payOption #payCreditCard.payGuide dt:first-of-type,
	.orderProc .payOptionWrap .payOption .payGuide.type3 dd:first-of-type {
	margin-top: 0;
}

.orderProc .payOptionWrap .payOption #payCreditCard.payGuide dd {
	display: inline-block;
	width: 694px;
	margin-top: 10px;
	vertical-align: middle;
}

.orderProc .payOptionWrap .payOption #payCreditCard.payGuide dd .selectbox
	{
	width: 370px;
}

.orderProc .payOptionWrap .grandTotal {
	float: left;
	width: 325px;
	padding: 35px 40px;
	border-left: 2px solid #222;
	box-sizing: border-box;
}

.orderProc .payOptionWrap .grandTotal .formTitle {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #222;
}

.orderProc .payOptionWrap .grandTotal .total {
	margin-bottom: 12px;
	text-align: right;
	font-size: 18px;
	color: #222;
}

.orderProc .payOptionWrap .grandTotal .total span {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	color: #5f77ba;
}

.orderProc .payOptionWrap .grandTotal .benefitBP {
	margin-bottom: 20px;
	padding: 10px 0;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.orderProc .payOptionWrap .grandTotal .benefitBP span {
	float: right;
	font-family: 'Montserrat';
font-weight: bold;
}

.orderProc .payOptionWrap .grandTotal .payAgree .policy {
	margin: 10px 0 30px;
	line-height: 26px;
	letter-spacing: -0.03em;
	color: #222;
}

.orderProc .payOptionWrap .grandTotal .payAgree .policy .underAge {
	display: inline-block;
	margin-top: 5px;
	text-decoration: underline;
	font-size: 12px;
	color: #222;
}

.orderProc .payOptionWrap .grandTotal .payAgree .underAge_info {
	position: absolute;
	right: 26px;
	top: 50%;
	z-index: 2;
	width: 230px;
	padding: 20px;
	margin-top: -80px;
	border: 1px solid #222;
	background: #fff;
}

.orderProc .payOptionWrap .grandTotal .payAgree .underAge_info .tit {
	margin-bottom: 15px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.orderProc .payOptionWrap .grandTotal .payAgree .underAge_info .p {
	font-size: 12px;
	line-height: 20px;
	color: #767676;
}

.orderProc .payOptionWrap .grandTotal .payAgree .underAge_info .close {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 0;
	color: transparent;
}

.orderProc .payOptionWrap .grandTotal .payExe {
	width: 100%;
	margin-top: 20px;
}

.orderProc .registerForm.policy {
	width: 100%;
	padding: 0;
	margin-top: 100px;
}

.orderProc .registerForm.policy .termsWrap .terms {
	height: 300px;
}

.orderProc.orderStatement .drvPeriod .btn.sizeL {
	margin-top: 30px;
	padding-bottom: 30px;
}

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

.orderProc .drvPeriod .formTitle {
	float: left;
	width: 16.25%;
}

.orderProc .drvPeriod .setDate {
	float: right;
	width: 83.75%;
}

.orderProc .drvPeriod .setDate .setPeriod {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.orderProc .drvPeriod .setDate .notice_list2 {
	margin-top: 15px;
}

.orderProc .drvPeriod .calendarWrap .calender_title {
	margin-top: 20px;
	color: #222;
	font-family: 'Montserrat';
font-weight: bold;
}

.orderProc .drvPeriod .calendarWrap .pd25 {
	
}

.orderProc .drvPeriod .calendarWrap .calendar_select .txt {
	color: #222;
	font-family: 'Montserrat';
}

.orderProc .drvPeriod .calendarWrap .calendar_select .calendar_btn {
	margin-top: 10px;
}

.orderProc .drvPeriod .calendarWrap .calendar_select .calendar_btn ul {
	font-size: 0;
	width: 500px;
}

.orderProc .drvPeriod .calendarWrap .calendar_select .calendar_btn ul li
	{
	display: inline-block;
	width: 33.3%;
	box-sizing: border-box;
}

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

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

.orderProc .drvPeriod .calendarWrap .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 #000;
	color: #222;
	font-family: 'Montserrat';
font-weight: bold;
}

.orderProc .drvPeriod .calendarWrap .setDateCal {
	margin: 30px 0;
}

.orderProc .drvPeriod .calendarWrap.folding_type2 .hasDatepicker {
	margin: 10px 0 20px;
}

.orderProc .drvPeriod .calendarWrap .setDateCal .ui-datepicker-group:after
	{
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 100%;
	height: 260px;
	background: url("../images/common/blank.gif");
}

.orderProc .drvPeriod .setDateCal .ui-state-default {
	cursor: default;
}

/*.orderProc .drvPeriod #setDateCal_to .ui-datepicker-calendar .ui-state-disabled .ui-state-default {color:#888;}*/
/*.orderProc .drvPeriod #setDateCal_to .ui-datepicker-calendar .ui-state-default {color:#ddd;}*/

/* 결제완료 */
.orderProc.orderStatement .pageTitle {
	margin: 80px 0 25px;
	font-size: 40px;
}

.orderProc.orderStatement .pageTitle:before {
	content: url("../images/order/ico_odr_complete.png");
	display: block;
	margin: 0 auto;
}

.orderProc.orderStatement .orderInfo {
	margin-bottom: 80px;
	text-align: center;
	color: #222;
}

.orderProc.orderStatement .orderInfo .p1 {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
}

.orderProc.orderStatement .orderInfo .p2 {
	margin-top: 15px;
	font-size: 16px;
	line-height: 26px;
}

.orderProc.orderStatement .orderInfo .p2 span {
	color: #5f77ba;
}

.orderProc.orderStatement .formBox {
	margin: 0;
	border: none;
	border-top: 1px solid #222;
}

.orderProc.orderStatement .formBox.b_border {
	border-bottom: 1px solid #222;
}

.orderProc.orderStatement .formBox:nth-of-type(2) {
	border-top-width: 3px;
}

.orderProc.orderStatement .deliveryInfoWrap {
	padding-right: 0;
	padding-bottom: 60px;
	margin-top: 0 !important;
}

.orderProc.orderStatement .deliveryInfoWrap .deliveryInfo {
	margin-left: 16.25%;
}

.orderProc.orderStatement .deliveryInfoWrap .deliveryMsg {
	margin-left: 16.25%;
	margin-top: 15px;
	border-top: 1px solid #dcdcdc;
}

.orderProc.orderStatement .deliveryInfoWrap .modifyGuide {
	position: absolute;
	right: 150px;
	bottom: 8px;
	font-size: 12px;
}

.orderProc.orderStatement .applyInfoWrap {
	padding-bottom: 60px;
}

.orderProc.orderStatement .applyInfoWrap .btn.sizeL {
	padding-top: 30px;
}

.orderProc.orderStatement .payOptionWrap {
	height: 196px;
	margin-top: 0;
}

.orderProc.orderStatement .payOptionWrap .payOption .payGuide {
	position: absolute;
	left: 40px;
	top: 50%;
	display: block;
	width: calc(100% - 80px);
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	transform: translateY(-50%);
}

.orderProc.orderStatement .payOptionWrap .payOption .payGuide dl {
	margin-top: 25px;
}

.orderProc.orderStatement .payOptionWrap .payOption .payGuide dl:first-child
	{
	margin-top: 0;
}

.orderProc.orderStatement .payOptionWrap .payOption .payGuide dl dl {
	margin-top: 0;
}

.orderProc.orderStatement .payGuide dl dt {
	display: inline-block;
	width: 25%;
	vertical-align: top;
}

.orderProc.orderStatement .payGuide dl dd {
	display: inline-block;
	width: 75%;
	vertical-align: top;
	font-size: 14px;
	color: #222;
}

.orderProc.orderStatement .payGuide dl dd span {
	color: #888;
}

.orderProc.orderStatement .payGuide dl dd em:last-of-type {
	margin-right: 20px;
}

.orderProc.orderStatement .payGuide dl dd dl {
	display: inline-block;
	vertical-align: top;
}

.orderProc.orderStatement .payGuide dl dd dl dt {
	width: auto;
	margin-right: 3px;
}

.orderProc.orderStatement .payGuide dl dd dl dd {
	width: auto;
	margin-right: 3px;
}

.orderProc.orderStatement .payOptionWrap .grandTotal .benefitBP {
	margin-bottom: 0;
}

.orderProc.orderStatement .pageMove {
	margin-top: 50px;
}

/* 주문,결제,마이페이지 팝업 */
#OCmanagement .cardList li {
	position: relative;
	margin-top: 8px;
	padding: 26px 0 26px 90px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	box-sizing: border-box;
}

#OCmanagement .cardList li:after {
	content: "";
	display: block;
	clear: both;
}

#OCmanagement .cardList li .flag {
	position: absolute;
	left: 19px;
	top: -2px;
	height: 25px;
	padding: 0 4px;
	border-radius: 0 0 2px 2px;
	line-height: 25px;
	background: #5f77ba;
	font-size: 12px;
	color: #fff;
}

#OCmanagement .cardList li .input.radio {
	position: absolute;
	left: 36px;
	top: 40px;
}

#OCmanagement .cardList li dl {
	float: left;
	margin-right: 30px;
}

#OCmanagement .cardList li dl:first-child {
	margin-right: 0;
}

#OCmanagement .cardList li dt {
	font-size: 12px;
}

#OCmanagement .cardList li dd {
	font-size: 16px;
	color: #222;
}

#OCmanagement .cardList li.mainCard {
	border: 2px solid #5f77ba;
}

#OCmanagement .cardList li.new {
	border: none;
	padding: 0;
}

#OCmanagement .cardList li.new a {
	display: block;
	width: 100%;
	height: 88px;
	border-radius: 5px;
	background: #eee;
	line-height: 88px;
	text-align: center;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
}

#OCmanagement .cardList li.new a span:before {
	content: "+";
	display: inline-block;
	width: 28px;
	height: 20px;
	margin-right: 6px;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	text-align: center;
	line-height: 18px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
}

#OCmanagement .pagination {
	margin-top: 40px;
}

#OCcartEdit .addCardWrap {
	padding: 20px;
	border-radius: 4px;
	background: #eee;
}

#OCcartEdit .addCardWrap .tit {
	font-size: 18px;
	color: #222;
}

#OCcartEdit .addCardWrap dl {
	padding: 20px 0;
	margin: 0 15px;
	border-top: 1px solid #dcdcdc;
	font-size: 0;
}

#OCcartEdit .addCardWrap dl:first-of-type {
	border-top: none;
}

#OCcartEdit .addCardWrap dl dt {
	display: inline-block;
	width: 80px;
	vertical-align: middle;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 14px;
	color: #222;
}

#OCcartEdit .addCardWrap dl dd {
	display: inline-block;
	width: 300px;
	vertical-align: middle;
}

#OCcartEdit .notice_list {
	margin-top: 50px;
}

#findZipcode .input_has_btn2 {
	margin-bottom: 30px;
}

#findZipcode .notice_list {
	padding: 20px 30px;
	margin: 30px 0;
}

#findZipcode .notice_list li {
	font-size: 13px;
}

#findZipcode .notice_list li span {
	display: inline-block;
	width: 115px;
	color: #222;
}

#findZipcode .result {
	margin-bottom: 10px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

#findZipcode .result em {
	color: #5f77ba;
}

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

#findZipcode .scrollArea {
	overflow: hidden;
	height: 335px;
}

#findZipcode .resultList {
	padding: 15px;
	background: #f8f8f8;
}

#findZipcode .resultList li {
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #dcdcdc;
	font-size: 12px;
}

#findZipcode .resultList li:first-child {
	margin-top: 0;
}

#findZipcode .resultList a {
	display: block;
}

#findZipcode .resultList .zipcode {
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

#findZipcode .resultList dl {
	overflow: hidden;
	margin-top: 3px;
}

#findZipcode .resultList dt {
	float: left;
	width: 50px;
}

#findZipcode .resultList dd {
	float: left;
	color: #222;
}

#findZipcode .resultList a:hover dd {
	text-decoration: underline;
}

#findZipcode .findAddessStep2 .scrollArea .mCSB_scrollTools {
	margin: 5px;
}

.deliveryInfoMng .tblType1 table tbody td {
	height: auto;
	padding: 20px 22px;
}

.deliveryInfoMng .address span {
	float: left;
	display: block;
	height: 20px;
	padding: 0 5px;
	line-height: 20px;
	background: #5f77ba;
	font-size: 12px;
	color: #fff;
}

.deliveryInfoMng .address p {
	color: #222;
}

.deliveryInfoMng .address span+p {
	padding-left: 72px;
}

.deliveryInfoMng .btns a {
	position: relative;
	margin-left: 12px;
}

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

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

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

.deliveryInfoMng .pagination {
	margin-top: 30px;
}

.privacyPolicy {
	position: relative;
	padding: 30px 20px;
	margin-top: 80px;
	border-top: 1px solid #dcdcdc;
}

.privacyPolicy .btn {
	position: absolute;
	right: 20px;
	top: 25px;
}

.privacyPolicy .input {
	margin-bottom: 45px;
}

.privacyPolicy .input label {
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.privacyPolicy .cont .p1 {
	color: #666;
}

.privacyPolicy .cont .p2 {
	font-size: 12px;
}

.privacyPolicy .cont .notice_list {
	padding: 0;
	background: none;
	margin: 5px 0 12px !important;
}

.privacyPolicy .cont .tblType1 {
	margin-top: 40px;
}

.privacyPolicy .cont .tblType1 td:first-child {
	padding-left: 22px;
}

.privacyPolicy .cont .tblType1 td {
	height: auto;
	padding: 16px 0;
}

.layerPopup .privacyPolicy {
	margin-top: 0;
	padding: 0;
	border: none;
}

.layerPopup .privacyPolicy .cont .p1 {
	line-height: 26px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.layerPopup .privacyPolicy .cont .tblType1 th {
	padding-left: 0;
	padding-right: 0;
}

.layerPopup .privacyPolicy .cont .tblType1 th, .layerPopup .privacyPolicy .cont .tblType1 td
	{
	padding-left: 40px;
}

/**
회원
**/
/* 일반회원 로그인 */
.register {
	background: url("../images/register/bg_register.jpg") no-repeat 50% 50px;
}

/* .register.none_bg{
  background: none;
} */
.register .contents {
	padding-top: 140px;
}

.registerForm {
	width: 460px;
	margin: 0 auto;
	padding: 65px 50px;
	background: #fff;
}

.registerForm .formTitle {
	margin-bottom: 60px;
	text-align: center;
	font-size: 30px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.registerForm h3.formTitle {
	margin-bottom: 15px;
	text-align: left;
	font-size: 18px;
}

.registerForm .tabMenu3 {
	margin-bottom: 40px;
}

.registerForm.login .note {
	margin: 50px 0;
	text-align: center;
	line-height: 26px;
	color: #222;
}

.registerForm.login .certTime {
	position: absolute;
	right: 15px;
	top: 10px;
	color: #222;
}

.registerForm.login .btnWrap {
	margin: 40px 0;
}

.registerForm.login .findBtn {
	text-align: center;
}

.registerForm.login .findBtn a {
	position: relative;
	display: inline-block;
}

.registerForm.login .findBtn a {
	margin-right: 17px;
	padding-right: 20px;
}

.registerForm.login .findBtn a:after {
	position: absolute;
	right: 0;
	top: 3px;
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background: #dcdcdc;
}

.registerForm.login .findBtn a:last-child {
	margin-right: 0;
	padding-right: 0;
}

.registerForm.login .findBtn a:last-child:after {
	display: none;
}

.registerForm.login .phone_input_wrap {
	position: relative;
	padding-right: 135px;
}

.registerForm.login .phone_input_wrap .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 125px;
}

#loginLocked .lockTime {
	margin-bottom: 20px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 26px;
	color: #5f77ba;
	text-align: center;
}

#loginLocked .lockTime span {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -0.08em;
}

#loginLocked .lockTime .timeHyphen {
	margin: 0 -5px;
}

#tempPw .inputChkWrap {
	padding: 20px;
	margin-top: 25px;
	background: #f8f8f8;
	text-align: left;
}

#numLogin table .img_wrap {
	padding: 20px 0;
	border: 1px solid #dcdcdc;
	text-align: center;
	box-sizing: border-box;
}

#numLogin table .img_wrap span {
	display: inline-block;
	padding-left: 18px;
	font-size: 18px;
	font-family: 'Montserrat';
font-weight: bold;
	vertical-align: middle;
}

.registerForm.policy {
	width: 600px;
}

.registerForm.policy .guide .p1 {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #222;
}

.registerForm.policy .guide .p2 {
	margin: 20px 0 60px;
	line-height: 26px;
}

/*.registerForm.policy .chkAll {
  width: 114px;
}*/
.registerForm.policy .policyForm {
	position: relative;
	margin-top: 40px;
}

.registerForm.policy .policyForm.first {
	margin-top: 30px;
}

.registerForm.policy .policyForm .input {
	width: 100%;
}

.registerForm.policy .policyForm .input .error {
	display: inline-block;
	margin-left: 10px;
	margin-top: 0;
	vertical-align: middle;
	font-size: 14px;
}

.registerForm.policy .termsWrap {
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #dcdcdc;
	font-family: 'Montserrat';
}

.registerForm.policy .termsWrap .terms {
	height: 120px;
}

.registerForm.policy .mCSB_inside>.mCSB_container {
	margin-right: 10px;
	padding: 10px;
}

.registerForm.policy .btnWrap {
	margin-top: 50px;
	text-align: center;
}

.registerForm.pwChg {
	width: 600px;
	padding-bottom: 100px;
}

.registerForm.pwChg .guide .p1 {
	margin-bottom: 20px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.registerForm.pwChg .guide .p2 {
	margin-top: 10px;
	line-height: 26px;
}

.registerForm.pwChg .userInputArea {
	margin-top: 10px;
}

.registerForm.pwChg .userInputArea .inputText input {
	width: 310px;
}

.registerForm.pwChg .btnWrap {
	width: 400px;
	margin: 40px auto 0;
}

.registerForm.pwChg .skipPwChg {
	margin: 50px -50px -100px -50px;
	padding: 50px 50px 100px 50px;
	background: #fafafa;
}

.registerForm.pwChg .skipPwChg ul li {
	margin-top: 5px;
}

.registerForm.pwChg .skipPwChg .input {
	margin-top: 30px;
}

.registerForm.pwChg .skipPwChg .input label span {
	display: inline-block;
	margin-top: -5px;
	line-height: 26px;
}

.registerForm #findId .btnWrap, .register .registerForm #findPw .btnWrap
	{
	margin-bottom: 0;
}

.registerForm .findIdComp {
	text-align: center;
}

.registerForm .findIdComp .p1 {
	margin-top: 60px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #5f77ba;
}

.registerForm .findIdComp .p2 {
	margin: 12px 0 30px;
}

.registerForm .findIdComp .id_info {
	font-size: 16px;
}

.registerForm .findIdComp .id_info span {
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.registerForm .findIdComp .btnWrap {
	margin-top: 40px;
}

.registerForm .sendId {
	margin-top: 60px;
}

.registerForm .sendId .p1 {
	font-size: 18px;
	color: #222;
}

.registerForm .sendId .p2 {
	margin: 12px 0 30px;
	line-height: 26px;
}

.registerForm .sendId .pNum {
	padding: 25px 10px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	font-size: 16px;
}

.registerForm .sendId .pNum .dt {
	display: inline-block;
	margin-right: 80px;
}

.registerForm .sendId .pNum .dd {
	display: inline-block;
	color: #222;
}

.registerForm .sendId .btnWrap {
	margin-top: 30px;
}

.registerForm .findPwComp {
	text-align: center;
}

.registerForm .findPwComp .sendPw {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	line-height: 28px;
	color: #222;
}

.registerForm .findPwComp .sendPw span {
	color: #5f77ba;
}

.registerForm .findPwComp .p1 {
	margin-top: 15px;
	line-height: 26px;
}

.registerForm .findPwComp .btnWrap {
	margin-top: 35px;
}

.registerForm.policy.identify .policyForm {
	margin-top: 0;
}

.registerForm.identify .formTitle+p {
	margin-bottom: 60px;
	line-height: 24px;
}

.registerForm.identify .userInputArea .tit {
	padding-bottom: 15px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
}

.registerForm.identify .userInputArea .tit span {
	position: absolute;
	right: 0;
	top: 4px;
	font-size: 14px;
	font-family: 'Montserrat';
	color: #888;
}

.registerForm.dormancy {
	padding-bottom: 0;
}

.registerForm.dormancy .dormancy_note {
	margin: 50px -50px 0;
	padding: 50px 50px 50px 50px;
	background: #fafafa;
}

.registerForm.dormancy .dormancy_note .p1 {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.registerForm.dormancy .dormancy_note .p2 {
	margin-top: 10px;
	line-height: 24px;
}

.registerForm.exclusive {
	text-align: center;
}

.registerForm.exclusive .p1 {
	font-size: 16px;
	color: #222;
}

.registerForm.exclusive .p2 {
	margin-top: 15px;
	line-height: 26px;
	font-size: 14px;
	color: #222;
}

.registerForm.exclusive .btnWrap {
	margin: 100px 20px 0;
}

.register_private_steps {
	padding: 75px 0;
	background: #eee;
}

.register_private_steps .title {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 30px;
	text-align: center;
	color: #222;
}

.register_private_steps ol {
	width: 570px;
	margin: 70px auto 0;
	border-bottom: 2px solid #fff;
	text-align: center;
}

.register_private_steps ol li {
	display: inline-block;
	margin-left: 40px;
	margin-bottom: -2px;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
}

.register_private_steps ol li:first-child {
	margin-left: 0;
}

.register_private_steps ol li.on {
	border-bottom: 2px solid #222;
	color: #222;
}

.register_private .registerForm.policy .guide .p2 {
	margin-bottom: 40px;
}

.register_private .registerForm.policy .policyForm {
	border-top: 1px solid #222;
	margin-top: 0;
	padding-top: 40px;
}

.register_private .registerForm.policy .policyForm .termsWrap table {
	table-layout: auto;
}

.register_private .registerForm.join {
	width: 570px;
}

.register_private .registerForm.join .userInputArea {
	margin-top: 90px;
}

.register_private .registerForm.join .userInputArea:first-child {
	margin-top: 0;
}

.register_private .registerForm.join .userInputArea .tit {
	padding-bottom: 14px;
	font-size: 20px;
	border-bottom-width: 2px;
}

.register_private .registerForm.join .userInputArea .joinTxt {
	position: absolute;
	right: 0;
	top: 4px;
}

.register_private .registerForm.join .userInputArea .note {
	margin: 40px 0;
	text-align: center;
	color: #666;
	font-family: 'Montserrat';
}

.register_private .registerForm.join .userInputArea+.btnWrap {
	margin-top: 60px;
}

.register_private .survey_wrap {
	padding: 20px 0;
}

.register_private .survey_wrap.type1 {
	margin-top: 20px;
}

.register_private .survey_wrap .survey_tit {
	display: block;
	padding-bottom: 5px;
}

/* .register_private .survey_wrap .survey_tit span{color:#ff3f3c;} */
.register_private .survey_wrap.type1 .survey_cnt {
	display: flex;
	flex-wrap: wrap;
}

.register_private .survey_wrap.type1 .survey_cnt .input {
	margin-top: 10px;
}
.register_private .survey_wrap.type1 .survey_cnt .input:nth-child(5) {
	height: 40px;
	width: 100%;
}

.register_private .survey_wrap.type1 .survey_cnt .input:last-child {
	width: 100%;
}

.register_private .survey_wrap.type1 .survey_cnt .input .inputText {
	width: calc(100% - 100px);
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}

.register_private .survey_wrap.type1 .survey_cnt .input .inputText input
	{
	visibility: visible;
	position: inherit;
	left: auto;
	top: auto;
}

.register_private .registerForm.join .userInputArea.last {
	margin-top: 45px;
}

.joinComplete {
	text-align: center;
}

.joinComplete .title {
	margin-top: 120px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 34px;
	line-height: 46px;
	color: #222;
}

.joinComplete ul {
	margin: 30px 0;
	text-align: center;
}

.joinComplete ul li {
	position: relative;
	display: inline-block;
	padding-left: 18px;
	vertical-align: middle;
	font-size: 17px;
	color: #222;
}

.joinComplete ul li:first-child {
	padding-left: 0;
}

.joinComplete ul li:first-child:after {
	display: none;
}

.joinComplete ul li:after {
	position: absolute;
	left: 0;
	top: 7px;
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: #dcdcdc;
}

.joinComplete ul li .dd {
	margin: 0 15px;
	color: #5f77ba;
}

.joinComplete .note {
	margin-bottom: 40px;
	line-height: 26px;
}

.joinComplete .note span {
	color: #222;
}

/**
마이페이지
**/
/* 공통레이아웃 */
.mypage {
	overflow: hidden;
	margin-top: 50px;
}

.mypage .mbr_mng_box {
	padding-top: 22px;
	border-top: 2px solid #222;
}

.mypage .mbr_mng_menu {
	float: left;
	width: 225px;
}

.mypage .mbr_mng_menu .menuList {
	padding-left: 10px;
	line-height: 30px;
}

.mypage .mbr_mng_menu .menuList>ul>li {
	margin-top: 20px;
}

.mypage .mbr_mng_menu .menuList>ul>li:first-child {
	margin-top: 0;
}

.mypage .mbr_mng_menu .menuList>ul>li span {
	font-size: 16px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.mypage .mbr_mng_menu .menuList>ul>li li.on a {
	color: #222;
}

.mypage .mbr_mng_menu .csInfo {
	margin-top: 80px;
}

.mypage .mbr_mng_menu .csInfo .tel {
	margin-bottom: 10px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	color: #222;
}

.mypage .mbr_mng_menu .csInfo .mail, .mbr_mng_menu .csInfo .time {
	font-size: 13px;
	letter-spacing: -0.03em;
	line-height: 23px;
}

.mypage .mbr_mng_menu .csInfo .btn {
	margin-top: 20px;
}

.mypage .mbr_st_panel {
	float: right;
	width: 900px;
}

.mypage .mbr_st_panel .mbr_mng_box {
	padding-top: 15px;
	margin-top: 80px;
}

.mypage .mbr_st_panel .mbr_mng_box:first-child {
	margin-top: 0;
}

.mypage .mbr_st_panel h2.title {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 24px;
	color: #222;
}

.mypage .mbr_st_panel h3.title {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.mypage .mbr_st_panel h3.title span {
	margin-left: 4px;
	font-size: 14px;
	font-family: 'Montserrat';
	color: #666;
}

.mypage .mbr_st_panel h3.title2 {
	margin: 75px 0 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #222;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.mypage .mbr_st_panel h3.title2 span {
	float: right;
	margin-top: 4px;
	font-family: 'Montserrat';
	font-size: 14px;
	color: #888;
}

.mypage .mbr_st_panel .userInputArea {
	width: 710px;
}

.mypage .mbr_st_panel .userInputArea.applyChange {
	position: relative;
	width: auto;
	margin-top: 0;
}

.mypage .mbr_st_panel .userInputArea.applyChange .folding_wrap {
	position: relative;
	margin-top: 30px;
}

.mypage .mbr_st_panel .userInputArea.applyChange .folding_wrap:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #dcdcdc;
	top: 0;
	left: 0;
}

.mypage .mbr_st_panel .userInputArea.applyChange.applyInfo .tab_btn_wrap ul li
	{
	display: inline-block;
	padding: 0 10px;
}

.mypage .mbr_st_panel .userInputArea.applyChange.applyInfo .tab_btn_wrap ul li:first-child
	{
	padding-left: 0;
}

.mypage .mbr_st_panel .userInputArea.applyChange.applyInfo .tab_btn_wrap ul li a
	{
	position: relative;
	color: #000;
	font-family: "Montserrat";
}

.mypage .mbr_st_panel .userInputArea.applyChange.applyInfo .tab_btn_wrap ul li a:hover
	{
	font-weight: bold;
}

.mypage .mbr_st_panel .userInputArea.applyChange.applyInfo .tab_btn_wrap ul li.on a
	{
	font-weight: bold;
}

.mypage .mbr_st_panel .userInputArea.applyChange.applyInfo .tab_btn_wrap ul li a:hover:before
	{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #000;
	left: 0;
	bottom: 0;
}

.mypage .mbr_st_panel .userInputArea.applyChange.applyInfo .tab_btn_wrap ul li.on a:before
	{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #000;
	left: 0;
	bottom: 0;
	font-weight: bold;
}

.mypage .mbr_st_panel .userInputArea.applyChange .formTitle {
	margin-top: 30px;
}

.mypage .mbr_st_panel .userInputArea.applyChange .order_pdt_list {
	margin-top: 10px;
}

.mypage .mbr_st_panel .userInputArea.applyChange.applyInfo .tab_con_wrap .order_pdt_list
	{
	display: none;
}

.mypage .mbr_st_panel .userInputArea.applyChange.applyInfo .tab_con_wrap .order_pdt_list.active
	{
	display: block;
}

.mypage .mbr_st_panel .skinConcern dl {
	overflow: hidden;
}

.mypage .mbr_st_panel .skinConcern dl:first-child {
	margin-bottom: 10px;
}

.mypage .mbr_st_panel .skinConcern dt {
	padding-left: 23px;
	margin-bottom: 15px;
	background: url("../images/product/ico_check.png") no-repeat 0 50%;
	color: #222;
}

.mypage .mbr_st_panel .skinConcern dd {
	float: left;
	margin-right: 4px;
}

.mypage .mbr_st_panel .skinConcern dd span {
	float: left;
	display: block;
	width: 58px;
	height: 22px;
	border-radius: 2px;
	line-height: 21px;
	background: #5f77ba;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

/* 주문관련 */
.mypage.main .mbr_st_panel .mbr_rsum {
	padding-top: 40px;
}

.mypage.main .mbr_st_panel .mbr_rsum .preface {
	position: relative;
	padding-left: 190px;
}

.mypage.main .mbr_st_panel .mbr_rsum .grade {
	position: absolute;
	left: 40px;
	top: -5px;
	padding: 20px;
	background: #f8f8f8;
	border-radius: 50%;
}

.mypage.main .mbr_st_panel .mbr_rsum .grade.md {
	padding: 0;
}

.mypage.main .mbr_st_panel .mbr_rsum img.grade {
	padding: 0;
	background: none;
	border-radius: 0;
}

.mypage.main .mbr_st_panel .mbr_rsum h2 {
	position: relative;
	margin: 15px 0 20px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 24px;
	color: #222;
}

.mypage.main .mbr_st_panel .mbr_rsum h2 em {
	color: #5f77ba;
}

.mypage.main .mbr_st_panel .mbr_rsum h2 span {
	display: block;
	margin-top: 10px;
	font-family: 'Montserrat';
	font-size: 16px;
	color: #666;
}

.mypage.main .mbr_st_panel .mbr_rsum h2 span em {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
}

.mypage.main .mbr_st_panel .mbr_rsum .cp {
	margin-bottom: 20px;
	font-size: 16px;
}

.mypage.main .mbr_st_panel .mbr_rsum .cp:before {
	position: relative;
	top: -2px;
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 15px;
	background: url("../images/mypage/ico_point_stat.png") no-repeat;
	vertical-align: middle;
}

.mypage.main .mbr_st_panel .mbr_rsum .cp span {
	display: inline-block;
	margin-left: 25px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 22px;
	color: #5f77ba;
}

.mypage.main .mbr_st_panel .mbr_rsum .manager {
	min-height: 44px;
	margin-top: 30px;
	padding: 20px;
	background: #f8f8f8;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.mypage.main .mbr_st_panel .mbr_point_stat {
	overflow: hidden;
	margin-top: 55px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea {
	float: left;
	width: 394px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea .statBox {
	margin-top: 5px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea .statBox:first-child
	{
	margin-top: 0;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea .statBox a {
	display: block;
	height: 100px;
	padding: 0 30px;
	border: 1px solid #dcdcdc;
	line-height: 100px;
	font-size: 0;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea .statBox a:before
	{
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 15px;
	background: url("../images/mypage/ico_point_stat.png") no-repeat;
	vertical-align: middle;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea .statBox:nth-of-type(2) a:before
	{
	background-position: -50px 0;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea .statBox:nth-of-type(3) a:before
	{
	background-position: -100px 0;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea .statBox span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #666;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea .statBox .val {
	float: right;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .pointArea .statBox .val em {
	font-size: 22px;
	color: #5f77ba;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType {
	float: right;
	width: 440px;
	padding: 40px 30px 30px 30px;
	border: 1px solid #dcdcdc;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .skinConcern {
	position: relative;
	padding-bottom: 36px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .skinConcern .btn {
	position: absolute;
	right: 0;
	top: 11px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .skinConcern .noInfo
	{
	padding-top: 33px;
	text-align: center;
	letter-spacing: -0.02em;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .skinConcern .noInfo span
	{
	display: block;
	margin-bottom: 10px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .skinConcern .noInfo span:before
	{
	content: "!";
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto 15px;
	border: 1px solid #888;
	border-radius: 50%;
	text-align: center;
	line-height: 22px;
	letter-spacing: 0.05em;
	font-family: 'Montserrat';
	font-size: 16px;
	color: #888;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .skinConcern .noInfo+.btn
	{
	position: relative;
	right: auto;
	top: auto;
	width: 130px;
	margin: 30px auto 0;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend {
	padding-top: 30px;
	border-top: 1px dashed #dcdcdc;
	color: #222;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend:after {
	content: "";
	display: block;
	clear: both;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .noInfo
	{
	margin-top: -15px;
	color: #888;
	line-height: 23px;
	letter-spacing: -0.02em;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .noInfo+.btn
	{
	margin-top: -8px;
	width: 130px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .tabCont
	{
	height: 0;
	visibility: hidden;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .tabCont .slickWrap
	{
	overflow: hidden;
	height: 70px;
	padding: 0 68px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .pdt_list_simple
	{
	position: relative;
	margin-top: 0;
	border-top: none;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .pdt_list_simple .slick-arrow
	{
	position: absolute;
	top: 23px;
	width: 14px;
	height: 24px;
	background: url("../images/common/arr_showcase.png") no-repeat;
	font-size: 0;
	color: transparent;
	outline: none;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .pdt_list_simple .slick-arrow.slick-prev
	{
	left: -68px;
	transform: rotate(180deg);
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .pdt_list_simple .slick-arrow.slick-next
	{
	right: -68px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .tabType2
	{
	margin: 0 -30px -30px;
	padding-top: 30px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .tabType2 ul
	{
	overflow: hidden;
	height: 40px;
	background: #f8f8f8;
	line-height: 40px;
	text-align: center;
	font-size: 0;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .tabType2 ul li
	{
	display: inline-block;
	margin: 0 10px;
	font-size: 14px;
}

.mypage.main .mbr_st_panel .mbr_point_stat .skinType .recommend .tabType2 ul li.on a
	{
	font-family: 'Montserrat';
font-weight: bold;
	color: #5f77ba;
}

.mypage.main .mbr_st_panel .mbr_point_stat.type2 .pointArea {
	float: none;
	width: 100%;
}

.mypage.main .mbr_st_panel .mbr_point_stat.type2 .pointArea .statBox {
	float: left;
	width: 33%;
	margin: 0;
}

.mypage.main .mbr_st_panel .mbr_point_stat.type2 .pointArea .statBox:nth-of-type(2)
	{
	margin: 0 0.5%;
}

.mypage.main .mbr_st_panel .mbr_point_stat.type2 .pointArea .statBox:nth-of-type(3) a:before
	{
	width: 26px;
	background-position: -150px 0;
}

.mypage.main .mbr_st_panel .mbr_point_stat.type2 .pointArea .statBox a {
	height: auto;
	line-height: 1;
	padding: 20px 30px;
}

.mypage.main .mbr_st_panel .mbr_point_stat.type2 .pointArea .statBox .val
	{
	float: none;
	display: block;
	margin-top: 15px;
	line-height: 1;
	text-align: right;
}

.mypage.main .mbr_st_panel .mbr_order_list .orderSteps {
	overflow: hidden;
	margin-top: 40px;
	padding-right: 30px;
}

.mypage.main .mbr_st_panel .mbr_order_list .orderSteps .linkArea {
	float: left;
	display: block;
	margin-top: 8px;
}

.mypage.main .mbr_st_panel .mbr_order_list .orderSteps ol {
	width: 650px;
}

.mypage.main .mbr_st_panel .mbr_order_list .orderSteps li {
	position: relative;
	float: left;
	width: 108px;
	text-align: center;
	font-size: 16px;
	color: #222;
}

.mypage.main .mbr_st_panel .mbr_order_list .orderSteps li:after {
	position: absolute;
	right: -5px;
	top: 12px;
	content: "";
	display: block;
	width: 10px;
	height: 18px;
	background: url("../images/mypage/arr_steps.png") no-repeat;
}

.mypage.main .mbr_st_panel .mbr_order_list .orderSteps li:last-child:after
	{
	display: none;
}

.mypage.main .mbr_st_panel .mbr_order_list .orderSteps li span {
	display: block;
	margin-bottom: 7px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 34px;
	color: #888;
}

.mypage.main .mbr_st_panel .mbr_order_list .orderSteps li.ing span {
	color: #5f77ba;
}

.mypage.main .mbr_st_panel .mbr_order_list .orderSteps .btnWrap {
	float: right;
	width: 210px;
}

.mypage.main .mbr_st_panel .mbr_recently_list .pdtListType3 {
	margin-top: 48px;
}

.mypage.main .mbr_st_panel .mbr_recently_list .pdtListType3 .listWrap {
	text-align: center;
	font-size: 0;
}

.mypage.main .mbr_st_panel .mbr_recently_list .pdtItem {
	float: none;
	display: inline-block;
	width: 285px;
	vertical-align: top;
}

.mypage.main .mbr_st_panel .mbr_recently_list .noData {
	border-bottom: 1px solid #dcdcdc;
}

.mypage .mbr_st_panel .order_step_info {
	margin-top: 100px;
	padding-top: 50px;
	border-top: 1px solid #eee;
	text-align: center;
}

.mypage .mbr_st_panel .order_step_info li {
	position: relative;
	display: inline-block;
	width: 145px;
	vertical-align: top;
}

.mypage .mbr_st_panel .order_step_info li span {
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.mypage .mbr_st_panel .order_step_info li p {
	margin-top: 10px;
	font-size: 12px;
	line-height: 24px;
}

.mypage .mbr_st_panel .order_step_info li:before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 20px;
	background: url("../images/order/ico_order_steps.png") no-repeat;
}

.mypage .mbr_st_panel .order_step_info li:after {
	position: absolute;
	right: -5px;
	top: 18px;
	content: url("../images/common/arr_steps.png");
	opacity: 0.3;
}

.mypage .mbr_st_panel .order_step_info li:last-child:after {
	display: none;
}

.mypage .mbr_st_panel .order_step_info li.or:after {
	content: "";
	width: 1px;
	height: 20px;
	background: #666;
	transform: rotate(30deg);
}

.mypage .mbr_st_panel .order_step_info.order_process li:nth-of-type(2):before
	{
	background-position: -60px 0;
}

.mypage .mbr_st_panel .order_step_info.order_process li:nth-of-type(3):before
	{
	background-position: -120px 0;
}

.mypage .mbr_st_panel .order_step_info.order_process li:nth-of-type(4):before
	{
	background-position: -180px 0;
}

.mypage .mbr_st_panel .order_step_info.order_process li:nth-of-type(5):before
	{
	background-position: -240px 0;
}

.mypage .mbr_st_panel .order_step_info.order_process li:nth-of-type(6):before
	{
	background-position: -300px 0;
}

.mypage .mbr_st_panel .order_step_info.cancel_process li:nth-of-type(1):before
	{
	background-position: 0 -60px;
}

.mypage .mbr_st_panel .order_step_info.cancel_process li:nth-of-type(2):before
	{
	background-position: -60px -60px;
}

.mypage .mbr_st_panel .order_step_info.return_process li:nth-of-type(1):before
	{
	background-position: 0 -120px;
}

.mypage .mbr_st_panel .order_step_info.return_process li:nth-of-type(2):before
	{
	background-position: -60px -120px;
}

.mypage .mbr_st_panel .order_step_info.return_process li:nth-of-type(3):before
	{
	background-position: -120px -120px;
}

.mypage .mbr_st_panel .order_step_info.return_process li:nth-of-type(4):before
	{
	background-position: -180px -120px;
}

.mypage .mbr_st_panel .order_step_info.return_process li:nth-of-type(5):before
	{
	background-position: -240px -120px;
}

.mypage .mbr_st_panel .order_step_info.return_process li:nth-of-type(6):before
	{
	background-position: -300px -120px;
}

.mypage .mbr_st_panel .order_step_info.exchange_process li:nth-of-type(1):before
	{
	background-position: 0 -180px;
}

.mypage .mbr_st_panel .order_step_info.exchange_process li:nth-of-type(2):before
	{
	background-position: -60px -180px;
}

.mypage .mbr_st_panel .order_step_info.exchange_process li:nth-of-type(3):before
	{
	background-position: -120px -180px;
}

.mypage .mbr_st_panel .order_step_info.exchange_process li:nth-of-type(4):before
	{
	background-position: -180px -180px;
}

.mypage .mbr_st_panel .order_step_info.exchange_process li:nth-of-type(5):before
	{
	background-position: -240px -180px;
}

.mypage .mbr_st_panel .order_step_info.exchange_process li:nth-of-type(6):before
	{
	background-position: -300px -180px;
}

.mypage .mbr_st_panel .notice_list {
	margin-top: 50px;
}

.mypage .tabMenu3 {
	margin: 50px 0 60px;
}

.mypage .period_sort {
	margin-bottom: 50px;
}

.mypage .period_sort dl:first-child {
	margin-bottom: 25px;
}

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

.mypage .period_sort dt {
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	margin-right: 40px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.mypage .period_sort dd {
	overflow: hidden;
	line-height: 36px;
}

.mypage .period_sort .period {
	float: left;
}

.mypage .period_sort .period li {
	float: left;
	border: 1px solid #dcdcdc;
	border-right: none;
}

.mypage .period_sort .period li:last-child {
	border-right: 1px solid #dcdcdc;
}

.mypage .period_sort .period li a {
	display: block;
	width: 66px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}

.mypage .period_sort .period li.on {
	border: 1px solid #222;
}

.mypage .period_sort .period li.on+li {
	border-left: none;
}

.mypage .period_sort .period li.on a {
	color: #222;
}

.mypage .period_sort .date_select {
	float: left;
	margin: 0 10px 0 20px;
}

.mypage .period_sort .btn {
	float: left;
	width: 100px;
}

.mypage .period_sort.has-line {
	margin-top: 35px;
	padding-top: 50px;
	border-top: 1px solid #222;
}

.tblType1.order_list table tbody td {
	padding: 15px 22px;
	box-sizing: border-box;
}

.order_list .odrNum a {
	color: #5f77ba;
}

.order_list .odrPdt a {
	overflow: hidden;
	display: block;
	color: #222;
}

.order_list .odrPdt a span {
	font-family: 'Montserrat';
font-weight: bold;
	color: #5f77ba;
}

.order_list td .btn {
	width: 80px;
	margin-top: 4px;
}

.order_list td .btn:first-child {
	margin-top: 0px;
}

.order_list .odrPrc {
	color: #222;
}

.order_list .odrPrc .ta_c .btn {
	margin-top: 4px;
}

.order_list+.pagination {
	margin-top: 60px;
}

.mypage .orderProc .formBox:nth-of-type(1) {
	margin-top: 40px;
	border-top: 3px solid #222;
}

.mypage .orderProc .formBox:nth-of-type(2) {
	border-top: 1px solid #222;
}

.mypage .orderProc .order_pdt_list table {
	border: 1px solid #dcdcdc;
}

.mypage .orderProc .order_pdt_list .ol_tc_qty.has-control {
	padding-right: 35px;
	text-align: right;
}

.mypage .orderProc .order_pdt_list+.btnWrap {
	margin-top: 15px;
	text-align: right;
}

.mypage .orderProc .order_pdt_list+.btnWrap .error {
	float: left;
	margin-top: 0;
}

.mypage .orderProc .selectGiftWrap>.formTitle {
	float: none;
	margin-bottom: 15px;
}

.mypage .orderProc .selectGiftWrap .selectGift {
	float: none;
	width: 100%;
	padding: 15px 20px;
	border: 1px solid #dcdcdc;
	margin-top: -1px;
	box-sizing: border-box;
}

.mypage .orderProc .selectGiftWrap .selectGift ul {
	overflow: hidden;
}

.mypage .orderProc .selectGiftWrap .selectGift ul li {
	width: 20%;
	box-sizing: border-box;
}

.mypage .orderProc .selectGiftWrap .notice_list2 {
	margin-top: 30px;
}

.mypage .orderProc .claimWrap {
	padding-top: 0;
	margin-top: 60px;
	border-top-width: 3px;
}

.mypage .orderProc .claimWrap .formTitle {
	margin: 50px 0 30px;
}

.mypage .orderProc .claimWrap .userInputArea td {
	position: relative;
}

.mypage .orderProc .claimWrap .userInputArea td .selectbox {
	width: 100%;
}

.mypage .orderProc .claimWrap .userInputArea td .selectbox+.fee {
	position: absolute;
	left: 10px;
	top: 14px;
	margin-left: 100%;
	white-space: nowrap;
	color: #222;
}

.mypage .orderProc .claimWrap .userInputArea td .selectbox+.fee .colorRD
	{
	color: #ff3f3c;
}

.mypage .orderProc .claimWrap+.notice_list {
	margin-top: 0;
}

.mypage .orderProc .btnWrap {
	margin-top: 60px;
}

.orderProc .formBox.employee .input.check label {
	color: #222;
}

.orderProc .formBox.employee .item {
	padding-top: 10px;
}

.orderProc .formBox.employee sup {
	vertical-align: middle;
}

.mypage .orderProc .payOptionWrap:before {
	left: 571px;
}

.mypage .orderProc .payOptionWrap .payOption {
	width: 571px;
	padding: 30px;
}

.mypage .orderProc .payOptionWrap .payOption .payGuide {
	left: 30px;
	width: calc(100% - 60px);
}

.mypage .orderProc .payOptionWrap .payOption .payGuide.type2>dl {
	margin-top: 12px;
}

.mypage .orderProc .payOptionWrap .payOption .payGuide .btn.chgCd {
	width: 110px;
}

#orderDelay table {
	margin-top: 30px;
	border-top: 1px solid #222;
}

#orderDelay table tbody th {
	border-bottom: 1px solid #dcdcdc;
	padding: 16px 0 16px 20px;
	line-height: 28px;
	text-align: left;
	color: #222;
}

#orderDelay table tbody th span {
	font-family: 'Montserrat';
font-weight: bold;
}

#orderDelay table td {
	border-bottom: 1px solid #dcdcdc;
	line-height: 28px;
	color: #5f77ba;
}

#orderDelay .note {
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
}

#regularOrderCancel .tbl_tit {
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

#regularOrderCancel .tblType3 {
	margin-bottom: 40px;
}

/* .layer_staff_service .layerPopup{width:500px;} */
.layer_staff_service .con .tit {
	display: block;
	font-size: 20px;
	text-align: center;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.layer_staff_service .con .info {
	margin-top: 30px;
}

.layer_staff_service .con .inputText {
	margin-top: 20px;
}

.layer_staff_service .con .inputText sup {
	vertical-align: middle;
}

.layer_staff_service .con .inputText .error {
	font-size: 12px;
}

.layer_staff_service .con .txt1 {
	text-align: center;
	line-height: 1.6;
}

.layer_staff_service .btnWrap.type li {
	float: none;
	margin: 0 auto;
}

.purchaseConfirmed .tblType1 {
	margin-top: 50px;
}

.purchaseConfirmed .tblType1 table tbody th, .purchaseConfirmed .tblType1 table tbody td
	{
	padding-right: 0;
}

.purchaseConfirmed table .btn {
	width: 90px;
}

.chkAccount .label {
	margin: 25px 0 10px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.chkAccount .label:first-of-type {
	margin-top: 0;
}

.chkAccount .selectbox {
	width: 100%;
}

.chkAccount .error {
	padding-left: 15px;
}

/* 정보관리 */
.mypage .deliveryInfoMng {
	margin-top: 40px;
}

#newShipping .userInputArea tbody th {
	font-family: 'Montserrat';
font-weight: bold;
}

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

.mypage.editInfo .modify {
	margin-top: 40px;
}

.mypage.editInfo .withdraw {
	margin-top: 80px;
	padding: 40px 0;
	border: 4px solid #222;
	text-align: center;
	color: #222;
}

.mypage.editInfo .withdraw .btn {
	margin-top: 15px;
}

.mypage.editInfo .survey_wrap {
	width: 80%;
	padding: 20px 0;
}

.mypage.editInfo .survey_wrap.type1 {
	margin-top: 20px;
}

.mypage.editInfo .survey_wrap .survey_tit {
	display: block;
	padding-bottom: 5px;
}

.mypage.editInfo .survey_wrap.type1 .survey_cnt {
	display: flex;
	flex-wrap: wrap;
	width: 570px;
}

.mypage.editInfo .survey_wrap.type1 .survey_cnt .input:last-child {
	width: 100%;
}

.mypage.editInfo .survey_wrap.type1 .survey_cnt .input .inputText {
	width: calc(100% - 100px);
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}

.mypage.editInfo .survey_wrap.type1 .survey_cnt .input .inputText input
	{
	visibility: visible;
	position: inherit;
	left: auto;
	top: auto;
}

.mypage.editInfo .survey_wrap .input {
	margin-top: 10px;
}

#mbrWithdraw .secTit {
	padding-bottom: 10px;
	border-bottom: 1px solid #222;
	margin: 45px 0 20px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

#mbrWithdraw p.secTit:first-of-type {
	margin-bottom: 0;
}

#mbrWithdraw .secTit span {
	float: right;
	font-family: 'Montserrat';
	color: #888;
}

#mbrWithdraw .inputChkWrap {
	margin-top: -10px;
}

#mbrWithdraw .inputChkWrap span {
	margin: 20px 40px 0 0;
}

#mbrWithdraw .agree {
	margin-top: 40px;
	padding: 30px 20px;
	background: #f8f8f8;
}

.mypage.skinConcernWrap .recommend {
	padding: 0 20px;
	margin-top: 40px;
	font-size: 16px;
	color: #222;
}

.mypage.skinConcernWrap .recommend .noInfo {
	position: relative;
	padding-left: 28px;
	font-family: 'Montserrat';
font-weight: bold;
}

.mypage.skinConcernWrap .recommend .noInfo:before {
	position: absolute;
	left: 0;
	top: 3px;
	content: "!";
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid #222;
	border-radius: 50%;
	line-height: 18px;
	text-align: center;
	font-size: 16px;
	font-family: 'Montserrat';
	color: #222;
}

.mypage.skinConcernWrap .recommend .btn {
	margin-left: 40px;
}

.mypage.skinConcernWrap .skinConcern {
	overflow: hidden;
	padding: 30px 20px 0 20px;
	margin-top: 30px;
	border-top: 1px dashed #dcdcdc;
}

.mypage.skinConcernWrap .skinConcern dl {
	float: left;
	width: 25%;
}

.mypage.skinConcernWrap .editSkinInfo {
	overflow: hidden;
	padding: 40px 50px;
	margin: 60px 0;
	background: #f8f8f8;
}

.mypage.skinConcernWrap .editSkinInfo h3.title {
	margin-bottom: 30px;
}

.mypage.skinConcernWrap .editSkinInfo .skinInfo {
	float: left;
	width: 374px;
	padding-top: 5px;
	padding-bottom: 30px;
}

.mypage.skinConcernWrap .editSkinInfo .skinInfo:nth-of-type(2n) {
	padding-left: 50px;
}

.mypage.skinConcernWrap .editSkinInfo .skinInfo:nth-of-type(1), .mypage.skinConcernWrap .editSkinInfo .skinInfo:nth-of-type(2)
	{
	padding-bottom: 50px;
	margin-bottom: 40px;
	border-bottom: 1px solid #dcdcdc;
}

.mypage.skinConcernWrap .editSkinInfo .skinInfo h4.title {
	margin-bottom: 25px;
}

.mypage.skinConcernWrap .editSkinInfo .skinInfo h4.title span {
	margin-right: 10px;
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 16px;
	color: #222;
}

.mypage.skinConcernWrap .editSkinInfo .skinInfo ul {
	overflow: hidden;
}

.mypage.skinConcernWrap .editSkinInfo .skinInfo ul li {
	float: left;
	margin: 15px 0 0 10px;
}

.mypage.skinConcernWrap .editSkinInfo .skinInfo ul li:nth-of-type(3n-2)
	{
	margin-left: 0;
}

.mypage.skinConcernWrap .editSkinInfo .skinInfo ul li:nth-of-type(1),
	.mypage.skinConcernWrap .editSkinInfo .skinInfo ul li:nth-of-type(2),
	.mypage.skinConcernWrap .editSkinInfo .skinInfo ul li:nth-of-type(3) {
	margin-top: 0;
}

.mypage.skinConcernWrap .editSkinInfo .selConcern {
	display: inline-block;
	width: 118px;
	height: 40px;
	border-radius: 2px;
	background: #dcdcdc;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
}

.mypage.skinConcernWrap .editSkinInfo .selConcern.on {
	background: #5f77ba;
	color: #fff;
}

.mypage.skinConcernWrap .privacyPolicy {
	margin: 60px 0 30px;
}

.mypage .infoModifyGate {
	margin-top: 60px;
}

.mypage .infoModifyGate .area {
	position: relative;
	padding: 65px 280px 65px 60px;
	margin-bottom: 20px;
	background: #f8f8f8;
}

.mypage .infoModifyGate .area .t {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 18px;
	color: #222;
}

.mypage .infoModifyGate .area .note {
	margin-top: 10px;
	line-height: 26px;
	color: #222;
}

.mypage .infoModifyGate .area .btn {
	position: absolute;
	right: 50px;
	top: 50%;
	width: 170px;
	margin-top: -20px;
}

.mypage .infoModifyGate .area .clear_txt {
	position: absolute;
	top: 170px;
	color: #5f77ba;
}

.mypage .infoModifyGate .area sup {
	vertical-align: middle;
}

.mypage .leaveAestura {
	margin-top: 60px;
}

.mypage .leaveAestura .tit {
	font-family: 'Montserrat';
font-weight: bold;
	font-size: 20px;
	color: #222;
}

.mypage .leaveAestura .notice_list {
	margin: 20px 0;
}

.mypage .leaveAestura .btnWrap {
	margin-top: 60px;
}

/* 마이페이지 - 개인정보 수정*/
.mypage .infoModifyGate .title_type {
	margin-top: 75px;
}

.mypage .infoModifyGate .common_info {
	margin: 15px 0 0 0;
	padding-top: 20px;
	border-top: 1px solid #222;
	text-align: left;
}

.mypage .infoModifyGate .common_info th {
	padding: 10px 0;
	color: #666;
	font-weight: 500;
	vertical-align: top;
	line-height: 2.2;
}

.mypage .infoModifyGate .common_info td {
	padding: 10px 0;
	color: #222;
	font-weight: 500;
}

.mypage .infoModifyGate .common_info td:after {
	display: block;
	content: "";
	clear: both;
}

.mypage .infoModifyGate .common_info td .inputText {
	float: left;
}

.mypage .infoModifyGate .common_info td .inputText.type1 input {
	width: 177px;
}

.mypage .infoModifyGate .common_info td .inputText.type2 input {
	width: 130px;
}

.mypage .infoModifyGate .common_info td .inputText.type3 input {
	width: 205px;
}

.mypage .infoModifyGate .common_info td .selectbox {
	float: left;
	width: 175px;
	margin-left: 20px;
}

.mypage .infoModifyGate .common_info td .btn {
	margin-left: 8px;
}

.mypage .infoModifyGate .common_info td .btn.size {
	width: 130px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
}

.mypage .infoModifyGate .common_info td .btn.size a {
	height: 100%;
}

.mypage .infoModifyGate .common_info td .desc {
	display: inline-block;
	width: 14px;
	text-align: center;
}

.mypage .infoModifyGate .common_info td .inputAlt {
	display: none;
	color: #d72137;
	margin-top: 5px;
	font-size: 12px;
}

.mypage .infoModifyGate .common_info td .inputText.addrType .addr_type_input
	{
	width: 75%;
}

.mypage .infoModifyGate .common_info td .inputText.addrType input {
	margin-top: 8px;
}

.mypage .infoModifyGate .common_info td .inputText.addrType input:first-child
	{
	margin-top: 0;
}

.mypage .infoModifyGate .sub_txt {
	margin: 10px 0 15px 0;
	line-height: 20px;
	color: #666;
}

.mypage .infoModifyGate .select_info {
	margin-bottom: 20px;
	border-bottom: 1px solid #888;
	border-collapse: separate;
}

.mypage .infoModifyGate .select_info th {
	height: 54px;
	font-size: 14px;
	line-height: 26px;
	color: #222;
	font-family: 'Montserrat';
font-weight: bold;
	border-top: 1px solid #222;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.mypage .infoModifyGate .select_info td {
	height: 116px;
	font-size: 14px;
	line-height: 26px;
	color: #666;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #eee;
}

.mypage .infoModifyGate .select_info th:last-child {
	border-right: 0;
}

.mypage .infoModifyGate .select_info td:last-child {
	border-right: 0;
}

.mypage .infoModifyGate .notice_wrap:after {
	display: block;
	content: "";
	clear: both;
}

.mypage .infoModifyGate .notice_wrap .notice_txt {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #888;
}

.mypage .infoModifyGate .notice_wrap .input {
	float: right;
}

.mypage .infoModifyGate .email_check {
	padding-top: 20px;
	border-top: 1px solid #222;
}

.mypage .infoModifyGate .email_check th {
	padding: 10px 0;
	color: #666;
	font-weight: 500;
	vertical-align: top;
	line-height: 1.2;
	text-align: left;
}

.mypage .infoModifyGate .email_check td label {
	margin-right: 16px;
	font-size: 14px;
	color: #222;
	vertical-align: middle;
}

.mypage .infoModifyGate .btnwrap {
	margin: 50px 0 80px 0;
	text-align: center;
}

.privacyPopup.mypage_popup .layerPopup {
	width: 820px;
}

.privacyPopup.mypage_popup .desc {
	padding-bottom: 28px;
}

.privacyPopup.mypage_popup .desc01 {
	border-bottom: 1px solid #dcdcdc;
}

.privacyPopup.mypage_popup .desc:first-of-type {
	margin-bottom: 28px;
}

.privacyPopup.mypage_popup .desc .txt_list li {
	margin-bottom: 5px;
	padding-left: 8px;
	text-indent: -8px;
}

.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 #888;
}

.privacyPopup.mypage_popup table th {
	height: 52px;
	font-size: 14px;
	line-height: 26px;
	color: #222;
	font-family: 'Montserrat';
font-weight: bold;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.privacyPopup.mypage_popup table th:last-child {
	border-right: 0;
}

.privacyPopup.mypage_popup table tbody td {
	padding: 25px 0;
	font-size: 14px;
	line-height: 26px;
	color: #666;
	border-right: 1px solid #eee;
}

.privacyPopup.mypage_popup table tbody td:last-child {
	border-right: 0;
}

.privacyPopup.mypage_popup .input {
	height: auto;
	width: 210px;
	display: inline-block;
	vertical-align: middle;
}

.privacyPopup.mypage_popup .input input[type="checkbox"]:checked+label {
	background: #222;
}

.privacyPopup.mypage_popup .input label {
	background: #888;
	height: 50px;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
	width: 100%;
	padding: 0;
}

.mypage .changePhone .input_wrap {
	padding: 15px 0 20px 0;
	border-top: 1px solid #222;
	border-bottom: 1px solid #dcdcdc;
}

.mypage .changePhone th {
	padding: 10px 0;
	vertical-align: middle;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
	text-align: left;
}

.mypage .changePhone td {
	padding: 10px 0;
}

.mypage .changePhone td .inputText {
	float: left;
}

.mypage .changePhone td .inputText.type1 input {
	width: 130px;
}

.mypage .changePhone td .inputText.type2 {
	width: 100%;
}

.mypage .changePhone td:after {
	display: block;
	content: "";
	clear: both;
}

.mypage .changePhone td .btn.size {
	margin-left: 8px;
	width: 130px;
	height: 40px;
	line-height: 38px;
	background: #000;
}

.mypage .changePhone td .btn.size a {
	color: #fff;
}

.mypage .changePhone td .desc {
	display: inline-block;
	width: 14px;
}

.mypage .changePhone .txt1 {
	color: #222;
	margin-bottom: 15px;
}

.mypage .changePhone .bottom_txt {
	margin-top: 15px;
	color: #888;
	line-height: 24px;
	text-align: center;
}

/* 마이페이지-비밀번호 재설정 */
.mypassword_confirm {
	width: 460px;
	margin: 0 auto;
	margin-top: 100px;
	padding: 75px 70px 160px 70px;
	background: #f8f8f8;
}

.mypassword_confirm h3 {
	font-size: 22px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.mypassword_confirm .desc {
	margin-top: 25px;
	font-size: 16px;
	color: #222;
	line-height: 28px;
}

.mypassword_confirm .tit {
	margin-top: 65px;
	font-size: 14px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.mypassword_confirm .inputText {
	margin-top: 15px;
}

.mypassword_confirm .btn {
	margin-top: 20px;
	width: 100%;
}

/* 마이페이지-카드등록 */
.card_regist_gruop ul {
	padding: 200px 0;
	text-align: center;
}

.card_regist_gruop li {
	display: inline-block;
	position: relative;
	width: 290px;
	height: 133px;
	margin: 0 11px 15px 0;
	padding: 67px 0 0 0;
	vertical-align: top;
	text-align: center;
	border-radius: 5px;
	background: #eee;
}

.card_regist_gruop li:nth-of-type(3n) {
	margin-right: 0;
}

.card_regist_gruop li .delegate {
	position: absolute;
	left: 15px;
	top: 15px;
	width: 68px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #fff;
	background: #5f77ba;
	border-radius: 3px;
}

.card_regist_gruop li .card_name {
	font-size: 16px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.card_regist_gruop li .card_number {
	margin-top: 5px;
	font-size: 18px;
	color: #222;
}

.card_regist_gruop li .btnWrap .btn {
	margin-top: 15px;
	width: 70px;
}

.card_regist_gruop li.add {
	height: 83px;
	padding-top: 117px;
	background: #5f77ba;
}

.card_regist_gruop li.add a {
	display: inline-block;
	position: relative;
	font-size: 18px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #fff;
}

.card_regist_gruop li.add .plus {
	position: absolute;
	left: 11px;
	top: -40px;
	width: 46px;
	height: 30px;
	background: #fff;
	border-radius: 4px;
}

.card_regist_gruop li.add .plus:before {
	content: "";
	position: absolute;
	left: 22px;
	top: 8px;
	width: 2px;
	height: 14px;
	background: #5f77ba;
}

.card_regist_gruop li.add .plus:after {
	content: "";
	position: absolute;
	left: 16px;
	top: 14px;
	width: 14px;
	height: 2px;
	background: #5f77ba;
}

.card_regist_gruop.multiple ul {
	padding: 40px 0;
	text-align: left;
}

/* 마이페이지-카드 관련 팝업 */
#deleteCard .layerPopup, #deleteCard_result .layerPopup, #registCard .layerPopup,
	#errorCard .layerPopup {
	width: 500px;
}

#errorCard .layerPopup .colorBL {
	color: #5f77ba;
}

/* 마이페이지-쿠폰 리스트 */
.coupon_wrap {
	margin-top: 60px;
}

.coupon_wrap .cuppon_regist {
	margin: 0 0 60px 0;
}

.coupon_wrap .cuppon_regist dt {
	vertical-align: middle;
}

.coupon_wrap .cuppon_regist .tit {
	display: inline-block;
	width: 70px;
	text-align: center;
	font-size: 14px;
	font-family: 'Montserrat';
font-weight: bold;
	color: #222;
}

.coupon_wrap .cuppon_regist .inputText {
	display: inline-block;
	width: 500px;
	margin-right: 6px;
}

.coupon_wrap .cuppon_regist .inputText input {
	border: 2px solid #222;
}

.coupon_wrap .cuppon_regist .btn.sizeM {
	width: 100px;
}

.coupon_wrap .cuppon_regist .notice_list {
	margin: 0;
	padding: 18px 72px 0;
	background: #fff;
}

.coupon_wrap .cuppon_regist .notice_list li {
	color: #222;
}

.coupon_wrap .cuppon_regist .notice_list li:before {
	background: #222;
}

.coupon_wrap .pagination {
	margin-top: 60px;
}

.coupon_li_area {
	overflow: hidden;
	padding-bottom: 60px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

.coupon_li_area .li_item {
	float: left;
	min-height: 391px;
	margin-left: 60px;
	padding-top: 60px;
	background: #fff;
}

.coupon_li_area .coupon_info {
	position: relative;
	width: 361px;
	height: 183px;
	background: url("../images/common/logo_s.png") no-repeat 245px 140px;
	border: 1px solid #222;
	border-radius: 8px;
}

.coupon_li_area .coupon_info:after {
	content: "";
	position: absolute;
	right: -1px;
	top: 0;
	width: 10px;
	height: 183px;
	background: #5f77ba;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.coupon_li_area .coupon_info .c_tit {
	overflow: hidden;
	max-width: 235px;
	height: 27px;
	margin: 30px 0 0 30px;
	font-size: 18px;
	color: #222;
}

.coupon_li_area .coupon_info .c_desc {
	overflow: hidden;
	max-width: 305px;
	height: 20px;
	margin: 8px 0 0 30px;
	color: #888;
}

.coupon_li_area .coupon_info .c_money {
	margin: 23px 0 0 30px;
	font-size: 32px;
	color: #5f77ba;
}

.coupon_li_area .coupon_info .c_money.won:after {
	content: "원";
	display: inline-block;
	font-size: 24px;
	font-family: 'Montserrat';
	color: #5f77ba;
}

.coupon_li_area .coupon_info .c_money.per:after {
	content: "%";
	display: inline-block;
	font-size: 24px;
	font-family: 'Montserrat';
	color: #5f77ba;
}

.coupon_li_area .coupon_info .c_terms {
	position: absolute;
	right: 30px;
	top: 20px;
}

.coupon_li_area .detail_info {
	padding: 18px 30px;
}

.coupon_li_area .detail_info p {
	margin-bottom: 10px;
}

.coupon_li_area .detail_info p:last-child {
	margin-bottom: 0px;
}

/* 마이페이지-쿠폰 관련 팝업 */
#useCoupon_guide .layerPopup {
	width: 580px;
}

#useCoupon_guide .p1 {
	line-height: 24px;
	color: #666;
}

#useCoupon_guide .p2 {
	margin-bottom: 50px;
	line-height: 24px;
}

#useCoupon_guide .tbTitle {
	margin: 35px 0 10px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

#useCoupon_guide table {
	border-top: 2px solid #ddd;
}

#useCoupon_guide tbody {
	border-bottom: 1px solid #ddd;
}

#useCoupon_guide tbody th {
	/*height:55px;*/
	padding: 15px 12px;
	border-top: 1px solid #ddd;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	color: #222;
}

#useCoupon_guide tbody td {
	/*height:55px;*/
	padding: 15px 12px;
	border-top: 1px solid #ddd;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	color: #222;
}

#useCoupon_guide tbody td span {
	float: right;
	margin: 3px 40px 0 0;
	font-size: 13px;
	color: #888;
}

#useCoupon_guide table:nth-of-type(2) tbody {
	border-bottom: none;
}

/* 마이페이지-나의 혜택 관련 리스트 */
.benefit_wrap .ta_c {
	text-align: center;
}

.benefit_wrap .period_sort {
	margin-top: 50px;
}

.benefit_wrap .period_sort dt {
	width: 70px;
}

.benefit_wrap .tblType1 table thead th {
	padding: 0 15px;
}

.benefit_wrap .tblType1 table tbody td {
	padding: 0 15px;
}

.benefit_wrap .pagination {
	margin-top: 60px;
}

.benefit_wrap .notice_list .tit {
	margin-bottom: 12px;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.benefit_wrap .notice_list .policy {
	display: inline-block;
	width: 210px;
	height: 30px;
	line-height: 28px;
	margin-top: 30px;
	text-align: center;
	color: #222;
	border: 1px solid #222;
	box-sizing: border-box;
}

.benefit_wrap .mileage_calc {
	width: 900px;
	height: 160px;
	margin-bottom: 60px;
	padding: 50px 0 0 120px;
	background: #eee;
	box-sizing: border-box;
}

.benefit_wrap .mileage_calc span {
	display: inline-block;
	position: relative;
	min-width: 250px;
	padding-right: 65px;
	color: #222;
	box-sizing: border-box;
}

.benefit_wrap .mileage_calc span em {
	display: block;
	font-size: 14px;
}

.benefit_wrap .mileage_calc span strong {
	display: block;
	margin-top: 10px;
	font-size: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.benefit_wrap .mileage_calc span.cell1:before {
	content: "";
	position: absolute;
	right: 50px;
	top: 50px;
	width: 20px;
	height: 4px;
	background: #222;
}

.benefit_wrap .mileage_calc span.cell2:after {
	content: "";
	position: absolute;
	right: 50px;
	top: 42px;
	width: 20px;
	height: 4px;
	background: #222;
}

.benefit_wrap .mileage_calc span.cell2:before {
	content: "";
	position: absolute;
	right: 50px;
	top: 52px;
	width: 20px;
	height: 4px;
	background: #222;
}
/* 20241205 수정 */
.benefit_wrap .beauty_p_calc {
	display: flex;
	justify-content: center;
	width: 900px;
	height: 160px;
	margin-bottom: 60px;
	padding: 50px 0 0 0;
	background: #eee;
	box-sizing: border-box;
}
/* //20241205 수정 */
.benefit_wrap .beauty_p_calc span {
	display: inline-block;
	position: relative;
	width: 300px;
	margin-right: -4px;
	text-align: center;
	color: #222;
	box-sizing: border-box;
}

.benefit_wrap .beauty_p_calc span em {
	display: block;
	font-size: 14px;
}

.benefit_wrap .beauty_p_calc span strong {
	display: block;
	margin-top: 10px;
	font-size: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.benefit_wrap .beauty_p_calc span.cell1:before {
	content: "";
	position: absolute;
	right: 0px;
	top: -7px;
	width: 1px;
	height: 90px;
	background: #dcdcdc;
}

.benefit_wrap .beauty_p_calc span.cell2:before {
	content: "";
	position: absolute;
	right: 0px;
	top: -7px;
	width: 1px;
	height: 90px;
	background: #dcdcdc;
}

/* 마이페이지-1:1문의 */
.sort_count_area {
	margin-bottom: 27px;
	font-size: 13px;
	color: #222;
}

.counsel_wrap .ta_c {
	text-align: center;
}

.counsel_wrap .period_sort {
	margin-top: 50px;
}

.counsel_wrap .tblType1 th, .counsel_wrap .tblType1 td {
	padding: 0 15px;
}

.counsel_wrap .btnWrap {
	margin-top: 20px;
}

.counsel_wrap .btnWrap .btn {
	width: 150px;
}

.count_list .show_txt .switch {
	color: #222;
}

.count_list .show_txt .switch.ok {
	color: #5f77ba;
}

.count_list .show_txt .switch img {
	margin-left: 30px;
	vertical-align: middle;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.count_list .show_txt.open .switch img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.count_list .hide_txt {
	display: none;
}

.count_list .hide_txt td {
	padding: 0;
}

.count_list .hide_txt .txt_group {
	display: none;
}

.count_list .hide_txt .question {
	padding: 35px 90px;
	line-height: 24px;
	background: #fff;
	-ms-word-break: break-all;
	word-break: break-all;
}

.count_list .hide_txt .answer {
	position: relative;
	padding: 35px 120px;
	line-height: 24px;
	background: #f8f8f8;
}

.count_list .hide_txt .answer span {
	display: block;
	margin-bottom: 10px;
}

.count_list .hide_txt .answer:after {
	content: "";
	position: absolute;
	left: 88px;
	top: 38px;
	width: 20px;
	height: 20px;
	background: url("../images/common/ico_aestura.png");
}

/* 마이페이지-샘플신청 */
.mypage .mbr_st_panel .order_step_info.smaple_process li:nth-of-type(1):before
	{
	background-position: -120px -60px;
}

.mypage .mbr_st_panel .order_step_info.smaple_process li:nth-of-type(2):before
	{
	background-position: -120px 0;
}

.mypage .mbr_st_panel .order_step_info.smaple_process li:nth-of-type(3):before
	{
	background-position: -180px 0;
}

.mypage .mbr_st_panel .order_step_info.smaple_process li:nth-of-type(4):before
	{
	background-position: -240px 0;
}

/* 마이페이지- SNS 연동정보 관리 */
.mypage .sns_link_info {
	margin-top: 60px;
}

.mypage .sns_link_info table {
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	text-align: left;
}

.mypage .sns_link_info table th {
	padding-left: 22px;
	height: 54px;
	font-size: 14px;
	line-height: 54px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.mypage .sns_link_info table td {
	padding-left: 22px;
	height: 66px;
	border-top: 1px solid #eee;
	line-height: 66px;
}

.mypage .sns_link_info table td .sns_info_txt {
	color: #222;
}

.mypage .sns_link_info table td button {
	width: 90px;
	height: 30px;
	line-height: 30px;
	background: #222;
	outline: 0;
}

.mypage .sns_link_info table td button span {
	font-size: 14px;
	color: #fff;
}

.mypage .sns_link_info table td button span:before {
	display: inline-block;
	content: "";
	position: relative;
	top: -1px;
	width: 12px;
	height: 9px;
	margin-right: 3px;
	background: url("../images/mypage/check.png") no-repeat center top;
}

.mypage .sns_link_info table td button.on {
	background: #fff;
	border: 1px solid #222;
}

.mypage .sns_link_info table td button.on span {
	color: #222;
}

.mypage .sns_link_info table td button.on span:before {
	width: 10px;
	height: 10px;
	top: 0;
	background: url("../images/mypage/close.png") no-repeat center top;
}

/**
UTIL
**/
/* 검색결과 */
#container.schResult {
	padding-top: 0;
}

.schResult .contents_full {
	padding-top: 140px;
	background: url("../images/util/bg_search_result.jpg") no-repeat 50%
		100%;
}

/* .schResult .noData {padding:250px 0;} */
.result_tab {
	width: 760px;
	margin: 0 auto;
	padding: 95px 0;
}

.result_tab .tit {
	margin-bottom: 45px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}

.result_tab .searchWord {
	position: relative;
}

.result_tab .searchWord .keyword {
	width: 100%;
	padding: 4px 40px 10px 10px;
	border-bottom: 3px solid #fff;
	background: none;
	font-family: 'Montserrat';
	font-size: 26px;
	letter-spacing: -0.05em;
	color: #fff;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.result_tab .searchWord .keyword::-webkit-input-placeholder {
	color: #94a8e0;
}

.result_tab .searchWord .reset {
	position: absolute;
	right: 48px;
	top: 11px;
	width: 18px;
	height: 18px;
	background: url("../images/common/btn_search_reset.png") no-repeat;
	font-size: 0;
	color: transparent;
}

.result_tab .searchWord .btnSch {
	position: absolute;
	right: 2px;
	top: -3px;
	width: 40px;
	height: 40px;
	border: none;
	background: url("../images/common/btn_search.png") no-repeat 50% 50%;
	font-size: 0;
	text-indent: -9999em;
	color: transparent;
	outline: none;
	cursor: pointer;
}

.result_tab .tab {
	margin-top: 65px;
	text-align: center;
}

.result_tab .tab li {
	display: inline-block;
	margin: 0 40px;
	vertical-align: middle;
}

.result_tab .tab li a {
	font-size: 18px;
	color: #888;
}

.result_tab .tab li.on a {
	color: #fff;
}

.schResult .tabMenu {
	margin-bottom: 80px;
}

.schResult .newsList:after {
	display: none;
}

.schResult h3 {
	position: relative;
}

.schResult h3 a {
	position: absolute;
	right: 0;
	top: 4px;
	font-family: 'Montserrat';
	font-size: 14px;
}

.schResult .postingList h3, .schResult .newsList h3 {
	margin-bottom: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.schResult .postingList .list {
	padding-top: 0;
}

.schResult .postingList:before {
	display: none;
}

.schResult .videoList {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.schResult .videoList li {
	margin-bottom: 80px;
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.schResult #cntBlg .postingList .list {
	padding-top: 0;
}

/* 약관 */
.termsWrap .titleArea {
	padding-bottom: 70px;
	text-align: center;
}

.termsWrap .titleArea .title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 36px;
}

.termsWrap .p {
	margin-bottom: 30px;
	line-height: 26px;
}

.termsWrap .articleList {
	margin-bottom: 30px;
	line-height: 26px;
}

.terms>li, .terms .mCSB_container>li {
	margin-bottom: 30px;
}

.terms>li:last-child {
	margin-bottom: 0;
}

.terms .article {
	margin-bottom: 12px;
	color: #222;
}

.terms .paragraph li {
	line-height: 26px;
}

.terms .paragraph>li {
	padding-left: 17px;
	text-indent: -17px;
}

.terms .paragraph .def {
	padding-left: 0;
	text-indent: 0;
}

.terms .subparagraph li {
	padding-left: 0;
	text-indent: 0;
	line-height: 26px;
}

.terms .clause li {
	padding-left: 17px;
	text-indent: 0;
	line-height: 26px;
}

.terms .paragraph .def .subparagraph {
	padding-left: 0;
}

.terms .tbl {
	margin: 40px 0 40px -17px;
}

.terms .tbl table th, .terms .tbl table td {
	padding: 14px 0;
	text-align: center;
	text-indent: 0;
}

.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;
	border-right: 1px solid #dcdcdc;
}

.terms .tbl table tbody td {
	padding: 14px 30px;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.terms .tbl table tbody td:first-child {
	border-left: none;
}

.accordion_box {
	margin: 20px 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;
}

.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 {
	margin-top: 20px;
}

.accordion_box .add_list li .add_day {
	display: inline-block;
	width: 108px;
	font-size: 13px;
	color: #888;
}

.accordion_box .add_list li .add_con {
	display: inline-block;
	width: 353px;
	font-size: 13px;
	color: #888;
}

.accordion_box .add_list li a {
	color: #4c4c4c;
	font-weight: bold;
	display: inline-block;
	width: 160px;
	height: 22px;
	margin-top: 0;
	font-size: 12px;
	line-height: 22px;
	border: none;
}

/* 탑 배너*/
.common_top_banner {
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 20;
}

/* .common_top_banner.top_minimize{-webkit-transform:translateY(-80px);-ms-transform:translateY(-80px);transform: translateY(-80px);} */
.common_top_banner .img_wrap {
	text-align: center;
	background: #5f77ba;
}

.header.top_on {
	top: 80px;
}

.header.minimize.top_minimize {
	-webkit-transform: translateY(-170px);
	-ms-transform: translateY(-170px);
	transform: translateY(-170px);
}

.main.top_banner .mainVisual:before {
	top: 80px;
}

#layer_alert {
	z-index: 6010 !important;
}

#layer_confirm {
	z-index: 6020 !important;
}

.mdCheckPopup .layerPopup {
	width: 460px;
}

.mdCheckPopup .txt {
	font-size: 16px;
	line-height: 24px;
	color: #222;
	text-align: center;
}

.mdCheckPopup .prd_list {
	margin: 30px 0 15px 0;
	padding: 20px 0;
	border-top: 2px solid #222;
	border-bottom: 1px solid #888;
}

.mdCheckPopup .prd_list li {
	margin-top: 20px;
	font-size: 0;
	height: auto;
	padding: 0 16px;
}

.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: 70%;
	margin-right: 8%;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
	font-size: 16px;
	line-height: 1.4;
}

.mdCheckPopup .prd_list li .input.check {
	float: right;
	width: 22%;
	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: 14px;
	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
		14px center;
	text-indent: 10px;
	border-color: #5f77ba;
}

.mdCheckPopup .layerPopup .btnWrap {
	margin-top: 30px;
	padding: 0;
}

.mdCheckPopup .btn.sizeL {
	width: 165px;
}

.mdCheckPopup .checkTxt {
	font-size: 14px;
	line-height: 20px;
	color: #ff3f3c;
	text-align: center;
	display: none;
}

.mdCheckPopup .checkTxt sup {
	vertical-align: middle;
}

.shopMainB .slider_pdt a {
	outline: none;
}

.shopMainB .slider_pdt button {
	outline: none;
}

.shopMainB .slider_pdt .slick-arrow {
	position: absolute;
	display: block;
	width: 20px;
	height: 40px;
	margin-top: -130px;
	background: url("../images/product/arr_faq.png") no-repeat;
	font-size: 0;
	color: transparent;
	outline: none;
	z-index: 1;
}

.shopMainB .slider_pdt .slick-arrow.slick-prev {
	left: -75px;
	top: 50%;
}

.shopMainB .slider_pdt .slick-arrow.slick-next {
	right: -75px;
	top: 50%;
	background-position: 100% 0;
}

.shopMainB .slider_pdt .slick-disabled {
	display: none;
}

.shopMainB .slider_pdt .slick-disabled.slick-prev {
	display: none !important;
}

.shopMainB .pdtListWrapType3 .pdtListType3 .listWrap.type {
	width: 884px;
	margin: 0 auto;
}

.shopMainB .slider_pdt .pdtListType3 .pdtItem {
	outline: none;
	margin-top: 0;
}

.shopMainB .contents.desc:nth-of-type(1) {
	background: #000;
	border-top: 0;
	margin-top: 0;
}

.shopMainB .desc .secTitle {
	font-size: 23px;
	font-family: 'Montserrat';
	font-weight: bold;
}

/* 의사몰 - 라이브러리*/
.anchorLibrary .pageTitle {
	font-size: 32px;
}

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

.search_util .libraryList_hash {
	float: left;
	width: 700px;
	font-size: 0;
}

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

.search_util .input_list {
	position: relative;
	float: left;
	margin: 5px 5px 0 0;
}

.search_util .input_list input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.search_util .input_list:last-child {
	margin-right: 0;
}

.search_util .input_list label {
	display: block;
	height: 32px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 30px;
	color: #5f77ba;
	border: 1px solid #5f77ba;
	box-sizing: border-box;
	border-radius: 2px;
}

.search_util input[type="checkbox"]:checked+label {
	background: #5f77ba;
	color: #fff;
}

.search_util {
	position: relative;
}

.search_util .libraryList_search {
	position: absolute;
	bottom: 0;
	right: 0;
}

.libraryList_search .selectbox {
	width: 105px;
}

.search_util .inputText {
	position: relative;
	width: 210px;
}

.search_util .inputText input {
	padding-right: 40px;
	box-sizing: border-box;
}

.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: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/common/util_on.png") no-repeat;
	background-position: 2px 0;
}

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

.libraryList_contents {
	float: left;
	width: 100%;
	padding-top: 75px;
	margin-top: 45px;
	border-top: 2px solid #222;
	box-sizing: border-box;
}

.libraryList .library_item {
	position: relative;
	float: left;
	width: calc(25% - 27px);
	height: 330px;
	margin: 40px 36px 0 0;
}

.libraryList .library_item:nth-child(4n) {
	margin-right: 0;
}

.libraryList .library_item:nth-child(-n+4) {
	margin-top: 0;
}

.libraryList .thumb {
	display: block;
	position: relative;
	height: 200px;
	overflow: hidden;
}

.libraryList .tit {
	display: -webkit-box;
	height: 30px;
	margin-top: 15px;
	font-size: 22px;
	line-height: 30px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.libraryList .date {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 13px;
}

.libraryList .txt {
	margin-top: 6px;
	word-break: break-all;
}

.anchorLibrary .pagination {
	margin-top: 80px;
}

/* 라이브러리 뷰 페이지*/
.libraryView:after {
	display: block;
	content: "";
	clear: both;
}

.anchorLibrary_view .heading {
	margin-top: 40px;
}

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

.anchorLibrary_view .heading h2 {
	float: left;
	margin: 0;
	word-break: break-all;
}

.anchorLibrary_view .heading .search_util {
	float: right;
}

.anchorLibrary_view .search_util .libraryList_hash {
	width: 400px;
	margin-top: -5px;
}

.anchorLibrary_view .search_util .input_list {
	float: right;
	margin: 5px 0 0 5px;
}

.anchorLibrary_view .search_util .input_list:last-child {
	margin-right: 0;
}

.anchorLibrary_view .search_util .date {
	position: relative;
	float: right;
	padding-left: 15px;
	margin-left: 15px;
	font-size: 13px;
	line-height: 30px;
}

.anchorLibrary_view .search_util .date:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 24px;
	background: #dcdcdc;
	transform: translateY(-50%);
}

.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 .btnArea {
	margin-top: 50px;
	border-top: 1px solid #d1d1d1;
}

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

.anchorLibrary_view .btnArea .btn {
	float: right;
	margin-top: 50px;
}

.anchorLibrary_view .share_url {
	float: left;
	width: 100%;
	padding-top: 80px;
}

.anchorLibrary_view .share_url .share_box {
	float: left;
	width: calc(100% - ( 210px + 6px));
	margin-right: 6px;
	padding: 0 18px;
	font-size: 14px;
	line-height: 38px;
	color: #666;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.anchorLibrary_view .share_url .btn {
	float: left;
}

#loginLocked .layerPopup.alertType .btnWrap {
	width: 100%;
}

#loginLocked .btn.sizeL {
	width: calc(50% - 3px);
}

/* aestura now list*/
.brandSec .sec_tit {
	padding: 90px 0;
	text-align: center;
	border-bottom: 2px solid #000;
}

.brandSec .sec_tit h2 {
	font-size: 34px;
	color: #000;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
}

.brandSec .sec_tit .txt1 {
	padding-top: 15px;
	font-size: 16px;
	color: #999;
	line-height: 24px;
	font-family: 'Montserrat';
}

.aesturaNow .boardUtilMenu .selectbox {
	float: right;
	width: 135px;
}

/* key finding list*/
.keyFinding .sec_tit {
	border-bottom: 0;
}

.keyFinding .reviewSort {
	margin-top: 0;
	padding: 50px 0;
}

.keyFinding .itemList {
	margin-top: 80px;
}

.keyFinding .itemList .tit {
	margin-top: 0;
}

.keyFinding .itemList .top_tit {
	height: auto;
	margin-top: 10px;
}

.keyFinding .itemList .hash_txt {
	margin-top: 12px;
}

.keyFinding .itemList .btnTxt {
	margin-top: 20px;
}

/* key finding view*/
.keyFindingView .titleWrap {
	text-align: center;
}

.keyFindingView .titleWrap .top_tit {
	font-size: 24px;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
	letter-spacing: -1px;
}

.keyFindingView .titleWrap .tit {
	display: inline-block;
	padding: 15px 0;
	font-size: 24px;
	line-height: 1;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	border-bottom: 2px solid #000;
}

.keyFindingView .titleWrap .hash_txt {
	padding-top: 20px;
	font-size: 14px;
	line-height: 26px;
	color: #888;
}

.keyFindingView .cont .view1 .img_wrap {
	height: 7787px;
	background: url("../images/brand/con1.png") no-repeat center top;
}

.keyFindingView .cont .view2 .sec {
	padding-top: 120px;
	text-align: center;
}

.keyFindingView .cont .view2 .sec_heading {
	padding-bottom: 60px;
}

.keyFindingView .cont .view2 .sec_heading p {
	font-size: 18px;
	line-height: 34px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView .cont .view2 .sec_heading strong {
	font-size: 30px;
	line-height: 44px;
	color: #6077ba;
	font-family: 'Montserrat';
}

.keyFindingView .cont .view2 .sec_heading strong span {
	font-family: 'Montserrat';
	font-weight: bold;
}

.keyFindingView .cont .view2 .howto_vod {
	width: 934px;
	height: 550px;
	margin: 0 auto;
}

.keyFindingView .cont .view2 .videoArea {
	overflow: hidden;
	position: relative;
	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 {
	width: 935px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
}

.keyFindingView .cont .view2 .sec_txt_wrap em {
	font-size: 24px;
	line-height: 48px;
	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: 16px;
	color: #999;
	line-height: 30px;
}

.keyFindingView .cont .view2 .sec_txt_wrap .txt1 span {
	font-family: 'Montserrat';
	font-weight: bold;
}

/*어바웃 브랜드*/
.about_aestura_new img {
	max-width: 100%;
}

@
-webkit-keyframes scroll { 0% {
	bottom: 80px;
	opacity: 0;
}

50
%
{
bottom
:
60px;
opacity
:
1;
}
75
%
{
bottom
:
60px;
opacity
:
1;
}
100
%
{
bottom
:
40px;
opacity
:
0;
}
}
@
keyframes scroll { 0% {
	bottom: 80px;
	opacity: 0;
}

50
%
{
bottom
:
60px;
opacity
:
1;
}
75
%
{
bottom
:
60px;
opacity
:
1;
}
100
%
{
bottom
:
40px;
opacity
:
0;
}
}

/* 채팅봇 */
.chatbot .layerPopup {
	width: 100%;
	max-width: 820px;
}

.chatbot .con {
	position: relative;
	padding: 40px 50px 120px;
}

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

.chatbot .box .txt {
	font-size: 14px;
	line-height: 24px;
	color: #222;
}

.chatbot .title {
	display: block;
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	padding: 30px 0 20px 50px;
	color: #222;
	border-bottom: 2px solid #94a4d1;
	box-sizing: border-box;
}

.chatbot .check_btn {
	float: left;
	height: 28px;
	padding: 0 12px;
	font-size: 16px;
	line-height: 28px;
	color: #5f77ba;
	border: 1px solid #5f77ba;
	border-radius: 2px;
	margin-top: 4px;
	margin-right: 4px;
}

.chatbot .line {
	margin-top: -4px;
}

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

.chatbot .prev_btn {
	position: absolute;
	bottom: 16px;
	padding-left: 10px;
	font-size: 16px;
	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("https://image.aestura.com/resources/mobile/images/common/arrow_prev.png")
		no-repeat center top;
	background-size: contain;
}

.chatbot .admin_notice {
	float: left;
	margin-top: 30px;
	font-size: 14px;
	line-height: 24px;
	color: #222;
	text-align: left;
}

.chatbot .administrator {
	position: relative;
	float: left;
	width: 100%;
	padding-left: 30px;
	color: #222222;
	font-size: 16px;
	line-height: 24px;
	margin-top: 30px;
}

.chatbot .administrator:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 21px;
	height: 21px;
	background:
		url("https://image.aestura.com/resources/mobile/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: 30px;
}

.chatbot .administrator.recommend_prd .txt_wrap {
	margin-top: 8px;
	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: 80px;
	height: 80px;
	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: 20px;
}

.chatbot .administrator.recommend_prd .txt_wrap .con_box .name {
	display: block;
	width: 620px;
	font-size: 16px;
	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: 160px;
	height: 50px;
	margin-top: 10px;
	background: #5f77ba;
	line-height: 50px;
	color: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

.chatbot .user {
	float: right;
	width: 100%;
	text-align: right;
}

.chatbot .user+.user {
	margin-top: 20px;
}

.chatbot .user .txt1 {
	display: inline-block;
	position: relative;
	height: 34px;
	padding: 0 12px;
	font-size: 16px;
	line-height: 34px;
	color: #fff;
	background: #5f77ba;
	border-radius: 2px;
}

.chatbot .user .txt1:after {
	content: "";
	position: absolute;
	bottom: -5px;
	right: 3px;
	width: 16px;
	height: 5px;
	background:
		url("https://image.aestura.com/resources/mobile/images/common/deco.png")
		no-repeat center top;
	background-size: contain;
}

.chatbot .bottom_box {
	padding: 40px 0;
	background: #f8f8f8;
}

.chatbot .bottom_box .txt {
	font-size: 16px;
	line-height: 26px;
	color: #222222;
	text-align: center;
}

.chatbot .bottom_box .link_btn {
	display: block;
	width: 330px;
	margin: 30px auto 0;
	height: 50px;
	background: #000;
	color: #fff;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 50px;
	text-align: center;
}

#popIngredient .layerCont {
	word-break: break-all;
}

.momCart .tabMenu2 li a:after {
	background: none;
}

.momCart .regularOrderSteps .txt2 {
	margin-top: 15px;
}

.shoppingCart .circle {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: #5f77ba;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: 4px;
	margin-bottom: 4px;
}

.shoppingCart .circle em {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 13px;
	transform: translate(-50%, -50%);
	text-indent: -2px;
}

.momRegulardelivery.orderProc .periodWrap .period {
	vertical-align: initial;
}

.shoppingCart .tabMenu3 {
	margin: 30px 0 20px;
}

.shoppingCart .tabMenu3 li a {
	position: relative;
	display: block;
	height: 60px;
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 60px;
	letter-spacing: -0.05em;
	text-align: center;
	color: #222;
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.momRegulardelivery.orderProc .orderInfo_typeH dd.has-input {
	line-height: 40px;
}

.momRegulardelivery.orderProc .periodWrap .period {
	vertical-align: initial;
}

.orderProc .addr_info {
	float: left;
	width: 100%;
	padding-top: 40px;
}

.orderProc .addr_info .txt em {
	font-weight: bold;
}

.orderProc .addr_info .txt_list {
	padding-top: 20px;
	font-size: 12px;
}

.findStore .chatbot_contents {
	padding: 80px 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: 36px;
	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: 80px 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: 24px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.findStore .chatbot_box .chat_admin .text_box .notice {
	display: block;
	padding-top: 15px;
	font-family: 'Montserrat';
	font-size: 16px;
}

.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: 20px;
}

.findStore .chatbot_box .chat_admin .text_box .selected_box>li {
	width: calc(50% - 10px);
}

.findStore .chatbot_box .chat_admin .text_box .selected_box>li {
	height: 60px;
	line-height: 60px;
}

.findStore .chatbot_box .chat_admin .text_box .selected_box.col4>li {
	width: calc(25% - 15px);
}

.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: 100px;
	height: 60px;
	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;
}

.findStore .chatbot_box .chat_admin.map_search .tit {
	display: block;
	font-size: 36px;
	font-family: 'Montserrat';
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-bottom: 50px;
	text-align: center;
}

.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: 34px;
	border-bottom: 1px solid #f3f3f3;
}

.findStore .chatbot_box .chat_admin.map_search .search_list ul>li:not(:first-of-type)
	{
	margin-top: 38px;
}

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

.findStore .chatbot_box .chat_admin.map_search .search_list .info .name
	{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	width: 100%;
}

.findStore .chatbot_box .chat_admin.map_search .search_list .info .address
	{
	font-size: 16px;
	color: #777;
	padding-top: 14px;
	width: 100%;
}

.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: 5px;
	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: 32px;
	color: #000;
	text-align: center;
	margin-top: 6px;
}

.findStore .chatbot_box .chat_admin.map_search .pagination {
	margin-top: 60px;
}

.findStore .chatbot_box .chat_admin .box_map+.selected_box {
	display: block;
	margin-top: 70px;
}

.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: 13px 21px;
	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: 20px;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap .desc span
	{
	display: inline-block;
	margin-left: 12px;
	font-family: 'Montserrat';
	font-size: 16px;
}

.findStore .chatbot_box .chat_admin .selected_box .distance_wrap .box_distance
	{
	display: flex;
	align-items: center;
}

.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: 60px;
	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: 60px;
	height: 60px;
	color: #fff;
	background: #5887da;
}

.mypage .mbr_st_panel .userInputArea.applyChange {
	width: auto;
}

.order_pdt_list .tbl tbody td.ol_tc_delete {
	padding-right: 20px;
	text-align: right;
}

.order_pdt_list .tbl tbody td.ol_tc_delete .btn {
	width: 35px;
}

.order_pdt_list .tbl tbody td.ol_tc_delete .btn.style3 a {
	padding: 0 5px;
	font-size: 0;
}

.orderProc.orderStatement .applyInfoWrap p.changeGuide {
	padding-top: 30px;
	color: #000;
	font-weight: bold;
}

/* 정기배송추가 alert */
#addAlert {
	position: fixed;
	left: 50%;
	top: 45%;
	z-index: 50;
	width: 170px;
	height: 170px;
	margin: -85px 0 0 -85px;
	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 수정 추가 */
.orderProc .selectGiftWrap .selectGift .tit.event {
	display: inline-block;
}

.orderProc .selectGiftWrap .selectGift .my.promotion_title {
	display: inline-block;
	margin-left: 65px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

.orderProc .selectGiftWrap .selectGift ul {
	font-size: 0;
}

.orderProc .selectGiftWrap .noteType3 {
	clear: both;
	margin-left: 180px;
	padding-top: 25px;
	font-size: 13px;
}

.orderProc.orderStatement .selectGiftWrap .promotion_title {
	display: inline-block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

/* 의사몰회원가입페이지 추가 */
.register_private .registerForm.policy .all_guide .p1 {
	margin: 20px 0;
	line-height: 26px;
	padding-left: 26px;
}

.register_private .registerForm.policy .policyForm.type2 {
	border: 0;
	font-family: 'Montserrat';
}

.register_private .registerForm.policy .policyForm.pdt25 {
	padding-top: 25px !important;
}

.register_private .registerForm.policy .policyForm.input_list .input.check
	{
	margin-bottom: 20px;
}

.register_private .registerForm.policy .policyForm.input_list .input.check:nth-child(4)
	{
	margin-bottom: 0;
}

.register_private .registerForm.policy .policyForm .policy_look {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	float: right;
}

.register_private .registerForm.policy .policy_wrap {
	padding: 0 30px;
	border-top: 1px solid #222;
}

.register_private .registerForm.policy .policyForm .policy_look a {
	text-decoration: underline;
	color: #000;
	font-family: 'Montserrat';
}

.registerForm.policy .termsWrap .terms.type1 {
	height: 270px;
}

.registerForm.policy .termsWrap .terms.type2 {
	height: 90px;
}

.registerForm.policy .layerPopup .layerBody .termsWrap {
	margin-top: 0;
}

.registerForm.policy .layerPopup .layerBody .termsWrap .terms {
	height: 450px;
}

.registerForm.policy .termsWrap .terms table {
	table-layout: auto;
}

.mypage .infoModifyGate .title_type.border_type {
	padding-bottom: 15px;
	border-bottom: 1px solid #222;
}

.mypage .infoModifyGate .notice_wrap .input label {
	color: #000;
}

/* 위치기반 서비스 이용약관 추가 */
.findstorePopup .layerPopup .layerBody .layerCont p {
	font-size: 15px;
	font-weight: bold;
	color: #000;
}

.findstorePopup .layerPopup .layerBody .layerCont a.location_link {
	margin-top: 30px;
	display: inline-block;
	text-align: center;
	color: #000;
	text-decoration: underline;
}

.findstorePopup .layerPopup .layerBody .layerCont .btnWrap .btn {
	width: calc(50% - 10px) !important;
}

.findstorePopup#locationPopup2 .layerPopup .layerBody {
	padding: 70px 50px 50px !important;
}

.mypage .infoModifyGate .notice_wrap.type2 {
	margin-top: 20px;
}

.mypage .infoModifyGate .notice_wrap.type2 .notice_txt {
	font-size: 14px;
}

.mypage .infoModifyGate .inputWrapList.sms {
	padding-top: 20px;
	border-top: 1px solid #000;
}

.mypage .infoModifyGate .inputWrapList.sms th {
	color: #666;
	font-weight: 500;
	vertical-align: top;
	line-height: 1.2;
	text-align: left;
}

.mypage .infoModifyGate .inputWrapList.sms tbody tr:not(:first-of-type) th
	{
	padding: 10px 0;
}

/* 의사몰 sms 마케팅 정보 수신 여부 수정 */
.mypage.editInfo .infoModifyGate .inputWrapList.sms {
	border: none;
}

.mypage .infoModifyGate .inputWrapList.sms td label {
	margin-right: 16px;
	font-size: 14px;
	color: #222;
	vertical-align: middle;
}

/* 의사몰 장바구니 제공 사은품 확인 버튼 */
.buyWindow .scrollArea .strPdt .btn {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}

.buyWindow .scrollArea .strPdt .btn a {
	color: #fff;
}

.buyWindow .scrollArea .strPdt .btn:before {
	display: none;
}

/* 의사몰 구매시 제공될 사은품 확인 팝업 */
#offerGiftPopup .layerPopup .selectGiftWrap {
	max-height: 480px;
	overflow: auto;
}

#offerGiftPopup .layerPopup .layerBody {
	padding: 30px 50px 50px;
}

#offerGiftPopup .selectGiftWrap .selectGift {
	float: none;
	width: 100%;
	margin-top: 40px;
	box-sizing: border-box;
}

#offerGiftPopup .selectGiftWrap .selectGift:first-child {
	margin-top: 0;
}

#offerGiftPopup .selectGiftWrap .selectGift ul {
	font-size: 0;
	overflow: hidden;
	margin-top: 15px;
}

#offerGiftPopup .selectGiftWrap .selectGift ul li {
	display: inline-block;
	width: 140px;
	height: 230px;
	box-sizing: border-box;
	padding: 10px 8px 0;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
}

#offerGiftPopup .selectGiftWrap .selectGift ul li img {
	width: 110px;
	background: #f8f8f8;
}

#offerGiftPopup .selectGiftWrap .selectGift .tit.event {
	position: relative;
	display: inline-block;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #222;
	padding-left: 20px;
}

#offerGiftPopup .selectGiftWrap .selectGift .tit.event:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: "▶";
}

#offerGiftPopup .selectGiftWrap .selectGift .my.promotion_title {
	display: inline-block;
	margin-left: 65px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 16px;
	color: #222;
}

#offerGiftPopup .selectGiftWrap .selectGift ul li p {
	overflow: hidden;
	height: 40px;
	margin: 10px 0 5px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

#offerGiftPopup .selectGiftWrap .selectGift ul li p.qty {
	height: auto;
	margin-top: 5px;
	margin-bottom: 0;
}

#offerGiftPopup .selectGiftWrap .selectGift ul li p.set {
	height: auto;
	color: #5f77ba;
}

#offerGiftPopup .selectGiftWrap .selectGift ul li span {
	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;
}

#offerGiftPopup .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
	{
	background-color: rgba(0, 0, 0, 0.3);
}

/* 주문완료 */
.orderProc.orderStatement .selectGiftWrap .selectGift {
	margin-left: 0;
}

.orderProc.orderStatement .selectGiftWrap.promotion .selectGift {
	width: 85%;
	display: inline-block;
}

.orderProc .selectGiftWrap .selectGift ul li p.qty {
	height: auto;
	margin: 5px 0 10px;
}

.orderProc .selectGiftWrap .selectGift ul li p.set {
	height: auto;
	margin-bottom: 0;
	color: #5f77ba;
}

/* 주문서페이지 */
.orderProc.orderStatement #frm_memberorder .selectGiftWrap .selectGift {
	margin-left: 180px;
}

/* 마이페이지 */
.mypage .orderProc.orderStatement .selectGiftWrap .selectGift {
	margin-left: 0;
}

.orderProc .selectGiftWrap.promotion:not(:last-of-type) {
	padding-bottom: 0;
}

.orderProc .selectGiftWrap.promotion:not(:first-of-type) .formTitle {
	opacity: 0;
}

.orderProc .selectGiftWrap.promotion:not(:first-of-type) {
	border-top: 0;
}

.orderProc .procSubTotal dd .freegift {
	font-size: 16px;
}

.orderProc .procSubTotal dd .freegift span {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 18px;
	color: #5f77ba;
}

.orderProc .procSubTotal dd .freegift i {
	font-size: 18px;
}

.orderProc .formBox.GiftList .folding .formBox {
	border: 0;
	border-top: 2px solid #222;
	margin-top: 15px;
}

.orderProc .formBox.GiftList .folding .formBox .selectGift {
	margin-left: 180px;
}

.orderProc .formBox.GiftList .folding .formTitle {
	float: none;
	width: auto;
}

.orderProc .formBox.GiftList .folding .selectGift {
	float: none;
}

.orderProc .formBox.GiftList .selectGiftWrap .selectGift ul li {
	height: 230px;
}

.orderProc .selectGiftWrap .formTitle span.qty_error {
	margin-left: 15px;
	color: #ff3f3c !important;
}

.contents_full.bestPosting {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.contents_full.bestPosting .item {
	float: none;
	display: inline-block;
	margin: 0 5px;
}

.contents_full.bestPosting .item .thumb {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 220px;
}

#directText .direct_text {
	color: #ff3f3c;
	position: relative;
	padding-left: 10px;
	font-size: 13px;
}

.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: 33px;
}

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

#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;
}

@
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.shopMainB #widget {
	bottom: 105px;
}

#container.register #widget {
	display: none;
	visibility: hidden;
}

.salesguide {
	color: #000;
	padding-top: 30px;
	text-align: center;
}

.mypage.main .mbr_st_panel .mbr_rsum .manager .sales_guide {
	font-size: 13px;
}

.layerPopup .layerCont .msg .sales_manager {
	color: #222;
	font-size: 18px;
	line-height: 26px;
}

.layerPopup .layerCont .msg .sales_manager .my_address {
	font-weight: bold;
}

.mypage .infoModifyGate .common_info td #ChangeAddress {
	margin-left: 0;
	width: 195px;
	margin-top: 15px;
}

.userInputArea table tbody .corp_cont .textWrap {
	color: #666;
	padding-top: 0;
}

.userInputArea table tbody .corp_cont .inputChkWrap {
	padding-top: 10px;
}

.userInputArea table tbody .corp_cont .input {
	width: 100%;
	min-height: auto;
	line-height: 1.4;
}

.userInputArea table tbody th.word_wrap.height_ctrl {
	line-height: 40px;
}

.userInputArea table tbody th.word_wrap {
	width: 100%;
	line-height: 20px;
	text-indent: -11px;
	padding-left: 11px;
}

.userInputArea table tbody th.word_wrap span {
	position: relative;
	display: block;
	width: 100%;
}

.userInputArea table tbody th.word_wrap a {
	display: block;
	font-size: 16px;
	text-align: center;
	width: 22px;
	height: 22px;
	line-height: 20px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #888;
	border-radius: 15px;
	right: 10px;
	text-indent: initial;
}

.userInputArea table tbody .corp_cont .policy_look {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	vertical-align: middle;
}

.userInputArea table tbody .corp_cont .policy_look a {
	text-decoration: underline;
	color: #000;
}

.userInputArea table tbody .corp_cont .input {
	height: auto;
}

.userInputArea table tbody .corp_cont .input label {
	position: relative;
	padding-left: 0;
	background: 0;
	height: auto;
	padding-left: 28px;
}

.userInputArea table tbody .corp_cont .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;
}

.userInputArea table tbody .corp_cont .input input[type="checkbox"]:checked+label:before
	{
	display: inline-block;
	content: "";
	background-position: 0 -30px;
}

.userInputArea table tbody .corp_cont .input input[type="checkbox"]:disabled+label:before
	{
	display: inline-block;
	content: "";
	background: url(../images/common/bg_input_truecheck.png) no-repeat;
	background-position: 0 0;
}

.userInputArea table tbody .corp_cont .input.health3 {
	height: auto;
	min-height: 30px;
}

.userInputArea table tbody p#chk_health3-error {
	font-size: 14px;
	padding-left: 16px;
	padding-bottom: 5px;
	display: inline-block;
}

.userInputArea table tbody .corp_cont .input.height_ctrl {
	min-height: auto;
	height: auto;
}

#healthPop .msg {
	margin: 0;
	text-align: left;
	color: #ff0000;
}

.header .menuList .gnb>li .subWrap ul li:hover .menuNm2 a:after {
	left: 0;
	width: 100%;
}

.mypage .infoModifyGate .sub_wrap.type1 {
	margin: 10px 0 15px 0;
	line-height: 20px;
}

.mypage .infoModifyGate .sub_wrap .sub_txt {
	display: inline-block;
	margin: 0;
	color: #666;
}

.mypage .infoModifyGate .sub_wrap .input {
	float: right;
}

.findsalesmanForm {
	width: 560px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0;
	background: #fff;
}

.findsalesmanForm .formTitle {
	margin-bottom: 45px;
	text-align: center;
	font-size: 30px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #222;
}

.findsalesmanForm h3.formTitle {
	margin-bottom: 15px;
	text-align: left;
	font-size: 18px;
}

.findsalesmanForm.findsalesman {
	color: #222;
}

.findsalesmanForm.findsalesman button {
	color: #222;
}

.findsalesmanForm.findsalesman .formTitle {
	font-size: 20px;
	font-family: 'Montserrat';
	margin-top: 40px;
	padding: 0 12%;
}

.findsalesmanForm.findsalesman .depth_wrap {
	width: 100%;
}

.findsalesmanForm.findsalesman .depth_wrap .depth_header {
	width: 100%;
	height: 75px;
	background: #f5f6f8;
	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;
	transform: translateY(-50%);
}

.findsalesmanForm.findsalesman .depth_wrap .depth_header .header_wrap .depth_tit
	{
	position: relative;
	display: inline-block;
	margin-top: 25px;
	vertical-align: top;
	font-size: 20px;
}

.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: 18px;
	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: 15px;
}
/* .findsalesmanForm.findsalesman .depth_wrap .depth_list li:nth-child(3n) {margin-right:0;} */
.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: 500px;
	box-sizing: border-box;
	color: #3d3e42
}

.visitPopup  .pop_tit {
	color: #3d3e42;
	font-size: 20px;
}

.visitPopup  .pop_tit .main {
	font-weight: bold;
}

.visitPopup  .pop_tit .sub {
	font-size: 15px;
	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 label {
	position: relative;
}

.visitPopup .agree_wrap label:after {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	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;
}

.visitPopup .agree_wrap .txt_wrap span {
	font-size: 16px;
	font-weight: bold;
}

.visitPopup .btnWrap {
	width: 100%;
	margin-top: 35px;
	padding: 0;
}

.visitPopup .btn {
	width: 100%;
}

.visitPopup .btn a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 58px;
	font-size: 18px;
	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 .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 .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;
}

.mainContents {
	position: relative;
}

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

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

.mainContents .secTit {
	position: relative;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 32px;
	color: #222;
	text-align: center;
	padding-bottom: 50px;
}

.mainContents .secTit.line::after {
	position: absolute;
	display: block;
	content: "";
	width: 1200px;
	left: 50%;
	transform: translateX(-50%);
	height: 1px;
	background: #919191;
	bottom: 0;
}

.mainContents .secTit span {
	display: block;
	margin-top: 5px;
	font-family: 'Montserrat';
	font-size: 16px;
}

.mainContents.bestreview .contents {
	margin-top: 70px;
	position: relative;
}

.mainContents .contents .slick-dots {
	position: absolute;
	top: -140px;
	right: 0;
}

.mainContents .contents .slick-dots li {
	margin: 0 3px;
}

.mainContents .contents .slick-dots li button {
	color: #fff;
	font-size: 14px;
	text-indent: 0;
	width: 26px;
	height: 26px;
	background: #5f77ba;
	opacity: 0.5;
}

.mainContents .contents li.slick-active button {
	background: #5f77ba;
	opacity: 1;
}

.mainContents .list {
	font-size: 0;
}

.mainContents .list .item {
	position: relative;
	display: inline-block;
	width: 33.3333%;
	padding: 0 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mainContents .list .item .thumb {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 220px;
}

.mainContents .list .item .thumb img {
	width: 100%;
}

.mainContents .list .item .thumb .bestFlag {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	height: 25px;
	padding: 0 12px;
	background: #5f77ba;
	line-height: 25px;
	color: #fff;
}

.mainContents .list .item .thumb .testerFlag {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 84px;
	height: 21px;
	padding: 0 12px;
	border: 2px solid #5f77ba;
	background: #fff;
	line-height: 19px;
	text-align: center;
	color: #5f77ba;
}

.mainContents .list .item .thumb .bestFlag+.testerFlag {
	left: 116px;
}

.mainContents .list .item .date {
	margin: 15px 0 20px;
	font-size: 13px;
}

.mainContents .list .item .date span {
	float: right;
}

.mainContents .list .item .count {
	position: absolute;
	right: 25px;
	top: 215px;
	overflow: hidden;
}

.mainContents .list .item .count li {
	float: left;
	margin-left: 5px;
	font-size: 13px;
}

.mainContents .list .item .tit {
	overflow: hidden;
	height: 60px;
	font-size: 22px;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 30px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.mainContents .list .item .tit.remove {
	height: auto;
	font-family: 'Montserrat';
	font-size: 14px;
	color: #888;
}

.mainContents .list .item .user {
	margin-top: 10px;
	font-size: 13px;
}

.mainContents .list .item .user .id {
	margin-right: 10px;
	color: #222;
}

.mainContents .list .item .summary {
	font-size: 14px;
	overflow: hidden;
	max-height: 72px;
	margin: 22px 0;
	line-height: 24px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
}

.mainContents .list .item .source {
	padding-left: 20px;
	background: url("../images/experience/ico_link.png") no-repeat 2px 50%;
	font-size: 12px;
}

.mainContents .list .item .pdt_list_simple {
	position: relative;
	margin-top: 30px;
}

.mainContents .list .item .pdt_list_simple .btns {
	position: absolute;
	right: 0;
	top: -32px;
}

.mainContents .list .item .pdt_list_simple .btns a {
	position: relative;
	margin-left: 15px;
	font-size: 13px;
}

.mainContents .list .item .pdt_list_simple .btns a:before {
	position: absolute;
	left: -9px;
	top: 5px;
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #dcdcdc;
}

.mainContents .list .item .pdt_list_simple .btns a:first-child:before {
	display: none;
}

.mainContents .viewmore {
	margin-top: 0;
}

/* main bestreview */
.mainContents.bestreview .list .item .thumb {
	position: relative;
	overflow: hidden;
	height: 200px;
}

.mainContents.bestreview .list .item .thumb img {
	min-width: 100%;
}

.mainContents.bestreview .list .item .pdt_list_simple {
	margin-top: 50px;
}

.mainContents.bestreview .item .summary {
	height: 48px;
	margin-bottom: 16px;
	-webkit-line-clamp: 2;
}

/* main specialchance */
.mainContents.specialchance .pdtListType3 .list {
	margin: 0 auto;
}

.mainContents.specialchance .pdtListType3 .list:after {
	content: "";
	display: block;
	clear: both;
}

.mainContents.specialchance .contents {
	margin-top: 70px;
	position: relative;
}

.mainContents.specialchance .pdtListType3 .pdtItem {
	display: inline-block;
	width: 25%;
	padding: 0 25px;
	text-align: left;
}

.mainContents.specialchance .pdtListType3 .pdtItem .thumbnail {
	background: #f8f8f8;
}

.mainContents.specialchance .pdtListType3 .pdtItem .infoWrap .desc {
	overflow: hidden;
	margin-top: 25px;
	color: #888;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mainContents.specialchance .pdtListType3 .pdtItem .price {
	display: block;
	margin: 20px 0 10px;
	font-size: 14px;
}

.mainContents.specialchance .pdtListType3 .pdtItem .price .cost {
	margin-right: 10px;
	text-decoration: line-through;
	font-size: 14px;
	color: #888;
}

.mainContents.specialchance .pdtListType3 .pdtItem .price .vol {
	margin-top: 0;
	font-size: 14px;
}

.mainContents.specialchance .pdtListType3 .pdtItem .value {
	overflow: hidden;
	margin: 10px 0 15px;
}

.mainContents.specialchance .pdtListType3 .pdtItem .value .price {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.mainContents.specialchance .pdtListType3 .pdtItem .value .msr_price {
	display: block;
}

.mainContents.specialchance .pdtListType3 .pdtItem .value .msr_price.none_price
	{
	opacity: 0;
}

.mainContents.specialchance .pdtListType3 .pdtItem .value .qtyOption {
	display: inline-block;
	vertical-align: middle;
}

.mainContents.specialchance .pdtListType3 .pdtItem .keyword {
	border-top: none;
	padding-top: 0;
	margin-top: 16px;
}

/* mclpopup */
.mypage_popup.mclPopup .layerPopup {
	width: 1088px;
}

.mypage_popup.mclPopup h1.title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
	color: #222;
}

.mypage_popup.mclPopup h1.title span {
	margin-left: 4px;
	font-size: 14px;
	font-family: 'Montserrat';
	color: #666;
}

.mypage_popup.mclPopup .notice_wrap+h1.title {
	margin-top: 30px;
}

.mypage_popup.mclPopup .sub_txt {
	margin: 10px 0 30px 0;
	line-height: 20px;
	color: #9c9595;
}

.mypage_popup.mclPopup .table_wrap {
	text-align: center;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #888;
}

.mypage_popup.mclPopup .table_wrap table th {
	height: 52px;
	font-size: 14px;
	line-height: 26px;
	color: #222;
	font-family: 'Montserrat';
	font-weight: bold;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.mypage_popup.mclPopup .table_wrap table th:last-child {
	border-right: 0;
}

.mypage_popup.mclPopup .table_wrap table tbody td {
	padding: 25px 0;
	font-size: 14px;
	line-height: 26px;
	color: #666;
	border-right: 1px solid #eee;
}

.mypage_popup.mclPopup .table_wrap table tbody td:last-child {
	border-right: 0;
}

.mypage_popup.mclPopup .notice_wrap {
	margin-top: 20px;
}

.mypage_popup.mclPopup .notice_wrap:after {
	display: block;
	content: '';
	clear: both;
}

.mypage_popup.mclPopup .notice_wrap .notice_txt {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #888;
}

.mypage_popup.mclPopup .notice_wrap .input {
	float: right;
}

.mypage_popup.mclPopup .inputWrapList.sms {
	padding-top: 20px;
	border-top: 1px solid #000;
}

.mypage_popup.mclPopup .inputWrapList.sms th {
	color: #666;
	font-weight: 500;
	vertical-align: top;
	line-height: 1.2;
	text-align: left;
}

.mypage_popup.mclPopup .inputWrapList.sms tbody tr:not(:first-of-type) th
	{
	padding: 10px 0;
}

.mypage.editInfo .infoModifyGate .inputWrapList.sms {
	border: none;
}

.mypage_popup.mclPopup .inputWrapList.sms td label {
	margin-right: 32px;
	font-size: 14px;
	color: #222;
	vertical-align: middle;
}

/* top banner */
.top_banner {
	position: relative;
	min-width: 1280px;
	height: 240px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 80% 0;
}

.top_banner.type2 {
	background-position: 0 0;
}

.top_banner .inner {
	display: flex;
	max-width: 1580px;
	min-width: 1280px;
	height: 100%;
	margin: 0 auto;
	justify-content: flex-start;
	align-items: center;
}

.top_banner.type2 .inner {
	justify-content: flex-end;
}

.top_banner h2 {
	justify-content: flex-start;
	align-items: center;
	width: calc(100% - 2%);
	margin: 0;
	padding-left: 2%;
	font-size: 36px;
	line-height: 50px;
	text-align: left;
}

.top_banner.type2 h2 {
	justify-content: center;
	padding-right: 2%;
}

.right-ban-text {
	width: auto !important;
}

.left-ban-text {
	text-align: left !important;
}

.top_banner.about01 {
	background-image: url("../images/banner/img_top_brand01.png?ver=20251022");
	background-position: right -20px top 0;
}

.top_banner.about02 {
	background-image: url("../images/banner/img_top_brand02.png?ver=20251022");
}

.top_banner.about03 {
	background-image: url("../images/banner/img_top_brand03.png?ver=20251022");
	background-position: right -86px top 0;
}

.top_banner.about04 {
	background-image: url("../images/banner/img_top_brand04.png?ver=20251022");
	background-position: right -70px top 0;
}

.top_banner.event {
	background-image: url("../images/banner/img_top_event.png");
}

.top_banner.store {
	background-image: url("../images/banner/img_top_store.png");
}

.top_banner.ask {
	background-image: url("../images/banner/img_top_ask.png");
}

.top_banner.derma {
	background-image: url("../images/banner/img_top_derma.png");
}

.top_banner.news {
	background-image: url("../images/banner/img_top_news.png");
}

.top_banner.product {
	background-image: url("../images/banner/img_top_product.png");
}

/*products-slide*/
.top_banner .topVisual {
	position: relative;
	height: 240px;
}

.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 !important;
	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 .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 .numCount {
	font-size: 14px;
}

.top_banner .topVisual .slideUnit .progress {
	width: 160px;
	display: block;
	height: 2px;
	overflow: hidden;
	margin: 0 15px 0 12px;
	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;
}

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

.top_banner .topVisual .slideUnit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	left: 70%;
	bottom: 44px;
	z-index: 5;
	width: 1200px;
	height: 15px;
	margin-left: -600px;
}

.top_banner .topVisual .numCount {
	font-size: 14px;
}

.top_banner .topVisual .slideUnit .progress {
	width: 160px;
	display: block;
	height: 2px;
	overflow: hidden;
	margin: 0 15px 0 12px;
	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;
}

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

.top_banner .topVisual .slideUnit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	left: 70%;
	bottom: 44px;
	z-index: 5;
	width: 1200px;
	height: 15px;
	margin-left: -600px;
}

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

.top_banner .topVisual .slideUnit .slick-arrow:after {
	background-color: transparent;
	content: "";
}

.top_banner .topVisual .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;
	left: -234px;
	position: inherit;
	top: -1px;
}

.top_banner .topVisual .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;
	position: inherit;
	top: -1px;
}

/*.top_banner .topVisual h2.pageTitle {
	padding-left: 10%;
	width: 90%;
    height: 100%;
	display: flex;
    align-items: center;
}*/
.top_banner .topVisual h2.pageTitle {
	padding-left: 2%;
	width: calc(100% - 2%);
    height: 100%;
	display: flex;
    align-items: center;
}
.top_banner .topVisual h2.pageTitle .pageTitle-num {
	font-size: 20px;
	vertical-align: 15px;
	font-family: 'Montserrat';
	font-weight: bold;    
	display: block;
    margin-top: -15px;
}

.top_banner .topVisual .slick-dots {
	position: absolute;
	bottom: 30px;
}

.slide.product01 {
	background-image: url("../images/banner/img_top_product01.png");
}
.slide.product02 {
	background-image: url("../images/banner/img_top_product02.png");
}
.slide.product03 {
	background-image: url("../images/banner/img_top_product03.png");
}
.slide.product04 {
	background-image: url("../images/banner/img_top_product04.png");
}
.slide.product05 {
	background-image: url("../images/banner/img_top_product05.png");
}

.slide.product_clinic01 {
	background-image: url("../images/banner/img_top_product_clinic01.png");
}
.slide.product_clinic02 {
	background-image: url("../images/banner/img_top_product_clinic02.png");
}
.slide.product_clinic03 {
	background-image: url("../images/banner/img_top_product_clinic03.png");
}
.slide.product_clinic04 {
	background-image: url("../images/banner/img_top_product_clinic04.png");
}
.slide.product_clinic05 {
	background-image: url("../images/banner/img_top_product_clinic05.png");
}

/*//products-slide*/

/*.top_banner .topVisual*/
.area_txt {
	padding: 39px 0;
	background-color: #f3f5f9;
	font-size: 18px;
	color: #000;
	text-align: center;
}
/* store */
.contents_wide.store .inner h3 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 28px;
}

.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: 33.76%;
	margin: 30px 0;
}

.contents_wide.store .box_online .inner .list_store {
	width: 66.23%;
}

.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: 20%;
  font-size: 20px;
  color: #333;
}
.contents_wide.store .box_online .inner .list_platform_korea {
  display: flex;
  width: 80%;
  justify-content: flex-end;
  flex-wrap: wrap;
  row-gap: 13px;
}
.contents_wide.store .box_online .inner .list_platform{
  display: flex;
  width: 80%;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 13px;
}
.contents_wide.store .box_online .inner .list_platform_korea li {
  width: 120px;
  display: block;
  text-align: right;
}
.contents_wide.store .box_online .inner .list_platform_korea li.kakaoGift {
  width: 145px;
} 
.contents_wide.store .box_online .inner .list_platform_korea a,
.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%;
}

.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(5, 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;
}
/* adviceskin */
.askList {
	margin: 44px 0 60px;
}

.askList>ul>li {
	position: relative;
	min-height: 220px;
	border-bottom: 1px solid #ededed;
}

.askList>ul>li>a {
	display: block;
	padding: 70px 440px 50px 0;
}

.askList>ul>li span {
	display: block;
}

.askList>ul>li .title {
	margin-bottom: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 20px;
}

.askList>ul>li .sub_txt {
	margin-bottom: 35px;
	font-size: 16px;
}

.askList>ul>li .period {
	font-size: 14px;
	color: #aaa;
}

.askList>ul>li span.img {
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}

.askList>ul>li span.img img {
	width: 383px;
	height: 220px;
	object-fit: contain;
}

.wrap_recommend {
	margin-top: 75px;
	border-top: 1px solid #ebebeb;
}

.wrap_recommend .pageTitle {
	margin: 80px 0 55px;
}

.wrap_recommend .pdtListType3 .pdtItem .infoWrap .name {
	margin-top: 20px;
}

.wrap_recommend .pdtListType3 .pdtItem .keyword {
	margin-top: 35px;
}
.wrap_recommend .pdtListType3 .pdtItem .thumbnail picture{
	height: 100%;
    display: block;
    width: 100%;
}
.wrap_recommend .pdtListType3 .pdtItem .thumbnail picture img {
	width: 100%;
	height: 100%;
}

/* sitemap */
.sitemapWrap .titleArea {
	margin: 75px 0 85px;
}

.sitemapWrap .titleArea .title {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 44px;
}

.sitemapWrap .mapInner {
	margin-bottom: 60px;
}

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

.sitemapWrap .mapInner .wrapDepth1>div {
	width: 50%;
}

.sitemapWrap .mapInner .wrapDepth2 {
	display: flex;
}

.sitemapWrap .mapInner .wrapDepth2>div {
	width: 33.33%;
}

.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%;
	/*background: transparent !important;*/
}

.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 {
	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-track {
	height: 450px;
}

.slick-prev:before, .slick-next:before {
	color: black;
	font-size: 30px;
}

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

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

.slick-next {
	right: 0
}

.tiktokWrap {
	padding-bottom: 55px;
}

.tiktokWrap .slick-prev {
	background-size: 40px auto;
}

.tiktokWrap .slick-arrow::after {
	background-size: 40px auto;
}

.thumb {
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.thumb img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.tit {
	overflow: hidden;
	height: 60px;
	margin-top: 20px;
	font-size: 20px;
	line-height: 30px;
	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;
}

.txt {
	display: block;
	margin: 15px 0 0;
	line-height: 24px;
	font-size: 16px;
	color: #aaa;
}

.slick-slide {
	width: calc(( 100% - 40px)/3); /* 가운데 슬라이드만 마진 20px * 2 고려 */
	margin: 0 20px !important; /* 초기에는 마진 없도록 고정 */
	box-sizing: border-box;
	transition: margin 0.15s ease, padding 0.15s ease;
} /* 부드러운 전환 */
.slick-slide:nth-l(3n) {
	margin-right: 0 !important; /* 마지막 아이템은 마진 제거 */
}

* /






.slick-list {
	height: 450px !important;
}

.new-margin-15 {
	margin: 0 15px;
}

.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 !important;
	justify-content: flex-start
}

.new-line {
	height: 1px;
	width: 100%;
	background-color: #d9d9d9;
	margin-bottom: 20px
}

.slick-dots {
	width: 100%;
	text-align: center;
}

.new-flex.single-item {
	width: 100%;
}

.new-flex.single-item .slick-track {
	width: calc(100% + 15px) !important;
}

.new-flex.single-item .slick-track .item {
	width: 454px !important;
}

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

.re-more-bg {
	height: auto !important;
}

.re-more-text {
	overflow-y: auto !important;
	height: 135px !important;
	
}
/*상품상세*/
.pdt_renewal .visual {
	height: auto !important;
}
.line_acica_new.pdt_renewal .visual {
	height: auto !important;
	min-height: 2026px !important;
}
.line_atobarrier_new.pdt_renewal .visual {
	height: auto !important;
	min-height: 284px !important;
	background-size: 100% auto !important;
}
.new_acica_toner.pdt_renewal .box {
	height: auto !important;
}


/* 1566px 이하부터 1408px 이상까지 */
@media (max-width: 1568px) and (min-width: 1409px) {
    .pdtItem .thumbnail img {
       width: 354px;
       height: 354px;
    }
}

/* 1408px 이하 */
@media (max-width: 1408px) {
    .pdtItem .thumbnail img {
        width: 311px;
        height: 311px;
    }
}

/*메인비주얼*/
.mainVisual-sildeinner {
	position: relative;
    overflow: hidden;
    width: auto;
    height: 100%;
    max-width: 1580px;
    min-width: 1290px;
    margin: 0 auto;
}