@charset "UTF-8";
/* CSS Document */

/**************************************************************************************************************************************/
/****************************************************  main page  ***********************************************************************/

.main_content { padding-top:90px; }
.main_content .section { padding:5em 0; }
.main_content .section:last-child { padding:5em 0 90px; }
 /*메인페이지 공통*/
.main_section_header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:2em; }
.main_section_header h2 { font-size:3em; line-height:1.1em; font-weight:900; text-transform:uppercase; font-family:S-coreDream; display:inline-block; }
.main_section_header a  { transition:all 0.3s; font-weight:600; padding:0 15px 0 20px; line-height:1em; display:flex; align-items:center; gap:10px; box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.1); border-radius: 30px; background: #fff; border: 1px solid #99a1a9; height: 40px; justify-content: center; }
.main_section_header a:hover {border: 1px solid #333; transition:all 0.3s;}
.main_section_header a span { font-size:0.9em; }

.main_section_title{ display:flex; justify-content:space-between; align-items:flex-end; margin:4em 0 2em; }
.main_section_title h3 { font-size:2em; line-height:1.1em; font-weight:800; text-transform:uppercase; font-family:S-coreDream; display:inline-block; }
.main_section_title a { font-weight:600; line-height:1em; display:flex; align-items:center; gap:10px; }
.main_section_title a span { font-size:0.9em; }

.slide_progressbar { width:100%; height:5px; background:#ededed; position:relative; border-radius:50px; }
.swiper-pagination-progressbar { background:#ededed !important; }
.swiper-pagination-progressbar-fill { height:5px; background:#000 !important; border-radius:50px; }
.btn_slide_wrap { margin-top:20px; display:inline-flex; gap:5px; }
.btn_slide { width:40px; height:40px; border-radius:50px; font-size:18px; color:#000; background:#ddd; border:none; }
.btn_slide:hover { background:#eee; color:#000; border-color:#000; }
.btn_slide:disabled { opacity:0.3; }

.thumbnail { aspect-ratio:2 / 1.25; width:100%; overflow:hidden;position:relative; }
.thumbnail img { width:100%; height:100%; opacity:0; object-fit:cover; position:absolute; top:0; left:0; }
.thumbnailImg { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; transition:transform 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; font-family: 'icomoon' !important; font-size:80px; content:"\e95d"; background:#f9f9f9; color:#e9e9e9; display:flex; align-items:center; justify-content:center; }
a:hover .thumbnailImg { transform:scale(1.1,1.1); }
 .thumbnail:hover{transform:scale(1); }

.thumb_zoom { position:absolute; top:30px; left:-3px; width:240px; height:240px; border-radius:10px; opacity:0; pointer-events:none; z-index:9; padding:5px; background:#fff; border:1px solid #aaa; box-shadow:0px 5px 20px 0 rgba(0,0,0,0.3); transition:opacity 0.3s; }
.thumb_zoom img { position:static; width:100% !important; height:100% !important; opacity:1; transform:none !important; object-fit:cover; border-radius:5px !important; }
.thumbnail:hover .thumb_zoom { opacity:1; }

.main_slide { width:100%; height:500px; position:relative; }
.main_slide .swiper-slide { display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; width:100% !important; }
.main_slide .swiper-slide img { object-fit:cover; width:100%; height:100%; }
.main_slide::after { content:''; display:none; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:1; pointer-events:none; }
.main_slide .swiper-slide .inner { position:relative; z-index:2; }
.main_slide_control { position:absolute; bottom:30px; right:0; display:inline-flex; /*transform:translateX(-50%);*/ z-index:9; animation:fadeUpXY 0.7s cubic-bezier(.22, .61,.36, 1) both; }
.main_slide_control div { display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.main_slide_control .left::after { content:''; display:inline-block; width:1px; height:30px; background:#fbfbfb; margin:0 10px; }
.main_slide_control button { width:35px; height:35px; border-radius:35px; font-size:13px; color:#000; background:rgba(255,255,255,0.9); animation:fadeUp 0.3s cubic-bezier(.22, .61,.36, 1) both; -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); border:1px solid #fff; }
.main_slide_control button:hover { background:rgba(255,255,255,1); color:#000; border-color:#000; }
.main_slide_control .paging { padding:0 10px; width:70px; position:static; height:35px; border-radius:35px; font-size:13px; color:#000; background:rgba(255,255,255,0.9); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); border:1px solid #fff; }
.main_slide_control .btn_paly { display:none; }

 @keyframes fadeUpXY {
	0% { transform:translateY(20%) /*translateX(-50%)*/; opacity:0; }
 100% { transform:translateY(0) /*translateX(-50%)*/; opacity:1; }
	}

.section1 { position:relative; }
.section1 .title { transition:all 0s; font-family:S-CoreDream; gap:10px; position:absolute; top:47%; left:50%; transform:translate(-50%,-50%); z-index:2; color:#fff; display:inline-flex; display:none; flex-direction:column; text-align:center; white-space:nowrap; align-items:center;}
.section1 .title p { font-weight:900; transition:all 0s; font-size:4em; position:relative; overflow:hidden; line-height:1.2em; /* text-shadow:-1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 0px #000; */ }
/*.section1 .title p:nth-child(1), .section1 .title p:nth-child(2) { font-size:5em; line-height:1.1em; font-weight:600; }
.section1 .title p:nth-child(2) { margin-bottom:30px; }
.section1 .title p:nth-child(3), .section1 .title p:nth-child(4) { font-size:1.2em; line-height:1.7em; }*/
.section1 .title strong, .section1 .title p { display:inline-flex; flex-direction:column; /*text-transform:capitalize;*/  }
.section1 .title p span { animation:textUp 1s cubic-bezier(.22, .61,.36, 1) both; }
.section1 .title p:nth-child(1) span { animation-delay:0.2s; }
.section1 .title p:nth-child(2) span { animation-delay:0.3s; }
.section1 .title p:nth-child(3) span { animation-delay:0.4s; }
.section1 .title p:nth-child(4) span { animation-delay:0.5s; }
.section1.popup_on .title p { left:30%; text-align:left; transition:all 0.3s; }
.section1 .title.popup_hide p { left:0; transition:all 0.8s cubic-bezier(.22, .61,.36, 1); }
.section1 .title.popup_hide p:nth-child(1) { transition-delay:0s; }
.section1 .title.popup_hide p:nth-child(2){ transition-delay:0.1s; }
.section1 .title.popup_hide p:nth-child(3) { transition-delay:0.2s; }

.main_modal {position:absolute; display:none; z-index:3; top:30px; left:0; border-radius:15px; align-items:center; justify-content:center; background:rgba(0,0,0,0.6); -webkit-backdrop-filter:blur(15px); backdrop-filter: blur(15px) }
.main_modal_box { width:400px; position:relative; display:flex; flex-direction:column-reverse; }
.main_modal .swiper-slide { width:100%; height:400px; background:url(/images/user/pal_symbol.svg) 50% 50% / 30% 30% no-repeat #222; overflow:hidden; border-radius:15px 15px 0 0; }
.main_modal .modal_slide { width:100%; }
.main_modal .modal_slide a { width:100%; height:100%; display:block; position:relative; border-radius:15px 15px 0 0; }
.main_modal .modal_slide a:focus::after { content:'';display:block; width:calc(100% - 4px); height:calc(100% - 4px); pointer-events:none; border:2px dashed #007dc3; position:absolute; top:0px; left:0px; }
.main_modal img { /* opacity:0;  */width:100%; height:100%; object-fit:cover; }
.main_modal .swiper-slide.typeText { background:#fff; }
.main_modal .swiper-slide.typeText a { padding:2em; overflow-y:auto; color:#000; }
.main_modal .swiper-slide.typeText a::after { content:''; display:block; width:150px; height:100px; opacity:0.2; pointer-events:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  }

.swiper-control { width:100%; display:flex; justify-content:center; align-items:center; }
.swiper-control .modal_slide_paging button { width:12px; height:12px; background:#999; border:1px solid #000; opacity:1; }
.swiper-control button.swiper-pagination-bullet-active { background:#fff; position:relative; }
.swiper-control button.swiper-pagination-bullet-active::after { animation:btn_close 1s both infinite cubic-bezier(.22, .61,.36, 1); content:''; display:block; position:absolute; top:50%; left:50%; opacity:0; transform:translate(-50%,-50%) scale(1); width:15px; height:15px; border:3px solid #ccc; border-radius:50px; }
.swiper-control .btn_prev, .main_modal .btn_next { z-index:2; color:#000; background:rgba(255,255,255,0.9); border-radius:50px; width:35px; height:35px; transform:translateY(-50%); border:1px solid #fff; position:absolute; top:50%;}
.swiper-control .btn_prev:hover, .main_modal .btn_next:hover { background:#fff; color:#000; border-color:#000; }
.swiper-control .btn_prev { left:-45px; }
.swiper-control .btn_next { right:-45px; }
.swiper-pagination-total { font-weight:800; color:#000; }

.modal_control { display:flex; align-items:center; justify-content:space-between; border-radius:0 0 15px 15px; padding:10px; }
.modal_control .wrap { display:inline-flex; align-items:center; gap:5px; }
.modal_control .modal_slide_paging { width:auto; color:#999; }
.modal_control .swiper-pagination-total { font-weight:800; color:#fff; }
.modal_control .checkbox .check label { color:#fff; font-size:13px; line-height:1em; }
.modal_control .btn_close { color:#fff; background:none; border:1px solid #fff; opacity:1; margin-left:5px; border-radius:5px; width:50px; height:25px; z-index:2; text-transform:lowercase; white-space:nowrap; }
.modal_control .btn_close:hover { color:#000; background:#fff }
.modal_control input[type='checkbox']::before { border:1px solid #666; background:#292c2b; color:#292c2b; }
.modal_control input[type='checkbox']:hover { box-shadow:none; }
.modal_control input[type='checkbox']:hover::before { border:1px solid #fff; }
.modal_control input[type='checkbox']:checked::before { background:var(--mainblue); color:#fff; border:1px solid var(--mainblue); }
.modal_control input[type='checkbox']:checked + label { font-weight:400; }
.modal_slide_control .btn_slide { z-index:99; position:absolute; bottom:50%; transform:translateY(-50%); }
.main_modal.active { display:flex; animation:fadeUp 0.5s both;}

#menu { position:fixed; top:50%; transform:translateY(-50%); right:30px; z-index:1;}
#menu li a { text-indent:-5000px; width:10px; height:10px; background:#333; display:inline-block; border-radius:30px; opacity:0.5; border:1px solid #fff;}
#menu li.active a { opacity:1;}

/*news*/
.section2 { position:relative;}
.news_wrap { display: grid; grid-template-columns:repeat(3, 1fr); grid-template-rows:auto; gap: 10px;}
.news_item { border:1px solid #ddd; transition:all 0.3s cubic-bezier(.22, .61,.36, 1);overflow: hidden; }
.news_item:hover { z-index:2; position:relative; 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; }
.news_item > a{ width:100%; height:100%; background:#fff; display:block; position:relative;}
.news_item .text_wrap { padding:2em; height:195px; display:flex; flex-direction:column; justify-content:space-between; }
.news_item .text_wrap .title p { margin-bottom:0.5em; font-weight:600; font-size:0.9em; color:#5c5c5c; }
.news_item .text_wrap .title strong { font-size:1.2em; font-weight:800; line-height:1.6em; }
.news_item .text_wrap .text { display:flex; justify-content:space-between; margin-top: 0.8em;  align-items: center; }

.news_wrap.last { margin-top:4em; }
.news_wrap .thumbnailImg { transform:scale(1); }
.news_wrap a:hover .thumbnailImg { transform:scale(1); }
.news_item .thumbnail.kosua::after { background:url(/images/user/img_kosua.svg) 50% 50% / 50% no-repeat #132577; content:''; }

.news_item.none_img .thumbnail {display:none;}
.news_item.none_img .text_wrap { height:100%; padding:2em; color:#fff; min-height:200px; }
.news_item.none_img .text_wrap::after { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:'icomoon' !important; font-size: 80px; content: "\e95d"; color: #e9e9e9; }
.news_item.none_img .text_wrap .title {height:calc(100% - 30px );}
.news_item.none_img .text_wrap .textover { height:calc(100% - 30px ); -webkit-line-clamp: 4;}
.news_item.none_img .title p { font-size:1em; position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }

.news_item .news_item_title { position:absolute; top:2em; left:2em; z-index:2; color:#fff; }
.news_item.none_img {background:#f9f9f9; border:1px solid #ebebeb;}
.news_item.none_img:hover { box-shadow:none; }
.news_item.none_img a { cursor:default; }
.news_wrap.last .news_item.none_img { background:#333; }
.news_item.none_img .swiper-slide::after { display:none; }

.news_item.none_img .swiper-slide .text p { text-align:center; }
.news_item.none_img .swiper-slide .text span { margin:0; }

.news_item.all_news a { display:flex; justify-content: space-between; overflow: hidden;}
.news_item.all_news .text_wrap { background-color: #132577; color:#fff; width:50%; height: auto; padding:2em; display:flex; flex-direction:column; justify-content:space-between; }
.news_item.all_news .text_wrap .title p { margin-bottom:0.8em; }
.news_item.all_news .text_wrap .title strong { font-size:1.2em; }
.news_item.all_news .text_wrap .text { display:flex; justify-content:space-between; margin-top: 0.8em;  align-items: center; }
.news_item.all_news .thumbnail {width:50%; padding-bottom:30%; }

 /* 썸네일에 none_img 같이 사용 시 none_img 적용 */
.thumbnail.none_img {display:none;}

.sub_container .news_wrap { display:block; }
.sub_container .news_wrap .news_item:nth-child(1) { height:auto; /*border-radius:15px;*/ overflow:hidden; }

/*news slide*/
.news_slide { width:100%; height:100%; position:relative; }
.news_slide .swiper-slide .thumbnail { aspect-ratio: 2 / 1.25; width:100%; position:relative; }
.news_slide .swiper-slide a { width:100%; height:100%; }
.news_slide .swiper-slide a:focus::before { content:''; display:block; position:absolute; width:calc(100% - 5px); height:calc(100% - 5px); z-index:2; top:0px; left:0px; border:2px dashed #007dc3; }
.news_slide .swiper-slide .text { height:200px; background:#333; display:block; z-index:1; padding:2em 2em; width:100%; }
.news_slide .swiper-slide .text strong { position:static; display:block; margin-bottom:10px; }
.news_slide .swiper-slide .text p { color:#fff; font-size:2em; line-height:1.3em; font-weight:800; text-transform:capitalize; /* text-shadow:0 5px 0 rgba(0,0,0,0.2); */ }
.news_slide .swiper-slide .text p.title { text-shadow:none; font-size:1.6em; line-height:1.7em; }
.news_slide .swiper-slide .text span { font-size:1.2em; font-weight:700; line-height:1.6em; display:block; color:#fff;text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.news_slide_ctrl { width:100%; position:absolute; z-index:1; bottom:20px; left:50%; transform:translateX(-50%); display:flex; justify-content:center; gap:20px; }
.news_slide_ctrl button { width:40px; height:40px; color:#fff; background:rgba(255,255,255,0); border:none;}
.news_slide_paging { font-size:13px; width:auto !important; position:static; height:40px; border-radius:50px; color:#fff; display:flex; justify-content:center; align-items:center; gap:5px; }
.news_slide_ctrl .news_slide_paging button { background:#fff; width:10px; height:10px; }
.news_slide .swiper-button-lock { display:inline-flex; }

/*RESEARCH RESULT*/
.report_wrap { display:flex; justify-content:space-between; flex-wrap: wrap; gap:20px;}
.report_wrap .item { width:calc(100% / 4 - 15px); position:relative; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.report_wrap .item:hover { 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; }
.report_wrap .thumbnail { width:100%; height:200px; border:1px solid #ccc; background:#f4f4f4;}
.report_wrap .text { background:#001435; padding:2em 3em; }
.report_wrap .mainlink { color:#aeb3bd; display:block; }
.report_wrap .text strong { font-size:1.5em; font-weight:800; line-height:1.5em; margin:0.5em 0 0em; color:#fff;  }
.report_wrap .text p { max-width:100%; display:inline-block; }
.report_wrap .text span { display:block; font-weight:600; color:#b5d4ef;}

.report_wrap .blank_link { position:absolute; bottom:2em; left:2em; right:2em; background:#fff; color:#001435; padding:10px 10px; display:flex; justify-content:center; border-radius:50px; text-align:center; font-weight:600; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.report_wrap .blank_link em { max-width:calc(100% - 35px); display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.report_wrap .blank_link:hover { background:var(--mainblue); color:#fff; }
.report_wrap .blank_link .icon-blank { margin-left:5px; font-size:17px; line-height:inherit; }

/*At a Alance PAL*/
.pal_number_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:5em; }
.pal_number_box { width:calc(25% - 2em); text-align:center; color:#fff; position:relative; z-index:0; }
.pal_number_content { width:100%; height: auto; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.pal_number_box img { height:160px;}
.pal_number_box .pal_text { width:100%; margin-top: 2em;}
.pal_number_box p { font-size:1.7em; font-weight:600; line-height: 1.3em; white-space:nowrap; margin:1em 0 1em; color:#003485; }
.pal_number strong { font-size:5em; font-weight:900; line-height:1.3em; font-family:S-coreDream; color:#003485;  }
.section4 .notice { text-align:right; margin-top:30px; font-size:0.9em; }

/*스케쥴*/
.schedule_wrap { width:100%; display:grid; grid-template-columns:1fr 360px 1fr; align-items:stretch; grid-template-rows:1fr; grid-gap:30px; position:relative; }
.schedule_box.box1 { grid-column:1 / 2; grid-row:1 / 1; }
.schedule_box.box2 { grid-column:3 / 3; grid-row:1 / 1; }
/*스케쥴 정보 box*/
.schedule_info_box { grid-column:2 / 3; grid-row:1 / 1; padding:40px 30px; border-radius:0; justify-content:center; flex-direction:column; background:url(/images/user/bg_grad.svg) 50% 50% / cover no-repeat #0C1C48; color:#fff; width:100%; position:relative; display:flex; align-items:center; z-index:1; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.schedule_info_box .date_ctrl_wrap { width:100%; display:flex; justify-content:center; align-items:center; gap:30px; }
.schedule_info_box .date_ctrl_wrap .btn_slide { width:40px; height:40px; border:2px solid #fff; color:#fff; background:none; }
.caption_wrap { width:calc(100% / 2 - 50px / 2); }
.schedule_info_box .date_wrap { display:flex; flex-direction:column; gap:10px; text-align:center; font-weight:600; font-size:1.2em; font-family:S-coreDream; }
.schedule_info_box .date_wrap .day { font-size:4em; line-height:1.2em; font-weight:500; font-family:S-coreDream; }
.schedule_info_box .date_wrap .year,
.schedule_info_box .date_wrap .toweek { font-family:notoSerif; opacity:0.8; }
.schedule_wrap .caption { margin-top:30px; padding-top:30px; display:flex; align-items:flex-start; justify-content:space-between; gap:30px; border-top:1px solid transparent;border-image: linear-gradient(to right, #000810 0%, #707d89 50%, #000810 100%); border-image-slice: 1; }
.schedule_wrap .caption strong { font-size:1em; margin-bottom:12px; display:block; font-weight:800; }
.schedule_wrap .caption ul { display:flex; flex-wrap:wrap; flex-direction:column; gap:11px 15px; }
.schedule_wrap .caption li { font-size:12px; color:#ccc; font-weight:600; line-height:1.3em; position:relative; padding-left:15px; }
.schedule_wrap .caption li::before { width:10px; height:10px; border-radius:20px; display:inline-block; content:''; position:absolute; top:2px; left:0; }

.schedule_content .graph { width:100%; max-height:280px; padding:15px; background:var(--lp); border-radius:10px; position:relative; }
.schedule_content .graph .shutdown { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-transform:capitalize; pointer-events:none; font-size:1.1em; font-weight:900; color:#b1bbc5; }
.schedule_content .graph canvas { width:100% !important; }
.schedule_content .caption { display:none; }
.schedule_box_wrap { width:100%; position:absolute; top:40px; left:0; z-index:0; display:flex; justify-content:space-between; }
.schedule_box { width:100%; border-radius:0px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; background:#fff; padding:20px; }
.schedule_title { padding:20px 20px 20px 30px; border-radius:5px; background:#003485; color:#fff; font-weight:900; display:flex; justify-content:space-between; }
.schedule_content { display:flex; flex-direction:column; }
.schedule_list { width:100%; display:flex; justify-content:space-around; vertical-align:middle; margin:20px 0; }
.schedule_list li { position:relative; text-align:center; border-radius:50px; padding:10px; }
.schedule_list li p { display:flex; font-size:14px; line-height:1.3em; flex-direction:column; color:#000; margin-bottom:10px; font-weight:700; }
.schedule_list li p span { font-size:10px; font-weight:600; color:#757575; text-transform:uppercase; }
.schedule_list li strong { width:35px; height:35px; font-weight:800; font-size:1.2em; display:inline-flex; justify-content:center; align-items:center; font-family:S-coreDream; border-radius:50px; color:#fff; }
.schedule_list li:nth-child(1) p, .schedule_list li:nth-child(1) p span { color:#b90000; }
.schedule_list li:nth-child(7) p, .schedule_list li:nth-child(7) p span { color:#2c6dff; }
.schedule_list li.type01 strong { background:#2942c0; color:#fff; }
.schedule_list li.type02 strong { background:#0d77bd; color:#fff; }
.schedule_list li.type03 strong { background:#e3214d; color:#fff; }
.schedule_list li.type04 strong { background:#efa600; color:#573f0a; }
.schedule_list li.type05 strong { background:#30bec0; color:#003849; }

.schedule_list li.plsType001 strong { background:#6699ff; color:rgb(255 255 255 / 100%); }
.schedule_list li.plsType002 strong { background:#92d050; color:rgb(255 255 255 / 100%); }
.schedule_list li.plsType003 strong { background:#ffcc33; color:rgb(255 255 255 / 100%); }
.schedule_list li.plsType004 strong { background:#ffff66; color:rgb(255 255 255 / 100%); }
.schedule_list li.plsType005 strong { background:#ffcc99; color:rgb(255 255 255 / 100%); }
.schedule_list li.plsType006 strong { background:#c3c3c3; color:rgb(255 255 255 / 100%); }

.schedule_list li.xfelType001 strong { background:#6699ff; color:rgb(255 255 255 / 100%); }
.schedule_list li.xfelType002 strong { background:#92d050; color:rgb(255 255 255 / 100%); }
.schedule_list li.xfelType003 strong { background:#ff9999; color:rgb(255 255 255 / 100%); }
.schedule_list li.xfelType004 strong { background:#ffcc33; color:rgb(255 255 255 / 100%); }
.schedule_list li.xfelType005 strong { background:#c3c3c3; color:rgb(255 255 255 / 100%); }

.schedule_box .more { display:flex; justify-content:center; gap:5px; }
.schedule_box .more button { display:flex; padding:5px 8px; background:none; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); border:1px solid #fff; color:#fff; font-weight:600; font-size:13px; justify-content:space-between; align-items:center; }
.schedule_box .more button:hover { background:#fff; color:#000; }
.schedule_box .more button:nth-child(2) span { font-size:12px; }
.schedule_box .more button .icon-blank::after { font-size:13px !important; }

.en.schedule_title { flex-direction:column; align-items:center; gap:10px; }

/*introduce PAL*/
.section5 { position:relative; }
.section5 .inner { position:relative; z-index:2; }

.introduce_menu ul { display:grid; grid-template-columns:repeat(5, 1fr); flex-wrap:wrap; grid-gap:0; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.introduce_menu li { width:100%; height:420px; position:relative; }
.introduce_menu li a { color:#fff; display:flex; align-items:center; width:100%; height:100%; position:relative; z-index:1; }
.introduce_menu li a .text { width:100%; display:inline-flex; align-items:center; flex-direction:column; text-align:center; }
.introduce_menu li a .text strong { font-size:1.5em; font-weight:900; margin-bottom:1em; }
.introduce_menu li a .text p { font-size:1em; line-height:1.8em; min-height:80px; }
.introduce_menu li span { width:50px; height:50px; border-radius:40px; background:rgba(255,255,255,0.2); display:flex; justify-content:center; align-items:center; -webkit-backdrop-filter: blur(15px); backdrop-filter:blur(15px); font-size:1.3em; margin-top:12%; flex-direction:row-reverse; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.introduce_menu li span em { opacity:0; position:absolute; left:-100%; font-size:15px;}
.introduce_menu li .cover_img { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; overflow:hidden;}
.introduce_menu li .cover_img::after { content:''; width:100%; height:100%; display:block; background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.introduce_menu li .cover_img img { width:100%; height:100%; object-fit:cover; transition:all 0.3s cubic-bezier(.22, .61,.36, 1);}
.introduce_menu ul:hover { grid-gap:10px; }
.introduce_menu ul:hover img { filter: grayscale(1); }
.introduce_menu li:hover .cover_img::after { background:rgba(0,0,0,0.7);-webkit-backdrop-filter: blur(15px); backdrop-filter:blur(15px); }
.introduce_menu li:hover .cover_img img { transform:scale(1.1); filter: grayscale(0);}
.introduce_menu li:hover span { width:auto; padding:0 20px; }
.introduce_menu li:hover span em { opacity:1; position:static; left:-100%; margin-right:10px; transition:all 0.3s cubic-bezier(.22, .61,.36, 1);}

.en .introduce_menu ul { grid-template-columns:repeat(3, 1fr); }

.qlink_slide { display:none; }
.introduce_menu .swiper-slide { height:420px; position:relative; /* transition:all 0.3s cubic-bezier(.22, .61,.36, 1); */ }
.introduce_menu .swiper-slide a { color:#fff; display:flex; align-items:center; width:100%; height:100%; position:relative; z-index:1; }
.introduce_menu .swiper-slide a .text { position:relative; z-index:1; width:100%; display:inline-flex; align-items:center; flex-direction:column; text-align:center; }
.introduce_menu .swiper-slide a .text strong { font-size:1.5em; font-weight:900; margin-bottom:1em; }
.introduce_menu .swiper-slide a .text p { font-size:1em; line-height:1.8em; min-height:80px; }
.introduce_menu .swiper-slide span { padding:0 20px; width:AUTO; height:50px; border-radius:40px; background:rgba(255,255,255,0.2); display:flex; justify-content:center; align-items:center; -webkit-backdrop-filter: blur(15px); backdrop-filter:blur(15px); font-size:1.3em; margin-top:12%; flex-direction:row-reverse; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.introduce_menu .swiper-slide span em { position:static; margin-right:10px; font-size:15px; }
.introduce_menu .swiper-slide .cover_img { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; overflow:hidden;}
.introduce_menu .swiper-slide .cover_img::after { content:''; width:100%; height:100%; display:block; background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.introduce_menu .swiper-slide .cover_img img { width:100%; height:100%; object-fit:cover; transition:all 0.3s cubic-bezier(.22, .61,.36, 1);}
/* .introduce_menu .swiper-wrapper:hover .swiper-slide { margin-right:10px; }
.introduce_menu .swiper-wrapper:hover .swiper-slide:last-child { margin-right:0; }
.introduce_menu .qlink_slide:hover img { filter: grayscale(1); }
.introduce_menu .swiper-slide:hover .cover_img::after { background:rgba(0,0,0,0.7);-webkit-backdrop-filter: blur(15px); backdrop-filter:blur(15px); }
.introduce_menu .swiper-slide:hover .cover_img img { transform:scale(1.1); filter: grayscale(0);}*/
.introduce_menu .swiper-pagination-progressbar { position:relative; top:auto; bottom:0; margin-top:30px; }

/**************************************************************************************************************************************/
/**************************************************************  sub page  ************************************************************/

.sub_container .text p { margin-bottom:20px; line-height:2.2em;}
.sub_container .text p:last-child { margin-bottom:0; }
.common_content { font-size:15px; }
.headline_title { font-size:2.6em; text-transform:uppercase; font-weight:900; margin:-60px 0 40px; display:flex; align-items:center; justify-content:center; line-height:55px; }

.title_wrap { display:flex; justify-content:space-between; margin-bottom:1em; }
.title_wrap h3.title { margin:0; }
h3.title { font-size:1.4em; margin-bottom:1em; }
.exp { font-size:13px; line-height:1.8em; }
.exp .color_red { display:inline-block; font-size:17px; margin-right:3px; transform:translateY(-3px); color:#e21818; }
.exp_l { font-size:15px; line-height:1.7em; }
.exp_l.bg_lp { padding:20px; }

.content h3 { font-size:2em; margin-bottom:1.2em; transition:all 0.3s; }
.content h3.small { font-size:1.6em !important; margin-bottom:1em; }
.content h3 .bold { font-size:2.4em; font-weight:900; line-height:1em; }
.content h3.col em { font-size:.6em; margin-top:10px; font-weight:400; color:#757575; display:block; }
.content h3 .marking { position:relative; z-index:1; font-weight:900; }
.content h3 .marking::after { content:''; width:105%; height:14px; background:#15ffa9; position:absolute; bottom:6px; left:50%; transform:translateX(-50%); z-index:-1; }
.content h4 { line-height:1.3em; font-weight:600; font-size:1.5em; margin-bottom:1.2em; }
.content h4.small { font-size:1.3em; margin-bottom:0.5em; }
.content h4.short { margin-bottom:0.5em; }
.content h5 { line-height:1.3em; font-weight:600; font-size:1.1em; margin:2em 0 0.7em; }
.content h3.short { margin-bottom:20px; }
.content h4 b { font-size:1.2em; font-weight:800; }
.content h4 span.small { font-size:24px; font-weight:600; }
.content h4.col { display:flex; flex-direction:column; gap:15px; }
.article_wrap { position:relative; /*margin-bottom:7em; */padding:4em 0 0; }
.article_wrap > .text { margin-bottom:80px; }
.article_wrap > .text.short { margin-bottom:40px; }
.article_wrap:has(.namecard_wrap) > .text { margin-bottom:40px; }
.article_wrap.short { padding-bottom:4em !important; }
.article_wrap .article { display:flex; justify-content:space-between; position:relative; align-items:flex-start; }
.article_wrap .text_wrap { width:calc(100% - 340px); padding-bottom:5em; border-bottom:1px solid #ededed; }
.article_wrap .article h3,
.article_wrap .article > h4 { position:sticky; top:100px; line-height:1.5em; transition:0.3s; }
.article_wrap:last-of-type .text_wrap { border-bottom:none; padding-bottom:0;}
.article_wrap:first-of-type { padding-top:0; }
.article_wrap:last-of-type { padding-bottom:8em; }
.visual_content .article_wrap:first-of-type { padding-top:0; }
.visual_content .article_wrap { padding:7em 0 0; }
.visual_content .article_wrap:last-of-type { padding-bottom:8em; }
.dark_trg .article_wrap:first-of-type { padding-top:5em; }
.article_wrap.bg_lp { padding:8em 0; }
.scrollTop .article_wrap .article h3 { top:170px; }
.scrollTop .article_wrap .article h4 { top:130px; }
/*.article_wrap *:last-child { margin-bottom:0 !important; }*/
.article_wrap .article .text { margin-bottom:5em; }
.article_wrap .article .text:last-of-type { margin-bottom:0; }
.article_wrap .article .text.short { margin-bottom:2em; }
.article_wrap .article .text p { font-size:1em; line-height:2.2em; margin-bottom:1.5em; text-align:justify; }
.article_wrap .article .text p.exp { display:block; font-size:15px; color:#757575; line-height:1.8em; }
.article_wrap .article .text p .math_word { height:20px;transform: translateY(4px); }
.article_wrap .article .text p .math_word2 { height:30px; transform: translateY(9px); }
.article_wrap .article .text .grid { margin-bottom:50px; }
.article_wrap .article .text .grid:last-of-type { margin-bottom:0; }
.article_wrap .img_box { margin-bottom:40px; display:inline-flex; flex-direction:column; overflow:hidden; border-radius:10px; }
.article_wrap .img_box img { width:100%; border-radius:10px; }
.article_wrap .img_box img.bdY { border:1px solid #eee !important; padding:2em !important; background:#fff; }
.article_wrap .img_box.bdY { border:1px solid #eee !important; padding:2em; background:#fff;}
.article_wrap .caption { font-size:13px !important; color:#e12a00; text-align:center !important; line-height:1.6em !important; margin-top:1em; font-weight:600; }
.article_wrap .caption img { width:auto; height:1.4em;}

.en .article_wrap .article .text p { text-align:left; }

.guideRadiant .article_wrap .article h4 { margin-bottom:20px; }
.guideRadiant .article_wrap .article .text { margin-bottom:40px; }
.guideRadiant .article_wrap .article .text:last-of-type { margin-bottom:0; }
.guideRadiant .article_wrap .article p { margin-bottom:10px; }
.guideRadiant .number_list.circle { gap:5px; }

.bg_darknavy .caption { color:#ff5200; }
.article_wrap .img_box.fl { margin-right:3em; }
.article_wrap .img_box.fr { margin-left:3em; }
.article_wrap .text.cont_inner:first-of-type { padding-top:5em !important; }
.article_wrap .text.cont_inner { margin-bottom:5em; }
.article_wrap .cont_inner .detailtitle { line-height:1em; font-weight:600; font-size:1.2em; margin-bottom:1.5em; }
.article_wrap .cont_inner .detailcont { width:100%; }

.article_wrap .text > *:last-child { margin-bottom:0; }
.article_wrap > *:last-child { margin-bottom:0; }

/*연구소소개*/
.info_box_type1 { display:flex; gap:20px; }
.info_box_type1 .info_box { width:50%; padding:30px; border:1px solid #d9e9f9; background:#fff; border-radius:20px; box-shadow:0 0 30px 0 rgba(0,55,255,0.15); }
.info_box_type1 .info_box dt { color:#fff; border-radius:10px; padding:15px; text-align:center; margin-bottom:20px; font-weight:600; }
.info_box_type1 .info_box dd ul { display:flex; flex-direction:column; gap:5px; padding-left:10px; }
.info_box_type1 .info_box dd ul li::before { width:4px; height:4px; background:#ccc; content:''; display:inline-block; margin-right:10px; transform: translateY(-3px); }


.content_box { padding:50px; margin-bottom:40px; }
.content_box h3 .bold { font-size:35px; font-weight: 900; line-height: 1em;}
.content_box.thin { padding:30px; margin-bottom:24px; }
.content_box.expand { padding:100px; }
.content_box.bt { display:flex; align-items:center;}
.content_box.type_math { display:flex; justify-content:center; align-items:center; }
.content_box.type_math img { max-width:90%; height:26px; }
.content_box.type_math.fraction img { height:45px; }
#agree_page .content_box { margin-bottom:0; }
.content_box > .text { margin-bottom:2em; }
.content_box > .text:last-child { margin-bottom:0; }
.info_category { margin-bottom:1em; }
.info_category ul { display:flex; gap:30px; align-items:center; }
.info_category ul li { line-height:1em; display:inline-flex; align-items:center;}
.info_category ul li::before { content:''; display:inline-block; width:4px; height:4px; border-radius:4px; background:#666; margin-right:7px; }
.table_wrap { margin-bottom:40px; }
.round_box { padding:80px; border-radius:15px; }
.round_box .text_wrap { padding-bottom:0; border-bottom:0; }
.color_section .article_wrap { padding:6em 0; }
.color_section > .inner:first-child .article_wrap { padding-top:0; }
.content_box.bg_lp .checkbox.center .check label { font-size:1em; }
.content_box .intro { margin-bottom:3em; }
.content_box .intro h3 { margin-bottom:26px; font-size:1.6em; }
.content_box .intro strong { display:block; margin-bottom:6px; }
.content_box .form p { margin-bottom:2em; }

.agree_box_wrap { margin-bottom:2em; }
.agree_box_wrap .agree_box { background:#fff; padding:50px; margin-bottom:1em;}
.agree_box_wrap .agree_box:last-child { margin-bottom:0; }
.agree_box_wrap .agree_box h4 { margin-bottom:20px; font-size:1.3em; display:flex; align-items:center; gap:10px; }
.agree_box_wrap .agree_box table { margin-bottom:20px; }

.agreeCheck .checkbox .check label { font-size:1em; }

.btn_wrap { margin-top:40px; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.btn_wrap.center { justify-content:center; }
.btn_wrap.between { justify-content:space-between; }
.btn_wrap button { min-width:180px; }
.btn_wrap button span::before { font-size:13px; }
.btn_wrap .btn_l:has(span) { justify-content:space-between; padding:0 20px 0 28px; }
.btn_wrap .btn_l .icon-arrow-r { transition:all 0.3s; }
.btn_wrap .btn_l:hover .icon-arrow-r { transform:translateX(5px); }
.linemark { border:1px solid #000; border-radius:50px; padding:5px 10px; font-size:15px; line-height:1em; }
.btn_wrap .btn_m { min-width:100px; }

.word_wrap { display:flex; gap:5px; flex-wrap:wrap; margin-top:7px; }
.word { border:1px solid #ddd; display:inline-flex; gap:5px; align-items:center; border-radius:7px; padding-right:10px; }
.word p { font-size:0.8em; padding:0 10px; }
.word .inputText, .word button { border-radius:5px; border:none; background:none; }
.word .inputText { display:inline-block; background-color: #fff !important;}
.word button { font-size:0.8em; border-radius:5px; border:none; background:none; height:20px; width:20px; padding:0; }
.word .inputText:hover, .word button:hover { border:none; background:none; box-shadow:none; }
.word button:hover { color:var(--mainblue); }
.word.modifying { border-color:#000; }

.namecard_wrap { display:flex; padding:20px 40px 20px 50px; gap:40px; background:var(--lightblue); border-radius:15px; justify-content:space-between; flex-direction:row-reverse; }
.namecard_wrap strong { font-weight:700; font-size:1.2em; width:100px; justify-content:center; display:inline-flex; align-items:center; gap:10px; }
.namecard_wrap::before { content:''; width:130px; height:150px; display:inline-block; background:url(/images/user/information.png) 50% 50% no-repeat; background-size:contain; }
.namecard { display:flex; flex-direction:column; justify-content:center; gap:20px; }
.namecard dl { display:flex; align-items:center; gap:24px; line-height:1em; color:#000; }
.namecard dl dt { width:120px; line-height:1em; }
.namecard dl dd { display:inline-flex; align-items:center; gap:20px; }
.namecard dl dd p { display:inline-flex; align-items:center; }
.namecard dl dd span { display:inline-flex; color:#546bcb; align-items:center; justify-content:center; margin-right:7px; font-size:14px; width:24px; height:24px; background:#bbd6e5; border-radius:50px; }

.namecard_wrap.tel_info {margin-bottom:40px;}
.namecard_wrap.tel_info strong{width:100%; justify-content: flex-start;}
.namecard_wrap.tel_info dl dt { width:150px; }
.namecard_wrap.edu_info dl dt { width:200px; }
.en .namecard_wrap.edu_info dl {flex-direction: column;align-items: flex-start;gap: 8px;}
.en .namecard_wrap.edu_info dl dt { width:auto; }


.process_list { margin-top:10px; }
.process_list ul { display:flex; flex-direction:column; }
.process_list li { padding:10px 20px; /* border:1px solid #ededed; background:#fff; */ position:relative; display:flex; align-items:center; }
.process_list li p { background:var(--mainblue); color:#fff; z-index:1; position:relative; font-size:0.8em; font-weight:600; border-radius:50px; padding:7px 8px; line-height:1em; margin-right:15px;}
.process_list ul li::after { content:''; display:inline-block; background:#c1d8ef; width:2px; height:100%; position:absolute; top:0; left:48px; }
.process_list ul li:first-child::after { top:50%; }
.process_list ul li:first-child::after, .process_list ul li:last-child::after { height:50%; }

.process_box_list > ul { display:flex; gap:15px; flex-wrap:wrap; }
.process_box_list > ul > li { width:calc(33.333% - 10px); padding:30px; border:1px solid #ededed; background:#fff; position:relative; text-align:center; }
.process_box_list > ul > li .mail { font-size:0.9em; line-height:1.7em; margin-top:10px; }
.process_box_list._calc2 > ul > li {width:calc(100% / 2 - 15px / 2); }
.process_box_list._calc2 > ul > li:last-child::after { display:none; }
.process_box_list > ul > li::after { content:'\ea3c'; font-family:'icomoon' !important; width:40px; height:40px; box-shadow:4px 5px 5px rgba(0,0,0,0.1); border-radius:30px; display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #99a1a9; z-index:1; position:absolute; right:-30px; top:50%; transform:translateY(-50%); }
.process_box_list > ul > li strong { background:var(--mainblue); color:#fff; padding:7px 14px; border-radius:50px; }
.process_box_list > ul > li p { margin:20px 0 0 !important; line-height:1.5em !important; font-weight:600; }
.process_box_list > ul > li p span { font-size:0.8em; color:#767676; font-weight:500; margin-top:10px; display:block; line-height:1.6em; }
.process_box_list > ul > li .flex { margin-top:10px; }
.process_box_list > ul > li:nth-child(3n)::after, .process_box_list > ul > li:last-child::after  { display:none; }
.process_box_list._calc2 > ul > li:nth-child(2n)::after { display:none; }
.process_box_list._calc2 > ul > li:nth-child(3n)::after { display:flex; }

.process_box_list > ul > li:has(a) { padding:0; }
.process_box_list > ul > li a { height:100%; padding:30px; display:block; }
.process_box_list > ul > li a p,
.process_box_list > ul:has(a) > li p { text-align:center !important; }

.process_box_list > ul > li .staff { font-size:0.8em; color:#767676; display:flex; align-items:center; gap:5px; margin-top:5px; }
.process_box_list > ul > li .staff i { display:inline-flex; color:#999; font-weight:400; align-items:center; justify-content:center; margin-right:4px; font-size:14px; width:24px; height:24px; background:#ededed; border-radius:50px; }
.process_box_list > ul > li .list { display:flex; align-items:center; gap:0; font-weight:600; margin-top:20px; }
.process_box_list > ul > li .list li ul li { text-align:Left; }
.process_box_list li:nth-child(3n)::after { display:none; }
.process_box_list > .align_center > li { display:flex; flex-direction:column; justify-content:center; align-items:center; }
.process_box_list .icon { color:#444; font-size:1.5em; display:inline-flex; align-items:center; margin-bottom:20px; justify-content:center; width:60px; height:60px; border-radius:60px; border:1px solid #d3d3d3; background:#fff; box-shadow:3px 4px 10px 0 rgba(0,0,0,0.2); }
.process_box_list .icon.green { color:var(--green); }


.inner_table_area h3 { font-size:1.5em; margin-bottom:20px; }
.inner_table_area .board_bottom { margin:40px 0 0; justify-content:center; }
.inner_table_area .board_bottom .pagination { position:static; transform:none; }

.side_img { display:flex; justify-content:space-between; margin-bottom:80px; }
.article_wrap.pls_anchor .side_img {  margin:50px 0 150px 0; }
.article_wrap.pls_anchor .side_img:last-of-type { margin:50px 0 0 0; }
.side_img .img_box { width:47%; margin-bottom:0; border-radius:10px; overflow:hidden; }
.article_wrap.pls_anchor .side_img  .img_box { width:30%;}
.side_img .img_box img { width:100%; }
.article_wrap.pls_anchor .side_img  .img_box img { height:100%; width:auto; object-fit: cover;}
.side_img .text { width:50%; margin-bottom:0; padding:0 0 0 70px; }
.article_wrap.pls_anchor .side_img .text { width:62%; margin-bottom:0; padding:0; }
.side_img .text strong { font-size:1.3em; font-weight:900; display:block; margin-bottom:1em; }
.side_img .text h4 { font-size:1.8em; }
.side_img.right { flex-direction:row-reverse; }
.side_img.right .text { padding:0 70px 0 0;  }
.side_img .text.flex { padding:0; }

.side_img.bg_lgray .img_box { border-radius:0px; }
.side_img.bg_lgray .img_box img { border-radius:0; }

.side_img.img_wide .img_box { width:60%; }
.side_img.img_wide .text { width:40%; }

.side_img.bg_lp { border-radius:20px; }

.text.design1 { background:#f4f4f4; color:#000; padding:3em; border-radius:20px; }
.side_img.design1 { background:#f4f4f4; color:#000; padding:3em; border-radius:20px; align-items:flex-start; }
.side_img.design1 .img_box { background:#fff; padding:2em; margin:0; border:1px solid #ededed; }
.side_img.design1 .text { font-size:0.9em; }

.side_title_sticky::after { content:''; clear:both; display:block; }
.side_title_sticky h3 { position:sticky; top:20%; float:left; }
.side_title_sticky .text { width:70%; float:right; }
.grid .img_box { margin-bottom:0; }

.sidetoside { display:flex; justify-content: space-between; }
.sidetoside .contxt_wrap_content { width:80%; }

.article_wrap.bg_lp .side_img { margin-bottom:8em; }
.article_wrap.bg_lp .side_img:last-child { margin-bottom:0; }

.top_img { display:flex; }
.top_img.col2 { gap:70px; }
.top_img.col3 { gap:50px; }
.top_img.col2 .item { width:calc(50% - 70px / 2); }
.top_img.col3 .item { width:calc(100% / 3 - 50px * 2 / 3); }
.top_img .item .img_box { width:100%; height:400px; border-radius:15px; overflow:hidden; }
.top_img .item .img_box img { width:100%; height:100%; object-fit:cover; }

/*login*/
.login { width:400px; margin:0 auto; }
.login_form { margin-bottom:15px; }
.login_form dl { display:flex; flex-direction:column; }
.login_form dl dt { margin-bottom:5px; }
.login_form dl dd { margin-bottom:20px; }
.login_form dl dd:last-child { margin-bottom:0; }
.login_form .login_input { width:100%; display:flex; align-items:center; justify-content:space-between; background:#f4f4f4; height:55px; border-radius:10px; transition:all 0.2s; }
.login_form .login_input:hover { background:#ededed; }
.login_form .login_input::before { display:flex; width:55px; height:55px; font-size:15px; align-items:center; justify-content:center; }
.login_form .login_input span { width:55px; text-align:center; color:#333; opacity:0.5; transition:all 0.2s; }
.login_form .login_input:hover span { opacity:1; }
.login_form .login_input .inputText { border:none; background:none; height:100%; border-radius:0 10px 10px 0; width:calc(100% - 55px); font-weight:400;}
.login_form .login_input .inputText:hover { box-shadow:none; }

.caption_txt { margin-bottom:10px; }
.button_area { display:flex; flex-direction:column; align-items:center; }
.button_area ._btn { width:100%; padding:15px 0 10px; display:flex; justify-content:center; }
.button_area button { width:50%; border-radius:50px; height:50px; }
.button_area button.btn_text { height:auto;border-radius:0; width:auto; }
.button_area .bg_lgray { border:none; padding-bottom:0; }
.button_area > div { width:100%; }
.button_area .btn_both { width:100%; display:flex; justify-content:center; gap:5px; }
.button_area .btn_both button { width:calc(100% / 2 - 5px / 2); }

.sns_cert { display:flex; gap:10px; justify-content:space-between; }
.sns_cert button.btn_naver, .sns_cert button.btn_kakao, .sns_cert button.btn_google { width:calc(100% / 2 - 10px / 2); border-radius:15px; position:relative; font-weight:600; padding:30px 0; height:auto !important; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:13px; background-color:#fff; border:1px solid #e6e6e6; }
.sns_cert button.btn_naver:hover, .sns_cert button.btn_kakao:hover, .sns_cert button.btn_google:hover { border-color:#999; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); }
.sns_cert button.btn_naver::before, .sns_cert button.btn_kakao::before, .sns_cert button.btn_google::before { width:40px; height:40px; border-radius:40px; content:''; display:block; }
.sns_cert button.btn_naver::before { background:url(/images/user/sns/sns_naver.svg) 50% 50% no-repeat #2cb601; background-size:15px; }
.sns_cert button.btn_kakao::before { background:url(/images/user/sns/sns_kakao.svg) 50% 50% no-repeat #fee500; background-size:20px; }
.sns_cert button.btn_google::before { background:url(/images/user/sns/sns_google.svg) 50% 50% no-repeat #eb371e; background-size:15px; }

.sns_login { align-items:center; flex-direction:column; text-align:center; padding:20px 0 !important; position:relative; }
.sns_login strong { padding:0 10px; background:#fff; z-index:1; position:relative; }
.sns_login::after { content:''; width:100%; height:1px; display:block; background:#ccc; position:absolute; top:31px; }
.sns_login button.btn_naver, .sns_login button.btn_kakao, .sns_login button.btn_google { flex-direction:row; border:none !important; padding:0; border-radius:40px; width:50px; height:50px !important; }
.sns_login button.btn_naver { background:url(/images/user/sns/sns_naver.svg) 50% 50% no-repeat #2cb601; background-size:15px; }
.sns_login button.btn_kakao { background:url(/images/user/sns/sns_kakao.svg) 50% 50% no-repeat #fee500; background-size:20px; }
.sns_login button.btn_google { background:url(/images/user/sns/sns_google.svg) 50% 50% no-repeat #eb371e; background-size:15px; }
.sns_login button:hover { transform:scale(1.05); box-shadow:0 8px 15px 0 rgba(0,0,0,0.2); }
.sns_login .btn_both { justify-content:center; gap:20px; margin-top:20px; }

/*회원가입*/
.signin { width:800px; margin:0 auto; }
.signin h3 { font-size:1.6em; }
.signin_en { width:1000px; margin:0 auto; }
.signin_certify { width:80%; margin:0 auto; }
.signin_step { margin:3em 0 4em; position:relative; display:flex; justify-content:center; }
.signin_step ul { display:flex; }
.signin_step ul li { padding:0 30px; display:inline-flex; flex-direction:column; text-align:center; align-items:center; position:relative; }
.signin_step ul li::after { content:''; width:100%; height:3px; background:#eee; display:block; position:absolute; top:6px; left:0; }
.signin_step ul li:first-child::after { width:50%; left:auto; right:0; }
.signin_step ul li:last-child::after { width:50%; }
.signin_step ul li span { font-weight:900; }
.signin_step ul li .dot { width:15px; height:15px; background:#ddd; border-radius:20px; display:inline-block; margin-bottom:15px; position:relative; z-index:1;}
.signin_step ul li.active .dot { background:var(--mainblue); }
.signin_step ul li.active .dot::after { content:''; display:block; position:absolute; top:50%; left:50%; opacity:0; transform:translate(-50%,-50%) scale(1); width:20px; height:20px; border:4px solid #7599ff; border-radius:50px; animation:btn_close 1s both infinite cubic-bezier(.22, .61,.36, 1); }
.signin_step ul li.active span { color:var(--mainblue); }


.certify_wrap { display:flex; justify-content:space-between; padding:3em; margin-bottom:3em; background:#fff; border:1px solid #ededed; transition:all 0.5s; border-radius:15px; }
.certify_wrap .certify_box { display:flex; flex-direction:column; justify-content: space-between; width:100%; }
.certify_wrap dl { width:100%; display:flex; flex-direction:column; }
.certify_wrap dt { font-weight:700; margin-bottom:0.8em; font-size:1.2em; }
.certify_wrap dd p { margin-bottom:1.3em; }
.signin_content .certify_wrap:last-of-type { margin-bottom:0; }
.certify_box .inputText { width:calc(100% - 120px); }
.signin_content:has(.certify_find_wrap) { width:60%; margin:0 auto; }
.signin_content:has(.certify_find_wrap) .notice_text_box li { line-height:1.5em; }
.signin_content:has(.certify_find_wrap) .tab_content { padding-top:0; border-top:none; }
.signin_content:has(.certify_find_wrap) .tabs li { width:50%; }
.signin_content:has(.certify_find_wrap) .tabs li:first-child a { border-right:none; border-radius:8px 0 0 0; }
.signin_content:has(.certify_find_wrap) .tabs li a { width:100%; border-radius:0 8px 0 0; }
.signin_content:has(.certify_find_wrap).tab_wrap .tabs li { margin-left:0 !important; }

.certify_find_wrap { padding:3em; background:#fff; border:1px solid #cbd6e1; border-top:none; transition:all 0.5s; border-radius:0 0 15px 15px; }
.certify_find_wrap dl { width:100%;}
.certify_find_wrap dl:last-child { border:none; }
.certify_find_wrap dt { font-weight:700; margin-bottom:0.8em; font-size:1.2em; }
.certify_find_wrap dd p { margin-bottom:1.3em; }


.notice_text_box { margin-top:2em; }
.notice_text_box ul { margin-bottom:1em; }
.notice_text_box li { padding-left:10px; margin:10px 0; font-size:0.9em; position:relative; }
.notice_text_box li::before { content:''; display:inline-block; width:4px; height:4px; border-radius:4px; background:#000; position:absolute; top:10px; left:0; }

.signin_content:has(.agree_wrap) { display:flex; flex-direction:column; gap:30px; }
.agree_wrap { border:1px solid #ededed; padding:2em; border-radius:20px; }
.agree_wrap h3 { font-weight:600; }
.agree_wrap .textArea[readonly] { background:#f9f9f9 !important; border-radius:15px; padding:2em; line-height:2.1em; border:none; transition:all 0.5s; }
.agree_form { margin-top:20px; display:flex; gap:20px; align-items:center; font-size:17px; font-weight:700; }
.agree_form p { display:inline-block; margin-right:10px; }
.agree_form p span { font-weight:700; color:var(--mainblue); }

.signin .button_area { margin:3em auto 0; width:400px; }

.signin_input_form { width:100%; border-top:2px solid #000; }
.signin_input_form dl { position:relative; padding:20px 0; border-bottom:1px solid #ededed; display:flex; }
.signin_input_form dt { font-weight:600; width:200px; }
.signin_input_form dd { width:calc(100% - 200px); }
.signin_input_form dd.notify_error .inputText { border-color:#c51b00; }

.signin_en_input_form { width:100%; border-top:2px solid #000; }
.signin_en_input_form dl { position:relative; padding:20px 0; border-bottom:1px solid #ededed; display:flex; }
.signin_en_input_form dt { font-weight:600; width:450px; }
.signin_en_input_form dd { width:calc(100% - 200px); }
.signin_en_input_form dd.notify_error .inputText { border-color:#c51b00; }
.text_notice { font-size:12px; }


/*인사말*/
.headline { text-align:center; margin-bottom:5em; }
.headline p { font-size:2.4em; font-weight:800; line-height:1.6em; margin-bottom:2em; }
.en .headline p { letter-spacing:-1px; }
.headline_imgbox { width:1400px; margin:0 auto; border-radius:25px; position:sticky; top:60px; overflow:hidden; height:600px; }
.headline_imgbox.wide { width:100%; border-radius:0; }
.headline_imgbox img { width:100%; height:calc(100% - 1px); object-fit:cover; }

.headline_imgbox.lbrry { top:58px; height:500px; }
.headline_imgbox.lbrry::after { width:100%; height:100%; background:#000; opacity:0.3; content:''; display:block; position:absolute; top:0; left:0; }
.headline_imgbox h3 { position:absolute; color:#fff; width:100%; text-align:center; top:50%; z-index:1; }

.headline_imgbox.skip { position:relative; top:0; margin-bottom:5em; }

.fix_text { padding:8em 8em 0; background:#fff; position:relative; }
.fix_text .article { margin-bottom:80px; }
.fix_text .article:last-child { margin-bottom:0; }
.fix_text .article .text_wrap { width:calc(100% - 300px); padding-bottom:5em; border-bottom:1px solid #ededed; }
.fix_text .article:last-child .text_wrap { border-bottom:none; padding-bottom:0; }

.director { font-size:1.2em !important; font-weight:700; text-align:right !important;}
.director .sign { font-size:2em; font-family:sign; margin-left:15px; font-weight:400; letter-spacing:0px; }
.en .director .sign { font-style:italic; }

.greeting_box { margin:3em 0; }
.greeting_box ul { display:flex; justify-content: space-between; gap:20px; }
.greeting_box li { background:#eff4f8;width:33%;padding:2em; text-align:center; display:flex; flex-direction:column; align-items:center; gap:20px; border-radius:15px;}
.greeting_box li p { line-height:1.5em; }
.greeting_box li img { width:80px; }

/*연구소소개*/
.info_box_wrap { display:flex; gap:20px; }
.info_box_wrap .info_box { width:50%; padding:30px; border:1px solid #d9e9f9; background:#fff; border-radius:20px; }
.info_box_wrap .info_box.link { cursor:pointer; transition:all 0.3s;}
.info_box_wrap .info_box.link:hover { border-color:#9eb6ce; box-shadow:0 0 20px 0 rgba(0,0,0,0.1); }
.info_box_wrap.type1 .info_box dl { width:100%; }
.info_box_wrap.type1 .info_box dt { color:#fff; border-radius:10px; padding:15px; text-align:center; margin-bottom:20px; font-weight:600; }
.info_box_wrap.type1 .info_box dd ul { display:flex; flex-direction:column; gap:5px; padding-left:10px; }
.info_box_wrap.type1 .info_box dd ul li::before { width:4px; height:4px; background:#ccc; content:''; display:inline-block; margin-right:10px; transform: translateY(-3px); }

.info_box_wrap.type2 .title { color:#fff; border-radius:10px; padding:12px; text-align:center; margin-bottom:20px; font-weight:600; }
.info_box_wrap.type2 .info_box { display:flex; flex-direction:column; gap:0; }
.info_box_wrap.type2 .info_box dl { width:100%; display:flex; flex-wrap:wrap; border-bottom:1px solid #e4f1fd; padding:10px 0;}
.info_box_wrap.type2 .info_box dl:last-child { border-bottom:none; padding-bottom:0; }
.info_box_wrap.type2 .info_box dt { width:100px; font-weight:600; }
.info_box_wrap.type2 .info_box dd { width:calc(100% - 100px); }

.info_box { display:flex; flex-direction:column; gap:5px; padding-left:10px; }
.info_box li::before { width:4px; height:4px; background:#ccc; content:''; display:inline-block; margin-right:10px; transform: translateY(-3px); }

.info_box_wrap.row { justify-content: space-between; }
.info_box_wrap.row .info_box_text { display:flex; flex-direction:column; gap:15px; width:calc(100% - 200px); }
.info_box_wrap.row .info_box .title { width:200px; font-size:1.3em; font-weight:900; }
.info_box_wrap.row .info_box { width:100%; display:flex; gap:20px; border-radius:0; padding:30px; }
.info_box_wrap.row .info_box .wrap { width:calc(100% - 220px); }
.info_box_wrap.row .info_box dl { width:100%; display:flex; padding:10px 0; border-bottom:1px solid #e4f1fd;}
.info_box_wrap.row .info_box dl:last-child { border-bottom:none; padding-bottom:0; }
.info_box_wrap.row .info_box dl:first-child { padding-top:0; }
.info_box_wrap.row .info_box dt { width:100px; font-weight:600; }
.info_box_wrap.row .info_box dd { width:calc(100% - 100px); }

.info_box_wrap.col { flex-direction:column; }
.info_box_wrap.col .info_box_text { display:flex; gap:30px; }
.info_box_wrap.col .info_box_text .title { margin-bottom:20px; font-size:1.3em; font-weight:900; }
.info_box_wrap.col .info_box_text dl { display:flex; flex-direction:column; }
.info_box_wrap.col .info_box_text dt { width:100%; font-weight:600; font-size:0.8em; color:var(--blue); line-height:1.5em; }
.info_box_wrap.col .info_box_text dd { width:100%; }
.info_box_wrap.col .info_box .wrap { margin-top:20px; }
.info_box_wrap.col .info_box dl { width:100%; display:flex; padding:10px 0; border-bottom:1px solid #e4f1fd;}
.info_box_wrap.col .info_box dl:last-child { border-bottom:none; padding-bottom:0; }
.info_box_wrap.col .info_box dl:first-child { padding-top:0; }

.history .year_item { display:flex; flex-direction:column; overflow:hidden; }
.history .year_item p { display:block; font-family:S-coreDream; font-weight:900; font-size:5em; letter-spacing:-2px; line-height:1.3em; opacity:1; }
.history .year_item p span { font-weight:400; }

.history_contxt.active .year_item_text { opacity:1; transition:all 0.3s; transform:translateX(0%); }

.history_contxt { width:100%; padding-bottom:100px; position:relative; }
.history_contxt .year_item { width:50%; }
.history_contxt .year_list { width:50%;  }
.history_contxt .year_list .year_wrap { border-bottom:1px dashed #ededed; padding:20px 0; }
.history_contxt .year_list .year_wrap:last-child { border-bottom:none; }
.history_contxt .year_list dl { display:flex; gap:30px; }

.history {word-break: keep-all; overflow:hidden; }
.history .dottitleWrap{ border: none; text-align: left; padding-bottom: 100px;}
.history .history_content {display: flex; justify-content: space-between;}

/* 연혁 연도표시 */
.history .fixed {position: relative;	width: 500px;}
.history .fixed .yearsArea{position: absolute;font-size: 100px; height: 2em; overflow: hidden; white-space: nowrap;}
.history .fixed .yearsArea .yearsBox {height:200px; transition: all 0.5s;}
.history .fixed .yearsArea .yearsBox .year { font-size:1em; line-height:1em; letter-spacing:-0.03em; font-weight:700;}
.history .fixed .yearsArea .yearsBox .year span {display:block; }

/* 연혁 리스트 */
.history .listArea{width: 820px;}
.history .listArea .box{ margin-bottom: 200px;}
.history .listArea .box:last-child{margin-bottom: 0;}
.history .listArea .box .col{display: flex;font-size: 0px; border-bottom: 1px solid #ddd; padding: 34px 0;}
.history .listArea .box .col:nth-of-type(1){padding-top: 0;}
.history .listArea .box .col em{	font-size: 30px; letter-spacing: -0.03em; color: #406eb6; font-weight: 700;min-width: 110px; margin-right: 30px;	vertical-align: top;}
.history .listArea .box .col span{	font-size: 20px; letter-spacing: -0.025em; color: #333333; line-height: 1.6;}

@media screen and (max-width:1280px) {
	.history .fixed .yearsArea{font-size: 70px;}
}
@media screen and (max-width:1024px) {
	.history .fixed .yearsArea{font-size: 56px;}
	.history .fixed .yearsArea .yearsBox { height:110px; }
	.history .listArea .box .col em{font-size:20px; line-height:1em; }

}
@media screen and (max-width:820px) {
	.history .dottitleWrap{padding-bottom: 60px; text-align: center;}
	.history .fixed{display: none;}
	.history .listArea .box{ margin-bottom:20px;}
	.history .listArea .box .col{padding:20px 0; flex-direction:column; gap:5px;}
	.history .listArea .box .col span{font-size: 16px;}
	.space200 { height:50px !important; }
}
@media screen and (max-width:500px) {
	.history .listArea .box{margin-bottom: 80px;}
	.history .listArea .box .col{flex-direction: column; padding: 14px 0;}
	.history .listArea .box .col em{font-size: 20px; width: auto; margin-bottom: 10px;}
	.history .listArea .box .col span{font-size: 15px;}
}
@media screen and (max-width:320px) {}

.info_list ul { width:100%; }
.info_list li { width:100%; border-bottom:1px solid #ddd; padding:15px 0; }
.info_list li:last-child { border-bottom:none; }
.info_list dl { display:flex; width:100%; }
.info_list dl dt { width:130px; }

.info_box_list {padding:50px; border-radius: 10px;}
.info_box_list ul li .condition { width:auto; }
.info_box_list ul li .condition span { width:auto; padding:8px; }
.info_box_list ul { width:100%; display:flex; flex-wrap:wrap; gap:20px; }
.info_box_list li { background: #fff; border-radius:15px; border: 1px solid #eaeaea; width:calc(100% / 3 - 40px / 3); display:flex; flex-direction:column; padding:25px;}
.info_box_list li .title { display:flex; flex-direction:column; gap:10px; padding:0 5px; }
.info_box_list li .title strong { font-size:1.2em; font-weight:800; display:flex; flex-direction:column; line-height:1.5em;}
.info_box_list li .title strong span { font-size:14px; font-weight:800; display:inline-block; }
.info_box_list dl {background:#fff; border-bottom: 1px solid #ededed; padding:20px 10px; width: 100%; }
.info_box_list dl dt { color:#767676;font-weight:600;font-size:0.8em; }
.info_box_list dl:last-child { border-bottom:0px; }
.info_box_list dl dd span{ display:inline-block; font-weight:600; font-size:15px; text-align:center; line-height:1em; border-radius:50px; padding:8px 15px;}

.box_list ul { width:100%; display:flex; flex-wrap:wrap; gap:20px; }
.box_list li { background:var(--bg_lp); padding:40px; display:flex; gap:30px; }
.box_list li img { width:80px; }
.box_list dl dt { color:var(--mainblue); }
.box_list.col2 li { width:calc(100% / 2 - 20px / 2); }
.box_list.col3 li { width:calc(100% / 3 - 40px / 3); }
.box_list.col4 li { width:calc(100% / 4 - 60px / 4); }
.box_list.col4 li.colist3 { width:calc(100% / 3 - 40px / 3); }

.box_list ul dd.list { display:flex; flex-direction:column; gap:4px; margin-top:10px; }
.box_list ul dd.list p { margin:0 !important; line-height:1.5em; }
.box_list ul dd.list p::before { content:''; width:5px; height:5px; display:inline-block; background:#000; border-radius:5px; margin:0 5px 0 0; }

.facility_info_detail { margin:50px 0 0; }
.facility_info_detail .table_v_list td { background:#fff; }

.list_text .item { display:flex; border-bottom:1px solid #ccc; justify-content: space-between; padding:5em 0; }
.list_text .item:first-child { padding-top:3em; }
.list_text .item:last-child { border-bottom:none; padding-bottom:0; }
.list_text .item h4 { font-size:1.4em; }
.list_text .item p { width:70%; }

.map_guide_wrap { padding:4em; }
.map_guide { width:100%; position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:80px; }
.map_guide img { width:70%; position:absolute; top:50%; right:3em; transform:translateY(-50%); }
.map_spot { position:relative; z-index:1; }
.map_spot ul { display:flex; flex-direction:column; gap:8px; }
.map_spot li { font-size:11px; line-height:1em; display:inline-flex; align-items:center; }
.map_spot li span { font-size:9px; font-weight:800; width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; border-radius:50px; }
.map_spot li b { margin:0 5px 0 7px; }
.map_spot li.mapA span { background:#f3b304; }
.map_spot li.mapB span { background:#76e424; }
.map_spot li.mapC span { background:#00eaff; }
.map_spot li.mapD span { background:#e6e60b; border-radius:5px; }
.map_spot li.mapE span { background:#07aed5; border-radius:5px; }

.facility_guide { position:relative; display:flex; }
.facility_list { position:relative; top:0; left:0; width:100%; height:100%; }
.facility_guide .facility { position:absolute; z-index:2; }
.facility_guide .facility p { position:relative; font-size:2em; color:#fff; }
.facility_guide .facility .tooltip { pointer-events:none; font-weight:600; font-size:13px; border:1px solid #000; box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2); background:#fff; color:#000; display:inline-block; animation:balloon 0.2s both cubic-bezier(.22, .61,.36, 1); }
.facility_guide .facility .tooltip::after,
.facility_guide .facility .tooltip::before { width:0; height:0; content:''; display:inline-block; position:absolute; bottom:-13px; left:48%; border:5px solid transparent; border-bottom:7px solid #000; transform:rotate(180deg); }
.facility_guide .facility .tooltip::after { bottom:-11px; border-bottom:7px solid #fff; }
.facility_guide .facility .tooltip::before { bottom:-13px; border-bottom:7px solid #000; }

.facility_guide .facility.active .tooltip { margin-bottom:5px; }
.facility_guide .facility01 { top:55%; left:39%; } /*3세대방사광가속기 - 연구1동*/
.facility_guide .facility02 { top:63%; left:47%; } /*3세대방사광가속기 - 연구2동*/
.facility_guide .facility03 { top:44%; left:46%; } /*3세대 추가구역*/
.facility_guide .facility04 { top:26%; left:50%; } /*4세대방사광가속기*/
.facility_guide .facility05 { top:40%; left:33%; } /*EUV 가속기*/
.facility_guide .facility06 { top:66%; right:49%; } /*행정동*/
.facility_guide .facility07 { top:80%; left:45%; } /*과학관*/
.facility_guide .facility08 { bottom:17%; right:23%; } /*이용자숙소*/
.facility_guide .facility09 { top:73%; left:41%; } /*주차장*/
.facility_guide .facility10 { top:33%; left:39%; } /*154K 변전실*/
.facility_guide .facility11 { top:37%; left:46%; } /*동력공급동*/

.facility_guide .facility11 .tooltip::after, .facility_guide .facility11 .tooltip::before { transform:rotate(340deg);left:-4px;bottom:-2px; }
.facility_guide .facility11 .tooltip::before { left:-5px; }

.facility_guide .img_box { position:relative; }
.facility_guide svg { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; }
.facility_guide .img_box::after { content:''; width:100%; height:100%; position:absolute; left:0; top:0; pointer-events:none; background:rgba(0,0,0,0.3); display:block; }
.facility_guide .st0 { fill:rgba(0,188,247,0); stroke:rgba(5,80,211,0); stroke-width:2px; cursor:pointer; transition:all 0.3s; }
.facility_guide .st1 { fill:none;}
.facility_guide .st0:hover { fill:rgba(0,188,247,0.34); stroke:rgba(5,80,211,1); }

.tab_wrap .tabs { display:flex; align-items:center; border-bottom:1px solid #cbd6e1; height:49px; }
.tab_wrap .tabs li { margin-left:-1px; height:50px; }
.tab_wrap .tabs li:first-child { margin-left:0; }
.tab_wrap .tabs li a { border-radius:8px 8px 0 0; padding:0 30px; height:100%; line-height:1em; font-weight:700; position:relative; display:inline-flex; align-items:center; justify-content:center; color:#000; border:1px solid #cbd6e1; background:#e7eef5; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.tab_wrap .tabs li a:hover { background:#e7eef5; }
.tab_wrap .tabs li.active a { background:#fff; border-bottom:1px solid #fff; }
.tab_wrap .tab_content { padding-top:3em; }
/* .tab_wrap .tabs { position:sticky; top:130px; z-index:3; height:60px; background:rgba(245,248,251,0.8); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-bottom:none; }
 */

.tab_wrap .tabs_title { display:none; }

.tab_scroll { position:relative; padding-top:130px; }
.tab_scroll .tabs { width:100%; margin:0 auto; background:#fff; border-bottom:none; height:60px; position:absolute; top:0px; left:0; z-index:2; display:flex; align-items:center; }
.tab_scroll .tabs .inner { overflow-X:auto; }
.tab_scroll .tabs ul { white-space:nowrap; height:60px; display:flex; gap:5px; align-items:center; border-top:1px solid #ededed; border-bottom:1px solid #ededed; }
.tab_scroll .tabs li.active a { color:#fff; background:var(--mainblue); border-color:var(--mainblue); }
.tab_scroll .tabs a { border-radius:10px; font-size:0.9em; padding:9px 15px; line-height:1em; font-weight:600; position:relative; display:inline-block; color:#000; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.tab_scroll .tabs a:hover { background:#e7eef5; }
.tab_scroll .tabs a.active { color:#fff; background:var(--mainblue); border-color:var(--mainblue); }
.tab_scroll .tab_content .article_wrap { padding:3em 0 0; }
.tab_scroll .article_wrap:last-of-type .text_wrap { padding-bottom:5em; border-bottom:1px solid #ccc; }
.tab_scroll .tab_content .article_wrap:last-of-type { padding-bottom:0; }
.tab_scroll .tab_content .text { margin-bottom:3em; }
.tab_scroll .tab_content .article_wrap .article h3 { top:100px; }
.tab_scroll .tab_content .article_wrap .article > h4 { top:160px; transition:top 0.2s cubic-bezier(.22, .61,.36, 1); }
.tab_scroll .tab_content > h3.title { top:100px; }
.tab_scroll .tab_content .article_wrap .article .text p:last-child { margin-bottom:0; }
.scrollTop .tab_scroll .tab_content .article_wrap .article h3 { top:215px; }
.scrollTop .tab_scroll .tab_content .article_wrap .article > h4 { top:270px; }
.scrollTop .tab_scroll .tab_content > h3.title { top:215px; }
.tabfix .tab_scroll .tabs { background:rgba(255,255,255,0.5); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); border-bottom:1px solid #ededed; position:fixed; transition:top 0.2s cubic-bezier(.22, .61,.36, 1); }
.tabfix .tab_scroll .tabs ul { border:none; }
.instt .tab_scroll .tab_content h3 { margin-bottom:0; }

/*mypage*/
.container:has(.mypage_wrap) { background:var(--lp); }
.container:has(.mypage_wrap) .sub_inner_menu ul li.active a { background:#dcecf9; }
.mypage_wrap { padding-bottom:100px; }
.mypage_wrap .article_wrap { background:#fff; border-radius:20px; padding:0 !important; border:1px solid #dfe8f1; margin-bottom:30px; }
.mypage_wrap .article_wrap h3 { font-size:1.2em; padding:15px 30px; margin-bottom:0; border-bottom:1px solid #dfe8f1; }
.mypage_wrap .article_wrap .mypage_content { padding:30px 30px 90px; position:relative; }
.mypage_wrap .article_wrap .mypage_content .board_bottom { position:absolute; left:0; bottom:0; padding:10px; border-top:1px solid #dfe8f1; width:100%; }
.mypage_wrap .table_v_list { font-size:15px; }

.mypage_wrap .table_v_list th, .mypage_wrap .table_v_list td { padding:10px;}
.mypage_wrap .tab_wrap .tabs { height:44px; }
.mypage_wrap .tab_wrap .tabs li { height:45px; }

.article_wrap.bg_lp .tab_content { background:#fff; padding:4em; margin:2em 0; border-radius:15px; }
.article_wrap.bg_lp .tab_content .text { margin-bottom:5em; }
.article_wrap .tab_content:last-child { margin-bottom:0 !important; }

.contact_list ul { display:flex; flex-wrap:wrap; gap:15px; }
.contact_list ul li { background:#fff; padding:2em; display:flex; width:calc(100% / 3 - 30px / 3); border:1px solid #ededed; gap:20px; flex-direction:column; align-items:flex-start; border-radius:15px; }
.contact_list ul li dl {  display:flex; gap:6px; flex-direction:column; }
.contact_list ul li dt { font-weight:800; font-size:1.2em; }
.contact_list ul li dd { font-size:0.9em; display:flex; align-items:center; }
.contact_list ul li dd span { color:#999; }

.reference_list ul { border-top:2px solid #000; }
.reference_list ul li { padding:20px 0; display:flex; gap:10px; align-items:center; width:100%; border-bottom:1px solid #ededed; position:relative; }
.reference_list ul li::before{ content:"\e93a";font-family:'icomoon' !important; width:34px; height:34px; background:#ededed; color:#666; border-radius:40px; display:flex; justify-content:center; align-items:center; }
.reference_list ul li strong { line-height:1.3em; font-weight:800; max-width:calc(100% - 200px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reference_list ul li a { padding:1px 10px; font-size:0.8em; border-radius:50px; color:var(--mainblue); border:1px solid var(--mainblue); position:absolute; top:50%; transform:translateY(-50%); right:0; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.reference_list ul li a::after { margin-left:10px; }
.reference_list ul li a:hover { background:var(--mainblue); color:#fff; }

.article_wrap.dark_trg { padding-top:4em !important; }
.darkmode .article_wrap { background:none; }
.darkmode .article_wrap .tab_content { background:#1b232f; padding:3em; margin:2em 0; border-radius:15px; }
.darkmode .article_wrap .tab_content .text:last-child { margin-bottom:0; }
.darkmode .article_wrap .caption { color:#ff8100; }
.darkmode .article_wrap .info_box_wrap.type1 .info_box { background:#11171e; border-color:#384253; box-shadow:none;}
.darkmode .tab_scroll .tabs { border-bottom:none; box-shadow:none; }
.darkmode.tabfix .tab_scroll .tabs { background:rgba(0,0,0,0.8); border-bottom:1px solid #333; }
.darkmode .tab_scroll .tabs ul { border:none; }
.darkmode .tab_scroll.fix .tabs { z-index:3; background:rgba(0,0,0,0.8); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-bottom:1px solid #17181a; }
.darkmode .tab_scroll .tabs a { color: #fff; background:none; border:none; }
.darkmode .tab_scroll .tabs a.active { color:#fff; background:#ff5200; border-color:#ff5200; }
.darkmode .table_v_list { border-color:#384253; }
.darkmode .table_v_list thead th { background:#0c1829; }
.darkmode .table_v_list th { background:#1f2c3f; }
.darkmode .table_v_list th, .darkmode .table_v_list td { border-color:#384253; }
.darkmode .box_bg_navy { background:#0d3381; }
.darkmode .contact_list ul li { background:#1b232f; border:1px solid #384253; }
.darkmode .reference_list ul { border-top:2px solid #384253; }
.darkmode .reference_list ul li { border-bottom:1px solid #384253; }
.darkmode .reference_list ul li a { color:#fff; border:1px solid #384253; }
.darkmode .reference_list ul li::before { background:#273549; color:#5b6677; }
.darkmode .line_blue { background:#1265cc; color:#fff; }
.darkmode .line_blue:hover { background:#0035ac; border-color:#0035ac; }
.darkmode .namebox ul.col3 li { background:#0f1927; border:1px solid #0f1927; }
.darkmode .namebox ul li dt { color:var(--orange); }
.darkmode .namebox ul li dd p span { background:#212c3d; }
.darkmode .namebox ul li dd strong { font-size:1.5em; margin:15px 0 20px; }

.article_wrap .text p.emphasis { font-size:1.3em; font-weight:800; line-height:1.8em; }

.calender_wrap h3 {margin: 0;font-size:35px;display: flex;align-items: center;gap: 10px;}
.calender_wrap .content_box { display:flex; align-items:flex-end; justify-content:space-between; padding:30px; }
.calender_wrap .caption { margin-top:0; }
.calender_wrap .caption ul { display:flex; flex-direction: row; gap:15px; flex-wrap: wrap; width:100%;justify-content: flex-end; }
.calender_wrap .caption.narrow ul { gap:5px; }
.calender_wrap .caption li { display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:center; color:#000; font-size:15px; }
.calender_wrap .caption li::after { width:10px; height:10px; border-radius:20px; display:inline-block; content:''; margin-right:5px; }
.calender_slide .btn_slide.swiper-button-disabled { opacity:0 !important; }
.calender_wrap a {display:inline-flex;white-space:nowrap;font-size:0.9em;font-weight:800;padding:9px 12px;line-height:1em;border-radius:50px;background:#fff;border-color:var(--mainblue);}
.calender_wrap a:hover { background:var(--mainblue); color:#fff; padding:9px 12px; }

.caption.calender_caption{width:60%; display: flex; justify-content: flex-end;}

.calender_slide { width:100%; display:flex; flex-wrap:wrap; gap:1em; justify-content:space-between; padding-top:2px; }
.calender_slide .swiper-wrapper { padding:2em 0 3em; }
/*destroy*/
.cal_cntr { width:100%; position:relative; /*border-top:1px solid #333; padding:1em 1.5em; */margin:0 0 2em; }

.calender_wrap .select_wrap { display:inline-flex; align-items:center; }
/*.cal_cntr .switch { background:#ddd; border:7px solid #ededed; }*/
.select_wrap label { margin-right:10px; font-weight:800; text-transform:uppercase; }
.select_wrap .selectText { font-weight:800; border-radius:50px; width:120px; }
.switch { background:#fff; border: 1PX SOLID #e0e0e0; padding:5px; border-radius:50px; display:inline-flex; position:relative;}
.switch a,
.switch button { min-width:130px; background:none; padding:5px 25px; font-size:14px; border-radius:50px; transition:all 0.3s; display:inline-flex; justify-content:center; align-items:center; border:none; height:45px; font-weight:700; position:relative; z-index:1;}
.switch .active button,
.switch .active a,
.switch a.active,
.switch button.active { background:var(--mainblue); color:#fff; }
.switch .marking { position:absolute; top:5px; left:5px; height:45px; z-index:0; background:var(--mainblue); min-width:130px; border-radius:50px; box-shadow:0 5px 15px 0 rgba(40,23,129,0.2); }

.select_wrap.bt_top .selectText { width:auto; padding:0 0 0 20px;}
.select_wrap.bt_top button {width:40px;}
.switch.tabs { height:auto; border:none; }
.switch.tabs li { border-radius:50px; display:flex; height:auto; margin:0; }
.switch.tabs li a { width:auto; border-radius:50px; border:none; padding:15px 25px; font-size:14px; background:none; }
.switch.tabs li a:hover { background:none; }
.switch.tabs li.active a { background:var(--mainblue); color:#fff; border:none; }

.cal_cntr:has(.view_contr) { margin:0; min-height:33px; }
.view_contr { display:flex; position:absolute; top:15%; right:0; gap:20px; }
.view_contr button { border:none; padding:0; }
.view_contr button::before { content:"\ea11"; font-family:'icomoon' !important; font-size:13px; font-weight:400; color:#fff; width:16px; height:16px; border-radius:30px; display:inline-flex; align-items:center; justify-content:center; background:#fff; border:3px solid #ccc; margin-right:5px; }
.view_contr button.active::before { background:var(--mainblue); color:#fff; border:3px solid var(--mainblue); }

.calender_slide.destroy { gap:30px; }
.calender_slide.destroy .calender_paging { display:none; }
.calender_slide.destroy .swiper-wrapper { flex-wrap:wrap; gap:20px; padding:10px 0 0; justify-content:space-between; transform:none !important; }
.calender_slide.destroy .calender_box { width:calc(100% / 3 - 40px / 3) !important; transform:none !important; opacity:1; }
.calender_slide.destroy .calender_box.swiper-slide-active { box-shadow:none; border:1px solid #ededed; }
.calender_slide.destroy .btn_slide { display:none; }
.calender_slide .calender_box { width:30%; border:1px solid #ededed; padding:1.5em; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); opacity:0.7; }
.calender_slide .calender_box.swiper-slide-active { border-radius:30px; transform:scale(1); box-shadow: rgba(50, 50, 93, 0.15) 0px 25px 50px -10px, rgba(0, 0, 0, 0.2) 0px 15px 30px -15px; opacity:1; }
.calender_slide .calender_paging { display:flex; justify-content:flex-start; padding-bottom:2px; gap:2px; }
/* .calender_slide .calender_paging button { width:auto; height:auto; padding:7px 15px; margin:0; border-radius:50px; background:#f5f8fb; color:#767676; border:none; opacity:1; font-size:1em; font-weight:600; }
 */
.calender_slide .calender_paging button { width:auto; height:auto; position:relative; z-index:1; margin:0 !important; padding:7px 15px; border-radius:10px; background:#f4f4f4; color:#767676; border:none; opacity:1; font-size:15px; font-weight:800; }
.calender_slide .calender_paging button:hover { background:#ededed; color:#000; }
/* .calender_slide .calender_paging button::after { position:absolute; z-index:0; top:50%; right:0; transform:translateY(-50%); content:''; display:inline-block; width:1px; height:15px; background:#ccc; margin-left:10px;}
.calender_slide .calender_paging button:last-child::after { display:none; } */
.calender_slide .btn_slide { border-width:1px; position:absolute; top:50%; width:40px; height:40px; z-index:9; }
.calender_slide .calender_prev { left:2px; }
.calender_slide .calender_next { right:2px; }
.calender_slide .calender_paging button.swiper-pagination-bullet-active { color:#fff; background:var(--mainblue);}
.calender_box h4 { text-align:center; margin-bottom:15px; font-size:1.2em; font-weight:800; }
/*.calender_box h4 > span { position:absolute; top:-12px; left:15px; font-size:12px; font-weight:400; border:1px solid #ccc; background:#fff; padding:5px 15px; line-height:1em; display:inline-block; border-radius:50px; letter-spacing:1px; }*/
.calender_box h4 p { display:flex; justify-content:center; font-size:20px; font-family:S-coredream; line-height:1em; }
.calender_box h4 p span { color:#000; margin-left:10px; font-weight:800; font-size:20px; letter-spacing:1.1px; }

.calender_slide .calender .week { display:flex; }
.calender_slide .calender .week .day { width:calc(100% / 7); text-align:center; position:relative; z-index:0; font-size:12px; font-weight:800; color:#000; }

.calender_slide .calender .cal_head { width:100%; text-transform:uppercase; border-bottom:2px solid #000; }
.calender_slide .calender .cal_body { width:100%; height:280px; display:table; border-bottom:1px solid #bbb; }
.calender_slide .calender .cal_body .week { display:table-row; width:100%; }
.calender_slide .calender .cal_body .week .day { display:table-cell; color:#000;font-weight:900; font-size:14px; vertical-align:middle; border-bottom:1px solid #fff; border-left:1px solid #fff;}
.calender_slide .calender .cal_body .week .day:first-child { border-left:none; }
.calender_slide .calender .cal_body .week:last-child .day { border-bottom:none; }
.calender_slide .calender .cal_body .week .day[data-stts="004"],
.calender_slide .calender .cal_body .week .day[data-stts="005"] { color:#000; }

.calender_slide .calender .week .day.type01, .calender .week .day.type02, .calender .week .day.type03 { color:#fff; }
.calender_slide .calender .week .day:nth-child(1),
.calender_slide .calender .week .day.holiday { color:#ff1e1e !important;}
.calender_slide .calender .week .day:nth-child(7) { color:#393ee7 !important; }
.calender_slide .calender .week .day::after {width:100%;height:100%;display:inline-block;content:'';position:absolute;top:0;left:0;z-index:-1;}

/*
.calender_slide .calender .week .day::before,
.calender_slide .calender .week .day::after { width:30px; height:7px; border-radius:40px; display:inline-block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.calender_slide .calender .week .day::before { width:28px; height:28px; background:rgba(255,255,255,0.85); z-index:-1; }
.calender_slide .calender .week .day::after { width:30px; height:30px; z-index:-2; }

.calender_slide .calender .week .day::after { width:30px; height:7px; border-radius:4px; display:inline-block; content:''; position:absolute; bottom:0%; left:50%; transform:translateX(-50%); z-index:-1; }
.calender_slide .calender .week .day.type01::before { background:#2942c0; }
.calender_slide .calender .week .day.type02::before { background:#0d77bd; }
.calender_slide .calender .week .day.type03::before { background:#cf0d39; }
.calender_slide .calender .week .day.type04::before { background:#efa600; }
.calender_slide .calender .week .day.type05::before { background:#2BABAC; } */

.list { display:flex; flex-direction:column; gap:10px; }
.list.short { gap:0px; }
.list li { position:relative; padding-left:15px; line-height:2.2em; }
.list li::before { content:''; display:inline-block; width:5px; height:5px; background:#000; border-radius:5px; position:absolute; left:0; top:15px; }
.list li ul { display:flex; flex-direction:column; gap:9px; margin:10px 0; }
.list li ul li { font-size:0.9em; line-height:1.5em; color:#767676; }
.list li ul li::before { width:6px; height:1px; top:12px; background:#767676;}
.list li.color_red::before { background:#e91800 ; }
.list li .btn_wrap { margin:20px 0 40px; }

.col_text_box ul { display:flex; gap:10px; }
.col_text_box ul li { width:calc(100% / 4 - 30px / 4); padding:20px; border-radius:10px; border:1px solid #ededed; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.col_text_box ul li:hover { border-color:#000; 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; }

.guest_info p { font-weight:700; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.guest_info p::before { font-weight:500; content:"\e91a"; font-family:'icomoon' !important; font-size:12px; width:20px; height:20px; background:#dbdbdb; border-radius:50px; display:inline-flex; align-items:center; justify-content:center; }
.guest_info li dl { display:flex; padding:5px 0; flex-direction:column; line-height:1.3em; }
.guest_info li dl:last-child { border-bottom:none; padding-bottom:0; }
.guest_info li dl dt { width:80px; color:#767676; font-weight:400; font-size:11px; }
.guest_info li dl dd { font-weight:600; font-size:14px; }

dl.row { display:flex; align-items:baseline; }
dl.row dt { color:#767676; font-weight:600; font-size:13px; margin-right:5px; }
dl.row dd { font-weight:600; margin-right:15px; }
dl.row dd:last-child { margin-right:0; }

dl.col { display:flex; flex-direction:column; }
dl.col dt { color:#767676; font-weight:400; font-size:12px; line-height:1em; }
dl.col dd { font-weight:600; margin-right:15px; }
dl.col dd:last-child { margin-right:0; }

dl.row.basic { display:flex; align-items:baseline; flex-wrap:wrap; }
dl.row.basic dt { color:#9ea8b7; font-size:15px; margin-right:0; width:180px; }
dl.row.basic dd { font-weight:600; margin-right:0; width:calc(100% - 180px); }
dl.row.basic dd:last-child { margin-right:0; }

dl.col.basic { display:flex; flex-direction:column; }
dl.col.basic dt { color:#adadad; font-weight:400; font-size:13px; line-height:1.2em; }
dl.col.basic dd { font-weight:600; margin-bottom:15px; }
dl.col.basic dd:last-child { margin-bottom:0; }

.bankaccnumber { display:flex; padding:20px; background:var(--lp); border-radius:10px; }
.bankaccnumber strong { margin-right:30px; }
.bankaccnumber p { display:inline-flex; align-items:center; margin:0 !important; }
.bankaccnumber p::after { content:''; width:1px; height:15px; background:#afc5db; display:inline-block; margin:0 15px; }
.bankaccnumber p:last-child::after { display:none; }
.bankaccnumber p img { width:20px; height:20px; margin-right:5px; }

.guestStamp { font-weight:700; font-size:1.3em; text-align:center; margin-top:30px; line-height:1.5em; position:relative; z-index:1; }
.guestStamp span { font-weight:500; font-size:0.9em; }
.guestStamp img { position:absolute; top:50%; left:50%; transform:translate(100%,-50%); z-index:-1; }

.guestroom {margin-bottom:50px; display:flex; gap:30px; }
.guestroom .box { width:100%; position:relative; }
.guestroom .box a { width:100%; border:none; background:var(--lp); border-radius:15px; padding:0; display:flex; justify-content:space-between; flex-direction:column; }
.guestroom .box .thumbnail { width:100%; border-radius:15px 15px 0 0; position:relative; z-index:0; }
.guestroom .box .thumbnail .more { transition:all 0.3s cubic-bezier(.22, .61,.36, 1); padding-top:10%; color:#fff; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); z-index:2; -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); }
.guestroom .box .thumbnail:hover .more { opacity:1; padding-top:0; }
.guestroom .box .thumbnail p { position:absolute; bottom:20px; right:20px; z-index:2; color:#fff; background:#000; border-radius:50px; padding:8px 10px; font-size:14px; display:inline-flex; align-items:center; line-height:1em; gap:5px; }
.guestroom .box .room_info { padding:50px; display:flex; flex-direction:column; }
.guestroom .box .room_info dl { display:flex; gap:20px; }
.guestroom .box .room_info h4 { font-size:2em; font-weight:900; margin-bottom:20px; }
.guestroom .box .room_info b { font-size:1.2em; margin-right:3px; }
.guestroom .box .room_info span { font-size:0.9em; margin-left:7px; }

.imgfullview { width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:10; background:#000; flex-direction:column; }
.imgfullview .btn_close { color:#fff; position:absolute; top:30px; right:30px; z-index:3; opacity:1; }
.imgfullview.active { display:flex; animation:fadeIn 0.5s both; }

.galleryshow { width:100%; height:calc(100% - 150px); padding-top:1.5em; }
.galleryshow .swiper-slide img { width:100%; height:100%; object-fit:contain; }
.galleryshow .swiper-button-next::after, .galleryshow  .swiper-button-prev::after { color:#fff; font-size:30px; }

.galleryshowthumbnail { width:100%; height:150px; padding:1em; }
.galleryshowthumbnail .swiper-slide { width:100px; height:100%; filter:opacity(0.3); padding:5px; }
.galleryshowthumbnail .swiper-slide img { width:100%; height:100%; object-fit:cover; }
.galleryshowthumbnail .swiper-slide.swiper-slide-thumb-active { filter:none; border:1px solid #fff; }

.addbox_wrap { display:flex; flex-wrap:wrap; margin-top:10px; gap:10px; }
.addbox { width:calc(25% - 30px / 4);  border:1px solid #e7e7e7; border-radius:10px; overflow:hidden; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); position:relative; }
.addbox_content { display:flex; flex-direction: column; padding:15px; }
.addbox strong { background:var(--lp); font-weight:800; font-size:15px; line-height:1em; display:block; padding:15px; }
.addbox button { width:28px; height:28px; position:absolute; top:8px; right:8px; font-size:13px; border:none; }
.addbox button:hover { background:#dbe4ed; color:var(--blue); }
.addbox .row { width:100%; display:flex; flex-direction:row; align-items:center; border-bottom:1px solid #ededed; padding:12px 0; text-align:left; }
.addbox .row .label { font-size:13px; line-height:1em; width:70px; font-weight:600; }
.addbox .row:first-child { padding-top:0; }
.addbox .row:last-child { border-bottom:none; padding-bottom:0;}
.addbox .row .inputText { width:calc(100% - 70px); height:32px; }
.addbox .row .checkbox { min-height:25px; }

.orgchart { position:relative; }
.orgchart > ul { display:grid; grid-gap:0 1em; grid-template-columns:repeat(7, 1fr); align-items:flex-start; }

.orgchart .department { grid-column:1 / 8; display:flex; flex-direction:column; }
.orgchart .department > ul { display:grid; width:100%; grid-gap:1em; grid-template-columns:repeat(7, 1fr); align-items:flex-start; }
.team_pls2 { grid-column:1 / 3; }
.team_xfel { grid-column:3 / 5; }
.team3 { grid-column:5;  grid-row:1 / 1; }

.team { width:100%; display:flex; flex-direction:column; align-items:center; }

.team .wrap { width:100%; border:1px solid #ddd; overflow:hidden; border-radius:7px; }
.team ul { padding:1em; display:flex; flex-direction:column; text-align:left; }
.team ul li { position:relative; font-size:0.9em; padding-left:10px; }
.team ul li::before { content:''; width:4px; height:4px; display:block; border-radius:7px; background:#000; position:absolute; top:16px; left:0; }
.team_wrap { width:100%; display:flex; gap:10px; justify-content:space-between; position:relative; }
.team_wrap > li { width:50%;  }
.team_wrap .team::before { content:''; display:block; width:1px; height:2em; background:#ccc; }

.orgchart .org_box { min-height:64px; grid-column:4 / 5; text-align:center; display:flex; flex-direction:column; align-items:center; position:relative; z-index:1; }
.orgchart .org_box3 { position:absolute; right:0; top:60px;}
.orgchart .org_box3 ul { display:grid; grid-gap:0 1em;  grid-template-columns:repeat(2, 1fr); background:#fff; }

.orgchart .org_box1 p,
.orgchart .org_box2 p,
.orgchart .org_box4 p { width:calc(100% + 4em); margin:0 -2em; line-height:1.6em; padding:15px 0; font-size:1.1em; font-weight:800; color:#fff; border-radius:50px; }
.orgchart .org_box1 p { background:#091569; }
.orgchart .org_box2 p { background:#0146e1; }
.orgchart .org_box4 p { background:#378ce3; }
.orgchart .org_box p span { font-size:13px; font-weight:600; }

.department_title { width:100%; display:flex; flex-direction:column; align-items:center; }
.department_title p { width:100%; margin:0; text-align:center; border-radius:7px; padding:12px 0; background:#1a1a1a; color:#fff; font-size:1em; font-weight:800; }
.team_title { width:100%; padding:10px 0; font-size:15px; font-weight:600; background:#ededed; text-align:center; }
.department > ul > li {display:flex; flex-direction:column; align-items:center; }
.department > ul > li::before,
.department_title::after,
.orgchart .org_box1::after,
.orgchart .org_box2::after,
.orgchart .org_box4::after,
.orgchart .org_box2::after,
.team_wrap::before,
.orgchart::after,
.department::before { content:''; display:block; background:#ccc; }

.department > ul > li::before,
.department_title::after,
.orgchart .org_box1::after,
.orgchart .org_box2::after,
.orgchart .org_box4::after {  width:1px; height:2em; }
.orgchart .org_box3 .team::before { display:none; }
.orgchart .org_box3 .department_title::after { height:1em; }
.orgchart .org_box2::after { height:6em; }
.orgchart::after { width:50%; height:1px; position:absolute; left:50%; top:32%; z-index:0; }
.department::before {  width:calc(78.571% + 15px); height:1px; background:#ccc; margin-left:calc(14.2857% - 7px);}

.team_wrap::before { position:absolute; width:calc(50% + 5px); height:1px; top:0; left:50%; transform:translateX(-50%); }
.department > ul > li .team_wrap .team { padding-top:2em; }
.department > ul > li .team_wrap .team::before { position:absolute; top:0; }

/*조직도 영문*/
.orgchart.en::after { top:24%; }
.orgchart.en .org_box3 { top:-15px; }
.orgchart.en .team_title { line-height:1.3em; font-size:14px; font-weight:600; }
.orgchart.en .team ul { gap:10px; text-align:left; }
.orgchart.en .team ul li { line-height:1.4em; font-size:14px; }
.orgchart.en .team ul li::before { top:9px; }
.orgchart.en .org_box3 ul { grid-template-columns:repeat(1, 1fr); }
.orgchart.en .org_box1 p, .orgchart .org_box2 p, .orgchart .org_box4 p { font-size:0.9em; }
.orgchart.en .department_title p { font-size:1em; }

.color_guide { display:flex; gap:2em; }
.color_chip { padding:2em; background:#fff; border-radius:20px; border:1px solid #ededed; width:100%; }
.color_chip .text { width:100%; display:flex; justify-content:space-between; }
.color_chip .symbol_wrap { display:flex; width:50%; }
.color_chip .symbol_wrap div { width:50%; padding:2em; display:flex; align-items:center; justify-content:center; }
.color_chip .symbol_wrap div img { width:90% !important;margin:0 !important;  }
.color_chip  strong { display:flex; align-items:center; gap:20px; font-size:1.5em; font-weight:900; margin-bottom:30px; }
.color_chip  strong::before { content:''; width:30px; height:30px; display:block; }
.color_chip .text dl { width:50%; display:flex; flex-wrap:wrap; font-size:0.9em; line-height:1.7em; }
.color_chip .text dt { width:150px; }
.color_chip .text dd { width:calc(100% - 150px); }
.chip_red .colorsymbol { fill:var(--logored); border:1px solid #ededed; }
.chip_red .bgsymbol { background:var(--logored); fill:#fff; }
.chip_blue .colorsymbol { fill:var(--logored); border:1px solid #ededed; }
.chip_blue .bgsymbol { background:var(--logoblue); fill:#fff; }
.chip_red strong::before { background:var(--logored); }
.chip_blue strong::before { background:var(--logoblue); }

.grid_box_wrap { display:flex; flex-direction:column; gap:2em; width:100%; }
.grid_box_wrap .caption { text-align:left; }
.grid_box_wrap p { font-size:1em; margin-bottom:0.5em; font-weight:600; }
.bg_grid { width:100%; height:100px; background:url(/images/user/bg_grid.svg) repeat; background-size: 10px 10px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; }
.bg_grid img { width:70% !important; margin:0 !important; }

.content_row { display:flex; gap:4em; }
.content_row > div { width:50%; }
.content_row .img_box { width:100%; display:flex; align-items:center; justify-content:center; margin-bottom:0; padding:2em; background:#fff; border:1px solid #ededed; border-radius:20px; }
.content_row .img_box img { width:70%; }
.bg_lp .content_row .img_box { background:#e5edf5; }

.img_box.sticky { position:sticky; top:0; width:100%; height:60vh; }
.img_box.sticky img { width:100%; height:100%; object-fit:cover; }

.country_wrap { position:relative; display:flex; justify-content:space-between; align-items:flex-start; padding-top:2em; }
.country_wrap .country_list { width:250px; max-height:calc(100vh - 90px); padding:2px 0 1em 2px; overflow-y:auto; position:sticky; top:90px; left:0; }
.country_wrap .country_list ul { display:flex; flex-direction:column; gap:2px; }
.country_wrap .country_list li { display:flex; animation:fadeRight 1s both cubic-bezier(.22, .61,.36, 1); }
.country_wrap .country_list li a { border-radius:5px; padding:6px 8px; display:inline-flex; flex-direction:row-reverse; justify-content:flex-end; line-height:1em; }
.country_wrap .country_list li:hover a { color: var(--blue); background:#e8f2fd; }
.country_wrap .country_list li.active a { color: var(--blue); background:#e8f2fd; }
.country_wrap .country_list li a p { color:#767676; font-size:13px; margin-left:5px; }
.country_wrap .country_list li a span { font-size:14px; font-weight:800; text-transform:uppercase; }

.country_name { display:flex; align-items:center; margin-bottom:1.5em; }
.country_name h4 { margin:0 0 0 10px; display:flex; flex-direction:row-reverse; align-items:center; gap:10px; }
.country_name h4 p { font-size:18px; font-weight:500; color:#767676; line-height:1em; transform:translateY(4px); }
.country_name h4 span { font-weight:900; font-size:1.2em; text-transform:uppercase; }
.country_name .img_flag { width:30px; height:30px; border-radius:50px; overflow:hidden; }
.country_name .img_flag img { width:100%; height:100%; object-fit:cover; }

.country_detail { width:calc(100% - 250px); }
.country_detail > ul { display:flex; gap:2em; flex-direction:column;  }
.country_detail > ul > li { position:relative; margin-bottom:2.4em; animation:fadeUp 1s both cubic-bezier(.22, .61,.36, 1); }
.country_content { padding:2em; background:var(--lp); border-radius:15px; }
.country_content h5 { font-size:1.2em; font-weight:700; margin:0 0 15px; color:#0d1541; }
.country_content .item { display:flex; flex-wrap:wrap; gap:20px; margin-bottom:3em; }
.country_content .item:last-child { margin-bottom:0; }
.country_content .item li { width:calc(33.333333% - 13.33333px); border:1px solid #ededed; background:#fff; border-radius:1em; padding:1.5em; position:relative; }
.country_content .title { font-size:1em; margin-bottom:15px; display:flex; flex-wrap:wrap; align-items:center; }
.country_content .title strong { font-weight:900; margin-right:10px; line-height:25px; }
.country_content dl { display:flex; flex-wrap:wrap; font-size:13px; line-height:1.9em; }
.country_content dt { width:120px; }
.country_content dd { width:calc(100% - 120px); }

.left_menu_content { position:relative; display:flex; justify-content:space-between; align-items:flex-start; padding-top:2em; }
.left_menu_content .left_menu { width:330px; max-height:calc(100vh - 90px); padding:2px 0 1em 2px; overflow-y:auto; position:sticky; top:90px; left:0; }
.left_menu_content .left_menu ul { display:flex; flex-direction:column; gap:2px; }
.left_menu_content .left_menu li { display:flex; animation:fadeRight 1s both cubic-bezier(.22, .61,.36, 1); }
.left_menu_content .left_menu li a { border-radius:5px; padding:10px 8px; font-weight:600; font-size:15px; display:inline-flex; flex-direction:row-reverse; justify-content:flex-end; line-height:1em; }
.left_menu_content .left_menu li:hover a { color: var(--blue); background:#e8f2fd; }
.left_menu_content .left_menu li.active a { color: var(--blue); background:#e8f2fd; }
.left_menu_content .left_menu li a p { color:#767676; font-size:13px; margin-left:5px; }
.left_menu_content .left_menu li a span { font-size:14px; font-weight:800; text-transform:uppercase; }

.left_menu_content_detail { width:calc(100% - 380px); }
.left_menu_content_detail > ul { display:flex; gap:70px; flex-direction:column; }
.left_menu_content_detail > ul > li { position:relative; animation:fadeUp 1s both cubic-bezier(.22, .61,.36, 1); }
.left_menu_content_detail > ul > li h4 { font-size:1.2em; font-weight:700; margin:0 0 15px; color:var(--blue); }
.left_menu_content_detail > ul > li h5 { font-size:16px; font-weight:600; margin:0; position:static; }
.left_menu_content_detail > ul > li .text { padding-left:25px; margin-bottom:30px; }
.left_menu_content_detail > ul > li .text:last-child { margin-bottom:0; }
.left_menu_content_detail > ul > li .text .text_list { margin-bottom:20px; }
.left_menu_content_detail > ul > li .text .text_list:last-child { margin-bottom:0; }
.left_menu_content_detail .title { font-size:1em; margin-bottom:15px; display:flex; flex-direction:column; }
.left_menu_content_detail .title strong { font-weight:900; margin-right:10px; line-height:25px; }
.left_menu_content_detail ol { display:flex; flex-direction:column; gap:15px; }
.left_menu_content_detail strong { font-size:1em; font-weight:700; margin-bottom:10px; display:block;}
.left_menu_content_detail .text_number_list { margin-bottom:20px; }

.title_box { background:var(--blue); color:#fff; padding:3em; border-radius:20px; position:relative; }
.title_box h3 { font-size:1.5em; }
.title_box.policy {  background:url(/images/user/sub/title_box_policy.png) 96% 50% no-repeat var(--blue); background-size:140px; }
/*포항가속기연구소 안전보건 경영방침*/
.policy_wrap { padding:0 5em; }
.policy_list { margin-top:50px; }
.policy_list ul { display:flex; flex-wrap:wrap; gap:30px; }
.policy_list ul li { display:flex; justify-content:space-between; border-radius:15px; padding:2em; gap:30px; background:#f9f9f9; width:calc(100% / 2 - 30px / 2); position:relative; }
.policy_list ul li img { width:80px; }
.policy_list ul li .text { width:calc(100% - 130px); font-weight:600; line-height:1.8em; font-size:16px; }
.policy_list ul li .text strong { font-size:1.3em; font-weight:800; display:block; margin-bottom:0.8em; color:var(--mainblue); }

/*오시는길*/
#map, .map { width:100%; height:600px; border-radius:15px; border:1px solid #ededed; }
#map .label { margin-top:-60px; background:#003da5; font-size:13px; color:#000; font-weight:600; border-radius:10px; border:3px solid #003da5; line-height:1em; position:relative; transition:all 0.2s; }
#map .label a { background:#fff; border-radius:7px; padding:7px 15px; display:block; transition:all 0.2s; }
#map .label a img { height:18px; }
#map .label p { text-align:center; line-height:1.4em; }
#map .label::after { width:0; height:0; content:''; display:inline-block; position:absolute; transition:all 0.2s; top:auto; bottom:-15px; left:50%; border:5px solid transparent; border-top:10px solid #003da5; transform: rotate(0deg) translateX(-50%); }
#map .label:hover { border:3px solid #03196b; background:#03196b }
#map .label:hover::after { border-top:10px solid #03196b; }

.map {overflow: hidden;}
.map img {width: 100%;  height: 100%; object-fit: cover;}

.navi_button { margin:50px 0; }
.naver img { height:20px; }
.kakao img { height:24px; }
.naver { background:#30b34a; border:none; color:#fff; }
.kakao { background:#f9e000; border:none; }
.naver:hover { background:#099d27; }
.kakao:hover { background:#f9cf00; }

.directions > li { padding:2em 0; border-bottom:1px solid #d9e9fb; display:flex; align-items:flex-start; }
.directions.en > li{flex-direction: column;}
.directions > li:first-child { padding-top:0; }
.directions > li:last-child { padding-bottom:0; border-bottom:none; }
.directions > li strong { font-size:1.2em; font-weight:900; display:flex; align-items:center; width:240px; }
.directions.en > li .text strong {font-size:1em; font-weight:700; }
.directions.en > li strong{width:100%;}
.directions > li strong span { margin-left:10px; font-size:13px; }
.directions > li .alink { margin-left:10px; transform:translateY(-2px); }
.procedure { position:relative; margin-top:10px; }
.directions.en .procedure {margin-left:30px;}
.procedure::before { width:1px; height:100%; content:''; display:block; background:#c6d9ef; position:absolute; left:7px; top:0; }
.procedure li { display:flex; align-items:center; padding:5px 0; position:relative; }
.procedure li .dot { width:14px; height:14px; display:block; background:#ddd; border-radius:10px; margin-right:15px; z-index:1;animation:colorbounce both infinite cubic-bezier(.22, .61,.36, 1); }
.procedure li .ring { display:block; position:absolute; top:50%; left:7px; opacity:0; transform:scale(1); width:20px; height:20px; border:4px solid var(--blue); border-radius:50px; animation:bounce both infinite cubic-bezier(.22, .61,.36, 1);}
@keyframes colorbounce { 0% { background:#ddd; }
					20% { background:var(--blue); }
					40% { background:#ddd; }
					100% { background:#ddd; }
					}
@keyframes bounce { 0% { opacity:1; transform:translate(-50%,-50%) scale(0); }
					25% { opacity:0; transform:translate(-50%,-50%) scale(1.6); }
					50% { opacity:0; transform:translate(-50%,-50%) scale(0); }
					100% { opacity:0; transform:translate(-50%,-50%) scale(0); }
					}
.directions.en .table_list th {background:#edf2fa; }
.directions.en .table_list td {background:#fff; }

.pal_ci .symbol { padding:4em 2em; }
.pal_ci .symbol img { width:55%; }

.pls_map_wrap { display:flex; justify-content:space-between; margin-top:60px; position:relative; }
.pls_map { width:45%; left:27%; position:absolute; }
.pls_map_svg { width:100%; height:100%; position:relative; }
.pls_map_svg svg { position:absolute; z-index:1; }
.pls_map_img { width:100%; height:100%; }

.pal_beammap_list .category ul { display:flex; flex-direction:column; gap:10px; }
.pal_beammap_list .category li { line-height:1em; display:flex; align-items:center; }
.pal_beammap_list .category li p { font-size:13px; line-height:1em; display:inline-flex; align-items:center; }
.pal_beammap_list .category li p span { margin-left:5px; font-weight:600; font-size:11px; color:#767676; }
.pal_beammap_list .category li::before { content:''; display:inline-block; width:10px; height:15px; border-radius:2px; margin-right:5px; }

.pal_beammap_list .category.center { position:absolute; top:44%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:flex-start; flex-direction:column; gap:30px; z-index:2; }
.pal_beammap_list .category1 > ul li p { font-weight:600; cursor:pointer; color:var(--mainblue); }
.pal_beammap_list .category1 > ul li:hover p { color:var(--mainbluedeep); }

.pal_beammap_list .category1 li:nth-child(1)::before { background:#fcf860; }
.pal_beammap_list .category1 li:nth-child(2)::before { background:#f4a3a3; }
.pal_beammap_list .category1 li:nth-child(3)::before { background:#9494f2; }
.pal_beammap_list .category2 li:nth-child(1)::before { background:#fb8536; }
.pal_beammap_list .category2 li:nth-child(2)::before { background:#768e8c; }
.pal_beammap_list .category2 li:nth-child(3)::before { background:#5baf40; }
.pal_beammap_list .category .info li:nth-child(1)::before { background:#8e0047; }
.pal_beammap_list .category .info li:nth-child(2)::before { background:#53a9ff; }

.bl_list_wrap { width:100%; display:flex; justify-content:space-between; }

.bl_list .leftline { width:5px; height:100%; position:absolute; top:0; left:0; display:block; }
.bl_list .blP { background:#fb8536; }
.bl_list .blE { background:#768e8c; }
.bl_list .blA { background:#5baf40; }

.bl_list .palnci { background:#ff97a1; }
.bl_list .palxss { background:#f8e177; }
.bl_list .palsss1 { background:#5282b9; }
.bl_list .palsss2 { background:#1f6fae; }

.pls_map_wrap .left, .pls_map_wrap .right { width:300px; display:flex; flex-direction:column; justify-content:space-between; }

.bl_list { display:flex; flex-direction:column; gap:5px; }
.bl_list li { border:1px solid #ededed; border-left:0; transition:all 0.2s; position:relative; }
.bl_list li a { display:flex; font-size:12px; line-height:1em; padding:7px 7px 7px 13px; gap:5px; }
.bl_list li b { white-space:nowrap; font-weight:800; font-size:11px; }
.bl_list li p { display:inline-flex; font-weight:600; flex-wrap:wrap; align-items:center; gap:5px; color:#333; transition:all 0.2s; }
.bl_list li p span { font-weight:600; font-size:10px; color:#767676;}

.bl_list li:has(.blP):hover,
.bl_list li:has(.blP).active { background:#ffdec8; border:1px solid #fb8536; }
.bl_list li:has(.blE):hover,
.bl_list li:has(.blE).active { background:#f4f4f4; border:1px solid #768e8c; }
.bl_list li:has(.blA):hover,
.bl_list li:has(.blA).active { background:#e4f1e0; border:1px solid #5baf40; }

.bl_item { fill:rgba(0, 188, 247, 0); stroke:rgba(5, 80, 211, 0); stroke-width:4px; cursor:pointer; transition:all 0.2s; }
.bl_item.on.beamtype1,
.bl_item.on.beamtype2,
.bl_item.on.beamtype3 { fill:rgba(255,255,255,0.8); }
.bl_item.beamtype1:hover { stroke:#699ce5; }
.bl_item.on.beamtype1:hover, .bl_item.active.beamtype1 { /*fill:rgba(252,248,96,1);*/ fill:rgba(255,255,255,0); stroke:#3fb29c; }
.bl_item.beamtype2:hover { stroke:#699ce5; }
.bl_item.on.beamtype2:hover, .bl_item.active.beamtype2 { /*fill:rgba(244,163,163,1);*/ fill:rgba(255,255,255,0); stroke:#3fb29c; }
.bl_item.beamtype3:hover { stroke:#699ce5; }
.bl_item.on.beamtype3:hover, .bl_item.active.beamtype3 { /*fill:rgba(148,148,242,1);*/ fill:rgba(255,255,255,0); stroke:#3fb29c; }


/* .bl_item.beamtype1:hover { stroke:#f1ce4d; }
.bl_item.on.beamtype1:hover, .bl_item.active.beamtype1 { fill:rgba(252,248,96,1); fill:rgba(255,255,255,0); stroke:#f1ce4d; }
.bl_item.beamtype2:hover { stroke:#c56d6d; }
.bl_item.on.beamtype2:hover, .bl_item.active.beamtype2 { fill:rgba(244,163,163,1); fill:rgba(255,255,255,0); stroke:#c56d6d; }
.bl_item.beamtype3:hover { stroke:#5959d9; }
.bl_item.on.beamtype3:hover, .bl_item.active.beamtype3 { fill:rgba(148,148,242,1); fill:rgba(255,255,255,0); stroke:#5959d9; } */

/* .bl_item.beamtype1 { fill:rgba(244,163,163,0); }
.bl_item.beamtype2 { fill:rgba(252,248,96,0); }
.bl_item.beamtype3 { fill:rgba(148,148,242,0); }
.bl_item.beamtype1:hover { fill:rgba(244,163,163,1); }
.bl_item.beamtype2:hover { fill:rgba(252,248,96,1); }
.bl_item.beamtype3:hover { fill:rgba(148,148,242,1); } */

.dotlist li::before { content:''; width:5px; height:5px; background:#000; display:inline-block; border-radius:5px; margin-right:10px; }

.pal_beammap_list { margin-top:60px; }
.pal_map_wrap { display:flex; gap:50px; padding:50px; border:1px solid #ededed; border-radius:30px; align-items:center; box-shadow:0px 10px 20px 0 rgba(0,0,0,0.05); }
.pal_map_wrap .left { width:300px; }
.pal_map_wrap .left .bl_list li { padding:5px 5px 5px 10px; background:#fff; }
.pal_map_wrap .left .bl_list li a { padding:7px; }
.pal_map_wrap .left .bl_list li a:hover { background:#f4f4f4; }
.pal_map_wrap .left .bl_list b { display:none; }
.pal_map_wrap .left .bl_list li.pal_rsxs:hover,
.pal_map_wrap .left .bl_list li.pal_rsxs.active.on { border:1px solid #5282b9; }
.pal_map_wrap .left .bl_list li.pal_xasxes:hover,
.pal_map_wrap .left .bl_list li.pal_xasxes.active.on { border:1px solid #1f6fae; }
.pal_map_wrap .left .bl_list li.pal_xss:hover,
.pal_map_wrap .left .bl_list li.pal_xss.active.on { border:1px solid #f8e177; }
.pal_map_wrap .left .bl_list li.pal_nci:hover,
.pal_map_wrap .left .bl_list li.pal_nci.active.on { border:1px solid #ff97a1; }

.pal_map { width:calc(100% - 350px); position:relative; }
.pal_map .pal_map_img { width:100%; }
.pal_map_svg { width:100%; position:absolute; }
.pal_map .bl_item { fill:rgba(255,255,255,0); pointer-events:none; transition:all 0.2s; }
.pal_map_svg g { pointer-events:none; }
.pal_item_active { pointer-events:auto !important; cursor:pointer; stroke-width:1px; }

.bl_list li:hover,
.bl_list li.active, .bl_list li.active.on { opacity:1; border-left:none !important; }

.pal_map_img .commentary { display:flex; justify-content:center; gap:20px; font-size:15px; margin-top:20px; }
.pal_map_img .commentary p::before { content:''; width:40px; height:8px; display:inline-block; margin-right:5px; }
.pal_map_img .commentary .comment1::before { background:#5d5b5c; }
.pal_map_img .commentary .comment2::before { background:#a0a0a0; }
.pal_map_img .commentary .comment3::before { background:#5dc4d5; }
.pal_map_img .commentary .comment4::before { background:#e41f4d; width:8px; border-radius:8px; }

.pal_map_svg:hover .bl_item,
.pal_map_svg .bl_item.on { fill:rgba(255,255,255,0.7); }
.pal_map_svg:hover #pal_xss,
.pal_map_svg #pal_xss.on { fill:#fff6d2; /* stroke:#f8e177;*/ }
.pal_map_svg:hover #pal_nci,
.pal_map_svg #pal_nci.on { fill:#ffd9df; /* stroke:#ff97a1;*/ }
.pal_map_svg:hover #pal_rsxs,
.pal_map_svg #pal_rsxs.on { fill:#bcd5ed; /* stroke:#9ca681*/ }
.pal_map_svg:hover #pal_xasxes,
.pal_map_svg #pal_xasxes.on { fill:#75a9cc; /* stroke:#5baa97*/ }

#pal_xss,
.pal_map_svg:hover #pal_xss:hover,
.pal_map_svg #pal_xss.active { fill:#f8e177; }
#pal_nci,
.pal_map_svg:hover #pal_nci:hover,
.pal_map_svg #pal_nci.active { fill:#ff97a1; }
#pal_rsxs,
.pal_map_svg:hover #pal_rsxs:hover,
.pal_map_svg #pal_rsxs.active { fill:#5282b9; }
#pal_xasxes,
.pal_map_svg:hover #pal_xasxes:hover,
.pal_map_svg #pal_xasxes.active { fill:#1f6fae; }

.info_visual_box { width:100%; display:flex; gap:20px; }
.info_visual_box li { width:calc(100% / 3 - 40px / 3); padding:30px; border:1px solid #ededed; }

.content_box:has(.box_list_icon) { display:flex; flex-direction:column; gap:50px; }
.half_content { width:calc(100% / 2 - 50px / 2); }
.box_list_icon ul { display:flex; gap:15px; flex-wrap:wrap; }
.box_list_icon ul li { width:calc(100% / 4 - 45px / 4);  }
.box_list_icon ul li a { min-height:170px; height:100%; padding:30px 20px; display:flex; background:#fff; border:1px solid #ededed; align-items:center; justify-content:center; flex-direction:column; }
.box_list_icon ul li a:hover { border:1px solid #87a5c3; }
.box_list_icon ul li img { height:50px; margin-bottom:15px; }
.box_list_icon ul li p { font-weight:800; line-height:1.3em; text-align:center; }
.box_list_icon ul li span { font-weight:600; font-size:13px; line-height:1em; margin-top:7px; }

/*식단표*/
.inner:has(.mealplan_list) { width:1000px; }
.mealplan_list { position:relative; margin-top:-30px; padding:5em; 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; }
.mealplan_list .title { text-align:center; position:relative; margin-bottom:30px; display:flex; gap:20px; align-items:center; flex-direction:column; }
.mealplan_list .title::after { content:''; display:block; width:100%; border-bottom:1px dashed #ccc; position:absolute; top:20px; z-index:0; }
.mealplan_list .title .mealtime { width:100%; display:flex; justify-content:flex-end; gap:10px; }
.mealplan_list .title dl { display:flex; gap:10px; justify-content:flex-end; font-size:0.8em; }
.mealplan_list .title dl dt { margin-left:20px; font-family:notoSerif; }
.mealplan_list h3 { font-family:notoSerif; font-weight:900; background:#fff; padding:0 20px; display:inline-block; margin:0; position:relative; z-index:1; }
.mealplan_list h4 { font-size:1.2em; margin-bottom:35px; }
.mealplan_list .exp { line-height:1.9em; font-size:15px; /* width:100%; border-top:1px solid #ccc; padding-top:30px; margin-top:60px; */ }
.mealplan_list .item_wrap { display:flex; flex-direction:column;}
.mealplan_list .item { background:var(--lp); border-radius:10px; margin-bottom:20px; padding:50px; }
/* .mealplan_list .item:last-of-type { margin:0; padding:0; border-bottom:none; } */
.mealplan_list .mealplan_view { display:flex; }
.mealplan_list .mealplan_view .menu { width:calc(100% / 2); }
.mealplan_list .mealplan_view .menu.lunch { padding-right:40px; }
.mealplan_list .mealplan_view .menu.dinner { border-left:1px solid #dce5ed; padding-left:40px; }
.mealplan_list .mealplan_view h5 { text-align:left; text-transform:capitalize; color:var(--blue); margin:0 0 20px; font-family:notoSerif; font-style:italic; }
.mealplan_list .mealplan_view h5 p { display:inline-block; font-size:1em; }
.mealplan_list .mealplan_view h5 span { font-size:0.9em; margin-left:10px; }
.mealplan_list .mealplan_view .menu_item { font-size:14px; line-height:1.7em; }
.mealplan_list .mealplan_view .lunchPlus { font-size:14px; line-height:1.7em; border-top:1px dashed #dce5ed; margin-top:20px; padding-top:20px; display:block; }
.mealplan_list .mealplan_view .holiday { color:#ff0000; }
.mealplan_list .mealplan_view:has(.lunch_course) .lunch { width:calc(100% / 3 * 2 - 40px); }
.mealplan_list .mealplan_view:has(.lunch_course) .dinner { width:calc(100% / 3); }
.mealplan_list .lunch_course { display:flex; }
.mealplan_list .lunch_course > div { width:calc(100% / 2); }
.mealplan_list .lunch_course strong { color:#fff; background:var(--blue); display:inline-block; line-height:1em; padding:7px 13px; font-size:15px; border-radius:50px; margin-bottom:15px; }

.rstrntguide { opacity:0; pointer-events:none; padding:0; border:1px solid #ccc; border-radius:30px; background:#fff; position:absolute; top:300px; left:50%; transform:translateX(-50%); width:90%; transition:all 0.4s; box-shadow:0 5px 15px 0 rgba(0,0,0,0.1); }
.rstrntguide .facility_guide { flex-direction:column; }
.rstrntguide .facility_guide .st0 { fill:rgb(0 176 247 / 34%); stroke:rgb(0 217 255); stroke-width:3px; }
.rstrntguide .facility_guide .st0:hover { fill:rgb(0 176 247 / 34%); stroke:rgb(0 217 255); }
.rstrntguide .facility_guide .facility07 { top:80%; left:44%; }
.rstrntguide .facility_guide .img_box { border-radius:20px 20px 0 0; }
.rstrntguide .facility_guide .img_box img { border-radius:0; }
.rstrntguide.active { opacity:1; top:200px; pointer-events:auto; }
.rstrntguide .btn_close { position:absolute; top:20px; right:20px; z-index:9; color:#000; background:#fff; opacity:1; border-radius:50px; }
.rstrntguide .address { padding:30px; line-height:1.5em;}
.rstrntguide .address dd { font-size:0.9em; }

/*연구성과-활용분야*/
.pal_video_wrap { width:1400px; height:600px; border-radius:20px; overflow:hidden; position:relative; margin:0 auto; }
.pal_video_wrap .pal_video { width:100%; height:100%; object-fit:cover; }
.pal_video_wrap iframe { position: absolute; top: -60px; bottom: -60px; left: 0; width: 100%; height: calc(100% + 120px); border: none;}
.pal_video_wrap .text { position:absolute; z-index:1; top:0; left:0%; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; }

.dark_trg .pin_content .img_show { margin:0 0 800px; }
.pin_content .img_show { margin:0 0 800px; display:flex; }
.pin_content .img_show:last-child { margin:0; }
/* .inner:has(.img_show) { width:1200px; } */
.img_show .img_box { width:100%; height:600px; border-radius:20px; margin:0; }
.img_show .img_box img { filter:brightness(1); width:100%; height:100%; object-fit:cover; }
.img_show .text { position:absolute; z-index:1; top:90%; transform:translateY(-50%); left:55%; width:40%; color:#fff; opacity:0; }
.img_show .text h4 { font-size:3em; font-weight:800; margin-bottom:20px; }
.img_show .text li { font-weight:600; }

.inner:has(.grapth_wrap) { width:1300px; }
.grapth_wrap { padding:50px; border-radius:20px; background:#f9f9f9; }

.exp_wrap { display:flex; justify-content: flex-end; margin-top:30px; }

/*issc*/
.issc_main { padding-top:0; position:relative; background:#fff; overflow:hidden; }
.issc_main .inner { width:1400px; margin:0 auto; padding:0; font-size:17px; }
.issc_main .title strong { font-size:4em; }
.issc_main .issc_svg { fill:#050c16; width:100%; height:100%; }
.issc_main .text_mask { position:absolute; top:0%; left:0%; width:100%; height:100%; transform:translate(-50%,-50%) scale(40); opacity:0; }
.issc_main .text_mask svg { width:100%; height:100%; }
.issc_main .section1 { width:100%; height:120vh; background:url(/images/user/sub/mechanism4th8.jpg) 50% 50% / cover no-repeat #fff; position:relative; overflow:hidden; }
.issc_main .section1 .mask_bg { width:100%; height:100%; /* background:rgba(255,255,255,1); mix-blend-mode:lighten; */ position:relative; z-index:1; }
.issc_main .section1 h2 { font-size:40em; letter-spacing:-20px; width:100%; text-align:center; position:absolute; top:45%; left:0%; transform:translateY(-50%) scale(22); }
.bg_movie_wrap { width:100%; height:100%; position:relative; }
.issc_main .intro_text { position:absolute; color:#fff; background:rgba(0,0,0,0.5); top:0; text-align:center; width:100%; height:100vh; padding-top:90px; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:2.4em; line-height:1.6em; z-index:2;}
.issc_main .intro_text p { display:block; overflow:hidden; line-height:1.7em; }
.issc_main .intro_text p span { display:block; animation:textUp 1s cubic-bezier(.22, .61,.36, 1) both; }
.issc_main .intro_text p:nth-child(2) span { animation-delay:0.2s; }
.issc_main .section2 { padding:1em 0 7em; }
.issc_main .section2 h2 { font-size:2.2em; font-weight:600; color:#fff; margin-bottom:1.3em; }
.darkmode .issc_main .section2 h2 { color:#fff; }
.issc_main .section2 .issc_slide { overflow:visible; }
.issc_main .section2 .swiper-slide { width:auto; }
.issc_main .section2 .swiper-slide p { margin-top:15px; }
.issc_main .section2 .swiper-slide img { height:400px; width:auto; border-radius:15px; }

.issc_main .section2 .ctrl { position:relative; z-index:1; display:flex; justify-content:center; align-items:center; margin-top:30px; gap:10px; }
.issc_main .section2 .ctrl .btn_slide { position:static; top:0; z-index:2; }
.issc_main .section2 .ctrl .btn_slide:hover { color:#000; background:var(--orange); border-color:var(--orange); }
.issc_main .section2 .ctrl .btn_prev { left:-65px; }
.issc_main .section2 .ctrl .btn_next { right:-65px; }
.issc_main .section2 .paging { width:60%; margin-right:20px; position:static; background:#252a30 !important; border-radius:10px; }
.issc_main .section2 .paging .swiper-pagination-progressbar-fill { background:var(--orange) !important; border-radius:10px; }
.issc_main .article_wrap:last-of-type { padding-bottom:0; }
.issc_main .article_wrap h3 { font-size:2em; margin-bottom:1.3em; }
.bg_movie { width:100%; height:100vh; position:absolute; top:0%; left:0%; z-index:0; object-fit:cover; }
/* .bg_movie::after { position:absolute; content:''; top:0; left:0; background:rgba(0,0,0,0.5); z-index:1; width:100%; height:100%; } */
.bg_movie iframe { width:100%; aspect-ratio:16/9; object-fit:cover; }

.order_text_list { display:flex; flex-direction:column; gap:20px; margin-top:15px; }
.order_text_list li ol { padding-left:1em; }

.unsubscribe { width:100%; padding:5em; background:var(--lp); display:flex; flex-direction:column; align-items:center; }
.unsubscribe p { font-size:1em; line-height:2em; text-align:center; }
.unsubscribe .mail_form { width:auto; margin-top:40px; background:#fff; border: 1px solid #032b54;}
.unsubscribe .mail_form:hover button { background:#032b54 !important; }
.unsubscribe .mail_form button { width:auto; height:50px; background:#032b54 !important; }
.unsubscribe .inputText { font-size:15px; width:300px; color:#000; padding-left:15px; margin-right:2px; border:none; box-shadow:none; height:50px; }
.unsubscribe .mark { margin:0 auto; color:#adbccb; font-size:2em; width:60px; height:60px; border:3px solid #a4b5c5; border-radius:60px; display:flex; align-items: center; justify-content: center; margin-bottom:30px;}
.unsubscribe .mark.green { color:#008b09; border-color:#008b09; }


.namebox ul { display:flex; flex-wrap:wrap; gap:20px; }
.namebox ul li { border:1px solid #ededed; padding:30px; border-radius:15px; }
.namebox ul li dt { color:var(--mainblue); display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:0.9em; }
.namebox ul li dt span { font-size:1.6em; color:#ccc; }
.namebox ul li dd strong { font-size:1.2em; display:block; margin:5px 0 10px; font-weight:800; }
.namebox ul li dd p { display:flex; gap:5px; align-items:center; font-size:0.9em; line-height:2em; }
.namebox ul li dd p span { display:inline-flex; color:#999; font-weight:400; align-items:center; justify-content:center; margin-right:7px; font-size:14px; width:24px; height:24px; background:#ededed; border-radius:50px; }
.namebox ul.col3 li { width:calc(100% / 3 - 40px / 3); }

.table_overflow { overflow-X:auto; }

.icon-main { margin-bottom:35px; }
.icon-main .st0{fill:#13498b;}
.icon-main .st1{fill:#e4f2ff;}
.icon-main .st2{fill:#5f9bc5;}
.icon-main .st3{fill:#0056e9;}
.icon-main .st4{fill:#79b5ff;}
.icon-main #mail-icon { width:120px; cursor:pointer; }

.text_list { display:flex; flex-direction:column; gap:8px; padding-left:20px; }
.text_list li { position:relative; padding-left:16px; line-height:1.6em; }
.text_list li::before { width:4px; height:4px; border-radius:4px; background:#999; content:''; display:inline-block; position:absolute; top:15px; left:0;}
.text_list li dl { display:flex; flex-direction:column; }
.text_list:has(dl) { gap:20px; }
.text_list li:has(dl)::before { display:none; }

.text_number_list { display:flex; flex-direction:column; gap:8px; padding-left:20px; }
.text_number_list li { position:relative; display:flex; align-items:flex-start; gap:6px; line-height:1.6em;}
.text_number_list li b { background:var(--blue); color:#fff; padding:0 7px; min-width:24px; height:24px; line-height:1em; display:inline-flex; align-items:center; justify-content:center; margin-top:3px; font-size:13px; border-radius:50px; white-space:nowrap; }

.by_info_wrap { display:flex; gap:20px; flex-wrap:wrap; }

.by_info_box { width:calc(100% / 2 - 20px / 2); padding:40px; border-radius:15px; background:var(--lp); flex-direction:column; animation:fadeUp 1s both cubic-bezier(.22, .61,.36, 1);}
.by_info_box p { margin-bottom:0 !important; }
.by_info { padding-left:170px; width:100%; position:relative; }
.by_info .thumbnail { width:130px; height:130px; position:absolute; top:0; left:0; padding:0; border-radius:20px; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.1) 0px 25px 50px -10px, rgba(0, 0, 0, 0.1) 0px 15px 30px -15px; }
.by_info .thumbnail::after { font-size:2rem; }
.by_info .title { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; margin-bottom:10px; gap:10px; }
.by_info .title strong { font-size:1.3em; font-weight:800; }
.by_info .title .btn_s { padding:0 9px; height:30px; }
.by_info dl { display:flex; flex-wrap:wrap; align-items:center; margin-top:10px; line-height:1.7em; font-size:15px;}
.by_info dl dt { width:30px; color: var(--blue); }
.by_info dl dd { width:calc(100% - 30px); }
.by_info p { display:flex; flex-direction:column; font-size:15px; line-height:1.7em !important; }

.en .by_info .title { align-items:flex-start; flex-direction:column-reverse; }
.en .by_info .title .width110 { width:auto !important; padding:0 10px; font-size:12px;}

.by_info_text { font-size:16px; width:100%; margin-top:30px; padding-top:30px; border-top:1px solid #dce2e9;}
.by_info_text h5 { font-size:1.2em; }
.by_info_text p { display:flex; flex-direction:column; line-height:1.7em !important; text-align:left; max-height:110px; overflow-y:auto;}
.by_info_text span { display:inline-block; }

.by_info_wrap.org_box_wrap { gap:10px; }
.by_info_wrap.org_box_wrap:has(.nothing) { height:100%; }
.by_info_wrap.org_box_wrap .by_info_box { width:100%; padding:30px; }
.by_info_wrap.org_box_wrap .by_info { padding-left:0; display:flex; gap:30px; }
.by_info_wrap.org_box_wrap .by_info .thumbnail { width:130px; height:130px; border-radius:15px; position:relative; }
.by_info_wrap.org_box_wrap .by_info .thumbnail::after { background:#ffffff; }

.privacy-policy { display:flex; flex-direction:column; gap:30px; padding:20px; }
.privacy-policy .pp_box { padding-top:40px; border-top:1px solid #ededed; }
.privacy-policy .pp_box:first-child { padding-top:0; border-top:none; }
.privacy-policy .pp_box p { margin-bottom:15px; }
.privacy-policy .pp_box p:last-child { margin-bottom:0; }
.privacy-policy .pp_box strong { color:var(--blue); font-size:1.2em; margin-bottom:10px; display:block; }
.privacy-policy .pp_box .title { font-size:1.2em; font-weight:800; }
.privacy-policy svg text { font-family:'N-SquareNeo', sans-serif; font-weight:600; }
.privacy-policy .st6 { font-weight:500; }
.privacy-policy .pp_title strong { font-size:1.5em; font-weight:800; margin-bottom:20px; color:#000;}
.privacy-policy .pp_content { display:flex; flex-direction:column; gap:30px; }
.privacy-policy .text_list { margin-bottom:10px; }
.privacy-policy .text_list li { padding-left:10px; }
.privacy-policy .text_list li::before { top:10px; background:#000; }
.privacy-policy .text_list li ul li::before { background:#999; width:5px; height:1px; }

.nothing:has(.icon-notification) { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; padding:2em 0; }
.nothing:has(.icon-notification) span { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:40px; border:2px solid #ccc; }

.unitySrch_top { display:flex; flex-direction:column; align-items:center; }
.unitySrch_top .title { font-size:1.6em; font-weight:900; }
.unitySrch_top .search_box { margin:30px 0 20px; }
.unitySrch_top .search_box .inputText { width:600px; }

.unitySrch_list .inner_table_area { margin-bottom:4em; }
.unitySrch_list .inner_table_area:last-of-type { margin-bottom:0; }
.unitySrch_list h3 { margin:1em 0 0.5em; font-size:1.3em; }

.unitySrch_list .by_info_text h5 { margin:0 0 0.7em; }
.unitySrch_list .by_info_text h5 br { display:none; }

.unitySrch_list .table_list tr td a { font-size:1.1em; }
.unitySrch_list .table_list tr td p { font-size:15px; }
.unitySrch_list .table_list tr td .textover { font-size:14px; line-height:1.6em; }

.technic_list ul li ul { border-top:2px solid #000; }
.technic_list .title { font-size:1.2em; font-weight:700; display:block; margin-bottom:15px; }
.technic_list .box { width:100%; border-bottom:1px solid #ededed; padding:25px 0; line-height:1.6em; display:flex;justify-content:space-between; }
.technic_list .box strong { font-weight:700; }
.technic_list .box p { font-size:0.8em; }
.technic_list .box .btn_wrap { margin-top:0; }
.technic_list .box .btn_wrap .btn_s { min-width:0; }

.bbs_exp .btn_exp {height:auto;width: 100px;font-weight:500;border-radius:50px;color:#000;padding:7px 10px;background:#fff;border:1px dashed #666;}
.bbs_exp .btn_exp:hover { border:1px solid #224173; box-shadow:0px 0px 10px 0 rgba(157,186,223,0.4); }
.bbs_exp .btn_exp span { color:#ff5200; }
.bbs_exp {margin: 0 10px 10px 0;display:flex;flex-direction: row; position: absolute;right: -150px;top: -7px;}
.sns_login .bbs_exp { margin:0; top:-5px; }
/*beamTimeAltmnt*/
.tab_wrap:has(.control) { position:relative; }
.beamTimeAltmnt .goleft, .beamTimeAltmnt .goright { z-index:2; position:absolute; top:74px; transition:border 0.3s; }
.beamTimeAltmnt .goleft { left:-15px; }
.beamTimeAltmnt .goright { right:-15px; }

.control.fix { position:sticky; top:10px; z-index:2; }
.control.fix .goleft, .control.fix .goright { top:0; }

.swiper-pagination-lock,
.swiper-button-lock { display:none !important; }

.tp_banner { width:100%; height:50px; background: linear-gradient(90deg, rgb(226 0 0) 0%, rgb(255 36 36) 48%, rgb(225 0 16) 100%); padding:0 25px; display: flex; justify-content: center; align-items: center; position: relative; display: none }
.tp_banner.active { display:flex;}
.bn_con { display: flex; gap: 9px; align-items: center; }
.bn_con img { width: auto; height: 28px; max-width: 100%; object-fit: contain; }
.bn_con p { color:#fff; font-size: 1.1rem;}
.bn_con span{ padding: 4px 12px; background: #fff; border-radius: 50px; margin: 0 5px; color: #000; font-weight: 900; }
.bn_con strong{ font-weight: 800; }
.btn_banner{ position: absolute; right: 1rem; color: #fff; font-size: 1.5rem; line-height: 30px;}
.btn_banner i { font-size : 1rem; }

.header.active::after { content: ''; width: 100%; height: 1px; background: #ededed; display: block; position: absolute; top: 90px; left: 0; z-index: 1; }
