@media screen and (max-width:1550px){
	
	.depth1 > li .tit_w{z-index:1;}
	.depth1 > li .tit_w:before{right:0 !important;}
	.depth1 > li .tit_w:after{left:-25px !important; z-index: -1; width: 280px;}
	.depth1 > li .tit_w:after,
	.depth1 > li .tit_w:before{opacity: 0.7;}
	
	.mainNav .depth2 li a:after{right: 0.625rem}
}
@media screen and (max-width:1400px){
	.layout{width:100%;}
    .inner{padding-left: 1rem; padding-right: 1rem;}
	
    .sitemap-cont{width: 100%;padding-left: 2rem;padding-right: 2rem;margin-top: 3.125em;}
	.sitemap-cont .depth2 > li{width: calc(33.333% - 20px);}
	
	.mainVisual .tit_w{left: 1rem; }
	.custombox{right: 1rem;}
	
    .sitemap-side{width: 5rem;}
    .sitemap-close{right: 2rem;}
    .subpage_title .subpage_arrow p:nth-child(1){left: 1.5rem;}
    .subpage_title .subpage_arrow p:nth-child(2){right: 1.5rem;}
    .header .topWrap{width: 100%; margin: 0 auto; padding: 0 1rem;}
    .location .share a{right: 1.5rem;}
    .fix_box .tab-sty{width: 100%}
    
    .depth1 .depth_w .depth_c{padding-left: 1rem; padding-right: 1rem;}

    .foot-bot{gap:0;}
	.foot-bot .wa{display: inline-block; margin-top: 0; margin-left: 10px;}

	.welfare_w .main_tab.col8 > li button{font-size: 17px; padding: 10px .5vw; }
	.welfare_w .main_tab.col8 > li.active button{padding: 1rem .5vw;}
	.welfare_w .main_tab.col8 > li:before{height: 58px;}
	
	.app_w .program .item{flex-wrap: wrap;}
	.program .cont{width: 100%;}
	
	.listInfo.date_picker{flex-wrap: wrap; gap: 10px;}
	
	.customsh .date input[type="number"], .customsh input[type="radio"]+label, .customsh input[type="checkbox"]+label{width: 5rem;}
}


@media screen and (max-width:1200px){
	
	.mainNav {width: 60%;}
	.mainNav .depth1 > li > a{font-size: 1.375rem;}
	
	.organization .bottom:before{width: 81%;}
	.organization .bottom .box{width: 19%;}
	
	.mainNav .depth2 li{width: calc(33.333% - 15px);}
	.mainVisual .mainVisual_title{font-size: 3.125rem;}
	
	.welfare_w .main_tab.col7 > li{width: 14%;}
	.welfare_w .main_tab.col7 > li button{font-size: 18px;}
	.welfare_w .main_tab > li:before{height: 54px;}

	.welfare_w .main_tab.col8 > li{width: 12.3%;}
	.welfare_w .main_tab.col8 > li button{font-size: 16px;}
	
	.mainBoard_title li{margin-right: 1vw}
	
	.cont-detail03 > li .tit{min-width: 130px;}
	.cont-detail03 > li .cont{width: calc(100% - 130px);}	
	
	.simulation .link_btn_list > li{width: calc(25% - 0.75rem);}
	
	.archive_view .intro_box > .slider_w{width: 500px}
	.archive_view .intro_box > .left{width: calc(100% - (500px + 2%))}
	
	.customsh form{padding: 2rem;}
	
	.foot-bot .flexbox{gap: 1vw;}
	.footer .f_site_w{width: 182px;}
	.footer .f_site_w button{padding: 10px 20px 10px 10px;}
	.footer .slc_box > button::after{right: 8px;}
	
	.quick_s .left > a{max-width: 100%;}
	
}
@media screen and (max-width:1024px){
	.popBg{z-index: 161;}
	br.nobr1024{display: none;}
    .layout_920{width: 100%; padding: 3rem 1rem;}
    .tablet{display: block !important}
    .pc_only,.depth_bg{display: none !important}
    .tablet_only{display: flex !important;}
    .header .mainNav,
    .header .subNav{display: none;}
    
	.sub_logo{display: none;}
   
    .mainBoard_list li > a{width: 75%;}
    .resource .resource_list li{width: 49%; background-position: 90% 80%; margin-bottom: .8em;}
    .resource .resource_list li a{padding: 2em 2em 4.5em;}
    .location .home a{display: none;}
	.location >ul{padding-right: 6.88rem; padding-left: 0;}
    .location .location__menu{width: 50%; min-width: auto}
    .location .location__menu.depth{border-right: 0;}
    .mypage .snb{width: 100%; margin-bottom: 1.8rem;}
	.mypage .snb ul{display: flex;}
    .mypage .snb li{width: 25%}
    .mypage .snb li:not(:last-child)::after{top: 50%;left: 100%;transform: translateY(-50%);width: 1px;height: 50%;}
    .mypage .mypageCont{width: 100%;}
	.tab-sty.col8 li, .tab-sty.col9 li, .tab-sty.col10 li{width: 16.6666%; margin-top: -1px;}
	.tab-sty.col8 li:nth-child(6n),
	.tab-sty.col9 li:nth-child(6n),
	.tab-sty.col10 li:nth-child(6n){border-right: 1px solid #dedede;}
	.tab-sty.col9 li:nth-child(8n),
	.tab-sty.col10 li:nth-child(8n){border-right: 0;}
    .flexbox.w4 >*{width: 49%;/* margin-bottom: 2em; */}
    .facility li {min-height: 5em; width: calc(33.3333% - 10px);}
    #detail2 .flexbox.w2 >*{width: 100%; margin-bottom: 2em}
    #detail2 .flexbox.w2 >*:last-child{margin-bottom: 0;}
    .intro_box .cont-btn{position: static;margin-top: 1em;display: flex;}
    .academy .cont-btn a{font-size: 1em;}
    .lecture-list{width: 100%; order: 2}
    .lecture-video {width: 100%; order: 1;}
    .academy .lecture-video .cont-btn{margin-bottom: 1.5em}
    .smart-sch-box{justify-content: center;}
    .smart-map{width: 100%;padding-bottom: 82%;}
    .smart-sort{width: 100%; height: auto}
    .coHouse .flexbox.w2 >*{width: 100%;}
    .coHouse .flexbox .left{order: 2; margin-top: 30px;}
    .coHouse .flexbox .rigth{order: 1;}
    .coHouse .video-wrap{padding-bottom: 56.25%;}
	.hub .intro{justify-content: flex-start;}
    .hub .intro li{width: 100%;}
    .hub .intro li:first-child{order: 2;}
	.hub .intro li:nth-child(2){margin-bottom: 10px; order: 1;}
	.hub .inquiry{padding: 2em 4em;}
	.hub .inquiry p{width: 50%;}
	.hub .video-wrap{padding-bottom: 56.7%;}
	.form-sty .item .file{flex-direction: column;}
	.form-sty .item .file >*:first-child {margin-bottom: 10px;}
	.product .info-box .title,
	.subLayout__title{width: 100%;margin-bottom: 20px;}
	.product .info-box .info-list,
	.subLayout__content{width: 100%;}
    .consulting__item{background-size: 5em;min-height: 8em;padding: 1em 2.8em;padding-left: 7em;background-position: 1em center;}
	.consulting__item >span{left: 1em;top: 1.5em;}
    .consulting__item >p{}
    .consulting__arrow{}
	.mapBox .iw_inner >*{max-width: 500px;}
	
	.satis-form{padding: 2rem; flex-direction: column; align-items: normal; gap: 20px;}
	.satis-form .s-t{font-size: 1em; max-width: 100%; width: 100%; margin: 0 0 18px;}
	
	.map_w{flex-direction: column; height: auto; width: 85%; margin: 0 auto;}
	.map_w .left, .map_w .right{width: 100%;}
	.map_w .map{height: 80vh; max-height: 500px;}
	.map_w .right{height: 50vh}
	
	.foot-top{display: flex; flex-wrap: wrap; justify-content: center; gap: 15px;}
    .foot-bot{flex-direction: column; text-align: center; align-items: center; gap: 2.500rem}
    .foot-bot .flexbox{position: initial; gap: 1.100rem}
    
    .foot-bot .copy{text-align: center;}
    
    .mainVisual .sch_w{padding-right: 392px}
    .mainVisual .sch_w form{height: 60px;}
    .mainVisual .sch_w form input[type="text"]{padding-left: 1.333rem; font-size: 1.200rem;}
    .mainVisual .sch_w form input[type="text"]::placeholder{font-size: 1.200rem;}
    .mainVisual .sch_w form a{width: 40px; height: 40px;}
    
    .custombox {padding: 1.333rem;}
    .custombox .sch_btn, .custombox .prev-btn{height: 50px;}

	.scroll{width: 100% !important;}
    
	.quick_s{display: block;}
	.quick_s h3.tit{margin-bottom: 25px;}
	.quick_s .left{width: 100%; text-align: center; margin-bottom: 20px;}
	.quick_s .tit, .quick_s .left > p{margin-bottom: 15px;}
	.quick_s .left > p > br{display: none;}
	.quick_s .left > a{height: auto; line-height: 1.2; padding: 1rem; text-align: center;}
	.quick_s .tit, .quick_s .btn_w{width: 100%;}
	.quick_s .tit br{display: none}
	.quick_s .btn_w li .img_w{margin-bottom: 0;}
	.quick_s .left > a::before{top: 7px;}
	.quick_s .left .message{margin-top: 0; margin-left: 10px;}
	
	.tab_cont_w .tit_w{display: none;}
	.welfare_w .main_tab{gap:0; margin-bottom: 0; border:1px solid #ddd;   border-radius: 10px 10px 0 0;
    overflow: hidden;}
	
	.welfare_w .main_tab.col7 > li, .welfare_w .main_tab.col8 > li{width: auto;}
	.welfare_w .main_tab > li{flex: 1; width: auto; max-height: 42px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; margin-bottom: -1px;}
	
	.welfare_w .icon_w{width: 100%;}
	.welfare_w .icon_w{gap: 1rem;}
	.welfare_w .icon_w > li{width: calc(20% - .8rem); height: 110px;}
	.welfare_w .main_tab > li button, .welfare_w .main_tab > li.active button{padding: 10px 0.5vw;}
	.welfare_w .main_tab > li:not(frist-child){margin-right: -1px;}
	.welfare_w .main_tab > li.active button{background-color: var(--main-color);}
	.welfare_w .main_tab > li button{border-radius: 0; font-size: 1.200rem !important; border:0;}
	.tab_cont_w .icon_w > li p{font-size: 1.125rem}
	.tab_cont_w .icon_w > li p:before{background-size: 88%;}
	
	.welfare_w .main_tab > li:before{display: none;}
	.welfare_w .tab_cont_w > .flexbox{min-height: auto; padding: 2rem;}
	
	.app_w {gap:0;}
	.app_w .tit_w, .app_w .cont_w, .app_w .right{width: 100%;}
	.app_w .program .item{flex-wrap: nowrap;}
	.app_w .right{position: relative; right: auto; top: auto; flex-direction: row; margin-top: 20px;}
	.app_w .right > a{background-size: 34%; padding: 0 1rem}
	.app_w .right > a.app02{background-size: 27%;}
	
	.mainBoard_wrap{flex-direction: column;}
	.mainBoard, .mainBanner{width: 100%;}
	
	.mainBanner_page{display: none;}
	.mainBanner_slider{margin-right: -1rem;}
	.mainBanner_slider .item{margin-right: 1rem;}
	.mainBanner .mainBanner_slider .slick-slide a{padding-bottom: 96.8%;}
	
	.location .print{display: none;}
	.location >ul{padding-right: 3.44rem;}
	
    .intro_box{justify-content: center;}
    .intro_box >*:first-child{margin-right: 0;/*  padding-bottom: 34%; */ text-align: center;}
    .intro_box .img>img{width: auto;}
    .intro_box > .flexbox{width: 100%;}
    
    .gnrlCont h5.tit{width: 150px;}
    .gnrlCont .right{width: calc(100% - 190px);}
    
    .program .cont{width: calc(100% - 180px);}
    .subpage_content .program .item .img{padding-bottom: 37%; max-width: 180px;}
	.subpage_content .program .cont{width: calc(100% - 200px)}
	
	
	.cont-detail03 > li .tit{min-height: 47px;}
	.cont-detail03.col4{flex-wrap: wrap;}
	.cont-detail03.col4 > li{width: 50%;}
	
	.archive_view .intro_box{gap: 20px; border-bottom:0; padding-bottom: 0;}
	.archive_view .intro_box > .slider_w{width: 80%;}
	.archive_view .intro_box > .left{width: 100%;}
	
	.online .cont > li{width: calc(33.333% - (2.50rem*2/3))}
	.online .cont .tit{padding: 0.625em 1rem;}
	
	.customsh .dateform .tit{width: 28%; min-width: auto; }
	.customsh input[type="radio"] + label, .customsh input[type="checkbox"] + label, .customsh .date input[type="number"]{width: 5.000rem; }
	
	.footer .f_site_w{width: 213px;}
	
	.sch_tab{gap: 7px;}
	.sch_tab>button{padding: 7px;}
	
	.hlpNeighbor .list > li{padding: 20px;}
	.hlpNeighbor .list > li .tit{width: 100px; position: relative;}
	.hlpNeighbor .list > li p{width: calc(100% - 100px - 2.813rem);}
	
	.page_intro .list{gap: 20px;}
	.page_intro .list > li{width: calc(33.333% - 14px)}
}
@media screen and (max-width:880px){
    .layout_850{width: 100%; padding: 3rem 1rem;}
    .mainBoard_list li > a{width: 75%;}
    .flexbox-detail li{width: 100%}
    .flexbox-detail li:nth-child(3){order: 4;}
    .flexbox-detail li:nth-child(4){order: 3;}
    .flexbox-detail li:nth-child(5){order: 4;}
    .flexbox-detail li:nth-child(6){order: 5;}
    .flexbox-detail li:nth-child(7){order: 6;}
    .flexbox-detail li:nth-child(8){order: 5;}
    .flexbox-detail li:nth-child(9){order: 6;}
    .flexbox-detail li:nth-child(10){order: 7;}
    .flexbox-detail img{width: auto;}
    .flexbox-detail .textbox{padding: 1em 0 2em;}
    .fix_box .banner li{margin-top: 5px;}
    .fix_box .banner li:first-child{width: 100%; margin-top: 0;}
    .fix_box .banner li span{font-size: 1em; padding: 3px;}
    
    .mainBoard_title li::before{margin-top: -5px;}
    
    .customsh .top > li{width: 100%;}
}

@media screen and (max-width: 968px){	
	.app_w .cont_w .aaa_con .aaa_div {float:none; width:auto; margin:25px 0 0 0;}
	.app_w .cont_w .aaa_con .aaa_div .program .item {margin:0 10px;}
}

@media screen and (max-width: 768px){
	
	#top_btn{width: 44px; height: 44px;}
	.header .topWrap{height: 5.714rem; gap: 20px;}
	.pc_search{top: calc(5.714rem + 1px)}
	br.nobr768{display: none;}
	.block_pc{display: none;}
	.mobile{display: block;}
	.foot-top .sns{margin-top: 15px;}
	.mainVisual .tit_w{top: 21%;}
	.mainVisual .mainVisual_title{font-size: 2.5em;}
	.mainVisual .visualSlider li img{height: 82em; /* width: 103.429em; */}
	.custombox{top: 100px;}
	.custombox .box_list .custombox_sh{min-height: 190px;}
	.custombox .box_list .custombox_sh.-st2 > li{flex-direction: column; align-items: flex-start;}
	
    .mainBoard_list li > a{width: 80%;}
	.mainBanner{width:100%;}
    .theme .theme_top .theme_cate{width: 100%; justify-content: center;}
    .theme .theme_top .theme_slider_arrow{margin: 0 auto 1em;}
    select#depth3_tab{margin-bottom: 10px;}
    .listInfo{flex-direction: column;align-items: flex-start; margin-bottom: 1em;}
    .listInfo .searchBox{order: 1;margin-bottom: 1em; width: 100%;}
    .listInfo .searchBox input[type="text"]{flex: 1; width: inherit; margin: 0;}
    .listInfo.date_picker{gap: 2.188rem}
    .date_picker .date_w > .date{width: 50%;}
    .listInfo.date_picker .searchBox input[type="text"]{width: 100%; margin-left: 0;}
    .listInfo .listTotal{order: 2;}
    .listInfo .schTitle{order: 2;}
	.searchBox_wrap .searchBox input[type="text"]{flex: 1;width: 5em;}
    .listType_btn{position: absolute;bottom: -5px;right: 0;}
    .loginPage{width: 100%; padding: 0 1.25rem;}
    .joinus .joinStep li:after{display: none;}
    .joinus .joinStep li{width: 50%; flex-grow: 1; border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;}
    .joinus .joinStep li:nth-child(even){border-right: none;}
    .joinus .joinStep li:last-child{border-right: none; border-bottom: none;}
    .joinus .joinStep02{padding: 15px}
	.tableWrap2{overflow-x:auto; white-space: nowrap;}
    .boardTable .file, .boardTable .traffic, .boardTable .no, .boardTable .thumbnail{display: none;}
	
	.boardTable {table-layout:fixed;}
	.boardTable .institution {width:24.74vw;}/*190px vw 화면기준 768 변환*/
	.boardTable .tit {width:auto;}
	.boardTable .date {width:24.74vw;}/*190px vw 화면기준 768 변환*/
	
	
    .boardTable th{white-space: nowrap; padding: .8em 5px}
    .boardTable.sty3 td{padding: 1em 2em;}
    .homeSearch .boardTable{width: 1000px;}
	.space-rsv .boardTable .name a{max-width: 15em; overflow: hidden; text-overflow: ellipsis;}
	.space-rsv .boardTable .add{max-width: 10em; overflow: hidden; text-overflow: ellipsis;}
	.satis-form .s-t{background-size: 2em;padding-left: 2.9em;}
	
	.mv_dots .slick-dots{top: 59%; bottom: auto;}
	
	.btn-file, .btn-delete, input[type="file"] + label::before{min-width: auto;}
	
    .board_list .title{max-width: 100%;}
    .board_list .date{display: none;}
    .form-sty .item .phone-sty{width: 100%}
    .form-type1 .item >*{display: block;}
	.form-type1 .item .col {border: 0; background: none; padding: .5em 0; text-align: left; width: 100%;}
	.form-type1 .item .cont{padding: 0 0 .5em;}
	.form-type1 .item .cont-type2 >*{padding: .5em 0;}
    .form-type1 .item.double{border-bottom: 0;}
    .form-type1 .item.double .col{width: 100%;}
    .form-type1 .item.double .cont{width: 100%; border-bottom: 1px solid #dedede;}
	.form-type1 .item .mxwid {max-width: 100%;}
	.form-type1 .item select.gender {width: 25%;}
	.form-sty .rsv-date .datepick{width: 40%;}
	.form-sty .rsv-date select{flex: 1;}
	.form-sty .date-sty1 li:first-child{margin-bottom: 5px;}
	.mypage .mypageCont{padding: 1.5rem;}
    .mypage .mypageCont .contTop a{padding-right: 35px;}
    .mypage .mypageCont .contTop a::after{width: 25px; height: 25px}
    .mypage .mypageCont .boardTable th{font-size: .9rem;}
    .mypage .mypageCont .boardTable td{font-size: .8rem;}
    .myHouse.boardTable{min-width: 680px}
    #detail1 .flexbox.w2 >*{width: 100%; margin-bottom: 2em}
    #detail1 .flexbox.w2 >*:last-child{margin-bottom: 0;}
    .flexbox.nowid >*{width: 100% !important;}
    .flexbox.nowid >*:last-child {margin-top: 2em;}
    .detail-list{padding-left: 0;}
	.tab-sty.col6 li,
	.tab-sty.col7 li,
	.tab-sty.col8 li,
	.tab-sty.col9 li,
	.tab-sty.col10 li{width: 33.3333%;}
	.tab-sty.col6 li:nth-child(3n),
	.tab-sty.col7 li:nth-child(3n),
	.tab-sty.col8 li:nth-child(3n),
	.tab-sty.col9 li:nth-child(3n),
	.tab-sty.col10 li:nth-child(3n){border-right: 1px solid #dedede;}
    .tab-sty.tab-sty2{width: 100%;}
    .tab-sty4{width: 100%;}
    .step-sty1{flex-direction: column;}
    .step-sty1 li{width: 100%;height: auto;justify-content: start;}
    .step-sty1 li:not(.step-arrow):before{width: 3.478em;height: 3.478em;}
    .step-sty1 .step-arrow{transform: rotate(90deg);margin: .8em 0;font-size: 1em;}
    .title_bubble span{padding: 0 2em;display: block}
    .imgTable >*{width: 49%; margin-right: 2%; margin-bottom: 2%;}
    .ebookTable >*{width: 32%; margin-right: 2%;}
    .imgTable >*:nth-child(4n),
    .imgTable >*:nth-child(2n),
    .ebookTable >*:nth-child(3n){margin-right: 0;}
    
	.imgTable.list .img{margin-right: 10px;/*min-height: 100px*/width: 180px;}
    .imgTable.list .cont-icon span{padding: 3px 5px}
    .imgTable.list .cont-name{padding: 3px 0; font-size: 1em;}
    .imgTable.list .cont-detail{line-height: 1.3; font-size: 0.9em}
    .trans li{width: 100%;}
    .facility li{width: calc(50% - 10px);}
    .intro_box >*:first-child{margin-right: 0;margin-bottom: 20px; /*  padding-bottom: 45%; */}
    .intro_box .cont-wrap{padding: 0}
    .lecture-tbl .boardTable{min-width: 680px}
    .academy .lecture-video .cont-btn{width: 100%}
    .homeSearch-top .searchBox{position: static;}
    .homeSearch-top .searchBox input[type="text"]{flex: 1}
    
	.coHouse .subcont_tit8 .text{display: block; margin-top: 10px}
	.coHouse .case{padding: 1em 2em;}
	.coHouse .case a{width: 49%;}
	.coHouse .case a:nth-child(2n){margin-right: 0}
	.freemoney .img_box{flex-wrap: wrap;padding: 20px;}
	.freemoney .img_box span{margin-right: 0;/* width: 100%; */margin-bottom: 20px;}
	.hub .service li{width: 100%;background-size: 7em;padding-left: 9.5em;}
	.hub .inquiry span{display: block;}
	.fix_box .banner{padding: 1rem}
	.fix_box .banner .subcont_tit3{font-size: 1.5em;}
  	.fix_box .banner .banner_tit{font-size: 1.8em;}
	.product .info-box{margin-top: 30px;}
	.product .info-box .info-item.small{width: 100%;}
	.list-icon li{width: 100%;}
	.subLayout__content .box-gray2 p{width: 100%; margin-bottom: 10px;}
    .consulting__step >*{width: 100%}
    .consulting__item{min-height: 7em}
	.consulting__item >span{top: 1em;}
    .consulting__item >p{}
    .consulting__arrow{height: 35px; transform: rotate(90deg);}
    .headImg{padding: 20px 4.5em}
	.business-process__steps{flex-direction: column;align-content: center;}
	.business-process__steps li{width: 70%;margin-bottom: 2.5em !important;margin-right: 0;}
	.business-process__steps li:after{transform: translateX(50%) rotate(135deg) !important; top: 107% !important;right: 50% !important;left: auto !important;}
	.business-process__steps li:nth-child(5){order: 8; margin-bottom: 0 !important;}
	.business-process__steps li:nth-child(5):after{display: none !important;}
	.business-process__steps li:nth-child(6){order: 7;}
	.business-process__steps li:nth-child(7){order: 6;}
	.business-process__steps li:nth-child(8){order: 5;}
	.business-process__steps li:nth-child(8):after{display: block !important;}
	.mapBox .iw_inner >*{max-width: 300px;}
	
	.organization .bottom{display: block;}
	.organization .bottom:before{display: none;}
	.organization .bottom .box{width: 100%;}
	.organization .director{margin-bottom: 0; height: 50px;}
	.organization .director:after{display: none;}
	.organization .team{height: 50px; margin-top: 30px;}
	.organization .team:after{height: 30px;}
	.organization .top .member{position: static;transform: translateX(0);width: 100%;margin-top: 30px;}
	.organization .top .member:before{width: 1px; height: 30px; bottom: 100%; left: 50%;}
	.organization .member{height: 60px;}
	
	.loginPopup{width: 80%;}
	
	.subpage_content{padding-top: 3.571rem}
	
	.mainVisual{margin-bottom: 50px; min-height: 730px;}
	.mainVisual .sch_w {top: 6%; padding-right: 1rem;}
    
	.mainVisual > .inner:not(.sch_w){top: 53%;}
	.custombox{width: calc(100% - 2rem); background-size: 100% 100%;}
	.custombox h3.tit{text-align: center;}
	.custombox .slc_box > button{height: 45px;}
	.custombox .custombox_sh > li{display: flex; gap: 1rem; align-items: center;}
	.custombox .custombox_sh .tit{white-space: pre; min-width:70px;}
	
	.welfare_w .main_tab > li{min-width: 25%; width: auto;}
	
	
	#contents .app_w .arrow{top: 190px !important;}
	.app_w .right > a{min-height: 120px; background-position: bottom right 1rem; font-size: 22px;}	
	
	section:not(#wrap){position: relative; /* margin-bottom: 50px; */}
	.main #contents .arrow{position: absolute; top: 50%; z-index: 1;}
	.main #contents .arrow.prev{left: 0}
	.main #contents .arrow.next{right: 0}
	
	.mainBoard_wrap{gap: 50px;}
	.mainBoard_cont{padding: 1rem; min-height: 280px;}
	.mainBoard_list_w li:first-child{padding-bottom: 1rem;}
	.mainBoard_list li{margin-bottom: 1rem; gap: 1rem;}
	
	h3.tit{text-align: center; width: 100%;}
	.mainBoard .tit_w.flexbox{flex-direction: column; gap: 1.5rem;}
	
	.mainBoard_title li{margin-right: .9rem;}
	
	.app_w .program .item{ min-height: 280px; padding-top: 1rem; padding-bottom: 1rem;}
	.app_w .cont_w{min-height: auto;}
	.subpage_content .program .item{width: 100%; margin-right: 0; gap: 20px;}
	
	.app_w .cont_w .aaa_con .aaa_div {float:none; width:auto; margin:25px 0 0 0;}
	.app_w .cont_w .aaa_con .aaa_div .program .item {margin:0 10px;}
	
	.data-part .list .tit{min-width: 30%;}
	.data-part > .cont{padding: 1rem;}
	
	.help .gray_box{padding: 1rem; font-size: 1.250rem;}
	.suggest .gray_box{padding: 1rem;}
	
	.email_w .email{width: 100%;}
	.phonenum select, .phonenum input{width: calc(33.333% - 8px) !important;}
	.email input {width: calc(50% - 9px) !important;}
	.email + select{max-width: none !important;}
	
	.mainVisual a.btn{margin-top: 2rem;}
	
	.date_picker .searchBox{flex-direction: column; gap: 10px; margin-bottom: 0;}
	.date_w{margin-right: 0;}
	
	.preview{min-height: 650px;}
	.subpage_content h2.tit{font-size: 2.143rem}
	
	.welfare_info > li{width: calc(50% - 0.5rem); }
	.welfare_info > li > a{padding: 1rem; background-size: 35px;}
	
	.mainGNB .sch_btn, .btn_menu, .gnb_logout{margin-left: 1rem;}
	
	.cont-detail03 > li p{padding: .5rem;}
	.cont-detail03 > li .tit{min-width: 110px;}
	.cont-detail03 > li .cont{width: calc(100% - 110px);}
	.cont-detail03.col3{flex-wrap: wrap;}
	.cont-detail03.col3 > li{width: 100%;}
	
	.gray_box02{background-image: url() !important;padding: 1.3rem !important;margin: 1.429rem 0}
	.simulation .link_btn_list > li{width: calc(33.333% - 0.7rem);}
	.simulation .link_btn_list > li > a{padding: 1rem;}
	
	.online .cont > li{width: calc(50% - (2.50rem*1/2))}
	.seoulprgrm .gray_box02{min-height: 130px;}
	
	.linklist_w{gap: 1rem;}
	.linklist_w.col3 a, .linklist_w.col4 a{width: calc(33.333% - 1rem*2/3)}
	
	.welfare_tab_w{margin-bottom: 10px;}
	.welfare_tab_w .flexbox{display: block;}
	.welfare_tab_w .label{margin-bottom: 10px;}
	.welfare_tab_w .sch_tab button{min-width: 60px}
	
	.customsh form{padding: 1rem;}
	.customsh .dateform > li{display: block;}
	.customsh .dateform .tit{width: auto; margin-bottom: 10px;}
	.customsh .dateform .tit + ul{gap: 7px;}
	
	.foot-bot .flexbox{ flex-direction: column-reverse; width: 60%; min-width: 200px;}
	.footer .f_site_w{width: 100%;}
	
	.page_intro .gray_box02{background-image: url(/resources/dobongBokji/img/subpage/intro_bg.jpg) !important;
    background-position: right;}
	.page_intro .list > li{padding: 20px;}
	
	.hlpNeighbor .list .flexbox{gap: 0;}
	
	#totalSch .dot_list03>li::before{top: 32px;}
	
	#mask > img{width: 40px;}
	
    .gnrlCont .right,
	.gnrlCont .scroll-st2{width: 100% !important;}
    .gnrlCont h5.tit, .gnrlCont .right{padding: 16px 0;}
    .gnrlCont h5.tit{width: 100%; padding-left: 20px;}
    .gnrlCont h5.tit:before{left: 10px; top: 24px;}
    .gnrlCont h5.tit > br{display: none;}
    .gnrlCont .cont_w{flex-direction: column; gap: 0;} 
    
    .quick_s .left > a{width: calc(50% - 7px);}
    .quick_s .btn_w li{width: 50%;}
    .quick_s .btn_w li:nth-child(2n){border-right: none;}
    .quick_s .btn_w li:not(:nth-child(-n+4)){border-bottom: 1px solid rgb(221, 221, 221);}
	.quick_s .btn_w li:not(:nth-child(-n+6)){border-bottom: none;}
	.quick_s .btn_w li a{ width: 220px;justify-content: flex-start; padding: 7px}
	
	.accordion .item .cont{padding: 2rem 1rem;}
	.accordion .item .cont .linklist_w > a{padding: 1rem 1.5rem; width: calc(50% - .5rem)}
	.accordion .linklist_w a span{padding: 0; padding-right: 20px;}
    .accordion .item .tit{padding: 10px 1rem;}
    .accordion .item .tit:after{right: 2rem;}
}
    
@media screen and (max-width:660px){
	.accordion .item .cont .linklist_w > a{width: 100%;}
	.accordion .item .cont img{width: 40%;}
	
	.quick_s .left > a::before{display: none;}
}

@media screen and (max-width:480px){
	br.nobr480{display: none;}
	.custombox{top: 0;}
	.mv_dots .slick-dots{top: 51%;}
	.email_w{gap: 4px}
    .topWrap .topLogo a img,
    .topWrap .subLogo a img{width: 12rem;}
    .topWrap .mainGNB a.gnb_menu{width: 1.5em;height: 1.5em;}
    .mainBoard_list li > a{width: 75%;}
	.mainBoard .more_w{top: -65px;}
    .resource .resource_list li{width: 100%;}
    .resource .resource_list li a{padding: 2em;}
    .board_view .view_data{display: block;}
    .resource .resource_list li p{font-size: 1em;}
    .subpage_title .subpage_arrow p span{display: none;}
    .loginPage .loginBox .loginInput{width: 100%; margin-bottom: 0.8em;}
    .loginPage .loginBox .loginBtn{width: 100%; padding: .6rem 0;}
    .loginPage .loginBox .loginBtn::before{display: inline-block; margin: 0 .3em 0 0;}
    .loginPage .flex2 a{width: 100%;}
    .loginPage .flex2 a:first-child{ margin-bottom: 0.8em;}
    .loginPage .join a{width: 100%; padding: .5em 0; text-align: center; margin-top: 0.8em;}
    .joinus .joinStep li{width: 100%;}
	.mypage .snb ul{flex-wrap: wrap;}
    .mypage .snb ul li{width: 33.3333%; height: 2.5rem;}
    .mypage .snb li.on::before{display: none;}
    .mypage .mypageCont .contTop a{position: relative; margin-top: 2em;}
    .myHouse.boardTable{min-width: 580px}
    .mypageCont .snsconnect li{align-items: flex-start; padding: .8em;}
    .mypageCont .snsconnect li::before{width: 2.3rem;height: 2.3rem;margin-right: 0.8em;}
    .mypageCont .snsconnect li .date{top: 65%;left: 3.9rem;right: auto;}
    .mypageCont .snsconnect li button{font-size: 0.75em;}
	.tableWrap3{overflow-x:auto; white-space: nowrap;}
    .form-type3 .item >*{display: block;}
	.form-type3 .item .col {border: 0; background: none; padding: .5em 0; text-align: left; width: 100%;}
	.form-type3 .item .cont{padding: 0 0 .5em;}
    .form-type3 .item.double{border-bottom: 0;}
    .form-type3 .item.double .col,
    .form-type3 .item.double .cont{width: 100%;}
    .form-type3 .item.double .cont{border-bottom: 1px solid #dedede;}
    .form-type3 .item .mxwid {max-width: 100%;}
    .form-type3 .item .mxwid300 {max-width: 100%;}
    .form-sty .mo{display:block !important;}
    .form-sty .mo p {width: 100% !important;}
    .form-sty .mo select{width: 100%; margin-top: 5px}
	.imgTable.list >*{padding: 15px 0}
    .imgTable.list .cont-wrap{padding: 0;}
	.imgTable.list .img{/* display: none; */width: 100px;}
    .ebookTable >*{width: 49%; margin-bottom: 5%;}
    .tab-sty a{height: 2.2em;}
    .tab-sty.col9 li{width: 33.3333%}
    .tab-sty.col9 li:nth-child(5){border-right: 0;}
    .tab-sty.col9 li:nth-child(3n){border-right: 1px solid #dedede;}
    .tab-sty5 li{width: 25%;flex-grow: 1;}
    .btn_big, .btn_wide{font-size: .9rem;}
    .flexbox.w4 >*{width: 100%;}
    .subimg_slider .slick-dots li button{width: 2em;}
    .trans li{padding-left: 5.5em;}
    .trans li:before{width: 5em; height: 5em;}
    .facility li{width: 100%;}
    .academy .cont-btn a{width: 100%;margin: 0;}
    .academy .cont-btn a:first-child{margin-bottom: 10px;}
    .academy .lecture-video .cont-btn a{padding: .7em; font-size: 1em;}
    .smart-map li{font-size: 90%}
    .hub .tab-sty span:after{display: none;}
    .hub .service li{background-size: 6em;padding-left: 7.5em;}
	.hub .inquiry{padding: 2em;}
	.spaceintro .tit{font-size: 1.4em;}
	.box-green{padding: 1em;}
	.list-icon.big li{background-size: 5em; min-height: 5em; padding-left: 6.6em;}
	.business-cont.cont7 .steps li:not(.arrows){background-size: 100% auto;padding-top: 28%;}
	.business-cont.cont7 .steps .arrows{width: 10%}
	.business-cont.cont9 .monitoring li{width: 100%;padding: 1em;}
	.business-cont.cont9 .monitoring li:not(:last-child){border-bottom: 0; border-right: 1px solid #cecece;}
	.product .info-box .info-item{background-size: 40px;background-position: 1em 1em;padding: 0.8em;padding-left: 90px;}
	.product .info-box .info-item:before{top: 1.1em;left: 70px;height: 45px;}
    .headImg{padding: 20px;}
    .mapBox{height: 300px;}
	.mapBox .iw_inner{padding: 10px;}
	.mapBox .iw_inner >*{max-width: 200px;}
	
	.searchBox_st02 input[type="text"]{width: calc(100% - 110px);}
	.searchBox_st02 .sch_btn{width: 110px;}
	.map_tab > button {padding: 5px;}
	
	.satis-submit{ padding-right:0;}
	.satis-submit input[type="text"]{width: 100%;}
	.satis-submit button{position: inherit; height: 40px; margin-top: 10px;}
	
	.mainVisual .sch_w form input[type="text"]{padding: 1rem;}
	.mainVisual .sch_w form input[type="text"], .mainVisual .sch_w form input[type="text"]::placeholder{font-size: 1rem;}
	.mainVisual .sch_w form a{right: 1rem; width: 30px; height: 30px; background-size: 18px auto;}
	
	.welfare_w .main_tab > li{min-width: 33.333%;}
	.welfare_w .tab_cont_w > .flexbox{padding: 1rem;}
	.welfare_w .icon_w > li {width: calc(33.333% - 0.8rem);}
	
	.welfare_tab_w .sch_tab button{min-width: 45px;}
	
	.app_w .right{flex-direction: column;}
	.app_w .right > a{ min-height: 105px; background-size: 100px;}
	.app_w .right > a.app02{background-size: 82px;}
	
	.location .location__menu >a{padding-left: .5rem; padding-right: 1rem;}
	.location .location__menu >a::after{right: 10px;}
	
    .mainVisual .sch_w form{height: 55px;}
    
    .show_c .re-coment{padding: 1.875rem;}
    .show_c .re-coment.coment03{padding-left: 3.125rem;}
    .write_c .btn-gray5{width: 100px; padding: 0 1rem; word-break: keep-all;}
     
    
    .subpage_content .program .cont{width: 50%;}
    	
   	.cont-detail03.long > li:not(.file_w){width: 100%;}
   	.cont-detail03.short > li:not(.file_w){width: 50%;}
   	
	.cont-detail03 > li .tit, .cont-detail03 > li .cont{padding: 1rem;}
	.cont-detail03 > li .tit{min-width: 85px}
	.cont-detail03 > li .cont{width: calc(100% - 85px);}
	
	.simulation .link_btn_list > li{width: calc(50% - .5rem);}
	
	.qna .align_right{text-align: center !important;}
	
	.archive_view .intro_box > .slider_w{width: 95%;}
		
	.online .cont{row-gap: 1.250rem}
	.online .cont > li {width: 100%; max-width: none;}
	.online .cont .dot_list03{min-height: auto;}
	
	.linklist_w.col3 a{width: 100%; height: 130px;}
	.linklist_w.col4 a{width: calc(50% - 0.5rem)}
	
	.quick_s .left > a{width: 100%;}
	.quick_s .left > a::before{display: block;}
	.quick_s .left .message{margin-left: 0; margin-top: 10px;}
	
	.help .data-part .list>li{flex-wrap: wrap;}
	
	.hlpNeighbor .list > li{align-items: flex-start}
	.hlpNeighbor .list > li .tit, .hlpNeighbor .list > li p{width: 100%;}
	.hlpNeighbor .list > li .tit{margin-bottom: 12px;}
	.hlpNeighbor .list > li .tit:after{display: none;}
	
	.page_intro .list{gap: 10px;}
	.page_intro .list > li{width: calc(50% - 5px);}
	
	.customsh .btnWrap4{ flex-wrap: wrap;}
    .customsh .btnWrap4 > button{width: 100%;}
    .accordion .linklist_w a span{font-size: 14px;}
}
@media screen and (max-width:450px){	
	.custombox .custombox_sh > li{display: block;}
	.custombox .custombox_sh .tit .mobile{display: none;}
	
	.mainBanner .mainBanner_slider{width: 90%; margin: 0 auto;}
	.mainBanner_slider .item{margin-right: 0}
	.mainBanner .mainBanner_slider .slick-slide a{padding-bottom: 110%;}
	
	.mv_dots .slick-dots{top: 50%;}
	.mainVisual > .inner:not(.sch_w){top:52%;}
	
	
	.cont-name .cont{height: 40px;}
	
	/* .intro_box >*:first-child{padding-bottom: 73%;} */
	
	.mainVisual a.btn{width: 125px; height: 45px; line-height: 45px;}
	
	.gray_box{padding: 1.3rem;}	
	
	.cont-detail03.short > li .tit{min-width: 70px;}
	.cont-detail03.short > li .cont{width: calc(100% - 70px);}	
	
	.app_w .program .item{flex-wrap: wrap; justify-content: center;}
	.app_w .program .cont{width: 90%;}
	#contents .app_w .arrow{top: 230px !important;}
	
	.link_btn_list>li>a{background-position: bottom 8px right 8px !important;}
	
	.paginate >*{margin-right: 0.325rem;}
	
	.quick_s .btn_w li .img_w{width: 33%;}
	
	.accordion .item .cont .linklist_w > a{padding: 1rem 10px}
}

@media screen and (max-width:380px){
	.foot-bot .wa{width: 70px;}
	.searchBox_wrap .searchBox select{flex: 1; width: 4em;}
    .mainBoard_list li > a{width: 70%;}
    .sort-type__wrap{display: block;}
    .sort-type__tit{width: auto; margin-bottom: 5px}
    
	.welfare_w .main_tab > li{min-width: 50%;}
    .welfare_w .icon_w > li {width: calc(50% - 0.5rem);}
    
    
	#contents .app_w .arrow.next{right: -4%;}
	#contents .app_w .arrow.prev{left: -4%;}
	
	.subpage_content .program .cont .tit{max-height: 50px; -webkit-line-clamp: 1;}
	
	.welfare_info > li{width: 100%; min-height: auto;}
	.welfare_info > li > a{background-size: 30px}
}