@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1730px) {
#contents{overflow: auto;}

}
@media screen and (max-width:1600px) {
    .box0{ width: 96%; max-width: 94%; }
    .box1{ width: 92%; max-width: 90%;}

}

@media screen and (max-width:1560px){
    /* header */
    :root{
        --headH: 5em;
    }

    #contents .sub_top_wrap{width: 94%; padding-top: 7.5rem;}
    #contents .sub_top_wrap .subTit .t1 { font-size: 6vmin; } 
    .ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item{gap: 0;}


    /* 구성원소개 */
    .huAllContainer .subhuList{gap: 1.25rem 1rem;}
    .huAllContainer .subhuList > li{width: calc((100% - 2.7rem) / 3);}
    .huViewContainer{gap: 2rem;}
    .huViewContainer > .infoContainer > .careerContainer > .item{width: calc((100% - 2rem) / 2);}
    .huAllContainer .item.ceo .huContainer .huImg{ height: 65svw;}
    

    /* 지사소개 */
    .mapAllContainer .innerContainer .locList > li > .inner > .locImg > li > .imgC{height: calc(var(--vh, 1vh) * 10);}

    /* 센터소식 */
    .board_notice > li > .inner > .thumb{ height: 9svw;}
    
    /* 산재보상 절차 */
    .processWrapper .process_Container{width: 50vw;}

}

@media screen and (max-width:1440px) {
    .per_charge > li > .con > .huprofile{width: 44px; height: 44px;}
}
@media screen and (max-width:1024px) {
    html{ font-size: 15px}
    
    .PHONE{ display: block;}
    .PC{display: none !important;}

    /*header*/
    /* #header .top_wrap{ padding: 0 1.5rem;} */
    #header .top_wrap .gnb_wrap{ display: none;}
    #header .header_link{position: relative;}
    #header .header_link::before{content: ''; position: absolute; right: 0; width: 3rem; height: 100%; background: linear-gradient(90deg,rgba(102, 102, 102, 0) 0%, rgba(102, 102, 102, 1) 100%);}
    #header .header_link .box0{margin: 0; max-width: 100%;}
    #header .header_link .list{overflow-x: auto; overflow-y: clip; position: relative;}
    #header .header_link .list li {flex-shrink: 0;}
    #header .header_link .list > li > a{ padding: 0 1.3rem;}
    
    .scroll #header { transform: translateY(0); } 
    .scroll.up #header { transform: translateY(0); } 

    

    /* All layer */
    #header .all_wrap .all_layer .all_inner .innerGuide { display: none; } 
    #header .all_wrap .all_layer .all_inner .innerBg {  } 
    #header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title { font-size: 3.5vmin;  } 
    #header .all_wrap .all_layer .all_inner .innerLink .gnb > li { flex-direction: column; } 
    #header .all_wrap .all_layer .all_inner .innerLink .gnb > li > .dp1 { display: inline-block; min-width: auto; max-width: max-content; } 
    #header .all_wrap .all_layer .all_inner .innerLink .gnb > li > .dp1 > .in > .tt { margin-bottom: 1rem; font-size: var(--font-size-lg);} 
    #header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li .in > .tt { font-size: 1.063rem; } 
    #header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2{ gap: 1rem 2rem;}
    #header .all_wrap .all_layer .all_inner .innerBg,
    #header .all_wrap .all_layer .all_inner .innerLink .linkContainer{ transition-delay: .7s;}
    #header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title{ transition-delay: 1.3s;}


    /*visual*/
    /* .visualSlide .swiper-slide{height: 70vh;} */
    .visualSlide .el .bg > img{ width: 100%; height: 100%; object-fit: cover;}
    /* .visualSlide .el{ height: 60vh;} */

    /* main */
    
    #sec_history .his_inner .titBox .main_tit .t6{width: 68%;}
    #sec_history .his_inner .hisBox .contentItem{gap: 60px 0; margin-top: 2rem;}
    #sec_history .his_inner .hisBox .contentItem > .item:nth-child(1):after{top: 10px; height: 120px;}
    #sec_history .his_inner .hisBox .contentItem > .item:nth-child(2):after{bottom: -30px;}
    #sec_history .his_inner .hisBox .contentItem > .item:nth-child(3):after{top: -30px;}
    #sec_history .his_inner .hisBox .contentItem > .item:nth-child(4):after{top: -10px; height: 120px;}
    #sec_example .example_tab{width: 70%;}
    #sec_community .notice_list > li > .inner > .thumb{width: 25%;}

    /*main sec_history*/
    #sec_history .his_inner .hisBox {padding-left: 2rem;}
    #sec_history .bgImg {width: 100%;}
    #sec_history .his_inner {flex-direction: column;}
    #sec_history .his_inner .titBox, #sec_history .his_inner .hisBox {width: 100%;}
    #sec_history.on:after {width: 100%;}
    #sec_history:after {height: 57%; bottom: 0 !important; top: unset;}
    #sec_history.main_box{padding: 5rem 0;}

    /*main section05*/
    .flex_box .fst3 > li {flex: 1 1 50%;max-width: 50%;}
    /*main sec_contact*/
    #sec_contact .inquiry_container .innerInfo .innerContainer {flex-wrap: wrap;}
    #sec_contact .inquiry_container .innerInfo .innerContainer .rfInner, #sec_contact .inquiry_container .innerInfo .innerContainer .lfInner {width: 100%;}
    #sec_community .notice_list > li > .inner > .cate,
    #sec_community .notice_list > li > .inner > .date{display: none;}

    /* sec_example */
    #sec_example.main_box > .bgImg{background: url(../images/main/example_Mbg.jpg) no-repeat; background-position: top; background-size: cover;}
    #sec_example.main_box > .bgImg > img{display: none;}
    #sec_example .example_tab > li.on{border: 1px solid rgb(255 255 255 / 30%);}

    /*sub all*/
    #contents .sub_page_menu{ display: none;}
    #contents .sub_tit_wrap .sub_tit .tt{ font-size: 2.415em;}
    
    /*greeting*/
    .academy_wrap .tit .t1{ font-size: 2.315em;}
    .academy_wrap .tit .t2{ font-size: 1.315em;}
    .academy_wrap .txt .t2{ font-size: 1.15em;}

    
    

    /* common */
    

    /* sub */

    /* 사업소개 */
    .value-bg-img-con .value-list-con > li > .inner-wrap > .inner{ padding: 2rem;}
    .business_top .txt_box .msg span br{display: none;}
    
    /* 지사소개 */
    .wrap_idx{overflow: hidden;}
    .loc_btn{overflow-x: auto; width: 100%;}
    .loc_btn>li{flex-shrink: 0; height: 2.4rem;}
    .ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item{width: calc((100% - 2rem) / 2);}
    .mapAllContainer .innerContainer .locList > li > .inner > .locImg > li > .imgC{height: calc(var(--vh, 1vh) * 15);}
    .mapAllContainer .innerContainer .locList > li > .inner .locTop > .mainRoundBtn.s1 .btnInner .roundIcon { width: 2.4rem; height: 2.4rem; }

    /* 구성원 소개 */
    .huViewContainer{flex-direction: column;}
    .huViewContainer > .huContainer{width: 40%;}
    .huViewContainer > .infoContainer{width: 100%;}
    .huViewContainer > .infoContainer .huInfoTop{gap: 2rem;}
    .huViewContainer > .infoContainer .huInfoTop .huType{gap: 1.5rem;}  
    
    /* 센터소식 */
    .board_notice > li > .inner > .thumb{ width: 25%; height: 18svw;}
    .board_search .search{flex-direction: column; width: 100%; gap: 0.5rem;}
    .board_search .search > *,
    .board_search .search .inp,
    .board_search .search select.input_st{ width: 100% !important;}

    /* 산재가능범위 */
    .sub_tab .tab_idx > li{width: 50% !important; max-width: 50% !important;}

    .sub_tab .tab_idx.t4 > li:nth-child(n+3):after { display: block; } 
    .sub_tab .tab_idx.t4 > li::before{display: none;}
    .sub_tab .tab_idx.t4 > li:nth-child(2n+1):before { display: block; } 
    .sub_tab .tab_idx.t5 > li:nth-child(n+3):after { display: block; } 
    .sub_tab .tab_idx.t5 > li::before{display: none;}
    .sub_tab .tab_idx.t5 > li:nth-child(2n+1):before { display: block; } 
    .sub_tab .tab_idx.t8 > li:nth-child(n+3):after { display: block; } 
    .sub_tab .tab_idx.t8 > li::before{display: none;}
    .sub_tab .tab_idx.t8 > li:nth-child(2n+1):before { display: block; } 

    /* 이용약관 */
    .email_top br{display: none;}

    /* 지사소개 */
    .huListContainer>.item.mori{margin-top: 2rem;}

}


@media screen and (max-width:768px) {
    html{ font-size: 14px}

    /*header*/
    /* #header .header_link{display: none;} */
    #header .top_wrap .logo > a img{ height: 40px; object-fit: contain;}
    #headerQ .quick_wrap .wrap_in{ margin-top: 5em; justify-content: start; gap: 1.5rem;}
    /* #headerQ .quick_wrap .link .guide_top{padding-bottom: 2.5rem;} */

    /* ====== All layer ====== */
    #header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title { font-size: 4vmin; } 


    /*visual*/
    /* .visualSlide .el{ height: 46vh;} */

    /*main sec03*/
    #sec_about .aboutImg-cover {height: 16rem;}
    #sec_area .main_area .area_wrap .areaBox .imgCon {height: 12rem;}#sec_history .his_inner .titBox, #sec_history .his_inner .hisBox {width: 100%;}


    /*footer*/
    #footer .info > li{ font-size: .915em;}
    #footer .logo .in.alogo > img{ height: 20px; object-fit: contain;}

    /*sub all*/
    #contents .sub_nav > li{ font-size: .915em;}
    #contents .sub_page_top{ height: 10em;}
    #contents .sub_tit_wrap2{ padding: 2em 0 1em; gap: 1em; flex-direction: column; align-items: start;}
    #contents .sub_page_tit .tit{ font-size: 1.615em;}
    #contents .sub_nav > li.home > a{ width: 1.4em; height: 1.4em;}
    #contents .sub_nav > li.home > a .xi{ font-size: .8em; width: 1.4em; line-height: 1.4;} 
    #contents .sub_tit_wrap .sub_tit .tt{ font-size: 1.815em;}
    .input_st.w3{ width: auto;}

    /*greeting*/
    #contents .sub_tit_wrap{ width: 100%; justify-content: center;}

    /*overview*/
    .overview_wrap .left_poster{ width: 100%;}
    .overview_wrap .left_poster > img{ width: 100%; height: 100%; object-fit: cover;}
    .overview_wrap{ flex-direction: column;}

    /*speaker*/
    .prof_list.w2 > li{ width: calc((100% - 2em) / 2);}
    .prof_list.w3 > li{ width: calc((100% - 4em) / 3);}

    /*video*/
    .board_photo > li{ width: calc((100% - 2em) / 2);}

    /* main */
    .main_box { padding: 5rem 0; }

    /* sec_about */
    #sec_about .aboutContainer .txtCon .txt > .tt br{display: none;}

    /* sec_area */
    #sec_area .main_area .area_wrap .areaBox .imgCon > .tit{bottom: 1.5rem; padding: 0 2rem;}
    #sec_about .aboutContainer{ gap: 2rem; flex-direction: column; justify-content: center;}
    #sec_about .aboutContainer .titCon,
    #sec_about .aboutContainer .txtCon{ width: 100%;}
    #sec_about .aboutContainer .titCon .tit,
    #sec_about .aboutContainer .txtCon .txt{ text-align: center;}
    #sec_about .aboutContainer .txtCon .main_more{ display: flex; justify-content: center;}
    #sec_about .aboutImg-cover{ height: 18rem;}
    #sec_about .aboutImg-cover .roundMark > img{ height: 40px;}

    /* sec_history */
    #sec_history .his_inner .titBox .main_tit .t6{width: 84%;}

    /* sec_attorney */
    #sec_attorney .main_tit{margin-bottom: 1.5rem;}
    #sec_attorney .main_more{position: unset; margin-bottom: 3rem;}
    .attorney_container{text-align: center; overflow: hidden;}

    /* sec_example */
    .per_charge > li{width: calc((100% - 1.5rem) / 4);}
    .per_charge > li > .con > .huprofile{width: 48px; height: 48px;}

    /* sec_community */
    #sec_community .notice_list > li > .inner > .thumb{height: 5rem; width: 20%;}

    

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

    /* footer */
    /* #footer .footerWrapper .footerTop{flex-direction: column-reverse;}
    #footer .footerWrapper .footerTop .rightInfo{width: 100%; align-items: start; gap: 1rem;}
    #footer .menu{margin-bottom: 0.5rem;}
    #footer .iconLink .iconItem,
    #footer .iconLink{width: 100%;}
    #footer .iconLink .iconItem > .in > .ico{display: inherit;}
    #footer .iconLink .iconItem > .in > .ico > img{height: 22px;}
    #footer .iconLink .iconItem{height: 3rem;}
    #footer .iconLink .iconItem > .in{display: flex; gap: 0.7rem; align-items: center;}
    #footer .iconLink .iconItem > .in > .tt{margin-top: 0;}
    #footer .site_wrap .btn{padding: 0.5rem; width: 8rem;}
    #footer .footerWrapper .footerTop .leftInfo{width: 100%;}
    #footer .footerWrapper .footerTop .leftInfo > .logoCon{margin-bottom: 1.5rem;} */
    

    /* sub */
    #contents .sub_top_wrap{ height: calc(var(--vh, 1vh) * 35); width: 100%;}
    
    /* 사업소개 */
    .value-bg-img-con{height: auto;}
    .value-bg-img-con .value-list-con{flex-direction: column; display: flex;}
    .value-bg-img-con .value-list-con > li{display: block; width: 100%;}

    .mapAllContainer .innerContainer #mapArea{display: none;}
    .mapAllContainer .innerContainer .locList{width: 100%;}
    .value-list-con .item.active .inner { transform: translateY(0); }
    .value-bg-img-con .value-list-con > li:before{bottom: 0; width: 100%; height: 1px;}
    .value-bg-img-con .value-list-con > li > .inner-wrap{padding-bottom: 0;}
    .value-bg-img-con .value-list-con > li > .inner-wrap > .inner > .icon > img{height: 50px;}

    /* 주요업무 */
    .business_top > *{height: calc(var(--vh, 1vh) * 80);}


    /* 구성원소개 */
    .AlSearch{ width: 100%;}
    .AlSearch .input_st{ padding: 0 6rem 0 1.5rem; height: 3.85rem;}
    .AlSearch .input_st::placeholder{ font-size: var(--font-size-base);}

    .ceoWrap .huViewContainer > .infoContainer .huInfoTop{flex-direction: column-reverse; align-items: flex-start; gap: 1.5rem;}
    .huViewContainer > .infoContainer .huInfoTop .nameCon > img{height: 35px;}

    .ceoWrap .huViewContainer > .infoContainer > .careerContainer,
    .ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item{flex-direction: column; gap: 1rem; margin-bottom: 1rem;}
    .ceoWrap .huViewContainer > .infoContainer > .careerContainer{padding: 1.5rem;}
    .ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item{width: 100%;}
    
    .huAllContainer .item.ceo .profile-bx{padding: 1.5rem;}
    .huAllContainer .subhuList > li{width: calc((100% - 1.3rem) / 2);}
    .huContainer .profile-bx .wrap{flex-direction: column; align-items: start;} 
    
    .huViewContainer > .infoContainer .huInfoTop{flex-direction: column-reverse; align-items: flex-start; gap: 1rem;}
    .huViewContainer > .huContainer{width: 100%;}
    .huViewContainer > .infoContainer > .careerContainer{flex-direction: column; gap: 2em;}
    .huViewContainer > .infoContainer > .careerContainer > .item{width: 100%;}
    .huContainer:hover .profile-bx .mainRoundBtn{display: none;}
    .main .huContainer .profile-bx:after{width: 46px; height: 28px; top: 16px; right: 16px;}
    .huContainer .profile-bx:after{width: 30px; height: 18px; top: 16px; right: 16px;}

    .successList > li{flex: 1 1 100% !important; max-width: 100% !important;}
    .successList > li > .in{padding: 1.75rem;}


    /* 센터소식 */
    .board_notice > li > .inner{flex-direction: column; gap: 1rem;}
    .board_notice > li > .inner > .thumb{ width: 100%; height: calc(var(--vh, 1vh) * 28);}
    .board_notice > li > .inner > .infoT{width: 100%;}

    /* 지사소개 */
    .mapAllContainer .innerContainer .locList > li > .inner > .locInfo{margin-top: 0.4rem;}
    .mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con{ align-items: flex-start;}
    .mapAllContainer .innerContainer .locList > li > .inner > .locImg > li > .imgC{height: calc(var(--vh, 1vh) * 12);}
    .mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con > .tt{font-size: var(--font-size-base);}
    .mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con > .tx.cp{font-size: var(--font-size-md);}
    .mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li{margin-bottom: 0;}
    /* .sub .page_tit{margin-bottom: 3em;} */
    
    
    /* 산재가능범위 */
    .anw .anwInner .innerImg > img{max-width: 100%;}
    .simBoxList > li{width: calc((100% - 1rem) / 2);}

    /* 산재보상 절차 */
    .processWrapper .process_Container{width: 100%;}

    /* 승인사례 */
    .appView_Container{margin-top: 0;}

    /* 이용약관 */
    .guide_box .guide_in{padding: 1.5rem;}

    /* 테이블 스크롤 */
    .table_wrap{overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; position: relative;}
    .table_wrap table {min-width: 700px;}
    .scr_i{display: inline-flex; align-items: center; gap:.2em; margin-top: 5px; color:var(--color-point);  }
    .scr_i .xi{ transform: rotate(90deg);}

    
}


@media screen and (max-width:481px){
    html{ font-size: 17px}
    /* header */
    #headerQ .quick_wrap{width: 21em;}
    #header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title{font-size: 5.5vmin;}

    /* main */

    /* footer */
    #sec_contact .wideImg{height: calc(var(--vh, 1vh) * 42.5);}

    /*visual*/
    .visualSlide_wrap .slogan .t3{ font-size: var(--font-size-lg-2);}
    .visualSlide_wrap .slogan_wrap{ top: 53.5%;}

    /*승인사례*/
    .appView_Container .relation_container > .relationList > li > .inner > .txt,
    .appView_Container .relation_container > .relationList > li > .inner > .cate{ font-size: var(--font-size-base);}
    .appView_Container .relation_container > .relationList > li > .inner > .tit{ font-size: var(--font-size-md);}

    /* sub */
    /* ====== contents ====== */
    #contents .sub_top_wrap .subTit .t1 { font-size: 8.5vmin; letter-spacing: 0; }
    #contents .sub_top_wrap .subTit .t2{ letter-spacing: 0;}

    /* sec_example */
    #sec_example .exampleList > li{flex: 1 1 100%; max-width: 100%;}

    /* 구성원 소개 */
    .ceoWrap .huViewContainer > .infoContainer .huInfoTop{gap: 1.2em;}
    .ceoWrap .huViewContainer .infoContainer{margin-top: 2.5rem;}
    .board_faq > li .faqTit .wrap_in{padding: .5em 5em .5em 0;}
    .board_faq > li.on .faqCon .wrap_in{padding-top: 1em; padding-bottom: 1em;}
    .huContainer .profile-bx{padding: 1rem;}

    /* 센터소식 */
    .table_form .wrap_in .con_wrap .w50{width: 100% !important;}

    /* 산재가능범위 */
    .anw .anwInner{padding: 1.75rem 1rem 3rem 1rem;}
    .lineBoxIn{padding: 1rem;}

    /* 산재보상 절차 */
    .processWrapper{padding: 1rem;}
    .processWrapper .process_Container .processItem > .processCon .textList{ padding: 1.5rem 2.2rem;}

    /* 승인사례 */
    .sub .exampleList > li{flex: 1 1 100% !important; max-width: 100% !important;}
    .allCount > .titCon > .tt{ font-size: var(--font-size-md);}
    .appView_Container .app_titleWrap{ padding: 3rem 2rem;}
    .appView_Container .app_titleWrap > .title{ font-size: var(--font-size-lg);}
    .appView_Container .app_titleWrap > .category{ margin-bottom: .65rem;}

    /*quick*/
    #headerQ .quickBtn{ top: 35%;}
    #headerQ .quickBtn.ty1{ display: none !important;}
    #headerQ .quickBtn > p{ font-size: .825rem; letter-spacing: 1px;}

    /*business*/
    .business_top .txt_box .msg{ font-size: var(--font-size-xl);}
    
}

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

    /*header*/
    
    /* main */
    .main_tit .t1 br{display: none;}
    
    /* visual */
    .visualSlide_wrap .slogan .t4{margin: 1.5rem 0;}
    .visualSlide_wrap .slogan .t4 .el i br{display: none;}

    /*speaker*/
    .speaker_wrap{ padding: 0em; background: none;}

    
    /*poster*/
    .poster_wrap{ flex-direction: column;}
    .poster_wrap .right_poster,
    .poster_wrap .left_poster{ width: 100%;}

    .main_box{padding: 5rem 0;}

    #sec_history .his_inner .titBox{padding-right: 2rem;}
    #sec_history .his_inner .titBox .main_tit .t6{width: 100%;}
    #sec_history .his_inner .hisBox{background: var(--color-point); padding: 2.5rem 1.5rem;}
    #sec_history .his_inner .hisBox .contentItem{display: flex; flex-direction: column; margin-top: 0;}
    #sec_history.on:after{display: none;}
    #sec_history .his_inner .hisBox .contentItem > .item{padding: 0 !important; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;} 
    #sec_history .his_inner .hisBox .contentItem > .item:after{display: none;}
    #sec_history .his_inner .hisBox .contentItem > .item > .btmCon{margin-bottom: 0;}
    /* #sec_history .his_inner .hisBox .contentItem > .item > .topCon > .ico {display: none;} */
    #sec_history .his_inner .hisBox .contentItem > .item > .topCon{gap: 1rem;}
    #sec_history .his_inner .hisBox .contentItem > .item > .topCon > .ico > img{height: 30px;}
    
    #sec_example .example_tab{width: 100%;}

    

    .exampleList > li > .in{padding: 1.5rem;}
    .exampleList > li > .in > .examBtm .resultImg{height: 9rem;}
    .exampleList > li > .in > .examBtm .txt{-webkit-line-clamp: 2;}
    .exampleList > li > .in > .examTop{margin-bottom: 1rem;}

    /*footer*/
    #footer .info_wrap{ flex-direction: column; gap: 3em; padding: 3em 0;}

    /*sub all*/
    .fs18{ font-size: 1em !important;}
    .sub_con{ padding: 2em;}
    .input_st.s1{ font-size: 1em;}

    /* .page_btn{ flex-direction: column;} */
    .page_btn .in{ width: 100%;}

    /*greeting*/
    .speak_Wrap .infoA{ padding: 1em 0; border-radius: 0; }
    .academy_wrap .tit .t1{ font-size: 1.715em;}
    .academy_wrap .tit .t2{ font-size: 1.15em;}
    .academy_wrap .txt .t2{ font-size: 1.063em;}
    .academy_wrap .tit{ margin-bottom: 3em;}

    /*program*/
    .scrolltable .table_st{ width: 600px; font-size: .815em;}

    /*speaker*/
    .prof_list.w3 > li,
    .prof_list.w2 > li,
    .prof_list > li{ width: 100%;}
    .speaker_wrap2{ flex-direction: column;}
    .speaker_wrap2 .con{ width: 100%;} 

    /*partner*/
    .form_lab .lab_con{ flex: 1 1 100%;}
    .form_lab .tit1{ font-size: .967em;}
    .form_wrap .form_tit .t3{ font-size: 1em;}

    /*viewapp*/
    .mem_form_inp > li.inp_wrap > .wrap_in.flex{ align-items: start;}
    .mem_form_inp > li.inp_wrap .inp .group_inpBtn{ flex-direction: column; gap: .5em;}
    .mem_form_inp > li.inp_wrap .inp .group_inpBtn .ml10{ margin-left: 0 !important; width: 100%;}

    /*video*/
    .board_photo > li{ width: 100%;}

    /* sec */
    #sec_attorney .huSlide{width: 75% !important;}
    
    /* common */
    #headerQ .quickBtn{width: 2.5rem; font-size: var(--font-size-xs); transform: translate(-3.4em, -50%);}
    #headerQ .quick_wrap{width: 75vw;}
    #headerQ .quick_wrap .wrap_in .logoW{padding: 0 1.2rem;}
    #headerQ .quick_wrap .wrap_in .link{padding: 0 1.5rem;}
    #headerQ .quick_wrap .link .guide_top .t3 br{display: none;}
    #headerQ .quick_wrap .link .guide_top{padding-bottom: 2em;}
    #headerQ .quick_wrap .link .guide_mid{padding-top: 2em;}
    #headerQ .quick_wrap .link .guide_mid .g_info > .item{margin-bottom: 0.7em;}
    

    #quick_new .quick_wrap{width: 3em; height: 3em;}
    
    #sec_community .notice_list > li > .inner{padding: 0.95em 0;}
    #sec_community .notice_list > li > .inner > .thumb{height: 15svw; width: 34%;}
    #sec_community .notice_list > li > .inner > .infoT > .txt{margin-top: 0.15em;}

    #sec_area .main_area .area_wrap .areaBox .imgCon > .tit{ bottom: 1rem; padding: 0 1.2rem;}

    /* footer */
    #footer .footerWrapper .footerTop{ flex-direction: column;}
    #footer .footerWrapper .footerTop .rightInfo,
    #footer .footerWrapper .footerTop .leftInfo{ width: 100%;}
    #footer .footerWrapper .footerTop .leftInfo > .logoCon{ margin-bottom: 1rem;}
    #footer .footerWrapper .footerTop .rightInfo{ align-items: start;}
    #footer .menu{ justify-content: start;}

    #sec_history .his_inner .hisBox .contentItem > .item > .topCon > .ico{display: none;}

    /* 지사소개 */
    .mapAllContainer .innerContainer .locList > li > .inner > .locImg > li {width: calc((100% - 1rem) / 3);}
    .mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con > .tt{min-width: 5rem;}
    .AlSearch .sech > .xi{font-size: 1.415rem;}
    

    /* 구성원소개 */
    

    /* 테이블 스크롤 */
    .table_wrap table {min-width: 600px;}

    /* board */
    
    
    
}

@media screen and (max-width:374px) {
    html{ font-size: 13px}
}

@media screen and (max-width:320px) {
    html{ font-size: 12px}
}