html,
body,
#wrapper,
#contents{height:100%}
body{overflow-x:hidden}
#wrapper{overflow:visible;min-height:724px}

#header.main__header .main-link{background-image:url("/img/common/main-logo.png")}
#header.main__header.header-fixed .main-link{background-image:url("/img/common/fix-logo.png")}
#header.main__header .header__gnb-link,
#header.main__header .header__util-link{color:#222;-moz-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);-webkit-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53)}
#header.main__header.header-fixed .header__gnb-link,
#header.main__header.header-fixed .header__util-link{color:rgba(34, 34, 34, 0.5)}
#header.main__header.header-fixed .header__gnb-link:hover,
#header.main__header.header-fixed .header__util-link:hover{color:#222}
.motion-elem{-moz-transition:all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition:all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.parallax-motion{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1)}

.main__visual{padding-bottom:320px;background:#fff}
.main__visual-bg{position:relative;width:100%;height:100%;background:url("/img/main/main__visual.jpg") no-repeat 50% 50%;background-size:cover}
.visual__desc{position:absolute;bottom:0;left:0;width:100%;height:320px;text-align:center}
.visual__scroll-ico{display:block;position:absolute;bottom:40px;left:50%;width:18px;height:10px;margin-left:-9px;text-indent:-10000px;background:url("/img/main/visual__scroll-ico.png") no-repeat 50% 50%;animation-name:scroll_arrow;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}
@keyframes scroll_arrow{
    0%{bottom:50px}
	50%{bottom:40px}
	100%{bottom:50px}
}
.visual-tit{padding-top:160px;font-size:42px;font-weight:300}
.visual-tit.parallax-motion{padding-top:60px}
.visual-txt{padding-top:130px;font-size:18px;line-height:1.65;-moz-transition-delay:.3s;-webkit-transition-delay:.3s;transition-delay:.3s}
.visual-txt.parallax-motion{padding-top:30px}
.visual__section{position:relative;width:100%;height:100%}
.visual__section-bg-1{width:100%;height:100%;background:url("/img/main/visual__section-bg-1.jpg") no-repeat 50% 50%;background-size:cover}
.section__desc-1,
.section__desc-3{position:absolute;top:18.75%;left:50%;width:50%}
.section__desc-2,
.section__desc-4{position:absolute;top:18.75%;left:50%;;width:50%;margin-left:-480px}
.section-key-point{display:block;position:absolute;top:100px;left:0;color:#fff;font-family:"Kakao-Rg";font-size:20px}
.section-key-point.parallax-motion{top:0}
.section-tit{position:absolute;top:155px;left:0;color:#fff;font-size:42px;font-weight:300;line-height:1.35}
.section-tit.parallax-motion{top:55px;-moz-transition-delay:.3s;-webkit-transition-delay:.3s;transition-delay:.3s}
.section-txt{position:absolute;top:300px;color:#fff;font-size:18px;line-height:1.65}
.section-txt.parallax-motion{top:200px;-moz-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}
.section__desc-1 .section-key-point,
.section__desc-1 .section-tit,
.section__desc-1 .section-txt,
.section__desc-3 .section-key-point,
.section__desc-3 .section-tit,
.section__desc-3 .section-txt{color:#222}
.section__slider-wrap{position:absolute;bottom:0;left:0;width:100%;height:240px;background:rgba(255, 255, 255, 0.85)}
.section__slider{height:100%}
.section__slider .slick-list{height:100%;margin:0 40px}
.section__slider .slick-list:focus{outline:none}
.section__slider .slick-track{height:100%}
.school__lesson{position:relative;width:100%;font-size:0}
.school__lesson-circle{display:inline-block;vertical-align:middle;width:50%;text-align:center}
.school__lesson-ico{display:inline-block;width:150px;height:150px;border-radius:50%;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto}
.school__lesson-ico.group__lesson-ico{background-image:url("/img/main/group__lesson-ico.png")}
.school__lesson-ico.indivisual__lesson-ico{background-image:url("/img/main/indivisual__lesson-ico.png")}
.school__lesson-ico.field__lesson-ico{background-image:url("/img/main/field__lesson-ico.png")}
.school__lesson-ico.vip__lesson-ico{background-image:url("/img/main/vip__lesson-ico.png")}
.school__lesson-desc{display:inline-block;vertical-align:middle;width:50%;height:100%}
.school__lesson-tit{padding-top:40px;font-size:36px;font-weight:300}
.school__lesson-txt{padding-top:15px;color:#555;font-size:18px;line-height:1.65}
.school__lesson-link{display:inline-block;height:46px;padding:0 24px;margin-top:38px;border-radius:23px;font-family:"Kakao-Rg";font-size:16px;line-height:46px;text-align:center;background:#ffe600;-moz-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);-webkit-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53)}
.school__lesson-link:hover{background:#febf00}
.section__slider .slick-arrow{position:absolute;top:50%;width:22px;height:42px;margin-top:-21px;text-indent:-10000px;background-repeat:no-repeat}
.section__slider .slick-prev,
.section__slider .slick-prev.slick-disabled:hover{left:0;background-image:url("/img/main/slider-prev-active.png")}
.section__slider .slick-next,
.section__slider .slick-next.slick-disabled:hover{right:0;background-image:url("/img/main/slider-next-active.png")}
.section__slider .slick-prev.slick-disabled{background-image:url("/img/main/slider-prev.png")}
.section__slider .slick-next.slick-disabled{background-image:url("/img/main/slider-next.png")}
.visual__section-2{position:relative;width:100%;height:100%;background:url("/img/main/visual__section-bg-2.jpg") no-repeat 50% 50%;background-size:cover}
.visual__section-3{position:relative;width:100%;height:100%;background:url("/img/main/visual__section-bg-3.jpg") no-repeat 50% 50%;background-size:cover}
.visual__section-4{position:relative;width:100%;height:100%;background:url("/img/main/visual__section-bg-4.jpg") no-repeat 50% 50%;background-size:cover}
.service__store{position:absolute;bottom:-60px;left:0;width:100%;font-size:0;text-align:center;-moz-transition-delay:1.8s;-webkit-transition-delay:1.8s;transition-delay:1.8s}
.service__store.parallax-motion{bottom:40px}
.visual__section-1 .service__store{bottom:180px}
.visual__section-1 .service__store.parallax-motion{bottom:280px}
.service__store-box{display:inline-block;vertical-align:middle;margin-left:20px}
.service__store-box:first-child{margin-left:0}
.service__store-ico{display:inline-block;vertical-align:middle;width:18px;height:18px;background:url("/img/common/service__store-ico.png") no-repeat}
.service__stroe-name{display:inline-block;vertical-align:middle;margin-left:8px;color:#fff;font-family:"Kakao-Rg";font-size:14px}
.section-link{display:inline-block;position:absolute;top:320px;height:46px;padding:0 24px;border-radius:23px;font-family:"Kakao-Rg";font-size:16px;line-height:46px;text-align:center;background:#ffe600;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);-webkit-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53)}
.section-link:hover{background:#febf00}
.section-5{position:relative;width:100%;padding:40px 0;text-align:center;background:#fff}
.store-ico{display:block;width:80px;height:70px;margin:10px auto;background:url("/img/main/main-store-ico.png") no-repeat;background-size:100% auto}
.store-tit{padding-top:10px;font-size:26px;font-weight:300;line-height:1.4}
.store-tit-bold{font-family:"Kakao-Rg";font-weight:400}
.section__store-link{display:inline-block;height:46px;padding:0 24px;margin:25px auto 0;border-radius:23px;font-family:"Kakao-Rg";font-size:16px;line-height:46px;text-align:center;background:#ffe600;-moz-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);-webkit-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53)}
.section__store-link:hover{background:#febf00}

.section__navigation{position:fixed;top:50%;right:40px;margin-top:-75px}
.section__navigation-item{position:relative;height:30px}
.section__navigation-item:first-child{margin-top:0}
.section__navigation-btn{display:inline-block;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.section__navigation-dot-cont{position:relative;width:30px;height:30px;cursor:pointer;float:right;display:inline-block;text-align:center}
.section__navigation-dot{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;width:6px;height:6px;background-color:rgba(255, 255, 255, 0.2);display:inline-block;-webkit-backface-visibility:visible;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:50%;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.section__navigation-select .section__name-box{display:block}
.section__navigation-select .section__navigation-dot,
.section__navigation-btn:hover .section__navigation-dot,
.section__navigation-dot:hover{width:8px;height:8px;margin:5px auto;background:#ffe600;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.section__navigation-btn:hover ~ .section__name-box{display:block}
.section__name-box{display:none;position:absolute;top:-5px;right:28px;height:28px}
.section__name{display:block;padding:0 15px;border-radius:2px;color:#222;font-family:"Kakao-Rg";font-size:14px;line-height:28px;white-space:nowrap;background:#ffe600}
.section__name-arrow{display:block;position:absolute;top:0;left:0;width:100%;height:28px}
.section__name-arrow:after{right:-8px;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 230, 0, 0);border-left-color:#ffe600;border-width:4px;margin-top:-4px}

@media screen and (max-width:1000px) {
	#wrapper{min-height:auto}

	#header.main__header .header__total-menu-btn{background-image:url("/img/common/total__menu-btn-fix.png")}
	.main__visual.visual__section{height:100%;padding-bottom:190px}
	.visual__desc{height:190px}
	.visual__scroll-ico{bottom:25px;width:13px;height:7px;margin-left:-6px;background-image:url("/img/main/m-visual__scroll-ico.png");background-size:100% auto;animation-name:m-scroll_arrow;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}
	@keyframes m-scroll_arrow{
		0%{bottom:30px}
		50%{bottom:25px}
		100%{bottom:30px}
	}
	.visual-tit{font-size:24px}
	.visual-tit.parallax-motion{padding-top:40px}
	.visual-txt{font-size:12px}
	.visual-txt.parallax-motion{padding-top:15px}
	.visual__section{height:auto;min-height:480px}
	.visual__section-bg-1{height:480px;background-position:10% 50%}
	.section__desc-1,
	.section__desc-3,
	.section__desc-2,
	.section__desc-4{top:60px;left:0;width:100%;margin-left:0;padding:0 40px}
	.section-key-point{top:50px;left:40px;font-size:14px}
	.section-tit{top:80px;left:40px;font-size:24px}
	.section-tit.parallax-motion{top:30px}
	.section-txt{top:160px;left:40px;font-size:12px}
	.section-txt.parallax-motion{top:110px}
	.section__desc-1 .section-key-point,
	.section__desc-1 .section-tit,
	.section__desc-1 .section-txt{color:#222}
	.section__desc-3 .section-key-point,
	.section__desc-3 .section-tit,
	.section__desc-3 .section-txt{color:#fff}
	.section__slider-wrap{position:relative;bottom:auto;left:auto;height:240px;background:#fff}
	.school__lesson-circle{display:block;width:100%;margin-top:30px}
	.school__lesson-ico{width:75px;height:75px}
	.school__lesson-desc{display:block;width:100%;height:auto;text-align:center}
	.school__lesson-tit{padding-top:12px;font-size:20px}
	.school__lesson-txt{padding-top:8px;font-size:12px}
	.school__lesson-link{height:34px;margin:15px auto 0;padding:0 16px;border-radius:17px;font-size:12px;line-height:34px}
	.section__slider .slick-list{margin:0 10px}
	.section__slider .slick-dots{display:none}
	.section__slider .slick-arrow{width:16px;height:28px;margin-top:-14px;background-size:16px 28px}
	.section__slider .slick-prev{left:24px;background-image:url("/img/main/m-slider-prev-active.png")}
	.section__slider .slick-next{right:24px;background-image:url("/img/main/m-slider-next-active.png")}
	.section__slider .slick-prev.slick-disabled,
	.section__slider .slick-prev.slick-disabled:hover{left:24px;background-image:url("/img/main/m-slider-prev.png")}
	.section__slider .slick-next.slick-disabled,
	.section__slider .slick-next.slick-disabled:hover{right:24px;background-image:url("/img/main/m-slider-next.png")}
	.visual__section-2{position:relative;width:100%;height:480px;background:url("/img/main/visual__section-bg-2.jpg") no-repeat 50% 50%;background-size:cover}
	.visual__section-3{position:relative;width:100%;height:480px;background:url("/img/main/visual__section-bg-3.jpg") no-repeat 0 50%;background-size:cover}
	.visual__section-4{position:relative;width:100%;height:480px;background:url("/img/main/visual__section-bg-4.jpg") no-repeat 50% 50%;background-size:cover}
	.service__store{bottom:-20px;left:0;padding:0 40px;text-align:left}
	.service__store.parallax-motion{bottom:30px}
	.visual__section-1 .service__store{bottom:220px}
	.visual__section-1 .service__store.parallax-motion{bottom:270px}
	.service__store-box{margin-left:12px}
	.service__store-ico{width:13px;height:13px;background-image:url("/img/common/m-service__store-ico.png");background-size:100% auto}
	.service__stroe-name{margin-left:5px;font-size:11px}
	.section-link{position:absolute;top:185px;left:40px;padding:0 16px;height:34px;margin-top:0;border-radius:17px;font-size:12px;line-height:34px}
	.section-5{padding:30px 0}
	.store-ico{width:40px;height:35px}
	.store-tit{padding-top:10px;font-size:16px}
	.section__store-link{padding:0 16px;height:34px;margin:25px auto 0;border-radius:17px;font-size:12px;line-height:34px}

	.section__navigation{display:none}
}

.pop__dimm{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:9998;background:rgba(0, 0, 0, 0.5)}