@charset "utf-8";

/* 공통 */
.objFit {object-fit:cover; width:100%; height:100%;}
.tableWrap.type2 table {border-top:1px solid #000;}
.tableWrap.type2 table thead {background:#f6f7fe;}
.tableWrap.type2 table tr>* {font-size:18px; padding:20px;}
.tableWrap.type2 table th {color:#000; font-weight:600;}
.tableWrap.type2 table tr {border-bottom:1px solid #dfe1ec;}
.tableWrap.type2 table tbody {text-align:left;}
.tableWrap.type2 table td+td {border-left:1px solid #dfe1ec;}
.tableWrap.type2 table td span {display:block; padding-left:10px; position:relative;}
.tableWrap.type2 table td span:before {display:block; position:absolute; content:''; background:#ccc; width:3px; height:3px; top:12px; left:0px;}

@media screen and (max-width:991px) {
	.tableWrap.type2 {overflow-x:auto;}
	.tableWrap.type2 table {min-width:500px;}
	.tableWrap.type2 table tr>* {font-size:16px; padding:5px 10px;}
}
/* ******************* 효성CMS ******************* */
/* 효성CMS안내 */
.introInfo>p {font-size:24px; text-align:center; color:#000; margin-bottom:43px;}
.introInfo>p>b {color:var(--red);}
.introInfo .content-box {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
.introInfo .content-box .box {border:2px solid #dcdcdc; border-radius:1rem; padding:30px; text-align:center;}
.introInfo .content-box .box>div {display:flex; gap:20px; align-items:center; margin-bottom:20px;}
.introInfo .content-box .box p:nth-of-type(2) {padding: 20px 0 25px;}
.introInfo .content-box .box p span:nth-of-type(1) {font-size:24px; font-weight:400; color:#000; line-height:1.5;}
.introInfo .content-box .box p span:nth-of-type(2) {font-size:38px; font-family:'Nanumsquare'; font-weight:800; letter-spacing:-0.05em; color:#4669d7; line-height:1; margin-top:10px;}
.introInfo .content-box .box p i {font-size:16px;}
.introInfo .content-box .box span {display:block; color:#000; font-size:16px; line-height:1.8;}

.payment-service {margin-top:100px; background:url(../images/intro/intro_bg1.webp)no-repeat;}
.payment-service .inner {display:flex; gap:20px; margin:0 auto; max-width:1300px; padding:100px 0;}
.payment-service .inner .service-list {width:calc(50% - 10px);}
.payment-service .inner .service-list h4 {color:#fff; font-size:36px; font-weight:600; text-align:center;}
.payment-service .inner .service-list ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; text-align:center; margin-top:50px;}
.payment-service .inner .service-list ul li span {display:inline-block; border-radius:1rem; background:#fff; padding:30px; transition:0.2s;}
.payment-service .inner .service-list ul li p {color:#fff; font-size:18px; margin-top:25px;}
.payment-service .inner .service-list ul li .btn-active1 {background:#ffcc00;}
.payment-service .inner .service-list ul li .btn-active2 {color:#ffcc00;}
.payment-service .inner .Realtime-payment {width:calc(50% - 10px);}
.payment-service .inner .Realtime-payment>div {display:none; text-align:center;}
.payment-service .inner .Realtime-payment h4 {color:#ffcc00; font-size:36px; font-weight:600; text-align:center;}
.payment-service .inner .Realtime-payment p {color:#fff; font-size:18px; margin-top:50px;}
.payment-service .inner .Realtime-payment p+span {display:block; color:#9c9c9c; margin-top:10px;}
.payment-service .inner .Realtime-payment a {display:inline-block; color:#fff; padding:20px 60px; border-radius:5px; border:1px solid #fff; margin-top:50px;}
.payment-service .inner .Realtime-payment a:hover {color:#000; background:#fff; border:1px solid #fff;}

/* 효성CMS장점 */
.advantages .container .advan-list ul {display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.advantages .container .advan-list ul li {display:grid; grid-template-columns:100px 1fr; gap: 10px;}
.advantages .container .advan-list ul li h4 {font-size:32px; color:#000; margin-top:10px;}
.advantages .container .advan-list ul li p {font-size:18px; color:#000; margin-top:20px;}
.advantages .container .advan-list ul li span {position:relative; font-size:20px; font-weight:700; color:#fff; padding:10px; display:inline-block; height:50px; background-repeat:no-repeat!important; background-size:contain!important; background-position:center!important;}
.advantages .container .advan-list ul li:nth-of-type(1) span {background:url(../images/intro/merit_1.png);}
.advantages .container .advan-list ul li:nth-of-type(2) span {background:url(../images/intro/merit_2.png);}
.advantages .container .advan-list ul li:nth-of-type(3) span {background:url(../images/intro/merit_3.png);}
.advantages .container .advan-list ul li:nth-of-type(4) span {background:url(../images/intro/merit_4.png);}
.advantages .container .advan-list ul li:nth-of-type(5) span {background:url(../images/intro/merit_5.png);}
.advantages .container .advan-list ul li:nth-of-type(6) span {background:url(../images/intro/merit_6.png);}

.effect {background:url(../images/intro/intro_bg2.webp)no-repeat center/cover; padding:100px 0; margin-top:100px;}
.effect .container .effect-tit {text-align:center;}
.effect .container .effect-tit span {font-size:28px; font-weight:700; color:var(--yellow);}
.effect .container .effect-tit h4 {font-size:65px; color:var(--yellow); font-weight:800; font-family:'Nanumsquare'; margin-top:5px;}
.effect .container .effect-tit p {margin-top:20px; color:#fff;}
.effect .container .effect-box {margin-top:50px;}
.effect .container .effect-box ul {display:grid; grid-template-columns:repeat(6, 1fr); gap:20px;}
.effect .container .effect-box ul li {color:#fff; text-align:center;}
.effect .container .effect-box ul li .img {display:inline-block; background:#fff; border-radius:1rem; padding:20px;}
.effect .container .effect-box ul li h5 {font-size:24px; font-weight:700; margin-top:30px;}
.effect .container .effect-box ul li p {font-size:18px; margin-top:20px;}

.effect-plus {position:relative; margin-top:100px;}
.effect-plus .container ul {display:flex; gap:20px;}
.effect-plus .container ul li {position:relative; border:1px solid #dee0ec; text-align:center; padding:40px 20px; border-radius:1rem; width:25%;}
.effect-plus .container ul li:last-child {margin-right:0;}
.effect-plus .container ul li>div span {font-size:22px; font-weight:700; color:#000; line-height:1.4;}
.effect-plus .container ul li img {display:block; margin:10px auto 0px;}
.effect-plus .container ul li p {color:#666; margin-top:10px;}

/* 서비스제휴사 */
.alliance .subtitBox {font-size:24px; text-align:center; color:#000;}
.alliance .subtitBox b {color:var(--red);}
.alliance .subtitBox+h4 {margin-top:80px;}
.alliance h4 {font-size:24px; text-align:center; color:#000;}
.alliance ul {display:grid; grid-template-columns:repeat(5, 1fr); gap:15px; height:100%; overflow:hidden; padding:20px 0 70px 0;}
.alliance ul li {position:relative; border:1px solid #e7e9ec; border-radius:1rem; height:100px; overflow-x:hidden;}
.alliance ul li:hover {border:1px solid var(--blue); box-shadow:3px 3px 8px rgba(0,0,0,.15);}
.alliance ul li img {position:absolute; left:50%; top:50%; height:25px; transform:translate(-50%,-50%);}
.alliance .card-list li:nth-child(7) img {height:20px;}
.alliance .card-list li:nth-child(9) img {height:50px;}

/* ******************* 결제서비스 ******************* */
.payments article {text-align:center;}
.payments article>p {font-size:24px; color:#000;}
.payments article>p:last-child {margin-top:20px;}
.payments article>p~span {position:relative; display:inline-block; margin-top:30px; padding:12px 35px 12px 50px; background:var(--darkblue); font-size:18px; color:var(--yellow); border-radius:3rem;}
.payments article>p~span:before {display:block; position:absolute; content:''; width:5px; height:5px; top:22px; left:30px; border:2px solid var(--yellow); border-radius:50%;}
.payments article>span:nth-of-type(2) {margin-left:20px;}
.payments .img {position:relative; margin-top:100px; padding:100px 70px 70px; border:1px solid #ddd; border-radius:1rem;}
.payments .img p {position:absolute; z-index:1; left:70px; top:70px; font-size:22px; font-weight:600; color:#000; line-height:1.2;}

/* CMS자동이체 */
.payments .feature {padding:100px 0; background:#f5f6fd; border-bottom:1px solid #dfe1ec;}
.payments .feature dl {text-align:center;}
.payments .feature dl dt {font-size:60px; font-family:'Nanumsquare'; font-weight:800; color:var(--blue); line-height:1;}
.payments .feature dl dd {font-size:20px; color:#000; margin-top:20px;}
.payments .feature .info {margin-top:50px;}
.payments .feature .info ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.payments .feature .info ul li {position:relative; padding-left:20px; font-size:18px; color:#000;}
.payments .feature .info ul li:before {position:absolute; content:''; display:block; top:13px; left:0; width:10px; height:2px; background:var(--red); border-radius:1rem;}

/* ******************* 부가서비스 ****************** */
/* 비대면 간편동의 */
.service .tabWrap ul {display:flex; justify-content:center; gap:20px; text-align:center;}
.service .tabWrap ul li {display:inline-block; width:450px; font-size:24px;}
.service .tabWrap ul li a {display:block; line-height:66px; border-radius:100px; border:2px solid #2a3a72; color:#2a3a72; background:#fff; font-size:24px;}
.service .tabWrap ul li.on a {background:#2a3a72 url(../images/service/i-on.png)33px 50% no-repeat; color:#ffcc00;}
.service h4 {font-size:50px; font-weight:800; font-family:'Nanumsquare'; color:#000; text-align:center; margin-bottom:10px; margin-top:80px; line-height:1.2;}
.service h4 b {display:block; font-weight:800;}
.service h4+p {font-size:20px; text-align:center; color:#000;}
.service .img {position:relative; margin-top:50px; padding:100px 70px 70px; border:1px solid #ddd; border-radius:1rem;}
.service .img p {position:absolute; z-index:1; left:70px; top:70px; font-size:22px; font-weight:600; color:#000; line-height:1.2;}
.service .serviceTop {display:flex; justify-content:center; align-items:center; padding:30px; background:#f6f7fe; border-radius:1rem; border:1px solid #dee0ec; margin-top:50px; font-size:18px; line-height:1.8;}
.service .serviceTop div {margin-right:30px;}
.service .topTxt {text-align:center;}
.service .topTxt p {position:relative; display:inline-block; font-size:24px; font-weight:400; color:#000; letter-spacing:-2px;}
.service .topTxt p:before, .service .topTxt p:after {display:block; position:absolute; top:-40px; font-size:100px; font-weight:700; font-family:cursive; color:#2a3a72;}
.service .topTxt p:before {content:'“'; left:-70px;}
.service .topTxt p:after {content:'”'; right:-70px;}
.service .addService {margin-top:80px;}
.service .addService h4 {color:var(--blue); margin:0;}
.service .addService .addService-info {display:flex; justify-content:center; align-items: center; padding:30px; background:#f6f7fe; border-radius:1rem; border:1px solid #dee0ec; margin-top:30px; font-size:18px;}
.service .addService .addService-info>div {margin-right:50px;}
.service .addService .addService-info ul>li {position:relative; color:#000; padding-left:10px; margin-bottom:10px;}
.service .addService .addService-info ul>li:before {position:absolute; content:''; display:block; width:3px; height:3px; left:0; top:15px; background:#000;}
.service .addService .addService-info ul>li>ul li {position:relative; font-size:17px; color:#666; padding-left:15px; margin-bottom:0px; line-height:1.8;}
.service .addService .addService-info ul>li>ul li:before {position:absolute; content:''; display:block; width:8px; height:1px; left:0; top:15px; background:#000;}

.service .sign-agree h4 {font-weight:400;}
.service .online-agree {background:#d0dfff; margin-top:80px;}
.service .online-agree .container {padding:100px 0;}
.service .online-agree .online-txt {background:url(../images/service/online_img.webp)no-repeat right bottom; padding-bottom:50px;}
.service .online-agree .online-txt h5 {font-size:60px; color:#132b7e; line-height:1.2; font-family:'Nanumsquare'; font-weight:800;}
.service .online-agree .online-txt p {font-size:18px; color:#132b7e; margin-top:30px;     line-height:1.8;}
.service .online-agree .online-box ul {display:grid; grid-template-columns:repeat(2,1fr); gap:100px;}
.service .online-agree .online-box ul li {display:flex; align-items:center;  justify-content:space-between; padding:55px 60px; background:#fff; border-radius:1rem;}
.service .online-agree .online-box dl dt {font-size:32px; font-weight:700; color:#000;}
.service .online-agree .online-box dl dd {font-size:18px; color:#000; margin-top:25px;}
.service .simple-method {margin-top:100px;}
.service .simple-method .simple-list ul {display:grid; grid-template-columns:repeat(2, 1fr); gap:100px; margin-top:50px;}
.service .simple-method .simple-list ul li {background:#fff; border-radius:1rem; border:1px solid #ddd; padding:40px;}
.service .simple-method .simple-list ul li>div {border-radius:1rem; overflow:hidden;}
.service .simple-method .simple-list ul li>div img {width:100%; object-fit:scale-down;}
.service .simple-method .simple-list dl {text-align:center; margin-top:30px;}
.service .simple-method .simple-list dl dt {font-size:32px; font-weight:700; color:#000; line-height:1.2;}
.service .simple-method .simple-list dl dd {font-size:18px; color:#000; margin-top:25px;}

.service [class*="ARS-"] {margin-top:80px;}
.service .ARS-agree h5 {font-size:36px; font-weight:800; font-family:'Nanumsquare'; color:#000; text-align:center; line-height:1.2; margin-bottom:30px;}
.service .ARS-chart p {font-size:18px; color:#000; line-height:1.8; text-align:center;}
.service .ARS-chart .img {margin-top:30px; padding:30px; text-align:center;}

.service [class*="taxBill-"] {margin-top:80px;}
.service .taxBill-process h5 {color:#000; font-size:36px; font-weight:800; text-align:center; padding-bottom:30px;}
.service .taxBill-desc {display:grid; grid-template-columns:repeat(2, 1fr);}
.service .taxBill-desc h4 {font-size:40px; font-weight:400; text-align:left; padding-bottom:30px; line-height:1.3; margin:0;}
.service .taxBill-desc p {text-align:left; font-size:18px; line-height:1.8; color:#000;}
.service .taxBill-desc p+p {margin-top:20px;}
.service .taxBill-desc .acc {display:inline-block; padding:8px 40px; background:#2a3a72; color:#fff; border-radius:2rem;}
.service .taxBill-desc .desc-img {margin:0 auto; box-shadow:3px 3px 15px rgba(0,0,0,.15);}
.service .taxBill-desc .desc-img img {width:100%; height:100%; object-fit:scale-down;}


/* ******************* 업종 공용 ****************** */
.category .contents-wrap {display:grid; grid-template-columns:43% 1fr; gap:100px;}
.category .fixZone {position:relative;}
.category .fixZone .img {border-radius:1rem 5rem 1rem 1rem; height:350px;  overflow:hidden;}
.category .fixZone dl dt {font-size:18px; font-weight:700; color:#000; padding:30px 60px 25px; border-radius:1rem; position:relative; display:inline-block; margin-top:-50px; margin-left:-22px; background:#fff;}
.category .fixZone dl dt:before {display:block; content:''; position:absolute; width:16px; height:3px; background:#4364ce; left:35px; top:50%;}
.category .fixZone dl dd:nth-of-type(1) {font-size:24px; color:#000; line-height:40px;}
.category .fixZone dl dd:last-child {margin-top:35px; line-height:30px;}
.category .fixZone .bt-wrap {display:flex; gap:10px;}
.category .fixZone .btn {display:inline-block; color:#fff; font-weight:700; text-align:center; background:var(--blue); border-radius:2rem; width:190px; height:60px; line-height:60px; margin-top:63px;}
.category .fixZone .btn~.btn {background:var(--darkblue);}
.category .fixZone .btn img {margin-right:18px;}

.category .infoZone h2 {font-size:48px; color:var(--blue); font-weight:800;}
.category .infoZone article {display:grid; grid-template-columns:100px 1fr; gap:30px; justify-content:space-between; margin-top:70px; padding-top:70px; border-top:1px solid #dfe1ec;}
.category .infoZone article:nth-of-type(1) {margin-top:0px; border-top:0;} 
.category .infoZone article dl {letter-spacing:-0.05em;}
.category .infoZone article dl dt {color:var(--blue); font-size:18px; font-weight:700;}
.category .infoZone article dl dd:nth-of-type(1) {color:#000; font-size:24px; font-weight:700; margin-top:8px;}
.category .infoZone article dl dd~dd {margin-top:33px; line-height:30px;}
.category .infoZone article .target dd:nth-of-type(1) {margin-top:20px; display:flex; flex-direction:column; align-items: flex-start; color:#333;}
.category .infoZone article .target dd>p {position:relative; display:inline-block; color:#fff; font-size:16px; padding:7px 20px; background:#2a3a72; border-radius:3rem; margin-top:5px;}
.category .infoZone article .img {width:100%; height:100px; border:1px solid #dee0ec; border-radius:1rem; display:flex; justify-content:center; align-items:center;}

/* 업종 하단 공용 */
.comm {background:var(--darkblue); padding:100px 0; margin-top:100px;}
.comm h2 {font-size:36px; font-weight:700; color:#fff; text-align:center;}
.comm>div {max-width:1300px; width:100%; margin:0 auto; display:flex; gap:50px; margin-top:50px;}
.comm>div .box {width:calc(25% - 25px); display:inline-block;}
.comm>div .box>div {height:200px; border-radius:1rem; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.comm>div .box>div img {height:100%; object-fit:cover;}
.comm>div .box dl {margin-top:30px; color:#fff;}
.comm>div .box dl dt {font-size:18px; font-weight:700; line-height: 1;}
.comm>div .box dl dd {font-size:18px; line-height:30px; margin-top:13px;}

.container {position:relative; display:block; max-width:1300px; width:100%; margin:0 auto;}
.procedure .container h2, .necessary .container h2, .container h3 {font-size:36px; font-weight:800; color:#000; text-align:center; letter-spacing:-0.05em; color:var(--blue);}
.procedure {position:relative; margin-top:80px;}
.procedure .container ul {position:relative; width:100%; overflow:hidden; margin-top:30px; justify-content:space-between;}
.procedure .container ul li {position:relative; float:left; width:calc((100% - 52px)/5); border:1px solid #dee0ec; height:320px; margin-right:13px; text-align:center; padding:40px 20px; border-radius:1rem; font-weight:700; color:#000;}
.procedure .container ul li:last-child {margin-right:0px;}
.procedure .container ul li p {font-size:18px; line-height:30px;}
.procedure .container ul li .step {display:block; font-size:12px; padding-top:15px; background:url(../images/common/i-next.webp)no-repeat center top;}
.procedure .container ul li:last-child .step {background:none;}
.procedure .container ul li img {display:block; margin:50px auto 35px;}
.procedure .container ul li .procedure-number {font-size:18px; color:#eb5255; font-weight:800;}
.procedure .container ul li .procedure-mail {display:block; font-size:14px; color:#000;}
.procedure .container ul li .procedure-fax {font-size:14px;}

.necessary h2 {margin-top:100px;}
.necessary .container {overflow:hidden;}
.necessary .container .necessary-box {position:relative; margin-top:30px; float:left; width:calc((100% - 10px)/2); border:1px solid #dee0ec; height:240px; padding:50px; border-radius:1rem; display:grid; grid-template-columns:90px 1fr;}
.necessary .container .nece-box-1 {margin-right:10px; background:url(../images/common/i-personal.webp)no-repeat 50px 150px;}
.necessary .container .nece-box-2 {background:url(../images/common/i-corporation.webp)no-repeat 50px 150px;}
.necessary .container .necessary-box h3 {font-size:24px; color:#000; font-weight:700;}
.necessary .container .necessary-box ul li {position:relative; padding-left:15px; line-height:1; color:#000;}
.necessary .container .necessary-box ul li~li {margin-top:13px;}
.necessary .container .necessary-box ul li:before {display:block; content:''; width:3px; height:3px; position:absolute; left:0; top:8px; background:#090801;}

.category-f-bt {position:relative; max-width:1300px; width:100%; margin:50px auto 100px; overflow:hidden; display:flex; justify-content:center; gap:10px;}
.category-f-bt .bt-box {width:314px;}
.category-f-bt .bt-box a {display:inline-block; font-size:18px; font-weight:700; color:#fff; width:100%; height:70px; text-align:center; border-radius:3rem; padding:20px;}
.category-f-bt .bt-box .bt-1 {background:var(--blue);}
.category-f-bt .bt-box .bt-2 {background:var(--red); cursor:text !important;}
.category-f-bt .bt-box .bt-3 {background:var(--darkblue);}
.category-f-bt .bt-box img {margin-right:20px;}

.introEffect {background:url(../images/payments/payment_bg.webp)no-repeat center/cover; margin-top:80px; padding:100px 0;}
.introEffect .container {display:flex; gap:120px;}
.introEffect h4 {font-size:70px; font-weight:800; font-family:'Nanumsquare'; color:#fff; line-height:1.4; margin:0;}
.introEffect .box li {position:relative; margin-top:50px; padding-left:80px;}
.introEffect .box li .num {display:block; width:65px; height:65px; color:var(--yellow); font-size:24px; font-weight:700; line-height:65px; border:1px solid rgba(255,204,0,.5); border-radius:1rem; text-align:center; position:absolute; top:0; left:0;}
.introEffect .box li dl dt {color:var(--yellow); font-size:24px; font-weight:700; line-height:1;}
.introEffect li dl dt:empty+dd {display:table-cell; height:60px; vertical-align: middle; padding-top:0; line-height:1.5;}
.introEffect .box li dl dd {margin-top:10px; font-size:18px; color:#fff; line-height:1.6;}
.introEffect .box li.pType1 {padding-left:0px; color:#ffcc00; font-size:18px; line-height:1.7;}
.introEffect .box li dl dd>b {display:block;}

/* ************************ 고객지원 / 로그인 ************************ */
/* 빠른상담신청 */
.customer .fast {display:flex; gap:100px;}
.customer .fast .leftZone > div {position:sticky; top:120px;}
.customer .fast .leftZone {width:40%;}
.customer .fast .leftZone .img {border-radius:1rem 5rem 1rem 1rem; height:350px;  overflow:hidden;}
.customer .fast .leftZone dl dt {font-size:20px; font-weight:700; color:#000; padding:30px 60px 0px 25px; border-radius:1rem; position:relative; display:inline-block; margin-top:-50px; margin-left:-22px; background:#fff;}
.customer .fast .leftZone dl dd:nth-of-type(1) {font-size:24px; color:#000; line-height:40px; margin-top:10px;}
.customer .fast .leftZone dl dd:nth-of-type(1) a {color: var(--blue); font-weight:800; font-size:36px;}
.customer .fast .leftZone dl dd:last-child {margin-top:10px; line-height:30px;}
.customer .fast .leftZone dl dd:last-child b { font-size:18px; color:#000;}

.customer .fast .rightZone form { max-width:800px; }
.customer .fast .rightZone form .fast_call {border-top:1px solid #202845; border-bottom:1px solid #202845;}
.customer .fast .group {margin-top:0px;}
.customer .fast .group.ck input { position: absolute; left: -99999px;}
.customer .fast .group.ck label { padding: 10px 0 10px 40px; margin-right: 20px; border: 1px solid #fff; border-radius: 100px; background: url(../images/common/check-before.png) no-repeat 0 50%; cursor: pointer; line-height: 50px; color: #333; }
.customer .fast .group.ck input:checked+label {background:url(../images/common/check-on.png) no-repeat 0 50%;}
.customer .fast .group.inner {display: flex; align-items: center;}
.customer .fast .group input { font-size: 16px; padding: 0 10px 0 5px; line-height: 40px; display: block; color: #636363; width: 100%; border: none;border-radius: 0; border-bottom: 1px solid #e9e9e9;}
.customer .fast .group.inner label { width: 105px; color: #000; font-size: 16px;}
.customer .fast .agree_topBox {background: #f6f7fb; border-radius: 20px; font-size: 15px; padding: 30px; margin-top:40px;}
.customer .fast .agree_topBox dl {height: 150px; overflow-y: auto;
background:#f6f7fb; border-radius: 15px;}
.customer .fast .agree_topBox dl dt {padding:0; color:#000; font-weight:400; margin-top:20px; padding-bottom:5px;}
.customer .fast .agree_topBox dl dt:first-child {margin-top:0px;}
.customer .fast .agree_topBox dl dd {font-weight:500;}
.customer .fast .ckwrap {margin-bottom: 30px; float:right;}
.customer .fast .ckwrap> * {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
/* .fast .ckwrap input {display:none;} */
.customer .fast .ckwrap input[type='checkbox'] {position:absolute; left:-999999999999px;}
.customer .fast .ckwrap label {padding-left:40px; font-size:18px; color:#000; background:url(../images/common/check-before.png) no-repeat 0 50%; cursor:pointer; line-height:50px; margin-top:20px;}
.customer .fast .ckwrap input[type='checkbox']+label {float:right; padding-left:40px; background:url(../images/common/check-before.png) no-repeat 0 50%; cursor:pointer;}
.customer .fast .ckwrap input:checked+label {background:url(../images/common/check-on.png) no-repeat 0 50%;}
.customer .fast form {box-shadow:7px 6px 11px 0px rgba(0,0,0,.06); max-width:760px; margin:0 auto; padding:65px 70px; background: #fff; border:1px solid #c3c9cd; border-radius:30px;}
.customer .fast .group {position: relative;}
.customer .fast .group+.group {margin-top:30px;}
.customer .fast .group.inner label {width:105px; color:#000; font-size:16px;}
.customer .fast .group input {font-size:17px; padding:0 10px 0 5px; line-height:40px; display:block; color:#636363; width:100%; border:none; border-radius:0; border-bottom:1px solid #e9e9e9;}
.customer .fast .group input:focus,
.customer .fast .group select:focus {outline:none;}
.customer .fast .group input::placeholder {color:#b8b8b8; font-size:15px;}
.customer .fast .group label {display:inline-block; color: #999; font-size: 17px;font-weight: normal;left: 5px;top: 3px;transition: all 0.2s ease;}
.customer .fast .group.ck input {position:absolute; left:-99999px;}
.customer .fast .category-f-bt { margin:50px 0 0;}
.agree_topBox dl::-webkit-scrollbar {width: 8px;  /* 스크롤바의 너비 */}
.agree_topBox dl::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #d0d5e7; /* 스크롤바의 색상 */ border-radius: 10px;}
.agree_topBox dl::-webkit-scrollbar-track {background: #f6f7fb;  /*스크롤바 뒷 배경 색상*/}

/* FAQ */
.faq-inner {}
.faq-inner-list {}
.faq-inner-list pre {font-size:16px; padding-left:60px;}
.faq-inner-list li { }
.faq-inner-list li+li {margin-top:20px;}
.faq-inner-list li h4 { border-radius:20px; transform: none; padding:25px 30px; color:#000; font-size:18px; font-weight:400; letter-spacing:-.5px; background:#f6f7fe url(../images/common/i-bottomBtn.png) no-repeat 98% center; cursor:pointer; }
.faq-inner-list li h4:hover {background-color:#f9f9f9;}
.faq-inner-list li h4 span {padding-right:30px; font-size:25px; color:#4669d7; font-weight:800;}
.faq-inner-list li>div { padding:20px 30px 30px 30px; background:url(../images/other/i-faq-list.png)25px 37px no-repeat; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top:none; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.faq-inner-list li>div .faq_content {color:#000; letter-spacing:-.5px; line-height:1.8;}

.faq-inner-list li.on {}
.faq-inner-list li.on h4 { border-bottom-left-radius:0; border-bottom-right-radius:0; background:#f6f7fe url(../images/common/i-topBtn.png) no-repeat 98% center; color:#4669d7; font-weight:600;}
.faq-inner-list li.on h4 span {color:#4669d7;}
.faq-inner-list li.on div {}
.faq-inner-list li.on div span {font-size:25px; font-weight:800; float:left;}

.faq-inner-list .faq_content img {max-width:100% !important; height:auto !important;}
.faq-inner-list .faq_content iframe {max-width:100% !important;}
.faq-inner-list pre {background:none; border:0; padding:0; margin: 0;
color: #666; letter-spacing: 0; line-height: 1.8; font-family: 'NEXON' !important; padding-left: 60px;}

/* ************************ 효성CMS가입 ************************ */
/* 가입신청 */
.cmsjoin .joinForm h4 {font-size:24px; margin-bottom:30px; color:#000;}
.cmsjoin .joinForm .join {margin-top:100px;}
.cmsjoin .joinForm .checkWrap_sunnong input[type='checkbox']+label {margin-top:15px;}
.cmsjoin .joinForm .subTitType2 {font-size:20px; color:#000; margin-bottom:15px;}
.cmsjoin .joinForm .subTitType2:nth-of-type(2) {margin-top:50px;}

/* ************************ 로그인/원격지원 *********************** */
/* 로그인 */
.customer.loginWrap .kind {display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.customer.loginWrap .kind a {display:block; height:100%; border:1px solid #e5e5e5; border-radius:15px; overflow:hidden; text-align:center;}
.customer.loginWrap .kind a i {display:block; aspect-ratio:1/.6; overflow:hidden;}
.customer.loginWrap .kind a i img {width:100%; height:100%; object-fit:cover; transition:all .3s;}
.customer.loginWrap .kind a p {padding:30px 0 10px; line-height:1; color:#000; font-weight:600;}
.customer.loginWrap .kind a span {display:block; margin-bottom:30px;}
.customer.loginWrap .kind a span:before {display:inline-block; content:"로그인"; font-size:13px; line-height:1; padding:10px 17px; color:#fff; border-radius:100px; background-color:#666; transition:all .3s;}
.customer.loginWrap .kind a:hover {box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.customer.loginWrap .kind a:hover p {color:var(--blue);}
.customer.loginWrap .kind a:hover span:before {background-color:var(--blue);}
.customer.loginWrap .kind a:hover i img {transform:scale(1.1);}

.customer.loginWrap .info {margin-top:80px;}
.customer.loginWrap .info p {padding:70px 70px 150px; font-size:24px; font-weight:400; line-height:1.6; text-align:center; color:#fff; background:#0b1a55; border-radius:15px;}
.customer.loginWrap .info div {text-align:center;}
.customer.loginWrap .info div ul {display:flex; gap:50px; justify-content:center; margin-top:-100px; font-weight:600; color:#000;}
.customer.loginWrap .info div i {display:block; width:200px; height:200px; background:#fff; border-radius:50%; box-shadow:10px 10px 10px rgba(0,0,0,.1); margin-bottom:10px;}
.customer.loginWrap .info div i img {max-width:100%;}
.customer.loginWrap .info div a {display:inline-block; padding:30px 50px; border-radius:100px; border:3px solid #eb5255; font-size:18px; font-weight:600; color:#eb5255; line-height:1; margin-top:50px;}
.customer.loginWrap .info div a:hover {background:#eb5255; color:#fff; padding:30px 60px;}

/* 원격지원 */
.other .remote .head {text-align:center; color:#000;}
.other .remote .head span {color:#eb5255; border-bottom:2px solid #eb5255;}
.other .remote .head p:nth-child(1) {font-size:40px; font-weight:600; transform:rotate(0.03deg); letter-spacing:-2px;}
.other .remote .head p+p {margin-top:20px; font-size:20px;}
.other .remote .info {display:grid; grid-template-columns:1fr 1fr; justify-content:center; gap:50px; margin-top:80px;}
.other .remote .info a {display:flex; flex-direction:column; text-align:center; gap:10px; color:#fff; background:#0b1a55; border-radius:20px; padding:70px 0;}
.other .remote .info a+a {background:var(--blue);}
.other .remote .info a i {opacity:.5;}
.other .remote .info a b {margin-top:30px; font-size:80px; font-weight:600; line-height:1;}
.other .remote .info a p {font-size:24px; font-weight:400; line-height:1;}
.other .remote .info a span {margin-top:20px;}
.other .remote .info a span span {display:inline-block; background:#fff; color:#000; padding:20px 40px; line-height:1; border-radius:100px; transition:all .3s;}
.other .remote .info a:hover {transform:translateY(-10px);}
.other .remote .info a:hover span span {padding:20px 50px;}

/* ************************* 효성에프엠에스(주)소개 ***************************** */
.other .intro {}
.other .intro .head {padding:70px; border:1px solid #e5e5e5; border-radius:20px 20px 0 0;}
.other .intro .head p {font-size:40px; font-weight:800; color:#000;  transform:rotate(.03deg); text-align:center;}
.other .intro .head ul {display:grid; grid-template-columns:repeat(4,1fr); gap:50px; margin-top:50px;}
.other .intro .head dt {font-size:30px; font-weight:800; color:var(--blue); line-height:1;}
.other .intro .head dd {margin-top:20px; padding-top:20px; position:relative; line-height:1.8;}
.other .intro .head dd:before {content:""; position:absolute; left:0; top:0; border-top:2px solid #000; width:40px;}

.other .intro .point {padding:70px; background:#0b1a55; color:#fff; border-radius:0 0 20px 20px;}
.other .intro .point p {font-size:40px; font-weight:800; transform:rotate(.03deg); text-align:center;}
.other .intro .point ul {display:grid; grid-template-columns:repeat(4,1fr); gap:50px; margin-top:50px;}
.other .intro .point dl {text-align:center;}
.other .intro .point dt {display:flex; flex-direction:column; align-items:center; font-size:20px; font-weight:600; }
.other .intro .point dt i {display:grid; justify-content: center; align-items: center; width:150px; height:150px; background:#fff; border-radius:50%; margin-bottom:20px;}
.other .intro .point dt i img {max-width:100%;}
.other .intro .point dd {margin-top:10px; line-height:1.8;}

.other .intro .brand {display:flex; gap:100px; margin-top:120px;}
.other .intro .brand .left {width:30%;}
.other .intro .brand .left div {position:sticky; top:100px;}
.other .intro .brand .left p {font-size:24px; font-weight:800; color:#000; margin-top:20px;}
.other .intro .brand .right dl+dl {margin-top:70px;}
.other .intro .brand .right dt {font-size:36px; font-weight:400; color:#000; line-height:1; position:relative;}
.other .intro .brand .right dd {margin-top:20px; line-height:1.8;}
.other .intro .brand .right .color {display:grid; grid-template-columns:repeat(3,1fr); gap:50px;}
.other .intro .brand .right .color i {display:block; width:100%; height:70px; background:#0032a0;}
.other .intro .brand .right .color p {margin-top:10px; font-size:18px; font-weight:600; color:#000;}
.other .intro .brand .right .color article:nth-child(2) i {background:#00205b;}
.other .intro .brand .right .color article:nth-child(3) i {background:#ffb81c;}

/* ************************** 개인정보처리방침, 이용약관 ************************** */
.other pre {margin-top:20px; padding:30px; background:#f9f9f9; border:1px solid #e5e5e5; border-radius:20px; font-family:inherit; font-size:15px; line-height:1.8;}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px), print {
	/* ******************* 효성CMS ******************* */
	.introInfo .content-box {grid-template-columns:repeat(2, 1fr); gap:20px;}
	.introInfo>p {font-size:18px;}
	.payment-service {margin-top:50px; background:url(../images/intro/intro_bg1.webp)no-repeat center/cover;}
	.payment-service .inner {padding:80px 20px; flex-direction:column; align-items:center;}
	.payment-service .inner .service-list {width:100%;}
	.payment-service .inner .Realtime-payment {width:100%;}
	.payment-service .inner .Realtime-payment h4 {margin-top:50px;}
	.payment-service .inner .Realtime-payment p {margin-top:30px;}
	.payment-service .inner .Realtime-payment a {padding:15px 45px; margin-top:40px;}
	
	/* ******************** 업종 공용 ****************** */
	.category .contents-wrap {gap:80px;}
	.category .fixZone .img {border-radius:1rem 4rem 1rem 1rem; height:auto; overflow:hidden; aspect-ratio:2/1;}
	.category .fixZone dl dt {padding:30px 40px 25px 60px;}
	.category .infoZone h2 {font-size:42px; line-height:1.2;}
	.category .infoZone article {display:grid; grid-template-columns:10vw 1fr; gap:3vw;}
	.category .infoZone article .img {width:10vw; height:10vw;}
	.category .infoZone article .img img {height:4.5vw;}
	
	/* 업종 하단 공용 */
	.comm {padding:70px 20px; margin-top:50px;}
	.comm>div {margin-top:50px;}
	.comm>div .box {width:calc(25% - 10px);}
	
	.procedure {margin-top:70px; padding:0 20px;}
	.procedure .container ul li {width:100%; height:100%; margin-right:0; margin-bottom:40px;padding:20px;}
	.procedure .container ul li:last-child {margin-bottom:0px;}
	.procedure .container ul li::after {content: ''; position:absolute; right:50%; top:110%; transform: rotate(90deg) translateY(-50%); display: block; background:url(../images/common/i-next.webp)no-repeat center/contain; width:25px; height:20px;}
	.procedure .container ul li:last-child::after {display:none;}
	.procedure .container ul li .step {display:none;}
	.procedure .container ul li img {position:absolute; left:calc(50% - 110px); top:50%; transform:translate(-50%, -50%); margin:0;}
	.procedure .container ul li .procedure-mail {font-size:13px;}
	.procedure .container ul li .procedure-fax {font-size:13px;}
	
	.necessary {padding:0 20px;}
	.necessary h2 {margin-top:70px;}
	.necessary .container .necessary-box {width:100%; height:180px; padding:30px 50px; grid-template-columns:20% 1fr;}
	.necessary .container .nece-box-1 {margin-right:0px; background:url(../images/common/i-personal.webp)no-repeat 50px 110px;}
	.necessary .container .nece-box-2 {background:url(../images/common/i-corporation.webp)no-repeat 50px 110px;}
	.necessary .container .necessary-box h3 {font-size:22px;}
	.necessary .container .necessary-box ul li {line-height:1.2;}
	.necessary .container .necessary-box ul li~li {margin-top:10px;}

	.category-f-bt {margin:30px auto 40px; gap:10px; padding:0 20px;}
	.category-f-bt .bt-box {width:100%;}
	.category-f-bt .bt-box a {display:inline-block; font-size:16px; width:100%; height:70px; text-align:center; padding:20px;}
	.category-f-bt .bt-box .bt-2 {display:flex; justify-content:center; padding-right:40px; line-height:1.3; align-items:center;}
	.category-f-bt .bt-box img {margin-right:20px;}
	
	/* ******************* 효성CMS ******************* */
	/* 효성CMS장점 */
	.advantages {padding:50px 20px 0;}
	.advantages .container .advan-list ul {display:grid; grid-template-columns:repeat(2,1fr);gap:30px;}
	.advantages .container .advan-list ul li h4 {font-size:30px;}
	.advantages .container .advan-list ul li p {font-size:16px; line-height:1.8;}
	.advantages .container .advan-list ul li span {font-size:18px;}
	
	.effect {padding:70px 20px;}
	.effect .container .effect-tit span {font-size:28px;}
	.effect .container .effect-tit h4 {font-size:60px;}
	.effect .container .effect-box ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
	
	/* 서비스제휴사 */
	.alliance .subtitBox {font-size:18px;}
	.alliance .subtitBox+h4 {margin-top:60px;}
	.alliance ul {display:grid; grid-template-columns:repeat(2, 1fr);}
	.alliance ul li {position:relative; border:1px solid #e7e9ec; border-radius:1rem; height:100px; overflow-x:hidden;}
	.alliance ul li:hover {border:1px solid var(--blue); box-shadow:3px 3px 8px rgba(0,0,0,.15);}
	.alliance ul li img {height:19px;}
	.alliance .bank-list li:nth-child(7) img {height:35px;}
	.alliance .card-list li:nth-child(4) img {height:14px;}
	.alliance .card-list li:nth-child(7) img {height:12px;}
	.alliance .card-list li:nth-child(9) img {height:40px;}
	
	/* ******************* 결제서비스 ******************* */
	.introEffect {background:url(../images/payments/payment_bg.webp)no-repeat center/cover; margin-top:60px; padding:80px 0;}
	.introEffect .container {gap:20px; flex-direction:column; padding:0 20px;}
	.introEffect h4 {font-size:40px; margin-top:0px !important;}
	.introEffect .box li dl dt {font-size:22px;}
	.introEffect .box li dl dd {font-size:16px;}
	.introEffect .box li.pType1 {font-size:16px;}
	
	.payments article>p {font-size:18px;}
	.payments .img {padding:50px 0; margin-top:80px;}
	.payments .img img {width:100%;}
	.payments .img p {left:30px; top:30px; font-size:18px;}
	.payments .feature .container {padding:0 20px;}
	.payments .feature dl dt {font-size:40px;}
	
	/* ******************* 부가서비스 ******************* */
	.service .tabWrap ul li a {font-size:22px;}
	.service .tabWrap ul li.on a {background-size:18px;}
	.service h4 {font-size:36px; margin-top:70px;}
	.service h4+p {font-size:18px;}
	.service .topTxt p {font-size:22px; padding:0 30px;}
	.service .topTxt p:before, .service .topTxt p:after {top:-40px; font-size:100px;}
	.service .topTxt p:before {left:-10px;}
	.service .topTxt p:after {right:-10px;}
	.service .serviceTop {margin-top:40px;}
	.service .serviceTop div {width:60%;}
	.service .img>img {width:100%;}
	
	.service .online-agree {margin-top:50px;}
	.service .online-agree .container {padding:100px 20px;}
	.service .online-agree .online-txt {background:url(../images/service/online_img.webp)no-repeat right bottom/50%; padding-bottom:60px;}
	.service .online-agree .online-txt h5 {font-size:40px;}
	.service .online-agree .online-txt p {font-size:16px; line-height:1.8;}
	.service .online-agree .online-box ul {gap:50px;}
	.service .online-agree .online-box ul li {padding:50px 40px; gap:5%;}
	.service .online-agree .online-box ul li>div {width:60%;}
	.service .online-agree .online-box ul li>div img {width:100%;}
	.service .simple-method {margin:100px 0 40px; padding:0 20px;}
	.service .simple-method .simple-list ul {gap:50px;}
	.service .taxBill-process img {width:100%;}
	.service .taxBill-desc {grid-template-columns:repeat(1, 1fr); text-align:center;}
	.service .taxBill-desc h4 {font-size:32px; padding-bottom:20px; text-align:center;}
	.service .taxBill-desc p {text-align:center; font-size:16px;}
	.service .taxBill-desc .desc-img {margin-top:30px;}
	.service .addService .container {padding:0 20px;}
	.service .addService .addService-info>div {margin-right:5vw; width:250px;}
	.service .addService .addService-info ul>li {font-size:16px;}
	.service .addService .addService-info ul>li>ul li {font-size:16px;}
	
	/* ************************ 고객지원 ************************ */
	.customer .fast .leftZone {width:100%;}
	.customer .fast .leftZone .img {height:25dvh;}
	.customer .fast {gap:30px; flex-direction:column;}
	.customer .fast .rightZone form {max-width:100%;}
	.customer .fast .leftZone dl dt {padding: 20px 40px 0px 25px; font-size:18px;}
	.customer .fast .leftZone dl dd:nth-of-type(1) {margin-top:0;}
	.customer .fast .leftZone dl dd:nth-of-type(1) a {font-size:26px;}
	.customer .fast .leftZone dl dd:last-child {margin-top:0;}
	.customer .fast .leftZone dl dd:last-child b {font-size:16px;}
	.customer .fast .group+.group {margin-top:20px;}
	.customer .fast .group label {font-size:16px;}
	.customer .fast .ckwrap label {font-size:16px;}
	/* faq */
	.faq-inner-list li h4,.faq-inner-list li>div {padding:15px;}
	.faq-inner-list li h4 span {padding-right:15px;}
	.faq-inner-list li.on h4 {color: #4669d7; background: #f6f7fe;}
	.faq-inner-list li h4 {background: #f5f6fb;}
	.faq-inner-list li.on div span {float:none;}
	.faq-inner-list pre {padding-left:0;}
	.faq-inner-list li h4 span {display:block; margin-bottom: 15px;}
	.faq-inner-list li h4 {line-height:1.3;}
	.faq-inner-list pre { font-size:15px;}
	
	/* ***************************** 로그인/원격지원 *************************** */
	/* 로그인 */
	.customer.loginWrap .kind {grid-template-columns:repeat(2,1fr);}
	.customer.loginWrap .info p {font-size:20px;}
	.customer.loginWrap .info div ul {gap:4vw;}
	.customer.loginWrap .info div i {width:auto; height:auto;}
	.customer.loginWrap .info div a {padding:25px 40px; margin-top:40px;}
	/* 원격지원 */
	.other .remote .head p:nth-child(1) {font-size:32px;}
	.other .remote .head p+p {font-size:18px;}
	.other .remote .info {grid-template-columns:repeat(1, 1fr); gap:30px; margin-top:50px;}
	.other .remote .info a {padding:40px 0;}
	.other .remote .info a i img {height:55px;}
	.other .remote .info a b {margin-top:20px; font-size:65px;}
	.other .remote .info a p {font-size:20px;}
	.other .remote .info a span {margin-top:10px;}
	.other .remote .info a span span {padding:15px 35px;}
	
	/* ************************* 효성에프엠에스(주)소개 ***************************** */
	.other .intro .head {padding:50px;}
	.other .intro .head ul {grid-template-columns:repeat(2,1fr); gap:40px; margin-top:40px;}
	.other .intro .head dt {font-size:28px;}
	.other .intro .point {padding:50px;}
	.other .intro .point ul {grid-template-columns:repeat(2,1fr); gap:40px; margin-top:40px}
	.other .intro .brand {gap:50px; margin-top:80px; flex-direction:column;}
	.other .intro .brand .left {width:100%;}
	.other .intro .brand .left div img {height:100px;}
	.other .intro .brand .right dl+dl {margin-top:50px;}
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* ******************* 효성CMS ******************* */
	.introInfo .content-box {grid-template-columns:repeat(1, 1fr); gap:20px;}
	.introInfo .content-box .box {padding:20px;}
	.introInfo .content-box .box p span:nth-of-type(1) {font-size:20px;}
	.introInfo .content-box .box p span:nth-of-type(2) {font-size:36px; margin-top:5px;}
	.introInfo .content-box .box p:nth-of-type(2) {padding:15px 0;}
	.introInfo .content-box .box span {line-height:1.6;}
	
	/* ******************** 업종 공용 ****************** */
	.category .contents-wrap {grid-template-columns:1fr; gap:70px;}
	.category .fixZone dl dd:last-child {margin-top:20px;}
	.category .fixZone .btn {width:180px; height:55px; line-height:55px; margin-top:30px;}
	.category .infoZone h2 {font-size:36px;} 
	.category .infoZone article {grid-template-columns:13vw 1fr; margin-top:30px; padding-top: 30px;}
	.category .infoZone article:nth-of-type(1) {margin-top:20px;}
	.category .infoZone article dl dd~dd {margin-top:20px;}
	.category .infoZone article dl dd:nth-of-type(1) {font-size:18px; margin-top:8px;}
	.category .infoZone article .img {width:13vw; height:13vw;}
	.category .infoZone article .img img {height:5vw;}
	
	/* 업종 하단 공용 */
	.comm>div {flex-direction:column; gap:20px;}
	.comm h2 {font-size:30px; line-height:1.3;}
	.comm>div .box {width:100%; display:grid; grid-template-columns:43% 1fr; gap:20px;}
	.comm>div .box dl {margin-top:0;}
	.comm>div .box dl dd {font-size:16px; line-height:30px; margin-top:10px;}
	
	.category-f-bt {margin:30px auto 40px; gap:10px; padding:0 20px;}
	.category-f-bt .bt-box {width:100%;}
	.category-f-bt .bt-box a {display:inline-block; font-size:14px; width:100%; height:60px; text-align:center; padding:20px;}
	.category-f-bt .bt-box .bt-2 {display:flex; justify-content:center; padding-right:20px; font-size:14px;}
	.category-f-bt .bt-box img {display:none;}
	
	.necessary .container .necessary-box {width:100%; height:180px; padding:25px 30px; grid-template-columns:20% 1fr;}
	.necessary .container .nece-box-1 {background:url(../images/common/i-personal.webp)no-repeat 30px 115px;}
	.necessary .container .nece-box-2 {background:url(../images/common/i-corporation.webp)no-repeat 30px 115px;}
	.necessary .container .necessary-box h3 {font-size:20px;}
	
	/* ******************* 효성CMS ******************* */
	/* 효성CMS장점 */
	.advantages .container .advan-list ul {grid-template-columns:repeat(1,1fr);}
	.advantages .container .advan-list ul li {grid-template-columns:80px 1fr; gap:10px;}
	.advantages .container .advan-list ul li h4 {font-size:28px;}
	.advantages .container .advan-list ul li span {font-size:16px; padding:13px 0 0 8px;}
	
	.effect {margin-top:80px;}
	.effect .container .effect-tit span {font-size:26px;}
	.effect .container .effect-tit h4 {font-size:55px;}
	.effect .container .effect-box ul {display:grid; grid-template-columns:repeat(1, 1fr); gap:30px;}
	.effect .container .effect-box ul li {text-align:left;}
	.effect .container .effect-box ul li .img {display:inline-block; padding:10px;}
	.effect .container .effect-box ul li h5 {display:inline-block; margin-top:0; margin-left:20px;}
	.effect .container .effect-box ul li p {font-size:16px; line-height:1.8;}
	
	.effect-plus {margin-top:80px;}
	.effect-plus .container ul {flex-direction:column;}
	.effect-plus .container ul li {text-align:left; width:100%;}
	.effect-plus .container ul li>div {display:inline-block; margin-left:10px;}
	.effect-plus .container ul li img {float:left;}
	.effect-plus .container ul li p {margin-left:60px;}
	
	/* ******************* 결제서비스 ******************* */
	.payments .feature .info {margin-top:40px;}
	.payments .feature .info ul {grid-template-columns:repeat(1, 1fr); gap:25px;}
	.payments .feature .info ul li {font-size:16px;}
	
	/* ******************* 부가서비스 ******************* */
	.service .img {padding:50px 0;}
	.service .img p {left:30px; top:30px; font-size:18px;}
	.service .tabWrap ul {gap:10px;}
	.service .tabWrap ul li a {font-size:18px; line-height:60px;}
	.service .tabWrap ul li.on a {background: #2a3a72 url(../images/service/i-on.png)10% 50% no-repeat; background-size:16px;}
	.service .serviceTop div {display:none;}
	.service .serviceTop p {font-size:16px; line-height:1.8;}
	.service .topTxt p {font-size:19px; padding:0 20px;}
	.service .topTxt p:before, .service .topTxt p:after {top:-25px; font-size:70px;}
	.service .topTxt p:before {left:-10px;}
	.service .topTxt p:after {right:-10px;}
	
	.service .online-agree .online-box ul {grid-template-columns:repeat(1,1fr); gap:30px;}
	.service .online-agree .online-box ul li {padding:40px 30px; gap:5vw;}
	.service .online-agree .online-box ul li>div {width:100px;}
	.service .online-agree .online-box dl dt {font-size:28px;}
	.service .online-agree .online-box dl dd {font-size:16px;}
	.service .simple-method .simple-list ul {grid-template-columns:repeat(1, 1fr); gap:30px;}
	.service .simple-method .simple-list ul li {padding:30px;}
	.service .simple-method .simple-list dl {margin-top:20px;}
	.service .simple-method .simple-list dl dt {font-size:28px;}
	.service .simple-method .simple-list dl dd {font-size:16px; margin-top:20px;}
	.service .addService .addService-info>div {display:none;}
	
	/* ************************ 고객지원 ************************ */
	.customer .fast form {padding:30px;}
	
	/* ***************************** 로그인/원격지원 *************************** */
	.customer.loginWrap .kind {gap:20px;}
	.customer.loginWrap .info p {padding:50px 30px 100px;}
	.customer.loginWrap .info div ul {margin-top:-50px;}
	.customer.loginWrap .info div a {padding:20px 35px; font-size:17px;}
	
	/* ************************* 효성에프엠에스(주)소개 **************************** */
	.other .intro .head {padding:30px;}
	.other .intro .head p {font-size:32px;}
	.other .intro .head ul {grid-template-columns:repeat(1,1fr); gap:30px; margin-top:30px;}
	.other .intro .point {padding:30px;}
	.other .intro .point p {font-size:32px;}
	.other .intro .point ul {grid-template-columns:repeat(1,1fr); gap:30px; margin-top:30px}
	.other .intro .point dt i {width:120px; height:120px;}
	.other .intro .brand .right .color {gap:2vw;}
	.other .intro .brand .right dt {font-size:32px;}
	.other .intro .brand .right article {font-size:14px;}
	
}

/* ************************ 모바일 (0~480) ************************ */
@media screen and (max-width: 480px) {
	
	/* ******************** 업종 공용 ****************** */
	.category .fixZone .btn {width:100%;}
	.category .fixZone .btn img {margin-right:10px;}
	.category .fixZone dl dt {font-size:17px; padding:25px 30px 20px 50px;}
	.category .fixZone dl dt:before {width: 10px; top: 52%;}
	
	.necessary .container .necessary-box {height:210px; padding:20px; grid-template-columns:60px 1fr;}
	.necessary .container .nece-box-1 {background:url(../images/common/i-personal.webp)no-repeat 20px 150px;}
	.necessary .container .nece-box-2 {background:url(../images/common/i-corporation.webp)no-repeat 20px 150px;}
	.necessary .container .necessary-box ul li {padding-left:10px;}
	
	/* ******************* 효성CMS ******************* */
	.payment-service .inner .service-list ul li span {padding:4vw;}
	.payment-service .inner .service-list ul li p {font-size: 17px;}
	
}