@charset "UTF-8";
@import 'basic.css';

/*-------------------------------------------------
title       : 콘텐츠
Author      : yeona
Create date : 2024-01-09
-------------------------------------------------*/


@media screen and (max-width:1500px){
  .img_st.center{justify-content: center}
  .img_box .btn_st1{position:static;margin-top:1rem}
  .org_wrap .group_1 .type1,.org_wrap .group_2 .type1{width:18rem}
  [class*="diagram1_"] .list2 > li > p{padding:1rem 4.9rem}
  [class*="diagram1_"] .list2 > li > p br{display: none}
  [class*="diagram1_"] .list2{flex-direction: column;padding:0}
  [class*="diagram1_"] .list2 > li{margin-left:0;margin-top:1.5rem}
  [class*="diagram1_"] .list2 li p:before{top:-2.5rem;transform: translateX(-50%);left:50%}
  [class*="diagram1_"] .list2 > li:first-child{margin-top:0}

  .org_wrap2.type1 .box_wrap{gap:2rem;}
  .org_wrap2.type1 .box_wrap .line{flex:0 0 40rem;}

  .improve_list > li {display: block;}
  .improve_list > li > * {display: block;}
  .improve_list > li b {width: auto !important;}
  .improve_list > li > p {margin-top: 0.5rem;}  .improve_list > li + li {margin-top: 1.5rem;}

  .youtube_link{left:4rem;}

  /* 조직도 반응형_접근성을 위한 계층구조 준수 */
  .organization .org2{gap:1.5rem}
  .organization .org2::before{left: calc(calc(33.3% - 1.5rem) / 2);right: calc(calc(16.6% - 1.5rem) / 2);}
  .organization .org2 .dep2_type1{flex:0 0 calc(33.3% - 1.5rem)}
  .organization .org2 > [class^="dep2_"]{width:calc(16.6% - 1.5rem)}
  .organization .org2 > li > span,
  .organization .org3 > li > span{font-size:1.6rem}
  .organization .org3{gap:1.5rem}
  .organization .org2 .dep2_type1 .org3::before{left: calc(calc(100% - 1.5rem) / 4);right: calc(calc(100% - 1.5rem) / 4);}
}

@media screen and (max-width:1400px){
  .goal_wrap{width:100%;}
  .goal_wrap article{width:100%;margin-right:0;float:none;}
  .goal_wrap article + article{margin-top:6rem;}

  .org_wrap .org_a > li{width:18rem;}
  .org_wrap article.ver1::before,
  .org_wrap .org_a.type2:before{width:calc(100% - 18rem);}

  .improve_list > li{flex-direction: column; line-height: 1.5;}
  .improve_list > li + li{margin-top: 1.5rem;}

  .task > li{padding:2.5rem 1rem;}
  .task .bul3 li{word-break: keep-all;}

}

@media screen and (max-width:1280px){
  .org_wrap2.type1 .diagram3 > li{flex: 0 0 calc(50% - 2rem);}
  .org_wrap2.type1 .box_wrap .line{flex:0 0 30rem;}


}

@media screen and (max-width:1024px){
  .intro_box{flex-direction: column;}
  .intro_box .tit{flex:auto;margin-bottom:2rem;}
  .intro_box .tit br{display:none;}
  .intro_txt{padding-left:0;}



  /*diagram*/
  [class*="diagram1_"] .icon_lst{gap:1rem 5rem;flex-wrap:wrap;padding:0;}
  [class*="diagram1_"] .icon_lst > li + li:before{left:auto;width:5.2rem;right:100%;}
  [class*="diagram1_"] .list1 > li{padding:2.5rem 2rem 0;}
  [class*="diagram1_"] .list1 > li > span{padding:1.5rem 1rem;}
  .diagram1_2{padding-top:4rem;margin-top:0;}
  .diagram1_2:before{top:0;width:100%;z-index:-1;background-size:contain;}
  .diagram1_3 .lst1 > li br{display:none;}
  .diagram3 .list_num3 li > em{margin-left:.5rem;}
  .diagram1_3 .lst1 > li{flex-direction: row;border-radius:inherit;}
  .diagram1_3 .lst1 > li img{margin:0 2rem 0 0;}
  .diagram1_3 .lst1.type2 > li img{margin-right:0;}
  .diagram1_3 .lst_Wrap{display:block;}
  .diagram1_3 .lst_Wrap .lst3, .diagram1_3 .lst_Wrap .flexbox{width:100%;}
  .diagram1_3 .lst_Wrap .flexbox{margin-top:3rem;position:relative;}
  .diagram1_3 .lst_Wrap > * + *:before{top:-2.3rem;transform:translateY(-50%) rotate(0);}
  .diagram2{padding:2.5rem;}
  .diagram2 > ul{gap:inherit;}
  .diagram2 > ul > li{display:inline-block;margin-right:3.5rem;}
  .diagram2 > ul > li:before{right:-2.5rem;left:inherit;width:0.8rem;height:1rem;}
  .diagram2 > ul > li:last-child{margin-right:0;}
  .diagram3.type3{gap:1rem;}
  .diagram3.type3 > li:before{display:none;}

  .title_area{height:auto;padding:3rem;}
  .title_area .txt{gap:1rem;flex-direction:column;align-items: flex-start;}
  .title_area .txt > a{height:auto;padding:1rem 2rem;word-break: keep-all;}
  .title_area .txt > a br{display:none;}
  .title_area .txt > p > span br{display:none;}

  .depthlst > li .bul1{grid-template-columns: repeat(2, 1fr);}

  .social_cont > li{padding-bottom:10rem;}
  .social_cont > li .text{bottom:-5rem;padding:3rem;}

  .box_4 .item_box{width:calc(100% - 7rem)}
  .box6{padding:3rem}

  .org_wrap .group_1 .lst{gap:3rem;}
  .org_wrap .group_3:before{left:14.7%;width:77.6%;}
  .org_wrap .org_b > ul{padding:1.5rem 1rem;}
  .org_wrap .group_3{gap:1rem;}
  .org_wrap .group_3 > div{flex:0 0 calc(16.6% - 1rem);}


  .system_wrap .mission p br{display:none}
  .system_wrap .mission strong{font-size:3rem;word-break: keep-all}

  .circle_wrap .inner{width:44rem;height:40rem}

  .org_wrap2.type2 .subbox .s_ub3 > ul{padding:1rem;}
  .org_wrap2.type2 .subbox .s_ub2{flex:0 0 8rem;}
  .org_wrap2.type2 .subbox .s_ub3{flex:0 0 calc(100% - 38rem);}

  .diagram3.type5 > li{width:calc(50% - 1rem) !important;}

  .login2 .icon{margin-right:2rem;width:8rem;}
  .login2{display: block;}
  .login2 > a + a{margin-top:2rem;}

  .box_5 .txt1 br{display: none}

  .history_wrap .his_pager .emp .txt_box span br{display: none;}

  .gallery{gap:1.5rem;}
  .gallery > li .thumb{height:18rem;}

  .depth_4 br{display: none;}
  .system_box.type2  > strong{white-space: inherit;position:static;transform:none;margin-bottom:1rem;padding:0;display:block;height: auto;}
  .system_box.type2{border-radius:1rem;}

  .gallery_list.t2 li:nth-child(4n){border-right:1px solid #E6E6E6;}
  .gallery_list.t2 li:nth-child(3n){border-right:0;}

  .gallery_list.t2 li{border-top:1px solid #e6e6e6;}

  .youtube_link{position:static;}

  .greeting_wrap{flex-direction: column;    align-items: center;}
  .greeting_wrap .img_wrap{margin-top:0;text-align: center;}
  .greeting_wrap div > strong br{display: none}
}

@media screen and (max-width:900px){
  /* 조직도 반응형_접근성을 위한 계층구조 준수 */
  .organization .org2{gap:1rem}
  .organization .org2::before{left: calc(calc(33.3% - 1rem) / 2);right: calc(calc(16.6% - 1rem) / 2);}
  .organization .org2 .org2_1{padding-right:4rem}
  .organization .org2 .org2_2{padding-left:4rem}
  .organization .org2 > [class^="dep2_"]{width:calc(16.6% - 1rem)}
  .organization .org2 [class^="org2_"] > span{width:13.5rem}
  .organization .org2 .dep2_type1{flex:0 0 calc(33.3% - 1rem)}
  .organization .org2 .dep2_type1 .org3::before{left: calc(calc(100% - 1rem) / 4);right: calc(calc(100% - 1rem) / 4);}
  .organization .org3{gap:1rem}
  .organization .org4,
  .organization .org5{padding:1.5rem 1rem}


}

@media screen and (max-width:768px){
  .board_list .tstyle_list td[aria-label=비고] p{text-align: left;}
  .table_wrap.type1 th, .table_wrap.type1 td,.table_wrap.type1 tr,.table_wrap.type1 tbody, .table_wrap.type1 table,.table_wrap.type1 thead{display:block;width:100%}
  .table_wrap.type1 th{padding:1rem}
  .table_wrap.type1 table table th,.table_wrap.type1 table table td{display:table-cell}
  .table_wrap.type1 table table tbody, .table_wrap.type1 table table thead{display:table-row-group;width:auto}
  .table_wrap.type1 > table > colgroup{display:none}
  .table_wrap.type1 table table tr{display:table-row}

  .img_box .zoom{display:block;}

  [class*="diagram1_"]{width:100%;table-layout: fixed;width:100%;border-spacing: inherit;margin-left:0;margin-top:1rem;}
  [class*="diagram1_"] th{width:100%;display:block;margin-bottom:1rem;padding:1.5rem 1rem;}
  [class*="diagram1_"] th br{display:none;}
  [class*="diagram"] td{width:100%;display:block;margin-bottom:2rem;}
  [class*="diagram"] .triangle{margin-bottom:0;}
  [class*="diagram1_"] td.border{border-radius:0 0 1rem 1rem;text-align: center;}
  [class*="diagram1_"] .border2{width:100%;margin-bottom:0;border-radius:0;}
  [class*="diagram1_"] .border2 + .border{border-top:0;}
  [class*="diagram1_"] .list2{flex-direction: column;}
  [class*="diagram1_"] .list2 > li{min-width:inherit;margin-left:0;}
  [class*="diagram1_"] .list2 > li + li{margin-top:1.5rem;}
  [class*="diagram1_"] .list2 > li span br{display:none;}
  .diagram3 > li{flex:auto !important;}

  .rslt_wrap .diagram3.type2 > li + li{margin-top:2rem;}
  .diagram3 > li:before{bottom:-3rem;top:inherit;right:inherit;left:50%;transform:translateX(-50%) rotate(90deg);}
  .diagram3 .depth1.type2 .lst1 > li{width:100%;}
  .diagram1_3 .lst3 > li > strong{border-radius:1rem;margin-bottom:0.5rem;}

  .rslt_wrap .diagram3{display:block;}
  .rslt_wrap .list_num3{display: grid;grid-template-columns: repeat(2, 1fr);}
  .rslt_wrap .list_num3 > li{margin-bottom:1rem;}
  .rslt_wrap .list_num3 > li+li{margin-top:0;}

  .system_box br{display:none;}
  .item_box .txt{padding:5rem 2rem 3rem;}
  .item_box .txt br{display:none;}

  .org_wrap .type1{width:11rem;}

  .img_type1 .img .tt:before{width:calc(100% - 52.5rem);left:12.5rem;}

  .box5.type2:before{top:-1.8rem;border-bottom:1.8rem solid #F4F5FB;}
  .box_4 .imgbox .txt_gather .title1:before, .box_4 .imgbox .txt_gather .title1:after{top:1.1rem;}

  .sub_tit2{line-height:1.2;font-size:1.8rem;}

  .board_list .tstyle_list td[aria-label=비고]:before{display:none;}
  .survey_view .hide{display:none;}

  .diagram2 > ul > li .step_icon{width:7rem;height:7rem}
  .diagram2 > ul > li > span{margin-top:1rem}


  .input_file .file_label{margin-left:0.4rem}

  .digm1{gap:1rem;flex-wrap: wrap}
  .digm1 > li{padding:1.5rem;flex:0 0 calc(50% - 1rem)}
  .digm1 > li > p{padding-bottom:1.5rem;min-height: inherit}

  .box_list > *{padding:3rem;}
  .depth4_tab ul{box-shadow: 3px 3px 9px rgba(0,0,0,0.2)}
  .tstyle_list thead th, .tstyle_list td{padding:0.2rem 0!important}

  .depth4_tab.type2 .depth4_menu{display:inherit;background:#F9F9F9;border-radius:2rem}
  .depth4_tab.type2 .depth4_menu > li{min-width:inherit}
  .depth4_tab.type2 .depth4_menu > li > a{height:auto;display:inherit;border-radius:2rem;padding:1.3rem 4rem 1.3rem 2rem}
  .depth4_tab.type2 .depth4_menu > li > a:before{display:inline-block;vertical-align: middle;margin-right:0.6rem;width:2.5rem;height:2.5rem;margin-bottom:0}

  .btn_st2, .btn_line{height:2.8rem}
  .diagram2 > ul > li .icn{width:6rem;height:6rem;display:inline-block}
  .diagram3 .block2 > ul{display: block;width:100%}
  .diagram3 [class*="block"] .tt{display:flex;flex-direction: column;align-content: center;justify-content: center;height: auto}

  .table_wrap.responsive.t2{overflow-x:auto;}
  .table_wrap.responsive.t2 .horizontal_scroll{display: block}
  .table_wrap.responsive.t2 > table{min-width:768px;}
  .item_box .txt .title2, .item_box .txt .title2 .point{font-size:2.8rem}

  .org_wrap2.type1 .diagram3{display:block;padding-bottom:3.5rem;}
  .org_wrap2.type1 .diagram3 .depth1{background:#fff;}
  .org_wrap2.type1:before{height:90%;}
  .org_wrap2.type2 .box_wrap{display: block;padding-top:0;}
  .org_wrap2.type2 .box_wrap.type2:before{display:none;}
  .org_wrap2.type2 .box_wrap > li + li{margin-top:2rem;}
  .org_wrap2.type2 .box_wrap li.inherit{padding-bottom:0;}
  .org_wrap2.type2 .box_wrap.type2 li > p{width:100%;}
  .org_wrap2.type2 .subbox{position:static;padding-top:1rem;display:block;height: auto;}
  .org_wrap2.type2 .subbox .s_ub1,
  .org_wrap2.type2 .subbox .s_ub2{flex:auto;padding:1rem 2rem;white-space: nowrap;}
  .org_wrap2.type2 .subbox .s_ub3{flex:auto;}
  .org_wrap2.type2 .subbox .s_ub3 > div{height:4.5rem;}
  .org_wrap2.type2 .subbox .s_ub3 > ul{grid-template-columns: repeat(2, 1fr);padding:1.5rem;height:calc(100% - 4.5rem);}
  .org_wrap2.type2 .subbox > * + *{margin-top:5px;}
  .org_wrap2.type2 .subbox .s_ub3 > ul > li{padding:1rem;}
  .org_wrap2.type2 .subbox .s_ub1 br, .org_wrap2.type2 .subbox .s_ub2 br{display: none;}

  .history_wrap .list li:nth-child(even) .his_pager .emp .txt_box span:before{display: none;}
  .history_wrap .list li:nth-child(even) .his_pager .emp .txt_box span:after{content: '';width: 0.6rem;height: 0.6rem;border-radius: 50%;background: #5750FD;display: inline-block;position: relative;vertical-align: middle;margin: -0.4rem 0 0 1rem;}

  .bold_lst > li .square_box{flex:0 0 19rem;}
  .bold_lst > li .txtp{padding:1.5rem;}

  .box_list.w50.center .box_st1 .posi{right:1rem;top:1rem;}

  .board_pdf > *:nth-child(3n + 1){clear: inherit;}

  .box_4 .txt_box.margin{flex-direction: column;}
  [class*="_stock"]{width:100%;}
  .today_stock{margin-left:0;}
}

@media screen and (max-width:700px){
  .org_wrap .group_3{display: block;}
  .org_wrap .group_3:before{display: none;}
  .org_wrap .group_3 > div:before{top:3rem;height:7.5rem;}
  .org_wrap .group_3 .org_2 .org_b{margin-top:2rem;}
  .org_wrap .group_3 .org_3{padding-top:3rem;}
  .org_wrap .group_3 .org_3 .org_b{margin-top:2rem;}
  .org_wrap .group_3 .org_1 > .type1{width:100%;}
  .org_wrap .group_3 .org_1{padding-top:0;}
  .org_wrap .group_1{padding-bottom:13rem;}

  /* 조직도 반응형_접근성을 위한 계층구조 준수 */
  .organization .org2{display:block;padding-left:3rem}
  .organization .org2::before{left:0;right:50%;height:calc(100% - 9rem - 26.5rem);border-left:1px solid #ccc}
  .organization .org2 > [class^="dep2_"]{margin-top:3rem}
  .organization .org2 > li > span,
  .organization .org3 > li > span{font-size:1.8rem}
  .organization .org2 .dep2_type1,
  .organization .org2 .dep2_type2,
  .organization .org2 .dep2_type3{width:100%}
  .organization .org2 .dep2_type1,
  .organization .org2 .dep2_type2{padding-top:0}
  .organization .org2 .dep2_type1::before{height:6.4rem}
  .organization .org2 .dep2_type1 > span{width:100%}
  .organization .org2 .dep2_type2 .org3{padding-top:1rem}
  .organization .org2 .dep2_type3{padding-top:0}
  .organization .org2 > [class^="dep2_"]::after{content:"";position:absolute;left:-3rem;top:2.5rem;width:3rem;border-top:1px solid #ccc}
}

@media screen and (max-width:640px){
  .diagram3 .label{height:5.5rem;}
  .gradient_circle{padding:2rem;word-break: keep-all;margin:1rem 0;font-size:2.1rem;}
  .step_box{flex-direction:column;}
  .step_box > li:before{transform:translateX(-50%)  rotate(0);top:auto;bottom:-2rem;right:auto;left:50%;}

  .ci_box{flex-direction:column;padding:2.5rem;}
  .ci_box > *{width:100% !important;}
  .ci_box .txt li br{display:none;}
  .ci_box > * > .img.t2{padding:1.5rem;}

  .diagram1_3 [class*="lst"]{flex-direction: column;}
  .box1.flex_tp{flex-direction:column;align-items: flex-start;}
  .box1{padding:2.5rem;}
  .box1.pdf{padding:4rem}
  .social_cont > li .text{position:relative;width: calc(100% - 3rem);margin: -2rem auto 0;bottom:inherit;right:inherit;left:inherit !important;}
  .social_cont > li{padding-bottom:0;margin-bottom:6rem;}
  .social_cont > li .text > strong{font-size:2.2rem;}

  .simbol_img{position:static;display:block;margin-top:2rem;}
  .simbol_cont{width:100%;}
  .simbol_cont .txtp{display: block;}
  .simbol_cont .txtp em{margin-right: 0; margin-bottom: 1rem; display: block;}

  .box_4 .txt_box .img_txt{flex-direction: column-reverse;}
  .box_4 .txt_box .img_txt br{display:none;}

  .org_wrap2.type1 .box_wrap{display:block;padding-top:0;}
  .org_wrap2.type1 .box_wrap .middle > p{padding:3rem 0;border-top:0;}
  .org_wrap2.type1:before{height:83%;}
  .org_wrap2.type1 .box_wrap .middle > p:before, .org_wrap2.type1 .box_wrap .middle > p:after{top:auto;left:50%;transform:translateX(-50%) rotate(90deg);}
  .org_wrap2.type1 .box_wrap .middle > p:before{top:0.4rem;}
  .org_wrap2.type1 .box_wrap .middle > p:after{bottom:0.4rem;}
  .org_wrap2.type1 .box_wrap:before{display:none;}
  .org_wrap2.type2 [class*="area"]{width:100%;}


  .horizontal_scroll{display:block}
  .table_wrap.responsive{overflow-x:auto}
  .table_wrap.responsive > table{min-width:640px;}

  .greeting_wrap div > strong{font-size:3rem;}
  .greeting_wrap{display:block;}
  .greeting_wrap > .img{width:35rem;display:block;}

  .survey_view td.grp-item .survey-grp{display:none;}
  .org_wrap .group_1:after{width:50%;left:50%;height:1px;content:'';position:absolute;top:18rem;background:#ccc;
    z-index:-1;}
  .org_wrap .group_1 .lst{position:absolute;right:0;top:16rem;display:block;padding-bottom:0; max-width: 45%;}
  .org_wrap .group_1 .lst > * + *{margin-top:1rem;}
  .org_wrap .group_1 .lst:before{height:100%;top:0;width:1px;border-left:1px solid #ccc;border-top:0;width:1px;transform: none}

  .contents_info .admin_info ul{text-align: center}
  .contents_info .admin_info li{display:block}
  .contents_info .admin_info li:first-child:after{display:none}
  .contents_info .cont, .contents_info .admin_info{padding:2rem}
  .contents_info #satisfy .form .btn{width:10rem}
  .contents_info #satisfy .form input{width:calc(100% - 13.6rem)}

  .value_lst{display: block}
  .value_lst > li{width:100%}
  .value_lst > li:nth-child(n+2){margin-left:0;margin-top:3rem}
  .value_lst > li > p{padding:1.2rem 2.5rem}
  .value_lst > li > span{padding-top:1.5rem}
  .value_lst > li > span br{display: none}
  .value_lst > li > p:after{display:none}
  .vision_box > div + div{margin-top:3rem}
  .vision_box{padding:6rem 2rem 5rem}
  .value_lst > li > p > b{display:inline-block;margin-left:1rem}

  .box_list.img i{flex:0 0 100%}
  .box_list.img .box_st1{flex-direction: column}
  .box_list.img .box_st1 .txt_box{width:100%;padding-left:0 !important;margin-top:1.5rem}
  .img_box.type_box{padding:2.5rem}

  .white_box .title6 br{display:none}

  .circle_wrap{padding:3rem}
  .circle_wrap .inner{width:auto;height:auto;display:block;background-image: none;}
  .circle_wrap .diagram3 > div{position:static;transform:none !important;}
  .circle_wrap .title{margin:auto}
  .circle_wrap .diagram3 > *{width:100%}
  .circle_wrap .diagram3 > div:before{display: none}
  .circle_wrap .diagram3 > div{margin-top:1rem}

  .pdf li{flex:0 0 calc(50% - 3.4rem)}

  .box_list.column{display:block}
  .box_list.column > *{margin-top:1.5rem}

  .bandi_top .bandi_link{position:static;margin-top:1rem;width:24rem;}

  .iner_wrap{height:50rem;}
  .iner_wrap > strong{font-size:4rem;word-break: keep-all;text-align: center;line-height:1.3;}
  .iner_wrap > a{padding:0.7rem 2rem 1.2rem;}

  .task{flex-direction: column;}
  .task > li{padding:3rem;}

}

@media screen and (max-width:590px){
  /* 조직도 반응형_접근성을 위한 계층구조 준수 */
  .organization .org1_2{top:4.5rem;width:28%;}
  .organization .org1_2 > em{margin-bottom:2rem;width:100%;height:5rem;border:0;border-radius:.6rem}
  .organization .org1_2 > ul > li{width:100%}
}

@media screen and (max-width:580px){
  .gallery_list.t2 li:nth-child(3n){border-right:1px solid #e6e6e6;}
  .gallery_list.t2 li:nth-child(2n){border-right:0;}

  .table_wrap.survey_view td.txt_center{padding:0.5rem .1rem;}
}

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

  .tab_wrap .tab_box{flex-wrap:wrap;}
  .tab_wrap .tab_box li{flex:1 1 50%;}
  .tab_wrap .tab_box.fix{position:fixed;top:0;left:0;background:#fff;z-index:1;}

  .box2{padding:2.5rem 3rem;}
  .box2.t2{font-size:2.5rem}
  .img_box{padding:3rem 3rem 6rem !important;}
  .box7{padding:5rem 3rem}

  .title4 br{display:none;word-break: keep-all;}

  .box_st1{padding:2rem;}
  .box_st1 .icon{width:5.6rem}
  .box_st1 .txt_box{padding-left:2rem;width:calc(100% - 5.6rem)}

  [class*="diagram1_"] .list1 > li{width:100%;height:auto;padding:3rem;}
  [class*="diagram1_"] .icon_lst > li + li:before{display:none;}
  [class*="diagram1_"] .diagram3 .label{height:5rem}
  [class*="diagram1_"] .diagram3.type2 .depth1{height: calc(100% - 5rem)}
  .system_box{border-radius:5rem;line-height:1.35;font-size:2rem;}
  .rslt_wrap .list_num3{display:block;}
  .diagram1_3 .lst1{flex-direction:column;}
  .diagram1_3 .lst1 > li{padding:2rem;}
  .diagram1_3 .lst1.type2 .txtp:before{margin-left:-2.2rem;}
  [class*="diagram1_"] .diagram3{margin-top:3px;}
  .diagram3.type4{display:flex;flex-wrap:wrap;}
  .diagram3.type4 > li{flex:0 0 100% !important;}
  .diagram3 .bg_lst > li{padding:1.5rem;}
  [class*="diagram1_"] .diagram3.font .label{font-size:1.8rem;min-height:inherit;height:4.8rem}
  .diagram3.type5{gap:1rem;}
  [class*="diagram1_"] .diagram3.font{gap:.5rem !important;}
  .column{flex-direction:column;}

  .org_wrap .group_2{width:28%;top:7rem;}
  .org_wrap .group_1 .type1,
  .org_wrap .group_2 .type1{width:auto;padding:0 2rem;border-radius:0.5rem;}
  .org_wrap .group_2 .cap{font-size:2.1rem;font-weight:500;height:auto; min-height: 5rem; border:0;padding:0 1.5rem;border-radius:0.5rem;width:auto;margin-bottom:1.6rem;}

  .board_info .form{flex-direction: column;gap:0.5rem;position:relative;}
  .board_info .form .type1.btn{position:absolute;right:0;bottom:0;}
  .board_info .form > *, .board_info .form .item.type1{padding-right:0;}
  .board_info .form .item.type1{width:calc(100% - 7rem);}

  .bul1.type1{padding:2.5rem;}

  .item_box_lst{display:block;}

  .data_cont .btn{flex-direction:column;position:relative;gap:1rem;}
  .data_cont .btn > a{width:100%;}

  .box-1{padding:4rem 3rem;}
  .auth_his > li{padding-left:3rem;}
  .auth_his > li > span{display:block;}

  .bg_box,
  .box4{padding:3rem;}
  [class*="img_type"] .box{width:100%;margin-top:0;padding:5rem 0 0;}
  [class*="img_type"] .box:before, [class*="img_type"] .box:after{top:2.9rem;}
  .img_type1 .img .tt{flex-direction: column;}
  .img_type1 .img .tt:before{display:none;}
  .box_list .item.step:before{bottom:-1.4rem;}

  .diagram2{background:inherit;padding:0}
  .diagram2 > ul{flex-wrap:wrap;gap:1rem;counter-reset:number 0}
  .diagram2 > ul > li{margin-right:0;padding:2rem;flex:calc(50% - 1rem);border-radius:1rem;background:#F4F5FB}
  .diagram2 > ul > li:before{counter-increment:number 1;content:counter(number);position:absolute;left:0;width:2.4rem;height:2.4rem;background:#0D2259;border-radius:50%;text-align: center;color:#fff;font-size:1.4rem;font-weight: 600;line-height:2.4rem;top:1rem;margin-left:1rem;right:inherit;}
  .diagram2 > ul > li:last-child:before{display:block;}

  .chapter > p{align-items:flex-start;}

  .title1{line-height:1.3;}
  .title1:before, .title1:after{top:0.8rem;}
  .board-left.title1{font-size:2.2rem;}

  .intro_box .tit{font-size:2.5rem;}
  .intro_txt{font-size:2rem;}
  .intro_box{margin:4rem 0 5rem}

  .system_wrap > * + *{margin-top:6rem}
  .circle_diagram{display:block}
  .circle_diagram > li, .vision_box .circle_diagram > li{height:6rem;width:100%;font-size:2.2rem;border-radius:5px;}
  .circle_diagram > li:nth-child(n+2){margin-left:0;margin-top:1rem}

  .digm1 > li{flex:0 0 100%}
  .system_wrap .mission strong{font-size:2.5rem}
  .box_list.w50 > *{width:100%}

  #map{height:30rem !important}
  .box_lst1{flex-direction: column;gap:1rem}
  .box_lst1 > li{padding:2rem;width:100%}

  .pdf ul{flex-direction: column;flex-wrap:inherit}
  [class*="member_btn"]{width:100%;}
  .login2 a + a{margin-left:0;margin-top:1rem;}
  .sns_box{padding:7rem 3rem;}

  .diagram3.type5 > li{width:100% !important;}

  .bold_lst > li{flex-direction: column;}
  .bold_lst > li .square_box{flex:auto;min-height: inherit;}

  .error_box1.flex{display: block;}
  .error_box1.flex > div{padding-left:0;text-align: center;}
  .error_box1.flex .img{margin-bottom:3.5rem;}

  .gallery{flex-direction: column;}
  .gallery > li .desc > .title{height: auto;}
  .gallery > li .thumb{height:24rem;}

  [class*="diagram1_"] .diagram3 .depth1,
  .diagram3 .depth1{height: auto;}

  .greeting_wrap > .img{width:100%;}
  .depth2{font-size:2.5rem;}
  .depth3,
  .depth4{font-size:2.3rem;word-break: keep-all;}
  .depth3 br{display: none;}

  .box_list.img i{width:100%;text-align: center;}
  .box_list.img i img{width:100%;}

  .box_st1 .title3{word-break: keep-all;}

  .board_list .noti{font-size:1.7rem !important;}
  .board_list .date_info > li,
  .board_list .date_info > li strong{font-size:1.6rem;color:#767676;}

  .table_wrap.survey_view{overflow-x:auto;position:relative;padding-top:3rem;}
  .table_wrap.survey_view:before{content:'좌우로 이동 가능합니다.';position:absolute;left:0;top:0;}
  .table_wrap.survey_view table{min-width:500px;}

  .survey_view .group .tit > div{flex-direction: column;}

  .tab_wrap .tab_box li a{border-bottom:0;}
  .tab_wrap .tab_box li:nth-child(2){border-right:1px solid #ddd;}
  .tab_wrap .tab_box{border-bottom:1px solid #ddd;}

}

@media screen and (max-width:400px){
  .depthlst > li .bul1{display:block;}
  .gradient_link > a{padding:0;width:100%;}
  .item_box .label{width:100%;min-width:inherit;line-height:1.2;word-break: keep-all;}
  .item .txt_box [class*="bar"]{flex:0 0 11rem;}
  [class*="bul"].w50{display:block;}
  .flex_tp.dash_top{flex-direction: column;align-items: flex-start;}
  .flex_tp > * + *{margin-left:0;margin-top:1rem;}
  [class*="img_type"] .border_box .flex_tp .icon{padding:1.2rem;line-height:inherit;}
  [class*="img_type"] .border_box .flex_tp .icon img{height:100%;}
  [class*="img_type"] .border_box .flex_tp .point{display:block;}
  .border_box{padding:2.5rem;}

  .map_info .title img{width:4rem}
  .map_info .title{flex:0 0 14rem}
  .map_info [class*="group"]{display: block;}
  .map_info .depth,.map_info .lst{padding:0 0 0 6rem;display: block;}
  .map_info .group4{flex-direction: column}
  .map_info .group4 .title{flex:0 0 100%}
  .map_info .lst > li{padding:2rem 0}

  .box_list > *{border-width: 3px}
  [class*="btn-link"]{width:100%;display:block;margin:.3rem 0 .3rem 0 !important;padding:1.3rem 0.8rem}
  .white_box .btn{margin-top:3rem}
  .box7 .white_box{padding:5rem 2rem}
  .box_4 .item_box{width:calc(100% - 4rem)}
  .box_list.column .title2 br{display:none}

  .login2 > a{padding:3rem;}

  .box9{padding:2.3rem;}



}

@media screen and (max-width:300px){
  [class*="diagram"] .depth1{padding:2rem 1rem;}
  .ci_box .img{height:20rem;}
  .box_st1 .icon{display:none;}
  .box_st1 .txt_box{width:100%;padding-left:0;flex:100%;}
  .item .percent > li{flex-direction: column; align-items: flex-start;}
  .item .txt_box [class*="bar"]{flex:auto;width:100%;}

  .greeting_wrap > .img{width:100%;}
  .org_wrap .group_1 .cap{width:11rem;height:11rem;border:.5rem solid #e6e9f3}
  .org_wrap .group_1 .lst{top:12rem}

  .box_st1{padding:2rem}

  .current_stock .box_type{flex-direction: column;height: auto;}
  .current_stock .box_type b{margin-left:0;margin-top:1rem;}
}




/* 개인정보처리방침 */
@media (max-width: 1280px) {
  .policy .labeling li:nth-child(2) .labeling_area,
  .policy .labeling li:nth-child(5) .labeling_area {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (max-width: 1200px) {
  .policy .labeling_list .cont {
    max-width: 95%;
    min-width: 95%;
  }
}
@media (max-width: 1024px) {
  .policy .labeling{flex-wrap: wrap;}
  .policy .labeling li{flex:0 0 calc(50% - 1rem);}
  .policy .labeling .labeling_area{min-width: inherit;width:100%;}
  .policy_version{flex-direction: column;gap:1rem;}
}
@media (max-width: 985px) {
  .scroll_info {
    display: block;
  }
  .scroll_info.type2 {
    display: none;
  }
  .policy .privacy_list {
    display: block; padding:3rem;
  }
  .policy .privacy_list li{margin-bottom:1.5rem;}
  .policy .scroll_x {
    overflow-x: auto;
  }
  .policy .scroll_x > * {
    width: 862px;
  }
  .policy .step li::before {
    top: 0;
  }


}
@media (max-width: 768px) {

  .list3 li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-top: 1rem;
  }
  .btn_pop .list3 li a {
    min-height: auto;
  }

  .policy .labeling{display: block;}
  .policy .labeling li + li{margin-top:1.5rem;}
}
@media (max-width: 430px) {
  .policy_version > div{flex-direction: column;padding:1rem;}
  .policy_version > div a{padding:1rem 0 0 0;}
  .policy .labeling li .label_box{height: auto;}
  .policy .labeling li i{width:9rem;height:9rem;line-height:9rem;}
  .policy .labeling li i > img{padding:2rem;}
}