@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height: 100%;
	font-size: 62.5%;
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff;
	font-size: 13px;   /* ie */
	font-size: 1.3rem; /* 13px */
	-webkit-text-size-adjus: none;
	letter-spacing: -.13px;
	font-family:'Pretendard', Malgun Gothic, "맑은 고딕", AppleGothic, '돋움', Dotum, sans-serif;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
button {
	border: 0;
	background: transparent;
	cursor: pointer;
	font-family:'Pretendard', sans-serif, 'Noto Sans KR', Malgun Gothic, "맑은 고딕", AppleGothic, '돋움', Dotum, sans-serif;
}
img {
	border: 0;
	outline: none;
	vertical-align: middle;
	max-width: 100%;
}
a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
address, em {
	font-style: normal;
}
b, strong {
	font-weight: 700;
}
caption, legend {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: -3000px;
	text-indent: -10000px;
}
small {
	font-size: 1.1rem;
}
input,
textarea{
	font-family:'Pretendard', Malgun Gothic, "맑은 고딕", AppleGothic, '돋움', Dotum, sans-serif;
}

input:focus,
button:focus,
textarea:focus {
	outline: none;
}
input::-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; }
input::-moz-placeholder { color: #999; }
textarea::-ms-input-placeholder { color: #999; }
textarea::-webkit-input-placeholder { color: #999; }
textarea::-moz-placeholder { color: #999; }

input:focus,
textarea:focus {
	border: 1px solid #333;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}








/* common class */
.inner{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
.container{
	position: relative;
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
}
.hidden{
	position: absolute;
	text-indent: -9999px;
}
.truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.obj-m{
	display: none;
}
.enter-m{
	display: none;
}
.img-m{
	display: none;
}
.info-m{
	display: none;
}


@media only screen and (max-width: 1200px){
	.inner{
		margin: 0 20px;
	}
}
@media only screen and (max-width: 1024px){
	.obj-pc{
		display: none;
	}
}
@media only screen and (max-width: 991px) {
	.enter-pc {
		display: none;
	}
	.enter-m{
		display: block;
	}
	.obj-m{
		display: block;
	}
}
@media only screen and (max-width: 768px) {
	.img-pc{
		display: none;
	}
	.img-m{
		display: block;
	}
	.info-pc{
		display: none;
	}
	.info-m{
		display: block;
	}
	.container {
		position: relative;
		width: 100%;
		min-width: auto;
		overflow-x: hidden;
		overflow-y: hidden;
	}
}


/* form */
.form-control{
	position: relative;
	display: inline-block;
	width: 100%;
	color: #333;
	font-size: 15px;
	letter-spacing: -.4px;
	padding: 15px 18px 14px;
	border-radius:4px;
	border: 1px solid #EBEBEB;
	background: #fff;
}

.note {
	margin: 14px 0;
	font-size: 14px;
	word-break:keep-all;
}
.text-center {
	text-align: center !important;
}
.text-left{
	text-align: left !important;
}
.text-right {
	text-align: right !important
}


/* input type radio */
input[type="radio"]{
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}
input[type="radio"] + span{
	color: #666;
	font-size: 15px;
}


/* input type checkbox */
.input-chk{
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.input-chk+.input-chk {
	margin-left: 10px;
}

.input-chk input+span {
	display: inline-block;
	margin-left: 26px;
}
.input-chk input[type=checkbox] {
	display: none;
}

.input-chk input[type=checkbox]+span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	background: url("/images/common/ico_checkbox.svg") no-repeat left center;
}
.input-chk input[type=checkbox]:checked+span:before {
	background: url("/images/common/ico_checkbox_on.svg") no-repeat center;
}




.img-area {
	position: relative
}

.table {
	width: 100%
}
.table>thead>tr>th,.table>tbody>tr>td {
	padding: 10px 15px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}
.table-list>thead>tr>th,.table-list>tbody>tr>th,.table-list>tbody>tr>td {
	padding: 24px 20px;
	font-weight: 400;
}
.table-list>thead>tr>th {
	border: solid #000;
	border-width: 2px 0 1px;
	background: #fff;
}
.table-list>tbody>tr>th,.table-list>tbody>tr>td {
	border-bottom: 1px solid #e6e6e6;
	vertical-align: middle;
}
.table-list>tbody>tr>th img,.table-list>tbody>tr>td img {
	vertical-align: middle;
}
.table-simple>thead>tr>th,.table-simple>tbody>tr>th,.table-simple>tbody>tr>td {
	padding: 20px 18px;
	font-weight: 300;
	vertical-align: middle;
	font-size: 15px;
}
.table-simple>tbody>tr:first-child th,.table-simple>tbody>tr:first-child td {
	border-top: 2px solid #000;
}
.table-simple>tbody>tr>th,.table-simple>tbody>tr>td {
	border-bottom: 1px solid #e6e6e6;
}
.table-simple>tbody>tr>td {
	text-align: left;
	color: #666;
}
.table-dark>thead>tr>th {
	padding: 18px 0;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #fff;
	background: #000;
	border: solid 1px #4d4d4d;
	border-bottom-width: 0;
}
.table-dark>tbody>tr>th,.table-dark>tbody>tr>td {
	padding: 16px 0;
	font-size: 18px;
	font-weight: 400;
	border: solid 1px #e6e6e6;
}
.table-navy > thead > tr > th{
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.1475;
	padding: 20px;
	border-bottom: 1px solid #252B41;
	border-right: 1px solid #1C2031;
	background: #252B41;
}
.table-navy > tbody > tr > th,
.table-navy > tbody > tr > td{
	word-break: keep-all;
	font-size: 17px;
	line-height: 1.236;
	padding: 37px;
	border: 1px solid #EBEBEB;
}
.table-navy ul li small{
	display: inline-block;
	color: #999;
	font-size: 14px;
	line-height: 1.215;
}
.table-guide{
	color: #666;
	margin-top: 20px;
}
.table-guide li{
	position: relative;
	font-size: 14px;
	line-height: 1.215;
	padding-left: 13px;
}
.table-guide li::before{
	content: '';
	position: absolute;
	top: 7px;
	left: 4px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #666;
}
.table-guide li + li{
	margin-top: 9px;
}
.table-guide li.caution{
	color: #F65555;
}
@media only screen and (max-width: 1024px) {
	.table-navy > thead > tr > th{
		font-size: 15px;
		line-height: 1.1;
		padding: 18px;
	}
	.table-navy > tbody > tr > td{
		font-size: 15px;
		line-height: 1.2;
		padding: 32px 10px;
	}
}

@media only screen and (max-width: 991px){
	.table-navy > thead > tr > th{
		font-size: 14px;
		padding: 16px;
	}
	.table-navy > tbody > tr > td{
		font-size: 14px;
		padding: 20px 10px;
	}
	.table-navy ul li small{
		font-size: 13px;
	}
}

@media only screen and (max-width: 768px){
	.table-navy .division-width{
		width: 25% !important;
	}
}

@media only screen and (max-width: 575px){
	.table-navy > thead > tr > th,
	.table-navy > tbody > tr > td{
		font-size: 13px;
	}
}

@media only screen and (max-width: 425px){
	.table-navy > thead > tr > th,
	.table-navy > tbody > tr > td{
		font-size: 12px;
	}
	.table-navy ul li small{
		font-size: 11px;
	}
}

.table-terms>thead>tr>th,.table-terms>tbody>tr>th,.table-terms>tbody>tr>td {
	padding: 10px 15px;
	font-weight: 400;
	font-size: 14px;
}
.table-terms>thead>tr>th {
	border: 1px solid #e6e6e6;
	border-bottom-width: 0;
	background: #f5f5f5;
}
.table-terms>tbody>tr>th {
	text-align: center;
}
.table-terms>tbody>tr>th,.table-terms>tbody>tr>td {
	border: 1px solid #e6e6e6;
}
.table-hover>tbody>tr:hover {
	background: #f5f5f5;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-ms-transition: background .3s ease;
	-o-transition: background .3s ease;
	transition: background .3s ease;
}


.btn {
	display: inline-block;
	padding: 6px 12px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid rgba(0,0,0,0)
}
.btn:hover {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.btn-block {
	width: 100%;
	display: block
}
.btn-white {
	color: #999;
	background: #fff;
}
.btn-white:focus,.btn-white:hover {
	background: #fafafa
}
.btn-white-line {
	border: 1px solid #fff;
	color: #fff;
	background: rgba(0,0,0,0)
}
.btn-white-line:focus,.btn-white-line:hover {
	color: #333;
	background: #f7f7f7
}
.btn-black {
	background: #000;
	border: 1px solid #000;
	color: #fff
}
.btn-black:focus,.btn-black:hover {
	background: #000
}
.btn-black-line {
	border: 1px solid #000;
	color: #000;
	background: #fff
}
.btn-black-line:focus,.btn-black-line:hover {
	background: #f7f7f7
}
.btn-red {
	background: #ff2037;
	border: 1px solid #ff2037;
	color: #fff
}
.btn-red:focus,.btn-red:hover {
	background: #ec0018
}
.btn-outline-brown{
	color: #AC8C6D;
	border: 1px solid #AC8C6D;
}
.btn-lg {
	padding: 16px 30px;
	font-size: 1.8rem;
	font-weight: 400
}

.btn-md {
	padding: 12px 20px;
	font-size: 1.5rem
}

.btn-round {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px
}

.btn-wrap{
	font-size: 0;
}
.btn-wrap a + a{
	margin-left: 8px;
}
.btn-wrap :is(.btn-more, .btn-download, .btn-more-link){
	position: relative;
	display: inline-block;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.215;
	vertical-align: middle;
	padding: 14px 44px 13px 26px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
}
.btn-wrap :is(.btn-more, .btn-download, .btn-more-link)::after{
	content: '';
	position: absolute;
}
.btn-wrap .btn-more::after{
	top: 18px;
	right: 19px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
}
.btn-wrap :is(.btn-download, .btn-more-link)::after{
	top: 16px;
	right: 23px;
	width: 12px;
	height: 12px;
}
.btn-wrap .btn-download::after{
	background: url("/images/sub/ico_download.svg") no-repeat center;
	background-size: 100%;
}
.btn-wrap .btn-more-link::after{
	background: url("/images/sub/ico_link.svg") no-repeat center;
	background-size: 100%;
}

@media only screen and (max-width: 575px){
	.btn-wrap a + a{
		margin-left: 6px;
	}
	.btn-wrap :is(.btn-more, .btn-download, .btn-more-link){
		font-size: 12px;
		line-height: 1;
		padding:13px 42px 12px 17px;
	}
	.btn-wrap .btn-more::after{
		top:48%;
		right: 17.3%;
		width: 5px;
		height: 5px;
		transform: rotate(45deg) translateY(-50%);
	}
	.btn-wrap :is(.btn-download, .btn-more-link)::after{
		width: 10px;
		height: 10px;
		top: 52%;
		right: 17.3%;
		transform: translateY(-50%);
	}
}

.info-view {
	padding: 200px 0 140px;
}
.info-view a {
	display: block;
}
@media only screen and (max-width: 768px) {
	.info-view {
		padding: 0;
	}
}

.tab-menu-area{
	width: 100%;
	background: #efefef;
}

.tab-menu-area .tab-menu{
	width: 100%;
	display: table;
	table-layout: fixed;
}

.tab-menu-area .tab-menu li{
	padding: 20px 10px;
	display: table-cell;
	font-size: 1.5rem;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tab-menu-area .tab-menu li.active{
	color: #fff;
	background: #333;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	font-weight: 600;
}
@media only screen and (max-width:  768px) {

	.tab-menu-area .tab-menu{
		border-collapse: collapse;
	}

	.tab-menu-area .tab-menu li{
		padding: 2.5vw 2vw;
		font-size: 3.4vw;
	}

}
/*.row:before,.row:after,.container:before,.container:after,.inner:before,.inner:after,.inner-md:before,.inner-md:after,.login-index:before,.login-index:after {*/
/*	content: " ";*/
/*	display: table*/
/*}*/

/*.row:after,.container:after,.inner:after,.inner-md:after,.login-index:after {*/
/*	clear: both*/
/*}*/


#miricanvas .section1 .txt h2 span,.table caption {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	text-indent: -9999;
	clip: rect(0 0 0 0)
}

.membership-index .menu span:after,#sms-section #sms-list .sms-close:before,.calendar .calendar-select .next:after,.calendar .calendar-select .prev:before,.count-num button:before,.table .cont-area .answer-area .tit:before,.table .cont-area .view-area .file-down:before,#about .section4 dl+dl:before,#about .about-menu span:before,#info .section3 .move-arrow,#intro .section4 ol li p:before,#intro .section4 ol li p:after,#intro .section1 .btn-scroll:after,#intro .section1 .btn-scroll,.modal .modal-close,.ico,.popup-section .slick-arrow,.tab-section .slick-dots li button:before,.step-section .slick-arrow,.banner-section .slick-arrow,.skin-slider .slick-arrow-wrap .slick-arrow i {
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
	background: url("/images/common/icon.png") no-repeat;
}
@media only screen and (max-width: 768px) {
	.membership-index .service-area .menu span:after, .calendar .calendar-select .next:after, .calendar .calendar-select .prev:before, .form-area .captcha-area button:before, .form-area .form-cell>label.req:after, .notice-area .grid-view .grid-cont .answer-cont .tit:before, .notice-area .grid-view .grid-cont .file-down:before, .notice-area .grid-tit .view span:before, #about .section4 dl+dl:before, #about .about-menu span:before, #info .section3 .move-arrow, .modal .modal-close, .ico, .tab-section .slick-dots li button:before{
		background: url("/images/common/icon_m.png") no-repeat;
		background-size: 500px;
	}
}



/* col */
*[class*=col-] {
	float: left;
	position: relative
}

.col-12 {
	width: 100%
}

.col-11 {
	width: 91.6666666667%
}

.col-10 {
	width: 83.3333333333%
}

.col-9 {
	width: 75%
}

.col-8 {
	width: 66.6666666667%
}

.col-7 {
	width: 58.3333333333%
}

.col-6 {
	width: 50%
}

.col-5 {
	width: 41.6666666667%
}

.col-4 {
	width: 33.3333333333%
}

.col-3 {
	width: 25%
}

.col-2 {
	width: 16.6666666667%
}

.col-1 {
	width: 8.3333333333%
}

.txt-red {
	color: #f84a62
}


/* modal */
.modal-show {
	overflow:hidden;
}
.modal.modal-show {
	visibility: visible;
	display: block
}
.modal.modal-show .modal-content {
	opacity: 1;
	filter: alpha(opacity=100);
}
.modal {
	display: none;
	position: absolute;
	top: 0;
	overflow: auto;
	width: 750px;
	max-height: 700px;
	margin: 0 auto;
	z-index:10000002;
	border: 1px solid #000;
	background: #fff;
}
.modal .modal-header {
	position: relative;
	padding: 55px 50px 0;
	text-align: center
}
.modal .modal-header h2 {
	display: inline-block;
	font-size: 2.6rem;
	font-weight: 600
}
.modal .modal-close {
	position: absolute;
	top: 45px;
	right: 50px;
	margin: 10px 15px;
	width: 26px;
	height: 26px;
	overflow: hidden;
	font-size: 0;
	text-indent: -3000px;
	z-index: 10;
	cursor: pointer;
	background-position: -250px -100px
}
.modal .modal-content {
	position: relative;
	padding: 40px 50px
}
.modal-show .modal-overlay {
	visibility: visible;
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-transition: all,.5s;
	-moz-transition: all,.5s;
	-ms-transition: all,.5s;
	-o-transition: all,.5s;
	transition: all,.5s
}
.modal-overlay {
	position: fixed;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index:10000001;
	opacity: .6;
	filter: alpha(opacity=60)
}
.modal-lg {
	max-width: 900px;
	min-width: 640px
}
.modal-sm {
	max-width: 500px;
	min-width: 500px
}
@media only screen and (max-width: 768px) {

	.modal.modal-show .modal-content {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.modal {
		display: none;
		position: absolute;
		top: 0;
		overflow: auto;
		width: 90%;
		max-height: 95vh;
		margin: 0 auto;
		z-index: 10001;
		border: 1px solid #000;
		background: #fff
	}

	.modal .modal-header {
		position: relative;
		padding: 10vw 8vw 0;
		text-align: left
	}

	.modal .modal-header h2 {
		display: inline-block;
		font-size: 6vw;
		font-weight: 400
	}

	.modal .modal-close {
		position: absolute;
		top: 7vw;
		right: 5vw;
		margin: 3vw;
		width: 18px;
		height: 18px;
		background-position: -50px 0
	}

	.modal .modal-content {
		position: relative;
		padding: 10vw 8vw
	}

	.modal-sm{
		position: fixed;
		width: 100%;
		height: 100%;
		max-width: unset;
		min-width: unset;
		max-height: 100%;
		left: 0;
		top: 0;
		border: 0
	}

	.modal-lg{
		position: fixed;
		width: 100%;
		height: 100%;
		max-width: unset;
		min-width: unset;
		max-height: 100%;
		left: 0;
		top: 0;
		border: 0
	}

	.modal-lg .modal-header {
		padding: 7vw 8vw;
		position: fixed;
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #ddd;
		z-index: 2
	}

	.modal-lg .modal-header .modal-close {
		top: 4vw
	}

	.modal-lg .modal-content {
		padding-top: 32vw;
		z-index: 1
	}

	.modal-show .modal-overlay {
		visibility: visible;
		opacity: .6;
		filter: alpha(opacity=60);
		-webkit-transition: all,.5s;
		-moz-transition: all,.5s;
		-ms-transition: all,.5s;
		-o-transition: all,.5s;
		transition: all,.5s
	}

	.modal-overlay {
		position: fixed;
		visibility: hidden;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		z-index: 10000;
		opacity: .6;
		filter: alpha(opacity=60)
	}
	.modal img{
		width:100%;
	}
}


/* 접속장애상담 */
#sms-section #sms-list.sms-open {
	bottom: 0 !important;
	z-index: 1001;
}
#sms-section #sms-list{
	z-index:-1;
	position: fixed;
	bottom: -200%;
	right:80px;
	width: 320px;
	height:auto;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	overflow-y:auto;
	background: #fff;
	padding:40px 24px 22px 24px;
	border-radius: 13px 13px 0 0;
	box-shadow:0px 0px 20px 4px rgba(0,0,0,0.12);
}
#sms-section #sms-list .sms-close {
	display: none;
	width: 30px;
	height: 30px;
	position: absolute;
	top:-5px;
	right:0;
}
#sms-section #sms-list .sms-close:before {
	cursor: pointer;
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background-position: -443px -93px;
}
#sms-section #sms-list .sms-cont .sms-tit{
	position:relative;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 24px;
}
#sms-section #sms-list .sms-cont .form-area {
	width: 100%;
	margin-top: 0;
}
#sms-section #sms-list .sms-cont .form-area .form-cell:first-child{
	margin-top: 0;
}
#sms-section #sms-list .sms-cont .form-area .form-cell+.form-cell {
	margin-top: 20px
}
#sms-section #sms-list .sms-cont .form-area .form-cell input[type=text],
#sms-section #sms-list .sms-cont .form-area .form-cell input[type=password] {
	width: 100%;
	padding: 8px 0 12px;
	font-size: 1.4rem;
	border-color:#000;
	border-style:solid;
	border-width:0 0 1px 0;
}
#sms-section #sms-list textarea {
	margin-bottom: 20px;
	padding: 10px;
	font-size: 1.4rem;
	line-height:1.4;
}
#sms-section #sms-list .agree-area {
	padding: 0;
	border-bottom: none;
}
#sms-section #sms-list .agree-area textarea {
	margin-top:8px;
	background: #f5f5f5;
	color: #666;
	font-size:1.3rem;
}
@media(max-width: 991px){
	#sms-section #sms-list{
		right: 0;
		width: 100%;
		padding:20px;
		border-radius:0;
	}
	#sms-section #sms-list.sms-open {
		height: 100% !important;
		z-index: 99999999;
	}
	#sms-section #sms-list .sms-cont{
		height: 100%;
		padding:8% 5%;
		border: none;
		border-radius:0;
	}
	#sms-section #sms-list .sms-cont .form-area{
		max-width: 100%;
	}
	#sms-section #sms-list .sms-cont form{
		padding-bottom:30px;
	}
}

/* 제휴문의 */
.partnership {
	text-align: center;
	padding: 42px 0 61px;
	background:#1D1F36;
}
.partnership .partnership-wrap {
	max-width: 560px;
	min-width: 320px;
	padding: 0 30px;
	margin: 0 auto;
}
.partnership .popup-tit {
	padding: 0 36px 0 37px;
}
.partnership .popup-tit .tit{
	width: 386px;
}
.partnership .popup-tit .obj{
	width: 392px;
	margin-top: 9px;
}
.partnership .popup-tit p{
	word-break: keep-all;
	color: #BBC2CD;
	font-size: 15px;
	line-height: 1.534;
	margin: 8px auto 20px;
}
.partnership .popup-tit .info-label{
	color: #fff;
	display: inline-block;
	padding: 13px 25px 15px 21px;
	border-radius: 24px;
	background: #292C46;
}
.partnership .popup-tit .info-label span{
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
}
.partnership .popup-tit .info-label .tel{
	padding-right: 20px;
}
.partnership .popup-tit .info-label .tel::before,
.partnership .popup-tit .info-label .mail::before{
	position: relative;
	display: inline-block;
	top: 4px;
	width: 22px;
	height: 18px;
	padding-right: 4px;
}
.partnership .popup-tit .info-label span::before,
.partnership .popup-tit .info-label span::after{
	content: '';
}
.partnership .popup-tit .info-label .tel::before{
	background: url("/images/common/ico_call.svg") no-repeat;
}
.partnership .popup-tit .info-label .mail::before{
	background: url("/images/common/ico_mail.svg") no-repeat;
}
.partnership .form-area .form-cell{
	margin-top: 24px;
}
.partnership .form-area .form-cell>label.tit{
	color: #ECECEC;
	line-height: 1.2;
}
.partnership .form-area .form-cell>label.tit.req:after{
	vertical-align: 6px;
	margin-left: 5px;
	background: #FA546C;
}
.partnership .form-area .form-cell input[type="text"],
.partnership .form-area .form-cell input[type="email"],
.partnership .form-area .form-cell input[type="tel"],
.partnership .form-area textarea{
	width:100%;
	color: #fff;
	font-size: 15px;
	line-height: normal;
	padding: 12px 15px 13px;
	border: 1px solid #3B3D54;
	background: #27293F !important;
}
.partnership .form-area textarea{
	padding: 15px 20px;
	line-height: 1.5;
}
.partnership .form-area .input-file{
	right: 0;
}
.partnership .input-chk input+span{
	color: #ECECEC;
	font-weight: 400;
}
.partnership .form-area .file-area .upload-field{
	color: #ECECEC;
	font-size: 13px;
	font-weight: 500;
	line-height:1;
	padding: 11px 13px;
	height:35px;
	margin-right: 5px;
	background: #121428;
}
.partnership .form-area .agree-area{
	text-align: left;
	padding: 10px 0 0;
	border-bottom: none;
}
.partnership .form-area .agree-area .input-chk.chk-sm{
	font-size: 15px;
	margin-bottom: 12px;
	line-height: 1.2;
}
.partnership .form-area .agree-area .input-chk.chk-sm::after{
	content: " ";
	display: inline-block;
	width: 4px;
	height: 4px;
	vertical-align: 6px;
	margin-left: 3px;
	background: #fc4c4e;
	border-radius: 50%;
}
.partnership .input-chk input[type=checkbox]+span:before{
	background: url("/images/common/ico_partnership_checkbox.svg") no-repeat left center;
}
.partnership .input-chk input[type=checkbox]:checked+span:before{
	background: url("/images/common/ico_partnership_checkbox_on.svg") no-repeat left center;
}
.partnership .form-area .agree-area .agreement-box{
	color: #fff;
	font-size: 14px;
	height: 110px;
	border: 1px solid #3B3D54;
	background: #27293F;
}
.partnership .form-area .agree-area .agreement-box h5{
	font-weight: 600;
	margin-bottom: 12px;
}
.partnership .form-area .agree-area .agreement-box ul{
	margin-bottom: 12px;
}
.partnership .form-area .agree-area .agreement-box ul li{
	position: relative;
	padding-left: 10px;
}
.partnership .form-area .agree-area .agreement-box li + li{
	margin-top: 4px;
}
.partnership .form-area .agree-area .agreement-box li:last-child strong{
	display: inline-block;
}
.partnership .form-area .agree-area .agreement-box ul li em{
	display: inline-block;
	vertical-align: top;
}
.partnership .form-area .agree-area .agreement-box ul li em::before{
	content: " ";
	position: absolute;
	top: 11px;
	left: 0;
	width: 6px;
	height: 1px;
	background: #666;
}
.partnership .form-area .agree-area div p{
	margin-bottom: 0;
}
.partnership .form-area{
	margin-top: 52px;
}
.partnership .btn-lg{
	color: #1D1F36;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.177;
	margin-top: 30px;
	background: linear-gradient(#E0BB7C, #D0AD71);
}
@media screen and (max-width: 425px){
	.partnership .popup-tit{
		padding: 0 10px 0;
	}
	.partnership-wrap{
		padding: 0 20px;
	}
	.partnership .popup-tit p{
		font-size: 14px;
		width: 80%;
	}
	.partnership .popup-tit .info-label span{
		font-size: 16px;
	}
	.partnership .popup-tit .info-label .tel{
		padding: 0 0 4px 0;
	}
	.partnership .popup-tit .info-label{
		padding: 12px 0 18px;
		width: 80%;
	}
}


/* header */
header{
	position:sticky;
	top:0;
	background: #1E2023;
	transition: top 0.2s ease-in-out;
	z-index:99;
}
.header-wrap{
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 18px 0 19px;
}
@media(min-width:1200px){
	.header-wrap, footer .footer-wrap{
		max-width: 1280px;
	}
}
.header-wrap h1{
	margin-top: 4px;
}
.header-wrap h1 a{
	display: inline-block;
}
.header-wrap h1 a.blogpay{
	width: 107px;
	height: 28px;
	background: url("/images/common/logo_blogpay.svg") no-repeat center;
	background-size: 100%;
}
.header-wrap h1 a.payapp{
	width: 78px;
	height: 28px;
	margin-left: 6px;
	background: url("/images/common/logo_withpayapp.svg") no-repeat;
	background-position: top 11px left 0;
}
.header-wrap .gnb-area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.header-wrap .gnb-area .gnb{
	font-size: 0;
	margin-right: 195px;
}
.header-wrap .gnb-area .gnb a{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.188;
	padding: 12px 32px;
}
.header-wrap .gnb-area .util{
	font-size: 0;
}
.header-wrap .gnb-area .util a{
	font-size: 15px;
	padding: 12px;
}
.header-wrap .gnb-area .util .btn-join{
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	padding: 10px 22px;
	margin-left: 10px;
	border-radius: 50px;
	background: linear-gradient(90deg, rgb(227, 30, 143) 40%, rgb(255, 205, 3) 95%) 80% 0% / 200% 800%;
	animation: joinBg 11s ease infinite;
}
@keyframes joinBg {
	0% {background-position:100% 0%;}
	55% {background-position:45% 0%;}
	100% {background-position:100% 0%;}
}
.header-wrap #all-menu,
.header-wrap aside{
	display: none;
}
/* 모바일 메뉴 */
@media(max-width:991px){
	.header-wrap.inner:before{
		display: none !important;
	}
}
.header-wrap #all-menu{
	display: none;
	position: absolute;
	top: 8px;
	right: -11px;
	width: 40px;
	height: 40px;
	padding: 0;
	background: url("/images/common/ico_menu.svg") no-repeat center;
	background-size: 18px auto;
}
#aside-cont {
	width: 100%;
	height: 100%;
	background:url(/images/common/bg_aside.png)no-repeat;
	background-size:cover;
	box-shadow:-4px 0 8px rgba(0,0,0,.15);
	transition: all,.2s ease;
}
#aside-cont .side-menu{
	height:100%;
}
#aside-cont .side-menu .scroll-y{
	height:100vh;
	overflow-y:auto;
}
#aside-cont.slide-left {
	visibility: visible;
	transform: translate(0, 0);
	z-index: 10001;
}
.side-menu .top-area{
	position:absolute;
	top:0;
	right:0;
	left:0;
	padding:18px 52px 18px 18px;
}
.side-menu .top-area .all-close {
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:62px;
	background:url("/images/common/btn_m_gnb_close.png")no-repeat center;
	background-size:22px;
}
.side-menu .m-gnb-area{
	padding-top:12vh;
}
.side-menu .m-gnb-area a{
	display:block;
	padding:16px 32px 15px;
	color:#fff;
	font-size:20px;
	font-weight:500;
	line-height:1.35;
	text-align:center;
}
.side-menu .sample-wrap{
	display:flex;
	justify-content:center;
	padding-bottom:26vh;
	margin:20px auto 0;
}
.side-menu .sample-wrap a{
	flex:0 1 auto;
	padding:10px 6px;
	color:#7c6250;
	font-size:14px;
	font-weight:700;
	text-align:center;
}
.side-menu .sample-wrap a:first-child{
	margin-right:16px;
}
.side-menu .sample-wrap a::before{
	content:'';
	display:inline-block;
	width:17px;
	height:17px;
	margin-right:4px;
	vertical-align:text-top;
}
.side-menu .sample-wrap a.btn-sample-order::before{
	background:url("/images/common/ico_ordersheet.svg")no-repeat center;
	background-size:100%;
}
.side-menu .sample-wrap a.btn-sample-shop::before{
	background:url("/images/common/ico_bag.svg");
	background-size:100%;
}
.side-menu .aside-bottom{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
}
.side-menu .btn-aside-join{
	display:block;
	width:calc(100% - 60px);
	padding:1px;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
	line-height:1.35;
	border-radius:4px;
	text-align:center;
	background: linear-gradient(90deg, rgb(227, 30, 143) 40%, rgb(255, 205, 3) 95%) 80% 0% / 200% 800%;
	animation: joinBg 11s ease infinite;
}
.side-menu .btn-aside-join span{
	display:block;
	padding:12px;
	border-radius:2px;
}
.side-menu .btn-aside-join span em{
	color:#fff;
}
.side-menu .btn-aside-login{
	display:inline-block;
	padding:1px;
	margin:0 auto;
	font-size:13px;
	font-weight:bold;
	line-height:1.35;
	border-radius:50px;
	background:linear-gradient(135deg,  #f7444e 0%,#ec3069 100%);
	text-align:center;
}
.side-menu .btn-aside-login span{
	display:block;
	padding:5px 13px 4px 15px;
	border-radius:50px;
	background:rgba(0,0,0,.8);
}
.side-menu .btn-aside-login span em{
	position:relative;
	background: -webkit-linear-gradient(#f7444e, #ec3069);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.side-menu .btn-aside-login  span em::after{
	content:'';
	position:relative;
	top:-1px;
	display:inline-block;
	margin-left:6px;
	width:5px;
	height:5px;
	border:solid #ec3069;
	border-width:1px 1px 0 0;
	transform:rotate(45deg);
}
.side-menu .btn-aside-cs{
	display:block;
	padding:20px 20px 16px;
	margin-top:16px;
	color:#adadad;
	font-size:14px;
	background:rgba(0,0,0,.3);
	text-align:center;
}
.side-menu .btn-aside-cs em{
	font-weight:bold;
}
.drawer-overlay{
	background-color:rgba(0,0,0,.4);
	backdrop-filter:blur(12px);
}
.drawer--right .drawer-nav{
	right:-100%;
	min-width: 290px;
	max-width:480px;
	width:100%;
	z-index:10000001;
}
.drawer-nav{
	background-color:transparent;
}
@media(max-width:1200px){
	.header-wrap .gnb-area{
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex: 0 0 72%;
	}
	.header-wrap .gnb-area .gnb{
		margin-right:0;
		flex:1;
		margin-right:3vw;
	}
	.header-wrap .gnb-area .gnb a{
		padding:12px 4%;
	}
}
@media(max-width:991px){
	.header-wrap{
		height: 56px;
	}
	.header-wrap h1{
		margin-top: 7px;
	}
	.header-wrap h1 a.payapp,
	.header-wrap .gnb-area{
		display: none;
	}
	.header-wrap h1 a.blogpay{
		width: 73px;
		height: 19px;
	}
	.header-wrap .gnb-area {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
	}
	.header-wrap .gnb-area .util .btn-join{
		padding:7px 14px 6px;
		margin-right:36px;
		font-size:13px;
	}
	.header-wrap #all-menu,
	.header-wrap aside{
		display: block;
		z-index:99999999;
	}
}


/* top banner */
.top-section{
	overflow: hidden;
	position: relative;
}
.top-section .close-btn{
	z-index: 1;
	position: absolute;
	top: 50%;
	right:24px;
	width: 24px;
	height: 24px;
	background: url(/images/banner/banner_close.svg) no-repeat center;
	background-size: cover;
	transform: translateY(-50%);
	opacity:.6;
}
.top-banner{
	position: relative;
	height: 60px;
	text-align: center;
}
.top-banner .top-banner-lst{
	height: 100%;
}
.top-banner .swiper-wrapper{
	position:relative;
	z-index:1;
}
.top-banner .tit-wrap{
	position: relative;
	width: 580px;
	height: 100%;
	margin: 0 auto;
}
/*.top-banner .top-picksell .tit-wrap{*/
/*	left:-20px;*/
/*}*/
.top-banner .tit-wrap p{
	word-break: keep-all;
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 1.2;
	padding:22px 0 17px;
}
.top-banner .tit-wrap p::after{
	content: '';
	position:relative;
	top:-2px;
	display:inline-block;
	width: 46px;
	height: 21px;
	margin-left:18px;
	vertical-align:middle;
}
/* top banner arrow */
.top-banner .swiper-button-wrapper{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 680px;
	margin: 0 auto;
}
.top-banner .swiper-button-wrapper .swiper-button-prev,
.top-banner .swiper-button-wrapper .swiper-button-next{
	width: 24px;
	height: 24px;
	margin-top:0;
	transform: translateY(-50%);
}
.top-banner .swiper-button-wrapper .swiper-button-prev{
	left: 0;
}
.top-banner .swiper-button-wrapper .swiper-button-next{
	right: 0;
}
.top-banner .swiper-button-wrapper .swiper-button-prev::after{
	content: '';
	width: 100%;
	height: 100%;
	background: url(/images/banner/banner_arrow_prev.svg) no-repeat center;
	background-size: cover;
}
.top-banner .swiper-button-wrapper .swiper-button-next::after{
	content: '';
	width: 100%;
	height: 100%;
	background: url(/images/banner/banner_arrow_next.svg) no-repeat center;
	background-size: cover;
}
/* top banner picksell */
/*.top-banner .top-picksell{*/
/*	color: #fff;*/
/*	background: linear-gradient(90deg, #212ACC 21.24%, #B12CF1 91.68%);*/
/*}*/
/*.top-banner .top-picksell .tit-wrap p{*/
/*	margin: 0 auto 0 115px;*/

/*}*/
/*.top-banner .top-picksell .tit-wrap p::after{*/
/*	background: url("/images/banner/banner_picksell_button.png") no-repeat center;*/
/*	background-size: cover;*/
/*}*/
/*.top-banner .top-picksell .tit-wrap strong{*/
/*	background: linear-gradient(275deg, #F2C65B 30.31%, #FEFAEA 109.7%);*/
/*	background-clip: text;*/
/*	-webkit-background-clip: text;*/
/*	-webkit-text-fill-color: transparent;*/
/*}*/
/*.top-banner .top-picksell .tit-wrap strong::after{*/
/*	content: '';*/
/*	display: inline-block;*/
/*	width: 27px;*/
/*	height: 15px;*/
/*	margin: -3px 0 0 12px;*/
/*	vertical-align: middle;*/
/*	background: url("/images/banner/banner_picksell_logo.svg") no-repeat center;*/
/*	background-size: cover;*/
/*}*/
/*.top-banner .top-picksell .tit-wrap img{*/
/*	position: absolute;*/
/*	bottom: 0;*/
/*	left: 9px;*/
/*	width: 93px;*/
/*	height: auto;*/
/*}*/

.top-banner .top-picksell{
	background: #160e39 url("/images/banner/banner_picksell_bg.png") no-repeat center;
	background-size: cover;
}
.top-banner .top-picksell .img-pc{
	width: 574px;
	height: auto;
	margin: 15px auto;
}
@media only screen and (max-width: 768px) {
	.top-banner .top-picksell .img-pc{
		display: block;
	}
	.top-banner .top-picksell .img-m{
		display: none;
	}
}
@media only screen and (max-width:640px) {
	.top-banner .top-picksell .img-pc{
		display: none;
	}
	.top-banner .top-picksell .img-m{
		display: block;
	}
	.top-banner .top-picksell{
		background: #160e39 url("/images/banner/banner_picksell_m_bg.png") no-repeat center;
		background-size: cover;
	}
	.top-banner .top-picksell .img-m{
		position: relative;
		width: 225px;
		top: 50%;
		margin: 0 auto;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width:425px) {
	.top-banner .top-picksell .img-m{
		width: 210px;
	}
}


@media only screen and (max-width:1024px){
	.top-section .close-btn{
		right:2%;
	}
}
@media only screen and (max-width:768px) {
	.top-banner .swiper-button-wrapper{
		width: 100%;
		max-width: none;
	}
	.top-banner .swiper-button-wrapper .swiper-button-prev{
		left:3.2vw;
	}
	.top-banner .swiper-button-wrapper .swiper-button-next{
		right:3.2vw;
	}
	.top-section .close-btn{
		top: 6px;
		right: 6px;
		transform: none;
	}
}
@media only screen and (max-width:640px) {
	.top-banner{
		height:62px;
	}
	.top-banner .swiper-button-wrapper .swiper-button-prev,
	.top-banner .swiper-button-wrapper .swiper-button-next{
		display: none;
	}
	.top-banner .tit-wrap{
		width: 100%;
	}
	.top-banner .tit-wrap p{
		font-size: 13px;
		line-height: 1.347;
		padding:14px 0 13px;
		text-align:left;
	}
	/*.top-banner .top-picksell .tit-wrap{*/
	/*	display: -webkit-box;*/
	/*	display: -ms-flexbox;*/
	/*	display: -webkit-flex;*/
	/*	display: flex;*/
	/*	flex-direction: row-reverse;*/
	/*	-webkit-box-pack: center;*/
	/*	-ms-flex-pack: center;*/
	/*	-webkit-justify-content: center;*/
	/*	justify-content: center;*/
	/*	-webkit-box-align: end;*/
	/*	-ms-flex-align: end;*/
	/*	-webkit-align-items: flex-end;*/
	/*	align-items: flex-end;*/
	/*	left:auto;*/
	/*}*/
	/*.top-banner .top-picksell .tit-wrap p{*/
	/*	margin: 0 4% 0 6%;*/
	/*}*/
	/*.top-banner .top-picksell .tit-wrap strong{*/
	/*	display: block;*/
	/*}*/
	/*.top-banner .top-picksell .tit-wrap strong::after{*/
	/*	width: 23px;*/
	/*	height: 12px;*/
	/*	margin: -1px 0 0 6px;*/
	/*}*/
	/*.top-banner .top-picksell .tit-wrap img{*/
	/*	position: relative;*/
	/*	left: auto;*/
	/*}*/
	/*:is(.top-banner .top-picksell .tit-wrap, .top-banner .top-makelink .tit-wrap) p::after{*/
	/*	display: none;*/
	/*}*/
}
/*@media only screen and (max-width:425px) {*/
/*	.top-banner .top-picksell .tit-wrap img{*/
/*		width:88px;*/
/*	}*/
/*	.top-banner .top-picksell .tit-wrap p{*/
/*		margin: 0 4% 0 2%;*/
/*	}*/
/*}*/
/*@media only screen and (max-width:360px) {*/
/*	.top-banner .top-picksell .tit-wrap{*/
/*		-webkit-box-pack: end;*/
/*		-ms-flex-pack: end;*/
/*		-webkit-justify-content: flex-end;*/
/*		justify-content: flex-end;*/
/*	}*/
/*	.top-banner .top-picksell .tit-wrap img{*/
/*		position: absolute;*/
/*		left: 76%;*/
/*		width: 84px;*/
/*	}*/
/*	.top-banner .top-picksell .tit-wrap p{*/
/*		margin: 0 0 0 5%;*/
/*	}*/
/*}*/

/* footer */
footer{
	background: #EEEDED;
}
footer .footer-wrap{
	color: #8B847E;
	font-size: 13px;
	padding: 65px 0 62px;
}
footer .txt-wrap{
	position: relative;
	margin-bottom: 47px;
}
footer .txt-wrap strong{
	display: inline-block;
	color: #6D6967;
	font-size: 41px;
	font-weight: 600;
	line-height: 1.1954;
}
footer .familysite-wrap{
	position: absolute;
	top: 1px;
	right: 0;
}
footer .familysite-wrap .btn-familysite{
	position: relative;
	width: 210px;
	color: #999;
	font-size: 13px;
	font-weight:500;
	text-align: left;
	padding: 16px 18px 15px;
	background: #fff;
}
footer .familysite-wrap .btn-familysite::after{
	content: '';
	position: absolute;
	top: 17px;
	right: 16px;
	width: 11px;
	height: 11px;
	background: url("/images/common/ico_plus.svg") no-repeat center;
	transition: transform .2s;
}
footer .familysite-wrap.on .btn-familysite::after{
	transform: rotate(45deg);
}
footer .familysite-wrap .family-list{
	display: none;
	z-index: 1;
	position: absolute;
	bottom: 45px;
	left: -1px;
	width: calc(100% + 2px);
	padding: 10px 0;
	border: 1px solid rgba(111, 104, 101, 0.10);
	background: #fff;
}
footer .familysite-wrap .family-list a{
	display: block;
	color: #999;
	font-weight:500;
	padding: 8px 18px;
	line-height: 1.231;
	transition: color .2s;
}
footer .familysite-wrap .family-list a:hover{
	color: #6D6967;
}
footer .familysite-wrap .family-list.on{
	display: block;
}
footer .link-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
footer .terms{
	font-size: 0;
}
footer .terms a{
	color: #8B847E;
	display: inline-block;
	font-size: 13px;
	line-height: 1.231;
	margin: 8px 32px 8px 0;
}
footer .terms a:nth-of-type(3){
	color: #6D6967;
}
footer .terms a strong{
	font-weight:600;
}
footer .sns-link ul{
	font-size: 0;
	height: 30px;
}
footer .sns-link li{
	display: inline-block;
	width: 30px;
	height: 100%;
}
footer .sns-link li + li{
	margin-left: 7px;
}
footer .sns-link a{
	display: block;
	width: 100%;
	height: 100%;
	background: url("/images/common/ico_instagram.svg") no-repeat center;
}
footer .sns-link a.facebook{
	background-image: url("/images/common/ico_facebook.svg");
}
footer .sns-link a.kakaoplus{
	background-image: url("/images/common/ico_kakao.svg");
}
footer .sns-link a.naverblog{
	background-image: url("/images/common/ico_naverblog.svg");
}
footer .sns-link a.naverpost{
	background-image: url("/images/common/ico_naverpost.svg");
}
footer .address-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-top: 29px;
	margin-top: 16px;
	border-top: 1px solid rgba(111, 104, 101, 0.10);
}
footer .address-wrap .company-info p > span{
	word-break: keep-all;
	display: inline-block;
	line-height:1.85;
	margin: 0 12px 2px 0;
}
footer .address-wrap .company-info em{
	display:inline;
	color: #6D6967;
	margin-left: 4px;
}
footer .address-wrap .company-info p:first-child span:first-child em{
	margin-left: 0;
}
footer .address-wrap .company-info small{
	display: inline-block;
	color: #9F9993;
	font-size: 12px;
	font-weight:300;
	line-height:1.35;
	margin-top: 14px;
}
footer .address-wrap .company-info small span{
	display:inline-block;
}
footer .address-wrap .company-info .outlink{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 -1px 4px;
	background: url("/images/common/ico_outlink.svg") no-repeat center;
	background-size: 100%;
}
footer .address-wrap .pay-info li{
	font-size: 10px;
}
footer .address-wrap .pay-info > ul > li{
	padding-top: 16px;
}
footer .address-wrap .pay-info .certify{
	text-align: right;
}
footer .address-wrap .pay-info .certify li{
	display: inline-block;
	line-height: .5;
	vertical-align: top;
}
footer .address-wrap .pay-info .certify li + li{
	margin-left:6px;
}
footer .address-wrap .pay-info .certify .btn-isms{
	display: inline-block;
	width: 27px;
	height: 27px;
	padding: 0;
	background: url("/images/common/img_mark_isms_gray.png") no-repeat right;
	background-size: 100%;
}
footer .address-wrap .pay-info .certify .btn-cleanspam{
	display: inline-block;
	width:26px;
	height:26px;
	padding: 0;
	margin-top:1px;
	background: url("/images/common/img_mark_cleanspam.png") no-repeat right;
	background-size: 100%;
}
footer .address-wrap .pay-info strong{
	display: inline-block;
	color: #fff;
	font-weight: 700;
	line-height: 2.5;
	text-align: center;
	width: 58px;
	height: 25px;
	background: rgba(111, 104, 101, 0.30);
}
footer .address-wrap .pay-info span{
	color: #8B847E;
	display: inline-block;
	padding-left: 8px;
	line-height: 1.3;
	vertical-align: top;
}
footer .address-wrap .pay-info em{
	color: #6F6865;
	display: block;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.182;
}
@media only screen and (max-width: 991px) {
	footer .footer-wrap {
		padding: 60px 0;
	}
	footer .txt-wrap {
		margin-bottom: 20px;
	}
	footer .txt-wrap strong {
		width:68%;
		font-size: 36px;
	}
	footer .terms a {
		font-size: 12px;
		line-height: 1.167;
		margin: 4px 16px 4px 0;
	}
	footer .address-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-top: 24px;
	}
	footer .address-wrap .company-info p > span{
		margin-right: 10px;
	}
	footer .address-wrap .company-info small {
		margin-top:12px;
	}
	footer .address-wrap .pay-info {
		margin-top: 31px;
	}
	footer .address-wrap .pay-info .certify{
		text-align: left;
	}
	footer .address-wrap .pay-info > ul > li {
		padding-top: 8px;
	}
	footer .address-wrap .pay-info span {
		font-size: 11px;
		vertical-align: middle;
	}
	footer .address-wrap .pay-info em {
		display: inline-block;
		padding-left: 2px;
	}
}
@media only screen and (max-width: 768px) {
	footer .footer-wrap{
		padding: 60px 0;
	}
	footer .txt-wrap{
		margin-bottom: 20px;
	}
	footer .txt-wrap strong{
		font-size: 28px;
	}
	footer .familysite-wrap{
		position: relative;
		margin-top: 32px;
	}
	footer .familysite-wrap .btn-familysite {
		width: 100%;
	}
	footer .link-wrap{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	footer .sns-link{
		order: 1;
		margin-bottom: 11px;
	}
	footer .terms{
		order: 2;
	}
	footer .terms a{
		font-size: 12px;
		line-height: 1.167;
		margin: 4px 16px 4px 0;
	}
	footer .address-wrap{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-top: 24px;
	}
	footer .address-wrap .pay-info{
		margin-top:29px;
	}
	footer .address-wrap .pay-info > ul > li{
		padding-top: 8px;
	}
	footer .address-wrap .pay-info span{
		font-size: 11px;
		vertical-align: middle;
	}
	footer .address-wrap .pay-info em{
		display: inline-block;
		padding-left: 2px;
	}
}
@media only screen and (max-width:575px){
	footer .footer-wrap{
		padding-top: 52px;
	}
	footer .txt-wrap strong{
		width:100%;
	}
}

/* floating menu */
.floating-menu{
	z-index: 1000;
	position: fixed;
	bottom: 100px;
	right: 10px;
	text-align: center;
}
.floating-menu ul{
	padding: 9px 5px;
	margin-bottom: 12px;
	border-radius: 8px;
	box-shadow: 0 0 20px 1px rgba(0, 0, 0, .12);
	background: #fff;
}
.floating-menu li{
	position: relative;
}
.floating-menu li + li{
	margin-top: 4px;
}
.floating-menu li span{
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 13px;
	right: 80px;
	color: #fff;
	width: 80px;
	font-size: 11px;
	line-height: 1.182;
	padding: 6px 8px 5px;
	border-radius: 50px;
	background: rgba(30, 32, 35, .80);
	transition: all .3s ease;
}
.floating-menu li a{
	display: block;
	width: 50px;
	height: 50px;
	transition: all .2s ease;
}
.floating-menu li a::after{
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url("/images/common/ico_ordersheet.svg") no-repeat center;
	background-size: 22px;
}
.floating-menu li.sample-shop a::after{
	background: url("/images/common/ico_bag.svg") no-repeat center;
	background-size: 22px;
}
.floating-menu li.cs-center a::after{
	background: url("/images/common/ico_headset.svg") no-repeat center;
	background-size: 22px;
}
.floating-menu li:hover span{
	visibility: visible;
	opacity: 1;
	display: block;
	right: 42px;
}
.floating-menu li:hover a{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #F7F1EC;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .04);
}
.floating-menu .btn-top{
	position: relative;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 50%;
	background: rgba(255, 255, 255, .90);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
}
.floating-menu .btn-top::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("/images/common/ico_arrow_top.svg") no-repeat center;
	transform: translate(-50%, -50%);
}
@media only screen and (max-width: 991px) {
	.floating-menu{
		bottom:28px;
	}
	.floating-menu ul{
		display: none;
	}
}

/* cleanspam */
#cleanspam{
	max-height:none;
}
.cleanspam-wrap{
	margin:-20px;
}

/* isms */
#company-mark-isms {
	max-height: 747px
}
#company-mark-isms .modal-content .isms-wrap {
	text-align: center
}
#company-mark-isms .modal-content .isms-wrap img {
	width: 48%
}
#company-mark-isms .modal-content .isms-txt {
	font-size: 13px;
	line-height:1.55;
	padding: 30px 0 10px
}
#company-mark-isms .modal-content .isms-txt strong {
	font-size: 17px;
	margin-bottom: 4px
}
#company-mark-isms .modal-content .isms-txt p {
	color: #555;
	word-break: keep-all;
	margin: 7px 0
}
#company-mark-isms .modal-content .isms-txt p span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}
#company-mark-isms .modal-content .isms-txt p span em {
	font-weight: bold;
	margin-right: 6px
}
#company-mark-isms .modal-content .isms-txt small {
	color: #999;
	font-size: 12px
}
@media only screen and (max-width: 991px) {
	#company-mark-isms{
		max-height: unset;
	}
}

/* 페이지네이션 */
.paging{
	font-size: 0;
	text-align: center;
	margin-top:47px;
}
.paging ol{
	display: inline-block;
	margin:0 4px;
}
.paging li{
	display: inline-block;
}
.paging li + li{
	margin-left:4px;
}
.paging li a{
	display: block;
	font-size:14px;
	min-width:38px;
	height: 38px;
	padding:9px 12px 10px 12px;
	border-radius: 3px;
	border: 1px solid #EBEBEB;
	background: #fff;
}
.paging li.active a{
	color: #fff;
	font-weight: 500;
	border-color: #1E2023;
	background: #1E2023;
}
.paging .btn-paging{
	display: inline-block;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	vertical-align: top;
}
.paging .btn-paging span{
	display: block;
	width: 100%;
	height: 100%;
}
.paging .btn-paging .first{
	opacity: 25%;
	background: url("/images/sub/ico_last.svg") no-repeat center;
	transform: rotate(-180deg);
}
.paging .btn-paging .prev{
	opacity: 25%;
	background: url("/images/sub/ico_next.svg") no-repeat center;
	transform: rotate(-180deg);
}
.paging .btn-paging .next{
	background: url("/images/sub/ico_next.svg") no-repeat center;
}
.paging .btn-paging .last{
	background: url("/images/sub/ico_last.svg") no-repeat center;
}

@media only screen and (max-width: 768px){
	.paging{
		margin-top:28px;
	}
	.paging ol{
		margin:0 3px;
	}
	.paging li a{
		width: 34px;
		height: 34px;
		font-size: 12px;
		line-height:1.4;
	}
	.paging .btn-paging{
		width:28px;
		height:34px;
	}
	.paging .btn-paging .next,
	.paging .btn-paging .last{
		background-size:auto 30%;
	}
}