#container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 0px;
    font-family: "Pretendard";
}
#container .section {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: calc(100vh - 0px);
    width: 100%;
    position: relative;
    /*scroll-snap-align: start;*/
    }
#fp-nav {
    position: fixed;
    z-index: 1000;
    top: 50%;
    opacity: 1;
}
#fp-nav.fp-right {right: 90px!important; transform: translate(0,-50%);}
#fp-nav ul li, .fp-slidesNav ul li {width: 16px!important; height: 16px!important; margin-bottom: 25px!important;}
#fp-nav ul li a span {display: block; font-size:0; width: 100%!important; height: 100%!important; border-radius: 50%!important; border: 3px solid #fff!important; background-color: transparent!important;}
#fp-nav ul li a.active span {width: 100%!important;height: 100%!important;font-size:0;border-radius: 50%!important;border: 3px solid#0084ff !important;background-color: #0084ff !important;margin: 0!important;}


#main-mouse-scroll {position:absolute;left:50%;bottom:0;width:33px;height:104px;margin-bottom:15px;font-size:16px;font-weight:400;text-align:center;color:#fff;}
#main-mouse-scroll div { position:absolute; left:0; bottom:0; animation:mouse_scroll 1s infinite;}


#container section#visual_section #visual_wrap {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    display: block;
	background:url("/pages/basic/img/main/bg1.jpg")  top center no-repeat;
	background-size: cover;}
#container section#visual_section #visual_wrap #visual {max-width: 1400px;
    position: relative;
    height: 100%;
    display: block;
    align-content: center;
    margin: 0 auto; }
#container section#visual_section #visual_wrap #visual .visual_box{width:660px;margin:0 auto;display: block;font-family:"Pretendard";margin-top: 59px;}
#container section#visual_section #visual_wrap #visual .visual_box .visual_txt{margin: 0 auto;width:100%;border-top:solid 1px #fff;border-bottom: solid 1px #fff;font-size:56px;font-weight: 500;letter-spacing: -3px;color:#fff;text-align: center;height: 70px;text-shadow: 1px 2px 0px rgb(43 37 37 / 32%);}
#container section#visual_section #visual_wrap #visual .visual_box .main_txt{margin: 69px 0 20px 0;}
#container section#visual_section #visual_wrap #visual .visual_box  p{font-size: 18px;margin-top: 5px;display: block;letter-spacing: 0;width: 89%;margin: 0 auto;text-align: right;color: #ffffff;font-weight: 400;text-shadow: 1px 2px 0px rgb(43 37 37 / 32%);}


@keyframes mouse_scroll {
	0% { bottom:0; animation-timing-function:ease; }
	50% { bottom:20px; }
	100% { bottom:0; animation-timing-function:ease; }
}

/* 2PAGE */
#container section#sc_section {width: 100%; margin-left: auto; margin-right: auto;position: relative;overflow: hidden;
  display: block; background:url("/pages/basic/img/main/bg2.jpg")  top center no-repeat;background-size: cover;}
#container section#sc_section #sc_wrap {margin:0 auto;width: 100%;max-width: 1400px;background:url("/pages/basic/img/main/con2_bg.png")  top center no-repeat;min-height: 580px;background-size:88%;}
#container section#sc_section #sc_wrap .visual_txt{margin-top: 59px;padding-top: 120px;font-size: 38px;font-weight: 600;font-family:"Pretendard";color: #ffffff;text-align: center;z-index: 50;display: block;top: 50%;/* margin-top: -20px; */letter-spacing: -1px;}
#container section#sc_section #sc_wrap .visual_txt p{font-size: 62px;font-weight: 400;margin: 20px 0 10px 0;}
#container section#sc_section #sc_wrap .visual_txt span{font-size: 18px;margin-top: 5px;display: block;letter-spacing: 0;}
#container section#sc_section #sc_wrap .visual_txt .tit_sub{font-size:18px;margin-top: 5px;display: block;width: 600px;margin: 0 auto;font-weight: 400;line-height: 24px;}
#container section#sc_section #sc_wrap .edu_box{display: block;justify-content: center;margin: 72px auto 0px auto;width: 100%;/* padding: 27px 0; */padding-left: 10%;float: left;}
#container section#sc_section #sc_wrap .edu_box li{display:inline-block;width: calc(100% / 4 - 35px);margin: 5px;color: #fff;font-size: 18px;height:110px;padding-left: 60px;padding-top: 20px;float: left;}
#container section#sc_section #sc_wrap .edu_box li.num1{background: url('/pages/basic/img/main/num_1.png') left top no-repeat;}
#container section#sc_section #sc_wrap .edu_box li.num1 span{display: flex;}
#container section#sc_section #sc_wrap .edu_box li.num1 span.e_txt{display: contents;font-size:12px}
#container section#sc_section #sc_wrap .edu_box li.num2{background: url('/pages/basic/img/main/num_2.png') left top no-repeat;padding-left: 80px;}
#container section#sc_section #sc_wrap .edu_box li.num2 span{display: flex;}
#container section#sc_section #sc_wrap .edu_box li.num3{background: url('/pages/basic/img/main/num_3.png') left top no-repeat;padding-left: 80px;}
#container section#sc_section #sc_wrap .edu_box li.num4{background: url('/pages/basic/img/main/num_4.png') left top no-repeat;padding-left: 80px;}

.sc_btn{float:left;display:block;width: 205px;margin: 20px auto;background: #0084ff url(/pages/basic/img/main/main_btn1.png) 149px center no-repeat;/* border: solid 1px #cfb99e; */padding: 12px 20px;margin-left: 42%;border-radius: 5px;}
.sc_btn a {display: block;font-size: 20px;font-weight: 400;color: #ffffff;}

/* 3PAGE */
#container section#three_section{width: 100%; margin-left: auto; margin-right: auto;position: relative;display: block; background:url("/pages/basic/img/main/bg3.jpg")  top center no-repeat;background-size: cover;}
#container section#three_section #three_wrap {margin:0 auto; width: 100%;max-width: 1400px;}
#container section#three_section #three_wrap .visual_txt{margin-top: 50px;font-size: 42px;font-weight: 400;font-family: "Pretendard";color: #ffffff;text-align: center;z-index: 50;display: block;top: 50%;margin-top: 50px;}
#container section#three_section #three_wrap .visual_txt p{font-size: 54px;font-weight:600;line-height: 60px;}
#container section#three_section #three_wrap .visual_txt .tit_sub{font-size:18px;display: block;margin: 19px auto;}
#container section#three_section #three_wrap .quick{margin:0 auto;width: 1150px;display:block}
ul.sc3-quick{ margin-top:40px }
ul.sc3-quick li{}
ul.sc3-quick li a{
    transition: all .3s;
    display: inline-block;
    font-size: 20px;
    float: left;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    width: 200px;
    height:200px;
    background:#0f468dd1;
    margin: 0px 15px;
    border-radius: 100px;
    color: #fff;
    }
ul.sc3-quick li a:hover { transform: translateY(-10px); }
ul.sc3-quick li a:before{content:'';display: inline-block;width: 100%;position: relative;height:125px;}
ul.sc3-quick li:nth-child(1) a:before{background: url('/pages/basic/img/main/icon_1.png') center 40px no-repeat;}
ul.sc3-quick li:nth-child(2) a:before{background: url('/pages/basic/img/main/icon_2.png') center 40px no-repeat;}
ul.sc3-quick li:nth-child(3) a:before{background: url('/pages/basic/img/main/icon_3.png') center 40px no-repeat;}
ul.sc3-quick li:nth-child(4) a:before{background: url('/pages/basic/img/main/icon_4.png') center 40px no-repeat;}
ul.sc3-quick li:nth-child(5) a:before{background: url('/pages/basic/img/main/icon_5.png') center 40px no-repeat;}


/* 4PAGE */
#container section#fourth_section{width: 100%; margin-left: auto; margin-right: auto;position: relative;display: block; background:url("/pages/basic/img/main/bg4.jpg")  top center no-repeat;background-size: cover;}
#container section#fourth_section #fourth_wrap {margin:0 auto; width: 100%;max-width: 1400px;}
#container section#fourth_section #fourth_wrap .visual_txt{margin-top: 50px;font-size: 42px;font-weight: 400;font-family: "Pretendard";color: #ffffff;text-align: center;z-index: 50;display: block;top: 50%;margin-top:20px;}
#container section#fourth_section #fourth_wrap .visual_txt p{font-size: 50px;font-weight:600;line-height: 60px;}
#container section#fourth_section #fourth_wrap .visual_txt .tit_sub{font-size:18px;display: block;margin: 0 auto;}
#container section#fourth_section #fourth_wrap .visual_txt .tit_sub2{font-size: 38px;display: block;margin: 10px auto;}
.tit_inquiry{display: block;width: 300px;font-size: 40px;color: #fff;background: #0084ff;/* border: solid 1px #cfb99e; */padding: 7px 0 5px 0;border-radius: 30px;margin: 30px auto 20px;font-weight: 300;}
.tit_tel{font-size: 46px;font-weight: 600;color: #ffffff;margin-top: 10px;}
#container section#fourth_section #fourth_wrap .sub_txt{display: flex; justify-content: center; margin: 25px 0;}
#container section#fourth_section #fourth_wrap .sub_txt li{display:inline-block;background: #0084ffbf url(/pages/basic/img/main/main_btn2.png) 122px center no-repeat;padding:0 20px;line-height: 50px;padding: 0 60px  0 30px;margin: 5px;color: #fff;font-size: 20px;}
#container section#fourth_section #fourth_wrap .sub_txt li a{color:#fff; }
#container section#fourth_section #fourth_wrap .sub_txt li a:hover{color:#3bf6ff;}


@keyframes bounce-top{
	0% { transform:translateY(0); -webkit-transform:translateY(0); }
	50% { transform:translateY(15%); -webkit-transform:translateY(15%); }
	100% { transform:translateY(0); -webkit-transform:translateY(0); }
}
@-webkit-keyframes bounce-top {
	0% { transform:translateY(0); -webkit-transform:translateY(0); }
	50% { transform:translateY(15%); -webkit-transform:translateY(15%); }
	100% { transform:translateY(0); -webkit-transform:translateY(0); }
}


@keyframes bounce-right{
	0% { transform:translateX(0); -webkit-transform:translateX(0); }
	50% { transform:translateX(3%); -webkit-transform:translateX(3%); }
	100% { transform:translateX(0); -webkit-transform:translateX(0); }
}
@-webkit-keyframes bounce-right{
	0% { transform:translateX(0); -webkit-transform:translateX(0); }
	50% { transform:translateX(3%); -webkit-transform:translateX(3%); }
	100% { transform:translateX(0); -webkit-transform:translateX(0); }
}






/**************************************************************** 반응형 CSS ****************************************************************/




@media screen and (max-width: 1400px) {
#container section#visual_section .visual_txt p{font-size: 42px !important;}
#container section#visual_section .visual_txt{font-size: 53px !important;}

#container section#three_section #three_wrap .quick{width:960px}
ul.sc3-quick li a{
    transition: all .3s;
    display: inline-block;
    font-size: 16px;
    float: left;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    width: calc(22% - 46px);
    height: 168px;
    margin: 0px 8px;
    border-radius: 100px;
    color: #fff;
    }

ul.sc3-quick li a:before{content:'';display: inline-block;width: 100%;position: relative;height: 100px;}
ul.sc3-quick li:nth-child(1) a:before{background: url('/pages/basic/img/main/icon_1.png') center 20px no-repeat;}
ul.sc3-quick li:nth-child(2) a:before{background: url('/pages/basic/img/main/icon_2.png') center 20px no-repeat;}
ul.sc3-quick li:nth-child(3) a:before{background: url('/pages/basic/img/main/icon_3.png') center 20px no-repeat;}
ul.sc3-quick li:nth-child(4) a:before{background: url('/pages/basic/img/main/icon_4.png') center 20px no-repeat;}
ul.sc3-quick li:nth-child(5) a:before{background: url('/pages/basic/img/main/icon_5.png') center 20px no-repeat;}

}


@media screen and (max-width: 1200px) {
#fp-nav.fp-right{display:none}
#container section#three_section #three_wrap .quick {margin-left:8%; display: block;}
ul.sc3-quick li a{
    width: calc(20% - 46px); height: 148px;}
}


@media screen and (max-width: 960px) {
#container section#visual_section .visual_txt p{font-size: 25px !important; }
#container section#sc_section #sc_wrap .visual_txt p {font-size: 38px;}
#container section#sc_section #sc_wrap .visual_txt{font-size: 25px; }
#container section#visual_section #visual_wrap  {padding:20px}
#container section#sc_section {padding:20px}
#container section#sc_section #sc_wrap .visual_txt { padding-top: 60px;}
#container section#sc_section #sc_wrap .edu_box li {
display: inline-block;width: calc(100% / 2 - 35px);}
	.sc_btn { margin-left: 35%;}
#container section#three_section {padding:20px}
#container section#three_section #three_wrap .visual_txt p  {font-size: 38px;line-height: 40px; }
#container section#fourth_section #fourth_wrap .visual_txt p  {font-size: 38px;line-height: 40px; }
#container section#fourth_section #fourth_wrap .visual_txt .tit_sub {font-size: 16px;}
#container section#three_section #three_wrap .quick {margin-left:8%; display: block;}
ul.sc3-quick li a {
        width: calc(17% - 46px);
        height: 118px;
    }
ul.sc3-quick li a:before{content:'';display: inline-block;width: 100%;position: relative;height:66px; }
ul.sc3-quick li:nth-child(1) a:before{background: url('/pages/basic/img/main/icon_1.png') center 20px no-repeat; background-size:40%;}
ul.sc3-quick li:nth-child(2) a:before{background: url('/pages/basic/img/main/icon_2.png') center 20px no-repeat;background-size:40%;}
ul.sc3-quick li:nth-child(3) a:before{background: url('/pages/basic/img/main/icon_3.png') center 20px no-repeat;background-size:40%;}
ul.sc3-quick li:nth-child(4) a:before{background: url('/pages/basic/img/main/icon_4.png') center 20px no-repeat;background-size:40%;}
ul.sc3-quick li:nth-child(5) a:before{background: url('/pages/basic/img/main/icon_5.png') center 20px no-repeat;background-size:40%;}
#container section#fourth_section{padding:20px}
}


@media screen and (max-width: 780px) {
#container section#three_section #three_wrap .quick {margin-left:2%;}
 ul.sc3-quick li a {width: calc(17% - 55px);height: 109px; }
}


@media screen and (max-width: 690px) {
#container section#visual_section #visual_wrap #visual .visual_box{width:98%; margin-top:-160px}
#container section#visual_section #visual_wrap #visual .visual_box .main_txt {
    margin: 26px auto 20px auto;
    width: 80%;
    text-align: center;
}
#container section#visual_section #visual_wrap #visual .visual_box p{width:80%;
        font-size: 17px;
		text-align:center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        word-break: break-word;}
	#container section#visual_section #visual_wrap #visual .visual_box .main_txt img{width:100%}

#container section#visual_section #visual_wrap #visual .visual_txt span {  width: 100%;font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word;}
    #container section#visual_section .visual_txt {
        font-size: 32px !important;
    }

	#container section#visual_section #visual_wrap #visual .visual_box .visual_txt{ height: auto; width:80%;}
	#container section#visual_section #visual_wrap #visual .visual_txt p {width: 100%;
        font-size: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        word-break: break-word;}
#container section#sc_section #sc_wrap {background:none}
 #container section#sc_section #sc_wrap .visual_txt {font-size: 22px; padding-top:30px;}

#container section#sc_section #sc_wrap .visual_txt p {margin-top:10px; font-size: 32px;line-height:34px;}
#container section#sc_section #sc_wrap .visual_txt .tit_sub{font-size: 14px; width: 80%;line-height: 22px;}
#container section#sc_section #sc_wrap .sub_txt {display: flex;margin: 25px auto;}
#container section#sc_section #sc_wrap .sub_txt li { display: block;}
#container section#sc_section #sc_wrap .edu_box { margin: 30px auto 0px auto;}
#container section#sc_section #sc_wrap .edu_box li {display:block;width: calc(100% / 1 - 35px);height: 65px;border: 1px solid #eeeeeea6;padding-top: 12px;}
#container section#sc_section #sc_wrap .edu_box li.num1 {background: none;}
#container section#sc_section #sc_wrap .edu_box li.num2 {background: none;}
#container section#sc_section #sc_wrap .edu_box li.num3 {background: none;}
#container section#sc_section #sc_wrap .edu_box li.num4 {background: none;}
#container section#sc_section #sc_wrap .edu_box li.num1 span{display: flex; padding-left:15px}
#container section#sc_section #sc_wrap .edu_box li.num1 span.e_txt{ padding-left: 17px; display: flex;}
#container section#sc_section #sc_wrap .edu_box li.num2 span{display: flex;}
.sc_btn { margin-left: 27%;}
#container section#three_section #three_wrap .quick { width:360px; display: block; margin: 0 auto;}
ul.sc3-quick li a {
        transition: all .3s;
        display: block;
        font-size: 16px;
        width: calc(46% - 15px);
        height: 60px;
        margin-top: 14px;
        }

ul.sc3-quick li a:before{width: 100%;position: relative;height:35px;}
ul.sc3-quick li:nth-child(1) a:before{background:none;height: 0;}
ul.sc3-quick li:nth-child(2) a:before{background:none;height: 0;}
ul.sc3-quick li:nth-child(3) a:before{background:none;height: 0;}
ul.sc3-quick li:nth-child(4) a:before{background:none;height: 0;}
ul.sc3-quick li:nth-child(5) a:before{background:none;height: 0;}
#container section#three_section #three_wrap .visual_txt p {
        font-size: 32px;
        line-height: 36px;}
#container section#fourth_section #fourth_wrap .visual_txt .tit_sub2 {
    font-size: 25px;}
#container section#fourth_section #fourth_wrap .visual_txt{line-height: 32px;}
#container section#fourth_section #fourth_wrap .visual_txt p {margin-top:10px; font-size:26px;line-height: 42px;}
#container section#fourth_section #fourth_wrap .visual_txt .tit_sub{font-size: 14px; width: 80%;line-height: 22px;}
.tit_inquiry {font-size: 28px;}

}


@media screen and (max-width: 480px) {
    #container section#visual_section .visual_txt {
        font-size: 26px !important; }
	    #container section#sc_section #sc_wrap .visual_txt p {
        margin-top: 10px;
        font-size: 24px;}
		#container section#sc_section #sc_wrap .edu_box li {
        display: block; padding-left: 24px;}
		#container section#sc_section #sc_wrap .edu_box li.num2 {padding-left: 40px;}
		#container section#sc_section #sc_wrap .edu_box li.num3 {padding-left: 40px;}
		#container section#sc_section #sc_wrap .edu_box li.num4 {padding-left: 40px;}
		.sc_btn {margin-left: 19%;}
		#container section#fourth_section #fourth_wrap .sub_txt li {display: block;}
		.tit_tel {font-size: 38px;}
		    #container section#fourth_section #fourth_wrap .visual_txt p {
        margin-top: 10px;
        font-size: 24px;
        line-height: 32px;}
		#container section#fourth_section #fourth_wrap .visual_txt .tit_sub2 {
        font-size: 20px;
    }
}