@charset "utf-8";
/* ******************  서브공통 ********************** */
/* 공통 타이틀 */
.content-tit {text-align: center; padding-bottom: 4rem;}
.sub-menu-tit {font-size: 6rem; font-weight: 700; letter-spacing: -0.01em; color: #000; line-height: 1.3; }
.sub-menu-txt {font-size: 2.0rem; font-weight: 500; letter-spacing: -0.050em; color: #000; line-height: 1.3; padding-top: 2rem;}
.sub-con-tit-box {margin-bottom: 4rem; text-align: center;}
.sub-con-tit-box em {display: inline-block; font-size: 2rem; font-weight: 700; letter-spacing: -0.050em; color: #146ee2; padding-bottom: 2rem;}
.sub-con-tit {font-size: 4.5rem;font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.1;}
.sub-con-tit.let50 {letter-spacing: -0.050em;}
.sub-con-txt {font-size: 3.4rem; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.41; padding-top: 2rem; word-break: break-all;}
.sub-con-txt02 {font-size: 3rem; font-weight: 500; letter-spacing: -0.050em; color: #000; line-height: 1.33; padding-top:2.3rem;}
.sub-con-tit-box .sub-txt {font-size: 1.5rem; font-weight: 600; letter-spacing: -0.025em; color: #666666; padding-top:2.5rem;}

@media all and (max-width:800px){
	.sub-menu-tit {font-size: 3.6rem;}
	.sub-con-tit {font-size: 3.6rem;}
	.sub-con-txt {font-size: 2.3rem; padding-top: 2rem; }
	.sub-con-txt02 {font-size: 2.2rem;}
}
@media all and (max-width:480px){
	.sub-menu-tit br,
	.sub-con-tit br{display: none;}
	.sub-con-tit {font-size: 3.2rem;}
}

/* ******************  ABOUT  ********************** */
.philo-detail-item{display:flex; align-items: flex-start; }
.philo-detail-item .philo-img-con{position:relative; width:40%;}
.philo-detail-item .philo-img-con:before{position:absolute; bottom:0; left:0; width:100%; height:100%; background:url(../images/content/about_vision_bg.jpg) no-repeat ; content:"";}
.philo-detail-item .philo-img-con img{max-width:100%; position:relative; z-index:1; box-shadow:2.3rem 2.3rem 4.6rem 0px rgba(0, 0, 0, 0.11);}
.philo-detail-item .philo-detail-con{width:60%; box-sizing:border-box; padding-left:9rem}
.philo-detail-item .philo-detail-con dt{color:#000; font-size:4.5rem; line-height: 1.3; letter-spacing:-0.016em; font-weight:400; margin-bottom:2rem;}
.philo-detail-item .philo-detail-con dt span{ font-weight:700; color: #344f87; }
.philo-detail-item .philo-detail-con dd .philo-txt-tit{display:block; color:#222; font-size:2.1rem; line-height: 1.5; letter-spacing:-0.028em; margin-bottom:0.5em; font-weight: 500;}
.philo-detail-item .philo-detail-con dd { margin-bottom: 2rem;}
.philo-detail-item .philo-detail-con dd .philo-txt{color:#555; font-size:2.2rem; letter-spacing:-0.033em; line-height:1.5; }
.philo-txt-tit2{ color:#000; font-size:2.1rem; line-height: 1.3; letter-spacing:-0.028em; font-weight: 400; text-align: right; margin-top: 1rem;}
.philo-txt-tit2 span{ font-weight: 700;}
@media all and (min-width:801px){
	.philo-detail-item:not(.reverse) .philo-img-con:before{transform:translate(-5rem, 5rem)}
}
@media all and (max-width:800px){
	.philo-detail-item{flex-wrap:wrap; }
	.philo-detail-item .philo-img-con,
	.philo-detail-item .philo-detail-con{width:100%; padding:0;}
	.philo-detail-item .philo-img-con{margin-bottom:5rem}
	.philo-detail-item .philo-img-con:before{left:2rem; width:calc(100% - 2rem);  transform:translate(0rem, 2rem)}
	.philo-detail-item .philo-img-con img{max-width:calc(100% - 2rem); box-shadow:none}
	.philo-detail-item .philo-detail-con dt{font-size:2.8rem; margin-bottom:1.5rem;}
	.philo-detail-item .philo-detail-con dd .philo-txt{font-size:1.8rem; }
}

 /* ----------- Company :: 찾아오는길 ----------- */
 .company-con {padding: 10rem 0;}
.location-con02 {background: #f9f9f9;}
.location-map-con iframe {width: 100%;}
.location-con {display: flex;}
.location-con .tit {width: 25%; font-size: 4rem; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.1;}
.location-con .info-box {width: 75%; }
.location-con .info-box dl {padding: 2.5rem 0; display: flex; border-bottom: 1px solid rgba(0,0,0,0.1);}
.location-con .info-box dl:first-child {border-top: 3px solid #000000;}
.location-con .info-box dl dt {width: 18.88%; padding-left: 3rem; font-size: 2.4rem; line-height: 1.5; font-weight: 700; letter-spacing: -0.050em; color: #000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.location-con .info-box dl dt em  {display: inline-block; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.065em; color: #222; padding-top: 0.5rem;}
.location-con .info-box dl dd {width: calc(100% - 18.88%); padding-left: 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: #666666; line-height: 1.44;}
.location-con .info-box dl dd .txt {position: relative; color: #333333; letter-spacing: -0.02em; padding-left: 9rem; margin-bottom: 1rem;}
.location-con .info-box dl dd .txt:last-of-type {margin-bottom: 0;}
.location-con .info-box dl dd .txt:before {position: absolute; top: 0; left: 0; width: 8rem; height: 3rem; line-height: 3rem; border-radius: 1.5rem; text-align: center; font-size: 1.8rem; font-weight: 700; color: #fff; letter-spacing: -0.050em;}
.location-con .info-box dl dd .txt.bus01:before {background: #f86e55; content: '직행';}
.location-con .info-box dl dd .txt.bus02:before {background: #386de8; content: '간선';}
.location-con .info-box dl dd .txt.bus03:before {background: #aa8874; content: '공항';}
.location-con .info-box dl dd .txt.bus04:before {background: #fb5852; content: '광역';}
.location-con .info-box dl dd .txt.subway7:before {background: #717617; content: '7호선';}
.location-con .info-box dl dd .txt.subway3:before {background: #ff8939; content: '3호선';}
.location-con .info-box dl dd .txt.subway0:before {background: #ce3245; content: '신분당선';}

@media all and (max-width:800px){
	.company-con {padding: 7rem 0;}
	.location-con {flex-wrap: wrap;}
	.location-con .tit {width: 100%; padding-left: 0; font-size: 2.6rem; margin-bottom: 3rem;}
	.location-con .info-box {width: 100%;} 
	.location-con .info-box dl dt {padding-left: 1.5rem;}
}
@media all and (max-width:640px){
	.location-con .info-box dl {flex-wrap: wrap;}
	.location-con .info-box dl dt {width: 100%; margin-bottom: 1rem;}
	.location-con .info-box dl dd {width: 100%; padding-left: 1.5rem;}
}

/* *********** CONTACT - INQUIRY *********** */
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:2em;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,.cm-btn-controls a{display:inline-block; width:9em; height:2.8em; line-height: 2.8em; border:0; color:#fff; background-color:#000; font-size:1.6rem; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; }
.cm-btn-controls .btn-style01{background-color:#4A4A4A;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}
.cm-btn-controls .btn-style04{background-color:#000;}

.inquiry-style03-wrapper{position: relative; background:#fff; border-radius:20px; box-shadow: 5px 9px 30px 0px rgba(0, 0, 0, 0.1); padding:80px; box-sizing:border-box; }
.inquiry-agreement-con.editor{font-size:1.6rem; color:#888; line-height: 1.6; letter-spacing: -0.5px;}
.inquiry-btn{position: absolute; bottom:0; left:50%; transform:translate(-50%, 50%);}
/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
.bbs-inquiry-agree-con{margin-bottom:50px;}
.bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:50px;}
.bbs-inquiry-agree-con .agree-tit{color:#222; font-size:1.8rem; letter-spacing:-0.5px; font-weight:600; padding-bottom:15px; padding-left:5px;}
.inquiry-agreement-con{height:140px; overflow-y:auto; overflow-x:hidden; padding:10px; background-color:#f6f6f6; box-sizing:border-box;}
.bbs-inquiry-agree-con .agree-txt{margin-top:18px; font-size:1.7rem; letter-spacing:-0.3px; color:#666; padding-left:5px;}
.bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.bbs-inquiry-agree-con .agree-txt input{display:none;}
.bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:2.3rem; font-size: 1.6rem }
.bbs-inquiry-agree-con .agree-txt label i{position:absolute; top:0px; left:0px; font-size:2rem; color:#bbb;}
.bbs-inquiry-agree-con .agree-txt input:checked + label i:before{content:'\e92b'; color:#222}
.inquiry-essential-txt{text-align:right; color:#373737;font-size: 1.6rem; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:#d86213; font-size: 1.6rem;}
/* 문의하기 03 :: 작성폼 */
.inquiry-style03-write-box{/* margin-bottom:50px; */}
.inquiry-style03-write-box dl {display:table; width:100%; margin-bottom: 5px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box dt {display:table-cell; position:relative; width:100px; vertical-align: top; height:48px; padding-left: 7px; font-size:1.6rem; line-height: 48px; letter-spacing: -0.5px; color:#222; font-weight: 700;}
.inquiry-style03-write-box dd {display:table-cell; vertical-align: top; padding:0 1%;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea{
	height:48px; border:0; width:100%; font-size:1.6rem; letter-spacing: -0.5px; color:#222;
}
.inquiry-style03-write-box dd input, .inquiry-style03-write-box dd textarea{text-indent:4px;}
.inquiry-style03-write-box dd input::placeholder, .inquiry-style03-write-box dd textarea::placeholder{color:#bbb;}
.inquiry-style03-write-box dd textarea {width:100%; height:150px; padding: 12px 0px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; resize:none;  }
.inquiry-style03-write-box .file dd {vertical-align: middle;}
.inquiry-style03-write-box .file dd input {height:30px; }
.inquiry-style03-write-box p {height:48px; line-height: 48px; font-size:1.6rem; letter-spacing: -0.5px; color:#555;}
.inquiry-style03-write-box dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style03-write-box dl.on input , .inquiry-style03-write-box dl.on textarea, .inquiry-style03-write-box dl.on select {background-color:#fff}
/* 문의하기 03 :: 작성폼 기타 */
.inquiry-style03-write-box .address-fieldset .write-input{margin-top:6px;}
.inquiry-style03-write-box .address-fieldset .write-input:first-child{margin-top:0;}
.inquiry-style03-write-box .address-fieldset .write-input:nth-of-type(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:1.6rem; font-weight:400; margin-left:10px;}
.inquiry-style03-write-box .address-btn:hover{background-color:#464646; color:#fff;}
/* 문의하기 03 :: 작성폼 개인정보처리방침 */
.inquiry-agreement-con-scrollbar{padding:20px; background:#f6f6f6; border-radius:20px}


@media (max-width: 800px){
	.cm-btn-controls button,.cm-btn-controls a{ width:8em; height:2.5em; line-height:2.5em; }
	
	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.bbs-inquiry-agree-con{margin-bottom:25px;}
	.inquiry-agreement-con{height:150px; padding:15px}
	.bbs-inquiry-agree-con .agree-txt label{font-size: 1.5rem; }
	.bbs-inquiry-agree-con .agree-txt label i{top:-1px;}
.inquiry-style03-wrapper{padding:40px 15px;}
	/* 문의하기 03 :: 작성폼 */
	.inquiry-agreement-con-scrollbar{padding:10px;}
	.inquiry-style03-write-box dt {width:80px; height:40px; line-height: 40px; }
	.inquiry-style03-write-box dt::after {top:16px;}
	.inquiry-style03-write-box dd input,
	.inquiry-style03-write-box dd select,
	.inquiry-style03-write-box dd textarea {height:40px;  }
	.inquiry-style03-write-box dd textarea{height:100px; padding:12px 0;}
	.inquiry-style03-write-box .file dd input {margin:5px 0;}
	.inquiry-style03-write-box p{height:auto; line-height:20px; padding-bottom:10px; word-break:keep-all;}
	.inquiry-style03-write-box .address-btn{min-width:60px; height:28px; }
}
@media (max-width: 480px){
.inquiry-agreement-con.editor{font-size:1.5rem; }
.bbs-inquiry-agree-con .agree-tit{ font-size:1.7rem; }
.bbs-inquiry-agree-con .agree-txt{ font-size:1.6rem; }
.bbs-inquiry-agree-con .agree-txt label{ font-size: 1.5rem }
.bbs-inquiry-agree-con .agree-txt label i{ font-size:1.8rem; }
.inquiry-essential-txt{ font-size: 1.5rem; }
.essential-icon{ font-size: 1.5rem;}
.inquiry-style03-write-box dt { font-size:1.5rem; }
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea{ font-size:1.5rem;}
.inquiry-style03-write-box p { font-size:1.5rem; }
.inquiry-style03-write-box .address-btn{font-size:1.5rem; }
}

/* ******************  info ********************** */
.product-img-con:last-of-type {padding-bottom: 9rem; }
.product-img-con .img-box {position: relative; max-width: 1920px; width: 100%; height: 0; margin: 0 auto; padding-top: 32.292%; }
.product-img-con .img-box.box01 {background: center / cover no-repeat url("../images/content/info_img01.jpg");}
.product-img-con .img-box.box02 {background: center / cover no-repeat url("../images/content/info_img02.jpg");}
.product-img-con .img-box.box03 {background: center / cover no-repeat url("../images/content/info_img03.jpg");}
.product-img-con .img-box.box04 {background: center / cover no-repeat url("../images/content/info_img04.jpg");}
.product-img-con .img-box.box05 {background: center / cover no-repeat url("../images/content/care_img01.jpg");}
.product-img-con .img-box.box06 {background: center / cover no-repeat url("../images/content/care_img02.jpg");}
.product-img-con .img-box::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.3); opacity: 0; pointer-events: none; }
.product-img-con .img-box .img-active-txt {position: absolute; top: 50%; left: 50%; letter-spacing: 0.4em; font-size: 3rem; font-weight: 600; color: #fff; transform: translate(-50%, -50%); }
.product-img-con .img-box .img-active-txt span {margin-left: 3rem;}
.product-img-con .txt-box {display: flex; align-items: center; margin-top: 9rem;}
.product-img-con .txt-box > h3 {font-size: 4.2rem; font-weight: 800; line-height: 1.4em; letter-spacing: -0.05em; color: #222; text-align: center; width: 40rem;}
.product-img-con .txt-box > P {width: calc(100% - 40rem);position: relative; font-size: 2.2rem; font-weight: 400; line-height: 1.7; letter-spacing: -0.05em; color: #666; padding-left: 3rem;}
.product-img-con .txt-box > P::before {position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 85%; background-color: #ddd;}

.service-pay-wrap{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top: 4rem;}
.service-pay-wrap .list-item{width:calc(50% - 2.1rem); }
.service-pay-wrap .list-item.one{width:100%; }
.service-pay-wrap .list-item .img-box{overflow:hidden; border-radius:2rem;}
.service-pay-wrap .list-item .img-box img{width:100%;}
.service-pay-wrap .list-item .txt-box{display: flex; margin-top:2.5rem;}
.service-pay-wrap .list-item .txt-box .num{width:6rem; font-size:3.6rem; line-height:0.88; letter-spacing:-0.02em; color:var(--main-color); font-weight:600;}
.service-pay-wrap .list-item .txt-box dd{width:calc(100% - 6rem);}
.service-pay-wrap .list-item .txt-box dd .inner-tit{font-size:2.4rem; font-weight: 700; line-height:1.33; letter-spacing:-0.02em; color:#222;}
.service-pay-wrap .list-item .txt-box dd .inner-txt{font-size:1.7rem; line-height:1.5; letter-spacing:-0.02em; color:#222; font-weight:400; margin-top:0.5rem;}

.recruit-welfare-box { text-align: center; margin-top: 4rem;}
.recruit-welfare-box:last-of-type {padding-bottom: 0;}
.recruit-welfare-box strong {display: inline-block; font-size: 3rem; font-weight: 700; letter-spacing: -0.025; color: #000; padding-bottom: 2.5rem;}
.recruit-welfare-box .recruit-welfare-list {display: flex; flex-wrap: wrap; margin: -0.9rem;}
.recruit-welfare-box .recruit-welfare-list li {width: calc(33.3333% - 1.8rem); margin: 0.9rem; padding: 6rem 4rem 6rem; border: 1px dashed #8d8d8d; background: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: center; border-radius: 0.5rem; box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}
.recruit-welfare-box .recruit-welfare-list li.two {width: calc(50% - 1.8rem);}
.recruit-welfare-box .recruit-welfare-list li.has-txt {padding: 4.5rem 1rem 2rem;}
.recruit-welfare-box .recruit-welfare-list li .icon {position: relative; display: inline-block; width: 11.4rem; height: 11.4rem; border-radius: 50%; margin: 0 auto; background: #f5f5f5;}
.recruit-welfare-box .recruit-welfare-list li .icon img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.recruit-welfare-box .recruit-welfare-list li .tit {font-size: 2.2rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.2; color: #000; padding-top: 1.5rem;}
.recruit-welfare-box .recruit-welfare-list li .txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: #999999; line-height: 1.4; padding-top: 0.5rem;}

.philosophy-con03-list {display: flex; flex-wrap: wrap; margin: 3rem -1rem -1rem -1rem;}
.philosophy-con03-list li {display: flex; align-items: center; width: calc(50% - 2rem); min-height: 15rem; margin: 1rem; border: 1px solid #cfcfcf; border-radius: 0.5rem;background: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.philosophy-con03-list li span {display: flex; align-items: center; justify-content: center; width: 12.5rem; height: 100%; padding: 1.5rem; text-align: center; border-radius: 0.5rem 0 0 0.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #f0f0f0;}
.philosophy-con03-list li span img {max-width: 100%;}
.philosophy-con03-list li dl {width: calc(100% - 12.5rem); padding-left: 2.5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box;}
.philosophy-con03-list li dl dt {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.3;}
.philosophy-con03-list li dl dd {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.050em; color: #333333; line-height: 1.66; padding-top: 0.5rem;}

.tra-list {margin-top: 4rem;}
.tra-list .img-box img {max-width:100%; border-radius:2rem;}
.tra-list .item {display:flex; align-items:center; margin-bottom: 5rem;}
.tra-list .item:last-child {margin-bottom: 0; flex-direction:row-reverse;}
.tra-list .item .left-box {width:49.31%;}
.tra-list .item .right-box { width: calc(100% - 49.31%); padding-left:10.5rem; }
.tra-list .item:last-child .left-box {width:49.31%; padding-left:2rem;}
.tra-list .item:last-child .right-box {width: calc(100% - 49.31%); padding:0 10.5rem 0 0;}
.tra-list .sub-tit {display:inline-block; font-size:2.0rem; line-height:1.5; letter-spacing:-0.025em; color:#28245a; font-weight: 600; margin-bottom: 1rem;}
.tra-list .tra-tit {display:block; font-size:3.8rem; line-height:1.1; letter-spacing:-0.075em; color:#000; font-weight: 700; margin-bottom: 1rem;}
.tra-list .txt {font-size:1.8rem; line-height:1.833em; letter-spacing:-0.075em; color:#666; font-weight: 400; padding-bottom:2rem; border-bottom:1px solid rgba(0,0,0,0.1);}
.tra-list .product-box {display:flex; margin-top:2rem;}
.tra-list .product-box .tit {width:12.3rem; font-size:1.8rem; letter-spacing:-0.075em; color:#333; line-height:1.833em; font-weight: 700;}
.tra-list .pro-list {width: calc(100% - 12.3rem); padding-left: 1.4rem;}
.tra-list .pro-list .pro-item {position:relative; font-size:1.6rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight: 500; text-transform:uppercase; padding-left:0.7rem; margin-bottom:0.9rem;}
.tra-list .item:last-child .pro-list .pro-item {text-transform:initial;}
.tra-list .pro-list .pro-item:before {display:block; content:""; position:absolute; width:2px; height:2px; border-radius:50%; background: #333; left:0; top:10px;}

.recruit-always-box {margin-top: 6rem;}
.recruit-always-box .item-inner {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 4rem 1rem; grid-template-rows: auto; }
.recruit-always-box .item-inner .always-item {position: relative; border: 1px solid #39b7df; border-radius: 10px; box-sizing: border-box; height: 40rem; background-color: #fff; box-shadow: 2px 2px 62px 0px rgba(0, 0, 0, 0.1); padding: 3rem 4rem;}
.recruit-always-box .item-inner .always-item > span {position: absolute; top: -2.25rem; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 18rem; height: 5rem; border-radius: 100px; background: linear-gradient(to right, #39b7df 8%,#22dae5 100%); font-size: 2.2rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.015em; color: #fff;}
.recruit-always-box .item-inner .always-item .txt-box {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; height: 100%;}
.recruit-always-box .item-inner .always-item .txt-box.positionBox {position: relative; top: 3.7rem;}
.recruit-always-box .item-inner .always-item .txt-box > h3 {text-align: center; font-size: 2.5rem; font-weight: 700; line-height: 1.4em; letter-spacing: -0.015em; color: #000; padding-bottom: 0.2rem;}
.recruit-always-box .item-inner .always-item .txt-box table {width: 100%;}
.recruit-always-box .item-inner .always-item .txt-box table th, .recruit-always-box .item-inner .always-item .txt-box table td {border-bottom: 1px dashed #ddd;}
.recruit-always-box .item-inner .always-item .txt-box table th {text-align: left; vertical-align: top; padding: 2rem 0; font-size: 1.8rem; font-weight: 700; line-height: 1.85em; letter-spacing: -0.015em; color: #000;}
.recruit-always-box .item-inner .always-item .txt-box table td {padding: 2rem 0 2rem 0.5rem; font-size: 1.8rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.015em; color: #4b4b4b;}
.recruit-always-box .item-inner .always-item .txt-box table td > p {position: relative; padding-left: 1rem; margin-bottom: 1rem; word-break: keep-all;}
.recruit-always-box .item-inner .always-item .txt-box table td > p::before {position: absolute; position: absolute; top: 1.2rem; left: 0; content: ""; width: 4px; height: 4px; background-color: #030b2a;}
.recruit-always-box .item-inner .always-item .txt-box table tr .heightBox {min-height: 13rem;}
.recruit-always-box .item-inner .always-item .txt-box table tr:last-child th, .recruit-always-box .item-inner .always-item .txt-box table tr:last-child td {border-bottom: none;}



@media all and (max-width:1280px){
	.tra-list .item .right-box {width:calc(100% - 49.31%);}
	.tra-list .item:last-child .right-box {width:calc(100% - 49.31%);}
	.tra-list .txt > br {display:none;}	
	
	.recruit-always-box .item-inner .always-item {height: auto;}
}

@media all and (max-width:1200px){
	.recruit-welfare-box .recruit-welfare-list li {width: calc(33.333% - 1.8rem); }
	.recruit-always-box .item-inner .always-item > span {font-size: 2.0rem;}
	.recruit-always-box .item-inner .always-item .txt-box table th {font-size: 1.6rem!important;}
	.recruit-always-box .item-inner .always-item .txt-box table td {font-size: 1.6rem!important;}
}

@media all and (max-width:800px) {
	.product-img-con:last-of-type {padding-bottom: 6rem;}
	.product-img-con .txt-box.area-sub {padding: 0;}
	.product-img-con .txt-box {flex-direction: column;}
	.product-img-con .txt-box > h3 {width: 100%; text-align: left; padding-bottom: 1rem; font-size: 3rem;}
	.product-img-con .txt-box > p {width: 100%; padding-left: 0; font-size: 1.7rem;}
	.product-img-con .txt-box > p::before {display: none;}
	.product-img-con .txt-box {margin-top: 4.5rem;}
	.product-img-con .img-box .img-active-txt {font-size: 1.7rem; letter-spacing: 0.2em;}
	.product-img-con .img-box .img-active-txt span {margin-left: 1rem;}
	.service-pay-wrap .list-item{width:100%;}
	.pb00 { margin-bottom: 4rem;}
	
	.recruit-welfare-box .recruit-welfare-list {margin: -1rem;}
	.recruit-welfare-box .recruit-welfare-list li {width: calc(50% - 2rem ); margin: 1rem;}
	.recruit-welfare-box .recruit-welfare-list li.two {width: 100%; margin: 0 0 1rem 0;}
	
	.philosophy-con03-list { margin: 3rem 0 0 0;}
	.philosophy-con03-list li {width: 100%; margin: 1rem 0;}
	.philosophy-con03-list li dl {padding: 1rem 2rem 1rem 2rem;}
	
	.tra-list .item {flex-wrap:wrap; margin-bottom:4rem;}
	.tra-list .item .left-box {width: 100%; margin-bottom: 2rem;}
	.tra-list .item .right-box {width: 100%; padding:0;}
	.tra-list .item:last-child .left-box {width: 100%; padding-left:0;}
	.tra-list .item:last-child .right-box {width: 100%; padding:0;}
	.tra-list .sub-tit { font-size:1.8rem; }
	.tra-list .tra-tit { font-size:3rem; }
	.tra-list .txt {padding-bottom:1.5rem;}
	.tra-list .txt > br {display:none;}
	.tra-list .product-box {margin-top:1.5rem;}
	
	.recruit-always-box {margin-bottom: 6rem;}
	.recruit-page .recruit-view-box {margin-top: 5rem;}
	.recruit-always-box .item-inner {grid-template-columns: 1fr; grid-gap: 4rem 0;}
	.cm-search-box .bbs-top-list-box {margin-bottom: 7rem;}
	.recruit-always-box .item-inner .always-item .txt-box table tr .heightBox {min-height: auto;}
	.recruit-always-box .item-inner .always-item .txt-box.positionBox {position: static;}
}
@media all and (max-width:640px){	
	.recruit-welfare-box .recruit-welfare-list {margin: 0;}
	.recruit-welfare-box .recruit-welfare-list li {width: 100%; margin: 0 0 1rem 0;}
}

@media all and (max-width:480px) {
	.product-img-con .img-box .img-active-txt { letter-spacing: 0;}
	.product-img-con .img-box .img-active-txt span {margin-left: 0.5rem;}
	.product-img-con .txt-box > h3 { font-size: 2.6rem;}
	
	.recruit-welfare-box .recruit-welfare-list li .icon {width: 9rem; height: 9rem;}
	.recruit-welfare-box .recruit-welfare-list li .tit {font-size: 1.7rem;}
	.recruit-welfare-box .recruit-welfare-list li .txt {font-size: 1.5rem; }
	
	.philosophy-con03-list li dl dt {font-size: 2.0rem; }
	.philosophy-con03-list li dl dd {font-size: 1.6rem; }
	.philosophy-con03-list li span { width: 10rem; padding: 1rem; }
	.philosophy-con03-list li dl {width: calc(100% - 10rem); padding-left: 1.5rem; }	
	
	.tra-list .sub-tit { font-size:1.7rem; }
	.tra-list .tra-tit { font-size:2.5rem; }
	.tra-list .txt { font-size:1.6rem; }

}

