@charset "utf-8"; /* CSS Document */

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

  #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt {font-size: 1.125em;}
} 

@media screen and (max-width:1500px){

#header .top_wrap .gnb_wrap { display: none; } 
 #header .top_wrap .gnb_wrap .gnb > li{ width:7em; position:relative}


 .main_top_wrap .linkW {padding: 1em 0;}
 .main_quick > li > a .ico {width: 90%; padding-bottom: 90%;}
 }
@media screen and (max-width:1400px){
.box1 { width:94%; }  

#contents .sub_tab > .gnb {width: 94%;}



 }

@media screen and (max-width:1280px) { body { font-size:15px } 

#header .all_wrap { display: block; } 

#header .top_wrap .etc_wrap .call { display: none; } 

.pg_menu_list {width: 100%;}
.scroll .pg_menu_list {width: 94%;}

 }

@media screen and (max-width:1024px) , (max-height:680px) { body { font-size:12px } 
 }
@media screen and (orientation:portrait) and (max-height:680px) { } 
@media screen and (max-width:1024px){
 .PC2 { display:none; } 
.Mobile2 { display:block; } 

.main_top_wrap .sliderW .wrapIn {flex-wrap: wrap; gap: 0;}
.main_top_wrap .visualSlide_wrap {min-width: 100%; height: 28em;}
.main_top_wrap .about_wrap {width: 100%;}
.main_top_wrap .about_wrap .businessW > li .wrap_in .in .ico {display: none;}

.flex_box .fst4 > li {flex: 1 1 50%; max-width: 50%;}

.sub_section .page_txt {width: 100%;}
.sub_section .page_bg {display: none;}

.organ_wrap .organ1 {padding: 1em;}
.div-container01 { width:100%; overflow:auto; /*white-space:no-wrap;*/}
.div-container01 .divCon1 {display: block; width: 1084px;}

.flex_box .fst5 > li {flex: 1 1 33.3%; max-width: 33.3%;}
.business_wrap .business_con .business_list {justify-content: center;}

.board_st thead,
.board_st .w_name,
.board_st .w_hit,
.board_st .w_fee,
.board_st .w_state,
.board_st .w_date{ display:none;}
.dp1_community .board_st .w_no { display:none;}
.board_st {border-top: 2px solid var(--siteC2);}
 }

 @media screen and (max-width:970px){

 }
@media screen and (max-width:950px){
 #header .top_wrap .gnb_wrap { display: none; } 

.PC { display:none; } 
.PHONE { display:block; } 

.page_col {display: block !important;}
.page_col>li.inTit {margin-bottom: 1em;}
.page_col>li.inTit {margin-top: 4em;}
.project_wrap .txtp .mark {left: 0;}
.page_col>li.w2 { width: 100%;}
.page_col>li.w3 {width: 100%;}
.ci_wrap .logo_txt {padding: 2em;}
.l-color .detail_t {padding: 1.5rem;}

.membership_wrap .img_box {display: none;} 

 }
@media screen and (max-width:860px){

  .membership_wrap .new_info {flex-wrap: wrap;}
  .membership_wrap .new_info p {width: 49%;} 

 }
 @media screen and (max-width: 830px){

 } 

@media screen and (max-width:780px){

  #contents .sub_con_wrap .sub_lnb {display: none;}
  .pcHide {display:block!important;}
  #contents .sub_con_wrap {margin-top:0  }
  .board_gallery.s1 > li {width:calc( (100% - 4em) / 3)!important; }
  .board_gallery.s2 > li {width: calc( (100% - 2em) / 2)!important;}
  .data_wrap {display: block !important;}
  .notice_wrap {width: 100%; margin-bottom: 1em;}
  .banner_wrap {width: 100%;}

 .div-container { width:100%; overflow:auto; /*white-space:no-wrap;*/}
 .div-container .divCon1 {display: block; width: 710px;}
 .div-container .divCon1 .table_st .fixL { position: unset;}
 
 .history_wrap {display: block; padding: 0em 0 1em 0;}
 .history_wrap:before, .history_wrap .tabLink { left:5%;}
 .history_wrap .wrap_tab { display:flex; gap: 1em; padding: 0 1em 0 1em; width:unset;}
 .history_wrap .wrap_tab li { flex:1 50%;}
 .history_wrap .history {padding-left: 6%; padding-top: 10%;}
 .history_wrap .wrap_con { padding-right: 2em;}
 .history > li { padding: 0 0 3em 3em;}
 .history > li .list > li .month { width: 4em;}

 .sub2_ul li {width: 50%;}

  .board_gallery.s1 > li

 }
@media screen and (max-width:750px){
  .div-container02 { width:100%; overflow:auto; /*white-space:no-wrap;*/}
  .div-container02 .divCon2 {display: block; width: 850px;}
 }
@media screen and (max-width:700px){

  .box0 { padding: 0 4vw;}
 }
@media screen and (max-width:680px) { } 
@media screen and (max-width:655px) {

  .main_top_wrap .visualSlide_wrap {height: 29em;}
  .rnd_skill { flex-direction: column; } 

  .ci_wrap .ci_ceptB {display: block;}
  .ci_ceptB .logo_wrap {width: 100%;}
  .ci_ceptB .logo_wrap:first-child {margin-bottom: 2em;}
  .l-color .list {flex-wrap: wrap;}
  .l-color .list > li {flex: 1 48%;}

  #contents .sub_tit_wrap > .box1 {display: block;}
  #contents .sub_tit_wrap .nav {justify-content: flex-start; margin-top: 1em;}

 }
@media screen and (max-width:620px){
 .flex_box .fst5 > li {flex: 1 1 50%; max-width: 50%;}
 }

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

  #contents .sub_tab .gnb > li .dp2 > li > a .va {font-size: 1.125em;}
  .membership_wrap .new_info p {width: 100%;} 
 }
 @media screen and (max-width:550px){

  .map-Con .list > li {flex: unset; width: 48%;}

 }
@media screen and (max-width:500px){
  .PC {display: none;}
  .PHONE {display: block;}

#contents .sub_tit_wrap {padding: 0;}
#contents .doc {padding: 2em 0 2em 0}
  #header .all_wrap .all_layer .all_inner {width: 100%;}
  #header .top_wrap .etc_wrap .mem_wrap {display: none;}
  #footer .logo_wrap .box2 {display: block;}
  #footer .cs_wrap .menu {justify-content: flex-start; margin-top: 2em;}
  #footer .info_wrap .info {width: 100%;}
  #contents .sub_tit_wrap .tit {font-size: 1.8em;}
  #contents .sub_tab .gnb > li .dp2 {flex-wrap: wrap;}
  #contents .sub_tab .gnb > li .dp2 > li {flex: 1 1 33.3%; max-width: 33.3%;}
  .dp1_service #contents .sub_tab .gnb > li .dp2 > li {flex: 1 1 50%; max-width: 50%;}
  #contents .sub_tab .gnb > li .dp2 > li.on:before {display: none;}

  .main_top_wrap .visualSlide_wrap {height: 100%;}
  .visualSlide_wrap .slogan .t2 {display: none;}
  .main_top_wrap .about_wrap {display: none;}
  .main_top_wrap .linkW {padding: 1em 0;}
  .main_top_wrap .linkW:before {border-radius: 0 0 0;}
  .main_quick {flex-wrap: wrap; gap: 2em;}
  .main_quick > li {flex: 1 21.3%; max-width: 21.3%;}
  .flex_box.s2 {margin: 0 0 -1em -1em;}

  .page_tt.s5 {font-size: 1.125em;} 
  .sub2_ul li {width: 100%;}

  .page_step_wrap .step > li .in {min-width: 5em;}
  .load_label3 li {width: 100%;}

  .page_tit1 .tit-g {font-size: 30px;}
  .sub_section .page_txt {margin-right: unset; padding: unset; font-size: 16px;}

/*BOARD*/
.board_search_wrap,
.board_search_wrap .right { display: block !important;}
.board_search_wrap .total_wrap { justify-content: flex-start;}
.board_search_detail .wrap_con { padding: 1.25em 1em;}
.board_search_wrap .right .input_st { margin-top: 0.5em;}
.board_search_wrap .sel,
.board_search_wrap .right .input_st,
.board_search_wrap .right .select,
.board_search_wrap .right .inp { width: 100% !important;} 
.board_cate.st2 li {width: 40.2% !important;}
.board_cate.st3 li { width: 20%!important;}

.board_search_wrap .label_select {width: 100%;}
.board_search_wrap .label_select select {width: 100%;}

.board_st.write,
.board_st.write caption,
.board_st.write thead,
.board_st.write tbody,
.board_st.write tfoot,
.board_st.write th,
.board_st.write td,
.board_st.write tr,
.board_st.write .in_table,
.board_st.write .in_table .tr,
.board_st.write .in_table .th,
.board_st.write .in_table .td{ display:block; box-sizing:border-box; height:auto;}
.board_st.write .in_table .th,
.board_st.write .in_table .td{ width:auto;}
.board_st.write{ font-size:1em !important;}

.board_st.write{ margin-top:-.5em; border-top:none;}
.board_st.write th,
.board_st.write td{ border-color:#666;}
.board_st.write th{ border-bottom-color:#e8e8e8; margin-top:.5em;}
.board_st.write td{ border-width:0 1px 1px 1px;}
.board_st.write td .input_st{ margin:.125em 0;}
.board_st.write td .input_row .input_st,
.board_st.write td .label_file .input_st{ margin:0 0;}
.board_st.write td .input_st,
.board_st.write td .label_select,
.board_st.write td .label_file{ width:calc(100% - .813em);}
.board_st.write td .label_select select,
.board_st.write td .label_file .input_st{ width:100%;}
.board_st.write td .input_st[type=button],
.board_st.write td button.input_st{ width:auto;}
.board_st.write td .mail_group .label_select{ margin-top:0;}
.board_st.write td .name_en .input_st{ width:calc(100% - 8.875em);}
.board_st.write.st3{ margin-top:0;}
.board_st.writeSt1{ margin-top:1px;}
.board_st.writeSt1 th{ margin-top:-1px;}

.table_st.response,
.table_st.response caption,
.table_st.response thead,
.table_st.response tbody,
.table_st.response tfoot,
.table_st.response th,
.table_st.response td,
.table_st.response tr,
.table_st.response .in_table,
.table_st.response .in_table .tr,
.table_st.response .in_table .th,
.table_st.response .in_table .td{ display:block; box-sizing:border-box; height:auto;}
.table_st.response .in_table .th,
.table_st.response .in_table .td{ width:auto;}
.table_st.response{ font-size:1em !important;}

/* .label_select .input_st.w1 {}
.input_st.w1 {width: 100% !important;} */
.input_st.w5 {width: 8em;}
.input_st.w8 {width: 8em;}

.table_st.deposit_st thead {display: none;}

.page_tab2 > li { width: 33.3%;}
.flex_table .td.wTel {flex: 0 0 9em;}
.div-container01 .divCon1 {display: block; width: 600px;}

.page_twrap_img.st1 .wrap_con {width: 95%;}
.scroll .pg_menu_list {bottom: 0;}
.pg_menu_list > li .in {font-size: 0.8em;}
.project_wrap .txtp > .txt {font-size: 1.125em;}
.content_list > li > .in {padding: 1rem;}
.content_list > li > .in > .con_t {font-size: 0.86em;}
.board_st.list td.w_tit > a {max-width: calc(100% - 10em) !important;}

form {overflow: hidden;}

.event_wrap .event_list>li>.in {height: 18em; padding: 2em;}
.event_wrap .event_list>li>.in>.txt {min-height: 3em;}

  .board_gallery.s1 > li {width:calc( (100% - 2em) / 2)!important; }
 }

@media screen and (max-width:470px){
 .flex_box .fst5 > li {flex: 1 1 100%; max-width: 100%;}
 }

@media screen and (max-width:440px){
  .page_tab2 > li > a {font-size: 0.9em;}
 }
@media screen and (max-width:414px){

 }

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

}

@media screen and (max-width:390px) {

} 

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

 }

@media all and (orientation:landscape) { }