@charset "utf-8";

/*****************************************************************************************
   Web Font
**************************************************************************************/
@font-face {
	font-family: 'Kaushan';
	src: url('//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/Kaushan Script.otf'),
		url('//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/Kaushan Script.eot'),
		url('//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/Kaushan Script.eot')
			format('eot'),
		url('//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/Kaushan Script.woff')
			format('woff'),
		url('//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/Kaushan Script.ttf')
			format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*@font-face {*/
/*    font-family:"Noto Sans KR";*/
/*    src: url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Black.otf"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Black.eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Black.eot") format("eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Black.woff") format("woff"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Black.ttf") format("truetype");*/
/*    font-weight:800;*/
/*    font-style:normal;*/
/**/
/*}*/
/*@font-face {*/
/*    font-family:"Noto Sans KR";*/
/*    src: url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Bold.otf"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Bold.eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Bold.eot") format("eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Bold.woff") format("woff"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Bold.ttf") format("truetype");*/
/*    font-weight:bold;*/
/*    font-style:normal;*/
/**/
/*}*/
/*@font-face {*/
/*    font-family:"Noto Sans KR";*/
/*    src: url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Regular.otf"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Regular.eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Regular.eot") format("eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Regular.woff") format("woff"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Regular.ttf") format("truetype");*/
/*    font-weight:normal;*/
/*    font-style:normal;*/
/*}*/
/**/
/*@font-face {*/
/*    font-family:"Noto Sans KR";*/
/*    src: url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Medium.otf"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Medium.eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Medium.eot") format("eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Medium.woff") format("woff"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Medium.ttf") format("truetype");*/
/*    font-weight:500;*/
/*    font-style:normal;*/
/*}*/
/**/
/*@font-face {*/
/*    font-family:"Noto Sans KR";*/
/*    src: url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-DemiLight.otf"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-DemiLight.eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-DemiLight.eot") format("eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-DemiLight.eot?#iefix") format("embedded-opentype"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-DemiLight.woff") format("woff"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-DemiLight.ttf") format("truetype");*/
/*    font-weight:300;*/
/*    font-style:normal;*/
/*}*/
/*@font-face {*/
/*    font-family:"Noto Sans KR";*/
/*    src: url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Light.otf"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Light.eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Light.eot") format("eot"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Light.woff") format("woff"),*/
/*    url("//d2i2w6ttft7yxi.cloudfront.net/site_img/css/fonts/NotoSansKR-Light.ttf") format("truetype");*/
/*    font-weight:100;*/
/*    font-style:normal;*/
/*}*/

/*************************************************************
    기본설정
 *************************************************************/
* {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: normal;
	box-sizing: border-box;
	line-height: 1em;
}

*:focus {
	outline: none;
}

html,
body {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
	/*    margin: 0;*/
	/*    padding: 0;*/
	/*    font-size: 16px;*/
	/*    color: #000;*/
	/*    letter-spacing:-0.5px;*/
}
hr {
	border: none;
}

body {
	font-size: 16px;
}

header,
footer,
nav {
	display: block;
}

ul,
ol {
	list-style: none;
}

img,
button {
	border: 0 none;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: normal;
}

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

em {
	font-style: normal;
}

a,
u,
a:hover {
	text-decoration: none;
	color: #000;
}

a {
	outline: 0;
}

textarea {
	resize: none;
}

input,
select,
textarea {
	outline: none;
	box-shadow: none;
}

button {
	cursor: pointer;
	background-color: #fff;
}

button:focus {
	outline: none;
}

/*************************************************************
    Header
 *************************************************************/
.layout-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 10;
	width: 100%;
	min-width: 1280px;
}
.ui-header {
	width: 1280px;
	height: 80px;
	margin: 0 auto;
	max-width: 100%;
	min-width: 1280px;
}
.ui-header:after {
	display: table;
	clear: both;
	content: '';
}
.ui-header .header-left {
	float: left;
}
.ui-header .header-right {
	float: right;
}
.layout-header .img-logo {
	float: left;
	padding: 24px 0 0 0;
	margin-left: -4px;
}
.layout-header .img-logo a {
	display: inline-block;
	font-size: 28px;
	color: #000;
	font-family: 'Kaushan';
}
.layout-header .form-search {
	display: inline-block;
	float: left;
	margin: 20px 0 0 24px;
	position: relative;
	width: 256px;
	border-radius: 20px;
	background-color: #f8f8f8;
}
.layout-header .form-search .btn-search {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 12px;
	margin: -12px 0 0 0;
	width: 24px;
	height: 24px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_search.png)
		no-repeat;
}
.layout-header .form-search input {
	display: block;
	padding: 10px 36px 11px 24px;
	width: 100%;
	font-size: 12px;
	border: none;
	background: none;
}
.wrap-real-time {
	float: left;
	width: 182px;
	position: relative;
	padding: 28px 0 28px 24px;
}
.wrap-real-time .list-real-time {
	overflow: hidden;
	height: 24px;
}
.wrap-real-time .list-real-time li {
	padding-bottom: 28px;
}
.wrap-real-time .list-real-time li a {
	color: #565656;
	font-size: 12px;
	font-weight: bold;
}
.wrap-real-time .list-real-time li a .list-num {
	display: inline-block;
	width: 25px;
	font-size: 14px;
	color: #fec123;
	font-weight: 800;
}
.wrap-real-time .btn-view {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -14px 0 0 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_header_arrow.png)
		no-repeat;
}
.box-real-time {
	display: none;
	position: absolute;
	top: 75%;
	left: 16px;
	width: 305px;
	box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #ebebeb;
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.box-real-time .btn-close {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/btn_realtime_close.png)
		no-repeat;
}
.box-real-time .box-label {
	padding: 16px;
	border-bottom: 1px solid #ebebeb;
}
.box-real-time .box-label .txt-label {
	display: inline-block;
	padding: 1px 7px;
	background-color: #fffaed;
	color: #fec123;
	font-weight: 500;
	font-size: 12px;
	border-radius: 4px;
}
.box-real-time .btn-close {
	display: inline-block;
	position: absolute;
	top: 16px;
	right: 16px;
	width: 16px;
	height: 16px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/btn_realtime_close.png)
		no-repeat;
}
.box-real-time .list-realtime {
	padding: 16px;
	overflow: hidden;
}
.box-real-time .list-realtime li {
	float: left;
	width: 50%;
}
.box-real-time .list-realtime li a {
	display: block;
	padding: 10px 0;
	color: #565656;
	font-size: 12px;
	font-weight: 300;
}
.box-real-time .list-realtime li a .list-num {
	display: inline-block;
	width: 25px;
	color: #fec123;
	font-weight: 800;
}

.box-real-time .box-time {
	padding: 10px;
	background-color: #fbfbfb;
	text-align: right;
	color: #646464;
	font-size: 10px;
	border-top: 1px solid #ebebeb;
}

/*.layout-header .list-header-menu {float:left; padding: 30px 48px 30px 0;}*/
.layout-header .list-header-menu {
	float: left;
	padding: 30px 0px 0px 0;
}
.layout-header .list-header-menu li {
	float: left;
	padding-left: 48px;
}
.layout-header .list-header-menu li a {
	display: inline-block;
	position: relative;
	color: #424242;
	font-size: 14px;
	line-height: 20px;
}
.layout-header .list-header-menu li a .tag-mission {
	display: inline-block;
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 48px;
	margin-left: -24px;
	padding: 3px 5px;
	text-align: center;
	background-color: #fec123;
	border-radius: 8px;
	color: #fff;
	font-weight: 500;
	font-size: 10px;
}
.list-global {
	float: left;
	padding: 26px 0 0 0;
}
.list-global li {
	float: left;
	margin: 0 0 0 24px;
}
.list-global li a {
	display: inline-block;
	position: relative;
}
li a .icon-message {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_message.png)
		no-repeat;
}
li a .data-num {
	display: inline-block;
	padding: 0 2px;
	min-width: 12px;
	position: absolute;
	top: -3px;
	right: -3px;
	background-color: #ff6666;
	font-weight: 800;
	line-height: 12px;
	color: #fff;
	font-size: 10px;
	border-radius: 50%;
	font-style: normal;
	text-align: center;
}
li a .icon-like {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_like_t.png)
		no-repeat;
}
.list-global li a .icon-recent-product {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_recent_product.png)
		no-repeat;
}
.list-global li a .icon-account {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_account.png)
		no-repeat;
}
.list-global li a .data-num {
	display: inline-block;
	padding: 0 2px;
	min-width: 12px;
	position: absolute;
	top: -3px;
	right: -3px;
	background-color: #ff6666;
	font-weight: 800;
	line-height: 12px;
	color: #fff;
	font-size: 10px;
	border-radius: 50%;
	font-style: normal;
	text-align: center;
}

/*************************************************************
    Contents
 *************************************************************/
.layout-contents {
	padding: 80px 0 0 0;
}
.layout-contents .bg-banner {
	display: block;
}
.wrap-hash-tag {
	border-bottom: 1px solid #ebebeb;
}
.ui-hash-tag {
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	max-width: 100%;
	min-width: 1280px;
}
.wrap-hash-tag .txt-tag-label {
	display: inline-block;
	float: left;
	margin: 13px 16px 0 0;
	padding: 6px 5px;
	font-size: 12px;
	color: #fec123;
	font-weight: 500;
	border-radius: 4px;
	background-color: #fffaed;
}
.slider-tag {
	display: block;
	padding: 12px 0;
	height: 48px;
	position: relative;
	overflow: hidden;
}
.slider-tag a.txt-rolling {
	display: inline-block;
	margin-right: 8px;
	padding: 6px 7px;
	background-color: #ecf3ff;
	color: #446fff;
	font-size: 12px;
	font-weight: 300;
	border-radius: 12px;
}
.slider-tag .slick-prev {
	position: absolute;
	right: 40px;
	bottom: 0;
}
.slider-tag .slick-next {
	position: absolute;
	right: 0;
	bottom: 0;
}
.slider-tag .slick-prev,
.slider-tag .slick-next {
	width: 40px;
	height: 48px;
	background-color: #fff;
	font-size: 0;
	z-index: 4;
}
.slider-tag .slick-prev:before,
.slider-tag .slick-next:before {
	display: inline-block;
	position: absolute;
	top: 50%;
	margin: -12px 0 0 0;
	width: 24px;
	height: 24px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/btn_slider_arrow.png)
		no-repeat;
	content: '';
}
.slider-tag .slick-prev:before {
	right: 4px;
}
.slider-tag .slick-next:before {
	left: 4px;
}
.slider-tag .slick-next:before {
	transform: rotate(180deg);
}
/*.slider-tag:after {position:absolute; right:80px; top:0;width:48px; height:48px; background-image: linear-gradient(to left, #ffffff, rgba(238, 238, 238, 0) 80%); content:'';z-index:10;}*/
.wrap-list-form.type-form {
	margin: 48px 0 0 0;
	padding: 0 0 65px 0;
	background-color: #fafafa;
}
.wrap-list-form .sub-text {
	font-family: Noto Sans KR;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	color: #211e1e;
	margin-bottom: 16px;
}
.wrap-list-form .txt-form-label {
	padding: 0 0 16px 0;
	font-size: 20px;
	color: #211e1e;
	font-weight: bold;
}
.wrap-list-form .txt-form-label .btn-add-view {
	float: right;
	font-size: 14px;
	line-height: 30px;
	color: #676767;
}
.wrap-list-form .txt-form-label .btn-add-view:after {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 7px 0 0 8px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_add_view.png)
		no-repeat;
	vertical-align: top;
	content: '';
}
.wrap-list-form .txt-form-label .ui-tabs {
	display: inline-block;
	padding-left: 24px;
	vertical-align: top;
	margin: -3px 0 0 0;
}
.wrap-list-form .txt-form-label .ui-tabs .txt-tab {
	display: inline-block;
	padding: 7px 12px;
	font-size: 14px;
	color: #646464;
	font-weight: 500;
	vertical-align: top;
}
.wrap-list-form .txt-form-label .ui-tabs .txt-tab.is-selected {
	background-color: #4c4c4c;
	color: #fff;
	border-radius: 16px;
}
.wrap-list-form .ui-list-form {
	width: 1280px;
	margin: 0 auto;
	padding: 48px 0 0 0;
	max-width: 100%;
	min-width: 1280px;
}
.wrap-list-form .list-form:after {
	display: table;
	content: '';
	clear: both;
}
.wrap-list-form .list-form li {
	float: left;
}
.wrap-list-form .list-form li + li {
	margin-left: 20px;
}
.wrap-list-form .list-form li a.box-form {
	display: block;
	width: 305px;
	border-radius: 16px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
	background-color: #fff;
	border: 1px solid transparent;
}
.wrap-list-form .list-form li a.box-form:hover {
	box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #c9c9c9;
}
.wrap-list-form .list-form li a.box-form .image-photo {
	display: inline-block;
	float: left;
	margin: 22px 8px 0 16px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
}
.wrap-list-form .list-form li a.box-form .image-photo img {
	display: block;
	width: 100%;
	height: 100%;
}
.wrap-list-form .list-form li a.box-form .data-form {
	display: block;
	padding: 21px 0;
	overflow: Hidden;
}
.wrap-list-form .list-form li a.box-form .data-form .txt-title {
	display: block;
	padding: 0 5px 8px 0;
	color: #3e3d3c;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wrap-list-form .list-form li a.box-form .data-form .txt-day {
	display: inline-block;
	background-color: #fafafa;
	border-radius: 4px;
	font-size: 12px;
	line-height: 18px;
	padding: 2px 8px;
	color: #646464;
	font-weight: 100;
}
.wrap-list-form .list-form li a.box-form .data-form .txt-name {
	display: block;
	padding: 8px 0 0 0;
	color: #8e8e8e;
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
}
.list-form2:after {
	display: table;
	clear: both;
	content: '';
}
.list-form2 li {
	float: left;
	max-height: 406px;
}
.list-form2 li + li {
	margin-left: 20px;
}
.list-form2 li .box-form {
	display: block;
	position: relative;
	width: 240px;
	border-radius: 6px;
	background-color: #ffffff;
	overflow: hidden;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
	border: 1px solid #f4f4f4;
	cursor: pointer;
}
.list-form2 li .box-form:hover {
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #c9c9c9;
}
.list-form2 li .box-form .image-photo {
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.list-form2 li .box-form img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.list-form2 li .box-form .btn-like {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 37px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_like.png)
		no-repeat;
}
.list-form2 li .box-form .btn-like2 {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 37px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_like2.png)
		no-repeat;
}
.list-form2 li .box-form .data-form {
	padding: 16px;
}
.list-form2 li .box-form .data-form .txt-title {
	height: 48px;
	font-size: 16px;
	color: #3d3b3a;
	font-weight: 500;
	line-height: 24px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.list-form2 li .box-form .data-form .txt-calen {
	padding: 7px 0 0 0;
	overflow: hidden;
}
.list-form2 li .box-form .data-form .txt-calen:before {
	display: inline-block;
	float: left;
	width: 24px;
	height: 25px;
	margin: -2px 8px 0 0;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_calen.png)
		no-repeat;
	content: '';
	vertical-align: top;
}
.list-form2 li .box-form .data-form .txt-calen .txt-day {
	display: inline-block;
	float: left;
	padding: 1px 4px;
	border-radius: 4px;
	background-color: #fafafa;
	color: #646464;
	font-size: 12px;
	font-weight: 100;
	line-height: 18px;
}
.list-form2 li .box-form .data-form .txt-user {
	padding: 8px 0 0 0;
}
.list-form2 li .box-form .data-form .txt-user:after {
	display: table;
	clear: both;
	content: '';
}
.list-form2 li .box-form .data-form .txt-user .txt-id {
	float: left;
	color: #8e8e8e;
	font-size: 12px;
	font-weight: 300;
	line-height: 24px;
	max-width: 60%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/*.list-form2 li .box-form .data-form .txt-user .txt-id:before {display:inline-block; width:24px; height:24px; margin-right:8px; background:url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_wichhat.png) no-repeat; content:''; vertical-align:top;}*/
.list-form2 li .box-form .data-form .txt-user .txt-id .profile {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_wichhat.png)
		no-repeat;
	content: '';
	vertical-align: top;
}
.list-form2 li .box-form .data-form .txt-user .txt-num {
	float: right;
	line-height: 24px;
	color: #8e8e8e;
	font-size: 12px;
	font-weight: 300;
}

.slider-box {
	display: inline-block;
	width: 300px;
	float: left;
}
.slider-box .box-form {
	display: block;
	position: relative;
	width: 240px;
	border-radius: 6px;
	background-color: #ffffff;
	overflow: hidden;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
	border: 1px solid #f4f4f4;
	cursor: pointer;
}
.slider-box .box-form:hover {
	box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #c9c9c9;
}
.slider-box .box-form .image-photo {
	position: relative;
	aspect-ratio: 1/1;
	overflow: hidden;
}
.slider-box .box-form img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slider-box .box-form .btn-like {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 37px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_like.png)
		no-repeat;
}
.slider-box .box-form .btn-like2 {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 37px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_like2.png)
		no-repeat;
}
.slider-box .box-form .data-form {
	padding: 16px;
}
.slider-box .box-form .data-form .txt-title {
	height: 48px;
	font-size: 16px;
	color: #3d3b3a;
	font-weight: 500;
	line-height: 24px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.slider-box .box-form .data-form .txt-calen {
	padding: 7px 0 0 0;
	overflow: hidden;
}
.slider-box .box-form .data-form .txt-calen:before {
	display: inline-block;
	float: left;
	width: 24px;
	height: 25px;
	margin: -2px 8px 0 0;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_calen.png)
		no-repeat;
	content: '';
	vertical-align: top;
}
.slider-box .box-form .data-form .txt-calen .txt-day {
	display: inline-block;
	float: left;
	padding: 2px 8px;
	border-radius: 4px;
	background-color: #fafafa;
	color: #646464;
	font-size: 12px;
	font-weight: 100;
	line-height: 18px;
}
.slider-box .box-form .data-form .txt-user {
	padding: 8px 0 0 0;
}
.slider-box .box-form .data-form .txt-user:after {
	display: table;
	clear: both;
	content: '';
}
.slider-box .box-form .data-form .txt-user .txt-id {
	float: left;
	color: #8e8e8e;
	font-size: 12px;
	font-weight: 300;
	line-height: 24px;
	max-width: 60%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/*.slider-box .box-form .data-form .txt-user .txt-id:before {display:inline-block; width:24px; height:24px; margin-right:8px; background:url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_wichhat.png) no-repeat; content:''; vertical-align:top;}*/
.slider-box .box-form .data-form .txt-user .txt-id .profile {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_wichhat.png)
		no-repeat;
	content: '';
	vertical-align: top;
}

.slider-box .box-form .data-form .txt-user .txt-num {
	float: right;
	line-height: 24px;
	color: #8e8e8e;
	font-size: 12px;
	font-weight: 300;
}

.slider-box .box-form .data-time {
	display: inline-block;
	padding: 5px 8px 4px 8px;
	position: absolute;
	bottom: 15px;
	left: 16px;
	border-radius: 8px;
	background-color: rgba(0, 0, 0, 0.7);
	font-size: 10px;
	color: #fff;
	font-weight: 500;
}
.slider-box .box-form .data-time:before {
	display: inline-block;
	margin: -3px 4px 0 0;
	width: 16px;
	height: 16px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_time.png)
		no-repeat;
	content: '';
	vertical-align: top;
}
.slick-list {
	overflow: hidden;
	width: 100%;
}
.slider-box {
	width: 260px !important;
}
.slider-box.type-size {
	width: 325px !important;
}
.slider-box.type-size .box-form {
	width: 305px;
}

.list-slider {
	position: relative;
}

.list-slider .slick-prev,
.list-slider .slick-next {
	display: inline-block;
	position: relative;
	width: 36px;
	height: 36px;
	font-size: 0;
	border-radius: 50%;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.list-slider .slick-prev {
	position: absolute;
	top: 50%;
	right: 100%;
	margin-right: 20px;
}
.list-slider .slick-next {
	position: absolute;
	top: 50%;
	left: 100%;
	margin-left: 20px;
}

.list-slider .slick-prev:before,
.list-slider .slick-next:before {
	width: 8px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_list_slider_arrow.png)
		no-repeat;
	content: '';
}
.list-slider .slick-next:before {
	transform: rotate(180deg);
}

.open-form {
	position: relative;
	margin: 48px 0 0 0;
}
.open-form:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	min-height: 300px;
	background-color: #fff9ee;
	content: '';
}
.open-form .open-form-in {
	position: relative;
	width: 1280px;
	margin: 0 auto;
	padding: 48px 0 0 325px;
}
.open-form .form-label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 96px 0 0 0;
	width: 325px;
	color: #211e1e;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
}
.open-form .form-label .txt-det {
	position: relative;
	margin: 48px 0 0 0;
	padding: 24px 0 0 0;
	color: #565656;
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
}
.open-form .form-label .txt-det:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	border-top: 2px solid #211e1e;
	content: '';
}

.list-slider2 .slick-prev,
.list-slider2 .slick-next {
	display: inline-block;
	width: 36px;
	height: 36px;
	font-size: 0;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}
.list-slider2 .slick-prev {
	position: absolute;
	top: 312px;
	left: 0;
	margin-right: 0;
}
.list-slider2 .slick-next {
	position: absolute;
	top: 312px;
	left: 44px;
	margin-left: 0;
}

.list-slider2 .slick-prev:before,
.list-slider2 .slick-next:before {
	width: 8px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_list_slider_arrow.png)
		no-repeat;
	content: '';
}
.list-slider2 .slick-next:before {
	transform: rotate(180deg);
}

.list-slider2 .slider-box {
	width: 323px !important;
}
.list-slider2 .slider-box .box-form {
	width: 303px;
	cursor: pointer;
}

.list-instagram {
	padding-bottom: 49px;
	overflow: hidden;
}
.box-instagram {
	display: inline-block;
	float: left;
	position: relative;
	width: 240px;
	height: 240px;
	border-radius: 4px;
	overflow: hidden;
	vertical-align: middle;
}
.box-instagram img {
	display: block;
	width: 100%;
	height: 100%;
}
.box-instagram + .box-instagram {
	margin-left: 20px;
}
.box-instagram:hover .txt-comment {
	display: table;
}
.box-instagram .txt-comment {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 240px;
	height: 240px;
	background-color: rgba(0, 0, 0, 0.35);
	padding: 0 15px;
}
.box-instagram .txt-comment .txt-comment-in {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
	font-weight: 300;
}
.box-instagram .icon-instagram {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 16px;
	right: 16px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_instagram.png)
		no-repeat;
	z-index: 4;
}

.wrap-info {
	height: 56px;
	border-top: 1px solid #dadada;
	overflow: hidden;
}
.ui-info {
	width: 1280px;
	margin: 0 auto;
}
.ui-info .info-label {
	float: left;
	margin-right: 36px;
	line-height: 56px;
	font-size: 14px;
	color: #484848;
	font-weight: bold;
}
.ui-info .list-info {
	overflow: hidden;
}
.ui-info .list-info li {
	height: 56px;
}
.ui-info .list-info li a {
	line-height: 56px;
	font-size: 14px;
	color: #282828;
	font-weight: 100;
	overflow: Hidden;
}
.ui-info .list-info li a .txt-day {
	float: right;
	font-size: 14px;
	line-height: 56px;
	color: #282828;
	font-weight: 300;
}

.layout-panel {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 30;
}
.wrap-panel {
	position: absolute;
	top: 0;
	right: 0;
	width: 353px;
	height: 100%;
	background-color: #fff;
	right: -353;
	transition: 0.4s;
}
.wrap-panel .btn-close-panel {
	display: inline-block;
	position: absolute;
	top: 24px;
	right: 24px;
	width: 24px;
	height: 24px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_panel_close.png)
		no-repeat;
}
.wrap-panel .pabel-label {
	padding: 24px;
	font-weight: 500;
	font-size: 16px;
	color: #211e1e;
	border-bottom: 1px solid #ebebeb;
}

.tabs-line {
	border-bottom: 1px solid #ebebeb;
	overflow: Hidden;
}
.tabs-line a {
	display: block;
	height: 56px;
	line-height: 56px;
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
	color: #565656;
	font-size: 14px;
	font-weight: 300;
}
.tabs-line a.is-selected {
	font-weight: 500;
	color: #565656;
}
.tabs-line a.is-selected:after {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -48px;
	width: 94px;
	border-bottom: 4px solid #565656;
	content: '';
}

.wrap-panel .panel-tabs-contents .list-option {
	padding: 18px 23px 16px 23px;
	overflow: hidden;
}
.wrap-panel .panel-tabs-contents .list-option .data-num {
	float: left;
	font-size: 12px;
	color: #565656;
	font-weight: 300;
}
.wrap-panel .panel-tabs-contents .list-option .btn-all-del {
	float: right;
	display: inline-block;
	padding: 5px 6px;
	margin: -3px 0 0 0;
	border-radius: 4px;
	background-color: #f1f1f1;
	font-size: 12px;
	color: #696969;
	font-weight: 300;
}
.list-panel {
	position: absolute;
	top: 184px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}
.list-panel li {
	padding: 0 24px 0 24px;
}
.list-panel li img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.list-panel li + li {
	padding-top: 12px;
}
.list-panel .box-list {
	position: relative;
	display: block;
	height: 120px;
	padding: 0 16px 0 16px;
	border-radius: 16px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
	border: 1px solid transparent;
	cursor: pointer;
}
.list-panel .box-list .image-photo {
	display: inline-block;
	margin: 22px 0 0 0;
	float: left;
	margin-right: 8px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.list-panel .box-list .data-panel {
	display: block;
	overflow: hidden;
}

.list-panel .box-list .data-panel .txt-title {
	padding: 21px 0 9px 0;
	font-size: 16px;
	color: #3e3d3c;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-panel .box-list .data-panel .txt-day {
	padding-bottom: 8px;
}
.list-panel .box-list .data-panel .txt-day .txt-day-box {
	display: inline-block;
	padding: 4px 6px;
	border-radius: 4px;
	background-color: #fafafa;
	font-size: 12px;
	font-weight: 100;
	color: #646464;
}
.list-panel .box-list .data-panel .txt-name {
	font-size: 12px;
	color: #8e8e8e;
	font-weight: 300;
}
.list-panel .box-list .btn-list-del {
	display: inline-block;
	position: absolute;
	top: 16px;
	right: 16px;
	width: 16px;
	height: 16px;
	background: url(//d2i2w6ttft7yxi.cloudfront.net/site_img/images/index/icon_panel_list_del.png)
		no-repeat;
}

/*************************************************************
        Footer
     *************************************************************/
.layout-footer {
	padding: 63px 0;
	background-color: #fbfbfb;
	border-top: 1px solid #8e8e8e;
	min-width: 1280px;
	width: 100%;
}
.ui-footer {
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	max-width: 100%;
	min-width: 1280px;
}
.ui-footer .footer-left {
	float: left;
}
.ui-footer .footer-right {
	float: right;
}
.ui-footer .txt-footer {
	float: left;
	margin-right: 96px;
}
.ui-footer .txt-footer dt {
	padding: 0 0 16px 0;
	font-size: 16px;
	font-weight: bold;
	color: #484848;
}
.ui-footer .txt-footer dd {
	color: #282828;
	font-size: 14px;
	line-height: 26px;
	font-weight: 100;
}
.ui-footer .txt-footer dd ul li a {
	color: #282828;
	font-size: 14px;
	line-height: 26px;
	font-weight: 100;
}

.wrap-page {
	width: 100%;
	min-width: 1280px;
}

/* 윗치페이지이동버튼css */
.myWitchPage {
}

/* 윗치페이지링크버튼css */
.form_btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 14px;
}

.form_contact {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	width: 106px;
	border-radius: 10.7px;
	border: solid 0.5px #979797 !important;
	background-color: #fff;

	font-size: 13px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #565656;
	padding: 10px 0;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.form_witchpage {
	width: 106px;
	border-radius: 10.7px;
	background-color: #fec123;

	font-size: 13px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image-photo {
	position: relative;
}

.image-photo .safe {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 6px 10px;
	border-radius: 4px;
	background-color: #63c78a;
	font-family: Pretendard;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
}