@charset "utf-8";

/* ***** responsive ***** */
@media all and (max-width:1700px){
	#container:after{border-radius:0px;}
}

@media all and (max-width:1530px){
	#wrap{min-width:320px;}
	.inner{padding:0 15px;width:auto;}

	#header .logo{left:15px;}
	#header #gnb{padding-right:15px;}
	#gnb .menu > li{padding:5px 10px;}
	.all-menu .btn-close{right:5px;width:40px;}
	#bannerSlider .swiper-button-prev{left:0;}
	#bannerSlider .swiper-button-next{right:0;}

	.main .section2 .inner,
	.main .section3 .inner{padding-left:15px;padding-right:15px;}
	.main .quick-list{flex-wrap:wrap;gap:15px 10px;}
	.main .quick-list li{flex:1 1 20%;}
	.main .quick-list li i{width:70px;height:70px;line-height:70px;}
	.main .quick-list li i img{width:45px;}
	.main .section3 .inner{gap:40px;}
	.main .board .tab-bar li{padding:0 10px;}

	.sub-top{padding-left:40px;padding-right:15px;}
	.contents{width:calc(100% - 220px);}
	.side-menu{width:220px;}
	.sub-contents{padding-left:40px;}

	.edu-list{gap:10px !important;}
	.edu-list > div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;width:calc(50% - 5px) !important;text-align:center;}
	.edu-list i{position:static;}

	.calendar-top{flex-direction:column;gap:10px;}
	.thumb-view .img{margin-right:20px;width:270px;}

	#playSlider{width:auto;}
	#playSlider .swiper-button-prev{left:5px;}
	#playSlider .swiper-button-next{right:5px;}

	.process-list .title{padding:10px 15px;width:250px;}
	.step-flex > div{flex-direction:column;}
	.step-flex .left{padding:20px 15px;width:auto;}

	.board-search{flex-direction:column;align-items:flex-start;gap:10px;}
	.board-search .search{margin-left:0;}
	.board-search .search input[type="text"]{width:300px;}

	.tab-content.view_btm .tab-page img,
	.board-view .con-row img,
	.m-form .con-row img{height:auto !important}
	.book-list li{gap:15px;padding:20px;}

	.org-wrap .dep3{margin:0;}
	.org-wrap .dep5{margin-left:-108%;margin-right:-108%;}

	.login-wrap .login{width:auto;}
	#centerList ul li .area{width:160px;}
	
}

@media all and (max-width:1024px){
	#header .logo a{width:300px;}
	#header #gnb .menu{display:none;}
	#header .h-left a{padding:0 10px;min-width:80px;font-size:13px;}
	#header .h-right{position:fixed;top:42px;right:5px;padding-top:0;z-index:100;}
	#header .h-right > a{display:none;margin-left:0;}
	#header .h-right .btn-srch{display:block;padding:0;width:40px;height:64px;line-height:inherit;text-indent:-9999px;background-image:url('/images/common/icon_search_m.svg');background-position:center;background-size:24px auto;}
	#header .h-right .btn-menu{margin-left:0;padding:0;width:40px;height:64px;text-indent:-9999px;background-image:url('/images/common/icon_allnav_gray.svg');background-position:center;background-size:28px auto;}
	#header #gnb{height:64px;}
	.top-srch{top:42px;padding:10px 0 20px;}
	.top-srch .box{padding:0 15px;width:100%;}
	.top-srch p{padding-right:44px;width:calc(100% - 42px);height:44px;}
	.top-srch p .btn-search{width:42px;background-size:20px auto;}
	.top-srch .btn-search-close{width:36px;height:44px;background-size:20px auto;}
	.top-srch ::-webkit-input-placeholder{font-size:17px;}
	.top-srch ::-moz-placeholder{font-size:17px;}
	.top-srch :-ms-input-placeholder{font-size:17px;}
	.all-menu{bottom:0;overflow:inherit;}
	.all-menu,
	.all-menu .inner{padding:0;background:#f7f7f7;}
	.all-menu-top{display:none;}
	.all-menu-m{display:flex;align-items:center;padding-left:10px;background:#4c76b9;}
	.all-menu-m .h-login > a{position:relative;padding:0 7px;line-height:64px;font-size:16px;color:#fff;}
	.all-menu-m .h-login > a:before{background:rgba(255,255,255,0.3);}
	.all-menu-m .h-login > a:first-child:before{display:none;}
	.all-menu-m .sns-list{display:flex;margin-left:10px;}
	.all-menu-m .sns-list > li{margin-left:3px;}
	.all-menu-m .sns-list i{display:block;}
	.all-menu-m .sns-list i img{width:36px;}
	.all-menu-m .sns-list span{display:none;}
	#allMenu .menu{display:block;padding:0;}
	#allMenu .menu > li{position:relative;float:none;width:auto;height:auto;border-bottom:1px solid #ddd;}
	#allMenu .menu > li:before{display:none;content:'';position:absolute;left:0;top:-1px;right:0;border-top:2px solid #fff;z-index:2;}
	#allMenu .menu > li:first-child:before{display:none !important;}
	#allMenu .menu > li.active{border-bottom:1px solid #fff;}
	#allMenu .menu > li.active:before{display:block;}
	#allMenu .menu > li.m10,
	#allMenu .menu > li.m11{display:block;}
	#allMenu .menu > li.m12{display:none;}
	#allMenu .menu > li > a{justify-content:flex-start;width:auto;padding:15px 5px 15px 15px;min-height:54px;height:auto;line-height:1.3em;font-size:18px;color:#000;text-align:left;border:none;box-sizing:border-box;}
	#allMenu .menu > li.active > a{width:42%;background:#fff;}
	#allMenu .menu > li > ul{display:none;position:fixed;left:42%;right:0;top:64px;bottom:0;padding:0 15px 15px 20px;background:#fff;overflow-y:auto;z-index:2;}
	#allMenu .menu > li.active > ul{display:block;}
	#allMenu .menu > li > ul > li{margin-bottom:0;border:none;}
	#allMenu .menu > li > ul > li > a{margin-bottom:0;padding:15px 5px;min-height:54px;font-size:16px;color:#000;line-height:1.4em;border:none;border-radius:0;border-bottom:1px solid #ddd;box-sizing:border-box;}
	#allMenu .menu > li > ul > li.active > a{background-color:#fff !important;border-color:#4c76b9;}
	#allMenu .menu > li > ul > li.has-child > a{padding:15px 28px 15px 5px;background:url('/images/common/bg_dep2_off.png') no-repeat right 6px center;}
	#allMenu .menu > li > ul > li.has-child.active > a{color:#000;background-image:url('/images/common/bg_dep2_on.png');}
	#allMenu .menu > li > ul > li > ul{display:none;margin:0;padding:10px 5px;background:#fff;border-bottom:1px solid #ddd;border-radius:0;}
	#allMenu .menu > li > ul > li.active > ul{display:block;}
	#allMenu .menu > li > ul > li > ul > li{margin:0;}
	#allMenu .menu > li > ul > li > ul > li:before{left:2px;top:15px;width:3px;height:3px;}
	#allMenu .menu > li > ul > li > ul > li > a{display:block;padding:7px 0;line-height:140%;font-size:14px;color:#333;}
	#allMenu .menu > li > ul > li > ul > li > a:before{top:14px;left:7px;background:#333;}
	.all-menu .btn-close{right:10px;top:0;width:40px;height:64px;background-image:url('/images/common/ico_close_m.png');background-size:20px auto;}
	#footer .f-logo{display:none;}

	.scroll #header .h-top{display:block;}
	.scroll #header .h-left{display:none;}
	.scroll #header .h-right{top:0;}
	.scroll .top-srch{top:64px;}

	.main .section3 .inner{flex-direction:column;}
	.main .section3 .right{width:auto;}

	.modal-title{margin:0 0 36px;text-align:center;}
	.modal-wrap .swiper-container{margin:0 44px;}
	.modal-wrap .swiper-container > button{margin-top:-54px;width:40px;height:40px;background-size:auto 25px;}
	.modal-wrap .modal-btn > a{margin:3px;padding:0 30px 0 10px;font-size:15px;background-size:12px auto;background-position:right 12px center;}
	.modal-wrap .modal-btn .modal-num{margin:3px;padding:0 10px;font-size:15px;}

	.intro-wrap > .inner{padding:50px 30px;}
	.intro-box .left a{padding:50px 25px;}
	.intro-box .left b{font-size:24px;}
	.intro-box .left .go{width:100px;font-size:15px;}
	.intro-box .right a{font-size:17px;}
	
	#wrap:before{display:none;}
	#container:before{display:none;}
	.side-menu{display:none;}
	.contents{width:100%;}
	.sub-contents{padding-left:0;}

	.thumb-view{flex-direction:column;align-items:unset;margin-bottom:40px;}
	.thumb-view .img{margin:0 auto 30px;}

	.board-search{justify-content:flex-start;}
	.board-search .search{width:100%;justify-content:flex-start;flex-wrap:wrap;}
	.board-search .search *{margin:2px !important;}
	.board-search .search select{padding-left:7px;width:calc(100% / 3 - 4px) !important;}
	.board-search .search input[type="text"]{width:calc(100% - 127px) !important;}
	.board-search .btn-search{width:45px;text-indent:-9999px;background-position:center;}
	.board-search .btn-all{width:70px;}

	.vision-area .list{width:auto;}
	.greeting-wrap{padding:30px;}
	.greeting-wrap:after{top:inherit;bottom:-100px;height:500px;background-size:contain;}
	.greeting-wrap .top{margin:0;}
	
	#centerList ul li{border-bottom:1px dotted #dcdcdc;}
	#centerList ul li:last-child{border-bottom:none;}
	#centerList ul li a{padding:7px 0;flex-direction:column;}
	#centerList ul li b,
	#centerList ul li span{padding:0 20px;width:auto !important;}
}

@media all and (max-width:768px){
	.web-only{display:none;}
	.mobile-only{display:block;}

	body{font-size:14px;word-break:break-all;}
	input[type='text'], input[type='password'], input[type='number'], input[type='submit'], button, select, textarea{font-size:15px;}
	select{padding:0 25px 0 5px;background-position:right 7px center;}
	input[type="checkbox"], input[type="radio"]{margin:2px 0;}
	input[type="checkbox"] + label,
	input[type="radio"] + label{margin-left:5px;}
	.inp-col{margin:2px 10px 2px 0;}
	.inp-file.w100p,
	.inp-file.mw100p{width:calc(100% - 85px);}
	.inp-file + .btn.inline{width:75px;}
	.inp-flex > li{padding-right:10px;}
	-webkit-input-placeholder{font-size:15px;}
	-moz-placeholder{font-size:15px;}
	-ms-input-placeholder{font-size:15px;}

	#header .logo a{width:250px;}
	#bannerSlider,
	#bannerSlider ul li a{height:80px;}
	#bannerSlider .swiper-button-prev,
	#bannerSlider .swiper-button-next{margin-top:-40px;}
	#footer{padding:40px 0;}
	#footer .f-link{margin-bottom:10px;}
	#footer .f-link li{margin-right:10px;}
	#footer .f-link li a{font-size:15px;}
	#footer p{font-size:13px;}
	#footer .address span{display:block;margin-right:0;}
	.quick-menu,
	.main .quick-menu{top:inherit;bottom:30px;right:30px;width:auto;}
	.quick-menu .sns-list{display:none;}
	#btnTop{width:50px;height:50px;}

	.main #visualSlider li{height:300px;}
	.main #visualSlider li .bg{border-radius:30px 0 30px 30px;}
	.main #visualSlider li .txt-grp{margin-top:-60px;}
	.main #visualSlider li .txt-grp > .txt-wrap.txt1 > span{font-size:24px;}
	.main #visualSlider li .txt-grp > .txt-wrap > span{font-size:16px;}
	.main #visualSlider li .txt-grp img{max-width:300px;}
	.main #visualSlider .swiper-slide .txt-grp > .txt-wrap.txt1{margin-bottom:15px;}
	.main #visualSlider .swiper-grp{bottom:40px;margin:0 auto;}
	.main #visualSlider .swiper-pagination{width:100px;}
	.main #visualSlider .swiper-grp > .inner > button{width:36px;height:36px;background-size:12px auto !important;}
	.main .section2{margin-top:0;}
	.main .section2:before,
	.main .section3:before{display:none;}
	.main .section2 .inner{padding:40px 15px;flex-direction:column;gap:20px;}
	.main .section2 .left{width:auto;text-align:center;}
	.main .section2 h3{margin-bottom:10px;font-size:20px;}
	.main .section2 h3 span:after{display:none;}
	.main .section2 p{font-size:15px;}
	.main .quick-list li a{font-size:15px;word-break:keep-all;}
	.main .section3 .inner{padding:40px 15px;}
	.main .board .tab-bar,
	.main #popupSlider .swiper-top{margin-bottom:15px;}
	.main .board .tab-bar li a{font-size:20px;}
	.main .notice-list{gap:10px;}
	.main .notice-list li{flex:1 1 40%;width:auto;}
	.main .notice-list li a{height:150px;}
	.main .notice-list li .title{max-height:72px;line-height:24px;font-size:17px;}
	.main .notice-list li .date{font-size:14px;}
	.main #popupSlider .swiper-top h3{font-size:20px;}
	.main .board .btn-more,
	.main #popupSlider .swiper-grp button{width:30px;height:30px;}
	
	.intro-wrap{min-height:inherit;}
	.intro-wrap > .inner{padding:40px 20px;}
	.intro-wrap .logo{margin-bottom:30px;max-width:70%;}
	.intro-wrap .slogan{margin-bottom:20px;}
	.intro-wrap .slogan .img{margin:0 auto 10px;max-width:90%;}
	.intro-wrap .slogan p{font-size:16px;}
	.intro-box{flex-direction:column;height:auto;margin-bottom:20px;}
	.intro-box .left{width:auto;}
	.intro-box .left a{position:relative;padding:30px;height:auto;}
	.intro-box .left b{margin-bottom:20px;font-size:20px;}
	.intro-box .left i{position:absolute;right:0;bottom:10px;}
	.intro-box .left i img{width:150px;}
	.intro-box .right{width:auto;height:auto;}
	.intro-box .right a{gap:10px;font-size:15px;}
	.intro-box .right a i img{width:50px;}
	.intro-footer p{font-size:14px;}
	.intro-footer .address span{display:block;margin-right:0;}

	#container:after{display:none;}
	.sub-top{flex-direction:column;justify-content:center;gap:10px;margin:0 -15px;padding:0 15px;height:140px;}
	.sub-top h3{font-size:24px;}
	.sub-top .top-btn{display:none;}
	.sub-top .location{flex-wrap:wrap;}
	.sub-top .location li{margin:2px 0;font-size:13px;}
	.sub-contents{padding:40px 0;}

	.tab-link,
	.link .tab-bar{margin-bottom:30px;flex-wrap:wrap;word-break:keep-all;border-bottom:none;}
	.tab-link li,
	.link .tab-bar li{flex:1 1 40%;margin-left:-1px;margin-top:-1px;border-radius:0 !important;border:1px solid #dbdbdb !important;}
	.tab-link li:nth-child(2n),
	.link .tab-bar li:nth-child(2n){border-left:none;}
	.tab-link li.active,
	.link .tab-bar li.active{border:1px solid #a7bf54 !important;}
	.tab-link li.active:after,
	.link .tab-bar li.active:after{display:none;}
	.tab-link li a,
	.link .tab-bar li a{height:50px;font-size:15px;}

	.tab-link2{margin-bottom:30px;}
	.tab-link2 li{padding:0 5px;}
	.tab-link2 li a{font-size:17px;}

	.btn-area{margin:30px 0;}
	.paging + .btn-area{margin-top:30px;}

	.list-con > li{margin-bottom:5px;}
	.list-con.square > li:before{top:10px;}
	.list-con.line > li:before{top:10px;}
	.list-con.dot > li:before{top:10px;}
	.list-con > li .title{font-size:15px;}
	.list-con.flex li{flex-wrap:wrap;}

	.info-box{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:40px;padding:20px;}
	.info-box.center{flex-direction:inherit;}
	.info-box i{margin:0 auto !important;width:60px;height:60px;line-height:60px;}
	.info-box i img{width:40px;}
	.info-box .con p.title{font-size:17px;}

	.btn-area{margin:40px 0;}
	.btn{padding:0 20px;min-width:100px;min-height:50px;font-size:16px;}
	.btn.small{padding:0 10px;min-width:50px;min-height:40px;font-size:15px;}
	.btn.inline{padding:0 10px;min-width:50px;font-size:15px;}
	.btn-down,
	.btn-link{padding:0 10px !important;min-width:50px !important;min-height:40px;font-size:15px;word-break:keep-all;}

	.h4-title{margin-bottom:15px;font-size:20px;}
	.h5-title{margin:20px 0 10px;padding-left:26px;font-size:18px;background-size:18px auto;background-position:left 2px !important;}
	.h6-title{font-size:16px;}
	.h4-content{margin-bottom:40px;}
	.h5-content{margin-bottom:30px;}
	.h5-content.pdl{padding-left:0;}

	.table-title{display:block;margin-bottom:15px;}
	.table-title .h4-title,
	.table-title .h5-title{display:block;margin-bottom:5px;}
	.table-desc{font-size:14px;}

	.icon-box{gap:20px;}
	.icon-box i img{width:70px;}

	.flex-grp{flex-direction:column;}
	.flex-grp > li{width:auto;padding-right:0;}

	.law-box{gap:10px !important;}	
	.law-box > li{padding:30px 10px;width:calc(50% - 5px) !important;}
	.law-box i{margin:0 auto 15px;width:70px;}
	.law-box .title{margin-bottom:15px;font-size:17px;}

	.step-list > div{width:calc(50% - 9px) !important;}
	.step-list > div:after{display:block !important;}
	.step-list > div:nth-child(2n):after,
	.step-list > div:last-child:after{display:none !important;}
	.step-list > div .title{height:50px;font-size:17px;}
	.step-list > div .con{padding:20px 10px;}

	.edu-list > div{padding:20px 10px;}

	.process-list > div{flex-direction:column;gap:5px;}
	.process-list .title{width:auto;font-size:17px;}
	.process-list .title:before,
	.process-list .title:after{display:none;}
	.process-list .con{padding:15px;}

	.step-flex .left,
	.step-flex .left em{font-size:17px;}
	.step-list.no-title > div{min-height:100px;}

	.calendar-control .calendar-select{margin-right:5px;font-size:20px;}
	.calendar-control a.btn-prev + .calendar-select{margin-left:5px;}
	.calendar-control a.btn-prev,
	.calendar-control a.btn-next{background-size:auto 20px;}
	.calendar-control .calendar-select > div a{font-size:17px;}

	.calendar-title{margin-bottom:10px;}
	.calendar-title b{margin:0 25px;font-size:24px;}
	.calendar-title a.btn-prev,
	.calendar-title a.btn-next{width:40px;height:40px;background-size:auto 20px;}
	.calendar-list td{padding:10px 5px;}
	.calendar-list td .holiday{font-size:13px;}

	.category{width:auto !important;font-size:13px !important;}
	.m-calendar table{display:block;text-align:left;border-top:2px solid #212121;}
	.m-calendar thead{display:none;}
	.m-calendar tbody{display:block;}
	.m-calendar table tr{display:block;}
	.m-calendar td{display:block;padding:10px;height:auto;border-right:none;}
	.m-calendar td .day:after{display:inline-block;content:'(일)';padding-left:5px;font-size:13px;color:#666;}
	.m-calendar td .holiday b{margin-left:5px;}
	.m-calendar td:first-child .day:after{color:#e14445;}
	.m-calendar td:nth-child(2) .day:after{content:'(월)';}
	.m-calendar td:nth-child(3) .day:after{content:'(화)';}
	.m-calendar td:nth-child(4) .day:after{content:'(수)';}
	.m-calendar td:nth-child(5) .day:after{content:'(목)';}
	.m-calendar td:nth-child(6) .day:after{content:'(금)';}
	.m-calendar td:last-child .day:after{content:'(토)';}
	.m-calendar td.td-empty{display:none;}
	.m-calendar td .schedule{margin-top:5px;}
	.m-calendar td .subject{font-size:16px;}

	.w-calendar th{padding:5px;font-size:13px;}
	.w-calendar td .holiday{display:block;margin-left:0;font-size:12px;}
	.w-calendar td .day{font-size:13px;}

	.time,
	.reservation-box a .text,
	.reservation-box a .ing,
	.reservation-box a .end{font-size:14px;}

	.calendar-area{flex-direction:column;}
	.calendar-area > div{width:100%;}
	.calendar-top .calendar-title b{font-size:24px;}
	.cate-list li:before{top:0;}
	.calendar-small th,
	.calendar-small td{font-size:14px;}
	.calendar-small td .day,
	.calendar-small td .day input + label{width:30px;height:30px;line-height:30px;}
	.calendar-small td .day .font12{line-height:1.3em;}
	.calendar-small td .day input + label{font-size:14px;}
	.calendar-small td .holiday p{line-height:20px;}
	.calendar-date{font-size:20px;}
	.calendar-table th,
	.calendar-table td{height:50px;font-size:14px;}

	.play-img{margin-bottom:40px;}
	.play-list{margin-top:40px;gap:15px 10px;}
	.play-list > li{width:calc(50% - 5px);}
	.play-list > li .img{margin-bottom:10px;}

	.edu-list i{width:40px;}
	.edu-list .title{margin-top:10px;min-height:inherit;font-size:17px;}
	.edu-list .title br{display:none;}

	.program-list{gap:10px;}
	.program-list > li{flex:1 1 40%;width:auto;height:100px;font-size:15px;word-break:keep-all;}
	.program-list > li i{margin:0 auto 10px;width:40px;}

	.thumb-view h4.title{font-size:17px;}
	.thumb-view .btn-grp > *{padding:5px;height:50px;font-size:15px;}
	.view_btm .tab-bar li a{height:50px;font-size:16px;}

	.table-info th,
	.table-info td{padding:10px 3px !important;font-size:13px;line-height:1.3em;}
	.table-info thead th{font-size:13px;}

	.play-wrap{margin-bottom:80px;}
	#playSlider li img{height:350px;}
	#playSlider .swiper-button-prev,
	#playSlider .swiper-button-next{width:44px;height:44px;background-size:auto 12px;}

	.childcare-item{display:block;}
	.childcare-item .item{margin:0 0 30px;}
	.childcare-item .item .img,
	.childcare-item .item .title{margin-bottom:12px;font-size:17px;}

	.empty{font-size:16px !important;}
	.count{font-size:16px;line-height:20px;}
	.board-search .search select{width:calc(50% - 6px) !important;}
	.board-search .search .sel-grp{width:100%;flex-wrap:wrap;}
	.board-search .search .sel-grp select{flex:auto;}

	.m-list{overflow:hidden;border-top:2px solid #212121;}
	.m-list table{display:block;text-align:left;}
	.m-list table th{display:block;padding:2px 5px;height:auto;font-size:15px;border-bottom:none;}
	.m-list table td{display:inline-block;position:relative;padding:2px 5px;font-size:15px;height:auto;border-bottom:none;}
	.m-list table thead{display:none;}
	.m-list table tbody{display:block;}
	.m-list table tr{display:block;padding:10px 0;border-bottom:1px solid #ddd;}
	.m-list table td{position:relative;line-height:1.5em;}
	.m-list table td:after{display:block;content:'';position:absolute;left:-3px;top:9px;width:1px;height:10px;background:#ddd;}
	.m-list table td.title{display:block;padding:5px;}
	.m-list table td.title a{display:block;font-weight:500;font-size:17px;}
	.m-list table td.title a.open{margin-left:0;}
	.m-list table td.subject a{font-weight:500;font-size:17px;}
	.m-list table td.title a.lock{padding-left:30px;background-size:auto 20px;}
	.m-list table td.num{display:none !important;}
	.m-list table td.td-empty{display:none;}
	.m-list table td.empty{display:block;padding:50px 0;}
	.m-list table td .file img{width:16px;}
	.m-list table .notice-row{position:relative;}
	.m-list table .notice-row:before{display:block;content:'';position:absolute;right:10px;bottom:20px;width:27px;height:25px;background:url('/images/sub/ico_notice.png') no-repeat center / auto 25px;}
	.m-list.type2 table{display:block;}
	.m-list.type2 table td{display:block;padding:3px 5px;min-height:32px;line-height:24px;text-align:left !important;}
	.m-list.type2 table td.empty{text-align:center !important;}
	.m-list.type2 table td.title a{display:inline-block;white-space:normal;}
	.m-list.type2 table td[data-label]{position:relative;padding-left:115px;}
	.m-list.type2 table td[data-label]:before{display:flex;align-items:center;justify-content:center;content:attr(data-label);position:absolute;left:0;top:1px;padding:0;width:105px;height:30px;background:#f3f3f3;border-radius:3px;box-sizing:border-box;}
	.m-list table .category,
	.m-list table .state,
	.m-list table .btn-status{margin:0 2px;padding:2px 10px;min-width:inherit;min-height:auto;height:auto;font-size:13px;}

	.photo-list ul{gap:20px 10px;}
	.photo-list li{width:calc(50% - 5px);}
	.photo-list li .con{padding:20px;}
	.photo-list li .title{height:52px;line-height:26px;font-size:17px;}
	.photo-list li .date{font-size:15px;}
	.photo-list li.empty{padding:50px 0;}

	.book-list ul{gap:10px;}
	.book-list li{width:100%;}
	.book-list li .img{width:120px;height:160px;}
	.book-list li .title{max-height:72px;line-height:24px;font-size:17px;}
	.book-list li .con .btn-down{font-size:15px;}

	.board-view .title{padding:15px 10px;font-size:18px;}
	.board-view .info-row li,
	.board-view .file-row,
	.board-view .page-row li{padding:13px 0;}
	.board-view .info-row li{font-size:15px;}
	.board-view .info-row li b,
	.board-view .info-row li:first-child b,
	.board-view .file-row b,
	.board-view .page-row li b{padding:0 10px;flex-shrink:0;width:auto;font-size:15px;}
	.board-view .info-row li span,
	.board-view .page-row li span{padding:0 10px;font-size:15px;}
	.board-view .info-row li span:before,
	.board-view .page-row li b:after{top:4px;height:10px;}
	.board-view .file-list{padding:0 10px;}
	.board-view .file-list .file-down{width:24px;height:24px;background-size:12px auto;}
	.board-view .file-row{flex-direction:column;align-items:flex-start;}
	.board-view .file-row b{margin-bottom:7px;}
	.board-view .file-row b:after{display:none;}
	.board-view .con-row{padding:30px 5px;overflow-x:auto;}
	.board-view .con-row img{height:auto !important;}
	.file-list li{padding-left:24px;line-height:24px;font-size:15px;background-position:left 2px;background-size:16px auto;}
	.file-down{margin:0 5px;width:24px;height:24px;}
	.paging{margin:30px 0;}
	.paging .num{display:none;}
	.m-page{display:inline-block;font-size:18px;vertical-align:middle;}
	.m-page b{font-size:20px;}

	.m-form table{display:block;text-align:left;}
	.m-form table th{display:block;padding:10px 5px !important;height:auto !important;font-size:15px !important;background:#f8f8f8;}
	.m-form table td{display:block;position:relative;padding:10px 5px;min-height:39px;height:auto !important;font-size:15px !important;}
	.m-form table tr{display:block;padding:0;}
	.m-form table thead,
	.m-form table tbody{display:block;}
	.m-form table .th-title,
	.m-form table .title{margin-bottom:0;padding:15px 10px !important;font-size:18px !important;}
	.m-form .join-title{background:#efefef !important;}
	.m-form .con-row{padding:20px 5px;overflow-x:auto;}
	.m-form label + input{margin-left:10px;}
	.m-form .msg{font-size:13px;}
	.m-form span.msg{display:block;margin:5px 0;}
	.m-form .check-flex{gap:7px;}
	.m-form .flex-box{flex-direction:column;align-items:flex-start;gap:5px;}

	.goal-box{padding:30px 160px 30px 20px;min-height:inherit;}
	.goal-box p{font-size:15px;word-break:keep-all;}
	.goal-box .title{font-size:17px;}

	.center-list > li{flex-wrap:wrap;border-bottom:none;}
	.center-list > li > div{width:100% !important;font-size:15px;border-bottom:1px solid #e1e1e1;}
	.center-list > li i{min-width:120px;}

	.login-wrap{padding:30px 20px;}
	.login-top{margin-bottom:20px;}
	.login-top p{font-size:20px;word-break:keep-all;}
	.login-wrap .login{margin-bottom:20px;}
	.login-wrap .login ::-webkit-input-placeholder{font-size:15px;} 
	.login-wrap .login :-ms-input-placeholder{font-size:15px;} 
	.login-wrap .login ::placeholder{font-size:15px;} 
	.login-wrap .login ul{margin-bottom:10px;}
	.login-wrap .login ul li{padding-left:5px;height:50px;}
	.login-wrap .login ul li input{padding:0 15px;}
	.login-wrap .login .btn-login{height:50px;font-size:17px;}
	.login-btm a{padding:0 10px;font-size:15px;}
	.login-btm a + a:before{top:3px;}

	.find-wrap{padding:30px 20px;}
	.find-area{width:auto;}
	.find-area ul li b{width:70px;font-size:16px;}
	.find-top{margin-bottom:20px;}
	.find-top p{font-size:17px;line-height:1.4em;word-break:keep-all;}

	.result-top{margin-bottom:20px;}
	.result-top b{margin-bottom:10px;font-size:20px;word-break:keep-all;}
	.result-top p{font-size:15px;word-break:keep-all;}
	.result-area{padding:30px 20px;font-size:16px;}
	.result-area b{padding-left:28px;min-width:75px;width:auto;font-size:15px;}
	.result-area b:before{top:0;}
	.result-area span{margin-left:5px;font-size:16px;}
	.result-area ul li + li{margin-top:20px;}
	.result-area ul li span{font-size:16px;}

	.join-step{margin-bottom:40px;}
	.join-step ul li{flex-direction:column;padding:0 10px;min-width:120px;height:auto;font-size:15px;}
	.join-step ul li:before{top:20px;left:-10px;width:20px;}
	.join-step ul li em{display:block;margin:0 auto 10px;}
	.join-type{margin-bottom:40px;}
	.join-type ul li{flex:auto;width:calc(50% - 5px);height:70px;}
	.join-type ul li input + label{height:100%;font-size:15px;}
	.join-type ul li input + label span{padding-left:50px;background-size:auto 30px;}
	.join-type .con{margin-top:-35px;}
	#findCenter.active{display:block;}
	#centerList ul{max-height:230px;}
	#centerList ul li a{font-size:15px;}
	.userInfo{flex-direction:column;align-items:flex-start;}
	.userInfo + .userInfo{margin-top:5px;padding-top:5px;border-top:1px solid #dcdcdc;}
	.msg.pl40{padding-left:0px !important;}
	.join-step + .result-top{margin-top:40px;}

	.agree-con{padding:20px 15px;max-height:200px;font-size:14px;}
	.agree-con .h4-title{margin-bottom:12px;font-size:19px;}
	.agree-con .h5-title{font-size:17px;}
	.agree-con .h4-content{margin-bottom:30px;}
	.agree-con .h5-content{margin-bottom:20px;}
	.agree-con .title{font-size:17px;}
	.agree-table table th,
	.agree-table table td{padding:10px 5px;font-size:14px;}
	.agree-check{flex-direction:column;gap:10px;padding:15px;}
	.agree-check p{font-size:15px;word-break:keep-all;}
	.agree-check .right{margin-left:0;}
	.agree-check label + input{margin-left:10px;}
	.agree-check label{font-size:15px;}
	.agree-all{margin-bottom:30px;padding:20px 15px;}
	.agree-all label{font-size:17px;}
	.agree-all label span{display:block;font-size:15px;}
	.agree-box{padding:20px;}
	.agree-box p{font-size:16px;}
	.agree-box p + p{margin-top:15px;}
	
	.vision-area .list > li b{font-size:24px;}
	.vision-area .list > li span{font-size:17px;}
	.goal-area{gap:10px;}
	.goal-area > div{width:calc(50% - 5px);}
	.goal-area .title{height:70px;font-size:17px;}
	.goal-area .list-con{min-height:220px;}
	.business-list{flex-wrap:wrap;gap:10px;}
	.business-list > div{flex:1 1 40%;}
	.business-list > div .con{padding:20px;min-height:385px;}
	.history-grp{flex-direction:column;gap:10px;margin-bottom:35px;padding-bottom:25px;}
	.history-grp .row{gap:20px;}
	.history-grp .year{font-size:24px;}
	.greeting-wrap{padding:30px 20px 70px;height:auto;}
	.greeting-wrap:after{bottom:-30px;height:200px;}
	.greeting-wrap p{font-size:15px;}
	.greeting-wrap p + p{margin-top:20px;}
	.greeting-wrap .top{font-size:17px;}
	.map-area{margin-bottom:30px;}
	.map-area .root_daum_roughmap .wrap_map{height:250px !important;}
	.map-wrap .h4-content p.title{font-size:16px;}
	.center-list > li > div{padding:5px 0;}
	.center-list > li img{margin-right:10px;}
	.map-wrap .center-list > li > div,
	.map-wrap .h5-content .list-con > li{font-size:15px;}
	.map-wrap .h5-content i{width:50px;}
	.org-wrap .dep2 > li > span{width:130px;font-size:15px;}
	.org-wrap .dep3 > li > span,
	.org-wrap .dep4 > li > span{font-size:15px;}
	.org-wrap .dep3 > li > .list-con{padding:20px 15px;}
	.org-wrap .dep5{margin-left:-115%;margin-right:-115%;}

	.search-top{margin-bottom:40px;}
	.search-top .search-msg{font-size:18px;word-break:keep-all;}
	.search-top .board-search{padding:30px 20px;}
	.search-top .board-search .search input[type="text"]{width:calc(100% - 57px) !important;}
	.search-con .top h4{font-size:20px;word-break:keep-all;}
	.search-con .list li a{padding:10px 5px;}
	.search-con .list li .title{font-size:17px;}
	.search-con .list li .cont{margin:10px 0;height:48px;line-height:24px;font-size:15px;}
	.search-con .list li .date{position:static;font-size:15px;}
	
	.mw40{width:40px;}
    .mw50{width:50px;}
    .mw60{width:60px;}
	.mw80{width:80px;}
	.mw100{width:100px;}
	.mw110{width:110px;}
	.mw150{width:150px;}
	.mw170{width:170px;}
	.mw200{width:200px;}
	.mw50p{width:calc(50% - 6px);}
	.mw60p{width:60%;}
	.mw70p{width:70%;}
	.mw80p{width:80%;}
	.mw90p{width:90%;}
	.mw100p{width:99.9%;}
}

@media all and (max-width:500px){
	.main .quick-list li a{font-size:13px;}
	.main .notice-list li a{padding:20px 15px;}
	.main .board .tab-bar li{padding:0 5px;}
	.main .board .tab-bar li a{font-size:17px;}
	.main #popupSlider li a img{height:200px;}

	.modal-title{margin-bottom:20px;}
	.modal-title span{width:270px;}
	.modal-btn{margin-top:20px;}
	#modalSlider2 .swiper-grp,
	#modalSlider2 .swiper-container > button{display:block;}

	.intro-wrap > .inner{padding:30px 20px;}
	.intro-wrap .logo{margin-bottom:20px;}
	.intro-wrap .slogan p{font-size:14px;}
	.intro-box .left a{padding:20px 30px;}
	.intro-box .left b{position:relative;margin-bottom:15px;font-size:17px;z-index:2;}
	.intro-box .left b br{display:none;}
	.intro-box .left .go{min-height:36px;}
	.intro-box .left i img{width:100px;}
	.intro-box .right a{width:50%;line-height:1.3em;font-size:14px;}
	.intro-box .right a i img{width:36px;}
	.intro-footer p{font-size:13px;}

	.table-info.scroll{overflow-x:auto;}
	.table-info.scroll table{width:700px;}
	#playSlider li img{height:220px;}
	.law-box > li{width:100% !important;}
	.law-box .title{font-size:16px;}
	.photo-list li{width:100%;}
	.photo-list li a{margin:0 auto;width:270px;}
	.photo-list li .img{height:173px;}
	.goal-box{padding:30px 20px;}
	.vision-area .list{flex-direction:column;align-items:center;gap:30px;}
	.vision-area .list:before{display:none;}
	.vision-area .list > li{width:250px;}
	.vision-area .list > li b{margin-bottom:15px;height:80px;line-height:80px;border-radius:70px !important;}
	.goal-area{flex-direction:column;}
	.goal-area > div{width:auto;}
	.goal-area .list-con{padding:20px;min-height:inherit;}
	.business-list > div{flex:1 1 60%;}
	.business-list > div .title{gap:10px;height:120px;font-size:17px;}
	.business-list > div .title i{width:50px;}
	.business-list > div .con{min-height:inherit;}
	.map-wrap .h5-content{flex-direction:column;align-items:flex-start;gap:10px;}
	.org-wrap .dep2 .dep2-3 > span{margin:30px 0 0;}
	.org-wrap .dep3{flex-direction:column;gap:0;}
	.org-wrap .dep3 > li{margin:30px 0 0;}
	.org-wrap .dep3:before,
	.org-wrap .dep3 > li > span:before{display:none;}
	.org-wrap .dep3 > li{width:auto;}
	.org-wrap .dep3 > li > .list-con{min-height:inherit;}
	.org-wrap .dep4{margin-top:10px;}
	.org-wrap .dep4 > li > span{margin-bottom:10px;height:40px;}
	.org-wrap .dep5{margin:0;gap:5px;flex-wrap:wrap;}
	.org-wrap .dep5 > li{flex:1;width:auto;}
	.org-wrap .dep5 span{font-size:13px;}

	.join-step ul li{min-width:100px;font-size:14px;}
	#centerList ul li a{font-size:14px;}
}

@media all and (max-width:359px){
	#header .logo a{width:210px;}
	.all-menu-m .h-login > a{padding:0 5px;font-size:14px;}
	.all-menu-m .sns-list{margin-left:5px;}

	.main #visualSlider li .txt-grp img{max-width:280px;}
	.main .board .tab-bar li a{font-size:15px;}

	.btn{min-width:80px;}
	.org-wrap .dep5 span{font-size:12px;}
	.join-step ul li{min-width:90px;font-size:13px;}
	#centerList ul li a{font-size:13px;}

	.w170{width:150px;}
	.mw80{width:70px;}
	.mw50p{width:calc(50% - 17px);}
}

/* ***** print ***** */
@media print{
	@page {size: A4 landscape;}
	html, body{margin:0;padding:0;overflow:auto !important;height:auto !important;}
	
}