@charset "utf-8";

body{position:relative;height: auto;max-width: 2560px;margin: 0 auto;}
#body_layout{overflow:hidden;}
.layout{position:relative;max-width: 1400px;margin:0 auto;}

#wrap {position: relative;overflow: hidden;}
#header_layout{position:relative;z-index:999}
#header_group{height:auto;}
#siteLink a{display:block;position:absolute;}
#siteLink .link{right: 110px;top: 40px;padding: 18px 27px;background: #fff;border-radius: 30px;color: #282828;font-size: 16px;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);}
#siteLink .link2{right: 250px;top: 40px;padding: 14.5px 27px;background: #fff;border-radius: 30px;color: #282828;font-size: 14px;line-height: 1.2;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);text-align: center;}
#siteLink .link3{right: 445px;top: 40px;padding: 14.5px 27px;background: #fff;border-radius: 30px;color: #282828;font-size: 14px;line-height: 1.2;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);text-align: center;}
#siteLink .link:before{display:inline-block;width:20px;height:20px;margin-right:5px;background:url(/kr/event/img/link_btn.png);vertical-align:middle;content:'';}
#siteLink #moOpen{position:absolute;right:34px;top:32px;z-index: 9;width:72px;height:80px;background:url(/kr/event/img/gnb_btn.png);}

#mcont1{position: relative;height: 1155px;background: #d5f1f5 url(/kr/event/img/cloud2.png) no-repeat center 10%;}
#mcont1:before{position:absolute;bottom: 172px;left:50%;z-index: 1;width:2560px;height: 731px;background: url(/kr/event/img/cloud.png) center top no-repeat;transform: translateX(-50%);content:'';-webkit-animation: cloud_ani 2s cubic-bezier(.25,.46,.45,.94) both;animation:cloud_ani 2s cubic-bezier(.25,.46,.45,.94) both;}
#mcont1:after{position:absolute;bottom:0;left:50%;z-index: 1;width:2560px;height: 518px;background: url(/kr/event/img/mcont1_bg1.png) center bottom no-repeat;transform: translateX(-50%);content:'';}
#mcont1 .layout{position:relative;z-index: 3;}
#mcont1 .gist_link{position: absolute;left: 0;top: 0;z-index: 4;width: 260px;height: 260px;}
#mcont1 .gist_link:after{display:block;position: absolute;top:0;left: 0;z-index: -1;width: 260px;height: 260px;background: url(/kr/event/img/mcont1_linkbg.png);transition: top,left 0.5s linear;-webkit-transition: top,left 0.5s linear;animation-name:page_ani;animation-iteration-count:infinite;animation-duration: 1.5s;animation-timing-function:linear;animation-delay:1s;-webkit-animation-name:page_ani;-webkit-animation-iteration-count:infinite;-webkit-animation-duration: 1.5s;-webkit-animation-timing-function:linear;-webkit-animation-delay:1s;content:'';}
#mcont1 .gist_link a{display:block;width:100%;height:100%;}
#mcont1 .gist_link strong{display: block;position: absolute;top:39px;left: 36px;z-index: -1;width:93px;height:39px;background: url(/kr/event/img/mcont1_linktxt.png);font-size:0;}
#mcont1 .gist_link span{display: block;position: absolute;top:40px;left: 155px;z-index: 1;font-size:16px;color:#282828;font-family: 'nmj';font-weight: bold;line-height:1.5}
#mcont1 .gist_link span b{display:inline-block;color:#df3127;font-family:'nmj'}
#mcont1 .flower_left{position:absolute;left:0;top:195px;z-index: 10;width:389px;height:279px;background:url(/kr/event/img/flower_left.png);-webkit-animation: tilt-in-bl 15s cubic-bezier(.25,.46,.45,.94) both infinite;animation: tilt-in-bl 15s cubic-bezier(.25,.46,.45,.94) both infinite;}
#mcont1 .flower_right{position:absolute;right:0;top:115px;z-index: 1;width:555px;height:230px;background:url(/kr/event/img/flower_right.png);-webkit-animation: tilt-in-bl 15s cubic-bezier(.25,.46,.45,.94) both infinite;animation: tilt-in-br 15s cubic-bezier(.25,.46,.45,.94) both infinite;animation-delay: .3s;}
#mcont1 .tree_left{position:absolute;left:0;bottom:268px;z-index: 2;width:147px;height:368px;background:url(/kr/event/img/tree_left.png);-webkit-animation: tilt-in-tl 2s cubic-bezier(.25,.46,.45,.94) both;animation:tilt-in-tl 2s cubic-bezier(.25,.46,.45,.94) both;}
#mcont1 .tree_right{position:absolute;right:0;z-index: 2;bottom:174px;width:137px;height:303px;background:url(/kr/event/img/tree_right.png);-webkit-animation:tilt-in-tr 2s cubic-bezier(.25,.46,.45,.94) both;animation:tilt-in-tr 2s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.5s}
#mcont1 .layout{position: relative;padding-top: 120px;text-align:center;}
#mcont1 .title .logo{display:block;width: 264px;height: 52px;margin: 0 auto 23px;background: url(/kr/event/img/logo.png);}
#mcont1 .title .logo .img{width: 56px;height: 52px;}
#mcont1 .title .logo .img em{}
#mcont1 .title .logo .txt{font-size: 0;}
#mcont1 .title p:before{position:absolute;left: 50%;top:0;width: 1px;height: 33px;background:#b4cdd1;content:'';}
#mcont1 .title p{position:relative;padding-top: 55px;font-size:16px;color: #507880;font-family:'nmj';}
#mcont1 .link_wrap{position:relative;z-index:2;height:680px;margin-top: 190px;}
#mcont1 .link_wrap .link{position:absolute;}
#mcont1 .link_wrap .link a{display:block;overflow:hidden;position: absolute;width:168px;height:169px;padding-top:40px;padding-right: 13px;background:url(/kr/event/img/mcont1_txt.png);text-align:center;color:#fff;line-height:1.4;}
#mcont1 .link_wrap .link a span{display:block;font-size:15px;font-weight:bold;line-height: 1.2;}
#mcont1 .link_wrap .link a b{display:block;margin: 5px 0 6px;font-size:25px;color:#fee71f;font-weight:bold;line-height: 1.2;}
#mcont1 .link_wrap .link a em{display:block;overflow: hidden;position: relative;margin: 0 30px;font-size:13px;line-height: 1.2;}
#mcont1 .link_wrap .link a em:after{display:block;width:71px;height:14px;margin:0 auto;background:url(/kr/event/img/mcont1_arr.png);transform: translateX(0px);content:'';}
#mcont1 .link_wrap .link a:hover em:after,#mcont1 .link_wrap .link a:focus em:after{animation: moveArrow 1.5s both infinite;transform:translateX(0px)}
#mcont1 .link_wrap .link:hover .top{animation: handLeft linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: center bottom;}
#mcont1 .link_wrap .link .mov{position:relative;}
#mcont1 .link_wrap .link .mov span{position:absolute;}
#mcont1 .link_wrap .link .mov span em{display:block;}
#mcont1 .link_wrap .link .mov span .top{margin:0 auto}
#mcont1 .link_wrap .link .mov span .body{position:absolute;z-index: -1;}
#mcont1 .link_wrap .link1{left:50%;top: -60px;padding-top: 80px;transform:translateX(-50%);}
#mcont1 .link_wrap .link1 .mov{width:639px;height: 306px;background: url(/kr/event/img/link1_bg1.png);}
#mcont1 .link_wrap .link1 .mov:before{position:absolute;right: -10px;top: 7px;z-index: -1;width:105px;height:93px;background:url(/kr/event/img/link1_bg2.png);background-size: 100%;content:'';}
#mcont1 .link_wrap .link1 .mov .mov1{position: absolute;left: 3px;top: -65px;width: 133px;height: 194px;z-index: -1;}
#mcont1 .link_wrap .link1 .mov .mov1 .top{position: relative;z-index: 1;width:109px;height:127px;background:url(/kr/event/img/link1_img1.png);animation: handright linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: center bottom;}
#mcont1 .link_wrap .link1 .mov .mov1 .body{position: absolute;top: 90px;left: 31px;z-index: 0;width:119px;height:106px;background:url(/kr/event/img/link1_body1.png);}
#mcont1 .link_wrap .link1 .mov .mov1 .body:before{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background:url(/kr/event/img/link1_body2.png);background-size: 100%;animation: handLeft linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: center;content:'';}
#mcont1 .link_wrap .link1 .mov .mov1 .body:after{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background:url(/kr/event/img/link1_body3.png);background-size: 100%;animation: handright linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: center;content:'';}
#mcont1 .link_wrap .link1 .mov1 svg .st0{fill:#FF5500;}
#mcont1 .link_wrap .link1 .mov1 svg .st1{fill:#FFBEA1;}
#mcont1 .link_wrap .link1 .mov1 svg .st2{fill:#FFD7A6;}
#mcont1 .link_wrap .link1 .mov1 svg .st3{fill:#FFFFFF;}
#mcont1 .link_wrap .link1 .mov1 svg .st4{fill:#3B5F93;}
#mcont1 .link_wrap .link1 a{top: -100px;left: 110px;}
#mcont1 .link_wrap .link2{left: 50%;top: 265px;margin-left: -840px;padding: 60px;}
#mcont1 .link_wrap .link2 .mov{width:404px;height:187px;background:url(/kr/event/img/link2_bg.png);}
#mcont1 .link_wrap .link2 .mov .mov1{left: 60px;top: -275px;z-index: -1;width:384px;height:317px;background:url(/kr/event/img/link2_bg1_1.png);}
#mcont1 .link_wrap .link2 .mov .mov1:before{position:absolute;left: 0px;top: 0;z-index: -1;width: 100%;height: 100%;background:url(/kr/event/img/link2_bg1_2.png);background-size: 100%;content:'';-webkit-animation:blink-1 1.5s both;animation:blink-1 1.5s both infinite;}
#mcont1 .link_wrap .link2 .mov .mov2{left: -65px;bottom: 140px;z-index: 1;}
#mcont1 .link_wrap .link2 .mov .mov2 .top{width: 74px;height: 104px;background-size: 100%;background-image: url(/kr/event/img/link2_img6_.png);animation: handright linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: center bottom;}
#mcont1 .link_wrap .link2 .mov .mov2 .body{left: -6px;top: 88px;width:117px;height: 181px;background: url(/kr/event/img/link2_body1.png) no-repeat;}
#mcont1 .link_wrap .link2 .mov .mov2 .body:before{position:absolute;left: 0;top: 0;width:100%;height: 100%;background: url(/kr/event/img/link2_body1_1.png) no-repeat;background-size:100%;animation: handLeft linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: 50% 30%;content:'';}
#mcont1 .link_wrap .link2 .mov .mov3{right: -48px;bottom: 50px;z-index: 1;}
#mcont1 .link_wrap .link2 .mov .mov3 .top{width: 82px;height: 108px;background: url(/kr/event/img/link2_img9.png);background-size: 100%;}
#mcont1 .link_wrap .link:hover .mov3 .top{animation: handright linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: center bottom;}
/* 여자 */
/* #mcont1 .link_wrap .link2 .mov .mov3 .body{top: 71px;left: -22px;width: 152px;height: 204px;background: url(/kr/event/img/link2_body2_w.png) no-repeat;}
#mcont1 .link_wrap .link2 .mov .mov3 .body:before{position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/kr/event/img/link2_body2_w_1.png) no-repeat;animation: handLeft linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);background-size: 100%;transform-origin: 47% 12%;content:'';}
#mcont1 .link_wrap .link2 .mov .mov3 .body:after{position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/kr/event/img/link2_body2_w_2.png) no-repeat;animation: handright linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);background-size: 100%;transform-origin: 57% 12%;content:'';} */
/* 남자 */
#mcont1 .link_wrap .link2 .mov .mov3 .body{top: 97px;left: -35px;width: 117px;height: 174px;background: url(/kr/event/img/link2_body2.png) no-repeat;}
#mcont1 .link_wrap .link2 .mov .mov3 .body:before{position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/kr/event/img/link2_body2_1.png) no-repeat;animation: handLeft linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);background-size: 100%;transform-origin: 47% 12%;content:'';}
#mcont1 .link_wrap .link2 a:nth-child(2){top: -150px;left: 70px;}
#mcont1 .link_wrap .link2 a:nth-child(3){top: -110px;right: -130px;}
#mcont1 .link_wrap .link3{right:50%;bottom: -160px;margin-right:-710px;}
#mcont1 .link_wrap .link3 .mov{width:260px;height:418px;background: url(/kr/event/img/link3_bg.png) no-repeat;}
#mcont1 .link_wrap .link3 .mov .mov1{left: -160px;bottom: 130px;}
#mcont1 .link_wrap .link3 .mov .mov1:after{position:absolute;left:50%;bottom:-7px;z-index: -1;width:69px;height:18px;background: url(/kr/event/img/shadow.png) no-repeat;background-size: 100% 100%;transform:translateX(-50%);content:'';}
#mcont1 .link_wrap .link3 .mov .mov1 svg{width:69px;height:114px;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .st0{fill:#E5656F;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .st1{opacity:0.53;fill:#FFFFFF;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .st2{fill:#F2F2F2;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .st3{fill:#F99DA0;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .st4{fill:#FFFFFF;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .st5{opacity:0.37;fill:#FFFFFF;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .bubble{transform: translateY(5px) scale(.5);transform-origin:50% 50%;animation: MoveUp 1s linear infinite;opacity:0.6;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .b1{animation-delay:500ms;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .b2{animation-delay:700ms;}
#mcont1 .link_wrap .link3 .mov .mov1 svg .b3{animation-delay:900ms;}
#mcont1 .link_wrap .link3 .mov .mov2{left: -73px;top: -30px;}
#mcont1 .link_wrap .link3 .mov .mov2 .top{width: 91px;height: 118px;background: url(/kr/event/img/link3_img26.png);animation: handright linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: center bottom;background-size: 100%;}
/* 여자 */
/* #mcont1 .link_wrap .link3 .mov .mov2 .body{left: -17px;top: 47px;width:128px;height: 230px;background: url(/kr/event/img/link3_body1.png) no-repeat;}
#mcont1 .link_wrap .link3 .mov .mov2 .body:before{position:absolute;left:0;top:0;width: 100%;height: 100%;background: url(/kr/event/img/link3_body1_1.png) no-repeat;animation: handLeft linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: 50% 30%;background-size: 100%;content:'';} */
/* 남자 */
#mcont1 .link_wrap .link3 .mov .mov2 .body{left: -16px;top: 94px;width: 108px;height: 230px;background: url(/kr/event/img/link3_body1_m.png) no-repeat;background-size: 100%;}
#mcont1 .link_wrap .link3 .mov .mov2 .body:before{position:absolute;left:0;top:0;width: 100%;height: 100%;background: url(/kr/event/img/link3_body1_1_m.png) no-repeat;animation: handLeft linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: 50% 20%;background-size: 100%;content:'';}
#mcont1 .link_wrap .link3 .mov .mov3{right: -100px;bottom: 170px;}
#mcont1 .link_wrap .link3 .mov .mov3:before{position:absolute;right: -55px;top: 0px;width:34px;height:34px;background:url(/kr/event/img/link3_bg2.png);content:'';-webkit-animation: blink-1 2s both;animation:blink-1 2s both infinite;}
#mcont1 .link_wrap .link3 .mov .mov3:after{position:absolute;right: -55px;top: 0;width:34px;height:34px;background:url(/kr/event/img/link3_bg3.png);content:'';-webkit-animation:blink-1 2s both;animation:blink-1 2s both infinite;animation-delay:.3s;}
#mcont1 .link_wrap .link3 .mov .mov3 .top{width: 95px;height: 124px;background: url(/kr/event/img/link3_img27.png);background-size: 100%;}
#mcont1 .link_wrap .link3 .mov .mov3 .body{left: 6px;top: 117px;width:103px;height: 185px;background: url(/kr/event/img/link3_body2.png) no-repeat;}
#mcont1 .link_wrap .link3 .mov .mov3 .body:before{position:absolute;left: 0px;top: 0;width:100%;height: 100%;background: url(/kr/event/img/link3_body2_1.png) no-repeat;animation: handLeft linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: 58% 20%;background-size: 100%;content:'';}
#mcont1 .link_wrap .link3 .flowright{animation: moveright 1s ease-in-out infinite;}
#mcont1 .link_wrap .link3 a{top: -90px;right: -80px;}
#mcont1 .link_wrap .link4{right: 50%;top: 60px;margin-right: -870px;padding: 60px;}
#mcont1 .link_wrap .link4 .mov{width: 427px;height:233px;background:url(/kr/event/img/link4_bg.png);}
#mcont1 .link_wrap .link4 a{top: -110px;left: 180px;}
#mcont1 .water{display:block;position:absolute;left: 50%;top: 900px;z-index: 999;width: 422px;height: 293px;transform: translateX(-50%);}
#mcont1 .water svg{width:100%;height:100%;}
#mcont1 .water svg g:nth-child(2) > g{animation: water_ani 5s linear infinite;transform-origin:center;}
#mcont1 .water svg g:nth-child(3) .st15{transform: translateY(5px) scale(.5);transform-origin:top;animation: MoveUp 1.5s linear infinite;opacity:0.6;}
#mcont1 .water svg g:nth-child(3) .st15:nth-child(1){animation-delay:.5s}
#mcont1 .water svg g:nth-child(3) .st15:nth-child(2){animation-delay:.2s}
#mcont1 .water svg g:nth-child(3) .st15:nth-child(3){animation-delay: .2s;}
#mcont1 .water svg g:nth-child(3) .st15:nth-child(4){animation-delay: .5s;}
#mcont1 .water svg g:nth-child(3) .st15:nth-child(5){animation-delay:.1s}
#mcont1 .water svg g:nth-child(3) .st15:nth-child(6){animation-delay:.6s}
#mcont1 .water svg g:nth-child(3) .st15:nth-child(7){animation-delay:.3s}
#mcont1 .water svg g:nth-child(3) .st15:nth-child(8){animation-delay:.2s}
#mcont1 .water svg g:nth-child(4) .st11,
#mcont1 .water svg g:nth-child(4) .st14,
#mcont1 .water svg g:nth-child(4) .st15,
#mcont1 .water svg g:nth-child(4) .st3,
#mcont1 .water svg g:nth-child(4) .st9,
#mcont1 .water svg g:nth-child(4) .st0{transform:rotateX(55deg) translateX(-50%);-webkit-transform:rotateX(55deg) translateX(-50%);animation:none;-webkit-animation:none;animation:icon-pulsate 1s ease-out;animation-iteration-count:infinite;animation-delay:1.1s;filter:alpha(opacity=0);-webkit-animation: icon-pulsate 2s ease-out;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:1.1s;-o-animation:icon-pulsate 1s ease-out;-o-animation-iteration-count:infinite;-o-animation-delay:1.1s;-moz-animation:icon-pulsate 1s ease-out;-moz-animation-iteration-count:infinite;-moz-animation-delay:1.1s;-ms-animation:icon-pulsate 1s ease-out;-ms-animation-iteration-count:infinite;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-ms-animation-delay:1.1s;transform-origin: center;}
#mcont1 .water svg g:nth-child(4) .st15{animation-delay:.5s}
#mcont1 .water svg .st0{opacity:0.6;fill:#FFFFFF;}
#mcont1 .water svg .st1{fill:#161D1C;}
#mcont1 .water svg .st2{display:none;fill:#9B8075;}
#mcont1 .water svg .st3{opacity:0.3;fill:#FFFFFF;}
#mcont1 .water svg .st4{fill:#1B734D;}
#mcont1 .water svg .st5{fill:#876256;}
#mcont1 .water svg .st6{fill:#1E7B54;}
#mcont1 .water svg .st7{opacity:0.3;fill:#6EC3E8;}
#mcont1 .water svg .st8{opacity:0.25;fill:#FFFFFF;}
#mcont1 .water svg .st9{opacity:0.5;fill:#FFFFFF;}
#mcont1 .water svg .st10{fill:#98D3E5;}
#mcont1 .water svg .st11{fill:#FFFFFF;}
#mcont1 .water svg .st12{fill:#9B8075;}
#mcont1 .water svg .st13{fill:#31855F;}
#mcont1 .water svg .st14{opacity:0.7;fill:#FFFFFF;}
#mcont1 .water svg .st15{fill:#6EC3E8;}
#mcont1 .water svg .st16{fill:#008351;}
#mcont1 .water svg .st17{fill:#008E5D;}
#mcont1 .water svg .st18{fill:#0B593B;}
#mcont1 .water svg .st19{fill:#A9DBEF;}
#mcont1 .link_sns{position: absolute;bottom: -140px;left: -70px;z-index: 2;text-align: center;}
#mcont1 .link_sns:after{display:block;clear:both;content:'';}
#mcont1 .link_sns li{display: inline-block;position: relative;vertical-align: top;}
#mcont1 .link_sns li:nth-child(2){margin-left:45px;}
#mcont1 .link_sns li:nth-child(4){margin-left:30px}
#mcont1 .link_sns li a{display:block;position:relative;color:#fff;text-align:center;font-size: 16px;font-weight: 400;}
#mcont1 .link_sns li a span{display:block;position: relative;margin-bottom: 15px;}
#mcont1 .link_sns li a:after{position:absolute;left:50%;bottom: 30px;z-index: -1;width:82px;height:20px;margin-left:-41px;background:url(/kr/event/img/shadow.png);opacity: 0.8;content:'';}
#mcont1 .link_sns li a .icon1{left: -3px;width:75px;margin-top: 55px;height:68px;background:url(/kr/event/img/sns_icon1.png);}
#mcont1 .link_sns li a .icon2{width:74px;height:76px;margin-top: 125px;background:url(/kr/event/img/sns_icon2.png);}
#mcont1 .link_sns li a .icon3{left: 10px;width:80px;height:73px;margin-top: 10px;background:url(/kr/event/img/sns_icon3.png);}
#mcont1 .link_sns li a .icon4{width:76px;height:70px;margin-top: 85px;background:url(/kr/event/img/sns_icon4.png);}
#mcont1 .link_sns li a:hover span,#mcont1 .link_sns li a:focus span{-webkit-animation:wobble-hor-bottom .8s both;animation:wobble-hor-bottom .8s both}
#mcont1 .il1{position:absolute;bottom: -300px;left: 50%;z-index: 2;width:393px;height:203px;background:url(/kr/event/img/mcont1_il1.png);transform: translateX(-50%);}
#mcont1 .flower{position:absolute;left:0;top:0;z-index: 1;width:100%;height: 130%;}
#mcont1 .sakura {background:url(/kr/event/img/flower_bg.png) no-repeat;background-size:100%;pointer-events: none;position: absolute;will-change: top, left;}

#mcont2{overflow:hidden;position: relative;z-index: 1;padding-top: 400px;padding-bottom: 410px;background:url(/kr/event/img/bg.png);}
#mcont2:before{position:absolute;top:85px;left:50%;width:1192px;height:679px;background: url(/kr/event/img/mcont3_bg.png);content:'';}
#mcont2 .il2{position:absolute;left: -110px;top: -180px;width:268px;height:281px;background:url(/kr/event/img/mcont2_il1.png);}
#mcont2 .il2 svg{position: absolute;top: 135px;left: -6px;width:100%;height:10%;}
#mcont2 .il2 svg .st0{fill:#565E5E;}
#mcont2 .il2 svg .st1{fill:#DE3327;}
#mcont2.on .il2 svg .mask-path {stroke: white;stroke-width: 20px;-webkit-stroke: white;stroke-dasharray: 8000;-webkit-stroke-dasharray: 8000;animation: drawIn 4s ease-in both;-webkit-animation: drawIn 4s ease-in both;}
#mcont2 .il2 svg #gist2 .mask-path{animation-delay:.3s}
#mcont2 .il2 svg #gist3 .mask-path{animation-delay:.6s}
#mcont2 .il2 svg #gist4 .mask-path{animation-delay:.9s}
#mcont2 .il2 svg #gist5 .mask-path{animation-delay:1.2s}
#mcont2 .title{display: block;position: absolute;right: 0;margin-bottom: 60px;font-size: 28px;color:#fff;font-family: 'nmj';font-weight:bold;text-align: right;line-height: 1.4;vertical-align: middle;letter-spacing: -0.05em;}
#mcont2 .title:before{display:block;margin: 0 0 20px auto;width:51px;height:52px;background:url(/kr/event/img/mcont2_icon.png);content:'';}
#mcont2 .title b{display:inline-block;position: relative;}
#mcont2 .title b:before{position:absolute;left:0;bottom: 11px;width: 0;height: 14px;background:rgba(254,231,31,0.3);transition: all .5s;content:'';}
#mcont2.on .title b:before{width:100%;}
#mcont2 .title b{display: inline-block;top: 0;color:#ffcd00;font-family:'nmj';vertical-align: middle;line-height: 1.2;}
#mcont2 .title b span{display: inline-block;overflow: hidden;position: relative;height: 50px;color:#ffcd00;font-family:'nmj';line-height: 1.2;white-space: nowrap;}
#mcont2 .title b span:before {display: inline-block;width: 100%;height: 100%;content: '';vertical-align: middle;-webkit-transition: all 0s;transition: all 0s;box-sizing: inherit;}
#mcont2.on .title b span:before {width: 0;-webkit-transition: all 0.5s 1s;transition: all 0.5s}
#mcont2 .img_slide{position:relative;}
#mcont2 .img_slide .grap{overflow:hidden;position: relative;max-width:1400px;margin:0 auto;height: 555px;}
#mcont2 .img_slide .grap .obj{position: absolute;left:0;top:0;width: 100%;height:100%;}
#mcont2 .img_slide .grap .obj .item{display:inline-block;float:left;position:relative;width: 272px;height: 272px;border: 1px solid #fff;margin-left: 9px;margin-bottom: 4px;text-align:center;transition: all .5s;}
#mcont2 .img_slide .grap .obj .item:first-child{margin-left:0}
#mcont2 .img_slide .grap .obj .item a{display:block;overflow: hidden;width:100%;height:100%;padding: 1px;}
#mcont2 .img_slide .grap .obj .item .thumb{display: block;overflow: hidden;position:relative;width: 100%;height: 100%;}
#mcont2 .img_slide .grap .obj .item .thumb img{display: inline-block;width: auto;height: 100%;max-width: none;padding: 0;margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#mcont2 .img_slide .grap .obj .item .card--body{background-color:#fff;font-size:16px;padding:14px;border-top:1px solid #ddd}
#mcont2 .img_slide .grap .obj .item .card--body .tit{display: block;width: 100%;overflow: hidden;color: #222;font-size: 20px;text-overflow: ellipsis;font-weight: bold;white-space: nowrap}
#mcont2 .img_slide .grap .obj .item:first-child{width: 555px;height: 555px;}
#mcont2 .img_slide .grap .obj .item:nth-child(4){margin-top: 283px;left: -281px;}
#mcont2 .img_slide .grap .obj .item:nth-child(5){position:absolute;margin-top: 283px;right: 0;}
#mcont2 .img_slide .control{position:absolute;top: 50%;left: 0;right:0;transform: translateY(-50%);}
#mcont2 .img_slide button{position:absolute;top: 40%;transform: translateY(-50%);width: 100px;height: 100px;background: rgba(0,0,0,0.35);border-radius: 50%;font-size:0;}
#mcont2 .img_slide button:before{position:absolute;left:50%;top:50%;width:55px;height:47px;background:url(/kr/event/img/mcont3_arr1.png);transform:translate(-50%, -50%);content:'';}
#mcont2 .img_slide button[data-control=prev]{float:left;left: -180px;}
#mcont2 .img_slide button[data-control=next]{float:right;right: -180px;}
#mcont2 .img_slide button[data-control=next]:before{transform:translate(-50%, -50%) rotate(-180deg);}
#mcont2 .more{display:block;position: relative;max-width:317px;margin: 90px auto 0;padding: 14px 0;border:5px solid #fff;color:#fff;text-align:center;font-size: 21px;font-family:'nmj';}
#mcont2 .more:before{position:absolute;top: 42%;right:-41px;z-index: 9;width: 88px;height: 13px;background:url(/kr/event/img/mcont3_arr2.png);transform:translateY(-50%);content:'';transition:all 400ms ease-in-out;}
#mcont2 .more:hover:before,#mcont3 .more:focus:before{right:-68px}
#mcont2 .more .square{display:block;position: absolute;left: -5px;right: -5px;top: -5px;bottom: -5px;}
#mcont2 .more .line1-right,
#mcont2 .more .line1-left{display:inline-block;position:absolute;width:8px;height:0;background:#df3127;z-index:1}
#mcont2 .more .line1-top,
#mcont2 .more .line1-bottom{display:inline-block;position:absolute;width:0;height:8px;background:#df3127;z-index:1}
#mcont2 .more .line1-top{left:0;top:0}
#mcont2 .more .line1-right{top:0;right:0}
#mcont2 .more .line1-bottom{right:0;bottom:0}
#mcont2 .more .line1-left{bottom:0;left:0}
#mcont2 .more:hover .square .line1-top,#mcont2 .more:focus .square .line1-top{transition:width 0.3s ease-out 0s;width:100%;}
#mcont2 .more:hover .square .line1-right,#mcont2 .more:focus .square .line1-right{transition:height 0.3s ease-out 0.3s;height:100%;}
#mcont2 .more:hover .square .line1-bottom,#mcont2 .more:focus .square .line1-bottom{transition:width 0.3s ease-out 0.6s;width:100%}
#mcont2 .more:hover .square .line1-left,#mcont2 .more:focus .square .line1-left{transition:height 0.3s ease-out 0.9s;height:100%}

#foot_layout{position:absolute;left:0;right:0;bottom:0;z-index: 1;padding: 70px 0 63px;background-color: #0b7c54;text-align: left;}
#foot_layout .il1{position:absolute;top: -380px;left: -128px;z-index: 1;width: 369px;height:364px;background: url(/kr/event/img/mcont3_il1.png);}
#foot_layout .il1 span{display: block;position: absolute;left: 0;top: 0;height: 100%;width: 100%;-webkit-animation:blink-1 .6s both;animation:blink-1 2s both infinite;}
#foot_layout .il1 .bg1{background: url(/kr/event/img/mcont3_il1_1.png);}
#foot_layout .il1 .bg2{background: url(/kr/event/img/mcont3_il1_2.png);animation-delay:.3s;}
#foot_layout .il1 .bg3{background: url(/kr/event/img/mcont3_il1_3.png);animation-delay:.6s}
#foot_layout .il3{position: absolute;top: -250px;right: -75px;z-index: 1;width: 433px;height:243px;background: url(/kr/event/img/mcont3_il2.png);}
#foot_layout .il3 span{position:absolute;bottom: 0;left: 0;width: 100%;height:100%;transform: translateY(0px) scale(.8);transform-origin:50% 50%;animation: MoveUp 3s linear infinite;opacity:0.6;}
#foot_layout .il3 .bg1{background: url(/kr/event/img/mcont3_il2_1.png);}
#foot_layout .il3 .bg2{background: url(/kr/event/img/mcont3_il2_2.png);}
#foot_layout .il3 .bg3{background: url(/kr/event/img/mcont3_il2_3.png);}
#foot_layout.on .il1, #foot_layout.on .il3{display:none;}
#foot_layout .flogo{width: 203px;height: 42px;margin:0 auto 30px;background: url(/kr/event/img/logo.png);font-size:0;background-size: 100%;}
#foot_layout p,address{color:#fff;font-size:15px;line-height:1.6}

#futil a{color:#fff}
#futil .fm{float:left}
#futil .fm li{display:inline-block;margin-left:20px}
#futil .fm li:first-child{margin-left:0}
#futil .fm li a{display:inline-block}
#futil .fm .rss{position:relative}
#futil .fm .rss span{position:absolute;bottom:-5px;right:-13px;width:18px;height:18px;background:url(/kr/img/common/footer_rss.png) no-repeat}
#futil .wa{position: absolute;right: 50%;width:70px;margin-right: -430px;}
#futil .r_util{float:right;overflow: hidden;}
#futil .family{float:left;height:50px;border:1px solid #c8c8c8}
#futil .family .ti{display:block;position:relative;height:100%;padding:0 50px 0 20px}
#futil .family .ti:before{content:"";display:inline-block;height:110%;vertical-align:middle}
#futil .family .ti:after{content:"";position:absolute;top:50%;right:15px;width:11px;height:6px;margin-top:-3px;background:url(/kr/img/common/family_arr.png) no-repeat}
#futil .family .obj{display:none;position:absolute;bottom: 163px;left: 50%;right:0;z-index: 1;width: 100vw;padding:25px;margin:0 auto;text-align:left;background: #0a6545;transform: translateX(-50%);}
#futil .family .obj .grap{max-width:1200px;margin:0 auto}
#futil .family .obj .grap:after{content:"";display:block;clear:both}
#futil .family .obj .grap .box{margin:20px 0 0;vertical-align:top}
#futil .family .obj .grap .box:first-child{margin-top:0}
#futil .family .obj .grap .box .title{display:block;font-size:18px;font-family:"nsr",sans-serif;color: #fff;}
#futil .family .obj .grap .box ul{margin-left:1%}
#futil .family .obj .grap .box ul li{display:inline-block;vertical-align:middle;width:100%;max-width:18%}
#futil .family .obj .grap .box ul li a{display:block;padding:5px 0}
#futil .family .obj .grap .box ul li a:before{content:"";display:inline-block;vertical-align:middle;width:3px;height:3px;margin:-3px 7px 0 0;background:#df3123}
#futil .return_top{float:left;height:50px;padding:0 15px;margin-left:4px;border:1px solid #c8c8c8}
#futil .return_top:before{content:"";display:inline-block;height:110%;vertical-align:middle}


@-webkit-keyframes tilt-in-br{0%, 100%{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)} 50%{-webkit-transform:translate(0,0);transform:translate(0,0);}} @keyframes tilt-in-br{0%, 100%{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)} 50%{-webkit-transform:translate(0,0);transform:translate(0,0);}}
@-webkit-keyframes tilt-in-bl{0%, 100%{-webkit-transform:translate(-50px,50px);transform:translate(-50px,50px);} 50%{-webkit-transform:translate(0,0);transform:translate(0,0);}} @keyframes tilt-in-bl{0%, 100%{-webkit-transform:translate(-50px,50px);transform:translate(-50px,50px);} 50%{-webkit-transform:translate(0,0);transform:translate(0,0);}}
@keyframes drawIn {0% {opacity:0; stroke-dashoffset: 8000;}10%{opacity:1;} 100% {stroke: white;}}@-webkit-keyframes drawIn {0% {opacity:0; stroke-dashoffset: 8000;-webkit-stroke-dashoffset: 8000;} 10%{opacity:1;} 100% {stroke: white;-webkit-stroke: white;}}
@keyframes water_ani {0% , 40%,100%{transform: translateY(0px);} 20%, 60%{transform: translateY(10px);}}
@keyframes icon-pulsate {0% {transform: scale(0.1, 0.1);opacity: 0;} 50% {opacity: 1;} 100% {transform: scale(1.2, 1.2);opacity: 0;}}
@-webkit-keyframes moveArrow {0% {transform: translateX(0px);} 49% {transform: translateX(100px);} 50% {transform: translateX(-100px);} 100% {transform: translateX(0px);}} @keyframes moveArrow {0% {transform: translateX(0px);} 49% {transform: translateX(100px);} 50% {transform: translateX(-100px);} 100% {transform: translateX(0px);}}
@-webkit-keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-15px) rotate(-6deg);transform:translateX(-15px) rotate(-6deg)}30%{-webkit-transform:translateX(10px) rotate(6deg);transform:translateX(10px) rotate(6deg)}45%{-webkit-transform:translateX(-10px) rotate(-3.6deg);transform:translateX(-10px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-15px) rotate(-6deg);transform:translateX(-15px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(10px) rotate(6deg)}45%{-webkit-transform:translateX(-10px) rotate(-3.6deg);transform:translateX(-10px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}
@keyframes MoveUp {to {transform: translateY(-5px);opacity:0;}}
@keyframes moveright{0%, 100%{transform: translateX(-3px);} 50%{transform: translateX(3px);}}
@keyframes handLeft{0%{-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-ms-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg)} 50%{-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-ms-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg)} 100%{-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-ms-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg)}} 
@keyframes handright{0%{-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-ms-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg)} 50%{-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-ms-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg)} 100%{-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-ms-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg)}}
@-webkit-keyframes cloud_ani{0%{bottom:100px} 100%{bottom:260px}} @keyframes cloud_ani{0%{bottom:100px} 100%{bottom:260px}}
@-webkit-keyframes tilt-in-tl{0%{-webkit-transform:rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg);transform:rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg);opacity:0}100%{-webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);opacity:1}} @keyframes tilt-in-tl{0%{-webkit-transform:rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg);transform:rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg);opacity:0}100%{-webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);opacity:1}}
@-webkit-keyframes tilt-in-tr{0%{-webkit-transform:rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg);transform:rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg);opacity:0}100%{-webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);opacity:1}}@keyframes tilt-in-tr{0%{-webkit-transform:rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg);transform:rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg);opacity:0}100%{-webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);opacity:1}}
@-webkit-keyframes page_ani{0%{top:0;left:0} 50%{top:-15px;left:-15px;} 20%,100%{top:0;left:0}} @keyframes page_ani{0%{top:0;left:0} 50%{top:-15px;left:-15px;} 20%,100%{top:0;left:0}}
@-webkit-keyframes blink-1{0%,30%,100%{opacity:1}25%,40%{opacity:0}}@keyframes blink-1{0%,30%,100%{opacity:1}25%,40%{opacity:0}}
/*벚꽃*/
@-webkit-keyframes fall { 0% {opacity: 0.9;top: 0 } 100% {opacity: 0.2;top: 100% }}@keyframes fall { 0% {opacity: 0.9;top: 0 } 100% {opacity: 0.2;top: 100% }}
@-webkit-keyframes blow-soft-left { 0% {margin-left: 0 } 100% {margin-left: -50% }}@keyframes blow-soft-left { 0% {margin-left: 0 } 100% {margin-left: -50% }}
@-webkit-keyframes blow-medium-left { 0% {margin-left: 0 } 100% {margin-left: -100% }}@keyframes blow-medium-left { 0% {margin-left: 0 } 100% {margin-left: -100% }}
@-webkit-keyframes blow-soft-right { 0% {margin-left: 0 } 100% {margin-left: 50% }}@keyframes blow-soft-right { 0% {margin-left: 0 } 100% {margin-left: 50% }}
@-webkit-keyframes blow-medium-right { 0% {margin-left: 0 } 100% {margin-left: 100% }}@keyframes blow-medium-right { 0% {margin-left: 0 } 100% {margin-left: 100% }}
@-webkit-keyframes sway-0 { 0% {-webkit-transform: rotate(-5deg) } 40% {-webkit-transform: rotate(28deg) } 100% {-webkit-transform: rotate(3deg) }}@keyframes sway-0 { 0% {-ms-transform: rotate(-5deg);transform: rotate(-5deg) } 40% {-ms-transform: rotate(28deg);transform: rotate(28deg) } 100% {-ms-transform: rotate(3deg);transform: rotate(3deg) }}
@-webkit-keyframes sway-1 { 0% {-webkit-transform: rotate(10deg) } 40% {-webkit-transform: rotate(43deg) } 100% {-webkit-transform: rotate(15deg) }}@keyframes sway-1 { 0% {-ms-transform: rotate(10deg);transform: rotate(10deg) } 40% {-ms-transform: rotate(43deg);transform: rotate(43deg) } 100% {-ms-transform: rotate(15deg);transform: rotate(15deg) }}
@-webkit-keyframes sway-2 { 0% {-webkit-transform: rotate(15deg) } 40% {-webkit-transform: rotate(56deg) } 100% {-webkit-transform: rotate(22deg) }}@keyframes sway-2 { 0% {-ms-transform: rotate(15deg);transform: rotate(15deg) } 40% {-ms-transform: rotate(56deg);transform: rotate(56deg) } 100% {-ms-transform: rotate(22deg);transform: rotate(22deg) }}
@-webkit-keyframes sway-3 { 0% {-webkit-transform: rotate(25deg) } 40% {-webkit-transform: rotate(74deg) } 100% {-webkit-transform: rotate(37deg) }}@keyframes sway-3 { 0% {-ms-transform: rotate(25deg);transform: rotate(25deg) } 40% {-ms-transform: rotate(74deg);transform: rotate(74deg) } 100% {-ms-transform: rotate(37deg);transform: rotate(37deg) }}
@-webkit-keyframes sway-4 { 0% {-webkit-transform: rotate(40deg) } 40% {-webkit-transform: rotate(68deg) } 100% {-webkit-transform: rotate(25deg) }}@keyframes sway-4 { 0% {-ms-transform: rotate(40deg);transform: rotate(40deg) } 40% {-ms-transform: rotate(68deg);transform: rotate(68deg) } 100% {-ms-transform: rotate(25deg);transform: rotate(25deg) }}
@-webkit-keyframes sway-5 { 0% {-webkit-transform: rotate(50deg) } 40% {-webkit-transform: rotate(78deg) } 100% {-webkit-transform: rotate(40deg) }}@keyframes sway-5 { 0% {-ms-transform: rotate(50deg);transform: rotate(50deg) } 40% {-ms-transform: rotate(78deg);transform: rotate(78deg) } 100% {-ms-transform: rotate(40deg);transform: rotate(40deg) }}
@-webkit-keyframes sway-6 { 0% {-webkit-transform: rotate(65deg) } 40% {-webkit-transform: rotate(92deg) } 100% {-webkit-transform: rotate(58deg) }}@keyframes sway-6 { 0% {-ms-transform: rotate(65deg);transform: rotate(65deg) } 40% {-ms-transform: rotate(92deg);transform: rotate(92deg) } 100% {-ms-transform: rotate(58deg);transform: rotate(58deg) }}
@-webkit-keyframes sway-7 { 0% {-webkit-transform: rotate(72deg) } 40% {-webkit-transform: rotate(118deg) } 100% {-webkit-transform: rotate(68deg) }}@keyframes sway-7 { 0% {-ms-transform: rotate(72deg);transform: rotate(72deg) } 40% {-ms-transform: rotate(118deg);transform: rotate(118deg) } 100% {-ms-transform: rotate(68deg);transform: rotate(68deg) }}
@-webkit-keyframes sway-8 {0% {-webkit-transform: rotate(94deg) } 40% {-webkit-transform: rotate(136deg) } 100% {-webkit-transform: rotate(82deg) }}@keyframes sway-8 { 0% {-ms-transform: rotate(94deg);transform: rotate(94deg) } 40% {-ms-transform: rotate(136deg);transform: rotate(136deg) } 100% {-ms-transform: rotate(82deg);transform: rotate(82deg) }}


@media only screen and (max-width: 1699px){
    .layout{padding:0 40px;}

    #mcont1{background-position: center 11%;background-size: 60%;}
    #mcont1 .layout{padding-top:105px;}
    #mcont1 .tree_left,#mcont1 .tree_right{display:none;}
    #mcont1 .flower_left{width:272px;;height:196px;background-size:100%;}
    #mcont1 .flower_right{width:345px;;height:143px;background-size:100%;}
    #mcont1 .title .logo{width:208px;height:41px;background-size:100%;}
    #mcont1 .link_wrap .link a{width:118px;height:118px;padding: 27px 10px 0 0;background-size:100%;}
    #mcont1 .link_wrap .link a span{font-size:12px;}
    #mcont1 .link_wrap .link a b{margin: 3px 0 3px;font-size: 18px;}
    #mcont1 .link_wrap .link a em{font-size:11px;}
    #mcont1 .link_wrap .link a em:after{width:50px;height: 8px;background-size: 100%;}
    #mcont1 .link_wrap .link1{top:30px}
    #mcont1 .link_wrap .link1 .mov{width:394px;height:187px;background-size:100%;}
    #mcont1 .link_wrap .link1 .mov:before{top:-30px;right: -50px;}
    #mcont1 .link_wrap .link1 .mov .mov1{top: -43px;width:82px;height:120px;}
    #mcont1 .link_wrap .link1 .mov .mov1 .top{width:68px;height:79px;background-size:100%;}
    #mcont1 .link_wrap .link1 .mov .mov1 .body{top: 55px;left: 15px;width:73px;height:66px;background-size:100%;}
    #mcont1 .link_wrap .link1 a{top: -50px;left: 70px;}
    #mcont1 .link_wrap .link2{left: -10px;top: 244px;margin-left:0;padding: 40px 40px 20px;}
    #mcont1 .link_wrap .link2 .mov{width:311px;height:144px;background-size:100%;}
    #mcont1 .link_wrap .link2 .mov .mov1{left: 40px;top: -210px;width:296px;height:244px;background-size:100%;}
    #mcont1 .link_wrap .link2 .mov .mov2{left: -40px;bottom: 100px;}
    #mcont1 .link_wrap .link2 .mov .mov2 .top{width: 58px;height: 81px;background-size:100%;}
    #mcont1 .link_wrap .link2 .mov .mov2 .body{left: 0px;top: 72px;width: 82px;height:134px;background-size:100%;}
    #mcont1 .link_wrap .link2 .mov .mov3{right: -30px;bottom: 103px;}
    #mcont1 .link_wrap .link2 .mov .mov3 .top{width: 67px;height: 88px;background-size:100%;}
    /*여자*/
/*     #mcont1 .link_wrap .link2 .mov .mov3 .body{top: 57px;left: -4px;width: 97px;height:133px;background-size:100%;} */
    /*남자*/
    #mcont1 .link_wrap .link2 .mov .mov3 .body{top: 77px;left: -31px;width: 97px;height: 154px;background-size:100%;}
    #mcont1 .link_wrap .link2 a:nth-child(2){left: 50px;top: -110px;}
    #mcont1 .link_wrap .link2 a:nth-child(3){right: -100px;top: -30px;}
    #mcont1 .link_wrap .link3{right: 80px;bottom: -30px;margin-right:0;}
    #mcont1 .link_wrap .link3 .mov{width:197px;height: 316px;background-size:100%;}
    #mcont1 .link_wrap .link3 .mov .mov1{left: -100px;bottom: 105px;}
    #mcont1 .link_wrap .link3 .mov .mov1 svg{width:45px;height:82px;}
    #mcont1 .link_wrap .link3 .mov .mov1:after{bottom: -1px;width:54px;height:15px;background-size:100%;}
    #mcont1 .link_wrap .link3 .mov .mov2{left: -30px;top: -20px;}
    #mcont1 .link_wrap .link3 .mov .mov2 .top{width: 60px;height: 78px;background-size:100%;}
    /* 여자 */
/*     #mcont1 .link_wrap .link3 .mov .mov2 .body{top: 34px;left: -7px;width: 80px;height:173px;background-size:100%;} */
    /* 남자 */
    #mcont1 .link_wrap .link3 .mov .mov2 .body{top: 65px;left: -11px;width: 70px;height:173px;background-size:100%;}
    #mcont1 .link_wrap .link3 .mov .mov3{right: -70px;bottom: 150px;}
    #mcont1 .link_wrap .link3 .mov .mov3:before,
    #mcont1 .link_wrap .link3 .mov .mov3:after{right: -30px;width:26px;height:26px;background-size:100%;}
    #mcont1 .link_wrap .link3 .mov .mov3 .top{width: 62px;height: 82px;background-size:100%;}
    #mcont1 .link_wrap .link3 .mov .mov3 .body{left: 2px;top: 78px;width:71px;height:142px;background-size:100%;}
    #mcont1 .link_wrap .link3 a{right: -50px;top: -80px;}
    #mcont1 .link_wrap .link4{right:0;top: 190px;padding: 0;margin-right:0;}
    #mcont1 .link_wrap .link4 .mov{width:233px;height: 127px;background-size:100%;}
    #mcont1 .link_wrap .link4 a{top: -120px;left: 40px;}
    #mcont1 .water{top: 780px;width:242px;height:165px;}
    #mcont1 .link_sns{left: 90px;bottom: -5px;}
    #mcont1 .link_sns li:nth-child(2){margin-left:35px;}
    #mcont1 .link_sns li a{font-size:12px;}
    #mcont1 .link_sns li a:after{width:64px;height:16px;background-size:100%;margin-left:-32px}
    #mcont1 .link_sns li a .icon1{width:58px;height:52px;margin-top: 40px;background-size:100%;}
    #mcont1 .link_sns li a .icon2{width:57px;height:58px;margin-top: 90px;background-size:100%;}
    #mcont1 .link_sns li a .icon3{width:62px;height:57px;background-size:100%;}
    #mcont1 .link_sns li a .icon4{width:58px;height:54px;background-size:100%;}
    #mcont1 .il1{bottom: -168px;width:298px;height:151px;background-size:100%;}
    
    #mcont2{padding-top: 195px;}
    #mcont2 .il2{display:none;}
    #mcont2 .title{position:relative;margin-bottom: 20px;text-align: center;}
    #mcont2 .title:before{width:43px;height:41px;margin:0 auto 18px;background-size:100%;}
    #mcont2 .title br:nth-child(1),#mcont2 .title br:nth-child(2){display:none;}
    #mcont2 .img_slide .grap{max-width:1000px;;height:500px}
    #mcont2 .img_slide .grap .obj .item{width:244px;height:244px;margin-left: 8px;margin-bottom: 8px;}
    #mcont2 .img_slide .grap .obj .item:first-child{width:496px;height:497px;}
    #mcont2 .img_slide .grap .obj .item:nth-child(4), #mcont2 .img_slide .grap .obj .item:nth-child(5){position: relative;left:auto;right: auto;margin: 0 0 8px 8px;}
    #mcont2 .img_slide .control{top: -101px;transform:translateY(0);}
    #mcont2 .img_slide button{width:70px;height:70px}
    #mcont2 .img_slide button:before{width:38px;height:32px;background-size:100%}
    #mcont2 .img_slide button[data-control=prev]{left:0}
    #mcont2 .img_slide button[data-control=next]{right:0}
    #mcont2 .more{width: 264px;height: 60px;margin-top:80px;padding: 12px 0;font-size: 18px;}

    #futil .wa{right: 270px;margin-right:0;}
    #foot_layout .il1{left: 45px;top: -280px;width:267px;height:264px;background-size:100%;}
    #foot_layout .il3{right: 50px;top: -220px;width:330px;height:185px;background-size:100%;}
}
@media only screen and (max-width: 1199px){
    #futil .wa{bottom: 45px;right: 50%;margin-right: 0;transform: translateX(-100%);}
    #futil .r_util{float:none;text-align:center;}
    #futil .family{float:none;margin-top: 15px;}
    #futil .return_top{float:none;margin-top: 15px;}
    #futil .family .obj{bottom: 242px;}
    #futil .fm{float: none;max-width:700px;margin:0 auto;}
}
@media only screen and (max-width: 1079px){
    .layout{padding:0 60px;}
    #siteLink #moOpen{top:20px;right:20px;width: 49px;height: 49px;background-size: 100%;}
    #siteLink .link{top: 25px;right:70px;padding: 11px 10px;font-size: 13px;}
    #siteLink .link:before{width:15px;height:15px;background-size:100%;}
    #siteLink .link2{right:160px;top:25px;padding: 9px 10px;;font-size: 11px;}
    #siteLink .link3{right:290px;top:25px;padding: 9px 10px;;font-size: 11px;}

    #mcont1{height: 970px;}
    #mcont1:before{width: 1710px;height: 600px;background-size:100%;}
    #mcont1 .gist_link{width:200px;height:200px;}
    #mcont1 .gist_link:after{width: 100%;height: 100%;background-size:100%;}
    #mcont1 .gist_link strong{top:27px;left:25px;width: 65px;height: 27px;background-size:100%;}
    #mcont1 .gist_link span{left: 120px;top: 25px;font-size: 14px;line-height: 1.3;}
    #mcont1 .title .logo{width:171px;height:34px;}
    #mcont1 .flower_left{top: 132px;width:194px;height:140px;}
    #mcont1 .flower_right{width:279px;height:115px;}
    
    #mcont1 .link_wrap{margin-top:20px}
    #mcont1 .link_wrap .link a{display:block;left:50%;width:auto;min-width: 136px;height:auto;padding: 7px 40px 7px 25px;background:#116e4b;border-radius:30px;transform:translateX(-50%);}
    #mcont1 .link_wrap .link a:after{display:block;position:absolute;top:50%;right:20px;width:11px;height:11px;background:url(/kr/event/img/link_arr.png);transform:translateY(-50%);content:'';}
    #mcont1 .link_wrap .link a b{margin: 0;color:#fff;font-size:15px;font-weight: normal;}
    #mcont1 .link_wrap .link a em,#mcont1 .link_wrap .link a span{display:none;}
    #mcont1 .link_wrap .link1 a{top:auto;bottom: -55px;}
    #mcont1 .link_wrap .link2{top:400px}
    #mcont1 .link_wrap .link2 .mov{width:276px;height:127px;}
    #mcont1 .link_wrap .link2 .mov .mov2 .top{width: 56px;height: 78px;}
    #mcont1 .link_wrap .link2 .mov .mov2 .body{top: 70px;left: 1px;width:73px;height:119px;}
    #mcont1 .link_wrap .link2 .mov .mov3{bottom: 90px;}
    #mcont1 .link_wrap .link2 .mov .mov3 .top{width: 63px;height: 83px;}
    /* 여자 */
/* 	#mcont1 .link_wrap .link2 .mov .mov3 .body{top: 52px;left: 0px;width: 85px;height:118px;} */
    /* 남자 */
    #mcont1 .link_wrap .link2 .mov .mov3 .body{top: 71px;left: -26px;width: 85px;height: 128px;}
    #mcont1 .link_wrap .link2 a:nth-child(2){top:auto;left: 50%;bottom: -55px;margin-left: -70px;}
    #mcont1 .link_wrap .link2 a:nth-child(3){top:auto;right:auto;left: 50%;bottom: -55px;margin-left: 70px;}
    #mcont1 .link_wrap .link3{top:600px}
    #mcont1 .link_wrap .link3 .mov{width:179px;height: 261px;}
    #mcont1 .link_wrap .link3 .mov .mov1{left: -50px;bottom: 60px;}
    #mcont1 .link_wrap .link3 .mov .mov1 svg{width:41px;height:75px;}
    #mcont1 .link_wrap .link3 .mov .mov2 .top{width: 56px;height: 72px;}
    /* 여자 */
/*     #mcont1 .link_wrap .link3 .mov .mov2 .body{top: 26px;left: -15px;width:82px;height:158px;} */
    /* 남자 */
    #mcont1 .link_wrap .link3 .mov .mov2 .body{top: 61px;left: -7px;width: 62px;height:158px;}
    #mcont1 .link_wrap .link3 .mov .mov3 .top{width: 56px;height: 74px;}
    #mcont1 .link_wrap .link3 .mov .mov3 .body{top: 68px;left: 1px;width:64px;height:129px;}
    #mcont1 .link_wrap .link3 a{bottom: -230px;top:auto;}
    #mcont1 .link_wrap .link4{top: 360px;}
    #mcont1 .link_wrap .link4 a{bottom: -60px;top:auto;}
    #mcont1 .link_sns{bottom: -200px;left:50px;}
    #mcont1 .water{display:none;}
    #mcont1 .il1{bottom: -370px;width:238px;height:121px;}

    #mcont2{padding-top: 370px;}
    #mcont2 .title{font-size:21px;}
    #mcont2 .title b span{height:20px}
    #mcont2 .title b:before{bottom:0}
    #mcont2 .img_slide .grap{max-width:647px;height: 647px;}
    #mcont2 .img_slide .grap .obj{width:100%;}
    #mcont2 .img_slide .grap .obj .item{width:318px;height:318px;}
    #mcont2 .img_slide .grap .obj .item:first-child{width:647px;height:647px;transition: none;}
    #mcont2 .img_slide .grap .obj .item:nth-child(2n){margin-left:0;}
    #mcont2 .img_slide .control{top:-50px}
    #mcont2 .img_slide button{width:64px;height:63px;}
    #mcont2 .img_slide button:before{width:34px;height:28px;}

    #foot_layout .il1{top: -220px;width:204px;height:201px;}
    #foot_layout .il3{top: -170px;width:240px;height:134px;}
    
}
@media only screen and (max-width: 767px){
	#siteLink .link{top: 20px;right:70px;}
	#siteLink .link2{top:70px;right:20px;padding: 10px 21px;}
	#siteLink .link3{top:110px;right:20px;width: 173px;padding: 10px 10px;}
	#siteLink .link2 br,#siteLink .link3 br{display:none;}
    #siteLink #moOpen{top:15px;right:13px;}
    .layout{padding:0 30px}
    
    #mcont1{height: 900px;background-image: none;}
    #mcont1:before{top: 210px;bottom: auto;width:800px;height: 430px;}
    #mcont1:after{}
    #mcont1 .gist_link{width: 165px;height: 130px;}
    #mcont1 .gist_link strong{left:20px;top:20px;}
    #mcont1 .gist_link span{left: 90px;font-size:13px;}
    #mcont1 .flower_left{top: 180px;width:118px;height:84px;}
    #mcont1 .flower_right{top: 190px;width:168px;height:69px;}
    #mcont1 .layout{padding-top: 170px;}
    #mcont1 .flower{display:none;}
    #mcont1 .title .logo{width:143px;height:28px;margin-bottom: 0;}
    #mcont1 .title p{padding-top: 28px;font-size:13px;}
    #mcont1 .title p:before{top: 8px;height: 14px;}
    #mcont1 .link_wrap{height: auto;margin-top: 85px;}
    #mcont1 .link_wrap .link a{display: inline-block;position:relative;left:auto;top:auto;bottom: auto;right:auto;margin: 20px auto 0;padding: 11px 40px 11px 25px;transform:translate(0,0);}
    #mcont1 .link_wrap .link a b{font-size:14px;}
    #mcont1 .link_wrap .link{position:relative;left:auto;top:auto;bottom: auto;right: auto;margin: 0 auto;transform: translate(0px, 0px);}
    #mcont1 .link_wrap .link1{margin-bottom: 30px;padding: 0;}
    #mcont1 .link_wrap .link1 .mov{width:256px;height:122px;margin: 0 auto;}
    #mcont1 .link_wrap .link1 .mov:before{right: -20px;top: -10px;width:68px;height:60px;}
    #mcont1 .link_wrap .link1 .mov .mov1{top: -29px;left: -10px;}
    #mcont1 .link_wrap .link1 .mov .mov1 .top{width:45px;height:52px;}
    #mcont1 .link_wrap .link1 .mov .mov1 .body{left: 26px;top: 39px;width:48px;height:43px;}
    #mcont1 .link_wrap .link2{padding:0;margin-top: 100px;}
    #mcont1 .link_wrap .link2 .mov{width:226px;height:104px;margin: 0 auto;}
    #mcont1 .link_wrap .link2 .mov .mov1{top: -120px;width:189px;height:162px;}
    #mcont1 .link_wrap .link2 .mov .mov2{left: -30px;bottom: 70px;}
    #mcont1 .link_wrap .link2 .mov .mov2 .top{width: 46px;height: 65px;}
    #mcont1 .link_wrap .link2 .mov .mov2 .body{top: 58px;left: -1px;width:60px;height:97px;}
    #mcont1 .link_wrap .link2 .mov .mov3{bottom: 80px;right: -20px;}
    #mcont1 .link_wrap .link2 .mov .mov3 .top{width: 52px;height: 68px;}
    /*여자*/
/* 	#mcont1 .link_wrap .link2 .mov .mov3 .body{top: 49px;left: -3px;width: 79px;height: 116px;} */
    /*남자*/
    #mcont1 .link_wrap .link2 .mov .mov3 .body{top: 62px;left: -21px;width: 69px;height: 106px;}
    #mcont1 .link_wrap .link2 a{position:absolute;}
    #mcont1 .link_wrap .link2 a:nth-child(2){bottom: -80px;margin-left: -143px;}
    #mcont1 .link_wrap .link2 a:nth-child(3){bottom: -80px;margin-left: 7px;}
    #mcont1 .link_wrap .link3{margin-top:150px}
    #mcont1 .link_wrap .link3 .mov{width:145px;height: 230px;margin: 0 auto;}
    #mcont1 .link_wrap .link3 .mov .mov1{bottom: 40px;width:40px;height:66px;}
    #mcont1 .link_wrap .link3 .mov .mov1:after{display:none;}
    #mcont1 .link_wrap .link3 .mov .mov2 .top{width: 50px;height: 65px;}
    /* 여자 */
/*     #mcont1 .link_wrap .link3 .mov .mov2 .body{top: 28px;left: -10px;width:67px;height:129px;} */
    /* 남자 */
    #mcont1 .link_wrap .link3 .mov .mov2 .body{top: 55px;left: -5px;width: 52px;height:129px;}
    #mcont1 .link_wrap .link3 .mov .mov3{right:-55px;bottom: 80px;}
    #mcont1 .link_wrap .link3 .mov .mov3 .top{width: 50px;height: 66px;}
    #mcont1 .link_wrap .link3 .mov .mov3 .body{top: 64px;left: 2px;width:52px;height:106px;}
    #mcont1 .link_wrap .link4 .mov{width:233px;height: 127px;margin: 0 auto;}
    #mcont1 .link_sns{overflow: hidden;position:relative;left: auto;bottom: auto;margin-top:50px;}
    #mcont1 .link_sns li:nth-child(2){margin-left:10px;}
    #mcont1 .link_sns li:nth-child(3){left:-15px}
    #mcont1 .link_sns li:nth-child(4){margin-left: 0px;}
    #mcont1 .link_sns li a span{margin-bottom:10px}
    #mcont1 .link_sns li a .icon4{margin-top: 75px;}
    #mcont1 .il1{position:relative;bottom: auto;left: auto;margin: 80px auto 0;transform: translate(0px, 0px);}
    
    #mcont2{padding-bottom: 50px;padding-top: 930px;}
    #mcont2 .title{font-size: 16px;}
    #mcont2 .title br:nth-child(1){display:block}
    #mcont2 .img_slide .grap{max-width:260px;height: 260px;}
    #mcont2 .img_slide .grap .obj .item,#mcont2 .img_slide .grap .obj .item:first-child,#mcont2 .img_slide .grap .obj .item:nth-child(4), #mcont2 .img_slide .grap .obj .item:nth-child(5){width:260px;height:260px;margin-left:0}
    #mcont2 .img_slide button{width: 40px;height: 40px;}
    #mcont2 .img_slide button:before{width: 20px;height: 17px;}
    #mcont2 .img_slide .control{}
    #mcont2 .img_slide button[data-control=prev]{left:-20px}
    #mcont2 .img_slide button[data-control=next]{right:-20px}
    #mcont2 .more{width:186px;height:42px;margin-top: 25px;padding: 5px 0;font-size:14px;}
    #mcont2 .more:before{right:-25px;width:51px;height:8px;background-size:100% 100%;}
    #mcont2 .more:hover:before, #mcont3 .more:focus:before{right:-40px;}
    #foot_layout .il1,#foot_layout .il3{display:none;}

    #foot_layout{position:relative;padding: 50px 0 70px;}
    #foot_layout .flogo{width:150px;height:30px;margin-bottom:20px;background-size:100%;}
    #foot_layout p, address{font-size:13px;}
    #futil .fm li{width: calc(50% - 5px);margin-bottom: 10px;margin-left: 10px;}
    #futil .fm li:nth-child(3),
    #futil .fm li:nth-child(5),#futil .fm li:nth-child(7){margin-left:0}
    #futil .fm li a{display:block;margin: 0;font-size: 11px;letter-spacing: -0.05em;}
    #futil .wa{bottom: -80px;right: auto;left: 50%;transform: translateX(-50%);}

}