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

.img_box { position:relative; transition:0.3s cubic-bezier(0.5,1,0.89,1); }
.img_box img { width:100%; height:100%; object-fit:cover; transition:0.3s cubic-bezier(0.5,1,0.89,1); z-index:-1; }
.img_box:hover img { transform:scale(1.05); }

/*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); display:flex; justify-content:center; align-items:center; padding:0 3rem; overflow:hidden; }
.header::after { content:''; display:block; width:100%; height:1px; position:absolute; top:80px; left:0; background:#ededed; }
.header h1 { transition:all 0.3s cubic-bezier(.22, .61,.36, 1); position:absolute; top:22px; left:4rem; display:inline-flex; }
.header h1 a { width:180px; /*height:45px;*/ display:inline-flex; transition:width 0.2s cubic-bezier(.22, .61,.36, 1), height 0.2s cubic-bezier(.22, .61,.36, 1); }
.header h1 a img { width:100%; }
.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:5rem; margin-bottom:50px; font-size:1.6rem; line-height:1.8em; }
.content_box.thin { padding:3rem; margin-bottom:30px;  }
.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; }
.content_box .text .title { font-size:3rem; font-weight:800; line-height:4.5rem; color:#00166b; display:block; margin-bottom:2rem; font-family:S-CoreDream; }
.content_box strong.title { font-size:2rem; font-weight:600; display:block; margin-bottom:1rem; font-family:S-CoreDream; }

/*gnb*/
.gnb { display:inline-block; text-transform:lowercase; text-align:left; z-index:2; }
.gnb > ul { display:flex; }
.gnb li { display:inline-block; position:relative; }
.gnb li.depth1 { min-width:150px; max-width:150px; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.gnb li.depth1 > a { color:var(--gnb); cursor:pointer; width:100%; height:80px; padding:0; display:inline-flex; justify-content: center; align-items:center; font-size:1.8rem; 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.on > a::after { width:100%; }
.gnb li.depth1.active > a { opacity:1; color:var(--main) !important; }
.gnb li.depth1.active > a::after { opacity:1; background:var(--main); }
.gnb li .depth2 { max-width:400px; display:flex; flex-direction:column; gap:2rem; padding:3rem 0px; }
.gnb li .depth2 li { display:inline-block; text-align:left; }
.gnb li .depth2 li a { font-size:1.4rem; line-height:1.5em; 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 span { background:#fff; border:1px solid #ccc; width:20px; height:20px; display:inline-flex; justify-content:center; align-items:center; font-size:10px; font-weight:500; margin-left:6px; border-radius:3px; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.gnb li .depth2 > li > a:hover span { background:var(--main); color:#fff; border:1px solid var(--main); }
.gnb li .depth2 > li > a:hover { color:#000; }
.gnb li .depth2 li a:hover { text-decoration:underline; }
.gnb li .depth2 > li:has(.active) > a,
.gnb li .depth2 > li.active > a { color:var(--main) !important; font-weight:800; }
.gnb li .depth2 > li a span::before { transition:all 0.2s; }
.gnb li .depth2 > li.open a span::before { transform:rotate(45deg); }

.gnb li .depth3 { display:none; flex-direction:column; gap:1rem; margin-top:1rem; position:relative; padding:1.5rem; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); border-top:1px solid #eaf0f6; background:var(--lp); border-bottom:1px solid #eaf0f6; }
.gnb li .depth2 li.open .depth3 { display:flex; }
.gnb li .depth3 > li > a { font-size:1.3rem; font-weight:600; color:#333; }
.gnb li .depth3 > li > a:hover { color:var(--main); }
.gnb li .depth3 > li.active a { color:var(--main) !important; }
.gnb li .submenu { height:0; opacity:0; width:100%; position:relative; pointer-events:none; visibility:hidden; text-align:left; z-index:1; padding:0 2rem; }
.gnb li .submenu::after { content:''; display:block; position:absolute; top:0; right:0; width:1px; height:100%; background:#ededed; }
.gnb li.depth1:last-child .submenu::after { display:none; }
.header.on .gnb .submenu { height:calc(100% - 80px); opacity:1; pointer-events:auto; visibility:visible; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.header.on .gnb li.depth1 { min-width:200px; max-width:200px; }
.gnb li.depth1.on .submenu { background:var(--lp); }
.gnb li.depth1.on .submenu .depth3 { background:#eaf0f6; border-color:#dce4ed; }

.scrollDown .header.on .submenu { display:none; }

.btn_closegnb { position:absolute; top:100px; right:3rem; opacity:0; pointer-events:none; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.header.on .btn_closegnb { opacity:1; pointer-events:auto; }

.header_util { height:80px; justify-content:center; line-height:1rem; z-index:3; display:inline-flex; flex-direction:column; align-items:flex-end; gap:8px; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); position:absolute; top:0; right:4rem;}
.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:10px; }
.header_util ul li { display:inline-flex; align-items:center; position:relative; } 
.header_util ul li a { font-size:1.6rem; color:var(--gnb); font-weight:800; position:relative; width:25px; height:25px; display:inline-flex; justify-content:center; align-items:center; }
.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; }

.header_util .counter { display:inline-flex; gap:5px; align-items:center; }

.musicbox { display:inline-flex; align-items:center; gap:1rem; border:1px solid #ededed; border-radius:50px; padding:1rem 1.3rem; }
.musicbox p { font-size:1.3rem; }
.musicbox p b { font-weight:600; }
.musicbox .playButton { width:20px; height:20px; font-size:10px; margin-right:5px; } 
.musicbox_control span { display:inline-block; width:23px; }
.volumeSlider {width:50px ;height:4px; background:#ccc; border-radius:3px; appearance:none;}
.volumeSlider::-webkit-slider-thumb { width:10px; height:10px; background:#666; border-radius:50%; cursor:pointer; appearance:none; }
.volumeSlider::-moz-range-thumb { width:10px; height:10px; background:#666; border-radius:50%; cursor:pointer;}

.sitemap { position:fixed; top:0; left:0; width:100%; height:100%; z-index:998; display:none; transition:all 0.5s; background:rgba(230,230,230,.7); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); }
.sitemap_header { display:flex; align-items:center; height:80px; padding:0 3rem; border-bottom:1px solid #e5e5e5; background:rgba(255,255,255,1); justify-content:space-between; position:sticky; top:0; z-index:3; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1); }

.sitemap .header_util { align-items:center; gap:30px; flex-direction:row; line-height:normal; position:static; }
.sitemap .sitemap_header .meminfo { display:flex; align-items:center; font-size:1.6rem; font-weight:600; text-align:center; color:#000; background:none; padding:0; }
.sitemap .sitemap_header .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:15px; }
.sitemap .header_util ul li a { color:#000 !important; font-size:1.6rem; font-weight:800; }
.sitemap .header_util ul li a:hover { color:#666 !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 { color:#000; font-weight:900; z-index:9; }

.sitemap .sitemap_content { position:absolute; top:0; right:-100%; background:#fff; border-left:1px solid #ddd; width:70%; height:100%; overflow-x:hidden; overflow-y:auto; z-index:2; transition:all 0.5s cubic-bezier(.22, .61,.36, 1); transition-delay:0.3s; }
.sitemap.active { display:block; animation:sitemap 0.5s 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%; background:#f9f9f9; height:calc(100% - 80px); display:flex; justify-content:center; }
.sitemap_list::-webkit-scrollbar-thumb { border-radius:50px; background-color:#333;}
.sitemap_list > ul { width:100%; position:relative; }
.sitemap_list ul li a { color:#000; position:relative; display:inline-block; line-height:1.5em; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.sitemap_list ul li a:hover { color:var(--active) !important; }
.sitemap_list .depth1 { padding:0 1px; width:30%; border-bottom:1px solid #f9f9f9; border-top:1px solid #f9f9f9; }
.sitemap_list .depth1 > a { width:100%; font-size:2.2rem; padding:2rem 2.4rem; font-family:S-coreDream; font-weight:800; display:flex; align-items:center; gap:1rem; }
.sitemap_list .depth1.active { background:#fff; border-bottom:1px solid #ededed; border-top:1px solid #ededed;}
.sitemap_list .depth1.active::after { content:''; width:1px; height:100%; background:#fff; display:block; }
.sitemap_list .depth1.active > a { color:var(--active) !important; background:#fff; position:relative; z-index:2; }
/*.sitemap_list .depth1.active > a::before {content:'';width:1px;height:100%;background:#fff;display:block;position: absolute;top: 0;right: -1px;z-index: 1;}*/
.sitemap_list .depth1 > a::after { content:"\e91e"; font-family: 'icomoon' !important; font-size:1.5rem; font-weight:600; display:inline-block; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.sitemap_list .depth1 a:hover::after { transform:translateX(10px); }
.sitemap_list .depth3 a:hover::after { transform:none; }
.sitemap_list .depth1.active .submenu { display:block; }
.sitemap_list .depth1:first-child { padding-top:0; }
.sitemap_list .depth1:first-child.active { border-top:1px solid #fff; }
.sitemap_list .depth1:last-child { padding-bottom:0; }
.sitemap_list .submenu { display:none; width:calc(70% + 2px); height:100%; overflow-y:auto; position:absolute; top:0; right:0; z-index:1; border-left:1px solid #ededed; background:#fff; }
.sitemap_list .depth2 { width:100%; padding:2rem 4rem; display:flex; flex-direction:column; }
.sitemap_list .depth2 > li { border-bottom:1px solid #ededed; padding:2rem 0; display:flex; flex-direction:column; gap:1.5rem; align-items:flex-start; }
.sitemap_list .depth2 > li:first-child {  }
.sitemap_list .depth2 > li:last-child { border-bottom:none; }
.sitemap_list .depth2 > li > a { font-size:2rem; font-weight:800; color:#333; position:relative; display:inline-flex; align-items:center; gap:1rem; }
.sitemap_list .depth2 li a::after { content:"\e91e"; font-family: 'icomoon' !important; font-size:1.5rem; font-weight:600; display:inline-block; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.sitemap_list .depth2 > li:hover > a { color:var(--active) !important; }
.sitemap_list .depth2 > li:hover a::before { background:var(--active); }
.sitemap_list .depth3 { width:100%; display:flex; flex-wrap:wrap; gap:0.5rem; }
.sitemap_list .depth3 li {  }
.sitemap_list .depth3 li a { font-size:1.4rem; font-weight:600; color:#666; padding:0.6rem 1rem; border:1px solid #ccc; border-radius:12px; display:inline-flex; align-items:center; gap:1rem; }
.sitemap_list .depth3 li a::after { font-size:1.3rem; font-weight:500; }
.sitemap_list .depth3 li a:hover { color:var(--active) !important; border:1px solid var(--active); background:#ecf5ff; }

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

.sitemap_info { position:absolute; bottom:50px; left:50px; color:#000; font-size:1.5rem; }
.sitemap_info .main_cs { }
.sitemap_info .main_cs b { font-family:S-coreDream; font-size:3rem; font-weight:900; margin-top:1rem; display:block; }
.sitemap_info .address { margin:3rem 0 2rem; }
.sitemap_info dl { margin:2rem 0; }
.sitemap_info dl dt { font-size:1.2rem; font-weight:500; }
.sitemap_info dl dd { margin:3px 0 10px; font-weight:700; }
.sitemap_info p { font-weight:600; }
.sitemap .copyright { color:#000; }

.sitemap .logo,
.sitemap.active .sitemap_info dl dt,
.sitemap.active .sitemap_info dl dd,
.sitemap.active .sitemap_info .main_cs,
.sitemap.active .sitemap_info .address,
.sitemap.active .copyright { animation:fadeRight 0.5s both cubic-bezier(.22, .61,.36, 1); }

.sitemap.active .sitemap_info .main_cs{ animation-delay:.1s; }
.sitemap.active .sitemap_info .address{ animation-delay:.2s; }
.sitemap.active .sitemap_info dl dt:nth-child(1) { animation-delay:.3s; }
.sitemap.active .sitemap_info dl dd:nth-child(2) { animation-delay:.4s; }
.sitemap.active .sitemap_info dl dt:nth-child(3) { animation-delay:.5s; }
.sitemap.active .sitemap_info dl dd:nth-child(4) { animation-delay:.6s; }
.sitemap.active .copyright { animation-delay:.7s; }

/*통합검색*/
.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:2rem; }
.header_search_form .btn_search { width:60px; height:60px; font-size:2rem; color:#000; background:none; border-radius:50px; }
.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; }
	}

.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:110%; }
.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 .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 .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  **************************************************************/

.footer { padding-bottom:6rem; color:#767676; font-size:1.4rem; position:relative; border-top:1px solid #ededed; }
.footer a { color:#767676; }
.footer a:hover { color:#000; }

.footer .sorting .inner { display:flex; flex-wrap:wrap; gap:2rem; justify-content:space-between; align-items:center; position:relative; }
.footer .top .inner { padding:2rem 8rem 2rem 0; }
.footer .top ul { display:flex; flex-wrap:wrap; gap:10px 20px; }
.footer .top ul li { display:flex; }
.footer .top ul li a { font-weight:600; transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.footer .top ul li a b { color:#000; }
.footer .top .guide_list li a::after { background:#000; }

.sns { gap:40px; }
.sns li a { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; background-image:url(../images/user/icon_sns.svg); background-size:90px 60px; background-repeat:no-repeat; transition:transform 0.2s cubic-bezier(.22, .61,.36, 1) !important;/* transition:all 0s !important;  transition:transform 0.2s cubic-bezier(.22, .61,.36, 1); */}
.sns li a:hover { transform:scale(1.1); }
.sns .youtube a { background-position:0 0; }
.sns .naver a { background-position:-30px 0px; }
.sns .facebook a { background-position:-60px 0px; }

.sns .youtube a:hover { background-position:0 -30px; }
.sns .naver a:hover { background-position:-30px -30px; }
.sns .facebook a:hover { background-position:-60px -30px; }

.footer .middle { align-items:flex-end; border-top:1px solid #ededed; }
.footer .middle .inner { padding:4rem 0; align-items:flex-end; }
.footer .middle .text { margin:3rem 0 0; display:flex; flex-direction:column; gap:1rem; }
.footer .middle .right { text-align:right; }
.footer .middle .right b { font-size:3.4rem; font-family:'S-CoreDream'; font-weight:900; color:#000; display:inline-block; margin-top:1.8rem;}
.footer .middle .right a { color:#000; }

.footer .logo { height:40px; }
.footer dl { display:flex; flex-wrap:wrap; }
.footer dl dt { font-weight:600; color:#767676; }
.footer dl dd { font-weight:400; color:#767676; 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:13px; background:#ddd; margin:0 10px; }
.footer dl dd:last-child::after { display:none; }
.footer .copyright { color:#000; line-height:1em; text-align:left; padding-left:0px; }

.footer .bottom { margin-top:4rem; }
.footer .bottom .quick_menu { display:inline-flex; flex-wrap:wrap; gap:2rem 3rem; }
.footer .bottom .quick_menu li img { height:26px; }

.footer .familysite { position:absolute; bottom:-80px; right:0; z-index:1; }
.footer .familysite button { width:150px; display:inline-flex; justify-content:space-between; padding:15px 20px; }
.footer .familysite button span { transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.footer .familysite ul { opacity:0; pointer-events:none; position:absolute; bottom:40px; padding:1rem; border-radius:1.5rem; border:1px solid #000; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); background:#fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 25px 50px -10px, rgba(0, 0, 0, 0.3) 0px 15px 30px -15px; }
.footer .familysite ul li a { color:#000; padding:1rem; display:block; border-radius:5px; }
.footer .familysite ul li a:hover { background:var(--lp); }
.footer .familysite.active button { border-color:#000; box-shadow: rgba(50, 50, 93, 0.25) 0px 25px 50px -10px, rgba(0, 0, 0, 0.3) 0px 15px 30px -15px; }
.footer .familysite.active button span { transform:rotate(45deg); }
.footer .familysite.active ul { opacity:1; pointer-events:auto; bottom:55px; }

.gbmetaport { position:absolute; top:0; right:0; }
.gbmetaport a { display:inline-block; }
.gbmetaport a img { width:100px; }

.skip_top { position:absolute; top:-27px; right:0; 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); }
.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:#000; 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_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_layout { width:100%; display:flex; justify-content:space-between; align-items:flex-start; gap:50px; padding:7rem 0 0; }
.sub_layout:has(.leftmenu) .content_wrap { width:calc(100% - 380px); }

.sub_layout .content_wrap { width:1300px; margin:0 auto; font-size:1.5rem; }

.leftmenu { width:280px; margin:-20px 0 30px; }
.leftmenu .icon-home { display:none; }
.leftmenu h2 { width:100%; height:85px; font-size:3rem; color:#000; font-weight:900; display:flex; align-items:center; background:url(../images/user/character.svg) 100% 100% / contain no-repeat; border-bottom:5px solid #0938A7; position:relative; }
.leftmenu h2::after, .leftmenu h2::before { content:''; height:5px; display:block; position:absolute; bottom:-5px; }
.leftmenu h2::after { background:#39AC49; right:45%; width:35%; }
.leftmenu h2::before { background:#FF6F00; right:0; width:45%; }

.lnb { margin-top:3rem; }
.lnb .depth1 { background:#fff; border-radius:2.9rem; display:flex; flex-direction:column; }
.lnb .depth1 > li.active > a { color:#fff !important; font-weight:800; background:#0938A7 !important; gap:10px; padding-left:1.5rem; }
.lnb .depth1 > li.active > a::before { content:''; width:5px; height:5px; border-radius:5px; background:#0938A7; display:block; position:absolute; left:1rem; }
.lnb .depth1 > li { border-bottom:1px solid #ededed; }
.lnb li a { font-size:1.5rem; font-weight:600; padding:1.5rem 1.5rem 1.5rem 0; display:flex; align-items:center; justify-content:space-between; width:100%; position:relative; transition:all 0.2s cubic-bezier(.22, .61,.36, 1);  border-radius:8px; }
.lnb .depth1 > li > a::after { content:'\e91e'; font-family:'icomoon' !important; font-size:10px; display:inline-block; font-weight:400; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.lnb .depth1 > li.lnb_sub_has > a::after { content:'\e90c'; }
.lnb .depth1 > li > a:hover { color:#000; background:#f3f7fb; padding:1.5rem; }
.lnb li:not(.lnb_sub_has) a:hover::after { transform:translateX(6px); }

.lnb .lnb_submenu { display:none; padding:1.5rem; }
.lnb .depth2 > li.active > a { color:#0938A7 !important; font-weight:800; text-decoration:underline; }
.lnb .depth2 li a { font-size:1.4rem; margin:1rem 0; border-radius:0; padding:0; color:#666 !important; } 
.lnb .depth2 li a::after { right:1rem; }
.lnb .depth2 li a:hover { text-decoration:underline; color:#000 !important; }
.lnb .depth2 > li.active > a:hover { color:#0938A7 !important; }
.lnb .on > a { background:#e9eef3 !important; padding:1.5rem; }
.lnb .on .lnb_submenu { display:block; }
.lnb .on > a::after { transform:rotate(-45deg); }
.lnb .selected { display:none; }

.sub_header {width:100%; display:flex; justify-content:space-between; border-bottom:2px solid #000; padding-bottom:2.5rem; margin-bottom:5rem; }
.sub_header h3 { font-size:3.5rem; font-weight:800; text-align:center; line-height:1em; }

.sub_header_info { display:flex; align-items:center; gap:1rem; }
.sub_header_info button { background:#ededed; border:none; }
.breadcrumb { font-family:N-SquareNeo; position:relative; z-index:3; margin-right:1rem; }
.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; font-weight:600; }
.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.home a::after,
.breadcrumb li:last-child::after { display:none; }

.page_title { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:2.4rem; }
.page_title h4 { font-size:26px; color:#0d4d96;background: url(../images/koreha/title_left.png) no-repeat 0 center; padding-left:30px; font-weight:bold; line-height: 4rem;}
.page_title .notice { line-height:1em; }

.article { margin-bottom:6rem; font-size:1.5rem; }
.article:last-of-type { margin-bottom:0; }
.article .title { margin-bottom:2rem; }
.article .title h4 { font-size:2.6rem; }

/*에러페이지*/
.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.basic .tabs { display:flex; align-items:center; border-bottom:1px solid #ccc; height:49px; }
.tab_wrap.basic .tabs li { margin-left:-1px; height:50px; }
.tab_wrap.basic .tabs li:first-child { margin-left:0; }
.tab_wrap.basic .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.basic .tabs li a:hover { background:#e7eef5; }
.tab_wrap.basic .tabs li.active a { background:#fff; border-bottom:1px solid #fff; }
.tab_wrap.basic .tab_content { padding-top:2rem; }

.tab_wrap .tab_content { display:none; }
.tab_content[aria-hidden="false"] {	display:block; animation:fadeIn 1s both;}
.tabs li a.active { font-weight:bold; }


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

/*KOREHA CSS 수정*/
.content_wrap .content { width:100%; position:relative; float:none; }
.sub_01_01 { width:100%; }
.tab_bt2 {  }