@charset "utf-8";


#mVisual {position:relative; width:100%; height:740px; overflow:hidden; border-bottom-right-radius:260px }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.mv_slider.mv1 { background-image:url('/images/main/m_visual1.jpg'); }
.mv_slider.mv2 { background-image:url('/images/main/m_visual2.jpg'); }

#mVisual .mv_slider .mv-txt { display:flex; align-items: center; width:90%; max-width:1600px;  margin:0 auto; height:100%;  }
#mVisual .mv_slider .mv-txt div { color:#fff; }
#mVisual .mv_slider .mv-txt div h4 {font-size:4.0rem; }
#mVisual .mv_slider .mv-txt div h3 { font-size: 7.0rem;  font-weight: 300; font-family: 'GongGothic'; transform: rotate(-0.03deg); line-height:1.1em}
#mVisual .mv_slider .mv-txt div .t1 {margin-top:1.3em;  font-size: 2.0rem; font-weight: 500; line-height:1.6em }
#mVisual .mv_slider .mv-txt div .br767 {display:none}

@media all and (max-width:1280px) { 
	#mVisual {height:700px; }
}
@media all and (max-width:1024px) {
	#mVisual {border-bottom-right-radius:15vw }
	#mVisual .mv_slider .mv-txt div h4 {font-size:3.5rem; }
	#mVisual .mv_slider .mv-txt div h3 { font-size: 5.5rem; }
}
@media all and (max-width:767px) {
	#mVisual {height:580px; }
	#mVisual .mv_slider .mv-txt div .br767 {display:block}
	#mVisual .mv_slider .mv-txt div h4 {margin-bottom:0.2em; font-size:2.8rem; }
	#mVisual .mv_slider .mv-txt div h3 { font-size: 6.0rem; line-height:1.0em}
	#mVisual .mv_slider .mv-txt div .t1 { font-size: 1.8rem; }
}
@media all and (max-width:640px) {
	#mVisual {height:640px; }
}
@media all and (max-width:480px) {
	#mVisual {height:580px; }
}





#mBus {height:100px; position:relative}
#mBus img {position:absolute; right:7%; bottom:0; width:50%; max-width:776px}

@media all and (max-width:1024px) {
	#mBus {height:12vw}
	#mBus img {right:0}
}







.f-gmk { font-family: 'GmarketSans'; line-height:1.3em   }

#mTitle {margin-bottom:4em}
#mTitle h3 { font-size:6.0rem; font-weight:300; color:#222; }
#mTitle h4 {font-size:5.0rem; font-weight:300; color:#222; }
#mTitle dl {margin-top:2em; margin-bottom:5px; display:flex; align-items: center; }
#mTitle dl:last-child {margin-top:0; margin-bottom:0}
#mTitle dl dt { width:160px; line-height:35px; font-size:2.2rem; font-weight:700; color:#222}
#mTitle dl dt img {padding-right:15px}
#mTitle dl dd {font-size:1.8rem; }
#mTitle dl dd .dot { font-weight:900; padding:0 0.8em }
#mTitle dl dd br.br650 {display:none}
#mTitle .t1 { margin-top:0.7em; font-size:1.8rem; opacity:.7; line-height:1.4em}
#mTitle .t1  br.br480 {display:none}
#mTitle.mCourse {margin-top:3em}

@media all and (max-width:1399px) {
	#mTitle h3 { font-size:5.0rem; }
	#mTitle h4 {font-size:4.0rem;}
}
@media all and (max-width:650px) {
	#mTitle dl {align-items: start; margin-bottom:1em }
	#mTitle dl dt { width:130px;}
	#mTitle dl dt img {width:30px; margin-right:7px;  padding-right:0}
	#mTitle dl dd {line-height:1.6em;}
	#mTitle dl dd .dot { display:none }
	#mTitle dl dd br.br650 {display:block}
}
@media all and (max-width:480px) {
	#mTitle {margin-bottom:2em}
	#mTitle h4 {font-size:2.8rem;}
	#mTitle h3 { font-size:3.6rem;}
	#mTitle h3 br.br480 {display:block}
	#mTitle dl dt { width:30vw;}
	#mTitle dl dt img {width:24px; padding-top:5px}
	#mTitle dl dd {margin-top:0.3em}
	#mTitle .t1  br.br480 {display:block}
}





#mBtn1 {display:inline-block;  position:relative; z-index:3}
#mBtn1 span {padding:1em 3em 1em 0; font-weight:500; color:#FFF; background:url('/images/main/mtheme-btn.png') no-repeat right center; position:relative; }
#mBtn1 span:before {content:''; width:40px; height:40px; border-radius:40px; border:1px solid rgba(255,255,255,0.2); 
						position:absolute; right:-23px; top:50%; margin-top:-20px; z-index:-1}
#mBtn1:hover  span:before {border:1px solid #82ce39; background:#82ce39; ; }



#mBtn2 {margin:3em auto 0}
#mBtn2 a {display:inline-block;  padding:0.7em 2em; border-radius:50px; background:#82ce39; border:10px solid #d5f4b7;
			font-size:2.2rem; font-weight:700; color:#FFF}
#mBtn2 a:hover {background:#0a743c; border-color:#d0ebd3;}

@media all and (max-width:1399px) {
	#mBtn2 a {font-size:2.0rem; }
}
@media all and (max-width:480px) {
	#mBtn2 a { border-width:7px }
}










#mCourse-Btn {position:absolute; right:0; bottom:-20px;  display:flex; width:fit-content; gap: 0 10px}
#mCourse-Btn li a {width:160px; height:160px; background:#cdd6c5; border:10px solid #edf0ea; display:flex; align-items: center; justify-content: center; flex-wrap:wrap; border-radius:100%  }
#mCourse-Btn li a.on,
#mCourse-Btn li a:hover {background:#82ce39; border-color: #d5f4b7;}
#mCourse-Btn li dl {flex-wrap:wrap; text-align:center}
#mCourse-Btn li dl dt { font-size:2.4rem; color:#FFF; width:100%; line-height:1.2em}
#mCourse-Btn li dl dd {margin-bottom:0.5em; padding-left:0; font-size:1.2rem; font-weight:800; font-family:'Montserrat'; opacity:.5; width:100%; text-transform:uppercase; color:#FFF}

@media all and (max-width:1099px) {
	#mCourse-Btn {position:unset; margin:3em auto 0 }
}

@media all and (max-width:480px) {
	#mCourse-Btn li a {width:32vw; height:32vw; border-width:7px }
}


#mCourse {position:relative; padding-bottom:50px }
#mCourse .bx-wrapper {width:860px; background:#FFF}
#mCourse #slide-Img li {width:100%;  border-radius:20px; overflow:hidden; }
#mCourse #slide-Img li a { position:relative; display:block; width:100%; height:100%}
#mCourse #slide-Img li .txt-mo {display:none; position:absolute; left:5%; bottom:0; width:90%; border-top-left-radius:10px; border-top-right-radius:10px; background:#0a743c; padding:1em 2em}
#mCourse #slide-Img li .txt-mo p {font-size:1.9rem; color:#FFF}
#mCourse #slide-Img li .txt-mo span {width:90px; display:inline-block; font-size:1.6rem; font-family:'Oswald'; color:#61a06d; font-weight:400 }
#mCourse #slide-Img li .txt-mo span.t2 {font-size:1.9rem; color:#FFF; width:calc(100% - 90px); display:inline-block;  font-family:'SUIT'; }
#mCourse #slide-Img li img { width:100%;  }

#mCourse #slide-Btn {	position:absolute;right:0; bottom:0; }
#mCourse #slide-Btn dl { padding-left:calc(160px + 6%); margin-bottom:2em;}
#mCourse #slide-Btn dl dt  { font-size:4.6rem; color:#222; font-weight:700}
#mCourse #slide-Btn dl dd  { font-size:1.4rem; color:#82ce39; font-family:'Montserrat'; font-weight:800; text-transform:uppercase; letter-spacing:0.01em}
#mCourse #slide-Btn .cont { padding-left:160px;  width:700px; height:390px; background:#0a743c;   border-radius:20px;overflow:hidden;}
#mCourse #slide-Btn .cont .in-box {width:80%; margin:10% auto ; }
#mCourse #slide-Btn a {padding-bottom:1em; margin-bottom:1em; border-bottom:1px dashed #168349; display:block; width:100%; height:100%}
#mCourse #slide-Btn a:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0}
#mCourse #slide-Btn a p {font-size:2.1rem; color:#FFF; display:flex}
#mCourse #slide-Btn a  span {width:90px; display:inline-block; font-size:1.6rem; font-family:'Oswald'; color:#61a06d; font-weight:400 }

#mCourse #slide-Btn a  span.t2 {font-size:2.1rem; color:#FFF; width:calc(100% - 90px); display:inline-block;  font-family:'SUIT'; }
#mCourse #slide-Btn a.active p,
#mCourse #slide-Btn a.active span{color:#d4e543}


@media all and (max-width:1399px) {
	#mCourse .bx-wrapper {width:64%; }
	#mCourse #slide-Btn {width:45%}
	#mCourse #slide-Btn dl { padding-left:calc(120px + 6%); }
	#mCourse #slide-Btn .cont { padding-left:120px;  width:100% ;  height:auto;  }
	#mCourse #slide-Btn .cont .in-box {width:330px}
}
@media all and (max-width:1280px) {
	#mCourse #slide-Btn dl {  margin-bottom:1em;}
	#mCourse #slide-Btn dl dt  { font-size:4.0rem; }
	#mCourse #slide-Btn .cont .in-box {width:300px}
	#mCourse #slide-Btn a p {font-size:1.9rem;}
	#mCourse #slide-Btn a  span {width:70px; font-size:1.5rem;}
}
@media all and (max-width:1024px) {
	#mCourse .bx-wrapper{width:100%}
	#mCourse #slide-Btn {width:100%; position:inherit}
	#mCourse #slide-Btn dl {display:none}
	#mCourse #slide-Btn .cont {padding-left:0;  }
	#mCourse #slide-Btn .cont .in-box {padding:2em 0; width:90%; margin:0 auto; display:flex; justify-content:space-between; gap:5 10px; flex-wrap:wrap }
	#mCourse #slide-Btn .cont .in-box a {width:48%}
}
@media all and (max-width:670px) {
	#mCourse #slide-Img li .txt-mo {display:block; padding:0.7em 1.5em}
#mCourse #slide-Img li .txt-mo p {font-size:1.7rem; display:flex }
#mCourse #slide-Img li .txt-mo span {width:13vw; font-size:1.4rem;}
	#mCourse #slide-Btn {display:none}
}
@media all and (max-width:480px) {
	#mCourse #slide-Img li { border-radius:10px; }
}








#mTheme {}
#mTheme #mTitle dl {width:fit-content; margin:1.2em auto 0; display:flex;justify-content:center; }
#mTheme #mTitle dl dd {padding-left:0}

@media all and (max-width:650px) {
	#mTheme #mTitle {margin-bottom:4em; }
	#mTheme #mTitle dl {align-items: center; flex-wrap:wrap }
	#mTheme #mTitle dl dd {width:100%}
	#mTheme #mTitle dl dd .dot { display:inline-block }
}



#slikWrap {padding-top:1em; display:flex}
#slikWrap .slider-cont {  height:510px; border-top-right-radius:160px; width:50%; background:url('/images/main/mtheme-bg.png')no-repeat right top; }
#slikWrap .slider-cont .slick-list { overflow: visible; position:relative; z-index:3;}
#slikWrap .slider-cont .in-box {width:90%; max-width:440px; margin:6em auto 0; color:#FFF; }
#slikWrap .slider-cont h3 {font-size: 4.7rem; font-weight:700; display:inline-block; position:relative; }
#slikWrap .slider-cont .mal {width:159px; height:175px; position:absolute; right:-20px; top:0; transform:translate(100%, -80%);
								background:url('/images/main/mthme-mal.png') no-repeat right bottom; background-size:100% auto; text-align:center; font-weight:normal;
								display:flex; align-items: center; justify-content:center; }
#slikWrap .slider-cont .mal dl dt {margin-top:-20px;font-size:7.0rem; font-family: 'Cafe24Shiningstar'; text-shadow:2px 2px 0 rgba(0,0,0,0.09); line-height:1em}
#slikWrap .slider-cont .mal dl dt .point {font-size:9.0rem;}
#slikWrap .slider-cont .mal dl dd { margin-top:-5px; font-size:1.3rem; font-weight:700; opacity:.5}
#slikWrap .slider-cont .t1 {margin-top:1em}
#slikWrap .slider-cont .bd-dl {margin-top:2em; display:flex; gap:5px; flex-wrap:wrap}
#slikWrap .slider-cont .bd-dl dd {font-size:2.0rem; font-weight:600; color:#dbff6c; border:1px solid rgba(211,242,116,0.7); 
									display:inline-block; padding:0.6em 1.3em; border-radius:50px}
#slikWrap .slider-cont .t1 {font-size: 1.8rem; line-height:1.6em;  font-weight:400}
#slikWrap #mBtn1 {margin-top:4.5em;}

#slikWrap .slider-nav {margin:5% 0 0 -10%; width:1505px;  position:relative; z-index:1;}
#slikWrap .slider-nav div {margin-right:70px; text-align:right}
#slikWrap .slider-nav div:nth-child(even) {margin-top:80px}
#slikWrap .slider-nav div img {margin:23px 0;width:100%; max-width:455px; border-radius:20px}
#slikWrap .slider-nav div .t1 {font-size:2.2rem; color:#65635c; font-family: 'GmarketSans'; line-height:1.3em; font-weight:500; transform: rotate(-0.03deg); }
#slikWrap .slider-nav div .eng {font-size:1.5rem; font-weight:700; color:#bdb8aa; opacity:.5;  font-family:'Montserrat'}

@media all and (max-width:1599px) {
	#slikWrap .slider-cont .in-box {width:90%; max-width:440px; margin:6em 0 0 4em; }

	#slikWrap .slider-cont {border-top-right-radius:110px;}
	#slikWrap .slider-nav div {margin-right:50px;}
}
@media all and (max-width:1280px) {
	#slikWrap .slider-cont { height:480px;  width:550px;   border-top-right-radius:90px;   border-bottom-right-radius:90px; }
	#slikWrap .slider-cont .t1 {width:80%}
	#slikWrap .slider-cont .bd-dl {width:100%}

	#slikWrap .slider-nav {margin:5% 0 0 -5%; }
}
@media all and (max-width:976px) {
	#slikWrap {display:flex; flex-wrap:wrap; }
	#slikWrap .slider-cont {width:580px; height:auto;  border-top-right-radius:90px;   border-bottom-right-radius:50px; }
	#slikWrap .slider-cont .in-box {width:90%; max-width:100%; margin:3em 0 5em 4em } 
	#slikWrap .slider-cont h3 {font-size: 4.0rem;}
	#slikWrap .slider-cont .mal {width:120px; height:132px;}
	#slikWrap .slider-cont .mal dl dt {margin-top:-10px;font-size:5.0rem; }
	#slikWrap .slider-cont .mal dl dt .point {font-size:7.0rem;}
	#slikWrap .slider-cont .t1 {width:80%}
	#slikWrap #mBtn1 {margin-top:3em;}

	#slikWrap .slider-nav {width:450px; margin:-10em 2em 0 0;  margin-left:auto;  }
	#slikWrap .slider-nav div:nth-child(even) {margin-top:0}
	#slikWrap .slider-nav div {margin-right:0;}
	#slikWrap .slider-nav div .t1,
	#slikWrap .slider-nav div .eng {display:none}
}
@media all and (max-width:767px) {
	#slikWrap .slider-cont {width:95%;  border-bottom-right-radius:0; }
	#slikWrap .slider-nav {width:90%; margin-top:-4em}
	#slikWrap .slider-nav div img { max-width:100%}
}
@media all and (max-width:480px) {
	#slikWrap .slider-cont .in-box {margin:3em 2em 7em } 
		#slikWrap .slider-cont h3 {font-size: 3.4rem;}
		#slikWrap .slider-cont .t1 {width:90%; font-size:1.5rem}
		#slikWrap .slider-cont .mal {width:24vw; height:27vw;}
		#slikWrap .slider-cont .bd-dl dd {font-size:1.7rem;}
		#slikWrap #mBtn1 {margin-top:3.em;}
		#slikWrap .slider-nav {width:100%}
		#slikWrap .slider-nav { margin:-4em 0 0 0; margin-left: auto}
		#slikWrap .slider-nav div img {margin:0 }

		#slikWrap .slider-nav div img {border-radius:0; border-top-left-radius:50px}
}








#mReview {display:flex; justify-content:center; align-items: center; gap:0 100px}

@media all and (max-width:1499px) {
	#mReview { gap:0 50px}
}
@media all and (max-width:1280px) {
	#mReview { gap:0 }
	#mReview  #mTitle {width:560px;}
	#mReview  #imgWrap {width:calc(100% - 560px);}
	#mReview  #imgWrap img {width:100%; max-width:537px }
}
@media all and (max-width:976px) {
	#mReview { flex-wrap:wrap }
	#mReview  #mTitle {width:100%; order:2}
	#mReview  #imgWrap {margin-bottom:2em; width:100%; order:1; text-align:center}
	#mReview  #imgWrap img {width:60%; max-width:537px }
}
@media all and (max-width:767px) {
	#mReview  #imgWrap img {width:80%;}
}


#mComm {padding:8em 0; background:url('/images/main/mcomm-bg.png') no-repeat center top; background-size:cover; overflow:hidden; border-top-left-radius:260px;}
#mComm .s-inner {overflow:hidden}
#mComm #contWrap { float:right; display:flex; flex-wrap:wrap;  width:100%; max-width:930px ;}
#mComm #contWrap h3 {margin-bottom:0.3em;font-size:4.0rem; color:#FFF; width:100%;}
#mComm #contWrap > div {padding:3em; height:330px; display:flex; align-items: center;}
#mComm #contWrap > div .in-box {width:100%; }
#mComm #contWrap .mNotice {width:600px; background:#FFF; border:1px solid #FFF;  border-radius:20px}
#mComm #contWrap .mNotice li { border-bottom:1px dashed rgba(85,85,85,0.2); padding-bottom:1.3em; margin-bottom:1.3em}
#mComm #contWrap .mNotice li p {font-size:1.8rem; color:#222; }
#mComm #contWrap .mNotice li span {float:right; font-size:1.5rem; opacity:.8; font-family:'Roboto'; font-weight:400; color:#686868} 
#mComm #contWrap .mNotice li:last-child {margin-bottom:0; padding-bottom:0;  border-bottom:0 }
#mComm #contWrap .mNotice li.f-li {display:flex; align-items: center; }
#mComm #contWrap .mNotice li.f-li a {display:flex; align-items: center; }
#mComm #contWrap .mNotice li.f-li .date {padding:10px; text-align:center; font-size:1.5rem; font-family:'Roboto'; font-weight:400 }
#mComm #contWrap .mNotice li.f-li .date p.day {font-size:3.8rem; color:#0a743c; font-weight:700 ; line-height:1.0em}
#mComm #contWrap .mNotice li.f-li dl {padding-left:1em; }
#mComm #contWrap .mNotice li.f-li dl dt {font-size:2.0rem; color:#222; font-weight:700}
#mComm #contWrap .mNotice li.f-li dl dd { margin-top:0.5em; line-height:1.4em; opacity:.7; font-weight:400}
#mComm #contWrap .mLink { margin-left:-20px; width:350px; border:1px solid rgba(255,255,255,0.3); border-top-right-radius:20px; border-bottom-right-radius:20px}
#mComm #contWrap .mLink a {display:block; width:100%;  border-bottom:1px dashed rgba(255,255,255,0.2); padding-bottom:1em; margin-bottom:1em; line-height:26px;
										position:relative}
#mComm #contWrap .mLink a:before {content:''; width:8px; height:13px; background:url('/images/main/mlink-arrow.png') no-repeat right center; position:absolute; right:0; top:50%; margin-top:-7px;}
#mComm #contWrap .mLink a span {padding-left:1em; font-size:1.8rem; color:#FFF; font-weight:500}
#mComm #contWrap .mLink a:last-child {margin-bottom:0; padding-bottom:0;  border-bottom:0 }
#mComm #contWrap .mLink a:hover span { color:#82ce39}
#mComm #contWrap .mLink a:hover::before {background:url('/images/main/mlink-arrow-on.png') no-repeat right center;}

@media all and (max-width:1399px) {
	#mComm {padding:5em 0; }
	#mComm #contWrap { max-width:780px ;}
	#mComm #contWrap > div {padding:0 2em; height:300px;}
	#mComm #contWrap .mNotice {width:500px;}
	#mComm #contWrap .mLink { width:280px; padding-left:3em}
}
@media all and (max-width:1024px) {
	#mComm {background:url('/images/main/mcomm-bg-mo.png') no-repeat left top; background-size:100% auto;border-top-left-radius:20vw;  }
	#mComm #contWrap {margin-top:13vw;  max-width:780px ;}
	#mComm #contWrap > div {padding:0 2em; height:300px;}
	#mComm #contWrap h3 {text-align:right}
	#mComm #contWrap .mNotice {width:500px;}
	#mComm #contWrap .mLink { width:280px; padding-left:3em}
}
@media all and (max-width:850px) {
	#mComm {background-size:cover; padding:0}
	#mComm #contWrap {margin-top:27vw;  max-width:100% ; flex-wrap:wrap;  }
	#mComm #contWrap > div { height:auto;}
	#mComm #contWrap h3 {text-align:center}
	#mComm #contWrap .mNotice {width:100%; padding:2em}
	#mComm #contWrap .mLink { width:100%; margin-left:0; padding:2em; border:0; border-top-right-radius:0; border-bottom-right-radius:0}
	#mComm #contWrap .mLink .in-box {display:flex; flex-wrap:wrap; justify-content:space-between;}
	#mComm #contWrap .mLink .in-box a {width:49%}
	#mComm #contWrap .mLink a:last-child {margin-bottom:1em; padding-bottom:1em;  border-bottom:1px dashed rgba(255,255,255,0.2);  }

}
@media all and (max-width:480px) {
	#mComm #contWrap .mNotice { border-radius:10px}
}