@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

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

body {font-family:'Nanumgothic'; font-size:16px; font-weight:400; line-height:1.6; color:#666; letter-spacing:-0.025em; word-break:keep-all; overflow-x: hidden;}
body * {box-sizing:border-box;}

/* NEXON 폰트 깨짐 대응 */
h1, h2, h3, h4, h5, h6, header .logo, nav .dep2 .tel, .subTitle-wrap .tit {transform: rotate(0.03deg);}

a {color:#666; transition:all .3s;}
a:hover {color:#000;}

select {
	padding-right:40px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: url(../images/common/select_arrow.png) no-repeat right 10px center; /* 화살표 모양의 이미지 */
}
select::-ms-expand {display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */
select::focus {outline:none}

input[type='text'] {-webkit-appearance: none;}

textarea {resize:none;}
.c_blue {color:#4669d7 !important;}
.c_red {color:#eb5255 !important;}
.c_yellow {color:#ffcc00 !important;}

:root{
	--base:#325df5;
	--solid1:#e5e5e5;
	--blue:#4669d7;
	--darkblue:#2a3a72;
	--red:#eb5255;
	--yellow:#ffcc00;
}

/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px) {

	.mobile {display:none !important}

	header {position:absolute; left:0; top:0; width:100%; background:#fff;z-index:999999;}
	header .head-wrap {border-bottom:1px solid #dfe1ec;}
	header .head-wrap>div {position:relative; max-width:1300px; height:80px; margin:0 auto;}
	header .head-wrap .logo {position:absolute; left:0; top:0; z-index:99; font-size:0;}
	header .head-wrap .logo a {display:inline-block; margin-top:15px;}
	header .head-wrap .logo a img {height:50px;}
	header .head-wrap aside {position:absolute; right:0; top:0; z-index:9;}
	header .head-wrap aside ul {display:flex; gap:30px; align-items:center; height:80px;}
	header .head-wrap aside ul li a {font-size:15px; font-weight:700; color:#000; display:flex; align-items:center; line-height:1;}
	header .head-wrap aside ul li a i {margin-right:5px;}

	nav.pc {position:relative; overflow:hidden; text-align:center;}
	nav.pc .gnb {display:flex; justify-content:center; height:60px;}
	nav.pc .gnb>ul {position:relative; display:flex; gap:7vw; align-items:center;}
	nav.pc .gnb>ul>li {position:relative;}
	nav.pc .gnb>ul>li>a {position:relative; display:inline-block; font-size:20px; font-weight:700; color:#000; line-height:1;}
	nav.pc .gnb>ul>li>a:before,
	nav.pc .gnb>ul>li.on>a:before {transition:0.2s; position:absolute; display:block; content:''; background:var(--blue); width:100%; height:3px; left:0; top:38px; opacity:0;}
	nav.pc .gnb>ul>li:hover>a:before,
	nav.pc .gnb>ul>li.on>a:before {opacity:1;}
	nav.pc .gnb>ul>li>ul {position:absolute; left:0; top:70px;}
	nav.pc .gnb>ul>li>ul>li {margin-bottom:5px; text-align:left;}
	nav.pc .gnb>ul>li>ul>li:last-child {margin-bottom:0}
	/* nav.pc .gnb>ul>li>ul>li a {position:relative; line-height:1.5; font-size:16px; display:inline-block; color:#000; white-space:nowrap; transition:0.1s;} */
	nav.pc .gnb>ul>li>ul>li a {position:relative; line-height:1.5; font-size:16px; display:inline-block; color:#000; white-space:nowrap; transition:0.1s; width:100%; z-index:2;}
	nav.pc .gnb>ul>li>ul>li.on a,
	nav.pc .gnb>ul>li>ul>li a:hover {color:#fff;}
	/* nav.pc .gnb>ul>li>ul>li.on a:before, */
	/* nav.pc .gnb>ul>li>ul>li a:before {transition:0.2s; position:absolute; display:block; content:''; background:var(--blue); width:100%; height:2px; left:0; bottom:0; opacity:0;} */
	/* nav.pc .gnb>ul>li>ul>li.on a:before, */
	/* nav.pc .gnb>ul>li>ul>li a:hover:before {opacity:1;} */
	nav.pc .gnb>ul>li>ul>li.on a:after,
	nav.pc .gnb>ul>li>ul>li a:after {transition:0.3s; position:absolute; display:block; content:''; background:var(--blue); width:0; height:100%; left:0; bottom:0; opacity:0; z-index:-1;}
	nav.pc .gnb>ul>li>ul>li.on a:after,
	nav.pc .gnb>ul>li>ul>li a:hover:after {opacity:1; width:100%;}
	nav.pc .gnb>ul>li.mobile {display:none;}

	nav.pc .gnb .copy {position:absolute; left:3vw; top:340px;}

	nav.pc .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
	nav.pc .navbg .dep1 {height:60px; background:#fff;}
	nav.pc .navbg .dep2 {height:100%; background:#fff; border-top:1px solid #dfe1ec; position:relative;}
	nav.pc .navbg .dep2>div {text-align:left; max-width:1300px; margin:0 auto; margin-top:300px; padding-left:38px; background:url(../images/main/i-phone.webp)no-repeat left top;}
	nav.pc .navbg .dep2 .tel {font-size:22px; font-weight:800; color:#000;}
	nav.pc .navbg .dep2 .tel span {font-family:"Nanumsquare"; font-size:24px; font-weight:800; color:#eb5255; padding-left:10px;}
	nav.pc .navbg .dep2 dl {position:relative; display:inline-block; color:#000; margin-top:15px; line-height:1;}
	nav.pc .navbg .dep2 dl+dl {padding-left:17px; margin-left:17px; border-left:1px solid #dbdbdb;}
	nav.pc .navbg .dep2 dl dt {font-weight:700;}
	nav.pc .navbg .dep2 dl dd {margin-top:15px;}

	header:hover nav.pc .gnb>ul>li.on>a {color:#000;}
	header:hover nav.pc .gnb>ul>li.on>a:before {background:var(--blue);}
	header:hover nav.pc .gnb>ul>li>a {color:#000;}
	header:hover nav.pc .navbg .dep1 {background:#fff;}


	/* ***** contents ***** */
	.contents {margin:100px 0;}
	.contents.faq {margin:50px 0;}
	.contents.fo { margin : 100px 0 0;}
	.contents-wrap {max-width:1300px; margin:0 auto;}
	.contents-wrap.fo { max-width : 100%; }
	.foWrap { max-width:1300px; margin:0 auto; }

	.lnb {min-width:1300px;}
	.lnb .lnb-wrap {height:350px; text-align:center; color:#fff; background:url(../images/common/bg_intro_01.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.payments {background:url(../images/common/bg_intro_02.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.category {background:url(../images/common/bg_intro_03.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.service {background:url(../images/common/bg_intro_04.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.customer {background:url(../images/common/bg_intro_05.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.cmsjoin {background:url(../images/common/bg_intro_06.jpg)center /cover no-repeat;}
	.lnb .lnb-text h1 {padding:200px 0 15px; font-size:36px; font-weight:900;}
	.lnb .lnb-text ul {font-size:0;}
	.lnb .lnb-text ul li {display:inline-block; font-size:15px; line-height:1;}

	.lnb .lnb-menu {z-index:9; height:70px;}
	.lnb .lnb-menu .wrap {width:100%; height:100%; margin:0 auto; background:#f6f7fe; border-bottom:1px solid #e8e9ee;}
	.lnb .lnb-menu .wrap>ul {max-width:1300px; height:100%; margin:0 auto; display:flex; justify-content: space-around;}
	.lnb .lnb-menu .wrap>ul.fixOn {position:fixed; left:0; top:0; width:100%; height:60px;}
	.lnb .lnb-menu .wrap>ul>li:nth-child(2) {width:100%;}
	.lnb .lnb-menu .wrap>ul>li>ul>li {transform: rotate(0.3deg);}
	.lnb .lnb-menu .wrap>ul li a {color:#000 !important; font-weight:600;}
	.lnb .lnb-menu .wrap>ul>li>ul {display:flex; height:100%; align-items: center; gap:1.8vw;}
	.lnb .lnb-menu .wrap>ul>li>ul>li.on>a {color:var(--blue) !important; border-bottom:3px solid var(--blue); padding-bottom:23px;}
	.lnb .lnb-menu .wrap>ul>li.home>a {display:block; position:relative; font-size:12px; width:112px; height:100%; line-height:68px; padding-left:48px; background:url(../images/common/i-home.webp)no-repeat left; margin-right:30px;}
	.lnb .lnb-menu .wrap>ul>li.home>a:after {display:block; content:''; position:absolute; height:30px; width:1px; background:#c8cad4; right:0; top:20px;}
	.lnb .lnb-menu .wrap.fixOn {position:fixed !important; width:100%; height:70px; z-index:1000 !important; top:0 !important; box-shadow:0 3px 3px rgba(0,0,0,.05)}

	.lnb ul li.gotop {position:relative; float:right; opacity:1 !important; visibility: initial !important;}
	.lnb ul li.gotop:before {position:absolute; top:50%; transform:translateY(-50%);left:0; content:""; width:1px; height:19px; background:#d5d5d5;}
	.lnb ul li.gotop a {display:block; width:60px; height:100%; background:url(../images/common/i-top.png)center no-repeat;}

	.subTitle {padding-top:60px;}
	.subTitle-wrap {position:relative; width:1300px; margin:0 auto;}
	.subTitle-wrap .tit {display:inline-block; color:#000; font-size:36px; font-weight:800;}
	.subTitle-wrap .subTitle-navi {position:relative; float:right; margin-top:20px;}
	.subTitle-wrap .subTitle-navi li {float:left; font-size:14px; color:#999; line-height:1;}
	.subTitle-wrap .subTitle-navi li+li { padding-left:14px; margin-left:10px; background:url(../images/common/i-subtit.webp)left center no-repeat;}


	/* ***** footer ***** */
	footer {background:#fff;}
	footer .footer-wrap {width:100%; max-width:1300px; margin:0 auto; padding-top:40px;}
	footer .footer-wrap p {font-size:14px; line-height:30px; color:#666; margin-top:10px;}
	footer .footer-wrap p span {display:block; line-height:30px;}
	footer .footer-wrap p span>span {display:inline; padding-left:20px;}
	footer .footer-logo {height:35px;}
	footer .footer-logo img {height:100%;}
	footer .footer-inner {display:flex; justify-content:space-between; position:relative;}
	footer .footer-inner>div:nth-child(2) {text-align:right; position:absolute; right:0; top:17px;} 
	footer .footer-inner>div h3 {font-size:24px; color:var(--blue);} 
	footer .footer-inner>div em {display:block; font-size:14px; font-weight:700; color:#000; margin-top:10px;} 
	
	footer .footer-bottom {background:#32374b;}
	footer .footer-bottom>div {width:100%; max-width:1300px; margin:35px auto 0; height:60px;}
	footer .footer-bottom>div a {display:inline-block; font-size:14px; color:#fff; margin-right:55px; padding-top:20px;}
	footer .footer-bottom>div p {color:#fff; float:right; font-size:14px; line-height:60px;}
	
	footer .categoryWrap {padding:50px 0; background:#f6f7fe; border-top:1px solid #dfe1ec;}
	footer .categoryWrap .category {display:flex; justify-content:space-around; max-width:1300px; margin:0 auto;}
	footer .categoryWrap .category>li {line-height:30px; border-right:1px solid #dfe1ec; padding:0 4%;}
	footer .categoryWrap .category>li:last-child {border-right:0;}
	footer .categoryWrap .category>li>a {font-size:16px; margin-bottom:10px; color:#000; font-weight:700;}
	footer .categoryWrap .category a {color:#666; font-size:14px; font-weight:400;}
	footer .categoryWrap .category li ul {margin-top:10px;}
	footer .categoryWrap .category>li:nth-child(4) ul {display:grid; grid-template-columns:repeat(2, 1fr); gap:0 20px;}

	aside.quick {position:fixed; right:22px; top:50%; transform: translateY(-50%); display:grid; gap:10px; width:98px; text-align:center; color:#fff; line-height:1.3; z-index:9999;}
	aside.quick>div {width:98px; height:98px; border-radius:50%; display:flex; justify-content:center; align-items:center;}
	aside.quick>div span {font-size:14px; font-weight:600; color:#fff;}
	aside.quick>div~div span {display:block; margin-top:5px;}
	aside.quick>div img {display:block; margin:0 auto;}
	aside.quick .phone {background:#0b1a55;}
	aside.quick .phone dt {font-size:14px; font-weight:700; margin-bottom:5px;}
	aside.quick .phone dd span {display:block; font-size:20px; font-family:'Nanumsquare'; font-weight:800; line-height:1.1;}
	aside.quick .request {background:var(--blue);}
	aside.quick .cms {background:#eb5255;}
	aside.quick .kakao {background:#ffd800;}
	aside.quick .kakao span {color:#000;}
	aside.quick .cms_window {background:#4caf50;}
	aside.quick a {display: flex; width:98px; height:98px; justify-content:center; flex-direction:column; border-radius:50%;}
	aside.quick a:hover {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
	
	/* footer::롤링배너 */
	.footRoll {padding:20px 0 15px; height:80px; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
	.rollArea {position:relative; width:1300px; margin:0 auto; line-height: 35px; font-weight:600; color:#000; font-size:14px;}
	.rollWrap {width:1170px; overflow:hidden; height:45px; margin:0 auto;}
	.rollWrap ul {width:3200px;}
	.rollWrap ul li {display:inline-block; padding:0 15px; text-align:center;}
	.rollWrap ul li a {display:block;}
	.rollWrap ul li a img {width:100%; max-height:45px;}
	.rollBtn {position:absolute; top:0; left:0; width:100%;}
	.rollBtn a {display:block; width:45px; height:45px; position:absolute; top:0; background:url(../images/common/i-arrow-w.webp)center no-repeat;}
	.rollBtn a.prev {left:0;}
	.rollBtn a.next {right:0; background-image:url(../images/common/i-arrow-w.webp); transform: rotate(180deg);}

	/* 이메일무단수집거부 */
	#layerPop {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:10000000}
	#layerPop .wrap {position:absolute; left:0; top:0; display:table; width:100%; height:100%; text-align:center;}
	#layerPop .wrap .inner {display:table-cell; vertical-align:middle;}
	#layerPop .wrap .inner div {position:relative; display:inline-block; border-radius:10px; overflow:hidden; background:#fff}
	#layerPop .wrap .inner div h2 {display:block; width:100%; height:55px; padding:0 30px; line-height:55px; font-size:22px; font-weight:500; text-align:left; border-bottom:1px solid #ddd; background:#f9f9f9;}
	#layerPop .wrap .inner div a {position:absolute; right:0; top:0; width:55px; height:55px; border-left:1px solid #ddd; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/common/i-close.png) no-repeat center;}
	#layerPop .wrap .inner div p {padding:50px 30px; color:#000;}

}


/* ************************ 인쇄설정 ************************ */
@media print {
	.mobile, header, .lnb, footer, .quick, .category-f-bt {display:none !important;}
	
	.subTitle {padding-top:30px;}
	.subTitle-wrap {position:relative; max-width:1300px; margin:0 auto;}
	.subTitle-wrap .tit {display:inline-block; color:#000; font-size:36px; font-weight:800;}
	.subTitle-wrap .subTitle-navi {position:relative; float:right; margin-top:20px;}
	.subTitle-wrap .subTitle-navi li {float:left; font-size:14px; color:#999; line-height:1;}
	.subTitle-wrap .subTitle-navi li+li { padding-left:14px; margin-left:10px; background:url(../images/common/i-subtit.webp)left center no-repeat;}
	
	.objFit {object-fit:cover; width:100%; height:100%;}
	.contents {margin:30px 0;}
	
	/* ******************** 업종 공용 ****************** */
	.category .contents-wrap {display:flex !important; flex-direction:column!important;}
	.category .fixWrap {position:relative !important; width:100% !important;}
	.category .fixZone {position:static;}
	.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:none !important;}

	.category .infoZone h2 {font-size:48px; color:var(--blue); font-weight:800; margin-top:30px;}
	.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 .img {width:100%; height:100px; border:1px solid #dee0ec; border-radius:1rem; display:flex; justify-content:center; align-items:center;}

	.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 {background:var(--darkblue); padding:70px 20px !important; margin-top:50px;}
	.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; justify-content:space-between; 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 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;}
	.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;}

}

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

	.pc {display:none !important;}
	.mobile {display:block;}
	nav.mobile {display:none;}

	header {z-index:9999; position:fixed; left:0; top:0; width:100%; height:60px; background:#fff; box-shadow:0 5px 5px rgba(0,0,0,.05);}
	header .head-wrap {z-index:100; position:absolute; left:0; top:0; width:100%; height:60px; padding:0 20px; overflow:hidden; line-height:1; background-color:transparent;}
	header .head-wrap .logo {font-size:0;}
	body.mainType header .head {top:50px;}
	header .head-wrap .gnbView.mobile {width:60px; height:60px; background:url(../images/common/i-menu.png)center /17px no-repeat; cursor:pointer; position:absolute; top:0;}
	header .head-wrap .gnbView.left {border-right:1px solid #efefef; left:0;}
	header .head-wrap .gnbView.right {border-left:1px solid #efefef; right:0;}

	header .head-wrap .search {background-image:url(../images/common/i_search_total.png); right:45px !important;}
	header .head-wrap .logo {display:block;}
	header .head-wrap .logo a {display:inline-block; padding-top:7px;}
	header .head-wrap .logo a img {height:40px;}


	/*gnb*/
	nav.pc {display:none;}
	nav.mobile {display:none; z-index:9999; position:fixed; top:0; width:80%; height:100%; overflow:hidden; box-shadow:0 !important; background-color:#fff;}
	nav.mobile .closeWrap {position:relative; height:65px; background-color:#fff; color:#666; border-bottom:1px solid #efefef; padding-bottom:5px;}
	nav.mobile .closeWrap:after {content:''; display:block; width:100%; height:5px; background:#efefef; position:absolute; left:0; bottom:0; }
	nav.mobile .closeWrap .gnbClose {display:block; width:60px; height:60px; background:url(../images/common/i-close.png) no-repeat center; background-size:17px; border-left:1px solid #efefef; float:right; text-indent:100%; white-space:nowrap; overflow:hidden;}
	nav.mobile .closeWrap aside a {position:relative; float:left; display:inline-block; margin:0 20px; color:#666; font-size:12px; letter-spacing:0; height:60px; line-height:60px; font-weight:400;}
	nav.mobile .closeWrap aside a+a {margin-left:0;}
	nav.mobile .closeWrap aside a:last-child {margin-right:0;}
	nav.mobile .closeWrap aside a.second {margin-left:0;}
	nav.mobile .closeWrap aside a.on {color:#00a950;}
	nav.mobile .closeWrap aside a.second:after {content:''; display:none; width:100%; height:1px; background:#00a950; position:absolute; left:0; bottom:18px;}
	nav.mobile .closeWrap aside a.on:after {display:block;}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	nav.mobile .gnb {position:relative; width:100%; height:100%; padding:0; overflow-y:auto; text-align:left !important;}
	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb>ul>li {clear:both; position:relative;}
	nav.mobile .gnb>ul>li>a {display:block; padding:13px 20px; margin-bottom: 1px; font-size:16px; font-weight:400; color:#000; border-bottom:1px solid #e4e4e4; background:#fff;}
	nav.mobile .gnb>ul>li>ul {display:none;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;}
	nav.mobile .gnb>ul>li>ul>li a {
		display:block; padding:12px 20px 12px 40px; font-size:16px; color:#000; letter-spacing:-.5px; border-bottom:1px solid #e5e5e5;
		position:relative; background:#f8f9fb; margin-bottom: 1px;
	}
	nav.mobile .gnb>ul>li>ul>li a:before {
		position:absolute; top:23px; left:25px; transition:all .3s;
		display:block; content:""; border-radius:50%;
		width:4px; height:4px; background:transparent;
	}

	nav.mobile .gnb>ul>li>a:hover {}
	nav.mobile .gnb>ul>li.on>a {color:#fff; background:#325df5;}
	nav.mobile .gnb>ul>li>ul>li a:hover {color:#325df5;}
	nav.mobile .gnb>ul>li>ul>li a:hover:before,
	nav.mobile .gnb>ul>li>ul>li.on a:before {background:#325df5;}
	nav.mobile .gnb>ul>li>ul>li.on a {color:#325df5;}

	.lnb {margin-top:60px;}
	.lnb .lnb-wrap {position:relative; height:150px; display:flex;justify-content:center; align-items:center; text-align:center; color:#fff; background:url(../images/common/bg_intro.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.payments {background:url(../images/common/bg_intro_02.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.category {background:url(../images/common/bg_intro_03.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.service {background:url(../images/common/bg_intro_04.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.customer {background:url(../images/common/bg_intro_05.jpg)center /cover no-repeat;}
	.lnb .lnb-wrap.cmsjoin {background:url(../images/common/bg_intro_06.jpg)center /cover no-repeat;}
	
	.lnb .lnb-wrap:before {z-index:0; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
	.lnb .lnb-text {}
	.lnb .lnb-text h1 {padding:0 0 15px; font-size:28px; font-weight:900;}
	.lnb .lnb-text ul {font-size:0;}
	.lnb .lnb-text ul li {display:inline-block; font-size:15px; line-height:1;}

	.lnb .lnb-menu {z-index:9; position:absolute; top:500px; left:0; width:100%; height:60px; border-bottom:1px solid #e8e8e8; background:#f9f9f9;}
	.lnb .lnb-menu>ul {width:1400px; margin:0 auto; }
	.lnb .lnb-menu>ul>li {float:left;}
	.lnb .lnb-menu>ul>li>a {display:block; padding:0 30px; background:url(../images/common/i-arrow.png)calc(100% - 30px) 50% no-repeat; line-height:60px; border-right:1px solid #ddd;}
	.lnb .lnb-menu>ul>li.home>a {display:block;width:60px;height:60px; background:url(../images/common/i-home.svg)center no-repeat; border-left:1px solid #ddd;}
	.lnb .lnb-menu>ul>li.dep-1 {width:290px;}
	.lnb .lnb-menu>ul>li.dep-2 {width:350px;}
	.lnb .lnb-menu>ul>li>ul {background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.1); display:none;}
	.lnb .lnb-menu>ul>li:hover>ul {display:block;}
	.lnb .lnb-menu>ul>li>ul>li {}
	.lnb .lnb-menu>ul>li>ul>li>a {display:block; padding:0 30px; line-height:50px;}
	.lnb .lnb-menu>ul>li>ul>li+li>a {border-top:1px solid #ddd;}
	.lnb .lnb-menu>ul>li>ul>li>a:hover,
	.lnb .lnb-menu>ul>li>ul>li.on>a {background:#343969; color:#fff;}

	.subTitle {padding-top:60px;}
	.subTitle-wrap {position:relative; max-width:1300px; margin:0 auto; padding:0 20px;}
	.subTitle-wrap .tit {display:inline-block; color:#000; font-size:32px; font-weight:800;}
	.subTitle-wrap .subTitle-navi {position:relative; float:right; margin-top:20px;}
	.subTitle-wrap .subTitle-navi li {float:left; font-size:14px; color:#999; line-height:1;}
	.subTitle-wrap .subTitle-navi li+li {padding-left:14px; margin-left:10px; background:url(../images/common/i-subtit.webp)left center no-repeat;}

	/* ***** contents ***** */
	.contents.fo { margin-top : 50px;}
	.contents-wrap {padding:50px 30px;}
	.contents-wrap.fo { padding : 0;}
	.foWrap { padding : 0 20px; }

	/* ***** footer ***** */
	footer {background:#fff;}
	footer .footer-wrap {width:100%; max-width:1300px; margin:0 auto; padding:40px 20px 0;}
	footer .footer-wrap p {font-size:14px; line-height:30px; color:#666; margin-top:10px;}
	footer .footer-wrap p span {display:block; line-height:30px;}
	footer .footer-wrap p span>span {display:inline; padding-left:20px;}
	footer .footer-logo {height:35px;}
	footer .footer-logo img {height:100%;}
	footer .footer-inner {display:flex; justify-content:space-between; position:relative;}
	footer .footer-inner>div:nth-child(2) {text-align:right; position:absolute; right:0; top:17px;} 
	footer .footer-inner>div h3 {font-size:24px; color:var(--blue);} 
	footer .footer-inner>div em {display:block; font-size:14px; font-weight:700; color:#000; margin-top:10px;} 
	
	footer .footer-bottom {background:#32374b;}
	footer .footer-bottom>div {width:100%; max-width:1300px; margin:35px auto 0; height:125px;padding: 0 20px;}
	footer .footer-bottom>div a {display:inline-block; font-size:14px; color:#fff; margin-right:55px; padding-top:20px;}
	footer .footer-bottom>div p {color:#fff; font-size:13px; text-align:center; margin-top:20px; padding-top:20px; border-top:1px solid #fff3; opacity:0.8;}
	
	footer .categoryWrap {padding:50px 20px; background:#f4f6fb; border-top:1px solid #dfe1ec;}
	footer .categoryWrap .category {display:block}
	footer .categoryWrap .category a {color:#666; font-size:14px; font-weight:400;}
	footer .categoryWrap .category>li+li {padding-top:10px; margin-top:10px; border-top:1px solid var(--solid1);}
	footer .categoryWrap .category>li>a {margin-bottom:10px; color:#000; font-weight:600;}
	footer .categoryWrap .category li ul {display:flex; flex-wrap:wrap; gap:0 20px;}
	
	aside.quick {position:fixed; right:0px; top:62%; display:grid; gap:4px; text-align:center; color:#fff; line-height:1.3; z-index:9999;}
	aside.quick>div {width:100px; height:50px; border-radius:30px 0 0 30px; display:flex; flex-direction:column; justify-content:center;}
	aside.quick>div span {font-size:13px; font-weight:600; color:#fff;}
	aside.quick>div~div span {display:block;}
	aside.quick>div img {display:none; margin:0 auto; height:25px;}
	aside.quick>div a {line-height:50px;}
	aside.quick .phone {background:#0b1a55;}
	aside.quick .phone dt {font-size:12px; font-weight:700;}
	aside.quick .phone dd span {display:block; font-size:16px; font-family:'Nanumsquare'; font-weight:800; line-height:1.1;}
	aside.quick .request {background:var(--blue);}
	aside.quick .cms {background:#eb5255;}
	aside.quick .kakao {background:#ffd800;}
	aside.quick .kakao span {color:#000;}
	aside.quick .cms_window {background:#4caf50}
	/* footer::롤링배너 */
	.footRoll {padding:15px 20px; height:80px; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
	.rollArea {position:relative; width:100%; margin:0 auto; line-height: 35px; font-weight:600; color:#000; font-size:14px; overflow:hidden;}
	/* .rollWrap {width:3200px; overflow:hidden; height:45px; margin:0 auto;} */
	/* .rollWrap ul {display:flex; gap:10px; justify-content: center;} */
	/* .rollWrap ul li {display:inline-block; padding:0 5px; text-align:center;} */
	.rollWrap {overflow:hidden; height:45px; margin:0 auto;}
	.rollWrap ul {display:block; padding:0 40px; margin:0 auto;}
	.rollWrap ul li {display:inline-block; padding:5px; text-align:center;}
	.rollWrap ul li a {display:block;}
	.rollWrap ul li a img {width:100%; max-height:40px;}
	.rollBtn {position:absolute; top:0; left:0; width:100%;}
	.rollBtn a {display:block; width:45px; height:45px; position:absolute; top:0; background:url(../images/common/i-arrow-w.webp)center no-repeat;}
	.rollBtn a.prev {left:0;}
	.rollBtn a.next {right:0; transform: rotate(180deg);}


	/* 이메일무단수집거부 */
	#layerPop {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:10000000}
	#layerPop .wrap {position:absolute; left:0; top:0; display:table; width:100%; height:100%; text-align:center;}
	#layerPop .wrap .inner {display:table-cell; vertical-align:middle;}
	#layerPop .wrap .inner div {position:relative; display:inline-block; border-radius:10px; overflow:hidden; background:#fff}
	#layerPop .wrap .inner div h2 {display:block; width:100%; height:55px; padding:0 30px; line-height:55px; font-size:22px; font-weight:500; text-align:left; border-bottom:1px solid #ddd; background:#f9f9f9;}
	#layerPop .wrap .inner div a {position:absolute; right:0; top:0; width:55px; height:55px; border-left:1px solid #ddd; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/common/i-close.png) no-repeat center;}
	#layerPop .wrap .inner div p {padding:50px 30px; color:#000;}

}



/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {
	body {font-size:15px; max-width:100%; position:relative; height:100%; overflow-x:hidden !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

	.lnb .lnb-wrap {height:100px;}
	.lnb .lnb-text h1 {font-size:20px; padding:0; line-height:1.4;}
	.lnb .lnb-text p {display:none;}

	.subTitle {display:none;}
	
	.m_hide {display:none !important;}
	
	/* ***** contents ***** */
	.contents {}
	.contents-wrap {padding:30px 20px;}

	/* 서브 탭 */
	.contents .sub-tab-area {margin-top:40px;}
	.contents .sub-tab-area ul li {float:left; width:calc((100% - 10px)/2); margin:0}
	.contents .sub-tab-area ul li+li {margin-left:10px;}
	.contents .sub-tab-area ul li a {display:block; position:relative; padding:12px 10px; font-size:16px; line-height:1; font-weight:400; color:#666; text-align:center; border-radius:5px; border:1px solid #ddd}
	.contents .sub-tab-area ul li.on a {color:#fff; background:#16b6b5; border:1px solid #16b6b5}

	/* footer */
	footer {}
	footer .footer-logo {height:45px;}
	footer .footer-wrap {padding:20px;}
	footer .footer-wrap p {font-size:13px; line-height:30px; color:#666; margin-top:15px; text-align:center;}
	footer .footer-inner {justify-content:center;}
	footer .footer-inner+p span>span {padding-left:0px; display:block;}
	footer .footer-inner+p {width:100%; font-size:12px; line-height: 1.75;}
	footer .footer-bottom>div {margin:0 auto; height:auto; padding:0 20px 20px; display: flex;flex-wrap:wrap; flex-direction:row; justify-content:center;}
	footer .footer-bottom>div a {display:inline-block; font-size:13px; padding-top:20px; margin-right:2vw;}
	footer .footer-bottom>div p {width:100%;}

	footer .categoryWrap .category ul a {font-size:12px;}
	footer .categoryWrap .category>li>ul {display:grid; grid-template-columns:repeat(3,1fr); gap:0 10px;}



	/* footer::롤링배너 */


	/* 이메일무단수집거부 */
	#layerPop .wrap .inner {padding:0 20px;}
	#layerPop .wrap .inner div h2 {display:block; width:100%; height:55px; padding:0 20px; line-height:55px; font-size:18px;}
	#layerPop .wrap .inner div p {padding:30px; color:#000;}
	#layerPop .wrap .inner div p br {display:none;}

}