@charset "utf-8";

/* ***** responsive ***** */
@media all and (max-width:1700px){
	
	.sub-top{margin:0 15px;}
	.sub-top:before{right:inherit;width:170px;}
	.side-menu h2{margin-left:55px;}

	.main .section{margin:0 15px;}
	.main #visualSlider li .txt-grp{width:auto;}
	.main .quick-list{bottom:30px;width:auto;}
	.main #btnScroll{display:none;}
	.main .section2{margin:0;}
	.main .section2 .swiper-wrap{margin:0;}
	.main .edu-slider,
	.main .notice-slider{width:auto;}
	.main .edu-slider li{padding:15px 0;}
	.main .notice-slider .slider-item li a{padding:30px 15px;}
	.main .notice-slider .slider-item{padding:15px;}
	.main .edu-slider > button,
	.main .notice-slider > button{width:50px;height:50px;}
	.main .section3 .inner{padding:0;gap:0;}
	.section3 .inner > div{padding-left:20px;padding-right:20px;width:50%;box-sizing:border-box;}
	.main .section3 .title-area h3{text-align:center;}
}

@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 > a{padding:5px 20px;}
	#header .btn-menu{margin-left:20px;}
	.all-menu-top .inner{margin:0;}
	.all-menu .btn-close{width:40px;right:10px;}
	#footer > .inner{gap:0 50px;}
	
	.main .quick-list > ul{flex-wrap:wrap;}
	.main .quick-list > ul > li{flex:1 1 30%;}
	.main .notice-slider .slider-item{margin:-5px;}
	.main .notice-slider .slider-item li{padding:5px;}

	#contents{gap:30px;}
	.sub-top:before{height:80px;}
	.sub-top h3{margin-bottom:10px;font-size:40px;}
	.side-menu{margin-top:-80px;width:220px;}
	.side-menu h2{height:80px;font-size:26px;}

	.org-wrap .dep2 .dep2-1{padding-left:0;}
	.org-wrap .dep2 .dep2-1:after{left:210px;}
	.org-wrap .dep2 .dep2-2{padding-right:0;}
	.open-grp{margin:20px 0;}

	.w-toy ul li a{padding:0;}
	.w-toy ul li .img{width:150px;height:150px;}
	.m-toy ul li .img{max-width:100%;}
	.m-toy.type2 ul li .img{width:auto;height:auto;}
	.toy-view .img{margin-right:20px;width:250px;height:250px;}

	.tab-content.view_btm .tab-page img,
	.board-view .con-row img,
	.table-form .con-row img{height:auto !important}

	.board-search{flex-direction:column;align-items:flex-start;gap:10px;}
	.board-search .search{margin-left:0;}

	.policy-grp .title{width:200px;min-height:200px;}
	
}

@media all and (max-width:1024px){
	#header{height:64px;}
	#header .logo{top:0;height:100%;}
	#header .logo a{width:270px;}
	#header .h-right{position:fixed;top:0;right:50px;padding-top:0;height:64px;z-index:100;}
	#header .h-right > a{display:none;}
	#header .h-right .btn-srch{display:block;margin:0;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:22px auto;}
	#header #gnb{padding-right:10px;}
	#gnb .menu{display:none;}
	#header .btn-menu{margin-left:0;width:40px;}
	.top-srch{top:64px;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:#019dd9;}
	.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;}
	#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 > 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{border-color:#019dd9;}
	#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;}

	#container{padding-top:64px;}
	#footer .f-logo{display:none;}

	.main #visualSlider li .txt-grp > .txt-wrap > span{font-size:20px;}
	.main #visualSlider li .txt-grp > .txt-wrap.txt1 > span{font-size:40px;}
	.main .quick-list > ul{gap:10px;}
	.main .quick-list > ul > li .hover-box a{font-size:15px;}

	.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;}

	.sub-top:before,
	.side-menu{display:none;}
	#contents{flex-direction:column;gap:0;}

	.mission-area{width:auto;}
	.mission-area:before{top:98px;}
	.mission-area:after{top:91.5px;}
	.mission-area > div{gap:10px;width:200px;height:200px;font-size:14px;}
	.mission-area > div span{font-size:15px;}
	.mission-area > div span em{margin-bottom:5px;font-size:24px;}

	.place-wrap .icon-list li:first-child{font-size:17px;}

	.thumb-view{flex-direction:column;align-items:unset;margin-bottom:40px;gap:0;}
	.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% - 128px) !important;}
	.board-search .btn-search{width:45px;text-indent:-9999px;background-position:center;}
	.board-search .btn-all{width:70px;}

	.login-wrap .login{width:auto;}
	.login-btm{gap:50px;width:auto;}
	.login-btm li + li:before{left:-30px;}
}

@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% - 83px);}
	.inp-file + .btn.inline{width:75px;}
	-webkit-input-placeholder{font-size:15px;}
	-moz-placeholder{font-size:15px;}
	-ms-input-placeholder{font-size:15px;}

	#header .logo a{width:230px;}
	#container{min-height:inherit;}
	#footer{padding:40px 0;font-size:14px;}
	#footer > .inner{padding:0 15px;}
	#footer .f-link{padding:0;margin-bottom:10px;}
	#footer .f-link li{margin-right:5px;padding-right:10px;}
	#footer .f-link li:after{top:9px;}
	#footer .f-link li a{line-height:2em;}
	#footer .f-address li{flex-direction:column;}
	#btnTop{right:20px;bottom:30px;}
	#btnTop span{width:40px;height:40px;}

	.main #visualSlider li{height:300px;}
	.main #visualSlider li .bg{border-radius:30px 0 30px 30px;}
	.main #visualSlider li .txt-grp{top:50px;margin:0 auto;}
	.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 .swiper-grp{top:180px;margin:0 auto;}
	.main #visualSlider .swiper-pagination-fraction{font-size:15px;}
	.main #visualSlider .swiper-pagination-fraction .line{width:70px;}
	.main .quick-list{position:relative;bottom:inherit;margin-top:-70px;padding:15px;z-index:2;}
	.main .quick-list > ul{gap:5px;}
	.main .quick-list > ul > li i img{width:40px;}
	.main .quick-list > ul > li .title{padding:10px 5px;gap:10px;height:140px;font-size:14px;background:linear-gradient(#f8fbfc, #ecf4f8, #e2f5f4);}
	.main .quick-list > ul > li span{height:auto;}
	.main .quick-list > ul > li .hover-box{padding:10px 2px;}
	.main .quick-list > ul > li .hover-box a{min-height:26px;height:auto;font-size:13px;}
	.main .section2{padding:40px 0;}
	.main .board .tab-bar{flex-wrap:wrap;gap:10px 20px;}
	.main .board .tab-bar li a{font-size:24px;}
	.main .board .tab-bar li a:before{top:-4px;left:-8px;width:6px;height:6px;}
	.main .edu-slider li .card{padding:20px;}
	.main .edu-slider li .item{min-height:470px;}
	.main .edu-slider li .title{height:48px;line-height:24px;font-size:17px;}
	.main .edu-slider li .info > li{font-size:14px;}
	.main .edu-slider > button{top:200px;}
	.main .notice-slider .slider-item li{width:50%;}
	.main .notice-slider .slider-item li a{padding:20px 15px;height:110px;}
	.main .notice-slider .slider-item .title{margin-bottom:10px;padding:0;height:40px;line-height:20px;font-size:15px;-webkit-line-clamp:2;}
	.main .notice-slider .slider-item .date{font-size:14px;}
	.main .section3{border-radius:30px 0 30px 0;}
	.main .section3 .inner{flex-direction:column;}
	.main .section3 .inner > div{padding:30px 20px;width:auto;background:#fef0e9;}
	.main .section3 .inner > .right{background:#e2f4fb;}
	.main .section3 .title-area h3{font-size:24px;}

	.sub-top{height:150px;border-radius:30px 0 30px 30px;}
	.sub-top h3{font-size:26px;}
	.sub-top .location{flex-wrap:wrap;}
	.sub-top .location li{padding:0 10px;font-size:14px;}
	.sub-top .location li + li:before{top:5px;}
	.sub-top .location li.home a{padding-left:22px;background-size:14px auto;background-position:left 4px;}
	.sub-contents{padding:40px 0;}

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

	.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,
	.link-btn{padding:0 10px !important;min-width:50px !important;min-height:40px;font-size:15px;}
	.btn.w180{width:auto;}

	.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;}

	.info-box{align-items:flex-start;gap:20px;margin-bottom:40px;padding:20px;}
	.info-box i{margin-top:10px;width:90px;height:88px;line-height:78px;background-size:90px auto;}
	.info-box i img{width:50px;}
	.info-box .con p.title{font-size:17px;}

	.tab-link,
	.link .tab-bar{margin-bottom:30px;flex-wrap:wrap;word-break:keep-all;border-bottom:1px solid #dbdbdb;}
	.tab-link li,
	.link .tab-bar li{flex:1 1 40%;border-radius:0;}
	.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 #019dd9 !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:16px;}

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

	.greeting-box{margin-bottom:40px;padding:30px;min-height:inherit;background-size:cover;}
	.greeting-box .h5-title{font-size:18px;}
	.greeting-box p{font-size:15px;}
	.greeting-area .title{margin-bottom:15px;font-size:20px;}
	.greeting-area .subtitle{font-size:18px;}
	.greeting-area p{margin-bottom:20px;}
	.greeting-area .top{margin-bottom:30px;}
	.greeting-list > li{padding:10px 0;height:150px;}
	.greeting-list > li i{min-width:110px;font-size:16px;}

	.history-grp{flex-direction:column;gap:10px;margin-top:0;}
	.history-grp .con{margin-bottom:20px;padding-bottom:20px;}
	.history-grp .year:after{display:none;}
	.history-grp .row{gap:10px;}
	.history-grp .row .month{font-size:17px;}
	.history-grp .row .month:after{top:7px;}

	.vision-area span{font-size:20px;word-break:keep-all;}
	.mission-area .list > li{border-radius:80px;font-size:17px;word-break:keep-all;}

	.goal-area > div{width:calc(50% - 5px);}
	.goal-area .title{width:auto;height:70px;font-size:17px;}
	.goal-area .list-con{padding:20px 10px;min-height:270px;}
	
	.business-wrap{gap:10px;}
	.business-wrap > div{width:calc(50% - 5px);}
	.business-wrap .title{padding:20px;height:auto;font-size:17px;}
	.business-wrap .title i{margin-bottom:15px;}
	.business-wrap .title i img{width:60px;}
	.business-wrap .list-con{padding:20px;min-height:220px;}

	.icon-box{gap:20px;}
	.icon-box i img{width:70px;}
	.icon-list > li{align-items:flex-start;}
	.icon-list > li i img{width:20px;}
	.icon-list.flex{flex-direction:column;}
	.icon-list.flex > li{padding:0;width:auto;}
	.place-wrap{flex-direction:column;gap:30px;}
	.place-wrap > div{width:auto;}
	.place-wrap .h5-title{margin-bottom:15px;}
	.place-wrap .img{margin-bottom:20px;max-width:560px;}
	.place-wrap .icon-list{padding-left:0;}
	.place-wrap .icon-list li:first-child{font-size:14px;}

	.org-wrap{word-break:keep-all;}
	.org-wrap .dep1 > li > strong{width:100px;height:100px;font-size:17px;background-size:contain;}
	.org-wrap .dep2:before{left:70px;right:70px;}
	.org-wrap .dep2 > li > span{width:150px;font-size:15px;}
	.org-wrap .dep2 > li > span.line{width:150px;}
	.org-wrap .dep2 .dep2-1:after{left:20px;width:150px;}
	.org-wrap .dep2 .dep2-3 > span{margin-top:20px;}
	.org-wrap .dep3{gap:10px;}
	.org-wrap .dep3:before{left:calc(100% / 6 - 3px);right:calc(100% / 6 - 3px);}
	.org-wrap .dep3 > li{width:calc(100% / 3 - 6px);}
	.org-wrap .dep3 > li > span{font-size:15px;}
	.org-wrap .dep3 > li > .list-con{padding:20px 15px;}
	

	.guide-img{min-height:250px;height:auto;}
	.guide-list > li{font-size:17px;word-break:keep-all;}
	.guide-list > li em{min-width:70px;}

	.map-area .root_daum_roughmap .wrap_map{height:250px !important;}
	.h4-content.way .icon-list{flex-direction:column;}
	.h4-content.way .icon-list > li{width:auto;}
	.h5-content.way{gap:20px;}
	.h5-content.way i{width:60px;}
	.h5-content.way .title{font-size:17px;}
	.h4-content .btn-area,
	.h5-content .btn-area{margin:30px 0;}

	.inp-flex > li{padding-right:15px;}

	.table-info thead th{font-size:15px;}
	.table-info th,
	.table-info td{padding:10px 5px !important;height:45px;}
	.table-info td .step-list{margin:10px;}
	
	.table-info.scroll{overflow-x:auto;}
	.table-info.scroll table{width:800px;}

	.tel{padding-left:30px;background-size:auto 24px;}
	
	.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;}

	.w-toy ul li{padding:20px 5px;}
	.w-toy ul li .img{width:100px;height:100px;}
	.w-toy ul li .title{font-size:13px;}
	.w-toy ul li .desc{font-size:12px;}
	.w-toy ul li .status{padding:5px 7px;min-width:50px;font-size:12px !important;}
	.m-toy ul li{padding:20px 10px;width:50%;}
	.m-toy ul li .img{width:200px;height:200px;}
	.m-toy ul li .cate{font-size:17px;}
	.m-toy ul li .title{font-size:17px;}
	.m-toy ul li .desc{font-size:15px;}
	.m-toy ul li:nth-child(odd):after{display:block !important;content: '';position:absolute;left:0;width:1500px;bottom:0;border-bottom:1px solid #dcdcdc;}
	.toy-view{flex-direction:column;gap:20px;margin-bottom:20px;}
	.toy-view .img{display:block;margin:0 auto 20px;width:200px;height:200px;}
	.toy-view h4.title{margin-bottom:15px;font-size:17px;}
	.toy-info p{font-size:15px;}
	.status{min-width:80px;height:auto;font-size:13px !important;}

	.calendar-control{margin-bottom:30px;}
	.calendar-control .calendar-select{font-size:20px;}
	.calendar-control .calendar-select > div a{font-size:18px;}
	.calendar-control a.btn-prev,
	.calendar-control a.btn-next{width:40px;height:40px;background-size:auto 20px;}

	.category{width:auto !important;font-size:13px !important;}
	.m-calendar table{display:block;text-align:left;}
	.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-left: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;font-size:13px;}
	.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 .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;}

	.calendar-area{flex-direction:column;}
	.calendar-area > div{width:100%;}
	.calendar-top .calendar-title b{margin:0 10px;font-size:20px;}
	.calendar-top .calendar-title a{background-size:auto 20px;}
	.cate-list li{margin:0 5px;}
	.cate-list li:before{top:0;}
	.calendar-small th,
	.calendar-small td{height:45px;font-size:14px;}
	.calendar-small td .day,
	.calendar-small td .day input + label{width:30px;height:30px;line-height:30px;font-size:14px;}
	.calendar-small td .day .font12{line-height:1.3em;}
	.calendar-date{font-size:18px;}
	.calendar-table th,
	.calendar-table td{height:50px;font-size:14px;}
	.calendar-table .status{min-width:auto;font-size:13px;}

	.check-msg{padding-left:28px;background-size:auto 20px;background-position:left top;}

	.thumb-view h4.title{font-size:20px;}
	.thumb-view .btn-grp > *{padding:5px;height:50px;font-size:17px;}

	.view_btm .tab-bar{margin-bottom:30px;}
	.view_btm .tab-bar li a{height:50px;font-size:15px;}

	.consult-step{flex-wrap:wrap;gap:10px;}
	.consult-step > li{flex:auto;width:calc(50% - 5px);}
	.consult-step .title{height:50px;font-size:17px;}
	.consult-step .box{padding:20px;}
	.consult-step .sub-title{font-size:16px;}

	.step-grp{gap:10px 20px !important;}
	.step-grp > div{width:calc(50% - 10px) !important;}
	.step-grp > div:after{display:block !important;}
	.step-grp > div:nth-child(even):after{display:none !important;}
	.step-grp > div .title{height:50px;font-size:17px;line-height:1.3em;word-break:keep-all;}
	.step-grp > div .con{padding:10px !important;}
	.step-grp.cols3 > div .con{min-height:inherit;}
	.step-grp.no-arrow{gap:10px !important;}
	.step-grp.no-arrow > div{width:calc(50% - 5px) !important;}

	.step-list{gap:10px;}
	.step-list > div{width:calc(50% - 5px) !important;min-height:80px;}
	.step-list > div:after{display:block !important;}
	.step-list > div:nth-child(even):after{display:none !important;}

	.flex-grp{flex-direction:column;gap:10px;}
	.flex-grp > div{padding-right:0;width:auto;}
	.flex-grp.type2{flex-direction:column;align-items:flex-start;gap:10px;}
	.flex-grp.type2 > div{margin-left:0;}

	.group-title strong{font-size:20px;}

	.detail-box{flex-direction:column;}
	.detail-box .title{width:auto;font-size:17px;}
	.detail-box .title br{display:none;}
	.detail-box .title i img{width:40px;}
	.detail-box .con{padding:15px;}
	.detail-box .con .tit{font-size:16px;}

	.replace-grp .title{padding:10px;width:90px;font-size:17px;box-sizing:border-box;}
	.replace-grp .con{padding:10px;}
	.replace-grp .step-list > div{word-break:keep-all;}

	.open-grp{flex-wrap:wrap;gap:10px 20px;}
	.open-grp > div{flex:1 1 40%;}

	.program-grp{gap:10px !important;}
	.program-grp > li{padding:20px 15px;width:calc(50% - 5px) !important;font-size:15px;word-break:keep-all;}
	.program-grp > li i{margin-bottom:15px;}
	.program-grp > li i img{width:70px;}

	.program-list{gap:10px;}
	.program-list > li{padding:20px 10px;width:calc(50% - 5px);font-size:16px;}
	.program-list > li i{margin-bottom:15px;}
	.program-list > li i img{width:70px;}

	.center-search{gap:10px;}
	.center-search > div{padding:30px 20px;}
	.center-search > div i{margin-bottom:15px;}
	.center-search > div i img{width:70px;}
	.center-search > div b{font-size:20px;}
	.center-search > div .desc{margin-bottom:15px;font-size:15px;}
	.center-search > div .btn{min-width:100px;min-height:50px;font-size:15px;}

	.center-box,
	.center-box2{padding:20px;gap:20px;}
	.center-box .info > li,
	.center-box .info > li b,
	.center-box2 .info > li,
	.center-box2 .info > li b{font-size:16px;}

	.play-top{margin-bottom:30px;}

	.poster-list ul li{width:50%;}
	.poster-list ul li .title{margin-bottom:5px;max-height:60px;height:auto;font-size:17px;}

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

	.m-list{overflow:hidden;}
	.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:3px 10px;min-width:inherit;min-height:auto;font-size:13px;}

	.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{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:#f6f6f6;}
	.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 .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;}

	.policy-grp{flex-direction:column;gap:0;}
	.policy-grp .title{width:auto;min-height:inherit;font-size:17px;}
	.policy-grp .title i{margin-bottom:15px;}
	.policy-grp .title i img{width:60px;}
	.policy-grp .list > li{padding:10px 15px;font-size:15px;}
	.policy-grp + .policy-grp{margin-top:40px;padding-top:0;border-top:0;}

	.login-wrap{padding:40px 20px;}
	.login-top{padding:0;margin-bottom:30px;}
	.login-top i img{width:70px;}
	.login-top b{margin-bottom:10px;font-size:20px;word-break:keep-all;}
	.login-top p{font-size:16px;word-break:keep-all;}
	.login-wrap .login{margin-bottom:30px;}
	.login-btm{flex-direction:column;gap:20px;}
	.login-btm li{justify-content:flex-start;padding:0 5px;}
	.login-btm li + li:before{display:none;}
	.login-btm li span{margin-bottom:7px;font-size:17px;}
	.login-btm li a{font-size:15px;}
	.login-btm li a br{display:none;}

	.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:60px;background-size:auto 40px;}
	.join-type .con{margin-top:-35px;}
	#findCenter.active{display:block;}
	#centerList ul{max-height:230px;}
	#centerList ul li a{font-size:15px;}
	#centerList ul li b{padding:0 15px;}
	#centerList ul li span{flex-shrink:0;width:130px;}
	.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;}

	.find-wrap{padding:30px 20px;}
	.find-area{width:auto;}
	.find-area ul li b{width:70px;font-size:15px;}
	.find-top{margin-bottom:20px;}
	.find-top p{font-size:17px;line-height:1.4em;word-break:keep-all;}
	.result-top{margin-bottom:40px;}
	.result-top b{font-size:20px;word-break:keep-all;}
	.result-top p{font-size:16px;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;}

	.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;align-items:flex-start;gap:10px;padding:15px;}
	.agree-check p{font-size:15px;word-break:keep-all;}
	.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;}

	.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;}
	.mw20p{width:20%;}
	.mw30p{width:30%;}
	.mw40p{width:40%;}
	.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){
	#footer .f-address li span{display:block;}
	#footer .f-address li span:after{display:none;}
	
	.main .quick-list > ul > li .title,
	.main .quick-list > ul > li .hover-box,
	.main .quick-list > ul > li .hover-box a{border-radius:15px;}
	.main .quick-list > ul > li .hover-box a{font-size:12px;}
	.main .board .tab-bar li a{font-size:17px;}
	.main .section3 .title-area h3{font-size:20px;}
	.main .mark-list li img{width:20px;}
	.main .mark-list li span{font-size:14px;}
	.main #bannerSlider,
	.main #bannerSlider ul li a{height:80px;}
	.main #bannerSlider ul li:before{display:none;}
	.main #bannerSlider .swiper-button-prev,
	.main #bannerSlider .swiper-button-next{margin-top:-40px;}
	
	.modal-title{margin-bottom:20px;}
	.modal-title span{width:270px;}
	.modal-btn{margin-top:20px;}
	#modalSlider2 .swiper-grp,
	#modalSlider2 .swiper-container > button{display:block;}

	.info-box{flex-direction:column;gap:5px;}
	.info-box.center{flex-direction:inherit;}
	.info-box i{margin:0 auto !important;width:70px;height:68px;line-height:60px;background-size:70px auto;}
	.info-box i img{width:45px;}

	.tab-link2 li{padding:0 5px;}

	.sub-top h3{font-size:22px;}

	.mission-area{flex-direction:column;align-items:center;gap:20px;}
	.mission-area:before,
	.mission-area:after{display:none;}
	.goal-area .con p{padding:15px 10px;}
	.goal-area .con .list-con{padding:15px;width:100%;min-height:inherit;}

	.business-wrap{flex-direction:column;}
	.business-wrap > div{width:auto;}
	.business-wrap .list-con{min-height:inherit;}

	.org-wrap .dep2 > li > span.line{width:100px;}
	.org-wrap .dep2 .dep2-1:after{width:100px;}
	.org-wrap .dep3 > li > .list-con{padding:20px 10px;}

	.h5-content.way{flex-direction:column;}

	.w-toy ul li .img{margin:0 auto 15px;width:60px;height:60px;}
	.w-toy ul li .title{font-size:12px;}
	.w-toy ul li .desc{font-size:10px;}
	.w-toy ul li .status{padding:3px 5px;font-size:11px !important;}
	
	.m-toy ul li .img{width:auto;height:130px;}
	.m-toy ul li .img img,
	.toy-view .img img{width:100%;}
	.m-toy.type2 li{width:100%;}
	.m-toy ul li:nth-child(even):after{display:block !important;content:'';position:absolute;left:0;width:1500px;bottom:0;border-bottom:1px solid #dcdcdc;}

	.thumb-view .img,
	.thumb-view.poster .img{width:280px;min-height:200px;}
	.thumb-view h4.title .category{width:auto;}

	.consult-step{flex-direction:column;}
	.consult-step > li{width:auto;}
	.step-grp > div .con{min-height:100px;}

	.poster-list ul li{float:none;width:auto;}

	.time-img{flex-direction:column;gap:10px;}
	.time-img > div{width:auto;}
	.center-search{flex-direction:column;}
	.center-box,
	.center-box2{flex-direction:column;}
	.center-box i,
	.center-box2 i{margin:0 auto;}
	.center-box i img,
	.center-box2 i img{width:70px;}

	.login-wrap .login{flex-direction:column;gap:10px;}
	.login-wrap .login ul li{padding-left:10px;height:50px;}
	.login-wrap .login .btn-login{width:100%;height:50px;}
	.join-step ul li{min-width:100px;font-size:14px;}
	#centerList ul li a{font-size:14px;}
	#centerList ul li span{width:120px;}
}
@media all and (max-width:360px){
	#header .logo a{width:190px;}
	
	.main .quick-list > ul > li .title{font-size:13px;}
	

	.btn{min-width:90px;}

	.mission-area .list > li{font-size:14px;}
	.goal-area .list-con{min-height:300px;}


	.join-step ul li{min-width:90px;font-size:13px;}
	#centerList ul li a{font-size:13px;}
	#centerList ul li span{width:110px;}

}
@media (min-width:1025px) and (max-width:1600px){

}

/* ***** tablet landscape ***** */
@media (min-width:1025px) and (max-width:1459px) and (orientation : landscape) {
	
}


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