@charset "utf-8";

/* ******************** 공용 ******************** */

/* ***** 탭 ***** */
.tabWrap {padding:0 0 20px; margin:0 0 20px}
.tabWrap ul {width:100%; display:flex;}
.tabWrap ul li {}
.tabWrap ul li a {white-space:nowrap;}

/* 탭::type1 */
.tabWrap.type1 {}
.tabWrap.type1 ul {}
.tabWrap.type1 ul li {width:50%; text-align:center;}
.tabWrap.type1 ul li a {padding:0 20px; color:#000; line-height:78px; display:block; border:1px solid var(--border2); border-radius:100px; font-size:21px; font-family:var(--f_NEXON_V2); font-weight:700; background:10px center /60px no-repeat;}
.tabWrap.type1 ul li:hover a {background-color:#f1f1f1;}
.tabWrap.type1 ul li.on a {background-color:var(--green2); background-image:url(../images/common/checkType1.svg); color:#fff;}

/* 탭::type2 */
.tabWrap.type2 {width:70%; margin:0 auto; padding:0;}
.tabWrap.type2 ul {}
.tabWrap.type2 ul li {width:50%; text-align:center;}
.tabWrap.type2 ul li a {padding:0 20px; color:rgba(255,255,255,0.7); line-height:65px; display:block; border-right:1px solid rgba(255,255,255,0.3); font-size:21px; font-family:var(--f_NEXON_V2); font-weight:700; background:#222;}
.tabWrap.type2 ul li:last-child a {border-right:0;}
.tabWrap.type2 ul li:hover a {background-color:var(--darkblue);}
.tabWrap.type2 ul li.on a {color:#fff;}

/* ***** 테이블 ***** */
.tableWrap {}
.tableWrap table tr>*.left {text-align:left;}

/* 테이블::type1 */
.tableWrap.type1 {}
.tableWrap.type1 table {border-left:1px solid var(--border2);border-top:1px solid var(--border2);}
.tableWrap.type1 table thead {}
.tableWrap.type1 table thead th {background:var(--green); color:#fff;}
.tableWrap.type1 table tr>* {padding:12px 20px; border-right:1px solid var(--border2);border-bottom:1px solid var(--border2);}
.tableWrap.type1 table th {background:#f9f9f9; font-weight:400; color:#000;}
.tableWrap.type1 table th span {display:block;}
.tableWrap.type1 table td {}
.tableWrap.type1 table td p {padding:0 0 0 10px; position:relative;}
.tableWrap.type1 table td p:before {width:3px; height:3px; background:#666; border-radius:50%; left:0; top:10px; position:absolute; content:''; display:block;}
.tableWrap.type1 table td p+p {margin-top:8px;}

/* 버튼 */
.btnWrap {}
/* 버튼::type1 */
.btnWrap.type1 {text-align:center; margin-top:50px;}
.btnWrap.type1 a {padding:0 70px 0 110px; line-height:85px; font-size:24px; font-weight:700; font-family:var(--f_NEXON_V2); color:#fff; border-radius:100px; background:var(--green) url(../images/level/levelBtnIcon.svg)70px center /36px no-repeat; text-align:center; display:inline-block;}
/* 버튼::type2 */
.btnWrap.type2 {display:flex; justify-content:center; text-align:center; margin-top:50px;}
.btnWrap.type2 a {padding:20px 80px; line-height:1; color:var(--green2); border:5px solid; border-radius:100px; font-size:30px; font-weight:700; font-family:var(--f_NEXON_V2); transition:var(--ani);}
.btnWrap.type2 a:hover {background-color:var(--green2); color:#fff; border-color:transparent;}
/* 버튼::type3 */
.btnWrap.type3 {text-align:center; margin-top:50px}
.btnWrap.type3 a {display:inline-block; padding:20px 50px; font-size:18px; color:#fff; line-height:1; border-radius:5px; background:var(--darkBlue)}
.btnWrap.type3 a.cancel {background:#999;}
.btnWrap.type3 a.end {background:#666;}


/* ******************** intro ******************** */
.intro {}

/* ***** greet ***** */
.greet-box {padding:0 200px; position:relative; background:rgba(0,0,0,.6); text-align:left;}
.greet-box {padding:0 200px; position:relative; background:rgba(0,0,0,.6); text-align:left;}
.greet-box h4 {font-size:48px; height:300px; color:#fff;display:flex; align-items:center; justify-content:center; font-family:var(--f_Cafe24);}
.greet-box img {position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover; z-index:-1;}
/* .greet-txtBox {padding:80px 70px; background:rgba(255,255,255,0);} */
.greet-txtBox {padding:0 0 100px; background:rgba(255,255,255,0);}
.greet-txtBox p {line-height:2; font-size:18px; color:rgba(255,255,255,0.8)}
.greet-txtBox p.acc {padding:0 0 20px; font-weight:700; color:#fff; font-size:24px; line-height:1.4;}


/* ***** history ***** */
.history {}
.history img {max-width:100%;}
.history .his-list {}
.history .his-item {min-height:240px; padding:80px 0 80px 32vw; border-bottom:1px solid #ccc; position:relative;}
.history .his-item .year {margin-top:-10px; position:absolute; left:0;font-size:80px; font-weight:700; color:var(--darkblue); font-family:var(--f_Cafe24); line-height:1;}
.history .his-item .list {position:relative;}
.history .his-item .list>* {line-height:24px;}
.history .his-item .list dt {position:absolute; left:0; font-weight:700; color:#000; font-size:24px;}
.history .his-item .list dd {padding:0 0 35px 70px; position:relative; font-size:18px;}
.history .his-item .list dd+dd {margin-top:-20px}
.history .his-item .list dd:before {width:3px; height:3px; border-radius:50%; background:#666; content:''; display:block; position:absolute; left:60px; top:9px;}
.history .his-item .list dd:last-child {padding-bottom:0;}

/* ***** vision ***** */
.vision-tit {position:relative; text-align:center; background:rgba(0,0,0,.4);}
.vision-tit h3 {font-size:60px; line-height:1.4; display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0;right:0; bottom:0; color:#fff; font-family:var(--f_Cafe24);}
.vision-tit h3 span {display:block;}

.vision-inner>div {display:flex; justify-content:space-between;}
.vision-inner div img {width:100%; height:100%; object-fit:contain;}
.vision-inner p {font-size:18px; font-weight:700; color:#666;padding:80px 0 0;}
.vision-inner div+p {text-align:center; font-size:32px; font-weight:700;}
.vision-inner p span {color:#3366ff;}

/* ***** organ ***** */
.organ .pg-int {font-family:var(--f_NEXON_V2); font-size:24px; color:#000; font-weight:500; line-height:1.8; text-align:center; margin-bottom:70px;}
.organ div img {max-width:100%;}




/* ***** auth ***** */
.auth {}
.auth>div {}
.auth>div+div {margin-top:40px;}
.auth h3 {height:120px; font-size:30px; align-items:center; justify-content:center; display:flex; background:url(../images/intro/auth-bg.jpg)center /cover no-repeat; position:relative; color:#fff; font-family:var(--f_Cafe24);}
.auth h3:before {background:rgba(0,0,0,.5); content:''; display:block; position:absolute; left:0; top:0; bottom:0; right:0;}
.auth h3 span {position:relative;}
.auth-list {padding-top:20px;display:flex; flex-wrap:wrap; gap:40px;}
.auth-list li {width:calc((100% - 160px)/5);}
.auth-list li a { display:block;}
.auth-list li .img {height:350px;padding:35px 25px; display:block; border:1px solid #ccc;}
.auth-list li .img img {width:100%; height:100%; object-fit:contain; border:1px solid #f1f1f1;}
.auth-list li p {padding:20px 0 20px 10px;line-height:1.2; position:relative;font-size:18px;}
.auth-list li p:before {width:3px;height:3px; position:absolute; left:0; top:28px; background:#666; content:''; display:block;  border-radius:50%;}

.auth .imgOpen {margin:0px; overflow-Y:scroll !important;}
.auth .imgOpen button {position: fixed; top:3vw; right:3vw; background: transparent; border: 0; color: #fff; font-size: 3rem; cursor:pointer;}
.auth .imgOpen .modalBox {}
.auth .imgOpen .modalBox img {display:table-cell; margin:0 auto; height:100% !important;}


/* ******************** business ******************** */
.business .pg-int {font-family:var(--f_NEXON_V2); font-size:24px; color:#000; font-weight:500; line-height:1.8; margin-top: 85px;}
.business .pg-subtit {border-left:5px solid #851e2f; padding-left:20px; margin:60px 0;}
.business .pg-subtit h3 {font-size:24px; font-family:var(--f_NEXON_V2); color:#851e2f; padding-bottom:10px;}
.business .pg-subtit h3 span {font-size:16px; color:#666; font-weight:400; padding-left:10px;}
.business .pg-subtit p {font-size:18px;}
.business .pg-wrap .pg-inner {display:flex; gap: 50px; justify-content:space-between; align-items:center; padding:50px 0;}
.business .pg-wrap .pg-inner+.pg-inner {border-top: 1px solid #ededed;}
.business .pg-wrap .pg-inner:nth-child(1) {padding-top:0;}
.business .pg-wrap .pg-inner:nth-child(even) {flex-direction:row-reverse; text-align:right;}
.business .pg-wrap .pg-inner h4 {display:inline-block; font-family:var(--f_NEXON_V2); font-size:24px; color:#333; position:relative; padding-bottom:50px;}
.business .pg-wrap .pg-inner:nth-child(odd) h4 {padding-left:20px;}
.business .pg-wrap .pg-inner:nth-child(even) h4 {padding-right:20px;}
.business .pg-wrap .pg-inner .tit{position:relative;}
.business .pg-wrap .pg-inner .tit img {display:inline-block;}
.business .pg-wrap .pg-inner .tit:before {position:absolute; top:65px; display:block; content:''; width:40px; height:3px; margin:28px 0;}
.business .pg-wrap .pg-inner:nth-of-type(1) .tit:before {background:#262e53; left:0;}
.business .pg-wrap .pg-inner:nth-of-type(2) .tit:before {background:#236843; right:0;}
.business .pg-wrap .pg-inner:nth-of-type(3) .tit:before {background:#851e2f; left:0;}
.business .pg-wrap .pg-inner:nth-of-type(4) .tit:before {background:#582e97; right:0;}
.business .pg-wrap .pg-inner p {font-size:18px; color:#666; padding-top:30px;}
.business .pg-wrap .pg-inner .videoWrap {width:50%;}
.business .pg-wrap .pg-inner .videoWrap video {width:100%;}
.business .mvWrap {width:100%; height:600px;}
.business .mvWrap video {width:100%; height:100%; object-fit:cover;}
.business .mvWrap .tabWrap {margin-top:-45px;}


/* ******************** recruit ******************** */
.recruit .mid-bg {width:100%; height:150px; background:url(../images/recruit/apply_bg.jpg); background-attachment:fixed;}
.recruit .mid-bg h2 {font-size:24px; font-family:var(--f_NEXON_V2); color:#fff; text-align:center; line-height:150px;}
.recruit .apply-top {font-size:18px;}
.recruit .apply-top dl {display:flex; margin-top:60px; gap: 0 100px;}
.recruit .apply-top dt {font-size:32px; color:#3366ff; font-family:var(--f_NEXON_V2); font-weight:600;}
.recruit .apply-top dd .apply-in {overflow:hidden;}
.recruit .apply-top dd .apply-in div {float:left; color:#fff; width:212px; height:212px; border-radius:10px; padding: 30px 25px 25px; margin-right: 35px;}
.recruit .apply-top dd .apply-in div:nth-of-type(1) {background-color:#262e53;}
.recruit .apply-top dd .apply-in div:nth-of-type(2) {background-color:#246743;}
.recruit .apply-top dd .apply-in div:nth-of-type(3) {background-color:#851e2f;}
.recruit .apply-top dd img {display:block; margin:0 auto 30px;}
.recruit .apply-top dd span {display:inline-block; font-weight:500; color:#000;}
.recruit .apply-top dd div>span {font-weight:600; color:#fff;}
.recruit .apply-top dd div>a+span {color:#000;}
.recruit .apply-top dd p {font-weight:600; padding-top:5px;}
.recruit .apply-top dd a {display:inline-block; position:relative; background:#f5f5f5; padding:5px 42px 5px 23px; border-radius:20px; border:1px solid #b4b4b4; margin: 40px 20px 0 0;}
.recruit .apply-top dd a:before {display:block; content:''; position:absolute; background:url(../images/common/i-download.png); width:16px; height:16px; top:8px; right:20px;}
.recruit .apply-top ul li {line-height:48px;}

.recruit .info .mid-bg {position:relative; background:url(../images/recruit/info_bg_.jpg); background-attachment:fixed; margin:80px 0;}
.recruit .info div {text-align:center;}
.recruit .info div:nth-of-type(1) h2,.info div:nth-of-type(3) h2 {font-size:32px; margin-bottom:60px; color:#222; font-family:var(--f_NEXON_V2);}

/* ***** benefits ***** */
.benefits h2 {text-align:center; font-family:var(--f_NEXON_V2);}
.benefits h2 span {display:inline-block; margin:0 auto 50px; padding:12px 32px; background:#3366ff; border-radius:25px; color:#fff; text-align:center;}
.benefits-list {display:grid; grid-template-columns: repeat(3, 1fr); grid-template-rows:repeat(3, 1fr); gap:50px 0;}
.benefits-item {display:flex;}
.benefits-item .num {font-size:19px; color:#666; padding-top:30px; font-family:var(--f_Cafe24); display:block;}
.benefits-item div:first-child {width:150px; height:150px; padding:20px; background:#f1f1f1; border-radius:50%;}
.benefits-item div:last-child {padding-left:20px;}
.benefits-item .img {height:65px; display:block; margin:22px auto;}
.benefits-item .img img {width:100%; height:100%; object-fit:scale-down;}
.benefits-item p {font-size:24px; font-weight:700; color:#000; padding-top:15px;}

.benefits-item:nth-child(2) .num {background:;}
.benefits-item:nth-child(3) .num {background:;}
.benefits-item:nth-child(4) .num {background:;}
.benefits-item:nth-child(5) .num {background:;}
.benefits-item:nth-child(6) .num {background:;}
.benefits-item:nth-child(7) .num {background:;}
.benefits-item:nth-child(8) .num {background:;}
.benefits-item:nth-child(9) .num {background:;}
.benefits-item:nth-child(10) .num {background:;}
.benefits-item:nth-child(11) .num {background:;}
.benefits-item:nth-child(12) .num {background:;}



/* ******************** customer ******************** */
.btnWrap-single {font-size: 0; text-align: center; margin-top: 50px;}
.btnWrap-single li {display:inline-block;}
.btnWrap-single li a {display:block; padding:20px 50px; background:#262e53; font-size:18px; line-height:1; color:#fff; font-weight:400;}

.form-wrap {margin-top: 50px; border: 7px solid #e5e5e5; background: #fff; padding: 40px 60px;}
.form-wrap h3 {font-family:var(--f_NEXON_V2); font-size: 22px; margin-bottom: 20px; color:#222; font-weight:500;}
.form-wrap .inputWrap {overflow:hidden; margin-bottom: 30px;}
.form-wrap .inputWrap>p {width: 200px; padding: 5px 5px 0 0; font-weight: 400; font-size: 17px; color: #000; float: left;}
.form-wrap .inputWrap fieldset {float: left; width: calc(100% - 200px);}
.form-wrap .inputWrap.inputName input {width:400px;}
.form-wrap .inputWrap.inputEmail input {width:500px;}
.form-wrap .inputWrap.inputTitle input {width:500px;}
.form-wrap .inputWrap.inputPhon div {position:relative; display:inline-block;padding-left:20px;}
.form-wrap .inputWrap.inputPhon div:nth-of-type(1) {padding-left:0px;}
.form-wrap .inputWrap.inputPhon div~div:before {position: absolute; top: 0; left: 4px; display: block; content: "-"; color: #ccc; line-height: 45px; font-size: 18px;}
.form-wrap .txtWrap {}
.form-wrap .txtWrap p {}
.form-wrap .txtWrap ul {}
.form-wrap .txtWrap ul li {line-height:1.6;}
.form-wrap .txtWrap a { padding: 12px 26px; background-color: #333; display: inline-block; font-size: 15px; margin-top: 15px;}
.form-wrap .txtWrap .form_button {display: block; color: #fff;}
.form-wrap .txtWrap input[type='checkbox']+label {padding-left:25px; margin-left:15px;}

/* ***** online ***** */
.online .preWrap {height:250px; overflow-y:auto; border:1px solid #e5e5e5; border-bottom:0;}
.online .accept-wrap {background:#f7f7f7; padding:15px 30px; text-align:left; border: 1px solid #ddd; }
.online .accept-wrap p {position:relative;}
.online .accept-wrap input[type='checkbox']+label {margin-left:10px;}

/* ***** location ***** */
.location {}
.location-item {border-top:2px solid #000;}
.location-item+.location-item {margin-top:100px;}
.location-item h3 {line-height:100px; font-size:36px; color:#000; font-family:var(--f_Cafe24);}
.location-item-inner {display:flex;}
.location-item-map {width:calc(100% - 525px); height:500px;}
.location-item-map>div {width:100%;}
.location-item-map .hide {display:none;}
.location-item-txt {width:525px; padding:60px;border:1px solid #ccc; position:relative;}
.location-item-txt-tit {padding:10px 0 10px 30px; border-left:3px solid #000; position:relative;}
.location-item-txt-tit h4 {font-size:24px; color:#000; font-weight:700;}
.location-item-txt-tit p {padding-top:10px; font-size:18px; color:#999; font-weight:700; line-height:1;}
.location-item-txt-tit .icon {width:80px; height:80px; border-radius:50%; background:#f5f5f5; position:absolute; right:0; top:0;display:flex; align-items:center; justify-content:center;}
.location-item-txt-tit .icon img {width:50%; height:50%; object-fit:contain;}
.location-item-txt-txt {padding:40px 0 0; font-size:18px; line-height:1.8;}
.location-item-txt .detail {width:calc(100% - 120px); height:60px; line-height:60px; display:flex; gap:10px; color:var(--blue); text-align:center; position:absolute; left:60px; bottom:60px;}
.location-item-txt .detail .txt {width:calc(100% - 60px); border:1px solid; border-radius:100px; transition:var(--ani);}
.location-item-txt .detail .icon {width:60px; border:1px solid; border-radius:50%; transition:var(--ani); background:url(../images/intro/i-btnArrow.svg)center /20px no-repeat;}
.location-item-txt .detail:hover {}
.location-item-txt .detail:hover .txt {background:var(--blue);color:#fff; }
.location-item-txt .detail:hover .icon {background-color:var(--blue); background-image:url(../images/intro/i-btnArrow-on.svg);}

/* ***** ethical ***** */
.ethical-top {text-align:center;}
.ethical-top h2 {display:inline-block; font-family:var(--f_NEXON_V2); line-height:1.4; font-size:24px; font-weight:500; color:#222; position:relative;}
.ethical-top h2:before, .ethical-top h2:after {display:block; position:absolute; width:20px; height:20px; top:0px; font-size:70px; color:#000; line-height: 1;}
.ethical-top h2:before {content:'“'; left:-50px;}
.ethical-top h2:after {content:'”'; right:-40px;}
.ethical-top h2 span {color:#3366ff;}
.ethical-top p {margin-top:10px;}
.ethical-in h3 {font-family: var(--f_NEXON_V2); font-size:24px; color:#3366ff; margin-top:50px;}
.ethical-in div {padding:35px 32px; background:#f6f7f9; margin-top:20px;}
.ethical-in ul li {margin-bottom:13px;}
.ethical-in p {font-size:18px; padding-top:15px;}
.ethical-in h4 {font-size:22px; font-family:var(--f_NEXON_V2); color:#262e53; padding: 20px 0; font-weight: 500;}
.ethical-in h4:nth-of-type(1) {padding-top:0;}
.txtWrap .preWrap {height:250px; overflow-y:auto; border:1px solid #e5e5e5; margin-top:10px;}
.txtWrap .preWrap pre {margin: 0; padding: 30px 40px 10px;}


/* ***** rights ***** */
.rights-top {text-align:center;}
.rights-top h2 {font-family:var(--f_NEXON_V2); line-height:1.4; font-size:24px; color:#262e53;}
.rights-top p {display:inline-block; margin-top:10px; position:relative;}
.rights-top p:before, .rights-top p:after {display:block; position:absolute; width:20px; height:20px; top:0px; font-size:70px; color:#000; line-height: 1;}
.rights-top p:before {content:'“'; left:-50px;}
.rights-top p:after {content:'”'; right:-40px;}
.rights-in {background-color:#f6f7f9; border:1px solid #ccc; padding:30px; margin-top: 50px;}
.rights-in ul li {position:relative; padding: 15px 0; border-bottom:1px dotted #eee; margin-bottom:5px;}
.rights-in>div {text-align:center; margin-top:50px;}
.rights-in>div img {height:40px;}
.rights-in p {font-size:24px; color:#262e53; font-weight:600; padding-top:15px;}

/* ************************ 태블릿 이하(~1024) ************************ */
@media screen and (max-width: 1024px) {

	/* ******************** 공용 ******************** */

	/* ***** 탭 ***** */
	.tabWrap {}
	.tabWrap ul {width:100%;}
	.tabWrap ul li {}
	.tabWrap ul li a {}

	/* 탭::type1 */
	.tabWrap.type1 {}
	.tabWrap.type1 ul {}
	.tabWrap.type1 ul li {}
	.tabWrap.type1 ul li a {line-height:68px; background-size:55px; font-size:19px;}
	
	/* 탭::type2 */
	.tabWrap.type2 {width:90%;}
	.tabWrap.type2 ul li a {font-size:19px;}
	
	/* 버튼 */
	.btnWrap {}
	/* 버튼::type1 */
	.btnWrap.type1 {margin-top:40px;}
	.btnWrap.type1 a {padding:0 50px 0 90px; line-height:80px; font-size:20px; background-position:50px; background-size:32px;}
	/* 버튼::type2 */
	.btnWrap.type2 {}
	.btnWrap.type2 a {}
	/* 버튼::type3 */
	.btnWrap.type3 {margin-top:30px}
	.btnWrap.type3 a { font-size:15px;}

	/* ***** 테이블 ***** */
	.tableWrap {}

	/* 테이블::type1 */
	.tableWrap.type1 {overflow-x:auto;}
	.tableWrap.type1 table {min-width:700px;}

	/* 테이블::type2 */
	.tableWrap.type2 {overflow-x:auto;}
	.tableWrap.type2 table {min-width:700px;}

	/* ******************** //END 공용 ******************** */

	/* ******************** intro ******************** */
	.intro {}
	
	/* ***** organ ***** */
	.organ .pg-int {font-size:22px;}
	.organ div img {width:100%;}
	
	/* ***** greet ***** */
	.greet-box {padding:0 50px;}
	.greet-box h4 {height:240px; line-height:1.3; font-size:36px;}
	.greet-txtBox {}
	.greet-txtBox p {line-height:1.8; font-size:17px;}
	.greet-txtBox p.acc {font-size:22px; line-height:1.3;}

	/* ***** history ***** */
	.history {}
	.history .his-list {}
	.history .his-item {min-height:160px; padding:50px 0 50px 220px;}
	.history .his-item .year {font-size:60px;}
	.history .his-item .list {}
	.history .his-item .list>* {line-height:21px;}
	.history .his-item .list dt {font-size:21px;}
	.history .his-item .list dd {font-size:17px; padding:0 0 30px 60px}
	.history .his-item .list dd+dd {margin-top:-15px;}
	.history .his-item .list dd:before {left:50px; top:8px;}
	.history .his-item .list dd:last-child {}

	/* ***** vision ***** */
	.vision-inner div+p { font-size:28px; }

	/* ***** auth ***** */
	.auth {}
	.auth>div+div {margin-top:30px;}
	.auth h3 {height:100px; font-size:27px;}
	.auth-list {gap:30px;}
	.auth-list li {width:calc((100% - 60px)/3);}
	.auth-list li .img {padding:30px 20px;}
	.auth-list li p {padding:16px 0 16px 10px; font-size:17px;}
	.auth-list li p:before {top:23px;}
	
	.auth .imgOpen button {top:3vw; right:3vw; color: #000; font-size: 2.5rem;}

	/* ******************** business ******************** */
	.business .pg-int {font-size: 22px;}
	.business .pg-subtit h3 {font-size: 22px;}
	.business .pg-subtit p {font-size: 17px;}
	.business .pg-wrap .pg-inner h4 {font-size: 22px;}
	.business .pg-wrap .pg-inner p {font-size: 17px;}
	.business .pg-wrap .pg-inner {display: flex; gap: 40px; align-items: flex-start; padding: 40px 0; flex-direction: column;}
	.business .pg-wrap .pg-inner:nth-child(even) {flex-direction: column; align-items: flex-end;}
	.business .pg-wrap .pg-inner .videoWrap { width: 100%; }
	.business .mvWrap {width:100%; height:50vw;}
	/* ******************** recruit ******************** */
	
	/* ***** benefits ***** */
	.benefits-list {display:grid; grid-template-columns: repeat(2, 1fr); grid-template-rows:repeat(6, 1fr); gap:40px 0;}
	.benefits-item .num {font-size:18px;}
	.benefits-item .img {height:60px; display:block; margin:25px auto;}
	.benefits-item p {font-size:23px;}

	
	/* ***** info ***** */
	.recruit .info div:nth-of-type(1) h2, .info div:nth-of-type(3) h2 { font-size: 28px;margin-bottom: 50px; }
	.recruit .info div img {width:100%;}
	.recruit .mid-bg h2 {font-size: 22px;}
	
	/* ***** apply ***** */
	.recruit .apply-top dt { font-size: 28px; }
	.recruit .apply-top dl { margin-top: 60px; gap: 20px 0px; flex-direction: column;}
	
	
	/* ******************** customer ******************** */

	/* ***** location ***** */
	.location {}
	.location-item {}
	.location-item+.location-item {margin-top:70px;}
	.location-item h3 {font-size:28px; line-height:80px;}
	.location-item-inner {display:block;}
	.location-item-map {width:100%; height:50vw; min-height:300px;}
	.location-item-map>div {height:100% !important;}
	.location-item-txt {width:100%; padding:40px;}
	.location-item-txt-tit h4 {font-size:21px;}
	.location-item-txt-tit p {font-size:17px;}
	.location-item-txt-tit .icon {width:68px; height:68px;}
	.location-item-txt-txt {padding:20px 0;font-size:17px;}
	.location-item-txt .detail {width:100%; height:54px; line-height:54px; position:static;}
	.location-item-txt .detail .txt {font-size:17px;}
	.location-item-txt .detail .icon {width:54px;}
	
	/* ***** rights ***** */
	.rights-top {margin-bottom: 35px;}
	.rights-top h2 {font-size:22px;}
	.rights-in {padding: 20px; margin-top: 45px;}
	.rights-in ul li { padding: 12px 20px 20px; }
	.rights-in ul li:before { top: 13px; width: 23px; height: 23px; line-height: 23px; font-size: 11px; }
	.rights-in>div { margin-top: 40px; }
	.rights-in>div img { height: 37px; }
	.rights-in p { font-size: 22px; padding-top: 12px; }
	.rights-top p {padding:0 30px;}
	.rights-top p:before {content:'“'; left:0px;}
	.rights-top p:after {content:'”'; right:10px;}
	
	
	/* ***** online,ethical ***** */
	.form-wrap { margin-top:45px; border: 7px solid #e5e5e5; padding:40px; }
	.form-wrap .inputWrap>p {width:100%; padding:0; font-size:16px; margin-bottom:5px;}
	.form-wrap .inputWrap fieldset {float:none; width:100%;}
	.form-wrap .inputWrap fieldset>* {float:left; display:inline-block; width:100%;}
	.form-wrap .inputWrap fieldset .hidden {display:none;}
	.form-wrap .inputWrap.inputInquiry label {width:100px;}
	.form-wrap .inputWrap.inputPhon {padding-right:30%;}
	.form-wrap .inputWrap.inputPhon div {position:relative; width:33.3%; padding-left:20px;}
	.form-wrap .inputWrap.inputPhon div:first-child {width:33.4%; padding-left:0;}
	.form-wrap .inputWrap.inputPhon div~div:before {position: absolute; top: 0; left: 4px; display: block; content: "-"; color: #ccc; line-height: 45px; font-size: 18px;}
	
	/* ***** ethical ***** */
	.ethical-top h2 { font-size: 22px; padding:0 30px;}
	.ethical-top h2:before {content:'“'; left:0px;}
	.ethical-top h2:after {content:'”'; right:10px;}
	.ethical-in h3 { font-size: 22px; margin-top: 40px; }
	.ethical-in div {padding: 30px 27px;}
	.ethical-in h4 {font-size: 20px; padding: 15px 0;}
	
	
	
}



/* ************************ 모바일 이하(~767) ************************ */
@media screen and (max-width: 767px) {



	/* ******************** 공용 ******************** */

	/* ***** 탭 ***** */
	.tabWrap {padding:0 0 14px; margin:0 0 14px;}
	.tabWrap ul {flex-wrap:wrap; gap:5px;}
	.tabWrap ul li {}
	.tabWrap ul li a {}

	/* 탭::type1 */
	.tabWrap.type1 ul li {width:100%;}
	.tabWrap.type1 ul li a {line-height:58px; font-size:18px; background-size:45px;}
	
	/* 탭::type2 */
	.tabWrap.type2 {width:100%;}
	.tabWrap.type2 ul {flex-wrap:wrap; gap:0;}
	.tabWrap.type2 ul li {width: 25%; text-align: center;}
	.tabWrap.type2 ul li a {font-size: 17px; padding:0 15px;}

	/* 버튼 */
	.btnWrap {}
	/* 버튼::type1 */
	.btnWrap.type1 {margin-top:30px;}
	.btnWrap.type1 a {padding:0 30px 0 60px; line-height:70px; font-size:18px; background-position:30px; background-size:27px;}
	/* 버튼::type2 */
	.btnWrap.type2 {}
	.btnWrap.type2 a {font-size:18px;}
	/* 버튼::type3 */
	.btnWrap.type3 {margin-top:20px;}
	.btnWrap.type3 a {width:100%; line-height:1.6; padding:10px 30px;}
	.btnWrap.type3 a+a {margin-top:5px;}

	/* ***** 테이블 ***** */
	.tableWrap {}

	/* 테이블::type1 */
	.tableWrap.type1 table tr>* {padding:5px 10px; }

	/* 테이블::type2 */
	.tableWrap.type2 table tr>* {padding:5px 10px; }

	/* ******************** //END 공용 ******************** */



	/* ******************** intro ******************** */
	/* ***** organ ***** */
	.organ .pg-int {font-size:20px;}

	/* ***** greet ***** */
	.greet-box {padding:0 0 20px;}
	.greet-box img {height:200px;}
	.greet-box h4 {padding:0 20px; height:200px; font-size:25px;}
	.greet-txtBox {padding:30px 20px 0; text-align:left;}
	.greet-txtBox p {font-size:16px;}
	.greet-txtBox p.acc {padding:0 0 14px; font-size:19px;}


	/* ***** history ***** */

	.history .his-item {padding:20px 0; min-height:auto;}
	.history .his-item .year {padding:0 0 20px; font-size:40px; position:static; margin:0;}
	.history .his-item .list {}
	.history .his-item .list>* {line-height:1.3;}
	.history .his-item .list dt {font-size:18px;}
	.history .his-item .list dd {font-size:16px; padding:0 0 20px 50px;}
	.history .his-item .list dd:before {left:40px;}

	/* ***** vision ***** */
	.vision-inner>div { display:flex; flex-direction:column; padding:0; gap:50px; }
	.vision-inner div+p {font-size:24px; padding: 50px 0 0; line-height: 1.6;}

	/* ***** auth ***** */
	.auth {}
	.auth h3 {font-size:22px; height:80px;}
	.auth-list {gap:20px;}
	.auth-list li {width:calc((100% - 20px)/2);}
	.auth-list li .img {height:65vw; padding:20px;}
	.auth-list li p {font-size:16px; padding:12px 0 12px 10px;}
	.auth-list li p:before {top:19px;}
	.auth .imgOpen button {top:2vw; right:2vw; color: #000; font-size: 2.5rem;}

	/* ******************** business ******************** */
	.business .pg-int {font-size: 18px;}
	.business .pg-subtit h3 {font-size: 20px;}
	.business .pg-subtit p {font-size: 16px; line-height:1.6;}
	.business .pg-wrap .pg-inner h4 {font-size: 20px;}
	.business .pg-wrap .pg-inner p {font-size: 16px; padding-top:0;}
	.business .pg-wrap .pg-inner {gap: 35px; padding: 35px 0;}
	.business .pg-wrap .pg-inner:nth-child(even) {flex-direction: column; align-items: flex-end;}
	.business .pg-wrap .pg-inner div:last-child img {width:100%;}
	.business .pg-wrap .pg-inner .tit:before {top: 15%; width: 30px;}
	.business .pg-wrap .pg-inner .tit img {display: none;}
	.business .pg-wrap .pg-inner:nth-child(odd) h4 {padding-left: 0px;}
	.business .pg-wrap .pg-inner:nth-child(even) h4 {padding-right: 0px;}
	/* ******************** recruit ******************** */
	/* ***** benefits ***** */
	.benefits h2 span {margin: 0 auto 4.5vw; padding: 12px 30px; font-size: 3.4vw; }
	.benefits-list {display:grid; grid-template-columns: repeat(2, 1fr); grid-template-rows:repeat(6, 1fr); gap:30px 0;}
	.benefits-item div:first-child { width: 20vw; height: 20vw; padding: 10px;}
	.benefits-item .num {font-size:2.5vw; padding-top:4.5vw;}
	.benefits-item .img {height:9vw; display:block; margin:4vw auto;}
	.benefits-item p {font-size:3vw; padding-top:3vw;}
	
	/* ***** info ***** */
	.recruit .info div:nth-of-type(1) h2, .info div:nth-of-type(3) h2 { font-size: 22px;margin-bottom: 40px;}
	.recruit .info div img {width:100%;}
	.recruit .info .mid-bg {height: 65px; background: none; margin: 70px 0; }
	.recruit .mid-bg h2 {font-size: 18px; line-height: 1.6; color: #666;}
	
	/* ***** apply ***** */
	.recruit .mid-bg {height: auto; background: none;}
	.recruit .mid-bg h2 { font-size: 18px; line-height: 1.6; margin-bottom: 20px;}
	.recruit .apply-top { font-size: 2.6vw; }
	.recruit .apply-top dl { margin-top: 0px; gap: 20px 0px; }
	.recruit .apply-top dt { font-size: 22px; }
	.recruit .apply-top dl:first-child dt { margin-top: 0px; }
	.recruit .apply-top dl:last-child dt { margin-top: 30px; }
	.recruit .apply-top dd .apply-in { overflow: hidden; display: flex; gap: 30px; }
	.recruit .apply-top dd .apply-in div { float: none; width: 27vw; height: 27vw; padding: 3.5vw 3vw 3vw; margin-right: 0px;}
	.recruit .apply-top dd img { margin: 0 auto 4vw; height: 6.5vw; }
	.recruit .apply-top dd a {font-size:15px; padding:5px 40px 5px 20px; margin:30px 3vw 0 0;}
	.recruit .apply-top dd a:before { width: 15px; height: 15px; top: 8px; right: 18px; background-size: contain;}
	.recruit .apply-top dd div i {display: inline-block; white-space: nowrap; padding-top: 20px; font-size: 16px;}
	.recruit .apply-top ul li {font-size:16px; line-height: 1.5; padding-bottom: 15px;} 	
	
	
	/* ******************** customer ******************** */
	.btnWrap-single { margin-top: 40px; }

	/* ***** location ***** */
	.location {}
	.location-item+.location-item {margin-top:40px;}
	.location-item h3 {font-size:22px; line-height:60px;}
	.location-item-txt {padding:30px;}
	.location-item-txt-tit {padding:7px 0 7px 20px; border-width:2px;}
	.location-item-txt-tit h4 {font-size:19px;}
	.location-item-txt-tit .icon {width:60px; height:60px;}
	.location-item-txt-txt {padding:14px 0; font-size:16px;}
	.location-item-txt .detail {height:50px; line-height:50px;}
	.location-item-txt .detail .icon {width:50px;}
	.location-item-txt .detail .txt { font-size:16px;}

	/* ***** rights ***** */
	.rights-top {margin-bottom: 20px;}
	.rights-top h2 {font-size:20px;}
	.rights-top p {line-height: 1.6;}
	.rights-in ul li {padding: 12px 10px 16px;}
	.rights-in ul li:before { top: 13px; width: 21px; height: 21px; line-height: 21px; font-size: 11px; }
	.rights-in>div { margin-top: 30px; }
	.rights-in>div img { height: 32px; }
	.rights-in p { font-size: 20px; padding-top: 10px; }

	/* ***** ethical ***** */
	.ethical-top h2 { font-size: 20px; }
	.ethical-in h3 { font-size: 20px; margin-top: 30px; }
	.ethical-in h4 {font-size: 18px; padding: 15px 0;}
	.form-wrap h3 { font-size: 20px; margin: 25px 0 20px;}
	.form-wrap .txtWrap input[type='checkbox']+label { padding-left: 25px; margin-left: 0; display: block;}
	
	/* ***** online,ethical ***** */
	.form-wrap { margin-top:40px; border:0; padding:0px; }
	.form-wrap .inputWrap {border: 1px solid #ddd; padding:20px; background:#f9f9f9;margin-bottom: 10px;}
	.form-wrap .inputWrap>p {width:100%; padding:0; font-size:16px; margin-bottom:5px;}
	.form-wrap .inputWrap.inputName input {width:100%;}
	.form-wrap .inputWrap.inputInquiry label {width:100px;}
	.form-wrap .inputWrap.inputPhon {padding-right:20px;}
	.form-wrap .inputWrap.inputPhon input {max-width:100%; width:100%;}
	.form-wrap .inputWrap.inputPhon div {width:35%}
	.form-wrap .inputWrap.inputPhon div:nth-of-type(1) {width:30%}
	.form-wrap .inputWrap.inputEmail input {width:100%;}
	.form-wrap .inputWrap.inputTitle input {width:100%;}
	
}
/* ************************ 모바일 이하(~480) ************************ */
@media screen and (max-width:480px) {
	
	/* 탭::type2 */
	.tabWrap.type2 ul li a {font-size: 13px; padding:0 5px;}
	
	
	/* ***** benefits ***** */
	.benefits-list {display:grid; grid-template-columns: repeat(1, 1fr); gap:25px 0;}
	.benefits h2 span {margin: 0 auto 30px; font-size: 20px;}
	.benefits-item div:first-child { width: 120px; height: 120px; padding: 15px;}
	.benefits-item .img {height:55px; display:block; margin:17px auto;}
	.benefits-item .num {font-size:17px; padding-top:30px;}
	.benefits-item p {font-size:20px; padding-top:15px;}
	
	/* ***** apply ***** */
	.recruit .apply-top { font-size: 16px; }
	.recruit .apply-top dd .apply-in { gap: 20px; flex-direction: column; }
	.recruit .apply-top dd .apply-in div { width: 100%; height: 80px; padding: 15px;}
	.recruit .apply-top dd img { height: 30px; display: inline; margin: 0 10px 0 0; }
	.recruit .apply-top dd div>span { font-weight: 500; position:relative;}
	.recruit .apply-top dd div>span:after {position:relative; display:inline-block; content:'.'; bottom:0; left:0; color:#fff; padding-right: 5px;}
	.recruit .apply-top dd p { padding-top: 0; display: inline-block; line-height: 50px; }
	
	.recruit .apply-top dd a {padding: 6px 42px 6px 22px; margin: 30px 20px 0 0;}
	.recruit .apply-top dd div i {font-size: 17px;}
	

}