@charset "utf-8";

/* 접근성문제로 잠시 숨김처리 20220520 */
.makechat_wg_area_chat,
.makechat_wg_btn_show{display: none !important;}

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{}.swiper-pagination-black{}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{}.swiper-lazy-preloader-black{}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

@-webkit-keyframes car{0% {transform:translate(0)}99% {transform:translate(30px,30px);}100% {opacity:0;}}
@keyframes car{0% {transform:translate(0)}99% {transform:translate(30px,30px);}100% {opacity:0;}}
@-webkit-keyframes flicker-1 { 41.99%,43.01%,45.99%,46.91%,51.99%,52.81% {opacity: 1;}42%,43%,46%,46.9%,52%,52.8%,100% {opacity: 0;}}
@keyframes flicker-1 {0%,40% {opacity:0;}41.99%,43.01%,45.99%,46.91%,51.99%,52.81% {opacity: 1;}42%,43%,46%,46.9%,52%,52.8%,100% {opacity: 0;}}
@-webkit-keyframes flicker-2 {0% {opacity:1;}38% {opacity:0;}41.99%,43.01%,45.99%,46.91%,51.99%,52.81%,100% {opacity: 1;}42%,43%,46%,46.9%,52%,52.8% {opacity: 0;}}
@keyframes flicker-2 {0% {opacity:1;}38% {opacity:0;}41.99%,43.01%,45.99%,46.91%,51.99%,52.81%,100% {opacity: 1;}42%,43%,46%,46.9%,52%,52.8% {opacity: 0;}}
@-webkit-keyframes spinspin2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform:rotate(720deg);transform:rotate(720deg);}}
@keyframes spinspin2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform:rotate(720deg);transform:rotate(720deg);}}
@-webkit-keyframes flower {0%,100% {transform:translate(0,0);-webkit-transform:translate(0,0);}50% {transform:translate(8px,-8px);-webkit-transform:translate(8px,-8px);}}
@keyframes flower {0%,100% {transform:translate(0,0);-webkit-transform:translate(0,0);}50% {transform:translate(8px,-8px);-webkit-transform:translate(8px,-8px);}}
@keyframes wood {0%,60%,100%{transform:rotateY(0deg);-webkit-transform:rotateY(0deg); }40%,80%{transform:rotateY(-15deg);-webkit-transform:rotateY(-15deg); }}
@-webkit-keyframes wood {0%,60%,100%{transform:rotateY(0deg);-webkit-transform:rotateY(0deg); }40%,80%{transform:rotateY(-15deg);-webkit-transform:rotateY(-15deg); }}
@keyframes wood2 {0%,60%,100%{transform:rotateY(0deg);-webkit-transform:rotateY(0deg); }40%,80%{transform:rotateY(-25deg);-webkit-transform:rotateY(-25deg); }}
@-webkit-keyframes wood2 {0%,60%,100%{transform:rotateY(0deg);-webkit-transform:rotateY(0deg); }40%,80%{transform:rotateY(-25deg);-webkit-transform:rotateY(-25deg); }}
@-webkit-keyframes wobble-ver-left {0%,100% {-webkit-transform:rotate(0);transform:rotate(0);}15% {-webkit-transform:rotate(-4deg);transform:rotate(-4deg);}30% {-webkit-transform:rotate(4deg);transform:rotate(4deg);}45% {-webkit-transform:rotate(-2deg);transform:rotate(-2deg);}60% {-webkit-transform:rotate(2deg);transform:rotate(2deg);}75% {-webkit-transform:rotate(-1deg);transform:rotate(-1deg);}}
@keyframes wobble-ver-left {0%,100% {-webkit-transform:rotate(0);transform:rotate(0);}15% {-webkit-transform:rotate(-4deg);transform:rotate(-4deg);}30% {-webkit-transform:rotate(4deg);transform:rotate(4deg);}45% {-webkit-transform:rotate(-2deg);transform:rotate(-2deg);}60% {-webkit-transform:rotate(2deg);transform:rotate(2deg);}75% {-webkit-transform:rotate(-1deg);transform:rotate(-1deg);}}
@-webkit-keyframes ping {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0.6;}100% {-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}}
@keyframes ping {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0.6;}100% {-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}}
@-webkit-keyframes c_eye {0%,80%,90%,100%{opacity:1;} 85%,95%{opacity:0;} }
@keyframes c_eye {0%,80%,90%,100%{opacity:1;} 85%,95%{opacity:0;}  }
@-webkit-keyframes hand2{0% {transform:rotate(-8deg);-webkit-transform:rotate(-8deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(-8deg);-webkit-transform:rotate(-8deg);} }
@keyframes hand2{0% {transform:rotate(-8deg);-webkit-transform:rotate(-8deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(-8deg);-webkit-transform:rotate(-8deg);}}
@-webkit-keyframes vibes2{0%,40%,100% {-webkit-transform:translateY(0)}20%,60% {-webkit-transform:translateY(6px)}}
@keyframes vibes2{0%,40%,100% {transform:translateY(0)}20%,60% {transform:translateY(6px)}}
@-webkit-keyframes hand{0% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}}
@keyframes hand{0% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}}
@-webkit-keyframes h2{0% {transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}}
@keyframes h2{0% {transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}}
@-webkit-keyframes head{0% {transform:rotate(5deg);-webkit-transform:rotate(5deg);}40% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(5deg);-webkit-transform:rotate(5deg);}}
@keyframes head{0% {transform:rotate(5deg);-webkit-transform:rotate(5deg);}40% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(5deg);-webkit-transform:rotate(5deg);}}
@-webkit-keyframes eye{0%,39%,71% {background:url(/images/kr/main/o5-2.png)no-repeat;}40%,70% {background:url(/images/kr/main/o5-1.png)no-repeat;}    }
@keyframes eye{0%,39%,71% {background:url(/images/kr/main/o5-2.png)no-repeat;}40%,70% {background:url(/images/kr/main/o5-1.png)no-repeat;}    }
@-webkit-keyframes eye2{0%,39%,71% {background:url(/images/kr/main/o6-1.png)no-repeat;}40%,70% {background:url(/images/kr/main/o6-2.png)no-repeat;}    }
@keyframes eye2{0%,39%,71% {background:url(/images/kr/main/o6-1.png)no-repeat;}40%,70% {background:url(/images/kr/main/o6-2.png)no-repeat;}    }
@keyframes bike {0% {opacity:0;-webkit-transform:translateX(0);transform:translateX(0);}2% {opacity:1;}50% {opacity:1;-webkit-transform:translateX(-80px);transform:translateX(-80px);}100% {opacity:1;transform:translateX(-300px);}}
@-webkit-keyframes bike {0% {opacity:0;-webkit-transform:translateX(0);transform:translateX(0);}2% {opacity:1;}50% {opacity:1;-webkit-transform:translateX(-80px);transform:translateX(-80px);}100% {opacity:1;transform:translateX(-300px);}}
@keyframes bike-1 {from {transform: rotate(0deg);}to {transform: rotate(-360deg);}}
@-webkit-keyframes bike-1 {from {transform: rotate(0deg);}to {transform: rotate(-360deg);}}
@keyframes bike-2 {0%,40%,80%{-webkit-transform:translateY(0);transform:translateY(0);}20%,60%,100%{-webkit-transform:translateY(2px);transform:translateY(2px);}}
@-webkit-keyframes bike-2 {0%,40%,80%{-webkit-transform:translateY(0);transform:translateY(0);}20%,60%,100%{-webkit-transform:translateY(2px);transform:translateY(2px);}}
@keyframes leg {0%,20%,40%,60%,80%,100%{-webkit-transform:translate(0);transform:translate(0);}10%,30%,50%,70%,90%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px);}}
@-webkit-keyframes leg {0%,20%,40%,60%,80%,100%{-webkit-transform:translate(0);transform:translate(0);}10%,30%,50%,70%,90%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px);}}

.m_ir {background-image:url(/images/kr/main/main_ir.png?ver=20220928); font-size:0;}
.main-photo__skin,.main-photo__skin .photo_list--wrap,.main-photo__skin .photo_list--wrap .slick-list,.main-photo__skin .photo_list--wrap .slick-list .slick-track,.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block;width:100%;height:100%;vertical-align:top;}

.cont {}
.cont1 {position: relative;z-index: 2;margin: 0 0 70px;}
.cont1 .group {position:relative; padding-left:190px;}
.cont1 .group strong {display:block;position:absolute;left: 50px;top: 10px;width:95px;height:46px;}
.cont1 .group ul {}
.cont1 .group ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont1 .group ul li {float:left;width: 8.3%;}
.cont1 .group ul li a {display:block;position:relative; width:100%;}
.cont1 .group ul li a:after {display:block; opacity:0; position:absolute; left:50%; top:50%; content:'';  width:0; height:0; border-radius:50%; background:#0179b8; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);transition: all .5s cubic-bezier(0.310,-0.105,0.430,1.590);-webkit-transition: all .5s cubic-bezier(0.310,-0.105,0.430,1.590);}
.cont1 .group ul li a:hover:after,
.cont1 .group ul li a:focus:after {opacity:1;width:100px; height:100px;}
.cont1 .group ul li .ico {display: block;position: relative;z-index:1;width:38px;height:38px;margin:0 auto 10px;background-image:url(/images/kr/main/ico_ir.png);}
.cont1 .group ul li .ico.ico1 {background-position:0 0 ;}
.cont1 .group ul li .ico.ico2 {background-position:-38px 0 ;}
.cont1 .group ul li .ico.ico3 {background-position:-76px 0 ;}
.cont1 .group ul li .ico.ico4 {background-position:-114px 0 ;}
.cont1 .group ul li .ico.ico5 {background-position:-152px 0 ;}
.cont1 .group ul li .ico.ico6 {background-position:-190px 0 ;}
.cont1 .group ul li .ico.ico7 {background-position:-228px 0 ;}
.cont1 .group ul li .ico.ico8 {background-position:-266px 0 ;}
.cont1 .group ul li .ico.ico9 {background-position:-304px 0 ;}
.cont1 .group ul li .ico.ico10 {background-position:-304px -38px ;}
.cont1 .group ul li .ico.ico11 {background-position:-340px -38px ;}
.cont1 .group ul li .ico.ico12 {background-position: -378px  0;}
.cont1 .group ul li em {display:block;position: relative;z-index:1;line-height: 1;font-size:19px;color:#353535;text-align: center;}
.cont1 .group ul li a:hover em,
.cont1 .group ul li a:focus em {color:#fff; font-weight:500;}

.cont2 {margin:0 0 35px;}
.cont2 .group {position: relative;z-index: 1;min-height: 360px;margin-right: 350px;background:rgba(0,0,0,.2);box-shadow: 5px 5px 5px rgba(0,0,0,.2);}
.cont2 .group ul {}
.cont2 .group ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont2 .group ul li {overflow: hidden;float:left;width:33.33%;height:360px;border-right: 1px solid #e4e6e9;}
.cont2 .group ul li:last-child {border:none;}
.cont2 .group ul li a {display:block;overflow: hidden;position: relative;width:100%;height:100%;}
.cont2 .group ul li .face{position: relative;width: 100%;height:100%;}
.cont2 .group ul li .front {}
.cont2 .group ul li .front:after {display:none; position:absolute; left:0; bottom:0; content:''; width:100%; height:164px; background:url(/images/kr/main/bg.png)repeat-x;}
.cont2 .group ul li .front .thumb {width:100%;height:100%;padding: 0 0 80px;}
.cont2 .group ul li .front .thumb span {display:block;position:relative;width:100%;height:100%;background: #cfdaea;}
.cont2 .group ul li .front .thumb span img {position:absolute;left:50%;top:50%;width:auto;min-width:100%;max-width: 1000%;height:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.cont2 .group ul li .front .thumb span.ytube img {width: 100%;height: auto;}
.cont2 .group ul li .front .cate {position:absolute;left: 25px;top: 25px;z-index:1;padding: 15px 18px;background:#2b8ada;background: linear-gradient(to bottom, #2b8ada , #00b59e);color:#fff;font-weight: 700;font-size: 17px;line-height: 1.2;}
.cont2 .group ul li .front .title {padding:13px 30px; height:100px; position:absolute; left:0; bottom:0; width:100%; background:#fff; z-index:1;}
.cont2 .group ul li .front strong {display: block;overflow: hidden;color: #222;font-size: 16px; font-weight: 300; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.cont2 .group ul li .back {display:none; opacity:0; position: absolute;left:0; top:0; width:100%; height:100%; padding: 90px 30px 0;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
.cont2 .group ul li .back:before {position:absolute;left:0;top:0;content:'';width: 100%;height: 100%;background:#2b8ada;background:linear-gradient(to bottom, #2b8ada , #00b59e);-webkit-transition: all 0.5s cubic-bezier(0.310,-0.105,0.430,1.590);transition: all 0.5s cubic-bezier(0.310,-0.105,0.430,1.590);}
.cont2 .group ul li .back strong {display:block;overflow:hidden; position:relative; z-index:1; margin:0 0 30px; line-height:1; color:#fff; font-size:23px; font-weight:700; text-overflow: ellipsis;white-space: nowrap;}
.cont2 .group ul li .back p {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;position:relative;z-index:1;height: 81px;font-weight:700;font-size:17px;color:#fff;text-overflow: ellipsis;white-space: normal;}
.cont2 .group ul li .back .info {position: absolute;z-index:1;left: 0;bottom: 40px;width: 100%;text-align: center;}
.cont2 .group ul li .back .info em {display:inline-block;position:relative;margin: 0 15px;color:#fff;font-size:16px;}
.cont2 .group ul li .back .info em:last-child:before {display: none;position:absolute;left: -16px;top:8px;content:'';width:2px;height:12px;background:#fff;}
.cont2 .group ul li .back .info .ico {display:inline-block;height:16px;margin: -2px 7px 0 0;background-image:url(/images/kr/main/main_ir.png);font-size:0;vertical-align: middle;}
.cont2 .group ul li .back .info .ico.ico1 {width:17px;background-position:0 -82px;}
.cont2 .group ul li .back .info .ico.ico2 {width:24px;background-position:-20px -82px;}
.cont2 .group ul li .back .info .ico.ico1 .likeMotion {width: 33px;height: 31px;margin-right:2px;}
.cont2 .group ul li .back .info .ico.ico2 .eye {width:45px;height: 31px;margin: -3px -3px 0 0;}
.cont2 .group ul li a:hover .front strong,
.cont2 .group ul li a:focus .front strong {text-decoration:underline}

/* 20200805 삭제
.cont2 .group ul li a:hover .front .cate,
.cont2 .group ul li a:focus .front .cate,
.cont2 .group ul li a:hover .front strong,
.cont2 .group ul li a:focus .front strong {display:none;}
.cont2 .group ul li a:hover .back,
.cont2 .group ul li a:focus .back {opacity:1; }
.cont2 .group ul li a:hover .back:before,
.cont2 .group ul li a:focus .back:before {opacity: 0.9;}
*/

.cont3 {position:relative;padding: 0 0 70px;}
.cont3:before {display:block;position:absolute;left:0;top:-90px;bottom:0;z-index: -1;content:'';width:100%;height:auto;background:#e9ebed;}
.cont3 .group {overflow: hidden;position:absolute;z-index: 1;top: -395px;right: 0;width: 320px;height: 360px;}
.cont3 .group .box1 {width:100%;height:100%;border: 1px solid #e4e6e9;}
.cont3 .group .box1 .inner {position:relative; width:100%; height:100%; }
.cont3 .group .box1 .title {position:absolute;left:0;bottom:0;z-index: 999;width:100%;height:50px;padding:0 30px;background:#2e3141;line-height:50px;color:#fff;font-weight:700;font-size:16px;}
.cont3 .main-photo__skin .photo_list--wrap .slick-list {height:310px;}
.cont3 .group .box1 .photo_list--item {display:block; width:100%; height:100%;}
.cont3 .group .box1 .photo_list--item a {border:1px solid transparent;}
.cont3 .group .box1 .photo_list--item a:focus {border:1px dotted #777;}
.cont3 .group .box1 .photo_list--item .picture {height:100%;}
.cont3 .group .box1 .photo_list--item .picture span {display:block; width:100%; height:100%;}
.cont3 .group .box1 .photo_list--item .picture span img { width:100%; height:100%;}
.cont3 .group .box1 .control {position:absolute;right: 0;bottom:0;z-index: 999;height: 50px;padding: 0 20px;text-align: right;}
.cont3 .group .box1 .control .paging {display:inline-block;margin-right:10px; }
.cont3 .group .box1 .control .paging span {display:inline-block; line-height:50px; color:#fff; font-weight:700;}
.cont3 .group .box1 .control button {display:inline-block; width:22px; height:22px; margin:0; border-radius:50%; background:#191b24; font-size:0;}
.cont3 .group .box1 .control button[data-control="prev"]:before,
.cont3 .group .box1 .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.cont3 .group .box1 .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.cont3 .group .box1 .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.cont3 .group .box1 .control button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.cont3 .group .box1 .control button[data-control="play"]:before{right: -4px;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #fff;}
.cont3 .group2 {height:265px;}
.cont3 .group2:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 .group2 .box {padding:40px 35px;}

/*자주찾는메뉴 공주시민 원본 소스*/
/*.cont3 .group2 .box2 {float:left;width:calc(100% - 350px);height: 100%;background: #fff;}*/
.cont3 .group2 .box2 {float:left;width:calc(100% - 350px);height: 440px;background: #fff;}
.cont3 .group2 .box2 strong {display:block;margin: 0 0 35px;}
.cont3 .group2 .box2 strong em {display:inline-block;width:119px;height: 19px;background-position:-98px 0;vertical-align: top;}
.cont3 .group2 .box2 strong span {display:inline-block;position:relative;margin-left:26px;line-height: 19px;vertical-align: top;}
.cont3 .group2 .box2 strong span:before {display:block; position:absolute; left:-13px; top:3px; content:'';  width:1px; height:12px; background:#d4d4d4;}
.cont3 .group2 .box2 #tab_wrap {position:relative;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin {}
.cont3 .group2 .box2 #tab_wrap .main-board__skin:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item {float:left;position: relative;width:115px;height: 125px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.active {width: calc(100% - 230px);}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button {display:block;width: 113px;height:100%;padding: 0;text-align:center;color:#fff;font-size:16px;font-weight:500;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n1 button {background:#06867F;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2 button {background:#007FA9;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n3 button {background:#215aab;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico {display:block;width:32px;height:30px;margin: 0 auto 10px;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico.ico1 {background-position:-1px -49px;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico.ico2 {background-position:-36px -49px;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico.ico3 {background-position: -71px -49px;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content {display:none;position:absolute;top: 0;left: 113px;right: 2px;width: auto;height: 100%;padding: 10px 15px;opacity: 0;transition: all 0.3s ease-out;transition-delay: 0.5s;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.active .board__content{opacity:1;display:block;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n1 .board__content {border:2px solid #06867F;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2 .board__content {border:2px solid #007FA9;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n3 .board__content {border:2px solid #215aab;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul {position:relative;z-index:1;transition: width 1s ease-out;transition-delay: 0.5s;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.active .board__content ul{width:100%;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li {float:left;position:relative;width:25%;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2 .board__content ul li.w2 {width:50%;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li:before {display:block;position:absolute;left: 0;top: 14px;content:'';width: 3px;height: 2px;background:#1363b2;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n1 .board__content ul li:before{background:#06867F;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2 .board__content ul li:before{background:#007FA9;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n3 .board__content ul li:before{background:#215aab;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a {display:block;width:100%;padding: 4px 0 4px 8px;line-height:1;font-size:15px;color:#262626;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a span {display:inline-block;position: relative;vertical-align: top;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a span:after {display:block;position:absolute;bottom: 0px;left:-5%; right:105%; z-index: -1;content:'';width:auto;height:9px;background:#e2edf8;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a:hover,
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a:focus {font-weight:700;}
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a:hover span:after,
.cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a:focus span:after {right:-5%;}

/*공주시청안내 원본소스*/
/*.cont3 .group2 .box3 {float:right;width:320px;height:100%;background:#215aab;height: 270px;padding: 30px 35px;margin-top: 10px;}*/
.cont3 .group2 .box3 {float:right;width:320px;height:100%;background:#215aab;height: 307px;padding: 30px 35px;margin-top: 10px;}
.cont3 .group2 .box3 .inner {position:relative; width:100%; height:100%;}
.cont3 .group2 .box3 strong {display:block;width:118px;height: 19px;margin: 0 0 10px;background-position:-220px 0;}
.cont3 .group2 .box3 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 .group2 .box3 ul li {position:relative;margin: 3px 0;}
.cont3 .group2 .box3 ul li a {display: inline-block;position: relative;width:100%;max-width: 135px;/* line-height:32px; */padding-left: 15px;border-radius:30px;color:#fff;font-size: 16px;font-weight:500;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.cont3 .group2 .box3 ul li a:before {display:block;position:absolute;left:3px;top: 16px;content:'';width:2px;height:2px;background:#fff;}
.cont3 .group2 .box3 ul li a:after {display:block;position:absolute;right: 15px;top: 50%;content:'';width:5px;height:5px;margin-top: -3px;border: solid #215aab;border-width:2px 2px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.cont3 .group2 .box3 ul li a:hover,
.cont3 .group2 .box3 ul li a:focus {background:#fff; color:#215aab;}
.cont3 .group2 .box3 ul li a:hover:before,
.cont3 .group2 .box3 ul li a:focus:before {display:none;}
.cont3 .group2 .box3 .obj {position:absolute;right: -50px;bottom: -30px;}
.cont3 .group2 .box3 .obj svg {overflow: visible;width:140px;height:138px;}
.cont3 .group2 .box3 .obj svg .tree {}
.cont3 .group2 .box3 .obj svg .car {-webkit-animation:car 4s ease-in infinite;animation:car 4s ease-in infinite;}
.cont3 .group2 .box3 .obj svg .flicker {-webkit-animation:flicker-2 6s ease infinite;animation:flicker-2 6s ease infinite;}.cont3 .group2 .box3 .obj svg .flicker1 {animation-delay:0.3s;}.cont3 .group2 .box3 .obj svg .flicker2 {animation-delay:0.6s;}.cont3 .group2 .box3 .obj svg .flicker3 {animation-delay:0.9s;}.cont3 .group2 .box3 .obj svg .flicker4 {animation-delay:1.2s;}.cont3 .group2 .box3 .obj svg .flicker5 {animation-delay:1.5s;}.cont3 .group2 .box3 .obj svg .flicker6 {animation-delay:1.8s;}.cont3 .group2 .box3 .obj svg .flicker7 {animation-delay:2.1s;}.cont3 .group2 .box3 .obj svg .flicker8 {animation-delay:2.4s;}.cont3 .group2 .box3 .obj svg .flicker9 {animation-delay:2.7s;}.cont3 .group2 .box3 .obj svg .flicker10 {animation-delay:3s;}.cont3 .group2 .box3 .obj svg .flicker11 {animation-delay:3.3s;}.cont3 .group2 .box3 .obj svg .flicker12 {animation-delay:3.6s;}.cont3 .group2 .box3 .obj svg .flicker13 {animation-delay:3.9s;}.cont3 .group2 .box3 .obj svg .flicker14 {animation-delay:4.2s;}.cont3 .group2 .box3 .obj svg .st0{fill:#E0E0E0;}.cont3 .group2 .box3 .obj svg .st1{fill:none;stroke:#999999;}.cont3 .group2 .box3 .obj svg .st2{fill:none;stroke:#606060;}.cont3 .group2 .box3 .obj svg .st3{fill:#191817;}.cont3 .group2 .box3 .obj svg .st4{fill:#4F4F4F;}.cont3 .group2 .box3 .obj svg .st5{fill:#B5B5B5;}.cont3 .group2 .box3 .obj svg .st6{fill:#EA4A1A;}.cont3 .group2 .box3 .obj svg .st7{fill:#595959;}.cont3 .group2 .box3 .obj svg .st8{fill:#212121;}.cont3 .group2 .box3 .obj svg .st9{fill:#919191;}.cont3 .group2 .box3 .obj svg .st10{fill:url(#SVGID_1_);}.cont3 .group2 .box3 .obj svg .st11{fill:url(#SVGID_2_);}.cont3 .group2 .box3 .obj svg .st12{fill:url(#SVGID_3_);}.cont3 .group2 .box3 .obj svg .st13{fill:url(#SVGID_4_);}.cont3 .group2 .box3 .obj svg .st14{fill:url(#SVGID_5_);}.cont3 .group2 .box3 .obj svg .st15{fill:url(#SVGID_6_);}.cont3 .group2 .box3 .obj svg .st16{fill:#605D5A;}.cont3 .group2 .box3 .obj svg .st17{fill:#FFFCF8;}.cont3 .group2 .box3 .obj svg .st18{fill:#FFFFFF;}.cont3 .group2 .box3 .obj svg .st19{fill:#68401F;}.cont3 .group2 .box3 .obj svg .st20{opacity:0.25;fill:#0C0C0C;}.cont3 .group2 .box3 .obj svg .st21{opacity:0.15;fill:#101114;}.cont3 .group2 .box3 .obj svg .st22{opacity:0.25;fill:#101114;}.cont3 .group2 .box3 .obj svg .st23{fill:#3D3D3D;}

.main_slide {overflow: hidden;position:relative;}
.main_slide:before{display:block; position:absolute; content:''; left:0; top:0; width:100%; height:660px; background:#e2edf0;}
.main_slide .bg {position:absolute;left:0;top:520px;width: 100%;z-index: 1;}
.main_slide .bg .inner {position: relative; width:100%; height:342px;}
.main_slide .bg .bg_obj {position:absolute;}
.main_slide .bg .bg_obj.mo {display:none;}
.main_slide .bg .bg_obj1 {z-index: 1;width:100%;height:100%;background: url(/images/kr/main/m_bg1.png)no-repeat center top;background-size: cover;}
.main_slide .bg .bg_obj2 {z-index: 3;width:100%;height:100%;background: url(/images/kr/main/m_bg2.png)no-repeat center top;background-size: cover;}
.main_slide .bg .flower1 {z-index:2;left: -20px;top: 70px;width:204px;height:86px;background:url(/images/kr/main/m_bg3.png)no-repeat;/* animation:flower 6s ease-in infinite; */}
.main_slide .bg .flower2 {z-index:2;top: 88px;right: 4%;width:191px;height:91px;background:url(/images/kr/main/m_bg4.png)no-repeat;/* animation:flower 6s ease-in infinite 1s; */}
.main_slide .bg .wood {z-index:4;}.main_slide .bg .wood .st0{clip-path:url(#wood2);fill:#3F3328;}.main_slide .bg .wood .st1{fill:#AC8C76;}.main_slide .bg .wood .st2{opacity:0.12;}.main_slide .bg .wood .st3{fill:#87A579;}.main_slide .bg .wood .st4{fill:#527F6C;}.main_slide .bg .wood .st5{fill:#5AA378;}.main_slide .bg .wood .st6{fill:#689F75;}.main_slide .bg .wood .st7{fill:#9DC275;}.main_slide .bg .wood .st8{fill:#6BC376;}
.main_slide .bg .wood .t_ani {-webkit-transform-origin: center;transform-origin: center;-webkit-animation:wood 1.5s ease infinite;animation:wood 1.5s ease infinite;}
.main_slide .bg .wood1 {top:80px;left: 3%;}
.main_slide .bg .wood1 svg {width: 66px;height:82px;}
.main_slide .bg .wood2 {top: 109px;right: 50%;margin-right: -727px;z-index: 5;}
.main_slide .bg .wood2 svg {width:33px;height:41px;}
.main_slide .bg .pic_wrap {top: 90px;right:50%;z-index:4;width:139px;height:122px;margin-right: -842px;}
.main_slide .bg .pic_wrap .pic {position:relative; width:100%; height:100%;}
.main_slide .bg .pic_wrap .pic .obj1 {position:absolute;left:0;top:0;z-index: 1;width:100%;height:100%;margin: 0;background:url(/images/kr/main/m_obj1.png)no-repeat;}
.main_slide .bg .pic_wrap .pic .obj2 {position:absolute;left:0;top:0;right: auto;z-index: 3;width:100%;height:100%;margin: 0;background:url(/images/kr/main/m_obj3.png)no-repeat;}
.main_slide .bg .pic_wrap .pic .obj3 {position:absolute;top: 48px;right: 16px;z-index: 4;width: 13px;height:22px;background:url(/images/kr/main/m_obj2.png)no-repeat;-webkit-transform-origin:left top; transform-origin:left top; -webkit-animation: wobble-ver-left 2s both infinite;animation: wobble-ver-left 2s both infinite;}
.main_slide .bg .pic_wrap .pic .obj4 {position:absolute;top: 2px;right: 26px;z-index: 2;border-left: 25px solid transparent;border-right: 25px solid transparent;border-top: 50px solid rgba(238,238,238,.5);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: flicker-1 6s ease infinite;animation:flicker-1 6s ease infinite;}
.main_slide .bg .bike {left:50%;top:150px;z-index:7;margin-left:-830px;}
.main_slide .bg .bike svg {position: relative;width:146px;height:66px;opacity:0;-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:bike 8s ease infinite; animation:bike 8s ease infinite;}.main_slide .bg .bike svg .b0{fill:none;stroke:#581D1E;stroke-width:1.1339;stroke-miterlimit:10;}.main_slide .bg .bike svg .b1{fill:#1A3B4F;}.main_slide .bg .bike svg .b2{fill:#EAE8C6;}.main_slide .bg .bike svg .b3{fill:#B89D66;}.main_slide .bg .bike svg .b4{fill:none;stroke:#1A3B4F;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.main_slide .bg .bike svg .b5{fill:none;stroke:#1A3B4F;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.main_slide .bg .bike svg .b6{fill:none;stroke:#1A3B4F;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.main_slide .bg .bike svg .b7{fill:#581D1E;}.main_slide .bg .bike svg .b8{fill:#F5A62B;}.main_slide .bg .bike svg .b9{fill:#5B7F87;}.main_slide .bg .bike svg .b10{fill:none;stroke:#581D1E;stroke-width:2;stroke-miterlimit:10;}.main_slide .bg .bike svg .b11{fill:#ACC7C8;stroke:#581D1E;stroke-miterlimit:10;}.main_slide .bg .bike svg .b12{fill:#C6B185;}.main_slide .bg .bike svg .b13{fill:none;}.main_slide .bg .bike svg .b14{fill:#9D562B;}.main_slide .bg .bike svg .b15{fill:none;stroke:#1A3B4F;stroke-width:1.1339;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.main_slide .bg .bike svg .b16{fill:none;stroke:#581D1E;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.main_slide .bg .bike svg .b17{fill:#D7796A;}.main_slide .bg .bike svg .b18{fill:#3D1512;}.main_slide .bg .bike svg .b19{fill:#764120;}.main_slide .bg .bike svg .b20{fill:#79A9B4;}.main_slide .bg .bike svg .bike_1 {-webkit-animation:bike-1 2s linear infinite; animation:bike-1 2s linear infinite;}.main_slide .bg .bike svg .bike_1-1 {-webkit-transform-origin: 8% 81%;transform-origin: 8% 81%;}.main_slide .bg .bike svg .bike_1-2 {-webkit-transform-origin: 38% 81%;transform-origin: 38% 81%;}.main_slide .bg .bike svg .bike_1-3 {-webkit-transform-origin:65% 80%;transform-origin: 65% 80%;}.main_slide .bg .bike svg .bike_1-4 {-webkit-transform-origin: 89% 81%;transform-origin: 89% 81%;}.main_slide .bg .bike svg .bike_2 {-webkit-animation:bike-2 2s ease infinite; animation:bike-2 2s ease infinite;}.main_slide .bg .bike svg .bike_2-2 {animation-delay:1s;}.main_slide .bg .bike svg .bike_2 .leg1 {-webkit-animation:leg 4s ease infinite 0.5s; animation:leg 4s ease infinite 0.5s;}.main_slide .bg .bike svg .bike_2 .leg2 {-webkit-animation:leg 4s ease infinite 0.5s; animation:leg 4s ease infinite 0.5s;}

.main_slide .slogan {position:absolute;left: 30px;top: 30px;z-index: 2;}
.main_slide .emblem {position:absolute;left: 205px;top: 75px;z-index: 2;}
.main_slide .main_sns {position:absolute;top: 40px;right:0px;z-index: 2;}
.main_slide .main_sns ul#_weather {margin:0 0 10px;text-align:center;}
.main_slide .main_sns ul#_weather li.n1 {display: inline-block;position: relative;padding: 0 0 0 52px;}
.main_slide .main_sns ul#_weather li.n1 .list_inner {text-align:left;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico {position:absolute;left:0;top: 0;width:40px;height:40px;background:url(/images/kr/main/weather_icon.png)no-repeat;font-size:0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico.ico1 {background-position:0 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico.ico2 {background-position:-40px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico.ico3 {background-position:-80px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico.ico4 {background-position:-120px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico.ico5 {background-position:-160px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico.ico6 {background-position:-200px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico.ico7 {background-position:-240px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico_big {position:absolute;left:0;top: 0;width:46px;height:46px;background:url(/images/kr/main/weather_icon_big.png)no-repeat;font-size:0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico_big.ico1 {background-position:0 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico_big.ico2 {background-position:-47px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico_big.ico3 {background-position:-92px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico_big.ico4 {background-position:-138px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico_big.ico5 {background-position:-184px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico_big.ico6 {background-position:-230px 0;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .ico_big.ico7 {background-position:-276px 0;}

.main_slide .main_sns ul#_weather li.n2 .ico_small {position:absolute;left:0;top: 0;width:26px;height:26px;background:url(/images/kr/main/weather_icon_small.png)no-repeat;font-size:0;}
.main_slide .main_sns ul#_weather li.n2 .ico_small.ico1 {background-position:0 0;}
.main_slide .main_sns ul#_weather li.n2 .ico_small.ico2 {background-position:-25px 0;}
.main_slide .main_sns ul#_weather li.n2 .ico_small.ico3 {background-position:-52px 0;}
.main_slide .main_sns ul#_weather li.n2 .ico_small.ico4 {background-position:-77px 0;}
.main_slide .main_sns ul#_weather li.n2 .ico_small.ico5 {background-position:-101px 0;}
.main_slide .main_sns ul#_weather li.n2 .ico_small.ico6 {background-position:-126px 0;}
.main_slide .main_sns ul#_weather li.n2 .ico_small.ico7 {background-position:-151px 0;}

.main_slide .main_sns ul#_weather li.n1 .list_inner .info {display: inline-block;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .info .em1 {display: block;line-height: 1;font-size:12px;font-weight:700;color: #232323;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .info .em2 {display: block;line-height: 1;margin: 5px 0 0;font-size:22px;font-weight:900;color:#0179b8;vertical-align: middle;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .info .em2 a {display:inline-block;font-size:0;vertical-align: middle;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .info .em2 a .icon {display:inline-block;width:15px; height:15px;background:url(/images/kr/main/icon1.png)no-repeat;vertical-align:middle;}
.main_slide .main_sns ul#_weather li.n1 .list_inner .info .em2 .infotxt {display:none;position:absolute;right: 0;width:250px;margin:0;padding:10px;border-radius:10px;background:#494949;color:#fff;font-size:12px; z-index:5}
.main_slide .main_sns ul#_weather li.n1 .list_inner .info .em2 a:hover + .infotxt,
.main_slide .main_sns ul#_weather li.n1 .list_inner .info .em2 a:focus + .infotxt {display:block;}
.main_slide .main_sns ul#_weather li.n2 {margin-left:10px; display:inline-block; position:relative; padding-right:15px}
.main_slide .main_sns ul#_weather li.n2 p {padding:4px 0 3px 30px; font-size:12px; position:relative}
.main_slide .main_sns ul#_weather li.n2:after {content:''; position:absolute; background:url(/images/kr/main/weather_line.png)no-repeat; width:1px; height:50px; right:0; top:6px }

.main_slide .main_sns ul#weater_btn {position:relative; margin-top:10px}
.main_slide .main_sns ul#weater_btn li {display:inline-block; margin-right:3px; background:#27313b; position:relative; border-radius:30px;}
.main_slide .main_sns ul#weater_btn li a {color:#fff; text-align:center; display:block; padding:5px 28px 5px 15px; font-size:12px;}
.main_slide .main_sns ul#weater_btn li a:after {content:''; position:absolute; background:url(/images/kr/main/weather_arrow.png)no-repeat; width:6px; height:9px; right:13px; top:11px;}

.main_slide ul.sns_btn {position:absolute; left:48px; top:100px; z-index:2}
.main_slide ul.sns_btn:after {display:block; clear:both; visibility:hidden; content:'';}
.main_slide ul.sns_btn li {float:left; margin:0 0 0 10px;}
.main_slide ul.sns_btn li a {display:block; width:31px; height:31px; }
.main_slide ul.sns_btn li.n1 a {background-position:0 -101px;}
.main_slide ul.sns_btn li.n2 a {background-position:-43px -101px;}
.main_slide ul.sns_btn li.n3 a {background-position:-85px -101px;}
.main_slide ul.sns_btn li.n4 a {background-position:-128px -101px;}
.main_slide ul.sns_btn li.n5 a {background-position:-169px -101px;}
.main_slide ul.sns_btn li.n6 a {background-position: -205px -101px;}
.main_slide .obj {position:absolute;}
.main_slide .obj1 {top: -60px;left: 200px;}
.main_slide .obj2 {top: 20px;right: 200px;}
.main_slide .obj .fireworks {width:300px; height:300px; }
.main_slide .obj .fireworks svg {width:100%; height:100%;}
.main_slide .obj1.ov {top:-10px;left: 18%;}
.main_slide .obj2.ov {top:75px;right: 24%;}
.main_slide .obj1.ov .fireworks {width:112px; height:110px;background:url(/images/kr/main/f_ov1.png)no-repeat;}
.main_slide .obj2.ov .fireworks {width:105px; height:105px;background:url(/images/kr/main/f_ov2.png)no-repeat;}
.main_slide .swiper-container {padding: 0 0 70px;text-align:center;}
.main_slide .swiper-container .swiper-wrapper {width:100%; max-width:1400px; height:725px; }
.main_slide .swiper-container .swiper-wrapper .swiper-slide {width:100%;height:100%;background:#fff;box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);text-align:left;visibility:hidden;}
.main_slide .swiper-container .swiper-wrapper .swiper-slide.slide1.swiper-slide-prev{visibility:hidden}
.main_slide .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {visibility: visible;}
.main_slide .swiper-container .swiper-pagination {display:inline-block;position: static;width: auto;margin: 57px 0 47px;border-radius:30px;background:#fff;}
.main_slide .swiper-container .swiper-pagination button {display: inline-block;position: relative;width:auto;height:auto;margin: 0;padding:15px 20px;border-radius:30px;background: transparent;opacity: 1;}
.main_slide .swiper-container .swiper-pagination button:before {display:block;position:absolute;right: -2.5px;top:25px;content:'';width:5px;height:5px;border-radius:50%;background:#191919;z-index: -1;}
.main_slide .swiper-container .swiper-pagination button:last-child:before,
.main_slide .swiper-container .swiper-pagination button.swiper-pagination-bullet-active:before {display:none;}
.main_slide .swiper-container .swiper-pagination button:after {display:block;position:absolute;content:'';left: -3%;right: 103%;top:0;width:0;height:100%;border-radius:30px;background:#0179b8;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;z-index: -1;}
.main_slide .swiper-container .swiper-pagination button.swiper-pagination-bullet-active:after {right: -3%;width:auto;}
.main_slide .swiper-container .swiper-pagination button span {display:inline-block; position:relative; z-index:1; height:23px; vertical-align:top;}
.main_slide .swiper-container .swiper-pagination button.swiper-pagination-bullet-active span {margin-right:15px;}
.main_slide .swiper-container .swiper-pagination button.mbtn1.swiper-pagination-bullet-active span {width:31px; background-position:0 -182px;}
.main_slide .swiper-container .swiper-pagination button.mbtn2.swiper-pagination-bullet-active span {width:29px; background-position:-34px -182px;}
.main_slide .swiper-container .swiper-pagination button.mbtn3.swiper-pagination-bullet-active span {width:21px; background-position:-66px -182px;}
.main_slide .swiper-container .swiper-pagination button em {display:inline-block;position:relative; z-index:1;  height:20px; margin:1.5px 0; vertical-align:top;}
.main_slide .swiper-container .swiper-pagination button.mbtn1 em{width:38px; background-position:0 -136px;}
.main_slide .swiper-container .swiper-pagination button.mbtn2 em{width:38px; background-position:-41px -136px;}
.main_slide .swiper-container .swiper-pagination button.mbtn3 em{width:40px; background-position:-82px -136px;}
.main_slide .swiper-container .swiper-pagination button.mbtn1.swiper-pagination-bullet-active em{width:38px; background-position:0 -159px;}
.main_slide .swiper-container .swiper-pagination button.mbtn2.swiper-pagination-bullet-active em{width:38px; background-position:-41px -159px;}
.main_slide .swiper-container .swiper-pagination button.mbtn3.swiper-pagination-bullet-active em{width:40px; background-position:-82px -159px;}
.main_slide .swiper-container .swiper-button-prev,
.main_slide .swiper-container .swiper-button-next {display: block;width:88px;height:88px;border-radius:50%;background: rgba(85,106,126,.5);font-size:0;}
.main_slide .swiper-container .swiper-button-prev{left:50px;}
.main_slide .swiper-container .swiper-button-next{right:50px;}
.main_slide .swiper-container .swiper-button-prev:after,
.main_slide .swiper-container .swiper-button-next:after {content:'';}
.main_slide .swiper-container .swiper-button-prev:before,
.main_slide .swiper-container .swiper-button-next:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main_slide .swiper-container .swiper-button-prev:before,
.main_slide .swiper-container .swiper-button-next:before{width:20px;height:20px;border-width:4px;border-style: solid;border-color: #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.main_slide .swiper-container .swiper-button-prev:before{right:-10px;border-width: 0 0 4px 4px;border-radius:3px;}
.main_slide .swiper-container .swiper-button-next:before{left:-10px;border-width: 4px 4px 0 0;border-radius:3px;}
.main_slide .swiper-container .swiper-button-prev:hover,
.main_slide .swiper-container .swiper-button-prev:focus,
.main_slide .swiper-container .swiper-button-next:hover,
.main_slide .swiper-container .swiper-button-next:focus {background: rgba(85,106,126,.8);}
.slide1 {
    visibility: visible;
}
.slide1 .group {}
.slide1 .group .box {}
.slide1 .group:after {display:block; clear:both; visibility:hidden; content:'';}
.slide1 .group1 {}
.slide1 .group1 .box {height:375px;}
.slide1 .group1 .box1 {float:left; position:relative; width:calc(100% - 350px); padding:25px 25px 0 0;}
.slide1 .group1 .box1 #main_news {padding-left:100px;background: #e9e9e9;}
.slide1 .group1 .box1 #main_news > ul {position:absolute;left:0;top:25px;}
.slide1 .group1 .box1 #main_news > ul > li {position:relative;width: 100px; height:100px;}
.slide1 .group1 .box1 #main_news > ul > li a {display:block;width:100%;height:100%;padding: 22px 0 0;text-align: center;}
.slide1 .group1 .box1 #main_news > ul > li:nth-child(1) a{background:#0179b8;}
.slide1 .group1 .box1 #main_news > ul > li:nth-child(2) a{background:#213769;}
.slide1 .group1 .box1 #main_news > ul > li a:after {display:block;position:absolute;z-index: 1;content:'';top: 0;left: 0;right:0;width:auto;height: 100%;/* transition: all 0.3s ease-out; *//* -webkit-transition: all 0.3s ease-out; */}
.slide1 .group1 .box1 #main_news > ul > li a:focus:after {outline:2px dotted #000;}
.slide1 .group1 .box1 #main_news > ul > li a.ov:after {left:-10px;right: -10px;/* box-shadow: 5px 5px 5px rgba(0,0,0,.2); */}
.slide1 .group1 .box1 #main_news > ul > li:nth-child(1) a:after{background:#0179b8}
.slide1 .group1 .box1 #main_news > ul > li:nth-child(2) a:after{background:#213769}
.slide1 .group1 .box1 #main_news > ul > li a:before {display:block;opacity:0;position:absolute;z-index: 1;right: -20px;top: 50%;content:'';margin-top: -10px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;/* transition: all 0.3s ease-out 0.2s; *//* -webkit-transition: all 0.3s ease-out 0.2s; */}
.slide1 .group1 .box1 #main_news > ul > li a.ov:before{opacity:1;}
.slide1 .group1 .box1 #main_news > ul > li:nth-child(1) a.ov:before{border-left: 10px solid #0179b8;}
.slide1 .group1 .box1 #main_news > ul > li:nth-child(2) a.ov:before{border-left: 10px solid #213769;}
.slide1 .group1 .box1 #main_news > ul > li .ico {display:block;position:relative; z-index:2; height:28px; margin:0 auto 10px; }
/* .slide1 .group1 .box1 #main_news > ul > li .ico.ico1 {width:19px; background-position:-22px -208px;}
.slide1 .group1 .box1 #main_news > ul > li .ico.ico2 {width:29px; background-position:-76px -208px;} */
.slide1 .group1 .box1 #main_news > ul > li a .ico.ico1 {width:19px; background-position:0 -208px;}
.slide1 .group1 .box1 #main_news > ul > li a .ico.ico2 {width:29px; background-position:-44px -208px;}
.slide1 .group1 .box1 #main_news > ul > li em {display:block;position:relative; z-index:2;color:#fff;font-size:15px;font-weight:500;}
.slide1 .group1 .box1 #main_news > ul > li a.ov em{ color:#fff; font-weight:700;}
.slide1 .group1 .box1 #main_news .con_wrap {}
.slide1 .group1 .box1 #main_news .con_wrap .con {display:none;width:100%;}
.slide1 .group1 .box1 #main_news .con_wrap .con.ov {display:block;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop {width:100%;height:350px;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap {overflow:hidden;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap a {border: 1px solid transparent;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap a:focus {outline-offset: unset;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture {overflow: hidden;width:100%;height:100%;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span {display:block;position: relative;width:100%;height:100%;text-align:center;background: #f9f9f9;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span img {position:absolute;left:50%;top:50%;width: auto;max-width: 1000%;height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control {position:absolute;left:0;bottom: 10px;width:100px;text-align:center;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control > div {margin:5px 0;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button {display:inline-block; width:22px; height:22px; margin:0; font-size:0;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="prev"]:before,
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #000;transform: rotate(45deg);}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="prev"]:before{right:0;border-width:2px 0 0 2px;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="next"]:before{left:0;border-width:0 2px 2px 0;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="stop"]:before{width: 2px;height:11px;box-shadow: -2px 0 #000, 2px 0 #000;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="play"]:before{right:0;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #000;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control .paging {display:block;}
.slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control .paging span {display:inline-block;position: relative;z-index:1;color:#000;font-size:15px;font-weight: 500;}
.slide1 .group1 .box2 {overflow:hidden;float:right;position: relative;width:350px;background: #f0ede7;}
.slide1 .group1 .box2:before,
.slide1 .group1 .box2:after {display:block;position:absolute;content:'';width:132px;height:131px;background:url(/images/kr/main/mayor_obj1.png)no-repeat;z-index: 1;}
.slide1 .group1 .box2:before {left: -48px;top: -53px;}
.slide1 .group1 .box2:after {right: -25px;top: 84px;}
.slide1 .group1 .box2 .inner {position:relative;height: 100%;padding:65px 30px 0;}
.slide1 .group1 .box2 .inner:before {display:block;position:absolute;right: -20px;bottom: 34px;z-index: 2;content:'';width: 282px;height:315px;background:url(/images/kr/main/mayor.png?ver=20220630)no-repeat;}
.slide1 .group1 .box2 strong {display:block;font-size:18px; font-weight:500; color:#373839;}
.slide1 .group1 .box2 strong span {display:block; margin:0 0 15px;font-size:18px; font-weight:700; color:#373839; line-height:1;}
.slide1 .group1 .box2 strong em {display:inline-block; width:92px; height:36px; margin:-4px 5px 0 0;background-position:0 -277px; vertical-align:top;}
.slide1 .group1 .box2 p {position: relative;z-index: 2;max-width:145px;margin:15px 0 0;color:#383838;font-size:16px;line-height:1.3;}
.slide1 .group1 .box2 ul {position:absolute;left:0;bottom: 0;z-index: 3;width: 100%;}
.slide1 .group1 .box2 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.slide1 .group1 .box2 ul li {float:left; width:33.33%; height:54px;}
.slide1 .group1 .box2 ul li a {display:block;width:100%;height:100%;padding:8px 0 0;border-right:1px solid #f0ede7;background: #c35b27;color:#fff;text-align:center;font-size:13px;}
.slide1 .group1 .box2 ul li:nth-child(1) a,
.slide1 .group1 .box2 ul li:nth-child(2) a,
.slide1 .group1 .box2 ul li:nth-child(3) a {border-bottom:1px solid #f0ede7}
.slide1 .group1 .box2 ul li:last-child a {border:none;}
.slide1 .group1 .box2 ul li .ico {display:block; width:20px; height:20px; margin:0 auto 2px;}
.slide1 .group1 .box2 ul li a:hover .ico,
.slide1 .group1 .box2 ul li a:focus .ico{-webkit-animation:vibes2 1.5s ease infinite;animation:vibes2 1.5s ease infinite;}
.userMs .slide1 .group1 .box2 ul li a:hover .ico,
.userMs .slide1 .group1 .box2 ul li a:focus .ico{-webkit-animation:none;animation:none;}
.slide1 .group1 .box2 ul li .ico.ico1 {background-position:0 -460px;}
.slide1 .group1 .box2 ul li .ico.ico2 {background-position:-21px -460px;}
.slide1 .group1 .box2 ul li .ico.ico3 {background-position:-42px -460px;}
.slide1 .group1 .box2 ul li .ico.ico4 {background-position:-63px -460px;}
.slide1 .group1 .box2 ul li .ico.ico5 {background-position:-84px -460px;}
.slide1 .group1 .box2 ul li .ico.ico6 {background-position:-105px -460px;}
.slide1 .group2 {}
.slide1 .group2 .box_wrap {float:left; width:calc(100% - 350px);}
.slide1 .group2 .box_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
.slide1 .group2 .box {height:350px;padding: 35px 0 0;}
.slide1 .group2 .box1 {float:left;width: 50%;padding: 35px 50px 0;}
.slide1 .group2 .box1 .main-board__skin {position:relative;border-bottom: 1px solid #ddd;}
.slide1 .group2 .box1 .main-board__skin:after {display:block; clear:both; visibility:hidden; content:'';}
.slide1 .group2 .box1 .main-board__skin .board__nav-item {float: left;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item:after {display:block; clear:both; visibility:hidden; content:'';}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__title {display:inline-block;position:relative;line-height:60px;padding:0 10px;margin-right: 10px;font-size: 18px;font-weight:700;color: #222;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__title:before {display:block; position:absolute; content:'';left:0; bottom:0; right:100%; width:auto; height:5px; background:#01479c; transition:all 0.3s ;-webkit-transition:all 0.3s ;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__title {color:#00469e;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__title:before {right:0;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content {display:none;position: absolute;left:0;right: 0;top:70px;width: auto;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__content {display:block;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul {}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li {position:relative;padding-left:25px;margin: 9px 0;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li:before {display:block; position:absolute; content:''; left:10px; top:13px; width:5px; height:5px; border-radius:50%; background:#34404c;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a {display:block;position: relative;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li .ir-icon__new {display:block;position:absolute;left: -23px;top: 5px;width: 17px;height: 17px;line-height: 17px;border-radius: 50%;background: #d4462e;font-size: 12px;color: #fff;text-align: center;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li strong {display:block;overflow:hidden;position: relative;z-index: 2;width:100%;padding-right: 100px;line-height: 1.6;font-size: 16px;color: #262626;text-overflow: ellipsis;white-space: nowrap;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li strong span {display:inline-block;overflow: hidden;position:relative;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li strong span:after {display:block;position:absolute;bottom: 0px;left: 0;right:100%;z-index:-1;content:'';width:auto;height:9px;background:#e2edf8;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li strong em {display:block;position:absolute;top: 3px;right:0;color:#777;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a:hover strong span:after,
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a:focus strong span:after {right:0;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a:hover strong,
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a:focus strong {font-weight:700;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item .board__more {display:none;position:absolute;right:0;top: 13px;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more {display:block;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a {display:inline-block;position:relative;width: 30px;height: 30px;vertical-align: top;font-size:0;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a span {position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a span em {position: absolute;width: 2px;left: 50%;margin-left: -1px;height: 50%;background-color: #111;transition:all .3s ease-in-out;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a span em.arrow_top {top: 0;transform-origin:right bottom;margin-top: 1px;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a span em.arrow_bot {top: 50%;margin-top: 1px;transform-origin:right top}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:hover span em,
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:focus span em {left: 100%;}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:hover span em.arrow_top,
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:focus span em.arrow_top {transform:rotate(-45deg)}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:hover span em.arrow_bot,
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:focus span em.arrow_bot {transform:rotate(45deg)}
.slide1 .group2 .box1 .main-board__skin .board__nav-item.active .board__more a span:after {content:'';position: absolute;width: 100%;height: 2px;background-color: #111;left: 0;top: 50%;margin-bottom: -1px;}
.slide1 .group2 .box2 {float:left;position:relative;width: 50%;padding-right:50px;}
.slide1 .group2 .box2 .inner {position:relative;}
.slide1 .group2 .box2 strong {display:block;position:relative;line-height:60px;padding: 0 10px;border-bottom: 1px solid #ddd;font-size: 18px;font-weight:700;color: #222;}
.slide1 .group2 .box2 ul {margin: 14px 0 0;min-height: 141px;}
.slide1 .group2 .box2 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.slide1 .group2 .box2 ul li {position:relative;padding-left:25px;margin: 9px 0;}
.slide1 .group2 .box2 ul li:before {display:block; position:absolute; content:''; left:10px; top:13px; width:5px; height:5px; border-radius:50%; background:#34404c;}
.slide1 .group2 .box2 ul li a {display:block;position: relative;}
.slide1 .group2 .box2 ul li .ir-icon__new {display:block;position:absolute;left: -23px;top: 5px;width: 17px;height: 17px;line-height: 17px;border-radius: 50%;background: #d4462e;font-size: 12px;color: #fff;text-align: center;}
.slide1 .group2 .box2 ul li strong {display:block;overflow:hidden;position: relative;z-index: 2;width:100%;line-height: 1.6;padding-left: 0;padding-right:100px;border: none;font-size: 16px;font-weight: normal;color: #262626;text-overflow: ellipsis;white-space: nowrap;}
.slide1 .group2 .box2 ul li strong span {display:inline-block;overflow: hidden;position:relative;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.slide1 .group2 .box2 ul li strong em {display:block;position:absolute;top: 3px;right:0;color:#777;}
.slide1 .group2 .box2 ul li strong span:after {display:block;position:absolute;bottom: 0px;left: 0;right:100%;z-index:-1;content:'';width:auto;height:9px;background:#e2edf8;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.slide1 .group2 .box2 ul li a:hover strong span:after,
.slide1 .group2 .box2 ul li a:focus strong span:after {right:0;}
.slide1 .group2 .box2 ul li a:hover strong,
.slide1 .group2 .box2 ul li a:focus strong {font-weight:700;}
.slide1 .group2 .box2 .board__more {display:block;position:absolute; right:0; top: 13px;}
.slide1 .group2 .box2 .board__more a {display:inline-block;position:relative;width: 30px;height: 30px;vertical-align: top;font-size:0;}
.slide1 .group2 .box2 .board__more a span {position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.slide1 .group2 .box2 .board__more a span em {position: absolute;width: 2px;left: 50%;margin-left: -1px;height: 50%;background-color: #111;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.slide1 .group2 .box2 .board__more a span em.arrow_top {top: 0;transform-origin:right bottom;margin-top: 1px;}
.slide1 .group2 .box2 .board__more a span em.arrow_bot {top: 50%;margin-top: 1px;transform-origin:right top}
.slide1 .group2 .box2 .board__more a:hover span em,
.slide1 .group2 .box2 .board__more a:focus span em {left: 100%;}
.slide1 .group2 .box2 .board__more a:hover span em.arrow_top,
.slide1 .group2 .box2 .board__more a:focus span em.arrow_top {transform:rotate(-45deg)}
.slide1 .group2 .box2 .board__more a:hover span em.arrow_bot,
.slide1 .group2 .box2 .board__more a:focus span em.arrow_bot {transform:rotate(45deg)}
.slide1 .group2 .box2 .board__more a span:after {content:'';position: absolute;width: 100%;height: 2px;background-color: #111;left: 0;top: 50%;margin-bottom: -1px;}
.slide1 .group2 .box3 {float:right;position: relative;width:350px;padding: 35px 30px 0;}
.slide1 .group2 .box3:before {display:block; position:absolute; content:''; left:0; top:35px; bottom:30px; width:1px; height:auto; background:#ddd;}
.slide1 .group2 .box3 ul {}
.slide1 .group2 .box3 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.slide1 .group2 .box3 ul li {margin:0 0 7.5px;}
.slide1 .group2 .box3 ul li a {display:block;overflow:hidden;position: relative;width:100%;height:90px;border:1px solid #ddd;}
.slide1 .group2 .box3 ul li span {display:block; width:100%;height:100%;text-align:center;}
.slide1 .group2 .box3 ul li span img {min-height:100%;}
.slide1 .group2 .box3 ul li strong {display:none;}

.slide2 {}
.slide2 .group {}
.slide2 .group:after {display:block; clear:both; visibility:hidden; content:'';}
.slide2 .group1 {overflow: hidden;height:375px;}
.slide2 .group1 .box {height:100%;}
.slide2 .group1 .box1 {float:left;position: relative;width: calc(100% - 350px);padding: 40px 50px 0 330px;background:#168fce;}
.slide2 .group1 .box1 .inner {overflow:hidden;height: 100%;}
.slide2 .group1 .box1 .title {position: absolute;left: 60px;top: 60px;}
.slide2 .group1 .box1 .title strong {display:block;width:193px; height:77px;background-position:0 -316px;}
.slide2 .group1 .box1 .title p {margin:20px 0 0; line-height:1.4; color:#fff; font-size:17px; font-weight:500; }
.slide2 .group1 .box1 .word_wrap {width:100%; height:100%;}
.slide2 .group1 .box1 .word_wrap .slick-arrow {display:inline-block;position:relative;top: 8px;left: 50%;margin: -10px 0 0 -7px;width: 30px;height: 30px;vertical-align:middle;overflow: hidden;font-size:0;}
.slide2 .group1 .box1 .word_wrap .slick-arrow:before,
.slide2 .group1 .box1 .word_wrap .slick-arrow:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.slide2 .group1 .box1 .word_wrap .slick-arrow.slick-prev:before,
.slide2 .group1 .box1 .word_wrap .slick-arrow.slick-next:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.slide2 .group1 .box1 .word_wrap .slick-arrow.slick-prev:before{border-width: 2px 0 0 2px;}
.slide2 .group1 .box1 .word_wrap .slick-arrow.slick-next:before{border-width: 0 2px 2px 0;}
.slide2 .group1 .box1 .word_wrap .slick-arrow.slick-next {top:-3px;}
.slide2 .group1 .box1 .word_wrap .item {border:5px solid #168fce;}
.userMs .slide2 .group1 .box1 .word_wrap .item {border-top:3px solid #168fce;border-bottom:3px solid #168fce;}
.slide2 .group1 .box1 .word_wrap .item a {display:block;overflow: hidden;width:100%;height: 50px;line-height: 46px;padding:0 20px;border:2px solid #fff;border-radius:5px;background:#fff;font-size:16px;font-weight:500;-webkit-transition:all 0.3s;transition:all 0.3s;text-overflow: ellipsis;white-space: nowrap;}
.slide2 .group1 .box1 .word_wrap .item a span {display:inline-block; position:relative;color:#115992; font-weight:500;}
.slide2 .group1 .box1 .word_wrap .item a span:after {display:block; position:absolute; left:0; right:0;bottom:0; content:''; width:auto; height:1px; background:#115992;}
.slide2 .group1 .box1 .word_wrap .item a:hover,
.slide2 .group1 .box1 .word_wrap .item a:focus {background:#083d67; color:#fff;}
.slide2 .group1 .box1 .word_wrap .item a:hover span,
.slide2 .group1 .box1 .word_wrap .item a:focus span {color:#fff;}
.slide2 .group1 .box1 .word_wrap .item a:hover span:after,
.slide2 .group1 .box1 .word_wrap .item a:focus span:after {background:#fff;}
.slide2 .group1 .box1 .morebtn {position:absolute;left: 129px;bottom: 84px;width: 77px;height: 77px;}
.slide2 .group1 .box1 .morebtn a {display:block;position:relative;z-index:2;width:100%;height:100%;padding: 11px;}
.slide2 .group1 .box1 .morebtn a:hover em,
.slide2 .group1 .box1 .morebtn a:focus em {-webkit-animation: ping 1.3s ease-in-out infinite both;animation: ping 1.3s ease-in-out infinite both;}
.slide2 .group1 .box1 .morebtn a .inner {overflow: visible;position:relative;width:100%;height:100%;border-radius: 50%;background: #0959ac;}
.slide2 .group1 .box1 .morebtn em {display:block;opacity:0.4;position:absolute;left: 0;top: 0;content:'';width:100%;height:100%;border-radius:50%;background:#0959ac;-webkit-transform: scale(1.4);transform: scale(1.4);font-size: 0;}
.slide2 .group1 .box1 .morebtn span {display:block; width:100%; height:100%; font-size:0;}
.slide2 .group1 .box1 .morebtn span:before,
.slide2 .group1 .box1 .morebtn span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.slide2 .group1 .box1 .morebtn span:before {width:20px;height: 3px;border-radius:10px; background: #fff;}
.slide2 .group1 .box1 .morebtn span:after {width: 3px;height:20px;border-radius:10px; background: #fff;}
.slide2 .group1 .box1 .a-obj {position:absolute;left: 180px;bottom: -35px;z-index: 2;width:118px;height:191px;}
.slide2 .group1 .box1 .a-obj .inner {position:relative; width:100%; height:100%;}
.slide2 .group1 .box1 .a-obj .obj {position:absolute;}
.slide2 .group1 .box1 .a-obj .obj1 {left:0; top:0;z-index:1;width:100%;height:100%;background:url(/images/kr/main/c1.png)no-repeat;}
.slide2 .group1 .box1 .a-obj .obj2 {left:0; top:0;z-index:2;width:9px;height:9px; background:url(/images/kr/main/c2.png)no-repeat; -webkit-animation: c_eye 3s ease-in-out infinite both;animation: c_eye 3s ease-in-out infinite both;}
.slide2 .group1 .box1 .a-obj .obj2.obj2-1 {top: 63px;left: 30px;}
.slide2 .group1 .box1 .a-obj .obj2.obj2-2 {top: 60px;left: 59px;}
.slide2 .group1 .box1 .a-obj .obj3 {left: 10px;top: 82px;z-index:3;width:32px;height:13px;background:url(/images/kr/main/c3.png)no-repeat;}
.slide2 .group1 .box1 .a-obj .obj4 {left: 59px;top: 25px;z-index:4;width:57px;height:67px;background:url(/images/kr/main/c4.png)no-repeat;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-animation:hand2 2s ease infinite;animation:hand2 2s ease infinite;}
.slide2 .group1 .box1 .a-obj .obj5 {left:0; top:0;z-index:5;width:100%;height:100%;background:url(/images/kr/main/c5.png)no-repeat;}
.slide2 .group1 .box2 {float:left;width:350px;padding:60px 50px 0;background:#083d67;}
.slide2 .group1 .box2 .tit {}
.slide2 .group1 .box2 .tit strong {display:block;width:192px; height:36px; background-position:-196px -316px;}
.slide2 .group1 .box2 .tit p {margin: 20px 0 0;line-height: 1.4;color: #b9cad7;font-size: 17px;font-weight: 500;}
.slide2 .group1 .box2 form {margin:70px 0 0;}
.slide2 .group1 .box2 form input[type="text"]{width:100%; height:50px; line-height:46px; padding:0 15px; border:2px solid #fff; border-radius: 5px; background:#083d67; color:#fff;font-size:16px;}
.slide2 .group1 .box2 form input[type="text"]::-ms-input-placeholder { color: #fff; }
.slide2 .group1 .box2 form input[type="text"]::-webkit-input-placeholder { color: #fff; }
.slide2 .group1 .box2 form input[type="text"]::-moz-placeholder { color: #fff; }
.slide2 .group1 .box2 form input[type="submit"]{width:100%;height:50px;line-height:46px;margin:10px 0 0;border: 2px solid #0179b8;border-radius: 5px;background:#0179b8;color:#fff;font-size:16px;}
.slide2 .group1 .box2 form input[type="button"]{width:100%;height:50px;line-height:46px;margin:10px 0 0;border: 2px solid #0179b8;border-radius: 5px;background:#0179b8;color:#fff;font-size:16px;}
.slide2 .group2 {height:350px;}
.slide2 .group2 .box_wrap {float:left;width:calc(100% - 350px);height: 100%;}
.slide2 .group2 .box_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
.slide2 .group2 .box {height:100%;padding: 50px 50px 0;}
.slide2 .group2 .box .title{margin:0 0 20px; line-height:1;font-weight:700;font-size:19px; color:#2b2c2c;}
.slide2 .group2 .box1 {float:left;width:60%;padding: 50px 10px 0 50px;}
.slide2 .group2 .box1 ul {}
.slide2 .group2 .box1 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.slide2 .group2 .box1 ul li {float:left;width:25%;height: 105px;margin: 0 0 5px;}
.slide2 .group2 .box1 ul li a {display:block;position:relative;width:100%;height: 100%;padding: 18px 0 0;text-align:center;}
.slide2 .group2 .box1 ul li .ico{display:block;display: block;position: relative;z-index:1;width:38px;height:38px;margin: 0 auto 15px;background-image:url(/images/kr/main/ico_ir.png);}
.slide2 .group2 .box1 ul li a:hover em,
.slide2 .group2 .box1 ul li a:focus em {font-weight:700;}
.slide2 .group2 .box1 ul li a:hover .ico,
.slide2 .group2 .box1 ul li a:focus .ico{-webkit-animation:vibes2 1.5s ease infinite;animation:vibes2 1.5s ease infinite;}
.userMs .slide2 .group2 .box1 ul li a:hover .ico,
.userMs .slide2 .group2 .box1 ul li a:focus .ico{-webkit-animation:none;animation:none;}
.slide2 .group2 .box1 ul li.ex .ico {margin:0 auto 10px;}
.slide2 .group2 .box1 ul li .ico.ico1 {background-position:421px 0px ;}
.slide2 .group2 .box1 ul li .ico.ico2 {background-position:-38px -38px ;}
.slide2 .group2 .box1 ul li .ico.ico3 {background-position:-76px -38px ;}
.slide2 .group2 .box1 ul li .ico.ico4 {background-position:-114px -38px ;}
.slide2 .group2 .box1 ul li .ico.ico5 {background-position:-152px -38px ;}
.slide2 .group2 .box1 ul li .ico.ico6 {background-position:-190px -38px ;}
.slide2 .group2 .box1 ul li .ico.ico7 {background-position:-228px -38px ;}
.slide2 .group2 .box1 ul li .ico.ico8 {background-position:-266px -38px ;}
.slide2 .group2 .box1 ul li em {display:block;position: relative;color:#262626;font-size:15px;line-height:1.3;z-index: 1;}
.slide2 .group2 .box2 {float:left;width:40%;}
.slide2 .group2 .box2 .thumb {overflow:hidden; width:100%; height:115px;margin:0 0 30px;}
.slide2 .group2 .box2 .thumb span {display:block;position: relative;width:100%;height:100%;text-align:center;}
.slide2 .group2 .box2 .thumb span img {position:absolute; left:50%; top:50%; height:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.slide2 .group2 .box2 ul {}
.slide2 .group2 .box2 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.slide2 .group2 .box2 ul li {float:left; position:relative; width:50%; margin:0 0 10px;padding-left:20px;}
.slide2 .group2 .box2 ul li:before {display:block; position:absolute; left:2px; top:10px;content:''; width:5px; height:5px; border-radius:50%; background:#34404c;}
.slide2 .group2 .box2 ul li a {display:block;height: 26px;}
.slide2 .group2 .box2 ul li a em {display:inline-block;position:relative;z-index:1;font-size:16px; color:#262626;}
.slide2 .group2 .box2 ul li a span {display:inline-block;position:relative;}
.slide2 .group2 .box2 ul li a span:after {display:block;position:absolute;bottom: 0px;left:-5%; right:105%;content:'';width:auto;height:9px;background:#e2edf8;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.slide2 .group2 .box2 ul li a:hover span:after,
.slide2 .group2 .box2 ul li a:focus span:after {right:-5%;}
.slide2 .group2 .box2 ul li a:hover em,
.slide2 .group2 .box2 ul li a:focus em {font-weight:700;}
.slide2 .group2 .box3 {float:right; width:350px;}
.slide2 .group2 .box3 ul {margin: 0 -35px;}
.slide2 .group2 .box3 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.slide2 .group2 .box3 ul li {float:left;width:50%;height: 110px;margin: 10px 0 0;text-align:center;}
.slide2 .group2 .box3 ul li a {display:block;width:100%;height:100%;line-height: 1.3;font-size:15px;color:#262626;}
.slide2 .group2 .box3 ul li .ico {display:block; width:60px; height:60px; margin:0 auto 10px; border-radius:50%; border:1px solid #bfbfbf; background:url(/images/kr/main/ico_ir2.png)no-repeat;}
.slide2 .group2 .box3 ul li .ico.ico1 {background-position:0 0 ;}
.slide2 .group2 .box3 ul li .ico.ico2 {background-position:-59px 0 ;}
.slide2 .group2 .box3 ul li .ico.ico3 {background-position:0 -59px ;}
.slide2 .group2 .box3 ul li .ico.ico4 {background-position:-59px -59px ;}
.slide2 .group2 .box3 ul li a:hover .ico,
.slide2 .group2 .box3 ul li a:focus .ico{border:1px solid #083d67; -webkit-animation:vibes2 1.5s ease infinite;animation:vibes2 1.5s ease infinite;}
.userMs .slide2 .group2 .box3 ul li a:hover .ico,
.userMs .slide2 .group2 .box3 ul li a:focus .ico{-webkit-animation:none;animation:none;}
.slide2 .group2 .box3 ul li a:hover,
.slide2 .group2 .box3 ul li a:focus,
.slide2 .group2 .box3 ul li a:hover em,
.slide2 .group2 .box3 ul li a:focus em {font-weight:700;}

.slide3 {}
.slide3 #calendar {height:100%;}
.slide3 #calendar:after {display:block; clear:both; visibility:hidden; content:'';}
.slide3 #calendar .title {float:left;width:350px;height:100%;padding: 55px 55px 0;background:#0179b8;}
.slide3 #calendar .title .tit {position:relative;}
.slide3 #calendar .title .tit:after {display:block;position:absolute;content:'';left: 127px;right:0;bottom: 2px;width:auto;height:2px;background:#288dc1;}
.slide3 #calendar .title .tit span {display:block;width:105px; height:46px; margin:25px 0 45px; background-position:0 -396px;}
.slide3 #calendar .title .date{margin:0 0 40px;text-align:right;}
.slide3 #calendar .title .date:after {display:block; clear:both; visibility:hidden; content:'';}
.slide3 #calendar .title .date strong {display:inline-block;float:left;font-size: 32px;line-height: 32px;font-weight:700;color:#f2dba4;vertical-align: top;}
.slide3 #calendar .title .date button {display:inline-block;position:relative;width:32px;height:32px;margin-left: 5px;border-radius:50%;background:#fff;font-size:0;vertical-align: top;}
.slide3 #calendar .title .date button:before,
.slide3 #calendar .title .date button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.slide3 #calendar .title .date button.prev:before,
.slide3 #calendar .title .date button.next:before{width:7px;height:7px;border-width:2px;border-style: solid;border-color: #333;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.slide3 #calendar .title .date button.prev:before{right:-3px;border-width: 0 0 2px 2px;}
.slide3 #calendar .title .date button.next:before{left:-3px;border-width: 2px 2px 0 0;}
.slide3 #calendar .title .tap-btn{position:relative;}
.slide3 #calendar .title .tap-btn > button {display:none;}
.slide3 #calendar .title .tap-btn > div {}
.slide3 #calendar .title .tap-btn > div ul:after {display:block; clear:both; visibility:hidden; content:'';}
.slide3 #calendar .title .tap-btn > div ul li {position:relative;}
.slide3 #calendar .title .tap-btn > div ul li a {display:block;position:relative;height: 50px;line-height: 50px;padding:0 20px;border-radius:5px;color:#fff;font-size:18px;font-weight:500;}
.slide3 #calendar .title .tap-btn > div ul li a.ov {background:#fff; color:#053d6b; font-weight:700;}
.slide3 #calendar .title .tap-btn > div ul li a:after {display:block;position:absolute;bottom: -2px;left:5px;right:5px;content:'';width:auto;height:2px;background:#fff;}
.slide3 #calendar .title .tap-btn > div ul li a.ov:after {display:none;}
.slide3 #calendar .title .tap-btn > div ul li span,
.slide3 #calendar .title .tap-btn > button span {position:absolute;right:20px; top:12.5px; width:24px; height:25px; background:url(/images/kr/main/ico_ir3.png)no-repeat;}
.slide3 #calendar .title .tap-btn > div ul li span.ico1 {background-position:-24px 0;}
.slide3 #calendar .title .tap-btn > div ul li span.ico2 {background-position:-24px -25px;}
.slide3 #calendar .title .tap-btn > div ul li span.ico3 {background-position:-24px -50px;}
.slide3 #calendar .title .tap-btn > div ul li span.ico4 {background-position:-24px -75px;}
.slide3 #calendar .title .tap-btn > div ul li span.ico5 {background-position:-24px -100px;}
.slide3 #calendar .title .tap-btn > div ul li a.ov span.ico1 {background-position:0 0;}
.slide3 #calendar .title .tap-btn > div ul li a.ov span.ico2 {background-position:0 -25px;}
.slide3 #calendar .title .tap-btn > div ul li a.ov span.ico3 {background-position:0 -50px;}
.slide3 #calendar .title .tap-btn > div ul li a.ov span.ico4 {background-position:0 -75px;}
.slide3 #calendar .title .tap-btn > div ul li a.ov span.ico5 {background-position:0 -100px;}
.slide3 #calendar .title .tap-btn > div .clickClose {display:none;}
.slide3 #calendar .con_wrap {float:right;position:relative;width: calc(100% - 350px);height: 100%;padding: 55px 26px 0;background: #f6f4f1 url(/images/kr/main/bg2.png)no-repeat right top;}
.slide3 #calendar .con_wrap:before {display:block; position:absolute; left:0; bottom:0; content:''; width:398px; height:71px; background:url(/images/kr/main/bg3.png)no-repeat;}
.slide3 #calendar .con_wrap .con {display:none;overflow: hidden;height: 100%;}
.slide3 #calendar .con_wrap .con.ov {display:block;}
.slide3 #calendar .con_wrap .con .cal_list{overflow:hidden;position: relative;left: 0;height:558px;}
.slide3 #calendar .con_wrap .con .cal_list:after {display:block; clear:both; visibility:hidden; content:'';}
.slide3 #calendar .con_wrap .con .cal_list .slick-arrow {display: none !important;}
.slide3 #calendar .con_wrap .con .cal_list .slick-list {overflow:hidden;max-height: 558px;margin: 0 0 30px;}
.slide3 #calendar .con_wrap .con .cal_list .item {float:left; width:33.33%;border:17px solid transparent;}
.slide3 #calendar .con_wrap .con .cal_list .item a {display:block;position:relative;width:100%;height: 245px;padding: 30px 30px 0;border:1px solid #e3e3e1;border-radius:5px;background:#fff;-webkit-transition: all .3s ease-in-out;transition:all .3s ease-in-out;}
.slide3 #calendar .con_wrap .con .cal_list .item a:hover,
.slide3 #calendar .con_wrap .con .cal_list .item a:focus {border:1px solid #0179b8;}
.slide3 #calendar .con_wrap .con .cal_list .item .cate {display:inline-block; height:28px; line-height:28px; padding:0 15px; border-radius:20px;color:#fff;font-size:16px; }
.slide3 #calendar .con_wrap .con .cal_list .item .GB_01 {background:#0179b8;}
.slide3 #calendar .con_wrap .con .cal_list .item .GB_02 {background:#c98c09;}
.slide3 #calendar .con_wrap .con .cal_list .item .GB_03 {background:#2db400;}
.slide3 #calendar .con_wrap .con .cal_list .item .GB_04 {background:#053d6b;}
.slide3 #calendar .con_wrap .con .cal_list .item strong {display:block;overflow: hidden;margin:10px 0;color:#3a4044;font-size:19px;font-weight:700;text-overflow: ellipsis;white-space: nowrap;}
.slide3 #calendar .con_wrap .con .cal_list .item ul {}
.slide3 #calendar .con_wrap .con .cal_list .item ul li {overflow:hidden;position:relative;margin: 5px 0 0;padding-left:20px;color:#3a4044;font-size:16px;text-overflow: ellipsis;white-space: nowrap;}
.slide3 #calendar .con_wrap .con .cal_list .item ul li span {display:block;position:absolute;left:0;top: 9px;width:12px;height:13px;}
.slide3 #calendar .con_wrap .con .cal_list .item ul li span.ico1 {background-position:0 -445px;}
.slide3 #calendar .con_wrap .con .cal_list .item ul li span.ico2 {background-position:-15px -445px;}
.slide3 #calendar .con_wrap .con .cal_list .item ul li span.ico3 {background-position:-30px -445px;}
.slide3 #calendar .con_wrap .con .control {display: inline-block !important;position: relative;top: 35px;left: 50%;text-align:center;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.slide3 #calendar .con_wrap .con .control > button {display:inline-block !important;/* position:absolute; */width:32px;height:32px;margin: 0 10px;border-radius:50%;border: 1px solid #e3e3e1;background:#fff;font-size:0;}
.slide3 #calendar .con_wrap .con .control > button.btn_prev {left:0; top:0;}
.slide3 #calendar .con_wrap .con .control > button.btn_next {right:0; top:0;}
.slide3 #calendar .con_wrap .con .control > button:before,
.slide3 #calendar .con_wrap .con .control > button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.slide3 #calendar .con_wrap .con .control > button.btn_prev:before,
.slide3 #calendar .con_wrap .con .control > button.btn_next:before{width:7px;height:7px;border-width:2px;border-style: solid;border-color: #333;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.slide3 #calendar .con_wrap .con .control > button.btn_prev:before{right:-3px;border-width: 0 0 2px 2px;}
.slide3 #calendar .con_wrap .con .control > button.btn_next:before{left:-3px;border-width: 2px 2px 0 0;}
.slide3 #calendar .con_wrap .con .slick-dots {display: block;padding: 0 55px;text-align: center;}
.slide3 #calendar .con_wrap .con .slick-dots li {display:inline-block;width: 32px;height: 32px;margin: 0 4px;}
.slide3 #calendar .con_wrap .con .slick-dots li button {width:7px;height:7px;border-radius:50%;background:#0179b8;font-size:0;vertical-align: middle;}
.slide3 #calendar .con_wrap .con .slick-dots li.slick-active button {width:100%; height:100%; color:#Fff; font-size:16px;font-weight:700;}
.slide3 #calendar .con_wrap .morebtn {position:absolute;right: 195px;bottom: 40px;width: 90px;height: 90px;}
.slide3 #calendar .con_wrap .morebtn a {display:block;position:relative;z-index: 10;width:100%;height:100%;padding: 10px;}
.slide3 #calendar .con_wrap .morebtn a .inner {position:relative;width:100%; height:100%;border-radius: 50%;background: #0959ac;}
.slide3 #calendar .con_wrap .morebtn em {display:block;opacity:0.4;position:absolute;left: 0;top: 0;content:'';width:100%;height:100%;border-radius:50%;background:#0959ac;-webkit-transform: scale(1.3);transform: scale(1.3);}
.slide3 #calendar .con_wrap .morebtn a:hover em,
.slide3 #calendar .con_wrap .morebtn a:focus em {-webkit-animation: ping 1.3s ease-in-out infinite both;animation: ping 1.3s ease-in-out infinite both;}
.slide3 #calendar .con_wrap .morebtn span {display:block;position: relative;z-index: 1;width:100%;height:100%;line-height: 1.2;padding: 18px 0 0;font-size: 14px;font-weight: 500;text-align: center;color: #fff;}
.slide3 #calendar .con_wrap .morebtn span:before,
.slide3 #calendar .con_wrap .morebtn span:after {display:none;}
.slide3 #calendar .con_wrap .morebtn span:before {width:20px;height: 3px;border-radius:10px; background: #fff;}
.slide3 #calendar .con_wrap .morebtn span:after {width: 3px;height:20px;border-radius:10px; background: #fff;}
.slide3 #calendar .con_wrap .b-obj {position:absolute;right: -85px;bottom: -30px;z-index: 2;width:320px;height:198px;}
.slide3 #calendar .con_wrap .b-obj .inner{position:relative; width:100%; height:100%;}
.slide3 #calendar .con_wrap .b-obj .obj {position:absolute;}
.slide3 #calendar .con_wrap .b-obj .obj1 {left: 0;top: 0;width:100%;height:100%;margin: 0;background:url(/images/kr/main/o1.png)no-repeat;}
.slide3 #calendar .con_wrap .b-obj .obj2 {left: 3%;top: 31%;width: 31.6%;height: 44.5%;margin: 0;}
.slide3 #calendar .con_wrap .b-obj .obj2 .in {position:relative;width:100%;height:100%;background:url(/images/kr/main/o2.png)no-repeat;background-size: 100%;-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation:head 3s ease infinite 0.5s;animation:head 3s ease infinite 0.5s;}
.slide3 #calendar .con_wrap .b-obj .obj2 .in .obj3,
.slide3 #calendar .con_wrap .b-obj .obj2 .in .obj3 {width: 9.9%;height: 11.5%;background:url(/images/kr/main/o5-2.png)no-repeat;background-size: 100% auto;}
.slide3 #calendar .con_wrap .b-obj .obj2 .in .obj3-1 {top: 66%;left: 32%;-webkit-animation:eye 3s ease infinite 0.5s;animation:eye 3s ease infinite 0.5s;}
.slide3 #calendar .con_wrap .b-obj .obj2 .in .obj3-2 {top: 69%;right: 31%;}
.slide3 #calendar .con_wrap .b-obj .obj4 {top: 8%;width: 2.5%;height: 4.1%;background:url(/images/kr/main/o6-1.png)no-repeat;background-size: 100% auto;}
.slide3 #calendar .con_wrap .b-obj .obj4-1 {right: 50.5%;-webkit-animation:eye2 3s ease infinite 0.5s;animation:eye2 3s ease infinite 0.5s;}
.slide3 #calendar .con_wrap .b-obj .obj4-2 {right: 42.9%;-webkit-animation:eye2 3s ease infinite 0.5s;animation:eye2 3s ease infinite 0.5s;}
.slide3 #calendar .con_wrap .b-obj .obj5 {left: 1%;top: 63%;width: 12.9%;height: 16.2%;background:url(/images/kr/main/o3.png)no-repeat;-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-animation:hand 3s ease infinite 0.5s;animation:hand 3s ease infinite 0.5s;}
.slide3 #calendar .con_wrap .b-obj .obj6 {right: 24%;top: 13%;width: 13.8%;height: 22.3%;background:url(/images/kr/main/o4.png)no-repeat;background-size: 100%;-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-animation:h2 3s ease infinite;animation:h2 3s ease infinite;}


    /* 캘린더 문예회관 바로가기 추가 230613 */
    .slide3 #calendar .info-box {text-align: center;}

@media screen and (max-width:1699px){
    .main_slide .swiper-container .swiper-button-prev {left:-50px;}
    .main_slide .swiper-container .swiper-button-next {right:-50px;}
    .main_slide .swiper-container .swiper-button-prev:before,
    .main_slide .swiper-container .swiper-button-next:before{width:15px;height:15px;}
    .main_slide .swiper-container .swiper-button-prev:before{right:-47px;border-width: 0 0 3px 3px;}
    .main_slide .swiper-container .swiper-button-next:before{left:-47px;border-width: 3px 3px 0 0;}
}
@media screen and (max-width: 1479px){
    .main_slide:before {height: 1000px;}
    .main_slide .bg {top: 815px;}
    .main_slide .bg .pic_wrap {top: 70px;right: 20px;margin-right:0;}
    .main_slide .bg .flower2 {top: 70px;right: -15px;}
    .main_slide .bg .wood2 {top: 80px;right:150px;z-index: 3;margin-right:0;}
    .main_slide .bg .bg_obj.mo {display:block;}
    .main_slide .bg .wood1 {left:-18px}
    .main_slide .bg .wood3,
    .main_slide .bg .wood4 {width: 36px;height: 49px;}
    .main_slide .bg .wood3 {top: 86px;left: 18%;}
    .main_slide .bg .wood4 {top: 102px;left: 31%;z-index: 5;}
    .main_slide .bg .wood5 {top: 100px;left: 50%; width:66px; height:82px;z-index:5;}
    .main_slide .bg .g1 {top: 80px;left: 20%;z-index: 4;width: 137px;height:122px;background:url(/images/kr/main/m_obj1.png)no-repeat;background-size: 130px auto;}
    .main_slide .bg .g2 {top: 120px;left: 55%;z-index: 4;width:91px;height:65px;background:url(/images/kr/main/m_obj4.png)no-repeat;}
    .main_slide .bg .bike {top: 130px;left:300px;margin:0;}
    .main_slide .swiper-container {padding: 0 40px 210px;}

    .slide1 .group2 .box1 {float:left;}
    .slide1 .group2 .box2 {}

    .slide2 .group1 .box1 {padding: 40px 50px 0 310px;}
    .slide2 .group2 .box1 {width:55%;}
    .slide2 .group2 .box2 {width:45%;}

    .cont1 .group {padding-left: 120px;}
    .cont1 .group strong {left:25px;}

    .cont2 {position: relative;margin: 0 0 60px;}
    .cont2:before{display:block;position:absolute;left:0;top:55px;bottom: -30px;content:'';width:100%;height:auto;background:#e9ebed;}
    .cont2 .group {min-height: auto;margin:0;}

    .cont3:before {display:none;}
    .cont3 .group {top:0;left: 40px;}
    .cont3 .group2 {height:auto;}
    .cont3 .group2 .box2 {float:none;width: calc(100% - 350px);height: 360px;margin-left: 350px;padding: 40px 30px;border: 1px solid #e9e6e6;}
    .cont3 .group2 .box2 strong {margin: 0 0 25px;text-align: center;}
    .cont3 .group2 .box2 strong span {display:none;}
    .cont3 .group2 .box2 #tab_wrap {padding:0;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item {position: static;width: 33.33%;height:auto;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.active {width: 33.33%;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button {position:relative;width: calc(100% - 2px);height: 85px;line-height: 85px;margin: 0 1px;padding: 0 0 0 100px;font-size: 18px;text-align: left;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.active button:after {display:block;position:absolute;bottom: -10px;left: 50%;margin-left: -10px;content:'';border-left: 10px solid transparent;border-right: 10px solid transparent;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n1.active button:after {border-top: 10px solid #00b4ab;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2.active button:after {border-top: 10px solid #008fd3;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n3.active button:after {border-top: 10px solid #215aab;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico {position:absolute;left: 30px;top: 27px;margin: 0;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content {top: 85px;left: 1px;right: 1px;height: 145px;padding: 25px 10px 0;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n1 .board__content,
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2 .board__content,
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n3 .board__content {border:none;}

    .cont3 .group2 .box3 {width:100%;margin: 30px 0 0;padding: 0;}
    .cont3 .group2 .box3 .inner {padding:15px 150px 15px 220px;}
    .cont3 .group2 .box3 strong {position:absolute;left: 38px;top: 35px;margin: 0;}
    .cont3 .group2 .box3 ul li {float:left; width:calc(25% - 4px);margin:0 2px;}
    .cont3 .group2 .box3 ul li a {max-width:100%;height:60px; line-height: 58px;border:1px solid #4d7bbc;border-radius: 0;}
    .cont3 .group2 .box3 ul li a:before {display:none;}
    .cont3 .group2 .box3 ul li a:after {border:solid #fff;border-width: 2px 2px 0 0;}
    .cont3 .group2 .box3 ul li a:hover:after,
    .cont3 .group2 .box3 ul li a:hover:focus {border:solid #215aab;border-width: 2px 2px 0 0;}
    .cont3 .group2 .box3 .obj {right:-10px;}
    .cont3 .group2 .box3 p {display:none;}

    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span img{position: relative; left: 0; top: 0; margin: 0 auto; max-width: 100%; height: 100%; -webkit-transform :none; transform: none;}

}
@media screen and (max-width:1300px){
    .main_slide .slogan {left: 30px; top: 20px;}
    .main_slide .emblem {left: 30px; top: 85px;}
}
@media screen and (max-width:1279px){
    .layout {padding:0 30px;}
    .main_slide .swiper-container {padding: 0 30px 175px;}
    .main_slide:before {height:1220px;}
    .main_slide .bg {top: 1075px;}
    .main_slide .swiper-container .swiper-wrapper {max-width: 100%;height:995px;}
    .slide1 .group {padding: 0 25px;}
    .slide1 .group1 .box {height:auto;}
    .slide1 .group1 .box1 {float:none;width:100%;padding: 25px 25px 25px 0;}
    .slide1 .group1 .box1 #main_news {margin:0 -25px;}
    .slide1 .group1 .box1 #main_news > ul {left:-25px;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span img { min-height:100%;}

    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control {left: -25px;bottom: 40px;}
    .slide1 .group1 .box2 {float:none;width:100%;height: 130px;}
    .slide1 .group1 .box2:before {left:0;}
    .slide1 .group1 .box2:after {right: 440px;top: auto;bottom: -80px;}
    .slide1 .group1 .box2 .inner {padding: 35px 0 0 5%;}
    .slide1 .group1 .box2 .inner:before {right: 370px;bottom: -18px;width: 160px;height: 140px;background-size: 160px auto;}
    .slide1 .group1 .box2 strong span {display:inline-block;}
    .slide1 .group1 .box2 p {max-width:100%;margin:3px 0 0;}
    .slide1 .group1 .box2 ul {left:auto;right: 15px;top:10px;bottom:10px;width:350px;}
    .slide1 .group2 .box {height: 340px;}
    .slide1 .group2 .box_wrap {float:none; width:100%;}
    .slide1 .group2 .box1 {width:50%;padding: 35px 15px 0 10px;}
    .slide1 .group2 .box2 {width:50%;padding: 35px 10px 0 15px;}

    .slide1 .group2 .box3 {float:none;width:100%;height: auto;padding: 0;}
    .slide1 .group2 .box3:before {display:none;}
    .slide1 .group2 .box3 ul {margin:0 -8px;}
    .slide1 .group2 .box3 ul li {float:left; width:calc(33.33% - 16px); margin:0 8px;}

    .slide2 .group1 {height:auto;}
    .slide2 .group1 .box1 {overflow: hidden;float:none;width:100%;height: 375px;}
    .slide2 .group1 .box2 {width: 100%;height:auto;padding:0;}
    .slide2 .group1 .box2 .inner {position:relative;padding:45px 60px 45px 330px;}
    .slide2 .group1 .box2 .tit {position:absolute;left:60px;top: 49px;}
    .slide2 .group1 .box2 .tit p {display:none;}
    .slide2 .group1 .box2 form {margin:0}
    .slide2 .group1 .box2 form:after {display:block; clear:both; visibility:hidden; content:'';}
    .slide2 .group1 .box2 form input[type="text"] {float:left; width:calc(100% - 205px);}
    .slide2 .group1 .box2 form .submit {float:right; width:195px;}
    .slide2 .group1 .box2 form input[type="submit"] {margin:0;}
    .slide2 .group1 .box2 form input[type="button"] {margin:0;}
    .slide2 .group2 {height:auto;}
    .slide2 .group2 .box_wrap {float:none;width:100%;padding: 45px 60px 0;}
    .slide2 .group2 .box1 {width: calc(100% - 380px);padding: 0;}
    .slide2 .group2 .box2 {float: right;width: 320px;padding: 0;}
    .slide2 .group2 .box3 {float:none;position: relative;width:100%;margin: 35px 0 0;padding: 35px 60px 0;}
    .slide2 .group2 .box3:before {display:block; position:absolute; left:60px; right:60px; top:0;content:''; width:auto; height:1px; background:#bbb;}
    .slide2 .group2 .box3:after{display:block; clear:both; visibility:hidden; content:'';}
    .slide2 .group2 .box3 .title {float: left;width: 110px;margin: 10px 0 0;}
    .slide2 .group2 .box3 ul {float: right;width: calc(100% - 110px);margin:0;}
    .slide2 .group2 .box3 ul li {position: relative;width: 25%;height: 60px;margin: 0;}
    .slide2 .group2 .box3 ul li a {padding: 10px 0 0 75px;font-size:15px;text-align:left;}
    .slide2 .group2 .box3 ul li a em {display:block;}
    .slide2 .group2 .box3 ul li .ico {display:inline-block;position:absolute;left:0;top:0;margin: 0;}

    .slide3 #calendar .title {float:none;width:100%;height:260px;padding: 60px 60px 0;}
    .slide3 #calendar .con_wrap {float:none;width:100%;height: 735px;padding: 55px 45px 0;}
    .slide3 #calendar .con_wrap:before {display:none;}
    .slide3 #calendar .con_wrap .b-obj {right: -20px;bottom: 5px;width:250px;height:155px;}
    .slide3 #calendar .con_wrap .b-obj .obj1 {background-size:250px 155px;}
    .slide3 #calendar .con_wrap .b-obj .obj2 .in .obj3-1,
    .slide3 #calendar .con_wrap .b-obj .obj4-1 {-webkit-animation:none;animation:none;}
    .slide3 #calendar .con_wrap .morebtn {bottom:50px;}
    .slide3 #calendar .con_wrap .con .cal_list .item {border: 15px solid transparent;}
    .slide3 #calendar .title .tit:after {right:auto;width: 15%;background: #fff;}
    .slide3 #calendar .title .tit span {margin:0;}
    .slide3 #calendar .title .date {position:absolute;margin:0;left:0;top: 65px;right:0;text-align: center;}
    .slide3 #calendar .title .date strong {float:none;margin-right:20px;font-size: 45px;}
    .slide3 #calendar .title .date button {width:40px; height:40px;}
    .slide3 #calendar .title .tap-btn > div ul {margin: 50px -3px 0;}
    .slide3 #calendar .title .tap-btn > div ul li {float:left;width:calc(20% - 6px);margin:0 3px;}
    .slide3 #calendar .title .tap-btn > div ul li a {border: 2px solid #fff;line-height: 46px;}
    .slide3 #calendar .title .tap-btn > div ul li a:after {display:none;}
    .slide3 #calendar .title .tap-btn > div ul li span {top:10.5px}

    .cont1 .group ul li em {font-size: 16px;}

    .cont3 .group {left:30px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a {font-size:14px;}
}
@media screen and (max-width:1023px){

    .main_slide .obj1 {left: 5%;}
    .main_slide .obj2 {right: 5%;}
    .main_slide .bg {top: auto;bottom: 20px;width:100%;height: 180px;background: url(/images/kr/main/m_bg.jpg)no-repeat left top;background-size: cover;}
    .main_slide .bg .inner {display:none;}

    .cont1 {margin:0 0 30px;}
    .cont1 .group {padding:0;}
    .cont1 .group strong {position:static;width: 183px;height: 19px;margin: 0 auto 30px;border-left: 20px solid #fff;border-right: 20px solid #fff;background-position: -98px -22px;background-color: #fff;}
    .cont1 .group strong:after {display:block;position:absolute;content:'';left:0;top:9.5px;z-index: -1;width:100%;height:1px;background:#bbb;}
    .cont1 .group ul li {width:20%;margin: 15px 0;}
    .cont1 .group ul li em {font-size:15px;}

    .cont2 .group ul li {height:280px;}
    .cont2 .group ul li .front .cate {padding: 13px 15px;font-size: 13px;}
    .cont2 .group ul li .front strong {bottom: 0;font-size:16px;}
    .cont2 .group ul li .back {padding:65px 30px 0;}
    .cont2 .group ul li .back strong {font-size:16px;}
    .cont2 .group ul li .back p {height: 72px;font-size:15px;}

    .cont3 {padding:0 0 30px;}
    .cont3 .group2 .box2 {padding:0 30px ;}
    .cont3 .group2 .box2 strong {margin: -9.5px 0 15px;}
    .cont3 .group2 .box2 strong em {width: 159px;border-left: 20px solid #fff;border-right: 20px solid #fff;background-color:#fff;}
    .cont3 .group2 .box2 #tab_wrap .menu_wrap {height: auto;margin: 0 0 15px;}

    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button {height: 80px;padding: 15px 0 13px;font-size: 15px;text-align: center;line-height:1;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico {position:static;width:29px;height:28px;margin: 0 auto 10px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico.ico1 {background-position:-106px -49px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico.ico2 {background-position:-138px -49px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico.ico3 {width:30px;background-position: -170px -49px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content {height: 216px;padding: 10px 10px 0;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li,
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2 .board__content ul li {width:50%;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2 .board__content ul li.w2 {width:100%;}
    
    /*자주찾는메뉴 임시 반응형*/
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n1 .board__content ul li{width:33.333%}


    .cont3 .group2 .box3 .inner {padding: 15px 30px 15px 200px;}
    .cont3 .group2 .box3 .obj {display:none;}

    .main_slide .slogan {display:none;}
    .main_slide .emblem {display:none;}
	.main_slide .main_sns {position:relative;top:auto;right:auto;margin: 20px 0}
	.main_slide ul.sns_btn { margin:0 auto;width: 262px; top:auto; left:auto; position:relative}
	.main_slide .main_sns ul#weater_btn {text-align:center}
    .main_slide .obj1.ov {top: -19px;left: 50%;margin-left: -178px;}
    .main_slide .obj2.ov {top:45px;right: 50%;margin-right: -210px;}
    .main_slide .obj1.ov .fireworks {width:65px; height:65px;background-size:65px auto;}
    .main_slide .obj2.ov .fireworks {width:80px;height: 84px;background-size:80px auto;}
    .main_slide .swiper-container .swiper-pagination {margin:25px 0;}
    .main_slide .swiper-container .swiper-pagination button {padding:15px 12px;}
    .main_slide .swiper-container .swiper-pagination button:before {top: 21px;right: -2px;width:4px;height:4px;}
    .main_slide .swiper-container .swiper-pagination button em {height:16px; margin:0 0;}
    .main_slide .swiper-container .swiper-pagination button.mbtn1 em{width:29px; background-position:-125px -136px;}
    .main_slide .swiper-container .swiper-pagination button.mbtn2 em{width:29px; background-position:-157px -136px;}
    .main_slide .swiper-container .swiper-pagination button.mbtn3 em{width:30px; background-position:-189px -136px;}
    .main_slide .swiper-container .swiper-pagination button.mbtn1.swiper-pagination-bullet-active em{  width:29px; background-position:-125px -155px;}
    .main_slide .swiper-container .swiper-pagination button.mbtn2.swiper-pagination-bullet-active em{width:29px; background-position:-157px -155px;}
    .main_slide .swiper-container .swiper-pagination button.mbtn3.swiper-pagination-bullet-active em{width:30px; background-position:-189px -155px;}
    .main_slide .swiper-container .swiper-pagination button span {height:18px;}
    .main_slide .swiper-container .swiper-pagination button.swiper-pagination-bullet-active span {margin-right:10px;}
    .main_slide .swiper-container .swiper-pagination button.mbtn1.swiper-pagination-bullet-active span {width:25px; background-position:-90px -182px;}
    .main_slide .swiper-container .swiper-pagination button.mbtn2.swiper-pagination-bullet-active span {width:22px; background-position:-118px -182px;}
    .main_slide .swiper-container .swiper-pagination button.mbtn3.swiper-pagination-bullet-active span {width:18px; background-position:-143px -182px;}

    .slide1 .group1 .box1 #main_news .con_wrap {height:280px;}
    .slide1 .group1 .box1 #main_news > ul > li {height:50px;}
    .slide1 .group1 .box1 #main_news > ul > li a {padding:0;}
    .slide1 .group1 .box1 #main_news > ul > li .ico {display:none;}
    .slide1 .group1 .box1 #main_news > ul > li em {line-height:50px;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop {height:280px;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span img {width: 100%;height:100%;}
    .slide1 .group2 .box {width:50%;height: auto;padding: 25px 10px 0 20px;}
    .slide1 .group2 .box_wrap {height:290px;}
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__title {line-height:50px;font-size:17px;}
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content {top:62px;}
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li strong {font-size:16px;}
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__more {top:8px;}
    .slide1 .group2 .box2 {float:right;padding: 25px 20px 0 10px;width:50%;}
    .slide1 .group2 .box2 strong {line-height: 50px;font-size:17px;}
    .slide1 .group2 .box2 ul {overflow:hidden;margin: 9px 0 0;}
/*     .slide1 .group2 .box2 ul li {width:calc(100% - 14px);margin: 0 7px 10px;}
    .slide1 .group2 .box2 ul li p {height: 44px;font-size:16px;} */
    .slide1 .group2 .box2 .board__more {top: 10px;}
    .slide1 .group2 .box3 {width:100%;margin: 10px 0 0;padding: 0;}
    .slide1 .group2 .box3 ul li a {height: 75px;}
    .slide1 .group2 .box3 ul li span img {height:100%;}
    .slide1 .group1 .box2 {height:225px;}
    .slide1 .group1 .box2:after {right:40px; bottom:30px;}
    .slide1 .group1 .box2 .inner:before {right:0;bottom: 81px;}
    .slide1 .group1 .box2 ul {left:0;bottom:0;top: auto;width: 100%;}
    .slide1 .group1 .box2 ul li {height:54px;}
    .slide1 .group1 .box2 ul li .ico {display:block;}

    .slide2 .group1 .box1 {padding: 30px 25px 0;}
    .slide2 .group1 .box1 .title {position:relative;top: 0;left: 0;}
    .slide2 .group1 .box1 .title strong {width:217px;height:20px;margin: 0 auto 12px;background-position:-196px -355px;}
    .slide2 .group1 .box1 .title p {display:none;}
    .slide2 .group1 .box1 .word_wrap .item a {height:45px;line-height:41px;font-size: 15px;}
    .slide2 .group1 .box1 .morebtn {left:auto;right: 20px;top: 15px;bottom:auto;width: 50px;height: 50px;}
    .slide2 .group1 .box1 .morebtn span:before {width:13px;height: 2px;}
    .slide2 .group1 .box1 .morebtn span:after {width: 2px;height:13px;}
    .slide2 .group1 .box1 .a-obj {display:none;}
    .slide2 .group1 .box2 .inner {padding:30px;}
    .slide2 .group1 .box2 .tit {position:relative;left:0;top:0;}
    .slide2 .group1 .box2 .tit strong {width:102px;height:20px;margin: 0 auto 20px;background-position: -391px -316px;}
    .slide2 .group1 .box2 form input[type="text"]{width:calc(100% - 110px);height:45px; line-height:41px; font-size:15px;}
    .slide2 .group1 .box2 form .submit {width:105px;}
    .slide2 .group1 .box2 form input[type="submit"]{height:45px;line-height:41px;font-size:15px;}
    .slide2 .group2 .box_wrap {padding: 30px;}
    .slide2 .group2 .box .title {margin: 0 0 15px;font-size:17px;}
    .slide2 .group2 .box1 {width:calc(70% - 30px);}
    .slide2 .group2 .box1 ul {margin:0 -2px;}
    .slide2 .group2 .box1 ul li {width: calc(50% - 4px);margin: 0 2px 4px;height:50px;}
    .slide2 .group2 .box1 ul li a {padding: 0 0 0 65px;border-bottom: 1px solid #e5e5e5;text-align: left;}
    .slide2 .group2 .box1 ul li .ico {position: absolute;left:10px;top:12.5px;width: 25px;height: 25px;margin: 0;background-size: 250px 50px;}
    .slide2 .group2 .box1 ul li .ico.ico1 {background-position:0 -25px ;}
    .slide2 .group2 .box1 ul li .ico.ico2 {background-position:-25px -25px ;}
    .slide2 .group2 .box1 ul li .ico.ico3 {background-position:-50px -25px ;}
    .slide2 .group2 .box1 ul li .ico.ico4 {background-position:-75px -25px ;}
    .slide2 .group2 .box1 ul li .ico.ico5 {background-position:-100px -25px ;}
    .slide2 .group2 .box1 ul li .ico.ico6 {background-position:-125px -25px ;}
    .slide2 .group2 .box1 ul li .ico.ico7 {background-position:-150px -25px ;}
    .slide2 .group2 .box1 ul li .ico.ico8 {background-position:-175px -25px ;}
    .slide2 .group2 .box1 ul li em {line-height:50px;}
    .slide2 .group2 .box1 ul li.ex em {line-height:1.2;padding:6px 0 0;}
    .slide2 .group2 .box2 {width:30%;}
    .slide2 .group2 .box2 ul {margin:0 -2px;}
    .slide2 .group2 .box2 ul li {float: none;width: calc(100% - 4px);margin:0 2px 4px;padding:0;}
    .slide2 .group2 .box2 ul li:before {display:none;}
    .slide2 .group2 .box2 ul li a {height:50px; line-height:50px; background:#e5e5e5;text-align:center;}
    .slide2 .group2 .box2 ul li a em {font-size:15px;}
    .slide2 .group2 .box2 ul li a span:after {display:none;}
    .slide2 .group2 .box2 .thumb {display:none;}
    .slide2 .group2 .box3 {margin: 0;padding: 0 30px 30px;}
    .slide2 .group2 .box3:before {display:none;}
    .slide2 .group2 .box3 .title {float: none;width: 100%;text-align: center;}
    .slide2 .group2 .box3 ul {float: none;margin: 0 -2px;width: auto;}
    .slide2 .group2 .box3 ul li {width:calc(50% - 4px);height: 50px;margin:0 2px 4px;}
    .slide2 .group2 .box3 ul li a,
    .slide2 .group2 .box3 ul li.ex a {padding:0;background:#e5e5e5; text-align:center;}
    .slide2 .group2 .box3 ul li a em {display:inline-block; line-height:50px;}
    .slide2 .group2 .box3 ul li .ico {display:none;}


    .slide3 #calendar .title {height: 155px;padding:30px;}
    .slide3 #calendar .title .tit {display:none;}
    .slide3 #calendar .title .date {position:relative;top: 0;text-align: right;}
    .slide3 #calendar .title .date strong {float: left;font-size: 29px;line-height: 1;color:#fff;}
    .slide3 #calendar .title .date button {width:30px; height:30px;}
    .slide3 #calendar .title .tap-btn > div ul {margin: 20px -3px 0;}
    .slide3 #calendar .title .tap-btn > div ul li a {height:45px;line-height:41px;font-size: 16px;}
    .slide3 #calendar .title .tap-btn > div ul li span,
    .slide3 #calendar .title .tap-btn > button span {right:15px; top:10px; width:20px; height:21px; background-size:40px 105px;}
    .slide3 #calendar .title .tap-btn > div ul li span.ico1 {background-position:-20px 0;}
    .slide3 #calendar .title .tap-btn > div ul li span.ico2 {background-position:-20px -21px;}
    .slide3 #calendar .title .tap-btn > div ul li span.ico3 {background-position:-20px -42px;}
    .slide3 #calendar .title .tap-btn > div ul li span.ico4 {background-position:-20px -63px;}
    .slide3 #calendar .title .tap-btn > div ul li span.ico5 {background-position:-20px -84px;}
    .slide3 #calendar .title .tap-btn > div ul li a.ov span.ico1 {background-position:0 0;}
    .slide3 #calendar .title .tap-btn > div ul li a.ov span.ico2 {background-position:0 -21px;}
    .slide3 #calendar .title .tap-btn > div ul li a.ov span.ico3 {background-position:0 -42px;}
    .slide3 #calendar .title .tap-btn > div ul li a.ov span.ico4 {background-position:0 -63px;}
    .slide3 #calendar .title .tap-btn > div ul li a.ov span.ico5 {background-position:0 -84px;}
    .slide3 #calendar .con_wrap {height: 840px;padding: 25px 25px 0;background-size: 200px auto;}
    .slide3 #calendar .con_wrap .con .cal_list {height: 630px;}
    .slide3 #calendar .con_wrap .con .cal_list .slick-list {max-height: 675px;margin: 0 0 40px;}
    .slide3 #calendar .con_wrap .con .cal_list .item {width:50%;border: 5px solid transparent;}
    .slide3 #calendar .con_wrap .con .cal_list .item a {height: 200px;padding: 30px 30px 25px;}
    .slide3 #calendar .con_wrap .con .cal_list .item .cate {height: 25px;line-height: 25px;font-size:14px;}
    .slide3 #calendar .con_wrap .con .cal_list .item strong {margin: 8px 0;font-size: 17px;}
    .slide3 #calendar .con_wrap .con .cal_list .item ul li {margin:0;font-size: 15px;}
    .slide3 #calendar .con_wrap .con .cal_list .item ul li span {top:5px;}
}
@media screen and (max-width:800px){
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__title {margin-right:5px;}
}
@media screen and (max-width:767px){
    .layout {padding:0 20px;}

    .main_slide:before {height: 1436px;}
    .main_slide .bg {width:100%;height: 130px;}

    .main_slide .swiper-container {padding: 0 20px 125px;}
    .main_slide .swiper-container .swiper-wrapper {height:auto;}
    .main_slide .swiper-container .swiper-button-prev,
    .main_slide .swiper-container .swiper-button-next {/* display:none; */}
    .cont1 {margin:0 0 20px;}
    .cont1 .group strong {margin:0 auto 20px;}
    .cont1 .group ul li .ico {width: 20px;height:25px;margin:0 auto 10px;background-size: 276px 50px;}
    .cont1 .group ul li .ico.ico1 {background-position: -1px 0;}
    .cont1 .group ul li .ico.ico2 {background-position: -23px 0;}
    .cont1 .group ul li .ico.ico3 {background-position: -43px 0;}
    .cont1 .group ul li .ico.ico4 {background-position: -64px 0;}
    .cont1 .group ul li .ico.ico5 {background-position: -88px 0;}
    .cont1 .group ul li .ico.ico6 {background-position: -110px 0;}
    .cont1 .group ul li .ico.ico7 {background-position: -131px 0;}
    .cont1 .group ul li .ico.ico8 {background-position: -155px 0;}
    .cont1 .group ul li .ico.ico9 {background-position: -177px 0;}
    .cont1 .group ul li .ico.ico10 {background-position:-200px -25px;}
	.cont1 .group ul li .ico.ico11 {background-position: -473px -25px;}
    .cont1 .group ul li .ico.ico12 {background-position: -494px 0;}
    .cont1 .group ul li a:hover:after, .cont1 .group ul li a:focus:after {width: 70px;height: 70px;}
    .cont1 .group ul li em {font-size:14px;}

    .cont2 {margin:0 0 40px;}
    .cont2:before {bottom:-20px;}
    .cont2 .group ul li {width:50%;}
    .cont2 .group ul li:nth-child(3){display:none;}
    .cont2 .group ul li .front .cate {left:20px; top:20px;}

    .cont3 .group {position:relative;left:0;width: 100%;max-width: 320px;height: auto;margin: 0 auto;}
    .cont3 .group .mainpop_slide {padding:0 0 50px;}
    .cont3 .main-photo__skin .photo_list--wrap .slick-list {height:auto;}
    .cont3 .group .box1 .photo_list--item .picture span img {height:auto;}
    .cont3 .group2 {margin:30px 0 0;}
    .cont3 .group2 .box2 {width:100%;height: 355px;margin: 0;padding: 0 20px 20px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content {top: 85px;min-height: 215px;}
    .cont3 .group2 .box3 .inner {padding:20px;}
    .cont3 .group2 .box3 strong {position:relative;left:0;top: 0;margin: 0 auto 20px;}
    .cont3 .group2 .box3 ul li {width:calc(50% - 4px);margin:0 2px 4px;}
    .cont3 .group2 .box3 ul li a {height:50px; line-height:48px; font-size:15px;}

    .slide1 .group {padding: 10px;}
    .slide1 .group1 .box1 {padding:0;}
    .slide1 .group1 .box1 #main_news {margin: 0;padding:0;}
    .slide1 .group1 .box1 #main_news > ul {top: auto;left:0;bottom: 0;z-index: 2;width: 100%;background: #637076;}
    .slide1 .group1 .box1 #main_news > ul:after {display:block; clear:both; visibility:hidden; content:'';}
    .slide1 .group1 .box1 #main_news > ul li {float: left;height: 40px;}
    .slide1 .group1 .box1 #main_news > ul > li a {padding:0; text-align:center;}
    .slide1 .group1 .box1 #main_news > ul > li a:after {display:none;}
    .slide1 .group1 .box1 #main_news > ul > li a:before {right: 50%;top: -10px;margin:0 -10px 0 0;border-top:none;border-left: 10px solid transparent; border-right: 10px solid transparent;}
    .slide1 .group1 .box1 #main_news > ul > li:nth-child(1) a.ov:before{border-bottom: 10px solid #0179b8; border-left: 10px solid transparent;}
    .slide1 .group1 .box1 #main_news > ul > li:nth-child(2) a.ov:before{border-bottom: 10px solid #213769;    border-left: 10px solid transparent;}

    .slide1 .group1 .box1 #main_news > ul > li:nth-child(1) a {background:#0179b8;}
    .slide1 .group1 .box1 #main_news > ul > li:nth-child(2) a {background:#213769;}

    .slide1 .group1 .box1 #main_news > ul > li .ico {display:none;}
    .slide1 .group1 .box1 #main_news > ul > li em {line-height:40px;color: #fff;}
    .slide1 .group1 .box1 #main_news .con_wrap {height: 205px;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop {height: 205px;padding:0 0 40px;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span img {max-width: 1000%;min-height: auto;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control {left: auto;bottom: 9px;right: 10px;width:auto;z-index: 2;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control > div,
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control .paging {display:inline-block;margin: 0;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control .paging span {line-height:22px;vertical-align: middle;color: #fff;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="prev"]:before{right:0;border-width:0 0 2px 2px;border-color: #fff;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="next"]:before{left:0;border-width:2px 2px 0 0; border-color: #fff;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="stop"]:before{box-shadow: -2px 0 #fff, 2px 0 #fff;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .control button[data-control="play"]:before{border-color: transparent transparent transparent #fff;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span {position:relative;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span img {position:absolute; left:50%; top:50%;width:auto; max-width:1000%; height:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
    .slide1 .group1 .box2 {height:300px;margin: 10px 0 0;}

    .slide1 .group1 .box2 .inner {padding:20px 20px 0;}
    .slide1 .group1 .box2 .inner:before {right:0;bottom: 108px;}
    .slide1 .group1 .box2 strong span {display:block;font-size: 15px;}
    .slide1 .group1 .box2 strong {font-size:15px;}
    .slide1 .group1 .box2 p {max-width: 170px;font-size:14px;}
    .slide1 .group1 .box2 ul li {height:54px;}
    .slide1 .group1 .box2 ul li a {padding:6px 0 0;}
    .slide1 .group2 {padding:0 20px ;}
    .slide1 .group2 .box_wrap {height:auto;}
    .slide1 .group2 .box1 {float:none;width:100%;height: 235px;padding: 0;}
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__title {margin: 0;padding: 0 8px;font-size:15px;}
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content {top:50px;}
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li:before {top:10px;}
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li strong {font-size:14px;}
    .slide1 .group2 .box1 .main-board__skin .board__nav-item .board__content ul li .ir-icon__new {top:4px;}
    .slide1 .group2 .box2 {float:none;width:100%;padding: 0;}
    .slide1 .group2 .box2 strong {margin: 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:15px;}
    .slide1 .group2 .box2 ul {margin:0 0 0;}
    .slide1 .group2 .box2 ul li:nth-child(5) {display:none;}
    .slide1 .group2 .box2 ul li strong {font-size:14px;}
    .slide1 .group2 .box3 ul li {float:none; width:calc(100% - 16px);}
    .slide1 .group2 .box3 ul li a {border-bottom:none;}
    .slide1 .group2 .box3 ul li:last-child a {border-bottom:1px solid #ddd;}
    .slide1 .group2 .box3 ul li span {display:inline-block;position: absolute;left: 0;top: 0;width: auto;width: 240px;}
    .slide1 .group2 .box3 ul li span img {min-width:100%;}
    .slide1 .group2 .box3 ul li strong {display:block;overflow: hidden;line-height: 75px;padding: 0 10px 0 250px;font-size: 14px;color: #34404c;text-overflow: ellipsis;white-space: nowrap;}

    .slide2 .group1 .box1 {height: 400px;padding: 25px 15px 0;}
    .slide2 .group1 .box1 .word_wrap .slick-list {overflow:hidden;}
    .slide2 .group1 .box1 .word_wrap .slick-dots {margin: 10px 0 0;text-align:center;}
    .slide2 .group1 .box1 .word_wrap .slick-dots li {display:inline-block;padding:0 7px;}
    .slide2 .group1 .box1 .word_wrap .slick-dots li button {width:8px; height:8px; border-radius:50%; background:#fff; font-size:0;}
    .slide2 .group1 .box1 .word_wrap .slick-dots li.slick-active button{background:#0959ac;}
    .slide2 .group1 .box1 .morebtn {top:auto;left:auto;right:20px;bottom: 0px;}
    .slide2 .group1 .box2 .inner {padding: 25px 20px;}
    .slide2 .group1 .box2 form input[type="text"]{width:calc(100% - 80px);}
    .slide2 .group1 .box2 form .submit {width:75px;}
    .slide2 .group2 .box .title {text-align:center;}
    .slide2 .group2 .box_wrap {padding: 25px 20px 25px;}
    .slide2 .group2 .box1 {float:none; width:100%;}
    .slide2 .group2 .box2 {float:none;width:100%;margin: 25px 0 0;}
    .slide2 .group2 .box2 ul li {float: left;width: calc(50% - 4px);}
    .slide2 .group2 .box3 {padding: 0 20px;}
    .slide2 .group2 .box3 ul li.ex a {padding:7px 0 0;}
    .slide2 .group2 .box3 ul li.ex a em {display:block;}
    .slide2 .group2 .box3 ul li.ex a,
    .slide2 .group2 .box3 ul li.ex a em {line-height:1.3;}

    .slide3 #calendar .title {height: 145px;padding: 25px 20px;}
    .slide3 #calendar .title .tap-btn > div ul li {width: 100%;margin: 0;}
    .slide3 #calendar .con_wrap {height: 1020px;padding: 0 20px;background: #fff;}
    .slide3 #calendar .con_wrap .con .cal_list {height:960px;}
    .slide3 #calendar .con_wrap .con .cal_list .slick-list {max-height: 960px;}
    .slide3 #calendar .con_wrap .con .cal_list .item {width: 100%;border:none;}
    .slide3 #calendar .con_wrap .con .cal_list .item a {height: 160px;padding: 25px 0;border-radius: 0;border: none;border-bottom: 1px solid #e3e3e3;}
    .slide3 #calendar .con_wrap .con .cal_list .item a:hover,
    .slide3 #calendar .con_wrap .con .cal_list .item a:focus {border:none;border-bottom: 1px solid #e3e3e3;}
    .slide3 #calendar .con_wrap .con .cal_list .item .cate {position:absolute;right: 0;top: 20px;width: 40px;height: 40px;padding: 0;border-radius: 50%;line-height: 40px;text-align: center;}
    .slide3 #calendar .con_wrap .con .cal_list .item strong {margin:0 0 10px;margin-right: 40px;}
    .slide3 #calendar .con_wrap .con .control {top: 11px;width: 100%;}
    .slide3 #calendar .con_wrap .con .control:after {display:block; clear:both; visibility:hidden; content:'';}
    .slide3 #calendar .con_wrap .con .control > button {margin:0 5px;}
    .slide3 #calendar .con_wrap .con .control > button.btn_prev {float:left;}
    .slide3 #calendar .con_wrap .con .control > button.btn_next {float:right;}
    .slide3 #calendar .con_wrap .b-obj {display:none;}
    .slide3 #calendar .con_wrap .morebtn {right: 50%;bottom: -30px;margin-right: -45px;}
    .slide3 #calendar .con_wrap .morebtn em {-webkit-transform: scale(1.2);transform: scale(1.2);}

    .slide3 #calendar .title .tap-btn {margin:20px 0 0;z-index: 1;}
    .slide3 #calendar .title .tap-btn > button  {display:block;z-index:1;width:100%;height:45px;padding: 0 20px;border: 2px solid #fff;border-radius: 5px;background: #fff;color: #053d6b;font-weight: 700;font-size: 16px;text-align: left;}
    .slide3 #calendar .title .tap-btn > div {display:none;}
    .slide3 #calendar .title .tap-btn.on > div {display:block;position: absolute;width: 100%;height: 230px;}
    .slide3 #calendar .title .tap-btn > div ul {margin: 0;border: 2px solid #0179b8;border-radius: 5px;}
    .slide3 #calendar .title .tap-btn > div .clickClose {display: block;position:relative;width:50px;height:50px;margin: 0 auto;font-size:0;}
    .slide3 #calendar .title .tap-btn > div .clickClose:before{position:absolute; top:50%; left:50%;  width:30px; height:2px; margin:-1px 0 0 -15px; background-color:#0179b8; content:""; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
    .slide3 #calendar .title .tap-btn > div .clickClose:after{position:absolute; top:50%; left:50%; width:30px; height:2px; margin:-1px 0 0 -15px;  background-color:#0179b8; content:""; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
    .slide3 #calendar .title .tap-btn > button span {top: 13px;}
    .slide3 #calendar .title .tap-btn > div ul li a span.ico1,
    .slide3 #calendar .title .tap-btn > button span.ico1 {background-position:0 0;}
    .slide3 #calendar .title .tap-btn > div ul li a span.ico2,
    .slide3 #calendar .title .tap-btn > button span.ico2 {background-position:0 -21px;}
    .slide3 #calendar .title .tap-btn > div ul li a span.ico3,
    .slide3 #calendar .title .tap-btn > button span.ico3 {background-position:0 -42px;}
    .slide3 #calendar .title .tap-btn > div ul li a span.ico4,
    .slide3 #calendar .title .tap-btn > button span.ico4 {background-position:0 -63px;}
    .slide3 #calendar .title .tap-btn > div ul li a span.ico5,
    .slide3 #calendar .title .tap-btn > button span.ico5 {background-position:0 -84px;}
    .slide3 #calendar .title .tap-btn > div ul li a {background: #fff;color: #053d6b;}

    .slide3 #calendar .info-box {margin-top: 40px;}

    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span img {position: absolute; left: 50%; top: 50%; width: auto; max-width: 1000%; height: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
}
@media screen and (max-width:500px){

    .cont2 .group ul li {float:none; width:100%;}
    .cont2 .group ul li:nth-child(2) {display:none;}

    .slide1 .group1 .box1 #main_news > ul li {width:80px;}
    .slide1 .group1 .box1 #main_news > ul li em {font-size:14px;}
    .slide1 .group1 .box1 #main_news .con_wrap .con .newspop .photo_list--wrap .picture span img {width:100%;}
    .slide1 .group1 .box2 ul li a {font-size:13px;}


    .slide1 .group2 .box3 ul li span {display: block;position:static;margin:0 auto;}
    .slide1 .group2 .box3 ul li strong {display:none;}

    .slide2 .group2 .box1 ul li a {padding:0; border:none; background:#e5e5e5;text-align:center;}
    .slide2 .group2 .box1 ul li .ico {display:none;}
    
    /* 자주찾는메뉴 임시 반응형2  */
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n1 .board__content ul li{width:50%}
    .cont3 .group2 .box2{height:385px;}
}
@media screen and (max-width:400px){
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a {padding: 4px 0 4px 0;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li:before {left:-5px;}
    .slide1 .group1 .box1 #main_news > ul li {width:70px;}
}

@media(max-width:370px){
    .cont3 .group2 .box2 {height: 597px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li,
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2 .board__content ul li { width:100%; }
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n1 .board__content ul li{width:100%}
    
}

/* 키워드검색 */
.ir-bbs {background-image: url(/images/skin/ir-bbs.png);background-repeat: no-repeat;}
.btn {border-radius: 3px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.btn-default, .btn-default:link, .btn-default:visited {border-color: #48546d;background-color: #fff; color: #48546d;}

#ajaxLayer {position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background: rgba(0,0,0,.8);}
.search_pop {position:absolute; left:50%; top:50%; width:1200px; height:690px; margin:-345px 0 0 -600px;background:#fff;}
.search_pop #search_box {height:100%;}
.search_pop #search_box .top_tit{position: relative;min-height: 95px;padding: 0 0 0 150px;background: #197bbf url(/images/kr/main/search_bg.png)no-repeat right center;background-size: auto 100%;color:#fff;text-align:left;}
.search_pop #search_box .top_tit:before {display:block;position:absolute;left:35px;top: -35px;content:'';width: 94px;height: 119px;background: url(/images/kr/main/pop_img.png)no-repeat;}
.search_pop #search_box .top_tit > div {display:inline-block;position: absolute;top: 50%;padding-right: 95px;vertical-align:middle;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.search_pop #search_box .top_tit span {display:inline-block;position:relative;line-height: 1.2;vertical-align:middle;}
.search_pop #search_box .top_tit .sp1 {position: relative;padding: 0 40px 0 0;font-size:28px;color:#fff;font-weight:700;}
.search_pop #search_box .top_tit .sp1:after {display:block;position:absolute;right:20px;top: 5px;bottom: 5px;content:'';width:1px;height:auto;background: #5ea3d2;}
.search_pop #search_box .top_tit .sp2 {font-size:19px;}
.search_pop #search_box .top_tit .sp2 b {display:inline-block;margin: -5px 0 0;color:#ffd800;vertical-align:middle;}
.search_pop #search_box .top_tit .sp2 em {display:inline-block;width:45px;height:45px;margin: -5px 3px 0;border-radius:50%;background: #ffd800;color:#282828;line-height:45px;vertical-align:middle;text-align:center;font-weight: 700;font-size: 17px;}
.search_pop #search_box .inner {overflow-y:auto; position:relative; height: calc(100% - 155px);padding: 60px 60px 0;text-align:left;}
.search_pop #search_box .inner .searchcon {}
.search_pop #search_box .inner .searchcon .s_box {}
.search_pop #search_box .inner .searchcon .s_box a {display:block;position:relative;width:100%;height: 100px;margin:0 0 15px;padding:25px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.search_pop #search_box .inner .searchcon .s_box a:after {display:block; position:absolute;left:-1px; top:-1px; width:100%; height:100%; border-radius:5px; border:1px solid #e3e3e3; content:'';-webkit-transition:all 0.3s;transition:all 0.3s;}
.search_pop #search_box .inner .searchcon .s_box a:hover:after,
.search_pop #search_box .inner .searchcon .s_box a:focus:after {border:2px solid #197bbf;box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
.search_pop #search_box .inner .searchcon .s_box a > div {position:absolute;left: 0;top:50%;width: 100%;padding: 0 25px;padding-right: 170px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.search_pop #search_box .inner .searchcon .s_box a > div .site {display:inline-block;margin-right: 10px;font-size:16px;font-weight:700;color:#282828;}
.search_pop #search_box .inner .searchcon .s_box a > div .menu {display:inline-block;}
.search_pop #search_box .inner .searchcon .s_box a > div .menu > span{display: inline;position: relative;font-size:16px;color:#828282;}
.search_pop #search_box .inner .searchcon .s_box a > div .menu > span:before {display:block; opacity:0; position:absolute;left:-5px; right:-5px; bottom:0;  z-index:-1; content:''; width:auto; height:9px; background:#e2edf7;-webkit-transition:all 0.3s;transition:all 0.3s;}
.search_pop #search_box .inner .searchcon .s_box a > div .menu > span:after {display: inline-block;margin:0 5px;content:">";}
.search_pop #search_box .inner .searchcon .s_box a > div .menu > span:last-child:after {display:none;}
.search_pop #search_box .inner .searchcon .s_box .btn {position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.search_pop #search_box .inner .searchcon .s_box a:hover > div .menu > span:before,
.search_pop #search_box .inner .searchcon .s_box a:focus > div .menu > span:before {opacity:1;}
.search_pop #search_box .inner .searchcon .s_box a:hover .btn,
.search_pop #search_box .inner .searchcon .s_box a:focus .btn {border-color: #48546d;background-color: #48546d;color: #fff;}
.search_pop #search_box .inner .searchcon .s_box a:hover .btn .ir-home,
.search_pop #search_box .inner .searchcon .s_box a:focus .btn .ir-home {background-position: -198px -213px;}
.search_pop #search_box .modal__close{display:block;overflow: hidden;position:absolute;top:0;right:0;width:95px;height:95px;border:0;font-size:0;}
.search_pop #search_box .modal__close button {display:block; width:100%; height:100%;}
.search_pop #search_box .modal__close button:focus {border:1px dotted #000;}
.search_pop #search_box .modal__close button:before,
.search_pop #search_box .modal__close button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.search_pop #search_box .modal__close button:before {width:35px;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.search_pop #search_box .modal__close button:after {width: 2px;height:35px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

@media screen and (max-width:1299px){
    .search_pop { left:5%; top:5%; right:5%; bottom:5%; width:auto; height:auto; margin:0;}
}
@media screen and (max-width:1023px){
    .search_pop #search_box .inner {height: calc(100% - 125px);padding: 30px 30px 0;}
    .search_pop #search_box .top_tit {padding:0 0 0 35px;}
    .search_pop #search_box .top_tit:before {display:none;}
    .search_pop #search_box .top_tit .sp1 {font-size: 23px;}
    .search_pop #search_box .top_tit .sp1:after {top:5px; bottom:5px;}
    .search_pop #search_box .top_tit .sp2 {font-size: 16px;}
}
@media screen and (max-width:767px){
    .search_pop #search_box .top_tit {height:120px;padding: 0 0 0 20px;}
    .search_pop #search_box .top_tit > div {padding-right:45px;}
	.search_pop #search_box .top_tit span {display:block;}
	.search_pop #search_box .top_tit .sp1 {margin: 0 0 10px;font-size:20px;}
	.search_pop #search_box .top_tit .sp1:after {display:none;}
	.search_pop #search_box .top_tit .sp2 em {width:auto;height:auto;padding: 0;border-radius: 0;background: none;line-height: 1.6;color: #ffd800;}
	.search_pop #search_box .inner {padding:30px 20px;}
	.search_pop #search_box .inner .searchcon .s_box a {height: auto;padding: 25px 20px;}
	.search_pop #search_box .inner .searchcon .s_box a > div {position:static;padding:0;-webkit-transform: none;transform: none;}
	.search_pop #search_box .inner .searchcon .s_box .btn {display:none;}
	.search_pop #search_box .modal__close {top:10px; right:10px; width:35px; height:35px;}
}

/* 메인하단 자주찾는메뉴 */
@media screen and (min-width:1480px){
    .cont3 .group2 {height: 400px;}
    .cont3 .group2 .box2 strong {margin:0 0 15px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin {margin:0 -15px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item {height:auto;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button {width:100%;height: 60px;line-height: 60px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item button .ico {display:inline-block;margin: -3px 15px 0 0;vertical-align: middle;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item,
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.active {width:calc(33.33% - 30px); margin:0 15px;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content {display: block !important;opacity: 1;top: 60px;left: 0;height: 230px;padding: 15px 0 0 5px;border: none;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n1 .board__content,
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n2 .board__content,
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item.n3 .board__content {border:none;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li {width:50%;}
    .cont3 .group2 .box2 #tab_wrap .main-board__skin .board__nav-item .board__content ul li a {font-size: 15px;}
    .cont3 .group2 .box3 p {margin: 0 0 10px;line-height:1.4;color:#e9ebed;}
    .cont3 .group2 .box3 ul li {margin: 5px 0;}
}
/* 메인하단 자주찾는메뉴 */

/* 메인팝업 */
#popup{position:absolute;top:200px;left:30px;z-index: 999;}
#popup1{position:absolute;top:200px;left:600px;z-index: 9998;}
#popup2{position:absolute;top:250px;left:1030px;z-index: 9989;}
.popup_box .new_pop_bg {background: #000; padding:6px 0px;}
.popup_box .new_pop_bt_bg {background: #000; padding: 3px 10px 3px;}
.new_pop_font{color:#fff;line-height:25px;margin-right: 10px; float: right;}
.new_pop_close {color:#fff}
.new_pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
/* 메인팝업 End */

/* 메인슬라이드 */
.swiper-container .sp_wrap{display: inline-block;margin-left:15px;}
.swiper-container .sp_wrap button{font-size:0;}
.swiper-container .sp_wrap .stop{background: url(/images/kr/main/stop.png) no-repeat;width:53px;height:53px;display: inline-block;}
.swiper-container .sp_wrap .play{background: url(/images/kr/main/play.png) no-repeat;width:53px;height:53px;display: inline-block;}
.swiper-container .sp_wrap .stop{display: none;}
 @media(max-width:410px){
        .swiper-container .sp_wrap{margin-left:10px;}
}
/* 메인슬라이드 End*/

/* 미세먼지 */
.main_slide .main_sns ul#_weather li.finedust {display:inline-block; margin-left:8px;}
.main_slide .main_sns ul#_weather li.finedust p {font-weight:700; font-size:12px; line-height:2.3; text-align:right}
.main_slide .main_sns ul#_weather li.finedust p span {background:rgba(255, 255, 255, 0.8); padding:4px 32px 4px 8px; border-radius:15px; position:relative; margin-left:5px;}
.main_slide .main_sns ul#_weather li.finedust p span:before {content:''; position:absolute;right:5px; top:2px; width:22px; height:22px; background:url('/images/kr/common/finedust_ico.png') no-repeat }
.main_slide .main_sns ul#_weather li.finedust p.fd_ico01 span:before {background-position:0 0;}/*좋음*/
.main_slide .main_sns ul#_weather li.finedust p.fd_ico02 span:before {background-position:-23px 0;}/*보통*/
.main_slide .main_sns ul#_weather li.finedust p.fd_ico03 span:before {background-position:-47px 0;}/*나쁨*/
/* 미세먼지 end */



/* 쉬운우리말사전 */
.cont3 .group2 .box4 {float:right;width:320px;background:#213769;padding: 27px 35px;height: 120px;position:relative;}
.cont3 .group2 .box4:after {content:'';display:block;position:absolute;width:112px;height:129px;background:url('/images/kr/main/box4_bg.png');right: 10px;top: -5px;}
.cont3 .group2 .box4 strong {display:inline-block;text-indent:-9999px;background:url('/images/kr/main/box4_title.png');width: 138px;height: 19px;}
.cont3 .group2 .box4 p {color: #e9ebed;line-height: 1.5;}
@media (max-width:1479px){
    .cont3 .group2 .box3 {height:auto;width:calc(100% - 350px);margin-left:30px;}
    .cont3 .group2 .box3 .inner {padding: 31px 150px 31px 220px;}
    .cont3 .group2 .box4 {float:left; height:auto; margin:30px 0 0;}
}
@media (max-width:1300px){
    .cont3 .group2 .box3 ul li {width:calc(50% - 4px); margin-top:5px}
    .cont3 .group2 .box3 .inner {padding: 24px 150px 24px 220px;}
    .cont3 .group2 .box4 {min-height:178px;}
    .cont3 .group2 .box4 p {margin-top:20px}
    .cont3 .group2 .box4:after {top:40px;}
}
@media (max-width:1023px){
    .cont3 .group2 .box3 .inner {padding: 24px 30px 24px 170px;}
}
@media (max-width:880px){
    .cont3 .group2 .box3 strong {position:relative;left:0;top: 0;margin: 0 auto 20px;}
    .cont3 .group2 .box3 .inner {padding: 24px 30px 24px 30px;}
    .cont3 .group2 .box4 {min-height:217px;}
    .cont3 .group2 .box4 p {margin-top:0}
    .cont3 .group2 .box4:after {top:70px;}
}
@media (max-width:767px){
    .cont3 .group2 .box4 {width:100%; min-height:auto;}
    .cont3 .group2 .box3 {width:100%;}
    .cont3 .group2 .box4 p {display:inline-block; vertical-align:top; margin-left:30px;}
    .cont3 .group2 .box4:after {top:-20px}
}
@media (max-width:490px){
    .cont3 .group2 .box4:after {display:none;}
    .cont3 .group2 .box4 strong {margin:0 auto; display:block;}
    .cont3 .group2 .box4 p {text-align:center; display:block; margin-left:0; margin-top:20px;}
}
/* 쉬운우리말사전 End*/