@charset "UTF-8";




:root {
	--IOSBottomPadding: 0px;
}


/* start : reset */
html, body, div,  applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	box-sizing: border-box;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
	/*font-weight: 400;*/
    font-style: inherit;
    vertical-align: baseline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	min-height: var(--reVh, 1vh);
	scroll-behavior: smooth;
}

body {
	width: 100%;
	color: #222;
	background-color: #fff;
}

html, body {
	font-family: "Pretendard", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important; /*overscroll-behavior-y: none;*/
}

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

blockquote, q {
	quotes: none;
}

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

a {
	text-decoration: none;
	color: inherit;
}

select, input, button, textarea {
	display: inline-block;
	font-family: "Pretendard", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
}

embed, object {
	position: absolute;
}

button {
	padding: 0;
	margin: 0;
	vertical-align: top;
	cursor: pointer;
	background-color: transparent;
	border: 0;
}

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

input {
	/* width: 180px;
	padding: 6px 10px 6px;
	height: 30px;
	border: 1px solid #ddd;
	color: #111; */
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	line-height: 14px;
	border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-overflow-scrolling: touch;
}

textarea[disabled],
textarea[readonly],
select[disabled],
select[readonly],
input[disabled],
input[readonly] {
	cursor: default !important;
	-webkit-overflow-scrolling: touch;
}

input[disabled] + label,
input[readonly] + label {
	cursor: default !important;
}

textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 110px;
	padding: 7px 10px 7px;
	border: 1px solid #ddd;
	color: #111;
	line-height: 16px;
	border-radius: 0;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

input::-webkit-input-placeholder {
	color: #999;
	line-height: 14px;
}

/* 크롬 4–56 : placeholder style */
input:-moz-placeholder {
	color: #999;
	line-height: 14px;
}

/* 파이어폭스 4–18 : placeholder style */
input::-moz-placeholder {
	color: #999;
	line-height: 14px;
}

/* 파이어폭스 19–50 : placeholder style */
input:-ms-input-placeholder {
	color: #999;
	line-height: 14px;
}

/* 인터넷 익스플로러 10+ : placeholder style */
input::-webkit-input-placeholder {
	color: #999;
	line-height: 14px;
}

input:-ms-input-placeholder {
	color: #999;
	line-height: 14px;
}

input::-ms-input-placeholder {
	color: #999;
	line-height: 14px;
}

input::placeholder {
	color: #999;
	line-height: 14px;
}

/* 파이어폭스 51+, 크롬 57+ : placeholder style */
input[type=button]:hover {
	cursor: pointer;
}

input[type=button]:disabled {
	cursor: default;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

button, input, select, textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: top;
}

button {
	vertical-align: top;
	cursor: pointer;
}

strong {
	font-weight: 700;
}

h1, h2, h3, h4, h5, h6, pre {
	font-weight: 700;
	font-size: 100%;
	/*line-height: 1;*/
}

caption, legend {
	width: 0;
	height: 0;
	font-size: 1px;
	text-indent: -9999rem;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

a, a:active, a:focus, a:hover, a:link, a:visited,
button, button:active, button:focus, button:hover, button:visited,
textarea, textarea:active, textarea:focus, textarea:hover,
select, select:active, select:focus, select:hover {
	text-decoration: none;
}

.btn:focus, a.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

a.disabled,
button[disabled],
input[disabled] {
	pointer-events: none;
	cursor: default;
}

input::-ms-clear {
	display: none;
}

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

audio[controls], canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

button, input, select, textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
	*overflow: visible;
}

table button, table input {
	*overflow: auto;
	-webkit-overflow-scrolling: touch;
}

button, html input[type=button], input[type=reset], input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

textarea::-webkit-scrollbar {
	width: 3px;
	border-radius: 1.5px;
}

textarea::-webkit-scrollbar-thumb {
	background: #ccc;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: "Pretendard", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
}

label, a, button, select {
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button {
	padding: 0;
	background-color: transparent;
	border-width: 0;
	outline: none;
	font-family: "Pretendard", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	text-align: center;
}


/* end : reset */


/* start : grid */
body [data-mobile-only] {
	display: block;
}

@media (min-width: 891px) {
	body {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	body [data-pc-only] {
		display: block;
	}
	body [data-mobile-only] {
		display: none !important;
	}
}
@media (max-width: 890px) {
	body [data-pc-only] {
		display: none !important;
	}
	body [data-app-only] {
		display: none;
	}
}

/* docker */
.docker-wrapper {
	z-index: 15;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #0d5d54;
	padding-bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	border-top: 0px solid #fff;
	box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.05);

    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /* line-height: 0; */
    text-align: center;
    /* font-size: 0; */
}
.docker-wrapper .docker-list {
	height: 65px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.docker-wrapper .docker-list .docker-item {
	/*flex: 1;*/
	text-align: center;
	width: 20%;
}
.docker-wrapper .docker-list .docker-item.order {
	padding-top: 0;
	margin-top: -5px;
}
.docker-wrapper .docker-list .docker-item.order .btn-docker {
	padding: 0;
}
.docker-wrapper .docker-list .docker-item .btn-docker {
	width: 100%;
	position: relative;
	padding-top: 13px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
	display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.docker-wrapper .docker-list .docker-item .btn-docker span {
	
	font-size:11px;
	font-weight:500;
	letter-spacing:-0.023em;
	color:#fff;
}


.docker-wrapper .docker-list .docker-item .btn-docker.is-active:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -2px;
	display: block;
	width: 4px;
	height: 4px;
	background: #2580c3;
	border-radius: 4px;
}
.docker-wrapper .docker-list .docker-item .btn-docker.btn-docker-order {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	background-color: #2580c3;
	width: 60px;
	height: 60px;
	padding-top: 1px;
	border-radius: 60px;
	box-shadow: 0 5px 10px rgba(0, 165, 185, 0.3);
}
.docker-wrapper .docker-list .docker-item .btn-docker.btn-docker-order .ico-order-logo {
	width: 27px;
	height: 9px;
	margin: 0 auto;
	background: url("../img/common/comm_mo_order_logo.svg") 0 0 no-repeat;
	background-size: 27px 9px;
}
.docker-wrapper .docker-list .docker-item .btn-docker.btn-docker-order .text {
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 14px;
	color: #fff;
	font-weight: 600;
}
.docker-wrapper[data-mobile-only] {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.docker-wrapper[data-mobile-only].scroll-up {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: transform 0.24s;
	-webkit-transition: transform 0.24s;
	transition: transform 0.24s;
}
.docker-wrapper[data-mobile-only].scroll-down {
	-moz-transform: translateY(calc(100% + 15px));
	-webkit-transform: translateY(calc(100% + 15px));
	transform: translateY(calc(100% + 15px));
	-moz-transition: transform 0.15s;
	-webkit-transition: transform 0.15s;
	transition: transform 0.15s;
}

/* floating */
.floating-wrapper {
	z-index: 9;
	position: fixed;
	bottom: calc(65px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.floating-wrapper .btn-qbot {
	z-index: 2;
	position: relative;
	display: block;
	overflow: hidden;
	width: 100px;
	height: 100px;
	right: -30px;
	margin-bottom: -30px;
}
.floating-wrapper .btn-qbot:before {
	z-index: 1;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	background: url("../img/common/comm_dock_qbot.svg") 0 0 no-repeat;
	background-size: cover;
}
.floating-wrapper .btn-qbot:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	background: rgba(4, 19, 46, 0.6);
	-moz-backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 100px;
}
.floating-wrapper .btn-one-barcode {
	z-index: 2;
	position: relative;
	display: block;
	width: 65px;
	height: 69px;
	margin-right: 14px;
	margin-bottom: 20px;
}
.floating-wrapper .btn-one-barcode:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 2px;
	width: 60px;
	height: 60px;
	background: #FDCD00;
	border-radius: 60px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.floating-wrapper .btn-one-barcode:after {
	z-index: 1;
	content: "";
	display: block;
	position: absolute;
	top: 17px;
	left: 13px;
	width: 38px;
	height: 24px;
	/*background: url("../images/common/comm_dock_one_barcode.svg") 0 0 no-repeat;*/
	background-size: cover;
}
.floating-wrapper .btn-one-barcode .ico-speech-bubble {
	content: "";
	display: block;
	position: absolute;
	top: 49px;
	left: 0;
	width: 64px;
	height: 20px;
	background: #00A5B9;
	border-radius: 10px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.floating-wrapper .btn-one-barcode .ico-speech-bubble:before {
	position: absolute;
	top: -3px;
	left: 50%;
	content: "";
	display: block;
	width: 9px;
	height: 6px;
	margin-left: -5px;
	/*background: url("../images/common/comm_bg_marker_mint_arr.svg") 0 0 no-repeat;*/
	background-size: cover;
}
.floating-wrapper .btn-one-barcode .ico-speech-bubble:after {
	z-index: 1;
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 50px;
	height: 10px;
	background: url("../img/common/comm_dock_one_barcode_text.svg") 0 0 no-repeat;
	background-size: cover;
}
.floating-wrapper .btn-go-top {
	display: none;
	width: 42px;
	height: 42px;
	margin-right: 14px;
	margin-bottom: 14px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	opacity: 0;
	border-radius: 42px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    /*
    width: 60px;
    height: 60px;
    display: flex;
    background-color: #10998b;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    font-size: 0;
    flex-direction: column;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .3);
	*/

	width: 55px;
    height: 55px;
    background-color: #fff;
    border-radius: 20px;

}
.floating-wrapper .btn-go-top:focus{border:1px solid #007973}
.floating-wrapper .btn-go-top .ico-top {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	opacity: 0;
	background: url("../img/common/comm_dock_top.svg") 0 0 no-repeat;
	background-size: cover;
	-moz-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.floating-wrapper .btn-go-top.is-hide {
	display: block;
	opacity: 1;
	-moz-animation: topHide 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
	-webkit-animation: topHide 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
	animation: topHide 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
}
.floating-wrapper .btn-go-top.is-active {
	display: block;
	opacity: 0;
	-moz-animation: opacityActive 0.2s 0.15s ease-out forwards;
	-webkit-animation: opacityActive 0.2s 0.15s ease-out forwards;
	animation: opacityActive 0.2s 0.15s ease-out forwards;
}
.floating-wrapper .btn-go-top.is-active .ico-top {
	-moz-animation: goTopIcoActive 0.3s 0.25s cubic-bezier(0.17, 0.67, 0.29, 1.32) forwards;
	-webkit-animation: goTopIcoActive 0.3s 0.25s cubic-bezier(0.17, 0.67, 0.29, 1.32) forwards;
	animation: goTopIcoActive 0.3s 0.25s cubic-bezier(0.17, 0.67, 0.29, 1.32) forwards;
	opacity: 0;
	-moz-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.docker-wrapper.scroll-down ~ .floating-wrapper {
	bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	-moz-transition: bottom 0.15s;
	-webkit-transition: bottom 0.15s;
	transition: bottom 0.15s;
}
.docker-wrapper.scroll-down ~ .floating-wrapper:after {
	opacity: 0;
}
@media (min-width: 891px) {
	.floating-wrapper {
		right: 20px;
		/*right: auto;
		left: calc( 100% - 64px );*/
		bottom: 20px;
		margin-bottom: 0;
	}
	.floating-wrapper .btn-qbot {
		right: 0;
		margin-bottom: 0;
	}
	.floating-wrapper .btn-one-barcode {
		margin-bottom: 0;
		margin-right: 0;
	}
	.floating-wrapper .btn-go-top {
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 890px) {
	.wrapper:not(.has-content-dock) .floating-wrapper:after {
		z-index: 1;
		content: "";
		display: block;
		position: absolute;
		width: 100vw;
		bottom: 0;
		height: 1px;
		background: rgba(0, 0, 0, 0);
	}


}

.wrapper.no-docker .floating-wrapper {
	bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding));
}
@media (max-width: 890px) {
	.wrapper.no-docker .floating-wrapper:after {
		display: none;
	}
}

/* container */
.container-wrapper [data-mobile-docker] {
	z-index: 10;
	position: fixed !important;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: 0;
	background: #fff;
}
.container-wrapper [data-mobile-docker].dark-gray-box {
	background-color: #80878D;
}
.container-wrapper [data-mobile-docker].page-btn-wrap .btn-now-pay, .container-wrapper [data-mobile-docker] .page-btn-wrap .btn-now-pay {
	flex: none;
	width: 86px;
}
.container-wrapper [data-mobile-docker].page-btn-wrap .btn-now-pay .text, .container-wrapper [data-mobile-docker] .page-btn-wrap .btn-now-pay .text {
	line-height: 16px;
}
.container-wrapper .cont-box ~ .cont-box .cont-sm-wrap .fold-wrap:first-child {
	margin-top: -20px;
}
@media (max-width: 890px) {
	.container-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		background: #F3F5F7;
		min-height: var(--reVh, 1vh);
	}


    /*
    html.desktop .container-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		background: #F3F5F7;
		min-height: 600px;
		
	}
	*/

	.wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box:first-child {
		padding-top: 55px;
	}


    .board .wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box:first-child {
	padding-top: 0px;
	}

	.wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box[data-pc-only]:first-child > .cont-box {
		padding-top: 55px;
	}
	.container-wrapper .cont-box {
		width: 100%;
	}
	.container-wrapper .cont-box:first-child .cont-inner {
		padding-top: 0px;
	}
	.container-wrapper .cont-box:first-child .cont-inner .page-tit-wrap ~ .tab-wrap {
		margin-top: -10px;
	}
	.container-wrapper .cont-box:nth-last-of-type(1) {
		flex: 1;
	}
	.container-wrapper .cont-box:nth-last-of-type(1) .cont-inner {
		padding-bottom: calc(65px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	}

	.board .container-wrapper .cont-box:nth-last-of-type(1) .cont-inner {
        padding-bottom: calc(65px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
    }

	.container-wrapper .cont-box:last-child .cont-inner {
		padding-bottom: calc(65px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	}

    .module .container-wrapper .cont-box:last-child .cont-inner {
		padding-bottom: calc(65px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	}



	.container-wrapper .cont-box.type-search-only .cont-inner {
		padding-bottom: 20px;
	}
	.container-wrapper .cont-box.type-search-only .cont-inner .search-form-wrap {
		margin-bottom: 0;
	}
	.container-wrapper .cont-box.type-search-only .cont-inner .store-header-wrap + .search-form-wrap {
		margin-bottom: 30px;
	}
	.container-wrapper.page-btn-wrap[data-mobile-docker] [class^=btn-], .container-wrapper .page-btn-wrap[data-mobile-docker] [class^=btn-] {
		margin-bottom: -1px;
		border-radius: 0;
		padding-bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding));
		height: calc(56px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	}
	.container-wrapper.page-btn-wrap[data-mobile-docker] [class^=btn-] + [class^=btn-], .container-wrapper .page-btn-wrap[data-mobile-docker] [class^=btn-] + [class^=btn-] {
		margin-left: 0;
	}
	.container-wrapper [data-mobile-docker].page-btn-wrap [class^=btn-], .container-wrapper [data-mobile-docker] .page-btn-wrap [class^=btn-] {
		margin-bottom: -1px;
		border-radius: 0;
		padding-bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding));
		height: calc(56px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	}
	.container-wrapper [data-mobile-docker].page-btn-wrap [class^=btn-] + [class^=btn-], .container-wrapper [data-mobile-docker] .page-btn-wrap [class^=btn-] + [class^=btn-] {
		margin-left: 0;
	}
	.container-wrapper .order-prod-list-wrap.cart ~ [data-mobile-docker].dark-gray-box {
		padding-bottom: calc(env(safe-area-inset-bottom) + var(--IOSBottomPadding));
		height: calc(56px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	}
	.wrapper.has-content-dock .container-wrapper {
		padding-bottom: calc(56px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	}
	.wrapper.has-qbot .container-wrapper .cont-box:last-child .cont-inner {
		padding-bottom: 100px;
	}

	.lecture_search .input-box {
    width: 100%;
    position: relative;
    max-width: 100%;
   }

}

.tag-wrap {
	font-size: 0;
	margin-top: -1px;
	margin-left: -2px;
	margin-right: -1px;
	margin-bottom: -2px;
}



.jnu .tag-wrap {
	font-size: 0;
	margin:0;
}

.jnu .tag-wrap .tag-md {
    margin: 0;
}
.tag-lg, .tag-md {
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    border: 1px solid #DDE0E3;
    background-color: #fff;
}
.tag-wrap .tag-md {
	margin: 1px 1px 2px 2px;
}
.tag-wrap.type-lg {
	margin: -3px;
}
.tag-wrap.type-lg .tag-lg {
	margin: 3px;
}
.tag-md .text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.025em;
    line-height: 18px;
}
.tag-md {
    height: 23px;
    padding: 2px 7px 3px;
    border-radius: 20px;
}
.tag-lg .text, .tag-md .text {
    display: inline-block;
    position: relative;
    color: #000;
    vertical-align: top;
	font-weight:400;
}
.tag-lg, .tag-md {
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    border: 1px solid #DDE0E3;
    background-color: #fff;
}
@media (min-width: 891px) {


	body.index .container-wrapper {
		background: #fff;
		padding-top: 160px;
		padding-bottom: 100px;
		min-height:600px;
	}

	.container-wrapper {
		background: #fff;
		padding-top: 160px;
		padding-bottom: 100px;
		min-height:600px;
	}

    
	body.contents .container-wrapper {
		background: #fff;
		padding-top: 0px;
		padding-bottom: 0px;
		min-height:600px;
	}


	body.contents .cont-box {
    position: relative;
    max-width: 100%;
    padding: 0 0px;
    margin: 0 auto;
    background: #fff;
	}

   /*
	body.board .container-wrapper {
		background: #fff;
		padding-top: 0px;
		padding-bottom: 0px;
		min-height:600px;
	}
	*/

    /*
	body.board .cont-box {
    position: relative;
    max-width: 100%;
    padding: 0 0px;
    margin: 0 auto;
    background: #fff;
	}
	*/


   .sub .container-wrapper{
	/*	padding-top: 0px; */
   }


	.container-wrapper .cont-box.type-search-only .cont-inner .search-form-wrap {
		margin-bottom: 0;
	}
	.container-wrapper .cont-box.type-search-only .cont-inner .store-header-wrap + .search-form-wrap {
		margin-bottom: 0;
	}



.content_header { padding-top: 80px; padding-bottom: 60px; text-align: center; }
.content_header_desc { margin-top: 16px; color: #525252; }

.content_header.content_header--secondary { padding-bottom: 100rem; }
.content_header.content_header--tertiary { padding-bottom: 80rem; }


.content_header.mcontent_header_vs { padding-top: 0; padding-bottom: 0; position: relative; }


.content_header.mcontent_header_vs:after {
   /*
	content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 50%;
    pointer-events: none;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(42 42 42) 90%);
	*/
    /*  
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center calc(100% + 2px);
    background-size: 100% auto;
    background-image: url(../img/subPage_top_bottom_bg.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    content: "";
    */


}


.content_header_visual { position: relative; max-width: 100%; height: 100%; /*min-height: 60vh;*/ max-height: -webkit-fill-available; overflow: hidden; font-size: 0; }
.content_header_visual_in { position: relative; display: flex; align-items: center; width: 100%; height: 100%; overflow: hidden; }
.content_header_visual-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; }
.content_header_visual-bg:after { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .1; position: absolute; top: 0; left: 0; }
.content_header_visual_conts { width: 100%; padding: 0 0px; position: relative; text-align: center; z-index: 2;        
        position: absolute;
        top: 43.5%;
        left: 50%;
        transform: translate(-50%, -50%);}
.content_header_visual_conts > * { color: #fff; }
html.mobile .content_header_visual:not(.content_header_visual_mask) { height: 60svh; }

.content_header_visual_slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.content_header_visual_slider_img { display: block; height: 100%; background: no-repeat center / cover; transform: scale(1.05) rotate(0.01deg); transition: transform 4.7s ease-in; 

position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    -webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg);
    transform: translateZ(0) scale(1.1) rotate(0.1deg);
    -webkit-transition: transform 2000ms, opacity 0.3s;
    -webkit-transition: opacity 0.8s, -webkit-transform 2s;
    transition: opacity 0.8s, -webkit-transform 2s;
    transition: transform 2s, opacity 0.8s;
    transition: transform 2s, opacity 0.8s, -webkit-transform 2s;
    -webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);

}




.swiper-slide-active .content_header_visual_slider_img {   
   -webkit-transform: translateZ(0) scale(1) rotate(0deg);
    transform: translateZ(0) scale(1) rotate(0deg); 
	opacity: 1;
	}

.mcontent_header_vs:has(.content_header_visual_mask) { padding-top: 49.69%; }
.mcontent_header_vs .content_header_visual_mask { width: 100%; height: 100%; min-height: inherit; max-height: inherit; position: absolute; top: 0; left: 0; }


html.js .content_header_visual .content_header_visual_conts > * { opacity: 0; }

.content_header_title {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    letter-spacing: 0em;
}
.content_header_desc {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0em;
}
.content_body {
    position: relative;
    min-height: 600px;
    background: #fff;
    padding-bottom: 150px;
}
br.smbr {
    display: none !important;
}



}

.cont_wrap {
    max-width: 1542px;
    margin: 0 auto;
}

.board .cont_wrap {
    max-width: 1342px;
    margin: 0 auto;
}


@media (max-width: 1800px) {
    .cont_wrap {
        max-width: inherit;
        margin: 0 4%;
    }
}

@media (max-width: 890px) {
    .cont_wrap {
        max-width: inherit;
        margin: 0 2.5%;
    }

.board .cont_wrap {
     max-width: inherit;
        margin: 0 2.5%;
}



}

@media (max-width: 890px) {
	.wrapper.has-content-dock .aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap {
		padding-bottom: 30px;
	}
	.mo_p0{padding: 0!important}

.tag-md .text {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.025em;
    line-height: 18px;
}



.content_header { padding-top: 80px; padding-bottom: 60px; text-align: center; }
.content_header_desc { margin-top: 8px; color: #525252; }

.content_header.content_header--secondary { padding-bottom: 100rem; }
.content_header.content_header--tertiary { padding-bottom: 80rem; }


.content_header.mcontent_header_vs { padding-top: 0; padding-bottom: 0; position: relative; }
.content_header_visual { position: relative; max-width: 100%; height: 100%; min-height: 40svh; max-height: -webkit-fill-available; overflow: hidden; font-size: 0; }
.content_header_visual_in {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
        justify-content: center;
    }
.content_header_visual-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; }
.content_header_visual-bg:after { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .1; position: absolute; top: 0; left: 0; }
.content_header_visual_conts { width: 100%; padding: 0px 0px 0; position: relative; text-align: center; z-index: 1; }
.content_header_visual_conts > * { color: #fff; }
html.mobile .content_header_visual:not(.content_header_visual_mask) { /*height: 40svh;*/ }

.content_header_visual_slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.content_header_visual_slider_img { display: block; height: 100%; background: no-repeat center / cover; transform: scale(1.05) rotate(0.01deg); transition: transform 4.7s ease-in; }
.swiper-slide-active .content_header_visual_slider_img { transform: scale(1) rotate(0deg); }

.mcontent_header_vs:has(.content_header_visual_mask) { padding-top: 49.69%; }
.mcontent_header_vs .content_header_visual_mask { width: 100%; height: 100%; min-height: inherit; max-height: inherit; position: absolute; top: 0; left: 0; }

html.js .content_header_visual .content_header_visual_conts > * { opacity: 0; }

.content_header_title {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0em;
}
.content_header_desc {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0em;
}
.content_body {
    position: relative;
    min-height: 600px;
	background-color:#fff;
	padding-bottom:100px;
}
	br.smbr {
		display: block !important;
	}

  body.contents .wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box:first-child {
        padding-top: 0px;
    }

 body.contents .cont-box {
    position: relative;
    max-width: 1150px;
    padding: 0 0px;
    margin: 0 auto;
    background: #fff;
}

 body.board .cont-box {
 /*
	position: relative;
    max-width: 1150px;
    padding: 0 0px;
    margin: 0 auto;
	*/

}



  .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box {
        padding: 0 20px;
	    border-radius: 0 0 15px 15px;
    }

	.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child .cont-inner {
	padding: 30px 0;
	}

  body.contents .cont-box:first-child {
    position: relative;
    max-width: 100%;
    padding: 0 0px;
    margin: 0 auto;
    background: #fff;
}
 body.contents  .container-wrapper .cont-box:first-child .cont-inner {
        padding-top: 0px;
    }




 body.contents .ui-dialog-container .cont-box:first-child {
        position: relative;
        max-width: 100%;
        padding: 0 20px;
        margin: 0 auto;
        background: #fff;
    }

 body.contents .cont-box .cont-inner {
    position: relative;
    padding: 0px 0;
}

 body.board .cont-box .cont-inner {
    position: relative;
    padding: 30px 0;
}

.content_header_visual_conts { width: 100%; padding: 0 20px; position: relative; text-align: center; z-index: 2;        
        position: absolute;
        top: 43.5%;
        left: 50%;
        transform: translate(-50%, -50%);}

    body.contents .ui-dialog-container .cont-box {

        padding: 0 20px;
    }


    body.contents .cont-box.blue-box{
      background: #060f20;
    }


.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child {
padding-bottom: 30px;
}


}

.cont-box {
	position: relative;
	max-width: 1340px;
	padding: 0 20px;
	margin: 0 auto;
	background: #fff;
}
.cont-box .cont-inner {
	position: relative;
	padding: 30px 0;
}
.cont-box .cont-inner .cont-sps-wrap {
	position: relative;
}
.cont-box .cont-inner .cont-sm-wrap {
	max-width: 480px;
	margin: 0 auto;
}
.cont-box.full {
	max-width: none;
}


.cont-box.full {
	max-width: none;
	padding:0;
}

.cont-box.gray-box {
	margin-top: 0;
	background: #F9F9FA;
	border-radius: 0;
}

.cont-box.blue-box {
    margin-top: 0;
    background: #060f20;
    border-radius: 0;
}


.cont-box.gray-box .cont-inner {
	padding-top: 20px;
}

.cont-box.blue-box .cont-inner {
	padding-top: 20px;
}


.article_title[lang="en"] {

        text-align: center;
}
.top_area {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
}

.top_area_wrap {
   height: 159px;
    margin-top: -365px;
    position: relative;
}
.top_wrap {
    background: #fff;
}


.article_header {
    padding: 60px 0 90px;
}
.sub_content {
    min-height: 500px;
    background: #fff;
	padding-left: 0px;
    padding-right: 0px;
	    position: relative;
}
.content_header.mcontent_header_vs.sub_content_Top {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
}


#page{
    position: relative;
    width: 100%;
    z-index: 7;
	margin-bottom: -10px;
 

}
.sub_content_Top_teble {
   /* display: table;
    width: 100%;
    height: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;*/
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}
.sub_content_Top_cell {
   /* display: table-cell;
    width: 100%;
    vertical-align: middle;
	*/

	display: flex;
    width: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.sub_content_Top_txt > span {display: block;position: relative;font-family: 'Pretendard',sans-serif;/*font-size: 66px;*/font-weight: 800;letter-spacing: 1em; /*line-height: 1.6; */color: #ddd;word-break: break-all;    z-index: 3;/*text-align: center;*/text-indent: 1em;opacity: 0;    word-break: normal;  }
.sub_content_Top_txt_02 {text-align: center;font-size: 46px;opacity:0.5}
.sub_content_Top_txt_01 {text-align: center;font-size: 46px;opacity:0.5}
.sub_content_Top_txt {

   /* margin-top: -80px; */

}



@media (max-width: 1280px){
.top_area {
    padding-left: 0;
    padding-right: 0;
}

.top_area_wrap {
    height: 119px;
    margin-top: -155px;
    position: relative;
}

}
@media (max-width: 1280px){

.sub_content_Top_txt_02 {
     font-size: 26px;
 }

.sub_content_Top_txt_01 {
    font-size: 26px;
}


}

@media (max-width: 1023px) {

.article_header {
    padding: 37px 0 50px;
}

    .article_title {
        font-size: 32px;
        letter-spacing: 0em;
        text-indent: 0em;
        margin-left: 0px;
    }
}

@media (max-width: 890px) {
	.cont-box ~ .cont-box {
		margin-top: 10px;
	}
	.cont-box ~ .cont-box.gray-box {
		margin-top: 0;
	}

	.cont-box ~ .cont-box.blue-box {
		margin-top: 0;
	}

	.cont-box ~ .cont-box.has-shadow, .cont-box ~ .cont-box.mo-gray-box {
		margin-top: -30px;
	}
	.cont-box.has-shadow {
		position: relative;
	}
	.cont-box.has-shadow:before {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
	}
	.cont-box.has-shadow .cont-inner {
		z-index: 2;
		position: relative;
	}
	.cont-box.has-shadow.mo-gray-box .cont-inner {
		background: #F9F9FA;
	}
	.cont-box.has-shadow:not(.mo-gray-box) .cont-inner {
		background-color: #fff;
	}
	.cont-box.mo-gray-box {
		margin-top: 0;
		background: #F9F9FA;
	}
	.cont-box.mo-gray-box .cont-inner {
		padding-top: 20px;
	}
	.cont-box.mo-gray-box .store-header-wrap {
		padding-top: 10px;
	}
	.cont-box.has-banner-bottom .cont-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		flex-wrap: wrap;
		height: 100%;
	}
	.cont-box.has-banner-bottom .cont-inner .addr-history-list.normal, .cont-box.has-banner-bottom .cont-inner .no-data {
		width: 100%;
	}
	.cont-box.has-banner-bottom .cont-inner .delivery-zone-banner {
		align-self: flex-end;
	}

.sub_content_Top_txt > span{
text-align: center;
}
.sub_content_Top_txt {
margin-top:-200px;
}
}
@media (min-width: 891px) {
	.cont-box ~ .cont-box.mo-gray-box.has-shadow .cont-inner {
		padding-top: 30px;
	}
	.cont-box.size-sm {
		max-width: 520px;
	}
}

/* wrapper */
@media (min-width: 891px) {
	.wrapper, .ui-dialog {
		background: transparent;
		/*min-height: 100vh;*/
	}
	.wrapper:not(.ui-dialog), .ui-dialog:not(.ui-dialog) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.wrapper [data-mobile-docker], .ui-dialog [data-mobile-docker] {
		position: relative !important;
		bottom: auto;
		left: auto;
		right: auto;
	}
	.jnu .wrapper .cont-box, .ui-dialog .cont-box {
		padding-top: 0;
	}
	.wrapper .cont-box .cont-inner, .ui-dialog .cont-box .cont-inner {
		padding: 0;
	}
	.wrapper .cont-box ~ .cont-box:not(.full):not(.pc-no-line), .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) {
		padding-top: 40px;
	}


     body.jnu .wrapper .cont-box ~ .cont-box:not(.full):not(.pc-no-line), .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) {
        padding-top: 0px;
    }

     body.board .wrapper .cont-box ~ .cont-box:not(.full):not(.pc-no-line), .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) {
        padding-top: 0px;
    }



	.wrapper .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner, .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner {
		padding-top: 40px;
		border-top: 0px solid #C2C7CC;
	}
	 body.jnu .wrapper .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner, .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner {
        padding-top: 0px;
        border-top: 0px solid #C2C7CC;
    }


    .wrapper.login_wrap .cont-box ~ .cont-box:not(.full):not(.pc-no-line), .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) {
      /*  padding-top: 0px; */
    }

     .rent .wrapper .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner, .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner {
        padding-top: 0px;
        border-top: 0px solid #C2C7CC;
    }

	 .wrapper.login_wrap .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner, .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner {
        padding-top: 0px;
        border-top: 0px solid #C2C7CC;
    }


	.wrapper.login_wrap .cont-box ~ .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner, .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner {
        padding-top: 40px;
        border-top: 0px solid #C2C7CC;
    }

	.wrapper .member-main-wrap .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner, .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner {
		padding-top: 40px;
		border-top: 0px solid #C2C7CC;
	}

	.wrapper .cont-box.type-search-only ~ .cont-box.gray-box, .ui-dialog .cont-box.type-search-only ~ .cont-box.gray-box {
		padding-top: 20px;
	}
	.wrapper .cont-box.type-search-only ~ .cont-box.gray-box .cont-inner, .ui-dialog .cont-box.type-search-only ~ .cont-box.gray-box .cont-inner {
		padding-top: 0;
		border-top: 0;
	}
	.wrapper .cont-box ~ .cont-box .cont-inner, .ui-dialog .cont-box ~ .cont-box .cont-inner {
		padding-top: 40px;
	}
	.wrapper .cont-box.pt0 .cont-inner{padding-top: 0!important}
	.wrapper .cont-box ~ .cont-box.full, .ui-dialog .cont-box ~ .cont-box.full {
		padding: 0;
	}
	.wrapper .footer-wrapper, .ui-dialog .footer-wrapper {
		margin-top: auto;
	}
	#addrData.cont-inner{padding-top:15px!important;}
}


/* end : grid */


/* start : footer */
.footer-wrapper .footer-inner {
	max-width: 1150px;
	padding: 29px 20px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}






.footer-wrapper .footer-inner .copyright-wrap {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.footer-wrapper .footer-inner .copyright-wrap .copyright {
	display: inline-block;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.footer-wrapper .footer-inner .copyright-wrap .sns-link-wrap {
	margin-left: 20px;
	font-size: 0;
}
.footer-wrapper .footer-inner .copyright-wrap .sns-link-wrap .sns-link {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.footer-wrapper .footer-inner .copyright-wrap .sns-link-wrap .sns-link ~ .sns-link {
	margin-left: 14px;
}
.footer-wrapper .footer-inner .btn-family {
	position: relative;
	min-width: 180px;
	width: 180px;
	padding-right: 26px;
	text-align: left;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.footer-wrapper .footer-inner .btn-family .text {
	font-weight: 500;
}
.footer-wrapper .footer-inner .btn-family:before {
	position: absolute;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	top: 16px;
	right: 16px;
	background: url("../img/ui/ui_ico_select_arr.svg") 0 0 no-repeat;
	background-size: cover;
}
.footer-wrapper .footer-inner .sns-link-list {
	margin-left: 20px;
}
.footer-wrapper .sns-link-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.footer-wrapper .sns-link-list .sns-link-item {
	position: relative;
}
.footer-wrapper .sns-link-list .sns-link-item ~ .sns-link-item {
	margin-left: 14px;
}
.footer-wrapper .sns-link-list .sns-link-item .sns-link {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer {
	position: absolute;
	bottom: calc(100% + 11px);
	display: none;
	width: 134px;
	padding: 14px;
	border-radius: 4px;
	border: 1px solid #000;
	background: #fff;
}
.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer:after {
	position: absolute;
	left: 10px;
	bottom: -3px;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #fff;
	border: 1px solid #000;
	border-left-color: #fff;
	border-top-color: #fff;
	-moz-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer .btn-layer-close {
	position: absolute;
	top: 3px;
	right: 3px;
}
.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer .sns-sub-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding-right: 10px;
}
.footer-wrapper .sns-link-list .sns-link-item .sns-sub-layer .sns-sub-wrap .btn-text-link ~ .btn-text-link {
	margin-top: 12px;
}
.footer-wrapper .sns-link-list .sns-link-item.is-active .sns-sub-layer {
	display: block;
}
.footer-wrapper .footer-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding-top: 7px;
	flex: 1;
}
.footer-wrapper .footer-right {
	width: 200px;
	text-align: right;
}
.footer-wrapper .footer-tit {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	width: 134px;
	font-weight: 600;
	color: #000;
}
.footer-wrapper .footer-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.footer-wrapper .footer-row .footer-cont {
	flex: 1 0 auto;
}
.footer-wrapper .footer-row.has-btn {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.footer-wrapper .footer-row ~ .footer-row {
	margin-top: 20px;
}
.footer-wrapper .footer-menu {
	font-size: 0;
}
.footer-wrapper .footer-menu .footer-item .footer-menu-link {
	display: block;
	/*font-weight: variables.$fontWeightSemibold;*/
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
}



.blue-box .footer-wrapper .footer-menu .footer-item .footer-menu-link {
	display: block;
	/*font-weight: variables.$fontWeightSemibold;*/
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #fff;
}
.blue-box .footer-wrapper .footer-info .info {
    color: #fff;
}

.footer-wrapper .footer-logo {
	display: block;
	width: 63px;
	height: 30px;
	/*background: url("") 0 0 no-repeat;*/
	background-size: cover;
}
.footer-wrapper .footer-info {
	font-size: 0;
}
.footer-wrapper .footer-info .info {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	color: #666;
}
.footer-wrapper .footer-info .info ~ .info {
	margin-left: 10px;
}
.footer-wrapper .footer-info .info-row ~ .info-row {
	margin-top: 5px;
}
.footer-wrapper .footer-info ~ .footer-info {
	margin-top: 14px;
}
@media (min-width: 891px) {
	.footer-wrapper {
		background-color: rgba(239, 241, 243, 0.4);
		border-top: 0px solid rgba(223, 226, 229, 0);
        z-index: 9;
        position: relative;

	}
	.footer-wrapper .footer-menu .footer-item {
		position: relative;
		display: inline-block;
		vertical-align: top;
	}
	.footer-wrapper .footer-menu .footer-item ~ .footer-item {
		padding-left: 10px;
		margin-left: 9px;
	}
	.footer-wrapper .footer-menu .footer-item ~ .footer-item:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 1px;
		height: 10px;
		margin-top: -5px;
		background: #C2C7CC;
	}
}

.ui-dialog-container .mo-allmenu-popup .footer-wrapper {
	padding-top: 30px;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: 15px;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row .footer-left {
	flex: 1 0 auto;
	padding-top: 0;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row .footer-right {
	width: auto;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row .footer-menu {
	margin-top: -5px;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-row .footer-menu .footer-item {
	padding: 5px 0;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .btn-family {
	position: relative;
	min-width: 120px;
	width: 120px;
	padding-right: 26px;
	text-align: left;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .btn-family .text {
	font-weight: 500;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .btn-family:before {
	position: absolute;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	top: 16px;
	right: 16px;
	background: url("../img/ui/ui_ico_select_arr.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-cont {
	margin-top: 10px;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-cont .btn-line-light-gray {
	padding-left: 11px;
	padding-right: 11px;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap {
	padding: 0;
	margin-top: 20px;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item ~ .tab-item {
	margin-left: 22px;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item .tab-link {
	height: auto;
	position: relative;
	padding: 0 22px 0 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item .tab-link .tab-text {
	display: inline-block;
	vertical-align: top;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item .tab-link .ico-sub-gate {
	position: absolute;
	top: 0;
	right: 0;
	-moz-transform: rotateZ(0);
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
	-moz-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	-webkit-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tabs .tab-item.ui-state-active .tab-link .ico-sub-gate {
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tab-content {
	margin-top: 13px;
	padding: 0;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tab-content .info {
	display: block;
	margin: 0;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tab-content .btn-text-underline {
	margin-top: 6px;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .footer-tab-wrap .tab-content .btn-text-underline .text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .copyright {
	margin-top: 20px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .sns-link-list {
	margin-top: 20px;
}

.grid-list.special-assist .grid-item {
	position: relative;
	width: calc((100% - 20px) / 3);
}
@media (min-width: 891px) {
	.grid-list.special-assist .grid-item ~ .grid-item {
		margin-left: 10px;
	}
}
.grid-list.special-assist .grid-item .grid-info-box .info-text-list {
	margin-top: 10px;
}
.grid-list.special-assist .grid-item:before {
	display: inline-block;
	position: absolute;
	z-index: 9;
	width: 30px;
	height: 30px;
	vertical-align: top;
	content: "";
}
@media (min-width: 891px) {
	.grid-list.special-assist .grid-item:before {
		top: 50%;
	}
}
@media (max-width: 890px) {
	.grid-list.special-assist .grid-item:before {
		left: 50%;
	}
}
.grid-list.special-assist .grid-item.head:before, .grid-list.special-assist .grid-item.different:before {
	background: url("../img/common/comm_ico_assist_arr.svg") 11px 10px no-repeat #fff;
	background-size: 8px 8px;
	border: 1px solid #000;
	border-radius: 50%;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.17);
	box-sizing: border-box;
}
@media (min-width: 891px) {
	.grid-list.special-assist .grid-item.head:before {
		right: -21px;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
@media (max-width: 890px) {
	.grid-list.special-assist .grid-item.head:before {
		bottom: -21px;
		-moz-transform: translateX(-50%) rotate(90deg);
		-webkit-transform: translateX(-50%) rotate(90deg);
		transform: translateX(-50%) rotate(90deg);
	}
}
@media (min-width: 891px) {
	.grid-list.special-assist .grid-item.different:before {
		left: -21px;
		-moz-transform: translateY(-50%) rotateY(180deg);
		-webkit-transform: translateY(-50%) rotateY(180deg);
		transform: translateY(-50%) rotateY(180deg);
	}
}
@media (max-width: 890px) {
	.grid-list.special-assist .grid-item.different:before {
		top: -21px;
		-moz-transform: translateX(-50%) rotate(-90deg);
		-webkit-transform: translateX(-50%) rotate(-90deg);
		transform: translateX(-50%) rotate(-90deg);
	}
}
@media (max-width: 890px) {
	.grid-list.special-assist .grid-item {
		width: 100%;
	}
}

.bank-info-wrap .bank-info-header {
	position: relative;
	padding-left: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.bank-info-wrap .bank-info-header [class^=ico-bank] {
	position: absolute;
	top: 0;
	left: 0;
}
.bank-info-wrap .bank-info-header .btn-more-view .text {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #000;
}
.bank-info-wrap .bank-info-header .bank-name {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #000;
}
.bank-info-wrap .bank-info-header .bank-date {
	margin-top: 3px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
}
.bank-info-wrap .bank-info-body {
	margin-top: 12px;
}
.bank-info-wrap .bank-info-body .bank-info {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 22px;
	color: #444;
}

.family-site-list .family-item {
	border-bottom: 1px solid rgba(221, 224, 227, 0.6);
}
.family-site-list .family-item .family-depth1-link {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 20px 30px 20px 0;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.family-site-list .family-item .family-depth1-link:after {
	position: absolute;
	top: 50%;
	right: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("../img/common/comm_ico_site_link_arrow.svg") 0 0 no-repeat;
	background-size: cover;
}
.family-site-list .family-item .sub-site-list {
	background-color: rgba(239, 241, 243, 0.4);
	border-radius: 4px;
	padding: 12px 20px;
	margin-bottom: 20px;
}
.family-site-list .family-item .sub-site-list .sub-site-item .family-depth2-link {
	display: inline-block;
	position: relative;
	padding: 8px 17px 8px 0;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	line-height: 20px;
	color: #666;
}
.family-site-list .family-item .sub-site-list .sub-site-item .family-depth2-link:after {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url("../img/common/comm_ico_site_link_arrow.svg") 0 0 no-repeat;
	background-size: cover;
}


.ui-dialog-container .mo-allmenu-popup .footer-wrapper  .info {
    display: block;
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.025em;
}
.ui-dialog-container .mo-allmenu-popup .footer-wrapper .info {
    display: block;
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.025em;
}

/* end : footer */


/* start : text */

.fw-lgt {
	font-weight: 300 !important;
}

.fw-rql {
	font-weight: 400 !important;
}
.fw-extra-bold {
	font-weight: 800 !important;
}
.fw-bold {
	font-weight: 600 !important;
}
.fw-bold span {
	font-weight: inherit;
}

.fw-md {
	font-weight: 500 !important;
}

.fc-spot {
	color: #008735 !important;
}

.fc-yellow {
	color: #FDCD00 !important;
}

.fc-red {
	color: #EF3D2E !important;
}

.fc-gray {
	color: #999 !important;
}

.fc-black {
	color: #000 !important;
}

.fc-light-black {
	color: #444 !important;
}

.fc-dark-gray {
	color: #666 !important;
}

.fc-skyblue {
	color: #199DFF !important;
}

/* brand color */
.fc-lotteria {
	color: #EF3D2E !important;
}

.fc-angelinus {
	color: #AA9481 !important;
}

.fc-krispy {
	color: #1CAC68 !important;
}

.fc-plating {
	color: #222 !important;
}

.fc-lpoint {
	color: #199DFF !important;
}

.ellipsis {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dot-text, .dash-text, .star-text {
	position: relative;
	display: block;
	word-break: keep-all;
	word-wrap: break-word;
}
.dot-text:before, .dash-text:before, .star-text:before {
	position: absolute;
	left: 0;
	display: block;
}
.dot-text .btn-sm, .dash-text .btn-sm, .star-text .btn-sm {
	margin-top: 10px;
}

.dot-text {
	padding-left: 7px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
}
.dot-text span {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.dot-text .dash-text {
	color: inherit;
}
.dot-text:before {
	top: 8px;
	content: "";
	width: 2px;
	height: 2px;
	border-radius: 2px;
	background: #999;
}
.dot-text + .gray-box {
	margin-top: 30px;
}
.dot-text .info-text-list {
	margin-top: 0;
}
.dot-text .info-text-list ~ .info-text-list {
	margin-top: 12px;
}

.dash-text {
	padding-left: 8px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #444;
}
.dash-text.font-size-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.dash-text.font-size-sm span {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.dash-text:before {
	top: 0;
	content: "-";
	display: block;
}

.star-text {
	padding-left: 8px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
}
.star-text span {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.star-text:before {
	top: 0;
	content: "*";
	display: block;
}

/*.bar-text-group {
    @include mixins.justify_width(center, start, row, true);

    .bar-text {
        display: inline-block;
        color: variables.$colorBlack;

        ~ .bar-text {

            &:before {
                content: '';
                display: inline-block;
                margin-left: 10px;
                padding-left: 10px;
                margin-bottom: 1px;
                width: 1px;
                height: 8px;
                border-left: solid 1px variables.$colorGray03;
            }
        }
    }


}*/
.bar-text-group {
	/*font-size: 0;*/
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.bar-text-group .bar-text {
	display: block;
	color: #000;
}
.bar-text-group .bar-text ~ .bar-text:before {
	content: "";
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 1px;
	width: 1px;
	height: 8px;
	border-left: solid 1px #C2C7CC;
}


/* end : text */


/* start : header */

.header-wrapper {
    z-index: 25;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 0 20px;
    background: #fff;
}
.header-wrapper [class^=btn-header] {
	display: inline-block;
	width: 24px;
	height: 24px;
}
.header-wrapper [class^=btn-header] ~ [class^=btn-header] {
	margin-left: 15px;
}
.header-wrapper .btn-header-cart {
	position: relative;
	width: 30px;
	padding-right: 6px;
}
.header-wrapper .btn-header-cart .count {
	overflow: hidden;
	position: absolute;
	top: -4px;
	left: 16px;
	display: block;
	height: 18px;
	min-width: 18px;
	border-radius: 18px;
	padding: 1px 5px 0;
	text-align: center;
	background: #FF404B;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
body.ios .header-wrapper .btn-header-cart .count, body.mac .header-wrapper .btn-header-cart .count {
	padding-top: 1px;
}
.header-wrapper .btn-header-alarm {
	position: relative;
}
.header-wrapper .btn-header-alarm .new {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #000;
}
.header-wrapper .btn-more-view .ico-mile-white ~ .text {
	margin-left: 6px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	line-height: 22px;
	font-weight: 600;
}
.header-wrapper .btn-more-view .ico-mile-white ~ .price {
	display: inline-block;
	margin-left: 6px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	line-height: 22px;
	font-weight: 600;
	color: #fff;
	vertical-align: top;
}
.header-wrapper[data-mobile-only] {
	background: rgba(255, 255, 255, 0.9);
	-moz-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);

     -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
	border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;

}
.header-wrapper[data-mobile-only].scroll-up {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: transform 0.24s;
	-webkit-transition: transform 0.24s;
	transition: transform 0.24s;
}
.wrapper.has-top-sps .header-wrapper[data-mobile-only].scroll-up {
	box-shadow: none;
}

.header-wrapper[data-mobile-only].scroll-down {
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-moz-transition: transform 0.15s;
	-webkit-transition: transform 0.15s;
	transition: transform 0.15s;
}
.header-wrapper[data-mobile-only] .header-left {
    width: 100%;
    overflow: hidden;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-right: 6px;
}
.header-wrapper[data-mobile-only] .header-left [class^=btn-header] {
	flex: none;
}
.header-wrapper[data-mobile-only] .header-right {
	font-size: 0;
	flex-shrink: 0;
	margin-left: auto;
}
.header-wrapper[data-mobile-only] .btn-header-home {
	background: url("../img/common/home_ico.svg") 0 0 no-repeat;
	background-size: cover;
	width: 26px;
    height: 26px;
}
.header-wrapper[data-mobile-only] .page-title {
	display: block;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 10px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}

.header-wrapper[data-mobile-only] .logo .page-title {
    display: block;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 10px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.025em;
    color: #000;
    /* font-family: 'GongGothicBold'; */
    font-family: 'JalnanGothic';
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.025em;
}



.header-wrapper[data-mobile-only] .btn-sub-gate {
	flex: none;
	display: block;
	width: 24px;
	height: 24px;
	margin-left: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-moz-transform: rotateZ(0);
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
	-moz-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	-webkit-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
}
.header-wrapper[data-mobile-only] .btn-sub-gate.is-active {
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.header-wrapper[data-mobile-only] .sub-gate-layer {
	z-index: 20;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	background: #fff;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	height: calc(var(--reVh, 1vh) - 55px + 1px);
}
.header-wrapper[data-mobile-only] .sub-gate-layer .layer-inner {
	z-index: 2;
	position: relative;
	/* padding: 20px 20px 30px;
	max-height: 456px; */
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-2dep-title {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list {
	margin: 0 0 40px;
	/* padding: 0 10px 30px; */
	display: flex;
	flex-wrap:wrap;
	
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item {
	width: 50%;
	padding:10px;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .ico_area {
	display: inline-block;
	width:35px;
	height:35px;
	border-radius: 100%;
	border:1px solid #ddd;
	vertical-align: middle;
	margin-right:8px;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item a{
	width:100%;
	padding:0!important;
	display: flex;
	align-items: center;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .ico_area i{
	display: block;
	margin: auto;
	margin-top: 4px;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .txt{
	width:auto;
	font-size: 13px;
	letter-spacing: -1px;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-link, .header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-more {
	padding: 9px 0;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 400;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-link.is-active, .header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-more.is-active {
	color: #000 !important;
	font-weight: 500;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-more {
	position: relative;
	padding-right: 21px;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .btn-sub-more:after {
	position: absolute;
	top: 12px;
	right: 0;
	content: "";
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_sub_gate_off.svg") 0 0 no-repeat;
	background-size: cover;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .sub-4dep-list {
	display: none;
	padding: 10px 16px;
	margin: 9px 0;
	background: rgba(239, 241, 243, 0.4);
	border-radius: 4px;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item .sub-4dep-list .sub-gate-item .btn-sub-link {
	padding: 6px 0;
	color: #999;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active {
	background-color: #b3e4ea;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .txt {
	font-weight: 600;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .ico_area{
	border-color: #7d7d7d;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active > .btn-sub-link {
	/* text-decoration: underline; */
	color: #000;
	font-weight: 600;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .sub-4dep-list {
	display: block;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .btn-sub-more {
	text-decoration: underline;
	color: #000;
	font-weight: 500;
}
.header-wrapper[data-mobile-only] .sub-gate-layer .sub-3dep-list > .sub-gate-item.is-active .btn-sub-more:after {
	background: url("../images/common/comm_sub_gate_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.header-wrapper[data-mobile-only] .sub-gate-layer.is-active {
	display: block;
	-moz-animation: opacityActive 0.28s cubic-bezier(0.17, 0.67, 0.29, 1.32) forwards;
	-webkit-animation: opacityActive 0.28s cubic-bezier(0.17, 0.67, 0.29, 1.32) forwards;
	animation: opacityActive 0.28s cubic-bezier(0.17, 0.67, 0.29, 1.32) forwards;
}
.header-wrapper[data-pc-only] {
	/*position: relative;*/
	padding-left: 0;
	padding-right: 0;
	height: 130px;
	height: auto;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	background: #fff;
    z-index: 11;
}




.header-wrapper[data-pc-only]:after {
	z-index: 2;
	display: none;
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	height: 1px;
	background: #DDE0E3;
}
.container-wrapper:before{
	/*z-index: 0;
	content: "";
	position: absolute;
	display: block;
	top: 40px;
	left: 0;
	right: 0;
	height: 80px;
	background: #007973;*/
}




.header-wrapper[data-pc-only] .header-top {
	z-index: 2;
	position: relative;
	overflow: hidden;
	height: 40px;
	max-width: 1150px;
	padding: 5px 20px;
	margin: 0 auto;
	text-align: right;
}
.header-wrapper[data-pc-only] .header-bottom {
	z-index: 2;
	position: relative;
	max-width: 100%;
	height: 90px;
	padding: 0 20px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	max-width: 1350px;
    padding: 0 20px;
}
.header-wrapper[data-pc-only] .header-logo .btn-logo {
	display: block;
	padding: 10px 0;
	background-size: 72px 40px;
	width: 72px;
	height: 60px;
}

.header-wrapper[data-pc-only] .header-left {
    width: 100%;
    overflow: hidden;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-right: 10px;align-items: flex-end;
	position: relative;
    z-index: 11;
}
.header-wrapper[data-pc-only] .logo .page-title {
    display: block;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 10px;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: -0.025em;
    color: #000;
    font-family: 'JalnanGothic';
}

.header-wrapper[data-pc-only] .user-menu {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.header-wrapper[data-pc-only] .user-menu .user-item {
	display: inline-block;
	vertical-align: top;
}
.header-wrapper[data-pc-only] .user-menu .user-item ~ .user-item {
	margin-left: 20px;
}
.header-wrapper[data-pc-only] .user-menu .user-item .user-name {
	display: inline-block;
	padding: 6px 0;
	vertical-align: top;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu {
	margin-left: 60px;
	font-size: 0;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu .depth2-tit-link, .header-wrapper[data-pc-only] .gnb-dep2-menu .depth3-tit-link {
	-moz-transition: color 0.14s;
	-webkit-transition: color 0.14s;
	transition: color 0.14s;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu .depth2-tit-link:hover, .header-wrapper[data-pc-only] .gnb-dep2-menu .depth3-tit-link:hover {
	color: #00A5B9 !important;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu .depth2-tit-link.is-active, .header-wrapper[data-pc-only] .gnb-dep2-menu .depth3-tit-link.is-active {
	color: #00A5B9 !important;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu .depth3-tit.is-active {
	color: #00A5B9 !important;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu .depth4-tit-link {
	-moz-transition: color 0.14s;
	-webkit-transition: color 0.14s;
	transition: color 0.14s;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu .depth4-tit-link:hover {
	color: #000 !important;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu .depth4-tit-link.is-active {
	color: #000 !important;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu .gnb-dep2 {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.header-wrapper[data-pc-only] .gnb-dep2-menu .gnb-dep2 .depth2-tit-link {
	width: 117px;
	display: block;
	padding: 12px 0;
	vertical-align: top;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 600;
	text-align: left;
}
.header-wrapper[data-pc-only] .gnb-dep3-menu {
	display: none;
	position: absolute;
	top: 63px;
	left: 0;
	width: 100%;
	padding-right: 20px;
}
.header-wrapper[data-pc-only] .gnb-dep3-menu .gnb-dep3 .depth3-tit-link, .header-wrapper[data-pc-only] .gnb-dep3-menu .gnb-dep3 .depth3-tit {
	display: block;
	padding: 7px 0;
	color: #000;
}
.header-wrapper[data-pc-only] .gnb-dep4-menu {
	margin: 3px 0;
}
.header-wrapper[data-pc-only] .gnb-dep4-menu .gnb-dep4 .depth4-tit-link {
	display: block;
	padding: 4px 0;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.header-wrapper[data-pc-only] .util-menu {
	margin-left: auto;
	font-size: 0;
}
.header-wrapper[data-pc-only] .util-menu .util-item {
	display: inline-block;
	vertical-align: top;
	font-weight:700;height: auto;position: relative;padding: 0 12px;
}
.header-wrapper[data-pc-only] .util-menu .util-item ~ .util-item {
	/*padding-left: 14px;*/
}
.header-wrapper[data-pc-only] .btn-header-order {
	margin-left: 30px;
}
.header-wrapper[data-pc-only] .sub-gnb-layer {
	overflow: hidden;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 130px;
	background: #fff;
	margin: 0 auto;
}
.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner {
	display: inline-block;
	vertical-align: top;
	position: relative;
	left: 50%;
	margin-left: 220px;
	top: 130px;
}


.header-wrapper[data-pc-only] .btn-header-cart .count {
    overflow: hidden;
    position: absolute;
    top: -8px;
    right: -10px;
	left: auto;
    display: block;
    height: 18px;
    min-width: 18px;
	width: 18px;
    border-radius: 18px;
    padding: 1px 5px 0;
    text-align: center;
    background: #FF404B;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.025em;
    font-weight: 600;
}
.header-wrapper[data-pc-only] .util-menu {
    margin-left: auto;
    font-size: 0;
    position: relative;
	z-index:11;
}
.util-menu > li + li:before {
    margin-top: 3px;
    content: '';
    display: block;
    width: 0.1rem;
    height: 0.8rem;
    background: #ffffff;
    background: rgba(255, 255, 255, .25);
    position: absolute;
    top: 0.2rem;
    left: 0;
}
.util-menu > li + li:before {
        width: 1px;
        height: 9px;
        top: 50%;
        margin-top:-4.5px;
        background: #ddd;
    }


.header-wrapper[data-pc-only] .util-menu .util-item:last-child {
    padding-left: 12px;
	padding-right:0px;
}

.header-wrapper[data-pc-only] .btn-header-cart {
    position: relative;
    width: auto;
    padding-right: 0px;
}

.header-wrapper[data-pc-only] [class^=btn-header] {
    height: 24px;
}


.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-container {
	width: 335px;
	height: 104px;
}
.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-container .swiper-slide {
	overflow: hidden;
	width: 335px;
	height: 104px;
	border-radius: 4px;
}
.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-container .swiper-pagination.swiper-pagination-fraction {
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
	left: auto;
	right: 12px;
	bottom: 12px;
	-moz-backdrop-filter: blur(30px) brightness(85%);
	-webkit-backdrop-filter: blur(30px) brightness(85%);
	backdrop-filter: blur(30px) brightness(85%);
}
.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-next, .header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-prev {
	background: transparent;
}
.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-next:before, .header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-prev:before {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	border-radius: 30px;
}
.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-next:before {
	right: -15px;
}
.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-control-wrap .swiper-button-prev:before {
	left: -15px;
}
@media (min-width: 891px) {
	.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner .swiper-pagination {
		display: block;
	}
}
.header-wrapper[data-pc-only].show-sub-gnb .gnb-dep3-menu {
	display: block;
	-moz-animation: opacityActive 0.14s ease-in forwards;
	-webkit-animation: opacityActive 0.14s ease-in forwards;
	animation: opacityActive 0.14s ease-in forwards;
}
.header-wrapper[data-pc-only].show-sub-gnb .sub-gnb-layer {
	height: 398px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	-moz-animation: opacityActive 0.14s ease-in forwards;
	-webkit-animation: opacityActive 0.14s ease-in forwards;
	animation: opacityActive 0.14s ease-in forwards;
}

.menu-container {
    display: block;
    width: auto;
    position: relative;
    font-size: 0;
    line-height: 1;
    text-align: center;
    z-index: 1;
}
/* MENU */
.menu-container {
    display: block;
    width: auto;
    position: relative;
    font-size: 0;
    line-height: 1;
    text-align: center;
    z-index: 1;
}

#g-menu {
    text-align: right;
    margin-right: 0px;
}

#g-menu:after {
    content: '';
    display: table;
    clear: both;
}

#g-menu button {
    display: block;
    line-height: 1.7;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* 1depth */
#g-menu > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#g-menu > li > button {
    padding: 30px 20px 30px 20px;
    position: relative;
	font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    letter-spacing: -0.03em;
}

#g-menu > li > button:before {
    opacity: 0;
    width: 5px;
    height: 5px;
    background: #008735;
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 50%;
	border-radius: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s;
    transition: all .3s;
}

#g-menu > li.blank > button:after {
        content: '\E801';
        font-family: 'nc-font';
        font-size: 1.4rem;
        color: #a0a0a0;
        width: 1.2rem;
        height: 1.2rem;
        line-height: 1.2rem;
        margin-left: .6rem;
        font-weight: 500;
    }



#g-menu > li > button > span {
    position: relative;
	font-size: 16px;
    line-height: 20px;
    font-weight: 700;letter-spacing: -0.025em;
}

#g-menu ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

html.desktop #g-menu > li:hover > button, #g-menu > li.current-page-ancestor > button, #g-menu > li.current-page-item > button {
    color: #008735;
}

html.desktop #g-menu > li:hover > button:before , #g-menu > li.current-page-ancestor > button:before, #g-menu > li.current-page-item > button:before, #g-menu > li.current-page-parent > button:before {
    opacity: 1;
}

html.desktop #g-menu > li:hover > button:before {
    opacity: 1;
}
html.desktop #g-menu > li:hover > button:before,
#g-menu > li.current-page-ancestor > button:before,
#g-menu > li.current-page-item > button:before,
#g-menu > li.current-page-parent > button:before,
#g-menu > li.current-menu-item > button:before {
  opacity: 1;
}
/* 2depth */
#g-menu > li:hover > ul, #g-menu > li.focusin > ul {
    opacity: 1;
    visibility: visible;
}

#g-menu > li > ul {
    padding: 28px 0 20px;
    position: absolute;
    left: 50%;
    top: 80%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left;
    background: #000;
    -webkit-box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, .08);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
	html.desktop #g-menu > li:hover > button,
	#g-menu > li.current-page-ancestor > button,
	#g-menu > li.current-page-item > button,
	#g-menu > li.current-menu-item > button {
	  color: #008735;
	}
#g-menu > li > ul > li {
    display: block;
}

#g-menu > li > ul > li:last-child {
    border-bottom: none;
}

#g-menu > li > ul > li > button {
    padding: 12px 10px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.03em;
    font-weight: 500;
    color: #bbb;
    white-space: nowrap;
}

#g-menu > li > ul > li > button > span{
    font-weight: 600;
  }


#g-menu > li > ul > li.current-page-ancestor > button {
    color: #fff;
}

html.desktop #g-menu > li > ul > li:hover > button, #g-menu > li > ul > li.current-menu-item > button, #g-menu > li > ul > li.current-menu-ancestor > button {
    color: #fff;
}

.header-wrapper[data-pc-only] .menu-container {
    margin-left: auto;
    font-size: 0;
    width: auto;
	min-width: 650px;
    height: 90px;
    position: absolute;
    top: 0;
    z-index: 2;
    -webkit-transition: top .3s;
    transition: top .3s;
    left: 50%;
    /* top: 18rem; */
    transform: translate(-50%, 0%);
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
}



@media (max-width: 1200px) {
#g-menu > li > button {
    padding: 56px 10px 56px 10px;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    letter-spacing: -0.03em;
}
}
/* **************************************** *
 * FOOTER
 * **************************************** */



.footer-wrapper[data-pc-only] .footer-inner {
	max-width: 100%;
	padding: 0;

}


.footer-wrapper[data-pc-only] .footer-inner .footer {
    width: 100%;
    padding: 40px 0 0px;
    position: relative;
    background:#060f20;
    box-shadow: 0px 1px 0px #060f20;
    font-size: 0;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.footer-wrapper[data-pc-only] .footer-inner .footer .wrap {
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
}


.footer-wrapper .footer-inner {
	max-width: 100%;
	padding: 0;

}


.footer-wrapper .footer-inner .footer {
    width: 100%;
    padding: 60px 0 46px;
    position: relative;
    background:#060f20;
    box-shadow: 0px 1px 0px #060f20;
    font-size: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.footer-wrapper .footer-inner .footer .wrap {
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
}



@media (max-width: 1200px) {
.footer-wrapper[data-pc-only] .footer-inner .footer .wrap {
       /* max-width: inherit;
        margin: 0 6.5%;*/

	max-width: 1150px;
    margin: 0 auto;
	    padding: 0 20px;
    }


}


.footer h2 {
    width: 49%;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.03em;
    color: #fff;
    display: inline-block;
    vertical-align: top;
	text-align:right;
}

.footer__right {
    width: 50%;
    padding: 5px 0 0 0px;
    display: inline-block;
    vertical-align: top;
}

/* menu */





.footer__menu > li + li {
}

.footer__menu > li > a {
    display: inline-block;
    position: relative;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #fff;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    padding: 15px 0;
}

.footer__menu > li > a:before {
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

html.desktop .footer__menu > li > a:hover:before {
    opacity: 1;
}

/* info */
.footer__info-wrap {
    margin-bottom: 20px;
    margin-top: 0rem;
    position: relative;
}

.footer__logo {
    position: relative;
}

.footer__policy-menu-wrap {
    position: relative;
    max-width: 368px;
}

.footer__policy-menu {
    margin-top: 20px;
}

.footer__policy-menu li {
    display: inline-block;
    vertical-align: middle;
}

.footer__policy-menu li a {
    padding-right: 11px;
    margin-right: 6px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #999;
    letter-spacing: -0.03em;
    position: relative;
}

.footer__policy-menu li a:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    background: #fff;
}

.footer__policy-menu li.privacy a {
    color: #fff;
}

.footer__policy-menu li:last-child a:after {
    display: none;
}

.footer__info-btn {
    position: relative;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    right: 0;
    top: -8px;
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
}



.footer__info-btn--active:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.footer__info {
    padding-top: 17px;
    padding-bottom: 11px;
    display: none;
}

.footer__info p {
    font-size: 0;
    line-height: 1;
}

.footer__info p + p {
    margin-top: 14px;
}

.footer__info p span, .footer__info p span a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.03em;
}

.footer__info p span {
    display: inline-block;
    padding-right: 12px;
    margin-right: 8px;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.03em;
}

.footer__info p span.footer__fax {
    margin-top: -1px;
}

.footer__info p span[lang="en"], .footer__info p span i[lang="en"] {
    letter-spacing: 0;
}

.footer__info p span:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    background: #ccc;
}

.footer__info p span.footer__biz-rgt-num:after, .footer__info p span.footer__fax:after {
    margin-top: -5px;
}

.footer__info p span:last-child {
    padding-right: 0;
}

.footer__info p span:last-child:after {
    display: none;
}

.footer__info p span i {
    font-style: normal;
    margin-left: 6px;
}

.footer__info p span.footer__address i {
    margin-left: 0;
}

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

.footer__info p span:first-child i {
    margin-left: 0;
}

.footer__info p span a {
    -webkit-transition: color 300ms;
    transition: color 300ms;
    margin-left: 2px;
}

.footer__info p span a:hover {
    color: #fff;
}

.footer__info p span.footer__name {
    margin-top: -1px;
}

html.ios .footer__info p span i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

html.ios .footer__info p span.footer__name {
    margin-top: 0px;
}

/* copy */
.footer__copyright {
    margin-top: 17px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: #757575;
}


@media (min-width: 891px) and (max-width: 1150px) {
	.header-wrapper[data-pc-only] .sub-gnb-layer .swiper-common-banner {
		display: none;
	}
}
@media (min-width: 891px) {
	.header-wrapper[data-mobile-only] {
		display: none;
	}
}

body.sub-layer-open:not(.desktop) {
	position: fixed;
	width: 100%;
	height: var(--reVh, 1vh);
	top: 0;
	left: 0;
	overflow-y: hidden;
}

/* end : header */


.tableWrap .ld-overlay{bottom:0;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;    }
.ld-overlay.is-act{display:-webkit-box;display:-ms-flexbox;display:flex}
.ld-overlay .ld-background{bottom:0;position:absolute;right:0;background:#fff;opacity:.5}
.ld-parent{position:relative}.db-rent[data-v-202205]{width:50px;height:50px;position:relative;-webkit-animation:db-rent-data-v-202205 2.5s linear infinite both;animation:db-rent-data-v-202205 2.5s linear infinite both;margin:20px auto 1.0625rem}
.db-rent-dot[data-v-202205]{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:db-rent-dot-data-v-202205 2s ease-in-out infinite both;animation:db-rent-dot-data-v-202205 2s ease-in-out infinite both}
.db-rent-dot[data-v-202205]:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;-webkit-animation:db-rent-dot-before-data-v-202205 2s ease-in-out infinite both;animation:db-rent-dot-before-data-v-202205 2s ease-in-out infinite both}
.db-rent-dot[data-v-202205]:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.db-rent-dot[data-v-202205]:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}
.db-rent-dot[data-v-202205]:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}
.db-rent-dot[data-v-202205]:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.db-rent-dot[data-v-202205]:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}
.db-rent-dot[data-v-202205]:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.db-rent-dot[data-v-202205]:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s}
.db-rent-dot[data-v-202205]:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s}.db-rent-dot[data-v-202205]:first-child:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;background-color:#8e66d6}
.db-rent-dot[data-v-202205]:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s;background-color:#8ec738}.db-rent-dot[data-v-202205]:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s;background-color:#39c3a1}
.db-rent-dot[data-v-202205]:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s;background-color:#5772d9}.db-rent-dot[data-v-202205]:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s;background-color:#8e66d6}
.db-rent-dot[data-v-202205]:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s;background-color:#8ec738}.db-rent-dot[data-v-202205]:nth-child(7):before{-webkit-animation-delay:-.5s;animation-delay:-.5s;background-color:#39c3a1}
.db-rent-dot[data-v-202205]:nth-child(8):before{-webkit-animation-delay:-.4s;animation-delay:-.4s;background-color:#5772d9}@-webkit-keyframes db-rent-data-v-202205{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes db-rent-data-v-202205{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@-webkit-keyframes db-rent-dot-data-v-202205{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes db-rent-dot-data-v-202205{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@-webkit-keyframes db-rent-dot-before-data-v-202205{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes db-rent-dot-before-data-v-202205{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}
.spinner[data-v-202205]{margin:20px auto 0;width:100px;text-align:center}
.spinner>div[data-v-202205]{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay-data-v-202205 1.4s ease-in-out infinite both;animation:sk-bouncedelay-data-v-202205 1.4s ease-in-out infinite both}
.spinner .bounce1[data-v-202205]{-webkit-animation-delay:-.32s;animation-delay:-.32s;background-color:#0d5d54}
.spinner .bounce2[data-v-202205]{-webkit-animation-delay:-.16s;animation-delay:-.16s;background-color:#46b2ab}
.spinner .bounce3[data-v-202205]{-webkit-animation-delay:-.08s;animation-delay:-.08s;background-color:#0d5d54}
.spinner .bounce4[data-v-202205]{-webkit-animation-delay:-.04s;animation-delay:-.04s;background-color:#46b2ab}
@-webkit-keyframes sk-bouncedelay-data-v-202205{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(.8)}}
@keyframes sk-bouncedelay-data-v-202205{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(.8);transform:scale(.8)}}
.loader-ms[data-v-202205],.loader-ms[data-v-202205]:after{border-radius:50%;width:10em;height:10em}
.loader-ms[data-v-202205]{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(0,0,0,.5);border-right:1.1em solid rgba(0,0,0,.5);border-bottom:1.1em solid rgba(0,0,0,.5);border-left:1.1em solid #000;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
@-webkit-keyframes load8-data-v-202205{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes load8-data-v-202205{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.v--loading-block-scroll[data-v-202205]{position:fixed;overflow:hidden;width:100%}
.loading-container[data-v-202205]{position:absolute;top:50%;left:50%;margin:-44px 0 0 -44px;width:88px;height:88px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.loading-container .round[data-v-202205]{width:88px;height:88px;background:#fff;border-radius:100%;position:absolute;top:0;left:0;z-index:0}
.loading-container .loading-content[data-v-202205]{position:relative;z-index:1}
.loading-container .loading-content .text[data-v-202205],.loading-container .loading-content .title[data-v-202205]{    position: absolute!important;
    /* margin: 0!important; */
    padding: 0!important;
    height: 1px;
    width: 118px;
    /* overflow: hidden; */
    /* clip: rect(1px,1px,1px,1px); */
    /* word-break: normal; */
    /* word-wrap: normal; */
    font-size: 12px;
    top: 60px;
    left: 50%;
    font-weight: 500;
    margin-left: -59px;
    text-align: center;
    color: #fff;
    letter-spacing: -0.023em;}
.loading-container .loading-content .spinner[data-v-202205]{margin:35px auto 0;margin-left:-6px;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
.loading-container .loading-content .db-rent[data-v-202205]{text-align:center}
.loading-container .loading-content.step1 .loading-img[data-v-202205]{width:72px;height:14px;margin:35px auto 0}
.loading-container .loading-content.step2[data-v-202205]{opacity:0}
.loading-container .loading-content.step2 .loading-img[data-v-202205]{width:50px;height:50px;margin:19px auto}
.loading-container.delay[data-v-202205]{padding-top:0}
.loading-container.delay .round[data-v-202205]{-webkit-transform:scale(1.137);-ms-transform:scale(1.137);transform:scale(1.137);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.loading-container.delay .step1[data-v-202205]{opacity:0;height:0;width:0;}
.loading-container.delay .step2[data-v-202205]{opacity:1;-webkit-transition:opacity 2s;transition:opacity 2s}




.tableWrap .ld-overlay.is-full-page{position:fixed;z-index:100000;height:100%;width:100%}
.ld-icon{position:fixed;left:50%;top:50%;z-index:100001;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ld-overlay.is-act{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:100001;}

.ld-overlay.is-deact{-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden;z-index:-1;-webkit-transition:z-index .1s,visibility .5s;transition:z-index .1s,visibility .1s}
.home.modal_page_open .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;opacity:.0;z-index:100000}
.home .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, .25);z-index:100000}
.online .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, .25);z-index:100000}
.status .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .25);z-index:100000}
.ld-overlay .ld-parent{position:relative}
.ld-overlay{-webkit-animation-duration:.1s;animation-duration:.1s;    visibility: visible;
    z-index: 100001;display:none;}
.ld-overlay.on{
display:block;
}	
.ld-overlay.is-act,.ld-overlay.is-deact{display:block;-webkit-animation-duration:.1s;animation-duration:.1s;    visibility: visible;
    z-index: 100001;}
	
.loading-container .round[data-v-202205] img{
    /* text-align: center; */
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}
.online .ld-overlay .ld-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    z-index: 100000;
}

.search_box2:after {
    /*content: "";
    position: absolute;
    z-index: 6;
    top: -36px;
    left: 50%;
    margin-left: -16px;
    background-color: rgba(25,112,186,0.8);
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;transform: scale(31);*/
}
.record_type1{height:180px}
.record_type1 > div{padding:0 8px 0 7px;white-space:nowrap}
.record_type1 .record_bx{width:130px;height:179px}
.record_type1 .record_bx .wrap{padding:7px 10px 0}
.record_type1 .record_bx .title{color:#034EA2;font-family:AppleSDGothicNeo-Medium}
.record_type2{height:251px}
.record_type2 > div{padding:0 8px 0 7px;white-space:nowrap}
.record_type2 .record_bx{width:235px;height:250px;text-align:left}
.record_type3{height:238px}
.record_type3 .record_bx .no_record_info{height:96px;padding-bottom:7px}
.record_type3 .record_bx .no_record_info .info_text{line-height:15px;font-size:11px}
.record_type3 > div{padding:0 8px 0 7px;white-space:nowrap}
.record_type3 .record_bx{width:130px;height:237px}
.record_type3 .record_bx .wrap{padding:7px 10px 0}
.record_type3 .record_bx .title{color:#034EA2;font-family:AppleSDGothicNeo-Medium}
.record_bx{position:relative;display:inline-block;vertical-align:top;margin:0 2px 0 3px;border:1px solid #e1e1e1;border-top:0;background:#fff;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light;text-align:center}
.record_bx .no_record_info{height:208px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:15px;text-align:center}
.record_bx .no_record_info .info_text{line-height:19px;font-size:14px;color:#c7c7c7}
.record_bx .rank_num{position:absolute;top:9px;left:11px;color:#034EA2;font-size:21px}
.record_bx .rank_group{position:absolute;top:7px;left:7px;border-bottom:1px solid #a1bdeb;color:#034EA2;font-size:11px;font-family:HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif;line-height:1.3em;letter-spacing:-0.5px}
.record_bx .rank_group span{margin-top:-1px;font-family:HelveticaNeue;font-size:13px;vertical-align:top}
.record_bx .rank_group ~ .rank_num{top:24px;left:6px;width:27px;font-size:17px;text-align:center}
.record_bx .rank_group ~ .wrap{padding-top:14px}
.record_bx .link{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:33px;border-top:1px solid #f3f3f3;background:#f9f9f9}
.record_bx .link span{display:block;color:#989898;font-size:12px;line-height:34px}
.record_bx .rank_team .team{padding:10px 0 6px}
.record_bx .rank_team .emblem{width:60px;height:60px;margin:0 auto}
.record_bx .rank_team .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.record_bx .rank_team .name{overflow:hidden;display:block;max-width:110px;margin:-2px auto 4px;color:#000;font-weight:normal;font-size:18px;line-height:1.2em;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.5px}
.record_bx .rank_team .stat{color:#858585;font-size:12px;line-height:1.25em}
.record_bx .rank_team .stat > span{display:block}
.record_bx .rank_team .high span{color:#034EA2}
.record_bx .rank_player{height:120px;border-bottom:1px solid #eaeaea}
.record_bx .rank_player .player{padding-top:7px}
.record_bx .rank_player .text{display:block;color:#034EA2;font-size:13px;font-family:AppleSDGothicNeo-Medium}
.record_bx .rank_player .thmb{position:relative;z-index:10;width:50px;height:50px;margin:3px auto 5px}
.record_bx .rank_player .thmb:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.05);-webkit-border-radius:50%;border-radius:50%;content:''}
.record_bx .rank_player .name{display:block;position:relative;z-index:20;color:#000;font-weight:normal;font-size:14px}
.record_bx .rank_player .name span{padding-left:2px;color:#939393}
.record_bx .rank_player .mask{overflow:hidden;position:relative;width:50px;height:50px;-webkit-border-radius:50%;border-radius:50%}
.record_bx .rank_player .mask:empty{background-color:#eaeef4}
.record_bx .rank_player .mask:empty::before{width:11px;height:14px;background:url(https://ssl.pstatic.net/static/sports/icons/no_image_logo_s.png) no-repeat;content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-background-size:contain;background-size:contain}
.record_bx .rank_player .mask .profile{width:100% !important}
.record_bx .rank_player .emblem{position:absolute;top:32px;right:-4px;z-index:10;width:23px;height:23px;-webkit-border-radius:12px;border-radius:12px;background:#eff2f8}
.record_bx .rank_player .emblem:empty{background-color:#eaeef4}
.record_bx .rank_player .emblem:empty::before{width:11px;height:14px;background:url(https://ssl.pstatic.net/static/sports/icons/no_image_logo_s.png) no-repeat;content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-background-size:contain;background-size:contain}
.record_bx .rank_player .emblem:empty:before{-webkit-background-size:50% 50%;background-size:50%;background-position:50%}
.record_bx .rank_player .emblem img{width:100%}
.record_bx .rank_player .stat{color:#034EA2;font-family:HelveticaNeue-Medium,sans-serif;font-size:13px;line-height:1.25em}
.record_bx .rank_player .stat > span{display:block}
.record_bx .rank_player2{overflow:hidden;position:relative;height:28px;padding-left:19px;background:#f6f6f6;font-size:11px;line-height:29px;text-align:left}
.record_bx .rank_player2 .rank_num{top:8px;left:8px;color:#000;font-size:12px;font-family:HelveticaNeue !important;line-height:1em}
.record_bx .rank_player2 .team{padding-left:3px;color:#939393}
.record_bx .rank_player2 .stat{position:absolute;top:0;right:8px;color:#034EA2}
.record_bx .rank_player2.no_record{padding:0}
.record_bx .rank_player2.no_record .name{display:block;height:29px;line-height:26px;text-align:center;font-size:12px;color:#999}
.record_bx .rank_player2.no_record .team,.record_bx .rank_player2.no_record .stat{display:none}
.record_bx .rank_player2 ~ .rank_player2{border-top:1px solid #f1f1f1}
.record_bx:before{display:block;height:1px;margin:0 -1px;background:#034EA2;content:''}
.record_bx .link_area{position:absolute;top:0;left:0;right:0;bottom:0;z-index:30}
.record_rank{position:relative;z-index:10;width:159px;background:#fff;border-right:1px solid #e8e9e9}
.record_rank div.title{overflow:hidden;display:table;height:50px;padding-top:0px;padding-left:14px;font-weight:normal;font-size:12px;table-layout:fixed}
.record_rank div.title b{display:table-cell;height:100%;vertical-align:middle;font-weight:600;line-height:1.3em;letter-spacing: -0.023em;}
.record_rank div.title b span{color:#034EA2}
.rank_list{overflow:hidden;padding:3px 14px 0;height:200px}
.rank_list li{position:relative;height:33px;margin-top:6px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light}
.rank_list li.no_record .rank_num{color:#999}
.rank_list li.no_record .thmb:empty{background:none}
.rank_list .rank_num{top:-2px;left:1px;color:#767676;font-size:16px}
.rank_list .wrap{padding-left:15px}
.rank_list .player{overflow:hidden;display:block;margin-right:45px;margin-bottom:-3px;font-size:14px;line-height:1em;white-space:nowrap;text-overflow:ellipsis}
.rank_list .team{color:#858585;font-size:11px}
.rank_list .thmb{position:absolute;top:0;left:16px;overflow:hidden;width:31px;height:31px;-webkit-border-radius:50%;border-radius:50%}
.rank_list .thmb:empty{background:url(https://ssl.pstatic.net/static/sports/2017/mobile/noimg.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.rank_list .thmb img{width:100%}
.rank_list .stat{position:absolute;top:-2px;right:0;color:#034EA2;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light}
.rank_list .stat span{font-size:15px}
.rank_list .thmb ~ .wrap{padding-top:3px;padding-left:56px}
.rank_list.thmb_type{margin-top:-1px;padding-top:0}
.rank_list.thmb_type .rank_num{top:50%;height:20px;margin-top:-10px;line-height:20px}
.rank_list.thmb_type .stat{top:1px}
.rank_list li.best .rank_num{color:#034EA2}
.lecture_List li{height:70px;padding-right:12px;border-top:1px solid #f3f3f3}
.lecture_List li > div{position:relative;display:table;width:100%;height:70px;padding-left:13px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}


.status .lecture_List li {
    height: 60px;
    padding-right: 12px;
    border-top: 1px solid #f3f3f3;
}
.status .lecture_List li > div{position:relative;display:table;width:100%;height:60px;padding-left:13px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}



.lecture_List li > a,.lecture_List li > span{position:relative;display:table;width:100%;height:54px;padding-left:23px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}
.lecture_List .wrap{display:table-cell;width:100%;vertical-align:middle}
.lecture_List .wrap span{/*overflow: hidden; */
    line-height: 1.2em;
    /* display: -webkit-box; */
    /* text-overflow: ellipsis; */
    /* -webkit-box-orient: vertical; */
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    display: block;
    font-weight: 500;}
.lecture_List .wrap .link{display:block}
.lecture_List .emblem{position:absolute;top:50%;left:23px;width:30px;height:30px;margin-top:-15px}
.lecture_List .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.lecture_List .emblem img{width:100%;vertical-align:top}
.lecture_List .emblem ~ .wrap{padding-left:33px}
.lecture_List .rank_num{position:absolute;top:50%;left:6px;min-width:12px;height:20px;margin-top:-10px;color:#767676;text-align:center;font-size:12px;line-height:20px}
.lecture_List .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:keep-all;}

html.ios .lecture_List .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:break-all;}

.lecture_List .team{color:#888;font-size:10px;-webkit-line-clamp:1}
.lecture_List .team:only-child{color:#000;font-size:12px;-webkit-line-clamp:2}
.record_table{overflow:hidden;padding-left:159px;box-sizing:border-box;-webkit-box-sizing:border-box}
.record_table table{width:100%;margin-top:-51px;border-right:0px solid #fff;border-spacing:0;border-collapse:separate}
.record_table table .on{color:#034EA2;background:#fff}
.record_table caption{height:50px}
.record_table thead th{height:51px}
.record_table tbody th{height:54px;text-align:left}
.record_table th{    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    color: transparent;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    border-right: 1px solid #e4e8eb;}
.record_table th:first-child{border-left:1px solid #fff;}
.record_table th:last-child{border-right:0px solid #fff;}
.record_table th a{display:block;    height: 50px;
    padding: 20px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#444;min-width: 70px;}
.record_table th span{display:block;    text-align: center; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;  font-weight: 600;}
.record_table th span:after{}
.record_table th .empty{display:block;height:48px;padding:16px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#c2c2c2}
.record_table th .empty span:after{display:none}
.record_table th.on a{color:#034EA2}
.record_table th.on span:after{background-position:-65px -6px}
.record_table td{padding:0 10px;border-top:1px solid #fff;border-left:1px solid #fff;color:#222;    vertical-align: middle;
    padding: 13px 8px;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;
    line-height: 1.4;
    height: 70px;text-align: center;    font-size: 12px;font-weight: 500;}

.status .record_table td{padding:0 10px;border-top:1px solid #fff;border-left:1px solid #fff;color:#222;    vertical-align: middle;
    padding: 13px 8px;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;
    line-height: 1.4;
    height: 60px;text-align: center;    font-size: 11px;font-weight: 500;}


.status .lecture_List:last-child li {
    height: 100px;
}

.record_table td > span{display:block;height:auto;font-size:12px;text-align:center;white-space:nowrap; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;}
.record_table td > span.price{display:block;height:auto;font-size:12px;text-align:right;white-space:nowrap; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;}

.record_table td > span.rk{
    font-size: 11px;
    line-height: 1.4;    min-height: auto;
}
.record_table td > span.rx{
    font-size: 10px;
    line-height: 1.4;    min-height: auto;min-width: auto;    padding: 5px 4px;
}
.record_table td > span.rbw{
    font-size: 11px;
    line-height: 1.4;    min-height: auto;min-width: auto;    padding: 5px 4px;
}
.record_table td.empty{color:#c2c2c2}
.record_table .table_head{width:118px}
.record_table .title{position:relative;padding-left:15px;font-size:12px;line-height:1.2em;text-align:left}
.record_table .title .rank_num{position:absolute;top:0;left:0}
.record_table .title .name{display:block;font-weight:normal}
.record_table > div{display:inline-block}
.record_inner{overflow:hidden;position:relative;margin-top:0px;border-top:3px solid #0e1727;border-bottom:1px solid #e1e1e1;background:#f4f5f6}
.record_inner.t_m{margin-top:11px}
.record_inner .table_scroll{position:absolute;top:0;bottom:0;left:0;right:0}
.record_inner .table_scroll > div{min-width:100%}
.record_inner .best td > span{font-family:HelveticaNeue-Medium,Sans-serif}
.record_inner .best .rank_num{color:#43a0fd}
.record_inner .low .rank_num{color:#c3c3c3}

.record_bx2{margin:0 12px;border:1px solid #e1e1e1;border-radius:1px;-webkit-border-radius:1px;background:#fff}
.record_bx2 .emblem{position:absolute;top:4px;left:13px;width:53px;height:53px}
.record_bx2 .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.record_bx2 .rank_num{display:inline-block;padding-left:1px;color:#034EA2;font-size:19px;vertical-align:top}
.record_bx2 .team{overflow:hidden;display:block;font-size:16px;font-family:AppleSDGothicNeo-Light,Sans-serif-Light;white-space:nowrap;text-overflow:ellipsis}
.record_bx2 .info{position:relative;min-height:48px;padding:14px 10px 0 78px}
.record_bx2 .game{padding-top:3px;color:#555;font-size:11px}
.record_bx2 .game span{display:inline-block;font-family:HelveticaNeue}
.record_bx2 .game span ~ span{padding-left:5px}
.record_bx2 .game .gw,.record_bx2 .game .gl{color:#034EA2}
.record_bx2 .game .gc{color:#ed4876}
.record_bx2 .game .link{display:inline-block;margin:0 0 0 7px;color:#555}
.record_bx2 .game .link span:before{display:inline-block;width:1px;height:9px;margin:4px 8px 0 0;background:#dbdbdd;vertical-align:top;content:''}
.record_bx2 .game .link span:after{display:inline-block;width:3px;height:5px;margin:6px 5px 0 4px;background-position:-65px -12px;vertical-align:top;content:''}
.record_bx2 .stat{border-top:1px solid #e1e1e1;background:#f6f6f6;font-family:HelveticaNeue,Sans-serif;display:-webkit-box;display:-webkit-flex;display:flex}
.record_bx2 .stat .title{display:block;margin-bottom:-1px;color:#999;font-size:9px;text-align:center;line-height:1em}
.record_bx2 .stat .num{color:#333;font-size:12px}
.record_bx2 .stat_item{padding:8px 0 6px;text-align:center;-webkit-box-flex:1;-webkit-flex:auto;flex:auto}
.record_bx2 .stat_item ~ .stat_item{border-left:1px solid #f0f0f0}
.record_bx2 ~ .record_bx2{margin-top:8px}
.record_bx2 ~ .record_tab4{padding-top:2px}
.record_bx2 ~ .record_tab4 li.on a span{border-color:#eee}
.record_team{padding:12px 0;border-bottom:1px solid #e1e1e1}
.record_team:before,.record_team:after{display:table;content:''}
.record_team .record_tab4{margin-top:-12px}
.record_team .record_tab4 ~ .record_tab4{margin:0 0 -12px}
.record_desc + .ad_box{border-top:1px solid #dadada}
.record_desc,.record_noti{padding:14px 15px;color:#888;font-size:12px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light;line-height:17px;font-weight:400;letter-spacing:-0.5px}
.record_desc a,.record_noti a{color:#1cc100}
.record_desc .p_record,.record_desc .p_record li,.record_noti .p_record,.record_noti .p_record li{font-family:inherit;font-size:inherit;line-height:inherit}
.record_noti ~ .record_desc,.record_desc ~ .record_desc{border-top:1px solid #e1e1e1}
.record_desc:last-child{border-bottom:1px solid #dadada}
.worldfootball_tab{overflow:hidden;position:relative;height:39px;margin-top:-1px;border-top:1px solid #f5f5f5;border-bottom:1px solid #ddd;background:#fff}
.worldfootball_tab .record_tab1{border-top:0}

 .info_item + .info_item{margin-top:50px}
 .tableWrap .note{margin-top:8px; text-align:right; font-size:14px; color:#999; letter-spacing:-0.05em;display:none;}
 .btn_wrap .note{margin-top:18px; text-align:right; font-size:14px; color:#999; letter-spacing:-0.05em;display:none;}


/* **************************************** *
 * 페이지
 * **************************************** */
.ds_pagination {display: block;width: 100%;margin-top: 50px;margin-bottom: -4px;font-size: 0;text-align: center;}
.ds_pagination:empty {margin-top: 0;}
.ds_pagination .p_num {display: inline-block;min-width: 39px;height: 39px;margin: 0 2px 4px;vertical-align: top;position: relative;font-size: 15px;font-weight: 500;letter-spacing: -0.01em;text-align: center;line-height: 39px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}
.ds_pagination .p_num:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0px solid transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 50%;}
.ds_pagination .p_num:hover, .ds_pagination .p_num.act {color: #fff;background:#007973;border-radius: 50%;transition: background 0.3s; -webkit-transition: background 0.3s}
.ds_pagination .p_num.act {font-weight: 600;}
.ds_pagination .p_num.act:after {}
.ds_pagination .p_num.first,
.ds_pagination .p_num.prev,
.ds_pagination .p_num.next,
.ds_pagination .p_num.last {font-size: 0;}
.ds_pagination .p_num.first:after,
.ds_pagination .p_num.prev:after,
.ds_pagination .p_num.next:after,
.ds_pagination .p_num.last:after {display: block;font-family: 'nc-font';font-size: 18px;line-height: 36px;color: #aaa;-webkit-transition: color 300ms;transition: color 300ms;}
.ds_pagination a.p_num.first:hover:after,
.ds_pagination a.p_num.prev:hover:after,
.ds_pagination a.p_num.next:hover:after,
.ds_pagination a.p_num.last:hover:after {color: #007973;}
.ds_pagination .p_num.first:after {content: '\E908';    top: 2px;}
.ds_pagination .p_num.prev:after {content: '\E909';    top: 2px;}
.ds_pagination .p_num.next:after {content: '\E90A';    top: 2px;}
.ds_pagination .p_num.last:after {content: '\E90B';    top: 2px;}

.ds_pagination a.p_num.next:hover:after,.ds_pagination a.p_num.prev:hover:after {

color:#fff;
}

.ds_pagination .p_num.next:hover:after,.ds_pagination .p_num.prev:hover:after {

color:#fff;
}

 .ds_pagination a.p_num.last:hover:after, .ds_pagination a.p_num.first:hover:after {
    color: #fff;
}

 .ds_pagination .p_num.last:hover:after, .ds_pagination .p_num.first:hover:after {
    color: #fff;
}


.tableWrap{position:relative;display: block;}

.tableWrap .scrollDiv{overflow-x:auto;}
.tableWrap .scrollDiv::-webkit-scrollbar{height:7px; background:#f0f0f0;}
.tableWrap .scrollDiv::-webkit-scrollbar-thumb{background:#a9a9a9; border-radius:0;}


.noResult {
    margin-top:0px;
    padding: 210px 0 87px 0;
    text-align: center; border-top: 3px solid #222;
    border-bottom: 1px solid #ededed;position:relative;   
	font-weight: 500;
 
}

.tonline .noResult {
    margin-top:0px;
    padding: 210px 0 87px 0;
    text-align: center; border-top: 0px solid #222;
    border-bottom: 0px solid #ededed;position:relative;
 
}

.noResult .tit{
    color: #C2C7CC;
	font-weight: 400;
 
}


.record_inner .table_scroll > div {
    min-width: 100%;
}

.new_scroll{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.new_scroll .scroller{position:absolute;height:100%}

.rank_list2 li > a,.rank_list2 li > span{position:relative;display:table;width:100%;height:54px;padding-left:23px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}
.rank_list2 .wrap{display:table-cell;width:100%;vertical-align:middle}
.rank_list2 .wrap span{/*overflow: hidden; */
    line-height: 1.2em;
    /* display: -webkit-box; */
    /* text-overflow: ellipsis; */
    /* -webkit-box-orient: vertical; */
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    display: block;
    font-weight: 600;}
.rank_list2 .wrap .link{display:block}
.rank_list2 .emblem{position:absolute;top:50%;left:23px;width:30px;height:30px;margin-top:-15px}
.rank_list2 .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.rank_list2 .emblem img{width:100%;vertical-align:top}
.rank_list2 .emblem ~ .wrap{padding-left:33px}
.rank_list2 .rank_num{position:absolute;top:50%;left:6px;min-width:12px;height:20px;margin-top:-10px;color:#767676;text-align:center;font-size:12px;line-height:20px}
.rank_list2 .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:keep-all;}

html.ios .rank_list2 .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:break-all;}

.rank_list2 .team{color:#888;font-size:10px;-webkit-line-clamp:1}
.rank_list2 .team:only-child{color:#000;font-size:12px;-webkit-line-clamp:2}
.record_table{overflow:hidden;padding-left:159px;box-sizing:border-box;-webkit-box-sizing:border-box}
.record_table table{width:100%;margin-top:-51px;border-right:0px solid #fff;border-spacing:0;border-collapse:separate}
.record_table table .on{color:#034EA2;background:#fff}
.record_table caption{height:50px}
.record_table thead th{height:51px}
.record_table tbody th{height:54px;text-align:left}
.record_table th{    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    color: transparent;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    border-right: 1px solid #e4e8eb;}
.record_table th:first-child{border-left:1px solid #fff;}
.record_table th:last-child{border-right:0px solid #fff;}
.record_table th a{display:block;    height: 50px;
    padding: 20px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#444;min-width: 70px;}
.record_table th span{display:block;    text-align: center; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;  font-weight: 600;}
.record_table th span:after{}
.record_table th .empty{display:block;height:48px;padding:16px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#c2c2c2}
.record_table th .empty span:after{display:none}
.record_table th.on a{color:#034EA2}
.record_table th.on span:after{background-position:-65px -6px}
.record_table td{padding:0 10px;border-top:1px solid #fff;border-left:1px solid #fff;color:#222;    vertical-align: middle;
    padding: 13px 8px;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;
    line-height: 1.6;
    height: 70px;text-align: center;    font-size: 11px;font-weight: 600;}

.record_table td.empty{color:#c2c2c2}
.record_table .table_head{width:118px}
.record_table .title{position:relative;padding-left:15px;font-size:12px;line-height:1.2em;text-align:left}
.record_table .title .rank_num{position:absolute;top:0;left:0}
.record_table .title .name{display:block;font-weight:normal}
.record_table > div{display:inline-block}
.record_inner{overflow:hidden;position:relative;margin-top:0px;border-top:3px solid #0e1727;border-bottom:1px solid #e1e1e1;background:#f4f5f6}
.record_inner.t_m{margin-top:11px}
.record_inner .table_scroll{position:absolute;top:0;bottom:0;left:0;right:0}
.record_inner .table_scroll > div{min-width:100%}
.record_inner .best td > span{font-family:HelveticaNeue-Medium,Sans-serif}
.record_inner .best .rank_num{color:#43a0fd}
.record_inner .low .rank_num{color:#c3c3c3}


@media (min-width:768px) {
	

.main_container {
    padding-top: 5rem;
    padding-bottom: 5rem;
}


.mypage .main_container, .mypage .main_container {
    /*padding-top: 5.5rem;*/

}

	
.record_date .date{height:61px}
	.record_date .today{font-size:25px}
	.record_date .today + span{font-size:13px}
	.record_date .season{height:15px;padding:0 5px;font-size:12px;line-height:16px}
	.record_tab1 a{position:relative;height:44px;margin-bottom:-1px;padding:0 !important;font-size:17px !important;color:#545353}
	.record_tab1 a span{display:inline-block;padding:11px 1px 12px;border-bottom:1px solid transparent}
	.record_tab1 a:before{position:absolute;top:12px;left:0;width:1px;height:17px;background:#fff;content:''}
	.record_tab1 br{display:none}
	.record_tab1 li ~ li{border-left:0}
	.record_tab1 li ~ li a:before{background:#f1f1f1}
	.record_tab2{position:relative;z-index:50}
	.record_tab2 a{height:29px;margin:0 6px;padding:0 23px;font-size:16px;line-height:30px;-webkit-border-radius:20px;border-radius:20px}
	.record_tab3 a{font-size:16px}
	.record_tab4 a{font-size:16px}
	.record_best h3.title{font-size:16px}
	.record_best h3.title.custom_1{padding-top:7.5px}
	.high_rank .record_type1:after{display:block;clear:both;content:''}
	.high_rank .record_type1 > div{right:0;width:100%;padding:0 5px 0 6px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;-webkit-box-sizing:border-box}
	.high_rank .record_type1 .record_bx{display:block;width:auto;margin:0 5px 0 4px;-webkit-box-flex:1;-webkit-flex:auto;flex:auto}
	.rank_list .player{margin-bottom:-1px}
	.rank_list2 .player{font-size:13px}
	.rank_list2 .team{font-size:12px}
	.rank_list2 .team:only-child{font-size:14px}
	.rank_list2 li,.rank_list2 li > a,.rank_list2 li > div{height:70px}
	.record_rank{width:180px}
	.record_inner{margin-left:0px}
	.record_table{padding-left:180px}
	.record_table th{font-size:12px}
	.record_table th a{padding:17px 10px 0}
	.record_table td > span{height:auto;font-size:12px;line-height:1.4;font-weight: 600;}
	.record_table td > span.sm{height:auto;font-size:12px;line-height:1;font-weight: 600;margin-top: 3px;}
	.record_table td > span span.cc{height:auto;font-size:12px;line-height:1.4;font-weight: 500}
	.record_inner.kbo .record_rank{width:180px}
	.record_inner.kbo .record_table{padding-left:180px}
	.record_bx .rank_team .name{margin:-1px auto 6px;font-size:20px}
	.record_bx .rank_team .stat{font-size:12px}
	.record_bx .rank_team .stat .high{padding-bottom:2px;color:#555;font-size:14px}
	.record_bx2{float:left;position:relative;width:50%;margin:0 !important;padding:4px;border:0;background:transparent;box-sizing:border-box;-webkit-box-sizing:border-box}
	.record_bx2 .info{padding:14px 10px 5px 78px;border:1px solid #e1e1e1;border-bottom:0;background:#fff}
	.record_bx2 .stat{border:1px solid #e1e1e1;border-top-color:#eaeaea}
	.record_bx2 .team{padding:3px 0 4px;font-size:18px}
	.record_bx2 .rank_num{margin-top:-2px;padding-left:0;font-size:22px}
	.record_bx2 .game{font-size:13px}
	.record_bx2 .stat_item{padding:14px 0 8px}
	.record_bx2 .stat .title{margin-bottom:2px;font-size:11px}
	.record_bx2 .stat .num{font-size:15px}
	.record_bx2:nth-child(2n):after{display:block;position:absolute;top:0;left:100%;width:100%;height:100%;background:#eff2f8;box-sizing:border-box;-webkit-box-sizing:border-box;content:''}
	.record_type1 .rank_num{font-size:23px}
	.record_type1 .link span{font-size:13px;line-height:31px}
	.record_type2 .record_bx ~ .record_bx{margin-left:9px}
	.record_team{overflow:hidden;padding:6px 6px}
	.record_team:after{display:block;clear:both;content:''}
	.record_team .record_tab4{margin:-4px 0 -4px}
	.record_team .record_tab4 ~ .record_tab4{margin:-4px 0 -6px;padding-top:0}
	.worldfootball_tab{height:43px}
	.worldfootball_tab.new_scroll .scroller{position:relative}
.article_header {margin: 0px 0 0;} /* 69px */
.article_header .wrap { position: relative}
.article_header_inner { position: relative;}
.article_title {font-size: 3.2rem;font-weight: 700;line-height: 1.25;margin-left: 0px;letter-spacing: -0.05em;margin-bottom: 2rem;    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;}
.article_title:after{content:"";background:#034EA2;bottom: -4px;right: 4px;width: 10px;height: 10px;margin-left: 12px;display:inline-block;position:relative;border-radius: 100px;-webkit-transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);display:none;}
.article_title[lang="en"] {letter-spacing: -0.015em;margin-bottom: 26px; margin-top: -6px;color:#1B1B1B}
.article_title[lang="en"]:after {bottom: 0;}
.program_view .article_title,.online .article_title  {
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 2rem;margin-top: 2rem;
    text-align: center;
}
.article_desc {font-size: 16px;font-weight: 400;line-height: 2;margin-left: 0px;letter-spacing: -0.025em;margin-bottom: 2rem;    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;    color: #888;text-align:center;}

}


.noResult:before {
    position: absolute;
    font-size: 28px;
    width: 60px;
    height: 60px;
    content: '\E846';
    font-family: 'nc-font';
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    color: #666;
    left: 50%;
}

.noResult:before {
    width: 80px;
    height: 80px;
    content: '';
    background: url(../img/common/comm_ico_no_data.svg) 0 0 no-repeat;
    background-size: contain;
    margin-left: -40px;
    margin-top: -40px;
}


.tonline .noResult:before {
    width: 80px;
    height: 80px;
    content: '';
    background: url(../img/common/comm_ico_no_data.svg) 0 0 no-repeat;
    background-size: contain;
    margin-left: -40px;
    margin-top: -40px;
}

a.btn-sm [class^=ico-], button.btn-sm [class^=ico-] {
	width: 16px;
	height: 16px;
}
a.btn-md [class^=ico-], button.btn-md [class^=ico-] {
	width: 16px;
	height: 16px;
}
.ico-search {
    background: url(../img/common/comm_ico_search_w.svg) 0 0 no-repeat;
    background-size: cover;
}

.ico-refresh {
    background: url(../img/common/comm_ico_filter_reset.svg) 0 0 no-repeat;
    background-size: cover;
	background-size: 14px 14px;
}

.ico-header-cart {
    background: url(../img/common/lecture_cart_ico.svg) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
}


.ry {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 20px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}


.re {
    border-color: #e60012;
    background: #e60012;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 20px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}



.rk {
    border-color: #090f33;
    background: #090f33;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 20px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}



.rb {
    border-color: #379DF6;
    background: #379DF6;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 20px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}

.rbs {
    border-color: #27b4c5;
    background: #27b4c5;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
   padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:13px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 20px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
.rbb {
    
    color: #fff;
    min-height: 30px;
    min-width: 80px;
   padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 20px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
	/*background-image: linear-gradient(to right, #4478FF, #3cba92, #30dd8a, #2bb673);*/
	background-image: linear-gradient(to right, #5f87ff, #5f87ff, #5f87ff, #5f87ff);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.1);
    background-size: 300% 100%;


}

.rbw {
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 80px;
   padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
   border: 1px solid #d8e2e5;
    border-radius: 20px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}

.rbf {
    width: auto;
    max-width: 72px;
    margin: 0 auto;
    border: 0;
    background: #f4f5f6;
    font-weight: 600;
    font-size: 12px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    color: #222;
    border: 1px solid #d8e2e5;
    border-radius: 20px;
    padding: 5px 8px;
    cursor: auto;
}
.gry .rbf {
    background: #fff;
   
}


.rbn {
    width: auto;
    max-width: 72px;
    margin: 0 auto;
    border: 0;
    background: #fff;
	font-weight:600;
    font-size:12px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    color: #222;
    border: 1px solid #d8e2e5;
    border-radius: 20px;
    padding: 5px 8px;
    cursor: auto;
}

.rbn.ss {
    background: #f8f8f8;
    color: #000;
    border: 1px solid #d8e2e5;
}

.rbd {
    border-color: #d8e2e5;
    background: #eee;
    color: #222;
    min-height: 30px;
    min-width: 80px;
  padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
   border: 1px solid #d8e2e5;
    border-radius: 20px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
.rbd.ss {
    background: #f8f8f8;
    color: #000;
    border: 1px solid #d8e2e5;
}
.rbx {
    border-color: #132332;
    background: #eee;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    /* border-color: #d8e2e5; */
    /* background: #fff; */
    color: #222;
    min-height: 30px;
    min-width: 80px;
    padding: 4px;
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 20px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;


}

.rbf, .rbx, .rbn.ss, .rbb, .rbn, .rbd, .rbx, .rbd.ss, .rbw {
    font-size: 12px !important;
    letter-spacing: -0.023em;
    margin: 1px 1px 2px 2px;
    font-weight: 400;line-height: 18px;
	padding: 2px 7px 3px;    
	line-height: 18px;

}

.chooseT{    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
}

.rbx.magam{

background-color: #090f33;
color: #fff;    border: 1px solid #090f33;
}


.rbx.daegi {
    border-color: transparent;
    background: #3cba92;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 4px 4px;
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
	background-image: linear-gradient(to right, rgb(255, 115, 86), rgb(251, 67, 87));
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;


}



.rh {
    border-color: #ffbb3b;
    background: #ffbb3b;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
 .rx {
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}




.rc {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
  
}

.input-box .btn-input-search {
    position: absolute;
    top: 13px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url(../img/form/ico_search.svg) 0 0 no-repeat;
    background-size: 18px;
}

.ico-info-popup {
    background: url(../img/common/comm_ico_popup.svg) center no-repeat;
    background-size: 14px;
	display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    border: 1px solid #DDE0E3;
    border-radius: 16px;
    transition: background 0.2s ease-out;
    background-color: #fff;
}

.btn-info [class^=ico-] {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    border: 1px solid #DDE0E3;
    border-radius: 16px;
    transition: background 0.2s ease-out;
    background-color: #fff;
}

.btn-header-back {
    width: 24px;
    height: 24px;
    background: url(../img/common/comm_ico_back.svg) 0 0 no-repeat;
    background-size: cover;
}


/* s : title */
.page-tit-wrap {
	margin-bottom: 30px;
	color: #000;
}
.page-tit-wrap .breadcrumb {
	margin-left: auto;
}
@media (min-width: 891px) {
	.page-tit-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.page-tit-wrap[data-pc-only] {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}

	body.jnu .page-tit-wrap{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        -webkit-justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: column;
	}


	body.board .page-tit-wrap{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        -webkit-justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: column;
	}




	body .aside-content-wrap .aside-content-inner .page-tit-wrap{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        -webkit-justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: column;
		padding-top: 10px;
	}





}


body.jnu .page-tit {
	font-size: 36px;
	line-height: 34px;
	letter-spacing: -0.025em;
	font-weight: 700;
	color: #000;
}

body.board .page-tit {
	font-size: 36px;
	line-height: 34px;
	letter-spacing: -0.025em;
	font-weight: 700;
	color: #000;
}

body.jnu .page-tit:after, body.board .page-tit:after  {
display: none;
}



.page-tit {
	font-size: 26px;
	line-height: 34px;
	letter-spacing: -0.025em;
	font-weight: 700;
	color: #000;
}


.page-tit:after {
    content: "";
    background: #008735;
    bottom: -2px;
    right: 4px;
    width: 6px;
    height: 6px;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    border-radius: 100px;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}



.cont-tit {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.cont-tit .fc-spot {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: inherit;
}
.cont-tit span {
	font-size: inherit;
}
.cont-tit.has-line {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.cont-tit.tit-rgl {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.cont-tit.tit-rgl .badge-sm-round {
	margin-top: 3px;
	margin-left: 6px;
}
.cont-tit.tit-rgl + .cont-right {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.cont-tit.tit-lg {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
}
.cont-tit.tit-lg .badge-sm-round {
	margin-top: 3px;
	margin-left: 6px;
}
.cont-tit.tit-xl {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
}
.cont-tit.tit-xl > p {
	display: inline-block;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
    font-weight: inherit;
}
.cont-tit.tit-xl span {
	font-size: inherit;
}
.cont-tit.tit-xl .btn-info {
	margin-top: 7px;
}
.cont-tit ~ .cont-tit, .cont-tit ~ .cont-tit-wrap {
	border-top: 1px dashed #DDE0E3;
	margin-top: 30px;
	padding-top: 30px;
}

.cont-tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.cont-tit-wrap .cont-tit {
	margin-bottom: 0;
}
.cont-tit-wrap .cont-tit.tit-xl ~ .cont-right {
	align-self: flex-end;
}
.cont-tit-wrap .cont-tit + .tooltip-wrap, .cont-tit-wrap .cont-tit + .btn-info {
	margin-left: 6px;
}
.cont-tit-wrap.has-line {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.cont-tit-wrap .cont-right {
	margin-left: auto;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	color: #000;
}
.cont-tit-wrap .cont-right .version {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.cont-tit-wrap ~ .cont-tit,
.cont-tit-wrap ~ .cont-tit-wrap {
	border-top: 1px dashed #DDE0E3;
	margin-top: 30px;
	padding-top: 30px;
}
.cont-tit-wrap ~ .list-header-wrap {
	margin-top: 30px;
}

.info-text-list + .cont-tit {
	margin-top: 30px;
}

.cont-sub-text {
	display: inline-block;
	vertical-align: top;
	/* 기본 텍스트 보다 작은 서브텍스트 */
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
	margin-top: 5px;
}
.cont-sub-text.font_size_rgl {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}

.btext-tit {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
	/* ellipsis 추가시 마진 안겹쳐져서 수정 */
	/* 마진 겹쳐서 추가 */
}
.btext-tit span {
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
}
.btext-tit.tit-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.btext-tit.tit-sm + .btext-right {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-sm .fc-spot, .btext-tit.tit-sm .fw-md {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-sm .ico-logo-lpoint {
	vertical-align: -1px;
	margin-right: 6px;
}
.btext-tit.tit-rgl {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-rgl + .btext-right {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-rgl ~ .btext-tit.tit-rgl {
	margin-top: 20px;
}
.btext-tit.tit-lg {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-xl {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
}
.btext-tit.ellipsis + .btext {
	margin-top: 0;
}
.btext-tit + .info-text-list {
	margin-top: 0;
}
.btext-tit + .btext {
	margin-top: 0;
}
.btext-tit + .btext.ellipsis {
	margin-top: 0;
}
.btext-tit + .btext-tit-desc {
	margin-top: -4px;
}
.btext-tit ~ .btext, .btext-tit + .btext-tit.tit-rgl {
	margin-top: 10px;
}
.btext-tit + .grid-list-wrap {
	/* 푸터 개설절차 */
	margin-top: 20px;
}
.btext-tit ~ .btext-tit,
.btext-tit ~ .btext-tit-wrap {
	margin-top: 30px;
}
.btext-tit ~ .gray-box {
	margin-top: 30px;
}

.btext-tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.btext-tit-wrap .btext-tit {
	margin-bottom: 0;
}
.btext-tit-wrap .btext-right {
	margin-left: auto;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
}
.btext-tit-wrap .ui-toggle {
	margin: -3px 0;
}
.btext-tit-wrap .btext-tit-desc {
	margin-top: 5px;
	width: 100%;
}
.btext-tit-wrap ~ .btext-tit,
.btext-tit-wrap ~ .btext-tit-wrap {
	margin-top: 30px;
}

.btext-tit-desc {
	color: #666;
}
.btext-tit-desc.size-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}

.btext {
	/* 기본 텍스트 */
	/* 금액단위 */
}
.btext + .dash-text,
.btext + .dot-text,
.btext + .info-text-list,
.btext + .decimal-list {
	margin-top: 8px;
}
.btext.size-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext.has-line-height {
	line-height: 22px;
}
.btext.type-center {
	text-align: center;
}
.btext + .form-list-wrap, .btext + .btn-wrap, .btext + .btn-center-wrap, .btext + .btn-flex-wrap, .btext + .btn-right-wrap, .btext + .gray-box, .btext + .tab-wrap, .btext + .cont-tit-wrap {
	margin-top: 20px;
}
.btext .val ~ .unit {
	margin-left: 2px;
}

.btext-sub {
	/* 기본 텍스트 보다 작은 서브텍스트 */
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	color: #999;
	margin-top: 5px;
}
.btext-sub.size-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-sub.font_size_rgl {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}

.form-tit {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.form-tit ~ .form-tit {
	margin-top: 20px;
}

.form-tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.form-tit-wrap .form-tit {
	margin-bottom: 0;
}
.form-tit-wrap .form-right {
	margin-left: auto;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
}
.form-tit-wrap ~ .form-tit,
.form-tit-wrap ~ .form-tit-wrap {
	margin-top: 20px;
}

/* e : title */
/* 로그인 스타일 */
.form-login-wrap .ui-input {
	padding-left: 38px;
}
.form-login-wrap .ui-input[type=text] {
	background: url("../img/form/ico_id.svg") 16px center no-repeat #fff;
	background-size: 16px 16px;
}
.form-login-wrap .ui-input[type=password]::-ms-reveal {
	display: none;
}
.form-login-wrap .form-ip-pw .ui-input {
	padding-right: 40px;
	background: url("../img/form/ico_pw.svg") 16px center no-repeat #fff;
	background-size: 16px 16px;
}

/* s : form */
.required-wrap {
	text-align: right;
}
.required-wrap .required {
	display: inline-block;
	/*@include mixins.font_size_xxs;*/
	color: #999;
	vertical-align: top;
}
.required-wrap .required:before {
	content: "*";
	display: inline-block;
	position: relative;
	width: 6px;
	height: 6px;
	margin-right: 3px;
	-moz-transform: translateY(6px);
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	background: url("../img/ico_required.svg") 0 0 no-repeat;
	background-size: 6px;
	color: transparent;
}
.required-wrap + .tbl_row-wrap {
	margin-top: 20px;
}

/* form 공통 */
.form-label {
	display: inline-block;
	color: #000;
	/*@include mixins.font_size_xxs;*/
	font-weight: 500;
	cursor: default;
}
.form-label .required {
	display: inline-block;
	width: 6px;
	height: 6px;
	padding-left: 3px;
	margin-top: 5px;
	vertical-align: top;
}
.form-label .required:before {
	content: "*";
	display: inline-block;
	position: relative;
	width: 6px;
	height: 6px;
	background: url("../img/ico_required.svg") 0 0 no-repeat;
	background-size: 6px;
	color: transparent;
}

/* form 공통 - 하단 메시지 */
.form-desc {
	display: block;
	position: relative;
	margin-top: 6px;
	/*@include mixins.font_size_xxs;*/
	color: #AAA;
}
.form-desc.tip {
	padding-left: 33px;
}
.form-desc.tip:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 18px;
	background-position: left top;
	background-repeat: no-repeat;
	background: url("../img/ico_tip.svg") 18px no-repeat;
	background-size: 28px;
}
.form-desc.align-right {
	text-align: right;
}
.form-desc .price-value {
	color: #000;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.form-desc .price-value .price {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.form-desc .price-value .price .val, .form-desc .price-value .price .unit {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	vertical-align: top;
}
/* form - input */
[class^=form-]::-ms-clear, [class^=form-]::-ms-reveal {
	display: none;
}
[class^=form-]::-webkit-search-decoration, [class^=form-]::-webkit-search-cancel-button, [class^=form-]::-webkit-search-results-button, [class^=form-]::-webkit-search-results-decoration {
	display: none;
}
[class^=form-][type=number]::-webkit-outer-spin-button, [class^=form-][type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
[class^=form-][type=date]::-webkit-calendar-picker-indicator, [class^=form-][type=month]::-webkit-calendar-picker-indicator, [class^=form-][type=time]::-webkit-calendar-picker-indicator, [class^=form-][type=week]::-webkit-calendar-picker-indicator {
	background: none;
}
[class^=form-][type=search]::-webkit-search-cancel-button, [class^=form-][type=search]::-webkit-search-results-button, [class^=form-][type=search]::-webkit-search-results-decoration {
	display: none;
	width: 0;
	height: 0;
}

/* input password 숨김/보임 */
.form-ip-pw {
	position: relative;
}
.form-ip-pw .form-ip {
	padding: 0 48px 0 14px;
}
.form-ip-pw .btn-toggle-pw {
	display: inline-block;
	position: absolute;
	right: 16px;
	top: 12px;
	width: 20px;
	height: 20px;
	background: url("../img/form/ico_eye.svg") 0 0 no-repeat;
	background-size: 20px 20px;
	-moz-transition: background 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}
.form-ip-pw .btn-toggle-pw.is-active {
	background: url("../img/form/ico_eye_active.svg") 0 0 no-repeat;
	background-size: 20px 20px;
}
.form-ip-pw ~ .form-ip-pw {
	margin-top: 8px;
}

/* input - 검색 */
.form-ip-search {
	position: relative;
}
.form-ip-search .btn-ip-clear {
	display: none;
	position: absolute;
	right: 14px;
	top: 50%;
	width: 18px;
	height: 18px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-position: center;
	background-repeat: no-repeat;
	background: url("../img/btn-ip_reset.svg") 0 0 no-repeat;
	background-size: 18px;
}
.form-ip-search .form-ip {
	padding-right: 45px;
}
.form-ip-search.has-value .form-ip {
	padding-right: 85px;
}
.form-ip-search.has-value .btn-ip-clear {
	display: block;
}

.form-search-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: relative;
	width: 100%;
}
.form-search-box .form-ip-search {
	flex: 1;
}
.form-search-box .form-ip-search .btn-ip-clear {
	right: 50px;
}
.form-search-box .btn-ip-search {
	display: block;
	flex: 0 auto;
	position: absolute;
	right: 14px;
	top: 50%;
	width: 24px;
	height: 24px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-position: center;
	background-repeat: no-repeat;
	background: url("../img/btn-ip_search.svg") 0 0 no-repeat;
	background-size: 24px;
}

/* radio, checkbox */
.ui-rdo, .ui-chk, .ui-opt-rdo {
	position: relative;
	display: inline-block;
	min-height: 24px;
	font-size: 0;
	vertical-align: top;
}
.ui-rdo input, .ui-chk input, .ui-opt-rdo input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.ui-rdo input + label, .ui-chk input + label, .ui-opt-rdo input + label {
	display: inline-block;
	position: relative;
	padding: 3px 0 3px 30px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #000;
	cursor: pointer;
	vertical-align: top;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ui-rdo input + label:before, .ui-rdo input + label:after, .ui-chk input + label:before, .ui-chk input + label:after, .ui-opt-rdo input + label:before, .ui-opt-rdo input + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ui-rdo input[disabled] + label, .ui-rdo input[aria-disabled] + label, .ui-chk input[disabled] + label, .ui-chk input[aria-disabled] + label, .ui-opt-rdo input[disabled] + label, .ui-opt-rdo input[aria-disabled] + label {
	opacity: 0.4;
	pointer-events: none;
}
.ui-rdo input:checked + label:before, .ui-chk input:checked + label:before, .ui-opt-rdo input:checked + label:before {
	background-color: #008735;
	border-color: #008735;
}
.ui-rdo.no-label, .ui-chk.no-label, .ui-opt-rdo.no-label {
	width: 24px;
	height: 24px;
}
.ui-rdo.no-label input + label, .ui-chk.no-label input + label, .ui-opt-rdo.no-label input + label {
	padding-left: 0;
}
.ui-rdo + .input-box, .ui-chk + .input-box, .ui-opt-rdo + .input-box {
	margin-top: 20px;
}

/* radio */
.ui-rdo input + label:before, .ui-opt-rdo input + label:before {
	background-color: #DDE0E3;
	border: 1px solid #DDE0E3;
}
.ui-rdo input + label:after, .ui-opt-rdo input + label:after {
	top: 7px;
	left: 7px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: none;
}
.ui-rdo input:checked + label:before, .ui-opt-rdo input:checked + label:before {
	-moz-transition: background-color 0.15s;
	-webkit-transition: background-color 0.15s;
	transition: background-color 0.15s;
	-moz-animation: uiActive 0.18s ease-in-out forwards;
	-webkit-animation: uiActive 0.18s ease-in-out forwards;
	animation: uiActive 0.18s ease-in-out forwards;
}

/* checkbox */
.ui-chk input + label:before {
	border: 1px solid #C2C7CC;
	background-color: #fff;
}
.ui-chk input + label:after {
	background: url("../img/ui/ui_ico_check.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-chk input[disabled] + label:after, .ui-chk input[aria-disabled] + label:after {
	opacity: 0.5;
}
.ui-chk input:checked + label:after {
	background: url("../img/ui/ui_ico_check_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-chk input:checked + label:before {
	-moz-transition: background-color 0.15s;
	-webkit-transition: background-color 0.15s;
	transition: background-color 0.15s;
	-moz-animation: uiActive 0.18s ease-in-out forwards;
	-webkit-animation: uiActive 0.18s ease-in-out forwards;
	animation: uiActive 0.18s ease-in-out forwards;
}

.fold-wrap + .ui-chk {
	margin-top: 20px;
}

/* option radio */
.ui-opt-rdo {
	display: block;
}
.ui-opt-rdo input + label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	min-height: 24px;
}
.ui-opt-rdo input + label:before {
	top: 50%;
	margin-top: -12px;
	background-color: #DDE0E3;
	border: 1px solid #DDE0E3;
}
.ui-opt-rdo input + label:after {
	top: 50%;
	margin-top: -5px;
	/*top: 7px;*/
	left: 7px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: none;
}

/* check/radio list(horizontal) */
.ui-row-list {
	font-size: 0;
	margin-top: -20px;
}
.ui-row-list .item {
	display: inline-block;
	margin-right: 24px;
	padding-top: 20px;
	vertical-align: top;
}
.ui-row-list .item:last-child {
	margin-right: 0;
}
.ui-row-list.type-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -6px;
}
.ui-row-list.type-btn .item {
	margin: 6px 0 0 0;
	padding: 0;
	width: calc(50% - 2.5px);
	text-align: center;
}
@media (min-width: 891px) {
	.ui-row-list.type-btn .item {
		width: calc(50% - 3px);
	}
}
.ui-row-list.type-btn .ui-chk, .ui-row-list.type-btn .ui-rdo {
	width: 100%;
	height: 100%;
	min-height: auto;
}
.ui-row-list.type-btn .ui-chk label, .ui-row-list.type-btn .ui-rdo label {
	/*@include mixins.justify_width();*/
	padding: 12px 0 10px;
	width: 100%;
	height: 100%;
	min-height: 44px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	border-radius: 4px;
	border: 1px solid #DDE0E3;
	background-color: #fff;
	color: #000;
	font-weight: 400;
}
.ui-row-list.type-btn .ui-chk label:after, .ui-row-list.type-btn .ui-rdo label:after {
	display: none;
}
.ui-row-list.type-btn .ui-chk label:before, .ui-row-list.type-btn .ui-rdo label:before {
	display: none;
}
.ui-row-list.type-btn .ui-chk label .val, .ui-row-list.type-btn .ui-chk label .unit, .ui-row-list.type-btn .ui-rdo label .val, .ui-row-list.type-btn .ui-rdo label .unit {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.ui-row-list.type-btn .ui-chk label .val ~ .unit, .ui-row-list.type-btn .ui-rdo label .val ~ .unit {
	margin-left: 2px;
}
.ui-row-list.type-btn .ui-chk label .rdo-name, .ui-row-list.type-btn .ui-rdo label .rdo-name {
	display: block;
	padding: 8px 0 3px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
}
.ui-row-list.type-btn .ui-chk label .rdo-val, .ui-row-list.type-btn .ui-rdo label .rdo-val {
	display: block;
	padding: 3px 0 10px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #444;
}
.ui-row-list.type-btn .ui-chk input[disabled] + label, .ui-row-list.type-btn .ui-chk input[aria-disabled] + label, .ui-row-list.type-btn .ui-rdo input[disabled] + label, .ui-row-list.type-btn .ui-rdo input[aria-disabled] + label {
	color: #000;
	/*background-color: rgba(variables.$colorGray02, 0.3);
	border: 1px solid rgba(variables.$colorLineGray, 0.3);*/
	background-color: #DDE0E3;
	border: 1px solid #C2C7CC;
}
.ui-row-list.type-btn .ui-chk input:checked + label, .ui-row-list.type-btn .ui-rdo input:checked + label {
	border: 1px solid #00A5B9;
	color: #00A5B9;
	font-weight: 600;
}
.ui-row-list.type-btn .ui-chk input:checked + label .val, .ui-row-list.type-btn .ui-chk input:checked + label .unit, .ui-row-list.type-btn .ui-rdo input:checked + label .val, .ui-row-list.type-btn .ui-rdo input:checked + label .unit {
	font-weight: inherit;
}
.ui-row-list.type-btn .ui-chk input:checked + label .rdo-name, .ui-row-list.type-btn .ui-rdo input:checked + label .rdo-name {
	font-weight: 600;
	color: #00A5B9;
}
.ui-row-list.type-btn .ui-chk input:checked + label .rdo-val, .ui-row-list.type-btn .ui-rdo input:checked + label .rdo-val {
	color: #00A5B9;
	font-weight: 600;
}
.ui-row-list.flex .item {
	flex: 1;
	padding-top: 0;
	margin-right: 6px;
	text-align: center;
	width: auto;
}
.ui-row-list.flex .item:last-child {
	margin-right: 0;
}
.ui-row-list.flex .item .ui-chk label, .ui-row-list.flex .item .ui-rdo label {
	padding-right: 10px;
	padding-left: 10px;
}
@media (min-width: 891px) {
	.ui-row-list.flex .item {
		width: auto;
	}
}
.ui-row-list.col2 {
	/* pc, mo 둘다 2열 주문서 > 결제수단 > 간편결제 */
}
.ui-row-list.col2 .item {
	flex: initial;
	width: calc((100% - 6px) / 2);
	margin-right: 6px;
}
.ui-row-list.col2 .item:nth-child(2n) {
	margin-right: 0;
}
.ui-row-list.col2 .item:nth-child(n+3) {
	margin-top: 6px;
}
.ui-row-list.col3 {
	/* pc, mo 둘다 3열 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.ui-row-list.col3 .item {
	flex: initial;
	width: calc((100% - 12px) / 3);
	margin-right: 6px;
}
.ui-row-list.col3 .item:nth-child(3n) {
	margin-right: 0;
}
.ui-row-list.col3 .item:nth-child(n+4) {
	margin-top: 6px;
}
.ui-row-list.col6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.ui-row-list.col6 .item {
	margin-right: 6px;
}
@media (max-width: 890px) {
	.ui-row-list.col6 .item {
		flex: initial;
		width: calc((100% - 12px) / 3);
	}
	.ui-row-list.col6 .item:nth-child(3n) {
		margin-right: 0;
	}
	.ui-row-list.col6 .item:nth-child(n+4) {
		margin-top: 6px;
	}

body.jnu .page-tit {
    font-size: 26px;
    line-height: 38px;
    letter-spacing: -0.025em;
    font-weight: 700;
    color: #000;
    text-align: left;
}

body.board .page-tit {
    font-size: 26px;
    line-height: 38px;
    letter-spacing: -0.025em;
    font-weight: 700;
    color: #000;
    text-align: left;
}

body.jnu .page-tit-wrap {
    margin-top: 30px;
	margin-bottom: 10px;
    color: #000;
}

body.jnu  .container-wrapper .cont-box:first-child .cont-inner {
        padding-top: 0px;
		padding-bottom: 0px;
    }

body.module .container-wrapper .cont-box:last-child .cont-inner {
		padding-bottom: calc(65px + env(safe-area-inset-bottom) + var(--IOSBottomPadding));
	}



body.jnu .cont-box:first-child ~ .cont-box {
        margin-top: 0px;
    }

body.jnu .cont-box:nth-child(2) .cont-inner {
    position: relative;
    padding: 10px 0 10px;
}

body.board .cont-box:first-child ~ .cont-box {
        margin-top: 10px;
    }

body.board .cont-box:nth-child(1) .cont-inner {
    position: relative;
    padding: 10px 0 10px;
}


body.jnu .cont-box:nth-child(2) ~ .cont-box {
        margin-top: 0px;
    }

body.jnu .cont-box:nth-child(3)  .cont-inner {
    position: relative;
    padding: 60px 0 10px;
}
body.jnu.state .cont-box:nth-child(3) .cont-inner {
    position: relative;
    padding: 60px 0 10px;
}
body.board .cont-box:nth-child(3) .cont-inner {
    position: relative;
    padding: 60px 0 10px;
}
body.board .cont-box:nth-child(3) .cont-inner {
    position: relative;
    padding: 60px 0 10px;
}

    body.board .page-tit-wrap {
        margin-top: 30px;
        margin-bottom: 10px;
        color: #000;
    }


body.jnu.state .allmenubody .cont-box:nth-child(3) .cont-inner {
    position: relative;
    padding: 20px 0 10px;
}

body .allmenubody .cont-box:nth-child(3) .cont-inner {
        position: relative;
        padding: 10px 0 10px;
 }


.wrapper.login_wrap{
/*
padding-bottom:60px;
*/
}
.article_desc {font-size: 12px;font-weight: 400;line-height: 2;margin-left: 0px;letter-spacing: -0.025em;margin-bottom: 2rem;         margin-top: 1rem;   font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;    color: #888;text-align:center;}

}
@media (min-width: 891px) {
	.ui-row-list.col6 .item {
		flex: initial;
		width: calc((100% - 30px) / 6);
	}
	.ui-row-list.col6 .item:nth-child(6n) {
		margin-right: 0;
	}
	.ui-row-list.col6 .item:nth-child(n+7) {
		margin-top: 6px;
	}
}

.mt55 {
    margin-top: 55px !important;
}

@media (max-width: 890px) {
	.ui-row-list.col5 .item {
		width: calc((100% - 20px) / 2);
		margin-right: 20px;
	}
	.ui-row-list.col5 .item:nth-child(2n) {
		margin-right: 0;
	}


    .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:nth-last-of-type(1) .cont-inner {
        /* padding-bottom: calc(60px + env(safe-area-inset-bottom)); */
        padding-bottom: 30px;
    }

}
@media (min-width: 891px) {
	.ui-row-list.col5 .item {
		width: calc((100% - 96px) / 5);
	}
	.ui-row-list.col5 .item:nth-child(5n) {
		margin-right: 0;
	}
}
.ui-row-list.type-option .ui-chk input:checked + label, .ui-row-list.type-option .ui-rdo input:checked + label {
	padding-top: 11px;
	padding-bottom: 9px;
	border-width: 2px;
	box-shadow: 0px 5px 10px rgba(0, 165, 185, 0.1);
}
.ui-row-list + .dot-text {
	margin-top: 12px;
}

/* check/radio list(vertical) */
.ui-col-list .item + .item {
	margin-top: 20px;
}
.ui-col-list .item .input-box,
.ui-col-list .item .textarea-box {
	margin-top: 12px;
}
.ui-col-list .item .sub-opt-box {
	margin-top: 16px;
}
.ui-col-list.has-line {
	border-top: 1px solid rgba(128, 135, 141, 0.6);
	border-bottom: 1px solid #DDE0E3;
}
.ui-col-list.has-line .item {
	padding: 20px 0;
}
.ui-col-list.has-line .item ~ .item {
	margin-top: 0;
	border-top: 1px solid #DDE0E3;
}
.ui-col-list.has-line .item .ui-chk {
	width: 100%;
}
.ui-col-list.has-line .item .ui-chk label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.ui-col-list.has-line .item .ui-chk label [class^=ico-] {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.ui-col-list.has-line .item .ui-chk label [class^=ico-] + .text {
	margin-left: 6px;
	margin-right: 10px;
	flex: 1;
}
.ui-col-list.has-line .item .ui-chk label .text, .ui-col-list.has-line .item .ui-chk label .desc, .ui-col-list.has-line .item .ui-chk label .val, .ui-col-list.has-line .item .ui-chk label .unit {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.ui-col-list.has-line .item .ui-chk label .price {
	justify-self: flex-end;
	margin-left: auto;
}
.ui-col-list.has-line .item .ui-chk label .price .desc ~ .val {
	margin-left: 4px;
}
.ui-col-list.has-line .item .ui-chk label .price .val ~ .unit {
	margin-left: 2px;
}
.ui-col-list.has-line + .payment-current-wrap {
	margin-top: 30px;
}



/* breadcrumb */
.breadcrumb {
	display: block;
}
.breadcrumb .breadcrumb-list {
	font-size: 0;
}
.breadcrumb .breadcrumb-list .crumb {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.breadcrumb .breadcrumb-list .crumb .link-home {
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -1px;
	background: url("../img/common/sub_home_ico.svg") 0 0 no-repeat;
	background-size: cover;
}
.breadcrumb .breadcrumb-list .crumb .menu {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 16px;
	color: #666;
}
.breadcrumb .breadcrumb-list .crumb ~ .crumb {
	padding-left: 24px;
	margin-left: 8px;
}
.breadcrumb .breadcrumb-list .crumb ~ .crumb:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	background: url("../img/common/comm_ico_breadcrumb_divide.svg") 0 0 no-repeat;
	background-size: cover;
}

body .wrapper.has-top-sps {
    overflow: hidden;
}

.fold-wrap .fold-list .fold-item.current-menu-ancestor .fold-header {
    color: #008735;
}


.aside-content-wrap {
	overflow: hidden;
	position: relative;
	flex-wrap: wrap;
	padding-top: 0px;
}
.aside-content-wrap.is-fix-bottom .aside-wrap .sps.sps-blw[data-pc-sps] {
	position: absolute !important;
	bottom: 0 !important;
	top: auto !important;
	max-height: none !important;
}
.aside-content-wrap .page-tit-wrap {
	width: 100%;
}
.aside-content-wrap .cont-body .cont-box:first-child {
	padding-top: 10px;
}
.aside-content-wrap .cont-body .sps {
	z-index: 3;
}
.aside-content-wrap.cont-prod-wrap .tabs-sps {
	top: -15px;
}
.aside-content-wrap.cont-prod-wrap .tabs-sps.sps-blw {
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
	-moz-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}
.aside-content-wrap.cont-prod-wrap .tabs-sps ~ .sps-observer {
	top: 25px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .thumb-box {
	position: relative;
	background: #fff;
	padding-top: 70%;
	/*padding-top: 100%;*/
    z-index: 2;
}

.btn-link {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
.aside-content-wrap.member-main-wrap .user-count-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: 14px;
}
.aside-content-wrap.member-main-wrap .user-count-list .user-count-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 16px;
	padding-top: 16px;
	min-height: 68px;
	border-bottom: 1px solid #DDE0E3;
	text-align: right;
}

.aside-content-wrap.member-main-wrap .user-count-list .user-count-item .btn-link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url(../img/common/comm_ico_arr_8.svg) 0 0 no-repeat;
    background-size: cover;
}
.aside-content-wrap.member-main-wrap .user-count-list .user-count-item .btext-tit {
    margin-bottom: 0;
    justify-self: center;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.025em;
    font-weight: 600;
    color: #000;
}

.aside-content-wrap.is-fix-bottom .aside-wrap .sps.sps-blw[data-pc-sps] {
    position: absolute !important;
    bottom: 0 !important;
    top: auto !important;
    max-height: none !important;
}

.aside-content-wrap.member-main-wrap .cont-body {
        width: calc(100% - 312px);
    }

.aside-content-wrap.member-main-wrap .aside-wrap ~ .cont-body {
        padding-right: 0;
        padding-left: 20px;
    }


@media (min-width: 891px) {

    .aside-content-wrap .aside-wrap .sps.sps-abv {
        position: relative !important;
    }

	.aside-content-wrap.member-main-wrap .aside-wrap {
        width: 312px;
        padding-right: 40px;
    }

	.aside-content-wrap.member-main-wrap .aside-wrap .aside-user-wrap.sps-blw {
        right: auto;
        left: 50%;
        margin-left: -555px;
    }

    .aside-content-wrap.member-main-wrap .aside-wrap .aside-user-wrap {
        width: 312px;
        padding-right: 40px;
    }

     .aside-content-wrap.member-main-wrap.is-fix-bottom .aside-wrap .aside-user-wrap.sps-blw {
        left: 0;
        margin-left: 0;
    }



}

@media (min-width: 891px) {
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail:last-child {
		padding-bottom: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] {
		width: 100%;
		left: auto;
		right: 0;
		margin: 0;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] {
		right: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr {
		padding: 13px 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr .prod-detail-addr-inner {
		position: relative;
		max-width: 1150px;
		margin: 0 auto;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap {
		min-height: 500px;
		position: relative;
		width: 65%;
		flex: none;
	}


	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap:after {
        z-index: 1;
        position: absolute;
        left: -150%;
        right: 0;
        top: 0;
        bottom: -100px;
        content: "";
        background: rgba(239, 241, 243, 0.6);
	}


	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box {
		width: 100%;
		padding-right: 40px;
		padding-bottom: 40px;
		padding-top: 1px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box.sps-blw {
		width: 50%;
		/*
		max-width: 555px;
		*/
        max-width: 100%;
		right: auto;
		left: 50%;
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body {
		min-height: 500px;
		width: 50%;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box {
	        padding: 0 20px;
        padding-top: 40px;
		padding-right:0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps {
		padding-top: 0;
		padding-bottom: 0;
		/*.tabs {
		    width: 515px;
		}*/
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps.sps-blw {
		z-index: 11;
		top: 0;
		left: auto;
		right: auto;
		margin-left: -39px;
		width: 50%;
		padding-left: 40px;
		padding-right: 40px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps.sps-blw .tabs {
		width: 688px;
		margin: 0;
		padding: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:last-of-type {
		padding-bottom: 50px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box {
		position: static !important;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box .cont-inner {
		position: static !important;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box .cont-inner .option-tabs {
		position: static !important;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box .cont-inner .option-tabs .tabs-sps.sps-blw {
		position: absolute !important;
		bottom: 0;
		top: auto !important;
		width: calc(100% + 20px);
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box {
		padding-top: 0 !important;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box:before {
		position: absolute;
		content: "";
		display: block;
		left: -100%;
		right: -100%;
		top: 0;
		height: 1px;
		background: #DDE0E3;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box .cont-inner {
		border-top: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] {
		background: transparent;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker]:not(:first-child) .prod-total-wrap, .aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-pc-only]:not(:first-child) .prod-total-wrap {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #000;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .page-btn-wrap:first-child,
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .swiper-prod-wrap[style*="display: none"] ~ .page-btn-wrap {
		margin-top: 10px;
	}
}
@media (max-width: 890px) {
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail {
		padding-top: 55px;
	}

	.PDetail .aside-content-wrap.cont-prod-wrap.cont-prod-detail {
        padding-top: 49px;
    }

	.ODetail .aside-content-wrap.cont-prod-wrap.cont-prod-detail {
        padding-top: 0px;
    }

	.subPage.detail .aside-content-wrap.cont-prod-wrap.cont-prod-detail {
		padding-top: 49px;
		padding-bottom: 80px;
	}
	.PDetail .wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box:first-child {
        padding-top: 0;
    }

	.ODetail .wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box:first-child {
        padding-top: 0;
    }

	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr {
		padding: 9px 0 16px;
		background: #fff;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box .cont-box {
		padding: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box .cont-box .thumb-box .btn-round-share {
		bottom: 32px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body {
		margin-top: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:first-child {
		margin-top: -12px;
		border-radius: 12px 12px 0 0;
		box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.05);
	}
	.wrapper:not(.mo-header-transparent) .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:first-child {
		padding-top: 10px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:nth-last-of-type(1) .cont-inner {
		/*padding-bottom: calc(60px + env(safe-area-inset-bottom));
		padding-bottom: 30px;*/
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .option-tabs {
		margin-top: -10px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps .swiper-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps.sps-abv {
		margin-left: -20px;
		margin-right: -20px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps .sps-blw {
		/*padding: {
		    left: 20px;
		    right: 20px;
		}*/
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .anchor-scrollspy-nav {
		padding: 0;
		margin: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] {
		box-shadow: 0px -10px 25px 0px rgba(0, 0, 0, 0.05);
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] .prod-total-wrap {
		border-top: 1px solid #DDE0E3;
		padding: 20px;
		margin-top: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] .page-btn-wrap {
		margin-top: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .page-btn-wrap:first-child,
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .swiper-prod-wrap[style*="display: none"] ~ .page-btn-wrap {
		margin-top: 0;
	}
	.aside-content-wrap.member-main-wrap .aside-wrap ~ .cont-body {
		padding-right: 0;
		padding-left: 0px;
	}
		.aside-content-wrap.member-main-wrap .cont-body {
			width: calc(100%);
		}
    .aside-content-wrap .aside-content-inner .cont-body {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
;
        display: -webkit-flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        flex: 1;
    }

}
@media (min-width: 891px) {
	.aside-content-wrap.cont-prod-wrap:before {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		height: 0px;
		background: #DDE0E3;
	}
	.aside-content-wrap.cont-prod-wrap:last-child {
		margin-bottom: -100px;
		padding-bottom: 100px;
	}
	.aside-content-wrap.cont-prod-wrap.is-fix-bottom .aside-wrap .aside-store-wrap.sps-blw[data-pc-sps] {
		width: 100%;
		left: auto;
		right: 0;
		margin: 0;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.aside-content-wrap.cont-prod-wrap .cont-body {
		position: relative;
		/*overflow: visible;*/
		width: 728px;
		min-height: 707px;
	}
	.aside-content-wrap.cont-prod-wrap .cont-body:after {
		z-index: 1;
		position: absolute;
		right: -150%;
		left: 0;
		top: 0;
		bottom: -100px;
		content: "";
		background: rgba(239, 241, 243, 0.2);
	}
	.aside-content-wrap.cont-prod-wrap .cont-body .cont-box {
		z-index: 2;
		margin-left: 0;
		margin-right: 0;
	}
	.aside-content-wrap.cont-prod-wrap .cont-body .cont-box .tab-wrap {
		position: relative;
	}
	.aside-content-wrap.cont-prod-wrap .aside-wrap {
		position: relative;
		width: 282px;
	}


     .aside-content-wrap.cont-sub-wrap .cont-body:after {
		z-index: 1;
		position: absolute;
		/*right: -150%;*/
		left: 0;
		top: 0;
		bottom: -100px;
		content: "";
	}
	.aside-content-wrap.contsub-wrap .cont-body .cont-box {
		z-index: 2;
		margin-left: 0;
		margin-right: 0;
	}
	.aside-content-wrap.contsub-wrap .cont-body .cont-box .tab-wrap {
		position: relative;
	}
	.aside-content-wrap.cont-sub-wrap .aside-wrap {
		position: relative;
		width: 242px;
	}

	 .aside-content-wrap.cont-sub-wrap .aside-wrap .aside-store-wrap.sps--blw {
		right: auto;
		left: auto;
		/*margin-left: -655px;*/
		width: 242px;
	}



}
@media (min-width: 891px) and (max-width: 1150px) {
	.aside-content-wrap.cont-prod-wrap .aside-wrap {
		flex: 1 0 auto;
	}
	.aside-content-wrap.cont-prod-wrap .cont-body {
		flex: 1 0 auto;
		width: calc(100% - 282px);
		padding-right: 20px;
	}
	.aside-content-wrap.cont-prod-wrap:not(.is-fix-bottom) .aside-wrap .aside-thumb-box {
		padding-left: 20px;
	}
	.aside-content-wrap.cont-prod-wrap:not(.is-fix-bottom) .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] {
		padding-left: 40px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw {
		padding-left: 20px;
	}

	.aside-content-wrap.cont-sub-wrap .aside-wrap {
		flex: 1 0 auto;
	}
	.aside-content-wrap.cont-sub-wrap .cont-body {
		flex: 1 0 auto;
		width: calc(100% - 262px);
		padding-right: 20px;
	}
	.aside-content-wrap.cont-sub-wrap:not(.is-fix-bottom) .aside-wrap .aside-thumb-box {
		padding-left: 20px;
	}
	.aside-content-wrap.cont-sub-wrap:not(.is-fix-bottom) .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] {
		padding-left: 40px;
	}
	.aside-content-wrap.cont-sub-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw {
		padding-left: 20px;
	}


}
.aside-content-wrap.cont-order-wrap.no-top-line:before {
	display: none;
}
@media (min-width: 891px) {
	.aside-content-wrap.cont-order-wrap.cont-top-line:before {
		display: none;
	}
	.aside-content-wrap.cont-order-wrap.cont-top-line .aside-content-inner {
		position: relative;
		padding-top: 1px;
	}
	.aside-content-wrap.cont-order-wrap.cont-top-line .aside-content-inner:before {
		position: absolute;
		content: "";
		left: 20px;
		right: 20px;
		top: 0;
		height: 1px;
		background-color: #DDE0E3;
	}

   

}



@media (max-width: 890px) {
	.aside-content-wrap {
		background: #fff;
	}
	.aside-content-wrap .aside-content-inner {
		background: #F3F5F7;
	}
	.aside-content-wrap:last-child {
		flex: 1;
	}
	.aside-content-wrap:first-child {
		padding-top: 55px;
	}
	.aside-content-wrap .aside-content-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.aside-content-wrap .aside-content-inner .cont-body {
		margin-top: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		flex: 1;
	}
	.aside-content-wrap.sps-blw {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-moz-transition: transform 0.24s;
		-webkit-transition: transform 0.24s;
		transition: transform 0.24s;
	}
	.aside-content-wrap.sps-blw.scroll-up {
		-moz-transform: translateY(55px);
		-webkit-transform: translateY(55px);
		transform: translateY(55px);
	}
	.aside-content-wrap.cont-order-wrap {
		position: relative;
		flex-wrap: wrap;
	}
	.aside-content-wrap.cont-order-wrap.sps-blw {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-moz-transition: transform 0.24s;
		-webkit-transition: transform 0.24s;
		transition: transform 0.24s;
	}
	.aside-content-wrap.cont-order-wrap.sps-blw.scroll-up {
		-moz-transform: translateY(55px);
		-webkit-transform: translateY(55px);
		transform: translateY(55px);
	}
	.aside-content-wrap.cont-order-wrap .page-tit-wrap {
		width: 100%;
	}
	.aside-content-wrap.cont-order-wrap .cont-body {
		margin-top: 0;
	}
	.aside-content-wrap.cont-order-wrap .cont-body:first-child .cont-box:last-child .cont-inner {
		padding-bottom: 30px;
	}
	.container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child, .container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child {
		padding-top: 0;
	}
	.container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child .cont-inner, .container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child .cont-inner {
		padding-top: 20px;
	}
	.container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .fold-wrap:first-child .fold-item.no-fold:first-child .fold-header {
		padding-top: 20px;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap {
		margin-top: 10px;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap {
		background: #fff;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap .cont-box ~ .cont-box {
		margin-top: 0;
		border-top: 10px solid #f4f5f7;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .cont-box:first-child {
		padding-top: 0;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .cont-box:first-child .payment-current-box:first-child {
		padding-top: 10px;
	}

	.MyLecture .tbl-row-info tr th {
		padding-right: 6px;
		color: #666;
		font-size: 12px;
		font-weight: 600;
	}
	.MyLecture .tbl-row-info tr td {
		color: #000;
		font-size: 12px;
		font-weight: 600;
	}

	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .thumb-box {
    position: relative;
    background: #fff;
    padding-top: 100%;
    /* padding-top: 100%; */
    z-index: 0;
}
.floating-wrapper .btn-go-top {
    display: none;
    width: 42px;
    height: 42px;
    margin-right: 14px;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    opacity: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-radius: 15px;
}

body .wrapper.mo-header-transparent:not(.is-layer-active) .aside-content-wrap .aside-wrap .cont-box:first-child {
        padding-top: 0;
        position: relative;
    }

 body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] {
        -moz-transition: all 0.15s;
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
        background: transparent;
        -moz-backdrop-filter: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .page-title {
        color: #fff;
    }

    body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .btn-header-back {
        background: url(../img/common/comm_ico_back_white.svg) 0 0 no-repeat;
        background-size: cover;
    }

    body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].scroll-up {
        background: rgba(255, 255, 255, 0.9);
        -moz-backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }
    body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].scroll-up .btn-header-back {
        background: url(../img/common/comm_ico_back.svg) 0 0 no-repeat;
        background-size: cover;
    }
	body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].scroll-up .ico-header-cart {
        background: url(../img/common/lecture_cart_ico.svg) 0 0 no-repeat;
        background-size: cover;
    }
	body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].scroll-up .page-title {
        color: #000;
    }

}


.aside-content-wrap.cont-sub-wrap.is-fix-bottom .aside-wrap .sps.sps--blw[data-pc-sps] {
    position: relative;

}


.aside-content-wrap.is-fix-bottom .aside-wrap .sps.sps--blw[data-pc-sps] {

}

.sps.sps--blw {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}
@media (min-width: 891px) {
	.aside-content-wrap {
		margin-top: 30px;
	}

    .home .aside-content-wrap {
        margin-top: 0px;
    }

	.aside-content-wrap.cont-order-wrap {
		margin-bottom: -100px;
		padding-bottom: 100px;
	}
	.aside-content-wrap.cont-order-wrap .cont-body {
		overflow: hidden;
		width: calc(100% - 382px);
		flex: none;
		padding-right: 40px;
	}
	.aside-content-wrap.cont-order-wrap .cont-body .cont-box {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
	}
	.aside-content-wrap.cont-order-wrap .cont-body .cont-box:last-child {
		padding-bottom: 0;
	}
	.aside-content-wrap.cont-order-wrap:before {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		height: 1px;
		background-color: #DDE0E3;
	}
	.aside-content-wrap.cont-order-wrap.is-fix-bottom .aside-wrap .aside-payment-wrap.sps-blw[data-pc-sps] {
		right: 0;
		left: auto;
		max-height: none;
		overflow: visible;
	}
	.aside-content-wrap.cont-order-wrap:not(.is-fix-bottom) .aside-wrap .aside-payment-wrap.sps-blw[data-pc-sps] {
		/*height: max-content;*/
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap {
		width: 382px;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap[data-pc-sps] {
		position: absolute;
		left: 0;
		right: 0;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap[data-pc-sps].sps-blw {
		position: fixed;
		right: auto;
		left: 50%;
		margin-left: 173px;
	}
	.aside-content-wrap .aside-content-inner {
		max-width: 1340px;
		padding-left: 20px;
		padding-right: 20px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.aside-content-wrap .aside-content-inner .cont-box:first-child {
		padding-top: 40px;
	}

	.aside-content-wrap .aside-content-inner .aside-user-wrap .cont-box:first-child {
		padding-top: 0px;
	}


	
	.aside-content-wrap .cont-body {
		position: relative;
		flex: 1;
		padding-right: 20px;
		/*&:before {
		    position: absolute;
		    content: '';
		    display: block;
		    top: 0;
		    bottom: -100px;
		    width: 1px;
		    left: 0;
		    background: variables.$colorLineGray;
		}*/
	}


	.aside-content-wrap .cont-body {
		position: relative;
		flex: 1;
		padding-right: 40px;
		/*&:before {
		    position: absolute;
		    content: '';
		    display: block;
		    top: 0;
		    bottom: -100px;
		    width: 1px;
		    left: 0;
		    background: variables.$colorLineGray;
		}*/
		 min-height: 600px;
	}

	.aside-content-wrap .cont-body .cont-box {
		background: transparent;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left:0;
	}
	.aside-content-wrap .aside-wrap {
		position: relative;
	}
	.aside-content-wrap .aside-wrap:before {
		position: absolute;
		content: "";
		display: block;
		top: 0;
		bottom: -100px;
		width: 0px;
		left: 0;
		background: #E3E7EB;
	}
	.aside-content-wrap .aside-wrap:first-child:before {
		left: auto;
		right: 0;
	}
	.aside-content-wrap .aside-wrap .aside-payment-wrap {
		width: 382px;
		padding-left: 40px;
	}
	.aside-content-wrap .aside-wrap .aside-payment-wrap .page-btn-wrap {
		margin-top: 30px;
	}
	.aside-content-wrap .aside-wrap .aside-payment-wrap .page-btn-wrap [class^=btn-] {
		margin-bottom: 0;
	}

     .aside-content-wrap .aside-wrap ~ .cont-body {
		padding-right: 0;
		padding-left: 0px;
	}

	.home .aside-content-wrap .aside-wrap ~ .cont-body {
		padding-right: 0;
		padding-left: 20px;
	}
	.aside-content-wrap .aside-wrap .sps.sps-blw {
		z-index: 3;
		max-height: 100vh;
		overflow-y: auto;
	}
	.aside-content-wrap .aside-wrap .sps.sps-abv {
		position: relative !important;
	}
	.aside-content-wrap .aside-wrap .sps.auto-height {
		max-height: none !important;
	}
	.aside-content-wrap .aside-wrap .cont-box {
		padding-left: 0;
		padding-right: 0;
		padding-top: 40px;
	}


	.Attendance .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap, .Adjournment .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap, 
	.Paymenthistory .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap,
	.Reservation .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap,
	.BatReservation .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap,
	.ReservationState .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap,
	.Online .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap,
	.MyLecture .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap
	{
		padding-top: 30px;
		padding-left: 40px;
		width: 310px;
	}

	.RsubPage .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap,.subPage .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap, .MemberShipBuy .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap, .Event .aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap
	{
		padding-top: 30px;
		padding-left: 40px;
		width: 310px;
	}


    .Attendance .aside-content-wrap.cont-main-wrap .cont-body, 
	.Adjournment .aside-content-wrap.cont-main-wrap .cont-body, 
	.Paymenthistory .aside-content-wrap.cont-main-wrap .cont-body,
	.Reservation .aside-content-wrap.cont-main-wrap .cont-body,
	.BatReservation .aside-content-wrap.cont-main-wrap .cont-body,
	.ReservationState .aside-content-wrap.cont-main-wrap .cont-body,
	.Online .aside-content-wrap.cont-main-wrap .cont-body,
	.MyLecture .aside-content-wrap.cont-main-wrap .cont-body  {
        flex: none;
        overflow: hidden;
        width: calc(100% - 270px);
        flex: none;
		margin-left: -40px;
        padding-top: 30px;
        padding-left: 40px;
        padding-right: 40px;
    }

	.subPage .aside-content-wrap.cont-main-wrap .cont-body  {
        flex: none;
        overflow: hidden;
        width: calc(100% - 270px);
        flex: none;
        margin-left: -40px;
        padding-top: 30px;
        padding-left: 40px;
		padding-right: 40px;
		min-height: 400px;
    }

	.RsubPage .aside-content-wrap.cont-main-wrap .cont-body  {
        flex: none;
        overflow: hidden;
        width: calc(100% - 270px);
        flex: none;
        margin-left: -40px;
        padding-top: 30px;
        padding-left: 40px;
		padding-right: 40px;
    }

	.MemberShipBuy .aside-content-wrap.cont-main-wrap .cont-body  {
        flex: none;
        overflow: hidden;
        width: calc(100% - 270px);
        flex: none;
        margin-left: -40px;
        padding-top: 30px;
        padding-left: 40px;
		padding-right: 40px;
    }

	

	.Event .aside-content-wrap.cont-main-wrap .cont-body  {
        flex: none;
        overflow: hidden;
        width: calc(100% - 270px);
        flex: none;
        margin-left: -40px;
        padding-top: 30px;
        padding-left: 40px;
		padding-right: 40px;
    }

	.aside-content-wrap.cont-main-wrap {
        
        margin-bottom: -100px;
        padding-bottom: 100px;
    }
	.aside-content-wrap.mypage-main-wrap .aside-wrap .aside-user-wrap {
        width: 310px;
        padding-right: 40px;
    }
	.aside-content-wrap.mypage-main-wrap .aside-user-wrap .dot-text {
        margin-top: 12px;
    }
	.aside-content-wrap.mypage-main-wrap .cont-body {
        width: calc(100% - 310px);
		padding-right: 0;
    }
	.aside-content-wrap .aside-wrap:first-child:before {
        left: auto;
        right: 0;
    }
	.aside-content-wrap .aside-wrap {
        position: relative;
    }
	.aside-content-wrap.mypage-main-wrap {
        margin-bottom: -100px;
        padding-bottom: 100px;
    }
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap .cont-right {
		padding-top: 2px;
		align-self: flex-start;
	}
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .btn-wrap.full {
		margin-top: 30px;
		margin-left: -20px;
		margin-right: -20px;
	}
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap .cont-tit {
		color: #fff;
	}
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap .cont-tit .fw-rql {
		color: #fff;
	}
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .btn-primary {
		background: rgba(0, 0, 0, 0.1);
		border-color: rgba(0, 0, 0, 0.1);
		border-radius: 0 0 4px 4px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
	}
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .btn-wrap.full a.btn-md, .aside-content-wrap.mypage-main-wrap .aside-spot-box .btn-wrap.full button.btn-md {
		height: 50px;
	}

	.aside-content-wrap.mypage-main-wrap {
		overflow: visible;
		border-top: 1px solid #DDE0E3;
	}
    .aside-content-wrap.cont-main-wrap:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        background: #DDE0E3;
    }
	.aside-content-wrap .aside-content-inner .cont-box:first-child {
        padding-top: 40px;
    }
	.aside-content-wrap .aside-content-inner .aside-user-wrap .cont-box:first-child {
        padding-top: 40px;
    }
	.aside-content-wrap.cont-main-wrap .aside-wrap .aside-main-wrap {
		padding-top: 30px;
		
	}

     .aside-content-wrap .aside-wrap:first-child:before {
        left: auto;
        right: 0;
    }

	.aside-content-wrap .aside-content-inner .cont-box:first-child {
        padding-top: 40px;
    }
	.sps.sps--blw {
        top: 0;
    }
    .aside-content-wrap .aside-wrap .sps.sps--blw {
        z-index: 3;
        max-height: 100vh;
        overflow-y: auto;
    }
    .aside-content-wrap.mypage-main-wrap .aside-wrap .aside-user-wrap.sps--blw {
        right: auto;
        left: 50%;
        margin-left: -650px;
    }

	.aside-content-wrap.mypage-main-wrap.is-fix-bottom .aside-wrap .aside-user-wrap.sps--blw {
        left: 0;
        margin-left: 0;
    }


}




/* gradient-bg-style */
/*
.container-wrapper .gradient-bg::before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 30%;
  border-radius: 100%;
  top: 10%;
  left: -50%;
  box-shadow: 0 0 250px 200px rgb(142, 68, 173);
  animation: animate_2 10s infinite;
  z-index:0;
}

.container-wrapper .gradient-bg::after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 50%;
  border-radius: 100%;
  top: 10%;
  right: -50%;
  bottom: -1000px;
  box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
  animation: animate_3 10s infinite;
   z-index:0;
}
*/

/* animate-1 */
/*
@keyframes animate_1 {
  25% {
    box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
  }

  50% {
    box-shadow: 0 150px 300px rgb(142, 68, 173);
  }

  75% {
    box-shadow: 0 150px 300px rgba(93, 248, 240, 1);
  }

  100% {
    box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
  }
}

@-webkit-keyframes animate_1 {
  25% {
    box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
  }

  50% {
    box-shadow: 0 150px 300px rgb(142, 68, 173);
  }

  75% {
    box-shadow: 0 150px 300px rgba(93, 248, 240, 1);
  }

  100% {
    box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
  }
}
*/
/* animate-2 */
/*
@keyframes animate_2 {
  25% {
    box-shadow: 0 0 350px 300px rgb(142, 68, 173);
  }

  50% {
    box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
  }

  75% {
    box-shadow: 0 0 350px 300px rgba(243, 86, 146, 0.7);
  }

  100% {
    box-shadow: 0 0 350px 300px rgb(142, 68, 173);
  }
}

@-webkit-keyframes animate_2 {
  25% {
    box-shadow: 0 0 350px 300px rgb(142, 68, 173);
  }

  50% {
    box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
  }

  75% {
    box-shadow: 0 0 350px 300px rgba(243, 86, 146, 0.7);
  }

  100% {
    box-shadow: 0 0 350px 300px rgb(142, 68, 173);
  }
}
*/
/* animate-3 */
/*
@keyframes animate_3 {
  25% {
    box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
  }

  50% {
    box-shadow: 0 0 350px 300px rgba(243, 86, 146, 0.7);
  }

  75% {
    box-shadow: 0 0 350px 300px rgb(142, 68, 173);
  }

  100% {
    box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
  }
}

@-webkit-keyframes animate_3 {
  25% {
    box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
  }

  50% {
    box-shadow: 0 0 350px 300px rgba(243, 86, 146, 0.7);
  }

  75% {
    box-shadow: 0 0 350px 300px rgb(142, 68, 173);
  }

  100% {
    box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
  }
}
*/
/*
.gradient-bg::before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  border-radius: 100%;
  top: 0%;
  left: -50%;
  box-shadow: 0 0 500px 450px rgba(254, 201, 63, 1);
  animation: animate_2 10s infinite;
}

.gradient-bg::after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  border-radius: 100%;
  top: 0%;
  right: -50%;
  bottom: -1000px;
  box-shadow: 0 0 500px 450px rgba(93, 248, 240, 1);
  animation: animate_3 10s infinite;
}

@keyframes animate_1 {
  25% {
    box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
  }

  50% {
    box-shadow: 0 150px 300px rgba(254, 201, 63, 1);
  }

  75% {
    box-shadow: 0 150px 300px rgba(93, 248, 240, 1);
  }

  100% {
    box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
  }
}

@-webkit-keyframes animate_1 {
  25% {
    box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
  }

  50% {
    box-shadow: 0 150px 300px rgba(254, 201, 63, 1);
  }

  75% {
    box-shadow: 0 150px 300px rgba(93, 248, 240, 1);
  }

  100% {
    box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
  }
}

@keyframes animate_2 {
  25% {
    box-shadow: 0 0 500px 450px rgba(254, 201, 63, 1);
  }

  50% {
    box-shadow: 0 0 500px 450px rgba(93, 248, 240, 1);
  }

  75% {
    box-shadow: 0 0 500px 450px rgba(243, 86, 146, 0.7);
  }

  100% {
    box-shadow: 0 0 500px 450px rgba(254, 201, 63, 1);
  }
}

@-webkit-keyframes animate_2 {
  25% {
    box-shadow: 0 0 500px 450px rgba(254, 201, 63, 1);
  }

  50% {
    box-shadow: 0 0 500px 450px rgba(93, 248, 240, 1);
  }

  75% {
    box-shadow: 0 0 500px 450px rgba(243, 86, 146, 0.7);
  }

  100% {
    box-shadow: 0 0 500px 450px rgba(254, 201, 63, 1);
  }
}

@keyframes animate_3 {
  25% {
    box-shadow: 0 0 500px 450px rgba(93, 248, 240, 1);
  }

  50% {
    box-shadow: 0 0 500px 450px rgba(243, 86, 146, 0.7);
  }

  75% {
    box-shadow: 0 0 500px 450px rgba(254, 201, 63, 1);
  }

  100% {
    box-shadow: 0 0 500px 450px rgba(93, 248, 240, 1);
  }
}

@-webkit-keyframes animate_3 {
  25% {
    box-shadow: 0 0 500px 450px rgba(93, 248, 240, 1);
  }

  50% {
    box-shadow: 0 0 500px 450px rgba(243, 86, 146, 0.7);
  }

  75% {
    box-shadow: 0 0 500px 450px rgba(254, 201, 63, 1);
  }

  100% {
    box-shadow: 0 0 500px 450px rgba(93, 248, 240, 1);
  }
}
*/


/* no data */
.no-data .btn-center-wrap {
	margin-top: 30px;
}
.no-data .btn-center-wrap [class^=btn-] {
	min-width: 200px;
}
.no-data .gray-box {
	margin-top: 30px;
}
@media (min-width: 891px) {
	.no-data .gray-box {
		width: 376px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 890px) {
	.no-data .gray-box {
		width: 100%;
	}
}
@media (min-width: 891px) {
	.no-data {
		padding: 160px 0;
	}
    .mypage .no-data{
		padding: 60px 0;
	}
}
@media (max-width: 890px) {
	.no-data {
		padding: 100px 0;
	}

    .mypage .no-data{
		padding: 60px 0;
	}

}
.no-data .no-data-desc {
	padding-top: 96px;
	background: url("../img/common/comm_ico_no_data.svg") top center no-repeat;
	background-size: 90px 90px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 22px;
	font-weight: 500;
	color: #999;
	text-align: center;
}
.no-data + .btn-wrap, .no-data + .btn-center-wrap, .no-data + .btn-flex-wrap, .no-data + .btn-right-wrap {
	margin-top: 27px;
}
.no-data + .btn-wrap [class^=btn-], .no-data + .btn-center-wrap [class^=btn-], .no-data + .btn-flex-wrap [class^=btn-], .no-data + .btn-right-wrap [class^=btn-] {
	width: 100%;
	max-width: 420px;
	min-width: auto;
	margin: 0 auto;
}
@media (min-width: 891px) {
	.no-data + .btn-wrap, .no-data + .btn-center-wrap, .no-data + .btn-flex-wrap, .no-data + .btn-right-wrap {
		margin-top: -110px;
	}
	.no-data + .btn-wrap [class^=btn-], .no-data + .btn-center-wrap [class^=btn-], .no-data + .btn-flex-wrap [class^=btn-], .no-data + .btn-right-wrap [class^=btn-] {
		min-width: 420px;
	}
}
.no-data.for-popup {
	padding: 100px 0;
	margin: 0;
}


.tonline div[data-mobile-only] .page-btn-wrap.list{
    margin-top: 0px !important;
	margin-bottom: 30px !important;
}
@media (max-width: 1200px) {
    .aside-content-wrap.mypage-main-wrap .aside-wrap .aside-user-wrap.sps--blw {
        right: auto;
        left: 50%;
        margin-left: -560px;
    }
}
@media (max-width: 890px) {
    body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .ico-header-cart {
        background: url(../img/common/lecture_cart_ico_w.svg) 0 0 no-repeat;
        background-size: cover;
    }

    body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only] .btn-header-home {
        background: url("../img/common/home_ico_w.svg") 0 0 no-repeat;
        background-size: cover;
    }

    body .wrapper.mo-header-transparent:not(.is-layer-active) .header-wrapper[data-mobile-only].scroll-up .btn-header-home {
        background: url(../img/common/home_ico.svg) 0 0 no-repeat;
        background-size: cover;
    }


}


.form-list-wrap .form-item .form-title {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap:wrap;
	margin-bottom:10px;
}
.required {
	display:inline-block;
	vertical-align:top;
}
.required:before {
	content:"*";
	display:inline-block;
	margin:5px 0 0 3px;
	font-size:13px;
	color:#007973;
	line-height:1;
	vertical-align:top;
}

.form-toggle-box {
	display: inline-block;
	font-size: 0;
	box-sizing: border-box;
	vertical-align: top;
}
.form-toggle-box .toggle-text {
	display: inline-block;
	padding-top: 3px;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: -0.025em;
	color: #AAA;
	vertical-align: top;
}
.form-toggle-box .toggle-text .date {
	padding-right: 4px;
}
.form-toggle-box .toggle-text .val {
	-moz-transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.form-toggle-box .toggle-text + .form-toggle {
	margin-left: 20px;
}
/* form - title(label) */
.form-list-wrap {
	overflow: hidden;
}
.form-list-wrap .form-item {
	/*~ .form-item {
	    margin-top: 24px;
	}*/
}
@media (max-width: 890px) {
	.form-list-wrap .form-item ~ .form-item {
		margin-top: 24px;
	}
}
.form-list-wrap .form-item.pc-full {
	margin-top: 24px;
}
.form-list-wrap .form-item.pc-full:nth-child(1) {
	margin-top: 0;
}
.form-list-wrap .form-item.pc-full ~ .form-item {
	margin-top: 24px;
}
.form-list-wrap .form-item.pc-full-half {
	margin-top: 24px;
}
.form-list-wrap .form-item.pc-full-half:nth-child(1) {
	margin-top: 0;
}
.form-list-wrap .form-item.pc-full-half ~ .form-item {
	margin-top: 24px;
}
@media (min-width: 891px) {
	.form-list-wrap .form-item.pc-full-half .form-title, .form-list-wrap .form-item.pc-full-half .form-cont {
		width: 50%;
		padding-right: 25px;
	}
}
.form-list-wrap .form-item .form-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.form-list-wrap .form-item .form-title .title-text {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.form-list-wrap .form-item .form-title .btn-info {
	margin-left: 6px;
	margin-right: auto;
}
.form-list-wrap .form-item .form-title .right-wrap {
	margin-left: auto;
	color: #000;
}
.form-list-wrap .form-item .form-cont .input-btn-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-btn-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .ui-select ~ .input-btn-box, .form-list-wrap .form-item .form-cont .ui-select ~ .ui-select, .form-list-wrap .form-item .form-cont .ui-select ~ .input-box, .form-list-wrap .form-item .form-cont .ui-select ~ .input-flex-box, .form-list-wrap .form-item .form-cont .ui-select ~ .date-box, .form-list-wrap .form-item .form-cont .ui-select ~ .date-picker-box, .form-list-wrap .form-item .form-cont .ui-select ~ .textarea-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .input-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .input-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .date-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .date-box ~ .ui-select, .form-list-wrap .form-item .form-cont .date-box ~ .input-box, .form-list-wrap .form-item .form-cont .date-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .date-box ~ .date-box, .form-list-wrap .form-item .form-cont .date-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .date-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .ui-select, .form-list-wrap .form-item .form-cont .date-picker-box ~ .input-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .date-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .textarea-box {
	margin-top: 6px;
}
.form-list-wrap .form-item .form-cont .input-btn-box + .btn-wrap, .form-list-wrap .form-item .form-cont .input-btn-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .input-btn-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-btn-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-center-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-right-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-right-wrap {
	margin-top: 12px;
}
.form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .flex.btn-right-wrap {
	margin-top: 12px;
}
.form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .date-picker-box {
	margin-top: 0;
}
.form-list-wrap .form-item .form-cont .input-box ~ .ui-row-list.type-btn {
	margin-top: 10px;
}
.form-list-wrap .form-item .form-cont .date-picker-box .ui-select, .form-list-wrap .form-item .form-cont .date-picker-box .date-box {
	margin-top: 0;
}
.form-list-wrap .form-item .form-cont .date-picker-box .ui-select ~ .date-box, .form-list-wrap .form-item .form-cont .date-picker-box .date-box ~ .date-box {
	margin-top: 0;
}
.form-list-wrap .form-item .form-cont .ui-row-list {
	margin-top: -10px;
}
.form-list-wrap .form-item .form-cont .ui-row-list.type-btn {
	margin-top: 0;
}
.form-list-wrap .form-item .form-cont .dot-text, .form-list-wrap .form-item .form-cont .dash-text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.form-list-wrap .form-item .form-cont .secure-text-area ~ .input-btn-box {
	margin-top: 12px;
}
.form-list-wrap .form-item .form-cont .secure-text-area ~ .input-btn-box .btn-md {
	width: 68px;
}
.form-list-wrap .form-item .form-cont .textarea-box .ui-textarea {
	height: 87px;
}
.form-list-wrap .form-item .form-cont .gray-box ~ .gray-box {
	margin-top: 10px;
}
.form-list-wrap .form-item .form-cont .input-flex-box ~ .dot-text,
.form-list-wrap .form-item .form-cont .attach-files ~ .dot-text {
	margin-top: 12px;
}
.form-list-wrap .form-item .form-cont .file-attach-wrap:first-child {
	margin-top: 18px;
}
.form-list-wrap .form-item ~ .form-box {
	margin-top: 20px;
}
.form-list-wrap .form-item.has-line {
	padding-top: 20px;
}
.form-list-wrap .form-item .form-cont .secure-text-area .button{height: 43px;width:43px;display: inline-block;cursor: pointer;border-radius: 3px;vertical-align: top;border:1px solid #DDE0E3;}
.form-list-wrap .form-item .form-cont .secure-text-area .button img{display: block;padding:12px}
.form-list-wrap .form-item .form-cont .secure-text-area .num_area img{width:130px}
.form-list-wrap .form-item .form-cont .input-btn-box.type02 .input-box input{width:300px;height:44px;border: 1px solid #DDE0E3;padding:0 16px;letter-spacing:-0.025em;outline: 0;line-height: 18px;font-size: 14px}
.form-list-wrap .form-item .form-cont .input-btn-box.type02 .input-box input:focus{border: 1px solid #00A5B9;}
.form-list-wrap .form-item .form-cont .secure-text-area.type02 button:focus{border: 1px solid #00A5B9;}
@media (min-width: 891px) {
	.form-list-wrap .form-list {
		margin: 0 -25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.form-list-wrap .form-list .form-item {
		padding: 0 25px;
		width: 50%;
	}
	.form-list-wrap .form-list .form-item.pc-full, .form-list-wrap .form-list .form-item.pc-full-half {
		width: 100%;
	}
	.form-list-wrap .form-list .form-item:not(.pc-full, .pc-full-half):nth-child(2) {
		margin-top: 0;
	}
	.form-list-wrap .form-list .form-item ~ .form-item {
		margin-top: 24px;
	}
	.form-list-wrap .form-list.grid-col1 .form-item {
		width: 100%;
	}
	.form-list-wrap .form-list.grid-col1 .form-item ~ .form-item {
		margin-top: 24px;
	}
}
.form-list-wrap + .gray-box {
	margin-top: 30px;
}
.form-list-wrap + .ui-col-list.has-line, .form-list-wrap + .btext-tit {
	margin-top: 30px;
}
.form-list-wrap ~ .btn-wrap.full, .form-list-wrap ~ .full.btn-center-wrap, .form-list-wrap ~ .full.btn-flex-wrap, .form-list-wrap ~ .full.btn-right-wrap {
	margin-top: 20px;
}
.form-list-wrap ~ .fold-wrap {
	margin-top: 20px;
}
/* toggle */
.ui-toggle {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 24px;
	vertical-align: top;
	box-sizing: border-box;
}
.ui-toggle input[type=checkbox] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.ui-toggle input[type=checkbox] + label {
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 22px;
	background: #EFF1F3;
	font-size: 0;
	cursor: pointer;
	-moz-transition: background-color 0.15s ease-out;
	-webkit-transition: background-color 0.15s ease-out;
	transition: background-color 0.15s ease-out;
}
.ui-toggle input[type=checkbox] + label:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: -22px;
	background: #fff;
	border-radius: 50%;
	left: 24px;
	top: 2px;
	z-index: 2;
	-moz-transition: left 0.2s ease-out;
	-webkit-transition: left 0.2s ease-out;
	transition: left 0.2s ease-out;
}
.ui-toggle input[type=checkbox]:checked + label {
	background: #007973;
}
.ui-toggle input[type=checkbox]:checked + label:before {
	left: 100%;
}
.ui-toggle input[type=checkbox][disabled], .ui-toggle input[type=checkbox][aria-disabled], .ui-toggle input[type=checkbox][readonly] {
	pointer-events: none;
}
.ui-toggle input[type=checkbox][disabled] + label, .ui-toggle input[type=checkbox][aria-disabled] + label, .ui-toggle input[type=checkbox][readonly] + label {
	opacity: 0.5;
	cursor: default;
}

/* 기타 > 설정 setting-item */
.setting-item .setting-tit-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.setting-item .setting-tit-wrap .setting-tit {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 500;
}

.newrgter .setting-item .setting-tit-wrap .setting-tit {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.025em;
    color: #000;
    font-weight: 600;
}


.setting-item .setting-tit-wrap .right-area {
	margin-left: auto;
}
.setting-item .setting-desc {
	margin-top: 10px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
}


.newrgter .setting-item .setting-desc {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.025em;
    color: #666;
}

@media (max-width: 890px) {
	.setting-item .setting-desc {
		padding-right: 95px;
	}
.newrgter .setting-item .setting-desc{
padding-right: 0px;
}


}
@media (min-width: 891px) {
	.setting-item .setting-desc {
		padding-right: 0;
	}
}
.setting-item .btn-setting {
	position: relative;
	width: 100%;
	text-align: left;
}
.setting-item .btn-setting:after {
	position: absolute;
	top: 5px;
	right: 0;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: url("../img/common/comm_ico_arr_h10_bold.svg") 0 0 no-repeat;
	background-size: cover;
}
.setting-item .btn-setting .text {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #000;
}

.setting-list .setting-item ~ .setting-item {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(221, 224, 227, 0.6);
}



.terms-agree-wrap .all-chk-box {
	padding: 20px 0;
}
.terms-agree-wrap .all-chk-box {
    padding: 20px 0 10px;
}
.newrgter .terms-agree-wrap .setting-item .setting-tit-wrap .setting-tit{
padding: 20px 0 10px;
}

.terms-agree-wrap .setting-list {
	padding: 0px 0 10px;
}


.agree-item {
	position: relative;
	padding: 13px 42px 13px 16px;
	background: rgba(239, 241, 243, 0.4);
	border-radius: 4px;
}
.agree-item .ui-chk {
	z-index: 2;
	position: relative;
}
.agree-item .btn-agree-arr {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.agree-item ~ .agree-item {
	margin-top: 6px;
}

.fold-content .agree-item {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 500;
}
.fold-content .terms-agree-wrap .terms-agree-list + .all-chk-box {
	padding-bottom: 0;
}
.fold-content .terms-agree-wrap.all-chk-wrap .terms-agree-list + .all-chk-box {
	margin-top: 20px;
}


.ico-arr-h10 {
    width: 10px;
    height: 10px;
    background: url(../img/common/comm_ico_arr_h10.svg) 0 0 no-repeat;
    background-size: cover;
}

/* toast popup */
.toast-popup {
	position: fixed;
	bottom: 30px;
	left: 20px;
	right: 20px;
	z-index: 1000;
	/*padding: 0 20px;*/
	color: #fff;
	padding: 16px 5px 17px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	-moz-backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	text-align: center;
}
.toast-popup .toast-inner {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
@media (min-width: 891px) {
	.toast-popup {
		min-width: 335px;
		top: 50%;
		left: 50%;
		right: auto;
		bottom: auto;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}


.ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-chk input:checked + label, .ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-rdo input:checked + label {
    border: 1px solid #007973;
    color: #007973;
    font-weight: 600;
}


.ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-chk input:checked + label, .ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-rdo input:checked + label {
    border: 1px solid #007973;
    color: #007973;
    font-weight: 600;
}
.ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-chk input[disabled] + label, .ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-chk input[aria-disabled] + label, .ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-rdo input[disabled] + label, .ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-rdo input[aria-disabled] + label {
    color: #fff;
    border: 1px solid #007973;
	font-weight: 600;
	background:#007973;    opacity: 1;
}

.ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-chk label, .ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-rdo label {
    padding: 12px 0 10px;
    width: 100%;
    height: 100%;
    min-height: 44px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    border-radius: 4px;
    border: 1px solid #DDE0E3;
    background-color: #fff;
    color: #000;
    font-weight: 600;
}
.mypage .wrapper .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner, .mypage .ui-dialog .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner{
padding-top:20px;
}
.ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-chk label , .ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-rdo label {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 10px;
    align-items: center;
}

.ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-chk label p, .ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .ui-rdo label p{
display:inline-block;
}

    .ui-dialog-container #popNonfacetoface  .form-list-wrap .form-list .form-item ~ .form-item {
        margin-top: 6px;
    }
.ui-dialog #popNonfacetoface .cont-box ~ .cont-box:not(.full):not(.pc-no-line) .cont-inner {
    padding-top: 0px;
}

@media (max-width: 890px) {
   .ui-dialog-container #popNonfacetoface .cont-box ~ .cont-box {
        margin-top: 0px;
    }


   .ui-dialog-container #popNonfacetoface .ui-row-list.type-btn .item {
    margin: 6px 0 0 0;
    padding: 0;
    width: calc(100%);
    text-align: center;
}

    .ui-dialog-container #popNonfacetoface .cont-box ~ .cont-box {
        margin-top: 0px;
    }

.record_table th a {
    padding: 18px 5px 0;
    font-size: 11px;
}
.record_rank div.title b {
font-size: 11px;
}
.record_table th span {
  font-size: 11px;
}
}

.ui-dialog-container #popNonfacetoface .filter-select-wrap {
	margin-bottom:10px;
}



.ui-dialog-container #popNonfacetoface .form-list-wrap + .ui-col-list.has-line, .ui-dialog-container #popNonfacetoface .form-list-wrap + .btext-tit {
    margin-top: 10px;
}


.ui-dialog-container #popNonfacetoface .dialog-body .cont-box:last-child .cont-inner {
    padding-bottom: 10px;
}


.ui-dialog-container #popNonfacetoface .dialog-body  .terms-agree-wrap{
  padding-bottom: 20px;
}
.mypage .ui-dialog-container #popNonfacetoface .cont-box ~ .cont-box {
    padding-top: 0px;
}

.ui-dialog-container #popNonfacetoface .ui-rdo input:checked + label:before, .ui-dialog-container #popNonfacetoface .ui-chk input:checked + label:before, .ui-dialog-container #popNonfacetoface .ui-opt-rdo input:checked + label:before {
    background-color: #008735;
    border-color: #008735;

    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 23%;

}

.ui-dialog-container #popNonfacetoface .ui-rdo input + label:before, .ui-dialog-container #popNonfacetoface .ui-rdo input + label:after, .ui-dialog-container #popNonfacetoface .ui-chk input + label:before, .ui-dialog-container #popNonfacetoface .ui-chk input + label:after, .ui-dialog-container #popNonfacetoface .ui-opt-rdo input + label:before, .ui-dialog-container #popNonfacetoface .ui-opt-rdo input + label:after {
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 23%;
}


.ui-dialog-container #popNonfacetoface .ui-rdo input + label, .ui-dialog-container #popNonfacetoface .ui-chk input + label, .ui-dialog-container #popNonfacetoface .ui-opt-rdo input + label {
    display: inline-block;
    position: relative;
    padding: 1px 0 3px 25px;
    font-size: 13px;
    line-height: 18px;

}

#divsT .dot-text {
    padding-left: 7px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.025em;
    color: #666;font-weight: 500;
}

.tooltip-wrap {
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
body.ios .tooltip-wrap .btn-info, body.mac .tooltip-wrap .btn-info {
	margin-top: 1px;
}
.tooltip-wrap.active .btn-info .ico-info-tooltip {
	border-color: #444;
	background: url("../img/common/comm_ico_tooltip_active.svg") 0 0 no-repeat #fff;
	background-size: cover;
}
.tooltip-wrap.active .tooltip-box {
	opacity: 1;
	transform: scaleY(1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.tooltip-wrap .tooltip-box {
	display: block;
	position: absolute;
	left: 0;
	top: 16px;
	z-index: 15;
	overflow: hidden;
	padding: 16px 42px 16px 16px;
	margin-top: 6px;
	background-color: #fff;
	border: 1px solid #C2C7CC;
	border-radius: 4px;
	text-align: left;
	box-sizing: border-box;
	opacity: 0;
	transform: scaleY(0);
	transition: opacity 0.3s ease-out;
}
@media (min-width: 891px) {
	.tooltip-wrap .tooltip-box {
		width: 342px;
	}
}
@media (max-width: 890px) {
	.tooltip-wrap .tooltip-box {
		/*position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) !important;*/
		width: calc(100vw - 40px);
		max-width: 480px;
	}
}
.tooltip-wrap .tooltip-box .tooltip-contents {
	box-sizing: border-box;
}
.tooltip-wrap .tooltip-box .tooltip-contents .tooltip-desc, .tooltip-wrap .tooltip-box .tooltip-contents .tooltip-item {
	color: #666;
}
.tooltip-wrap .tooltip-box .tooltip-contents .tooltip-desc, .tooltip-wrap .tooltip-box .tooltip-contents .tooltip-item, .tooltip-wrap .tooltip-box .tooltip-contents .val, .tooltip-wrap .tooltip-box .tooltip-contents .unit {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 22px;
}
.tooltip-wrap .tooltip-box .tooltip-contents .val ~ .unit {
	margin-left: 2px;
}
.tooltip-wrap.hide .tooltip-box {
	transform: scaleY(0);
	transition: opacity 0.3s ease-out, transform 0s 0.3s;
}
.tooltip-wrap.right .tooltip-box {
	left: auto;
	right: 0;
}
@media (max-width: 890px) {
	.tooltip-wrap.right .tooltip-box {
		/*left: 50%;*/
	}
}




 .text_sect{padding: 125px 0;}
 .text_sect .txt_grid{display: flex; align-items: center; justify-content: center; height: 100%;}
 .text_sect .txt_grid .txt_wrap{display: flex; flex-direction: column; align-items: center;}
 .text_sect .txt_grid .txt_wrap .tit{display: inline-block; position: relative; white-space: nowrap; color: #e1e1e1; font-size: 34px; font-weight: 700; line-height: 1.425em;}
 .text_sect .txt_grid .txt_wrap .tit .copy {position: absolute; left: 0; top: 0; width: 0%; height: 100%; font-size: 1em; font-weight: inherit; color: #000; overflow: hidden; white-space: nowrap;}
 .text_sect .txt_grid .txt_wrap .sub_tit{display: inline-block; position: relative; white-space: nowrap; margin-top: 2em; color: #e1e1e1; font-size: 35px; font-weight: 700; line-height: 1.425em;}
 .text_sect .txt_grid .txt_wrap .sub_tit .copy {position: absolute; left: 0; top: 0; width: 0%; height: 100%; font-size: 1em; font-weight: inherit; color: #000; overflow: hidden; white-space: nowrap;}


 .text_sect2{padding: 125px 0;margin-bottom:240px;}
 .text_sect2 .txt_grid2{display: flex; align-items: center; justify-content: center; height: 100%;}
 .text_sect2 .txt_grid2 .txt_wrap2{display: flex; flex-direction: column; align-items: center;}
 .text_sect2 .txt_grid2 .txt_wrap2 .tit2{display: inline-block; position: relative; white-space: nowrap; color: #e1e1e1; font-size: 34px; font-weight: 700; line-height: 1.425em;}
 .text_sect2 .txt_grid2 .txt_wrap2 .tit2 .copy2 {position: absolute; left: 0; top: 0; width: 0%; height: 100%; font-size: 1em; font-weight: inherit; color: #000; overflow: hidden; white-space: nowrap;}
 .text_sect2 .txt_grid2 .txt_wrap2 .sub_tit2{display: inline-block; position: relative; white-space: nowrap; margin-top: 2em; color: #e1e1e1; font-size: 35px; font-weight: 700; line-height: 1.425em;}
 .text_sect2 .txt_grid2 .txt_wrap2 .sub_tit2 .copy2 {position: absolute; left: 0; top: 0; width: 0%; height: 100%; font-size: 1em; font-weight: inherit; color: #000; overflow: hidden; white-space: nowrap;}



@media screen and (max-width: 1241px){

     .text_sect{padding: 100px 0;}
     .text_sect .txt_grid .txt_wrap .tit{}
     .text_sect .txt_grid .txt_wrap .sub_tit{white-space: normal; padding: 0 1em; word-break: keep-all;}
     .text_sect .txt_grid .txt_wrap .sub_tit .copy{margin: 0 1em;}

     .text_sect2{padding: 100px 0;}
     .text_sect2 .txt_grid2 .txt_wrap2 .tit2{}
     .text_sect2 .txt_grid2 .txt_wrap2 .sub_tit2{white-space: normal; padding: 0 1em; word-break: keep-all;}
     .text_sect2 .txt_grid2 .txt_wrap2 .sub_tit2 .copy2{margin: 0 1em;}

}


@media screen and (max-width: 769px){

     .text_sect{height: 30svh;}
     .text_sect .txt_grid .txt_wrap .tit{font-size: clamp(30px, 4.1176vw + 1.8824px, 60px);}
     .text_sect .txt_grid .txt_wrap .sub_tit{font-size: clamp(20px, 2.9412vw + .5412px, 28px);}


	 .text_sect .txt_grid .txt_wrap .sub_tit {
    	margin-top: 20px;
  	}



    
     .text_sect2{height: 45svh;}
	 .text_sect2{margin-bottom:240px;}
     .text_sect2 .txt_grid2 .txt_wrap2 .tit2{font-size: clamp(30px, 4.1176vw + 1.8824px, 60px);}
     .text_sect2 .txt_grid2 .txt_wrap2 .sub_tit2{font-size: clamp(18px, 2.9412vw + .5412px, 28px);}





}