@charset "utf-8";

/* 공통 */
:root {
    --inner-pad: 1.875rem;
}
@media (max-width: 1280px){
    :root{
        --inner-pad: 0.5rem;
    }
}

.top_tit p{color:#333; font-size:2.813rem; font-weight:300; word-break:keep-all;}
.top_tit i{font-style:normal; font-weight:700;}
.top_tit > span{display:block; margin-top:20px; color:#555; font-size:1.25rem; letter-spacing:-1px;}
.sub_txt{color:#888; font-family:'Poppins'; font-size:14px; font-weight:400; letter-spacing:2px; text-align:center; margin-bottom: 2.1rem;}
.sub_tit{font-size:1.25rem; text-align:center;}
.fc_primary{color: var(--primary_color2);}

/* table 모바일 info */
.tbl .tbl_info{display:none; position:relative; margin-bottom:5px; padding-left:25px; color:#0092c4; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:initial;}
.tbl .tbl_info:before{content:'!'; display:block; position:absolute; left:0; top:0; width:15px; height:15px; color:#0092c4; font-family:'Poppins'; font-size:15px; line-height:15px; font-weight:800; text-align:center; border:1px solid #0092c4; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}

@media (max-width: 1450px){
    .tbl .tbl_scroll table{font-size:1.063rem;}
}
@media (max-width: 800px){
    .tbl .tbl_info{display:block;}
    .tbl .tbl_scroll{width:100%; overflow-x:scroll;}
    .tbl .tbl_scroll table{width:1000px;}
    .tbl .tbl_scroll table table{width:100%;}
    .tbl .tbl_scroll::-webkit-scrollbar{height:6px;}
    .tbl .tbl_scroll::-webkit-scrollbar-track{ background:#eee; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px;}
    .tbl .tbl_scroll::-webkit-scrollbar-thumb{background:#555; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px;}
}
@media (max-width: 768px){
    .tbl .tbl_info{font-size:15px;}
}
@media (max-width: 500px){
    .tbl .tbl_info{padding-left:20px; font-size:14px;}
    .tbl .tbl_info:before{top:1px; width:12px; height:12px; font-size:12px; line-height:12px;}
}

/* 회사소개 - 개요 */
@keyframes bg_Ani03 {
    0% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
    }
    100% {
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
    }
  }

.sub_summary{padding-bottom:0;}
.sub_summary .tab_cont{padding:0;}
.summary{position:relative; padding:0 100px 80px; box-sizing:border-box;}
.summary:before{ content:''; display:block; position:absolute; right:0; bottom:0; width:600px; height:100%; z-index:1; background-image:linear-gradient(to right, #0092c4, #00b4cb); box-sizing:border-box; border-radius:80px 0 0 0; -webkit-border-radius:80px 0 0 0; -moz-border-radius:80px 0 0 0; -ms-border-radius:80px 0 0 0; -o-border-radius:80px 0 0 0; }
.summary .top{display:flex; gap:5%; position: relative; padding-top:120px; z-index: 1;}
.summary .top .slogan{position:relative; margin-top:30px;}
.summary .top .slogan:before{content:''; display:block; position:absolute; right:-35px; top:-120px; width:100px; height:100px; background:url(/assets/site/img/main/ico_link01.png) no-repeat; background-size:cover; animation:bg_Ani03 12s infinite alternate; -webkit-animation: bg_Ani03 12s infinite alternate; }
.summary .top .slogan:after{content:''; display:block; position:absolute; right:55px; top:-10px; width:60px; height:60px; background:url(/assets/site/img/main/ico_link02.png) no-repeat; background-size:cover;}
.summary .top .slogan .tit{position:relative; padding-top: 6.5rem; font-size: 3rem; font-weight: 100; line-height: 130%; color: #333;}
.summary .top .slogan .tit i{display:inline-block; font-size:3.5rem; font-style:normal; font-weight:700;}
.summary .top .slogan .tit:before{content: ""; position:absolute; top:0; display: inline-block; width: 89px; height: 89px; border-radius: 50%; background: #20386f url("/assets/site/img/contents/intro_sum_logo.png") no-repeat center; background-size: contain;}
.summary .top .slogan p{margin-top:1.5rem; font-size: 1.25rem; word-break:keep-all;}
.summary .top .img{position:relative; width:700px; height:800px; text-align:center; z-index:10; overflow:hidden; border-radius:0 50px 0 50px; -webkit-border-radius:0 50px 0 50px; -moz-border-radius:0 50px 0 50px; -ms-border-radius:0 50px 0 50px; -o-border-radius:0 50px 0 50px; }
.summary .top .img img{width: 100%; height: auto;}
.summary .top .img .mobile{display:none;}
.summary .txt{ display:inline-block; position: relative; margin-top:3rem; padding:50px; line-height: 1.75; background:#f9f9f9; box-sizing:border-box; border-radius:0 50px 0 50px; -webkit-border-radius:0 50px 0 50px; -moz-border-radius:0 50px 0 50px; -ms-border-radius:0 50px 0 50px; -o-border-radius:0 50px 0 50px; }
.summary .txt .wrap p{margin-top:30px; font-size:1.125rem; font-weight: 300; box-sizing: border-box;}
.summary .txt .wrap p:first-child{margin-top:0;}
.summary .loop_box{position:relative; margin-top:50px; z-index:10; opacity:0.5;}
.summary .loop_box span{display:flex;}
.summary .loop_box span img + img{margin-left:30px;}
.summary .tbl{ position:relative; margin-top:100px; padding:20px; z-index:10; background:#f9f9f9; box-sizing:border-box; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
.summary .tbl td{background:#fff;}
.summary .basic_table{border-top:1px solid #111;}

@media (max-width: 1620px){
    .summary{padding:0 50px 80px;}
    .summary:before{width:520px;}
    .summary .top .slogan{width:60%;}
    .summary .top .slogan p br{display:none;}
    .summary .txt{padding:40px;}
    .summary .txt .wrap br{display:none;}
}
@media (max-width: 1450px){
    .summary{padding:0 15px 80px;}
    .summary .top .slogan:before{width:80px; height:80px;}
    .summary .top .slogan:after{right:35px; top:-30px; width:40px; height:40px;}
    .summary .top .slogan .tit{padding-top:5.5rem; font-size:2.5rem;}
    .summary .top .slogan .tit:before{width:69px; height:69px; background-size:cover;}
    .summary .top .slogan .tit i{font-size:3rem;}
    .summary .top .slogan p{font-size:1.15rem;}
    .summary .txt{margin-top:2.5rem; padding:30px;}
    .summary .txt .wrap{margin:0;}
    .summary .txt .wrap p{font-size:1.1rem;}
    .summary .loop_box span{width:80%;}
    .summary .tbl{margin-top:50px;}
}
@media (max-width: 1280px){
    .summary:before{width:440px;}
    .summary .txt{line-height: inherit;}
    .summary .top .img{width:520px;}
}
@media (max-width: 1100px){
    .summary .top{padding-top:50px;}
    .summary .top .slogan{width:100%; padding:50px 30px 100px; background:#f9f9f9; box-sizing:border-box; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
    .summary .top .slogan:before{right:auto; left:0;}
    .summary .top .slogan:after{right:auto; left:90px; top:-60px;}
    .summary .top .slogan .tit{padding-top:0; padding-left:65px; font-size:2rem; font-weight:300;}
    .summary .top .slogan .tit:before{ left:0; top:50%; width:49px; height:49px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
    .summary .top .slogan .tit i{font-size:2.5rem;}
    .summary .top .slogan .tit br{display:none;}
    .summary .top{flex-wrap:wrap;}
    .summary .top .slogan .txt{padding:0; background:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
    .summary .top .img{width:95%; height:100%; margin:0 auto; margin-top:-70px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
    .summary .top .img .mobile{display:block;}
    .summary .top .img .pc{display:none;}
}
@media (max-width: 768px){
    .summary:before{width:60%; border-radius:50px 0 0 0; -webkit-border-radius:50px 0 0 0; -moz-border-radius:50px 0 0 0; -ms-border-radius:50px 0 0 0; -o-border-radius:50px 0 0 0; }
    .summary .top .slogan .tit{padding-left:60px; font-size:1.5rem;}
    .summary .top .slogan:before{top:-100px; width:50px; height:50px;}
    .summary .top .slogan:after{top:-50px; left:55px; width:35px; height:35px;}
    .summary .top .slogan .tit i{font-size:2rem;}
}
@media (max-width: 500px){
    .summary:before{width:60%; border-radius:50px 0 0 0; -webkit-border-radius:50px 0 0 0; -moz-border-radius:50px 0 0 0; -ms-border-radius:50px 0 0 0; -o-border-radius:50px 0 0 0; }
    .summary .top .slogan{ border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
    .summary .top .slogan:before{top:-80px; width:40px; height:40px;}
    .summary .top .slogan .tit{padding-left:60px; font-size:1.4rem;}
    .summary .top .slogan .tit i{font-size:1.5rem;}
    .summary .top .slogan p{font-size:1rem;}
    .summary .top .img{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
    .summary .loop_box{margin-top:30px;}
    .summary .tbl{margin-top:30px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
    .tbl .tbl_info{padding-left:20px; font-size:14px;}
    .tbl .tbl_info:before{top:1px; width:12px; height:12px; font-size:12px; line-height:12px;}
}

/* 회사소개 - 인사말 */
.greeting .top .img{text-align: center;}
.greeting .top .img img{width: 100%;}
.greeting .txt{ position:relative; background-color: #f9f9f9; margin-top:-6rem; margin-left:100px; padding:5rem 0; font-size: 1.25rem; border-radius:50px 0 0 0; -webkit-border-radius:50px 0 0 0; -moz-border-radius:50px 0 0 0; -ms-border-radius:50px 0 0 0; -o-border-radius:50px 0 0 0; }
.greeting .txt:before{content:''; display:block; position:absolute; right:30px; bottom:90px; width:446px; height:446px; background:url(/assets/site/img/contents/bg_greeting.png) no-repeat; background-size:cover; opacity:0.3;}
.greeting .txt .wrap{position:relative; padding: 4.5rem 5rem 0; max-width:100%; margin:0; font-size:1.125rem; box-sizing: border-box;}
.greeting .txt .wrap p{margin-top:20px;}
.greeting .txt .wrap p:first-child{margin-top:0;}
.greeting .sup{display:flex; justify-content:space-between; font-size: 2.625rem; color: #333; box-sizing:border-box;}
.greeting .sup .tit{padding-top:90px; padding-left:100px;}
.greeting .sup .img{position:relative; z-index:10;}
.greeting .sup .img:before{ content:''; display:block; position:absolute; left:-70px; bottom:-30px; width:150px; height:150px; background-image:linear-gradient(to right, #0275bd, #00b8cc); border-radius:0 20px 0 20px; -webkit-border-radius:0 20px 0 20px; -moz-border-radius:0 20px 0 20px; -ms-border-radius:0 20px 0 20px; -o-border-radius:0 20px 0 20px; }
.greeting .sup .img span{ width:980px; z-index:1; overflow:hidden; border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; -ms-border-radius:50px 0 50px 0; -o-border-radius:50px 0 50px 0; }
.greeting .sup .point span{display:inline-block; font-family:'Poppins'; font-size: 2.625rem; font-weight:800; background:linear-gradient(to right, #0275bd, #00b8cc); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.greeting .sup p{font-size: 2.625rem; font-weight: 100; color: #333;}
.greeting .sup p i{display:inline-block; font-size:3.5rem; font-style:normal; font-weight:700;}
.greeting .sup span{display:block; font-size:1.25rem; word-break:break-all;}
.greeting .txt .name{color: #333; font-weight: 500;}
.greeting .txt .name strong{font-weight: 700;}
@media (max-width: 1880px){
    .greeting .sup .point span{display:block;}
    .greeting .txt{margin-top:-2rem;}
}
@media (max-width: 1780px){
    .greeting .sup .tit{padding-top:0;}
    .greeting .sup .img span{margin-top:50px; width:700px;}
    .greeting .txt{margin-top:-30px;}
    .greeting .txt .wrap{padding:0 5rem;}
}
@media (max-width: 1500px){
    .greeting .sup .point span{font-size:2.375rem;}
    .greeting .sup p{font-size:2.375rem;}
    .greeting .sup p i{font-size:3rem;}
    .greeting .sup span{font-size:1.125rem;}
    .greeting .txt .wrap{font-size:1.063rem;}
}
@media (max-width: 1420px){
    .greeting .sup{flex-wrap:wrap; flex-direction:column-reverse; padding:0 15px; box-sizing:border-box;}
    .greeting .sup .point span{display:inline-block;}
    .greeting .sup span br{display:none;}
    .greeting .sup .tit{margin-top:50px; padding-left:0;}
    .greeting .sup .img span{display:inline-block; position:relative; width:auto; margin-top:0; border-radius:0; overflow:inherit; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
    .greeting .sup .img span:before{content:''; display:block; position:absolute; right:-70px; bottom:-30px; width:150px; height:150px; z-index:1; background-image:linear-gradient(to right, #0275bd, #00b8cc); border-radius:0 20px 0 20px; -webkit-border-radius:0 20px 0 20px; -moz-border-radius:0 20px 0 20px; -ms-border-radius:0 20px 0 20px; -o-border-radius:0 20px 0 20px; }
    .greeting .sup .img:before{display:none;}
    .greeting .sup .img span img{ position:relative; border-radius:0 50px 0 50px; -webkit-border-radius:0 50px 0 50px; -moz-border-radius:0 50px 0 50px; -ms-border-radius:0 50px 0 50px; -o-border-radius:0 50px 0 50px; }
    .greeting .txt{margin-top:20px; margin-left:0; margin-right:5%; padding:3rem 0; border-radius:0 50px 0 50px; -webkit-border-radius:0 50px 0 50px; -moz-border-radius:0 50px 0 50px; -ms-border-radius:0 50px 0 50px; -o-border-radius:0 50px 0 50px; }
    .greeting .txt .wrap{padding:0 3rem;}
}
@media (max-width: 1200px){
    .greeting .sup .point span,
    .greeting .sup p{font-size:2rem;}
    .greeting .sup p i{font-size:2.5rem;}
}
@media (max-width: 1100px){
    .greeting .sup .tit{margin-top:30px; text-align:center;}
    .greeting .sup .point span,
    .greeting .sup p{font-size:1.5rem;}
    .greeting .sup p i{font-size:2rem;}
    .greeting .sup span{font-size:1.063rem;}
    .greeting .sup .img{width:100%;}
    .greeting .sup .img span{width:100%;}
    .greeting .sup .img span:before{display:none;}
    .greeting .sup .img span img{width:100%; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
    .greeting .txt{margin-right:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
}
@media (max-width: 768px){
    .greeting .txt{padding:0;}
    .greeting .txt .wrap{padding:2rem;}
    .greeting .sup .point span,
    .greeting .sup p{font-size:1.25rem;}
    .greeting .sup p i{font-size:1.75rem;}
}
@media (max-width: 500px){
    .greeting .sup p{line-height:initial;}
    .greeting .sup .tit > span{margin-top:10px; font-size:1rem;}
    .greeting .txt .wrap{font-size:1rem;}
    .greeting .sup .img span img{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
    .greeting .sup .point span,
    .greeting .sup p{font-size:1.125rem;}
    .greeting .sup p i{font-size:1.563rem;}
}

/* 기업이념 */
.idea .top{font-size: 3.75rem; font-weight: 700; color: #333; text-align: center; line-height: 1.2; letter-spacing: 0.02em;}
.idea .top .wrap{border-bottom: 1px solid #d9d9d9; padding-bottom: 4.6rem;}
.idea .top .tit{font-family:'Poppins'; font-weight:800; background:linear-gradient(to right, #0275bd, #00b8cc); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.idea .top .sub{font-size: 1.875rem; font-weight: 200; color: #555; letter-spacing: -0.6px; padding: 1.4rem 0 0;}

.crossbox li:nth-child(even){background-color: #f9f9f9;}
.crossbox li > .wrap{display: flex; align-items: center; gap: 2.75rem; padding: 6.25rem 0; box-sizing: border-box;}
.crossbox .img{ flex: 1; aspect-ratio: 6.78 / 4.10; overflow:hidden; border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; -ms-border-radius:50px 0 50px 0; -o-border-radius:50px 0 50px 0; }
.crossbox .img img{width: 100%;}
.crossbox li:nth-child(even) .img{order: 2;}
.crossbox .txt{flex: 1; display: flex; align-items: baseline;}
.crossbox .txt .num{flex: 0 0 auto; width: 58px; background:linear-gradient(to right, #0275bd, #00b8cc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-family:'Poppins'; font-size: 1.875rem; font-weight: 800; line-height: 1; letter-spacing:1px; box-sizing: border-box; margin-left: 3.438rem;}
.crossbox li:nth-child(even) .txt .num{margin-left: 6.25rem;}
.crossbox .txt .des{}
.crossbox .txt .des .sup{line-height: 1; font-size: 3rem; font-weight: 700; color: #333;}
.crossbox .txt .des .sup span{display: block; box-sizing: border-box; padding: 0.85rem 0 1.4rem; font-family:'Poppins'; font-size: 1.125rem; font-weight: 300; color:#bbb; letter-spacing: 0.09em;}
.crossbox .txt .des .sub{font-size: 1.25rem; box-sizing: border-box;}
@media (max-width: 1280px){
    .idea .top{font-size: 3rem;}
    .idea .top .wrap{padding-bottom: 5%;}
    .idea .top .sub{font-size: 1.5rem;}

    .crossbox .txt .num{font-size: 2.6vw; margin-left: 4vw; width: 5.2vw;}
    .crossbox .txt .des .sup{font-size: 4vw;}
    .crossbox .txt .des .sup span{font-size: 1.1rem; padding: 0.85rem 0 5%;}
    .crossbox .txt .des .sub{font-size: 1.1rem;}
}
@media (max-width: 1024px){
    .crossbox li > .wrap{gap: 1.5rem;}
    .crossbox .txt .des .sub{padding: 0 2rem 0 0;}
    .crossbox .txt .des .sub br{display: none;}
    .crossbox .img{border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
}
@media (max-width: 860px){
    .idea .top{font-size: 1.8rem;}
    .idea .top .sub{padding: 2% 0 0;}
    .idea .top .sub{font-size: 16px;}

    .crossbox li > .wrap{flex-direction: column; padding: 8% 0;}
    .crossbox .img{width: 100%;}
    .crossbox li:nth-child(even) .img{order: 0 ;}
    .crossbox .txt{width: 100%;}
    .crossbox .txt .num{margin-left: 1rem !important; font-size: 1.3rem; width: 35px;}
    .crossbox .txt .des .sup{font-size: 1.7rem;}
    .crossbox .txt .des .sup span{font-size: 14px;}
    .crossbox .txt .des .sub{padding: 0 1rem 0 0; font-size: 1rem;}
    .crossbox .txt .des .sup span,
    .crossbox .txt .des .sub{margin-left: -35px;}
}
@media (max-width: 460px){
    .idea .top{font-size: 1.5rem;}
    .idea .top .sub{font-size: 15px;}
    .crossbox .txt .des .sup{font-size: 1.4rem;}
}

/* 윤리강령 */
.ethics .crossbox{}
.ethics .crossbox li{background-color: #f7f7f7;}
.ethics .crossbox li:nth-child(even){background-color: transparent;}
.ethics .crossbox .txt .des .sub{padding: 0.75rem 0 0;}

.history{display: flex; box-sizing: border-box; padding: 3rem 0 0;}
.history:after{content: ""; display: block; clear: both;}
.history .fixed_wrap{position: relative; flex: 0 0 auto; width: calc(100% - 700px); height: 100vh; box-sizing: border-box; padding: 4.5rem 0 0;}
.history .fixed_wrap .tit{font-size: 3.438rem; font-weight: 100; color: #333; line-height: 120%;}
.history .fixed_wrap .tit i{font-style:normal; font-weight:700;}
.history .fixed_wrap .sub{font-size: 1.25rem; box-sizing: border-box; padding: 2.2rem 0 0;}

.history .scr_wrap{width: 700px;}
.history .scr_wrap ul{}
.history .scr_wrap ul > li{}
.history .scr_wrap ul > li:last-child{}
.history .scr_wrap .img{ border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; -ms-border-radius:50px 0 50px 0; -o-border-radius:50px 0 50px 0; overflow:hidden; }
.history .scr_wrap .img img{width: 100%;}
.history .scr_wrap .txt{}
.history .scr_wrap .txt{}
.history .scr_wrap .txt dt{line-height: 1; font-family:'Poppins'; font-size: 3.125rem; font-weight: 800; letter-spacing:1px; background:linear-gradient(to right, #0275bd, #00b8cc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; border-bottom: 1px solid #bbb; padding: 2.75rem 0 1rem;}
.history .scr_wrap .txt dd{font-size: 1.25rem; box-sizing: border-box; padding: 2.75rem 1.25rem 5.8rem;}
@media (max-width: 1640px){
    .subdepth.sub_history:before{width: 40%; aspect-ratio: 810 / 1474; height: auto; background-size: contain;}
}
@media (max-width: 1280px){
    .history .fixed_wrap{flex: 0 0 auto; width: 440px; padding: 2.5% 0 0;}
    .history .fixed_wrap .tit{font-size: 3rem;}
    .history .fixed_wrap .sub{font-size: 1.125rem;}
    .history .scr_wrap{width: calc(100% - 440px);}
    .history .scr_wrap .txt dt{font-size: 3vw; padding: 7% 0 1rem;}
    .history .scr_wrap .txt dd{font-size: 1.125rem; padding: 2rem 1rem 4rem;}
}
@media (max-width: 1024px){
    .history .fixed_wrap .tit{font-size: 2.4rem;}
}
@media (max-width: 860px){
    .history .fixed_wrap{width: 360px;}
    .history .fixed_wrap .tit{font-size: 2rem;}
    .history .fixed_wrap .sub{font-size: 1rem; padding: 1rem 0 0;}
    .history .scr_wrap{width: calc(100% - 360px);}
}
@media (max-width: 720px){
    .history{padding: 0; display: block;}
    .history .fixed_wrap{width: 100%; padding: 0 0 2rem; height: auto;}
    .history .scr_wrap{width: 100%;}
}
@media (max-width: 640px){
    .history .fixed_wrap .tit{font-size: 1.7rem;}
    .history .scr_wrap .txt dt{font-size: 1.5rem;}
    .history .scr_wrap .txt dd{font-size: 1rem; padding: 1rem 0.5rem 4rem;}
    .history .scr_wrap .txt dd .list_circle > li{padding: 0 0 0 1rem;}
    .history .scr_wrap .txt dd .list_circle > li:before{top: 10px;}
}

/* 조직도 */
.org{}
.org .top{font-size: 1.25rem; padding: 0 0 2rem;}

.org .box{ display: flex; gap: 3.125rem; margin-top:30px; padding: 3.75rem 11.5rem; background:#f9f9f9; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.org .box > li{ flex: 1; display: flex; flex-direction: column; border-radius: 1rem; border: 1px solid #d0d5d8; text-align: center; box-sizing: border-box; padding: 2rem 2rem; background-color: #fff; font-size: 1.125rem; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
.org .box > li strong{position:relative; padding:4.5rem 0 0.3rem; color: #333; font-size: 1.25rem; font-weight: 700;}
.org .box > li strong:before{ content:''; display:block; position:absolute; left:50%; top:0; width:66px; height:64px; transition:all 0.3s ease 0s; background-repeat:no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; }
.org .box > li:first-child strong:before{background-image:url("/assets/site/img/contents/ico_bs24.png");}
.org .box > li:nth-child(2) strong:before{background-image:url("/assets/site/img/contents/ico_bs25.png");}
.org .box > li:last-child strong:before{background-image:url("/assets/site/img/contents/ico_bs26.png");}
.org .box > li:hover strong:before{top:-10px;}

.org .img{padding: 6.25rem 0 0;}
@media (max-width: 1280px){
    .org .box{padding: 3rem 4rem; gap: 2rem;}
}
@media (max-width: 1024px){
    .org .box > li{padding:1.5rem;}
    .org .box > li strong{padding:4rem 0 0.3rem;}
    .org .box > li strong:before{width:56px; height:54px; background-size:cover;}
    .org .box{padding: 2rem; gap: 2rem;}
}
@media (max-width: 768px){
    .org .box{flex-direction: column;}
}

/* 사업개요 - 사업분야 */
.big_tit{text-align:center;}
.big_tit .tit{font-size:3.75rem; font-weight:800; background:linear-gradient(to right, #0275bd, #00b8cc); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.big_tit .txt{color:#555; font-size:1.25rem;}
.busi_area{margin-top:50px; padding:80px 0; background:#f9f9f9; box-sizing:border-box;}
.busi_area .inr{max-width:1400px; margin:0 auto;}
.busi_area ul{display:flex; flex-wrap:wrap; gap:2rem;}
.busi_area ul li{flex:1 1 23%;}
.busi_area ul li div{height:100%; margin:0 auto; padding:3rem 2rem; background:#fff; font-size:1.125rem; border:1px solid #d0d5d8; text-align:center; border-radius:30px 0 30px 0; box-sizing:border-box;}
.busi_area ul li strong{display:block; position:relative; padding-top:80px;}
.busi_area ul li strong:before{content:''; display:block; position:absolute; left:50%; top:0; width:66px; height:64px; background-repeat:no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
.busi_area ul li:first-child strong:before{background-image:url("/assets/site/img/contents/ico_bs01.png");}
.busi_area ul li:nth-child(2) strong:before{background-image:url("/assets/site/img/contents/ico_bs02.png");}
.busi_area ul li:nth-child(3) strong:before{background-image:url("/assets/site/img/contents/ico_bs03.png");}
.busi_area ul li:nth-child(4) strong:before{background-image:url("/assets/site/img/contents/ico_bs04.png");}
.busi_area ul li:nth-child(5) strong:before{background-image:url("/assets/site/img/contents/ico_bs05.png");}
.busi_area ul li:nth-child(6) strong:before{background-image:url("/assets/site/img/contents/ico_bs06.png");}
.busi_area ul li:last-child strong:before{background-image:url("/assets/site/img/contents/ico_bs07.png");}

@media (max-width: 1450px){
    .busi_area{padding:50px 0;}
    .busi_area .inr{max-width:100%; padding:0 1.5rem; box-sizing:border-box;}
    .big_tit .tit{font-size:3.125rem;}
    .big_tit .txt{font-size:1.125rem;}
    .busi_area ul{gap:1.5rem;}
    .busi_area ul li div{font-size:1.063rem;}
}
@media (max-width: 1024px){
    .busi_area{margin-top:30px;}
    .busi_area{padding:40px 0;}
    .big_tit .tit{font-size:2.5rem;}
    .big_tit .txt{font-size:1.063rem;}
    .busi_area ul li div{padding:2rem; font-size:0.938rem;}
    .busi_area ul li strong{padding-top:70px;}
    .busi_area ul li strong:before{width:56px; height:54px; background-size:cover;}
}
@media (max-width: 840px){
    .big_tit .tit{font-size:2rem;}
    .big_tit .txt{font-size:1rem;}
    .busi_area ul li div{font-size:1rem;}
    .busi_area ul{gap:1rem;}
    .busi_area .inr{padding:0 1rem;}
    .busi_area ul li{flex:1 1 32%;}
    .busi_area ul li div{border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
}
@media (max-width: 500px){
    .busi_area ul li div{padding:2rem;}
    .big_tit .txt br{display:none;}
}

/* 사업개요 - 차별화 */
.top_tit{text-align:center;}
.business .top_tit p{display:inline-block; position:relative; padding:0 20px; color:#333; font-size:3.438rem; font-weight:100; background:#fff; box-sizing:border-box;}
.business .top_tit div{margin-top:-40px;}
.business .top_tit span{display:inline-block; padding:50px 100px; font-size:1.25rem; letter-spacing:-0.5px; border:1px solid #ddd; box-sizing:border-box; border-radius:30px; }
.tab.business_tab{margin-bottom:3rem;}
.business .busi_list{display:flex; flex-wrap:wrap; gap:3%; margin-top:4rem;}
.business .busi_list > div{ flex:1 1 48%; margin-bottom:3%; border:1px solid #d0d5d8; border-radius:20px; overflow:hidden; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.business .busi_list > div > p{padding:1.8rem 1rem; text-align:center; box-sizing:border-box; background:#0275bd;}
.business .busi_list > div:nth-child(2) > p{background:#1ca4dd;}
.business .busi_list > div:nth-child(3) > p{background:#bbb;}
.business .busi_list > div:nth-child(4) > p{background:#f5f5f5;}
.business .busi_list > div:nth-child(4) > p span{color:#555;}
.business .busi_list > div > p span{display:block; color:#fff; font-size:1.75rem; font-weight:700; letter-spacing:-0.5px;}
.business .busi_list .list_ul{padding:2.5rem 2.5rem 3.5rem; box-sizing:border-box;}
.business .busi_list .list_ul li{position:relative; margin-top:1.2rem; padding-left:15px; color:#555; font-size:1.125rem; font-weight:400; letter-spacing:-0.5px; word-break:break-all;}
.business .busi_list .list_ul li:first-child{margin-top:0;}
.business .busi_list .list_ul li:before{ content:''; display:block; position:absolute; left:0; top:12px; width:6px; height:6px; background:#555; border-radius:50%;}
.business .busi_list > div:nth-child(3),
.business .busi_list > div:nth-child(4){flex:100%;}
.business .busi_list .busi_flex{display:flex;}
.business .busi_list .busi_flex > li{flex:1 1 30%; position:relative;}
.business .busi_list .busi_flex > li:before{ content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:60%; border-left:1px solid #d8d8d8; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.business .busi_list .busi_flex > li div{display:flex; flex-wrap:wrap; justify-content:center; padding:5rem 2rem;}
.business .busi_list .busi_flex > li .tit{width:100%; color:#555; font-size:1.25rem; font-weight:700; text-align:center;}
.business .busi_list .busi_flex > li .list_ul{margin-top:1.2rem; padding:0; color:#555; font-size:1.125rem; letter-spacing:-0.5px;}
.business .busi_list .busi_flex > li .list_ul > li{margin-top:0.5rem;}
.business .busi_list .busi_flex > li .list_ul > li:first-child{margin-top:0;}

.cont_list .flex_busi > li{flex:1 1 32%;}
.cont_list .flex_busi > li.busi01 .tit:before{background-image:url("/assets/site/img/contents/ico_bs03.png");}
.cont_list .flex_busi > li.busi02 .tit:before{background-image:url("/assets/site/img/contents/ico_bs08.png");}
.cont_list .flex_busi > li.busi03 .tit:before{background-image:url("/assets/site/img/contents/ico_bs09.png");}
.cont_list .flex_busi > li.busi04 .tit:before{background-image:url("/assets/site/img/contents/ico_bs10.png");}
.cont_list .flex_busi > li.busi05 .tit:before{background-image:url("/assets/site/img/contents/ico_bs11.png");}
.cont_list .flex_busi > li.busi06 .tit:before{background-image:url("/assets/site/img/contents/ico_bs12.png");}

@media (max-width: 1450px){
    .business .top_tit p{font-size:2.813rem;}
    .business .top_tit span{padding:50px 70px 40px; font-size:1.125rem;}
    .business .busi_list{gap:2rem; margin-top:3rem;}
    .business .busi_list > div{margin-bottom:0;}
    .business .busi_list > div > p{padding:1.5rem 1rem;}
    .business .busi_list > div > p span{font-size:1.5rem;}
    .business .busi_list .list_ul{padding:2rem 2rem 3rem;}
    .business .busi_list .list_ul li{font-size:1.1rem;}
}
@media (max-width: 1280px){
    .business .top_tit p{font-size:2.188rem; font-weight:300;}
    .business .top_tit div{margin-top:-30px;}
    .business .top_tit span{padding:50px 70px 40px; font-size:1.063rem; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
}
@media (max-width: 1024px){
    .business .top_tit p{font-size:1.875rem;}
    .business .top_tit span{font-size:1rem;}
    .business .busi_list{gap:2rem; margin-top:2.5rem;}
    .business .busi_list > div{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
    .business .busi_list > div > p{padding:1rem 0.5rem;}
    .business .busi_list > div > p span{font-size:1.3rem;}
    .business .busi_list .list_ul li{margin-top:1rem; font-size:1rem;}
    .business .busi_list .busi_flex > li div{padding:3rem 2rem;}
    .business .busi_list .busi_flex > li .tit{font-size:1.2rem;}
}
@media (max-width: 860px){
    .tab.business_tab{margin-bottom:2.5rem;}
}
@media (max-width: 800px){
    .top_tit p{font-size:2.5rem;}
    .business .busi_list .busi_flex{flex-wrap:wrap; flex-direction:column;}
    .business .busi_list .busi_flex > li:before{left:50%; top:0; width:90%; height:1px; border-left:0; border-top:1px dashed #d8d8d8; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
    .business .busi_list .busi_flex > li:first-child:before{display:none;}
    .business .busi_list .busi_flex > li div{padding:1.5rem 2rem;}
}
@media (max-width: 700px){
    .business .top_tit span{padding:50px 50px 40px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
    .business .top_tit span br{display:none;}
}
@media (max-width: 680px){
    .cont_list .flex_busi > li{flex:1 1 100%; margin-top:20px;}
    .cont_list .flex_busi > li:fisrt-child{margin-top:0;}
}
@media (max-width: 500px){
    .business .top_tit p{font-size:2rem;}
    .business .top_tit span{padding:40px 30px 30px; font-size:1rem;}
    .business .busi_list{margin-top:2rem;}
    .business .busi_list > div > p span{font-size:1.2rem;}
    .business .busi_list .list_ul{padding:1.5rem 1.5rem 2rem;}
    .business .busi_list .busi_flex > li .tit{font-size:1.1rem;}
    .business .busi_list .busi_flex > li div{padding:1rem 1.5rem;}
}

/* 파트너쉽 */
.sub_partner{padding-bottom:0;}
.sub_partner .list{margin-top:280px; padding-bottom:80px; background:#f9f9f9;}
.sub_partner .list .inr{position:relative; max-width:1400px; margin:0 auto; padding-top:230px;}
.sub_partner .list .inr > .img{ display:block; position:absolute; left:0; top:-250px; overflow:hidden; border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; -ms-border-radius:50px 0 50px 0; -o-border-radius:50px 0 50px 0; }
.sub_partner .list p + ul{margin-top:5px;}
.sub_partner .list li{float:left; width:24%; margin:1.5% 0.65% 0;}
.sub_partner .list li:nth-child(4n + 1){margin-left:0;}
.sub_partner .list li:nth-child(4n + 4){float:right; margin-right:0;}
.sub_partner .list ul:after{content:''; display:block; clear:both;}
.sub_partner .list li span{display:block; width:100%; height:100%;}
.sub_partner .list li span img{display:block; width:100%; height:100%;}
.mT50{margin-top:50px !important;}

@media (max-width: 1450px){
    .sub_partner .list{margin-top:30px; padding-top:15px;}
    .sub_partner .list .inr{max-width:100%; margin:0 15px; padding-top:0;}
    .sub_partner .list .inr > .img{position:relative; top:0; margin-bottom:30px;}
}
@media (max-width: 1280px){
    .sub_partner .list .inr > .img{border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
    .sub_partner .list p + ul{margin-top:0;}
    .sub_partner .list .mT50{margin-top:30px !important;}
}
@media (max-width: 768px){
    .sub_partner .list .inr > .img{border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
}
@media (max-width: 500px){
    .sub_partner .list li{float:left; width:32%; margin:2% 1% 0;}
    .sub_partner .list li:nth-child(4n + 1){margin-left:1%;}
    .sub_partner .list li:nth-child(4n + 4){float:left; margin-right:1%;}
    .sub_partner .list li:nth-child(3n + 1){margin-left:0;}
    .sub_partner .list li:nth-child(3n + 3){float:right; margin-right:0;}
}

/* 오시는길 */
.location .top p{font-size:1.25rem;}
.location .map{border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; -ms-border-radius:50px 0 50px 0; -o-border-radius:50px 0 50px 0; overflow:hidden;}
.location .txt{display:flex; justify-content:end;}
.location .txt .inr{ display:inline-block; position:relative; z-index:1; margin-top:-170px; margin-right:80px; padding:50px; box-sizing:border-box; background-image:linear-gradient(to right, #0092c4, #00b4cb); border-radius:0 30px 0 30px; -webkit-border-radius:0 30px 0 30px 0; -moz-border-radius:0 30px 0 30px 0; -ms-border-radius:0 30px 0 30px 0; -o-border-radius:0 30px 0 30px 0; }
.location .txt i{display:block; color:#fff; font-family:'Poppins'; font-style:normal; font-size:2.3rem; font-weight:800; letter-spacing:1px;}
.location .txt p{color:#fff; font-size:1.3rem; font-weight:200;}
.location .txt ul{display:flex; margin-top:20px;}
.location .txt ul li{display:flex; align-items:center; position:relative; margin-left:20px; padding-left:20px;}
.location .txt ul li:before{ content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:50%; border-left:1px solid #d9d9d9; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.location .txt ul li:first-child{margin-left:0; padding-left:0;}
.location .txt ul li:first-child:before{display:none;}
.location .txt ul li span{display:block; color:#a3d3e4; font-family:'Poppins'; font-size:1.1rem; font-weight:500; letter-spacing:1px;}
.location .txt ul li em{display:block; margin-left:15px; color:#fff; font-family:'Poppins'; font-size:1.1rem; font-weight:300;}

@media (max-width: 1450px){
    .sub_tit{font-size:1.125rem;}
}
@media (max-width: 1280px){
    .location .top_tit{margin-top:40px; line-height:3rem;}
    .location .top_tit p,
    .location .top_tit em{font-size:2.5rem;}
    .location .map{margin-top:30px;}
    .location .txt .inr{padding:40px;}
    .location .txt ul{margin-top:15px;}
    .location .txt ul li span,
    .location .txt ul li em{font-size:1rem;}
    .location .txt i{font-size:2rem;}
    .location .txt p{font-size:1.125rem;}
}
@media (max-width: 1024px){
    .location .map iframe{height:450px;}
    .sub_tit{font-size:1.063rem;}
    .location .map{border-radius:30px 0 30px 0;}
    .location .txt .inr{width:100%; margin-top:20px; margin-right:0; border-radius:0 20px 0 20px; -webkit-border-radius:0 20px 0 20px; -moz-border-radius:0 20px 0 20px; -ms-border-radius:0 20px 0 20px; -o-border-radius:0 20px 0 20px; }
}
@media (max-width: 860px){
    .location .top_tit{line-height:2.8rem;}
    .location .top_tit p,
    .location .top_tit em{font-size:2.188rem;}
    .location .map iframe{height:400px;}
    .location .txt p{font-size:1.063rem;}
    .location .txt .inr{padding:30px;}
    .location .txt i{font-size:1.75rem;}
    .location .txt ul li span,
    .location .txt ul li em{font-size:0.938rem;}
}

@media (max-width: 630px){
    .location .top_tit{line-height:2.8rem;}
    .location .top_tit p,
    .location .top_tit em{font-size:1.875rem;}
    .location .txt ul{flex-wrap:wrap;}
}

/* 건설지원이란 */
.sub_support{padding-bottom:0;}
.sub_support .construction_support{margin-top:270px; padding-bottom:80px; background:#f9f9f9;}
.sub_support .inr{position:relative; max-width:1400px; margin:0 auto; padding-top:230px;}
.sub_support .img{ display:block; margin-top:-450px; overflow:hidden; border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; -ms-border-radius:50px 0 50px 0; -o-border-radius:50px 0 50px 0; }
.sub_support .tit{margin-top:80px; text-align:center;}
.sub_support .tit p{color:#333; font-size:3.125rem; font-weight:100;}
.sub_support .tit em{font-weight:700;}
.sub_support .tit span{display:block; margin-top:20px; color:#555; font-size:1.25rem; letter-spacing:-1px;}
.sub_support .list{display:flex; flex-wrap:wrap; gap:3%; margin-top:50px;}
.sub_support .list li{display:flex; flex:1 1 48%; align-items:center; margin-top:50px;}
.sub_support .list li div{ display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; width:168px; height:168px; text-align:center; background:#fff; box-shadow:10px 10px 8px 1px rgba(0, 0, 0, 0.1); border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
.sub_support .list li div p{color:#333; font-size:1.5rem; font-weight:700; letter-spacing:-0.5px;}
.sub_support .list li div .ico{display:block;}
.sub_support .list li em{display:block; width:calc(100% - 218px); margin-left:50px; color:#555; font-size:1.25rem; font-weight:300; letter-spacing:-0.5px; word-break:break-all;}

@media (max-width: 1450px){
    .sub_support .construction_support{margin-top:30px; padding-top:15px;}
    .sub_support .inr{max-width:100%; margin:0 15px; padding-top:0;}
    .sub_support .img{margin-top:0;}
}
@media (max-width: 1280px){
    .sub_support .img{border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
    .sub_support .tit{margin-top:50px;}
    .sub_support .tit p{font-size:2.813rem;}
    .sub_support .tit span{font-size:1.125rem;}
    .sub_support .list{margin-top:20px;}
    .sub_support .list li{margin-top:30px;}
    .sub_support .list li div{width:138px; height:138px;}
    .sub_support .list li div p{font-size:1.375rem;}
    .sub_support .list li em{width:calc(100% - 168px); margin-left:30px; font-size:1.125rem;}
}
@media (max-width: 1024px){
    .sub_support .tit p{font-size:2.5rem;}
    .sub_support .tit span{margin-top:10px; font-size:1.063rem;}
    .sub_support .list{gap:1%;}
    .sub_support .list li div{width:108px; height:108px;}
    .sub_support .list li div p{margin-top:-5px; font-size:1.25rem;}
    .sub_support .list li em{font-size:1.063rem;}
}
@media (max-width: 860px){
    .sub_support .tit{margin-top:30px;}
    .sub_support .tit p{font-size:2.188rem;}
    .sub_support .tit span{font-size:1rem;}
    .sub_support .list{flex-direction:column; margin-top:0;}
    .sub_support .list li{flex:100%;}
    .sub_support .list li div{width:88px; height:88px;}
    .sub_support .list li div p{font-size:1.125rem;}
    .sub_support .list li div .ico lord-icon{width:35px !important; height:35px !important;}
    .sub_support .list li em{width:calc(100% - 158px); margin-left:20px; font-size:1rem;}
}
@media (max-width: 768px){
    .sub_support .img{border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
}
@media (max-width: 500px){
    .sub_support .tit p{font-size:1.875rem;}
    .sub_support .tit span{font-size:1rem; word-break:break-all;}
    .sub_support .tit span br{display:none;}
    .sub_support .list li div p{font-size:1.063rem;}
    .sub_support .list li em{font-size:0.938rem;}
}

/* 현황분석 */
/* 경쟁사 및 시장변화의 화두 */
.sub_status,
.sub_status .tab_cont{padding-bottom:0;}
.sub_status .top_tit{margin-top:50px; line-height:3.5rem;}
.sub_status .top_tit p{color:#333; font-size:2.813rem; font-weight:300; word-break:break-all;}
.sub_status .top_tit em{display:block; color:#333; font-size:2.813rem; font-weight:700; word-break:break-all;}
.comparison_box{margin-top:50px; padding:80px 0; background:#f9f9f9; box-sizing:border-box;}
.comparison_box .inr{display:flex; justify-content:space-between; align-items:center; gap:6%; position:relative; max-width:1400px; margin:0 auto;}
.comparison_box .inr:before{content:''; display:block; position:absolute; left:50%; top:50%; width:100px; height:137px; background:url("/assets/site/img/contents/ico_arrow.png") no-repeat; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.comparison_box .inr > div{flex:1; padding:30px; box-sizing:border-box;}
.comparison_box .inr div > p{position:absolute; left:-13px; top:40px; width:209px; height:82px; background-image:url("/assets/site/img/contents/ico_tit_gray.png"); background-repeat:no-repeat;}
.comparison_box .inr div > p i{display:block; padding-top:12px; padding-left:40px; color:#fff; font-size:1.8rem; font-weight:800; font-style:normal; letter-spacing:1px; box-sizing:border-box;}
.comparison_box .inr div > span{display:block; color:#333; font-size:1.75rem; font-weight:700; letter-spacing:-0.5px;}
.comparison_box .inr li{display:flex; margin-top:20px;}
.comparison_box .inr li em{display:inline-block; width:27px; height:27px; color:#777; font-size:1rem; font-weight:800; letter-spacing:1px; text-align:center; border:1px solid #777; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.comparison_box .inr li span{display:block; width:calc(100% - 37px); margin-left:10px; color:#555; font-size:1.1rem; font-weight:300; letter-spacing:-0.5px;}
.comparison_box .inr li span.point{color:#0275bd; font-weight:700;}
.comparison_box .as_is > div{ position:relative; padding:130px 40px 80px; border:1px solid #d9d9d9; background:#fff; box-sizing:border-box; border-radius:0 50px 0 50px; -webkit-border-radius:0 50px 0 50px; -moz-border-radius:0 50px 0 50px; -ms-border-radius:0 50px 0 50px; -o-border-radius:0 50px 0 50px; }
.comparison_box .to_be > div{position:relative; padding:130px 40px 80px; background:#fff; border:1px solid #0275bd; box-shadow:0 0 10px 10px rgba(218, 231, 239, 0.9); box-sizing:border-box; border-radius:0 50px 0 50px;}
.comparison_box .to_be li em{color:#fff; background:#0275bd; border:1px solid #0275bd;}
.comparison_box .to_be > div > span{padding-top:20px;}
.comparison_box .to_be > div > p{background-image:url("/assets/site/img/contents/ico_tit_blue.png");}

@media (max-width: 1450px){
    .sub_status .top_tit{margin-top:30px; line-height:3rem;}
    .sub_status .top_tit p,
    .sub_status .top_tit em{font-size:2.5rem;}
    .comparison_box .inr{max-width:100%; margin:0 15px;}
    .comparison_box .as_is > div,
    .comparison_box .to_be > div{border-radius:0 30px 0 30px; -webkit-border-radius:0 30px 0 30px; -moz-border-radius:0 30px 0 30px; -ms-border-radius:0 30px 0 30px; -o-border-radius:0 30px 0 30px;}
}
@media (max-width: 1280px){
    .sub_status .top_tit{margin-top:0; line-height:3rem;}
    .sub_status .top_tit p,
    .sub_status .top_tit em{font-size:2.188rem;}
    .comparison_box{padding:50px 0;}
    .comparison_box .inr div > span{font-size:1.563rem;}
    .comparison_box .inr div > p i{padding-top:18px; font-size:1.563rem;}
}
@media (max-width: 1024px){
    .sub_status .top_tit{line-height:2.3rem;}
    .sub_status .top_tit p,
    .sub_status .top_tit em{font-size:1.875rem;}
    .comparison_box{margin-top:30px; padding:30px 0;}
    .comparison_box .inr{flex-wrap:wrap; flex-direction:column;}
    .comparison_box .inr:before{display:none;}
    .comparison_box .inr > div{width:100%; padding:10px;}
    .comparison_box .inr > div > div{padding:130px 40px 50px;}
    .comparison_box .inr div > span{font-size:1.375rem;}
    .comparison_box .inr div > p i{padding-top:18px; font-size:1.375rem;}
    .comparison_box .inr li em{width:25px; height:25px;}
    .comparison_box .inr li span{width:calc(100% - 35px); font-size:1.063rem;}
    .comparison_box .inr div > p{left:-10px; width:169px; height:66px; background-size:cover;}
    .comparison_box .inr div > p i{padding-top:14px;}
    .comparison_box .as_is{position:relative; margin-bottom:50px;}
    .comparison_box .as_is:before{content:''; display:block; position:absolute; left:50%; bottom:-100px; width:137px; height:100px; background:url("/assets/site/img/contents/ico_arrow_m.png") no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
    .comparison_box .to_be{margin-top:50px;}
    .comparison_box .to_be > div > span{padding-top:0;}
    .comparison_box .as_is > div,
    .comparison_box .to_be > div{border-radius:0 20px 0 20px; -webkit-border-radius:0 20px 0 20px; -moz-border-radius:0 20px 0 20px; -ms-border-radius:0 20px 0 20px; -o-border-radius:0 20px 0 20px;}
}
@media (max-width: 860px){
    .sub_status .top_tit{line-height:2rem;}
    .sub_status .top_tit p,
    .sub_status .top_tit em{font-size:1.563rem;}
    .comparison_box .inr > div > div{padding:130px 30px 50px;}
    .comparison_box .as_is:before{bottom:-80px; width:107px; height:77px; background-size:cover;}
    .comparison_box .to_be{margin-top:35px;}
}
@media (max-width: 500px){
    .sub_status .top_tit{line-height:1.8rem;}
    .sub_status .top_tit p,
    .sub_status .top_tit em{font-size:1.375rem;}
    .comparison_box .as_is > div,
    .comparison_box .to_be > div{border-radius:0 10px 0 10px; -webkit-border-radius:0 10px 0 10px; -moz-border-radius:0 10px 0 10px; -ms-border-radius:0 10px 0 10px; -o-border-radius:0 10px 0 10px;}
}
@media (max-width: 400px){
    .sub_status .top_tit{line-height:1.8rem;}
    .sub_status .top_tit p,
    .sub_status .top_tit em{font-size:1.25rem;}
}

/* 시장환경 및 경쟁현황 */
.sub_status .con2 .inr{position:relative; max-width:1400px; margin:0 auto;}
.sub_status .con2 .tit{color:#333; font-size:35px; font-weight:700;}
.environment_box{margin-top:80px; padding:50px 0; background:#f9f9f9;}
.environment_box .inr > ul{display:flex; flex-wrap:wrap; gap:2%;}
.environment_box .inr > ul > li{flex:1 1 23%; margin-top:2%;}
.environment_box li div{ height:100%; padding:20px 30px 30px; border:1px solid #d0d5d8; background:#fff; box-sizing:border-box; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
.environment_box li div .ico{display:block;}
.environment_box li div p{position:relative; padding-top:90px; color:#333; font-size:20px; font-weight:700; letter-spacing:-0.5px;}
.environment_box li div p:before{content:''; display:block; position:absolute; left:0; top:0; width:66px; height:64px; background-repeat:no-repeat;}
.environment_box li.env01 div p:before{background-image:url("/assets/site/img/contents/ico_bs16.png");}
.environment_box li.env02 div p:before{background-image:url("/assets/site/img/contents/ico_bs17.png");}
.environment_box li.env03 div p:before{background-image:url("/assets/site/img/contents/ico_bs18.png");}
.environment_box li.env04 div p:before{background-image:url("/assets/site/img/contents/ico_bs19.png");}
.environment_box li.env05 div p:before{background-image:url("/assets/site/img/contents/ico_bs20.png");}
.environment_box li.env06 div p:before{background-image:url("/assets/site/img/contents/ico_bs21.png");}
.environment_box li.env07 div p:before{background-image:url("/assets/site/img/contents/ico_bs22.png");}
.environment_box li.env08 div p:before{background-image:url("/assets/site/img/contents/ico_bs23.png");}
.environment_box li div ul{margin-top:10px;}
.environment_box li div ul li{display:flex; align-items:center; width:100%; margin-top:10px;}
.environment_box li div ul li span{display:block; width:85px; padding:2px 5px; color:#aaa; font-family:'Poppins'; font-size:16px; font-weight:600; letter-spacing:0.5px; text-align:center; border:1px solid #d0d5d8; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.environment_box li div ul li em{display:block; margin-left:15px; color:#555; font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:1.4rem; word-break:break-all;}
.environment_box li div ul li:last-child span{color:#fff; border:1px solid #00b4cb; background-image:linear-gradient(to right, #0092c4, #00b4cb);}
.environment_box li div ul li:last-child em{color:#00a7c9; font-weight:700;}

.strategy_box{padding:50px 0;}
.strategy_box .list{display:flex; justify-content:space-between; align-items:center; gap:12%; position:relative; padding:50px;}
.strategy_box .list:before{ content:''; display:block; position:absolute; left:50%; top:50%; width:100px; height:137px; background:url("/assets/site/img/contents/ico_arrow_gray.png") no-repeat; transform:translate(-50%, -50%); -webkit-transform:translateY(-50%, -50%); -moz-transform:translateY(-50%, -50%); -ms-transform:translateY(-50%, -50%); -o-transform:translateY(-50%, -50%); }
.strategy_box .list > div{flex:1 1 45%;}
.strategy_box .list .left ul{display:flex; gap:3%;}
.strategy_box .list .left li{flex:1 1 49%;}
.strategy_box .list .left li div{ padding:25px 15px; text-align:center; line-height:1.5rem; background:#0092c4; box-sizing:border-box; border-radius:0 20px 0 20px; -webkit-border-radius:0 20px 0 20px; -moz-border-radius:0 20px 0 20px; -ms-border-radius:0 20px 0 20px; -o-border-radius:0 20px 0 20px; }
.strategy_box .list .left li:last-child div{background:#00b4cb;}
.strategy_box .list .left li p{color:#fff; font-size:18px; font-weight:600; letter-spacing:-0.5px;}
.strategy_box .list .left li span{display:block; color:#fff; font-size:18px; font-weight:400; letter-spacing:-0.5px;}
.strategy_box .list .right{ display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; padding:100px 30px; text-align:center; background:#fff; border:1px solid #0275bd; box-shadow:0 0 10px 10px rgba(218, 231, 239, 0.9); border-radius:0 50px 0 50px; box-sizing:border-box; -webkit-border-radius:0 50px 0 50px; -moz-border-radius:0 50px 0 50px; -ms-border-radius:0 50px 0 50px; -o-border-radius:0 50px 0 50px; }
.strategy_box .list .right p{color:#0275bd; font-size:24px; font-weight:700;}
.strategy_box .list .right span{display:block; margin-top:10px; color:#555; font-size:18px; font-weight:400; letter-spacing:-0.5px;}

@media (max-width: 1450px){
    .sub_status .con2 .inr{max-width:100%; margin:0 15px;}
}
@media (max-width: 1280px){
    .sub_status .con2 .tit{font-size:30px;}
    .environment_box .inr > ul{gap:1%; margin-top:0;}
    .environment_box .inr > ul > li{flex:1 1 32%; margin-top:1%;}
    .environment_box li div{border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0;}
    .environment_box li div p{font-size:18px;}
    .environment_box li div ul li span{font-size:16px;}
    .environment_box li div ul li em{font-size:17px;}
    .strategy_box .list{padding:20px;}
    .strategy_box .list .left li span{font-size:17px;}
    .strategy_box .list .right p{font-size:22px;}
    .strategy_box .list .right span{font-size:17px;}
}
@media (max-width: 1220px){
    .strategy_box .list .left ul{flex-wrap:wrap;}
    .strategy_box .list .left ul li{margin-top:3%;}
    .strategy_box .list .left ul li:first-child{margin-top:0;}
}
@media (max-width: 1024px){
    .sub_status .con2 .tit{font-size:25px;}
    .environment_box{margin-top:50px; padding:40px 0;}
    .environment_box li div{padding:10px 20px 20px;}
    .environment_box li div p{font-size:17px;}
    .environment_box li div ul li span{font-size:15px;}
    .environment_box li div ul li em{font-size:16px;}
    .environment_box li div .ico lord-icon{width:70px !important; height:70px !important;}
    .strategy_box .list{flex-wrap:wrap; padding:10px;}
    .strategy_box .list:before{display:none;}
    .strategy_box .list .left{position:relative; margin-bottom:135px;}
    .strategy_box .list .left:before{content:''; display:block; position:absolute; left:50%; bottom:-120px; width:137px; height:100px; background:url("/assets/site/img/contents/ico_arrow_gray_m.png") no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
    .strategy_box .list .left ul{flex-direction:row; gap:2%;}
    .strategy_box .list .left ul li{margin-top:0;}
    .strategy_box .list .left li span{font-size:16px;}
    .strategy_box .list .right{padding:50px 30px;}
    .strategy_box .list .right p{font-size:20px;}
    .strategy_box .list .right span{font-size:16px;}
    .strategy_box .list .left li div{border-radius:0 10px 0 10px; -webkit-border-radius:0 10px 0 10px; -moz-border-radius:0 10px 0 10px; -ms-border-radius:0 10px 0 10px; -o-border-radius:0 10px 0 10px;}
    .strategy_box .list .right{ border-radius:0 20px 0 20px; -webkit-border-radius:0 20px 0 20px; -moz-border-radius:0 20px 0 20px; -ms-border-radius:0 20px 0 20px; -o-border-radius:0 20px 0 20px; }
}
@media (max-width: 860px){
    .environment_box{margin-top:30px; padding:30px 0;}
    .sub_status .con2 .tit{font-size:20px;}
    .environment_box .inr > ul > li{flex:1 1 49%;}
    .environment_box li div .ico{text-align:right;}
    .strategy_box .list .left{margin-bottom:115px;}
    .strategy_box .list .left:before{bottom:-100px; width:107px; height:77px; background-size:cover;}
    .environment_box li div{border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0;}
}
@media (max-width: 610px){
    .sub_status .con2 .top_tit p{word-break:keep-all;}
    .sub_status .con2 .top_tit em{display:inline-block;}
    .environment_box li div ul li{flex-wrap:wrap; flex-direction:column; align-items:flex-start;}
    .environment_box li div ul li em{margin-left:0; margin-top:5px;}
}
@media (max-width: 480px){
    .strategy_box .list .left ul{flex-direction:column;}
    .strategy_box .list .left ul li{margin-top:2%;}
    .strategy_box .list .left ul li:first-child{margin-top:0;}
}
@media (max-width: 450px){
    .environment_box .inr > ul > li{flex:100%;}
    .environment_box li div ul li{flex-wrap:wrap; flex-direction:row;}
    .environment_box li div ul li em{margin-left:10px; margin-top:0;}
}

/* 주요 업무별 현황 분석 */
.sub_status .con3 .top_tit{line-height:inherit;}
.sub_status .con3 .top_tit span{font-size:1.25rem;}
.sub_status .con3 .top_tit em{display:inline-block;}
.process_box{margin-top:80px; padding-bottom:80px;}
.process_box{display:flex; flex-wrap:wrap; justify-content:space-between; gap:10%; margin-top:50px;}
.process_box > div{ flex:1 1 44%; position:relative; border:1px solid #d0d5d8; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
.process_box .tit{ padding:20px 10px; background:#0092c4; text-align:center; box-sizing:border-box; border-radius:30px 0 0 0; -webkit-border-radius:30px 0 0 0; -moz-border-radius:30px 0 0 0; -ms-border-radius:30px 0 0 0; -o-border-radius:30px 0 0 0; }
.process_box .tit p{color:#fff; font-size:22px; font-weight:600; letter-spacing:-0.5px;}
.process_box .top{flex:100%; margin-bottom:150px;}
.process_box .top .list{display:flex; flex-wrap:wrap; width:100%; text-align:center;}
.process_box .top .list > li{flex:1.5; position:relative; padding:40px 20px;}
.process_box .top .list > li:before{content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:70%; border-left:1px solid #d8d8d8; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.process_box .top .list > li:first-child:before{display:none;}
.process_box .top .list > li:last-child{flex:1;}
.process_box .top .list > li:last-child p{color:#1ca4dd; border:1px solid #1ca4dd;}
.process_box .top .list > li ul{display:flex; flex-wrap:wrap; justify-content:center; gap:10%; margin-top:30px;}
.process_box .top em{display:block; margin-top:10px; color:#555; font-size:18px; font-weight:700; letter-spacing:-0.5px;}
.process_box .ico{display:flex; justify-content:center; align-items:center; position:relative; width:134px; height:134px; background:#f9f9f9; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.process_box .ico:before{ content:''; display:block; position:absolute; left:50%; top:50%; width:66px; height:64px; background-repeat:no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.process_box .top .list > li:first-child ul li:first-child .ico:before{background-image:url("/assets/site/img/contents/ico_bs11.png");}
.process_box .top .list > li:first-child ul li:nth-child(2) .ico:before{background-image:url("/assets/site/img/contents/ico_bs03.png");}
.process_box .top .list > li:first-child ul li:nth-child(3) .ico:before{background-image:url("/assets/site/img/contents/ico_bs12.png");}
.process_box .top .list > li:nth-child(2) ul li:first-child .ico:before{background-image:url("/assets/site/img/contents/ico_bs01.png");}
.process_box .top .list > li:nth-child(2) ul li:nth-child(2) .ico:before{background-image:url("/assets/site/img/contents/ico_bs20.png");}
.process_box .left ul li:first-child .ico:before{background-image:url("/assets/site/img/contents/ico_bs16.png");}
.process_box .left ul li:nth-child(2) .ico:before{background-image:url("/assets/site/img/contents/ico_bs26.png");}
.process_box .left ul li:nth-child(3) .ico:before{background-image:url("/assets/site/img/contents/ico_bs27.png");}
.process_box .list p{display:inline-block; padding:2px 10px; color:#0275bd; font-size:18px; font-weight:800; letter-spacing:1px; text-align:center; border:1px solid #0275bd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; box-sizing:border-box;}
.process_box .left:before{content:''; display:block; position:absolute; left:50%; top:-123px; width:137px; height:100px; background:url("/assets/site/img/contents/ico_arrow_m.png") no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.process_box .left .tit{background:#00b4cb;}
.process_box .left ul{display:flex; flex-wrap:wrap; justify-content:center; gap:10%; width:100%; padding:40px 20px; text-align:center; box-sizing:border-box;}
.process_box .left em{display:block; margin-top:10px; color:#555; font-size:18px; font-weight:700; letter-spacing:-0.5px; line-height:1.5rem;}
.process_box .right:before{ content:''; display:block; position:absolute; left:-19%; top:50%; width:100px; height:137px; background:url("/assets/site/img/contents/ico_arrow.png") no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.process_box .right:after{ content:''; display:block; position:absolute; left:50%; top:-128px; width:137px; height:100px; background:url("/assets/site/img/contents/ico_arrow_m.png") no-repeat; transform:translateX(-50%) rotate(180deg);}
.process_box .right .tit{background:#aaa;}
.process_box .right > ul{padding:40px 20px; box-sizing:border-box;}
.process_box .right > ul > li{margin-top:20px;}
.process_box .right > ul > li:first-child{margin-top:0;}
.process_box .right > ul > li span{display:block; color:#555; font-size:18px; font-weight:700; letter-spacing:-0.5px;}
.process_box .right > ul > li span em{display:inline-block; width:27px; height:27px; margin-right:10px; color:#777; font-size:16px; font-weight:800; letter-spacing:1px; text-align:center; border:1px solid #777; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.process_box .right .list_ul{margin-top:10px; margin-left:40px;}
.process_box .right .list_ul li{position:relative; margin-top:10px; padding-left:12px; color:#555; font-size:17px; font-weight:400; letter-spacing:-0.5px;}
.process_box .right .list_ul li:before{ content:''; display:block; position:absolute; left:0; top:10px; width:6px; height:6px; background:#555; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.process_box .right .list_ul li:first-child{margin-top:0;}

@media (max-width: 1280px){
    .process_box{gap:11%;}
    .process_box .tit p{font-size:22px;}
    .process_box .list p,
    .process_box .top em,
    .process_box .left em,
    .process_box .right > ul > li span{font-size:17px;}
    .process_box .right .list_ul li{font-size:16px;}
    .process_box .ico{width:114px; height:114px;}
    .process_box .top .list > li,
    .process_box .left ul,
    .process_box .right > ul{padding:30px 20px;}
    .process_box .right:before{left:-21%;}
    .sub_status .con3 .top_tit span{font-size:1.125rem;}
}
@media (max-width: 1110px){
    .process_box{gap:11%;}
    .process_box .tit{padding:10px;}
    .process_box .tit p{font-size:20px;}
    .process_box .top{margin-bottom:90px;}
    .process_box .list p,
    .process_box .top em,
    .process_box .left em,
    .process_box .right > ul > li span{font-size:16px;}
    .process_box .right .list_ul li{font-size:15px;}
    .process_box .ico{width:94px; height:94px;}
    .process_box .ico lord-icon{width:70px !important; height:70px !important;}
    .process_box .top .list > li,
    .process_box .left ul,
    .process_box .right > ul{padding:20px;}
    .process_box .right:before{left:-21%;}
    .process_box .right > ul > li span em{width:25px; height:25px; font-size:15px;}
    .process_box .right .list_ul{margin-top:5px;}
    .process_box .right:before{left:-20%; width:70px; height:96px; background-size:cover;}
    .process_box .right:after{top:-82px; width:96px; height:70px; background-size:cover;}
    .process_box .left:before{top:-79px; width:96px; height:70px; background-size:cover;}
    .sub_status .con3 .top_tit span{font-size:1.063rem;}
}
@media (max-width: 1024px){
    .process_box .ico:before{width:56px; height:54px; background-size:cover;}
}
@media (max-width: 860px){
    .process_box > div{flex:100%; margin-bottom:90px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
    .process_box .tit{ border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0;}
    .process_box > div:last-child{margin-bottom:0;}
    .process_box .tit p{font-size:18px;}
    .process_box .left em{line-height:1.3rem;}
    .process_box .list p,
    .process_box .top em,
    .process_box .left em,
    .process_box .right > ul > li span{font-size:15px;}
    .process_box .right .list_ul li{font-size:14px;}
    .process_box .ico{width:84px; height:84px;}
    .process_box .ico lord-icon{width:60px !important; height:60px !important;}
    .process_box .right > ul > li span em{width:25px; height:25px; font-size:14px;}
    .process_box .right:before{left:50%; top:-79px; width:96px; height:70px; background:url("/assets/site/img/contents/ico_arrow_m.png") no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; background-size:cover;}
    .process_box .right:after{display:none;}
    .sub_status .con3 .top_tit span{font-size:1rem;}
}
@media (max-width: 500px){
    .process_box .tit p{font-size:17px;}
    .process_box .list p, .process_box .top em, .process_box .left em, .process_box .right > ul > li span{font-size:14px;}
    .process_box .top .list > li{flex:100%;}
    .process_box .top .list > li:before{left:50%; top:0; width:90%; height:1px; border-left:0; border-top:1px solid #d8d8d8; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
    .process_box .ico{margin:0 auto;}
    .sub_status .con3 .top_tit span{font-size:0.938rem;}
}

/* 추진방향 */
/* 서비스 제안 및 추진방향 */
.sub_promotion{padding-bottom:0;}
.sub_promotion .tab_cont{padding:0;}
.sub_promotion .top_tit p{font-weight:300; line-height:3.5rem;}
.sub_promotion .top_tit em{display:block; font-weight:700;}
.sub_promotion .con1 .top_tit span{margin-top:30px;}

@media (max-width: 1450px){
    .sub_promotion .top_tit p{font-size:2.5rem; line-height:initial;}
    .sub_promotion .con1 .top_tit span{margin-top:20px; font-size:1.063rem;}
}
@media (max-width: 800px){
    .sub_promotion .top_tit p{font-size:2rem;}
    .sub_promotion .con1 .top_tit span{margin-top:10px; font-size:1rem;}
}
@media (max-width: 500px){
    .sub_promotion .top_tit p{font-size:1.5rem;}
    .sub_promotion .con1 .top_tit span{font-size:0.938rem;}
}

/* 절감효과 */
.effect_box{margin-top:50px; padding-bottom:80px;}
.effect_box > div{flex:1 1 44%; position:relative; border:1px solid #d0d5d8; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}
.effect_box > div ul{padding:40px 20px; box-sizing:border-box;}
.effect_box .tit{position:relative; padding:20px 10px; background:#0275bd; text-align:center; box-sizing:border-box; border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -ms-border-radius:15px 15px 0 0; -o-border-radius:15px 15px 0 0; }
.effect_box .tit p{color:#fff; font-size:24px; font-weight:700; letter-spacing:-0.5px;}
.effect_box .top{margin-bottom:150px;}
.effect_box .top:before{content:''; display:block; position:absolute; left:50%; bottom:-133px; width:137px; height:100px; background:url("/assets/site/img/contents/ico_arrow_m.png") no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.effect_box .top ul{display:flex; justify-content:center; gap:1%;}
/* .effect_box .top ul li{flex:1 1 25%;} */
.effect_box .top ul li .img{display:block; margin:0 auto; text-align:center;}
.effect_box .top em{display:block; margin-bottom:30px; color:#555; font-size:20px; font-weight:700; letter-spacing:-0.5px; text-align:center;}
.effect_box .bottom ul{display:flex; flex-wrap:wrap; justify-content:center; padding:20px 20px 40px;}
.effect_box .bottom ul li{flex:1 1 50%; margin-top:20px;}
.effect_box .bottom ul li span{display:block; color:#555; font-size:18px; font-weight:400; letter-spacing:-0.5px;}
.effect_box .bottom ul li em{ display:inline-block; width:27px; height:27px; margin-right:10px; color:#fff; font-size:16px; font-weight:800; letter-spacing:1px; text-align:center; border:1px solid #00b8cc; background:#00b8cc; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.effect_box .bottom .tit{background:#00b8cc;}

@media (max-width: 1280px){
    .effect_box .tit p{font-size:22px;}
    .effect_box .top em{font-size:18px;}
    .effect_box .bottom ul li span{font-size:17px;}
    .effect_box > div ul{padding:30px 20px;}
    .effect_box .bottom ul{padding:20px 20px 30px;}
}
@media (max-width: 1024px){
    .effect_box{margin-top:30px;}
    .effect_box .top{margin-bottom:120px;}
    .effect_box .tit{padding:10px;}
    .effect_box .tit p{font-size:20px;}
    .effect_box .top em{font-size:17px;}
    .effect_box .bottom ul li span{font-size:16px;}
    .effect_box > div ul{padding:20px;}
    .effect_box .bottom ul{padding:20px;}
    .effect_box .top:before{bottom:-103px; width:107px; height:77px; background-size:cover;}
}
@media (max-width: 860px){
    .effect_box{margin-top:20px;}
    .effect_box .tit p{font-size:18px;}
    .effect_box .top em{font-size:16px;}
    .effect_box > div{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
    .effect_box .tit{border-radius:10px 10px 0 0 ; -webkit-border-radius:10px 10px 0 0 ; -moz-border-radius:10px 10px 0 0 ; -ms-border-radius:10px 10px 0 0 ; -o-border-radius:10px 10px 0 0 ; }
    .effect_box .bottom ul li span{font-size:15px;}
    .effect_box .bottom ul li em{width:25px; height:25px; font-size:15px;}
}
@media (max-width: 640px){
    .effect_box .top ul{flex-wrap:wrap;}
    .effect_box .top ul li{flex:1 1 49%; margin-bottom:2%;}
    .effect_box .bottom ul{flex-wrap:wrap;}
    .effect_box .bottom ul li{flex:100%;}
    .effect_box .bottom ul li:first-child{margin-top:0;}
}

/* 기대효과 */
/* 개요 */
.sub_benefit{padding-bottom:0;}
.sub_benefit .tab_cont{padding:0;}
.benefit_box{padding:50px 0 80px; background:#f9f9f9;}
.benefit_box .inr{max-width:1400px; margin:0 auto;}
.benefit_box .inr > .tit{color:#333; font-size:35px; font-weight:700;}
.benefit_box .inr > ul{display:flex; flex-wrap:wrap; gap:3%;}
.benefit_box li{flex:1 1 31%; margin-top:3%;}
.benefit_box .list_box{ height:100%; border:1px solid #d0d5d8; background:#fff; box-sizing:border-box; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
.benefit_box .list_box .tit{ padding:20px; text-align:center; background:#0275bd; box-sizing:border-box; border-radius:20px 0 0 0; -webkit-border-radius:20px 0 0 0; -moz-border-radius:20px 0 0 0; -ms-border-radius:20px 0 0 0; -o-border-radius:20px 0 0 0; }
.benefit_box li:nth-child(even) .list_box .tit{background:#00b8cc;}
.benefit_box .list_box .tit p{color:#fff; font-size:22px; font-weight:600; letter-spacing:-0.5px;}
.benefit_box .list_box .txt{position:relative; margin-top:50px; padding:90px 20px 40px; text-align:center; box-sizing:border-box;}
.benefit_box .list_box .txt:before{ content:''; display:block; position:absolute; left:50%; top:0; width:66px; height:64px; background-repeat:no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
.benefit_box li:first-child .list_box .txt:before{background-image:url("/assets/site/img/contents/ico_bs01.png");}
.benefit_box li:nth-child(2) .list_box .txt:before{background-image:url("/assets/site/img/contents/ico_bs12.png");}
.benefit_box li:nth-child(3) .list_box .txt:before{background-image:url("/assets/site/img/contents/ico_bs16.png");}
.benefit_box li:nth-child(4) .list_box .txt:before{background-image:url("/assets/site/img/contents/ico_bs32.png");}
.benefit_box li:nth-child(5) .list_box .txt:before{background-image:url("/assets/site/img/contents/ico_bs33.png");}
.benefit_box .list_box .txt .ico{display:block; width:85px; height:85px; margin:0 auto; text-align:center;}
.benefit_box .list_box .txt p{color:#555; font-size:18px; font-weight:400; letter-spacing:-0.5px; text-align:center; word-break:keep-all;}
.benefit_box + .cont_list{padding:50px 0;}

@media (max-width: 1450px){
    .benefit_box .inr{max-width:100%; padding:0 15px; box-sizing:border-box;}
    .benefit_box .inr > ul{gap:2%;}
    .benefit_box li{margin-top:2%;}
    .benefit_box .list_box .tit{padding:15px;}
    .benefit_box .list_box .tit p{font-size:20px;}
    .benefit_box .list_box .txt{margin-top:40px; padding:80px 20px 40px;}
    .benefit_box .list_box .txt p{font-size:17px;}
}
@media (max-width: 1280px){
    .benefit_box{padding:30px 0;}
    .benefit_box .inr > .tit{font-size:30px;}
    .benefit_box .list_box .tit{padding:10px;}
    .benefit_box .list_box .tit p{font-size:18px;}
    .benefit_box .list_box .txt p{font-size:16px;}
    .benefit_box .list_box .txt p br{display:none;}
}
@media (max-width: 1024px){
    .benefit_box .inr > .tit{font-size:25px;}
    .benefit_box .list_box .tit p{font-size:17px;}
    .benefit_box .list_box .txt p{font-size:15px;}
    .benefit_box .list_box .txt{margin-top:30px; padding:70px 20px 40px;}
    .benefit_box .list_box .txt:before{width:56px; height:54px; background-size:cover;}
}
@media (max-width: 860px){
    .benefit_box .inr > .tit{font-size:20px;}
    .benefit_box .list_box .txt p{font-size:14px;}
    .benefit_box li{flex:1 1 49%;}
}
@media (max-width: 570px){
    .benefit_box li{flex:100%;}
}

/* 공통영역 */
.cont_list > .p_tit:first-child{margin-top:100px;}
.cont_list .p_tit{position:relative; padding-left:40px; color:#333; font-size:28px; font-weight:400;}
.cont_list .p_tit:before{ content:''; display:block; position:absolute; left:0; top:-5px; width:25px; height:25px; background-image:linear-gradient(to right, #0275bd, #00b8cc); border-radius:0 5px 0 5px; -webkit-border-radius:0 5px 0 5px; -moz-border-radius:0 5px 0 5px; -ms-border-radius:0 5px 0 5px; -o-border-radius:0 5px 0 5px; }
.cont_list .list_ul{margin-top:10px; padding:40px; background:#f9f9f9; box-sizing:border-box; border-radius:30px 0 30px 0;}
.cont_list .list_ul li{position:relative; margin-top:5px; padding-left:12px; color:#555; font-size:18px; font-weight:400; letter-spacing:-0.5px;}
.cont_list .list_ul li span{display:block; color:#0279be; font-weight:600;}
.cont_list .list_ul li:first-child{margin-top:0;}
.cont_list .list_ul li:before{content:''; display:block; position:absolute; left:0; top:12px; width:3px; height:3px; background:#555; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.cont_list .list_ul li ul{ margin-top:10px; padding:20px; font-size:16px; background:#f9f9f9; box-sizing:border-box; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.cont_list .list_ul li ul li{position:relative; margin-top:10px; padding-left:15px; color:#777; font-size:16px; font-weight:500; letter-spacing:-0.5px; word-break:keep-all;}
.cont_list .list_ul li ul li:first-child{margin-top:0;}
.cont_list .list_ul li ul li:before{content:''; display:block; position:absolute; left:0; top:13px; width:5px; height:1px; background:#777;}

.mT0{margin-top:0 !important;}
.mT10{margin-top:10px !important;}
.mT80{margin-top:80px !important;}
.mL10{margin-left:10px;}
.mR10{margin-right:10px;}
.wp100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}

@media (max-width: 1450px){
    .cont_list > .p_tit:first-child{margin-top:80px;}
    .cont_list .p_tit{font-size:25px;}
    .cont_list .list_ul{padding:30px;}
    .cont_list .txt_box > p{font-size:17px;}
    .cont_list .txt_box{padding:30px;}
    .cont_list .list_ul li{font-size:17px;}
    .mT80{margin-top:50px !important;}
    .cont_list .p_sub_tit,
    .cont_list .txt_box .p_sub_tit{font-size:18px;}
    .cont_list .txt_box .p_sub_tit + p{font-size:17px;}
    .cont_list .list_ul li ul li{font-size:15px;}
}
@media (max-width: 1024px){
    .cont_list > .p_tit:first-child{margin-top:50px;}
    .cont_list .p_tit{padding-left:30px; font-size:22px;}
    .cont_list .p_tit:before{width:20px; height:20px;}
    .cont_list .list_ul{padding:20px; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
    .cont_list .list_ul li{font-size:16px;}
    .cont_list .txt_box > p{font-size:16px;}
    .cont_list .txt_box{padding:20px; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
    .mT80{margin-top:30px !important;}
    .cont_list .p_sub_tit,
    .cont_list .txt_box .p_sub_tit{margin-top:20px; font-size:17px;}
    .cont_list .txt_box .p_sub_tit + p{font-size:16px;}
    .cont_list .list_ul li ul li{font-size:14px;}
}
@media (max-width: 768px){
    .cont_list .p_tit{font-size:20px;}
    .cont_list .list_ul li{font-size:15px;}
    .cont_list .txt_box > p{font-size:15px;}
    .cont_list .p_sub_tit,
    .cont_list .txt_box .p_sub_tit{font-size:16px;}
    .cont_list .txt_box .p_sub_tit + p{font-size:15px;}
}
@media (max-width: 500px){
    .cont_list .p_tit{padding-left:23px; font-size:18px;}
    .cont_list .p_tit:before{width:15px; height:15px;}
    .cont_list .list_ul{padding:15px; border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0; }
    .cont_list .txt_box{ padding:15px; border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0; }
}

.txt_box{margin-top:10px; padding:40px; background:#f9f9f9; box-sizing:border-box; border-radius:30px 0 30px 0;}
.p_sub_tit,
.txt_box .p_sub_tit{position:relative; margin-top:30px; padding-left:20px; color:#00b4cb; font-size:20px; font-weight:600;}
.p_sub_tit:before,
.txt_box .p_sub_tit:before{ content:''; display:block; position:absolute; left:0; top:50%; width:10px; height:10px; background:#00b4cb; border-radius:4px 0 4px 0; -webkit-border-radius:4px 0 4px 0; -moz-border-radius:4px 0 4px 0; -ms-border-radius:4px 0 4px 0; -o-border-radius:4px 0 4px 0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.txt_box .p_sub_tit + p{margin-top:10px; color:#555; font-size:18px;}
.txt_box .p_sub_tit:first-child{margin-top:0;}
.txt_box .list_ul{ padding:0; background:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;}
.txt_box .info_txt{margin-top:10px; font-size:16px; border:1px dashed #eee;}
.txt_box > p{color:#555; font-size:18px; font-weight:400; letter-spacing:-0.5px; word-break:keep-all;}

.info_txt{margin-top:20px; padding:20px; border:1px solid #eee; background:#fff; box-sizing:border-box; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.info_txt .tit{color:#0279be; font-weight:500;}
.info_txt .list{margin-top:5px; margin-left:20px;}
.info_txt .list li{position:relative; padding-left:15px; color:#555; font-weight:300;}
.info_txt .list li:before{content:''; display:block; position:absolute; left:0; top:13px; width:5px; height:1px; background:#555;}

@media (max-width: 1450px){
    .info_txt{padding:15px;}
    .support_box .info_txt a,
    .info_txt .tit{font-size:15px;}
}
@media (max-width: 1280px){
    .info_txt{padding:10px;}
    .info_txt .tit,
    .support_box .info_txt a,
    .support_box .info_txt .tit{font-size:14px;}
}

.basic_table{border-top:1px solid #111;}
.basic_table thead th[rowspan]{border-bottom:0;}
.basic_table tbody th{background:#f3fafb;}
.basic_table tbody td .list_ul{padding:0; text-align:left; background:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
.basic_table tbody td span{display:block; margin-top:5px; color:#0279be; font-size:16px; font-weight:500;}
.tL{text-align:left;}

.cont_list .inr{max-width:1400px; margin:0 auto;}
.cont_list ul[class^="flex_"]{display:flex; flex-wrap:wrap; gap:2%; height:100%; margin-top:10px;}
.cont_list ul[class^="flex_"] > li > div{height:100%; padding:40px 30px; background:#f9f9f9; box-sizing:border-box; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
.cont_list ul[class^="flex_"] > li .tit{position:relative; padding-top:80px; color:#333; font-size:20px; font-weight:700; text-align:center;}
.cont_list ul[class^="flex_"] > li .tit:before{content:''; display:block; position:absolute; left:50%; top:0; width:66px; height:64px; background-repeat:no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
.cont_list ul[class^="flex_"] > li .txt{margin-top:20px; padding:20px; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; text-align:center;}
.cont_list ul[class^="flex_"] > li .txt span{display:block; color:#555; font-size:17px; font-weight:300; letter-spacing:-0.5px; word-break:keep-all;}

@media (max-width: 1450px){
    .cont_list .inr{max-width:100%; padding:0 15px; box-sizing:border-box;}
}
@media (max-width: 1280px){
    .cont_list ul[class^="flex_"] > li > div{padding:30px; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
    .cont_list ul[class^="flex_"] > li .tit{font-size:18px;}
    .cont_list .list_ul li{font-size:16px;}
}
@media (max-width: 1024px){
    .cont_list ul[class^="flex_"]{gap:1.5%;}
    .cont_list ul[class^="flex_"] > li > div{padding:20px;}
    .cont_list ul[class^="flex_"] > li .tit{padding-top:65px; font-size:17px;}
    .cont_list ul[class^="flex_"] > li .tit:before{width:56px; height:54px; background-size:cover;}
    .cont_list ul[class^="flex_"] > li .list_ul{margin-top:10px;}
    .cont_list .list_ul li{font-size:15px;}
}

/* 산업안전교육 - 산업안전프로세스 */
.cont_list ul[class^="flex_"] > li .list_ul{display:flex; justify-content:center; margin-top:20px; padding:20px 10px; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.cont_list .flex_safe > li{flex:1 1 23%;}
.cont_list .flex_safe > li .tit:before{width:66px; height:64px;}
.cont_list .flex_safe .safe01 .tit:before{background-image:url("/assets/site/img/contents/ico_bs34.png");}
.cont_list .flex_safe .safe02 .tit:before{background-image:url("/assets/site/img/contents/ico_bs28.png");}
.cont_list .flex_safe .safe03 .tit:before{background-image:url("/assets/site/img/contents/ico_bs35.png");}
.cont_list .flex_safe .safe04 .tit:before{background-image:url("/assets/site/img/contents/ico_bs36.png");}
.cont_list .flex_safe .safe05 .tit:before{background-image:url("/assets/site/img/contents/ico_bs13.png");}
.cont_list .flex_safe .safe06 .tit:before{background-image:url("/assets/site/img/contents/ico_bs37.png");}
.cont_list .flex_safe .safe07 .tit:before{background-image:url("/assets/site/img/contents/ico_bs35.png");}
.cont_list .flex_safe .safe08 .tit:before{background-image:url("/assets/site/img/contents/ico_bs12.png");}
.cont_list .flex_safe .safe09 .tit:before{background-image:url("/assets/site/img/contents/ico_bs38.png");}
.cont_list .flex_safe .safe10 .tit:before{background-image:url("/assets/site/img/contents/ico_bs39.png");}
.cont_list .flex_safe .safe11 .tit:before{background-image:url("/assets/site/img/contents/ico_bs35.png");}
.cont_list .flex_safe .safe12 .tit:before{background-image:url("/assets/site/img/contents/ico_bs12.png");}
.cont_list .point{font-style:normal; color:#0275bd; font-weight:600;}

@media (max-width: 1450px){
    .cont_list ul.flex_safe > li > div{padding:30px 20px;}
    .cont_list ul.flex_safe > li .tit{font-size:18px;}
    .cont_list ul.flex_safe > li .txt{padding:15px;}
    .cont_list ul.flex_safe > li .txt span{font-size:16px;}
}
@media (max-width: 1280px){
    .cont_list ul.flex_safe{gap:1.5%;}
    .cont_list ul.flex_safe > li > div{padding:20px;}
    .cont_list ul.flex_safe > li .tit{font-size:17px;}
    .cont_list ul.flex_safe > li .txt{padding:14px;}
    .cont_list ul.flex_safe > li .txt span{font-size:15px;}
}
@media (max-width: 880px){
    .cont_list ul.flex_safe{margin-top:0;}
    .cont_list .flex_safe > li{flex:1 1 49%; margin-top:10px;}
    .cont_list ul.flex_safe > li > div{border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0; }
}
@media (max-width: 500px){
    .cont_list .flex_safe > li{flex:1 1 100%;}
}

/* 산업안전교육 - 위기상황 대처방안 */
.crisis_box .step_box li{flex:1 1 30%;}
.crisis_box .step_box li .txt{ display:flex; justify-content:center; position:relative; margin-top:50px; padding:90px 10px 40px; box-sizing:border-box;}
.crisis_box .step_box li .txt:before{content:''; display:block; position:absolute; left:50%; top:0; width:66px; height:64px; background-repeat:no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
.crisis_box .step_box li:first-child .txt:before{background-image:url("/assets/site/img/contents/ico_bs34.png");}
.crisis_box .step_box li:nth-child(2) .txt:before{background-image:url("/assets/site/img/contents/ico_bs35.png");}
.crisis_box .step_box li:nth-child(3) .txt:before{background-image:url("/assets/site/img/contents/ico_bs38.png");}
.crisis_box .step_box li:nth-child(4) .txt:before{background-image:url("/assets/site/img/contents/ico_bs12.png");}
.crisis_box .step_box li:nth-child(5) .txt:before{background-image:url("/assets/site/img/contents/ico_bs36.png");}
.crisis_box .step_box .tit p{font-family:'Pretendard';}
@media (max-width: 1280px){
    .crisis_box .step_box li .txt{margin-top:40px; padding:80px 10px 30px;}
}
@media (max-width: 1024px){
    .crisis_box .step_box li .txt{margin-top:30px; padding:60px 10px 30px;}
    .crisis_box .step_box li .txt:before{width:56px; height:54px; background-size:cover;}
}
@media (max-width: 840px){
    .crisis_box .step_box li{flex:1 1 48%;}
    .crisis_box .step_box li .txt{margin-top:30px; padding:70px 10px 30px;}
}
@media (max-width: 500px){
    .crisis_box .step_box li{flex:1 1 100%;}
}

/* 아웃소싱, 교육사업 */
.support_box{display:flex; flex-wrap:wrap; gap:2%; margin-top:10px;}
.support_box > li{flex:1;}
.support_box > li > div{height:100%; border:1px solid #eee; background:#fff; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0;}
.support_box > li div.tit{padding:20px; text-align:center; background:#0275bd; box-sizing:border-box; border-radius:30px 0 0 0; -webkit-border-radius:30px 0 0 0; -moz-border-radius:30px 0 0 0; -ms-border-radius:30px 0 0 0; -o-border-radius:30px 0 0 0;}
.support_box > li:nth-child(even) div.tit{background:#00b8cc;}
.support_box > li:nth-child(even) .info_txt p{color:#00b8cc;}
.support_box > li div.tit > p{color:#fff; font-size:22px; font-weight:600;}
.support_box .info_txt{margin:5px 0; border:0; background:#f9f9f9; font-size:16px;}
.support_box .info_txt .tit + .list{margin-top:5px; padding:0;}
.support_box .info_txt .tit + .list li{margin-top:5px;}
.support_box .info_txt .tit + .list li a{ display:inline-block; position:relative; padding:1px 10px; color:#0279be; border:1px solid #0279be; background:#fff; box-sizing:border-box; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.support_box .list_ul{margin-top:0; padding:0; background:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
.support_box .list_ul li{margin-top:20px;}
.support_box .txt{position:relative; padding:40px; color:#555; font-size:18px; box-sizing:border-box;}
.support_box.sup_04 > li{flex:1 1 23%;}
.support_box.sup_03 > li{flex:1 1 31%;}
.support_box.sup_c .txt{text-align:center;}
.support_box.sup_c .list_ul{text-align:left;}

.request_box .tit{position:relative; padding-top:75px; color:#333; font-size:20px; font-weight:700; letter-spacing:-0.5px;}
.request_box .txt:before{content:''; display:block; position:absolute; left:50%; top:0; width:66px; height:64px; background-repeat:no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.request_box li:first-child .txt:before{background-image:url("/assets/site/img/contents/ico_bs28.png");}
.request_box li:nth-child(2) .txt:before{background-image:url("/assets/site/img/contents/ico_bs08.png");}
.request_box li .txt.txt_tel:before{background-image:url("/assets/site/img/contents/ico_bs29.png");}
.request_box li:nth-child(3) .txt:before{background-image:url("/assets/site/img/contents/ico_bs27.png");}
.request_box li:nth-child(4) .txt:before{background-image:url("/assets/site/img/contents/ico_bs23.png");}
.request_box .txt{margin-top:50px; padding-top:90px;}
.request_box .txt p{color:#555; font-size:18px; font-weight:400; letter-spacing:-0.5px; word-break:keep-all;}
.request_box .txt .list_ul{padding:0; text-align:left;}
.request_box .txt .list_ul li{margin-top:10px;}
.request_box .btn_go{display:inline-block;  margin:10px auto 0; padding:10px 20px; text-align:center; border:1px solid #0279be; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; }
.request_box .btn_go span{display:block; position:relative; padding-right:20px; color:#0279be; font-size:18px; font-weight:500;}
.request_box .btn_go span:before{content:''; display:block; position:absolute; right:0; top:50%; width:13px; height:14px; background-image:url("/assets/site/img/contents/ico_link.png"); background-position:0 0; background-repeat:no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; }
.request_box .btn_go:hover{background:#0279be;}
.request_box .btn_go:hover span{color:#fff;}
.request_box .btn_go:hover span:before{background-position:0 -32px;}
.request_box li[class^="dis0"] .txt:before{width:66px; height:64px;}
.request_box li.dis01 .txt:before{background-image:url("/assets/site/img/contents/ico_bs13.png");}
.request_box li.dis02 .txt:before{background-image:url("/assets/site/img/contents/ico_bs15.png");}
.request_box li.dis03 .txt:before{background-image:url("/assets/site/img/contents/ico_bs14.png");}
.request_box li[class^="fac0"] .txt:before{width:66px; height:64px;}
.request_box li.fac01 .txt:before{background-image:url("/assets/site/img/contents/ico_bs36.png");}
.request_box li.fac02 .txt:before{background-image:url("/assets/site/img/contents/ico_bs30.png");}
.request_box li.fac03 .txt:before{background-image:url("/assets/site/img/contents/ico_bs31.png");}

@media (max-width: 1450px){
    .support_box .list_ul li{margin-top:10px;}
    .support_box > li div.tit > p{font-size:20px;}
    .support_box .txt{padding:30px;}
    .support_box .txt,
    .request_box .txt p{font-size:17px;}
    .request_box .txt{margin-top:40px; padding-top:80px;}
    .request_box .btn_go{padding:10px 15px;}
    .request_box .btn_go span{font-size:17px;}
}
@media (max-width: 1280px){
    .support_box > li div.tit > p{font-size:18px;}
    .support_box .txt{padding:20px;}
    .request_box .txt{padding:20px;}
    .support_box > li div.tit{padding:15px;}
    .support_box .txt p{font-size:16px;}
    .request_box .txt{margin-top:30px; padding-top:80px;}
    .request_box .btn_go span{font-size:16px;}
}
@media (max-width: 1024px){
    .support_box > li > div{border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
    .support_box > li div.tit{padding:10px; border-radius:20px 0 0 0; -webkit-border-radius:20px 0 0 0; -moz-border-radius:20px 0 0 0; -ms-border-radius:20px 0 0 0; -o-border-radius:20px 0 0 0; }
    .support_box > li div.tit > p{font-size:17px;}
    .support_box .txt p{font-size:15px;}
    .request_box .btn_go span{font-size:15px;}
    .support_box.sup_04 > li{flex:1 1 49%; margin-top:20px;}
    .request_box .btn_go span:before{width:12px; height:12px; background-size:cover;}
    .request_box .btn_go:hover span:before{background-position:0 -30px;}
    .request_box .txt{margin-top:20px; padding-top:70px;}
    .request_box .txt:before,
    .request_box li[class^="fac0"] .txt:before,
    .request_box li[class^="dis0"] .txt:before{width:56px; height:54px; background-size:cover;}
}
@media (max-width: 768px){
    .support_box{flex-direction:column;}
    .support_box > li{margin-top:20px;}
    .support_box > li:first-child{margin-top:0;}
    .support_box > li > div{border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0; }
    .support_box > li div.tit{border-radius:10px 0 0 0; -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -ms-border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; }
    .support_box.sup_03 > li{flex:1 1 100%; margin-top:20px;}
    .support_box.sup_03 > li:first-child{margin-top:0;}
    .support_box > li div.tit > p{font-size:16px;}
    .request_box .btn_go span{font-size:14px;}
}

.step_box{display:flex; flex-wrap:wrap; gap:4%;}
.step_box > li{flex:1 1 16%; position:relative; margin:2% 0 1%; text-align:center;}
.step_box > li:after{content:''; display:block; position:absolute; right:-40px; top:50%; width:20px; height:33px; background:url("/assets/site/img/contents/step_arrow.png"); transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.step_box > li:last-child:after{display:none;}
.step_box li > div{ height:100%; border:1px solid #eee; background:#fff; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
.step_box li .tit{ padding:10px 5px; background:#0275bd; box-sizing:border-box; border-radius:20px 0 0 0; -webkit-border-radius:20px 0 0 0; -moz-border-radius:20px 0 0 0; -ms-border-radius:20px 0 0 0; -o-border-radius:20px 0 0 0; }
.step_box li:nth-child(even) .tit{background:#00b8cc;}
.step_box li .tit p{color:#fff; font-family:'Poppins'; font-size:17px; font-weight:700; letter-spacing:1px;}
.step_box li .txt{padding:20px; color:#555; font-size:18px; font-weight:600; box-sizing:border-box; word-break:keep-all;}
.step_box li .txt span{display:block; margin-top:10px; color:#888; font-size:16px; font-weight:500; letter-spacing:-0.5px; word-break:keep-all;}
.step_box li .txt span + span{margin-top:5px;}
.step_box .list_ul{padding:0; text-align:left; background:none;}

@media (max-width: 1280px){
    .step_box > li{flex:1 1 17%;}
    .step_box > li:after{right:-37px;}
    .step_box li .tit p{font-size:16px;}
    .step_box li .txt{padding:15px; font-size:17px;}
    .step_box li .txt span{font-size:15px;}
}
@media (max-width: 1024px){
    .step_box > li:after{right:-28px;}
    .step_box li > div{border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0; }
    .step_box li .tit{border-radius:10px 0 0 0; -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -ms-border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; }
    .step_box li .tit p{font-size:15px;}
    .step_box li .txt{padding:10px; font-size:16px;}
    .step_box li .txt span{font-size:14px;}
    .step_box > li:after{width:14px; height:23px; background-size:cover;}
}
@media (max-width: 840px){
    .step_box > li{flex:1 1 30%;}
    .step_box > li:after{right:-24px;}
    .step_box li .txt{padding:10px; font-size:15px;}
}
@media (max-width: 680px){
    .step_box{gap:3%;}
    .step_box > li:after{display:none;}
}
@media (max-width: 430px){
    .step_box > li{flex:1 1 48%;}
}

/*2023 10 05*/
/* 아웃소싱 - 특수사업 */
.special_pro_box{display:flex; flex-wrap:wrap; gap:2%; margin:30px 0;}
.special_pro_box > li{flex:1 1 18%;}
.special_pro_box > li > div{ height:100%; padding:30px; text-align:center; border:1px solid #d0d5d8; background:#fff; box-sizing:border-box; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
.special_pro_box .txt{position:relative; padding-top:80px; color:#333; font-size:18px; font-weight:700; letter-spacing:-0.5px;}
.special_pro_box .txt:before{content:''; display:block; position:absolute; left:50%; top:0; width:66px; height:64px; background-repeat:no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.special_01 > li:first-child .txt:before{background-image:url("/assets/site/img/contents/ico_bs40.png");}
.special_01 > li:nth-child(2) .txt:before{background-image:url("/assets/site/img/contents/ico_bs41.png");}
.special_01 > li:nth-child(3) .txt:before{background-image:url("/assets/site/img/contents/ico_bs42.png");}
.special_01 > li:nth-child(4) .txt:before{background-image:url("/assets/site/img/contents/ico_bs43.png");}
.special_01 > li:nth-child(5) .txt:before{background-image:url("/assets/site/img/contents/ico_bs44.png");}

.special_02 > li:first-child .txt:before{background-image:url("/assets/site/img/contents/ico_bs45.png");}
.special_02 > li:nth-child(2) .txt:before{background-image:url("/assets/site/img/contents/ico_bs46.png");}
.special_02 > li:nth-child(3) .txt:before{background-image:url("/assets/site/img/contents/ico_bs47.png");}
.special_02 > li:nth-child(4) .txt:before{background-image:url("/assets/site/img/contents/ico_bs48.png");}
.special_02 > li:nth-child(5) .txt:before{background-image:url("/assets/site/img/contents/ico_bs49.png");}

.special_03 > li:first-child .txt:before{background-image:url("/assets/site/img/contents/ico_bs50.png");}
.special_03 > li:nth-child(2) .txt:before{background-image:url("/assets/site/img/contents/ico_bs51.png");}
.special_03 > li:nth-child(3) .txt:before{background-image:url("/assets/site/img/contents/ico_bs52.png");}
.special_03 > li:nth-child(4) .txt:before{background-image:url("/assets/site/img/contents/ico_bs53.png");}
.special_03 > li:nth-child(5) .txt:before{background-image:url("/assets/site/img/contents/ico_bs54.png");}

@media (max-width: 1450px){
    .special_pro_box .txt{font-size:17px;}
}
@media (max-width: 1280px){
    .special_pro_box > li > div{padding:20px;}
    .special_pro_box .txt{font-size:16px;}
}
@media (max-width: 1024px){
    .special_pro_box > li > div{padding:20px 15px; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
    .special_pro_box .txt{padding-top:65px; font-size:15px;}
    .special_pro_box .txt:before{width:56px; height:54px; background-size:cover;}
}
@media (max-width: 768px){
    .special_pro_box{margin:15px 0 30px;}
    .special_pro_box > li{flex:0 49%; margin-top:15px;}
    .special_pro_box > li > div{ padding:15px 10px; border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0; }
    .special_pro_box .txt{font-size:14px;}
}





/*교육사업 - 계절학기*/
.season_pro_box{display:flex; flex-wrap:wrap; gap:30px; margin:30px 0;}
.season_pro_box > li{flex:1 1 31%;}
.season_pro_box > li > div{ height:100%; padding:30px; text-align:center; border:1px solid #d0d5d8; background:#fff; box-sizing:border-box; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
.season_pro_box .txt{position:relative; padding-top:80px; color:#333; font-size:18px; font-weight:700; letter-spacing:-0.5px;}
.season_pro_box .txt:before{content:''; display:block; position:absolute; left:50%; top:0; width:66px; height:64px; background-repeat:no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.season_pro_box > li:first-child .txt:before{background-image:url("/assets/site/img/contents/ico_bs55.png");}
.season_pro_box > li:nth-child(2) .txt:before{background-image:url("/assets/site/img/contents/ico_bs56.png");}
.season_pro_box > li:nth-child(3) .txt:before{background-image:url("/assets/site/img/contents/ico_bs57.png");}
.season_pro_box > li:nth-child(4) .txt:before{background-image:url("/assets/site/img/contents/ico_bs58.png");}
.season_pro_box > li:nth-child(5) .txt:before{background-image:url("/assets/site/img/contents/ico_bs59.png");}
.season_pro_box > li:nth-child(6) .txt:before{background-image:url("/assets/site/img/contents/ico_bs60.png");}

@media (max-width: 1450px){
    .season_pro_box .txt{font-size:17px;}
}
@media (max-width: 1280px){
    .season_pro_box > li > div{padding:20px;}
    .season_pro_box .txt{font-size:16px;}
}
@media (max-width: 1024px){
    .season_pro_box > li > div{padding:20px 15px; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
    .season_pro_box .txt{padding-top:65px; font-size:15px;}
    .season_pro_box .txt:before{width:56px; height:54px; background-size:cover;}
}
@media (max-width: 768px){
    .season_pro_box{margin:15px 0 30px; gap: 2%;}
    .season_pro_box > li{flex:1 46%; margin-top:15px;}
    .season_pro_box > li > div{ padding:15px 10px; border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0; }
    .season_pro_box .txt{font-size:14px;}
}
/*2023 10 05*/

/* 아웃소싱 - 채용대행 */
.service_pro_box{display:flex; flex-wrap:wrap; gap:2%; margin:30px 0;}
.service_pro_box > li{flex:1 1 23%;}
.service_pro_box > li > div{ height:100%; padding:30px; text-align:center; border:1px solid #d0d5d8; background:#fff; box-sizing:border-box; border-radius:30px 0 30px 0; -webkit-border-radius:30px 0 30px 0; -moz-border-radius:30px 0 30px 0; -ms-border-radius:30px 0 30px 0; -o-border-radius:30px 0 30px 0; }
.service_pro_box .txt{position:relative; padding-top:80px; color:#333; font-size:18px; font-weight:700; letter-spacing:-0.5px;}
.service_pro_box .txt:before{content:''; display:block; position:absolute; left:50%; top:0; width:66px; height:64px; background-repeat:no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.service_pro_box > li:first-child .txt:before{background-image:url("/assets/site/img/contents/ico_bs22.png");}
.service_pro_box > li:nth-child(2) .txt:before{background-image:url("/assets/site/img/contents/ico_bs01.png");}
.service_pro_box > li:nth-child(3) .txt:before{background-image:url("/assets/site/img/contents/ico_bs31.png");}
.service_pro_box > li:nth-child(4) .txt:before{background-image:url("/assets/site/img/contents/ico_bs30.png");}

@media (max-width: 1450px){
    .service_pro_box .txt{font-size:17px;}
}
@media (max-width: 1280px){
    .service_pro_box > li > div{padding:20px;}
    .service_pro_box .txt{font-size:16px;}
}
@media (max-width: 1024px){
    .service_pro_box > li > div{padding:20px 15px; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; }
    .service_pro_box .txt{padding-top:65px; font-size:15px;}
    .service_pro_box .txt:before{width:56px; height:54px; background-size:cover;}
}
@media (max-width: 768px){
    .service_pro_box{margin:15px 0 30px;}
    .service_pro_box > li{flex:1 1 49%; margin-top:15px;}
    .service_pro_box > li > div{ padding:15px 10px; border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0; }
    .service_pro_box .txt{font-size:14px;}
}

/* 아웃소싱 - 헤드헌팅 */
.activity_box .step_box{position:relative; padding-bottom:50px;}
.activity_box .step_box:before{ content:''; display:block; position:absolute; left:50%; bottom:0; width:20px; height:33px; background:url("/assets/site/img/contents/step_arrow.png"); transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); }
.activity_box .step_box > li:after{display:none;}
.activity_box .result{margin-top:30px; height:100%; text-align:center; border:1px solid #eee; background:#fff; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -ms-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0;}
.activity_box .result .tit{padding:10px 5px; background:#00b8cc; box-sizing:border-box; border-radius:20px 0 0 0; -webkit-border-radius:20px 0 0 0; -moz-border-radius:20px 0 0 0; -ms-border-radius:20px 0 0 0; -o-border-radius:20px 0 0 0; }
.activity_box .result .tit p{color:#fff; font-size:17px; font-weight:700; letter-spacing:1px;}
.activity_box .result .txt{padding:20px; color:#555; font-size:18px; font-weight:600; box-sizing:border-box; word-break:keep-all;}

/* 아웃소싱 - TM(컨택센터) */
.cs_pro_box > li:first-child .txt:before{background-image:url("/assets/site/img/contents/ico_bs01.png");}
.cs_pro_box > li:nth-child(2) .txt:before{background-image:url("/assets/site/img/contents/ico_bs24.png");}
.cs_pro_box > li:nth-child(3) .txt:before{background-image:url("/assets/site/img/contents/ico_bs22.png");}
.cs_pro_box > li:nth-child(4) .txt:before{background-image:url("/assets/site/img/contents/ico_bs03.png");}

/* 요양일자리 */
.re_pro_box > li:first-child .txt:before{background-image:url("/assets/site/img/contents/ico_bs28.png");}
.re_pro_box > li:nth-child(2) .txt:before{background-image:url("/assets/site/img/contents/ico_bs09.png");}
.re_pro_box > li:nth-child(3) .txt:before{background-image:url("/assets/site/img/contents/ico_bs04.png");}
.re_pro_box > li:nth-child(4) .txt:before{background-image:url("/assets/site/img/contents/ico_bs34.png");}

.btn_wrap .btn_bs{ width:auto; padding:0.3rem 3rem; font-size:1.125rem; background-image:linear-gradient(to right, #0177bd, #00d0d0); border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -ms-border-radius:10px 0 10px 0; -o-border-radius:10px 0 10px 0;}

/* 구직신청 */
.form_job{font-weight:500;}
.form_job input{box-sizing:border-box;}
.form_job .custom-file{width:140px; height:200px;}
.form_job .up_photo label{width:140px; height:200px; padding:0;}
.form_job .custom-file-btn{top:auto; bottom:0;}
.form_job .custom-file.up_photo {

}
.form_job .custom-file.up_photo #preview_photo {
    width: 100%; height: 100%;
    max-width: 140px; max-height: 155px;
    top: 0; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 0; object-fit: contain;
}
.form_job .custom-file.up_photo .custom-file-btn {

}


.add_box{position:relative;}
.add_box button{width:140px; margin-left:5px; line-height:44px; text-align:center; background:#222; pointer-events:none;}
.add_box button.post_btn {pointer-events: auto;}
.add_box button span{display:block; color:#fff; font-size:1rem;}
.form_job .cont .flex_ul{display:flex; flex-wrap:wrap; gap:0.5rem;}
.form_job .cont .flex_ul li{display:flex; flex-wrap:wrap; align-items:center;  gap:0.5rem;}
.form_job .cont .flex_box li{display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:5px;}
.form_job .cont .flex_box li p{display:block;}
.form_job .cont .flex_box.language_box li{gap:1rem;}
.form_job .cont .hope_box{display:flex; gap:1rem;}
.form_job .cont .hope_box > li span{display:inline-block; width:20px; margin-right:5px; vertical-align:middle;}
.form_job .cont .hope_box > li:last-child span{display:inline-block; width:40px; margin-right:5px; vertical-align:middle;}
.form_job .cont .hope_box li input{margin-top:5px;}
.form_job .mB_box > *{margin-bottom:5px;}

@media (max-width: 1320px){
    .form_job .scroll_box{overflow-x:auto;}
    .form_job .scroll_box ul{width:1100px; padding-bottom:20px; box-sizing:border-box;}
    .form_job .scroll_box::-webkit-scrollbar{height:6px;}
    .form_job .scroll_box::-webkit-scrollbar-track{ background:#eee; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px;}
    .form_job .scroll_box::-webkit-scrollbar-thumb{background:#555; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px;}
}
@media (max-width: 1024px){
    .form_job .cont .hope_box{flex-direction:column;}
    .form_job .cont .hope_box ul{display:flex; flex-wrap:wrap; gap:1rem;}
}
@media (max-width: 860px){
    .form_job .form_table{table-layout:fixed;}
    .form_job .custom-file-btn{position:absolute; float:none;}
    .form_job .cont ul:not(.flex_ul, .flex_box) .wp100,
    .form_job .cont ul:not(.flex_ul, .flex_box) .w200,
    .form_job .cont ul:not(.flex_ul, .flex_box) .w300{width:100%;}
    .form_job colgroup{display:none;}
    .form_job .cont .hope_box ul{flex-direction:column;}
    .form_job .cont .hope_box input{width:calc(100% - 25px) !important;}
    .form_job .cont .hope_box > li:last-child input{width:calc(100% - 55px) !important;}
}

@media (max-width: 568px){
    .form_job .custom-file-btn{width:100%;}
}




.board_tab{display: flex; justify-content: center; margin-bottom: 5.5rem;}
.board_tab li{overflow: hidden;}
.board_tab li:first-child{border-radius: 3.875rem 0 0 3.875rem;}
.board_tab li:last-child{border-radius: 0 3.875rem 3.875rem 0;}
.board_tab li a{position: relative; display: block; box-sizing: border-box; padding: 0 1.43rem; font-size: 1.125rem; font-weight: 500; text-align: center; line-height: 62px; color: #aaa; background: #f9f9f9;}
.board_tab li:first-child a{padding-left: 2.6rem;}
.board_tab li:last-child a{padding-right: 2.6rem;}
.board_tab li:not(:first-child) a:before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; width: 1px; height: 15px; background-color: #d9d9d9;}

.board_tab li a:hover,
.board_tab li a:focus{}
.board_tab li.on a{color: #333; font-weight: 700;}
.board_tab li.on a:focus{outline: none;}



/*아웃소싱 - 제조/생산*/
.manu_box li.fac01 .txt:before {background-image:url("/assets/site/img/contents/ico_bs61.png")}
.manu_box li.fac02 .txt:before {background-image:url("/assets/site/img/contents/ico_bs62.png")}
.manu_box li.fac03 .txt:before {background-image:url("/assets/site/img/contents/ico_bs63.png")}




/*시설안내*/
.facility .grid {
    display: flex; gap: 20px;
    flex-wrap: wrap;
}
.facility .grid .item {
    width: calc( (100% - 20px) / 2);
    box-sizing: border-box;
    border-radius: 30px 0 30px 0; overflow: hidden;
}
@media (max-width: 568px) {
    .facility .grid {
        gap: 10px;
    }
    .facility .grid .item {
        width: 100%;
        border-radius: 10px 0 10px 0;
    }
}




/*요양일자리 - 요양일자리*/
.recuper-list {
    margin-top: 10px;
}
.recuper-list li dl {
    display: flex; justify-content: center; align-items: center;
    gap: 50px;
}
.recuper-list li dl dt {
    width: 50%;
    border-radius: 30px 0 30px 0; overflow: hidden;
}
.recuper-list li dl dd {
    flex: 1;
}
.recuper-list li dl dd div {
    font-size: 24px; font-weight: 600; color: #333;
    margin-bottom: 10px;
}
.recuper-list li dl dd p {
    font-size: 18px;
}
.recuper-list li:nth-of-type(2) {
    margin-top: 50px;
}
.recuper-list li:nth-of-type(2) dl dt {
    order: 2;
}
.recuper-list li:nth-of-type(2) dl dd {
    order: 1;
}

@media (max-width: 768px) {
    .recuper-list li dl {
        flex-direction: column; gap: 10px;
    }
    .recuper-list li dl dt  {
        width: 100%;
        border-radius: 10px 0 10px 0;
    }
    .recuper-list li:nth-of-type(2) {
        margin-top: 20px;
    }
    .recuper-list li:nth-of-type(2) dl dt {
        order: 1;
    }
    .recuper-list li:nth-of-type(2) dl dd {
        order: 2;
    }
    .recuper-list li dl dd div {
        font-size: 20px; margin-bottom: 0;
    }
    .recuper-list li dl dd p {
        font-size: 15px;
    }
    .recuper-list li dl dd p br {
        display: none;
    }
}



/*요양일자리 - 요양일자리*/
