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

/* .PC{ display:none !important}
.PHONE{ display:block !important} */
@media screen and (max-width:1840px){
#header .gnb_wrap .gnb > li .dp1 { position: relative;padding: 0px 1.5em;box-sizing: border-box;}
#header .gnb_wrap .gnb > li .dp1 .tt {font-size: 1.15em;}
}
@media screen and (max-width:1750px){
#header .inner .gnb_wrap {padding-left: 4em;}
#header .inner .gnb_wrap > .gnb {gap:0.5em;}
#header .gnb_wrap .gnb > li {width: 9em;}
#header .gnb_wrap .gnb > li .dp1 {padding: 0;}
    }   
@media screen and (max-width:1660px){
.box1{ width: 94%;}

}
@media screen and (max-width:1320px){
.box1{ width: 94%;}
.box2 {width: 94%;}
#header .gnb_wrap .gnb > li {width: 10em;}
}

@media screen and (max-width:1200px){
/*summary*/
.cm_wrap  .inner > .titbox,
.cm_wrap  .inner > .titbox.st2{width : auto ;}

.w7 {width: 85%;}

.pageAwrap > .pageA_list > li > .in > div > .imgw {height: auto;}
.pageAwrap > .pageA_list > li > .in > div > .txtw > .t1 {font-size: 1em;}
}
@media screen and (max-width:1100px){
.pageAwrap > .pageA_list {width: 100%; display: flex;}
.pageAwrap > .pageA_list > li {border-top: unset;border-bottom: unset;border-right: 1px solid #ddd; width: calc(100% / 3);}
.pageAwrap > .pageA_list > li:first-child {border-top: unset;border-bottom: unset;}
.pageAwrap > .pageA_list > li:last-child {border-right: unset;}
.pageAwrap > .pageA_list > li > .in {flex-direction: column;}
.pageAwrap > .pageA_list > li > .in > div {width: 100%;gap: .5em;flex-direction: column;}
.pageAwrap > .pageA_list > li > .in > div > .imgw { width: 100%;height: 10em;}
.pageAwrap > .pageA_list > li > .in > div > .txtw {width: 100%;}
.arrowW > .xi {transform: rotate(180deg);}
}

@media screen and (max-width:1024px){
body{font-size: 16px;}
/*header*/
#header .inner .gnb_wrap {display:none;}

/*about*/
.member_con .member_wrap .member > .list {width: 100%;}
.member_con .member_wrap .member > .list.h23 {height: 33em;}

.mem_info_con {gap: 3em;}
.mem_info_con .right .info_wrap {width: 100%;}
.mem_info_con .right .greetings_info .list .item {width: 100%;}
.mem_info_con .right .tab_btn > li {font-size: 1.1em;}
.mem_info_con .left {height: 620px;}
.mem_info_con .right .company > p {font-size: 1.35em;}
.mem_info_con .right .name > h1 {font-size: 2.3em;}
.mem_info_con .right .name > h1 b {font-size: 1.5rem;}

.navB_wrap{margin-top: 0;} 


@media screen and (max-width:1400px){
.visualSlide_wrap {height: 70vh;}
.visualSlide_wrap .slogan { transform: translateY(-30%);}
}
}

@media screen and (max-width:950px){
/*header*/
.header_banner .banner_call .call_list > li > .con .loc {font-size: .5em;}
.header_banner .banner_call .call_list > li > .con .callN {font-size: .85em;}
.header_banner .btn_list > li > .Bbtn {font-size: 0.7em;}

/*main*/
.main_tit .t1 {font-size: 2.5em;}
.visualSlide_wrap {height: 80vh;}
.visualSlide_wrap .slogan {transform: translateY(-11%);}qkrt

/*about*/
.fs30 {font-size: 1.55em !important;}
.mem_info_con .left {height: 550px; flex: 1 1 46%;}
.mem_info_con .right .career_info .list {height: auto;}
.mem_info_con .right .career_info .list .item {width: 100%;}

/*greeting_info*/
.mem_info_con .left {height: 495px;}

/*accident*/
.txtwrapB > .innerB > .imglist_wrap {height: auto;}
.stepList_wrap {margin: 0 auto; display: block !important;}

.stepList.st3 {flex-direction: column; width: 100%; justify-content: center; align-items: center;}
.stepList.st3 > li {width: 24em;}
.dp1_accident  .stepList > li:after{ right: 50%; top: 95px; transform: translateX(50%) rotate(90deg);}

.dp2_kind .flex_box .fst2 > li {flex: 1 1 100%;max-width: 100%;}
.boxlist {flex-wrap: wrap;}
.boxlist > li >.inner > .txtWrap > ul > li > .tit1 {font-size: 1em;}
.boxlist > li >.inner {height: auto;}

.dp2_kind  .greeting_list2 > li > .in {flex-direction: column;}
/*hr*/
.main_member .mem_list2 > li > .in > .tBox1 dl dt {font-size: 1.2em;}
.main_member .mem_list2 > li > .in > .tBox1 dl dd {font-size: 15px;}

/*accident*/
.e_wrap.st2 {flex-wrap: wrap;}
.e_wrap.st2 > .el.w6 {width: calc((88% - 3em) / 3);}

.bx_wrap2 > li > .in.h23 {min-height: 25em;}

.w7 {width: 100%;}
.gap15{gap: 1em;}

}
@media screen and (max-width:900px){
/*inc*/
.w50 {width: 100% !important;}

.txtwrapB {padding: 1em;}
.txtwrapB.st2 {padding: .5em;}
/*about*/
.greeting_list2 > li > .in{flex-direction: column-reverse;}

.greeting_list2>li>.in .leftw,
.greeting_list2>li>.in .rightw {width: 100%;}
.greeting_list2.st3>li>.in .leftw {width: 100%;}


/*hr*/
.main_member .mem_list2 > li > .in > .img_con.st2 {height: 45vh;}

/*accident*/
.dp2_summary  .greeting_list2 > li > .in { flex-direction: column;}

.bx_wrap2 > li > .in.h23 {min-height: 27.5em;}

.col_{flex-direction: column;}
.col_R{flex-direction: column-reverse;}
.dp1_safe .gap2{gap: 0em;}

.dp2_kind  .gap4{gap: 0;} 
}
@media screen and (max-width:860px){
.barlist > li > .in.w3 {width: 100%; height: 3.5em; font-size: .9em;}
.barlist > li > .in.w2 {height: 3.5em;font-size: .9em;}
.barlist > li > .in.tit {font-size: 1.2em;}


.pageAwrap > .pageA_list {flex-direction: column;}
.pageAwrap > .pageA_list > li:first-child { border-bottom: 1px solid #aaa;}
.pageAwrap > .pageA_list > li {width: 100%;    border-bottom: 1px solid #ddd; border-right: unset;}
.pageAwrap > .pageA_list > li > .in > div > .imgw {width: 100%;height: 20em;}
.pageAwrap > .pageA_list > li > .in > div > .imgw > img{object-fit: cover; width: 100%;}


}

@media screen and (max-width:768px){
/*inc*/
.page_tit > .tit {font-size: 2.5em;}
.page_tit > .tit3 {font-size: 2.3em;}
.page_txt > .t1 {font-size: 1.2em;}
.page_txt > .t3 {font-size: 1em;}
.w60 {width: 100% !important;}
.w40 {width: 100% !important;}
.fs33 {font-size: 2.5em !important;}


/*header*/
.header_banner .banner_call .call_list > li > .con .loc {font-size: .5em;}
.header_banner .banner_call .call_list > li > .con .callN {font-size: .85em;}
.header_banner .btn_list > li > .Bbtn {font-size: 0.7em;}

.header_banner .btn_list > li:first-child {display: none;}


/*sub_tit_menu*/
#contents .sub_page_tit .wrap_tit .sub_tit .tt {font-size: 2.5em;}
#contents .sub_page_tit .wrap_tit .sub_txt .tt {font-size: 1em;}
#contents .sub_page_menu .drop_menu .drop_tit {min-width: 10em;}
#contents .sub_page_menu .drop_menu .drop_tit .tt {font-size: .95em;}
/*main*/
.visualSlide_wrap {height: 70vh;}
.visualSlide_wrap .slogan {transform: translateY(-11%);}

.submit_wrap {flex-direction: column;}
.main_tit .t1 {font-size: 2em;}
.flex_box .fst4 > li {flex: 1 1 33%;max-width: 33%;}

.main-business-wrapper li a .tit {font-size: 17px;}
/*about*/
.greeting_img img{width: 100% !important;}
.member_con .member_wrap .member > .list.h23 {height: 26em;}

.mem_info_con .left {height: 435px;}
.mem_info_con .right .tab_btn > li { font-size: 1em;}
.mem_info_con .right .company > p {font-size: 1.05em;}
.mem_info_con .right .name > h1 {font-size: 1.8em;}
.mem_info_con .right .name > h1 b {font-size: 1.4rem;}
.navB_wrap{font-size: .9em;}

/*hr*/
.imgwrap.Lbox {padding: 0em;}
.bx_wrap3 {flex-wrap:wrap;}
.flex_box .fst2.st2 > li {flex: unset;max-width: 100%;}
.flex_box .fst2.st2 > li > .in > .topW > .img {display: flex; justify-content: center;}
.hr_box > .hr_list .in > .bottomW {width: 88.5%; margin-left: 1.5em;}

.flex_box .fst3 > li {flex: 1 1 100%;max-width: 100%;}
.dp1_hr  .stepList > li.hauto {width: calc((100% - 3em) / 2);}
.dp1_hr .stepList > li:nth-child(2)::after {width: 0;}
.bx_wrap3 > li > .in {min-height: auto;}
.bx_wrap3 > li > .in > .txtWbox {height: auto;}
.dp1_hr .stepList > li:after {transform: scale(.8) rotate(0deg);}
/*hr03*/
.main_member .mem_list2 > li > .in > .img_con.st2 {height: 35vh;}
.main_member .mem_list2 > li > .in > .tBox1 dl dt {font-size: 1em;}
.main_member .mem_list2 > li > .in > .tBox1 dl dd {font-size: 12px;}

/*accident*/
.box_layerO{flex-direction: column;} 
.box_layer > .box_wrap {width: 11em; height: 11em;}
.box_layer > .box_wrap > .tt1 {line-height: 11em;font-size: 2em;}

.img_wrap > .img_list >li {width: calc(100% / 2);}
.dp2_kind .boxlayout{flex-direction: column;} 
.dp2_kind .gap2{gap: .5em;}

.dp2_kind  .boxlist > li >.inner > .txtWrap > ul > li > .tit1 {font-size: .85em;}
.dp2_kind  .boxlist > li >.inner > .txtWrap > ul > li > .tt1 {font-size: .8em; word-break: keep-all;}

.txtwrapB > .innerB > .imglist_wrap > img {width: 100%;}

.bx_wrap2 {flex-wrap: wrap;}
.bx_wrap2 > li > .in.h23 {min-height: 19.5em;}
.dp2_kind .flex_box .fst2 > li {flex: 1 1 100%;max-width: 100%;}
.dp2_kind .flex_box .fst2 > li > .in {margin: 0 0 1em 0em;}
.dp2_kind .boxlayout.cr {flex-direction: column-reverse;}
.stepList.st4 > li {width: calc((100% - 2em) / 2);}
.work_table4 table{width: 100% !important;}

.work_table4 table tr th {font-size: .9em;height: 2em; font-weight: 500;}
.work_table4 table.st2 tr th {font-size: 1em;}


.pageAwrap > .pageA_list > li > .in > div > .imgw {height: 13em;} 
/*board*/
.board_search .total {display: none;}
.board_search .search {width: 100%;}
.board_search .search .inp {width: 100%;}
.board_boxGall > li {width: calc((95% - 2em) / 3);}


/*f_banner*/
.Abtn .more {font-size: 14px;}

@media screen and (max-height:1400px){
    .visualSlide_wrap {height: 65vh;}
    .visualSlide_wrap .slogan { transform: translateY(-70%);}
    }
@media screen and (max-height: 890px) {
.visualSlide_wrap .slogan {transform: translateY(-3%);}
}
}
@media screen and (max-width:700px){
/*main*/
.visualSlide_wrap .slogan .t2 {font-size: 2.8em;}
/*greeting_info*/
.mem_info_con .right .company > p {font-size: .95em;}
.mem_info_con .right .name > h1 {font-size: 1.65em;}
.mem_info_con .right .name > h1 b {    font-size: 1.2rem;}
.mem_info_con .right .career_info .car_txt {font-size: .9em;}
.mem_info_con .right .tab_btn > li {font-size: .95em;}
.navB_wrap { font-size: .8em;}
.boxlist > li >.inner > .txtWrap.h10 {width: 100%; height: auto;}

/* hr*/
.hr_box > .hr_list .in > .bottomW {width: 94.5%;margin-left: 0em;}

/*accident*/
.txtwrapB > .innerB > .box_tit > .tit {font-size: 1.5em;}
.txtwrapB > .innerB > .box_tit > .tit2 {font-size: 1.5em;}
.dp2_kind .flex_box .fst2 > li { flex: 1 1 100%;max-width: 100%;}
.dp2_disaster  .flex_box .fst2 > li {flex: 1 1 100%;max-width: 100%;}
.boxlist > li >.inner > .txtWrap > ul > li > .tit1 {font-size: 1em;}
.boxlist > li >.inner > .txtWrap > ul > li > .tt1 {font-size: .9em;}
.boxlist > li >.inner > .txtWrap {width: 100%;height: auto;}


}
@media screen and (max-width:660px){
/*inc*/
.page_tit > .tit {font-size: 2.3em;}
.page_tit > .tit3 {font-size: 2.1em;}
.page_tit > .tit2 {font-size: 1.3em;}
.fs28 {font-size: 1.35em !important;}
.page_txt.st2 > .t1 {font-size: .9em;}  
.dp2_summary .gap2 { gap: 1em;}  
.fs33 {font-size: 2.3em !important;}
.txtwrapB > .innerB > .box_tit > .tit2 {font-size: 1.3em;}
.txtlist_wrap > li > .tt3 {font-size: 1em;}

/*header*/
.header_banner .btn_list > li {display: none;}
/*main*/
.flex_box .fst4 > li {flex: 1 1 50%;max-width: 50%;}

/*about*/
.member_con .member_wrap .member > .list.h23 {height: 21em;}
.member_con .member_wrap .txt_box .group {font-size: .85em;}
.member_con .member_wrap .txt_box .name {font-size: 1em;}
.member_con .member_wrap .txt_box .name b {font-size: 1.5rem;}

.mem_info_con {gap: 3em; flex-direction: column;}
.mem_info_con .left { height: 360px;}
.mem_info_con .right .tab_btn > li {font-size: .75em; padding: 8px;}
.mem_info_con .right .greetings_info .list {height: auto;}

/*hr*/
.flex_box .fst3 > li {flex: 1 1 100%;max-width: 100%;}
.main_member .mem_list2 > li > .in > .img_con.st2 {height: 50vh;padding-top: 10em;}

.stepList > li.hauto {height: auto;}
.stepList > li .icon_wrap .icon {width: 3.5em;height: 3.5em;}
.stepList > li.hauto .txt_wrap {height: auto;}

.stepList > li .txt_wrap .tit {font-size: 1.05em;}
.stepList > li .txt_wrap .t2 {font-size: .85em;}

/*accident*/
.box_layer > .box_wrap {height: 9em;}
.cm_wrap > li{flex-direction: column; width: 100%;}
.cm_wrap .inner.w4 {width: 100%;display: flex; gap: 2em;}
.cm_wrap .inner > .titbox {width: calc((100% - 2em) / 2);}
.cm_wrap .inner > .titbox.st2 {width: 100%;}
.cm_wrap .inner.w6 {width: 100%;}
.dp2_summary .xi{transform: rotate(90deg);}

.e_wrap.st2 > .el.w6 {width: calc((88% - 3em) / 2);}
.sq_tit.c1 > .tt {font-weight: 700;font-size: 1em;z-index: 2;}

.pageAwrap > .pageA_list > li > .in { gap: 1em;}

/*disaster*/
.pc_hide{display: block;}
.dp2_disaster  .work_table4{width: auto; overflow-x: auto;}
.dp2_disaster  .work_table4 table{width: 900px;}
.work_table3 table tr td > p {margin-left: 0;}

/*board*/
.board_boxGall > li {
    width: calc((95% - 2em) / 2);}
}
@media screen and (max-height:600px){
.bx_wrap2 > li > .in.h23 {min-height: 21.5em;}
.bx_wrap2 > li > .in.h40 {min-height: 38em;}

.stepList.st3 > li .icon_wrap .icon4 {
    display: block;
    width: 11em;
    height: 10em;
    margin: 0 auto;
    opacity: .85;
    position: absolute;
    right: -16px;
    bottom: -119px;}
}
@media screen and (max-width:560px){
.board_viewM span, .board_viewM strong, .board_viewM a, .board_viewM em, .board_viewM i, .board_viewM b, .board_viewM input, .board_viewM button, .board_viewM textarea, .board_viewM select, .board_viewM label{display:inline !important;}
body{font-size: 14px;}
/*inc*/
.page_tit > .tit {font-size: 2em;}
.page_txt > .t1 {font-size: 1em;}

/*header*/
.header_banner .banner_call {flex-wrap: wrap; justify-content: center;}
.header_banner .banner_call .call_list {margin-top: .5em;}



/*sub_tit_menu*/
#contents .sub_page_tit .wrap_tit .sub_tit .tt {font-size: 2em;}
#contents .sub_page_tit .wrap_tit .sub_txt .tt {font-size: .9em;}
#contents .sub_page_menu .drop_menu .drop_tit {min-width: 8em;}
#contents .sub_page_menu .drop_menu .drop_tit .tt {font-size: .85em;}

/*main*/
.visualSlide_wrap {height: 50vh;}
.visualSlide_wrap .slogan .t1 {font-size: 1.2em;}
.visualSlide_wrap .slogan .t2 {font-size: 2.5em;}

.main-business-wrapper ul{flex-direction: column;}
.main-business-wrapper li { width: 100%; height: 100px;}
/* .main-business-wrapper li a:before {width: 89%;} */
.main-business-wrapper li a .bg_box {background-size: cover;}
.main-business-wrapper li a .bg_box {}
.main-business-wrapper ul:hover li.on { transition: all 0.3s ease-out; height: 440px; } 
/* .main-business-wrapper ul:hover li.on { transition: all 0.3s ease-out; width: 440px; }  */
/*about*/
.member_con .member_wrap .member > .list.h23 {height: 22em;}
.mem_info_con .left { height: 420px;}
/*accident*/
.barlist > li > .in.tit {font-size: 1em;}
.stepList.st3 > li {width: 80%;}
.stepList.st3 > li .icon_wrap .icon {bottom: -34px;}
.stepList.st3 > li .icon_wrap .icon2 {right: -14px; bottom: -36px;}
.stepList.st3 > li .icon_wrap .icon3 {width: 11em; height: 11em;}

.e_wrap.st2 > .el.w6 {width: calc(100% - 3em);}
.sq_tit:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: -2.8em;
    top: -.25em;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 18px solid transparent;
    border-left: 23px solid #638ac1;
}

.pro-tab > li > .tabT {font-size: 1.05em;}
/* @media screen and (max-height: 890px) {
    .visualSlide_wrap .slogan {
        transform: translateY(-75%);
    }
} */
}
@media screen and (max-width:500px){

/*main*/
.visualSlide_wrap {height: 55vh; }
.visualSlide_wrap .slogan .t1 {font-size: 1em;}
.visualSlide_wrap .slogan .t2 {font-size: 2.2em;}

/*about*/
/* .member_con .member_wrap .member > .list.h23 {height: 18em;} */

@media screen and (max-width: 890px) {
#header .inner {height:80px;}
.visualSlide_wrap .slogan {transform: translateY(-40%);}}

}

@media screen and (max-width:460px){
    body{font-size: 12px;}
/*main*/
.visualSlide_wrap {height: 35vh; padding-top: 4em;}
.visualSlide_wrap .slogan { transform: translateY(-75%);}
.visualSlide_wrap .slogan .t1 {font-size: 1em;}
.visualSlide_wrap .slogan .t2 {font-size: 2.2em;}

.mainScroll .tt {font-size: .55em;}
.mainScroll .line {height: 3em;}
.swiperBtn {width: 1em;height: 1em;}

.dp2_disaster  .txtlist_wrap > li.brbb1 {flex-direction: column;}
/*about*/
.mem_info_con .left {height: 470px;}

/*accident*/
.stepList.st3 > li .icon_wrap .icon {bottom: -30px;}
.stepList.st3 > li .icon_wrap .icon2 {right: -11px; bottom: -32px;}
.stepList.st3 > li .icon_wrap .icon3 {width: 11em; height: 11em; right: -11px; bottom: -50px;}
.dp1_accident .stepList > li:after {top: 75px;}

.dott3::before { width: 4px; height: 4px;top: 7px;}

.stepList.st3 > li .icon_wrap .icon4 {
    display: block;
    width: 9.5em;
    height: 9em;
    margin: 0 auto;
    opacity: .85;
    position: absolute;
    right: -10px;
    bottom: -102px;
}

.stepList.w45 > li {  width: 68%;}
.stepList.w45 > li .txt_wrap .tit2 {font-size: 1.2em;}

/* @media screen and (max-width: 890px) {
    .visualSlide_wrap .slogan {transform: translateY(8%);}} */
}

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

/*main*/
/* .visualSlide_wrap {height: 40vh; padding-top: 6em;} */
/* .visualSlide_wrap .slogan {transform: translateY(60%);} */
.visualSlide_wrap .slogan .t1 {font-size: .85em;}
.visualSlide_wrap .slogan .t2 {font-size: 1.8em;}

/*about*/
.member_con .member_wrap .member > .list.h23 {height: 20em;}

/*accident*/
.sq_tit:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: -3.2em;
    top: -.4em;
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 18px solid transparent;
    border-left: 23px solid #638ac1;
}
}
@media screen and (max-width:380px){
.stepList.st3 > li .icon_wrap .icon {width: 6em; height: 6em; right: -17px; bottom: -30px;}
.stepList.st3 > li .icon_wrap .icon2 {display: block;width: 11em;height: 7em; bottom: -30px;}
.stepList.st3 > li .icon_wrap .icon3 {width: 9em;height: 9em;right: -11px;bottom: -47px;}
.stepList.st3 > li .icon_wrap .icon4 {display: block;width: 7.5em;height: 7em;right: -10px;bottom: -102px;}
}