@charset "UTF-8";

.width_box{width: 100%; display: inline-block;}
.interior_con3{margin-bottom: 100px;} 
.interiorcon3_slidebox .slick-slide img{display: inline-block;}
.interior_prev{left: 0;}
.interior_next{right: 0;}
.interiorcon3_slidebox1{margin-bottom: 20px;}
.interiorcon3_slidebox .slick-slide img{display: inline-block; width: 100%;}
.slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.interior_prev{left: 0;}
.interior_prev img{width: 105%;}
.interior_next{right: 0;}
.interior_next img{width: 105%;}
.interior_con3{margin-bottom: 50px;}
.interiorcon3_smallimg{padding: 0 3px; box-sizing: border-box;}



/* .interior_prev img{width: 20px;}
.interior_next img{width: 20px;} */


.clearfix::after{
    clear: both;
    content: "";
    overflow: hidden;
}

.rowwwwww {
    font-family: 'Noto Sans KR', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Raleway', sans-serif; 
    font-family: 'Dancing Script', cursive;
    font-family: 'Roboto', sans-serif;
}

.rows{
    max-width: 1200px;
    margin: 0 auto;
}

.kko_Map_width{width: 100%!important;}

/*서브 공통 CSS*/

.sub_wrap{width: 100%; margin: 0 auto;}
.cate_wrap{width: 100%;}
.cate{width: 100%; height: 307px;}
.cateContent{min-height: calc(100vh - 630px); padding: 60px 0 120px;}

.cateTitle{font-size: 49.84px; color: #fff; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; text-align: center; padding: 154px 0 0;}

.cate_cont{margin-bottom: 43px; position: relative;}
.contTitle{font-size: 33.75px; color: #111; font-weight: 600; text-align: center; position: relative;z-index: 3;}
.cate_MainCont{width: 100%; margin: 0 auto;}

.strong_blod{vertical-align: baseline; font-weight: 600;}
.span_block_ready{display: block; vertical-align: baseline;}
.span_vertical{vertical-align: baseline;}
.span_vertical img{vertical-align: baseline;}

.cate_MainCont{width: 100%; margin: 0 auto;}


/*cate01***********************/

.cate01{background: url(../images/sub/cate_01.png) 50% 50% no-repeat;}

/*인사말****************/

.cateContent01{padding: 63px 0 160px; background: #ffffff; box-sizing: border-box;position: relative;}
/*.cateContent01::after{content: ""; background: url(../images/sub/cate01_cont02.png) 50% 50% no-repeat; position: absolute; top: 0; right: 0; width: 580px; height: 352px; background-size: cover; z-index: 1;} */



.cate_MainCont01{position: relative; z-index: 3;}

/* .contHi_we{width: 790px; box-sizing: border-box; padding: 45px 0 10px 30px; background: #f3f3f3; margin-top: 110px; position: absolute; top: 0; right: 0; z-index: 3;}
.contHi_we p{line-height: 1.5em; font-size: 17px; color: #111; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 15px;}
.contHi_we p strong{}
.contHi_we p span{}

.contHi_we p.margin_check{margin-bottom: 15px;} */

.intro_contents{text-align: center; font-size: 20px; font-weight: 200; color: #111; line-height: 1.6;}
.intro_contents ul li p{display: inline-block; font-weight: 500; vertical-align: baseline;}
/* .intro_contents ul:nth-of-type(2){margin: 32px 0 45px;} */
.intro_contents ul:nth-of-type(3){margin: 30px 0 45px;}
.intro_contents > p{margin: 45px 0 40px;}

.m_img{display: none;}


/*구성원소개*************/

.teamH1{font-size: 22px; color: #181818; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; margin-bottom: 28px; }

.teamlinebar{width: 100%; height: 1px; margin: 50px auto; display: block; vertical-align: baseline; background: #dbdbdb; box-sizing: border-box;}

.cateContent02{width: 100%; margin: 0 auto; background: #ffffff;}
.cate_MainCont02{width: 100%; margin: 0 auto;}

.teamBox{display: flex; width: 100%; margin: 0 auto;}

.teamBox01{flex-wrap: wrap;}
.teamBox01 li{width: calc(49% - 8px); margin-right: 3.33%; margin-bottom: 3.33%;}
.teamBox01 li:nth-child(2n){margin-right: 0; }

.teamHis{display: flex; width: 100%; margin: 0 auto; height: 100%;}

.teamImg{display: block;}
.teamImg img{}

.teamhisTxt{padding: 26px 20px 0; box-sizing: border-box; background: #fff; width: 100%; height: 100%;}

.teamhis_title{color: #111111; font-size: 20px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif;}
.teamhis_title span{vertical-align: baseline; color: #404040; font-size: 16px; font-weight: 300;}

.team_line_grad{width: 100%; height: 1px; background: linear-gradient(to right, #c29128 0%,#e3bd70 16%,#efcc87 33%,#c29128 49%,#eeca82 67%,#c29128 86%,#eabd63 100%); display: inline-block; vertical-align: baseline; margin: 16px auto;}

.teamhisTxt p{line-height: 1.8em; font-size: 14px; color: #111111; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; position: relative;}
.teamhisTxt p::after{position: absolute; top:0; left: 0; content: "-"; display: inline-block; color: #111; }
.teamhisTxt p > span.text_und_bar{box-sizing: border-box; padding-left:10px; vertical-align: baseline; display: block;}
.teamhisTxt p > span > span.text_und_block{display: block; vertical-align: baseline;}



.teamBox02{justify-content: space-between;}
.teamSales span.teamImg{display: block;}

.salesTxt{height: 54px; width: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, #c29128 0%,#e3bd70 16%,#efcc87 33%,#c29128 49%,#eeca82 67%,#c29128 86%,#eabd63 100%); margin-top: 4px;}
.salesTxt p{height: 52px; width: 100%; background: #fff; box-sizing: border-box; padding-left: 22px; line-height: 52px;}


.teamBox03{justify-content: space-between;}

.teamOutsour{margin-right: 42px;}
.outsourTeam{display: flex; flex-wrap: wrap;  }
.outsourTeam li{width: 162px; margin-right: 20px; margin-bottom: 20px;}
.outsourTeam li:nth-child(5n){margin-right: 0;}


.outsourT_name{width: 100%; height: 92px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, #c29128 0%,#e3bd70 16%,#efcc87 33%,#c29128 49%,#eeca82 67%,#c29128 86%,#eabd63 100%); box-sizing: border-box; border: 1px solid #dbdbdb; box-sizing: border-box; border-bottom: none; position: relative;}
.outsourT_name::after{position: absolute; content: "";width: 100%; height: 90px; box-sizing: border-box; top: 0; left: 0; right: 0; margin: 0 auto; background: #fff; z-index: 1;}

.outsourT_name p{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
.outsourT_name p span{margin-left: 5px;}



/*오시는길**************/


.cateContent03{}
.cate_MainCont03{}

.map_original{display: flex; align-items: center;}

.map_original h3, .map_original p{font-family: 'Noto Sans KR', sans-serif;}

.map_h3{color: #1464a0; font-weight: 800; font-size: 22px;}
.map_span{color: #979797; font-weight: 600; font-size: 16px;}
.map_p{color: #111111; font-size: 18px; font-weight: 300;}
.map_strong{color: #111111; font-size: 20px; font-weight: 600;}


.map_original{margin: 30px auto;}
.map_origin{display: flex; align-items: center; box-sizing: border-box; padding: 0 0 0 25px; width: 100%;}
.map_origin h3{margin-right: calc(9% - 6px);}
.map_origin p{line-height: 1.4em; margin-right: calc(9% - 11px);}
.map_origin p strong{display: block; }
.map_origin p:last-child{margin-right: 0;}

.sub_original{display: flex; align-items: center; justify-content: space-between;}
.sub_origin{width: 580px; box-sizing: border-box; padding: 0 0 0 25px; background: #f6f6f6;  display: flex; align-items: center; height: 90px;}
.sub_origin h3{ margin-right: calc( 10% - 6px);}
.sub_origin h3 span{vertical-align: baseline;}
.sub_origin p{}
.sub_origin p strong{vertical-align: baseline; margin-right: 15px}


/*cate02*************************************/

.cate02{background: url(../images/sub/cate_02.png) 50% 50% no-repeat; background-size: cover;}

.font_style{font-family: 'Noto Sans KR', sans-serif;}

.out_span_bg{display: block; width: 28px; height: 3px; box-sizing: border-box; background: #009dff; margin-bottom: 22px;}
.out_h3_strong{font-weight: 600; vertical-align: baseline;}
.out_h3{font-size: 24px; font-weight: 300;}
.out_p{font-size: 17.5px; color: #111; font-weight: 300;}
.out_span{display: block; vertical-align: baseline;}

.linebar{width: 100%; height: 1px; margin: 45px auto; display: block; vertical-align: baseline; background: #e1e1e1; box-sizing: border-box;}


/*급여,4대보험 아웃소싱*/

.contOut4_wrap{width: 100%; margin: 0 auto;}

.cateContent04{}
.cate_MainCont04{}


.contout{display: flex; align-items: baseline; width: 100%; justify-content: space-between; }
.cont_out_txt h3{line-height: 1.4em;}
.cont_out_txt p{line-height: 1.5em; margin-bottom: 18px;}
.cont_out_txt p:last-child{margin-bottom: 0;}

.cont_out_txt02{width: 807px;}

.out_contBox{margin-top: 50px;}
.outBox{width: 100%; background: #f4f4f4; display: flex; align-items: center; box-sizing: border-box; padding: 25px 0; justify-content: space-between; margin-bottom: 20px;}
.outBox:last-child{margin-bottom: 0;}
.outBox_img{display: flex; align-items: center; margin-left: 35px}
.outBox_img span{width: 106px; height: 106px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

.outBoxTxt{margin-left: 25px}
.outBoxTxt h3{font-weight: bold; font-size: 24.21px; color: #111; opacity: 0.3; font-family: 'Roboto', sans-serif; margin-bottom: 10px;}
.outBoxTxt h1{font-size: 24px; font-weight: 600; color: #111; font-family: 'Noto Sans KR', sans-serif;}

.outBoxConts{width: 807px; display: flex;}
.outBoxContsTxt01{margin-right: 40px;}

.outBox_ul{}
.outBox_ul li{}
.outBox_ul li p{position: relative; font-size: 18px; color: #111; font-weight: 300; line-height: 1.7em;}
.outBox_ul li p::after{width: 6px; height: 6px; display: inline-block; content: ""; border-radius: 50%; background: #008be1; box-sizing: border-box; position: absolute; top: 16.5px; left: 0;}

.outBox_ul li p span{display: inline-block; padding-left: 15px;}




/*기업자문*/



.cateContent05{}
.cate_MainCont05{}


.advisory{width: 100%; margin: 50px auto 0; box-sizing: border-box; border: 1px solid #d0d0d0; background: #fff;}
.advisory_txt{display: flex; align-items: center; height: 190px; box-sizing: border-box; border-bottom: 1px solid #d0d0d0;}
.advisory_txt:last-child{border-bottom: none;}
.advisory_txt04{height: 80px;}
.advisory_txt05{height: 80px;}


.advisory_txtBox01{width: 22%; text-align: center; border-right: 1px solid #d0d0d0; box-sizing: border-box; height: 100%; background: #f9f9f9; display: flex; align-items: center; justify-content: center;}
.advisory_txtBox01 h1{font-size: 20px; color: #111; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; line-height: 1.6em;}
.advisory_txtBox01 h1 strong{font-weight: 600;}

.advisory_txtBox02{width: 78%; margin-left: 32px; box-sizing: border-box;}
.advisory_txtBox02 p{position: relative; font-size: 18px; color: #555; font-weight: 300; line-height: 1.5em; font-family: 'Noto Sans KR', sans-serif;}
.advisory_txtBox02 p::after{width: 6px; height: 6px; display: inline-block; content: ""; border-radius: 50%; background: #008be1; box-sizing: border-box; position: absolute; top: 11px; left: 0;}

.advisory_txtBox02 p > span{display: inline-block; padding-left: 15px;}
.advisory_txtBox02 p span{vertical-align: baseline;}

.advisory_color_change{color: #0081d0; font-weight: 400;}



/*건설*/


.cateContent06{}
.cate_MainCont06{}

.out_sense{display: flex; align-items: center; margin-bottom: 20px;}
.out_sense:last-child{margin-bottom: 0;}
.out_sense span{display: block; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: #f1f1f1; border-radius: 50%;}

.out_sense_txt{margin-left: 20px;}
.out_sense_txt h3{font-size: 18.11px; color: #111; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 10px; }
.out_sense_txt p{font-family: 'Noto Sans KR', sans-serif; color: #181818; font-size: 16px; font-weight: 300;}



.out_span_size{font-size: 15px;}
.cont_out_txt_divBoxTitle{font-size: 20px; color: #0064a2; font-weight: 600; margin-bottom: 20px;}
.cont_out_txt_divbox{margin-bottom: 45px;}
.cont_out_txt_divbox:last-child{margin-bottom: 0;}


.cont_out_txt_divSubBox{padding: 25px 30px; box-sizing: border-box; background: #f5f5f5;}
.cont_out_txt_divSubBox h3{color: #555454; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 15px; font-size: 16px;}
.cont_out_txt_divSubBox p{color: #6d6d6d; font-size: 16px; font-weight: 300;  font-family: 'Noto Sans KR', sans-serif; line-height: 1.2em; margin-bottom: 0;}



/*HR컨설팅*/

.cateContent07{}
.cate_MainCont07{}

.hr_title_margin{margin-bottom: 38px;}
.hr_title_sub{ font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 14px;}
.hr_title_sub > span{vertical-align: baseline; color: #f05252;}
.hr_title_sub > span.hr_title_sub_span{color: #7f7f7f; font-weight: 600;}


.hr_cont01{display: block; vertical-align: baseline;}

.hr_orderMain{display: flex; align-items: center; margin-top: 28px;}
.hr_order{width: 268px; height: 268px;  text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 10px; position: relative;}

.hr_order::after{top: 25px;right: -50px; border: 25px solid #000; border-color: transparent transparent transparent #000 ; box-sizing: border-box; content: ""; display: block; position: absolute; z-index: 1;}
.hr_order:last-child::after{display: none;}

.hr_order_box{font-family: 'Noto Sans KR', sans-serif;}
.hr_order_box > span{display: block; vertical-align: baseline; margin-bottom: 22px;}
.hr_order_box > span img{}
.hr_order_box > h5{font-size: 22px; font-weight: 600; color: #fff;}
.hr_order_box > span.hr_order_line{display: block; vertical-align: baseline; width: 26px; height: 2px; background: #fff; margin: 20px auto;}
.hr_order_box p{line-height: 1.6em; font-size: 18px; color: #fff;}
.hr_order_box p > span{display: block; vertical-align: baseline;}

.hr_order01{background: #59cfe2;}
.hr_order01::after{border-color: transparent transparent transparent #59cfe2 ;}
.hr_order02{background: #069ecc;}
.hr_order02::after{border-color: transparent transparent transparent #069ecc ;}
.hr_order03{background: #455baf;}
.hr_order03::after{border-color: transparent transparent transparent #455baf ;}
.hr_order04{background: #243684;}
.hr_order04 .hr_order_box p{font-size: 16px;}

.hr_cont_last{margin-top: 28px;}
.hr_cont_last_cont{background: url(../images/sub/hr_order05.png) 50% 50% no-repeat; background-size: cover; width: 1149px; height: 362px; position: relative;}

.hr_lastCont_txt{font-family: 'Noto Sans KR', sans-serif; position: absolute;}
.hr_lastCont_txt h5{font-weight: bold; color: #fff; font-size: 20px; margin-bottom: 20px;}
.hr_lastCont_txt p{position: relative; line-height: 1.4em; color: #fff; font-size: 16px; margin-bottom: 3px; }
.hr_lastCont_txt p::after{content: "-"; display: inline-block; vertical-align: baseline; position: absolute; top: 0; left: 0; position: absolute;}
.hr_lastCont_txt p > span{vertical-align: baseline; display: inline-block; padding-left: 10px;}


.hr_lastCont_txt01{top: 0; left: 0; margin: 28px 0 0 32px;}
.hr_lastCont_txt02{top: 0; right: 0; margin: 22px 22px 0 0;}
.hr_lastCont_txt03{bottom: 0; left: 0; margin: 0px 0 22px 22px;}
.hr_lastCont_txt04{bottom: 0; right: 0;  margin:0 38px 22px 0;}


/*cate03***************************************************/

.cate03{background: url(../images/sub/cate_03.png) 50% 50% no-repeat; background-size: cover;}


.incident_wrap{}
.incident_wrap > p{text-align: center; font-size: 18.15px; color: #111; font-family: 'Noto Sans KR', sans-serif;}

.incident_conts{width: 100%; margin: 40px auto 0; display: flex; align-items: center; justify-content: space-between; }

.incident_contsBox{display: flex; align-items: center;}
.incident_contsBox > span{width: 126px; height: 126px; box-sizing: border-box; border: 6px solid #ededed; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 20px;}
.incident_contsBox > span img{}

.incid_txt{font-family: 'Noto Sans KR', sans-serif;}
.incid_txt h5{color: #111; font-size: 18px; font-weight: 600; margin-bottom: 16px;}
.incid_txt p{line-height: 1.5em; font-size: 15px; font-weight: 300; color: #555;}
.incid_txt p span{display: block; vertical-align: baseline;}

.incid_line{width: 100%; height: 1px; background: #e1e1e1; margin: 50px auto; display: block; vertical-align: baseline; box-sizing: border-box;}


.incid_MainCont{display: flex; align-items: center;}

.incid_MainCont > span{width: 50%;}
.incid_MainContTxt{font-family: 'Noto Sans KR', sans-serif; width: 50%; }
.incid_MainCont01 .incid_MainContTxt{padding-left: 30px; box-sizing: border-box;}
.incid_MainContTxt h5{ color: #111; font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.incid_MainContTxt p{line-height: 1.5em; color: #111; font-size: 18px; font-weight: 300; }
.incid_MainContTxt p > span{display: block; vertical-align: baseline;}
.incid_span_bar{width: 29px; height: 3px; background: #009dff; box-sizing: border-box; display: block; vertical-align: baseline; margin-bottom: 20px;}



/*cate04 산재*******************************/

.cate04{background: url(../images/sub/cate_04_01.png) 50% 50% no-repeat; background-size: cover;}

.interspersed_wrap{width: 100%; margin: 0 auto;}
.interspersed{width: 100%; margin: 0 auto;}

.interspersed_title{font-family: 'Noto Sans KR', sans-serif;}
.interspersed_title > span{}
.interspersed_title > h3{margin-bottom: 25px;}
.interspersed_title > p{line-height: 1.5em; font-weight: 300; margin-bottom: 20px;}
.interspersed_title > p > span{}

.interspersed_title > p:last-child{margin-bottom: 0;}


.interspersed_cont01{font-family: 'Noto Sans KR', sans-serif;}
.interspersed_cont01 > h3{margin-bottom: 30px;}

.intersper_contBox{padding: 20px 0 20px 35px; box-sizing: border-box; background: #f4f4f4; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.intersper_contBox:last-child{margin-bottom: 0;}

.intersper_contBox_title{display: flex; align-items: center; font-family: 'Noto Sans KR', sans-serif;}

.intersper_contBox_sub_title{width: 807px;}
.intersper_contBox_sub_title p{font-size: 18px; line-height: 1.5em; vertical-align: baseline; color: #111;}
.intersper_contBox_sub_title p > span{display: block; vertical-align: baseline;}


.interspersed_cont02 h3{margin-bottom: 30px;}
.interspersed_cont02 span.interspers_img{display: block; vertical-align: baseline; }
.interspersed_cont02 span.interspers_img img{}






/*cate05 지원금********************************/

.cate05{background: url(../images/sub/cate_05.png) 50% 50% no-repeat; background-size: cover;}

.contCate05Txt{margin-bottom: 20px;}
.contCate05LineBar{width: 100%; height: 1px; box-sizing: border-box; background: #dbdbdb; display: block; vertical-align: baseline; margin: 40px auto 68px;}

.contBoxCate05{padding: 25px 30px 30px;  background: #f3f3f3;}
.contCate05_contBox{margin-bottom: 45px;}
.contCate05_contBox:last-child{margin-bottom: 0;}
.contCate05Title{color:#0064a2; font-size:20px; font-weight:500; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 18px; line-height: 1.5em;}
.contCate05_contBox{}
.contCate05_MainTitle{line-height: 1.6em; color:#111; font-weight: 300;  font-family: 'Noto Sans KR', sans-serif; font-size: 18px; }
.contCate05_MainTitle span{display: block; vertical-align: baseline;}
.contCate05SubTitle{position: relative; line-height: 1.6em; color:#111; font-weight: 300;  font-family: 'Noto Sans KR', sans-serif; font-size: 18px;}
.contCate05SubTitle::after{position:absolute; width: 6px; height: 6px; border-radius: 50%; background: #008be1; content: ""; top: 12px; left: 0;}
.contCate05SubTitle span{ padding-left: 15px; vertical-align: baseline; display: block;}

.contCate05pass{padding: 10px 0; box-sizing: border-box;}
.contCate05pass ul{display: flex; align-items: center; margin-left: 15px;}
.contCate05pass ul li{margin-right: 43px;}
.contCate05pass ul li:last-child{margin-right: 0;}
.contCate05pass ul li p{display: flex; align-items: center; color: #111; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600;}
.contCate05pass ul li p span{margin-right: 8px; width: 25px; height: 25px; background: #fff; border:1px solid #b9b9b9; box-sizing: border-box; color: #0064a2; font-family: 'Roboto', sans-serif; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative;  top: 1px;}

.contCate05passTwo{padding: 10px 0 0;}
.contCate05passTwo ul{margin-left: 0;}



/*cate06 information*********************************/

.cate06{background: url(../images/sub/cate06.png) 50% 50% no-repeat; background-size: cover;}

.boardSch{width: 508px; height: 56px; position: relative; margin: 0 auto 40px;}
.boardSchBox{width: 100%; height: 100%; border: 1px solid #d5d5d5; box-sizing: border-box; outline:none; text-indent: 15px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; }

.boardSch p{width: 56px; height: 56px; position: absolute; top: 0; right: 0;  cursor:pointer; display: flex; align-items: center; justify-content: center;}
.boardSchBtn{; border:none; background: url(../images/sub/sch.png) 50% 50% no-repeat; outline:none; width: 20px; height: 20px; background-size: cover; cursor:pointer;}

input.boardSchBox:placeholder{color: #9c9c9c;}


.boardBox{width: 100%;  border-top: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; box-sizing: border-box;}
.boardTable{padding: 36px 30px; box-sizing: border-box; display: flex; align-items: center;  border-bottom: 1px solid #a3a3a3;}
/* .boardTable:last-child{ border-bottom:none;} */
.boardContBox:last-of-type .boardTable{border-bottom: none;}


.boardThead{text-align: center; font-family: 'Roboto', sans-serif;}
.boardThead p{color: #bdbdbd; font-size: 20px; font-weight: 600; margin-bottom: 6px;}
.boardThead h1{color: #1763a1; font-size: 32px; font-weight: 800; }

.boardTbody{width: 60%; margin: 0 auto;}
.boardTbody h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; font-size: 20px; font-weight: 500; color: #202020; margin-bottom: 13px;}
.boardTbody p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;  font-weight: 300; font-size: 16px; color: #454545;}

.boardTlink{}
.boardTlink a{display: block;}

.pageCon{display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.pagingBtn{}

.pagingNum{cursor: pointer; border: 1px solid #dddddd; box-sizing: border-box; color: #444444;font-size: 14px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; width: 34px; height: 34px; background: #fff; display: flex; align-items: center; justify-content: center;}
.pagingNum:hover, .pagingNum.on{ background: #0d2b44; border-color: transparent; color: #fff; box-sizing: border-box;}

.marpageing{margin: 0 2.5px;}


/* page_view */

.semi_view_box{width: 100%; }
.semi_view_cont{width: 100%; margin: 0 auto 40px; border-top: 1px solid #a3a3a3; box-sizing: border-box; border-bottom: 1px solid #a3a3a3;}

.semi_view_head{border-bottom: 1px solid #dddddd; box-sizing: border-box; display: flex; align-items: center; height: 65px; justify-content: space-between; width: 100%;}
.semi_view_head01{padding: 0 30px; box-sizing: border-box; width: 70%; height: 100%; display: flex; align-items: center;}
.semi_view_head01 p.semiViewTitle{font-weight: 400; color: #202020; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; }

.semi_view_head02{display: flex; align-items: center;  height: 100%; width: 30%;}
.semi_view_head02 p{width: 50%;  height: 65px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 300; color: #565656;  font-family: 'Noto Sans KR', sans-serif; }
.semi_view_head02 p.semiViewDays{background: #f7f7f7;}
.semi_view_head02 span.semiViewDate{ display: block;}


.semi_view_areas{width: 100%; margin: 0 auto;}
.smei_view_areaBox{box-sizing: border-box; padding: 22px 0; }
.smei_view_areaBox p.semiViewContTitle{line-height: 1.5em;  font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 400; color: #565656; word-break: break-all;}
.smei_view_areaBox img{width: 100%; margin: 0 auto;}


.file_view{width: 100%; display: flex; align-items: center; box-sizing: border-box; border-top: 1px solid #ddd;}
.file_viewname{width: 15%; background: #f5f5f5; padding: 25px 0; box-sizing: border-box; text-align: center; font-size: 18px; font-weight: 300; color: #565656;  font-family: 'Noto Sans KR', sans-serif;}
.file_name{width: 85%; padding: 0 10px; box-sizing: border-box;}
.file_nameUl{display: flex; align-items: center; flex-wrap: wrap;}
.file_nameUl li{margin-right: 15px;}
.file_nameUl li:last-child{margin-right: 0;}
.file_nameUl li a{
    display: inline-block; vertical-align: baseline; word-break: break-all; font-size: 17px; color: #565656; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; line-height: 1.4em; 
    width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.file_nameUl li a span{display: inline-block; vertical-align: baseline; position: relative;top: -2px;}

.viewlistPage{width: 158px; height: 48px; color: #444; border: 1px solid #ddd; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; margin: 0 auto;}

/* Q&A board */


.qaBoard_font_Color01{color: #838383!important;}
.qaBoard_font_Color02{color: #0d2b44!important;}

.boardQAbody h3{margin-bottom: 0; width: auto;}
.boardLock{display: flex; align-items: center; margin-bottom: 15px;}
.boardLock span{display: block; vertical-align: baseline; margin-left: 5px;}

.qaBtnBox{display: flex; align-items: center; vertical-align: baseline; justify-content: center;}
.qaBtnBox a, .qaBtnBox form input[type="submit"]{margin: 0 10px; cursor: pointer;}
.qaBtnBox a:nth-child(1), .qaBtnBox form input[type="submit"]{background: #0d2b44; border-color: transparent; color: #fff;}


.qa_writeBox{display: flex; align-items: center; justify-content: flex-end; margin-top: 45px; }
.qa_writeBox a{display: flex; align-items: center; justify-content: center; width: 120px; height: 45px; background: #0d2b44; box-sizing: border-box; color: #fff;  font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 300;  }

.qa_answer{width: 100%; padding: 30px; box-sizing: border-box; background: #f7f7f7; border-top: 1px solid #dddddd; display: flex; }
.qa_arrow{margin-right: 15px;}


.qa_title{}
.qa_title p{line-height: 1.5em; font-size: 18px; color: #454545;  font-family: 'Noto Sans KR', sans-serif; font-weight: 300; }


/*////////////////////////////passBox//////////////////////////////*/

.passwordBox{position: fixed;top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 5; align-items: center; justify-content: center; display: none; }
.passtitle{width: 460px; height: 300px; background: #fff; font-family: 'Noto Sans KR', sans-serif; text-align: center; position: relative; }

.passtextBox{padding: 60px 0 0;}
.passtextBox h1{color: #111; font-size: 22px; font-weight: 600; margin-bottom: 15px;}
.passtextBox p{line-height: 1.6em; color: #939393; font-size: 16px; font-weight: 400; margin-bottom: 25px;}
.passtextBox p > span{display: block; vertical-align: baseline;}

.passputBox{}
.passputBox > span.passTxt{color: #000; display: inline-block; vertical-align: baseline; font-size: 16px; font-weight: 500; font-family: 'Noto Sans KR','sans-serif'; margin-right: 15px;}
.passputBox input{width: 190px; height: 36px; border: 1px solid #dddddd;box-sizing: border-box; outline: none; font-size: 15px; color: #111; padding-left: 10px; font-family: 'Noto Sans KR','sans-serif';}
 
.passclickbtn{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}
.passclickbtn a{width: 50%; text-align: center; display: flex ; align-items: center; justify-content: center; color: #fff;  font-family: 'Noto Sans KR', sans-serif; font-weight: 300; height: 48px; }
.passclickbtn input{width: 50%; text-align: center; display: flex ; align-items: center; justify-content: center; color: #fff;  font-family: 'Noto Sans KR', sans-serif; font-weight: 300; height: 48px; font-size: 16px; border:none; cursor:pointer;}
.passclickbtn input.passOKbtn{background: #0d2b44;}
.passclickbtn a.passNObtn{background: #8a8a8a;}


/* Q&A write */

.qa_writeBox_wrap{width: 100%; margin: 0 auto;}
.qa_writeTable{width: 100%; margin: 0 auto;}

.qa_write_table{width: 100%; margin: 0 auto; border-top: 1px solid #202020; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
.qa_write_Thead{}
.qa_write_Thead tr{height: 62px; padding: 0 10px; box-sizing: border-box;}
.qa_write_Thead tr th{width: 15%; font-weight:400; font-family: 'Noto Sans KR', sans-serif; font-size:18px;}
.qa_write_Thead tr td{width: 85%;}
.qa_write_Thead tr td input{height: 42px; border: 1px solid #ddd; box-sizing: border-box; outline: none; text-indent:10px; width: calc(100% - 10px); font-size:16px;}


.qa_write_Tbody{}
.qa_write_Tbody tr{border: 1px solid #ddd; box-sizing: border-box;}
.qa_write_Tbody tr td{width: 100%;}
.qa_write_Tbody tr td textarea{box-sizing: border-box; width: 100%; border: none; resize: none; outline: none; padding: 20px 10px; font-family: 'Noto Sans KR', sans-serif; height: 435px; font-size: 16px;}

.qa_write_Tfoot{}
.qa_write_Tfoot tr{height: 62px; padding: 0 10px; box-sizing: border-box;}
.qa_write_Tfoot tr th{width: 15%; font-weight:400; font-family: 'Noto Sans KR', sans-serif; font-size:18px;}
.qa_write_Tfoot tr td{width: 85%}
.qa_write_Tfoot tr td input{height: 42px; border: 1px solid #ddd; box-sizing: border-box; outline: none; text-indent:10px; width: calc(100% - 10px); font-size:18px;}


.qa_write_btn{margin-top: 40px; display: flex; align-items: center; justify-content: center;}

.writeBtnClass{width: 158px; height: 48px; box-sizing: border-box; font-size: 16px;}
.writeGO{background: #0d2b44; color: #fff; cursor: pointer; font-family: 'Noto Sans KR', sans-serif; margin-right: 15px; border:none; }
.writeList{border: 1px solid #ddd; color: #444444; font-family: 'Noto Sans KR', sans-serif; display: flex; align-items: center; justify-content: center;}

/* 견적문의 */

.cont_subconts{font-size: 20px; font-weight: 300; color: #1e1e1e; margin-bottom: 50px;; font-family: 'Noto Sans KR', sans-serif;}

.contactFormBox{width: 100%; margin: 0 auto;}
.contactBox{width: 100%; margin: 0 auto;}
.contactBox_Ul{display: flex; align-items: center;}
.contactBox_Ul li{width: 25%;margin-right: 40px;}
.contactBox_Ul li:last-child{margin-right: 0;}
.contact_titles{display: flex; align-items: center; height: 45px;  border-bottom: 1px solid #111111; box-sizing: border-box; }
.contact_titles span{display: block; margin-right: 15px;}
.contact_titles span img{}
.contact_titles input{width: 100%; border:none; height: 30px; font-size: 16px; outline:none; font-family: 'Noto Sans KR', sans-serif; color:#202020;}

.contact_conts{margin-top: 50px; display: flex;}
.contact_conts span{display: block; margin: 0 10px; box-sizing: border-box;}
.contact_conts span img{}
.contact_conts textarea{width: 100%; height: 125px; padding: 19px 23px; box-sizing: border-box; background: #f2f2f2; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; color: #202020; border:none; outline: none; resize: none;}

.contact_formBtn{margin-top: 60px; display:flex; align-items: center; justify-content: center; }
.contact_formBtn input{width: 242px; height: 56px; cursor: pointer;  font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #fff; font-weight: 400; border:none; background:#124562; outline: none; margin-right: 15px;}
.contact_formBtn a{width: 242px; height: 56px; box-sizing: border-box;  font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #111; font-weight: 400; border: 1px solid #dadada; display:flex; align-items: center; justify-content: center;}


/* 지원금 무료검토 */

.cate07{background: url(../images/sub/cate07.png) 50% 50% no-repeat; background-size: cover;}

.checkTitle{color: #828282; font-weight: 300; font-family: 'Noto Sans KR', sans-serif;  position: absolute; right: 0; bottom: 0;}
.checkTitle span{display: inline-block; color: #dd7171; }


.formflexBox{width: 100%; display: flex; justify-content: space-between; }
.formNum{width: 50%;}

.formFormBox{margin-bottom: 30px; width: 100%;}
.formFormBox11{margin-bottom: 0;}
.formFormBox21{margin-bottom: 0;}

.formBoxTitle{ color:#aaa; font-size: 16px; font-weight: 600; font-family: 'Roboto', sans-serif; line-height: 1.6em; margin-bottom: 15px; display: flex;}
.formBoxTitle span{display: inline-block; vertical-align: top;  font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #111; }



.formConts{}
.formConts01{}
.formConts02{display: flex; align-items: center; justify-content: space-between;}

.formRadioFlex{display: flex; align-items: center; margin-left: 30px; flex-wrap: wrap;}
.formRadioFlex li{margin-right: 45px;}
.formMarginTop{margin-top: 15px;}

.forminputStyle{width: 100%; border: 1px solid #bdbdbd; box-sizing: border-box; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #202020; height: 40px; outline:none; text-indent: 15px;}
.fotminputStyle02{ border: 1px solid #bdbdbd; box-sizing: border-box; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #202020; height: 40px; width: 48%; outline:none; text-indent: 15px; }

input::placeholder{color: #868686;}


input.radioChange{display: none;}
input.radioChange + label{display: flex; align-items: center; font-size: 16px; font-weight: 300; color: #111; font-family: 'Noto Sans KR', sans-serif; }
input.radioChange + label > span{display: inline-block; width: 20px; height: 20px; border-radius: 50%; box-sizing: border-box; border:1px solid #bebebe; position: relative; margin: 0 15px 0 0px;}
input.radioChange + label > span::after{position:absolute; top:50%; left: 0; right: 0; margin: 0 auto; content: ""; width: 12px; height: 12px; border-radius: 50%; box-sizing: border-box; background:#0095f1; transform: translateY(-50%); display: none; } 
input.radioChange:checked + label > span::after{display: block;}


.formflexLinebar{display: block; width: 1px; height: auto; background: #e7e7e7; box-sizing: border-box; margin: 0 30px;}

.oldAgeBox{color: #a8a8a8; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; margin: 15px 0 0 30px; }
.ageInput{border: 1px solid #bdbdbd; box-sizing: border-box; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #202020; height: 35px; outline:none; width: 50px; text-align: center;}
.oldAgeBox p{ }
.oldAgeBox p span{vertical-align: baseline; margin-left: 20px;}

.formMainBtn{margin-top: 50px;}

.formCheckingBtn{}
.formMainBtn a{}

.m_ver{display: none;}
.m_ver02{display: none;}


.container01_m{display: none;}
.wrap01_m{display: none;}

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


    .pc_ver{display: none;}
    .m_ver{display: block;}

    /* .cate_MainCont{width: 90%;}
    .contHi_img img{width: 100%;}

    .contHi_we{width: 90%; top: 375px;}
    .cateContent01{padding: 63px 0 600px;} */
    .intro_contents > img:first-of-type{width: 100%;}
    /* cate01_page01 인사말 */


    .teamBox01{display: block;}
    .teamBox01 li{width: 100%;}
    .teamhisTxt{height: 373px;}
    .teamBox02, .teamBox03{flex-wrap: wrap;}
    .teamBox02 li{width: 49%;}
    .teamBox02 li:first-of-type,
    .teamBox02 li:nth-of-type(2){margin-bottom: 3.3%;}
    .teamSales .teamImg img, .teamOutsour .teamImg img{width: 100%;}
    .teamOutsour{width: 49%; margin-right: 0; margin-bottom: 3.3%;}
    .outsourTeam li{width: 48%; margin-right: 0;}
    .outsourTeam li:nth-of-type(even){margin-left: 2%;}
    /* cate01_page02 구성원 소개 */


    .map_origin{align-items: flex-start;}
    .map_box p:not(:last-of-type){margin-bottom: 35px;}
    .map_span{display: block;}
    /* cate01_page03 오시는 길 */

    .contout{display: block;}
    .cont_out_txt h3{margin-bottom: 35px;}
    .cont_out_txt02{width: 100%;}
    .out_p{display: inline-block;}
    .out_span{display: inline;}
    .outBox{display: block;}
    .outBox_img{margin-bottom: 26px;}
    .outBoxConts{width: 90%; flex-wrap: wrap; margin: 0 auto;}
    /* cate02_page01 급여·4대보험 아웃소싱 */


    .advisory{border: none;}
    .advisory_txt{display: block; height: auto; margin-bottom: 30px; border-bottom: none;}
    .advisory_txtBox01{
        width: 100%; padding: 30px 0; box-sizing: border-box;
        border: 1px solid #d0d0d0;
    }
    .advisory_txtBox02{
        width: 100%; padding: 30px 28px; border: 1px solid #d0d0d0;
        margin-left: 0; border-top: none;
    }
    /* cate02_page02 기업자문 */

    .out_sense_txt h3{margin-bottom: 0;}
    /* cate02_page03 건설 */

    .contout img{width: 100%; text-align: center;}
    /* cate02_page04 HR컨설팅 */


    .incident_wrap > p{line-height: 1.5em;}
    .incident_conts{display: block;}
    .incid_txt{width: 90%;}
    .incid_txt p span{display: inline-block;}
    .incident_contsBox:not(:last-of-type){margin-bottom: 40px;}
    .incid_MainCont{display: block; margin-bottom: 40px;}
    .incid_MainCont span img{width: 100%; margin-bottom: 40px;}
    .incid_MainCont > span.m_ver{width: 100%;}
    .incid_MainCont01 .incid_MainContTxt{padding-left: 0;}
    .incid_MainContTxt{width: 100%;}
    /* cate03_page01 사건대리 */


    .intersper_contBox{display: block;}
    .intersper_contBox_sub_title{width: 90%;}
    .intersper_contBox_sub_title p > span{display: contents;}
    .interspers_img{overflow-x: scroll;}
    /* cate04_page01 산재 */

    .contactBox_Ul{display: block;}
    .contactBox_Ul li{width: 100%;}

}

.container01_m{display: none;}
.wrap01_m{display: none;}


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


    .interior_prev img{width: 13px;}
    .interior_next img{width: 13px;}
    .cate{height: 160px;}
    .cateContent{min-height: calc(100vh - 340px);}

    .cateTitle{font-size: 25px; padding: 80px 0 0;}

    .cate_cont{margin-bottom: 25px;}
    .contTitle{font-size: 21px;}    
    .cateContent{padding: 38px 0 0px;}
    
    
    .cate01{background: url('/web/images/sub/cate_m_01.png') no-repeat center; background-size: cover;}
    .cate02{background: url('/web/images/sub/cate_m_02.png') no-repeat center; background-size: cover;}
    .cate03{background: url('/web/images/sub/cate_m_03.png') no-repeat center; background-size: cover;}
    .cate04{background: url('/web/images/sub/cate_m_04_01.png') no-repeat center; background-size: cover;}
    .cate05{background: url('/web/images/sub/cate_m_05.png') no-repeat center; background-size: cover;}
    .cate06{background: url('/web/images/sub/m_cate06BG.jpg') no-repeat center; background-size: cover;}


    .cateContent01{padding: 38px 0 60px;}

    /* .contHi_we{top: 188px; padding: 17px 0 0 17px; margin-top: 0;}
    .contHi_we p{margin-bottom: 14px; font-size: 12px;}
    .contHi_we p > img{width: 101px;}
    .span_vertical img{width: 25px;} */

    .pc_img{display: none;}
    .m_img{display: block;}
    .br_span{display: block;}

    .cateContent01::after{width: 50%; height: 121px;}
    .intro_contents{font-size: 12px;}
    .intro_contents ul:nth-of-type(2){margin: 0 0 20px;}
    .intro_contents > img:nth-of-type(2){width: 100%; margin-bottom: 20px;}
    .intro_contents ul:nth-of-type(3){margin-bottom: 20px;}
    .intro_contents > p{margin: 20px 0;}
    .intro_contents ul li img{width: 20px;}

    /* cate01_page01 인사말 */


    .teamH1{font-size: 14px; margin-bottom: 14px;}    
    .teamImg img{width: 100%;}
    .teamhisTxt{height: auto; padding: 8px 8px 0;}
    .team_line_grad{margin: 6px auto;}
    .teamhis_title{font-size: 13px;}
    .teamhis_title span{font-size: 12px;}
    .teamhisTxt p{font-size: 10px;}
    .teamlinebar{margin: 25px auto;}

    .pc_ver02{display: none;}
    .m_ver02{display: block;}

    .team01 > img{width: 100%;}
    .salesTxt{height: 35px;}
    .salesTxt p{height: 33px; line-height: 33px;}

    .outsourT_name{height: 37px;}
    .outsourT_name::after{height: 35px;}
    .outsourTeam li{margin-bottom: 10px;}
    /* cate01_page02 구성원 소개 */


    .map_original{margin: 15px auto;}
    .map_origin{padding: 0 0 0 12px;}
    .map_origin h3{font-size: 14px; width: 45px;}
    .map_box p:not(:last-of-type){margin-bottom: 17px;}
    .map_origin p strong{font-size: 12px;}
    .map_p{font-size: 12px;}
    .sub_original{display: block;}
    .sub_origin{width: 100%; height: 64px;}
    .sub_origin:first-of-type{margin-bottom: 15px;}
    .map_h3{font-size: 14px;}
    .map_span{font-size: 12px;}
    .map_strong{font-size: 12px; display: block; margin-bottom: 7px;}
    /* cate01_page03 오시는 길 */



    .out_span_bg{width: 19px; height: 2px; margin-bottom: 9px;}    
    .out_h3{font-size: 15px;}
    .cont_out_txt h3{margin-bottom: 17px;}
    .out_p{font-size: 12px;}
    .linebar{margin: 30px auto;}
    .out_contBox{margin-top: 30px;}
    .outBox{padding: 13px 0;}

    .outBox_img{margin-bottom: 13px;}
    .outBox_img{margin-left: 17px;}
    .outBox_img span{width: 53px; height: 53px;}
    .outBox_img span img{width: 50%;}
    .outBoxTxt h3{font-size: 12px;}
    .outBoxTxt h1{font-size: 15px;}

    .outBoxContsTxt01{margin-right: 20px;}
    .outBox_ul li p{font-size: 12px;}
    .outBox_ul li p::after{width: 3px; height: 3px; top: 10px;}
    .outBox_ul li p span{padding-left: 8px;}
    /* cate02_page01 급여,4대보험 아웃소싱 */



    .advisory_txtBox01{padding: 15px 0;}
    .advisory_txtBox01 h1{font-size: 15px;}
    .advisory_txtBox02{padding: 15px 14px;}
    .advisory_txtBox02 p{font-size: 12px;}
    .advisory_txtBox02 p::after{width: 3px; height: 3px;}
    .advisory_txtBox02 p > span{padding-left: 8px;}
    .out_span_size{font-size: 12px;}
    /* cate02_page02 기업자문 */


    .out_sense span{width: 49px; height: 49px;}
    .contout img{width: 50%;}
    .out_sense_txt{margin-left: 10px; width: 80%;}
    .cont_out_txt h3{font-size: 13px; margin-bottom: 6px;}
    .out_sense_txt p{font-size: 12px;}
    .cont_out_txt_divbox{margin-bottom: 22px;}
    .cont_out_txt_divSubBox{padding: 12px 15px;}
    .cont_out_txt_divSubBox p{font-size: 10px;}
    /* cate02_page03 건설 */


    .contout02 > img{width: 100%;}
    .hr_title_sub{font-size: 10px;}
    /* cate02_page04 HR컨설팅 */



    .incident_wrap > p{font-size: 12px;}
    .incident_contsBox:not(:last-of-type){margin-bottom: 20px;}
    .incident_contsBox > span{width: 63px; height: 63px;}
    .incident_contsBox > span img{width: 80%;}
    .incid_txt h5{font-size: 12px; margin-bottom: 8px;}
    .incid_txt p{font-size: 11px;}

    .incid_line{margin: 25px auto;}
    .incid_MainCont{margin-bottom: 20px;}
    .incid_MainCont span img{margin-bottom: 20px;}
    .incid_span_bar{width: 15px; height: 2px; margin-bottom: 10px;}

    .incid_MainContTxt h5{font-size: 15px; margin-bottom: 10px;}
    .incid_MainContTxt p{font-size: 12px;}
    /* cate03_page01 사건대리 */


    .intersper_contBox{padding: 10px 0 10px 12px;}
    .intersper_contBox_title .outBox_img{margin-left: 0;}

    .intersper_contBox_title_name h3{margin-bottom: 5px;}
    .intersper_contBox_sub_title p{font-size: 11px;}
    /* cate04_page01 산재 */

    

    .contBoxCate05{padding: 12px 15px 15px;}
    .contCate05Title{font-size: 13px; margin-bottom: 9px;}
    .contCate05SubTitle{font-size: 12px;}
    .contCate05SubTitle span{padding-left: 8px;}
    .contCate05SubTitle::after{width: 3px; height: 3px; top: 10px;}
    .contCate05pass ul{display: block;}
    .contCate05pass ul li{margin-right: 21px;}
    .contCate05pass ul li p{font-size: 11px;}
    .contCate05pass ul li p span{width: 15px; height: 15px;}
    .contCate05_contBox{margin-bottom: 22px;}
    .contCate05LineBar{margin: 20px auto 34px;}
    .contCate05_MainTitle{font-size: 12px;}
    .contCate05_MainTitle span{display: inline;}
    /* cate05_page01 지원금 */


    .boardSch{width: 80%; height: 33px; margin: 0 auto 20px;}
    .boardSchBox{font-size: 10px;}
    .boardSch p{width: 28px; height: 28px; top: 2px;}
    .boardSchBtn{width: 10px; height: 10px;}
    .boardTable{padding: 15px 8px;}
    .boardThead p{font-size: 10px; margin-bottom: 3px;}
    .boardThead h1{font-size: 16px;}
    .boardTbody h3{font-size: 11px; margin-bottom: 6px;}
    .boardTbody p{font-size: 10px;}
    .boardTlink a img{width: 50%;}
    .pageCon{margin-top: 20px;}
    .pageCon a{width: 17px; height: 17px;}
    .pageCon a img{width: 100%;}
    .pagingNum{font-size: 10px;}
    /* board */


    .semi_view_cont{margin: 0 auto 20px;}
    .semi_view_head{display: block; height: auto;}
    .semi_view_head01{width: 100%; padding: 0 15px; height: 44px; border-bottom: 1px solid #ddd;}
    .semi_view_head01 p.semiViewTitle{font-size: 13px;}
    .semi_view_head02{width: 100%;}
    .semi_view_head02 p{height: 44px; font-size: 13px;}
    .smei_view_areaBox p.semiViewContTitle{font-size: 11px;}

    .file_viewname{font-size: 13px; padding: 20px 0; width: 18%;}
    .file_name{width: 82%;}
    .file_nameUl li a{font-size: 11px;}
    .file_nameUl li a span{width: 9px; height: 8px;}
    .file_nameUl li a span img{width: 100%;}

    .viewlistPage{width: 98px; height: 29px; font-size: 11px;}
    /* 게시판 상세 */


    .boardLock{margin-bottom: 8px;}
    .qa_writeBox{margin-top: 22px;}
    .qa_writeBox a{width: 60px; height: 22px; font-size: 11px;}

    .qa_answer{padding: 15px;}
    .qa_arrow{margin-right: 7px;}
    .qa_arrow img{width: 7px; height: 8px;}
    .qa_title p{font-size: 11px;}

    .qa_write_Thead tr th{font-size: 13px;}
    .qa_write_Thead tr td input{height: 35px; font-size: 13px;}
    .qa_write_Tbody tr td textarea{height: 218px; padding: 10px 5px; font-size: 11px;}
    .qa_write_Tfoot tr th{font-size: 13px; width: 18%;}
    .qa_write_Tfoot tr td{width: 82%;}
    .qa_write_Tfoot tr td input{height: 35px; font-size: 13px;}

    .writeBtnClass{width: 80px; height: 24px; font-size: 12px;}
    .qa_write_btn{margin-top: 20px;}



    .cont_subconts{font-size: 12px; line-height: 19px; margin-bottom: 25px;}
    .contact_titles input{font-size: 11px;}
    .contact_conts{margin-top: 25px;}

    .contact_conts textarea{font-size: 11px; height: 130px; padding: 9px;}
    .contact_formBtn{margin-top: 30px;}
    .contact_formBtn input,
    .contact_formBtn a{width: 135px; height: 35px; font-size: 12px;}



    .checkTitle{bottom: -25px; font-size: 10px;}
    .formflexBox{display: block; margin-top: 46px;}
    .formNum{width: 100%;}
    .formFormBox{margin-bottom: 15px;}
    .formBoxTitle{font-size: 13px; margin-bottom: 8px;}
    .forminputStyle{height: 35px; font-size: 12px;}
    .formConts02{display: block;}
    .fotminputStyle02{width: 100%; height: 35px; font-size: 12px;}
    #managerName{margin-bottom: 4px;}
    input.radioChange + label > span{width: 10px; height: 10px;}
    input.radioChange + label > span::after{width: 6px; height: 6px;}
    input.radioChange + label{font-size: 12px;}
    .formMarginTop{margin-top: 8px;}
    .oldAgeBox{margin: 7px 0 0 15px;}
    .oldAgeBox p{font-size: 10px;}
    .oldAgeBox p span{margin-left: 10px;}
    .ageInput{width: 39px; height: 26px;}

}

/* editor */
.ck-content{width: 100%; height: 400px; resize: none; padding: 10px; box-sizing: border-box; border: none; border-bottom: 1px solid #e1e1e1; font-size: 16px; font-family:'NotoSansKR'; font-weight:300; color: #757579; outline-style: none; background-color: transparent; line-height: 1.4;}
.ck-content strong{font-weight: 600; vertical-align: super;}
.text-tiny{font-size: 0.7em;}
.text-small{font-size: 0.85em;}
.text-big{font-size: 1.4em;}
.text-huge{font-size: 1.8em;}
.view_desc strong{font-weight: 600; vertical-align: super;}
.view_desc .table{display: block; border: 1px solid #000;}
.view_desc .table table{border-collapse: collapse; border-spacing: 0; width: 100%; height: 100%; border: 1px double #b3b3b3;}
.view_desc .table table td,.ck-content .table table th{min-width: 2em; padding: 0.4em; border: 1px solid #bfbfbf;}
.raw-html-embed,figure.media{position: relative; height: 0; padding-bottom: 56%;}
.raw-html-embed iframe,figure.media iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
figure.image img{max-width: 100%;}
figure.image.image-style-align-left{text-align: left;}
figure.image.image-style-align-center{text-align: center;}
figure.image.image-style-align-right{text-align: right;}



/* 제품소개 */
.container01{
    display:flex;
    flex-direction:column; 
    justify-content:space-between;
    width:295px;
    gap:23px;

   /*  border:1px solid #ebeaec;
    box-shadow:0px 2px 4px rgba(0,0,0,0.3);
    border-radius:16px; */
   
    }
.wrap01{

display:flex;
justify-content:row;
gap:23px;

}
.container01:hover{border:1px solid #beceff;

}

.wrap01_m{
    display:flex;
    flex-direction:column; 
    justify-content:center;   
    
    }    

.container01_m{
    
    display:block;    
    margin: auto;
    width:295px;      
    margin-bottom: 6px;
   /*  border:1px solid #ebeaec;
    box-shadow:0px 2px 4px rgba(0,0,0,0.3);
    border-radius:16px; */
   
    }

    .container01_m:hover{border:1px solid #beceff;

    }

    .width_box{width: 100%; display: inline-block;}
    .interiorcon3_slidebox1{margin-bottom: 20px;}

