@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; }

/* content width 설정 */
.inner { width:1300px; margin:0 auto; box-sizing:border-box;transition:all 0.3s; }
.main_content .inner { /*padding:0 90px;*/ margin:0 auto; width:100%; max-width:1440px; position: relative;}

.container { width:100%; padding-top:90px; }
.sub_container { font-size:18px; line-height:2em; }
/* .submenufix .sub_container { padding-top:60px; } */

/*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; }
/*title*/
header.header { width:100%; position:fixed; top:0; left:0; z-index:9; background:rgba(255,255,255,1); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); border-bottom:1px solid #ededed; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.header .header_content { width:100%; height:100%; flex-wrap:wrap; position:relative; display:flex; justify-content:center; align-items:center; padding:0 5em; }
.header h1 { position:absolute; top:27px; left:30px; display:flex; }
.header h1 a { width:200px; height:40px; display:inline-block; background:url(/images/user/logo_color.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); }
.header::after { content:''; width:100%; height:1px; background:#ededed; display:block; position:absolute; top:90px; left:0; z-index:1; opacity:0; }
.header:has(.tp_banner.active)::after{ top:140px; }
.header.on::after { opacity:1; }
.header:has(.gnb.on) { border-color:#333; }
.header.en h1 a { width:180px; height:35px; display:inline-block; background:url(/images/user/logo_en.svg) 50% 50% / contain no-repeat; }

.scrollDown .header { top:-140px; }
/* .header.scroll .header_util { top:24px; }
.header.scroll h1 { top:24px; } */

.header.scroll h1 a { width:160px; height:30px; }
.header.scroll .tooltip.top { font-size:9px; padding:5px; bottom:20px; }
/* .header.scroll .tooltip.top::after { display:none; } */

.header.scroll .gnb li.depth1::after { height:calc(100% - 130px); }

.main_content .header.scroll { background:rgba(255,255,255,1); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); }
.main_content .header.scroll.on { background:rgba(255,255,255,1); border-bottom:1px solid #ededed; }
.main_content .header.scroll h1 a { background:url(/images/user/logo_color.svg) 50% 50% no-repeat; background-size:contain; }
.main_content .header.scroll .header_util ul li a { color:#000; }

/*gnb*/
.gnb { display:inline-block; text-align:left; z-index:2; transition:all 0.2s cubic-bezier(.22, .61,.36, 1);}
.gnb > ul { display:flex; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.gnb li { display:inline-flex; flex-direction:column; position:relative; width:auto; /* width:120px;*/ transition:all 0.2s cubic-bezier(.22, .61,.36, 1);}
.gnb li.depth1 { min-width:150px; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.gnb li.depth1 > a { color:#000; opacity:1; cursor:pointer; white-space:nowrap; padding:0; height:90px; display:flex; justify-content:center; align-items:center; font-size:1.2em; font-weight:800; position:relative;transition:all 0.2s cubic-bezier(.22, .61,.36, 1);}
.gnb.on li.depth1 { transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.gnb.on li.depth1 > a { color:#999; }
.gnb.on li.depth1.on > a { color:#000; }
.gnb li.depth1.active > a { color:var(--mainblue) !important; }
.gnb li.depth1 > a::after { width:0%; height:2px; position:absolute; left:50%; bottom:0; content:''; transform:translate(-50%,0); background:var(--mainblue); display:block; transition:all 0.2s cubic-bezier(.22, .61,.36, 1);}
.gnb li.depth1.on > a::after,
.gnb li.depth1.on > a::after { width:100%;}
.gnb li.depth1.active > a::after { width:100%;}

.gnb li .submenu_wrap { height:0; opacity:0; width:100%; pointer-events:none; visibility:hidden; padding:0px 20px; pointer-events:none; text-align:left; z-index:1; transition:all 0s cubic-bezier(.22, .61,.36, 1); }
.gnb.on .submenu_wrap { 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 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; position:relative;}
.gnb li .depth2 li a { font-size:13px; font-weight:600; color:#767676; transition:all 0.2s; line-height:1.1em; transition:none; }
.gnb li .depth2 li a:hover { color:#000; }
.gnb li .depth2 li.blank a { white-space:nowrap; }
.en .gnb li .depth2 li.blank a { white-space:normal; }
.gnb li .depth2 li.active > a { color:var(--mainblue) !important; }
.gnb li .depth3 { display:flex; flex-direction:column; gap:13px; margin-top:15px; }
.gnb li .depth3 li a { font-size:13px; font-weight:600; color:#666; }

.en .gnb li.depth1 { padding:0 20px; width:160px; }
.en .gnb li.depth1 > a { font-size:16px; }
.en .gnb li .depth2 li { white-space:normal; }
.en .gnb li .submenu_wrap { position:relative; border:none; padding:0; }
.en .gnb li .submenu_wrap .submenu { width:100%; }
.en .gnb li.depth1:nth-child(n+5) { width:190px !important; }
.gnb li.depth1::after { content:''; width:1px; height:calc(100% - 130px); background:#ededed; position:absolute; bottom:20px; right:0; display:block;transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.gnb li.depth1:last-child::after { display:none; }

.header_util { position:absolute; line-height:1em; top:27px; right:30px; z-index:3; transition:all 0.3s cubic-bezier(.22, .61,.36, 1);}
.header_util ul { display:inline-flex; align-items:center; gap:20px; }
.header_util ul .meminfo { font-size:13px; display:inline-flex; align-items:center; }
.header_util ul .meminfo::after { content:''; 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); }
.header_util ul li a { font-size:15px; height:100%; color:#000; position: relative; font-weight:900; display:inline-flex; flex-direction:column; align-items:center; justify-content:space-between; }
.header_util ul li.lang a strong {font-size:15px; font-family:S-CoreDream; font-weight:600;}
.header_util ul li a:hover { color:#666; transition:all 0.2s; }
.header_util ul li.tootip_on .tooltip { display:block; animation:balloonTop 0.3s both cubic-bezier(.22, .61,.36, 1); }
.header_util ul li .icon-logout { font-size:13px; }
.header_util ul li .icon-people { font-size:0.9em; }
.header_util ul li.meminfo > a { font-weight:600 !important; font-size:1em; }
.header_util ul li a span, .header_util ul li.lang a strong { height:17px; line-height:17px; }
.header_util ul li .sletter { font-size:10px; font-weight:600; margin-top:5px; white-space:nowrap; }
.header_util ul li .btn_close { border-radius:0;  }
.header_util ul li.header_time {font-size: 0.8em;}
.header_util ul li.header_time a {font-size: 0.8em; margin-left:3px;}
.header_util ul li.header_time #leftTimeInfo{ font-weight: 600 !important;}
.en .header_util ul { gap:12px; }
.en .header_util ul .meminfo { font-size:11px;}


.select_menu { position:relative; font-weight:900; text-transform:uppercase; }
.select_menu .balloon { position:absolute; top:30px; left:50%; transform:translateX(-50%); background:#fff; padding:10px; border-radius:10px; display:none; transition:all 0.2s;  box-shadow:0 -3px 20px 0 rgba(0,0,0,0.2); }
.select_menu .balloon::after { content:''; display:inline-block; position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:0; height:0; border:7px solid transparent; border-bottom:10px solid #fff; }
.select_menu .balloon ul { display:flex; align-items:flex-start; flex-direction:column; gap:3px; }
.select_menu .balloon li a { display:block; color:#000; white-space:nowrap; font-size:13px; padding:7px 10px; line-height:1em; border-radius:5px; font-weight:600; text-transform:uppercase; }
.select_menu .balloon li a:hover { background:#ededed; color:#000; opacity:1; }
.select_menu .balloon li.active a { color:#fff; background:var(--mainblue); }
.select_menu.on .balloon { display:block; animation:balloon 0.2s both cubic-bezier(.22, .61,.36, 1); }
.select_menu .tooltip.top { bottom:24px; }

body:has(.sitemap.active) { overflow:hidden; }
.sitemap { position:fixed; top:0; left:100%; width:100%; height:100%; z-index:998; display:none; transition:all 0.5s; background:#fff; }
.sitemap .slogan { position:absolute; bottom:30px; left:30px; z-index:2; opacity:0.1; }
.sitemap .logo { position:absolute; top:23px; left:30px; z-index:2; }
.sitemap .logo a { width:200px; height:40px; display:inline-block; }
.sitemap .logo a img { width:100%; }
.sitemap .btn_close { color:#000; z-index:9; opacity:1; }
.sitemap.active { display:flex; justify-content:flex-end; animation:sitemap 0.5s both cubic-bezier(.22, .61,.36, 1);  }
.sitemap.active::after { opacity:1; }
.sitemap_content { position:absolute; top:0; right:0; width:73%; height:100%; overflow-x:hidden; overflow-y:auto; padding:8em 8em 8em 0; z-index:2; }
.sitemap_list {  width:100%; display:flex; justify-content:center;  }
.sitemap_list::-webkit-scrollbar-thumb { border-radius:50px; background-color:#333;}
.sitemap_list > ul { display:flex; flex-direction:column; }
.sitemap_list ul li a { color:#fff; font-size:1.6em; font-weight:800; display:inline-block; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.sitemap_list .depth1 { display:flex; border-bottom:1px solid #e9e9e9; padding:5em 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:nth-child(7) { animation-delay:1.5s; }

.sitemap .header_util { top:20px; right:30px; }

.sitemap_list .depth1 > a { position:relative; color:#ff4c23; width:250px; }
.sitemap_list .depth1 > a::after { content:'\e909'; font-family:'icomoon' !important; display:none; position:absolute; top:25px; right:0;}
.sitemap_list .depth1:first-child { padding-top:0; }
.sitemap_list .depth1:last-child { border-bottom:none; padding-bottom:0; }
.sitemap_list .depth2 { width:calc(100% - 250px); display:flex; flex-wrap:wrap; gap:10px 60px; }
.sitemap_list .depth2 li a { font-size:16px; color:#000; font-weight:700; margin:3px 0; 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 .depth3 { margin:5px 0 30px; }
.sitemap_list .depth3 li a { font-size:14px; color:#999; font-weight:400; margin:0px 0;}
.sitemap_list .depth1.active .depth3 li a:hover { color:#000; }
.sitemap_list .depth1 ul a:hover::after { width:100%; }
.sitemap_list.mobile .depth1 { padding:0; }
.sitemap_list.mobile .depth1 > a { padding:1.2em 0; }
.sitemap_list.mobile .depth1.active .depth2 { display:block; }
.sitemap_list.mobile .depth2 { padding-bottom:1.2em; }

/*통합검색*/
.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:1.3em 0; position:relative; background:#fff; }
.header_search .inner { width:1000px; padding:0; margin:0 auto; position:relative; z-index:1;}
.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; }
.header_search .btn_close { position:absolute; top:115px; left:50%; transform:translateX(-50%); width:40px; height:40px; z-index:1; border-radius:40px; background:#fff; opacity:1; color:#000; display:inline-block; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); animation:btnUp 0.5s both; box-shadow:0 0px 15px 0 rgba(0,0,0,0.3); padding:0; border:none; }

 @keyframes btnUp {
	0% { transform:translateY(20px) translateX(-50%); opacity:0; }
 100% { transform:translateY(0) translateX(-50%); opacity:1; }
	}

/*.main_content .header { background:rgba(255,255,255,0); border-color:transparent; -webkit-backdrop-filter:blur(0); backdrop-filter:blur(0); }
.main_content .header .gnb li.depth1 > a { color:#fff; }
.main_content .header .header_util ul li a { color:#fff; }
.main_content .header h1 a { background:url(/images/user/logo.svg) 50% 50% no-repeat; background-size:contain; }
.main_content .header.on { background:rgba(255,255,255,1); border-bottom:1px solid #ededed; }
.main_content .header.on h1 a { background:url(/images/user/logo_color.svg) 50% 50% no-repeat; background-size:contain; }
.main_content .header.on .gnb li.depth1 > a { color:#000; }
.main_content .header.on .gnb li.depth1.active > a { color:var(--mainblue); }
.main_content .header.on .gnb li.depth1 > a::after { background:var(--mainblue); }
.main_content .header.on .gnb li .submenu_wrap { background:#fff; border-top:none; border-bottom:1px solid #ccc }
.main_content .header.on .gnb li .depth2 li a { color:#333; }
.main_content .header.on .gnb li .depth2 li a:hover { color:#000; }
.main_content .header.on .gnb li .depth3 li a { font-size:13px; color:#666; }
.main_content .header.on .header_util ul li a { color:#000; }*/

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

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

button:has(.tooltip) { position:relative; }
button:has(.tooltip):hover .tooltip { display:inline-block; animation:balloonTop 0.2s both cubic-bezier(.22, .61,.36, 1); }

p.notice { font-size:15px !important; font-weight:500; line-height:1.7em; }
p.notice .icon-notification { font-size:10px; display:inline-flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:30px; background:#ffd8cc; color:#0f5dff; margin-right:5px; }
p.notice::before { content: "\e91f"; font-family:'icomoon' !important; font-size:10px; display:inline-flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:30px; background:#c8ddff; color:var(--main); margin-right:5px; }
p.notice:has(.color_red)::before { display:none; }
p.notice.color_red::before { background:#ffe6e0 !important; color:#e93a12 !important; }


/*darkmode*/
.darkmode { background:#050c16 !important; color:#fff !important; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.darkmode .bg_lp { background:#050c16 !important; }
.darkmode .header::after { background:#222 !important; }
.darkmode .header, .darkmode .header.scroll { background:rgba(0,0,0,0.8); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); border-bottom:1px solid #222; transition:background 1s cubic-bezier(.22, .61,.36, 1); }
.darkmode .header .gnb li.depth1 > a { color:#fff; }
.darkmode .header .header_util ul li a { color:#fff; }
.darkmode .header h1 a { background:url(/images/user/logo.svg) 50% 50% no-repeat; background-size:contain; }
.darkmode .header .gnb li .submenu_wrap { border-right:1px solid #222; }
.darkmode .header.on .gnb li .depth2 li a { color:#fff; }
.darkmode .header.on .gnb li .depth2 li a:hover { color:#666; }
.darkmode .header.on .gnb li .depth2 li.active a { color:var(--orange) !important; }
.darkmode .header.on .gnb li .depth2 li:hover a { background:#222;color:#fff; }
.darkmode .gnb li .depth2 li::after { background:#333; }
/*
.darkmode .header.scroll.on { background:rgba(255,255,255,1); border-bottom:1px solid #ededed; }
.darkmode .header.on { background:rgba(255,255,255,1); border-bottom:1px solid #ededed; }
.darkmode .header.on h1 a { background:url(/images/user/logo_color.svg) 50% 50% no-repeat; background-size:contain; }
.darkmode .header.on .gnb li.depth1 > a { color:#000; }
.darkmode .header.on .gnb li.depth1.active > a { color:var(--mainblue); }
.darkmode .header.on .gnb li.depth1 > a::after { background:var(--mainblue); }
.darkmode .header.on .gnb li .depth3 li a { font-size:13px; color:#666; }
.darkmode .header.on .header_util ul li a { color:#000; }*/
.darkmode .sub_inner_menu li a{ color:#fff !important; }
.darkmode a { color:#fff; }
.darkmode .sub_inner_menu ul li.active a,
.darkmode .gnb li.depth1.active > a { color:var(--orange) !important; }
.darkmode .sub_inner_menu ul li.active a { background:#232323; }
.darkmode .gnb li.depth1 > a::after { background:var(--orange); }
.darkmode .sub_inner_menu li a:hover { background:#222; }
.darkmode .alink { background:var(--mainblue); border-color:var(--mainblue); }
.darkmode .alink:hover { background:var(--mainbluedeep); border-color:var(--mainbluedeep); }
.darkmode .article_wrap .text_wrap { border-bottom:1px solid #28313f; }
.scrollDown.darkmode .sub_inner_menu.submenufix { background:rgba(0,0,0,0.8); }
.darkmode .sub_inner_menu ul li.active .sub_4depth_menu {border-top:1px solid #28313f;  border-bottom:1px solid #28313f; }
.darkmode .sub_inner_menu ul li.active .sub_4depth_menu li a{ color:#fff!important; }
.darkmode .sub_inner_menu ul li.active .sub_4depth_menu li a::before{background:var(--orange);}
.darkmode .sub_inner_menu ul li.active .sub_4depth_menu li.active a{ color:var(--orange) !important;}
.darkmode .sub_inner_menu ul li::after { background:#333; }

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

.footer { text-align:left; box-sizing:border-box; color:#fff; background:#000; position:relative; padding:3em 90px 5em; }
.footer_content { max-width:1440px; width:100%;margin: 0 auto; display:flex; justify-content:space-between; position:relative; }
.footer h2 { font-size:2em; line-height:1.3em; opacity:0.7; }
.footer h2 b { font-weight:900; }

/* .footer_sitemap { padding-bottom:3em; margin-bottom:3em; border-bottom:1px solid #333; }
.footer_sitemap li a { color:#fff; font-size:1.2em; font-weight:800; }
.footer_sitemap > ul { display:flex; flex-wrap:wrap; gap:20px 50px; justify-content:space-between; text-align:left; }
.footer_sitemap .depth2 { margin-top:15px; display:flex; flex-direction:column; gap:3px; }
.footer_sitemap .depth2 li a { color:#888; font-size:13px; font-weight:600; transition:all 0.3s; }
.footer_sitemap .depth2 li a:hover { color:#fff; } */

.footer_sitemap { padding-bottom:3em; margin-bottom:3em; border-bottom:1px solid #333; }
.footer_sitemap li a { color:#fff; font-size:1em; font-weight:700; }
.footer_sitemap > ul { display:flex; flex-direction:column; flex-wrap:wrap; gap:20px 50px; justify-content:space-between; text-align:left; }
.footer_sitemap .depth1 { display:flex; align-items:flex-start; gap:30px; }
.footer_sitemap .depth1 > a { width:180px; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.footer_sitemap .depth1 > a:hover { color:#ccc; }
.footer_sitemap .depth2 { width:calc(100% - 180px); display:flex; flex-direction:row; flex-wrap:wrap; }
.footer_sitemap .depth2 li { display:inline-flex;align-items:center; }
.footer_sitemap .depth2 li a { color:#aaa; font-size:14px; font-weight:600; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.footer_sitemap .depth2 li a:hover { color:#fff; }
.footer_sitemap .depth2 li::after { content:''; width:1px; height:15px; margin:0 15px; display:block; background:#444; }
.footer_sitemap .depth2 li:last-child::after { display:none; }

.en .footer_sitemap .depth1 > a { width:190px; }

.en .company_info ul { gap:0px; flex-direction:column; align-items:flex-end; }
.en .company_info_wrap li:first-child dd { min-width:186px; }

.company_info_wrap { display:flex; }
.company_info { display:flex; flex-direction:column; align-items:flex-end; gap:5px; font-size:13px; }
.company_info .address { margin-bottom:10px; }
.company_info ul { display:flex; gap:30px; }
.company_info dl { display:inline-flex; font-weight:600; }
.company_info dl dt { color:#888; margin-right:6px; }
.company_info dl dd { color:#fff; display:inline-flex; flex-direction:column;}
.company_info dl dd a { color:#fff; }
.company_info dl dd p { display:inline-flex; justify-content:space-between; }
.company_info dl dd p span {  color:#888; display:inline-block; margin-right:15px; }
.company_info dl dd:last-child { text-align:left; }
.company_info .user_number { display:flex; flex-direction:column; }
.company_info .user_number dt { text-align:right; margin-right:15px; }

.essential_info { flex-direction:row; gap:0px 10px; flex-wrap:wrap;}
.en .essential_info { display:none; }

.footer_left { position:relative; display:flex; flex-direction:column; justify-content:flex-end; gap:20px; }
.slogan { position:absolute; left:0; bottom:0; color:#1c232d; font-size:2.4em; font-weight:800; line-height:1.4em; }

/*mail*/
.subscribe { display: flex; flex-direction: column; align-items:flex-start; margin:30px 0; }
.subscribe .title_wrap { flex-direction:column; }
.subscribe .title_wrap strong { font-size:1.2em; margin-bottom:5px; display:none; }
.subscribe .title_wrap p { color:#727272; line-height:1.5em; }
.mail_form { width:400px; border:1px solid #222; border-radius:50px; display:flex; justify-content: space-between; transition:all 0.2s;}
.mail_form input { color:#fff; border-radius:50px; height:45px; border:none; width:calc(100% - 100px); background:transparent; padding-left:20px; font-weight:600; }
.mail_form input::placeholder { color:#666; }
.mail_form button { border-radius:50px; border:none; background:#222; color:#fff; /* width:100px; */ white-space:nowrap; min-width:100px; padding:0 20px; height:45px; }
.mail_form:hover { background:#222; }
.mail_form:hover button { background:var(--blue); }
.mail_form:hover button:hover { background:var(--blue); }

.footer_right { width:50%; display:flex; flex-direction:column; align-items:flex-end; }

.footer_link { margin-bottom:40px; align-items:flex-start; }
.footer_list { display:inline-flex; align-items:center; flex-wrap:wrap; }
.footer_list li a { color:#fff; display:inline-block; white-space:nowrap; font-weight:600; line-height:1em; position:relative; padding:1px 0 2px; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.footer_list li a:hover { color:#999; }
.footer_list li::after { content: ''; display:inline-block; width:1px; height:12px; background:#333; margin:0px 20px -2px;}
.footer_list li:last-child::after { display:none; }

.familysite { position:relative; }
.familysite button { min-width:170px; border:1px solid #333; color:#fff; background:none; padding:13px 20px; border-radius:10px; font-weight:600;}
.familysite button:hover { border-color:#fff; }
.familysite button em { display:inline-block;margin-left:20px; font-size:11px; }
.familysite .site_list { margin-top:5px; position:absolute; right:0; padding:15px; background:#fff; border-radius:10px; display:none; z-index:1; }
.familysite .site_list ul { display:flex; flex-direction:column; gap:5px; }
.familysite .site_list li a { color:#000; white-space:nowrap; font-size:13px; padding:8px 10px; border-radius:5px; font-weight:600; text-transform:uppercase; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.familysite .site_list li a:hover { color:#000; background:#ededed; }
.familysite.on button { border:1px solid #fff; background:#fff; color:#000; }
.familysite.on button em { transform:rotate(180deg); }
.familysite.on .site_list { display: block; animation:fadeUp 0.3s cubic-bezier(.22, .61,.36, 1) both; }
.copyright { font-size:0.9em; color:#888; }

.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:20px; font-weight:400; 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_top.fix.footer-fix { position:absolute; top:-25px; } */

/**************************************************************  sub title  **************************************************************/

.sub_title { padding:1em 0 2em; position:relative; }
.sub_title:has(.sub_inner_menu),
.container:has(.bbs_info) .sub_title { padding:1em 0 3em; }
.container:has(.sub_4depth_menu) .sub_title { padding:1em 0 6em; }
.sub_title .inner { width:100%; padding:0 5em; display:flex; justify-content:space-between;}
.sub_title h2 { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }
/*.sub_title h2 { font-size:2.5em; text-transform:uppercase; font-weight:900; letter-spacing:1px; margin-top:20px; display:flex; align-items:center; justify-content:center; line-height:55px; }*/
.sub_title .title { position:relative; }
.sub_title .title a { position:absolute; background:#fff; top:50%; transition:all 0.3s; border:1px solid #ddd; transform:translateY(-50%); left:0; display:inline-flex; align-items:center; gap:6px; font-weight:600; line-height:1em; font-size:15px; letter-spacing:0; padding:10px 13px; border-radius:50px; }
.sub_title .title a::before { font-size:13px; transition:all 0s; }
.sub_title .title a:hover { background:#eee; border:1px solid #eee; }
.sub_title .btn_wrap { display:none; /*display:flex; gap:5px;*/ }
.sub_title .btn_wrap .btn_icon { width:35px; height:35px; font-size:18px; border-radius:40px; }
.sub_title .btn_wrap .btn_icon:hover { background:#f4f4f4; }


.breadcrumb { margin-bottom:3.5em; }
.breadcrumb ul { display:flex; font-size:14px; }
.breadcrumb > ul > li { display:inline-flex; align-items:center; position:relative; }
.breadcrumb li.home a::after { display:none; }
.breadcrumb > ul > li a { color:#000; position:relative; line-height:1em; font-weight:600; white-space:nowrap; padding:8px 10px; border-radius:8px; }
.breadcrumb > ul > li a:hover { background:#f4f4f4; }
.breadcrumb > ul > li:has(.depth2) > a::after { content:''; display:inline-block; margin-left:5px; width:10px; height:10px; background:url(/images/user/arrow_bottom.svg) 50% 50% no-repeat; background-size:contain; }
.breadcrumb > ul > li.on > a::after { transform:rotate(180deg); }
.breadcrumb > ul > li.on > a { background:#f4f4f4; }
.breadcrumb > ul > li::after { margin:0 5px; content:''; display:inline-block; opacity:0.3; width:10px; height:10px; background:url(/images/user/arrow_right.svg) 50% 50% no-repeat; background-size:contain;}
.breadcrumb > ul > li:last-child::after { display:none; }
.breadcrumb .depth2 li::after { display:none; }
.breadcrumb .depth2 { display:none; position:absolute; top:40px; left:0%; z-index:3; padding:10px; background:#fff; flex-direction:column; gap:5px; border:1px solid #ededed; border-radius:15px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); }
.breadcrumb > ul > li.on .depth2 { display:flex; animation: fadeUp 0.2s both cubic-bezier(.22, .61,.36, 1); }
.breadcrumb .depth2 li a { font-size:.9em; }
.breadcrumb .depth2 li.active a { color:var(--blue); background:#e8f2fd; }

/*subpage 3depth menu*/
.sub_inner_menu { width:100%; display:flex; align-items:flex-start; justify-content:center; text-align:center; height:60px; z-index:2; background:rgba(255,255,255,0);-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; overflow-x:auto; }
.sub_inner_menu ul { display:block; white-space:nowrap; 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:#dfdfdf; display:inline-block; margin:0 8px; }
.sub_inner_menu ul li:last-child::after { display:none; }
.sub_inner_menu ul li.active a { font-weight:900; color:var(--mainblue); background:#eaf3fb; }
.sub_inner_menu.submenufix { width:100%; border-bottom:1px solid #ededed; /* position:fixed; */ top:0; margin:0; padding-top:0; }
.sub_inner_menu.submenufix ul li a { font-size:1em; }
.header.bye { top:-100%; }
.sub_inner_menu.fixtop { top:0; }

/*subpage 4depth menu*/
.sub_inner_menu.depth4_bg {height: 115px !important;}
.sub_inner_menu .sub_4depth_menu { height:55px; padding:0; position:absolute;bottom:0px;left:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:100%;width:100%;display:none;}
.sub_inner_menu ul li.active .sub_4depth_menu{display:block;}
.sub_inner_menu .sub_4depth_menu > li a{ display:inline-flex;align-items:center; height:55px; background:none !important; position: relative; font-size:1em; padding:0; color:#767676!important; font-weight:600 !important; }
.sub_inner_menu .sub_4depth_menu > li a:hover { background:none; color:#333; }
.sub_inner_menu .sub_4depth_menu > li::after { margin:0 20px; }
.sub_inner_menu .sub_4depth_menu > li.active > a { background:none; color:var(--mainblue) !important; font-weight:700; }
.sub_inner_menu .sub_4depth_menu > li.active > a::before { width:100%;}
.sub_inner_menu .sub_4depth_menu > li a::before{ width:0%; height:2px; position:absolute; left:50%; bottom:2px; content:''; transform:translate(-50%,0); background:var(--mainblue); display:block; transition:all 0.2s;}
.sub_inner_menu .sub_4depth_menu > li a:hover::before { width:100%;}

.sub_inner_menu.fix.submenufix ul { padding:10px 0; }
.sub_inner_menu.fix.submenufix.depth4_bg { height:105px !important; border-bottom:none; }
.sub_inner_menu.fix.submenufix .sub_4depth_menu { height:50px; padding:0; }
.sub_inner_menu.fix.submenufix .sub_4depth_menu > li a { height:50px; }

/*subpage 5depth menu*/
.sub_inner_menu .sub_5depth_menu{pointer-events: none; position: absolute; top: 100px;}

/*에러페이지*/
.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; }
.errorimg { position:relative; }
.error_box img { width:25%; animation:errorIg 2s infinite; }
.error_box .title { width:100%; font-weight:900; padding:2em 0;}
.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-size:1.5em; margin:20px 0 0; font-weight:800; text-transform:capitalize; letter-spacing:-1px; }
.error_box .text { width:100%; }
.error_box .text button { padding:15px 30px; font-weight:600; font-size:1em; border-radius:50px; background:var(--mainblue); border-color:var(--mainblue); color:#fff; transition:all 0.3s; margin-top:30px; font-family:'N-SquareNeo', sans-serif; }
.error_box .text button:hover { background:var(--mainbluedeep); border-color:var(--mainbluedeep); }
.error_box .text button span { font-size:0.8em; margin-right:10px; }
.error_box .title strong.small { font-size:3.5em; line-height:1em; }

@keyframes errorIg {
0% { transform:rotate(0); }
50% { transform:rotate(20deg) }
100% { transform:rotate(0); }
}

/*tab*/
.tab_list li::after { display:none; }
.tab_list li a { position:relative; color:#888; font-size:1.2em; padding:20px 0; font-weight:900; border:none; width:100%; padding-right:20px; display:flex; justify-content:space-between; align-items:center;}
.tab_list li a span { font-size:12px; }
.tab_list li.active { border-right:1px solid #fff; }
.tab_list li.active::after, .tab_list li.active::before { width:301px; height:1px; content:''; display:block; background:#333; position:absolute; left:0; margin:0; }
.tab_list li.active::before { top:0; }
.tab_list li.active::after { bottom:0; }
.tab_list li.active a { color:#333; }

.scrollTop.submenufix .header { top:0px; }
.scrollTop .sub_inner_menu.submenufix { top:90px; }
.scrollTop.tabfix .tab_scroll .tabs { top:90px; }
.scrollTop.tabfix .tab_scroll.nonemenu .tabs { top:90px; }
.tabfix .tab_scroll.nonemenu .tabs  {top: 90px; }
.tab_scroll.nonemenu  .tabs {z-index:1 !important;}

.accordion { width:100%; border-top:2px solid #000; }
.accordion ._wrap { border-bottom:1px solid #ededed; }
.accordion ._label { font-weight:800; font-size:1.3em; padding:1.6em 0; border-radius:0; width:100%; border:none; justify-content:space-between; }
.accordion ._label p {display: flex; align-items: center; gap:5px;}
.accordion ._cont { display:none; padding:3em; border-top:1px solid #ededed; }
.accordion ._label span { font-size:0.9em; transform:rotate(0deg); transition:all 0.3s; }
.accordion .active ._label span { transform:rotate(180deg); }
.accordion ._wrap.active { background:var(--lp); }
a.alink { background:#fff; border:1px solid var(--blue); color:var(--blue); font-size:13px; border:1px solid var(--blue); padding:6px 8px; line-height:1em; border-radius:20px; display:inline-block; }
a.alink:hover { background:var(--blue); color:#fff; }

.accordion.plsbeamLineMap { width:100%; border-top:0; display: flex; flex-direction: column; gap: 10px; }
.accordion.plsbeamLineMap button {background:#fff; border: 1px solid #ededed;}
.accordion.plsbeamLineMap button:hover {border: 1px solid #d7ecff; background: #f5faff; color: #137cf3;}
.accordion.plsbeamLineMap button span {font-size:15px;}
.accordion.plsbeamLineMap button b {background: var(--mainblue); font-size:15px; color: #fff; width:30px; height:30px; line-height:1em; display:flex; justify-content: center; align-items: center; border-radius: 50px;}
.accordion.plsbeamLineMap button p{font-size:21px; display: flex; gap:10px;}
.accordion.plsbeamLineMap button p em { font-weight:600; font-size:13px; line-height:1em; margin-top:7px; }
.accordion.plsbeamLineMap ._wrap {border-bottom: 0;}
.accordion.plsbeamLineMap button img {width:30px; margin:0 10px 0 0;}
.accordion.plsbeamLineMap ._cont {background:#fff; border-top:0;}
.accordion.plsbeamLineMap ._cont .text { margin-bottom:30px; }
.accordion.plsbeamLineMap ._label { padding: 25px 20px 25px 30px;}
.accordion.plsbeamLineMap .active ._label { color:#fff; background: #0056e9; }
.accordion.plsbeamLineMap .bl_list a { font-size: 15px; padding: 15px 15px 15px 20px;}
.accordion.plsbeamLineMap .bl_list li b {font-size:15px; }
.accordion.plsbeamLineMap .bl_list li p span { font-size:15px;}

.accordion.plsbeamLineMap .side_img{margin-bottom:0;}
.accordion.plsbeamLineMap .side_img .img_box {width:40%;}
.accordion.plsbeamLineMap .side_img .text {width: 60%;}