@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");

/* 학교안심 둥근폰트 */
@font-face {
    font-family: 'HakgyoansimDunggeunmisoTTF-R';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimDunggeunmisoTTF-R.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'HakgyoansimDunggeunmisoTTF-B';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimDunggeunmisoTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

html{overflow:scroll;overflow-x:auto}
html{width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body{overflow:hidden;width:100%;min-width:320px;margin:0px;padding:0px;font-family:'Pretendard Variable',sans-serif,'Noto Sans KR';font-weight:400;font-size:18px;color:#000000;line-height:1.4; word-break:keep-all;}


img{border:none;vertical-align:top}

h1, h2, h3, h4, h5, h6, em{margin:0;padding:0;font-weight:normal; font-style:normal; font-family: 'GmarketSansBold';}
p{margin:0;padding:0; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
ol, ul, dl, li, dt, dd{display:block;margin:0;padding:0;list-style:none; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}

textarea{margin:0;padding:0;border:none;resize:none;}
input{margin:0;padding:0;border:none;font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';font-weight:normal;}
input[type=text],input[type=password],input[type=submit],input[type=button]{-webkit-appearance: none;-webkit-border-radius: 0;}
input[type=checkbox]{border:1px solid #666666;border-radius:0;}
input[type=radio]{border:1px solid #666666;}
input:focus,textarea:focus{outline-style:none;}

a{color:inherit;text-decoration:none;outline:none;select-dummy:expression(this.hideFocus=true);}
a:hover{color:inherit;text-decoration:none}
a:active{color:inherit;text-decoration:none}
a:visited{color:inherit;text-decoration:none}
address, em, strong{font-weight:normal}


.wrap{}

h1{ position:fixed; left:52px; top:38px; z-index:99999; width:170px; height:60px; background: url(images/logo_top.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
h2{ font-family: 'GmarketSansBold'; font-size:70px; letter-spacing:-0.03em; line-height:80px; color:#000}
h2 strong{ color:#0072bc;}
h3{ font-family: 'GmarketSansBold'; font-size:50px; letter-spacing:-0.03em; line-height:60px; color:#000}
h3 strong{ color:#0072bc;}
@media only screen and (max-width:1200px) {
h1{ left:30px; top:25px; }
}
@media only screen and (max-width:900px) {
h1{ left:20px; top:15px; width:90px; height:32px;}
h2{ font-size:35px;line-height:40px;}
h3{ font-size:25px;line-height:30px;}
}

.quick_button{position:fixed;right:36px;top:107px;z-index:1000;width:197px;height:197px;border-radius:197px;text-align:center;background:#1577cc;cursor:pointer}
.quick_button:hover{background:#000000;}
.quick_button .btn{padding-top:100px;font-weight:800;font-size:26px;line-height:30px;color:#ffffff;text-align:center;}
.quick_button .btn .img{position:absolute;left:30px;top:-10px; background:url(images/animal-bottom.png) center no-repeat; background-size:contain}
.quick_button .btn .img img{width:159px;animation: walk 0.8s infinite ease-in-out;}
.quick_button .btn .img span{display:inline-block;}
.quick_button .btn .quickline{display:block;}

@media only screen and (max-width:900px) {
	.quick_button{position:fixed;left:0;top:auto;bottom:0;width:100%;height:58px;border-radius:0;}
	.quick_button .btn{position:relative;width:318px;padding-top:0;padding-left:28px;box-sizing:border-box;margin:0 auto;font-size:20px;line-height:58px;text-align:left;}
	.quick_button .btn .img{position:absolute;left:auto;right:17px;top:-18px;width:108px;height:64px;}
	.quick_button .btn .img img{width:108px;animation: walk 0.8s infinite ease-in-out;}
	.quick_button .btn .quickline{display:inline-block;}

}

.visual{position:relative;background-image: url(images/tree.png), url(images/tower.png);background-position: left top, right top 433px;background-repeat: no-repeat, no-repeat;background-size: auto, auto;}
.visual .glass{width:100%;height:436px;background:url(images/glass.png),url(images/glass_bg.png);background-position:center top, left bottom;background-repeat: no-repeat, repeat-x;}
.visual .people{position:absolute;left:50%;top:334px;margin-left:-379px;}
.visual .text{position:relative;max-width:1364px;width:100%;z-index:500;height:652px;padding:0 30px;margin:0 auto;}
.visual .text .area{position:relative;display:inline-block;margin-top:243px;}
.visual .text .area .txt1{font-size:32px;font-weight:800;color:#25397a;text-align:center;}
.visual .text .area .txt2{font-size:32px;font-weight:500;color:#25397a;text-align:center;}
.visual .text .area .txt2 span{padding: 0 15px;font-weight:900}
.visual .text .area h1{position:relative;width:715px;height:165px;padding:43px 0 26px 0;background:url(images/logo.png) center no-repeat;background-size:contain;}
.visual .text .area h1 .flower{position:absolute;left:-15px;top:-210px;width:812px;height:483px;background:url(images/flower1.png) center no-repeat;animation: sway 2s infinite ease-in-out;}
@media only screen and (max-width:1200px) {
	.visual .text .area{width:100%;text-align:center;}
	.visual .text .area h1{margin:0 auto;}
	.visual .people{}
}
@media only screen and (max-width:900px) {
	.visual{background-position: left top, right top 237px;background-size: 258px auto,177px auto;}
	.visual .glass{height:142px;background-size: auto 142px, auto 0;}
	.visual .people{position:absolute;left:50%;top:334px;margin-left:-178px;}
	.visual .people img{width:357px;}
	.visual .text{width:100%;height:320px;padding:0;text-align:center;}
	.visual .text .area{margin-top:90px;}
	.visual .text .area .txt1{font-size:10px;letter-spacing:-0.04em}
	.visual .text .area .txt2{font-size:16px;}
	.visual .text .area .txt2 span{display:block;padding:0 15px;}
	.visual .text .area h1{width:248px;height:139px;padding:0;margin:21px auto 15px;background:url(images/logo2.png) center no-repeat;background-size:contain;}
	.visual .text .area h1 .flower{position:absolute;left:-50px;top:-85px;width:291px;height:202px;background:url(images/flower1_m.png) center no-repeat; background-size:cover}
}


.motion {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.motion.active {
    opacity: 1;
    transform: translateY(0);
}

.motion.hidden {
    opacity: 0;
    transform: translateY(30px); /* 살짝만 내려가게 해서 부드럽게 */
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(50px);
    }
}

@keyframes sway {
    0% { transform: rotate(-1deg); }
    50% { transform: rotate(1deg); }
    100% { transform: rotate(-1deg); }
}

@keyframes walk {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}



.box1{background:#cced94;}
.box1 .widthnexon{text-align:center;}
.box1 .widthnexon .txt1{position:relative;display:inline-block;margin-top:50px;font-family:'HakgyoansimDunggeunmisoTTF-B';font-size:55px;color:#25397a; letter-spacing:-0.05em}
.box1 .widthnexon .txt1 span{display:block;}
.box1 .widthnexon .txt1 .flower{position:absolute;left:-120px;top:-290px;width:1011px;height:763px;background:url(images/flower2.png) center no-repeat;animation: sway 2s infinite ease-in-out;}
.box1 .widthnexon .txt2{margin-top:70px;font-size:40px;color:#040000;}
.box1 .widthnexon .txt2 span{display:block;}
.box1 .widthnexon .txt3{margin-top:70px;font-size:30px;color:#25397a;}
.box1 .widthnexon .txt3 span{display:block;}
.box1 .widthnexon .txt3 span.st1{display:inline;}
.box1 .widthnexon .hill{padding-top:140px;background:url(images/hill.png) center bottom no-repeat;}
.box1 .widthnexon .hill .area{position:relative;max-width:1424px;height:353px;margin:0 auto;}
.box1 .widthnexon .hill .area .draft{position:absolute;left:10px;top:-160px;width:197px;height:311px;background:url(images/draft.png) left top no-repeat}
.box1 .widthnexon .moviebox{position:relative;z-index:500;background:#ffeab6;}
.box1 .widthnexon .moviebox .area{position:relative;max-width:1424px;height:380px;margin:0 auto;}
.box1 .widthnexon .moviebox .area .movie{overflow:hidden;position:absolute;left:30px;top:-160px;width:430px;height:764.4px;border-radius:30px; border:1px solid transparent;box-sizing:border-box;}
.box1 .widthnexon .road {position:relative;height: 669px;background-image: url(images/glass2.png), url(images/hill2.png), url(images/hill2_bg.png);background-position: left top 135px, right bottom, left bottom;background-color: #ffeab6;background-repeat: no-repeat, no-repeat, repeat-x;background-size: auto, auto, auto;}
.box1 .widthnexon .road .area .bench{position:absolute;left:204px;bottom:200px;width:282px;height:162px;background:url(images/bench.png) left top no-repeat}
.box1 .widthnexon .road .people{position:absolute;left:40.625%;bottom:140px;z-index:500;width:843px;height:831px;background:url(images/people2.png) center no-repeat;animation: backgroundChange 1s steps(1) infinite;}

@keyframes backgroundChange {
	0%, 100% { background-image: url('images/people2-1.png'); }
	25% { background-image: url('images/people2-2.png'); }
	50% { background-image: url('images/people2-3.png'); }
	75% { background-image: url('images/people2-4.png'); }
	100% { background-image: url('images/people2-1.png'); }
}
@media only screen and (max-width:900px) {
	.box1 .widthnexon .txt1{margin-top:115px;font-size:28px;}
	.box1 .widthnexon .txt1 .flower{left:-20px;top:-162px;width:414px;height:402px;background:url(images/flower2_m.png) center no-repeat; background-size:414px 402px}
	.box1 .widthnexon .txt2{margin:30px auto 0 auto;width:210px;font-size:20px;}
	.box1 .widthnexon .txt2 span{display:block;}
	.box1 .widthnexon .txt3{margin:30px auto 0 auto;max-width:230px;font-size:15px;letter-spacing:-0.05em;}
	.box1 .widthnexon .txt3 span{display:inline}
	.box1 .widthnexon .txt3 span.st1{display:block}
	.box1 .widthnexon .hill{padding-top:25px;background:url(images/hill_m.png) center bottom no-repeat;background-size:auto 143px}
	.box1 .widthnexon .hill .area{position:relative;max-width:425px;height:140px;margin:0 auto;}
	.box1 .widthnexon .hill .area .draft{position:absolute;left:20px;top:-75px;width:78px;height:123px;background:url(images/draft.png) left top no-repeat; background-size:contain;}
	.box1 .widthnexon .moviebox{position:relative;z-index:500;height:350px;background:#ffeab6;}
	.box1 .widthnexon .moviebox .area{position:relative;max-width:1424px;height:0;margin:0 auto;}
	.box1 .widthnexon .moviebox .area .movie{position:absolute;left:50%;top:-65px;width:221px;height:394px;margin-left:-110.5px;border-radius:15px;background:#c3c4c7;}
	.box1 .widthnexon .road {position:relative;height:170px;background-image: url(images/glass2.png), url(images/hill2_m.png), url(images/hill2_m_bg.png);background-position: left bottom 55px, right bottom, left bottom 0;background-color: #ffeab6;background-repeat: no-repeat, no-repeat, repeat-x;background-size: 100px auto, auto 167px, auto 167px;}
	.box1 .widthnexon .road .area .bench{position:absolute;left:15%;bottom:48px;width:92px;height:53px;background:url(images/bench.png) left top no-repeat; background-size:92px auto;}
	.box1 .widthnexon .road .people{position:absolute;left:49%;bottom:32px;z-index:500;width:145px;height:143px;background:url(images/people2.png) center no-repeat; background-size:145px auto;}
}
@media only screen and (max-width:425px) {
	.box1 .widthnexon .txt3{max-width:160px;}
	.box1 .widthnexon .txt3 span{display:inline;}
	.box1 .widthnexon .txt3 span.st1{display:inline;}
	.box1 .widthnexon .txt3 span.st2{display:block;}
	
		
}





.box2{background:#cced94;}
.memo_area{max-width:1364px; padding:0 22px 65px 22px; margin:0 auto;}
.memo_area .memobox{position:relative;padding:87px 133px 87px 133px;margin-top:-50px;index:500;background:#ffffff;}
.memo_area .memobox .title{font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:55px;color:#182f60;text-align:center;letter-spacing:-0.05em;}
.memo_area .memobox .title span{display:inline-block;width:55px;height:58px;padding:0 20px;background:url(images/title.png) center no-repeat; vertical-align:middle}
.memo_area .memobox > dl{display:flex;flex-wrap:wrap;padding:40px 0;background:url(images/line.png) left top no-repeat;}
.memo_area .memobox > dl:nth-child(2){margin-top:10px;}
.memo_area .memobox > dl.last{padding-top:20px;}
.memo_area .memobox > dl.bt0{background:none;}
.memo_area .memobox > dl > dt{flex-shrink: 0;width:220px;padding-left:15px;box-sizing:border-box;font-weight:900;font-size:40px;color:#000000}
.memo_area .memobox > dl > dt .sub{color:#727171}
.memo_area .memobox > dl > dd{flex: 1;font-size:40px; color:#000000;}
.memo_area .memobox > dl > dd .sub{color:#727171;}
.memo_area .memobox > dl > dd .sub.ex{letter-spacing:-0.05em}
.memo_area .memobox > dl > dd .sub .last{padding-left:190px;}
.memo_area .memobox > dl > dd .sub2 {font-weight:600;color:#182f60}
.memo_area .memobox > dl > dd .logo{display:inline-block;height:46px;padding-right:28px;}
.memo_area .memobox > dl > dd .logo2{display:inline-block;height:46px;padding-right:28px; padding-bottom:28px}

@media only screen and (max-width:1310px) {
	.memo_area .memobox > dl > dd .sub .last{padding-left:0;}
}
@media only screen and (max-width:960px) {
	.memo_area .memobox > dl > dd .logo2{height:40px;padding-right:20px;padding-bottom:20px}
}
@media only screen and (max-width:900px) {
	.memo_area{max-width:600px;padding:0 22px 38px 22px;}
	.memo_area .memobox{position:relative;padding:55px 30px 55px 30px;margin-top:-28px;}
	.memo_area .memobox .title{font-size:27px;letter-spacing:-0.05em;}
	.memo_area .memobox .title span{width:27.5px;height:29px;padding:0 10px;background-size:contain;}
	.memo_area .memobox > dl{padding:23px 0; background-size:auto 1.5px}
	.memo_area .memobox > dl:nth-child(2){margin-top:10px;}
	.memo_area .memobox > dl.last{padding-top:8px;}
	.memo_area .memobox > dl > dt{width:85px;padding-left:2px;font-size:15px;}
	.memo_area .memobox > dl > dd{font-size:15px;}
	.memo_area .memobox > dl > dd .logo{height:23px;padding-right:14px;}
	.memo_area .memobox > dl > dd .logo2{height:23px;padding-right:14px;padding-bottom:14px}
}
@media only screen and (max-width:410px) {
	.memo_area .memobox > dl > dd .logo2{height:18px;padding-right:12px;padding-bottom:12px}
}



.box3{background:url(images/hill3.png) center top no-repeat,url(images/hill3_bg.png) center top repeat-x;background-color:#87c796}
.memo_area2{max-width:1364px; padding:360px 22px 0 22px; margin:0 auto;}
.memo_area2 .memobox{position:relative;padding:87px 133px 87px 133px;index:500;background:#ffffff;}
.memo_area2 .memobox .title{font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:55px;color:#182f60;text-align:center;letter-spacing:-0.05em;}
.memo_area2 .memobox .title span{display:inline-block;width:55px;height:58px;padding:0 20px;background:url(images/title.png) center no-repeat; vertical-align:middle}
.memo_area2 .memobox > dl{display:flex;flex-wrap:wrap;background:url(images/line.png) left top no-repeat;}
.memo_area2 .memobox > dl:nth-child(2){margin-top:60px;}
.memo_area2 .memobox > dl.last{padding-top:20px;}
.memo_area2 .memobox > dl > dd{width:100%;font-size:40px;}
.memo_area2 .memobox > dl > dd .people{display:flex; align-items: center;height:347px;background:url(images/program1.png) right 5% center no-repeat;}
.memo_area2 .memobox > dl > dd .box{display:flex;}
.memo_area2 .memobox > dl > dd .box > span{flex: 1;padding:45px 0;text-align:center;}
.memo_area2 .memobox > dl > dd .box > span img{display:inline-block;}
.memo_area2 .memobox > dl > dd .box > span > span{display:block;padding-top:30px;}

@media only screen and (max-width:1200px) {
	.memo_area2 .memobox > dl > dd .people{ background-position:right 0 top 60px;}
	.memo_area2 .memobox > dl > dd .people > span{padding-bottom:150px}
}

@media only screen and (max-width:900px) {
	.box3{background:url(images/hill3_m.png) center top no-repeat #87c796; background-size:900px auto;}
	.memo_area2{max-width:600px;padding:87px 22px 38px 22px;}
	.memo_area2 .memobox{position:relative;padding:55px 30px 20px 30px;}
	.memo_area2 .memobox .title{font-size:27px;letter-spacing:-0.05em;}
	.memo_area2 .memobox .title span{width:27.5px;height:29px;padding:0 10px;background-size:contain;}
	.memo_area2 .memobox > dl{background-size:auto 1.5px}
	.memo_area2 .memobox > dl:nth-child(2){margin-top:10px;}
	.memo_area2 .memobox > dl.last{padding-top:8px;}
	.memo_area2 .memobox > dl > dd{font-size:15px;}
	.memo_area2 .memobox > dl > dd .people{height:115px;background-size:auto 88px; background-position:right 5% center;}
	.memo_area2 .memobox > dl > dd .people > span{padding-bottom:0;}
	.memo_area2 .memobox > dl > dd .box > span{padding:30px 0;}
	.memo_area2 .memobox > dl > dd .box > span > img{height:53px;}
	.memo_area2 .memobox > dl > dd .box > span > span{display:block;padding-top:10px;}
}
@media only screen and (max-width:415px) {
	.memo_area2 .memobox > dl > dd .people{ background-position:right 0 top 20px;}
	.memo_area2 .memobox > dl > dd .people > span{padding-bottom:37px}
}

.box4{position:relative;background:#87c796;}
.memo_area3{max-width:1364px; padding:40px 22px 65px 22px; margin:0 auto;}
.memo_area3 .memobox{position:relative;padding:87px 33px 87px 33px;index:500;text-align:center;background:#ffffff;}
.memo_area3 .memobox .title{font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:55px;color:#182f60;text-align:center;letter-spacing:-0.05em;}
.memo_area3 .memobox .title span{display:inline-block;width:55px;height:58px;padding:0 20px;background:url(images/title.png) center no-repeat; vertical-align:middle}
.memo_area3 .memobox .packagearea{max-width:900px;;margin:0 auto;padding-top:70px;text-align:center;}
.memo_area3 .memobox .packagearea .package{position:relative;display:inline-block;width:232px;height:312px;margin:0 10px 40px 10px;background:url(images/package.png) top center no-repeat;}
.memo_area3 .memobox .packagearea .package > span{position:absolute;left:0;bottom:28px;width:100%;font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:25px;color:#25397a;line-height:30px;letter-spacing:-0.05em;}
.memo_area3 .memobox .packagearea .package > span.line1{bottom:43px}
.memo_area3 .memobox .packagearea .package .gift1{position:absolute;left:55px;top:14px;}
.memo_area3 .memobox .packagearea .package .gift2{position:absolute;left:6px;top:55px;}
.memo_area3 .memobox .packagearea .package .gift3{position:absolute;left:6px;top:24px;}
.memo_area3 .memobox .packagearea .package .gift4{position:absolute;left:82px;top:18px;}
.memo_area3 .memobox .packagearea .package .gift5{position:absolute;left:60px;top:18px;}
.memo_area3 .memobox .packagearea .package .gift6{position:absolute;left:48px;top:-14px;}
.memo_area3 .memobox .packagearea .package .none{position:absolute;left:90px;top:65px;}
.memo_area3 .memobox .packagearea .package .label{position:absolute;left:0;bottom:0;}
.memo_area3 .memobox  .subtitle{padding-bottom:30px;font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:40px;color:#25397a;letter-spacing:-0.05em;}
.memo_area3 .memobox  .subtitle > span{display:inline-block;}
.memo_area3 .memobox  dl{display:flex;flex-wrap:wrap;max-width:960px;margin:0 auto;margin-top:40px;;}
.memo_area3 .memobox  dl > dt{flex-shrink: 0;width:175px;}
.memo_area3 .memobox  dl > dt > span{display:block;width:96px;height:96px;margin-top:10px;border-radius:96px;font-weight:900;font-size:60px;color:#ffffff;line-height:96px;background:#25397a;}
.memo_area3 .memobox  dl > dd{flex: 1;font-size:40px;color:#25397a;line-height:60px;text-align:left;}
.memo_area3 .memobox  dl > dd > span{display:inline-block;}
.memo_area3 .memobox  .explan{margin-top:40px;font-size:40px;color:#25397a}
.memo_area3 .memobox  .explan > span{display:inline-block;}
.memo_area3 .memobox  .explan > span.bgline{padding:0 20px;background:#ffe8ee;}
.memo_area3 .memobox  .explan > span > strong{font-weight:700;}

.box4 .btn1{position:absolute;left:50%;bottom:-107px;margin-left:-248px;}


@media only screen and (max-width:900px) {
	.box4{background-size:900px auto;padding-bottom:120px;}
	.memo_area3{max-width:600px;padding:0 22px 38px 22px;}
	.memo_area3 .memobox{position:relative;padding:55px 10px 55px 10px;}
	.memo_area3 .memobox .title{font-size:27px;letter-spacing:-0.05em;}
	.memo_area3 .memobox .title span{width:27.5px;height:29px;padding:0 10px;background-size:contain;}

	.memo_area3 .memobox .packagearea{max-width:400px;padding-top:35px;}
	.memo_area3 .memobox .packagearea .package{width:106px;height:143px;margin:0 0 13px 0; background-size:106px auto;}
	.memo_area3 .memobox .packagearea .package > span{bottom:11px;font-size:12px;line-height:15px; letter-spacing:-0.05em}
	.memo_area3 .memobox .packagearea .package > span.line1{bottom:17px}
	.memo_area3 .memobox .packagearea .package .gift1{position:absolute;left:26px;top:6px;width:57px}
	.memo_area3 .memobox .packagearea .package .gift2{position:absolute;left:7px;top:26px;width:94px}
	.memo_area3 .memobox .packagearea .package .gift3{position:absolute;left:2px;top:13px;width:101px}
	.memo_area3 .memobox .packagearea .package .gift4{position:absolute;left:40px;top:12px;width:30px}
	.memo_area3 .memobox .packagearea .package .gift5{position:absolute;left:28px;top:8px;width:50px}
	.memo_area3 .memobox .packagearea .package .gift6{position:absolute;left:25px;top:-4px;width:58px}
	.memo_area3 .memobox .packagearea .package .none{position:absolute;left:40px;top:30px;width:25px}
	.memo_area3 .memobox .packagearea .package .label{position:absolute;left:0;bottom:0;width:106px}
	.memo_area3 .memobox  .subtitle{padding-bottom:15px;font-size:12px;letter-spacing:-0.05em;}

	.memo_area3 .memobox  dl{max-width:280px;margin-top:16px;}
	.memo_area3 .memobox  dl > dt{width:49px;}
	.memo_area3 .memobox  dl > dt > span{block;width:30px;height:30px;margin-top:2px;border-radius:30px;font-size:19px;line-height:30px;}
	.memo_area3 .memobox  dl > dd{font-size:12px;line-height:18px;}

	.memo_area3 .memobox  .explan{margin-top:16px;font-size:12px;}
	.memo_area3 .memobox  .explan > span.bgline{padding:0 6px;background:#ffe8ee;}

	.box4 .btn1{position:absolute;left:50%;bottom:50px;margin-left:-124px;}
}


.box5{background:url(images/hill4.png) center top no-repeat,url(images/hill4_bg.png) left top repeat-x;background-color:#cced94}


.memo_area4{max-width:1364px; padding:360px 22px 38px 22px; margin:0 auto;}
.memo_area4 .memobox{position:relative;padding:87px 133px 87px 133px;index:500;background:#ffffff;}
.memo_area4 .memobox .title{font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:55px;color:#182f60;text-align:center;letter-spacing:-0.05em;}
.memo_area4 .memobox .title span{display:inline-block;width:55px;height:58px;padding:0 20px;background:url(images/title.png) center no-repeat; vertical-align:middle}
.memo_area4 .memobox .eventarea{display:flex;margin-top:70px;}
.memo_area4 .memobox .eventarea .event{flex:1;text-align:center;font-size:40px;}
.memo_area4 .memobox .eventarea .event p{margin-top:40px;}
@media only screen and (max-width:900px) {
	.box5{background:url(images/hill4_m.png) center top no-repeat #cced94; background-size:900px auto;}
	.memo_area4{max-width:600px;padding:107px 22px 24px 22px;}
	.memo_area4 .memobox{position:relative;padding:55px 30px 20px 30px;}
	.memo_area4 .memobox .title{font-size:27px;letter-spacing:-0.05em;}
	.memo_area4 .memobox .title span{width:27.5px;height:29px;padding:0 10px;background-size:contain;}
	.memo_area4 .memobox .eventarea{margin-top:35px;}
	.memo_area4 .memobox .eventarea .event{font-size:15px;}
	.memo_area4 .memobox .eventarea .event p{margin-top:17px;}
	.memo_area4 .memobox .eventarea .event img{height:59px;}
}

.box6{background:#cced94;}
.memo_area5{max-width:1364px; padding:0 22px 38px 22px; margin:0 auto;}
.memo_area5 .memobox{position:relative;padding:87px 133px 87px 133px;index:500;background:#ffffff;}
.memo_area5 .memobox .title{font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:55px;color:#182f60;text-align:center;letter-spacing:-0.05em;}
.memo_area5 .memobox .title span{display:inline-block;width:55px;height:58px;padding:0 20px;background:url(images/title.png) center no-repeat; vertical-align:middle}
.memo_area5 .memobox .comming{text-align:center;}
.memo_area5 .memobox .comming img{padding:65px 0 10px 0}
.memo_area5 .memobox .comming dt{font-weight:900;font-size:77px;color:#25397a;}
.memo_area5 .memobox .comming dd{font-size:40px;color:#25397a;}
.memo_area5 .memobox .timetable{width:100%;margin-top:90px;margin-bottom:100px;}
@media only screen and (max-width:900px) {
	.box6{}
	.memo_area5{max-width:600px;padding:0 22px 24px 22px;}
	.memo_area5 .memobox{position:relative;padding:55px 25px 55px 25px;}
	.memo_area5 .memobox .title{font-size:27px;letter-spacing:-0.05em;}
	.memo_area5 .memobox .title span{width:27.5px;height:29px;padding:0 10px;background-size:contain;}
	.memo_area5 .memobox .comming{text-align:center;}
	.memo_area5 .memobox .comming img{width:110px;padding:22px 0 10px 0}
	.memo_area5 .memobox .comming dt{font-weight:900;font-size:38px;color:#25397a;}
	.memo_area5 .memobox .comming dd{font-size:15px;color:#25397a;}
	.memo_area5 .memobox .timetable{margin-top:35px;margin-bottom:40px;}
}


.box7{background:#cced94;}
.memo_area6{max-width:1364px; padding:0 22px 38px 22px; margin:0 auto;}
.memo_area6 .memobox{position:relative;padding:87px 133px 87px 133px;index:500;background:#ffffff;}
.memo_area6 .memobox .title{font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:55px;color:#182f60;text-align:center;letter-spacing:-0.05em;}
.memo_area6 .memobox .title span{display:inline-block;width:55px;height:58px;padding:0 20px;background:url(images/title.png) center no-repeat; vertical-align:middle}
.memo_area6 .memobox .comming{text-align:center;}
.memo_area6 .memobox .comming img{padding:65px 0 10px 0}
.memo_area6 .memobox .comming dt{font-weight:900;font-size:77px;color:#25397a;}
.memo_area6 .memobox .comming dd{font-size:40px;color:#25397a;}
.memo_area6 .memobox .course1{width:100%;margin-top:80px;margin-bottom:20px;}
.memo_area6 .memobox .course2{width:100%;margin-bottom:20px;}
@media only screen and (max-width:900px) {
	.box7{}
	.memo_area6{max-width:600px;padding:0 22px 24px 22px;}
	.memo_area6 .memobox{position:relative;padding:55px 30px 20px 30px;}
	.memo_area6 .memobox .title{font-size:27px;letter-spacing:-0.05em;}
	.memo_area6 .memobox .title span{width:27.5px;height:29px;padding:0 10px;background-size:contain;}
	.memo_area6 .memobox .comming{text-align:center;}
	.memo_area6 .memobox .comming img{width:110px;padding:22px 0 10px 0}
	.memo_area6 .memobox .comming dt{font-weight:900;font-size:38px;color:#25397a;}
	.memo_area6 .memobox .comming dd{font-size:15px;color:#25397a;}
	.memo_area6 .memobox .course1{margin-top:35px;margin-bottom:0px;}
	.memo_area6 .memobox .course2{margin-bottom:5px;}
}

.box8{position:relative;background:#cced94;}
.memo_area7{max-width:1364px; padding:0 22px 314px 22px; margin:0 auto;}
.memo_area7 .memobox{position:relative;padding:87px 133px 87px 133px;index:500;background:#ffffff;}
.memo_area7 .memobox .title{font-weight:900;font-size:55px;color:#182f60;text-align:center;letter-spacing:-0.05em;}
.memo_area7 .memobox .title span{display:inline-block;width:55px;height:58px;padding:0 20px;background:url(images/title.png) center no-repeat; vertical-align:middle}
.memo_area7 .memobox .logo{padding:54px 0 168px 0;text-align:center;}
.memo_area7 .memobox .logo:last-child{padding-bottom:0;}
.memo_area7 .memobox .logo img{margin: 0 23px 17px 23px;}

.box8 .btn1{position:absolute;left:50%;bottom:90px;margin-left:-248px;}
@media only screen and (max-width:900px) {
	.box8{}
	.memo_area7{max-width:600px;padding:0 22px 166px 22px;}
	.memo_area7 .memobox{position:relative;padding:55px 0 20px 0;}
	.memo_area7 .memobox .title{font-size:27px;letter-spacing:-0.05em;}
	.memo_area7 .memobox .title span{width:27.5px;height:29px;padding:0 10px;background-size:contain;}
	.memo_area7 .memobox .logo{padding:24px 0 78px 0;text-align:center;}
	.memo_area7 .memobox .logo:last-child{padding-bottom:0;}
	.memo_area7 .memobox .logo img{height:39px;margin: 0 10px 20px 10px;}

	.box8 .btn1{position:absolute;left:50%;bottom:50px;margin-left:-124px;}

}


.box9{background:#a4d5f3;}
.box9 .con{max-width:1364px;padding:0 22px 88px 22px;margin:0 auto;}
.box9 > p{padding:60px 0 30px;font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:55px;color:#ffffff;text-align:center;}
.box9 .con .box{padding:80px 144px;margin-top:20px;font-size:40px;line-height:1.5;background:#ffffff;}
.box9 .con .box:first-child{margin-top:0;}
.box9 .con .box > p{margin-top:10px;}
.box9 .con .box > p > span{display:inline-block}
.box9 .con .box > p.t1{font-weight:900;font-size:40px;}
.box9 .con .box > p.t2{padding-left:40px;background:url(images/point.png) left 5px top 25px no-repeat;}
.box9 .con .box > p.t3{color:#727171}
@media only screen and (max-width:900px) {
	.box9 .con{max-width:600px;padding:0 22px 30px 22px;}
	.box9 > p{padding:27px 0 17px;font-size:27px;}
	.box9 .con .box{padding:20px 35px;margin-top:20px;font-size:15px;}
	.box9 .con .box > p{margin-top:5px;}
	.box9 .con .box > p.t1{font-size:15px;}
	.box9 .con .box > p.t2{padding-left:15px;background:url(images/point.png) left 4px top 9px no-repeat;background-size:4px auto;}
}

.box10{background:#66aee0;}
.box10 .con{max-width:1364px;padding:0 22px 88px 22px;margin:0 auto;}
.box10 > p{padding:60px 0 30px;font-family: 'HakgyoansimDunggeunmisoTTF-B';font-size:55px;color:#ffffff;text-align:center;}
.box10 .con .box{padding:80px 144px;margin-top:20px;font-size:40px;line-height:1.5;background:#ffffff;}
.box10 .con .box:first-child{margin-top:0;}
.box10 .con .box > p{margin-top:2px;}
.box10 .con .box > p > span{display:inline-block}
.box10 .con .box > p.t1{font-weight:900;font-size:40px;}
@media only screen and (max-width:900px) {
	.box10 .con{max-width:600px;padding:0 22px 30px 22px;}
	.box10 > p{padding:27px 0 17px;font-size:27px;}
	.box10 .con .box{padding:20px 35px;margin-top:20px;font-size:15px;}
	.box10 .con .box > p{margin-top:2px;}
	.box10 .con .box > p.t1{font-size:15px;}
	.box10 .con .box > p.t1 > span{display:inline-block;}
}



/*footer*/
.footer{ width:100%; padding:25px 0; background-color:#363636; text-align:center}
.footer ul{ font-size:0px}
.footer li{ display:inline-block; margin:13px 25px 0 25px; font-size:20px; line-height:41px; color:#ffffff;} 
.footer li.logo{ width:127px; height:60px; margin-top:0; background:url(images/f_logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span{ display:inline-block; height:41px;}
.footer li span.kakao{ width:41px; height:41px; background:url(images/f_kakao.png) center no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span.txt{ padding:0 30px 0 52px; margin-left:12px; border-radius:21px; background:#fff url(images/f_icon.jpg) 19px center no-repeat; background-size:28px auto; color:#363636;}
@media only screen and (max-width:1130px) {
.footer li{ margin:13px 15px 0 15px; font-size:18px; line-height:41px;} 
}
@media only screen and (max-width:900px) {
.footer{ padding:15px 0 73px 0;}
.footer li{ margin:7px 12px 0 12px; font-size:13px; line-height:22px;} 
.footer li.logo{ width:64px; height:30px; background-size:auto 100%; margin-top:0}
.footer li span{ height:22px;}
.footer li span.kakao{ width:22px; height:22px;}
.footer li span.txt{ padding:0 12px 0 25px; margin-left:6px; border-radius:6px; background-position:6px center; background-size:16px auto;}
}
@media only screen and (max-width:650px) {
.footer li{ margin:7px 8px 0 8px; font-size:12px;;} 
.footer li.logo{ width:100%; margin:5px 0 0 0; background-position:center}
}


.hashtagText{position:absolute;left:-200%;top:-200%}
.dib{display:inline-block;}
.btn1{display:block;width:496px;height:112px;margin:0 auto;font-weight:800;font-size:40px;color:#ffffff !important;line-height:112px;text-align:center;background:#182f60;cursor:pointer}
.btn1:hover{background:#000000;}
@media only screen and (max-width:900px) {
	.btn1{width:248px;height:56px;font-size:20px;line-height:56px;}
}



.sub_title1{padding-left:35px;text-indent:-35px; font-weight:900;font-size:40px;}
.sub_title1 .point{font-weight:500;}
.sub_title1 .bg{padding:0 8px;color:#25397a;background:#ffe8ee;}
.sub_title1.st1{margin-top:30px;}

.sub_explan{display:flex;align-items:flex-start;margin-top:30px;font-size:40px; letter-spacing:-0.05em}
.sub_explan.mtn{margin-top:0;}
.sub_explan .icon{width:77px;padding:8px 36px 0 0; box-sizing:border-box;}
.sub_explan .nowrap{font-weight:900;margin-right:16px;white-space:nowrap}
.sub_explan .text2{display:block;font-weight:600;color:#25397a}
.sub_explan .bar{ padding-left:25px;text-indent:-25px;}
.sub_explan > div > span{display:inline-block;}
@media only screen and (max-width:900px) {
	.sub_title1{padding-left:14px;text-indent:-14.5px;font-size:14px;}
	.sub_title1 .bg{padding:0 2px;}
	.sub_title1.st1{margin-top:15px;}
	
	.sub_explan{margin-top:13px;font-size:14.5px;letter-spacing:-0.05em}
	.sub_explan .icon{width:15px;padding:4px 4px 0 0;}
	.sub_explan .icon > img{width:11px;height:auto;}
	.sub_explan .nowrap{margin-right:5px;}
	.sub_explan .bar{ padding-left:8px;text-indent:-8px;}
}


.sub_title2{margin-top:90px;margin-bottom:30px;font-weight:900;font-size:40px;color:#25397a}
@media only screen and (max-width:900px) {
.sub_title2{margin-top:40px; margin-bottom:10px;font-size:14.5px;}
}



.db{display:block;}
.tdlt{text-decoration: line-through;}