@font-face {
	font-family: 'Pretendard';
	src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

* {
	box-sizing: border-box;
}

#contents {
	font-family: 'Pretendard';
}

/*h2 {font-family: 'GmarketSans'; font-weight:700; color:#000; letter-spacing:-0.06em; text-align:center;}*/
span.sandoll {
	font-family: 'sandoll-baikzongyulpil';
	font-weight: 600;
	color: var(--brand-color);
	letter-spacing: -0.06em;
}

body.layer {
	overflow: hidden;
}

@media all and (min-width:1024px) {

	/*h2 {font-size:56px;}*/
	span.sandoll {
		font-size: 60px;
	}

	#visual {
		position: relative;
		display: block;
		overflow: hidden;
		clear: both;
	}

	#visual img {
		width: 100%;
	}

	#visualM {
		display: none;
	}

	#hooking {
		position: relative;
		display: block;
		overflow: hidden;
		background-size: cover !important;
		background-position: center center !important;
		text-align: center;
		padding: 80px 0;
	}

	#hooking h2 {
		margin: 10px 0 50px;
	}

	#hooking .emoji {
		display: block;
		margin-bottom: 80px;
	}

	#hooking .emoji img {
		max-width: 90%;
	}

	#hooking .videoArea {
		position: relative;
		background: url("/theme/basic/img/videoBack.png") no-repeat;
		background-position: center center;
		line-height: 0;
		font-size: 0;
	}

	#hooking .videoArea .thumb {
		margin: 0 auto;
		width: 740px;
		max-width: 100%;
	}

	#hooking .videoArea .videoPlay {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 60px;
	}

	#hooking .message {
		position: absolute;
	}

	#hooking .message1 {
		bottom: 55px;
		left: 15%;
	}

	#hooking .message2 {
		top: 70px;
		left: 21.5%;
	}

	#hooking .message3 {
		top: -35px;
		right: 19.5%;
	}

	#hooking .message4 {
		bottom: 25px;
		right: 11%;
	}

	.visualPopup {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 60%;
		height: 60%;
		z-index: 10;
		display: none;
		font-size: 0;
	}

	.visualPopup iframe {
		width: 100%;
		height: 100%;
		z-index: 3;
	}

	.visualPopup .closeBtn {
		position: fixed;
		top: 0;
		right: 0;
		height: 30px;
		background: #fff;
		padding: 15px;
		border-radius: 100%;
		z-index: 999;
		cursor: pointer;
	}

	.v-layer {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		display: none;
		background: rgba(0, 0, 0, 0.4);
		z-index: 2;
		background-size: 6px;
	}

	#training {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		background: #fc8b12;
		padding: 100px 0;
	}

	#training .sandoll {
		display: block;
		font-size: 60px;
		line-height: 1;
		font-weight: 700;
		margin-top: 30px;
		color: #FFF349;
	}

	#training>p {
		font-size: 23px;
		line-height: 34px;
		color: #fff;
		margin: 20px 0 30px;
	}

	#training h2 {
		color: #fff;
		line-height: 84px;
		font-weight: 400;
		color: #fff;
	}

	#training h2 span {
		font-weight: 700;
	}

	#training .imgArea {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 50px;
	}

	#training .imgArea li {
		margin: 0 10px;
		padding: 20px 20px 30px;
		border-radius: 30px;
		background: #fff;
	}

	#training .imgArea li img {
		width: 320px;
	}

	#training .imgArea li p {
		font-size: 28px;
		line-height: 42px;
		font-weight: 600;
		margin-top: 20px;
		letter-spacing: -0.06em;
	}

	#bna {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		padding: 100px 0;
		background: linear-gradient(#1f192e 0, #331979 100%);
		font-size: 0;
	}

	#bna .bnaBack1 {
		position: absolute;
		top: 20%;
		left: 2%;
	}

	#bna .bnaBack2 {
		position: absolute;
		top: 25%;
		right: 15%;
	}

	#bna .bnaBack3 {
		position: absolute;
		bottom: 5%;
		right: 3%;
	}

	#bna h2 {
		color: #fff;
		margin: 10px 0;
	}

	#bna h2 span {
		color: #b297ff;
		margin-left: 20px;
	}

	#bna>p {
		font-size: 24px;
		line-height: 34px;
		font-weight: 400;
		color: #d6bbfb;
	}

	#bna>p br {
		display: none;
	}

	.videoSwiper {
		position: relative;
		display: block;
		margin-top: 180px;
	}

	.videoSwiper .swiper-wrapper {
		position: relative;
		display: flex;
		align-items: center;
	}

	.videoSwiper .swiper-wrapper .swiper-slide {
		position: relative;
		flex-shrink: 0;
		transition: transform 0.3s;
		border-radius: 20px;
		overflow: hidden;
	}

	.videoSwiper .swiper-wrapper .swiper-slide img {}

	.videoSwiper .swiper-wrapper .swiper-slide iframe {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
		width: 110%;
		height: 110%;
	}

	.videoSwiper .swiper-wrapper .swiper-slide-active {
		transform: scale(1.6);
		border: 10px solid rgba(0, 0, 0, 0.8);
		background: #000;
		border-radius: 50px;
		z-index: 999
	}

	.videoSwiper .swiper-wrapper .swiper-slide .bnaPlay {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		cursor: pointer;
		opacity: 0;
		height: 86px !important;
		transition: .3s;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
		border-radius: 100%;
	}

	.videoSwiper .swiper-wrapper .swiper-slide-active .bnaPlay {
		opacity: 1;
		transform: translate(-50%, -50%) scale(0.7);
	}

	.videoSwiper .arrow {
		margin-top: 140px;
		margin-left: 38%;
	}

	.videoSwiper .arrow .swiper-video-prev {
		display: inline-block;
		cursor: pointer;
		margin-right: 10px;
	}

	.videoSwiper .arrow .swiper-video-next {
		display: inline-block;
		cursor: pointer;
	}

	.videoSwiper .arrow .swiper-video-prev img,
	.videoSwiper .arrow .swiper-video-next img {
		height: 50px;
	}

	.videoPopup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		display: none;
		z-index: 11;
	}

	.videoPopup li {
		width: 100%;
		height: 100%;
	}

	.videoPopup iframe {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 60%;
		height: 60%;
	}

	.closeBna {
		position: absolute;
		top: 20px;
		right: 5%;
		height: 30px;
		background: #fff;
		padding: 15px;
		border-radius: 100%;
		z-index: 999;
		cursor: pointer;
		display: none;
	}

	#program {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		padding: 100px 0;
	}

	#program h3 {
		font-size: 30px;
		line-height: 45px;
		color: var(--brand-color);
		letter-spacing: -0.05em;
		margin: 20px 0;
	}

	#program h2 {
		font-weight: 700;
	}

	#program h2 span {
		color: var(--brand-color);
	}

	#program>p {
		font-size: 24px;
		line-height: 36px;
		font-weight: 600;
		margin-top: 50px;
	}

	#program>p.mobile {
		display: none;
	}

	#program .tag {
		display: flex;
		justify-content: center;
		margin: 45px 0 100px;
	}

	#program .tag li {
		background: #f2f2f2;
		padding: 10px 22px;
		border-radius: 80px;
		font-size: 22px;
		line-height: 34px;
		font-weight: 600;
		letter-spacing: -0.06em;
		margin: 0 12px;
	}

	#program .class {
		display: flex;
		justify-content: space-between;
	}

	#program .class li {
		margin-right: 20px;
	}

	#program .class li:last-child {
		margin-right: 0;
	}

	#program .class img {
		display: block;
		width: 100%;
	}

	#program .class a {
		display: block;
		width: 200px;
		padding: 14px 10px;
		border-radius: 50px;
		font-size: 20px;
		line-height: 1;
		font-weight: 700;
		background: #222;
		color: #fff;
		margin: 30px auto 0;
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	}

	#program .class a:after {
		display: inline-block;
		content: "";
		background: url("/theme/basic/img/arrow-nextW.svg") no-repeat;
		width: 12px;
		height: 12px;
		margin-left: 10px;
		vertical-align: middle;
	}

	#best {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		background: #F2F4F7;
		padding: 100px 0 40px;
		font-size: 0;
	}

	#best h2 {
		margin-bottom: 5px;
	}

	#best .emoji {
		height: 80px;
	}

	#best>span {
		margin-left: 10px;
	}

	#best .reviewArea {
		display: flex;
		justify-content: center;
		margin: 60px 0;
	}

	#best .reviewArea li {
		background: #fff;
		font-size: 0;
		line-height: 0;
		padding: 30px 10px 45px;
		margin: 0 10px;
		border-radius: 30px;
	}

	#best .reviewArea li .face {
		height: 140px;
	}

	#best .reviewArea li .star {
		display: block;
		margin: 15px auto;
	}

	#best .reviewArea li p {
		font-size: 22px;
		line-height: 33px;
		font-weight: 700;
		letter-spacing: -0.04em;
		padding: 0 20px;
	}

	#best .reviewArea li p.who {
		font-size: 18px;
		font-weight: 400;
		margin: 15px 0 45px;
	}

	#best .reviewArea li a {
		font-size: 20px;
		font-weight: 700;
		line-height: 20px;
		background: #222;
		border-radius: 50px;
		color: #fff;
		padding: 13px 20px;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
		letter-spacing: -0.02em;
	}

	#best .reviewArea li a img {
		height: 8px;
		margin: 7px 10px;
	}

	#why {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		background: #1a1a1a;
		padding: 100px 0;
	}

	#why h2 {
		color: #fff;
		font-weight: 400;
		line-height: 67.2px;
		letter-spacing: -0.06em;
		margin: 30px 0 50px;
	}

	#why h2 span {
		font-weight: 600;
	}

	.whySwiper {
		position: relative;
		display: block;
		overflow: hidden;
	}

	.whySwiper .swiper-wrapper {
		display: flex;
	}

	.whySwiper .swiper-wrapper .swiper-slide {
		flex-shrink: 0;
	}

	#roadMap {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		background: #000;
		padding: 100px 0;
		font-size: 0;
	}

	#roadMap h3 {
		font-size: 30px;
		line-height: 36px;
		font-weight: 600;
		color: #FF881B;
	}

	#roadMap h2 {
		font-weight: 600;
		color: #fff;
		margin: 10px 0 60px;
	}

	#roadMap .topArea {
		border-radius: 30px;
		border: 2px solid #fa9428;
		width: 1000px;
		margin: 0 auto;
		background: rgba(255, 255, 255, 0.15);
		padding: 20px 0;
	}

	#roadMap .roadInner {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 40px 60px;
	}

	#roadMap li {
		margin-right: 20px;
		text-align: left;
	}

	#roadMap li:first-child {
		padding-right: 20px;
	}

	#roadMap li:last-child {
		margin-right: 0;
	}

	#roadMap li p {
		font-size: 40px;
		line-height: 52px;
		font-weight: 500;
		color: #fff;
		white-space: nowrap;
		margin-top: 25px;
		font-family: 'GmarketSans';
	}

	#roadMap li p span {
		font-weight: 600;
	}

	#roadMap .bottomArea {
		border-radius: 30px;
		background: rgba(255, 255, 255, 0.15);
		width: 1000px;
		margin: 0 auto;
		padding: 20px 0;
	}

	#roadMap .bottomArea .roadInner {
		padding: 60px;
	}

	#roadMap .bottomArea .roadInner li p {
		margin-bottom: 20px;
	}

	#roadMap .bottomArea .roadInner li ul {
		display: flex;
		align-items: center;
	}

	#soriEng {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		padding: 100px 0;
	}

	#soriEng h2 span {
		display: block;
		font-weight: 500;
		margin-top: 10px;
	}

	#soriEng .soriCont {
		display: flex;
		justify-content: center;
		margin-top: 60px;
	}

	#soriEng .soriCont .soriLeft {
		margin-right: 30px;
	}

	#soriEng .soriCont .soriLeft ul {
		display: flex;
		padding: 40px;
		border-radius: 30px;
		margin-bottom: 30px;
		text-align: left;
	}

	#soriEng .soriCont .soriLeft ul:first-child {
		background: #f2f4f7;
	}

	#soriEng .soriCont .soriLeft ul:last-child {
		background: #FFE863;
		margin-bottom: 0;
		align-items: flex-end;
		;
	}

	#soriEng .soriCont .soriLeft ul li:first-child {
		margin-right: 10px;
	}

	#soriEng .soriCont .soriRight {
		background: #FFA065;
		border-radius: 30px;
	}

	#soriEng .soriCont .soriRight ul {
		padding: 25px 25px 0;
	}

	#soriEng .soriCont .soriRight ul li {
		text-align: left;
	}

	#soriEng .soriCont ul li p {
		color: #000;
	}

	#soriEng .soriCont ul li p.num {
		border-radius: 30px;
		background: #222;
		font-size: 20px;
		padding: 5px 10px;
		color: #fff;
		font-weight: 700;
		width: 50px;
		text-align: center;
	}

	#soriEng .soriCont ul li p.title {
		font-size: 34px;
		line-height: 51px;
		font-weight: 700;
		margin: 20px 0 10px;
	}

	#soriEng .soriCont ul li p.desc {
		font-size: 26px;
		line-height: 39px;
		font-weight: 400;
	}

	#soriEng .soriCont .soriRight ul li p.desc {
		margin-bottom: 65px;
	}


	#career {
		position: relative;
		display: block;
		overflow: hidden;
		background: url("/theme/basic/img/careerBack.jpg") no-repeat;
		background-size: cover;
		background-position: center center;
		padding: 80px 0 0;
		text-align: center;
		font-size: 0;
	}

	#career .careerEffect {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	#career h2 {
		line-height: 67.2px;
		margin-bottom: 10px;
	}

	#career h3 {
		color: var(--brand-color);
		font-size: 56px;
		font-weight: 700;
		text-align: center;
		letter-spacing: -0.06em;
		line-height: 67.2px;
		margin-bottom: 30px;
	}

	#career .book {
		display: block;
		width: 30%;
		margin: 50px auto;
	}

	#career .txtArea {
		position: relative;
		padding: 40px 30px 30px 50px;
		background: #fff;
		border-radius: 30px 30px 0 0;
		width: 700px;
		margin: 0 auto;
	}

	#career .txtArea li {
		text-align: left;
		font-size: 24px;
		line-height: 40px;
		font-weight: 700;
		letter-spacing: -0.09em;
	}

	#career .txtArea li:before {
		content: "·";
		width: 20px;
		height: 20px;
		color: var(--brand-color);
		margin-right: 10px;
	}

	#career .txtArea .prizeBack {
		position: absolute;
		bottom: 90px;
		right: 20%;
	}

	#career .txtArea .jua {
		position: absolute;
		bottom: 0;
		right: -33%;
		width: 400px;
	}

	#talk {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		padding: 100px 0 0;
		background: linear-gradient(rgba(225, 226, 230, 0) 0%, rgba(225, 226, 230, 1) 100%);
	}

	#talk h2 {
		margin: 20px 0 5px;
		line-height: 84px;
	}

	#talk .desc {
		width: 600px;
		border: 1px solid #000;
		border-radius: 60px;
		font-size: 22px;
		line-height: 60px;
		font-weight: 600;
		margin: 40px auto 65px;
	}

	#talk .talkHead {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 660px;
		height: 45px;
		margin: 0 auto;
		background: #fff;
		border-radius: 20px 20px 0 0;
		text-align: right;
	}

	#talk .talkCont {
		background: #E1E2E6;
		width: 660px;
		margin: 0 auto;
	}

	#talk .talkCont .inner {
		padding: 30px 30px 50px 30px;
	}

	#talk .talkCont .inner ul.left {
		text-align: left;
	}

	#talk .talkCont .inner ul li {
		font-size: 0;
		line-height: 0;
	}

	#talk .talkCont .inner ul li a {
		position: relative;
		display: block;
	}

	#talk .talkCont .inner ul li a img {
		margin-bottom: 0;
	}

	#talk .talkCont .inner img {
		display: block;
		margin-bottom: 12px;
	}

	#talk .talkCont .inner a img.playBtn {
		position: absolute;
		top: 0;
		left: 0;
		height: 75px;
		transition: .2s;
	}

	#talk .talkCont .inner a img.playBtn:hover {
		opacity: 0;
	}

	#talk .talkCont .inner a img.playBtn2 {
		height: 75px;
	}

	#talk .talkCont .inner a img.pause {
		position: absolute;
		top: 0;
		left: 0;
		height: 75px;
		transition: .2s;
		display: none;
	}

	#talk .talkCont .inner ul.right {
		margin-top: 30px;
	}

	#talk .talkCont .inner ul.right img {
		margin-left: auto;
	}

	#talk .talkCont .inner ul.right img.playBtn {
		left: auto;
		right: 0;
	}

	#talk .talkCont .inner ul.right img.pause {
		left: auto;
		right: 0;
	}

	#talk .beforeSound {
		display: none;
	}

	#bubbles .bubble {
		width: 200px;
		height: 200px;
		background-image: url("/theme/basic/img/bubble.png");
		background-size: cover;
		border-radius: 50%;
		position: absolute;
		bottom: -450px;
		opacity: 1;
	}


	@keyframes floatBubble {
		0% {
			transform: translateX(0);
			opacity: 1;
		}

		50% {
			opacity: 1;
		}

		100% {
			transform: translateX(100px) translateY(-1200px);
			opacity: 1;
		}
	}

	#process {
		position: relative;
		display: block;
		overflow: hidden;
		background: linear-gradient(#332753 0%, #111112 100%);
		text-align: center;
		padding: 100px 0 70px;
	}

	#process span.sandoll {
		color: #d0ff59;
		font-size: 70px;
		line-height: 1;
		font-weight: 700;
		display: block;
		margin: 30px 0;
	}

	#process h2 {
		color: #fff;
	}

	#process ul {
		width: 1000px;
		margin: 50px auto 0;
		max-width: 90%;
	}

	#process ul li {
		margin-bottom: 20px;
		border-radius: 30px;
		padding: 40px 70px;
		background: #fff;
		font-size: 38px;
		line-height: 50px;
		font-weight: 600;
		text-align: left;
		color: #000;
	}

	#process ul li span {
		display: inline-block;
		vertical-align: middle;
		width: 50px;
		height: 49px;
		background: #101828;
		border-radius: 30px;
		font-weight: 500;
		font-size: 30px;
		line-height: 50px;
		color: #fff;
		margin-right: 20px;
		text-align: center;
		margin-top: -8px;
	}


	#realReview {
		position: relative;
		display: block;
		overflow: hidden;
		/*padding:100px 0 0; */
		background: #F2F4F7;
		text-align: center;
		font-size: 0;
	}

	#realReview h2 {
		margin-top: 35px;
		line-height: 84px;
		margin-bottom: 15px;
	}

	#realReview h2 span {
		color: var(--brand-color);
	}

	#realReview>p {
		font-size: 24px;
		font-weight: 400;
	}

	#realReview .reviewArea {
		position: relative;
		display: block;
		padding: 100px 0 0;
		margin: 100px 0;
	}

	#realReview .reviewArea .backCont {
		position: absolute;
		left: 25%;
		top: 0;
		display: inline-block;
		vertical-align: top;
		width: 440px;
		height: 600px;
		background: url("/theme/basic/img/backCont.png") rgba(0, 0, 0, 1) no-repeat;
		background-size: cover;
		background-position: center center;
		border-radius: 50px;
	}

	#realReview .reviewArea .backCont .desc {
		font-size: 26px;
		font-weight: 500;
		line-height: 40px;
		color: #fff;
		text-align: left;
		padding: 50px 40px;
		letter-spacing: -0.05em;
	}

	#realReview .reviewArea .backCont .desc p {
		font-size: 40px;
		line-height: 50px;
		font-weight: 600;
	}

	#realReview .reviewArea .subDesc {
		position: absolute;
		left: calc(23% + 500px);
		top: 0;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		margin-left: 30px;
		padding-top: 40px;
	}

	#realReview .reviewArea .subDesc span {
		font-size: 40px;
		font-weight: 700;
		line-height: 46px;
	}

	#realReview .reviewArea .subDesc span p {
		color: #667085;
		margin-left: 25px;
	}

	#realReview .reviewSwiper {
		position: relative;
		display: block;
		padding-top: 70px;
		padding-bottom: 20px;
		width: 118vw;
	}

	#realReview .reviewSwiper .swiper-wrapper {
		display: flex;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide {
		flex-shrink: 0;
		border-radius: 50px;
		background: #fff;
		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-opacity {
		opacity: 0.5;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .inner {
		padding: 50px 40px;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top {
		display: block;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .left {
		display: inline-block;
		text-align: left;
		width: 50%;
		margin-right: -4px;
		vertical-align: top;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .left p {
		margin-top: 20px;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: -0.06em;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .right {
		display: inline-block;
		text-align: right;
		width: 50%;
		vertical-align: top;
		margin: -15px 0 15px;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .bottom {
		font-size: 24px;
		line-height: 36px;
		letter-spacing: -0.06em;
		font-weight: 500;
		text-align: left;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-active {}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-prev {
		margin-left: 20%;
	}

	#realReview .arrow {
		text-align: right;
		padding-right: 30%;
	}

	#realReview .swiper-review-next {
		display: inline-block;
		cursor: pointer;
	}

	#realReview .swiper-review-prev {
		display: inline-block;
		cursor: pointer;
	}

	#timeAttack {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		height: 90px;
		background: rgba(0, 0, 0, 0.85);
		text-align: center;
		letter-spacing: -0.05em;
		z-index: 10;
	}

	#timeAttack>span {
		font-size: 22px;
		font-weight: 500;
		color: #fff;
		margin-right: 10px;
	}

	#timeAttack #timer {
		font-size: 22px;
		font-weight: 500;
		text-align: center;
		color: #fff;
		width: 100px;
	}

	#timeAttack .footBtn {
		display: flex;
		align-items: center;
		font-size: 26px;
		font-weight: 700;
		color: #fff;
		font-family: 'GmarketSans';
		padding: 13px 24px 8px;
		background: #F9544B;
		border-radius: 16px;
		margin-left: 60px;
		box-shadow: 0 5px #a4362f;
		letter-spacing: -0.05em;
	}

	#timeAttack .footBtn span {
		color: #fff478;
		margin-right: 7px;
	}

	#timeAttack .footBtn img {
		display: inline-block;
		vertical-align: top;
		height: 30px;
		margin-left: 10px;
		margin-top: -7px;
	}
}

@media all and (max-width:1440px) {
	#realReview .reviewSwiper {
		padding-top: 150px;
		width: 120vw;
		left: 150px;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-prev {}
}

@media all and (max-width:1023px) {
	h2 {
		font-size: 25px;
	}

	span.sandoll {
		font-size: 28px;
	}

	.emoji {
		height: 40px;
	}

	.topImg {
		height: 50px;
	}

	#visual {
		position: relative;
		display: block;
		overflow: hidden;
		clear: both;
		font-size: 0;
		line-height: 0;
	}

	#visual img {
		width: 100%;
	}

	#visualM {
		display: none;
	}

	#hooking {
		position: relative;
		display: block;
		overflow: hidden;
		background-size: cover !important;
		background-position: center center !important;
		text-align: center;
		padding: 40px 0;
	}

	#hooking h2 {
		margin: 10px 0 15px;
	}

	#hooking .videoArea {
		position: relative;
		background: url("/theme/basic/img/videoBack.png") no-repeat;
		background-position: center center;
		line-height: 0;
		font-size: 0;
	}

	#hooking .videoArea .thumb {
		width: 90%;
		margin: 0 auto;
	}

	#hooking .videoArea .videoPlay {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 50px;
	}

	.visualPopup {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
		height: 90%;
		z-index: 10;
		display: none;
	}

	.visualPopup iframe {
		width: 100%;
		height: 100%;
		z-index: 3;
	}

	.visualPopup .closeBtn {
		position: fixed;
		top: 0;
		right: 0;
		height: 30px;
		background: #fff;
		padding: 15px;
		border-radius: 100%;
		z-index: 999;
		cursor: pointer;
	}

	.v-layer {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		display: none;
		background: rgba(0, 0, 0, 0.8);
		z-index: 2;
		background-size: 6px;
	}

	#training {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		background: #fc8b12;
		padding: 40px 2.5%;
	}

	#training .sandoll {
		display: block;
		font-size: 30px;
		line-height: 1;
		font-weight: 700;
		margin-top: 20px;
		color: #FFF349;
	}

	#training>p {
		font-size: 16px;
		line-height: 1.4;
		color: #fff;
		margin: 10px 0 20px;
	}

	#training h2 {
		color: #fff;
		font-weight: 400;
		color: #fff;
		font-size: 5.8vw;
	}

	#training h2 span {
		font-weight: 700;
	}

	#training .imgArea {
		margin-top: 30px;
	}

	#training .imgArea li {
		display: block;
		width: 80%;
		border-radius: 20px;
		background: #fff;
		margin: 0 auto 20px;
		padding: 20px 20px 0;
	}

	#training .imgArea li img {
		width: 100%;
	}

	#training .imgArea li p {
		font-size: 18px;
		line-height: 1.4;
		font-weight: 600;
		letter-spacing: -0.06em;
		padding: 15px 0 25px;
	}

	#bna {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		padding: 40px 2.5%;
		background: linear-gradient(rgba(17, 17, 17, 1) 0%, rgba(52, 40, 85, 1) 100%);
		font-size: 0;
	}

	#bna .bnaBack1 {
		position: absolute;
		top: 20%;
		left: 2%;
		width: 50%;
	}

	#bna .bnaBack2 {
		position: absolute;
		top: 25%;
		right: 15%;
		width: 10%;
	}

	#bna .bnaBack3 {
		position: absolute;
		bottom: 5%;
		right: 3%;
	}

	#bna .topImg {
		height: 50px;
	}

	#bna h2 {
		color: #fff;
		margin: 10px 0;
	}

	#bna h2 span {
		color: #b297ff;
		margin-left: 10px;
	}

	#bna>p {
		font-size: 16px;
		line-height: 1.4;
		font-weight: 400;
		color: #d6bbfb;
	}

	.videoSwiper {
		position: relative;
		display: block;
		margin-top: 80px;
	}

	.videoSwiper .swiper-wrapper {
		position: relative;
		display: flex;
		align-items: center;
	}

	.videoSwiper .swiper-wrapper .swiper-slide {
		position: relative;
		flex-shrink: 0;
		transition: transform 0.3s;
		border-radius: 15px;
		overflow: hidden;
	}

	.videoSwiper .swiper-wrapper .swiper-slide img {}

	.videoSwiper .swiper-wrapper .swiper-slide iframe {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
		width: 110%;
		height: 110%;
	}

	.videoSwiper .swiper-wrapper .swiper-slide-active {
		transform: scale(1.2);
		z-index: 999
	}

	.videoSwiper .swiper-wrapper .swiper-slide .bnaPlay {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		cursor: pointer;
		opacity: 0;
		height: 86px !important;
		transition: .3s;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
		border-radius: 100%;
	}

	.videoSwiper .swiper-wrapper .swiper-slide-active .bnaPlay {
		opacity: 1;
		transform: translate(-50%, -50%) scale(0.5);
	}

	.videoSwiper .arrow {
		margin-top: 50px;
	}

	.videoSwiper .arrow .swiper-video-prev {
		display: inline-block;
		cursor: pointer;
		margin-right: 20px;
	}

	.videoSwiper .arrow .swiper-video-next {
		display: inline-block;
		cursor: pointer;
	}

	.videoSwiper .arrow .swiper-video-prev img,
	.videoSwiper .arrow .swiper-video-next img {
		height: 40px;
	}

	.videoPopup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		display: none;
		z-index: 11;
	}

	.videoPopup li {
		width: 100%;
		height: 100%;
	}

	.videoPopup iframe {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 600px;
		max-width: 90%;
		height: 600px;
	}

	.closeBna {
		position: absolute;
		top: 20px;
		right: 5%;
		height: 30px;
		background: #fff;
		padding: 15px;
		border-radius: 100%;
		z-index: 999;
		cursor: pointer;
		display: none;
	}

	#program {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		padding: 40px 0 0;
	}

	#program h3 {
		font-size: 18px;
		line-height: 1.4;
		color: var(--brand-color);
		letter-spacing: -0.05em;
		margin: 10px 0;
	}

	#program h2 {
		font-weight: 700;
	}

	#program h2 span {
		color: var(--brand-color);
	}

	#program>p {
		font-size: 18px;
		line-height: 24px;
		font-weight: 600;
		margin-top: 30px;
	}

	#program>p.web {
		display: none;
	}

	#program .tag {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 45px 0 50px;
	}

	#program .tag li {
		background: #f2f2f2;
		padding: 10px 20px;
		border-radius: 20px;
		font-size: 16px;
		line-height: 1;
		font-weight: 600;
		letter-spacing: -0.06em;
		margin: 0 7px 20px;
	}

	#program .class {
		display: flex;
		justify-content: space-between;
	}

	#program .class li {
		display: block;
		margin: 0 5px;
	}

	#program .class li.dummy {
		display: none;
	}

	#program .class img {
		display: block;
		width: 100%;
	}

	#program .class a {
		display: block;
		width: 120px;
		padding: 10px 10px;
		border-radius: 30px;
		font-size: 14px;
		line-height: 1;
		font-weight: 700;
		background: #222;
		color: #fff;
		margin: 15px auto 50px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	}

	#program .class a:after {
		display: inline-block;
		content: "";
		background: url("/theme/basic/img/arrow-nextW.svg") no-repeat;
		width: 8px;
		height: 8px;
		margin-left: 5px;
		vertical-align: middle;
	}

	#best {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		background: #F2F4F7;
		padding: 60px 0 0;
	}

	#best h2 {
		margin-bottom: 30px;
	}

	#best>span {
		margin-left: 7px;
	}

	#best .reviewArea {
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin: 40px 10%;
	}

	#best .reviewArea li {
		background: #fff;
		font-size: 0;
		line-height: 0;
		padding: 20px 0 35px;
		margin: 0 0 20px;
		border-radius: 25px;
	}

	#best .reviewArea li .face {
		height: 80px;
	}

	#best .reviewArea li .star {
		display: block;
		margin: 15px auto;
	}

	#best .reviewArea li p {
		font-size: 16px;
		line-height: 1.4;
		font-weight: 700;
		letter-spacing: -0.04em;
		padding: 0 20px;
	}

	#best .reviewArea li p.who {
		font-size: 16px;
		font-weight: 400;
		margin: 15px 0 25px;
	}

	#best .reviewArea li a {
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		background: #222;
		border-radius: 50px;
		color: #fff;
		padding: 10px 20px;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
		letter-spacing: -0.02em;
	}

	#best .reviewArea li a img {
		height: 8px;
		margin: 7px 10px;
	}

	#why {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		background: #1a1a1a;
		padding: 60px 0;
	}

	#why h2 {
		color: #fff;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.06em;
		margin: 20px 0 30px;
	}

	#why h2 span {
		font-weight: 600;
	}

	.whySwiper {
		position: relative;
		display: block;
		overflow: hidden;
	}

	.whySwiper .swiper-wrapper {
		display: flex;
	}

	.whySwiper .swiper-wrapper .swiper-slide {
		flex-shrink: 0;
	}

	.whySwiper .swiper-why-pagination {
		text-align: center;
		margin-top: 20px;
	}

	.whySwiper .swiper-why-pagination .swiper-pagination-bullet {
		display: inline-block;
		margin-right: 10px;
		width: 12px;
		height: 12px;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 100%;
	}

	.whySwiper .swiper-why-pagination .swiper-pagination-bullet-active {
		background: var(--brand-color);
	}

	#roadMap {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		background: #000;
		padding: 60px 5%;
		font-size: 0;
		text-align: center;
	}

	#roadMap h3 {
		font-size: 30px;
		line-height: 36px;
		font-weight: 600;
		color: #FF881B;
	}

	#roadMap h2 {
		font-weight: 600;
		color: #fff;
		margin: 10px 0 60px;
	}

	#roadMap .topArea {
		border-radius: 30px;
		border: 2px solid #fa9428;
		width: 90%;
		margin: 0 auto;
		background: rgba(255, 255, 255, 0.15);
		padding: 20px 0;
	}

	#roadMap .roadInner {
		padding: 20px 40px;
	}

	#roadMap li {
		margin-bottom: 15px;
	}

	#roadMap .topArea li img {
		margin-left: 10px;
	}

	#roadMap li p {
		font-size: 40px;
		line-height: 52px;
		font-weight: 500;
		color: #fff;
		white-space: nowrap;
		margin: 10px 0 20px;
		font-family: 'GmarketSans';
	}

	#roadMap li p span {
		font-weight: 600;
	}

	#roadMap .bottomArea {
		border-radius: 30px;
		background: rgba(255, 255, 255, 0.15);
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
	}

	#roadMap .bottomArea .roadInner {}

	#roadMap .bottomArea .roadInner li {
		margin-left: 0;
		margin-bottom: 20px;
	}

	#roadMap .bottomArea .roadInner li.left {
		margin-bottom: 50px;
	}

	#roadMap .bottomArea .roadInner li p {
		margin-bottom: 20px;
	}

	#roadMap .bottomArea .roadInner li ul li {
		padding: 0 5px;
	}

	#soriEng {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		padding: 60px 5%;
	}

	#soriEng h2 {
		white-space: nowrap;
		font-size: 22px;
	}

	#soriEng h2 span {
		display: block;
		font-weight: 500;
		margin-top: 5px;
	}

	#soriEng .soriCont {
		margin-top: 40px;
	}

	#soriEng .soriCont .soriLeft {
		text-align: center;
		margin-bottom: 30px;
	}

	#soriEng .soriCont .soriLeft ul {
		position: relative;
		padding: 20px;
		border-radius: 30px;
		margin: 0 5% 30px;
		text-align: left;
	}

	#soriEng .soriCont .soriLeft ul:first-child {
		background: #f2f4f7;
	}

	#soriEng .soriCont .soriLeft ul:last-child {
		background: #FFE863;
		margin-bottom: 0;
	}

	#soriEng .soriCont .soriLeft ul li:first-child {
		margin-right: 10px;
	}

	#soriEng .soriCont .soriLeft ul li img {
		display: block;
		width: 60%;
		margin: 0 auto;
	}

	#soriEng .soriCont .soriRight {
		position: relative;
		background: #FFA065;
		border-radius: 30px;
		margin: 0 5%;
	}

	#soriEng .soriCont .soriRight ul {
		padding: 20px;
	}

	#soriEng .soriCont .soriRight ul li {}

	#soriEng .soriCont ul li p {
		color: #000;
		text-align: center;
	}

	#soriEng .soriCont ul li p.num {
		position: absolute;
		top: 18px;
		left: 20px;
		border-radius: 30px;
		background: #222;
		font-size: 14px;
		padding: 5px 10px;
		color: #fff;
		font-weight: 700;
		width: 30px;
		text-align: center;
	}

	#soriEng .soriCont ul li p.title {
		display: block;
		font-size: 18px;
		line-height: 1.4;
		font-weight: 700;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	#soriEng .soriCont ul li p.desc {
		font-size: 16px;
		line-height: 1.4;
		font-weight: 400;
		margin-bottom: 20px;
	}

	#career {
		position: relative;
		display: block;
		overflow: hidden;
		background: url("/theme/basic/img/careerBack.jpg") no-repeat;
		background-size: cover;
		background-position: center center;
		padding: 60px 0 0;
		text-align: center;
		font-size: 0;
	}

	#career .careerEffect {
		position: absolute;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
	}

	#career h2 {
		font-size: 22px;
	}

	#career h3 {
		color: var(--brand-color);
		font-size: 22px;
		font-weight: 700;
		text-align: center;
		letter-spacing: -0.06em;
		margin-bottom: 30px;
	}

	#career .book {
		display: block;
		margin: 50px auto 30px;
		width: 90%
	}

	#career .prize {
		transform: scale(1.2);
	}

	#career .txtArea {
		position: relative;
		padding: 20px 5%;
		background: #fff;
		border-radius: 15px 15px 0 0;
		width: 80%;
		margin: 0 auto;
	}

	#career .txtArea li {
		position: relative;
		text-align: center;
		font-size: 15px;
		line-height: 30px;
		font-weight: 700;
		letter-spacing: -0.09em;
		z-index: 1;
	}

	#career .txtArea li:before {
		content: "·";
		width: 20px;
		height: 20px;
		color: var(--brand-color);
		margin-right: 10px;
	}

	#career .txtArea .prizeBack {
		position: absolute;
		bottom: 50px;
		right: 50%;
		transform: translateX(50%);
		height: 150px;
		z-index: 0;
	}

	#career .txtArea .jua {
		position: absolute;
		bottom: -40px;
		right: -60px;
		height: 300px;
	}

	#talk {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
		padding: 40px 0 0;
		background: linear-gradient(rgba(225, 226, 230, 0) 0%, rgba(225, 226, 230, 1) 100%);
	}

	#talk h2 {
		margin: 20px 0 5px;
		line-height: 40px;
	}

	#talk .desc {
		width: 80%;
		border: 1px solid #000;
		border-radius: 60px;
		font-size: 16px;
		line-height: 40px;
		font-weight: 600;
		margin: 40px auto;
	}

	#talk .talkHead {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 90%;
		height: 40px;
		margin: 0 auto;
		background: #fff;
		border-radius: 20px 20px 0 0;
		text-align: right;
	}

	#talk .talkCont {
		background: #E1E2E6;
		width: 90%;
		margin: 0 auto;
	}

	#talk .talkCont .inner {
		padding: 20px 20px 40px 20px;
	}

	#talk .talkCont .inner ul.left {
		text-align: left;
	}

	#talk .talkCont .inner ul li {
		font-size: 0;
		line-height: 0;
	}

	#talk .talkCont .inner ul li img.student {
		height: 40px;
	}

	#talk .talkCont .inner ul li a {
		position: relative;
		display: block;
	}

	#talk .talkCont .inner ul li a img {
		margin-bottom: 0;
	}

	#talk .talkCont .inner img {
		display: block;
		margin-bottom: 8px;
		height: 35px;
	}

	#talk .talkCont .inner a img.playBtn {
		position: absolute;
		top: 0;
		left: 0;
		height: 50px;
		transition: .2s;
	}

	#talk .talkCont .inner a img.playBtn:hover {
		opacity: 0;
	}

	#talk .talkCont .inner a img.playBtn2 {
		height: 50px;
	}

	#talk .talkCont .inner a img.pause {
		position: absolute;
		top: 0;
		left: 0;
		height: 75px;
		transition: .2s;
		display: none;
		height: 50px;
	}

	#talk .talkCont .inner ul.right {
		margin-top: 30px;
	}

	#talk .talkCont .inner ul.right img {
		margin-left: auto;
	}

	#talk .talkCont .inner ul.right img.playBtn {
		left: auto;
		right: 0;
	}

	#talk .talkCont .inner ul.right img.pause {
		left: auto;
		right: 0;
	}

	#talk .beforeSound {
		display: none;
	}

	#bubbles .bubble {
		width: 200px;
		height: 200px;
		background-image: url("/theme/basic/img/bubble.png");
		background-size: cover;
		border-radius: 50%;
		position: absolute;
		bottom: -450px;
		opacity: 1;
		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
	}


	@keyframes floatBubble {
		0% {
			transform: translateX(0);
			opacity: 1;
		}

		50% {
			opacity: 1;
		}

		100% {
			transform: translateX(100px) translateY(-1200px);
			opacity: 1;
		}
	}

	#process {
		position: relative;
		display: block;
		overflow: hidden;
		background: linear-gradient(#332753 0%, #111112 100%);
		text-align: center;
		padding: 40px 0 40px;
	}

	#process span.sandoll {
		display: block;
		color: #d0ff59;
		margin: 20px 0 5px;
	}

	#process h2 {
		color: #fff;
	}

	#process ul {
		max-width: 90%;
		margin: 50px auto 0;
	}

	#process ul li {
		display: block;
		margin-bottom: 10px;
		border-radius: 30px;
		padding: 10px 20px;
		background: #fff;
		font-size: 16px;
		line-height: 30px;
		font-weight: 600;
		text-align: left;
		color: #000;
	}

	#process ul li.size {
		font-size: 15px;
	}

	#process ul li.size span {
		margin-top: -3px;
	}

	#process ul li span {
		display: inline-block;
		vertical-align: middle;
		width: 30px;
		height: 30px;
		background: #101828;
		border-radius: 30px;
		font-weight: 500;
		font-size: 16px;
		line-height: 30px;
		color: #fff;
		margin-right: 10px;
		text-align: center;
		margin-top: -5px;
	}

	#realReview {
		position: relative;
		display: block;
		overflow: hidden;
		/*padding:40px 0;*/
		background: #F2F4F7;
		text-align: center;
		font-size: 0;
	}

	#realReview h2 {
		margin-top: 20px;
		line-height: 40px;
		margin-bottom: 5px;
	}

	#realReview h2 span {
		color: var(--brand-color);
	}

	#realReview>p {
		font-size: 16px;
		font-weight: 400;
		padding: 0 5%;
	}

	#realReview .reviewArea {
		position: relative;
		display: block;
		padding-top: 30px;
	}

	#realReview .reviewArea .backCont {
		display: block;
		height: 200px;
		margin: 20px 10% 30px;
		background: url("/theme/basic/img/backCont.png") rgba(0, 0, 0, 1) no-repeat;
		background-size: cover;
		background-position: center -50px;
		border-radius: 20px;
	}

	#realReview .reviewArea .backCont .desc {
		font-size: 14px;
		font-weight: 500;
		line-height: 40px;
		color: #fff;
		text-align: left;
		padding: 20px 5%;
		letter-spacing: -0.05em;
	}

	#realReview .reviewArea .backCont .desc p {
		font-size: 22px;
		line-height: 1.4;
		font-weight: 600;
	}

	#realReview .reviewArea .subDesc {
		display: block;
	}

	#realReview .reviewArea .subDesc span {
		font-size: 28px;
		font-weight: 700;
		line-height: 1.3;
	}

	#realReview .reviewArea .subDesc span p {
		color: #667085;
	}

	#realReview .reviewSwiper {
		position: relative;
		display: block;
		padding-top: 0;
		padding-bottom: 20px;
		left: 0;
		width: 100%;
	}

	#realReview .reviewSwiper .swiper-wrapper {
		display: flex;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide {
		flex-shrink: 0;
		border-radius: 20px;
		background: #fff;
		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-opacity {
		opacity: 0.5;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .inner {
		padding: 30px 20px;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top {
		display: block;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .left {
		display: inline-block;
		text-align: left;
		width: 50%;
		margin-right: -4px;
		vertical-align: top;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .left p {
		margin-top: 20px;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: -0.06em;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .top .right {
		display: inline-block;
		text-align: right;
		width: 50%;
		vertical-align: top;
		margin: -15px 0 15px;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide .bottom {
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: -0.06em;
		font-weight: 500;
		text-align: left;
	}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-active {}

	#realReview .reviewSwiper .swiper-wrapper .swiper-slide-prev {}

	#realReview .arrow {
		text-align: center;
	}

	#realReview .swiper-review-next {
		display: inline-block;
		cursor: pointer;
	}

	#realReview .swiper-review-prev {
		display: inline-block;
		cursor: pointer;
	}

	#realReview .swiper-review-next img,
	#realReview .swiper-review-prev img {
		height: 50px;
	}

	#timeAttack {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 90%;
		padding: 10px 5% 15px;
		overflow: hidden;
		background: rgba(0, 0, 0, 0.85);
		text-align: center;
		letter-spacing: -0.05em;
		z-index: 9;
	}

	#timeAttack>span {
		display: inline-block;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		margin-right: 4px;
		text-align: center;
		line-height: 30px;
	}

	#timeAttack #timer {
		display: inline-block;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		color: #fff;
		width: 100px;
	}

	#timeAttack .footBtn {
		display: flex;
		align-items: center;
		font-size: 30px;
		font-weight: 700;
		color: #fff;
		font-family: 'GmarketSans';
		padding: 16px 24px 8px;
		background: #F9544B;
		border-radius: 16px;
		margin-left: 40px;
		box-shadow: 0 5px #a4362f;
		letter-spacing: -0.05em;
	}

	#timeAttack .footBtn span {
		color: #fff478;
		margin-right: 7px;
	}

	#timeAttack .footBtn img {
		display: inline-block;
		vertical-align: top;
		height: 20px;
		margin-left: 10px;
		margin-top: 4px;
	}

	#timeAttack .footBtn {
		display: block;
		width: 80%;
		font-size: 18px;
		line-height: 30px;
		padding: 5px 10px;
		box-shadow: 0 2px #a4362f;
		margin: 5px auto 0;
	}
}

@media all and (max-width:960px) {
	#visual.web {
		display: none;
	}

	#visualM {
		position: relative;
		display: block;
		overflow: hidden;
		clear: both;
		font-size: 0;
		line-height: 0;
	}

	#visualM img {
		width: 100%;
	}
}

@media all and (max-width:750px) {

	#career .txtArea li {
		text-align: left;
	}
}

@charset "utf-8";

body {
	font-size: 12px;
}

@media all and (max-width:980px) {
	body {
		font-size: 12px;
	}
}

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */

* {
	-webkit-tap-highlight-color: transparent !important;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
img {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body,
code {
	font-family: 'Pretendard', sans-serif;
	color: #353535;
	background: #fff;
	font-weight: 400;
	word-break: keep-all;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	letter-spacing: -0.02em
}

body {
	line-height: 1.4;
	max-width: 3840px;
	margin: 0 auto;
}

body.zoom-open {
	overflow: hidden;
}

body#popup {
	min-width: 0;
}

li {
	list-style: none;
}

img {
	max-width: 100%;
}

img,
fieldset {
	border: none;
	vertical-align: top;
}

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

caption {
	display: none;
}

th,
td {
	border: 0;
	vertical-align: top;
}

input {
	border-radius: 0 !important;
	max-width: 100%;
}

button {
	overflow: visible;
	padding: 0;
	margin: 0;
	border: 0;
	cursor: pointer;
}

fieldset,
input,
textarea,
button {
	font-family: 'Inter', 'Pretendard', sans-serif !important;
}

hr.layout {
	display: none;
}

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

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

.objHidden {
	visibility: hidden;
	position: absolute;
	left: -1000px;
	top: -1000px;
	height: 0;
	width: 0;
}

#content_CONTAINER table,
#bi_inquire_content_CONTAINER table {
	border: 0;
	margin: 0 0 -1px;
}

#content_CONTAINER table:before,
#bi_inquire_content_CONTAINER table:before {
	display: none;
}

#content_CONTAINER td,
#bi_inquire_content_CONTAINER td {
	width: auto !important;
	padding: 0;
}

table.nneditor-table {
	width: auto !important;
}

select {
	color: #111 !important;
}

/* 결제진행바 */
#progressPaybarBackground {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#progressPaybarView {
	position: absolute;
	z-index: 100;
	top: 160px;
	left: 20px;
	width: 471px;
	font-size: 12px;
}

#progressPaybarView .box {
	height: 180px;
	background: url(//img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat;
}

#progressPaybarView .box .graph {
	padding: 15px 0 0 0;
	text-align: center;
}

#progressPaybarView .box .graph span {
	display: block;
	text-align: center;
	margin: 20px 0;
}

#progressPaybarView .box .txt {
	text-align: center;
	padding: 15px 0 0;
	color: #555555;
}

div.layerProgress {
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
	background-color: #999;
}

/* contents */
#skipNavigation {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 0;
}

#skipNavigation p,
#skipNavigation ul,
#skipNavigation ul li {
	height: 0;
}

#skipNavigation p a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin-left: -1px;
	margin-bottom: -1px;
	text-align: center;
	color: #000;
	white-space: nowrap;
}

#skipNavigation p a:focus,
#skipNavigation p a:hover,
#skipNavigation p a:active {
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #c4122f;
	color: #fff;
	z-index: 100;
}

.displaynone {
	display: none;
}


.dimmed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */


input[type="radio"]:checked {
	border: 0 !important;
	background: transparent url("//soritunenglish.com/ifw/radioChecked.svg") no-repeat !important;
	-webkit-appearance: none;
}

input[type="radio"] {
	border-radius: 0 !Important;
	background: url("//soritunenglish.com/ifw/radioBtn.svg") no-repeat !important;
}

input[type="checkbox"]:checked {
	border: 0 !important;
	background: transparent url("//soritunenglish.com/ifw/checkbox-on.svg") no-repeat !important;
	-webkit-appearance: none;
}

input[type="checkbox"] {
	border: 0 !important;
	width: 18px !important;
	height: 18px !important;
	background-size: 18px 18px !important;
	border-radius: 0 !Important;
	background: transparent url("//soritunenglish.com/ifw/checkbox.svg") no-repeat !important;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: #f7f7f8;
	border: 1px solid #111;
}

::-webkit-scrollbar-track {
	background-color: white;
}

@charset "utf-8";


#topBanner {
	position: relative;
	display: block;
	height: 140px;
	font-size: 0;
	line-height: 0;
	background: #000;
	text-align: center;
}

#topBanner img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
}

/* 탐색경로바 */
.path {
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	*zoom: 1;
	display: none;
}

.path span {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	white-space: nowrap;
	text-indent: 100%;
}

.path ol {
	float: right;
}

.path li {
	float: left;
	padding: 0 0 0 12px;
	margin: 0 0 0 8px;
	color: #757575;
	background: url("//img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 10px;
}

.path li:first-child {
	background: none;
}

.path li a {
	color: #757575;
}

.path li strong,
.path li strong a {
	color: #2e2e2e;
}

/* 타이틀 */
.titleArea {
	min-height: 30px;
	margin: 10px 0 20px;
}

.titleArea h2 {
	display: inline-block;
	color: #2e2e2e;
	font-size: 16px;
	*display: inline;
}

.titleArea p {
	display: inline-block;
	position: relative;
	margin: 0 0 0 6px;
	padding: 0 0 0 10px;
	color: #939393;
	*display: inline;
}

.titleArea p:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 1px;
	height: 13px;
	border-left: 1px solid #d9d9d9;
}

.titleArea ul {
	padding: 5px 0;
	color: #939393;
	line-height: 18px;
}

.titleArea ul li {
	position: relative;
	padding: 0 0 0 9px;
}

.titleArea ul li:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	width: 2px;
	height: 2px;
	margin: -2px 0 0 0;
	background: #939393;
}

/* 게시판 메인 */
.boardMain {
	overflow: hidden;
	*zoom: 1;
}

.boardMain td img {
	vertical-align: middle;
	margin: 1px;
}

.boardMain .board {
	position: relative;
	margin: 0 0 65px;
}

.boardMain .leftArea {
	float: left;
	width: 50%;
}

.boardMain .leftArea .board {
	margin: 0 23px 65px 0;
}

.boardMain .rightArea {
	float: right;
	width: 50%;
}

.boardMain .rightArea .board {
	margin: 0 0 65px 23px;
}

.boardMain .board h3 {
	margin: 0 0 13px;
	height: 28px;
	font-size: 16px;
	color: #2e2e2e;
	border-bottom: 2px solid #626672;
}

.boardMain .board .btnLink {
	position: absolute;
	top: 3px;
	right: 0;
}

.boardMain .board .ec-base-table.typeList td {
	color: #a4a4a4;
}

.boardMain .board .ec-base-table.typeList td.title a,
.boardMain .board .ec-base-table.typeList td.title a:hover {
	color: #4f4f4f;
}

.boardMain .board .galleryList {
	overflow: hidden;
}

.boardMain .board .galleryList ul {
	overflow: hidden;
	margin: 0 -10px;
}

.boardMain .board .galleryList li {
	float: left;
	position: relative;
	width: 20%;
	padding: 0 0 12px 0;
	word-break: break-all;
}

.boardMain .board .galleryList li span {
	display: block;
	margin: 0 10px;
	font-size: 11px;
	color: #a4a4a4;
}

.boardMain .board .galleryList li .imgLink,
.boardMain .board .galleryList li .imgLink:hover {
	display: block;
	margin: 0 10px 5px;
	font-size: 12px;
}

.boardMain .board .galleryList li .imgLink img {
	width: 100%;
	max-height: 110px;
	border: 1px solid #ededed;
}

/* 퀵뷰 모달 */
#modalBackpanel {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #000;
}

#modalContainer {
	display: none;
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 10001;
	width: 975px;
	height: 720px;
	border: 1px solid #333;
	background: #fff;
}

#modalContainer #modalContent {
	width: 100%;
	height: 100%;
}

/* 아이디찾기 */
.xans-member-findid {
	max-width: 400px !important;
}

.xans-member-findid .ec-base-help p:before,
.xans-member-findid .ec-base-help ul li:before {
	display: none;
}

.xans-member-findid .ec-base-help {
	text-align: center;
}

.xans-member-findid .ec-base-help ul li {
	padding: 0;
	font-size: 12px;
	margin-bottom: 5px;
}

.xans-member-findid .ec-base-box.typeMember {
	padding: 0;
	border: 0;
}

.xans-member-findid .ec-base-box.typeMember .content {
	width: 100%;
}

.xans-member-findid .ec-base-desc.gVer .desc {
	margin: 5px 0 20px;
}

.xans-member-findid .ec-base-desc.gVer .desc select {
	height: 40px;
}

.xans-member-findid .ec-base-desc.gVer .desc input {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

.xans-member-findid .ec-base-desc.gVer .desc label {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}

.ec-base-desc .term {
	font-size: 15px;
	line-height: 40px !Important
}

.xans-member-findid .ec-base-desc.gVer li.focus strong {
	color: var(--brand-color);
}

.xans-member-findid .ec-base-button.gBottom {
	margin-top: 20px;
}

.xans-member-findid .ec-base-button.gBottom .sizeM {
	padding: 13px 0;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	transition: .3s;
	background: var(--brand-color);
}

.xans-member-findid .ec-base-button.gBottom .sizeM:hover {
	background: #000;
}

/* 아이디찾기 완료 */
.xans-member-findidresult {
	max-width: 400px;
	margin: 30px auto;
}

.xans-member-findidresult .info {
	margin: 0 0 20px;
	text-align: center;
}

.xans-member-findidresult .information {
	border: 1px solid #ccc;
	padding: 30px;
	5%;
}

.xans-member-findidresult .information li {
	margin: 10px 0
}

/* 비밀번호찾기 */
.xans-member-findpasswd {
	max-width: 400px !important;
}

.xans-member-findpasswd .ec-base-box.typeMember {
	padding: 0;
	border: 0;
}

.xans-member-findpasswd .ec-base-box.typeMember .content {
	width: 100%;
}

.xans-member-findpasswd .ec-base-desc.gVer .desc {
	margin: 5px 0 20px;
}

.xans-member-findpasswd .ec-base-desc.gVer .desc select {
	height: 40px;
}

.xans-member-findpasswd .ec-base-desc.gVer .desc input {
	display: inline-block;
	vertical-align: middle;
}

.xans-member-findpasswd .ec-base-desc.gVer .desc label {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}

.xans-member-findpasswd select,
.xans-member-findpasswd input[type="text"] {
	border-color: #ccc
}

.xans-member-findpasswd .ec-base-desc.gVer li.focus strong {
	color: var(--brand-color);
}

.xans-member-findpasswd .ec-base-button.gBottom {
	margin-top: 20px;
}

.xans-member-findpasswd .ec-base-button.gBottom .sizeM {
	padding: 13px 0;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	transition: .3s;
	background: var(--brand-color);
}

.xans-member-findpasswd .ec-base-button.gBottom .sizeM:hover {
	background: #000;
}

/* 비밀번호찾기 2단계 */
.xans-member-findpasswdmethod {
	max-width: 400px;
}

.xans-member-findpasswdmethod .ec-base-box.typeMember {
	padding: 0;
	border: 0;
}

.xans-member-findpasswdmethod .ec-base-box.typeMember .content {
	width: 100%;
}

.xans-member-findpasswdmethod .ec-base-button.gBottom {
	display: flex;
}

.xans-member-findpasswdmethod .ec-base-button.gBottom a {
	flex: 1;
}

/* 비밀번호찾기 2단계 힌트 */
.xans-member-findPasswdQuestion {
	max-width: 400px;
}

.xans-member-findPasswdQuestion .ec-base-box.typeMember {
	padding: 0;
	border: 0;
}

.xans-member-findPasswdQuestion .ec-base-box.typeMember .content {
	width: 100%;
}

.xans-member-findPasswdQuestion .ec-base-desc.gVer .desc {
	margin: 5px 0 20px;
}

/* 비밀번호찾기 재설정 */
.xans-member-passwordreset {
	max-width: 400px;
}

.xans-member-passwordreset .ec-base-box.typeMember {
	padding: 0;
	border: 0;
}

.xans-member-passwordreset .ec-base-box.typeMember .content {
	width: 100%;
}

.xans-member-passwordreset .ec-base-button.gBottom {
	display: flex;
}

.xans-member-passwordreset .ec-base-button.gBottom a {
	flex: 1;
}

/* 비밀번호찾기 본인확인 */
.xans-member-passwordverification {
	max-width: 400px;
}

.xans-member-passwordverification .ec-base-box.typeMember {
	padding: 0;
	border: 0;
}

.xans-member-passwordverification .ec-base-box.typeMember .content {
	width: 100%;
}

.xans-member-passwordverification .ec-base-desc.gVer .desc {
	margin: 5px 0 20px;
}

.xans-member-passwordverification .ec-base-button.gBottom {
	display: flex;
}

.xans-member-passwordverification .ec-base-button.gBottom a {
	flex: 1;
}

/* 비밀번호찾기 완료 */
.xans-member-findpasswdresult {
	max-width: 400px;
}

.xans-member-findpasswdresult .ec-base-box.typeMember {
	padding: 0;
	border: 0;
}

.xans-member-findpasswdresult .complete {
	width: 100%;
}

/* 회원정보수정 */
.xans-member-edit {
	max-width: 720px;
	margin: 0 auto;
}

.xans-member-edit .required {
	font-size: 14px;
	color: #1a1a1a;
	margin: -19px 0 0 0;
}

.xans-member-edit .icoRequired {
	margin-right: 12px;
}

.xans-member-edit .txtInfo {
	display: block;
	margin: 10px 0 0 0;
}

.xans-member-edit .ec-base-table {
	border-top: 2px solid #1a1a1a;
}

.xans-member-edit .ec-base-table.typeWrite th[scope*="row"] {
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 400;
}

.xans-member-edit .ec-base-table.typeWrite .ec-address input[type="text"],
.xans-member-edit .ec-base-table.typeWrite .ec-address select,
.xans-member-edit .ec-base-table.typeWrite td input[type="text"],
.xans-member-edit .ec-base-table.typeWrite td input[type="password"],
.xans-member-edit .ec-base-table.typeWrite td select {
	width: 100%
}

.xans-member-edit .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {
	width: 160px;
}

.xans-member-edit .ec-base-table .gFlow {
	display: block;
	margin: 10px 0 0;
}

.xans-member-edit #mobile1,
.xans-member-edit #mobile2,
.xans-member-edit #mobile3,
.xans-member-edit #phone1,
.xans-member-edit #phone2,
.xans-member-edit #phone3,
.xans-member-edit #birth_year,
.xans-member-edit #marry_year,
.xans-member-edit #partner_year,
.xans-member-edit #birth_month,
.xans-member-edit #marry_month,
.xans-member-edit #partner_month,
.xans-member-edit #birth_day,
.xans-member-edit #marry_day,
.xans-member-edit #partner_day {
	width: 110px;
}

.xans-member-edit .ec-base-table.typeWrite .formGroup {
	padding-left: 20px;
}

.xans-member-edit .ec-base-table.typeWrite .formGroup input[type="text"],
.xans-member-edit .ec-base-table.typeWrite .formGroup input[type="password"],
.xans-member-edit .ec-base-table.typeWrite .formGroup select,
.xans-member-edit .ec-base-table.typeWrite .formGroup [class^="btn"] {
	margin: 0 14px;
}

.xans-member-edit .eTooltip {
	display: block;
}

.xans-member-edit #phone1,
.xans-member-edit #mobile1,
.xans-member-edit #birth_year,
.xans-member-edit #marry_year,
.xans-member-edit #partner_year {
	margin-left: 0;
}

.xans-member-edit #birth_year,
.xans-member-edit #birth_month,
.xans-member-edit #birth_day,
.xans-member-edit #marry_year,
.xans-member-edit #marry_month,
.xans-member-edit #marry_day,
.xans-member-edit #partner_year,
.xans-member-edit #partner_month,
.xans-member-edit #partner_day {
	width: 106px !important;
	margin-right: 3px !important;
}

.xans-member-edit [class^='btn'].sizeS {
	width: 60px;
	height: 30px;
	padding: 0;
	line-height: 30px;
	border: 1px solid #d6d6d6;
	font-size: 13px;
	color: #1a1a1a;
}

.xans-member-edit .ec-base-button.gBottom {
	display: flex;
	margin-top: 40px;
}

.xans-member-edit .ec-base-button.gBottom button,
.xans-member-edit .ec-base-button.gBottom a {
	flex: 1;
	height: 56px;
	padding: 0;
	line-height: 56px;
	font-size: 16px;
}

.xans-member-edit .ec-base-table.typeWrite table .interest {
	margin: 10px 0 0 0;
	word-break: keep-all;
}

.xans-member-edit .ec-base-table.typeWrite table .interest input {
	margin: -2px 0 10px 0;
}

.xans-member-edit .ec-base-table.typeWrite table .interest label {
	font-size: 14px;
	margin: 0 24px 0 10px;
}

.xans-member-edit .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {
	content: '\a';
	white-space: pre;
}

/* 비밀번호 수정 */
.xans-member-changepasswd {
	max-width: 400px;
	margin: 0 auto;
}

.xans-member-changepasswd .ec-base-help {
	text-align: center;
}

.xans-member-changepasswd .ec-base-help p:before {
	display: none;
}

.xans-member-changepasswd .ec-base-help p {
	padding: 0;
	font-size: 14px;
	margin: 0;
}

.xans-member-changepasswd .ec-base-box.typeMember {
	padding: 0;
	border: 0;
}

.xans-member-changepasswd .ec-base-box.typeMember .content {
	width: 100%;
}

.xans-member-changepasswd .ec-base-button.gBottom {
	display: flex;
}

.xans-member-changepasswd .ec-base-button.gBottom a {
	flex: 1;
}

@media all and (max-width:1080px) {
	#topBanner {
		height: 100px;
	}
}

/* Font */
.txtInfo {
	color: #868686;
	font-size: 12px;
	line-height: 22px;
}

p.txtInfo,
ul.txtInfo {
	margin: 10px 0 0;
}

span.txtInfo {
	margin-left: 10px;
}

p.txtInfo.typeDot,
.txtInfo.typeDot li {
	position: relative;
	padding: 0 0 0 14px;
}

p.txtInfo.typeDot:before,
.txtInfo.typeDot li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #868686;
}

.txtList {
	color: #868686;
	font-size: 13px;
	line-height: 20px;
}

p.txtList,
ul.txtList {
	margin: 10px 0 0;
}

.txtWarn {
	color: var(--font-color-warn);
}

.txtEm {
	color: var(--font-color-primary);
}

.txtSecondary {
	color: var(--font-color-secondary);
}

.txtSuccess {
	color: var(--font-color-success);
}

.txtDel,
.strike,
.discount {
	text-decoration: line-through;
	font-weight: normal;
}

.strike strong,
.discount strong {
	font-weight: normal;
}

.txtNormal {
	font-weight: normal;
	font-style: normal;
}

.txtNum {
	display: inline-block;
	font-size: 16px;
	color: #333;
	word-break: normal;
}

.txt11 {
	font-size: 11px;
}

.txt12 {
	font-size: 12px;
}

.txt13 {
	font-size: 13px;
}

.txt14 {
	font-size: 14px;
}

.txt16 {
	font-size: 16px;
}

.txt18 {
	font-size: 18px;
	letter-spacing: -1px;
}

.txtIcon {
	font-size: 12px;
	font-style: normal;
}

.txtBreak {
	word-break: break-all;
	word-wrap: break-word;
}

/* JP, TW, CN */
html:lang(ja) .txt11,
html:lang(zh) .txt11,
html:lang(zh-tw) .txt11 {
	font-size: 12px;
}


/* grid */
.gBlank5 {
	display: block;
	margin-top: 5px;
}

.gBlank10 {
	display: block;
	margin-top: 10px;
}

.gBlank15 {
	display: block;
	margin-top: 15px;
}

.gBlank20 {
	display: block;
	margin-top: 20px;
}

.gBlank30 {
	display: block;
	margin-top: 30px;
}

.gIndent10 {
	margin-left: 10px;
}

.gIndent20 {
	margin-left: 20px;
}

.gSpace10 {
	margin-right: 10px;
}

.gSpace20 {
	margin-right: 20px;
}

.gMerge {
	position: relative;
	z-index: 1;
	margin-top: -1px;
}

/* svg icon */
svg.icon {
	display: block;
}

/* css icon */
.icon.icoClose {
	display: block;
	position: relative;
	overflow: hidden;
	width: 15px;
	height: 15px;
	margin: 0 auto;
	font-size: 1px;
	line-height: 0;
	color: transparent;
	white-space: nowrap;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.icon.icoClose:before {
	content: "";
	position: absolute;
	top: 0;
	right: 7px;
	width: 1px;
	height: 15px;
	background: #000;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}

.icon.icoClose:after {
	content: "";
	position: absolute;
	top: 7px;
	right: 0;
	width: 15px;
	height: 1px;
	background: #000;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}

.icon.icoClose.white:before,
.icon.icoClose.white:after {
	background: #fff;
}

.icon[class*="icoArrow"] {
	display: inline-block;
	overflow: hidden;
	width: 8px;
	height: 8px;
	text-indent: 120%;
	white-space: nowrap;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}

.icon.icoArrowRight {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.icon.icoArrowLeft {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.icon.icoArrowTop {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.icon.icoArrowBottom {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.icon[class*="icoArrow"].white {
	border-color: #fff;
}

.icon.icoNav {
	display: block;
	width: 20px;
	height: 2px;
	color: #000;
	background: currentColor;
	box-shadow: 0 14px 0;
	margin: -8px auto 0;
	position: relative;
}

.icon.icoNav:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 20px;
	height: 2px;
	background: currentColor;
}

.icon.icoUser {
	overflow: hidden;
	display: inline-block;
	width: 22px;
	height: 22px;
	border-bottom: 2px solid #000;
	box-sizing: border-box;
}

.icon.icoUser:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	margin: 0 auto 1px;
	border-radius: 50%;
	border: 2px solid #000;
}

.icon.icoUser:after {
	content: "";
	display: block;
	width: 18px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #000;
}

/* Form */
input:focus {
	border-bottom: 2px solid var(--brand-color) !important;
}

input[type=text],
input[type=password] {
	height: 40px;
	line-height: 40px;
	padding: 2px 4px 2px 15px;
	border: 0;
	border-bottom: 2px solid #ddd;
	color: var(--font-color-base);
	font-size: 16px;
	box-sizing: border-box;
	outline: 1px;
	background: none;
}

input[type="button"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="image"],
textarea,
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

input[type=text]:not(:disabled):focus,
input[type=password]:not(:disabled):focus,
input[type=text]:not(:disabled):hover,
input[type=password]:not(:disabled):hover {
	transition: .3s;
}

input[type=text]:disabled {
	background: #f9f9f9;
}

input[type=text][readonly] {
	background: none;
}

textarea {
	padding: 10px 15px;
	border: 1px solid #e0e0e0;
	line-height: 1.5;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #c1c1c1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #c1c1c1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #c1c1c1;
	opacity: 1;
}

input.gFull {
	width: 100%;
}

/* file */
input[type="file"] {
	height: 40px;
	line-height: 1;
	font-size: 13px;
	color: #7d7d7d;
}

input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
	height: 40px;
	padding: 0 20px;
	font-size: 13px;
	color: #1c1c1c;
	border: 1px solid #bcbcbc;
	border-radius: 0;
	background: #fff;
	box-sizing: border-box;
	-webkit-appearance: none;
}

/* select */
select {
	width: 100%;
	height: 20px;
	padding: 0 30px 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border: 0;
	border-bottom: 2px solid #ddd;
	box-sizing: border-box;
	background: url("//img.echosting.cafe24.com/skin/skin/common/ico_select.png") no-repeat right 10px center;
	background-size: 14px 8px;
}

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

/* radio */
input[type="radio"] {
	position: relative;
	opacity: 1;
	width: 18px;
	height: 18px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
	background: url("//img.echosting.cafe24.com/skin/skin/common/bg_radio.png") no-repeat 0 0;
	background-size: 18px 18px;
	outline: 0;
	overflow: hidden;
}

input[type="radio"]:checked {
	background: url("//img.echosting.cafe24.com/skin/skin/common/bg_radio_checked.png") no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

input[type="radio"]::-ms-check {
	border: 1px solid #000;
	background-color: #fff;
}

/* checkbox */
input[type="checkbox"] {
	position: relative;
	opacity: 1;
	cursor: pointer;
	width: 15px;
	height: 15px;
	vertical-align: text-top;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #000;
	background: #fff;
	outline: 0;
}

input[type="checkbox"]:checked {
	border: 0;
	background-image: url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png") no-repeat;
	background-size: 15px 15px;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

/* ie support */
input[type="checkbox"]::-ms-check {
	border: 1px solid #ababab;
	background-color: #fff;
}

input[type="checkbox"]:checked::-ms-check {
	color: transparent;
	border: 0;
	background-image: url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png") no-repeat;
	background-size: 15px 15px;
	background-repeat: no-repeat;
}

label>input[type=radio],
label>input[type=checkbox] {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

label+label {
	margin-left: 15px;
}

input[type=radio]+label,
input[type=checkbox]+label {
	margin: 0 15px 0 10px;
	vertical-align: middle;
}

legend {
	visibility: hidden;
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	line-height: 0;
}

table tr.radioType input,
span.noBorder input {
	border: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 3px 0 0 !important;
	vertical-align: middle !important;
	background: none !important;
}

.gLabel {
	display: inline-block;
}

.gLabel label {
	margin-right: 20px;
	line-height: 22px;
}

.fWidthFull input[type=text] {
	width: 100%;
	height: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fWidthFull textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fWidthFull select {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fList.typeHor .gLabel {
	margin-right: 20px;
}

.fList.typeVer .gLabel {
	display: block;
}

/* ec-base-chk */
.ec-base-chk {
	display: inline-block;
	position: relative;
	margin: 0 8px 0 0;
	vertical-align: top;
	cursor: pointer;
}



/* ec-base-field */
.ec-base-field {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.ec-base-field input[type="text"],
.ec-base-field input[type="password"] {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.ec-base-field input~[class*='btn'] {
	margin-left: 5px;
}

.ec-base-field.code {
	margin: 0 -9px;
	align-items: center;
}

.ec-base-field.code input[type="text"],
.ec-base-field.code input[type="password"] {
	margin: 0 9px;
}

/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label {
	display: block;
}

/* ec-base-qty */
.ec-base-qty {
	position: relative;
	display: inline-block;
	width: 103px;
	padding: 0 30px;
	vertical-align: top;
	box-sizing: border-box;
}

.ec-base-qty input[type="text"] {
	width: 45px;
	height: 30px;
	padding: 0;
	line-height: 28px;
	margin-left: -1px;
	text-align: center;
}

.ec-base-qty input[type="text"]:focus,
.ec-base-qty input[type="text"]:hover {
	border: 1px solid #e5e5e5;
}

.ec-base-qty img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: .00001;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.ec-base-qty .up {
	position: absolute;
	right: 0;
	top: 0;
}

.ec-base-qty .down {
	position: absolute;
	left: 0;
	top: 0;
}

.ec-base-qty a {
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 150%;
	color: transparent;
	font-size: 1px;
	line-height: 1px;
}

.ec-base-qty a:before {
	content: '';
	position: absolute;
	left: 11px;
	top: 50%;
	width: 9px;
	height: 1px;
	background: #000;
}

.ec-base-qty .up:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
	height: 9px;
	margin: -4px 0 0 0;
	background: #000;
}

.ec-base-qty .qtyUp {
	position: absolute;
	right: 0;
	top: 0;
}

.ec-base-qty .qtyDown {
	position: absolute;
	left: 0;
	top: 0;
}

.ec-base-qty .qtyUp .up {
	position: static;
	left: auto;
	top: auto;
}

.ec-base-qty .qtyDown .down {
	position: static;
	left: auto;
	top: auto;
}

/* ec-base-step */
.ec-base-step {
	margin: 20px 0 30px;
	text-align: left;
}

.ec-base-step li {
	display: inline-block;
	font-size: 13px;
	color: #939393;
}

.ec-base-step li:not(:last-child):after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	vertical-align: middle;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.ec-base-step li:not(:last-child):after {
	margin: -2px 10px 0;
}

.ec-base-step .selected {
	color: #000;
}


/********************* PC *********************/
@media all and (min-width:1025px) {
	.ec-base-step {
		text-align: center;
	}

	.ec-base-step li {
		font-size: 12px;
	}

	.ec-base-step li:not(:last-child):after {
		margin: -2px 30px 0;
	}

	/* memberArea */
	.memberArea {
		max-width: 898px;
		margin: 0 auto;
	}

	#capp-shop-new-product-optionselect-layer {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		left: auto !important;
		width: 458px !important;
		height: 100% !important;
		margin: 0 !important;
	}

	#capp-shop-new-product-optionselect-layer>iframe {
		z-index: 1111;
		position: relative;
	}

	#capp-shop-new-product-optionselect-layer:after {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 1;
		background: #00000040;
	}

	#capp-shop-new-product-optionselect-backlayer {
		width: 100% !important;
		background: #000;
	}

	#capp-shop-new-product-optionselect-backlayer+#capp-shop-new-product-optionselect-layer:after {
		display: none;
	}
}

@media all and (max-width:790px) {
	.txtNum {
		font-size: 14px;
	}

	input[type=text],
	input[type=password] {
		font-size: 13px;
	}
}

.ec-base-tooltip {
	display: none;
	z-index: 2;
	position: absolute;
	top: 24px;
	padding: 15px;
	border: 1px solid #565960;
	background: #fff;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
}

.ec-base-tooltip h3 {
	margin: 0 0 8px;
	padding: 0 10px;
	font-size: 12px;
	border-bottom: 0;
	background: url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%;
}

.ec-base-tooltip h3+p {
	margin: 0 5px 10px;
}

.ec-base-tooltip h4 {
	margin: 15px 10px 8px 5px;
	font-size: 12px;
}

.ec-base-tooltip h4:before {
	display: inline-block;
	content: "";
	margin: 0 5px 0 0;
	width: 3px;
	height: 3px;
	background: #666;
	vertical-align: middle;
}

.ec-base-tooltip .btnClose {
	position: absolute;
	right: 14px;
	top: 14px;
}

.ec-base-tooltip .edge {
	z-index: 20;
	position: absolute;
	left: 50%;
	top: -6px;
	display: block;
	margin: 0 0 0 -5px;
	width: 10px;
	height: 6px;
}

.ec-base-tooltip .edge:before,
.ec-base-tooltip .edge:after {
	display: inline-block;
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border: solid transparent;
}

.ec-base-tooltip .edge:before {
	margin: 1px 0 0;
	border-bottom-color: #565960;
	border-width: 0 5px 5px 5px;
}

.ec-base-tooltip .edge:after {
	left: 1px;
	margin: 2px 0 0;
	border-bottom-color: #fff;
	border-width: 0 4px 4px 4px;
}

.ec-base-tooltip table th,
.ec-base-tooltip table td {
	padding: 8px 10px 7px 10px;
	border: 1px solid #e8e8e8;
	line-height: 1.5em;
}

.ec-base-tooltip table th {
	padding-right: 0;
	background: #fbf9fa;
}

.ec-base-tooltip table thead th {
	text-align: center;
}

.ec-base-tooltip table tbody th {
	text-align: left;
}

.ec-base-tooltip table .left {
	text-align: left;
}

.ec-base-tooltip table .center {
	text-align: center;
}

.ec-base-tooltip table .right {
	text-align: right;
}

.ec-base-tooltip table .info {
	padding: 0;
	color: #757575;
}

.ec-base-tooltip table p.info:before,
.ec-base-tooltip table ul.info li:before {
	display: inline-block;
	content: "";
	margin: 0 3px 0 0;
	width: 4px;
	height: 1px;
	background: #757575;
	vertical-align: middle;
}

.ec-base-tooltip .info {
	padding: 10px 10px 0;
	margin: 5px 0 0;
}

.ec-base-tooltip p.bullet,
.ec-base-tooltip ul.bullet {
	margin: 8px 10px;
}

.ec-base-tooltip p.bullet:before,
.ec-base-tooltip ul.bullet li:before {
	display: inline-block;
	content: "";
	margin: -3px 3px 0 0;
	width: 0;
	height: 0;
	border: solid transparent;
	border-left-color: #333;
	border-width: 2px 0 2px 2px;
	vertical-align: middle;
}

.ec-base-tooltip ul.bullet li {
	line-height: 1.5em;
}

.ec-base-tooltip .txtEm {
	color: #008bcc;
}

.ec-base-tooltip .txtWarn {
	color: #f65b54;
}

/* typeUpper */
.ec-base-tooltip.typeUpper {
	top: auto;
	bottom: 34px;
}

.ec-base-tooltip.typeUpper .edge {
	top: auto;
	bottom: -6px;
}

.ec-base-tooltip.typeUpper .edge:before {
	margin: 0 0 -5px;
	border-top-color: #565960;
	border-width: 5px 5px 0 5px;
}

.ec-base-tooltip.typeUpper .edge:after {
	left: 1px;
	margin: 0 0 -4px;
	border-top-color: #fff;
	border-width: 4px 4px 0 4px;
}

span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li {
	margin: 2px 9px;
	padding: 1px 0 1px 20px;
	line-height: 1.4;
	text-align: left;
	background: url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px;
}

div.ec-base-help {
	margin: 20px 0;
	border: 1px solid #d6d4d4;
	line-height: 18px;
}

div.ec-base-help>h2,
div.ec-base-help>h3 {
	padding: 9px 0 6px 10px;
	border-bottom: 1px solid #e8e7e7;
	color: #101010;
	font-size: 12px;
	background: #fbfbfb;
}

div.ec-base-help .inner {
	padding: 0 9px 12px;
}

div.ec-base-help h4 {
	margin: 22px 0 -4px;
	color: #404040;
	font-size: 12px;
	font-weight: normal;
}

div.ec-base-help h4:first-child {
	margin-top: 13px;
}

div.ec-base-help p {
	margin: 15px 0 0 10px;
	color: #707070;
}

div.ec-base-help ul,
div.ec-base-help ol {
	margin: 15px 0 0 11px;
}

div.ec-base-help li {
	color: #707070;
}

/* number */
div.ec-base-help ol li {
	padding: 0 0 0 25px;
	background: url('//img.echosting.cafe24.com/skin/base/common/ico_number.png') no-repeat;
}

div.ec-base-help ol .item1 {
	background-position: -484px 0;
}

div.ec-base-help ol .item2 {
	background-position: -434px -100px;
}

div.ec-base-help ol .item3 {
	background-position: -384px -200px;
}

div.ec-base-help ol .item4 {
	background-position: -334px -300px;
}

div.ec-base-help ol .item5 {
	background-position: -284px -400px;
}

div.ec-base-help ol .item6 {
	background-position: -234px -500px;
}

div.ec-base-help ol .item7 {
	background-position: -184px -600px;
}

div.ec-base-help ol .item8 {
	background-position: -134px -700px;
}

div.ec-base-help ol .item9 {
	background-position: -84px -800px;
}

div.ec-base-help ol .item10 {
	background-position: -34px -900px;
}

/* typeDash */
div.ec-base-help ul li {
	padding: 0 0 0 11px;
	background: url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px;
}

.ec-base-help.typeDash li {
	padding: 0 0 0 11px;
	background: url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px;
}

.ec-base-tooltip .ec-base-help.typeDash li {
	margin: 2px 0;
}

.ec-base-product {
	margin: 0 0 40px;
	padding: 60px 70px 80px;
	background: #fff;
	border-radius: 30px;
}

.ec-base-product h2 {
	font-size: 28px;
	font-weight: 500;
	color: #333;
	letter-spacing: -0.06em;
	margin-bottom: 30px;
}

.ec-base-product .title {
	margin: 0 0 17px;
}

.ec-base-product .title h2 {
	font-weight: normal;
	font-size: 20px;
	color: #2e2e2e;
	text-align: center;
}

.ec-base-product .title h3 {
	font-weight: normal;
	font-size: 20px;
	color: #2e2e2e;
	text-align: center;
}

.ec-base-product img {
	vertical-align: middle;
}

.ec-base-product a[href^='/product/detail.html']>img {
	border: 1px solid #ececec;
}

.ec-base-product .prdList {
	width: 100%;
	margin: -20px 0 0;
	font-size: 0;
	line-height: 0;
}

.ec-base-product .prdList>li {
	position: relative;
	display: inline-block;
	margin: 30px 0 20px;
	color: #757575;
	vertical-align: top;
}

.ec-base-product .prdList .chk {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	display: block;
	margin: 0 0 10px;
}

.ec-base-product .prdList .thumbnail {
	position: relative;
	text-align: center;
	border-radius: 16px 16px 0 0;
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}

.ec-base-product .prdList .thumbnail .prdImg {
	position: relative;
}

.ec-base-product .prdList .thumbnail a img {
	max-width: 100%;
	box-sizing: border-box;
}

.ec-base-product .prdList .thumbnail .wish {
	position: absolute;
	right: 3px;
	bottom: 4px;
	z-index: 1;
	cursor: pointer;
}

.ec-base-product .prdList .thumbnail .prdIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.ec-base-product .prdList .thumbnail .sold {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #000;
	color: #fff;
	line-height: 1;
	display: block;
	border-radius: 4px;
	padding: 8px 12px;
	font-weight: 600;
	font-size: 14px;
}

.ec-base-product .prdList .thumbnail .promotion {
	float: left;
	margin: 0 0 4px;
	text-align: left;
}

.ec-base-product .prdList .thumbnail .promotion img {
	margin: 0 4px 0 0;
}

.ec-base-product .prdList .thumbnail .button {
	float: right;
	margin: 0 0 4px;
}

.ec-base-product .prdList .thumbnail .button img {
	margin: 0 2px 0 0;
	cursor: pointer;
}

.ec-base-product .prdList .thumbnail .button .option {
	display: inline;
	position: relative;
}

.ec-base-product .prdList .thumbnail .button .likeButton {
	display: inline-block;
	margin: 0 5px;
}

.ec-base-product .prdList .thumbnail .button .likeButton button {
	font-family: verdana;
	color: #9a9a9a;
	letter-spacing: -1px;
	background: none;
}

.ec-base-product .prdList .thumbnail .button .likeButton button img {
	margin: 0;
	vertical-align: middle;
}

.ec-base-product .prdList .thumbnail .button .likeButton button strong {
	height: 16px;
	vertical-align: middle;
}

.ec-base-product .prdList .thumbnail .button .likeButton.selected button {
	color: #353535;
}

.ec-base-product .prdList .description {
	position: relative;
	margin: 0 auto;
	padding: 32px 34px 30px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	border-radius: 0 0 16px 16px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 0;
}

.ec-base-product .prdList .description .name {
	display: block;
	text-align: left;
	font-weight: normal;
}

.ec-base-product .prdList .description .name a {
	line-height: 31px;
}

.ec-base-product .prdList .description .name a span {
	font-size: 24px !important;
	letter-spacing: -0.05em;
}

.ec-base-product .prdList .description .mileage {
	display: block;
}

.ec-base-product .prdList .description span.grid {
	display: block;
}

.ec-base-product .prdList .description .ec-base-help {
	margin-left: 0;
}

.xans-product-listmain .description li.percent {
	font-weight: 600;
	margin-top: 15px;
}

.xans-product-listmain .description li.percent .grey {
	margin-left: 6px;
	color: #b4b4b4;
	text-decoration: line-through;
}

.xans-product-listmain .description li.installPrice {
	margin-top: 8px;
	font-weight: 600;
	letter-spacing: -0.1em;
}

.xans-product-listmain .description li.listTag {
	margin-top: 35px;
}

.xans-product-listmain .description li.listTag span span {
	display: inline-block;
	background: #eaecf0;
	border-radius: 4px;
	padding: 8px 12px;
	margin: 0 7px 7px 0;
	font-weight: 600;
}

.xans-product-listmain .description li.listTag .black {
	position: absolute;
	top: -17px;
	left: 0;
	background: #000;
	padding: 5px 20px 1px 34px;
	border-radius: 0 50px 50px 0;
	font-family: 'GmarketSans';
	line-height: 30px;
	text-align: center;
	color: #fff;
}

.xans-product-listmain .description li.period {
	margin-top: 20px;
	line-height: 30px;
	border-bottom: 1px solid #ddd;
}

.xans-product-listmain .description li.period span span {
	display: inline-block;
	width: 50%;
	margin-right: -4px;
}

.xans-product-listmain .description li.group {
	line-height: 30px;
	border-bottom: 1px solid #ddd;
}

.xans-product-listmain .description li.group span span {
	display: inline-block;
	width: 50%;
	margin-right: -4px;
}

.xans-product-listmain .description li.recruit {
	line-height: 30px;
	border-bottom: 1px solid #ddd;
}

.xans-product-listmain .description li.recruit span span {
	display: inline-block;
	width: 50%;
	margin-right: -4px;
}

.xans-product-listmain .description li.remain {
	line-height: 30px;
}

.xans-product-listmain .description li.remain strong {
	display: inline-block;
	width: 50%;
	margin-right: -8px;
	font-size: 14px;
	color: #555;
}

.xans-product-listmain .description li.remain span:before {
	display: inline-block;
	content: "";
	background: url("//soritunenglish.com/ifw/detail/icon-member.svg") no-repeat;
	width: 13px;
	height: 13px;
	margin-right: 5px;
}

.xans-product-listmain .description li:last-child {
	border-bottom: 0;
}

/* grid */
.ec-base-product ul.grid2>li {
	width: 50%;
}

.ec-base-product ul.grid3>li {
	width: calc(33.333% - 20px);
	margin-right: 30px;
}

.ec-base-product ul.grid3>li:nth-child(3n) {
	margin-right: 0;
}

.ec-base-product ul.grid4>li {
	width: 25%;
}

.ec-base-product ul.grid5>li {
	width: 20%;
}

.ec-base-product ul.grid3>li .color {
	max-width: 230px;
}

.ec-base-product ul.grid4>li .color {
	max-width: 190px;
}

.ec-base-product ul.grid5>li .color {
	max-width: 130px;
}

/* module="product_ListItem" */
.ec-base-product .spec {
	margin: 0;
}

.ec-base-product .spec li {
	text-align: left;
}

.ec-base-product .spec li .title {
	font-weight: normal;
	vertical-align: top;
}

.ec-base-product .spec li .title span {
	vertical-align: top;
}

.ec-base-product .spec li .color {
	overflow: hidden;
	display: inline-block;
	margin: 3px 0 0 0;
}

.ec-base-product .spec li .chips {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 2px 2px 0;
	border: 1px solid #e3e3e3;
	font-size: 0;
	line-height: 0;
}

.ec-base-product .discountPeriod {
	display: inline-block;
	z-index: 10;
	position: relative;
	width: 55px;
	height: 19px;
	vertical-align: middle;
}

.ec-base-product .layerDiscountPeriod {
	left: 50%;
	top: 26px;
	width: 247px;
	margin: 0 0 0 -124px;
}

.ec-base-product .layerDiscountPeriod strong.title {
	display: block;
	margin: 0 0 12px;
	padding: 0 35px 0 0;
	font-weight: bold;
	color: #2e2e2e;
}

.ec-base-product .layerDiscountPeriod .content p {
	margin: 2px 0 0;
	font-size: 11px;
	line-height: 16px;
	color: #757575;
	letter-spacing: -1px;
}

.ec-base-product .layerDiscountPeriod .content p strong {
	font-weight: normal;
	font-size: 12px;
	color: #2e2e2e;
}

.ec-base-product .layerDiscountPeriod .content p strong span {
	font-size: 11px;
}

.ec-base-product .prdList .shippingFee {
	position: relative;
	display: inline-block;
}

.ec-base-product .prdList .shippingFee .button {
	display: inline-block;
	float: none;
}

.ec-base-product .prdList .shippingFee .ec-base-tooltip {
	z-index: 11;
	display: block;
	margin: 0 0 0 -170px;
	width: 360px;
}

.ec-base-product .prdList .shippingFee .ec-base-tooltip table th {
	width: 40px;
}

.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td {
	padding: 7px 10px 8px 10px;
}

.ec-base-product .btnTooltip {
	position: relative;
	display: inline-block;
}

.differentialShipping {
	display: none;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 17px;
	z-index: 100;
	width: 350px;
	margin: 0 0 0 -176px;
}

.differentialShipping h3.title {
	margin: 0;
	height: 35px;
	padding: 0 35px 0 19px;
	border: 0;
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	background: #495164;
}

.differentialShipping .content {
	padding: 12px 18px 14px 18px;
	border: 1px solid #757575;
	border-top: 0;
	text-align: center;
	background: #fff;
}

.differentialShipping .close {
	position: absolute;
	right: 14px;
	top: 12px;
}

.differentialShipping .close img {
	cursor: pointer;
}

.differentialShipping .content ul {
	color: #757575;
	line-height: 25px;
}

.differentialShipping .content li {
	overflow: hidden;
}

.differentialShipping .content li strong {
	float: left;
	font-weight: normal;
}

.differentialShipping .content li span {
	float: right;
	color: #2e2e2e;
}

.differentialShipping .content .info {
	margin: 7px 0 0;
	padding: 7px 0 0;
	border-top: 1px dotted #b0b1b3;
	color: #80aeef;
	text-align: right;
}

/* Thumbnail icon position */
.ec-product-bgLT {
	background-position: left top;
}

.ec-product-bgLC {
	background-position: left center;
}

.ec-product-bgLB {
	background-position: left bottom;
}

.ec-product-bgRT {
	background-position: right top;
}

.ec-product-bgRC {
	background-position: right center;
}

.ec-product-bgRB {
	background-position: right bottom;
}

.ec-product-bgCT {
	background-position: center top;
}

.ec-product-bgCC {
	background-position: center center;
}

.ec-product-bgCB {
	background-position: center bottom;
}

@media all and (max-width:1320px) {
	.ec-base-product .prdList .description .name a span {
		font-size: 20px !important;
	}
}

@media all and (max-width:1100px) {
	.ec-base-product .prdList .description .name a span {
		font-size: 18px !important;
	}
}

@media all and (max-width:1024px) {
	.ec-base-product {
		padding: 40px 40px 50px;
	}

	.ec-base-product h2 {
		font-size: 18px;
	}

	.ec-base-product ul.grid3>li {
		width: calc(50% - 10px);
		margin-right: 20px;
	}

	.ec-base-product ul.grid3>li:nth-child(2n) {
		margin-right: 0;
	}

	.ec-base-product ul.grid3>li:nth-child(3n) {
		margin-right: 20px;
	}

	.ec-base-product .prdList .description {
		padding: 20px 20px 20px;
	}

	.ec-base-product .prdList .thumbnail .sold {
		top: 10px;
		padding: 5px 9px;
		font-size: 12px;
	}

	.xans-product-listmain .description li.percent {
		margin-top: 10px;
	}

	.xans-product-listmain .description li.percent span {
		font-size: 16px !important;
	}

	.xans-product-listmain .description li.percent .grey {}

	.xans-product-listmain .description li.installPrice {
		margin-top: 5px;
	}

	.xans-product-listmain .description li.installPrice span {
		font-size: 16px !important;
	}

	.xans-product-listmain .description li.listTag {
		margin-top: 20px;
	}

	.xans-product-listmain .description li.listTag span span {
		font-size: 12px !important;
		padding: 5px 9px;
	}

	.xans-product-listmain .description li.badge {
		position: absolute;
		top: -17px;
		left: 0;
		background: #000;
		padding: 3px 10px 0 24px;
		border-radius: 0 30px 30px 0;
	}

	.xans-product-listmain .description li.badge span {
		line-height: 25px;
		font-size: 12px !important;
	}

	.xans-product-listmain .description li.badge span:after {
		content: "🔥";
		font-size: 16px;
		line-height: 25px;
		margin-left: 5px;
	}

	.xans-product-listmain .description li.listTag .black {
		padding: 0 15px;
	}
}

@media all and (max-width:690px) {
	.ec-base-product {
		padding: 30px 5% 40px;
	}

	.ec-base-product ul.grid3>li {
		width: 100%;
		margin-right: 0;
	}
}

/* typeList */
.ec-base-paginate.typeList {
	margin: 60px 0;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.ec-base-paginate.typeList>a {
	background: url("//soritunenglish.com/web/ifw/detail/nextPage.svg")no-repeat center center;
	background-size: 30px 30px;
	display: inline-block;
	width: 40px;
	line-height: 40px;
	text-align: center;
	box-sizing: border-box;
}

.ec-base-paginate.typeList>a.first,
.ec-base-paginate.typeList>a.last {
	display: none
}

.ec-base-paginate.typeList>a:first-child {
	transform: rotate(-180deg)
}

.ec-base-paginate.typeList>a:nth-child(2) {
	transform: rotate(-180deg)
}


.ec-base-paginate.typeList>a:first-child+a::after {
	transform: rotate(-135deg);
	border: 1px solid #333
}

.ec-base-paginate.typeList ol {
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	margin: 0 15px
}

.ec-base-paginate.typeList li {
	display: inline-block;
	margin: 0 0 0 -1px;
	vertical-align: top;
}

.ec-base-paginate.typeList li:first-child {
	margin-left: 0;
}

.ec-base-paginate.typeList img {
	vertical-align: top;
}

.ec-base-paginate.typeList li a {
	display: block;
	line-height: 20px;
	margin: 0 10px;
	;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #999;
}

.ec-base-paginate.typeList li a:hover {
	text-decoration: none;
	color: #111;
}

.ec-base-paginate.typeList li a.this {
	color: var(--brand-color);
	text-decoration: underline;
	font-weight: 600;
}

.ec-base-paginate.typeList a.nolink {
	cursor: default;
}

/* typeSwipe */
.ec-base-paginate.typeSwipe {
	text-align: center;
}

.ec-base-paginate.typeSwipe .prev,
.ec-base-paginate.typeSwipe .next {
	display: none;
}

.ec-base-paginate.typeSwipe [id*='swipe-button'] button {
	display: inline-block;
	margin: 0 7px;
	width: 8px;
	height: 8px;
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}

.ec-base-paginate.typeSwipe [id*='swipe-button'] button.selected {
	opacity: 1;
}



.ec-base-paginate.typeList>a::after,


.ec-base-tab {
	position: relative;
}

.ec-base-tab .menu {
	margin: 0 0 20px;
	border: 1px solid #cbcdce;
	border-bottom-color: #202020;
	border-left: 0;
	background: #f2f2f2;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.ec-base-tab .menu:after {
	content: "";
	display: block;
	clear: both;
}

.ec-base-tab .menu li {
	float: left;
	border-left: 1px solid #cbcdce;
	background: #f2f2f2;
}

.ec-base-tab .menu li a {
	display: block;
	min-width: 187px;
	margin: 0 0 0 -1px;
	padding: 12px 5px 11px;
	border-right: 1px solid #cbcdce;
	color: #707070;
	text-decoration: none;
	outline: 0;
	text-align: center;
	background: #f2f2f2;
}

.ec-base-tab .menu li:first-child a {
	margin-left: 0;
}

.ec-base-tab .menu li.selected a {
	position: relative;
	top: -1px;
	left: -2px;
	margin: 0 0 -1px;
	border: 1px solid #202020;
	border-bottom: 0;
	color: #fff;
	font-weight: bold;
	background: #4a5164;
}

.ec-base-tab .menu li.selected:first-child a {
	left: -1px;
}

.ec-base-tab>.right {
	position: absolute;
	top: 8px;
	right: 10px;
	line-height: 24px;
	color: #909090;
}

/* typeLight */
.ec-base-tab.typeLight .menu li.selected a {
	margin: 0 0 -2px;
	border-bottom: 1px solid #fff;
	color: #404040;
	background: #fff;
}

/* grid (2~7) */
.ec-base-tab[class*="grid"] .menu {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.ec-base-tab[class*="grid"] .menu li {
	float: none;
	display: table-cell;
	vertical-align: middle;
}

.ec-base-tab[class*="grid"] .menu li a {
	display: inline-block;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 11px 0;
	border: 0;
}

.ec-base-tab[class*="grid"] .menu li.selected {
	position: relative;
	top: 0;
	right: -1px;
	border: 1px solid #292929;
	border-bottom: 0;
	background: #4a5164;
}

.ec-base-tab[class*="grid"] .menu li:first-child.selected {
	right: 0;
}

.ec-base-tab[class*="grid"] .menu li.selected a {
	position: static;
	background: none;
}

.ec-base-tab.grid2 .menu li {
	width: 50.5%;
}

.ec-base-tab.grid3 .menu li {
	width: 34%;
}

.ec-base-tab.grid4 .menu li {
	width: 25.5%;
}

.ec-base-tab.grid5 .menu li {
	width: 20.5%;
}

.ec-base-tab.grid6 .menu li {
	width: 17%;
}

.ec-base-tab.grid7 .menu li {
	width: 14.8%;
	width: 15% \0/;
}

.ec-base-tab.grid7 .menu li:first-child {
	width: 13% \0/;
}

/* gFlex */
.ec-base-tab.gFlex .menu {
	display: flex;
	border-right: 0;
}

.ec-base-tab.gFlex .menu:after {
	display: none;
}

.ec-base-tab.gFlex .menu li {
	display: flex;
	align-items: center;
	float: none;
	flex: 1;
	position: relative;
}

.ec-base-tab.gFlex .menu li:last-child {
	border-right: 1px solid #cbcdce;
}

.ec-base-tab.gFlex .menu li a {
	width: 100%;
	min-width: 0;
	border-right: 0;
	background: none;
	word-break: break-all;
}

.ec-base-tab.gFlex .menu li a:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.ec-base-tab.gFlex .menu li.selected {
	border: 1px solid #292929;
	border-bottom: 0;
	background: #4a5164;
}

.ec-base-tab.gFlex .menu li.selected a {
	left: 0;
	margin: 0 0 -1px -1px;
	background: #4a5164;
	border: 0;
	position: initial;
}

/* button */
[class^='btnNormal'],
a[class^='btnNormal'] {
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #bcbcbc;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	word-spacing: -0.5px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	color: #000;
	background-color: #f7f7f8;
}

[class^='btnSubmit'],
a[class^='btnSubmit'] {
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	box-sizing: border-box;
	border: 1px solid transparent;
	font-weight: 600;
	text-decoration: none;
	vertical-align: middle;
	word-spacing: -0.5px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background-color: var(--brand-color);
	transition: .3s;
}

[class^='btnEm'],
a[class^='btnEm'] {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 8px;
	border: 1px solid transparent;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: bottom;
	word-spacing: -0.5px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background-color: var(--brand-color);
	transition: .3s;
}

[class^='btnBasic'],
a[class^='btnBasic'] {
	display: inline-block;
	box-sizing: border-box;
	padding: 2px 8px;
	border: 1px solid #d1d1d1;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	word-spacing: -0.5px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	color: #222;
	background-color: #f0f0f0;
}

a[class^='btnSubmit']:hover {
	background: #000;
}

[class^='btnNormal']:not(.disabled):hover,
[class^='btnNormal']:not(.disabled).selected {
	border-color: #000;
}

[class^='btnEm']:not(.disabled):hover {
	background-color: #000;
}

[class^='btnBasic']:not(.disabled):hover {
	background-color: #e5e5e5;
}

[class^='btnNormal'].disabled {
	border-color: #e3e3e3;
	color: #999;
}

[class^='btnSubmit'].disabled {
	background-color: #9297a2;
	color: #f0f0f0;
}

[class^='btnEm'].disabled {
	background-color: #b5b6b9;
	color: #f0f0f0;
}

[class^='btnBasic'].disabled {
	color: #999;
}

[class^='btn']+[class^='btn'] {
	margin-left: 6px;
}

/* sizeQty */
[class^='btn'].sizeQty {
	padding: 9px 20px;
	height: 30px;
	margin-left: 6px;
	font-size: 12px;
	line-height: 12px;
}

/* btnText */
.btnText {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	text-decoration: underline;
}

/* width full */
[class^='btn'].gFull {
	width: 100%;
}

[class^='btn'].gFull+[class^='btn'].gFull {
	margin: 10px 0 0;
}

/* btnMore */
.xans-product-listmore {
	text-align: center;
}

.btnMore {
	display: inline-block;
	min-width: 220px;
	padding: 15px 0;
	border: 1px solid #222;
	text-align: center;
	transition: all 400ms;
}

.btnMore:hover {
	background: #222;
	border-color: #222;
	color: #fff;
	text-decoration: none;
}

.btnMore .icon {
	margin: -8px 0 0 10px;
	vertical-align: middle;
}

.btnMore:hover .icon {
	border-color: #fff;
}

/* ec-base-button */
.ec-base-button {
	margin: 20px 0;
	text-align: center;
}

.ec-base-button.justify {
	position: relative;
}

.ec-base-button:after {
	display: block;
	content: "";
	clear: both;
}

.ec-base-button .gLeft {
	float: left;
	text-align: left;
}

.ec-base-button .gRight {
	float: right;
	text-align: right;
}

.ec-base-button.justify .gLeft {
	position: absolute;
	left: 0;
}

.ec-base-button.justify .gRight {
	position: absolute;
	right: 0;
}

.ec-base-button .text {
	margin: 0 6px 0 10px;
	color: #353535;
	line-height: 24px;
}

/* type */
.ec-base-button.typeBorder {
	margin-top: -1px;
	padding: 10px 0;
	border: 1px solid #d7d5d5;
}

/* gBottom */
.ec-base-button.gBottom {
	margin: 50px 0 0;
}

.ec-base-button.gBottom [class^='btn']+[class^='btn'] {
	margin-left: 10px;
}

/* gColumn */
.ec-base-button[class*="gColumn"] {
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.ec-base-button[class*="gColumn"]:after {
	display: none;
}

.ec-base-button[class*="gColumn"] [class^='btn'] {
	margin: 0 5px;
	padding-left: 8px;
	padding-right: 8px;
	word-break: keep-all;
	word-wrap: break-word;
	white-space: normal;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

/* gFlex */
.ec-base-button[class*="gColumn"] .gFlex2 {
	-webkit-flex: 2;
	-moz-flex: 2;
	-ms-flex: 2;
	flex: 2;
}

.ec-base-button[class*="gColumn"] .gFlex3 {
	-webkit-flex: 3;
	-moz-flex: 3;
	-ms-flex: 3;
	flex: 3;
}

.ec-base-button[class*="gColumn"] .gFlex4 {
	-webkit-flex: 4;
	-moz-flex: 4;
	-ms-flex: 4;
	flex: 4;
}

/* gFixed */
.ec-base-button.gFixed {
	position: fixed;
	z-index: 990;
	left: 0;
	bottom: 0;
	max-width: 100%;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	background: #fff;
}

.ec-base-button.gFixed>.ec-base-button,
.ec-base-button.gFixed>.ec-base-button[class*="gColumn"] {
	margin: 10px 11px;
}

/* unique */
.btnLogin,
a.btnLogin {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background-color: var(--brand-color);
	transition: .3s;
}

/* .btnLogin:hover { background-color:#000; } */
.btnLogin:hover {
	opacity: 0.8;
}

.btnAgree,
a.btnAgree {
	display: inline-block;
	box-sizing: border-box;
	width: 80px;
	height: 70px;
	line-height: 70px;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	text-align: center;
	font-family: "굴림", Gulim;
	font-size: 12px;
	font-weight: bold;
	color: #222;
	text-decoration: none;
	background-color: #fff;
}

.btnAgree:hover {
	background-color: #f3f3f3;
}

.btnToggle {
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

.btnToggle button {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;
	margin: 0 -1px 0 0;
	padding: 0 7px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-family: "굴림", Gulim;
	font-size: 12px;
	outline: 0;
	text-decoration: none;
	color: #222;
	background: #fff;
}

.btnToggle button:first-child {
	border-radius: 2px 0 0 2px;
}

.btnToggle button:last-child {
	border-radius: 0 2px 2px 0;
}

.btnToggle button.selected {
	position: relative;
	border: 1px solid #84868b;
	color: #fff;
	background: #84868b;
}

/********************* Mobile *********************/
@media all and (max-width:767px) {
	.btnMore {
		display: block;
	}
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {

	/* size */
	[class^='btn'].sizeS {
		padding: 0 16px;
		height: 26px;
		line-height: 24px;
		font-size: 12px;
	}

	[class^='btn'].sizeM {
		padding: 0 20px;
		height: 38px;
		line-height: 36px;
		font-size: 12px;
	}

	[class^='btn'].sizeL {
		padding: 0 26px;
		height: 45px;
		line-height: 43px;
		min-width: 80px;
		font-size: 12px;
		font-weight: 600;
	}

	/* width Fix */
	[class^='btn'][class*='Fix'] {
		min-width: 72px;
		word-break: keep-all;
		word-wrap: break-word;
	}

	[class^='btn'][class*='Fix'].sizeS {
		min-width: 96px;
	}

	[class^='btn'][class*='Fix'].sizeM {
		min-width: 135px;
		padding-left: 15px;
		padding-right: 15px;
	}

	[class^='btn'][class*='Fix'].sizeL {
		min-width: 160px;
		padding-left: 8px;
		padding-right: 8px;
	}

	/* ec-base-button */
	.ec-base-button {
		margin-left: 16px;
		margin-right: 16px;
	}

	.ec-base-button [class^='btn']+[class^='btn'] {
		margin-left: 6px;
	}

	/* gBottom */
	.ec-base-button.gBottom {
		display: flex;
		margin-left: 16px;
		margin-right: 16px;
	}

	.ec-base-button.gBottom .gLeft,
	.ec-base-button.gBottom .gRight {
		display: flex;
		flex: 1;
	}

	.ec-base-button.gBottom [class^='btn'] {
		flex: 1;
	}

	.ec-base-button.gBottom [class^='btn']+[class^='btn'] {
		margin-left: 10px;
	}

	/* gBreak */
	.ec-base-button.gBreak {
		flex-direction: column;
	}

	.ec-base-button.gBreak .gLeft+.gRight {
		margin: 10px 0 0;
	}

	.ec-base-button.gBreak .gBreak {
		flex-direction: column;
	}

	.ec-base-button.gBreak>[class^='btn']+[class^='btn'],
	.ec-base-button.gBreak .gBreak [class^='btn']+[class^='btn'] {
		margin: 10px 0 0;
	}

	.ec-base-button .ec-base-button[class*="gColumn"] {
		margin: 0 -5px;
	}

	/* gColumnM (mobile only flex) */
	.ec-base-button[class*="gMColumn"] {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		margin-left: 11px;
		margin-right: 11px;
	}

	.ec-base-button[class*="gMColumn"]:after {
		display: none;
	}

	.ec-base-button[class*="gMColumn"] [class^='btn'] {
		margin: 0 5px;
		padding-left: 8px;
		padding-right: 8px;
		word-break: keep-all;
		word-wrap: break-word;
		white-space: normal;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}

	.ec-base-button[class*="gMColumn"] .gLeft,
	.ec-base-button[class*="gMColumn"] .gRight {
		float: none;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		width: 100%;
	}

	/* reset */
	.gInnerMargin .ec-base-button,
	.gInnerMargin .ec-base-button.gBottom,
	.gInnerMargin.ec-base-button.gBottom {
		margin-left: 0;
		margin-right: 0;
	}

	.btnArea {
		font-size: 12px;
	}
}

/********************* PC *********************/
@media all and (min-width:1025px) {

	/* size */
	[class^='btn'].sizeS {
		padding: 10px 18px;
		font-size: 13px;
		line-height: 1;
	}

	[class^='btn'].sizeM {
		padding: 8px 16px;
		font-size: 14px;
	}

	[class^='btn'].sizeL {
		padding: 0 20px;
		line-height: 46px;
		min-width: 80px;
		font-size: 14px;
		font-weight: 600;
	}

	/* width Fix */
	[class^='btn'][class*='Fix'] {
		min-width: 72px;
		word-break: keep-all;
		word-wrap: break-word;
	}

	[class^='btn'][class*='Fix'].sizeS {
		min-width: 76px;
	}

	[class^='btn'][class*='Fix'].sizeM {
		min-width: 105px;
		padding-left: 10px;
		padding-right: 10px;
	}

	[class^='btn'][class*='Fix'].sizeL {
		min-width: 130px;
		padding-left: 8px;
		padding-right: 8px;
	}
}



.btnArea .btnCheck {
	display: block;
	line-height: 41px;
	text-align: center;
	border: 1px solid #111;
	background: #111;
	color: #fff;
	font-weight: 400;
	margin: 0
}

.btnArea .btnCancle {
	display: block;
	line-height: 40px;
	text-align: center;
	border: 1px solid #111;
	margin: 10px 0
}

/* base */
.ec-base-box {
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #e5e5e5;
}

.ec-base-box.gHalf {
	position: relative;
	padding: 20px 0;
}

.ec-base-box.gHalf:before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #e6e6e6;
}

.ec-base-box.typeBg {
	background-color: #fbfafa;
}

.ec-base-box.typeThin {
	border-width: 1px;
	border-color: #e5e5e5;
}

.ec-base-box.typeThin h3.boxTitle {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.ec-base-box.typeThinBg {
	border-width: 1px;
	border-color: #d7d5d5;
	background-color: #f7f7f8;
}

.ec-base-box.center {
	text-align: center;
}

.ec-base-box .headDesc {
	margin: 0 0 40px;
	font-size: 16px;
	line-height: 22px;
	color: var(--font-color-heading);
}

.ec-base-box.typeThin>.agree {
	color: #6d6d6d;
	font-size: 12px;
	line-height: 20px;
	background: #fff;
}

.ec-base-box.typeThin>.agree p {
	padding: 0 0 30px;
}

/* typeMember */
.ec-base-box.typeMember {
	border-width: 1px;
	border-color: #e5e5e5;
}

.ec-base-box.typeMember h3.boxTitle {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.ec-base-box.typeMember .content {
	margin: 0 auto;
	text-align: center;
}

.ec-base-box.typeMember input[type="text"],
.ec-base-box.typeMember input[type="password"],
.ec-base-box.typeMember select {
	width: 100%;
}

.ec-base-box.typeMember .info {
	font-size: 13px;
	line-height: 20px;
	color: #6d6d6d;
}

.ec-base-box.typeMember .information {
	display: table;
	table-layout: fixed;
	padding: 10px 0;
	width: 100%;
	box-sizing: border-box;
}

.ec-base-box.typeMember .information>.title,
.ec-base-box.typeMember .information>.thumbnail {
	display: table-cell;
	padding: 0 15px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
}

.ec-base-box.typeMember .information>.title {
	vertical-align: middle;
}

.ec-base-box.typeMember .information>.thumbnail img {
	max-width: 70px;
}

.ec-base-box.typeMember .information .description {
	display: table-cell;
	padding: 0 10px;
	width: auto;
	line-height: 1.5em;
	border-left: 1px solid #e8e8e8;
	vertical-align: middle;
}

.ec-base-box.typeMember.gMessage {
	border-width: 1px;
	border-color: #d7d5d5;
}

/* typeProduct */
.ec-base-box.typeProduct {
	display: table;
	table-layout: fixed;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	border: 10px solid #f6f6f6;
}

.ec-base-box.typeProduct .thumbnail,
.ec-base-box.typeProduct .information {
	display: table-cell;
	vertical-align: top;
	position: relative;
}

.ec-base-box.typeProduct .thumbnail {
	width: 120px;
	display: table-cell;
	vertical-align: middle;
}

.ec-base-box.typeProduct .thumbnail img {
	max-width: 100px;
	vertical-align: middle;
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
	.ec-base-box.gPadding {
		padding: 50px 18px 40px;
	}

	/* typeMember */
	.ec-base-box.typeMember {
		padding: 50px 18px 40px;
	}
}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
	.additionalInfo {
		margin: 0 24px;
	}
}

/********************* PC *********************/
@media all and (min-width:1025px) {
	.ec-base-box.gPadding {
		padding: 74px 0;
	}

	/* typeMember */
	.ec-base-box.typeMember {
		padding: 74px 0;
	}

	.ec-base-box.typeMember .content {
		width: 421px;
	}
}

/* Align */
.ec-base-table th[scope*="row"] {
	text-align: left;
}

.ec-base-table .left {
	text-align: left;
}

.ec-base-table .center {
	text-align: center;
}

.ec-base-table .right {
	text-align: right;
}

.ec-base-table td.left {
	text-align: left;
}

.ec-base-table td.center {
	text-align: center;
}

.ec-base-table td.right {
	text-align: right;
}

.ec-base-table .top th,
.ec-base-table .top td,
.ec-base-table th.top,
.ec-base-table td.top {
	vertical-align: top;
}

.ec-base-table .middle th,
.ec-base-table .middle td,
.ec-base-table th.middle,
.ec-base-table td.middle {
	vertical-align: middle;
}

.ec-base-table .bottom th,
.ec-base-table .bottom td,
.ec-base-table th.bottom,
.ec-base-table td.bottom {
	vertical-align: bottom;
}

/* Table */
.ec-base-table {
	border-top: 1px solid #000;
}

.ec-base-table th,
.ec-base-table td {
	height: 29px;
	padding: 14px 20px;
	line-height: 22px;
	vertical-align: middle;
	font-weight: 500;
	font-size: 12px;
	color: #333;
}

.ec-base-table th {
	border-bottom: 1px solid #e5e5e5;
	background-color: #fafafa;
}

.ec-base-table td {
	border-bottom: 1px solid #e5e5e5;
}

.ec-base-table th img.icon,
.ec-base-table td img.icon {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.ec-base-table td [class^="btn"],
.ec-base-table td a[class^="btn"] {
	vertical-align: baseline;
}

/* gBorderClear */
.ec-base-table.gBorderClear {
	border-top: 0;
}

.ec-base-table td.gBorderClear {
	border-bottom: 0;
}

/* Table - Empty */
.ec-base-table .message {
	padding: 56px 0;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	color: #6d6d6d;
	font-size: 14px;
}

/* Table - typeWrite */
.ec-base-table.typeWrite th,
.ec-base-table.typeWrite td {
	height: auto;
}

.ec-base-table.typeWrite td [class^="btn"],
.ec-base-table.typeWrite td a[class^="btn"] {
	vertical-align: middle;
}

/* formMultiple */
.ec-base-table.typeWrite .formMultiple dl,
.ec-base-table.typeWrite .formMultiple ul {
	width: 100%;
}

.ec-base-table.typeWrite .formMultiple dt {
	margin: 0 0 2px 0;
}

.ec-base-table.typeWrite .formMultiple li,
.ec-base-table.typeWrite .formMultiple dd {
	margin: 0 0 10px 0;
}

.ec-base-table.typeWrite .formMultiple li:last-of-type,
.ec-base-table.typeWrite .formMultiple dd:last-of-type {
	margin-bottom: 0;
}

/* formGroup */
.ec-base-table.typeWrite .formGroup input[type="text"],
.ec-base-table.typeWrite .formGroup input[type="password"],
.ec-base-table.typeWrite .formGroup select,
.ec-base-table.typeWrite .formGroup [class^="btn"] {
	min-width: 0;
	margin: 0 5px;
}

.ec-base-table.typeWrite .formGroup input[type="text"]+[class^="btn"] {
	margin-left: 5px;
}

.ec-base-table.typeWrite .formGroup:not(td) {
	width: auto;
	margin-left: -5px;
	margin-right: -5px;
}

.ec-base-table.typeWrite .formGroup.code {
	font-size: 20px;
	color: #7f7f7f;
}

/* txtInfo */
.ec-base-table.typeWrite td p.txtInfo,
.ec-base-table.typeWrite td ul.txtInfo {
	width: 100%;
}

/* form */
.ec-base-table.typeWrite td input[type="text"]+[class^='btn'],
.ec-base-table.typeWrite td input[type="password"]+[class^='btn'],
.ec-base-table.typeWrite td input[type="text"]+a[class^='btn'],
.ec-base-table.typeWrite td input[type="password"]+a[class^='btn'] {
	margin-left: 10px;
}

.ec-base-table.typeWrite td label {
	line-height: 32px;
}

/* address */
.ec-base-table.typeWrite .ec-address {
	width: 100%;
}

.ec-base-table.typeWrite .ec-address .btnBasic {
	display: inline-block;
	padding: 12px 20px;
	height: 40px;
	font-size: 13px;
	box-sizing: border-box;
	border: 1px solid #bcbcbc;
	line-height: 1;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	word-spacing: -0.5px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	color: #000;
	background-color: #fff;
}

.ec-base-table.typeWrite .ec-address-area select {
	display: block;
	margin: 10px 0 0;
}

.ec-base-table.typeWrite .ec-address-area select:first-of-type {
	margin-top: 0;
}


/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {

	/* gFlow */
	.ec-base-table .gFlow {
		display: inline-block;
		width: 100%;
		margin-top: 5px;
	}

	/* gBorderClear */
	.ec-base-table tr.gBorderClear td {
		border-bottom: 0;
	}

	.ec-base-table.typeList tr.gBorderClear {
		border-bottom: 0;
	}

	/* Table - typeWrite */
	.ec-base-table.typeWrite {
		padding: 10px 0;
	}

	.ec-base-table.typeWrite tr {
		display: block;
	}

	.ec-base-table.typeWrite th {
		display: block;
		padding: 6px 15px 0;
		border-bottom: 0;
		text-align: left;
		background-color: transparent;
	}

	.ec-base-table.typeWrite td {
		display: block;
		padding: 2px 15px 10px;
		border-bottom: 0;
		align-items: center;
	}

	/* formMultiple */
	.ec-base-table.typeWrite .formMultiple {
		padding-top: 10px;
	}

	/* formGroup */
	.ec-base-table.typeWrite td.formGroup {
		padding-left: 10px;
		padding-right: 10px;
	}

	.ec-base-table.typeWrite td.formGroup.date {
		padding-left: 10px;
		padding-right: 15px;
	}

	.ec-base-table.typeWrite .formGroup {
		display: flex;
		flex-flow: wrap;
		box-sizing: border-box;
		align-items: center;
	}

	.ec-base-table.typeWrite .formGroup input[type="text"],
	.ec-base-table.typeWrite .formGroup input[type="password"],
	.ec-base-table.typeWrite .formGroup select {
		flex: 1;
	}

	/* txtInfo */
	.ec-base-table.typeWrite span.txtInfo {
		display: block;
		width: 100%;
		margin: 10px 0 0;
	}

	/* form */
	.ec-base-table.typeWrite td input[type="text"],
	.ec-base-table.typeWrite td input[type="password"],
	.ec-base-table.typeWrite td select {
		width: 100%;
	}

	/* address */
	.ec-address .ec-address-zipcode {
		display: flex;
		flex-flow: wrap;
	}

	.ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {
		flex: 1;
	}

	.ec-base-table.typeWrite .ec-address .ec-address-zipcode .ec-base-label {
		display: block;
		width: 100%;
		margin: 5px 0 0;
	}

	/* Table - typeList */
	.ec-base-table.typeList thead {
		display: none;
	}

	.ec-base-table.typeList table,
	.ec-base-table.typeList tbody {
		display: block;
	}

	.ec-base-table.typeList tr {
		display: block;
		position: relative;
		padding: 20px 8px 19px;
		border-bottom: 1px solid #e5e5e5;
		text-align: left;
	}

	.ec-base-table.typeList tr:after {
		content: "";
		display: block;
		clear: both;
	}

	.ec-base-table.typeList td {
		height: auto;
		display: block;
		padding: 3px 8px;
		border-bottom: 0;
		text-align: left;
		color: #6d6d6d;
	}

	.ec-base-table.typeList td a {
		color: #6d6d6d;
	}

	.ec-base-table.typeList td.chk {
		box-sizing: border-box;
		padding: 0;
	}

	.ec-base-table.typeList td.chk .boardChk {
		margin: 5px 8px 0 8px;
	}

	.ec-base-table.typeList td.chk:not(.no) .boardChk {
		margin: 5px 8px 0px 8px
	}

	.ec-base-table.typeList td.subject {
		float: none;
		box-sizing: border-box;
	}

	.ec-base-table.typeList td.subject a {
		color: #000;
	}

	.ec-base-table.typeList.gThumb td.thumb {
		overflow: hidden;
		position: absolute;
		top: 24px;
		left: 16px;
		width: 65px;
		height: calc(100% - 45px);
		padding: 0;
	}

	.ec-base-table.typeList.gThumb td.thumb a {
		display: block;
		height: 100%;
		text-align: center;
	}

	.ec-base-table.typeList.gThumb td.thumb img {
		max-width: 100%;
		max-height: 100%;
	}

	.ec-base-table.typeList.gThumb tr {
		padding-left: 90px;
		padding-right: 20px;
	}

	.ec-base-table.typeList.gThumb td.chk {
		z-index: 1;
		position: absolute;
		top: 16px;
		right: 16px;
		padding: 0;
	}

	.ec-base-table.typeList.gThumb td.chk .boardChk {
		margin: 0;
	}
}

@media all and (max-width:790px) {
	.ec-base-table.typeList td {
		display: inline-block;
	}

	.ec-base-table th,
	.ec-base-table td {
		font-size: 14px;
	}
}

/********************* PC *********************/
@media all and (min-width:1025px) {

	/* gFlow */
	.ec-base-table .gFlow {
		width: 100%;
		margin-left: 20px;
	}

	/* gBorderClear */
	.ec-base-table tr.gBorderClear td {
		border-bottom: 0;
	}

	/* Table */
	.ec-base-table th {
		padding: 14px 30px;
	}

	/* Table - typeWrite */
	.ec-base-table.typeWrite th {
		padding: 10px 30px;
	}

	.ec-base-table.typeWrite th[scope*="row"] {
		padding-right: 15px;
	}

	.ec-base-table.typeWrite td {
		padding: 10px 20px;
	}

	/* formMultiple */
	.ec-base-table.typeWrite .formMultiple {
		padding-top: 22px;
		padding-bottom: 22px;
	}

	/* formGroup */
	.ec-base-table.typeWrite td.formGroup {
		padding-left: 15px;
		padding-right: 15px;
	}

	.ec-base-table.typeWrite .formGroup input[type="text"],
	.ec-base-table.typeWrite .formGroup select {
		width: 190px;
	}

	/* form */
	.ec-base-table.typeWrite td input[type="text"],
	.ec-base-table.typeWrite td input[type="password"],
	.ec-base-table.typeWrite td select {
		width: 290px;
	}

	.ec-base-table.typeWrite td .ec-base-qty input[type="text"] {
		width: 45px;
	}

	/* address */
	.ec-base-table.typeWrite .ec-address input[type="text"],
	.ec-base-table.typeWrite .ec-address select {
		width: 450px;
	}

	.ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {
		width: 200px;
	}

	.ec-base-table.typeWrite .ec-address .ec-address-zipcode .ec-base-label {
		margin: 0 0 0 15px;
		line-height: 40px;
	}

	/* Table - typeList */
	.ec-base-table.typeList {
		border-top: 0;
	}

	.ec-base-table.typeList th,
	.ec-base-table.typeList td {
		padding: 15px 10px 16px;
	}

	.ec-base-table.typeList th {
		border-bottom: 0;
	}

	.ec-base-table.typeList td.subject {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.ec-base-desc {
	overflow: hidden;
	text-align: left;
}

.ec-base-desc:after {
	content: "";
	display: block;
	clear: both;
}

.ec-base-desc dt,
.ec-base-desc .term {
	float: left;
	width: 100px;
	margin: 0 0 2px;
	padding: 0 4px 0 0;
	line-height: 22px;
	-webkit-box-sizing: border-box;
	-moz-webkit-box: border-box;
	box-sizing: border-box;
	font-weight: normal;
}

.ec-base-desc dd,
.ec-base-desc .desc {
	display: block;
	margin: 0 0 2px;
	padding: 0 5px 0 100px;
	min-height: 22px;
	line-height: 22px;
	word-wrap: break-word;
	word-break: break-all;
}

.ec-base-desc dd:after,
.ec-base-desc .desc:after {
	content: "";
	display: block;
	clear: left;
}

/* size */
.ec-base-desc.gSmall dt,
.ec-base-desc.gSmall .term {
	width: 30%;
}

.ec-base-desc.gSmall dd,
.ec-base-desc.gSmall .desc {
	padding-left: 30%;
}

.ec-base-desc.gMedium dt,
.ec-base-desc.gMedium .term {
	width: 40%;
}

.ec-base-desc.gMedium dd,
.ec-base-desc.gMedium .desc {
	padding-left: 40%;
}

.ec-base-desc.gLarge dt,
.ec-base-desc.gLarge .term {
	width: 50%;
}

.ec-base-desc.gLarge dd,
.ec-base-desc.gLarge .desc {
	padding: 0 0 0 50%;
}

/* align */
.ec-base-desc.centerDT dt,
.ec-base-desc.centerDD dd,
.ec-base-desc.centerDT .term,
.ec-base-desc.centerDD .desc,
.ec-base-desc.center,
.ec-base-desc .center {
	text-align: center;
}

.ec-base-desc.rightDT dt,
.ec-base-desc.rightDD dd,
.ec-base-desc.rightDT .term,
.ec-base-desc.rightDD .desc,
.ec-base-desc.right,
.ec-base-desc .right {
	text-align: right;
}

.ec-base-desc.rightDD dd,
.ec-base-desc.rightDD .desc {
	padding-right: 0;
}

/* typeBullet */
.ec-base-desc.typeBullet dt,
.ec-base-desc.typeBullet .term {
	padding: 0 4px 0 10px;
	background: url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px;
}

/* typeDot */
.ec-base-desc.typeDot dt,
.ec-base-desc.typeDot .term {
	position: relative;
	padding: 0 4px 0 10px;
}

.ec-base-desc.typeDot dt:before,
.ec-base-desc.typeDot .term:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	display: block;
	width: 2px;
	height: 2px;
	margin: -2px 0 0 0;
	background: #383838;
}

.ec-base-prdInfo {
	position: relative;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
	background: #fff;
}

.ec-base-prdInfo .prdBox {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.ec-base-prdInfo .check {
	display: inline-block;
	margin: 0 10px 0 0;
}

.ec-base-prdInfo .check label {
	margin: 0;
}

.ec-base-prdInfo .thumbnail {
	overflow: hidden;
	width: 100px;
	margin: 0 35px 0 0;
	box-sizing: border-box;
}

.ec-base-prdInfo .thumbnail img {
	width: 100% !important;
	height: auto !important;
}

.ec-base-prdInfo .description {
	display: flex;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 1.4;
}

.ec-base-prdInfo .description .section {
	flex: 1
}

.ec-base-prdInfo .description .prdName {
	display: block;
	margin: 0 0 3px;
	font-weight: normal;
}

.ec-base-prdInfo .description .prdName a {
	color: #000;
}

.ec-base-prdInfo .description .prdName .ec-set-product-name {
	display: block;
	margin: 0 0 3px;
}

.ec-base-prdInfo .description .prdName img {
	margin: 0 1px;
	vertical-align: middle;
}

.ec-base-prdInfo .description .price {}

.ec-base-prdInfo .description .price,
.ec-base-prdInfo .description .price li {
	font-size: 13px;
	color: #000;
	line-height: 1.7;
}

.ec-base-prdInfo .description .price strong {
	font-weight: 600;
}

.ec-base-prdInfo .description .price .refer {
	font-weight: normal;
	font-size: 11px;
}

.ec-base-prdInfo .description .price .discount {
	font-weight: normal;
	text-decoration: line-through;
}

.ec-base-prdInfo .description .price .strike {
	font-weight: normal;
	text-decoration: line-through;
}

.ec-base-prdInfo .description .price .strike strong {
	font-weight: normal;
}

.ec-base-prdInfo .description .info {
	margin: 5px 0 0;
}

.ec-base-prdInfo .description .info li {
	margin: 0 0 3px;
	font-size: 12px;
	color: #7d7d7d;
}

.ec-base-prdInfo .description .info a {
	color: #7d7d7d;
}

.ec-base-prdInfo .description .info .mileage {
	display: inline-block;
}

.ec-base-prdInfo .description .info .mileage img {
	vertical-align: text-top;
}

.ec-base-prdInfo .description input[type="number"] {
	max-width: 51px;
}

.ec-base-prdInfo .description .info .amount button {
	margin: 0;
	padding: 0;
	border: 0;
}

.ec-base-prdInfo .description .info .amount {
	width: 50px;
}

.ec-base-prdInfo .description .info input.amount {
	text-align: right;
}

.ec-base-prdInfo .description input[type="tel"] {
	text-align: right;
}

.ec-base-prdInfo .description .quantity input[type="tel"] {
	width: 51px;
}

.ec-base-prdInfo .sumPrice strong {
	font-size: 14px;
}

.ec-base-prdInfo .quantity {
	margin: 20px 0 0;
	padding: 0 0 0 98px;
	box-sizing: border-box;
	width: 100%;
}

.ec-base-prdInfo.gCheck .quantity {
	padding: 0 0 0 160px;
}

.ec-base-prdInfo .btnDelete {
	background: url("//soritunenglish.com/ifw/layout/icon-close5.svg");
	display: block;
	position: absolute;
	top: 12px;
	right: 0;
	overflow: hidden;
	width: 14px;
	height: 14px;
	margin: 0 auto;
	font-size: 1px;
	line-height: 0;
	color: transparent;
	white-space: nowrap;
}

.ec-base-prdInfo .optionGroup {
	font-size: 13px;
	color: #777;
	font-weight: 400;
}

.ec-base-prdInfo .optionGroup:empty {
	margin-top: 0;
}

.ec-base-prdInfo .optionGroup li {
	margin: 2px 0 3px;
	line-height: 20px;
	color: #7d7d7d;
}

.ec-base-prdInfo .optionGroup .optionName {
	line-height: 18px;
	word-break: break-all;
}

.ec-base-prdInfo .optionGroup li .product {
	display: block;
	margin: 8px 0 0;
	color: #000;
}

.ec-base-prdInfo .optionGroup li .change {
	margin: 0 0 0 5px;
	white-space: nowrap;
}

.ec-base-prdInfo .optionGroup .product.displaynone+.optionStr {
	display: inline-block;
	margin-right: 10px;
	color: #000;
}

.ec-base-prdInfo .optionGroup .product.displaynone+.optionStr:empty {
	margin-right: 0;
}

.ec-base-prdInfo .optionGroup li br {
	display: none;
}

.ec-base-prdInfo .optionGroup .file a {
	color: #07a4fd;
	text-decoration: underline;
	word-break: break-all;
}

.ec-base-prdInfo .optionSelect {
	padding: 10px 20px 20px;
	background: #f6f6f6;
}

.ec-base-prdInfo .optionSelect li {
	margin: 10px 0 0;
}

.ec-base-prdInfo .optionSelect select,
.ec-base-prdInfo .optionSelect input {
	width: calc(100% - 258px);
}

.ec-base-prdInfo .optionSelect+.optionSelect {
	margin-top: -34px;
	padding-top: 0;
}

.ec-base-prdInfo .optionDesc {
	display: inline-block;
	width: 254px;
	color: #545454;
}

.ec-base-prdInfo .prdFoot {}

.ec-base-prdInfo .prdFoot:after {
	content: '';
	display: block;
	clear: both;
}

.ec-base-prdInfo .prdFoot .gLeft {
	float: left;
	text-align: left;
	margin-right: 20px;
}

.ec-base-prdInfo .prdFoot .gRight {
	float: right;
	text-align: right;
}

.ec-base-prdInfo .prdFoot .txtStatus {
	font-size: 13px;
	font-weight: bold;
}

.ec-base-prdInfo .prdFoot .store {
	color: #000;
	font-weight: normal;
}

.ec-base-prdInfo .prdFoot span span.discount {
	text-decoration: line-through;
}

.ec-base-prdInfo .prdFoot span span.discount strong {
	font-weight: normal;
}

.ec-base-prdInfo .optionModifyLayer {
	display: none;
}

.ec-base-prdInfo .optionModifyLayer .dimmed {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
}

.ec-base-prdInfo .optionModifyLayer .title {
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
}

.ec-base-prdInfo .optionModifyLayer .prdInfo {
	font-size: 13px;
}

.ec-base-prdInfo .optionModifyLayer .prdInfo li {
	margin: 0 0 20px;
}

.ec-base-prdInfo .optionModifyLayer .prdInfo li:empty {
	margin: 0;
}

.ec-base-prdInfo .optionModifyLayer .prdModify li {
	display: flex;
	margin: 10px 0 0;
}

.ec-base-prdInfo .optionModifyLayer .prdModify li:first-child {
	margin-top: 0;
}

.ec-base-prdInfo .optionModifyLayer .prdModify .optionDesc {
	display: inline-block;
	width: 89px;
	padding: 11px 0 0;
	font-size: 13px;
	color: #545454;
}

.ec-base-prdInfo .optionModifyLayer .prdModify li select {
	flex: 1;
	width: 100%;
}

.ec-base-prdInfo .optionModifyLayer .prdModify li input[type=text] {
	flex: 1;
	width: 100%;
}

/* order_result.html > orderArea > ec-base-prdInfo */
.orderArea .ec-base-fold .ec-base-prdInfo {
	border-bottom: 1px solid #d5d5d5;
}

.orderConfirmLayer .orderArea .ec-base-prdInfo {
	border-bottom: 0;
}

.orderArea .ec-base-prdInfo+.ec-base-prdInfo {
	border-top: 1px solid #d5d5d5;
}

/* ec-base-prdEmpty */
.ec-base-prdEmpty {}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
	.ec-base-prdInfo .prdBox {
		padding: 40px 16px;
	}

	.ec-base-prdInfo .description {
		display: block;
		padding: 0 40px 0 0;
	}

	.ec-base-prdInfo .sumPrice {
		margin: 20px 0 0;
		padding: 0 0 0 98px;
		box-sizing: border-box;
		width: 100%;
	}

	.ec-base-prdInfo .buttonGroup {
		margin: 20px 0 0;
		padding: 0 0 0 98px;
		box-sizing: border-box;
		width: 100%;
	}

	/* gCheck */
	.ec-base-prdInfo.gCheck .sumPrice,
	.ec-base-prdInfo.gCheck .quantity,
	.ec-base-prdInfo.gCheck .buttonGroup {
		padding: 0 0 0 125px;
	}

	.ec-base-prdInfo .btnDelete {
		right: 5px;
	}

	.ec-base-prdInfo .optionSelect {
		margin: 0 16px 24px;
		padding: 10px 20px 20px;
	}

	.ec-base-prdInfo .optionSelect li {
		margin: 10px 0 0;
	}

	.ec-base-prdInfo .optionSelect select,
	.ec-base-prdInfo .optionSelect input {
		width: 100%;
	}

	.ec-base-prdInfo .optionSelect+.optionSelect {
		margin-top: -34px;
		padding-top: 0;
	}

	.ec-base-prdInfo .optionDesc {
		display: block;
		margin: 0 0 10px;
		color: #545454;
	}

	.ec-base-prdInfo .prdFoot {}

	.optionModifyLayer .ec-base-button {
		display: flex;
	}

	.optionModifyLayer .ec-base-button [class*='Fix'] {
		flex: 1;
		min-width: auto;
	}

	/* ec-base-prdEmpty */
	.ec-base-prdEmpty {
		padding: 40px 0;
		text-align: center;
	}
}

/********************* PC *********************/
@media all and (min-width:1025px) {
	.ec-base-prdInfo .prdBox {
		position: relative;
		padding: 20px 0;
	}

	.ec-base-prdInfo .description {
		margin: 0 50px 0;
	}

	.ec-base-prdInfo .sumPrice {
		text-align: left;
		padding: 30px 30px;
	}

	.ec-base-prdInfo .buttonGroup {
		position: absolute;
		bottom: 25px;
		right: 0;
		width: 300px;
		text-align: right;
	}

	.ec-base-prdInfo .btnDelete {
		right: 0px;
	}

	.ec-base-prdInfo .optionSelect {
		margin: 0 0 24px 98px;
		padding: 10px 20px 20px;
	}

	.ec-base-prdInfo .optionSelect li {
		margin: 10px 0 0;
	}

	.ec-base-prdInfo .optionSelect select,
	.ec-base-prdInfo .optionSelect input {
		width: calc(100% - 258px);
	}

	.ec-base-prdInfo .optionSelect+.optionSelect {
		margin-top: -34px;
		padding-top: 0;
	}

	.ec-base-prdInfo .optionDesc {
		width: 254px;
	}

	.ec-base-prdInfo .prdFoot {
		font-size: 14px;
	}

	.optionModifyLayer .ec-base-layer {
		width: 485px;
	}

	/* ec-base-prdEmpty */
	.ec-base-prdEmpty {
		padding: 16px 0;
		text-align: center;
		font-size: 14px;
	}
}

/* reset */
li {
	list-style: none;
}

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

caption {
	display: none;
}

h1,
h3 {
	margin: 0;
}

/* common */
.ec-base-layer {
	position: absolute;
	z-index: 100;
	border: 1px solid #757575;
	background: #fff;
}

.ec-base-layer .header {
	padding: 7px 35px 7px 19px;
	color: #fff;
	background: #495164;
}

.ec-base-layer .header>h1,
.ec-base-layer .header>h3 {
	font-size: 14px;
	line-height: 1.5;
}

.ec-base-layer .content {
	padding: 20px;
	font-size: 12px;
}

.ec-base-layer div.ec-base-help {
	margin-top: 0;
}

.ec-base-layer .ec-base-button {
	padding: 9px;
	border-top: 1px solid #d7d5d5;
	text-align: center;
	background: #fbfafa;
}

.ec-base-layer .close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 11px 20px;
	cursor: pointer;
}

/* popup */
#popup .ec-base-layer {
	position: relative;
	border: 0;
}

#popup .ec-base-layer .header {
	padding: 12px 35px 12px 19px;
}

#popup .ec-base-layer .close {
	top: 5px;
}

/* ec-base-table */
.ec-base-layer .content>.ec-base-table table:first-child {
	margin-top: 0;
}

.ec-base-layer .ec-base-table table {
	line-height: 1.4;
}

.ec-base-layer .ec-base-table thead th {
	padding: 9px 0 8px;
}

.ec-base-layer .ec-base-table tbody th {
	padding: 9px 0 8px 10px;
}

.ec-base-layer .ec-base-table td {
	padding: 9px 10px 8px;
}

/* horizontal - typeWrite */
.ec-base-layer .ec-base-table.typeWrite td {
	padding: 5px 10px 4px;
}

/* vertical - typeList */
.ec-base-layer .ec-base-table.typeList tfoot td {
	padding: 10px 10px 12px;
}

/* typeBorder */
.ec-base-layer .ec-base-table.typeBorder tfoot td {
	padding: 10px 10px 12px;
}

/* address */
.ec-base-layer .ec-base-table .ec-address {
	margin: -6px -10px -4px;
}

.ec-base-layer .ec-base-table .ec-address>li {
	padding: 5px 10px 4px;
}




.xans-layout-conversionpc {
	background: #fff;
	padding: 45px;
	text-align: center;
}

.xans-layout-conversionpc a {
	margin: 20px;
	padding: 20px 40px 20px 110px;
	font-size: 68px;
	color: #63666e;
	text-decoration: none;
	text-align: center;
	border: 4px solid #9d9db0;
	border-radius: 10px;
	background: url("//img.echosting.cafe24.com/skin/base/layout/ico_mobile.png") no-repeat 40px 50%;
}

.mobile {
	display: none;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
}

header .inner {
	position: relative;
	margin: 0 5%;
	height: 84px;
}

header .inner .logoArea {
	position: relative;
	width: 25%;
	float: left;
	height: 100%;
	line-height: 0;
	font-size: 0;
}

header .inner .cateArea {
	width: 50%;
	float: left;
	text-align: center;
}

header .inner .iconArea {
	width: 25%;
	float: left;
	text-align: right;
}

header .inner .logoArea img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 180px;
}

header .inner .cateArea>ul {
	margin: 0 auto;
	padding: 0 20px;
	border-radius: 50px;
}

header .inner .cateArea ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
}

header .inner .cateArea ul li a {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	line-height: 84px;
	transition: .5s;
}

header .inner .cateArea ul li.prdClass ul {
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
	width: 180px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	padding: 10px 0;
	border-radius: 0 0 20px 20px;
}

header .inner .cateArea ul li.prdClass:hover ul {
	opacity: 1;
	visibility: visible;
}

header .inner .cateArea ul li.prdClass ul li {
	display: block;
}

header .inner .cateArea ul li.prdClass ul li a {
	font-size: 16px;
	line-height: 35px;
	color: #555;
	transition: .3s;
}

header .inner .cateArea ul li.prdClass ul li a:hover {
	color: #000;
}

header .inner .iconArea ul li {
	display: inline-block;
	margin-left: 15px;
}

header .inner .iconArea ul li a {
	font-size: 13px;
	font-weight: 500;
	color: #777;
}

header .inner .iconArea ul li.myClass a {
	background: #000;
	border-radius: 50px;
	color: #fff;
	padding: 10px 20px;
	font-size: 15px;
	letter-spacing: -0.02em;
	line-height: 84px;
}

header .inner .iconArea img {
	height: 25px;
}

header .inner .iconArea ul li.boardCate {
	position: relative;
}

header .inner .iconArea ul li.boardCate ul {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
	text-align: center;
	padding: 20px 0 15px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	border-radius: 0 0 15px 15px;
}

header .inner .iconArea ul li.boardCate:hover ul {
	opacity: 1;
	visibility: visible;
}

header .inner .iconArea ul li.boardCate ul li {
	display: block;
	line-height: 30px;
	margin-left: 0;
}

header .inner .iconArea ul li.boardCate ul li a:hover {
	color: #000;
}

header .inner .iconArea .mobile {
	display: none;
}

@media all and (min-width:961px) {}

@media all and (max-width:1160px) {
	header .inner .logoArea img {
		width: 160px;
	}

	header .inner .cateArea ul li {
		margin: 0 10px;
	}

	header .inner .cateArea ul li a {
		font-size: 16px;
	}

	header .inner .iconArea ul li {
		margin-left: 7px;
	}

	header .inner .iconArea ul li.first {
		margin-left: 0;
	}

	header .inner .iconArea ul li a {
		font-size: 12px;
	}

	header .inner .iconArea ul li.myClass a {
		font-size: 13px;
		line-height: 84px;
	}
}

@media all and (max-width:960px) {
	.web {
		display: none
	}

	.mobile {
		display: block
	}

	header .inner .iconArea .web {
		display: none;
	}

	header .inner .iconArea .mobile {
		display: block;
	}

	header .inner {
		display: block;
		height: 60px;
	}

	header .inner .nav {
		position: relative;
		float: left;
		width: 15%;
		height: 100%;
	}

	header .inner .nav img {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		height: 18px;
	}

	header .inner .logoArea {
		position: relative;
		float: left;
		width: 70%;
		height: 100%;
	}

	header .inner .logoArea img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	header .inner .iconArea {
		position: relative;
		float: left;
		width: 15%;
		height: 100%;
	}

	header .inner .iconArea li img {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		height: 21px;
	}

	header #overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: var(--brand-color);
		z-index: 11;
		display: none;
		overflow-y: auto;
	}

	header #overlay .overHead {
		position: relative;
		margin: 0 3%;
		height: 10%;
		font-size: 0;
		line-height: 0;
	}

	header #overlay .overHead .closeBtn {
		position: absolute;
		top: 10px;
		left: 0;
		height: 18px;
		padding: 10px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 10px;
	}

	header #overlay .overHead .memb {
		font-size: 14px;
		color: #fff;
		line-height: 1;
	}

	header #overlay .overInner {
		position: relative;
		background: #fff;
		border-radius: 45px 45px 0 0;
		height: calc(90% - 60px);
		padding: 30px 40px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
		max-height: 100vh;
	}

	header #overlay .overInner .overlayCont {
		margin-top: 30px;
	}

	header #overlay .overInner a.myClass {
		position: relative;
		display: block;
		font-size: 18px;
		font-weight: 800;
		color: #000;
		margin: 20px 0 30px;
		border-bottom: 1px solid #ddd;
		line-height: 60px;
	}

	header #overlay .overInner a.myClass img {
		height: 18px;
		margin: 21px 10px 21px 0;
	}

	header #overlay .overInner a.myClass:after {
		content: "";
		background: url("//soritunenglish.com/ifw/layout/arrow-next.svg") no-repeat;
		width: 14px;
		height: 14px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}

	header #overlay .overInner .overlayCont h3 {
		font-size: 18px;
		font-weight: 800;
		color: #000;
		border-bottom: 1px solid #ddd;
		line-height: 60px;
		margin-bottom: 20px;
	}

	header #overlay .overInner .overlayCont li {
		position: relative;
		margin-bottom: 20px;
	}

	header #overlay .overInner .overlayCont li a {
		position: relative;
		display: block;
		font-size: 16px;
		font-weight: 600;
		color: #555;
	}

	header #overlay .overInner .overlayCont li a.bold {
		color: #000;
		font-size: 17px;
	}

	header #overlay .overInner .overlayCont>li>a:after {
		content: "";
		background: url("//soritunenglish.com/ifw/layout/arrow-next.svg") no-repeat;
		width: 12px;
		height: 12px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		transition: .3s;
	}

	header #overlay .overInner .overlayCont li a.afterRotate:after {
		right: 3px;
		transform: translateY(-50%) rotate(90deg);
	}

	header #overlay .overInner .overlayCont li.mBoard ul {
		display: none;
		margin-top: 20px;
		padding-left: 5%;
	}

	header #overlay .overInner .overlayCont li.mBoard ul li {
		margin-bottom: 10px;
	}

	header #overlay .overInner .overlayCont li.mBoard ul li a {
		font-size: 14px;
	}

	header #overlay .overInner .overlayCont li.mClass ul {
		display: none;
		margin-top: 20px;
		padding-left: 5%;
	}

	header #overlay .overInner .overlayCont li.mClass ul li {
		margin-bottom: 10px;
	}

	header #overlay .overInner .overlayCont li.mClass ul li a {
		font-size: 14px;
	}

	header #overlay .overInner .logBtn {
		display: block;
		width: 100%;
		border-radius: 40px;
		text-align: center;
		margin-top: 50px;
	}

	header #overlay .overInner .logBtn li a {
		display: block;
		width: 100%;
		line-height: 50px;
		font-weight: 600;
		font-size: 16px;
		margin-bottom: 10px;
		border-radius: 50px;
	}

	header #overlay .overInner .logBtn .btnTop a {
		color: #fff;
		background: #000;
		border: 1px solid #000;
	}

	header #overlay .overInner .logBtn .btnBtm a {
		border: 1px solid #cacae5;
		line-height: 48px;
	}

	header #overlay .overInner .logBtn .red a {
		color: #ff0000;
		border: 1px solid #ff0000;
	}
}

footer {
	position: relative;
	display: block;
	overflow: hidden;
	background: #fff;
}

footer .inner {
	display: flex;
	justify-content: space-between;
	margin: 40px auto;
	width: 55%;
}

footer .inner .logoArea {
	flex: 1;
}

footer .inner .logoArea a.logo {
	margin-bottom: 50px;
}

footer .inner .logoArea a.logo img {
	display: block;
	height: 35px;
}

footer .inner .logoArea .util {
	margin-top: 60px;
}

footer .inner .logoArea .util li {
	display: inline-block;
	margin-right: 15px;
}

footer .inner .logoArea .util li:after {
	content: "·";
	display: inline-block;
	padding-left: 15px;
	color: #000;
	font-size: 14px;
}

footer .inner .logoArea .util li:last-child:after {
	content: "";
}

footer .inner .logoArea .util li a {
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
}

footer .inner .logoArea .basic {
	margin-top: 30px;
}

footer .inner .logoArea .basic li {}

footer .inner .logoArea .basic li,
footer .inner .logoArea .basic li a {
	color: #667085;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
}

footer .inner .infoArea {
	flex: 1;
	text-align: right;
}

footer .inner .infoArea .topInfo {}

footer .inner .infoArea .topInfo li {
	display: inline-block;
	vertical-align: top;
	margin-left: 15%;
	font-size: 14px;
}

footer .inner .infoArea .topInfo li:first-child {
	margin-left: 0;
}

footer .inner .infoArea .topInfo li.terms:before {
	content: "|";
	color: #111;
	margin-right: 15px;
	font-size: 11px;
}

footer .inner .infoArea .topInfo li a {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
}

footer .inner .infoArea .snsArea {
	margin-top: 60px;
}

footer .inner .infoArea .snsArea li {
	display: inline-block;
	margin-left: 40px;
	vertical-align: top;
}

footer .inner .infoArea .snsArea li img {
	height: 28px;
}


@media all and (max-width:1280px) {
	footer .inner {
		position: relative;
		flex-direction: column;
		width: 94%;
		padding: 50px 0 0;
		margin: 20px auto;
	}

	footer .inner .infoArea {
		order: 1;
		text-align: center;
		margin-top: 5px;
	}

	footer .inner .logoArea {
		order: 2;
	}

	footer .inner .logoArea a.logo {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	footer .inner .logoArea .util {
		margin-top: 15px;
	}

	footer .inner .logoArea .util li {
		margin-right: 15px;
	}

	footer .inner .logoArea .util li:after {
		content: "";
		padding-left: 0;
	}

	footer .inner .logoArea .util li a {
		font-size: 13px;
		color: #333;
	}

	footer .inner .logoArea .basic {
		margin-top: 0;
	}

	footer .inner .logoArea .basic li,
	footer .inner .logoArea .basic li a {
		font-size: 12px;
		line-height: 20px;
	}

	footer .inner .infoArea .topInfo {
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
	}

	footer .inner .infoArea .topInfo li {
		margin: 0 8px;
	}

	footer .inner .infoArea .topInfo li:first-child {
		margin: 0 8px;
	}

	footer .inner .infoArea .topInfo li a {
		font-size: 14px;
	}

	footer .inner .infoArea .snsArea {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	footer .inner .infoArea .snsArea li {
		margin-left: 20px;
		vertical-align: top;
	}

	footer .inner .infoArea .snsArea li img {
		height: 20px;
	}

}