@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scrollbar-gutter:stable;}
header, #footer, main, .all-menu-panel {font-family:"Pretendard Variable","Pretendard",sans-serif;color:#212121;background:#fff;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
button,input,select{font-family:inherit;}
img{max-width:100%;display:block;}
.inner-wrap{max-width:1200px;width:100%;margin:0 auto;position:relative;}
.only-pc{display:block!important;}
.only-mobile{display:none!important;}
@media(max-width:1024px){.only-pc{display:none!important;}.only-mobile{display:block!important;}}
#u_skip a{position:absolute;left:-9999px;top:4px;}
#u_skip a:focus{left:4px;z-index:9999;background:#21409a;color:#fff;padding:10px 16px;outline-color:red; outline-offset: 2px}
 a:focus, button:focus{outline:2px dashed #21409A;outline-offset:-2px;} 
.search-wrap input:focus, .quicklink-cards li>a:focus, .header-main.search-active .mobile-search-close:focus, .search-wrap .btn-search:focus, .header-mobile-icons button:focus, .finder-search-btn:focus, .totop:focus, .footer-select .find-link:focus, .footer-links a:first-child:focus {outline-color:red; outline-offset: 2px}
.main-banner a:focus, .main-banner button:focus 	{outline-color:red;}


.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
/* ===== header ===== */
header{position:sticky;top:0;left:0;z-index:999;background:#fff;width:100%;}
header.fixed{box-shadow:0 2px 10px rgba(0,0,0,.06);}
.masthead{background:#f8f9ff;height:32px;display:flex;align-items:center;}
.masthead .inner-wrap{display:flex;align-items:center;gap:8px;font-size:15px;color:#111;letter-spacing:-.3px;}
.masthead .inner-wrap:before{content:'';width:24px;height:24px;background:url('../images/main_2026/nuri.png') no-repeat 50% 50%;}
.header-main{background:#fff;padding:32px 0;}
.header-main>.inner-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.logo-area h1{font-size:0;}
.logo-area a{display:block;width:132px;height:61px;background:url('../images/main_2026/logo.png') no-repeat 0 0}
.search-wrap{display:flex;align-items:center;height:52px;width:100%;max-width:438px;background:#fff;border:2px solid #21409a;border-radius:15px;padding:0 0 0 15px;}
.search-wrap:focus-within{overflow:visible;}
.search-wrap input{flex:1;border:0;height:48px;font-size:17px;color:#333;letter-spacing:-.3px;}
.search-wrap input::placeholder{color:#666;font-weight:500;}
.search-wrap .btn-clear{width:26px;height:26px;border:0;border-radius:100%;margin-right:10px;background:url('../images/main_2026/search_closed.png') no-repeat 50% 50% #EAECEF;font-size:0;cursor:pointer;}
.search-wrap .btn-search{width:52px;height:52px;border:0;cursor:pointer;border-radius:0 14px 14px 0;font-size:0;background:url('../images/main_2026/search_ico.png') no-repeat 50% 50% #21409a;}
.header-login{display:flex;align-items:center;flex:0 0 auto;}
.header-login a, .header-login span{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px;font-size:16px;font-weight:700;color:#121212;white-space:nowrap;letter-spacing:0;line-height:normal;}
.header-login span	{color:#1d428e;}
.header-login a.H_logining {background-color: #ebf0fa;border-radius:40px;font-size: 15px;font-weight: 700;color: #1d428e;}
.header-login a:before	{content:'';width:20px;height:20px;background-position:0 50%;background-repeat:no-repeat;}
.header-login a.H_login:before	{background-image:url('../images/main_2026/H_login.png')}
.header-login a.H_join:before	{background-image:url('../images/main_2026/H_join.png')}
.header-login a.H_modify:before	{background-image:url('../images/main_2026/H_modify.png')}
.header-login a.H_mypage:before	{background-image:url('../images/main_2026/H_mypage.png')}
.header-login a.H_logout:before	{background-image:url('../images/main_2026/H_logout.png')}
.header-login a.H_logining:before{display:none;}
.header-mobile-icons{display:none;}
.mobile-search-close{display:none;}
.gnb{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;height:70px;position:relative;}
.gnb>.inner-wrap{height:70px;display:flex;align-items:center;justify-content:center;gap:60px;}
.gnb ul{display:flex;align-items:center;gap:60px;}
.gnb ul>li{position:relative;}
.gnb ul>li.active>a{color:#21409a;outline: 2px dashed #21409A;}
.gnb ul>li.active>a::after{background-image:url('../images/main_2026/menu_ico01_on.png');}
.gnb ul>li.active>a::before{width:100%;}
.gnb.open{box-shadow:0 12px 20px rgba(0,0,0,.08);}

/* ===== GNB 드롭다운(단일 카테고리) — Figma "pc_메뉴펼침" 기준 ===== */
.gnb-dropdown{display:none;position:absolute;left:0;right:0;top:100%;background:#F2F4FB;border-top:1px solid #eee;box-shadow:0 16px 24px rgba(0,0,0,.08);z-index:120;}
.gnb-dropdown.open{animation:gnbSlideDown .22s ease-out;}
@keyframes gnbSlideDown{from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:translateY(0);}}
@media(prefers-reduced-motion:reduce){.gnb-dropdown.open{animation:none;}}
.gnb-dropdown.open{display:block;}
.gnb-dropdown .inner-wrap{padding:40px 0;}
.gnb-dropdown-col{display:none;max-height:70vh;overflow-y:auto;}
.gnb-dropdown-title{font-size:26px;letter-spacing:-0.5px;font-weight:800;color:#121212;margin-bottom:25px;}
.gnb-dropdown-col.active{display:block;}
.gnb-dropdown-col .menu-list{display:flex;flex-wrap:wrap;gap:10px 20px;}
.gnb-dropdown-col .menu-list>li{width:284px;}
.gnb-dropdown-col .menu-list a{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:56px;padding:0 20px;border:1px solid transparent;border-radius:6px;background:#fff;font-size:16px;font-weight:500;color:#121212;letter-spacing:-.3px;box-sizing:border-box;}
.gnb-dropdown-col .menu-list a::after{content:'';flex:0 0 auto;width:5px;height:9px;background:url('../images/main_2026/menu_ico02.png') no-repeat 0 0;}
.gnb-dropdown-col .menu-list a:hover{border-color:#21409a;color:#21409a;font-weight:800;}
.gnb-dropdown-col .menu-list a:hover::after{background-image:url('../images/main_2026/menu_ico02_on.png');}
.gnb ul>li>a{position:relative;display:flex;align-items:center;gap:15px;font-size:18px;font-weight:700;color:#121212;letter-spacing:-.5px;line-height:70px;padding:0 10px 0 15px;}
.gnb ul>li>a::before{transition:all 0.2s ease;content:'';width:0;height:4px;background:#21409A;position:absolute;left:0;bottom:0;}
.gnb ul>li>a::after{content:'';width:24px;height:24px;background:url('../images/main_2026/menu_ico01.png') no-repeat 50% 50%;}
.gnb .all-menu-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:27px;height:19px;border:0;cursor:pointer;font-size:0;background:url('../images/main_2026/menu_all.png') no-repeat 50% 50%;}
.gnb .all-menu-btn.is-open{width:32px;height:32px;background:url('../images/main_2026/menu_closed.png') no-repeat 50% 50%;}

/* ===== footer ===== */
#footer{background:linear-gradient(90deg,#f9f9f9,#f8fafc);padding:60px 0 53px;}
.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;}
.footer-address{display:flex;flex-direction:column;gap:26px;width:615px;}
.footer-address .addr-row{display:flex;align-items:center;gap:40px;}
.footer-address .addr-row.add{align-items:flex-start;}
.footer-address .agency-logo{width:150px;height:39px;background:url('../images/main_2026/footer_logo01.png') no-repeat 0 0;font-size:0;}
.footer-address .addr-row.add .agency-logo{width:150px;height:50px;background-image:url('../images/main_2026/footer_logo02.png');}
.footer-address p{font-size:16px;color:#333;}
.footer-address .agency-info{display:flex;flex-direction:column;gap:10px;}
.footer-address .agency-info .bizline{display:flex;align-items:center;gap:10px;font-size:16px;color:#333;}
.footer-address .agency-info .bizline span+span{padding-left:10px;border-left:1px solid #ccc;}
.footer-select{display:flex;flex-direction:column;align-items:flex-end;gap:30px;width:480px;}
.footer-select .selects{display:flex;gap:5px;width:100%;}
.footer-select .select-box{position:relative;flex:1;min-width:0;}
.footer-select .select-box:first-child{flex:1.20;}
.footer-select .select-btn{position:relative;display:block;width:100%;height:48px;border:1px solid #999;border-radius:5px;padding:0 40px 0 15px;font-family:inherit;font-size:16px;color:#333;text-align:left;background:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.footer-select .select-btn::after{content:'';position:absolute;right:15px;top:50%;width:20px;height:20px;margin-top:-10px;background:url('../images/main_2026/select_ico.png') no-repeat 50% 50%/20px 20px;transition:transform .2s ease;}
.footer-select .select-btn[aria-expanded="true"]::after{transform:rotate(180deg);}
.footer-select .select-list{position:absolute;left:0;right:0;bottom:calc(100% + 4px);z-index:50;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #999;border-radius:5px;box-shadow:0 -8px 16px rgba(0,0,0,.08);padding:6px 0;}
.footer-select .select-list[hidden]{display:none;}
.footer-select .select-list a{display:block;padding:10px 15px;font-size:15px;color:#333;}
.footer-select .select-list a:hover{background:#f2f5ff;color:#21409a;}
.footer-select .find-link{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:#212121;}
.footer-select .find-link::after{content:'';width:16px;height:16px;background:url('../images/main_2026/footer_ico01.png') no-repeat 0 0;}
.footer-bottom{margin-top:45px;display:flex;flex-direction:column;gap:18px;}
.footer-links-row{border-top:1px solid #e5e5e5;padding-top:27px;display:flex;flex-direction:column;gap:7px;}
.footer-links{display:flex;align-items:center;gap:30px;font-size:17px;}
.footer-links a:first-child{font-weight:700;color:#21409a;text-decoration:underline;}
.footer-links a{color:#212121;}
.copyright{font-size:15px;color:#444;text-align:right;}
.footer-nuri{display:flex;align-items:center;gap:8px;background:#fff;height:35px;padding:0 15px;}
.footer-nuri p{display:flex;align-items:center;gap:8px;font-size:16px;color:#212121;}
.footer-nuri p:before{content:'';width:80px;height:21px;background:url('../images/main_2026/nuri_01.png') no-repeat 50% 50%;}

/* ===== floating quick ===== */
.floating-quick{position:fixed;right:80px;bottom:80px;z-index:500;display:flex;flex-direction:column;align-items:center;gap:18px;}
.floating-quick .chatbot{width:102px;height:78px;background:url('../images/main_2026/chat_ico01.png') no-repeat 0 0;font-size:0;}
.floating-quick .totop{width:56px;height:56px;margin-right:15px;border-radius:22px;background:url('../images/main_2026/chat_ico02.png') no-repeat 50% 50% #21409a;cursor:pointer;font-size:0;border:0;}

/* ===== 모바일 전체메뉴(풀스크린) — Figma "MOBILE) 메뉴" 프레임 기준 ===== */
.mobile-nav-panel{display:none;position:fixed;inset:0;z-index:2000;background:#fff;flex-direction:column;}
.mobile-nav-panel:not([hidden]){display:flex;}
body.nav-open{overflow:hidden;}
.mobile-nav-topbar{display:flex;align-items:center;gap:8px;height:32px;padding:0 16px;background:#f8f9ff;flex:0 0 auto;}
.mobile-nav-topbar p{font-size:12px;color:#111;}
.mobile-nav-loginrow{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:10px 20px;font-size:13px;color:#333;flex:0 0 auto;}
.mobile-nav-logorow{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 16px;border-bottom:1px solid #eee;flex:0 0 auto;}
.mobile-nav-close{width:44px;height:44px;border-radius:50%;border:0;background:#f0f0f2;color:#333;font-size:18px;cursor:pointer;flex:0 0 auto;}
.mobile-nav-body{flex:1 1 auto;display:flex;min-height:0;}
.mobile-nav-cats{flex:0 0 150px;background:#f5f6fb;overflow-y:auto;display:flex;flex-direction:column;}
.mobile-nav-cat{display:block;width:100%;text-align:left;border:0;background:none;padding:22px 20px;font-size:16px;font-weight:700;color:#212121;cursor:pointer;}
.mobile-nav-cat.active{background:#fff;color:#21409a;}
.mobile-nav-panels{flex:1 1 auto;overflow-y:auto;padding:24px 20px;}
.mobile-nav-col{display:none;}
.mobile-nav-col.active{display:block;}
.mobile-nav-col .menu-list a{display:block;padding:12px 0;font-size:16px;font-weight:500;color:#212121;}
.mobile-nav-col .has-sub>.sub-list{display:none;background:#f8f9ff;margin:4px 0 10px;padding:4px 14px;}
.mobile-nav-col .has-sub.open>.sub-list{display:block;}
.mobile-nav-col .sub-list a{display:block;font-size:14px;font-weight:400;color:#333;padding:10px 0;}

@media(max-width:1024px){
	.inner-wrap{padding:0;}
	.header-main{padding:0;}
	.header-main>.inner-wrap{flex-wrap:wrap;padding:0 0 11px;justify-content:flex-start;gap:0;}
	.header-login{order:-1;flex:0 0 100%;justify-content:flex-end;gap:16px;padding:5px 20px;border-bottom:1px solid #E5E5E5;margin-bottom:10px;background:#fff;}
	.header-login a{height:auto;padding:0;font-size:13px;gap:4px;}
	.header-login a .ico{display:none;}
	.header-main .logo-area{order:1;margin-left:20px;}
	.logo-area a{width:108px;height:44px;background-size:auto 100%;}
	.search-wrap{display:none;order:1;flex:1 1 auto;width:auto;height:44px;padding:0 2px 0 15px;}
	.search-wrap input{font-size:15px;height:38px}
	.search-wrap .btn-clear{width:22px;height:22px;font-size:0;margin-right:0;}
	.search-wrap .btn-search{width:40px;height:40px;background:url('../images/main_2026/search_ico_mo.png') no-repeat 50% 50% #fff;border-radius:0 10px 10px 0}
	.header-mobile-icons{display:flex;align-items:center;gap:4px;order:2;margin-left:auto;margin-right:20px;}
	.header-mobile-icons button{width:38px;height:38px;border-radius:15px;border:0;font-size:0;cursor:pointer;background:url('../images/main_2026/search_ico.png') no-repeat 50% 50% #21409a;background-size:45% auto;}
	.header-mobile-icons button:nth-child(2)	{background-image:url('../images/main_2026/menu_all_mo.png');background-size:60% auto; }
	/* 전체메뉴가 열리면 검색 버튼은 숨기고, 메뉴 버튼은 회색 원형 닫기(X) 아이콘으로 전환 — Figma "MOBILE) 메뉴" 기준 */
	body.allmenu-open .header-mobile-icons #mobileSearchBtn{display:none;}
	.header-mobile-icons #mobileMenuBtn.is-open{background:url('../images/main_2026/menu_closed.png') no-repeat 50% 50% #e4e4e4;background-size:40% auto;}
	/* 검색 닫기 아이콘 — Figma "MOBILE) 검색"은 배경 없는 단순 아이콘 */
	.mobile-search-close{order:2;flex:0 0 auto;width:20px;height:20px;border:0;background:none;position:relative;font-size:0;cursor:pointer;}
	/* 검색 활성 상태 — Figma "MOBILE) 검색": 로고+아이콘 자리가 검색창(+닫기 X)으로 치환. 좌우 20px는 search-wrap/close-button 각각의 margin으로 대칭 처리 (search-active의 파란 배경이 margin 영역에 그대로 비치도록 padding이 아닌 margin 사용) */
	.header-main.search-active .logo-area,
	.header-main.search-active .header-mobile-icons{display:none;}
	.header-main.search-active .search-wrap{display:flex;padding:0 0 0 15px;margin-left:20px;border:none;}
	.header-main.search-active .mobile-search-close{display:block;margin-left:8px;margin-right:20px;}
	.header-main.search-active{background:#21409a;}
	.mobile-search-close::before,
	.mobile-search-close::after{content:'';position:absolute;top:50%;left:50%;width:22px;height:2px;background:#fff;border-radius:1px;}
	.mobile-search-close::before{transform:translate(-50%,-50%) rotate(45deg);}
	.mobile-search-close::after{transform:translate(-50%,-50%) rotate(-45deg);}

	.gnb{height:auto;border-top:0;}
	.gnb>.inner-wrap{display:none;}
	.masthead .inner-wrap{padding:0 14px;font-size:12px;}

	/* 푸터 */
	#footer{padding:0 0 24px;}
	.footer-top{flex-direction:column;gap:24px;}
	.footer-select{display:contents;}
	.footer-select .selects{order:-3;width:100%;margin:0;gap:0;}
	.footer-select .selects .select-btn{height:44px;border:1px solid #dfdfdf;border-radius:0;padding:0 40px 0 15px;font-size:12px;letter-spacing:-.5px;}
	.footer-select .selects .select-box:first-child{flex:1;margin-right:-1px;}
	.footer-select .selects .select-list{border-radius:0;border-color:#dfdfdf;}
	.footer-select .select-list a{padding:12px 15px;font-size:13px;letter-spacing:-.5px;}
	.footer-address{order:-2;width:100%;gap:20px;padding:0 20px;}
	.footer-address .addr-row{flex-wrap:wrap;gap:16px;}
	.footer-select .find-link{order:-1;justify-content:flex-start;font-size:15px;margin-left:20px;}
	.footer-select .find-link::after{width:12px;height:12px;background-size:100% auto;}
	.footer-bottom{margin-top:30px;padding:0 20px;}
	.footer-links-row	{padding-top:20px;}
	.footer-links{flex-wrap:wrap;padding-bottom:20px;gap:14px 20px;font-size:14px;justify-content: center;border-bottom:1px solid #e5e5e5;}
	.copyright{text-align:center;font-size:13px;}
	.footer-nuri p{font-size:12px;}
	.footer-nuri p:before	{width:60px;height:16px;background-image:url('../images/main_2026/nuri_01_mo.png')}

	/* 플로팅 퀵메뉴 */
	.floating-quick{right:16px;bottom:16px;gap:0px;}
	.floating-quick .chatbot{width:62px;height:67px;background-image:url('../images/main_2026/chat_ico01_mo.png');background-size:100% auto;}
	.floating-quick .totop{width:46px;height:46px;border-radius:18px;background-size:auto 20px;}
}

@media(max-width:640px){
	.footer-bottom	{margin-top:15px;}
	.footer-links-row	{padding-top:10px;}
	.footer-links{padding-bottom:10px;}
	.footer-address .agency-logo, .footer-address .addr-row.add .agency-logo	{width:100%;height:25px;background-size:auto 100%;}
	.footer-address p, .footer-address .agency-info .bizline, .footer-links	{font-size:11px;}
	.copyright	{font-size:10px;}
	.floating-quick .chatbot{width:38px;height:42px;}
	.floating-quick .totop{width:34px;height:34px;border-radius:14px;background-size:auto 15px;margin-right:0;}
}
/* ===== 전체메뉴(데스크톱 메가메뉴) — Figma "전체메뉴"(pc_전체메뉴) 프레임 기준 ===== */
.all-menu-overlay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(20,20,30,.45);z-index:1100;}
.all-menu-overlay.open{display:block;}
.all-menu-panel{display:none;position:fixed;left:0;right:0;z-index:1101;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12);}
.all-menu-panel.open{display:block;}
.all-menu-panel .inner-wrap{padding:36px 0 48px;max-height:80vh;overflow-y:auto;}
.all-menu-cols{display:grid;grid-template-columns:repeat(4,1fr);row-gap:40px;padding:20px 0 80px;}
.menu-col{min-width:0;padding:0 25px;}
.menu-col:nth-child(4n+1){padding-left:0;}
.menu-col h2{margin-bottom:0;}
.menu-col h2 button{border:0;margin:0;padding:0;font:inherit;cursor:pointer;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#f9f9f9;height:55px;border-radius:5px;font-size:20px;font-weight:800;color:#111;letter-spacing:-.4px;}
.menu-col .menu-list{display:flex;flex-direction:column;gap:20px;padding-top:25px;}
.menu-col .menu-list>li{width:100%;}
.menu-col .menu-list a{display:flex;align-items:center;width:100%;font-size:17px;font-weight:500;color:#333;letter-spacing:-0.03em;line-height:1.4;box-sizing:border-box;}
.menu-col .menu-list a::before{content:'ㆍ';flex:0 0 auto;color:#888;font-weight:900;margin-right:6px;}
.menu-col .menu-list a:hover{color:#21409a;}
.menu-col .has-sub>.acc-toggle[aria-expanded="true"]{color:#21409a;}
.menu-col .has-sub>.acc-toggle[aria-expanded="true"]>span{text-decoration:underline;}
.menu-col .acc-toggle::after{content:'';transition:transform .2s ease;margin-left:auto;width:20px;height:20px;background:url('../images/main_2026/menu_ico03.png') no-repeat 50% 50%;}
.menu-col .has-sub.open>.acc-toggle::after{transform:rotate(180deg);}
.menu-col .has-sub>.sub-list{display:none;flex-direction:column;gap:12px;padding:0 15px;margin:12px 0 0;font-size:16px;letter-spacing:-.48px;}
.menu-col .has-sub.open>.sub-list{display:flex;}
.menu-col .sub-list>li>a{font-size:16px;font-weight:600;color:#555;letter-spacing:-.48px;}
.menu-col .sub-list .sub-list{padding-left:12px;margin-top:10px;gap:10px;}
.menu-col .sub-list .sub-list>li>a{font-weight:400;color:#555;font-size:16px;}
.menu-col .sub-list .sub-list>li>a::before{content:'- ';color:#555;font-weight:400;}
body.allmenu-open{overflow:hidden;}
@media(max-width:1024px){
	.gnb-dropdown{display:none!important;}

	/* 전체메뉴 — 모바일에서는 Figma "MOBILE) 메뉴"처럼 풀스크린 + 좌측 탭/우측 리스트 2단 구조로 전환 (PC와 동일 마크업, display:contents로 재배치) */
	.all-menu-panel{bottom:0;z-index:2000;}
	.all-menu-panel.open{display:flex;flex-direction:column;}
	.all-menu-overlay.open{display:none;}


	.all-menu-panel .inner-wrap{flex:1 1 auto;min-height:0;max-height:none;padding:0;overflow:hidden;}
	.all-menu-cols{display:grid;grid-template-columns:150px 1fr;grid-template-rows:repeat(5,50px) 1fr;height:100%;row-gap:0;padding:0;background:linear-gradient(to right,#f5f6fb 150px,#fff 150px);}
	.menu-col{display:contents;}
	.menu-col:nth-child(1) h2{grid-row:1;}
	.menu-col:nth-child(2) h2{grid-row:2;}
	.menu-col:nth-child(3) h2{grid-row:3;}
	.menu-col:nth-child(4) h2{grid-row:4;}
	.menu-col:nth-child(5) h2{grid-row:5;}
	.menu-col h2{grid-column:1;}
	.menu-col h2 button{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;background:#f5f6fb;border-radius:0;padding:0 20px;font-size:16px;font-weight:700;color:#212121;letter-spacing:-.3px;cursor:pointer;text-align:left;box-sizing:border-box;}
	.menu-col.mobile-open>h2>button{background:#fff;color:#21409a;}
	.menu-col .menu-list{grid-column:2;grid-row:1/7;display:none;flex-direction:column;padding:24px 20px;overflow-y:auto;align-content:flex-start;}
	.menu-col.mobile-open>.menu-list{display:flex;}

	/* 모바일 전체메뉴는 2뎁스까지만 노출 — 3뎁스 이하(has-sub의 하위 목록)는 항상 숨김, 화살표 아이콘도 숨김 */
	.menu-col .acc-toggle::after{display:none;}
	.menu-col .has-sub>.sub-list,
	.menu-col .has-sub.open>.sub-list{display:none!important;}
	.menu-col .has-sub>.acc-toggle{color:#333;}
	.menu-col .has-sub>.acc-toggle>span{text-decoration:none;}
}

/* ===== 모바일 전체메뉴 하위메뉴 아코디언 화살표 회전 ===== */
.mobile-nav-col .acc-arrow{color:#999;transition:transform .2s ease;}
.mobile-nav-col .has-sub.open>.acc-toggle .acc-arrow{transform:rotate(90deg);}

/* 2019-09-26 add 로그아웃타임 */
#header .topMenu-time {position:relative;font-family:'Malgun Gothic';float:left;line-height:50px;padding-right:20px;font-size:17px;font-weight:bold;color:#fff;padding-left:28px;letter-spacing:0.8px}
#header .topMenu-time:before {position:absolute;top:15px;left:0;content:'';width:20px;height:20px;background:url(/static/support/images/common/ico-time.png) no-repeat 0 0;}
#header .topMenu-time a {display:inline-block;margin-left:10px;font-weight:bold;padding:0 10px;line-height:23px;color:#2452a7;font-size:14px;background:#fff;border-radius:5px;}

/* 2019-09-26 add 로그아웃타임팝업 */
.time_popup	{position:absolute;display:block;width:495px;height:435px;left:50%;top:50%;background:#fff;margin-left:-247px;margin-top:-217px}
.time_popup	h4	{line-height:50px;font-size:20px;font-weight:bold;padding-left:20px;display:block;background:#28292d;color:#fff;box-sizing:border-box;}
.time_popup > div	{position:relative;width:100%;height:100%;padding:30px;box-sizing:border-box}
.time_popup .info	{text-align:center;font-size:26px;font-weight:bold;color:#000}
.time_popup .info_time	{display:block;width:100%;line-height:68px;text-align:center;background:#f7f7fe;color:#5d5d5d;font-size:20px;margin:15px 0;font-weight:bold}
.time_popup .info_time span	{color:#2452a7;font-size:32px}
.time_popup ul	{margin-top:20px}
.time_popup ul li	{position:relative;line-height:20px;padding:5px 0 5px 8px;color:#3f4046;font-size:15px}
.time_popup ul li:before	{position:absolute;top:13px;left:0;width:2px;height:2px;content:'';background:#3f4046}
.time_popup .brn_area	{width:100%;margin-top:20px;text-align:center}
.time_popup .brn_area .btn1, .time_popup .brn_area .btn2{width:45%;display:inline-block;line-height:50px;font-size:17px;font-weight:bold;text-align:center;background:#2452a7;color:#fff;border-radius:10px}
.time_popup .brn_area .btn2{background:#6b6d70;margin-left:10px}
.time_popup .brn_area .width1	{width:135px}
.time_popup .info.out	{font-size:26px;font-weight:normal}
.time_popup .bg1	{background:#f7f7fe;padding:20px}
.time_popup .bye	{font-size:18px;color:#3f4046;text-align:center;margin:20px 0;font-weight:bold}
.time_popup .closed	{position:absolute;top:-35px;right:15px;width:16px;height:16px;background:url(/static/support/images/common/ico-closed.png) no-repeat 0 0;font-size:0}
.time_popup .today	{position:absolute;bottom:55px;left:0;width:100%;height:35px;font-size:16px;text-align:center;padding:0 20px;}
@media(max-width:500px){
	.time_popup	{width:calc(100% - 40px);left:20px;top:100px;margin:0 !important;}
	.menu-col.mobile-open>.menu-list	{padding:15px 10px;}
	.menu-col .menu-list a	{font-size:15px;}
	.menu-col .menu-list a:before	{margin-right:2px;}
}
/*팝업*/
#wrap.pop-wrap { min-width:inherit; width:100%;}
.modalbox { margin:0 auto;}
.modalbox-head { position:relative; padding:10px; font-size:16px; font-weight:bold; color:#fff; border:1px solid #3570c0; background:#417bcb;}
.btn-modalclose { position:absolute; top:11px; right:10px; display:block; width:20px; height:20px; background:url(../images/common/btn-modalclose.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; transition:all 0.3s ease;}
.btn-modalclose:hover, .btn-modalclose:focus { transform:rotate(90deg);}
.modalbox-body { padding:10px; border:1px solid #eee; border-top:none;}
.modalbox-foot { padding:8px 10px; border:1px solid #eee; border-top:none; background:#f9f9f9;text-align:right;}
/*//팝업*/
/*부트스트랩모달*/
.modal-content { border-radius:0;}
.modal-header {border:1px solid #3570c0; background:#417bcb; padding:10px;}
.modal-title {font-size:16px; font-weight:bold; color:#fff; }
.modal-body { padding:10px;}
.modal-footer { padding:10px; border:1px solid #eee; border-top:none; background:#f9f9f9;}
/*//부트스트랩모달*/
.btn { display:inline-block; padding:7px 10px; margin:1px; font-size:13px; text-align:center; vertical-align:middle; white-space:nowrap; border-radius:2px; cursor:pointer;}
.btn:hover { text-decoration:none !important;}
	/*버튼사이즈*/
	.btn-xs { font-size: 11px; padding: 1px 5px;}
	.btn-sm { font-size: 12px; padding: 4px 7px;}
	.btn-gray { color:#fff !important; border:1px solid #6b6d70; background:#6b6d70; }
	.btn-gray:hover, .btn-gray:focus, .btn-gray.active { color:#fff !important; border:1px solid #6b6d70; background:#6b6d70;}
	.btn-blue { color:#fff !important; border:1px solid #21409a; background:#21409a; }