@charset "utf-8";

@font-face {

	font-family:'pre_R';

	font-style:normal;

	src:	url('/global_common/font/Pretendard-Regular.eot');

	src:	url('/global_common/font/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),

			local(※), 

			url('/global_common/font/Pretendard-Regular.woff') format('woff');

	font-display: swap;
}


@font-face {

	font-family:'pre_M';

	font-style:normal;

	src:	url('/global_common/font/Pretendard-Medium.eot');

	src:	url('/global_common/font/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),

			local(※), 

			url('/global_common/font/Pretendard-Medium.woff') format('woff');

}



@font-face {

	font-family:'pre_SB';

	font-style:normal;

	src:	url('/global_common/font/Pretendard-SemiBold.eot');

	src:	url('/global_common/font/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),

			local(※), 

			url('/global_common/font/Pretendard-SemiBold.woff') format('woff');

}



@font-face {

	font-family:'pre_B';

	font-style:normal;

	src:	url('/global_common/font/Pretendard-Bold.eot');

	src:	url('/global_common/font/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),

			local(※), 

			url('/global_common/font/Pretendard-Bold.woff') format('woff');

}  



@font-face {

	font-family:'pre_EB';

	font-style:normal;

	src:	url('/global_common/font/Pretendard-ExtraBold.eot');

	src:	url('/global_common/font/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),

			local(※), 

			url('/global_common/font/Pretendard-ExtraBold.woff') format('woff');

}  

     

@font-face {

	font-family:'numj_R';

	font-style:normal;

	src:	url('/global_common/font/NanumMyeongjo.eot');

	src:	url('/global_common/font/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),

			local(※), 

			url('/global_common/font/NanumMyeongjo.woff') format('woff');

}  

@font-face {

	font-family:'numj_B';

	font-style:normal;

	src:	url('/global_common/font/NanumMyeongjoBold.eot');

	src:	url('/global_common/font/NanumMyeongjoBold.eot?#iefix') format('embedded-opentype'),

			local(※), 

			url('/global_common/font/NanumMyeongjoBold.woff') format('woff');

}  

    

    


/* root */
:root {


  /* 16px */
	--font-size-defult: 1rem;

  /* 20px */
	--font-size-m: 1.25rem;

  --boxshadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

/* Common ***/
html, body { height: 100%; }
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin: 0;
	padding: 0;
	font-family: 'pre_R';
	font-size: var(--font-size-default);
	-webkit-text-size-adjust:none;
	color: #fff;
}
.div * {
  box-sizing: border-box;
}
section, nav, article, aside, hgroup, header, footer {
	display: block;
}
input, textarea, select, button, table {
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
img,input,select {
    vertical-align: middle;
}
img, fieldset {
	border: 0;
}
ul, ol {
	list-style: none;
}
em, address {
	font-style: normal;
}
a {
	color: inherit;
	text-decoration: none;
    -webkit-tap-highlight-color: transparent; 
}
a:link, a:visited, a:active { text-decoration: none; }
input:focus { outline: none; border-color: inherit; }
textarea:focus { outline: none; border-color: inherit; }

.cursor {
    cursor: pointer;
}
button {
    cursor: pointer;
}

/*** txt ***/
.txt_center { text-align: center; }
.txt_right { text-align: right; }
.br { border: 1px solid red; }
.bold { font-weight:bold;}
.txt_orange { color: #ff9000; }
.txt_blue { color: #3399ff; }
.txt_green { color: #669900; }
.txt_red { color: #ff0000; }
.txt_black { color: #000; }
.txt_purple { color: #5642bf; }

/*** margin padding ***/
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt60 { margin-top: 60px !important; }
.mgt70 { margin-top: 70px !important; }
.mgt80 { margin-top: 80px !important; }
.mgt90 { margin-top: 90px !important; }
.mgt100 { margin-top: 100px !important; }
.mgt110 { margin-top: 110px !important; }
.mgt-20 { margin-top: -20px !important; }
.mgt-70 { margin-top: -70px !important; }

.mgr3 { margin-right: 3px !important; }
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr30 { margin-right: 30px !important; }

.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgb70 { margin-bottom: 70px !important; }

.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl50 { margin-left: 50px !important; }
.mgl-50 { margin-left: -50px !important; }

.mgt_none { margin-top: 0 !important;}

/*** padding ***/
.pdt5 { padding-top: 5px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt30 { padding-top: 30px !important; }
.pdt35 { padding-top: 35px !important; }
.pdt60 { padding-top: 60px !important; }
.pdt70 { padding-top: 70px !important; }
.pdt80 { padding-top: 80px !important; }
.pdt90 { padding-top: 90px !important; }
.pdt100 { padding-top: 100px !important; }


.pdr5 { padding-right:5px !important; }
.pdr10 { padding-right: 10px !important; }
.pdr15 { padding-right: 15px !important; }
.pdr20 { padding-right: 20px !important; }
.pdr40 { padding-right:40px !important; }

.pdb5 { padding-bottom: 5px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb15 { padding-bottom: 15px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb30 { padding-bottom: 30px !important; }
.pdb40 { padding-bottom: 40px !important; }
.pdb50 {padding-bottom: 50px !important; }
.pdb70 { padding-bottom: 70px !important; }
.pdb100 { padding-bottom: 100px !important; }

.pdl5 { padding-left: 5px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl15 { padding-left: 15px !important; }
.pdl20 { padding-left:20px !important; }

/*** layout ***/

.flexBox {
    display: flex;
    display: -webkit-flex;
    /*display: -ms-col;*/
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.s_between {
	justify-content:space-between;
}
.flex_column {
	display: flex;
	flex-direction: column;
}

/* btn ***/
.btn_round_basic {
	width: 100%;
	border-radius: 50px;
	border: 1px solid #450E6E;
	height: 46px;
	padding: 0px 16px;
	box-sizing: border-box;
}
.btn_round_basic span {
	display: inline-block;
	padding-left: 27px;
	color: var(--Font-01_White, #FFF);
	font-family: Pre_SB;
	font-size: 16px;
	line-height: 20px; /* 125% */
	letter-spacing: -0.4px;
}
.btn_round_in {
	width: 100%;
	padding: 12px 16px;
	border-radius: 50px;
	border: 0.5px solid #AC57EB;
	background: #7633A9;
	color: var(--Font-01_White, #FFF);
	font-family: Pre_M;
	font-size: 14px;
	line-height: 20px; /* 142.857% */
	letter-spacing: -0.35px;
}
.btn_round_line {
	border-radius: 30px;
	border: 1px solid #A471C7;
	background: none;
	color: #FFF;
	font-size: 12px;
	letter-spacing: -0.06px;
	max-width: 240px;
	width: 100%;
}
.btn_round_purple {
	height: 40px;
	width: 100%;
	border-radius: 30px;
	background: #AC57EB;
	border: none;
	color: #FFF;
	font-family: Pre_M;
	font-size: 14px;
	line-height: 18px; /* 128.571% */
	letter-spacing: -0.07px;
}
.btn_round {
	height: 50px;
	width: 100%;
	border-radius: 30px;
	border: 1px solid #41076B;
	background: #AC57EB;
}
.btn_round span{
	display: inline-block;
	padding-left: 25px;
	background-size: 14px;
	color: #FFF;
	font-family: Pre_M;
	font-size: 14px;
	line-height: 24px; /* 171.429% */
}
.btn_round span.none{ 
	padding-left: 0px;
}
.btn_round_40 {
	height: 40px;
	padding: 0px 14px;
	border-radius: 30px;
	border: 1px solid #AC57EB;
	box-sizing: border-box;
	color: #FFF;
	font-family: Pre_SB;
	font-size: 12px;
	line-height: 18px; /* 150% */
	letter-spacing: -0.06px;
	background: none;
}
.btn_round_40.on {
	background: #AC57EB;
}
.btn_round span.check{
	background: url(/images/btn_check.svg) left center no-repeat;
}
.btn_round span.card {
	background: url(/images/btn_card.svg) left center no-repeat;
}
.btn_round span.setting {
	background: url(/images/btn_setting.svg) left center no-repeat;
}
.btn_round span.pwd {
	background: url(/images/btn_pwd.svg) left center no-repeat;
}
.btn_round span.coupon {
	background: url(/images/btn_coupon.svg) left center no-repeat;
}
.btn_round span.modify {
	background: url(../images/btn_modify.svg) left center no-repeat;
}
.btn_round span.customer{
	background: url(../images/btn_customer.svg) left center no-repeat;
}
.btn_possible { 
	background: #AC57EB;
}
.btn_possible span {
	background: url(/images/icon_tel_possible.svg) left center no-repeat;
}
.btn_counseling, .btn_booking {
	background: #6C2D9A;
}
.btn_round_sm.btn_booking, .btn_round_sm.btn_counseling{
	background: #6C2D9A !important;
}
.btn_counseling span {
	background: url(/images/icon_tel_counseling.svg) left center no-repeat;
}
.btn_booking span {
	background: url(/images/icon_tel_booking.svg) left center no-repeat;
}
.btn_absent{
	background: #5E357C;
}
.btn_absent span {
	background: url(/images/icon_tel_absent.svg) left center no-repeat;
}
.btn_round_sm.btn_absent {
	background: #5E357C !important;
}
.btn_cancel {
	height: 46px;
	width: 100%;
	border-radius: 30px;
	background: #70319F;
	border: none;
	color: #FFF;
	font-family: Pre_SB;
	font-size: 16px;
	line-height: 18px; /* 112.5% */
	letter-spacing: -0.08px;
}
.btn_cancel_s {
	height: 40px;
	width: 100%;
	border-radius: 30px;
	background: #70319F;
	border: none;
	color: #FFF;
	font-family: Pre_SB;
	font-size: 14px;
	letter-spacing: -0.08px;
}
.btn_regi {
	height: 46px;
	width: 100%;
	border-radius: 30px;
	background: #AC57EB;
	border: none;
	color: #FFF;
	font-family: Pre_SB;
	font-size: 16px;
	line-height: 18px; /* 112.5% */
	letter-spacing: -0.08px;
}
.btn_regi_s {
	height: 40px;
	width: 100%;
	border-radius: 30px;
	background: #AC57EB;
	border: none;
	color: #FFF;
	font-family: Pre_SB;
	font-size: 14px;
	line-height: 18px; /* 112.5% */
	letter-spacing: -0.08px;
}
.btn_round_sm {
	padding: 4px 20px;
	border-radius: 50px;
	border: 1px solid #2A0A42;
	background: #AC57EB;
	color: #FFF;
	font-family: Pre_SB;
	font-size: 12px;
	line-height: 24px; /* 200% */
}
.btn_line_s {
	border-radius: 30px;
	border: 1px solid #804CA6;
	padding: 2px 11px;
	color: #FFF;
	font-family: Pre_M;
	font-size: 12px;
	line-height: 18px; /* 150% */
	letter-spacing: -0.06px;
	background: none;;
}
.btn_line_xs {
	padding: 2px 11px;
	box-sizing: border-box;
	border-radius: 30px;	
	border: 1px solid #C593E9;
	background: none;
	color: #FFF;
	font-family: Pre_M;
	font-size: 12px;
	line-height: 18px; /* 150% */
	letter-spacing: -0.06px;
}