@charset "utf-8";

* {font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;}
a, abbr, address, article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video{font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;}
@-webkit-keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}
@keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}
@keyframes tittxt{0%{-webkit-transform: translateY(100%);transform: translateY(100%);}100%{-webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes tittxt{0%{-webkit-transform: translateY(100%);transform: translateY(100%);}100%{-webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes kenburns-bottom {0% {transform:scale(1.1) rotate(0.01deg);}100% {transform:scale(1) rotate(0.01deg);}}
@keyframes kenburns-bottom {0% {transform:scale(1.1) rotate(0.01deg);}100% {transform:scale(1) rotate(0.01deg);}}
@-webkit-keyframes showup {0% {opacity:0;}100% {opacity:1;}}
@keyframes showup {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes ball-scroll{0%{top:25%;opacity:1;}20%{top:50%;opacity:1;}50%{top:75%;opacity:0;}100%{top:25%;opacity:0;}}
@keyframes ball-scroll{0%{top:25%;opacity:1;}20%{top:50%;opacity:1;}50%{top:75%;opacity:0;}100%{top:25%;opacity:0;}}
@-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 boat{0%,50%,100%{right:-20px;transform:rotate(0);-webkit-transform:rotate(0);}25%,75%{right:-30px;transform:rotate(-2deg);-webkit-transform:rotate(-2deg);}}
@keyframes boat{0%,50%,100%{right:-20px;transform:rotate(0);-webkit-transform:rotate(0);}25%,75%{right:-30px;transform:rotate(-2deg);-webkit-transform:rotate(-2deg);}}
@-webkit-keyframes wave {0% {transform: translate(0); -webkit-transform: translate(0)}50% {transform: translate(-8px, -8px); -webkit-transform: translate(-8px, -8px);}100% {transform: translate(0); -webkit-transform: translate(0)}}
@keyframes wave {0% {transform: translate(0); -webkit-transform: translate(0)}50% {transform: translate(-8px, -8px); -webkit-transform: translate(-8px, -8px);}100% {transform: translate(0); -webkit-transform: translate(0)}}
@-webkit-keyframes wave2{0%,50%,100%{transform:rotate(0) translate(0,0);-webkit-transform:rotate(0) translate(0,0);}25%{transform:rotate(-2deg) translate(-15px,-15px);-webkit-transform:rotate(-2deg) translate(-15px,-15px);}75%{transform:rotate(0) translate(-10px,-10px);-webkit-transform:rotate(0) translate(-10px,-10px);}}
@keyframes wave2{0%,50%,100%{transform:rotate(0) translate(0,0);-webkit-transform:rotate(0) translate(0,0);}25%{transform:rotate(-2deg) translate(-15px,-15px);-webkit-transform:rotate(-2deg) translate(-15px,-15px);}75%{transform:rotate(0) translate(-10px,-10px);-webkit-transform:rotate(0) translate(-10px,-10px);}}
@-webkit-keyframes wobble-hor-bottom {0%,100% { -webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transform-origin: bottom;transform-origin: bottom;}15% {-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);}30% {-webkit-transform: translateX(1px) rotate(1deg);transform: translateX(1px) rotate(1deg);}45% {-webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg);}60% { -webkit-transform: translateX(1px) rotate(1deg);transform: translateX(1px) rotate(1deg);}75% {-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);}}
@keyframes wobble-hor-bottom {0%,100% { -webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transform-origin: bottom;transform-origin: bottom;}15% {-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);}30% {-webkit-transform: translateX(1px) rotate(1deg);transform: translateX(1px) rotate(1deg);}45% {-webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg);}60% { -webkit-transform: translateX(1px) rotate(1deg);transform: translateX(1px) rotate(1deg);}75% {-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);}}
@-webkit-keyframes arr {0%,100% {-webkit-transform:translateX(0);}50% {-webkit-transform:translateX(5px);}}
@keyframes arr {0%,100% {transform:translateX(0);}50% {transform:translateX(5px);}}
@-webkit-keyframes spinspin2 {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform:rotate(720deg);}}
@keyframes spinspin2 {0% {transform: rotate(0deg);}100% {transform:rotate(720deg);}}

.clear:after {display:block; clear:both; visibility:hidden; content:'';}
.m_ir {background-image:url(/images/kor/main/main_ir_2023_02.png?ver=20241209);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;}

#main_visual {overflow:hidden;position: relative;width:100%;height: 750px;}
#main_visual svg{position:absolute;left:50%;top:50%;width:120%;height:120%;transform: translate(-50%, -50%);}
#turbulence{}
#main_visual .bg_obj {position: absolute;left: -319px;top: -193px;z-index: 1;width: 920px;height: 978px;background: url(/images/kor/main/obj2.png)no-repeat right top;-webkit-animation: wave2 8s ease infinite;animation: wave2 8s ease infinite;transform-origin: center;}
#main_visual .mouse{position:absolute;left:0;top: 190px;z-index: 2;width:105px;height:431px;padding: 105px 5px 0 0;background:url(/images/kor/main/bg3.png)no-repeat center;text-align:center;}
#main_visual .mouse .line {width:1px; height:40px; margin:0 auto; background:#fff;}
#main_visual .mouse-shape{display:block;position:relative;width:14px;height:20px;margin: 15px auto;border:2px solid #fff;border-radius:22px;}
#main_visual .mouse-shape .mouse-animation{display:block;position:absolute;top:25%;left:50%;width:2px;height:6px;margin-left:-1px;background-color:#fff;animation:ball-scroll 2s linear infinite;-webkit-animation:ball-scroll 2s linear infinite;}
#main_visual .mouse .mouse-msg{font-size: 14px;color:#fff;font-weight:bold;line-height: 1.3;text-shadow: 3px 3px 3px rgba(0,0,0,.2);}
#main_visual .viewer_area {position: relative;width:100%;height:100%;}
#main_visual .slick-list {width:100%; height:100%;}
#main_visual .slick-list .slick-track {width:100%; height:100%;}
#main_visual .slick-list .slick-slide {overflow: hidden;width:100%;height:100%;}
#main_visual .slick-list .slick-slide>div {width:100%; height:100%;}
#main_visual .images_fade {position: relative;width:100%;height:100%;}
#main_visual .images_fade .img {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:center;z-index:1}
#main_visual .main_video .img {background-image:url(/images/kor/main/main_video.jpg);}
/*#main_visual .images_fade1 .img {background-image:url(/images/kor/main/visual01.jpg);}*/
/*#main_visual .images_fade2 .img {background-image:url(/images/kor/main/visual02.jpg);}*/
/*#main_visual .images_fade3 .img {background-image:url(/images/kor/main/visual03.jpg);}*/
/* #main_visual .images_fade3 .img:before{content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;background-image:url(/images/kor/main/visual03.jpg);filter: url("#turbulence");z-index:2;transform: translate(-50%, -50%);} */
/*#main_visual .images_fade4 .img {background-image:url(/images/kor/main/visual04.jpg);}*/
/* #main_visual .images_fade4 .img:before{content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;background-image:url(/images/kor/main/visual04.jpg);filter: url("#turbulence");z-index:2;transform: translate(-50%, -50%);} */
#main_visual .images_fade .img .videowrap {position:relative; width:100%; height:100%;}
#main_visual .images_fade .img .videowrap video{position:absolute;left:50%;top:50%;width: 100%;height: auto;transform: translate(-50%,-50%) rotate(0.01deg);-webkit-transform: translate(-50%,-50%) rotate(0.01deg);}
#main_visual .images_fade .tit {padding: 220px 20px 0;z-index: 3;}
#main_visual .images_fade .tit > span {display:block;color:#fff;font-size: 15px;}
#main_visual .images_fade .tit strong {display:block;margin: 15px 0;}
#main_visual .images_fade .tit strong > span {display:block;line-height:1.3;font-size:45px;font-weight:bold;color:#fff;}
#main_visual .images_fade .tit p {}
#main_visual .images_fade .tit p > span {display:block;line-height:1.5;font-size:17px;color:#fff;}
#main_visual .paging {position:absolute;left: 50%;bottom: 140px;z-index: 10;margin-left: -600px;}
#main_visual .paging .slick-dots {display:inline-block;position: relative;width: 600px;height: 1px;margin-right: 10px;background: rgba(255, 255, 255, 0.3);}
#main_visual .paging .slick-dots:after{display:block; clear:both; visibility:hidden; content:'';}
#main_visual .paging .slick-dots li {display:inline-block;float:left;position: relative;width: 150px;height: 100%;}
#main_visual .paging .slick-dots li button {position:absolute; left:0; top:0;width:0;height:100%;background: #fff;font-size:0;}
#main_visual .paging .slick-dots li button:focus {outline:1px dotted #eee;}
#main_visual .paging .slick-dots li.slick-active button {-webkit-animation: ProgressDots 17s linear;animation: ProgressDots 17s linear;}
#main_visual .paging .inner {display:inline-block;position:relative;z-index: 11;vertical-align: top;}
#main_visual .paging .inner button{display:inline-block;overflow: hidden;position:relative;margin: 0;width: 28px;height: 28px;vertical-align:middle;font-size:0;}
#main_visual .paging .inner button:focus {outline:1px dotted #eee;}
#main_visual .paging .inner button.pause,
#main_visual .paging .inner button.play {border: 1px solid #fff;border-radius: 50%;}
#main_visual .paging .inner button:before,
#main_visual .paging .inner button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main_visual .paging .inner button.slick-prev:before{width: 0;height: 0;border-width: 5px 6px 5px 0;border-style: solid;border-color: transparent #fff transparent transparent ;}
#main_visual .paging .inner button.slick-next:before{width: 0;height: 0;border-width: 5px 0 5px 6px;border-style: solid;border-color: transparent transparent transparent #fff;}
#main_visual .paging .inner button.pause:before{width: 2px;height: 8px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
#main_visual .paging .inner button.play:before{left: 2px;width: 0;height: 0;border-width: 5px 0 5px 7px;border-style: solid;border-color: transparent transparent transparent #fff;}
#main_visual .slider-nav {overflow: hidden;position: absolute;z-index: 11;left: 50%;bottom: 138px;width:600px;height: 54px;margin-left: -600px;}
#main_visual .slider-nav .slick-list {overflow: visible;height: 54px !important;}
#main_visual .slider-nav .slick-list .slick-track {height: auto;transform: none !important;}
#main_visual .slider-nav .slick-list .slick-track:after {display:block; clear:both; visibility:hidden; content:'';}
#main_visual .slider-nav .slick-list .slick-slide {overflow: visible;float:left;position:relative;width:150px;height: auto;} 
#main_visual .slider-nav .slick-list .slick-slide div {}
#main_visual .slider-nav .slick-list .slick-slide div button {display:block;width: 80px;height:100%;text-align: left;}
#main_visual .slider-nav .slick-list .slick-slide div button:focus {outline:1px dotted #eee;}
#main_visual .slider-nav .slick-list .slick-slide div em {display:inline-block;/* position:relative; *//* left:50%; */font-size:16px;color:#fff;/* transform:translateX(-50%); *//* -webkit-transform:translateX(-50%); */}
#main_visual .slider-nav .slick-list .slick-slide div span {display:block;width:24px;height:24px;margin: 7px 0 0;background:url(/images/kor/main/visual_dot.png)no-repeat -24px 0;}
#main_visual .slider-nav .slick-list .slick-slide.slick-current span {background-position:0 0;} 

.cont1 {border-bottom:1px solid #ddd; }
.cont1 .group {position: relative;height:100px;padding-right: 160px;}
.cont1 .group .box1 {position:absolute;right:0;top:-10px;width:160px;height:75px;}
.cont1 .group .box1 .info_map {}
.cont1 .group .box1 .info_map.on {}
.cont1 .group .box1 .info_map >button {display:block;position: relative;width:100%;height:75px;padding: 0 25px;border-radius: 0 0 0 20px;background:#006abe;}
.cont1 .group .box1 .info_map >button:before {display:block;position:absolute;top: 13px;right: 0;content:'';width: 50px;height:49px;background-image:url(/images/kor/main/main_ir.png);background-position: 0 -84px;}
.cont1 .group .box1 .info_map >button:after {display:block;position:absolute;right:-10px;top:0;content:'';border-top:10px solid transparent;border-left: 10px solid #053e7e;}
.cont1 .group .box1 .info_map >button span {display:block;width:70px;height:20px;background-position: 0 -61px;vertical-align: top;}
.cont1 .group .box1 .info_map >button span {}
.cont1 .group .box1 .info_map >a {display:block;position: relative;width:100%;height:75px;padding: 27.5px 25px 0;border-radius: 0 0 0 20px;background:#006abe;}
.cont1 .group .box1 .info_map >a:before {display:block;position:absolute;top: 13px;right: 0;content:'';width: 50px;height:49px;background-image:url(/images/kor/main/main_ir.png);background-position: 0 -84px;}
.cont1 .group .box1 .info_map >a:after {display:block;position:absolute;right:-10px;top:0;content:'';border-top:10px solid transparent;border-left: 10px solid #053e7e;}
.cont1 .group .box1 .info_map >a span {display:block;width:70px;height:20px;background-position: 0 -61px;vertical-align: top;}
.cont1 .group .box1 .info_map >a span {}
.cont1 .group .box1 .info_map >div {display:none;position: absolute;right: 0;bottom: 120px;z-index: 9999;width: 1240px;height: 630px;padding: 25px 20px 0 70px;border-radius: 10px;background: #fff;}
.cont1 .group .box1 .info_map.on >div {display:block;}
.cont1 .group .box1 .info_map >div:after {display:block; position:absolute;bottom:-30px; right:45px; content:''; border-right:25px solid transparent; border-left:25px solid transparent; border-top:30px solid #fff;}
.cont1 .group .box1 .info_map >div .title {position: absolute; left: 70px;top: 65px;max-width: 480px;}
.cont1 .group .box1 .info_map >div .title strong {display:block; font-size:32px; color:#222;}
.cont1 .group .box1 .info_map >div .title strong span {display:inline-block;font-weight:bold;color: #004a84;}
.cont1 .group .box1 .info_map >div .inner {}
.cont1 .group .box1 .info_map >div .modal__close-button {display: block;position:absolute;z-index: 100;right:35px;bottom:35px;width:40px;height:40px;/* background: #fff; */font-size:0;}
.cont1 .group .box1 .info_map >div .modal__close-button:before,
.cont1 .group .box1 .info_map >div .modal__close-button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.cont1 .group .box1 .info_map >div .modal__close-button:before {width:100%;height: 1px;background: #999;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.cont1 .group .box1 .info_map >div .modal__close-button:after {width: 1px;height:100%;background: #999;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

#f-locateAnchor {}
#f-locateAnchor:after {display:block; clear:both; visibility:hidden; content:'';}
#f-locateAnchor .infop {margin: 0 0 15px;font-size:17px;color:#333;text-align: left;}
#f-locateAnchor .infop.p2,
#f-locateAnchor .infop.p3 {display:none;}
#f-locateAnchor .locate-map {float:right;position: relative;width: 540px;text-align: right;}
#f-locateAnchor .locate-map img {}
#f-locateAnchor .locate-map .marker {}
#f-locateAnchor .locate-map .marker button {position:absolute;width:27px;height:27px;border-radius:50%;background: transparent;font-size:0;}
#f-locateAnchor .locate-map .marker button:before {}
#f-locateAnchor .locate-map .marker button.ov {}
#f-locateAnchor .locate-map .marker button.ov:before {display:block;position:absolute;left:50%;top: -30px;content:'';width:32px;height:38px;margin-left:-16px;background:url(/images/kor/main/marker.png)no-repeat;-webkit-animation: vibes2 1.5s ease infinite;animation: vibes2 1.5s ease infinite;}
#f-locateAnchor .locate-map .marker button span {}
#f-locateAnchor .locate-map .marker button:focus {outline:1px dotted #000;}
#f-locateAnchor .locate-map .marker button.museum01 {left: 14%;top: 17.5%;}
#f-locateAnchor .locate-map .marker button.museum02 {left: 44.5%;top: 12.5%;}
#f-locateAnchor .locate-map .marker button.museum03 {left: 11%;top: 22%;}
#f-locateAnchor .locate-map .marker button.museum04 {left: 51%;top: 20.5%;}
#f-locateAnchor .locate-map .marker button.museum05 {left: 20%;top: 41%;}
#f-locateAnchor .locate-map .marker button.museum06 {left: 26%;top: 46%;}
#f-locateAnchor .locate-map .marker button.museum07 {left: 36.5%;top: 43.5%;}
#f-locateAnchor .locate-map .marker button.museum08 {left: 63%;top: 44%;}
#f-locateAnchor .locate-map .marker button.museum09 {left: 29%;top: 54%;}
#f-locateAnchor .locate-map .marker button.museum10 {left: 65%;top: 57%;}
#f-locateAnchor .locate-map .marker button.museum11 {left: 63%;top: 63%;}
#f-locateAnchor .locate-map .marker button.museum12 {left: 54%;top: 63%;}
#f-locateAnchor .locate-map .marker button.museum13 {left: 50%;top: 68%;}
#f-locateAnchor .locate-map .marker button.museum14 {left: 43%;top: 68%;}
#f-locateAnchor .locate-map .marker button.museum15 {left: 40%;top: 73%;}
#f-locateAnchor .locate-map .marker button.museum16 {left: 34%;top: 78%;}
#f-locateAnchor .locate-map .marker button.museum17 {left: 33%;top: 94.5%;}
#f-locateAnchor .locate-map .marker button.museum18 {left: 25%;top: 79%;}
#f-locateAnchor .locate-map .marker button.museum19 {left: 23%;top: 71%;}
#f-locateAnchor .locate-map .marker button.museum20 {left: 24.5%;top: 36%;}
#f-locateAnchor .locate-map .marker button.museum21 {left: 38%;top: 42%;}
#f-locateAnchor .locate-search {float:left;position: relative;width: 490px;margin: 100px 0 0;}
#f-locateAnchor .locate-search >button {display:block;position: relative;width: 100%;height:60px;padding-left:30px;border-bottom:2px solid #058fd3;background: #fff url(/images/kor/main/marker.png)no-repeat left center;background-size: 22px auto;text-align: left;} 
#f-locateAnchor .locate-search >button:after {display: block;position: absolute;top: 25px;right: 15px;content: '';width: 6px;height: 6px;border: solid #7f7f7f;border-width:0 0 2px 2px ;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#f-locateAnchor .locate-search >button strong {display:block; line-height:60px; font-size:24px; font-weight:bold; color:#333;}
#f-locateAnchor .locate-search .clickClose3 {display: none;position:absolute;left:0;top: 111px;width: 100%;height:60px;font-size:0;}
#f-locateAnchor .locate-search .clickClose3:after {border-width:2px 2px 0 0 ;}
#f-locateAnchor .locate-search.on .clickClose3 {display:block;}
#f-locateAnchor .locate-search .button-group {display:none;position: absolute;left: 0;top: 185px;width:100%;height:315px;padding: 15px;background: #0d72c1;} 
#f-locateAnchor .locate-search.on .button-group {display:block;}
#f-locateAnchor .locate-search .button-group > .buttonwrap {overflow-y: auto;width: 100%;height: 100%;} 
#f-locateAnchor .locate-search .button-group > .buttonwrap .mCSB_scrollTools {right:0;}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div {}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div button {display:block;width: 100%;line-height:40px;padding: 0 15px;font-size:18px;font-weight:bold;color:#fff;text-align: left;}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div button.ov {}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div button:hover,
#f-locateAnchor .locate-search .button-group > .buttonwrap .div button:focus {background:rgba(255,255,255,.1);}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div .infotext {display:none;}

#f-locateAnchor .selectinfo {}
#f-locateAnchor .selectinfo strong {display:block;margin: 30px 0 0;padding-left: 15px;background: url(/images/kor/main/bul.png)no-repeat left 40%;font-weight:bold;font-size: 17px;color: #333;}
#f-locateAnchor .selectinfo p {padding-left: 15px;color: #333;font-size: 16px;}
#f-locateAnchor .selectinfo .btnwrap {margin: 18px 0 0;}
#f-locateAnchor .selectinfo .btnwrap:after {display:block; clear:both; visibility:hidden; content:'';}
#f-locateAnchor .selectinfo .btnwrap a {display:inline-block;width:175px;height:50px;line-height:48px;border:1px solid #006abe; border-radius:10px 0 10px 0; text-align:center;font-size: 18px;}
#f-locateAnchor .selectinfo .btnwrap a.btn1 { margin-right:15px; background:#006abe; color:#fff;}
#f-locateAnchor .selectinfo .btnwrap a.btn2 {background:#fff; color:#006abe; }

.cont1 .group .box2 {}
.cont1 .group .box2 ul {}
.cont1 .group .box2 ul li {float:left; position:relative; width:33.333%;}
.cont1 .group .box2 ul li.n3:after,.cont1 .group .box2 ul li.n1:after {display:block; position:absolute; content:''; top:30px; bottom:30px; right:0; width:1px; height:auto; background:#ddd; }
.cont1 .group .box2 ul li a {display:block;position: relative;width:100%;height: 100px;vertical-align: top;}
.cont1 .group .box2 ul li.n3 a,.cont1 .group .box2 ul li.n2 a {padding-left:50px;}
.cont1 .group .box2 ul li strong {display: inline-block;position: relative;top: 30%;width:149px;height:21px;margin-right:25px;font-size:0;vertical-align: top;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.cont1 .group .box2 ul li.n1 strong {background-position:0 -37px;}
.cont1 .group .box2 ul li.n2 strong {background-position:-152px -37px;}
.cont1 .group .box2 ul li.n3 strong{display: block; width: 112px; background-position: -304px -37px;}
.cont1 .group .box2 ul li p {display: inline-block;position: relative;top: 45%;width: 195px;line-height: 1.4;font-size:14px;color:#333;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.cont1 .group .box2 ul li span {display:block;position: absolute;top: 50%;right: 50px;width:30px;height:30px;margin-top: -15px;border-radius:50%;background-position:0 0;}
.cont1 .group .box2 ul li a:hover span,
.cont1 .group .box2 ul li a:focus span {animation: arr 0.7s ease-in-out infinite;-webkit-animation: arr 0.7s ease-in-out infinite;}
.cont1 .group .box2 ul li.n1 span {background-color:#004a84;}
.cont1 .group .box2 ul li.n2 span {background-color:#1565c0;}
.cont1 .group .box2 ul li.n3 span{background-color: #3d7ec7;}

.cont2 {position: relative;padding: 0 0 50px;}
.cont2 .sns {padding:30px 0;}
.cont2 .sns ul {text-align:right;vertical-align: top;}
.cont2 .sns .title {display:none;}
.cont2 .sns ul li {display: inline-block;width:34px;height:34px;margin: 0 2px;vertical-align: top;}
.cont2 .sns ul li a {display: block;width:100%;height:100%;vertical-align: top;}
.cont2 .sns ul li span {display:block; width:100%; height:100%;}
.cont2 .sns ul li.n1 span {background-position:-33px 0;}

/*220314 메인 아이콘 페이스북에서 인스타로 변경*/
.cont2 .sns ul li.n2 span {background-position:-383px 0;}
/* .cont2 .sns ul li.n2 span {background-position:-76px 0;} */

/*220401 메인 아이콘 트위터에서 페이스북으로 변경*/
.cont2 .sns ul li.n3 span {background-position:-76px 0;}
/* .cont2 .sns ul li.n3 span {background-position:-120px 0;} */

.cont2 .sns ul li.n4 span {background-position:-163px 0;}
.cont2 .sns ul li.n6 span {background-position:-457px 0;}

/* 웹진아이콘 추가 */
.cont2 .sns ul li.n5 span {background-position: -420px 0;}
.cont2 .sns ul li a:hover span,
.cont2 .sns ul li a:focus span{-webkit-animation: vibes2 1.5s ease infinite;animation: vibes2 1.5s ease infinite;}
.cont2 .group1 {position: relative;float:left;width: calc(100% - 420px);}
.cont2 .group1 .box1 {float:left;width: calc(100% - 425px);}
.cont2 .group1 .main-board__skin {position:relative;}
.cont2 .group1 .main-board__skin:after {display:block; clear:both; visibility:hidden; content:'';}
.cont2 .group1 .main-board__skin .board__nav-item {display: inline-block;margin: 0 20px 0 0;}
.cont2 .group1 .main-board__skin .board__nav-item:after {display:block; clear:both; visibility:hidden; content:'';}
.cont2 .group1 .main-board__skin .board__nav-item .board__title {display:block;position:relative;width:100%;height:55px;line-height:55px;font-size: 19px;font-weight: bold;color: #858585;}
.cont2 .group1 .main-board__skin .board__nav-item .board__title:before {display:block;position:absolute;right: -13px;top: 26px;content:'';width: 3px;height: 3px;border-radius:50%;background:#aaa;}
.cont2 .group1 .main-board__skin .board__nav-item .board__title:after {display:block;opacity: 0;position:absolute;left:0;bottom: 0px;content:'';width:100%;height: 3px;background:#004a84; transition:all 0.3s; -webkit-transition:all 0.3s; }
.cont2 .group1 .main-board__skin .board__nav-item:last-child .board__title:before {display:none;}
.cont2 .group1 .main-board__skin .board__nav-item.active .board__title {color: #004a84;}
.cont2 .group1 .main-board__skin .board__nav-item.active .board__title:after {opacity:1; }
.cont2 .group1 .main-board__skin .board__nav-item .board__content {display:none;position:absolute;left:0;top: 55px;width: 100%;height: 305px;padding: 0;}
.cont2 .group1 .main-board__skin .board__nav-item.active .board__content {display:block;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li {position:relative;margin: 7px 0;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li a {display:block;position: relative;width: 100%;padding-left: 15px;padding-right: 85px;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li a:before {display:block;position:absolute;left: 5px;top: 10px;content:'';width:2px;height:2px;border-radius:50%;background:#111;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li strong {display:block;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li a:hover strong em,
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li a:focus strong em {text-decoration:underline;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li strong em {display: inline-block;overflow: hidden;max-width: calc(100% - 35px);text-align: left;color: #111;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;font-size: 15px;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li strong .new {display:inline-block;width: 23px;height: 23px;line-height: 26px;margin: 0;border-radius: 50%;background: #357c9c;color:#fff;font-size: 15px;font-weight:bold;text-align: center;vertical-align: top;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li span {display:inline-block;margin: 17px 0 0;vertical-align: top;line-height: 26px;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li .board__item--content {display:none;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li .board__item--date {display:block;position:absolute;right:5px;top:0;font-size: 14px;color: #666;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li .board__item--date i {font-style: normal;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child {margin: 0 0 25px;padding: 27px 0 25px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child a {padding:0 0 0 110px;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child a:before {display:none;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child strong em {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-width: 100%;height: 46px;line-height: 1.4;text-overflow: ellipsis;white-space: normal;text-align:left;font-size: 17px;font-weight: bold;color: #111;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child strong .new {position:absolute;left: 10px;top: -10px;width:27px;height:27px;line-height:29px;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child .board__item--date {left:0;right:auto;width: 110px;margin: 0;padding: 50px 0 0;text-align: center;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child .board__item--date em {display:inline-block;font-weight: 700;font-size: 12px;color: #111;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child .board__item--date em.day {position:absolute;left:0;top: 2px;width:100%;font-size:36px;text-align:center;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child .board__item--content {display: block;overflow: hidden;margin: 10px 0 0;text-overflow: ellipsis;white-space: nowrap;}
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child a:hover .board__item--content,
.cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child a:focus .board__item--content {text-decoration:underline;}
.cont2 .group1 .main-board__skin .board__nav-item .board__more {display: none;position:absolute;right:0;top: 19px;}
.cont2 .group1 .main-board__skin .board__nav-item.active .board__more {display:block;}
.cont2 .group1 .main-board__skin .board__nav-item.active .board__more a {display:block;width: 15px;height: 15px;font-size:0;}
.cont2 .group1 .main-board__skin .board__nav-item.active .board__more a:hover,
.cont2 .group1 .main-board__skin .board__nav-item.active .board__more a:focus{animation: spinspin2 2s ease-out;-webkit-animation: spinspin2 2s ease-out;}
.cont2 .group1 .main-board__skin .board__nav-item.active .board__more a:before,
.cont2 .group1 .main-board__skin .board__nav-item.active .board__more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.cont2 .group1 .main-board__skin .board__nav-item.active .board__more a:before{width:100%;height: 2px;background: #666;}
.cont2 .group1 .main-board__skin .board__nav-item.active .board__more a:after {width: 2px;height:100%;background: #666;}
.cont2 .group1 .box2 {overflow: hidden;float:right;position: relative;width:398px;border-radius: 20px 0; padding: 49px 36px; border: 1px solid #BAC7D3;}
.cont2 .group1 .box2:after {content: ""; position: absolute; top: -18px; left: 0; width: 100%; height: 99px; background: url(/images/kor/main/group1_box2_obj.png) no-repeat;}
.cont2 .group1 .box2 .title {width: 326px; height: 63px; background: url(/images/kor/main/group1_box2_title.png)no-repeat;font-size: 0;margin-bottom: 10px;}
.cont2 .group1 .box2 .photo_list--item {display:block; position:relative; width:100%; height:100%;}
.cont2 .group1 .box2 .photo_list--item a {border:1px solid transparent;}
.cont2 .group1 .box2 .photo_list--item a:focus {border:1px dotted #777;}
.cont2 .group1 .box2 .photo_list--item .picture {height:100%;}
.cont2 .group1 .box2 .photo_list--item .picture span {display:block; width:328px; max-width: 100%; height: 184px;}
.cont2 .group1 .box2 .photo_list--item .picture span img { width:100%; height:100%;}
.cont2 .group1 .box2 .control {position:absolute;right: 0;bottom:13px;z-index: 15;height: 28px;text-align: center;vertical-align: top;}
.cont2 .group1 .box2 .control button {display:inline-block;width: 36px;height: 100%;margin:0;font-size:0;}
.cont2 .group1 .box2 .control button[data-control="prev"]:before,
.cont2 .group1 .box2 .control button[data-control="next"]:before{width:9px;height:9px;border-width:2px;border-style: solid;border-color: #666;transform: rotate(45deg);}
.cont2 .group1 .box2 .control button[data-control="prev"]:before{right: -10px;border-width: 0 0 2px 2px;}
.cont2 .group1 .box2 .control button[data-control="next"]:before{left: -10px;border-width: 2px 2px 0 0;}
.cont2 .group1 .box2 .control button[data-control="stop"]:before{width: 3px;height: 15px;box-shadow: -3px 0 #666, 3px 0 #666;}
.cont2 .group1 .box2 .control button[data-control="play"]:before{right: -4px;width: 0;height: 0;border-width: 6px 0 6px 7px;border-style: solid;}
.cont2 .group2 {float:right;width:400px;}
.cont2 .group2 .box1 {position: relative;padding: 49px 36px;border-radius: 20px 0 20px 0;background:url(/images/kor/main/bg_1.png)no-repeat #006abe;background-position: right bottom; overflow: hidden;}
.cont2 .group2 .box1 span{background: url(/images/kor/main/bg_1.png)no-repeat;width: 358px;height: 98px;position: absolute; top: 262px;right: -6px;}
.cont2 .group2 .box1 .title {width:328px;height:70px; background: url(/images/kor/main/group2_box1_title.png)no-repeat;font-size: 0;margin-bottom: 10px;}
.cont2 .group2 a{display: block; width: 100%;}

.cont3 {overflow: hidden;position:relative;padding: 95px 0 150px;background:#e7eef3;}
.cont3 .objbg {position:absolute;right: -20px;bottom: -10px;width:510px;height:378px;background:url(/images/kor/main/obj4.png)no-repeat;-webkit-animation: boat 8s ease infinite;animation: boat 8s ease infinite;}
.cont3 .group1 {height:340px; margin:0 0 20px;}
.cont3 .group1 .box {float:left;}
.cont3 .group1 .box #bbs_wrap {position: relative;}
.cont3 .group1 .box #bbs_wrap .menu_wrap {position: absolute;left: 5px;top: -55px;}
.cont3 .group1 .box #bbs_wrap .menu_wrap li {display: inline-block; position:relative; margin-right:20px;}
.cont3 .group1 .box #bbs_wrap .menu_wrap li:after {display:block;position:absolute;top: 12px;right: -13px;content:'';width:3px;height:3px;border-radius:50%;background:#aaa;}
.cont3 .group1 .box #bbs_wrap .menu_wrap li:last-child:after {display:none;}
.cont3 .group1 .box #bbs_wrap .menu_wrap li a {display:block; font-size:19px; font-weight:bold; color:#858585;}
.cont3 .group1 .box #bbs_wrap .menu_wrap li a.ov {color:#004a84;}
.cont3 .group1 .box #bbs_wrap .con_wrap {}
.cont3 .group1 .box #bbs_wrap .con_wrap .con {}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide {}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .control {display:none;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap {}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul {overflow: hidden;position: relative;height: 340px;margin:0 -10px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li {float:left;width:calc(33.33% - 20px);margin: 0 10px 20px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li a {display:block;overflow: hidden;width:100%;height:100%;border-radius:20px 0 20px 0;background: #fff;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li .thumb {overflow: hidden;position:relative;height:167px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con.con2 .bbs_slide .grap ul li .thumb {height: 243px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li .thumb:before {display:block;opacity: 0;position:absolute;z-index:1;content:'';width:100%;height:100%;background: #003864;transition:all 0.3s;-webkit-transition:all 0.3s;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li .thumb:after {display:block;opacity: 0; position:absolute;z-index:2;left:50%; top:50%; content:''; width:17px; height:17px; background:url(/images/kor/main/main_ir.png)no-repeat -217px 0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transition:all 0.3s;-webkit-transition:all 0.3s;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap2 ul li .thumb {height:340px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap2 ul li .thumb:before,
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap2 ul li .thumb:after {display:none;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li a:hover .thumb:before,
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li a:focus .thumb:before {opacity:0.8;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li a:hover .thumb:after,
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li a:focus .thumb:after {opacity:1;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li .thumb span {display:block; position:relative; width:100%; height:100%;background-repeat:no-repeat; background-size:contain; background-position:center;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li .txtinfo {height: 173px;padding: 25px 25px 0;background:#fff;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con.con2 .bbs_slide .grap ul li .txtinfo {height: 97px; padding: 25px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con.con2 .bbs_slide .grap ul li .txtinfo {height: 97px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li .txtinfo strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 46px;line-height: 1.4;text-overflow: ellipsis;white-space: normal;font-size:17px;color:#222;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con.con2 .bbs_slide .grap ul li .txtinfo strong {-webkit-line-clamp: 1; height: 26px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li .txtinfo p {overflow: hidden;min-height: 15px;line-height: 1;margin: 20px 0;font-size:15px;color:#222;opacity: 0.8;text-overflow: ellipsis;white-space: nowrap;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li .txtinfo em {font-size:15px; color:#222; opacity: 0.5;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .more_btn {position:absolute;left: 280px;top:-49px;width: 15px;height: 15px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .more_btn a {display:block;position:relative; width: 100%;height: 100%;font-size:0;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .more_btn a:before,
.cont3 .group1 .box #bbs_wrap .con_wrap .con .more_btn a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .more_btn a:before{width:100%;height: 2px;background: #666;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .more_btn a:after {width: 2px;height:100%;background: #666;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .more_btn a:hover,
.cont3 .group1 .box #bbs_wrap .con_wrap .con .more_btn a:focus{animation: spinspin2 2s ease-out;-webkit-animation: spinspin2 2s ease-out;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .control button {width:40px; height:40px; margin:0 3px;border:1px solid #ddd; border-radius:50%; background:#fff; font-size:0;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .control button.btn_prev:before,
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .control button.btn_next:before{width:7px;height:7px;border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .control button.btn_prev:before{right: -5px;border-width: 0 0 2px 2px;}
.cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .control button.btn_next:before{left: -5px;border-width: 2px 2px 0 0;}

.cont3 .group1 .box1 {width:calc(100% - 420px);}
.cont3 .group1 .box2 {width:420px; height:100%; padding-left:20px; }
.cont3 .group1 .box2 .top_box {position:relative;height:90px;margin:0 0 20px;}
.cont3 .group1 .box2 .top_box:after {display:block; position:absolute; bottom:-5px; right:30px; content:''; width:119px; height:124px; background:url(/images/kor/main/obj.png)no-repeat;}
.cont3 .group1 .box2 .top_box a {display: block;overflow:hidden;width: 100%;height: 100%;padding: 34px 40px 0;border-radius: 20px 0 20px 0;background: #028998 url(/images/kor/main/bg.png)no-repeat right bottom;}
.cont3 .group1 .box2 .top_box a strong {display:block; vertical-align:top;}
.cont3 .group1 .box2 .top_box a strong span {display:inline-block; height:22px;vertical-align:top;}
.cont3 .group1 .box2 .top_box a strong .s1 {width:95px; margin-right:10px; background-position: -56px -85px;}
.cont3 .group1 .box2 .top_box a strong .s2 {width:79px; background-position: -159px -85px }
.cont3 .group1 .box2 .top_box a .arr {display:none;font-size: 16px;color: #fff;}
.cont3 .group1 .box2 .top_box a .arr span {display: block;position: relative;width:24px;height:24px;margin: 30px 0 10px;border-radius:50%;background:#35a1ad;}
.cont3 .group1 .box2 .top_box a .arr span:before{content: '';position: absolute;top: 0;left: 0;right: 2px;bottom: 0;margin: auto;width:5px;height:5px;border-width: 2px 2px 0 0;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.cont3 .group1 .box2 .btm_box {position:relative;overflow:hidden;height:230px;padding: 30px 40px 0;border-radius: 20px 0 20px 0;background:#006abe;}
.cont3 .group1 .box2 .btm_box .obj {position: absolute;}
.cont3 .group1 .box2 .btm_box .obj1 {display: block;right: -93px;bottom: -53px;z-index: 1;width:273px;height:194px;background: url(/images/kor/main/obj5.png)no-repeat left top;}
.cont3 .group1 .box2 .btm_box .obj2 {right:50px;top: 75px;z-index: 2;width: 14px;height: 25px;background-position:-200px 0;}
.cont3 .group1 .box2 .btm_box .obj3 {right:20px;top: 106px;z-index: 3;width:92px;height:76px;background-position: -206px -115px;}
.cont3 .group1 .box2 .btm_box.ov .obj1 {-webkit-animation: wave 3s infinite;animation: wave 3s infinite;}
.cont3 .group1 .box2 .btm_box.ov .obj2 {-webkit-animation: wobble-hor-bottom 2s infinite;animation: wobble-hor-bottom 2s infinite;}
.cont3 .group1 .box2 .btm_box.ov .obj3 {-webkit-animation: wave 3s infinite 0.3s ;animation: wave 3s infinite 0.3s;}
.cont3 .group1 .box2 .btm_box strong {display: block;width:199px;height:53px;margin:0 0 20px;background-position:0 -136px;}
.cont3 .group1 .box2 .btm_box ul {position:relative; z-index:3;}
.cont3 .group1 .box2 .btm_box ul li {position:relative; max-width: 235px; border-bottom:1px solid #3388cb;}
.cont3 .group1 .box2 .btm_box ul li:last-child {border:none;}
.cont3 .group1 .box2 .btm_box ul li a {display:block;line-height:50px;font-size: 17px;color:#fff;}
.cont3 .group1 .box2 .btm_box ul li .arr {position:absolute; right:0; top:50%; width:24px; height:24px; margin-top:-12px; border-radius:50%; background:#3388cb; }
.cont3 .group1 .box2 .btm_box ul li .arr:before{content: '';position: absolute;top: 0;left: 0;right: 2px;bottom: 0;margin: auto;width:5px;height:5px;border-width: 2px 2px 0 0;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.cont3 .group1 .box2 .btm_box ul li a:hover,
.cont3 .group1 .box2 .btm_box ul li a:focus {font-weight:700;}
.cont3 .group1 .box2 .btm_box .title {width: 162px; height: 35px; margin:0 0;background: url(/images/kor/main/title.png)no-repeat;}
.cont3 .group1 .box2 .btm_box .title a {display: block; width: 100%; height: 100%; cursor: pointer;}
.cont3 .group1 .box2 .btm_box .thumb {max-width: 320px; height: 180px; margin:0 0 10px;background: url(/images/kor/main/thumb.jpg)no-repeat;margin-left: 20px;}
.cont3 .group2 {padding: 20px 20px 20px 0;border-radius:20px 0 20px 0;background:#fff;float: left;}
.cont3 .group2 .channel {position:relative; padding:0 20px; padding-left:160px;}
.cont3 .group2 .channel .control {position:absolute;left: 30px;top: 8px;}
.cont3 .group2 .channel .control strong {display: block;line-height: 1;margin: 0 0 10px;font-size: 19px;font-weight: bold;color:#333;}
.cont3 .group2 .channel .control button {width:24px;height:24px;margin-right: 5px;border-radius:50%;border:1px solid #ddd;font-size:0;}
.cont3 .group2 .channel .control button[data-control="prev"]:before,
.cont3 .group2 .channel .control button[data-control="next"]:before{width:5px;height:5px;}
.cont3 .group2 .channel .control button[data-control="prev"]:before{left:-3px;border-width: 0 0 2px 2px;}
.cont3 .group2 .channel .control button[data-control="next"]:before{right:-3px; border-width: 2px 2px 0 0;}
.cont3 .group2 .channel .control button[data-control="stop"]:before{width: 2px;height: 8px;box-shadow: -3px 0 #333, 3px 0 #333;}
.cont3 .group2 .channel .control button[data-control="play"]:before{left:-3px;width: 0;height: 0;border-width: 5px 0 5px 7px;border-style: solid;border-color: transparent transparent transparent #333;}
.cont3 .group2 .channel .grap {overflow:hidden;}
.cont3 .group2 .channel .grap ul {position: relative;width: 10000%;}
.cont3 .group2 .channel .grap ul li {float:left;min-width:200px;height:64px;margin-right:15px;/* border:1px solid #ddd; */text-align:center;}
.cont3 .group2 .channel .grap ul li a {display:block;position: relative;width:100%;height:100%;}
.cont3 .group2 .channel .grap ul li img {height: 100%;}
.cont3 .group1 {float:left;width: 100%;}
.cont3 .group1 .box2 {position: relative;overflow: hidden;padding: 30px 0; width: 400px;height: 100%; margin-left: 20px; border-radius: 20px 0 20px 0;background:#0083da;}
.cont3 .group1 .box2 .title {width:177px;height:21px;margin: 0 0 20px 35px;background-position: -73px -61px;}
.cont3 .group1 .box2 .quick_link {}
.cont3 .group1 .box2 .quick_link .control {display:none;}
.cont3 .group1 .box2 .quick_link .grap {}
.cont3 .group1 .box2 .quick_link .grap ul {position: relative;padding: 0 15px;}
.cont3 .group1 .box2 .quick_link .grap ul li {float:left;width:25%;min-height: 110px;margin: 0 0 10px;}
.cont3 .group1 .box2 .quick_link .grap ul li a {display:block;width:100%;height:100%;line-height: 1.3;text-align:center;font-size: 15px;font-weight: bold;color: #fff;}
.cont3 .group1 .box2 .quick_link .grap ul li a:hover,
.cont3 .group1 .box2 .quick_link .grap ul li a:focus {text-decoration:underline;}
.cont3 .group1 .box2 .quick_link .grap ul li .ico {display:block; width:62px; height:62px; margin:0 auto 10px; border-radius:50%; background-color:rgba(0,0,0,.1); background-image:url(/images/kor/main/icon_ir.png);}
.cont3 .group1 .box2 .quick_link .grap ul li .ico1 {background-position: 0 0;}
.cont3 .group1 .box2 .quick_link .grap ul li .ico2 {background-position: -62px 0;}
.cont3 .group1 .box2 .quick_link .grap ul li .ico3 {background-position: -124px 0;}
.cont3 .group1 .box2 .quick_link .grap ul li .ico4 {background-position: 0 -62px;}
.cont3 .group1 .box2 .quick_link .grap ul li .ico5 {background-position: -62px -62px;}
.cont3 .group1 .box2 .quick_link .grap ul li .ico6 {background-position: -124px -62px;}
.cont3 .group1 .box2 .quick_link .grap ul li .ico7 {background-position: -186px 0;}
.cont3 .group1 .box2 .quick_link .grap ul li .ico8 {background-position: -185px -57px;}
.cont3 .group1 .box2 .quick_link .grap ul li .ico9 {background-position: -3px -120px;}


.cont4 {position: relative;z-index: 15;width:100%;background:#fff;box-shadow: 0 -1px 10px rgba(0,0,0,.1);}
.cont4.fixed {position:fixed;left:0;bottom:0;transition: all 0.3s;}
.cont4 .movemenu {position:relative;padding-left:280px;background: url(/images/kor/main/bg2.png)no-repeat left bottom;}
.cont4 .movemenu .title {position:absolute;left:0;top:0;padding-left: 70px;}
.cont4 .movemenu .title .inner {position:relative; }
.cont4 .movemenu .title .obj {position: absolute;left: -20px;bottom: 0;}
.cont4 .movemenu .title .obj .box {position: relative;}
.cont4 .movemenu .title .obj span {display:block; background: url(/images/kor/main/obj3.png)no-repeat;}
.cont4 .movemenu .title .obj .s1 {width:79px; height:90px; background-position:0 0 ;}
.cont4 .movemenu .title .obj .s2 {position: absolute;z-index: 2;left: 41px;bottom: 10px;width:36px;height:51px;background-position:-79px 0;transform-origin: bottom;-webkit-transform-origin: bottom;-webkit-animation: hand 2.8s ease infinite;animation: hand 2.8s ease infinite;}
.cont4 .movemenu .title .text {line-height: 70px;font-weight:bold;font-size:18px;color: #282828;}
.cont4 .movemenu .title .text span {display:inline-block; margin-left:5px; color:#004a84; vertical-align:middle;}
.cont4 .movemenu ul {}
.cont4 .movemenu ul li {display:inline-block;position: relative;margin-right: 45px;}
.cont4 .movemenu ul li:last-child {margin:0;}
.cont4 .movemenu ul li:after {display:block;position:absolute;right: -27px;top:50%;content:'';width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#ccc;}
.cont4 .movemenu ul li:last-child:after {display:none;}
.cont4 .movemenu ul li a {display:block;line-height: 70px;font-size: 16px;color: #282828;}
.cont4 .movemenu ul li a:hover,
.cont4 .movemenu ul li a:focus {font-weight:bold;}

@media(max-width:1800px){
    .cont3 .objbg {width:400px;height: 300px;background-size:400px auto;}
}
@media(max-width:1580px){
    #main_visual .images_fade .tit {text-align:center;}
    #main_visual .slider-nav {padding: 0;margin:0;transform: translateX(-58%);}
    #main_visual .paging {width: 705px;margin:0;padding: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    #main_visual .paging .slick-dots {padding: 0;}
    #main_visual .paging .inner {padding: 0;}
   
    .cont3 .objbg {display:none;}
}
@media(max-width:1400px){
    #main_visual .images_fade .img .videowrap video {width:auto; height:110%;}
}
@media(max-width:1299px){
    #main_visual .bg_obj {left: -359px;top: -293px;/* width:430px; */}

    .cont1 .group .box1 .info_map >div {position: fixed;left:30px;top:30px;bottom:30px;right:30px;width: auto;height: auto;padding: 30px;}
    .cont1 .group .box1 .info_map >div:after {display:none;}
    .cont1 .group .box1 .info_map >div .title {position: static;left:30px;}
    .cont1 .group .box1 .info_map >div .modal__close-button {right:30px; bottom:auto; top:30px;}
    .cont1 .group .box1 .info_map >div .inner {height: calc(100% - 50px);}
    .cont1 .group .box1 .info_map >div .inner2 {overflow-y:auto;height: 100%;}
    .cont1 .group .box2 ul li span{display:none;}
    .cont1 .group .box2 ul li.n3 a, .cont1 .group .box2 ul li.n2 a{padding:0}
    .cont1 .group .box2 ul li.n3:after, .cont1 .group .box2 ul li.n1:after{display:none;}
    .cont1 .group .box2 ul li strong{top:50%;}
    .cont1 .group .box2 ul li p {display:none;}

    #f-locateAnchor .locate-map {float:none;margin: 120px auto 0;}
    #f-locateAnchor .locate-search {float:none;margin: 30px auto 20px;}
    #f-locateAnchor .infop.p1 {display:none;}
    #f-locateAnchor .infop.p3 {display:block;position: absolute;left: 0;top: -100px;text-align: center;}
    #f-locateAnchor .selectinfo .btnwrap a {float:left;width: calc(50% - 10px);}
    #f-locateAnchor .selectinfo .btnwrap a.btn1 {margin-right:20px;}
    #f-locateAnchor .locate-search .clickClose3 {top:0;}
    #f-locateAnchor .locate-search .button-group {top: 75px;}
    
    .cont1 .group .box1 + .box1bg {display:none;}
    .mappop .cont1 .group .box1 + .box1bg {display:block;position: fixed;z-index: 99;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);}

    .cont3 .group2 {float:left;width:100%;margin: 0 0 35px;}
    .cont3 .group2 .box1 {width:calc(100% - 335px);margin-top: -70px;}
    .cont2 .group1 .main-board__skin {padding: 20px 0 0;}
    .cont2 .group1 .main-board__skin .board__nav-item .board__content {top: 75px;}
    .cont2 .group1 .main-board__skin .board__nav-item .board__more {top: 40px;}
    /* .cont2 .group1 .box2 {width: 305px;height: 290px;} */
    .cont2 .group1 {float:none; width:100%;}
    .cont2 .group1 .box2 {height:auto;}
    .cont2 .group2 {width: 100%; margin-top: 40px;}
    .cont2 .group2 .box1 {text-align: center;}
    .cont2 .group2 .box1 .title {margin: 10px auto;}
    .cont3 .group1 {height: 100%;}
    .cont3 .group1 .box1 {margin-bottom: 20px;}
    .cont3 .group1 .box2 {float: none;width: 100%;margin-left: 0;}
    .cont3 .group1 .box2 .title {}
    .cont3 .group1 .box2 .quick_link .grap ul {overflow:hidden;height: 110px;padding: 0 60px;}
    .cont3 .group1 .box2 .quick_link .grap ul li {width:20%;}
    .cont3 .group1 .box2 .quick_link .control {display:block; }
    .cont3 .group1 .box2 .quick_link .control button {position:absolute;z-index: 2;top: 95px;width: 35px;height: 35px;font-size:0;}
    .cont3 .group1 .box2 .quick_link .control .btn_prev {left:30px;}
    .cont3 .group1 .box2 .quick_link .control .btn_next {right:30px;}
    .cont3 .group1 .box2 .quick_link .control .btn_prev:before,
    .cont3 .group1 .box2 .quick_link .control .btn_next:before{width: 20px;height: 20px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
    .cont3 .group1 .box2 .quick_link .control .btn_prev:before{right:0;border-width: 0 0 2px 2px;}
    .cont3 .group1 .box2 .quick_link .control .btn_next:before{left: 0;border-width: 2px 2px 0 0;}

    .cont3 {padding:95px 0;}
    .cont3 .group1 {height:auto;}
    .cont3 .group1 .box {float:none; width: 100%;}
    .cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li {width: calc(33.33% - 20px);}
    /* .cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .control {display: inline-block;position: absolute;top: -60px;right: 0;} */
    
    .cont4 .movemenu {padding-left:200px;}
    .cont4 .movemenu .title .text {line-height:80px;}
    .cont4 .movemenu ul {padding:10px 0;}
    .cont4 .movemenu ul li {display: block;float: left;width:33.33%;margin: 0;}
    .cont4 .movemenu ul li:after {right: -2px;}
    .cont4 .movemenu ul li:nth-child(3):after {display:none;}
    .cont4 .movemenu ul li a {line-height: 30px;text-align: center;}   
}
@media(max-width:1023px){
    #main_visual .mouse {top:70px;}
    #main_visual .images_fade .tit strong > span {font-size: 37px;}
    #main_visual .images_fade .tit p {max-width: 630px;margin:0 auto;}
    #main_visual .images_fade .tit p span {display:inline;}

    .cont1 .group {padding-right:200px;}
    .cont1 .group .box2 ul li.n2 span {right:0;}

    .cont2 {padding:0 0 35px;}
	
	/* .cont3 {padding:95px 0 35px;} */
    .cont3 .group1 {height:auto;}
    .cont3 .group1 .box {float:none;}
    .cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li {width: calc(33.33% - 20px);}
    .cont3 .group1 .box1 {width:100%;margin: 0 0 20px;}
    .cont3 .group1 .box2 {width:100%; padding:30px 0;}
    .cont3 .group1 .box2:after {display:block; clear:both; visibility:hidden; content:'';}
    .cont3 .group1 .box2 .top_box {float:left;width:255px;height: 230px;margin: 0;}
    .cont3 .group1 .box2 .top_box:after {right:20px;}
    .cont3 .group1 .box2 .top_box a {padding:30px 40px 0;}
    .cont3 .group1 .box2 .top_box a strong span {display:block;}
    .cont3 .group1 .box2 .top_box a strong .s1 {margin:0 0 8px;}
    .cont3 .group1 .box2 .top_box a .arr {display:block;}
    .cont3 .group1 .box2 .btm_box {float:right;width:calc(100% - 275px);}
    .cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .control {display:none; position:static;}
    .cont3 .group1 .box2 .quick_link .grap ul li {width: 20%;}

    .cont4 {display:none;}
}
@media(max-width:767px){
    #main_visual {height:465px;}
    #main_visual .bg_obj {left:0;top:0;width:196px;height:435px;background:url(/images/kor/main/bg4.png)no-repeat;animation: none;-webkit-animation: none;}
    #main_visual .mouse {display:none;}
    #main_visual .images_fade .tit {padding: 140px 40px 0;}
    #main_visual .images_fade .tit > span {display:none;}
    #main_visual .images_fade .tit strong {margin:0 0 15px;}
    #main_visual .images_fade .tit strong > span {font-size:24px;}
    #main_visual .images_fade .tit p {padding:0 40px;}
    #main_visual .images_fade .tit p span {font-size:15px;}
    #main_visual .slider-nav,
    #main_visual .paging .slick-dots {display:none !important;}
    #main_visual .paging {left:0;bottom: 50px;width: 100%;text-align: center;transform: none;-webkit-transform: none;}
    
    .cont1 .group {height: auto;padding:0;}
    .cont1 .group .box1 {position:relative;top: 0;width:100%;margin-top: -10px;}
    .cont1 .group .box1 a span {width: 142px;height: 19px;margin: 0 auto;background-position: -237px 0;}
    .cont1 .group .box2 ul li a {height:80px;}
    .cont1 .group .box2 ul li.n2 a {padding:0;}
    .cont1 .group .box2 ul li strong {left: 50%;margin:0 auto;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
    .cont1 .group .box2 ul li span {display:none;}

    .cont2 {padding: 25px 0 30px;}
    .cont2 .snslayout {position: absolute;left: 0;bottom: 408px;z-index: 10;}
    .cont2 .sns {padding:0;}
    .cont2 .sns .title {display:block;float:left;line-height: 34px;padding-left: 10px;font-size: 19px;font-weight: bold;color: #333;}
    .cont2 .sns ul {float:right;}  
    .cont2 .group1 .box1 {float:none;width:100%;margin: 0;}
    .cont2 .group1 .main-board__skin {padding:0;}
    .cont2 .group1 .main-board__skin .board__nav-item .board__title {/* font-size:16px; */}
    .cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child a {padding:0 0 0 80px;} 
    .cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child .board__item--date {width:80px;}
    .cont2 .group1 .main-board__skin .board__nav-item .board__content ul li:first-child strong em {/* height: 44px; *//* font-size:16px; */}
    .cont2 .group1 .main-board__skin .board__nav-item.active .board__content {top:55px;}
    .cont2 .group1 .main-board__skin .board__nav-item .board__more {top: 19px;}
    .cont2 .group1 .box2 {float:none;width: 100%;max-width: 100%;height: auto;max-height: 360px;margin: 300px auto 80px; display: flex; flex-direction: column; align-items: center;}    
    .cont3 .group1 .box2 .quick_link .grap ul li {width:33.33%;}
    .cont2 .group1 .box2 .photo_list--item .picture {display: flex; justify-content: center; width: 100%;}

    .cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li {width: calc(50% - 20px);}
    .cont3 .group1 .box2 .top_box {float:none;width:100%;height:auto;margin: 0 0 20px;}
    .cont3 .group1 .box2 .top_box a {padding:30px 40px;}
    .cont3 .group1 .box2 .top_box a .arr {display:none;}
    .cont3 .group1 .box2 .btm_box {float:none; width:100%;}
    .cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .control {display:block;margin: 20px 0 0;text-align:center;}
    .cont1 .group .box2 ul li.n3 strong{display: inline-block;}
    
}
@media(max-width:660px){
    #f-locateAnchor .locate-map {display:none;}
    #f-locateAnchor .locate-search {width:100%;}
    #f-locateAnchor .locate-search .clickClose3 {top: 105px;}
    #f-locateAnchor .locate-search .button-group {top: 180px;}
    #f-locateAnchor .infop.p2 {display:block;height: 75px;text-align: center;font-size: 16px;}

    .cont1 .group .box1 .info_map >div {left:5%; top:5%; right:5%; bottom:5%; padding:30px 5%;}
    .cont1 .group .box1 .info_map >div .title strong {font-size:25px; text-align:center;}
    .cont1 .group .box1 .info_map >div .inner {height: calc(100% - 85px);}
    .cont1 .group .box1 .info_map >div .modal__close-button {right:0;top:auto;bottom:0;width:100%;height:50px;line-height:50px;border-top: 1px solid #ddd;font-size: 16px;color: #000;}
    .cont1 .group .box1 .info_map >div .modal__close-button:before,
    .cont1 .group .box1 .info_map >div .modal__close-button:after {display:none;}
}
@media(max-width:550px){
    #main_visual .images_fade .tit {padding: 160px 30px 0;}
    #main_visual .images_fade .tit p {display: none;padding:0 10px;}

    #f-locateAnchor .selectinfo .btnwrap a {float:none;width:100%;}
    #f-locateAnchor .selectinfo .btnwrap a.btn1 {margin:0 0 10px;}
    
    .cont3 .group1 .box2 .quick_link .grap ul {padding:0 40px;}
    .cont3 .group1 .box2 .quick_link .grap ul li {width:50%;}
    .cont3 .group1 .box2 .quick_link .control .btn_prev {left:20px;}
    .cont3 .group1 .box2 .quick_link .control .btn_next {right:20px;}

    .cont3 .group1 .box #bbs_wrap .con_wrap .con .bbs_slide .grap ul li {width: calc(100% - 20px);}

    .cont3 .group2 {padding:20px;}
    .cont3 .group2 .channel {padding:0;}
    .cont3 .group2 .channel .control {position:relative;left: 0;top: 0; margin:0 0 10px;text-align: right;}
    .cont3 .group2 .channel .control:after {display:block; clear:both; visibility:hidden; content:'';}
    .cont3 .group2 .channel .control strong {display:inline-block;float:left;line-height: 22px;}
}
@media(max-width:550px){
    .cont2 .group1 .main-board__skin .board__nav-item {margin: 0 10px 0 0;}
    .cont2 .group1 .main-board__skin .board__nav-item .board__title:before {right: -9px;}
    
    .cont3 .group1 .box2 .btm_box {padding: 30px 40px;}
    .cont3 .group1 .box2 .btm_box ul li {max-width:160px;}
    .cont3 .group1 .box2 .btm_box ul li a {line-height:1.3;padding: 14px 30px 14px 0;}
}  
@media(max-width:500px){ 
	
    #main_visual .images_fade .tit p {display:none;}
    #main_visual .paging {bottom:70px;}
    
    .cont1 .group .box2 ul {margin:10px 0;}
    .cont1 .group .box2 ul li {float:none;width:100%;}
    .cont1 .group .box2 ul li a {height:45px;}
    .cont1 .group .box2 ul li strong {left: 20px;margin:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .cont1 .group .box2 ul li span,
    .cont1 .group .box2 ul li.n2 span {display:inline-block;position: absolute;right: 15px;}
    .cont1 .group .box2 ul li.n1:after {display:none;}
    .cont2 .group1 .box2 .title {background-size: 90%; width: 100%;}
   
    .cont2 .group1 .main-board__skin .board__nav-item {margin: 0 5px 0 0;}
    .cont2 .group1 .main-board__skin .board__nav-item .board__title {font-size:17px;}
    .cont2 .group1 .main-board__skin .board__nav-item .board__title:before {right: -5px;}    
}
@media(max-width:340px){
    .cont2 .group1 .main-board__skin .board__nav-item.active .board__more {display:none;} 
}


.cont3 .group1 .box2 .top_box:after {display: none;}

@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
}

/* ir 이미지 폰트태그로 변경 */
.cont1 .group .box2 ul li strong{background:none;font-size: 19px;font-weight:bold;font-family:'BMDOHYEON';}
.cont1 .group .box2 ul li.n1 strong{color:#004a84;}
.cont1 .group .box2 ul li.n2 strong{color:#1565c0;}
.cont1 .group .box2 ul li.n3 strong{color:#3d7ec7;}
@media(max-width:1300px){
    .cont1 .group .box2 ul li strong{margin:0 auto; display:block;}
}
@media(max-width:767px){
    .cont1 .group .box2 ul li strong{margin-right:25px;; display:inline-block;}
}


/* 비주얼팝업추가 */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
.visual-pop {width: 397px;height: 500px;border-radius: 10px 0px 0px 10px;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.56);position: absolute;top: 111px;right: 0;overflow: hidden;transition: transform 0.3s ease; font-family: 'Pretendard-Regular'; z-index: 10;}
.visual-pop .visual-pop-tab {display: flex;width: 100%;text-align: center;}
.visual-pop .visual-pop-tab button {position: relative;width: 50%;height: 43px;font-size: 15px;font-weight: 500;   background: rgba(255, 255, 255, 0.75);color: #6B6B6B;}
.visual-pop .visual-pop-tab button:focus {border: 1px solid #1555AE;}
.visual-pop .visual-pop-tab button.active { background: #fff;color: #333;}
.visual-pop-close {position: absolute;width: 48px;height: 96px;background: #1555AE;overflow: hidden;right: 0px;top: 154px;transition: all 0.3s ease;border-radius: 10px 0px 0px 10px;z-index: 10; }
.visual-pop-close:focus {outline: 1px dotted #fff;}
.visual-pop-close::after{content: "";display: block;background-image: url("data:image/svg+xml,%3Csvg width='48' height='57' viewBox='0 0 48 57' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='-123.5' width='235' height='57' fill='url(%23pattern0_4082_874)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_4082_874' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_4082_874' transform='scale(0.00425532 0.0175439)'/%3E%3C/pattern%3E%3Cimage id='image0_4082_874' width='235' height='57' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOsAAAA5CAMAAADgIizDAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEXRSTlMASBozFgoFEkICOw42LSImHQN0sA4AAAGnSURBVGje7dgNboMwDIbh2tj5IRC4/2nXbNKyUeFubZJSh/cGjz43qricnZ2dnb0yc+klb/HSSUzYidVbxE6sTNiJNY3aiZUJO7GmUTuxGsJerAFRu9VwsNbSOg+p+doS46rL6tliXJIwNcKmi5J8oHhF5iYHGq0+4DJsGh3osxrKzjzqCKDNuoXm+9VmtVtofpR0WQ3OWbcZVZeVY8bdUFVZ96XpfjVZBenkQJPVxEEaVZOVBmlUTVaexVEVWf067OdAk1Uc1YEm651fqiKrWcRRNVl5FkfVZLXi86vKStKouqyrJNVljeL5trd6b77yzaijg7ZWbzhYIvwRkQ3MxdBRkDaz+qREoWQ2daiTgwd62LlhVhJHYdMWVrPjlMXMvsQLLEvlKkKfn5iED78PVAcqi//6cIUbqANoYvV8C31m4rtiM/863QytbTUWy0dWuGr/TZ2ys4GVLVaMPs3bneMwTUnpoFTPHW8FNiU5Ec1QvPvSgK9ogfIdU4qrg/IdUoo4QYUOKc0X3Mj6nxfpHS4Y4IDSdMFVKvLP4S0ueMca8KU5qNMHpbQmRV2SvwgAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A");width: 235px;height: 57px;position: absolute;bottom: 0;left: -47px;}
.visual-pop-close span {font-size: 15px;color: #fff;font-weight: 500;}
.visual-pop-close span::after{content: "";display: block;width: 18px;height: 18px;margin: 0 auto;background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3047 5.30322L5.69809 15.9098' stroke='white'/%3E%3Cpath d='M5.69531 5.30322L16.3019 15.9098' stroke='white'/%3E%3C/svg%3E%0A") no-repeat;}
.visual-pop-close .close-text {display: none;}
.visual-pop-close .open-text::after{content: "";display: block;width: 15px;height: 15px;margin: 0 auto;background: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0V15' stroke='white'/%3E%3Cpath d='M0.5 7.5L15.5 7.5' stroke='white'/%3E%3C/svg%3E%0A") no-repeat;}
.visual-pop .visual-pop-swiper {position: absolute;width: 400px;left: -9999px;top: -9999px;opacity: 0}
.visual-pop .visual-pop-swiper.active {position: relative;left: 0;top: 0;opacity: 1}
.visual-pop .button_box{display: flex;position: absolute;bottom: 0;left: 0;}
.visual-pop .button_box .control.clearfix{gap: 2px;display: flex; margin-left: -2px;height: 32px;}
.visual-pop .button_box .control button {display:inline-block;width: 36px;height: 100%;margin:0;background: rgba(0,0,0,.6);font-size:0; height: 32px;}
.visual-pop .button_box .control button[data-control="prev"]:before,
.visual-pop .button_box .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.visual-pop .button_box .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.visual-pop .button_box .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.visual-pop .button_box .control button[data-control="stop1"]:before{width: 2px;height: 10px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.visual-pop .button_box .control button[data-control="play1"]:before{right: -4px;width: 0;height: 0;border-width: 6px 0 6px 7px;border-style: solid;border-color: transparent transparent transparent #fff; }
.visual-pop .button_box .control button[data-control="play1"]{display: none;}
.visual-pop .button_box .total{display: flex;padding: 0 13px;background: rgba(0,0,0,.6); height: 100%; align-items: center;}
.visual-pop .button_box .total span{font-size: 15px;font-weight: 500;color: rgba(255, 255, 255, 0.60);line-height: 1;}
.visual-pop .button_box .total span.line {padding: 0 3px;}
.visual-pop .button_box .total .current{font-weight: 700;color: #fff;}
.visual-pop .visual-pop-swiper .item a {position: relative;display: block;width: 100%;height: 100%;}
.visual-pop .visual-pop-swiper .item a:focus{border: 1px solid #1555AE;}
.visual-pop-box.closed .visual-pop {transform: translateX(100%);}
.visual-pop .visual-pop-swiper .slick-list,
.visual-pop .visual-pop-swiper .slick-track {height: 100%;}
.visual-pop .visual-pop-swiper .item {position: relative; width: 100%;height: 100%;}
.visual-pop .visual-pop-swiper .item img {width: 100%;height: 100%; object-fit: cover;}
.visual-pop .button_box .control button[data-control="prev"]:focus,
.visual-pop .button_box .control button[data-control="next"]:focus,
.visual-pop .button_box .control button[data-control="stop1"]:focus,
.visual-pop .button_box .control button[data-control="play1"]:focus{outline: 1px dotted #fff;}
@media(max-width: 767px) {
    .visual-pop {width:300px; height: 388px; top: 15px;}
    .visual-pop .visual-pop-swiper {width:300px;}
    .visual-pop-close {top: 58px; right: 300px;}
}

@media(max-width: 500px) {
    .visual-pop {width:270px; height: 355px;}
    .visual-pop .visual-pop-swiper {width:270px;}
    .visual-pop-close {right: 270px;}
}