/* 상단레이아웃 */
.youth .gnb_wrap{padding-left: 320px;}
.youth .gnb_wrap .top_logo{top: 12px;width: 284px;height: 72px;background: url('/img/youth/top_logo.png') no-repeat;  background-size: 90%;}
.gnboverarea .gnb_tit{width: 300px;}
.gnboverarea .bg_box{margin-left: -280px;}
.gnboverarea .bg_box::after{right: 80px;background-image: url('/img/youth/gnb_bg_img.png');}
/* //상단레이아웃 */

/* 메인콘텐츠 */
/* 슬라이드 기본설정 */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
	flex-direction: column;
}
.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	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;
	
}
.swiper-container-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}
  .swiper-container-pointer-events {
	touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
	touch-action: pan-x;
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}
  .swiper-slide-invisible-blank {
	visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}
/* a11y */
.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;
}
/* 포스터 슬라이드 */
.m_poster_wrap{width:500px;height:500px;margin-left: 0;flex-shrink: 0; position:absolute;right:0;top:10px;z-index:100}
.m_poster_wrap ul li a:focus{outline:4px dashed #000;outline-offset: -2px;box-shadow:3px 2px 10px #000}
.m_poster_wrap .control{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;background-color: rgba(0,0,0,0.75);z-index: 10;padding: 0 103px 0 57px;text-align: center;}
.m_poster_wrap .control .count{color: #fff;font-size: 16px;line-height: 50px;}
.m_poster_wrap .control button{display: inline-block;text-indent:-9999px;width: 36px;height: 36px;border: 2px solid #fff;border-radius: 50%;position: absolute;bottom: 7px;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.m_poster_wrap .control button::after{content: "";display: inline-block;height: 14px;position: absolute;background-image: url(/img/lll/img_common.png);background-repeat: no-repeat;top: 9px}
.m_poster_wrap .control button:focus,.m_pop_wrap .control button:hover{background-color: rgba(255,255,255,0.15)}
.m_poster_wrap .control button:focus {outline:2px dashed #ffb825;outline-offset: 2px;box-shadow:3px 2px 10px #000}
.m_poster_wrap .control .prevSlide5{left: 20px}
.m_poster_wrap .control .nextSlide5{right: 20px}
.m_poster_wrap .control .stopSlide5{right: 66px}
.m_poster_wrap .control .startSlide5{right: 66px}
.m_poster_wrap .control .prevSlide5::after{background-position: 0 -394px;width: 8px;left: 12px;}
.m_poster_wrap .control .nextSlide5::after{background-position: -57px -394px;width: 8px;right: 12px;}
.m_poster_wrap .control .stopSlide5::after{background-position: -19px -394px;width: 9px;left: 12px;}
.m_poster_wrap .control .startSlide5::after{background-position: -38px -394px;width: 9px;left: 12px;}


.mVisual{position: relative}
.mVisual .mVisSlide ul li{height: 620px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.mVisual .mVisSlide ul li.bg1{background-image: url('/img/youth/m_visual01.jpg');}
.mVisual .mVisSlide ul li.bg2{background-image: url('/img/youth/m_visual02.jpg');}
.mVisual .mVisSlide ul li.bg3{background-image: url('/img/youth/m_visual03.jpg');}
/* .mVisual .mVisSlide ul li.bg3{background-image: url('/upload_data/board_data/BBS_0000087/169266812600641.jpg');}*/
.mVisual .mVisSlide ul li .con{margin: 0 auto;padding: 155px 40px 0;max-width: 1280px;}
.mVisual .mVisSlide ul li .con .txt{display: flex;flex-direction: column;justify-content: center;margin-bottom: 30px;height: 160px;}
.mVisual .mVisSlide ul li .con h2{margin-bottom: 30px;width: 100%;font-family: 'NanumSquare';font-size: 46px;color: #000;font-weight: bold;line-height: 1.2;}
.mVisual .mVisSlide ul li .con p{font-family: 'NanumSquare';font-weight: bold;font-size: 17px;}
.mVisual .mVisSlide ul li .con .btn{display: inline-block;}
.mVisual .mVisSlide ul li .con .btn a{display: block;padding-left: 58px;width: 140px;font-family: 'NanumSquare';font-size: 17px;color: #000;font-weight: bold;line-height: 62px;background:#fff url('/img/youth/m_detail_ic.png') no-repeat 25px center;border-radius: 20px 10px;box-shadow: 10px 10px 20px rgba(0,0,0,0.2);}

.mVisual .controll_box{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 20;}
.mVisual .controll_box::after{position: absolute;top: 0;left: 50%;width: 2000px;height: 100%;content: '';background-color: rgba(51, 102, 196, 0.94);transform: translateX(600px);}
.mVisual .controll_box .box{margin: 0 auto;display: flex;justify-content: space-between;align-items: center;max-width: 1200px;height: 80px;background-color: rgba(51, 102, 196, 0.94);border-radius: 10px 0 0;}
.mVisual .controll_box .mVisualTab ul{display: flex;align-items: center;}
.mVisual .controll_box .mVisualTab ul li{padding: 0 35px;}
.mVisual .controll_box .mVisualTab ul li a{display: block;padding:5px 0;font-family: 'NanumSquare';font-size: 18px;color: #a7c0f0;border-bottom: 2px solid transparent;transition: 0.3s;}
.mVisual .controll_box .mVisualTab ul li.on a{color: #fff;font-weight: bold;border-color:#fff;}
.mVisual .controll_box .control{display: flex;align-items: center;}
.mVisual .controll_box .control .mPage{display: flex;align-items: center;margin-right: 10px;font-family: 'NanumSquare';color: #fff;text-indent: -999px;overflow:hidden;}
.mVisual .controll_box .control .mPage span{position: relative;text-indent: 0;font-size: 17px;color: #a8c1f0;line-height: 1;}
.mVisual .controll_box .control .mPage .swiper-pagination-current{padding-right: 15px;color: #fff;}
.mVisual .controll_box .control .mPage .swiper-pagination-current::after{position: absolute;top: 50%;right: 3px;width: 7px;height: 0;content: '';border-top: 1px solid #a8c1f0;transform:translateY(-50%);}
.mVisual .controll_box .control .mPage .swiper-pagination-current:before{content: '0';}
.mVisual .controll_box .control .mPage .swiper-pagination-total:before{content: '0';}
.mVisual .controll_box .control button{position: relative;width: 34px;height: 34px;text-indent: -999px;overflow: hidden;box-sizing: border-box;}
.mVisual .controll_box .control button::before{position: absolute;top: 50%;left: 50%;content:'';transform: translate(-50%, -50%);}
.mVisual .controll_box .control .prevSlide1::before{width:10px;height: 10px;border: 1px solid #fff;border-width: 2px 2px 0 0;transform: translate(-50%, -50%) rotate(-135deg);}
.mVisual .controll_box .control .prevSlide1::after{position: absolute;top: 50%;right: 0;width: 0;height: 18px;content: '';border-left: 1px solid #a8c1f0;transform: translateY(-50%);}
.mVisual .controll_box .control .nextSlide1::before{width:10px;height: 10px;border: 1px solid #fff;border-width: 2px 2px 0 0;transform: translate(-50%, -50%) rotate(45deg);}
.mVisual .controll_box .control .stopSlide1{position: absolute;top: 0;left: 0;border-radius: 50%;z-index: 2;}
.mVisual .controll_box .control .stopSlide1::before{width: 8px;height: 12px;border: 1px solid #fff;border-width: 0 2px;}
.mVisual .controll_box .control .startSlide1{position: absolute;top: 0;left: 0;border-radius: 50%;z-index: 2}
.mVisual .controll_box .control .startSlide1::before{width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #fff;}

.load_con{position: relative;margin-left: 10px;}
.mVisual .controll_box .control .load_bar{position: relative;display:flex;flex-direction: column;width: 34px;height: 34px;justify-content: center;align-items: center;transform: rotate(90deg);z-index:1}
.mVisual .controll_box .control .load_bar .top{position: relative;width:34px;height: 17px;overflow: hidden;background:#a8c1f0;border-radius: 18px 18px 0 0;}
.mVisual .controll_box .control .load_bar .top .rectangle1{position: absolute;top: 17px;height: 17px;width: 34px;background-color: #fff;transform-origin:50% 0;}
.mVisual .controll_box .control .load_bar .bottom{position: relative;width:34px;height: 17px;overflow: hidden;background: #a8c1f0;border-radius: 0 0 18px 18px;}
.mVisual .controll_box .control .load_bar .bottom .rectangle2{position: absolute;top: -17px;height: 17px;width: 34px;background-color: #fff;transform-origin:50% 100%;}
.mVisual .controll_box .control .load_bar .innder_circ{position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;background-color: #3c6bc2;border-radius: 50%;transform: translate(-50%, -50%);z-index: 2;}
.mVisual .controll_box .control .load_bar.on .top .rectangle1{animation: spin2 2.5s forwards linear;}
.mVisual .controll_box .control .load_bar.on .bottom .rectangle2{animation: spin3 2.5s forwards linear;animation-delay: 2.5s;}

@keyframes spin2 {
	to {
        transform: rotate(180deg);
	}
}
@keyframes spin3 {
	to {
        transform: rotate(180deg);
	}
}

.mCon1{margin-bottom: 50px;padding: 40px 40px 30px;background-color: #f2f6fb;}
.mCon1 .mConBox{position: relative;margin: 0 auto;max-width: 1200px;}
.mCon1 .mConBox h2{margin-bottom: 18px;font-family: 'NanumSquare';font-size: 28px;color: #000;line-height: 1;}
.mCon1 .mConBox .mlink_slide{padding: 5px 0 10px;}
.mCon1 .mConBox .mlink_slide ul li a{display: flex;align-items: center;font-family: 'NanumSquare';font-size:17px;color: #333;}
.mCon1 .mConBox .mlink_slide ul li a::before{display: block;margin-right:15px;width: 94px;height: 94px;content: '';background-color: #fff;background-repeat: no-repeat;background-position: center center;background-size: 100%;border-radius: 20px;box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.mCon1 .mConBox .mlink_slide ul li a:hover{font-weight: bold;}
.mCon1 .mConBox .mlink_slide ul li.ic1 a::before{background-image: url('/img/youth/m_link01.png');}
.mCon1 .mConBox .mlink_slide ul li.ic2 a::before{background-image: url('/img/youth/m_link02.png');}
.mCon1 .mConBox .mlink_slide ul li.ic3 a::before{background-image: url('/img/youth/m_link03.png');}
.mCon1 .mConBox .mlink_slide ul li.ic4 a::before{background-image: url('/img/youth/m_link04.png');}
.mCon1 .mConBox .mlink_slide ul li.ic5 a::before{background-image: url('/upload_data/board_data/BBS_0000087/174157325164041.png');}
.mCon1 .mConBox .mlink_slide ul li.ic6 a::before{background-image: url('/img/youth/m_link05.png');}
.mCon1 .mConBox .mlink_slide ul li.ic7 a::before{background-image: url('/upload_data/board_data/BBS_0000087/174364717113290.png');}

.mCon1 .mConBox .control{display: none;}

.mCon2{padding: 0 40px;}
.mCon2 .mConBox{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;max-width: 1200px;}
.mNotice{position: relative;margin-right: 30px;padding-right: 30px;width: calc(100% - 660px);}
.mNotice::before{position: absolute;top: 0;left: 30px;width: calc(100% - 30px);height: 280px;content: '';background-color: #f5f5f5;border-radius: 30px;}
.mNotice .mNoticeTab{position: relative;padding-top: 100px;}
.mNotice .mNoticeTab::before{position: absolute;top: 25px;left: 0;width: 62px;height: 62px;content: '';background:#07998d url('/img/youth/m_ic_notice.png') no-repeat center center;border-radius: 50%;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.mNotice .mNoticeTab .tabm1 > a{position: absolute;left: 70px;}
/*.mNotice .mNoticeTab .tabm1 > a::after{position: absolute;top: 50%;right: -10px;width: 5px;height: 5px;content: '';background-color: #b3b3b3;border-radius: 50%;transform: translateY(-50%);}*/
.mNotice .mNoticeTab .tabm2 > a{position: absolute;left: 200px;}
.mNotice .mNoticeTab > li > a{display: block;top: 25px;padding: 15px;font-family: 'NanumSquare';font-size: 26px;color: #888;font-weight: bold;}
.mNotice .mNoticeTab > li.on > a{color: #000;}
.mNotice .mNoticeTab .mTabCon ul{display: flex;justify-content: space-between;}
.mNotice .mNoticeTab .mTabCon ul li{background-color: #fff;width: calc(50% - 8px);height: 250px;border: 1px solid #e1e1e1;border-radius: 20px;box-shadow: 10px 10px 20px rgba(0,0,0,0.1);}
.mNotice .mNoticeTab .mTabCon ul li a{display: block;padding: 30px;height: 100%;}
.mNotice .mNoticeTab .mTabCon ul li .part{display: inline-block;margin-bottom: 10px;padding: 0 10px;font-size: 15px;color: #007c72;line-height: 26px;background-color: #e6f8f2;border-radius: 13px;}
.mNotice .mNoticeTab .mTabCon ul li .tit{display: block;margin-bottom: 20px;height: 52px;font-family: 'NanumSquare';font-size: 20px;color: #000;font-weight: bold;line-height: 1.3; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.mNotice .mNoticeTab .mTabCon ul li .txt{display: block;margin-bottom: 20px;height: 40px;font-size: 15px;color: #666;line-height: 1.4; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.mNotice .mNoticeTab .mTabCon ul li .date{display: block;font-size: 14px;color: #999;line-height: 1;}
.mNotice .mNoticeTab .mTabCon ul li .que{position: relative;display: block;margin-bottom: 20px;padding-left: 28px;height: 52px;font-family: 'NanumSquare';font-size: 20px;color: #000;font-weight: bold;line-height: 1.3; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.mNotice .mNoticeTab .mTabCon ul li .que span{position: absolute;top: 0;left: 0;font-size: 24px;color: #007c72;font-weight: bold;line-height: 1;}
.mNotice .mNoticeTab .mTabCon ul li .ans{position: relative;display: block;margin-bottom: 20px;padding-left: 28px;height: 68px;font-size: 15px;color: #666;line-height: 1.5; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.mNotice .mNoticeTab .mTabCon ul li .ans span{position: absolute;top: 0;left: 0;font-size: 24px;color: #555;font-weight: bold;line-height: 1;}
.mNotice .mNoticeTab .mTabCon ul li a:hover .tit{text-decoration: underline;}
.mNotice .mNoticeTab .mTabCon ul li a:hover .que{text-decoration: underline;}

.mNotice .mNoticeTab .mTabCon .btnMore{position: absolute;top: 35px;right: 0;}
.mNotice .mNoticeTab .mTabCon .btnMore a{display: flex;align-items: center;font-size: 15px;color: #555;}
.mNotice .mNoticeTab .mTabCon .btnMore a::after{margin-left: 12px;width: 40px;height: 40px;content: '';background: #fff url('/img/youth/ic_more.png') no-repeat center center;border-radius: 15px;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.mNotice .mNoticeTab .mTabCon .btnMore a span{display: inline-block;width: 0;height: 0;opacity: 0;}

.pollCon2{flex-shrink: 0;padding: 60px 50px;width: 300px;height: 350px;background:#1a728e url('/upload_data/board_data/BBS_0000087/168775860156374.png') no-repeat 78% bottom ;border-radius: 20px;}
.pollCon2 h2{margin-bottom: 15px;font-family: 'NanumSquare';font-size: 28px;color: #fff;line-height: 1;}
.pollCon2 p{margin-bottom: 35px;font-size: 15px;color: #e8f2f5;}
.pollCon2 .btn{display: inline-block;}
.pollCon2 .btn a{display: block;width: 100px;color: #07998d;line-height: 50px;font-weight: bold;text-align: center;background-color: #fff;border-radius: 20px 10px;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.pollCon2 .btn a span{position: relative;display: inline-block;padding-right: 16px;}
.pollCon2 .btn a span::after{position: absolute;top: 50%;right: 0;width: 8px;height: 8px;content: '';border: 1px solid #07998d;border-width: 2px 2px 0 0;transform: translateY(-50%) rotate(45deg);}


.pollCon{flex-shrink: 0;padding: 60px 50px;width: 300px;height: 350px;background:#07998d url('/img/youth/poll_bg.png') no-repeat right bottom 20px;border-radius: 20px;}
.pollCon h2{margin-bottom: 15px;font-family: 'NanumSquare';font-size: 28px;color: #fff;line-height: 1;}
.pollCon p{margin-bottom: 35px;font-size: 15px;color: #c2f3e5;}
.pollCon .btn{display: inline-block;}
.pollCon .btn a{display: block;width: 100px;color: #07998d;line-height: 50px;font-weight: bold;text-align: center;background-color: #fff;border-radius: 20px 10px;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.pollCon .btn a span{position: relative;display: inline-block;padding-right: 16px;}
.pollCon .btn a span::after{position: absolute;top: 50%;right: 0;width: 8px;height: 8px;content: '';border: 1px solid #07998d;border-width: 2px 2px 0 0;transform: translateY(-50%) rotate(45deg);}


/* 하단링크 */
.m_footer_link{display: flex;justify-content: space-between;margin:80px 0 40px;width: 100%;}
.m_footer_link .list_box{position: relative;width: calc(25% - 10px);}
.m_footer_link .list_box > button,
.m_footer_link .list_box > a{width: 100%;height: 44px;padding: 0 40px 0 20px;text-align: left;line-height: 44px;border:1px solid #b3b3b3;background-color: #fff;position: relative;transition: all 0.2s;display: inline-block; color: #555555;}
.m_footer_link .list_box > button::before{content: "";display: inline-block;width: 15px;height: 1px;background: #c1c2c4;position: absolute;right: 20px;top: 21px;}
.m_footer_link .list_box > button::after{content: "";display: inline-block;width: 1px;height: 15px;background: #c1c2c4;position: absolute;right: 27px;top: 14px;}
.m_footer_link .list_box > a::after{content: "";display: inline-block;width: 15px;height: 13px;background: url('https://www.suyeong.go.kr/img/common/com_img.png') -434px -186px no-repeat;position: absolute;right: 20px;top:15px;}
.m_footer_link .list_box > button:hover,
.m_footer_link .list_box > button:focus,
.m_footer_link .list_box > button.on,
.m_footer_link .list_box > a:hover,
.m_footer_link .list_box > a:focus{background: #383a4a;border-color: #383a4a;color: #fff;}
.m_footer_link .list_box > button:hover::before,
.m_footer_link .list_box > button:focus::before,
.m_footer_link .list_box > button:hover::after,
.m_footer_link .list_box > button:focus::after,
.m_footer_link .list_box > button.on::before,
.m_footer_link .list_box > button.on::after{background: #fff}
.m_footer_link .link_box{width: 474px;height: auto;padding: 30px 35px 24px 30px;background: #fff;border:1px solid #383a4a;position: absolute;bottom: 48px;left: 0;z-index: 50;display: none;}
.m_footer_link .link_box ul{width: 100%;display: flex;-ms-display: flexbox;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.m_footer_link .link_box li{width: 33.33%;margin-bottom: 6px;}
.m_footer_link .link_box .btn_close{display: inline-block;text-indent: -9999px;width: 17px;height: 17px;position: absolute;right: 18px;top: 17px;}
.m_footer_link .link_box .btn_close::before{content: "";display: inline-block;width: 2px;height: 16px;background: #383a4a;position: absolute;right: 7px;top: 1px;transform: rotate(-45deg);}
.m_footer_link .link_box .btn_close::after{content: "";display: inline-block;width: 2px;height: 16px;background: #383a4a;position: absolute;right: 7px;top: 1px;transform: rotate(45deg);}


/* 애니효과 */
.swip_x{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.swip_x2{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 1s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.delay1{transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.delay2{transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.delay3{transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.delay4{transition-delay:1.1s;-webkit-transition-delay:1.1s;}
.delay5{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.delay6{transition-delay:1.7s;-webkit-transition-delay:1.7s;}
.delay7{transition-delay:2.0s;-webkit-transition-delay:2.0s;}
.delay8{transition-delay:2.3s;-webkit-transition-delay:2.3s;}
.delay9{transition-delay:2.6s;-webkit-transition-delay:2.6s;}
.delay10{transition-delay:3.0s;-webkit-transition-delay:3.0s;}

.swiper-slide.swiper-slide-active .swip_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}



@media (max-width: 1024px){

	.mVisual .controll_box{padding: 0 60px;}
	.mVisual .controll_box::after{left: auto;right: 0;width: 60px;transform:translateX(0);}
	.mVisual .controll_box .mVisualTab{padding-left: 20px;width: 100%;}
	.mVisual .controll_box .mVisualTab ul li{padding: 0 20px;}
	.mVisual .controll_box .mVisualTab ul li a{line-height: 1.1;text-align: center;}

	.mCon1 .mConBox .mlink_slide{margin: 0 30px;}
	.mCon1 .mConBox .mlink_slide ul li a{flex-direction: column;text-align: center;}
	.mCon1 .mConBox .mlink_slide ul li a::before{margin: 0 0 20px;}
	.mCon1 .mConBox .control{display: block;}
	.mCon1 .mConBox .control button{position: absolute;top: 80px;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;}
	.mCon1 .mConBox .control button::after{position: absolute;top: 50%;left: 50%;width: 15px;height: 15px;content: '';border: 1px solid #000;border-width: 2px 2px 0 0;transform: translate(-50%, -50%) rotate(-135deg);}
	.mCon1 .mConBox .control .prevSlide2{left: -10px;}
	.mCon1 .mConBox .control .nextSlide2{right: -10px;}
	.mCon1 .mConBox .control .nextSlide2::after{transform: translate(-50%, -50%) rotate(45deg);}

	.mCon2 .mConBox{display: block;}
	.mNotice{margin-bottom: 50px;width: 100%;}
	.pollCon{padding: 40px;width: 100%;height: auto;}
	.pollCon p{margin-bottom: 20px;}
	.pollCon p br{display: none;}
    
        .pollCon2{padding: 40px;width: 100%;height: auto;margin-bottom:5px;background: #1a728e url('/upload_data/board_data/BBS_0000087/168775860156374.png') no-repeat 90% 155%;}
	.pollCon2 p{margin-bottom: 20px;}

	.m_footer_link{flex-wrap: wrap;margin:50px 0 26px}
	.m_footer_link .list_box{width: calc(50% - 5px);margin-bottom: 10px}
	.m_footer_link .link_box{width: 100%;}
	.m_footer_link .link_box li{width: 50%}
  
}


@media (max-width: 700px){

	.mVisual .controll_box .mVisualTab ul li{padding: 0 10px;}
	.mVisual .controll_box .mVisualTab ul li a{font-size: 16px;}

	.mNotice .mNoticeTab .mTabCon ul li{width: calc(50% - 10px);}
	.mNotice .mNoticeTab .mTabCon ul li:nth-child(3){display: none;}

	.m_footer_link .link_box.right_box{left: -242px}
         .m_poster_wrap{width:100%; height:370px}


}


/* mobile device */
@media all and (max-width: 640px){

	.mVisual .mVisSlide ul li{height: 340px;}
	.mVisual .mVisSlide ul li.bg1{background-position: 35% center;}
	.mVisual .mVisSlide ul li.bg2{background-position: 60% center;}
	.mVisual .mVisSlide ul li .con{padding: 60px 30px 0;}
	.mVisual .mVisSlide ul li .con .txt{margin-bottom: 10px;height: auto;width: 150px;}
	.mVisual .mVisSlide ul li .con h2{margin-bottom: 10px;font-size: 24px;}
	.mVisual .mVisSlide ul li .con .btn a{padding-left: 0;width: 90px;font-size: 14px;line-height: 44px;text-align: center;background-image: none;}
         .mVisual .mVisSlide ul li .con p.mox99{display:none}

	.mVisual .controll_box{padding: 0;}
	.mVisual .controll_box::after{display: none;}
	.mVisual .controll_box .mVisualTab{display: none}
	.mVisual .controll_box .box{padding: 0 20px;height: 60px;border-radius: 0;}
	.mVisual .controll_box .control{justify-content: space-between;width: 100%;}
	.mVisual .controll_box .control .prevSlide1{margin-left: auto;}
	.mVisual .mVisSlide ul li .con .btn.mt45{margin-top:-20px !important;}

	.mCon1{margin-bottom: 30px; padding:30px 20px 0 20px;}
	.mCon1 .mConBox h2{font-size: 22px;}
	.mCon1 .mConBox .mlink_slide ul li a {font-family:'Nanum Gothic',sans-serif; font-size:15px;}
	.mCon1 .mConBox .mlink_slide ul li a::before{width: 84px;height: 84px;}

	.mCon2{padding: 0 20px;}
	.mNotice{margin:0 0 30px;padding-right: 0;}
	.mNotice::before{left: auto;right: -20px;width: 100%;}
	.mNotice .mNoticeTab{padding-top: 85px;}
	.mNotice .mNoticeTab::before{top: 20px;width: 50px;height: 50px;background-size: 30px;}
	.mNotice .mNoticeTab > li > a{top: 20px;padding: 10px;font-size: 22px;}
	.mNotice .mNoticeTab .tabm1 > a{left: 55px;}
	.mNotice .mNoticeTab .tabm2 > a{left: 160px;}
	.mNotice .mNoticeTab .mTabCon ul{display: block;}
	.mNotice .mNoticeTab .mTabCon ul li{width: 100%;}
	.mNotice .mNoticeTab .mTabCon ul li:nth-child(2){display: none;}
	.mNotice .mNoticeTab .mTabCon .btnMore{top: 20px;}
	.mNotice .mNoticeTab .mTabCon .btnMore a{padding: 5px;text-indent: -999px;overflow: hidden;}
	.mNotice .mNoticeTab .mTabCon .btnMore a::after{margin-left: 0;    box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);}

	.pollCon{padding:40px 30px;background-size: 150px;}
	.pollCon h2{font-size: 24px;}
	.pollCon p br{display: block;}   
        .pollCon{padding:40px 30px;background-size: 150px;}
	.pollCon h2{font-size: 24px;}
	.pollCon p br{display: block;}
	
	.pollCon2{padding:40px 30px;background: #1a728e url('/upload_data/board_data/BBS_0000087/168775860156374.png') no-repeat 90% 155%;}
	.pollCon2 h2{font-size: 24px;}
	.pollCon2 p br{display: block;}

	.m_footer_link{margin-top: 30px;}
	.m_footer_link .list_box{width: 100%}
	.m_footer_link .link_box{padding: 20px 35px 10px 20px}
	.m_footer_link .link_box li{line-height: 1.2;margin-bottom: 10px;}
	.m_footer_link .link_box .btn_close{right: 12px;top: 12px}

}