@charset "utf-8";

.inwrap {width:144rem;max-width:100%;margin:0 auto;padding:0 2rem;}
.inwrap-big {padding:0 6rem;}

.no_scroll {overflow:hidden;}


/* ---------- header ----------- */
.header-wrap {position:fixed;top:0;left:0;width:100%;z-index:200;}
#header {border-bottom:1px solid #e1e4e8; background: #fff;}
.header-inwrap {display: flex; align-items: center; height: 12rem; transition: all .5s; width: 140rem; max-width: calc(100% - 4rem); margin: 0 auto; background: #fff;}
.header-r {height:100%;margin-left:auto;display:flex;align-items:center;gap:2rem;}
#logo {display:flex;align-items:center;gap:1rem;width: 32rem;}
#logo img {width:7.5rem;}
#logo .txt {font-size:1.8rem;font-weight:600;font-family: 'GmarketSans', sans-serif;font-weight:500; line-height:140%;}
.header-login {position:relative;margin-left: 1rem;}
.header-login .user{display: flex; width:2.6rem; height:2.6rem; background:url(/onnuri/home/img/Layout/header-userIcon.svg) no-repeat center center / 2.6rem;}
.header-login .mshow{display:none;}
.header-login .logoutBox .user{background:url(/onnuri/home/img/Layout/header-userIcon_on.svg);}
.header-login .m_login_mypage{display:none;}

.header-pop {display:none;position:absolute;top: 2.2rem;right: -2.1rem;width: 30rem;box-shadow:5px 15px 25px rgba(0, 0, 0, 0.15);background:#fff;border-radius:0 0 10px 10px;z-index:99;}
.header-login-pop-mypage{background:var(--point-color);padding: 1.9rem 2.5rem 1.7rem;display: flex;align-items: center;justify-content: space-between;}
.header-login-pop-mypage a{ font-family: 'GmarketSans'; font-size: 1.4rem; color: #fff;}
.header-login-pop-title {background:var(--point3-color);}
.header-login-pop-title button {width:100%;padding:1.7rem 4.5rem 1.7rem 2.5rem;color:#fff;font-size:1.4rem;font-weight:600;text-align:left;position:relative;}
.header-login-pop-title button:after {content:"";position:absolute;top:50%;right:2.5rem;margin-top:-4px;display:block;width:0;height:0;border-left: 3px solid transparent;border-top: 3px solid transparent;border-bottom: 3px solid #fff;border-right: 3px solid transparent;}
.header-login-pop-title button.open:after {transform:rotate(180deg);margin-top:0;}
.header-login-pop-cont {padding:1.7rem 2.5rem;}
.header-login-pop-cont a {display:block;background:#eff1f4;border-radius:0.5rem;padding:1.1rem 3rem 1.2rem 1.5rem;font-size:1.4rem;position:relative;transition:all .3s;}
.header-login-pop-cont a .icon {filter: grayscale(100%) brightness(0);position:absolute;top:50%;right:1.5rem;margin-top:-0.4rem;width:0.5rem;height:0.8rem;background:url(/onnuri/portal/img/Layout/header-loginpop-arrow.svg) no-repeat center center /100% 100%;}
.header-login-pop-cont li + li {margin-top:0.5rem;}

.gnb-pc {height:100%;display:flex;align-items:center;}
.gnb-pc #gnb {margin-top:0.5rem;}
.gnb-pc #gnb > ul {display:flex;align-items:center;gap:3rem;}
.gnb-pc #gnb .mn_a1 {position:relative;}
.gnb-pc #gnb .mn_a1 span {font-family: 'GmarketSans', sans-serif;font-weight:500;font-size:2.2rem;}
.gnb-pc #gnb .mn_a1:before {content:"";position:absolute;top:0;right:0;display:block;width:5px;height:5px;border-radius:50%;background:var(--point-color);opacity:0;}
.gnb-pc #gnb .depth2 {display:none;position:absolute;top:calc(12rem + 1px);z-index:1;width:1020px;left:calc((100% - 1200px) / 2 + 180px);transition:top .5s;}
.gnb-pc #gnb .mn_l1.on .depth2 {background:#f8f9fa;}
.main-wrap .gnb-pc #gnb .depth2 {top:calc(12rem + 1px);}
.gnb-pc #gnb .depth2-inwrap {display:flex;flex-direction: column;height:100%;padding:5rem 4rem 5rem;position:relative;}
.gnb-pc #gnb .mn_l1:first-child .depth2-inwrap:before {display:none;}
.gnb-pc #gnb .mn_l2 {margin-bottom:2rem;position:relative;}
.gnb-pc #gnb .mn_a2 {word-break:break-all;font-size: 1.4rem;}
.gnb-pc #gnb .mn_a2 span {color:#767676;line-height:120%;}
.gnb-pc #gnb .depth2-title h2 {font-family: 'GmarketSans', sans-serif;font-weight:500;font-size: 1.6rem;margin-bottom:3rem;}

.sitemap-open .icon {display:block;}
.sitemap-open .icon i {display:block;background:#222;height:0.2rem;margin-left:auto;}
.sitemap-open .icon i:nth-child(1) {width:1.7rem;margin-bottom:0.5rem;}
.sitemap-open .icon i:nth-child(2) {width:2.4rem;margin-bottom:0.5rem;}
.sitemap-open .icon i:nth-child(3) {width:1.7rem;}

.gnb-pc-depthbg {display:none;position:relative;}
.gnb-pc-depthbg-inwbox {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#fff;border-top:1px solid #e1e4e8;}
.gnb-pc-depthbg-inwrap {display:none;width:144rem;max-width:100%;margin:0 auto;padding:0 2rem;height:100%;}
.gnb-pc-bg {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);z-index:199;}


/* 헤더 스크롤 시 */
.header-wrap.scroll .header-inwrap {height:8rem;}
.header-wrap.scroll #header {border-bottom:1px solid #e1e4e8}

.header-wrap.scroll .gnb-pc #gnb .depth2 {top:calc(8rem + 1px);}

.gnb-mb {display:none;}

.mbMenu-open {display:none;}

	@media screen and (max-width:1200px){
	
		.header-wrap.scroll #logo img  {display:none;}
	}


/* ---------- footer ----------- */
#footer {background:#2e3034;padding:8rem 0;}
#footer .inwrap {display:flex;gap:2rem;flex-wrap:wrap;}
#footer .l {flex:1;}
#footer .r {margin-left:auto;}
.flink {display:flex;align-items:center;gap:2rem 3rem;flex-wrap:wrap;}
.flink a {color:#fff;font-weight:600;}
.flink .point a {color:var(--point2-color);}
.flink .call a span {position:relative;padding-left:20px;}
.flink .call a span:before {content:"";display:block;position:absolute;top:50%;left:0;margin-top:-8px;width:16px;height:16px;background:url(/onnuri/portal/img/Layout/footer_call.svg) no-repeat center center;}
.faddress {color:#999;margin-top:3rem;line-height:160%;}
.faddress span {line-height:160%;}
.copyright {color:#999;font-size:1.2rem;letter-spacing:0;margin-top:3rem;line-height:160%;}
.fslogan {width:13rem;height:7.6rem;background:url(/onnuri/portal/img/Layout/footer_slogan.svg) no-repeat center center /100% 100%;position:relative;}
	
	@media screen and (max-width:1200px){
		
		#footer {padding:6rem 1rem;}
		.flink {gap:0;align-items:stretch;}
		/* .flink li:nth-last-child(n+2){width:50%;} */
		.flink li:nth-last-child(n+1){width:50%;}
		.flink li:nth-child(odd):not(:last-child) a {border-right:none;}
		.flink li:nth-child(1) a,
		.flink li:nth-child(2) a {border-radius:0.4rem 0.4rem 0 0;}
		.flink li:nth-child(3) a,
		.flink li:nth-child(4) a {border-radius:0 0 0.4rem 0.4rem;}
		.flink a {width:100%;height:100%;min-height:6rem;margin-top:-1px;padding:1.5rem 1rem;display:flex;align-items:center;justify-content:center;border:1px solid #484a4f;word-wrap:break-word;word-break:break-all;text-align:center;line-height:160%;}
		.flink .call {width:100%;margin-top:1rem;}
		.flink .call a {border-radius:0.4rem;border:1px solid #484a4f;}
		
		.faddress {text-align:center;}
		.copyright {text-align:center;}
		#footer .r {display:none;}
	}

/* ---------- sub ----------- */
.sub-container {padding-top:12rem;}
.subHeader-bgline{position:relative;height:2rem;background:var(--gray-color);}
.subHeader-btn {position:absolute;top:6rem;right:4rem;margin-top:-2.5rem;}
.subHeader-btn > ul {display:flex;gap:0 1.2rem;}
.subHeader-btn > ul > li {position:relative;}
.subHeader-btn .share,
.subHeader-btn .print {display:block;width:5rem;height:5rem;border:2px solid #f4f4f4;border-radius:50%;transition:all .3s;}
.subHeader-btn .share {background:url(/onnuri/home/img/Layout/subHeader-btn-share.svg) no-repeat center center /1.5rem;}
.subHeader-btn .print {background:url(/onnuri/home/img/Layout/subHeader-btn-print.svg) no-repeat center center/ 1.5rem;}
.sh-miniPop {display:none;position:absolute;top:0rem;right:0;width:15rem;background:#fff;border-radius:1rem 0 1rem 1rem;overflow:hidden;box-shadow:3px 5px 15px rgba(0, 0, 0, 0.05);}
.sh-miniPop-title {background:var(--point3-color);height:6rem;display:flex;align-items:center;padding:0 2rem;}
.sh-miniPop-title h3 {color:#fff;font-weight:600;}
.sh-miniPop-cont {padding:2.5rem 2rem 2rem;}
.sh-miniPop-cont > ul > li + li {margin-top:2rem;}
.sh-miniPop-cont > ul > li a {font-weight:600;transition:all .3s;}
.sh-miniPop-close {position:absolute;top:2rem;right:2rem;}
.sh-miniPop-close .icon {display:block;width:1.6rem;height:1.6rem;}
.sh-miniPop-close .icon:before,
.sh-miniPop-close .icon:after {content:"";position:absolute;top:50%;left:50%;margin:-0.05rem 0 0 -1.1rem;display:block;width:2.2rem;height:0.1rem;background:#fff;}
.sh-miniPop-close .icon:before {transform:rotate(45deg);}
.sh-miniPop-close .icon:after {transform:rotate(-45deg);}
.sub-inwrap {display:flex;gap:5rem; position:relative;}
.subNav {width:24rem;padding-bottom:6rem;margin-top: -2rem;}
.subNav-titlebox{height: 17rem; width: 100%; margin-bottom: 2rem; background: var(--point-color); border-radius: 0 0 1rem 1rem; box-shadow: -2px 3px 16px rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center;}
.subNav-title {display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; color: #fff; font-family: 'GmarketSans'; font-size: 2.4rem; line-height: 120%; width: 100%; height: 100%;text-align: center; padding: 4rem 2rem;}
.subNav .subDepth {border:1px solid var(--border-gray);border-radius: 1rem;overflow:hidden;box-shadow: -2px 3px 16px rgba(0, 0, 0, 0.05);}
.subNav .sn_l1 + .sn_l1 {border-top:1px solid var(--border-gray);}
.subNav .sn_l2 + .sn_l2 {margin-top:0.6rem;}
.subNav .sn_a1 {display:block;padding:1.5rem 3rem;line-height:160%;font-weight:600;transition:all .3s;}
.subNav .sn_a2 {display:inline-block;position:relative;padding-left:1rem;line-height:160%;transition:all .3s;font-size:1.5rem;}
.subNav .sn_a2:before {content:"";position:absolute;top:0.9rem;left:0;display:block;width:0.4rem;height:0.4rem;background:#222;border-radius:50%;}
.subNav .sn_l1.hasDep .sn_a1 {position:relative;padding-right:3rem;}
.subNav .sn_l1.hasDep .sn_a1:before {content:"";position:absolute;top:50%;right:2rem;display:block;width:2.2rem;height:2.2rem;margin-top:-1.1rem;border-radius:50%;border:1px solid var(--border-color);background:url(/onnuri/portal/img/Layout/subNav-arrow.svg) no-repeat center center;}
.subNav .sn_l1.hasDep.over .sn_a1:before,
.subNav .sn_l1.hasDep.active .sn_a1:before {background:url(/onnuri/portal/img/Layout/subNav-arrowW.svg) no-repeat center center var(--point3-color);border-color:var(--point3-color);}
.subNav .sn_l1.over,
.subNav .sn_l1.active {background:var(--bg-gray);}
.subNav .sn_l1.over .sn_a1 {color:var(--point-color);}
.subNav .sn_l2.over .sn_a2 {color:var(--point-color);text-decoration:underline;text-underline-position : under;}
.subNav .sn_l2.over .sn_a2:before {background:var(--point-color);}
.subNav .subDepth-siblings {display:none;padding:2rem 3rem;background:var(--bg-gray);border-top:1px solid var(--border-gray);}
.subNav .sn_l1.over .subDepth-siblings {display:block;}
.subNav-mb {display:none;}
.subCont {padding:5.5rem 0; width: calc(100% - 29rem);}

.pageTitle {text-indent:-34px;padding-left:34px !important;margin-bottom:1em;font-size:2.2rem;font-family: 'GmarketSans', sans-serif;font-weight:500;line-height:160%;}
.pageTitle * {text-indent:0;}
.pageTitle:before {content:url(/onnuri/portal/img/Default/u-tit01.svg);width:2.4rem;height:2.4rem;margin-right:10px;margin-bottom:0.6rem;vertical-align:middle;display:inline-block;text-indent:0;}


	@media screen and (min-width:1200px)
	{
		/* hover, focus */
		.sh-miniPop-cont > ul > li a:hover,
		.sh-miniPop-cont > ul > li a:focus {color:var(--point-color);text-decoration:underline; text-underline-position : under;}
		
		.sn_a1:hover,
		.sn_a1:focus {color:var(--point3-color);}
		.sn_a2:hover,
		.sn_a2:focus {color:var(--point-color);}
	}
	@media screen and (max-width:1200px)
	{
		.subHeader-bgline{display:none;}		
		.subNav {display:none;}
		.subNav-mb {display:block;width:calc(100% - 4rem);margin:0 2rem;position:relative;z-index:1;}
		.subNav-titlebox{height:18rem;padding-bottom: 6.5rem}
		.subNav-title{padding:4rem 7rem;}
		.sub-inwrap .subHeader-btn{display:none;}
		.subHeader-btn {z-index:2; right:2rem;}
		.subHeader-btn .print {display:none;}
		.subHeader-btn .share{background:url(/onnuri/home/img/Layout/subHeader-btn-share_w.svg) no-repeat center center /1.5rem;}
		.subHeader-btn > ul {display:block;}
		.mbsn-openBtn {display:block;width:100%;padding:2rem 5.5rem 2rem 2rem;line-height:160%;font-weight:600;font-size:1.8rem;color:#fff;text-align:left;position:relative;}
		.mbsnl1-openBtn {background:rgba(0, 64, 151, 0.95);border-radius:1rem 1rem 0 0;margin-top:-8.8rem;z-index: 1;}
		.mbsnl2-openBtn {background:rgba(71, 105, 248, 0.95);}
		.mbsnl2-openBtn:has(span:empty) {display:none;}
		.mbsnl1-openBtn:before,
		.mbsnl2-openBtn:before {content:"";position:absolute;top:50%;right:2rem;margin-top:-1.1rem;display:block;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid #fff;background:url(/onnuri/portal/img/Layout/subNav-arrowW.svg) no-repeat center center;transform:rotate(180deg);}
		.mbsn-openBtn.active:before {transform:rotate(0);}
		.snmbPop-wrap {position:relative;}
		.snmbPop {display:none;position:absolute;top:0;left:0;width:100%;border-radius:0 0 1rem 1rem;overflow:hidden;box-shadow:0 1.5rem 2.5rem rgba(0, 0, 0, 0.15);z-index:1;}
		.snmbPop a {display:block;padding:2rem;border-top:1px solid var(--border-gray);background:#fff;}
		
		.subCont {padding:3rem 1rem 6rem; width:100%;}
		.subCont p,
		.subCont div {line-height:160%;}
		
		.pageTitle {display:none;}
	}


/* ---------- sitemap ----------- */
.sitemap {display:none;position:fixed;top:0;left:0;right:0;background:var(--point-color);z-index:300;}
.sitemap-inwrap {width:140rem;height:100%;max-width:100%;padding:6rem 3.5rem 0;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
.sitemap-gnb {width:100%;flex:1;overflow:auto;margin-bottom:4rem;}
.sitemap-gnb #gnb > ul {display:flex;align-items:stretch;}
.sitemap-gnb #gnb .mn_l1 {flex:1;position:relative;padding:6rem 3.5rem;}
.sitemap-gnb #gnb .mn_l1:before,
.sitemap-gnb #gnb .mn_l1:first-child:after {content:"";position:absolute;top:0;right:0;display:block;width:0.1rem;height:100%;background:rgba(255, 255, 255, 0.2);}
.sitemap-gnb #gnb .mn_l1:first-child:after {left:0;right:auto;}
.sitemap-gnb #gnb .mn_l2 {margin-top:2.5rem;}
.sitemap-gnb #gnb .mn_l3 {margin-top:1.5rem;}
.sitemap-gnb #gnb .mn_a1 {display:inline-block;font-family: 'GmarketSans';font-size:2.2rem;color:#fff;}
.sitemap-gnb #gnb .mn_a2 {display:inline-block;color:#fff;font-weight:600;line-height:140%;}
.sitemap-gnb #gnb .mn_a3 {display:inline-block;color:#fff;font-size:1.4rem;line-height:140%;transition:all .3s;position:relative;padding-left:1rem;}
.sitemap-gnb #gnb .mn_a3:before {content:"";position:absolute;top:0.8rem;left:0;display:block;width:0.5rem;height:0.1rem;background:#fff;}
.sitemap-gnb::-webkit-scrollbar {width:0.4rem;border-radius:1rem;border:none;padding:0;box-shadow:none;}
.sitemap-gnb::-webkit-scrollbar-thumb {background:#0027cd;border:none;border-radius:1rem;padding:0;box-shadow:none;}
.sitemap-gnb::-webkit-scrollbar-track {background:rgba(255, 255, 255, 0.1);border:none;border-radius:1rem;padding:0;box-shadow:none;}
.sitemap-close {width:16rem;height:4rem;margin-bottom:6rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:4rem;}
.sitemap-close span {color:var(--point-color);position:relative;padding-left:2.4rem;}
.sitemap-close span:before,
.sitemap-close span:after {content:"";width:1.8rem;height:0.1rem;background:var(--point-color);position:absolute;top:50%;left:0;}
.sitemap-close span:before {transform:rotate(45deg);}
.sitemap-close span:after {transform:rotate(-45deg);}



/* 애니메이션 */
.sitemap {overflow:hidden;bottom:200%;transition-delay:2s;transition:all .8s;}

.sitemap-gnb {opacity:0;transform:translateY(-8rem);transition:all .8s;transition-delay:.6s;}
.sitemap-close {opacity:0;transition:all .8s;transition-delay:1s;}

.sitemap.open {bottom:0;}
.sitemap.open .sitemap-gnb {opacity:1;transform:none;}
.sitemap.open .sitemap-close {opacity:1;transition:all .8s;transition-delay:1s;}

.sitemap.open.close {bottom:200%;transition-delay:.6s;}
.sitemap.open.close .sitemap-gnb {opacity:0;transform:translateY(-8rem);transition-delay:.1s !important;}
.sitemap.open.close .sitemap-close {opacity:0;transition-delay:.1s !important;}

/* transition */
.sitemap-gnb #gnb .mn_a1,
.sitemap-gnb #gnb .mn_a2,
.sitemap-gnb #gnb .mn_a3 {transition:all .3s;}
.sitemap-gnb #gnb .mn_a3:before {transition:all .3s;}
.sitemap-close {transition:all .3s;}

	@media screen and (min-width:1200px){
	
		/* hover, focus */
		.sitemap-gnb #gnb .mn_a1:hover,
		.sitemap-gnb #gnb .mn_a1:focus,
		.sitemap-gnb #gnb .mn_a2:hover,
		.sitemap-gnb #gnb .mn_a2:focus,
		.sitemap-gnb #gnb .mn_a3:hover,
		.sitemap-gnb #gnb .mn_a3:focus {color:#47f8e5;}
		.sitemap-gnb #gnb .mn_a3:hover:before,
		.sitemap-gnb #gnb .mn_a3:focus:before {background:#47f8e5}
		
		.sitemap-close:hover,
		.sitemap-close:focus {box-shadow:0px 5px 20px rgba(0, 0, 0, 0.15);}
	}
	
	@media screen and (max-width:1200px){
		
		.sitemap {display:none !important;}
	}




	@media screen and (min-width:1200px) {
		
		.inwrap {width:148rem;padding:0 4rem;}
		
		.gnb-pc #gnb .mn_a1 span,
		.gnb-pc #gnb .mn_a1:before {transition:all .3s;}
		.gnb-pc #gnb .mn_l1.on .mn_a1 span {color:var(--point-color) !important;}
		.gnb-pc #gnb .mn_l1.on .mn_a1:before {opacity:1;top:-1.5rem;}
		.gnb-pc #gnb .mn_l1:focus-within .mn_a1 span,
		.gnb-pc #gnb .mn_a1:focus span {color:var(--point-color) !important;}
		.gnb-pc #gnb .mn_l1:focus-within .mn_a1:before,
		.gnb-pc #gnb .mn_a1:focus:before {opacity:1;top:-1.5rem;}
		 
		.gnb-pc #gnb .mn_a2 span {transition:all .3s;}
		.gnb-pc #gnb .mn_a2:hover span,
		.gnb-pc #gnb .mn_a2:focus-visible span {color:var(--point-color) ;text-decoration:underline;text-underline-position : under;font-weight:600;}
		
		#header.mnOpen {background:#fff;}
		#header.mnOpen #logo img.off {display:none;}
		#header.mnOpen #logo img.on {display:block;}
		#header.mnOpen .header-login .user span, 
		#header.mnOpen .header-login .mypage, 
		#header.mnOpen .header-login .logout {color:#222;}
		#header.mnOpen .gnb-pc #gnb .mn_a1 span {color:#222;}
		#header.mnOpen .sitemap-open .icon i {background:#222;}
		
		.header-wrap.scroll .gnb-pc #gnb .mn_a1 span {color:#222;}
		.header-wrap.scroll .sitemap-open .icon i {background:#222;}
		.header-wrap .header-login .user span:after ,
		.header-wrap .header-login .mypage span:after{filter: brightness(1) invert(1);}		
		
		.header-login-pop-cont a:hover:before,
		.header-login-pop-cont a:focus:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--point-color);border-radius:0.5rem;}
		.header-login-pop-cont a:hover,
		.header-login-pop-cont a:focus {color:var(--point-color);}
		.header-login-pop-cont a:hover .icon,
		.header-login-pop-cont a:focus .icon {filter:none;}
		
		
		.gnb-mb-bg {display:none !important;}
		
		
	}
	
	@media screen and (max-width:1500px) {
		
		.inwrap-big {padding:0 4rem;}
		
		/* ---------- header ----------- */
		.gnb-pc #gnb > ul {gap:3.5rem;}
		.header-r {gap:2rem;}
		.gnb-pc #gnb .mn_a1 span {font-size:1.8rem;}
		.header-login {margin-left:2rem;}
		
		
		
	}
	
	
	/* ---------- mobile ----------- */
	@media screen and (max-width:1200px) {
		
		/***** 모바일 *****/
		#header {border-bottom:1px solid #f4f4f4;}
		.header-inwrap {max-height:10rem;}
		.header-login {display:none;}
		.sitemap-open {display:none;}
		.mbMenu-open {display:block;margin-left:2rem;}
		.mbMenu-open .icon {width:2.4rem;height:2.4rem;display:flex;flex-direction:column;justify-content:center;}
		.mbMenu-open .icon i {display:block;width:100%;height:2px;background:#222;margin-left:auto;transition:all .3s;}
		.mbMenu-open .icon i:nth-child(2) {width:80%;}
		.mbMenu-open .icon i+i {margin-top:0.5rem;}
		
		.gnb-pc {display:none;}
		
		.gnb-mb {position:fixed;top:0;right:-30rem;bottom:0;width:30rem;background:#fff;display:flex;flex-wrap:wrap;flex-direction:column;z-index:1;}
		.gnb-mb .header-login {display:block;width:100%; margin-left:0;}
		.gnb-mb .loginBox {height:7rem;display:flex;align-items:center;gap:0;background:var(--point-color);padding:0;margin:0;}
		.gnb-mb .loginBox .login .icon {content:"";position:static;top:50%;left:0;margin-top:-0.4rem;margin-right: 0.8rem;filter: brightness(0) invert(1);display:block;width:1.6rem;height:1.6rem;background:url(/onnuri/portal/img/Layout/header-login.svg) no-repeat center center;}
		.gnb-mb .loginBox .login .m_a11y{ width: auto; height: auto; overflow: visible; position: inherit; text-indent: initial; font-family: 'GmarketSans'; font-size: 1.6rem; line-height: normal;}
		.gnb-mb .loginBox:before {display:none;}
		.gnb-mb .loginBox a {width:50%;color:#fff;display:flex;align-items:center; justify-content: center; font-size: 1.6rem; background: none;}
		.gnb-mb .header-login .logoutBox .user{width:100%;height:7rem;background:var(--point-color);padding:0 3rem;font-weight: 500;font-family: 'GmarketSans';text-align: left;}
		.gnb-mb .header-login .mshow{display:block;}
		.gnb-mb .header-login .m_login_mypage{display:block;}
		.gnb-mb .header-login .header-login-pop-mypage{background: var(--point3-color);padding: 1.8rem 2.5rem 1.6rem;justify-content: space-around;font-family: 'GmarketSans';}
		.gnb-mb .header-login .header-login-pop-mypage .tit{display:none;}
		.gnb-mb .logoutBox .user:before {display:none;}
		.gnb-mb .logoutBox .user span {color:#fff;font-size:1.6rem;}
		.gnb-mb .logoutBox .user .icon {width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid #fff;right:3rem;top: 2.2rem;background:url(/onnuri/portal/img/Layout/gnb-mb-arrow.svg) no-repeat center center;display: block;position: absolute;}
		.gnb-mb .logoutBox .user.open .icon {transform:rotate(180deg);}
		.gnb-mb .header-pop {top:3.5rem; right: 0;}

		
		.gnb-mb #gnb {flex:1;overflow-y:auto;width:100%;}
		.gnb-mb .mn_a1 {display:block;width:100%;padding:2rem 6rem 2rem 3rem;border-bottom:0.1rem solid var(--border-gray);;font-family: 'GmarketSans';font-size:1.8rem;line-height:160%;position:relative;}
		.gnb-mb .mn_l1.hasDep .mn_a1:before {content:"";position:absolute;top:50%;right:3rem;margin-top:-1.1rem;display:block;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--border-gray);;background:url(/onnuri/portal/img/Layout/gnb-mb-arrow.svg) no-repeat center center;}
		.gnb-mb .mn_l1.hasDep.active .mn_a1:before {border-color:var(--point3-color);background:url(/onnuri/portal/img/Layout/gnb-mb-arrowW.svg) no-repeat center center var(--point3-color);}
		.gnb-mb .mn_l1.active {background:var(--bg-gray);}
		.gnb-mb .mn_l1.active .mn_a1 {color:var(--point3-color);}
		.gnb-mb .depth2 {display:none;background:var(--bg-gray);padding:2.5rem 3rem;}
		.gnb-mb .mn_l2 + .mn_l2 {margin-top:2rem;}
		.gnb-mb .mn_a2 {display:block;position:relative;padding-left:1rem;line-height:160%;}
		.gnb-mb .mn_a2:before {content:"";position:absolute;top:1.2rem;left:0;display:block;width:3px;height:3px;background:#444;}
		.gnb-mb .mn_l2.hasDep .mn_a2:after {content:"";position:absolute;top:50%;right:0;margin-top:-0.25rem;display:block;width:0.8rem;height:0.5rem;background:url(/onnuri/portal/img/Layout/gnb-mb-arrow2dep.svg) no-repeat center center /100% 100%;}
		.gnb-mb .mn_l2.hasDep.active .mn_a2:after {background-image:url(/onnuri/portal/img/Layout/gnb-mb-arrow2depAct.svg);}
		.gnb-mb .mn_l2.active .mn_a2 {color:var(--point-color);}
		.gnb-mb .mn_l2.active .mn_a2:before {background:var(--point-color);}
		.gnb-mb .depth3 {display:none;padding:2rem 1rem 0.5rem;}
		.gnb-mb .mn_l3 + .mn_l3 {margin-top:1.5rem;}
		.gnb-mb .mn_a3 {display:inline-block;position:relative;padding-left:1.2rem;line-height:160%;}
		.gnb-mb .mn_a3:before {content:"";position:absolute;top:1.2rem;left:0;display:block;width:0.5rem;height:0.1rem;background:#444;}
		
		.gnb-mb-bg {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.7);}
		
		/* 모바일 메뉴 애니메이션 */
		.gnb-mb {transition: all 0.6s;}
		.gnb-mb.open {transform:translateX(-30rem);}		
		
						
	}