@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1600px) {
    .box1{ width: 92%; max-width: 90%;}

    /* ====== contents ====== */
    #contents {overflow: hidden;}
    #contents .sub_top_wrap { width: 94%; padding-top: 7rem; } 
    #contents .sub_top_wrap .subTit .t1 { font-size: 6vmin; } 
    #contents .nav > li{ font-size: 1rem;}

    /* 구성원소개 */
    .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;}

}
@media screen and (max-width:1440px) {
    
    
}
@media screen and (max-width:1024px) {
    html{ font-size: 15px}

    .PHONE{ display: block;}

    /*header*/
    #header .gnb_wrap { display: none; } 
    #header .top_wrap .logo > a img { height: 40px; } 
    #header .top_wrap .wrapH,
    #header .top_wrap .gnb_wrap .dp1 { height: 4.5rem; } 
    #header:after { display: none; } 

    /* #header .top_wrap{ padding: 0 1.5em;} */
    #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;}
    
    /*visual*/
    .visualSlide .el .bg > img{ width: 100%; height: 100%; object-fit: cover;}
    /* .visualSlide .el{ height: 60vh;} */

    /*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;}

    /* ====== 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: 5.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;}


    /* ====== sec_area ====== */
    #sec_area .mainScroll{ display: none;}
    #sec_area .Buhorizen .horizen_wrap .slide_ctn{ position:relative; flex-wrap: wrap; gap: 2rem; opacity: 1; transform: translateY(0); padding-left: 0; padding-right: 0%; width: 92%; margin: 4.5rem auto;}
    #sec_area .Buhorizen .horizen_wrap .slide_ctn .item{ margin-right: 0; padding: 46px 40px; width: calc((100% - 2rem) / 2); box-sizing: border-box;}
    #sec_area .Buhorizen .horizen_wrap .slide_ctn .item.wide{ min-height: 45svh;}
    #sec_area .Buhorizen .horizen_wrap .slide_ctn .item.wide .titCon{ padding: 0 40px; bottom: 2rem;}
    #sec_area .Buhorizen .horizen_wrap .bg_box{ height: auto;}
    #sec_area .Buhorizen .horizen_wrap .bg_box .bg{ position: relative; transform: translateY(0); width: 100%; max-width: 100%; height: 40svh;}

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

    /* about */
    .cenItemContainer > .item > .titBox{padding: 2.5rem;}

    /* 구성원 소개 */
    .huViewContainer{flex-direction: column;}
    .huViewContainer > .huContainer{width: 40%;}
    .huViewContainer > .infoContainer{width: 100%;}
    .huViewContainer > .infoContainer .huInfoTop{gap: 2rem;}
    .huViewContainer > .infoContainer .huInfoTop .huType{gap: 1.5rem;}

    /* 산재가능범위 */
    .sub_tab .tab_idx{justify-content: start;}
    .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; } 

    /* ====== process ====== */
    .processArrow .ArrowList{ gap: 2rem 0;}
    .processArrow .ArrowList > li{ width: 50% !important;}

}



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

    /*header*/
    #header .top_wrap .logo > a img{ height: 35px; object-fit: contain;}

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


    /* ====== sec_area ====== */
    #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_area .Buhorizen .horizen_wrap .slide_ctn .item{ width: 100%;}
    .scroll #header { transform: translateY(0); } 
    .scroll.up #header { transform: translateY(0); } 

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

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

    /* ====== contents ====== */
    #contents .doc.pdT,
    #contents .doc{ padding: 2.5rem 0 8rem 0;}
    #contents .sub_page_menu { display: none; } 
    #contents .sub_top_wrap .subTit { top: 60%; } 
    #contents .sub_top_wrap { width: 100%; } 
    #contents .sub_top_wrap { height: 35svh; } 


    /*sub all*/
    .main_box{ padding: 5rem 0;}
    #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;}

    #contents .doc.pdT,
    #contents .doc{ padding: 3rem 0 8rem 0;}

    .processWrapper{margin-top: 1rem;}
    .huListContainer>.item>.tit{margin-bottom: 0;}

    /*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);}

    /* introduce */
    .wideImg .bg{height: 100%;}
    .pageWrapper .page_con{ padding: 3.5rem 0;}
    .agent_Wrapper .agentTop > .exCon > .tt br{display: none;}
    .cenItemContainer > .item{flex-direction: column;}
    .cenItemContainer > .item:nth-child(2n){flex-direction: column-reverse;}
    .cenItemContainer.st1 > .item > .titBox,
    .cenItemContainer.st1 > .item > .imgCon{width: 100%; min-height: 0;}
    .cenItemContainer.st1 > .item > .imgCon img{display: block;}
    
    /* ====== location ====== */
    .locationContainer .loadmap .wrap_map{ height: 40vh !important;}
    .locationContainer .mapInfoWrap{ flex-direction: column; padding: 2rem;}
    .locationContainer .mapInfoWrap .leftInfo{ width: 100%;}
    .locationContainer .mapInfoWrap .rightInfo{ width: 100%;}
    .locationContainer .mapInfoWrap .rightInfo .mapOpen > li > .in{ min-height: 15svh;}

    /* ====== location ====== */
    .contractWrap .diagramBox, .contractWrap .contractList{ width: 100%;}
    .contractWrap .diagramBox .arrow-container{ top: -4.5rem;}
    .contractWrap .diagramBox .imgCon{ background: var(--color-point4); border-radius: var(--radius-lg);}


    /* 이용약관 */
    .guide_box .guide_in{padding: 1.5rem;}
    
    /* 구성원소개 */
    .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;}
    .huListContainer>.item{ margin-top: 3rem;}
    .huListContainer>.item>.tit{}

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

    #contents .subpageTit + .doc{padding: 1rem 0 8rem 0;}

    /* ====== process ====== */
    .processArrow .ArrowList > li > .con > .Cbox > .num{ width: 2rem; height: 2rem; margin-right: var(--space-1); left: 0 !important; position:relative;}
    .processArrow .ArrowList > li > .con > .btmCon{ padding: 1.35rem;}
    

    /* 테이블 스크롤 */
    .table_wrap{overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; position: relative;}
    .table_wrap table,
    .table_wrap .con_org {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);}
    .sub_org .in.h1{height: 7rem;}
    .sub_org .in.w1.h1{ border: 20px solid rgb(223 234 245);}
    .sub_org .in.w1{width: 7rem;}
    
    
}

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

    /*header*/
    /* .visualSlide .el{ height: 27vh;} */

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

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

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

    /* ====== contents ====== */
    #contents .sub_top_wrap .subTit .t1{ font-size: 6.5vmin; letter-spacing: 0;}
    #contents .sub_top_wrap .subTit .t2{ letter-spacing: 0;}
    
    #contents .nav > li{padding: 0 0.6em;}
    #contents .nav > li:before{left: -1px;}

    /*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;}

    /* ====== All layer ====== */
    #header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title{ font-size: 5.5vmin;}
    
    /*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%;}

    /* main */
    .visualSlide_wrap .slogan .t1{font-size: var(--font-size-xxxl);}
    #sec_about .aboutContainer .txtCon .txt > .tt br{display: none;}
    #sec_contact .wideImg{height: 42.5svh;}

    /* location */
    .locationContainer .mapInfoWrap .leftInfo > .contactInfo > li:first > .con{top: -0.55rem;}
    
    /* ====== 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;}

    /* 구성원 소개 */
    .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;}

    /* 산재가능범위 */
    .anw .anwInner{padding: 1.75rem 1rem 3rem 1rem;}
    .lineBoxIn{padding: 1rem;}
    
    /* ====== process ====== */
    .processArrow .ArrowList > li{ width: 100% !important;}

}

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

}

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

}