@charset "utf-8";
/* CSS Document */

/*관람안내*/
.viewng_guide .basic_slide { overflow:visible; }
.viewng_guide .swiper-slide { width:calc(100% / 3); }
.viewng_guide .swiper-slide img { width:100%; height:100%; object-fit:cover; border-radius:15px; }
.viewng_guide .basic_slide_btn { display:flex; justify-content:space-between; align-items:center; gap:50px; margin-top:20px; }
.viewng_guide .basic_slide_btn button { display:flex; }
.viewng_guide .basic_slide_paging { position:relative; background:#f4f4f4; }
.viewng_guide .swiper-pagination-progressbar-fill { background:var(--blue); }

.guide_proc_list ul {display:flex; gap:30px; }
.guide_proc_list ul li:nth-child(odd) { width: calc(33.3% - 13px); display:inline-flex; align-items:center; flex-direction:column; justify-content:center; padding:30px 30px; border-radius:20px; background:#fff; box-shadow: 0 0 30px 0 rgba(0,55,255,0.15); text-align: center;}
.guide_proc_list ul li:nth-child(even) {font-size: 30px; padding: 80px 0 0 0;}
.guide_proc_list li p { padding:7px 0; border-radius:30px; line-height:1.5em; color:#000; font-weight: 600;}
.guide_proc_list li img { width:80px; margin-bottom:10px; }

.content_box.not {padding:0;}
.guide_notice_list { margin-top:10px; }
.guide_notice_list ul {display:flex; gap: 20px; flex-wrap: wrap;}
.guide_notice_list ul li {text-align: center; display:flex; flex-direction: column; align-items: center; padding:30px 30px; background:#f5f8fb; width: calc(33.3% - 13px); border-radius:10px;}
.guide_notice_list ul li span {color: var(--mainblue); padding:10px 30px 0 0; font-size:50px; margin-bottom: 30px;}
.guide_notice_list.safety ul li{width: calc(20% - 16px); }

.guide_notice_list .nosmoking{background:url(/images/user/nosmoking.svg) 50% 10% no-repeat; }
.guide_notice_list .nodanger{background:url(/images/user/nodanger.svg) 50% 10% no-repeat;}
.guide_notice_list .nopets{background:url(/images/user/nopets.svg) 50% 10% no-repeat;}
.guide_notice_list .noprog{background:url(/images/user/noprog.svg) 50% 10% no-repeat;}
.guide_notice_list .nodamage{background:url(/images/user/nodamage.svg) 50% 10% no-repeat;}
.guide_notice_list .nopicture{background:url(/images/user/nopicture.svg) 50% 10% no-repeat;}
.guide_notice_list .protector{background:url(/images/user/protector.svg) 50% 10% no-repeat; }
.guide_notice_list .noise{background:url(/images/user/noise.svg) 50% 10% no-repeat;}
.guide_notice_list .mannermode{background:url(/images/user/mannermode.svg) 50% 10% no-repeat;}
.guide_notice_list .emergency{background:url(/images/user/emergency.svg) 50% 10% no-repeat;}
.guide_notice_list .leader{background:url(/images/user/leader.svg) 50% 10% no-repeat; }

.guide_notice_list .nosmoking,
.guide_notice_list .nodanger,
.guide_notice_list .nopets,
.guide_notice_list .noprog,
.guide_notice_list .nodamage,
.guide_notice_list .nopicture,
.guide_notice_list .protector,
.guide_notice_list .noise,
.guide_notice_list .emergency,
.guide_notice_list .leader { margin: 10px 0 30px 0; background-size:60px; width:60px; height:60px;}

.guide_notice_list .mannermode{ margin: 15px 0 30px 0; background-size:50px; width:50px; height:50px;}

/*관람예약*/
.apply_form_list{width:100%; position:relative; border-top:1px solid #efefef; }
.apply_form_list .apply_head { position:sticky; top:70px; z-index:2; font-weight:700; padding:30px 30px; width:100%; background:#fff; border-radius:0; margin-top:-1px; border:none; border-top:1px solid #e7ebee; border-bottom:1px solid #e7ebee; display: block;}
.apply_form_list .apply_head.inactive{ color:#cdcdcd; }
.apply_form_list .apply_head.inactive .title strong { font-weight:500; }
/*.apply_form_list .apply_head.active{ color:#000;}*/

.apply_form_list .apply_content { width:100%; padding:50px 50px 50px 150px; background-color:var(--lp); border-bottom:1px solid #efefef; }
.apply_form_list .apply_content.step4 { /* height: 800px; overflow: scroll; */}
.apply_form_list .apply_content dl { padding:20px 20px 20px 0; }
.apply_form_list .apply_content dl dt { padding:0 0 0 25px; }
.apply_form_list .apply_content .content_box:has(.agree_box_wrap) { margin-top:30px; }
.apply_form_list .apply_content .agree_box_wrap table { background:#fff; }
.step2, .step3, .step4, .step5{ display:none;}

.apply_form_list .nums {flex:0 0 120px; font-weight:700; font-size:32px; text-align:left; }
.apply_form_list .title {flex:1 0 auto; font-weight:700; font-size:32px; text-align:left; }
.apply_form_list .title strong {font-weight:700; }
.apply_form_list .title-desc {display:inline-block; padding-left:30px; font-weight:400; color: var(--mainblue); }
.apply_form_list .before {display:flex; }
.apply_form_list .after {display:none; }
.apply_form_list .isSaved .before {display:none }
.apply_form_list .isSaved .after {display:flex; }
/*.apply_form_list .nums {color:#333; }  마지막 스텝 */


/* step1 */
.course_list { width:100%; display: flex; gap: 30px; flex-wrap: wrap; justify-content: center;}
.course_list li {position:relative; width:calc(100% / 2 - 15px);padding:0;}
.course_list li .form_label {display:block; position:relative; padding:25px 25px 22px 25px; text-align:center; background:#fff; }
.course_list li .form_label:before {content:''; position:absolute; top:-2px; left:-2px; width:100%; height:100%; border:3px solid #e5e5e5; background:none; border-radius:0;}
.course_list .tit {display:block; font-size:23px; font-weight:700;}
.course_list .tit .course {display:inline-block; margin-right:8px; font-weight:inherit; color:inherit; }
.course_list .time {display:block; color:#767676; font-size:16px;}
.course_list .cinto {display:block; color:#767676; font-size:16px;}
.course_list input[type="radio"] {display:none/*position:absolute; top:0; left:0; z-index:-1; width:1px; height:1px; margin:0; opacity:0;*/}
.course_list input[type="radio"]:checked + .form_label:before {border:3px solid #0056e9; box-shadow:rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; background-image:none; }
.course_list input[type="radio"]:checked + .form_label .tit {color:#0056e9;}

/* step2 */
.personnel_input_form { width:100%; border-top:2px solid #000; background:#fff; }
.personnel_input_form dl { position:relative; padding:20px; border-bottom:1px solid #ededed; display:flex; align-items:center; }
.personnel_input_form dt { font-weight:600; width:200px; }
.personnel_input_form dd { width:calc(100% - 200px); }
.personnel_input_form dd.notify_error .inputText { border-color:#c51b00; }

/* step3 */
.date_input_form { width:100%; border-top:2px solid #000; display: flex; background:#fff; }
.date_input_form dl { padding:20px; position:relative; width:50%; border-bottom:1px solid #ededed; display:flex; align-items:center;}
.date_input_form dt { font-weight:600; width:200px; }
.date_input_form dd { width:calc(100% - 200px); }
.date_input_form dd.notify_error .inputText { border-color:#c51b00; }
.date_input_form dd .input_date{ position:relative; padding-right:40px; background:url(/images/user/icon-cal.svg) 96% 50% no-repeat; background-size: 20px; }
.date_input_form dd .input_time{ padding-right:40px; background:url(/images/user/icon-clock.svg) 96% 50% no-repeat; background-size: 20px; }

.time_reserve {animation-duration: 0.5s; animation-name: fadeShow; overflow: hidden; border-radius: 10px; display:none; font-size:13px; background:#fff; width:240px; position:absolute; top:70px; left:200px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.time_reserve.active{display: block; animation-duration: 0.5s; animation-name: fadeShow;}

.time_reserve .tr_title{ display: flex; border-bottom:1px solid #0d4199;}
.time_reserve .tr_title em{ padding:3px 10px; text-align: center; font-size: 14px; color:#fff; background: #0559e9; font-weight: 600;}
.time_reserve .tr_title em:first-child  {width:140px; border-right: 1px solid #407ee7;}
.time_reserve .tr_title em:last-child  {width:100px;}
.time_reserve .tr_list {max-height: 150px; overflow: auto;}
.time_reserve .tr_list button{border: none; display: flex; width: 100%; padding:10px; border-radius:0;}
.time_reserve .tr_list button span:first-child {width:140px;}
.time_reserve .tr_list button span:last-child  {width:100px;}

.time_reserve .tr_list .tr_po{ color:#086dc7; font-weight:700;}
.time_reserve .tr_list .tr_po:hover {background: var(--lpborder);}
.time_reserve .tr_list .tr_im{ color:#c5c5c5; font-weight: 400;}
.time_reserve .tr_list .tr_im:hover {color:#a9a9a9;}


/* step4 */
.reserve_wrap { padding:30px 0; /*background:#f9f9f9;*/ margin-bottom:20px;}
.reserve_wrap h4 { line-height: 1.3em; font-weight: 600; font-size: 1.2em; margin-bottom: 1em; display: flex; justify-content: space-between;}
.reserve_wrap h4 p { font-family:'N-SquareNeo', sans-serif; }
.reserve_wrap h4 .check { font-family:'N-SquareNeo', sans-serif; font-size:12px; display: flex; align-items:center;}
.reserve_input_form { width:100%; background:#fff; border-top:2px solid #000; }
.reserve_input_form dl { position:relative; padding:20px 0; border-bottom:1px solid #ededed; display:flex; align-items:center; }
.reserve_input_form dt { font-weight:600; width:250px; }
.reserve_input_form dd { width:calc(100% - 250px); }
.reserve_input_form dd.notify_error .inputText { border-color:#c51b00; }
.reserve_input_form dd p.filename {margin-bottom: 0px !important;}

/* stetp5 */
.apply_info_wrap h4 {line-height: 1.3em; font-weight: 600; font-size: 1.2em; margin-bottom: 1em;}
.apply_info_list{ width:100%; border-top:2px solid #000; }
.apply_info_list dl { position:relative; padding:20px 0; border-bottom:1px solid #ededed; display:flex; align-items: center;}
.apply_info_list dt { font-weight:600; width:200px; }
.apply_info_list dd { width:calc(100% - 200px); }
.apply_info_list dd .captcha img{ width:110px;}
.apply_info_list dd .captcha { flex-wrap:wrap; }

/* 예약완료 */
.reserve_complete{ width: 700px; margin: 0 auto;}
.reserve_complete .rc_header { display: flex; flex-wrap: wrap; justify-content: center;}
.reserve_complete .rc_header h3 { width:100%; text-align: center;}
.reserve_complete .rc_header p { width:100%; text-align: center; font-weight:600;}
.reserve_complete .apply_info_wrap { padding:0; margin:100px 0 50px 0;}
.reserve_complete .notice_text_box {font-size:0.9em;  line-height: 1.7em;}
.reserve_complete .reserve_icon { height: 60px; width:60px;  background: var(--mainblue); border-radius:100px; margin-bottom:30px; display: flex; justify-content: center; align-items: center;}
.reserve_complete .reserve_icon .animated-check { height: 45px; width: 50px;}
.reserve_complete .reserve_icon .animated-check path { fill: none; stroke: #fff; stroke-width: 4; stroke-dasharray: 23; stroke-dashoffset: 23; animation: draw 0.5s linear forwards;}
@keyframes draw { to { stroke-dashoffset: 0 } }

/*예약조회 및 취소*/
.reserve_check  {width: 400px; margin: 0 auto;}
.reserve_check .login_form {margin: 50px 0 50px 0;}

/*datepicker*/
/* .ui-widget-header { border: 0px solid #dddddd; background: #fff; }
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; }
.ui-datepicker .ui-datepicker-header {position: relative;padding:10px 0; border-bottom: 1px solid #efefef;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; }

.ui-datepicker .ui-datepicker-title {margin: 0 0em;line-height: 20px;text-align: center;font-size: 14px;padding: 0px;font-weight: bold;padding: 4px 0 0 0;}
.ui-datepicker .ui-datepicker-title select{border:none;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {width:35%; margin-right:2px; padding: 3px 0 3px 5px; font-size: 15px; font-weight: 600;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month { width:20%; padding: 3px 0 3px 5px; font-size: 15px; font-weight: 600;}

.ui-datepicker { display: none; background-color: #fff; border-radius: 10px; margin-left: 0px; margin-right: 0px; padding: 0px; width: 300px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; overflow: hidden;}
.ui-widget.ui-widget-content { border: 0px solid #eee; margin: 10px 0 0 0; }
#datepicker:focus>.ui-datepicker { display: block; }
.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; }
.ui-datepicker-next { float: right; }
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); }
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }
.ui-datepicker-calendar { width: 90% !important; margin: 5% auto !important; }
.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 600; }
.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 14px !important; font-weight: bold !important; text-decoration: none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; }
.ui-datepicker-calendar>tbody>tr>td {border-radius: 100%;width: 30px;height: 30px;cursor: pointer; padding: 0px; font-weight: 100;text-align: center;font-size: 12px;}
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; }
.ui-datepicker .ui-datepicker-prev{ left:0; top:9px;}
.ui-datepicker .ui-datepicker-next{ right:0; top:9px;}

.ui-widget-header .ui-icon { background-image: url('/images/user/btns.png'); }
.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }
.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }
.ui-widget-header .ui-icon:hover .ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }
.ui-widget-header .ui-icon:hover .ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }

.ui-datepicker-calendar>tbody>tr>td:first-child a { color: #D3191C !important; }
.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0D33AD !important; }
.ui-datepicker-calendar>thead>tr>th:first-child { color: #D3191C !important; }
.ui-datepicker-calendar>thead>tr>th:last-child { color: #0D33AD !important; }

.ui-datepicker .ui-datepicker-buttonpane button {border: 1px solid #efefef; border-radius:3px;}
.ui-datepicker .ui-datepicker-buttonpane button:hover { border: 1px solid #c5c5c5;}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {border: 0px;background: #1463eb; color: #fff; border-radius: 50%;padding-top: 10px; *//* padding-bottom: 10px;}
 */
 /*datepicker*/
/*header*/
.ui-helper-clearfix:before, .ui-helper-clearfix:after { display:none !important; }
.ui-datepicker table { padding:.4em !important;margin:0 !important; width:100%; }
.ui-widget.ui-widget-content { padding:0; border:1px solid #999 !important; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); border-radius:15px;}
.ui-datepicker .ui-datepicker-header { height:45px; padding:0 8px !important; display:flex; align-items:center; justify-content:space-between; border-radius:15px 15px 0 0; background:#fff; border:none; border-bottom:1px solid #ddd; }
.ui-datepicker .ui-datepicker-title { margin:0 !important; display:flex; gap:3px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.ui-datepicker .ui-datepicker-title select { font-family:'N-SquareNeo', sans-serif; font-weight:800; transition:all 0.3s; width:50%; border-radius:5px !important; padding:0 20px 0 6px !important; border:1px solid #ddd; height:30px; margin:1px !important; background:url(../../images/admin/arrow_down.svg) calc(100% - 6px) 50% no-repeat #fff; background-size:8px !important;}
.ui-datepicker .ui-datepicker-title select:hover { border:1px solid #666; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { width:80px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { transition:all 0.3s; position:static !important; border-radius:5px; cursor:pointer; width:30px !important; height:30px !important; display:flex; align-items:center; justify-content:center; background:#fff; border:none; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:none !important; }
.ui-datepicker .ui-datepicker-prev::before { content:"\e91d";font-family: 'icomoon' !important; }
.ui-datepicker .ui-datepicker-next::before { content:"\e91e";font-family: 'icomoon' !important; }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { font-weight:800 !important; border:none; top:2px; background:#ededed !important; }
.ui-datepicker .ui-datepicker-prev:hover { left:2px; }
.ui-datepicker .ui-datepicker-next:hover { right:2px; }

/*body*/
.ui-datepicker table { font-size:11px !important; padding:5px; font-family:'N-SquareNeo', sans-serif; }
.ui-datepicker td, .ui-datepicker th { text-align:center; position:relative; vertical-align:middle; }
.ui-datepicker th { font-weight:400 !important; font-size:0.9em; padding:5px 0 0 0 !important; }
.ui-state-default { color:#000 !important; font-weight:800 !important; background:#fff !important; border:none !important; margin:0.2em 0; padding:0.2em 0 !important; border-radius:5px !important; display:inline-block !important; text-align:center !important; width:25px; height:25px; line-height:22px; }
.ui-state-default:hover { background:#dde3ed !important; }
.ui-datepicker-current-day a { border-radius:5px; border:none !important; background:#144e9b !important; color:#fff !important; }
.ui-datepicker-current-day:hover a { background:#144e9b !important; color:#fff !important; }
.ui-state-default.ui-state-active:hover a { background:#144e9b !important; color:#fff !important; }
.ui-state-default.ui-state-highlight,
.ui-state-default.ui-state-highlight:hover { background:#1463eb !important; color:#fff !important; font-weight:800 !important; }
.ui-datepicker-current-day.ui-datepicker-today .ui-state-highlight.ui-state-active { background:#144e9b !important; color:#fff !important; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity:0.5 !important; }
.ui-datepicker tr .ui-datepicker-week-end:first-child a { color:#d70000 !important; }
.ui-datepicker tr .ui-datepicker-week-end:last-child a { color:#0e5cc3 !important; }
/*footer*/
.ui-datepicker .ui-datepicker-buttonpane { border-radius:0 0 15px 15px; height:45px; margin:0; padding:0 8px !important; display:flex; align-items:center; justify-content:space-between; }
.ui-datepicker .ui-datepicker-buttonpane button { border-radius:5px; font-family:'N-SquareNeo', sans-serif; font-size:13px !important; float:none !important; border:1px solid #ddd !important; margin:0 !important; line-height:1em; padding:5px 8px !important; }
.ui-datepicker .ui-datepicker-buttonpane button:hover { border:1px solid #666 !important; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { opacity:1 !important; background:var(--blue) !important; color:#fff !important; border:1px solid var(--blue) !important; }

.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; }
.inp:focus { outline: none; background-color: #eee; }

/*도서대출관리
.lbrry_view { width:100%;}
.lbrry_view > .lbrry_view_head {border-bottom: 1px solid #ededed;  margin-bottom: 20px;}
.lbrry_view > .lbrry_view_head > .title{  width:100%; display: flex; }
.lbrry_view > .lbrry_view_head > .title > .condition{ margin-left:10px;}

.lbrry_view h4.small { margin-bottom:20px;}

.lbrry_view > .lbrry_view_conts { margin:50px 0 0 0;}
.lbrry_view > .lbrry_view_conts dl { width:100%; padding:15px 20px 15px 20px; background: var(--lp); margin:0 0 10px 0;  border:1px solid #c7d5e3;}
.lbrry_view > .lbrry_view_conts dl > dt { margin:0 0 5px 0;}
.lbrry_view > .lbrry_view_conts dl > dd {padding:10px 15px; background:#fff; border-radius: 10px;}

.lbrry_view > .lbrry_view_conts > .lbrry_view_row {display: flex; gap:10px; }
.lbrry_view > .lbrry_view_conts > .lbrry_view_row > dl { width:50%; border-radius: 10px;}
.lbrry_view > .lbrry_view_conts > .lbrry_view_full > dl { width:100%; border-radius: 10px;}

.lbrry_view > .lbrry_view_conts > .lbrry_view_add_info{display: flex; gap:10px; }
.lbrry_view > .lbrry_view_conts > .lbrry_view_add_info dl{ width:33.3%; border-radius: 10px; background:var(--lp); border:1px solid #c7d5e3;}

.lbrry_view_bottom { margin:50px 0 0 0;}
.lbrry_view_bottom .lbrry_view_list { border-top: 1px solid #ededed;  display: flex;justify-content: space-between;align-items: center;padding: 2.4em 1.4em 2.4em 1.4em;}
.lbrry_view_bottom .lbrry_view_list .board_list_cont {display: flex;flex-direction: column;width: calc(100% - 250px);}
.lbrry_view_bottom .lbrry_view_list .list_title {margin-bottom: 0px; font-size:.8em;}
.lbrry_view_list .b_no { min-width:100px; height:100%; display:flex; align-items:center; justify-content:center; font-size:1em; font-weight:600; color:#000; position:relative; }
.lbrry_view_list .b_no::after { width:1px; content:''; display:inline-block; height:100%; background:#ddd; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.lbrry_view_bottom > div:last-child { border-bottom: 1px solid #ededed; }*/


.lbrry_view { width:100%; border-bottom:1px solid #ededed; }
.lbrry_view .lbrry_view_wrap { width:100%; border-top:2px solid #000; position:relative; padding:50px 0; display:flex; gap:100px; align-items:flex-start; }
.lbrry_view .lbrry_view_head { width:50%; position:sticky; top:100px; transition:top 0.3s; }
.lbrry_view .lbrry_view_head > .title{ width:100%; display:flex; flex-direction:column-reverse; gap:15px; }
.lbrry_view .lbrry_view_head > .title > h3 { font-size:2.4em; line-height:1.5em; margin-bottom:0; }
.scrollTop .lbrry_view .lbrry_view_head { top:130px; }

.lbrry_view h4.small { padding:0 0 20px 0; margin-bottom:0; /* border-bottom:2px solid #000; */}
.article_wrap h4.bb_none{border-bottom:0px solid #000; padding: 0 0 60px 0; margin: 50px 0 0 0;}

.lbrry_view .lbrry_view_conts { width:50%; }
.lbrry_view .lbrry_view_conts dl { width:100%; padding:15px 0; border-bottom:1px solid #e0e8ef; }
.lbrry_view .lbrry_view_conts dl > dt { font-size:15px; font-weight:400; position:relative; }
.lbrry_view .lbrry_view_conts dl > dt span { margin:0 10px 0 0;}
.lbrry_view .lbrry_view_conts dl > dd { font-size:15px; font-weight:800; min-height:36px; }
.lbrry_view .lbrry_view_conts dl > dd p,
.lbrry_view .lbrry_view_conts dl > dd p span { color:#000 !important; font-family:'N-SquareNeo', sans-serif !important; font-size:1em !important; }
.lbrry_view .lbrry_view_conts dl:last-child { border-bottom:none; }
.lbrry_view .lbrry_view_conts  .file_item_wrap { background:#fff; }

.lbrry_view .lbrry_view_conts .lbrry_view_row { display:flex; }
.lbrry_view .lbrry_view_conts .lbrry_view_row > dl { width:50%; position:relative; }
.lbrry_view .lbrry_view_conts .lbrry_view_full > dl { width:100%; }

.lbrry_view .lbrry_view_conts .lbrry_view_add_info{display:flex; flex-direction:column; }
.lbrry_view .lbrry_view_conts .lbrry_view_add_info dl{ width:100%; position:relative; }

.lbrrySrchSerList { padding:50px; margin:50px 0; background:var(--lb); }
.lbrrySrchSerList .table_list th,
.lbrrySrchSerList .table_list td { background:#fff; }
.lbrrySrchSerList .table_list tr:hover td { background:#fff; }
.lbrrySrchSerList .table_list tr.nothing td,
.lbrrySrchSerList .table_list tr.nothing:hover td:hover { background:#fff; }
.bg_lb .pagination li.active a { background-color:#d2e2f1; }

.lbrry_view_bottom { margin:50px 0 0 0; padding:3em; background:var(--lp); }
.lbrry_view_list_wrap { display:flex; gap:20px; flex-wrap:wrap; }
.lbrry_view_bottom .lbrry_view_list { width:calc(25% - 60px / 4); flex-direction:column; border:1px solid #ededed; display:flex; gap:15px; padding:20px; border-radius:15px; background:#fff; }
.lbrry_view_bottom .lbrry_view_list .board_list_cont {display:flex;flex-direction:column; width:100%;}
.lbrry_view_bottom .lbrry_view_list .list_title {margin-bottom: 0px; font-size:.8em;}
.lbrry_view_list .b_no { min-width:100px; height:100%; display:flex; align-items:center; justify-content:center; font-size:1em; font-weight:600; color:#000; position:relative; }
/* .lbrry_view_list .b_no::after { width:1px; content:''; display:inline-block; height:100%; background:#ddd; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.lbrry_view_bottom > div:last-child { border-bottom: 1px solid #ededed; } */


.vststData {display: flex; align-items: flex-start; flex-direction: column;}
.vststData button {margin-right: 10px;}
.vststData p {display : flex;}
.vststData p span {display : flex; align-items: center;}
.vststData p span::after {content: ''; display: block; width: 1px; height: 11px; margin: 0 7px; background-color: #000000;}
.vststData p span:last-child::after {display: none;}


/*new calender*/
.modal_wrap .calender_wrap {width:100%; font-family: S-coredream; height: 100%;}
.modal_wrap .calender_wrap h4 {font-size:16px;letter-spacing: -.05em;}
.modal_wrap .calender_wrap .calender_top { display: flex; justify-content: space-between; position: relative; margin-top:10px;}
.modal_wrap .calender_wrap .calender_top .month_article{display:flex;align-items: center;gap:10px; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.modal_wrap .calender_wrap .calender_top .month_article .box { border:1px solid #dddddd; display:flex; border-radius:10px; padding:5px; gap:3px; }
.modal_wrap .calender_wrap .calender_top .month_article .selectText { height:32px; border:none; font-size:18px; font-weight:800; box-shadow:none; font-family:S-coredream; color:#333;}
.modal_wrap .calender_wrap .calender_top .month_article button { border-radius:6px; background:#f4f4f4; border:1px solid #f4f4f4; }
.modal_wrap .calender_wrap .calender_top .month_article button:hover { background:#ededed; border:1px solid #ddd; }

.modal_wrap .calender_wrap .calender {margin: 20px 0 10px;}
.modal_wrap .calender_wrap .calender .week { display:flex; }
.modal_wrap .calender_wrap .calender .week .day { width:calc(100% / 7); text-align:center; position:relative; z-index:0; font-size:13px; font-weight:800; color:#666; border-right:1px solid #efefef; padding: 15px 0;}
.modal_wrap .calender_wrap .calender .week .day:first-child { color:#D3191C; }
.modal_wrap .calender_wrap .calender .week .day:last-child { color:#0D33AD; border-right: none;  }
.modal_wrap .calender_wrap .cal_head {position: relative; z-index: 999; text-transform:capitalize; border: 1px solid #efefef; background: #fff; box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;}

.modal_wrap .calender_wrap .cal_body .week{ border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.modal_wrap .calender_wrap .cal_body .week .day {display: flex;border-right:1px solid #efefef;color: #8b8b8b;font-size:12px;position: relative;min-height: 100px;padding:12px 15px 15px 15px;flex-wrap: wrap;align-content: flex-start; justify-content:flex-end;
    gap: 5px}
.modal_wrap .calender_wrap .cal_body .week .day:last-child{ border-right: none; }
.modal_wrap .calender_wrap .cal_body .week .day:first-child em{ color: #D3191C;}
.modal_wrap .calender_wrap .cal_body .week .day:last-child em{ color: #2d64be;}
.modal_wrap .calender_wrap .cal_body .week .day .day_date{height: 30px;}
.modal_wrap .calender_wrap .cal_body .week .day .day_date > em, .modal_wrap .calender_wrap .cal_body .week .day > em  { font-weight: 600; position:absolute;top: 10px;left: 15px;cursor:pointer;font-size: 1.1em;white-space:nowrap;color: #25262b;}
.modal_wrap .calender_wrap .cal_body .week .day .day_date > span, .modal_wrap .calender_wrap .cal_body .week .day > span {font-weight:500; font-family:N-SquareNeo; font-size:0.8em;white-space:nowrap;text-align: right; overflow: hidden;text-overflow: ellipsis;font-weight: 400;}

.modal_wrap .calender_wrap .cal_body .week .day.holiday .day_date > em, .modal_wrap .calender_wrap .cal_body .week .day.holiday > em  { color: #D3191C !important;}
.modal_wrap .calender_wrap .cal_body .week .day.holiday .day_date > span, .modal_wrap .calender_wrap .cal_body .week .day.holiday > span { color: #D3191C; font-weight: 600;}
.modal_wrap .calender_wrap .cal_body .week .day.today { position:relative; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.modal_wrap .calender_wrap .cal_body .week .day.today::after { content:''; position:absolute; top:0; left:0; width:calc(100% - 6px); height:calc(100% - 6px); display:inline-block; border:3px solid #005de1; pointer-events:none; }
.modal_wrap .calender_wrap .cal_body .week .day.today > em { color:#003EA5; font-weight: 900;}
.modal_wrap .calender_wrap .cal_body .week .day .btn_wrap { margin-top: 50px;}
.modal_wrap .calender_wrap .cal_body .week .day .btn_wrap .impossible { background: #efefef;color: #b5b4b4;}
.modal_wrap .calender_wrap .cal_body .week .day .btn_wrap .impossible:hover{background: #E8E8E8; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.modal_wrap .calender_wrap .cal_body .week .day .btn_wrap .possible { background: #004DCE; color: #fff; border: 1px solid #003EA5;}
.modal_wrap .calender_wrap .cal_body .week .day .btn_wrap .possible:hover { background: #003EA5; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.modal_wrap .calender_wrap .cal_body .week .empty {background:#f6f6f6;}
.modal_wrap .calender_wrap .cal_body .week .empty em { color:#999; }

.modal_wrap .calender_wrap .cal_body .week .day .day_wrap{width:100%;display: flex;height: calc(100% - 30px);align-content: space-between;flex-direction: column;justify-content: space-between;}
.modal_wrap .calender_wrap .cal_body .week .day .sinro_wrap {margin: 0 0 0 0;padding: 0 10px 10px 10px;}
.modal_wrap .calender_wrap .cal_body .week .day .sbg_wrap{bottom:0;margin: 0 0 0 0;padding: 0 2px 2px 2px;width: 100%;}
.modal_wrap .calender_wrap .cal_body .week .day .sbg_wrap ul li{margin-bottom:3px; font-size: 12px; font-weight: 100;}
.modal_wrap .calender_wrap .cal_body .week .day .sbg_wrap ul li:last-child {margin-bottom:0px;}

.modal_wrap .calender_wrap > .calender_top > .visithrTyList{display:flex;  gap:5px;}
.modal_wrap .calender_wrap > .calender_top > .visithrTyList p{ padding: 2px 10px 2px 4px; margin-right: 5px; border-radius: 30px; font-size: 0.9em; display: flex; align-items: center; height: 30px;}
.modal_wrap .calender_wrap > .calender_top > .visithrTyList p em { width: 35px; height: 20px; display: inline-block; border-radius: 20px; line-height: 20px; text-align: center; margin-right: 5px; font-size: 9px;}

.modal_wrap .calender_wrap p.bg01, .viewing_schedule_wrap button.bg01 { border: 1px solid #afe2af; color: #2e752d; background: #f0f9f0;} /*오전*/
.modal_wrap .calender_wrap p.bg01 em,  .viewing_schedule_wrap button.bg01 em { background:#439d42;color: #fff; }
.modal_wrap .calender_wrap p.bg02, .viewing_schedule_wrap button.bg02 { border: 1px solid #9dd2e4; color: #003377; background: #e8f9ff;} /*오후*/
.modal_wrap .calender_wrap p.bg02 em, .viewing_schedule_wrap button.bg02 em  { background: #0071c8; color: #fff;}
.modal_wrap .calender_wrap p.bg99, .viewing_schedule_wrap button.bg99 { border: 1px solid #fbc8c8; color: #c12a2a; background: #fff1f1;} /*금지*/
.modal_wrap .calender_wrap p.bg99 em, .viewing_schedule_wrap button.bg99 em  { background: #c23030; color: #fff;}
.viewing_schedule_wrap button {margin-bottom:10px;}
.viewing_schedule_wrap button:last-child{margin-bottom:0px;}

.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap {padding: 0; width: 100%; margin-top:35px;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap button {width: 100%;padding: 19px 10px 10px 10px;font-size: 1em;border-radius: 8px !important;position: relative;text-align: left;z-index: 1;display: flex;gap: 5px;justify-content: flex-start;flex-wrap: wrap;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap button:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap button em {width: 28px !important; height: 17px; border-radius: 20px; line-height: 16px; position: absolute; top: -5px; left: 0px; display: inline-block; text-align: center; margin-right: 5px; font-size: 9px;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap p span::after { content: '';  display: block; width: 1px; height: 11px; margin: 0 7px;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap p span:last-child::after {display:none;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap p span b {margin-right: 3px;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap .bg01 p span::after {background: #afe2af;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap .bg02 p span::after {background: #9dd2e4;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap .bg99 p span::after {background: #fbc8c8;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap button p{display: flex;}
.modal_wrap .calender_wrap .cal_body .week .day .viewing_schedule_wrap button p span {display: flex; align-items: center;}
.modal_wrap .calender_wrap .cal_body .week .day.empty > em {color:#999;}
.modal_wrap .calender_wrap .cal_body .week .day.empty { background: #f6f6f6;}
.modal_wrap .calender_wrap button.clickmore { padding: 3px 10px; font-size: 0.9em; border-radius: 50px; text-align: center; z-index: 3; color: #0072ca; border: 1px solid #0072ca; width: calc(100% - 40px); position: absolute; bottom: 20px; left: 20px;}
.modal_wrap .calender_wrap button.clickmore::before{ display: none;}

.long .viewing_schedule_wrap { max-height: 170px; overflow: hidden;}
.long .viewing_schedule_wrap::after { width: 100%; height: 80px; content: ''; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.8) 30%, rgba(255,255,255,0) 100%);}

/*빔타임 운전일정*/
.calender_wrap .content_box.bt {display: flex; justify-content: space-between; align-items: flex-start; padding:15px 20px; margin-bottom:15px;}
.modal_content .calender_wrap .content_box.bt{padding:30px 50px;}
.modal_content .calender_wrap .content_box.bt > div > h3 { margin-bottom:15px;}
.calender_wrap .content_box.bt > div {display: flex;width: 100%;justify-content:space-between;align-items: center;}
.calender_wrap .content_box.bt > div > h3 {display: flex;align-items: center;/* margin:0 0 15px; */font-size: 0.8em;}
.calender_wrap .content_box.bt > div button {width: 30px; height: 30px; padding: 0px 10px;}
.calender_wrap .content_box.bt .switch button { height: 35px; padding:5px 25px; }
.calender_wrap .content_box.bt > div em {line-height:150%; padding: 0 0 0 45px;}
.calender_wrap .content_box.bt > div em span { font-size:15px !important; }
.calender_wrap .content_box.bt .caption ul { gap: 5px;}
.calender_wrap .content_box.bt > div a {/* margin: 15px 0 0 45px; */width:auto; font-size: 0.8em; display:inline-flex;padding:10px 10px;color:#333;border: 1px solid #858585;white-space:nowrap;}
.calender_wrap .content_box.bt > div a:hover {color:#000; border: 1px solid #000; background:#fff;}
.calender_wrap .content_box.bt > div em.col { display:flex; flex-direction:column; }
.calender_wrap .content_box.bt .caption{display: flex; align-items: flex-end;}
.calender_wrap .content_box.bt .caption.col ul { flex-direction:column; }
.calender_wrap .content_box.bt .caption a {width:110px; font-size:1em; margin-bottom:20px;}
.calender_wrap .content_box.bt .left { display:flex; align-items:center; gap:10px; }
.modal_content .inner_table_area {height:100%;}
.modal_content .table_overflow {overflow: auto;}

.tab_btn_wrap ul{display: flex;}

.beamtime_wrap {padding:30px; height: 100%; min-width:1400px;}
.beamtime_wrap .content_box {padding:20px 30px; margin-top:15px;}
.beamtime_wrap .content_box.bt{align-items: center;}
.beamtime_wrap .table_overflow {width:100%; height: 100%; overflow:auto;}
.beamtime_wrap > .beamtime_title {display: flex; justify-content: space-between; align-items: center;}
.beamtime_wrap > .beamtime_title div {margin:0; display: flex; gap:10px;}
.beamtime_wrap > .beamtime_title .btn_close{border:1px solid #8d8d8d; width: 40px; height: 40px;}

.beamtime_wrap .content_box h2{display: flex; align-items: center; gap:15px;}
.beamtime_wrap .content_box h2 .bold { font-size: 1.5em; font-weight: 900;}
.beamtime_wrap .calender_wrap .content_box.bt .caption ul{gap:30px; flex-direction: row;}
.beamtime_wrap .calender_wrap .content_box.bt .caption ul li { font-size: 0.9em;}
.beamtime_wrap .inner_table_area{height:calc(100% - 145px);}
.beamtime_wrap .table_overflow {overflow: auto;}
.beamtime_wrap .calender_wrap .content_box.bt > div { display:flex; flex-direction:row; align-items:center;}
.beamtime_wrap .calender_wrap .content_box.bt > div em {padding:0 0 0 20px; font-size:0.9em;}




/*빔타임 이용 가이드*/
.line_blue_box { border:1px solid var(--mainblue); color:#1265cc; }
.process_box_bt_list2 { padding: 50px; margin-bottom: 40px;}
.process_box_bt_list2 > ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, auto); gap: 15px;}
.process_box_bt_list2 > ul > li { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; border:1px solid #ededed; background:#fff; position:relative; line-height:1.6em; font-weight:600; padding:30px; gap: 10px;}
.process_box_bt_list2 > ul > li strong { font-size:0.9em; color:var(--mainblue); text-transform:capitalize; }
.process_box_bt_list2 > ul > li p { margin-bottom:0 !important; line-height:1.6em !important; }
.process_box_bt_list2 > ul > li:nth-child(1) {grid-column: 1; grid-row: 1;}
.process_box_bt_list2 > ul > li:nth-child(2) {grid-column: 1; grid-row: 2;}
.process_box_bt_list2 > ul > li:nth-child(3) {grid-column: 2; grid-row: 2;}
.process_box_bt_list2 > ul > li:nth-child(4) {grid-column: 3; grid-row: 2;}
.process_box_bt_list2 > ul > li:nth-child(5) {grid-column: 1; grid-row: 3;}
.process_box_bt_list2 > ul > li:nth-child(6) {grid-column: 2; grid-row: 3;}
.process_box_bt_list2 > ul > li:nth-child(7) {grid-column: 3; grid-row: 3;}
.process_box_bt_list2 > ul > li:nth-child(8) {grid-column: 1; grid-row: 4;}
.process_box_bt_list2 > ul > li:nth-child(9) {grid-column: 2; grid-row: 4;}
.process_box_bt_list2 > ul > li:nth-child(10) {grid-column: 3; grid-row: 4;}
.process_box_bt_list2 > ul > li:nth-child(11) {grid-column: 1; grid-row: 5;}
.process_box_bt_list2 > ul > li:nth-child(12) {grid-column: 2; grid-row: 5;}
.process_box_bt_list2 > ul > li:nth-child(13) {grid-column: 3; grid-row: 5;}
.process_box_bt_list2 > ul > li::after { content:'\ea3c'; font-family:'icomoon' !important; width:35px; height:35px; 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_bt_list2 > ul > li:nth-child(3n+1)::after { display:none; }
.process_box_bt_list2 > ul > li:nth-child(1)::after { display:flex; left:50%; top:auto; bottom:-25px; transform: translateX(-50%) rotate(90deg); }
.process_box_bt_list2 .number_list.circle { gap:0; }
.process_box_bt_list2 .number_list.circle > li { font-size:0.8em; line-height:1.6em; }

.process_box_bt_list{ padding: 50px; margin-bottom: 40px;}
.process_box_bt_list > ul > li strong { background:var(--mainblue); color:#fff; padding:3px 10px; border-radius:50px; }
.process_box_bt_list ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, 130px); gap: 15px;}
.process_box_bt_list ul li{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height:130px; border:1px solid #ededed; background:#fff; position:relative; line-height: 130%; font-weight:600; padding:0 30px; gap: 10px;}
.process_box_bt_list ul li:nth-child(1) {grid-column: 1; grid-row: 2;}
.process_box_bt_list ul li:nth-child(2) {grid-column: 2; grid-row: 2;}
.process_box_bt_list ul li:nth-child(3) {grid-column: 3; grid-row: 2;}
.process_box_bt_list ul li:nth-child(4) {grid-column: 3; grid-row: 1;}
.process_box_bt_list ul li:nth-child(5) {grid-column: 1; grid-row: 3;}
.process_box_bt_list ul li:nth-child(6) {grid-column: 2; grid-row: 3;}
.process_box_bt_list ul li:nth-child(7) {grid-column: 3; grid-row: 3;}
.process_box_bt_list ul li:nth-child(8) {grid-column: 1; grid-row: 4;}
.process_box_bt_list ul li:nth-child(9) {grid-column: 2; grid-row: 4;}
.process_box_bt_list ul li:nth-child(10) {grid-column: 3; grid-row: 4;}
.process_box_bt_list ul li:nth-child(2),
.process_box_bt_list ul li:nth-child(3),
.process_box_bt_list ul li:nth-child(5){border:1px solid var(--mainblue); color:var(--mainblue); font-weight:800;}
.process_box_bt_list ul li:nth-child(5)::after{color:#000;}

.process_box_bt_list li::after { content:'\ea3c'; font-family:'icomoon' !important; width:35px; height:35px; 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_bt_list li:nth-child(10)::after { display:none; }
.process_box_bt_list li:nth-child(4)::after { left:50%; top:118px; transform: translateX(-50%) rotate( -90deg ) }
/*
.process_box_bt_list li:nth-child(6)::before { content:'\ea3c'; font-family:'icomoon' !important; width:35px; height:35px; 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; left:-20px; top:50%; transform:translateY(-50%); }
.process_box_bt_list li:nth-child(5)::after { right:-20px;}
.process_box_bt_list li:nth-child(4)::after { left:50%; top:118px; transform: translateX(-50%) rotate( -90deg ) }
.process_box_bt_list li:nth-child(10)::after { left:50%; top:-32px; transform: translateX(-50%) rotate( 90deg ) }*/

.number_list.circle { display:flex; flex-direction:column; gap:10px; }
.number_list.circle > li { position:relative; padding-left:25px; font-weight:500;}
.number_list.circle > li::before { content:''; display:inline-block; position:absolute; left:0; top:0; }
.number_list.circle > li:nth-child(1)::before {content:'①'; }
.number_list.circle > li:nth-child(2)::before {content:'②'; }
.number_list.circle > li:nth-child(3)::before {content:'③'; }
.number_list.circle > li:nth-child(4)::before {content:'④'; }
.number_list.circle > li:nth-child(5)::before {content:'⑤'; }
.number_list.circle > li:nth-child(6)::before {content:'⑥'; }
.number_list.circle > li:nth-child(7)::before {content:'⑦'; }
.number_list.circle > li:nth-child(8)::before {content:'⑧'; }
.number_list.circle > li:nth-child(9)::before {content:'⑨'; }
.number_list.circle > li:nth-child(10)::before {content:'⑩'; }
.number_list.circle > li:nth-child(11)::before {content:'⑪'; }
.number_list.circle > li:nth-child(12)::before {content:'⑫'; }
.number_list.circle > li:nth-child(13)::before {content:'⑬'; }
.number_list.circle > li:nth-child(14)::before {content:'⑭'; }
.number_list.circle > li:nth-child(15)::before {content:'⑮'; }

.number_list.half { display:flex; flex-direction:column; gap:5px; }
.number_list.half > li { position:relative; padding-left:25px; font-weight:500;}
.number_list.half > li::before { content:''; display:inline-block; position:absolute; left:0; top:0; }
.number_list.half > li:nth-child(1)::before {content:'1)'; }
.number_list.half > li:nth-child(2)::before {content:'2)'; }
.number_list.half > li:nth-child(3)::before {content:'3)'; }
.number_list.half > li:nth-child(4)::before {content:'4)'; }
.number_list.half > li:nth-child(5)::before {content:'5)'; }
.number_list.half > li:nth-child(6)::before {content:'6)'; }
.number_list.half > li:nth-child(7)::before {content:'7)'; }
.number_list.half > li:nth-child(8)::before {content:'8)'; }
.number_list.half > li:nth-child(9)::before {content:'9)'; }
.number_list.half > li:nth-child(n + 10) {padding-left:30px;}
.number_list.half > li:nth-child(10)::before {content:'10)'; }
.number_list.half > li:nth-child(11)::before {content:'11)'; }
.number_list.half > li:nth-child(12)::before {content:'12)'; }
.number_list.half > li:nth-child(13)::before {content:'13)'; }
.number_list.half > li:nth-child(14)::before {content:'14)'; }
.number_list.half > li:nth-child(15)::before {content:'15)'; }

.number_list.eng { display:flex; flex-direction:column; gap:5px; }
.number_list.eng > li { position:relative; padding-left:20px; font-weight:500;}
.number_list.eng > li::before { content:''; display:inline-block; position:absolute; left:0; top:0; }
.number_list.eng > li:nth-child(1)::before {content:'a)'; }
.number_list.eng > li:nth-child(2)::before {content:'b)'; }
.number_list.eng > li:nth-child(3)::before {content:'c)'; }
.number_list.eng > li:nth-child(4)::before {content:'d)'; }
.number_list.eng > li:nth-child(5)::before {content:'e)'; }
.number_list.eng > li:nth-child(6)::before {content:'f)'; }
.number_list.eng > li:nth-child(7)::before {content:'g)'; }
.number_list.eng > li:nth-child(8)::before {content:'h)'; }
.number_list.eng > li:nth-child(9)::before {content:'i)'; }
.number_list.eng > li:nth-child(10)::before {content:'j)'; }

.number_list.korean_half { display:flex; flex-direction:column; gap:5px; }
.number_list.korean_half > li { position:relative; padding-left:30px; font-weight:500;}
.number_list.korean_half > li::before { content:''; display:inline-block; position:absolute; left:0; top:0; }
.number_list.korean_half > li:nth-child(1)::before {content:'가)'; }
.number_list.korean_half > li:nth-child(2)::before {content:'나)'; }
.number_list.korean_half > li:nth-child(3)::before {content:'다)'; }
.number_list.korean_half > li:nth-child(4)::before {content:'라)'; }
.number_list.korean_half > li:nth-child(5)::before {content:'마)'; }
.number_list.korean_half > li:nth-child(6)::before {content:'바)'; }
.number_list.korean_half > li:nth-child(7)::before {content:'사)'; }
.number_list.korean_half > li:nth-child(8)::before {content:'아)'; }
.number_list.korean_half > li:nth-child(9)::before {content:'자)'; }
.number_list.korean_half > li:nth-child(10)::before {content:'차)'; }
.number_list.korean_half > li:nth-child(11)::before {content:'카)'; }
.number_list.korean_half > li:nth-child(12)::before {content:'타)'; }
.number_list.korean_half > li:nth-child(13)::before {content:'파)'; }
.number_list.korean_half > li:nth-child(14)::before {content:'하)'; }

.number_list.korean { display:flex; flex-direction:column; gap:5px; }
.number_list.korean > li { position:relative; padding-left:30px; font-weight:500;}
.number_list.korean > li::before { content:''; display:inline-block; position:absolute; left:0; top:0; }
.number_list.korean > li:nth-child(1)::before {content:'(가)'; }
.number_list.korean > li:nth-child(2)::before {content:'(나)'; }
.number_list.korean > li:nth-child(3)::before {content:'(다)'; }
.number_list.korean > li:nth-child(4)::before {content:'(라)'; }
.number_list.korean > li:nth-child(5)::before {content:'(마)'; }
.number_list.korean > li:nth-child(6)::before {content:'(바)'; }
.number_list.korean > li:nth-child(7)::before {content:'(사)'; }
.number_list.korean > li:nth-child(8)::before {content:'(아)'; }
.number_list.korean > li:nth-child(9)::before {content:'(자)'; }
.number_list.korean > li:nth-child(10)::before {content:'(차)'; }
.number_list.korean > li:nth-child(11)::before {content:'(카)'; }
.number_list.korean > li:nth-child(12)::before {content:'(타)'; }
.number_list.korean > li:nth-child(13)::before {content:'(파)'; }
.number_list.korean > li:nth-child(14)::before {content:'(하)'; }

.number_list { display:flex; flex-direction:column; gap:5px; }
.number_list > li { position:relative; padding-left:25px; font-weight:400; }
.number_list > li::before { content:''; display:inline-block; position:absolute; left:0; top:0; }
.number_list > li:nth-child(1)::before {content:'1.'; }
.number_list > li:nth-child(2)::before {content:'2.'; }
.number_list > li:nth-child(3)::before {content:'3.'; }
.number_list > li:nth-child(4)::before {content:'4.'; }
.number_list > li:nth-child(5)::before {content:'5.'; }
.number_list > li:nth-child(6)::before {content:'6.'; }
.number_list > li:nth-child(7)::before {content:'7.'; }
.number_list > li:nth-child(8)::before {content:'8.'; }
.number_list > li:nth-child(9)::before {content:'9.'; }
.number_list > li:nth-child(10)::before {content:'10.'; }
.number_list > li:nth-child(n + 10) {padding-left:30px;}
.number_list > li:nth-child(11)::before {content:'11.'; }
.number_list > li:nth-child(12)::before {content:'12.'; }
.number_list > li:nth-child(13)::before {content:'13.'; }
.number_list > li:nth-child(14)::before {content:'14.'; }
.number_list > li:nth-child(15)::before {content:'15.'; }
.number_list > li:nth-child(16)::before {content:'16.'; }
.number_list > li:nth-child(17)::before {content:'17.'; }
.number_list > li:nth-child(18)::before {content:'18.'; }
.number_list > li:nth-child(19)::before {content:'19.'; }
.number_list > li:nth-child(20)::before {content:'20.'; }
.number_list > li:nth-child(21)::before {content:'21.'; }
.number_list > li:nth-child(22)::before {content:'22.'; }

.number_list.parentheses { display:flex; flex-direction:column; gap:5px; }
.number_list.parentheses > li { position:relative; padding-left:30px; font-weight:400; }
.number_list.parentheses > li::before { content:''; display:inline-block; position:absolute; left:0; top:0; }
.number_list.parentheses > li:nth-child(1)::before {content:'(1)'; }
.number_list.parentheses > li:nth-child(2)::before {content:'(2)'; }
.number_list.parentheses > li:nth-child(3)::before {content:'(3)'; }
.number_list.parentheses > li:nth-child(4)::before {content:'(4)'; }
.number_list.parentheses > li:nth-child(5)::before {content:'(5)'; }
.number_list.parentheses > li:nth-child(6)::before {content:'(6)'; }
.number_list.parentheses > li:nth-child(7)::before {content:'(7)'; }
.number_list.parentheses > li:nth-child(8)::before {content:'(8)'; }
.number_list.parentheses > li:nth-child(9)::before {content:'(9)'; }
.number_list.parentheses > li:nth-child(10)::before {content:'(10)'; }
.number_list.parentheses > li:nth-child(n + 10) {padding-left:35px;}
.number_list.parentheses > li:nth-child(11)::before {content:'(11)'; }
.number_list.parentheses > li:nth-child(12)::before {content:'(12)'; }
.number_list.parentheses > li:nth-child(13)::before {content:'(13)'; }
.number_list.parentheses > li:nth-child(14)::before {content:'(14)'; }
.number_list.parentheses > li:nth-child(15)::before {content:'(15)'; }

.table_dl{width:50%; border: 1px solid #ededed; background: #fff;}
.table_dl > dt{width:100%; padding:10px; text-align:center; background: var(--mainblue); color: #fff;}
.table_dl > dd{width:100%; padding:20px; line-height: 150%;}
.table_dl > dt{border-bottom: 1px solid #ededed;}
.table_dl > dd > ul {display: flex; gap:21px; flex-direction: column;}
.table_dl > dd > ul > li{ font-size: 0.9em; display: flex; text-align: center; justify-content: center; align-items: center; height:70px; border:1px solid #e5e5e5; background:#fff; position:relative; line-height: 150%; font-weight:600;}
.table_dl > dd > ul > li::after { content:'\ea3c'; font-family:'icomoon' !important; width:30px; height:30px; 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; left:50%; top:64px; transform: translateX(-50%) rotate( 90deg )  }
.table_dl > dd > ul > li:last-child::after { display:none; }
.table_dl > dd > em { font-size:0.9em; padding:10px; display: block;}
.table_dl > dd > div > .box_list { padding: 10px; display: flex;flex-wrap: wrap;}
.table_dl > dd > div > .box_list li{width:100%; border:1px solid #e5e5e5; text-align:center; display:block; padding:10px 0; font-size: 0.9em; font-weight: 600;}
.table_dl > dd > div > .box_list li:not(:first-child) { border-top: none; width:50%; }
.table_dl > dd > div > .box_list li:first-child {font-size:1em; background: var(--lightblue); }
.table_dl > dd > div > .box_list li:nth-child(even) {border-right: none;}
.table_dl > dd > div {padding:10px;}
.table_dl > dd > div strong { background: var(--mainblue); color: #fff; padding: 7px 20px; border-radius: 50px; display: inline-block; margin-bottom:10px;}

/*기업지원 설립목적*/
.title_box.establish {  background:url(/images/user/sub/title_box_intrcn.png) 96% 50% no-repeat var(--blue); background-size:200px; }
.establish_box {margin:100px 0 0;}
.establish_box ul { display: flex; gap: 30px;}
.establish_box ul li {display: flex; flex-direction: column;align-items:center;}
.establish_box ul li:nth-child(odd){width:33%;background:var(--lp);padding:30px 0;border-radius:15px;}
.establish_box ul li:nth-child(even){color:#666;justify-content: center; font-size:2em;}
.establish_box ul li img { width: 100%;}
.establish_box ul li p:first-child { width: 150px; height:150px; padding:0 30px; display: flex; justify-content: center;}
.establish_box ul li p:last-child { display: flex; align-items: center; justify-content: center; flex-direction: column; height:100px; font-weight: 700; text-align: center; line-height:170%;}
.establish_box ul li p em {font-size:0.9em; font-weight: 400;}

.darkmode .establish_box ul li:nth-child(odd) { background:#121b29; }
.darkmode .establish_box ul li:nth-child(even) { color:#3f4f69; }

.headline_imgbox .pal_video { width:100%; height:100%; object-fit:cover; }
.pal_video_wrap.issc {height:500px; }
.pal_video_wrap.issc .text {padding:0 30px;}
.pal_video_wrap img { width:100%; height:100%; object-fit:cover; }

/*기업지원  주요업무*/
.intrcn_list, .intrcn_list2{ padding: 50px; margin: 1.2em 0;}
.intrcn_list ul { display:flex;}
.intrcn_list ul li img, .intrcn_list2 ul li img{ height:30px; margin-bottom:10px; max-width:90%; }
.intrcn_list ul li {display:flex; gap:4px; flex-direction: column; justify-content: center; align-items: center; }
.intrcn_list ul li em { line-height:120%; font-size:0.85em;  color:#374153;font-weight: 600;}

.intrcn_list2 ul { display:flex; }
.intrcn_list2 ul li{ display:flex; gap:4px; flex-direction: column; justify-content: center; align-items: center; }
.intrcn_list2 ul li em { line-height:120%; font-size:0.85em;  color:#374153;font-weight: 600;}
.intrcn_list2 ul li:nth-child(odd) { padding:0 50px; border:1px solid #d5ddec; background:#fff; position:relative; line-height: 150%; font-weight:600; }
.intrcn_list2 ul li:nth-child(even) { color:#3f4f69; }
.intrcn_list2 ul li:nth-child(8) em { border:1px solid #a2c4ff; font-weight:600; color: var(--mainblue); border-radius:30px; padding:5px 20px; background:#ebf1fb;}

.intrcn_list ul li span,
.intrcn_list2 ul li span { 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;  color: var(--mainblue); border: 1px solid var(--mainblue); }

.intrcn_list ul li:nth-child(odd),
.intrcn_list2 ul li:nth-child(odd) { padding:40px 30px; border:1px solid #d5ddec; background:#fff; position:relative; line-height: 150%; font-weight:600; }
.intrcn_list ul li:nth-child(even),
.intrcn_list2 ul li:nth-child(even) { gap:20px; color:#3f4f69; }

.intrcn_list ul li:nth-child(odd) { width:calc(80% / 3); }
.intrcn_list ul li:nth-child(even) { width:10%; }
.intrcn_list2 ul li:nth-child(odd) { width:calc(70% / 3); }
.intrcn_list2 ul li:nth-child(even) { width:15%; }

/*방사광 실험시설 이용 세칙 개정안*/
.guide_step {display: flex; gap:20px; flex-wrap:wrap; }
.guide_step li{ width:calc(100% / 5 - 80px / 5); font-size: 0.9em; display: flex; text-align: center; justify-content: center; align-items: center; height:70px; border:1px solid #e5e5e5; background:#fff; position:relative; line-height: 150%; font-weight:600;}
.guide_step li::after { content:'\ea3c'; font-family:'icomoon' !important; width:30px; height:30px; 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; top:50%; right:-26px; transform: translateY(-50%) rotate(00deg )  }
.guide_step li:nth-child(5n)::after { display:none; }
.guide_step li:last-child::after { display:none; }


/*4세대 시설*/
.btn_wrap .btn_l .icon-file-down { transition:all 0.3s; }
/* .btn_wrap .btn_l:hover .icon-file-down { transform:translateY(5px); } */
.text .img_ntau {display:flex; gap:20px;}

.tab_content > h3.title {position: sticky; top: 150px;}
.tab_content > .article_wrap > .article > h4{ top: 200px;}

/*운전상황*/
.link_box ul{display:flex; gap:30px;}
.link_box ul li {width:50%; border-radius: 10px;}

.link_mask_box {
  width: 100%;
  height: 200px;
   font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-size: 7em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.link_mask_box.pls div {
  line-height: 7em;
  background: linear-gradient(90deg,#4169e1,#5768df,#8164d7,#aa60c8,#cc60b3,#e3689c,#ed7889,#ee8c7e,#e99e7c,#e4ac7f,#e0b585,#deb887,orange);
  background-size: 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: pls_text 3s alternate infinite;
}

.link_mask_box.pal div {
  line-height: 7em;
  background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
  background-size: 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: pal_text 3s alternate infinite;
}

@keyframes pls_text {
  from { background-position: 0 50%;}
  50% {background-position: 100% 50%;}
  to {background-position: 0 50%;}
}

@keyframes pal_text {
  from { background-position: 0 50%;}
  50% {background-position: 100% 50%;}
  to {background-position: 0 50%;}
}

/*빔라인 찾기*/
.plsbeamLineMap_links { display: flex; gap:5px; flex-wrap: wrap;}
.plsbeamLineMap_links li a { border: 1px solid #d7ecff; background:#f5faff; color:#137cf3; font-size:0.9em; border-radius:50px; line-height:25px; padding:10px 20px; display: block; text-align:center;}
.plsbeamLineMap_links li a:hover {background:var(--mainblue); color:#fff; transition:all 0.3s;}


/*사내복지*/
.wnmpyWlfare h3, .workEnvrn h3{ text-align:center; margin-bottom:80px;}
.wnmpyWlfare h3 p > span, .workEnvrn h3 p > span, .qustnrResult h3 p > span {font-size: 0.7em;}
.wnmpyWlfare h3 p, .workEnvrn h3 p, .qustnrResult h3 p{font-size: 1.5em; line-height:120%; }
.wnmpyWlfare h3 p:nth-child(2)::after{content: ''; display: block; width: 55%; height: 30px; background: #b8e7f7;  border-radius: 30px; position: absolute; left:50%; transform:translateX(-50%); bottom: 0px; z-index: -1;}
.wnmpyWlfare .box_list li, .workEnvrn .box_list li, .qustnrResult .box_list li  { border-radius: 10px;}
.wnmpyWlfare .box_list li dl, .workEnvrn .box_list li dl, .qustnrResult .box_list li dl{width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.wnmpyWlfare .box_list li dl dt, .workEnvrn .box_list li dl dt, .qustnrResult .box_list li dl dt{ width:80px; height:100px;display: flex; align-items: center; justify-content: center;}
.wnmpyWlfare .box_list li dl dd, .workEnvrn .box_list li dl dd, .qustnrResult .box_list li dl dd  {font-weight: 700; text-align:center; line-height:150%; }

/*근무환경*/
.workEnvrn h3 p:nth-child(2)::after{content: ''; display: block; width: 55%; height: 30px; background: #fabf8a;  border-radius: 30px; position: absolute; left:50%; transform:translateX(-50%); bottom: 0px; z-index: -1;}

/*설문결과*/
.qustnrResult h3{ text-align:center; }
.qustnrResult h3 p:nth-child(2)::after{content: ''; display: block; width: 55%; height: 30px; background: #b8e7f7;  border-radius: 30px; position: absolute; left:50%; transform:translateX(-50%); bottom: 0px; z-index: -1;}
.box_img {width:100%; background:#0071e3; border-radius:10px; line-height: 0; padding:50px 0 0 0; text-align:center; margin-bottom:50px;}
.box_img img {width:60%;}
.qustnrResult_wrap .table_v_list th{background:#edf2fa;}
.qustnrResult_wrap .table_v_list td {background:#fff;}

.highlight{ padding: 0 2px; display: inline; box-shadow: inset 0 -11px 0 #b8e7f7;}


.qustnrResult_box_list { margin-top:10px; }
.qustnrResult_box_list ul {display:flex; gap:30px; flex-wrap: wrap;}
.qustnrResult_box_list ul li {gap: 10px; justify-content: space-around; line-height:130%; display: flex; justify-content: center; flex-direction: column; align-items: center; position: relative; width:calc(100% / 3 - 20px); height:210px; background: #fff; border-radius:10px; border: 1px solid #ededed; padding:30px; }
.qustnrResult_box_list ul li:nth-child(3n+1) {  line-height:200%;border:0px; background: none; padding:0; text-align:center;  }
.qustnrResult_box_list ul li:nth-child(3n+1)::after{z-index:-1; content:''; width:100%; transform: rotate(358deg); position: absolute; height:210px; background: #fff; border-radius:10px; border: 1px solid #ededed;}
.qustnrResult_box_list ul li:nth-child(3n+1)::before{ z-index:-1; content:''; width:100%; transform: rotate(2deg); position: absolute; height:210px; background: #fff; border-radius:10px; border: 1px solid #ededed;}
.qustnrResult_box_list ul li:nth-child(3n+1) p { line-height: 140%; width:100%; height:100%; flex-direction: column; background: #fff; border: 1px solid #ededed;  font-size: 1.2em; font-weight: 600; border-radius:10px; display: flex; justify-content: center; align-items: center;}
.qustnrResult_box_list ul li strong { background: var(--mainblue); color: #fff; padding: 4px 10px; border-radius: 50px; margin-bottom:10px;}
.qustnrResult_box_list ul li:nth-child(3n+1) p b {color: #0056e9;}
.qustnrResult_box_list ul li svg {width:5px;}
.qustnrResult_box_list img {width:70px;}
.qustnrResult_box_list .qr_img{ width:100%; height:130px; overflow: hidden; border-radius:10px; line-height: 0; margin-bottom:15px;}
.qustnrResult_box_list .qr_img img{width:100%; /*height:100%;*/ object-fit: cover;}

.qustnrResult_box_list ul li.arrow::after {
    content: '\ea3c';
    font-family: 'icomoon' !important;
    color: #47627d;
    font-weight: 500;
    width: 35px;
    height: 35px;
    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 #ced4d9;
    z-index: 1;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);}

.graph_line {position: relative;}
.graph_line::after{content:''; width:100%; transform: rotate(358deg); position: absolute; height:1px; background: #000;}
.graph_line::before{ content:''; width:100%; transform: rotate(358deg); position: absolute; height:1px; background: #000;}

.qr_text_box {font-size:0.9em; width:100%; padding:5px 0; text-align:center; border-radius:100px; border: 1px solid #a2c4ff; background-color: #ecf1fe; color: #4173f5;}

.text_radius{color: var(--blue); border: 1px solid var(--blue); border-radius:50px; padding:0px 15px; margin-bottom:10px; display:inline-block; font-size:15px; font-weight:400;}


/*PLS-II 소개 > 포항가속기*/
.pal_guide { position:relative; 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_guide .pal_guide_map { position:absolute; z-index:2; }
.pal_guide .pal_guide_map p { position:relative; font-size:2em; color:#fff; }
.pal_guide .pal_guide_map .tooltip {  margin: 0 0 -15px -2px; pointer-events:none; font-weight:600; line-height:130%; text-align:center; 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); }
.pal_guide .pal_guide_map .tooltip::after,
.pal_guide .pal_guide_map .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); }
.pal_guide .pal_guide_map .tooltip::after { bottom:-11px; border-bottom:7px solid #fff; }
.pal_guide .pal_guide_map .tooltip::before { bottom:-13px; border-bottom:7px solid #000; }
.pal_guide .pal_guide_map.active .tooltip { margin-bottom:-7px;  }
.pal_guide .pal_guide_map.pal_guide1.active .tooltip{border:1px solid #9b4800; color:#b95600;}
.pal_guide .pal_guide_map.pal_guide1.active .tooltip::before {border-bottom:7px solid #9b4800; }
.pal_guide .pal_guide_map.pal_guide2.active .tooltip{border:1px solid var(--mainblue); color:var(--mainblue);}
.pal_guide .pal_guide_map.pal_guide2.active .tooltip::before {border-bottom:7px solid var(--mainblue); }
.pal_guide .pal_guide_map.pal_guide3.active .tooltip{border:1px solid #019b22; color:#056d1b;}
.pal_guide .pal_guide_map.pal_guide3.active .tooltip::before {border-bottom:7px solid #019b22; }

.pal_guide .pal_guide_map01 { top:38%; left:15%; } /*전자발생장치*/
.pal_guide .pal_guide_map02 { top:44%; left:24%; } /*클라이스트론 및 모듈레이터*/
.pal_guide .pal_guide_map03 { top:59%; left:37%; } /*가속관*/
.pal_guide .pal_guide_map04 { top:54%; left:47%; } /*전기실*/
.pal_guide .pal_guide_map05 { top:84%; left:58%; } /*전자빔전송관*/
.pal_guide .pal_guide_map06 { top:58%; right:30%; } /*고주파가속장치*/
.pal_guide .pal_guide_map07 { top:69%; left:76%; } /*입사장치*/
.pal_guide .pal_guide_map08 { bottom:36%; right:36%; } /*빔라인 및 실험장치*/
.pal_guide .pal_guide_map09 { bottom:64%; right:34%; } /*초전도설비동*/

.pal_guide .img_box { position:relative;  padding: 0 100px; }
.pal_guide svg { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; }
.pal_guide .img_box::after {display:none; }
.pal_guide .st0 { fill:none;}
.pal_guide .st1 { fill:rgba(0,188,247,0); stroke:rgba(5,80,211,0); stroke-width:2px; cursor:pointer; transition:all 0.3s; }
.pal_guide .st0.active{ fill: rgb(255 118 0 / 41%); stroke: #ed3900; stroke-width:2px; }
.pal_guide .st1.active{ fill:rgba(0,188,247,0.34); stroke:rgba(5,80,211,1); }

.pal_guide_map{position:relative;}
.pulse {position:relative; width:20px; height:20px; border-radius:50%; background:#0056e9;}
.pal_guide .pal_guide_map.pal_guide1 .pulse {background:#ffe10a;}
.pal_guide .pal_guide_map.pal_guide3 .pulse {background:#04af0b;}

.ring {  position:absolute; background:inherit; width:100%; height:100%;  border-radius:100%; opacity:0.5; animation: pulsing 1s ease-out infinite;}
@keyframes pulsing { 100% {transform:scale(2);opacity:0;}}

.pal_guide_list {width:100%; display:flex; justify-content: center; gap:10px; margin-bottom:50px;}
.pal_guide_list li a { border-radius:100px;}
.pal_guide_list li a:hover { font-weight:800; border:1px solid #333;}
.pal_guide_list li.active a{ font-weight:800; border:1px solid #333;}

.text.pal_guide1, .text.pal_guide2, .text.pal_guide3 {display:none; margin-top:50px;}
.text.pal_guide1.active, .text.pal_guide2.active, .text.pal_guide3.active {display:block; }


.text_flex {display: flex; flex-wrap: wrap; gap:50px;}
.text_flex p {width: calc(70% - 50px);}

.text_flex.half p {width: calc(50% - 50px);}

.img_box_warp {display: flex; justify-content: center;}

sup { vertical-align: super; font-size: smaller;}
sub { vertical-align: sub; font-size: smaller;}


/*홍보센터
.pro_video {border-top: 2px solid #000; border-bottom: 1px solid #ddd; padding:1em 0; margin-bottom: 0 !important; transition:all 0.3s;  }
.pro_brochure { border-bottom: 1px solid #ddd; padding:1em 0; transition:all 0.3s; margin-bottom: 0 !important;}
.pro_photo { border-bottom: 1px solid #ddd; padding:1em 0; transition:all 0.3s; margin-bottom: 0 !important;}
.pro_video, .pro_brochure, .pro_photo {cursor: pointer;}
.pro_video.active, .pro_brochure.active, .pro_photo.active  {border-bottom: 1px solid #fff; transition:all 0.3s;  }
.pro_video::after,
.pro_brochure::after,
.pro_photo::after {transition:all 0.3s; width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; content:'\e909'; font-family:'icomoon' !important; font-size:0.8em; position:absolute; right:0; color:#333; z-index:1;  }
.pro_video.active::after,
.pro_brochure.active::after,
.pro_photo.active::after {transition:all 0.3s; transform: rotate(180deg);}
.pro_video_view, .pro_brochure_view, .pro_photo_view { display:none; padding:3em; background:var(--lp); border-top:1px solid var(--borderlight); border-bottom:1px solid var(--borderlight); }
*/.pro_video_view .board_list_img ul li,
.pro_brochure_view .board_list_img ul li,
.pro_photo_view .board_list_img ul li { background:#fff; }


.accordion ._cont:has(.bbs_wrap) { padding:2em; }
.accordion .bbs_wrap { background:#fff; padding:2em; }


/*외국인 방문객 DL 확인 안내*/
.modal_page {width:1000px; height:auto; padding:30px; border-radius:30px; border:1px solid #efefef; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.modal_page .modal_title{ justify-content: center; padding:10px 0 15px 0;  border-bottom: none;}
.modal_page .modal_title h3 {font-size: 2em !important; font-weight:600; }
.modal_page .content_box {font-size: 1.1em !important; line-height:180%;}
.modal_page .text_notice {font-size: 1em !important;}
.modal_page .btn_wrap button { font-size: 1em; min-width:80px;}