/*recruit202407*/
#pgRecruit {color:#242A30; }
#pgRecruit .bd15 {border-radius:10px; overflow:hidden;}

#pgRecruit h2 {font-size:28px; font-weight:700; letter-spacing:-0.5px; line-height:1.4; color:#070707;}
#pgRecruit h3 {font-size:22px; font-weight:700; letter-spacing:-0.5px;}
#pgRecruit h4 {font-size:23px; font-weight:700; }
#pgRecruit p {font-size:14px; font-weight:500; color:#272727; line-height:1.4;}
#pgRecruit .tit {padding:80px 0;}
#pgRecruit .tit h3 {margin-bottom:7px; line-height:1.5;}

#pgrctit {padding:70px 0 50px 0;}
#pgrctit h2 {margin-bottom:15px; }

.reNew #pgrctit {padding:80px 0 70px 0; text-align:center;}
.reNew #pgrctit h2 {margin:10px auto 20px auto; font-size:}
.reNew #pgrctit .btn a {margin-bottom:20px; display:inline-block; padding:13px 35px; font-size:20px; font-weight:600; color:#2D52E9; border-radius:50px; border:1px solid #2D52E9;}

#pgrcvisual {display:flex; align-items:center; height:230px; overflow:hidden;}
#pageVisual .btn {margin-top:18px;}
#pageVisual .btn a {padding:9px 20px; display:inline-flex; align-items:center; gap:5px; font-size:15px; font-weight:600; letter-spacing:-0.5px; color:#fff; border-radius:30px; border:2px solid #fff;}
#pageVisual .btn a .arrow {font-size:10px;}

#pgrcInfo {margin:80px auto;}
#pgrcInfo .point {color:#2D52E9;}
#pgrcInfo .container {display:flex; flex-direction:column; text-align:center;}
#pgrcInfo h2 {margin-bottom:30px;}
#pgrcInfo .list li {margin-bottom:60px;}
#pgrcInfo .list li:nth-child(1) .ico {width:46px; margin:0 auto;}
#pgrcInfo .list li:nth-child(2) .ico {width:42px; margin:0 auto;}
#pgrcInfo .list h3 {margin:10px auto; color:#2D52E9;}
#pgrcInfo .list p {color:#7E7E7E;}


#pgreDna .text {margin-bottom:80px; text-align:center;}
#pgreDna .text h2 {margin-bottom:32px; font-size:25px; }
#pgreDna .text p {line-height:1.6;}
#pgreDna .img {margin-right:-15px; margin-left:-15px;}

#pgreWelfare ul {display:grid; grid-template-columns: repeat(1, 1fr); gap:40px;}
#pgreWelfare ul .txt {margin:20px 0 0 0; text-align:center; padding:0 40px;}
#pgreWelfare ul .txt h4 {font-size:20px; margin-bottom:12px; }
#pgreWelfare ul .txt p {color:#656565;}

#pgRecruit #pgreAce .tit {position:relative; top:20px; padding:100px 0; /*background:url('../page/_img/ace_bg.png') no-repeat center bottom; background-size:cover; */ z-index:2;}
#pgreAce p {margin-top:30px;  color:#656565;}
#pgreAce .photocard {position:relative;  padding-bottom:80px;  background-color: white; z-index:9;}
#pgreAce .photocard .pc { text-align:center; }
#pgreAce .photocard .pc img { width: 16%; }
#pgreAce .swiper.aceSwiper {position:relative;  padding:0 0 30px 12px; z-index:9;}
#pgreAce .swiper-scrollbar {width:93%; left:50%; transform:translate(-50%,0); height:3px;}
#pgreAce .swiper-scrollbar-drag {background:#8b8c91;}

#pgRecruit #pgreJob .jobinfo h3 {padding:15px 0; font-size:19px; border-bottom:1px solid #242A30;}
#pgreJob .jobinfo {border-top:2px solid #242A30; border-bottom:2px solid #242A30;}
#pgreJob .jobinfo .list {padding:30px 10px;}
#pgreJob .jobinfo .list .listWarp {margin-bottom:20px; display:flex; gap:20px; font-size:14px; line-height:1.5;}
#pgreJob .jobinfo .list .listWarp:last-child {margin-bottom:0;}
#pgreJob .jobinfo .list .listWarp .subject {font-weight:600;}
#pgreJob .jobinfo .con.location .depth:first-child {margin-bottom:10px;}
#pgreJob .jobinfo .con .depth {display:flex;  flex-direction:row; gap:5px; color:#999999;  font-weight:500;}
#pgreJob .jobinfo .con .depth {margin-bottom:3px;}
#pgreJob .jobinfo .con .depth .fc-bb {color:#242A30; font-weight:600;}
#pgreJob .jobinfo .con .depth:last-child {margin-bottom:0;}

.pgreJobBtn {margin:40px auto 80px auto; text-align:center; }
.pgreJobBtn a {display:inline-flex; align-items:center;  gap:14px; padding:15px 30px; border-radius:5px; font-size:14px; font-weight:500; color:#fff; background:#161616;}
.pgreJobBtn a:hover {background:#1545da; transition:all 0.5s;}
.pgreJobBtn a .link {width:16px;}

#pgreNaver {margin:80px auto;}
#pgreNaver h3 {margin-bottom:40px; font-size:22px; text-align:center;}
#pgreNaver .search {padding:0 50px;}
#pgreNaver .search a {display:flex; align-items:center; justify-content:space-between; border:3px solid #04CF5C;}
#pgreNaver .search a .flex {display:flex; align-items:center;}
#pgreNaver .search a .text {width:60%; padding:0 10px;  font-size:26px; font-weight:400; color:#070707;}
#pgreNaver .search a .arrow {margin:0 10px; width:10px;}
#pgreNaver .search a .btn {display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:#04CF5C;}
#pgreNaver .search a .btn img {width:20px;}

/*page*/
#pageVisual {margin-bottom:30px; position:relative; width:100%; height:480px;}
.realEstateFinancial #pageVisual {background:url('../_img/pgvisual_refinancial.png') no-repeat center / cover;}
.newCarFinancial #pageVisual {background:url('../_img/pgvisual_newcar.png') no-repeat center / cover;}
.usedCarFinancial #pageVisual {background:url('../_img/pgvisual_usedcar.png') no-repeat center / cover;}
#pageVisual .container {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9; color:#fff;}
#pageVisual .container h2 {margin-bottom:25px; font-size:28px; font-weight:600;}
#pageVisual .container p {font-size:14px; font-weight:500; line-height:1.6;}

#pageSub .pageTit {margin-bottom:20px; font-size:20px; font-weight:800;}
#pageSub .pageList li {margin-bottom:32px; }
#pageSub .pageList li .text h3 {margin: 20px 0 10px 0; font-size:20px; font-weight:700; }
#pageSub .pageList li .text p {font-size:14px; font-weight:400; color:#8E8E8E; line-height:1.4;}
#pageSub .pageList li:last-childe {margin-bottom:0; }

.usedStep {padding:60px 0; border-top:1px solid #ececec;}
.usedStep h3 {margin-bottom:20px; font-size:24px; line-height:1.4;}
.usedStep .img img {max-width:250px; margin:0 auto; }

.newcarinfo h3 {font-size:20px; font-weight:700;}
.newcarinfo .img {margin:20px auto;}
.newcarinfo .list {margin-bottom:20px;}
.newcarinfo .list h3 {margin: 0 0 10px 0; font-size:20px; font-weight:700; }
.newcarinfo .list p {font-size:14px; font-weight:400; color:#8E8E8E; line-height:1.4;}

#pgRecruit.simple #pgrctit {padding:10px 0 30px 0;}
#pgRecruit.simple p  {color:#7E7E7E;}
#pgRecruit.simple .pgimg.bd {border-radius:15px; overflow:hidden;}
#pgRecruit.simple #pgrctitmd {margin:60px auto;}
#pgRecruit.simple #pgrctitmd p {margin-top:7px;}


@media (min-width: 900px) {
	#pgRecruit .container {max-width:1100px;}

	#pgRecruit .bd15 {border-radius:15px;}

	#pgRecruit h2 {font-size:40px;}
	#pgRecruit h3 {font-size:30px;}
	#pgRecruit h4 {font-size:24px;}
	#pgRecruit p {font-size:23px; line-height:1.6;}
	#pgRecruit .tit {padding:180px 0;}
	#pgRecruit .tit h3 {margin-bottom:5px;}

	#pgrctit {padding:100px 0 140px 0;}
	#pgrctit h2 {margin-bottom:20px;}
	#pgrctit p {padding:0 0 0 5px;}

	.reNew #pgrctit {text-align:left;}
	.reNew #pgrctit h2 {margin:0;}
	.reNew #pgrctit .wrap {margin:15px 0; display:flex; align-items:center; gap:20px;}
	.reNew #pgrctit .btn a {margin:0; padding:10px 32px; font-size:24px; font-weight:700;}
	.reNew #pgrctit .btn a:hover {background:#2D52E9; color:#fff; transition:all 0.5s;}


	#pgrcvisual {height:550px;}

	#pgrcInfo {margin:300px auto;}
	#pgRecruit #pgrcInfo .tit {padding:0; }
	#pgRecruit #pgrcInfo h2 {margin-bottom:10px; font-size:40px;}
	#pgRecruit #pgrcInfo p {font-size:20px;}
	#pgrcInfo .container {position:relative; text-align:left;}
	#pgrcInfo .list {padding:120px 0 0 35px;}
	#pgrcInfo .list li:nth-child(1) {margin-bottom:120px;}
	#pgrcInfo .list li:nth-child(1) .ico {width:54px; margin:0}
	#pgrcInfo .list li:nth-child(2) .ico {width:50px; margin:0;}
	#pgrcInfo .list h3 {margin:10px auto 5px; color:#2D52E9; font-size:28px; }
	#pgrcInfo .list p {font-size:20px; color:#7E7E7E;}
	#pgrcInfo .img {position:absolute; top:55%; right:0; transform:translate(0,-50%); width:450px;}

	#pgreDna {margin-bottom:350px;}
	#pgreDna .container {position:relative; }
	#pgreDna .text {position:relative; margin-bottom:0; text-align:left; z-index:9;}
	#pgreDna .text h2 {margin-bottom:223px; font-size:40px; }
	#pgreDna .text p {font-size:27px; font-weight:400; line-height:1.7; letter-spacing:-0.5px;}
	#pgreDna .img {position:absolute; top:152px; right:0; margin-right:0; margin-left:0; width:684px; z-index:1;}

	#pgreWelfare ul {gap:180px;}
	#pgreWelfare ul li {display:flex; align-items:center; gap:60px;}
	#pgreWelfare ul li .img {width:540px;}
	#pgreWelfare ul .txt {margin:0; padding:0; text-align:left; width:500px;}
	#pgreWelfare ul .txt h4 {font-size:28px; margin-bottom:15px;}
	#pgreWelfare ul .txt p {font-size:20px; color:#7E7E7E;}

	#pgRecruit #pgreAce .tit {background-size:contain;}
	/* #pgRecruit #pgreAce .tit {top:40px; padding:500px 0 320px 0;} */
	#pgreAce p {margin-top:20px; color:#888888;}
	#pgreAce .photocard { padding-bottom:190px; }

	#pgRecruit #pgreJob .jobinfo h3 {padding:35px 0; font-size:32px;}
	#pgreJob .jobinfo .list {padding:55px 40px;}
	#pgreJob .jobinfo .list .listWarp {margin-bottom:50px; flex-direction:row; gap:80px; font-size:20px; line-height:1.5;}
	#pgreJob .jobinfo .list .listWarp .subject {width:70px;}
	#pgreJob .jobinfo .con.location .depth:first-child {margin-bottom:15px;}
	#pgreJob .jobinfo .con .depth {margin-bottom:5px;}

	.pgreJobBtn  {margin:90px 0 220px 0 ; }
	.pgreJobBtn a {width:80%; justify-content:center; max-width:495px;padding:25px 0; font-size:22px; gap:24px;}
	.pgreJobBtn a .link {position:relative; top:-1px; width:26px;}

	/*page*/
	#pageVisual {margin-bottom:110px; height:658px;}
	#pageVisual .container {position:absolute; top:55%; left:50%; transform:translate(-50%, -50%); z-index:9; color:#fff;}
	#pageVisual .container h2 {margin-bottom:26px; font-size:66px; letter-spacing:-0.5px;}
	#pageVisual .container p {font-size:23px;}
	#pageVisual .btn {margin-top:33px;}
	#pageVisual .btn a {padding:15px 34px; display:inline-flex; align-items:center; gap:15px; font-size:24px; font-weight:600; letter-spacing:-0.5px; color:#fff;
	border-radius:30px; border:2px solid #fff;}
	#pageVisual .btn a .arrow {font-size:18px;}
	#pageVisual .btn a:hover {background:#fff; color:#38393c; transition:all 0.5s; gap:25px;}

	#pageSub .pageTit {margin-bottom:60px; font-size:45px;}
	#pageSub .pageList li {margin-bottom:20px; }

	.pageLink  {margin:70px 0 110px 0;}
	.pageLink h3 {margin-bottom:20px; font-size:45px; font-weight:800; font-weight:700; letter-spacing:-0.5px;}
	.pageLink a {display:inline-block;  padding:16px 35px; border-radius:40px; border:1px solid #AEAEAE; font-size:24px; color:#070707; font-weight:500;}
	.pageLink a:hover {background:#f2f2f2; font-weight:700; transition:all 0.5s; }

	.usedStep {padding:110px 0 50px 0; border:none;}
	.usedStep h3 {margin-bottom:80px; font-size:40px;}
	.usedStep .img img {max-width:1290px; margin:0 auto; }

	#pgreNaver {margin:350px auto;}
	#pgreNaver h3 {margin-bottom:50px; font-size:40px;}
	#pgreNaver .search {padding:0; width:100%; max-width:610px; margin:0 auto; }
	#pgreNaver .search a {border:5px solid #04CF5C;}
	#pgreNaver .search a .text {width:60%; padding:0 15px;  font-size:40px; font-weight:400; color:#070707;}
	#pgreNaver .search a .arrow {margin:0 15px; width:15px;}
	#pgreNaver .search a .btn {display:flex; align-items:center; justify-content:center; width:64px; height:64px; background:#04CF5C;}
	#pgreNaver .search a .btn img {width:30px;}

	#pgRecruit #boardView .bbTit {padding:80px 0 35px 0;}
	#pgRecruit.simple #pgrctit {padding:30px 0 140px 0;}
	#pgRecruit.simple #pgrctitmd {margin:160px auto;}
	#pgRecruit.simple #pgrctitmd p {margin-top:10px;}
	#pgRecruit.simple #pgreWelfare ul {grid-template-columns:repeat(2, 1fr); gap:120px 25px;}
	#pgRecruit.simple #pgreWelfare ul li {flex-direction:column; gap:40px; align-items:baseline;}
	#pgRecruit.simple #pgreWelfare ul li .img {width:100%;}
	#pgRecruit.simple #pgreWelfare ul .txt {padding:0 0 0 20px;}
}