.bull {position: relative;padding-left: 16px;}
.bull:before {position: absolute;content: '';left: 0;top: 15px;width: 6px;height: 6px;border-radius: 50%;background-color: #333;}

.subVisual.PRIVACY:after {background-image: url(../../images/contents/subVisual_privacy.jpg);} 
.subVisual.RECRUITMENT:after {background-image: url(../../images/contents/subVisual5.jpg);} 

/* privacy */
.privacyWrap {margin-top: 30px;}
.privacyWrap strong {display: block;font-size: 30px;font-weight: 500;line-height: 1.47;color: #333;}
.privacyWrap dl {margin-top: 40px;}
.privacyWrap dl > * {display: block;font-size: 18px;font-weight: 500;line-height: 1.67;color: #333;}
.privacyWrap dl dd {font-weight:300;}

/* recruitment */
.recruWrap {}
.recruTop {position: relative;width: 100%;padding: 146px 0 192px;}
.recruTop:before {position: absolute;content: '';left: -100%;right: -100%;top: 0;height: 100%;background-color: #f2f2f2;z-index:-1;}
.subContSec > strong.tit {display: block;font-size: 30px;font-weight: 500;line-height: 1.47;}
.recruTop_inner {display: flex;-webkit-display:flex;align-items:center;-webkit-align-items:center;flex-direction:row-reverse;-webkit-flex-direction:row-reverse; justify-content:space-around;-webkit- justify-content:space-around;}
.recruTop_inner > * {padding: 0 10px;}
.recruTop_inner .txt_box {padding-top: 20px;width:310px;}
.recruTop_inner .img_box  {padding-left: 20px;box-sizing:border-box;}
.recruTop_inner .txt_box p {font-size: 18px;line-height: 2;}
.recruTop_inner .txt_box p:before {background-color: #df2808;}
.recruTop_inner .txt_box span {display: block;margin-top: 20px;padding-left: 16px;font-size: 16px;line-height: 1.88;color: #505050;}
.recruTop_inner .txt_box span + p {margin-top: 46px;}

.recruBot .recruDiagrWrap {position: relative;display: flex;-webkit-display:flex;align-items:center;-webkit-align-items:center;justify-content:space-around;-webkit- justify-content:space-around;}
.recruBot .recruDiagrWrap:before {position: absolute;content: '';left: -100%;right: -100%;top: 50%;height: 1px;border-top: 1px dashed #d9d9d9;z-index:-1;}
.recruBot .recruDiagrWrap span {position: relative;/* padding-top: 16.364%; */padding: 20px;width: 216px;height: 216px;border-radius: 50%;background-color: #4e5f8d;box-sizing:border-box;
display: flex;-webkit-display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.recruBot .recruDiagrWrap span div > * {display: block;text-align: center;font-size: 20px;font-weight: 500;line-height: 1.15;color: #fff;}
.recruBot .recruDiagrWrap span div p {margin-top: 3px;font-size: 15px;font-weight:300;line-height:2;}
.recruBot .recruDiagrWrap span.ce {position: relative;width: 322px;height: 322px;padding: 53px;background-color: rgba(217, 217, 217, 0.2);}
.recruBot .recruDiagrWrap span.ce:before {position: absolute;content: '';left: -24px;right: -24px;top: -24px;bottom: -24px;background-color: #d9d9d9;opacity:0.1;border-radius: 50%;z-index:-1;}
.recruBot .recruDiagrWrap span.ce div {width: 100%;height: 100%;background-color: #fff;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);border-radius: 50%;}
.recruBot .recruDiagrWrap span.ce div em {position: absolute;left: -5px;top: 50%;margin-top: -5px;width: 10px;height: 10px;border-radius: 50%;background-color: #c7c7c7;}
.recruBot .recruDiagrWrap span.ce div em:nth-child(2) {left: auto;right: -5px;}
.recruBot .recruDiagrWrap span.ce div strong {line-height:216px;color: #000;font-size: 22px;}
.recruBot .recruDiagrWrap span.ri {background-color: #f3f3f3;}
.recruBot .recruDiagrWrap span.ri p {color: #625e60;font-weight:500;line-height:1.73;}

.recruBot .pdnSt {position: relative;margin-top: 120px;width: 100%;padding: 140px 30px 170px;text-align: center;background: url(../../images/contents/img_recruit2.jpg) no-repeat 50%;-webkit-background-size: cover;background-size: cover;box-sizing:border-box;}
.recruBot .pdnSt strong {display: block;color: #fff;font-size: 30px;font-weight: 500;line-height: 1.47;}
.recruBot .pdnSt ul {margin-top: 98px;font-size:0;}
.recruBot .pdnSt li {position: relative;display: inline-block;padding: 20px;max-width:115px;vertical-align: top;text-align: center;z-index:2;}
.recruBot .pdnSt li:before {position: absolute;content: '';top: 56px;right: 50%;width: 100%;height: 1px;border-top: 1px dashed #d9d9d9;}
.recruBot .pdnSt li:first-child:before {display: none;}
.recruBot .pdnSt li span {display: table;margin: 0 auto;width: 73px;min-width: 73px;height: 73px;background-color: rgba(255,255,255,0.3);border-radius: 50%;}
.recruBot .pdnSt li:last-child span {background-color: rgba(223,40,8,0.5);}
.recruBot .pdnSt li span em {display: table-cell;vertical-align: middle;font-size: 16px;color: #fff;font-weight:700;}
.recruBot .pdnSt li p {margin-top: 14px;font-size: 13px;font-weight: 300;line-height: 1.69;color: #fff;}

.welfareWrap .welfareTop .img_bg{position: relative;margin-top: 50px;padding-top: 477px;overflow:hidden;}
.welfareWrap .welfareTop .img_bg:before {position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background: url(../../images/contents/img_fare.jpg) no-repeat 50%;-webkit-background-size: cover;background-size: cover;}
.welfareWrap .welfareBot {margin-top: 130px;}
.welfareWrap .welfareBot .fareWrap {margin: 83px 0 108px;display: flex;-webkit-display:flex;}
.welfareWrap .welfareBot .fareWrap li {position: relative;padding: 12px 50px;width: 33.333%;font-size:16px;box-sizing:border-box;text-align: center;
border-left: 1px solid #d9d9d9;}
.welfareWrap .welfareBot .fareWrap li:first-child {border-left: none;}
.welfareWrap .welfareBot .fareWrap li strong {display: block;padding-bottom: 20px;margin-top: 22px;font-size:22px;font-weight:500;line-height:2;color: #000;}
.welfareWrap .welfareBot .fareWrap li p {font-size: 16px;line-height: 1.88;color: #505050;text-align: left;}
.welfareWrap .welfareBot .fareWrap li p:before {top: 14px;background-color: #df2808;}


@media screen and (max-width: 1100px){
	.recruBot .recruDiagrWrap span {width: 180px;height: 180px;}
	.recruBot .recruDiagrWrap span.ce {width: 240px;height: 240px;padding: 30px;}
	.recruBot .recruDiagrWrap span.ce div strong {line-height:180px;}

	.recruBot .pdnSt {padding: 100px 20px 120px;}
	.recruBot .pdnSt ul {display: inline-block;margin-top: 40px;}
	.recruBot .pdnSt li {display: flex;-webkit-display: flex;align-items:center;-webkit-align-items:center;max-width:100%;padding: 10px 0;}
	.recruBot .pdnSt li span {margin: 0;}
	.recruBot .pdnSt li p {margin-top: 0;padding-left: 20px;text-align: left;}
	.recruBot .pdnSt li:before {top: auto;bottom: 50%;right: auto;left: 36px;width: 1px;height: 100%;border-top: none;border-left: 1px dashed #d9d9d9;}

	.welfareWrap .welfareBot .fareWrap li {padding: 12px 20px;}
}

@media screen and (max-width: 900px){
	.recruTop_inner {display: block;}
	.recruTop_inner .img_box  {margin: 40px auto;padding: 0;max-width:500px;}
	.recruTop_inner .txt_box {padding: 0;width: 100%;}
	.recruTop_inner .txt_box span {margin-top: 0;}

	.welfareWrap .welfareBot .fareWrap {display: block;}
	.welfareWrap .welfareBot .fareWrap li {display: flex;-webkit-display: flex;align-items:center;-webkit-align-items:center;width: 100%;border-left: none;border-top: 1px solid #d9d9d9;padding: 30px 40px;}
	.welfareWrap .welfareBot .fareWrap li:first-child {border-top: none;}
	.welfareWrap .welfareBot .fareWrap li .txt_box {text-align: left;padding-left: 20px;}
	.welfareWrap .welfareBot .fareWrap li strong {margin-top: 0;padding-bottom: 0;}
	.welfareWrap .welfareBot .fareWrap li p br {display: none;}
}

@media screen and (max-width: 767px){
	.bull {padding-left: 10px;}
	.bull:before {top: 13px;width: 4px;height: 4px;}

	.privacyWrap {margin-top: 20px;}
	.privacyWrap strong {font-size: 16px;}
	.privacyWrap dl {margin-top:20px;}
	.privacyWrap dl > * {font-size: 14px;}

	.recruTop {padding: 60px 0 80px;}
	.subContSec > strong.tit {font-size:22px;}
	.recruTop_inner .txt_box p {font-size:15px;}
	.recruTop_inner .txt_box span {padding-left: 10px;font-size:13px;}
	.recruTop_inner .txt_box span + p {margin-top: 10px;}

	.recruBot .recruDiagrWrap {display: block;}
	.recruBot .recruDiagrWrap span {margin: 40px auto;}
	.recruBot .recruDiagrWrap:before {top: 0;bottom: 0;left: 50%;right: auto;height: 100%;width: 1px;border-top: none;border-left: 1px dashed #d9d9d9;}
	.recruBot .recruDiagrWrap span.ce div em {top: -5px;left: 50%;margin-top: 0;margin-left: -5px;}
	.recruBot .recruDiagrWrap span.ce div em:nth-child(2) {right: auto;top: auto;left: 50%;bottom: -5px;margin-left: -5px;}
	.recruBot .recruDiagrWrap span div > * {font-size:15px;}
	.recruBot .recruDiagrWrap span div p {margin-top: 0;font-size:13px;}
	.recruBot .recruDiagrWrap span.ce div strong {font-size:18px;line-height:150px;}
	.recruBot .recruDiagrWrap span {padding: 15px;width: 155px;height: 155px;}
	.recruBot .recruDiagrWrap span.ce {width: 215px;height: 215px;}

	.recruBot .pdnSt {margin-top: 60px;padding: 60px 20px 80px;}
	.recruBot .pdnSt strong {font-size:20px;}
	.recruBot .pdnSt ul {margin-top: 20px;}
	.recruBot .pdnSt li:before {left: 30px;}
	.recruBot .pdnSt li span {width: 60px;min-width:60px;height: 60px;}
	.recruBot .pdnSt li span em {font-size:14px;}

	.welfareWrap .welfareTop .img_bg {margin-top: 30px;padding-top: 250px;}
	.welfareWrap .welfareBot {margin-top: 60px;}
	.welfareWrap .welfareBot .fareWrap {margin: 40px 0 45px;}
	.welfareWrap .welfareBot .fareWrap li {padding: 20px 0;}
	.welfareWrap .welfareBot .fareWrap li strong {font-size:16px;}
	.welfareWrap .welfareBot .fareWrap li p {font-size:13px;}
	.welfareWrap .welfareBot .fareWrap li p:before {top: 11px;}
	.welfareWrap .welfareBot .fareWrap li .txt_box {padding-left: 10px;}
	.welfareWrap .btn_ty2 {width: 180px;}
}

@media screen and (max-width: 360px){
/* 	.welfareWrap .welfareBot .fareWrap li {display: block;} */
}