@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:1.5rem; color:#fff; z-index:100; line-height:40px; top:-40px; opacity:0; }

h2, h3, h4, h5 { font-family:S-coreDream; font-weight:600; }
h3 { font-size:1.6rem; }
/*table title, form title 숨기기*/
legend, caption, .hidden { visibility:hidden;position:absolute;left:-9999rem;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999rem; }

.inner { width:1500px; margin:0 auto; }
.board_container .content { width:1200px; margin:0 auto;}
.sub_container:has(.board_view) .sub_title,
.sub_container:has(.coursedetail) .sub_title { visibility:hidden;position:absolute;left:-9999rem;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999rem; }
.mypage_container .inner { width:1000px; }

/*header*/
.header { width:100%; background:rgba(255,255,255,1); border-bottom:1px solid #e5e5e5; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); position:fixed; top:0; left:0; z-index:9; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.header::after { content:''; display:block; width:100%; height:1px; position:absolute; top:80px; left:0; background:#ededed; }
.header .inner { display:flex; justify-content:center; align-items:center; position:relative; }
.header h1 { transition:all 0.3s cubic-bezier(.22, .61,.36, 1); width:350px; position:absolute; top:15px; left:0; }
.header h1 a { width:180px; height:45px; display:inline-block; background:url(/images/user/logo.svg) 50% 50% / contain no-repeat; transition:width 0.2s cubic-bezier(.22, .61,.36, 1), height 0.2s cubic-bezier(.22, .61,.36, 1); }
.scrollDown .header { top:-100px; transition:all 0.2s cubic-bezier(.22, .61,.36, 1);}
.scrollTop .header { top:0; transition:all 0.2s cubic-bezier(.22, .61,.36, 1);}

.article_wrap:not(.article_wrap:last-of-type) { margin-bottom:8rem; }

.content_box { padding:4rem; margin-bottom:50px; font-size:1.6rem; line-height:1.8em; }
.content_box.thin { padding:3rem; margin-bottom:30px;  }
.content_box > .title { font-size:20px; display:block; margin-bottom:1.5em; }
.content_box .icon-arrow-thin-r.samll { font-size:10px; }
.content_box.fit { padding:2rem 2.5rem; margin-bottom:3.5rem; }
.content_box:last-child { margin-bottom:0; }

/*gnb*/
.gnb { display:inline-block; text-transform: lowercase; text-align:left; z-index:2; transform:translateX(10%); }
.gnb > ul { display:flex; }
.gnb li { display:inline-block; position:relative; }
.gnb li.depth1 { padding:0 15px; min-width:140px; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.gnb li.depth1 > a { color:var(--gnb); cursor:pointer; white-space:nowrap; height:80px; display:inline-flex; align-items:center; font-size:1.8rem; font-weight:700; position:relative;transition:all 0.3s; text-transform: uppercase;}
.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.on > a::after { width:100%; }
.gnb li.depth1.active > a { opacity:1; color:var(--main); }
.gnb li.depth1.active > a::after { opacity:1; background:var(--main); }
.gnb li .depth2 { max-width:400px; display:flex; flex-direction:column; gap:20px; }
.gnb li .depth2 li { display:inline-block; text-align:left; line-height:1rem; }
.gnb li .depth2 li a { font-size:1.4rem; text-align:left; font-weight:600; color:#000; position:relative; text-transform:uppercase; font-family:N-SquareNeo; opacity:1; transition:all 0.2s;}
.gnb li .depth2 > li > a { }
.gnb li .depth2 > li > a:hover { color:var(--main); }
.gnb li .depth2 li a:hover::before { width:100%; }
.gnb li .depth2 > li:has(.active) > a,
.gnb li .depth2 > li.active > a { color:var(--main); font-weight:800; }
.gnb li .depth2:has(.state) a { display:inline-flex; align-items:flex-start; gap:15px; }
.gnb li .depth2:has(.state) p { display:inline-block; width:calc(100% - 80px); line-height:1.5em; }
.gnb li .depth2 .state { font-size:1.2rem; display:inline-block; width:45px; padding:7px 0; color:#000 !important;; }

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

.header_util { line-height:1rem; z-index:3; display:inline-flex; flex-direction:column; align-items:flex-end; gap:10px; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); position:absolute; top:30px; right:0;}
.header_util .meminfo { font-size:1.3rem; color:var(--gnb); font-weight:700; background:#ededed; padding:7px 13px; border-radius:50px; display:inline-flex; gap:5px; }
.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:1.5rem; color:var(--gnb); font-weight:600; position: relative; }
.header_util ul li a:hover { color:#999; transition:all 0.2s; }
.header_util ul li .btn_icon { width:20px; height:20px; font-size:1.2rem; }
.header_util ul li.tootip_on .tooltip { display:block; animation:balloonTop 0.3s both cubic-bezier(.22, .61,.36, 1); }
.header_util .top { gap:0; }
.header_util .top li a { font-size:1.2rem; }
.header_util .top li::before { content:''; display:inline-block; width:1px; height:10px; background:#ccc; margin:0 10px; }
.header_util .top li:first-child::before { display:none; }

.sitemap { position:fixed; top:0; left:0; width:100%; height:100%; z-index:998; display:none; transition:all 0.5s; background:rgba(0,0,0,.7); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); }

.sitemap_header { display:flex; padding:3rem 3rem 3rem 8rem; border-bottom:1px solid #222; background:rgba(0,0,0,0.05); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); justify-content:space-between; position:sticky; top:0; z-index: 1; }

.sitemap .header_util { align-items:center; gap:30px; flex-direction:row; line-height:normal; position:static; }
.sitemap .header_util .meminfo { display:flex; align-items:center; font-size:1.6rem; text-align:center; color:#fff; background:none; padding:0; }
.sitemap .header_util .meminfo::after { content:''; display:inline-block; width:20px; height:20px; background:url(/images/user/smile.png) 50% 50% no-repeat; background-size:contain; margin-left:5px; animation:smile 2s both infinite cubic-bezier(.22, .61,.36, 1); }

.sitemap .header_util ul { align-items:flex-start; gap:30px; }
.sitemap .header_util ul li a { color:#999 !important; font-size:1.4rem; font-weight:600; }
.sitemap .header_util ul li a:hover { color:#fff !important; }

.sitemap .logo { position:absolute; top:50px; left:50px; z-index:2; }
.sitemap .logo a { width:200px; display:inline-block; }
.sitemap .logo a img { width:100%; }
.sitemap .btn_close { width:25px; height:25px; color:#fff; z-index:9; }

.sitemap .sitemap_content { position:absolute; top:0; right:-100%; background:#111; width:70%; height:100%; overflow-x:hidden; overflow-y:auto; z-index:2; transition:all 1s cubic-bezier(.22, .61,.36, 1); transition-delay:0.3s; }
.sitemap.active { display:block; animation:sitemap 1s both cubic-bezier(.22, .61,.36, 1); }
.sitemap.active .sitemap_content { animation:sitemapbox 0.5s both cubic-bezier(.22, .61,.36, 1); animation-delay:0.3s; }

.sitemap_list { width:100%; display:flex; justify-content:center; padding:8rem; }
.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 { color:#fff; position:relative; display:inline-block; line-height:1.5em; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.sitemap_list ul li a:hover { background: -webkit-linear-gradient(145deg, rgba(231,0,255,1) 0%, rgba(0,251,244,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sitemap_list .depth1 { display:flex; align-items:flex-start; width:100%; border-bottom:1px solid #222; padding:5rem 0; }
.sitemap_list .depth1 > a { width:25%; font-size:2.6rem; font-weight:900; }
.sitemap_list .depth1:first-child { padding-top:0; }
.sitemap_list .depth1:last-child { border-bottom:none; padding-bottom:0; }
.sitemap_list .depth2 { width:75%; display:flex; flex-direction:column; gap:23px; }
.sitemap_list .depth2 > li > a { font-size:1.5rem; font-weight:700; display:inline-flex; gap:10px; align-items:flex-start; }
.sitemap_list .depth2 li a .state,
.sitemap_list .depth2 li a:hover .state { width:65px; padding:7px 0; color:#000; -webkit-background-clip:unset; -webkit-text-fill-color:#000; }
.sitemap_list .depth2 li p { width:calc(100% - 75px); }

html:has(.sitemap.active), body:has(.sitemap.active) { overflow:hidden; }

.sitemap_list > ul:hover a { opacity:0.5; }
.sitemap_list .depth1.on a { opacity:1; }

.sitemap_info { position:absolute; bottom:50px; left:50px; color:#fff; }
.sitemap_info dl { font-size:1.3rem; }
.sitemap_info dl dt { font-weight:700; }
.sitemap_info dl dd { margin:3px 0 15px; font-weight:500; }
.sitemap_info > p { font-weight:500; font-size:1.2rem; margin:15px 0 30px; }

.sitemap.active .sitemap_info dl dt,
.sitemap.active .sitemap_info dl dd,
.sitemap.active .sitemap_info > p,
.sitemap.active .copyright { animation:fadeUp 1s both; }
.sitemap.active .sitemap_info > p { animation-delay:0.6s; }
.sitemap.active .copyright { font-family:'N-SquareNeo'; animation-delay:0.7s; font-weight:500; font-size:1.3rem; color:#fff; }

/*통합검색*/
.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:3rem 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.5rem; }
.header_search_form .btn_search { width:60px; height:60px; font-size:1.5rem; 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:#fff; color:#000; border:1px solid #000; padding:3px 5px; line-height:1rem; font-size:1rem; font-weight:600; border-radius:8px; position:absolute; z-index:10; white-space:nowrap; transition:all 0.2s;top:28px; left:50%; display:none; transform:translateX(-50%); pointer-events:none; }
.tooltip::after,
.tooltip::before { content:''; width:0; height:0; border:5px solid transparent; display:inline-block; position:absolute; left:50%; transform:rotate(180deg) translateX(50%);}
.tooltip::after { border-top:10px solid #fff; top:-12px;}
.tooltip::before { border-top:8px solid #000; top:-13px;}

.tooltip.top { top:auto; bottom:150%; }
.tooltip.top::after,
.tooltip.top::before {top:auto;border: 4px solid transparent;transform:rotate(0deg) translateX(-50%);}
.tooltip.top::after {bottom: -9px;border-top: 6px solid #fff;}
.tooltip.top::before {bottom: -11px;border-top: 6px solid #000;}

.tootip_on .tooltip { display:block; animation:balloonTop 0.3s both cubic-bezier(.22, .61,.36, 1); }

.thumbnail { aspect-ratio:2 / 1.25; width:100%; overflow:hidden;position:relative;border-radius:12px;transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.thumbnail img { width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; z-index:1; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.thumbnail::after { position:absolute; top:0; left:0; width:100%; height:100%; font-weight:400; z-index:0; content:""; background:url(/images/user/logo.svg) 50% 50% / 50% no-repeat #f9f9f9; color:#e9e9e9; display:flex; align-items:center; justify-content:center; }
a:hover .thumbnail img { transform:scale(1.1,1.1); }
.thumbnail:hover{transform:scale(1);box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }

.slide_control { display:flex; gap:10px; justify-content:center; align-items:center; }
.slide_control button:hover { animation:jelly 0.5s both;}
.swiper-pagination-progressbar { position:relative; }

.header.on { background:rgba(255,255,255,1); border-bottom:1px solid #ededed; }
.header.on h1 a { background:url(/images/user/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(--active); }
.header.on .header_util ul li a:hover { color:#999; }
.header.on .gnb li.depth1.active > a::after { background:var(--active); }

.header:hover { background:rgba(255,255,255,1); border-bottom:1px solid #ededed; }
.header:hover h1 a { background:url(/images/user/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(--active); }
.header:hover .header_util ul li a:hover { color:#999; }
.header:hover .gnb li.depth1.active > a::after { background:var(--active); }
.header:hover .gnb li.depth1.on > a { color:var(--active); }

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

.main_container .footer { padding:10rem 0 1rem }
.footer { padding:6rem 0 1rem; background:#010304; color:#999; font-size:1.4rem; position:relative; }
.footer .inner { display:flex; gap:50px; flex-direction:column; }
.footer .top {display:flex;gap: 30px;position:relative;flex-direction: column;}
.footer .top ul { display:flex; margin-bottom:20px; gap:20px; }
.footer .top ul li a { color:#999; font-weight:600; transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.footer .top ul li a:hover { color:#fff; }
.footer  h2 img { height:40px; opacity:0.6; }
.footer dl { display:flex; flex-wrap:wrap; margin-bottom:6px; }
.footer dl dt { font-weight:600; color:#999; }
.footer dl dd { font-weight:400; color:#999; display:inline-flex; align-items:center; }
.footer dl dt::after { content:':'; margin:0 5px; }
.footer dl dd::after { content:''; display:inline-block; width:1px; height:15px; background:#333; margin:0 10px; }
.footer dl dd:last-child::after { display:none; }
.footer p { margin-top:5px;  }
.footer a { color:#999; }
.footer a:hover { color:#fff; }
.footer .copyright { font-size:5rem; line-height:1em; color:#131313; text-align:center; font-weight:900; font-family:'S-CoreDream'; }
.footer_banner {  position:absolute; top:10px; right:0; display:flex; gap:40px; }
.footer_banner img { height:25px; opacity:0.6; }
.gbmetaport { position:absolute; top:0; right:0; }
.gbmetaport a { display:inline-block; }
.gbmetaport a img { width:100px; }

.skip_top { position:fixed; opacity:0; bottom:0px; right:50px; width:50px; height:50px; border-radius:20px; border:1px solid #ccc; background:rgba(255,255,255,0.7); 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; color:#000; overflow:hidden; z-index:9; transition:all 0.3s; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); pointer-events:none; }
.skip_top::before, .skip_top::after { content:"\ea3a"; font-family:'icomoon' !important; font-size:1.6rem; 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 { animation:jelly 0.5s both; 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:#fff; background:#fff; color:#000; }
.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; bottom:50px; 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.3rem; 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 설정 */
.sub_container { padding:8rem 0 10rem; }
.sub_container .inner { padding:0 3rem; }
.sub_container { width:100%; position:relative; z-index:1; }

.sub_header {width:100%; display:flex; flex-direction:column; padding:3rem 0 6rem; }

.sub_title { margin:5rem 0 0; }
.sub_title h3 { font-size:4rem; font-weight:800; text-align:center; line-height:1em; margin-bottom:5rem; }
.sub_title .sub_menu { position:relative; text-align:center; }
.sub_title .sub_menu > ul { white-space:nowrap; }
.sub_title .sub_menu ul li { display:inline-flex; align-items:center; position:relative; }
.sub_title .sub_menu ul li a { font-weight:600; font-size:1.6rem; padding:8px 10px; border-radius:10px; transition:all 0.5s cubic-bezier(.22, .61,.36, 1); display:inline-flex; align-items:center; gap:10px; }
.sub_title .sub_menu ul li a .state { padding:5px 0; width:60px; font-size:1.2rem; }
.sub_title .sub_menu ul li a:hover { background:#f4f4f4; }
.sub_title .sub_menu ul li.active a { font-weight:800; color:var(--main); background:#e9f2ff; }
.sub_title .sub_menu ul li:has(.depth2 .active) > a { font-weight:600; color:var(--main); background:#e9f2ff; }
.sub_title .sub_menu ul li:has(.depth2 .active) .icon-plus { background:#c5d7f1; }
.sub_title .sub_menu ul li:not(.sub_title .sub_menu ul li:last-child)::after { content:''; display:inline-block; width:1px; height:15px; background:#ccc; margin:0 10px; }
.sub_title .sub_menu ul li a .icon-plus { width:20px; height:20px; background:#ededed; border-radius:50px; font-size:1.2rem; display:inline-flex; align-items:center; justify-content:center; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.sub_title .sub_menu ul li a:hover .icon-plus { background:#ccc; }
.sub_title .sub_menu .depth2 { position:absolute; top:50px; right:0; width:350px; max-width:400px; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; background:#fff; border-radius:15px; padding:15px; border:1px solid #ededed; display:none; }
.sub_title .sub_menu .depth2 ul { display:flex; flex-direction:column; }
.sub_title .sub_menu .depth2 li::after { display:none !important; }
.sub_title .sub_menu .depth2 li a { font-size:1.3rem; text-align:left; align-items:flex-start; }
.sub_title .sub_menu .depth2 li a p { width:calc(100% - 70px); white-space: normal; }
.sub_title .sub_menu .open .depth2 { display:block; animation:fadeUp 0.5s both; }
.sub_title .sub_menu .open .icon-plus { transform:rotate(45deg); }
.sub_title .sub_menu .depth2 ul .active a span { color:#000; }

.sub_menu_depth2 {  }
.sub_menu_depth2 .depth2 { overflow-x:auto; }
.sub_menu_depth2 .depth2 ul { display:inline-flex; } 
.sub_menu_depth2 .depth2 ul li a { display:inline-flex; align-items:center; white-space:nowrap; }

.breadcrumb { font-family:N-SquareNeo; position:relative; z-index:3; margin-right:5rem; }
.breadcrumb ul { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; }
.breadcrumb li { white-space:nowrap; float:left; align-items:center; position:relative; line-height:1.3em; }
.breadcrumb li::after { margin:0 10px; font-weight:400; content:'\e91e'; color:#999; font-family:'icomoon' !important; display:inline-block; font-size:10px; opacity:0.7; }
.breadcrumb li a { color:#131313; font-weight:600; position:relative; line-height:1rem; white-space:nowrap; display:inline-flex; align-items:center; }
.breadcrumb li a span { width:16px; height:16px; font-size:1rem; display:inline-flex; align-items:center; justify-content:center; border:1px solid #ccc; border-radius:50px; }
.breadcrumb ul li a:hover span { border-color:#000; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); }
.breadcrumb li.home a::after,
.breadcrumb li:last-child::after { display:none; }
.breadcrumb li:last-child { font-weight:700; overflow:hidden; text-overflow:ellipsis; }

/*에러페이지*/
.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:4rem;}
.error_box .title strong { font-family:S-coredream; text-transform:uppercase; font-size:5rem; line-height:1rem; font-weight:900; }
.error_box .title p { font-family:N-SquareNeo; font-size:1.8rem; margin:20px 0; font-weight:800; letter-spacing:-1px; }
.error_box .text { width:100%; font-family:N-SquareNeo; font-weight:600; font-size:1.6rem; }
.error_box .text button { padding:15px 30px; font-weight:600; font-size:1.2rem; border-radius:50px; transition:all 0.3s; margin-top:30px; font-family:'N-SquareNeo', sans-serif; }
.error_box .text button span { font-size:0.8rem; margin-right:10px; }
.error_box .title strong.small { font-size:3.5rem; line-height:1rem; }

.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; font-size:1.6rem; padding:0 30px; height:100%; line-height:1rem; 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:2rem; }

.content_header { display:flex; justify-content:space-between; font-size:1.3rem; margin:0rem 0 3rem; }
.content_header .left, .content_header .right { display:inline-flex; gap:5px; }
.content_header .total { font-size:1.8rem; margin-top:14px; font-weight:400; line-height:1em; text-align:left; }
.content_header .total b { font-weight:900; margin:0 3px; color:var(--mainblue); }
.content_header .view_option { display:none; gap:5px; }
.content_header .btn_m { font-size:1.5rem; height:42px; padding:0 15px; }
.content_header .option { position:relative; }
.content_header .option ul { position:absolute; top:110%; right:0; gap:5px; padding:1.5rem; background:#fff; border:1px solid #333; border-radius:10px; display:none; }
.content_header .option.on button span { transform:rotate(180deg);}
.content_header .option.on ul { display:flex; white-space:nowrap; flex-direction:column; z-index:3; animation:fadeDown 0.2s both; box-shadow:0 5px 10px 0 rgba(0,0,0,0.1); }
.content_header .option.on ul li a span { font-size:1rem; margin-right:5px; display:inline-flex; color:#c5c5c5; justify-content:center; align-items:center;}
.content_header .option.on ul li.active a { font-weight:800; color:var(--mainblue); }
.content_header .option.on ul li.active a span { color:var(--mainblue); }

.content_bottom { position:relative; height:55px; border-top:1px solid #ededed; }
.content_bottom .inner { height:100%; display:flex; justify-content:space-between; align-items:center; }

.accordion ._label::after { content:'\e909'; font-family: 'icomoon' !important; display:inline-block; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.accordion.active ._label::after { transform:rotate(-180deg); }
.accordion ._cont { display:none; }