/* =====================================
              Base Reset
===================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, abbr, address, cite,
code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li,
fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline; 
}
body {line-height: 1; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {display: block;}
li {list-style: none;}
a {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: inherit;
  display: inline-block;
  cursor: pointer; 
}
img {vertical-align: middle;}
table {border-collapse: collapse;}

/* =====================================
              Form Reset
===================================== */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  background: none;
  vertical-align: middle; 
  font-family: inherit;
}
input::-ms-clear {display: none; }
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
}
textarea {
	outline: none;
	resize:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
	font-family: inherit;	
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  vertical-align: middle; 
  font-family: inherit;
}
select::-ms-expand {display: none; }
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
}
input[type='number'] {-moz-appearance: textfield; }
button {
  cursor: pointer;
  outline: none;
  padding: 0;
  border: 0;
  margin: 0;
  line-height: 1;
  background: none;
  vertical-align: middle; 
  font-family: inherit;
}
::-webkit-file-upload-button {cursor: pointer;}
::-webkit-scrollbar {display: none;}
.material-icons,
.material-icons-outlined {vertical-align: middle;}

*{-webkit-text-size-adjust: none;}
body {font-family: 'Montserrat', 'NanumSquare', sans-serif; }
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-weight: 600;
  color: 000; 
}
p, li, th, td, a, strong, span, em, input, button, select {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  text-decoration: none; 
}
p {word-break: keep-all;}
th, td {text-align: left; }
span, strong, em {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

/* =====================================
              Common
===================================== */
/* 
	�곗뒪�ы깙�먯꽌 overflow �ㅽ겕濡ㅼ씠 �댁뒋媛� �앷�
	max-width濡� 紐⑤컮��, �쒕툝由우뿉�쒕쭔 �숈옉�섎룄濡� 泥섎━��.
 */
/*
@media(max-width:1024px){
	html,body {overflow-x: hidden;} 
}
*/

.overflow-x {overflow-x: hidden;}

@media(min-width:1025px){
	body {overflow-x: hidden;}
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.wrapper {padding: 60px 0 0 0;}
@media(min-width:600px){
	.wrapper {padding: 0;}
}
@media(min-width:1025px){
	.wrapper {padding: 100px 0 0 0;}
}

::-moz-selection {
   background: #ff4800;
   color: #fff;
}
::selection {
   background: #ff4800;
   color: #fff;
}

/* =====================================
          �섏씠吏� �ㅻ뱶
===================================== */
.m\:payment.page-head,
.m\:cart.page-head,
.m\:orderinquiryview.page-head {padding: 0;}

.m\:page-head {padding: 0 !important;}

.page-head {
	box-sizing: border-box;
	width: 100%;
	padding-left: 32px;
}
.page-head-outer {
	background-color: #000;
	padding: 50px 24px;
}
.page-head__title {
	color: #fff;
	font-size: 44px;
	font-weight: 800;
	margin-left: -4px;
}
.page-head__title span {
	position: relative;
	z-index: 1;
}
.page-head__title span::after {
	content: "";
	display: block;
	width: 100%;
	height: 12px;
	padding: 0 4px;
	margin: -4px 0 0 -4px;
	background-color: #ff4800;
	
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
}
@media(min-width:600px){
	.m\:payment.page-head,
	.m\:cart.page-head,
	.m\:orderinquiryview.page-head {padding-left: 100px;}
	.page-head-outer {padding: 70px 20px;}
	.page-head__title {font-size: 50px;}
/*
	.page-head__title span::after {
		height: 16px;
		margin: -4px 0 0 -4px;
	}
*/
}
@media(min-width:1025px){
	.m\:page-head {padding-left: 56px !important;}
	.page-head {padding-left: 56px;}
	.page-head-outer {padding: 70px 40px;}
}

/* =====================================
            釉뚮젅�쒗겕��
===================================== */

.breadcrumbs {
	color: #fff;
	padding-top: 16px;
} 
.breadcrumbs .material-icons {
	font-size: 18px;
	color: #757575;
}
.breadcrumbs-link {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	color: #757575;
}
.breadcrumbs-link.now {color: #fff;}

/* =====================================
          �ъ씠�� 諛� �덉씠�꾩썐
===================================== */
.side-layout-outer {
	max-width: 1280px;
	padding: 56px 10px 0 32px;
	position: relative;
	margin: 0 auto;	
}
.m\:side-layout-outer {padding: 32px 0;}
.side-layout-outer.right .side-layout-content {
	box-sizing: border-box;
	padding: 0;
}
.side-layout-outer.right .side-layout {
	box-sizing: border-box;
	width: 100%;
	position: static;
	top:0px;
	right: 10px;
	z-index: 101;
}	
.side-layout-outer.left .side-layout-content {
	box-sizing: border-box;
	padding: 80px 0 0 500px;
}
.side-layout-outer.left .side-layout {
	box-sizing: border-box;
	width: 400px;
	position: absolute;
	top:0px;
	left: 56px;
}

@media(min-width:600px){ 
	.side-layout-outer {padding: 56px 40px;}
}
@media(min-width:1025px){
	.side-layout-outer {padding: 0 10px 0 56px;}
	.side-layout-outer.right .side-layout-content {
		box-sizing: border-box;
		padding: 80px 40px 0 0;
		width: calc(100% - 400px);
		float: left;
	}
	.side-layout-outer.right .side-layout {
		width: 400px;
		margin: 120px 0;
		float: left;
		/*position: absolute; */
	}
}

/* =====================================
          �ъ씠�� 諛� 硫붾돱
===================================== */
.side-menu {margin-bottom: 56px;}
.side-menu__title {
	display: block;
	font-size: 18px;
	font-weight: 900;
	padding-bottom: 16px;
}
.side-menu__link a {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	color: #757575;
	transition: all .3s;
}
.side-menu__link.active a {
	color: #000;
	text-decoration: underline;
}
.side-menu__link a:hover {opacity: 0.6;}
.mypage.side-layout-outer.left .side-layout {
	width: 190px;
	left: 60px;
	top: 80px;
}
.mypage.side-layout-outer .table-card__list .table__class-title {padding: 12px 0 8px 0;}
.mypage.side-layout-outer.left .side-layout-content {padding: 0;}

.page-orderinquiry .mypage.side-layout-outer.left .side-layout-content {padding-bottom: 120px;}

.mypage.side-layout-outer .table-card__foot-outer {box-sizing: border-box;}
.mypage__head-info {
	color: #fff;
	margin-left: 0;
	margin: -50px -10px;
}
.mypage__head-info li {
	border-top: 1px solid #1A1A1A;
	padding: 8px 0 16px 0;
}
.mypage__head-data {
	display: block;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.75;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mypage__head-data span {
	position: relative;
	z-index: 1;
	padding: 0 4px;
}
.mypage__head-data span::after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background-color: #ff4800;
	
	position: absolute;
	top:50%;
	left: 0;
	z-index: -1;
	margin-top: -2px;
}
.mypage__head-link {
	font-size: 12px;
	transition: all .3s;
}
.mypage__head-link .material-icons {font-size: 18px;}
.mypage__head-link:hover {opacity: .5;}

.mypage .table-card__list {
	width: 100%;
	float: left;
}
.mypage .table-card__list .table-card__content-foot {
	box-sizing: border-box;
	width: 100%;
}

/* .common-class-review {position: static;} */

.class-community .side-menu__link a {font-size: 14px;}

@media(min-width:600px){
	.mypage__head-data {font-size: 40px;}
	.mypage__head-link {font-size: 14px;}
	.mypage ol {margin-right: -6px;}
	.mypage .table-card__list {
		width: 50%;
		height: 440px;
		margin-left: -2px;
	}
	.mypage__head-info {margin: 0 0 0 12px;}
	.mypage__head-info li:nth-child(1),
	.mypage__head-info li:nth-child(2) {border: 0;}
	.mypage .table-card__list .table-card__content-foot {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 44px 44px 44px;
	}	
	.mypage__head-info li{ 
		max-width: 200px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
}
@media(min-width:1025px){
	.side-menu__title {padding-bottom: 24px;}
	.mypage.side-layout-outer.left .side-layout-content {
		padding: 80px 0 0 250px;
		min-height: 1100px;
	}
	.mypage__head-data {font-size: 36px;}
	.mypage__head-data span::after {height: 8px;}
	.mypage__head-info {margin: 0 0 0 -12px;}
	.mypage__head-info li {
		width: auto !important;
		padding: 24px 0;		
		border-top: 0;
		margin: 0 60px 0 0;
	}
	.mypage__head-info li:last-of-type {margin: 0;}
	.mypage.side-layout-outer.left .side-layout-content {min-height: 1100px;}
	
	.class-community {
		max-width: 700px;
		padding: 0;
	}
	
	.common-class-review .item-content--wrapper {width: 700px;}
	.mypage__head-info li{ max-width: 300px;}
}
@media(min-width:1281px){
	.mypage .table-card__list {width: 33.33%;}
	.mypage__head-data {font-size: 40px;}
	.mypage__head-info li {margin: 0 100px 0 0;}	
}

/* =====================================
		    mypage info
===================================== */
.mypage-info {padding: 20px 24px 28px 24px;}
.mypage-info__title {}
.mypage-info__tel::before {
	content: "";
	display: block;
	width: 24px;
	height: 4px;
	background: #000;
	margin-bottom: 16px;
}
.mypage-info__tel {
	font-size: 21px;
	font-weight: 700;
	padding: 0 0 16px 0;
}
.mypage-info__text {padding: 16px 0 28px 0;}
.mypage-info__text,
.mypage-info__business-hours {
	font-size: 14px;
	color: #757575;
	line-height: 1.4;
}
.mypage-info__business-hours {
	max-width: 360px;
	line-height: 1.75;
}

@media(min-width:600px){ 
	.mypage-info {padding: 0 0 28px 0;}
}
@media(min-width:1025px){
	.mypage-info {padding: 0 0 60px 0;}
	.mypage-info.padding-none {padding: 0;}
}

/* =====================================
		   洹몃━�쒖떆�ㅽ뀥
===================================== */

.layout--center {padding: 0 16px;}
.layout-lean {
	box-sizing: border-box;
	width: 100%;
	padding-left: 56px;
}

@media(min-width:600px){
	.layout--center {
		box-sizing: border-box;
		max-width: 684px;
		padding: 0 34px;
		margin: 0 auto;
	}	
}
@media(min-width:900px){
	.layout--center {max-width: 1025px;}	
}
@media(min-width:1280px){
	.layout--center {
		max-width: 1280px;
		padding: 0 50px;
	}	
}
@media(min-width:1600px){
	.layout--center {max-width: 1600px;}	
}
@media(min-width:1921px){
	.layout--center {max-width: 1920px;}	
}

[class*="max-w-"] {
	box-sizing: border-box;
	padding: 0 10px;
}
.max-w-600px  {max-width: 600px;}
.max-w-700px  {max-width: 700px;}
.max-w-800px  {max-width: 800px;}
.max-w-900px  {max-width: 900px;}
.max-w-1000px {max-width: 1000px;}
.max-w-1024px {max-width: 1024px;}
.max-w-1200px {max-width: 1200px;}
.max-w-1280px {max-width: 1280px;}
.max-w-1400px {max-width: 1400px;}
.max-w-1600px {max-width: 1600px;}
.max-w-1920px {max-width: 1920px;}
.margin-center {margin: 0 auto;}

[class*="col-"] {
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
}
.col-fit {padding: 0;}
.m\:col-1\/12 {width: 8.33%;}
.m\:col-2\/12 {width: 16.66%;}
.m\:col-3\/12 {width: 25%;}
.m\:col-4\/12 {width: 33.33%}
.m\:col-5\/12 {width: 41.66%;}
.m\:col-6\/12 {width: 50%;}
.m\:col-7\/12 {width: 58.33%;}
.m\:col-8\/12 {width: 66.66%;}
.m\:col-9\/12 {width: 75%;}
.m\:col-10\/12 {width: 83.33%;}
.m\:col-11\/12 {width: 91.66%;}
.m\:col-12\/12 {width: 100%;}

.m\:col-1\/5 {width: 20%;}
.m\:col-2\/5 {width: 40%;}
.m\:col-3\/5 {width: 60%;}
.m\:col-4\/5 {width: 80%;}

@media(min-width:600px){
	.t\:col-1\/12 {width: 8.33%;}
	.t\:col-2\/12 {width: 16.66%;}
	.t\:col-3\/12 {width: 25%;}
	.t\:col-4\/12 {width: 33.33%}
	.t\:col-5\/12 {width: 41.66%;}
	.t\:col-6\/12 {width: 50%;}
	.t\:col-7\/12 {width: 58.33%;}
	.t\:col-8\/12 {width: 66.66%;}
	.t\:col-9\/12 {width: 75%;}
	.t\:col-10\/12 {width: 83.33%;}
	.t\:col-11\/12 {width: 91.66%;}
	.t\:col-12\/12 {width: 100%;}

	.t\:col-1\/5 {width: 20%;}
	.t\:col-2\/5 {width: 40%;}
	.t\:col-3\/5 {width: 60%;}
	.t\:col-4\/5 {width: 80%;}
}
@media(min-width:1025px){
	.d\:col-1\/12 {width: 8.33%;}
	.d\:col-2\/12 {width: 16.66%;}
	.d\:col-3\/12 {width: 25%;}
	.d\:col-4\/12 {width: 33.33%}
	.d\:col-5\/12 {width: 41.66%;}
	.d\:col-6\/12 {width: 50%;}
	.d\:col-7\/12 {width: 58.33%;}
	.d\:col-8\/12 {width: 66.66%;}
	.d\:col-9\/12 {width: 75%;}
	.d\:col-10\/12 {width: 83.33%;}
	.d\:col-11\/12 {width: 91.66%;}
	.d\:col-12\/12 {width: 100%;}

	.d\:col-1\/5 {width: 20%;}
	.d\:col-2\/5 {width: 40%;}
	.d\:col-3\/5 {width: 60%;}
	.d\:col-4\/5 {width: 80%;}
}

/* =====================================
            Logo Component
===================================== */ 
.logo-xs {width: 40px;}
.logo-sm {width: 60px;}
.logo-md {width: 80px;}
.logo-lg {width: 100px;}
.logo-xl {width: 120px;}

/* =====================================
          Post Component
===================================== */

/* �쒕ぉ */
[class*="title-"]{font-weight: 600;}
.title-12px {font-size: 12px;}
.title-14px {font-size: 14px;}
.title-16px {font-size: 16px;}
.title-18px {font-size: 18px;}
.title-20px {font-size: 20px;}
.title-21px {font-size: 21px;}
.title-24px {font-size: 24px;}

/* 臾몃떒 */
.text {
	font-size: 16px;
	color: #333;
	line-height: 1.8;
	word-break: keep-all;
	padding-bottom: 24px;
}

.text.sm {
	font-size: 12px;
	color: #757575;
	line-height: 1.6;
	word-break: keep-all;
	padding-bottom: 24px;
}

.title-sub {
	font-size: 21px;
	font-weight: 300;
    line-height: 1.4;
    padding-bottom: 16px;
}

.class-about-img {
	width: 100%;
	margin-bottom: 24px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){ 
  .text {font-weight: 300;}
}


/* 紐⑸줉 */
.list-notice {padding: 44px 24px;}
.list-notice__title {padding: 0 0 12px 0;}

@media(min-width:1025px){
	.list-notice {padding: 44px 0;}
}

/* .list {margin-bottom: 24px;} */
.list {
	font-size: 14px;
	line-height: 1.75;
	color: #757575;
	position: relative;
	word-break: keep-all;
/* 	padding: 8px 0 8px 12px; */
}
.list strong {
	font-weight: 800;
	margin-right: 12px;
}

.accordion__content .list {padding: 4px 0 4px 12px;}

/*
.list.list-sm {
	height: 32px;
	line-height: 32px;
}
.list.list-md {
	height: 40px;
	line-height: 40px;
}
.list.list-lg {
	height: 48px;
	line-height: 48px;
}
*/
/*
.list.list-normal {
	height: auto;
	margin-bottom: 8px;
}
*/
.list .warning {
	font-size: 12px;
	color: #757575;
}

.list.list-disc {
	padding: 4px 4px 4px 12px;
	position: relative;
}
.list.list-disc::before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	padding: 0;
	border-radius: 50%;
	background-color: #000;
	
	position: absolute;
	top: 14px;
	left: 0;
}

/* list�� �꾩씠肄섏씠 �덉쓣 寃쎌슦 */
.list.list-icon .material-icons {
	font-size: 18px;
	margin-right: 2px;
	color: #C7C7C7;
	position: absolute;
	top: 12px;
	left: 8px;
}
.list.list-bg {
	background-color: #FAFAFA;
	padding: 8px 12px;
	margin: 4px 0;
	border-radius: 4px;
/* 	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); */
}
.list.list-icon {padding: 8px 12px 8px 32px;}
.list.list-border:first-of-type {border-top: 2px solid #000;}
.list.list-border {
	border-bottom: 1px solid #eee;
	padding: 12px;
}
.list .list-number {
	color: #C1C1C1;
	font-weight: 700;
	margin-right: 4px;
}

.is-complete {
	font-weight: 700;
	color: #000;
}
.is-waiting {
	font-weight: 700;
	color: #e0e0e0;
}
/* .is-cancel {} */

/* =====================================
            Header Desktop
===================================== */ 

/* �ㅻ뜑 怨듯넻�붿냼 */
.desktop\:header {display: none;}
.nav-menu a {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    transition: all .2s;
}
.nav-menu a span {
    position: relative;
    z-index: 1;
}
.header--top .nav-menu,
.header--bottom .nav-menu {
    display: inline-block;
    margin: 0 -5px;
}
.header--top .nav-menu a,
.header--bottom .nav-menu a{
    padding: 0 14px;
    font-size: 12px;
    font-weight: 700;
}
.header--bottom .nav-menu .material-icons,
.header--bottom .nav-menu .material-icons-outlined {
	font-size: 18px;
	padding-bottom: 2px;
}

/* �ㅻ뜑 怨듯넻�붿냼 : �몃쾭 */
.header--top .nav-menu a:hover,
.header--bottom .nav .nav-menu a:hover,
.header--bottom .nav--secondary .nav-menu a:hover {color: #ff4800;}

/* �ㅻ뜑 怨듯넻�붿냼 : is-selected */
.nav-menu.is-selected a {
    font-weight: 800;
    color:#ff4800;
}
/*.nav-menu.is-selected span {padding: 0 4px;}*/
/*
.nav-menu.is-selected span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 4px;
    margin-top: -2px;
    position: absolute;
    top:50%;
    left: 0px;
    z-index: -1;
    background-color: #ff4800;
    transition: background-color .2s;
}
*/
/*.nav-menu.is-selected:hover span::after {background-color: transparent;}*/

/* �ㅻ뜑 Top */
.header--top {
    box-sizing: border-box;
    background-color: #000;
    color: #fff;
}
.header--top .nav {
    float: right;
    margin-right: 46px;
}
.header--top .nav-menu a {
    height: 52px;
    line-height: 52px;
}

/* �ㅻ뜑 Bottom */
.header--bottom {position: relative;}
.header--bottom .header__logo {
    width: 80px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top:0;
    left: 56px;
    transition: width .2s;
}
.header--bottom .header__logo img {
    width: 100%;
    position: relative;
    top:-2px;
}
.header--bottom .nav {
    box-sizing: border-box;
    width: 100%;
    padding: 0 380px 0 136px;
    text-align: center;
    transition: padding .2s;
}
.header--bottom .nav .nav-menu a {
    height: 60px;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    padding: 0 16px;
    transition: all .2s;
}
.header--bottom .nav--secondary {
    position: absolute;
    top:0;
    right: 46px;
}
.header--bottom .nav--secondary .nav-menu a{
    height: 60px;
    line-height: 60px;
}

@media(min-width:1025px){ 
    .desktop\:header {display: block;}
}
@media(min-width:1200px){
    .header--bottom .header__logo {width: 100px;}
    .header--top .nav-menu a,
    .header--bottom .nav-menu a {font-size: 12px;}
    .header--bottom .nav .nav-menu a {font-size: 16px;}
    .header--bottom .nav {padding: 0 422px 0 156px;}
    
    .header--top .nav-menu.nav-menu--line,
    .header--bottom .nav-menu.nav-menu--line {position: relative;}
    
    .header--top .nav-menu.nav-menu--line::after,
    .header--bottom .nav-menu.nav-menu--line::after {
	    content: "";
	    display: block;
	    width: 4px;
	    height: 4px;
	    background-color: #fff;
	    border-radius: 50%;
	    opacity: .5;
	    position: absolute;
	    top:50%;
	    right: 12px;
	    margin-top: -2px;
    }
    .header--bottom .nav-menu.nav-menu--line::after {background-color: #ababab;}    
    .header--top .nav-menu.nav-menu--line a,
	.header--bottom .nav-menu.nav-menu--line a {padding: 0 40px 0 14px;}
}

/* =====================================
            Header Mobile
===================================== */ 
.m\:header {
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	line-height: 48px;
	
	background-color: #000;
	text-align: center;
	position: fixed;
	top:0;
	left: 0;
	z-index: 999;
	transition: top 0.2s ease-in-out;
}
.m\:header__logo img {width: 80px;}
.m\:header__menu,
.m\:header__cart {
	width: 48px;
	height: 48px;
	
	color: #fff;
	position: absolute;
	top:0;
}
.m\:header__menu {left: 0px;}
.m\:header__cart{right: 0px;}

/* �ㅼ씠寃뚯씠�� */
.m\:header__nav {
	display: none;
	box-sizing: border-box;
	position: fixed;
	top:0;
	left: 0;
	z-index: 999;
	
	width: 100%;
	height: 100%;
	padding: 60px 0 60px 0;
	
	background-color: #000;
	overflow-y: scroll;
}
.m\:header__nav--main {padding-bottom: 40px;}
.m\:header__nav-link {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-align: left;
}
.m\:header__nav-link a {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	display: block;
	padding: 16px 24px;
}
.m\:header__nav-cation {
	display: block;
	font-size: 12px;
	font-weight: 400;
	padding-top: 4px;
	opacity: .6;
}
.m\:nav__btn-close {
	width: 64px;
	height: 64px;
	color: #fff;
	position: fixed;
	top:0;
	right: 0;
}
.m\:header__nav--secondary .m\:header__nav-link{font-size: 18px;}
.m\:header__copy {
	font-size: 12px;
	color: #262626;
	text-align: left;
	padding: 60px 24px 0 24px;
}
.m\:header__copy span {
	display: block;
	font-weight: 800;
	padding-top: 8px;
}
.m\:header__nav.active {display: block;}


/* bottom �ㅻ퉬寃뚯씠�� */
.m\:nav-bar--bottom {
	box-sizing: border-box;
	width: 100%;
	height: 68px;
	border-top:1px solid #eee;
	background-color: #fff;
	
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 101;
	
	transition: bottom 0.2s ease-in-out;
}
.m\:nav-bar__link {
	width: 20%;
	float: left;
	text-align: center;
}
.m\:nav-bar__link a {
	box-sizing: border-box;
	display: block;
	font-size: 11px;
	height: 68px;
	padding: 16px 0;
}
/*
.m\:nav-bar__link .material-icons {
	font-size: 18px;
	color: #000;
}
*/
.m\:nav-bar__link a img {
	position: relative;
	right: -1px;
}
.m\:nav-bar__link a span {
	display: inline-block;
	width: 100%;
	padding-top: 4px;
	font-size: 8px;
	font-weight: 700;
}

/* �ㅻ뜑 �ㅽ겕濡� �좊땲硫붿씠�� */
.header-scroll.nav-up {top:-48px;}
.header-scroll.nav-down {top:0px;}

.m\:nav-bar--bottom.header-scroll.nav-up,
.m\:nav-bar--bottom.header-scroll.nav-down {top:auto;}

.m\:nav-bar--bottom.header-scroll.nav-up {bottom: -68px;}
.m\:nav-bar--bottom.header-scroll.nav-down {bottom: 0;}

/* =====================================
          Footer
===================================== */
.m\:footer {
	background-color: #000;
	height: 400px;
}

/* =====================================
          Section Heding
===================================== */

.heading {padding-bottom: 60px;}
.heading__title {
	font-size: 21px;
	font-weight: 800;
	line-height: 1.5;
	padding-bottom: 12px;
}
.heading__title span {font-weight: 200;}
.heading__text {
	font-size: 14px;
	line-height: 1.75;
	color: #757575;
	padding: 12px 0;
	display: none;
}
.heading__text br {display: none;}
.heading__link {
	font-size: 14px;
	color: #000;
}
.heading__link:hover {text-decoration: underline;}

/*
.heading-item {
    box-sizing: border-box;
    padding: 0 16px 36px 24px;
}
@media(min-width:600px){
	.heading__title {padding-bottom: 0}
    .heading {padding-bottom: 0;}
    .heading__text {
	    padding: 36px 0;
		display: block;
	}	
    .heading-item {
        max-width: 684px;
        padding: 68px 34px 36px 34px;
        margin: 0 auto;
    }
}
@media(min-width:900px){
    .heading-item {
        max-width: 1025px;
        padding: 68px 34px 68px 34px;
    }
}
@media(min-width:1025px){ 
	.heading__text br {display: inline-block;}	
}
@media(min-width:1280px){
    .heading-item {
        max-width: 1280px;
        padding: 0 50px 68px 50px;
    }
}
@media(min-width:1600px){
    .heading-item {max-width: 1600px;}
}
@media(min-width:1921px){
    .heading-item {max-width:1920px;}
}
*/


/* 湲곗〈 二쇱꽍�� */
/*
[class*="m\:title-"] span,
.heading-item__title span,
.heading-item__title-text span {
    font-size: inherit;
    font-weight: inherit;
}
*/
.special--wrapper {padding: 100px 0 0 0 !important;}
.swiper-container--overflow {
	overflow: hidden;
	padding: 0 0 0 24px;
}
.swiper-container--upcoming,
.swiper-container--special,
.swiper-container--waiting,
.swiper-container--qa {
	position: relative;
	padding:  0 80px 0 0;
}
.swiper-container--recommend {
	position: relative;
	padding:  0;
}
.swiper-card .card {
/* 	margin: 0 40px 48px 0; */
	padding: 0;
}

.swiper-container--upcoming .swiper-pagination-progressbar,
.swiper-container--special .swiper-pagination-progressbar,
.swiper-container--waiting .swiper-pagination-progressbar,
.swiper-container--qa .swiper-pagination-progressbar,
.swiper-container--recommend .swiper-pagination-progressbar{
	height: 2px;
	top:auto;
	bottom: 0;
	background-color: rgba(0,0,0,.1);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #000;}
.swiper-scrollbar--upcomming {
	height: 30px;
	background-color: rgba(0,0,0,.5);
}

.swiper-container--upcoming .swiper-pagination-progressbar,
.swiper-container--special .swiper-pagination-progressbar,
.swiper-container--waiting .swiper-pagination-progressbar {width: calc( 100% - 24px );}
	
@media(min-width:1025px){
	.swiper-container--upcoming .swiper-pagination-progressbar,
	.swiper-container--special .swiper-pagination-progressbar,
	.swiper-container--waiting .swiper-pagination-progressbar {width: calc( 100% - 150px );}	
}
/*
.swiper-container--qa .swiper-pagination-progressbar, 
.swiper-container--recommend .swiper-pagination-progressbar
*/

.swiper-container--upcoming .heading-swiper-nav .btn.swiper-button-disabled,
.swiper-container--special .heading-swiper-nav .btn.swiper-button-disabled,
.swiper-container--waiting .heading-swiper-nav .btn.swiper-button-disabled {border: 1px solid #ddd;}
.swiper-container--upcoming .heading-swiper-nav .btn.swiper-button-disabled:hover,
.swiper-container--special .heading-swiper-nav .btn.swiper-button-disabled:hover,
.swiper-container--waiting .heading-swiper-nav .btn.swiper-button-disabled:hover {
	background-color: transparent;
	border-color: #ddd;
	cursor: default;
}

.swiper-container--upcoming .heading-swiper-nav .btn.swiper-button-disabled .material-icons,
.swiper-container--special .heading-swiper-nav .btn.swiper-button-disabled .material-icons,
.swiper-container--waiting .heading-swiper-nav .btn.swiper-button-disabled .material-icons {color: #ddd;}

.swiper-container--upcoming .heading-swiper-nav .btn,
.swiper-container--special .heading-swiper-nav .btn,
.swiper-container--waiting .heading-swiper-nav .btn {
	transition: all .3s;
	border-radius: 4px;
}
.swiper-container--upcoming .heading-swiper-nav .btn:hover,
.swiper-container--special .heading-swiper-nav .btn:hover,
.swiper-container--waiting .heading-swiper-nav .btn:hover {
	background-color: #000;
	border-color: #000;
	color: #ff4800;
}

@media(min-width:600px){
	.swiper-container--overflow {padding: 0 0 0 24px;}
	.swiper-container--upcoming,
	.swiper-container--special,
	.swiper-container--waiting  {padding: 0;}
/* 	.swiper-card .card {margin: 0 40px 48px 0;} */
}

@media(min-width:1025px){
	.heading__text {
		display: block;
		padding: 12px 100px 28px 0;
	}
	.special--wrapper {padding: 120px 24px 120px 24px !important;}
	.swiper-container--overflow {
		overflow:inherit;
		padding: 0;
	}
	.swiper-container--special{padding:  0 360px 0 0;}
	.swiper-container--upcoming,
	.swiper-container--waiting  {padding:  0 100px 40px 0;}
	.swiper-container--recommend {padding:  0 100px 0 0;}
/* 	.swiper-card .card {margin: 0 80px 48px 0;}	 */
}

.heading-item {padding: 0 0 28px 24px;}
.heading-item__title {
    display: block;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 4px;
}
[class*="m\:title-"] span,
.heading-item__title span {
    padding: 0 2px;
    position: relative;
    z-index: 1;
}
[class*="m\:title-"] span::after,
.heading-item__title span::after {
    content: "";
    display: block;
    position: absolute;
    top:50%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 10px;
    margin-top: -2px;
    background-color: #ff4800;
    border-radius: 4px;
}


/* 湲곗〈 二쇱꽍�� */
/*[class*="m\:title-"]__text,*/

.heading-item__title-text {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
}

/* 湲곗〈 二쇱꽍�� */
/*[class*="m\:title-"]__text span,*/

.heading-item__title-text span {font-weight: 200;}

.heding-item--wrapper {
    display: inline-block;
    position: relative;
}
.heading-item__text {
    font-size: 14px;
    color: #757575;
    line-height: 1.75;
    margin-top: 24px;
}
.heading-item__text br {display: none;}
.heading-swiper-nav {
    display: none;
    position: absolute;
    right: 0;
    bottom: -22px;
}

@media(min-width:600px){
	.heading-item {padding: 0 0 60px 24px;}
    .heading-item__title span {padding: 0 4px;}
    .heading-item__title-text {font-size: 21px;}
    .heading-item__text br {display: inline-block;}
}
@media(min-width:1025px){
	.heading-item__title {font-size: 50px;}
	.heading-item {padding: 0 0 60px 0;}	
/*     .heading-item__title span {padding: 0 4px;} */
    .heading-item__title span {padding: 0 2px;}
    .heading-swiper-nav {display: inline-block;}
}



.m\:title-sm {
    font-size: 16px;
    font-weight: 900;
}
.m\:title-sm span::after {
    height: 3px;
    margin-top: -1px;
}

.m\:title-md {
    font-size: 21px;
    font-weight: 700;
}
.m\:title-md span::after {
    height: 4px;
    margin-top: -1px;
}

.m\:title-lg {
    font-size: 30px;
    font-weight: 900;
}
.m\:title-lg span::after {
    height: 6px;
    margin-top: -2px;
}

@media(min-width:600px){
    .t\:title-sm {
        font-size: 16px;
        font-weight: 900;
    }
    .t\:title-sm span::after {
        height: 3px;
        margin-top: -1px;
    }

    .t\:title-md {
        font-size: 21px;
        font-weight: 900;
    }
    .t\:title-md span::after {
        height: 4px;
        margin-top: -1px;
    }

    .t\:title-lg {
        font-size: 30px;
        font-weight: 900;
    }
    .t\:title-lg span::after {
        height: 6px;
        margin-top: -2px;
    } 
}

@media(min-width:1025px){
    .d\:title-sm {
        font-size: 16px;
        font-weight: 900;
    }
    .d\:title-sm span::after {
        height: 3px;
        margin-top: -1px;
    }

    .d\:title-md {
        font-size: 21px;
        font-weight: 900;
    }
    .d\:title-md span::after {
        height: 4px;
        margin-top: -1px;
    }

    .d\:title-lg {
        font-size: 30px;
        font-weight: 900;
    }
    .d\:title-lg span::after {
        height: 6px;
        margin-top: -2px;
    } 
}

/* =====================================
             Form
===================================== */ 
.form-outer {
	margin-bottom: 16px;
	position: relative;
}
.form-input-btn-set {position: relative;}
.form-input-btn {
	position: absolute;
	top:0;
	right: -90px;
	padding: 0 !important;
	width: 80px;
	text-align: center;
}

/* �쇰뵒�� 踰꾪듉 */
.form-radio {
	font-size: 14px;
	color: #757575;
	cursor: pointer;
}
.form-radio input[type="radio"] {display:none;}
.form-radio input[type="radio"] + .form-radio__circle{display: none;}
.form-radio input[type="radio"] + .form-radio__circle{
    display:inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #dadada;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
	transition: all .4s;
}

.form-radio input[type="radio"]:checked + .form-radio__circle {border-color: #000;}
.form-radio input[type="radio"] + .form-radio__circle::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #000;
	
	position: absolute;
	top:50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	opacity: 0;
	transition: all .4s;
	transform: scale(0);
}
.form-radio input[type="radio"]:checked + .form-radio__circle::after{
	opacity: 1;
	transform: scale(1);
}
/* .form-radio.theme-black input[type="radio"] + .form-radio__circle {border: 2px solid #000;} */
/* .form-radio input[type="radio"] + .form-radio__circle::after {background-color: #000;} */

/* 泥댄겕諛뺤뒪 */
.form-checkbox {
	font-size: 14px;
	color: #757575;
	cursor: pointer;
}
.form-checkbox input[type="checkbox"]{display:none;}
.form-checkbox input[type="checkbox"] + .form-checkbox__icon{
    display:inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #9e9e9e;
    margin-right: 4px;
    vertical-align: middle;
    position: relative;
/* 	transition: all .3s; */
}
.form-checkbox input[type="checkbox"] + .form-checkbox__icon .material-icons {
	font-size: 18px;
	color: transparent;
/* 	transition: all .3s; */
}
.form-checkbox input[type="checkbox"]:checked + .form-checkbox__icon {
	background-color: #1D6EEA;
	border-color: #1D6EEA !important;
	line-height: 16px !important;
}
.form-checkbox input[type="checkbox"]:checked + .form-checkbox__icon .material-icons {color: #fff;}
.form-checkbox.theme-white {color: #fff;}

/* input */
.form-input {
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	padding: 0 16px;
	border: 1px solid #ECECEC;
	font-size: 16px;
}
.form-input::-webkit-input-placeholder {
	font-size: 14px;
	line-height: 1;
}
.form-input.theme-white {
	background-color: #fff;
	border-color: #fff;
}
.form-tel {box-sizing: border-box;}
.form-tel .btn--confirm {
	position: absolute;
	top:0;
	right: 0;
	padding: 0 20px !important;
	color: #424242;
	font-size: 12px;
	font-weight: 600;
	border-radius: 0 4px 4px 0 !important;
	border: 0;
}
.form-tel .btn--confirm:hover {
	font-weight: 400;
	border-color: #eee;
	background-color: #fafafa;
	color: #1D6EEA;
}

.form-input.radius-sm {border-radius: 4px;}
.form-input.radius-md {border-radius: 8px;}
.form-input.radius-lg {border-radius: 12px;}
.form-input.round {border-radius: 999px;}

.signup-certification .certification-counter {
	font-size: 12px;
	color: #000;
	position: absolute;
	top:18px;
	right: 80px;
}
.help-text .material-icons-outlined {font-size: 18px;}

.form-outer {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 12px;
	position: relative;
}
.form-outer .form-label {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	width: 60px;
	margin-bottom: 12px;
}

.form-outer.horizontal {
	position: relative;
	padding-left: 80px;
}
.form-outer.horizontal .form-label {
	box-sizing: border-box;
	width: 80px;
	height: 48px;
	padding-right: 12px;
	line-height: 48px;
	white-space: nowrap;
	position: absolute;
	top:0;
	left: 0;
}

/* floating input */
.form-floating-outer {padding-right: 350px;}
.form-floating{position: relative;}
.form-floating-label {
  position: absolute;
  top: 50%;
  left: 16px;
  z-index: 1;
  margin-top: -7px;
  transition: all 200ms;
  font-size: 14px;
  color: #757575;
}
.form-input-floating {
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	padding: 0 16px;
	border: 1px solid #ECECEC;
	font-size: 14px;	
	position: relative;
	z-index: 2;
}

.form-input-floating:focus + .form-floating-label,
.form-input-floating:valid + .form-floating-label {
  font-size: 75%;
  transform: translate3d(-4px, -28px, 0);
  z-index: 3;
  background-color: #fff;
  padding: 4px;
}

/* select */
.form-select {position: relative;}
.form-select select {
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	padding: 0 16px;
	border: 1px solid #eee;
	position: relative;
	z-index: 2;
	background: none;
	cursor: pointer;
	font-size: 14px;
}
.form-select__icon {
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top:0;
	right: 0;
	z-index: 1;
}
.form-select__icon .material-icons {line-height: inherit;}

@media(min-width:600px){
	.form-input {font-size: 14px;}
}

/* =====================================
              !helptext
===================================== */ 
.help-text {
	font-size: 12px;
	padding: 12px 0;
}
.help-text.error {color: red;}
.help-text.info {color: #1D6EEA;}

/* =====================================
               !payment
===================================== */ 

/* payment 怨듯넻 �붿옄�� */ 
.payment .side-layout {top:120px !important;}
.payment .payment__title {
	padding-bottom: 24px;	
	border-bottom: 4px solid #000;
	margin: 60px 0 24px 0;
}

.payment .earlybird-dc-data {
	font-size: 14px;
	text-align: left;
	color: #757575;
	padding: 0 0 24px 16px;
	border-bottom: 1px solid #ECECEC;
}

.payment .payment__title:first-of-type {margin: 0 0 24px 0;}
.payment .table {max-width: 500px;}
.payment .payment-notice-list {
	border: 1px solid #eee;
    padding-top: 24px;
    background-color: #fafafa;
    padding: 12px 20px;
}
.page-orderform .orderform-point-title,
.page-orderform .orderform-coupon-title {
	vertical-align: top;
	padding-top: 20px;
}

/* 寃곗젣�섎떒 �좏깮 */
.payment .pay_way {margin-bottom: 24px;}
.payment .pay_way li {float: left;}
.payment .pay_way input[type="radio"]{display:none;}
.payment .pay_way input[type="radio"] + label {
    display: inline-block;
    font-size: 12px;
    height: 48px;
    padding: 0 16px;
	border: 1px solid #eee;
	border-right: 0;
	line-height: 48px;
	cursor: pointer;
}
.payment .pay_way li:last-child label{border-right: 1px solid #eee;}
.payment .pay_way input[type="radio"]:checked + label {
	background-color: #000;
	color: #fff;
	border-color: 1px solid #000;
}
.payment .bank_account {
	height: 48px;
	line-height: 48px;
	padding-bottom: 0;
	font-size: 14px;
}
.payment .bank_account span {
	margin-right: 4px;
	color: #000;
	vertical-align: middle;
}
.payment .bank_account strong {
	color: #000;
	font-weight: 800;
	vertical-align: middle;
	margin-right: 4px;
}
.payment .settle_bank__title {
	font-size: 16px;
	font-weight: 800;
	padding: 24px 0 12px 0;
}
.payment .bank_account .material-icons {font-size: 18px;}
.payment .settle_bank {padding-bottom: 100px;}
.payment .settle_bank .form-outer {margin-bottom: 0;}
.payment .settle_bank-outer {
	background-color: #fafafa;
	padding: 0px 16px;
	border: 1px solid #eee;
	margin-bottom: 24px;
}

.payment .orderform-form-outer {
	box-sizing: border-box;
	width: 100%;
	padding-right: 350px;
}

/* 二쇰Ц寃곗젣 李� �ъ씠�� 諛� */
.payment-sidebar {border: 2px solid #000;}
.payment-sidebar .payment-head {padding: 34px 24px 28px 40px;}
.payment-sidebar .payment-head .payment-head__title {
	font-size: 21px;
	font-weight: 800;
	padding-bottom: 0;
}
.payment-sidebar .payment-body {padding: 0 24px 34px 40px;}
.payment-sidebar .payment-body .payment-option__list {
	padding-top: 28px;	
	border-top: 1px solid #eee;
/* 	margin-top: 24px; */
}
.payment-sidebar .payment-body .payment-option__list:first-of-type {margin-top: 0px;}
.payment-sidebar .payment-body .class__option-title {
	font-size: 14px;
	font-weight: 400;
	margin: 6px 4px 0 0;
}
.payment-sidebar .payment-body .class__option  {
	position: relative;
	padding: 0;
}

.page-orderinquiryviewclass .payment-sidebar .payment-body .class__option,
.page-orderinquiryview .payment-sidebar .payment-body .class__option {width: 100%;}

.payment-sidebar .payment-body .class__option-data {font-size: 12px;}

.payment-sidebar .payment-body .payment-body__title {
	font-size: 16px;
	font-weight: 800;
	padding-bottom: 12px;
}
.payment-sidebar .payment-body .payment-list {
	border-top: 1px dashed #ccc;
	padding-top: 32px;
/* 	margin-top: 24px; */
}
.payment-sidebar .payment-body .payment-list li {
	position: relative;
	padding-bottom: 16px;
	font-size: 14px;
}
.payment-sidebar .payment-body .payment-list strong {
	position: absolute;
	top:0;
	right: 0;
	font-weight: 400;
}
.payment-sidebar .payment-body .class__personnel {
	font-size: 12px;
	color: #757575;
}
/*
.payment-sidebar .payment-body .payment-info {
	position: relative;
	padding: 12px 0 0 0;
}
*/
.payment-sidebar .payment-body .payment-info {
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	bottom: 16px;
	right: 0;
	padding: 12px 0 0 0;
	text-align: right;
}

.page-orderform .payment-sidebar .payment-body .payment-info {bottom: 36px;}

.page-orderinquiryview .payment-sidebar .payment-body .class__price-discount,
.page-orderform .payment-sidebar .payment-body .class__price-discount,
.page-orderinquiryviewclass .payment-sidebar .payment-body .class__price-discount {margin: 0 0 6px 0;}

/*
.payment-sidebar .payment-body .class__price-outer {
	position: absolute;
	top:8px;
	right: 0;
}
*/
.payment-sidebar .payment-body .class__price {
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
}
.payment-sidebar .payment-body .class__price-discount {
	display: inline-block;
	font-size: 12px;
	text-decoration: line-through;
	color: #757575;
	margin-right: 4px;
}

.payment-sidebar .payment-foot {
	background-color: #000;
	color: #fff;
	padding: 32px 24px 24px 24px;
}
.payment-sidebar .payment-foot .total-price {
	font-size: 14px;
	padding-bottom: 24px;
	position: relative;
}
.payment-sidebar .payment-foot .total-price strong {
	font-size: 21px;
	font-weight: 700;
	padding-left: 12px;
	position: absolute;
	top:0;
	right: 0;
}
.payment-sidebar .payment-foot .payment-notice {
	font-size: 12px;
	line-height: 1.75;
	color: #757575;
}
.side-layout .btn--payment {
	height: 60px;
	font-weight: 800;
}

@media(min-width:1025px){
	.payment-sidebar .payment-head {padding: 34px 24px 28px 24px;}
	.payment-sidebar .payment-body {padding: 0 24px 12px 24px;}
}

/* 紐⑤컮�� payment */
.m\:payment .settle_bank {padding-bottom: 40px;}
.m\:payment .form-input-btn-set .form-input-btn {
	position: static;
	width: 100%;
	margin-top: 12px;
}
.m\:payment .pay_way li {
	box-sizing: border-box;
	width: 33.33%;
	padding: 4px;
}
.m\:payment .pay_way input[type="radio"] + label {
	box-sizing: border-box;
	display: block;
	border: 1px solid #eee;
	text-align: center;
}
.m\:payment .pay_way input[type="radio"]:checked + label {border-color: #000;}
.m\:payment .orderform-form-outer {padding: 0;}
.m\:payment .payment-sidebar .payment-body .payment-option__list {padding-top: 36px}
.m\:payment .payment-sidebar .payment-body .payment-option__list:last-of-type {margin-bottom: 36px;}
.m\:payment .payment-sidebar .payment-body .payment-list {
	padding-top: 36px;	
	margin-top: 36px;
}
.m\:payment .payment-notice-list .tel {text-decoration: underline;}
.m\:cart .class__option,../mobile/mypage-qawrite_.php
.m\:payment .class__option {width: 100%;}

@media(min-width:600px){
	.m\:payment {padding: 56px 10px 0 100px;}
}

/* =====================================
          !orderinquiryview
===================================== */ 
.orderinquiryview {padding: 0 24px;}
.orderinquiryview .side-layout-content {padding: 80px 500px 150px 0;}
.orderinquiryview .btn--payment {border-top:1px solid #424242 !important;}
.orderinquiryview .side-layout {top:120px !important;}
.orderinquiryview h2 {padding-bottom: 24px;}
.orderinquiryview .table.table-border tbody th,
.orderinquiryview .table.table-border tbody td {
	padding: 0;
	height: auto;
	border-bottom: 1px solid #eee;
}

@media(min-width:600px){
	.orderinquiryview {padding: 0;}
	.page-orderinquiryviewclass .orderinquiryview {padding: 0 10px 0 56px;}
}

@media(min-width:1025px){
	.orderinquiryview {margin-bottom: 60px;}
}

/* =====================================
          !orderinquiryview
===================================== */ 

.orderinquiry .m\:side-layout-content {padding: 0 !important;}
.mypage .table-card__list,
.orderinquiry .table-card__list {
	border-left: 0;
	border-right: 0;
	padding: 48px;
	width: 100%;
	float: left;
}
.orderinquiry .table-card__list .table-card__result {padding-top: 32px;}
.orderinquiry .table-card__list .table__class-part {padding-top: 24px;}
.orderinquiry .table-card__list .table__class-part:last-of-type {padding-top: 0;}
.orderinquiry .table-card__list .table__class-description {padding: 8px 0 24px 0;}
.orderinquiry__title {
	font-size: 21px;
	font-weight: 800;
	padding: 0 24px 32px 24px;
}
.orderinquiry .table-card__list .table__blank-icon {
	top:46px;
	right: 46px;
}
.orderinquiry .table-card__foot-outer {
	border: 0;
	margin: 0;
}

@media(min-width:600px){
	.orderinquiry__title {padding: 0 0 32px 0;}
	.mypage ol,
	.orderinquiry ol {margin: 0 -2px 0 2px;}
	.mypage .table-card__list, 
	.orderinquiry .table-card__list {
		width: 50%;
		height: 480px;
		border-left: 2px solid #000;
		border-right: 2px solid #000;
		margin-left: -2px;		
	}
}
@media(min-width:800px){ 
	.mypage .table-card__list,
	.orderinquiry .table-card__list {
		width: 33.33%;
		height: 440px;
	}
}
@media(min-width:1025px){ 
	.mypage ol, 
	.orderinquiry ol {margin: 0;}	
}

/* =====================================
                !cart
===================================== */ 
/*
.m\:cart,
.m\:payment {padding: 56px 0;}
*/
.m\:cart,
.m\:payment {padding: 56px 0 0 0;}
.m\:orderinquiryview {padding: 56px 0 0 0;}
.m\:cart .m\:table {
	border-top:4px solid #000;
	margin-top: 24px;
}
.m\:cart .m\:table-row {
	border-bottom: 1px solid #eee;
	padding: 24px 0;
}
.m\:cart .form-checkbox {
	position: absolute;
    top: -12px;
    left: -10px;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
}
.m\:cart .form-checkbox input[type="checkbox"] + .form-checkbox__icon {margin: 0;}
.m\:cart .class__option-outer {position: relative;}
.m\:cart .class__option--head {padding: 12px 0;}
.m\:cart .class__option-thum {
	position: absolute;
	top:0;
	right: 0;
	width: 60px;
	height: 60px;
	margin: 0;
}
.m\:cart .payment-body__title {
	font-size: 16px;
	padding-bottom: 16px;
	font-weight: 800;
}
.m\:cart .class__option {padding: 0 60px 0 40px;}
.m\:cart .class__option-title {
	font-size: 12px;
	font-weight: 400;
	margin: 0;
}
.m\:cart .class__option-data {font-size: 12px;}
.m\:cart .class__option--foot {padding: 12px 0 0 0;}
.m\:cart .class__personnel-outer {float: left;}
.m\:cart .class__price-outer {
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
}
.m\:cart .class__personnel {font-size: 12px;}
.m\:cart .class__price-discount {
	font-size: 12px;
	text-decoration: line-through;
	color: #757575;
	padding-bottom: 4px;
}
.m\:cart .class__price {
	font-size: 16px;
	font-weight: 900;
}
.m\:cart .cart-notice,
.m\:payment .cart-notice {padding-top: 32px;}
.m\:cart .cart-notice ul,
.m\:payment .cart-notice ul {padding-top: 24px;}
.m\:cart .btn--payment,
.m\:payment .btn--payment {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 101;
}
.m\:cart .payment-sidebar,
.m\:payment .payment-sidebar,
.m\:orderinquiryview .payment-sidebar {
	border: 0;
	border-top:4px solid #000;
}

.m\:payment-head{padding: 34px 24px 28px 24px !important;}
.m\:payment-body{padding: 0 24px 34px 24px !important;}
.m\:payment-body .payment-list {margin: 0;}
.m\:payment-body .payment-list li strong{font-size: 16px;}
.m\:payment-foot {padding: 52px 24px 56px 24px !important;}
.m\:payment-foot .total-price strong{top:-5px;}
.m\:side-layout-content {padding: 0 24px !important;}


@media(min-width:600px){
	.m\:payment-head {padding: 34px 24px 28px 100px  !important;}
	.m\:payment-body {padding: 0 24px 34px 100px  !important;}
	.m\:side-layout-content {padding: 0 32px 0 100px !important;}	
	.m\:payment-foot{padding: 52px 24px 56px 100px  !important;}
}

.cart h2 {padding-bottom: 24px;}
.cart .side-layout {top:120px !important;}
.cart .table th {
	border-bottom: 1px solid #eee;
	font-weight: 800;
	font-size: 12px;
	text-align: center;
}
.cart .table th,
.cart .table td {padding: 12px;}
.cart .table .class__option {
	padding: 20px 24px 20px 80px;
}
.cart .table .class__option-content {padding-bottom: 0;}
.cart .table .class__option-outer {
	position: relative;
}
.cart .table .class__option-thum {
	width: 60px;
	height: 60px;
	margin: 20px 0;
	position: absolute;
	top:0;
	left: 0;
}
.cart .table .payment-body__title {
	font-size: 16px;
	font-weight: 800;
	margin: 0 0 8px 0;
}
.cart .table .class__option-title {
	margin: 0;
	font-weight: 400;
}
.cart .table .class__option-title,
.cart .table .class__option-data,
.cart .table .class__personnel,
.cart .table .class__term,
.cart .table .class__next {font-size: 12px;}
.cart .table .class__term strong{font-weight: 700}
.cart .table .class__price-outer {text-align: center;}

.cart .table .payment-info,
.cart .table .class__next,
.cart .table .class__term {text-align: center;}
.cart .class__price-discount {
	text-decoration: line-through;
	font-size: 12px;
	color: #757575;
	margin-bottom: 4px;
}
.cart .table .class__price {font-weight: 700;}
.cart .cart-notice {padding: 24px 0 120px 0;}
.cart .cart-notice ul {padding-top: 12px;}
.cart .payment-list {margin: 0 !important;}

.page-cart .cart .table .class__price-outer-td {text-align: center;}
.page-cart .cart .table .class__price-outer {
	display: inline-block;
	text-align: right;
}
.page-cart .cart .cart_auto .table .class__price-outer {
	display: block;
	text-align: center;
}

/* =====================================
          Owl carousel �쒕떇
===================================== */ 
.owl-overflow.owl-carousel .owl-stage-outer {overflow: initial;}
.carousel-nav .owl-prev,
.carousel-nav .owl-next{
    box-sizing: border-box;
    display: inline-block;
    
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 4px;
    
    font-size: 24px;
    line-height: 1px;
    color: #9e9e9e;
    text-align: center;
    vertical-align: middle;
    transition: all .3s;
}
.carousel-nav .owl-prev:hover,
.carousel-nav .owl-next:hover {
    background-color: #000;
    border-color: #000;
}
.carousel-nav .owl-prev:hover .material-icons,
.carousel-nav .owl-next:hover .material-icons{color: #ff4800;}

.owl-carousel button.owl-dot {
	width: 8px;
	height: 8px;
	margin: 0 4px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.2);
	transition: all .3s;
}
.owl-carousel button.owl-dot.active {
	width: 16px;
	border-radius: 8px;
	background-color: #ff4800;
}


/* =====================================
              Banner
===================================== */ 
.banner {
	box-sizing: border-box;
	position: relative;
	width: 100%;
/*     height: 100vh; */
/*     height: calc(100vh - 68px); */
    overflow: hidden;
}
.banner .swiper-slide {display: block;}
.banner .swiper-button-prev--banner,
.banner .swiper-button-next--banner {
	display: none;
	width: 60px;
	height: 60px;
	border: 1px solid rgba(255,255,255,.3);
	margin-top: -30px;
	text-align: center;
	line-height: 60px;
	position: absolute;
	top:50%;
	z-index: 101;
	cursor: pointer;
	transition: all .3s;
	border-radius: 4px;
}
.banner .swiper-button-prev--banner .material-icons,
.banner .swiper-button-next--banner .material-icons {
	line-height: inherit;
	color: #fff;
}
.banner .swiper-button-next--banner {right: 56px;}
.banner .swiper-button-prev--banner {left: 56px;}
.banner .swiper-pagination--banner {
	position: absolute;
	bottom: 32px;
	left: 0;
	z-index: 1;
	
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
.banner .swiper-pagination-bullet-active {background-color: #fff;}
.banner .swiper-pagination-bullet {background: #fff;}

.banner .swiper-button-prev--banner:hover,
.banner .swiper-button-next--banner:hover {
	background-color: #000;
	color: #fff;
}

.banner .swiper-slide .desktop{display: none;}
.banner .swiper-slide .mobile {
	display: block;
	width: 100%;
    height: 500px;
	background-repeat: no-repeat;
	background-size: 360px;
}
.banner {height: calc( 100% - 68px );}
/* html,body {height: 100%;} */

@media(min-width:1025px){
	.banner {height: auto;}
	.banner .swiper-slide .mobile  {display: none;}
	.banner .swiper-slide .desktop {
		display: block;
		width: 100%;
		height: 600px;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	.banner .swiper-button-prev--banner,
	.banner .swiper-button-next--banner {display: block;}
}

@media(min-width:1025px){
	.banner {height: 600px;}
	.slide-counter .swiper-pagination-group.is-active {display: none;}
}

/* =====================================
           Event Banner
===================================== */ 
.banner-event {
	box-sizing: border-box;
	width: 100%;
	padding-bottom: 100%;
	margin: 100px 0 0 0;
	text-align: center;
	
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 1920px;
	position: relative;
}
.banner-event .link.block {
	display: block;
	width: 100%;
	height: 100%;
}
.banner-event2 h2 {
	color: #fff;
	font-size: 28px;
	letter-spacing: -0.020em;	
	font-weight: 200;
	padding-top: 90px;
}
.banner-event2 h2 strong {font-weight: 600;}
.banner-event2 p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.75;
	color: #bababa;
	padding: 16px 0;
}
.banner-event2 a {
	color: #fff;
	text-decoration: underline;
}

.banner-event.fixed {background-attachment: fixed;}

.banner-event .banner-event--inner {
	text-align: left;
	max-width: 1400px;
	padding: 0 24px;
	margin: 0 auto;
}

@media(min-width:600px){
	.banner-event {
		height: 300px;
		padding-bottom: 0;
		margin: 100px 0 40px 0;
	}
}
@media(min-width:1025px){
	.banner-event {
		margin: 120px 0 40px 0;
	}
}

/* =====================================
         index 諛⑸Ц��
===================================== */ 
.visit {
	border-bottom: 1px solid #eee;
	padding: 32px 24px;
}
.visit--outer {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
}
.visit-counter {
	min-width: 90px;
	float: left;
	display: inline-block;
	font-size: 30px;
	font-weight: 700;
	margin-right: 12px;
}
.visit-counter__text {
	font-size: 14px;
	line-height: 1.6;
	color: #757575;
	display: inline-block;
}
.visit-counter__text strong {
	font-weight: 700;
	color: #000;
}

@media(min-width:1025px){
	.visit-counter {font-size: 50px;}
}

/*
.visit{border-bottom: 1px solid #e0e0e0;}
.visit-counter{
	display: inline-block;
	width: 160px;
	font-size: 28px;	
	font-weight: 900;
}
.visit-counter__text {
	display: block;
	font-size: 14px;
	color: #757575;
	line-height: 1.4;
	padding-top: 4px;
}
.visit-counter__text strong {
	font-weight: 800;
	color: #000;
}

@media(min-width:600px){
	.visit-counter{font-size: 30px;}
	.visit-counter__text {font-size: 16px;}
}
@media(min-width:1025px){
	.visit-counter{font-size: 48px;}
}
*/
/* =====================================
          Tab Component
===================================== */ 
.nav-links {font-size: 0;}
.nav-link__header::after {
    content: "";
    display: block;
    clear: both;
}
.nav-link__header {position: relative;}
.nav-link__header::after {
    content: "";
    display: block;
    position: absolute;
    top:0;
    right: 0;
    width: 50px;
    height: 100%;
    background-color: red;

    background: #ffffff;
    background: -moz-linear-gradient(left,  rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff',GradientType=1 );
}
.nav--scroll {
    overflow-x: scroll;
    white-space: nowrap;
    padding-right: 50px;
    -webkit-overflow-scrolling: touch;
}
.nav-link {display: inline-block;}
.nav-link a {
    display: block;
    position: relative;
    padding: 20px 0;
    margin: 0 32px 0 0;
    color: #000;
    line-height: 1;
    font-weight: 600;
/*     font-size: 12px; */
    font-size: 14px;    
    transition: all .2s;
    color: #757575;
}
.nav-link.is-selected a {
	font-weight: 600;
	color: #000;
}
.nav-link.is-selected:hover a,
.nav-link a:hover {color: #ff4800;}

/* �ㅻ퉬 �쒖꽦�� */ 
.nav-link.is-selected a {color: #000;}

/* �ㅻ퉬 �듭뀡 : �고듃�먭퍡 */ 
.nav-bold .nav-link a {font-weight: 600;}
.nav-bold .nav-link.is-selected a {font-weight: 600 !important;}

/* �ㅻ퉬 �듭뀡 : �≫떚釉� 諛� */
.nav-bar .nav-link.is-selected a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transition: all .2s;
}
.nav-bar .nav-link.is-selected:hover a::after {background-color: #ff4800;}

/* �ㅻ퉬 �듭뀡 : 諛곌꼍 */
.nav-fill .nav-link:first-child {border-left: 1px solid #eee;}
.nav-fill .nav-link {
    border: 1px solid #eee;
    border-left: 0;
}
.nav-fill .nav-link.is-selected {border-color: #000;}
.nav-fill .nav-link.is-selected a {
    background-color: #000;
    color: #fff;
    font-weight: 400;
}
.nav-fill .nav-link.is-selected {border-right: 0;}
.nav-fill .nav-link:hover a {color: #ff4800;}

.tab .tab-content--outer {padding-top: 36px;}
.tab .curri__week {
/* 	display: block; */
	padding-top: 4px;
	margin-bottom: -8px;
}

@media(min-width:1025px){
/* 	.nav-link a {font-size: 14px;} */
}

/* =====================================
            Footer Desktop
===================================== */ 
.footer {
	padding: 40px 24px 100px 24px;
	border-top:1px solid #eee;
}
.footer .footer--outer {
	max-width: 1400px;
	margin: 0 auto;
}
.footer .footer__info {
	max-width: 700px;
	font-size: 12px;
	color: #757575;
	line-height: 2;
}
.footer .footer__info span {
	display: inline-block;
	margin-right: 4px;
}
.footer .footer__cs-center {
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 12px;
}
/*
.footer .footer__cs-center::before {
	content: "";
	display: block;
	width: 36px;
	height: 4px;
	margin-bottom: 12px;
	background-color: #000;
}
*/
.footer .footer__cs-time {
	font-size: 14px;
	line-height: 1.75;
}
.footer .footer__cs-time br {display: none;}
.footer .footer--bottom {
	padding-top: 20px;
	position: relative;
}
.footer .footer--side {padding: 28px 0 0 0;}
.footer .footer__family-title {
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 8px;
}

/* .footer .footer__family-list li:first-child {margin: 0;} */
.footer .footer__family-list li {
/*
	display: inline-block;
	margin-left: 16px;
*/
	margin-top: 12px;
}
.footer .footer__family-list li a {
	font-size: 12px;
	font-weight: 600;
}
.footer .footer__family-list li a:hover {text-decoration: underline;}
.footer .footer__family-list li  span {
	color: #bdbdbd;
}
.footer--privacy li {
	display: inline-block;
	margin: 0 8px 12px 0;
}
.footer--privacy li a {
	font-size: 12px;
	font-weight: 800;
}

@media(min-width:1025px){
	.footer {padding: 100px 24px;}
	.footer .footer--bottom {padding-top: 40px;}
	.footer .footer--side {padding: 60px 0 0 0;}
	.footer .footer__cs-time br {display: inline-block;}
	.footer .footer__cs-center {padding-bottom: 8px;}
	.footer .footer__cs-center::before {
		width: 56px;
		margin-bottom: 20px;
	}
	.footer .footer__info span {margin-right: 12px;}
	.footer .footer__cs-center {font-size: 40px;}
	.footer .footer--side {
		position: absolute;
		bottom: 4px;
		right: 0;
		padding: 20px 0 0 0;
	}
}

/* =====================================
          Button Component
===================================== */

/* 踰꾪듉 怨듯넻�붿냼 */
.btn {
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #e0e0e0;
    color: #9e9e9e;
    text-align: center;
    vertical-align: middle;
    transition: all .2s;
    cursor: pointer;
}

/* 踰꾪듉 �ш린 */
.m\:btn-xxs {
    height: 29px;
    padding: 0 8px;
    font-size: 10px;
    transform: scale(0.83);
    transform-origin: left;
}
.m\:btn-xs {
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
    font-size: 12px;
}
.m\:btn-sm {
    height: 36px;
    line-height: 34px;
    padding: 0 16px;
    font-size: 12px;
}
.m\:btn-md {
    height: 40px;
    line-height: 38px;
    padding: 0 24px;
    font-size: 14px;
}
.m\:btn-lg {
    height: 44px;
    line-height: 42px;
    padding: 0 32px;
    font-size: 14px;
}
.m\:btn-xl {
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    font-size: 14px;
}
.m\:btn-xxl {
    height: 52px;
    line-height: 50px;
    padding: 0 52px;
    font-size: 14px;
}
@media(min-width:600px){
    .t\:btn-xxs {
        height: 29px;
        padding: 0 8px;
        font-size: 10px;
        transform: scale(0.83);
        transform-origin: left;
    }
    .t\:btn-xs {
        height: 28px;
        line-height: 26px;
        padding: 0 12px;
        font-size: 12px;
    }
    .t\:btn-sm {
        height: 36px;
        line-height: 34px;
        padding: 0 20px;
        font-size: 12px;
    }
    .t\:btn-md {
        height: 40px;
        line-height: 38px;
        padding: 0 24px;
        font-size: 14px;
    }
    .t\:btn-lg {
        height: 44px;
        line-height: 42px;
        padding: 0 32px;
        font-size: 14px;
    }
    .t\:btn-xl {
        height: 48px;
        line-height: 46px;
        padding: 0 40px;
        font-size: 14px;
    }
    .t\:btn-xxl {
        height: 52px;
        line-height: 50px;
        padding: 0 52px;
        font-size: 14px;
    }  
}
@media(min-width:1025px){
    .d\:btn-xxs {
        height: 29px;
        padding: 0 8px;
        font-size: 10px;
        transform: scale(0.83);
        transform-origin: left;
    }
    .d\:btn-xs {
        height: 28px;
        line-height: 26px;
        padding: 0 12px;
        font-size: 12px;
    }
    .d\:btn-sm {
        height: 36px;
        line-height: 34px;
        padding: 0 20px;
        font-size: 12px;
    }
    .d\:btn-md {
        height: 40px;
        line-height: 38px;
        padding: 0 24px;
        font-size: 14px;
    }
    .d\:btn-lg {
        height: 44px;
        line-height: 42px;
        padding: 0 32px;
        font-size: 14px;
    }
    .d\:btn-xl {
        height: 48px;
        line-height: 46px;
        padding: 0 40px;
        font-size: 14px;
    }
    .d\:btn-xxl {
        height: 52px;
        line-height: 50px;
        padding: 0 52px;
        font-size: 14px;
    }     
}

/* �꾩씠肄� �ш린 */
[class*="m:btn-"].icon-xs .material-icons {font-size: 18px;}
[class*="m:btn-"].icon-sm .material-icons {font-size: 24px;}
[class*="m:btn-"].icon-md .material-icons {font-size: 36px;}
[class*="m:btn-"].icon-lg .material-icons {font-size: 48px;}

/* �꾩씠肄� 踰꾪듉 �ш린 */
.btn.btn-icon {
    padding: 0;
    line-height: 1px;
}
.btn.btn-icon [class*="material-"] {
    font-size: inherit;
    color: #000;
}
.m\:btn-xxs.btn-icon {
    width: 29px;
    height: 29px;
    font-size: 18px;
}
.m\:btn-xs.btn-icon {
    width: 28px;
    height: 28px;
    font-size: 18px;
}
.m\:btn-sm.btn-icon {
    width: 36px;
    height: 36px;
    font-size: 24px;
}
.m\:btn-md.btn-icon {
    width: 40px;
    height: 40px;
    font-size: 24px;
}
.m\:btn-lg.btn-icon {
    width: 44px;
    height: 44px;
    font-size: 24px;
}
.m\:btn-xl.btn-icon {
    width: 48px;
    height: 48px;
    font-size: 24px;
}
.m\:btn-xxl.btn-icon {
    width: 52px;
    height: 52px;
    font-size: 24px;
}
@media(min-width:600px){
   .t\:btn-xxs.btn-icon {
        width: 29px;
        height: 29px;
        font-size: 18px;
    }
    .t\:btn-xs.btn-icon {
        width: 28px;
        height: 28px;
        font-size: 18px;
    }
    .t\:btn-sm.btn-icon {
        width: 36px;
        height: 36px;
        font-size: 24px;
    }
    .t\:btn-md.btn-icon {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
    .t\:btn-lg.btn-icon {
        width: 44px;
        height: 44px;
        font-size: 24px;
    }
    .t\:btn-xl.btn-icon {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }
    .t\:btn-xxl.btn-icon {
        width: 52px;
        height: 52px;
        font-size: 24px;
    } 
}
@media(min-width:1025px){
    .d\:btn-xxs.btn-icon {
        width: 29px;
        height: 29px;
        font-size: 18px;
    }
    .d\:btn-xs.btn-icon {
        width: 28px;
        height: 28px;
        font-size: 18px;
    }
    .d\:btn-sm.btn-icon {
        width: 36px;
        height: 36px;
        font-size: 24px;
    }
    .d\:btn-md.btn-icon {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
    .d\:btn-lg.btn-icon {
        width: 44px;
        height: 44px;
        font-size: 24px;
    }
    .d\:btn-xl.btn-icon {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }
    .d\:btn-xxl.btn-icon {
        width: 52px;
        height: 52px;
        font-size: 24px;
    } 
}

/* �꾩씠肄� �ш린 */
.m\:btn-icon.icon-xs .material-icons {font-size: 18px;}
.m\:btn-icon.icon-sm .material-icons {font-size: 24px;}
.m\:btn-icon.icon-md .material-icons {font-size: 36px;}
.m\:btn-icon.icon-lg .material-icons {font-size: 48px;}

@media(min-width:600px){
    .t\:btn-icon.icon-xs .material-icons {font-size: 18px;}
    .t\:btn-icon.icon-sm .material-icons {font-size: 24px;}
    .t\:btn-icon.icon-md .material-icons {font-size: 36px;}
    .t\:btn-icon.icon-lg .material-icons {font-size: 48px;}
}
@media(min-width:1025px){
    .d\:btn-icon.icon-xs .material-icons {font-size: 18px;}
    .d\:btn-icon.icon-sm .material-icons {font-size: 24px;}
    .d\:btn-icon.icon-md .material-icons {font-size: 36px;}
    .d\:btn-icon.icon-lg .material-icons {font-size: 48px;}
}

/* �띿뒪�몃쾭�� */
.btn-text {
    padding: 0;
    border: 0;
    color: #000;
    text-align: left;
    font-weight: 400;
}
.btn-text [class*="material-"] {
    padding-bottom: 2px;
    /*margin: 0 -2px;*/
}
.btn-xxs.btn-text [class*="material-"],
.btn-xs.btn-text [class*="material-"],
.btn-sm.btn-text [class*="material-"]{
    font-size: 18px;
    padding-bottom: 2px;
}

/* 踰꾪듉�듭뀡 : �ш린 */
.btn-block {
    box-sizing: border-box;
    display: block;
    width: 100%;
}
/* 踰꾪듉�듭뀡 : R媛� */
.btn.radius-sm {border-radius: 4px;}
.btn.radius-md {border-radius: 8px;}
.btn.radius-lg {border-radius: 12px;}
.btn.round {border-radius: 999px;}

/* 踰꾪듉�듭뀡 : 蹂대뜑 */
.btn-border-none {border: 0 !important;}

/* 踰꾪듉�뚮쭏 : 釉붾옓 */
.btn.theme-black {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.btn.theme-black [class*="material-"]{color: #fff;}
.btn.theme-black:hover {
	border-color: #000;
}

/* 踰꾪듉�뚮쭏 : �붿씠�� */
.btn.theme-white {
    background-color: #fff;
    border-color: #fff;
    color: #333;
}
.btn.theme-white:hover {
	background-color: #fff !important;
    border-color: #fff !important;
}

/* 踰꾪듉�뚮쭏 : 釉붾옓&�ㅻ젋吏� */
.btn.theme-orange {
	border-color: #ff4800;
	background-color: #ff4800;
	color: #fff;
}
.btn.theme-orange:hover {
	border-color: #f24e0d;
	background-color: #f24e0d;
	color: #fff;
}

/* 踰꾪듉�뚮쭏 : 釉붾옓&�ㅻ젋吏� */
.btn.theme-black\&orange {
    background-color: #000;
    border-color:#000;
    font-weight: 800;
    color: #ff4800;
}
.btn.theme-black\&orange [class*="material-"]{color: #ff4800;}

/* 踰꾪듉�뚮쭏 : �붿씠�� */
/*
.btn.theme-white {
    background-color: transparent;
    border-color: #616161;
    color: #fff;
}
.btn.theme-white [class*="material-"]{color: #fff;}
*/

/* 踰꾪듉�뚮쭏 : �붿씠��&�ㅻ젋吏� */
.btn.theme-white\&orange {
    background-color: transparent;
    border-color:#616161;
    font-weight: 800;
    color: #ff4800;
}
.btn.theme-white\&orange [class*="material-"]{color: #ff4800;}

/* 踰꾪듉�뚮쭏 : 洹몃젅�� */
.btn.theme-gray {
    background-color: #3D4E67;
    border-color: #3D4E67;
    color: #fff;
    font-weight: 800;
}
.btn.theme-gray [class*="material-"]{color: #fff;}

/* �띿뒪�몃쾭�� �뚮쭏 : 釉붾（ */
.btn-text.blue {color: #1D6EEA;}

/* 踰꾪듉 �몃쾭 */
.btn,
.btn [class*="material-"]{transition: all .2s;}
.btn:hover {
/*
    background-color:#000;
    border-color:#000;
*/
	border-color:#ff4800;
    color: #ff4800;
/*     font-weight: 800; */
}
.btn:hover [class*="material-"] {color: #ff4800;}
/* .btn:hover [class*="material-"]{color: #ff4800;} */
/* �곸꽭�섏씠吏� �몃쾭�꾨Ц�� 二쇱꽍�� */
/* .btn.btn-text:hover {background-color: transparent;} */

.btn.theme-white\&orange:hover,
.btn.theme-white:hover {border-color: #ff4800;}

.btn.theme-black\&orange:hover {color:#cc3a00;}
.btn.theme-black\&orange:hover [class*="material-"] {color:#cc3a00;}
.btn.hover-orange\&black:hover {
	background-color: #ff4800;
	color: #fff;
}

/* 踰꾪듉�듭뀡 : �붿꽭�대툝 */
.btn-hover-deisable:hover {
    background-color: transparent;
    border: 1px solid #e0e0e0;
    font-weight: 400;
    color: #9e9e9e;
    cursor: not-allowed;
}

.btn-move--group {
	position: fixed;
	bottom: 8px;
	right: 8px;
	z-index: 101;
	border-radius: 4px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;	
	transition: opacity .3s;
}
.btn-move--group.active {
	opacity: 1;
	visibility: visible;
}

.btn-move--group .btn--top,
.btn-move--group .btn--bottom {
	display: block;
	box-sizing: border-box;
	width: 44px;
	height: 44px;
	line-height: 42px;
	background-color: #000;
	border-color:#000; 
}
.btn-move--group .btn--top .material-icons,
.btn-move--group .btn--bottom .material-icons {
	color: #fff !important;
	line-height: inherit;
}
.btn-move--group .btn--top:hover,
.btn-move--group .btn--bottom:hover {border-color: #000;}
.btn-move--group .btn--top:hover .material-icons,
.btn-move--group .btn--bottom:hover .material-icons{color: #ff4800 !important;}

@media(min-width:1025px){
	.btn-move--group {
		bottom: 32px;
		right: 332px;
	}
	.btn-move--group .btn--top,
	.btn-move--group .btn--bottom {
		width: 40px;
		height: 40px;
		line-height: 38px;		
	}
}

/* =====================================
        Card Component
===================================== */

/* 踰꾪듉 �고듃�ш린 */
.font-12px,
.font-12px:hover {font-size: 12px !important;}
.font-14px,
.font-14px:hover {font-size: 14px !important;}
.font-16px,
.font-16px:hover {font-size: 16px !important;}
.font-18px,
.font-18px:hover {font-size: 18px !important;}

/* �고듃�먭퍡 */
.font-200,
.font-200:hover {font-weight: 200;}
.font-400,
.font-400:hover {font-weight: 400;}
.font-600,
.font-600:hover {font-weight: 600;}
.font-800,
.font-800:hover {font-weight: 800;}
.font-900,
.font-900:hover {font-weight: 900;}

.card-wrapper {
    box-sizing: border-box;
    font-size: 0;
    letter-spacing: -5px;
    margin: 0 auto;
	/*padding-left: 24px;*/    
}

@media(min-width:1025px){
	.card-wrapper {max-width: 1480px;}
}
/*
@media(min-width:600px){
    .card-wrapper {
        padding: 0 8px;
        max-width: 684px;
        margin: 0 auto;
    }
}
@media(min-width:900px){
    .card-wrapper {max-width: 1025px;}
}
@media(min-width:1280px){
    .card-wrapper {max-width: 1280px;}
}
@media(min-width:1600px){
    .card-wrapper {max-width: 1600px;}
}
@media(min-width:1921px){
    .card-wrapper {max-width:1920px;}
}
*/

/* 移대뱶 怨듯넻 */
.card {
    margin-bottom: 48px;
    vertical-align: top;
    letter-spacing: 0;
}
.card a {display: block;}

/* 移대뱶 �몃꽕�� */
.card-thum--wrapper {
    position: relative;
    margin-bottom: 18px;
}
.card__thum {
	width: 100%;
	padding-bottom: 133.333333%;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 3;
	opacity: 1;
	transition: all .3s;
}
.card__thum2 {display: none;}
.card__video {
	width: 100%;
	padding-bottom: 133.333333%;
	overflow: hidden;
	position: absolute;
	top:0;
	left: 0;
	border-radius: 4px;	
	z-index: 2;
}
.card__video video {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto !important;
	height: 100% !important;
	transform: translateX(-50%);
}
/* 移대뱶 諭껋� */
.card__badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
/*     color: #ff4800; */
	text-transform: uppercase;
    color: #fff;    
    background-color: #313131;
    border-radius: 2px;
    padding: 10px 8px 7px 8px;
    
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 1;
    transition: all .3s;
}

@media(min-width: 1025px){
	.card:hover .card__thum {opacity: 1;}
	.card__thum2 {display: block;}
	.card:hover .card__badge {opacity: 1;}	
}

/* 移대뱶 �댁슜 */
.card__title {
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    word-break: keep-all;
    padding-right: 16px;
}
.card__text {
    box-sizing: border-box;
    height: 48px;
    padding-right: 16px;
    overflow: hidden;
    font-size: 14px;
    color: #757575;
    line-height: 1.75;
    word-break: keep-all;
    word-wrap: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    display: none;
}

@media(min-width:600px){
	.card__text {display: block;}	
}

/* 移대뱶 �댁돩�쒓렇 */
.card-hashtag--wrapper {
    height: 48px;
    position: relative;
    overflow: hidden;
}
.card-hashtag--wrapper::after{
    content: "";
    display: block;
    position: absolute;
    top:0;
    right: 0;
    width: 50px;
    height: 100%;
    background-color: red;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff',GradientType=1 ); /* IE6-9 */
}
.card__hashtag-group {
    white-space: nowrap;
    box-sizing: border-box;
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.card__hashtag-group::-webkit-scrollbar {display: none;}
.card__hashtag {
    display: inline-block;
    color: #ff4800;
/*     font-size: 14px; */
    font-size: 12px;
    line-height: 1;
    margin: 16px 10px 33px 0;
}
.card__hashtag:last-of-type {margin: 16px 50px 41px 0;}

/* 移대뱶 �듭뀡 */
.class__option::after {
    content: "";
    display: block;
    clear: both;
}
.class__option {
    display: inline-block;
    box-sizing: border-box;
/*     padding-right: 16px; */
/*     margin-bottom: 16px; */
}
.class__option:last-of-type {margin-bottom: 0;}
.class__option-thum {
    width: 36px;
    height: 36px;
    margin: 6px 12px 0 0;
    border-radius: 4px;
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
    float: left;
}
.class__option-content{
	overflow: hidden;
/* 	padding-bottom: 4px; */
	padding-bottom: 12px;
}

.class__option-title {
    display: inline-block;
    font-size: 14px;
/*     font-size: 16px; */
    font-weight: 700;
    letter-spacing: -0.050em;
    margin: 6px 4px 6px 0;
    vertical-align: middle;
}
.class__option-data {
	display: block;
/*     font-size: 14px; */
    font-size: 12px;
    line-height: 1.75;
    color: #757575;
    margin-top: 4px;
}
.class__option-data span {
    display: inline-block;
    word-break: keep-all;
    margin-right: 8px;
    line-height: 1.75;
    font-weight: 400;
    vertical-align: middle;
}

.item-sidebar .class__option .class__option-time {display: block;}	

@media(min-width: 1025px){
	.class__option-data .class__option-time {display: block;}	
}


.class__btn-group {margin-top: 10px;}

.class__calendar-link {
	font-size: 12px;
	text-decoration: underline;
	vertical-align: bottom;
}

/* 移대뱶 �듭뀡 : 留덇컧 */
.class__option.soldout .class__option-title {
    color: #BDBDBD;
    text-decoration: line-through;
}
.class__option.soldout .class__option-data {color: #BDBDBD;}

/* 移대뱶 �ㅽ꺃�� */
.class__stamp {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    vertical-align: middle;
    
    padding: 5px 4px 4px 4px;
    border: 1px solid;
    border-radius: 2px;
    
/*
    transform: scale(0.83);
    transform-origin: left;
*/
}

.class__stamp--end {color: #9C9C9C;}
.class__stamp--waiting {color: #2A7FF9;}
.class__stamp--soldout {color: #FF4800;}
.class__stamp--soldout-imminent {color: #FD9600;}
.class__stamp--start-imminent {color: #16C070;}

.item-sidebar .class__stamp {
	position: absolute;
	top: -8px;
	right: 8px;
}
.item-sidebar .class__stamp.class__stamp--end {
	background-color: #AAAAAA;
	border-color: #AAAAAA;
	color: #fff;
}
.item-sidebar .class__stamp.class__stamp--waiting {
	color: #fff;
	background-color: #2A7FF9;
	border-color:#2A7FF9; 
}

.page-creative-class .class__stamp--waiting {margin-top: -2px;}

.item-sidebar .class__stamp.class__stamp--soldout {
/*
	color: #FF4800;
	background-color: #fff;
*/
	color: #fff;
	background-color: #FF4800;	
	border-radius: 4px;
}
.item-sidebar .class__stamp.class__stamp--start-imminent {color: #16C070;}
.item-sidebar .class__stamp.class__stamp--soldout-imminent {
	color: #fff;
	background-color: #FD9600;
	border-color: #FD9600;
}

.item-sidebar .class__option-data .class__option-data-start {
	font-weight: 600;
	color: #000;
}


.item-sidebar .class__option .form-radio {
	position: relative;
}
.item-sidebar .class__option .form-radio .class__option-calendar-btn {
	display: block;
    height: 52px;
    padding: 0 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 52px;
    z-index: 40;
    font-size: 12px;
    color: #757575;
    cursor: pointer;
}
.item-sidebar .class__option .form-radio .class__option-calendar-btn img {width: 18px;}
.item-sidebar .class__option .form-radio .class__option-calendar-btn:hover {opacity: .5}

.item-sidebar .item__foot-info-accordion {
	position: relative;
	cursor: pointer;
	padding-bottom: 16px;
/* 	border-bottom: 1px solid #EBEBEB; */
}
.item-sidebar .item__foot-info-accordion__label {
	font-size: 12px;
	color: #9A9A9A;
}
.item-sidebar .item__foot-info-accordion__btn {
	display: none;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
	position: absolute;
	top: -12px;
	right: 0;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 12px;
	cursor: pointer;
}
/* .item-sidebar .item__foot-info-accordion__content {padding-top: 12px;} */

@media(min-width:600px){
    .card {
        display: inline-block;
        box-sizing: border-box;
        width: 50%;
        padding: 0 24px;
    }
}
@media(min-width:800px){
    .card {
	    padding: 0 24px;
	    width: 33.33%;
    }
}

@media(min-width: 1025px){
	.item-sidebar .item__foot-info-accordion__content {padding-top: 24px;}
	.item-sidebar .item__foot-info-accordion__btn {display: inline-block;}
	.item-sidebar .item__foot-info-accordion {
		border-bottom: 0;
		padding: 0;
	}
	
}
@media(min-width:1280px){
    .card {
	    width: 25%;
	    padding: 0 40px;
	}
}
@media(min-width:1600px){
    .card {width: 25%;}
}
@media(min-width:1921px){
    .card {width: 20%;}
}

.class__option .class__calendar-btn {
	position: absolute;
	top:4px;
	right: 0;
	color: #9e9e9e;
	font-size: 10px;
	font-weight: 800;
	height: 44px;
}
.class__option .class__calendar-btn .material-icons {
	font-size: 14px;
	vertical-align: middle;
	padding-bottom: 2px;
}

/* 罹섎┛�� �붿옄�� */
.class__calendar {
	display: none;
	background-color: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 102;
	top:0;
	left: 0;
}
.class__calendar--outer {
	display: table-cell;
	vertical-align: middle;
}
.class__calendar.active {display: table;}

/* upcomming-card */
/*
.upcomming-card .card,
.special-card .card {margin-bottom: 0;}
*/
.special-card .card__thum {
	padding-bottom: 100%;
	box-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0.25);
}
.special-card .card-thum--wrapper {margin-bottom: 36px;}

.qa-card .card {padding: 0;}
.qa-card .card__thum {
	padding-bottom: 56.25%;
	position: relative;
}
.qa-card .card__thum iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.qa-card .card__title {
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 8px;
}
.qa-card .qa-text {
	font-size: 14px;
	color: #757575;
}
.qa-card .qa-text span {font-weight: 800;}
.qa-card .card-thum--wrapper {}

/* 紐⑤컮�쇱씪 寃쎌슦 */
/*
@media(max-width:1024px){
	.special-card,
	.upcomming-card {padding-right: 100px;}
	.upcomming-card .card__text {display: none;}
	
	.special-card .card__hashtag-group,
	.upcomming-card .card__hashtag-group {white-space: normal;}
	.special-card .card-hashtag--wrapper::after,
	.upcomming-card .card-hashtag--wrapper::after {display: none;}
	
	.special-card button.owl-dot,
	.upcomming-card button.owl-dot {margin: 0 6px;}
	
	.special-card .class__option-title,	
	.upcomming-card .class__option-title,
	
	.special-card .class__option-title,	
	.upcomming-card .class__option-data,
	
	.special-card .card__hashtag,
	.special-card .class__option-data,
	.upcomming-card .card__hashtag {font-size: 12px;}	
}
*/

/* special-card */
/* .special-card {padding-right: 56px;} */
.special-card .card__title{
    display: inline-block;
    vertical-align: middle;
    padding-right: 4px;
}
.special-card .card__option-data {margin-top: 0;}
.special-card .card-hashtag--wrapper {height: 44px;}

/* card-sm �듭뀡 */
.special-card .soldout .card__title {
    color: #BDBDBD;
    text-decoration: line-through;
}
.special-card .soldout .card__option-data {color: #BDBDBD;}

/* card�� owl-carousel �듭뀡�� �덉쓣寃쎌슦 */
.card.item {width: 100%;}

@media(min-width:600px){
	.owl-dots {
		box-sizing: border-box;
		max-width: 1024px;
		padding: 0 24px;
		margin: 0 auto;
	}
}

/* =====================================
       index wrapper �덈퉬 怨듯넻 �대옒��
===================================== */ 
.section--wrapper {
	max-width: 1400px;
	padding: 60px 0 0 0;
/* 	border: 10px solid red; */
	margin: 0 auto;
}
/* .waiting--section {border-top:1px solid #eee;} */

.waiting--section .btn-hover-deisable {}

@media(min-width:600px){
	.section--wrapper {padding: 100px 0 0 0;}
}
@media(min-width:1025px){
	.section--wrapper {padding: 60px 24px 0 24px;}
	.waiting--section{padding: 80px 24px 0 24px;}
}

/* =====================================
          Project item / workshop item
===================================== */ 

.workshop-item {padding: 60px 0 0 60px;}
.project-item {padding: 60px 0 0 60px;}
.workshop-item .heading-item,
.project-item .heading-item,
.waiting-item .heading-item {padding: 0 24px 28px 0;}

@media(min-width:600px){
	.workshop-item,
	.project-item {padding: 60px 0 0 0;}
	.workshop-item .heading-item,
	.project-item .heading-item,
	.waiting-item .heading-item {padding: 0 24px 28px 24px;}
}
@media(min-width:1025px){
	.workshop-item {padding: 80px 0 0 0;}
	.workshop-item .heading-item,
	.project-item .heading-item,
	.waiting-item .heading-item {
		max-width: 1400px;
		margin: 0 auto;
	}
	
	.special--wrapper .card .card-thum--wrapper,
	.project-item .card .card-thum--wrapper,
	.workshop-item .card .card-thum--wrapper,
	.upcoming--wrapper .card .card-thum--wrapper	 {
		box-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0);
		transition: all .3s;
	}
	
	.special--wrapper .card:hover .card-thum--wrapper,	
	.project-item .card:hover .card-thum--wrapper,	
	.workshop-item .card:hover .card-thum--wrapper,
	.upcoming--wrapper .card:hover .card-thum--wrapper {
		box-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0.25);
		transform: translateY(-10px);
	}
}
@media(min-width:1280px){
	.workshop-item .heading-item,
	.project-item .heading-item,
	.waiting-item .heading-item {padding: 0 40px 80px 40px;}	
}


/* =====================================
         waiting item
===================================== */ 
.waiting-popup,
.confirm-popup {
	box-sizing: border-box;
	display: table;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 24px;
	z-index: 999;
	background-color: rgba(0,0,0,.5);
}
.waiting-popup--outer,
.confirm-popup--outer {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.waiting-popup--bg,
.confirm-popup--bg {
	background-color: #fff;
	display: inline-block;
	box-sizing: border-box;
	padding: 48px 40px 20px 40px;
	border-radius: 8px;
	position: relative;
	border: 1px solid #f6f6f6;
	text-align: left;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.waiting-popup__btn,
.confirm-popup__btn {border-radius: 4px;}
.waiting-popup__title,
.confirm-popup__title {
	font-size: 18px;
	font-weight: 700;
}
.waiting-popup__text,
.confirm-popup__text {
	color: #757575;
	line-height: 1.75;
	padding: 24px 0;
}

.waiting-popup .popup-foot,
.confirm-popup .popup-foot {text-align: right;}
.waiting-popup .btn,
.confirm-popup .btn {
	padding: 0 12px;
	border: 0 !important;
}
.waiting-popup .btn.is-confirm,
.confirm-popup .btn.is-confirm {color: #000;}

@media(min-width:600px){
	.waiting-popup__title,
	.confirm-popup__title {font-size: 21px;}
}


/* =====================================
          Modal Component
===================================== */ 
.display-table {
    display: table;
    width: 100%;
    height: 100%;
}
.display-table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.noscroll {overflow: hidden;}
.modal {
    display: none;
    box-sizing: border-box;
    position: fixed;
    z-index: 999;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
}
.modal .modal-container {
    position: relative;
    box-sizing: border-box;
    max-width: 600px;
    height: auto;
    margin: auto;
    padding: 52px 40px;
    background-color: #fff;
    text-align: left;
    border-radius: 8px;
}
.modal .modal-close {
	width: 60px;
	height: 60px;
    position: absolute;
    top:0;
    right: 0;
}
.modal.open {display: table;}
/* 紐⑤떖 sm */
.modal .modal-sm .modal-container {max-width: 400px;}

/* 紐⑤떖 md */
.modal .modal-md .modal-container {max-width: 500px;}

/* 紐⑤떖 lg */
.modal .modal-xl .modal-container {max-width: 600px;}

/* 紐⑤떖 Full */
.modal.full .modal-close {position: fixed;}
.modal.full .modal-container{
    position: fixed;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: none;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.modal-head {border-bottom: 4px solid #000;}
.modal-head .modal-head__title {
	font-size: 21px;
	font-weight: 900;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.modal-body {padding-top: 24px;}
.modal-body .modal-body__textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 16px;	
	border: 1px solid #E6E6E6;
	font-size: 16px;
}
.modal-foot {
	text-align: center;
	padding-top: 32px;
}

.modal .modal-consulting__data {margin: 8px -4px 0 -4px;}
.modal .modal-consulting__date,
.modal .modal-consulting__time {
	box-sizing: border-box;
	width: 50%;
	padding: 0 4px;
	float: left;	
}
.modal .modal-consulting__date-btn {
	box-sizing: border-box;
	height: 48px;
	padding: 0 16px;
	border: 1px solid #e6e6e6;
	line-height: 48px;
	font-size: 14px;
	cursor: pointer;
	color: #757575;
}
.modal .modal-consulting__date-btn .material-icons {font-size: 18px;}
.modal .modal-consulting__time select {
	color: #757575;
	border-color: #E6E6E6;
}
.modal .modal__list {
	padding-top: 12px;
	clear: both;
}

.modal-body .modal__list {margin-top: 24px;}
.modal-body .modal__list .list {margin-bottom: 0;}

@media(min-width:1025px;){
	.modal-body .modal-body__textarea {font-size: 14px;}	
}

/* =====================================
          Table Component
===================================== */ 
.table {width: 100%;}
.table tbody th,
.table tbody td {
	text-align: left;
	padding: 4px 0;
	vertical-align: middle;
}
.table.table-md tbody th {color: #757575;}
.table.table-md tbody th,
.table.table-md tbody td{height: 48px;}

.table.table-sm tbody th,
.table.table-sm tbody td{padding: 16px !important;}

/*
.table.table-border {
	border-top: 2px solid #000;
	margin-top: 24px;
}
.table.table-border tbody th,
.table.table-border tbody td {border-bottom: 1px solid #eee;}
*/

.table.table-border {border-top: 2px solid #000;}
.table.table-border thead th {
	padding: 16px 0;
	border-bottom: 1px solid #000;
}
.table.table-border tbody th,
.table.table-border tbody td {
	padding: 24px 0;
	border-bottom: 1px solid #eee;
}
/* .table.table-border thead th:first-of-type {padding: 16px 0 16px 24px;} */
/* .table.table-border tbody td:first-of-type {padding: 24px 0 24px 24px;} */
.table.table-border tbody td:first-of-type {padding: 24px;}

.table-spacing {margin-bottom: 60px;}
.table-btn-controller {padding: 24px 0;}


/* �꾩퐫�붿뼵 */
.table-accordion .table__head {
    border-top:4px solid #000;
    border-bottom:1px solid #000;
}
.table-accordion .table__head .table__data {
    font-weight: 600 !important;
    color:#000;
}
.table-accordion .table__body {border-bottom: 2px solid #eee;}
.table-accordion .table__row {
    display: table;
    width: 100%;
}
.table-accordion .table__data {
    font-size: 14px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.table-accordion .table__head span {font-weight: 600;}
.table-accordion .table__data span,
.table-accordion .table__data strong,
.table-accordion .table__data h3,
.table-accordion .table__data p {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    padding: 24px 16px;
    color: #757575;
}

.table-accordion .table__data .form-checkbox__icon {padding: 0;}

.table-accordion .table__data h3,
.table-accordion .table__data h3 a{
	display: block;
	color: #000;
}
.table-accordion .table__data h3 a {
    text-align: left;
    line-height: 1.2;
    padding: 16px;
    margin: -16px;
}

.table-accordion .table__body li {
	border-bottom: 1px solid #eee;
	position: relative;
}
.table-accordion .table__body li:last-child {border-bottom: 0;}

.table-accordion__icon {
	position: absolute;
	top:24px;
	right: 20px;
}

/* �뚯씠釉� �대옒�� �뺣낫 */
.table-row .table__class-title{
    font-size: 16px;
    font-weight: 800;
    color: #000;
    display: block;
    padding: 0 0 12px 0;
}
.table-row .table__class-title--sm{
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    padding: 12px 0;
}
.table__class-info span[class*="table__class-"]{
    display: inline-block;
    font-size: 14px;
    color: #757575;
    padding: 0 4px 8px 0;
}
.table__class-info span[class*="table__class-"]::after {content: ",";}
.table__class-info span[class*="table__class-"]:last-child::after{content: "";}

.table-no-data {
/* 	border-bottom: 1px solid #eee; */
	text-align: center;
	padding: 100px 0;
}

/* �대옒�ㅼ젙蹂� �듭뀡 : �쒖쨪 */

/* �뚯씠釉� OOCSS */
.table-accordion .text-left {text-align: left !important;}
.table-accordion .font-600 {font-weight: 600 !important;}
.table-accordion .font-800 {font-weight: 800 !important;}
.table-accordion .color-black p {color: #000;}
.table-accordion .is-deisable {color: #bdbdbd;}

/* �뚯씠釉� question */
.m\:table-accordion .table__content-title,
.table-accordion .table__content-title{
    display: block;
    margin-bottom: 18px;
}
.m\:table-accordion .table__question,
.table-accordion .table__question {
    border-top: 1px solid #eee;
    border-bottom: 1px dashed #eee;
}
.m\:table-accordion .table__question,
.m\:table-accordion .table__answer,
.table-accordion .table__question,
.table-accordion .table__answer {
    padding: 24px;
    background-color: #fafafa;
}
.m\:table-accordion .table__content-text,
.table-accordion .table__content-text {
    max-width: 700px;
    overflow: hidden;
}
.m\:table-accordion .table__content-text p,
.table-accordion .table__content-text p {
    line-height: 2;
    color: #757575;
}
.m\:table-accordion .table__content-text .table__signature,
.table-accordion .table__content-text .table__signature {color: #000;}
.m\:table-accordion .table__signature::before,
.table-accordion .table__signature::before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    padding-top: 12px;
    border-top: 1px solid #000;
    margin-top: 28px;
}

.table-btn-group {
	padding: 24px;
	text-align: right;
	position: relative;
}

.m\:table-accordion .class__option-title,
.m\:table-accordion .class__option-data {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin: 0;
}

.m\:table-accordion .table__class-data {margin-top: 12px;}
.m\:table-accordion .class__option-title {
	font-weight: 600;
	margin-right: 4px;
}

.btn--deleted {
	position: absolute;
	top:24px;
	left: 0;
}

@media(min-width:600px){ 
	.table-btn-group {padding: 24px 0;}
}
@media(min-width:800px){
    .m\:table-accordion .table__question,
    .m\:table-accordion .table__answer,
    .table-accordion .table__question,
    .table-accordion .table__answer {padding: 32px;}    
}
@media(min-width:1025px){
    .m\:table-accordion .table__content-title,
    .table-accordion .table__content-title{
        margin-bottom: 0;
        float: left;
        width: 160px;
    }
    .table-btn-group {padding: 24px 0 0 0 ;}
}

/* =====================================
        Mobile Table Component
===================================== */ 
.m\:table-accordion {border-top:4px solid #000;}
.m\:table-accordion li {border-bottom: 1px solid #eee;}
.m\:table-accordion .table-row {
    display: block;
    padding: 26px 24px 20px 24px;
}
.m\:table-accordion .table--col-left,
.m\:table-accordion .table--col-right {
	position: relative;
	padding: 0;
}
.m\:table-accordion .table--col-left {float: none;}
.m\:table-accordion .table--col-right {float: none;}

@media(min-width:600px){
    .m\:table-accordion .table--col-left {
        width: 73%;
        float: left;
    }
    .m\:table-accordion .table--col-right {float: right;}
}

.m\:table-accordion .table__title {
    width: 80%;
    padding-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.m\:table-accordion .table__date,
.m\:table-accordion .table__answer-text{display: inline-block;}
.m\:table-accordion .table__date {color: #757575;}
.m\:table-accordion .table__answer-text {
    font-weight: 900;
    position: absolute;
    top:0;
    right: 0;
    padding-left: 12px;
}
.m\:table-accordion .table__answer-text.is-deisable {color: #9e9e9e;}

.m\:table-accordion .table__visit {
    clear: both;
    width: 100%;
/*     padding-top: 16px; */
    margin-top: 24px;
    float: left;
    position: relative;
}
.m\:table-accordion .table__visit-title {
    display: inline-block;
    color: #757575;
    padding-bottom: 8px;
    margin-right: 4px;
}
.table__visit .table__visit-date {font-weight: 800;}
.table__content-text .table__visit {
    padding: 0;
    border:0;
    border: 0;
}
.table__question .table__visit-date {font-weight: 800;}
.table__question .table__visit {margin-top: 0;}

.m\:table-accordion .btn--holding {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 47px;
    font-size: 14px;
    margin-top: 24px;
}

@media(min-width:600px){
    .m\:table-accordion .table__title {
        width: 100%;
        padding-bottom: 0px;
    }
    .m\:table-accordion .btn--holding {
        height: 48px;
        line-height: 47px;
        padding: 0 48px;
        margin-top: 0;
    }
}
@media(min-width:1025px){
    .m\:table-accordion .table__answer-text {position: static;}	
    .m\:table-accordion .table__content-text .table__visit {margin-top: 0;}
    .m\:table-accordion .table__visit {margin-top: 16px;}
    .table__visit .table__visit-date {font-weight: 400;}
    .table__question .table__visit-date {font-weight: 800;}
}

/* =====================================
         Pagination Component
===================================== */ 
.pagination {
	font-size: 0;
	text-align: center;
	padding: 0 0 32px 0;
}
.pagination a {
	font-size: 14px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-bottom: 2px solid #fff;
	transition: all .3s;
}
.pagination a.active {
	border-color:#000;
	font-weight: 800;
}
.pagination a:hover {
	color: #757575;
}
.pagination .pagination__prev,
.pagination .pagination__next {width: 60px;}

.page-orderinquiry .pagination {padding: 60px 0;}



/* =====================================
          Table Card Component
===================================== */ 

.table-card__list {
    box-sizing: border-box;
    padding: 44px;
    border: 2px solid #000;
    margin-top: -2px;
    position: relative;
}
.table-card__list a {
    display: block;
    padding: 24px 24px 0 24px;
    margin: -24px -24px 0 -24px;
}
.table-card__list .table__number {
    display: inline-block;
    font-size: 40px;
    font-weight: 900;
    position: relative;
    margin-bottom: 8px;
}
.table-card__list .table__number::after {
    content: "";
    display: block;
    
    width: 100%;
    height: 8px;
    padding: 0 2px;
    margin: -4px 0 0 -2px;
    background-color: #ff4800;
    
    position: absolute;
    top:50%;
    left: 0;
    z-index: -1;
}
.table-card__list .table__class-title {
    display: block;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
    word-break: keep-all;
    padding: 8px 0;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table-card__list .table__class-data {margin-bottom: 12px;}
.table-card__list .table__class-data [class*="table__class-"]{
	font-size: 14px;
	display: inline-block;
	margin-right: 4px;
}

.table-card__list .table__class-part {
	font-size: 12px;
	padding-top: 12px;
}
.table-card__list .table__class-description {padding: 8px 0;}
.table-card__list .table__class-description [class*="table__class-"] {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #757575;
    padding: 4px 6px 4px 0;
    font-family: 'NanumSquare', sans-serif;
}
.table-card__list .table__price {
    font-size: 14px;
    font-weight: 900;
    color: #000;
    padding: 8px 0;
}
.table-card__list .table__blank-icon {
    position: absolute;
    top:44px;
    right: 44px;
}
.table-card__list .table__blank-icon .material-icons {font-size: 36px;}
.table-card__foot-outer {
/*
	border-top: 2px solid #000;
    margin-top: 24px;
    padding-top: 16px;
*/
}
.table-card__list .table-card__data {
    font-size: 12px;
    font-weight: 700;
    padding: 8px 0;
}
.table-card__list .table-card__data strong {
    display: inline-block;
    font-weight: 400;
    color: #757575;
    padding-right: 8px;
}
.table-card__list .table-card__result {
    padding-top: 24px;
    position: relative;
}
.table-card__list .table__class-state {padding: 8px 0 20px 0;}
.table-card__list .table-card__cs,
.table-card__list .table__class-state {
	font-weight: 500;
	font-size: 12px;
}

.table-card__list .table-card__cs.is-waiting {color: #ff4800;}
.table-card__list .table-card__cs.is-complete {color: #2A7FF9;}
.table-card__list .table-card__cs.is-refund {color: #38ada9;}
.table-card__list .table-card__cs.is-cancel {color: #757575;}

.table-card__list .table-card__cs::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 4px;
}
.table-card__list .table-card__cs.is-complete::before {background: #2A7FF9;}
.table-card__list .table-card__cs.is-waiting::before {background: #ff4800;}
.table-card__list .table-card__cs.is-refund::before {background: #38ada9;}
.table-card__list .table-card__cs.is-cancel::before {background: #757575;}
.table-card__list .table-card__notice {
    position: absolute;
    width: 140px;
    bottom:-2px;
    right: 0;
    
    font-size: 12px;
    text-align: right;
    line-height: 1.4;
    color: #757575;
}
.table-card__list .table-card__notice strong {
    font-weight: 700;
    color: #000;
}
.table-card__list .table-card__btn-group {margin-top: 24px;}

@media(min-width:600px){
	.table-card__list .table__class-state {padding: 12px 0 0 0;}
}

/* =====================================
		  accordion component
===================================== */ 

.accordion__list {
	font-size: 14px;
    line-height: 1.75;
    color: #333;
    position: relative;
    word-break: keep-all;
}
.accordion__list::after {
	content: "";
	display: block;
	clear: both;
}
.accordion__list .list-number {
	color: #C1C1C1;
    font-weight: 700;
}
.accordion__list .list-number .list-label {font-size: 15px;}
.accordion__list .accordion__title {
	box-sizing: border-box;
	width: 100%;
/* 	height: 48px; */
/* 	padding-right: 48px; */
	line-height: 1.4;
/*
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
*/
	position: relative;
	cursor: pointer;
}
.accordion__list.active {height: auto;}
.accordion__icon {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top:50%;
	right: 0;
	margin-top: -18px;
	font-size: 18px;
}
.accordion__icon .material-icons {
	line-height: inherit;
	font-size: inherit;
	color: #bdbdbd;
}
.accordion__content {
	height: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.accordion__list.active .accordion__content {
	height: auto;
	padding: 24px 16px 26px 12px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/* =====================================
              Quick Board
===================================== */
.board__new-stamp {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background-color: #ff4800;
	font-size: 13px;
	font-weight: 900;
	text-align: center;
	line-height: 24px;
	color: #fff;
	vertical-align: middle;
}
.quick-board {
	width: 100%;
	table-layout: fixed;
}
.quick-board tr:first-of-type td {padding: 0 8px 28px 8px;}
.quick-board tr:last-of-type td {padding: 28px 8px 0 8px;}
.quick-board td {
	box-sizing: border-box;
	padding: 28px 8px;
	text-align: center;
	color: #9e9e9e;
	white-space:nowrap;
}
.quick-board td.quick-board__sort {
	text-align: left;
	color: #2A7FF9;
}
.quick-board a {
	box-sizing: border-box;
	display: block;
	font-size: inherit;
	text-align: left;
	color: #000;
	transition: color .3s;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.quick-board a:hover {
	color: #757575;
}
.quick-board__subject {
	box-sizing: border-box;
	width: 100%;
/* 	padding-right: 32px; */
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.quick-board__sort {color: #2A7FF9;}
.quick-board__secret,
.quick-board__num,
.quick-board__answer {color: #9e9e9e;}

.quick-board__sort,
.quick-board__secret,
.quick-board__num,
.quick-board__answer {
	display: inline-block;
	font-size: 12px;
	margin: 12px 8px 0 0;
}
.quick-board__answer.is-completed {color: #2A7FF9;}

.quick-board__list {
	position: relative;
	margin-bottom: 48px;
}

.news--border{
	padding: 60px 0 0 0;
	border-top:1px solid #eee;
	margin-top: 20px;
}
.quick--border {
	padding: 60px 0 0 0;
/* 	border-top:1px solid #eee;	 */
	margin-top: 60px;
}

.quick-board--section,
.news--section {padding: 0 14px;} 

@media(min-width:600px){
	.news--border{
		padding: 100px 0 0 0;
		margin-top: 100px;
	}
	.quick--border {
		padding: 100px 0 0 0;
		margin-top: 60px;
	}	
	
	.quick-board__subject {font-size: 21px;}
	.quick-board__sort,
	.quick-board__secret,
	.quick-board__num,
	.quick-board__answer {font-size: 14px;}
	
	.quick-board--wrapper {padding: 0 10px 0 60px;}
/*
	.quick-board--section,
	.news--section {padding: 0 10px 0 10px;}
*/
}
@media(min-width:1025px){
	.news--border{padding: 160px 0 20px 0;}
	.quick--border {padding: 100px 0 0 0;}
	.quick-board--section,
	.news--section {padding: 0 0 0 46px;} 	
	.news--section {
		border-top:0;
		margin-top: 0;
	}
	.quick-board__list {margin-bottom: 60px;}
	.quick-board__subject {padding-right: 200px;}
	.quick-board--outer {
		position: absolute;
		top:4px;
		right: 0;
	}
	.quick-board__sort,
	.quick-board__secret,
	.quick-board__num,
	.quick-board__answer {margin: 0 0 0 20px;}	
	.quick-board--wrapper {padding: 0 10px;}
}


@media(min-width:600px){
    .quick-board--section,
    .news--section {
        max-width: 660px;
        margin: 0 auto;
    }
}
@media(min-width:900px){
    .quick-board--section,
    .news--section {
	    box-sizing: border-box;
	    max-width: 1025px;
	    padding: 0 24px;
	}
}
@media(min-width:1280px){
    .quick-board--section,
    .news--section {
	    max-width: 1400px;
	    padding: 0;
	}
	.quick-board--section .heading,
    .news--section .heading {margin-left: -10px;}
}


/* =====================================
			Prtfolio item
===================================== */ 
/* .portfolio__banner {margin-top: 60px;} */
.portfolio__banner-bg {
	background-color: #eee;
	width: 100%;
	height: 200px;
}
.portfolio__banner-subject {
	font-size: 28px;
	font-weight: 800;
	text-align: center;
	padding: 72px 0;
}
.portfolio__banner-title {
	font-size: 16px;
	text-align: center;
	padding: 40px 24px;
	word-break: keep-all;
	line-height: 1.4;
}

/* .portfolio--outer {padding: 0 4px;} */
.portfolio__item a {display: block;}
/* .portfolio__item .portfolio__info {position: relative;} */
.portfolio__item .portfolio__img {
	display: block;
	width: 100%;
	padding-bottom: 78.22%;
	border-radius: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.portfolio__item .portfolio__title {
	display: block;
	font-weight: 600;
	padding: 0 140px 0 0;
}
.portfolio__item .portfolio__profile--outer {
	display: inline-block;
	margin-right: 8px;
}
.portfolio__item .portfolio__view {display: inline-block;}
.portfolio__item .portfolio__profile {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.portfolio__item .portfolio__name {
	display: inline-block;
	font-size: 12px;
}
.portfolio__item .portfolio__data {
	position: absolute;
	top:6px;
	right: 0;
}
/*
.portfolio__info {
	box-sizing: border-box;
	width: 100%;
	padding: 100px 24px 24px 24px;
	position: absolute;
	bottom: -40px;
	left: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 90%);
	color: #fff;
	opacity: 0;
	transition: all .3s;
}
*/
.portfolio__item:hover .portfolio__info {
	opacity: 1;
	bottom: 0;
}
/* .portfolio__info--top {padding-bottom: 8px;} */
.portfolio__info {padding: 12px 0px;}
.portfolio__title {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 8px 0;
/* 	margin-right: 4px; */
}
.portfolio__text {
	display: inline-block;
	font-size: 12px;
	margin-right: 4px;
}
.portfolio__part {
	font-size: 12px;
	font-weight: 800;
}
.portfolio__view {
	padding-top: 8px;
	font-size: 12px;
/*
	position: absolute;
	bottom: 24px;
	right: 24px;
*/
}
.portfolio__view .material-icons {
	font-size: 14px;
	color: #bdbdbd;
}

.portfolio__item {
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 0 1px;
	margin-bottom: 12px;
}
.portfolio__info {display: none;}
.portfolio-btn-group {
	text-align: center;
	padding: 30px 0 20px 0;
}
.portfolio-btn-group .btn {border-radius: 4px;}


.portfolio-head {
	text-align: center;
	padding-top: 100px;
}
.portfolio-head h1 {
	font-size: 50px;
	font-weight: 800;
}
.portfolio-head p {
	font-size: 24px;
	padding-top: 12px;
}
.page-board-portfolio .desktop\:header {border-bottom: 1px solid #ECECEC;}

@media(min-width:600px){
	.portfolio__banner-bg {height: 300px;}
	.portfolio__banner-subject {
		font-size: 50px;
		padding: 110px 0 0 0;
	}
	.portfolio__banner-title {
		font-size: 20px;
		padding: 24px 24px 60px 24px;
	}
/* 	.portfolio--outer {padding: 0 10px;} */
	.portfolio__item {
		width: 50%;
		margin-bottom: 24px;
	}
	.portfolio__info {display: block;}
	.portfolio-btn-group {padding: 60px 0 0 0;}
}
@media(min-width:800px){
	.portfolio__item {width: 33.33%;}
}
@media(min-width:1025px){
/* 	.portfolio__banner {margin-top: 160px;} */
	.portfolio__title {font-size: 14px;}
	.portfolio__item {
		width: 33.33%;
		padding: 1px;
	}
}
@media(min-width:1400px){
	.portfolio__item {width: 25%;}
}
@media(min-width:1600px){
	.portfolio__item {width: 20%;}
}


/* =====================================
           �곸꽭�섏씠吏� 援ъ“ 
===================================== */ 

/* .item-wrapper {position: relative;} */
.item-content {
	box-sizing: border-box;
	padding-right: 0;
	transition: padding-right .3s;
	overflow-x: hidden;
}
.item-content--wrapper {
	max-width: 740px;
	padding: 60px 24px 24px 24px;
	margin: 0 auto;
}
.item-content--border {border-bottom: 1px solid #eee;}

.item-content--wrapper .tab-content-sub {
	font-size: 16px;
	line-height: 1.75;
	color: #757575;
}

@media(min-width:600px){  
	.item-content--wrapper {padding: 60px 40px 60px 40px;}
}
@media(min-width:1025px){ 
	.sidebar-spacing {padding-right: 300px;}
/* 	.item-content--wrapper {padding: 80px 80px 80px 40px;} */
/* 	.item-content {padding-right: 300px;} */
}
@media(min-width:1400px){
	.sidebar-spacing {padding-right: 16px;}	
/* 	.item-content {padding-right: 0;} */
}

.item-sticky-none .m\:header {position: absolute;}
.item-sticky-none .header-scroll.nav-up {top:0;	}
.item-sticky-none .m\:nav-bar--bottom {display: none;}

.scroll-hidden {
	opacity: 0;
	visibility: hidden;	
	transition: opacity .3s;
}
.scroll-hidden.active {
	opacity: 1;
	visibility: visible;
}

/* 상세페이지 스티키 헤더 */
.item-sticky-desktop-nav--outer {
	width: 100%;
	height: 60px;
	position: relative;
}
.item-sticky-desktop-nav--outer .item-sticky-desktop-nav {
	box-sizing: border-box;
	width: 100%;
	padding-right: 300px;
	background-color: #fff;
	position: absolute;
	top:0;
	left: 0;
}
.item-sticky-desktop-nav--outer .item-sticky-desktop-nav.is-fixed {
	position: fixed;
	z-index: 2;
	border-bottom: 1px solid #f5f5f5;
}
.item-sticky-desktop-nav--outer .item-sticky-desktop-nav--inner {
	max-width: 700px;
	margin: 0 auto;
}
.item-sticky-desktop-nav--outer .item-sticky-desktop-nav li {float: left;}
.item-sticky-desktop-nav--outer .item-sticky-desktop-nav li a {
	display: block;
	height: 60px;
	line-height: 60px;
	padding: 0 24px 0 0;
}


/* =====================================
             �곸꽭�섏씠吏�
===================================== */

/* �ㅽ떚�� �ㅻ퉬 */ 
.item-sticky-nav.mobile::after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	right: 0;
	width: 40px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%);
    height: 48px;
}
.item-sticky-nav {
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #eee;
	background-color: #fff;
	position: fixed;
	top:-48px;
	left: 0;
	z-index: 100;
	transition: top .2s;
	box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.08);	
}
.item-sticky-nav.active {top:0;}
.item-sticky-nav--outer {
	max-width: 1400px;
	margin: 0 auto;
}
.item-sticky-nav__link {
	text-align: center;
	white-space: nowrap;
	overflow-x: scroll;
	padding: 0 40px 0 12px;
	margin-bottom: -1px;
}
.item-sticky-nav__link li{
	position: relative;
	display: inline-block;
}
.item-sticky-nav__link li a {
	display: block;
	font-size: 12px;
	font-weight: 600;
	height: 48px;
	padding: 0 6px;
	line-height: 48px;
	position: relative;
	color: #757575;
}
.item-sticky-nav__link li.active a {color: #000;}
.item-sticky-nav__link li.active a::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: #000;
	position: absolute;
	bottom: 0px;
	left: 0;
}

/* 諛곕꼫 */
.item-banner{
	height: calc(100vh - 116px);
}
.item-banner-bg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* �뱀뀡 ���댄� */
.item-content__title-group {
	position: relative;
	margin-bottom: 32px;
}
.item-content__number {
	display: none;
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 18px;
	vertical-align: top;
}
.item-content__number img {
	width: 36px;
	border-radius: 4px;
}
/*
.item-content__number::after {
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	padding: 0 3px;
	margin: -4px 0 0 -4px;
	position: absolute;
	top:50%;
	left: 0;
	z-index: -1;
	background-color: #ff4800;
}
*/
.item-content .item-content__title {
	display: inline-block;
	font-size: 32px;
    font-weight: 200;
    line-height: 1.4;
    letter-spacing: -0.040em;
	position: relative;
	word-break: keep-all;
}
.item-content .item-content__title.essential::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-radius: 50%;
	background-color: #ff4880;
	
	position: absolute;
	top:50%;
	right: -12px;
}

@media(min-width:600px){
/*
	.item-content__number {
		font-size: 40px;
		margin-right: 12px;
	}
*/
	.item-content .item-content__title {font-size: 32px;}
	.item-content__title-group {margin-bottom: 36px;}
}

/* 怨듭��ы빆 */
.hash-notice .item-content--wrapper{padding: 60px 24px;}
.hash-notice .text {padding-bottom: 0 !important;}
.m\:mypage-notice .m\:table-accordion a{
	display: block;
}

@media(min-width:1025px){
	.item-content__number {display: block;}
	.item-content__title-group {padding-left: 40px;}
	.item-content__number {left: -12px;}
	.item-content-outer {padding-left: 40px;}
	.item-banner{height: calc(100vh - 112px);}
	.item-content {
		position: relative;
		box-sizing: border-box;
		padding-right: 300px;
	}
	.item-content-edit {margin-top: -20px;}
	.item-sticky-nav--desktop {
		box-sizing: border-box;
		padding-right: 300px;
		position: absolute;
		opacity: 0;
		visibility: hidden;
	}
	.item-sticky-nav--desktop.active {
		opacity: 1;
		visibility: visible;
		position: fixed;
	}
	.item-sticky-nav--desktop .item-sticky-nav--outer {
		max-width: 700px;
		text-align: left;
	}
	.item-sticky-nav--desktop .item-sticky-nav__link {text-align: left;}
}

/* 而ㅻ━�섎읆 */
.item-content .curriculum-display {
	position: absolute;
	top:8px;
	right: 0;
}
.item-content .curriculum-display__list {
	display: inline-block;
	margin-left: 12px;
	font-size: 12px;
	color: #757575;
}

.item-content .theory-display,
.item-content .training-display {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 4px;
	border-radius: 50%;
}
.item-content .theory-display,
.item-content .theory {background-color: #16C070;}
.item-content .training-display,
.item-content .training {background-color: #1D6EEA;}
.item-content .theory,
.item-content .training {
	display: inline-block;
	width: 0;
	height: 0;
	border-radius: 50%;
	vertical-align: middle;
	
	position: absolute;
	top: 15px;
	right: 0px !important;
}
.hash-class-curriculum .accordion__list {
	margin: 2px 0;
	padding-bottom: 16px;
/* 	margin-bottom: 15px; */
}
.hash-class-curriculum .accordion__list:last-child {border-bottom: 0;}
.hash-class-curriculum .accordion__content .list {
	color: #757575;
	padding: 8px 16px 8px 28px;
	line-height: 1.3;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	
	counter-increment: list-number;
}
.hash-class-curriculum .accordion__content .list::before {
	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f5f5f5;
    position: absolute;
    top: 8px;
    left: 0;
    content: counter(list-number);
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
}
.hash-class-curriculum .accordion__content .list .mission {
	display: inline-block;
	color: #1D6EEA;
	border: 1px solid #1D6EEA;
	font-size: 10px;
	border-radius: 2px;
	padding: 2px;
	vertical-align: top;
}
.hash-class-curriculum .accordion__title {
	border-radius: 4px;
	font-size: 21px;
	font-weight: 200;
}
.hash-class-curriculum .accordion__title .list-number {
	font-weight: 200;
	color: #757575;
}
.hash-class-curriculum .accordion__list.active .accordion__content {
	border: 0;
	padding: 12px 0 26px 0;
}
.hash-class-curriculum .accordion__list .list-number {
	position: relative;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	margin: 0;
}
.hash-class-curriculum .accordion__list .list-label {margin-left: 12px;}
.hash-class-curriculum .accordion__list .list-number::after {
	content: "";
	display: block;
	background-color: #000; 
	width: 26px;
	height: 26px;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	top: -5px;
	left: -5px;
	z-index: -1;
}
.hash-class-curriculum .accordion__icon {right: 12px;}

/* �대옒�� 紐⑺몴 */
.hash-goal .tab .tab-content--outer{padding-top: 12px;}

.curri-slider-outer {
	box-sizing: border-box;	
	width: 100%;
	float: left;
	margin-top: 16px;
}
.hash-class-curriculum .curri-outer {
	box-sizing: border-box;
	width: 100%;
	float: left;
}
.hash-class-curriculum .curri-outer ul {width: 100%;}
.hash-class-curriculum .curri-outer ul li {position: relative;}

/* 커리큘럼 더보기 */
.hash-class-curriculum .curri-readmore-group {
	display: none;
	text-align: center;
	border-top: 1px solid #EBEBEB;
	padding-top: 40px;
}
.hash-class-curriculum .curri-readmore-group .curri-readmore-btn {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	padding: 0 40px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	background-color: #000;
}
.hash-class-curriculum.is-active .class-curriculum {
	height: 3000px;
	overflow: hidden;
	position: relative;
}
.hash-class-curriculum.is-active .class-curriculum::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 500px;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.hash-class-curriculum.is-active .curri-readmore-group {display: block;}

@media(min-width:600px){
	.hash-goal .tab .tab-content--outer{padding-top: 36px;}
	.item-content .curriculum-display {top:24px;}
	.hash-class-curriculum .accordion__title {
		font-size: 18px;
		font-weight: 400;
		padding-left: 0;
	}
	.hash-class-curriculum .class-curriculum {padding-left: 40px;}	
	.hash-class-curriculum .curri-outer {
		padding: 18px 0 0 28px;
	}
}

@media(min-width:1025px){
	.hash-class-curriculum.is-active .class-curriculum {height: 1900px;}
	.hash-class-curriculum .accordion__title {padding-left: 0;}
	.curri-slider-outer {width: 35%;}
	.hash-class-curriculum .curri-outer {
		width: 65%;	
		padding-left: 20px;
	}
	.hash-class-curriculum .accordion__list.active .accordion__content {padding: 12px 16px 26px 16px;}
/* 	.hash-class-curriculum .accordion__list {padding-bottom: 12px;} */
}

/* �ㅽ뵾而� �뚭컻 */
.about-speaker {
	position: relative;
	padding: 18px 0 8px 0;
	border-bottom: 1px dashed #eee;
	margin-bottom: 16px;
}
.about-speaker:last-of-type {
	padding: 18px 0 0 0;
	border-bottom: 0;
	margin-bottom: 0;
}
.about-speaker .about-speaker__info {
	box-sizing: border-box;
	width: 100%;
}
.about-speaker .about-speaker__info .list {padding: 8px 0;}
/*
.about-speaker .about-speaker__thum {
	width: 80px;
	float: left;
	margin: 0 20px 12px 0;
	border-radius: 4px;
}
*/
.about-speaker .about-speaker__thum {
	width: 60px;
	height: 60px;
	float: left;
	margin: 0 20px 12px 0;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.about-speaker .about-speaker__history {
	display: block;
	font-size: 16px;
	font-weight: 800;
	vertical-align: bottom;
}
.about-speaker .about-speaker__title {
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.050em;
	padding: 14px 0 12px 0;
}
.about-speaker .about-speaker__history {
	padding: 0 0 12px 0;
}
.about-speaker .about-speaker__history {padding-top: 24px;}
.about-speaker .about-speaker__job {
	font-size: 12px;
	display: block;
	padding: 8px 0 0 0;
}
@media(min-width:1025px){
	.about-speaker {
		padding: 18px 0 0 40px !important;
		margin-bottom: 50px;
	}
	.about-speaker .about-speaker__info {
		padding-left: 130px;
/* 		padding-bottom: 40px; */
	}
	.about-speaker .about-speaker__thum {
		width: 100px;
		height: 100px;
		position: absolute;
		top:20px;
		left: 40px;
		float: none;
		margin: 0;
	}
	.about-speaker .about-speaker__title{padding: 0 0 12px 0;}
	.about-speaker .about-speaker__job {
		display: inline-block;
		padding: 0;
	}
	.hash-class-curriculum .accordion__list.active .accordion__content {padding: 12px 16px 0 0;}
}

/* �꾩옣 �ㅼ�移� */
/*
.class-sketch {position: relative;}
.class-sketch__title-group {padding: 80px 16px 0 16px;}
.class-sketch img {width: 100%;}
.class-sketch-outer {margin: 8px -4px;}
.class-sketch__list {
	box-sizing: border-box;
	width: 100px;
	float: left;
	padding: 0 4px;
}
@media(min-width:600px){ 
	.class-sketch-outer {
		position: absolute;
		bottom: 24px;
		left: 24px;
	}
	.class-sketch__list {width: 100px;}
}
*/
.swiper-container--class-sketch {
	box-sizing: border-box;
	width: 100%;
	padding-bottom: 20px;
	margin-top: 0;
	position: relative;
}
.swiper-container--class-sketch .swiper-wrapper {max-width: 100%;}

/*
.swiper-container--class-sketch .swiper-slide {
	height: 0;
	padding-bottom:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
*/
/*
.swiper-container--class-sketch .swiper-slide img {
	width: 100%;
	-webkit-filter: grayscale(100%);
	filter: gray;
	transition: all .3s;
}
.swiper-container--class-sketch .swiper-slide:hover img {
	-webkit-filter: grayscale(0%);
	filter: none;
}
*/
.swiper-container--class-sketch .swiper-slide img {
	width: 100%;
	border-radius: 4px;
}

/*
.swiper-button-next--class-sketch,
.swiper-button-prev--class-sketch {
	display: none;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	margin-top: -16px;
	position: absolute;
	top:50%;
	z-index: 10;
}
.swiper-button-next--class-sketch {right: 36px;}
.swiper-button-prev--class-sketch {left: 36px;}
.swiper-button-next--class-sketch .material-icons,
.swiper-button-prev--class-sketch .material-icons {color: #fff;}
*/

/* .class-sketch--wrapper {width: 280px;} */

@media(min-width:600px){ 
	.swiper-container--class-sketch .swiper-slide{
/* 		height: 400px; */
		padding-bottom:0;
	}
/* 	.swiper-container--class-sketch {margin-top: -60px;} */
}
@media(min-width:1025px){
	.swiper-button-next--class-sketch,
	.swiper-button-prev--class-sketch {display: block;}
/*
	.swiper-container--class-sketch .swiper-slide{
		height: auto;
		padding-bottom: 25%;
	}
*/

	.portfolio {
		box-sizing: border-box;
		padding-bottom: 120px;
	}
}

/* �ㅼ떆�붽만 */
.class-location {position: relative;}
.class-location .btn--copy {margin: 0 0 0 8px;}
.class-location .btn--copy .material-icons {
	font-size: 18px;
	margin-right: 4px;
}
.class-location .map-link-outer {padding-top: 12px;}
.class-location .map-link-outer li {padding: 6px 0;}
.class-location .map-link-outer .list-sm {
	height: 44px;
	line-height: 44px;
}
.class-location .map-link {
	font-size: 12px;
	color: #333;
}
.class-location .map-link img {
	width: 16px;
	margin-right: 2px;
	position: relative;
	top:-1px;
}
.location-map {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
}
.location-map iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* .class-address {padding: 4px 0 !important;} */

.swiper-pagination--class-sketch {
	position: absolute;
	width: 100%;
	bottom: 24px !important;
	text-align: center;
	z-index: 10;
}
.swiper-pagination-bullet-active {background-color: #ff4800;}

@media(min-width:600px){
	.location-map-outer {margin-top: -20px;}
}
@media(min-width:1025px){
	.class-location {padding-left: 40px;}
	.class-location .map-link-outer {
		position: absolute;
		top:10px;
		right: 0;
		padding-top: 0;
	}
	.class-location .map-link-outer {padding-top: 4px;}
	.class-location .map-link-outer li {padding: 0;}
	.class-location .map-link-outer .list-sm {
		height: 32px;
		line-height: 32px;
	}
	.class-location .map-link {
		display: block;
		font-size: 12px;
		color: #333;
		margin-bottom: 12px;
	}
	.location-map {
		width: 100%;
		padding-bottom: 600px;
	}
}

/* =====================================
             �섏쓽 �대옒��
===================================== */
.myclass {
	background-color: #F5F6F8;
	padding: 60px 0;
}
.myclass .myclass--outer {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}
.myclass .myclass__col--info {
	box-sizing: border-box;	
	width:100%;
/* 	border: 1px solid red; */
}
.myclass .myclass__class-time {
	font-size: 36px;
	font-weight: 200;
	line-height: 1.2;
	padding-top: 24px;
}
.myclass .myclass__class-time strong {font-weight: 800;}
.myclass .myclass__col--cal {
	box-sizing: border-box;
	width: 100%;
	padding-top: 40px;
/* 	border: 1px solid blue; */
}

.myclass .form-select {
	background-color: #fff;
	width: 260px;
}
.myclass .class__option-label {
	padding: 24px 0 8px 0;
}
.myclass .myclass__class-location {
	font-size: 12px;
	color: #757575;
}
.myclass .myclass__class-location span {
	font-weight: bold;
	color: #000;
}

@media(min-width:1025px){
	.myclass {
		min-height: 300px;
		padding: 100px 0;
	}
	.myclass .myclass__col--info {
		width:400px;
		position: absolute;
		top:0;
		left: 0;
	}
	.myclass .myclass__col--cal {
		padding-top: 40px;
		padding-left: 600px;
	}
}

/* =====================================
			Floating 援щℓ踰꾪듉
===================================== */ 
.floating-buy {
	display: none;
	position: fixed;
	top: 80px;
	right: 32px;
	z-index: 99;
}
.floating-buy.active {
	opacity: 1;
	visibility: visible;	
}
.floating-buy .btn--buy {
	border-radius: 4px;
	box-shadow:0;
	transition: all .3s;	
}
.quick-bar--outer {text-align: center;}
.quick-bar__btn {
	display: block;
	width: 40px;
	height: 40px;
	border:1px solid #eee;
	border-radius: 4px;
	margin: 12px 4px 0 4px;
	background-color: #fff;
	box-shadow:0;
	transition: all .3s;
}
.quick-bar__btn .material-icons,
.quick-bar__btn .material-icons-outlined {font-size: 18px;}

.btn--buy:hover,
.quick-bar__btn:hover {
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 
				0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
@media(min-width:1025px){
	.floating-buy {display: block;}
}

/* =====================================
               �볤�
===================================== */ 
.item-comment-outer {padding-top: 18px;}
.item-comment__list {
	padding-bottom: 24px;
	border-bottom: 1px solid #eee;
	margin-bottom: 32px;	
}
.item-comment__list:last-of-type {border-bottom: 0;}
.item-comment {position: relative;}
.item-comment__thum {
	width: 40px;
	float: left;
	margin-right: 16px;
	border-radius: 4px;
}

.page-itemuselist .item-comment__thum {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.item-comment__title {
	display: block;
	font-size: 12px;
	padding: 4px 0 12px 0;
}
.item-comment__date {
	display: block;
	font-size: 12px;
	color: #9E9D9E;
	padding: 8px 0 0 0;
}
.item-comment--body {box-sizing: border-box;}
.item-comment--body .text {
	word-break: keep-all;
	padding: 0;
	line-height: 1.75;
}

.item-comment--head {position: relative;}
.item-comment .btn-comment-delete {
	position: absolute;
	top:-4px;
	right: 0;
	font-weight: 400;
}
.item-comment--foot .btn {font-weight: 400;}
.item-comment--readmore {
	text-align: center;
	margin-top: 36px;
}

.class-review .item-comment--readmore {
	padding-top: 40px;
	border-top: 1px solid #EBEBEB;
	margin-left: 40px;
}
.class-review .btn-review {
	background-color: #fff;
	border-color: #ECECEC;
	color: #000;
	border-radius: 4px;
	padding: 0 40px;
	font-size: 14px !important;
}


@media(min-width:1025px){
	.item-content--wrapper .item-comment-outer {padding-left: 40px;}
	.page-itemuselist .item-content--wrapper .item-comment-outer {padding-left: 0;}
	.item-comment__list {padding-bottom: 32px;}
	.item-comment--body {padding-left: 56px;}
	.item-comment__thum {
		float: none;
		position: absolute;
		top:6px;
		left: 0;
	}
	.item-comment__title {padding: 0 0 12px 56px;}
	.item-comment--body .text {
		font-size: 14px;
		padding: 0;
	}
	.item-comment__date {
		display: inline-block;
		padding: 8px 0 0 4px;
	}
	.item-comment--foot {padding: 0;}
}

/* ���볤� */
.item-recomments--outer .item-comment {
	margin-top: 24px;
	padding-left: 36px;
	position: relative;
}
.item-recomments--outer .item-comment::before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 0px solid transparent;
	border-right: 16px solid #fafafa;
	border-bottom: 8px solid transparent;
	
	position: absolute;
	top:0;
	left: 24px;
}
.item-recomments--outer {padding-left: 0;}
.item-recomments--outer .item-comment--head {
	background-color: #fafafa;
	border-radius: 0 4px 0 0;
}
.item-recomments--outer .item-comment__title {padding: 12px 16px 12px 16px;}
.item-recomments--outer .item-comment--body {
	background-color: #fafafa;
	border-radius: 0 0 4px 4px;
	padding: 0 16px 16px 16px;
}
.item-recomments--outer .item-comment--body p {
	line-height: 1.75;
	color: #757575;
	font-size: 14px;
}
.item-recomments--outer .item-comment__thum {
	width: 28px;
	position: absolute;
	top:0;
	left: -38px;
}
.page-itemuselist .item-recomments--outer .item-comment__thum {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: cover;
}
.item-recomments--outer .btn-comment-delete {
	font-size: 12px;
	top:4px;
	right: 16px;
	font-weight: 400;
}
.item-recomments--outer .item-comment__date {display: inline-block;}
.item-recomments--outer .item-comment--body .admin-sign p {
	font-size: 11px;
	padding: 8px 0 2px 0;
}
.item-recomments--outer .item-comment--body .admin-sign p::before {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
 	margin: 12px 0 8px 0;
	background-color: #757575;
}
.item-recomments--outer .item-comment--body .admin-sign img {width: 50px;}

@media(min-width:1025px){
	.item-recomments--outer {padding-left: 20px;}	
	.item-recomments--outer .btn-comment-delete {top:12px;}
	.item-recomments--outer .item-comment__thum {
		width: 32px;
		left: -44px;
	}
	.item-recomments--outer .item-comment::before {left: 22px;}
	.item-recomments--outer .item-comment__title {padding: 16px 24px 12px 24px;}	
	.item-recomments--outer .item-comment--body {padding: 0 24px 16px 24px;}
/* 	.item-recomments--outer .item-comment__date {display: block;} */
}

/* �볤��묒꽦 */
.item-comment-textarea {
	padding-left: 0px;
	margin-top: 24px;
}
.item-comment-textarea .item-comment--bottom {
	position: relative;
	padding: 8px;
	border: 1px solid #e2e2e2;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	background-color: #fafafa;
	margin-top:-1px; 
}
.item-comment-textarea .item-comment-reply__input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	border: 1px solid #e2e2e2;
	border-bottom: 1px solid #eee;	
	outline: none;
	padding: 12px;
	font-size: 12px;
	line-height: 1.75;
	border-radius: 4px 4px 0 0;
	font-size: 16px;
}
.item-comment-textarea .item-comment__profile-name {
	display: inline-block;
	font-size: 12px;
}
.item-comment-textarea .item-comment__profile-thum {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	vertical-align: middle;
	position: static;
	margin: 0;
	float: none;
}
.item-comment-textarea .item-comment__btn {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	position: absolute;
	top:6px;
	right: 6px;
	height: 32px;
	padding: 0 16px;
	border-radius: 4px;
}

@media(min-width:1025px){
	.item-comment-textarea {padding-left: 56px;}
	.item-comment-textarea .item-comment-reply__input {font-size: 14px;}
}

/* .item-recommend {padding: 80px 0 0 0;} */
/* .item-recommend .item-content__title-group {padding: 0 0 0 24px;} */

.item-recommend {
	padding: 60px 0 0 24px;
}
.item-recommend .heading-swiper-nav--recommend {
	position: static;
	margin-left: 24px;
}
.item-recommend .swiper-container--overflow {
	padding: 0 24px 0 0;
	overflow: inherit;
}
.item-recommend .swiper-container--overflow .card {margin-bottom: 0;}
@media(min-width:600px){	
	.swiper-container--overflow {overflow:inherit;}
}
@media(min-width:749px){
/* 	.item-recommend .item-content__title-group {padding: 0;} */	
	.item-recommend .swiper-container--overflow {padding: 0;}
}
@media(min-width:1025px){
	.item-recommend {
		padding: 60px 24px 24px 24px;
		margin-bottom: 80px;
	}
	.hash-location {padding: 60px 300px 60px 24px;}
/* 	.item-recommend {padding: 100px 300px 100px 0;} */
	
	.item-recommend .swiper-container--overflow {
		width: 100%;
		padding-left: 40px;
	}
/* 	.swiper-container--overflow {overflow: hidden;} */

	.item-recommend .heading-swiper-nav-outer {
		position: relative;
		display: inline-block;
	}
	.item-recommend .heading-swiper-nav--recommend {
		position: absolute;
		bottom: 44px;
		right: -140px;
	}
	.item-recommend .swiper-container--overflow .card {margin-bottom: 48px;}
}
@media(min-width:1400px){
	.hash-location {padding-right: 0;}
}


/* �섎텋 */
.item-refund .list-notice{padding: 0 0 40px 0;}
.item-refund .list-notice .btn {border-radius: 4px;}

@media(min-width:1025px){
	.item-refund .list-notice{padding: 0 0 0 44px;}
	.hash-location {padding: 0 0 0 40px;}
}

/* =====================================
       �곸꽭�섏씠吏� �ъ씠�쒕컮 �대옒�� �댁슜
===================================== */ 
.item-sidebar {
	box-sizing: border-box;	
	padding: 50px 24px 60px 24px;
/* 	background-color: #1E1E1E;	 */
	background-color: #fff;
	color: #000;
}
.item-sidebar--outer.sticky {
	height: 120px;
	overflow: hidden;
}

.item-sidebar .item__subject {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 800;
	letter-spacing: -0.050em;
	color: #000;
	padding-bottom: 12px;
}
.item-sidebar .item__discount {
	font-size: 14px;
	padding-top: 12px;
	padding-bottom: 4px;
}
.item-sidebar .item__discount p {font-size: inherit;}
.item-sidebar .item__discount-percent {
	font-weight: 800;
	color: #ff4800;
}
.item-sidebar .item__discount-price {
	color: #757575;
	text-decoration: line-through;
}
.item-sidebar .item__price-outer {
	color: #000;
	padding-bottom: 16px;
}
.item-sidebar .item__price-standard {
	font-size: 16px;
	color: #000;
	position: relative;
	top: -2px;
}
.item-sidebar .item__price {
	font-size: 20px;
	font-weight: 700;
	vertical-align: bottom;
}
.item-sidebar .item__price-won {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	padding: 0 0 0 2px;
	position: relative;
	top: -1px;
}
.item-sidebar .item__month {
	font-size: 10px;
	color: #757575;
}
.item-sidebar .item__discount-countdown {
	font-size: 12px;
	color: #ff4800;
}
.item-sidebar .item__discount-countdown p {
	font-size: inherit;
	color: #757575;
}
.item-sidebar .item__price-text {
	font-size: 12px;
	color: #757575;
	line-height: 1.75;
	border-top: 1px dashed #D8D8D8;
	padding-top: 12px;
	margin-top: 18px;
}

.item-sticky-nav.mobile .item-sticky-nav__link--active a {
	color: #000;
	font-weight: 800 !important;
}
/*
.item-sticky-nav.mobile .item-sticky-nav__link--active::after {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	top: 15px;
	right: 0;
}
*/

@media(min-width:1025px){
	.item-sidebar {padding: 50px 24px;}
	.item-sidebar--outer {
		box-sizing: border-box;
		width: 300px;
/* 		height: 100%; */
		height: 100vh;
		position: absolute;
		top:100%;
		right: 0;
		z-index: 99;
		padding: 50px 24px;
		overflow-y: scroll;
		border-left: 1px solid #ECECEC;
		background: #fff;
		color: #000;
		/*box-shadow: 0 0 10px rgba(0,0,0,.1); */
	}
	.item-sidebar--outer.is-fixed {
		position: fixed;
		top: 0;
		z-index: 901;
	}
	.item-sidebar--outer .item-sidebar {padding: 0;}
	.item-sticky-nav {box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0);}
	.item-sticky-nav--desktop .item-sticky-nav__link {padding: 0;}
	.item-sticky-nav--desktop .item-sticky-nav__link li {position: relative;}
	.item-sticky-nav--desktop .item-sticky-nav__link li a {
		font-weight: 400;
		padding: 0 12px;
	}
	.item-sticky-nav--desktop .item-sticky-nav__link--active a {
		color: #000;
		font-weight: 800 !important;
	}
/*
	.item-sticky-nav--desktop .item-sticky-nav__link--active::after {
		content: "";
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: #000;
		position: absolute;
		top: 13px;
		right: 3px;
	}
*/
	
/*
	.item-sidebar {
		width: 300px;
		height: 100vh;
		position: fixed;
		top:0;
		right: 0;
		z-index: 99;
		padding: 50px 36px;
		overflow-y: scroll;
	}
*/	
}

/* 紐⑤컮�� 援щℓ踰꾪듉 */
.purchase-option {
	box-sizing: border-box;
	position: fixed;
	bottom: 64px;
	left: 0;
	z-index: 101;
/* 	background-color: #1E1E1E; */
	background-color: #000;
	width: 100%;	
	padding: 0 24px 32px 24px;
	border-bottom: 1px solid rgba(255,255,255,0.1);	
	color: #fff;
}
.purchase__close-bar {
	text-align: center;
/* 	border: 1px solid #fff; */
}
.purchase__close-bar .btn--close {
	color: rgba(255,255,255,.5);
	display: block;
	width: 100%;
	height: 60px;
}
.purchase-overlay {
	background-color: rgba(0,0,0,.7);
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.purchase-option .purchase-option__title {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	padding-bottom: 32px;
}
.purchase-option .class__option {
	display: block;
	width: 100%;
	margin-bottom: 28px;
}

.page-orderform .class__option {width: 100%;}

.purchase-option .class__option:last-of-type {margin-bottom: 0;}
.purchase-option .class__form-radio-outer {margin-right: 4px;}
.purchase-option .class__option-data {font-size: 14px;}

.purchase-btn-group {
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 101;
	
	width: 100%;
	padding-left: 136px;
	border-top: 1px solid rgba(255,255,255,.1);
}

.purchase-btn--outer {
	position: fixed;
	bottom: 0;
	left: 0;
	border-right: 1px solid rgba(255,255,255,0.1);
}
.purchase .btn--wish,
.purchase .btn--cart {
	background-color: #000;
	color: #fff;
	width: 68px;
	height: 68px;
	float: left;
}

.purchase .btn--option,
.purchase .btn--buy {
	background-color: #000;	
	color: #ff4800;
	width: 100%;
	height: 68px;
	font-size: 18px;
	font-weight: 800;
}
.purchase-option-modal {display: none;}
.purchase-option-modal.active {display: block;}

.purchase .btn--buy {display: none;}
.purchase .btn-buy--outer.active .btn--buy{display: block;}
.purchase .btn-buy--outer.active .btn--option{display: none;}

.purchase-option-modal .class__option-week {display: inline-block;}
.purchase-option-modal .class__option-time {display: block;}
.purchase-option-modal .class__option {
	padding: 16px;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 4px;
	margin-bottom: 16px;
}
.purchase-option-modal .class__option.is-active {
	border: 1px solid rgba(255,255,255,1);	
}
.purchase-option-modal .class__form-radio-outer {margin-right: 0;}
.purchase-option-modal .purchase-option__title {
	font-weight: 400;
	padding-bottom: 20px;
}
.purchase-option-modal .purchase-option {
	padding: 0 16px 32px 16px;
	border-radius: 12px 12px 0 0;
}
.purchase-option-modal .class__option-date {
	font-weight: 400;
	color: #fff;
}

.purchase-option-modal .class__option-title {margin: 6px 4px 6px 6px;}
.purchase-option-modal .class__option-data {padding: 0 0 0 36px;}

/* =====================================
       �곸꽭�섏씠吏� �ъ씠�쒕컮 �대옒�� �듭뀡
===================================== */ 
.item-sidebar .live-badge {
	box-sizing: border-box;
	padding-left: 73px;
	font-size: 11px;
	font-weight: 700;
	background-color: #E02020;
	color: #fff;
	border-radius: 4px;
	height: 28px;
	line-height: 28px;
	position: relative;
	margin-bottom: -20px;
}
.item-sidebar .live-badge::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background-color: #E02020;
	transform: rotate(45deg);
	position: absolute;
	bottom: -2px;
	left: 11px;
}
.item-sidebar .live-badge .live-badge-label {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 12px 0 22px;
	height: 28px;
	border-right: 1px solid rgba(255,255,255,.3);
	position: absolute;
	top:0;
	left: 0;
}
.item-sidebar .live-badge .live-badge-fadeinout {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: rgba(255,255,255,1);
	position: absolute;
	top: 10px;
	left: 10px;
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.live-badge-fadeinout {
   -webkit-animation: flickerAnimation 2s infinite;
   -moz-animation: flickerAnimation 2s infinite;
   -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
}

.item-sidebar .class__option-content {padding-top: 36px;}
.item-sidebar .class__option {
	width: 100%;
	padding: 0;
/* 	padding-top: 12px; */
	margin-bottom: 20px;
	position: relative;
/* 	border: 1px solid #D8D8D8; */
	position: relative;
}
.item-sidebar .class__option.end {background-color: #f5f5f5;}
/*
.item-sidebar .class__option.is-active {border-color: #ff4800;}
.item-sidebar .class__option.is-active .class__option-label {border: 1px solid #ff4800;}
*/

.item-sidebar .class__option .class__option-data {
	font-size: 13px;
	transition: all .3s;
}

/* .item-sidebar .class__option:hover .class__option-data{color: #e0e0e0;} */
.item-sidebar .class__option-label {
	cursor: pointer;
	display: block;
	padding: 16px;
	border: 1px solid #D8D8D8;
	border-radius: 4px;
}
.item-sidebar .class__option-label .class__form-radio-outer .form-radio__circle {display: none;}
.item-sidebar .class__form-radio-outer {
/*
	position: absolute;
	top:5px;
	right: 0;
*/
	margin-right: 4px;
}

.item-sidebar .class__form-radio-outer .class__option-thum {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0;
}

.item-sidebar .class__option-label  .class__option-content {
	display: block;
	padding-top: 4px;
	padding-bottom: 0;s
}

/* �ъ씠�쒕컮 �듭뀡�� soldout �� 寃쎌슦 */
.item-sidebar .class__option.soldout .class__option-title,
.item-sidebar .class__option.soldout .class__option-data {color: #616161;}

@media(min-width: 1025px){
	.item-sidebar .class__option-label.is-active {
		border-color: transparent;
		box-shadow: inset 0 0 0 2px #000;
	}
	.item-sidebar .class__option-label.is-active:hover {
		border-color: transparent;
		box-shadow: 0;
	}
	.item-sidebar .class__option-label:hover {
		border-color: #a0a0a0;
		box-shadow: 0;
	}
}

/* =====================================
      �곸꽭�섏씠吏� �ъ씠�쒕컮 �대옒�� 踰꾪듉 洹몃９
===================================== */ 
/* .item-sidebar .item__btn-group {padding-top: 36px;} */
.item-sidebar .item__btn-outer {
	position: relative;
}
.item-sidebar .btn--wishlist,
.item-sidebar .btn--cart {
	display: block;
	font-size: 12px;
/* 	color: #fff; */
	transition: all 0s;
	width: 50%;
	float: left;
	text-align: center;
	margin: 20px 0;
	vertical-align: top;
}
.item-sidebar .btn--wishlist .material-icons,
.item-sidebar .btn--cart .material-icons-outlined {transition: all 0s;}
.item-sidebar .btn--wishlist:hover,
.item-sidebar .btn--cart:hover {
	opacity: .6;
	color: #000;
}
.item-sidebar .btn--wishlist img,
.item-sidebar .btn--cart img  {
	width: 24px;
	padding-bottom: 2px;
}

.item__btn-group .btn--buy {
	border-radius: 4px;
	background-color: #000;
	color: #fff;
}
.item__btn-group .btn--buy span {font-weight: 400;}
.item__btn-group .btn--buy:hover {
	background-color: #ff4800;
	border-color: #ff4800;
}
.m\:item-sidebar .item__btn-group .btn--buy {background-color: #000;}

/* =====================================
      �곸꽭�섏씠吏� �ъ씠�쒕컮 �대옒�� �명꽣 �뺣낫
===================================== */ 
.item-sidebar .item__foot-list a {font-size: inherit;}
.item-sidebar .item__foot-list:hover a {text-decoration: underline;}
/* .item-sidebar .item__foot-info {padding-top: 12px;} */
.m\:item-sidebar .item__foot-info {margin-top: 0px;}
.item-sidebar .item__foot-list {
	font-size: 12px;
	color: #757575;
	padding: 8px 0;
}
.item-sidebar .foot-list__num {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	margin-right: 4px;
	position: relative;
}
.item-sidebar .foot-list__num::after {
/*
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #ff4800;
	
	position: absolute;
	top:50%;
	left: 0;
	z-index: -1;
	margin: -1px 0 0 0;
*/
}

.item-sidebar .item__foot-list .em {
	vertical-align: middle;
	margin-right: 8px;
}

@media(min-width: 1025px){
	.item-sidebar .item__foot-info {
		border-top:1px solid #EBEBEB;
		padding-top: 36px;
	}
}

/* =====================================
               濡쒓렇�� 
===================================== */ 
.login {
/* 	background-color: #000; */
/*
	position: absolute;
	width: 100%;
	height: 100%;
*/
}
.login--head {width: 100%;}

.login--head-outer,
.register--head-outer {
	max-width: 530px;	
	padding: 32px 24px 0 24px;
	margin: 0 auto;
	position: relative;
	transition: all .3s;
}
.login-signin,
.register-signin {
	position: absolute;
	top:32px;
	right: 16px;
	color: #fff;
	font-size: 14px;
}
.login-signin-label,
.register-signin-label {display: none;}
.login-signin .btn,
.register-signin .btn {margin: -4px 0 0 8px;}
/*
.register-outer {
	max-width: 530px;
	padding: 44px 24px 100px 24px;
	margin: 0 auto;
	text-align: left;
}
*/
/*
.register__title {
	font-size: 9vw;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 42px;
	transition: all .3s;
}
*/
/* .register__title {margin-bottom: 32px;} */
.login__title span::after,
.register__title span::after {height: 8px;}
.login-foot{
	margin-bottom: 36px;
	position: relative;
}
.register-foot {
	margin: 24px 0 24px 0;
	position: relative;
}
.login-btn-group,
.register-btn-group {text-align: center;}
.register .btn-find-id {
	color: #fff;
	position: absolute;
	top:3px;
	right: 0;
}

.login-acc-group {
	text-align: center;
	padding: 20px 0;
}
.login-acc-group a {
	display: inline-block;
	color: #000;
	padding: 0 12px;
}
.login-acc-group a:first-child {border-right: 1px solid #eee;}

.page-login .sns-group p {
	text-align: center;
	padding: 58px 0 16px 0;
}
.page-login .login__title {
	text-align: center;
	padding-bottom: 28px;
	font-size: 24px;
}
.page-login .login-sns {
	padding: 0;
	border: 0;
	margin: 0;
}
#sns_login .sns-kakao {
	display: block;
	height: 48px;
	line-height: 48px;
	border: 1px solid #ffe500;
	background-color: #ffe500;
	border-radius: 4px;
}
#sns_login .sns-kakao span {color: #000;}
#sns_login .sns-kakao:hover span {background-color: transparent !important;}

.register-foot .terms-list {border-bottom: 1px solid #ECECEC;}
.register-foot .terms-list:last-of-type {border-bottom: 0;}
.register-foot .terms-list a {
	color: #fff;
	font-size: 12px;
	vertical-align: bottom;
	text-decoration: underline;
	margin-left: 6px;
}
.register-foot .terms-list strong {text-decoration: underline;}
.register-foot .terms-list {
	color: #757575;
	font-size: 12px;
	padding: 16px 0;
}
.register-foot .terms-list-outer {
	position: relative;
	padding-right: 48px;
}
.register-foot .terms-list.white {color: #fff;}
.register-foot .terms-list .form-checkbox {
/* 	border: 1px solid #fff !important; */
	width: 44px;
	height: 44px;
	position: absolute;
	top:50%;
	right: 0;
	margin-top: -22px;
	text-align: center;
	line-height: 44px;
}
.register-foot .terms-list .form-checkbox__icon {border-color: #4e4e4e !important;}
.register-foot .terms-list.white .form-checkbox__icon {border-color: #fff !important;}

.registe-form-password {margin-bottom: 32px;}

.page-login .login-bg {
	width: calc(100% - 600px);
	height: 100vh;
	float: left;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.login-bg.login-img {background-image: url(/img/find-banner.png);}
/* .login-bg.login-img {background-image: url(/img/login-banner.png);} */
.password-lost-bg.register-img,
.register-bg.register-img {background-image: url(/img/signup-banner.png);}
.password-lost-bg.password-lost-img {background-image: url(/img/login-banner.png);}

.page-login .login-outer {
	display: table;
	width: 600px;
	height: 100vh;
	min-height: 720px;
	float: left;
}
.page-login .login-outer-inner {
	display: table-cell;	
	padding: 60px 60px 0 60px;
	vertical-align: middle;
	position: relative;
}
.page-register .login-sns h2 {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	padding: 60px 0 24px 0;	
}
.page-register .login-sns .sns-kakao {
	display: block;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #eee;
}

.page-password_lost2 .password-lost-bg,
.page-password_lost .password-lost-bg {
	box-sizing: border-box;
	width: calc(100% - 600px);
	height: 100vh;
	float: left;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.page-password_lost2 h1,
.page-password_lost h1 {
	font-size: 24px;
	padding-bottom: 28px;
}
.page-password_lost2 .login-foot {text-align: center;}
.page-password_lost2 h1 {text-align: center;}

.page-password_lost2 .password-lost,
.page-password_lost .password-lost {
	display: table;
	box-sizing: border-box;
	width: 600px;
	height: 100vh;	
	min-height: 720px;	
	float: left;
}
.page-password_lost2 .password-lost-inner,
.page-password_lost .password-lost-inner {
	padding: 60px 60px 0 60px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.page-password_lost2 .password-lost-inner {text-align: left;}

.page-password_lost2 .login--head,
.page-password_lost .login--head,
.page-login .login--head {
	box-sizing: border-box;
	position: absolute;
	top: 60px;
	left: 60px;
	text-align: left;
}

@media(min-width:600px){
/* 	.register__title {font-size: 74px;} */
	.login__title span::after,
	.register__title span::after {height: 16px;}
	.register-foot .terms-list {font-size: 14px;}
}
@media(min-width:1025px){
/*
	.login,
	.register {min-height: 1000px;}
*/
	.login-signin-label,
	.register-signin-label {display: inline-block;}
	.login--head-outer,
	.register--head-outer {
		max-width: 1025px;
		box-sizing: border-box;
	}
/* 	.register-outer {padding: 52px 16px 100px 16px;} */
	
/*
	.login-outer{
		box-sizing: border-box;
		max-width: 1025px;
		padding: 150px 24px;
		margin: 0 auto;
		position: relative;
	}
*/
/*
	.register-outer{
		box-sizing: border-box;
		max-width: 1025px;
		padding: 0 16px;
		margin: 0 auto;
		position: relative;
		padding: 150px 24px 150px 24px;
	}	
*/
/*
	.register__title {
		box-sizing: border-box;
		font-size: 74px;
		width: calc( 100% - 450px );
		float: left;
	}
*/
	.login__title span::after,
	.register__title span::after {height: 16px;}
/*
	.register-form {
		width: 400px;
		float: left;
		transition: all .3s;
	}
*/
/* 	.login-form {margin-top: 200px;} */
	.register-form {margin-top: 20px;}
}
@media(min-width:1280px){
	.login--head-outer,
	.register--head-outer {max-width: 1280px;}
/*
	.login-outer{
		max-width: 400px;
	}
*/
/*
	.register-outer {
		box-sizing: border-box;
		max-width: 1280px;
		margin:0 auto;
	}	
*/
/* 	.register__title {font-size: 80px;} */
/*
	.login-form {
		width: 450px;
		top:186px;
	}
*/
/* 	.register-form {width: 450px;} */
}

.password-lost .password-lost__help-text {
	color: #000;
	font-size: 14px;
	line-height: 1.75;
}
.password-lost h2 {
	color: #000;
	font-weight: 700;
	padding-bottom: 16px;
}

.page-register .register-bg {
	width: calc(100% - 600px);
	height: 100vh;
	float: left;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.page-register .register-outer {
	display: table;
	width: 600px;
	height: 100vh;
	min-height: 900px;
	float: left;
}
.page-register .register-outer-inner {
	display: table-cell;
	vertical-align: middle;
	padding: 60px 60px 0 60px;
	position: relative;
}
.page-register .register__title {
	font-size: 30px;
	text-align: center;
	padding-bottom: 12px;
}
.page-register .login--head {
	position: absolute;
	top: 60px;
	left: 60px;
}

/* ===================================== �뚯썝媛��� �꾨즺�섏씠吏� ===================================== */
.register-completed {min-height: 100vh;}
.register-completed .register-outer {padding: 100px 16px;}
.register-completed .register__title {font-size: 9vw;}
.register-completed .register-completed__title-group {color: #fff;}
.register-completed .register-completed__title-group p {
	font-size: 14px;
	color: #757575;
	padding: 20px 0 40px 0;
	line-height: 1.75;
}
.register .signup-certification {display: none;}

.register .signup-certification .form-input {padding: 0 130px 0 16px;}
.signup-phone .form-input {padding: 0 80px 0 16px;}


.register-completed .btn {padding: 0 100px;}

@media(min-width:600px){
/* 	.register-completed .register__title {font-size: 58px;} */
}
@media(min-width:1025px){
/* 	.register-completed .register__title {font-size: 80px;}	 */
	.register-completed .register-outer {padding: 150px 16px;}
	.register-completed .register-completed__title-group {
		margin-top: 200px;
		float: right;
	}
}
@media(min-width:1280px){
/* 	.register-completed .register__title {font-size: 80px;} */
}


/* ===================================== 留덉씠�섏씠吏� ===================================== */

.m\:nav-links--mypage .nav-link{
	width: 25%;
	box-sizing: border-box;
	text-align: center;
}
.m\:nav-links--mypage .nav-link:first-of-type {border-left:0;}
.m\:nav-links--mypage .nav-link:last-of-type {border-right:0;}
.m\:nav-links--mypage .nav-link a {padding: 20px 0;}

@media(min-width:600px){
	.m\:nav-links--mypage .nav-link:last-of-type {border-right:1px solid #eee;}
}


.nav--consulting .nav-link a,
.nav--qa .nav-link a {
	margin: 0;
	padding: 20px;
}
.m\:mileage-nav-links .nav--scroll {padding: 0;}

.m\:mileage-nav-links .nav-link a,
.m\:nav--refund .nav-link a,
.m\:nav--holding .nav-link a,
.m\:nav--consulting .nav-link a,
.m\:nav--qa .nav-link a {margin: 0;}

.m\:nav--refund .nav--scroll,
.m\:nav--holding .nav--scroll,
.m\:nav--consulting .nav--scroll,
.m\:nav--qa .nav--scroll {padding: 0;}

.m\:nav--refund .nav-link__header::after,
.m\:nav--holding .nav-link__header::after,
.m\:mileage-nav-links .nav-link__header::after,
.m\:nav--consulting .nav-link__header::after,
.m\:nav--qa .nav-link__header::after {display: none;}


/* =====================================
              �대옒�� �꾧린
===================================== */ 

.btn--review-delete {
	position: absolute;
	top:44px;
	right: 28px;
	z-index: 1;
	
	width: 44px;
	height: 44px;
}
.btn--review-delete .material-icons {
	font-size: 24px;
	padding-bottom: 2px;
	transition: all .3s;
}
.btn--review-delete:hover .material-icons {color: #ff4800;}

/* =====================================
               �댁썡 �좎껌
===================================== */
.holding-apply__title {
	padding: 40px 0 24px 0;
	position: relative;
}
.holding-apply .table__head .table__data span {
	padding: 12px 0;
	color: #000;
	font-weight: 400;
}
.holding-apply .table__body {margin: 0;}
.holding-apply .table__body .table__row {padding: 12px 0;}
.holding-apply .table__head .table__data,
.holding-apply .table__body .table__data {text-align: left;}
.holding-apply .table__head .table__data:first-child span {padding: 12px 16px;}
.holding-apply .table__body .table__data:last-of-type,
.holding-apply .table__head .table__data:last-of-type {text-align: center;}
.holding-apply .table__body .class__option-title {
	font-weight: 600;
	color: #000;
}
.holding-apply__class-data .class__option-title {margin: 0 0 4px 0;}
.holding-apply .table__body .table__title {
	line-height: 1.75;
	font-weight: 600;
}
.holding-apply .table__body .class__option-title,
.holding-apply .table__body .table__data span {padding: 0;}
.holding-apply__class-data {margin: 12px 0 24px 0;}
.holding-apply__option-title {padding-left: 0;}
.holding-apply__option-title::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #000;
	vertical-align: middle;
	margin-right: 6px;
}
.holding-apply__option-data {padding-top: 12px;}
.holding-apply__option-data .class__option-title {font-weight: 400;}
.holding-apply__table-title {
	font-size: 16px;
	font-weight: 800;
}
.nav--holding .nav-link a{
	margin: 0;
	padding: 20px;
}

@media(max-width:1024px){
	.holding-apply__title {
		padding: 40px 24px 24px 24px;
		position: relative;
	}
	.holding-apply__title::before {
		content: "";
		box-sizing: border-box;
		display: block;
		background-color: #eee;
		width: 100%;
		height: 12px;
		
		position: absolute;
		top: -12px;
		left: 0;
	}
}


/* =====================================
               �섎텋 �좎껌
===================================== */
.table-refund {border-top:4px solid #000;}
.table-refund-complete {margin-bottom: 100px;}
.table-refund thead th,
.table-refund tbody td {
	padding: 24px 0;
	text-align: center;
/* 	border-left: 1px solid #eee; */
}
.nav--refund .nav-link a {
	margin: 0;
	padding: 20px;
}
.table-refund thead th {border-bottom: 1px solid #000;}
.table-refund tbody td {
	border-bottom: 1px solid #eee;
}

.table-refund thead th:first-of-type,
.table-refund tbody td:first-of-type {
	padding: 24px 24px 20px 24px;
	text-align: left;
	border-left: 0;
}
.table-refund .table__class-data {padding-top: 12px;}
.table-refund .table__title {font-size: 16px;}
.table-refund .class__option-title {
	margin: 6px 4px 0 0;
	font-weight: 400;
}
.list-refund .list-refund__cation {
	padding: 12px 0 20px 0;
/* 	padding-left: 12px; */
	color: #757575;
	line-height: 1.75;
}

.item-pagepage-item .list-refund .list-refund__cation {padding: 12px 0 20px 0;}

/*
.list-refund .list-refund__cation::before {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background-color: #000;
	margin-bottom: 20px;
}
*/

/* .list-refund .btn {margin-left: 12px;} */

/* 紐⑤컮�� �꾩슜 */
.m\:refund-class-data {
	border-top:1px dashed #eee;
	padding: 24px 0 28px 0;
}
.m\:refund-class-data li {
	display: inline-block;
	border: 0;
	color: #757575;
	margin: 0 8px 8px 0;
}
.m\:refund-class-data li strong {
	color: #000;
	font-weight: 600;
}
.m\:refund__result {
	color: #757575;
	padding-top: 4px;
}
.m\:refund__result strong {
	display: inline-block;
	font-weight: 600;
	color: #000;
}

.m\:refund-class-data__result {padding: 24px 0 0 0;}


 /* =====================================
           �뚯썝 鍮꾨�踰덊샇 �뺤씤
===================================== */
.mypage__member-confirm {border-top:4px solid #000;}
.mypage__member-confirm--outer {
	max-width: 400px;
	padding: 24px 0;
}
.mypage__member-confirm .table th,
.mypage__member-confirm .table td {
	border-bottom: 1px solid #eee;
	padding: 24px 0;
	vertical-align: top;
}
.mypage__member-confirm .table th {padding-top: 40px;}
.mypage__member-confirm .table-btn-group {
	text-align: center;
	position: relative;
}
.member-reception .member-confirm-terms {
	margin-right: 20px;
	cursor: pointer;
}
.member-reception__notice {
	margin-top: 16px;
	font-size: 12px;
	color: #757575;
	line-height: 1.4;
}
.mypage__member-confirm .btn--secession {
	font-weight: 400;
	position: absolute;
	top:24px;
	right: 0;
}
.mypage__member-confirm .mypage__register-outer {max-width: 400px;}
.mypage__member-confirm .mypage__password-change {padding-bottom: 16px;}

.m\:member_confirm .m\:table{
	padding: 0 0 24px 0;	
	border: 0 !important;
	margin-top: -24px;
}

 /* =====================================
               �뚯썝�뺣낫�섏젙
===================================== */
.m\:register_form--wrapper {padding: 0 24px;}
.m\:register_form--wrapper .m\:table {
	border-top: 4px solid #000;
/*
	padding-bottom: 24px;
	margin-bottom: 24px;
*/
}
.m\:register_form--wrapper .form-outer {
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 24px 0 24px 80px;	
}
.m\:register_form--wrapper .form-outer.horizontal .form-label {
	top:24px;
}
.m\:register_form--wrapper .form-input-btn-set .btn{
	display: block;
	width: 100%;
	margin-top: 12px;
	position: static;
}
.m\:register_form--wrapper .form-password-outer .form-input:first-of-type {margin-bottom: 12px;}

.m\:register_form--wrapper .member-reception .member-confirm-terms {
	display: inline-block;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	margin-top: -20px;
}
.m\:register_form--wrapper .member-reception__notice {margin-top:0;}


@media(min-width:600px){
	.m\:register_form--wrapper {padding: 0;}
}


 /* =====================================
               荑좏룿
===================================== */
.table-coupon thead th:first-of-type,
.table-coupon tbody td:first-of-type {padding: 24px 0 !important;}
.table-coupon thead th {padding: 16px 0 !important;}
.table-coupon thead th,
.table-coupon tbody td{text-align: center;}
.m\:coupon .table--col-left,
.m\:coupon .table--col-right {float: none;}
@media(min-width:600px){
	.m\:coupon .table--col-right {margin-top: 12px;}
}


 /* =====================================
               留덉씪由ъ�
===================================== */
.nav--mileage .nav-link a{
	margin: 0;
	padding: 20px;
}
.mileage__info {
	padding: 28px 32px;
	margin-bottom: 32px;
	background-color: #fafafa;
	position: relative;
}

.mileage__info-title {
	font-size: 16px;
	font-weight: 800;
	padding: 24px 0 16px 0;
}
.mileage__info-contents {
	font-size: 14px;
	color: #757575;
}
.mileage__info-contents strong{
	font-weight: 800;
	color: #000;
	margin-left: 8px;
}
.mileage__info-notice {
	position: absolute;
	top:50%;
	right: 32px;
	font-size: 12px;
	color: #757575;
	margin-top: -6px;
}
.mileage__table {padding: 24px 0 24px 0;}

.mileage__info--outer {
	padding: 0 24px;
	margin: -28px 0 0 0;
}
.mileage__info--outer .mileage__info-notice {
	position: static;
	padding-top: 16px;
}
.mileage__info--outer .mileage__info {padding: 24px;}

@media(max-width:600px){
	.m\:mileage-nav-links .nav-link {
		width: 50%;
		box-sizing: border-box;
		text-align: center;
	}
}

@media(min-width:600px){ 
	.mileage__info--outer {padding: 0;}
}



 /* =====================================
               �뚯썝�깃툒
===================================== */
.grade-myinfo {padding-bottom: 60px;}
.m\:grade-myinfo {margin: -12px 0 24px 0;}
.m\:table--grade {
	width: 100%;
	border-top:4px solid #000;
}
.m\:table--grade th,
.m\:table--grade td {
	border-bottom: 1px solid #eee;
	padding: 24px;
	font-size: 14px;
}
.m\:grade-table {
	padding: 0 24px;
	border-top: 4px solid #000;
	border-bottom: 1px solid #eee;	
	margin-top: -12px;
}
.m\:grade-table__list {
	border-bottom: 1px solid #eee;
	padding: 24px 0 16px 0;	
}
.m\:grade-table__list:last-of-type {border-bottom: 0;}
.m\:grade-table__title {
	display: inline-block;
	width: 64px;
	float: left;
	font-weight: 900;
	font-size: 16px;
	margin-right: 12px;
	padding-top: 4px;
}

.m\:grade-table__contents {overflow: hidden;}
.m\:grade-table__contents li {
	line-height: 1.75;
	margin-bottom: 8px;
	word-break: keep-all;
}
.m\:grade-table__contents li span {
	color: #757575;
	margin-right: 4px;
}

@media(min-width:600px){
	.m\:grade-myinfo {margin: -12px 0 60px 0;}
}


 /* =====================================
               FAQ
===================================== */
.nav--faq .nav-link a {
	margin: 0;
	padding: 20px;
}
.m\:faq-list {position: relative;}
.m\:faq-list .table-row {padding: 26px 60px 20px 24px;}
.m\:faq-list .table__title {
	width: 100%;
	padding-bottom: 12px;
}
.m\:nav--faq .nav-link a{margin: 0;}
.m\:nav--faq .nav--scroll {padding: 0;}
.m\:nav--faq .nav-link__header::after {display: none;}


 /* =====================================
               1:1 臾몄쓽
===================================== */
.qawrite {padding: 60px 24px 40px 24px;}
.qawrite .qawrite-outer {
	border-top:4px solid #000;
	padding-top: 24px;
}
.qawrite .mypage-info {padding: 0 0 32px 0;}
.qawrite .table-btn-group {text-align: center;}
.qawrite .table-btn-group .btn {margin: 0 4px;}
.qawrite .qawrite-input__title {margin-bottom: 16px;}
.qawrite .qawrite-body textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
	border: 1px solid #ECECEC;
	
	font-size: 16px;
	line-height: 1.75;
	color: #757575;
	border-radius: 4px;
}
.qawrite .form-input:focus,
.qawrite textarea:focus {border-color: #9e9e9e;}

.qawrite .qawrite-foot {margin-top: 52px;}
.qawrite .qawrite-foot__input-group {margin: 24px -4px 0 -4px;}
.qawrite .qawrite-foot__input {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 0 4px;
}
.qawrite .qawrite-foot__input label {display: none;}
.qawrite .qawrite-foot__input input {margin-bottom: 12px;}
.qawrite .qawrite-foot__helptext {
	margin: 12px 0 20px 0;
	font-size: 12px;
	color: #757575;
}

.qawrite .form-file {
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid red;
	cursor: pointer;
	border-color: #ECECEC;
	border-radius: 4px;
	margin-top: 16px;
}
.qawrite .form-file input {
	cursor: pointer;
	font-size: 12px;
}
.qawrite .form-file__list {margin-top: 12px;}
.qawrite .form-file__list li {
	font-size: 12px;
	color: #757575;
	padding: 6px 0;
}
.qawrite .form-file__list li::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle;
}

.qawrite .table-btn-group {margin-top: 24px;}
.page-qalist .table-btn-group {padding-bottom: 100px;}

@media(min-width:600px){
	.qawrite {padding: 60px 40px 40px 40px;}
	.qawrite .qawrite-foot__input {width: 50%;}
}
@media(min-width:1025px){
	/*.qawrite {padding: 0;} */
	.qawrite {padding: 0 10px 40px 56px;}	
	.qawrite .qawrite-body textarea {font-size: 14px;}
}

 /* =====================================
               �대옒�� �꾧린 �묒꽦
===================================== */
.classwrite .qawrite-outer {padding-top: 0;}
.classwrite .classwrite__class-data {
	margin-bottom: 24px;
}
.classwrite .classwrite__class-data li{
	font-size: 14px;
	padding: 18px 12px;
	border-bottom: 1px solid #ECECEC;
}
.classwrite .classwrite__class-data li:last-child {border-bottom: 1px solid #000;}
.classwrite .classwrite__class-data li span {
	display: inline-block;
	font-weight: 600;
	width: 80px;
}


 /* =====================================
               �꾩떆 由ъ뒪��
===================================== */
.wishlist-head .wishlist-page-center {max-width: 1440px;}
.wishlist {padding: 60px 0 0 30px;}
.wishlist .card {position: relative;}
.wishlist .card .quick-bar__btn{
	position: absolute;
	top:0;
	right: 8px;
	z-index: 99;
	color: #ff4800;
}

/*
.wishlist .no-data p{
	text-align: center;
	letter-spacing: 0;
	padding: 200px 0 250px 0;
}
*/
.page-orderinquiry .no-data {
	text-align: center;
	padding: 100px 0 150px 0;
}
.wishlist .no-data {
	text-align: center;
	padding: 150px 0 200px 0;	
}
.page-orderinquiry .no-data p,
.page-orderinquiry .no-data strong,
.page-orderinquiry span,
.wishlist .no-data p,
.wishlist .no-data strong,
.wishlist .no-data span {letter-spacing: 0;}

.page-orderinquiry .no-data .no-data-slogun,
.wishlist .no-data .no-data-slogun {
	display: block;
	font-size: 24px;
	font-weight: 300;
}
.page-orderinquiry .no-data .no-data-slogun span,
.wishlist .no-data .no-data-slogun span {font-weight: 700;}

.page-orderinquiry .no-data .no-data-title,
.wishlist .no-data .no-data-title {
	display: block;	
	font-size: 32px;
	font-weight: 300;
	padding: 12px 0 28px 0;
}
.page-orderinquiry .no-data .no-data-cation,
.wishlist .no-data .no-data-cation {
	font-size: 14px;
	color: #757575;
}


@media(min-width:600px){
	.wishlist {padding: 60px 8px 0 8px;}
	.wishlist .card .quick-bar__btn{right: 32px;}
}
@media(min-width:800px){
	.wishlist .card .quick-bar__btn{right: 32px;}
}
@media(min-width:1025px){
	.wishlist {padding: 60px 30px 0 30px;}
	.wishlist .card .quick-bar__btn{right: 48px;}
}
@media(min-width:1280px){
	.wishlist {padding: 60px 16px 0 16px;}	
}

 /* =====================================
               紐⑤떖
===================================== */
/*
.modal {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	background-color: rgba(0,0,0,.2);
}
.modal .modal-outer {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	border: 10px solid red;
}
.modal .modal-container {
	box-sizing: border-box;
	max-width: 600px;
	padding: 40px;
	text-align: left;
	background-color: #fff;
	position: relative;
}
.modal .modal__btn--close {
	position: absolute;
	top:0;
	right: 0;
	width: 48px;
	height: 48px;
	border: 1px solid red;
}
*/

.section-cut {
	height: 8px;
	background-color: #f5f5f5;
}
.item-content .item-bg-gray {
	background-color: #F9F9F9;
	padding-top: 24px;
}
.item-content .item-bg-gray .text {padding-bottom: 0;}
.class-ready--wrapper {margin-top: 40px;}

@media(min-width:1025px){
	.item-content .item-bg-gray .text {padding-bottom: 24px;}
}

 /* =====================================
	 		준비물
===================================== */
.item-content .item-material .list {padding: 8px 0;}
.item-content .item-material .list img {
	width: 24px;
	margin-right: 12px;
	float: left;
	position: relative;
}
.item-content .item-material .list p {
	overflow: hidden;
	line-height: 1.75;
}
 /* =====================================
               사전지식
===================================== */
.item-content .item-prior-knowledge {
	position: relative;
	left: -8px;
}
.item-content .item-prior-knowledge .list {
	font-size: 16px;
	color: #757575;
}

/* 포스트 디자인 */
.post-wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

.post .post-section {
	position: relative;
	box-sizing: border-box;
	padding-left: 40px;
}
.post .post-section__title-emoji {
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 18px;
}
.post .post-section__title {
	font-size: 32px;
	font-weight: 200;
	line-height: 1.4;
	letter-spacing: -0.040em;
}
.post p {
	font-size: 14px;
	color: #333;
	line-height: 1.75;
}


/* 결과소개 */
.output-swiper-container img,
.study-swiper-container img,
.student-output-swiper-container img {
	width: 100%;
	margin-bottom: 12px;
	border-radius: 4px;
}

.class-common-slide .swiper-pagination-bullet,
.class-common-slide .swiper-pagination-bullet,
.worry-swiper-container .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin-right: 8px;
}
.worry-swiper-container .swiper-pagination-bullet {
	display: inline-block !important;
	padding: 0 !important;
}

.class-common-slide .swiper-pagination-bullet-active,
.worry-swiper-pagination .swiper-pagination-bullet-active {background-color: #000;}
.class-common-slide .slide-controller,
.worry-swiper-container .worry-slide-controller {
	position: relative;
	margin-top: 20px;
}

.class-common-slide .slide-controller .study-swiper-button-next,
.class-common-slide .slide-controller .study-swiper-button-prev,
.class-common-slide .slide-controller .output-swiper-button-next,
.class-common-slide .slide-controller .output-swiper-button-prev,
.class-common-slide .slide-controller .swiper-button-next--class-sketch,
.class-common-slide .slide-controller .swiper-button-prev--class-sketch,
.class-common-slide .slide-controller .student-output-swiper-button-next,
.class-common-slide .slide-controller .student-output-swiper-button-prev,
.worry-swiper-container .worry-swiper-button-prev,
.worry-swiper-container .worry-swiper-button-next {
	width: 40px;
	height: 40px;
	border:1px solid #ECECEC;
	text-align: center;
	line-height: 40px;
	color: #000;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
	margin-left: 8px;
}

.class-common-slide .slide-controller .study-swiper-button-next.swiper-button-disabled,
.class-common-slide .slide-controller .study-swiper-button-prev.swiper-button-disabled,
.class-common-slide .slide-controller .output-swiper-button-next.swiper-button-disabled,
.class-common-slide .slide-controller .output-swiper-button-prev.swiper-button-disabled,
.class-common-slide .slide-controller .swiper-button-prev--class-sketch.swiper-button-disabled,
.class-common-slide .slide-controller .swiper-button-next--class-sketch.swiper-button-disabled,
.class-common-slide .slide-controller .student-output-swiper-button-next.swiper-button-disabled,
.class-common-slide .slide-controller .student-output-swiper-button-prev.swiper-button-disabled,
.worry-swiper-container .worry-swiper-button-next.swiper-button-disabled,
.worry-swiper-container .worry-swiper-button-prev.swiper-button-disabled {color: #d0d0d0;}

.class-common-slide .slide-controller .slide-btn-group,
.class-common-slide .slide-controller .slide-btn-group,
.worry-swiper-container .slide-btn-group {
	display: none;
	position: absolute;
	top:0;
	right: 0;
}

.output-swiper-container,
.study-swiper-container,
.student-output-swiper-container {max-width: 280px;}

.student-output-swiper-container .swiper-slide a {
	display: block;
	outline: none;
}

.worry-swiper-container .worry-swiper-button-next .material-icons, 
.worry-swiper-container .worry-swiper-button-prev .material-icons {
	display: inline-block !important;
	font-size: 24px;
	padding: 0 !important;
	color: inherit !important;
}

.worry-swiper-container .swiper-wrapper {padding-bottom: 24px;}

@media(min-width:600px){ 
	.output-swiper-container,
	.study-swiper-container,
	.student-output-swiper-container {max-width: 500px;}
}
@media(min-width:1025px){
	
	.output-swiper-container img,
	.study-swiper-container img,
	.student-output-swiper-container img {margin-bottom: 24px;}
	.class-common-slide .slide-controller .slide-btn-group,
	.class-common-slide .slide-controller .slide-btn-group,
	.worry-swiper-container .slide-btn-group {display: block;}
	.output-swiper-container,
	.study-swiper-container,
	.student-output-swiper-container {max-width: 500px;}
	
	.item-content .class-output h3,
	.item-content .class-study h3	 {
		display: block;
		font-size: 16px;
		font-weight: 600;
		padding-bottom: 12px;
	}
}

.output-swiper-container strong,
.study-swiper-container strong,
.student-output-swiper-container strong {
	display: block;
	font-weight: 400;
	padding: 12px 0;
	line-height: 1.3;
}

.modal-calendar--outer {
	opacity: 0;
	visibility: hidden;
	
	background-color: rgba(0,0,0,.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
}
.modal-calendar--outer.is-active {
	opacity: 1;
	visibility: visible;
}
.modal-calendar--outer .modal-calendar {
	display: table;
	width: 100%;
	height: 100%;
}
.modal-calendar--outer .modal-calendar--inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.modal-calendar--outer .calendar-swiper-container {
	width: 320px;
	margin: 0 auto;
	position: relative;
}
.modal-calendar--outer .modal-calendar-table {
	width: 100%;
	display: inline-block;
}
.modal-calendar--outer .modal-calendar-table table {width: 100%;}

.modal-calendar--outer .modal-calendar-table-group {
	display: inline-block;	
	box-sizing: border-box;	
	width: 100%;
	padding: 32px 20px 12px 20px;
	border-radius: 8px;
	background-color: #fff;
}
/* .modal-calendar--outer .modal-calendar-table {margin: 0 20px;} */
.modal-calendar--outer .modal-calendar-table__title {
	display: block;
	font-size: 24px;
	font-weight: 600;
	padding: 0 0 12px 16px;
	text-align: left;
}
.modal-calendar--outer .modal-calendar-table th,
.modal-calendar--outer .modal-calendar-table td{
	position: relative;
	font-size: 11px;
	width: 44px;
	height: 58px;
	text-align: center;
	vertical-align: top;
}
.modal-calendar--outer .modal-calendar-table th {
	color: #757575;
	height: 36px;
}
.modal-calendar--outer .modal-calendar-table td {font-size: 11px;}
.modal-calendar--outer .modal-calendar-table .s-day {color: #f44e4e;}
.modal-calendar--outer .modal-calendar-table .disable {color: #e7e7e7;}
.modal-calendar--outer .modal-calendar-table .class-badge {
	display: inline-block;
	position: relative;
	z-index: 2;
}
.modal-calendar--outer .modal-calendar-table .class-study::after,
.modal-calendar--outer .modal-calendar-table .class-disble::after,
.modal-calendar--outer .modal-calendar-table .class-special::after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: -7px;
	left: 14px;
	z-index: 1;
}
.modal-calendar--outer .modal-calendar-table .class-label {
	display: block;
	font-size: 11px;
	padding-top: 10px;
	white-space: nowrap;
}
.modal-calendar--outer .modal-calendar-table .class-study::after {background-color: #0984e3;}
.modal-calendar--outer .modal-calendar-table .class-study .class-badge {color: #fff;}
.modal-calendar--outer .modal-calendar-table .class-study .class-label {color: #0984e3;}

.modal-calendar--outer .modal-calendar-table .class-disble::after {background-color: #c7c7c7;}
.modal-calendar--outer .modal-calendar-table .class-disble .class-badge {color: #fff;}
.modal-calendar--outer .modal-calendar-table .class-disble .class-label {color: #b3b3b3;}

.modal-calendar--outer .modal-calendar-table .class-special::after {background-color: #6c5ce7;}
.modal-calendar--outer .modal-calendar-table .class-special .class-badge {color: #fff;}
.modal-calendar--outer .modal-calendar-table .class-special .class-label {color: #6c5ce7;}

.modal-calendar--outer .modal-calendar-ex {
	text-align: left;
	padding: 0 0 20px 16px;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}
.modal-calendar--outer .modal-calendar-ex li {
	display: inline-block;
	font-size: 11px;
	margin-right: 14px;
}
.modal-calendar--outer .modal-calendar-ex li .class-badge {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: red;
}

.modal-calendar--outer .modal-calendar-ex li .class-label {display: inline-block;}
.modal-calendar--outer .modal-calendar-ex li.class-study .class-badge {background-color: #0984e3;}
.modal-calendar--outer .modal-calendar-ex li.class-study .class-label {color: #0984e3;}

.modal-calendar--outer .modal-calendar-ex li.class-special .class-badge {background-color: #6c5ce7;}
.modal-calendar--outer .modal-calendar-ex li.class-special .class-label {color: #6c5ce7;}

.modal-calendar--outer .modal-calendar-ex li.class-disble .class-badge {background-color: #c7c7c7;}
.modal-calendar--outer .modal-calendar-ex li.class-disble .class-label {color: #c7c7c7;}

.modal-calendar--outer .calendar-swiper-pagination {padding: 20px 0;}

.modal-calendar--outer .calendar-controller-group {padding-top: 16px;}
.modal-calendar--outer .calendar-swiper-pagination .swiper-pagination-bullet {background-color: rgba(0,0,0,.5);}
.modal-calendar--outer .calendar-swiper-pagination .swiper-pagination-bullet-active {background-color: rgba(0,0,0,1);}

.modal-calendar--outer .calendar-swiper-button-next,
.modal-calendar--outer .calendar-swiper-button-prev {
	display: none;
	border: 1px solid #fff;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border:1px solid #fff;
	border-radius: 4px;
	position: absolute;
	bottom: 0;
	z-index: 101;
	margin-top: -24px;
	cursor: pointer;
	text-align: center;
	color: #fff;
}
.modal-calendar--outer .calendar-swiper-button-next {right: 0;}
.modal-calendar--outer .calendar-swiper-button-prev {right: 60px;}
.modal-calendar--outer .calendar-swiper-pagination {text-align: center;}
.modal-calendar--outer .swiper-pagination-bullet {
	margin-right: 8px;
	background-color: rgba(255,255,255,1) !important;
}
.modal-calendar--outer .calendar-swiper-button-next.swiper-button-disabled,
.modal-calendar--outer .calendar-swiper-button-prev.swiper-button-disabled {
	color: rgba(255,255,255,.5);
	border-color: rgba(255,255,255,.5);
	cursor: default;
}
.modal-calendar--outer .calendar-controller-group.is-remove {display: none;}


.modal-calendar--outer .modal-calendar--close {
	display: inline-block;
	width: 48px;
	height: 48px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 4px 8px rgba(0,0,0,.25);
		
	position: absolute;
	top: -12px;
	right: -12px;
	z-index: 101;

	text-align: center;
	line-height: 48px;
	cursor: pointer;
}

.item-content .student-output-overview {padding: 0 0 40px 0;}
.item-content .student-output-overview h3 {
	word-break: keep-all;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
	padding-bottom: 12px;
}
.item-content .student-output-overview h3 br {display: none;}
.item-content .student-output-overview li {
	word-break: keep-all;	
	line-height: 1.4;
	font-size: 14px;
	color: #757575;
	padding: 6px 0;
}
.item-content .student-output-overview ul {padding-left: 14px}
.item-content .student-output-overview li span {margin-left: -14px;}

.notice--wrapper-mobile .item-content--wrapper {padding: 60px 24px 70px 24px;}

@media(min-width:1025px){
	.modal-calendar--outer .calendar-swiper-container {width: 414px;}
	.modal-calendar--outer .calendar-swiper-pagination {text-align: left;}
	.modal-calendar--outer .calendar-swiper-button-next,
	.modal-calendar--outer .calendar-swiper-button-prev {display: inline-block;}
	.modal-calendar--outer {background-color: rgba(0,0,0,.8);}
	.item-content .student-output-overview h3 {
		font-size: 21px;
		line-height: 1.4;
		padding-bottom: 16px;
	}
	.item-content .student-output-overview h3 br {display: inline-block;}
	.item-content .student-output-overview {padding: 0 0 40px 40px;}
	.item-content .student-output-overview ul {padding-left: 0px}
	.item-content .student-output-overview li span {margin-left: 0;}
}



/* =======================================
			index 페이지
======================================= */
.index-page {
	box-sizing: border-box;
	width: 100%;
	padding: 48px 0 0 0;
}

.index-page .index-about {
	position: relative;
	padding: 0 24px;
/* 	max-width: 1180px; */
/* 	padding: 0 10px; */
/* 	margin: 0 auto; */
}
.index-page .index-about .index-about__title {
	font-size: 8vw;
	font-weight: 800;
	padding: 40px 0 20px 0;
}
.index-page .index-about .index-about__title br {display: none;}
.index-page .index-about .index-about__title span {position: relative;}
.index-page .index-about .index-about__title span::after {
	content: "";
	display: block;
	width: calc(100% + 12px);
	height: 12px;
	background-color: #ff4800;
	position: absolute;
	top: 50%;
	left: -6px;
	z-index: -1;
	border-radius: 4px;
}
.index-page .index-about__text {
/*
	position: absolute;
	bottom: 0;
	right: 10px;
*/
}
.index-page .index-about__text br {display: inline-block;}
.index-page .index-about__text h3 {
	font-size: 18px;
	font-weight: 300;
	word-break: keep-all;
	line-height: 1.4;
}
.index-page .index-about__text p {
	font-size: 14px;
	line-height: 1.75;
	color: #757575;
	padding: 16px 0 12px 0;
}
.index-page .index-about__text p br {display: none;}
.index-page .index-about__text a {
	font-size: 14px;
	line-height: 1.75;
	color: #757575;
	text-decoration: underline;
	
}

@media(min-width: 600px){

}

@media(min-width: 1025px){
	.index-page {
		border-top: 1px solid #EAEAEA;
		padding: 0;
	}
	.index-page .index-about {padding: 0;}
	.index-page .index-about .index-about__title {
		font-size: 56px;
		padding: 114px 0 40px 0;
	}
	.index-page .index-about .index-about__title br,
	.index-page .index-about__text p br {display: inline-block;}
	.index-page {padding: 0 0 0 60px;}
	.index-page .index-about__text br {display: none;}
}

/* 메인 슬라이드 */
.index-slide {
	margin: 40px 0;
	padding-left: 24px;
}
.index-slide .index-swiper-container {position: relative;}
.index-slide .swiper-slide {
	width: 100%;
	height: auto;
	padding-bottom: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.index-slide .index-swiper-pagination {
	position: absolute;
	bottom: 32px;
	left: 0;
	z-index: 101;
	width: 100%;
	text-align: center;
}
.index-slide .swiper-pagination-bullet {cursor: pointer;}
.index-slide .swiper-pagination-bullet-active {background-color: #000;}

@media(min-width: 600px){

}

@media(min-width: 1025px){
	.index-slide {
		margin: 100px 0;
		padding-left: 0;
	}
	.index-slide .swiper-slide {
		height: 750px;
		padding-bottom: 0;
	}
}

/* 크리에이터 */
.index-creator .index-creator__title {
	padding: 40px 24px 40px 24px;
}
.index-creator .index-creator__content {
	padding-left: 24px;
}
.index-creator .index-creator__list {
	position: relative;
	box-sizing: border-box;
	width: 50%;
	padding: 1px;
	float: left;
}
.index-creator .index-creator__list img {width: 100%;}
.index-creator .index-creator__career--outer {padding: 14px 0 24px 0;}
.index-creator .index-creator__career--outer strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 12px;
	padding-right: 12px;
	
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.index-creator .index-creator__career {
	font-size: 12px;
	padding: 4px 12px 4px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;	
}
.index-creator .index-creator__title h2 {
	font-size: 32px;
	font-weight: 800;
	padding-bottom: 12px;
}
.index-creator .index-creator__title p {
	font-size: 16px;
	line-height: 1.4;
}
.index-creator .index-creator__title p br {display: none;}

@media(min-width: 600px){
	
}

@media(min-width: 1025px){
	.index-creator .index-creator__list {width: 25%;}
	.index-creator .index-creator__title {
		width: 410px;
		float: left;
		padding: 0;
	}
	.index-creator .index-creator--fixed.is-active {
		position: fixed;
		z-index: 1;
	}
	.index-creator .index-creator__content {
		width: calc(100% - 410px);
		float: left;
		padding-left: 0;
	}
	.index-creator .index-creator__career {padding: 4px 0;}
	.index-creator .index-creator__title h2 {font-size: 48px;}
	.index-creator .index-creator__title p {font-size: 21px;}
	.index-creator .index-creator__title p br {display: inline-block;}
	.index-creator .index-creator__career--outer {
		box-sizing: border-box;
		width: 100%;
		padding: 24px;
		position: absolute;
		top:0;
		left: 0;
	}
	.index-creator .index-creator__career--outer strong {padding-right: 0;}
}

/* 기업특강 */
.index-corporate--bg {
	background-color: #F9F9F9;
	padding: 60px 0 60px 0;
	margin-top: 40px;
}
.index-corporate .index-corporate__title {padding: 0 24px;}
.index-corporate .index-corporate__content {display: none;}
.index-corporate__content-mobile-outer {
	width: 100%;
	overflow: hidden;
}
.index-corporate .index-corporate__content-mobile {
	width: 80%;
	padding: 40px 0 0 24px;
}
.index-corporate .index-corporate__content-mobile .swiper-slide > img {width: 100%;}
.index-corporate .index-corporate__content-mobile .index-corporate__logo {width: 100px;}
.index-corporate .index-corporate__list {
	position: relative;
	box-sizing: border-box;
	width: 25%;
	padding: 1px;
	float: left;
	margin-bottom: 40px;
}
.index-corporate .index-corporate__list img {width: 100%;}

.index-corporate .index-corporate__title h2 {
	font-size: 32px;
	font-weight: 800;
	padding-bottom: 12px;
}
.index-corporate .index-corporate__title h3 {
	font-size: 16px;
	line-height: 1.4;
}
.index-corporate .index-corporate__title p {
	font-size: 14px;
	line-height: 1.75;
	padding-top: 24px;
	word-break: keep-all;
}
.index-corporate .index-corporate__content .index-corporate__logo {width: 100px;}
.index-corporate .index-corporate__label--outer strong {
	font-size: 14px;
	display: block;
}

@media(min-width: 600px){
	
}

@media(min-width: 1025px){
	.index-corporate--bg {
		background-color: #F9F9F9;
		padding: 180px 0 180px 60px;
		margin-top: 180px;
	}
	.index-corporate .index-corporate__title {
		box-sizing: border-box;
		width: 410px;
		padding: 0 60px 0 0;
		float: left;
	}
	.index-corporate .index-corporate__content {
		width: calc(100% - 410px);
		float: left;
	}
	.index-corporate .index-corporate__title h2 {font-size: 48px;}
	.index-corporate .index-corporate__title h3 {font-size: 21px;}
	.index-corporate .index-corporate__title p {
		font-size: 14px;
		padding-top: 32px;		
	}
	.index-corporate .index-corporate__content {display: block;}
	.index-corporate .index-corporate__content-mobile {display: none;}
}

/* 메인 포트폴리오 */
.index-portfolio {padding: 60px 0 40px 0;}
.index-portfolio .index-portfolio__title {
	padding: 0 24px;
}
.index-portfolio .index-portfolio__content {

}
.index-portfolio .index-portfolio__list {
	position: relative;
	box-sizing: border-box;
	width: 25%;
	padding: 1px;
	float: left;
	margin-bottom: 40px;
}

/*
.index-corporate .index-corporate__title h2 {
	font-size: 32px;
	font-weight: 800;
	padding-bottom: 12px;
}
.index-corporate .index-corporate__title h3 {
	font-size: 16px;
	line-height: 1.4;
}
.index-corporate .index-corporate__title p {
	font-size: 14px;
	line-height: 1.75;
	padding-top: 24px;
	word-break: keep-all;
}
*/

.index-portfolio .index-portfolio__title h2 {
	font-size: 32px;
	font-weight: 800;
	padding-bottom: 12px;
}
.index-portfolio .index-portfolio__title h3 {
	font-size: 16px;
	line-height: 1.4;
}
.index-portfolio .index-portfolio__title p {
	font-size: 14px;
	line-height: 1.75;
	padding-top: 24px;
	word-break: keep-all;
}

@media(min-width: 600px){
	
}

@media(min-width: 1025px){
	.index-portfolio--outer {padding-left: 60px;}	
	.index-portfolio {padding: 180px 0;}
	.index-portfolio .index-portfolio__title {
		box-sizing: border-box;
		width: 410px;
		padding-right: 60px;
		float: left;
	}
	.index-portfolio .index-portfolio__content {
		width: calc(100% - 410px);
		float: left;
	}
	.index-portfolio .index-portfolio__title h2 {
		font-size: 48px;
	}
	.index-portfolio .index-portfolio__title h3 {
		font-size: 21px;
	}
	.index-portfolio .index-portfolio__title p {
		font-size: 14px;
		padding-top: 32px;
	}	
}


/* 메인 포트폴리오 */
.index-portfolio .portfolio--outer {padding: 40px 0 0 24px;}
.portfolio__item {
	width: 25%;
	padding: 1px;
	margin-bottom: 1px;
}
.portfolio__item a {
	position: relative;
	overflow: hidden;
}
.portfolio__item a::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 90%);
	opacity: 0;
	transition: all .5s;
}
.portfolio__info {
	box-sizing: border-box;
	width: 100%;
	padding: 24px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 101;
	color: #fff;
	opacity: 0;
	transition: all .2s;	
}
.portfolio__info {}

.portfolio__item a:hover::after {opacity: 1;}
.portfolio__item a:hover .portfolio__info {
	opacity: 1;
	bottom: 0;
}
.portfolio__item .portfolio__data {
	top: auto;
	right: 24px;
	bottom: 20px;
}
.portfolio__item .portfolio__data p {
	display: inline-block;
	margin-left: 8px;
	font-size: 14px;
}
.portfolio__item .portfolio__data p span {margin-right: 2px;}

.portfolio__item .portfolio__data .icon-view {
	font-size: 18px;
}
.portfolio__item .portfolio__data .icon-comment {
	font-size: 18px;	
}
.portfolio__item .portfolio__data .icon-thumb {
	position: relative;
	top: -1px;
	font-size: 18px;
	margin-right: 4px;
}

.portfolio__item .portfolio__img {border-radius: 0;}

.index-portfolio .portfolio__item {width: 50%;}

@media(min-width: 600px){
	
}

@media(min-width: 1025px){
	.index-portfolio .portfolio--outer {padding: 0;}
	.index-portfolio .portfolio__item {width: 33.33%;}	
}

.item-sidebar--admin{
	display: inline-block;
	position: fixed;
	bottom: 32px;
	left: 32px;
}
.item-sidebar--admin a {
	font-size: 11px;
	border: 1px solid #000;
	color: #000 !important;
	padding: 16px 32px;
	background-color: #fff !important;
}
.item-sidebar--admin a:hover {color: #ff4800 !important;}


@media(min-width: 1025px){
	.page-index .footer {padding: 100px 60px;}
	.page-index .footer--outer {max-width: 100%;}
	
	.page-cart .footer--outer,
	.page-mypage-grade .footer--outer,
	.page-orderinquiry .footer--outer,
	.page-qalist .footer--outer,
	.page-mypage-holding .footer--outer,
	.page-mypage-classreview .footer--outer,
	.page-mypage-receipt .footer--outer,
	.page-visit_qalist .footer--outer,
	.page-mypage-holding-apply .footer--outer,
	.page-mypage-refund .footer--outer,
	.page-member_confirm .footer--outer,
	.page-coupon .footer--outer,
	.page-mileage .footer--outer,
	.page-mypage-grade .footer--outer,
	.page-faq .footer--outer,
	.page-orderform .footer--outer,
	.page-orderinquiryviewclass .footer--outer,
	.page-board-notice .footer--outer,
	.page-qawrite .footer--outer {max-width: 1240px;}
	
	.item-pagepage-item .footer--outer {max-width: 960px;}
	
/*
	.page-board-notice .footer--outer,
	.page-write-notice .footer--outer {max-width: 700px;}
*/
	
/* 	.page-board-notice .footer--side, */
	.item-pagepage-item .footer--side,
	.page-write-notice .footer--side,
	.item-pagepage-item .footer--bottom {display: none;}	
	
	.page-write-notice .desktop\:header,
	.page-board-notice .desktop\:header,
	.page-itemuselist .desktop\:header {border-bottom: 1px solid #ECECEC;}
	.class-community .side-layout-outer {
		max-width: 700px;
		padding: 0;
	}
	.class-review-side-bar.side-layout {
		box-sizing: border-box;
		left: auto !important;
		right: 0 !important;
		top: 113px !important;
		z-index: 101;
		padding: 40px 24px;
		border-left: 1px solid #ECECEC;
	
		position: fixed !important;
		width: 300px !important;
		height: calc( 100vh - 60px );
		overflow-y: scroll;
		background-color: #fff;
	}
	
	.page-itemuselist .side-layout-content {
		height: auto !important;
		min-height: calc( 100vh - 113px ) !important;
		padding: 0 !important;
	}
	.page-itemuselist .item-content,
	.page-itemuselist .item-content--wrapper,
	.page-itemuselist .item-content__title-group {padding: 0;}
	
	 .page-itemuselist .item-content__title-group {
		 padding: 70px 0 0 0;
		 margin-bottom: 20px;
	 }
	 .page-itemuselist #sps_empty {
		 text-align: center;
		 padding-top: 60px;
		 border-top: 1px solid #ECECEC;
	}
	.page-item .footer--outer .footer--side {display: none;}
	.page-item .footer--outer {max-width: 970px;}
}


@media(min-width: 1600px){ 
	.page-item .footer--outer .footer--side {display: block}	
}

.worry-swiper-container li {
	padding: 0 !important;
	border-radius: 4px;
	overflow: hidden;
}
.worry-swiper-container li::before {display: none !important;}
.worry-swiper-container .worry-slider-img {
	box-sizing: border-box;
	width: 100%;
	color: #fff;
	position: relative;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.worry-swiper-container .worry-slider-bg {
	height: 320px;
	padding: 40px;
	background: rgba(0,0,0,.75);
/* 	background: rgb(93,17,255); */
/* 	background: linear-gradient(90deg, rgba(93,17,255,0.9) 0%, rgba(128,0,255,0.9) 100%); */
}
.worry-swiper-container span {font-size: 12px;}
.worry-swiper-container h4 {
	font-size: 21px;
	padding: 16px 0 16px 0;
	line-height: 1.4;
}
.worry-swiper-container p {
	font-size: 16px;
	line-height: 1.75;
}

.worry-swiper-container .worry-slider-bg div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 40px;
	font-size: 14px;
}
.worry-swiper-container .worry-slider-bg div p {
	font-size: 	14px;
	line-height: 1.6;
	color: #fff;
}


.page-cart .table.table-border tbody td:first-of-type {
	vertical-align: top;
	padding-top: 44px;
}
.page-cart .no-data {padding: 40px !important;}

.page-visit_qalist .table-btn-group {padding: 24px 0 100px 0;}


/*
.page-login,
.page-register_result,
.page-register {background-color: #000;}
*/

@media(min-width:1025px){
	.page-orderform .page-head {padding-left: 56px;}
}

.page-orderform .cash-receipts {padding: 16px 0 34px 0;}
.page-orderform .cash-receipts .form-radio {margin: 0 12px 12px 0;}
.page-orderform .cash-receipts .form-floating {margin: -1px 0 12px 0;}
.page-orderform .radio_area {
	border: 1px solid #eee;
	padding: 14px 16px;
	background-color: #fafafa;	
	margin: 0;
}
.page-orderform .form-radio input[type="radio"] + .form-radio__circle::after {
	background-color: #1D6EEA;
	border-color: #1D6EEA;
}
.page-orderform .form-radio input[type="radio"]:checked + .form-radio__circle {border-color: #1D6EEA;}

.page-orderform .cash-receipts .form-checkbox {font-size: 12px;}
.page-orderform .bankbook-name {margin-top: -1px;}
.page-orderform .bankbook-number {
	margin: 0 !important;
	position: relative;
}
.page-orderform .bankbook-number .btn--copy {
	position: absolute;
	top: 6px;
	right: 20px;
}
.page-orderform .payment .payment-notice-list .list-disc {padding: 2px 4px 2px 12px;}
.page-orderform .payment .payment-notice-list .list-disc::before {
	top: 12px;
	background-color: #c9c9c9;
}

.upcoming--wrapper {padding: 50px 0;}
.page-board-portfolio .pagination {padding: 60px 0;}
.page-board-portfolio .table-btn-group {text-align: center;}


@media(min-width:1025px){
	.upcoming--wrapper {padding: 140px 0px 50px 0;}
}

.board {
	max-width: 700px;
	margin: 0 auto;
}
.board.notice {
	max-width: 700px;	
	padding: 100px 0;
}
.board.notice .notice-title {
	font-size: 36px;
	font-weight: 700;
	padding-bottom: 32px;
}
.board.notice .notice-title-subject {
	font-size: 20px;
	font-weight: 400;
}
.board.notice .board-head {border-bottom: 1px solid #eee;}
.board.notice .board-head .notice-time {
	display: block;
	font-size: 14px;
	padding: 10px 0 20px 0;
	color: #757575;
}
.board.notice .board-content-wrap {padding: 40px 0;}
.board.notice  .notice-content {
	line-height: 1.75;
	color: #757575;
	word-break: keep-all;
}

.board .board-list-btn,
.board .board-reply-btn,
.board .board-write-btn,
.board .board-modified-btn,
.board .board-deleted-btn,
.board .btn-cancel,
.board .btn-write-ok,
.board .btn-deleted,
.board .btn-ok {
	display: inline-block;
	font-size: 12px;
	height: 48px;
	line-height: 48px;
	padding: 0 24px;
	background-color: rgba(78,89,104,.07);
	color: #000;
}
.board .board-list-btn:hover,
.board .board-reply-btn:hover,
.board .board-write-btn:hover,
.board .board-modified-btn:hover,
.board .board-deleted-btn:hover,
.board .btn-cancel:hover,
.board .btn-deleted:hover,
.board .btn-ok:hover {border-color: rgba(78,89,104,.07);}

.board .board-btn-list-group {position: relative;}
.board .board-write-btn,
.board .btn-write-ok,
.board .btn-ok {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.board .board-btn-list li {display: inline-block;}
.board .board-btn-admin {
	position: absolute;
	top:0;
	right: 0;
}
.page-write-notice .sound_only,
.board .sound_only {display: none;}

.page-write-portfolio .btn_confirm {
	padding: 60px 0;
	text-align: center;
}
.board .btn-group-foot {
	text-align: center;
	padding-top: 60px;
}

.board-temporary {
	border: 1px solid #eee;
	margin: 10px 0;
	padding: 16px;
	background-color: #f5f5f5;
}
.board-temporary li:first-child {
	padding-top: 12px;
	border-top: 1px solid #ddd;
	margin-top: 12px;
}
.board-temporary li {
	padding: 12px 0 12px 12px;
	font-size: 14px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.board-temporary li span {
	position: absolute;
	bottom: 12px;
	right: 0;
	font-size: 12px;
}
.board-temporary li span .autosave_del {
	font-size: 12px;
	padding-left: 12px;
	position: relative;
	top: -2px;
}

.board .wr_content textarea {
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid #eee;
	font-size: 16px;
}
.board .none {display: none;}
.page-write-notice .form-input {
	height: auto;
	padding: 16px;
	margin: 6px 0;
}

.page-board-portfolio {
	overflow: inherit;
	padding-bottom: 100px;
}
/*
.page-board-portfolio .desktop\:header,
.page-board-portfolio .footer {display: none;}
*/
.board .notice-content-wrap img {width: 100%;}

.page-board-portfolio .sound_only {direction: none;}
.page-board-portfolio .portfolio-view {
	max-width: 1200px;
	padding: 0 100px;
	margin: 0 auto;
	position: relative;
}
.page-board-portfolio .portfolio-view img {width: 100%;}

.page-board-portfolio .portfolio-floating-btn-group {
	box-sizing: border-box;	
	width: 100px;
	position: absolute;
	top:0;
	right: 0;
	text-align: center;
}

.page-board-portfolio .portfolio-floating-btn-group-inner {
	box-sizing: border-box;
	width: 100px;
	position: fixed;
}

.portfolio-back-btn {
	display: inline-block;
	line-height: 100px;	
	text-align: center;
}

.page-board-portfolio .floating-like-btn {
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #ff4800;
	text-align: center;
	line-height: 46px;
	color: #fff;
}
.page-board-portfolio .floating-like-btn-label {
	display: block;
	font-size: 12px !important;
	height: auto;
	line-height: 1;
	padding-top: 10px;
}
.page-board-portfolio .floating-like-btn span {font-size: 18px;}
.page-board-portfolio .portfolio-content-text {
	padding: 60px 100px;
	background-color: #fff;
}
.page-board-portfolio .portfolio-content-text p {
	max-width: 1000px;
	font-size: 16px;
	color: #757575;
	line-height: 1.75;
}

.portfolio-back-btn .material-icons {
	font-size: 48px;
	color: #fff;
}
/*
.page-board-portfolio .portfolio-view header,
.page-board-portfolio .portfolio-view .portfolio-data {display: none;}
*/
/* .page-board-portfolio .portfolio-view {background-color: #fff;} */
.page-board-portfolio #bo_v_img {
	padding: 0;
	margin: 60px 0 0 0;
}
.page-board-portfolio .btn_prv,
.page-board-portfolio .btn_next {
	position: absolute;
	bottom: 0px;
	text-align: center;
	color: #fff;
}
.page-board-portfolio .btn_prv .nb_tit,
.page-board-portfolio .btn_next .nb_tit {
	display: inline-block;
	font-size: 12px;
	padding-top: 8px;
}
.page-board-portfolio .btn_prv {left: -60px;}
.page-board-portfolio .btn_next {right: -60px;}

.page-board-portfolio .btn_prv a,
.page-board-portfolio .btn_next a {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #333;
}

.page-board-portfolio .btn_prv .btn_prv-wrap {
	position: fixed;
	bottom: 100px;
	left: calc(calc((100% - 1000px) / 2) - 70px);
}
.page-board-portfolio .btn_next .btn_prv-wrap {
	position: fixed;
	bottom: 100px;
	right: calc(calc((100% - 1000px) / 2) - 70px)
}

.page-board-portfolio .bo_v_nb {display: none;}
.page-write-portfolio .form-input{
	height: auto;
	padding: 16px;
}

.page-write-portfolio .file-group .bo_w_flie:first-child {margin: 40px 0;}
.page-write-portfolio .file-group .bo_w_flie:first-child::before {
	content: "썸네일 이미지 업로드";
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 12px;
}
.page-write-portfolio .file-group .bo_w_flie:nth-child(2)::before {
	content: "상세이미지 이미지 업로드";
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 12px;
}

.page-board-portfolio .portfolio-file-wrap img:first-child {display: none;}


.page-board-portfolio .board-comment-wrap {
	padding: 0 100px 70px 100px;
	border-top: 1px solid #eee;
	background-color: #fff;
}

.page-board-portfolio .board-comment-wrap .no-data {
	text-align: center;
	padding: 100px 0 20px 0;
	color: #757575;
}

.page-board-portfolio .cmt_contents{
	max-width: 800px;
}
.board-comment-wrap .comment-list {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	font-size: 13px;
	font-weight: 600;
}
.board-comment-wrap .comment-list .bo_vc_hdinfo {
	font-size: 12px;
	font-weight: 400;
	margin-left: 8px;
	vertical-align: bottom;
	color: #9E9D9E;
}
.board-comment-wrap .comment-list .comment-list-user-name {font-size:12px;}
.board-comment-wrap .comment-list.comment-reply-list {padding-left: 28px;}
.board-comment-wrap .comment-list .bo_vc_act {
	position: absolute;
	top: 20px;
	right: 0;
}
.board-comment-wrap .comment-list .bo_vc_act li {
	display: inline-block;
	margin-left: 12px;
}
.board-comment-wrap .comment-list .bo_vc_act li a {font-size: 12px;}
.board-comment-wrap .comment-list header {padding-bottom: 12px;}
.board-comment-wrap .comment-list .cmt_contents p {
	font-size: 14px;
	color: #757576;
	line-height: 1.75;
	word-break: keep-all;
}
.board-comment-wrap .comment-list .comment-list-user-thum img {
	width: 40px;
	height: 40px;
	border-radius: 4px;
}

.board-comment-wrap .sound_only {display: none;}

.comment-list-user-thum {float: left;}
.comment-list-content {
	overflow: hidden;
	padding: 6px 0 0 12px;
}
.comment-list-content-foot {
	padding: 0 40px 40px 40px;
	background-color: #fff;
}

.comment-list-reply {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 0;
	margin-top: 12px;
}
.comment-list-content textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
	border: 1px solid #ddd;
	border-bottom: 0;
	margin-top: 12px;
	margin-bottom: -2px;
}

.comment-list-reply-wrap {
	display: block;
	position: relative;
	box-sizing: border-box;
}
.comment-list-reply-wrap .btn_confirm {
	border: 1px solid #ddd;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	background-color: #fafafa;
}
.comment-list-reply-wrap .btn_confirm p {
	font-size: 11px;
	color: #757575;
	padding: 12px 16px;
}
.comment-list-reply-wrap .btn_confirm .btn_submit {
	position: absolute;
	top: 2px;
	right: 2px;
	height: 32px;
	padding: 0 16px;
	font-size: 12px;
	border-radius: 2px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
}

/*
.page-password_lost,
.page-password_lost2 {background-color: #000;}
*/

.page-register .alert {
	height: 500px;
	overflow-y: scroll;
}

.alert {padding: 0;}
.theme-alert-scroll .alert__head {padding: 20px;}
.alert .alert__content.agree {
	box-sizing: border-box;
	height: 410px;
	overflow-y: scroll;
	padding: 0 20px 20px 20px !important;
	
	font-size: 12px;
	line-height: 1.75;
	word-break: keep-all;
	white-space: pre-line;
}
.alert .alert__foot {
	position: absolute;
	top:0;
	right: 0;
}
.alert .alert__foot button {color: #000;}
.alert .alert__head strong {line-height: 1.2;}
.page-orderinquiry .back-btn-wrap {display: none;}

.index-mobile-header {display: none;}
.de_bank_use span {margin-right: 6px;}

.page-visit_qalist .no-data-title,
.page-qalist .no-data-title {
	text-align: center;
	font-size: 14px;
	color: #757575;
	padding: 80px 0;	
}

.page-visit_qalist .no-data-title {border-bottom: 1px solid #ddd;}

/* 상세페이지 포트스 디자인 */
.post {
	max-width: 700px;
	padding: 100px 0 100px 40px;
	margin: 0 auto;
	position: relative;
}
.post h2 {
/* 	padding-bottom: 36px;	 */
	font-size: 32px;
	font-weight: 200;
	line-height: 1.4;
	letter-spacing: -0.040em;
	word-break: keep-all;
}
.post .subject {position: relative;}
.post .subject img {
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 8px;
	left: -52px;
	border-radius: 4px;
}

.post h3 {
	padding-top: 60px;	
	font-size: 21px;
	font-weight: 300;
	line-height: 1.4;
	word-break: keep-all;	
}
.post h4 {
	padding-top: 16px;	
	font-size: 18px;
	font-weight: 300;	
	line-height: 1.5;
	word-break: keep-all;	
}
.post h5 {
	font-size: 14px;
	font-weight: 300;	
	line-height: 1.4;
	padding-bottom: 8px;
	word-break: keep-all;		
}
.post h6 {
	font-size: 12px;
	font-weight: 300;	
	line-height: 1.4;
	padding-bottom: 8px;
	word-break: keep-all;		
}
.post p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.8;	
	padding-top: 12px;
	word-break: keep-all;	
}
.post ul {
	padding-top: 12px;
	counter-reset:list-number;
}
.student-output-overview li,
.post li {
	padding: 0 0 12px 28px !important;	
	position: relative;
	font-size: 14px;
	color: #757575;
  	line-height: 1.75 !important;
	word-break: keep-all;
	counter-increment:list-number;	
}
.student-output-overview li::before,
.post li::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #f5f5f5;
	
	position: absolute;
	top: 3px;
	left: 0;
	
	content: counter(list-number);
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
}
/* .post li:last-child {padding-bottom: 0;} */
.post img {
	width: 100%;
	margin-top: 24px;
	border-radius: 4px;
}
.post hr {
	display: block;
	padding: 0 0 38px 0;
	border: 0;
	margin: 0;
}
.post span {
	display: block;
	padding-top: 12px;
	font-size: 12px;
	color: #757575;
	text-align: center;
}

.post .video {
	width: 100%;
	padding-bottom: 56.25%;
	margin-top: 24px;
	position: relative;
}
.post .video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* 클래스 커버 */
.item-pagepage-item .class-cover {
	display: table;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1920px;
}
.item-pagepage-item .class-cover-inner {
	display: table-cell;
	box-sizing: border-box;
	width: 100%;
	padding: 0 56px;
	margin: 0 auto;
	vertical-align: middle;
	color: #fff;
}
.item-pagepage-item .class-cover-inner h1 {
	font-size: 80px;
	font-weight: 700;
}
.item-pagepage-item .class-cover-inner p {
	padding-top: 24px;
	font-size: 16px;
}
.item-pagepage-item .class-cover-inner p strong {font-weight: 700;}
.page-register_form .mypage__hp-change .btn_hp_cert {display: block !important;}
.worry-swiper-container li {padding: 0 !important;}


#hd_pop .hd_pops {
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	z-index: 101 !important;
	width: 450px !important;
	height: 487px !important;
	margin: -225px 0 0 -225px !important;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
#hd_pop .hd_pops img {width: 100%;}
#hd_pop .hd_pops_con {
	width: 100% !important;
	height: auto !important;
}
#hd_pop .hd_pops_con a {
	display: block;
	width: 100% !important;
	height: 100px;
}
#hd_pop .notice-bg {
	width: 100%;
	height: 100px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 1920px;
}
#hd_pop .hd_pops_footer {
/* 	display: none; */
	box-sizing: border-box;
	width: 100%;
	padding: 12px;
	background-color: #000;
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
}
#hd_pop .hd_pops_footer button {
	color: #fff;
	font-size: 12px;
}
#hd_pop .hd_pops_footer .hd_pops_close {
	position: absolute;
	top: 12px;
	right: 12px;
}


.page-register_member .email_msg {
	font-size: 12px;
	padding-top: 4px;
	line-height: 1.5;
	color: red;
}

.page-register_member .terms-list-outer a {color: #333;}

.page-board-portfolio #bo_v_top {background-color: #fff;}
.page-board-portfolio .bo_v_left {
	padding: 0 40px 20px 20px;
	text-align: right;
}
.page-board-portfolio .bo_v_left li {display: inline-block;}
.page-board-portfolio .bo_v_left .btn{
	height: 48px;
	line-height: 48px;
	padding: 0 24px;
	background-color: #000;
	color: #fff;
	border-color: #000;
	border-radius: 4px;
}


.popup-notice {
	box-sizing: border-box;
	width: 400px;
	padding: 40px 24px;
	position: fixed;
	bottom: 10px;
	left: 50%;
	margin-left: -200px;
	z-index: 10000001 !important;
	box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.25),
				0 25px 50px -12px rgba(0, 0, 0, 0.25);
	border-radius: 12px;
	text-align: center;
	background-color: #0078FF;
}
.popup-notice strong {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
	color: #fff;
	letter-spacing: -0.050em;
}
.popup-notice > span {
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 8px 0 0 0;
}
.popup-notice .btn-popup-close {
	background-color: rgba(0,0,0,.2);
	position: absolute;
	top: 6px;
	right: 6px;
	border-radius: 12px;
	color: #fff;
	font-size: 18px;
	padding: 4px;
}

.m-none {display: none;}
.d-none {display: block;}
@media(min-width:1025px){
	.m-none {display: block;}
	.d-none {display: none;}
}