@charset "utf-8";
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;/* overflow: hidden; */}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;height: 100%;}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-slide img {display: block;width: 100%;height: auto;}
#pathline{stroke-dashoffset : 0 !important;stroke-dasharray: 0 !important}
#top_layout .top_wrap #logo > a {background: url(/images/stork/common/logo_w.png)center no-repeat;}

.layout{max-width:1300px;width: 100%;margin:0 auto;display: block;}
#body_layout.a_type .body_wrap{max-width:100%;margin: 0;}
#gnb_layout{background-color: transparent;}
#gnb_layout:before{opacity:0.5}
#gnb_layout .depth1_ul{background: transparent;}
.top_wrap .logo_wrap a{background: url(/images/stork/common/logo_w.png)center no-repeat;}
.top_wrap .utile_wrap li a{color:#fff;}
.top_wrap .utile_wrap li.yesan a:before{background:rgba(255,255,255,0.5);}
.top_wrap .utile_wrap li.sitemap a span{background: #fff;}
.top_wrap .utile_wrap li.sitemap a span:before{background: #fff;}
.top_wrap .utile_wrap li.sitemap a span:after{background: #fff;}
#gnb_layout .depth1_ul > li > a span,
#gnb_layout .depth1_ul > li > a.current span{color:#fff;}
#gnb_layout.open{background: #fff;}
#gnb_layout.open:before{opacity:1;background:#ddd}
#gnb_layout.open .depth1_ul > li > a span{color:#333;}
#gnb_layout.open .depth1_ul > li > a.current span{color:#E93660;font-weight: 600;}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger span,#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger .meat,#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger .meat{background: #fff;}
#top_layout.open .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger span,#top_layout.open .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger .meat,#top_layout.open .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger .meat{background: #333;}
#top_layout.on .top_wrap .logo_wrap a{background: url(/images/stork/common/logo.png)center no-repeat;}

#sec-tab{position: fixed;right: 50px;top: calc(50% - 25px);z-index: 10;}
#sec-tab ul{position: relative;}
#sec-tab ul:before{display: inline-block;position: absolute;right:21px;top:10%;width:1px;height:80%;border-right:1px dashed #cecece;content: '';z-index: 1;}
#sec-tab ul li{margin:3px 0;}
#sec-tab ul li a{position: relative;display: inline-block;width: 150px;padding: 8px 15px;color:#402404;font-weight: 600;}
#sec-tab ul li a:before{display: inline-block;position: absolute;right: 16px;top:15px;width:7px;height:7px;border-radius: 50%;border:2px solid #cecece;background: #fff;content: '';z-index: 10;}
#sec-tab ul li a:after{display:none;position: absolute;right: 15px;top: 10px;width: 17px;height: 17px;background: url(/images/stork/main/main_ir.png);background-position: -24px -266px;content: '';z-index: 10;}
#sec-tab ul li a.on{background: #ffc12b;border-radius: 100px;}
#sec-tab ul li a.on:before{top: 6px;right: 9px;width: 27px;height: 27px;border:none;}
#sec-tab ul li a.on:after{display: inline-block;}

#sec-tab .mouse-scroll{margin:20px 20px 0 0;text-align: right;animation:mousescroll 1s ease-in infinite alternate;}
@keyframes mousescroll{
	0%{margin:20px 20px 0 0;}
	100%{margin:10px 20px 0 0;}
}
#sec-tab .mouse-scroll .mouse-ani{position: relative;height: 60px;}
#sec-tab .mouse-scroll .mouse-ani .bar{display: inline-block;position: relative;right: 6px;width:1px;height:20px;background:#d8d6d5;}
#sec-tab .mouse-scroll .mouse-ani .bar:before{display: inline-block;position: absolute;left:0;top:0;width:100%;height:0%;background:#402404; content: '';animation:mouseani 1.5s ease-in infinite;-webkit-animation:mouseani 1.5s ease-in infinite}
#sec-tab .mouse-scroll .mouse-ani .mouse{display: block;width:13px;height:19px;background: url(/images/stork/main/mouse_scroll.png)center no-repeat;content: '';position: absolute;right: 0;top: 30px;}
#sec-tab .mouse-scroll .mouse-txt{color:#402404;font-size: 14px;line-height: 1.4;}

#stork-line{position: absolute;top:350px;width: 100%;z-index: 1;}
#stork-line .path-line{position:absolute;left:calc(50% - 760px);top: 0;z-index:-1;}
#stork-line svg{overflow: visible; pointer-events: none;}
#stork-line svg .b-bird{animation: bbird 1.5s ease-out 1.5s alternate infinite;}
#stork-line svg .wings{transform-origin: 5% 4%;animation: wings 1.5s ease-out alternate infinite;}
#stork-line svg .leg{transform-origin: 5% 4%;animation: leg 1.5s ease-out 1.5s alternate infinite;}

#mvisual{position: relative;top:-100px; height:740px;width:100%;}
#mvisual .mbanner .banner-txt{position: absolute;left:calc(50% - 315px);top:calc(50% - 150px);width:615px;z-index: 10;text-align: center;}
#mvisual .mbanner .banner-txt strong{display:block;width:615px;height:175px;margin:0 auto;font-size:0;background:url(/images/stork/main/mvisual_tit.png)center no-repeat;}
#mvisual .mbanner .banner-txt a{display: inline-block;margin: 30px 0 0 -50px;padding: 10px 30px;border-radius: 50px;border:1px solid #fff;font-size: 18px;text-shadow: 0 0 10px rgba(0,0,0,0.3);color:#fff;transition:.5s;-webkit-transition:.5s;}
#mvisual .mbanner .banner-txt a em{font-weight: 700;}
#mvisual .mbanner .banner-txt a span{display:inline-block;margin-left: 8px;font-weight: 900;}
#mvisual .mbanner .banner-txt a:hover,
#mvisual .mbanner .banner-txt a:focus{border-color:#f16100;background: #f16100;color:#fff;}

#mvisual .mbanner .slider-wrapper{position: relative;}
#mvisual .mbanner .slider-wrapper .slider {overflow:hidden;}
#mvisual .mbanner .slider-wrapper .slider,
#mvisual .mbanner .slider-wrapper .photo_list--item {height:740px;background-size: cover;background-position: center;}
#mvisual .mbanner .slider-wrapper .slider-progress {position: absolute;right: calc(50% - 240px);top: calc(50% - 70px);width:210px;height:2px;background: rgba(255,255,255,0.3);}
#mvisual .mbanner .slider-wrapper .slider-progress .progress {width:100%;height:2px;background:#fff;}
#mvisual .mbanner .slider-wrapper .slick-arrow{position: absolute;right: calc(50% - 240px);top:calc(50% + 60px);width:35px;height:35px; z-index: 100;border-radius: 50%;border:1px solid #fff;font-size: 0;}
#mvisual .mbanner .slider-wrapper .slick-arrow span{position: relative;right: 2px;display: inline-block;width: 9px;height: 9px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#mvisual .mbanner .slider-wrapper .slick-arrow.slick-prev{right:calc(50% - 150px);}
#mvisual .mbanner .slider-wrapper .slick-arrow.slick-prev span{right:-2px;transform: rotate(225deg);-webkit-transform: rotate(225deg);}
#mvisual .mbanner .slider-wrapper .slick-counter{display: inline-block;position: absolute;right: calc(50% - 350px);top: calc(50% - 95px);width:auto;height:auto;z-index: 100;}
#mvisual .mbanner .slider-wrapper .slick-counter span{position: relative; display: inline-block;color:#fff;font-weight: 600;}
#mvisual .mbanner .slider-wrapper .slick-counter span:before{display: inline-block;content: '0';}
#mvisual .mbanner .slider-wrapper .slick-counter span.current{font-size: 27px;}
#mvisual .mbanner .slider-wrapper .slick-counter span.total{opacity:.7; font-size: 20px;}
#mvisual .mbanner .slider-wrapper .slick-counter span.bullet{margin:0 5px;font-size: 27px;font-weight: 300;}
#mvisual .mbanner .slider-wrapper .slick-counter span.bullet:before{display: none;} 
#mvisual .mbanner .controls{position: absolute;right: calc(50% - 160px);top: calc(50% + 60px);z-index: 10;}
#mvisual .mbanner .controls button{position: absolute;left: 0;top:0; width:35px;height:35px; z-index: 100;border-radius: 50%;border:1px solid #fff;font-size: 0;}
#mvisual .mbanner .controls button span{display: inline-block;position: relative;left:5px;top:-1px;}
#mvisual .mbanner .controls button.slide-pause span{left:3px; width:2px;height:12px;background: #fff;}
#mvisual .mbanner .controls button.slide-pause span:before{display: inline-block;position: absolute;left:-6px;top:0;width:2px;height:12px;background: #fff;content: '';}
#mvisual .mbanner .controls button.slide-play span{width:0;height:0;border: 7px solid transparent;border-left: 8px solid #fff;}
#mvisual .mbanner .controls .slick-dots{display: none !important;}

#mvisual .today-time {display: inline-block;position: absolute;left: calc(50% - 650px);bottom: -89px;width: 320px;height: 320px;padding: 21px 40px;background: url(/images/stork/main/time_bg.png)center no-repeat;z-index: 10;}
#mvisual .today-time:before {display: inline-block;position: absolute;left: -40px;bottom: -10px;width: 71px;height: 127px;background: url(/images/stork/main/main_illust.png)center no-repeat;content: '';}
#mvisual .today-time .time-top {display: block;margin: 10px 0 9px;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.5);text-align: center;line-height: 1.2;}
#mvisual .today-time .time-top strong {display: block;font-size: 20px;font-weight: 700;color: #fff;margin-bottom: 5px;}
#mvisual .today-time .time-top em {display: block;font-size: 17px;font-weight: 500;color: #fff;}
#mvisual .today-time .time-top span {font-size: 23px;color: #feff8b;font-weight: 700;margin-bottom: 5px;display: block;}
#mvisual .today-time .time-bottom {color: #fff;}
#mvisual .today-time .time-bottom ul li {position: relative;padding: 0 0 3px 55px;}
#mvisual .today-time .time-bottom ul li strong {display: inline-block;position: absolute;left: 0;top: 0;font-weight: 700;font-size: 16px;}
#mvisual .today-time .time-bottom ul li strong:before {display: inline-block;position: absolute;right: -8px;top: 5px;width: 1px;height: 12px;background: rgba(255,255,255,0.5);content: '';}
#mvisual .today-time .time-bottom ul li span {display: inline-block;font-size: 16px;}

.wave-box{overflow: hidden; position: relative;top:-200px;}
.wave-box .waves{position: relative;width: 100%;height:100%;margin-bottom: -7px;min-height: 100px;max-height: 150px;}
.wave-box.on .waves .parallax>use {animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;-webkit-animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;}
.wave-box.on .waves .parallax>use:nth-child(1) {animation-delay: -2s;-webkit-animation-delay: -2s;animation-duration: 7s;-webkit-animation-duration: 7s;}
.wave-box.on .waves .parallax>use:nth-child(2) {animation-delay: -3s;-webkit-animation-delay: -3s;animation-duration: 10s;-webkit-animation-duration: 10s;}

strong.item-tit{display: inline-block;vertical-align: middle; background-image: url(/images/stork/main/main_ir.png);background-repeat: no-repeat;font-size: 0;}
span.item-text{display: inline-block;vertical-align: middle;font-size: 17px;font-weight: 600;}
span.item-text em{color:#5c3f37;font-weight: 600;}
#mcont{margin-top:-180px;}
#mcont .mcont-bg{position: absolute;right: 0;bottom: 100px;overflow: hidden;width: 1500px;height: 1500px;z-index: -10;}
#mcont .mcont-bg:before{display: inline-block;position: absolute;right: -330px;top:50px;width: 1400px;height: 1500px;border-radius: 650px;background:#f9f8f8;content: '';z-index: -1;animation: bg_circle 10s linear 3;}
#mcont [id*="mbox"]{position: relative; margin:0 0 200px; font-size: 0;z-index: 10;}
#mcont [class*="mitem"]{display: inline-block; height:320px;vertical-align: top; border-radius: 15px;font-size:15px;}
#mcont #mbox01{width:100%;margin-top:50px;}
#mcont #mbox01 .map{position: relative; width:calc(100% - 400px);margin-right:80px;}
#mcont #mbox01 .map strong.item-tit{position: absolute;left: 50px;top:0; width:200px;height:50px;background-position: 0 0;z-index:200;}

#map_slide .slick-list{padding-bottom:100px;}
#map_slide .photo_list--item{font-size: 0;}
#map_slide .photo_list--item .text-item{position: relative;top: 130px;left: 50px;display: inline-block;width:calc(45% - 50px);height:200px;font-size: 15px;z-index: 10;}
#map_slide .photo_list--item .text-item .text-wrap{overflow: hidden;}
#map_slide .photo_list--item .text-item strong{display: block; color:#402404;font-size: 24px;font-weight:700;transform: translateX(-100%);-webkit-transform: translateX(-100%);transition:none;-webkit-transition:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#map_slide .photo_list--item .text-item span{display: block;margin:5px 0;transform: translateX(-100%);-webkit-transform: translateX(-100%);transition:none;-webkit-transition:none;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
#map_slide .slick-active .photo_list--item .text-item .text-wrap strong{transform: translateX(0);-webkit-transform: translateX(0);transition: .8s ease-out;-webkit-transition: .8s ease-out;}
#map_slide .slick-active .photo_list--item .text-item .text-wrap span{transform: translateX(0);-webkit-transform: translateX(0);transition: .8s ease-out .5s;-webkit-transition: .8s ease-out .5s;}
#map_slide .photo_list--item .text-item a{position: absolute;left: 0;bottom:0; display:inline-block;padding:7px 30px;border-radius: 50px;border:1px solid #ddd;font-weight: 700;transition: .5s;-webkit-transition: .5s;}
#map_slide .photo_list--item .text-item a:hover,
#map_slide .photo_list--item .text-item a:focus{border-color:#ffe07f;}
#map_slide .photo_list--item .img-item{float:right;overflow: hidden;width:calc(55% - 50px);min-width:460px;height:320px;border-radius: 15px;position: relative;}
#map_slide .photo_list--item .img-item img{width:100%;height:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: auto;height: 100%;max-width: none;max-height: none;}
#map_slide .photo_list--item .mapbox{position: absolute;left:calc(50% - 175px);bottom: -110px;display: inline-block;width:350px;height:200px;background: url(/images/stork/main/map.png)center no-repeat;}
#map_slide .photo_list--item .mapbox em{position: absolute;display: inline-block;width: 32px;height:41px;background: url(/images/stork/main/map_pic.png)center no-repeat;font-size: 0;animation:tagem .5s ease-out alternate infinite;z-index: 10;}
#map_slide .photo_list--item .mapbox em.tag1{left: 255px;top: 50px;}
#map_slide .photo_list--item .mapbox em.tag2{left: 205px;top: 40px;}
#map_slide .photo_list--item .mapbox em.tag3{left: 65px;top: 45px;}
#map_slide .photo_list--item .mapbox em.tag4{left: 323px;top: 60px;}
#map_slide .photo_list--item .mapbox em.tag5{left: 255px;top: 50px;}
#map_slide .photo_list--item .mapbox em.tag6{left: 140px;top: 30px;}
#map_slide .photo_list--item .mapbox em.tag7{left: 313px;top: 70px;}
#map_slide .photo_list--item .mapbox em.tag8{left: 277px;top: 85px;}

#map_slide .slick-dots{position: absolute;left: 50px;top:80px;overflow: hidden;height:32px;}
#map_slide .slick-dots li{display: inline-block;margin-right:7px;vertical-align:middle;}
#map_slide .slick-dots li button{display: inline-block; position: relative;padding-left:8px;color:#402404;font-size: 14px;font-weight:800;}
#map_slide .slick-dots li button:before{display: inline-block;position: absolute;left:0;top:0;content: '0';}
#map_slide .slick-dots li.slick-active button{padding-left:28px;color:#c5bdb3;font-size: 50px;}
#map_slide .slick-arrow{display: inline-block; position: absolute;top:calc(50% - 60px);width:40px;height:40px;background:#ef611e;border-radius: 50%; font-size: 0;transition:.3s;-webkit-transition:.3s;z-index: 100;}
#map_slide .slick-arrow span{position: absolute;right: 12px;top:calc(50% - 1px);width:0;height:1px;background: #fff;transition:.3s;-webkit-transition:.3s;}
#map_slide .slick-arrow:before{display: inline-block;position:absolute;right: 10px;top: 13px;width: 15px;height:1px;background:#fff;content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);transition:.3s;-webkit-transition:.3s;}
#map_slide .slick-arrow:after{display: inline-block;position:absolute;right: 10px;bottom: 15px;width: 15px;height:1px;background:#fff;content: '';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transition:.3s;-webkit-transition:.3s;}
#map_slide .slick-arrow.slick-prev{left:-20px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#map_slide .slick-arrow.slick-next{right: -20px;}
#map_slide .slick-arrow:hover,
	#map_slide .slick-arrow:focus{width:50px;height:50px;}
	#map_slide .slick-arrow:hover span,
	#map_slide .slick-arrow:focus span{width:100%;}
	#map_slide .slick-arrow:hover:before,
	#map_slide .slick-arrow:focus:before{right:8px;top:16px;width:20px;}
	#map_slide .slick-arrow:hover:after,
	#map_slide .slick-arrow:focus:after{right:8px;bottom:18px;width:20px;}
 
#map_slide .slider-progress {position: absolute;left:300px;top: 102px;width: 300px;height: 1px;background: #ccc;}
#map_slide .slider-progress .progress {width:100%;height: 1px;background: #ef611e;}

 
#mcont #mbox01 .popup{position: relative; width:320px;}
#mcont #mbox01 .popup strong.item-tit{width:90px;height:30px;margin:10px 0 20px; background-position:0 -55px;vertical-align: top;}
#mcont #mbox01 .popup .main-photo__skin{position:relative;}
#mcont #mbox01 .popup .main-photo__skin .slick-list{width:320px;height:260px;border-radius: 15px;}
#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a{overflow: hidden; display: block; width:320px;min-height:260px;}
#mcont #mbox01 .popup .main-photo__skin .slick-dots{position: absolute;right: 20px;bottom:15px;}
#mcont #mbox01 .popup .main-photo__skin .slick-dots li{display: inline-block;vertical-align: middle;margin:0 5px;}
#mcont #mbox01 .popup .main-photo__skin .slick-dots li button{width:9px;height:9px;border-radius: 50%;font-size: 0; background:rgba(255,255,255,0.8);transition:.5s;-webkit-transition:.5s;transform-origin: center;-webkit-transform-origin: center;}
#mcont #mbox01 .popup .main-photo__skin .slick-dots li.slick-active button{width:13px;height:13px;background: transparent;border:2px solid #fff;}
#mcont #mbox01 .popup .main-photo__skin .slider-control{position: absolute;right:10px;top:-45px;}
#mcont #mbox01 .popup .main-photo__skin .slider-control button{position: relative; width:20px;height:20px;font-size: 0;}
#mcont #mbox01 .popup .main-photo__skin .slider-control button:before{display:inline-block;position: absolute;left: 0;top:0;width:10px;height:10px; content: '';}
#mcont #mbox01 .popup .main-photo__skin .slider-control button:after{display:none;position: absolute;left: 0;top:0;width:10px;height:10px; content: '';transition: .5s;-webkit-transition: .5s;}
#mcont #mbox01 .popup .main-photo__skin .slider-control button.prev:before{left: 7px;top: 4px;border-top:1px solid #402404;border-left:1px solid #402404;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#mcont #mbox01 .popup .main-photo__skin .slider-control button.next:before{left: 1px;top: 5px;border-top:1px solid #402404;border-left:1px solid #402404;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
#mcont #mbox01 .popup .main-photo__skin .slider-control button.pause:before{left: 6px;width: 2px;background:#402404;top: 3px;height: 14px;}
#mcont #mbox01 .popup .main-photo__skin .slider-control button.pause:after{display:inline-block;top: 3px;left: 11px;width: 2px;height: 14px;background:#402404;}
#mcont #mbox01 .popup .main-photo__skin .slider-control button.play:after{display:inline-block;left: 7px;top:3px;width:0;height:0;border: 7px solid transparent;border-left: 8px solid #402404;}

#mcont #mbox02{width:100%;}
#mcont #mbox02 .notice{position: relative; width:calc(40% - 17px);background: #f9f8f8;}
#mcont #mbox02 .notice .main-board__skin{display:block;min-height: 320px;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item .board__content,
#mcont #mbox02 .notice .main-board__skin .board__nav-item.active .board__more{display:none;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item.active .board__content,
#mcont #mbox02 .notice .main-board__skin .board__nav-item.active .board__more{display:block;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item{display:inline-block;padding:0;margin-right: 20px;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item .board__title{display:block;width:100%; padding:15px 0;font-size:20px;line-height:45px;color:#706967;font-weight:700;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item.active .board__title{color:#362c29;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item:first-child .board__title{margin-left:15px;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item .board__content{position:absolute;top:70px;left:0;width:100%;min-height: 250px;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item .board__more{position:absolute;top:0;right:0;width:65px;height:65px;font-size:0;line-height:0;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item.active .board__more a{display:block;position:relative;width:65px;height:65px;z-index:10;transition: .5s;-webkit-transition: .5s;}
#mcont #mbox02 .notice .main-board__skin .board__nav-item.active .board__more a:before{display: inline-block;position: absolute;left:50%;top: calc(50% - 7.5px);width:1px;height: 17px;background: #362c29;content: '';}
#mcont #mbox02 .notice .main-board__skin .board__nav-item.active .board__more a:after{display: inline-block;position: absolute;left:calc(50% - 7.5px);top:52%;width:17px;height: 1px;background: #362c29;content: '';}
#mcont #mbox02 .notice .main-board__skin .board__nav-item.active .board__more a:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

#mcont #mbox02 .notice .main-board__skin .board__item{padding: 0 30px;}
#mcont #mbox02 .notice .main-board__skin .board__item .board__link{position:relative;display: block;padding: 3px 0 3px 13px;z-index: 10;}
#mcont #mbox02 .notice .main-board__skin .board__item .board__link:before{display: inline-block;position: absolute;left: 0;top: 13px;width:3px;height: 3px;border-radius: 50%;background: #362c29;content: '';}
#mcont #mbox02 .notice .main-board__skin .board__item .board__link:after{display: inline-block;position: absolute;left: 0;bottom:8px;width:0;height:10px;background:#e8e8e8;content:'';z-index:-1;transition: .5s;-webkit-transition: .5s}
#mcont #mbox02 .notice .main-board__skin .board__item .board__link:hover,
#mcont #mbox02 .notice .main-board__skin .board__item .board__link:focus{font-weight: 600;color:#000;}
#mcont #mbox02 .notice .main-board__skin .board__item .board__link:hover:after,
#mcont #mbox02 .notice .main-board__skin .board__item .board__link:focus:after{width:80%}
#mcont #mbox02 .notice .main-board__skin .board__item .board__link .board__item--title{display: block;padding-right: 80px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#mcont #mbox02 .notice .main-board__skin .board__item .board__link .board__item--content{color:#362c29;}
#mcont #mbox02 .notice .main-board__skin .board__item .board__link .board__item--date{display:inline-block;position: absolute;right: 0;top:5px; vertical-align:top;font-size:14px;}
#mcont #mbox02 .notice .main-board__skin .board__item .board__link .board__item--date i{font-style:normal;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child{display:block;position:relative;min-height:100px;margin-bottom: 15px;padding: 0 20px 15px;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child:before{display: inline-block;position: absolute;left: 30px;bottom:0;width:calc(100% - 60px);height:1px;background: #ddd;content: '';}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link{padding:10px 0 10px 120px;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link:before{display: none;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link:after{display: none;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--title{display:block;font-size: 18px; font-weight:700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--title span.ir{position: absolute;left:10px;top:0;display: inline-block;width: 28px;height: 27px;border-radius: 50%;background:#e45715;z-index: 10;font-size: 0;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--title span.ir:before{display: inline-block;position: absolute;left: 8px;top: 2px;color:#fff;font-weight: 700;font-size: 16px;content: 'N';}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--content{display:block;height: 48px;padding-top:5px; line-height:1.4;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--date{display:block;position:absolute;top:0;left: 10px;width:95px;height:95px;border-radius:50%;border:2px solid #ddd;text-align:center;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--date span:before{display:inline-block;position: absolute;left: 20%;top: 50px;width: 60%;height:1px;background:#ddd;content:'';}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--date span{position:relative;display:block;/* margin-top: 10px; */padding-top: 58px;line-height:1;font-weight: 600;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--date i{position: absolute;left: calc(50% - 20px);top: 17px;display:block;font-size: 31px;color:#362c29;font-weight: 700;}

#mcont #mbox02 .reserve{overflow:hidden;position: relative; width:calc(30% - 17px);padding:40px 30px 30px; margin:0 25px;background:#e45715;color:#fff;}
#mcont #mbox02 .reserve:before{display: inline-block;position:absolute;left: -20px;top: -120px;width: 250px;height: 280px;border-radius: 160px;background: rgba(255,255,255,0.1);content: '';animation: bg_circle 5s linear infinite;-webkit-animation: bg_circle 5s linear infinite;}
#mcont #mbox02 .reserve strong.item-tit{width:146px;height:30px;background-position: 0 -94px;}
#mcont #mbox02 .reserve span.item-text{display: block;margin-top:20px;}
#mcont #mbox02 .reserve ul{overflow: hidden;display: inline-block;width:100%;margin:40px 0 10px;text-align: center;font-size: 0;border-radius: 10px;}
#mcont #mbox02 .reserve ul li{display: inline-block;width:50%;background: rgba(255,255,255,0.3);}
#mcont #mbox02 .reserve ul li:first-child{background: #fff;}
#mcont #mbox02 .reserve ul li:first-child a{color:#e45715;}
#mcont #mbox02 .reserve ul li a{display: block;padding: 11px 0;text-align: center;font-size: 17px;font-weight: 600;color: #fff;}
#mcont #mbox02 .reserve ul li a:hover,
#mcont #mbox02 .reserve ul li a:focus{font-weight: 700;}
#mcont #mbox02 .reserve .call{position: relative;padding-left:30px;}
#mcont #mbox02 .reserve .call span.call-icon{position: absolute;left: 0;top:0; display: inline-block;width:22px;height:22px;border-radius: 50%;background: #fff;}
#mcont #mbox02 .reserve .call span.call-icon:before{display: inline-block;position: absolute;left: 0;top:0;width:17px;height:17px;background: url(/images/stork/main/main_ir.png);background-position:1px -265px;content: '';}

#mcont #mbox02 .enjoy{width:calc(30% - 17px);padding: 40px 0 0;text-align: center;}
#mcont #mbox02 .enjoy strong.item-tit{display: block;width:286px;height:55px;margin:0 auto 10px;background-position: 0 -129px;}
#mcont #mbox02 .enjoy ul{display: inline-block;width: 100%;padding: 0 30px;text-align: center;font-size: 0;}
#mcont #mbox02 .enjoy ul li{display: inline-block;vertical-align: top;width: 50%;}
#mcont #mbox02 .enjoy ul li a{display: block;font-size: 18px;font-weight: 600;}
#mcont #mbox02 .enjoy ul li a:hover span,
#mcont #mbox02 .enjoy ul li a:focus span{animation:iconani .5s ease-out alternate infinite;-webkit-animation:iconani .5s ease-out alternate infinite;}
#mcont #mbox02 .enjoy ul li a span{display: block; width:95px;height:95px;margin:10px auto 5px;}
#mcont #mbox02 .enjoy ul li a span.icon01{background: url(/images/stork/main/main_icon01.png)center no-repeat;}
#mcont #mbox02 .enjoy ul li a span.icon02{background: url(/images/stork/main/main_icon02.png)center no-repeat;}

#gallery{position: relative;background: #a4d67f url(/images/stork/main/grass.png)center top no-repeat;padding:0 0 150px;}
#gallery .gallery-illust{position: relative;top: -130px;min-height: 140px;background:url(/images/stork/main/gallery_bg.png)center no-repeat;}
#gallery .gallery-illust span{display: inline-block;position: absolute;background-repeat: no-repeat;background-size: 100%;}
#gallery .gallery-illust .right-illust{overflow: hidden;position: absolute;top: -40px;right: 0;width: 100%;height: 250px;display: inline-block;}
#gallery .gallery-illust .right-illust span{transform: translateY(200%);-webkit-transform: translateY(200%);}
#gallery .gallery-illust .right-illust span.bulidng{top: 0;right: 0;width: 545px;height: 210px;background-image: url(/images/stork/main/gallery_ill01.png);transition: 1s;-webkit-transition: 1s;}
#gallery .gallery-illust .right-illust span.person{right: 300px;top: 120px;width:55px;height:105px;background-image: url(/images/stork/main/gallery_ill02.png);transition: 1s .5s;-webkit-transition: 1s .5s;}
#gallery .gallery-illust .right-illust span.tree01{top: 60px;right: 0;width:124px;height:177px;background-image: url(/images/stork/main/gallery_ill03.png);transition: 1s 1s;-webkit-transition: 1s 1s;}
#gallery .gallery-illust .right-illust span.tree02{right: 200px;top: 200px;width:97px;height:32px;background-image: url(/images/stork/main/gallery_ill04.png);transition: 1s 1.5s;-webkit-transition: 1s 1.5s;}
#gallery .gallery-illust .left-illust{overflow: hidden;position: absolute;top: -100px;left: 0;width: 100%;height: 300px;}
#gallery .gallery-illust .left-illust span{transform: translateY(200%);-webkit-transform: translateY(200%);}
#gallery .gallery-illust .left-illust span.tree01{top:20px;width:340px;height:191px;background-image: url(/images/stork/main/gallery_ill05.png);z-index: -10;transition: 1s;-webkit-transition: 1s;}
#gallery .gallery-illust .left-illust span.tree02{left: 140px;top: 100px;width:281px;height:112px;background-image: url(/images/stork/main/gallery_ill06.png);z-index: -1;transition: 1s .5s;-webkit-transition: 1s .5s;}
#gallery .gallery-illust .left-illust span.people{left: calc(50% - 640px);top: 150px;width:103px;height:118px;background-image: url(/images/stork/main/gallery_ill07.png);transition: 1s 1s;-webkit-transition: 1s 1s;}
#gallery .gallery-illust .left-illust span.bird{left: calc(50% - 550px);top: 210px;width: 270px;height: 88px;background-image: url(/images/stork/main/gallery_ill08.png);transition: 1s 1.5s;-webkit-transition: 1s 1.5s;}
#gallery .gallery-illust.active span{transform: translateY(0);-webkit-transform: translateY(0);}

#gallery strong.item-tit{width: 160px;height: 60px;margin-bottom:15px; background-position: 0 -192px;}
#gallery .photobox{position: relative; }
#gallery .photobox:before{display: inline-block;position: absolute;right:-270px;bottom:30px;width:223px;height:295px;background: url(/images/stork/main/gallery_ill09.png);content: '';}
#gallery .photobox .main-photo__skin{overflow: hidden;width:100%;height:580px;border-radius: 15px;}
#gallery .photobox .main-photo__skin div{height:100%;font-size: 0;}
#gallery .photobox .main-photo__skin .itembox{position: relative; font-size: 0;}
#gallery .photobox .main-photo__skin .itembox [class*="stepbox"]{position: relative; display: inline-block;width:100%;vertical-align: top; font-size: 0;}
#gallery .photobox .main-photo__skin .itembox [class*="step"]{display: inline-block;vertical-align: top;}
#gallery .photobox .main-photo__skin .itembox [class*="step"] a{position: relative; display: block;width:100%;height:100%;background-repeat: no-repeat;background-size:cover;background-position: center center;}
#gallery .photobox .main-photo__skin .itembox [class*="step"] a em{position: relative;overflow: hidden; display: table;height:100%;margin:0 auto; z-index: 10;}
#gallery .photobox .main-photo__skin .itembox [class*="step"] a span{display:table-cell;vertical-align: middle; color:#fff;font-size: 20px;text-align: center;transform: translate(100%, 0);-webkit-transform: translate(100%, 0);transition:.5s .3s;-webkit-transition:.5s .3s;}
#gallery .photobox .main-photo__skin .itembox [class*="step"] a:before{display: inline-block;position: absolute;left: 0;bottom:0;width:100%;height:0;background: rgba(0,0,0,0.4);content: '';transition:.5s;-webkit-transition:.5s;}
#gallery .photobox .main-photo__skin .itembox [class*="step"] a:hover span,
#gallery .photobox .main-photo__skin .itembox [class*="step"] a:focus span{transform: translate(0, 0);-webkit-transform: translate(0, 0);}
#gallery .photobox .main-photo__skin .itembox [class*="step"] a:hover:before,
#gallery .photobox .main-photo__skin .itembox [class*="step"] a:focus:before{height:100%;}
#gallery .photobox .main-photo__skin .itembox .step06{position: absolute;left: 0;bottom:0;}
#gallery .photobox .main-photo__skin .itembox .step07{position: absolute;right: 0;bottom:0;}
#gallery .photobox .main-photo__skin .itembox .w100{width:100%;}
#gallery .photobox .main-photo__skin .itembox .w50{width:50%;}
#gallery .photobox .main-photo__skin .itembox .h66{height:67%;}
#gallery .photobox .main-photo__skin .itembox .h33{height:33%;}
#gallery .photobox .slider-control{position: absolute;right: 0;top:-50px;height:auto !important; font-size: 15px;}
#gallery .photobox .slider-control button{position: relative;display: inline-block;width: 33px;height: 33px;margin-left:3px;background: #5c3f37;border-radius: 50%;}
#gallery .photobox .slider-control button:before{display: inline-block;position: absolute;left: 10px;top: 10px;width: 9px;height: 9px;border-top: 1px solid #fff;border-right: 1px solid #fff;content: '';z-index: 10;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#gallery .photobox .slider-control button.prev:before{left:14px;transform: rotate(225deg);-webkit-transform: rotate(225deg);}
 
/*애니메이션*/
	@keyframes mouseani{
		0%{height:0%;}
		70%{height:100%;}
		100%{top:auto;bottom:0;}
	}
	@-webkit-keyframes mouseani{
		0%{height:0%;}
		70%{height:100%;}
		100%{top:auto;bottom:0;}
	}
	@keyframes bg_circle{
	    0%{transform: rotate(0);-webkit-transform: rotate(0);}
	    100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
	}
	@-webkit-keyframes bg_circle{
	    0%{transform: rotate(0);-webkit-transform: rotate(0);}
	    100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
	}
	@keyframes grass{
		0%{transform: scale(0);-webkit-transform: scale(0);}
		100%{transform: scale(1);-webkit-transform: scale(1);}
	}
	@-webkit-keyframes grass{
		0%{transform: scale(0);-webkit-transform: scale(0);}
		100%{transform: scale(1);-webkit-transform: scale(1);}
	}
	@keyframes move-forever {
	  0% {transform: translate3d(-90px, 0, 0);}
	  100% {transform: translate3d(85px, 0, 0);}
	}
	@-webkit-keyframes move-forever {
	  0% {transform: translate3d(-90px, 0, 0);-webkit-transform: translate3d(-90px, 0, 0);}
	  100% {transform: translate3d(85px, 0, 0);-webkit-transform: translate3d(85px, 0, 0);}
	}
	@keyframes tagem{
		0%{transform: translateY(0);}
		100%{transform: translateY(-8px);}
	}
	@-webkit-keyframes tagem{
		0%{transform: translateY(0);-webkit-transform: translateY(0);}
		100%{transform: translateY(-8px);-webkit-transform: translateY(-8px);}
	}
	@keyframes iconani{
		0%{transform: translateY(0);}
		100%{transform: translateY(-8px);}
	}
	@-webkit-keyframes iconani{
		0%{transform: translateY(0);-webkit-transform: translateY(0);}
		100%{transform: translateY(-8px);-webkit-transform: translateY(-8px);}
	}
	@keyframes leg {
	  	0%{transform:rotate(0deg);}
	  	100%{transform:rotate(10deg);}
	}
	@-webkit-keyframes leg {
	  	0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	  	100%{transform:rotate(10deg);-webkit-transform:rotate(10deg);}
	}
	@keyframes wings {
	  	0%{transform:rotate(0deg);}
	  	100%{transform:rotate(20deg);}
	}
	@-webkit-keyframes wings {
	  	0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	  	100%{transform:rotate(20deg);-webkit-transform:rotate(20deg);}
	}
	@keyframes bbird {
	  	0%{transform:translate(0,0);}
	  	100%{transform:translate(3px,5px);}
	}
	@-webkit-keyframes bbird {
	  	0%{transform:translate(0,0);-webkit-transform:translate(0,0);}
	  	100%{transform:translate(3px,5px);-webkit-transform:translate(3px,5px);}
	}


@media(max-width:1919px){
	#gallery .photobox:before{display: none;}
}
@media(max-width:1700px){
	#sec-tab{display: none;}
	#stork-line{display: none;}
}
@media(max-width:1400px){
	#mvisual .today-time{left:110px;bottom:-30px;}
	#mvisual .today-time:before{left:-40px;}
}

@media(max-width:1279px){
	.layout{padding:0 50px;}
	
	#stork-line:before{right:-300px;top:auto;bottom:-500px;width:800px;height:900px;}
	#mcont [id*="mbox"]{margin:0 0 30px;}
	#mcont #mbox01 .map{width:100%;margin:0 0 120px;}
	#map_slide .slideCaption{width:50%}
	#map_slide .viewer_area .backImg{left:auto;right:0;transform: translate(100%, 0);}
	#map_slide .viewer_area .slick-arrow.slick-prev{left: 0;}
	#map_slide .viewer_area .slick-arrow.slick-next{right: 0;}
	#mcont #mbox01 .popup{width:calc(40% - 30px);}
	#mcont #mbox01 .popup .main-photo__skin .slick-list{width:auto;background:#f9f8f8;}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a{width:100%;background-size: 100%;background-repeat: no-repeat;background-position: center;}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;width: 100%;height: auto;}
	#mcont #mbox02{margin:0 0 130px;}
	#mcont #mbox02 .notice{position: absolute;right: 0;top: -350px;width: 60%;}
	#mcont #mbox02 .reserve{width:calc(50% - 15px);margin:0 30px 0 0;}
	#mcont #mbox02 .enjoy{width:calc(50% - 15px);}

	#map_slide .photo_list--item .img-item img {width: 100%;height: auto;}
	
	#gallery .gallery-illust .left-illust span.tree01{top: 80px;width:250px;}
	#gallery .gallery-illust .left-illust span.tree02{top: 160px;left:140px;width:150px;}
	#gallery .gallery-illust .left-illust span.people{left: 50px;width: 63px;}
	#gallery .gallery-illust .left-illust span.bird{left: 90px;top: 200px;width: 200px;}

	#gallery .gallery-illust .right-illust span.bulidng{top: 30px;width:400px;}
	#gallery .gallery-illust .right-illust span.tree01{width:100px;}
	#gallery .gallery-illust .right-illust span.tree02{width:40px;}
	#gallery .gallery-illust .right-illust span.person{right: 150px;top: 130px;width: 33px;}
}

@media(max-width:1023px){
	#map_slide .photo_list--item .text-item{width:calc(50% - 50px);}
	#map_slide .photo_list--item .img-item{width:calc(50% - 50px);min-width: auto;}
	#map_slide .photo_list--item .img-item img {
    width: auto;
    height: 100%;
}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a img {width: auto;height: 100%;}
	#gallery .photobox .main-photo__skin .itembox [class*="step"] a span{font-size: 15px;}
}

@media (max-width:960px) {
	#mcont #mbox01 .popup {width: calc(50% - 15px);}
	#mcont #mbox02 .notice {width: calc(50% - 5px);}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a img {width: 100%;height: auto;}
}

@media(max-width:767px){
	.layout{padding:0 30px;}
	#mvisual .mbanner .banner-txt{left: calc(50% - 138px);top:140px;width:276px;}
	#mvisual .mbanner .banner-txt strong{width:276px;height:190px;background:url(/images/stork/main/mvisual_titm.png)center no-repeat;}
	#mvisual .mbanner .banner-txt a{margin:20px auto;}
	#mvisual .mbanner .slider-wrapper .slider-progress{display: none;}
	#mvisual .mbanner .slider-wrapper .slick-counter{display: none;}
	#mvisual .mbanner .slider-wrapper .slick-arrow{top:calc(50% + 50px); right: calc(50% - 60px);}
	#mvisual .mbanner .slider-wrapper .slick-arrow.slick-prev{right: calc(50% + 20px);}
	#mvisual .mbanner .controls{right:calc(50% + 15px);top: calc(50% + 50px);}
	#mvisual .today-time {left: 50%;transform: translateX(-50%);bottom: -50px;}
	#mvisual .today-time:before{left:180px;width:50px;background-size: 100%;}
	#mvisual .today-time .time-top{padding-bottom:5px;margin:10px 0;}
	#mvisual .today-time .time-top strong{font-size: 20px;}
	#mvisual .today-time .time-top span{font-size: 22px;}

	.wave-box{top:-180px;}
	
	#mcont #mbox01 .map{margin:0;}
	#mcont #mbox01 .map strong.item-tit{left:0;}
	#map_slide .photo_list--item .text-item{position:static;width:100%;height:auto;min-height:185px;margin-top:125px;}
	#map_slide .photo_list--item .text-item a{position: static;margin:10px 0;}
	#map_slide .photo_list--item .text-item em.tag1{top:540px;}
	#map_slide .photo_list--item .text-item em.tag2{top:560px;}
	#map_slide .photo_list--item .text-item em.tag3{top:550px;}
	#map_slide .photo_list--item .text-item em.tag4{top:500px;}
	#map_slide .photo_list--item .img-item{float: none; width:100%;}
	#map_slide .slick-dots{left:0;top:70px;}
	#map_slide .slick-arrow{top:10px;}
	#map_slide .slick-arrow.slick-prev{left:auto;right:50px;}
	#map_slide .slick-arrow.slick-next{right:0;}
	#map_slide .slick-arrow:hover,
	#map_slide .slick-arrow:focus{width:40px;height:40px;}
	#map_slide .slick-arrow:hover span,
	#map_slide .slick-arrow:focus span{width:0;}
	#map_slide .slick-arrow:hover:before,
	#map_slide .slick-arrow:focus:before{right:10px;top:13px;width:15px;}
	#map_slide .slick-arrow:hover:after,
	#map_slide .slick-arrow:focus:after{right: 10px;bottom: 15px;width: 15px;}
	#map_slide .slider-progress{left: auto;right: 0;top:127px;width:190px;}	
	#map_slide .photo_list--item .img-item img {width: 100%;height: auto;}

	#mcont{margin-top:-100px;}
	#mcont .mcont-bg:before{right: -90px;top:auto;bottom:-280px;width:600px;height:600px;border-radius: 280px;animation:bg_circle 5s linear infinite;-webkit-animation:bg_circle 5s linear infinite;}
	#mcont [id*="mbox"]{margin:0;}
	#mcont [class*="mitem"]{margin:10px 0;height: auto;}
	#mcont #mbox01 .popup{width: 100%;}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a{width:320px;margin:0 auto;}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a img {/* width: 100%; *//* height: auto; */}
	#mcont #mbox01 .popup .main-photo__skin .slick-list {height: 73vw;}

	
	#mcont #mbox02 .notice{position: static;width: 100%;}
	#mcont #mbox02 .reserve{width: 100%; margin:10px 0;}
	#mcont #mbox02 .enjoy{width:100%;}
	#mcont #mbox02 .enjoy ul{padding:0;}
	#mcont #mbox02 .enjoy ul li a{font-size: 16px;}
	#mcont #mbox02 .notice .main-board__skin .board__nav-item .board__more {top: 14px}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a img {height: 100%;width: auto;}
	
	#gallery .gallery-illust{top:-100px;min-height:150px; background-position: center top;}
	#gallery .gallery-illust .left-illust{top:130px;height:100px;}
	#gallery .gallery-illust .left-illust span.tree01,
	#gallery .gallery-illust .left-illust span.tree02,
	#gallery .gallery-illust .right-illust span.tree01{display: none;}
	#gallery .gallery-illust .left-illust span.people{left:40px;top: 0;width:60px;}
	#gallery .gallery-illust .left-illust span.bird{left:110px;top: 30px;width:200px;}
	#gallery .gallery-illust .right-illust span.bulidng{top: 50px;width:310px;}
	#gallery .photobox .slider-control{top:auto;bottom:-50px;}
}

@media (max-width:560px) {
	#map_slide .photo_list--item .img-item img {width: auto;height: 110%;}
	#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link{padding-left: 85px;}
	#mcont #mbox02 .notice .main-board__skin .board__item:first-child{min-height: 77px;}
	#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--date{top: 6px;width: 65px;height: 65px;}
	#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--date span{padding-top: 33px;}
	#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--date i{top: 12px; font-size: 23px ;left: calc(50% - 14px);;}
	#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--date span:before{display: none;}
	#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--content{height: 24px;    -webkit-line-clamp: 1;width: 100%;    word-break: break-all;}
	#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--date{}
	#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--title{padding-right: 0;}
	#gallery .photobox .main-photo__skin .itembox [class*="step"] a span{font-size: 13px;}
}

@media(max-width:480px){
	.layout {padding: 0 20px;}
	
	#map_slide .slick-arrow{top:auto;bottom:320px;transform: scale(0.7);-webkit-transform: scale(0.7);}
	#map_slide .slick-arrow.slick-prev{right:35px;transform: rotate(180deg) scale(0.7);-webkit-transform: rotate(180deg) scale(0.7)}
	#map_slide .photo_list--item .img-item{height:200px;}
	#map_slide .photo_list--item .text-item em.tag1{top:440px;}
	#map_slide .photo_list--item .text-item em.tag2{top:460px;}
	#map_slide .photo_list--item .text-item em.tag3{top:450px;}
	#map_slide .photo_list--item .text-item em.tag4{top:400px;}
	#map_slide .photo_list--item .mapbox{left:calc(50% - 120px);bottom:-60px;width:250px;height:130px;background-size: 100%;}
	#map_slide .photo_list--item .mapbox em{width:18px;background-size: 100%;}
	#map_slide .photo_list--item .mapbox em.tag1{left: 185px;top: 28px;}
	#map_slide .photo_list--item .mapbox em.tag2{left: 155px;top: 25px;}
	#map_slide .photo_list--item .mapbox em.tag3{left: 55px;top: 25px;}
	#map_slide .photo_list--item .mapbox em.tag4{left: 235px;top: 35px;}
	#map_slide .photo_list--item .mapbox em.tag5{left: 185px;top: 28px;}
	#map_slide .photo_list--item .mapbox em.tag6{left: 105px;top: 15px;}
	#map_slide .photo_list--item .mapbox em.tag7{left: 220px;top: 37px;}
	#map_slide .photo_list--item .mapbox em.tag8{left: 201px;top: 50px;}
	#map_slide .slider-progress{display: none;}
	#map_slide .slick-dots{height:22px;}
	#map_slide .slick-dots li.slick-active button{padding-left:18px; font-size: 35px;}
	#map_slide .photo_list--item .img-item img {width: 100%;height: auto;}
	#gallery .photobox .main-photo__skin{height:300px;}
	#map_slide .photo_list--item .text-item {margin-top: 110px;}
}



@media (max-width:400px) {
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item,
	#mcont #mbox01 .popup .main-photo__skin .slick-list {height: 67vw;}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a img {width: 100%;height: auto;}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a {min-height:1px;width: 100%;height: 100%;display: block;}
	#mcont #mbox01 .popup .main-photo__skin .slick-list .photo_list--item a .img_box {width: 100%;height: 100%;display: block;}
}

@media (max-width:380px) {
	#map_slide .photo_list--item .img-item img {height: 113%;width: auto;}
	#mcont #mbox02 .enjoy strong.item-tit{    width: 356px;
		height: 35px;
		background-size: cover;
		margin: 0 auto 10px;
		background-position: 53px -100px;
	}
}@media (max-width:350px) {
	#mcont #mbox02 .enjoy strong.item-tit {background-position: 33px -100px;}
}
@media (max-width:330px) {
	#mcont #mbox02 .enjoy strong.item-tit {background-position: 23px -100px;}
}
@media (min-width:2560px) {
  #gallery .gallery-illust{
    min-height: 226px;
    background: url(/images/stork/main/gallery_bg_3840.png) center bottom no-repeat;
    top: -200px;
  }
  #gallery .gallery-illust .left-illust{
       top: -70px;
  }
  
}
@media (min-width:3840px) {
  #gallery .gallery-illust{background-size: cover;}
}
.mian_popup{position:absolute;text-align:center;border:5px solid #666;background-color:#fff;z-index:99;}
/** 팝업창 관련 **/
#popupwrap{}


.pop_font{background:url(/_ham/popup/img/pop_bul.gif) no-repeat left 8px; text-indent:15px; margin-left:10px; float:left;}
.pop_font a:link{font-family:"Gulim"; font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:visited{font-family:"Gulim"; font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:active{font-family:"Gulim"; font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:hover{font-family:"Gulim"; font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF; font-weight:bold;}

/**html .pop_font{background:url(/_ham/popup/img/pop_bul.gif) no-repeat left 6px;}*/
.pop_font{background:url(/_ham/popup/img/pop_bul.gif) no-repeat left 6px;}
.pop_close{width:48px; float:right;}
.pop_close img{margin-top:4px;}
.pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
.pop_bt_bg{height:26px; background:#000000; }

.pop_bg{background:#1370AA; padding:6px 0px 6px 0px}













/* 230711 메인 이관 중 수정사항 : s */
#body_layout {margin-top: 0;overflow: visible;padding-bottom: 0;}
#mcont #mbox02 .notice .main-board__skin .board__item:first-child .board__link .board__item--title span.ir:before {line-height: 1.6;}
#map_slide .slick-dots {overflow: visible;}
/* 230711 메인 이관 중 수정사항 : e */