/*
.scr-x table {
	min-width: 1200px;
}
*/

/* ----------------------------------------------------------------	mixin style---------------------------------------------------------------- */
/* ----------------------------------------------------------------	extend style---------------------------------------------------------------- */
.table caption {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	overflow:hidden;
	text-indent:-9999;
	clip:rect(0 0 0 0);
}
.main-visual .slick-arrow:before,.guide-slider .slick-arrow:before,.screen-slider .slick-arrow:before,.banner-section .slick-prev:before,.banner-section .slick-next:before,.popup-section .slick-prev:before,.popup-section .slick-next:before,.input-chk input[type="checkbox"]+span:before,.input-chk input[type="checkbox"]:checked+span:before,.input-rdo input[type="radio"]+span:before,.ico,#global-header .menu-btn,.modal .modal-header .modal-close,#intro .section4 [class*="col-6"]:nth-of-type(2) .ico-phone,#guide .step .dept:not(:last-child):after,#reseller .step .dept:not(:last-child):after,#guide .step-img .dept:not(:last-child):after,#reseller .step-img .dept:not(:last-child):after,.tip:before,#api .section2 .item:before,#about .section9 .service-slider .btn-view:after,#about .section9 .service-slider2 .btn-view:after,#bbs .top .top-search .search-wrap .search-btn,#bbs .bbs-cont .cont-wrap .item-info .list-tit .arrow-btn,#bbs .bbs-cont .noti-box ul li:before,#bbs .view-cont .view-item .cont-area .answer-area .tit:before,#bbs .use-guide h4:before {
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	vertical-align:middle;
	background:url("../img/icon.png") no-repeat;
	background-size:1000px;
}
.sound_only {display:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right;font-size:1.2rem}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:5px 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

#global-header h1 a {
	display:block;
	font-family: 'SUITE-Regular';
	font-weight: 300;
	font-size: 2.4rem;
	/*
	overflow:hidden;
	vertical-align:middle;
	text-indent:-9999px;
	background:url("../img/logo_black_new.svg") 0 0 no-repeat;
	background-size:140px;
	background-position: 0 -8.8rem;
	*/
}
#global-header h1 a span {
	color:red;
	font-weight:900;
}
#global-header.sticky h1 a {
	color:#fff;
	/*
	background:url("../img/logo_white_new.svg") 0 0 no-repeat;
	background-size:140px;
	background-position: 0 -8.8rem;
	*/
}

@media only screen and (max-width:768px) {
	#global-header h1 a {
		display:block;
		font-size: 2.2rem;
		/*
		overflow:hidden;
		vertical-align:middle;
		text-indent:-9999px;
		background:url("../img/logo_black_new.svg") 0 0 no-repeat;
		background-size:120px;
		background-position: 0 -8.5rem;
		*/
	}
	#global-header.sticky h1 a {
		color:#fff;
		/*
		background:url("../img/logo_white_new.svg") 0 0 no-repeat;
		background-size:120px;
		background-position: 0 -8.5rem;
		*/
	}
}
/* ----------------------------------------------------------------	var style---------------------------------------------------------------- */
/* font */
/*.text-slider .ex{@include breakpoint(desktop){width: 100%;}}*/
/* main-visual */
.main-visual.slick-slider {
	position:relative;
	display:block;
	height:100%;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.main-visual.slick-slider .slick-track {
	moz-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform-origin:top left;
}
.main-visual .slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0;
}
.main-visual.slick-initialized .slick-slide {
	display:block;
}
.main-visual .slick-arrow {
	position:absolute;
	top:45%;
	z-index:1001;
	width:60px;
	height:60px;
	background:rgba(0,0,0,0.2);
	font-size:0;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.main-visual .slick-arrow:before {
	content:"";
	width:25px;
	height:18px;
}
.main-visual .slick-arrow.slick-prev {
	left:2.6%;
}
.main-visual .slick-arrow.slick-prev:before {
	background-position:-300px -150px;
}
.main-visual .slick-arrow.slick-next {
	right:2.6%;
}
.main-visual .slick-arrow.slick-next:before {
	background-position:-350px -150px;
}
.main-visual .slick-arrow:hover {
	background:rgba(0,0,0,0.5);
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-ms-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}
.main-visual .slick-dots {
	position:absolute;
	left:50%;
	bottom:31vh;
	margin-left:29em;
	z-index:1001;
}
@media only screen and (max-width:1400px) {
	.main-visual .slick-dots {
		left:auto;
		right:10em;
		margin-left:0;
	}
}
@media only screen and (max-width:768px) {
	.main-visual .slick-dots {
		right:20px;
		bottom:16vh;
	}
}
.main-visual .slick-dots li {
	display:inline-block;
	margin:0 2px;
	vertical-align:middle;
}
.main-visual .slick-dots li.slick-active button {
	opacity:1;
	filter:alpha(opacity=100);
}
.main-visual .slick-dots button {
	display:block;
	width:30px;
	height:4px;
	background:#4d4d4d;
	text-indent:-9999px;
	overflow:hidden;
	opacity:0.5;
	filter:alpha(opacity=50);
	-webkit-transition:0.3s linear;
	-moz-transition:0.3s linear;
	-ms-transition:0.3s linear;
	-o-transition:0.3s linear;
	transition:0.3s linear;
}
@media only screen and (max-width:768px) {
	.main-visual .slick-dots button {
		width:15px;
		height: 2px;
	}
}
/* payment slider */
.payment-wrap .slick-slider {
	position:relative;
	display:block;
	height:100%;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.payment-wrap .slick-slider .slick-track {
	moz-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform-origin:top left;
}
.payment-wrap .slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0;
}
.payment-wrap .slick-initialized .slick-slide {
	display:block;
}
@media only screen and (max-width:1024px) {
	.payment-wrap .payment-slider {
		left:50%;
		width:74%;
		max-width:400px;
		-webkit-transform:translateX(-45.5%);
		-moz-transform:translateX(-45.5%);
		-ms-transform:translateX(-45.5%);
		-o-transform:translateX(-45.5%);
		transform:translateX(-45.5%);
	}
}
.payment-wrap .payment-slider .slick-slide {
	text-align:center;
}
.payment-wrap .payment-nav {
	overflow:hidden;
}
.payment-wrap .payment-nav .slick-slide {
	height:auto;
	cursor:pointer;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.payment-wrap .payment-nav .slick-slide.slick-current {
	opacity:1;
	filter:alpha(opacity=100);
}
.payment-wrap .payment-nav .slick-dots {
	display:table;
	table-layout:fixed;
	width:-webkit-calc(100% - 40px);
	width:-moz-calc(100% - 40px);
	width:calc(100% - 40px);
}
@media only screen and (max-width:768px) {
	.payment-wrap .payment-nav .slick-dots {
		margin-top:1em;
	}
}
.payment-wrap .payment-nav .slick-dots li {
	display:table-cell;
	vertical-align:middle;
	background:#738ad9;
}
.payment-wrap .payment-nav .slick-dots li.slick-active ~ li button {
	background:#bcc6ed;
}
.payment-wrap .payment-nav .slick-dots button {
	display:block;
	width:100%;
	height:0.36em;
	text-indent:-9999px;
	-webkit-transition:0.3s linear;
	-moz-transition:0.3s linear;
	-ms-transition:0.3s linear;
	-o-transition:0.3s linear;
	transition: 0.3s linear;
}
/* service slider */
.service-slider.slick-slider {
	position:relative;
	display:block;
	height:100%;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.service-slider.slick-slider .slick-track {
	moz-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform-origin:top left;
}
.service-slider .slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0;
}
.service-slider.slick-initialized .slick-slide {
	display:block;
}
.service-nav {
	margin-top:3em;
}
.service-nav .slick-dots {
	text-align:center;
}
.service-nav .slick-dots li {
	display:inline-block;
	vertical-align:middle;
}
.service-nav .slick-dots li.slick-active button {
	background:#162351;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.service-nav .slick-dots button {
	display:block;
	width:10px;
	height:10px;
	margin:0 7px;
	background:#ddd;
	text-indent:-9999px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition:0.3s linear;
	-moz-transition:0.3s linear;
	-ms-transition:0.3s linear;
	-o-transition:0.3s linear;
	transition:0.3s linear;
}
@media only screen and (max-width:640px) {
	.service-nav .slick-dots button {
		width:8px;
		height: 8px;
	}
}
/* guide,screen slider */
.guide-slider .slick-slider,.screen-slider .slick-slider {
	position:relative;
	display:block;
	height:100%;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.guide-slider .slick-slider .slick-track,.screen-slider .slick-slider .slick-track {
	moz-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform-origin:top left;
}
.guide-slider .slick-slide,.screen-slider .slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0;
}
.guide-slider .slick-initialized .slick-slide,.screen-slider .slick-initialized .slick-slide {
	display:block;
}
.guide-slider .slick-arrow,.screen-slider .slick-arrow {
	position:absolute;
	top:50%;
	z-index:1000;
	width:4em;
	height:5.5em;
	background:#dddddd;
	text-indent:-9999px;
}
.guide-slider .slick-arrow:before,.screen-slider .slick-arrow:before {
	content:"";
	position:absolute;
	top:50%;
	width:11px;
	height:20px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.guide-slider .slick-arrow.slick-prev,.screen-slider .slick-arrow.slick-prev {
	left:-20px;
}
.guide-slider .slick-arrow.slick-prev:before,.screen-slider .slick-arrow.slick-prev:before {
	left:1.4em;
	background-position:-100px -250px;
}
.guide-slider .slick-arrow.slick-next,.screen-slider .slick-arrow.slick-next {
	right:-20px;
}
.guide-slider .slick-arrow.slick-next:before,.screen-slider .slick-arrow.slick-next:before {
	right:1.4em;
	background-position:-150px -250px;
}
.guide-slider .slick-arrow:focus,.guide-slider .slick-arrow:hover,.screen-slider .slick-arrow:focus,.screen-slider .slick-arrow:hover {
	background:#b3b3b3;
}
.guide-slider .slick-slide img {
	max-width:16.875em;
}
.guide-slider .slick-arrow {
	-webkit-transform:translateY(-20%);
	-moz-transform:translateY(-20%);
	-ms-transform:translateY(-20%);
	-o-transform:translateY(-20%);
	transform:translateY(-20%);
}
.screen-slider .slick-arrow {
	-webkit-transform:translateY(-80%);
	-moz-transform:translateY(-80%);
	-ms-transform:translateY(-80%);
	-o-transform:translateY(-80%);
	transform:translateY(-80%);
}
.screen-slider .slick-dots {
	padding-top:2em;
}
.screen-slider .slick-dots li {
	display:inline-block;
	float:none !important;
	margin:0 4px;
	width:auto !important;
	vertical-align:middle;
}
.screen-slider .slick-dots li.slick-active button {
	background:#185ef8;
}
.screen-slider .slick-dots button {
	display:block;
	width:11px;
	height:11px;
	background:#f2f2f2;
	text-indent:-9999px;
	overflow:hidden;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition:0.3s linear;
	-moz-transition:0.3s linear;
	-ms-transition:0.3s linear;
	-o-transition:0.3s linear;
	transition: 0.3s linear;
}
/* event01 slider */
.event01-slider.slick-slider {
	position:relative;
	display:block;
	height:100%;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.event01-slider.slick-slider .slick-track {
	moz-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform-origin:top left;
}
.event01-slider .slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0;
}
.event01-slider.slick-initialized .slick-slide {
	display:block;
}
.event01-slider .slick-dots {
	display:table;
	table-layout:fixed;
	width:100%;
	padding:0 5.6em 0 1.4em;
	margin:4em auto 0;
}
.event01-slider .slick-dots li {
	display:table-cell;
	vertical-align:middle;
	background:#f7f7f7;
}
.event01-slider .slick-dots li.slick-active ~ li button {
	background:#738ad9;
}
.event01-slider .slick-dots button {
	display:block;
	width:100%;
	height:0.36em;
	text-indent:-9999px;
	-webkit-transition:0.3s linear;
	-moz-transition:0.3s linear;
	-ms-transition:0.3s linear;
	-o-transition:0.3s linear;
	transition: 0.3s linear;
}
/* event02 step-slider */
.step-slider .slick-slider {
	position:relative;
	display:block;
	height:100%;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.step-slider .slick-slider .slick-track {
	moz-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform-origin:top left;
}
.step-slider .slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0;
}
.step-slider .slick-initialized .slick-slide {
	display:block;
}
.step-slider .slick-dots {
	position:absolute;
	left:12em;
	bottom:13em;
	z-index:1000;
}
@media only screen and (max-width:1200px) {
	.step-slider .slick-dots {
		left:10em;
		bottom:10em;
	}
}
@media only screen and (max-width:1024px) {
	.step-slider .slick-dots {
		display:none !important;
	}
}
.step-slider .slick-dots li {
	display:inline-block;
	vertical-align:middle;
}
.step-slider .slick-dots li.slick-active button {
	background:#6e96ff;
	width:24px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
}
.step-slider .slick-dots li+li {
	margin-left:8px;
}
.step-slider .slick-dots button {
	display:block;
	width:12px;
	height:12px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#ebebeb;
	text-indent:-9999px;
	-webkit-transition:0.3s linear;
	-moz-transition:0.3s linear;
	-ms-transition:0.3s linear;
	-o-transition:0.3s linear;
	transition:0.3s linear;
}
.step-slider .slick-arrow {
	width:45px;
	height:90px;
	background:#000;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:1000;
}
@media only screen and (max-width:1024px) {
	.step-slider .slick-arrow {
		top:70%;
	}
}
@media only screen and (max-width:640px) {
	.step-slider .slick-arrow {
		width:25px;
	}
}
.step-slider .slick-arrow.slick-prev {
	left:3em;
	background:url("/homepage/images/event/event02/sec2_arrow_left.png") no-repeat;
}
@media only screen and (max-width:1024px) {
	.step-slider .slick-arrow.slick-prev {
		left:8em;
	}
}
@media only screen and (max-width:640px) {
	.step-slider .slick-arrow.slick-prev {
		left:0;
		-webkit-background-size:100%;
		-moz-background-size:100%;
		background-size:100%;
	}
}
.step-slider .slick-arrow.slick-next {
	right:3em;
	background:url("/homepage/images/event/event02/sec2_arrow_right.png") no-repeat;
}
@media only screen and (max-width:1024px) {
	.step-slider .slick-arrow.slick-next {
		right:8em;
	}
}
@media only screen and (max-width:640px) {
	.step-slider .slick-arrow.slick-next {
		right:0;
		-webkit-background-size:100%;
		-moz-background-size:100%;
		background-size: 100%;
	}
}
/* event02 link-pay */
.link-pay .slick-dots {
	position:absolute;
	left:50%;
	bottom:-3em;
	z-index:1000;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
.link-pay .slick-dots:before,.link-pay .slick-dots:after {
	content:' ';
	display:table;
}
.link-pay .slick-dots:after {
	clear:both;
}
.link-pay .slick-dots li {
	float:left;
}
.link-pay .slick-dots li.slick-active button {
	background:#6e96ff;
	width:20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.link-pay .slick-dots li+li {
	margin-left:8px;
}
.link-pay .slick-dots button {
	display:block;
	width:10px;
	height:10px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#fff;
	text-indent:-9999px;
	-webkit-transition:0.3s linear;
	-moz-transition:0.3s linear;
	-ms-transition:0.3s linear;
	-o-transition:0.3s linear;
	transition: 0.3s linear;
}
/* event02 card-list */
.card-wrap .slick-slider {
	position:relative;
	display:block;
	height:100%;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.card-wrap .slick-slider .slick-track {
	moz-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform-origin:top left;
}
.card-wrap .slick-list {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}
.card-wrap .slick-slide {
	float:left;
	min-height:1px;
	padding:0 1.5em;
	outline:0;
	text-align:center;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.card-wrap .slick-slide img {
	margin:auto;
}
@media only screen and (max-width:768px) {
	.card-wrap .slick-slide {
		max-width:20em;
	}
}
@media only screen and (max-width:640px) {
	.card-wrap .slick-slide {
		max-width:13.5em;
	}
}
.card-wrap .slick-slide.slick-center {
	opacity:1;
	filter:alpha(opacity=100);
}
.card-wrap .slick-initialized .slick-slide {
	display: block;
}
/* main top-banner */
.banner-section .slick-slider {
	position:relative;
	display:block;
	height:100%;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.banner-section .slick-slider .slick-track {
	moz-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform-origin:top left;
}
.banner-section .slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	text-align:center;
}
.banner-section .slick-initialized .slick-slide {
	display:block;
	outline:0;
}
.banner-section .slick-arrow {
	width:3.2rem;
	height:3.2rem;
	background:rgba(255,255,255,0.2);
	z-index:1;
	cursor:pointer;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.banner-section .slick-arrow:hover {
	background:rgba(255,255,255,0.8);
}
.banner-section .slick-arrow.slick-prev:before {
	background-position:-200px -200px;
}
.banner-section .slick-arrow.slick-next:before {
	background-position:-250px -200px;
}
.banner-section .slick-prev,.banner-section .slick-next {
	position:absolute;
	left:50%;
	top:50%;
	line-height:0;
	font-size:0;
	z-index:1001;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.banner-section .slick-prev:before,.banner-section .slick-next:before {
	content:'';
	width:7px;
	height:13px;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.banner-section .slick-prev {
	margin-left:-32rem;
}
.banner-section .slick-next {
	margin-left:28rem;
}
.banner-section .slick-list {
	height:60px
}
.banner-section li {
	display:block;
	height:60px
}
.banner-section li a {
	display:flex;
	align-items:center;
	justify-content:center;
	height:60px !important
}
.banner-section .banner-apireseller {
	background:#18086a url(/homepage/images/banner/bg_top_apireseller.png)center no-repeat;
	background-size:auto 100%;
}
.banner-section .banner-apireseller img {
	width:432px;
	margin-top:2px;
}
.banner-section .banner-ucansign {
	background:url(/homepage/images/banner/bg_top_ucansign.png)center no-repeat;
	background-size:auto 100%;
}
.banner-section .banner-ucansign img {
	width:487px;
	margin-top:3px;
	margin-left:-4px;
}
.banner-section .banner-applepay {
	background:#007AFF
}
.banner-section .banner-applepay img {
	position:relative;
	bottom:-6px;
	width:452px
}
.banner-section .banner-wechatpay {
	background:#1C238B
}
.banner-section .banner-wechatpay img {
	width:396px
}
.banner-section .banner-blogpay {
	background:#861Fd9;
}
.banner-section .banner-blogpay img {
	width:400px;
	margin-top:4px
}
.banner-section .banner-prosell {
	background:#12087E;
}
.banner-section .banner-prosell img {
	width:512px;
}
@media (min-width:1920px) {
	.banner-section .banner-ucansign {
		background-size: 100% 100%;
	}
}
/* main popup-section */
.popup-section .slick-slider {
	width:23.75em;
	height:12.5em;
	position:relative;
	display:block;
	height:100%;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
@media only screen and (max-width:640px) {
	.popup-section .slick-slider {
		width:25em;
		height:14em;
	}
}
.popup-section .slick-slider .slick-track {
	moz-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-webkit-transform-origin:top left;
	transform-origin:top left;
}
.popup-section .slick-slider:hover .slick-prev {
	left:0;
}
.popup-section .slick-slider:hover .slick-next {
	right:0;
}
.popup-section .slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	text-align:center;
}
.popup-section .slick-initialized .slick-slide {
	display:block;
	outline:0;
}
.popup-section .slick-arrow {
	width:26px;
	height:52px;
	background:rgba(0,0,0,0.4);
	z-index:1;
	cursor:pointer;
}
.popup-section .slick-arrow.slick-prev:before {
	background-position:-80px -200px;
}
.popup-section .slick-arrow.slick-next:before {
	background-position:-120px -200px;
}
.popup-section .slick-prev,.popup-section .slick-next {
	position:absolute;
	bottom:0;
	font-size:0;
	line-height:0;
	z-index:1001;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.popup-section .slick-prev:before,.popup-section .slick-next:before {
	content:'';
	width:9px;
	height:17px;
	background-size:800px !important;
}
.popup-section .slick-prev {
	left:-26px;
}
.popup-section .slick-next {
	right: -26px;
}
/* ----------------------------------------------------------------	mixin style---------------------------------------------------------------- */
/* ----------------------------------------------------------------	extend style---------------------------------------------------------------- 
.table caption {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	overflow:hidden;
	text-indent:-9999;
	clip:rect(0 0 0 0);
}
.main-visual .slick-arrow:before,.guide-slider .slick-arrow:before,.screen-slider .slick-arrow:before,.banner-section .slick-prev:before,.banner-section .slick-next:before,.popup-section .slick-prev:before,.popup-section .slick-next:before,.input-chk input[type="checkbox"]+span:before,.input-chk input[type="checkbox"]:checked+span:before,.input-rdo input[type="radio"]+span:before,.ico,#global-header .menu-btn,.modal .modal-header .modal-close,#intro .section4 [class*="col-6"]:nth-of-type(2) .ico-phone,#guide .step .dept:not(:last-child):after,#reseller .step .dept:not(:last-child):after,#guide .step-img .dept:not(:last-child):after,#reseller .step-img .dept:not(:last-child):after,.tip:before,#api .section2 .item:before,#about .section9 .service-slider .btn-view:after,#about .section9 .service-slider2 .btn-view:after,#bbs .top .top-search .search-wrap .search-btn,#bbs .bbs-cont .cont-wrap .item-info .list-tit .arrow-btn,#bbs .bbs-cont .noti-box ul li:before,#bbs .view-cont .view-item .cont-area .answer-area .tit:before,#bbs .use-guide h4:before {
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	vertical-align:middle;
	background:url("../img/icon.png") no-repeat;
	background-size:1000px;
}
#global-header h1 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	vertical-align:middle;
	background:url("../img/logo.svg") 0 0 no-repeat;
}
/* ----------------------------------------------------------------	var style---------------------------------------------------------------- */
/* font */
/*.text-slider .ex{@include breakpoint(desktop){width: 100%;}}*/
/* ----------------------------------------------------------------	common style---------------------------------------------------------------- */

em,address {
	font-style:normal;
}
img {
	max-width:100%;
	vertical-align:top;
}
strong,b {
	font-weight:500;
}
small {
	font-size:1.3rem;
	font-weight:400;
}
a {
	text-decoration:none;
	background:transparent;
	cursor:pointer;
	color:#000;
}
a:active,a:hover,a:focus {
	outline:0;
}
*,*:after,*:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	margin:0;
}
button {
	outline:0;
	cursor:pointer;
}
::selection {
	background:#aaaaaa;
	color:#fff;
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	text-indent:-9999px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.hidden {
	visibility:hidden;
}
input,select {
	border:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
*[role="button"] {
	cursor: pointer;
}
/* input */
.form-control {
	border:1px solid #ddd;
	padding:0 1em;
	font-size:1.3rem;
	width:100%;
	height:50px;
}
@media only screen and (max-width:640px) {
	.form-control {
		height:43px;
		font-size:1.4rem;
	}
}
.form-control:focus {
	outline:0;
	border:1px solid #000;
}
.form-control::-moz-placeholder {
	color:#acacac;
}
.form-control::-webkit-input-placeholder {
	color:#acacac;
}
.form-control:-ms-input-placeholder {
	color:#acacac;
}
.form-control::placeholder {
	color:#acacac;
}
.form-control.form-sm {
	height: 40px;
}
/* chrome autofill */
input:-webkit-autofill {
	-webkit-text-fill-color:#000;
	-webkit-box-shadow:inset 0 0 0 30px white;
	-moz-box-shadow:inset 0 0 0 30px white;
	box-shadow:inset 0 0 0 30px white;
}
input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
	-webkit-transition:background-color 5000s ease-in-out 0s;
	-moz-transition:background-color 5000s ease-in-out 0s;
	-ms-transition:background-color 5000s ease-in-out 0s;
	-o-transition:background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
}
/* select */
select {
	padding:0.6em 2em 0.6em 1em;
	outline:0;
	background:#fff url(../img//select_arrow.png) no-repeat right 1.3em center;
	-webkit-background-size:11px;
	-moz-background-size:11px;
	background-size:11px;
}
select::-ms-expand {
	display: none;
}
/* textarea */
textarea {
	display:block;
	width:100%;
	padding:1em;
	resize:none;
	font-size:1.3rem;
	border:1px solid #ddd;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
textarea:focus {
	outline:0;
	border:1px solid #000;
}
textarea::-moz-placeholder {
	color:#ddd;
}
textarea::-webkit-input-placeholder {
	color:#ddd;
}
textarea:-ms-input-placeholder {
	color:#ddd;
}
textarea::placeholder {
	color:#ddd;
}
@media only screen and (max-width:640px) {
	textarea {
		font-size: 1.3rem;
	}
}
/* col */
*[class*="col-"] {
	float:left;
	position:relative;
}
.col-12 {
	width:100%;
}
.col-11 {
	width:91.66666666666666%;
}
.col-10 {
	width:83.33333333333334%;
}
.col-9 {
	width:75%;
}
.col-8 {
	width:66.66666666666666%;
}
.col-7 {
	width:58.333333333333336%;
}
.col-6 {
	width:50%;
}
.col-5 {
	width:41.66666666666667%;
}
.col-4 {
	width:33.33333333333333%;
}
.col-3 {
	width:25%;
}
.col-2 {
	width:16.666666666666664%;
}
.col-1 {
	width: 8.333333333333332%;
}
/* align */
.pull-left {
	float:left;
}
.pull-right {
	float:right;
}
.center-block {
	display:block !important;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.text-center {
	text-align:center !important;
}
.text-left {
	text-align:left !important;
}
.text-right {
	text-align: right !important;
}
/* text color */
.text-gray {
	color:#999999 !important;
}
.text-red {
	color:#fa2841 !important;
}
.text-orange {
	color:#ff8909 !important;
}
.text-blue {
	color:#185ef8 !important;
}
.text-white {
	color: #fff !important;
}
/* text-deco */
.line-through {
	text-decoration:line-through;
}
.linebreak {
	display:block;
}
.br-break-lg {
	display:block;
}
@media only screen and (max-width:768px) {
	.br-break-lg {
		display:inline;
	}
}
.br-break-sm {
	display:inline;
}
@media only screen and (max-width:768px) {
	.br-break-sm {
		display: block;
	}
}
/* table-row */
.table-row {
	display:table;
	table-layout:fixed;
	width:100%;
	height:inherit;
}
.table-row .table-cell {
	display:table-cell;
}
.table-row *[class*="col-"] {
	display:table-cell;
	float:none !important;
}
.table-row .abs-middle {
	vertical-align: middle;
}
/* label */
.label {
	position:relative;
	min-width:70px;
	padding:2px 12px;
	display:inline-block;
	font-size:1.2rem;
	white-space:nowrap;
	text-align:center;
}
.label-round {
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
}
.label-black {
	background:#000;
	color:#fff;
}
.label-blue-line {
	border:2px solid #185ef8;
	color:#185ef8;
}
.label-aquablue {
	background:#3ed4d2;
	color:#fff;
}
.label-violetblue {
	background:#3f54d3;
	color: #fff;
}
/* arrow */
.arrow {
	display:inline-block;
	vertical-align:middle;
	border-width:0 2px 2px 0;
	border-style:solid;
	border-color:#000;
}
.arrow-sm {
	padding:3px;
}
.arrow-md {
	padding:4px;
}
.arrow-gray {
	border-color:#999999;
}
.arrow-white {
	border-color:#fff;
}
.arrow.right {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.arrow.left {
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	transform:rotate(-135deg);
}
.arrow.top {
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	transform:rotate(-135deg);
}
.arrow.bottom {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.arrow.light {
	border-width: 0 1px 1px 0;
}
/* checkbox */
.input-chk {
	position:relative;
	display:inline-block;
	cursor:pointer;
	/*line-height:1.25em;*/
}
.input-chk+.input-chk {
	margin-left:10px;
}
.input-chk input+span {
	display:inline-block;
	font-size:1.4rem;
	color:#666666;
	font-weight:500;
}
.input-chk input[type="checkbox"] {
	display:none;
}
.input-chk input[type="checkbox"]+span:before {
	content:' ';
	width:22px;
	height:22px;
	margin:-0.12em 0.7em 0 0;
	background-position:-900px -200px;
}
@media only screen and (max-width:640px) {
	.input-chk input[type="checkbox"]+span:before {
		background-size:770px;
		width:18px;
		height:18px;
		background-position:-693px -154px;
	}
}
.input-chk input[type="checkbox"]:checked+span:before {
	background-position:-950px -200px;
}
@media only screen and (max-width:640px) {
	.input-chk input[type="checkbox"]:checked+span:before {
		background-size:770px;
		background-position: -731px -154px;
	}
}
/* radio */
.input-rdo {
	position:relative;
	display:inline-block;
	cursor:pointer;
}
.input-rdo input+span {
	display:inline-block;
	font-size:1.5rem;
}
@media only screen and (max-width:768px) {
	.input-rdo input+span {
		font-size:1.4rem;
	}
}
.input-rdo input[type="radio"] {
	display:none;
}
.input-rdo input[type="radio"]+span:before {
	content:' ';
	width:22px;
	height:22px;
	margin:-0.12em 0.7em 0 0;
	background-position:-550px -200px;
}
@media only screen and (max-width:768px) {
	.input-rdo input[type="radio"]+span:before {
		width:18px;
		height:18px;
		background-size:800px;
		background-position:-440px -160px;
	}
}
.input-rdo input[type="radio"]:checked+span {
	font-weight:500;
}
.input-rdo input[type="radio"]:checked+span:before {
	background-position:-600px -200px;
}
@media only screen and (max-width:768px) {
	.input-rdo input[type="radio"]:checked+span:before {
		background-position: -480px -160px;
	}
}
/* write-form */
.write-form .panel+.panel {
	margin-top:1em;
}
@media only screen and (max-width:640px) {
	.write-form .panel+.panel {
		margin-top:1.5em;
	}
}
.write-form .panel>div {
	display:inline-block;
	vertical-align:middle;
}

@media only screen and (max-width:640px) {
	.write-form .panel>div {
		/*
		display:block;
		*/
		width:100%;
	}
}


.write-form .panel .comments {
	padding-top:0.5em;
	font-size:1.2rem;
	color:blue;
}


.write-form .panel-heading {
	width:17%;
	padding:0.6em 0.5em 0.6em 0;
	font-weight:500;
	font-size: 1.3rem;
	float:left
}
.write-form .panel-heading2 {
	width:17%;
	padding:0.6em 0.5em 0.6em 0;
	font-weight:500;
	font-size: 1.3rem;
	float:left;
	margin-top:1em;
}
@media only screen and (max-width:640px) {
	.write-form .panel-heading {
		font-size:1.4rem;
	}
}
.write-form .panel-heading.top {
	vertical-align:top;
}
.write-form .panel-body {
	margin-left:-4px;
	width:83%;
}
.write-form .panel-body1 {
	margin-bottom:1em;
	width:41% !important;
	float:left;
}
.write-form .panel-body2{
	margin-bottom:1em;
	width:41% !important;
	float:right;
}

.write-form .panel-body3{
	margin-bottom:1em;
	width:100% !important;
}

@media only screen and (max-width:640px) {
	.write-form .panel-body {
		margin:0.6em 0 0 0;
	}
	.write-form .panel-body1 {
		margin-bottom:1em;
		margin-right:.5em;
		width:48% !important;
		float:left;
	}
	.write-form .panel-body2{
		margin-bottom:1em;
		width:48% !important;
		float:right;
	}
}
.write-form .panel-body select {
	padding:0.6em 4em 0.6em 1em;
}
.write-form .panel-body .input-file {
	position:absolute;
	visibility:hidden;
}
.write-form .panel-body .input-group {
	position:relative;
}
.write-form .panel-body .guide-text {
	font-size:1.2rem;
	font-weight:200;
	color:#888;
}
.write-form .panel-body .guide-text-tit {
	font-size:1.3rem;
	font-weight:500;
	color:#444;
	margin-bottom: 0.5rem;
}
.write-form .panel-body.captcha .captcha-area {
	padding:1em;
	border:1px solid #ddd;
	background:#fff;
	position:relative;
}
.write-form .panel-body.captcha .captcha-area .img-wrap {
	display:inline-block;
	width:152px;
	padding-right:1em;
	text-align:center;
	vertical-align:middle;
}
.write-form .panel-body.captcha .captcha-area input {
	margin-left:-4px;
	width:50%;
	border:0;
	vertical-align:middle;
}
.write-form .panel-body.captcha .captcha-area button {
	height:40px;
	padding:0 3%;
	color:#666666;
	position:absolute;
	right:0.2em;
	top:50%;
	transform:translate(0,-50%);
}
.write-form .panel-body.captcha .captcha-area button i {
	margin-right:0.5em;
}
.write-form .panel-body.captcha .captcha-area+input {
	display:none;
	margin-top:1em;
}
@media only screen and (max-width:768px) {
	.write-form .panel-body.captcha .captcha-area+input {
		display:block;
	}
}
@media only screen and (max-width:768px) {
	.write-form .panel-body.captcha .captcha-area .img-wrap {
		width:auto;
		max-width:50%;
		text-align:left;
	}
	.write-form .panel-body.captcha .captcha-area .img-wrap+input {
		position:absolute;
		bottom:1em;
	}
	.write-form .panel-body.captcha .captcha-area button {
		position:relative;
		height:auto;
		padding:.5rem;
		font-size:1.3rem;
		transform:translate(0,-42%);
	}
}
@media (max-width:460px) {
	.write-form .panel-body.captcha .captcha-area .img-wrap+input {
		bottom:.5rem;
	}
}
.input-group {
	display:table;
	width:100%;
}
.input-group>* {
	display:table-cell;
	vertical-align:middle;
}
.input-group .form-control {
	border-right:0;
}
.input-group .input-group-addon {
	width:1%;
	padding-top:0;
	padding-bottom:0;
	white-space: nowrap;
}
/* table */
.table {
	width:100%;
	background:#fff;
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tbody>tr>td {
	padding:1em;
	text-align:center;
	vertical-align:middle;
	font-size:1.6rem;
	white-space: nowrap;
}
.table>thead>tr>th,.table>tbody>tr>th {
	font-weight:500;
}
.table-terms>thead>tr>th,.table-terms>tbody>tr>th,.table-terms>tbody>tr>td {
	font-size:1.2rem;
	line-height:2.2rem;
}
.table-terms>thead>tr>th,.table-terms>tbody>tr>th {
	border:1px solid #e6e6e6;
	background:#f5f5f5;
}
.table-terms>tbody>tr>th,.table-terms>tbody>tr>td {
	border:1px solid #e6e6e6;
	color:#444;
}
.table-terms>tbody>tr>th,.table-terms>tbody>tr>td.txtblue {
	color:#4d4dff;
}
.table-terms>tbody>tr>th,.table-terms>tbody>tr>td.txtleft {
	text-align:left;
}
.table-terms>tbody>tr>th,.table-terms>tbody>tr>td.txtright {
	text-align:right;
}
.table-terms>tbody tr:hover  {
	background:#f7f7f7;
}
.table-terms>tbody tr:first-of-type>* {
	border-top:0;
}
.table-strong>thead>tr>th,.table-strong>tbody>tr>th,.table-strong>tbody>tr>td {
	padding:1.5em 0.5em;
	font-size:1.3rem;
	font-weight:400;
	line-height:1.7rem;
}
.table-strong>thead>tr>th {
	border-top:3px solid #000;
	color:#666666;
}
.table-strong>tbody>tr>th,.table-strong>tbody>tr>td {
	padding:2em 0.5em;
	color:#333333;
}
.table-strong>tbody tr:first-of-type>* {
	border-top:1px solid #ebebeb;
}
.table-strong>tbody tr:last-of-type>* {
	border-bottom:1px solid #000;
}
.table-line>thead>tr>th,.table-line>tbody>tr>th,.table-line>tbody>tr>td {
	padding:0.5em;
	font-size:1.3rem;
	font-weight:400;
	border:1px solid #eeeeee;
	letter-spacing:-0.05rem;
	text-align:left;
}
.table-line>tbody>tr>td {
	color:#666666;
}
.table-line>tbody tr:first-of-type>* {
	border-top: 0;
}

td .cards {
	background: #444;
	color: #fff;
	padding: 2px 4px 3px;
	font-size:11px;
}


/* button */
.btn {
	display:inline-block;
	padding:1.183em 2em 1.374em;
	font-size:1.8rem;
	text-align:center;
	font-weight:400;
	line-height:1.4rem;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid transparent;
}
.btn:hover {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
@media only screen and (max-width:640px) {
	.btn {
		font-size:1.45rem;
	}
}
.btn-white {
	color:#999999;
	background:#fff;
	border:1px solid transparent;
}
.btn-white:focus,.btn-white:hover {
	background:#fafafa;
}
.btn-black {
	background:#000;
	border:1px solid #000;
	color:#fff;
}
.btn-black:focus,.btn-black:hover {
	background:black;
}
.btn-blue {
	color:#fff;
	background:#185ef8;
}
.btn-blue:focus,.btn-blue:hover {
	background:#0e57f8;
}
.btn-light-gray {
	background:#f1f1f1;
	border:1px solid #f1f1f1;
	color:#000;
}
.btn-light-gray:focus,.btn-light-gray:hover {
	background:#ebebeb;
}
.btn-orange {
	background:#fff2e4;
	border:1px solid #fff2e4;
	color:#ff8909;
}
.btn-orange:focus,.btn-orange:hover {
	background:#ffebd5;
}
.btn-black-line {
	border:1px solid #000;
	color:#000;
	background:#fff;
}
.btn-black-line:focus,.btn-black-line:hover {
	background:#f7f7f7;
}
.btn-blue-line {
	border:1px solid #185ef8;
	color:#000;
	background:#fff;
}
.btn-blue-line:focus,.btn-blue-line:hover {
	color:#fff;
	background:#0954f8;
}
.btn-gray-line {
	border:1px solid #999999;
	color:#000;
	background:#fff;
}
.btn-gray-line:focus,.btn-gray-line:hover {
	background:#fcfcfc;
}
.btn-date-line {
	border:1px solid #ddd;
	color:#000;
	background:#fff;
}
.btn-date-line:focus,.btn-gray-line:hover {
	background:#fcfcfc;
}
.btn-lg {
	padding:1.2em 0;
	font-size:1.9rem;
}
@media only screen and (max-width:640px) {
	.btn-lg {
		padding:1em 0;
		font-size:1.4rem;
	}
}
.btn-md {
	padding:1.1em 2em 1.15em;
	font-size:1.4rem;
}
@media only screen and (max-width:640px) {
	.btn-md {
		padding:1.16em 1.5em 1.06em;
		font-size:1.3rem;
	}
}
.btn-sm {
	padding:0.8em 1.5em;
	font-size:1.3rem;
}
.btn-xm {
	padding:0.5em 1em;
	font-size:1.1rem;
}
.btn-round {
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	border-radius:0.4em;
}
.btn-rounded {
	-webkit-border-radius:10em;
	-moz-border-radius:10em;
	border-radius:10em;
}
.btn-block {
	width:100%;
	display:block;
}
.btn-group .btn:not(:last-child) {
	margin-right:10px;
}
@media only screen and (max-width:640px) {
	.btn-vertical .btn {
		display:block;
		width:100%;
	}
	.btn-vertical .btn:not(:last-child) {
		margin-bottom:10px;
	}
}
.btn-horizon {
	margin-left:-5px;
	margin-right:-5px;
}
.btn-horizon .btn-table {
	display:table;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:5px 0;
}
@media only screen and (max-width:640px) {
	.btn-horizon .btn-table {
		width:100%;
		table-layout:fixed;
		min-width:100%;
	}
}
.btn-horizon .btn-table .btn-cell {
	display:table-cell;
}
.btn-center-block {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.btn-center-block .btn {
	min-width:240px;
}
@media only screen and (max-width:640px) {
	.btn-center-block .btn {
		display:block;
		min-width:100%;
	}
}
.btn-spread {
	position:relative;
	overflow:hidden;
}
.btn-spread:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:0;
	height:0;
	z-index:-1;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
}
.btn-spread:focus:before,.btn-spread:hover:before {
	width:23.438em;
	height:23.438em;
	opacity:1;
	filter:alpha(opacity=100);
}
.btn-link {
	text-decoration:underline;
	cursor: pointer;
}
/* ----------------------------------------------------------------	common layout---------------------------------------------------------------- */
.row:before,.row:after,.container:before,.container:after,.inner:before,.inner:after,.inner-lg:before,.inner-lg:after {
	content:' ';
	display:table;
}
.row:after,.container:after,.inner:after,.inner-lg:after {
	clear:both;
}
#wrap {
	position:relative;
	width:100%;
}
.container {
	position:relative;
	width:100%;
	margin:0 auto;
}
.inner {
	position:relative;
	max-width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:1200px) {
	.inner {
		margin:0 10px;
	}
}
.inner-lg {
	position:relative;
	max-width:1400px;
	margin:0 auto;
}
@media only screen and (max-width:1400px) {
	.inner-lg {
		margin:0 4.5%;
	}
}
@media only screen and (max-width:1200px) {
	.inner-lg {
		margin:0 20px;
	}
}
@media only screen and (min-width:1200px) {
	.inner-wide {
		position:relative;
		left:50%;
	}
	.inner-wide>* {
		margin-left:-600px;
	}
}
@media only screen and (max-width:1200px) {
	.inner-wide {
		padding:0 20px;
	}
}
.ellipsis {
	overflow:hidden;
	min-height:22px;
	display:block;
	white-space:nowrap;
	word-wrap:break-word;
	text-overflow:ellipsis;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.contents {
	margin:10em auto 8em;
	overflow:hidden;
}
.contents.contents-bbs {
	margin:4.8em auto 0;
	background: #fafafa;
}
@media only screen and (max-width:640px) {
	.contents.contents-bbs {
		margin:4.7em auto 0;
		padding: 0;
	}
}
@media only screen and (max-width:768px) {
	.contents {
		margin:5em auto 7em;
	}
}
.scr-x {
	overflow-x:auto;
}
.visible-md {
	display:none;
}
@media only screen and (max-width:768px) {
	.visible-md {
		display:block;
	}
}
.visual-btn {
	margin-top:3.4em;
}
@media only screen and (max-width:768px) {
	.visual-btn {
		margin-top:1.8em;
	}
}
.visual-btn .btn {
	width:10.556em;
	font-size:1.8rem;
	font-weight:600;
	-webkit-box-shadow:0.556em 0.556em 1.111em rgba(125,125,125,0.1);
	-moz-box-shadow:0.556em 0.556em 1.111em rgba(125,125,125,0.1);
	box-shadow:0.556em 0.556em 1.111em rgba(125,125,125,0.1);
}
@media only screen and (max-width:640px) {
	.visual-btn .btn {
		font-size:inherit;
	}
}
.visual-btn .btn-white {
	color:#000;
}
.visual-btn .btn-blue {
	color:#fff;
}
.box-group:before,.box-group:after {
	content:' ';
	display:table;
}
.box-group:after {
	clear:both;
}
.box-group .item {
	float:left;
}
.box-group .txt {
	background:#fff;
}
.box-group .txt:hover .arrow {
	margin-left: 0.5em;
}
/* icon */
.ico-l {
	margin-right:10px;
}
.ico-r {
	margin-left:10px;
}
.ico-allpay {
	background-position:-100px 0;
}
@media only screen and (max-width:640px) {
	.ico-allpay {
		background-position:-80px 0;
	}
}
.ico-nkpay {
	background-position:-200px 0;
}
@media only screen and (max-width:640px) {
	.ico-nkpay {
		background-position:-160px 0;
	}
}
.ico-personal {
	background-position:-300px 0;
}
@media only screen and (max-width:640px) {
	.ico-personal {
		background-position:-240px 0;
	}
}
.ico-free {
	background-position:-400px 0;
}
@media only screen and (max-width:640px) {
	.ico-free {
		background-position:-320px 0;
	}
}
.ico-account {
	background-position:-500px 0;
}
@media only screen and (max-width:640px) {
	.ico-account {
		background-position:-400px 0;
	}
}
.ico-admin {
	background-position:-600px 0;
}
@media only screen and (max-width:640px) {
	.ico-admin {
		background-position:-480px 0;
	}
}
.ico-service {
	background-position:-700px 0;
}
@media only screen and (max-width:640px) {
	.ico-service {
		background-position:-560px 0;
	}
}
.ico-discount {
	width:13px;
	height:16px;
	background-position:-900px -100px;
}
@media only screen and (max-width:640px) {
	.ico-discount {
		width:6px;
		height:8px;
		background-position:-450px -50px;
		background-size:500px;
	}
}
.ico-androad {
	width:20px;
	height:19px;
	background:url("../img//android.svg") 0 0 no-repeat;
}
@media only screen and (max-width:640px) {
	.ico-androad {
		width:14px;
		height:14px;
	}
}
.ico-ios {
	width:20px;
	height:20px;
	background:url("../img//ios.svg") 0 0 no-repeat;
}
@media only screen and (max-width:640px) {
	.ico-ios {
		width:15px;
		height:15px;
	}
}
.ico-modal {
	width:14px;
	height:16px;
	background-position:-450px -150px;
}
.ico-down-black {
	width:12px;
	height:16px;
	background-position:-600px -100px;
}
.ico-down-white {
	width:12px;
	height:16px;
	background-position:-650px -100px;
}
.ico-down-blue {
	width:24px;
	height:24px;
	background-position:-200px -250px;
}
.ico-arrow-r-white {
	width:6px;
	height:16px;
	background-position:-750px -100px;
}
.ico-arrow-r-black {
	width:6px;
	height:16px;
	background-position:-800px -100px;
}
.ico-first {
	width:15px;
	height:15px;
	background-position:-100px -200px;
}
@media only screen and (max-width:640px) {
	.ico-first {
		-webkit-background-size:700px;
		-moz-background-size:700px;
		background-size:700px;
		background-position:-70px -140px;
	}
}
.ico-last {
	width:15px;
	height:15px;
	background-position:-150px -200px;
}
@media only screen and (max-width:640px) {
	.ico-last {
		-webkit-background-size:700px;
		-moz-background-size:700px;
		background-size:700px;
		background-position:-105px -140px;
	}
}
.ico-prev {
	width:15px;
	height:15px;
	background-position:-200px -200px;
}
@media only screen and (max-width:640px) {
	.ico-prev {
		-webkit-background-size:700px;
		-moz-background-size:700px;
		background-size:700px;
		background-position:-140px -140px;
	}
}
.ico-next {
	width:15px;
	height:15px;
	background-position:-250px -200px;
}
@media only screen and (max-width:640px) {
	.ico-next {
		-webkit-background-size:700px;
		-moz-background-size:700px;
		background-size:700px;
		background-position:-175px -140px;
	}
}
.ico-lock {
	width:11px;
	height:11px;
	background-position:-175px -100px;
	-webkit-background-size:500px;
	-moz-background-size:500px;
	background-size:500px;
}
.ico-file {
	width:11px;
	height:11px;
	background-position:-150px -100px;
	-webkit-background-size:500px;
	-moz-background-size:500px;
	background-size:500px;
}
.ico-refresh {
	width:24px;
	height:24px;
	background-position:-700px -200px;
}
.ico-cancel {
	width:24px;
	height:24px;
	background-position:-500px -200px;
}
@media only screen and (max-width:640px) {
	.ico-cancel {
		width:19px;
		height:19px;
		-webkit-background-size:780px;
		-moz-background-size:780px;
		background-size:780px;
		background-position:-390px -156px;
	}
}
.ico-complete {
	width:52px;
	height:52px;
	background-position:-900px -300px;
}
.ico-simple {
	width:4.563em;
	height:3.375em;
	margin-bottom:0.8em;
	-webkit-background-size:62.5em;
	-moz-background-size:62.5em;
	background-size:62.5em;
}
.ico-simple1 {
	background-position:-50em 0;
}
.ico-simple2 {
	background-position:-56.25em 0;
}
.ico-simple3 {
	background-position:-25em -18.75em;
}
.ico-simple4 {
	background-position:-31.25em -18.75em;
}
.ico-simple5 {
	background-position:-37.5em -18.75em;
}
.ico-simple6 {
	background-position: -43.75em -18.75em;
}
/* ----------------------------------------------------------------	header---------------------------------------------------------------- */
#global-header {
	position:fixed;
	left:0;
	right:0;
	z-index:1002;
	border-bottom: 1px solid #e6e6e6;
	background:#fff;
}
#global-header.sticky {
	position:fixed;
	left:0;
	top:0;
	width:100%;
}
#global-header.sticky .sticky-bar {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
	background:#000;
}
#global-header .sticky-bar {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:76px;
	z-index:0;
	background:#fff;
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transition:all,0.1s cubic-bezier(0.5,0,0.5,1);
	-moz-transition:all,0.1s cubic-bezier(0.5,0,0.5,1);
	-ms-transition:all,0.1s cubic-bezier(0.5,0,0.5,1);
	-o-transition:all,0.1s cubic-bezier(0.5,0,0.5,1);
	transition:all,0.1s cubic-bezier(0.5,0,0.5,1);
}
#global-header .sticky-bar:after {
	content:' ';
	display:block;
	position:absolute;
	left:0;
	width:100%;
	bottom:0;
}
@media only screen and (max-width:768px) {
	#global-header .sticky-bar {
		width:100%;
		height:54px;
	}
}
#global-header .header-wrapper {
	position:relative;
	margin:0 2.083%;
	height:76px;
}
@media only screen and (max-width:1024px) {
	#global-header .header-wrapper {
		margin:0 20px;
		height:54px;
	}
}
@media only screen and (max-width:768px) {
	#global-header .header-wrapper {
		height:54px;
	}
}
#global-header h1,#global-header .gnb-info {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#global-header h1 {
	left:0;
}
#global-header h1 a {
	display:block;
	width:140px;
	height:auto;
}
#global-header .gnb {
	width:100%;
	display:inline-block;
	vertical-align:middle;
	font-weight:500;
	font-size:1.3rem;
}
#global-header .gnb-info {
	right:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	font-size: 1.3rem;
}

#global-header.sticky .gnb-info>a {
	color:#fff;
}

#global-header .gnb-info a:not(:first-child) {
	margin-left:1em;
}
#global-header .gnb-info a:not(:first-child):before {
	content:' ';
	display:inline-block;
	vertical-align:0;
	margin-right:1em;
	width:1px;
	height:10px;
	background:#999999;
}
@media only screen and (max-width:1024px) {
	#global-header .gnb-info {
		display:none;
	}
}
#global-header .menu-btn {
	display:none;
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	text-indent:-9999px;
	width:18px;
	height:18px;
	background-position:-300px -100px;
}
#global-header.sticky  .menu-btn {
	filter: invert(100%);
}
@media only screen and (max-width:1024px) {
	#global-header .menu-btn {
		display:block;
	}
}
#global-header .mobile-lnb {
	position:fixed;
	right:-260px;
	top:0;
	width:260px;
	height:100%;
	padding:3em 0;
	-webkit-transition:all,0.4s;
	-moz-transition:all,0.4s;
	-ms-transition:all,0.4s;
	-o-transition:all,0.4s;
	transition:all,0.4s;
	background:#323335;
	z-index:9999;
	overflow-y:auto;
}
#global-header .mobile-lnb>ul>li {
	position:relative;
	padding:1em 30px;
}
#global-header .mobile-lnb>ul>li.depth>a:after {
	content:' ';
	display:inline-block;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-4px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	width:8px;
	height:8px;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#999999;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
}
#global-header .mobile-lnb>ul>li.active a:after {
	margin-top:0;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#global-header .mobile-lnb>ul>li.active ul.sub {
	display:block;
}
#global-header .mobile-lnb>ul>li>a {
	position:relative;
	display:block;
	color:#fff;
}
#global-header .mobile-lnb>ul>li ul.sub {
	display:none;
	margin-top:1.4em;
}
#global-header .mobile-lnb>ul>li ul.sub li a {
	display:block;
	padding:0.6em 1em;
	color:#ddd;
	font-size:1.5rem;
}
#global-header .mobile-lnb.active {
	right:0;
}
#global-header .mobile-lnb .mobile-info {
	padding:2em 0;
	margin:2em 30px 0;
	border-top:1px solid rgba(255,255,255,0.1);
}
#global-header .mobile-lnb .mobile-info a {
	display:block;
	padding:1em 0;
	color:#fff;
}
#global-header .mobile-lnb .mobile-info button {
	margin-top:2em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#global-header .web {
	position:relative;
	max-width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:1200px) {
	#global-header .web {
		margin:0 20px;
	}
}
@media only screen and (max-width:1600px) {
	#global-header .web {
		margin-left:calc(320 / 1600* 100%);
	}
}
#global-header .web>ul>li {
	position:relative;
	display:inline-block;
	padding:2em 2.5%;
}
#global-header .web>ul>li:first-child {
	padding-left:0;
}
#global-header .web>ul>li.on>a:before {
	width:100%;
	height:2px;
}

#global-header.sticky .web>ul>li>a {
	color:#fff;
}

#global-header .web>ul>li>a {
	position:relative;
	font-size: 1.4rem;
}


#global-header .web>ul>li>a:before {
	content:' ';
	display:inline-block;
	position:absolute;
	left:0;
	bottom:-10px;
	width:0;
	height:1px;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
	-webkit-transition:all,0.3s ease;
	-moz-transition:all,0.3s ease;
	-ms-transition:all,0.3s ease;
	-o-transition:all,0.3s ease;
	transition:all,0.3s ease;
	background:#000;
}

#global-header.sticky .web>ul>li>a:before {
	background:#fff;
}

#global-header .web>ul>li>a:hover:before {
	width:100%;
	height:2px;
}
#global-header .web>ul>li ul.sub {
	display:none;
	position:absolute;
	left:14px;
	min-width:160px;
	margin-top:0;
	padding:1em 0.5em;
	text-align:left;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
	-moz-transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
	-ms-transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
	-o-transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
	transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
}
#global-header .web>ul>li:hover>ul.sub {
	display:block;
	margin-top:15px;
	background:#fff;
	z-index:1000;
	-webkit-transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
	-moz-transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
	-ms-transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
	-o-transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
	transition:all,0.5s cubic-bezier(0.5,0,0.5,1);
}
#global-header .web>ul>li:hover>ul.sub li a {
	display:block;
	padding:0.5em 1em;
}
#global-header .web>ul>li:hover>ul.sub li a:hover {
	color:#185ef8;
	-webkit-transition:all,0.3s;
	-moz-transition:all,0.3s;
	-ms-transition:all,0.3s;
	-o-transition:all,0.3s;
	transition:all,0.3s;
}
@media only screen and (max-width:1024px) {
	#global-header .web {
		display:none;
	}
	#global-header .mobile {
		display:block;
	}
}
#global-header .transparency {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:1000;
}
#global-header .transparency.active {
	display: block;
}
/* ----------------------------------------------------------------	footer---------------------------------------------------------------- */
#global-footer {
	width:100%;
	padding:3em 0;
	border-top:1px solid #e8e8e8;
	background:#fff;
}
#global-footer .footer-area {
	margin:0 2.083%;
}
@media only screen and (max-width:1024px) {
	#global-footer .footer-area {
		margin:0;
	}
}
#global-footer .footer-wrap {
	position:relative;
	max-width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:1200px) {
	#global-footer .footer-wrap {
		margin:0 20px;
	}
}
#global-footer .footer-wrap h1 {
	display:inline-block;
	margin-bottom:1.5em;
	font-family: 'SUITE-Regular';
	font-weight:100;
}
#global-footer .footer-wrap h1 span {
	color:red;
	font-weight:900;
}
#global-footer .footer-wrap .familysite {
	position:absolute;
	right:0;
	top:-6px;
	text-align:left;
	cursor:pointer;
}
#global-footer .footer-wrap .familysite .select-chk {
	position:relative;
	display:inline-block;
	width:160px;
	padding:6px 0 6px 20px;
	vertical-align:middle;
	font-size:1.5rem;
	font-weight:400;
	color:#666666;
	background:transparent;
	cursor:pointer;
}
@media only screen and (max-width:640px) {
	#global-footer .footer-wrap .familysite .select-chk {
		width:130px;
	}
}
#global-footer .footer-wrap .familysite .select-btn {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:4px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	display:inline-block;
	width:16px;
	height:16px;
}
#global-footer .footer-wrap .familysite .select-btn:before,#global-footer .footer-wrap .familysite .select-btn:after {
	content:' ';
	display:inline-block;
	position:absolute;
	top:5px;
	width:10px;
	height:2px;
	background:#666666;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#global-footer .footer-wrap .familysite .select-btn:before {
	left:0;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#global-footer .footer-wrap .familysite .select-btn:after {
	right:0;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#global-footer .footer-wrap .familysite .select-btn.active:before {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#global-footer .footer-wrap .familysite .select-btn.active:after {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
@media only screen and (max-width:640px) {
	#global-footer .footer-wrap .familysite .select-btn {
		margin-top:1px;
		width:13px;
		height:13px;
	}
	#global-footer .footer-wrap .familysite .select-btn:before,#global-footer .footer-wrap .familysite .select-btn:after {
		width:8px;
		height:2px;
	}
}
#global-footer .footer-wrap .familysite .site-list {
	display:none;
	min-width:150px;
	position:absolute;
	left:0;
	bottom:40px;
	padding:10px 0;
	background:#fff;
	border:1px solid #4d4d4d;
	z-index:1000;
}
#global-footer .footer-wrap .familysite .site-list a {
	display:block;
	padding:4px 20px;
	font-size:1.3rem;
}
#global-footer .footer-wrap .familysite .site-list a:hover {
	color:#000;
	background:#f5f5f5;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#global-footer .footer-wrap .copyright-wrap {
	position:relative;
}
#global-footer .footer-wrap .copyright-wrap .company {
	font-size:1.3rem;
}
#global-footer .footer-wrap .copyright-wrap .company p {
	line-height:2em;
}
#global-footer .footer-wrap .copyright-wrap .company p span:not(:first-child) {
	margin-left:1.5%;
}
#global-footer .footer-wrap .copyright-wrap .company p span:not(:first-child):before {
	content:' ';
	display:inline-block;
	margin-right:1.5%;
	vertical-align:middle;
	background:#999999;
	width:1px;
	height:12px;
}
#global-footer .footer-wrap .terms {
	margin:1.2em 0 2.2em;
	line-height:2em;
}
@media only screen and (max-width:768px) {
	#global-footer .footer-wrap .terms {
		margin:1em 0;
	}
}
#global-footer .footer-wrap .terms a {
	padding:0.2em 0;
	font-size:1.4rem;
	font-weight:400;
	color:#999999;
}
#global-footer .footer-wrap .terms a:not(:last-child) {
	margin-right:2.2%;
}
#global-footer .footer-wrap .terms a:nth-of-type(4) {
	color:#000;
}
@media only screen and (max-width:640px) {
	#global-footer .footer-wrap .terms:before,#global-footer .footer-wrap .terms:after {
		content:' ';
		display:table;
	}
	#global-footer .footer-wrap .terms:after {
		clear:both;
	}
	#global-footer .footer-wrap .terms a {
		float:left;
		width:auto;
	}
	#global-footer .footer-wrap .terms a:not(:last-child) {
		margin-right:1em;
	}
}
#global-footer .footer-wrap .banner-wrap {
	position:relative;
	padding-top:1.4em;
	border-top:1px solid #eeeeee;
}
#global-footer .footer-wrap .banner-wrap .banner-area .banner {
	display:inline-block;
	padding:0.5em 0;
	color:#666666;
	vertical-align:top;
}
#global-footer .footer-wrap .banner-wrap .banner-area .banner:not(:first-child) {
	margin-left:2.5%;
}
#global-footer .footer-wrap .banner-wrap .banner-area .banner strong,#global-footer .footer-wrap .banner-wrap .banner-area .banner span {
	display:inline-block;
	vertical-align:middle;
	font-size:1.5rem;
	vertical-align:top;
}
#global-footer .footer-wrap .banner-wrap .banner-area .banner strong {
	margin-right:8px;
}
#global-footer .footer-wrap .banner-wrap .banner-area .banner strong span {
	display:none;
}
@media (min-width:1025px) {
	#global-footer .footer-wrap .banner-wrap .banner-area .banner span small {
		display:block;
		font-size:1rem;
		color:#999;
		margin-top:-1px;
	}
}
@media only screen and (max-width:768px) {
	#global-footer .footer-wrap .banner-wrap .banner-area .banner strong {
		display:none;
	}
}
#global-footer .footer-wrap .banner-wrap .banner-area .banner span {
	line-height:140%;
}
#global-footer .footer-wrap .banner-wrap .banner-area .banner img {
	height:30px;
}
@media only screen and (max-width:1024px) {
	#global-footer .footer-wrap .banner-wrap .banner-area {
		margin-bottom:1.5em;
	}
}
@media (max-width:1024px) {
	#global-footer .footer-wrap .banner-wrap .banner-area .banner {
		display:block;
		margin-left:0 !important;
	}
	#global-footer .footer-wrap .banner-wrap .banner-area .banner strong {
		display:inline-block;
		font-weight:500;
	}
	#global-footer .footer-wrap .banner-wrap .banner-area .banner strong span {
		display:block;
	}
}
#global-footer .footer-wrap .banner-wrap .social {
	position:absolute;
	right:0;
	top:-73px;
	width:30%;
	text-align:right;
}
@media only screen and (max-width:1024px) {
	#global-footer .footer-wrap .banner-wrap .social {
		width:100%;
		text-align:left;
		position:relative;
		top:auto;
		right:auto;
	}
}
#global-footer .footer-wrap .banner-wrap .social a {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:40px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#cccccc;
}
#global-footer .footer-wrap .banner-wrap .social a+a {
	margin-left:2%;
}
#global-footer .footer-wrap .banner-wrap .social a:first-child {
	background:transparent;
	text-align:center;
}
#global-footer .footer-wrap .banner-wrap .social button {
	margin-top:3px;
	margin-right:2.8%;
	vertical-align:top;
}
#global-footer .footer-wrap .banner-wrap .social button img {
	width:36px;
}
#global-footer .footer-wrap .banner-wrap .social a:hover {
	background-color:#4d4d4d;
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	-ms-transition:background 0.3s ease;
	-o-transition:background 0.3s ease;
	transition:background 0.3s ease;
}
#global-footer .footer-wrap .banner-wrap .social i {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:40px;
	height:20px;
}
#global-footer .footer-wrap .banner-wrap .social i.ico-insta {
	background-position:-350px -100px;
}
#global-footer .footer-wrap .banner-wrap .social i.ico-facebook {
	background-position:-400px -100px;
}
#global-footer .footer-wrap .banner-wrap .social i.ico-kakaoplus {
	background-position:-450px -100px;
}
#global-footer .footer-wrap .banner-wrap .social i.ico-blog {
	background-position:-500px -100px;
}
#global-footer .footer-wrap .banner-wrap .social i.ico-post {
	background-position: -550px -100px;
}
/* floating menu */
.floating-menu {
	position:fixed;
	right:1.5em;
	bottom:6.2em;
	z-index:1001;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
@media only screen and (max-width:1200px) {
	.floating-menu {
		bottom:6.7em;
	}
}
@media only screen and (max-width:768px) {
	.floating-menu {
		right:20px;
	}
}
.f-btn {
	display:none;
	width:60px;
	height:60px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	line-height:60px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
@media only screen and (max-width:768px) {
	.f-btn {
		width:50px;
		height:50px;
		line-height:50px;
	}
}
.go-top {
	background:#333333;
}
.go-top b {
	display:block;
	font-size:1.3rem;
	font-weight:400;
}
.go-menu {
	margin-top:0.8em;
	background:#185ef8;
}
.go-menu:before {
	content:'Menu';
	font-size:1.3rem;
	font-weight: 400;
}
/* floating cont */
.floating-cont {
	position:fixed;
	left:0;
	bottom:-13em;
	z-index:1000;
	width:100%;
	height:5.875em;
	-webkit-transition:0.4s ease;
	-moz-transition:0.4s ease;
	-ms-transition:0.4s ease;
	-o-transition:0.4s ease;
	transition:0.4s ease;
}
.floating-cont.open {
	bottom:0;
}
@media only screen and (max-width:1200px) {
	.floating-cont.open+.floating-menu {
		bottom:11.7em;
	}
}
@media only screen and (max-width:640px) {
	.floating-cont.open+.floating-menu {
		bottom:13.5em;
	}
}
.floating-cont.open+.floating-menu .go-menu {
	background:#fff;
	color:#185ef8;
	-webkit-box-shadow:0 0 0.8em rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 0.8em rgba(0,0,0,0.2);
	box-shadow:0 0 0.8em rgba(0,0,0,0.2);
}
.floating-cont.open+.floating-menu .go-menu:before {
	content: 'Close';
}
/* fixed-menu */
.fixed-menu {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	border-top:1px solid #eeeeee;
	background:#fff;
	z-index:1000;
}
@media only screen and (max-width:768px) {
	.fixed-menu .hidden-xs {
		display:none !important;
	}
}
.fixed-menu .menu-list {
	font-size:0;
	position:relative;
	max-width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:1200px) {
	.fixed-menu .menu-list {
		margin:0 20px;
	}
}
@media only screen and (max-width:768px) {
	.fixed-menu .menu-list {
		margin:0;
	}
}
.fixed-menu .menu-list a {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:16.666666666666667%;
	padding:2.3em 0;
	background:#fff;
	font-size:1.7rem;
	font-weight:400;
	text-align:center;
}
@media only screen and (max-width:768px) {
	.fixed-menu .menu-list a {
		width:33.3333% !important;
		margin:0 !important;
	}
}
@media only screen and (max-width:640px) {
	.fixed-menu .menu-list a {
		padding:1em 0;
		font-size:1.3rem !important;
	}
}
@media only screen and (max-width:768px) {
	.fixed-menu .menu-list a:before {
		display:inline !important;
	}
}
.fixed-menu .menu-list a:not(:last-child):after {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	width:1px;
	height:20px;
	background:#ddd;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
@media only screen and (max-width:768px) {
	.fixed-menu .menu-list a:not(:last-child):after {
		display:none;
	}
}
@media only screen and (max-width:768px) {
	.fixed-menu .menu-list a:nth-child(2),.fixed-menu .menu-list a:nth-child(5) {
		border-width:0 1px;
		border-style:solid;
		border-color:#ddd;
	}
}
@media only screen and (max-width:768px) {
	.fixed-menu .menu-list a:nth-child(n+4):nth-child(-n+6) {
		border-top: 1px solid #ddd;
	}
}
/* chat menu */
#ch-plugin .Launcherstyled__Wrapper-oef45p-0 {
	-webkit-transition:0.4s ease;
	-moz-transition:0.4s ease;
	-ms-transition:0.4s ease;
	-o-transition:0.4s ease;
	transition:0.4s ease;
}
@media only screen and (max-width:1200px) {
	#ch-plugin .Launcherstyled__Wrapper-oef45p-0.open {
		bottom:7em !important;
	}
}
@media only screen and (max-width:640px) {
	#ch-plugin .Launcherstyled__Wrapper-oef45p-0 {
		right:20px !important;
	}
	#ch-plugin .Launcherstyled__Wrapper-oef45p-0.open {
		bottom:8em !important;
	}
}
/*@include breakpoint(mobile){#ch-plugin .dUEtxB{right:20px !important;@include transition(0.4s ease);&.open{bottom: 8em !important;}}}*/
/* ----------------------------------------------------------------	modal---------------------------------------------------------------- */
/* modal */
.modal.modal-show {
	visibility:visible;
	display:block;
}
.modal.modal-show .modal-content {
	opacity:1;
	filter:alpha(opacity=100);
}
.modal {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	overflow:auto;
	max-width:750px;
	max-height:700px;
	z-index:10001;
	background:#fff;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
@media only screen and (max-width:640px) {
	.modal {
		max-height:none;
	}
	.modal[class*="modal-"] {
		min-width:auto;
		max-width:none;
		width:100%;
		height:100%;
	}
}
.modal .modal-header {
	position:relative;
	padding:1.45em 2em;
	border-bottom:1px solid #e6e6e6;
}
@media only screen and (max-width:640px) {
	.modal .modal-header {
		padding:1.8em 2em;
	}
}
.modal .modal-header h2 {
	font-size:2rem;
	font-weight:400;
	line-height:2.2rem;
}
.modal .modal-header .modal-close {
	position:absolute;
	top:0;
	right:0.5em;
	z-index:10;
	width:21px;
	height:21px;
	margin:1.5em;
	background-position:-900px -250px;
	overflow:hidden;
	text-indent:-3000px;
	cursor:pointer;
}
.modal .modal-content {
	padding:2.2em;
	font-size:1.4rem;
	line-height:2.2rem;
}
@media only screen and (max-width:640px) {
	.modal .modal-content {
		padding:2.2em 2.2em 6em;
	}
}
.modal .modal-content ul.info-list li+li {
	margin-top:0.9em;
}
@media only screen and (max-width:640px) {
	.modal .modal-content ul.info-list li+li {
		margin-top:1.8em;
	}
}
.modal .modal-content .terms-list>li+li {
	margin-top:1em;
}
.modal .modal-content .terms-list>li ul li {
	margin-top:0.3em;
}
.modal .modal-content .terms-list .sub-tit {
	margin-top:2em;
}
.modal .modal-footer {
	padding:0.5em 2em 1.8em;
}
@media only screen and (max-width:640px) {
	.modal .modal-footer {
		position:fixed;
		bottom:0;
		width:100%;
		padding:0;
	}
	.modal .modal-footer .btn {
		padding:1.4em 0 1.5em;
		font-size:1.6rem;
	}
}
.modal-show .modal-overlay {
	visibility:visible;
	opacity:0.6;
	filter:alpha(opacity=60);
	-webkit-transition:all,0.5s;
	-moz-transition:all,0.5s;
	-ms-transition:all,0.5s;
	-o-transition:all,0.5s;
	transition:all,0.5s;
}
.modal-overlay {
	position:fixed;
	visibility:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:10000;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.modal-lg {
	max-width:900px;
}
.modal-sm {
	max-width:500px;
}
.modal-xs {
	max-width:400px;
}
.modal-tab {
	display:flex;
	justify-content:space-between;
	margin-bottom:1.5rem;
}
.modal-tab .tab-btn {
	width:49.5%;
	padding:1.2em 0.5em;
	text-align:center;
	font-size:1.2rem;
	color:#a8b0c5;
	letter-spacing:-1px;
	background:#f1f1f6;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-transition:all,0.3s ease;
	-moz-transition:all,0.3s ease;
	-ms-transition:all,0.3s ease;
	-o-transition:all,0.3s ease;
	transition:all,0.3s ease;
}
.modal-tab .tab-btn.active {
	color:#fff;
	font-weight:bold;
	background:#185ef8;
}
.isms-wrap {
	padding:0 0 10px;
	text-align:center;
}
.isms-wrap img {
	width:50%;
}
.isms-wrap .isms-txt {
	margin-top:30px;
	color:#666;
	font-size:13px;
	letter-spacing:-.7px;
	text-align:left;
}
.isms-wrap .isms-txt p {
	margin:7px 0;
	word-break:keep-all;
}
.isms-wrap .isms-txt strong {
	display:block;
	color:#333;
	font-size:14px;
	font-weight:bold;
}
.isms-wrap .isms-txt p span {
	display:flex;
}
.isms-wrap .isms-txt p span em {
	margin-right:8px;
	font-weight:bold;
}
.isms-wrap .isms-txt small {
	color: #999;
}








/* ----------------------------------------------------------------	login layout---------------------------------------------------------------- */

.wraplogin {
	position: relative;
	padding:0;
	height:100%;
}
#login {
	position: absolute;
	top: 50%;
	left: 50%;
	padding:3em;
	margin: -300px 0 0 -200px;
	max-width:400px;
	height:470px;
	text-align:center;
	border:1px solid #ddd;
}
@media only screen and (max-width:640px) {
	.wraplogin {
		position: relative;
		padding:10em 1em;
	}
	#login {
		position: relative;
		top: 0;
		left: 0;
		padding:6em 1.5em;
		margin: 0 auto;
		height:450px;
	}
}
#login .login-title h2 {
	width: 300px;
	height: auto;
	margin: 0 auto;
	font-size: 4rem;
	font-weight: 100;
}
#login .login-title h2 span {
	color:red;
	font-weight: 900;
}
@media only screen and (max-width:640px) {
	#login .login-title h2 {
		width:100%;
	}
}
#login .login-title p {
	padding:1.1em 0 2.5em;
	font-size:1.8rem;
}
@media only screen and (max-width:640px) {
	#login .login-title p {
		font-size:1.6rem;
	}
}
#login .tab-menu {
	display:table;
	table-layout:fixed;
	width:100%;
	margin-bottom:1em;
}
@media only screen and (max-width:640px) {
	#login .tab-menu {
		margin-bottom:0.5em;
	}
}
#login .tab-menu li {
	display:table-cell;
	width:50%;
	color:#666666;
	border-style:solid;
	border-width:1px 0 1px 1px;
	border-color:#ddd #ddd #000;
}
@media only screen and (max-width:640px) {
	#login .tab-menu li {
		font-size:1.5rem;
	}
}
#login .tab-menu li a {
	display:block;
	padding:1em 0;
}
#login .tab-menu li:last-child {
	border-right:1px solid #ddd;
}
#login .tab-menu li.active {
	border-color:#000 #000 #fff;
	border-width:1px 1px 0 1px;
	font-weight:500;
	color:#000;
}
#login .login-group {
	padding:1em 0;
}
#login .login-group .login-input .form-control {
	padding:0 1.5em;
	border:0;
	height:57px;
	border-bottom:1px solid #ddd;
}
#login .login-group .login-input .form-control:focus {
	border-bottom:1px solid #000;
}
@media only screen and (max-width:640px) {
	#login .login-group .login-input .form-control {
		padding:0 1em;
		height:50px;
	}
}
#login .login-group .login-input+.login-input {
	margin-top:1em;
}
#login .login-group .check-group {
	padding-top:1.3em;
}
#login .login-group>.btn {
	margin-top:1.8em;
}
#login .find-result {
	padding:4em 1em;
	font-size:1.8rem;
}
#login .btn-group {
	padding:1.3em 0 1.6em;
	width:100%;
}
@media only screen and (max-width:640px) {
	#login .btn-group {
		padding:1.5em 0 2em;
	}
}
#login .btn-group button {
	display:inline-block;
	padding:1em 0.5em;
	width:48%;
	font-size:1.5rem;
	font-weight:300;
	border:1px solid #999999;
}
@media only screen and (max-width:640px) {
	#login .btn-group button {
		padding:0.8em;
	}
}
#login .btn-group button+button {
	margin-left:3%;
}
#login .btn-group button:before {
	content:' ';
	width:20px;
	height:20px;
	vertical-align:middle;
	margin:-1px 8px 0 0;
}
@media only screen and (max-width:640px) {
	#login .btn-group button:before {
		width:15px;
		height:15px;
	}
}
#login .btn-group button i {
	margin-top:-0.28em;
}
#login .link-group {
	font-size:1.5rem;
}
#login .link-group:before,#login .link-group:after {
	content:' ';
	display:table;
}
#login .link-group:after {
	clear:both;
}
#login .link-group:last-child div {
	color:#666666;
}
@media only screen and (max-width:640px) {
	#login .link-group:last-child div {
		font-size:1.4rem;
	}
}
#login .link-group:last-child div span {
	display:inline-block;
	font-size:1.3rem;
	vertical-align:top;
	margin:0 10px 0 13px;
	color: #ddd;
}


/* paging */
.paging {
	margin-top:3.8em;
	text-align:center;
}
@media only screen and (max-width:640px) {
	.paging {
		margin-top:3.2em;
	}
}
.paging .btn-paging {
	display:inline-block;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	vertical-align:middle;
}
@media only screen and (max-width:640px) {
	.paging .btn-paging {
		width:2em;
		height:2em;
		line-height:2em;
	}
}
.paging ol {
	display:inline-block;
	margin:0 1em;
}
@media only screen and (max-width:640px) {
	.paging ol {
		margin:0 0.5em;
	}
}
.paging ol li {
	padding:0.6em 1em;
	display:inline-block;
	vertical-align:middle;
}
@media only screen and (max-width:640px) {
	.paging ol li {
		padding:0.2em 0.8em;
	}
}
.paging ol li:not(:last-child) {
	margin-right:5px;
}
.paging ol li>a {
	display:block;
	text-align:center;
	color:#707070;
	-webkit-transition:all,0.3s;
	-moz-transition:all,0.3s;
	-ms-transition:all,0.3s;
	-o-transition:all,0.3s;
	transition:all,0.3s;
}
.paging ol li>a:after {
	display:block;
	content:' ';
	width:110%;
	height:2px;
	background: Transparent;
}
.paging ol li>a:hover {
	color:#000;
}
.paging ol li.active a {
	color:#000;
}
.paging ol li.active a:after {
	display:block;
	content:' ';
	width:110%;
	height:2px;
	background: #000;
}
/* video common */
.video-wrap {
	position:relative;
}
.video-wrap .video-area {
	position:relative;
	height:0;
	overflow:hidden;
}
.video-wrap .video-area video,.video-wrap .video-area img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-filter:contrast(101%);
	filter: contrast(101%);
}
/* ani img common */
.img-area {
	position:relative;
}
.img-area [class*="ani"] {
	position: absolute;
}
/* ----------------------------------------------------------------	function popup---------------------------------------------------------------- */
.popup-wrap .write-form .panel+.panel {
	margin-top:1.5em;
}
.popup-wrap .write-form .panel-heading {
	width:22%;
}
.popup-wrap .write-form .panel-body {
	position:relative;
	width:78%;
}
.popup-wrap .write-form .panel-body p {
	word-break:break-word;
}
.popup-wrap .write-form .input-unit .form-control {
	padding-right:3em;
}
.popup-wrap .write-form .input-unit .unit {
	position:absolute;
	top:1em;
	right:1.5em;
}
.popup-wrap .complete-wrap .text-box {
	padding:0.5em 0;
}
@media only screen and (max-width:640px) {
	.popup-wrap .complete-wrap .text-box {
		padding:2.2em 0;
	}
}
.popup-wrap .complete-wrap .text-box strong {
	display:block;
	margin:1.1em 0 0.7em;
	font-size:2.7rem;
}
.popup-wrap .complete-wrap .text-box strong+p {
	font-size:1.4rem;
	color:#666666;
	line-height:2rem;
	letter-spacing:-0.02rem;
}
.popup-wrap .complete-wrap .info-box {
	max-width:24em;
	margin:1.5em auto;
}
.popup-wrap .complete-wrap .info-box dl {
	padding:1em 0;
	border-bottom:1px solid #e6e6e6;
	font-size:1.5rem;
}
@media only screen and (max-width:640px) {
	.popup-wrap .complete-wrap .info-box dl {
		padding:1.25em 0;
	}
}
.popup-wrap .input-chk input+span {
	font-size:1.6rem;
}
@media only screen and (max-width:640px) {
	.popup-wrap .input-chk input+span {
		font-size:1.5rem;
	}
}
.popup-wrap .table-info {
	margin-bottom:1em;
	font-size:1.4rem;
}
.popup-wrap .ellipsis {
	min-height:1.7rem;
}
.w-popup .popup-header {
	padding:1.8em 2em;
	border-bottom:1px solid #e1e1e1;
}
.w-popup .popup-header h2 {
	font-size:2.2rem;
	font-weight:500;
	line-height:2.2rem;
}
@media only screen and (max-width:640px) {
	.w-popup .popup-header h2 {
		font-size:1.8rem;
	}
}
.w-popup .popup-content {
	padding:2.2em 2em;
}
.w-popup .popup-content table {
	min-width:770px;
	table-layout:fixed;
}
.w-popup .popup-content table .table-btn {
	font-size:1.2rem;
	text-decoration:underline;
}
.w-popup .popup-content table .table-btn:hover {
	color:#185ef8;
}
.w-popup .popup-content .btn-center-block {
	margin-top:4.5em;
}
.w-popup .popup-content .guide-text {
	font-size:1.3rem;
	font-weight:400;
	color:#666666;
}
.w-popup .popup-content .detail {
	margin-top:1.5em;
}
.w-popup .agree-wrap .agree-view {
	padding:0.6em 0 1.5em;
	border:solid #ddd;
	border-width:0 0 1px;
}
@media only screen and (max-width:640px) {
	.w-popup .agree-wrap .agree-view {
		padding:1em;
		border-width:1px;
	}
}
.w-popup .agree-wrap .agree-view textarea {
	padding:0;
	border:0;
	font-size:1.5rem;
	font-weight:300;
}
@media only screen and (max-width:640px) {
	.w-popup .agree-wrap .agree-view textarea {
		font-size:1.3rem;
	}
}
.w-popup .agree-wrap .agree-view+.input-chk {
	margin-top:1.2em;
}
.w-popup .agree-wrap .btn-view {
	position:absolute;
	right:0;
	color:#999999;
	text-decoration:underline;
}
@media only screen and (max-width:640px) {
	.w-popup .agree-wrap .btn-view {
		font-size:1.3rem;
	}
}
.w-popup .agree-wrap .btn-view:hover {
	color:#333333;
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-ms-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}
.m-popup {
	min-height:100%;
	padding:50px 25px 10px;
	background:#f7f7f7;
}
.m-popup h2,.m-popup h3 {
	font-weight:500;
}
.m-popup .popup-header {
	margin-bottom:35px;
}
.m-popup .popup-header h2 {
	font-size:2.5rem;
}
.m-popup .popup-header p {
	margin-top:20px;
	font-size:1.6rem;
	font-weight:400;
	color:#666666;
	line-height:2.4rem;
	letter-spacing:-0.01rem;
}
.m-popup .form-group {
	margin-bottom:30px;
}
.m-popup .form-group h3 {
	margin:35px 0 0;
	font-size:1.7rem;
}
.m-popup .form-box {
	margin:12px 0;
	padding:14px 20px;
	background:#fff;
	font-size:1.5rem;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.m-popup .form-box input {
	width:100%;
	height:36px;
	outline:0;
}
.m-popup .form-box.bg-gray {
	background:#eeeeee;
}
.m-popup .form-box .box-wrap {
	margin:-12px 0;
}
.m-popup .form-box .box {
	padding:9px 0;
}
.m-popup .form-box .box+.box {
	border-top:1px solid #eeeeee;
}
.m-popup .form-box .row {
	margin:10px 0;
}
.m-popup .form-box .list-wrap {
	font-size:1.4rem;
}
.m-popup .form-box .list-wrap strong {
	font-size:1.6rem;
}
.m-popup .form-box select.form-control {
	border:transparent;
	padding:0;
	height:30px;
	background-position:right center;
}
.m-popup .agree-wrap {
	height:120px;
	font-size:1.4rem;
	overflow-y:auto;
}
.m-popup .agree-wrap .table {
	margin:5px 0;
}
.m-popup .chat-wrap {
	max-height:260px;
	overflow-y:auto;
}
.m-popup .chat-box {
	position:relative;
}
.m-popup .chat-box:before {
	content:"";
	position:absolute;
	left:5px;
	top:17px;
	bottom:10px;
	width:1px;
	background:#ddd;
}
.m-popup .chat-box .chat {
	position:relative;
	margin-left:25px;
	padding:8px 0;
	font-size:1.4rem;
}
.m-popup .chat-box .chat:before,.m-popup .chat-box .chat .writer:before {
	content:"";
	position:absolute;
	top:11px;
	left:-25px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.m-popup .chat-box .chat:before {
	width:11px;
	height:11px;
	border:1px solid #ddd;
	background:#fff;
}
.m-popup .chat-box .chat.admin:before {
	border-color:#185ef8;
}
.m-popup .chat-box .chat.admin .writer:before {
	background:#185ef8;
}
.m-popup .chat-box .chat .writer:before {
	width:7px;
	height:7px;
	margin:2px;
	background:#ddd;
}
.m-popup .chat-box .chat .writer b {
	margin-right:12px;
	font-size:1.5rem;
}
.m-popup .chat-box .chat .talk {
	margin:10px 0;
	line-height:2rem;
}
.m-popup .alert {
	margin-bottom:35px;
	font-size:1.4rem;
}
.m-popup .btn-lg {
	margin:12px 0;
	padding:1.5em 0 1.65em;
	font-size:1.6rem;
}
.m-popup .btn-lg.inactive {
	border:1px solid #ddd;
	background:#ddd;
	color:#fff;
}
.m-popup .btn-lg.inactive:focus,.m-popup .btn-lg.inactive:hover {
	background:#d8d8d8;
}
.m-popup .btn-lg.active {
	background:#185ef8;
	color:#fff;
}
.m-popup .btn-lg.active:focus,.m-popup .btn-lg.active:hover {
	background:#0e57f8;
}
.m-popup .btn-sm {
	height:36px;
	font-size:1.4rem;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.m-popup .btn-horizon {
	margin:20px -10px 0;
}
.m-popup .btn-horizon .btn-table {
	border-spacing: 10px 0;
}
/* ----------------------------------------------------------------	top banner---------------------------------------------------------------- */
.tbn-none .banner-section {
	/* display:none;*/
}
.banner-section {
	position:relative
}
.banner-section .banner-m {
	display:none
}
.banner-section .banner-pc {
	max-width: none
}
/*@media only screen and (max-width:1024px){*/
/* .banner-section a{display:block;position:relative;width:100%;overflow:hidden;text-align: center}*/
/* .banner-section img{left:50%;transform:translateX(-50%);position: relative}*/
/*}*/
@media only screen and (max-width:768px) {
	.banner-section .banner-m {
		display:block;
		width:100%
	}
	.banner-section .banner-m img {
		width:100%
	}
	.banner-section .banner-pc {
		display:none
	}
	.banner-section img {
		left:auto;
		transform:translateX(0px)
	}
}
@media only screen and (max-width:640px) {
	.banner-section .banner-m img {
		width:auto
	}
}
.banner-section .item {
	height:5em;
	padding:0.95em 0;
	text-align:center;
	letter-spacing:-0.1rem;
	background:no-repeat center;
	background-size:cover;
}
.banner-section .item strong {
	font-size:1.8rem;
	color:#333333;
}
@media only screen and (max-width:640px) {
	.banner-section .item strong {
		font-size:1.6rem;
	}
}
.banner-section .item strong i {
	margin:0 0.8em;
}
@media only screen and (max-width:640px) {
	.banner-section .item strong i {
		width:1.5rem;
		height:1.5rem;
	}
}
.banner-section .item p {
	font-size:1.3rem;
	line-height:2.9rem;
}
.banner-section .item.blogpay {
	background-image:url("/homepage/images/banner/img_top_blogpay.jpg");
}
.banner-section .ico-x {
	display:inline-block;
	position:relative;
	width:1.6rem;
	height:1.6rem;
}
.banner-section .ico-x:before,.banner-section .ico-x:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:1.5rem;
	height:1px;
	background:#fff;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.banner-section .ico-x:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.banner-section .ico-x:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.banner-section .close {
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	padding:0.2em;
	font-size:1.3rem;
	line-height:1.4rem;
	opacity:0.6;
	filter:alpha(opacity=60);
	-webkit-transition:0.2s ease;
	-moz-transition:0.2s ease;
	-ms-transition:0.2s ease;
	-o-transition:0.2s ease;
	transition:0.2s ease;
}
@media only screen and (max-width:640px) {
	.banner-section .close {
		background:#fff;
	}
}
.banner-section .close:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.banner-section .close * {
	display:inline-block;
	vertical-align:middle;
	color:#fff
}
@media only screen and (max-width:640px) {
	.banner-section .ico-x:before,.banner-section .ico-x:after {
		background:#000
	}
}
@media only screen and (max-width:640px) {
	.banner-section .close span {
		display:none;
	}
}
.banner-section .close .ico-x {
	margin:0.5em;
}
@media only screen and (max-width:640px) {
	.banner-section .close .ico-x:before,.banner-section .close .ico-x:after {
		width:1.8rem;
	}
}
@media only screen and (max-width:426px) {
	.banner-section .slick-list {
		height:50px
	}
	.banner-section li {
		height:50px
	}
	.banner-section li a {
		height:50px !important
	}
	.banner-section .banner-applepay img {
		width:94%
	}
	.banner-section .banner-wechatpay img {
		width:84%
	}
	.banner-section .banner-blogpay img {
		width:90%
	}
	.banner-section .banner-prosell img {
		width:97%
	}
	.banner-section .banner-apireseller img {
		width:92%;
		margin-top:1%;
		margin-left:2%;
	}
	.banner-section .banner-ucansign img {
		width:94%;
		margin-top: 1%
	}
}
/* ----------------------------------------------------------------	visual popup---------------------------------------------------------------- */
.popup-section {
	position:fixed;
	left:0;
	bottom:0;
	z-index:10001;
}
@media only screen and (max-width:640px) {
	.popup-section {
		left:50%;
		top:50%;
		bottom:auto;
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
}
.popup-section .btn-area:before,.popup-section .btn-area:after {
	content:' ';
	display:table;
}
.popup-section .btn-area:after {
	clear:both;
}
.popup-section .btn-area button {
	width:50%;
	float:left;
	padding:1.3em 0.625em;
	border-left:1px solid #cccccc;
	text-align:center;
	font-size:1.4rem;
	line-height:1.4rem;
	background:#f5f5f5;
}
.popup-section .btn-area button:hover {
	background:#e6e6e6;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
@media only screen and (max-width:640px) {
	.pop-show .pop-overlay {
		visibility:visible;
		opacity:0.6;
		filter:alpha(opacity=60);
		-webkit-transition:all,0.5s;
		-moz-transition:all,0.5s;
		-ms-transition:all,0.5s;
		-o-transition:all,0.5s;
		transition:all,0.5s;
	}
	.pop-overlay {
		visibility:hidden;
		position:fixed;
		top:0;
		right:0;
		left:0;
		bottom:0;
		width:100%;
		height:100%;
		background:#000;
		z-index:10000;
		opacity:0.6;
		filter: alpha(opacity=60);
	}
}
/* ----------------------------------------------------------------	heading common layout---------------------------------------------------------------- */
/* main */
.heading-main {
	padding:2.5em 0;
	letter-spacing:-0.075rem;
}
@media only screen and (max-width:768px) {
	.heading-main {
		padding:4.5em 0 2.5em !important;
		text-align:center;
	}
}
.heading-main * {
}
.heading-main h2 {
	display:inline-block;
	margin-bottom:0.5em;
	font-size:5.1rem;
	line-height:7rem;
	letter-spacing:-0.3rem;
}
@media only screen and (max-width:1024px) {
	.heading-main h2 {
		font-size:4.5rem !important;
	}
}
@media only screen and (max-width:768px) {
	.heading-main h2 {
		font-size:4.2rem !important;
	}
}
@media only screen and (max-width:640px) {
	.heading-main h2 {
		font-size:3.5rem !important;
		line-height:5rem !important;
	}
}
.heading-main p {
	font-size:1.9rem;
	color:#333333;
	line-height:3.2rem;
	letter-spacing:-0.12rem;
	word-break:keep-all;
}
@media only screen and (max-width:640px) {
	.heading-main p {
		padding:0 2em;
		font-size:1.7rem !important;
	}
}
.heading-main .refer {
	font-size:1.6rem;
	color:#666666;
}
.heading-main .refer:before {
	content:"*";
	display:inline-block;
	margin-right:0.3em;
	vertical-align:middle;
}
.heading-main.text-center {
	padding:6.875em 0 3.75em;
}
.heading-main.text-center h2 {
	margin-bottom:0.4em;
}
.heading-main.text-white {
	color:#fff;
}
.heading-main.text-white p {
	color: #fff;
}
/* sub */
.heading-sub * {
}
.heading-sub h2 {
	display:inline-block;
	margin-bottom:2em;
	font-size:3.8rem;
	font-weight:600;
	line-height:5.5rem;
}
@media only screen and (max-width:640px) {
	.heading-sub h2 {
		font-size:3.2rem;
		line-height: 4.6rem;
	}
}
/* title */
.heading-tit {
	/*
	margin-bottom:1em;
	*/
}
.heading-tit * {
}
.heading-tit h2 {
	display:inline-block;
	font-size:3.8rem;
	font-weight:500;
	line-height:5rem;
}
@media only screen and (max-width:640px) {
	.heading-tit h2 {
		margin-bottom:0.5em;
		font-size:3rem;
		line-height:3.6rem;
	}
}
.heading-tit p {
	display:inline-block;
	margin-left:10px;
	font-size:1.8rem;
	color:#999999;
}
@media only screen and (max-width:768px) {
	.heading-tit p {
		display:block;
		margin-left:0;
		line-height:2.4rem;
	}
}
@media only screen and (max-width:640px) {
	.heading-tit p {
		font-size: 1.6rem;
	}
}
/* main */
.main-tit * {
	word-break:keep-all;
}
.main-tit h2 {
	display:inline-block;
	margin-bottom:0.5em;
	font-size:6.2rem;
	line-height:140%;
	letter-spacing:-0.25rem;
}
.main-tit h2 em {
	font-weight:100;
}
@media only screen and (max-width:1400px) {
	.main-tit h2 {
		font-size:5.4rem;
	}
}
@media only screen and (max-width:1024px) {
	.main-tit h2 {
		font-size:4.5rem;
	}
}
@media only screen and (max-width:768px) {
	.main-tit h2 {
		font-size:4.2rem;
	}
}
@media only screen and (max-width:640px) {
	.main-tit h2 {
		font-size:3.5rem;
		line-height:5rem;
	}
}
.main-tit p {
	font-size:1.7rem;
	font-weight:600;
	line-height:160%;
	opacity:0.6;
	filter:alpha(opacity=60);
}
@media only screen and (max-width:640px) {
	.main-tit p {
		font-size:1.6rem;
		font-weight:400;
	}
}
.main-sub {
	padding:1.25em;
}
@media only screen and (max-width:768px) {
	.main-sub {
		padding-bottom:1.25em 0;
		text-align:center;
	}
}
.main-sub * {
}
.main-sub h2 {
	display:inline-block;
	font-size:3.4rem;
	line-height:3.8rem;
	letter-spacing:-0.2rem;
}
@media only screen and (max-width:640px) {
	.main-sub h2 {
		font-size:3rem;
	}
}
.main-sub p {
	font-size:1.9rem;
	color:#666666;
	line-height:2.5rem;
}
@media only screen and (max-width:640px) {
	.main-sub p {
		font-size: 1.5rem;
	}
}
/* ----------------------------------------------------------------	main intro---------------------------------------------------------------- */
#intro *[class*="section"] {
	padding:7.5em 0;
}
@media only screen and (max-width:640px) {
	#intro *[class*="section"] {
		padding:5em 0;
	}
}
@media only screen and (max-width:768px) {
	#intro .hidden-xs {
		display:none !important;
	}
}
#intro .btn-view {
	padding:0.8em 0;
	color:#333333;
}
#intro .btn-view .arrow {
	margin:-0.2em 0 0 0.2em;
	-webkit-transition:0.2s ease;
	-moz-transition:0.2s ease;
	-ms-transition:0.2s ease;
	-o-transition:0.2s ease;
	transition:0.2s ease;
}
#intro .btn-view:hover .arrow {
	margin-left:0.5em;
}
@media only screen and (max-width:768px) {
	#intro .btn-view {
		display:block;
	}
}
#intro .visual-motion {
	position:relative;
}
#intro .visual-motion .inner-lg {
	height:inherit;
}
#intro .visual-motion .main-tit {
	position:absolute;
	top:50%;
	padding-left:7.142857142857143%;
	-webkit-transform:translateY(-68%);
	-moz-transform:translateY(-68%);
	-ms-transform:translateY(-68%);
	-o-transform:translateY(-68%);
	transform:translateY(-68%);
	z-index:10;
}
@media only screen and (max-width:768px) {
	#intro .visual-motion .main-tit {
		top:12%;
		padding-left:0;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
	}
}
#intro .visual-motion .main-tit h2 {
	margin-bottom:0.4em;
	line-height:130%;
}
#intro .visual-motion .img-area {
	position:absolute;
	right:1.875em;
	top:50%;
	max-width:44%;
	-webkit-transform:translateY(-62%);
	-moz-transform:translateY(-62%);
	-ms-transform:translateY(-62%);
	-o-transform:translateY(-62%);
	transform:translateY(-62%);
}
@media only screen and (max-width:768px) {
	#intro .visual-motion .img-area {
		right:auto;
		left:15%;
		top:66%;
		max-width:70%;
	}
}
@media only screen and (max-width:640px) {
	#intro .visual-motion .img-area {
		left:0;
		top:72%;
		max-width:100%;
	}
}
#intro .visual-motion .main-visual li.visual1 {
	background:#85dfe6;
}
#intro .visual-motion .main-visual li.visual1 .obj {
	position:absolute;
	top:0;
	left:-10px;
}
#intro .visual-motion .main-visual li.visual2 {
	background:#cde6f9;
}
#intro .visual-motion .main-visual li.visual3,#intro .visual-motion .main-visual li.visual5 {
	background:#cde1f9;
}
#intro .visual-motion .main-visual li.visual4 {
	background:#fcf3df;
}
#intro .section1 {
	background:#f5f5f5;
}
#intro .section1 .benefit-area {
	margin:-0.625em;
}
#intro .section1 .benefit-area .item {
	width:25%;
	text-align:center;
}
@media only screen and (max-width:768px) {
	#intro .section1 .benefit-area .item {
		width:50%;
	}
}
#intro .section1 .benefit-area .txt {
	margin:0.8em;
	height:13.35em;
	padding:3.125em 0.5em;
}
#intro .section1 .benefit-area .txt p {
	font-size:1.9rem;
	font-weight:400;
	color:#666666;
	letter-spacing:-0.05rem;
}
@media only screen and (max-width:1024px) {
	#intro .section1 .benefit-area .txt p {
		font-size:1.7rem;
	}
}
@media only screen and (max-width:640px) {
	#intro .section1 .benefit-area .txt p {
		font-size:1.5rem;
	}
}
#intro .section1 .benefit-area .ico {
	width:64px;
	height:57px;
	margin-bottom:0.5em;
}
@media only screen and (max-width:640px) {
	#intro .section1 .benefit-area .ico {
		width:51px;
		height:45px;
		-webkit-background-size:800px;
		-moz-background-size:800px;
		background-size:800px;
	}
}
#intro .section2 .table {
	margin-top:1.8em;
}
#intro .section2 .table>thead>tr>th,#intro .section2 .table>tbody>tr>th,#intro .section2 .table>tbody>tr>td {
	font-weight:500;
	text-align:left;
}
@media only screen and (max-width:640px) {
	#intro .section2 .table>thead>tr>th,#intro .section2 .table>tbody>tr>th,#intro .section2 .table>tbody>tr>td {
		font-size:1.5rem !important;
	}
}
#intro .section2 .table>thead>tr>th {
	padding:1.25em 0 1.25em 1.458em;
	border-top:2px solid #000;
	border-bottom:1px solid #cccccc;
	font-size:2.4rem;
}
@media only screen and (max-width:640px) {
	#intro .section2 .table>thead>tr>th {
		padding-left:0;
	}
}
#intro .section2 .table>tbody>tr th,#intro .section2 .table>tbody>tr td {
	padding:2em 1.7em;
	font-size:2rem;
	border-bottom:1px solid #cccccc;
}
@media only screen and (max-width:640px) {
	#intro .section2 .table>tbody>tr th,#intro .section2 .table>tbody>tr td {
		padding:2.5em 0;
		vertical-align:top;
	}
}
#intro .section2 .table>tbody>tr.sub-line th,#intro .section2 .table>tbody>tr.sub-line td {
	border-color:#eeeeee;
}
#intro .section2 .table>tbody>tr td {
	vertical-align:top;
}
#intro .section2 .table .tit:before {
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	margin:-2px 12px 0 -12px;
	background:#000;
	vertical-align:middle;
}
@media only screen and (max-width:768px) {
	#intro .section2 .table .tit:before {
		display:none;
	}
}
#intro .section2 .table .sub-tit {
	display:block;
	margin-bottom:1.3em;
	font-size:2.3rem;
	font-weight:500;
}
@media only screen and (max-width:640px) {
	#intro .section2 .table .sub-tit {
		margin-bottom:0.3em;
		font-size:1.5rem;
	}
}
#intro .section2 .table .label {
	margin:0 1em 0.7em 0;
	padding:0.25em 1em 0.35em;
	background:#f5f5f5;
	font-size:1.4rem;
	color:#4a81fa;
	vertical-align:top;
}
@media only screen and (max-width:640px) {
	#intro .section2 .table .label {
		min-width:auto;
		font-size:1.1rem;
	}
}
#intro .section2 .table strong {
	font-size:3.2rem;
	color:#0750ef;
}
@media only screen and (max-width:1024px) {
	#intro .section2 .table strong {
		font-size:3rem;
		line-height:3.2rem;
	}
}
@media only screen and (max-width:768px) {
	#intro .section2 .table strong {
		display:block;
	}
}
@media only screen and (max-width:640px) {
	#intro .section2 .table strong {
		font-size:2rem;
	}
}
#intro .section2 .table strong em {
	font-size:2.8rem;
}
@media only screen and (max-width:640px) {
	#intro .section2 .table strong em {
		font-size:1.5rem;
	}
}
#intro .section2 .table strong+.label {
	float:right;
}
#intro .section2 .table p+p {
	margin-top:1.6em;
}
#intro .section3 {
	background:#f5f5f5;
}
#intro .section3 .use-area {
	margin:-0.938em;
}
#intro .section3 .use-area .item {
	width:33.3333%;
}
@media only screen and (max-width:1024px) {
	#intro .section3 .use-area .item {
		width:100%;
	}
}
#intro .section3 .use-area .item .txt:before {
	background-position:-40rem 0;
}
/*
#intro .section3 .use-area .item:nth-of-type(1) .txt:before {
	background-position:-400px 0;
}
#intro .section3 .use-area .item:nth-of-type(2) .txt:before {
	background-position:-10rem -10rem;
}
#intro .section3 .use-area .item:nth-of-type(3) .txt:before {
	background-position:-20rem -10rem;
}
*/
#intro .section3 .use-area .txt {
	position:relative;
	margin:0.938em;
	padding:3.1em 2.8em 2.3em;
	letter-spacing:-0.05rem;
	cursor:pointer;
	border: 1px solid #dedede;
}
#intro .section3 .use-area .txt:before {
	content:"";
	position:absolute;
	bottom:3em;
	right:2.8em;
	width:5.7rem;
	height:5.4rem;
	background:url("../img//icon.png") no-repeat;
	-webkit-background-size:100rem;
	-moz-background-size:100rem;
	background-size:100rem;
}
#intro .section3 .use-area .txt:hover {
	-webkit-box-shadow:0 0 1em rgba(0,0,0,0.05);
	-moz-box-shadow:0 0 1em rgba(0,0,0,0.05);
	box-shadow:0 0 1em rgba(0,0,0,0.05);
	-webkit-transition:0.2s ease;
	-moz-transition:0.2s ease;
	-ms-transition:0.2s ease;
	-o-transition:0.2s ease;
	transition:0.2s ease;
}
#intro .section3 .use-area dt {
	margin-bottom:0.8em;
	font-size:2.5rem;
	font-weight:500;
}
@media only screen and (max-width:640px) {
	#intro .section3 .use-area dt {
		font-size:2rem;
	}
}
#intro .section3 .use-area dd {
	font-size:1.7rem;
	font-weight:400;
	color:#666666;
	line-height:2.6rem;
}
@media only screen and (max-width:640px) {
	#intro .section3 .use-area dd {
		font-size:1.4rem;
		line-height:2.2rem;
	}
}
#intro .section3 .use-area dd p {
	height:4.6em;
}
#intro .section3 .use-area .btn-view {
	display:block;
	margin-top:1.5em;
	font-size:1.5rem;
}
@media only screen and (max-width:768px) {
	#intro .section3 .use-area .btn-view {
		margin-top:0.5em;
	}
}
#intro .section4 {
	padding:5.875em 0 6.875em 0;
	background:#212121;
}
@media only screen and (max-width:640px) {
	#intro .section4 {
		padding:4em 0;
	}
}
@media only screen and (max-width:640px) {
	#intro .section4 .hidden-xs {
		display:none !important;
	}
}
#intro .section4 .menu-panel {
	position:relative;
}
#intro .section4 .menu-panel * {
	color:#fff;
}
#intro .section4 .menu-panel h3 {
	padding:1em 0;
	font-size:3rem;
	font-weight:500;
}
@media only screen and (max-width:640px) {
	#intro .section4 .menu-panel h3 {
		padding:0 0 1.4em 0;
		font-size:2.2rem;
	}
}
#intro .section4 .menu-panel h3 a span {
	margin-left:1em;
}
#intro .section4 .menu-panel h3 a .ico-arrow-r-white {
	vertical-align:-0.3rem;
}
#intro .section4 .menu-panel h3 span {
	font-size:1.6rem;
}
@media only screen and (max-width:640px) {
	#intro .section4 .menu-panel h3 span {
		font-size:2.2rem;
	}
}
#intro .section4 .menu-panel h3 .ico-arrow-r-white {
	margin-left:0.5em;
}
#intro .section4 .menu-panel ul li {
	height:2rem;
	font-size:1.5rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
	text-overflow:ellipsis;
	-webkit-line-clamp:1;
	overflow:hidden;
}
#intro .section4 .menu-panel ul li+li {
	margin-top:0.5em;
}
@media only screen and (max-width:640px) {
	#intro .section4 .menu-panel ul {
		width:100%;
	}
}
@media only screen and (max-width:640px) {
	#intro .section4 [class*="col-6"] {
		width:100%;
	}
}
#intro .section4 [class*="col-6"]:nth-of-type(2) {
	text-align:right;
	border-left:1px solid #4d4d4d;
}
#intro .section4 [class*="col-6"]:nth-of-type(2) .ico-phone {
	display:inline-block;
	margin-bottom:1em;
	width:66px;
	height:66px;
	background-position:0 -200px;
	/* sj */
}
@media only screen and (max-width:640px) {
	#intro .section4 [class*="col-6"]:nth-of-type(2) {
		text-align:left;
		border-left: none;
	}
}
/* ----------------------------------------------------------------	sub common layout---------------------------------------------------------------- */
/* sub visual */
.sub-visual {
	position:relative;
	max-width:1200px;
	margin:0 auto;
	height:51.875em;
}
@media only screen and (max-width:1200px) {
	.sub-visual {
		margin:0 20px;
	}
}
@media only screen and (max-width:768px) {
	.sub-visual {
		margin:0;
		height:auto;
	}
}
.sub-visual .heading-main {
	position:relative;
	z-index:2;
}
.sub-visual .img-area {
	position:absolute;
}
@media only screen and (max-width:768px) {
	.sub-visual .img-area {
		position: static;
	}
}
/* arrow line */
.arrow-line {
	position:relative;
	display:inline-block;
	padding-right:20px;
	margin-right:20px;
}
.arrow-line:before,.arrow-line:after {
	display:inline-block;
	content:' ';
	position:absolute;
	top:50%;
}
.arrow-line:before {
	left:0;
	width:100%;
	height:2px;
	background:#666666;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.arrow-line:after {
	right:0;
	padding:4px;
	border-width:0 2px 2px 0;
	border-style:solid;
	border-color:#666666;
	transform: translate(0,-50%) rotate(-45deg);
}
/* ----------------------------------------------------------------	sub guide---------------------------------------------------------------- */
#guide .line,#reseller .line {
	padding:3.5em 0;
	border-top:1px solid #1a1a1a;
	border-bottom:1px solid #e7e7e7;
	/* @include breakpoint(tablet){margin:0;padding:0;}*/
}
#guide .line:before,#guide .line:after,#reseller .line:before,#reseller .line:after {
	content:' ';
	display:table;
}
#guide .line:after,#reseller .line:after {
	clear:both;
}
#guide .panel,#reseller .panel {
	margin-top:6em;
	margin-bottom:6em;
}
#guide .panel:before,#guide .panel:after,#reseller .panel:before,#reseller .panel:after {
	content:' ';
	display:table;
}
#guide .panel:after,#reseller .panel:after {
	clear:both;
}
#guide .panel *[class*="panel-"],#reseller .panel *[class*="panel-"] {
	float:left;
}
#guide .panel .panel-heading,#reseller .panel .panel-heading {
	width:16.66666667%;
}
#guide .panel .panel-heading h3,#reseller .panel .panel-heading h3 {
	font-size:2.6rem;
}
#guide .panel .panel-body,#reseller .panel .panel-body {
	width:83.33333333%;
}
#guide .panel .panel-body .row.add,#reseller .panel .panel-body .row.add {
	/*margin-top:2.5em;*/
}
#guide .panel .panel-body .row.add .col-6,#reseller .panel .panel-body .row.add .col-6 {
	margin-bottom:2.5em;
}
@media only screen and (max-width:640px) {
	#guide .panel .panel-body .row.add .col-6,#reseller .panel .panel-body .row.add .col-6 {
		width:100%;
	}
}
#guide .panel .panel-body .row.add .btn-vertical a+a,#reseller .panel .panel-body .row.add .btn-vertical a+a {
	margin-top:0.5em;
}
#guide .panel .panel-body .row.bd-line,#reseller .panel .panel-body .row.bd-line {
	padding:3.5em 0 0.5em;
	margin:3.5em 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
#guide .panel .panel-body .row .col-5,#guide .panel .panel-body .row .col-7,#reseller .panel .panel-body .row .col-5,#reseller .panel .panel-body .row .col-7 {
	margin-top:2.5em;
}
@media only screen and (max-width:1024px) {
	#guide .panel .panel-body .row .col-5,#guide .panel .panel-body .row .col-7,#reseller .panel .panel-body .row .col-5,#reseller .panel .panel-body .row .col-7 {
		width:100%;
	}
}
#guide .panel .panel-body p+p,#reseller .panel .panel-body p+p {
	margin-top:0.8em;
}
#guide .panel .panel-body p+.btn-group,#guide .panel .panel-body .tip+.btn-group,#reseller .panel .panel-body p+.btn-group,#reseller .panel .panel-body .tip+.btn-group {
	margin-top:2em;
}
@media only screen and (max-width:768px) {
	#guide .panel,#reseller .panel {
		margin-top:4em;
		margin-bottom:4em;
	}
	#guide .panel .panel-heading,#reseller .panel .panel-heading {
		width:100%;
		margin-bottom:1.5em;
	}
	#guide .panel .panel-heading h3,#reseller .panel .panel-heading h3 {
		font-size:2rem;
	}
	#guide .panel .panel-heading h3 small,#reseller .panel .panel-heading h3 small {
		float:right;
	}
	#guide .panel .panel-body,#reseller .panel .panel-body {
		width:100%;
	}
}
#guide .panel-block:before,#guide .panel-block:after,#reseller .panel-block:before,#reseller .panel-block:after {
	content:' ';
	display:table;
}
#guide .panel-block:after,#reseller .panel-block:after {
	clear:both;
}
#guide .panel-block .panel-heading,#reseller .panel-block .panel-heading {
	margin-bottom:1.5em;
}
#guide .panel-block .panel-heading h3,#reseller .panel-block .panel-heading h3 {
	font-size:2.6rem;
}
#guide .panel-block .panel-body .panel-area,#reseller .panel-block .panel-body .panel-area {
	padding:3.5em 0;
	background:#f5f5f5;
}
@media only screen and (max-width:768px) {
	#guide .panel-block,#reseller .panel-block {
		margin-top:4em;
		margin-bottom:4em;
	}
	#guide .panel-block .panel-heading h3,#reseller .panel-block .panel-heading h3 {
		font-size:2rem;
	}
	#guide .panel-block .panel-heading h3 small,#reseller .panel-block .panel-heading h3 small {
		float:right;
	}
	#guide .panel-block .panel-body .panel-area,#reseller .panel-block .panel-body .panel-area {
		padding:2.5em 0;
		border-top:1px solid #1a1a1a;
		border-bottom:1px solid #e7e7e7;
		background:#fff;
	}
	#guide .panel-block .panel-body .panel-area .ico-discount,#reseller .panel-block .panel-body .panel-area .ico-discount {
		display:none;
	}
}
#guide .step-area,#reseller .step-area {
	margin-left:-0.5%;
	margin-right:-0.5%;
}
#guide .step-area:before,#guide .step-area:after,#reseller .step-area:before,#reseller .step-area:after {
	content:' ';
	display:table;
}
#guide .step-area:after,#reseller .step-area:after {
	clear:both;
}
#guide .step-area a,#reseller .step-area a {
	position:relative;
	float:left;
	display:block;
	width:19%;
	padding:1.2em 0.5em;
	margin:1% 0.5%;
	text-align:center;
	font-size:1.8rem;
	font-weight:500;
	color:#a8b0c5;
	background:#f1f1f6;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-transition:all,0.3s ease;
	-moz-transition:all,0.3s ease;
	-ms-transition:all,0.3s ease;
	-o-transition:all,0.3s ease;
	transition:all,0.3s ease;
}
#guide .step-area a:hover,#guide .step-area a:active,#guide .step-area a.active,#reseller .step-area a:hover,#reseller .step-area a:active,#reseller .step-area a.active {
	color:#fff;
	background:#185ef8;
	-webkit-transition:all,0.3s ease;
	-moz-transition:all,0.3s ease;
	-ms-transition:all,0.3s ease;
	-o-transition:all,0.3s ease;
	transition:all,0.3s ease;
}
@media only screen and (max-width:640px) {
	#guide .step-area a,#reseller .step-area a {
		font-size:1.6rem;
	}
}
@media (max-width:768px) {
	#guide .step-area,#reseller .step-area {
		margin-left:-1%;
		margin-right:-1%;
	}
	#guide .step-area a,#reseller .step-area a {
		padding:1em 0;
		margin:1% 1%;
		width:31.3333%;
	}
	#guide .step-area a.active,#reseller .step-area a.active {
		color:#185ef8;
		background:#fff;
	}
	#guide .step-area a.active:before,#reseller .step-area a.active:before {
		content:' ';
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		border:2px solid #185ef8;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
	}
}
#guide .step:before,#guide .step:after,#reseller .step:before,#reseller .step:after {
	content:' ';
	display:table;
}
#guide .step:after,#reseller .step:after {
	clear:both;
}
#guide .step .dept,#reseller .step .dept {
	float:left;
	position:relative;
	width:25%;
	text-align:center;
	font-size:1.8rem;
}
@media only screen and (max-width:768px) {
	#guide .step .dept,#reseller .step .dept {
		width:50%;
	}
	#guide .step .dept:nth-of-type(3),#guide .step .dept:nth-of-type(4),#reseller .step .dept:nth-of-type(3),#reseller .step .dept:nth-of-type(4) {
		margin-top:2em;
	}
}
#guide .step .dept:not(:last-child):after,#reseller .step .dept:not(:last-child):after {
	content:' ';
	display:block;
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform:translate(50%,-50%);
	-moz-transform:translate(50%,-50%);
	-ms-transform:translate(50%,-50%);
	-o-transform:translate(50%,-50%);
	transform:translate(50%,-50%);
	width:30px;
	height:54px;
	background-position:-950px -100px;
}
@media only screen and (max-width:640px) {
	#guide .step .dept:not(:last-child):after,#reseller .step .dept:not(:last-child):after {
		width:15px;
		height:27px;
		background-position:-475px -50px;
		background-size:500px;
	}
}
@media only screen and (max-width:768px) {
	#guide .step .dept:nth-child(2):after,#reseller .step .dept:nth-child(2):after {
		display:none;
	}
}
#guide .step .dept img,#reseller .step .dept img {
	display:block;
	margin:0 auto 1.5em;
	width:64px;
}
@media only screen and (max-width:640px) {
	#guide .step .dept img,#reseller .step .dept img {
		width:50px;
	}
}
#guide .step .dept strong:before,#reseller .step .dept strong:before {
	display:inline-block;
	margin-right:10px;
	font-size:2rem;
}
#guide .step .dept:nth-of-type(1) strong:before,#reseller .step .dept:nth-of-type(1) strong:before {
	content:'1';
}
#guide .step .dept:nth-of-type(2) strong:before,#reseller .step .dept:nth-of-type(2) strong:before {
	content:'2';
}
#guide .step .dept:nth-of-type(3) strong:before,#reseller .step .dept:nth-of-type(3) strong:before {
	content:'3';
}
#guide .step .dept:nth-of-type(4) strong:before,#reseller .step .dept:nth-of-type(4) strong:before {
	content:'4';
}
#guide .step-img:before,#guide .step-img:after,#reseller .step-img:before,#reseller .step-img:after {
	content:' ';
	display:table;
}
#guide .step-img:after,#reseller .step-img:after {
	clear:both;
}
#guide .step-img .dept,#reseller .step-img .dept {
	float:left;
	position:relative;
	text-align:center;
}
@media only screen and (max-width:640px) {
	#guide .step-img .dept,#reseller .step-img .dept {
		width:100%;
	}
	#guide .step-img .dept:after,#reseller .step-img .dept:after {
		display:none !important;
	}
	#guide .step-img .dept img,#reseller .step-img .dept img {
		max-width:60%;
	}
}
#guide .step-img .dept:not(:last-child):after,#reseller .step-img .dept:not(:last-child):after {
	content:' ';
	display:block;
	position:absolute;
	top:50%;
	right:-0.5em;
	width:15px;
	height:27px;
	background-position:-475px -50px;
	background-size:500px;
}
#guide .list-group-wrap,#reseller .list-group-wrap {
	display:table;
	width:100%;
	table-layout:fixed;
	text-align:center;
}
@media only screen and (max-width:768px) {
	#guide .list-group-wrap,#reseller .list-group-wrap {
		display:block;
		text-align:left;
	}
}
#guide .list-group-wrap strong,#reseller .list-group-wrap strong {
	font-size:1.8rem;
	font-weight:700;
	display:block;
}
@media only screen and (max-width:640px) {
	#guide .list-group-wrap strong,#reseller .list-group-wrap strong {
		font-size:1.4rem;
	}
}
#guide .list-group-wrap strong:nth-child(1),#reseller .list-group-wrap strong:nth-child(1) {
	margin-bottom:1.5em;
}
#guide .list-group-wrap .list-group,#reseller .list-group-wrap .list-group {
	display:table-cell;
}
@media only screen and (max-width:768px) {
	#guide .list-group-wrap .list-group,#reseller .list-group-wrap .list-group {
		display:table;
		width:100%;
	}
	#guide .list-group-wrap .list-group>*,#reseller .list-group-wrap .list-group>* {
		display:table-cell;
	}
	#guide .list-group-wrap .list-group>strong,#reseller .list-group-wrap .list-group>strong {
		width:33.3%;
	}
	#guide .list-group-wrap .list-group+.list-group,#reseller .list-group-wrap .list-group+.list-group {
		margin-top:1.5em;
	}
}
#guide .list-group-wrap .list-group .per,#reseller .list-group-wrap .list-group .per {
	margin-top:1em;
	font-size:2.6rem;
	font-weight:500;
}
@media only screen and (max-width:768px) {
	#guide .list-group-wrap .list-group .per,#reseller .list-group-wrap .list-group .per {
		font-size:1.8rem;
		text-align:right;
	}
}
#guide .list-group-wrap .list-group .per span,#reseller .list-group-wrap .list-group .per span {
	margin-right:5px;
	font-size:1.4rem;
	color:#999999 !important;
}
#guide .list-group-wrap .list-group .pay-label,#reseller .list-group-wrap .list-group .pay-label {
	margin:0.5em 0;
}
#guide .list-group-wrap .list-group .pay-label img,#reseller .list-group-wrap .list-group .pay-label img {
	height:2em;
}
#guide .list-group-wrap .list-group .pay-label img,#reseller .list-group-wrap .list-group .pay-label img.smilepay {
	height:2.5em;
}
@media only screen and (max-width:768px) {
	#guide .list-group-wrap .list-group .pay-label,#reseller .list-group-wrap .list-group .pay-label {
		display:none !important;
	}
}
#guide .list-group-wrap .list-group b,#reseller .list-group-wrap .list-group b {
	display:block;
	margin-top:0.5em;
	text-align:center;
}
#guide .account-list,#reseller .account-list {
	margin-top:2em;
}
#guide .account-list ul:before,#guide .account-list ul:after,#reseller .account-list ul:before,#reseller .account-list ul:after {
	content:' ';
	display:table;
}
#guide .account-list ul:after,#reseller .account-list ul:after {
	clear:both;
}
#guide .account-list li,#reseller .account-list li {
	position:relative;
	float:left;
	padding:2em 1%;
	margin:1em auto;
	width:12.5%;
	height:7.5em;
	text-align:center;
}
#guide .account-list li:before,#reseller .account-list li:before {
	display:block;
	content:' ';
	position:absolute;
	top:4.58em;
	left:0;
	width:100%;
	height:2px;
	background:#e6e6e6;
	z-index:-1;
}
@media only screen and (max-width:768px) {
	#guide .account-list li,#reseller .account-list li {
		width:25%;
	}
}
#guide .account-list li *,#reseller .account-list li * {
	display:block;
	margin:0 auto;
}
#guide .account-list li em,#reseller .account-list li em {
	position:absolute;
	top:4.58em;
	left:50%;
	margin-top:-3px;
	margin-left:-4px;
	width:8px;
	height:8px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#333333;
}
#guide .account-list li b,#reseller .account-list li b {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	font-size:1.4rem;
}
#guide .account-list li.on,#reseller .account-list li.on {
	color:#185ef8;
}
#guide .account-list li.on strong,#reseller .account-list li.on strong {
	margin-top:-2em;
	line-height:3.2rem;
	border:2px solid #185ef8;
	background:#fff;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
}
#guide .account-list li.on em,#reseller .account-list li.on em {
	width:12px;
	height:12px;
	margin-top:-5px;
	background:#185ef8;
}
#guide .account-list li.on:after,#reseller .account-list li.on:after {
	display:block;
	content:' ';
	position:absolute;
	top:2em;
	left:50%;
	width:2px;
	height:2.4em;
	margin-left:1px;
	background:#185ef8;
	z-index:-1;
}
#guide .account-list li.off,#reseller .account-list li.off {
	color:#adadad;
}
#guide .account-list li.off em,#reseller .account-list li.off em {
	background:#adadad;
}
#guide .account-list li.minus strong,#reseller .account-list li.minus strong {
	margin-top:-1.4em;
}
#guide .price,#reseller .price {
	font-size:1.8rem;
}
#guide .price b,#reseller .price b {
	color:#999999;
}
@media only screen and (max-width:640px) {
	#guide .price strong,#reseller .price strong {
		display:block;
		margin-top:10px;
	}
}
#guide small.text-gray,#reseller small.text-gray {
	margin-left: 10px;
}
/* list type */
.vertical-list .vertical-tit {
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:1em;
}
@media only screen and (max-width:640px) {
	.vertical-list .vertical-tit {
		font-size:1.4rem;
	}
}
.vertical-list .vertical-tit .num {
	margin-right:0.5em;
	font-size:2rem;
	vertical-align:-1px;
	color:#7d9df1;
}
.vertical-list+.vertical-list {
	margin-top:2.5em;
}
.horizon-list:before,.horizon-list:after {
	content:' ';
	display:table;
}
.horizon-list:after {
	clear:both;
}
.horizon-list+.horizon-list {
	margin-top:2.5em;
}
.horizon-list .horizon-tit {
	font-size:1.8rem;
	font-weight:700;
	float:left;
}
@media only screen and (max-width:640px) {
	.horizon-list .horizon-tit {
		font-size:1.4rem;
	}
}
.horizon-list .horizon-cont {
	margin-left:12em;
}
@media only screen and (max-width:640px) {
	.horizon-list .horizon-cont {
		margin-left:9em;
	}
}
.horizon-list .horizon-cont h4 {
	margin-bottom:1em;
	font-weight:500;
}
.horizon-list p+p {
	margin-top:0.5em;
}
.horizon-list-add:before,.horizon-list-add:after {
	content:' ';
	display:table;
}
.horizon-list-add:after {
	clear:both;
}
.horizon-list-add+.horizon-list-add {
	margin-top:3em;
}
.horizon-list-add .horizon-tit {
	font-size:1.8rem;
	font-weight:700;
	float:left;
}
@media only screen and (max-width:640px) {
	.horizon-list-add .horizon-tit {
		font-size:1.4rem;
	}
}
@media only screen and (max-width:640px) {
	.horizon-list-add .horizon-tit {
		margin-bottom:1.5em;
		font-size:1.8rem;
	}
}
.horizon-list-add .horizon-cont {
	margin-left:12em;
}
@media only screen and (max-width:640px) {
	.horizon-list-add .horizon-cont {
		margin-left:0;
	}
}
.horizon-list-add p+p {
	margin-top:0.5em;
}
@media only screen and (max-width:768px) {
	.horizon-list-add .list-group-wrap .list-group:nth-child(1) p {
		display:block !important;
		text-align:right;
	}
	.horizon-list-add .list-group .per {
		margin-top:0 !important;
	}
}
@media only screen and (max-width:640px) {
	.mb-col .horizon-list-add {
		float:left;
		display:block;
		width:33.3%;
		margin-top:0;
	}
	.mb-col .horizon-tit {
		float:none !important;
		text-align:center;
	}
	.mb-col .list-group-wrap {
		text-align:center !important;
	}
}
.bu-list+.line {
	margin-top:2em
}
.bu-list li {
	position:relative;
	padding-left:10px;
	line-height:1.8em;
	color:#1a1a1a;
}
.bu-list li:before {
	content:' ';
	display:block;
	position:absolute;
	top:0.8em;
	left:0;
	width:2px;
	height:2px;
	background:#666666;
}
.bu-list li+li {
	margin-top:0.5em;
}
.bu-list li a {
	color:#185ef8;
	text-decoration:underline;
	margin-left:10px;
}
.bu-list li .fax {
	margin-left:24px;
}
@media only screen and (max-width:640px) {
	.bu-list li .fax {
		margin-left:20px;
	}
}
.bu-list.bu-sm li {
	margin-left:7px;
	margin-top:7px;
	padding-left:17px;
	color:#666666;
	font-size:1.4rem;
	line-height:inherit;
}
.num-list li {
	position:relative;
	padding-left:20px;
	line-height:1.8em;
	color:#1a1a1a;
}
.num-list li:before {
	display:block;
	position:absolute;
	top:0.05em;
	left:0;
	font-size:2rem;
	font-weight:400;
}
.num-list li:nth-of-type(1):before {
	content:'1';
}
.num-list li:nth-of-type(2):before {
	content:'2';
}
.num-list li:nth-of-type(3):before {
	content:'3';
}
.num-list li:nth-of-type(4):before {
	content:'4';
}
.num-list li:nth-of-type(5):before {
	content:'5';
}
.num-list li:nth-of-type(6):before {
	content:'6';
}
.num-list li+li {
	margin-top:0.5em;
}
.tip {
	position:relative;
	margin-top:1em;
	padding-left:24px;
	font-size:1.4rem;
	color:#666666;
}
.tip:before {
	content:' ';
	display:block;
	position:absolute;
	top:0.2em;
	left:0;
	width:16px;
	height:16px;
	background-position:-700px -100px;
}
@media only screen and (max-width:640px) {
	.tip:before {
		top:0.1em;
	}
}
.tip.point {
	color:#000;
}
.tip.point:before {
	background-position: -700px -150px;
}
/* ----------------------------------------------------------------	sub reseller---------------------------------------------------------------- */
#reseller .panel {
	margin-top:4em;
	margin-bottom:4em;
}
#reseller .section1 {
	background:#fff9e7;
}
#reseller .section1 .sub-visual {
	padding:16.5em 0 0;
}
@media only screen and (max-width:768px) {
	#reseller .section1 .sub-visual {
		padding:6em 0 3em;
	}
}
#reseller .section1 .linebreak {
	color:#ee623a;
}
#reseller .section1 .video-wrap {
	width:65.833333333333333%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-5%,-45%);
	-moz-transform:translate(-5%,-45%);
	-ms-transform:translate(-5%,-45%);
	-o-transform:translate(-5%,-45%);
	transform:translate(-5%,-45%);
}
@media only screen and (max-width:768px) {
	#reseller .section1 .video-wrap {
		position:relative;
		left:auto;
		width:100%;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
	}
}
#reseller .section1 .video-wrap .video-area {
	padding-top:87.341772151898734%;
}
#reseller {
	word-break:keep-all;
}
#reseller section .heading-sub h2 {
	font-size:5.2rem;
	letter-spacing:-0.3rem;
	margin-bottom:1.3em;
}
#reseller .section2 {
	position:relative;
	max-width:1200px;
	margin:0 auto;
}
#reseller .section2,#reseller .section3 {
	padding:7.188em 0 7.5em;
}
#reseller .section2 .panel {
	padding-left:1.563em;
	margin-top:.938em;
	margin-bottom:2.2em;
}
#reseller .section2 .panel .panel-body {
	width:100%;
}
#reseller .section2 .bu-list li {
	font-size:1.125em;
}
#reseller .section2 .service-wrap {
	margin:0 -1.25em;
}
#reseller .section2 .service-wrap ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}
#reseller .section2 .service-wrap li {
	width:50%;
}
#reseller .section2 .service-wrap a {
	display:block;
	margin:1.25em;
	padding:4.063em 3.75em 4.94em;
	background:#f5f5f5;
}
#reseller .section2 .service-wrap a:hover .btn-view::after {
	margin-right:-7px;
}
#reseller .section2 .service-wrap h3 {
	font-weight:500;
	font-size:3.2rem;
	margin-bottom:1.5em;
}
#reseller .section2 .service-wrap h3 span {
	color:#ff8909;
}
#reseller .section2 .service-wrap p {
	color:#666;
	height:6.5rem;
	font-size:1.125em;
	line-height:3rem;
	margin:1.5em 0 2.18em;
}
#reseller .section2 .service-wrap .btn-view {
	float:right;
	font-weight:500;
}
#reseller .section2 .service-wrap .btn-view:after {
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	vertical-align:middle;
	background:url("../img//icon.png") no-repeat;
}
#reseller .section2 .service-wrap .btn-view:after {
	content:"";
	width:2rem;
	height:1.1rem;
	margin:-2px 0 0 10px;
	background-position:-40rem -15rem;
	-webkit-background-size:100rem;
	-moz-background-size:100rem;
	background-size:100rem;
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-ms-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}
#reseller .section3 {
	background:#f4f6fc;
}
#reseller .section3 .heading-sub h2 {
	line-height:normal;
	margin-bottom:0;
}
#reseller .section3 .step-area {
	text-align:center;
	margin:0 auto 2.688em;
}
#reseller .section3 .step-area button {
	display:inline-block;
	width:19%;
	padding:1.2em 0.5em;
	margin:4.563em 0.5% 1%;
	text-align:center;
	font-size:1.8rem;
	font-weight:500;
	color:#a8b0c5;
	background:#e8eaf0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-transition:all,0.3s ease;
	-moz-transition:all,0.3s ease;
	-ms-transition:all,0.3s ease;
	-o-transition:all,0.3s ease;
	transition:all,0.3s ease;
}
#reseller .section3 .step-area button:hover,#reseller .section3 .step-area button.active {
	color:#fff;
	background:#185ef8;
}
#reseller .section3 .panel-wrap {
	padding:.688em 4.625em 5.375em;
	background:#fff;
}
#reseller .section3 .panel .panel-heading {
	width:18.63%;
}
#reseller .section3 .panel .panel-body {
	width:81.37%;
}
#reseller .section3 .bu-list {
	margin-left:.313em;
}
#reseller .section3 .bu-list small {
	display:block;
	font-weight:300;
	margin-top:-.313em;
}
#reseller .section3 .tip {
	margin-top:1.563em;
}
#reseller .reseller-banner {
	margin-top:3.6em;
}
#reseller .reseller-banner .hidden-lg {
	display:none;
}
#reseller .service-reseller-banner {
	display:flex;
	justify-content:space-between;
}
@media only screen and (min-width:992px) {
	#reseller .service-reseller-banner a:nth-child(1) {
		padding-right:1.2rem;
	}
	#reseller .service-reseller-banner a:nth-child(2) {
		padding-left:1.2rem;
	}
	#reseller .service-reseller-banner img {
		width:100%;
		max-width:514px;
	}
}
@media only screen and (max-width:991px) {
	#reseller .service-reseller-banner {
		flex-direction:column;
	}
	#reseller .service-reseller-banner a:nth-child(1) {
		margin-bottom:1.6rem;
	}
}
@media only screen and (max-width:768px) {
	#reseller .reseller-banner {
		margin:-.7em auto 3em;
	}
	#reseller .reseller-banner .hidden-lg {
		display:block;
	}
	#reseller .reseller-banner .hidden-xs {
		display:none;
	}
}
@media only screen and (max-width:1200px) {
	#reseller .section2 {
		margin:0 20px;
	}
	#reseller section .heading-sub h2 {
		font-size:4.5rem;
	}
	#reseller .section2 .panel {
		padding-left:0;
	}
}
@media only screen and (max-width:1024px) {
	#reseller .section2 .service-wrap ul {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	#reseller .section2 .service-wrap li {
		width:100%;
	}
}
@media only screen and (max-width:768px) {
	#reseller section .heading-sub h2 {
		font-size:4.2rem;
	}
	#reseller .section2,#reseller .section3 {
		padding:4.5em 0;
	}
	#reseller .section2 .service-wrap a {
		padding:3.5em 2.5em 3.3em;
		margin:1em 1.25em;
	}
	#reseller .section2 .service-wrap h3 {
		font-size:2.4rem;
	}
	#reseller .section2 .service-wrap p {
		line-height:2.5rem;
		letter-spacing:-.08rem;
	}
	#reseller .section3 .step-area {
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		-webkit-justify-content:center;
		justify-content:center;
		justify-content:center;
	}
	#reseller .section3 .step-area button {
		width:50%;
	}
	#reseller .section3 .step-area button:first-child {
		margin-right:.65em;
	}
	#reseller .section3 .panel-wrap {
		padding:2.5em 1.8em 5.375em;
	}
	#reseller .section3 .panel {
		margin-top:0;
	}
	#reseller .section3 .panel .panel-heading {
		width:100%;
		margin-bottom:1.5em;
	}
	#reseller .section3 .panel .panel-body {
		width:100%;
	}
}
@media only screen and (max-width:640px) {
	#reseller section .heading-main h2 {
		padding:0 .5em;
	}
	#reseller section .heading-sub h2 {
		font-size:3.5rem;
		line-height:4.6rem;
	}
	#reseller .section3 .step-area button {
		font-size: 1.6rem;
	}
}
/* ----------------------------------------------------------------	sub api---------------------------------------------------------------- */
#api .section1 {
	background:#f3f6ff;
}
#api .section1 .sub-visual {
	padding:11.5em 0 0;
}
@media only screen and (max-width:768px) {
	#api .section1 .sub-visual {
		padding:6em 0 3em;
	}
}
#api .section1 .linebreak {
	color:#6e96ff;
}
#api .section1 .video-wrap {
	width:65.833333333333333%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-5%,-50%);
	-moz-transform:translate(-5%,-50%);
	-ms-transform:translate(-5%,-50%);
	-o-transform:translate(-5%,-50%);
	transform:translate(-5%,-50%);
}
@media only screen and (max-width:768px) {
	#api .section1 .video-wrap {
		position:relative;
		left:auto;
		width:100%;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
	}
}
#api .section1 .video-wrap .video-area {
	padding-top:87.341772151898734%;
}
#api .section2 {
	position:relative;
	max-width:1200px;
	margin:0 auto;
	padding:7em 0;
	text-align:center;
}
@media only screen and (max-width:1200px) {
	#api .section2 {
		margin:0 20px;
	}
}
#api .section2 .item {
	float:left;
	width:25%;
	margin:1em auto 6em;
	padding:0 1em;
}
@media only screen and (max-width:768px) {
	#api .section2 .item {
		width:50%;
	}
}
@media only screen and (max-width:640px) {
	#api .section2 .item {
		width:100%;
		margin:0 auto 5em;
	}
}
#api .section2 .item strong {
	display:block;
	font-size:2.6rem;
	margin-bottom:1em;
}
#api .section2 .item p {
	color:#666666;
	font-size:1.8rem;
	line-height:1.6em;
}
#api .section2 .item:before {
	content:' ';
	display:inline-block;
	margin:0 auto 2.8em;
	width:100px;
	height:95px;
}
#api .section2 .item:nth-of-type(1):before {
	background-position:0 -300px;
}
#api .section2 .item:nth-of-type(2):before {
	background-position:-100px -300px;
}
#api .section2 .item:nth-of-type(3):before {
	background-position:-200px -300px;
}
#api .section2 .item:nth-of-type(4):before {
	background-position: -300px -300px;
}
/* ---------------------------------------------------------------- sub about---------------------------------------------------------------- */
#about *[class*="section"] {
	overflow:hidden;
}
#about .section1 {
	background:#f3faff;
}
#about .section1 .sub-visual {
	padding:11.5em 0 0;
}
@media only screen and (max-width:768px) {
	#about .section1 .sub-visual {
		padding:3.5em 0 0;
	}
}
@media only screen and (max-width:640px) {
	#about .section1 .sub-visual .text-effect {
		display:block;
		font-size:3.3rem;
		line-height:4.6rem;
	}
	#about .section1 .sub-visual .text-effect em {
		font-weight:500;
	}
}
#about .section1 .video-wrap {
	position:absolute;
	top:50%;
	left:50%;
	width:65.833333333333333%;
	-webkit-transform:translate(-5%,-45%);
	-moz-transform:translate(-5%,-45%);
	-ms-transform:translate(-5%,-45%);
	-o-transform:translate(-5%,-45%);
	transform:translate(-5%,-45%);
}
@media only screen and (max-width:768px) {
	#about .section1 .video-wrap {
		position:relative;
		left:auto;
		width:100%;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
	}
}
#about .section1 .video-wrap .video-area {
	padding-top:87.341772151898734%;
}
@media only screen and (max-width:768px) {
	#about .section3 img {
		margin-left:8%;
	}
}
#about .section4 {
	padding:7em 0;
}
@media only screen and (max-width:768px) {
	#about .section4 {
		padding:0;
	}
}
#about .section4>* {
	display:inline-block;
	width:-webkit-calc(50% - 4px);
	width:-moz-calc(50% - 4px);
	width:calc(50% - 4px);
	vertical-align:middle;
}
@media only screen and (max-width:1200px) {
	#about .section4>* {
		width:100%;
	}
}
#about .section4 .payment-wrap {
	position:relative;
	padding:3em 0;
}
@media only screen and (max-width:1200px) {
	#about .section4 .payment-wrap {
		padding:5em 0 5em 3em;
	}
}
#about .section4 .payment-wrap .col-6 {
	max-width:25em;
}
#about .section4 .payment-wrap:before {
	content:'';
	position:absolute;
	left:9em;
	right:0;
	top:0;
	bottom:0;
	background:#f4f6fc;
	z-index:-1;
	-webkit-border-radius:3.125em 0 0 3.125em;
	-moz-border-radius:3.125em 0 0 3.125em;
	border-radius:3.125em 0 0 3.125em;
}
@media only screen and (max-width:768px) {
	#about .section4 .payment-wrap:before {
		content:none;
	}
}
@media only screen and (max-width:1024px) {
	#about .section4 .payment-wrap {
		padding:0 0 1em;
	}
	#about .section4 .payment-wrap *[class*="col-"] {
		max-width:none;
	}
}
#about .section4 .payment-slider {
	margin:2.5em 0;
}
#about .section4 .payment-slider .ani-area {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#about .section4 .payment-slider .ani-area span {
	position:absolute;
	left:50%;
	top:50%;
}
#about .section4 .payment-slider .ani-area .ie-view {
	-webkit-opacity:0;
	-ms-opacity:1;
	filter:alpha(opacity=100);
}
#about .section4 .payment-slider .visual1 span {
	margin-left:-60%;
}
#about .section4 .payment-slider .visual1 span.alarm {
	margin-top:2%;
	width:9.75%;
}
#about .section4 .payment-slider .visual1 span.sms {
	margin-top:2.5%;
	width:78.5%;
}
#about .section4 .payment-slider .visual2 .cont {
	width:55.5%;
	margin-left:-31.5%;
	margin-top:-43%;
}
#about .section4 .payment-slider .visual2 .button {
	width:67.5%;
	margin-left:-37.7%;
	margin-top:49.4%;
}
#about .section4 .payment-slider .visual3 span {
	margin-left:-31.6%;
	margin-top:-26%;
	width:55.75%;
}
#about .section4 .payment-slider .visual4 .touch-wrap span {
	background-color:rgba(255,59,122,0.3);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	moz-transform-origin:center center;
	-o-transform-origin:center center;
	-ms-transform-origin:center center;
	-webkit-transform-origin:center center;
	transform-origin:center center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
#about .section4 .payment-slider .visual4 .touch-wrap span[class*="ani-"] {
	margin-left:-3.7%;
	margin-top:-0.4%;
}
#about .section4 .payment-slider .visual4 .touch-wrap .touch1 {
	width:62%;
	padding-top:62%;
	z-index:1;
}
#about .section4 .payment-slider .visual4 .touch-wrap .touch2 {
	width:45%;
	padding-top:45%;
	z-index:2;
}
#about .section4 .payment-slider .visual4 .touch-wrap .touch3 {
	width:54%;
	padding-top:54%;
	z-index:3;
}
#about .section4 .payment-slider .visual4 .touch-wrap .touch4 {
	width:26%;
	height:0;
	padding-top:26%;
	background:url("/homepage/images/about/sec4_img4_2.png") no-repeat;
	background-size:100%;
	z-index:4;
	-webkit-transform:translate(-64.5%,-52%);
	-moz-transform:translate(-64.5%,-52%);
	-ms-transform:translate(-64.5%,-52%);
	-o-transform:translate(-64.5%,-52%);
	transform:translate(-64.5%,-52%);
}
#about .section4 .payment-slider .visual4 .card {
	margin-left:-60%;
	margin-top:-10.5%;
	width:76.25%;
	z-index:5;
}
#about .section4 .payment-slider .visual5 .frame {
	margin-left:-22.2%;
	margin-top:-12.2%;
	width:36.5%;
}
#about .section4 .payment-slider .visual5 .line {
	margin-left:-35.7%;
	width:63.75%;
}
#about .section4 .payment-slider .visual6 span {
	margin-top:-44%;
	width:35.5%;
}
#about .section4 .payment-slider .visual6 span.day {
	margin-left:4%;
	-webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	-o-animation-delay:0.1s;
	animation-delay:0.1s;
}
#about .section4 .payment-slider .visual6 span.week {
	margin-left:-26.5%;
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;
}
#about .section4 .payment-slider .visual6 span.month {
	margin-left:-57%;
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
	-o-animation-delay:0.9s;
	animation-delay:0.9s;
}
#about .section4 .payment-slider .visual7 .sec {
	width:55.75%;
	margin-left:-31.5%;
	margin-top:12.3%;
}
#about .section4 .payment-slider .visual7 .button {
	width:67.5%;
	margin-left:-37.7%;
	margin-top:49.4%;
}
#about .section4 .payment-slider .visual7 .card {
	width:43.75%;
	margin-left:-60%;
	margin-top:-40%;
	z-index:-1;
}
#about .section4 .payment-slider .slick-current .aos-animate .ani-heartBeat {
	-webkit-animation:heartBeat ease-in-out 0.8s infinite alternate-reverse;
	-moz-animation:heartBeat ease-in-out 0.8s infinite alternate-reverse;
	-ms-animation:heartBeat ease-in-out 0.8s infinite alternate-reverse;
	-o-animation:heartBeat ease-in-out 0.8s infinite alternate-reverse;
	animation:heartBeat ease-in-out 0.8s infinite alternate-reverse;
}
#about .section4 .payment-slider .slick-current .aos-animate .ani-zoomInUp {
	-webkit-animation:zoomInUp 1s ease-in-out 0.6s forwards;
	-moz-animation:zoomInUp 1s ease-in-out 0.6s forwards;
	-ms-animation:zoomInUp 1s ease-in-out 0.6s forwards;
	-o-animation:zoomInUp 1s ease-in-out 0.6s forwards;
	animation:zoomInUp 1s ease-in-out 0.6s forwards;
}
#about .section4 .payment-slider .slick-current .ani-fadeInUp {
	-webkit-animation:fadeInUp 0.8s ease-in-out forwards;
	-moz-animation:fadeInUp 0.8s ease-in-out forwards;
	-ms-animation:fadeInUp 0.8s ease-in-out forwards;
	-o-animation:fadeInUp 0.8s ease-in-out forwards;
	animation:fadeInUp 0.8s ease-in-out forwards;
}
#about .section4 .payment-slider .slick-current .ani-bounceIn {
	-webkit-animation:bounceIn ease-in-out 0.8s infinite alternate-reverse;
	-moz-animation:bounceIn ease-in-out 0.8s infinite alternate-reverse;
	-ms-animation:bounceIn ease-in-out 0.8s infinite alternate-reverse;
	-o-animation:bounceIn ease-in-out 0.8s infinite alternate-reverse;
	animation:bounceIn ease-in-out 0.8s infinite alternate-reverse;
}
#about .section4 .payment-slider .slick-current .ani-fadeIn {
	-webkit-animation:fadeIn 1.3s ease-out 0.4s forwards;
	-moz-animation:fadeIn 1.3s ease-out 0.4s forwards;
	-ms-animation:fadeIn 1.3s ease-out 0.4s forwards;
	-o-animation:fadeIn 1.3s ease-out 0.4s forwards;
	animation:fadeIn 1.3s ease-out 0.4s forwards;
}
#about .section4 .payment-slider .slick-current .ani-flash {
	-webkit-animation:fadeIn 0.4s linear 4 alternate-reverse;
	-moz-animation:fadeIn 0.4s linear 4 alternate-reverse;
	-ms-animation:fadeIn 0.4s linear 4 alternate-reverse;
	-o-animation:fadeIn 0.4s linear 4 alternate-reverse;
	animation:fadeIn 0.4s linear 4 alternate-reverse;
}
#about .section4 .payment-slider .slick-current .ani-fadeInLeft {
	-webkit-animation:fadeInLeft 0.7s ease-in-out 2s forwards;
	-moz-animation:fadeInLeft 0.7s ease-in-out 2s forwards;
	-ms-animation:fadeInLeft 0.7s ease-in-out 2s forwards;
	-o-animation:fadeInLeft 0.7s ease-in-out 2s forwards;
	animation:fadeInLeft 0.7s ease-in-out 2s forwards;
}
#about .section4 .payment-slider .slick-current .ani-scanXY {
	-webkit-animation:scanXY 1.4s linear forwards;
	-moz-animation:scanXY 1.4s linear forwards;
	-ms-animation:scanXY 1.4s linear forwards;
	-o-animation:scanXY 1.4s linear forwards;
	animation:scanXY 1.4s linear forwards;
}
#about .section4 .payment-slider .slick-current .ani-scanY {
	-webkit-animation:scanY 1.8s ease-in-out 1.3s forwards;
	-moz-animation:scanY 1.8s ease-in-out 1.3s forwards;
	-ms-animation:scanY 1.8s ease-in-out 1.3s forwards;
	-o-animation:scanY 1.8s ease-in-out 1.3s forwards;
	animation:scanY 1.8s ease-in-out 1.3s forwards;
}
#about .section4 .payment-slider .slick-current .ani-spread1 {
	-webkit-animation:spread1 1.5s linear 1.2s 2 alternate-reverse;
	-moz-animation:spread1 1.5s linear 1.2s 2 alternate-reverse;
	-ms-animation:spread1 1.5s linear 1.2s 2 alternate-reverse;
	-o-animation:spread1 1.5s linear 1.2s 2 alternate-reverse;
	animation:spread1 1.5s linear 1.2s 2 alternate-reverse;
}
#about .section4 .payment-slider .slick-current .ani-spread2 {
	-webkit-animation:spread2 1.2s linear 0.4s 2 alternate-reverse;
	-moz-animation:spread2 1.2s linear 0.4s 2 alternate-reverse;
	-ms-animation:spread2 1.2s linear 0.4s 2 alternate-reverse;
	-o-animation:spread2 1.2s linear 0.4s 2 alternate-reverse;
	animation:spread2 1.2s linear 0.4s 2 alternate-reverse;
}
#about .section4 .payment-slider .slick-current .ani-spread3 {
	-webkit-animation:spread3 1.5s linear 2 alternate-reverse;
	-moz-animation:spread3 1.5s linear 2 alternate-reverse;
	-ms-animation:spread3 1.5s linear 2 alternate-reverse;
	-o-animation:spread3 1.5s linear 2 alternate-reverse;
	animation:spread3 1.5s linear 2 alternate-reverse;
}
#about .section4 .payment-slider .slick-current .ani-btnIn {
	-webkit-animation:fadeIn 0.6s ease-out 0.75s forwards;
	-moz-animation:fadeIn 0.6s ease-out 0.75s forwards;
	-ms-animation:fadeIn 0.6s ease-out 0.75s forwards;
	-o-animation:fadeIn 0.6s ease-out 0.75s forwards;
	animation:fadeIn 0.6s ease-out 0.75s forwards;
}
#about .section4 .payment-slider .slick-current .ani-flashOut {
	-webkit-animation:flashOut 0.7s linear forwards;
	-moz-animation:flashOut 0.7s linear forwards;
	-ms-animation:flashOut 0.7s linear forwards;
	-o-animation:flashOut 0.7s linear forwards;
	animation:flashOut 0.7s linear forwards;
}
#about .section4 .payment-slider .slick-current .ani-flashIn {
	-webkit-animation:fadeIn 0.5s linear 0.7s forwards;
	-moz-animation:fadeIn 0.5s linear 0.7s forwards;
	-ms-animation:fadeIn 0.5s linear 0.7s forwards;
	-o-animation:fadeIn 0.5s linear 0.7s forwards;
	animation:fadeIn 0.5s linear 0.7s forwards;
}
#about .section4 .payment-slider .slick-current .ani-fadeInRight {
	-webkit-animation:fadeInRight 1s linear 0.7s forwards;
	-moz-animation:fadeInRight 1s linear 0.7s forwards;
	-ms-animation:fadeInRight 1s linear 0.7s forwards;
	-o-animation:fadeInRight 1s linear 0.7s forwards;
	animation:fadeInRight 1s linear 0.7s forwards;
}
#about .section4 .payment-nav {
	padding:1.2em 0;
	background:#f4f6fc;
	color:#0b1229;
}
@media only screen and (max-width:768px) {
	#about .section4 .payment-nav {
		padding:1.8em 0 3em 40px;
	}
}
#about .section4 .payment-nav li.slick-slide {
	padding:1em 0;
}
@media only screen and (max-width:768px) {
	#about .section4 .payment-nav li.slick-slide {
		padding:1.4em 8em 1.4em 40px;
	}
}
#about .section4 .payment-nav li p {
	margin:0.6em 0 0 1.4em;
	font-size:1.7rem;
	font-weight:400;
}
@media only screen and (max-width:640px) {
	#about .section4 .payment-nav li p {
		margin-left:1.3em;
	}
}
#about .section4 .payment-nav b,#about .section4 .payment-nav strong {
	font-size:2.4rem;
}
@media only screen and (max-width:640px) {
	#about .section4 .payment-nav b,#about .section4 .payment-nav strong {
		font-size:1.7em;
	}
}
#about .section4 .payment-nav b {
	margin-right:0.25em;
}
#about .section5 .payment-list {
	display:table;
	table-layout:fixed;
	max-width:29em;
	margin:0 -0.625em;
	padding-left:1.5em;
}
@media only screen and (max-width:768px) {
	#about .section5 .payment-list {
		margin:0 auto;
		padding:0 0.9em;
	}
	#about .section5 .payment-list:before,#about .section5 .payment-list:after {
		content:' ';
		display:table;
	}
	#about .section5 .payment-list:after {
		clear:both;
	}
}
#about .section5 .payment-list .list-group {
	display:table-cell;
}
@media only screen and (max-width:768px) {
	#about .section5 .payment-list .list-group {
		display:inline;
		padding:0;
	}
}
#about .section5 .payment-list .list-group:nth-child(1) {
	padding-top:3.5em;
	vertical-align:top
}
#about .section5 .payment-list .list-group:nth-child(2) {
	vertical-align:middle;
}
#about .section5 .payment-list .list-group:nth-child(3) {
	padding-top:6em;
}
#about .section5 .payment-list .item {
	width:9.5em;
}
@media only screen and (max-width:768px) {
	#about .section5 .payment-list .item {
		float:left;
		width:50%;
	}
}
#about .section5 .payment-list .item span {
	display:block;
	margin:1em 0.625em;
	padding:1.7em 0;
	background:#fff;
	font-weight:400;
	color:#333333;
	text-align:center;
	-webkit-border-radius:1.5em;
	-moz-border-radius:1.5em;
	border-radius:1.5em;
	-webkit-box-shadow:0.4em 0.4em 1.65em rgba(0,0,0,0.04);
	-moz-box-shadow:0.4em 0.4em 1.65em rgba(0,0,0,0.04);
	box-shadow:0.4em 0.4em 1.65em rgba(0,0,0,0.04);
}
@media only screen and (max-width:640px) {
	#about .section5 .payment-list .item span {
		font-size:1.5rem;
	}
}
#about .section5 .payment-list .item span img {
	display:block;
	height:4.2rem;
	margin:0 auto 0.6em;
}
@media only screen and (max-width:640px) {
	#about .section5 .payment-list .item span img {
		height:4rem;
	}
}
@media only screen and (max-width:768px) {
	#about .section8 .col-7 {
		text-align:center;
	}
}
#about .section8 .img-area span {
	position:absolute;
	left:50%;
	top:50%;
}
#about .section8 .img-area .sample {
	background:#fff;
	padding:0.625em 0.725em;
	font-size:1.5rem;
	font-weight:500;
	color:#333333;
	line-height:2.875em;
	white-space:nowrap;
	cursor:pointer;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	-webkit-box-shadow:0.625em 0.625em 1.25em rgba(43,47,71,0.1);
	-moz-box-shadow:0.625em 0.625em 1.25em rgba(43,47,71,0.1);
	box-shadow:0.625em 0.625em 1.25em rgba(43,47,71,0.1);
}
@media only screen and (max-width:640px) {
	#about .section8 .img-area .sample {
		font-size:1.2rem;
	}
}
#about .section8 .img-area .sample em {
	margin:0 0.7em 0 1.4em;
	border-bottom:1px solid #00bfff;
}
#about .section8 .img-area .sample:before {
	content:'';
	display:inline-block;
	width:2.875em;
	height:2.875em;
	margin-right:0.875em;
	vertical-align:top;
	background-repeat:no-repeat;
	background-size:contain;
}
#about .section8 .img-area .sample.shop:before {
	background-image:url("/homepage/images/about/sec5_img2.png");
}
#about .section8 .img-area .sample.order:before {
	background-image:url("/homepage/images/about/sec5_img3.png");
}
#about .section8 .img-area .shop {
	margin-left:-16.7em;
	margin-top:-9em;
}
#about .section8 .img-area .order {
	margin-left:-1em;
	margin-top:2em;
}
#about .section9 {
	padding-bottom:6em;
	background:#f4f6fc;
}
#about .section9 .service-wrap {
	margin:0 -1.25em;
}
@media only screen and (max-width:1024px) {
	#about .section9 .service-slider {
		max-width:45em;
		margin:0 auto;
	}
}
#about .section9 .service-slider a {
	display:block;
	margin:1.25em;
	padding:4.063em 3.75em 3.6em;
	background:#fff;
}
#about .section9 .service-slider a:before,#about .section9 .service-slider a:after {
	content:' ';
	display:table;
}
#about .section9 .service-slider a:after {
	clear:both;
}
@media only screen and (max-width:640px) {
	#about .section9 .service-slider a {
		padding:3.5em 2.5em 3.3em;
	}
}
#about .section9 .service-slider a:hover {
	-webkit-box-shadow:0 0 0.7em rgba(0,0,0,0.05);
	-moz-box-shadow:0 0 0.7em rgba(0,0,0,0.05);
	box-shadow:0 0 0.7em rgba(0,0,0,0.05);
	-webkit-transition:0.2s ease;
	-moz-transition:0.2s ease;
	-ms-transition:0.2s ease;
	-o-transition:0.2s ease;
	transition:0.2s ease;
}
#about .section9 .service-slider a:hover .btn-view:after {
	margin-right:-7px;
}
#about .section9 .service-slider h3 {
	margin-bottom:1.5em;
	font-size:3.2rem;
	font-weight:500;
}
@media only screen and (max-width:640px) {
	#about .section9 .service-slider h3 {
		font-size:2.4rem;
	}
}
#about .section9 .service-slider strong {
	font-size:2rem;
	color:#185ef8;
}
@media only screen and (max-width:640px) {
	#about .section9 .service-slider strong {
		font-size:1.7rem;
	}
}
#about .section9 .service-slider p {
	margin:1.5em 0 3em;
	height:5.063em;
	color:#666666;
	line-height:2.7rem;
}
@media only screen and (max-width:640px) {
	#about .section9 .service-slider p {
		line-height:2.5rem;
		letter-spacing:-0.08rem;
	}
}
#about .section9 .service-slider .btn-view {
	float:right;
	font-weight:500;
}
#about .section9 .service-slider .btn-view:after {
	content:"";
	width:2rem;
	height:1.1rem;
	margin:-2px 0 0 10px;
	background-position:-40rem -15rem;
	-webkit-background-size:100rem;
	-moz-background-size:100rem;
	background-size:100rem;
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-ms-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}
#about .section9 .info-txt {
	margin-top:1.8em;
	color:#666666;
	line-height:2.8rem;
}
@media only screen and (max-width:640px) {
	#about .section9 .info-txt {
		margin-top:0;
		line-height:2rem;
	}
}
#about .section10 {
	position:relative;
	padding:5em 0;
	background:#008ef8;
}
@media only screen and (max-width:768px) {
	#about .section10 {
		padding:4.25em 0;
		background-image:url("/homepage/images/about/sec7_wave_mobile.png");
		background-size:100% 100%;
	}
}
#about .section10 .heading-main {
	padding:0 !important;
}
#about .section10 .heading-main span {
	display:inline-block;
}
#about .section10 .heading-main p {
	opacity:0.7;
	filter:alpha(opacity=70);
}
#about .section10 .btn-white {
	width:15em;
	margin-top:1.5em;
	border:none;
	font-weight:500;
	color:#008ef8;
}
#about .section10 .btn-white:before {
	background:#162351;
}
#about .section10 .btn-white:focus,#about .section10 .btn-white:hover {
	color:#fff;
}
#about .section10 .img-area img {
	position:absolute;
}
#about .section10 .img-area img.wave1 {
	left:0;
	top:-8.25em;
	-webkit-animation:wave1 ease-in 3s infinite alternate-reverse;
	-moz-animation:wave1 ease-in 3s infinite alternate-reverse;
	-ms-animation:wave1 ease-in 3s infinite alternate-reverse;
	-o-animation:wave1 ease-in 3s infinite alternate-reverse;
	animation:wave1 ease-in 3s infinite alternate-reverse;
}
#about .section10 .img-area img.wave2 {
	left:0;
	top:-15.5em;
	-webkit-animation:wave2 ease-out 3s infinite alternate-reverse;
	-moz-animation:wave2 ease-out 3s infinite alternate-reverse;
	-ms-animation:wave2 ease-out 3s infinite alternate-reverse;
	-o-animation:wave2 ease-out 3s infinite alternate-reverse;
	animation:wave2 ease-out 3s infinite alternate-reverse;
}
#about .section10 .img-area img.wave3 {
	right:-30em;
	bottom:-35em;
	-webkit-animation:wave3 ease-in 3s infinite alternate-reverse;
	-moz-animation:wave3 ease-in 3s infinite alternate-reverse;
	-ms-animation:wave3 ease-in 3s infinite alternate-reverse;
	-o-animation:wave3 ease-in 3s infinite alternate-reverse;
	animation:wave3 ease-in 3s infinite alternate-reverse;
}
#about .section10 .img-area img.wave4 {
	right:-1.375em;
	bottom:-25em;
	-webkit-animation:wave1 ease-out 3s infinite alternate-reverse;
	-moz-animation:wave1 ease-out 3s infinite alternate-reverse;
	-ms-animation:wave1 ease-out 3s infinite alternate-reverse;
	-o-animation:wave1 ease-out 3s infinite alternate-reverse;
	animation:wave1 ease-out 3s infinite alternate-reverse;
}
@media only screen and (max-width:768px) {
	#about .section10 .img-area img.wave4 {
		width:50%;
	}
}
@media only screen and (max-width:768px) {
	#about .section10 .img-area img {
		display:none;
	}
}
@media only screen and (max-width:768px) {
	#about .btn-motion-wrap {
		text-align:center;
	}
}
#about .btn-motion {
	position:relative;
	height:4.4em;
	padding:1.7em 30px;
	font-size:1.5rem;
}
@media only screen and (max-width:640px) {
	#about .btn-motion {
		height:3.293em;
		padding:1.06em 2em;
	}
}
#about .btn-motion i {
	display:inline-block;
	width:0.938em;
	height:0.75em;
	margin-left:1.5em;
	background:url("/homepage/images/about/sec5_ico_arrow.png") no-repeat;
	background-size:100%;
}
#about .btn-motion:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	width:4.4em;
	height:inherit;
	background:#e9e9e9;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
}
@media only screen and (max-width:640px) {
	#about .btn-motion:before {
		width:3.293em;
	}
}
#about .btn-motion.on:before {
	-webkit-animation:btnMotOn linear 0.4s forwards;
	-moz-animation:btnMotOn linear 0.4s forwards;
	-ms-animation:btnMotOn linear 0.4s forwards;
	-o-animation:btnMotOn linear 0.4s forwards;
	animation:btnMotOn linear 0.4s forwards;
}
#about .btn-motion.off:before {
	-webkit-animation:btnMotOff linear 0.4s forwards;
	-moz-animation:btnMotOff linear 0.4s forwards;
	-ms-animation:btnMotOff linear 0.4s forwards;
	-o-animation:btnMotOff linear 0.4s forwards;
	animation:btnMotOff linear 0.4s forwards;
}
@media only screen and (max-width:768px) {
	#about *[class*="col-"] {
		display:block;
		width:100%;
	}
}
#about .table-row {
	padding:5em 0;
}
@media only screen and (max-width:768px) {
	#about .table-row {
		padding:0;
	}
}
#about section:nth-child(odd) .table-row {
	direction:rtl;
}
#about section:nth-child(odd) .table-row *[class*="col-"] {
	direction:ltr;
}
#about section:nth-child(odd) .table-row .abs-middle {
	padding-left:6.25em;
}
@media only screen and (max-width:768px) {
	#about section:nth-child(odd) .table-row .abs-middle {
		padding:0;
	}
}
#about .text-skyblue {
	color: #00bfff;
}
/* ---------------------------------------------------------------- sub pay---------------------------------------------------------------- */
#pay .contents {
	margin-bottom:0;
}
#pay .tab-group {
	-webkit-transition:background 0.2s ease;
	-moz-transition:background 0.2s ease;
	-ms-transition:background 0.2s ease;
	-o-transition:background 0.2s ease;
	transition:background 0.2s ease;
}
@media only screen and (max-width:1024px) {
	#pay .tab-group {
		margin:0 -20px 8px;
		padding:0 20px;
		border-bottom:8px solid #f8f8f8;
		white-space:nowrap;
		overflow:auto hidden;
	}
}
#pay .tab-group.fixed {
	position:fixed;
	top:76px;
	left:0;
	width:100%;
	margin:0;
	border-bottom:1px solid #e8e8e8;
	background:#f8f8f8;
	z-index:1001;
}
@media only screen and (max-width:768px) {
	#pay .tab-group.fixed {
		top:54px;
	}
}
#pay .tab-group.fixed .tab-menu {
	max-width:1200px;
	margin:0 auto;
}
#pay .tab-group.fixed .tab-menu a {
	border:0;
	background:transparent;
}
#pay .tab-group.fixed .tab-menu a.active:before {
	content:none;
}
#pay .tab-menu {
	display:table;
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
#pay .tab-menu a {
	display:table-cell;
	padding:1.12em 0.3em 1.2em;
	border:1px solid #c8c8c8;
	background:#f8f8f8;
	font-weight:400;
	color:#666666;
	letter-spacing:-0.05rem;
	text-align:center;
	vertical-align:middle;
}
#pay .tab-menu a:hover {
	background:#fff;
}
@media only screen and (max-width:1024px) {
	#pay .tab-menu a {
		display:inline-block;
		margin-right:1.4em;
		background:#fff;
		border:0;
	}
}
@media only screen and (max-width:640px) {
	#pay .tab-menu a {
		font-size:1.45rem;
	}
}
#pay .tab-menu a.active {
	position:relative;
	border-bottom-width:0;
	background:#fff;
	font-weight:500;
	color:#000;
}
#pay .tab-menu a.active:before {
	content:"";
	position:absolute;
	left:-1px;
	right:-1px;
	top:-1px;
	bottom:-1px;
	border:solid #000;
	border-width:2px 2px 0;
}
@media only screen and (max-width:1024px) {
	#pay .tab-menu a.active:before {
		bottom:0;
		border-width:0 0 2px;
	}
}
@media only screen and (max-width:1024px) {
	#pay .main-section {
		text-align:center;
	}
}
@media only screen and (max-width:640px) {
	#pay .main-section .inner-lg {
		margin:0;
	}
}
#pay .main-section .title-wrap {
	position:absolute;
	left:8.5em;
	top:50%;
	z-index:1;
	-webkit-transform:translateY(-55%);
	-moz-transform:translateY(-55%);
	-ms-transform:translateY(-55%);
	-o-transform:translateY(-55%);
	transform:translateY(-55%);
}
@media only screen and (max-width:1400px) {
	#pay .main-section .title-wrap {
		left:2.5em;
	}
}
@media only screen and (max-width:1024px) {
	#pay .main-section .title-wrap {
		position:relative;
		left:auto;
		top:auto;
		margin:0 auto;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
	}
}
#pay .main-section .title-wrap h2 {
	font-size:4.9rem;
	line-height:6.2rem;
}
#pay .main-section .title-wrap p {
	font-size:1.8rem;
}
#pay .main-section .title-wrap p.pay-txt-box {
	width:35%;
}
@media (max-width:1024px) {
	#pay .main-section .title-wrap p.pay-txt-box {
		width:70%;
		margin:0 auto;
	}
}
@media (max-width:425px) {
	#pay .main-section .title-wrap p.pay-txt-box {
		width:100%;
	}
}
#pay .main-section .label-wrap {
	margin-top:-1.5em;
}
@media only screen and (max-width:1024px) {
	#pay .main-section .label-wrap {
		margin:0;
	}
}
#pay .main-section .label-wrap .label {
	width:4.12em;
	padding:0.3em 0.5em 0.4em;
	margin-bottom:0.9em;
	font-size:1.7rem;
}
@media only screen and (max-width:1024px) {
	#pay .main-section .label-wrap .label {
		min-width:auto;
		margin-left:auto;
		margin-right:auto;
	}
}
#pay .main-section .label-wrap .label+.label {
	margin-left:0.3em;
}
#pay .main-section .video-wrap {
	float:right;
	width:57.142857142857143%;
	margin:1.7em 0;
}
@media only screen and (max-width:1024px) {
	#pay .main-section .video-wrap {
		float:none;
		width:80%;
		margin:1.125em auto;
	}
}
@media only screen and (max-width:768px) {
	#pay .main-section .video-wrap {
		width:100%;
	}
}
#pay .main-section .video-wrap .video-area {
	padding-top:86.25%;
}
@media only screen and (max-width:1024px) {
	#pay .main-section .video-wrap .video-area video {
		left:-2.5%;
	}
	#pay .main-section .video-wrap .video-area video.center {
		left:-4.5%;
	}
}
@media only screen and (max-width:640px) {
	#pay .main-section .tag-area {
		margin-top:-1em;
	}
}
#pay .main-section .tag-area span {
	display:inline-block;
	padding:0.38em 0.75em 0.55em;
	margin:0.17em 0 0.17em 0.17em;
	background:#f2f2f2;
	font-size:1.4rem;
	font-weight:400;
	color:#666666;
	vertical-align:middle;
}
#pay .main-section .word-area {
	margin-top:1em;
}
#pay .main-section .word-area dl {
	margin:10px 0;
	font-size:1.4rem;
	letter-spacing:-0.05rem;
}
#pay .main-section .word-area dl:before,#pay .main-section .word-area dl:after {
	content:' ';
	display:table;
}
#pay .main-section .word-area dl:after {
	clear:both;
}
#pay .main-section .word-area dt {
	float:left;
}
#pay .main-section .word-area dt strong {
	display:inline-block;
	padding:5px 8px 6px;
	background:#e4f3ff;
	color:#185ef8;
	line-height:1.4rem;
	-webkit-border-radius:0.429em;
	-moz-border-radius:0.429em;
	border-radius:0.429em;
}
#pay .main-section .word-area dd {
	margin-left:5.5em;
	color:black;
}
@media only screen and (max-width:1024px) {
	#pay .main-section .word-area dl {
		text-align:center;
	}
	#pay .main-section .word-area dt {
		float:none;
	}
	#pay .main-section .word-area dd {
		margin:0.5em 0 0;
	}
}
#pay .ico-section ul {
	border:solid #f2f2f2;
	border-width:1px 0 0 1px;
}
#pay .ico-section li {
	width:33.33333%;
	padding:2.5em 0.5em;
	border:solid #f2f2f2;
	border-width:0 1px 1px 0;
	text-align:center;
}
@media only screen and (max-width:1024px) {
	#pay .ico-section li {
		width:50%;
	}
}
#pay .ico-section li p {
	min-height:4.667em;
	font-size:1.5rem;
	font-weight:400;
	letter-spacing:-0.15rem;
}
@media only screen and (max-width:640px) {
	#pay .ico-section li p {
		font-size:1.3rem;
	}
}
#pay .screen-section {
	padding:7em 0;
}
#pay .screen-section .screen-wrap .screen-area:before,#pay .screen-section .screen-wrap .screen-area:after {
	content:' ';
	display:table;
}
#pay .screen-section .screen-wrap .screen-area:after {
	clear:both;
}
#pay .screen-section .screen-wrap li {
	float:left;
	position:relative;
	width:33.33333%;
	outline:0;
}
@media only screen and (max-width:1024px) {
	#pay .screen-section .screen-wrap li {
		width:100%;
	}
}
#pay .screen-section .screen-wrap li img {
	max-width:16.875em;
}
@media only screen and (max-width:768px) {
	#pay .screen-section .screen-wrap li img {
		max-width:17.5em;
	}
}
#pay .screen-section .screen-wrap li+li:before {
	content:"";
	position:absolute;
	left:-0.2em;
	top:50%;
	width:15px;
	height:27px;
	background:url("../img//icon.png") no-repeat -475px -50px;
	-webkit-background-size:500px;
	-moz-background-size:500px;
	background-size:500px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
@media only screen and (max-width:1024px) {
	#pay .screen-section .screen-wrap li+li:before {
		content:none;
	}
}
#pay .screen-section .screen-wrap .label {
	min-width:6.5em;
	margin-bottom:1.7em;
	font-size:1.5rem;
}
@media only screen and (max-width:768px) {
	#pay .screen-section .screen-wrap .label {
		padding:0.4em 0.5em 0.55em;
	}
}
#pay .screen-section .screen-wrap .screen+.screen {
	margin-top:4.4em;
}
#pay .use-section {
	padding:6em 0;
	background:#f7f7f7;
	text-align:center;
}
#pay .use-section .guide-slider+.heading-sub {
	margin-top:6em;
	padding-top:6em;
	border-top:1px solid #e8e8e8;
}
@media only screen and (max-width:640px) {
	#pay .use-section {
		padding:5em 0;
	}
}
#pay .use-section .guide-area {
	margin-top:2rem;
}
#pay .use-section .guide-area.applepay-guide li:first-child img {
	box-shadow:none;
}
#pay .use-section .guide-area.applepay-guide li:last-child img,#pay .use-section .guide-area.wechatpay-guide li:last-child img {
	-webkit-box-shadow:0 0 1.875em rgba(0,0,0,0.05);
	-moz-box-shadow:0 0 1.875em rgba(0,0,0,0.05);
	box-shadow:0 0 1.875em rgba(0,0,0,0.05);
}
#pay .use-section .guide-area.applepay-guide img,#pay .use-section .guide-area.wechatpay-guide img {
	width:252px;
}
@media (min-width:1025px) {
	#pay .use-section .guide-area.wechatpay-guide li:nth-child(n+4) {
		margin-top:80px;
	}
}
#pay .use-section .guide-area:before,#pay .use-section .guide-area:after {
	content:' ';
	display:table;
}
#pay .use-section .guide-area:after {
	clear:both;
}
@media only screen and (max-width:640px) {
	#pay .use-section .guide-area {
		margin:0;
	}
}
#pay .use-section .guide-area li {
	outline:0;
}
#pay .use-section .guide-area li img {
	-webkit-box-shadow:0 0 1.875em rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 1.875em rgba(0,0,0,0.15);
	box-shadow:0 0 1.875em rgba(0,0,0,0.15);
}
#pay .use-section .guide-area strong {
	display:block;
	margin-bottom:2em;
	font-size:2.4rem;
	color:#212121;
}
@media only screen and (max-width:640px) {
	#pay .use-section .guide-area strong {
		margin-bottom:1.5em;
		font-size:2.1rem;
		line-height:2.3rem;
		letter-spacing:-0.1rem;
	}
}
#pay .use-section .guide-area b {
	margin-right:0.48em;
	font-size:2.7rem;
	color:#fa2841;
	vertical-align:top;
}
@media only screen and (max-width:640px) {
	#pay .use-section .guide-area b {
		font-size:2.4rem;
	}
}
#pay .use-section .guide-area.guide-vertical li+li {
	margin-top:7em;
}
#pay .use-section .btn-center-block {
	margin-top:5em;
}
#pay .info-section {
	padding:3.125em 0;
	background:#f7f7f7;
}
#pay .info-section strong {
	padding-left:2.5em;
	font-size:3rem;
}
#pay .info-section ul {
	padding:0 20px;
}
#pay .info-section li {
	font-size:1.8rem;
	text-indent:2em;
}
#pay .info-section li+li {
	margin-top:1.111em;
}
#pay .info-section li b {
	margin-left:-3.3em;
	margin-right:0.833em;
}
#pay .info-section li a {
	border-bottom:1px solid #000;
}
@media only screen and (max-width:1024px) {
	#pay .info-section *[class*="col-"] {
		width:100%;
	}
	#pay .info-section strong {
		padding:0 0 1.3em;
		font-size:2.2rem;
	}
	#pay .info-section li {
		font-size: 1.4rem;
	}
}
/* ----------------------------------------------------------------	bbs---------------------------------------------------------------- */








#bbs .top:before,#bbs .top:after {
	content:' ';
	display:table;
}
#bbs .top:after {
	clear:both;
}
@media only screen and (max-width:640px) {
	#bbs .top .heading-tit h2 {
		margin-bottom:0;
	}
}
#bbs .top .heading-tit h2:after {
	display:inline-block;
	content:' ';
	margin:0 0.3em;
	width:38px;
	height:2px;
	background:#000;
	vertical-align:bottom;
}
@media only screen and (max-width:640px) {
	#bbs .top .heading-tit h2:after {
		display:none;
	}
}
#bbs .top .heading-tit ul {
	display:inline-block;
	font-size:1.4rem;
	color:#999999;
	vertical-align:bottom;
}
@media only screen and (max-width:640px) {
	#bbs .top .heading-tit ul {
		display:none;
	}
}
@media only screen and (max-width:1024px) {
	#bbs .top .heading-tit {
		float:none;
		text-align:center;
	}
}
#bbs .top .top-search .search-wrap {
	width: 360px;
	height:37px;
	border:1px solid #ddd;
	position:relative;
	background: #fff;
}
#bbs .top .top-search .search-wrap2 {
	width: 500px;
}
#bbs .top .top-search .search-wrap:before,#bbs .top .top-search .search-wrap:after {
	content:' ';
	display:table;
}
#bbs .top .top-search .search-wrap:after {
	clear:both;
}
@media only screen and (max-width:640px) {
	#bbs .top .top-search .search-wrap {
		/*
		padding-right:10%;
		*/
		height:33.33px;
	}
}
#bbs .top .top-search .search-wrap input {
	float:left;
	width:55%;
	height:100%;
	font-size:1.3rem;
	border:0;
	border-left:1px solid #ddd;
}

#bbs .top .top-search .search-wrap input.date {
	width:33%;
	text-align:center;
}
@media only screen and (max-width:640px) {
	#bbs .top .top-search .search-wrap input {
		width:67%;
		font-size:1.2rem;
	}
	#bbs .top .top-search .search-wrap input.date {
		width:33%;
	}
}
#bbs .top .top-search .search-wrap select {
	float:left;
	/*
	padding:0.2em 2em 0.2em 1.5em;
	*/
	width:30%;
	height:100%;
	background:url("../img/select_arrow.png") no-repeat 92% 50%;
	-webkit-background-size:11px;
	-moz-background-size:11px;
	background-size:11px;
	font-size:1.3rem;
	border:0;
}
@media only screen and (max-width:640px) {
	#bbs .top .top-search .search-wrap select {
		width: 33%;
		font-size:1.2rem;
	}
}
#bbs .top .top-search .search-wrap select.select2 {
	width:33%
}
#bbs .top .top-search .search-wrap .search-btn {
	float:left;
	width:15%;
	height:100%;
	background-position:-440px -207px;
}
@media only screen and (max-width:640px) {
	#bbs .top .top-search .search-wrap .search-btn {
		width:35px;
		height:35px;
		background-position:-315px -140px;
		-webkit-background-size:700px;
		-moz-background-size:700px;
		background-size:700px;
		position:absolute;
		right:0;
		top:50%;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		transform:translateY(-50%);
	}
}
@media only screen and (max-width:1024px) {
	#bbs .top .top-search .search-wrap {
		margin:1em auto 0;
	}
}
@media only screen and (max-width:640px) {
	#bbs .top .top-search .search-wrap {
		width:100%;
	}
}
@media only screen and (max-width:1024px) {
	#bbs .top .top-search {
		float:none;
	}
}
#bbs .top {
	padding:1.8em 0;
	border-bottom:1px solid #e6e6e6;
}
#bbs .sub-tab {
	background: #fff;
	border-bottom:1px solid #e6e6e6;
}
@media only screen and (max-width:640px) {
	#bbs .top {
		padding:0.8em 0;
	}
	#bbs .sub-tab .inner {
		margin:0;
	}
}
#bbs .sub-tab ul {
	display:table;
	width:100%;
	table-layout:fixed;
}
#bbs .sub-tab ul li {
	display:table-cell;
	text-align:center;
	border-left:1px solid #e6e6e6;
	position:relative;
}
#bbs .sub-tab ul li:last-child {
	border-right:1px solid #e6e6e6;
}
#bbs .sub-tab ul li.active {
	background:#fff;
}
#bbs .sub-tab ul li.active:after {
	display:inline-block;
	content:' ';
	width:100%;
	height:2px;
	background:#000;
	position:absolute;
	left:0;
	bottom:-1px;
}
@media only screen and (max-width:640px) {
	#bbs .sub-tab ul li.active:after {
		height:2px;
	}
}
#bbs .sub-tab ul li.active a {
	color:#000;
}
#bbs .sub-tab ul li a {
	padding:.7em 0;
	display:inline-block;
	width:100%;
	font-size:1.3rem;
	color:#666666;
}
@media only screen and (max-width:640px) {
	#bbs .sub-tab ul li a {
		padding:1.2em 0;
		font-size:1.3rem;
		letter-spacing:-0.075em;
	}
}
#bbs .bbs-cont {
	padding:1em 0 5em;
	background:#fafafa;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont {
		padding:1em 0 8em;
	}
}
#bbs .bbs-cont .keyword {
	/*
	padding-bottom:1em;
	*/
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .keyword {
		padding:0 5%;
		margin-left:-5%;
		white-space:nowrap;
		overflow-x:auto;
		overflow-y:hidden;
	}
	#bbs .bbs-cont .keyword:after {
		display:block;
		content:' ';
		width:5%;
		height:30px;
		position:absolute;
		top:0;
		right:0;
		background-color:rgba(250,250,250,0);
		background-image:-moz-linear-gradient(rgba(250,250,250,0.7),rgba(250,250,250,0));
		background-image:-o-linear-gradient(rgba(250,250,250,0.7),rgba(250,250,250,0));
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(250,250,250,0.7)),color-stop(1,rgba(250,250,250,0)));
		background-image:-webkit-linear-gradient(rgba(250,250,250,0.7),rgba(250,250,250,0));
		background-image:-ms-linear-gradient(rgba(250,250,250,0.7),rgba(250,250,250,0));
		background-image:linear-gradient(rgba(250,250,250,0.7),rgba(250,250,250,0));
	}
}
#bbs .bbs-cont .keyword li {
	display:inline-block;
	margin-right:1em;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .keyword li {
		padding:0.5em 0;
	}
	#bbs .bbs-cont .keyword li:first-child {
		margin-left:0;
	}
}
#bbs .bbs-cont .keyword li a {
	display:inline-block;
	padding:0.45em 2em 0.6em;
	font-size: 1.3rem;
	font-weight:500;
	color:#a6a6a6;
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .keyword li a {
		padding:0.4em 1em;
		min-height:26px;
	}
}
#bbs .bbs-cont .keyword li.active a {
	background:#000;
	color:#fff;
}
#bbs .bbs-cont .cont-wrap {
	border-top:1px solid #000;
}
#bbs .bbs-cont .cont-wrap .item-info {
	position:relative;
	border-bottom:1px solid #e6e6e6;
	font-size:1.6rem;
	background:#fff;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap .item-info {
		font-size:1.4rem;
	}
}
#bbs .bbs-cont .cont-wrap .item-info .list-tit {
	display:table;
	width:100%;
	table-layout:fixed;
	position:relative;
	padding:1.5em 3%;
	cursor:pointer;
	font-size:1.3rem;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap .item-info .list-tit {
		padding:1.5em 5%;
	}
}
#bbs .bbs-cont .cont-wrap .item-info .list-tit>* {
	display:table-cell;
	vertical-align:middle;
}
#bbs .bbs-cont .cont-wrap .item-info .list-tit b {
	width:8%;
	color:#666666;
	font-size:1.3rem;
	font-weight:400;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap .item-info .list-tit b {
		width:22%;
	}
}
#bbs .bbs-cont .cont-wrap .item-info .list-tit .tit {
	font-size:1.3rem;
	font-weight:400;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap .item-info .list-tit .tit {
		width:63%;
	}
}
#bbs .bbs-cont .cont-wrap .item-info .list-tit .tit .ico {
	margin-left:0.5em;
}
#bbs .bbs-cont .cont-wrap .item-info .list-tit .arrow-btn {
	width:14px;
	height:9px;
	background-position:-250px -250px;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	right:2em;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap .item-info .list-tit .arrow-btn {
		background-position:-175px -175px;
		-webkit-background-size:700px;
		-moz-background-size:700px;
		background-size:700px;
		right:4%;
		width:10px;
		height:6px;
	}
}
#bbs .bbs-cont .cont-wrap .item-info .list-empty {
	padding:10em 3em;
	color:#666666;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap .item-info .list-empty {
		padding:6em 2em;
	}
}
#bbs .bbs-cont .cont-wrap .item-info .list-empty em {
	color:#000;
}
#bbs .bbs-cont .cont-wrap .item-info .reply {
	display:none;
	position:relative;
	padding:2.5em 5% 2.5em 13.5%;
	background:#fff;
	line-height:3.5rem;
	letter-spacing:-0.02rem;
	font-size:1.3rem;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap .item-info .reply {
		line-height:2.5rem;
		padding:1em;
	}
}
#bbs .bbs-cont .cont-wrap .item-info .reply small {
	font-size:1.2rem;
}
#bbs .bbs-cont .cont-wrap .item-info .reply table {
	min-width:646px;
	margin-top:1em;
	border-top:1px solid #e6e6e6;
}
#bbs .bbs-cont .cont-wrap .item-info .reply table .detail {
	display:block;
	color:#999999;
	letter-spacing:-0.05rem;
}
#bbs .bbs-cont .cont-wrap .item-info .num {
}
#bbs .bbs-cont .cont-wrap .item-info.active .list-tit {
	font-weight:500;
	border-bottom:1px solid #e6e6e6;
}
#bbs .bbs-cont .cont-wrap .item-info.active .list-tit:before {
	color:#185ef8;
}
#bbs .bbs-cont .cont-wrap .item-info.active .list-tit b {
	color:#000;
}
#bbs .bbs-cont .cont-wrap .item-info.active .list-tit .arrow-btn {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
#bbs .bbs-cont .cont-wrap.faq-area {
	margin-top:1em;
}
#bbs .bbs-cont .cont-wrap.list-area {
	margin-top:1em;
}
#bbs .bbs-cont .cont-wrap.faq-area .list-tit {
	padding:1.5em 6% 1.5em 3%;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap.faq-area .list-tit {
		padding:1.5em 9% 1.5em 5%;
	}
}
#bbs .bbs-cont .cont-wrap.faq-area .list-tit:before {
	content:'Q';
	display:inline-block;
	font-weight:600;
	font-size:1.5rem;
	color:#000;
	vertical-align:middle;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap.faq-area .list-tit:before {
		font-size:1.5rem;
	}
}
@media only screen and (max-width:1024px) {
	#bbs .bbs-cont .cont-wrap.faq-area .list-tit b {
		vertical-align:top;
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit span {
	display:inline-block;
	font-size:1.3rem;
	color:#666666;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit span {
		font-size:1.2rem;
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .left-box {
	padding-right:2%;
	width:7%;
	text-align:center;
}
@media only screen and (max-width:1024px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .left-box {
		width:11%;
	}
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .left-box {
		width:10%;
		padding-right:5%;
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box .tit {
	display:inline-block;
	vertical-align:middle;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box .tit {
		width:100%;
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box .tit .admin-name {
	margin-right:1em;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box .tit .admin-name {
		font-size:1.3rem;
		margin-right:0.5em;
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box .txt {
	margin-left:-4px;
	width:20%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box .txt:before,#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box .txt:after {
	content:' ';
	display:table;
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box .txt:after {
	clear:both;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box .txt {
		margin-left:0;
		margin-top:0.2em;
		width:100%;
		text-align:left;
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .tit {

}
@media only screen and (max-width:1200px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .tit {
	}
}
@media only screen and (max-width:1024px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .tit {
		/*width:90%;*/
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt {
	width:35%;
	float:right
}
@media only screen and (max-width:1200px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt {
		width:40%;
	}
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt {
		margin-left:0;
		width:100%;
		text-align:left;
	}
}
@media only screen and (max-width:700px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt>div {
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt span {
	width:100px;
}
@media only screen and (max-width:1200px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt span {
		width:80px;
	}
}
@media only screen and (max-width:1024px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt span {
		width:auto;
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt span+span {
	margin-left:-4px;
}
@media only screen and (max-width:1024px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt span+span:before {
		display:inline-block;
		content:' ';
		width:1px;
		height:8px;
		background:#ddd;
		margin:0 0.7em;
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt span.date {
	width:150px;
}
@media only screen and (max-width:1024px) {
	#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt span.date {
		width:auto;
	}
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .right-box.ask-box .txt span.q-name {
	font-weight:500;
	color:#000;
}
#bbs .bbs-cont .cont-wrap.list-area .list-tit .label-black {
	padding:0.2em 1.2em;
	font-size:1.2rem;
	color:#fff;
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;
}
#bbs .bbs-cont .cont-wrap.list-area+.btn-group {
	margin-top:1em;
}
#bbs .bbs-cont .noti-box {
	margin:0.875em auto 3.5em;
	padding:2.5em 2.813em;
	background:#fff;
	border:1px solid #ddd;
}
#bbs .bbs-cont .noti-box h4 {
	margin-bottom:1.5em;
	font-size:1.6rem;
	font-weight:700;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .noti-box h4 {
		font-size:1.5rem;
	}
}
#bbs .bbs-cont .noti-box h4 .view-btn {
	display:none;
	cursor:pointer;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .noti-box h4 .view-btn {
		display:block;
		float:right;
		font-size:1.2rem;
		font-weight:400;
		border-bottom:1px solid #000;
		padding-bottom:2px;
	}
}
#bbs .bbs-cont .noti-box h4 .view-btn .close-btn {
	display:none;
}
#bbs .bbs-cont .noti-box h4 .view-btn.active .open-btn {
	display:none;
}
#bbs .bbs-cont .noti-box h4 .view-btn.active .close-btn {
	display:block;
}
#bbs .bbs-cont .noti-box ul li {
	margin-left:1.3em;
	font-size:1.5rem;
	position:relative;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .noti-box ul li {
		font-size:1.3rem;
		padding:0.3em 0;
	}
}
#bbs .bbs-cont .noti-box ul li+li {
	margin-top:2em;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .noti-box ul li+li {
		margin-top:0.8em;
	}
}
#bbs .bbs-cont .noti-box ul li:before {
	content:' ';
	position:absolute;
	left:-1.3em;
	top:5px;
	width:1.6rem;
	height:1.6rem;
	background-position:-65rem -20rem;
	-webkit-background-size:100rem;
	-moz-background-size:100rem;
	background-size:100rem;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .noti-box ul li:before {
		top:7px;
	}
}
#bbs .bbs-cont .noti-box ul li .quest {
	display:block;
	font-weight:500;
}
#bbs .bbs-cont .noti-box ul li .quest+.quest {
	margin-top:0.5em;
}
#bbs .bbs-cont .noti-box ul li .reply {
	margin-top:0.7em;
	font-size:1.3rem;
	color:#666666;
	line-height:2rem;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .noti-box ul li .reply {
		font-size:1.2rem;
		display:none;
	}
	#bbs .bbs-cont .noti-box ul li .reply.active {
		display:block;
	}
}
#bbs .bbs-cont .noti-box ul li .reply b {
	color:#000;
}
#bbs .bbs-cont .noti-box ul li .reply b a {
	text-decoration:underline;
}
#bbs .bbs-cont .noti-box ul li .reply b a.text-orange {
	color:#ff8909;
}
#bbs .bbs-cont .noti-box ul li .reply.reply-lg {
	margin-top:1.6em;
	font-size:1.5rem;
	line-height:2.6rem;
}
@media only screen and (max-width:640px) {
	#bbs .bbs-cont .noti-box ul li .reply.reply-lg {
		font-size:1.3rem;
		line-height:2.4rem;
	}
}
#bbs .bbs-cont .write-form .text-underline {
	text-decoration:underline;
}
#bbs .bbs-cont .write-form form {
	padding:0 1.5em;
}
@media only screen and (max-width:768px) {
	#bbs .bbs-cont .write-form form {
		padding:0;
	}
}
#bbs .bbs-cont .write-form .file-area {
	position:relative;
}
#bbs .bbs-cont .write-form .file-area .cancel-btn {
	position:absolute;
	right:9em;
	top:50%;
	-webkit-transform:translateY(-55%);
	-moz-transform:translateY(-55%);
	-ms-transform:translateY(-55%);
	-o-transform:translateY(-55%);
	transform:translateY(-55%);
}
#bbs .bbs-cont .btn-group {
	margin-top:3em;
}
#bbs .bbs-cont .btn-group .btn {
	min-width:150px;
	font-size:1.4rem;
	padding:1.4em 1em;
}
#bbs .view-cont {
	/*background:#fff;*/
}
#bbs .view-cont .view-item {
	margin-top:2em;
}
#bbs .view-cont .view-item .tit-area h3 {
	font-size:2.2rem;
	font-weight:500;
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-item .tit-area h3 {
		font-size:1.6rem;
	}
}
#bbs .view-cont .view-item .tit-area ul {
	margin-top:1.2em;
}
#bbs .view-cont .view-item .tit-area ul:before,#bbs .view-cont .view-item .tit-area ul:after {
	content:' ';
	display:table;
}
#bbs .view-cont .view-item .tit-area ul:after {
	clear:both;
}
#bbs .view-cont .view-item .tit-area ul li {
	float:left;
	font-size:1.3rem;
	word-break:break-all;
	white-space:nowrap;
	width:auto;
	color:#666666;
}
#bbs .view-cont .view-item .tit-area ul li:not(:first-child):before {
	display:inline-block;
	content:' ';
	margin:0 1em;
	width:1px;
	height:10px;
	background:#e6e6e6;
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-item .tit-area ul li:not(:first-child):before {
		margin:0 0.7em;
		width:1px;
		height:8px;
	}
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-item .tit-area ul li {
		font-size:1.2rem;
	}
}
#bbs .view-cont .view-item .cont-area {
	margin-top:3.5em;
}
#bbs .view-cont .view-item .cont-area .view-area p {
	padding-bottom:5.5em;
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-item .cont-area .view-area p {
		padding-bottom:4em;
	}
}
#bbs .view-cont .view-item .cont-area .view-area .file-down {
	font-size:1.4rem;
	color:#666666;
}
#bbs .view-cont .view-item .cont-area .view-area .file-down i {
	margin-right:0.7em;
}
#bbs .view-cont .view-item .cont-area .answer-area {
	margin-top:2em;
	padding:3em 4.5em 5em;
	background:#fafafa;
	border:1px solid #ededed;
	border-bottom:1px solid #cccccc;
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-item .cont-area .answer-area {
		margin:3em -20px 0;
		padding:3em 3.5em 5em;
	}
}
#bbs .view-cont .view-item .cont-area .answer-area .tit {
	padding-bottom:2.5em;
	position:relative;
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-item .cont-area .answer-area .tit {
		padding-bottom:1.5em;
	}
}
#bbs .view-cont .view-item .cont-area .answer-area .tit:before {
	display:inline-block;
	content:' ';
	width:10px;
	height:14px;
	margin-right:0.5em;
	background-position:-400px -200px;
	vertical-align:top;
	position:absolute;
	left:-1.5em;
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-item .cont-area .answer-area .tit:before {
		-webkit-background-size:700px;
		-moz-background-size:700px;
		background-size:700px;
		background-position:-280px -70px;
	}
}
#bbs .view-cont .view-item .cont-area p {
	line-height:2.5rem;
}
#bbs .view-cont .view-lock {
	padding:5em 0 4em;
	border-bottom:1px solid #e6e6e6;
	text-align:center;
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-lock {
		padding:2em 0 4em;
	}
}
#bbs .view-cont .view-lock p {
	font-size:1.8rem;
	line-height:3.2rem;
	color:#666666;
}
#bbs .view-cont .view-lock p b {
	color:#000;
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-lock p {
		font-size:1.4rem;
		line-height:2.8rem;
	}
}
#bbs .view-cont .view-lock .pw-input {
	margin:2.5em auto 0;
	max-width:420px;
	display:table;
	width:100%;
	table-layout:fixed;
}
#bbs .view-cont .view-lock .pw-input input {
	display:table-cell;
}
#bbs .view-cont .view-lock .pw-input a {
	display:table-cell;
	width:22%;
	font-size:1.4rem;
	border:1px solid #ddd;
	border-left:0;
}
@media only screen and (max-width:640px) {
	#bbs .view-cont .view-lock .pw-input a {
		width:28%;
	}
}
#bbs .use-guide {
	text-align:center;
}
#bbs .use-guide h4 {
	font-size:2.2rem;
	font-weight:500;
}
@media only screen and (max-width:640px) {
	#bbs .use-guide h4 {
		font-size:1.6rem;
	}
}
#bbs .use-guide h4:before {
	display:block;
	content:' ';
	margin:3em auto;
	width:105px;
	height:105px;
	background-position:-750px -150px;
}
@media only screen and (max-width:640px) {
	#bbs .use-guide h4:before {
		width:71px;
		height:71px;
		margin:1.5em auto 2em;
		-webkit-background-size:680px;
		-moz-background-size:680px;
		background-size:680px;
		background-position:-511px -103px;
	}
}
#bbs .use-guide p {
	margin-top:2em;
	padding-bottom:3em;
	font-size:1.5rem;
	color:#666666;
}
@media only screen and (max-width:640px) {
	#bbs .use-guide p {
		margin-top:1em;
		font-size:1.2rem;
	}
}
.terms-box {
	overflow-y:scroll;
	display:block;
	width:100%;
	height:12.188em;
	padding:1em;
	resize:none;
	color:#666666;
	font-size:1.3rem;
	font-weight:400;
	border:1px solid #ddd;
	background:#fff;
}
.terms-box p {
	margin-bottom:1.5em;
}
.terms-box ol li {
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:1.5em;
}
.terms-box ol li.text-bold,.terms-box ol li.text-bold * {
	color:#333;
	font-weight:bold;
}
@media only screen and (max-width:640px) {
	.terms-box {
		font-size: 1.3rem
	}
}
/* ----------------------------------------------------------------	event layout---------------------------------------------------------------- */
/* event01 */
#event01 {
	color:#252a3b;
	text-align:center;
	letter-spacing:-0.15rem;
}
#event01 * {
}
#event01 strong,#event01 b {
	font-weight:800;
}
#event01 section:not(:first-child) {
	padding:6em 0;
}
@media only screen and (max-width:768px) {
	#event01 section:not(:first-child) {
		padding:2em 0 5em;
	}
}
#event01 .heading-event {
	padding:4.5em 0 2.5em;
}
#event01 .heading-event h2 {
	font-size:7.4rem;
	font-weight:800;
	line-height:8rem;
	letter-spacing:-0.3rem;
}
@media only screen and (max-width:640px) {
	#event01 .heading-event h2 {
		font-size:5rem;
		line-height:6.2rem;
	}
}
#event01 .heading-event p {
	margin-bottom:0.962em;
	font-size:2.8rem;
}
@media only screen and (max-width:640px) {
	#event01 .heading-event p {
		font-size:1.8rem;
	}
}
#event01 .heading-main h2 {
	font-weight:300;
}
@media only screen and (max-width:640px) {
	#event01 .heading-main h2 {
		margin-bottom:0;
		font-size:3.7rem;
		line-height:4.9rem;
	}
}
#event01 .section1 {
	background:#dde5fc;
	padding-top:10.5em;
	overflow:visible;
}
@media only screen and (max-width:640px) {
	#event01 .section1 {
		padding-top:6em;
	}
}
#event01 .section1 .heading-event {
	padding-bottom:6.25em;
	background:url("/homepage/images/event/event01/sec1_img1.png") no-repeat center bottom;
}
@media only screen and (max-width:1024px) {
	#event01 .section1 .heading-event .linebreak {
		display:block;
	}
}
@media only screen and (max-width:640px) {
	#event01 .section1 .heading-event {
		padding-bottom:3em;
		background-size:85%;
	}
}
#event01 .section1 .img-area {
	position:relative;
	width:35.08333333333333%;
	margin:6em auto 0;
}
@media only screen and (max-width:1024px) {
	#event01 .section1 .img-area {
		min-width:168px;
		width:60%;
		max-width:380px;
	}
}
#event01 .section1 .img-area span {
	position:absolute;
}
#event01 .section1 .img-area .mobile {
	position:relative;
}
#event01 .section1 .img-area .cash {
	bottom:-9.8%;
	right:-37.6%;
	width:53.444180522565321%;
}
#event01 .section1 .img-area .p1 {
	right:-23.8%;
	bottom:4.2%;
	width:54.869358669833729%;
}
#event01 .section1 .img-area .bag {
	left:-4%;
	bottom:-4.5%;
	width:28.978622327790974%;
}
#event01 .section1 .img-area .p2 {
	left:-19.5%;
	bottom:-10.5%;
	width:31.828978622327791%;
}
#event01 .section2 {
	background:#5162d8;
}
#event01 .section2 .heading-main {
	padding:4em 0 2.5em;
}
#event01 .section2 .row {
	margin:0 -1.4em 6em;
}
@media only screen and (max-width:768px) {
	#event01 .section2 .row {
		margin:0 -2.8em;
		padding:0 0 0 4.2em;
	}
}
#event01 .section2 .col-4 {
	outline:0;
}
@media only screen and (max-width:768px) {
	#event01 .section2 .col-4 {
		width:auto;
	}
}
#event01 .section2 .item {
	margin:0 1.4em;
	padding:4em 0.5em 2.7em;
	background:#fff;
	-webkit-border-radius:3.125em;
	-moz-border-radius:3.125em;
	border-radius:3.125em;
}
@media only screen and (max-width:768px) {
	#event01 .section2 .item {
		padding:2.5em 2.2em;
	}
}
#event01 .section2 .item img {
	display:block;
	width:10.5rem;
	margin:0 auto 2.5em;
}
@media only screen and (max-width:640px) {
	#event01 .section2 .item img {
		width:7.55rem;
	}
}
#event01 .section2 .item strong {
	font-size:2.6rem;
}
@media only screen and (max-width:640px) {
	#event01 .section2 .item strong {
		font-size:2.3rem;
	}
}
#event01 .section2 .item p {
	margin-top:0.938em;
	color:#666666;
	font-size:1.8rem;
	font-weight:400;
	line-height:2.7rem;
}
@media only screen and (max-width:640px) {
	#event01 .section2 .item p {
		font-size:1.6rem;
		line-height:2.2rem;
	}
}
#event01 .section3 {
	background:#F7F7F7;
	padding-bottom:190px !important;
}
#event01 .section3 .heading-main {
	padding:64px 0px 40px;
}
#event01 .section3 li {
	display:flex;
	padding:0px;
	letter-spacing:-0.03em;
	border-radius:5px;
	overflow:hidden;
	background:#fff;
}
#event01 .section3 li+li {
	margin-top:35px;
}
#event01 .section3 .benefit-area li>div {
	width:50%;
}
#event01 .section3 li .txt_wrap {
	padding:92px 0px 0px 100px;
	text-align:left;
}
#event01 .section3 li .txt_wrap b {
	font-size:18px;
	color:#5162D8;
}
#event01 .section3 li .txt_wrap strong {
	display:block;
	font-size:39px;
	line-height:1.322;
	margin:15px 0px;
}
#event01 .section3 li .txt_wrap p {
	color:#666;
	font-size:18px;
	line-height:1.67;
	word-break:keep-all;
}
@media only screen and (max-width:1200px) {
	#event01 .section3 li .txt_wrap {
		padding:6.5vw 0 0 5.8vw;
	}
	#event01 .section3 li .txt_wrap b,#event01 .section3 li .txt_wrap p {
		font-size:1.5vw;
	}
	#event01 .section3 li .txt_wrap strong {
		font-size:3.25vw;
		margin:1.25vw 0;
	}
}
@media only screen and (max-width:768px) {
	#event01 section:not(:first-child) {
		padding-bottom:18.25vw !important;
	}
	#event01 .section3 li {
		width:70%;
		margin:0px auto;
		flex-direction:column;
	}
	#event01 .section3 .benefit-area li>div {
		width:100%;
	}
	#event01 .section3 li .img_wrap {
		order:1;
	}
	#event01 .section3 li .txt_wrap {
		order:2;
		padding:5.86vw;
		text-align:center;
	}
	#event01 .section3 li .txt_wrap b,#event01 .section3 li .txt_wrap p {
		font-size:2.35vw;
	}
	#event01 .section3 li .txt_wrap strong {
		font-size:4.56vw;
		margin:2vw 0;
	}
	#event01 .section3 li .img_wrap img {
		width:100%;
	}
}
@media only screen and (max-width:425px) {
	#event01 section:not(:first-child) {
		padding-bottom:23.6vw !important;
	}
	#event01 .section3 li {
		width:80%;
	}
	#event01 .section3 li+li {
		margin-top:6vw;
	}
	#event01 .section3 li .txt_wrap {
		padding:7vw 4.72vw;
	}
	#event01 .section3 li .txt_wrap b {
		font-size:3.3vw;
	}
	#event01 .section3 li .txt_wrap strong {
		font-size:5.42vw;
		margin:3vw 0;
	}
	#event01 .section3 li .txt_wrap p {
		font-size:3.47vw;
	}
}
#event01 .section4 {
	background:#5162d8;
	color:#fff;
}
#event01 .section4 dl {
	padding:2.2em 0;
}
@media only screen and (max-width:768px) {
	#event01 .section4 dl {
		width:100%;
	}
}
#event01 .section4 dl dt {
	margin:1.1em 0 0.7em;
	font-size:2.6rem;
}
#event01 .section4 dl dd {
	font-size:1.8rem;
	line-height:2.6rem;
}
@media only screen and (max-width:640px) {
	#event01 .section4 dl dd {
		font-size:1.65rem;
	}
}
#event01 .section4 dl:before {
	content:"";
	display:block;
	width:19rem;
	height:19rem;
	margin:0 auto;
	background-image:url("/homepage/images/event/event01/sec4_icon.png");
	background-repeat:no-repeat;
	background-size:auto 19rem;
}
#event01 .section4 dl:nth-child(2):before {
	background-position:-19rem 0;
}
#event01 .section4 dl:nth-child(3):before {
	background-position:-38rem 0;
}
#event01 .section4 dl:nth-child(4):before {
	background-position:-57rem 0;
}
#event01 .section4 .btn {
	margin:2em 0 0.5em;
	padding:1.2em 2em 1.05em;
	border:0;
	background:#ffe000;
	font-size:3.2rem;
	font-weight:700;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
}
@media only screen and (max-width:640px) {
	#event01 .section4 .btn {
		width:100%;
		font-size:2rem;
	}
}
#event01 .section4 .btn:before {
	background: #ffcc00;
}
/* event02 */
#event02 * {
}
#event02 section {
	overflow-x:hidden;
	font-weight:400;
}
#event02 section strong {
	font-weight:800;
}
#event02 section:not(:first-child) {
	padding:8em 0 0;
}
@media only screen and (max-width:640px) {
	#event02 section:not(:first-child) {
		padding:4.5em 0 0;
	}
}
#event02 section.section3 {
	padding:8em 0;
}
@media only screen and (max-width:640px) {
	#event02 section.section3 {
		padding:5em 0;
	}
}
#event02 section.section5 {
	padding:6em 0;
}
@media only screen and (max-width:640px) {
	#event02 section.section5 {
		padding:5em 0;
	}
}
#event02 section .heading-event {
	text-align:center;
}
#event02 section .heading-event h2 {
	font-size:6.2rem;
	line-height:7rem;
	letter-spacing:-0.045em;
}
@media only screen and (max-width:640px) {
	#event02 section .heading-event h2 {
		font-size:3.2rem;
		line-height:4rem;
	}
}
#event02 section .cont-area {
	margin-top:5em;
}
@media only screen and (max-width:640px) {
	#event02 section .cont-area {
		margin-top:1.5em;
	}
}
#event02 .section1 {
	padding-top:15em;
}
@media only screen and (max-width:640px) {
	#event02 .section1 {
		padding-top:8em;
	}
}
#event02 .section1 .heading-event h2 {
	font-size:7.2rem;
	line-height:8rem;
}
@media only screen and (max-width:640px) {
	#event02 .section1 .heading-event h2 {
		font-size:3.8rem;
		line-height:5rem;
	}
}
@media only screen and (max-width:640px) {
	#event02 .section1 .heading-event h2 span {
		display:block;
	}
}
#event02 .section1 .heading-event p {
	margin-top:1.2em;
	font-size:2.8rem;
	line-height:3rem;
}
@media only screen and (max-width:640px) {
	#event02 .section1 .heading-event p {
		margin-top:0.5em;
		font-size:1.4rem;
		line-height:2rem;
	}
}
#event02 .section1 .img-area {
	padding-top:4em;
	position:relative;
	text-align:center;
}
@media only screen and (max-width:640px) {
	#event02 .section1 .img-area {
		padding-top:1em;
	}
}
#event02 .section1 .img-area .phone {
	position:relative;
	left:-1.3em;
	z-index:1;
	display:inline-block;
}
@media only screen and (max-width:768px) {
	#event02 .section1 .img-area .phone {
		width:46%;
	}
}
@media only screen and (max-width:640px) {
	#event02 .section1 .img-area .phone {
		width:63%;
	}
}
#event02 .section1 .img-area .logo-wrapper {
	width:100%;
	height:221px;
	position:absolute;
	top:46%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
@media only screen and (max-width:640px) {
	#event02 .section1 .img-area .logo-wrapper {
		height:146px;
	}
}
#event02 .section1 .img-area .logo-wrapper .logos {
	background:url("/homepage/images/event/event02/sec1_logo.png") repeat-x;
	height:221px;
	-webkit-transition:background-position;
	-moz-transition:background-position;
	-ms-transition:background-position;
	-o-transition:background-position;
	transition:background-position;
	-webkit-animation:logo 12s linear infinite;
	-moz-animation:logo 12s linear infinite;
	-ms-animation:logo 12s linear infinite;
	-o-animation:logo 12s linear infinite;
	animation:logo 12s linear infinite;
}
@media only screen and (max-width:640px) {
	#event02 .section1 .img-area .logo-wrapper .logos {
		-webkit-background-size:271px;
		-moz-background-size:271px;
		background-size:271px;
		-webkit-animation:logoM 12s linear infinite;
		-moz-animation:logoM 12s linear infinite;
		-ms-animation:logoM 12s linear infinite;
		-o-animation:logoM 12s linear infinite;
		animation:logoM 12s linear infinite;
		height:100%;
	}
}
#event02 .section1 .sub-tit {
	text-align:center;
	font-size:2.5rem;
	line-height:3.5rem;
}
@media only screen and (max-width:640px) {
	#event02 .section1 .sub-tit {
		font-size:1.5rem;
		line-height:2.6rem;
	}
}
@media only screen and (max-width:640px) {
	#event02 .section1 .sub-tit span {
		display:block;
	}
}
#event02 .section1 .arrow-ani {
	margin-top:1em;
	position:relative;
	height:65px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
@media only screen and (max-width:640px) {
	#event02 .section1 .arrow-ani {
		margin-top:1.5em;
		height:40px;
	}
}
#event02 .section1 .arrow-ani span {
	display:inline-block;
	width:22px;
	height:22px;
	position:absolute;
	top:0;
	left:50%;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-animation:blink 2s infinite;
	-moz-animation:blink 2s infinite;
	-ms-animation:blink 2s infinite;
	-o-animation:blink 2s infinite;
	animation:blink 2s infinite;
	opacity:0;
}
@media only screen and (max-width:640px) {
	#event02 .section1 .arrow-ani span {
		width:12px;
		height:12px;
	}
}
#event02 .section1 .arrow-ani span:nth-child(2) {
	top:16px;
	border-color:#4d4d4d;
	-webkit-animation-delay:0.15s;
	-moz-animation-delay:0.15s;
	-o-animation-delay:0.15s;
	animation-delay:0.15s;
}
@media only screen and (max-width:640px) {
	#event02 .section1 .arrow-ani span:nth-child(2) {
		top:10px;
	}
}
#event02 .section1 .arrow-ani span:last-child {
	top:32px;
	border-color:#b3b3b3;
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-delay:0.3s;
}
@media only screen and (max-width:640px) {
	#event02 .section1 .arrow-ani span:last-child {
		top:20px;
	}
}
#event02 .section2 .outer .tab-menu {
	background:#f2f2f2;
	border-top:2px solid #f2f2f2;
}
@media only screen and (max-width:640px) {
	#event02 .section2 .outer .tab-menu {
		border-top:1px solid #f2f2f2;
	}
}
#event02 .section2 .outer .tab-menu .tab-btns {
	max-width:1200px;
	margin:0 auto;
}
#event02 .section2 .outer .tab-menu .tab-btns:before,#event02 .section2 .outer .tab-menu .tab-btns:after {
	content:' ';
	display:table;
}
#event02 .section2 .outer .tab-menu .tab-btns:after {
	clear:both;
}
#event02 .section2 .outer .tab-menu .tab-btns button {
	padding:1.2em 0;
	width:25%;
	float:left;
	text-align:center;
	font-size:2.4rem;
	cursor:pointer;
}
@media only screen and (max-width:640px) {
	#event02 .section2 .outer .tab-menu .tab-btns button {
		font-size:1.4rem;
		padding:1.4em 0;
	}
}
#event02 .section2 .outer .tab-menu .tab-btns button.active {
	background:#fff;
	font-weight:800;
}
#event02 .section2 .outer .step-area {
	position:relative;
	background:url("/homepage/images/event/event02/sec2_obj_bg.png") no-repeat center;
}
#event02 .section2 .outer .step-area .tab {
	display:none;
}
#event02 .section2 .outer .step-area .tab.active {
	display:block;
}
#event02 .section2 .outer .step-area .tab .step-slider .step-guide {
	padding:6em 8em 0;
	position:relative;
}
@media only screen and (max-width:1200px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide {
		padding:6em 6em 0;
	}
}
@media only screen and (max-width:640px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide {
		padding:3em 0 0;
	}
}
#event02 .section2 .outer .step-area .tab .step-slider .step-guide li:before,#event02 .section2 .outer .step-area .tab .step-slider .step-guide li:after {
	content:' ';
	display:table;
}
#event02 .section2 .outer .step-area .tab .step-slider .step-guide li:after {
	clear:both;
}
#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .txt {
	margin:10em 0 0 4em;
	float:left;
	width:30em;
}
@media only screen and (max-width:1200px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .txt {
		margin:6em 0 0 4em;
		width:28em;
	}
}
@media only screen and (max-width:1024px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .txt {
		float:none;
		margin:2em auto 3em;
		text-align:center;
		width:auto;
	}
}
@media only screen and (max-width:640px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .txt {
		margin:1em 0 3em;
		width:100%;
	}
}
#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .txt h4 {
	font-size:2.6rem;
}
@media only screen and (max-width:640px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .txt h4 {
		font-size:1.6rem;
	}
}
#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .txt p {
	margin-top:1em;
	font-size:2.8rem;
	line-height:3.8rem;
}
@media only screen and (max-width:640px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .txt p {
		margin-top:0.5em;
		font-size:2rem;
		line-height:3rem;
	}
}
#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .obj {
	width:34%;
	float:left;
}
@media only screen and (max-width:1200px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .obj {
		width:16em;
	}
}
@media only screen and (max-width:1024px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .obj {
		float:none;
		width:40%;
		margin:0 auto;
	}
}
@media only screen and (max-width:768px) {
	#event02 .section2 .outer .step-area .tab .step-slider .step-guide li .obj {
		width:50%;
	}
}
#event02 .section3 {
	background:#f2f2f2;
}
#event02 .section3 .link-pay:before,#event02 .section3 .link-pay:after {
	content:' ';
	display:table;
}
#event02 .section3 .link-pay:after {
	clear:both;
}
@media only screen and (max-width:1024px) {
	#event02 .section3 .link-pay {
		padding:0 7em;
	}
}
@media only screen and (max-width:768px) {
	#event02 .section3 .link-pay {
		padding:0 2em;
	}
}
@media only screen and (max-width:640px) {
	#event02 .section3 .link-pay {
		padding:0;
	}
}
#event02 .section3 .link-pay .item {
	float:left;
	width:25%;
	text-align:center;
	outline:0;
	padding:0 0.5em;
}
@media only screen and (max-width:1024px) {
	#event02 .section3 .link-pay .item {
		width:50%;
	}
	#event02 .section3 .link-pay .item:nth-child(2) ~ li {
		padding-top:2em;
	}
}
@media only screen and (max-width:1024px) and (max-width:768px) {
	#event02 .section3 .link-pay .item:nth-child(2) ~ li {
		padding-top:0;
	}
}
@media only screen and (max-width:768px) {
	#event02 .section3 .link-pay .item .img-area {
		display:inline-block;
		width:62%;
	}
}
@media only screen and (max-width:640px) {
	#event02 .section3 .link-pay .item .txt {
		margin-top:0.5em;
	}
}
#event02 .section3 .link-pay .item .txt span {
	display:inline-block;
	padding:0 1em;
	line-height:3rem;
	color:#6e96ff;
	font-weight:600;
	border:2px solid #6e96ff;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
@media only screen and (max-width:640px) {
	#event02 .section3 .link-pay .item .txt span {
		line-height:2.6rem;
	}
}
#event02 .section3 .link-pay .item .txt h5 {
	margin:0.8em 0 0.6em;
	font-size:2.6rem;
}
@media only screen and (max-width:640px) {
	#event02 .section3 .link-pay .item .txt h5 {
		margin:1em 0 0.6em;
		font-size:2.2rem;
	}
}
#event02 .section3 .link-pay .item .txt p {
	font-size:1.7rem;
	color:#666666;
}
@media only screen and (max-width:640px) {
	#event02 .section3 .link-pay .item .txt p {
		font-size:1.5rem;
	}
}
#event02 .section4 .cont-area {
	margin-top:2em;
	position:relative;
}
@media only screen and (max-width:640px) {
	#event02 .section4 .cont-area {
		margin-top:0.5em;
	}
}
#event02 .section4 .cont-area .device-box {
	margin:0 auto;
	max-width:480px;
}
@media only screen and (max-width:768px) {
	#event02 .section4 .cont-area .device-box {
		width:55.223%;
	}
}
@media only screen and (max-width:640px) {
	#event02 .section4 .cont-area .device-box {
		width:60.223%;
	}
}
#event02 .section4 .cont-area .card-wrap {
	padding:0 3.5em;
	position:absolute;
	bottom:2em;
	z-index:-1;
	max-width:100%;
}
@media only screen and (max-width:640px) {
	#event02 .section4 .cont-area .card-wrap {
		padding:0 2em;
	}
}
#event02 .section5 {
	text-align:center;
	background:#3e4459 url("/homepage/images/event/event02/sec5_bg.png") no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
#event02 .section5 .txt {
	color:#fff;
}
#event02 .section5 .txt p {
	font-size:2.4rem;
	font-weight:300;
}
@media only screen and (max-width:640px) {
	#event02 .section5 .txt p {
		font-size:1.4rem;
	}
}
#event02 .section5 .txt h3 {
	margin:0.4em 0 0.8em;
	font-size:5.4rem;
	line-height:6rem;
}
@media only screen and (max-width:640px) {
	#event02 .section5 .txt h3 {
		font-size:2.6rem;
		line-height:3.2rem;
	}
}
#event02 .section5 a {
	padding:0.9em 3.4em;
	display:inline-block;
	background:#fff;
	font-size:2.2rem;
	-webkit-border-radius:5em;
	-moz-border-radius:5em;
	border-radius:5em;
}
@media only screen and (max-width:640px) {
	#event02 .section5 a {
		font-size: 1.4rem;
	}
}
/* smilepay */
.img-mobile {
	display:none;
}
@media only screen and (max-width:768px) {
	.img-pc {
		display:none;
	}
	.img-mobile {
		display: block;
	}
}
/* kakaopay / naverpay */
#pay-event {
	padding-top:76px;
	text-align:center;
}
#pay-event.kakaopay .section1 {
	background:#ffdf00;
}
#pay-event.naverpay .section1 {
	background:#00c73c;
}
@media only screen and (max-width:768px) {
	#pay-event {
		padding-top:54px;
	}
}
#pay-event .section1 {
	padding:9em 0 12em;
}
@media only screen and (max-width:768px) {
	#pay-event .section1 {
		padding:6em 0 9em;
	}
}
#pay-event .section2 {
	background:#fafafa;
	padding-bottom:5em;
}
#pay-event .section2 img:first-child {
	margin-top:-5em;
}
#pay-event .section2 img:nth-child(2) {
	margin:9em 0 5em;
}
@media only screen and (max-width:640px) {
	#pay-event .section2 img:nth-child(2) {
		width:70%;
		margin:5em 0 4em;
	}
}
#pay-event .section3 {
	padding:8em 0;
	background:url("/homepage/event/naverpay/img_kakaopay_bg.png") no-repeat center;
	-webkit-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
}
@media only screen and (max-width:640px) {
	#pay-event .section3 {
		padding:6em 0;
		background-attachment: scroll;
	}
}
/* ----------------------------------------------------------------	animation---------------------------------------------------------------- */
@-webkit-keyframes btnMotOn {
	0% {
		left:0;
	}
	50% {
		width:100%;
	}
	100% {
		left:auto;
		right:0;
		width:4.4em;
	}
}
@-moz-keyframes btnMotOn {
	0% {
		left:0;
	}
	50% {
		width:100%;
	}
	100% {
		left:auto;
		right:0;
		width:4.4em;
	}
}
@-ms-keyframes btnMotOn {
	0% {
		left:0;
	}
	50% {
		width:100%;
	}
	100% {
		left:auto;
		right:0;
		width:4.4em;
	}
}
@-o-keyframes btnMotOn {
	0% {
		left:0;
	}
	50% {
		width:100%;
	}
	100% {
		left:auto;
		right:0;
		width:4.4em;
	}
}
@keyframes btnMotOn {
	0% {
		left:0;
	}
	50% {
		width:100%;
	}
	100% {
		left:auto;
		right:0;
		width:4.4em;
	}
}
@-webkit-keyframes btnMotOff {
	0% {
		left:auto;
		right:0;
		width:4.4em;
	}
	50% {
		width:100%;
	}
	100% {
		left:0;
	}
}
@-moz-keyframes btnMotOff {
	0% {
		left:auto;
		right:0;
		width:4.4em;
	}
	50% {
		width:100%;
	}
	100% {
		left:0;
	}
}
@-ms-keyframes btnMotOff {
	0% {
		left:auto;
		right:0;
		width:4.4em;
	}
	50% {
		width:100%;
	}
	100% {
		left:0;
	}
}
@-o-keyframes btnMotOff {
	0% {
		left:auto;
		right:0;
		width:4.4em;
	}
	50% {
		width:100%;
	}
	100% {
		left:0;
	}
}
@keyframes btnMotOff {
	0% {
		left:auto;
		right:0;
		width:4.4em;
	}
	50% {
		width:100%;
	}
	100% {
		left:0;
	}
}
@-webkit-keyframes wave1 {
	from {
		transform:translate(0,-1.5em);
	}
	to {
		transform:translate(0,-0.5em);
	}
}
@-moz-keyframes wave1 {
	from {
		transform:translate(0,-1.5em);
	}
	to {
		transform:translate(0,-0.5em);
	}
}
@-ms-keyframes wave1 {
	from {
		transform:translate(0,-1.5em);
	}
	to {
		transform:translate(0,-0.5em);
	}
}
@-o-keyframes wave1 {
	from {
		transform:translate(0,-1.5em);
	}
	to {
		transform:translate(0,-0.5em);
	}
}
@keyframes wave1 {
	from {
		transform:translate(0,-1.5em);
	}
	to {
		transform:translate(0,-0.5em);
	}
}
@-webkit-keyframes wave2 {
	from {
		transform:translate(0,1em);
	}
	to {
		transform:translate(-0.5em,-0.5em);
	}
}
@-moz-keyframes wave2 {
	from {
		transform:translate(0,1em);
	}
	to {
		transform:translate(-0.5em,-0.5em);
	}
}
@-ms-keyframes wave2 {
	from {
		transform:translate(0,1em);
	}
	to {
		transform:translate(-0.5em,-0.5em);
	}
}
@-o-keyframes wave2 {
	from {
		transform:translate(0,1em);
	}
	to {
		transform:translate(-0.5em,-0.5em);
	}
}
@keyframes wave2 {
	from {
		transform:translate(0,1em);
	}
	to {
		transform:translate(-0.5em,-0.5em);
	}
}
@-webkit-keyframes wave3 {
	from {
		transform:translate(3em,-2em);
	}
	to {
		transform:translate(-1em,0);
	}
}
@-moz-keyframes wave3 {
	from {
		transform:translate(3em,-2em);
	}
	to {
		transform:translate(-1em,0);
	}
}
@-ms-keyframes wave3 {
	from {
		transform:translate(3em,-2em);
	}
	to {
		transform:translate(-1em,0);
	}
}
@-o-keyframes wave3 {
	from {
		transform:translate(3em,-2em);
	}
	to {
		transform:translate(-1em,0);
	}
}
@keyframes wave3 {
	from {
		transform:translate(3em,-2em);
	}
	to {
		transform:translate(-1em,0);
	}
}
@-webkit-keyframes heartBeat {
	0% {
		transform:scale(1.3);
	}
	28% {
		transform:scale(1);
	}
	42% {
		transform:scale(1.3);
	}
	70% {
		transform:scale(1);
	}
}
@-moz-keyframes heartBeat {
	0% {
		transform:scale(1.3);
	}
	28% {
		transform:scale(1);
	}
	42% {
		transform:scale(1.3);
	}
	70% {
		transform:scale(1);
	}
}
@-ms-keyframes heartBeat {
	0% {
		transform:scale(1.3);
	}
	28% {
		transform:scale(1);
	}
	42% {
		transform:scale(1.3);
	}
	70% {
		transform:scale(1);
	}
}
@-o-keyframes heartBeat {
	0% {
		transform:scale(1.3);
	}
	28% {
		transform:scale(1);
	}
	42% {
		transform:scale(1.3);
	}
	70% {
		transform:scale(1);
	}
}
@keyframes heartBeat {
	0% {
		transform:scale(1.3);
	}
	28% {
		transform:scale(1);
	}
	42% {
		transform:scale(1.3);
	}
	70% {
		transform:scale(1);
	}
}
@-webkit-keyframes zoomInUp {
	from {
		opacity:0;
		transform:scale3d(0.1,0.1,0.1) translate3d(0,700px,0);
		animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	}
	60% {
		opacity:1;
		transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
		animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes zoomInUp {
	from {
		opacity:0;
		transform:scale3d(0.1,0.1,0.1) translate3d(0,700px,0);
		animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	}
	60% {
		opacity:1;
		transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
		animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	}
	to {
		opacity:1;
	}
}
@-ms-keyframes zoomInUp {
	from {
		opacity:0;
		transform:scale3d(0.1,0.1,0.1) translate3d(0,700px,0);
		animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	}
	60% {
		opacity:1;
		transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
		animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	}
	to {
		opacity:1;
	}
}
@-o-keyframes zoomInUp {
	from {
		opacity:0;
		transform:scale3d(0.1,0.1,0.1) translate3d(0,700px,0);
		animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	}
	60% {
		opacity:1;
		transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
		animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	}
	to {
		opacity:1;
	}
}
@keyframes zoomInUp {
	from {
		opacity:0;
		transform:scale3d(0.1,0.1,0.1) translate3d(0,700px,0);
		animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	}
	60% {
		opacity:1;
		transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
		animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	}
	to {
		opacity:1;
	}
}
@-webkit-keyframes bounceIn {
	0% {
		transform:scale3d(0.9,0.9,0.9);
	}
	60% {
		transform:scale3d(1.03,1.03,1.03);
	}
	80% {
		transform:scale3d(0.99,0.99,0.99);
	}
	to {
		transform:scale3d(1,1,1);
	}
}
@-moz-keyframes bounceIn {
	0% {
		transform:scale3d(0.9,0.9,0.9);
	}
	60% {
		transform:scale3d(1.03,1.03,1.03);
	}
	80% {
		transform:scale3d(0.99,0.99,0.99);
	}
	to {
		transform:scale3d(1,1,1);
	}
}
@-ms-keyframes bounceIn {
	0% {
		transform:scale3d(0.9,0.9,0.9);
	}
	60% {
		transform:scale3d(1.03,1.03,1.03);
	}
	80% {
		transform:scale3d(0.99,0.99,0.99);
	}
	to {
		transform:scale3d(1,1,1);
	}
}
@-o-keyframes bounceIn {
	0% {
		transform:scale3d(0.9,0.9,0.9);
	}
	60% {
		transform:scale3d(1.03,1.03,1.03);
	}
	80% {
		transform:scale3d(0.99,0.99,0.99);
	}
	to {
		transform:scale3d(1,1,1);
	}
}
@keyframes bounceIn {
	0% {
		transform:scale3d(0.9,0.9,0.9);
	}
	60% {
		transform:scale3d(1.03,1.03,1.03);
	}
	80% {
		transform:scale3d(0.99,0.99,0.99);
	}
	to {
		transform:scale3d(1,1,1);
	}
}
@-webkit-keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-ms-keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-o-keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-webkit-keyframes fadeInUp {
	from {
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@-moz-keyframes fadeInUp {
	from {
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@-ms-keyframes fadeInUp {
	from {
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@-o-keyframes fadeInUp {
	from {
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@keyframes fadeInUp {
	from {
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@-webkit-keyframes fadeInLeft {
	from {
		opacity:0;
		transform:translate3d(-50%,0,0);
	}
	to {
		opacity:1;
		transform:translate3d(0,0,0);
	}
}
@-moz-keyframes fadeInLeft {
	from {
		opacity:0;
		transform:translate3d(-50%,0,0);
	}
	to {
		opacity:1;
		transform:translate3d(0,0,0);
	}
}
@-ms-keyframes fadeInLeft {
	from {
		opacity:0;
		transform:translate3d(-50%,0,0);
	}
	to {
		opacity:1;
		transform:translate3d(0,0,0);
	}
}
@-o-keyframes fadeInLeft {
	from {
		opacity:0;
		transform:translate3d(-50%,0,0);
	}
	to {
		opacity:1;
		transform:translate3d(0,0,0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity:0;
		transform:translate3d(-50%,0,0);
	}
	to {
		opacity:1;
		transform:translate3d(0,0,0);
	}
}
@-webkit-keyframes scanXY {
	0% {
		transform:translate(5%,4%);
	}
	25% {
		transform:translate(5%,-4%);
	}
	50% {
		transform:translate(-5%,-4%);
	}
	75% {
		transform:translate(-5%,4%);
	}
	100% {
		transform:translate(0,0);
	}
}
@-moz-keyframes scanXY {
	0% {
		transform:translate(5%,4%);
	}
	25% {
		transform:translate(5%,-4%);
	}
	50% {
		transform:translate(-5%,-4%);
	}
	75% {
		transform:translate(-5%,4%);
	}
	100% {
		transform:translate(0,0);
	}
}
@-ms-keyframes scanXY {
	0% {
		transform:translate(5%,4%);
	}
	25% {
		transform:translate(5%,-4%);
	}
	50% {
		transform:translate(-5%,-4%);
	}
	75% {
		transform:translate(-5%,4%);
	}
	100% {
		transform:translate(0,0);
	}
}
@-o-keyframes scanXY {
	0% {
		transform:translate(5%,4%);
	}
	25% {
		transform:translate(5%,-4%);
	}
	50% {
		transform:translate(-5%,-4%);
	}
	75% {
		transform:translate(-5%,4%);
	}
	100% {
		transform:translate(0,0);
	}
}
@keyframes scanXY {
	0% {
		transform:translate(5%,4%);
	}
	25% {
		transform:translate(5%,-4%);
	}
	50% {
		transform:translate(-5%,-4%);
	}
	75% {
		transform:translate(-5%,4%);
	}
	100% {
		transform:translate(0,0);
	}
}
@-webkit-keyframes scanY {
	0% {
		opacity:0;
	}
	33% {
		opacity:1;
		transform:translateY(37%);
	}
	66% {
		opacity:1;
		transform:translateY(-1%);
	}
	100% {
		opacity:1;
		transform:translateY(17%);
	}
}
@-moz-keyframes scanY {
	0% {
		opacity:0;
	}
	33% {
		opacity:1;
		transform:translateY(37%);
	}
	66% {
		opacity:1;
		transform:translateY(-1%);
	}
	100% {
		opacity:1;
		transform:translateY(17%);
	}
}
@-ms-keyframes scanY {
	0% {
		opacity:0;
	}
	33% {
		opacity:1;
		transform:translateY(37%);
	}
	66% {
		opacity:1;
		transform:translateY(-1%);
	}
	100% {
		opacity:1;
		transform:translateY(17%);
	}
}
@-o-keyframes scanY {
	0% {
		opacity:0;
	}
	33% {
		opacity:1;
		transform:translateY(37%);
	}
	66% {
		opacity:1;
		transform:translateY(-1%);
	}
	100% {
		opacity:1;
		transform:translateY(17%);
	}
}
@keyframes scanY {
	0% {
		opacity:0;
	}
	33% {
		opacity:1;
		transform:translateY(37%);
	}
	66% {
		opacity:1;
		transform:translateY(-1%);
	}
	100% {
		opacity:1;
		transform:translateY(17%);
	}
}
@-webkit-keyframes spread1 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.45);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.5);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-moz-keyframes spread1 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.45);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.5);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-ms-keyframes spread1 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.45);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.5);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-o-keyframes spread1 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.45);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.5);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@keyframes spread1 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.45);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.5);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-webkit-keyframes spread2 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.7);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.9);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-moz-keyframes spread2 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.7);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.9);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-ms-keyframes spread2 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.7);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.9);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-o-keyframes spread2 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.7);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.9);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@keyframes spread2 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.7);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(0.9);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-webkit-keyframes spread3 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.8);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(1);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-moz-keyframes spread3 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.8);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(1);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-ms-keyframes spread3 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.8);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(1);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-o-keyframes spread3 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.8);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(1);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@keyframes spread3 {
	0% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:1;
	}
	10%,50% {
		transform:translate(-50%,-50%) scale(0.8);
		opacity:1;
	}
	25% {
		transform:translate(-50%,-50%) scale(1);
		opacity:0.9;
	}
	100% {
		transform:translate(-50%,-50%) scale(0.3);
		opacity:0.3;
	}
}
@-webkit-keyframes spread {
	0% {
		opacity:1;
		transform:scale(0);
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}
@-moz-keyframes spread {
	0% {
		opacity:1;
		transform:scale(0);
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}
@-ms-keyframes spread {
	0% {
		opacity:1;
		transform:scale(0);
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}
@-o-keyframes spread {
	0% {
		opacity:1;
		transform:scale(0);
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}
@keyframes spread {
	0% {
		opacity:1;
		transform:scale(0);
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}
@-webkit-keyframes flashOut {
	from,50%,to {
		opacity:0;
	}
	25%,75% {
		opacity:1;
	}
}
@-moz-keyframes flashOut {
	from,50%,to {
		opacity:0;
	}
	25%,75% {
		opacity:1;
	}
}
@-ms-keyframes flashOut {
	from,50%,to {
		opacity:0;
	}
	25%,75% {
		opacity:1;
	}
}
@-o-keyframes flashOut {
	from,50%,to {
		opacity:0;
	}
	25%,75% {
		opacity:1;
	}
}
@keyframes flashOut {
	from,50%,to {
		opacity:0;
	}
	25%,75% {
		opacity:1;
	}
}
@-webkit-keyframes fadeInRight {
	from {
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@-moz-keyframes fadeInRight {
	from {
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@-ms-keyframes fadeInRight {
	from {
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@-o-keyframes fadeInRight {
	from {
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@keyframes fadeInRight {
	from {
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
	}
	to {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}
@-webkit-keyframes logo {
	100% {
		background-position:-411px;
	}
}
@-moz-keyframes logo {
	100% {
		background-position:-411px;
	}
}
@-ms-keyframes logo {
	100% {
		background-position:-411px;
	}
}
@-o-keyframes logo {
	100% {
		background-position:-411px;
	}
}
@keyframes logo {
	100% {
		background-position:-411px;
	}
}
@-webkit-keyframes logoM {
	100% {
		background-position:-300px;
	}
}
@-moz-keyframes logoM {
	100% {
		background-position:-300px;
	}
}
@-ms-keyframes logoM {
	100% {
		background-position:-300px;
	}
}
@-o-keyframes logoM {
	100% {
		background-position:-300px;
	}
}
@keyframes logoM {
	100% {
		background-position:-300px;
	}
}
@-webkit-keyframes blink {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@-moz-keyframes blink {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@-ms-keyframes blink {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@-o-keyframes blink {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes blink {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
#about .btn-motion i {
	display:inline-block;
	width:0.938em;
	height:0.75em;
	margin-left:1.5em;
	background:url("https://payapp.kr/homepage/images/about/sec5_ico_arrow.png") no-repeat;
	background-size: 100%;
}
/* 기존 layout.css 스타일 추가 */
.text-purple {
	color:#644ad1 !important;
}
.text-orange {
	color: #ff8909 !important;
}
/* 수정 시작 */
#about .section9 {
	padding-bottom:9em;
	background:#f4f6fc;
}
#about .section9 .heading-main p {
	color:#666;
	word-break:keep-all;
	line-height:3.2rem;
}
#about .section9 .service-slider2 li a {
	position:relative;
	display:inline-block;
	color:#666;
	width:20em;
	height:25em;
	padding:3.46em .656em 0 2.54em;
	background:#fff;
	transition:.2s ease;
}
#about .section9 .service-slider2 li a:hover {
	box-shadow:0 0 0.7em rgb(0 0 0 / 5%);
}
@media (max-width:768px) {
	#about .section9 {
		padding-bottom:5em;
	}
	#about .section9 .service-slider2 li a {
		width:20em;
	}
}
@media (max-width:640px) {
	#about .section9 .service-slider2 li a {
		width:21em;
	}
}
@media (max-width:460px) {
	#about .section9 .service-slider2 li a {
		padding-top: 3.45em;
	}
}
/* 로고 이미지 */
#about .section9 .logo {
	width:20rem;
	height:3.4rem;
	margin-bottom:2.6rem;
	background-repeat:no-repeat;
	background-size:100%;
}
#about .section9 .logo.payapp {
	background-image:url(/homepage/images/about/img_payapp.png);
}
#about .section9 .logo.blogpay {
	background-image:url(/homepage/images/about/img_blogpay.png);
}
#about .section9 .logo.prosell {
	background-image:url(/homepage/images/about/img_prosell.png);
}
#about .section9 .logo.ucansign {
	background-image:url(/homepage/images/about/img_ucansign.png);
}
#about .section9 .logo.makelink {
	background-image:url(/homepage/images/about/img_makelink.png);
}
#about .section9 .logo.bootpay {
	background-image:url(/homepage/images/about/img_bootpay.png);
}
#about .section9 .logo.goodpin {
	background-image:url(/homepage/images/about/img_goodpin.png);
}
#about .section9 .logo.zipsa {
	background-image:url(/homepage/images/about/img_zipsa.png);
}
#about .section9 .logo.danbi {
	background-image:url(/homepage/images/about/img_danbi.png);
}
#about .section9 .logo.junggo {
	background-image:url(/homepage/images/about/img_junggo.png);
}
@media only screen and (max-width:640px) {
	#about .section9 .logo {
		width:15rem;
		height:2.55rem;
		margin-bottom: 1.5rem;
	}
}
/* 넘버 */
#about .section9 .logo .num {
	position:absolute;
	display:block;
	top:1.5rem;
	right:3rem;
	color:rgba(102,102,102,.1);
	font-size:5rem;
	font-weight:600;
	line-height:1.5;
}
@media only screen and (max-width:768px) {
	#about .section9 .logo .num {
		right:3.5rem;
	}
}
@media only screen and (max-width:640px) {
	#about .section9 .logo .num {
		font-size:4.5rem;
		right: 2.7rem;
	}
}
/* 슬라이더 */
#about .section9 .service-info {
	line-height:2.7rem;
}
@media only screen and (max-width:640px) {
	#about .section9 .service-info {
		line-height:2.5rem;
		letter-spacing:-.08rem;
	}
}
#about .section9 .service-info strong {
	color:#000;
}
#about .section9 .service-info small {
	display:inline-block;
	line-height:2rem;
	margin-top: .5rem;
}
/* 라벨 */
#about .section9 .service-info .label {
	display:block;
	width:104px;
	font-size:1.2rem;
	padding:2px 10px;
	margin-top:1.335em;
	border:1px solid;
}
#about .section9 .service-info .label.label-blue {
	color:#185ef8;
	border-color:#185ef8;
}
#about .section9 .service-info .label.label-green {
	color:#59b098;
	border-color:#7cbcaa;
}
@media only screen and (max-width:640px) {
	#about .section9 .service-info .label {
		width:88px;
		margin-top: .82em;
	}
}
/* 화살표 */
#about .section9 .service-slider2 .btn-view {
	position:absolute;
	right:4rem;
	bottom:3.4rem;
}
#about .section9 .service-slider2 .btn-view:after {
	content:'';
	width:2rem;
	height:1.1rem;
	background-position:-40rem -15rem;
	-webkit-background-size:100rem;
	-moz-background-size:100rem;
	background-size:100rem;
	-webkit-transition:.3s ease;
	-moz-transition:.3s ease;
	-ms-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease;
}
#about .section9 .service-slider2 a:hover .btn-view:after {
	margin-right:-7px;
}
@media only screen and (max-width:768px) {
	#about .section9 .service-slider2 .btn-view {
		right:3.7rem;
		bottom:4rem;
	}
}
@media only screen and (max-width:640px) {
	#about .section9 .service-slider2 .btn-view {
		right: 3rem;
	}
}
/* slider 282줄 */
#about .section9 .service-slider2.slick-slider {
	overflow:hidden;
	position:relative;
	display:block;
	height:100%;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
#about .section9 .service-slider2.wide {
	padding-left:calc((100% - 1200px) / 2);
}
@media only screen and (max-width:1440px) {
	#about .section9 .service-slider2.wide {
		padding-left:calc(5rem - 2rem);
	}
}
@media only screen and (max-width:768px) {
	#about .section9 .service-slider2.wide {
		padding-left:0;
	}
}
#about .section9 .service-slider2 .slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0;
	margin:4rem 2rem;
	vertical-align:top;
}
#about .section9 .service-slider2.slick-initialized .slick-slide {
	display:block;
}
#about .section9 .service-slider2 .slick-list {
	overflow:hidden;
	position:relative;
	display:block;
}
@media only screen and (max-width:768px) {
	#about .section9 .service-slider2 .slick-slide {
		margin:4rem 1rem;
	}
	#about .section9 .service-slider2 .slick-list {
		padding-left: 2rem;
	}
}
/* slider pager */
#about .section9 .slick-dots {
	position:absolute;
	bottom:0;
	left:50%;
	display:table;
	width:700px;
	transform:translateX(-50%);
}
#about .section9 .slick-dots .slick-active button {
	background:#185ef8;
}
#about .section9 .slick-dots li {
	display:table-cell;
}
#about .section9 .slick-dots li button {
	display:block;
	width:100%;
	height:.3rem;
	text-indent:-9999px;
	background:#e8eaf0;
}
@media only screen and (max-width:1440px) {
	#about .section9 .slick-dots {
		width: calc(100% - 40px);
	}
}
/*# sourceMappingURL=layout.css.map */

.view-item {
	border:1px solid #ddd;
	padding:2rem;
	background:#fff;
	line-height:3rem;
}

#ui-datepicker-div {display:none;}




















article {font-size:1.3rem; }


/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-2px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_wrap {width:100%}
#bo_vc header {position:relative;width:100%}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0;}
#bo_vc .bo_vl_opt button{font-size:1.3rem; font-weight:500}


.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;padding:5px;width:100%;height:120px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.bo_vc_w_info {margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:10px;float: right;}
.bo_vc_w .btn_confirm button{font-size:1.3rem;}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:45px;padding:0 20px;font-weight:bold;font-size:1.083em}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

#bo_vc_send_sns {display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}




.subtable table {width:100%; border:1px solid #ddd;}
.subtable table thead th {border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; background:#eee}
.subtable table tbody th {border-top:1px solid #ddd; padding:5px}
.subtable table tbody td {border-left:1px solid #ddd; border-top:1px solid #ddd; padding:5px; background:#fff;}
.subtable table tbody td.pname { font-weight:700; text-align:left;}
.subtable table tbody td.pay {text-align:right;}



.subtable2 table {width:100%; border:1px solid #ddd;}
.subtable2 table th {border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; background:#eee; text-align:left; width:80px;}
.subtable2 table td {padding:10px;background:#fff;border:1px solid #ddd; text-align:left}
.subtable2 table td a{ width:100px}
.subtable2 table td.pname { font-weight:700; text-align:left;}
.subtable2 table td.pay {text-align:right;}






/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%;height:auto}
.hd_pops_con {padding:10px;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}