/* pretendard */
@font-face {
  font-family: 'Pretendard';
  src: url('/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

/* Noto Serif KR */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;700&display=swap');


@font-face {
  font-family: 'GodoMaum';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/godoMaum.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}


/* 나눔스퀘어 네오 */
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2);
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff2);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2);
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2);
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif KR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif KR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* 어비 컹컹 */
/*@font-face{font-family:'EobiKeongkeong';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeeKeongKeong.woff') format('woff');font-weight:normal;font-display:swap;}*/
/* 어비 베이비 */
/*@font-face {
    font-family: 'AbeeBaby';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeebaby.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}*/
/* 어비 똥영 */
/*@font-face {
    font-family: 'AebiTtolYeong';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeeddolyoung.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}*/
/* 어비 마츠코체 */
/*@font-face {
    font-family: 'AbiMatsuko';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeematsuko.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}*/

/* 초록우산 어린이만세 */
/*@font-face {
    font-family: 'YoonChoWooSan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408@1.0/YoonChildfundkoreaManSeh.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}*/

/* SD 에그로체 */
/*@font-face { font-family:'SBAggro'; font-weight:300; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff'); font-display:swap; }
@font-face { font-family:'SBAggro'; font-weight:500; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff'); font-display:swap; }
@font-face { font-family:'SBAggro'; font-weight:700; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff'); font-display:swap; }
*/



html{overflow:scroll;overflow-x:auto;}
html{ width:100%;height:100%;-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{ 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:#333333;line-height:1.4; word-break:keep-all;}
img{border:none;vertical-align:top}

/*@media (min-width:361px){
    body{
		overflow:hidden;
        transform: scale(1.05);
        transform-origin: top center;
    }
}
*/

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

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); font-family: 'NanumSquareNeo','Pretendard Variable',sans-serif,'Noto Sans KR';}
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}

body{letter-spacing:-0.025em;}

:root {
	--c-point:#f56a6a;	
	--c-main:#612527;
	--c-white:#ffffff;
	--c-black:#333333;
	--c-font:#da5e5e;
	--c-color2:#f6b6b6;
	--c-color3:#f5f5f5;
	--c-color4:#cccccc;
	
	
}

.wrap{overflow:hidden}

/* visual */
h1{position:fixed; left:50px; top:50px; z-index:99999; width:134px; height:44px; background: url(images/logo.svg) left top no-repeat; background-size:100% auto; text-indent:-999999px;}
@media only screen and (max-width:1024px) {
	h1{left:5.5556vw; top:5.5556vw; width:25vw; height:8.2vw;}
}


.quick-area{ display:flex; align-items: center; justify-content: center; position:fixed;right:30px;bottom:201px;z-index:9000;}
.quick-area a{ display:block; width:186px;height:307px; font-size:32px; font-weight:800; line-height:47px; color:#ffffff;filter: drop-shadow(4px 6px 7px rgba(0,0,0,0.3));background:url(images/banner.png) center no-repeat; background-size:contain;}
.quick-area a:hover{background:url(images/banner-on.png) center no-repeat; background-size:contain;}
.quick-area a img{}
.quick_area_mobile{display:none;}
@media only screen and (max-width:1024px) {
.quick-area{display:none;}
.quick_area_mobile{display:block;position:fixed;left:0;bottom:2.79vw;z-index:9000;width:100%;height:26.96vw;}
.quick_area_mobile a{display:block;width:84.08vw;height:26.96vw;margin:0 auto;background:url(images/banner-m.png) center;background-size:contain;filter: drop-shadow(0 0.98vw 0.98vw rgba(0,0,0,0.3));}
.quick_area_mobile a span{display:none;}
}


.content-area{max-width:1476px;margin:0 auto;}
.content-area > .text > p{padding-bottom:30px;}
.content-area > .text strong{font-weight:700;}
.content-area > .text .line{display:block;position:relative;}
@media screen and (max-width:1024px){
.content-area{max-width:206.15vw;}
.content-area > .text >p{width:100%;padding-bottom:4.19vw;}
}


.section-1{display:flex;height:850px;background:url(images/section-1.jpg) center no-repeat; background-size:cover;}
.section-1 .content-area{display:flex;justify-content:flex-end;text-align:left;width:100%;}
.section-1 .content-area .text{display:flex;flex-direction:column;align-items:flex-start;margin:230px 146px 0 0;color:var(--c-main);font-size:26px;letter-spacing:-0.01em;}
@media screen and (max-width:1024px){
.section-1{height:160.75vw;background:url(images/section-1-m.jpg) center no-repeat;background-size:cover;}
.section-1 .content-area{justify-content:center;text-align:center;width:100%;}
.section-1 .content-area .text{align-items:flex-start;margin:84.78vw 0 0 0;color:var(--c-main);font-size:3.91vw;line-height:5.45vw;text-align:center;}
.section-1 .content-area .text img{width:40.08vw;margin:0 auto;}
.section-1 .content-area .text p{width:100%;}
}


.section-2{display:flex;align-items: center;height:890px;background:url(images/section-2.jpg) center no-repeat; background-size:cover;}
.section-2 .content-area{display:flex;justify-content:flex-start;text-align:left;width:100%;}
.section-2 .content-area .text{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0 133px;color:var(--c-main);font-size:26px;letter-spacing:-0.01em;}
@media screen and (max-width:1024px){
.section-2{align-items:flex-start;height:172.98vw;background:url(images/section-2-m.jpg) center no-repeat;background-size:cover;}
.section-2 .content-area .text{margin:74.72vw 0 0 7.82vw;font-size:3.91vw;line-height:5.45vw;}
}

.section-3{display:flex;align-items: center;height:902px;background:url(images/section-3.jpg) center no-repeat; background-size:cover;}
.section-3 .content-area{display:flex;justify-content:flex-end;text-align:left;width:100%;}
.section-3 .content-area .text{display:flex;flex-direction:column;align-items:flex-start;margin:0 107px 0 0;color:var(--c-main);font-size:26px;letter-spacing:-0.01em;}
@media screen and (max-width:1024px){
.section-3{align-items:flex-start;height:185.06vw;background:url(images/section-3-m.jpg) center no-repeat;background-size:cover;}
.section-3 .content-area{justify-content:flex-end;text-align:right;width:100%;}
.section-3 .content-area .text{align-items:flex-end;margin:86.87vw 8.24vw 0 0;font-size:3.91vw;}
}

.section-4{display:flex;align-items: center;height:256px;background:url(images/section-4.jpg) center no-repeat; background-size:cover;}
.section-4 .content-area{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;text-align:center;}
.section-4 .content-area dl{display:flex;flex-direction:column;}
.section-4 .content-area dl dt{font-family: 'Noto Serif KR';font-weight:700;font-size:56px;color:var(--c-main);}
.section-4 .content-area dl dd{font-family: 'Noto Serif KR';font-weight:500;font-size:31px;color:var(--c-main);}
.section-4 .content-area dl dd span{padding:0 10px;background:url(images/text-bg.png) center bottom repeat-x;}
.section-4 .content-area .ps{position:absolute;right:30px;bottom:-45px;font-family: 'Noto Serif KR';font-size:16px;color:var(--c-main);}
@media screen and (max-width:1024px){
.section-4{height:42.46vw;background:url(images/section-4-m.jpg) center no-repeat;background-size:cover;}
.section-4 .content-area dl dt{width:62.85vw;margin:0 auto;font-size:6.70vw;}
.section-4 .content-area dl dd{font-size:3.63vw;}
.section-4 .content-area dl dd span{background-size:auto 3.49vw;}
.section-4 .content-area .ps{right:5.59vw;bottom:-6.98vw;font-size:1.96vw;}
}

.section-5{display:flex;align-items: center;height:890px;background:url(images/section-5.jpg) center no-repeat; background-size:cover;}
.section-5 .content-area{display:flex;justify-content:flex-start;text-align:left;width:100%;}
.section-5 .content-area .text{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0 133px;color:var(--c-main);font-size:26px;letter-spacing:-0.01em;}
@media screen and (max-width:1024px){
.section-5{align-items:flex-start;height:193.99vw;background:url(images/section-5-m.jpg) center no-repeat;background-size:cover;}
.section-5 .content-area .text{margin:9.08vw 0 0 7.82vw;font-size:3.91vw;line-height:5.45vw;}
.section-5 .content-area .text a{margin:4.19vw 0 0 0;}
}

.section-6{display:flex;align-items: center;height:1079px;background:url(images/section-6.jpg) center no-repeat; background-size:cover;}
.section-6 .content-area{display:flex;justify-content:flex-end;text-align:left;width:100%;}
.section-6 .content-area .text{display:flex;flex-direction:column;align-items:flex-start;margin:0 207px 0 0;color:var(--c-main);font-size:28px;line-height:39px;letter-spacing:-0.01em;}
.section-6 .content-area .text .point{position:absolute;left:-200px;top:-200px;z-index:0;width:689px;height:582px;background:url(images/point.png) center no-repeat;background-size:100% auto;opacity:0;transform:scale(0.85);transform-origin:center center;pointer-events:none;}
.section-6 .content-area .text .motion.active .point{animation: pointFadeGrow 1.5s ease-out forwards;}
.section-6 .content-area .text img{position:relative;z-index:100;}
@media screen and (max-width:1024px){
.section-6{align-items:flex-start;height:211.45vw;background:url(images/section-6-m.jpg) center no-repeat;background-size:cover;}
.section-6 .content-area{justify-content:center;text-align:center;width:100%;}
.section-6 .content-area .text{margin:90.50vw 0 0 0;font-size:3.91vw;line-height:5.45vw;}
.section-6 .content-area .text .point{left:-13.97vw;top: -27.93vw;width:75.56vw;height:71.79vw;}
.section-6 .content-area .text img{width:40.08vw;}
}

.section-7{display:flex;align-items: center;height:788px;background:url(images/section-7.jpg) center no-repeat; background-size:cover;}
.section-7 .content-area{display:flex; justify-content: space-between;text-align:left;width:100%;}
.section-7 .content-area .text{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0 133px;color:var(--c-main);font-size:26px;letter-spacing:-0.01em;}
.section-7 .content-area .news{width:408px;height:366px;padding-top:98px;margin:180px 30px 0 0; box-sizing:border-box;font-size:24px;background:url(images/section-7-bg.png) center no-repeat;}
.section-7 .content-area .news p{margin:0 0 23px 31px;padding-left:17px;border-left:3px solid var(--c-font);line-height:31px;}
.section-7 .content-area .news p .line{display:block;}
.section-7 .content-area .news p .line .t1{color:#000000}
.section-7 .content-area .news p .line .t2{color:var(--c-point)}
.section-7 .content-area .news p:nth-child(2){margin-bottom:13px}
.section-7 .content-area .news .ps{padding-left:50px;font-size:16px;line-height:26px;}
.section-7 .content-area .news .ps .line{display:block;}
@media screen and (max-width:1024px){
.section-7{align-items:flex-start;height:161.59vw;background:url(images/section-7-m.jpg) center no-repeat;background-size:cover;}
.section-7 .content-area{flex-direction:column-reverse;}
.section-7 .content-area .text{margin:2.79vw 0 0 8.38vw;font-size:3.91vw;line-height:5.45vw;}
.section-7 .content-area .news{width:56.98vw;height:51.12vw;padding-top:13.69vw;margin:26.40vw 0 0 37.43vw;box-sizing:border-box;font-size:3.35vw;background:url(images/section-7-bg.png) center no-repeat; background-size:cover;}
.section-7 .content-area .news p{margin:0 0 3.21vw 4.33vw;padding-left:2.37vw;border-left:0.42vw solid var(--c-font);line-height:4.33vw;}
.section-7 .content-area .news p .line{display:block;}
.section-7 .content-area .news p .line .t1{color:#000000;}
.section-7 .content-area .news p .line .t2{color:var(--c-point);}
.section-7 .content-area .news p:nth-child(2){margin-bottom:1.82vw;}
.section-7 .content-area .news .ps{padding-left:6.98vw;font-size:2.23vw;line-height:3.63vw;}
.section-7 .content-area .news .ps .line{display:block;}
}

.section-8{display:flex;align-items: center;height:608px;background:url(images/section-8.jpg) center no-repeat; background-size:cover;}
.section-8 .content-area{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;text-align:center;}
.section-8 .content-area p{font-family: 'Noto Serif KR';font-weight:500;font-size:45px;line-height:65px;}
.section-8 .content-area p .line{display:block;position:relative;}
.section-8 .content-area p .line strong{display:inline-block;font-weight:600;color:var(--c-font)}
@media screen and (max-width:1024px){
.section-8{align-items:flex-start;height:103.07vw;background:url(images/section-8-m.jpg) center no-repeat;background-size:cover;}
.section-8 .content-area p{margin-top:9.08vw;font-size:5.31vw;line-height:7.40vw;}
}

.section-9{display:flex;align-items: center;height:758px;}
.section-9 .content-area{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;text-align:center;}
.section-9 .content-area p{font-weight:700;font-size:60px;line-height:80px;}
.section-9 .content-area p .line{display:block;}
.section-9 .content-area p .line strong{font-weight:600;color:var(--c-font)}
.section-9 .btn-wrap{display:flex;justify-content: center;gap:36px;margin-top:30px;}
.section-9 .btn-wrap .btn2{width:572px;height:164px;border:5px solid var(--c-point);border-radius:20px;font-weight:600;font-size:50px;line-height:164px;background:var(--c-point);}
.section-9 .btn-wrap .btn2.outline{color:var(--c-point);background:var(--c-white);}
.section-9 .btn-wrap .btn2.outline:hover{border:5px solid #bf4848;color:var(--c-white);background:var(--c-black);;background:#bf4848 ;}
.section-9 .btn-wrap .btn2.primary{color:var(--c-white)}
.section-9 .btn-wrap .btn2.primary:hover{border:5px solid #bf4848;color:var(--c-white);background:var(--c-black);;background:#bf4848 ;}
@media screen and (max-width:1024px){
.section-9{height:58.66vw;}
.section-9 .content-area p{font-size:5.31vw;line-height:7.40vw;}
.section-9 .btn-wrap{gap:2.51vw;margin-top:0;}
.section-9 .btn-wrap .btn2{width:40.08vw;height:12.43vw;border:0.28vw solid var(--c-point);border-radius:1.40vw;font-size:3.91vw;line-height:12.43vw;}
.section-9 .btn-wrap .btn2.outline:hover{width:40.08vw;height:12.43vw;border:0.28vw solid #bf4848 ;border-radius:1.40vw;font-size:3.91vw;line-height:12.43vw;background:#bf4848 ;}
.section-9 .btn-wrap .btn2.primary:hover{width:40.08vw;height:12.43vw;border:0.28vw solid #bf4848 ;border-radius:1.40vw;font-size:3.91vw;line-height:12.43vw;background:#bf4848 ;}

}


.section-10{display:flex;align-items: center;height:758px;background:var(--c-color3);}
.section-10 .content-area{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;text-align:center;}
.section-10 .content-area p{font-size:30px;line-height:45px;}
.section-10 .content-area p .line{display:block;}
.section-10 .content-area p .line strong{font-weight:600;color:var(--c-font)}
.section-10 .content-area p .line.txt1{padding-bottom:27px;font-weight:600;font-size:50px;}
.section-10 .content-area .photo{display:flex;justify-content:center;gap:60px;}
.section-10 .content-area .photo dl{}
.section-10 .content-area .photo dl dt{font-family: 'NanumSquareNeo';font-weight:800;font-size:31px;}
.section-10 .content-area .photo dl dd{padding:35px 0;}
.section-10 .content-area .photo dl dd img{width:254px;}
@media screen and (max-width:1024px){
.section-10{height:135.89vw;}
.section-10 .content-area p{padding-bottom:2.79vw;font-size:3.07vw;line-height:4.19vw;}
.section-10 .content-area p .line-m{display:block;}
.section-10 .content-area p .line.txt1{padding-bottom:2.37vw;font-size:5.17vw;line-height:6.56vw;}
.section-10 .content-area .photo{gap:0 6.98vw;flex-wrap:wrap;}
.section-10 .content-area .photo dl:nth-child(1){width:100%;}
.section-10 .content-area .photo dl dt{font-size:4.05vw;}
.section-10 .content-area .photo dl dd{padding:2.51vw 0;}
.section-10 .content-area .photo dl dd img{width:34.22vw;}
}


.section-11{display:flex;align-items: center;height:117px;background:var(--c-color4);}
.section-11 .content-area{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;text-align:center;}
.section-11 .content-area p{padding-bottom:0;font-size:20px;}
.section-11 .content-area p .line{display:block;}
@media screen and (max-width:1024px){
.section-11{height:17.04vw;}
.section-11 .content-area p{width:76.82vw;margin:0 auto;font-size:2.79vw;line-height:4.19vw;}
}







a.btn{display:block;width:379px;height:97px; border-radius:20px; font-family: 'NanumSquareNeo'; font-weight:700; font-size:26px;text-align:center;line-height:97px;color:var(--c-white);background:var(--c-point);}
a.btn:hover{background:#bf4848;}
a.btn.st2{font-weight:800;color:var(--c-main);background:var(--c-color2);}
a.btn.st2:hover{background:#fda2a2;}
@media screen and (max-width:1024px){
a.btn{width:52.93vw;height:12.57vw;margin:0 auto;border-radius:1.40vw;font-size:3.91vw;line-height:12.57vw;}
}


.f-title{font-family: 'GodoMaum';font-size:200px;font-style: italic; line-height:200px; color:var(--c-point);}
.f-subtitle{ font-family: 'Noto Serif KR';font-weight:700;font-size:55px;line-height:75px; color:var(--c-font);}
@media screen and (max-width:1024px){
.f-title{font-size:27.93vw;line-height:27.93vw;}
.f-subtitle{font-size:6.70vw;line-height:8.80vw;}
}

.mt20{margin-top:20px;}
@media screen and (max-width:1024px){
.mt20{margin-top:2.79vw;}
}




/*footer*/
.footerWrap{ position:relative; width:100%; background:#363636; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';  color:white; font-size:1rem; position:relative; float:left; text-decoration: none;}
#footer{width:70%; height:100%; position:relative; margin:0 auto; padding-top:80px;}
#footer:after{display:block;content:"";clear:both;}
.footerTitleList{width:20%; position:relative; float:left; font-weight: 700;}
.footerTitleList li{margin-bottom:20px;}
.footerTextList{width:40%; position:relative; float:left;}
.footerTextList li{margin-bottom:20px;}
.footerKakao{width:40%; position:relative; float:left;}
.footerKakao li span{display:block; float:right; height:35px;}
.footerKakao li span.kakao{ width:35px; height:35px; background:url(images/f_kakao.png) center no-repeat; background-size:100% auto; text-indent:-999999px}
.footerKakao li span.txt{ padding:0 20px 0 40px; margin-left:3px; line-height:35px; border-radius:21px; background:#fff url(images/f_icon.jpg) 10px center no-repeat; background-size:25px auto; color:#363636;}
.footerIconList{width:100%; height:50px; position:relative;margin-top:50px;  float:left; }
.footerIconList > li{float:left; margin-right:20px; text-align: center;}
.footerIconList > li img{width:100%; height:auto; }
.footerIconList > li a{ display:block; width:100%;}
.footerIconList > li:last-child{float:right; bottom:0; margin-right:0;}
.footerWrap p{ float:left; width:100%; margin:40px auto 0 auto; border-top:1px solid #444; padding:20px 15%; font-size:14px; line-height:20px; text-align:center; color:#CCC; box-sizing:border-box; word-break:keep-all}
@media screen and (max-width:1024px){
.footerWrap{padding-bottom:29.75vw}
.footerWrap .brM{display: inline-block;}
}

@media screen and (max-width:780px){
#footer{width:90%;}
.footerTitleList,.footerTextList{font-size:0.813rem; line-height:1.2rem; }
.footerKakao li span{height:30px;}
.footerKakao li span.kakao{ width:30px; height:30px; }
.footerKakao li span.txt{ padding:0 10px 0 25px; margin-left:2px; line-height:30px; border-radius:15px; font-size:0.813rem; background-size:18px auto; background-position:6px center}
.footerIconList>li:last-child{float:left;}
.footerWrap p{ /*padding:10px 10%;*/ font-size:13px; margin-top:20px; line-height:18px;}
}
@media screen and (max-width:640px){
.footerWrap{}
.footerIconList>li{margin-bottom:50px;}

}
@media screen and (max-width:540px){
.footerTextList{width:80%; }
.footerKakao{width:auto; position:absolute; right:4%; top:50px;}
.footerIconList{height:100px;}
.footerIconList>li{margin-bottom:20px;}
.footerIconList>li:last-child{clear:both;}
.footerWrap{}
.footerWrap p{ margin-top:30px; }
}

@media screen and (max-width:480px){
.footerIconList>li{width:10%;}
.footerIconList>li:last-child{width:100px;}
/*.footerWrap p{ padding:10px 5% 0 5%}*/
}



/* motion */
.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);}

.delay1 { transition-delay: 0.2s; }
.delay2 { transition-delay: 0.4s; }
.delay3 { transition-delay: 0.6s; }
.delay4 { transition-delay: 0.8s; }

@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);}
}


/*포인트 커지기 */
@keyframes pointFadeGrow{
	0%{opacity:0;transform:scale(0.6);}
	100%{opacity:1;transform:scale(1);}
}