@charset "UTF-8";
/* CSS Document */
.skip a { position:absolute; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); width:100%; height:40px; text-align:center; font-size:0.9em; color:#fff; z-index:100; line-height:40px; top:-40px; opacity:0; }

h2, h3, h4, h5 { font-family:S-coreDream; font-weight:800; }

/*table title, form title 숨기기*/
legend, caption, .hidden { visibility:hidden; position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }
.ui-widget.ui-widget-content { z-index:1 !important; }

/*header*/
.header { width:100%; position:fixed; top:0; left:0; z-index:9; background:rgba(255,255,255,0); backdrop-filter:blur(0); -webkit-backdrop-filter:blur(0); transition:all 0.2s cubic-bezier(.22, .61,.36, 1); border-bottom:1px solid #ededed; }
.header::after { content:''; display:block; width:100%; height:1px; background:#ededed; position:absolute; top:90px; left:0; opacity:0; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.header:has(.gnb.on)::after {opacity:1;}
.header .header_content { width:100%; height:100%; position:relative; display:flex; justify-content:center; align-items:center; padding:0 3em; }
.header h1 { position:absolute; top:24px; left:2em; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.header h1 a { width:120px; height:40px; display:inline-block; background:url(/images/center/logo.svg) 0% 50% / contain no-repeat; transition:width 0.2s cubic-bezier(.22, .61,.36, 1), height 0.2s cubic-bezier(.22, .61,.36, 1); }

/*gnb*/
.gnb { display:inline-block; text-align:left; z-index:2; }
.gnb > ul { display:flex;}
.gnb li { display: inline-block; }
.gnb li.depth1 > a { color:var(--gnb); cursor:pointer; white-space:nowrap; padding:0 30px; height:90px; display:flex; align-items:center; font-size:1.1em; font-weight:700; position:relative;transition:all 0.3s;}
.gnb li.depth1 > a::after { width:0%; height:2px; position:absolute; left:50%; bottom:0; content:''; transform:translate(-50%,0); background:var(--main); opacity:1; display:block; transition:all 0.2s;}
.gnb li.depth1.active > a { opacity:1; color:var(--main); }
.gnb li.depth1.active > a::after { opacity:1; background:var(--main); }
.gnb li.depth1.on > a::after,
.gnb li.depth1.active > a::after { width:calc(100% - 60px);}

.gnb li .submenu_wrap { height:0; opacity:0; width:100%; pointer-events:none; padding:0px 20px; border-right:1px solid #ededed; text-align:left; z-index:1; transition:all 0s cubic-bezier(.22, .61,.36, 1); }
.gnb.on .submenu_wrap { height:calc(100% - 160px); opacity:1; pointer-events:auto; margin:30px 0px; transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.gnb li:last-child .submenu_wrap { border-right:none; }

.gnb li .depth2 { width:100%; position:relative; display:flex; flex-direction:column; gap:15px; }
.gnb li .depth2 li { display:inline-flex; justify-content:flex-start; align-items:flex-start; text-align:left; white-space:nowrap; position:relative;}
.gnb li .depth2 li a { font-size:13px; font-weight:600; color:#767676; line-height:1.1em; transition:none; }
.gnb li .depth2 li a:hover { color:#000; }
.gnb li .depth2 li.active > a { color:var(--main) !important; }

.header_util { position:absolute; line-height:1em; top:34px; right:2em; z-index:3; display:inline-flex; align-items:center; gap:20px; transition:all 0.3s cubic-bezier(.22, .61,.36, 1);}
.header_util .meminfo { font-size:13px; color:var(--gnb); font-weight:700; }
.header_util ul { display:inline-flex; align-items:center; gap:20px; }
.header_util ul li { display:inline-flex; align-items:center; position:relative; } 
.header_util ul li a { font-size:15px; color:var(--gnb); font-weight:600; position: relative; }
.header_util ul li a:hover { color:#999; transition:all 0.2s; }
.header_util ul li a .icon { font-size:16px; font-weight:500; }
.header_util ul li.tootip_on .tooltip { display:block; animation:balloonTop 0.3s both cubic-bezier(.22, .61,.36, 1); }

.sitemap { position:fixed; top:0; left:100%; width:100%; height:100%; z-index:998; display:none; transition:all 0.5s; background:#fff; }
.sitemap .logo { position:absolute; top:50px; left:50px; z-index:2; }
.sitemap .logo a { width:150px; display:inline-block; }
.sitemap .logo a img { width:100%; }
.sitemap .btn_close { position:absolute; top:50px; right:50px; width:25px; height:25px; color:#666; z-index:9; }
.sitemap.active { display:flex; justify-content:flex-end; animation:sitemap 1s both cubic-bezier(.22, .61,.36, 1);  }
.sitemap_content { width:70%; height:100%; overflow-y:auto; z-index:2; }
.sitemap_list { width:100%; display:flex; justify-content:center; padding:8em 8em 8em 0; }
.sitemap_list::-webkit-scrollbar-thumb { border-radius:50px; background-color:#333;}
.sitemap_list > ul { width:100%; display:flex; flex-direction:column; }
.sitemap_list ul li a { display:inline-block; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.sitemap_list .depth1 { display:flex; flex-direction:column; border-bottom:1px solid #ededed; padding:3em 0; animation:fadeLeft 1.3s both cubic-bezier(.22, .61,.36, 1); }
.sitemap_list .depth1:nth-child(1) { animation-delay:0.3s; }
.sitemap_list .depth1:nth-child(2) { animation-delay:0.5s; }
.sitemap_list .depth1:nth-child(3) { animation-delay:0.7s; }
.sitemap_list .depth1:nth-child(4) { animation-delay:0.9s; }
.sitemap_list .depth1:nth-child(5) { animation-delay:1.1s; }
.sitemap_list .depth1:nth-child(6) { animation-delay:1.3s; }
.sitemap_list .depth1 strong { width:100%; position:relative; color:#000; font-size:2.4rem; font-weight:700; margin-bottom:2rem; }
.sitemap_list .depth1:first-child { padding-top:0; }
.sitemap_list .depth1:last-child { border-bottom:none; padding-bottom:0; }
.sitemap_list .depth2 { width:100%; display:flex; flex-direction:column; gap:1em; }
.sitemap_list .depth2 > li {  }
.sitemap_list .depth2 li a { font-size:1.4em; color:#767676; font-weight:700; position:relative; }
.sitemap_list .depth2 li a::after { width:0%; height:1px; position:absolute; left:50%; bottom:3px; content:''; transform:translate(-50%,0); background:#000; display:block; transition:all 0.2s  cubic-bezier(.22, .61,.36, 1);}
.sitemap_list .depth2 li.active > a { color:var(--main) !important; }
.sitemap_list .depth3 { margin-top:15px; display:flex; flex-direction:column; gap:10px; }
.sitemap_list .depth3 li a { font-size:1em; color:#a1a09e; font-weight:700; }
.sitemap_list .depth3 li a::after { bottom:3px; background:#757575; }
.sitemap_list .depth1 ul a:hover::after { width:100%; }
html:has(.sitemap.active), body:has(.sitemap.active) { overflow:hidden; }

.sitemap_list .depth1:hover > a { color:#6b6652; }
.sitemap_list .depth1:hover > .depth2 li a { color:#2b241f; }
.sitemap_list .depth1:hover > .depth3 li a { color:#575551; }

.sitemap .header_util { top:150px; left:50px; right:auto; }
.sitemap .header_util ul { align-items:flex-start; flex-direction:column; gap:40px; }
.sitemap .header_util ul li a, .sitemap .header_util ul li p { color:#000 !important; font-size:2em; font-weight:800; }
.sitemap .header_util ul li a:hover { color:var(--main) !important; }
.sitemap .header_util ul li p { font-size:1.1rem; }

/*통합검색*/
.header_search { width:100%; height:100vh;position:fixed; top:0; left:0; z-index:999; display:none; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); background:rgba(0,0,0,0.8); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px);}
.header_search.open { display:block; animation:fadeIn 0.3s both cubic-bezier(.22, .61,.36, 1);}
.header_search .header_search_content { width:100%; padding:3em 0; background:#fff; }
.header_search .inner { width:1000px !important; padding:0; margin:0 auto; }
.header_search_form { display:flex; }
.header_search_form .inputText { width:calc(100% - 60px); height:60px; border:none; background:none; box-shadow:none; font-weight:600; font-size:1.5em; }
.header_search_form .btn_search { width:60px; height:60px; font-size:1.5em; color:#000; background:none; border-radius:7px; }
.header_search_form .btn_search:hover { background:#f4f4f4; }

/* The Close Button */
.header_search .btn_close { position:absolute; top:30px; right:30px; width:25px; height:25px; color:#000; display:inline-block; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); padding:0; border:none; }

.tooltip { background:#000; color:#fff; padding:7px 7px; line-height:1em; font-size:10px; font-weight:600; border-radius:8px; position:absolute; z-index:1; white-space:nowrap; transition:all 0.2s; top:28px; left:50%; display:none; transform:translateX(-50%); }
.tooltip::after { width:0; height:0; border:5px solid transparent; border-top:7px solid #000; content:''; display:inline-block; position:absolute; top:-10px; left:50%; transform: rotate(180deg) translateX(50%); }

.tooltip.top { top:auto; bottom:24px; }
.tooltip.top::after { top:auto; bottom:-11px; border:5px solid transparent; border-top:7px solid #000; transform: rotate(0deg) translateX(-50%); }

.main_container .header { background:rgba(255,255,255,0); border-bottom:1px solid rgba(255,255,255,0);}
.main_container .header h1 a { background:url(/images/center/logo_white.svg) 0% 50% / contain no-repeat; }
.main_container .header_util ul li a,
.main_container .gnb li.depth1 > a,
.main_container .header_util .meminfo { color:var(--maingnb); }

.main_container .gnb li.depth1 > a { opacity:1; }

.sub_container.member .header { background:rgba(255,255,255,1); border-bottom:1px solid #ededed;}
.sub_container.member .header h1 a { background:url(/images/center/logo.svg) 0% 50% / contain no-repeat; }
.sub_container.member .header_util ul li a,
.sub_container.member .gnb li.depth1 > a,
.sub_container.member .header_util .meminfo { color:#000; }
.sub_container.member .header_util ul li a:hover { color:#999; }
.sub_container.member .gnb li.depth1 > a { opacity:1; }

.header.scroll .gnb li.depth1 > a::after,
.header.on .gnb li.depth1 > a::after,
.main_container .gnb li.depth1 > a::after,
.sub_container.member .gnb li.depth1 > a::after { opacity:1; }

.header.scroll { background:rgba(255,255,255,1); border-bottom:1px solid #ededed; }
.header.scroll h1 { top:14px; }
.header.scroll::after { top:70px; }
.header.scroll .gnb li .submenu_wrap { top:70px; }
.header.scroll .gnb li.depth1 > a { height:70px; font-size:17px; }
.header.scroll .gnb li.depth1.active > a { color:var(--main); }
.header.scroll h1 a { width:120px; height:40px; background:url(/images/center/logo.svg) 0% 50% / contain no-repeat; }
.header.scroll .tooltip.top { font-size:9px; padding:5px; bottom:20px; }
.header.scroll .tooltip.top::after { display:none; }
.header.scroll .header_util { top:24px; }
.header.scroll .header_util ul li a,
.header.scroll .gnb li.depth1 > a,
.header.scroll .header_util .meminfo { color:#000; }
.header.scroll .header_util ul li a:hover { color:#999; }
.header.scroll .gnb li.depth1.active > a::after { background:var(--main); }

.header.on { background:rgba(255,255,255,1); border-bottom:1px solid #ededed; }
.header.on h1 a { background:url(/images/center/logo.svg) 0% 50% / contain no-repeat; }
.header.on .header_util ul li a,
.header.on .gnb li.depth1 > a,
.header.on .header_util .meminfo { color:#000; }
.header.on .gnb li.depth1.active > a { color:var(--main); }
.header.on .header_util ul li a:hover { color:#999; }
.header.on .gnb li.depth1.active > a::after { background:var(--main); }

.header:hover { background:rgba(255,255,255,1); border-bottom:1px solid #ededed; }
.header:hover h1 a { background:url(/images/center/logo.svg) 0% 50% / contain no-repeat; }
.header:hover .header_util ul li a,
.header:hover .gnb li.depth1 > a,
.header:hover .header_util .meminfo { color:#000; }
.header:hover .gnb li.depth1.active > a { color:var(--main); }
.header:hover .header_util ul li a:hover { color:#999; }
.header:hover .gnb li.depth1.active > a::after { background:var(--main); }


/**************************************************************  footer  **************************************************************/

.footer { padding:3rem 0; color:#fff; font-weight:700; background:#000; position:relative; }
.footer .inner { display:flex; justify-content:space-between; }
.footer_list { display:inline-flex; align-items:center; flex-wrap:wrap; line-height:1em;  }
.footer_list li a { color:#fff; display:inline-block; position:relative; padding:1px 0 2px; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.footer_list li a:hover { color:var(--orange); }
.footer_list li dl { display:flex; gap:5px; }
.footer_list li::after { content: ''; display:inline-block; width:1px; height:12px; background:#666; margin:0px 14px -2px;}
.footer_list li:last-child::after { display:none; }

.copyright { color:#fff; }

.skip_top { position:fixed; bottom:30px; right:30px; width:50px; height:50px; border-radius:100px; border:1px solid #ededed; box-shadow:rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 25%) 0px 10px 20px -5px, rgb(0 0 0 / 30%) 0px 10px 20px -10px; overflow:hidden; z-index:9; transition:all 0.3s; opacity:0; transform:translateY(20px); pointer-events:none; }
.skip_top::before, .skip_top::after { content:"\ea3a"; font-family:'icomoon' !important; font-size:1.3em; font-weight:300; position:absolute; display:inline-block; left:50%; transform: translate(-50%, -50%); pointer-events: none; }
.skip_top::before { top:50%; }
.skip_top::after { top:150%; }
.skip_top:hover { box-shadow:rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 40%) 0px 10px 20px -5px, rgb(0 0 0 / 50%) 0px 10px 20px -10px; border-color:#333; }
.skip_top:hover::before { top:-150%;transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.skip_top:hover::after { top:50%;transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.skip_top.fix { opacity:1; transform:translateY(0px); pointer-events:auto;}

.skip_right { width:50px; height:50px; border-radius:100px; position:relative; border:1px solid #ededed; color:var(--main); background:#f4f4f4; overflow:hidden; z-index:9; transition:all 0.3s; }
.skip_right::before, .skip_right::after { content:"\ea3c"; font-family:'icomoon' !important; font-size:1.3em; font-weight:300; position:absolute; display:inline-block; top:50%; transform: translate(-50%, -50%); pointer-events: none; }
.skip_right::before { left:50%; }
.skip_right::after { left:-150%; }
.skip_right:hover { box-shadow:rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 40%) 0px 10px 20px -5px, rgb(0 0 0 / 50%) 0px 10px 20px -10px; }
.skip_right:hover::before { left:150%;transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.skip_right:hover::after { left:50%;transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }

/**************************************************************  sub page  **************************************************************/

/* content width 설정 */
.main_container .inner { width:1600px; }
.inner { width:1700px; margin:0 auto; box-sizing:border-box;transition:all 0.3s; }
.sub_container { font-size:17px; line-height:2em; }
.sub_container.member::after { display:none; }
.contaniner .inner { width:1400px; }
.sub_container .content_wrap { display:flex; justify-content:space-between; align-items:flex-start; position:relative; z-index:1; padding:170px 0 100px; min-height:calc(100vh - 120px); }
.sub_container .content { width:calc(100% - 340px); padding:0 0 0 50px; position:relative; }
.sub_container .content h3 { font-size:1.6em; margin-bottom:1em; }
.sub_container .content_wrap.login { width:400px; margin:0 auto; }
.sub_container .content_wrap.signin { width:800px; margin:0 auto; }

.member .sub_title { justify-content:center; }
.member .sub_title strong { font-weight:900;}
.sub_title {width:100%; display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:50px; }
.sub_container .content .sub_title h3 { margin-bottom:0; font-size:2em; font-weight:800; }

.breadcrumb { font-family:N-SquareNeo; position:relative; z-index:2; }
.breadcrumb ul { display:flex; font-size:13px; }
.breadcrumb ul li { display:inline-flex; align-items:center; position:relative; line-height:1em; }
.breadcrumb ul li::after { margin:0 10px; font-weight:400; content:'\e91e'; color:#ccc; font-family:'icomoon' !important; display:inline-block; font-size:10px; opacity:0.7; }
.breadcrumb ul li a { color:#131313; font-weight:600; position:relative; line-height:1em; white-space:nowrap; }
.breadcrumb ul li a:hover { text-decoration:underline; }
.breadcrumb li.home a::after,
.breadcrumb ul li:last-child::after { display:none; }

.leftmenu { width:320px; border-radius:30px; position:relative; }
.leftmenu .title { overflow:hidden; height:180px; color:#fff; border-radius:25px 25px 0 0; background:linear-gradient(93deg, #f17d2a 0%, #d93b00 100%); position:relative; display:flex; align-items:center; justify-content:center; animation:bg 20s both infinite; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.leftmenu .title::after { content:''; width:90%; height:70px; display:block; position:absolute; top:42%; left:50%; transform:translate(-50%,-50%); background:url(/images/center/symbol.svg) 50% 50% / cover no-repeat; }
.leftmenu .title h2 { font-size:1.7rem; margin-bottom:1rem; font-weight:800; position:relative; z-index:1; }

.leftmenu .submenu_wrap > ul {display:flex; flex-direction:column; }
.leftmenu .depth1 { position:relative; }
.leftmenu .depth1 a { position:relative; z-index:1; width:100%; display:block; border-radius:10px; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
/*.leftmenu .depth1::before { width:100%; height:1px; content:''; display:block; background:#ededed; position:absolute; bottom:0; left:0; }*/
.leftmenu .depth1 a::after { font-family:'icomoon' !important; font-size:12px; display:flex; justify-content:center; align-items:center; width:10px; height:10px; position:absolute; right:15px; top:50%; transform:translateY(-50%); }
.leftmenu .depth1 > a.blank::after { content:'\e93e'; }
.leftmenu .depth1.on > a,
.leftmenu .depth1 > a:hover { background:#f4f4f4; }
.leftmenu .depth1 > a { font-size:15px; color:#767676; font-weight:600; padding:10px 15px; }
.leftmenu .depth1 > a::after { content:'\e91e'; }
.leftmenu .depth1.active > a { color:#fff; font-weight:700; background:linear-gradient(93deg, #001d5b 0%, #032e85 100%); box-shadow:4px 4px 10px 0 rgba(0,0,0,0.2); z-index:2; }
.leftmenu .depth1:last-child::before { display:none; }
.leftmenu .depth2 { padding:20px 0 20px 25px; width:100%; display:none; }
.leftmenu .depth2 a { font-size:14px; color:#777; font-weight:400; border-radius:0; }
.leftmenu .depth2 a:hover { color:#000; }
.leftmenu .depth2 .active a { color:var(--main); }
.leftmenu .depth2 a::after { content:'\e91e'; font-size:10px; }
.leftmenu .active > a { color:var(--main); }
.leftmenu .depth1.active.on > a::before,
.leftmenu .depth1.active .depth2 { display:block; }

.leftmenu .submenu_wrap { padding:25px; border:1px solid #ededed; background:#fff; border-radius:25px; margin-top:-25px; position:relative; z-index:1; }

@keyframes bg {
  0% {background-position:0% 50%;}
  50% {background-position:100% 50%;}
  100% { background-position:0% 50%; }
  }

/*2depth 있을 시*/
.leftmenu .depth2_wrap:has(.active) > a { background:#f4f4f4; color:#000; }
.leftmenu .depth2_wrap > a::after, 
.leftmenu .depth2_wrap > a::before { width:13px; height:1px; background:#000; content:''; display:inline-block; position:absolute; top:50%; right:15px; transition:all 0.3s cubic-bezier(.22, .61,.36, 1);}
.leftmenu .depth2_wrap > a::before { transform:rotate(90deg); }

.leftmenu .depth2_wrap.active > a.active::before { transform:rotate(90deg); }
.leftmenu .depth2_wrap.active.on > a::before { transform:rotate(0deg); }
.leftmenu .depth2_wrap.active > a::before { transform:rotate(0deg); }
.leftmenu .depth2_wrap.on > a::before { transform:rotate(0deg); }

.leftmenu .depth2_wrap.active > a::after, 
.leftmenu .depth2_wrap.active > a::before { background:#000; }

/*2depth active 있을 시*/
.leftmenu .depth1:has(.active) > a { background:url(/images/center/bg_navy1.jpg) 50% 50% / cover no-repeat var(--navy) !important; color:#fff !important; }
.leftmenu .depth1:has(.active) > a::after, 
.leftmenu .depth1:has(.active) > a::before { background:#fff !important; }

/*subpage 3depth menu*/
.sub_inner_menu { width:100%; display:flex; align-items:center; justify-content:center; text-align:center; height:60px; z-index:2; background:rgba(255,255,255,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px); transition:top 0.2s cubic-bezier(.22, .61,.36, 1); }
.sub_inner_menu .inner { display:flex; justify-content:center; }
.sub_inner_menu ul { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:100%; padding:3px 0; }
.sub_inner_menu ul li { display:inline-flex; align-items:center; line-height:1em; }
.sub_inner_menu ul li a { font-weight:600; padding:10px 10px; border-radius:10px; line-height:1em; font-size:1.1em; transition:all 0.3s; }
.sub_inner_menu ul li a:hover { background:#ededed; }
.sub_inner_menu ul li::after { content:''; width:1px; height:15px; background:#ddd; display:inline-block; margin:0 12px; }
.sub_inner_menu ul li:last-child::after { display:none; }
.sub_inner_menu ul li.active a { font-weight:900; color:var(--mainblue); }
.sub_inner_menu.submenufix { width:100%; border-bottom:1px solid #252525; position:fixed; top:0; margin:0; padding-top:0; }
.sub_inner_menu.submenufix ul li a { font-size:1em; }

.sub_container.member .content_wrap { padding:150px 0 130px; gap:30px; flex-direction:column; align-items:center; justify-content:center; }
.sub_container.member .sub_title { background:none; padding:0; margin-bottom:0; height:auto; border-bottom:none; }
.sub_container.member .sub_title .title { color:#000; font-size:2em; margin:0; }
.sub_container.member .sub_title::after { display:none; }
.sub_container.member .breadcrumb ul { justify-content:center; }
.sub_container.member .breadcrumb ul li a { color:#000; }
.sub_container.member .breadcrumb ul li::after { color:#999; }
.sub_container.member .content { width:100%; padding:0; border:none; }

/*에러페이지*/
.error_wrap { width:100%; height:100vh; display:flex; justify-content:center; align-items:center;}
.error_box { display:flex; align-items:center; flex-direction:column; text-align:center; }
.error_box img { width:20%; }
.error_box .title { width:100%; font-weight:900; padding-top:2em;}
.error_box .title strong { font-family:S-coredream; text-transform:uppercase; font-size:5em; line-height:1em; font-weight:900; }
.error_box .title p { font-family:N-SquareNeo; font-size:1.5em; margin:20px 0; font-weight:800; letter-spacing:-1px; }
.error_box .text { width:100%; font-family:N-SquareNeo; font-weight:600; }
.error_box .text button { padding:15px 30px; font-weight:600; font-size:1em; border-radius:50px; transition:all 0.3s; margin-top:30px; font-family:'N-SquareNeo', sans-serif; }
.error_box .text button span { font-size:0.8em; margin-right:10px; }
.error_box .title strong.small { font-size:3.5em; line-height:1em; }

.submenufix .header { top:-70px; }
.scrollTop.submenufix .header { top:0px; }
.scrollTop .sub_inner_menu.submenufix { top:70px; }
.scrollTop.tabfix .tab_scroll .tabs { top:130px; }

/*tab*/
.tab_wrap .tabs { display:flex; align-items:center; border-bottom:1px solid #ccc; height:49px; }
.tab_wrap .tabs li { margin-left:-1px; height:50px; }
.tab_wrap .tabs li:first-child { margin-left:0; }
.tab_wrap .tabs li a { border-radius:8px 8px 0 0; padding:0 30px; height:100%; line-height:1em; font-weight:700; position:relative; display:inline-flex; align-items:center; justify-content:center; color:#000; border:1px solid #cbd6e1; background:#e7eef5; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.tab_wrap .tabs li a:hover { background:#e7eef5; }
.tab_wrap .tabs li.active a { background:#fff; border-bottom:1px solid #fff; }
.tab_wrap .tab_content { padding-top:2em; }

.ie_block h1 img { height:50px; }
.ie_block { margin-top:10%; }
.ie_block p { font-size:1.4em; margin:5em 0; line-height:1.8em; }

.browser { display:flex; gap:20px; background:#e3e8f1;}
.browser li { width:calc(33.3333% - 20px); height:350px; display:inline-flex; align-items:center; justify-content:center; flex-direction:column; }
.browser li a { margin-top:50px; font-size:1em; font-weight:700; border-radius:50px; width:80%; text-align:center; border:1px solid #fff; padding:10px 0; color:#fff; transition:all 0.3s; }
.browser li a:hover { background:#fff; color:#000; }
.browser li a span { font-size:12px; margin-left:10px; }
.browser li:nth-child(1) { background:#fff; }
.browser li:nth-child(1) a { border:1px solid #ccc; color:#000; }
.browser li:nth-child(1) a:hover { background:#000; color:#fff; }
.browser li:nth-child(2) { background:#000f3b; }
.browser li:nth-child(3) { background:#0a285f; }
.browser li img { height:40%; }
@media all and (max-width: 1401px) {
    .ie_block { margin-top:5%; }
    .ie_block p br { display:none; }
    
}