body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,article,aside,dialog,footer,header,section,footer,nav,figure,main{margin:0;
padding:0}
*{-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block}
html,body{height:100%;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none}
img,form,fieldset,svg,li{border:0;
vertical-align:top}
ul,ol{list-style:none}
button{overflow:visible;
border:0;
background-color:transparent;
cursor:pointer}
button:disabled{cursor:default}
button::-moz-focus-inner{padding:0;
margin:-1px}
input,button,select{-webkit-border-radius:0;
border-radius:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;
border-spacing:0}
*,*::before,*::after{-webkit-box-sizing:border-box;
box-sizing:border-box}
body,input,select,textarea,button{font-family:PretendardVariable, "Nanum BarunGothic", "Malgun Gothic",
 "Apple SD Gothic Neo", Dotum, sans-serif}
.blind,caption span,legend{overflow:hidden;
position:absolute;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
text-indent:-9999px}
.skip{height:0}
.skip a{display:block;
position:absolute;
left:0;
top:-100px;
width:100%;
height:25px;
text-align:center}
.skip a:focus,#skip a:active{position:absolute;
top:0;
z-index:100;
padding:10px 0;
background:#000;
font-weight:bold;
color:#fff;
font-size:20px;
text-decoration:none}
body{background-color:#f5f6f7;
font-weight:400;
line-height:1.2;
color:#333}
button{cursor:pointer;
color:inherit;
line-height:1.2;
outline:none}
a{text-decoration:none;
color:#333}
h1,h2,h3,h4,h5,h6{font-weight:700}
img{display:block;
-o-object-fit:cover;
object-fit:cover;
max-width:100%}
input{border:0;
outline:none}
input:focus{outline:none}
.container{max-width:1352px;
width:100%;
margin:0 auto;
padding:0 16px}
.font-normal{font-weight:400}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.heading-xl{font-size:56px}
@media screen and (max-width: 1023px){.heading-xl{font-size:50px}
}
@media screen and (max-width: 768px){.heading-xl{font-size:28px}
}
.heading-lg{font-size:32px}
@media screen and (max-width: 768px){.heading-lg{font-size:24px}
}
.heading-md{font-size:28px}
.heading-sm{font-size:24px}
.heading-xs{font-size:20px}
.text-center{text-align:center}
.text-xs{font-size:12px}
.text-sm{font-size:14px}
.text-base{font-size:16px}
.text-md{font-size:18px}
.text-lg{font-size:20px}
@media screen and (max-width: 1023px){.text-lg{font-size:18px}
}
.text-xl{font-size:24px}
@media (max-width: 768px){.only-pc{display:none !important}
}
@media (min-width: 769px){.only-mo{display:none !important}
}
@font-face{font-family:'PretendardVariable';
font-weight:45 920;
font-style:normal;
font-display:swap;
src:url("../font/PretendardJPVariable.woff2") format("woff2-variations")}
.is-scroll-lock{overflow:hidden}
.layer{display:none;
position:fixed;
top:0;
bottom:0;
left:0;
z-index:99999;
width:100%;
height:100vh}
.dimmed{position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:10;
background-color:#000;
opacity:0.64}
.popup-area{overflow:hidden;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
z-index:10;
border-radius:24px;
background-color:#e9f4ff;
text-align:center}
@media screen and (max-width: 768px){.popup-area{border-radius:16px}
}
.popup-area .btn-close{position:absolute;
top:20px;
right:20px;
width:24px;
height:24px}
.popup-head{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:8px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center}
@media screen and (max-width: 1023px){.popup-head{gap:4px}
}
.popup-title{font-size:30px}
@media screen and (max-width: 1023px){.popup-title{margin-top:4px;
font-size:20px}
}
@media screen and (max-width: 1023px){.popup-subtitle{font-size:12px}
}
.popup-logo{width:86px}
.popup-btn{margin-top:12px}
.popup-btn .btn{min-width:90px;
padding:10px 16px;
background-color:#fff;
border:1px solid #e7e7f0;
border-radius:8px;
color:#333;
font-weight:400;
font-size:14px}
@media screen and (max-width: 1023px){.popup-btn .btn{min-width:62px;
padding:6px 12px;
font-size:12px}
}
.popup-btn .btn:hover{border-color:#808080}
.popup-item{width:480px;
padding:28px 24px 24px;
border-radius:24px;
max-width:90vw;
max-height:90vh;
overflow-y:auto}
@media screen and (max-width: 768px){.popup-item{width:90vw;
padding:20px;
border-radius:16px}
}
.popup-item.popup-location{width:984px;
max-height:90vh;
padding:0;
background-color:#fff;
border-radius:24px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
overflow:hidden}
@media screen and (max-width: 768px){.popup-item.popup-location{width:95vw;
border-radius:12px}
}
.popup-item.popup-location .popup-location-header{-ms-flex-negative:0;
flex-shrink:0;
padding:32px 40px 16px}
@media screen and (max-width: 1023px){.popup-item.popup-location .popup-location-header{padding:24px 16px 16px}
}
.popup-item.popup-location .popup-location-header .location-title{font-size:24px;
color:#333;
margin:0;
text-align:left}
@media screen and (max-width: 1023px){.popup-item.popup-location .popup-location-header .location-title{font-size:20px}
}
.popup-item.popup-location .popup-location-content{-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-y:auto}
.popup-item.popup-location .popup-location-content .location-info{padding:0;
margin:0 40px;
background-color:#fefefe;
border:2px solid #e7e7f0;
border-left:0;
border-right:0}
@media screen and (max-width: 768px){.popup-item.popup-location .popup-location-content .location-info{margin:0 16px 0}
}
.popup-item.popup-location .popup-location-content .location-info .info-item{display:table;
width:100%;
table-layout:fixed;
border-bottom:1px solid #e7e7f0}
.popup-item.popup-location .popup-location-content .location-info .info-item:first-child,.popup-item.popup-location .popup-location-content .location-info .info-item:nth-child(2){border-bottom:2px solid #e7e7f0}
@media screen and (max-width: 1023px){.popup-item.popup-location .popup-location-content .location-info .info-item .location-label{width:104px}
}
@media screen and (max-width: 1023px){.popup-item.popup-location .popup-location-content .location-info .info-item:first-child,.popup-item.popup-location .popup-location-content .location-info .info-item:last-child{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column}
.popup-item.popup-location .popup-location-content .location-info .info-item:first-child .location-label,.popup-item.popup-location .popup-location-content .location-info .info-item:last-child .location-label{width:100%;
border-right:none}
.popup-item.popup-location .popup-location-content .location-info .info-item:first-child p,.popup-item.popup-location .popup-location-content .location-info .info-item:last-child p{border-top:1px solid #e7e7f0}
}
@media screen and (max-width: 1023px){.popup-item.popup-location .popup-location-content .location-info .info-item:nth-child(2) p{padding:8px 16px}
}
.popup-item.popup-location .popup-location-content .location-info .info-item:last-child{border-bottom:none}
.popup-item.popup-location .popup-location-content .location-info .info-item .location-label{display:table-cell;
font-size:14px;
margin:0;
padding:10px 0;
width:160px;
vertical-align:middle;
text-align:left;
border-right:1px solid #e7e7f0}
@media screen and (max-width: 768px){.popup-item.popup-location .popup-location-content .location-info .info-item .location-label{font-size:14px;
width:80px;
padding:8px 0}
}
.popup-item.popup-location .popup-location-content .location-info .info-item p{display:table-cell;
font-size:14px;
margin:0;
line-height:1.4;
vertical-align:middle;
text-align:left;
padding:10px 16px;
background-color:#fff}
@media screen and (max-width: 1023px){.popup-item.popup-location .popup-location-content .location-info .info-item p{font-size:14px;
padding:8px 0}
}
.popup-item.popup-location .popup-location-content .location-map{padding:0}
.popup-item.popup-location .popup-location-content .location-map iframe{display:block;
border-top:1px solid #e7e7f0;
border-bottom-left-radius:16px;
border-bottom-right-radius:16px}
@media screen and (max-width: 768px){.popup-item.popup-location .popup-location-content .location-map iframe{border-bottom-left-radius:12px;
border-bottom-right-radius:12px}
}
.popup-item .btn.btn-primary{margin-top:24px;
padding:14px 24px;
font-size:24px;
gap:0}
@media screen and (max-width: 1023px){.popup-item .btn.btn-primary{font-size:16px;
padding:10px 16px}
}
.popup-item .btn.btn-primary:hover .icon-arrow-right-23px{background-image:url("data:image/svg+xml, %3Csvg width='23' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_25_5)'%3E%3Cpath d='M7.803 16.931l4.92-4.93-4.92-4.932 1.515-1.515L15.764 12l-6.446 6.446-1.515-1.515z' fill='%2300C457'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25_5'%3E%3Cpath fill='%23fff' transform='translate(.041 .54)' d='M0 0h22.919v22.919H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:23px 23px;
background-size:23px 23px}
.popup-content{margin-top:20px;
padding:24px 28px;
background-color:#fff;
border-radius:16px}
@media screen and (max-width: 1023px){.popup-content{margin-top:12px;
padding:16px}
}
.popup-content-title{font-size:24px}
@media screen and (max-width: 1023px){.popup-content-title{font-size:16px}
}
.popup-content-subtitle{margin-top:8px}
@media screen and (max-width: 1023px){.popup-content-subtitle{font-size:12px}
}
.popup-content .benefit-list{margin-top:16px;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:8px}
@media screen and (max-width: 1023px){.popup-content .benefit-list{margin-top:10px}
}
.popup-content .benefit-list li{overflow:hidden;
width:100%;
border-radius:8px}
.popup-content .site-map-grid{margin-top:16px;
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:24px;
text-align:left}
@media screen and (max-width: 768px){.popup-content .site-map-grid{grid-template-columns:1fr;
gap:20px}
}
.popup-content .site-map-grid .site-map-section h4{font-size:18px;
font-weight:700;
margin-bottom:12px;
color:#00c457}
@media screen and (max-width: 768px){.popup-content .site-map-grid .site-map-section h4{font-size:16px}
}
.popup-content .site-map-grid .site-map-section ul{list-style:none}
.popup-content .site-map-grid .site-map-section ul li{margin-bottom:8px}
.popup-content .site-map-grid .site-map-section ul li a{color:#333;
text-decoration:none;
font-size:14px;
-webkit-transition:color 0.2s ease;
transition:color 0.2s ease}
.popup-content .site-map-grid .site-map-section ul li a:hover{color:#00c457;
text-decoration:underline}
@media (max-width: 768px){.popup-content .site-map-grid .site-map-section ul li a{font-size:13px}
}
.btn{display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:8px;
padding:24px 40px;
background-color:transparent;
border-radius:9999px;
font-size:40px;
font-weight:700;
border:1px solid transparent;
color:#fff;
-webkit-transition:all 0.25s;
transition:all 0.25s}
@media screen and (max-width: 768px){.btn{gap:0;
padding:16px 32px;
font-size:18px}
}
.btn-primary{background-color:#00c457}
.btn-primary:disabled{background-color:#bfbfbf;
pointer-events:none}
.btn-primary:hover{color:#00c457;
background-color:#fff;
border-color:#00c457}
.btn-primary:hover .icon-chevron-right{background-image:url("data:image/svg+xml, %3Csvg width='20' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_358_9072)'%3E%3Cpath d='M3.66 28.454L12.095 20 3.66 11.546 6.257 8.95 17.307 20 6.257 31.05 3.66 28.454z' fill='%2300C457'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_358_9072'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h20v39H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:20px 39px;
background-size:20px 39px}
.btn-small{padding:20px 67px;
font-size:32px;
gap:4px}
@media screen and (max-width: 768px){.btn-small{padding:13px 20px;
font-size:24px}
}
.btn-small:hover .icon-chevron-small-right{background-image:url("data:image/svg+xml, %3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16_5)'%3E%3Cpath d='M6.738 19.385l6.87-6.885-6.87-6.885L8.853 3.5l9 9-9 9-2.115-2.115z' fill='%2300C457'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16_5'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.btn-secondary{background-color:#222;
border-color:#222}
.btn-secondary:hover{background-color:#fff;
color:#222}
.btn-secondary:hover .icon-chevron-right-light{background-image:url("data:image/svg+xml, %3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_362_10992)'%3E%3Cpath d='M6.738 19.385l6.87-6.885-6.87-6.885L8.853 3.5l9 9-9 9-2.115-2.115z' fill='%23222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_362_10992'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.btn-text{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center}
.btn-large{padding:24px 72px}
.icon{display:inline-block;
width:24px;
height:24px}
.icon-calendar{background-image:url("data:image/svg+xml, %3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_248_5278)'%3E%3Cpath d='M19 4.5h-1v-2h-2v2H8v-2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20.5a2 2 0 002 2h14c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2zm0 16H5v-10h14v10zm0-12H5v-2h14v2zm-10 6H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z' fill='%23333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_5278'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.icon-chevron-right{width:20px;
height:39px;
background-image:url("data:image/svg+xml, %3Csvg width='20' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_358_9065)'%3E%3Cpath d='M3.66 28.454L12.095 20 3.66 11.546 6.257 8.95 17.307 20 6.257 31.05 3.66 28.454z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_358_9065'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h20v39H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:20px 39px;
background-size:20px 39px}
.icon-chevron-right-light{width:24px;
height:24px;
background-image:url("data:image/svg+xml, %3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_362_10985)'%3E%3Cpath d='M6.738 19.385l6.87-6.885-6.87-6.885L8.853 3.5l9 9-9 9-2.115-2.115z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_362_10985'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.icon-chevron-right-active{width:20px;
height:39px;
background-image:url("data:image/svg+xml, %3Csvg width='20' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_358_9072)'%3E%3Cpath d='M3.66 28.454L12.095 20 3.66 11.546 6.257 8.95 17.307 20 6.257 31.05 3.66 28.454z' fill='%2300C457'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_358_9072'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h20v39H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:20px 39px;
background-size:20px 39px}
.icon-chevron-right-black-active{width:24px;
height:24px;
background-image:url("data:image/svg+xml, %3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_362_10992)'%3E%3Cpath d='M6.738 19.385l6.87-6.885-6.87-6.885L8.853 3.5l9 9-9 9-2.115-2.115z' fill='%23222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_362_10992'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.icon-chevron-down{width:35px;
height:35px;
background-image:url("data:image/svg+xml, %3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.306 13.027L18 19.706l6.694-6.68 2.056 2.057-8.75 8.75-8.75-8.75 2.056-2.056z' fill='%23fff'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:35px 35px;
background-size:35px 35px}
.icon-arrow-right{width:16px;
height:16px;
background-image:url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11.825L8.825 8 5 4.175 6.183 3l5 5-5 5L5 11.825z' fill='%23888'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:16px 16px;
background-size:16px 16px}
.icon-arrow-right-white{width:24px;
height:24px;
background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_418_3289)'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_418_3289'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.icon-chevron-small-right{width:24px;
height:24px;
background-image:url("data:image/svg+xml, %3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_248_5407)'%3E%3Cpath d='M7.238 19.385l6.87-6.885-6.87-6.885L9.353 3.5l9 9-9 9-2.115-2.115z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_5407'%3E%3Cpath fill='%23fff' transform='translate(.5 .5)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.icon-arrow-right-small{width:20px;
height:20px;
background-image:url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_418_2829)'%3E%3Cpath d='M7.158 13.825L10.975 10 7.158 6.175 8.333 5l5 5-5 5-1.175-1.175z' fill='%23333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_418_2829'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:20px 20px;
background-size:20px 20px}
.icon-arrow-right-23px{width:23px;
height:23px;
background-image:url("data:image/svg+xml, %3Csvg width='23' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_362_12393)'%3E%3Cpath d='M7.803 16.931l4.92-4.93-4.92-4.932 1.515-1.515L15.764 12l-6.446 6.446-1.515-1.515z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_362_12393'%3E%3Cpath fill='%23fff' transform='translate(.041 .54)' d='M0 0h22.919v22.919H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:23px 23px;
background-size:23px 23px}
.icon-close{width:24px;
height:24px;
background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_362_12379)'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z' fill='%23333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_362_12379'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.overlay-text{-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:16px;
background-color:rgba(0,0,0,0.8);
font-weight:700;
font-size:28px;
color:#fff;
overflow-wrap:anywhere}
@media screen and (max-width: 768px){.overlay-text{padding:8px;
font-size:24px}
}
.highlight{position:relative;
z-index:2}
.highlight::after{content:"";
position:absolute;
bottom:4px;
left:0;
width:100%;
height:12px;
background-color:#00c457;
z-index:-1}
@media screen and (max-width: 768px){.highlight::after{height:6px;
bottom:3px}
}
.highlight-green::after{background-color:#3fff96}
@media screen and (max-width: 768px){.highlight-green::after{background-color:#00c457}
}
.certificate-card>img{width:100%}
@media (max-width: 1366px){.certificate-slide{padding:0 20px}
}
@media screen and (max-width: 1023px){.certificate-slide{padding:0}
}
.certificate-slide-container{position:relative;
width:100%;
max-width:1320px;
margin:0 auto}
@media screen and (max-width: 1023px){.certificate-slide-container .swiper-wrapper{padding-left:16px}
}
@media screen and (max-width: 1023px){.certificate-slide-container .swiper-container{padding-right:40px}
}
.reason-container{margin-top:160px}
@media screen and (max-width: 768px){.reason-container{margin-top:80px}
}
.reason-list{display:grid;
grid-template-columns:repeat(2, 1fr);
gap:24px;
margin-top:64px}
@media screen and (max-width: 1023px){.reason-list{margin-top:40px;
display:block}
}
@media screen and (max-width: 1023px){.reason-item+.reason-item{margin-top:12px}
}
.reason-card{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
background-color:#fff;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:20px;
padding:56px 64px 56px 72px;
border-radius:20px;
-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.1);
box-shadow:0 4px 20px rgba(0,0,0,0.1)}
@media screen and (max-width: 768px){.reason-card{height:120px;
padding:22px 24px 22px 40px;
border-radius:16px;
-webkit-box-shadow:none;
box-shadow:none}
}
.reason-card-title{font-size:28px;
color:#333}
@media screen and (max-width: 768px){.reason-card-title{font-size:16px}
}
.reason-card-description{font-size:52px;
font-weight:700;
color:#333}
@media screen and (max-width: 768px){.reason-card-description{font-size:22px}
}
@media screen and (max-width: 768px){.reason-card-text{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:6px}
}
.reason-card-icon{width:168px;
height:168px}
@media screen and (max-width: 768px){.reason-card-icon{width:80px;
height:80px}
}
@media (max-width: 1366px){.instructor-slide .swiper-wrapper{padding-left:16px;
padding-right:16px}
}
@media screen and (max-width: 1023px){.instructor-slide .swiper-container{padding-right:16px}
}
.instructor-heading{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:baseline;
-ms-flex-align:baseline;
align-items:baseline}
.instructor-heading .instructor-link{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-weight:600;
font-size:16px;
margin-left:auto;
text-decoration:underline;
text-underline-offset:2px}
.instructor-card{position:relative;
color:#333}
.instructor-card-content{border-radius:20px;
padding:40px 32px;
background-color:#f1efee;
width:336px;
height:480px}
@media screen and (max-width: 768px){.instructor-card-content{width:244px;
height:344px;
padding:24px 16px;
border-radius:16px}
}
.instructor-card-subtitle{font-size:18px;
font-weight:700}
@media screen and (max-width: 768px){.instructor-card-subtitle{font-size:16px}
}
.instructor-card-image{position:absolute;
z-index:1;
bottom:0;
right:0;
width:253px;
height:375px}
@media screen and (max-width: 768px){.instructor-card-image{width:162px;
height:240px}
}
.instructor-card-description{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
margin-top:12px}
.instructor-card-text{padding:12px 0;
font-size:18px;
position:relative}
@media screen and (max-width: 768px){.instructor-card-text{font-size:14px}
}
.instructor-card-text+.instructor-card-text::before{content:"";
position:absolute;
top:0;
left:0;
height:1px;
width:181px;
background-color:rgba(51,51,51,0.1)}
@media screen and (max-width: 768px){.instructor-card-text+.instructor-card-text::before{width:128px}
}
.instructor-slide{margin-top:60px;
overflow:visible;
position:relative;
width:100%;
max-width:1320px}
@media screen and (max-width: 768px){.instructor-slide{margin-top:40px}
}
.instructor-slide .swiper-container{overflow:visible;
position:relative;
padding-bottom:34px}
@media screen and (max-width: 768px){.instructor-slide .swiper-container{padding-bottom:25px}
}
.instructor-slide .swiper-slide{width:426.666666667px;
-webkit-transition:-webkit-transform 0.3s ease;
transition:-webkit-transform 0.3s ease;
transition:transform 0.3s ease;
transition:transform 0.3s ease, -webkit-transform 0.3s ease}
@media screen and (max-width: 768px){.instructor-slide .swiper-slide{width:300px}
}
.instructor-slide .swiper-slide:hover{-webkit-transform:translateY(-8px);
transform:translateY(-8px)}
@media screen and (max-width: 768px){.instructor-slide .swiper-slide:hover{-webkit-transform:translateY(0);
transform:translateY(0)}
}
.instructor-slide .swiper-pagination{top:auto;
bottom:0;
height:2px}
@media (max-width: 1366px){.instructor-slide .swiper-pagination{left:16px;
right:16px;
width:auto}
}
.instructor-slide .swiper-pagination-progressbar{background-color:#f1efee}
.instructor-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#b3b3b3}
.course-list{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:24px;
margin-top:160px}
@media screen and (max-width: 1023px){.course-list{margin-top:80px;
gap:12px}
}
.course-item{-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-transition:-webkit-transform 0.3s ease;
transition:-webkit-transform 0.3s ease;
transition:transform 0.3s ease;
transition:transform 0.3s ease, -webkit-transform 0.3s ease}
.course-item:hover{-webkit-transform:translateY(-8px);
transform:translateY(-8px)}
@media screen and (max-width: 768px){.course-item:hover{-webkit-transform:translateY(0);
transform:translateY(0)}
}
@media screen and (max-width: 1023px){.course-item{-webkit-box-flex:1;
-ms-flex:1 1 100%;
flex:1 1 100%}
}
.course-card{position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:40px;
background-color:var(--bg-color);
border-radius:20px;
height:280px}
@media screen and (max-width: 1023px){.course-card{height:231px;
padding:24px 16px 32px;
border-radius:16px}
}
.course-card-image{position:absolute;
bottom:24px;
right:24px;
width:128px;
height:128px}
@media screen and (max-width: 1023px){.course-card-image{bottom:16px;
right:16px;
width:96px;
height:96px}
}
.course-card-content{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
height:100%}
.course-card-description{position:relative;
margin-top:16px;
margin-bottom:16px}
.course-card-description>li{position:relative;
padding-left:14px}
.course-card-description>li::before{content:"";
position:absolute;
top:50%;
left:3px;
width:4px;
height:4px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border-radius:50%;
background-color:#333}
.course-card-link{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:auto;
text-decoration:underline;
text-underline-offset:3px;
font-weight:700}
.course-card-link:hover{text-decoration:none;
text-decoration:underline}
.feedback-container{position:relative;
margin-top:58px;
background:url(../img/img_bg_feedback.png) center/auto 100% no-repeat;
height:441px}
@media screen and (max-width: 768px){.feedback-container{background:url(../img/img_bg_feedback_mo.png) center/cover no-repeat;
height:453px}
}
.feedback-list{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:16px}
.feedback-item{background:#e9f4ff;
border-radius:9999px;
padding:16px}
.feedback-text{font-size:14px;
color:#7b92a9;
white-space:nowrap}
.feedback-slide{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#ffe6ec;
border-radius:20px;
-webkit-box-shadow:0px 0px 160px 0px #0000001F;
box-shadow:0px 0px 160px 0px #0000001F;
padding:44px 40px}
@media screen and (max-width: 768px){.feedback-slide{padding:24px 16px}
}
@media screen and (max-width: 1023px){.feedback-slide .swiper-slide{padding-bottom:48px}
}
.feedback-card{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:40px}
@media screen and (max-width: 1023px){.feedback-card{-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:16px}
}
.feedback-card-content{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
min-height:193px}
@media screen and (max-width: 768px){.feedback-card-content .feedback-card-title{display:none}
}
@media screen and (max-width: 768px){.feedback-card-content{min-height:135px}
}
.feedback-card-avatar{overflow:hidden;
-ms-flex-negative:0;
flex-shrink:0}
@media (min-width: 768px){.feedback-card-avatar .feedback-card-title{display:none}
}
@media screen and (max-width: 768px){.feedback-card-avatar{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:16px}
}
.feedback-card-avatar>img{width:160px;
height:160px;
border-radius:50%}
@media screen and (max-width: 768px){.feedback-card-avatar>img{width:80px;
height:80px}
}
@media screen and (max-width: 768px){.feedback-card-text{font-size:14px}
}
.feedback-card-desc{margin-top:16px;
font-size:20px}
@media screen and (max-width: 768px){.feedback-card-desc{margin-top:0}
}
.feedback-card-student{margin-top:auto}
.swiper-button-prev,.swiper-button-next{position:absolute;
top:50%;
z-index:10;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:40px;
height:40px;
margin-top:0;
border-radius:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
cursor:pointer}
@media screen and (max-width: 768px){.swiper-button-prev,.swiper-button-next{width:32px;
height:32px;
-webkit-transition:none;
transition:none}
}
.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;
font-size:14px;
font-weight:700;
color:#333;
-webkit-transition:color 0.3s ease;
transition:color 0.3s ease}
@media screen and (max-width: 768px){.swiper-button-prev,.swiper-button-next{bottom:0;
top:auto;
-webkit-transform:translateY(0);
transform:translateY(0)}
}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;
cursor:not-allowed}
.swiper-button-prev.swiper-button-disabled:hover,.swiper-button-next.swiper-button-disabled:hover{background-color:rgba(255,255,255,0.9)}
.swiper-button-prev.swiper-button-disabled:hover:after,.swiper-button-next.swiper-button-disabled:hover:after{color:#333}
.swiper-button-prev{left:0;
background-image:url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_416_5740)'%3E%3Cpath d='M24 25.355L18.657 20 24 14.645 22.355 13l-7 7 7 7L24 25.355z' fill='%23444'/%3E%3C/g%3E%3Crect x='-.5' y='.5' width='39' height='39' rx='19.5' transform='matrix(-1 0 0 1 39 0)' stroke='%23666'/%3E%3Cdefs%3E%3CclipPath id='clip0_416_5740'%3E%3Crect width='40' height='40' rx='20' transform='matrix(-1 0 0 1 40 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:40px 40px;
background-size:40px 40px}
@media screen and (max-width: 768px){.swiper-button-prev{background-image:url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_416_5740)'%3E%3Cpath d='M24 25.355L18.657 20 24 14.645 22.355 13l-7 7 7 7L24 25.355z' fill='%23444'/%3E%3C/g%3E%3Crect x='-.5' y='.5' width='39' height='39' rx='19.5' transform='matrix(-1 0 0 1 39 0)' stroke='%23666'/%3E%3Cdefs%3E%3CclipPath id='clip0_416_5740'%3E%3Crect width='40' height='40' rx='20' transform='matrix(-1 0 0 1 40 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:32px 32px;
background-size:32px 32px}
}
@media screen and (max-width: 768px){.swiper-button-prev{left:104px}
}
.swiper-button-prev:hover{background-image:url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_362_9414)'%3E%3Crect width='40' height='40' rx='20' transform='matrix(-1 0 0 1 40 0)' fill='%23333'/%3E%3Cpath d='M24 25.355L18.657 20 24 14.645 22.355 13l-7 7 7 7L24 25.355z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_362_9414'%3E%3Crect width='40' height='40' rx='20' transform='matrix(-1 0 0 1 40 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:40px 40px;
background-size:40px 40px}
@media screen and (max-width: 768px){.swiper-button-prev:hover{background-image:url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_416_5740)'%3E%3Cpath d='M24 25.355L18.657 20 24 14.645 22.355 13l-7 7 7 7L24 25.355z' fill='%23444'/%3E%3C/g%3E%3Crect x='-.5' y='.5' width='39' height='39' rx='19.5' transform='matrix(-1 0 0 1 39 0)' stroke='%23666'/%3E%3Cdefs%3E%3CclipPath id='clip0_416_5740'%3E%3Crect width='40' height='40' rx='20' transform='matrix(-1 0 0 1 40 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:32px 32px;
background-size:32px 32px}
}
.swiper-button-prev:after{content:""}
.swiper-button-next{left:auto;
right:0;
background-image:url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_416_5743)'%3E%3Cpath d='M16 25.355L21.343 20 16 14.645 17.645 13l7 7-7 7L16 25.355z' fill='%23444'/%3E%3C/g%3E%3Crect x='.5' y='.5' width='39' height='39' rx='19.5' stroke='%23666'/%3E%3Cdefs%3E%3CclipPath id='clip0_416_5743'%3E%3Crect width='40' height='40' rx='20' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:40px 40px;
background-size:40px 40px}
@media screen and (max-width: 768px){.swiper-button-next{right:104px}
}
@media screen and (max-width: 768px){.swiper-button-next{background-image:url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_416_5743)'%3E%3Cpath d='M16 25.355L21.343 20 16 14.645 17.645 13l7 7-7 7L16 25.355z' fill='%23444'/%3E%3C/g%3E%3Crect x='.5' y='.5' width='39' height='39' rx='19.5' stroke='%23666'/%3E%3Cdefs%3E%3CclipPath id='clip0_416_5743'%3E%3Crect width='40' height='40' rx='20' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:32px 32px;
background-size:32px 32px}
}
.swiper-button-next:hover{background-image:url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_362_9420)'%3E%3Crect width='40' height='40' rx='20' fill='%23333'/%3E%3Cpath d='M16 25.355L21.343 20 16 14.645 17.645 13l7 7-7 7L16 25.355z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_362_9420'%3E%3Crect width='40' height='40' rx='20' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:40px 40px;
background-size:40px 40px}
@media screen and (max-width: 768px){.swiper-button-next:hover{background-image:url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_416_5743)'%3E%3Cpath d='M16 25.355L21.343 20 16 14.645 17.645 13l7 7-7 7L16 25.355z' fill='%23444'/%3E%3C/g%3E%3Crect x='.5' y='.5' width='39' height='39' rx='19.5' stroke='%23666'/%3E%3Cdefs%3E%3CclipPath id='clip0_416_5743'%3E%3Crect width='40' height='40' rx='20' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:32px 32px;
background-size:32px 32px}
}
.swiper-button-next:after{content:""}
.textbook-link{overflow:hidden;
position:relative;
display:block;
width:100%;
height:100%;
border-radius:16px}
.textbook-link>img{width:100%}
.lesson-info{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:32px;
max-width:984px;
margin:0 auto}
@media screen and (max-width: 768px){.lesson-info{-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:16px}
}
.lesson-info-list{-webkit-box-flex:1;
-ms-flex:1;
flex:1}
@media screen and (max-width: 768px){.lesson-info-list{padding:0 8.5px}
}
.lesson-info-overview{padding:0 48px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:116px;
border-radius:9999px;
font-weight:700;
font-size:20px;
border:2px solid #00c457;
color:#00c457;
text-align:center}
@media screen and (max-width: 768px){.lesson-info-overview{padding:10px 24px;
width:100%;
height:40px;
border-width:1px;
font-size:16px}
}
.lesson-info-item{display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:16px;
line-height:1.4;
margin-top:4px}
@media screen and (max-width: 768px){.lesson-info-item{gap:8px}
.lesson-info-item+.lesson-info-item{margin-top:8px}
}
.lesson-info-item-title{min-width:120px;
font-size:20px;
font-weight:600}
@media screen and (max-width: 768px){.lesson-info-item-title{min-width:88px;
font-size:14px}
}
.lesson-info-item-desc{font-size:18px}
@media screen and (max-width: 768px){.lesson-info-item-desc{font-size:14px}
}
.register-form{max-width:985px;
margin:0 auto;
padding:80px;
background-color:#fff;
border-radius:40px}
@media screen and (max-width: 768px){.register-form{padding:32px 16px;
border-radius:16px}
}
.register-form-box{margin-top:54px}
.register-form-wrapper{margin-top:56px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:56px}
@media screen and (max-width: 768px){.register-form-wrapper{margin-top:40px;
gap:32px}
}
.register-form-group-inner{display:grid;
grid-template-columns:repeat(2, 1fr);
-webkit-column-gap:24px;
-moz-column-gap:24px;
column-gap:24px;
row-gap:56px;
width:100%}
@media screen and (max-width: 768px){.register-form-group-inner{grid-template-columns:repeat(1, 1fr);
row-gap:32px}
}
.register-form-group{width:100%}
.register-form-group.has-error .error-message{display:block}
.register-form .form-group-schedule .radio-field{margin-top:20px}
@media screen and (max-width: 768px){.register-form .form-group-schedule .radio-field{margin-top:24px}
}
.register-form-group-submit{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:40px}
@media screen and (max-width: 768px){.register-form-group-submit{gap:24px}
}
@media screen and (max-width: 768px){.register-form-group-submit .btn{width:100%}
}
.progress-steps{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center}
.progress-step{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
position:relative;
gap:8px}
@media screen and (max-width: 768px){.progress-step{gap:4px}
}
.progress-step-number{width:24px;
height:24px;
border-radius:50%;
color:#989898;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:14px;
font-weight:700;
border:1px solid #989898}
.progress-step-label{font-size:18px;
color:#989898;
font-weight:700}
@media screen and (max-width: 768px){.progress-step-label{font-size:16px}
}
.progress-step.active .progress-step-number{background-color:#00c457;
color:#fff;
border-color:transparent}
.progress-step.active .progress-step-label{color:#333;
font-weight:700}
.progress-step-connector{-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:260px;
height:1px;
background-color:#989898;
margin:0 16px}
@media screen and (max-width: 768px){.progress-step-connector{margin:0 8px;
max-width:32px}
}
.progress-step-connector.active{background-color:#03C75A}
.input-field{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:8px}
@media screen and (max-width: 768px){.input-field{gap:4px}
}
.input-field label{font-size:18px;
font-weight:700}
@media screen and (max-width: 768px){.input-field label{font-size:16px}
}
.input-field .input{width:100%;
height:54px;
padding:16px;
font-size:18px;
border-bottom:1px solid #e7e7f0;
color:#333;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease}
@media screen and (max-width: 768px){.input-field .input{padding:8px;
height:43px;
font-size:16px}
}
.input-field .input::-webkit-input-placeholder{color:#989898}
.input-field .input::-moz-placeholder{color:#989898}
.input-field .input:-ms-input-placeholder{color:#989898}
.input-field .input::-ms-input-placeholder{color:#989898}
.input-field .input::placeholder{color:#989898}
@media screen and (max-width: 768px){.input-field .input::-webkit-input-placeholder{font-size:16px}
.input-field .input::-moz-placeholder{font-size:16px}
.input-field .input:-ms-input-placeholder{font-size:16px}
.input-field .input::-ms-input-placeholder{font-size:16px}
.input-field .input::placeholder{font-size:16px}
}
.input-field:hover .input,.input-field:focus-within .input{border-color:gray}
.input-field .required{color:red}
.input-field .error-message{margin-top:2px;
color:red;
font-size:14px;
display:none}
@media screen and (max-width: 768px){.input-field .error-message{font-size:12px}
}
.input-field.has-error .error-message{display:block}
.textarea-field{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:16px;
width:100%}
.textarea-field-label{font-size:18px;
font-weight:700;
color:#333}
.textarea-field-label .required{color:red}
.textarea-field.privacy-policy .textarea-input{overflow:hidden;
overflow-y:auto;
background-color:#fff;
border-color:#E8E8E8;
border-radius:0;
height:126px;
font-size:14px;
color:#000}
@media screen and (max-width: 768px){.textarea-field.privacy-policy .textarea-input{height:168px}
}
.textarea-field.privacy-policy .textarea-input:hover{border-color:#f1efee}
.textarea-input{width:100%;
min-height:108px;
padding:12px 20px;
border-radius:8px;
background-color:#f5f6f7;
font-size:18px;
font-family:inherit;
color:#333;
resize:vertical;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
border:1px solid transparent;
resize:none}
@media screen and (max-width: 768px){.textarea-input{min-height:174px;
font-size:16px}
}
.textarea-input:hover{border-color:#D7D7D7}
.textarea-input:focus{border-color:#D7D7D7;
outline:none}
.textarea-input::-webkit-input-placeholder{font-size:18px;
color:#989898}
.textarea-input::-moz-placeholder{font-size:18px;
color:#989898}
.textarea-input:-ms-input-placeholder{font-size:18px;
color:#989898}
.textarea-input::-ms-input-placeholder{font-size:18px;
color:#989898}
.textarea-input::placeholder{font-size:18px;
color:#989898}
@media screen and (max-width: 768px){.textarea-input::-webkit-input-placeholder{font-size:16px}
.textarea-input::-moz-placeholder{font-size:16px}
.textarea-input:-ms-input-placeholder{font-size:16px}
.textarea-input::-ms-input-placeholder{font-size:16px}
.textarea-input::placeholder{font-size:16px}
}
.radio-field{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column}
.radio-field-label{font-size:18px;
font-weight:700;
color:#333;
margin-bottom:16px}
@media screen and (max-width: 768px){.radio-field-label{font-size:16px;
margin-bottom:12px}
}
.radio-field-label .required{color:red}
.radio-field .error-message{display:none;
margin-top:10px;
font-size:14px;
color:red}
@media screen and (max-width: 768px){.radio-field .error-message{font-size:12px}
}
.radio-field.has-error .error-message{display:block}
.radio-options{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:16px}
@media screen and (max-width: 768px){.radio-options{gap:12px}
}
.radio-options.schedule{margin-top:16px}
@media screen and (max-width: 768px){.radio-options.schedule{margin-top:12px}
}
.radio-options.schedule .input-box{width:calc((100% - 48px) / 4)}
@media screen and (max-width: 768px){.radio-options.schedule .input-box{width:100%}
}
.radio-options .input-box{overflow:hidden;
position:relative;
border-radius:8px;
width:calc((100% - 32px) / 3)}
@media screen and (max-width: 768px){.radio-options .input-box{width:100%}
}
.radio-options .location-check-button{position:absolute;
bottom:0;
right:0;
width:72px;
height:100%;
border:1px solid #e7e7f0;
border-top-right-radius:8px;
border-bottom-right-radius:8px;
background-color:#fff;
font-size:12px;
-webkit-transition:all 0.25s ease;
transition:all 0.25s ease}
@media screen and (max-width: 768px){.radio-options .location-check-button{width:76px;
font-size:14px}
}
.radio-options .location-check-button:hover{border-color:gray}
.radio-option{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:8px;
height:48px;
padding:12px 20px;
background-color:#f5f6f7;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
cursor:pointer}
@media screen and (max-width: 768px){.radio-option{height:42px;
padding:10px 8px}
}
.radio-option:hover{background-color:#09AA5C14}
.radio-option:before{color:#989898;
width:24px;
height:24px;
background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_248_5157)'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z' fill='%23D9DDE0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_5157'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px;
content:""}
@media screen and (max-width: 768px){.radio-option:before{width:20px;
height:20px;
background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_248_5157)'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z' fill='%23D9DDE0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_5157'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:20px 20px;
background-size:20px 20px}
}
.radio-input{position:absolute;
opacity:0;
pointer-events:none}
.radio-input:disabled ~ .radio-option{cursor:default}
.radio-input:disabled ~ .radio-option:hover{background-color:#f5f6f7}
.radio-input:disabled ~ .radio-option .radio-text{color:#989898}
.radio-input:checked ~ .radio-option{color:#00c457;
background-color:#09AA5C14}
.radio-input:checked ~ .radio-option:before{background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_248_5167)'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z' fill='%2303C75A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_5167'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
@media screen and (max-width: 768px){.radio-input:checked ~ .radio-option:before{width:20px;
height:20px;
background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_248_5167)'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z' fill='%2303C75A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_5167'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:20px 20px;
background-size:20px 20px}
}
.radio-text{font-size:18px;
color:#333;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease}
@media screen and (max-width: 768px){.radio-text{font-size:16px}
}
.level-test-link{position:relative;
overflow:hidden}
.level-test-link img{width:100%}
.checkbox-agreement-wrapper{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:4px;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none}
@media screen and (max-width: 768px){.checkbox-agreement-wrapper{-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start}
}
.checkbox-agreement-input{position:absolute;
opacity:0;
pointer-events:none}
.checkbox-agreement-input+.checkbox-agreement-custom{-webkit-transition:all 0.25s ease;
transition:all 0.25s ease}
.checkbox-agreement-input:hover+.checkbox-agreement-custom{background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_362_10269)' fill='%2300C457'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM17.99 9l-1.41-1.42-6.59 6.59-2.58-2.57-1.42 1.41 4 3.99 8-8z'/%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM17.99 9l-1.41-1.42-6.59 6.59-2.58-2.57-1.42 1.41 4 3.99 8-8z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_362_10269'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.checkbox-agreement-input:checked+.checkbox-agreement-custom{background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_362_10977)'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1.01 6l-1.41-1.42-6.59 6.59-2.58-2.57-1.42 1.41 4 3.99 8-8z' fill='%2300C457'/%3E%3Cpath d='M17.988 9l-1.41-1.42-6.59 6.59-2.58-2.57-1.42 1.41 4 3.99 8-8z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_362_10977'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.checkbox-agreement-custom{width:24px;
height:24px;
background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_248_5400)'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM17.99 9l-1.41-1.42-6.59 6.59-2.58-2.57-1.42 1.41 4 3.99 8-8z' fill='%23989898'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_5400'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:24px 24px;
background-size:24px 24px}
.checkbox-agreement-text{-webkit-box-flex:1;
-ms-flex:1;
flex:1}
@media screen and (max-width: 768px){.checkbox-agreement-text{font-size:14px;
line-height:1.6;
text-align:center}
}
.date-picker{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:8px;
width:100%}
.date-picker-box{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:8px;
border-radius:8px;
background-color:#fff}
@media screen and (max-width: 768px){.date-picker-box .icon-calendar{width:20px;
height:20px;
background-image:url("data:image/svg+xml, %3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_248_5278)'%3E%3Cpath d='M19 4.5h-1v-2h-2v2H8v-2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20.5a2 2 0 002 2h14c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2zm0 16H5v-10h14v10zm0-12H5v-2h14v2zm-10 6H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z' fill='%23333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_5278'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:20px 20px;
background-size:20px 20px}
}
@media screen and (max-width: 768px){.date-picker-box{gap:4px}
}
.date-picker-text{font-size:18px}
@media screen and (max-width: 768px){.date-picker-text{font-size:16px}
}
.date-picker-button{-ms-flex-negative:0;
flex-shrink:0;
padding:6px 8px;
border:1px solid #00B450;
border-radius:4px;
background-color:#00c457;
font-size:16px;
cursor:pointer;
color:#fff;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease}
@media screen and (max-width: 768px){.date-picker-button{font-size:14px}
}
.date-picker-button:hover{background-color:#fff;
color:#00c457}
.date-picker-button:active{background-color:#f1efee}
.datepicker-container{background-color:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
-webkit-box-shadow:0px 0px 40px 0px #0000001a;
box-shadow:0px 0px 40px 0px #0000001a;
font-size:14px;
z-index:1000;
width:306px;
margin-top:-10px}
.datepicker-container:after,.datepicker-container:before{display:none}
.datepicker-dropdown{position:absolute;
z-index:1000}
.datepicker-inline{position:static}
.datepicker-panel{padding:24px}
.datepicker-panel>ul{margin:0;
padding:0;
list-style:none;
width:100%}
.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";
display:table}
.datepicker-panel>ul:after{clear:both}
.datepicker-panel>ul:first-child{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between}
.datepicker-panel>ul>li[data-view="month prev"]:hover,.datepicker-panel>ul>li[data-view="month next"]:hover,.datepicker-panel>ul>li[data-view="year prev"]:hover,.datepicker-panel>ul>li[data-view="year next"]:hover,.datepicker-panel>ul>li[data-view="years prev"]:hover,.datepicker-panel>ul>li[data-view="years next"]:hover{background-color:#f5f5f5;
color:#333}
.datepicker-panel>ul>li[data-view="month prev"][data-view="month prev"],.datepicker-panel>ul>li[data-view="month prev"][data-view="year prev"],.datepicker-panel>ul>li[data-view="month prev"][data-view="years prev"],.datepicker-panel>ul>li[data-view="month prev"][data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"][data-view="year next"],.datepicker-panel>ul>li[data-view="month prev"][data-view="years next"],.datepicker-panel>ul>li[data-view="month next"][data-view="month prev"],.datepicker-panel>ul>li[data-view="month next"][data-view="year prev"],.datepicker-panel>ul>li[data-view="month next"][data-view="years prev"],.datepicker-panel>ul>li[data-view="month next"][data-view="month next"],.datepicker-panel>ul>li[data-view="month next"][data-view="year next"],.datepicker-panel>ul>li[data-view="month next"][data-view="years next"],.datepicker-panel>ul>li[data-view="year prev"][data-view="month prev"],.datepicker-panel>ul>li[data-view="year prev"][data-view="year prev"],.datepicker-panel>ul>li[data-view="year prev"][data-view="years prev"],.datepicker-panel>ul>li[data-view="year prev"][data-view="month next"],.datepicker-panel>ul>li[data-view="year prev"][data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"][data-view="years next"],.datepicker-panel>ul>li[data-view="year next"][data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"][data-view="year prev"],.datepicker-panel>ul>li[data-view="year next"][data-view="years prev"],.datepicker-panel>ul>li[data-view="year next"][data-view="month next"],.datepicker-panel>ul>li[data-view="year next"][data-view="year next"],.datepicker-panel>ul>li[data-view="year next"][data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"][data-view="month prev"],.datepicker-panel>ul>li[data-view="years prev"][data-view="year prev"],.datepicker-panel>ul>li[data-view="years prev"][data-view="years prev"],.datepicker-panel>ul>li[data-view="years prev"][data-view="month next"],.datepicker-panel>ul>li[data-view="years prev"][data-view="year next"],.datepicker-panel>ul>li[data-view="years prev"][data-view="years next"],.datepicker-panel>ul>li[data-view="years next"][data-view="month prev"],.datepicker-panel>ul>li[data-view="years next"][data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"][data-view="years prev"],.datepicker-panel>ul>li[data-view="years next"][data-view="month next"],.datepicker-panel>ul>li[data-view="years next"][data-view="year next"],.datepicker-panel>ul>li[data-view="years next"][data-view="years next"]{font-size:0}
.datepicker-panel>ul>li[data-view="month prev"][data-view="month prev"]:hover,.datepicker-panel>ul>li[data-view="month prev"][data-view="year prev"]:hover,.datepicker-panel>ul>li[data-view="month prev"][data-view="years prev"]:hover,.datepicker-panel>ul>li[data-view="month prev"][data-view="month next"]:hover,.datepicker-panel>ul>li[data-view="month prev"][data-view="year next"]:hover,.datepicker-panel>ul>li[data-view="month prev"][data-view="years next"]:hover,.datepicker-panel>ul>li[data-view="month next"][data-view="month prev"]:hover,.datepicker-panel>ul>li[data-view="month next"][data-view="year prev"]:hover,.datepicker-panel>ul>li[data-view="month next"][data-view="years prev"]:hover,.datepicker-panel>ul>li[data-view="month next"][data-view="month next"]:hover,.datepicker-panel>ul>li[data-view="month next"][data-view="year next"]:hover,.datepicker-panel>ul>li[data-view="month next"][data-view="years next"]:hover,.datepicker-panel>ul>li[data-view="year prev"][data-view="month prev"]:hover,.datepicker-panel>ul>li[data-view="year prev"][data-view="year prev"]:hover,.datepicker-panel>ul>li[data-view="year prev"][data-view="years prev"]:hover,.datepicker-panel>ul>li[data-view="year prev"][data-view="month next"]:hover,.datepicker-panel>ul>li[data-view="year prev"][data-view="year next"]:hover,.datepicker-panel>ul>li[data-view="year prev"][data-view="years next"]:hover,.datepicker-panel>ul>li[data-view="year next"][data-view="month prev"]:hover,.datepicker-panel>ul>li[data-view="year next"][data-view="year prev"]:hover,.datepicker-panel>ul>li[data-view="year next"][data-view="years prev"]:hover,.datepicker-panel>ul>li[data-view="year next"][data-view="month next"]:hover,.datepicker-panel>ul>li[data-view="year next"][data-view="year next"]:hover,.datepicker-panel>ul>li[data-view="year next"][data-view="years next"]:hover,.datepicker-panel>ul>li[data-view="years prev"][data-view="month prev"]:hover,.datepicker-panel>ul>li[data-view="years prev"][data-view="year prev"]:hover,.datepicker-panel>ul>li[data-view="years prev"][data-view="years prev"]:hover,.datepicker-panel>ul>li[data-view="years prev"][data-view="month next"]:hover,.datepicker-panel>ul>li[data-view="years prev"][data-view="year next"]:hover,.datepicker-panel>ul>li[data-view="years prev"][data-view="years next"]:hover,.datepicker-panel>ul>li[data-view="years next"][data-view="month prev"]:hover,.datepicker-panel>ul>li[data-view="years next"][data-view="year prev"]:hover,.datepicker-panel>ul>li[data-view="years next"][data-view="years prev"]:hover,.datepicker-panel>ul>li[data-view="years next"][data-view="month next"]:hover,.datepicker-panel>ul>li[data-view="years next"][data-view="year next"]:hover,.datepicker-panel>ul>li[data-view="years next"][data-view="years next"]:hover{background-color:transparent}
.datepicker-panel>ul>li[data-view="month prev"][data-view="month prev"]:hover:before,.datepicker-panel>ul>li[data-view="month next"][data-view="month prev"]:hover:before,.datepicker-panel>ul>li[data-view="year prev"][data-view="month prev"]:hover:before,.datepicker-panel>ul>li[data-view="year next"][data-view="month prev"]:hover:before,.datepicker-panel>ul>li[data-view="years prev"][data-view="month prev"]:hover:before,.datepicker-panel>ul>li[data-view="years next"][data-view="month prev"]:hover:before{background-image:url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.184 4.175L6.359 8l3.825 3.825L9 13 4 8l5-5 1.184 1.175z' fill='%23333'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:16px 16px;
background-size:16px 16px}
.datepicker-panel>ul>li[data-view="month prev"][data-view="month next"]:hover:before,.datepicker-panel>ul>li[data-view="month next"][data-view="month next"]:hover:before,.datepicker-panel>ul>li[data-view="year prev"][data-view="month next"]:hover:before,.datepicker-panel>ul>li[data-view="year next"][data-view="month next"]:hover:before,.datepicker-panel>ul>li[data-view="years prev"][data-view="month next"]:hover:before,.datepicker-panel>ul>li[data-view="years next"][data-view="month next"]:hover:before{-webkit-transform:rotate(180deg);
transform:rotate(180deg);
margin-left:-1px;
background-image:url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.184 4.175L6.359 8l3.825 3.825L9 13 4 8l5-5 1.184 1.175z' fill='%23333'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:16px 16px;
background-size:16px 16px}
.datepicker-panel>ul>li[data-view="month prev"][data-view="month prev"]:before,.datepicker-panel>ul>li[data-view="month prev"][data-view="year prev"]:before,.datepicker-panel>ul>li[data-view="month prev"][data-view="years prev"]:before,.datepicker-panel>ul>li[data-view="month next"][data-view="month prev"]:before,.datepicker-panel>ul>li[data-view="month next"][data-view="year prev"]:before,.datepicker-panel>ul>li[data-view="month next"][data-view="years prev"]:before,.datepicker-panel>ul>li[data-view="year prev"][data-view="month prev"]:before,.datepicker-panel>ul>li[data-view="year prev"][data-view="year prev"]:before,.datepicker-panel>ul>li[data-view="year prev"][data-view="years prev"]:before,.datepicker-panel>ul>li[data-view="year next"][data-view="month prev"]:before,.datepicker-panel>ul>li[data-view="year next"][data-view="year prev"]:before,.datepicker-panel>ul>li[data-view="year next"][data-view="years prev"]:before,.datepicker-panel>ul>li[data-view="years prev"][data-view="month prev"]:before,.datepicker-panel>ul>li[data-view="years prev"][data-view="year prev"]:before,.datepicker-panel>ul>li[data-view="years prev"][data-view="years prev"]:before,.datepicker-panel>ul>li[data-view="years next"][data-view="month prev"]:before,.datepicker-panel>ul>li[data-view="years next"][data-view="year prev"]:before,.datepicker-panel>ul>li[data-view="years next"][data-view="years prev"]:before{content:"";
background-image:url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.184 4.175L6.359 8l3.825 3.825L9 13 4 8l5-5 1.184 1.175z' fill='%23888'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:16px 16px;
background-size:16px 16px;
width:16px;
height:16px}
.datepicker-panel>ul>li[data-view="month prev"][class*="disabled"]:before,.datepicker-panel>ul>li[data-view="month next"][class*="disabled"]:before,.datepicker-panel>ul>li[data-view="year prev"][class*="disabled"]:before,.datepicker-panel>ul>li[data-view="year next"][class*="disabled"]:before,.datepicker-panel>ul>li[data-view="years prev"][class*="disabled"]:before,.datepicker-panel>ul>li[data-view="years next"][class*="disabled"]:before{pointer-events:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none}
.datepicker-panel>ul>li[data-view="month prev"][data-view="month next"]:before,.datepicker-panel>ul>li[data-view="month prev"][data-view="year next"]:before,.datepicker-panel>ul>li[data-view="month prev"][data-view="years next"]:before,.datepicker-panel>ul>li[data-view="month next"][data-view="month next"]:before,.datepicker-panel>ul>li[data-view="month next"][data-view="year next"]:before,.datepicker-panel>ul>li[data-view="month next"][data-view="years next"]:before,.datepicker-panel>ul>li[data-view="year prev"][data-view="month next"]:before,.datepicker-panel>ul>li[data-view="year prev"][data-view="year next"]:before,.datepicker-panel>ul>li[data-view="year prev"][data-view="years next"]:before,.datepicker-panel>ul>li[data-view="year next"][data-view="month next"]:before,.datepicker-panel>ul>li[data-view="year next"][data-view="year next"]:before,.datepicker-panel>ul>li[data-view="year next"][data-view="years next"]:before,.datepicker-panel>ul>li[data-view="years prev"][data-view="month next"]:before,.datepicker-panel>ul>li[data-view="years prev"][data-view="year next"]:before,.datepicker-panel>ul>li[data-view="years prev"][data-view="years next"]:before,.datepicker-panel>ul>li[data-view="years next"][data-view="month next"]:before,.datepicker-panel>ul>li[data-view="years next"][data-view="year next"]:before,.datepicker-panel>ul>li[data-view="years next"][data-view="years next"]:before{content:"";
background-image:url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11.825L8.825 8 5 4.175 6.183 3l5 5-5 5L5 11.825z' fill='%23888'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:16px 16px;
background-size:16px 16px;
width:16px;
height:16px}
.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-weight:600;
font-size:16px;
color:#333;
cursor:pointer}
.datepicker-panel>ul>li[data-view="month current"]{pointer-events:none;
font-weight:700}
.datepicker-panel>ul[data-view="week"]{display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:8px;
margin:15px 0 22px}
.datepicker-panel>ul[data-view="week"]:after,.datepicker-panel>ul[data-view="week"]:before{content:none}
.datepicker-panel>ul[data-view="week"]>li{text-align:center;
font-size:14px;
color:#888;
height:30px;
width:30px;
line-height:30px;
background:transparent}
.datepicker-panel>ul[data-view="week"]>li:hover{background:transparent;
cursor:default}
.datepicker-panel>ul[data-view="days"]{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:8px}
.datepicker-panel>ul[data-view="days"]:after,.datepicker-panel>ul[data-view="days"]:before{content:none}
.datepicker-panel>ul>li{display:-webkit-box;
display:-ms-flexbox;
display:flex;
background-color:transparent;
height:30px;
line-height:30px;
list-style:none;
margin:0;
padding:0;
text-align:center;
width:30px;
border-radius:50%;
font-size:15px;
color:#333;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
position:relative;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
cursor:pointer}
.datepicker-panel>ul>li:hover{background-color:#dbdbdb}
.datepicker-panel>ul>li.muted{color:#ccc;
background:transparent}
.datepicker-panel>ul>li.muted:hover{color:#ccc;
background:transparent}
.datepicker-panel>ul>li.highlighted{background-color:#fff3e0;
color:#ff5900;
font-weight:500}
.datepicker-panel>ul>li.highlighted:hover{background-color:#ffe0cc}
.datepicker-panel>ul>li.picked{background-color:#F04D23;
color:#fff;
font-weight:600}
.datepicker-panel>ul>li.picked:hover{background-color:#ff5900;
color:#fff}
.datepicker-panel>ul>li.disabled{background-color:transparent;
color:#e0e0e0;
cursor:not-allowed}
.datepicker-panel>ul>li.disabled:hover{background-color:transparent;
color:#e0e0e0}
.datepicker-panel>ul>li.disabled.highlighted{background-color:#f5f5f5;
color:#ccc}
.datepicker-panel>ul>li.disabled.highlighted:hover{background-color:#f5f5f5;
color:#ccc}
.datepicker-hide{display:none}
@media screen and (max-width: 768px){.datepicker-container{width:306px;
max-width:90vw}
}
.header{position:fixed;
z-index:999;
top:0;
left:0;
width:100%;
padding:35px 40px 20px;
-webkit-transition:all 0.2s linear;
transition:all 0.2s linear}
@media (max-width: 1024px){.header{padding:12px 16px}
}
.header.is-scroll{background-color:rgba(255,255,255,0.5);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px)}
.header .logo{width:185px}
@media (max-width: 1024px){.header .logo{width:72px}
}
.header .logo .logo-link{cursor:pointer;
color:#fff}
.footer{position:relative;
font-size:16px;
color:rgba(255,255,255,0.5)}
@media screen and (max-width: 1023px){.footer{font-size:14px}
}
.footer .footer-fixed{position:absolute !important;
top:-40px}
@media screen and (max-width: 1023px){.footer .footer-fixed{top:-60px}
}
.footer .register-btn{position:fixed;
right:24px;
bottom:24px;
z-index:1000;
opacity:0;
visibility:hidden;
-webkit-transform:translateY(20px);
transform:translateY(20px);
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out}
@media screen and (max-width: 1023px){.footer .register-btn{right:8px;
bottom:8px}
}
.footer .register-btn.show{opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
transform:translateY(0)}
.footer .register-btn:hover .btn{background-color:#FF742A}
.footer .register-btn .btn{width:160px;
height:160px;
padding:0;
background-color:#ff5900;
border:1px solid #E45000;
line-height:1.2}
@media screen and (max-width: 768px){.footer .register-btn .btn{width:80px;
height:80px}
}
@media screen and (max-width: 768px){.footer .register-btn .btn .icon-chevron-down{width:18px;
height:18px;
background-image:url("data:image/svg+xml, %3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.306 13.027L18 19.706l6.694-6.68 2.056 2.057-8.75 8.75-8.75-8.75 2.056-2.056z' fill='%23fff'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:18px 18px;
background-size:18px 18px}
}
.footer .register-btn .btn-text{margin-top:20px;
display:inline-block;
font-size:20px}
@media screen and (max-width: 768px){.footer .register-btn .btn-text{margin-top:6px;
font-size:10px}
}
.footer .register-btn .btn-text-highlight{color:#ff0;
font-size:28px}
@media screen and (max-width: 768px){.footer .register-btn .btn-text-highlight{font-size:14px}
}
.footer .register-btn .btn .icon-down{display:inline-block;
-webkit-transform:rotate(90deg);
transform:rotate(90deg)}
.footer-faq{text-align:center;
padding:32px 16px;
background-color:#fff}
@media screen and (max-width: 768px){.footer-faq .btn{width:100%}
}
.footer-inner{padding:80px 0;
background-color:#121212}
@media screen and (max-width: 1023px){.footer-inner{padding:40px 0}
}
.footer-content{display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:32px;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start}
@media screen and (max-width: 1023px){.footer-content{grid-template-columns:1fr;
gap:32px}
}
.footer-section{position:relative}
@media screen and (max-width: 1023px){.footer-section:first-child .footer-copyright{display:none}
}
@media (min-width: 1024px){.footer-section:last-child{display:none}
}
@media (min-width: 1024px){.footer-section .footer-copyright-mo{display:none}
}
.footer-section:not(:first-child){padding-left:40px}
.footer-section:not(:first-child)::before{content:"";
position:absolute;
left:0;
top:0;
width:1px;
height:178px;
background-color:#d9d9d9;
opacity:0.16}
@media screen and (max-width: 1023px){.footer-section:not(:first-child){padding-top:25px;
padding-left:0;
border-top:1px solid rgba(217,217,217,0.16)}
.footer-section:not(:first-child)::before{display:none}
}
.footer-title{margin-bottom:16px;
font-size:20px;
color:#fff;
opacity:0.8}
.footer-desc{line-height:1.4}
.footer-copyright{margin-top:83px;
text-transform:uppercase;
color:gray}
@media screen and (max-width: 1023px){.footer-copyright{margin-top:0}
}
.footer-contact .contact-phone{margin-bottom:12px}
.footer-contact .contact-details{margin-bottom:12px;
line-height:1.4}
.footer-contact .contact-hours{line-height:1.4}
@media screen and (max-width: 1023px){.footer-schools .school-list{display:none}
}
.footer-schools .school-list li{margin-bottom:12px}
@media (min-width: 1024px){.footer-schools .school-list-mo{display:none}
}
.footer-link{display:inline-block;
color:rgba(255,255,255,0.5);
text-decoration:none;
-webkit-transition:color 0.3s ease;
transition:color 0.3s ease}
.footer-link:not(:last-child){margin-bottom:12px}
@media screen and (max-width: 768px){.footer-link:not(:last-child){margin-bottom:16px}
}
.footer-link:hover{color:#fff;
text-decoration:underline}
.footer-policy{line-height:1.4}
.section{position:relative;
padding:160px 0 200px}
@media screen and (max-width: 1023px){.section{padding:80px 0}
}
.section-logo{position:absolute;
z-index:10;
width:185px;
top:36px;
left:33px}
.section-logo .logo-link{cursor:default}
@media screen and (max-width: 1023px){.section-logo{width:71px;
top:12px;
left:16px}
}
.section-key-visual{position:relative;
width:100%;
height:100vh;
padding:0;
background:url(../img/img_keyvisual.jpg) center/cover no-repeat}
@media screen and (max-width: 768px){.section-key-visual{height:auto;
background-image:unset}
}
.section-key-visual .key-visual-image-box{position:relative}
.section-key-visual .key-visual-image-box>img{width:100%}
.section-key-visual .key-visual-image-box .btn{position:absolute;
z-index:10;
left:20px;
right:20px;
font-size:22px;
text-align:center;
padding:10px 20px;
bottom:16px;
bottom:calc(16 * 100vh / 640)}
.section-key-visual .key-visual-image-box .btn:hover .icon-chevron-small-right{background-image:url("data:image/svg+xml, %3Csvg width='20' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_358_9072)'%3E%3Cpath d='M3.66 28.454L12.095 20 3.66 11.546 6.257 8.95 17.307 20 6.257 31.05 3.66 28.454z' fill='%2300C457'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_358_9072'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h20v39H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:14px 24px;
background-size:14px 24px}
.section-key-visual .key-visual-image-box .btn>.icon-chevron-small-right{width:14px;
height:24px;
background-image:url("data:image/svg+xml, %3Csvg width='20' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_358_9065)'%3E%3Cpath d='M3.66 28.454L12.095 20 3.66 11.546 6.257 8.95 17.307 20 6.257 31.05 3.66 28.454z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_358_9065'%3E%3Cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h20v39H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:14px 24px;
background-size:14px 24px}
.section-key-visual .logo{position:absolute;
z-index:10;
top:36px;
left:40px;
width:185px}
@media screen and (max-width: 768px){.section-key-visual .logo{width:72px;
top:12px;
left:16px}
}
.section-key-visual .logo .logo-link{cursor:default;
color:#fff}
.section-key-visual .tag-group{margin-top:16px;
max-width:300px}
@media screen and (max-width: 768px){.section-key-visual .tag-group{display:none}
}
.section-key-visual .key-visual-image{width:100%}
.section-key-visual .key-visual-btn{position:absolute;
z-index:10;
left:0;
width:100%;
text-align:center;
bottom:50px;
bottom:calc(50 * 100vh / 1080)}
@media screen and (max-width: 768px){.section-key-visual .key-visual-btn{bottom:8px;
bottom:calc(8 * 100vh / 640);
display:none}
}
@media screen and (max-width: 768px){.section-key-visual .key-visual-btn .btn{width:calc(100% - 16px)}
}
.section-key-visual .key-visual-inner{max-width:1280px;
margin-inline:auto;
position:relative;
height:100%}
.section-about .register-btn{position:fixed;
right:24px;
bottom:24px;
z-index:1000;
opacity:0;
visibility:hidden;
-webkit-transform:translateY(20px);
transform:translateY(20px);
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out}
@media screen and (max-width: 1023px){.section-about .register-btn{right:8px;
bottom:8px}
}
.section-about .register-btn.show{opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
transform:translateY(0)}
.section-about .register-btn:hover .btn{background-color:#FF742A}
.section-about .register-btn .btn{width:160px;
height:160px;
padding:0;
background-color:#ff5900;
border:1px solid #E45000;
line-height:1.2}
@media screen and (max-width: 768px){.section-about .register-btn .btn{width:80px;
height:80px}
}
@media screen and (max-width: 768px){.section-about .register-btn .btn .icon-chevron-down{width:18px;
height:18px;
background-image:url("data:image/svg+xml, %3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.306 13.027L18 19.706l6.694-6.68 2.056 2.057-8.75 8.75-8.75-8.75 2.056-2.056z' fill='%23fff'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:18px 18px;
background-size:18px 18px}
}
.section-about .register-btn .btn-text{margin-top:20px;
display:inline-block;
font-size:20px}
@media screen and (max-width: 768px){.section-about .register-btn .btn-text{margin-top:6px;
font-size:10px}
}
.section-about .register-btn .btn-text-highlight{color:#ff0;
font-size:28px}
@media screen and (max-width: 768px){.section-about .register-btn .btn-text-highlight{font-size:14px}
}
.section-about .register-btn .btn .icon-down{display:inline-block;
-webkit-transform:rotate(90deg);
transform:rotate(90deg)}
.section-instructor{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#fff;
overflow:hidden;
padding-bottom:160px}
@media screen and (max-width: 1023px){.section-instructor{padding-bottom:80px}
}
.section-feedback{padding-top:0;
padding-bottom:160px;
position:relative;
background-color:#fff}
@media screen and (max-width: 768px){.section-feedback{padding-bottom:80px}
}
.section-feedback .feedback-slide{position:absolute;
max-width:984px;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)}
@media screen and (max-width: 1023px){.section-feedback .feedback-slide{max-width:80vw}
}
@media screen and (max-width: 768px){.section-feedback .feedback-slide{max-width:328px}
}
.section-feedback .textbook-container{margin-top:120px}
@media screen and (max-width: 768px){.section-feedback .textbook-container{margin-top:64px}
}
.section-register-course .lesson-info-box{margin-top:50px}
@media screen and (max-width: 768px){.section-register-course .lesson-info-box{margin-top:40px}
}