@media (min-width: 1200px) {
   .container {
      /* padding-left: 0;
      padding-right: 0; */
      max-width: 1170px !important;
   }
}
/* ���� */
#sub_visual {
   position:relative;
   width: 100%;
   height: 470px;
}

.backgroundimg {
   width: 100%;
   margin: 0 auto;
   height: 470px;
}

.backgroundimg .title {
   padding-top: 50px 0 8px;
   font-size: 72px;
   font-weight: 700;
   color: #fff;
}
.backgroundimg .container {
   height: 470px;
}
@media (max-width: 500px) {
   #sub_visual,
   .backgroundimg,
   .backgroundimg .container {
      height: 300px;
   }
   .backgroundimg .title {
      font-size: 40px;
   }
}
.sub_location {
   position: relative;
   top: 0px;
   width: 100%;
   height: 48px;
   font-size: 0;
   margin: 0 auto;
}

.sub_location .cen {
   width: 16px;
   height: 16px;
}

.sub_location ul {
   width: 184px;
   margin-top: 18px;
}

.sub_location ul li {
   position: relative;
   width: 100%;
   z-index: 100 !important;
}
.sub_location ul li span {
   display: block;
   line-height: 48px;
   font-size: 16px;
   color: #fff;
   font-weight: 500;
   background: url('../images/smenu_arr.png') 95% center no-repeat;
   cursor: pointer;
   border-bottom: 1px solid #fff;
}
.sub_location ul.on li span {
   background: url('../images/smenu_arr_on.png') 95% center no-repeat;
}

.sub_location ul li a {
   width: 100%;
   display: block;
   color: #000;
   font-size: 16px;
   font-weight: 500;
   padding: 0 16px;
}
.sub_location ul li a:hover {
   color: #000;
   background: #fff;
   box-sizing: border-box;
}

.sub_location ul ul {
   display: none;
   width: 100%;
   position: absolute;
   top: 30px;
   left: -1px;
   padding: 0;
   background: #fff;
   border: 1px solid #ddd;
   border-top: none;
   z-index: 999999;
   background: rgba(240,243,247,0.97);
}
.sub_location ul.on li ul {
   display: block;
}
.sub_location ul.dep2 li span {
   color: #ffffff;
   font-weight: 500;
}
.sub_location ul ul li a {
   line-height: 40px;
}
@media (max-width: 500px) {
   .sub_location ul {
      width: 50%;
   }
   .sub_location ul li span {
      font-size: 14px;
   }
   .sub_location ul li a {
      font-size: 14px;
   }
}
.subMidMenu_fix {
   position: fixed;
   z-index: 99;
   background-color: #fff;
   top: 112px;
}
.mid_menu_pc_wrap {
   border-bottom: 1px solid #dee2e6;
}
.mid_menu_pc {
   display: flex;
   justify-content: space-around;
   /* align-items: center;
	height:60px; */
}
.mid_menu_pc a {
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   font-size: 16px;
   color: #000;
   font-weight: 400;
   height: 60px;
   border-right: 1px solid #dee2e6;
   /* border-bottom: 1px solid #dee2e6; */
}
.mid_menu_pc a:first-child {
   border-left: 1px solid #dee2e6;
}
.mid_menu_pc a.on {
   color: #33ab83;
   font-weight: 700;
}

.mid_menu_pc a.ex {
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   font-size: 18px;
   line-height: 18px;
   color: #ffffff !important;
   height: 60px;
   text-align: center;
   border-right: 1px solid #2d415c;
}
.mid_menu_pc div:last-child {
   border-right: none;
}

.mid_menu_mobile {
   position: relative;
   top: 0px;
   width: 100%;
   height: 48px;
   /* margin: 0 auto; */
}

.mid_menu_mobile ul {
   width: 100%;
   text-align: center;
   border-bottom: 1px solid #dae2e3;
}

.mid_menu_mobile ul li {
   position: relative;
   width: 100%;
   z-index: 10;
}
.mid_menu_mobile ul li span {
   display: block;
   /* padding: 0 24px 0 0px; */
   line-height: 48px;
   font-size: 16px;
   color: #000;
   font-weight: 500;
   background: url('../images/smenu2_arr.png') 95% center no-repeat;
   cursor: pointer;
   border-bottom: 1px solid #fff;
}
.mid_menu_mobile ul.on li span {
   background: url('../images/smenu2_arr_on.png') 95% center no-repeat;
}

.mid_menu_mobile ul li a {
   width: 100%;
   display: block;
   color: #000;
   font-size: 16px;
   font-weight: 500;
}
.mid_menu_mobile ul li a:hover {
   color: #000;
   background: #ddd;
   box-sizing: border-box;
}

.mid_menu_mobile ul ul {
   display: none;
   width: 100%;
   position: absolute;
   top: 48px;
   left: -1px;
   padding: 0;
   background: #fff;
   border: 1px solid #ddd;
   border-top: none;   
}
.mid_menu_mobile ul.on li ul {
   display: block;
}
.mid_menu_mobile ul.dep2 li span {
   color: #ffffff;
   font-weight: 500;
}
.mid_menu_mobile ul ul li a {
   line-height: 40px;
}

.scontents {
   width: 100%;
   height: 100%;
   margin: 0px auto;
   padding: 30px 0 100px 0;
   background: none;
}
.scontents:after {
   content: '';
   display: block;
   clear: both;
}

/* 서브 내용 공통 S */
.conTitle {
   font-size: 48px;
   font-weight: 700;
   margin-top: 42px;
}
.subConTitle {
   font-size: 20px;
   font-weight: 900;
   color: #adb5bd;      
}
.subConTitle2 {
   font-size: 56px;
   font-weight: 900;
   word-break: keep-all;
   line-height:1.25;
}
@media (max-width: 500px) {
   .conTitle{
      font-size: 34px;
   }
   .subConTitle2 {
      font-size: 34px;
   }
   .subConTitle {
      margin-top: 50px;
   }
}
.subConText {
   font-size: 20px;
   font-weight: 300;
}

.scontents h4{
	font-size: 1.5rem !important;
}
@media (max-width: 768px) {
   .scontents .display-1 {
      font-size: calc(1.625rem + 4.5vw);
   }
   .scontents .display-2 {
      font-size: calc(1.575rem + 3.9vw);
   }
   .scontents .display-3 {
      font-size: calc(1.525rem + 3.3vw);
   }
   .scontents .display-4 {
      font-size: calc(1.475rem + 2.7vw);
   }
   .scontents .display-5 {
      font-size: calc(1.425rem + 2.1vw);
   }
   .scontents .display-6 {
      font-size: calc(1.375rem + 1.5vw);
   }
   .scontents h1 {
      font-size: calc(1.375rem + 1.5vw);
   }
   .scontents h2 {
      font-size: calc(1.325rem + .9vw);
   }
   .scontents h3 {
      font-size: calc(1.3rem + .6vw);
   }
   .scontents h4 {
      font-size: calc(1.275rem + .3vw);
   }
   .scontents h5 {
      font-size: calc(1.125rem);
   }
}

.pre-line {
   white-space: pre-line;
}
@media (max-width:768px) {
   .pre-line {
      white-space: normal;
   }
}

.border-bottom-dotted {
	border-bottom: 1px dotted #dee2e6;
}
/* 서브 내용 공통 E */

/* 회사소개 공통 S */
#overview p, #history p, #ci p, #location p, #partners_bg p {
   font-size: 1.125rem;
}
#history dl dt, #history dl dd, #location dl dt, #location dl dd {
   font-size: 1.125rem;
}
@media (max-width: 768px) {
   #overview p, #history p, #ci p, #location p {
   font-size: 1rem;
   }
   #history dl dt, #history dl dd, #location dl dt, #location dl dd {
      font-size: 1rem;
   }
}
#overview .row, #history .row, #ci .row, #location .row, #partners .row, #partners_bg .row {
   margin-right: -30px;
   margin-left: -30px;
}
#overview .display-6, #history .display-6, #ci .display-6, #location .display-6, #partners .display-6 {
   font-weight: 600;
}
@media (max-width: 768px) {
   #overview .display-6, #history .display-6, #ci .display-6, #location .display-6, #partners .display-6 {
      font-size: 2rem;
      font-weight: 800;
   }
}
/* 회사소개 공통 E */

/* 회사소개 > 회사개요 S */
#overview .wrap{
   margin-top: 12rem;
}
@media (max-width: 768px) {
   #overview .wrap{
   margin-top: 6rem;
   }
}

#greeting h5.border-bottom{
   border-color:#000 !important;
}
@media (max-width: 576px) {
   #greeting img{
   width:30%
   }
}
#greeting .bg {
   flex-direction: row-reverse;
   background: url('../images/company/bg_overview_01.jpg') no-repeat left center;
}
@media (max-width: 992px) {
   #greeting .bg {
      flex-direction: row;
      background-position: right center;
      background-size: 40%;
   }
}
@media (max-width: 768px) {
   #greeting .bg {
      background-image: none;
   }
}

#intro1 h5::before {
   content: "";
   position: relative;
   margin: 6rem 0 2rem;
   display: block;
   top: 0px;
   width: 3px;
   height: 6rem;
   background-color: #33ab83;
}
@media (max-width: 992px) {
   #intro1 h5::before {
      margin: 1rem 0 1rem;
      height: 3rem;
   }
}
#intro1 div .bg {
   background: url('../images/company/bg_overview_02.jpg') no-repeat center center;
}
#intro2 div .bg {
   background: url('../images/company/bg_overview_03.jpg') no-repeat right center;
   
}
#intro1 div .bg, #intro2 div .bg{
   background-size: cover;
   min-height: 15rem;
}
#intro2 .row {
   margin-right: -15px;
   margin-left: -15px;
}
#intro2 dl dt {
   margin-bottom: 0.5rem;
   padding-top: 1rem;
   font-size: 1.125rem;
   border-top: 1px solid #dee2e6;
}
#intro2 dl dd {
   margin-bottom: 0.25rem;
   color: #6c757d;
}
#intro2 small {
   font-size: 75%;
}

#finance img {
   position: relative;
   z-index: -1;
   bottom: 0;
   margin-top:-6rem;
}
#finance div:last-child h6 {
   padding-left: 0 !important;
}
#finance div:last-child h6:nth-child(1) span {
   color:#dee2e6;
}
#finance div:last-child h6:nth-child(2) span {
   color:#9dd4bb;
}
#finance div:last-child h6:nth-child(3) span {
   color:#3caa77;
}

#social .border-top {
   border-color: #e71a10 !important;
}
@media (max-width: 576px) {
   #social div:nth-child(2) img{
      width: 50%;
   }
   #social div:nth-child(3) img, #social div:nth-child(4) img{
      width: 70%;
   }
}
/* 회사소개 > 회사개요 E */

/* 회사소개 > 연혁 S */
#history .display-3{
   font-weight: 700;
}
#history .bg {
   height: 12rem;
   background-size: cover !important;
}
@media (max-width:768px) {
   #history .bg {
      height: 9rem;
   }
}
#history .bg_2021 {
   background: url('../images/company/bg_history_2021.jpg') no-repeat center center;
}
#history .bg_2016{
   background: url('../images/company/bg_history_2016.jpg') no-repeat center center;
}
#history .bg_2011{
   background: url('../images/company/bg_history_2011.jpg') no-repeat center center;
}
#history .bg_2010{
   background: url('../images/company/bg_history_2010.jpg') no-repeat center center;
}
#history dl {
   padding: 1rem 0;
   margin: 0.5rem 0;
}
#history dl dt, #history dl dd {
   padding-left: 0 !important;
   margin-bottom: 0;
}
#history dl dd:last-child {
   padding-right: 0 !important;
}
@media (max-width:425px) {
   #history dl dt, #history dl dd {
      padding: 0 !important;
   }
}
#history dl dd.col-lg-3 {
   font-size: 1rem;
   font-weight: 300;
}
#history dl.point dt, #history dl.point dd {
   background-color: #d8f0e8;
}
#history dl.point dt:first-child {
   background: none;
}
#history dl.point small{
   color: #33ab83;
   font-weight: 900;
}
/* 회사소개 > 연혁 E */

/* 회사소개 > CI S */
#ci .display-3{
   font-weight: 700;
}
#ci .bg {
   position: relative;
   z-index:-1;
   margin-top:-2rem;
   height: 26rem;
   background: url('../images/company/bg_ci.jpg') no-repeat center center;
   background-size: contain !important;
}
@media (max-width:768px) {
   #ci .bg {
      margin-top: 0;
      height: 20rem;
   }
}
#ci .border-info {
   border-color: #33ab83 !important;
   border-width: 2px !important;
}
#ci h6.border-info {
   color: #6c757d;
}
#ci .btn-outline-dark {
   width: 14.5rem;
   color: #000;
}
#ci .btn-outline-dark a:hover {
   color: #fff;
}
#ci .row:nth-child(2) div > div.border {
   min-height: 12.5rem;
}
/* 회사소개 > CI E */

/* 사업장 소개 S */
#location small {
   color: #33ab83;
   font-weight: 900;
}
#location dl dt{
   width: 3.5rem;
}
#location p, #location dl dd{
   color: #858585;
}
#location .button{
   position: relative;
   bottom: 0;
}
@media (max-width: 768px) {		
   #location .button img{
      width: 3rem;
   }
}
#location .wrap_map {
   height:100% !important;
   min-height: 300px;
}
/* 사업장 소개 E */

/* 회사소개 > 주요 사업실적 공통 S*/
@media (max-width: 500px) {
   #case .bgLayout{
      height: 27rem !important;
   }
}

.case_contxt .contitle {
   color: #000;
   font-size: 28px;
   word-break: keep-all;
}
@media (max-width: 425px) {
   .case_contxt .contitle {
      font-size: 24px;
   }
}
.case_contxt .contxt {
   font-size: 18px;
   line-height: 27px;
   padding: 8px 0;
   word-break: keep-all;
}

#case .box-ci p {
   display: flex;
   justify-content: center;
   align-items: center !important;
   width: 100%;
   min-height: 6rem;
   margin-bottom: 0 !important;
}
/* 회사소개 > 주요 사업실적 공통 E */

/* 회사소개 > 주요관계사 S */
#partners_bg {
   margin-top: -3rem;
}
#partners_bg .d-flex {
   min-height: 9.5rem;
}
@media (max-width: 425px) {
   #partners_bg .d-flex {
      min-height: 6rem;
   }
}
#partners_bg .border{
   background-color: #fff;
   border-color: #f1f3f5 !important;
}
#partners_bg p:not(.d-flex) {
   line-height: 1.2 !important;
}
/* 회사소개 > 주요관계사 E */

/* 비즈니스 내용 공통 S */
.busi_contxt .contxt {
   font-size: 18px;
   line-height: 27px;
   padding: 8px 0;
   margin-bottom: 1.5rem;
   word-break: keep-all;
}
.busi_contxt .contitle {
   color: #000;
   font-size: 28px;
   word-break: keep-all;
}
@media (max-width: 425px) {
   .busi_contxt .contitle {
      font-size: 24px;
   }
}
.br {
   word-break: keep-all;
}

/* .subConText {
   max-width: 470px;
} */

.border-bt-dot {
   border-bottom: 1px dotted #dee2e6;
}

.linkCon .contxt01 {
   font-size: 18px;
   color: #6c757d;
   padding: 48px 15px;
   word-break: keep-all;
}
.linkCon .contxt02 {
   font-size: 16px;
   color: #6c757d;
   line-height: 24px;
   margin-bottom: 0;
   margin-top: 1rem;
   word-break: keep-all;
}

.linkCon .email {
   min-width: 260px;
   font-size: 18px;
   font-weight: 600;
   color: #000;
}

.linkCon .emailBd {
   font-weight: 900;
}

.linkCon .conBtn {
   min-width: 165px;
   background: none;
   border: 1px solid #adb5bd;
   border-radius: 0.2rem;
   font-size: 16px;
   color: #343a40;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0.4rem 0;
   word-break: keep-all;
}
.conBtn i {
   font-size: 24px;
   padding-left: 15px;
}
.conBtn span {
   padding-right: 15px;
}
/* 비즈니스 내용 공통 E */

/* 비즈니스 > 공공조달 > ciscosanswitch */
.logo_cisco {
   border: 1px solid #dee2e6;
}

/* 비즈니스 > 시스템통합 > 통합유지보수 */
.subBottomText {
   font-size: 18px;
   color: #333;
   padding: 0 15px;
   line-height: 2rem;
}

/* 비즈니스 > 시스템통합 > IT컨설팅 S */
.bgLayout {
   height: 440px;
}
@media (max-width: 500px) {
   .bgLayout {
      height: 600px;
      background-size: contain !important;
   }
}
.mt-188 {
   margin-top: 188px;
}
.bt2-33ab83 {
   border-top: 2px solid #33ab83;
}
.graBox {
   padding: 3.75rem 3rem;
   background-color: #fff;
   border: 5px solid transparent;
   border-radius: 4%;
   border-image: linear-gradient(0deg, #72c5db 0%, #71c975 100%);
   border-image-slice: 1;
   text-align: center;
}
/* .graBox {	
	margin: 20px;
	border: 5px solid transparent;
	border-radius: 4px;
	background-image: linear-gradient(#fff, #fff), linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
} */

.graBox .topText {
   font-size: 28px;
   font-weight: 900;
   color: #74b567;
}
.graBox .bottomText {
   font-size: 28px;
   font-weight: 900;
   color: #adb5bd;
}

.col9_title {
   font-size: 20px;
   color: #33ab83;
   font-weight: 900;
   margin-bottom: 0.25rem;
   margin-left: 15px;
}

.col9_title::before {
   content: "\318d";
   display: inline-block;
   width: 15px;
   margin-left: -15px;
   color: #33ab83;
   position:relative;
   left:-5px;
}
.col9_con {
   font-size: 18px;
   color: #6c757d;
   padding: 0 15px;
   margin-bottom: 1.5rem;
   word-break: keep-all;
}
.bt2-33ab83 .col9_con:last-child {
   margin-bottom: 0;
}
/* 비즈니스 > 시스템통합 > IT컨설팅 E */

/* 비즈니스 > 솔루션 > iPICHE S */
.ipiche .conBox01 {
	border-bottom: 2px solid #33ab83;
}

.ipiche .conBox02 .contxt01 {
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 24px;
}

@media (max-width: 992px) {
	.ipiche .conBox02 div {
		/* word-break: keep-all; */
		padding: 0 24px;
	}

	.ipiche .conBox02 div:nth-child(2) {
		align-items: center;
   	margin-bottom: 24px;
	}
}

.ipiche .conBox03 .contxt01 {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	word-break: keep-all;
}
.ipiche .conBox03 .left .contxt01 {
	background-color: #212529;
}
.ipiche .conBox03 .right .contxt01 {
	background-color: #a41314;
}
.ipiche .conBox03 .left .contxt02 {
	border: 1px solid #212529;
	background-color: #fff;
}
.ipiche .conBox03 .right .contxt02 {
	border: 1px solid #a41314;
	background-color: #fff;
}
.ipiche .conBox03 .left li {
	list-style-type: decimal;
}
.ipiche .conBox03 .right li::before {
	content: '·';
	display: inline-block;
	width: 10px;
	color: #6c757d;
}

.ipiche .conBox03 li {
	font-size: 18px;
	line-height: 31px;
	color: #6c757d;
}
@media (max-width: 768px) {
	.ipiche .conBox03 {
		padding-top: 8rem !important;
		padding-bottom: 8rem !important;
	}
}
@media (max-width:992px) {
	.ipiche .conBox03 .left,
	.ipiche .conBox03 .right {
		padding-left: 0;
		padding-right: 0;
	}
   .ipiche .conBox05 .display-6,
   .ipiche .conBox05 .h1 {
		font-size: 32px;
		word-break: keep-all;
	}
}

	.ipiche .conBox04 .contxt01 {
		border: 1px solid #dee2e6;
		text-align: center;
		font-size: 24px;
		font-weight: 700;
	}

	.ipiche .conBox05 li {
		margin-left: 10px;
	}

	.ipiche .conBox05 li::before {
		content: '·';
		display: inline-block;
		width: 10px;
		margin-left: -10px;
		color: #33ab83;
	}

	@media (max-width: 768px) {
		.ipiche .conBox05 {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.ipiche .conBox05 .row {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
	}

	.ipiche .conBox06 .table .top {
		background-color: #222;
		color: #fff;
		text-align: center;
	}

	.ipiche .conBox06 .table .top:first-child {
		background: #222 url('../images/thead_line.png') center right no-repeat;
		background-size: auto; 
		}

	.ipiche .conBox06 tbody .table_01 {
		text-align: center;
		vertical-align: middle;
		background-color: #f4f3fa;
		font-weight: 700;
		font-size: 18px;
		word-break: keep-all;
	}
	.ipiche .conBox06 tbody .table_02 {
		color: #333;
		line-height: 1.5;
	}
	.ipiche .conBox06 tbody .table_02 li {
		color: #666;
		margin-left: 10px;
	}
	.ipiche .conBox06 tbody .table_02 li::before {
		content: '·';
		display: inline-block;
		width: 10px;
		margin-left: -10px;
		color: #666;
	}
	.ipiche .conBox06 table {
		table-layout: fixed;
	}

	@media(max-width: 425px) {
		.ipiche .conBox06 .table_01 {
			font-size: 16px;
		}

	}
	.ipiche .conBox07 {
		padding-bottom: 200px;
	}
	.ipiche .conBox07 li {
		margin-left: 10px;
	}

	.ipiche .conBox07 li::before {
		content: '·';
		display: inline-block;
		width: 10px;
		margin-left: -10px;
		color: #33ab83;
	}
	.ipiche .conBox07 .contxt02 {
		border: 1px solid #33ab83;
		background: #fff url('../images/bg_ipiche04.png') center center no-repeat;
		background-size: cover;
	}
	@media (max-width: 768px) {
		.ipiche .conBox07 {
			padding-bottom: 100px;
		}

		.ipiche .conBox07 .contxt02 {
			background: #fff;
		}
	}
	@media (min-width: 768px) {
		.ipiche .conBox07 .contxt02 .border-bottom {
			border-bottom: none !important;
		}
	}
	@media (max-width:992px) {
		.ipiche .conBox07 .h1 {
			font-size: 34px;
			word-break: keep-all;
			display: flex;
			justify-content: center;
		}
	}
	.border-bottom-333 {
		border-bottom: 1px solid #333;
	}
	/* 비즈니스 > 솔루션 > iPICHE E */

	/* 비즈니스 > 솔루션 > icloud S */
	.icloud .conBox01 {
		border-bottom: 2px solid #33ab83;
	}
   @media (min-width: 993px){
      .icloud .wrap_02 .wrap_02_2 {
         display: block;
    }
    .icloud .wrap_02 .wrap_02_3 {
      display: none;
 }
   }
   @media (max-width: 992px){
      .icloud .wrap_02 .wrap_02_2 {
         display: none;
    }
    .icloud .wrap_02 .wrap_02_3 {
      display: block;
 }
   }
  
	
	@media (max-width:576px) {
		.icloud .wrap_02 .wrap_02_3 img {
			padding: 16px 0;
		}
	}

	.icloud .wrap_02 li::before {
		content: '·';
		display: inline-block;
		width: 10px;
		margin-left: -10px;
		color: #33ab83;
	}

	.icloud .wrap_02 li {
		font-size: 18px;
		line-height: 31px;
		color: #6c757d;
	}

	@media (max-width:768px) {
		.icloud .wrap_02 ul {
			margin-left: 10px;
		}

		.icloud .display-6,
		.icloud .h1 {
			font-size: 32px;
			word-break: keep-all;
		}
	}

	.icloud .conBox02 .list_ti_bt {
		border-bottom: 1px solid #b8e5bb;
	}
   .icloud .conBox02 .list_ti{
      background: linear-gradient(90deg, #72c5db, #71c975);
      width: fit-content;
   }

	.icloud .conBox02 li {
		line-height: 31px;
	}

	.icloud .conBox02 li::before {
		content: '·';
		display: inline-block;
		width: 10px;
		margin-left: -10px;
		color: #33ab83;
	}

	.icloud .wrap_08 img {
		padding: 16px;
	}
	/* 비즈니스 > 솔루션 > icloud E */


/* 인재채용 공통 S */
#howtoapply p, #iworkslife p {
   font-size: 1.125rem;
}
@media (max-width: 768px) {
   #howtoapply p, #iworkslife p  {
   font-size: 1rem;
   }
}
#howtoapply .row, #iworkslife .row {
   margin-right: -30px;
   margin-left: -30px;
}
#howtoapply .display-6, #iworkslife h1 {
   font-weight: 600;
}
@media (max-width: 768px) {
   #howtoapply .display-6, #iworkslife h1 {
      font-size: 2rem;
      font-weight: 800;
   }
}
/* 인재채용 공통 E */

/* 인재채용 > 채용절차 S */
#howtoapply .wrap{
   margin-top: 12rem;
}
@media (max-width: 768px) {
   #howtoapply .wrap{
   margin-top: 6rem;
   }
}

#howtoapply .row:first-child .bg-dark{
	background: url('../images/recruit/bg_howtoapply.jpg') no-repeat right center;
	background-size: cover;
	z-index: -2;
}
#howtoapply .row:first-child .bg-dark::before {
	content: "";
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000;
	z-index: -1;
}
@media (max-width: 768px) {
	#howtoapply .row:first-child .bg-dark::before {
		opacity: 0.5;
	}
}
#howtoapply #step .col-md-4 .col::before {
	content: "";
	position: absolute;
	top: -3rem;
	left: 50%;
	margin-left: -1rem;
	width: 2rem;
	height: 2rem;
	background-image: url('../images/recruit/bg_howtoapply_arr_01.png');
}
@media (max-width: 768px) {
	#howtoapply #step .col-md-4 .col::before {
	   content: "";
	   position: absolute;
	   left: 0.5rem;
	   top: 50%;
	   margin-top: -0.5rem;
	   width: 1rem;
	   height: 1rem;
	   background-image: url('../images/recruit/bg_howtoapply_arr_02.png');
      background-size: cover;
   }
}
#howtoapply #step .col:first-child::before {
	display: none;
}
#howtoapply #step h3{
	color: #33ab83;
}
#howtoapply #step h6.bg-green {
   width: 6rem;
}
#howtoapply .bg-green {
	background-color: #33ab83;
}
#howtoapply .border-top {
	border-color: #000;
	border-width: 2px;
}
#howtoapply .btn-outline-dark {
   width: 14.5rem;
   color: #000;
}
#howtoapply .btn-outline-dark a:hover {
   color: #fff;
}
#howtoapply .row dl dt {
	min-width: 4rem;
	color: #fff;
	font-weight: 400;
}
#howtoapply .row dl dd, #howtoapply .table tr td {
	color:#6c757d;
}
#howtoapply .row dl dt.bg-dark {
	background-color: #000 !important;
}
#howtoapply .table tr th:first-child img {
	width: 3rem;
}
#howtoapply .table tr th:first-child {
	text-align: center;
}
@media (max-width: 425px) {
   #howtoapply .table tr th:first-child {
      padding: 0 !important;
   }
}
#howtoapply .table tr th, #howtoapply .table tr td {
	vertical-align: middle;
}
@media (max-width: 425px) {
	#howtoapply .table colgroup col:nth-child(1) {
		width: 15%;
	}
	#howtoapply .table colgroup col:nth-child(2) {
		width: 30%;
	}
}
#howtoapply ul li{
	margin-bottom: 0.25rem;
}
#howtoapply ul.list_dot {
	margin-left: 10px;
}
#howtoapply ul.list_dot li::before {
	content: '·';
	display: inline-block;
	width: 10px;
	margin-left: -10px;
	color: #33ab83;
}
/* 인재채용 > 채용절차 E */

/* 인재채용 > 아이웍스라이프 S */
#iworkslife h1 {   
   color: #33ab83;
   font-weight: 700;
}
#iworkslife .bg-light p {
   color: #6c757d;
   line-height: 1.2 !important;
}
#iworkslife .bg-light {
   min-height: 10rem;
   padding-right: 1rem;
   background-color: #f1f3f5 !important;
   background-repeat: no-repeat;
   background-position: right 1rem bottom 1rem;
}
@media (max-width: 425px) {
   #iworkslife .bg-light {
      min-height: 6rem;
      padding-right: 5rem;
   }
}
#iworkslife .row:nth-child(2) .col-lg-9 .col-md-6:nth-child(1) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_1_01.png');
}
#iworkslife .row:nth-child(2) .col-lg-9 .col-md-6:nth-child(2) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_1_02.png');
}
#iworkslife .row:nth-child(2) .col-lg-9 .col-md-6:nth-child(3) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_1_03.png');
}
#iworkslife .row:nth-child(2) .col-lg-9 .col-md-6:nth-child(4) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_1_04.png');
}
#iworkslife .row:nth-child(2) .col-lg-9 .col-md-6:nth-child(5) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_1_05.png');
}
#iworkslife .row:nth-child(2) .col-lg-9 .col-md-6:nth-child(6) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_1_06.png');
}
#iworkslife .row:nth-child(3) .col-lg-9 .col-md-6:nth-child(1) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_2_01.png');
}
#iworkslife .row:nth-child(3) .col-lg-9 .col-md-6:nth-child(2) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_2_02.png');
}
#iworkslife .row:nth-child(4) .col-lg-9 .col-md-6:nth-child(1) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_3_01.png');
}
#iworkslife .row:nth-child(4) .col-lg-9 .col-md-6:nth-child(2) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_3_02.png');
}
#iworkslife .row:nth-child(5) .col-lg-9 .col-md-6:nth-child(1) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_4_01.png');
}
#iworkslife .row:nth-child(5) .col-lg-9 .col-md-6:nth-child(2) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_4_02.png');
}
#iworkslife .row:nth-child(5) .col-lg-9 .col-md-6:nth-child(3) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_4_03.png');
}
#iworkslife .row:nth-child(5) .col-lg-9 .col-md-6:nth-child(4) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_4_04.png');
}
#iworkslife .row:nth-child(5) .col-lg-9 .col-md-6:nth-child(5) .bg-light {
   background-image: url('../images/recruit/bg_iworkslife_4_05.png');
}
/* 인재채용 > 아이웍스라이프 E */

/* 고객지원 > 문의 하기 S */
#inquiry h6 {
   width: 100%;
   display: block;
   background: url('../images/important.png') no-repeat 5px center;
   padding-left: 20px;
}
#inquiry .formdiv {
   width: 100%;
   border-top: 1px solid #33ab83;
}
#inquiry .formdiv .table {
   border-top: 1px solid #dee2e6;
}
#inquiry .formdiv .table th,
#inquiry .formdiv .table td {
   padding: 15px 0 15px 0;
   border-bottom: 1px solid #eaeaea;
}
#inquiry .formdiv .table th.label {
   font-size: 1.2em;
   color: #000;
   font-weight: 500;
   vertical-align: middle;
   padding-left: 20px;
}
#inquiry .formdiv .table th.important {
   background: url('../images/important.png') no-repeat 5px center;
}

.form_btn {
   margin-top: 10px;
   text-align: right;
}
.form_btn .check_box {
   display: inline-block;
   font-size: 14px;
}
.form_btn .check_box .link {
   line-height: 20px;
   text-decoration: underline;
}
.form_btn .btn_contact {
   width: 120px;
   height: 45px;
   color: #fff;
   display: inline-block;
   font-size: 16px !important;
   background-color: #33ab83;
}

/* 개인정보취급방침 */
.privacy_wrap {
   padding: 40px 0 100px;
   color: #666;
   font-size: 16px;
   line-height: 2em;
   display: block;
   overflow: hidden;
   clear: both;
}
.privacy_wrap.info_tablewrap {
   padding-top: 80px;
}
.privacy_wrap .privacy {
   height: 800px;
   overflow: hidden;
   overflow-y: auto;
   border-bottom: 1px solid #d5d5d5;
}
.privacy_wrap .privacy + .privacy {
   margin-top: 50px;
}
.privacy_wrap .privacy {
   color: #666;
   font-size: 16px;
}
.privacy_wrap .privacy a {
   color: #666;
}
.privacy_wrap .privacy .tit {
   color: #333;
   font-size: 20px;
   margin-bottom: 10px;
}
.privacy_wrap .privacy .info_table .line {
   display: block;
   width: 100%;
   height: 1px;
   background: #ececec;
   margin: 20px auto;
}
.privacy_wrap .privacy .info_table .tit {
   font-size: 16px;
   color: #666;
}
.privacy_wrap .privacy .info_table table {
   border-top: 2px solid #333;
}
.privacy_wrap .privacy .info_table table td {
   border-bottom: 1px solid #ccc;
   color: #333;
   border-right: 1px solid #ececec;
   font-size: 16px;
   padding: 20px 0;
   line-height: 1.6em;
   text-align: center;
}
.privacy_wrap .privacy .info_table table td.bd_r {
   border-right: 1px solid #ececec;
}
.privacy_wrap .privacy .info_table table td.bd_l {
   border-left: 1px solid #ececec;
}
.privacy_wrap .privacy .info_table table td.info_left {
   text-align: left;
   padding: 0 20px;
}
.privacy_wrap .privacy .info_table table thead td {
   font-weight: 800;
}
.privacy_wrap .privacy .info_table table tbody td {
   font-size: 14px;
   color: #666;
   padding: 10px;
}
.privacy_wrap .privacy .info_table table td:last-child {
   border-right: 0;
}

.privacy_wrap .privacy.show_mobile {
   display: none;
}

.privacy_wrap.info_tablewrap #info_tablewrap2 .privacy {
   margin-top: 50px;
}

/* 고객지원 > 문의 하기 E */

/* 고객지원 > 개인정보취급방침 S */
#guide .guide_list:nth-child(1) {
   border-top: 1px solid #ddd;
}
#guide .guide_list {
   padding: 30px 0;
   border-bottom: 1px solid #ddd;
}
#guide .guide_list h4 {
   font-size: 20px;
   font-weight: 700;
}
#guide .guide_list .mgt_10 {
   margin-top: 10px;
}
#guide .guide_list .mgb_20 {
   margin-bottom: 20px;
}
#guide .guide_list .fc_3caa77 {
      color: #3caa77 !important;
}
#guide .guide_list .fwb {
   font-weight: 700;
}
#guide .guide_list .pdl_20 {
   padding-left: 20px;
}
#guide .guide_list .pdl_40 {
   padding-left: 40px !important;
}

#guide .guide_list .sub_t {
   margin: 10px 0;
}
#guide .guide_list li {
   position: relative;
   padding: 2px 0;
}
#guide .guide_list li span {
   position: absolute;
   left: 0;
}

/*개인정보취급방침*/
#guide a {
   color: #e99691;
}
#guide .privacy ul .prv_l {
   float: left;
   width: 50%;
   margin-bottom: 5px;
}
#guide .privacy ul .prv_r {
   float: right;
   width: 50%;
   margin-bottom: 5px;
}
#guide .cont_table thead tr th {
   border-top: 1px solid black;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   background: #fff;
}
#guide .cont_table thead tr th:last-child {
   border-right: none;
}
#email .email_box {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   padding: 50px 0;
}
#email .email_box .txt {
   text-align: center;
}
#email .mdpBlock_n {
   display: block;
}
#email .email_box .date {
   margin-top: 20px;
   text-align: center;
}
#email .fc_7eaa4c {
   color: #7eaa4c;
}
#email .fc_999 {
   color: #999;
}
#email .fwb {
   font-weight: 700
}
/* 고객지원 > 개인정보취급방침 E */

/* footer S */
#copyright {
   background-color: #212529;
   padding-top: 48px;
   padding-bottom: 53px;
}

@media (min-width: 1200px) {
   #copyright .copyright {
      padding-left: 0;
      padding-right: 0;
      min-width: 1170px;
   }
}
#copyright .info_wrap1 {
	display: flex;
	flex-wrap: wrap;
}
#copyright .info_wrap1 .info1 {
	margin-right: 20px;
}
#copyright .info_wrap2 {
	display: flex;
	flex-wrap: wrap;
}
#copyright .info_wrap2 .info3,
#copyright .info_wrap2 .info4,
#copyright .info_wrap2 .info5 {
	margin-right: 20px;
}

#copyright .info {
   font-size: 14px;
   font-weight: 400;
   color: #ced4da;
   line-height: 30px;
}
#copyright .info span {
   font-size: 14px;
   color: #fff;
   padding-left: 5px;
   padding-right: 10px;
}
#copyright span {
   font-size: 15px;
   font-weight: 500;
   color: #7d7d7d;
}
#copyright .btn_remote {
   background-color: #b1afae;
   border-radius: 25px;
   font-size: 13px;
   font-weight: 700;
   color: #171717;
}

#copyright .copyBtnWrap span {
   font-size: 12px;
   color: #fff;
}
#copyright .copyBtnWrap a i {
   font-size: 20px;
   color: #fff;
}
#copyright .etc a {
   font-size: 13px;
   color: #6c757d;
}

#copyright .btext {
   font-size: 13px;
   color: #6c757d;
}

/* footer E */