@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 rgba(255, 255, 255, 0.2);}
.header-inwrap {display:flex;align-items:center;height:12rem;transition:all .5s;}
.header-r {height:100%;margin-left:auto;display:flex;align-items:center;gap:5rem;}
#logo img {width:376px;}
#logo img.on {display:none;}
.header-login {padding-left:2rem;margin-left:3rem;position:relative;}
.header-login:before {content:"";position:absolute;top:50%;left:0;margin-top:-1.1rem;background:rgba(255, 255, 255, 0.2);display:block;width:0.1rem;height:2.2rem;}
.header-login .loginBox,
.header-login .logoutBox {display:flex;align-items:center;gap:2rem;}
.header-login .user span,
.header-login a {color:#fff;font-family: 'GmarketSans', sans-serif;font-weight:500;font-size:1.4rem;}
.header-login .user span {position:relative;padding-left:22px;padding-right:12px;}
.header-login .user span:before {content:"";position:absolute;top:50%;left:0;margin-top:-10px;display:block;width:16px;height:16px;background:url(/barobaro/portal/img/Layout/header-userIcon.svg) no-repeat center center;}
.header-login button.user span:after {content:"";position:absolute;top:50%;right:0;margin-top:-2px;display:block;width:5px;height:3px;background:url(/barobaro/portal/img/Default/select-dropdown.svg) no-repeat center center;}
.header-login button.user.open span:after {transform:rotate(180deg);}
.header-login .mypage span{position:relative;padding-right:12px;}
.header-login .mypage span:after{content:"";position:absolute;top:50%;right:0;margin-top:-2px;display:block;width:5px;height:3px;background:url(/barobaro/portal/img/Default/select-dropdown.svg) no-repeat center center;}
.header-login .mypage.open span:after {transform:rotate(180deg);}

.header-pop {display:none;position:absolute;top:3.5rem;left:0;width:100%;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-title {background:var(--point-color);padding:2.2rem 2rem 2rem;}
.header-login-pop-title h3 {color:#fff;font-size:1.4rem;font-weight:600;}
.header-login-pop-cont {padding:2rem;}
.header-login-pop-cont a {display:block;background:#eff1f4;border-radius:5px;padding:1.8rem 2rem 1.5rem;font-size:1.4rem;color:#222;}
.header-login-pop-cont li + li {margin-top:0.5rem;}
.header-login.login {display:none;}

.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:5rem;}
.gnb-pc #gnb .mn_a1 {position:relative;}
.gnb-pc #gnb .mn_a1 span {color:#fff;font-family: 'GmarketSans', sans-serif;font-weight:500;font-size:2.2rem;}
.gnb-pc #gnb .mn_a1:before {content:"";position:absolute;top:0;left: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:102rem;left:calc((100% - 120rem) / 2 + 18rem);transition:top .5s;}
.main-wrap .gnb-pc #gnb .depth2 {top:calc(24rem + 1px);}
.gnb-pc #gnb .depth2-inwrap > ul {display:flex;min-height:260px;}
.gnb-pc #gnb .mn_l2 {border-right:1px solid #edeff2;padding:5rem 3rem;width:20%;}
.gnb-pc #gnb .mn_a2 {margin-bottom:2rem;min-height:2.2em;display:inline-block;max-width:100%;word-break:keep-all;word-wrap:break-word;}
.gnb-pc #gnb .mn_a2 span {color:#222;font-family: 'GmarketSans', sans-serif;font-weight:500;font-size:1.6rem;line-height:120%;}
.gnb-pc #gnb .mn_a2.short{letter-spacing:-0.08em;}
.gnb-pc #gnb .mn_l3 + .mn_l3 {margin-top:1.5rem;} 
.gnb-pc #gnb .mn_a3 {line-height:140%;word-break:break-all;}
.gnb-pc #gnb .depth2-inwrap {position:relative;}
.gnb-pc #gnb .depth2-title {position:absolute;top:0;left:-18rem;max-width:18rem;padding:5rem 3rem 5rem 0;display:flex;height:100%;flex-wrap:wrap;flex-direction: column;}
.gnb-pc #gnb .depth2-title h2 {font-family: 'GmarketSans', sans-serif;font-weight:500;font-size:2.4rem;line-height:140%;}
.gnb-pc #gnb .depth2-title .gnb-pc-fileDown {display:block;margin-top:auto;}
.gnb-pc #gnb .depth2-title .gnb-pc-fileDown .point {color:#2873dd;}
.gnb-pc #gnb .depth2-title .gnb-pc-fileDown span {font-family: 'GmarketSans', sans-serif;font-weight:500;font-size:1.6rem;line-height:140%;position:relative;}
.gnb-pc #gnb .depth2-title .gnb-pc-fileDown span:before {content:"";position:absolute;top:50%;right:-70px;margin-top:-20px;display:block;width:30px;height:33px;background:url(/barobaro/portal/img/Layout/gnb-pc-fileDown.svg) no-repeat center center;}
.gnb-pc #gnb .depth2-title .gnb-pc-fileDown span i {font-style:normal;}

.sitemap-open .icon {display:block;}
.sitemap-open .icon i {display:block;background:#fff;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:124rem;margin:0 auto;padding:0 3rem;height:100%;}
.gnb-pc-depthbg-title {width:180px;height:100%;padding-bottom:8rem;background:#f4f4f4;position:relative;border-right:1px solid #edeff2;}
.gnb-pc-depthbg-title:before {content:"";position:absolute;top:0;left:-1999px;display:block;width:2000px;height:100%;background:#f4f4f4;}
.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;}


/* 상단 배너 닫혔을 때 */
.topBannerClose .gnb-pc #gnb .depth2  {top:calc(12rem + 1px);}


/* 헤더 스크롤 시 */
.header-wrap.scroll .header-inwrap {height:8rem;background:#fff}
.header-wrap.scroll #header {border-bottom:1px solid #e1e4e8}
.header-wrap.scroll #logo img.off {display:none;}
.header-wrap.scroll #logo img.on {display:block;}
.header-wrap.scroll .header-login a {color:#222;}

.header-wrap.scroll .main-topbanner {margin-top:-12rem;}

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

.gnb-mb {display:none;}

.mbMenu-open {display:none;}


/* ---------- footer ----------- */
#footer {background:#2e3034;padding:5rem 0 7rem;}

.footer-top {display:flex;gap:2rem;padding-bottom:5rem;margin-bottom:5rem;border-bottom:1px solid rgba(83, 83, 83, 0.4);}
.fmanager-tit {color:#fff;color:#fff;font-family: 'GmarketSans', sans-serif;font-weight:600;font-size:2rem;}
.fmanager-lst {flex:1;min-width:0;}
.fmanager-lst {display:flex;flex-wrap:wrap;gap:1rem;}
.fmanager-lst li {color:#999;padding-right:1.5rem;margin-right:1.5rem;position:relative;}
.fmanager-lst li:after {content:"/";position:absolute;top:0;right:-0.5rem;color:#999;}
.fmanager-lst li:last-child:before {display:none;}
.flink {margin-bottom:5rem;display:flex;gap:4rem;flex-wrap:wrap;}
.flink li a {color:#fff;}
.flink li.point a {color:#20bc65;}
.faddress {color:#999;line-height:200%;margin-bottom:3rem;word-wrap:break-word;word-break:keep-all;}
.faddress * {line-height:200%;}
.copyright {color:#999;letter-spacing:0;font-size:1.2rem;line-height:160%;}


/* ---------- sub ----------- */
.subHeader-bg {padding-top:12rem;background:url(/barobaro/portal/img/Layout/subHeader-bg.jpg) no-repeat center top /cover;position:relative;}
.subHeader-bg:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;background:rgba(34, 34, 34, 0.22);}
.subHeader-top {display:flex;align-items:center;position:relative;z-index:1;}
.subHeader-title {height:26.5rem;display:flex;justify-content:center;flex-direction: column;}
.subHeader-title h2 {color:#fff;font-size:4.6rem;font-weight:600;font-family: 'GmarketSans', sans-serif;margin-bottom:1rem;}
.subHeader-title .stxt {color:#fff;font-size:1.8rem;font-weight:500;font-family: 'GmarketSans', sans-serif;line-height:140%;}
.subHeader-btn {margin-left:auto;align-items:center;}
.subHeader-btn > ul {display:flex;gap:1.5rem;}
.subHeader-btn > ul > li {position:relative;}
.subHeader-btn .sh-functionBtn {display:block;width:5rem;height:5rem;border-radius:50%;background:#fff;position:relative;}
.subHeader-btn .sh-functionBtn:before {content:"";display:block;position:absolute;top:50%;left:50%;}
.subHeader-btn .viewer:before {width:17px;height:15px;margin:-7px 0 0 -8px;background:url(/barobaro/portal/img/Layout/subHeader-viewer.svg) no-repeat center center;}
.subHeader-btn .share:before {width:15px;height:16px;margin:-8px 0 0 -7px;background:url(/barobaro/portal/img/Layout/subHeader-share.svg) no-repeat center center;}
.subHeader-btn .print:before {width:15px;height:14px;margin:-7px 0 0 -7px;background:url(/barobaro/portal/img/Layout/subHeader-print.svg) no-repeat center center;}
.sh-miniPop {display:none;position:absolute;top:0;right:0;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.05);}
.sh-miniPop-title {background:#2873dd;padding:2rem 6rem 2rem 2rem;height:6rem;display:flex;align-items:center;border-radius:10px 0 0 0;}
.sh-miniPop-title h3 {color:#fff;}
.sh-miniPop-inwrap {position:relative;}
.sh-miniPop-close {position:absolute;top:19px;right:1.5rem;}
.sh-miniPop-close .icon {position:relative;display:block;width:20px;height:20px;}
.sh-miniPop-close .icon:before,
.sh-miniPop-close .icon:after {content:"";position:absolute;top:50%;left:50%;margin-left:-10px;display:block;width:20px;height:1px;background:#fff;}
.sh-miniPop-close .icon:before {transform:rotate(45deg);}
.sh-miniPop-close .icon:after {transform:rotate(-45deg);}
.sh-miniPop-cont {background:#fff;padding:2rem;border-radius:0 0 10px 10px;}
.sh-miniPop-cont ul li {line-height:160%;}
.sh-miniPop-cont ul li + li {margin-top:2rem;}
.sh-miniPop-cont ul li a span {font-size:1.4rem;font-weight:600;transition:all .3s;}
.sh-miniPop-cont .viewerDown {position:relative;padding-left:30px;}
.sh-miniPop-cont .viewerDown:before {content:"";position:absolute;top:50%;left:0;margin-top:-10px;display:block;width:19px;height:21px;}
.sh-miniPop-cont .viewerDown.han:before  {background:url(/barobaro/portal/img/Layout/subHeader-viewerIcon_han.png) no-repeat center center;}
.sh-miniPop-cont .viewerDown.pdf:before  {background:url(/barobaro/portal/img/Layout/subHeader-viewerIcon_pdf.png) no-repeat center center;}
.sh-miniPop-cont .viewerDown.word:before  {background:url(/barobaro/portal/img/Layout/subHeader-viewerIcon_word.png) no-repeat center center;}
.sh-miniPop-cont .viewerDown.excel:before  {background:url(/barobaro/portal/img/Layout/subHeader-viewerIcon_excel.png) no-repeat center center;}
.sh-miniPop-cont .viewerDown.ppt:before  {background:url(/barobaro/portal/img/Layout/subHeader-viewerIcon_ppt.png) no-repeat center center;}

.subNav {position:relative;}
.subNav:after {content:"";position:absolute;top:0;right:0;width:calc((100% - 140rem)/2);height:100%;background:rgba(39, 154, 117, 0.95);}
.subNav .inwrap {display:flex;}
.subNav .home {width:8.5rem;height:8.5rem;background:#222;border-radius:5px 0 0 0;position:relative;}
.subNav .home:before {content:"";position:absolute;top:50%;left:50%;margin:-11px 0 0 -13px;width:26px;height:22px;background:url(/barobaro/portal/img/Layout/subHeader-home.svg) no-repeat center center;}
.subDepth {flex:1;min-width:0;background:rgba(39, 154, 117, 0.95);position:relative;}

.subDepth {display:flex;}
.subDepth .sn_l1 {padding:0 3rem;position:relative;}
.subDepth .sn_l1 + .sn_l1:after {content:"";position:absolute;top:50%;left:0;margin-top:-16px;display:block;width:1px;height:32px;background:rgba(255, 255, 255, 0.1);}
.subDepth .sn_a1 {width:auto;min-width:27rem;height:8.5rem;display:flex;align-items:center;padding:0.5rem 40px 0 0;font-size:2rem;font-weight:600;font-family: 'GmarketSans', sans-serif;color:#fff;position:relative;}
.subDepth .sn_a1:before {content:"";position:absolute;top:50%;right:0;margin-top:-12px;display:block;width:24px;height:24px;background:url(/barobaro/portal/img/Layout/subHeader-depthArrow.svg) no-repeat center center;border:1px solid #fff;border-radius:50%;}
.subDepth .sn_l1.open .sn_a1:before {transform:rotate(180deg);} 

.subDepth-siblings {display:none;position:absolute;top:8.5rem;left:0;width:100%;border-radius:0 0 10px 10px;box-shadow:0 15px 25px rgba(0, 0, 0, 0.15);z-index:10;background:#f4f4f4;overflow:hidden;z-index:5;}
.subDepth .sn_l2 + .sn_l2 {border-top:1px solid #dbdbdb;}
.subDepth .sn_a2 {display:block;width:100%;padding:2.2rem 3rem 2rem;font-size:1.6rem;font-weight:600;font-family: 'GmarketSans', sans-serif;color:#666;transition:all .3s;}

.subDepth .sn_l1.over .sn_a1 {color:#fff000;text-decoration:underline;text-underline-position : under;}

.subDepth3 {position:relative;}
.subDepth3-inbox {background:#f4f4f4;border-radius:0 0 0 10px;min-height:8.5rem;align-items:center;padding:3rem 5rem 2.8rem;display:flex;align-items:center;}
.subDepth3-inbox:after {content:"";position:absolute;top:0;right:0;height:100%;display:block;width:calc((100% - 1400px)/2);background:#f4f4f4;}
.subDepth3-inbox ul {display:flex;flex-wrap:wrap;gap:2rem 5rem;align-items:center;}
.subDepth3-inbox a {font-size:2rem;font-family: 'GmarketSans', sans-serif;color:#666;font-weight:600;position:relative;}
.subDepth3-inbox a.over {color:var(--point-color);}
.subDepth3-inbox a.over:after {content:"";position:absolute;bottom:0;left:0;display:block;background:var(--point-color);width:100%;height:1px;}
	@media screen and (max-width:1480px){
		.subNav:after,
		.subDepth3-inbox:after {width:4rem;}
	}

.sub-container {padding:6rem 0 12rem}


/* ---------- sitemap ----------- */
.sitemap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transition:all .5s;}
.main-wrap .sitemap  {top:12rem;height:calc(100% - 12rem);}
.topBannerClose .sitemap {top:0;height:100%;}
.header-wrap.scroll .sitemap {top:0;height:100%;}
.sitemap-inBox {display:none;width:100%;height:100%;background:rgba(40, 115, 221, 0.98);overflow:auto;}
.sitemap-inwrap {margin:6rem;position:relative;}
.sitemap-title {margin-bottom:6rem;}
.sitemap-title .logo img {width:380px;}
.sitemap-gnb #gnb > ul {display:flex;width:100%;}
.sitemap-gnb .mn_l1 {padding:0 4rem;flex:1;min-width:0;}
.sitemap-gnb .mn_l1 + .mn_l1 {border-left:1px solid rgba(236, 236, 236, 0.2)}
.sitemap-gnb .mn_l2 + .mn_l2 {margin-top:2rem;}
.sitemap-gnb .mn_l3 + .mn_l3 {margin-top:1rem;}
.sitemap-gnb .mn_a1 {font-size:2.2rem;font-family: 'GmarketSans', sans-serif;font-weight:500;color:#fff;line-height:140%;}
.sitemap-gnb .mn_a2 {color:#fff;font-weight:600;line-height:140%;transition:all .3s;}
.sitemap-gnb .mn_a3 {color:#b2daff;position:relative;padding-left:10px;text-indent:-10px;font-size:1.4rem;line-height:140%;transition:all .3s;}
.sitemap-gnb .mn_a3:before {content:"";position:absolute;top:8px;left:0;margin-right:6px;display:inline-block;width:4px;height:1px;background:#b2daff;}
.sitemap-gnb .depth2-title {display:none;}
.sitemap-gnb .depth2 {margin-top:2rem;}
.sitemap-gnb .depth3 {margin-top:1rem;}
.sitemap-gnb .mn_l1.hidden {display:block;}
.sitemap-close {position:absolute;top:0;right:0;}
.sitemap-close .icon {position:relative;display:block;width:30px;height:30px;}
.sitemap-close .icon:before,
.sitemap-close .icon:after {content:"";position:absolute;top:50%;left:50%;margin-left:-15px;display:block;width:30px;height:1px;background:#fff;}
.sitemap-close .icon:before {transform:rotate(45deg);}
.sitemap-close .icon:after {transform:rotate(-45deg);}



/* 애니메이팅 */
.sitemap-title {transition:all 0.8s;opacity:0;}
.sitemap-gnb .mn_l1 {transition:all 1s;opacity:0;transform:translate(0, -150px);}

.sitemap.open .sitemap-title {opacity:1;}
.sitemap.open.open .sitemap-gnb .mn_l1 {opacity:1;transform:none;}
.sitemap.open.open .sitemap-gnb .mn_l1:nth-child(1){transition-delay:0.3s;}
.sitemap.open.open .sitemap-gnb .mn_l1:nth-child(2){transition-delay:0.4s;}
.sitemap.open.open .sitemap-gnb .mn_l1:nth-child(3){transition-delay:0.5s;}
.sitemap.open.open .sitemap-gnb .mn_l1:nth-child(4){transition-delay:0.6s;}
.sitemap.open.open .sitemap-gnb .mn_l1:nth-child(5){transition-delay:0.7s;}
.sitemap.open.open .sitemap-gnb .mn_l1:nth-child(6){transition-delay:0.8s;}
.sitemap.open.open .sitemap-gnb .mn_l1:nth-child(7){transition-delay:0.9s;}

.sitemap.closeBefore .sitemap-title {transition-delay:0.8s}
.sitemap.closeBefore .sitemap-gnb .mn_l1:nth-child(1){transition-delay:0.7s;}
.sitemap.closeBefore .sitemap-gnb .mn_l1:nth-child(2){transition-delay:0.6s;}
.sitemap.closeBefore .sitemap-gnb .mn_l1:nth-child(3){transition-delay:0.5s;}
.sitemap.closeBefore .sitemap-gnb .mn_l1:nth-child(4){transition-delay:0.4s;}
.sitemap.closeBefore .sitemap-gnb .mn_l1:nth-child(5){transition-delay:0.3s;}
.sitemap.closeBefore .sitemap-gnb .mn_l1:nth-child(6){transition-delay:0.2s;}
.sitemap.closeBefore .sitemap-gnb .mn_l1:nth-child(7){transition-delay:0.1s;}


	@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_l2 {transition:all .3s;}
		.gnb-pc #gnb .mn_l2:hover,
		.gnb-pc #gnb .mn_l2:focus-within {background:#f4f4f4;}
		
		.gnb-pc #gnb .mn_a3 span {transition:all .3s;}
		.gnb-pc #gnb .mn_a3:hover span,
		.gnb-pc #gnb .mn_a3: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.mnOpen .header-login .user span:after {filter: brightness(1) invert(1);}
		#header.mnOpen .header-login a {color:#222;}
		
		.header-wrap.scroll .header-login .user span, 
		.header-wrap.scroll .header-login .mypage, 
		.header-wrap.scroll .header-login .logout {color:#222;}
		.header-wrap.scroll .gnb-pc #gnb .mn_a1 span {color:#222;}
		.header-wrap.scroll .sitemap-open .icon i {background:#222;}
		.header-wrap.scroll .header-login .user span:after,
		.header-wrap.scroll .header-login .mypage span:after {filter: brightness(1) invert(1);}
		
		.gnb-mb-bg {display:none !important;}
		
		
		/* ---------- sub ----------- */
		.subDepth .sn_a2:hover,
		.subDepth .sn_a2:focus-visible {background:var(--point-color);color:#fff;}
		
		.sh-miniPop-cont ul li a:hover span,
		.sh-miniPop-cont ul li a:focus-visible span {color:#2873dd;text-decoration:underline;text-underline-position : under;}
		
		
		/* ---------- sitemap ----------- */
		.sitemap-gnb .mn_a2:hover,
		.sitemap-gnb .mn_a2:focus-visible,
		.sitemap-gnb .mn_a3:hover,
		.sitemap-gnb .mn_a3:focus-visible {color:#fff000;text-decoration:underline;text-underline-position : under;}
	}
	
	@media screen and (max-width:1500px) {
		
		.inwrap-big {padding:0 4rem;}
		
		/* ---------- header ----------- */
		#logo img {width:260px;}
		.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;}		
		
		
		/* ---------- sitemap ----------- */
		.sitemap-inwrap {padding-left:4rem;padding-right:4rem;}
		
	}
	
	@media screen and (max-width:1300px) {
	
		
		.gnb-pc #gnb .depth2 {width:calc(100% - 21rem);left:21rem;}
	}
	
	
	
	/* ---------- mobile ----------- */
	@media screen and (max-width:1200px) {
		
		.inwrap-big {padding:0 2rem;} 
		.mbNone {display:none;}
		
		/* ---------- header ----------- */
		.header-inwrap {height:11rem;}
		
		.gnb-pc-depthbg {display:none !important}
		.header-login {display:none;}
		.gnb-pc {display:none;}
		
		.gnb-mb {display:flex;flex-direction:column;position:fixed;top:0;right:-30rem;bottom:0;height:100%;background:#fff;width:30rem;z-index:200;}
		.gnb-mb .header-login {display:block;margin:0;padding:0;}
		.gnb-mb .header-login .loginBox,
		.gnb-mb .header-login .logoutBox {width:100%;flex-wrap:wrap;gap:0;}
		.gnb-mb .header-login .user {display:block;width:100%;height:8rem;background:#2873dd;padding:0 3rem;text-align:left;}
		.gnb-mb .header-login .user span {display:block;width:100%;}
		.gnb-mb .header-login .mypage,
		.gnb-mb .header-login .logout {display:block;width:50%;background:var(--point-color);height:5rem;line-height:5rem;padding:0 3rem;text-align:center;}
		.gnb-mb .header-login .login,
		.gnb-mb .header-login .join {display:block;width:50%;background:#2873dd;height:8rem;display:flex;justify-content:center;align-items:center;padding:0 3rem;text-align:center;}
		.gnb-mb .header-login .login span {margin:0 auto 0 0;padding-right:0;display:inline-block;width:auto;}
		.gnb-mb .header-login a {color:#fff !important;}
		.gnb-mb .header-login-pop-cont a {color:#222 !important;}
		
		.gnb-mb #gnb {flex:1;overflow-y:auto;padding-bottom:5rem;}
		.gnb-mb #gnb .mn_a1 {display:block;width:100%;padding:2.5rem 3rem 2rem;border-bottom:1px solid #eeeeee;position:relative;}
		.gnb-mb #gnb .mn_a1:before {content:"";position:absolute;top:50%;right:3rem;margin-top:-4px;display:block;width:12px;height:7px;background:url(/barobaro/portal/img/Layout/gnb-mb-arrow.svg) no-repeat center center;}
		.gnb-mb #gnb .mn_a1 span {font-size:1.8rem;font-weight:500;font-family: 'GmarketSans', sans-serif;}
		.gnb-mb #gnb .depth2 {display:none;background:#f4f4f4;padding:3rem;border-bottom:1px solid #eeeeee;}
		.gnb-mb #gnb .depth3 {display:none;}
		.gnb-mb #gnb .mn_l2  + .mn_l2 {margin-top:2rem;}
		.gnb-mb #gnb .mn_a2 span {font-size:1.5rem;font-family: 'GmarketSans', sans-serif;padding-left:15px;position:relative;}
		.gnb-mb #gnb .mn_a2 span:before {content:"";position:absolute;top:5px;left:0;display:block;width:3px;height:3px;border-radius:50%;background:#222;}
		.gnb-mb #gnb .depth2-title {display:none;}
		
		.gnb-mb #gnb .mn_l1.over .mn_a1:before,
		.gnb-mb #gnb .mn_l1.active .mn_a1:before {transform:rotate(180deg);}
		.gnb-mb #gnb .mn_l1.active .depth2 {display:block;}
		.gnb-mb #gnb .mn_l1.over .mn_a1 span,
		.gnb-mb #gnb .mn_l1.active .mn_a1 span {color:var(--point-color);}
		.gnb-mb #gnb .mn_l2.active .mn_a2 span {color:var(--point-color);}
		.gnb-mb #gnb .mn_l2.active .mn_a2 span:before {background:var(--point-color);}
		
		.mbMenu-open {display:block;}
		.mbMenu-open .icon {display:block;}
		.mbMenu-open .icon i {display:block;background:#fff;height:0.2rem;margin-left:auto;}
		.mbMenu-open .icon i:nth-child(1) {width:3.2rem;margin-bottom:0.7rem;}
		.mbMenu-open .icon i:nth-child(2) {width:2.6rem;margin-bottom:0.7rem;}
		.mbMenu-open .icon i:nth-child(3) {width:3.2rem;}
		.header-wrap.scroll .mbMenu-open .icon i {background:#222;}
		
		.header-wrap.scroll .header-inwrap {height:7rem;}
		
		.sitemap-open {display:none;}
		
		.header-pop {top:8rem;z-index:150;}
		.header-pop.modify-pop{top:13rem;}
		.header-pop.modify-pop .header-login-pop-title{display:none;}
		
		.gnb-mb-bg {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.85);z-index:99}
		
		.gnb-pc-bg {display:none !important;}
		
		/* 애니메이팅 */
		.gnb-mb {transition:all .8s;}
		.gnb-mb.open {right:0;}
		
		.header-login:before {display:none;}
				
		/* ---------- footer ----------- */
		#footer .inwrap {padding:0 4rem;}
		.footer-top {display:block;padding-bottom:0;margin-bottom:3rem;border-bottom:none;}
		.fmanager-tit {margin-bottom:2rem;}
		.flink {gap:0;margin-bottom:3rem;align-items:stretch}
		.flink li {width:50%;}
		.flink li a {display:block;height:100%;border:1px solid #484a4f;border-top:none;margin-top:-1px;text-align:center;padding:2rem;line-height:160%;}
		.flink li:nth-child(1) a {border-radius:5px 0 0 0;border-top:1px solid #484a4f;}
		.flink li:nth-child(2) a {border-radius:0 5px 0 0;border-top:1px solid #484a4f;}
		.flink li:nth-last-child(2) a {border-radius:0 0 0 5px;}
		.flink li:nth-last-child(1) a {border-radius: 0 0 5px 0;}
		.flink li:nth-child(even) a {border-left:none;}
		
		.fmanager-lst li {padding-right:0.5em;}
		.fmanager-lst li:after {content:",";right:0;}
		
		
		/* ---------- sub ----------- */
		.subNav {position:relative;z-index:10;}
		.subNav .home {display:none;}
		.subNav:after,
		.subDepth3-inbox:after {display:none;}
		.subDepth {border-radius:10px 10px 0 0}
		
		.subHeader-top {display:block;position:relative;z-index:12;}
		.subHeader-title {height:30rem;text-align:center;}
		.subHeader-btn {position:absolute;bottom:4rem;right:2rem;}
		.subHeader-btn .viewer,
		.subHeader-btn .print {display:none;}
		.subHeader-title .stxt {max-width:25rem;margin:0 auto;}
		.subDepth {display:block;}
		.subDepth .sn_a1 {height:6.5rem;font-size:1.8rem;min-width:0;}
		.subDepth-siblings {top:6.5rem;}
		
		.subDepth3 {margin-top:-6.5rem;padding-top:6.5rem;}		
		.subDepth3-inbox {padding:2.6rem 3rem 2.4rem;min-height:6.5rem;}
		.subDepth3-inbox ul {gap:4rem;}
		.subDepth3-inbox a {font-size:1.8rem;}
		
		
		/* ---------- sub ----------- */
		.sitemap {display:none !important;}
	}
	@media screen and (max-width:980px) {
		.fileDown-list li {width:100%; float:none; margin-top:4px;}
		.fileDown-list li:nth-child(2n+2) {margin-left:0;}
		.fileDown-list li:nth-child(1) {margin-top:0;}
		.fileDown-list li:nth-child(2) {margin-top:4px;}
	}
	
	@media screen and (max-width:400px) {
		
		.sub-container {padding-top:4rem;}
		
		#logo img {width:220px;}
	}
	@media screen and (max-width:360px){
		.subHeader-btn {bottom:1.5rem;}
	}