/* PC Device */

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

#hd_wrapper {padding:0 50px;}
.frame {width: calc(100% - 50px);}
.main_02:before { width: calc(100% - 50px);}
.sVisual > div.wrap { width: calc(100% - 50px) !important;margin-left: 50px !important;}
}

@media all and (max-width:1400px){
#hd_wrapper {padding:0 3%;}
.wrap {width:100%; min-width:320px;padding:0 3%; box-sizing:border-box; margin:0 auto;}

.sVisual > div.wrap { width: calc(100% - 3%) !important;margin-left: 3% !important;}
#container #content {width: calc(100% - 326px);}
.top_support {right: 74px;}
.frame {width: calc(100% - 3%);}
.main_02:before {width: 100%;border-radius:0;}
.main_contents > section h2 {word-break: break-all;}
.biz_nav{left:3%;bottom: -45px;}

#logo {left: 0;}
.bottom_ban_title {width:100%;}
.bottom_ban_con {clear:both;width:100%;margin-top:10px;}
.banner_slick .slick-slide {margin:0 5px;}
.banner_slick .slick-list {margin:0 -5px;}
#aro_next02 {right:0;}
#aro_prev02 {left:0;}
#tnb {display:inline-block;}

.banner_con {width: 51%;}
.banner_con li a {padding: 38px 24px 176px 24px;}
}

@media all and (max-width:1350px){
.main_visual {height: 527px;}
.rolling .text h2 {font-size: 43px;}
.rolling .text p {font-size: 21px;}
.main_scroll span {width: 65px;height: 65px;}
}
@media all and (max-width:1300px){
#gnb .gnb_wrap {max-width:100%;}


.banner_con li a h3, .banner_con li:last-child a h3 {font-size: 25px;margin-bottom: 19px;}
.banner_con li a p{    font-size: 15px;margin-bottom: 0;        min-height: 39px;}
.sct_admin{margin-top:15px;}
.sit_admin{margin-top:15px;}
#tnb {display:inline-block;}

.btnMenuClose span{display:none;}
.m_tnb img {width: 266px;}

#sub_container {padding:0 0 60px 0;}
#container #content {clear:both;width:100%;float:left;margin-top:60px;box-sizing:border-box;padding:0 3%;}




}

@media all and (max-width:1250px){
.biz_con {width: 45%;}
.biz_img {width: 50%;float: right;padding: 28px 0 0 28px;position: relative;}
.biz_con h2 > span, .main_story h2 span, .main_03 h2 span {font-size: 23px;}
.biz_con h2, .main_contents > section h2 {font-size: 48px}
.biz_con p {font-size: 23px}
#aro_next03, #aro_prev03 {width:70px;height:70px;background-size:26%;}
.main_support li a h2 {font-size: 35px;font-weight: 700;}
.main_support li a p {font-size: 16px;}





}

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

#gnb {display:none;}


/*모바일메뉴*/
#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: #6162e6;*/}
.total_m > ul{display:block;}
.total_m > ul > li.has-sub > a {/*background: url('../images/gnb_dot.png') no-repeat right 15px center; */  font-weight:500; font-size:1.1rem}
.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:1rem }
.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: 50px; height: 50px; padding:0; top: 0; right:0px; }
.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;}


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

}
@media all and (max-width:1180px){
.svisual_txt h3 {font-size: 36px;}
.svisual_txt p{font-size: 20px;}
}
@media all and (max-width:1150px){

.banner_con {width: 100%;}

.banner_con li a {min-height: 292px;}
#ft .privacy {display: block;width: 100%;clear: both;}
}

@media all and (max-width:1100px){
.tabs {margin: 0 46px 25px 0;}
.tab_container li {padding:20px 0;}

#gnb {display:none;}
.banner_con li a {padding: 35px 30px;border-radius: 20px 20px 0 20px;}
.banner_con li a {min-height: 238px;}
.banner_con li a span {left: 31px;bottom: 31px;}

.sVisual {height: 316px;}
.sVisual > div {
    border-radius: 10px 0 0 30px;
}
.sVisual.visual01 > div {background: #fff1c7 url(/img/sub/sub01.png) 90% bottom no-repeat;background-size:40%}
.sVisual.visual02 > div {background: #fff1c7 url(/img/sub/sub02.png) 90% bottom no-repeat;background-size:40%}
.sVisual.visual03 > div {background: #fff1c7 url(/img/sub/sub03.png) 90% bottom no-repeat;background-size:40%}
.sVisual.visual04 > div {background: #fff1c7 url(/img/sub/sub04.png) 90% bottom no-repeat;background-size:40%}
.svisual_txt {bottom: 63px;left: 66px;}
}
/* Tablet Device */
@media all and (max-width:1000px){

.main_visual{height:auto;aspect-ratio:392 / 280;}
.rolling .visual01 .img_board .bg {background:url('/img/main/visual01_m.jpg') center center no-repeat; background-size: cover}
.rolling .visual02 .img_board .bg {background:url('/img/main/visual02_m.jpg') center center no-repeat; background-size: cover}
.rolling li.swiper-slide-active .text {opacity: 1; transition: all .7s linear .2s; top:25%; }
.banner_con li a {min-height: 288px;}

.biz_con h2 > span, .main_contents > section h2 span {font-size: 20px;}
.biz_con h2, .main_contents > section h2 {font-size: 40px;margin-bottom: 30px;}
.biz_con p {font-size: 20px;margin-bottom: 30px;}
#aro_next03, #aro_prev03 {width:50px;height:50px;}
.main-board .title{margin-bottom: 10px;font-size: 25px;}
.main-board .num {display:none;}
.main-board .box:hover .arrow {display:none;}
.main_04 p {font-size: 22px;margin: 26px 0;}
.main_story .slick-slide a p {font-size: 20px;margin-top: 12px;}

/*서브비주얼*/

#sidebar {display:none;}
#m_sidebar {clear:both;background:#fff; position: relative; height: 65px; border-bottom: 1px solid #ddd; display:block; left:0; width:calc(100% -3%);margin-left:3%;}
#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: 3%; 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: #3fadca;}
#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;}

#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%;}


/*종합안내*/
.arr{margin:0 3px;}


table.biz01_table th { height: auto;}


}



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

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



.sVisual {	height: 240px;}
}
@media all and (max-width:930px){
#equipment .tabs li span {font-size: 17px;}
#biz_02 .tabs li span {font-size: 17px;}
#biz_03 .tabs li span {font-size: 17px;}
#useful .tabs li span {font-size: 17px;}
#gbiz_01 .tabs li span {font-size: 17px;}
.tab_sub ul li a {font-size: 17px;}
#contents_sitemap .cate_line .cate {width: 30%;}
}

@media all and (max-width:860px){
#hd_wrapper {padding: 0 3%;}
#menu_cotainer {height: 80px;}
#logo {top: 16px;}
#logo a img {height:50px;}
#tnb {top: 29px;}
.top_support {right: 60px;top:23px;}
.top_support a {font-size: 15px;padding: 10px 19px;}

.main_support li a img {display: block;float: none;clear: both;margin: 20px auto 0 auto;}
.main_support li a div {width: 100%;float: left;overflow:hidden;}

}


@media all and (max-width:800px){
/*메인*/
.main_visual {height: auto;aspect-ratio: 392 / 300;}
.rolling .text p {font-size: 22px;}

.biz_con {width:100%;}
.biz_img {width:100%;margin-top:30px;clear:both;}
.biz_con h2 {margin-bottom:20px;}
.biz_nav {position: relative;left: auto;bottom: auto;clear: both;text-align: center;display: block;overflow: hidden;padding-top: 57px;width: 100%;float: left;}

/*게시판 견적신청*/
.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;}

/*퀵메뉴*/
.click_btn { bottom:60px; }
.click_btn li.kakao{background:url('/img/main/click_kakao.jpg') center center no-repeat;background-size:cover;height:60px;}
.click_btn li a{width: 60px;height: 60px;}

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

.scroll_box{width: 100%; overflow-x:scroll;}
.program_table table, .bus-time table{width:800px;}
.scroll_txt{display:block;}
.pc_img {display:none;}
.mo_img{display:block;}

.biz_img li {width:50%;}

table.business_table{width:800px;}
.business_list {margin-top: 10px;}
.organ_business h3{ display:inline-block; margin-top:30px;}
#bo_list .td_name, #bo_list .td_tell {display:none;}
}

@media all and (max-width:750px){
.rolling .text h2 {font-size: 33px;text-align: center;}
.rolling .text p {padding-left:0;text-align: center;font-size:18px;}
.useful_process li:nth-child(3){margin-top:15px;}

}

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




.useful_sec02 .room_list li p{ font-size:16px; }





}

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

.main_support {padding: 35px;}
.main_support li:nth-child(1) {padding-right: 35px;}
.main_support li:nth-child(2) {padding-left: 35px;}

.svisual_txt {bottom: 40px;left: 37px;}
.svisual_txt h3 {font-size: 29px;}
.svisual_txt p {font-size: 15px;}

#view_tb1 .view_tr1 {display: flex;flex-wrap: wrap;}
#view_tb1 .view_th1{width:100%;background: #eee;}
#view_tb1 .view_td1{width:100%;}

/*종합안내-이용안내*/
.bo_v_file_cnt {position: relative;top: auto;right: auto;color: #888;font-size: 0.92em;display: block;line-height: 2;}

}

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

.topmenu {display:none;}

}

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


.main_scroll span {background-size:40%;}
.main-board .box { padding: 25px;}
.main-board .text-wrap {padding-left: 0;}
.main-board .title {font-size: 17px;}
/*게시판 견적신청*/
.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;}
.topmenu ul {display:none;}
.topmenu .wrap {padding:0;}
.top_organ > a {width:33.3%;float:left;}
.top_organ {width:100%;}
.m_icon span {font-size: 20px;}
footer {padding:0;}


}

@media all and (max-width:650px){
.main_support li a div{text-align:center; overflow: hidden;}
.main_support li a h2, .main_support li a p {text-align:center;}

#ft .ft_logo img {display: inline-block;}
#ft .ft_logo {width:100%;float: left;display: block;margin-right: 0;text-align: center;}
#ft .ft_info02 {clear:both;margin-top:20px;width:100%;float:left;}
#ft .privacy {text-align: center;}
#ft .privacy li {float: none;display: inline-block;padding: 8px 10px;}
#ft .privacy li a {font-size: 15px;line-height: 1;}
.bo_sns {display: block;position: relative;right: auto;top: auto;text-align: center;}

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


.main_visual {aspect-ratio: 392 / 370;}

.biz_con h2, .main_contents > section h2 { font-size: 30px;}
.biz_con > span {font-size: 15px;padding: 12px 20px;}
.main_01 {position: relative;padding: 80px 0 140px 0;}
.main_story {margin-top: 80px;}
.main_support li a h2 { font-size: 30px;}
.main_02 {padding: 0 0 80px 0;}
.main_03 {padding: 80px 0;}
.main_04 {padding: 80px 0;}
#index .bottom_banner {padding:50px 0;}
.top_support {display:none;}
.main_story .slick-list {margin: 0 -10px;}
.main_story .slick-slide {margin: 0 10px;}
#aro_prev02, #aro_next02 {top: 77%;}

/*게시판 공지사항*/
#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%;}


.useful_sec02 .room_list li{width:48%; margin-right:3%;}
.useful_sec02 .room_list li:nth-child(3n){margin-right:3%;}
.useful_sec02 .room_list li:nth-child(2n){margin-right:0;}
.useful_sec02 .room_list li:nth-child(7), .useful_sec02 .room_list li:nth-child(8) { width: 100%; margin-right:0;}

.tran_box span{font-size:18px;  word-break:keep-all; }
.tran_box h2{font-size:23px; padding:40px 45px 40px 45px; word-break:keep-all; }

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



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

}
@media all and (max-width:555px){
.topmenu {display:none;}
.arr img{display:none;}

}


/* Mobile Device */
@media all and (max-width:550px){
.law {row-gap: 14px;}
.sVisual {height: 180px;}
.rolling .text h2 {font-size: 28px;}
.rolling .text p {font-size: 16px;}

.main-board .box { padding: 20px;}
.main-board .text-wrap {padding-left: 0;}
.main-board .title {font-size: 15px;}
.sVisual {height: 180px;}
.svisual_txt {bottom: 40px;left: 37px;}
.svisual_txt h3 {font-size: 29px;}
.svisual_txt p {font-size: 15px;}


/*운영안내*/
.table_mobile{display:block;}
.table_web{display:none;}
.svisual_txt h3 {font-size: 30px;}
.svisual_txt p{font-size: 16px;}
table td, table th {padding:10px !important;font-size: 16px !important;}

/*이용수칙*/
.is_btn.wd_col_bg_cw {font-size: 20px;  padding: 12px 16px;}
.con_wrap h3 {font-size:23px;}

/*업무현황*/
.in_wrap .organ_business .organ_table br{display:none;}

}



@media all and (max-width:500px){
#menu_cotainer {height: 70px;}
#logo{top: 16px;}
#logo a img {height: 38px;}
#hd .btnMenu {width: 30px;height: 26px;}
#tnb {top: 21px;}
.main_support {padding: 23px;border-radius: 12px;}
.main_support li:nth-child(1) {	padding-right: 23px;}
.main_support li:nth-child(2) {	padding-left: 23px;}
.main_story h2 a, .main_03 h2 a {font-size: 14px;padding: 9px 18px;bottom: 0;}
.main_support li a h2 {font-size: 25px;margin-bottom: 10px;}
.main_support li a img {width:60%}
.main_support li a div {padding-bottom: 16px;}
.main_04 p, .biz_con p, .main_04 .intro_tag span {font-size: 15px;}
.main_story .slick-slide a p {font-size: 16px;margin-top: 10px;}


.banner_con li {width: 100%;float: left;}
.banner_con li:last-child {
    float: left;margin-top:10px;
}
.banner_con li a h3 {font-size: 20px;}
/*견적보기*/
#inquiry{width:97%;margin:0 auto;padding:60px 0;}

.sub_title h1 {font-size: 25px;padding-bottom: 20px;}

/*이용수칙*/
.con_wrap h3 {font-size: 20px;}
.is_btn.wd_col_bg_cw{top:-7px; padding: 8px 12px;}

}



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

.rolling .text h2{font-size: 24px;}

.un_wrap .un_left p {font-size: 18px;}
.right_txt_box li, .right_ico_wrap li p {font-size: 17px;}

.tran_box span{font-size:15px;  }
.tran_box br{display:none;}
.tran_box h2{font-size:18px; padding:30px 35px 30px 35px;  }


/*종합안내*/
.useful_pro_con{padding:20px 30px;}

.con_wrap h3{font-size:20px;}
.con_wrap h4{font-size:18px;}


.useful_sec p, .useful_sec02 p {font-size: 15px}
#greetings p, #greetings span {
font-size: 15px;
}
.status_list_wrap01 .stauts_list01 h4 {font-size: 28px !important;}
.status_list_wrap01 .stauts_list01 .status_info p {font-size: 18px !important;}
.status_list_wrap01 .stauts_list01 .status_info p strong {font-size: 18px;}
}



@media all and (max-width:452px){
.graph table td.flex > div {width: 100%;}
.graph table td.flex > div p {padding-left: 35px;}
.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:440px){
#volunteer > div.call .text ul {flex-direction: column; row-gap: 25px;}
#volunteer > div.call .text ul li p.blue {font-size: 18px;}
#volunteer > div.call {padding: 15px; width: 300px;}
#volunteer > div.call .text p, #volunteer > div.call .text ul li:first-child {font-size: 20px;}
.news_con li, .banner_con li {width: 100%;float: left;}
.news_con li:nth-child(2), .banner_con li:nth-child(2) {margin-top:2%;}
.banner_con li a span {display: inline-block;position: relative;left: auto;bottom: auto;}

#bus .tabs li span.tt_txt {font-size:14px;}
br.mobile_br{display:block;}
/*table td, table th {font-size: 14px !important; padding: 4px !important;}*/
table.top_tit01 tr th, table.top_tit01 tr td {font-size: 12px !important;  }
}

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

.useful_pro_con{padding:30px 40px;}
.quick {display:none;}
}

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

#ft .privacy li.bo_map {display:none;}
.svisual_txt h3 {font-size: 23px;}
.svisual_txt {top: 35px;left: 30px;}
.svisual_txt p {font-size: 13px;}
/*모바일메뉴*/
.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;}


/*로그인페이지*/
.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;}

.display_none{display:none;}
#m_sidebar {height:55px;}

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

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



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


.rolling .text h2 {font-size: 20px;}
.main_scroll span {width: 45px;height: 45px;}

.m_icon span {
font-size: 14px;
}
.main_05 li a, .main_05 li:last-child a {background-size: 40%;}
}
@media all and (max-width:370px){
.tabs li {width:50%;letter-spacing: -1px;}
.sct_10 .sct_li {width:100% !important;}

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


@media all and (max-width:356px){
.m_icon {padding: 15px 0;}
.m_icon img {margin: 3px auto 13px auto;}
.main_icon li:nth-child(8) img, .main_icon li:nth-child(9) img {margin: 3px auto 5px auto;}
.main_icon li a {height: 119px;}
.main_er p {font-size: 30px;}
.main_er .er_time {margin-bottom: 10px;}
.notice_inner {padding: 27px;}
/*갤러리게시판*/
.sct_10 .sct_img > a{height:210px;}
#contents_sitemap .cate_line .cate {
width: 98%;
}
}

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

#bus .tabs li span.tt_txt {font-size: 13px;}
}