/* PC Device */

 @media all and (max-width:1400px){
    .wrap {width:100%; min-width:320px;padding:0 3%; box-sizing:border-box; margin:0 auto;}
	#logo {left:3%;}
	.main_01_title {left:3%;}
	#main_02 h2 a {right:3%;}
	/*.sct_admin{margin-top:15px;}
	.sit_admin{margin-top:15px;}
	#gnb #full_dropdown {display:none;}
	#tnb {display:inline-block;}
	
	.btnMenuClose span{display:none;}
	.m_tnb img {width: 266px;}
	*/
   
	.main_notice li a {padding: 39px;}
	.ft_ban {right:3%;}

}





@media all and (max-width:1200px){
.main04_title {width: 100%;float: left;margin-right: 0;margin-bottom:30px;}
.main04_title h2 span {display: inline-block;margin-left: 10px;}
.main04_title h2 {margin-bottom: 17px;}
.main04_title p br {display:none;}
.main_support {width: 48%;float: left;margin-right: 0;}
.main_help {width: 48%;float: right;}
.main_support a, .main_help a {padding: 40px; aspect-ratio: 1 / 0.8;}
#main_04 a p {padding-right: 0;}
/*모바일메뉴*/
#total_m_lay {right: -100%; width: 100% ; overflow: auto; background: #f8f8f8; background: url('../images/main/allMenu_bg.png') #fff right bottom no-repeat; background-size: auto 100%;border: 0;}
.total_m {padding: 0px !important;}
.total_m li button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; font-size:0;display:inline-block;}
.total_m > ul > li {position: relative; width: 100% !important;height:auto; font-size: 18px; font-weight: 400;   background: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(0,0,0,0.08);}
.total_m > ul > li > a {padding: 20px; color:#222; font-weight:bold !important;}
.total_m > ul{display:block;}
.total_m > ul > li.has-sub > a {font-weight:500; font-size:20px}
.total_m > ul > li.has-sub {padding: 0; text-align: left;  /*border-top: 1px solid #ccc; */}
.total_m > ul > li.has-sub:before {position: absolute; top: 20px; right: 21px; width: 1px; height: 20px; margin-top: -1px; display: block; content: ""; background: #333; display: block; border-radius:10px;}
.total_m > ul > li.has-sub:after {position: absolute; top: 28px; right: 12px; width: 20px; height: 1px; display: block; content: ""; background: #333; border-radius:10px;}
.total_m > ul > li.has-sub.open > a {/*background: #93845a url('../images/gnb_dot_on.png') no-repeat right 15px center */}
.total_m > ul > li > ul {display: none; padding: 0px; background: #f5f5f5; padding:20px;}
.total_m > ul > li > ul > li {font-size: 16px; /*background-repeat: no-repeat; background-position: right 14px; border-top: 1px solid #ddd; */}
.total_m > ul > li > ul > li:first-child {border-top: 0}
.total_m > ul > li.has-sub.open {}
.total_m > ul > li.has-sub.open:before {display: none;}
.total_m > ul > li.has-sub.open:after {position: absolute; top: 28px; right: 12px; width: 22px; height: 2px; display: block; content: ""; background: #af9251; border-radius:0px;}
.total_m > ul > li > ul > li > a {padding: 0 0 20px; /*color: #fff;*/ font-weight:400;  font-size:16px;}
.total_m > ul > li > ul > li:last-child > a {padding: 0;}
.total_m > ul > li > ul > li.open > a {color: #1e5394;}
.total_m .btnClose {display: none}
.btnMenu {/*width: 60px; height: 60px; padding: 0px; top: 5px;*/}
.btnMenuClose {width: 30px; height: 30px; padding:0; top: 30px; right:30px; }
.m_login {/*display: none;*/ margin-top:50px;}
.m_login li {display: inline-block; margin:0 10px; font-size:1.12rem;}
.m_sns {margin-top: 30px;}

.main_notice li a {padding: 33px;}
  /*제품 상세*/
  #sit_ov {padding-top: 35px;}
	#sit_pvi {width: 56%;}
	.sanchor {margin: 50px 0 30px;}

}
@media all and (max-width:1100px){
#full_dropdown > #main_menu > li > a {padding: 0 32px;}
.main_visual {height: 486px;}	

}


@media all and (max-width:1000px){
#gnb #full_dropdown {display:none;}
#tnb {display:inline-block;}
#hd .btnMenu {margin: 18px 0;}
.btnMenuClose span{display:none;}
.m_tnb img {width: 266px;}
.main_01_title h2 {font-size: 36px;}
#main_02 h2, #main_03 h2, .main04_title h2 {font-size: 36px;margin-bottom: 30px;}
.biz_mcon h3 {font-size: 30px;margin: 30px 0;}
.biz_mcon a, #main_02 h2 a {font-size: 14px;padding: 10px 39px 10px 20px;}
.main_notice {width: 100%;float: left;}
.main_inquiry {width: 100%;float: right;margin-top: 30px;}
.main_inquiry a {aspect-ratio: auto;}
#sidebar {display:none;}
#m_sidebar {background:#fff; position: relative; height: 65px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display:block; left:0; width:100%;}
#m_sidebar .snb {position: relative; float: left; width: 50%;}
#m_sidebar .snb1 {border-right:1px solid #ddd;box-sizing:border-box;}
#m_sidebar .snb > .over {position: relative; display: block; height: 65px;}
#m_sidebar .snb.snb1 > .over {border-right: 1px solid rgba(255, 255, 255, 0.1);}
#m_sidebar .snb > .over span {line-height: 65px; font-weight: 600; font-size: 18px; padding-left: 10%; position: relative; display: block; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: normal; width: 100%;}
#m_sidebar .snb.snb2 > .over span {color: #007964;}
#m_sidebar .snb > .over span:after {position:absolute; top:50%; right:10px; margin-top:-4px; width:13px; height:7px; content:''; background:url('/img/sub/m_snb.png') no-repeat;}
#m_sidebar .snb > .over .arrow {position: absolute; top: 50%; right: 30px; width: 20px; height: 20px; margin-top: -8px; font-size: 20px;}
#m_sidebar .snb > .over.open .arrow {transform: rotate(-180deg); margin-top: -10px;}
#m_sidebar .snb .snb_con {display: none; position: absolute; left: -0px; width: calc(100% - 0px) !important; background: #fff; z-index: 11; border-right: 1px solid #eee; border-left: 1px solid #eee;}
#m_sidebar .snb .snb_con li {border-bottom: 1px solid #eee;}
#m_sidebar .snb .snb_con li a {display: block; padding: 15px 10%; font-size: 17px;}
#m_sidebar .snb .snb_con li.on {position: relative;}
#m_sidebar .snb .snb_con li.on a {padding-left: 25px; font-weight: 500;}
#m_sidebar .snb .snb_con li.on a:before {content: ""; position: absolute; top: 50%; left: 10px; width: 7px; height: 3px; margin-top: -1px; background: #1c202c;}
#sub_container {padding:0 0 60px 0; border-bottom:none;}
#sub_container .wrap {padding:0;}
#ft .wrap {padding: 0 3%;}
#container #content {clear:both;width:100%;float:left;box-sizing:border-box;padding:60px 3%;}
.ft_ban {display:block;clear:both;position:relative;top:auto;right:auto;margin-top:20px;}
#remote {display:none;}
 }
 /* Tablet Device */
@media all and (max-width:1000px){
/*메인*/
	






 /*서브비주얼*/
	#sidebar {height:60px;}
	#sidebar > div li a {height:60px;line-height:60px;font-size: 16px;}
	#sidebar > div {overflow: hidden;display: block;width: 100%;}

 	#container #content{width:100%;}
	#container #content .sConBox{padding:50px 10px 50px; max-width:768px}
	#container #content .sConBox .btnPrint{display:none}

	
	.cont_inquiry {height: 240px;}
	.cont_inquiry .online_inqu {right: 5%;}


	.sConBox {width:100%; margin-top:0px;}

	

	
  /* div#bo_list, section#bo_w, article#bo_v,  #smb_my, #sod_fin, #sod_v, #sod_frm, #sod_fin  {width: 96% !important;}
   div#bo_gall, div#sct, #sit  {width: 96% !important; margin:0 auto 0; padding:80px 0 90px;}
	div#bo_list, div#bo_gall, section#bo_w, div#sct, div#sit{padding:80px 0 90px;}
	article#bo_v{margin:80px auto 90px;}*/

	/* 게시판 읽기 */
   #bo_v {padding:20px;}

   /* 게시판 검색 */
   #bo_sch .sch_input{width:60%}

   .sct_20 .sct_li {margin:0 3% 30px 0; width:48.5% !important;}
   .sct_20 .sct_li:nth-child(3n) {margin-right:3%;}
   .sct_20 .sct_li:nth-child(2n) {margin-right:0%;}



    /* 상품 상세보기 - 이미지 미리보기 */
    #sit_pvi {width:45%;}

   /* 상품 상세보기 - 간략정보 및 구매기능 */
    #sit_ov {width:50%;}
	.sanchor li button{font-size: 18px;padding: 18px 0;}
	#sit_title{font-size: 32px;padding-bottom: 30px;margin-bottom: 30px;}
	#sit_desc{font-size:18px;line-height: 28px;}

	#exptime {border-radius:0; border:0; padding:0; }
    #khoa {border-radius:0; border:0; padding:0; }

    #sitemap > li {width:32%;}


/*견적보기*/
	#view_tb1 .title_table {width: 30%;}
	.tbl_head01 tbody th{padding:15px;}
	#view_tb1 .view_th1{padding:10px;width:150px;font-size: 18px;}
	#view_tb1 .view_td1{font-size: 18px;padding:10px;}






/*공지사항 검색*/	
#bo_sch{width: 100%;}




}



@media all and (max-width:950px){
/*갤러리게시판*/
	.sct_10 .sct_li{width:50% !important;}




}
@media all and (max-width:890px){

.main_visual {height: auto;aspect-ratio: 1 / 0.45;}
.rolling .text h2 {font-size: 36px;}

}

@media all and (max-width:850px){

.main_01_title {left: auto;position: relative;display: block;top: auto;padding-bottom:28px;overflow:hidden;}
#main_01 .board-item {justify-content: center;gap: 22px;}
#tabs li span i {margin: 0 auto;}
.main_biz img {width: 100%;}
.biz_mcon {clear:both;width:100%;float:left;}
}

@media all and (max-width:800px){



/*게시판 견적신청*/
.bo_w_info select{height:45px;}
.frm_input{height:45px;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size:18px;}
#bo_w .write_div {margin-bottom:15px;font-size:16px;}


/*견적보기*/
#inquiry{width:97%;margin:0 auto;padding:80px 0;}

}



@media all and (max-width:700px){
/*메인*/
.topmenu {display:none;}
#menu_cotainer {height: 75px;}
#logo {left: 1%;top: 10px;}
#logo a img {height: 85%;}
#hd .btnMenu {margin: 10px 0;}
#view_tb1 .view_tr1 {display: flex;flex-wrap: wrap;}
#view_tb1 .view_th1{width:100%;background: #eee;}
#view_tb1 .view_td1{width:100%;}
#main_02 li {width: 48%;float: left;margin-right: 0;}
#main_02 li:last-child {margin-right: 0;}
#main_02 li:nth-child(2n) {float:right;}
#main_02 li:nth-child(3) {clear:both;margin-top:20px;}
.main_support {width:100%;}
.main_help {clear:both;width:100%;margin-top:20px}
.main_support a, .main_help a {aspect-ratio: auto;}
.main_support a:before, .main_help a:before {z-index:-1}
}


@media all and (max-width:650px){
.sVisual {height: 274px;}
.sVisual > div p {font-size: 38px;}
ul.ft_ul li {display:block;width:100%;}
.ft_ul li.copyright {text-align: left;float: left;clear:both;}
/*게시판 견적신청*/
	.product_inquiry_wrap .write_div{width:100%;}
	#bo_w .write_div{margin-bottom:10px;}
	.bo_w_info select{padding: 0 10px;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{padding: 10px;}
	.g-recapt{margin-top:35px;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{max-height:200px;}
	#bo_w .bo_w_flie .file_wr {height:45px;padding: 9px;}
	#bo_w .bo_w_flie .lb_icon{height: 43px;line-height: 43px;}

/*제품상세*/
#sit_pvi{width:100%;}
#sit_ov{width:100%;min-height: 180px;}
.sanchor li button{padding: 10px 0;}
.sanchor{margin: 30px 0 15px;}
#sit_inf{margin: 30px 0;}
#sit_title{padding-bottom: 15px; margin-bottom: 15px;}

}



@media all and (max-width:600px){
	
.main_visual {aspect-ratio: 1 / 0.5;}	
.rolling .text h2 {font-size: 30px;}
.rolling .text p {font-size: 18px;}
#main_01, #main_03 {padding: 50px 0;}
#main_04 {padding: 0 0 50px 0;}
#main_02 h2, #main_03 h2, .main04_title h2 {font-size: 27px;margin-bottom: 25px;}
.main_01_title h2 {font-size: 27px;}
#main_01 .board-item {gap: 39px;}
.biz_mcon a, #main_02 h2 a {font-size: 13px;padding: 8px 36px 8px 18px;}
#main_02 h2 a {top: 3px;}
.biz_mcon h3 {font-size: 23px;margin: 20px 0;}
.biz_mcon p {font-size: 15px;margin-bottom: 30px;}
#main_02 li a > img {margin-bottom: 13px;}
#main_02 li a p {font-size: 16px;margin-bottom: 6px;}
.main_notice li a {padding: 23px;}
.main_notice li span {display: block;font-size: 15px;clear: both;float: left;margin-top: 5px;}
.main_notice li p {display: block;float: left;font-size: 17px;}
.main_inquiry a {padding:35px;}
.main_inquiry a h3 {font-size: 27px;margin-bottom: 20px;}
.main_inquiry a p {font-size: 15px;}
.main_support a, .main_help a {padding: 32px;}
#main_04 a h3 {font-size: 24px;margin-bottom: 12px;}
#main_04 a p {font-size: 15px;margin-bottom: 30px;}
.main_help a:before {aspect-ratio: 67 / 76;width: 35%;height: auto;background-size:cover;}
.main_support a:before {aspect-ratio: 73 / 65;width: 35%;height: auto;background-size:cover;}
.main04_title p, #main_04 a span {font-size: 15px;}
/*게시판 공지사항*/
#bo_v_title .bo_v_tit{font-size:22px;word-break:keep-all;margin:15px 0 0;line-height: 28px;}
#bo_v_title {margin-bottom: 0;}
#bo_v {padding: 0;border: 0;}
#bo_v header {display:none;}
#bo_v_con{min-height: 160px;}
#bo_v_con * {width:100% !important;}
.bo_v_com {margin: 10px 0;}
.bo_v_left{margin: 10px 0;}
.bo_v_nb{margin:0;}
#bo_sch{width: 100%;}
#bo_sch .sch_input{width: 58%;padding-left:5px;}
#bo_sch select {margin: 9px 0px 9px 5px;}
.tbl_head01 td {padding: 25px 15px;}
.bo_notice td a{font-size:14px;}
#bo_list .td_datetime{display:none;}
.tbl_head01 thead th{padding:12px 0;}

.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size: 15px;line-height:24px;}
#contents_sitemap .cate_line .cate {width: 47%;}


	
/*갤러리게시판*/
.sct_10 .sct_li{width:100% !important;}



/*개인정보처리방침*/
.sConBox h2{font-size:22px;margin-bottom:15px;}
.privateD{padding: 25px;}

}

 /* Mobile Device */

@media all and (max-width:500px){

/*견적보기*/
#inquiry{width:97%;margin:0 auto;padding:60px 0;}
.sub_title h1 {font-size: 25px;padding-bottom: 20px;}


}



 /* Mobile Device */
@media all and (max-width:480px){

.main_visual {aspect-ratio: 1 / 0.62;}
.rolling .visual01 .img_board .bg {background:url('/img/main/main_vis_mo.jpg') center center no-repeat; background-size: cover}
.rolling .visual02 .img_board .bg {background:url('/img/main/main_vis02_mo.jpg') center center no-repeat; background-size: cover}
#bo_w .bo_w_info .frm_input {width:100%; margin:0.5% 0; font-size:16px; height:45px;}


}



@media all and (max-width:452px){
.bo_v_com{float: left;margin: 3px 0 10px;}
.bo_v_com li{margin-left: 0;margin-right: 5px;}
.bo_v_left{margin: 3px 0;}

/*이용수칙*/
.is_btn.wd_col_bg_cw{display:none;}
.ss_desc{padding-left:0;}

}



@media all and (max-width:425px){

.useful_pro_con{padding:30px 40px;}

}

@media all and (max-width:400px){

.main_visual {aspect-ratio: 1 / 0.65;}
.rolling .text h2 {font-size: 25px;}
.rolling .text p {font-size: 16px;}
#main_01 .board-item {gap: 48px;}
.sVisual {height: 196px;}
.sVisual > div p {font-size: 28px;padding-top: 30px;}
/*모바일메뉴*/
.m_tnb{text-align: left;}
#total_m_lay{padding: 0 5.5%;}
.btnMenuClose{background:none;top:12px;right:15px;}
.btnMenuClose:before, .btnMenuClose:after{background-color:#000;}
#main_02 li {width: 100%;float: left;}
#main_02 li:nth-child(2) {clear: both;margin-top: 20px;}
/*로그인페이지*/
.mbskin{width:94%;}
.mbskin h1{margin: 40px 0 30px;}
#login_fs{padding: 0 45px;}
#mb_login {padding: 80px 0;}

/*게시판 공지사항*/
	.bo_w_info select{ font-size: 16px;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { font-size: 16px;}

/*갤러리게시판*/
.sct_10 .sct_img > a{height:240px;}

/*팝업창 모바일*/
.hd_pops_con{width:100% !important;height:100% !important;}
.hd_pops{top: 10px !important;left: 0 !important;}

/*공지사항 검색*/	
#bo_sch select{width: 90px;}
#bo_sch .sch_input {width: 50%;}
.nb_date{display:none;}
.bo_v_nb li{padding: 15px;}
.bo_v_nb li .nb_tit{padding-bottom:5px;}

#ft .privacy li{padding-top: 3px;}
.display_none{display:none;}
#m_sidebar {height:55px;}

#m_sidebar .snb > .over span{line-height:55px;font-size: 16px;}
#m_sidebar .snb > .over {height:55px;}
#m_sidebar .snb .snb_con li a {font-size: 15px;}

#bw_support table, #bw_support table tr, #bw_support table th, #bw_support table td {display:block;width:100%;}
.addr1, .addr2, .addr3, .addr4, select#email3 {width:100%;}
.addr2, .addr3, .addr4, select#email3 {margin-top:5px;}


#bus  .bus_img p{margin:10px 0 15px;}

}
@media all and (max-width:380px){
.m_icon span {
    font-size: 14px;
}
}
@media all and (max-width:370px){
	
	 .sct_10 .sct_li {width:100% !important;}

 /*갤러리게시판*/
	.sct_10 .sct_img > a{height:230px;}
}


@media all and (max-width:356px){

 /*갤러리게시판*/
	.sct_10 .sct_img > a{height:210px;}

}

/*서브 공통*/
@media all and (max-width:768px){
.con_wrap h2{font-size: 22px; margin: 50px 0 20px 0;}
.con_wrap h3{font-size: 18px;}
}


/*인사말*/
@media all and (max-width:768px){
	#greetings .ceo_info{position: relative; left: auto; bottom: auto; width: 100%; margin-top: 30px;}
	#greetings .ceo_inner{background: url('../img/sub/sub0101_bg01.jpg') no-repeat center/cover;}
	#greetings .ceo_bottom{margin: 30px 0 0;}
}

@media all and (max-width:500px){
	#greetings .ceo_inner{padding: 25px;}
	#greetings .ceo_inner h2{font-size: 22px;}
	#greetings .ceo_inner h4{font-size: 17px; line-height: 1.4}
	#greetings .ceo_inner h4 br{display: none;}
	#greetings .ceo_info .txt{padding: 25px;}
	#greetings .ceo_info .txt p{font-size: 15px;}
	#greetings .ceo_info .txt p span{font-size: 18px;}
	#greetings .ceo_bottom p{font-size: 15px;}
}

/*설립취지 및 목적*/
@media all and (max-width:1024px){
#purpose{padding: 0 70px 70px;}
#buis_intro ol > li.txt{padding: 60px 30px 40px;}
#buis_intro > ul {margin: 30px 0; gap: 20px;}
#buis_intro > ul > li {width: calc((100% - 40px) / 3);}

#mem > div .right ul{padding: 50px;}
#mem > div .right ul li{width: calc((100% - 50px) / 2);}
#mem > div > img{display: none;}
#mem > div .right {width: 100%; margin-top: 0;}
#mem > div .right > h4{display: none;}

/*#history > div{background: none; padding-bottom: 0;}*/
#history > div li{width: 100%;}
#history > div li:nth-child(2){order: 1; margin-bottom: 40px;}
#history > div li:nth-child(1){order: 2;}
#history dl{margin-bottom: 10px;}
}

@media all and (max-width:768px){
#purpose{padding: 0 20px 20px;}
#purpose > ul{padding: 40px 20px;}
#purpose > ul > li:first-child {padding-bottom: 50px;}
#purpose > ul > li h1{margin-bottom: 10px; font-size: 20px;}
#purpose > ul > li h1:before{top: -10px; width: 20px; height: 3px}
#purpose > ul > li p{font-size: 15px;}

#buis_intro > ul {gap: 10px;}
#buis_intro > ul > li {width: calc((100% - 10px) / 2); border-radius: 15px;}
#establish #buis_intro ul > li > ol > li.img::before{width: 100px; height: 100px; bottom: -20%; background-size: cover;}
#buis_intro ol > li.img{border-bottom: 2px solid #007964;}
#buis_intro ol > li.txt{/*padding: 30px 10px;*/ font-size: 15px;}
#buis_intro ol > li.txt br{display: none;}
#buis_intro ol > li.txt span{font-size: 14px;}

.explain li{font-size: 16px;}
.explain li:before{top: 6px;}
.explain li p{font-size: 15px;}

#mem > div .right ul{padding: 30px; gap: 20px 50px;}
#mem > div .right ul li:last-child{width: 100%;}
#mem > div .right ul li h4{font-size: 18px;}
#mem > div .right ul li p{font-size: 16px;}
#mem > div .right ul li i{font-size: 15px;}

#organ figure:nth-child(2){display: none;}
#organ figure:last-child{display: block;}

#history > div ul{padding: 30px;}
#history > div li strong{margin-bottom: 10px; font-size: 20px;}
#history dl dt, #history dl dd{display: block;}
#history dl dt{font-size: 17px;}
#history dl dt br{display: none;}
#history dl dd{font-size: 15px; color: #333;}
}

@media all and (max-width:500px){
#establish #buis_intro ul > li > ol > li.img::before{width: 60px; height: 60px; bottom: -25%;}
#buis_intro ol > li.txt{padding: 40px 10px;}
}

/*오시는 길*/
@media all and (max-width:768px){
#map_wrap ul{gap: 10px; padding: 30px 30px 30px 60px;}
#map_wrap ul li{width: 100%;}
#map_wrap ul li:nth-child(2){font-size: 15px;}
}

/*위탁 및 교육사업*/
@media all and (max-width:1024px){
.buis_tab > ul li{width: calc((100% - 20px) / 2);}
.buis_tab > ul li h4{font-size:18px}
.buis_tab > ul li p{font-size:15px;}
}

@media all and (max-width:768px){
.buis_table table th{width: 30%;}
.buis_table table td{width: 70%; padding: 10px 20px;}
.box .box_inner{width: 100%;}
}

@media all and (max-width:550px){
.buis_tab > ul li figure img{border-radius: 10px;}
.buis_tab > ul li{width: 100%; padding: 20px;}
}

/*컨소시엄 사회공익사업*/
@media all and (max-width:768px){
.explain .purpose{padding: 20px;}
}

@media all and (max-width:550px){
.mySwiper{padding: 12px 0;}
.swiper-slide img{height: 180px;}
.tab li{padding: 12px 0;}
}

/*안전문화 캠페인*/
@media all and (max-width:768px){
.purpose_txt > ul li{width: 100%;}
}

/*자원봉사활동*/
@media all and (max-width:970px){
.process02{display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; width: 100%;}
.process02 li{position: relative; width: 80%; padding: 30px; border-radius: 20px; border: 1px solid #ddd; text-align: center; font-weight: 500; font-size: 18px;}
.process02 li:before{display: none;}
.process02 li:last-child:before{display: none;}
.process02 li a{background: #3b630f; color: #fff; padding: 5px 20px; border-radius: 10px;}
.process02 li img {display: block; margin: 0 auto 20px;}
}

@media all and (max-width:500px){
.process02 li{width: 100%;
}