@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-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:100%; padding:0 7rem; }
.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:none; z-index:4; /* transition:all 0.2s cubic-bezier(.22, .61,.36, 1); */ }
.header .inner { height:100%; display:flex; justify-content:center; align-items:center; position:relative; font-size:1.1rem; }

.header h1 { transition:all 0.3s cubic-bezier(.22, .61,.36, 1); width:290px; display:inline-flex; position:absolute; left:7rem; }
.header h1 a { width:200px; height:27px; display:inline-flex; 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; position:sticky; transition:all 0.2s cubic-bezier(.22, .61,.36, 1);}
.scrollTop .left_nav { top:115px; }*/

.article_wrap .title_wrap { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; }
.article_wrap .title_wrap .title { font-size:1.8rem; }

.content_box { padding:5rem; margin-bottom:50px; font-size:1.8rem; line-height:1.8em; }
.content_box.thin { padding:3rem; margin-bottom:30px; font-size:1.4rem; }
.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; }
.gnb > ul { display:flex; }
.gnb li { display:inline-block; position:relative; }
.gnb li.depth1 { padding:0 2rem; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.gnb li.depth1 > a { color:var(--gnb); cursor:pointer; white-space:nowrap; height:75px; display:inline-flex; align-items:center; font-size:1.6rem; font-weight:700; position:relative;transition:all 0.3s; text-transform: uppercase; position:relative; z-index:2;}
.gnb li.depth1.active > a { opacity:1; color:var(--main); }
.gnb li .depth2 { max-width:400px; display:flex; flex-direction:column; }
.gnb li .depth2 li { display:inline-block; text-align:left; line-height:1rem; }
.gnb li .depth2 li a { white-space:nowrap; padding:1.3rem 1.5rem; font-size:1.4rem; text-align:left; width:100%; display:block; border-radius:10px; 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:hover { background:#f4f4f4; }
.gnb li .depth2 > li:has(.active) > a,
.gnb li .depth2 > li.active > a { color:var(--main); background:var(--mainlight); font-weight:800; }
.gnb li .depth3 { padding:1rem 1.5rem 2rem; display:flex; flex-direction:column; gap:1.5rem; }
.gnb li .depth2 > li:last-child .depth3 { padding:1rem 1.5rem 1.5rem; }
.gnb li .depth2 > li.active .depth3 { padding:1.5rem; }
.gnb li .depth3 li a { font-size:1.3rem; color:#767676; padding:0; position:relative; width:auto; display:inline-flex; align-items:center; }
.gnb li .depth3 li a::before { content:''; display:inline-block; width:3px; height:3px; background:#767676; margin-right:5px; }
.gnb li .depth3 li a::after { width:0%; height:1px; position:absolute; left:50%; bottom:-5px; content:''; transform:translateX(-50%); background:var(--main); opacity:1; display:block; transition:all 0.2s;}
.gnb li .depth3 li a:hover { color:var(--main); }
.gnb li .depth3 li a:hover::after { width:100%; }
.gnb li .depth3 li a:hover::before { background:var(--main); }
.gnb li .depth3 li.active a { color:var(--main); font-weight:800; }
.gnb li .depth3 li.active a::before { background:var(--main); }
.gnb li .submenu { height:0; opacity:0; pointer-events:none; visibility:hidden; border-radius:0 0 15px 15px; text-align:left; z-index:1; background:#fff; padding:1rem 2rem 2rem; border:1px solid #ededed; border-top:none; box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px; position:absolute; top:75px; left:-1.5rem;}
.gnb li.depth1.on .submenu { height:auto; opacity:1; pointer-events:auto; visibility:visible; }

.header_util { position:absolute !important; right:7rem; line-height:1rem; display:inline-flex; flex-direction:column; align-items:flex-end; gap:10px; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.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:15px; }
.header_util ul li { display:inline-flex; align-items:center; position:relative; }
.header_util ul li a { font-size:1.4rem; color:#000; font-weight:700; position:relative; text-transform:capitalize; }
.header_util ul li p { font-size:1.3rem; color:#000; font-weight:500; }
.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 .tooltip { display:none !important; animation:balloonTop 0.3s both cubic-bezier(.22, .61,.36, 1); }
.header_util ul li .open_sitemap { background:#f4f4f4; font-size:1.6rem; border:none; }
.header_util ul li .open_sitemap:hover { background:#ccc; }

.sitemap { position:fixed !important; top:0; left:0; width:100%; height:100%; z-index:998; display:none; justify-content:space-between; transition:all 0.5s; background:rgba(0,0,0,.8); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); }
.sitemap.active { display:flex; animation:sitemap 0.5s both cubic-bezier(.22, .61,.36, 1); }

.sitemap_header { display:flex; align-items:center; height:70px; 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 .sitemap_header .left { display:flex; align-items:center; gap:2rem; }
.sitemap .sitemap_header .left .col { display:flex; align-items:center; gap:5px; font-size:1.3rem; }
.sitemap .sitemap_header .left .col i { font-size:1.3rem; }
.sitemap .sitemap_header .left button { border:1px solid #d0edd7; background:var(--mainlight); color:var(--main); font-size:1.2rem; width:20px !important; height:20px !important; }

.sitemap .header_util { position:fixed; top:18px; }
.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 .header_util .btn_close { opacity:1; }
.sitemap .header_util ul li .icon-close { font-size:1.4rem; }

.sitemap .logo { z-index:2; }
.sitemap .logo a { width:200px; display:inline-block; }
.sitemap .logo a img { width:100%; }
.sitemap .btn_close { color:#fff; font-weight:700; z-index:9; width:40px; height:40px; }

.sitemap .sitemap_content { width:65%; padding:5rem 7rem 5rem 0; height:100%; overflow-x:hidden; overflow-y:auto; 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 { width:100%; position:relative; }
.sitemap_list ul li a { color:#fff; font-size:2rem; 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:#78b6e4 !important; }
.sitemap_list .depth1 { padding:2rem 0; width:100%; display:flex; justify-content:space-between; border-bottom:1px solid #666; }
.sitemap_list .depth1:last-child { border-bottom:none; }
.sitemap_list .depth1 > a { font-size:3rem; font-weight:800; }
.sitemap_list .submenu { width:50%; }
.sitemap_list .depth2 { width:100%; display:flex; flex-direction:column; }
.sitemap_list .depth2 > li { border-bottom:1px solid #444; padding:2rem 0; display:flex; flex-direction:column; gap:2rem; align-items:flex-start; }
.sitemap_list .depth2 > li:last-child { border-bottom:none; }
.sitemap_list .depth2 > li > a { font-size:1.8rem; font-weight:700; color:#fff; position:relative; display:inline-block;  }
.sitemap_list .depth2 > li:hover > a { color:#78b6e4; }
.sitemap_list .depth3 { width:100%; display:flex; flex-wrap:wrap; flex-direction:column; gap:1.5rem; }
.sitemap_list .depth3 li a { font-size:1.4rem; font-weight:600; color:#fff; }
.sitemap_list .depth3 li a::after { font-size:1.3rem; font-weight:500; display:none; }
.sitemap_list .depth3 li a:hover { color:var(--main) !important; text-decoration:underline; }

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

.sitemap_info { width:25%; height:100%; display:flex; flex-direction:column; justify-content:space-between; color:#fff; padding:25px 5rem 5rem 7rem; }
.sitemap_info dl { font-size:1.3rem; }
.sitemap_info dl dt { font-weight:700; opacity:0.6; }
.sitemap_info dl dd { margin:0px 0 15px; font-weight:500; }
.sitemap_info > p { font-weight:500; font-size:1.2rem; }
.sitemap.active .copyright { font-family:'N-SquareNeo'; 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:2rem 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% - 50px); height:50px; color:#000; border:none; background:none; box-shadow:none; font-weight:600; font-size:2rem; }
.header_search_form .btn_search { width:50px; height:50px; font-size:2.4rem; color:#000; background:none; border-radius:15px; }
.header_search_form .btn_search:hover { animation:jelly 0.5s; background:#f1f1f1; }

.header_search.open .header_search_content { animation:fadeDown 0.5s both cubic-bezier(.22, .61,.36, 1); animation-delay:0.2s; }
.header_search.open .btn_close::after { border-radius:20px; }

/* The Close Button */
.header_search .btn_close { position:absolute; top:120px; right:calc(50% - 17.5px); opacity:1; width:45px; height:45px; color:#fff; border:1px solid #fff; background:rgba(255,255,255,0); border-radius:17px; display:inline-block; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); padding:0; }
.header_search .btn_close:hover { background:#fff; color:#000; animation:jelly 0.5s both cubic-bezier(.22, .61,.36, 1); }

*:has(.tooltip) { position:relative; }
.tooltip { background:#fff; color:#000; border:1px solid #000; padding:7px 7px; line-height:1rem; font-size:1.2rem; font-weight:600; border-radius:50px; position:absolute; z-index:10; white-space:nowrap; transition:all 0.2s; top:35px; 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:130%; }
.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;}

.tooltip_on .tooltip { display:block; animation:balloon 0.3s both cubic-bezier(.22, .61,.36, 1); }
.tooltip_on .tooltip.top { 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 .header_util ul li a,
.header:hover .gnb li.depth1 > a,
.header:hover .header_util .meminfo { color:#000; }
.header:hover .gnb li.depth1.active > a { color:var(--main); }
.header:hover .header_util ul li a:hover { color:#999; }
.header:hover .gnb li.depth1.active > a::after { background:var(--main); }
.header:hover .gnb li.depth1.on > a { color:var(--main); }

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

.footer { padding:5rem 0; border-top:1px solid #ededed; background:#000; color:#999; font-size:1.4rem; position:relative; }
.footer .top { border-bottom:1px solid #333; padding-bottom:2rem; align-items:flex-end; margin-bottom:2rem; }
.footer .top, .footer .bottom { display:flex; justify-content:space-between; }
.footer .bottom { align-items: flex-end; }
.footer .left, .footer .right { display:flex; gap:1rem; }
.footer .left ul { display:flex; gap:2rem; font-size:1.6rem; }
.footer  h2 img { height:25px; opacity:0.6; filter:grayscale(1); }
.footer .text { display:flex; flex-direction:column; gap:5px; }
.footer .text .row { display:flex; flex-wrap:wrap; }
.footer dl { display:inline-flex; flex-wrap:wrap; font-size:1.3rem; }
.footer dl dt { font-weight:600; color:#999; margin-right:6px; }
.footer dl dd { font-weight:400; color:#999; display:inline-flex; margin-right:20px; align-items:center; }

.footer dl dd:last-child::after { display:none; }
.footer a { color:#999; }
.footer a:hover { color:#fff; }

.familysite { position:relative; z-index:1; }
.familysite button { width:150px; height:50px; border-radius:50px; background:#1e1e1e; color:#fff; border:none; display:inline-flex; justify-content:space-around; }
.familysite ul { background:#fff; border:1px solid #000; padding:1.5rem; display:none; flex-direction:column; gap:7px; border-radius:20px; position:absolute; right:0; bottom:60px; 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; }
.familysite ul li a { width:180px; height:50px; background:#fff; border:1px solid #eee; transition:all 0.3s; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; padding:10px; color:#000; font-size:1.5rem; font-weight:700; }
.familysite ul li a img { height:100%; width:100%; object-fit:contain; }
.familysite ul li.small a img { height:70%; }
.familysite ul li a:hover { border:1px solid #666; box-shadow:0 0 0 5px rgba(0, 0, 0, 0.08); }
.familysite.active ul { display:flex; animation:fadeUp 0.3s both; }
.familysite.active button i { transform:rotate(180deg); }

.skip_top { width:50px; height:50px; border-radius:250px; border:none; background:#1e1e1e; color:#fff; 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:#fff; overflow:hidden; z-index:9; transition:all 0.5s; -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; background:#666; }
.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 {  }

.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 { width:100%; position:relative; align-items:start; }

/*sub head 설정*/
.sub_ .header { background:none; position:absolute; transition:background 0.3s; }
.sub_ .header.scroll { background:rgba(0,0,0,0.8); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }

.sub_ .header h1 a { background:url(/images/user/logo_white.svg) 50% 50% / contain no-repeat; }
.sub_ .header .header_util ul li a { color:#fff; }
.sub_ .header_util .open_sitemap { background:#000; color:#fff; }
.sub_ .header_util .open_sitemap:hover { background:#ccc; color:var(--apctp); }

.sub_ .header .header_util ul li a,
.sub_ .header .gnb li.depth1 > a { color:#fff; }
.sub_ .header .gnb li.depth1.active > a,
.sub_ .header .gnb li.depth1.on > a { color:var(--apctp); }
.sub_ .header .gnb li .submenu { background:rgba(0,0,0,0.8); box-shadow:none; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border:none; }

.sub_ .header_util ul li p { color:#fff; }
.sub_ .header:hover .header_util ul li a,
.sub_ .header:hover .gnb li.depth1 > a,
.sub_ .header:hover .header_util .meminfo { color:#fff; }
.sub_ .header:hover { background:rgba(0,0,0,0.8); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(10px); }
.sub_ .header:hover .header_util ul li a:hover { color:#999; }
.sub_ .header:hover .header_util .open_sitemap { background:#000; color:#fff; }
.sub_ .header:hover .header_util .open_sitemap:hover { background:#333; color:#fff; }
.sub_ .header:hover .header .gnb li a { color:#fff; }
.sub_ .header:hover .gnb li.depth1.active > a,
.sub_ .header:hover .gnb li.depth1.on > a { color:var(--apctp); }
.sub_ .header:hover .gnb .depth2 a { color:#fff; }
.sub_ .header:hover .gnb .depth2 a:hover { background:rgba(255,255,255,0.1); }
.sub_ .header:hover .gnb .depth1.active > a { color:var(--main); }
.sub_ .header:hover .gnb .depth2 .active a,
.sub_ .header:hover .gnb .depth2 .active a:hover { background:var(--apctp); color:#000; }
/*sub head 설정*/

.sub_header_title { padding:20rem 0 4rem; position:relative; z-index:0;  }
.sub_header_title.about { background:url(/images/user/bg_sub1.jpg) 50% 50% / cover no-repeat; }
.sub_header_title.apctpnetwork { background:url(/images/user/bg_sub2.jpg) 50% 50% / cover no-repeat; }
.sub_header_title.studentinternship { background:url(/images/user/bg_sub3.jpg) 50% 50% / cover no-repeat; }
.sub_header_title.visitingscientist { background:url(/images/user/bg_sub4.jpg) 50% 50% / cover no-repeat; }
.sub_header_title.updates { background:url(/images/user/bg_sub5.jpg) 50% 50% / cover no-repeat; }
.sub_header_title .inner { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; }
.sub_header_title::after { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background: #000000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0.8) 100%);}
.sub_header_title h2 { font-family:Poppins; color:#fff; font-size:5.8rem; font-weight:600; text-align:center; text-transform:capitalize; width:100%; padding-bottom:10rem; }
.maincontent .sub_header { margin-bottom:4rem; }
.sub_header_title .top_content {width:100%; display:flex; justify-content:space-between; align-items:center; }
.sub_header_title .btn_wrap { margin:0; }
.sub_header_title .btn_wrap button { font-size:1.5rem; }
.sub_header_title .btn_wrap button:hover { animation:jelly 0.5s; }
.sub_header_title .btn_wrap button img { height:18px; }
.sub_header_title .btn_wrap button .tooltip, .btn_bookmark .tooltip { font-size:10px; padding:3px 5px; bottom:125%; }
.sub_header_title .title h3 { font-weight:900; text-transform:capitalize; font-size:4rem; line-height:2em; }

.breadcrumb { font-family:N-SquareNeo; position:relative; }
.breadcrumb ul { white-space:nowrap; display:inline-flex; align-items:center; font-size:13px; }
.breadcrumb li { color:#fff; white-space:nowrap; display:inline-flexflex; align-items:center; position:relative; line-height:20px; }
.breadcrumb li::after { margin:0 10px; font-weight:400; content:'\e91f'; color:#999; font-family:'icomoon' !important; display:inline-block; font-size:10px; opacity:0.7; }
.breadcrumb li a, .breadcrumb li p { color:#fff; font-weight:600; position:relative; line-height:1rem; white-space:nowrap; display:inline-flex; align-items:center; }
.breadcrumb li.home a::after,
.breadcrumb li:last-child::after { display:none; }
.breadcrumb li:last-child { font-weight:700; }
.breadcrumb li a::after { content:''; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:0; height:1px; background:#fff; display:block; transition:all 0.3s; }
.breadcrumb li a:hover::after { width:100%; }

.submenu_wrap { position:sticky; top:0; z-index:3; background:rgba(255,255,255,0.8); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.submenu_wrap ul { display:flex; padding:2rem 0; border-bottom:1px solid #ededed; }
.submenu_wrap ul li::after { content:''; width:1px; height:15px; background:#AEAEAE; display:inline-block; margin:0 2rem; }
.submenu_wrap ul li:last-child::after { display:none; }
.submenu_wrap ul li { display:flex; align-items:center; }
.submenu_wrap ul li a { font-size:1.6rem; color:#AEAEAE; transition:all 0.3s; }
.submenu_wrap ul li a:hover { color:#000; }
.submenu_wrap ul li.active a { color:#000; font-weight:700; }

.fix_submenu .submenu_wrap { border-bottom:1px solid #ededed; }
.fix_submenu .submenu_wrap ul { border-bottom:none; }

/*에러페이지*/
.error_wrap { width:100%; height:100vh; display:flex; justify-content:center; align-items:center;}
.error_box { display:flex; align-items:center; flex-direction:column; text-align:center; }
.error_box img { width:20%; }
.error_box .title { width:100%; font-weight:900; padding-top:4rem;}
.error_box .title strong { font-family:S-coredream; text-transform:capitalize; font-size:7rem; line-height:1em; font-weight:900; margin-bottom:30px; display:block; }
.error_box .title p { font-family:N-SquareNeo; font-size:2.4rem; font-weight:800; letter-spacing:-1px; margin-bottom:30px;  }
.error_box .text { width:100%; font-family:N-SquareNeo; font-weight:600; font-size:1.6rem; color:#767676; }
.error_box .text button { padding:15px 25px; font-weight:600; font-size:1.5rem; border-radius:50px; transition:all 0.3s; margin-top:30px; font-family:'N-SquareNeo', sans-serif; }
.error_box .text button span { font-size:1.3rem; 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; }

.sub_container .inner { width:1500px; margin:0 auto; }
.sub_content { padding:10rem 0; }
.sub_content .headline { text-align:center; }
.sub_content .headline h3 { font-family:Poppins; font-size:4rem; font-weight:800; margin-bottom:4rem; }
.sub_content .headline p { font-size:2.2rem; font-weight:500; line-height:1.6em; color:#767676; }

.sub_content .article_wrap { font-size:1.8rem; line-height:2em; padding:7rem 0; }
.sub_content .article_wrap:has(.soon) { padding:5rem 0; }
.sub_content .article_wrap h4 { font-family:Poppins; font-size:2.6rem; font-weight:800; margin-bottom:2rem; }
.sub_content .article_wrap:first-of-type { padding-top:0; }
.sub_content .article_wrap:last-of-type { padding-bottom:0; }
.sub_content .article_wrap.bg_lg { padding:8rem 0; }
.sub_content .soon { font-size:2rem; color:#999; font-weight:600; }

.article_wrap .img_wrap { margin-top:7rem; width:100%; height:500px; border-radius:2rem; overflow:hidden; }
.article_wrap .img_wrap img { width:100%; height:100%; object-fit:cover; transition:all 0.3s; }
.article_wrap .img_wrap.width50p { border-radius:0; overflow:hidden; }
.article_wrap .img_wrap.width50p img { width:100%; height:auto; object-fit:unset; border-radius:2rem; transition:all 0.3s; }
.article_wrap .text_right { padding-left:50%; margin:7rem 0; }
.article_wrap .text_right p { margin:2rem 0; }
.article_wrap .text p { margin-bottom:2rem; }
.article_wrap .text p:last-child, .article_wrap .text_right:last-child { margin-bottom:0; }

.box_wrap { display:flex; gap:3rem; }
.box_wrap.col3 .box { width:calc(100% / 3 - 6rem / 3); }
.box_wrap.col3 .box .img_wrap { aspect-ratio:16/9; height:auto; margin-top:0;}
.box_wrap.col3 .box .text { padding-top:2rem; }
.box_wrap.col3 .box strong { font-size:2.4rem; display:block; margin-bottom:1rem; font-weight:700; }
.box_wrap.col3 .box strong span { font-size:1.4rem; display:inline-block; margin-left:10px; font-weight:600; }
.box_wrap.col3 .box p { font-size:1.6rem; line-height:1.4em; color:#767676; }
.box_wrap.col3 .box ul { display:flex; flex-direction:column; gap:1rem; }
.box_wrap.col3 .box ul li { line-height:1em; }
.box_wrap.col3 .box ul li a { font-size:1.5rem; line-height:1em; display:inline-block;}
.box_wrap.col3 .box ul li i { font-size:1.2rem; margin-left:5px; }

.box_wrap.col3 .box > a { display:block; border:1px solid #ededed; border-radius:3rem; position:relative; transition:all 0.3s; }
.box_wrap.col3 .box > a .text { padding:2rem 2.4rem; min-height:200px; }
.box_wrap.col3 .box > a .img_wrap { border-radius:3rem 3rem 0 0; }
.box_wrap.col3 .box > a .deco { width:40px; height:40px; display:inline-flex; justify-content:center; align-items:center; background:#f4f4f4; border-radius:50px; position:absolute; right:2rem; bottom:2rem; transition:all 0.3s; }
.box_wrap.col3 .box > a:hover { border:1px solid #666; box-shadow:0 0 0 10px rgba(0,0,0,0.05); }
.box_wrap.col3 .box > a:hover .img_wrap img { transform:scale(1.05); }
.box_wrap.col3 .box > a:hover .deco { background:var(--apctp); color:#fff; }

.box_wrap.col3 .box:hover .img_wrap img { transform:scale(1.05); }
.box_wrap.col3 .box > a.basic { border-radius:2rem; border:none; }
.box_wrap.col3 .box > a.basic .text { min-height:0; padding:3rem 0 0; }
.box_wrap.col3 .box > a.basic .img_wrap { border-radius:2rem; }
.box_wrap.col3 .box > a.basic:hover { border:none; box-shadow:none; }

.box_wrap .btn_wrap { justify-content:flex-start; margin:0; }

.list { display:flex; flex-direction:column; gap:20px; }
.list li { position:relative; padding:0 0 0 30px; font-weight:600; font-size:1.7rem; line-height:3rem; }
.list li::before { content:''; display:block; width:15px; height:15px; border-radius:50px; background:#74AFD9; position:absolute; top:8px; left:0; }
.list li b { font-weight:800; margin-right:10px; }

.list._text li { padding:0; }
.list._text li::before { display:none; }

.row_flex { display:flex; margin-bottom:10rem; }
.row_flex:last-child { margin-bottom:0; }
.row_flex .title { width:50%; }
.row_flex .title h4 { font-size:3rem; font-weight:700; line-height:5rem; }
.row_flex .text { width:50%; padding-top:7px; }

.content_box .row_flex { margin:3rem 0 0; border-top:1px solid #dce4ed; padding-top:3rem; }
.content_box .row_flex .title h4 { font-size:3rem; font-weight:800; line-height:5rem; }
.content_box .row_flex .title { width:30%; }
.content_box .row_flex .text { width:70%; }

.partners { display:flex; flex-wrap:wrap; gap:2rem; }
.partners li { width:calc(100% / 3 - 4rem / 3); }
.partners li a { width:100%; padding:2rem 0; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #e7e7e7; transition:all 0.3s; }
.partners li a:hover { border:1px solid #666; box-shadow:0 0 0 8px rgba(0,0,0,0.03); }
.partners li a img { height:30px; }

/*tab*/
.tab_wrap .tabs { display:flex; align-items:center; position:relative; }
.tab_wrap .tabs::after { content:''; display:block; width:100%; border-bottom:1px solid #ccc; position:absolute; bottom:0; }
.tab_wrap .tabs li { margin-left:-1px; position:relative; z-index:1; }
.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:15px 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:#c6d3e7; }
.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; margin-top:5rem; min-height:30px; }
.content_bottom .left, .content_bottom .right { display:inline-flex; gap:5px; width:auto; }
.content_bottom .inner { height:100%; display:flex; justify-content:space-between; align-items:center; }
.content_bottom .right { display:none; }

.content_bottom:not(:has(.right button)) .left { width:100%; justify-content:center;}
.content_bottom:not(:has(.right button)) .left .btn_list { width:150px; height:50px; font-size:1.5rem; color:#fff; font-weight:700; text-transform:uppercase; background: #0c6ac2;
background: linear-gradient(162deg, rgba(12, 106, 194, 1) 0%, rgba(23, 29, 99, 1) 100%); border:1px solid #062e87 !important; }
.content_bottom:not(:has(.right button)) .left .btn_list:hover { background: #000e2b;
background: linear-gradient(162deg, rgba(0, 14, 43, 1) 0%, rgba(11, 55, 133, 1) 100%); border:1px solid #000 !important; color:#fff !important;}
.content_bottom:has(.right button) .inner { justify-content:space-between; }
.content_bottom:has(.right button) .right { display:inline-flex; }

.accordion ._label::after { content:'\ea3e'; 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; }

/*tree*/
.tree_wrap { display:flex; }
.tree_box { width:260px; position:sticky; top:0; }
.tree_box .tree_list { width:100%; border:1px solid #ededed; background:#fff; padding:2rem; border-radius:2rem; max-height:calc(100vh - 240px); overflow:auto; }
.tree_box button { display:none; }
.tree_content { width:calc(100% - 260px); padding-left:3rem; }

/* The Modal (background) */
.modal { display:none; position:fixed; z-index:1000; font-size:15px; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.8); transition:all 0.3s; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); opacity:0; display:none;}
.modal.open { display:block; opacity:1; animation:sitemap 0.4s both cubic-bezier(.22, .61,.36, 1); }

/* Modal ContentBox */
/* html:has(.modal.open), body:has(.modal.open) { overflow:hidden; height:auto; } */
.modal_wrap { width:100%; height:100%; color:#000; line-height:1.7em; padding:0 3em; display:flex; justify-content:center; align-items:center; position: relative;}
.modal_box { display:none; flex-direction:column; background:#fff; width:50%; border-radius:20px; max-width:90%; max-height:90vh; position:absolute; overflow:hidden;
  left:50%; top:50%; transform: translate(-50%, -50%); }
.modal_box form { width:100%; height:100%; display:flex; flex-direction: column;}
.modal.open .modal_box { display:flex; animation:modalopen 0.4s both; animation-delay:0.3s;}
.modal_box:has(.modal_bottom) { border-radius:20px 20px 15px 15px; }

.modal_title { flex-shrink:0; width:100%; height:55px; display:flex; border-bottom:1px solid #ebeff3; justify-content:space-between; align-items:center; font-weight:600; padding:0 10px 0 20px; }
.modal_title h3 { text-align: left; color: #333; font-size: 1.7rem; font-weight:600;}
.modal_content { flex: 1; padding:20px 20px; box-sizing:border-box; width:100%; height:calc(100% - 57px); overflow-y:auto; overflow-x:hidden;}
.modal_bottom { flex-shrink: 0; padding:10px; border-top:1px solid #ebeff3; display:flex; align-items:center; justify-content:space-between; position:relative; }
.modal_bottom .btn_s { padding:0 15px; font-size:15px; height:32px; border-radius:7px; }
.modal_bottom .pagination { top:50%; transform:translate(-50%,-50%); }
.modal_bottom .pagination li a { min-width:24px; height:24px; line-height:24px; }
.modal_bottom .pagination .first, .modal_bottom .pagination .last { font-size:10px; }
.modal_bottom .pagination .next, .modal_bottom .pagination .prev { font-size:12px; }
.modal:has(.modal_bottom) .modal_content { max-height:calc(100dvh - 180px); height:calc(100% - 101px); }
.modal_content h4 { font-size:1.7rem; margin-bottom:1rem; }
.modal_bottom .btn_m { padding:0 16px; }

/* The Close Button */
.modal_box .btn_close { width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; z-index:99; transition:all 0.3s;}
.modal_box .btn_close_wrap .btn_close { position:absolute;}

.papup_board_top { margin-bottom:20px; }
.papup_board_top .search_box { padding:15px; background:var(--lp); justify-content:center; margin-bottom:20px; }

.modal_subbar { padding:0 10px; border-bottom:1px solid #ebeff3; height:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.modal_subbar .total { font-size:0.9em; padding-top:15px; }
.modal_subbar .search_box .selectText,
.modal_subbar .search_box .inputText,
.modal_subbar .search_box .btn_search,
.modal_subbar .search_box .btn_detailsearch { height:38px; font-size:1em; }
.modal_subbar .search_box .inputText { width:200px; }
.modal_subbar .search_box .btn_search { width:38px; font-size:1.2em; }
.modal_box:has(.modal_subbar) .modal_content { height:calc(100% - 185px); }